@charset "utf-8";
@import url("/_/scripts/form.css");
@import url("/_/scripts/icons.css");
@import url("/_/scripts/suche.css");


html {
 margin: Auto;
 max-width: 825px;
 background: Whitesmoke;
}

body {
 font-family: Verdana, Arial, Sans-Serif;
 font-size: 1rem;
 background: White;
 margin: 0;
 scroll-behavior: smooth;
}

header {
 z-index: 10000;
 background-color: #D3E4F1;
 padding: 5px;
 border-bottom-left-radius: 0.2rem;
 border-bottom-right-radius: 0.2rem;
 text-align: Center;
 margin-bottom: 25px;
}

header #logo {
 color: Transparent !important;
 text-shadow: 0px 0px 0px #FFFFFF;
 font-size: 1.5rem;
 font-variant: Small-Caps;
 font-variant-caps: all-small-caps;
 letter-spacing: 3px;
 transition: all 0.5s;
}

header a#logo:hover {
 text-shadow: 0px 0px 0px #656565;
 text-decoration: None;
}

header #logo:hover {
 text-decoration: Underline;
}

nav {
 word-spacing: 0.3rem;
}

nav > a:link {
 border-bottom: Solid 3px Transparent;
 transition: border-bottom 0.7s;
}

nav > a:hover,
nav > a:active,
nav > a:focus {
 text-decoration: None;
 border-bottom: Solid 3px #FFFFFF;
}

nav > a#aktuell {
 border-bottom: Solid 3px #FFFFFF;
}

 article {
 background-color: #FFFFFF;
 padding: 0 2% 0 2%;
 hyphens: Auto;
 -ms-hyphens: Auto;
 -webkit-hyphens: None;
 word-wrap: Break-Word;
 min-height: 680px;
}

a:link, a:visited {
 color: #4D95CC;
 text-decoration: None;
}

a:hover, a:focus, a:active {
 text-decoration: Underline;
}

h1 {
 font-family: Arial, Tahoma, Sans-Serif;
 font-weight: Normal;
 font-size: 1.30rem;
 color: #000000;
 background-color: #D3E4F1;
 padding: 0.2rem 0.2rem 0.2rem 0.5rem;
 border-radius: 0.2rem;
 margin-top: 0px;
 cursor: Default;
}

h2 {
 font-family: Arial, Tahoma, Sans-Serif;
 font-weight: Normal;
 font-size: 1.10rem;
 color: #000000;
 background-color: #D3E4F1;
 padding: 0.2rem 0.2rem 0.2rem 0.5rem;
 border-radius: 0.2rem;
 cursor: Default;
}

h3 {
 font-family: Arial, Tahoma, Sans-Serif;
 font-weight: Normal;
 font-size: 0.97rem;
 color: #000000;
 background-color: #D3E4F1;
 padding: 0.2rem 0.2rem 0.2rem 0.5rem;
 border-radius: 0.2rem;
 cursor: Default;
}

h4 {
 font-family: Arial, Tahoma, Sans-Serif;
 font-weight: Normal;
 font-size: 0.92rem;
 color: #000000;
 background-color: #D3E4F1;
 padding: 0.2rem 0.2rem 0.2rem 0.5rem;
 border-radius: 0.2rem;
 cursor: Default;
}

pre {
 font-family: Verdana, Arial, Sans-Serif;
 font-size: 0.95rem;
 font-variant-numeric: slashed-zero;
 color: #000000;
 background-color: #F0F0F0;
 border-radius: 0.2rem;
 overflow: Auto;
 text-overflow: Ellipsis;
 padding: 0.2rem;
}

pre code {
 white-space: Nowrap;
}

code {
  color: #000000;
 background-color: #F0F0F0;
 hyphens: None;
}

mark {
 color: #000000;
 background-color: #E0FFC1;
 border-radius: 0.2rem;
 box-shadow: 0px 0px 2px 0px #55AA00;
}

hr {
 border: 0;
 border-top: Solid Thin #4D95CC;
 margin: 2rem 4rem 2rem 4rem;
}

figure > a > img {
 max-width: 100%;
 height: Auto;
 object-fit: contain;
 background: url(/_/img/bildladen.png) No-Repeat Center Center #FFFFFF;
 /*box-shadow: 1px 1px 5px #bebebe;*/
 border: Solid 1px #D8D8D8;
}

details > summary {
 color: #4D95CC;
 cursor: Pointer;
}

details > summary:hover {
 text-decoration: Underline;
}

details > summary:focus {
 border:0;
 outline:0;
}

figure figcaption {
 font-size: 0.90rem;
 font-style: Oblique;
 cursor: Default;
 margin: 5px 0 25px 0;
}

span.bewertung_ok {
 color: #F7D209;
 font-size: 1.2rem;
 cursor: Default;
}
span.bewertung_ko {
 color: Silver;
 font-size: 1.2rem;
 cursor: Default;
}

h1 a:hover,
h1 a:active,
h1 a:focus {
 text-decoration: None;
}

a#komm_link {
 font-size: 0.80rem;
 color: #000000;
 vertical-align: Top;
}

span.hilfetext {
 font-size: 0.80rem;
 font-style: Oblique;
 color: #009F00;
}

span.smile {
 font-size: 1rem;
 padding: 0 2px 1px 2px;
 vertical-align: Middle;
 margin: 2px 2px 2px 0;
 cursor: Pointer;
}

span.smile:hover {
 background-color: #EBF0FC;
 outline: Solid 1px #4169E1;
}

div#seitennavigation {
 color: #000000;
 text-align: Center;
 background-color: #E8E8E8;
 border-radius: 0.2rem;
 padding: 5px;
 margin: 35px;
}

div#cloudBox {
 margin: 35px Auto 25px Auto;
 max-width: 550px;
 padding: 10px;
 background-color: Whitesmoke;
 border-radius: 4px;
 color: #AEAEAE;
 text-align: Justify;
 line-height: 20px;
 cursor: Default;
}

/* Kommentare */
section {
 margin-top: 50px;
}

dt.eintrag {
 border-bottom: Solid 1px #D3D3D3;
 margin-bottom: 10px;
}

a#seitenanfang {
 position: Fixed;
 bottom: 45px;
 right: 15px;
 border-style: Solid;
 border-width: 0 20px 30px 20px;
 border-color: Transparent Transparent rgba(82, 82, 82,0.125) Transparent;
 text-decoration: None;
 outline: 0;
}

a#seitenanfang:hover {
 border-color: Transparent Transparent rgba(0, 0, 0,0.125) Transparent;
}

footer {
 background-color: #D3E4F1;
 text-align: Right;
 padding: 10px 25px 10px 0;
 margin-top: 150px;
 border-top-left-radius: 0.2rem;
 border-top-right-radius: 0.2rem;
}


@media screen and (max-width: 35rem) {
 footer {
  margin-top: 45px;
 }
}