:root{--asphalt:#0e1013;--schiefer:#171a1f;--naht:#2b3038;--kreide:#ecebe6;--nebel:#a4a9b2;--eis:#9cc3db;--eis-tief:#2d4a5c;--display:"Avenir Next Condensed", "Bahnschrift Condensed", "Bahnschrift", "Roboto Condensed", "Arial Narrow", sans-serif-condensed, "Helvetica Neue", Arial, sans-serif;--text:"Avenir Next", "Segoe UI Variable Text", "Segoe UI", "Helvetica Neue", Roboto, Arial, sans-serif;--gap:clamp(1rem, 4vw, 2rem);--measure:66ch;--wide:76rem;--ease:cubic-bezier(.2, .7, .2, 1);color-scheme:dark}*,:before,:after{box-sizing:border-box}html{background:var(--asphalt);color:var(--kreide);font:400 1.0625rem/1.6 var(--text);-webkit-text-size-adjust:100%;text-rendering:optimizelegibility;scroll-padding-top:5rem}body{background:radial-gradient(120% 60% at 85% -10%, #9cc3db14, transparent 60%), var(--asphalt);flex-direction:column;min-height:100vh;margin:0;display:flex}main{outline:none;flex:1}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration-color:var(--eis);text-underline-offset:.2em;text-decoration-thickness:1px}a:hover{color:var(--eis)}:focus-visible{outline:3px solid var(--eis);outline-offset:3px;border-radius:2px}::selection{background:var(--eis);color:var(--asphalt)}.skip-link{z-index:100;background:var(--kreide);color:var(--asphalt);padding:.75rem 1rem;font-weight:700;position:absolute;top:-10rem;left:1rem}.skip-link:focus{top:1rem}.skip-link .seg+.seg:before{content:" / "}.site-header{z-index:50;padding:.5rem var(--gap);backdrop-filter:blur(12px);border-bottom:1px solid var(--naht);background:#0e1013db;justify-content:space-between;align-items:center;gap:1rem;display:flex;position:sticky;top:0}.brand{font:800 1.35rem/1 var(--display);letter-spacing:.04em;text-transform:uppercase;align-items:center;min-height:44px;font-stretch:75%;text-decoration:none;display:inline-flex}.site-nav{gap:.25rem;display:flex}.site-nav a{min-height:44px;font:600 .95rem/1 var(--text);color:var(--nebel);border-bottom:2px solid #0000;align-items:center;padding:0 .7rem;text-decoration:none;display:inline-flex}.site-nav a:hover,.site-nav a[aria-current=page]{color:var(--kreide);border-bottom-color:var(--eis)}.site-nav-wide{display:none}.menu{position:relative}.menu summary{cursor:pointer;border:1px solid var(--naht);align-items:center;gap:.6rem;min-width:44px;min-height:44px;padding:0 .75rem;font-weight:600;list-style:none;display:inline-flex}.menu summary::-webkit-details-marker{display:none}.menu-bars,.menu-bars:before,.menu-bars:after{width:18px;height:2px;transition:transform .2s var(--ease);background:currentColor;display:block}.menu-bars{position:relative}.menu-bars:before,.menu-bars:after{content:"";position:absolute;left:0}.menu-bars:before{top:-6px}.menu-bars:after{top:6px}.menu[open] .menu-bars{background:0 0}.menu[open] .menu-bars:before{transform:translateY(6px)rotate(45deg)}.menu[open] .menu-bars:after{transform:translateY(-6px)rotate(-45deg)}.menu .site-nav{background:var(--schiefer);border:1px solid var(--naht);flex-direction:column;min-width:15rem;padding:.5rem;position:absolute;top:calc(100% + .5rem);right:0}.menu .site-nav a{border-bottom:0;border-left:2px solid #0000}.menu .site-nav a[aria-current=page]{border-left-color:var(--eis)}@media (width>=1000px){.site-nav-wide{display:flex}.menu{display:none}}.page{width:min(100%, var(--wide));padding:0 var(--gap) 4rem;margin-inline:auto}.chapter{align-content:start;gap:1rem;padding-block:clamp(3rem,9vw,6.5rem) 0;display:grid}.chapter+.chapter{border-top:1px solid var(--naht);margin-top:clamp(3rem,9vw,6.5rem)}.chapter>.t{max-width:var(--measure);color:var(--nebel);margin:0}.head{max-width:22ch;font:800 clamp(2.1rem, 7vw, 4.4rem) / .98 var(--display);letter-spacing:-.01em;text-wrap:balance;color:var(--kreide);margin:0;font-stretch:75%}h3.head{font-size:clamp(1.5rem,4vw,2rem)}.t.kicker{color:var(--eis);font:700 .8rem/1.2 var(--text);letter-spacing:.16em;align-items:center;gap:.75rem;display:flex}.t.kicker:before{content:"";background:var(--eis);width:2.5rem;height:1px}.t.multi{color:var(--kreide);flex-wrap:wrap;gap:.5rem 1.25rem;display:flex}.t.multi>a.seg{border:1px solid var(--naht);min-height:44px;transition:border-color .2s var(--ease), background .2s var(--ease);align-items:center;padding:0 1rem;font-weight:600;text-decoration:none;display:inline-flex}.t.multi>a.seg:hover{border-color:var(--eis);color:var(--kreide);background:#9cc3db14}.chapter>.t:not(.multi):has(>a.seg:only-child) a{min-height:44px;color:var(--kreide);align-items:center;gap:.5rem;font-weight:700;display:inline-flex}.chapter>.t:not(.multi):has(>a.seg:only-child) a:after{content:"→";color:var(--eis);transition:transform .2s var(--ease)}.chapter>.t:not(.multi):has(>a.seg:only-child) a:hover:after{transform:translate(4px)}.chapter-hero{isolation:isolate;margin-inline:calc(var(--gap) * -1);padding:clamp(10rem, 48vw, 22rem) var(--gap) clamp(2.5rem, 7vw, 5rem);align-content:end;min-height:min(92vh,60rem);position:relative}.hero-img{z-index:-1;object-fit:cover;object-position:50% 30%;filter:grayscale(.35)contrast(1.08)brightness(.72);width:100%;height:100%;position:absolute;inset:0}.chapter-hero:after{content:"";z-index:-1;background:linear-gradient(180deg, #0e101326 0%, #0e10138c 45%, var(--asphalt) 100%), linear-gradient(90deg, #0e1013b3, transparent 70%);position:absolute;inset:0}.chapter-hero .head{text-transform:uppercase;max-width:13ch;font-size:clamp(2.9rem,12.5vw,8.5rem);line-height:.88}.chapter-hero>.t{color:var(--kreide);font-size:1.1rem}.chapter-hero>.cover{display:none}@media (width>=1100px){.chapter-hero{margin-inline:calc((100vw - min(100vw, var(--wide))) / -2 - var(--gap));padding-inline:calc((100vw - min(100vw, var(--wide))) / 2 + var(--gap))}}@media (width>=640px){.page-home .chapter-hero{margin-inline:calc(var(--gap) * -1)}}.cover{aspect-ratio:1;object-fit:cover;width:min(100%,22rem);box-shadow:0 30px 60px -20px #000c, 0 0 0 1px var(--naht)}@media (width>=860px){.chapter:not(.chapter-hero):has(>.cover){grid-template-columns:minmax(0,22rem) minmax(0,1fr);align-items:start;column-gap:clamp(2rem,5vw,4rem)}.chapter:not(.chapter-hero):has(>.cover)>*{grid-column:2}.chapter:not(.chapter-hero):has(>.cover)>.cover{grid-area:1/1/span 30;position:sticky;top:6rem}.chapter:not(.chapter-hero):has(>.cover)>.cards{grid-column:1/-1}}.cards{grid-template-columns:repeat(auto-fill,minmax(min(100%,15rem),1fr));gap:1px;margin-block:1rem;padding:1px;display:grid}.cards-video{grid-template-columns:repeat(auto-fill,minmax(min(100%,19rem),1fr))}.card{background:var(--asphalt);min-height:44px;box-shadow:0 0 0 1px var(--naht);transition:background .25s var(--ease);flex-direction:column;text-decoration:none;display:flex;position:relative;overflow:hidden}.card:hover{background:var(--schiefer);color:inherit}.card-img{aspect-ratio:1;object-fit:cover;filter:saturate(.85);width:100%;transition:transform .6s var(--ease), filter .4s var(--ease)}.cards-video .card-img{aspect-ratio:16/9}.card:hover .card-img{filter:saturate();transform:scale(1.03)}.card[rel~=noopener]:after{content:"↗";width:2rem;height:2rem;color:var(--eis);background:#0e1013cc;place-items:center;font-weight:700;display:grid;position:absolute;top:.6rem;right:.6rem}.card-body{gap:.35rem;padding:1rem 1.1rem 1.25rem;display:grid}.card-body .head{max-width:none;font-size:clamp(1.4rem,3.4vw,1.9rem)}.card-body .t{color:var(--nebel);font-size:.9rem;line-height:1.4}.card-body .t.multi{gap:.25rem .75rem}.card-body .t.kicker:before{display:none}.page-datenschutz .chapter,.page-terms .chapter{padding-block-start:2.5rem}.page-datenschutz .chapter+.chapter,.page-terms .chapter+.chapter{margin-top:2.5rem}.page-datenschutz .head,.page-terms .head{max-width:34ch;font-size:clamp(1.6rem,4.5vw,2.4rem)}.page-timeline .t.multi{border-bottom:1px solid var(--naht);grid-template-columns:minmax(6.5rem,max-content) 1fr;gap:.25rem 1.5rem;max-width:none;padding-block:.75rem;display:grid}.lyrics-head{border-bottom:1px solid var(--naht);gap:1rem;padding-block:clamp(3rem,9vw,6rem) 2rem;display:grid}.lyrics-head h1,.page-404 h1,.song-title{font:800 clamp(3rem, 13vw, 7.5rem) / .9 var(--display);text-transform:uppercase;margin:0;font-stretch:75%}.lyrics-count{color:var(--eis);font-variant-numeric:tabular-nums;letter-spacing:.08em;margin:0;font-weight:700}.lyrics-search{gap:.4rem;max-width:34rem;display:grid}.lyrics-search[hidden],.lyrics-empty[hidden],.album[hidden],.song-list li[hidden]{display:none}.lyrics-search label{color:var(--nebel);font-weight:600}.lyrics-search input{min-height:52px;font:inherit;color:var(--kreide);background:var(--schiefer);border:1px solid var(--naht);border-bottom:2px solid var(--eis);border-radius:0;padding:0 1rem;font-size:1.15rem}.lyrics-empty{color:var(--nebel);padding-top:2rem}.album{gap:1rem;padding-block:2.5rem 0;display:grid}.album h2{font:800 clamp(1.8rem, 5vw, 2.6rem) / 1 var(--display);text-transform:uppercase;color:var(--eis);margin:0;font-stretch:75%}.song-list{background:var(--naht);border:1px solid var(--naht);grid-template-columns:repeat(auto-fill,minmax(min(100%,13rem),1fr));gap:1px;margin:0;padding:0;list-style:none;display:grid}.song-list a{background:var(--asphalt);align-items:center;min-height:56px;padding:.5rem 1rem;font-weight:600;text-decoration:none;display:flex}.song-list a:hover{background:var(--schiefer)}.page-song{max-width:52rem}.song-head{gap:.75rem;padding-block:clamp(2.5rem,8vw,5rem) 2rem;display:grid}.song-back{min-height:44px;color:var(--nebel);justify-self:start;align-items:center;gap:.5rem;font-weight:600;text-decoration:none;display:inline-flex}.song-back:before{content:"←";color:var(--eis)}.song-album{color:var(--eis);letter-spacing:.12em;text-transform:uppercase;margin:0;font-weight:700}.song-text{border-block:1px solid var(--naht);white-space:pre-line;max-width:60ch;margin:0;padding:2rem 0;font-size:clamp(1.1rem,2.6vw,1.35rem);line-height:1.75}.song-credits{color:var(--nebel);gap:.25rem;padding-top:1.5rem;font-size:.95rem;display:grid}.song-credits .t{margin:0}.song-credits .seg:first-child{min-width:5rem;color:var(--kreide);font-weight:700;display:inline-block}.song-pager{flex-wrap:wrap;justify-content:space-between;gap:1rem;margin-top:3rem;display:flex}.song-pager a{border:1px solid var(--naht);align-items:center;min-height:44px;padding:0 1rem;font-weight:600;text-decoration:none;display:inline-flex}.song-pager a[rel=next]{margin-left:auto}.song-pager a:hover{border-color:var(--eis)}.page-404{padding-block:6rem}.btn{background:var(--kreide);min-height:44px;color:var(--asphalt);align-items:center;padding:0 1.25rem;font-weight:700;text-decoration:none;display:inline-flex}.btn:hover{background:var(--eis);color:var(--asphalt)}.site-footer{padding:2rem var(--gap);border-top:1px solid var(--naht);background:var(--schiefer);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem 2rem;display:flex}.site-footer nav{flex-wrap:wrap;gap:0 1.25rem;display:flex}.site-footer nav a{min-height:44px;color:var(--nebel);align-items:center;display:inline-flex}@media (prefers-reduced-motion:no-preference){.chapter-hero .head,.chapter-hero>.t{animation:rise .9s var(--ease) both}.chapter-hero>.t:nth-of-type(n+3){animation-delay:.15s}@keyframes rise{0%{opacity:0;transform:translateY(18px)}}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}@media (forced-colors:active){.card,.song-list a,.t.multi>a.seg{border:1px solid canvastext}}.chapter>.t.date{border-top:1px solid var(--naht);color:var(--eis);font-variant-numeric:tabular-nums;letter-spacing:.06em;margin-top:1rem;padding-top:1rem;font-weight:700}