/* Werbezentrale: Family Takeover auf statischen Seiten (Band oben, Seitenflächen ab 1440 px, Mobil-Karte).
   Ohne Klasse „wz-an" an <html> bleibt alles unsichtbar und ohne Platzbedarf. */
.wz-band{display:none}
html.wz-an .wz-band{display:block;position:relative;min-height:132px}
@media (max-width:760px){html.wz-an .wz-band{min-height:140px}}
.wz-band a{text-decoration:none}
.wz-label{font:800 0.75rem/1 system-ui,sans-serif;letter-spacing:.08em;text-transform:uppercase;background:rgba(0,0,0,.8);color:#fff;padding:3px 7px;border-radius:4px}
.wz-cta{display:inline-block;background:var(--wz-akzent);color:#1b1b1b;font:800 0.9375rem/1.1 system-ui,sans-serif;padding:11px 18px;border-radius:999px;border:3px solid #fff;box-shadow:0 6px 18px rgba(0,0,0,.3);white-space:nowrap}
/* Band (Desktop): feste Höhe – die Fläche ist reserviert, bevor das Skript sie füllt */
.wz-band-in{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:22px;min-height:132px;padding:0 max(24px,calc((100vw - 1180px)/2));color:#fff;background-color:var(--wz-farbe);background-size:cover;background-position:center;position:relative;box-sizing:border-box}
.wz-band-in::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--wz-farbe) 0%,color-mix(in srgb,var(--wz-farbe) 70%,transparent) 55%,transparent 100%);pointer-events:none}
.wz-band-in>*{position:relative}
.wz-band-in .wz-label{position:absolute;top:8px;right:12px}
.wz-kunde{font:900 1.375rem/1.05 system-ui,sans-serif;max-width:14ch;text-shadow:0 2px 8px rgba(0,0,0,.4)}
.wz-logo{max-height:84px;max-width:200px;width:auto;height:auto}
.wz-mitte{display:flex;flex-direction:column;align-items:flex-start;gap:6px;min-width:0}
.wz-dach{background:var(--wz-akzent);color:#1b1b1b;font:900 1rem/1.2 system-ui,sans-serif;padding:3px 12px;border-radius:6px;transform:rotate(-2deg)}
.wz-head{font:800 clamp(1.25rem,2.2vw,1.875rem)/1.1 system-ui,sans-serif;text-shadow:0 2px 10px rgba(0,0,0,.5)}
.wz-mobil{display:none}
/* Mobil: Karte mit fester Höhe statt Band */
@media (max-width:760px){
  .wz-band-in{display:none}
  .wz-mobil{display:flex;min-height:128px;margin:12px 16px 0;border-radius:16px;overflow:hidden;color:#fff;background:var(--wz-farbe)}
  .wz-mobil-bild{flex:0 0 42%;background-size:cover;background-position:center}
  .wz-mobil-txt{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:4px;padding:10px 12px;font:0.875rem/1.25 system-ui,sans-serif;min-width:0}
  .wz-mobil-txt b{font-size:0.9375rem}
  .wz-sub{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:0.7812rem;opacity:.92}
  .wz-mobil .wz-cta{font-size:0.75rem;padding:5px 10px;border-width:2px}
}
/* Seitenflächen ab 1440 px: fest neben dem Inhalt, Kopf und Fuß liegen darüber */
.wz-seite{display:none}
@media (min-width:1440px){
  html.wz-seiten body{background:var(--wz-farbe-seite,#14121f)}
  .wz-seite{display:flex;flex-direction:column;position:fixed;top:0;bottom:0;width:calc((100vw - 1240px)/2);z-index:1;background-color:var(--wz-farbe);background-size:cover;background-position:center;padding:190px 14px 30px;gap:12px;color:#fff;box-sizing:border-box}
  .wz-seite::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 35%,color-mix(in srgb,var(--wz-farbe) 85%,transparent));pointer-events:none}
  .wz-seite>*{position:relative;z-index:1}
  .wz-l{left:0;align-items:flex-start}
  .wz-r{right:0;align-items:center}
  html.wz-seiten .masthead,html.wz-seiten .catnav,html.wz-seiten .wz-band,html.wz-seiten .foot,html.wz-seiten .preview-bar{position:relative;z-index:2}
  html.wz-seiten main,html.wz-seiten #inhalt{position:relative;z-index:2;max-width:1240px;margin-left:auto;margin-right:auto;background:var(--paper,#fff)}
  .wz-punkte{display:flex;flex-direction:column;gap:8px;width:100%}
  .wz-punkte span{background:rgba(20,15,10,.85);border:2px solid rgba(255,255,255,.25);border-radius:8px;padding:8px 10px;font:800 0.875rem/1.2 system-ui,sans-serif}
  .wz-badge{background:var(--wz-akzent);color:#1b1b1b;font:900 1rem/1.15 system-ui,sans-serif;text-align:center;padding:12px 10px;border-radius:12px;transform:rotate(-4deg);box-shadow:0 6px 18px rgba(0,0,0,.35)}
  .wz-rtext{display:flex;flex-direction:column;align-items:center;text-align:center;gap:2px;font:600 0.875rem/1.25 system-ui,sans-serif;text-shadow:0 1px 6px rgba(0,0,0,.6)}
  .wz-rtext span:first-child{font-weight:900;font-size:1rem}
  .wz-r .wz-cta{font-size:0.8125rem;padding:8px 12px;white-space:normal;text-align:center}
}
@media (prefers-reduced-motion:no-preference){.wz-cta{transition:filter .15s}.wz-band a:hover .wz-cta,.wz-seite:hover .wz-cta{filter:brightness(1.08)}}
/* Linkfarben der Website-Designs nicht übernehmen: Werbemittel immer in Weiß auf Kampagnenfarbe */
html.wz-an a.wz-band-in,html.wz-an a.wz-mobil,html.wz-an a.wz-seite,html.wz-an .wz-band a:hover{color:#fff;text-decoration:none}
/* Andere Systeme (Node-Dienste, LocalGraph, Ortswerk): Kopf und Fuß allgemein über die Seitenflächen legen */
@media (min-width:1440px){
  html.wz-seiten body>header,html.wz-seiten body>nav,html.wz-seiten body>footer,html.wz-seiten .site-header,html.wz-seiten .site-footer{position:relative;z-index:2}
  html.wz-seiten body>main{position:relative;z-index:2;max-width:1240px;margin-left:auto;margin-right:auto;background:var(--wz-inhalt-hg,#fff)}
}
/* Hoher Kontrast (Windows) und Druck: Werbung schlicht bzw. gar nicht */
@media (forced-colors:active){.wz-band-in::before,.wz-seite::after{display:none}.wz-band a,.wz-seite{border:2px solid LinkText}}
@media print{.wz-band,.wz-seite{display:none!important}}