body {color:#666; font-family:Verdana,sans-serif; line-height:1.6em; margin:30px 0 0; padding:0; background-color:#060c6d; scroll-behavior:smooth; }
.show-menu-top { display:block; font-size:1.6em; padding:15px; color:#1f48c6; }
input[type=checkbox] { display:none; }
input[type=checkbox]:checked~#menu-top { display:block; }
.topnav { box-shadow:4px 5px 18px -3px rgba(0,0,0,.5); background:#fdfdfd; z-index:100; position:sticky; top:0; }
.topnav ul { display:none; margin:0; padding:0; list-style:none; }
.topnav li { margin:0; padding:0; list-style:none; }
.subnav { background:#2b2929; border-radius:15px; display:flex; flex-wrap:wrap; justify-content:space-between; padding:0; max-width:1400px; margin:0 auto; }
.subnav ul { background:#333; min-width:300px; border-radius:15px; flex:1; margin:0; padding:0; max-width:1400px; }
.subnav li { list-style:none; margin:0; padding:0; }
.subnav a:link, .subnav a:visited { display:block; color:#fff; text-decoration:none; padding:15px; }
.subnav a:hover { background:#666; }
.home { color:#0069ae !important; font-size:24px; }
.topnav a:link, .topnav a:visited { text-align:left; display:block; padding:15px; text-decoration:none; border-bottom:solid 1px #666; text-transform:uppercase; color:#039; }
.topnav a:hover { background-color:#ccc; color:#09f; }
.subHead { font-weight:700; font-size:1.4em; }
main, footer { margin:0 auto; max-width:1400px;height:auto }
h1{font-size:2em; padding:80px 0}
h1, h2, h3, .textbox, th { text-align:left; }
h1, h2, h3 { font-weight:300; line-height:initial; }
h1 { color:#fff; font-size:2.5em; padding:20px 5px; text-align:center; text-shadow:1px 1px 10px #111; margin-block:0.67em; }
h2 { margin-top:50px; }
.float { display:block; margin-bottom:40px; box-shadow:4px 5px 18px -3px rgba(0,0,0,.5); min-width:300px}
.textbox img { height:auto; min-width:100%; display:block; margin-bottom:50px; }
.contentbox { background:#fff; margin-bottom:80px; padding:15px; border-radius:10px; }
.contentbox img{max-width:100%;height:auto}
.tabelle { border:1px solid #ccc; border-collapse:collapse; border-spacing:0; margin:15px 0 20px; padding:10px; width:100%; }
.tabelle a:link { padding:8px; }
.tabelle li { margin:5px 0; }
.tabelle th { background-color:#686868; padding:5px; vertical-align:top; color:#fff; text-align:left; font-weight:300; }
.tabelle td { padding:5px; text-align:left; vertical-align:top; }
.tabelle tr:nth-child(odd) { background-color:#f5f5f5; }
.button { background-image:url(/images/pfeil.webp); background-position:6px; background-repeat:no-repeat; display:inline-block; margin:5px; text-align:left; white-space:nowrap; min-width:320px; border-radius:10px; border:solid 1px #4e92df; }
.button a:link, .button a:visited { display:block; padding:25px; text-decoration:none; }
.button a:hover { background-color:#ccc; color:#000; }
.pic { height:auto; width:100%; }
.textboxWrap { display:flex; flex-flow:wrap; justify-content:space-around; gap:50px; }
.textbox { border-radius:10px; flex:1; min-width:300px; padding:40px; background:#2b2929; color:#fff; }
.textbox h3 { font-weight:700; min-height:50px; }
.verweis { display:block; font-size:.9em; margin-top:60px; }
.lettercode { border:1px solid #666; border-radius:3px; box-shadow:2px 2px 6px rgba(0,0,0,.6); padding:30px; }
table { width:100%; }
.container { display:flex; flex-direction:column; gap:50px; justify-content:space-between; }
footer { margin-bottom:80px; text-align:center; background:#ffffffc7; border-radius:10px; }
footer a:link, footer a:visited { display:inline-block; padding:15px; text-decoration:none; }
footer a:hover { color:#999; }
.adse { display:inline-block; }
#search { white-space:nowrap; }
#search input[type=text] { background:#eee; border:0; border-radius:5px 0 0 5px; padding:10px; }
#search input[type=submit] { background:#09f; border:0; border-radius:0 5px 5px 0; color:#fff; padding:10px; }
#button { background:#1a7108; border:none; padding:10px; border-radius:10px; color:#fff; font-family:Aria, sans-serif; }
@media only screen and (min-width:70em){
body{background:no-repeat fixed center top/cover}html:not(.js) body{background-image:url("images/header/5.webp")}	
#menu-top, .subnav { max-width:1400px; margin:0 auto; }
.show-menu-top { display:none; }
.contentbox { padding:60px; }
.topnav ul { position:static; display:flex; }
.topnav li { flex:1; margin:0; }
.topnav a:link { text-align:center; border:none; }
h1{font-size:4em; padding:80px 0}
nav, nav ul li:hover>ul { box-shadow:4px 5px 18px -3px rgba(0,0,0,.5); }
.container { flex-direction:row; }
}