:root {
  --kohle:#24211f;--orange:#c7601d;--putz:#f3ebdd;--holz:#756658;
  --blau:#344b67;--papier:#fbf8f1;--linie:rgba(36,33,31,.18);
  --display:Impact,"Arial Narrow","Roboto Condensed",sans-serif;
  --text:Inter,"Segoe UI",Arial,sans-serif;--max:1280px;
  --shadow:0 24px 70px rgba(36,33,31,.16)
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;color:var(--kohle);background:var(--putz);font-family:var(--text);font-size:1rem;line-height:1.6;text-rendering:optimizeLegibility}
img{display:block;max-width:100%}a{color:inherit}
.skip-link{position:fixed;z-index:100;top:.75rem;left:.75rem;padding:.7rem 1rem;color:var(--papier);background:var(--kohle);border-radius:.25rem;transform:translateY(-160%)}
.skip-link:focus{transform:translateY(0)}
:focus-visible{outline:3px solid var(--orange);outline-offset:4px}
.site-header{width:min(calc(100% - 3rem),var(--max));min-height:7.75rem;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:2rem}
.brand{display:block;width:10.5rem}
.header-cluster{display:flex;align-items:center;gap:clamp(1.1rem,2.5vw,2.6rem)}
.language-switch{display:flex;align-items:center;gap:.45rem;color:var(--holz);font-size:.72rem;font-weight:800;letter-spacing:.035em;line-height:1.3;white-space:nowrap}
.language-switch a{text-decoration:none;border-bottom:2px solid transparent;text-underline-offset:.25rem}.language-switch a:hover{color:var(--kohle);border-bottom-color:var(--linie)}.language-switch a[aria-current="page"]{color:var(--kohle);border-bottom-color:var(--orange)}
.nav{display:flex;align-items:center;gap:clamp(1.1rem,2.5vw,2.6rem);font-weight:700}
.nav a{text-decoration:none;text-underline-offset:.35rem}.nav a:hover:not(.nav-cta){text-decoration:underline}
.nav-cta{padding:.72rem 1rem;color:var(--papier);background:var(--kohle)}
.hero{width:min(calc(100% - 3rem),var(--max));margin:0 auto;padding:clamp(2rem,5vw,5.5rem) 0 clamp(4.5rem,8vw,8.5rem);display:grid;grid-template-columns:minmax(0,1.02fr) minmax(24rem,.8fr);align-items:center;gap:clamp(3rem,7vw,7rem)}
.hero-copy{max-width:45rem}.eyebrow,.section-kicker,.link-eyebrow{margin:0 0 1rem;color:var(--orange);font-size:.84rem;font-weight:800;letter-spacing:.14em;line-height:1.3;text-transform:uppercase}
h1,h2,h3,p{margin-top:0}h1,h2,.format-card h3,.error-code{font-family:var(--display);font-weight:900;letter-spacing:.01em;line-height:.96}
.hero h1{max-width:11ch;margin-bottom:1.75rem;font-size:clamp(3.5rem,7.3vw,7.1rem);line-height:1.03;text-transform:uppercase}
.hero h1::after{content:"";display:block;width:4.7rem;height:.48rem;margin-top:1.4rem;background:var(--orange);transform:rotate(-2deg)}
.hero-text{max-width:38rem;margin-bottom:2rem;color:rgba(36,33,31,.78);font-size:clamp(1.1rem,1.6vw,1.3rem)}
.hero-actions{display:flex;flex-wrap:wrap;gap:.85rem}
.button{min-height:3.25rem;padding:.83rem 1.25rem;display:inline-flex;align-items:center;justify-content:center;gap:.6rem;border:2px solid var(--kohle);text-decoration:none;font-weight:800;transition:transform 140ms ease,background 140ms ease,color 140ms ease}
.button:hover{transform:translateY(-2px)}.button-primary{color:var(--papier);background:var(--kohle)}.button-primary:hover{background:var(--orange)}.button-secondary{background:transparent}.button-secondary:hover{color:var(--papier);background:var(--kohle)}.button-light{color:var(--kohle);background:var(--papier);border-color:var(--papier)}
.hero-visual{position:relative;width:min(100%,31rem);justify-self:end}.hero-image-wrap{position:relative;overflow:hidden;aspect-ratio:4/5.4;background:var(--holz);box-shadow:var(--shadow);clip-path:polygon(3% 0,100% 2%,97% 100%,0 97%)}
.hero-image-wrap::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 50%,rgba(36,33,31,.16));pointer-events:none}
.hero-image-wrap img{width:100%;height:100%;object-fit:cover;object-position:center 42%}
.hero-note{position:absolute;right:-1.2rem;bottom:1.8rem;max-width:calc(100% - .5rem);margin:0;padding:.75rem 1rem;color:var(--papier);background:var(--kohle);font-weight:800;line-height:1.3;text-align:center;transform:rotate(-2deg)}.hero-note span{color:#e98a49}
.promise{padding:clamp(4.5rem,8vw,8rem) 1.5rem;color:var(--papier);background:var(--kohle);text-align:center}
.promise p{max-width:23ch;margin:0 auto;font-family:var(--display);font-size:clamp(2.5rem,5.8vw,5.8rem);font-weight:900;letter-spacing:.02em;line-height:1;text-transform:uppercase}
.section{width:min(calc(100% - 3rem),var(--max));margin:0 auto;padding:clamp(5rem,9vw,9rem) 0}
.about.section{position:relative;isolation:isolate;overflow:hidden;width:100%;max-width:none;padding:0;background:#dfd1bd}
.about.section::before{content:"";position:absolute;z-index:-2;inset:0;background:url("/assets/des-bin-i-hintergrund.webp") center/cover no-repeat}
.about.section::after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,rgba(243,233,217,.82) 0%,rgba(235,221,200,.76) 50%,rgba(243,233,217,.84) 100%)}
.about-grid{width:min(calc(100% - 3rem),var(--max));margin:0 auto;padding:clamp(5rem,9vw,9rem) 0;display:grid;grid-template-columns:minmax(0,1fr) minmax(18rem,.62fr);gap:clamp(3rem,8vw,8rem)}
.about h2,.formats h2,.channel-cta h2,.legal-content h1,.error-page h1{margin-bottom:1.5rem;font-size:clamp(2.7rem,5.7vw,5.6rem);text-transform:uppercase}
.about-copy{padding-top:.35rem;font-size:1.1rem}.about-copy p{margin-bottom:1.35rem}.formats{padding-top:1rem}.formats.section{width:min(calc(100% - 3rem),100rem)}
.section-heading{margin-bottom:2.5rem;display:flex;align-items:flex-end;justify-content:space-between;gap:2rem}.section-heading h2{max-width:14ch;margin-bottom:0}.text-link{font-weight:800;text-decoration-thickness:2px;text-underline-offset:.35rem}
.format-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.format-card{position:relative;overflow:hidden;min-width:0;min-height:26rem;padding:0;display:flex;flex-direction:column;color:var(--papier)}
.format-orange{background:var(--orange)}.format-wood{background:var(--holz)}.format-blue{background:var(--blau)}
.format-number{position:absolute;z-index:2;top:1.25rem;left:1.5rem;margin:0;padding:.35rem .5rem;color:var(--papier);background:rgba(36,33,31,.72);font-size:.82rem;font-weight:800;letter-spacing:.14em}.format-image{position:relative;overflow:hidden;width:100%;aspect-ratio:16/9;margin:0;background:rgba(36,33,31,.16)}.format-image::after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 0 1px rgba(251,248,241,.18);pointer-events:none}.format-image img{width:100%;height:100%;object-fit:cover;transition:transform 240ms ease}.format-card:hover .format-image img{transform:scale(1.025)}.format-copy{padding:clamp(1.5rem,2.5vw,2.25rem)}.format-card h3{margin-bottom:1rem;font-size:clamp(1.8rem,2.8vw,3.25rem);text-transform:uppercase}.format-card p:last-child{max-width:25rem;margin-bottom:0;font-weight:600}
.channel-cta{width:min(calc(100% - 3rem),var(--max));margin-bottom:clamp(3rem,7vw,7rem);padding:clamp(2rem,5vw,4rem);display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:clamp(1.5rem,4vw,3.5rem);color:var(--papier);background:var(--kohle)}
.channel-cta img{width:clamp(6rem,12vw,10rem);border-radius:50%;background:var(--putz)}.channel-cta .section-kicker{color:#e98a49}.channel-cta h2{margin-bottom:.75rem}.channel-cta p:last-child{max-width:38rem;margin-bottom:0;color:rgba(251,248,241,.76)}
.site-footer{width:min(calc(100% - 3rem),var(--max));min-height:13rem;margin:0 auto;padding:2.5rem 0;border-top:1px solid var(--linie);display:grid;grid-template-columns:1fr auto auto auto;align-items:center;gap:clamp(2rem,5vw,5rem)}
.footer-brand{width:8rem}.footer-contact{display:flex;flex-direction:column}.footer-contact span{color:var(--holz);font-size:.78rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.footer-contact a{font-weight:750}.footer-links{display:flex;flex-direction:column;align-items:flex-start}.footer-gag{align-self:end;justify-self:end;margin:0;color:var(--holz);font-weight:800;white-space:nowrap}

/* Mobile Link-in-Bio */
.link-page{min-height:100vh;background:linear-gradient(rgba(36,33,31,.05) 1px,transparent 1px),var(--putz);background-size:100% 2rem}
.link-shell{width:min(calc(100% - 2rem),39rem);margin:0 auto;padding:1.25rem 0 2.5rem}
.link-topbar{margin-bottom:1.6rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}.link-home{display:inline-flex;align-items:center;gap:.5rem;min-height:2.75rem;font-weight:800;text-decoration:none}
.link-profile{text-align:center}.avatar-ring{width:9rem;height:9rem;margin:0 auto 1.15rem;padding:.35rem;border:3px solid var(--kohle);border-radius:50%;background:var(--papier);box-shadow:.45rem .45rem 0 var(--orange)}
.avatar-ring img{width:100%;height:100%;border-radius:50%}.link-eyebrow{margin-bottom:.55rem}.link-profile h1{margin-bottom:.8rem;font-size:clamp(3rem,13vw,5.4rem);text-transform:uppercase}.link-profile>p:last-child{max-width:31rem;margin:0 auto 2rem;font-size:1.05rem}
.link-list{display:grid;gap:.8rem}.social-link{min-height:4.9rem;padding:.7rem .85rem;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.9rem;border:2px solid var(--kohle);background:var(--papier);box-shadow:.25rem .25rem 0 var(--kohle);text-decoration:none}
.social-link.is-active{transition:transform 140ms ease,box-shadow 140ms ease}.social-link.is-active:hover{transform:translate(-2px,-2px);box-shadow:.42rem .42rem 0 var(--orange)}.social-link.is-pending{color:rgba(36,33,31,.64);background:rgba(251,248,241,.64)}
.social-mark{width:2.7rem;height:2.7rem;display:grid;place-items:center;color:var(--papier);background:var(--kohle);border-radius:50%;font-size:.78rem;font-weight:900;letter-spacing:-.02em}.social-copy{display:flex;flex-direction:column;line-height:1.25}.social-copy strong{font-size:1rem}.social-copy small{margin-top:.22rem;color:var(--holz);font-size:.83rem}.pending-label{padding:.28rem .55rem;color:var(--papier);background:var(--holz);font-size:.72rem;font-weight:850;letter-spacing:.06em;text-transform:uppercase}.link-arrow{font-size:1.25rem;font-weight:900}
.link-footer{margin-top:2.25rem;padding-top:1.5rem;border-top:1px solid var(--linie);text-align:center;color:var(--holz);font-size:.83rem}.link-footer p{margin-bottom:.7rem}.link-footer nav{display:flex;justify-content:center;gap:1rem}

/* Legal and error pages */
.legal-header,.legal-content{width:min(calc(100% - 3rem),52rem);margin:0 auto}.legal-header{padding:2rem 0}.legal-header img{width:9rem}.legal-content{padding:clamp(3rem,8vw,7rem) 0}.legal-content p{max-width:42rem}
.error-page{display:grid;min-height:100vh;place-items:center;text-align:center}.error-page main{width:min(calc(100% - 3rem),42rem)}.error-page img{margin:0 auto 1rem;border-radius:50%}.error-code{margin-bottom:.5rem;color:var(--orange);font-size:2rem}.error-page h1{margin-bottom:1rem}.error-page .button{margin-top:1.25rem}

@media(max-width:900px){
  .site-header{min-height:6.6rem}.brand{width:8.5rem}.header-cluster{flex-direction:column;align-items:flex-end;gap:.45rem}.nav a:not(.nav-cta){display:none}
  .hero{grid-template-columns:1fr;padding-top:2.5rem}.hero-copy{position:relative;z-index:2}.hero-visual{width:min(100%,33rem);justify-self:center}
  .about-grid{grid-template-columns:1fr;gap:1.5rem}.format-grid{grid-template-columns:1fr}.format-card{min-height:auto}.format-image{aspect-ratio:16/7}.format-copy{padding:clamp(1.5rem,5vw,2.5rem)}
  .channel-cta{grid-template-columns:auto 1fr}.channel-cta .button{grid-column:1/-1}
  .site-footer{grid-template-columns:1fr 1fr}.footer-links{grid-column:1;grid-row:2}.footer-gag{grid-column:2;grid-row:2}
}
@media(max-width:560px){
  .site-header,.hero,.section,.channel-cta,.site-footer{width:min(calc(100% - 2rem),var(--max))}
  .formats.section{width:min(calc(100% - 2rem),100rem)}
  .about.section{width:100%}.about.section::before{background-position:22% center}.about.section::after{background:rgba(243,233,217,.84)}.about-grid{width:min(calc(100% - 2rem),var(--max))}
  .site-header{min-height:7.2rem;padding:.65rem 0;align-items:flex-start;gap:1rem}.brand{width:7.7rem}.language-switch{gap:.3rem;font-size:.64rem;letter-spacing:0}.nav-cta{padding:.55rem .7rem;font-size:.82rem}.hero{padding-bottom:5rem;gap:2.5rem}.hero h1{font-size:clamp(3.25rem,16vw,5rem)}
  .hero-actions{flex-direction:column}.hero-actions .button{width:100%}.hero-note{right:-.25rem}.section-heading{align-items:flex-start;flex-direction:column}
  .channel-cta{grid-template-columns:1fr;text-align:center}.channel-cta img{margin:0 auto}.site-footer{grid-template-columns:1fr;align-items:start}.footer-links,.footer-gag{grid-column:auto;grid-row:auto}.footer-gag{justify-self:end}
  .format-grid,.format-card{min-width:0}.format-image{aspect-ratio:8/5}.format-card h3{font-size:clamp(2rem,9vw,3rem);hyphens:auto;overflow-wrap:break-word}
  .social-link{gap:.7rem}.social-copy small{max-width:15rem}
}
@media(max-width:420px){.link-topbar{align-items:flex-start;flex-direction:column;gap:.25rem}.link-topbar .language-switch{align-self:flex-end}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition-duration:.01ms!important}}