/* Braker Zeitung – Service-/Institutionsseiten V10
   Redaktion, Transparenz, Hinweise, Kontakt, Impressum, Datenschutz.
   Designbasis: Startseite. Keine beige/gelbliche Papieroptik. */

body.bz-service-standard{
  --bz-navy:#071b2b;
  --bz-navy2:#0b2537;
  --bz-ink:#0a1c2b;
  --bz-muted:#68747c;
  --bz-cyan:#0b879e;
  --bz-red:#9a2230;
  --bz-paper:#ffffff;
  --bz-soft:#eef3f6;
  --bz-soft2:#f6f8f9;
  --bz-line:#dfe5e6;
  --bz-max:1180px;

  background:var(--bz-soft) !important;
  color:var(--bz-ink) !important;
}

/* alte Beige-/Sandvariablen neutralisieren */
body.bz-service-standard{
  --bg:var(--bz-soft) !important;
  --paper:var(--bz-paper) !important;
  --soft:var(--bz-soft2) !important;
  --sand:var(--bz-soft2) !important;
  --line:var(--bz-line) !important;
  --blue:var(--bz-navy) !important;
  --blue2:var(--bz-navy2) !important;
  --red:var(--bz-red) !important;
  --muted:var(--bz-muted) !important;
  --max:var(--bz-max) !important;
}

/* Header exakt in der Startseitenfamilie */
body.bz-service-standard > header,
body.bz-service-standard .bzv7-header{
  position:sticky !important;
  top:0 !important;
  z-index:110 !important;
  width:100% !important;
  background:var(--bz-navy) !important;
  border-bottom:1px solid rgba(255,255,255,.12) !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
}

body.bz-service-standard > header > .head,
body.bz-service-standard .bzv7-header-inner{
  width:min(var(--bz-max),calc(100% - 48px)) !important;
  max-width:var(--bz-max) !important;
  min-height:82px !important;
  height:82px !important;
  margin-inline:auto !important;
  padding:0 !important;
  display:flex !important;
  align-items:center !important;
  gap:28px !important;
}

body.bz-service-standard .brand,
body.bz-service-standard .bzv7-brand{
  width:270px !important;
  max-width:270px !important;
  flex:0 0 270px !important;
  display:flex !important;
  align-items:center !important;
  filter:brightness(0) invert(1) !important;
}

body.bz-service-standard .brand-logo,
body.bz-service-standard .brand img,
body.bz-service-standard .bzv7-brand img{
  width:100% !important;
  height:auto !important;
  max-width:none !important;
  max-height:none !important;
  display:block !important;
}

body.bz-service-standard .desktop-nav,
body.bz-service-standard .bzv7-nav{
  display:flex !important;
  align-items:center !important;
  gap:25px !important;
  margin-left:auto !important;
  color:rgba(255,255,255,.78) !important;
  font-family:Arial,Helvetica,sans-serif !important;
  font-size:12px !important;
  font-weight:800 !important;
}

body.bz-service-standard .desktop-nav > a,
body.bz-service-standard .desktop-nav > .bz-nav-more > summary,
body.bz-service-standard .bzv7-nav > a,
body.bz-service-standard .bzv7-nav-more > summary{
  min-height:0 !important;
  height:auto !important;
  padding:8px 0 6px !important;
  border-bottom:2px solid transparent !important;
  color:inherit !important;
  white-space:nowrap !important;
}

body.bz-service-standard .desktop-nav > a:hover,
body.bz-service-standard .desktop-nav > a.active,
body.bz-service-standard .desktop-nav > a[aria-current="page"],
body.bz-service-standard .desktop-nav > .bz-nav-more > summary.active,
body.bz-service-standard .bzv7-nav > a:hover,
body.bz-service-standard .bzv7-nav > a.active,
body.bz-service-standard .bzv7-nav > a[aria-current="page"],
body.bz-service-standard .bzv7-nav-more > summary.active{
  color:#fff !important;
  border-bottom-color:var(--bz-red) !important;
}

body.bz-service-standard .menu{
  display:none !important;
}

/* Hauptbereich */
body.bz-service-standard .legal-page,
body.bz-service-standard main{
  background:var(--bz-soft) !important;
}

