:root[data-look="cyan"]{--bg:#0f2864;--ink:#f5f4ed;--accent:#0ab4ff;--line:#f5f4ed40;--card:#1d346c;--card-ink:#f5f4ed;--paper:#243a70;--paper-ink:#f5f4ed;--on-accent:#000000;--visual:#0e3e7d;--visual-alt:#0f3572;color-scheme:dark}
:root[data-look="blau"]{--bg:#e7e8e9;--ink:#111722;--accent:#0f2864;--line:#11172240;--card:#dadbdd;--card-ink:#111722;--paper:#d4d5d7;--paper-ink:#111722;--on-accent:#ffffff;--visual:#c4c9d4;--visual-alt:#d4d7dd;color-scheme:light}
:root[data-look="gelb"]{--bg:#1c1c15;--ink:#ffffff;--accent:#ffcc01;--line:#ffffff40;--card:#2a2a23;--card-ink:#ffffff;--paper:#30302a;--paper-ink:#ffffff;--on-accent:#000000;--visual:#403812;--visual-alt:#302c13;color-scheme:dark}
:root[data-look="orange"]{--bg:#1b1815;--ink:#ffffff;--accent:#f49100;--line:#ffffff40;--card:#292623;--card-ink:#ffffff;--paper:#302d2a;--paper-ink:#ffffff;--on-accent:#000000;--visual:#3e2b12;--visual-alt:#2f2313;color-scheme:dark}
:root[data-look="rot"]{--bg:#ffffff;--ink:#111722;--accent:#e61937;--line:#11172240;--card:#f1f1f2;--card-ink:#111722;--paper:#eaeaeb;--paper-ink:#111722;--on-accent:#ffffff;--visual:#fbdadf;--visual-alt:#fdeaed;color-scheme:light}
:root[data-look="pink"]{--bg:#ffffff;--ink:#111722;--accent:#e5006d;--line:#11172240;--card:#f1f1f2;--card-ink:#111722;--paper:#eaeaeb;--paper-ink:#111722;--on-accent:#ffffff;--visual:#fbd6e8;--visual-alt:#fde8f2;color-scheme:light}
:root[data-look="bordeaux"]{--bg:#f0e5e5;--ink:#111722;--accent:#800032;--line:#11172240;--card:#e3d9d9;--card-ink:#111722;--paper:#dcd2d3;--paper-ink:#111722;--on-accent:#ffffff;--visual:#dec0c8;--visual-alt:#e6d0d5;color-scheme:light}
:root[data-look="violett"]{--bg:#ffffff;--ink:#111722;--accent:#94559c;--line:#11172240;--card:#f1f1f2;--card-ink:#111722;--paper:#eaeaeb;--paper-ink:#111722;--on-accent:#ffffff;--visual:#eee4ef;--visual-alt:#f5f0f6;color-scheme:light}
:root[data-look="grau"]{--bg:#151b25;--ink:#ffffff;--accent:#aec0ca;--line:#ffffff40;--card:#232932;--card-ink:#ffffff;--paper:#2a3039;--paper-ink:#ffffff;--on-accent:#000000;--visual:#2d353f;--visual-alt:#232a34;color-scheme:dark}
:root[data-look="petrol"]{--bg:#000000;--ink:#ffffff;--accent:#00847e;--line:#ffffff40;--card:#0f0f0f;--card-ink:#ffffff;--paper:#171717;--paper-ink:#ffffff;--on-accent:#000000;--visual:#001514;--visual-alt:#000c0b;color-scheme:dark}
:root[data-look="tuerkis"]{--bg:#091a20;--ink:#ffffff;--accent:#17af8d;--line:#ffffff40;--card:#18282d;--card-ink:#ffffff;--paper:#1f2f34;--paper-ink:#ffffff;--on-accent:#000000;--visual:#0b3231;--visual-alt:#0a272a;color-scheme:dark}
:root[data-look="gruen"]{--bg:#111b18;--ink:#ffffff;--accent:#76b729;--line:#ffffff40;--card:#1f2926;--card-ink:#ffffff;--paper:#26302d;--paper-ink:#ffffff;--on-accent:#000000;--visual:#21341b;--visual-alt:#1a291a;color-scheme:dark}
:root[data-look="schwarz"]{--bg:#e6e5e1;--ink:#111722;--accent:#000000;--line:#11172240;--card:#d9d9d6;--card-ink:#111722;--paper:#d3d2d0;--paper-ink:#111722;--on-accent:#ffffff;--visual:#c1c0bd;--visual-alt:#d1d0cd;color-scheme:light}
:root[data-look="weiss"]{--bg:#1c202a;--ink:#ffffff;--accent:#ffffff;--line:#ffffff40;--card:#2a2d37;--card-ink:#ffffff;--paper:#30343d;--paper-ink:#ffffff;--on-accent:#000000;--visual:#40444c;--visual-alt:#30343d;color-scheme:dark}
header{display:grid;grid-template-columns:1fr auto;gap:10px 25px;align-items:center;padding-top:16px;padding-bottom:10px}header>nav,header>.nav{grid-column:2;grid-row:1}header>.bo-look-control{grid-column:1/-1;grid-row:2}.bo-look-control{display:flex;gap:20px;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:5px}.look-label{font-size:10px;letter-spacing:.06em;font-weight:800;white-space:nowrap}.look-label #look-name{font-weight:400;letter-spacing:0;display:block;margin-top:2px}.bo-look-buttons{display:flex;gap:2px;justify-content:flex-end}.bo-look{display:inline-flex;align-items:center;justify-content:center;min-width:40px;min-height:44px;border:0;background:none;border-radius:50%;padding:6px;color:var(--ink)}.bo-look>span{display:block;width:24px;height:24px;border-radius:50%;background:var(--swatch);border:1px solid #8a8a8a}.bo-look[aria-pressed=true]>span{outline:2px solid var(--ink);outline-offset:4px}.bo-look:hover>span{transform:scale(1.1)}.bo-look:focus-visible{outline:2px solid var(--ink);outline-offset:1px}.bo-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) 230px;align-items:center;gap:70px;margin:28px 0 20px}.bo-hero-grid h1{font-size:clamp(64px,7.1vw,115px);margin-top:0}.bo-mark{margin:0;display:flex;flex-direction:column;align-items:center;color:var(--accent);padding:10px}.bo-mark svg{width:100%;height:auto;max-height:355px;stroke:none;fill:none;overflow:visible}.bo-mark figcaption{font-size:9px;color:var(--ink);margin-top:14px;opacity:.8;text-align:center}.intro{padding-top:40px}.intro-bottom{margin-top:18px}.city .visual{background:var(--accent);color:var(--on-accent)}.container .visual{background:var(--visual);color:var(--accent)}.container-word{box-shadow:10px 10px 0 var(--visual-alt)}.dinoschaufenster .visual{background:var(--visual-alt);color:var(--accent)}.ribbon{background:var(--accent);color:var(--on-accent)}.context a:hover{background:var(--bg)}footer{flex-wrap:wrap}.brand-note{flex:0 0 100%;font-size:11px;line-height:1.7;max-width:95ch;opacity:1;margin-top:12px;color:var(--ink)}.brand-note a{text-decoration:underline;text-underline-offset:3px}.card:hover{border-color:var(--accent)}:root{scroll-padding-top:150px}footer p{opacity:1}
@media(max-width:900px){.bo-look-control{display:block}.look-label{display:flex;gap:12px;align-items:center;margin:6px 0}.look-label #look-name{margin:0}.bo-look-buttons{justify-content:space-between;gap:0}.bo-look{min-width:0;flex:1}.bo-hero-grid{grid-template-columns:minmax(0,1fr) 160px;gap:30px}.bo-hero-grid h1{font-size:7.5vw}.bo-mark svg{max-height:275px}}
@media(max-width:600px){header{position:relative;display:grid;grid-template-columns:1fr auto;padding:12px 5vw;gap:6px 10px;min-height:0}header>nav,header>.nav{grid-column:2;grid-row:1;width:auto;border:0;justify-self:end;min-height:30px}header>nav{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:3px 10px;max-width:175px;font-size:10px}header>.bo-look-control{grid-column:1/-1;grid-row:2}.bo-look-buttons{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:0}.bo-look{min-height:40px;min-width:0;padding:4px}.bo-look>span{width:22px;height:22px}.bo-hero-grid{grid-template-columns:minmax(0,1fr) 70px;gap:14px;align-items:center;margin:25px 0}.bo-hero-grid h1{font-size:clamp(36px,8.8vw,54px)}.bo-mark{padding:0}.bo-mark svg{max-height:150px}.bo-mark figcaption{font-size:7px;line-height:1.4;margin-top:8px}.intro{padding-top:28px}.brand-note{font-size:10px}.container-word{box-shadow:5px 5px 0 var(--visual-alt)}:root{scroll-padding-top:20px}}
@media(prefers-reduced-motion:reduce){.bo-look:hover>span{transform:none}}
/* Compact Bochum colour selector: visible stripes stay close, buttons retain a usable hit area. */
.bo-look-control{gap:12px;padding-top:8px}.bo-look-buttons{gap:0;align-items:center}.bo-look{min-width:19px;min-height:38px;padding:0 3px;border-radius:0}.bo-look>span{width:11px;height:30px;border:0;border-radius:0;transform:skewX(-22deg);transition:transform .16s ease,box-shadow .16s ease}.bo-look[aria-pressed=true]>span{outline:1px solid var(--ink);outline-offset:3px;box-shadow:0 0 0 1px var(--bg)}.bo-look:hover>span{transform:skewX(-22deg) scaleY(1.12)}
@media(max-width:900px){.bo-look-buttons{justify-content:flex-end;gap:0}.bo-look{flex:0 0 19px}}
@media(max-width:600px){.bo-look-buttons{display:flex;justify-content:space-between;gap:0}.bo-look{flex:0 0 19px;min-height:36px;padding:0 3px}.bo-look>span{width:10px;height:28px}}
@media(prefers-reduced-motion:reduce){.bo-look:hover>span{transform:skewX(-22deg)}}