@media screen and (max-width:1200px)
{
.kontakt{
        max-width: 78%;
    }
}@media screen and (max-width:1100px)
{
.urheber{
        margin-left: 0px;
    }.quellen{margin-left: 30%;}
}@media screen and (max-width:980px)
{
.gestaltung .col-40{width:100%}.gestaltung img{width:50%}
}@media screen and (max-width:950px)
{
footer .col-33,
    footer .col-66{width:100%}.quellen{margin-left:0px;}
}@media screen and (max-width:915px)
{
.kontakt{
        margin: 0px 5px 100px 10px;
        max-width: 86%;
    }
}@media screen and (max-width:900px)
{
h1  { 
        --h1size:76px;
        text-align: right;
    }.impressum{
        margin-left: 30px;
    }
}@media screen and (max-width:830px)
{
.kontakt,
    .formular{
        margin: 0px;
        width: 100%;
    }.ust{min-width:600px}#userNeu{
        width:100%;
    }
}@media screen and (max-width:780px)
{
p{margin-right:10px;}footer{
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }.tmg{min-width:600px}
}@media screen and (max-width:720px)
{
h1  { 
        --h1size:64px;
    }
}@media screen and (max-width:650px)
{
wrapper{
        margin-left: 10px;
    }
}@media screen and (max-width:620px)
{
nav>ul{
      display:none;
      
    }.open{
        display:inline-block;
        margin-left:18px;
    }.open:hover:before{
        position:absolute;
        margin-left: 55px;
        content:"Menu ";
    }.open:hover,
    .open:focus-within{
      color:var(--navcolor);
      background:var(--navcolor);
    }.close{
      
        margin: 5px;
        margin-left:20px;
    }.close:hover:before{
        position:absolute;
        margin-left:55px;
        content:"hide";
        color:var(--NavRot);
    }.close:hover,
    .close:focus-within{
      color:white;
    }.open:target ~ ul{display:block;}.open:target{display:none;}.open:target~.close{display:inline-block;}nav li ul{
          position:absolute;
          left:-9999em;
      }nav li:hover ul,nav li:focus-within ul{
          left:122px;
          top:134px;
          padding: 2px;
      }
}@media screen and (max-width:500px)
{
header{
        flex-direction: column;
    }header h1{ margin-top: 0px;}h1{
        width:100%;
        line-height: 100%;
    }
}@media screen and (max-width:980px)
{
.site-header{
        padding:20px;
    }.hero-grid,
    .village-section .content-columns,
    .site-footer{
        grid-template-columns:1fr;
    }.quicklinks-grid{
        grid-template-columns:repeat(2, minmax(0, 1fr));
    }
}@media screen and (max-width:720px)
{
.oben,
    .wrapper{
        padding:0 12px;
    }.site-header,
    .page-home,
    .site-footer{
        padding:18px;
    }.site-header{
        flex-direction:column;
        text-align:center;
    }.site-brand-link{
        width:108px;
    }.headerschrift,
    .hero-title{
        text-align:center;
    }.site-subtitle,
    .eyebrow,
    .section-kicker{
        text-align:center;
    }.hero-actions{
        flex-direction:column;
    }.hero-actions a{
        width:100%;
    }.mission-grid,
    .quicklinks-grid{
        grid-template-columns:1fr;
    }.topnav ul{
        padding:12px;
    }.topnav a{
        width:100%;
    }.social-links{
        flex-direction:column;
    }
}@media screen and (max-width:600px)
{
body{
        font-size:15px;
        line-height:1.6;
    }.oben,
    .wrapper{
        padding:0 10px;
    }.site-header,
    .page-home,
    .site-footer,
    .topnav ul{
        border-radius:18px;
    }.site-header{
        gap:14px;
        padding:16px;
        margin-top:14px;
    }.page-home{
        padding:16px;
        margin-top:14px;
    }.hero-grid{
        grid-template-columns:1fr;
        gap:18px;
    }.hero-title{
        font-size:clamp(1.45rem, 6.5vw, 2.1rem);
        line-height:1.05;
        margin-bottom:14px;
    }.headerschrift{
        font-size:clamp(1.35rem, 6vw, 2rem);
        line-height:1.08;
    }.hero-lead,
    .page-home p,
    .page-home li,
    .quicklink-text{
        font-size:0.92rem;
    }.section-block{
        margin-top:24px;
    }.section-heading{
        margin-bottom:14px;
    }.section-heading h2{
        font-size:clamp(1.3rem, 5.5vw, 1.7rem);
    }.mission-grid,
    .quicklinks-grid,
    .village-section .content-columns,
    .site-footer{
        grid-template-columns:1fr;
        gap:14px;
    }.info-card,
    .callout-box,
    .quicklink-card{
        padding:16px;
        border-radius:18px;
    }.bildbereich{
        gap:12px;
        margin:20px 0;
    }.bildbox img{
        height:200px;
        border-radius:14px;
    }.topnav{
        margin-top:12px;
    }.topnav ul{
        padding:10px;
        gap:8px;
    }.topnav a{
        min-height:40px;
        padding:8px 12px;
        font-size:0.92rem;
        border-radius:14px;
    }.cta-button,
    .cta-link,
    .social-link{
        min-height:44px;
        padding:10px 14px;
    }.site-footer{
        padding:18px 16px;
        margin-top:4px;
    }.footer-mascot{
        max-width:92px;
    }
}@media screen and (max-width:380px)
{
.page-home,
    .site-header,
    .site-footer{
        padding:14px;
    }.hero-title{
        font-size:1.35rem;
    }.headerschrift{
        font-size:1.25rem;
    }.topnav a{
        font-size:0.88rem;
    }
}@media screen and (min-width:1500px)
{
.oben,
    .wrapper{
        max-width:1240px;
    }.site-header{
        padding:26px 34px;
    }.page-home{
        padding:42px;
    }.hero-grid{
        grid-template-columns:minmax(0, 1.95fr) minmax(220px, 0.62fr);
        gap:34px;
    }.quicklinks-grid{
        gap:18px;
    }.bildbox img{
        height:280px;
    }
}@media screen and (min-width:1180px) and (max-width:1499px)
{
.oben,
    .wrapper{
        max-width:1120px;
    }.hero-grid{
        grid-template-columns:minmax(0, 1.8fr) minmax(210px, 0.66fr);
        gap:28px;
    }
}@media screen and (min-width:901px) and (max-width:1179px)
{
.oben,
    .wrapper{
        max-width:980px;
        padding:0 18px;
    }.site-header,
    .page-home,
    .site-footer{
        padding:24px;
    }.hero-grid{
        grid-template-columns:minmax(0, 1.55fr) minmax(210px, 0.72fr);
        gap:22px;
    }.quicklinks-grid{
        grid-template-columns:repeat(2, minmax(0, 1fr));
    }.site-footer{
        grid-template-columns:140px 1fr 1fr;
        gap:18px;
    }.bildbox img{
        height:220px;
    }
}@media screen and (min-width:721px) and (max-width:900px)
{
.oben,
    .wrapper{
        max-width:820px;
        padding:0 14px;
    }.site-header,
    .page-home,
    .site-footer{
        padding:20px;
    }.hero-grid,
    .village-section .content-columns,
    .site-footer{
        grid-template-columns:1fr;
        gap:18px;
    }.mission-grid,
    .quicklinks-grid{
        grid-template-columns:repeat(2, minmax(0, 1fr));
        gap:14px;
    }.info-card,
    .callout-box,
    .quicklink-card{
        padding:18px;
    }.bildbereich{
        gap:14px;
    }.bildbox img{
        height:210px;
    }
}@media screen and (min-width:601px) and (max-width:720px)
{
.hero-grid,
    .village-section .content-columns,
    .site-footer,
    .mission-grid,
    .quicklinks-grid{
        grid-template-columns:1fr;
    }.site-header,
    .page-home,
    .site-footer{
        padding:18px;
    }.bildbox img{
        height:210px;
    }
}@media screen and (max-width:720px)
{
.mission-table,
    .mission-table tbody,
    .mission-table tr,
    .mission-table td{
        display:block;
        width:100%;
    }.mission-table td{
        padding:10px 0;
    }.mission-pad{
        padding-left:0;
        padding-right:0;
    }.mission-logo-classic img{
        width:116px;
    }
}@media screen and (max-width:980px)
{
.safety-quickfacts,
    .safety-grid{
        grid-template-columns:repeat(2, minmax(0, 1fr));
    }
}@media screen and (max-width:720px)
{
.safety-page{
        padding:18px;
    }.safety-quickfacts,
    .safety-grid,
    .safety-grid.two-columns{
        grid-template-columns:1fr;
        gap:14px;
    }
}