/* Einheitlicher Service-Hero – optisch aus der Hinweisseite abgeleitet */
body.bz-service-standard .legal-hero{
  width:min(var(--bz-max),calc(100% - 48px)) !important;
  min-height:250px !important;
  margin:28px auto 0 !important;
  background:var(--bz-paper) !important;
  color:var(--bz-ink) !important;
  border:1px solid var(--bz-line) !important;
  border-left:6px solid var(--bz-red) !important;
  border-radius:14px !important;
  box-shadow:0 12px 34px rgba(7,27,43,.07) !important;
  display:flex !important;
  align-items:center !important;
}

body.bz-service-standard .legal-hero > .wrap{
  width:100% !important;
  max-width:none !important;
  min-height:0 !important;
  margin:0 !important;
  padding:38px 42px !important;
  display:grid !important;
  gap:12px !important;
}

body.bz-service-standard .legal-hero .eyebrow,
body.bz-service-standard .instant-head .kicker{
  margin:0 !important;
  color:var(--bz-red) !important;
  font-size:11px !important;
  line-height:1.2 !important;
  font-weight:900 !important;
  letter-spacing:.11em !important;
  text-transform:uppercase !important;
}

body.bz-service-standard .legal-hero h1,
body.bz-service-standard .instant-head h1{
  margin:0 !important;
  max-width:14ch !important;
  color:var(--bz-ink) !important;
  font-family:Georgia,"Times New Roman",serif !important;
  font-size:clamp(2.8rem,4.8vw,4.45rem) !important;
  line-height:.95 !important;
  letter-spacing:-.045em !important;
}

body.bz-service-standard .legal-hero p,
body.bz-service-standard .instant-head p{
  max-width:780px !important;
  margin:0 !important;
  color:#4f5e69 !important;
  font-size:clamp(1rem,1.35vw,1.15rem) !important;
  line-height:1.55 !important;
  font-weight:600 !important;
}

/* Legal-/Service-Inhalt */
body.bz-service-standard .legal-layout{
  width:min(var(--bz-max),calc(100% - 48px)) !important;
  max-width:var(--bz-max) !important;
  margin-inline:auto !important;
  grid-template-columns:250px minmax(0,1fr) !important;
  gap:24px !important;
  padding:24px 0 64px !important;
}

body.bz-service-standard .legal-aside{
  position:sticky !important;
  top:106px !important;
  align-self:start !important;
  padding:24px !important;
  background:var(--bz-navy) !important;
  color:#fff !important;
  border:1px solid rgba(255,255,255,.10) !important;
  border-radius:14px !important;
  box-shadow:0 14px 34px rgba(7,27,43,.12) !important;
}

body.bz-service-standard .legal-aside strong{
  color:#fff !important;
  font-size:1.55rem !important;
}

body.bz-service-standard .legal-aside p{
  color:rgba(255,255,255,.70) !important;
}

body.bz-service-standard .legal-aside nav{
  border-top-color:rgba(255,255,255,.12) !important;
}

body.bz-service-standard .legal-aside nav a{
  color:rgba(255,255,255,.80) !important;
  border-bottom-color:rgba(255,255,255,.08) !important;
}

body.bz-service-standard .legal-aside nav a:hover,
body.bz-service-standard .legal-aside nav a[aria-current="page"]{
  color:#fff !important;
}

body.bz-service-standard .legal-aside nav a[aria-current="page"]{
  padding-left:12px !important;
  border-left:3px solid var(--bz-red) !important;
}

body.bz-service-standard .legal-card{
  background:var(--bz-paper) !important;
  border:1px solid var(--bz-line) !important;
  border-radius:14px !important;
  box-shadow:0 14px 38px rgba(7,27,43,.07) !important;
  padding:clamp(26px,3vw,42px) !important;
}

body.bz-service-standard .legal-section{
  border-bottom-color:var(--bz-line) !important;
}

body.bz-service-standard .legal-section h2{
  color:var(--bz-ink) !important;
  font-size:clamp(1.8rem,3vw,2.75rem) !important;
}

body.bz-service-standard .legal-section h3{
  color:var(--bz-ink) !important;
}

body.bz-service-standard .legal-section p,
body.bz-service-standard .legal-section li{
  color:#4f5e69 !important;
}

body.bz-service-standard .legal-box,
body.bz-service-standard .legal-address{
  background:var(--bz-soft2) !important;
  color:var(--bz-ink) !important;
  border-color:var(--bz-line) !important;
}

