@font-face{font-family:Lora;src:url(/fonts/lora-latin-500-normal.woff2) format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:Lora;src:url(/fonts/lora-latin-600-normal.woff2) format("woff2");font-weight:600;font-display:swap}
@font-face{font-family:"Source Sans 3";src:url(/fonts/source-sans-3-latin-400-normal.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Source Sans 3";src:url(/fonts/source-sans-3-latin-600-normal.woff2) format("woff2");font-weight:600;font-display:swap}
@font-face{font-family:"Source Sans 3";src:url(/fonts/source-sans-3-latin-700-normal.woff2) format("woff2");font-weight:700;font-display:swap}

:root{
  --ink:#0b1a20;--ink2:#132a33;--panel:#1a3540;
  --white:#fff;--warm:#f6f0e2;--rule:#e2d9c4;
  --text:#26322f;--muted:#4c5a63;--on-ink:#f4f6f5;--on-ink-muted:#c3ced0;
  --yellow:#ffd21f;--yellow-d:#d9a900;--red:#d3251c;--green:#14804a;
  --head:Lora,Georgia,serif;--body:"Source Sans 3",Arial,sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--white);color:var(--text);font:400 1.25rem/1.6 var(--body)}
img{display:block;max-width:100%;height:auto}
h1,h2,h3{font-family:var(--head);font-weight:500;line-height:1.1;margin:0;letter-spacing:-.01em;text-wrap:balance}
p{margin:0 0 1em;text-wrap:pretty}
li,dd,summary{text-wrap:pretty}
a{color:inherit}
ul,ol{margin:0;padding:0;list-style:none}
b{font-weight:600}
em{font-style:normal;color:var(--yellow)}
.wrap{width:min(1120px,100% - 2.5rem);margin-inline:auto}
.center{text-align:center}
.nw{white-space:nowrap}
.center,.hero-sub,.hero-support,.plan-foot,.safe,.once,.punch{text-wrap:balance}
.upper{text-transform:uppercase}
section{padding:clamp(3.25rem,7vw,5.5rem) 0}
.light{background:var(--white)}
.warm{background:var(--warm)}
.dark{background:var(--ink);color:var(--on-ink)}
.title{font-size:clamp(2.05rem,4.6vw,3.1rem);margin-bottom:.6em}
.lead{font-size:clamp(1.2rem,2.2vw,1.35rem);line-height:1.5}
.cta{margin-top:2.5rem;text-align:center}

.btn>span:first-child:not([aria-hidden]){text-align:center}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5em;min-height:66px;padding:.9rem 2.1rem;background:var(--yellow);color:#111;font:700 1.4rem/1.2 var(--body);letter-spacing:.02em;text-transform:uppercase;text-decoration:none;text-align:center;border-radius:8px;box-shadow:0 5px 0 var(--yellow-d);transition:transform .1s,box-shadow .1s,background .1s}
.btn:hover{background:#ffdc4d;transform:translateY(-1px);box-shadow:0 6px 0 var(--yellow-d)}
.btn:active{transform:translateY(4px);box-shadow:0 1px 0 var(--yellow-d)}
.btn-small{width:100%;min-height:54px;padding:.5rem 1rem;font-size:1.12rem;box-shadow:0 3px 0 var(--yellow-d)}
.safe{margin:1rem 0 0;font-size:1.08rem}
.safe-dark{color:inherit}
:focus-visible{outline:3px solid var(--green);outline-offset:3px}
.dark :focus-visible,.hero :focus-visible{outline-color:var(--yellow)}

.topbar{margin:0;padding:.55rem 1rem;background:var(--red);color:#fff;font-weight:600;font-size:1.02rem;text-align:center}
.parts .sep{opacity:.65}

.hero{position:relative;color:var(--on-ink);background:var(--ink) url(/img/hero.webp) center/cover no-repeat;overflow:hidden}
.hero::before{content:"";position:absolute;inset:0;background:rgba(11,26,32,.86)}
.hero-center{position:relative;padding:clamp(1.75rem,3.5vw,3rem) 0;text-align:center}
.hero-copy{max-width:980px;margin-inline:auto}
.brand{font:600 1.05rem/1.2 var(--body);letter-spacing:.1em;color:var(--yellow);margin-bottom:.9rem}
.hero h1{font-size:clamp(2.6rem,4.7vw,3.75rem);line-height:1.04;margin-bottom:.45em}
.hero-sub{font-size:clamp(1.3rem,2.2vw,1.55rem);line-height:1.4;margin-bottom:.8rem}
.hero-support{max-width:46em;margin:1.2rem auto 0;font-size:1.1rem;line-height:1.55;color:var(--on-ink-muted)}
.bonus-badge{display:block;margin:.25rem auto 1rem;color:var(--yellow);font:600 1.25rem/1.3 var(--body);letter-spacing:.02em}
.hero-art{width:min(100%,600px);margin:.5rem auto 1.25rem;filter:drop-shadow(0 24px 30px rgba(0,0,0,.55))}

.pages{display:flex;gap:1rem;overflow-x:auto;scroll-snap-type:x proximity;padding:.75rem max(1.25rem,calc((100% - 1120px)/2)) 1.25rem;scrollbar-width:thin}
.pages .page{flex:0 0 clamp(230px,26vw,290px);scroll-snap-align:center;padding:0;background:none;border:0;cursor:zoom-in}
.pages img{width:100%;border-radius:3px;box-shadow:0 6px 18px rgba(30,25,10,.3)}
.trip3{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem;max-width:820px;margin:0 auto 2.5rem}
.trip3 figure{position:relative;margin:0;overflow:hidden;border-radius:8px}
.trip3 img{width:100%;aspect-ratio:4/5;object-fit:cover}
.trip3 figcaption{position:absolute;inset:auto 0 0;padding:1.75rem .4rem .6rem;background:linear-gradient(transparent,rgba(5,15,20,.85));color:#fff;font:500 clamp(.95rem,2.2vw,1.25rem)/1.15 var(--head)}
.carousel-wrap{position:relative;max-width:1240px;margin:1.5rem auto 0}
.carousel{display:flex;gap:1.1rem;overflow-x:auto;scroll-snap-type:x mandatory;padding:.5rem max(1.25rem,calc((100% - 1120px)/2)) 1.25rem;scrollbar-width:thin}
.era{flex:0 0 clamp(270px,30vw,340px);scroll-snap-align:center;padding:1rem;background:var(--white);border-radius:10px;box-shadow:0 8px 24px rgba(60,45,15,.12)}
.era .page{display:block;width:100%;margin-bottom:.9rem;padding:0;background:none;border:0;cursor:zoom-in}
.era img{width:100%;border-radius:4px}
.era h3{font-size:1.4rem;margin-bottom:.45rem}
.era p:last-child{margin:0;font-size:1.12rem;line-height:1.48}
.tag{margin:0 0 .3rem;font-weight:600;font-size:1.02rem;color:var(--red)}
.car-btn{position:absolute;top:38%;z-index:2;width:52px;height:52px;border:0;border-radius:50%;background:var(--ink);color:var(--yellow);font:600 2rem/1 var(--head);cursor:pointer;box-shadow:0 4px 12px rgba(0,0,0,.3)}
.car-prev{left:.5rem}.car-next{right:.5rem}

.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1.1rem;margin-top:1.5rem}
.cards li{overflow:hidden;background:var(--warm);border-radius:10px}
.cards img{width:100%;aspect-ratio:16/9;object-fit:cover}
.card-text{padding:1.1rem 1.25rem 1.3rem}
.cards h3{font-size:1.32rem;line-height:1.2;margin-bottom:.45rem}
.cards p{margin:0;font-size:1.14rem;line-height:1.48}

.receive{display:grid;grid-template-columns:5fr 7fr;gap:clamp(1.5rem,4vw,3rem);align-items:center;margin-top:1.5rem}
.receive>img{width:100%;max-width:360px;margin-inline:auto}
.checks li{position:relative;padding:.6rem 0 .6rem 2.2rem;font-size:1.15rem;line-height:1.42}
.checks li::before{content:"";position:absolute;left:.2rem;top:.95rem;width:1rem;height:.5rem;border-left:4px solid var(--green);border-bottom:4px solid var(--green);transform:rotate(-45deg)}
.checks-light li{border-bottom:1px solid var(--rule)}
.pills{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:1.1rem}
.pills li{padding:.15rem .75rem;background:var(--white);border:1px solid var(--rule);border-radius:99px;font-size:1.02rem}
.and-more{margin:3rem 0 1.5rem;text-align:center}
.and-more p{margin:0 0 .4rem;font-weight:600;color:var(--red)}
.and-more h3{font-size:clamp(1.7rem,3.6vw,2.4rem)}
.bonuses{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}
.bonus{display:flex;flex-direction:column;padding:1.5rem;background:var(--warm);border-radius:12px}
.bonus-no{align-self:flex-start;margin:0 0 .8rem;padding:.25rem .7rem;background:var(--red);color:#fff;font:600 1rem/1.3 var(--head);border-radius:6px}
.bonus-book{width:min(64%,250px);margin:0 auto 1.1rem}
.bonus h3{font-size:1.4rem;margin-bottom:.6rem}
.bonus>p:not(.bonus-no):not(.bonus-val){font-size:1.12rem;line-height:1.5}
.minis{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;margin:.3rem 0 1rem}
.minis .page{padding:0;background:none;border:0;cursor:zoom-in}
.minis img{width:100%;border-radius:3px;box-shadow:0 4px 12px rgba(30,25,10,.28)}
.bonus-val{margin:auto 0 0;text-align:center}
.bonus-val b{color:var(--green);font-weight:600;font-size:1.25rem}

.offer{background:linear-gradient(180deg,var(--ink),var(--ink2))}
.offer-bar{max-width:640px;margin:0 auto 1.1rem;padding:.5rem 1rem;background:var(--red);color:#fff;font-weight:700;font-size:1rem;text-align:center;border-radius:6px}
.deal{max-width:640px;margin-inline:auto;padding:clamp(1.4rem,4vw,2.25rem);background:var(--white);color:var(--text);border:4px solid var(--yellow);border-radius:14px;box-shadow:0 24px 54px rgba(0,0,0,.5);text-align:center}
.deal h2{font-size:clamp(1.8rem,4vw,2.5rem);margin-bottom:.9rem}
.deal>img{width:min(100%,400px);margin:0 auto 1rem}
.value{width:100%;border-collapse:collapse;text-align:left;font-size:1.1rem;line-height:1.38}
.value td{padding:.7rem 0;border-bottom:1px solid var(--rule);vertical-align:top}
.value td b{font-weight:600}
.value td:last-child{padding-left:1rem;font-weight:600;text-align:right;white-space:nowrap}
.deal-note{margin:.8rem 0;font-size:1.05rem;color:var(--muted)}
.deal-total{margin:0;font-size:1.25rem}
.deal-today{margin:.6rem 0 0;font:600 1.3rem/1 var(--head);color:var(--red);text-transform:uppercase}
.price{margin:.15rem 0 0;font:600 clamp(4rem,10vw,5.5rem)/1 var(--head);color:var(--red)}
.once{margin:.2rem 0 1rem;font-size:1.08rem}
.deal .btn{width:100%}
.trust{margin:1rem 0 0;font-size:1.05rem}
.plan-foot{max-width:44em;margin:1.75rem auto 0;text-align:center;font-size:1rem;color:var(--on-ink-muted)}

.g-grid{display:grid;grid-template-columns:auto 1fr;gap:clamp(1.5rem,4vw,3rem);align-items:center;max-width:920px}
.seal{display:flex;flex-direction:column;align-items:center;justify-content:center;width:clamp(140px,18vw,175px);aspect-ratio:1;border-radius:50%;background:var(--green);color:#fff;box-shadow:0 0 0 6px var(--warm),0 0 0 9px var(--green)}
.seal i{font:600 .92rem/1.2 var(--head)}
.seal b{font:600 clamp(3.1rem,6vw,4rem)/.95 var(--head)}
.seal span{font:600 1.05rem/1.2 var(--head);text-transform:uppercase}
.guarantee .title{font-size:clamp(1.85rem,4vw,2.75rem);margin-bottom:.5em}
.g-checks{display:flex;flex-wrap:wrap;gap:.25rem 1.2rem;margin:0;font-weight:600;color:var(--green)}
.g-checks span{white-space:nowrap}

.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;counter-reset:s;margin-top:.5rem}
.steps li{counter-increment:s;padding:1.35rem;background:var(--warm);border-radius:10px}
.steps li::before{content:counter(s);display:flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;border-radius:50%;background:var(--ink);color:var(--yellow);font:600 1.45rem/1 var(--head);margin-bottom:.8rem}
.steps h3{font-size:1.4rem;margin-bottom:.35rem}
.steps p{margin:0;font-size:1.14rem;line-height:1.45}

.faq{max-width:820px}
details{border-bottom:1px solid var(--rule)}
details:first-of-type{border-top:1px solid var(--rule)}
summary{position:relative;padding:1.1rem 2.5rem 1.1rem 0;font-weight:600;font-size:1.22rem;line-height:1.35;cursor:pointer;list-style:none}
summary::-webkit-details-marker{display:none}
summary::after{content:"+";position:absolute;right:.2rem;top:.7rem;font:600 1.9rem/1.2 var(--head);color:var(--red)}
details[open] summary::after{content:"–"}
details p{padding-bottom:.4rem}

.last .title{max-width:17em;margin-inline:auto}
.last .lead{margin-bottom:1.5rem}

.foot{background:#061115;color:var(--on-ink-muted);padding:2.75rem 0;font-size:1.02rem;line-height:1.55}
.foot-in{max-width:780px;text-align:center}
.foot p{margin:0 0 .6rem;text-wrap:balance}
.foot a{color:var(--on-ink)}
.foot-legal{margin:1.25rem 0!important;font-size:.92rem;line-height:1.55;text-wrap:pretty!important}
.foot nav{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:.1rem .6rem;margin:1.25rem 0 .9rem}
.foot nav a{display:inline-block;padding:.35rem 0}
.foot nav span{opacity:.5}

.sticky{position:fixed;inset:auto 0 0;z-index:20;display:none;padding:.55rem .75rem calc(.65rem + env(safe-area-inset-bottom));background:var(--ink);border-top:3px solid var(--yellow)}

.zoom{width:min(760px,96vw);max-height:96vh;padding:0;border:0;background:transparent;overflow:auto}
.zoom::backdrop{background:rgba(5,14,18,.88)}
.zoom img{width:100%}
.zoom-x{position:sticky;top:.5rem;float:right;margin:.5rem;width:50px;height:50px;border:0;border-radius:50%;background:var(--yellow);color:#111;font:600 2rem/1 var(--body);cursor:pointer}

.legal{max-width:760px;margin-inline:auto;padding:3rem 1.25rem 5rem}
.legal h1{font-size:clamp(1.85rem,6vw,3.25rem);overflow-wrap:anywhere;margin-bottom:.6em}
.legal h2{font-size:1.5rem;margin:1.8em 0 .5em}
.legal-top{background:var(--ink);padding:1rem 0}
.legal-top a{color:var(--yellow);font:600 1.15rem/1 var(--head);text-decoration:none}

@media (max-width:860px){
  .sticky.is-on{display:block}
  .foot{padding-bottom:6.5rem}
  .hero{background-image:url(/img/hero-m.webp)}
  .btn{width:100%}
  .car-btn{display:none}
  .cards{grid-template-columns:1fr 1fr}
  .receive,.bonuses,.steps{grid-template-columns:1fr}
}
@media (max-width:560px){
  body{font-size:1.19rem}
  .hero h1{font-size:2.3rem;line-height:1.14}
  .hero-art{width:88%}
  .receive>img{max-width:270px}
  .title{font-size:1.85rem}
  .last .title{font-size:1.75rem}
  .bonus{padding:1.25rem}
  .bonus h3{font-size:1.24rem}
  .deal .btn{padding-inline:.6rem;font-size:1.1rem}
  .guarantee p{text-wrap:balance}
  .parts .sep{display:none}
  .foot nav span{display:none}
  .foot nav{gap:.1rem 1.2rem}
  .parts>span{display:block}
  .topbar{font-size:.86rem;line-height:1.45}
  .safe.parts>span+span,.trust>span+span{margin-top:.15rem}
  .g-checks{flex-direction:column;align-items:center}
  .hero-support{font-size:1.02rem;line-height:1.5}
  .cards{grid-template-columns:1fr}
  .era{flex-basis:82%}
  .g-grid{grid-template-columns:1fr;justify-items:center;text-align:center}
  .g-checks{justify-content:center}
  .btn{font-size:1.28rem;padding-inline:.9rem}
  .btn-small{font-size:1.14rem}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *{transition:none!important}
}

/* Mitgliederbereich */
.m-login{min-height:100vh;background:linear-gradient(rgba(11,26,32,.88),rgba(11,26,32,.88)),var(--ink) url(/img/hero.webp) center/cover no-repeat;color:var(--on-ink)}
.m-login-wrap{display:flex;flex-direction:column;align-items:center;width:min(480px,100% - 2.5rem);margin-inline:auto;padding:1.75rem 0 2.5rem;text-align:center}
.m-login-wrap .brand{margin-bottom:.75rem}
.m-login-art{width:min(82%,340px);margin-bottom:1.1rem;filter:drop-shadow(0 18px 22px rgba(0,0,0,.55))}
.m-card{width:100%;padding:clamp(1.4rem,5vw,2rem);background:var(--white);color:var(--text);border-radius:14px;box-shadow:0 24px 54px rgba(0,0,0,.5);text-align:left}
.m-card h1{font-size:clamp(1.55rem,5vw,1.9rem);margin-bottom:.45rem}
.m-card-sub{font-size:1.1rem;line-height:1.45;color:var(--muted)}
.m-card label{display:block;margin:.9rem 0 .3rem;font-weight:600;font-size:1.08rem}
.m-card input{width:100%;min-height:54px;padding:.6rem .85rem;border:1.5px solid #b9b3a4;border-radius:8px;background:#fff;color:var(--text);font:400 1.15rem/1.3 var(--body)}
.m-card input:focus{outline:3px solid var(--yellow);border-color:var(--ink)}
.m-card .btn{width:100%;margin-top:1.25rem}
.m-error{margin:.8rem 0 0;color:var(--red);font-weight:600;font-size:1.05rem}
.m-help{margin:1.1rem 0 0;font-size:1.02rem;color:var(--muted);text-align:center;text-wrap:balance}

.m-area{background:var(--warm)}
.m-top{background:var(--ink);color:var(--on-ink)}
.m-top-in{display:flex;align-items:center;justify-content:space-between;min-height:62px}
.m-logo{margin:0;color:var(--yellow);font:600 1.2rem/1 var(--head)}
.m-logout{min-height:44px;padding:.3rem .9rem;background:none;border:1px solid #4a6470;border-radius:6px;color:var(--on-ink);font:400 1.02rem/1 var(--body);cursor:pointer}
.m-logout:hover{border-color:var(--on-ink)}
.m-hero{padding:clamp(2.25rem,5vw,3.25rem) 0;background:var(--ink) url(/img/hero.webp) center/cover;box-shadow:inset 0 0 0 100vmax rgba(11,26,32,.82);color:var(--on-ink);text-align:center}
.m-hero h1{font-size:clamp(2.1rem,5vw,3.1rem);margin-bottom:.4em}
.m-hero p{max-width:34em;margin:0 auto;font-size:clamp(1.2rem,2.2vw,1.35rem);line-height:1.45;text-wrap:balance}
.m-books-sec{padding:clamp(2rem,5vw,3.5rem) 0}
.m-book{display:flex;flex-direction:column;background:var(--white);border-radius:14px;box-shadow:0 8px 24px rgba(60,45,15,.12);overflow:hidden}
.m-book-art{display:flex;justify-content:center;padding:1.5rem 1.5rem .5rem;background:linear-gradient(180deg,#efe6d0,#fff)}
.m-book-art img{width:auto;height:240px;filter:drop-shadow(0 12px 14px rgba(40,30,10,.3))}
.m-book-body{display:flex;flex:1;flex-direction:column;padding:1rem 1.5rem 1.6rem}
.m-book h2{font-size:1.4rem;line-height:1.2;margin-bottom:.5rem}
.m-book-text{margin-bottom:.6rem;font-size:1.12rem;line-height:1.45}
.m-book-meta{margin:auto 0 1rem;padding-top:.4rem;color:var(--muted);font-size:1.02rem}
.m-book .btn{width:100%}
.m-save{display:block;margin-top:.8rem;padding:.3rem 0;color:var(--muted);font-size:1.02rem;text-align:center}
.m-book-main{flex-direction:row;align-items:stretch;margin-bottom:1.25rem}
.m-book-main .m-book-art{flex:0 0 38%;align-items:center;padding:1.75rem;background:linear-gradient(90deg,#efe6d0,#fff)}
.m-book-main .m-book-art img{height:320px}
.m-book-main .m-book-body{justify-content:center;padding:2rem 2.25rem 2rem .75rem}
.m-book-main h2{font-size:clamp(1.6rem,3vw,2.2rem)}
.m-book-main .m-book-meta{margin-top:.2rem}
.m-book-main .btn{width:fit-content}
.m-book-main .m-save{text-align:left}
.m-bonus-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}
.m-help-sec{padding:clamp(2.5rem,5vw,3.5rem) 0;background:var(--white)}
.m-help-grid{display:grid;grid-template-columns:3fr 2fr;gap:clamp(1.5rem,4vw,3rem);align-items:start}
.m-help-sec h2{font-size:clamp(1.6rem,3vw,2rem);margin-bottom:.7rem}
.m-support{padding:1.5rem;background:var(--warm);border-radius:12px}
.m-support-mail{display:block;font-weight:600;font-size:1.08rem;overflow-wrap:anywhere}
.m-channel{padding:clamp(2.5rem,5vw,3.5rem) 0;background:var(--ink);color:var(--on-ink)}
.m-channel h2{font-size:clamp(1.6rem,3.5vw,2.2rem);margin-bottom:.4em}
.m-channel .text-link{display:inline-block;padding:.5rem 0;color:var(--yellow);font-weight:600}
@media (max-width:760px){
  .m-book-main{flex-direction:column}
  .m-book-main .m-book-art{padding:1.5rem 1.5rem .5rem;background:linear-gradient(180deg,#efe6d0,#fff)}
  .m-book-main .m-book-art img{height:260px}
  .m-book-main .m-book-body{padding:1rem 1.5rem 1.6rem}
  .m-book-main .btn{width:100%}
  .m-book-main .m-save{text-align:center}
  .m-bonus-grid,.m-help-grid{grid-template-columns:1fr}
  .m-area .foot{padding-bottom:2.5rem}
}