@charset "UTF-8";

/*
@font-face {
  font-family:Teutonic;
  src: local('Teutonic'),
       url('Teutonic.woff2') format('woff2'),
       url('Teutonic.ttf') format('truetype');
  }

@font-face {
  font-family:CatShop;
  src: local('CatShop'),
       url('CatShop.woff2') format('woff2'),
       url('CatShop.ttf') format('truetype');
  }

@font-face {
  font-family:"Altenglisch";
  src: local("CAT Altenglisch"),
       url('Altenglisch.woff2') format('woff2'),
       url('Altenglisch.ttf') format('truetype');
  }
*/

@font-face {
  font-family:"CAT Hohenzollern";
  src: local("CAT Hohenzollern"),
       url('Hohenzollern.woff2') format('woff2');
  }

@font-face {
  font-family:Wattauchimma;
  src: local('Wattauchimma'),
       url('Wattauchimma.woff2') format('woff2'),
       url('Wattauchimma.ttf') format('truetype');
  }

html {
  background-color:#000;
  color:#CCC;
  font-family:"CAT Hohenzollern","URW Palladio L",Palatino,"Book Antiqua",serif;
}

body {
  max-width:1920px;
  margin-left:auto;
  margin-right:auto;
  padding:1ex;
  /* font-size:102%; */ /* Workaround for IE */
  }

div#Menue {
  font-family:Wattauchimma;
  font-size:10pt;
  color:#382818;
  }

div#Menue ul {
  margin-top:0px;
  padding:2ex;
  }

div#Menue ul { display:inline; list-style-image:none; list-style-type:none; }

div#Menue ul a {
  text-align:center;
  text-decoration:none;
  border-style:outset;
  border-width:5px;
  border-color:#c0b0a0;
  padding:4px;
  display:inline;
  float:left;
  margin-left:6px;
  margin-bottom:1ex;
  }

div#Menue ul a:link    { color:#382818; background-color:#c0b0a0; }
div#Menue ul a:visited { color:#382818; background-color:#c0b0a0; }
div#Menue ul a:focus   { color:#382818; background-color:#d0c0b0; }
div#Menue ul a:hover   { color:#382818; background-color:#d0c0b0; }
div#Menue ul a:active  { color:#382818; background-color:#d0c0b0; border-style:inset }

div.Menuesuche {
  margin-top:2ex;
  text-align:center;
  }

div.Menuesuche input, div.Menuesuche button {
  color:#382818;
  background-color:#c0b0a0;
  border-color:#c0b0a0;
  }

main {
       clear:both;
       max-width:50em;
       padding:1ex;
       margin-top:2rem;
       margin-bottom:2rem;
       margin-left:auto;
       margin-right:auto;
       }