body.bz-service-standard .legal-box{
  border-left:4px solid var(--bz-red) !important;
}

body.bz-service-standard .legal-card a{
  color:#24586b !important;
  font-weight:800 !important;
}

/* Hinweisseite in dieselbe Familie ziehen */
body.bz-service-standard .hinweis-top{
  padding:28px 0 54px !important;
  background:var(--bz-soft) !important;
}

body.bz-service-standard .hinweis-top > .wrap{
  width:min(var(--bz-max),calc(100% - 48px)) !important;
  max-width:var(--bz-max) !important;
  margin-inline:auto !important;
}

body.bz-service-standard .instant-head{
  min-height:250px !important;
  margin-bottom:20px !important;
  padding:38px 42px !important;
  background:var(--bz-paper) !important;
  border:1px solid var(--bz-line) !important;
  border-left:6px solid var(--bz-red) !important;
  border-radius:14px !important;
  box-shadow:0 12px 34px rgba(7,27,43,.07) !important;
  display:grid !important;
  align-content:center !important;
  gap:12px !important;
}

body.bz-service-standard .tip-form-card,
body.bz-service-standard .form-note,
body.bz-service-standard .file-box,
body.bz-service-standard .file-slot{
  border-radius:12px !important;
}

body.bz-service-standard .tip-form-card{
  background:var(--bz-paper) !important;
  border:1px solid var(--bz-line) !important;
  box-shadow:0 14px 38px rgba(7,27,43,.07) !important;
}

body.bz-service-standard .field input,
body.bz-service-standard .field select,
body.bz-service-standard .field textarea,
body.bz-service-standard .file-box,
body.bz-service-standard .file-slot{
  background:#fff !important;
  border-color:var(--bz-line) !important;
}

body.bz-service-standard .file-list span{
  background:var(--bz-soft2) !important;
  color:var(--bz-ink) !important;
}

body.bz-service-standard .form-note{
  background:var(--bz-navy) !important;
  color:#fff !important;
}

/* Footer/sonstige helle Flächen neutral halten */
body.bz-service-standard footer{
  background:var(--bz-navy) !important;
}

@media(max-width:999px){
  body.bz-service-standard > header > .head,
  body.bz-service-standard .bzv7-header-inner{
    width:calc(100% - 32px) !important;
    min-height:68px !important;
    height:68px !important;
  }

  body.bz-service-standard .brand,
  body.bz-service-standard .bzv7-brand{
    width:210px !important;
    max-width:210px !important;
    flex-basis:210px !important;
  }

  body.bz-service-standard .desktop-nav,
  body.bz-service-standard .bzv7-nav{
    display:none !important;
  }

  body.bz-service-standard .menu,
  body.bz-service-standard .bzv7-menu-btn{
    display:inline-flex !important;
    margin-left:auto !important;
    color:#fff !important;
    border:1px solid rgba(255,255,255,.24) !important;
    background:rgba(255,255,255,.04) !important;
  }

  body.bz-service-standard .legal-hero,
  body.bz-service-standard .legal-layout,
  body.bz-service-standard .hinweis-top > .wrap{
    width:calc(100% - 32px) !important;
  }

  body.bz-service-standard .legal-layout{
    grid-template-columns:1fr !important;
  }

  body.bz-service-standard .legal-aside{
    position:static !important;
  }
}

@media(max-width:640px){
  body.bz-service-standard > header > .head,
  body.bz-service-standard .bzv7-header-inner{
    width:calc(100% - 24px) !important;
    min-height:60px !important;
    height:60px !important;
    gap:12px !important;
  }

  body.bz-service-standard .brand,
  body.bz-service-standard .bzv7-brand{
    width:170px !important;
    max-width:170px !important;
    flex-basis:170px !important;
  }

  body.bz-service-standard .legal-hero,
  body.bz-service-standard .legal-layout,
  body.bz-service-standard .hinweis-top > .wrap{
    width:calc(100% - 24px) !important;
  }

  body.bz-service-standard .legal-hero{
    min-height:205px !important;
    margin-top:16px !important;
    border-radius:12px !important;
  }

  body.bz-service-standard .legal-hero > .wrap,
  body.bz-service-standard .instant-head{
    padding:26px 20px !important;
  }

  body.bz-service-standard .legal-hero h1,
  body.bz-service-standard .instant-head h1{
    font-size:clamp(2.35rem,11.5vw,3.25rem) !important;
  }

  body.bz-service-standard .legal-layout{
    padding-top:16px !important;
  }

  body.bz-service-standard .legal-card,
  body.bz-service-standard .legal-aside{
    border-radius:12px !important;
  }

  body.bz-service-standard .instant-head{
    min-height:205px !important;
    margin-bottom:14px !important;
  }

  body.bz-service-standard .tip-form-layout{
    grid-template-columns:1fr !important;
  }
}


