.f-blog{--papier:#f7f6f2;--tinte:#15171c;--nacht:#0b0b0c;--grau:#5b5f68;--linie:#15171c29;--akz:#c53f00;--rand:clamp(22px, 5vw, 88px);--spur:cubic-bezier(.16, 1, .3, 1);--mono:var(--font-ibm-mono), monospace;--titel:var(--font-bricolage), sans-serif;--kopf:60px}.f-blog *{box-sizing:border-box;margin:0}.f-blog{background:var(--papier);color:var(--tinte);-webkit-font-smoothing:antialiased;font:400 1.125rem/1.5 var(--font-hanken), system-ui, sans-serif;overflow-x:clip}.f-blog img,.f-blog svg{display:block}.f-blog a{color:inherit;text-decoration:none}.f-blog ol,.f-blog ul{padding:0;list-style:none}.f-blog :focus-visible{outline-offset:3px;outline:2px solid}.f-blog [hidden]{display:none!important}.f-blog .kopf{z-index:20;height:var(--kopf);padding:0 var(--rand);background:var(--papier);grid-template-columns:1fr auto 1fr;align-items:center;font-size:.9375rem;display:grid;position:fixed;top:0;left:0;right:0}.f-blog .kopf b{font-weight:500}.f-blog .kopf nav{justify-self:end;gap:clamp(14px,2vw,28px);display:flex}.f-blog .kopf .jetzt{color:var(--akz)}.f-blog .kopf .schreiben{text-underline-offset:.22em;text-decoration:underline;text-decoration-thickness:1px}.f-blog .kopf .thema{color:var(--grau);opacity:0;pointer-events:none;white-space:nowrap;transition:opacity .25s}.f-blog .kopf .thema:hover{color:var(--tinte)}.f-blog .kopf.lesen .thema{opacity:1;pointer-events:auto}.f-blog .lauf{background:var(--linie);opacity:0;height:1px;transition:opacity .25s;position:absolute;bottom:0;left:0;right:0}.f-blog .kopf.lesen .lauf{opacity:1}.f-blog .lauf i{background:var(--akz);will-change:transform;width:56px;height:3px;position:absolute;top:-1px;left:0}.f-blog .titel{padding:clamp(96px, 14svh, 140px) var(--rand) 0}.f-blog .titel h1{font:500 clamp(2.8rem, min(6.8vw, 13svh), 8rem)/.96 var(--titel);letter-spacing:-.05em;max-width:13em}.f-blog .titel h1 em{color:var(--akz);font-style:normal}.f-blog .titel p{max-width:34rem;color:var(--grau);margin-top:14px;font-size:clamp(1.0625rem,1.3vw,1.25rem);line-height:1.38}.f-blog .leit{margin:clamp(26px, 5svh, 52px) var(--rand) 0;grid-template-columns:minmax(0,8fr) minmax(0,4fr);align-items:end;gap:clamp(20px,3vw,48px);display:grid}.f-blog .leit .meta{color:var(--grau);font-size:.9375rem;line-height:1.4}.f-blog .leit h2{font:500 clamp(1.9rem, 3vw, 3.4rem)/1.03 var(--titel);letter-spacing:-.04em;text-wrap:balance;margin-top:10px;transition:color .2s}.f-blog .leit:hover h2{color:var(--akz)}.f-blog .leit-bild{aspect-ratio:1200/630;background:var(--nacht);position:relative;overflow:hidden}.f-blog .leit-bild img{object-fit:cover;will-change:transform}.f-blog .karte{padding:0 var(--rand);scroll-margin-top:calc(var(--kopf) + 28px);margin-top:clamp(50px,9svh,96px);position:relative}.f-blog .karte h2{font:500 clamp(1.75rem, 2.8vw, 3rem)/1 var(--titel);letter-spacing:-.04em}.f-blog .filter{flex-wrap:wrap;gap:4px 20px;max-width:74rem;margin-top:18px;font-size:1rem;line-height:1.5;display:flex}.f-blog .filter button{all:unset;cursor:pointer;color:var(--grau);transition:color .2s}.f-blog .filter button sup{font:400 .6875rem/1 var(--mono);vertical-align:.55em;margin-left:2px}.f-blog .filter button:focus-visible{outline-offset:2px;outline:2px solid}.f-blog .filter button:hover{color:var(--tinte)}.f-blog .filter button[aria-pressed=true]{color:var(--akz)}.f-blog #spur-svg{width:100%;height:auto;margin-top:clamp(22px,4svh,38px);overflow:visible}.f-blog #spur-svg text{font:400 11px var(--mono);fill:var(--grau)}.f-blog .r-leer{fill:#15171c12}.f-blog .r-1{fill:#15171c57}.f-blog .r-2{fill:#15171c9e}.f-blog .r-3{fill:var(--tinte)}.f-blog .r-treffer{fill:var(--akz)}.f-blog #spur-svg rect{transition:fill .2s}.f-blog #spur-svg a:hover rect,.f-blog #spur-svg a:focus-visible rect{fill:var(--akz)}.f-blog .raster-fuss{color:var(--grau);flex-wrap:wrap;justify-content:space-between;gap:6px 24px;margin-top:10px;font-size:.875rem;line-height:1.35;display:flex}.f-blog .raster-skala{align-items:center;gap:4px;display:inline-flex}.f-blog .raster-skala i{border-radius:2px;width:11px;height:11px}.f-blog #tipp{z-index:5;background:var(--nacht);color:#fff;pointer-events:none;opacity:0;width:270px;padding:0;font-size:.875rem;line-height:1.3;transition:opacity .12s;position:absolute;transform:translateY(-100%)}.f-blog #tipp img{aspect-ratio:1200/630;object-fit:cover;width:100%}.f-blog #tipp span{padding:7px 10px 9px;display:block}.f-blog .register{padding:clamp(10px, 2svh, 24px) var(--rand) clamp(70px, 12svh, 130px)}.f-blog .monat{grid-template-columns:minmax(0,2fr) minmax(0,10fr);gap:clamp(14px,2vw,32px);padding-top:clamp(36px,7svh,72px);display:grid}.f-blog .monat>h3{top:calc(var(--kopf) + 16px);font:500 clamp(1.25rem, 1.7vw, 1.75rem)/1.1 var(--titel);letter-spacing:-.03em;align-self:start;position:sticky}.f-blog .monat>h3 small{font:400 .8125rem/1 var(--mono);letter-spacing:0;color:var(--grau);margin-top:4px;display:block}.f-blog .monat ol{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(22px,3svh,34px) clamp(14px,1.6vw,24px);padding-top:14px;display:grid;position:relative}.f-blog .monat ol:before{content:"";background:var(--tinte);transform-origin:0;height:2px;transition:transform .9s var(--spur);position:absolute;top:0;left:0;right:0}.f-blog .monat.warte ol:before{transform:scaleX(0)}.f-blog .zeile a{display:block}.f-blog .kachel{aspect-ratio:1200/630;background:var(--nacht);display:block;position:relative;overflow:hidden}.f-blog .kachel img{object-fit:cover;transition:transform .7s var(--spur)}.f-blog .zeile a:hover .kachel img{transform:scale(1.035)}.f-blog .zeile b{font:500 clamp(1.0625rem, 1.3vw, 1.3125rem)/1.16 var(--titel);letter-spacing:-.02em;text-wrap:pretty;margin-top:10px;transition:color .2s;display:block}.f-blog .zeile a:hover b{color:var(--akz)}.f-blog .zeile .art{color:var(--grau);margin-top:5px;font-size:.8125rem;line-height:1.3;display:block}.f-blog .zeile time{font:400 .75rem/1 var(--mono)}.f-blog .zeile.fuehrt{grid-area:span 2/span 2}.f-blog .zeile.fuehrt b{letter-spacing:-.035em;text-wrap:balance;font-size:clamp(1.5rem,2.3vw,2.5rem);line-height:1.06}.f-blog .monat .zeile{transition:opacity .6s var(--spur), transform .6s var(--spur);transition-delay:calc(var(--n) * 40ms)}.f-blog .monat.warte .zeile{opacity:0;transform:translateY(10px)}.f-blog .fuss{padding:30px var(--rand);background:var(--nacht);color:#b4b7bd;flex-wrap:wrap;justify-content:space-between;gap:8px 28px;font-size:.9375rem;display:flex}.f-blog .fuss nav{flex-wrap:wrap;gap:6px 22px;display:flex}.f-blog .fuss a:hover{color:#fff}@media (prefers-reduced-motion:reduce){.f-blog .monat ol:before,.f-blog .monat .zeile{transition:none}}@media (max-width:1100px){.f-blog .monat{grid-template-columns:minmax(0,1fr);gap:10px}.f-blog .monat>h3{position:static}.f-blog .monat>h3 small{margin-left:6px;display:inline}}@media (max-width:860px){.f-blog{--kopf:56px}.f-blog .kopf{grid-template-columns:1fr auto;padding:0 22px}.f-blog .kopf .thema,.f-blog .n-haltung{display:none}.f-blog .titel{padding-top:92px}.f-blog .leit{grid-template-columns:minmax(0,1fr);gap:12px}.f-blog .filter{scrollbar-width:none;white-space:nowrap;margin-right:calc(-1 * var(--rand));padding-top:8px;padding-right:var(--rand);flex-wrap:nowrap;overflow-x:auto}.f-blog .filter::-webkit-scrollbar{display:none}.f-blog .monat{gap:0;padding-top:26px}.f-blog .monat>h3{z-index:5;top:var(--kopf);margin:0 calc(-1 * var(--rand));padding:8px var(--rand);background:var(--papier);font-size:1.125rem;position:sticky}.f-blog .monat ol{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 12px}.f-blog .zeile.fuehrt{grid-row:auto}.f-blog .zeile b{margin-top:7px;font-size:1rem}.f-blog .zeile .art{font-size:.75rem}.f-blog .zeile.fuehrt b{font-size:1.5rem}}html:has(.f-blog){background:#f7f6f2}html:has(.f-blog) body{background:#f7f6f2}body:has(.f-blog):after{display:none}.f-blog .fuss button{all:unset;cursor:pointer}.f-blog .fuss button:hover{color:#fff}.f-blog .fuss .quelle-fuss{flex:28rem;max-width:44rem}.f-blog .kopf .sprache{font-family:var(--font-ibm-mono), monospace;font-size:.8125rem}.f-blog .blog-themen{margin-top:clamp(40px,8svh,80px)}
