/* Version „Blau“ (Steger 18.10.2026): Dorn-Blau als Grund, Gelb und Logo-Blau als Akzente.
   Wird nur geladen, wenn die Testinstanz per ?look=blau umgeschaltet ist (Plugin setzt body.look-blau).
   Kopf und Fuß bleiben hell, weil die Logo-Schrift dunkelblau ist; umgefärbt wird nur <main>. */
.look-blau main{
  --bg:#0B2440; --paper:#113259; --stone:#0E4170; --line:rgba(255,255,255,.14); --line-2:rgba(255,255,255,.3);
  --ink:#FFFFFF; --body:#C9D6E4; --mute:#94A9BF;
  --akzent:#FDC600; --akzent-soft:rgba(253,198,0,.12); --hell:#0077B9;
  background:var(--bg);color:var(--body)
}
.look-blau{background:#0B2440}
.look-blau .hdr,.look-blau .ftr{background:#fff}

/* Buttons: Gelb mit Navy, Kontur weiß */
.look-blau main .btn{border-color:rgba(255,255,255,.55);color:#fff}
.look-blau main .btn-ink{background:var(--gelb);border-color:var(--gelb);color:#0B2440}
@media(hover:hover) and (pointer:fine){
  .look-blau main .btn:hover{background:#fff;border-color:#fff;color:#0B2440}
  .look-blau main .btn-ink:hover{background:#fff;border-color:#fff;color:#0B2440}
}
.look-blau main .tl .ic,.look-blau main .h1-k{color:var(--gelb)}
.look-blau main .h1-k::before{background:var(--gelb)}

/* Leitband: Gelb mit dunkler Schrift, die Markierung wird weiß */
.look-blau .sec-lb{background:var(--gelb);color:#0B2440}
.look-blau .sec-lb::before{opacity:.22;mix-blend-mode:multiply}
.look-blau .lb-h{color:#0B2440}
.look-blau .lb-h .mark{background-image:linear-gradient(transparent 70%,#fff 70%,#fff 88%,transparent 88%)}
.look-blau .lb-t p{color:#0B2440}
.look-blau .sec-lb .tl{color:#0B2440}
.look-blau .sec-lb .tl span{text-decoration-color:rgba(11,36,64,.4)}
.look-blau .sec-lb .tl .ic{color:#0B2440}

/* Flächenrhythmus: Navy, Dorn-Blau (tint), Logo-Blau für das Gespräch am Seitenende */
.look-blau main .sec.tint,.look-blau main .sec-form{background:var(--stone)}
.look-blau main .sec-gsp{background:var(--hell);--mute:#D5E8F5;--body:#EAF4FB;--line:rgba(255,255,255,.3)}
.look-blau main .sec-gsp .btn-ink{background:#fff;border-color:#fff}
@media(hover:hover) and (pointer:fine){.look-blau main .sec-gsp .btn-ink:hover{background:var(--gelb);border-color:var(--gelb)}}

/* Jahreszahl und Nummern in Gelb */
.look-blau .jahr-z{color:var(--gelb)}
.look-blau .siegel{border-top-color:var(--line)}

/* Verzeichnis: Hover auf hellerem Blau, Titel gelb */
@media(hover:hover) and (pointer:fine){.look-blau .ix a:hover{background:var(--paper)}.look-blau .ix a:hover .ix-t{color:var(--gelb)}}

/* Formular bleibt eine helle Karte */
.look-blau .anfrage{--ink:#0F2236;--body:#334150;--mute:#5C6773;--line:#D8DAD3;--line-2:#C2C5BD;--paper:#fff;--akzent:#0E4170;color:var(--body)}
.look-blau .anfrage .btn-ink{background:#0F2236;border-color:#0F2236;color:#fff}
@media(hover:hover) and (pointer:fine){.look-blau .anfrage .btn-ink:hover{background:#0E4170;border-color:#0E4170;color:#fff}}

/* Karte, Fotos */
.look-blau .ring{border-color:var(--line)}
.look-blau main img{box-shadow:0 0 0 1px rgba(255,255,255,.04)}
.look-blau ::selection{background:var(--gelb);color:#0B2440}


/* Grundsätze in Logo-Blau, damit nicht drei Navy-Flächen aufeinander folgen */
.look-blau main .sec:has(> .gs){background:var(--hell);--body:#EAF4FB;--mute:#D5E8F5;--line:rgba(255,255,255,.35);--line-2:rgba(255,255,255,.5)}