/* Braker Zeitung · universeller Seitenkopf V12 · 24.09.2026
   Ein Header auf allen öffentlichen Seiten. Desktop ab 980px, kompakte Mobil-/Tablet-Navigation darunter. */
:root{--bz11-navy:#071b2b;--bz11-red:#d71920;--bz11-ink:#132b3a;--bz11-line:#dfe6e9;--bz11-shell:min(calc(100% - 32px),1180px)}

/* Alte, seitenindividuelle Kopfzeilen werden nur auf V11-markierten Seiten ausgeblendet. */
body.bz-v11-site > header:not(.bz-site-header-v11),
body.bz-v11-site > .bzv7-topstrip,
body.bz-v11-site > .top,
body.bz-v11-site > .topline,
body.bz-v11-site > .edition-line{display:none!important}

html body.bz-v11-site .bz-site-header-v11{position:sticky!important;top:0!important;z-index:9999!important;width:100%!important;max-width:none!important;margin:0!important;padding:0!important;background:#fff!important;color:var(--bz11-ink)!important;border:0!important;box-shadow:0 7px 18px rgba(6,27,43,.08)!important;font-family:Arial,Helvetica,sans-serif!important}
.bz11-meta{width:100%;background:#fff;border-top:2px solid #22272c;border-bottom:1px solid var(--bz11-line)}
.bz11-shell{width:var(--bz11-shell);margin:0 auto}
.bz11-meta-inner{height:40px;display:grid;grid-template-columns:138px minmax(0,1fr) auto;align-items:center;gap:18px}
.bz11-brand{display:flex!important;align-items:center!important;width:126px!important;max-width:126px!important;height:30px!important;margin:0!important;padding:0!important;text-decoration:none!important}
.bz11-brand img{display:block!important;width:126px!important;max-width:126px!important;height:auto!important;max-height:25px!important;object-fit:contain!important;object-position:left center!important;filter:none!important;opacity:1!important}
.bz11-meta-copy{min-width:0;display:flex;align-items:center;justify-content:center;gap:14px;color:#233746;font-size:8px;font-weight:900;line-height:1;letter-spacing:.075em;text-transform:uppercase;white-space:nowrap}
.bz11-meta-copy .sep{color:#adb8be;margin:0 2px}.bz11-date-short{display:none}
.bz11-hint{justify-self:end;display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:23px!important;padding:0 10px!important;border:1px solid #9fb4bf!important;border-radius:999px!important;background:#fff!important;color:#173142!important;font-size:6.8px!important;font-weight:950!important;letter-spacing:.08em!important;text-transform:uppercase!important;text-decoration:none!important;white-space:nowrap!important}.bz11-hint-mobile{display:none}

.bz11-navbar{width:100%;background:var(--bz11-navy);border-bottom:1px solid #103248}
.bz11-nav-inner{height:50px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.bz11-nav{height:50px;display:flex!important;align-items:center!important;gap:clamp(16px,2vw,28px)!important;margin:0!important;padding:0!important;background:transparent!important}
.bz11-nav > a,.bz11-more > summary{height:50px;display:inline-flex!important;align-items:center!important;margin:0!important;padding:0!important;border:0!important;border-bottom:3px solid transparent!important;background:transparent!important;color:rgba(255,255,255,.94)!important;-webkit-text-fill-color:rgba(255,255,255,.94)!important;font-size:13px!important;font-weight:850!important;line-height:1!important;text-decoration:none!important;white-space:nowrap!important;cursor:pointer!important;list-style:none!important}
.bz11-nav > a:hover,.bz11-nav > a:focus-visible,.bz11-nav > a.active,.bz11-nav > a[aria-current="page"],.bz11-more > summary:hover{color:#fff!important;-webkit-text-fill-color:#fff!important;border-bottom-color:var(--bz11-red)!important}
.bz11-nav .bz11-disabled{opacity:.48;pointer-events:none}.bz11-nav .bz11-withdraw{height:34px!important;padding:0 13px!important;border:1px solid #c51e37!important;border-radius:999px!important;margin-top:0!important;margin-bottom:0!important}
.bz11-more{position:relative;height:50px}.bz11-more > summary::-webkit-details-marker{display:none}.bz11-more-panel{position:absolute;top:46px;right:0;z-index:20;display:none;min-width:220px;padding:8px;background:#fff;border:1px solid #dce4e8;box-shadow:0 12px 28px rgba(3,24,38,.16)}.bz11-more[open] .bz11-more-panel{display:grid}.bz11-more-panel a{display:block;padding:10px 12px;color:#173142!important;-webkit-text-fill-color:#173142!important;font-size:12px!important;font-weight:800!important;text-decoration:none!important}.bz11-more-panel a:hover{background:#f2f5f6}
.bz11-menu-btn{display:none!important}
.bz11-mobile-panel{display:none}

@media(max-width:979px){
  .bz11-shell{width:min(calc(100% - 24px),760px)}
  .bz11-meta-inner{height:50px;grid-template-columns:118px minmax(0,1fr) auto;gap:10px}
  .bz11-brand{width:112px!important;max-width:112px!important;height:28px!important}.bz11-brand img{width:112px!important;max-width:112px!important;max-height:23px!important}
  .bz11-meta-copy{justify-content:center;gap:8px;font-size:7.4px;letter-spacing:.045em}.bz11-period{display:none}
  .bz11-hint{min-height:24px!important;padding:0 8px!important;font-size:6.5px!important}.bz11-hint-desktop{display:none}.bz11-hint-mobile{display:inline}
  .bz11-nav-inner{height:44px}.bz11-nav{display:none!important}.bz11-menu-btn{margin-left:auto!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;height:32px!important;padding:0 14px!important;border:1px solid rgba(255,255,255,.36)!important;border-radius:3px!important;background:transparent!important;color:#fff!important;-webkit-text-fill-color:#fff!important;font-size:11px!important;font-weight:900!important;letter-spacing:.04em!important;text-transform:uppercase!important;cursor:pointer!important}
  .bz11-nav-mobile-label{display:block;color:rgba(255,255,255,.72);font-size:10px;font-weight:800;letter-spacing:.09em;text-transform:uppercase}
  .bz11-mobile-panel{width:100%;background:#fff;border-bottom:1px solid #dbe3e7;box-shadow:0 10px 22px rgba(5,25,39,.12);padding:6px 12px 12px}
  .bz11-mobile-panel.open{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}
  .bz11-mobile-panel > a,.bz11-mobile-panel details > summary{display:flex;align-items:center;min-height:43px;padding:0 8px;border-bottom:1px solid #edf1f3;color:#173142!important;-webkit-text-fill-color:#173142!important;font-size:13px!important;font-weight:850!important;text-decoration:none!important;list-style:none!important}
  .bz11-mobile-panel > a.active,.bz11-mobile-panel > a[aria-current="page"]{color:#a8192f!important;-webkit-text-fill-color:#a8192f!important}
  .bz11-mobile-panel .bz11-mobile-meta{grid-column:1/-1;padding:9px 8px 6px;color:#6f7c84;font-size:9px;font-weight:800;letter-spacing:.05em;text-transform:uppercase}
  .bz11-mobile-panel .bz11-disabled{opacity:.48;pointer-events:none}.bz11-mobile-panel details{grid-column:1/-1}.bz11-mobile-panel .bz11-more-panel{position:static;box-shadow:none;border:0;padding:0 0 5px 12px;min-width:0}.bz11-mobile-panel details[open] .bz11-more-panel{display:grid;grid-template-columns:1fr 1fr}
}

@media(max-width:620px){
  .bz11-shell{width:calc(100% - 20px)}
  .bz11-meta-inner{height:48px;grid-template-columns:104px minmax(0,1fr) auto;gap:7px}
  .bz11-brand{width:98px!important;max-width:98px!important;height:26px!important}.bz11-brand img{width:98px!important;max-width:98px!important;max-height:21px!important}
  .bz11-meta-copy{justify-content:flex-start;gap:5px;font-size:7px;letter-spacing:.02em}.bz11-issue{display:none}.bz11-date-long{display:none}.bz11-date-short{display:inline}
  .bz11-hint{padding:0 7px!important;font-size:6.2px!important}
  .bz11-mobile-panel.open{grid-template-columns:1fr}
  .bz11-mobile-panel details[open] .bz11-more-panel{grid-template-columns:1fr}
}

@media(max-width:380px){.bz11-meta-inner{grid-template-columns:94px minmax(0,1fr) auto}.bz11-brand,.bz11-brand img{width:90px!important;max-width:90px!important}.bz11-meta-copy{font-size:6.6px}.bz11-hint{padding:0 6px!important;font-size:5.9px!important}}


/* V12: alte Scroll-/Sticky-Header vollständig neutralisieren.
   Diese Komponenten waren die Ursache dafür, dass nach Sprung zu #regional,
   #politik-vor-ort oder #imblick nur noch die alte blaue Menüleiste sichtbar war. */
html body.bz-v12-site .bz-site-header-v11,
html.bz-sticky-on body.bz-v12-site .bz-site-header-v11,
html.bz-sticky-v56-on body.bz-v12-site .bz-site-header-v11,
html.bz-sticky-v54-on body.bz-v12-site .bz-site-header-v11,
html.bz-sticky-v52-on body.bz-v12-site .bz-site-header-v11,
html.bz-fixed-compact-on body.bz-v12-site .bz-site-header-v11{
  position:sticky!important;
  top:0!important;
  z-index:2147482000!important;
  display:block!important;
  transform:none!important;
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
}

body.bz-v12-site > .bz-sticky,
body.bz-v12-site > .bz-sticky-v56,
body.bz-v12-site > .bz-sticky-v54,
body.bz-v12-site > .bz-sticky-v52,
body.bz-v12-site > .bz-fixed-compact-v47,
body.bz-v12-site > .bz-drawer-backdrop,
body.bz-v12-site > .bz-drawer-v56-backdrop,
body.bz-v12-site > .bz-sticky-v54__backdrop,
body.bz-v12-site > .bz-sticky-v54__panel,
body.bz-v12-site > .bz-sticky-v52__backdrop,
body.bz-v12-site > .bz-sticky-v52__panel,
body.bz-v12-site > .bz-desktop-drawer,
body.bz-v12-site > .bz-desktop-drawer-backdrop,
body.bz-v12-site > .bz-desktop-drawer-v57,
body.bz-v12-site > .bz-desktop-drawer-v57-backdrop,
body.bz-v12-site > .bz-desktop-drawer-v51,
body.bz-v12-site > .bz-desktop-drawer-v51-backdrop,
body.bz-v12-site > #bzv7-mobile-nav,
body.bz-v12-site > #mobile-panel{
  display:none!important;
  visibility:hidden!important;
  pointer-events:none!important;
}

body.bz-v12-site .bz-site-header-v11.bz-sticky-source,
body.bz-v12-site .bz-site-header-v11.bz-sticky-source-v56,
body.bz-v12-site .bz-site-header-v11.bz-sticky-source-v54,
body.bz-v12-site .bz-site-header-v11.bz-sticky-source-v52,
body.bz-v12-site .bz-site-header-v11.bz-fixed-source-v47{
  position:sticky!important;
  top:0!important;
  z-index:2147482000!important;
}

body.bz-v12-site #politik-vor-ort,
body.bz-v12-site #regional,
body.bz-v12-site #imblick{
  scroll-margin-top:104px!important;
}
@media(max-width:979px){
  body.bz-v12-site #politik-vor-ort,
  body.bz-v12-site #regional,
  body.bz-v12-site #imblick{scroll-margin-top:106px!important}
}

/* V13 · Desktop-Navigation optisch exakt zentrieren · 24.09.2026
   Der Desktop-Balken enthält ausschließlich die Navigation in der Mitte.
   Die Beschriftung "Navigation" ist nur auf Tablet/Mobil sichtbar. */
@media (min-width:980px){
  body.bz-v12-site .bz11-navbar .bz11-nav-inner{
    position:relative!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
  }
  body.bz-v12-site .bz11-navbar .bz11-nav-mobile-label{
    display:none!important;
  }
  body.bz-v12-site .bz11-navbar .bz11-nav{
    width:auto!important;
    max-width:100%!important;
    margin:0 auto!important;
    padding:0!important;
    justify-content:center!important;
    flex:0 0 auto!important;
  }
  body.bz-v12-site .bz11-navbar .bz11-menu-btn{
    display:none!important;
  }
}

@media (max-width:979px){
  body.bz-v12-site .bz11-navbar .bz11-nav-mobile-label{
    display:block!important;
  }
}

/* ========================================================================== */
/* Braker Zeitung · V15 Mobile Header / Navigation · 24.09.2026               */
/* ========================================================================== */

/* Desktop bleibt exakt auf dem V13-Stand. Die folgenden Regeln greifen nur
   auf Tablet/Mobil und machen den Kopf dort dauerhaft sichtbar und bedienbar. */
@media (max-width:979px){
  html body.bz-v12-site .bz-site-header-v11{
    position:fixed!important;
    inset:0 0 auto 0!important;
    top:0!important;
    width:100%!important;
    z-index:2147483000!important;
    transform:none!important;
    overflow:visible!important;
  }

  /* Der feste Kopf wird aus dem Dokumentfluss genommen; der JS-Controller
     setzt diese Variable exakt auf Meta- plus Navigationszeilen-Höhe. */
  body.bz-v12-site{
    padding-top:var(--bz15-mobile-header-h,94px)!important;
  }

  .bz11-meta-inner{
    position:relative!important;
    grid-template-columns:auto minmax(0,1fr) auto!important;
  }

  /* KW/Datum werden wirklich zur Display-Mitte ausgerichtet und nicht zur
     Restbreite zwischen Logo und Hinweis-Button. */
  .bz11-meta-copy{
    position:absolute!important;
    left:50%!important;
    top:50%!important;
    transform:translate(-50%,-50%)!important;
    width:max-content!important;
    max-width:calc(100% - 210px)!important;
    justify-content:center!important;
    text-align:center!important;
    z-index:1!important;
  }

  .bz11-brand,.bz11-hint{position:relative!important;z-index:2!important}

  /* Der mobile Hinweis-Button war auf einigen Artikelseiten durch ältere
     Span-/Text-Regeln praktisch leer. V15 setzt ihn kontrastfest durch. */
  .bz11-hint{
    min-width:58px!important;
    min-height:30px!important;
    padding:0 9px!important;
    color:#173142!important;
    -webkit-text-fill-color:#173142!important;
    background:#fff!important;
    border-color:#9fb4bf!important;
    font-size:8px!important;
    font-weight:950!important;
    line-height:1!important;
    letter-spacing:.055em!important;
  }
  .bz11-hint-desktop{display:none!important}
  .bz11-hint-mobile{
    display:inline!important;
    color:#173142!important;
    -webkit-text-fill-color:#173142!important;
    font:950 8px/1 Arial,Helvetica,sans-serif!important;
    letter-spacing:.055em!important;
    text-transform:uppercase!important;
    opacity:1!important;
    visibility:visible!important;
  }

  /* Hamburger statt Textbutton. Der Text "Menü" bleibt als zugänglicher Name
     im DOM, wird aber optisch durch drei Balken ersetzt. */
  .bz11-menu-btn{
    position:relative!important;
    width:48px!important;
    min-width:48px!important;
    height:38px!important;
    min-height:38px!important;
    padding:0!important;
    border:1px solid rgba(255,255,255,.42)!important;
    border-radius:5px!important;
    font-size:0!important;
    line-height:0!important;
    overflow:hidden!important;
  }
  .bz11-menu-btn::before,
  .bz11-menu-btn::after{
    content:""!important;
    position:absolute!important;
    left:50%!important;
    width:24px!important;
    height:2px!important;
    border-radius:2px!important;
    background:#fff!important;
    transform:translateX(-50%)!important;
    transition:transform .18s ease,top .18s ease,box-shadow .18s ease!important;
  }
  .bz11-menu-btn::before{
    top:10px!important;
    box-shadow:0 7px 0 #fff,0 14px 0 #fff!important;
  }
  .bz11-menu-btn::after{display:none!important;top:18px!important}
  .bz11-menu-btn[aria-expanded="true"]::before{
    top:18px!important;
    box-shadow:none!important;
    transform:translateX(-50%) rotate(45deg)!important;
  }
  .bz11-menu-btn[aria-expanded="true"]::after{
    display:block!important;
    transform:translateX(-50%) rotate(-45deg)!important;
  }

  /* Eigenständig scrollbares Mobilmenü. Es liegt unter dem fixen Kopf und
     scrollt innerhalb des Viewports; die Seite darunter bleibt stehen. */
  .bz11-mobile-panel.open{
    display:block!important;
    position:fixed!important;
    z-index:2147482990!important;
    left:0!important;
    right:0!important;
    top:var(--bz15-mobile-header-h,94px)!important;
    bottom:0!important;
    width:100%!important;
    max-width:none!important;
    max-height:none!important;
    margin:0!important;
    padding:8px max(12px,env(safe-area-inset-right)) calc(24px + env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    -webkit-overflow-scrolling:touch!important;
    overscroll-behavior:contain!important;
    touch-action:pan-y!important;
    background:#fff!important;
    box-shadow:0 16px 30px rgba(5,25,39,.18)!important;
  }
  .bz11-mobile-panel.open > a,
  .bz11-mobile-panel.open details > summary{
    min-height:52px!important;
    padding:0 14px!important;
    font-size:15px!important;
  }
  .bz11-mobile-panel.open .bz11-mobile-meta{
    padding:12px 14px 8px!important;
    font-size:10px!important;
  }
  .bz11-mobile-panel.open details[open] .bz11-more-panel{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:0!important;
    padding:0 0 8px 16px!important;
  }
  .bz11-mobile-panel.open .bz11-more-panel a{
    min-height:45px!important;
    display:flex!important;
    align-items:center!important;
    padding:0 12px!important;
    border-bottom:1px solid #edf1f3!important;
    font-size:14px!important;
  }

  html.bz15-mobile-menu-open,
  html.bz15-mobile-menu-open body{
    overscroll-behavior:none!important;
  }
}

@media (max-width:620px){
  .bz11-meta-copy{
    max-width:calc(100% - 188px)!important;
    justify-content:center!important;
    font-size:7.2px!important;
    letter-spacing:.015em!important;
  }
  .bz11-hint{min-width:56px!important;padding:0 8px!important}
  .bz11-hint-mobile{font-size:7.7px!important}
  .bz11-nav-mobile-label{font-size:10px!important;letter-spacing:.08em!important}
}

@media (max-width:380px){
  .bz11-meta-copy{
    max-width:calc(100% - 170px)!important;
    gap:4px!important;
    font-size:6.8px!important;
  }
  .bz11-hint{min-width:52px!important;padding:0 6px!important}
  .bz11-hint-mobile{font-size:7.2px!important}
  .bz11-menu-btn{width:44px!important;min-width:44px!important}
}

@media (prefers-reduced-motion:reduce){
  .bz11-menu-btn::before,.bz11-menu-btn::after{transition:none!important}
}

/* V15.1: Die Ausgabe bleibt auch auf kleinen Smartphones Teil der Metazeile.
   Der Zeitraum bleibt dort ausgeblendet, damit die Zeile nicht überfrachtet. */
@media (max-width:620px){
  .bz11-issue{display:inline!important}
}
@media (max-width:380px){
  .bz11-meta-copy{font-size:6.3px!important;gap:3px!important;max-width:calc(100% - 166px)!important}
}

/* ========================================================================== */
/* Braker Zeitung · V16 Mobile Header reduziert · 24.09.2026                  */
/* Mobil: nur Wortmarke + Hamburger im sichtbaren Kopf. Metaangaben erscheinen */
/* ausschließlich im geöffneten Menü. Die zweite "Navigation"-Zeile entfällt. */
/* ========================================================================== */
@media (max-width:979px){
  html body.bz-v12-site .bz-site-header-v11{
    background:#fff!important;
    box-shadow:0 4px 14px rgba(6,27,43,.10)!important;
  }

  body.bz-v12-site{
    padding-top:var(--bz15-mobile-header-h,64px)!important;
  }

  .bz11-meta{
    height:64px!important;
    border-top:2px solid #22272c!important;
    border-bottom:1px solid #dfe6e9!important;
    background:#fff!important;
  }
  .bz11-meta-inner{
    height:62px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    grid-template-columns:none!important;
    gap:0!important;
    position:relative!important;
  }

  /* Sichtbarer Mobilkopf: nur Logo. */
  .bz11-brand{
    display:flex!important;
    width:154px!important;
    max-width:154px!important;
    height:42px!important;
    align-items:center!important;
  }
  .bz11-brand img{
    width:154px!important;
    max-width:154px!important;
    max-height:34px!important;
    height:auto!important;
    object-fit:contain!important;
    object-position:left center!important;
  }
  .bz11-meta-copy,
  .bz11-hint{
    display:none!important;
  }

  /* Die dunkelblaue zweite Mobilzeile wird vollständig eingespart. */
  .bz11-navbar{
    height:0!important;
    min-height:0!important;
    border:0!important;
    background:transparent!important;
    overflow:visible!important;
    position:relative!important;
  }
  .bz11-nav-inner{
    height:0!important;
    min-height:0!important;
    position:relative!important;
    overflow:visible!important;
  }
  .bz11-nav-mobile-label{
    display:none!important;
  }

  /* Hamburger sitzt direkt in der weißen Logozeile. */
  .bz11-menu-btn{
    display:inline-flex!important;
    position:absolute!important;
    top:-53px!important;
    right:0!important;
    width:44px!important;
    min-width:44px!important;
    height:42px!important;
    min-height:42px!important;
    margin:0!important;
    padding:0!important;
    border:1px solid #9fb4bf!important;
    border-radius:9px!important;
    background:#fff!important;
    color:#071b2b!important;
    -webkit-text-fill-color:#071b2b!important;
    box-shadow:none!important;
  }
  .bz11-menu-btn::before,
  .bz11-menu-btn::after{
    background:#071b2b!important;
  }
  .bz11-menu-btn::before{
    box-shadow:0 7px 0 #071b2b,0 14px 0 #071b2b!important;
  }
  .bz11-menu-btn[aria-expanded="true"]::before{
    box-shadow:none!important;
  }

  /* Menü startet direkt unter der einzigen sichtbaren Headerzeile. */
  .bz11-mobile-panel.open{
    top:var(--bz15-mobile-header-h,64px)!important;
    padding-top:10px!important;
  }

  /* Metadaten nur noch im Menü: KW/Datum und Ausgabe/Zeitraum in zwei Zeilen. */
  .bz11-mobile-panel.open .bz11-mobile-meta{
    display:flex!important;
    flex-direction:column!important;
    gap:5px!important;
    min-height:0!important;
    padding:12px 14px 14px!important;
    margin:0 0 2px!important;
    border-bottom:1px solid #e5eaed!important;
    color:#6f7c84!important;
    font-size:10px!important;
    font-weight:900!important;
    line-height:1.35!important;
    letter-spacing:.055em!important;
    text-transform:uppercase!important;
  }
  .bz16-mobile-meta-primary,
  .bz16-mobile-meta-secondary{
    display:block!important;
  }
  .bz16-mobile-meta-primary{
    color:#233746!important;
  }
}

@media (max-width:620px){
  .bz11-brand{
    width:150px!important;
    max-width:150px!important;
  }
  .bz11-brand img{
    width:150px!important;
    max-width:150px!important;
    max-height:33px!important;
  }
}

@media (max-width:380px){
  .bz11-brand{
    width:138px!important;
    max-width:138px!important;
  }
  .bz11-brand img{
    width:138px!important;
    max-width:138px!important;
    max-height:31px!important;
  }
  .bz11-menu-btn{
    width:42px!important;
    min-width:42px!important;
    height:40px!important;
    min-height:40px!important;
    top:-51px!important;
  }
}

@media (max-width:979px){
  /* Direkter Hinweis-Zugang im geöffneten Menü; dort ersetzt er den
     ausgeblendeten Button aus der sichtbaren Mobilkopfzeile. */
  .bz16-mobile-hint-link{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-height:42px!important;
    margin:8px 14px 6px!important;
    padding:0 15px!important;
    border:1px solid #9fb4bf!important;
    border-radius:999px!important;
    background:#fff!important;
    color:#173142!important;
    -webkit-text-fill-color:#173142!important;
    font-size:12px!important;
    font-weight:900!important;
    letter-spacing:.035em!important;
    text-transform:uppercase!important;
    text-decoration:none!important;
  }
  .bz16-mobile-hint-link::before{
    content:"";
    width:8px;
    height:8px;
    margin-right:9px;
    border-radius:50%;
    background:#d71920;
  }
  /* Im Unterpunkt "Mehr" nicht noch einmal duplizieren. */
  .bz11-mobile-panel .bz11-more-panel a[href="/hinweise"]{
    display:none!important;
  }
}