/* Entwurf D: C mit heller Petrol-Subnavigation und Petrol-Boxen. */
.theme-contrast{
 --paper:#f3e9da;--ink:#123e40;--accent:#edb94c;--secondary:#123e40;
 --petrol-light:#d6e5e1;--petrol-medium:#86aaa5;--petrol-menu:#246367;
}
.theme-contrast .site-header{position:sticky;top:0;z-index:50;box-shadow:0 4px 16px #123e4026}
.theme-contrast .brand-mark img{display:block;width:100%;height:100%;object-fit:contain}
.theme-contrast .community-section{background:#f3e9da;color:#123e40}
.theme-contrast .community-intro h2 em,.theme-contrast .community-intro p{color:#123e40}
.theme-contrast .values article,.theme-contrast .values article:first-child{background:var(--petrol-light);color:var(--ink)}
.theme-contrast .values article:nth-child(2){background:var(--petrol-medium);color:var(--ink)}
.theme-contrast .values article:nth-child(3){background:#123e40;color:var(--paper)}
.theme-contrast .connection-section{background:#edb94c;color:#123e40}
.theme-contrast .connection-copy h2 em,.theme-contrast .connection-copy p,.theme-contrast .channel-labels{color:#123e40}
.theme-contrast .chip-one{background:var(--petrol-medium)}
.theme-contrast .chip-two{background:var(--paper)}
.theme-contrast .chip-three{background:var(--secondary);color:var(--paper)}
.theme-contrast .nav-group[open]>summary{color:#edb94c}
.theme-contrast .nav-panel{background:var(--petrol-menu);color:var(--paper);border:1px solid var(--petrol-menu);border-top:3px solid #edb94c}
.theme-contrast .nav-panel a,.theme-contrast .nav-panel button,.theme-contrast .nav-panel button:disabled{color:var(--paper)}
.theme-contrast .nav-panel a:hover{background:#f3e9da18}
.card-contrast .card-image{background:#123e40;isolation:isolate}
.card-contrast .card-copy{background:#d6e5e1;color:#123e40}
.card-contrast .card-copy .eyebrow,.card-contrast .card-copy>p:not(.eyebrow){color:#123e40cc}
.card-contrast .card-copy h2{font-family:Impact,'Arial Narrow',sans-serif;text-transform:uppercase;letter-spacing:.01em;font-weight:400}
.card-contrast .card-link{border-color:#123e4033}
@media(min-width:901px){.gallery-four .design-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){
 .theme-contrast .site-header.menu-open{max-height:100dvh;overflow-y:auto;overscroll-behavior:contain}
 .theme-contrast .main-nav .nav-panel{background:var(--petrol-menu);border:0;border-top:3px solid #edb94c;padding-top:8px}
}
@media(max-width:600px){.theme-contrast #community{scroll-margin-top:44px}}