/* Einheitlicher, fixierter Header für Startseite, Blog, Rechtliches und alle Artikel. */
:root{--unified-header-height:88px;--unified-nav-green:#285c4d;--unified-contact-bg:#eaf3e9}
html{scroll-padding-top:calc(var(--unified-header-height) + 24px)!important}
body{padding-top:var(--unified-header-height)!important}
header#top.global-site-header{
  position:fixed!important;inset:0 0 auto!important;width:100%!important;height:var(--unified-header-height)!important;
  min-height:0!important;max-height:var(--unified-header-height)!important;padding:0!important;margin:0!important;
  display:block!important;background:rgba(250,252,249,.97)!important;color:#285c4d!important;
  border:0!important;border-bottom:1px solid #dbe8dc!important;box-shadow:0 4px 20px rgba(29,70,47,.07)!important;
  backdrop-filter:blur(17px);z-index:10000!important;
}
header#top.global-site-header .global-header-inner{
  width:100%!important;height:100%;margin:0 auto;padding:0 clamp(18px,4.25vw,80px)!important;
  display:flex;align-items:center;justify-content:space-between;gap:18px;max-width:1800px;box-sizing:border-box;
}
header#top.global-site-header .global-brand{
  flex:0 0 auto;display:inline-flex;gap:12px;align-items:center;white-space:nowrap;
  text-decoration:none!important;color:#285c4d!important;min-width:0;
}
header#top.global-site-header .global-brand img.brand-wordmark{
  display:block!important;width:222px!important;height:auto!important;max-height:66px!important;object-fit:contain;
}
header#top.global-site-header .global-brand-caption{
  display:block;font-size:11px!important;line-height:1.4;font-weight:650!important;
  letter-spacing:.004em;color:#65776b!important;border-left:1px solid #cbdacb;padding-left:12px;max-width:158px;white-space:normal;
}
header#top.global-site-header nav.global-nav{
  flex:0 0 auto;display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-end;
  gap:clamp(5px,1.1vw,16px)!important;margin:0!important;padding:0!important;
  border:0!important;max-width:none!important;width:auto!important;overflow:visible!important;
  position:static!important;transform:none!important;background:transparent!important;
}
header#top.global-site-header nav.global-nav a{
  display:inline-flex!important;align-items:center;justify-content:center;flex:0 0 auto;
  font:650 13px/1.2 system-ui,-apple-system,"Segoe UI",sans-serif!important;
  letter-spacing:0!important;text-decoration:none!important;white-space:nowrap!important;
  color:#466654!important;background:transparent!important;border:1px solid transparent!important;
  box-shadow:none!important;border-radius:10px!important;margin:0!important;padding:10px 7px!important;
  transition:background .18s ease,color .18s ease!important;transform:none!important;
}
header#top.global-site-header nav.global-nav a:hover,
header#top.global-site-header nav.global-nav a:focus-visible{
  background:#f0f6ef!important;color:#285c4d!important;
}
header#top.global-site-header nav.global-nav a.nav-contact,
header#top.global-site-header nav.global-nav a.nav-contact:hover{
  background:var(--unified-contact-bg)!important;color:var(--unified-nav-green)!important;
  border:1px solid #d2e5d3!important;box-shadow:none!important;
  border-radius:999px!important;padding:10px 18px!important;
}
header#top.global-site-header .global-menu-toggle{display:none!important}
body main [id],body main section[id],body [id]{scroll-margin-top:calc(var(--unified-header-height) + 18px)}
/* SEO links beneath audience images: compact, readable, consistent. */
body.home-editorial #zielgruppe .benefit-card .seo-card-reading{
  display:flex!important;flex-direction:column!important;align-items:stretch!important;
  gap:8px!important;padding:18px 26px 25px!important;margin:auto 0 0!important;
  border-top:1px solid #e0eae0!important;min-height:125px;box-sizing:border-box;
}
body.home-editorial #zielgruppe .seo-card-reading .seo-card-kicker{
  margin:0 0 2px!important;color:#667f6e!important;letter-spacing:.045em!important;
  font-size:11px!important;line-height:1.3!important;
}
body.home-editorial #zielgruppe .seo-card-reading a{
  display:flex!important;align-items:center;min-width:0!important;min-height:31px;
  padding:8px 11px!important;border:1px solid #dfebe0;border-radius:9px;
  background:#f5f9f4!important;color:#285c4d!important;font-size:13px!important;
  text-decoration:none!important;font-weight:700!important;line-height:1.35!important;
  overflow-wrap:normal!important;word-break:normal!important;hyphens:none!important;
}
body.home-editorial #zielgruppe .seo-card-reading a:hover{background:#e9f4e8!important;border-color:#c9e0ca!important}
/* Lesbarkeit bei Textblöcken: keine absichtlichen Umbrüche, balancierte Überschriften. */
body.home-editorial h1,body.home-editorial h2,body.home-editorial h3{word-break:normal!important;hyphens:none!important;text-wrap:balance}
body.home-editorial .benefit-card p,body.home-editorial .contact-copy p{hyphens:none!important;word-break:normal!important;overflow-wrap:normal!important;text-wrap:pretty}
body.home-editorial #zielgruppe .benefit-image{object-fit:cover!important;object-position:center center!important}
/* Kontakttext beginnt auf der gleichen Höhe wie die Überschrift der Formularkarte. */
body.home-editorial #kontakt .contact-elegant .contact-copy{
  display:flex!important;flex-direction:column!important;justify-content:flex-start!important;
  align-self:start!important;min-width:0!important;
  padding-top:clamp(24px,3vw,40px)!important;
}
body.home-editorial #kontakt .contact-elegant .contact-copy h2{margin-top:0!important}
body.home-editorial #kontakt .contact-elegant .contact-copy>.contact-kicker{display:none!important}
@media(max-width:1200px){
  header#top.global-site-header .global-brand-caption{display:none!important}
  header#top.global-site-header .global-brand img.brand-wordmark{width:210px!important}
}
@media(max-width:930px){
  :root{--unified-header-height:74px}
  header#top.global-site-header .global-brand img.brand-wordmark{width:188px!important;max-height:59px!important}
  header#top.global-site-header .global-menu-toggle{
    display:inline-flex!important;align-items:center!important;gap:6px!important;justify-content:center!important;
    background:#edf5ed!important;color:#285c4d!important;border:1px solid #d4e3d5!important;
    border-radius:11px!important;padding:11px 13px!important;font:700 14px/1.2 system-ui,sans-serif!important;
    width:auto!important;height:auto!important;min-height:42px!important;
  }
  header#top.global-site-header nav.global-nav{
    display:none!important;position:absolute!important;left:18px!important;right:18px!important;
    top:calc(var(--unified-header-height) - 1px)!important;width:auto!important;
    background:#fff!important;border:1px solid #d7e7d9!important;border-radius:0 0 16px 16px!important;
    box-shadow:0 18px 36px rgba(20,50,30,.13)!important;
    padding:14px!important;flex-direction:column!important;align-items:stretch!important;
    overflow:visible!important;gap:5px!important;
  }
  header#top.global-site-header nav.global-nav.is-open{display:flex!important}
  header#top.global-site-header nav.global-nav a{
    width:100%!important;justify-content:flex-start!important;padding:12px 14px!important;
    font-size:15px!important;min-height:42px!important;
  }
  header#top.global-site-header nav.global-nav a.nav-contact{justify-content:center!important}
  body.home-editorial #kontakt .contact-elegant .contact-copy{padding-top:0!important}
}
@media(max-width:440px){
  header#top.global-site-header .global-brand img.brand-wordmark{width:175px!important}
  header#top.global-site-header .global-header-inner{gap:9px;padding:0 15px!important}
  header#top.global-site-header nav.global-nav{left:14px!important;right:14px!important}
  body.home-editorial #zielgruppe .benefit-card .seo-card-reading{padding:16px 20px 23px!important}
}
@media(prefers-reduced-motion:reduce){header#top.global-site-header nav.global-nav a{transition:none!important}}
/* Verbindlicher Mobile-Fix gegen die zuvor zweispaltig zusammengedrückte Kontaktbox. */
@media(max-width:930px){
  body.home-editorial section#kontakt .contact.contact-elegant{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    grid-template-rows:auto auto!important;
    align-items:start!important;
    gap:20px!important;
    padding:clamp(20px,5vw,28px)!important;
    width:100%!important;
    max-width:100%!important;
    box-sizing:border-box!important;
  }
  body.home-editorial section#kontakt .contact.contact-elegant .contact-copy{
    width:100%!important;min-width:0!important;max-width:100%!important;
    padding:0!important;align-self:start!important;
  }
  body.home-editorial section#kontakt .contact.contact-elegant .contact-action-card{
    width:100%!important;min-width:0!important;max-width:100%!important;
    box-sizing:border-box!important;margin:0!important;padding:clamp(18px,5vw,26px)!important;
  }
  body.home-editorial section#kontakt .contact.contact-elegant .contact-copy h2{
    overflow-wrap:normal!important;white-space:normal!important;font-size:clamp(30px,9vw,42px)!important;
  }
  body.home-editorial section#kontakt .contact.contact-elegant .contact-form,
  body.home-editorial section#kontakt .contact.contact-elegant .contact-form :is(input,textarea,button){
    min-width:0!important;max-width:100%!important;
  }
}

