.seite-regionen .nobr{white-space:nowrap}.seite-regionen .akzent{color:var(--teal)}.seite-regionen .kopf-nav ul a[aria-current=page]:after{transform:scaleX(1)}.seite-regionen .pfad{gap:var(--s-2);font-size:var(--fs-small);color:var(--grau);margin:0 0 var(--s-6);padding:0;list-style:none;display:flex}.seite-regionen .pfad li+li:before{content:"›";margin-right:var(--s-2)}.seite-regionen .pfad a{text-decoration:none}.seite-regionen .regio-hero{padding:var(--s-8) 0 calc(var(--s-9) + var(--r-section))}.seite-regionen .regio-hero h1{font-size:clamp(2.4rem,1.3rem + 3.6vw,4.6rem)}.seite-regionen .regio-hero .einl{font-size:var(--fs-lead);color:var(--ink-80);max-width:56ch;margin-top:var(--s-6)}.seite-regionen .regionen-raster{gap:var(--s-9);grid-template-columns:6fr 5fr;align-items:start;display:grid}.seite-regionen .regionen-raster h2{margin-bottom:var(--s-6)}.seite-regionen .staedte-liste{border-top:1px solid var(--ink-12);margin:0;padding:0;list-style:none}.seite-regionen .staedte-liste a{gap:var(--s-1) var(--s-5);padding:var(--s-5) 0;border-bottom:1px solid var(--ink-12);grid-template-columns:1fr auto;text-decoration:none;display:grid}.seite-regionen .staedte-liste .stadt{font:350 clamp(1.6rem, 1.2rem + 1.3vw, 2.3rem)/1.1 var(--serif);font-variation-settings:"SOFT" 60;transition:color .35s var(--ease)}.seite-regionen .staedte-liste .satz{color:var(--ink-80);grid-column:1;font-size:.98rem}.seite-regionen .staedte-liste .link{color:var(--ink-80);white-space:nowrap;transition:color .35s var(--ease);grid-area:1/2/span 2;align-self:center;font-size:.88rem;font-weight:600}.seite-regionen .staedte-liste .link .pfeil,.seite-regionen .staedte-liste a:hover .stadt,.seite-regionen .staedte-liste a.hervor .stadt,.seite-regionen .staedte-liste a:hover .link,.seite-regionen .staedte-liste a.hervor .link{color:var(--teal)}.seite-regionen .karte-wrap{position:sticky;top:110px}.seite-regionen .karte-bw{max-width:480px;margin:0 auto;position:relative}.seite-regionen .karte-bw img{width:100%;height:auto;display:block}.seite-regionen .nadel-link{width:0;height:0;text-decoration:none;position:absolute}.seite-regionen .nadel{filter:drop-shadow(0 4px 4px #4f565b59);width:22px;height:31px;position:absolute;top:0;left:0;transform:translate(-50%,-100%)}.seite-regionen .nadel path{fill:var(--ink);stroke:var(--offwhite);stroke-width:1.5px;transition:fill .35s var(--ease)}.seite-regionen .nadel circle{fill:var(--offwhite)}.seite-regionen .nadel-link:before{content:"";border:1.5px solid var(--teal);opacity:0;width:24px;height:12px;transition:opacity .35s var(--ease);border-radius:50%;position:absolute;top:-6px;left:-12px}.seite-regionen .nadel-name{background:var(--flaeche);color:var(--offwhite);font:600 .78rem var(--sans);border-radius:var(--r-pill);white-space:nowrap;opacity:0;transition:opacity .35s var(--ease);pointer-events:none;z-index:2;padding:.3em .7em;position:absolute;top:-27px;left:16px}.seite-regionen .nadel-link:hover .nadel path,.seite-regionen .nadel-link.hervor .nadel path,.seite-regionen .nadel-link:focus-visible .nadel path{fill:var(--teal)}.seite-regionen .nadel-link:hover:before,.seite-regionen .nadel-link.hervor:before,.seite-regionen .nadel-link:focus-visible:before,.seite-regionen .nadel-link:hover .nadel-name,.seite-regionen .nadel-link.hervor .nadel-name,.seite-regionen .nadel-link:focus-visible .nadel-name{opacity:1}.seite-regionen .nadel-link:hover,.seite-regionen .nadel-link.hervor{z-index:3}.seite-regionen .nadel-link:focus-visible{outline:none}.seite-regionen .aussen,.seite-regionen .preis{text-align:center}.seite-regionen .aussen h2,.seite-regionen .preis h2{max-width:22ch;margin:0 auto var(--s-5)}.seite-regionen .aussen p{max-width:56ch;color:var(--off-70);font-size:var(--fs-lead);margin:0 auto}.seite-regionen .preis p{max-width:60ch;color:var(--ink-80);font-size:var(--fs-lead);margin:0 auto}.seite-regionen .aussen .ctas,.seite-regionen .preis .ctas{justify-content:center;gap:var(--s-3);margin-top:var(--s-7);flex-wrap:wrap;display:flex}.seite-regionen .ansprech{gap:var(--s-9);grid-template-columns:4fr 7fr;align-items:center;display:grid}.seite-regionen .ansprech figure{margin:0}.seite-regionen .ansprech figure img{border-radius:var(--r-sig-flip);aspect-ratio:2/3;object-fit:cover;width:100%;max-width:360px}.seite-regionen .ansprech h2{margin-bottom:var(--s-5)}.seite-regionen .ansprech .wer{font-size:var(--fs-lead);color:var(--off-70)}.seite-regionen .ansprech .wer b{color:var(--offwhite);font-family:var(--serif);font-variation-settings:"SOFT" 100, "WONK" 1;font-style:italic;font-weight:400}.seite-regionen .ansprech .ctas{margin-top:var(--s-7)}@media (max-width:900px){.seite-regionen .regionen-raster{gap:var(--s-7);grid-template-columns:1fr}.seite-regionen .karte-wrap{order:-1;position:static}.seite-regionen .karte-bw{max-width:320px}.seite-regionen .nadel-name{opacity:1;font-size:.66rem;top:-24px;left:12px}.seite-regionen .staedte-liste .link{display:none}.seite-regionen .staedte-liste a{grid-template-columns:1fr}.seite-regionen .ansprech{gap:var(--s-7);grid-template-columns:1fr}.seite-regionen .ansprech figure img{max-width:240px}.seite-regionen .nadel{width:18px;height:25px}.seite-regionen .nadel-name{padding:.25em .6em;font-size:.64rem;top:-22px;left:10px}.seite-regionen [data-stadt=heidelberg] .nadel-name,.seite-regionen [data-stadt=pforzheim] .nadel-name{left:auto;right:10px}.seite-regionen [data-stadt=stuttgart] .nadel-name{top:4px}}