@font-face{font-family:Newsreader;src:url('/assets/fonts/newsreader-normal.woff2') format('woff2');font-display:swap}@font-face{font-family:Newsreader;src:url('/assets/fonts/newsreader-italic.woff2') format('woff2');font-style:italic;font-display:swap}@font-face{font-family:Jost;src:url('/assets/fonts/jost.woff2') format('woff2');font-weight:300 700;font-display:swap}
:root{--paper:#fdfaf6;--ink:#2c2a26;--muted:#837a70;--brand:#bd5a3c;--brand-hover:#a34c32;--peach:#f4a582;--peach-soft:#fdeee3;--mint:#8fceb8;--mint-soft:#e9f5ef;--blush:#f0f7f2;--line:#eee5dc;--inverse:#fff;--dark:#31463d;--grad:linear-gradient(120deg,#f7c5a8 0%,#f0a183 58%,#9ed4c0 135%);--shadow:0 18px 44px #f0a18330;--shadow-soft:0 10px 28px #2c2a2612;--hero-scrim:linear-gradient(90deg,#fdfaf6e8 0%,#fdfaf6b8 26%,#fdfaf600 62%)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 Jost,Arial,sans-serif;letter-spacing:0}a{color:var(--brand);text-underline-offset:4px}img{display:block;max-width:100%;height:auto}h1,h2,h3,p{margin-top:0}h1,h2{font-family:Newsreader,Georgia,serif;font-weight:400;line-height:1.07}h1{font-size:72px;margin-bottom:22px}h2{font-size:49px;margin-bottom:20px}h3{font-size:23px;line-height:1.25}p{margin-bottom:22px}em{font-family:Newsreader,Georgia,serif;color:var(--brand)}button,input,select,textarea{font:inherit}button{cursor:pointer}a,button,input,select,textarea,summary{outline-offset:5px}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--brand)}.wrap{width:min(1220px,calc(100% - 64px));margin:auto}.skip{position:absolute;top:-70px;background:var(--paper);z-index:100;padding:15px}.skip:focus{top:0}.topline{background:var(--grad);color:var(--ink);text-align:center;padding:7px 16px;font-size:12px;letter-spacing:.04em;font-weight:600}.hdr{position:sticky;top:0;background:#fdfaf6f2;backdrop-filter:blur(10px);border-bottom:1px solid var(--line);z-index:30}.navrow{min-height:85px;display:flex;align-items:center;justify-content:space-between;gap:24px}.logo{display:flex;align-items:center;gap:9px;color:var(--ink);text-decoration:none;line-height:1.05}.logo .symbol{color:var(--brand);width:33px;height:33px}.logo strong{font-family:Newsreader,Georgia,serif;font-size:24px;font-weight:500}.logo small{display:block;font-size:10px;text-transform:uppercase;margin-top:6px;letter-spacing:.12em;color:var(--muted)}.nav{display:flex;gap:28px;align-items:center}.nav>a{font-size:14px;text-decoration:none;color:var(--ink)}.nav>a:hover{color:var(--brand)}.button{display:inline-flex;align-items:center;justify-content:center;gap:13px;min-height:49px;padding:13px 26px;background:var(--grad);color:var(--ink);font-weight:700;border:0;border-radius:999px;text-decoration:none;font-size:14px;transition:transform .2s,box-shadow .2s,filter .2s;box-shadow:0 8px 20px #f0a1834d}.button:hover{transform:translateY(-2px);filter:brightness(1.04);box-shadow:0 12px 26px #f0a1835c}.button.light{background:var(--paper);color:var(--brand);box-shadow:var(--shadow-soft)}.button.light:hover{background:var(--peach-soft)}.button.outline{background:transparent;color:var(--brand);border:1.5px solid var(--brand);box-shadow:none}.button svg{width:18px;height:18px}.menu{display:none;width:44px;height:44px;background:none;border:0;color:var(--ink)}.menu svg{width:25px;height:25px}.hero{position:relative;height:620px;max-height:780px;min-height:540px;isolation:isolate;overflow:hidden}.hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-2}.hero:after{content:'';position:absolute;inset:0;background:var(--hero-scrim);z-index:-1}.hero .wrap{padding:76px 0}.hero-content{max-width:565px}.kicker{text-transform:uppercase;color:var(--brand);font-size:11px;font-weight:700;display:block;margin-bottom:21px;letter-spacing:.14em}.hero h1{max-width:560px}.hero h1 em{display:block}.hero p{max-width:400px;font-size:18px}.actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.hero small{display:block;color:var(--muted);font-size:12px;margin-top:20px}.hero-note{position:absolute;bottom:27px;right:32px;color:var(--ink);font-size:12px;background:#fdfaf6d9;padding:10px 14px;border-radius:14px;box-shadow:var(--shadow-soft)}.hero-note b{display:block;font-size:14px}.trust{background:var(--mint-soft);border-bottom:1px solid var(--line)}.trust .wrap{padding:25px 0;display:grid;grid-template-columns:repeat(5,1fr);gap:20px}.trust span{font-size:13px;display:flex;align-items:center;justify-content:center;gap:10px}.trust svg{width:20px;height:20px;color:var(--brand)}section{padding:85px 0}.heading{max-width:720px;margin-bottom:40px}.heading.center{text-align:center;margin:0 auto 45px}.heading p{color:var(--muted)}.head-row{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:35px}.head-row .heading{margin:0}.head-row>a{white-space:nowrap;font-size:14px}.offers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}.offer{border:1px solid var(--line);border-radius:22px;overflow:hidden;position:relative;transition:transform .25s,box-shadow .25s;background:var(--paper)}.offer:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.offer.featured{border-color:var(--peach);box-shadow:var(--shadow)}.photo{position:relative}.photo img{width:100%;aspect-ratio:4/3;object-fit:cover}.tag{position:absolute;top:15px;left:15px;background:var(--grad);color:var(--ink);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;padding:6px 13px;border-radius:999px;box-shadow:0 4px 12px #f0a18355}.offerbody{padding:27px}.offerbody h3{font-family:Newsreader,Georgia,serif;font-size:32px;margin-bottom:5px}.offerbody>p{font-size:13px;color:var(--muted)}.price{display:flex;align-items:baseline;gap:10px;margin:20px 0}.price strong{font-size:33px;font-weight:500;line-height:1}.price span{font-size:11px;color:var(--muted)}.checklist{list-style:none;padding:0;margin:20px 0 24px;border-top:1px solid var(--line);padding-top:19px}.checklist li{display:flex;gap:9px;font-size:13px;margin:8px 0}.checklist svg{width:16px;height:16px;color:var(--brand);flex-shrink:0;margin-top:3px}.offer .button{width:100%}.offer small{display:block;text-align:center;font-size:10px;margin-top:12px;color:var(--muted)}.included{text-align:center;margin:25px auto 0;font-size:13px;color:var(--muted);max-width:800px}.blush{background:var(--blush)}.story{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:85px}.story .photo img{aspect-ratio:1.15;object-fit:cover;border-radius:22px;box-shadow:var(--shadow-soft)}.story p{color:var(--muted)}.quote{font:italic 31px/1.25 Newsreader,Georgia,serif;color:var(--brand);border-left:2px solid var(--mint);padding-left:24px;margin:32px 0}.steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:35px}.stepimg{position:relative;border-radius:18px;overflow:hidden;margin-bottom:20px;box-shadow:var(--shadow-soft)}.stepimg img{width:100%;aspect-ratio:4/3;object-fit:cover;transition:transform .5s}.step:hover .stepimg img{transform:scale(1.05)}.step .n{position:absolute;top:12px;left:12px;width:44px;height:44px;border-radius:50%;background:var(--grad);color:var(--ink);font:italic 20px/1 Newsreader,serif;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 14px #f0a18366}.step h3{font-size:18px}.step p{font-size:14px;color:var(--muted)}.dark{background:var(--dark);color:var(--inverse)}.dark .kicker{color:var(--mint)}.dark em{color:var(--mint)}.dark p{color:var(--inverse)}.cta{display:flex;justify-content:space-between;align-items:center;gap:40px}.cta h2{max-width:650px;margin-bottom:10px}.cta p{margin:0;font-size:14px}.cta .button{flex-shrink:0}.guides{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.guide{display:block;color:var(--ink);text-decoration:none;border-top:1px solid var(--line);padding-top:22px;transition:transform .2s}.guide:hover{transform:translateY(-3px)}.guide span{color:var(--brand);font-size:11px;text-transform:uppercase;letter-spacing:.1em}.guide h3{font:30px/1.15 Newsreader,serif;margin:14px 0}.guide p{font-size:14px;color:var(--muted)}.guide .arrow{color:var(--brand);font-size:14px}.bloggrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}.article-card{border:1px solid var(--line);border-radius:20px;overflow:hidden;display:flex;flex-direction:column;background:var(--paper);transition:transform .25s,box-shadow .25s}.article-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.article-card .cardtext{padding:25px;flex:1}.article-card .category{font-size:10px;color:var(--brand);text-transform:uppercase;letter-spacing:.1em}.article-card h3{font:28px/1.12 Newsreader,serif;margin:12px 0}.article-card a{color:var(--ink);text-decoration:none}.article-card p{font-size:13px;color:var(--muted)}.article-card .read{font-size:13px;color:var(--brand)}.faq{max-width:880px}.faq details{border-bottom:1px solid var(--line);padding:21px 0}.faq summary{cursor:pointer;display:flex;justify-content:space-between;gap:20px;list-style:none;font-size:18px}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:'+';color:var(--brand);font-size:25px;line-height:1}.faq details[open] summary:after{content:'−'}.faq details p{margin:18px 35px 0 0;color:var(--muted);font-size:15px}.footer{background:var(--mint-soft);padding:65px 0 23px;border-top:1px solid var(--line)}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:70px}.footer-grid p{color:var(--muted);font-size:13px;max-width:320px;margin-top:23px}.footer-grid h3{font-size:13px;font-weight:600}.footer-grid ul{list-style:none;padding:0}.footer-grid li{margin:9px 0}.footer-grid a{font-size:13px;color:var(--ink);text-decoration:none}.footer-bottom{border-top:1px solid var(--line);margin-top:40px;padding-top:22px;display:flex;justify-content:space-between;gap:20px;font-size:10px;color:var(--muted)}.footlinks{display:flex;gap:20px;flex-wrap:wrap}.footlinks a{color:var(--muted)}.cookie-settings{border:0;background:transparent;padding:0;color:var(--muted);font-size:10px}.mobilebar{display:none}.cookie{position:fixed;bottom:22px;left:22px;max-width:395px;width:calc(100% - 44px);z-index:60;border:1px solid var(--line);border-radius:18px;background:var(--paper);box-shadow:var(--shadow);padding:20px}.cookie[hidden]{display:none}.cookie p{font-size:12px;margin:7px 0 15px}.cookie strong{font-size:14px}.cookie .button{font-size:12px;min-height:38px;padding:8px 18px}.pageintro{padding:65px 0 55px;background:var(--blush)}.pageintro h1{font-size:60px;max-width:960px}.pageintro p{max-width:700px;color:var(--muted)}.breadcrumb{font-size:12px;margin-bottom:30px;color:var(--muted)}.breadcrumb a{color:var(--muted)}.article-layout{display:grid;grid-template-columns:minmax(0,790px) 270px;gap:90px}.article{min-width:0}.article h2{font-size:37px;line-height:1.14;margin-top:50px}.article h3{font-size:21px;margin-top:28px}.article p{max-width:72ch}.article ul,.article ol{padding-left:23px}.article li{margin-bottom:10px}.article table{width:100%;border-collapse:collapse;font-size:14px}.article th{background:var(--peach-soft);text-align:left}.article td,.article th{border:1px solid var(--line);padding:13px}.tablewrap{overflow-x:auto}.toc{background:var(--mint-soft);border-top:2px solid var(--brand);border-radius:0 0 16px 16px;padding:25px;margin:32px 0}.toc strong{display:block;margin-bottom:12px}.toc ol{margin:0;padding-left:22px}.toc li{margin:6px 0;font-size:14px}.toc a{overflow-wrap:anywhere}.sidebar{position:sticky;top:115px;align-self:start;border-top:2px solid var(--brand);padding-top:25px}.sidebar h3{font:28px Newsreader,serif}.sidebar p{font-size:14px;color:var(--muted)}.sidebar .photo{margin-bottom:22px}.sidebar .photo img{border-radius:16px}.sources{border-top:1px solid var(--line);margin-top:45px;padding-top:25px;font-size:13px;color:var(--muted)}.contact-grid{display:grid;grid-template-columns:minmax(0,700px) 330px;gap:100px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:23px}.full{grid-column:1/-1}label{font-size:14px;display:block}input,select,textarea{width:100%;padding:13px 15px;border:1px solid var(--line);background:var(--paper);color:var(--ink);border-radius:12px;display:block;margin-top:8px}input:focus,select,textarea:focus{outline:2px solid var(--brand);outline-offset:1px}.consent-label{display:flex;gap:12px;font-size:12px;align-items:start}.consent-label input{width:18px;height:18px;flex-shrink:0;margin:3px 0}.honeypot{display:none}.form-status{font-size:14px;margin:20px 0;color:var(--brand)}.aside-info{border-top:1px solid var(--brand);padding-top:25px}.aside-info h3{font:30px Newsreader,serif}.aside-info p{font-size:14px;color:var(--muted)}.legal{max-width:850px}.legal h2{font-size:29px;margin-top:35px}.filter{max-width:550px;margin:0 0 35px}.filter input{margin:0}.reading{font-size:12px;color:var(--muted);margin-bottom:20px}.fx{animation:enter .6s both}@keyframes enter{from{opacity:.2;transform:translateY(12px)}to{opacity:1;transform:none}}
@media(max-width:1100px){.nav{gap:18px}.story{gap:45px}.contact-grid,.article-layout{gap:45px}.hero h1{font-size:64px}.hero-content{max-width:490px}}
@media(max-width:800px){.wrap{width:calc(100% - 36px)}.navrow{min-height:72px;gap:12px}.logo strong{font-size:20px}.logo .symbol{width:26px}.logo small{font-size:8px}.nav{display:none;position:absolute;top:72px;left:0;right:0;background:var(--paper);padding:24px;border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch}.nav.open{display:flex}.menu{display:block;margin-left:auto}.navrow>.button{display:none}.topline{font-size:10px}.hero{height:660px;min-height:0}.hero>img{object-position:67% 100%;height:100%;object-fit:cover}.hero:after{background:linear-gradient(180deg,#fdfaf6f5 0%,#fdfaf6e9 36%,#fdfaf600 70%)}.hero .wrap{padding:40px 0}.hero-content{max-width:440px}.hero h1{font-size:48px;max-width:380px;margin-bottom:15px}.hero p{font-size:15px;max-width:330px;margin-bottom:19px}.hero .kicker{font-size:10px;margin-bottom:14px}.hero small{font-size:10px;margin-top:14px}.hero-note{bottom:16px;right:20px;font-size:10px}.hero-note b{font-size:12px}.trust .wrap{grid-template-columns:1fr 1fr;gap:15px;padding:23px 0}.trust span{font-size:11px;justify-content:start}.trust svg{width:17px}section{padding:58px 0}h2{font-size:38px}.heading{margin-bottom:30px}.offers{grid-template-columns:1fr;gap:23px;max-width:480px;margin:auto}.offerbody{padding:24px}.offerbody .checklist{display:grid;grid-template-columns:1fr 1fr;gap:5px 10px}.offerbody h3{font-size:31px}.story{grid-template-columns:1fr;gap:30px}.story .photo{order:2}.quote{font-size:28px}.steps{grid-template-columns:1fr 1fr;gap:25px}.step .n{margin-bottom:16px}.cta{display:block}.cta .button{margin-top:24px}.guides{grid-template-columns:1fr}.guide{padding-top:21px}.bloggrid{grid-template-columns:1fr 1fr;gap:18px}.article-card .cardtext{padding:18px}.article-card h3{font-size:25px}.head-row{display:block}.head-row>a{display:inline-block;margin-top:15px}.footer-grid{grid-template-columns:1fr 1fr;gap:35px}.footer-grid>div:first-child{grid-column:1/-1}.footer-bottom{display:block}.footlinks{margin-top:17px;gap:15px}.footer{padding-bottom:100px}.mobilebar{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;gap:15px;padding:10px 18px;background:var(--paper);border-top:1px solid var(--line);z-index:40}.mobilebar span{font-size:11px}.mobilebar b{font-size:17px;display:block}.mobilebar .button{min-height:43px;padding:10px 15px;font-size:12px}.cookie{bottom:82px;left:12px;width:calc(100% - 24px);max-width:390px}.pageintro{padding:40px 0}.pageintro h1{font-size:43px}.article-layout,.contact-grid{grid-template-columns:1fr;gap:45px}.sidebar{position:static}.sidebar .photo{max-width:330px}.article h2{font-size:32px}.faq summary{font-size:16px}.contact-grid{gap:38px}.form-grid{gap:19px}.pageintro p{font-size:15px}}
@media(max-width:380px){.hero h1{font-size:42px}.hero{height:640px}.hero .actions{gap:8px}.hero .button{padding:11px 16px;font-size:12px}.bloggrid{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.offerbody .checklist{grid-template-columns:1fr}.steps{gap:17px}.step h3{font-size:16px}.trust span{font-size:10px}.pageintro h1{font-size:38px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
.hero{padding:0}.footer-grid>div>a>svg{width:15px;height:15px;display:inline;vertical-align:middle}.article-section{padding:0}.article-card[hidden]{display:none}
@media(max-width:800px){.hero{height:600px}.hero>img{top:auto;bottom:0;height:320px;object-fit:cover;object-position:65% center}.hero:after{background:linear-gradient(180deg,#fdfaf6 0%,#fdfaf6 44%,#fdfaf6bb 58%,#fdfaf600 76%)}.hero h1{font-size:46px}.hero-note{bottom:12px}.hero-content{max-width:440px}}
@media(max-width:380px){.hero h1{font-size:40px}.hero{height:605px}}
main,.pageintro,.article-section,.legal,.breadcrumb{min-width:0;overflow-wrap:anywhere}.tablewrap{max-width:100%;min-width:0}.article td,.article th{overflow-wrap:anywhere}.pageintro h1{hyphens:auto}
@media(max-width:380px){.hero h1{font-size:34px}.mobilebar{gap:8px;padding-inline:12px}.mobilebar .button{white-space:nowrap;padding-inline:12px}.hero small{max-width:215px;background:var(--paper);padding:3px 5px}}
/* Verkaufspsychologie & Motion: Shine, Puls, Reveal, Schweben */
.button{position:relative;overflow:hidden}
.button:after{content:'';position:absolute;top:0;left:-75%;width:45%;height:100%;background:linear-gradient(105deg,transparent,#ffffff73,transparent);transform:skewX(-20deg);transition:left .65s ease;pointer-events:none}
.button:hover:after{left:135%}
.button svg{transition:transform .25s}
.button:hover svg{transform:translateX(4px)}
.button.pulse{animation:pulse 2.6s ease-out infinite}
@keyframes pulse{0%{box-shadow:0 8px 20px #f0a1834d,0 0 0 0 #f0a18380}70%{box-shadow:0 8px 20px #f0a1834d,0 0 0 17px #f0a18300}100%{box-shadow:0 8px 20px #f0a1834d,0 0 0 0 #f0a18300}}
[data-reveal]{opacity:0;transform:translateY(26px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.3,1);transition-delay:var(--d,0s)}
[data-reveal].in{opacity:1;transform:none}
.hero .kicker,.hero h1,.hero p,.hero .actions,.hero small{animation:heroUp .9s cubic-bezier(.2,.7,.3,1) both}
.hero h1{animation-delay:.12s}.hero p{animation-delay:.24s}.hero .actions{animation-delay:.36s}.hero small{animation-delay:.48s}
@keyframes heroUp{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}
.hero-note{animation:floaty 5s ease-in-out infinite}
@keyframes floaty{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
.offer .photo,.article-card .photo{overflow:hidden}
.offer .photo img,.article-card .photo img{transition:transform .6s cubic-bezier(.2,.7,.3,1)}
.offer:hover .photo img,.article-card:hover .photo img{transform:scale(1.05)}
.offer.featured{animation:glow 3.4s ease-in-out infinite}
@keyframes glow{0%,100%{box-shadow:0 18px 44px #f0a18330}50%{box-shadow:0 18px 56px #f0a1835c}}
.guide .arrow{display:inline-block;transition:transform .25s}
.guide:hover .arrow{transform:translateX(6px)}
.trust span{transition:transform .25s}
.trust span:hover{transform:translateY(-3px)}
.step{transition:transform .25s}
.step:hover{transform:translateY(-4px)}
.faq details p{animation:faqIn .35s ease}
@keyframes faqIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
.topline{background-size:220% 100%;animation:shimmer 9s linear infinite}
@keyframes shimmer{from{background-position:0 0}to{background-position:220% 0}}
.cta .button{white-space:nowrap}
.cta-note{font-size:12px;color:#ffffffb8;margin-top:14px}
.mobilebar .button{animation:pulse 2.6s ease-out infinite}
/* Neues Logo: Hörer-Herz mit Schriftzug — großzügig integriert */
.navrow{min-height:118px;gap:36px}
.logo{padding:12px 0}
.logoimg{height:92px;width:auto;display:block;filter:drop-shadow(0 8px 16px #f0a1832e);transition:transform .35s cubic-bezier(.2,.7,.3,1),filter .35s;animation:logoIn 1s cubic-bezier(.2,.7,.3,1) both}
.logo:hover .logoimg{transform:scale(1.04) rotate(-1deg);filter:drop-shadow(0 12px 22px #f0a18345)}
@keyframes logoIn{from{opacity:0;transform:translateY(-10px) scale(.96)}to{opacity:1;transform:none}}
.footer .logoimg{height:108px;animation:none}
@media(max-width:800px){.navrow{min-height:92px}.logoimg{height:64px}}
@media(max-width:380px){.logoimg{height:54px}}
/* Schwebende Herzen im Titelbild */
.hearts{position:absolute;inset:0;pointer-events:none;z-index:-1}
.hearts svg{position:absolute;fill:currentColor;stroke:none;opacity:.55;animation:floatHeart 9s ease-in-out infinite}
.hearts .h1{width:30px;color:var(--peach);top:16%;right:20%;animation-delay:0s}
.hearts .h2{width:20px;color:var(--mint);top:34%;right:10%;animation-delay:2.2s}
.hearts .h3{width:38px;color:var(--peach);top:58%;right:26%;animation-delay:4.1s;opacity:.4}
.hearts .h4{width:16px;color:var(--brand);top:12%;right:38%;animation-delay:6s;opacity:.45}
@keyframes floatHeart{0%,100%{transform:translateY(0) rotate(-6deg)}50%{transform:translateY(-22px) rotate(8deg)}}
/* Romantik-Typografie: Handschrift-Akzente, eleganteres Menü, wärmere Farben */
@font-face{font-family:PinyonScript;src:url('/assets/fonts/cormorant-italic.woff2') format('woff2');font-style:normal;font-weight:400 700;font-display:swap}
.kicker{font-family:PinyonScript,cursive;text-transform:none;letter-spacing:.02em;font-size:29px;font-weight:400;color:var(--brand)}
.nav>a{font-family:Newsreader,Georgia,serif;font-style:italic;font-size:17px;position:relative;padding:6px 2px}
.nav>a:after{content:'';position:absolute;left:0;bottom:0;width:0;height:2px;background:var(--grad);border-radius:2px;transition:width .3s cubic-bezier(.2,.7,.3,1)}
.nav>a:hover:after{width:100%}
.hero h1 em,h2 em{font-family:PinyonScript,cursive;font-style:normal;font-size:1.16em;line-height:1.08}
.quote{font-family:PinyonScript,Georgia,serif;font-style:normal;font-size:36px;line-height:1.2;font-weight:500;border-left:0;padding-left:0}
.price strong{color:var(--brand)}
.topline{font-family:Newsreader,Georgia,serif;font-style:italic;font-size:13px;letter-spacing:.06em}
@media(max-width:800px){.kicker{font-size:24px}.quote{font-size:32px}.hero .kicker{font-size:24px}}
/* Hörproben-Player */
.samples{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}
.sample{display:flex;gap:18px;align-items:center;border:1px solid var(--line);border-radius:20px;padding:22px;background:var(--paper);transition:transform .25s,box-shadow .25s}
.sample:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
.playbtn{width:58px;height:58px;flex-shrink:0;border:0;border-radius:50%;background:var(--grad);color:var(--ink);display:flex;align-items:center;justify-content:center;box-shadow:0 8px 20px #f0a1834d;transition:transform .2s}
.playbtn:hover{transform:scale(1.08)}
.playbtn svg{width:22px;height:22px}
.sample.playing .playbtn{animation:pulse 2s ease-out infinite}
.sampletext{min-width:0;flex:1}
.sample h3{font-family:Newsreader,Georgia,serif;font-size:22px;margin-bottom:4px}
.sample p{font-size:12px;color:var(--muted);margin:0 0 10px}
.progress{height:5px;background:var(--line);border-radius:99px;overflow:hidden}
.progress span{display:block;height:100%;width:0;background:var(--grad);border-radius:99px;transition:width .2s linear}
@media(max-width:800px){.samples{grid-template-columns:1fr;max-width:480px;margin:auto}}

/* Quality seal – stamp */
.seal{position:absolute;top:66px;right:58px;width:160px;height:160px;z-index:3;transform:rotate(-12deg);filter:drop-shadow(0 10px 22px #b8892b40);animation:stampIn .7s cubic-bezier(.2,1.6,.4,1) .4s both}
.seal text{font-family:Jost,Arial,sans-serif;font-weight:800;fill:#a87a22}
.seal .st-b{font-size:17px;letter-spacing:1px}.seal .st-m{font-size:12.5px;letter-spacing:1.5px;fill:#fff}.seal .st-s{font-size:11px;letter-spacing:4px}
@keyframes stampIn{0%{opacity:0;transform:rotate(-12deg) scale(2.2)}100%{opacity:1;transform:rotate(-12deg) scale(1)}}
@media(max-width:1100px){.seal{right:34px}}
@media(max-width:800px){.seal{top:auto;bottom:78px;right:14px;width:112px;height:112px}}
@media(max-width:380px){.seal{bottom:72px;right:10px;width:96px;height:96px}}