:root{--red:#c02f14;--red-dark:#9f270f;--cream:#f8efcf;--ink:#221b17;--paper:#fffaf0}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:Arial,Helvetica,sans-serif}a{color:inherit}h1,h2,h3,p{margin-top:0}.site-header{background:var(--red);color:var(--cream);display:flex;justify-content:space-between;align-items:center;padding:22px max(5%,calc((100vw - 1240px)/2));gap:20px;border-bottom:1px solid #ffffff50}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-size:17px;font-weight:1000;line-height:.83;letter-spacing:-.9px}.brand-mark{font-size:35px}.brand-line{display:block}.brand small{display:block;font-size:9px;letter-spacing:3px;margin-top:8px}.site-header nav{display:flex;gap:30px;font-size:14px;font-weight:800}.site-header nav a{text-decoration:none}.site-header nav a:hover{text-decoration:underline}.hero{background:var(--red);color:var(--cream);padding:70px max(5%,calc((100vw - 1240px)/2)) 100px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:6%;min-height:660px}.pill,.eyebrow{font-weight:900;letter-spacing:2px;font-size:12px}.pill{border:1px solid var(--cream);border-radius:50px;padding:12px 16px;display:inline-block;margin-bottom:30px}.hero h1{font-size:clamp(45px,6.3vw,94px);line-height:.94;font-weight:1000;letter-spacing:-5px;margin-bottom:28px;overflow-wrap:anywhere}.hero h1 em,.section-head h2 em{font-style:normal;color:var(--ink)}.hero-copy>p{max-width:520px;font-size:19px;line-height:1.55;margin-bottom:32px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;padding:18px 24px;text-decoration:none;font-weight:900;border-radius:5px}.button-cream{background:var(--cream);color:var(--ink)}.button:hover{transform:translateY(-2px)}.hero-note{font-size:10px;font-weight:900;letter-spacing:2px;margin-top:55px}.hero-art{position:relative;transform:rotate(3deg);filter:drop-shadow(18px 22px 0 #7f210e)}.hero-art img{width:100%;display:block;aspect-ratio:1;object-fit:cover;border:9px solid var(--cream)}.art-sticker{position:absolute;right:-30px;bottom:-25px;background:var(--ink);color:var(--cream);width:115px;height:115px;border-radius:50%;display:grid;place-content:center;text-align:center;font-size:16px;line-height:1.05;font-weight:1000;transform:rotate(-16deg)}.ticker{background:var(--ink);color:var(--cream);padding:14px 0;text-align:center;overflow:hidden;white-space:nowrap;letter-spacing:4px;font-weight:900;font-size:13px}.episodes-section{max-width:1240px;margin:auto;padding:95px 5% 110px}.section-head{max-width:760px;margin-bottom:45px}.section-head .eyebrow{color:var(--red)}.section-head h2{font-size:clamp(56px,8vw,110px);line-height:.85;letter-spacing:-5px;font-weight:1000;margin:18px 0 24px}.section-head h2 em{color:var(--red)}.section-head p{font-size:17px;line-height:1.55;max-width:600px}.episode{background:var(--paper);padding:27px;border:2px solid var(--ink);box-shadow:7px 7px 0 var(--ink);display:flex;flex-direction:column;min-width:0}.episode-top{display:flex;justify-content:space-between;gap:10px;margin-bottom:25px}.episode .eyebrow{color:var(--red)}.date{font-size:12px;font-weight:700;white-space:nowrap}.episode h3{font-size:clamp(24px,2.5vw,36px);font-weight:1000;letter-spacing:-1.2px;line-height:1.06;overflow-wrap:anywhere}.episode p{line-height:1.55;flex:1}.episode audio{width:100%;margin:12px 0 14px}.episode-link{display:inline-block;margin-top:auto;font-weight:900;text-decoration:underline;text-underline-offset:4px}.featured{background:var(--red);color:var(--cream);padding:40px 45px;box-shadow:10px 10px 0 var(--ink)}.featured .eyebrow{color:var(--cream)}.featured h3{font-size:clamp(35px,5vw,64px);max-width:900px}.featured p{max-width:800px}.featured audio{max-width:720px}.more-title{font-size:clamp(30px,4vw,52px);letter-spacing:-2px;margin:75px 0 25px}.more-title span{color:var(--red)}.episode-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:25px}.about{background:var(--red);color:var(--cream);padding:95px max(5%,calc((100vw - 1240px)/2));display:flex;align-items:center;justify-content:space-between;overflow:hidden}.about-inner{max-width:740px}.about h2{font-size:clamp(55px,7vw,94px);line-height:.9;letter-spacing:-4px;margin:25px 0}.about p{font-size:20px;line-height:1.55;max-width:660px}.about-small{font-weight:900}.about-shape{font-family:Georgia,serif;font-size:500px;line-height:.5;opacity:.18}footer{background:var(--ink);color:var(--cream);padding:55px max(5%,calc((100vw - 1240px)/2));display:flex;flex-direction:column;gap:13px}.footer-brand{font-weight:1000;font-size:23px;letter-spacing:-1px}.footer-brand span{display:block;font-size:12px;letter-spacing:3px}.footer-links{display:flex;flex-wrap:wrap;gap:25px;margin:20px 0}.footer-links a{font-weight:800}footer small{opacity:.65}@media(max-width:760px){.site-header{padding:18px 5%}.site-header nav{gap:14px;font-size:12px}.brand{font-size:14px}.hero{grid-template-columns:1fr;gap:50px;padding:55px 7% 90px}.hero h1{letter-spacing:-3px}.hero-art{width:85%;margin:auto}.art-sticker{width:85px;height:85px;font-size:12px;right:-20px}.episodes-section{padding:70px 6%}.section-head h2{letter-spacing:-3px}.featured{padding:26px}.episode-grid{grid-template-columns:1fr}.about{padding:75px 7%}.about-shape{display:none}.about h2{letter-spacing:-3px}}

/* Version 2: individuelle Folgen-Cover */
.episode-layout{display:flex;flex-direction:column;gap:20px;flex:1;min-width:0}
.episode-image{width:100%;aspect-ratio:1.6;overflow:hidden;background:#e7d6b6;border:1px solid #221b1740}
.episode-image img{display:block;width:100%;height:100%;object-fit:cover}
.episode-content{display:flex;flex-direction:column;flex:1;min-width:0}
.featured .episode-layout{display:grid;grid-template-columns:minmax(180px,35%) minmax(0,1fr);gap:35px;align-items:start}
.featured .episode-image{aspect-ratio:1}
.featured .episode-content{height:100%}
.hero h1{font-size:clamp(38px,5vw,76px);line-height:1.02}
@media(max-width:760px){.featured .episode-layout{display:flex;flex-direction:column;gap:20px}.featured .episode-image{aspect-ratio:1.25}.hero h1{font-size:clamp(38px,8vw,65px)}}