/* Zugängliche Ergänzungen für Oberschule Blumenthal 2.0 bei unverändertem Grunddesign. */
.obs-visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.obs-skip-link{position:fixed;z-index:30000;top:.75rem;left:.75rem;padding:.75rem 1rem;background:#fff;color:#111;border:3px solid #111;font-weight:700;transform:translateY(-180%)}
.obs-skip-link:focus{transform:none}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:3px solid #111!important;outline-offset:3px!important}
.top-logo{text-decoration:none}.obs-logo-link{display:inline-block}
.obs-ai-image{position:relative;display:inline-block;width:fit-content;max-width:100%;vertical-align:middle;line-height:0}.obs-ai-image>img{display:block;max-width:100%;height:auto}.obs-ai-label{position:absolute;z-index:4;right:clamp(2px,.6vw,6px);bottom:clamp(2px,.6vw,6px);max-width:calc(100% - 4px);padding:2px clamp(4px,.7vw,6px);overflow:hidden;background:rgba(0,0,0,.16);color:rgba(255,255,255,.56);font:500 clamp(8px,1.2vw,10px)/1.35 Arial,sans-serif;letter-spacing:.01em;text-shadow:0 1px 1px rgba(0,0,0,.22);white-space:nowrap;text-overflow:ellipsis;pointer-events:none}
.obs-ai-badge-host{position:relative!important}
.minihero.heroparallax>.obs-ai-label--parallax{right:clamp(5px,1vw,12px);bottom:clamp(5px,1vw,12px)}
.tsrs_wrapper .a_bgspan.obs-ai-badge-host{display:block;overflow:hidden}
.tsrs_wrapper .obs-ai-label--round{right:auto;bottom:-1px;left:50%;box-sizing:border-box;display:block;width:auto;height:auto;max-width:82%;padding:3px clamp(6px,.75vw,9px);border-radius:3px;background:rgba(0,0,0,.24);font-size:clamp(7px,.8vw,9px);line-height:1.25;text-align:center;transform:translateX(-50%)}
#topparallax{position:relative}
.obs-submenu-toggle{position:absolute;z-index:4;right:0;top:0;min-width:44px;min-height:42px;padding:0;border:0;background:transparent;color:currentColor;cursor:pointer}.obs-submenu-toggle:after{font:700 18px/1 Arial,sans-serif;content:"+"}.obs-submenu-toggle[aria-expanded="true"]:after{content:"−"}.obs-has-submenu>a{padding-right:46px!important}
#nav li:focus-within>ul,#nav li.obs-submenu-open>ul{margin-left:20px;opacity:1;z-index:1000}
#nav li li:focus-within>ul,#nav li li.obs-submenu-open>ul{margin-top:5px;margin-left:-10%}
#nav2 li.obs-submenu-open>ul{display:block}
#nav a[aria-current="page"],#nav2 a[aria-current="page"]{text-decoration:none}
#nav ul ul a.menu-expand{background-image:url(img/arr-right-white.png)!important;background-repeat:no-repeat!important;background-position:right 5px!important}
#nav ul ul a.menu-parent{background-image:url(img/arr-right-white.png)!important;background-repeat:no-repeat!important;background-position:right 5px!important}
#openrightboxswitch,#closerightboxswitch,.toggleMenu,.obs-mobile-menu-toggle{padding:0;border:0;cursor:pointer}
#accessibility-modal{z-index:20000!important}
#accessibility-modal #closeBtn{padding:0}
#openrightboxswitch,#closerightboxswitch{background:transparent}
#gototopswitch{min-width:44px;min-height:44px;display:grid;place-items:center}
.content input:not([type="checkbox"]):not([type="radio"]),.content select,.content textarea,.content button,.content .btn{min-height:44px}
@media(max-width:1024px){
  /* Logo und Lehrer:innen-Hinweis bleiben im mobilen Kopf auch beim Scrollen sichtbar. */
  .header-middle{position:fixed!important;top:-3px!important;left:0!important;margin-top:0!important;z-index:10000!important}
  .header-middle.hide{display:block!important;overflow:visible!important}
  .header-middle.hide>.container{display:block!important;visibility:visible!important;opacity:1!important}
  .toggleMenu,.obs-mobile-menu-toggle{min-width:44px}
  #topmenubox .m_inner{position:relative}
  #topmenubox .obs-mobile-menu-toggle{display:block;position:absolute;top:0;right:10px;left:auto;float:none;width:44px;height:44px;margin:8px 0 0;background:transparent url(img/menuswitch.png) no-repeat center top}
  .header-middle{pointer-events:none}
  .header-middle a,.header-middle button{pointer-events:auto}
  .header-middle .container{left:0!important;margin-left:0!important}
  .header-holder .logo{margin-left:0!important;padding-left:0!important}
  .header-middle .btn{position:relative;right:25px}
  .header-middle .btn .apply-btn{padding-left:17px;padding-right:17px}
  #accessibility-modal{top:auto!important;right:auto!important;bottom:calc(8px + env(safe-area-inset-bottom))!important;left:8px!important}
  #topmenubox #nav.obs-mobile-open{display:block;position:fixed;top:60px;right:0;bottom:auto;left:0;width:100%;max-height:calc(100dvh - 60px);overflow-x:hidden;overflow-y:auto;background:#244783;box-shadow:0 10px 18px rgba(0,0,0,.22)}
  #topmenubox #nav .m_inner,#topmenubox #nav .nav_bg,#topmenubox #nav ul{width:100%;height:auto;margin:0;padding:0;background:#244783}
  #topmenubox #nav ul li{display:block;float:none;width:100%;margin:0;text-align:center;background:#244783}
  #topmenubox #nav ul li>a{box-sizing:border-box;display:flex;width:100%;min-height:46px;align-items:center;justify-content:center;padding:0 15px;color:#fff;background:#244783;border-top:1px solid rgba(255,255,255,.18);text-align:center;text-transform:none}
  #topmenubox #nav ul li>a span{display:block;width:100%;padding:11px 15px;text-align:center}
  #topmenubox #nav li.obs-has-submenu>a{padding-right:55px!important;padding-left:55px!important}
  #topmenubox #nav li>ul{display:none!important;position:static;width:100%;margin:0!important;opacity:1;background:#315895;border:0;box-shadow:none}
  #topmenubox #nav li.obs-submenu-open>ul{display:block!important}
  #topmenubox #nav li>ul li,#topmenubox #nav li>ul li>a{width:100%;background:#315895}
  #topmenubox #nav li>ul li>ul li,#topmenubox #nav li>ul li>ul li>a{background:#3c67a7}
  #topmenubox #nav .obs-submenu-toggle{right:5px;top:1px;color:#fff}
  .obs-submenu-toggle{display:block!important}.obs-has-submenu>a{padding-right:48px!important}.obs-ai-image{width:auto}.topspacer>.obs-ai-label{right:3px;bottom:3px}
  .tsrs_wrapper .obs-ai-label--round{right:auto;bottom:-1px;left:50%;width:auto;height:auto;padding:3px 7px;font-size:8px;transform:translateX(-50%)}
}

@media(min-width:1025px){.obs-mobile-menu-toggle{display:none}
}
@media(min-width:1025px){#nav .obs-submenu-toggle{display:none}#nav .obs-has-submenu>a{padding-right:0!important}#nav li:focus-within>ul{margin:0;opacity:1;z-index:1000}#nav li li:focus-within>ul{margin-top:5px;margin-left:-10%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
@media(forced-colors:active){.obs-ai-label,.obs-submenu-toggle,.toggleMenu{border:2px solid ButtonText}}


/* OSB Desktop-Menü Test – ausschließlich Desktop */
@media (min-width:1025px){
/* obere Kontaktdaten: nur Typografie, Icons und Aktionsbutton */
.header-middle .info-box_address,.header-middle .info-box_contact{color:#244783;font-size:13px;font-weight:400;line-height:1.32}
.header-middle .info-box_address{display:flex;align-items:center;gap:10px}
.header-middle .info-box_address>svg{flex:0 0 auto;width:17px;height:20px;color:#2866ad}
.header-middle .header-address{display:flex;flex-direction:column;gap:1px;font-weight:400}
.header-middle .header-address>br{display:none}
.header-middle .info-box_contact{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:5px}
.header-middle .obs-contact-line{display:flex;align-items:center;gap:9px;font-weight:400;white-space:nowrap}
.header-middle .obs-contact-line>svg{flex:0 0 auto;width:16px;height:16px;color:#2866ad}
.header-middle .header-phone,.header-middle .header-email{color:#244783;font-weight:400;text-decoration:none}
.header-middle .apply-btn{box-sizing:border-box;display:inline-flex;min-height:48px;align-items:center;justify-content:center;gap:13px;padding:0 24px;font-size:14px;font-weight:700;line-height:1.15;letter-spacing:.01em}
.header-middle .apply-btn:before{content:"";display:inline-block;width:21px;height:21px;flex:0 0 21px;background:#fff;clip-path:polygon(50% 4%,63% 8%,70% 20%,68% 34%,59% 43%,75% 49%,88% 65%,91% 94%,9% 94%,12% 65%,25% 49%,41% 43%,32% 34%,30% 20%,37% 8%)}
.header-middle .apply-btn:after{content:"›";margin-left:3px;font-size:24px;font-weight:600;line-height:1}
/* bestehende schmale Hauptnavigation */
#nav{overflow:visible;box-shadow:0 5px 14px rgba(17,48,89,.14)}
#nav #header_menu>li>a{font-weight:700;letter-spacing:.015em}
#nav #header_menu>li>a>span{display:flex;align-items:center}
#nav #header_menu>.search_box_li>a{display:grid;min-width:48px;place-items:center;padding:0 15px}
#nav .obs-search-icon{position:relative;display:block;width:17px;height:17px;padding:0!important;border:2px solid #fff;border-radius:50%}
#nav .obs-search-icon:after{content:"";position:absolute;width:8px;height:2px;right:-6px;bottom:-3px;background:#fff;border-radius:2px;transform:rotate(45deg);transform-origin:left center}
#nav #header_menu>li.obs-has-submenu>a>span:after{content:"";display:inline-block;width:6px;height:6px;margin:0 0 3px 10px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg)}
#nav #header_menu>li>a:hover,#nav #header_menu>li>a:focus,#nav #header_menu>li>a.menu-current,#nav #header_menu>li>a.menu-parent{background-color:rgba(12,54,116,.35)}
#nav .obs-submenu-toggle{display:none}
#nav .obs-has-submenu>a{padding-right:0!important}
/* Untermenüs ab Ebene zwei */
#nav #header_menu>li>ul{visibility:hidden;display:block;position:absolute;top:100%;left:0;width:290px;margin:0 0 0 -10000px!important;padding:7px 0;opacity:0;background:#fff!important;border:1px solid #d9e1eb;border-top:3px solid #2e72bd;border-radius:0 0 4px 4px;box-shadow:0 12px 25px rgba(22,47,78,.18);transition:opacity .14s ease,visibility 0s linear .14s}
#nav #header_menu>li:hover>ul,#nav #header_menu>li:focus-within>ul,#nav #header_menu>li.obs-submenu-open>ul{visibility:visible;margin-left:0!important;opacity:1;transition-delay:0s}
#nav #header_menu>li>ul li{display:block;float:none;width:100%;margin:0;line-height:1.3}
#nav #header_menu>li>ul li>a{box-sizing:border-box;position:relative;display:flex;width:100%;min-height:43px;align-items:center;padding:9px 39px 9px 18px;color:#173e72!important;background:#fff!important;border:0;font-size:14px;font-weight:600;line-height:1.35;text-transform:none;white-space:normal}
#nav #header_menu>li>ul li>a span{padding:0}
#nav #header_menu>li>ul li>a:hover,#nav #header_menu>li>ul li>a:focus,#nav #header_menu>li>ul li>a.menu-current,#nav #header_menu>li>ul li>a.menu-parent{color:#123763!important;background:#e8f2fd!important;box-shadow:inset 3px 0 0 #2e72bd}
#nav #header_menu>li>ul li>a.menu-expand,#nav #header_menu>li>ul li>a.menu-parent{background-image:none!important}
#nav #header_menu>li>ul li>a.menu-expand:after,#nav #header_menu>li>ul li>a.menu-parent:after{content:"›";position:absolute;top:50%;right:15px;color:#2866ad;font-size:23px;font-weight:500;line-height:1;transform:translateY(-52%)}
/* dritte und weitere Ebenen öffnen klassisch rechts daneben */
#nav #header_menu>li>ul ul{visibility:hidden;display:block;position:absolute;top:-8px;left:100%;width:330px;margin:0 0 0 -10000px!important;padding:7px 0;opacity:0;background:#fff!important;border:1px solid #d9e1eb;border-top:3px solid #2e72bd;border-radius:0 4px 4px 4px;box-shadow:0 12px 25px rgba(22,47,78,.18);transition:opacity .14s ease,visibility 0s linear .14s}
#nav #header_menu>li>ul li:hover>ul,#nav #header_menu>li>ul li:focus-within>ul,#nav #header_menu>li>ul li.obs-submenu-open>ul{visibility:visible;margin:0!important;opacity:1;transition-delay:0s}
#nav #header_menu>li>ul ul ul{top:-8px;left:100%}
#nav #header_menu>li>ul a:focus-visible{outline:3px solid #173e72!important;outline-offset:-4px!important}
}

/* Logo und Bewerbungsbutton im mobilen Kopf etwas tiefer ausrichten. */
@media (max-width:1024px){
  .header-middle .logo{transform:translateY(35px)!important}
  .header-middle .logo>.info-box{transform:translateX(2px)!important}
  .header-middle .btn{top:38px!important}
}

/* Bewerbungsbutton im Desktop-Kopf etwas höher ausrichten. */
@media (min-width:1025px){
  .header-middle .btn{transform:translateY(-10px)!important}
}

/* Seitenspezifische vertikale Ausrichtung nur in der mobilen Ansicht. */
@media (max-width:1024px){
  body.frontpage #topparallax{margin-top:59px!important}
  body.frontpage .header-middle .btn{top:39px!important}
  body:not(.frontpage) .header-middle .logo{transform:translateY(-5px)!important}
  body:not(.frontpage) .header-middle .btn{top:-1px!important}
}

/* Kopfkontaktdaten entsprechend der verbindlichen OSB-Referenz. */
@media (min-width:1025px){
  .header-middle .info-box_address{justify-self:start!important;align-self:center!important}
  .header-middle .header-address{font-size:13px!important;font-weight:400!important;line-height:1.25!important;text-align:left!important}
  .header-middle .header-address>span:first-child{grid-row:1!important}
  .header-middle .header-address>span:last-child{grid-row:2!important}
  .header-middle .obs-contact-phone,.header-middle .obs-contact-email{justify-self:start!important;align-self:center!important}
  .header-middle .obs-contact-line>svg{margin-right:1px!important}
}

/* Desktop-Kopfzeile: vier klar getrennte Informationsblöcke */
@media (min-width:1025px){
.header-middle .container{display:grid;grid-template-columns:minmax(230px,1.25fr) minmax(185px,.9fr) minmax(135px,.62fr) minmax(215px,1fr) auto;align-items:center;column-gap:clamp(30px,2.55vw,44px)}
.header-middle .logo{grid-column:1;position:relative;float:none;display:flex!important;align-items:center;justify-content:flex-start!important;gap:16px}
.header-middle .logo .obs-logo-link{flex:0 0 auto}
.header-middle .logo>.info-box{position:static!important;display:block!important;float:none!important;margin:0!important;transform:none!important;flex:0 0 auto}
.header-middle .info-box_address{grid-column:2;position:static!important;float:none;margin:0!important}
.header-middle .info-box_contact{display:contents}
.header-middle .obs-contact-phone{grid-column:3}
.header-middle .obs-contact-email{grid-column:4}
.header-middle .btn{grid-column:5;grid-row:1;position:static!important;float:none;margin:0!important;justify-self:end}
.header-middle .info-box_address,.header-middle .obs-contact-line{gap:5px}
.header-middle .header-address,.header-middle .header-address>span:first-child{width:auto!important;max-width:none!important;overflow:visible!important;white-space:nowrap!important}
.header-middle .apply-btn{min-height:40px;gap:7px;padding:0 13px;font-size:13.25px;font-weight:500;letter-spacing:.025em;white-space:nowrap}
.header-middle .apply-btn:before{content:"";display:inline-block;width:22px;height:18px;flex:0 0 22px;background-color:#fff;clip-path:none;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 20'%3E%3Ccircle cx='9' cy='5' r='4'/%3E%3Ccircle cx='19' cy='6' r='3.5'/%3E%3Cpath d='M1 20v-3c0-4.5 3.5-8 8-8s8 3.5 8 8v3z'/%3E%3Cpath d='M15 20v-3c0-2.4-.8-4.4-2.2-5.9 1.7-1.3 3.7-2.1 6.2-2.1 4.5 0 8 3.5 8 8v3z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 20'%3E%3Ccircle cx='9' cy='5' r='4'/%3E%3Ccircle cx='19' cy='6' r='3.5'/%3E%3Cpath d='M1 20v-3c0-4.5 3.5-8 8-8s8 3.5 8 8v3z'/%3E%3Cpath d='M15 20v-3c0-2.4-.8-4.4-2.2-5.9 1.7-1.3 3.7-2.1 6.2-2.1 4.5 0 8 3.5 8 8v3z'/%3E%3C/svg%3E") center/contain no-repeat}
.header-middle .apply-btn:after{content:"›";display:inline-block;position:relative;margin-left:2px;font-size:19px;font-weight:900;line-height:1;transform:translateY(-3px)}
#nav #header_menu>li:last-child{float:right!important;margin-left:0!important}
#nav #header_menu>.search_box_li>a,#nav #header_menu>li:last-child>a{display:grid!important;place-items:center;padding-left:18px!important;padding-right:18px!important}
#nav .obs-search-icon{width:11px;height:11px;border-width:2.5px;transform:translateY(5px)}
#nav .obs-search-icon:after{width:6px;height:2.5px;right:-5px;bottom:-4px}
}

/* Kontakt-Icons in allen Ansichten begrenzen */
.header-middle .obs-contact-line>svg{display:block!important;width:16px!important;height:16px!important;min-width:16px!important;max-width:16px!important;min-height:16px!important;max-height:16px!important;flex:0 0 16px!important}

/* Stabile responsive Kontaktleiste */
.header-middle .info-box_address,.header-middle .info-box_contact,.header-middle .obs-contact-line{color:#244783!important;font-size:13px!important;font-weight:400!important;line-height:1.32!important}
.header-middle .header-phone,.header-middle .header-email{color:#244783!important;font-size:13px!important;font-weight:400!important;text-decoration:none!important;white-space:nowrap!important}
.header-middle .info-box_address>svg{width:17px!important;height:20px!important;min-width:17px!important;max-width:17px!important;flex:0 0 17px!important;color:#2866ad!important}
.header-middle .info-box_address{overflow:visible!important;min-width:max-content!important}
.header-middle .header-address,.header-middle .header-address>span:first-child{overflow:visible!important;white-space:nowrap!important;text-overflow:clip!important}
.header-middle .obs-contact-line>svg{color:#2866ad!important}
@media (min-width:1121px) and (max-width:1240px){
.header-middle .container{grid-template-columns:minmax(220px,1.1fr) minmax(190px,.9fr) minmax(145px,.7fr) auto!important;column-gap:clamp(22px,2vw,34px)!important}
.header-middle .obs-contact-email{display:none!important}
.header-middle .btn{grid-column:4!important}
}
@media (min-width:1025px) and (max-width:1120px){
.header-middle .container{grid-template-columns:minmax(220px,1.15fr) minmax(195px,.9fr) auto!important;column-gap:clamp(22px,2.4vw,34px)!important}
.header-middle .obs-contact-phone,.header-middle .obs-contact-email{display:none!important}
.header-middle .btn{grid-column:3!important}
}
@media (max-width:1024px){
.header-middle .info-box_address,.header-middle .info-box_contact{display:none!important}
}

/* Einheitliche, responsive Suchseite. */
.search_box_li .obs-search-toggle{display:grid;width:44px;height:42px;padding:0;border:0;background:transparent;color:inherit;cursor:pointer;place-items:center}
.search_box_li .obs-search-toggle:hover,.search_box_li .obs-search-toggle:focus-visible{background:rgba(255,255,255,.12)}
.obs-quick-search{position:absolute;z-index:20;right:5%;bottom:-76px;box-sizing:border-box;width:min(520px,90%);padding:12px;background:#fff;border:1px solid rgba(36,71,131,.2);border-radius:0 0 8px 8px;box-shadow:0 10px 24px rgba(28,54,96,.18)}
.obs-quick-search[hidden]{display:none!important}
.obs-quick-search form{display:flex;width:100%;margin:0}
.obs-quick-search input[type="search"]{box-sizing:border-box;flex:1 1 auto;min-width:0;height:50px;padding:0 15px;border:2px solid #c9d2df;border-right:0;border-radius:6px 0 0 6px;background:#fff;color:#26384f;font:inherit}
.obs-quick-search input[type="search"]:focus{position:relative;z-index:1;border-color:#244783;outline:3px solid rgba(36,71,131,.18);outline-offset:1px}
.obs-quick-search button[type="submit"]{display:grid;flex:0 0 54px;width:54px;height:50px;padding:0;border:2px solid #244783;border-radius:0 6px 6px 0;background:#244783;color:#fff;cursor:pointer;place-items:center}
.obs-quick-search button[type="submit"]:hover,.obs-quick-search button[type="submit"]:focus-visible{background:#173565;border-color:#173565}
.contentwide form[name="search"]{box-sizing:border-box;display:flex;flex-wrap:wrap;align-items:center;gap:12px 10px;margin:0 0 28px;padding:clamp(18px,2.4vw,28px);border:1px solid rgba(36,71,131,.2);border-radius:10px;background:#f7f9fc;box-shadow:0 8px 24px rgba(28,54,96,.08)}
.contentwide form[name="search"] input[name="string"]{box-sizing:border-box;flex:1 1 320px;width:auto!important;min-width:0;height:52px;padding:0 16px;border:2px solid #c9d2df;border-radius:7px;background:#fff;color:#26384f;font:inherit;line-height:1.25}
.contentwide form[name="search"] input[name="string"]:focus{border-color:#244783;outline:3px solid rgba(36,71,131,.18);outline-offset:1px}
.contentwide form[name="search"] input[type="submit"]{box-sizing:border-box;width:auto!important;min-width:128px;height:52px;padding:0 24px;border:2px solid #244783;border-radius:7px;background:#244783;color:#fff;font:700 1rem/1.2 Lato,Arial,sans-serif;cursor:pointer}
.contentwide form[name="search"] input[type="submit"]:hover,.contentwide form[name="search"] input[type="submit"]:focus-visible{background:#173565;border-color:#173565}
.contentwide form[name="search"] br{flex-basis:100%;width:0;height:0}
.contentwide form[name="search"] input[type="radio"]{width:20px;height:20px;margin:0 0 0 8px;accent-color:#244783}
.contentwide form[name="search"] input[type="radio"]:first-of-type{margin-left:0}
.contentwide form[name="search"] label{margin:0 8px 0 -5px;color:#34455c;font-weight:600;line-height:1.35;cursor:pointer}
.contentwide form[name="search"]+hr{height:1px;margin:0 0 20px;border:0;background:#d8dee8}
.contentwide form[name="search"]~dl{display:block;margin:18px 0 0}
.contentwide form[name="search"]~dl dt{margin:18px 0 0;padding:17px 20px 9px;border:1px solid #d8dee8;border-bottom:0;border-radius:9px 9px 0 0;background:#fff}
.contentwide form[name="search"]~dl dt a{color:#244783;font-size:1.1rem;font-weight:800;line-height:1.35;text-decoration:none}
.contentwide form[name="search"]~dl dt a:hover,.contentwide form[name="search"]~dl dt a:focus-visible{text-decoration:underline;text-underline-offset:3px}
.contentwide form[name="search"]~dl dd{box-sizing:border-box;margin:0!important;padding:5px 20px 18px;border:1px solid #d8dee8;border-top:0;border-radius:0 0 9px 9px;background:#fff;color:#4b5667;line-height:1.65;box-shadow:0 5px 16px rgba(28,54,96,.06)}
.contentwide form[name="search"]~dl dd>div{margin:0 0 8px;color:#2f3d50;font-weight:600}
.contentwide form[name="search"]~dl b{padding:0 .12em;border-radius:2px;background:#fff0a8;color:#172a48}
.contentwide form[name="search"]~dl>p{margin:0;padding:22px;border:1px solid #d8dee8;border-radius:9px;background:#f7f9fc;color:#46556a}
@media(max-width:640px){
.obs-quick-search{position:fixed;top:60px;right:10px;bottom:auto;left:10px;width:auto}
.contentwide form[name="search"]{align-items:stretch;padding:16px}
.contentwide form[name="search"] input[name="string"],.contentwide form[name="search"] input[type="submit"]{flex:1 1 100%;width:100%!important}
.contentwide form[name="search"] br{display:none}
.contentwide form[name="search"] input[type="radio"]{flex:0 0 20px;margin-left:0}
.contentwide form[name="search"] label{flex:1 1 calc(100% - 38px);margin-left:0}
.contentwide form[name="search"]~dl dt{padding:15px 16px 8px}
.contentwide form[name="search"]~dl dd{padding:4px 16px 16px}
}

/* Feinabstimmung der Navigation-Suche. */
#nav .search_box_li .obs-search-toggle .obs-search-icon{transform:translateY(1px)!important}
.search_box_li .obs-search-toggle[aria-expanded="true"]{visibility:hidden;pointer-events:none}
.obs-quick-search{right:2px;top:100%;bottom:auto;width:min(460px,90vw);padding:8px;border-color:rgba(36,71,131,.08);background:rgba(255,255,255,.42);box-shadow:0 7px 18px rgba(28,54,96,.07);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}
.obs-quick-search input[type="search"]{height:46px;border-width:1px;border-color:#d8dee8;border-right:0;background:#fbfcfe}
.obs-quick-search button[type="submit"]{height:46px;flex-basis:50px;width:50px;border:1px solid #244783;background:#244783;color:#fff}
.obs-quick-search button[type="submit"] .obs-search-icon{position:relative;display:block;width:18px;height:18px;padding:0!important;border:3px solid #fff;border-radius:50%;transform:translateY(-1px)}
.obs-quick-search button[type="submit"] .obs-search-icon:after{content:"";position:absolute;right:-7px;bottom:-4px;width:8px;height:3px;border-radius:2px;background:#fff;transform:rotate(45deg);transform-origin:left center}
.obs-quick-search button[type="submit"]:hover,.obs-quick-search button[type="submit"]:focus-visible{border-color:#244783;background:#244783;color:#fff}
.obs-quick-search button[type="submit"]:hover .obs-search-icon,.obs-quick-search button[type="submit"]:focus-visible .obs-search-icon{border-color:#fff}
.obs-quick-search button[type="submit"]:hover .obs-search-icon:after,.obs-quick-search button[type="submit"]:focus-visible .obs-search-icon:after{background:#fff}
@media(max-width:1023px){
#topmenubox #nav.obs-mobile-open{height:auto;max-height:calc(100dvh - 60px)}
#topmenubox #nav .m_inner,#topmenubox #nav .nav_bg{height:auto;min-height:0}
#topmenubox #nav .nav_bg{display:flow-root}
#topmenubox #nav .nav_bg>br{display:none}
#topmenubox #nav .obs-quick-search{position:static;clear:both;box-sizing:border-box;width:calc(100% - 20px);margin:0 10px 12px;padding:8px;border:1px solid rgba(255,255,255,.2);border-radius:6px;background:#244783;box-shadow:none}
#topmenubox #nav .nav_bg>.obs-quick-search{float:none!important;clear:both!important;margin-top:12px!important;margin-bottom:12px!important}
#topmenubox #nav .obs-quick-search form{margin:0}
#topmenubox #nav .obs-quick-search input[type="search"]{background:#fff}
#topmenubox #nav .search_box_li{display:none!important}
}
.obs-quick-search input[type="search"]:focus-visible{outline:2px solid rgba(36,71,131,.55)!important;outline-offset:0!important;box-shadow:0 0 0 3px rgba(36,71,131,.1)}

/* Eindeutiger Suchbutton: bei leerem Feld X, sonst Lupe. */
#nav .obs-quick-search-action .obs-search-icon{transform:translateY(-3px)!important}
#nav .obs-quick-search-action .obs-search-close{position:relative;display:none;width:22px;height:22px}
#nav .obs-quick-search-action .obs-search-close:before,#nav .obs-quick-search-action .obs-search-close:after{content:"";position:absolute;top:10px;left:1px;width:20px;height:3px;border-radius:2px;background:#fff;transform:rotate(45deg);transform-origin:center}
#nav .obs-quick-search-action .obs-search-close:after{transform:rotate(-45deg)}
#nav .obs-quick-search-action.is-empty .obs-search-icon{display:none!important}
#nav .obs-quick-search-action.is-empty .obs-search-close{display:block!important}

/* Das Bedienhilfen-Werkzeug bleibt auch auf kleinen Viewports vollständig nutzbar. */
#accessibility-modal:not(.close){display:flex!important;height:min(820px,calc(100dvh - 24px))!important;max-height:calc(100dvh - 24px)!important;overflow:hidden!important;flex-direction:column!important}
#accessibility-modal:not(.close) #headerContent{flex:0 0 50px!important}
#accessibility-modal:not(.close) #accessibility-tools{flex:1 1 auto!important;min-height:0!important;height:auto!important;max-height:none!important;margin-bottom:0!important;overflow-x:hidden!important;overflow-y:scroll!important;overscroll-behavior:contain;scrollbar-gutter:stable}
#accessibility-modal:not(.close) #acc-footer{position:static!important;right:auto!important;bottom:auto!important;left:auto!important;flex:0 0 auto!important}
@supports not (height:100dvh){
  #accessibility-modal:not(.close){height:min(820px,calc(100vh - 24px))!important;max-height:calc(100vh - 24px)!important}
}

/* Kompakter Fußbereich des eingebundenen Bedienhilfen-Werkzeugs. */
#accessibility-modal #acc-footer{box-sizing:border-box!important;display:grid!important;height:auto!important;min-height:0!important;padding:8px!important;gap:8px!important}
#accessibility-modal #reset-all{box-sizing:border-box!important;width:100%!important;height:40px!important;min-height:40px!important;margin:0!important;padding:7px 12px!important;justify-content:center!important}
#accessibility-modal #change-positions{box-sizing:border-box!important;display:flex!important;width:100%!important;height:44px!important;min-height:44px!important;margin:0!important;padding:0!important;gap:6px!important;align-items:center!important;justify-content:center!important}
#accessibility-modal #change-positions button{box-sizing:border-box!important;display:grid!important;width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;margin:0!important;padding:9px!important;place-items:center!important}
#accessibility-modal #change-positions button svg{display:block!important;width:18px!important;height:18px!important}

/* Eindeutige Ausrichtung der Adress- und Kontaktblöcke im Desktop-Kopf. */
@media (min-width:1025px){
  .header-middle .info-box_address{display:grid!important;grid-template-columns:17px max-content!important;grid-template-rows:auto auto!important;align-items:center!important;column-gap:7px!important;row-gap:0!important}
  .header-middle .info-box_address>svg{grid-column:1!important;grid-row:1 / span 2!important;align-self:center!important;margin:0!important}
  .header-middle .header-address{grid-column:2!important;grid-row:1 / span 2!important;display:grid!important;grid-template-rows:auto auto!important;gap:1px!important;align-items:center!important;line-height:1.25!important}
  .header-middle .header-address>span{display:block!important;width:max-content!important;white-space:nowrap!important}
  .header-middle .header-address>br{display:none!important}
  .header-middle .obs-contact-line{display:inline-flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;gap:6px!important;direction:ltr!important}
  .header-middle .obs-contact-line>svg{display:block!important;order:0!important;flex:0 0 16px!important;margin:0!important}
  .header-middle .obs-contact-line>.header-phone,.header-middle .obs-contact-line>.header-email{display:inline-block!important;order:1!important;margin:0!important;line-height:1.25!important}
}
