/* Seiten-Erweiterung: dieselben Tokens, kein Ersatz der Startseitengestaltung. */
.nav__mobilkontakt{display:none}
.unterseite .brotkrumen{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:8px;font-size:.875rem;margin-bottom:var(--s-6);color:var(--dunkel)}
.brotkrumen a{text-decoration:underline;text-decoration-color:var(--hrm-blau);text-underline-offset:4px}
.unterseite .hero{padding-top:var(--s-5);padding-bottom:var(--s-7)}
.unterseite .hero__raster{gap:var(--s-7);align-items:center}
.unterseite .hero__text{min-width:0}
.unterseite .hero h1{font-size:clamp(2.25rem,4.1vw,3.5rem);hyphens:auto;overflow-wrap:break-word}
.unterseite .hero .vorlauf{margin-bottom:var(--s-5)}
.unterseite .hero__zusatz{margin-bottom:var(--s-5)}
.produktbild{position:relative;isolation:isolate;min-width:0;margin:0 var(--s-3) var(--s-3) 0;padding:var(--s-6);background:var(--weiss);border:2px solid var(--hrm-blau);border-radius:var(--radius);box-shadow:var(--schatten)}
.produktbild::before{content:"";position:absolute;inset:var(--s-3) calc(-1 * var(--s-3)) calc(-1 * var(--s-3)) var(--s-3);z-index:-2;background:var(--blau-tint);border-radius:var(--radius)}
.produktbild::after{content:"";position:absolute;inset:0;background:var(--weiss);border-radius:calc(var(--radius) - 2px);z-index:-1}
.produktbild__logo{width:auto;object-fit:contain;object-position:left center;max-width:100%;margin-bottom:var(--s-6)}
.produktbild__logo[src$="uka-logo.svg"]{height:65.9px}
.produktbild__logo[src$="carema-logo.svg"]{height:79px}
.produktbild__logo[src$="uka-connect-logo.png"]{height:89.3px}
.produktbild__logo[src$="suva-logo.svg"]{height:55.3px}
.produktbild__titel{font-size:.875rem;margin-bottom:var(--s-3)}
.produktpfad{list-style:none;display:grid;gap:var(--s-4)}
.produktpfad li{position:relative;padding-left:var(--s-5);font-size:1.0625rem;font-weight:700;line-height:1.4}
.produktpfad li::before{content:"";position:absolute;left:0;top:7px;width:12px;height:12px;background:var(--hrm-blau);border-radius:2px}
.produktpfad li:not(:last-child)::after{content:"";position:absolute;left:5px;top:24px;bottom:calc(-1 * var(--s-3));width:1px;background:var(--blau-hell)}
.produktbild figcaption{font-size:.8125rem;line-height:1.5;margin-top:var(--s-5)}
.seitennav{background:var(--blau-flaeche);border-block:1px solid var(--grau-flaeche)}
.seitennav .huelle{display:flex;flex-wrap:wrap;gap:var(--s-2) var(--s-4);padding-block:var(--s-3)}
.seitennav a{display:inline-flex;align-items:center;min-height:44px;font-size:.9375rem;font-weight:700;border-bottom:2px solid transparent}
.seitennav a:hover,.seitennav a:focus-visible{border-bottom-color:var(--hrm-blau)}
.funktion{display:grid;grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);gap:var(--s-7);padding-block:var(--s-6);border-top:1px solid var(--grau-flaeche)}
.funktion:first-child{padding-top:0;border:0}
.funktion:last-child{padding-bottom:0}
.funktion h3{font-size:clamp(1.35rem,2vw,1.75rem);line-height:1.2;max-width:22ch}
.funktion__text>p{margin-bottom:var(--s-3)}
.punktliste{display:grid;gap:var(--s-3)}
.punktliste li{position:relative;padding-left:var(--s-4);line-height:1.6}
.punktliste li::before{content:"";position:absolute;left:0;top:.65em;width:8px;height:8px;border-radius:1px;background:var(--hrm-blau)}
.nutzenraster{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s-6)}
.nutzen{padding-top:var(--s-4);border-top:2px solid var(--hrm-blau)}
.nutzen h3{font-size:1.25rem;margin-bottom:var(--s-3)}
.nutzen p{font-size:1rem;line-height:1.6}
.lektuereraster{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:var(--s-7);align-items:start}
.lektuereraster h2{margin-bottom:var(--s-4)}
.sicherheit details{border-top:1px solid var(--grau-hell)}
.sicherheit details:last-child{border-bottom:1px solid var(--grau-hell)}
.sicherheit summary{cursor:pointer;font-size:1.0625rem;font-weight:700;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:var(--s-4);min-height:64px;padding:var(--s-3) 0}
.sicherheit summary::-webkit-details-marker{display:none}
.sicherheit summary::after{content:"+";font-weight:400;font-size:1.75rem;color:var(--dunkel);flex:none}
.sicherheit details[open] summary::after{content:"−"}
.sicherheit .punktliste,.sicherheit details>p{padding-bottom:var(--s-4)}
.hinweis{background:var(--blau-tint);padding:var(--s-5);border-radius:var(--radius);margin-top:var(--s-5)}
.hinweis h3{margin-bottom:var(--s-2)}
.hinweis p+p{margin-top:var(--s-3)}
.hinweis a{text-decoration:underline;text-decoration-color:var(--hrm-blau);text-underline-offset:3px}
.partner{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:var(--s-4);align-items:center}
.partner li{display:grid;place-items:center;border-bottom:1px solid var(--grau-flaeche);min-height:96px;padding:var(--s-3)}
.partner img{width:100%;height:64px;object-fit:contain}
.pdfkontakt{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-7);align-items:start}
.pdfkasten{padding:var(--s-5);background:var(--weiss);border:1px solid var(--grau-flaeche);border-radius:var(--radius)}
.pdfkasten h3{font-size:1.3125rem;margin-bottom:var(--s-3)}
.pdfkasten p{margin-bottom:var(--s-4)}
.pdfkasten .pdfmeta{font-size:.875rem;margin-bottom:var(--s-3)}
.ansprechperson{display:grid;grid-template-columns:112px minmax(0,1fr);gap:var(--s-4);align-items:start}
.ansprechperson img{width:112px;height:112px;object-fit:cover;border-radius:var(--radius)}
.ansprechperson h3{font-size:1.5rem;margin-bottom:var(--s-1)}
.ansprechperson p{font-size:1rem;margin-bottom:var(--s-3)}
.kontaktlinks{display:flex;flex-direction:column;align-items:flex-start;gap:var(--s-2)}
.kontaktlinks a{min-height:44px;display:inline-flex;align-items:center;font-weight:700;text-decoration:underline;text-decoration-color:var(--hrm-blau);text-underline-offset:5px;overflow-wrap:anywhere}
.weitere{display:flex;flex-wrap:wrap;gap:var(--s-3) var(--s-5)}
.weitere .textlink{min-height:44px}
.kontaktbild address{font-style:normal;font-size:1.125rem;line-height:1.65;margin-bottom:var(--s-4)}
.kontaktbild strong{display:block;font-size:1.25rem;margin-bottom:var(--s-3)}
.kontaktbild .kontaktlinks{margin-bottom:var(--s-4)}
.kontaktraster{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-7)}
.kontaktraster h3{font-size:1.5rem;margin-bottom:var(--s-4)}
.zeiten{display:grid;gap:var(--s-2);font-variant-numeric:tabular-nums}
.zeiten dt{font-weight:700}
.zeiten dd{margin:0}
.anreise{display:grid;gap:var(--s-4)}
.anreise p{max-width:58ch}
.anreise .textlink{justify-self:start}
.kontaktseite .hero__raster{align-items:start}
@media(max-width:1023px){
  .nav__mobilkontakt{display:list-item}
  .unterseite .hero__raster{grid-template-columns:minmax(0,1fr) minmax(0,.88fr);gap:var(--s-5)}
  .produktbild{padding:var(--s-5)}
  .produktbild__logo{max-width:100%;height:auto!important;max-height:84px}
  .funktion,.lektuereraster{gap:var(--s-5)}
  .partner{grid-template-columns:repeat(4,minmax(0,1fr))}
  .pdfkontakt{gap:var(--s-5)}
}
@media(max-width:767px){
  .unterseite .hero{padding-top:var(--s-4);padding-bottom:var(--s-6)}
  .unterseite .brotkrumen{margin-bottom:var(--s-5)}
  .unterseite .hero__raster,.funktion,.lektuereraster,.pdfkontakt,.kontaktraster{grid-template-columns:1fr;gap:var(--s-5)}
  .unterseite .hero h1{font-size:clamp(2.25rem,8vw,3rem)}
  .produktbild{margin-right:var(--s-3);padding:var(--s-5);max-width:520px}
  .produktbild__logo{width:auto;max-width:90%;max-height:90px;height:auto!important;margin-bottom:var(--s-5)}
  .funktion{padding-block:var(--s-5);gap:var(--s-4)}
  .funktion h3{max-width:none}
  .nutzenraster{grid-template-columns:1fr;gap:var(--s-5)}
  .partner{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s-2)}
  .partner li{padding:var(--s-2);min-height:80px}
  .partner img{height:56px}
  .ansprechperson{grid-template-columns:80px minmax(0,1fr);gap:var(--s-3)}
  .ansprechperson img{width:80px;height:80px}
  .ansprechperson h3{font-size:1.25rem}
  .seitenkontakt .knopf{width:100%}
}
/* Ohne Seitenskript bleibt die mobile Navigation zugänglich. */
@media(max-width:1023px){
 html:not(.js) .hauptnav{position:static;display:block;box-shadow:none;width:100%;max-height:none;order:3}
 html:not(.js) .kopf__zeile{height:auto;flex-wrap:wrap;padding-block:var(--s-3)}
 html:not(.js) .kopf__rechts{margin-left:auto}
 html:not(.js) .burger{display:none}
}