/* Customer presentation: deep green surfaces, warm imagery and clear controls. */
@font-face{font-family:Devanagari;src:url('/assets/devanagari.ttf');font-weight:100 900;font-display:swap}
:root{--surface:#15201f;--surface-raised:#21302b;--text:#eef3e7;--soft:#bccab8;--stroke:#77906840;--accent:#c5d93d}
html{scrollbar-gutter:stable}
body{background:#0d1718;color:var(--text)}
.header{background:linear-gradient(180deg,#091718c7,#0d1c1d80);border-bottom-color:#9aaa8830;backdrop-filter:blur(14px);gap:20px;z-index:100}
.mobile-menu{z-index:99}
.header.is-scrolled,.subpage .header{background:#0c191bf0;border-color:#8093673d}
.language-picker{position:relative;flex-shrink:0;font-size:14px;direction:ltr}
.language-picker summary{display:flex;align-items:center;gap:8px;min-height:44px;padding:9px 10px;cursor:pointer;list-style:none;border:1px solid #a0b88a55;border-radius:5px;color:#edf2e4}
.language-picker summary::-webkit-details-marker{display:none}
.language-options{position:absolute;inset-inline-end:0;top:calc(100% + 12px);width:205px;max-width:85vw;background:#152524;box-shadow:0 20px 50px #0006;padding:8px;border:1px solid #a1b88450;border-radius:8px}
.language-options a{display:block;padding:11px 14px;font-size:15px;border-radius:4px;color:#e6ecde}
.language-options a:hover,.language-options a[aria-current=true]{background:#334537;color:#e5f1b5}
.theme-switch{min-height:44px;min-width:52px;padding:9px 11px;background:transparent;border:1px solid #a0b88a55;border-radius:5px;color:#edf2e4;font-size:14px;flex-shrink:0}
.theme-switch:hover{background:#e2e9d51a}
.hero-top span:last-child,.scroll-caption{display:none}
.hero-title{max-width:64%}
.home .hero-title h1{font-size:clamp(3rem,6.2vw,6rem)}
.hero-shade{background:linear-gradient(90deg,#07161ca6,transparent 78%),linear-gradient(0deg,#061517eb,transparent 45%,#05131d35)}
.campaign-vehicle-picture{display:block;width:100%;height:100%}
.campaign-b96 .campaign-vehicle{border-radius:12px}
.page-hero.picture-city{--page-picture:url('/assets/holstentor-palms.webp');min-height:560px}
.page-hero.picture-oldesloe{--page-picture:url('/assets/bad-oldesloe-palms.webp')}
.page-hero.licence-overview-hero>.section-label{font-size:clamp(15px,1.4vw,19px);letter-spacing:.055em;line-height:1.6}
.picture-city:before{background-position:center;animation:customer-scene 22s ease-in-out infinite alternate}
.locations{background:linear-gradient(90deg,#0f1a1bf5,#102022dc),url('/assets/holstentor-palms.webp') center/cover}
.form-layout{background:linear-gradient(120deg,#0f1a1cf5,#122421e8),url('/assets/holstentor-palms.webp') center/cover}
.why{background:linear-gradient(90deg,#13201fea,#152a25e0),url('/assets/holstentor-palms.webp') center/cover}
@media(min-width:701px){.picture-car{--page-picture:url('/assets/hero-gle-desktop.webp?v=trailer-logos-20261014')}}
html[data-theme=dark] .intro,html[data-theme=dark] .offers-section,html[data-theme=dark] .review-section,html[data-theme=dark] .facts{background:linear-gradient(145deg,#1d2926,#111d1d);color:var(--text);--type-accent-start:#edf2e5;--type-accent-middle:#d3dfbf;--type-accent-end:#bacd91}
html[data-theme=dark] .intro-copy p,html[data-theme=dark] .offers-section .fineprint,html[data-theme=dark] .review-section .fineprint{color:var(--soft)}
html[data-theme=dark] .review-section .review{background:#23312b;border-color:#7b945958;color:#eef4e7;box-shadow:0 12px 35px #0002}
html[data-theme=dark] .review-section .review blockquote,html[data-theme=dark] .review-section .review figcaption{color:#e0e9d9}
html[data-theme=dark] .review-rating{color:#d0df82}
html[data-theme=dark] .review-buttons button,html[data-theme=dark] .review-position,html[data-theme=dark] .review-read-more{color:#d0ddbd;border-color:#94a86d}
html[data-theme=dark] .review-buttons button:disabled{color:#d0ddbd}
html[data-theme=dark] .review-section .review figcaption{border-color:#8193714a}
html[data-theme=dark] .intro .text-link:hover{color:#dae88d}
html[data-theme=dark] .facts>div{border-color:#7e96774a}
html[data-theme=dark] .offers-section .campaign-referral{background:linear-gradient(120deg,#c5d93d,#acbf52)}
.contact{background:linear-gradient(130deg,#d0dc62,#b5c948);border-radius:0}
.team-section{background:linear-gradient(130deg,#23312a,#162524)}
.team-card{border-radius:8px;overflow:hidden;background:#1c2c25;padding-bottom:20px}
.team-card img{filter:saturate(.9);transition:transform .7s ease,filter .5s ease}
.team-card h3,.team-card p{margin-inline:18px}
.team-card:hover img{transform:scale(1.025);filter:saturate(1)}
.class-card{border-radius:8px;background:linear-gradient(130deg,#24332b,#142420);transition:transform .35s ease,background .35s ease,box-shadow .35s ease}
.class-card:hover{transform:translateY(-6px);box-shadow:0 22px 40px #0004}
.offer.campaign{border-radius:12px;overflow:hidden}
.course-row>a{border-radius:10px;padding:34px}
.detail-aside,.form-layout form{border-radius:10px}
.page-hero:after{background:linear-gradient(90deg,#071719ed,#0c1d22a3 58%,#15292130),linear-gradient(0deg,#0d1718,transparent 48%)}
html:is([lang=ar],[lang=ur]) .page-hero:after{background:linear-gradient(270deg,#071719ed,#0c1d22a3 58%,#15292130),linear-gradient(0deg,#0d1718,transparent 48%)}
.contact-channel{border:0;padding:0;margin:25px 0 18px;display:flex;flex-wrap:wrap;gap:12px}
.contact-channel legend{font-size:16px;font-weight:700;margin-bottom:12px}
.contact-channel label{display:flex;align-items:center;gap:10px;flex:1;min-width:130px;margin:0;padding:13px 14px;border:1px solid #91a9795c;border-radius:5px;background:#101d17;font-size:15px;cursor:pointer}
.contact-channel label:has(input:checked){border-color:#c5d93d;background:#304126}
.contact-channel input{width:18px;height:18px;margin:0;padding:0;accent-color:#c5d93d}
#form-status a{display:inline-block;border-bottom:1px solid #c5d93d;font-weight:700;margin-top:8px}
html[data-theme=light]{--surface:#f5f7f1;--surface-raised:#fff;--text:#19261e;--soft:#50634d;--stroke:#79876b4a;--line:#61734f4d;--muted:#52634d}
html[data-theme=light] body{background:#f0f3eb;color:#19261e}
html[data-theme=light] .licenses,html[data-theme=light] .courses-section,html[data-theme=light] .news-section,html[data-theme=light] .directory,html[data-theme=light] .class-detail,html[data-theme=light] .article-body,html[data-theme=light] .location-cards,html[data-theme=light] .location-detail,html[data-theme=light] .steps{color:#1a291f;background:#f0f3eb;--type-accent-start:#294d42;--type-accent-middle:#3e5846;--type-accent-end:#536429}
html[data-theme=light] .class-card{background:#fff;color:#1a2c20;border-color:#73875a4d;box-shadow:0 12px 30px #18331b0d}
html[data-theme=light] .class-card strong,html[data-theme=light] .category-row span,html[data-theme=light] .category-row b,html[data-theme=light] .licenses h2 em{color:#526a1d}
html[data-theme=light] .class-card p,html[data-theme=light] .category-row p,html[data-theme=light] .detail-copy p,html[data-theme=light] .course-row p,html[data-theme=light] .article-body p,html[data-theme=light] .location-cards p,html[data-theme=light] .location-detail p,html[data-theme=light] .steps p{color:#50614d}
html[data-theme=light] .course-row>a{color:#eff3e9;--muted:#c1cbb8;background:#152524}
html[data-theme=light] .course-row>a p{color:#c1cbb8}
html[data-theme=light] .detail-copy .lead{color:#233a28}
html[data-theme=light] .filter-row button{color:#30462b;border-color:#829671}
html[data-theme=light] .filter-row button[aria-pressed=true]{background:#c5d93d;color:#162114}
html[data-theme=light] .category-row>a:hover{background:#e3e9d8}
html[data-theme=light] .locations,html[data-theme=light] .why,html[data-theme=light] .team-section,html[data-theme=light] .form-layout,html[data-theme=light] .page-hero,html[data-theme=light] .hero,html[data-theme=light] footer{color:#eef3e7;--muted:#bccab8}
html[data-theme=light] .detail-aside{background:#dae4ca;color:#1f3323}
html[data-theme=light] .detail-aside p{color:#40533b}
html[data-theme=light] .news-card time{color:#52634d}
html[data-theme=light] .news-card>span,html[data-theme=light] .card-link,html[data-theme=light] .location-detail a:not(.button){color:#4c651c;border-color:#4c651c}
html[lang=hi] body,html[lang=hi] button,html[lang=hi] input,html[lang=hi] select,html[lang=hi] textarea{font-family:Devanagari,DM,Arial,sans-serif}
html[lang=hi] h1,html[lang=hi] h2,html[lang=hi] h3,html[lang=hi] .drive-caption,html[lang=hi] .footer-big{font-family:Devanagari,DM,Arial,sans-serif;letter-spacing:0;line-height:1.4;text-transform:none}
html[lang=hi] .section-label,html[lang=hi] .hero-top{letter-spacing:0}
html[lang=hi] .home .hero-title h1{font-size:clamp(2.6rem,5.4vw,6rem)}
html[lang=hi] .offer-dialog .welcome-offer-title{font-size:27px;min-height:74px}
html[lang=hi] .welcome-offer-model,html[lang=hi] .facts strong,html[lang=hi] .price,html[lang=hi] .class-card strong{font-family:DM,Arial,sans-serif}
html[lang=ku] .home .hero-title h1{font-size:clamp(2.7rem,5.5vw,5.5rem)}
@keyframes customer-scene{from{transform:scale(1.02)}to{transform:scale(1.07)}}
@media(max-width:1400px){.header nav{display:none}.header .menu-button{display:block}.header .nav-cta{margin-inline-start:auto}.header .language-picker{margin-inline-start:auto}.header .nav-cta+.language-picker{margin-inline-start:0}}
@media(max-width:700px){.header{padding:15px 5vw;gap:8px}.header .wordmark{flex-basis:126px}.header .wordmark img{width:126px}.language-picker summary{padding:8px;min-width:40px}.language-picker summary>span{display:none}.theme-switch{min-width:46px;font-size:12px;padding:8px}.header .menu-button{min-height:44px;padding:8px 10px;font-size:12px}.language-options{width:180px}.hero-title{max-width:88%}.home .hero-title h1{font-size:clamp(2rem,11.7vw,4.5rem)}.page-hero.picture-city{min-height:500px}.team-card h3,.team-card p{margin-inline:12px}.course-row>a{padding:28px 24px}.contact-channel{gap:8px}.contact-channel label{padding:12px 10px}.mobile-menu{top:86px}html[lang=hi] .home .hero-title h1{font-size:9.4vw}html[lang=ku] .home .hero-title h1{font-size:9.8vw}html:is([lang=ar],[lang=ur]) .hero-title{max-width:85%}}
@media(prefers-reduced-motion:reduce){.picture-city:before{animation:none!important}.class-card:hover,.team-card:hover img{transform:none}}

@media(min-width:701px){.home .hero{background:#0b1c2b}.home .hero .hero-image{object-fit:contain;object-position:center 76%;-webkit-mask-image:linear-gradient(to bottom,transparent,#000 22%,#000 96%,transparent);mask-image:linear-gradient(to bottom,transparent,#000 22%,#000 96%,transparent)}}
@media(max-width:700px){.home .hero-bottom{bottom:88px}}