a{text-decoration: none;}ul{list-style-type: none;}:root{
    --BGtrans:rgba(255, 255, 255, 0.8);
    --BGheader:rgba(250, 235, 215, 0);
    --BGfull:rgba(253, 253, 250, 0.8);
    --BGform:rgba(172, 4, 4, 0.8);
    --BGnav:antiquewhite;

    --headercolor:#ac0404;
    --headerschrift:#e73b1d;
    --navcolor:#cc1e3f;
    --fontcolor:antiquewhite;

    --BGcolorHover:var(--fontcolor);
    --fontcolorHover:var(--BGcolorFull);

    --font:'Calibri',Arial, Helvetica, sans-serif;
    --fontsize:14px;

	--headersize:56px;

    --h1size:36px;
    --h1margin:5px 0 5px 0;
    --h1font:Birthstone; 
    --h1color:var(--headerschrift);
    
    --h2size:24px;
    --h2margin:5px 0;
    --h2color:var(--headerschrift);
    
    --h3size:14px;
    --h3margin:10px 0;
    
    --zitatfont:Birthstone;
    --zitatsize:44px;
    
    


    
    --seitenBG:rgba(245, 217, 62, 0.8);
    --seitenBGfull:rgba(241, 228, 213,1);
    --footerBG:rgba(245, 217, 62, 0.8);

    --marSeite: 10px 5% 0px 5%;
  
    
    --logoPadding: 20px;
    --headerHeight:150px;
    --headerColor:var(--headercolor);
    --headerLink:#000;


    
    --imgMargin:30px;


    
    --footerPadding:20px;
    --footerLink:black;
    --footerHover:#fff;

    
    --mar-l:5px;
    --mar-r:5px;
    --pad-l:5px;
    --pad-r:5px;
    --border:0px;
}html{
    background:var(--seitenBG); 
    background-image: url(../img/BG-rot.jpg);  
    background-size: cover;
    background-repeat: no-repeat; 
    background-attachment: fixed;
    background-position:center center;
}.logo-wrap{
  display: inline-flex;
  align-items: center;
  justify-content: center;

  padding: 14px 18px;
  border-radius: 16px;

  background: rgba(0,0,0,0.5);      
  border: 1px solid rgba(255,255,255,0.18);

  backdrop-filter: blur(3px);         
  -webkit-backdrop-filter: blur(3px);

  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5);
}.logo{
  height: 80px;                       
  width: auto;
  display: block;
  margin:10px;
  filter: drop-shadow(0 2px 6px rgba(0,0,0,0.6)); 
}main.logo-wrap{
  display: block;            
}body{
    font-family:var(--font);
    color:var(--fontcolor);
    font-size:var(--fontsize);
    line-height: 150%;
 
}.oben{
    position:relative;
    margin: auto;
    max-width:1000px;
}.wrapper{
    position:relative;
    margin: auto;
    
    max-width:1000px;
}header{
    
    display:flex;
    color:var(--headerColor);
}.BGheader{
    text-align: right;
}.bildAnpassen{
    width: 100%;
    height: auto;
}.titel h1{
    text-align: center;
}#tabs ul{
    display:flex;
    justify-content:flex-end;
    align-items:center;
    gap:14px;

    list-style:none;
    margin:0;
    padding:0;
    border-bottom: 1px solid var(--navcolor);
    
}#tabs li{
     
     text-align: center;
     margin: 0px 5px;
}#tabs li a{
    font-size: 12px;
    color:var(--headercolor);
    font-weight: bold;
}#tabs li a:hover,
#tabs li a:active{
    text-decoration: underline;
}#tabs .active{
    text-decoration: underline;
}.headerschrift {
    font-size: var(--headersize);
    margin: var(--h1margin);
    text-align: center;
    font-family:var(--h1font) ;
    min-width: 300px;
    line-height: 150%;
    color: var(--headerschrift);  
}h1 {
    font-size: var(--h1size);
    margin: var(--h1margin);
    text-align: center;
    font-family:var(--h1font) ;
    min-width: 300px;
    line-height: 150%;
    color: var(--headerschrift);  
}h2{
    font-size: var(--h2size);
    font-family:var(--h1font) ;
    margin: var(--h2margin);
    color: var(--headerschrift);
}.h2gross{
    font-size: var(--h1size);
    text-align: center;
    margin-top: 30px;
    margin-bottom: 20px;
}.h2zitat{
    font-size: var(--zitatsize);
    font-family: var(--zitatfont);
    text-align: center;
    margin: var(--h2margin);
    color: var(--h2color);
    margin-bottom: 30pt;
}.h2intern{
    font-size: 16px;
    text-align: right;
    
}.topnav a {
    float: left;
    color: var(--headerschrift);
    text-align: center;
    padding: 8px 12px 6px 12px; 
    margin-right: 2px;
    margin-bottom: -3px;
    text-decoration: none;
    font-size: 14px;
    border:2px solid var(--headercolor);
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;

    background: rgba(0,0,0,0.5);      
    border: 1px solid rgba(255,255,255,0.18);

    backdrop-filter: blur(3px);         
    -webkit-backdrop-filter: blur(3px);
  }.topnav a:hover {
    
    color: var(--BGfull);
  }.topnav a.active {
    border:2px solid var(--headerschrift);
    background-color: rgba(255,255,255,0.18);
    
    color: var(--BGfull);
  }nav ul{
    padding:0;
    margin-bottom:0;
    margin-left: 30px;
}a{
    color:var(--headercolor);
    font-weight: normal;
}.liste {
            max-width: 1000px;
            margin: 0 auto;
        }.item {
            display: grid;
            grid-template-columns: 180px 1fr;
            gap: 16px;
            padding: 14px 0;
            border-bottom: 1px solid #ccc;
            align-items: start;
        }.thumb {
            width: 170px;
            height: auto;
            margin: 10px;
            border: 1px solid #999;
            display: block;
        }.keinBild {
            width: 170px;
            height: 120px;
            margin: 10px;
            border: 1px solid #999;
            display: flex;
            align-items: center;
            justify-content: center;
        }.datenbereich {
            display: flex;
            flex-direction: column;
            gap: 10px;
        }.posten {
            font-weight: bold;
            font-size: 1.2rem;
        }.name {
            font-size: 1.1rem;
        }.telefon {
            margin-top: 4px;
        }@media (max-width: 700px)
{
.item {
                grid-template-columns: 1fr;
            }.thumb {
                width: 100%;
                max-width: 320px;
            }
}.kopf-jfw {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 30px;
}.kopf-jfw h1 {
    margin: 0;
}.tabelle {
    width: 100%;
    
    table-layout: fixed;   
}.tabelle th,
.tabelle td {
    
    padding: 4px 8px;
}.tabelle th:nth-child(1),
.tabelle td:nth-child(1) { width: 40%; }.tabelle th:nth-child(2),
.tabelle td:nth-child(2) { width: 20%; }.tabelle th:nth-child(3),
.tabelle td:nth-child(3) { width: 40%; }.mittig{
    text-align: center;      
    vertical-align: middle;  
}.bild-rund {
    float: left;                    
    width: 220px;
    height: 220px;
    border-radius: 50%;             
    margin: 0 2rem 1rem 0;          
    shape-outside: circle(50%);
    -webkit-shape-outside: circle(50%); 
    object-fit: cover;              
    display: block;
}.bild-rahmen {
    border: 2px solid rgba(255,255,255,0.35);
    padding: 8px;
    border-radius: 12px;
    background: rgba(0,0,0,0.35);
    box-shadow: 0 8px 24px rgba(0,0,0,0.4);
    display: inline-block;
}.bild-rahmen img {
    display: block;
    border-radius: 8px;
}.mittig{
    text-align: center;      
    vertical-align: middle;  
}.margin5{
    margin:0, auto;
    padding: 20px;
}.margin10{
    margin:10px;
    padding: 10px;
}.padding100 {
    padding-left: 100px;
    padding-right: 100px;
}.abstand10mm {
    margin-top: 10mm;
}.abstandP {
    margin: 5mm 0;
}.einruecken{
    margin-left:20%;
}.flex{
    display:flex;
    flex-wrap:wrap;
}
.justify-content{width:100%; -ms-flex-pack: distribute; justify-content: space-around;}
.justify-space-between{width:100%; -ms-flex-pack: distribute; justify-content: space-around;}
.space-between{justify-content: space-between;}
.directionC{-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
.flex-end{justify-content: flex-end;}
.clearfix:after{
    content:"";
    display: table;    
    clear:both;
}#content{
    margin:50px 5% 0px 5%;
    padding-bottom: 20px;
}.zeile100{
    width:120%;
}.feuerwehrmann{
    position:absolute;
    left:60px;
    bottom:7px;
    margin: 10px;
    opacity: 0.7;
    width:20%;
    border:0;
}.feuerwehrmann img{
    display:block;
    
}footer{
    border:5px solid var(--headercolor);
    border-radius: 10px;
    background: var(--BGnav);
    text-align: left;
    margin-left: 10px;
    margin-right:10px;
    margin-top:30px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
}footer {
    --pad-l:10px;
    --pad-r:15px;
    --mar-l:10px;
    --mar-r:5px;
}footer img{
    padding-top: 20px;
}footer ul{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
        flex-wrap:wrap;
    
}footer li{
    padding:10px;
}address{
    font-style: normal;
}.lieferbed,
.urheber,
.quellen{
    margin-left: 30%;
}.quellen li{list-style-type: disc;}.actions{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  align-items:flex-start;   
}.actions form{
  margin:0;
  padding:0;
  border:0;
  background:transparent;
  display:contents;   
}.actions .btn{
  height:46px;
  padding:0 16px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:1px solid #888;
  background:#ff7f2a;
  color:#000;
  text-decoration:none;
  font:inherit;
  line-height:1;
  box-sizing:border-box;
  cursor:pointer;
}.actions button.btn{
  appearance:none;
  -webkit-appearance:none;
  border-radius:0;
}.actions button.btn{
  -webkit-appearance: none;
  appearance: none;
  background: #ff7f2a;
  border-radius: 0;
}#content .menu{
  display:flex;
  flex-direction:column;
  gap:14px;
  align-items: center;
}#content .menu .menu-btn{
  display:flex;
  height:46px;
  align-items:center;
  justify-content:left;

  padding:0 16px;
  border:1px solid #888;
  background:var(--headerschrift);
  color:#000;
  text-decoration:none;

  box-sizing:border-box;
  font:inherit;
  line-height:1;
}.menu-btn {
    width: 320px;
    min-height: 46px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    box-sizing: border-box;
}.menu {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 14px;
}.bildbereich {
    display: flex;
    gap: 20px;
    justify-content: center;
    align-items: stretch;
    flex-wrap: wrap;
    margin: 30px 0;
}.bildbox {
    flex: 1 1 30%;
    max-width: 32%;
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 1.2s ease, transform 1.2s ease;
}.bildbox.sichtbar {
    opacity: 1;
    transform: translateY(0);
}.bildbox img {
    width: 100%;
    height: 250px;
    object-fit: cover;
    display: block;
    border-radius: 10px;
}@media (max-width: 900px)
{
.bildbox {
        flex: 1 1 48%;
        max-width: 48%;
    }
}@media (max-width: 600px)
{
.bildbox {
        flex: 1 1 100%;
        max-width: 100%;
    }
}.linkleiste {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    flex-wrap: nowrap;
    margin-top: 20px;
    width: 100%;
}.linkleiste .menu-btn {
    flex: 0 0 32%;
    width: auto;
    min-height: 46px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    text-align: center;
    text-decoration: none;

    background:#ac0404;
    color: #fff;
    border: 1px solid #ffb08a;
    border-radius: 4px;
    padding: 10px 12px;
}.linkleiste .menu-btn:hover {
    background:var(--headerschrift);
    color: #000000;
}#content.impressum{
    width:120%;
    margin-left: 30%;
    --pad-l:20px;
    --pad-r:20px;
    --mar-l:10%;
    --mar-r:10%;
}.col-40 {width: calc(40% - var(--mar-l) - var(--mar-r)  - var(--pad-l) - var(--pad-r));}.col-30 {width: calc(30% - var(--mar-l) - var(--mar-r)  - var(--pad-l) - var(--pad-r));}.col-33 {width: calc(100% / 3 - var(--mar-l) - var(--mar-r)  - var(--pad-l) - var(--pad-r) - 2 * var(--border));}.col-25{ width: calc(25% - var(--mar-l) - var(--mar-r)  - var(--pad-l) - var(--pad-r));}.col-75{ width: calc(75% - var(--mar-l) - var(--mar-r)  - var(--pad-l) - var(--pad-r));}.gestaltung img{
    width:80%;
}.borderR{
    padding-right: 10px;
    margin-right: 10px;
    border-right: 1px solid var(--fontcolor);
    
}.formular{
    padding:5px;
    width:120%;
}.formular label{display:block;}.button{
    border:2px solid var(--navcolor);
    border-radius: 5px;
}.kontakt label span{
    display: block;  
    margin: 5px;
    line-height: 150%;
}#login{
    width: 400px;
    margin: auto;
}.benutzer table,
.benutzer th,
.benutzer td{
    background-color: var(--BGfull);
    border:2px solid var(--h1color);
    
}.benutzer th{
    background-color: var(--h1color);
    border:2px solid var(--h1color);
    color:var(--BGfull);
    
}.error {
	color: #dc3545;
	padding: 5px;
	display: inline-block;
}.eins{
    color:seagreen !important;
}.out{
    color:steelblue !important;
}.headerIntern{
    border-bottom: 2px solid var(--h1color);
    margin-bottom: 20px;
}:root{
    --site-red:#8f1010;
    --site-red-bright:#d9472b;
    --site-cream:#fff4e8;
    --site-cream-strong:#ffe2c4;
    --site-ink:#2d140f;
    --site-panel:rgba(39, 10, 10, 0.72);
    --site-panel-soft:rgba(255, 244, 232, 0.12);
    --site-border:rgba(255, 231, 207, 0.24);
    --site-shadow:0 18px 40px rgba(20, 4, 4, 0.35);
}html{
    min-height:100%;
    background-image:
        linear-gradient(180deg, rgba(34, 8, 8, 0.2), rgba(34, 8, 8, 0.72)),
        url(../img/BG-rot.jpg);
}body{
    margin:0;
    overflow-y: scroll;
    scrollbar-gutter: stable;
    color:var(--site-cream);
    font-family:"Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
    font-size:16px;
    line-height:1.7;
}body::before{
    content:"";
    position:fixed;
    inset:0;
    background:
        radial-gradient(circle at top left, rgba(255, 218, 170, 0.18), transparent 32%),
        radial-gradient(circle at bottom right, rgba(217, 71, 43, 0.22), transparent 28%);
    pointer-events:none;
}.oben,
.wrapper{
    max-width:1120px;
    padding:0 20px;
}.wrapper{
    margin-bottom:12pt;
}.logo-wrap{
    background:var(--site-panel);
    border:1px solid var(--site-border);
    border-radius:28px;
    box-shadow:var(--site-shadow);
    backdrop-filter:blur(10px);
    -webkit-backdrop-filter:blur(10px);
}.site-header{
    display:flex;
    align-items:center;
    gap:24px;
    padding:22px 28px;
    margin-top:24px;
}.site-brand{
    flex:0 0 auto;
}.site-brand-link{
    display:block;
    width:134px;
}.site-logo{
    width:100%;
    height:auto;
    margin:0;
    transform:scale(1.2);
    transform-origin:left center;
    filter:drop-shadow(0 10px 22px rgba(0,0,0,0.4));
}.site-title-block{
    flex:1;
}.site-subtitle,
.eyebrow,
.section-kicker{
    text-transform:uppercase;
    letter-spacing:0.16em;
    font-size:0.78rem;
    color:var(--site-cream-strong);
    margin:0 0 10px 0;
}.headerschrift{
    min-width:0;
    text-align:left;
    font-size:clamp(2rem, 4vw, 3.75rem);
    line-height:1.05;
    color:#fff0df;
    text-shadow:0 4px 16px rgba(0,0,0,0.3);
}.topnav{
    margin-top:16px;
}.topnav ul{
    margin:0;
    padding:16px 20px;
    gap:10px;
    justify-content:flex-start;
    flex-wrap:wrap;
    border-bottom:0;
    background:rgba(255, 244, 232, 0.92);
    border:1px solid rgba(145, 16, 16, 0.16);
    border-radius:22px;
    box-shadow:0 12px 30px rgba(31, 9, 9, 0.14);
}.topnav li{
    margin:0;
}.topnav a{
    float:none;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:42px;
    padding:10px 16px;
    border:1px solid rgba(143, 16, 16, 0.15);
    border-radius:999px;
    background:rgba(255,255,255,0.58);
    color:var(--site-red);
    font-weight:700;
    transition:transform 0.2s ease, background-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease;
}.topnav a:hover,
.topnav a:focus-visible{
    background:var(--site-red-bright);
    color:#fff7f0;
    transform:translateY(-1px);
    box-shadow:0 10px 20px rgba(143, 16, 16, 0.18);
}.topnav a.active{
    border-color:transparent;
    background:linear-gradient(135deg, var(--site-red), var(--site-red-bright));
    color:#fff7f0;
}.page-home{
    display:block;
    padding:36px;
    margin-top:22px;
}.hero-grid{
    display:grid;
    grid-template-columns:minmax(0, 1.6fr) minmax(260px, 0.9fr);
    gap:28px;
    align-items:stretch;
}.hero-title{
    text-align:left;
    min-width:0;
    font-size:clamp(2.6rem, 5vw, 5rem);
    line-height:0.95;
    margin:0 0 20px 0;
    color:#fff4e8;
}.hero-lead{
    font-size:1.15rem;
    color:#fff6ee;
}.hero-panel,
.info-card,
.callout-box,
.quicklink-card{
    background:var(--site-panel-soft);
    border:1px solid var(--site-border);
    border-radius:22px;
    box-shadow:inset 0 1px 0 rgba(255,255,255,0.04);
}.hero-actions{
    display:flex;
    flex-wrap:wrap;
    gap:14px;
    margin-top:26px;
}.cta-button,
.cta-link{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:48px;
    padding:0 18px;
    border-radius:999px;
    font-weight:700;
    transition:transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
}.cta-button{
    background:linear-gradient(135deg, #ffb067, #ff7a3d);
    color:#381107;
    box-shadow:0 12px 24px rgba(255, 122, 61, 0.24);
}.cta-link{
    border:1px solid var(--site-border);
    background:rgba(255,255,255,0.06);
    color:#fff1e0;
}.cta-button:hover,
.cta-link:hover{
    transform:translateY(-1px);
}.section-block{
    margin-top:34px;
}.section-heading{
    max-width:780px;
    margin-bottom:20px;
}.section-heading h2,
.quicklink-title,
.site-footer h3,
.info-card h3,
.callout-box h3{
    margin:0 0 10px 0;
    font-family:var(--font);
    color:#fff4e8;
}.section-heading h2{
    font-size:clamp(1.9rem, 3vw, 2.8rem);
}.info-card{
    padding:22px;
}.village-section .content-columns{
    display:grid;
    grid-template-columns:minmax(0, 1.5fr) minmax(260px, 1fr);
    gap:20px;
    align-items:start;
}.callout-box{
    padding:24px;
}.quicklinks-grid{
    display:grid;
    grid-template-columns:repeat(4, minmax(0, 1fr));
    gap:16px;
    margin-top:34px;
}.quicklink-card{
    display:flex;
    flex-direction:column;
    gap:10px;
    padding:22px;
    color:#fff4e8;
    transition:transform 0.2s ease, background 0.2s ease, border-color 0.2s ease;
}.quicklink-card:hover{
    transform:translateY(-2px);
    background:rgba(255, 244, 232, 0.18);
    border-color:rgba(255, 231, 207, 0.4);
}.quicklink-title{
    font-size:1.2rem;
    font-weight:700;
}.quicklink-text{
    color:#f2d7bf;
}.site-footer{
    display:grid;
    grid-template-columns:180px 1fr 1fr;
    gap:22px;
    align-items:center;
    padding:26px 28px;
    margin-top:0;
    width:100%;
    box-sizing:border-box;
    margin-left:0;
    margin-right:0;
}.footer-column{
    min-width:0;
}.footer-column p,
.footer-column a{
    color:#fff0e0;
}.footer-figure{
    display:flex;
    justify-content:center;
}.footer-mascot{
    max-width:130px;
    width:120%;
    height:auto;
    opacity:0.88;
}.social-links{
    display:flex;
    flex-wrap:wrap;
    gap:12px;
    margin-top:12px;
}.social-link{
    display:inline-flex;
    align-items:center;
    gap:10px;
    min-height:42px;
    padding:8px 14px;
    border-radius:999px;
    background:rgba(255,255,255,0.08);
    border:1px solid var(--site-border);
    color:#fff4e8;
}.social-link img{
    padding-top:0;
}:root{
    --site-panel:rgba(39, 10, 10, 0.48);
    --site-panel-soft:rgba(255, 244, 232, 0.08);
}.page-home{
    font-size:0.95rem;
}.hero-title{
    font-size:clamp(2.2rem, 4.2vw, 4.2rem);
}.hero-lead{
    font-size:1.02rem;
}.section-heading h2{
    font-size:clamp(1.65rem, 2.6vw, 2.35rem);
}.info-card h3,
.callout-box h3,
.site-footer h3,
.quicklink-title{
    font-size:1.08rem;
}.quicklink-text,
.page-home p,
.page-home li{
    font-size:0.95rem;
}.headerschrift{
    font-size:clamp(1.7rem, 3.3vw, 3rem);
}.hero-title{
    font-size:clamp(1.95rem, 3.7vw, 3.5rem);
}.section-heading h2{
    font-size:clamp(1.45rem, 2.2vw, 2rem);
}.info-card h3,
.callout-box h3,
.site-footer h3,
.quicklink-title{
    font-size:1rem;
}:root{
    --site-panel:rgba(39, 10, 10, 0.40);
}.headerschrift,
.hero-title,
.section-heading h2,
.info-card h3,
.callout-box h3,
.site-footer h3,
.quicklink-title{
    color:#ffb36b;
}.headerschrift{
    text-shadow:0 4px 14px rgba(0,0,0,0.28);
}.hero-title{
    color:#ffc98e;
}.headerschrift,
.hero-title,
.section-heading h2,
.info-card h3,
.callout-box h3,
.site-footer h3,
.quicklink-title{
    color:#c1121f;
}.hero-title{
    color:#d62828;
}.headerschrift,
.hero-title,
.section-heading h2,
.info-card h3,
.callout-box h3,
.site-footer h3,
.quicklink-title{
    color:#ffb36b;
}.hero-title{
    color:#ffc98e;
}.hero-title{
    font-size:clamp(1.7rem, 3vw, 2.9rem);
}.hero-grid{
    grid-template-columns:minmax(0, 1.85fr) minmax(200px, 0.65fr);
}.mobile-nav-toggle{
    display:none;
    list-style:none;
}.mobile-nav-toggle::-webkit-details-marker{
    display:none;
}@media screen and (max-width:720px)
{
.mobile-nav-toggle{
        display:flex;
        align-items:center;
        justify-content:space-between;
        min-height:46px;
        padding:0 14px;
        font-size:0.95rem;
        font-weight:700;
        color:var(--site-red);
        cursor:pointer;
        user-select:none;
    }.mobile-nav-toggle::after{
        content:"+";
        font-size:1.2rem;
        line-height:1;
    }.topnav .mobile-nav-list{
        display:none;
        padding:0 10px 10px 10px;
        margin:0;
        background:transparent;
        border:none;
        box-shadow:none;
    }.topnav .mobile-nav-list li{
        width:100%;
        box-sizing:border-box;
    }.topnav .mobile-nav-list a{
        width:100%;
        box-sizing:border-box;
    }
}.topnav .mobile-nav-list{
    display:flex;
}@media screen and (min-width:721px)
{
.mobile-nav-toggle{
        display:none;
    }.topnav .mobile-nav-list{
        display:flex;
        padding:16px 20px;
    }
}.mobile-nav-toggle{
    display:none;
    align-items:center;
    justify-content:space-between;
    width:120%;
    min-height:46px;
    padding:0 14px;
    border:0;
    border-radius:18px;
    background:rgba(255, 244, 232, 0.92);
    color:var(--site-red);
    font:inherit;
    font-weight:700;
    cursor:pointer;
}.mobile-nav-toggle::after{
    content:'+';
    font-size:1.2rem;
    line-height:1;
}.mobile-nav-toggle[aria-expanded='true']::after{
    content:'-';
}.topnav .mobile-nav-list{
    display:flex;
}@media screen and (max-width:720px)
{
.mobile-nav-toggle{
        display:flex;
        margin-bottom:10px;
        box-shadow:0 12px 30px rgba(31, 9, 9, 0.14);
    }.topnav .mobile-nav-list{
        display:none;
    }.topnav .mobile-nav-list.is-open{
        display:flex;
        flex-direction:column;
    }
}.topnav ul,
.topnav .mobile-nav-list{
    padding:10px 16px;
}.topnav a{
    min-height:36px;
    padding:7px 14px;
    font-size:0.9rem;
}.mobile-nav-toggle{
    min-height:40px;
    padding:0 12px;
    font-size:0.9rem;
}@media screen and (max-width:720px)
{
.topnav ul,
    .topnav .mobile-nav-list{
        padding:8px 10px 10px 10px;
    }.topnav a{
        min-height:36px;
        padding:7px 10px;
    }
}.mission-classic{
    margin-top:8px;
}.mission-table{
    width:100%;
}.mission-table td{
    padding:10px 12px;
    vertical-align:middle;
}.mission-table h3{
    text-align:center;
    margin:0 0 10px 0;
}.mission-table p{
    margin:0;
}.mission-pad{
    padding-left:180px;
    padding-right:180px;
}.mission-center-cell{
    text-align:center;
}.mission-logo-classic{
    display:flex;
    align-items:center;
    justify-content:center;
}.mission-logo-classic img{
    display:block;
    width:140px;
    height:auto;
    padding:5px;
    border-radius:50%;
    background:rgba(255, 248, 240, 0.18);
    margin:0 auto;
}.topnav ul,
.topnav .mobile-nav-list{
    background:rgba(251, 240, 228, 0.96);
    border:1px solid rgba(124, 18, 18, 0.2);
    box-shadow:0 8px 22px rgba(26, 8, 8, 0.10);
    border-radius:16px;
    gap:8px;
}.topnav a{
    background:rgba(255,255,255,0.72);
    border:1px solid rgba(143, 16, 16, 0.16);
    color:#8f1010;
    border-radius:10px;
    font-weight:700;
    box-shadow:none;
}.topnav a:hover,
.topnav a:focus-visible{
    background:#f4ddd0;
    color:#7c1212;
    transform:none;
    box-shadow:none;
}.topnav a.active{
    background:#8f1010;
    color:#fff4e8;
    border-color:#8f1010;
}.mobile-nav-toggle{
    background:rgba(251, 240, 228, 0.96);
    color:#8f1010;
    border:1px solid rgba(124, 18, 18, 0.2);
    box-shadow:0 8px 22px rgba(26, 8, 8, 0.10);
    border-radius:16px;
}.topnav ul,
.topnav .mobile-nav-list{
    background:rgba(255, 244, 232, 0.58);
    border:1px solid rgba(255, 235, 214, 0.34);
    box-shadow:0 14px 34px rgba(18, 5, 5, 0.16);
    backdrop-filter:blur(12px);
    -webkit-backdrop-filter:blur(12px);
    border-radius:20px;
    gap:10px;
}.topnav a{
    background:rgba(255,255,255,0.28);
    border:1px solid rgba(255,255,255,0.22);
    color:#fff1e1;
    border-radius:999px;
    font-weight:700;
    box-shadow:inset 0 1px 0 rgba(255,255,255,0.08);
}.topnav a:hover,
.topnav a:focus-visible{
    background:rgba(217, 71, 43, 0.78);
    color:#fff8f2;
    transform:translateY(-1px);
    box-shadow:0 10px 20px rgba(113, 25, 20, 0.20);
}.topnav a.active{
    background:linear-gradient(135deg, rgba(191, 36, 36, 0.95), rgba(227, 91, 52, 0.94));
    color:#fff7f0;
    border-color:transparent;
}.mobile-nav-toggle{
    background:rgba(255, 244, 232, 0.62);
    color:#7f1616;
    border:1px solid rgba(255, 235, 214, 0.34);
    box-shadow:0 14px 34px rgba(18, 5, 5, 0.16);
    backdrop-filter:blur(12px);
    -webkit-backdrop-filter:blur(12px);
    border-radius:20px;
}.topnav ul,
.topnav .mobile-nav-list{
    background:rgba(54, 10, 10, 0.86);
    border:1px solid rgba(255, 132, 88, 0.28);
    box-shadow:0 16px 36px rgba(10, 2, 2, 0.28);
    border-radius:14px;
    gap:8px;
}.topnav a{
    background:rgba(255, 255, 255, 0.06);
    border:1px solid rgba(255, 178, 138, 0.18);
    color:#ffe9d4;
    border-radius:8px;
    font-weight:700;
    letter-spacing:0.01em;
    text-transform:uppercase;
    box-shadow:none;
}.topnav a:hover,
.topnav a:focus-visible{
    background:rgba(214, 40, 40, 0.88);
    border-color:rgba(255, 183, 151, 0.36);
    color:#fff8f0;
    transform:translateY(-1px);
    box-shadow:0 10px 20px rgba(90, 12, 12, 0.28);
}.topnav a.active{
    background:linear-gradient(135deg, #a30f16, #d62828);
    border-color:transparent;
    color:#fff7ef;
    box-shadow:0 10px 22px rgba(124, 18, 18, 0.26);
}.mobile-nav-toggle{
    background:rgba(54, 10, 10, 0.9);
    color:#ffe3ce;
    border:1px solid rgba(255, 132, 88, 0.28);
    box-shadow:0 16px 36px rgba(10, 2, 2, 0.28);
    border-radius:14px;
}.topnav ul,
.topnav .mobile-nav-list{
    background:rgba(248, 241, 233, 0.82);
    border:1px solid rgba(121, 44, 44, 0.10);
    box-shadow:0 6px 18px rgba(24, 10, 10, 0.06);
    border-radius:12px;
    gap:6px;
}.topnav a{
    background:transparent;
    border:1px solid transparent;
    color:#6e2a2a;
    border-radius:8px;
    font-weight:600;
    text-transform:none;
    letter-spacing:0;
    box-shadow:none;
}.topnav a:hover,
.topnav a:focus-visible{
    background:rgba(143, 16, 16, 0.08);
    border-color:rgba(143, 16, 16, 0.08);
    color:#7c1212;
    transform:none;
    box-shadow:none;
}.topnav a.active{
    background:rgba(143, 16, 16, 0.12);
    border-color:rgba(143, 16, 16, 0.18);
    color:#8f1010;
    box-shadow:none;
}.mobile-nav-toggle{
    background:rgba(248, 241, 233, 0.86);
    color:#6e2a2a;
    border:1px solid rgba(121, 44, 44, 0.10);
    box-shadow:0 6px 18px rgba(24, 10, 10, 0.06);
    border-radius:12px;
}.topnav ul,
.topnav .mobile-nav-list{
    background:rgba(255, 244, 232, 0.92);
    border:1px solid rgba(145, 16, 16, 0.16);
    box-shadow:0 12px 30px rgba(31, 9, 9, 0.14);
    border-radius:16px;
    gap:8px;
    padding:10px 16px;
    backdrop-filter:none;
    -webkit-backdrop-filter:none;
}.topnav a{
    min-height:36px;
    padding:7px 14px;
    font-size:0.9rem;
    background:rgba(255,255,255,0.58);
    border:1px solid rgba(143, 16, 16, 0.15);
    border-radius:10px;
    color:var(--site-red);
    font-weight:700;
    text-transform:none;
    letter-spacing:0;
    box-shadow:none;
}.topnav a:hover,
.topnav a:focus-visible{
    background:var(--site-red-bright);
    color:#fff7f0;
    transform:translateY(-1px);
    box-shadow:0 10px 20px rgba(143, 16, 16, 0.18);
}.topnav a.active{
    background:linear-gradient(135deg, var(--site-red), var(--site-red-bright));
    color:#fff7f0;
    border-color:transparent;
    box-shadow:none;
}.mobile-nav-toggle{
    min-height:40px;
    padding:0 12px;
    font-size:0.9rem;
    background:rgba(255, 244, 232, 0.92);
    color:var(--site-red);
    border:1px solid rgba(145, 16, 16, 0.16);
    border-radius:16px;
    box-shadow:0 12px 30px rgba(31, 9, 9, 0.14);
}@media screen and (max-width:720px)
{
.topnav ul,
    .topnav .mobile-nav-list{
        padding:8px 10px 10px 10px;
    }.topnav a{
        min-height:36px;
        padding:7px 10px;
    }
}.topnav a{
    border-radius:999px;
}.topnav ul,
.topnav .mobile-nav-list{
    padding:8px 14px;
    background:rgba(255, 244, 232, 0.8);
}.topnav a{
    min-height:34px;
    padding:6px 14px;
}.mobile-nav-toggle{
    min-height:38px;
    background:rgba(255, 244, 232, 0.8);
}@media screen and (max-width:720px)
{
.topnav ul,
    .topnav .mobile-nav-list{
        padding:7px 9px 9px 9px;
    }.topnav a{
        min-height:34px;
        padding:6px 10px;
    }
}.topnav ul,
.topnav .mobile-nav-list{
    padding:6px 12px;
}.topnav a{
    min-height:32px;
    padding:5px 12px;
    font-size:0.88rem;
}.mobile-nav-toggle{
    min-height:36px;
    padding:0 10px;
    font-size:0.88rem;
}@media screen and (max-width:720px)
{
.topnav ul,
    .topnav .mobile-nav-list{
        padding:6px 8px 8px 8px;
    }.topnav a{
        min-height:32px;
        padding:5px 9px;
    }
}.topnav ul,
.topnav .mobile-nav-list,
.mobile-nav-toggle{
    background:rgba(255, 244, 232, 0.6);
}.site-header{
    margin-top:12px;
}.topnav{
    margin-top:8px;
}.page-home{
    margin-top:14px;
}@media screen and (max-width:720px)
{
.site-header{
        margin-top:8px;
    }.topnav{
        margin-top:6px;
    }.page-home{
        margin-top:10px;
    }
}.site-header{
    margin-top:6px;
}.topnav{
    margin-top:4px;
}.page-home{
    margin-top:8px;
}@media screen and (max-width:720px)
{
.site-header{
        margin-top:4px;
    }.topnav{
        margin-top:3px;
    }.page-home{
        margin-top:6px;
    }
}#tabs li a,
#tabs li a:hover,
#tabs li a:active,
#tabs .active{
    color:var(--headerschrift);
}.topnav a{
    background:var(--headerschrift);
    color:#fff7f0;
    border-color:rgba(255, 255, 255, 0.16);
}.topnav a:hover,
.topnav a:focus-visible{
    background:#c52b17;
    color:#fff7f0;
}.topnav a.active{
    background:#8f1010;
    color:#fff7f0;
}.topnav a{
    background:#b32716;
}.topnav a:hover,
.topnav a:focus-visible{
    background:#9f2012;
}.topnav a.active{
    background:#7f120e;
}.hero-grid{
    grid-template-columns:1fr;
    gap:18px;
}.hero-copy{
    max-width:100%;
}.hero-copy{
    max-width:100%;
    width:100%;
}.hero-title{
    text-align:center;
    width:100%;
}.hero-grid,
.hero-copy,
.hero-panel,
.hero-panel-inline,
.hero-stat-grid,
.hero-actions{
    width:100%;
    max-width:none;
}.hero-grid{
    display:block;
}html{
    background-image:url(../img/BG-rot.jpg);
}body::before{
    display:none;
}.topnav a{
    padding-top:3px;
    padding-bottom:3px;
}.topnav ul,
.topnav .mobile-nav-list,
.mobile-nav-toggle{
    background:rgba(255, 244, 232, 0.45);
}.topnav{
    margin-bottom:10px;
}@media screen and (max-width:720px)
{
.topnav{
        margin-bottom:8px;
    }
}#tabs .notruf-hinweis{
    display:flex;
    align-items:center;
    color:var(--headerschrift);
    font-weight:700;
    white-space:nowrap;
}#tabs .notruf-hinweis strong{
    font-weight:700;
}#tabs{
    margin-bottom:10px;
}@media screen and (max-width:720px)
{
#tabs{
        margin-bottom:8px;
    }
}#tabs .notruf-hinweis{
    margin-right:18px;
}#tabs .notruf-hinweis{
    margin-right:32px;
}#tabs ul{
    margin-top:0;
    width:100%;
    box-sizing:border-box;
    margin-left:0;
    margin-right:0;
}#tabs ul{
    padding-top:0;
}.site-title-block{
    padding-top:0;
}.site-header{
    padding-top:10px;
}@media screen and (max-width:720px)
{
.site-header{
        padding-top:8px;
    }
}.site-header{
    padding-top:4px;
}@media screen and (max-width:720px)
{
.site-header{
        padding-top:3px;
    }
}.site-header{
    align-items:flex-start;
    padding-top:2px;
    padding-bottom:14px;
}.site-title-block{
    padding-top:0;
    margin-top:0;
    width:100%;
    box-sizing:border-box;
    margin-left:0;
    margin-right:0;
}#tabs{
    margin-top:0;
    width:100%;
    box-sizing:border-box;
    margin-left:0;
    margin-right:0;
    padding-top:0;
}#tabs ul{
    align-items:flex-start;
    margin-top:0;
    width:100%;
    box-sizing:border-box;
    margin-left:0;
    margin-right:0;
    padding-top:0;
}@media screen and (max-width:720px)
{
.site-header{
        padding-top:2px;
        padding-bottom:12px;
    }
}.site-header{
    align-items:center;
}.site-title-block{
    align-self:flex-start;
    display:flex;
    flex-direction:column;
    justify-content:flex-start;
    margin-top:-10px;
    padding-top:0;
}#tabs{
    margin-top:0;
    width:100%;
    box-sizing:border-box;
    margin-left:0;
    margin-right:0;
}@media screen and (max-width:720px)
{
.site-title-block{
        margin-top:-4px;
    }
}.site-header{
    padding-top:0;
}.site-brand{
    margin-top:-8px;
}.site-title-block{
    margin-top:-16px;
}@media screen and (max-width:720px)
{
.site-brand{
        margin-top:-4px;
    }.site-title-block{
        margin-top:-8px;
    }
}.site-brand{
    margin-top:-14px;
}.site-title-block{
    margin-top:-24px;
}@media screen and (max-width:720px)
{
.site-brand{
        margin-top:-7px;
    }.site-title-block{
        margin-top:-12px;
    }
}.site-brand{
    margin-top:-18px;
}@media screen and (max-width:720px)
{
.site-brand{
        margin-top:-9px;
    }
}.site-brand{
    margin-top:-22px;
}@media screen and (max-width:720px)
{
.site-brand{
        margin-top:-11px;
    }
}.mission-logo-classic img,
.info-card-logo img,
.mission-logo-center img,
.mission-logo-float img{
    background:transparent;
}.mission-logo-classic,
.info-card-logo,
.mission-logo-center,
.mission-logo-float{
    background:transparent;
}.contact-wrap .card.logo-wrap{
    display:block;
    background:var(--site-panel);
    border:1px solid var(--site-border);
    border-radius:28px;
    box-shadow:var(--site-shadow);
    backdrop-filter:blur(10px);
    -webkit-backdrop-filter:blur(10px);
    color:#fff4e8;
}.contact-wrap .card.logo-wrap label,
.contact-wrap .card.logo-wrap b,
.contact-wrap .card.logo-wrap .hint{
    color:#fff4e8;
}.safety-page{
    display:block;
    padding:28px 30px 34px 30px;
    margin-top:8px;
}.safety-quickfacts{
    grid-template-columns:repeat(3, minmax(0, 1fr));
    margin-top:22px;
}.safety-grid{
    display:grid;
    grid-template-columns:repeat(4, minmax(0, 1fr));
    gap:18px;
}.safety-grid.two-columns{
    grid-template-columns:repeat(2, minmax(0, 1fr));
}.safety-card,
.safety-box,
.siren-card,
.safety-note{
    color:#fff4e8;
}.safety-list{
    margin:0;
    padding-left:18px;
}.safety-list li{
    margin-bottom:8px;
}.siren-grid .btn{
    margin-top:10px;
    background:#b32716;
    color:#fff6ee;
    border:1px solid rgba(255,255,255,0.14);
}.siren-grid .btn:hover{
    background:#8f1010;
}.safety-note{
    padding:22px 24px;
}.siren-grid .btn.is-playing{
    background:#7f120e;
    box-shadow:0 0 0 2px rgba(255, 198, 158, 0.18);
}.section-heading{
    width:100%;
    max-width:none;
    box-sizing:border-box;
}.safety-page .section-block:first-child{
    margin-top:10px;
}.safety-page .safety-heading{
    margin-top:0;
    width:100%;
    box-sizing:border-box;
    margin-left:0;
    margin-right:0;
}#content .links,
#content .gestaltung,
#content .disclaimer{
    background:var(--site-panel);
    border:1px solid var(--site-border);
    border-radius:28px;
    box-shadow:var(--site-shadow);
    backdrop-filter:blur(10px);
    -webkit-backdrop-filter:blur(10px);
    padding:22px 24px;
    margin-bottom:22px;
}#content .links,
#content .gestaltung,
#content .disclaimer,
#content .links a,
#content .gestaltung a,
#content .disclaimer a,
#content .links dd,
#content .gestaltung p,
#content .disclaimer p,
#content .disclaimer li,
#content .disclaimer h3,
#content .disclaimer h2{
    color:#fff4e8;
}#content .links a,
#content .gestaltung a,
#content .disclaimer a{
    color:var(--headerschrift);
}#content h1{
    color:var(--headerschrift);
}