/* Gleiche Optik der Hauptnavigation unabhängig von der aktuell geöffneten Seite. */
header#top.global-site-header nav.global-nav a[aria-current]:not(:hover):not(:focus-visible){
  color:#466654!important;background:transparent!important;
}
/* Lokaler Bildhintergrund, während das externe Rollstuhlmotiv lädt. */
body.home-editorial #zielgruppe .benefit-card img.benefit-image-2{
  background:#edf4eb url('arbeitsfeld_rollstuhl_fallback.jpg') center center/cover no-repeat!important;
}

/* Drei Angebotsseiten als aufklappbarer Teil der Hauptnavigation. */
header#top.global-site-header nav.global-nav .global-offer-dropdown {position:relative;flex:0 0 auto;}
header#top.global-site-header nav.global-nav .global-offer-dropdown > summary {
 display:inline-flex;align-items:center;gap:8px;margin:0;padding:10px 7px;
 border:1px solid transparent;border-radius:10px;list-style:none;cursor:pointer;
 font:650 13px/1.2 system-ui,-apple-system,"Segoe UI",sans-serif;color:#466654;
}
header#top.global-site-header nav.global-nav .global-offer-dropdown > summary::-webkit-details-marker {display:none;}
header#top.global-site-header nav.global-nav .global-offer-dropdown > summary::after {
 content:"";position:static!important;inset:auto!important;flex:none;width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);margin-top:-3px;
}
header#top.global-site-header nav.global-nav .global-offer-dropdown[open] > summary::after {transform:rotate(225deg);margin-top:3px;}
header#top.global-site-header nav.global-nav .global-offer-dropdown > summary:hover {background:#f0f6ef;color:#285c4d;}
header#top.global-site-header nav.global-nav .global-offer-dropdown > summary:focus-visible {outline:3px solid #285c4d;outline-offset:3px;}
header#top.global-site-header nav.global-nav .global-offer-dropdown:not([open]) > .global-offer-menu {display:none!important;}
header#top.global-site-header nav.global-nav .global-offer-menu {
 position:absolute;right:0;top:calc(100% + 10px);min-width:245px;padding:8px;
 display:flex!important;flex-direction:column;gap:4px;background:#fafcf9;
 border:1px solid #d2e1d1;border-radius:13px;box-shadow:0 12px 28px #1d462f20;
}
header#top.global-site-header nav.global-nav .global-offer-menu > a {
 display:flex!important;justify-content:flex-start!important;width:100%!important;
 padding:12px 14px!important;font-size:13px!important;line-height:1.35!important;white-space:normal!important;
}
@media(max-width:930px){
 header#top.global-site-header nav.global-nav.is-open {max-height:calc(100dvh - var(--unified-header-height) - 20px);overflow-y:auto!important;overscroll-behavior:contain;}
 header#top.global-site-header nav.global-nav .global-offer-dropdown {width:100%;}
 header#top.global-site-header nav.global-nav .global-offer-dropdown > summary {
  display:flex;justify-content:space-between;width:100%;min-height:42px;padding:12px 14px;font-size:15px;
 }
 header#top.global-site-header nav.global-nav .global-offer-menu {
  position:static;min-width:0;margin:4px 0 8px 14px;padding:3px 0 3px 6px;
  background:#f6faf3;border:0;border-left:2px solid #d6e5d1;border-radius:0;box-shadow:none;
 }
 header#top.global-site-header nav.global-nav .global-offer-menu > a {font-size:14px!important;}
}