/* ===== V11: warme/cremefarbene Töne vollständig entfernen ===== */
body.bz-service-standard{
  --bz-paper:#ffffff !important;
  --bz-soft:#eef2f5 !important;
  --bz-soft2:#f7f9fa !important;
  --paper:#ffffff !important;
  --soft:#f7f9fa !important;
  --sand:#f7f9fa !important;
  --bg:#eef2f5 !important;
  background:#eef2f5 !important;
}

/* gesamte Servicefläche kühl halten */
body.bz-service-standard,
body.bz-service-standard .legal-page,
body.bz-service-standard main,
body.bz-service-standard .hinweis-top{
  background:#eef2f5 !important;
}

/* alle großen Karten und Inhaltsflächen reinweiß */
body.bz-service-standard .legal-hero,
body.bz-service-standard .legal-card,
body.bz-service-standard .tip-form-card,
body.bz-service-standard .instant-head,
body.bz-service-standard .file-box,
body.bz-service-standard .file-slot,
body.bz-service-standard .field input,
body.bz-service-standard .field select,
body.bz-service-standard .field textarea{
  background:#ffffff !important;
}

/* Sekundärflächen: neutrales, kühles Grau statt Creme */
body.bz-service-standard .legal-box,
body.bz-service-standard .legal-address,
body.bz-service-standard .file-list span,
body.bz-service-standard .quick-alt,
body.bz-service-standard .privacy-note,
body.bz-service-standard .hint-note,
body.bz-service-standard .info-box{
  background:#f7f9fa !important;
}

/* warm eingefärbte pseudo-/section-Flächen neutralisieren */
body.bz-service-standard [style*="#fffefa"],
body.bz-service-standard [style*="#f8f2e7"],
body.bz-service-standard [style*="#efe7d2"],
body.bz-service-standard [style*="#f6f0e5"]{
  background:#ffffff !important;
}

/* Kühle Linien statt sandiger Konturen */
body.bz-service-standard .legal-hero,
body.bz-service-standard .legal-card,
body.bz-service-standard .legal-aside,
body.bz-service-standard .tip-form-card,
body.bz-service-standard .instant-head,
body.bz-service-standard .file-box,
body.bz-service-standard .file-slot,
body.bz-service-standard .field input,
body.bz-service-standard .field select,
body.bz-service-standard .field textarea,
body.bz-service-standard .legal-box,
body.bz-service-standard .legal-address{
  border-color:#dce3e7 !important;
}

