:root{
  --sky:#76bce7;
  --sky-light:#d9f2ff;
  --sky-deep:#4c9fd4;
  --orange:#f29400;
  --orange-deep:#d86d00;
  --yellow:#ffd12a;
  --yellow-soft:#fff0a8;
  --green:#335d27;
  --green-2:#4f7a31;
  --green-3:#7d9d31;
  --cream:#fffaf0;
  --paper:#fffdf7;
  --ink:#1e261c;
  --muted:#586254;
  --red:#cf2f22;
  --line:#ded8c7;
  --shadow:0 22px 60px rgba(53,66,37,.18);
  --shadow-small:0 10px 28px rgba(45,58,31,.14);
  --radius:22px;
  --container:1180px;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:94px}
body{
  margin:0;
  color:var(--ink);
  background:var(--cream);
  font-family:Arial,Helvetica,sans-serif;
  line-height:1.6;
  overflow-x:hidden;
  -webkit-font-smoothing:antialiased;
}
img{max-width:100%;height:auto}
a{color:inherit}
button,input,textarea,select{font:inherit}
.container{width:min(var(--container),calc(100% - 40px));margin:0 auto}
.skip-link{position:fixed;left:12px;top:-80px;z-index:9999;background:#fff;color:#111;padding:10px 14px;border-radius:8px;box-shadow:var(--shadow-small)}
.skip-link:focus{top:12px}

/* Header */
.site-header{
  position:sticky;
  top:0;
  z-index:1000;
  background:rgba(255,250,240,.93);
  backdrop-filter:blur(14px);
  border-bottom:1px solid rgba(54,93,39,.14);
}
.nav-wrap{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{
  position:relative;
  display:inline-grid;
  grid-template-columns:auto auto;
  align-items:end;
  gap:0 5px;
  text-decoration:none;
  padding:8px 18px 9px;
  color:#ffe16a;
  background:linear-gradient(145deg,#2e5427,#456f2d);
  border:3px solid #d28b16;
  border-radius:54% 46% 52% 48% / 48% 50% 50% 52%;
  box-shadow:inset 0 0 0 2px rgba(255,225,105,.28),0 5px 0 rgba(89,55,6,.16);
  transform:rotate(-1deg);
  line-height:1;
}
.brand::after{content:"";position:absolute;left:14px;right:14px;bottom:7px;height:2px;background:#efa01b;opacity:.72;transform:rotate(-2deg)}
.brand-kicker{font-size:10px;letter-spacing:.14em;font-weight:800;align-self:start;margin-top:3px}
.brand-main{grid-row:1 / span 2;grid-column:2;font-family:Georgia,"Times New Roman",serif;font-style:italic;font-weight:900;font-size:25px;letter-spacing:-.04em;text-shadow:0 1px 0 rgba(0,0,0,.25)}
.brand-year{font-size:12px;font-weight:900;letter-spacing:.12em}
.brand-est{position:absolute;right:18px;bottom:-14px;color:var(--green);font-size:8px;letter-spacing:.16em;font-weight:800}
.main-nav{display:flex;align-items:center;gap:24px;font-size:14px;font-weight:700}
.main-nav a{text-decoration:none;position:relative}
.main-nav>a:not(.nav-buy)::after{content:"";position:absolute;left:0;right:100%;bottom:-6px;height:3px;background:var(--orange);border-radius:9px;transition:.2s ease}
.main-nav>a:not(.nav-buy):hover::after{right:0}
.nav-buy{padding:11px 16px;border-radius:999px;color:#fff;background:linear-gradient(135deg,var(--orange),#ffad16);box-shadow:0 8px 20px rgba(242,148,0,.28)}
.nav-toggle{display:none;border:0;background:transparent;padding:8px;cursor:pointer}
.nav-toggle span{display:block;width:26px;height:3px;background:var(--green);border-radius:99px;margin:5px 0}

/* Hero: poster-like, inspired by cover */
.hero{
  position:relative;
  isolation:isolate;
  min-height:690px;
  overflow:hidden;
  background:
    radial-gradient(circle at 78% 20%,rgba(255,255,255,.9) 0 3%,transparent 3.4%),
    radial-gradient(circle at 70% 13%,rgba(255,255,255,.58) 0 2.7%,transparent 3%),
    linear-gradient(180deg,var(--sky-light) 0%,var(--sky) 60%,#9dc777 60.5%,#88b45b 100%);
}
.hero::before{
  content:"";
  position:absolute;
  inset:auto -8% -115px -8%;
  height:310px;
  background:
    radial-gradient(circle at 8% 26%,#ffd72a 0 5px,transparent 6px),
    radial-gradient(circle at 14% 42%,#ffcf1d 0 4px,transparent 5px),
    radial-gradient(circle at 22% 21%,#ffe53a 0 5px,transparent 6px),
    radial-gradient(circle at 31% 52%,#ffcb17 0 5px,transparent 6px),
    radial-gradient(circle at 41% 25%,#ffe13a 0 5px,transparent 6px),
    radial-gradient(circle at 52% 44%,#ffd523 0 4px,transparent 5px),
    radial-gradient(circle at 62% 18%,#ffdc20 0 5px,transparent 6px),
    radial-gradient(circle at 76% 46%,#ffe034 0 4px,transparent 5px),
    radial-gradient(circle at 88% 26%,#ffd21a 0 5px,transparent 6px),
    linear-gradient(180deg,#89b65a 0%,#5f8d3d 100%);
  border-radius:50% 50% 0 0 / 28% 28% 0 0;
  transform:rotate(-2deg);
  z-index:-1;
}
.hero::after{
  content:"";
  position:absolute;
  top:-220px;
  left:-170px;
  width:560px;
  height:560px;
  border-radius:50%;
  background:repeating-conic-gradient(from -10deg,rgba(255,209,42,.55) 0 10deg,rgba(255,255,255,0) 10deg 21deg);
  opacity:.6;
  z-index:-2;
}
.hero-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:48px;align-items:center;padding:74px 0 94px}
.hero-copy{position:relative;z-index:3}
.eyebrow{
  display:inline-block;
  font-size:12px;
  font-weight:900;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:var(--green);
  background:var(--yellow);
  border:2px solid rgba(43,79,31,.12);
  padding:7px 12px;
  border-radius:6px 12px 7px 11px;
  box-shadow:3px 4px 0 rgba(207,47,34,.15);
  transform:rotate(-1deg);
}
.hero h1{margin:18px 0 12px;font-size:clamp(56px,8vw,104px);line-height:.87;letter-spacing:-.065em;color:var(--green);font-family:Arial Black,Arial,Helvetica,sans-serif;text-transform:uppercase}
.hero h1 span{display:block;color:var(--orange);font-size:.92em;text-shadow:3px 3px 0 #fff1a8,7px 7px 0 rgba(51,93,39,.14)}
.hero-sub{display:inline-block;margin:10px 0 12px;font-size:21px;font-weight:900;color:#fff;background:var(--green);padding:9px 15px;border-radius:4px;transform:rotate(.4deg);box-shadow:7px 7px 0 rgba(242,148,0,.26)}
.hero-lead{max-width:680px;font-size:18px;color:#263322;margin:20px 0 23px;background:rgba(255,253,247,.78);padding:15px 18px;border-left:5px solid var(--orange);box-shadow:0 8px 30px rgba(52,73,37,.08)}
.hero-badges{display:flex;flex-wrap:wrap;gap:9px;margin:20px 0 25px}
.hero-badges span{background:#fff;border:1px solid rgba(51,93,39,.18);border-radius:999px;padding:8px 13px;font-size:13px;font-weight:800;box-shadow:0 6px 16px rgba(54,77,40,.08)}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:13px 20px;border-radius:10px;text-decoration:none;font-weight:900;letter-spacing:.01em;transition:.2s ease;border:2px solid transparent}
.btn:hover{transform:translateY(-2px)}
.btn-primary{background:linear-gradient(135deg,var(--orange),#ffb51c);color:#fff;box-shadow:0 10px 24px rgba(213,111,0,.25)}
.btn-secondary{background:#fff;color:var(--green);border-color:rgba(51,93,39,.24)}
.btn-light{background:#fff;color:var(--green);box-shadow:0 10px 26px rgba(84,43,0,.16)}
.btn-large{padding:15px 25px;font-size:17px}
.microcopy{font-size:12px;font-weight:700;color:#53604d;margin:12px 0 0}

.hero-art{position:relative;min-height:540px;display:flex;align-items:center;justify-content:center;z-index:2}
.hero-orbit{position:absolute;width:520px;height:520px;border:3px dashed rgba(255,255,255,.58);border-radius:50%;transform:rotate(-8deg);box-shadow:0 0 0 18px rgba(255,209,42,.13)}
.cover-card{position:relative;width:min(390px,74%);z-index:5;transform:rotate(2.5deg);filter:drop-shadow(0 28px 30px rgba(40,63,30,.28))}
.cover-card>img{display:block;width:100%;border:10px solid #fff;border-radius:10px;box-shadow:0 0 0 2px rgba(49,86,36,.13)}
.edition-seal{
  position:absolute;
  right:-62px;
  top:44px;
  width:115px;
  height:115px;
  border-radius:50%;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  color:#fff;
  background:var(--green);
  border:7px double #f7cb3d;
  transform:rotate(10deg);
  box-shadow:0 10px 24px rgba(0,0,0,.18);
}
.edition-seal strong{font-size:18px;line-height:1}
.edition-seal span{font-size:10px;letter-spacing:.16em;margin-top:6px}
.cover-note{
  position:absolute;
  left:-60px;
  bottom:70px;
  min-width:135px;
  padding:15px 17px 13px;
  background:linear-gradient(145deg,#ffe05b,#ffba17);
  color:#1d251b;
  text-align:center;
  border:2px solid rgba(111,75,0,.14);
  border-radius:9px 14px 8px 12px;
  box-shadow:8px 10px 0 rgba(207,47,34,.16),0 12px 25px rgba(46,45,22,.2);
  transform:rotate(-7deg);
}
.cover-note small,.cover-note span{display:block;font-size:10px;font-weight:900;letter-spacing:.16em}
.cover-note strong{display:block;font-size:31px;line-height:1.05;color:var(--green);font-family:Arial Black,Arial,sans-serif}
.cover-note-pin{position:absolute;width:18px;height:18px;border-radius:50%;background:var(--red);top:-8px;box-shadow:0 4px 5px rgba(0,0,0,.25)}
.cover-note-pin::after{content:"";position:absolute;left:7px;top:14px;width:4px;height:11px;background:#8e1f1b;border-radius:3px;transform:rotate(8deg)}
.cover-note-pin-left{left:18px}.cover-note-pin-right{right:18px}
.hero-snapshot{position:absolute;width:168px;margin:0;background:#fff;padding:9px 9px 31px;box-shadow:0 16px 34px rgba(36,63,28,.22);z-index:2;border:1px solid rgba(54,79,40,.12)}
.hero-snapshot img{display:block;width:100%}
.hero-snapshot figcaption{position:absolute;bottom:7px;left:10px;font-size:10px;font-weight:900;letter-spacing:.16em;color:var(--green)}
.hero-snapshot-one{left:-18px;top:40px;transform:rotate(-12deg)}
.hero-snapshot-two{right:-12px;bottom:28px;transform:rotate(9deg)}

/* Gelber Balken über die komplette Browserbreite */
.retro-ticker {
    width: 100%;
    background: #ffd32a;
    border-top: 3px solid #f2a900;
    border-bottom: 3px solid #f2a900;
    box-sizing: border-box;
}

/* Sichtbarer Tickerbereich innerhalb der normalen Seitenbreite */
.retro-ticker-window {
    width: calc(100% - 40px);
    max-width: 1180px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
}

/* Laufende Textspur */
.retro-ticker-track {
    display: flex;
    width: max-content;
    align-items: center;
    animation: superSimmeTicker 24s linear infinite;
    will-change: transform;
}

/* Einzelner Textblock */
.retro-ticker-item {
    display: block;
    flex-shrink: 0;
    white-space: nowrap;

    padding: 10px 32px;

    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    line-height: 20px;
    font-weight: 900;
    letter-spacing: 2px;

    color: #17552c;
    text-transform: uppercase;
}

/* Endlosschleife */
@keyframes superSimmeTicker {
    from {
        transform: translateX(0);
    }

    to {
        transform: translateX(-50%);
    }
}

/* Optional: bei Mausberührung anhalten */
.retro-ticker:hover .retro-ticker-track {
    animation-play-state: paused;
}

/* Smartphone */
@media screen and (max-width: 700px) {
    .retro-ticker-window {
        width: calc(100% - 24px);
    }

    .retro-ticker-track {
        animation-duration: 18s;
    }

    .retro-ticker-item {
        padding: 9px 24px;
        font-size: 12px;
        letter-spacing: 1.3px;
    }
}

.trust-strip{background:#2e5427;color:#fff;border-bottom:6px solid var(--orange)}
.trust-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0}
.trust-grid>div{padding:22px 20px;text-align:center;border-right:1px solid rgba(255,255,255,.18)}
.trust-grid>div:last-child{border-right:0}
.trust-grid strong{display:block;color:#ffe169;font-size:20px;line-height:1.2}
.trust-grid span{font-size:12px;text-transform:uppercase;letter-spacing:.1em;opacity:.88}

/* Sections */
.section{padding:88px 0;position:relative}
.section-heading{max-width:760px;margin:0 auto 42px;text-align:center}
.section-heading h2,.specs h2,.gift-copy h2,.scarcity h2,.final-cta h2{font-family:Arial Black,Arial,Helvetica,sans-serif;line-height:1.05;letter-spacing:-.045em;margin:15px 0 14px;font-size:clamp(34px,5vw,58px)}
.section-heading p,.specs-lead,.gift-copy p{color:var(--muted);font-size:17px}
.highlights-section{background:
  radial-gradient(circle at 10% 10%,rgba(118,188,231,.18) 0 70px,transparent 72px),
  radial-gradient(circle at 94% 12%,rgba(255,209,42,.26) 0 95px,transparent 97px),
  linear-gradient(180deg,#fffdf7,#fff7e9)}
.highlights-section::before{content:"";position:absolute;left:-45px;top:170px;width:150px;height:150px;border:24px solid rgba(242,148,0,.14);border-radius:50%}
.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.feature-card{position:relative;min-height:235px;padding:28px 24px 24px;background:#fff;border:1px solid rgba(61,91,46,.13);box-shadow:var(--shadow-small);overflow:hidden;transition:.2s ease}
.feature-card:nth-child(1){border-radius:26px 8px 20px 12px;border-top:8px solid var(--sky-deep)}
.feature-card:nth-child(2){border-radius:10px 24px 12px 24px;border-top:8px solid var(--yellow)}
.feature-card:nth-child(3){border-radius:24px 10px 22px 8px;border-top:8px solid var(--orange)}
.feature-card:nth-child(4){border-radius:10px 24px 8px 22px;border-top:8px solid #7ea236}
.feature-card:nth-child(5){border-radius:26px 8px 24px 10px;border-top:8px solid var(--red);background:#fff5c8}
.feature-card:nth-child(6){border-radius:12px 26px 10px 24px;border-top:8px solid #8abfe2}
.feature-card:hover{transform:translateY(-6px) rotate(-.4deg);box-shadow:var(--shadow)}
.feature-num{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:var(--green);color:#fff;font-weight:900;font-size:13px;box-shadow:5px 5px 0 var(--yellow)}
.feature-card h3{font-size:21px;line-height:1.2;margin:21px 0 9px;color:var(--green)}
.feature-card p{margin:0;color:#4d5749;font-size:15px}
.feature-card::after{content:"★";position:absolute;right:15px;top:11px;font-size:27px;color:rgba(51,93,39,.07);transform:rotate(12deg)}

/* Gallery */
.gallery-section{
  overflow:hidden;
  background:
    radial-gradient(circle at 85% 15%,rgba(255,255,255,.9) 0 52px,rgba(255,255,255,.22) 53px 82px,transparent 83px),
    linear-gradient(180deg,#6eb7e5 0%,#94cbea 55%,#f0d86a 55.2%,#eec955 100%);
}
.gallery-section::before{content:"";position:absolute;right:-170px;top:-190px;width:520px;height:520px;border-radius:50%;background:repeating-conic-gradient(rgba(255,215,42,.48) 0 10deg,transparent 10deg 22deg);opacity:.7}
.section-heading-light{position:relative;z-index:2}
.section-heading-light h2{color:#183820;text-shadow:0 2px 0 rgba(255,255,255,.4)}
.section-heading-light p{color:#2e4a33}
.gallery-grid{position:relative;z-index:2;display:grid;grid-template-columns:repeat(6,1fr);gap:13px;align-items:start}
.gallery-card{appearance:none;border:0;background:#fff;padding:8px 8px 36px;position:relative;cursor:pointer;box-shadow:0 16px 32px rgba(34,65,35,.2);transition:.24s ease;transform-origin:center top}
.gallery-card:nth-child(1){transform:rotate(-4deg) translateY(18px)}
.gallery-card:nth-child(2){transform:rotate(2deg)}
.gallery-card:nth-child(3){transform:rotate(-1.5deg) translateY(24px)}
.gallery-card:nth-child(4){transform:rotate(3deg) translateY(4px)}
.gallery-card:nth-child(5){transform:rotate(-3deg) translateY(22px)}
.gallery-card:nth-child(6){transform:rotate(1.8deg)}
.gallery-card:hover{transform:translateY(-10px) rotate(0deg) scale(1.035);z-index:4;box-shadow:0 24px 45px rgba(30,55,31,.26)}
.gallery-card img{display:block;width:100%;aspect-ratio:520/733;object-fit:cover}
.gallery-card span{position:absolute;left:12px;bottom:8px;color:var(--green);font-weight:900;text-transform:uppercase;letter-spacing:.12em;font-size:11px}
.gallery-card::before{content:"";position:absolute;top:-6px;left:50%;width:42px;height:12px;background:rgba(255,238,181,.75);transform:translateX(-50%) rotate(-2deg);box-shadow:0 1px 0 rgba(0,0,0,.1)}

/* Specs + photographer */
.specs{background:#fffdf7}
.specs::after{content:"";position:absolute;left:0;bottom:0;width:100%;height:12px;background:linear-gradient(90deg,var(--orange) 0 33%,var(--yellow) 33% 66%,var(--sky) 66%)}
.specs-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:44px;align-items:start}
.specs-lead{max-width:640px}
.spec-list{list-style:none;padding:0;margin:31px 0 0;display:grid;gap:13px}
.spec-list li{display:grid;grid-template-columns:78px 1fr;gap:18px;align-items:center;background:#fff;border:1px solid rgba(55,86,40,.12);padding:14px 18px;border-radius:14px;box-shadow:0 8px 18px rgba(60,75,48,.06)}
.spec-list>li>span{display:flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:50%;background:var(--yellow);color:var(--green);font-family:Arial Black,Arial,sans-serif;font-size:18px;box-shadow:5px 5px 0 rgba(242,148,0,.22)}
.spec-list strong{display:block;font-size:17px;color:var(--green)}
.spec-list small{display:block;color:var(--muted);font-size:13px;margin-top:2px}
.photographer-card{position:relative;overflow:hidden;background:linear-gradient(150deg,#284e25,#3f6d2e);color:#fff;padding:34px;border-radius:30px 10px 28px 12px;box-shadow:var(--shadow);border:7px solid #f5c52d}
.photographer-card::before{content:"BIG";position:absolute;right:-20px;top:-35px;font-family:Arial Black,Arial,sans-serif;font-size:150px;line-height:1;color:rgba(255,255,255,.055);transform:rotate(8deg)}
.photographer-card::after{content:"";position:absolute;right:-48px;bottom:-65px;width:180px;height:180px;border:27px solid rgba(242,148,0,.22);border-radius:50%}
.photographer-card>*{position:relative;z-index:1}
.photo-kicker{display:inline-block;background:var(--orange);color:#fff;padding:7px 11px;border-radius:6px;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.13em;transform:rotate(-1deg)}
.photographer-card h3{font-family:Arial Black,Arial,sans-serif;font-size:34px;line-height:1;margin:17px 0 18px;color:#ffe16a}
.photographer-card p{font-size:14.5px;line-height:1.66;color:rgba(255,255,255,.9)}
.photographer-card strong{color:#fff6a7}

/* Scarcity */
.scarcity{position:relative;overflow:hidden;background:var(--orange);color:#fff;padding:78px 0}
.scarcity::before{content:"";position:absolute;inset:-40%;background:repeating-conic-gradient(from 4deg,rgba(255,209,42,.5) 0 8deg,transparent 8deg 18deg);opacity:.7;transform:translateX(33%)}
.scarcity::after{content:"LIMITIERT";position:absolute;left:-16px;bottom:-28px;font-family:Arial Black,Arial,sans-serif;font-size:115px;letter-spacing:-.05em;color:rgba(255,255,255,.07);white-space:nowrap}
.scarcity-inner{position:relative;z-index:2;display:grid;grid-template-columns:1.25fr .75fr;gap:42px;align-items:center}
.eyebrow-light{background:#fff;color:var(--green)}
.scarcity h2{max-width:700px;font-size:clamp(42px,6vw,72px);text-shadow:4px 4px 0 rgba(127,62,0,.22)}
.scarcity p{max-width:700px;font-size:18px;color:#fff9ee}
.scarcity-cta{background:#fff6bb;color:var(--green);padding:28px;border-radius:28px 8px 26px 10px;text-align:center;box-shadow:12px 12px 0 rgba(92,46,0,.19);border:3px solid rgba(63,91,40,.22);transform:rotate(1.5deg)}
.big-number{font-family:Arial Black,Arial,sans-serif;font-size:74px;line-height:1;color:var(--red);letter-spacing:-.07em;text-shadow:3px 3px 0 #ffd52e}
.scarcity-cta>span{display:block;font-weight:900;text-transform:uppercase;letter-spacing:.12em;font-size:12px;margin:4px 0 18px}

/* Gift */
.gift-section{background:
  linear-gradient(135deg,rgba(118,188,231,.16) 0 14%,transparent 14% 86%,rgba(255,209,42,.24) 86%),
  var(--cream)}
.gift-grid{display:grid;grid-template-columns:1fr .8fr;gap:50px;align-items:center}
.gift-copy .text-link{display:inline-block;margin-top:10px;font-weight:900;color:var(--orange-deep);text-decoration:none;border-bottom:3px solid var(--yellow)}
.gift-quote{position:relative;background:var(--green);color:#fff;padding:45px 38px;border-radius:8px 36px 12px 30px;box-shadow:var(--shadow);transform:rotate(-2deg);border:7px solid var(--yellow)}
.gift-quote::before,.gift-quote::after{content:"";position:absolute;width:20px;height:20px;border-radius:50%;background:var(--red);top:-10px;box-shadow:0 4px 6px rgba(0,0,0,.2)}
.gift-quote::before{left:34px}.gift-quote::after{right:34px}
.gift-quote p{margin:0;font-family:Arial Black,Arial,sans-serif;font-size:clamp(24px,3.5vw,42px);line-height:1.15;color:#ffe26b}

/* FAQ */
.faq{background:#fff}
.faq-wrap{max-width:900px}
.faq-list{display:grid;gap:10px}
.faq details{background:var(--paper);border:1px solid rgba(57,86,44,.15);border-radius:14px;box-shadow:0 7px 16px rgba(55,70,44,.055);overflow:hidden}
.faq summary{cursor:pointer;padding:18px 20px;font-weight:900;color:var(--green);list-style:none}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";float:right;color:var(--orange);font-size:22px;line-height:1}
.faq details[open] summary::after{content:"–"}
.faq details p{margin:0;padding:0 20px 18px;color:var(--muted)}

.final-cta{background:linear-gradient(135deg,#2b5227,#44752f);color:#fff;padding:58px 0;border-top:8px solid var(--yellow)}
.final-cta-inner{display:flex;align-items:center;justify-content:space-between;gap:28px}
.final-cta h2{color:#ffe169;margin-bottom:8px}
.final-cta p{margin:0;color:rgba(255,255,255,.88)}

/* Footer */
.site-footer{background:#192f1b;color:#dbe5d8;padding:52px 0 105px}
.footer-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:40px 80px;
  align-items:start;
  margin-top:28px;
  padding-bottom:30px;
}
.footer-col:last-child{
  text-align:right;
}

.footer-col p{
  margin:0 0 8px;
}
.footer-brand{font-family:Arial Black,Arial,sans-serif;font-size:25px;color:#fff}
.footer-brand span{color:var(--yellow)}
.site-footer h3{font-size:14px;color:#fff;margin:0 0 12px;text-transform:uppercase;letter-spacing:.1em}
.site-footer p{font-size:13px;color:#bfcdbb}
.site-footer a{color:#fff}
.adult-note{max-width:480px}
.footer-bottom{border-top:1px solid rgba(255,255,255,.12);margin-top:34px;padding-top:19px;display:flex;justify-content:space-between;gap:20px;font-size:12px;color:#9eb19b}
.footer-bottom div{display:flex;gap:18px;flex-wrap:wrap}

.sticky-buy{
  position:fixed;
  right:24px;
  bottom:22px;
  z-index:900;

  display:flex;
  align-items:center;
  gap:20px;

  min-width:320px;
  padding:14px 14px 14px 22px;

  background:linear-gradient(180deg,#ffffff 0%,#fffaf0 100%);
  color:var(--green);

  border-radius:999px;
  border:2px solid rgba(255,255,255,.7);

  box-shadow:
    0 18px 46px rgba(35,56,30,.28),
    0 0 0 6px rgba(255,209,42,.12);

  overflow:hidden;
  animation:stickyBuyFloat 3.2s ease-in-out infinite;
}

.sticky-buy::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:999px;
  pointer-events:none;
  background:linear-gradient(90deg,rgba(255,255,255,0) 0%,rgba(255,255,255,.42) 48%,rgba(255,255,255,0) 100%);
  transform:translateX(-120%);
  animation:stickyBuyShine 4.5s ease-in-out infinite;
}

.sticky-buy span{
  display:flex;
  flex-direction:column;
  line-height:1.12;
  position:relative;
  z-index:1;
}

.sticky-buy strong{
  font-size:18px;
  line-height:1.1;
  font-weight:900;
  color:var(--green);
}

.sticky-buy small{
  font-size:12px;
  color:#5f6d5a;
  margin-top:5px;
  font-weight:700;
}

.sticky-buy a{
  position:relative;
  z-index:1;

  display:inline-flex;
  align-items:center;
  justify-content:center;

  min-height:52px;
  padding:14px 24px;

  background:linear-gradient(135deg,var(--orange) 0%,#ffb514 100%);
  color:#fff;
  text-decoration:none;

  border-radius:999px;
  font-size:18px;
  font-weight:900;
  line-height:1;

  box-shadow:
    0 10px 22px rgba(242,148,0,.34),
    inset 0 -2px 0 rgba(0,0,0,.12);

  transition:transform .18s ease, box-shadow .18s ease, filter .18s ease;
}

.sticky-buy a:hover{
  transform:translateY(-2px) scale(1.04);
  box-shadow:
    0 14px 28px rgba(242,148,0,.42),
    inset 0 -2px 0 rgba(0,0,0,.12);
  filter:saturate(1.06);
}

.sticky-buy a:focus-visible{
  outline:3px solid #ffe169;
  outline-offset:3px;
}

@keyframes stickyBuyFloat{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-4px)}
}

@keyframes stickyBuyShine{
  0%,65%,100%{transform:translateX(-120%)}
  78%{transform:translateX(120%)}
}

/* Lightbox */
.lightbox{border:0;padding:0;background:transparent;max-width:min(92vw,760px);max-height:92vh;overflow:visible}
.lightbox::backdrop{background:rgba(11,21,12,.84);backdrop-filter:blur(5px)}
.lightbox img{display:block;max-height:88vh;width:auto;margin:auto;border:8px solid #fff;box-shadow:0 30px 70px rgba(0,0,0,.38)}
.lightbox-close{position:absolute;right:-18px;top:-18px;width:40px;height:40px;border:0;border-radius:50%;background:var(--orange);color:#fff;font-size:25px;cursor:pointer;z-index:2}

/* =========================================================
   FOOTER – IMPRESSUM & DATENSCHUTZ AUFKLAPPBAR
   ========================================================= */

.footer-legal{
  width:100%;
}


/* Beide Aufklappbereiche */
.legal-details{
  width:100%;
  margin:0;

  border-top:1px solid rgba(255,255,255,.18);
}

.legal-details:last-child{
  border-bottom:1px solid rgba(255,255,255,.18);
}


/* Kopfzeile */
.legal-details summary{
  display:flex;
  align-items:center;
  justify-content:space-between;

  width:100%;
  padding:19px 4px;

  cursor:pointer;
  list-style:none;

  color:#fff;

  font-size:15px;
  font-weight:900;
  letter-spacing:.5px;
}

.legal-details summary::-webkit-details-marker{
  display:none;
}


/* Plus / Minus */
.legal-toggle{
  position:relative;

  width:20px;
  height:20px;

  flex-shrink:0;
}

.legal-toggle::before,
.legal-toggle::after{
  content:"";

  position:absolute;
  top:50%;
  left:50%;

  width:14px;
  height:2px;

  background:currentColor;
  border-radius:2px;

  transform:translate(-50%,-50%);
  transition:transform .25s ease;
}

.legal-toggle::after{
  transform:translate(-50%,-50%) rotate(90deg);
}

.legal-details[open] .legal-toggle::after{
  transform:translate(-50%,-50%) rotate(0deg);
}


/* Aufgeklappter Inhalt */
.legal-content{
  width:100%;
  max-width:1000px;

  margin:0 auto;
  padding:12px 20px 38px;

  color:#dbe5d8;

  font-size:14px;
  line-height:1.75;
}

.legal-content h3{
  margin:5px 0 25px;

  color:#fff;

  font-size:22px;
}

.legal-content h4{
  margin:26px 0 8px;

  color:#fff;

  font-size:16px;
}

.legal-content p{
  margin:0 0 15px;
  color:#cbd8c8;
}

.legal-content strong{
  color:#fff;
}

.legal-content a{
  color:#fff;

  text-decoration:underline;
  text-underline-offset:3px;
}


/* dezente Hervorhebung beim Öffnen */
.legal-details[open] summary{
  color:#ffe169;
}


/* Smartphone */
@media screen and (max-width:700px){

  .footer-grid{
    grid-template-columns:1fr;
    gap:24px;
  }

  .footer-col:last-child{
    text-align:left;
  }

  .legal-details summary{
    padding:16px 0;
    font-size:14px;
  }

  .legal-content{
    padding:5px 0 28px;
    font-size:13px;
    line-height:1.7;
  }

  .legal-content h3{
    font-size:20px;
  }

}

@media (max-width:1080px){
  .hero-grid{grid-template-columns:1fr 1fr;gap:24px}
  .hero-snapshot{width:135px}
  .edition-seal{right:-36px;width:96px;height:96px}
  .cover-note{left:-40px;min-width:120px}
  .gallery-grid{grid-template-columns:repeat(3,1fr);gap:28px}
  .gallery-card:nth-child(n){transform:none}
}

@media (max-width:850px){
  html{scroll-padding-top:78px}
  .container{width:min(100% - 28px,var(--container))}
  .nav-wrap{min-height:70px}
  .nav-toggle{display:block}
  .main-nav{display:none;position:absolute;left:14px;right:14px;top:72px;background:#fff;padding:16px;border-radius:14px;box-shadow:var(--shadow);flex-direction:column;align-items:stretch;gap:4px}
  .main-nav.open{display:flex}
  .main-nav a{padding:10px 12px}
  .nav-buy{text-align:center;margin-top:5px}
  .hero{min-height:auto}
  .hero-grid{grid-template-columns:1fr;padding:42px 0 82px}
  .hero-art{order:-1;min-height:445px}
  .cover-card{width:min(330px,66%)}
  .hero-snapshot-one{left:6%;top:20px}.hero-snapshot-two{right:5%;bottom:15px}
  .hero-orbit{width:410px;height:410px}
  .hero-copy{text-align:center}
  .hero-lead{margin-left:auto;margin-right:auto;text-align:left}
  .hero-badges,.hero-actions{justify-content:center}
  .trust-grid{grid-template-columns:repeat(2,1fr)}
  .trust-grid>div:nth-child(2){border-right:0}
  .trust-grid>div:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.18)}
  .feature-grid{grid-template-columns:repeat(2,1fr)}
  .specs-grid,.gift-grid,.scarcity-inner{grid-template-columns:1fr}
  .scarcity-cta{max-width:420px}
}

@media (max-width:560px){
  .site-header{backdrop-filter:blur(10px)}
  .brand{transform:none;padding:7px 14px 8px}.brand-main{font-size:21px}.brand-est{display:none}
  .hero-grid{padding-top:28px}
  .hero-art{min-height:390px}
  .hero-orbit{width:330px;height:330px}
  .cover-card{width:66%}
  .hero-snapshot{width:105px;padding:6px 6px 25px}
  .hero-snapshot-one{left:0;top:36px}.hero-snapshot-two{right:0;bottom:35px}
  .edition-seal{right:-28px;top:30px;width:82px;height:82px;border-width:5px}.edition-seal strong{font-size:14px}.edition-seal span{font-size:8px}
  .cover-note{left:-35px;bottom:45px;min-width:98px;padding:11px 12px}.cover-note strong{font-size:24px}
  .hero h1{font-size:54px}
  .hero-sub{font-size:16px}
  .hero-lead{font-size:15.5px}
  .section{padding:66px 0}
  .section-heading h2,.specs h2,.gift-copy h2,.scarcity h2,.final-cta h2{font-size:38px}
  .feature-grid{grid-template-columns:1fr}
  .feature-card{min-height:0}
  .gallery-grid{grid-template-columns:repeat(2,1fr);gap:18px}
  .gallery-card{padding:6px 6px 30px}
  .spec-list li{grid-template-columns:58px 1fr;padding:12px}.spec-list>li>span{width:52px;height:52px;font-size:15px}
  .photographer-card{padding:26px 22px;border-width:5px}.photographer-card h3{font-size:29px}
  .big-number{font-size:62px}
  .final-cta-inner{flex-direction:column;align-items:flex-start}
  .footer-bottom{flex-direction:column}
  .sticky-buy{
    left:12px;
    right:12px;
    bottom:12px;

    min-width:0;
    width:auto;

    justify-content:space-between;
    gap:14px;

    padding:12px 12px 12px 16px;
  }

  .sticky-buy span{
    min-width:0;
    flex:1 1 auto;
  }

  .sticky-buy strong{
    font-size:15px;
  }

  .sticky-buy small{
    font-size:11px;
  }

  .sticky-buy a{
    min-height:46px;
    padding:12px 18px;
    font-size:15px;
  }
  .footer-grid{
    grid-template-columns:1fr;
  }

  .footer-grid > .footer-col:nth-child(3){
    grid-column:auto;
  }
}

@media (prefers-reduced-motion: reduce) {

    html {
        scroll-behavior: auto;
    }

    .hero-cover,
    .preview-card,
    .btn,
    .gallery-card {
        transition: none;
    }

    /* NEU: Ticker bei reduzierter Bewegung stoppen */
    .retro-ticker-track {
        animation: none;
    }
    
    .sticky-buy,
    .sticky-buy::before{
      animation:none;
    }

    .sticky-buy a{
      transition:none;
    }

}


/* Kalender-Wechsler: gegenseitige Verlinkung Super Simme / Super Pappe */
.calendar-switcher{
  display:flex;
  align-items:center;
  gap:6px;
  padding:5px;
  border:1px solid rgba(51,93,39,.14);
  background:rgba(255,255,255,.74);
  border-radius:999px;
  box-shadow:0 5px 16px rgba(45,58,31,.08);
}
.calendar-switcher-label{
  padding:0 5px 0 8px;
  font-size:9px;
  line-height:1;
  letter-spacing:.14em;
  text-transform:uppercase;
  font-weight:900;
  color:var(--muted);
}
.calendar-switcher a{
  text-decoration:none;
  padding:7px 10px;
  border-radius:999px;
  font-size:11px;
  line-height:1;
  font-weight:900;
  white-space:nowrap;
  transition:.18s ease;
}
.calendar-switcher a:hover{transform:translateY(-1px);background:var(--yellow-soft)}
.calendar-switcher a.is-active{
  color:#fff;
  background:var(--green);
  box-shadow:0 4px 10px rgba(40,70,34,.18);
}
@media (max-width:1080px){
  .calendar-switcher-label{display:none}
  .calendar-switcher a{padding:7px 9px;font-size:10px}
}
@media (max-width:850px){
  .calendar-switcher{position:absolute;left:14px;right:62px;top:74px;justify-content:center;border-radius:12px;background:rgba(255,255,255,.97)}
  .site-header{margin-bottom:43px}
  .main-nav{top:116px}
}
@media (max-width:560px){
  .calendar-switcher{right:58px;gap:3px}
  .calendar-switcher a{font-size:9px;padding:7px 7px}
}