/* Lichtschalter + Wasserzeichen, 16.10.2026 */
.topbar{grid-template-columns:240px 1fr auto 88px}
@media(max-width:760px){.topbar{grid-template-columns:200px 1fr auto 76px}}
@media(max-width:450px){.topbar{grid-template-columns:1fr auto 70px}}

.licht{all:unset;box-sizing:border-box;cursor:pointer;display:flex;align-items:center;gap:12px;padding:0 22px;border-left:1px solid var(--line);color:inherit;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;-webkit-tap-highlight-color:transparent}
.licht:focus-visible{outline:3px solid var(--copper);outline-offset:-6px}
.licht-platte{position:relative;width:34px;height:46px;border-radius:7px;background:linear-gradient(160deg,#3a3f43,#202427);box-shadow:inset 0 1px 0 #ffffff1c,0 2px 6px #0007;display:grid;place-items:center;flex:none}
.licht-wippe{width:20px;height:30px;border-radius:4px;background:linear-gradient(180deg,#2b3034 0%,#454b50 48%,#2b3034 52%,#1d2124 100%);box-shadow:0 3px 0 #0008,inset 0 -1px 0 #ffffff14;transform:perspective(60px) rotateX(-18deg);transition:transform .18s cubic-bezier(.3,1.6,.5,1),box-shadow .18s}
.licht-led{position:absolute;top:5px;left:50%;width:4px;height:4px;margin-left:-2px;border-radius:50%;background:#d99070;box-shadow:0 0 6px 1px #d99070b0;transition:background .2s,box-shadow .2s}
.licht-text{display:grid;line-height:1.25}
.licht-text small{font-size:10px;font-weight:400;letter-spacing:.18em;opacity:.65}
.licht:hover .licht-platte{box-shadow:inset 0 1px 0 #ffffff1c,0 0 0 1px #d9907080,0 2px 10px #d9907033}
@media(max-width:1100px){.licht-text small{display:none}}
@media(max-width:760px){.licht{padding:0 16px}.licht-text{display:none}}

html[data-theme=light] .licht-platte{background:linear-gradient(160deg,#ffffff,#dfe3e2);box-shadow:inset 0 1px 0 #fff,0 2px 6px #20262a33}
html[data-theme=light] .licht-wippe{background:linear-gradient(180deg,#f7f8f7 0%,#e8ebea 48%,#d6dbda 52%,#c9cfce 100%);box-shadow:0 -3px 0 #20262a2e,inset 0 1px 0 #fff;transform:perspective(60px) rotateX(18deg)}
html[data-theme=light] .licht-led{background:#9aa3a6;box-shadow:none}

/* Lichtblitz beim Umschalten */
.licht-blitz{position:fixed;inset:0;z-index:300;pointer-events:none;background:#fff8f1;opacity:0}
.licht-blitz.an{animation:lichtAn .7s steps(1,end)}
.licht-blitz.aus{background:#0b0d0e;animation:lichtAus .45s ease-out}
@keyframes lichtAn{0%{opacity:.55}10%{opacity:0}22%{opacity:.4}30%{opacity:0}45%{opacity:.28}100%{opacity:0}}
@keyframes lichtAus{0%{opacity:.85}100%{opacity:0}}

/* Wasserzeichen: das Britton-B liegt hauchduenn ueber der Seite und wird unter dem Licht sichtbar */
.wasserzeichen{position:fixed;inset:0;z-index:80;pointer-events:none;overflow:hidden;--wx:70%;--wy:45%;--wr:0deg;--ws:1}
.wasserzeichen i{position:absolute;right:-8vmin;top:50%;width:min(86vmin,760px);aspect-ratio:330/370;margin-top:calc(min(86vmin,760px) * -.56);background:#fff;-webkit-mask:url(wasserzeichen.svg) center/contain no-repeat;mask:url(wasserzeichen.svg) center/contain no-repeat;transform:rotate(var(--wr)) scale(var(--ws));transition:opacity .5s}
.wasserzeichen .wz-grund{opacity:.035;mix-blend-mode:overlay}
.wasserzeichen .wz-licht{opacity:0;mix-blend-mode:soft-light;background:radial-gradient(circle at var(--wx) var(--wy),#ffd9c2 0,#e7a184 9%,transparent 22%)}
.wasserzeichen.aktiv .wz-licht{opacity:.45}
.wasserzeichen.blitz .wz-grund{opacity:.22;transition:none}
.wasserzeichen.blitz .wz-licht{opacity:.5;background:#e7a184;transition:none}
html[data-theme=light] .wasserzeichen .wz-grund{background:#20262a;mix-blend-mode:multiply;opacity:.045}
html[data-theme=light] .wasserzeichen.blitz .wz-grund{opacity:.16}
html[data-theme=light] .wasserzeichen .wz-licht{mix-blend-mode:multiply;background:radial-gradient(circle at var(--wx) var(--wy),#b8643f 0,#d99070 9%,transparent 22%)}
html[data-theme=light] .wasserzeichen.aktiv .wz-licht{opacity:.32}
html[data-theme=light] .wasserzeichen.blitz .wz-licht{opacity:.4;background:#d99070}
@media(max-width:760px){.wasserzeichen i{right:-22vmin;width:110vmin;margin-top:-62vmin}}
@media print{.wasserzeichen,.licht,.licht-blitz{display:none}}

/* Licht an: helles Graphit mit Kupfer */
html[data-theme=light]{--ink:#20262a;--slate:#333b40;--paper:#f0f2f1;--muted:#555f64;--line:#20262a30;color-scheme:light}
html[data-theme=light] body{background:#e5e9e8;color:var(--ink)}
html[data-theme=light] .topbar{background:#edf0eef5;color:#20262a;border-color:#20262a30}
html[data-theme=light] .menu-toggle{color:#20262a;border-color:#20262a30}
html[data-theme=light] .topline>span{color:#4d575d}
html[data-theme=light] .hero{background:radial-gradient(ellipse at 85% 25%,#d9907030,transparent 48%),#e5e9e8;color:#20262a}
html[data-theme=light] .hero .eyebrow{color:var(--copper-dark)}
html[data-theme=light] .hero h1 em{background:linear-gradient(110deg,#8f4329 0%,#c9744f 35%,#984c33 70%,#b65f3c 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
html[data-theme=light] .hero-copy{color:#414d52}
html[data-theme=light] .hero-reach{color:#4d575d}
html[data-theme=light] .hero-media{border-color:#fafbf9;background:#fafbf9;box-shadow:0 24px 55px #17212622}
html[data-theme=light] .manifesto{background:#f7f8f5}
html[data-theme=light] .services{background:#f0f2ef}
html[data-theme=light] .service-dark{background:#d6dcde;color:#20262a}
html[data-theme=light] .service-dark .service-no{color:var(--copper-dark)}
html[data-theme=light] .service-paper{background:#f0f2ef}
html[data-theme=light] .service-image figcaption{background:#283136;color:#fff}
html[data-theme=light] .world-stage{background:#f7f8f5;color:#20262a}
html[data-theme=light] .world-stage>.eyebrow{color:#4d575d}
html[data-theme=light] .world-type .world-outline{-webkit-text-stroke-color:#20262a}
html[data-theme=light] .passport.passport-signal{background:#fff;color:#c8332e;border-color:#c8332e;box-shadow:9px 12px 0 #c8332e17}
html[data-theme=light] .world-script{color:#c8332e}
html[data-theme=light] .locations{background:#e4e8e7}
html[data-theme=light] .group-link.campers-feature{background:radial-gradient(ellipse at 92% 40%,#c8784c24,transparent 56%),#d6dcde;color:#20262a}
html[data-theme=light] .campers-feature .eyebrow,html[data-theme=light] .campers-feature h2 em{color:var(--copper-dark)}
html[data-theme=light] .campers-feature .group-caption{color:#333b40}
html[data-theme=light] .campers-feature .campers-description{color:#414d52}
html[data-theme=light] .campers-picture{border-color:#fff;background:#fff;box-shadow:0 24px 55px #17212626}
html[data-theme=light] .faq{background:#f7f8f5}
html[data-theme=light] .button-dark{background:#20262a;color:#fff}
html[data-theme=light] footer{background:#20282d;color:#f5f6f3}
html[data-theme=light] footer>p{color:#c1c9cb}
html[data-theme=light] .topbar-links .campers-toplink,html[data-theme=light] .process-head h2 span,html[data-theme=light] .process li b{color:var(--copper-dark)}
html,body,.topbar,.hero,.manifesto,.services,.service,.world-stage,.locations,.group-link,.faq,footer{transition:background-color .45s,color .45s}
@media(prefers-reduced-motion:reduce){.licht-blitz{display:none}.licht-wippe,.wasserzeichen i{transition:none}}

/* 16.10. Nachtrag: Schalter im dunklen Modus besser sichtbar, mit Beschriftung auch am Handy */
.licht-platte{background:linear-gradient(160deg,#6b7277,#454c51);box-shadow:inset 0 1px 0 #ffffff33,0 0 0 1px #d99070b0,0 0 14px #d9907055}
.licht-wippe{background:linear-gradient(180deg,#8a9196 0%,#a9afb3 48%,#7c8388 52%,#5d6469 100%);box-shadow:0 3px 0 #000a,inset 0 -1px 0 #ffffff2a}
.licht-led{width:5px;height:5px;margin-left:-2.5px;box-shadow:0 0 8px 2px #e7a184}
.licht-text small{opacity:.8}
@media(max-width:760px){.licht{flex-direction:column;justify-content:center;gap:4px;padding:0 8px}.licht-text{display:grid;text-align:center}.licht-wort{font-size:9px;letter-spacing:.08em;white-space:nowrap}.licht-platte{width:26px;height:34px}.licht-wippe{width:15px;height:22px}}