
.kopf .menue-panel .gruppe--ruf{display:none}
@media (max-width:900px){
  .kopf .kopf-inner > .tel{display:none}
  .kopf .kopf-inner > .menue{margin-left:auto}
  .kopf .menue-panel .gruppe--ruf{display:block}
  .kopf .menue-panel .gruppe--ruf a.ruf{flex-direction:column;align-items:flex-start;justify-content:center;gap:.1rem;
    min-height:58px;color:var(--nacht);font-weight:700;font-size:1.12rem;font-variant-numeric:tabular-nums}
  .kopf .menue-panel .gruppe--ruf a.ruf small{font-weight:500;font-size:.8rem;color:var(--tinte-dim)}
}

@media (max-width:760px){

  body:has(nav.saal) main{padding:1.4rem 1.25rem 1.6rem;justify-content:flex-start}
  body:has(nav.saal) .saaltext--mitte{text-align:center;margin:0 auto 1.4rem;max-width:34rem}
  body:has(nav.saal) .saaltext--mitte h1{font-size:clamp(1.7rem,7.6vw,2.15rem);line-height:1.08;letter-spacing:-.03em;margin:0 auto;max-width:none}
  body:has(nav.saal) .saaltext--mitte h1 span{display:block}
  body:has(nav.saal) .saaltext--mitte .kicker--frei{font-size:1.02rem;margin:.6rem auto 0}
  body:has(nav.saal) .saaltext--mitte .beleg{display:block;font-size:.86rem;line-height:1.45;margin:.45rem auto 0;text-wrap:balance}
  body:has(nav.saal) .saaltext--mitte .strich{margin:.9rem auto 0;width:48px;height:3px}
  body:has(nav.saal) .saal{gap:1.25rem;margin:0 auto 1.8rem;max-width:34rem;width:100%}
  body:has(nav.saal) .weg{padding:0}
  body:has(nav.saal) .band{display:block;height:auto;aspect-ratio:2/1}
  body:has(nav.saal) .band svg.m-desk{display:block}
  body:has(nav.saal) .band svg.m-mob{display:none}
  body:has(nav.saal) .schild{display:flex;flex-direction:column;align-items:center;text-align:center;
    margin:0;padding:1rem 1.15rem 1.2rem;border-top:0}
  body:has(nav.saal) .schild > *{align-self:center}
  body:has(nav.saal) .schild .kicker{font-size:.74rem;letter-spacing:.12em;margin:0 0 .35rem}
  body:has(nav.saal) .schild .titel{font-size:1.28rem;line-height:1.15}
  body:has(nav.saal) .schild .zeile{display:block !important;font-size:.93rem;line-height:1.45;margin:.4rem auto 0;max-width:34ch}
  body:has(nav.saal) .schild .cta2{align-self:stretch;justify-content:center;min-height:48px;margin:1rem 0 0;
    padding:.7rem 1rem;font-size:1rem}
  body:has(nav.saal) .boden{padding:1.1rem 1.25rem .5rem;gap:.35rem 1rem}
  body:has(nav.saal) .boden .beweis{font-size:.86rem}
  body:has(nav.saal) .boden nav{font-size:.86rem;display:grid;grid-template-columns:auto auto;justify-content:center;gap:0 2.2rem;justify-items:center}
  body:has(nav.saal) .halt{font-size:.8rem;min-height:44px;padding:.3rem .8rem}
  body:has(nav.wand) .saalkopf{text-align:center;padding:1.4rem 1.25rem 1.3rem}
  body:has(nav.wand) .saalkopf h1{font-size:clamp(1.7rem,7.6vw,2.15rem);line-height:1.08;margin-inline:auto}
  body:has(nav.wand) .beweis{font-size:.86rem;line-height:1.45;margin:.6rem auto 0;text-wrap:balance}
  body:has(nav.wand) .wand{justify-content:flex-start;gap:1.25rem;padding:.2rem 1.25rem 1.8rem}
  body:has(nav.wand) .blatt{display:flex;flex-direction:column}
  body:has(nav.wand) .foto{aspect-ratio:3/2;height:auto}
  body:has(nav.wand) .text{display:flex;flex-direction:column;align-items:center;text-align:center;padding:1rem 1.15rem 1.2rem;gap:.3rem}
  body:has(nav.wand) .text .kicker{font-size:.74rem;letter-spacing:.12em}
  body:has(nav.wand) .text .titel{font-size:1.28rem;line-height:1.15}
  body:has(nav.wand) .text .zeile{font-size:.93rem;line-height:1.45;padding-top:.1rem;max-width:34ch;margin-inline:auto}
  body:has(nav.wand) .text .cta{align-self:stretch;display:flex;justify-content:center;min-height:48px;margin-top:.8rem;
    padding:.7rem 1rem;font-size:1rem}
  body:has(nav.wand) .herkunft{top:calc(var(--passe,0px) + 8px);left:calc(var(--passe,0px) + 8px);bottom:auto;max-width:calc(100% - 16px);
    font-size:11px;padding:.2rem .45rem}
  body:has(nav.wand) .h-lang{display:inline}
  body:has(nav.wand) .h-kurz{display:none}
  body:has(nav.wand) .boden{justify-content:center;text-align:center;padding:1.1rem 1.25rem calc(49px + 1.6rem);gap:.35rem 1rem}
  body:has(nav.wand) .boden .heike{flex-basis:100%;font-size:.86rem;line-height:1.45;padding-right:0;text-wrap:balance}
  body:has(nav.wand) .boden nav{font-size:.86rem;display:grid;grid-template-columns:auto auto;justify-content:center;gap:0 2.2rem;justify-items:center}
  body:has(nav.wand) .boden nav a{display:inline-flex;align-items:center;min-height:44px}

  html[data-final="blatt"] .hero--zeichnung{justify-content:center}
  html[data-final="blatt"] .hero--zeichnung .hero-text{padding-inline:1.25rem}
  html[data-final="blatt"] .hero--zeichnung .hero-blatt{padding-inline:0;margin-inline:auto;text-align:center;max-width:30rem}
  html[data-final="blatt"] .hero--zeichnung .hero-blatt::before{display:none}
  html[data-final="blatt"] .hero--zeichnung .hero-blatt .kicker{margin:0 auto .55rem;letter-spacing:.1em;text-wrap:balance}
  html[data-final="blatt"] .hero--zeichnung .hero-blatt h1,html[data-final="blatt"] .hero--zeichnung .hero-blatt .claim{margin-inline:auto;text-wrap:balance}
  html[data-final="blatt"] .hero--zeichnung .hero-blatt .claim{line-height:1.45}

  html[data-final="blatt"] .hero--zeichnung .hero-blatt h1 .t-zeile{display:inline-block}
  html[data-final="blatt"] .hero--zeichnung .hero-knoepfe{flex-direction:column;align-items:center;justify-content:center}
  html[data-final="blatt"] .hero--zeichnung .hero-knoepfe .cta{width:100%;max-width:24rem;flex:none}
  html[data-final="blatt"] .hero--zeichnung .hero-knoepfe .tel{justify-content:center}

  html[data-final="blatt"] .hero-zeichnung .m-desk{display:block}
  html[data-final="blatt"] .hero-zeichnung .m-mob,html[data-final="blatt"] .hero-zeichnung .m-eng{display:none}

  html[data-hero][data-final="blatt"] .hero-zeichnung{height:var(--band,50vw);bottom:var(--luft,0px)}
  html[data-hero][data-final="blatt"]:has(.rufleiste) .hero-zeichnung{bottom:calc(56px + var(--luft,0px))}
  html[data-hero][data-final="blatt"] .hero--zeichnung .hero-text{padding-bottom:calc(var(--band,50vw) + var(--luft,0px) + 1rem)}
  html[data-hero][data-final="blatt"]:has(.rufleiste) .hero--zeichnung .hero-text{padding-bottom:calc(var(--band,50vw) + var(--luft,0px) + 56px + 1rem)}
  html[data-luft][data-final="blatt"] .hero--zeichnung .halt{bottom:calc(1.25rem + 2px)}
  html[data-luft][data-final="blatt"]:has(.rufleiste) .hero--zeichnung .halt{bottom:calc(56px + 1.125rem)}

  html[data-final="blatt"] body:has(#begleiter) button.heike{bottom:calc(1.25rem + 4.15rem * min(1, var(--p, 1) * 20))}

  .kontakt-reihe{flex-direction:column;align-items:stretch}
  .kontakt-reihe > .cta{width:100%;justify-content:center;text-align:center}
  .kontakt-reihe > .weiter-leise{align-self:center}
  .hero-unfall .kontakt-reihe > .weiter-leise{align-self:stretch;display:flex;justify-content:center}
  .fanders .cta,.weg-fuss-text .cta,.anfahrt .route{display:flex;width:100%;justify-content:center;text-align:center}

  .fuss-inner{flex-direction:column;gap:.9rem}
  .fuss-inner > div:last-child{display:grid;grid-template-columns:1fr 1fr;gap:0 1rem}
  footer .fuss-inner > div:last-child a{margin-right:0;display:flex;align-items:center;min-height:44px}

  .rufleiste.zwei a{text-align:center;text-wrap:balance}

  .hero .hero-grid > div:first-child{text-align:center}
  .hero .hero-grid > div:first-child > *{margin-inline:auto}
  .hero .hero-grid .kicker{margin-bottom:.75rem;letter-spacing:.1em;text-wrap:balance}
  .hero .hero-grid h1{text-wrap:balance}
  .hero .hero-grid .hero-handeln{flex-direction:column;align-items:stretch;max-width:24rem}
  .hero .hero-grid .hero-handeln .cta{width:100%;justify-content:center;text-align:center}
  .hero .hero-grid .markenzeile{justify-content:center}
  .hero-bild::after{display:none}

  .hero:not(:has(.hero-bild--haus)) .hero-grid .lede{display:none}
  html.cd .hero-bild::before{left:0;top:-4%}
}

.fanders a:not(.cta){border-bottom:0;text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:.28em;
  text-decoration-color:var(--kontur)}
.fanders a:not(.cta):hover{text-decoration-color:currentColor}
.fband .fanders a:not(.cta){text-decoration-color:var(--graublau)}

html[data-final="blatt"] .hero-knoepfe .tel{position:relative}
html[data-final="blatt"] .hero-knoepfe .tel::after{content:"";position:absolute;left:0;right:0;top:calc(50% - 22px);bottom:calc(50% - 22px)}