@media screen and (prefers-color-scheme:light) {
  main {
       background-color:#F4ECD8;
       color:black;
       border-color:#F4ECD8;
       }

  a:link    { color:#403010; text-decoration:underline; }
  a:visited { color:#605030; text-decoration:underline; }
  a:focus   { color:#ffffdd; background-color:#605030; text-decoration:underline; }
  a:hover   { color:#ffffdd; background-color:#605030; text-decoration:none; }
  a:active  { color:#ffffdd; background-color:#605030; text-decoration:none; }

  hr { color:#382818; background-color:#c0b0a0; }
  h2,h3,h4,h5,h6 { color:#504020 }
}

@media screen and (prefers-color-scheme:dark) {
  main {
       background-color:#210;
       color:#CBA;
       border-color:#653;
       }

  a:link    { color:#875; text-decoration:underline; }
  a:visited { color:#764; text-decoration:underline; }
  a:focus   { color:#FFD; background-color:#653; text-decoration:underline; }
  a:hover   { color:#FFD; background-color:#653; text-decoration:none; }
  a:active  { color:#FFD; background-color:#653; text-decoration:none; }

  hr { color:#875; background-color:#cba; }
  h2,h3,h4,h5,h6 { color:#875; }
}

a img { border:none; }

#akflogo { position:fixed; top:8px; right:8px; width:auto; border:none; float:right }
#akflogo a { background:transparent }

h1 {
     text-align:center;
     border-style:solid;
     border-color:#ffffdd;
     border-width:medium;
     border-radius:2em;
     padding:12px;
     margin:1em 10%;
     color:#ffffdd;
     background-color:#605030;
     }

main hr {
     clear:both;
     border-style:groove;
     border-width:thick;
   }

table.dictionary, table.dictionary td, table.dictionary th {
     border-style:groove;
     border-color:#ffffdd;
     border-width:thick;
   }

.Datum { text-align:right }

#Photo {
       float:right;
       margin-left:20px;
       }

.help, acronym, abbr { cursor:help }

.overview li { margin-top:1.5ex; }

#emblem img {
  margin-top:0px;
  margin-left:0px;
  margin-right:1ex;
  margin-bottom:1ex;
  }

del { text-decoration:line-through; }
ins { text-decoration:none; }

kbd { color:black;
      background-color:#ccc;
      font-family:monospace;
      font-size:smaller;
      padding:2px 5px;
      }

kbd samp {
   font-weight:normal;
   font-style:italic;
   }

address { font-style:normal; }

.block  { text-align:justify; }
.mittig { text-align:center; }
.rechts { text-align:right; }

.wichtig, .warn, .fehler { font-style:italic; }

main p { text-align:justify; }
main p { text-indent:2em; } /* Einrücken */

div.zentriert, div.zentriert p { text-align:center; text-indent:0; }

.Antwort { margin-bottom:7ex; }

.Frage {
  font-weight:normal;
  border-style:ridge;
  border-width:7px;
  padding:1ex 2em;
  }

ul { list-style-image:url(ball.gif) }
li { margin-bottom:2ex; }

a[rel~=external]::before { content: '🔗 '; }

acronym, abbr { border-bottom:thin dotted }

div.notiz {
  border-style:solid;
  border-width:thin;
  border-color:black;
  box-shadow: 5px 5px 5px 5px grey;
  padding:2ex;
  padding-top:0px;
  margin-bottom:2ex;
  border-radius:1em;
  }

.Frage {
  color:black;
  background-color:#ccc;
  border-color:#c0b0a0;
  background-image:url(fondo51.jpg); 
  }

textarea, input, button {
  font-family:inherit;
  font-size:inherit;
  color:inherit;
  background-color:inherit;
  }

table.Formular td {
           background-color:#ccc;
           background-image:url(fondo51.jpg);
           color:black;
           }

table.hervorgehoben th {
           background-color:#ccc;
           background-image:url(fondo51.jpg);
           color:black;
           }

table.hervorgehoben td {
           background-color:#ccc;
           background-image:url(fondo51.jpg);
           color:black;
           }

table.Formular td {
           background-color:#ccc;
           background-image:url(fondo51.jpg);
           color:black;
           }

/* normale Anzeigen */
@media (min-width:800px) {

  div#Menue { width:12rem; position:absolute; top:2rem; font-size:0.90em; }

  div#Menue ul { display:block; }

  div#Menue ul a {
    display:block;
    width:100%;
    margin-top:12px;
    margin-bottom:0px;
  }

  main {
    padding:1em;
    border-style:solid;
    border-width:medium;
    border-radius:1em;

    font-size:large;
    line-height:1.5;
    }

  main {
    margin-left:14rem;
    }
}


@media (min-width:1600px) {
  main { font-size:25pt; }
}

@media print {
  #Menue, #Fuss, nav, .Navigation, .back, .noprint { display:none; }

  main {
    border-style:none;
    margin-left:1cm;
    margin-right:1cm;
    }

  h1 { border-style:none; }

  main { margin-left:1cm; }

  acronym, abbr { border-style:none }

  a:link, a:visited, a:focus, a:hover, a:active
    { color:black; background-color:transparent }

} /* print,embossed */