/* Hero wirkt redaktioneller, nicht papierfarben */
body.bz-service-standard .legal-hero,
body.bz-service-standard .instant-head{
  background:
    linear-gradient(180deg,#ffffff 0%,#fbfcfd 100%) !important;
}

/* Seitenhintergrund etwas näher an der Startseite */
body.bz-service-standard .legal-layout,
body.bz-service-standard .hinweis-top > .wrap{
  background:transparent !important;
}


/* ===== V12: finaler kühler Service-Standard =====
   Keine Legacy-Unterseiten-CSS-Schicht mehr. */
body.bz-service-standard{
  background:#eef2f5 !important;
  color:#0a1c2b !important;
}

body.bz-service-standard main,
body.bz-service-standard .legal-page,
body.bz-service-standard .hinweis-top{
  background:#eef2f5 !important;
}

body.bz-service-standard .legal-hero,
body.bz-service-standard .instant-head{
  background:#ffffff !important;
  border-color:#dce3e7 !important;
  border-left-color:#9a2230 !important;
}

body.bz-service-standard .legal-card,
body.bz-service-standard .tip-form-card{
  background:#ffffff !important;
}

body.bz-service-standard .legal-box,
body.bz-service-standard .legal-address,
body.bz-service-standard .file-list span,
body.bz-service-standard .file-box,
body.bz-service-standard .file-slot{
  background:#f7f9fa !important;
}

body.bz-service-standard .field input,
body.bz-service-standard .field select,
body.bz-service-standard .field textarea{
  background:#ffffff !important;
}

body.bz-service-standard .legal-layout,
body.bz-service-standard .hinweis-top > .wrap{
  background:transparent !important;
}

/* Sicherheit gegen verbliebene alte Inline-/Legacyfarben */
body.bz-service-standard [style*="#fffefa"],
body.bz-service-standard [style*="#f8f2e7"],
body.bz-service-standard [style*="#efe7d2"],
body.bz-service-standard [style*="#f6f0e5"],
body.bz-service-standard [style*="rgb(255, 254, 250)"]{
  background:#ffffff !important;
}


/* ===== V13: Servicebereich final ohne Legacy-Legal-Layer ===== */
html,
html body.bz-service-standard{
  background:#eef2f5 !important;
}

body.bz-service-standard{
  --bg:#eef2f5 !important;
  --paper:#ffffff !important;
  --soft:#f7f9fa !important;
  --sand:#f7f9fa !important;
  --line:#dce3e7 !important;
  --blue:#071b2b !important;
  --blue2:#0b2537 !important;
  --red:#9a2230 !important;
  --muted:#68747c !important;
}

/* Servicebereich */
body.bz-service-standard main,
body.bz-service-standard .legal-page,
body.bz-service-standard .hinweis-top{
  background:#eef2f5 !important;
}

/* Header exakt wie Startseite */
body.bz-service-standard > header{
  background:#071b2b !important;
  color:#fff !important;
  border-bottom:1px solid rgba(255,255,255,.12) !important;
  backdrop-filter:none !important;
}

body.bz-service-standard > header .brand-logo{
  filter:brightness(0) invert(1) !important;
  opacity:1 !important;
}

body.bz-service-standard > header .desktop-nav,
body.bz-service-standard > header nav.desktop-nav{
  color:rgba(255,255,255,.82) !important;
}

body.bz-service-standard > header .desktop-nav > a,
body.bz-service-standard > header nav.desktop-nav > a,
body.bz-service-standard > header .desktop-nav > .bz-nav-more > summary{
  color:rgba(255,255,255,.82) !important;
  text-shadow:none !important;
}

body.bz-service-standard > header .desktop-nav > a:hover,
body.bz-service-standard > header .desktop-nav > a.active,
body.bz-service-standard > header .desktop-nav > a[aria-current="page"],
body.bz-service-standard > header .desktop-nav > .bz-nav-more > summary.active{
  color:#fff !important;
  border-bottom-color:#9a2230 !important;
}

body.bz-service-standard > header .mobile-panel{
  background:#071b2b !important;
  color:#fff !important;
  border-color:rgba(255,255,255,.10) !important;
}

body.bz-service-standard > header .mobile-panel a,
body.bz-service-standard > header .mobile-panel button{
  color:#fff !important;
  border-color:rgba(255,255,255,.10) !important;
}

/* Weiß + kühles Grau, keine Creme */
body.bz-service-standard .legal-hero,
body.bz-service-standard .instant-head,
body.bz-service-standard .legal-card,
body.bz-service-standard .tip-form-card{
  background:#ffffff !important;
}

body.bz-service-standard .legal-box,
body.bz-service-standard .legal-address,
body.bz-service-standard .file-box,
body.bz-service-standard .file-slot,
body.bz-service-standard .file-list span{
  background:#f7f9fa !important;
}

body.bz-service-standard .legal-aside{
  background:#071b2b !important;
  color:#fff !important;
  border-color:rgba(255,255,255,.10) !important;
}

body.bz-service-standard .legal-aside strong{
  color:#fff !important;
}

body.bz-service-standard .legal-aside p{
  color:rgba(255,255,255,.72) !important;
}

body.bz-service-standard .legal-aside nav a{
  color:rgba(255,255,255,.82) !important;
  border-bottom-color:rgba(255,255,255,.08) !important;
}

body.bz-service-standard .legal-aside nav a:hover,
body.bz-service-standard .legal-aside nav a[aria-current="page"]{
  color:#fff !important;
}

/* keine warmen Pseudo-/Inline-Reste */
body.bz-service-standard [style*="#f8f2e7"],
body.bz-service-standard [style*="#fffaf0"],
body.bz-service-standard [style*="#fffdf8"],
body.bz-service-standard [style*="#fffefa"],
body.bz-service-standard [style*="#efe7d2"],
body.bz-service-standard [style*="#f6f0e5"]{
  background:#ffffff !important;
}


/* ===== V15: AGBs und Widerruf mobil kompakt ===== */
body.bz-agb-page .legal-hero,
body.bz-withdrawal-page .legal-hero{
  min-height:220px !important;
}

body.bz-agb-page .legal-card,
body.bz-withdrawal-page .legal-card{
  min-width:0 !important;
}

.withdrawal-function{
  margin-top:18px;
  border:1px solid #dce3e7;
  border-radius:14px;
  background:#f7f9fa;
  overflow:hidden;
}

.withdrawal-function > summary{
  list-style:none;
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:space-between;
  min-height:58px;
  padding:0 18px;
  background:#071b2b;
  color:#fff;
  font-size:16px;
  font-weight:900;
}

.withdrawal-function > summary::-webkit-details-marker{display:none}
.withdrawal-function > summary::after{content:"+";font-size:24px;line-height:1;font-weight:500}
.withdrawal-function[open] > summary::after{content:"×"}

.withdrawal-form{
  display:grid;
  gap:17px;
  padding:22px;
  background:#fff;
}

.withdrawal-field{
  display:grid;
  gap:7px;
}

.withdrawal-field label{
  color:#071b2b;
  font-size:12px;
  font-weight:900;
  letter-spacing:.06em;
  text-transform:uppercase;
}

.withdrawal-field label span{
  color:#68747c;
  font-weight:700;
  text-transform:none;
  letter-spacing:0;
}

.withdrawal-field input,
.withdrawal-field textarea{
  width:100%;
  max-width:100%;
  border:1px solid #dce3e7;
  border-radius:8px;
  background:#fff;
  color:#0a1c2b;
  font:600 15px/1.45 Arial,Helvetica,sans-serif;
  padding:12px 13px;
  outline:none;
}

.withdrawal-field input:focus,
.withdrawal-field textarea:focus{
  border-color:#0b879e;
  box-shadow:0 0 0 3px rgba(11,135,158,.12);
}

.withdrawal-confirm-box{
  border-left:4px solid #9a2230;
  background:#f7f9fa;
  padding:16px;
}

.withdrawal-confirm-box p{
  margin:0 0 13px !important;
}

.withdrawal-confirm-btn{
  width:100%;
  min-height:50px;
  border:0;
  border-radius:8px;
  background:#9a2230;
  color:#fff;
  font:900 15px/1 Arial,Helvetica,sans-serif;
  cursor:pointer;
}

.withdrawal-confirm-btn:hover{filter:brightness(.96)}

.withdrawal-honeypot{
  position:absolute;
  left:-10000px;
  width:1px;
  height:1px;
  overflow:hidden;
}

.withdrawal-success{
  display:flex;
  gap:14px;
  align-items:flex-start;
  border:1px solid #dce3e7 !important;
  border-left:5px solid #0b879e !important;
  border-radius:12px;
  background:#f7f9fa;
  padding:18px !important;
  margin-bottom:12px;
}

.withdrawal-success-mark{
  flex:0 0 34px;
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:#071b2b;
  color:#fff;
  font-weight:900;
}

@media(max-width:640px){
  body.bz-agb-page .legal-hero,
  body.bz-withdrawal-page .legal-hero{
    min-height:170px !important;
  }

  body.bz-agb-page .legal-hero > .wrap,
  body.bz-withdrawal-page .legal-hero > .wrap{
    padding:22px 18px !important;
  }

  body.bz-agb-page .legal-hero h1,
  body.bz-withdrawal-page .legal-hero h1{
    font-size:clamp(2.35rem,12vw,3.1rem) !important;
  }

  body.bz-agb-page .legal-hero p,
  body.bz-withdrawal-page .legal-hero p{
    font-size:14.5px !important;
    line-height:1.48 !important;
  }

  body.bz-agb-page .legal-layout,
  body.bz-withdrawal-page .legal-layout{
    gap:12px !important;
    padding-top:12px !important;
  }

  body.bz-agb-page .legal-aside,
  body.bz-withdrawal-page .legal-aside{
    padding:10px !important;
    overflow:hidden;
  }

  body.bz-agb-page .legal-aside > strong,
  body.bz-agb-page .legal-aside > p,
  body.bz-withdrawal-page .legal-aside > strong,
  body.bz-withdrawal-page .legal-aside > p{
    display:none !important;
  }

  body.bz-agb-page .legal-aside nav,
  body.bz-withdrawal-page .legal-aside nav{
    display:flex !important;
    gap:7px !important;
    margin:0 !important;
    padding:0 0 3px !important;
    border:0 !important;
    overflow-x:auto !important;
    scrollbar-width:thin;
  }

  body.bz-agb-page .legal-aside nav a,
  body.bz-withdrawal-page .legal-aside nav a{
    flex:0 0 auto !important;
    padding:9px 11px !important;
    border:1px solid rgba(255,255,255,.14) !important;
    border-radius:999px !important;
    font-size:11.5px !important;
    white-space:nowrap !important;
  }

  body.bz-agb-page .legal-card,
  body.bz-withdrawal-page .legal-card{
    padding:18px 16px !important;
  }

  body.bz-agb-page .legal-section,
  body.bz-withdrawal-page .legal-section{
    padding:21px 0 !important;
  }

  body.bz-agb-page .legal-section:first-child,
  body.bz-withdrawal-page .legal-section:first-child{
    padding-top:0 !important;
  }

  body.bz-agb-page .legal-section h2,
  body.bz-withdrawal-page .legal-section h2{
    font-size:clamp(1.45rem,7vw,1.9rem) !important;
    line-height:1.08 !important;
    margin-bottom:11px !important;
  }

  body.bz-agb-page .legal-section p,
  body.bz-agb-page .legal-section li,
  body.bz-withdrawal-page .legal-section p,
  body.bz-withdrawal-page .legal-section li{
    font-size:14.5px !important;
    line-height:1.58 !important;
  }

  .withdrawal-function > summary{
    min-height:54px;
    padding:0 15px;
    font-size:15px;
  }

  .withdrawal-form{
    padding:16px 14px;
    gap:15px;
  }

  .withdrawal-field input,
  .withdrawal-field textarea{
    font-size:16px;
  }

  .withdrawal-success{
    gap:10px;
    padding:14px !important;
  }
}


/* ===== V16: kompakter Service-/Rechtsseiten-Kopf =====
   Ziel: Überschriften nicht mehr plakativ überdimensioniert,
   sondern im Maßstab der übrigen Braker-Zeitung-Unterseiten. */

body.bz-service-standard .legal-hero,
body.bz-service-standard .instant-head{
  min-height:180px !important;
  margin-top:22px !important;
}

body.bz-service-standard .legal-hero > .wrap,
body.bz-service-standard .instant-head{
  padding:28px 32px !important;
  gap:9px !important;
}

body.bz-service-standard .legal-hero .eyebrow,
body.bz-service-standard .instant-head .kicker{
  font-size:10px !important;
  letter-spacing:.105em !important;
}

body.bz-service-standard .legal-hero h1,
body.bz-service-standard .instant-head h1{
  font-size:clamp(2.5rem,3vw,3.25rem) !important;
  line-height:.98 !important;
  letter-spacing:-.04em !important;
  max-width:16ch !important;
}

body.bz-service-standard .legal-hero p,
body.bz-service-standard .instant-head p{
  max-width:720px !important;
  font-size:1rem !important;
  line-height:1.5 !important;
}

body.bz-service-standard .legal-layout{
  gap:20px !important;
  padding-top:20px !important;
}

body.bz-service-standard .legal-card{
  padding:clamp(24px,2.6vw,34px) !important;
}

body.bz-service-standard .legal-section{
  padding:22px 0 !important;
}

body.bz-service-standard .legal-section:first-child{
  padding-top:0 !important;
}

body.bz-service-standard .legal-section h2{
  margin-bottom:11px !important;
  font-size:clamp(1.55rem,2.2vw,2.15rem) !important;
  line-height:1.05 !important;
  letter-spacing:-.04em !important;
}

body.bz-service-standard .legal-section p,
body.bz-service-standard .legal-section li{
  font-size:15.5px !important;
  line-height:1.66 !important;
}

@media(max-width:640px){
  body.bz-service-standard .legal-hero,
  body.bz-service-standard .instant-head{
    min-height:150px !important;
    margin-top:14px !important;
  }

  body.bz-service-standard .legal-hero > .wrap,
  body.bz-service-standard .instant-head{
    padding:21px 18px !important;
    gap:8px !important;
  }

  body.bz-service-standard .legal-hero h1,
  body.bz-service-standard .instant-head h1{
    font-size:clamp(2.15rem,9vw,2.65rem) !important;
    line-height:1 !important;
  }

  body.bz-service-standard .legal-hero p,
  body.bz-service-standard .instant-head p{
    font-size:14.5px !important;
    line-height:1.48 !important;
  }

  body.bz-service-standard .legal-card{
    padding:18px 16px !important;
  }

  body.bz-service-standard .legal-section{
    padding:18px 0 !important;
  }

  body.bz-service-standard .legal-section h2{
    font-size:clamp(1.42rem,6.5vw,1.75rem) !important;
    line-height:1.08 !important;
  }

  body.bz-service-standard .legal-section p,
  body.bz-service-standard .legal-section li{
    font-size:14.5px !important;
    line-height:1.58 !important;
  }
}


/* ===== V17: einheitliche mobile Service-Schnellnavigation =====
   Auf allen Service-/Rechtsseiten wird die Desktop-Seitenleiste mobil
   zur horizontalen Pill-Navigation. Die Hinweisseite erhält denselben Strip. */

.bz-service-quicknav{
  display:none;
}

/* Hinweis-Badge: klarer Kontrast auf weißem Hero */
body.bz-service-standard .instant-head .kicker{
  display:inline-flex !important;
  align-items:center !important;
  gap:8px !important;
  width:fit-content !important;
  max-width:100% !important;
  padding:7px 12px !important;
  border-radius:999px !important;
  background:#071b2b !important;
  color:#ffffff !important;
  font-size:10px !important;
  line-height:1 !important;
  font-weight:900 !important;
  letter-spacing:.10em !important;
  text-transform:uppercase !important;
}
body.bz-service-standard .instant-head .kicker::before{
  background:#b52638 !important;
  width:7px !important;
  height:7px !important;
  min-width:7px !important;
}

@media(max-width:640px){
  /* vorhandene Seitenleiste auf allen Service-/Rechtsseiten kompakt machen */
  body.bz-service-standard .legal-aside{
    position:static !important;
    top:auto !important;
    padding:10px !important;
    margin:0 !important;
    overflow:hidden !important;
    border-radius:12px !important;
  }

  body.bz-service-standard .legal-aside > strong,
  body.bz-service-standard .legal-aside > p{
    display:none !important;
  }

  body.bz-service-standard .legal-aside nav,
  body.bz-service-standard .bz-service-quicknav{
    display:flex !important;
    align-items:center !important;
    gap:7px !important;
    margin:0 !important;
    padding:0 0 2px !important;
    border:0 !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    overscroll-behavior-inline:contain !important;
    -webkit-overflow-scrolling:touch !important;
    scrollbar-width:none !important;
    scroll-padding-inline:8px !important;
    scroll-snap-type:x proximity !important;
  }

  body.bz-service-standard .legal-aside nav::-webkit-scrollbar,
  body.bz-service-standard .bz-service-quicknav::-webkit-scrollbar{
    display:none !important;
  }

  body.bz-service-standard .legal-aside nav a,
  body.bz-service-standard .bz-service-quicknav a{
    flex:0 0 auto !important;
    min-height:42px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    padding:9px 13px !important;
    border:1px solid rgba(255,255,255,.15) !important;
    border-radius:999px !important;
    color:rgba(255,255,255,.90) !important;
    background:rgba(255,255,255,.02) !important;
    font-size:12px !important;
    line-height:1 !important;
    font-weight:900 !important;
    white-space:nowrap !important;
    text-decoration:none !important;
    scroll-snap-align:center !important;
  }

  body.bz-service-standard .legal-aside nav a[aria-current="page"],
  body.bz-service-standard .bz-service-quicknav a[aria-current="page"]{
    color:#fff !important;
    border-color:rgba(181,38,56,.85) !important;
    box-shadow:inset 4px 0 0 #b52638 !important;
  }

  /* Hinweisseite: derselbe Schnellzugriff direkt unter dem Hero */
  body.bz-service-standard .bz-service-quicknav{
    background:#071b2b !important;
    border:1px solid rgba(255,255,255,.10) !important;
    border-radius:12px !important;
    box-shadow:0 10px 28px rgba(7,27,43,.10) !important;
    padding:10px !important;
    margin:-2px 0 14px !important;
  }
}