@font-face {
  font-family: 'Sonsie One';
  src: url('fontfiles/SonsieOne-Regular.otf');
}
@font-face {
  font-family: 'handschrift';
  src: local(GaroaHackerClubeBold), url('fontfiles/Grundschrift.ttf') format('TrueType');
}
html {
  font-family: 'Sniglet',sans-serif;
  font-size: 16px;
}
dt {
  font-family: 'Comfortaa';
  font-weight: bold;
}
@media (max-width: 713px) {
  html {
    font-size: 6px;
  }
}
@media (min-width: 714px) and (max-width: 865px) {
  html {
    font-size: 8px;
  }
}
@media (min-width: 866px) and (max-width: 1044px) {
  html {
    font-size: 10px;
  }
}
@media (min-width: 1045px) and (max-width: 1208px) {
  html {
    font-size: 12px;
  }
}
@media (min-width: 1209px) and (max-width: 1372px) {
  html {
    font-size: 14px;
  }
}
@media (min-width: 1373px) and (max-width: 1549px) {
  html {
    font-size: 16px;
  }
}
@media (min-width: 1550px){
  html {
    font-size: 18px;
  }
}
html {
  font-size:  1vw;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Sonsie One';
}
header[role="banner"] h1, header[role="banner"] .subtitle, #lexikon, a#logo .maintitle {
  font-family: 'Sonsie One';
}
#login .tx-felogin-pi1 {
  font-size: 1.5rem;
}
#login .tx-felogin-pi1 input[type="submit"] {
  font-size: 1rem;
  font-weight: 500;
}
.tx-indexedsearch-searchbox input[type="text"] {
  font-size: 1.5rem;
}
.tx-indexedsearch-searchbox input[type="submit"] {
  font-size: 1.5rem;
}
.extendedsearchlink {
  font-size: 0.8rem;
}
.infobutton {
  font-size: 1.5rem;
}
nav a, #vorschlaege a {
  text-decoration: none;
}
nav#hauptnavigation li a {
  font-size: 0;
}
nav#unternavigation ul.ebene2 a {
  font-size: 0.9rem;
}
#lexikon {
  font-size: 2rem;
}
.seiteninhaltselement a {
  text-decoration: none;
}
span.optFett, .seiteninhaltselement b, .seiteninhaltselement strong {
  font-weight: bold;
}
span.optKursiv {
  font-style: italic;
}
span.handwriting {
  font-family: 'handschrift', cursive;
}
span.underline {
  text-decoration: underline;
}
span.kaps {
  text-transform:uppercase;
}
span.rechtsnachlinks {
  display:inline-block;
  cursor: pointer;
  -webkit-transform: matrix(-1, 0, 0, 1, 0, 0);
  -moz-transform: matrix(-1, 0, 0, 1, 0, 0);
  -o-transform: matrix(-1, 0, 0, 1, 0, 0);
  transform: matrix(-1, 0, 0, 1, 0, 0);
}
#dreispaltig aside#rechtespalte, #dreispaltig aside#linkespalte {
  font-size: 0.7rem;
}
#dreispaltig aside#rechtespalte p, #dreispaltig aside#linkespalte p {
  font-size: 0.9rem;
}
footer[role="contentinfo"] h2 {
  font-size: 1.3rem;
}
#erwachsene ul a:hover, #erwachsene ul a:focus {
  text-decoration: underline;
}
#copy {
  text-align: center;
  font-size: 0.7rem;
}
.backlink {
  text-decoration: none;
}
aside#rechtespalte, aside#linkespalte, .news-item.layout2{
  font-size: 0.7rem;
}
aside#rechtespalte, aside#linkespalte p, .news-item.layout2 p{
  font-size: 0.9rem;
}
div.tx-indexedsearch-result a {
  text-decoration: none;
}
.tx-indexedsearch-info {
  font-size: 0.7rem;
}
aside .tx-powermail h3 {
  font-size: 0.9rem;
}

@media (max-width: 640px) {
  #dreispaltig aside#rechtespalte, #dreispaltig aside#linkespalte,
  #dreispaltig aside#rechtespalte p, #dreispaltig aside#linkespalte p {
    font-size: 4vw;
  }
  #wrap {
    font-size: 4vw;
  }
}
.leer > .tx-dce-pi1 > .seiteninhaltselement.pageTeaser > .csc-header {
  font-size: 1.4rem;
}
.leer > .seiteninhaltselement.newsListitem > .csc-header {
  font-size: 1.2rem;
}