.hb .blatt{background:var(--grund);color:var(--text);border-radius:var(--radius-blatt) var(--radius-blatt) 0 0;margin-top:calc(-1 * var(--radius-blatt));scroll-margin-top:calc(var(--kopf-hoehe) - var(--radius-blatt));position:relative}.hb main>.blatt:first-child{border-radius:0;margin-top:0}.hb .blatt-abstand{padding:160px 0}.hb .lichtkante{top:0;left:var(--radius-blatt);right:var(--radius-blatt);z-index:2;pointer-events:none;height:1px;position:absolute;overflow:hidden}.hb .lichtkante:after{content:"";background:linear-gradient(90deg,#0000,#7fb6a366 50%,#0000);position:absolute;inset:0;transform:translate(-100%)}.hb .blatt[data-kante=ja] .lichtkante:after{animation:lichtkante var(--zeit-lang) var(--kurve-gleich) forwards}@keyframes lichtkante{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media (width<=759px){.hb .blatt-abstand{padding:96px 0}}.hb .inhalt{max-width:1440px;padding:0 var(--rand);margin:0 auto}.hb .raster{column-gap:var(--spalte);grid-template-columns:repeat(12,minmax(0,1fr));display:grid}.hb .lesetext{max-width:640px}.hb .mitte{text-align:center}@media (width<=759px){.hb .raster{grid-template-columns:repeat(4,minmax(0,1fr))}.hb .raster>*{grid-column:1/-1!important}}.hb .zeilen{flex-direction:column;align-items:flex-start;display:flex}.hb .mitte .zeilen{align-items:center}.hb .zeile{margin:-.15em -.12em -.24em -.04em;padding:.15em .12em .24em .04em;display:block;overflow:hidden}.hb .zeilen .zeile:last-child{margin-bottom:-.1em}.hb .zeile-innen{will-change:transform;display:block}.hb .mitte .zeile-innen{text-align:center}.hb .rahmen{min-width:0;margin:0}.hb .rahmen-bild{border-radius:var(--radius-rahmen);border:1px solid var(--linie);background:var(--platz);box-shadow:var(--schatten-rahmen);position:relative;overflow:hidden}.hb .rahmen-ohne .rahmen-bild{box-shadow:none;background:0 0;border:0;border-radius:10px}.hb .rahmen img{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity var(--zeit-kurz) var(--kurve-gleich);display:block;position:absolute;inset:0}.hb .rahmen[data-stand=da] img{opacity:1}.hb .rahmen-einpassen .rahmen-bild{background:var(--flaeche)}.hb .rahmen-einpassen img{object-fit:contain}.hb .rahmen-platz{height:100%;position:absolute;inset:0}.hb .rahmen figcaption{color:var(--still);visibility:hidden;margin-top:10px;font-size:12px;line-height:1.4}.hb .rahmen[data-stand=da] figcaption{visibility:visible}.hb .platzhalter{background:var(--platz);border-radius:inherit;width:100%;display:block}.hb .bewegt{background:var(--platz);position:relative;overflow:hidden}.hb .bewegt img,.hb .bewegt video{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.hb .bewegt .platzhalter{height:100%;position:absolute;inset:0}.hb .bewegt video{transition:opacity var(--zeit-kurz) var(--kurve-gleich)}.hb .bewegt[data-stand=fertig] video{opacity:0}.hb .bewegt-maske{-webkit-mask-composite:source-in;background:0 0;-webkit-mask-image:linear-gradient(90deg,#0000,#000 80px calc(100% - 80px),#0000),linear-gradient(#0000,#000 80px calc(100% - 80px),#0000);mask-image:linear-gradient(90deg,#0000,#000 80px calc(100% - 80px),#0000),linear-gradient(#0000,#000 80px calc(100% - 80px),#0000);-webkit-mask-composite:source-in;mask-composite:intersect}.hb .bewegt-maske .platzhalter{background:var(--platz)}.hb .hintergrund{z-index:-1;pointer-events:none;border-radius:inherit;background:var(--grund);position:absolute;inset:0;overflow:hidden}.hb .hintergrund img,.hb .hintergrund video{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.hb .hintergrund-film{opacity:0;transition:opacity var(--zeit-lang) var(--kurve-aus)}.hb .hintergrund[data-spielt=ja] .hintergrund-film{opacity:1}.hb .hintergrund:after{content:"";background:linear-gradient(90deg,#15161499 0%,#15161473 30%,#15161400 56%);position:absolute;inset:0}@media (width<=759px){.hb .hintergrund:after{display:none}}.hb .chip{white-space:nowrap;border-radius:999px;align-items:center;gap:8px;padding:2px 8px;font-size:12.5px;font-weight:500;line-height:1.5;display:inline-flex}.hb .chip-lesen{background:var(--akzent-zart);color:var(--akzent)}.hb .chip-aendern{background:var(--warnung-zart);color:var(--warnung)}.hb .chip-senden{background:var(--gefahr-zart);color:var(--gefahr)}.hb .chip-status{border:1px solid var(--linie);color:var(--text);gap:10px;padding:7px 14px 7px 12px;font-size:13px}.hb .chip-status:before{content:"";background:var(--akzent);border-radius:50%;flex:none;width:6px;height:6px}.hb .chip-grau{background:var(--flaeche);border:1px solid var(--linie);color:var(--leise);padding:4px 10px}.hb .chip-akzent{background:var(--akzent);color:var(--auf-akzent);padding:4px 10px}.hb .untere-leiste{z-index:55;pointer-events:none;height:72px;color:var(--leise);background:linear-gradient(to top, var(--grund) 0, var(--grund) 44px, transparent 100%);opacity:0;transition:opacity var(--zeit-kurz) var(--kurve-gleich), transform var(--zeit-kurz) var(--kurve-gleich), background-color var(--zeit-kurz) var(--kurve-gleich);padding-top:24px;font-size:13px;position:fixed;bottom:0;left:0;right:0;transform:translateY(8px)}.hb .untere-leiste[data-sichtbar=ja]{opacity:1;pointer-events:auto;transform:none}.hb .untere-leiste-inhalt{max-width:1440px;padding:0 var(--rand);justify-content:space-between;align-items:center;gap:24px;height:100%;margin:0 auto;display:flex}.hb .untere-leiste-links{align-items:center;gap:20px;display:flex}.hb .untere-leiste .knopf-leise{color:var(--text);font-size:13px}.hb .bewegung-schwebend{right:16px;bottom:calc(16px + env(safe-area-inset-bottom));z-index:55;opacity:0;pointer-events:none;transition:opacity var(--zeit-kurz) var(--kurve-gleich), transform var(--zeit-kurz) var(--kurve-gleich);position:fixed;transform:translateY(8px)}.hb .bewegung-schwebend[data-sichtbar=ja]{opacity:1;pointer-events:auto;transform:none}.hb .bewegung-rund{border:1px solid var(--linie-stark);background:var(--hebung);width:48px;height:48px;color:var(--text);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;display:inline-flex;box-shadow:0 12px 30px -12px #0006}.hb .sprung{z-index:70;background:var(--akzent);color:var(--auf-akzent);transition:top var(--zeit-tippen);border-radius:12px;padding:12px 16px;font-weight:500;text-decoration:none;position:absolute;top:-64px;left:16px}.hb .sprung:focus-visible{top:12px}.hb main{isolation:isolate;position:relative}.hb .fuss{z-index:16;border-radius:var(--radius-blatt) var(--radius-blatt) 0 0;margin-top:calc(-1 * var(--radius-blatt));position:relative}.hb [data-angesprungen]:focus-visible{outline:none}