@charset "UTF-8";
/* Menü: Darstellung bei jeder Fensterbreite (11.11.2026) */
/* 1) Handy-/Tablet-Menü: Untermenü-Pfeil sauber rechts in der Zeile (statt verrutschtem pinkem Rahmen) */
@media (max-width:1199.98px){
 html body #pr-nav #navbarColor01 ul#primary-menu > li > a.dropdown-toggle::after{
  content:""!important;display:block!important;position:absolute!important;
  left:auto!important;right:4px!important;top:50%!important;bottom:auto!important;
  width:44px!important;height:44px!important;margin:-22px 0 0 0!important;padding:0!important;
  -webkit-box-sizing:border-box!important;box-sizing:border-box!important;
  border:0!important;border-radius:0!important;
  background:transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14'%3E%3Cpath d='M3 5l4 4 4-4' fill='none' stroke='%23D6336C' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/14px 14px no-repeat!important;
  -webkit-transform:none!important;transform:none!important;
  font-size:0!important;line-height:0!important;color:transparent!important;
 }
 html body #pr-nav #navbarColor01 ul#primary-menu > li.show > a.dropdown-toggle::after,
 html body #pr-nav #navbarColor01 ul#primary-menu > li > a.dropdown-toggle[aria-expanded="true"]::after,
 html body #pr-nav #navbarColor01 ul#primary-menu > li.bb-lm-offen > a.dropdown-toggle::after{
  -webkit-transform:rotate(180deg)!important;transform:rotate(180deg)!important;
 }
 /* 2) Offenes Menü füllt das ganze Fenster: nichts von der Seite, Anruf-Leiste oder Such-Knopf scheint durch */
 html body #pr-nav.open-pr-nav{
  position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;
  height:auto!important;max-height:none!important;margin:0!important;
  overflow-x:hidden!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch;
  z-index:100000!important;background:#fff!important;
 }
 html body #pr-nav.open-pr-nav #navbarColor01{padding-bottom:24px!important}
 /* Liste nie breiter als das Fenster (bei 320 px ragte sie rechts hinaus) */
 html body #pr-nav #navbarColor01{grid-template-columns:minmax(0,1fr)!important;max-width:100%!important}
 html body #pr-nav #navbarColor01 ul#primary-menu{min-width:0!important;width:100%!important;max-width:100%!important}
 body:has(#pr-nav.open-pr-nav) .bb-fixleiste,
 body:has(#pr-nav.open-pr-nav) .wk-suche-schwebend,
 body:has(#pr-nav.open-pr-nav) #blz-auf{display:none!important}
}
/* 3) Runder Such-Knopf unten links nicht mehr halb in der Anruf-Leiste */
body:has(.bb-fixleiste) .wk-suche-schwebend{bottom:calc(68px + env(safe-area-inset-bottom, 0px))!important}
/* 4) Lücke 992–1199 px: dort gab es gar kein Menü – Menü-Knopf wieder zeigen */
@media (min-width:992px) and (max-width:1199.98px){
 html body #pr-nav button#mobile-toggle{display:flex!important}
 /* Kopfleiste hell wie am Handy (auf der Startseite war sie hier schwarz, Logo kaum lesbar) */
 html body #pr-nav{background:#fff!important;border-bottom:1px solid #ededed!important}
 html body #pr-nav #navbarColor01 ul#primary-menu{padding-top:8px!important}
 html body #pr-nav #navbarColor01 ul#primary-menu > li.nav-item{border-bottom:1px solid #f2f2f2!important;margin:0!important}
 html body #pr-nav #navbarColor01 ul#primary-menu > li.nav-item > a.nav-link{min-height:50px!important;padding:0 56px 0 6px!important;font-size:16px!important;font-weight:700!important;line-height:20px!important;justify-content:flex-start!important;align-items:center!important;border:0!important}
 html body #pr-nav #navbarColor01 ul#primary-menu > li.nav-item > a.nav-link > span{padding:15px 0!important}
 html body #pr-nav #navbarColor01 ul#primary-menu > li.bb-lm-mobil{display:block!important}
 html body #pr-nav #navbarColor01 ul#primary-menu > li:not(.bb-lm-offen) > .bb-lm-tafel{display:none!important}
 html body #pr-nav #navbarColor01 ul#primary-menu > li.bb-lm-offen > .bb-lm-tafel{display:block!important;position:static!important;left:auto!important;top:auto!important;width:auto!important;max-height:none!important;opacity:1!important;visibility:visible!important;-webkit-transform:none!important;transform:none!important;box-shadow:none!important;margin:0!important}
 html body #pr-nav #navbarColor01 ul#primary-menu > li > .bb-lm-tafel::before{display:none!important}
 /* Menü-Knopf: pinke Striche, offen als pinkes X (wie am Handy) */
 html body #pr-nav #m-tgl-icon{display:inline-block!important;width:22px!important;height:16px!important;position:relative!important}
 html body #pr-nav #m-tgl-icon span{display:block!important;position:absolute!important;left:0!important;width:22px!important;height:2px!important;border-radius:2px!important;background:#D6336C!important;opacity:1;-webkit-transition:transform .2s ease,opacity .2s ease;transition:transform .2s ease,opacity .2s ease}
 html body #pr-nav #m-tgl-icon span:nth-child(1){top:0!important}
 html body #pr-nav #m-tgl-icon span:nth-child(2){top:7px!important}
 html body #pr-nav #m-tgl-icon span:nth-child(3){top:14px!important}
 html body #pr-nav.open-pr-nav #m-tgl-icon span:nth-child(1){-webkit-transform:translateY(7px) rotate(45deg)!important;transform:translateY(7px) rotate(45deg)!important}
 html body #pr-nav.open-pr-nav #m-tgl-icon span:nth-child(2){opacity:0!important}
 html body #pr-nav.open-pr-nav #m-tgl-icon span:nth-child(3){-webkit-transform:translateY(-7px) rotate(-45deg)!important;transform:translateY(-7px) rotate(-45deg)!important}
}
/* 5) Breite Leiste ab 1200 px: Menüpunkte etwas enger, damit nichts rechts aus dem Fenster ragt */
@media (min-width:1200px) and (max-width:1439.98px){
 html body #pr-nav .navbar-nav > .nav-item > .nav-link{padding-left:9px!important;padding-right:9px!important}
}
@media (min-width:1200px) and (max-width:1299.98px){
 html body #pr-nav .navbar-nav > .nav-item > .nav-link{padding-left:7px!important;padding-right:7px!important}
}
/* 6) 768–1199 px: Kopfleiste OBEN (vor dem Kopfbild), wie am Handy – vorher lag sie unter dem 430–680 px hohen Kopfbild und war beim Öffnen der Seite nicht zu sehen (12.11.2026) */
@media (min-width:768px) and (max-width:1199.98px){
 html body #pr-nav{-webkit-box-ordinal-group:0!important;-ms-flex-order:-1!important;order:-1!important;position:-webkit-sticky!important;position:sticky!important;top:0!important;z-index:1030!important}
}