body{margin:0;background:#ffffff}
html{scroll-behavior:smooth}
.km,section,footer,#leistungen{--lw:clamp(48px,calc(19.4px + 3.57vw),88px);--kh:calc(var(--lw) * .6897 + 27.3px)}
section,footer,#leistungen{scroll-margin-top:calc(var(--kh) + 16px)}
a{color:#000000}a:hover{color:#000000}
button{font:inherit;color:inherit}
button:focus-visible,a:focus-visible{outline:2px solid currentColor;outline-offset:3px}
.modell path{stroke-linejoin:round}
.modell .pt{fill:#f0f0f0}.modell .pl{fill:#dedede}.modell .pr{fill:#cdcdcd}
.modell .weg{fill:#fafafa}
.modell .pschatten{fill:#000000;opacity:.14;filter:blur(7px)}
.modell .schatten{fill:#000000;opacity:.1;filter:blur(1.2px)}
.modell .sch{fill:#000000;opacity:.1}
.modell .st{stroke:#a8a8a8;stroke-width:.35;fill:none}
.modell .kr{fill:#dcdcdc;stroke:#c2c2c2;stroke-width:.18}
.modell .kl{fill:#f1f1f1}
.bau path{stroke:#d6d6d6;stroke-width:.16;transition:fill .28s cubic-bezier(.2,.7,.2,1),stroke .28s cubic-bezier(.2,.7,.2,1)}
.bau .t,.bau .d1{fill:#ffffff}.bau .d2{fill:#f2f2f2}
.bau .l{fill:#ebebeb}.bau .r{fill:#d6d6d6}
.bau .w{fill:#cfcfcf;stroke:none}.bau .v{fill:#bcbcbc;stroke:none}
.bau .s{fill:#e2e2e2}.bau .k{fill:none;stroke:#c8c8c8;stroke-width:.3}
.bau.vor path{stroke:#8e8e8e}
.bau.vor .t,.bau.vor .d1{fill:#b9b9b9}.bau.vor .d2{fill:#ababab}
.bau.vor .l{fill:#9c9c9c}.bau.vor .r{fill:#7f7f7f}
.bau.vor .w{fill:#dcdcdc;stroke:none}.bau.vor .v{fill:#c6c6c6;stroke:none}
.bau.vor .k{fill:none;stroke:#dcdcdc}
.bau.an path{stroke:#4d4d4d}
.bau.an .t,.bau.an .d1{fill:#3d3d3d}.bau.an .d2{fill:#4a4a4a}
.bau.an .l{fill:#1c1c1c}.bau.an .r{fill:#000000}
.bau.an .w{fill:#8a8a8a;stroke:none}.bau.an .v{fill:#5a5a5a;stroke:none}
.bau.an .k{fill:none;stroke:#8a8a8a}
.bau{animation:steigen .9s cubic-bezier(.2,.7,.2,1) backwards}
@keyframes steigen{from{opacity:0;transform:translateY(-10px)}}
.bau.wahl{cursor:pointer}
.modell{display:block;width:100%;height:auto;overflow:visible}
.marke .z{position:absolute;left:0;top:0;width:100%;height:100%;transition:transform .5s cubic-bezier(.6,0,.2,1),clip-path .42s cubic-bezier(.6,0,.2,1) .44s,-webkit-clip-path .42s cubic-bezier(.6,0,.2,1) .44s,opacity .25s ease}
.marke.burger .z{transition:clip-path .42s cubic-bezier(.6,0,.2,1),-webkit-clip-path .42s cubic-bezier(.6,0,.2,1),transform .5s cubic-bezier(.6,0,.2,1) .36s,opacity .25s ease}
.marke.schnell .z{transition:transform .38s cubic-bezier(.6,0,.2,1),opacity .2s ease,clip-path .3s ease,-webkit-clip-path .3s ease}
.z-a{-webkit-clip-path:polygon(evenodd, 44.16% 0.00%, 53.33% 0.00%, 53.33% 100.00%, 46.67% 100.00%, 46.67% 75.00%, 20.21% 75.00%, 9.17% 100.00%, 0.00% 100.00%, 44.16% 0.00%, 46.67% 15.10%, 46.67% 62.50%, 25.73% 62.50%, 46.67% 15.10%);clip-path:polygon(evenodd, 44.16% 0.00%, 53.33% 0.00%, 53.33% 100.00%, 46.67% 100.00%, 46.67% 75.00%, 20.21% 75.00%, 9.17% 100.00%, 0.00% 100.00%, 44.16% 0.00%, 46.67% 15.10%, 46.67% 62.50%, 25.73% 62.50%, 46.67% 15.10%)}
.z-i{-webkit-clip-path:polygon(60.00% 0.00%, 66.67% 0.00%, 66.67% 100.00%, 60.00% 100.00%);clip-path:polygon(60.00% 0.00%, 66.67% 0.00%, 66.67% 100.00%, 60.00% 100.00%)}
.z-t{-webkit-clip-path:polygon(73.33% 0.00%, 100.00% 0.00%, 100.00% 12.50%, 90.00% 12.50%, 90.00% 100.00%, 83.33% 100.00%, 83.33% 12.50%, 73.33% 12.50%);clip-path:polygon(73.33% 0.00%, 100.00% 0.00%, 100.00% 12.50%, 90.00% 12.50%, 90.00% 100.00%, 83.33% 100.00%, 83.33% 12.50%, 73.33% 12.50%)}
.burger .z-a{-webkit-clip-path:polygon(evenodd, 46.67% 0.00%, 53.33% 0.00%, 53.33% 100.00%, 46.67% 100.00%, 46.67% 75.00%, 46.67% 75.00%, 46.67% 100.00%, 46.67% 100.00%, 46.67% 0.00%, 46.67% 15.10%, 46.67% 62.50%, 46.67% 62.50%, 46.67% 15.10%);clip-path:polygon(evenodd, 46.67% 0.00%, 53.33% 0.00%, 53.33% 100.00%, 46.67% 100.00%, 46.67% 75.00%, 46.67% 75.00%, 46.67% 100.00%, 46.67% 100.00%, 46.67% 0.00%, 46.67% 15.10%, 46.67% 62.50%, 46.67% 62.50%, 46.67% 15.10%)}
.burger .z-t{-webkit-clip-path:polygon(83.33% 0.00%, 90.00% 0.00%, 90.00% 12.50%, 90.00% 12.50%, 90.00% 100.00%, 83.33% 100.00%, 83.33% 12.50%, 83.33% 12.50%);clip-path:polygon(83.33% 0.00%, 90.00% 0.00%, 90.00% 12.50%, 90.00% 12.50%, 90.00% 100.00%, 83.33% 100.00%, 83.33% 12.50%, 83.33% 12.50%)}
.z-a{transform-origin:50.00% 50%}.z-i{transform-origin:63.33% 50%}.z-t{transform-origin:86.67% 50%}
.burger .z-a{transform:translate(-23.33%,-31.25%) rotate(90deg)}.burger .z-i{transform:translate(-36.67%,0%) rotate(90deg)}.burger .z-t{transform:translate(-60.00%,31.25%) rotate(90deg)}
.zu .z-a{transform:translate(-28.79%,0%) rotate(135deg)}.zu .z-t{transform:translate(-65.45%,0%) rotate(45deg)}.zu .z-i{opacity:0}
.marke-grund{display:none;position:absolute;left:-15%;top:-30%;width:85%;height:160%;background:#ffffff;box-shadow:0 10px 30px -12px rgba(28,39,64,.5);opacity:0;transition:opacity .3s ease}
.burger .marke-grund{transition:opacity .35s ease .5s}
.schnell .marke-grund{transition:opacity .2s ease}
.fahne{transition:color .25s ease}
.burger .marke-grund{opacity:1}
.zu .marke-grund{box-shadow:none}
.fm{container-type:inline-size;container-name:fm}
.fm-innen{display:flex;flex-direction:column;gap:20px}
.fm-innen .legende{margin-top:-20px}
.fm-felder{position:relative;z-index:1;min-width:0}
.fm-modell{min-width:0}
.felder{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.feld{position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0;min-height:54px;padding:0 16px 0 18px;border:1px solid #000000;background:#ffffff;color:#000000;font-family:inherit;font-size:17px;line-height:1.1;text-align:left;white-space:nowrap;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:color .3s ease,transform .18s ease;animation:feld-auf .7s cubic-bezier(.2,.7,.2,1) backwards}
.feld::before{content:"";position:absolute;z-index:-1;left:0;top:0;width:100%;height:100%;background:#000000;transform:translateY(101%);transition:transform .36s cubic-bezier(.2,.7,.2,1) .08s}
.feld::after{content:"";position:absolute;left:0;bottom:0;width:100%;height:4px;background:#000000;transform:scaleX(0);transform-origin:left center}
.feld.an{color:#ffffff}
.feld.an::before{transform:none}
.feld::after{height:2px;transition:transform .35s cubic-bezier(.2,.7,.2,1)}
.feld.vor::after{transform:none}
.feld.lauf::after{height:4px;animation:feld-lauf 5s linear forwards;transition:none}
.felder.steht .feld.lauf::after{animation-play-state:paused}
.feld:active{transform:scale(.97)}
.feld:focus-visible{outline:2px solid #000000;outline-offset:3px}
.feld-plus{position:relative;flex:0 0 13px;height:13px;transition:transform .42s cubic-bezier(.2,.7,.2,1)}
.feld-plus::before,.feld-plus::after{content:"";position:absolute;left:0;top:6px;width:13px;height:1px;background:currentColor}
.feld-plus::after{transform:rotate(90deg)}
.feld.an .feld-plus{transform:rotate(135deg)}
.feld.klein{flex:0 0 auto;min-height:44px;padding:0 16px;font-size:16px;animation:none}
@media(hover:hover){
.feld:hover::after{transform:none}
.feld:hover .feld-plus{transform:rotate(90deg)}
.feld.an:hover .feld-plus{transform:rotate(135deg)}
}
@keyframes feld-auf{from{opacity:0;transform:translateY(16px)}}
@keyframes feld-lauf{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.fahne{z-index:1}
.modell-box,.modell-box *{-webkit-tap-highlight-color:transparent}
.fahne::before{content:"";position:absolute;left:50%;bottom:-16px;width:32px;height:32px;margin-left:-16px;border-radius:50%}
.fahne::after{content:"";position:absolute;left:50%;bottom:-3px;width:6px;height:6px;margin-left:-3px;border-radius:50%;background:#8a8a8a;transition:background-color .28s ease .1s,transform .28s ease .1s}
.fahne.an::after,.fahne.vor::after{background:#000000;transform:scale(1.3)}
.fahne-text,.fahne-stiel{transition:opacity .3s ease,background-color .28s ease .1s,color .28s ease .1s}
.fahne:not(.an):not(.vor) .fahne-text,.fahne:not(.an):not(.vor) .fahne-stiel{opacity:0;pointer-events:none}
.fahne.an,.fahne.vor{z-index:2}
.fahne.vor .fahne-text{background:#5c5c5c !important;color:#ffffff}
.fahne.an .fahne-text{background:#000000 !important;color:#ffffff}
.legende{display:block;margin-top:14px;padding-top:12px;border-top:1px solid #c8c8c8}
.legende-feld{display:block;font-family:'Jost',sans-serif;font-size:20px;line-height:1.3;color:#000000}
.legende-text{display:block;margin-top:2px;min-height:2.9em;font-size:16px;line-height:1.45;color:#5c5c5c;text-wrap:pretty}
.legende.w1 .legende-feld,.legende.w1 .legende-text{animation:legende-a .45s cubic-bezier(.2,.7,.2,1) both}
.legende.w2 .legende-feld,.legende.w2 .legende-text{animation:legende-b .45s cubic-bezier(.2,.7,.2,1) both}
@keyframes legende-a{from{opacity:0;transform:translateY(6px)}}
@keyframes legende-b{from{opacity:0;transform:translateY(6px)}}
.ergebnis{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:8px 24px;margin-top:clamp(48px,6vw,80px);padding-bottom:12px;border-bottom:1px solid #000000}
.ergebnis-titel{font-family:'Jost',sans-serif;font-size:clamp(26px,3vw,40px);line-height:1.1;letter-spacing:-.01em}
.ergebnis-alle{padding:0;border:0;background:transparent;font:inherit;font-size:16px;color:#000000;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px;cursor:pointer}
.menue{visibility:hidden;opacity:0;transition:opacity .3s ease,visibility 0s linear .3s}
.menue.offen{visibility:visible;opacity:1;transition:opacity .3s ease}
.menue .gross{transform:translateY(28px);opacity:0;transition:transform .6s cubic-bezier(.2,.7,.2,1),opacity .5s ease,color .2s ease,padding-left .3s ease}
.menue.offen .gross{transform:none;opacity:1}
.menue.offen .gross:nth-child(2){transition-delay:.04s,.04s,0s,0s}
.menue.offen .gross:nth-child(3){transition-delay:.08s,.08s,0s,0s}
.menue.offen .gross:nth-child(4){transition-delay:.12s,.12s,0s,0s}
.menue.offen .gross:nth-child(5){transition-delay:.16s,.16s,0s,0s}
.menue.offen .gross:nth-child(6){transition-delay:.20s,.20s,0s,0s}
.menue.offen .gross:nth-child(7){transition-delay:.24s,.24s,0s,0s}
.menue.offen .gross:nth-child(8){transition-delay:.28s,.28s,0s,0s}
@media(hover:hover) and (pointer:fine){.menue .gross:hover{padding-left:.18em}}
.menue-fuss{display:grid;grid-template-columns:1fr 1fr;gap:22px 32px;padding:22px 0 30px;border-top:1px solid #000000;font-size:17px;line-height:1.35}
.menue-fuss>div{display:flex;flex-direction:column;align-items:flex-start;min-width:0}
.menue-fuss>div:first-child{grid-column:1 / -1}
.mf-kopf{margin-bottom:4px;font-size:12px;letter-spacing:.09em;text-transform:uppercase;color:#5c5c5c}
.menue-fuss a,.menue-fuss button{display:inline-flex;align-items:center;min-height:44px;padding:0;border:0;background:transparent;font:inherit;color:#000000;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px;cursor:pointer}
.menue-fuss a.ohne{text-decoration:none}
.menue-fuss span{display:block;padding:10px 0 0;color:#000000}
.menue-fuss span+span{padding-top:2px}
@media(min-width:760px){.menue-fuss{grid-template-columns:repeat(3,max-content);gap:0 clamp(48px,7vw,112px)}.menue-fuss>div:first-child{grid-column:auto}}
.l-marke{display:flex;align-items:flex-end;gap:12px;margin-top:4px}
.l-marke svg{display:block;width:56px;height:auto}
.l-marke span{font-size:26px;line-height:.78;letter-spacing:-.01em;color:#5c5c5c}
.loginblatt h2{margin:26px 0 0;font-weight:400;font-size:clamp(34px,4.4vw,52px);line-height:1.05;letter-spacing:-.015em;outline:none}
.l-lead{margin:12px 0 0;font-size:17px;color:#2b2b2b}
.l-vor{margin:12px 0 0;font-size:15px;color:#5c5c5c}
.l-form{display:flex;flex-direction:column;gap:18px;margin-top:28px}
.l-feld{display:flex;flex-direction:column;gap:6px;min-width:0}
.l-feld label{font-size:12px;letter-spacing:.09em;text-transform:uppercase;color:#5c5c5c}
.loginblatt input{box-sizing:border-box;width:100%;height:54px;padding:0 16px;border:1px solid #000000;border-radius:0;background:#ffffff;color:#000000;font:inherit;font-size:17px;-webkit-appearance:none;appearance:none}
.loginblatt input:focus-visible{outline:2px solid #000000;outline-offset:2px}
.l-pw{position:relative}
.l-pw input{padding-right:108px}
.l-pw button{position:absolute;right:1px;top:1px;height:52px;padding:0 14px;border:0;background:transparent;font:inherit;font-size:15px;color:#000000;text-decoration:underline;text-underline-offset:4px;cursor:pointer}
.l-haken{display:inline-flex;align-items:center;gap:12px;min-height:44px;padding:0;border:0;background:transparent;font:inherit;font-size:17px;color:#000000;cursor:pointer;text-align:left}
.l-haken i{flex:0 0 auto;display:block;width:22px;height:22px;box-sizing:border-box;border:1px solid #000000;background:#ffffff}
.l-haken.an i{background:#000000 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 22'%3E%3Cpath d='M5 11.5l4 4 8-9' fill='none' stroke='%23fff' stroke-width='2'/%3E%3C/svg%3E") center/20px no-repeat}
.l-los{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;min-height:54px;padding:0 28px;border:1px solid #000000;background:#000000;color:#ffffff;font:inherit;font-size:17px;font-weight:500;text-decoration:none;cursor:pointer;transition:background-color .25s ease,color .25s ease}
a.l-los:hover{color:#ffffff}
@media(hover:hover){.l-los:hover,a.l-los:hover{background:#ffffff;color:#000000}}
.l-link{display:inline-flex;align-items:center;min-height:44px;padding:0;border:0;background:transparent;font:inherit;font-size:17px;color:#000000;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px;cursor:pointer}
.l-fehler{margin:0;font-size:16px;font-weight:500;color:#000000}
.l-zeile{display:flex;flex-wrap:wrap;gap:4px 28px}
.l-los[disabled]{opacity:.55;cursor:default}
@media(hover:hover){.l-los[disabled]:hover{background:#000000;color:#ffffff}}
.l-fehler:empty{display:none}
.marke:focus-visible{outline:none}
[data-still]:focus-visible{outline:none}
.marke:focus-visible:not([data-still]) .marke-kern::after{content:"";position:absolute;left:-8px;top:-8px;right:-8px;bottom:-8px;border:2px solid currentColor;pointer-events:none}
.marke.burger:focus-visible:not([data-still]) .marke-kern::after{right:auto;width:calc(53.33% + 16px)}
.marke.zu:focus-visible:not([data-still]) .marke-kern::after{width:calc(42.43% + 16px);top:calc(10.23% - 8px);bottom:auto;height:calc(79.55% + 16px)}
.schleier{visibility:hidden;opacity:0;transition:opacity .3s ease,visibility 0s linear .3s}
.schleier.offen{visibility:visible;opacity:1;transition:opacity .3s ease}
.blatt{visibility:hidden;transform:translateX(100%);transition:transform .45s cubic-bezier(.2,.7,.2,1),visibility 0s linear .45s}
.blatt.offen{visibility:visible;transform:none;transition:transform .45s cubic-bezier(.2,.7,.2,1)}
.projektblatt img{transition:opacity .25s ease}
.projektblatt img.laedt{opacity:0;transition:none}
.symbole{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 40px}
.quadrat{transition:background .2s ease}
.symbol:hover .quadrat,.kachel:hover .quadrat{background:#5c5c5c !important}
.werk{display:grid;grid-template-columns:76px 52px minmax(0,2.3fr) minmax(0,1.2fr) minmax(0,2.3fr) 60px 52px;column-gap:20px;align-items:baseline}
.werk-zeile{cursor:pointer;transition:background .2s ease}
.werk-zeile:hover{background:#ffffff}
.pfad{position:relative;--q:88px;--l:calc(100% / 6 - var(--q) * 5 / 6)}
.pfad-linie{position:absolute;left:0;right:0;top:calc(var(--q) / 2);height:0}
.pfad-linie::before{content:"";position:absolute;left:0;right:0;top:-.5px;height:1px;background:#000000;transform-origin:left center;transition:transform 1.4s cubic-bezier(.6,0,.2,1)}
.pfad-voll{position:absolute;left:0;top:-2px;height:4px;background:#000000;transition:width .65s cubic-bezier(.6,0,.2,1)}
.pfad-punkt{position:absolute;top:-6px;width:12px;height:12px;box-sizing:border-box;border:1px solid #000000;border-radius:50%;background:#ffffff;transition:opacity .4s ease,transform .5s cubic-bezier(.2,.7,.2,1)}
.pfad-punkt.a{left:0}
.pfad-punkt.e{right:0;background:#000000;transition-delay:1.2s}
.pfad-wort{position:absolute;top:calc(var(--q) / 2 - 34px);font-size:12.5px;line-height:1.2;letter-spacing:.07em;text-transform:uppercase;color:#5c5c5c;transition:opacity .4s ease}
.pfad-wort.a{left:0}
.pfad-wort.e{right:0;transition-delay:1.2s}
.stationen{position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));margin:0 0 0 var(--l);padding:0;list-style:none}
.station{min-width:0;transition:opacity .6s ease calc(var(--i) * .14s + .2s),transform .7s cubic-bezier(.2,.7,.2,1) calc(var(--i) * .14s + .2s)}
.station-knopf{display:block;width:100%;padding:0 20px 0 0;border:0;background:transparent;color:#000000;font:inherit;text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent}
.station-knopf:focus-visible{outline:2px solid #000000;outline-offset:4px}
.station-quadrat{position:relative;display:flex;align-items:center;justify-content:center;width:var(--q);height:var(--q);background:#000000;transition:background-color .35s ease,transform .35s cubic-bezier(.2,.7,.2,1)}
.station-quadrat svg{display:block;width:72%;height:72%}
.station-zeile{display:flex;align-items:center;gap:14px;margin-top:22px}
.station-zahl{font-family:'Jost',sans-serif;font-size:clamp(34px,3.4vw,46px);line-height:1;letter-spacing:-.02em;white-space:nowrap}
.station-titel{display:block;margin-top:8px;font-size:18px;line-height:1.25}
.station.nach .station-quadrat{background:#bdbdbd}
.station.an .feld-plus{transform:rotate(135deg)}
.station-knopf:active .station-quadrat{transform:scale(.95)}
.station-info{display:none}
.pfad-info{display:grid;grid-template-rows:0fr;transition:grid-template-rows .55s cubic-bezier(.2,.7,.2,1)}
.pfad.aktiv .pfad-info{grid-template-rows:1fr}
.pfad-info>div,.station-info>div{overflow:hidden;min-height:0}
.pfad-blatt{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1.5fr) minmax(0,1fr);gap:24px 48px;align-items:start;margin-top:48px;padding:clamp(24px,3vw,40px);background:#f2f2f2}
.pfad.wartet .pfad-linie::before{transform:scaleX(0)}
.pfad.wartet .station{opacity:0;transform:translateY(22px)}
.pfad.wartet .pfad-punkt{opacity:0;transform:scale(0)}
.pfad.wartet .pfad-wort{opacity:0}
@media(hover:hover){
.station-knopf:hover .station-quadrat{transform:translateY(-8px)}
.station-knopf:hover .feld-plus{transform:rotate(90deg)}
.station.an .station-knopf:hover .feld-plus{transform:rotate(135deg)}
}
@media(max-width:899px){
.pfad{--q:56px;padding:44px 0}
.pfad-linie{left:calc(var(--q) / 2);right:auto;top:6px;bottom:6px;height:auto}
.pfad-linie::before{left:-.5px;right:auto;top:0;bottom:0;width:1px;height:auto;transform-origin:center top}
.pfad-voll{display:none}
.pfad-punkt{left:-6px !important;right:auto !important}
.pfad-punkt.a{top:-6px}
.pfad-punkt.e{top:auto;bottom:-6px}
.pfad-wort{left:calc(var(--q) / 2 + 20px) !important;right:auto !important}
.pfad-wort.a{top:-1px}
.pfad-wort.e{top:auto;bottom:-1px}
.stationen{grid-template-columns:minmax(0,1fr);row-gap:28px;margin:0}
.station-knopf{display:grid;grid-template-columns:var(--q) minmax(0,1fr);column-gap:18px;padding:0}
.station-quadrat{grid-row:1 / span 2}
.station-zeile{align-self:end;justify-content:space-between;margin-top:0;padding-right:4px}
.station-zahl{font-size:26px}
.station-titel{align-self:start;margin-top:3px;font-size:17px}
.station-info{display:grid;grid-template-rows:0fr;padding-left:calc(var(--q) + 18px);transition:grid-template-rows .5s cubic-bezier(.2,.7,.2,1)}
.station.an .station-info{grid-template-rows:1fr}
.pfad-info{display:none}
.pfad.wartet .pfad-linie::before{transform:scaleY(0)}
}
.karte .k-rest{fill:#f3f3f3;stroke:#ffffff;stroke-width:.5;stroke-linejoin:round}
.karte .k-land{fill:#e2e2e2;stroke:#ffffff;stroke-width:.7;stroke-linejoin:round}
.karte .k-fluss{fill:none;stroke:#ffffff;stroke-width:1.1;stroke-linecap:round;stroke-linejoin:round}
.karte .k-see{fill:#ffffff}
.karte .k-rahmen{fill:none;stroke:#000000;stroke-width:.8}
.karte .k-rahmen.nur-schmal{display:inline}
.karte .k-zug{fill:none;stroke:#000000;stroke-width:.35}
.k-name{position:absolute;transform:translate(-50%,-50%);font-size:11px;line-height:1.25;letter-spacing:.12em;text-transform:uppercase;text-align:center;color:#5c5c5c;pointer-events:none}
.k-name.k-meer{font-style:italic;letter-spacing:.06em;text-transform:none;font-size:13px;color:#5c5c5c}
.k-name.k-hh{transform:translate(0,-50%);color:#000000;font-weight:500}
.k-ort{position:absolute;width:5px;height:5px;margin:-2.5px 0 0 -2.5px;border-radius:50%;background:#8a8a8a;pointer-events:none}
.k-ort.k-links span{left:auto;right:16px}
.k-ort span{position:absolute;left:16px;top:-6px;font-size:12px;line-height:1.3;white-space:nowrap;color:#5c5c5c}
.k-stadt{position:absolute;transform:translate(-50%,-50%);font-size:12px;line-height:1.3;white-space:nowrap;color:#5c5c5c;pointer-events:none}
.karten-feld{container-type:inline-size;container-name:kartenfeld}
.karten-reihe{display:grid;grid-template-columns:minmax(0,130.4fr) minmax(0,109.1fr);gap:24px;align-items:start}
.lupe{position:relative;box-sizing:border-box;container-type:inline-size;border:1px solid #000000;background:#ffffff;overflow:hidden;box-shadow:0 50px 90px -50px rgba(0,0,0,.32)}
.karte .k-hh{fill:#d6d6d6}
.textlink{display:inline;margin:0;padding:0;border:0;background:transparent;font:inherit;text-decoration:underline;cursor:pointer}
.textlink:focus-visible{outline:2px solid currentColor;outline-offset:3px}
.recht{position:fixed;z-index:60;left:0;top:0;right:0;bottom:0;background:#ffffff;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;visibility:hidden;opacity:0;transition:opacity .3s ease,visibility 0s linear .3s}
.recht.offen{visibility:visible;opacity:1;transition:opacity .3s ease}
.recht-innen{max-width:1320px;margin:0 auto;padding:clamp(88px,9vw,132px) clamp(20px,5vw,80px) clamp(64px,8vw,112px)}
.recht-text{max-width:760px}
.recht h2{margin:0 0 clamp(28px,3.4vw,48px);font-family:'Jost',sans-serif;font-weight:400;font-size:clamp(34px,4.4vw,64px);line-height:1.05;letter-spacing:-.015em;overflow-wrap:anywhere;hyphens:auto;-webkit-hyphens:auto}
.recht h3{margin:clamp(32px,3.6vw,48px) 0 12px;font-family:'Jost',sans-serif;font-weight:400;font-size:clamp(21px,2vw,27px);line-height:1.2}
.recht p{margin:0 0 12px;color:#2b2b2b;overflow-wrap:anywhere}
.recht a{color:#000000;text-underline-offset:4px}
.recht-zu{position:fixed;z-index:61;top:calc((var(--kh) - 44px) / 2);right:max(clamp(20px,5vw,80px),calc((100vw - 1320px) / 2));display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:1px solid #000000;background:#ffffff;color:#000000;cursor:pointer;transition:background-color .25s ease,color .25s ease}
.recht-zu:focus-visible{outline:2px solid #000000;outline-offset:3px}
@media(hover:hover){.recht-zu:hover{background:#000000;color:#ffffff}}
.koepfe{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:48px 40px;margin:0;padding:0;list-style:none}
.kopf{min-width:0;transition:opacity .6s ease calc(var(--i) * .08s),transform .8s cubic-bezier(.2,.7,.2,1) calc(var(--i) * .08s)}
.kopf-buehne{position:relative;perspective:1400px}
.kopf-blatt{position:relative;transform-style:preserve-3d;transition:transform .7s cubic-bezier(.45,0,.55,1)}
.kopf.an .kopf-blatt{transform:rotateY(180deg)}
.kopf-karte,.kopf-hinten,.kopf-rueck,.kopf-kopie,.kopf-adresse{-webkit-tap-highlight-color:transparent}
.kopf-karte{position:relative;overflow:hidden;display:block;width:100%;padding:0;border:0;aspect-ratio:4 / 5;background:#000000;color:#ffffff;font:inherit;text-align:left;cursor:pointer;box-shadow:inset 0 0 0 1px #000000;container-type:inline-size;-webkit-backface-visibility:hidden;backface-visibility:hidden;transition:color .35s ease,visibility 0s .35s}
.kopf-karte:focus-visible{outline:2px solid #000000;outline-offset:3px}
.kopf-hinten{position:absolute;left:0;top:0;right:0;bottom:0;box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-between;padding:clamp(12px,1.5vw,20px) clamp(14px,1.6vw,24px);background:#ffffff;color:#000000;box-shadow:inset 0 0 0 1px #000000;container-type:inline-size;cursor:pointer;transform:rotateY(180deg);-webkit-backface-visibility:hidden;backface-visibility:hidden;visibility:hidden;transition:visibility 0s .35s}
.kopf.an .kopf-karte{visibility:hidden}
.kopf.an .kopf-hinten{visibility:visible}
.kopf-hinten-kopf{display:flex;justify-content:space-between;gap:12px;font-size:12.5px;line-height:1.65;letter-spacing:.07em;text-transform:uppercase;color:#5c5c5c}
.kopf-hinten-zu{color:#8a8a8a}
.kopf-rueck{display:none}
.kopf-hinten-text{display:flex;flex-direction:column;align-items:flex-start;gap:10px;opacity:0;transform:translateY(12px);transition:opacity .4s ease .3s,transform .6s cubic-bezier(.2,.7,.2,1) .3s}
.kopf.an .kopf-hinten-text{opacity:1;transform:none}
.kopf-adresse{font-family:'Jost',sans-serif;font-size:clamp(18px,8.2cqw,26px);line-height:1.2;letter-spacing:-.01em;color:#000000;text-decoration:none}
.kopf-adresse span{display:inline-block}
.kopf-adresse:hover{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}
.kopf-kopie{padding:0;border:0;background:transparent;font:inherit;font-size:12.5px;letter-spacing:.07em;text-transform:uppercase;color:#5c5c5c;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px;cursor:pointer}
.kopf-kopie:hover{color:#000000}
.kopf-karte::before{content:"";position:absolute;left:1px;top:1px;right:1px;bottom:1px;background:#ffffff;transform:translateY(101%);transition:transform .5s cubic-bezier(.2,.7,.2,1)}
.kopf.mit-foto .kopf-karte{background-color:#808080;background-size:cover;background-repeat:no-repeat;background-blend-mode:luminosity;box-shadow:inset 0 110px 70px -60px rgba(0,0,0,.6),inset 0 0 0 1px #000000}
.kopf.mit-foto .kopf-zeichen{display:none}
.kopf-rollen{position:absolute;left:clamp(14px,1.6vw,24px);right:clamp(14px,1.6vw,24px);top:clamp(12px,1.5vw,20px);margin:0;padding:0;list-style:none;font-size:12.5px;line-height:1.65;letter-spacing:.07em;text-transform:uppercase}
.kopf-zeichen{position:absolute;left:calc(clamp(14px,1.6vw,24px) - .06em);bottom:.1em;font-family:'Jost',sans-serif;font-size:11.5vw;line-height:1;letter-spacing:-.045em;white-space:nowrap;transition:transform .9s cubic-bezier(.2,.7,.2,1)}
@supports(font-size:1cqw){.kopf-zeichen{font-size:56cqw}}
.kopf-name{margin-top:18px;font-family:'Jost',sans-serif;font-size:clamp(22px,2.2vw,30px);line-height:1.15}
.kopf-titel{margin-top:6px;font-size:16px;line-height:1.35;color:#5c5c5c}
.kopf-unten{display:none;margin-top:5px;font-size:12px;line-height:1.35;letter-spacing:.07em;text-transform:uppercase;color:#5c5c5c}
.koepfe.wartet .kopf{opacity:0;transform:translateY(28px)}
.koepfe.wartet .kopf-zeichen{transform:translateY(55%)}
@media(hover:hover){
.kopf:hover .kopf-karte{color:#000000}
.kopf:hover .kopf-karte::before{transform:none}
.kopf:hover .kopf-zeichen{transform:translateY(-5%);transition-duration:.5s}
}
.fakten{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));column-gap:40px}
.fakt:last-child{grid-column:span 2}
.fakt{min-width:0;padding-top:14px;border-top:1px solid #000000}
.fakt dt{font-size:12.5px;letter-spacing:.07em;text-transform:uppercase;color:#5c5c5c}
.fakt dd{margin:6px 0 0;overflow-wrap:anywhere;hyphens:auto;-webkit-hyphens:auto}
@media(max-width:940px){
.koepfe{grid-template-columns:repeat(2,minmax(0,1fr))}
.fakten{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:28px}
}
@media(max-width:620px){
.koepfe{grid-template-columns:minmax(0,1fr);gap:0;border-top:1px solid #000000}
.kopf{padding:14px 0;border-bottom:1px solid #c8c8c8;perspective:900px}
.kopf-innen{position:relative;display:grid;grid-template-columns:96px minmax(0,1fr);column-gap:16px;align-content:center;transform-style:preserve-3d;transition:transform .8s cubic-bezier(.45,0,.55,1)}
.kopf.an .kopf-innen{transform:rotateX(180deg)}
.kopf-buehne,.kopf-name,.kopf-titel,.kopf-unten{-webkit-backface-visibility:hidden;backface-visibility:hidden;transition:visibility 0s .4s}
.kopf.an .kopf-buehne,.kopf.an .kopf-name,.kopf.an .kopf-titel,.kopf.an .kopf-unten{visibility:hidden}
.kopf-buehne{grid-row:1 / span 3;perspective:none}
.kopf-blatt{transform-style:flat;transition:none}
.kopf.an .kopf-blatt{transform:none}
.kopf-karte{aspect-ratio:1 / 1;transition:color .35s ease}
.kopf.an .kopf-karte{visibility:inherit}
.kopf-hinten{display:none}
.kopf-rueck{display:flex;flex-direction:column;justify-content:space-between;gap:6px;position:absolute;left:0;top:0;right:0;bottom:0;box-sizing:border-box;padding:10px 14px 12px;background:#ffffff;color:#000000;box-shadow:inset 0 0 0 1px #000000;cursor:pointer;transform:rotateX(180deg);-webkit-backface-visibility:hidden;backface-visibility:hidden;visibility:hidden;transition:visibility 0s .4s}
.kopf.an .kopf-rueck{visibility:visible}
.kopf-rueck .kopf-adresse{font-size:20px}
.kopf-rueck .kopf-kopie{align-self:flex-start}
.kopf-rollen{display:none}
.kopf-zeichen{left:.06em}
.kopf-name{margin-top:0;align-self:end;font-size:21px}
.kopf-titel{margin-top:3px;font-size:15px}
.kopf-unten{display:block;align-self:start}
.fakten{grid-template-columns:minmax(0,1fr);row-gap:20px}
.fakt:last-child{grid-column:auto}
}
@supports not (font-size:1cqw){
@media(max-width:940px){.kopf-zeichen{font-size:23vw}}
@media(max-width:620px){.kopf-zeichen{font-size:54px}}
}
.band{overflow:hidden;width:min(1320px,calc(100% - 2 * clamp(20px,5vw,80px)));margin:0 auto;--bf:clamp(28px,9%,130px);-webkit-mask-image:linear-gradient(to right,transparent 0,#000 var(--bf),#000 calc(100% - var(--bf)),transparent 100%);mask-image:linear-gradient(to right,transparent 0,#000 var(--bf),#000 calc(100% - var(--bf)),transparent 100%)}
.band-spur{display:flex;width:max-content;margin:0;padding:0;list-style:none;animation:band 70s linear infinite}
.band.rueck .band-spur{animation-direction:reverse}
.band-feld{flex:0 0 auto;display:flex;align-items:center;justify-content:center;box-sizing:border-box;height:clamp(56px,5.6vw,80px);padding:0 clamp(22px,2.8vw,44px)}
.band-name{font-family:'Jost',sans-serif;font-size:clamp(18px,1.8vw,26px);line-height:1.2;white-space:nowrap;color:#5c5c5c;transition:color .25s ease}
.band-feld img{display:block;max-width:clamp(120px,13vw,190px);max-height:clamp(34px,3.6vw,52px);filter:grayscale(1);opacity:.75;transition:filter .3s ease,opacity .3s ease}
@keyframes band{to{transform:translateX(-50%)}}
@media(hover:hover){
.band:hover .band-spur,.band:active .band-spur{animation-play-state:paused}
.band-feld:hover .band-name{color:#000000}
.band-feld:hover img{filter:none;opacity:1}
}
.reihen{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:40px}
.reihe{display:flex;align-items:center;gap:14px;min-height:48px;padding:14px 0;border-bottom:1px solid #c8c8c8}
.stelle{width:100%;border-width:0 0 1px;border-style:solid;border-color:#c8c8c8;background:transparent;color:#000000;font:inherit;text-align:left;cursor:pointer}
.stelle span{overflow-wrap:anywhere}
.stelle .quadrat{transition:background-color .25s ease}
.stelle-ziel{flex:0 0 auto;display:flex;align-items:center;gap:10px;transition:transform .3s cubic-bezier(.2,.7,.2,1)}
.stelle:focus-visible{outline:2px solid #000000;outline-offset:3px}
@media(hover:hover){
.stelle:hover .quadrat{background:#5c5c5c !important}
.stelle:hover .stelle-ziel{transform:translateX(6px)}
}
.buero-raster{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(4,auto);grid-auto-flow:column;column-gap:40px}
.kacheln{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:56px 40px}
.portrait:nth-child(2){margin-top:48px}
.nur-schmal{display:none}
@container fm (max-width: 899px){
.legende{margin-top:4px}
.legende-text{min-height:4.35em}
}
@container fm (max-width: 599px){
.modell-box{margin:0 -20px}
}
@container fm (min-width: 660px) and (max-width: 899px){
.felder{grid-template-columns:repeat(4,minmax(0,1fr))}
.feld{padding:0 10px 0 12px;gap:6px}
}
@container fm (min-width: 600px) and (max-width: 899px){
.fm-modell,.fm-innen .legende{width:min(100%, calc(60vh / .753));margin-left:auto;margin-right:auto}
}
@container fm (min-width: 900px){
.fm-innen{display:grid;grid-template-columns:minmax(240px,1fr) minmax(0,min(64%,84vh));grid-template-rows:1fr auto;grid-template-areas:"felder modell" "legende modell";gap:0 clamp(32px,4vw,64px)}
.fm-felder{grid-area:felder;display:flex;flex-direction:column}
.fm-modell{grid-area:modell;align-self:center}
.fm-innen .legende{grid-area:legende;margin-top:20px}
.legende-text{min-height:5.8em}
.felder{flex:1 1 auto;grid-template-columns:minmax(0,1fr);grid-auto-rows:minmax(46px,1fr)}
.feld{min-height:46px;font-size:clamp(16px,1.2vw,19px)}
}
@media(max-width:1100px){
.pfad-blatt{grid-template-columns:minmax(0,1fr) minmax(0,1.4fr)}
.pfad-blatt ul{grid-column:1 / -1}
}
@media(max-width:820px){
.kacheln{grid-template-columns:minmax(0,1fr);gap:40px}
.symbole{grid-template-columns:minmax(0,1fr)}
.reihen{grid-template-columns:minmax(0,1fr)}
.buero-raster{grid-template-columns:minmax(0,1fr);grid-template-rows:none;grid-auto-flow:row}
.buero-zwei{margin-top:40px}
.kachel .bild{aspect-ratio:4 / 3 !important}
.portrait:nth-child(2){margin-top:32px}
.werk{grid-template-columns:56px minmax(0,1fr);column-gap:12px}
.fahne-text{font-size:13px !important;padding:2px 6px !important}
.feld{font-size:16px;padding:0 12px 0 14px;min-height:50px}
.fahne-stiel{height:calc(var(--h) * .55) !important}
.nur-breit{display:none !important}
.nur-schmal{display:block}
}
@container kartenfeld (max-width: 700px){
.karten-reihe{grid-template-columns:minmax(0,1fr);gap:12px}
}
@container karte (max-width: 480px){
.k-ort{display:none}
.k-name{font-size:11px !important;letter-spacing:.1em !important}
.k-name.k-meer{font-size:11px !important;letter-spacing:.04em !important}
.k-name .nur-breit{display:none !important}
.k-name .nur-schmal{display:inline}
.k-stadt{display:none}
}
@container (max-width: 400px){
.punkt{transform:scale(.72)}
}
@media(max-width:360px){
.feld{font-size:15px;padding:0 12px}
.feld-plus{display:none}
}
@media(prefers-reduced-motion:reduce){
.kopf-blatt,.kopf-karte,.kopf-hinten,.kopf-hinten-text,.kopf-innen,.kopf-buehne,.kopf-name,.kopf-titel,.kopf-unten,.kopf-rueck{transition:none}
.legende .legende-feld,.legende .legende-text,.feld.lauf::after{animation:none}
.at *,.at,.akte span,.akte span::after,.km-leiste,.marke,.lz-knopf,.lz span,.fuss-mail,.fuss-kanal svg{transition:none !important}
.ruhe{display:none !important}
.band{overflow-x:auto}
.band-spur{animation:none}
.bau,.feld,.feld.lauf::after{animation:none}
.bau path,.recht,.kopf,.kopf-karte,.kopf-karte::before,.kopf-zeichen,.station,.station-quadrat,.station-info,.pfad-info,.pfad-linie::before,.pfad-voll,.pfad-punkt,.pfad-wort,.feld,.feld::before,.feld-plus,.fahne-text,.menue,.menue .gross,.quadrat,.marke .z,.marke-grund,.schleier,.blatt,.l-los{transition:none}
html{scroll-behavior:auto}
}
.at{display:block;width:100%;height:100%}
.at path{stroke-linejoin:round;stroke-linecap:butt}
.at .rd{fill:#1b1b1b;stroke:none}
.at .gs{fill:#242424;stroke:#3a3a3a;stroke-width:.6;transition:stroke 1.4s ease,fill 1.4s ease}
.at.p2 .gs{stroke:#2e2e2e;fill:#232323}
.at .plan{fill:none;stroke:#ffffff}
.at.p2 .plan g{opacity:0;transition:opacity .35s ease var(--f)}
.at .gw{stroke-width:1.9;stroke-linejoin:miter;stroke-linecap:square;stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 1.6s cubic-bezier(.5,0,.2,1) var(--g)}
.at .gt{stroke-width:1.05;stroke-linejoin:miter;stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 1.7s cubic-bezier(.45,0,.25,1) calc(var(--g) + .7s)}
.at .gi{stroke-width:.5;stroke-opacity:.85;stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 2.2s cubic-bezier(.4,0,.3,1) calc(var(--g) + 1.45s)}
.at .ga{stroke-width:.5;stroke-opacity:.85;stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 1.9s cubic-bezier(.4,0,.3,1) calc(var(--g) + 1.5s)}
.at.p1 .gw,.at.p1 .gt,.at.p1 .gi,.at.p1 .ga{stroke-dashoffset:0}
.at .sa{fill:#000;fill-opacity:.4;stroke:none}.at .sn{fill:#000;fill-opacity:0;stroke:none}
.at.p2 .sn{fill-opacity:.4;transition:fill-opacity 1.6s ease var(--s)}
.at .au{opacity:0}
.at.p2 .au{opacity:1;transition:opacity .9s ease var(--a)}
.at .aw{fill:#323232}.at .ap{fill:#3e3e3e}.at .as{fill:#4e4e4e}.at .aq{fill:#2e2e2e;stroke:#5a5a5a;stroke-width:.8}
.at .hl{fill:#383838}.at .hr{fill:#2c2c2c}.at .ht{fill:#484848}
.at .ml{fill:#5c5c5c}.at .mr{fill:#474747}.at .mt{fill:#707070}
.at.null *,.at.null{transition:none !important}
.at-bild{position:absolute;left:0;top:0;width:100%;height:100%}
.vh{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);-webkit-clip-path:inset(50%);clip-path:inset(50%);white-space:nowrap;border:0}
.sprung{position:fixed;z-index:70;left:12px;top:12px;padding:12px 18px;border:2px solid #000000;background:#ffffff;color:#000000;font-size:16px;text-decoration:none;transform:translateY(-300%)}
.sprung:focus{transform:none}
.auftakt{position:relative;overflow:hidden;background:#000000;color:#ffffff;min-height:320px;height:min(100vh,max(75vw,1400px))}
@supports (height:1svh){.auftakt{height:min(100svh,max(75vw,1400px))}}
.auftakt-oben{position:absolute;left:0;top:0;right:0;height:16%;min-height:110px;background:linear-gradient(to bottom,rgba(0,0,0,.7),rgba(0,0,0,0));pointer-events:none}
.auftakt-unten{position:absolute;left:0;bottom:0;right:0;height:max(150px,22%);background:linear-gradient(to top,rgba(0,0,0,.94) 0,rgba(0,0,0,.82) 36%,rgba(0,0,0,0));pointer-events:none}
.auftakt-fuss{position:absolute;left:0;right:0;bottom:0;padding:0 clamp(20px,5vw,80px) clamp(20px,3vw,40px)}
.auftakt-fuss>div{max-width:1320px;margin:0 auto}
.kicker{margin:0 0 clamp(10px,1.6vw,18px);font-size:clamp(12px,1.3vw,15px);line-height:1.3;letter-spacing:.09em;text-transform:uppercase;color:#d2d2d2}
.akte{display:flex;flex-wrap:nowrap;gap:clamp(12px,2.2vw,36px);margin:0;font-family:'Jost',sans-serif;font-weight:400;font-size:clamp(21px,7.4vw,46px);line-height:1.1;letter-spacing:-.02em;white-space:nowrap}
.akte{--lw:clamp(48px,calc(19.4px + 3.57vw),88px);--bs:calc(var(--lw) * .0687)}
.akte span{position:relative;padding-top:calc(.42em + var(--bs));color:#8a8a8a;transition:color .7s ease}
.akte span::before{content:"";position:absolute;left:0;top:0;width:100%;height:var(--bs);background:#5c5c5c}
.akte span::after{content:"";position:absolute;left:0;top:0;width:100%;height:var(--bs);background:#ffffff;transform:scaleX(0);transform-origin:left center;transition:transform var(--dauer,1s) linear}
.akte.sofort span,.akte.sofort span::after{transition:none}
.akte span.an{color:#ffffff}
.akte span.an::after{transform:scaleX(1)}
.ruhe{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:1px solid currentColor;background:transparent;color:inherit;cursor:pointer}
.ruhe-z{display:block;width:12px;height:13px;background:currentColor;-webkit-clip-path:polygon(0 0,36% 0,36% 100%,0 100%,0 0,64% 0,64% 100%,100% 100%,100% 0,64% 0);clip-path:polygon(0 0,36% 0,36% 100%,0 100%,0 0,64% 0,64% 100%,100% 100%,100% 0,64% 0)}
.ruhe.steht .ruhe-z{-webkit-clip-path:polygon(10% 0,100% 50%,10% 100%);clip-path:polygon(10% 0,100% 50%,10% 100%)}
.ruhig .band-spur{animation-play-state:paused}
.ruhig .band{overflow-x:auto;scrollbar-width:none}
.ruhig .band::-webkit-scrollbar{display:none}
.km-leiste{background:#ffffff;transition:background-color .35s ease}
.km-leiste.klar{background:transparent}
.marke{color:#000000;transition:color .35s ease}
.marke .z{background:currentColor}
.marke.hell{color:#ffffff}
@media(max-width:640px){.marke.lo{visibility:hidden}}
.lz-knopf{display:flex;align-items:center;gap:calc(var(--lw) * .1164 + 2px);color:#000000;transition:color .35s ease;-webkit-tap-highlight-color:transparent}
.lz-knopf.klar{color:#ffffff}
.lz-knopf:focus-visible{outline-offset:-4px}
.lz{position:relative;display:block;flex:0 0 auto;width:calc(var(--lw) * .40);aspect-ratio:1 / 1}
.lz-wort{font-size:clamp(14px,calc(12.6px + .16vw),16.5px);line-height:1;letter-spacing:.1em;text-transform:uppercase;font-weight:500}
.lz span{position:absolute;background:currentColor;transition:transform .5s cubic-bezier(.6,0,.2,1)}
.lz-o{left:38.58%;right:0;top:0;height:12.5%}
.lz-u{left:38.58%;right:0;bottom:0;height:12.5%}
.lz-s{right:0;top:0;bottom:0;width:12.5%}
.lz-p{left:0;top:0;width:100%;height:100%;-webkit-clip-path:polygon(0 43.75%,51.07% 43.75%,38.58% 31.25%,56.25% 31.25%,75% 50%,56.25% 68.75%,38.58% 68.75%,51.07% 56.25%,0 56.25%);clip-path:polygon(0 43.75%,51.07% 43.75%,38.58% 31.25%,56.25% 31.25%,75% 50%,56.25% 68.75%,38.58% 68.75%,51.07% 56.25%,0 56.25%)}
.lz-knopf.eng .lz span{transition-delay:.36s}
.lz-knopf.eng .lz-o{transform:translateY(100%)}
.lz-knopf.eng .lz-u{transform:translateY(-100%)}
.lz-knopf.eng .lz-s{transform:scaleY(.75)}
.lz-knopf.schnell .lz span{transition:transform .38s cubic-bezier(.6,0,.2,1)}
.lz-knopf .lz span.lz-p,.lz-knopf.eng .lz span.lz-p{transition:transform .25s ease}
@media(hover:hover) and (pointer:fine){.lz-knopf:hover .lz span.lz-p{transform:translateX(5.3%)}}
.menue,.blatt{overscroll-behavior:contain}
.menue .gross{display:flex;align-items:center;min-height:44px}
.textlink.frei{display:inline-flex;align-items:center;min-height:44px}
.tupf{width:32px;height:32px;transform:translate(-50%,-50%)}
@supports (width:1cqw){.tupf{width:clamp(24px,calc(var(--t) * 1cqw),32px);height:clamp(24px,calc(var(--t) * 1cqw),32px)}}
.fuss{background:#000000;color:#ffffff;padding:clamp(64px,9vw,128px) clamp(20px,5vw,80px) 0;overflow:hidden}
.fuss-innen{max-width:1320px;margin:0 auto}
.fuss-kopf{display:flex;align-items:flex-start;justify-content:space-between;gap:24px}
.fuss-ruf{margin:0 0 clamp(14px,1.6vw,22px);font-family:'Jost',sans-serif;font-weight:400;font-size:clamp(17px,1.5vw,21px);line-height:1.3;color:#b8b8b8}
.fuss-mail{display:block;width:fit-content;max-width:100%;font-family:'Jost',sans-serif;font-size:clamp(20px,3vw,40px);line-height:1.15;letter-spacing:-.015em;color:#ffffff;text-decoration:none;overflow-wrap:anywhere;background:linear-gradient(#ffffff,#ffffff) left bottom / 100% 1px no-repeat;padding-bottom:.08em;transition:background-size .5s cubic-bezier(.2,.7,.2,1)}
.fuss-tel{display:inline-flex;align-items:center;min-height:44px;margin-top:clamp(10px,1.2vw,18px);font-family:'Jost',sans-serif;font-size:clamp(18px,1.9vw,26px);line-height:1.2;color:#b8b8b8;text-decoration:none;transition:color .25s ease}
.fuss-hoch{flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:56px;height:56px;border:1px solid #ffffff;color:#ffffff;transition:background-color .25s ease,color .25s ease}
.fuss-netz{display:flex;flex-wrap:wrap;align-items:center;gap:0 clamp(12px,2.4vw,36px);margin:clamp(40px,5vw,72px) 0 0;padding:clamp(10px,1.2vw,16px) 0;border-top:1px solid #3d3d3d;border-bottom:1px solid #3d3d3d;list-style:none}
.fuss-kanal{display:flex;align-items:center;justify-content:center;width:48px;height:48px;color:#ffffff}
.fuss-kanal svg{display:block;width:26px;height:26px;transition:transform .3s cubic-bezier(.2,.7,.2,1)}
.fuss-netz li:first-child{margin-left:-11px}
.fuss-offen{margin-left:auto;font-size:15px;color:#b8b8b8}
.fuss-raster{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr));gap:28px 40px;margin-top:clamp(32px,4vw,56px)}
.fuss-titel{margin-bottom:8px;font-size:12.5px;line-height:1.3;letter-spacing:.07em;text-transform:uppercase;color:#b8b8b8}
.fuss-zeile{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px 32px;margin-top:clamp(36px,4.4vw,64px);font-size:15px;color:#b8b8b8}
.fuss-marke{max-width:1320px;margin:clamp(28px,3.4vw,48px) auto 0;height:clamp(84px,18vw,260px);overflow:hidden}
a.fuss-mail:hover,a.fuss-tel:hover,a.fuss-hoch:hover{color:#ffffff}
@media(hover:hover){
.fuss-mail:hover{background-size:0 1px;background-position:right bottom}
.fuss-tel:hover{color:#ffffff}
a.fuss-hoch:hover{background:#ffffff;color:#000000}
.fuss-kanal:hover svg{transform:scale(1.12)}
}
@media(max-width:620px){.fuss-offen{margin-left:0;flex-basis:100%;padding:4px 0 10px}}