/* ---- content.css: Inhaltsseiten (Preise, Anlässe, Über uns, Cradle to Cradle) ----
   Gilt nur für die Seiten, die dieses Stylesheet laden (view/preise.html u. a.),
   zusätzlich zu global.css (Header, Footer, Buttons, Cookie-Banner).

   Die Regeln folgen der Design-Vorlage und stehen in deren
   Reihenfolge (die Reihenfolge ist wichtig: spätere Regeln überschreiben
   frühere). Weggelassen sind Bereiche, die der Shop selbst liefert
   (Navigation, Footer, Startseiten-Abschnitte, Formulare). Variablen siehe
   :root unten; die Grundregeln für <main> ersetzen den globalen Reset und die
   Überschriften-Regeln der Vorlage, ohne Header und Footer zu verändern. */

/* ---- Grundregeln im Inhaltsbereich ---- */
main {
  display: block;
  background: var(--bg-light, #f8f8f8);
  color: var(--text-dark, #1e1e1e);
  font: 16px/normal var(--font-sans);
}

main :where(*) {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

main img {
  max-width: 100%;
  height: auto;
  display: block;
}

main h1,
main h2,
main h3 {
  font-family: var(--font-heading) !important;
  font-style: normal !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
}

main h1 {
  max-width: none;
  font-size: clamp(2.2rem, 5vw, 3.4rem) !important;
  font-weight: 800 !important;
  line-height: 1.12 !important;
  margin: 0 0 22px !important;
  color: var(--cream) !important;
}

main h2 {
  font-size: clamp(1.7rem, 3vw, 2.2rem) !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  margin: 0 0 24px !important;
  color: var(--text-dark) !important;
}

main h3 {
  font-size: 1.2rem !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
  margin: 0 0 8px !important;
  color: var(--text-dark) !important;
}

/* ---- Regeln der Design-Vorlage ---- */
:root{--bg-dark:#14171f;--bg-darker:#0b0d12;--red:#c53438;--red-light:#e2555a;--max-width:1200px;--bg-light:#f8f8f8;--bg-light-alt:#eeeeee;--card-light:#ffffff;--border-light:rgba(0,0,0,0.07);--font-heading:'Playfair Display',Georgia,'Times New Roman',serif}
.section-inner{max-width:var(--max-width);margin:0 auto;padding:100px 32px}
.section-tag{display:inline-block;color:var(--red-light);letter-spacing:0.12em;font-size:0.8rem;font-weight:600;margin-bottom:12px}
.faq .section-inner{text-align:center}
.faq .section-tag{font-family:var(--font-heading);color:var(--gold-dark);font-size:1.7rem;font-weight:700;text-transform:none;letter-spacing:0.01em;margin-bottom:36px}
.page-hero{background:radial-gradient(ellipse at 30% 20%,#8f1a22 0%,#3d0a10 70%);color:var(--cream);padding:150px 0 80px}
.page-hero-inner{max-width:var(--max-width);margin:0 auto;padding:0 32px;display:grid;grid-template-columns:1.3fr 1fr;gap:56px;align-items:center}
.page-hero-inner--single{grid-template-columns:1fr;max-width:820px}
.page-hero h1{font-family:var(--font-heading);font-size:clamp(2rem,4.4vw,3.2rem);line-height:1.12;font-weight:800;margin-bottom:22px}
.page-hero p{line-height:1.65;color:var(--text-muted);margin-bottom:16px;max-width:620px}
.page-hero .btn-primary{margin-top:12px}
.page-section{background:var(--bg-light)}
.page-section--white{background:var(--card-light)}
.page-section .section-inner{padding:80px 32px;max-width:980px}
.page-section h2{margin-bottom:24px}
.page-section p{line-height:1.7;color:var(--text-muted-light);margin-bottom:16px;max-width:720px}
.occasion-row{display:grid;grid-template-columns:280px 1fr;gap:44px;align-items:center;padding:48px 0;border-top:1px solid var(--border-light)}
.occasion-row:first-of-type{border-top:none}
.occasion-row:nth-of-type(even){grid-template-columns:1fr 280px}
.occasion-row:nth-of-type(even) .occasion-row-media{order:2}
.occasion-row-media{display:flex;justify-content:center}
.occasion-row-media img{width:auto;max-width:100%}
.occasion-row-media--wide img{border-radius:4px}
.occasion-row h2{font-size:1.8rem;margin-bottom:14px}
.occasion-row p{margin-bottom:14px}
.text-link{font-weight:700;color:var(--gold-dark)}
.text-link:hover{color:var(--red)}
/* Textlinks auf dunklem Grund: helles Gold (das dunkle Gold hat dort zu wenig Kontrast). Hover wie überall. */
.page-hero .text-link,.milestone-text .text-link,.contact-red .text-link,.map-consent .text-link{color:var(--gold)}
.page-hero .text-link:hover,.milestone-text .text-link:hover,.contact-red .text-link:hover,.map-consent .text-link:hover{color:var(--red)}
.example{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:18px;align-items:center;margin-top:28px}
.example figure{text-align:center}
.example img{max-height:300px;width:auto;max-width:100%;margin:0 auto 12px}
.example .wide img{width:100%;max-height:none}
.example figcaption{font-size:0.9rem;font-weight:600;color:var(--text-dark)}
@media (max-width:860px){
.page-hero-inner{grid-template-columns:1fr}
.occasion-row,.occasion-row:nth-of-type(even){grid-template-columns:1fr;gap:20px}
.occasion-row:nth-of-type(even) .occasion-row-media{order:0}
.example{grid-template-columns:1fr}
}
.faq .section-inner{max-width:var(--max-width)}
.faq-list{max-width:none}
.faq-answer p{max-width:none}
:root{--btn-radius:12px}
:root{--cream:#f4efe6;--text-muted:#f4efe6;--text-dark:#1e1e1e;--text-muted-light:#1e1e1e;--gold:#c9a43a;--gold-dark:#82650f}
.timeline{position:relative;color:var(--cream)}
.timeline-pin{top:0;height:100vh;display:flex;flex-direction:column;justify-content:center;padding:84px 20px 24px;max-width:var(--max-width);margin:0 auto}
.timeline-stage{display:grid;flex:1;min-height:0}
.milestone{grid-area:1 / 1;display:flex;min-height:0;opacity:0;transform:translateY(18px);pointer-events:none;transition:opacity 0.9s ease,transform 0.9s ease}
.milestone.is-active{opacity:1;transform:none;pointer-events:auto}
.milestone-image{min-height:0;overflow:hidden;border-radius:12px}
.milestone-image img{width:100%;height:100%;object-fit:cover}
.milestone-year{font-family:var(--font-heading);font-size:1.1rem;font-weight:700;color:var(--gold);display:block;margin-bottom:4px}
.milestone-text h3{font-family:var(--font-heading);color:var(--cream)}
.milestone-text p{color:var(--cream);max-width:560px}
.timeline-hint{text-align:center;font-size:0.78rem;color:var(--cream);opacity:0.6;margin-top:6px;transition:opacity 0.4s}
.timeline.is-end .timeline-hint{opacity:0}
@media (min-width:900px){
.timeline-pin{padding:100px 32px 28px}
.milestone{flex-direction:row;align-items:center;gap:56px}
.milestone-image{flex:1.2;height:100%;max-height:62vh}
.milestone-text{flex:1;text-align:left}
.milestone-year{font-size:1.6rem}
.milestone-text h3{font-size:2.2rem}
.milestone-text p{margin:0;font-size:1.1rem}
}
@media (prefers-reduced-motion:reduce){
.milestone{transition:opacity 0.2s;transform:none}
}
.timeline-body{display:flex;flex:1;min-height:0;gap:16px}
.timeline-body .timeline-stage{flex:1;min-width:0}
.timeline-rail{list-style:none}
.timeline-line{position:absolute;background:rgba(201,164,58,0.28);border-radius:2px}
.timeline-fill{position:absolute;left:0;top:0;width:100%;background:var(--gold);border-radius:2px;box-shadow:0 0 10px rgba(201,164,58,0.6)}
.timeline-point{position:absolute}
.timeline-point button{align-items:center;gap:8px;background:none;border:none;cursor:pointer;color:var(--cream)}
.timeline-point .dot{border-radius:50%;background:#4a0c12;border:3px solid rgba(201,164,58,0.45);transition:background 0.4s,border-color 0.4s,transform 0.4s,box-shadow 0.4s}
.timeline-point .timeline-point-label{opacity:0.55;transition:opacity 0.4s,color 0.4s;white-space:nowrap}
.timeline-point.is-passed .dot{background:var(--gold);border-color:var(--gold)}
.timeline-point.is-active .dot{background:var(--gold);border-color:var(--cream);transform:scale(1.3);box-shadow:0 0 14px rgba(201,164,58,0.8)}
.timeline-point.is-active .timeline-point-label{opacity:1;color:var(--gold);font-weight:700}
.timeline-point button:hover .timeline-point-label{opacity:1}
@media (min-width:900px){
.timeline-body{gap:40px}
.timeline-rail{flex-basis:96px}
.timeline-point .timeline-point-label{font-size:0.95rem}
.timeline-line{left:9px}
.milestone{flex-direction:row-reverse;justify-content:center;align-items:center;gap:56px}
.milestone-image{flex:0 0 38%;width:38%;max-width:460px;height:auto;max-height:none;margin:0}
.milestone-text{flex:1;text-align:left}
}
.timeline-rail{flex-basis:56px}
@media (min-width:900px){
.timeline-rail{flex-basis:78px}
.timeline-point .timeline-point-label{font-size:0.8rem}
.timeline-line{left:6px}
}
.timeline{--k:16px;--pad:40px;--fill:0px}
.timeline-rail{position:relative;overflow:hidden;flex:0 0 120px;height:76%;align-self:center;margin:0;-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 12%,#000 88%,transparent 100%);mask-image:linear-gradient(to bottom,transparent 0,#000 12%,#000 88%,transparent 100%)}
.timeline-track{list-style:none;margin:0;padding:0;position:relative;width:100%;height:calc(115 * var(--k) + 2 * var(--pad));transition:transform 0.6s ease;will-change:transform}
.timeline-line{left:50%;top:var(--pad);bottom:var(--pad);width:3px;margin-left:-1.5px}
.timeline-fill{height:var(--fill,0px);transition:height 0.6s ease}
.timeline-point{left:50%;top:calc(var(--pad) + var(--y) * var(--k));transform:translate(-50%,-50%)}
.timeline-point button{padding:0;position:relative;display:block;width:14px;height:14px}
.timeline-point .dot{display:block;width:14px;height:14px;border-width:2px}
.timeline-point .timeline-point-label{position:absolute;top:50%;transform:translateY(-50%);font-size:0.7rem}
.timeline-point.side-right .timeline-point-label{left:22px}
.timeline-point.side-left .timeline-point-label{right:22px}
@media (min-width:900px){
.timeline-rail{flex-basis:170px}
.timeline-point .timeline-point-label{font-size:0.85rem}
.timeline-point.side-right .timeline-point-label{left:26px}
.timeline-point.side-left .timeline-point-label{right:26px}
}
.milestone{flex-direction:column;align-items:center;gap:0}
.milestone-image{flex:0 0 auto;width:70%;aspect-ratio:3 / 4;margin:0 auto}
.milestone-text{position:relative;z-index:1;width:calc(100% - 8px);max-width:520px;margin:-56px auto 0;padding:18px 20px;border-radius:var(--btn-radius,12px);text-align:left;box-shadow:0 10px 30px rgba(0,0,0,0.35)}
.milestone-text h3{font-size:1.25rem;margin-bottom:6px}
.milestone-text p{margin:0;font-size:0.92rem;line-height:1.5}
@media (min-width:900px){
.milestone{flex-direction:row-reverse;justify-content:center;align-items:center}
.milestone-image{flex:0 0 auto;width:auto;height:66vh;max-height:none;max-width:none;aspect-ratio:3 / 4;margin:0}
.milestone-text{flex:0 0 auto;width:440px;max-width:46%;margin:0 -90px 0 0;padding:32px 36px}
.milestone-year{font-size:1.6rem}
.milestone-text h3{font-size:1.9rem}
.milestone-text p{font-size:1.05rem}
}
.timeline-pin{position:sticky}
.timeline-body,.timeline-hint{transition:opacity 0.6s ease}
.milestone-text{background:#4a0c12}
.milestone-image{max-width:240px;max-height:32vh}
@media (min-width:900px){
.milestone-image{height:52vh;max-height:none;max-width:none}
}
.milestone-image--duo{gap:8px;max-height:none;overflow:visible;border-radius:0}
.milestone-image--duo img{min-width:0;object-fit:cover;border-radius:12px}
@media (min-width:900px){
.milestone-image--duo{height:52vh;width:auto;max-width:none;aspect-ratio:auto}
.milestone-image--duo img{flex:0 0 auto;width:auto;aspect-ratio:3 / 4}
}
.milestone-image--duo{display:block;position:relative;width:auto;max-width:none;height:32vh;aspect-ratio:1 / 1}
.milestone-image--duo img{position:absolute;width:auto;height:82%;aspect-ratio:3 / 4;flex:none;box-shadow:0 8px 24px rgba(0,0,0,0.4)}
.milestone-image--duo img:first-child{top:0;left:0}
.milestone-image--duo img:last-child{bottom:0;right:0}
@media (min-width:900px){
.milestone-image--duo{height:52vh;width:auto;aspect-ratio:1 / 1}
.milestone-image--duo img{width:auto;aspect-ratio:3 / 4}
}
.milestone-text{margin-top:-20px}
.milestone-image--duo img:last-child{height:60%}
@media (min-width:900px){
.milestone-text{margin:0 -24px 0 0}
}
.milestone-image figure{position:relative;margin:0;width:100%;height:100%;overflow:hidden;border-radius:12px}
.milestone-image figure img{width:100%;height:100%;object-fit:cover;display:block;border-radius:0;box-shadow:none;position:static;aspect-ratio:auto}
.milestone-image figcaption{position:absolute;left:0;right:0;bottom:0;padding:22px 10px 8px;font-size:0.68rem;line-height:1.3;color:#f4efe6;background:linear-gradient(to top,rgba(30,6,10,0.85),rgba(30,6,10,0))}
.milestone-image--duo figure{position:absolute;width:auto;height:82%;aspect-ratio:3 / 4;box-shadow:0 8px 24px rgba(0,0,0,0.4)}
.milestone-image--duo figure:first-child{top:0;left:0}
.milestone-image--duo figure:last-child{bottom:0;right:0;height:60%}
@media (min-width:900px){
.milestone-image figcaption{font-size:0.8rem;padding:28px 14px 10px}
}
.milestone-image--duo figure img,.milestone-image--duo figure img:first-child,.milestone-image--duo figure img:last-child{position:static;inset:auto;top:auto;left:auto;right:auto;bottom:auto;width:100%;height:100%;aspect-ratio:auto;box-shadow:none}
.milestone .milestone-image.milestone-image--landscape{width:92%;max-width:380px;height:auto;max-height:none;aspect-ratio:3 / 2}
@media (min-width:900px){
.milestone .milestone-image.milestone-image--landscape{width:min(38vw,560px);max-width:none;height:auto;aspect-ratio:3 / 2}
}
.milestone .milestone-image.milestone-image--landscape figure img{object-fit:contain;background:#cfe6f7}
@media (min-width:900px){
.milestone .milestone-image.milestone-image--landscape{width:min(34vw,520px)}
}
.milestone .milestone-image.milestone-image--duo-landscape{position:relative;display:block;width:92%;max-width:380px;height:auto;max-height:none;aspect-ratio:4 / 3;overflow:visible;border-radius:0}
.milestone-image--duo-landscape figure{position:absolute;box-shadow:0 8px 24px rgba(0,0,0,0.4)}
.milestone-image--duo-landscape figure:first-child{top:0;left:0;width:76%;aspect-ratio:3 / 2;height:auto}
.milestone-image--duo-landscape figure:last-child{bottom:0;right:0;width:56%;aspect-ratio:2 / 1;height:auto}
.milestone-image--duo-landscape figure img{object-fit:cover}
@media (min-width:900px){
.milestone .milestone-image.milestone-image--duo-landscape{width:min(40vw,580px);max-width:none}
}
.milestone .milestone-image.milestone-image--duo-landscape-2{position:relative;display:block;width:92%;max-width:380px;height:auto;max-height:none;aspect-ratio:3 / 2;overflow:visible;border-radius:0}
.milestone-image--duo-landscape-2 figure{position:absolute;box-shadow:0 8px 24px rgba(0,0,0,0.4);height:auto}
.milestone-image--duo-landscape-2 figure:first-child{top:0;left:0;width:94%;aspect-ratio:2.6 / 1}
.milestone-image--duo-landscape-2 figure:last-child{bottom:0;right:0;width:48%;aspect-ratio:3 / 2}
.milestone-image--duo-landscape-2 figure img{object-fit:cover}
@media (min-width:900px){
.milestone .milestone-image.milestone-image--duo-landscape-2{width:min(40vw,580px);max-width:none}
.milestone-image figcaption{text-align:right;padding-left:40px}
.milestone-image figcaption{text-align:left;padding-left:40px}
.milestone-image figcaption{text-align:left;padding-left:14px}
.milestone-image--duo-landscape-2 figure:first-child figcaption{padding-left:40px}
}
.timeline[hidden]{display:none}
.timeline{height:calc(var(--n) * 55vh)}
.page-hero--full{min-height:100svh;width:100%;display:flex;align-items:center;justify-content:center;padding:100px 0 60px;box-sizing:border-box;text-align:center}
.page-hero--full .page-hero-inner{max-width:1100px;width:100%}
.page-hero--full h1{font-size:clamp(2.4rem,7vw,5rem)}
.page-hero--full p{margin-left:auto;margin-right:auto;max-width:700px;font-size:1.1rem}
.page-hero--full .page-hero-inner{transition:opacity 0.6s ease}
.page-hero--full.is-leaving .page-hero-inner{opacity:0}
.page-hero--full[hidden]{display:none}
@keyframes timelineIn{from{opacity:0}to{opacity:1}}
@media (prefers-reduced-motion:reduce){
.timeline.is-entering{animation:none}
.page-hero--full .page-hero-inner{transition:none}
}
.timeline{background:#3d0a10}
.timeline-pin{background:radial-gradient(ellipse at 30% 20%,#8f1a22 0%,#3d0a10 70%)}
.timeline.is-entering{animation:none}
.timeline.is-entering .timeline-body,.timeline.is-entering .timeline-hint{animation:timelineIn 0.8s ease both}
.page-hero--full.timeline{display:block;height:100svh;min-height:0;padding:0;background:#3d0a10;text-align:center}
.page-hero--full.timeline.is-started{height:calc(var(--n) * 55vh)}
.page-hero--full.timeline .timeline-pin{position:sticky;top:0;height:100svh;width:100%;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:96px 24px 24px}
.page-hero--full.timeline .page-hero-inner{margin:0 auto}
.timeline:not(.is-started) .timeline-body,.timeline:not(.is-started) .timeline-hint{display:none}
.timeline.is-started .page-hero-inner{display:none}
.page-hero--full.timeline .timeline-body{width:100%;max-width:none;flex:1;min-height:0;text-align:left}
.page-hero--full.timeline .timeline-stage{width:100%}
@media (min-width:900px){
.page-hero--full.timeline .timeline-pin{padding:100px 48px 28px}
}
.timeline-pin,.page-hero--full.timeline .timeline-pin{width:100%;max-width:none;margin:0}
.page-hero--full.timeline .timeline-body{padding-left:4vw;padding-right:4vw}
@media (min-width:900px){
.page-hero--full.timeline .timeline-body{padding-left:12vw;padding-right:6vw}
}
.history-summary-inner{display:grid;grid-template-columns:1fr;gap:28px;align-items:center}
.history-summary-text p{line-height:1.7}
.history-summary-img{margin:0}
.history-summary-img img{width:100%;height:auto;display:block;border-radius:var(--btn-radius,12px)}
@media (min-width:900px){
.history-summary-inner{grid-template-columns:1fr 1fr;gap:56px}
}
.page-hero:not(.page-hero--full){min-height:50svh;display:flex;align-items:center;box-sizing:border-box;padding:110px 0 40px}
.page-hero:not(.page-hero--full) .page-hero-inner{width:100%}
.occasion-row-media--wide img{width:100%}
@media (min-width:900px){
.occasion-row{grid-template-columns:1.2fr 1fr}
.occasion-row:nth-of-type(even){grid-template-columns:1fr 1.2fr}
}
.occasion-row-media img{max-height:440px}
.occasion-row-media--wide img{max-height:none}
.price-table{width:100%;max-width:720px;border-collapse:collapse;margin:24px 0 28px;background:var(--card-light);border-radius:0;overflow:visible;border-top:2px solid var(--gold);border-bottom:2px solid var(--gold)}
.price-table th{background:var(--card-light);color:var(--text-dark);text-align:left;padding:14px 20px;font-size:0.85rem;letter-spacing:0.06em;text-transform:uppercase;border-bottom:1px solid var(--border-light)}
.price-table td{padding:14px 20px;font-size:1.02rem;color:var(--text-dark);background:var(--card-light)}
.price-table tbody tr:nth-child(even) td{background:var(--bg-light)}
.price-table td:last-child,.price-table th:last-child{text-align:right;font-weight:700}
.prices-wide .section-inner{max-width:var(--max-width);padding-left:32px;padding-right:32px}
.prices-wide .price-table{max-width:none;width:100%}
.prices-wide h2{text-align:left}
.inquiry-red{background:#4a0c12;color:var(--cream);width:100%}
.inquiry-red .section-inner{max-width:var(--max-width);padding:56px 32px 60px;text-align:left}
.inquiry-red h2{font-family:var(--font-heading);color:var(--gold);margin-bottom:14px}
.inquiry-red p{color:var(--cream);line-height:1.7;margin-bottom:12px;max-width:none}
.inquiry-red .text-link{color:var(--cream);text-decoration:underline;text-underline-offset:3px}
.inquiry-red .text-link:hover{color:var(--gold)}
.included-list{list-style:none;display:grid;grid-template-columns:1fr;gap:0;margin:0;padding:0}
.included-list li{position:relative;padding:18px 0 18px 44px;border-bottom:1px solid var(--border-light);display:flex;flex-direction:column;gap:2px}
.included-list li:last-child{border-bottom:none}
.included-list li::before{content:"\2713";position:absolute;left:0;top:18px;width:28px;height:28px;border-radius:50%;background:var(--gold);color:#3d0a10;font-weight:800;font-size:0.95rem;display:flex;align-items:center;justify-content:center}
.included-list strong{color:var(--text-dark);font-size:1.02rem}
.included-list span{color:var(--text-muted-light);line-height:1.55;font-size:0.95rem}
@media (min-width:800px){
.included-list{grid-template-columns:1fr 1fr;column-gap:48px}
.included-list li:nth-last-child(2){border-bottom:none}
}
.page-section .section-inner,.inquiry-red .section-inner,.page-hero-inner,.page-hero-inner--single,.page-hero--full .page-hero-inner{max-width:var(--max-width);padding-left:32px;padding-right:32px}
.page-hero--full .page-hero-inner{margin-left:auto;margin-right:auto}
.inquiry-red h2,.timeline h2{color:var(--gold) !important}
.inquiry-red h3,.timeline h3,.milestone-text h3{color:var(--cream) !important}
.faq h2,.page-section h2,.occasion-row h2{text-align:left}
.faq h2{text-align:center}
.section-tag{text-transform:none}
.faq-heading{margin:0 !important;font-size:inherit !important}
.milestone-year{margin:0}
.page-section:has(.process) h2{text-align:center !important}
.process-step h3{margin-top:6px}
.page-hero--bg{--hero-img:initial;position:relative;background-image:linear-gradient(rgba(61,10,16,0.62),rgba(61,10,16,0.78)),var(--hero-img);background-size:cover;background-position:center}
.page-hero--bg .page-hero-inner{grid-template-columns:1fr;position:relative}
.page-hero--bg p{color:var(--cream)}
.page-hero.page-hero--bg:not(.page-hero--full){align-items:flex-end;padding:110px 0 36px;background-image:linear-gradient(to top,rgba(61,10,16,0.88) 0%,rgba(61,10,16,0.45) 32%,rgba(61,10,16,0) 62%),var(--hero-img);background-size:cover}
.page-hero--bg h1{margin-bottom:10px;text-shadow:0 2px 14px rgba(0,0,0,0.45)}
.page-hero--bg p{margin-bottom:0;text-shadow:0 1px 10px rgba(0,0,0,0.5)}
.page-hero.page-hero--bg:not(.page-hero--full){min-height:50svh;height:50svh;background-position:center}
.occasion-row--rev .occasion-row-media{order:2}
@media (min-width:701px){
.occasion-row.occasion-row--rev{grid-template-columns:1.2fr 1fr}
}
@media (max-width:700px){
.occasion-row--rev .occasion-row-media{order:0}
}
.page-section.page-section--white:has(.process),.page-section:has(.process){background:#4a0c12}
.page-section:has(.process) h2{color:var(--gold) !important}
.page-section:has(.process) .process-step h3{color:var(--cream) !important}
.page-section:has(.process) .process-step p{color:rgba(244,239,230,0.85)}
.page-section:has(.process) .process-icon{background:#6e1219;border:2px solid var(--gold);box-shadow:0 0 0 6px #4a0c12}
.page-section:has(.process) .process-number{box-shadow:0 0 0 3px #4a0c12}
/* Link im Ablauftext: Auf dem dunklen Hintergrund ist das helle Gold gut lesbar (das dunkle Gold hat zu wenig Kontrast). */
.page-section:has(.process) .process-step .text-link,.tips-cards .process-step .text-link{color:var(--gold)}
.page-section:has(.process) .process-step .text-link:hover,.tips-cards .process-step .text-link:hover{color:var(--red)}
.value-grid{display:grid;grid-template-columns:1fr;gap:16px;margin-top:28px}
@media (min-width:800px){
.value-grid{grid-template-columns:repeat(3,1fr)}
}
.value-card{background:var(--card-light);border-radius:var(--btn-radius,12px);padding:32px 26px 28px;display:flex;flex-direction:column;text-align:center;align-items:center}
.page-section--white .value-card{background:var(--bg-light)}
.value-icon{width:72px;height:72px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 30% 20%,#8f1a22 0%,#3d0a10 80%);color:var(--gold);margin-bottom:20px;transition:transform .3s ease}
.value-card:hover .value-icon{transform:scale(1.08)}
.value-icon svg{width:34px;height:34px}
.value-card h3{font-size:1.2rem;margin-bottom:10px}
.value-card p{font-size:0.97rem;line-height:1.6;margin-bottom:16px}
.dedication-box{width:100%;background:var(--cream);border:2px dashed var(--gold);border-radius:var(--btn-radius,12px);padding:14px 16px;margin-bottom:16px;display:flex;flex-direction:column;gap:6px}
.dedication-text{font-family:var(--font-sans);font-size:1.05rem;color:#3d0a10}
.dedication-counter{font-size:0.75rem;letter-spacing:0.08em;text-transform:uppercase;color:var(--red)}
.tips-red{background:#4a0c12;color:var(--cream)}
.tips-red .section-inner{padding:80px 32px;max-width:var(--max-width);margin:0 auto}
.tips-red h2{color:var(--gold) !important;text-align:center !important}
.tips-lead{text-align:center;color:rgba(244,239,230,0.85);margin:8px auto 0}
.hero-cta{display:flex;flex-wrap:wrap;align-items:center;gap:14px 22px;margin-top:18px}
.hero-cta .btn-primary{margin-top:0}
.hero-price{display:flex;flex-direction:column;color:var(--cream);font-weight:700;font-size:1.05rem;text-shadow:0 1px 10px rgba(0,0,0,0.5)}
.hero-price small{font-weight:400;font-size:0.8rem;opacity:0.85}
.trust-strip{background:#fff;border-bottom:1px solid var(--border-light,#e8e8e8)}
.trust-inner{max-width:var(--max-width);margin:0 auto;padding:16px 32px;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px 36px}
.trust-text{font-size:0.92rem;color:var(--text-dark);font-weight:600}
.sticky-cta{display:none}
@media (max-width:799px){
.sticky-cta{display:block;position:fixed;left:0;right:0;bottom:0;z-index:70;padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:rgba(61,10,16,0.96);transform:translateY(110%);transition:transform .3s ease;text-align:center}
.sticky-cta.is-shown{transform:translateY(0)}
.sticky-cta .btn-primary{display:block;width:100%;box-sizing:border-box;text-align:center;margin:0}
}
.set-title{margin:56px 0 0;font-size:1.5rem}
.custom-lead{max-width:720px;margin-bottom:8px}
.team-steps{list-style:none;margin:28px 0;padding:0;display:grid;grid-template-columns:1fr;gap:16px;counter-reset:t}
@media (min-width:800px){
.team-steps{grid-template-columns:repeat(3,1fr)}
}
.team-steps li{background:#fff;border-radius:var(--btn-radius,12px);padding:26px 24px}
.team-number{display:inline-flex;width:40px;height:40px;border-radius:50%;background:var(--gold);color:#3d0a10;font-weight:800;align-items:center;justify-content:center;margin-bottom:12px}
.team-steps h3{margin-bottom:6px}
.team-steps p{margin:0;font-size:0.95rem;line-height:1.55}
.calculator{background:#fff;border-radius:var(--btn-radius,12px);padding:28px 26px;margin-top:24px}
.page-section--white .calculator{background:var(--bg-light)}
.calculator h3{margin-bottom:14px}
.calculator-fields{display:grid;grid-template-columns:1fr;gap:14px;margin-bottom:18px}
@media (min-width:600px){
.calculator-fields{grid-template-columns:1fr 1fr}
}
.calculator label{display:flex;flex-direction:column;gap:6px;font-size:0.85rem;font-weight:600;color:var(--text-dark)}
.calculator input,.calculator select{font:inherit;font-weight:400;padding:12px 14px;border:1px solid #d8d2c6;border-radius:var(--btn-radius,12px);background:#fff;color:var(--text-dark);min-height:48px;box-sizing:border-box;width:100%}
.calculator input:focus-visible,.calculator select:focus-visible{outline:2px solid var(--gold);outline-offset:1px}
.calculator-out{display:grid;grid-template-columns:1fr 1fr;gap:14px;background:#4a0c12;border-radius:var(--btn-radius,12px);padding:20px 22px}
.calculator-out--3{grid-template-columns:repeat(3,1fr)}
@media (max-width:599px){
.calculator-out--3{grid-template-columns:1fr}
}
.calculator-out-number{display:block;font-family:var(--font-heading);font-weight:800;font-size:1.9rem;color:var(--gold);line-height:1.1}
.calculator-out-small{font-size:1.4rem}
.calculator-out small{display:block;color:rgba(244,239,230,0.85);font-size:0.82rem;margin-top:4px}
.calculator-hint{font-size:0.85rem;color:var(--text-muted-light,#666);margin:14px 0 0}
.countdown{background:#4a0c12;color:var(--cream);border-radius:var(--btn-radius,12px);padding:32px 28px;margin-top:24px}
.countdown-head{display:flex;flex-wrap:wrap;align-items:center;gap:12px 28px}
.countdown-number span{display:block;font-family:var(--font-heading);font-weight:800;font-size:3.6rem;line-height:1;color:var(--gold)}
.countdown-number small{font-size:0.85rem;color:rgba(244,239,230,0.85)}
.countdown-text{margin:0;flex:1 1 240px;line-height:1.55;color:var(--cream)}
.countdown-bar{height:12px;background:rgba(244,239,230,0.15);border-radius:999px;margin:24px 0;overflow:hidden}
.countdown-bar span{display:block;height:100%;width:0;background:var(--gold);border-radius:999px;transition:width 1s ease}
.countdown-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr;gap:14px}
@media (min-width:700px){
.countdown-steps{grid-template-columns:repeat(3,1fr)}
}
.countdown-steps li{background:#6e1219;border-radius:var(--btn-radius,12px);padding:16px 18px;display:flex;flex-direction:column;gap:2px}
.countdown-steps strong{color:var(--gold);font-size:1.05rem}
.countdown-steps span{font-size:0.9rem;color:rgba(244,239,230,0.9)}
.versus{display:grid;grid-template-columns:1fr;gap:16px;margin-top:24px}
@media (min-width:800px){
.versus{grid-template-columns:1fr 1fr}
}
.versus-col{border-radius:var(--btn-radius,12px);padding:26px 24px;background:#fff}
.versus-bad{background:#ece9e3}
.versus-good{background:#4a0c12;color:var(--cream)}
.versus-good h3{color:var(--gold) !important}
.versus-col ul{list-style:none;margin:14px 0 0;padding:0}
.versus-col li{display:flex;gap:10px;align-items:flex-start;padding:7px 0;line-height:1.5;font-size:0.95rem}
.versus-icon svg{width:20px;height:20px;flex:none;margin-top:2px;stroke-width:2.2}
.versus-bad .versus-icon svg{color:#8a8378}
.versus-good .versus-icon svg{color:var(--gold)}
.related-section{background:var(--bg-light)}
.related-section .section-inner{max-width:var(--max-width);margin:0 auto;padding:36px 32px 40px}
.related-title{font-size:1.05rem !important;font-weight:700 !important;color:var(--text-muted-light,#666) !important;text-align:left;margin:0 0 14px;text-transform:none}
.related-row{display:grid;grid-template-columns:1fr;gap:10px}
@media (min-width:700px){
.related-row{grid-template-columns:repeat(3,1fr);gap:14px}
}
.related-mini{display:flex;align-items:center;gap:14px;background:#fff;border-radius:var(--btn-radius,12px);padding:10px 14px 10px 10px;transition:background .2s ease}
.related-mini:hover{background:var(--cream)}
.related-mini img{width:56px;height:56px;border-radius:8px;object-fit:cover;flex:none}
.related-mini span{display:flex;flex-direction:column;min-width:0}
.related-mini strong{font-size:0.95rem;color:var(--text-dark)}
.related-mini em{font-style:normal;font-size:0.8rem;color:var(--text-muted-light,#666)}
.price-strip{background:var(--cream)}
.price-strip-inner{max-width:var(--max-width);margin:0 auto;padding:22px 32px;text-align:center}
.price-strip-line{margin:0;display:flex;flex-wrap:wrap;justify-content:center;align-items:baseline;gap:4px 18px;font-size:0.95rem;color:var(--text-dark)}
.price-strip-line strong{font-family:var(--font-heading);font-size:1.1rem;color:var(--red)}
.price-strip-line span + span::before,.price-strip-line strong + span::before{content:"|";margin-right:18px;color:var(--gold)}
.price-strip-line a{margin-left:4px}
.price-strip-note{margin:8px 0 0;font-size:0.82rem;color:var(--text-muted-light,#666)}
@media (max-width:599px){
.price-strip-line span + span::before,.price-strip-line strong + span::before{content:none;margin:0}
.price-strip-line{flex-direction:column;align-items:center;gap:2px}
}
.price-strip{background:#f5dfe0}
.price-strip-line{font-family:inherit;font-size:1rem;font-weight:600;color:#4a0c12;gap:4px 14px;align-items:center}
.price-strip-line strong{font-family:inherit;font-size:inherit;font-weight:700;color:inherit}
.price-strip-line span + span::before,.price-strip-line strong + span::before{color:var(--red);margin-right:14px}
.price-strip-line a{color:inherit;font-weight:600;text-decoration:underline;text-underline-offset:3px;margin-left:0}
.price-strip-line a::before{content:"|";display:inline-block;margin-right:14px;color:var(--red);text-decoration:none}
.price-strip-note{color:#6e1219}
@media (max-width:599px){
.price-strip-line a::before{content:none;margin:0}
}
.price-strip-line span + span::before,.price-strip-line strong + span::before,.price-strip-line a::before{font-weight:400;opacity:0.7}
.price-strip{background:#f3e8c8}
.price-strip-line,.price-strip-line a{color:#3d0a10}
.price-strip-line span + span::before,.price-strip-line strong + span::before,.price-strip-line a::before{color:#8a6d1c}
.price-strip-note{color:#5a4a1a}
.page-hero--bg{overflow:hidden;background-image:none !important;background-color:#3d0a10}
.hero-bg-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:0}
.page-hero--bg::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(to top,rgba(61,10,16,0.88) 0%,rgba(61,10,16,0.45) 32%,rgba(61,10,16,0) 62%)}
.page-hero--bg .page-hero-inner{position:relative;z-index:2}
.trust-facts::before{content:"|";margin-right:36px;color:var(--gold);font-weight:400}
@media (max-width:799px){
.trust-facts::before{content:none;margin:0}
}
.stats-band{background:#4a0c12;color:var(--cream)}
.stats-inner{max-width:var(--max-width);margin:0 auto;padding:36px 32px;display:grid;grid-template-columns:repeat(2,1fr);gap:28px 20px;text-align:center}
@media (min-width:900px){
.stats-inner{grid-template-columns:repeat(4,1fr);padding:44px 32px}
}
.stat{display:flex;flex-direction:column;gap:6px;align-items:center}
.stat-number{font-family:var(--font-heading);font-weight:800;font-size:clamp(1.7rem,4vw,2.4rem);line-height:1.1;color:var(--gold)}
.stat-text{font-size:0.92rem;color:rgba(244,239,230,0.9);line-height:1.4}
.stat-text a{color:var(--cream);text-decoration:underline;text-underline-offset:3px}
.contact-red{background:#4a0c12;color:var(--cream)}
.contact-red-inner{max-width:var(--max-width);margin:0 auto;padding:56px 32px;display:grid;grid-template-columns:1fr;gap:28px;align-items:center}
@media (min-width:800px){
.contact-red-inner{grid-template-columns:1fr 1fr;gap:56px}
}
.contact-red h2{color:var(--gold) !important;margin-bottom:12px}
.contact-red p{color:var(--cream);line-height:1.7;margin:0 0 10px}
.contact-phone{color:var(--cream);font-weight:700;font-size:1.2rem;text-decoration:none}
.contact-red-cta p{margin-bottom:16px}
.page-hero--bg .hero-cta{margin-top:18px}
.occasion-row-media--wide img,.occasion-row-media img,.related-mini img,.related-mini,.history-summary-img img{border-radius:var(--btn-radius,12px)}
.page-section h2.titel-zentriert{text-align:center !important}
.vision-quote{background:#4a0c12;color:var(--cream);text-align:center}
.vision-quote-inner{max-width:860px;margin:0 auto;padding:72px 24px}
.vision-quote-text{font-family:'Playfair Display',serif;font-weight:800;font-size:clamp(1.5rem,3.4vw,2.3rem);line-height:1.3;color:var(--cream);margin:0 0 18px}
.vision-quote-text::before{content:"\201E";display:block;color:var(--gold);font-size:3.2rem;line-height:.8;margin-bottom:8px}
.vision-quote-sub{color:var(--gold);letter-spacing:.12em;text-transform:uppercase;font-size:.85rem;font-weight:700;margin:0}
.value-card .text-link{margin-top:auto;padding-top:14px}
@media (min-width:900px){
.value-grid--4{grid-template-columns:repeat(4,1fr)}
}
@media (min-width:600px) and (max-width:899px){
.value-grid--4{grid-template-columns:repeat(2,1fr)}
}
a.value-card--link{text-decoration:none;color:inherit;transition:transform .2s,box-shadow .2s}
a.value-card--link:hover{transform:translateY(-3px);box-shadow:0 8px 22px rgba(61,10,16,.14)}
a.value-card--link .text-link{margin-top:auto;padding-top:14px}
.intro-centered{text-align:center;max-width:760px;margin:0 auto;font-size:1.1rem}
.vision-quote-sub .text-link{color:var(--gold)}
.page-hero.page-hero--bg:not(.page-hero--full){align-items:center !important;min-height:58svh !important;height:auto !important;padding:120px 0 56px !important}
.page-hero--bg::before{background:linear-gradient(90deg,rgba(45,9,13,0.93) 0%,rgba(45,9,13,0.74) 40%,rgba(45,9,13,0.30) 100%) !important}
.page-hero--bg .page-hero-inner > div{max-width:640px}
.page-hero--bg h1{font-size:clamp(2.1rem,4.6vw,3.4rem);margin-bottom:16px}
.page-hero--bg p{margin-bottom:0}
.page-hero--bg .hero-cta{margin-top:22px}
.page-hero:not(.page-hero--bg):not(.page-hero--full){min-height:58svh}
.page-hero:not(.page-hero--bg):not(.page-hero--full) .page-hero-inner--single{max-width:var(--max-width)}
@media (max-width:700px){
.page-hero.page-hero--bg:not(.page-hero--full){align-items:flex-end !important;min-height:64svh !important;padding:110px 0 36px !important}
.page-hero--bg::before{background:linear-gradient(to top,rgba(45,9,13,0.94) 0%,rgba(45,9,13,0.7) 55%,rgba(45,9,13,0.3) 100%) !important}
}
.fan-card{position:absolute;height:auto;filter:drop-shadow(0 14px 22px rgba(0,0,0,.35));border-radius:0;box-shadow:none !important}
.hero-fan{position:absolute;z-index:2;right:clamp(90px,14vw,240px);top:57%;transform:translateY(-50%);width:clamp(220px,25vw,340px);aspect-ratio:1 / 1.12;pointer-events:none}
.hero-fan .fan-card--queen{left:0;top:10%;width:62%;transform:rotate(-9deg);z-index:1}
.hero-fan .fan-card--king{right:0;top:0;width:62%;transform:rotate(7deg);z-index:2}
.card-fans{position:relative;width:100%;aspect-ratio:3 / 2;background:var(--card-light);border-radius:var(--btn-radius,12px);overflow:visible}
.card-fans .fan-card--queen{left:15%;top:11%;width:37%;transform:rotate(-9deg);z-index:1}
.card-fans .fan-card--king{left:45%;top:5%;width:37%;transform:rotate(7deg);z-index:2}
@media (max-width:900px){
.hero-fan{display:none}
}
.card-fans--single{aspect-ratio:5 / 4}
.card-fans--single .fan-card--queen{left:29%;top:8%;width:42%;transform:rotate(-7deg)}
.image-with-card{position:relative;width:100%;margin-bottom:7%}
.image-with-card > img:first-child{display:block;width:100%}
.image-with-card .card-photo{--py:0px;right:4%;top:24%;width:31%;transform:translateY(var(--py,0px)) rotate(var(--rot,7deg));z-index:2;will-change:transform;max-height:none;max-width:none}
.image-with-card .card-photo--queen{right:25%;top:36%;width:24%;--rot:-8deg;z-index:2}
.image-with-card .card-photo--king{right:5%;top:31%;width:24%;--rot:6deg;z-index:3}
.image-with-card .card-photo--solo{right:6%;top:28%;width:27%;--rot:7deg}
.hero-fan--3{right:clamp(60px,9vw,170px);width:clamp(300px,34vw,500px);aspect-ratio:1.45 / 1;top:50%}
.hero-fan--3 .fan-card--a{left:0;top:14%;width:42%;transform:rotate(-11deg);z-index:1}
.hero-fan--3 .fan-card--b{left:28%;top:0;width:42%;transform:rotate(-1deg);z-index:3}
.hero-fan--3 .fan-card--c{right:0;top:14%;width:42%;transform:rotate(10deg);z-index:2}
.hero-fan--5{right:clamp(30px,5vw,110px);width:clamp(340px,41vw,600px);aspect-ratio:1.6 / 1;top:57%}
.hero-fan--5 .fan-card{width:30%}
.hero-fan--5 .fan-card--a{left:0;top:22%;transform:rotate(-16deg);z-index:1}
.hero-fan--5 .fan-card--b{left:17%;top:8%;transform:rotate(-8deg);z-index:2}
.hero-fan--5 .fan-card--c{left:35%;top:0;transform:rotate(0deg);z-index:3}
.hero-fan--5 .fan-card--d{left:52%;top:8%;transform:rotate(8deg);z-index:4}
.hero-fan--5 .fan-card--e{right:0;top:22%;transform:rotate(16deg);z-index:5}
.image-with-card .card-photo--b1{right:2%;left:auto;top:38%;width:25%;--rot:9deg;z-index:2}
.image-with-card .card-photo--b2{right:22%;left:auto;top:45%;width:25%;--rot:1deg;z-index:3}
.image-with-card .card-photo--b3{right:42%;left:auto;top:52%;width:25%;--rot:-8deg;z-index:4}
.image-with-card--left .card-photo--queen{right:auto;left:5%;top:36%;--rot:-8deg}
.image-with-card--left .card-photo--king{right:auto;left:24%;top:31%;--rot:6deg}
.image-with-card--left .card-photo--solo{right:auto;left:8%;top:30%;--rot:-6deg}
.hero-fan,.hero-fan--3,.hero-fan--5{right:max(32px,calc((100% - var(--max-width)) / 2 + 32px));top:calc(50% + 32px)}
:root{--hero-max:1560px;--hero-pad:56px}
.page-hero.page-hero--bg:not(.page-hero--full) .page-hero-inner{max-width:var(--hero-max);padding-left:var(--hero-pad);padding-right:var(--hero-pad)}
.hero-fan,.hero-fan--3,.hero-fan--5{right:max(var(--hero-pad),calc((100% - var(--hero-max)) / 2 + var(--hero-pad)))}
@media (max-width:700px){
:root{--hero-pad:24px}
}
.hero-fan.hero-fan--3{top:calc(50% + 6px)}
.hero-fan--3 .fan-card--a{z-index:4}
.hero-fan--3 .fan-card--a{left:28%;top:0;transform:rotate(-1deg);z-index:4}
.hero-fan--3 .fan-card--b{left:0;top:14%;transform:rotate(-11deg);z-index:1}
.image-with-card--team .card-photo--queen{right:26%;top:66%;width:22%}
.image-with-card--team .card-photo--king{right:4%;top:62%;width:22%}
.image-with-card--club .card-photo--queen{right:24%;top:67%;width:21%}
.image-with-card--club .card-photo--king{right:3%;top:64%;width:21%}
.countdown.countdown--feature{--p:4;padding:36px 32px 32px;background:radial-gradient(ellipse at 15% 0%,#6e1219 0%,#4a0c12 60%);position:relative;overflow:hidden}
.countdown--feature .countdown-head{display:flex;align-items:center;gap:28px;flex-wrap:wrap}
.countdown--feature .countdown-number{flex:0 0 auto;width:132px;height:132px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:conic-gradient(var(--gold) calc(var(--p,4) * 1%),rgba(244,239,230,0.14) 0);position:relative}
.countdown--feature .countdown-number::before{content:"";position:absolute;inset:9px;border-radius:50%;background:#4a0c12}
.countdown--feature .countdown-number span,.countdown--feature .countdown-number small{position:relative;z-index:1}
.countdown--feature .countdown-number span{font-size:3rem}
.countdown--feature .countdown-number small{margin-top:2px;font-size:0.8rem;letter-spacing:.08em;text-transform:uppercase}
.countdown--feature .countdown-text{font-size:1.2rem;line-height:1.5;max-width:520px}
/* Bestellschluss vorbei: gedämpft, ohne Zahl, Balken und Schritte */
.countdown--closed .countdown-number{background:rgba(244,239,230,0.14)}
.countdown--closed .countdown-text{max-width:none}
.countdown--closed .countdown-number svg{position:relative;z-index:1;width:56px;height:56px;color:var(--gold);opacity:0.85}
.countdown--feature .countdown-bar{display:none}
.countdown--feature .countdown-steps{grid-template-columns:1fr;gap:22px;margin-top:34px;padding-top:28px;border-top:1px solid rgba(244,239,230,0.14);counter-reset:cd}
.countdown--feature .countdown-steps li{background:none;border-radius:0;padding:0;flex-direction:row;flex-wrap:wrap;align-items:center;column-gap:16px;position:relative}
.countdown--feature .countdown-steps .countdown-icon{flex:0 0 52px;width:52px;height:52px;border-radius:50%;background:#3d0a10;border:1.5px solid var(--gold);color:var(--gold);display:flex;align-items:center;justify-content:center;position:relative;z-index:1}
.countdown--feature .countdown-steps .countdown-icon svg{width:24px;height:24px}
.countdown--feature .countdown-steps strong{font-family:var(--font-heading);font-size:1.25rem;color:var(--cream);flex:1 1 calc(100% - 70px)}
.countdown--feature .countdown-steps li > span:last-child{flex:1 1 100%;margin-left:68px;margin-top:-14px;font-size:0.95rem;color:rgba(244,239,230,0.8)}
@media (min-width:700px){
.countdown--feature .countdown-steps{grid-template-columns:repeat(3,1fr);gap:0}
.countdown--feature .countdown-steps li{flex-direction:column;text-align:center;align-items:center;row-gap:4px;padding:0 12px}
.countdown--feature .countdown-steps li + li::before{content:"";position:absolute;top:26px;right:50%;width:100%;border-top:2px dashed rgba(201,164,58,0.55);z-index:0;margin-right:26px}
.countdown--feature .countdown-steps strong{flex:none;margin-top:10px}
.countdown--feature .countdown-steps li > span:last-child{margin:0;flex:none;max-width:220px}
}
@media (max-width:520px){
.countdown--feature .countdown-number{width:112px;height:112px}
.countdown--feature .countdown-number span{font-size:2.5rem}
.countdown.countdown--feature{padding:28px 22px}
}
.tip-card-grid{display:grid;grid-template-columns:1fr;gap:34px 26px;margin-top:40px;padding-top:6px}
@media (min-width:700px){
.tip-card-grid{grid-template-columns:1fr 1fr}
}
@media (min-width:1000px){
.tip-card-grid--3{grid-template-columns:repeat(3,1fr)}
.tip-card-grid--4{grid-template-columns:repeat(4,1fr)}
}
.tip-card{position:relative;background:#fffdf7;border-radius:4px 4px 8px 8px;box-shadow:0 1px 2px rgba(61,10,16,.12),0 14px 26px rgba(61,10,16,.14);transform:rotate(-.7deg);transition:transform .25s ease,box-shadow .25s ease;display:flex;flex-direction:column;min-height:210px}
.tip-card:nth-child(even){transform:rotate(.6deg)}
.tip-card:hover{transform:rotate(0) translateY(-4px);box-shadow:0 2px 4px rgba(61,10,16,.14),0 20px 34px rgba(61,10,16,.2)}
.tip-card-head{margin:0;padding:20px 22px 9px;font-family:var(--font-heading);font-size:1.15rem;line-height:1.3;color:#3d0a10 !important;border-bottom:2px solid var(--red)}
.tip-card-body{flex:1;padding:8px 22px 20px;background-image:repeating-linear-gradient(to bottom,transparent 0 27px,rgba(70,110,170,.2) 27px 28px);background-position:0 4px}
.tip-card-body p{margin:0;font-size:.95rem;line-height:28px;color:#4a3a30}
.tip-card .text-link{color:var(--red)}
.tips-cards h2{text-align:left}
.tips-red .tip-card-grid{margin-top:44px}
@media (prefers-reduced-motion:reduce){
.tip-card,.tip-card:hover{transition:none}
}
.countdown.countdown--feature .countdown-text{color:var(--cream) !important}
.countdown.countdown--feature .countdown-steps li > span:last-child{color:rgba(244,239,230,0.85) !important}
.countdown.countdown--feature .countdown-steps strong{color:var(--cream) !important}
.countdown.countdown--feature .countdown-text,.countdown.countdown--feature .countdown-steps strong{color:#fff !important}
.countdown.countdown--feature .countdown-steps li > span:last-child,.countdown.countdown--feature .countdown-number small{color:#fff !important}
.tip-card-grid{gap:36px 24px}
.tip-card{background:#fff;border:0;border-radius:16px;aspect-ratio:5 / 7.2;min-height:0;padding:0;max-width:340px;width:100%;margin:0 auto;justify-content:center;text-align:center;box-shadow:0 2px 4px rgba(0,0,0,.1),0 16px 30px rgba(0,0,0,.2);transform:rotate(-1deg)}
.tip-card:nth-child(even){transform:rotate(1deg)}
.tip-card:hover{transform:rotate(0) translateY(-6px);box-shadow:0 3px 6px rgba(0,0,0,.12),0 24px 38px rgba(0,0,0,.26)}
.tip-card::before{content:"";position:absolute;inset:9px;border:2px solid #111;border-radius:10px;pointer-events:none}
.tip-card-index{position:absolute;top:20px;left:22px;display:flex;flex-direction:column;align-items:center;gap:3px;line-height:1;font-family:var(--font-heading);font-weight:800;font-size:1.35rem}
.tip-card-index i{display:block;width:20px;height:20px;background-repeat:no-repeat;background-size:contain;background-position:center}
.tip-card-index--b{top:auto;left:auto;bottom:20px;right:22px;transform:rotate(180deg)}
.tip-card--hearts .tip-card-index{color:#c53438}
.tip-card--spades .tip-card-index{color:#111}
.tip-card--hearts .tip-card-index i{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23c53438' d='M12 21S3.500 15.300 3.500 9.600C3.500 6.600 5.800 4.500 8.400 4.500c1.500 0 2.900.8 3.600 2.100.7-1.300 2.100-2.100 3.600-2.100 2.600 0 4.900 2.100 4.900 5.100C20.500 15.300 12 21 12 21z'/%3E%3C/svg%3E")}
.tip-card--spades .tip-card-index i{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23111' d='M12 2S4 8.500 4 13.500c0 2.400 1.900 3.900 4 3.900 1.200 0 2.200-.5 2.900-1.300-.2 1.900-1 3.400-2.500 4.400h7.200c-1.500-1-2.300-2.500-2.500-4.400.7.8 1.700 1.300 2.900 1.300 2.100 0 4-1.500 4-3.900C20 8.500 12 2 12 2z'/%3E%3C/svg%3E")}
.tip-card-head{border:0;padding:0 44px;margin:0 0 12px;font-size:1.2rem;line-height:1.25}
.tip-card-head::after{content:"";display:block;width:36px;height:2px;background:var(--gold);margin:12px auto 0}
.tip-card-body{flex:0 0 auto;background:none;padding:0 40px}
.tip-card-body p{line-height:1.55;font-size:.92rem}
.tips-red .tip-card-grid{margin-top:48px}
@media (min-width:1000px){
.tip-card-head{padding:0 36px}
.tip-card-body{padding:0 32px}
.tip-card-body p{font-size:.88rem}
}
.tips-red.tips-cards{background:linear-gradient(180deg,#8a343b 0%,#7a2b32 100%)}
.tips-red.tips-cards .tip-card{background:#f7f0e3;box-shadow:0 2px 4px rgba(40,6,10,.18),0 16px 30px rgba(40,6,10,.28)}
.tips-red.tips-cards .tip-card::before{border-color:#3a2a24}
.tips-red.tips-cards .tip-card--spades .tip-card-index{color:#2a1d18}
.tips-red.tips-cards .tip-card--hearts .tip-card-index{color:#b02e33}
.tips-red.tips-cards .tips-lead{color:rgba(247,240,227,0.9)}
.tips-red.tips-cards{background:#4a0c12}
.tips-red.tips-cards .tip-card{background:#f6dfe0;box-shadow:0 2px 4px rgba(20,2,5,.3),0 16px 30px rgba(20,2,5,.4)}
.tips-red.tips-cards .tip-card::before{border-color:#6e1219}
.tips-red.tips-cards .tip-card-head{color:#4a0c12 !important}
.tips-red.tips-cards .tip-card-body p{color:#5a2a2e}
.tips-red.tips-cards .tip-card--spades .tip-card-index{color:#3d0a10}
.tips-red.tips-cards .tip-card--hearts .tip-card-index{color:#c53438}
.tips-red.tips-cards .tips-lead{color:rgba(244,239,230,0.85)}
.tips-red.tips-cards .tip-card--spades .tip-card-index i{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%233d0a10' d='M12 2S4 8.500 4 13.500c0 2.400 1.900 3.900 4 3.900 1.200 0 2.200-.5 2.900-1.300-.2 1.900-1 3.400-2.500 4.400h7.200c-1.500-1-2.300-2.500-2.500-4.400.7.8 1.700 1.300 2.900 1.300 2.100 0 4-1.500 4-3.900C20 8.500 12 2 12 2z'/%3E%3C/svg%3E")}
.tips-cards .process{margin-top:44px}
.tips-cards .process-icon{background:#6e1219;border:2px solid var(--gold);box-shadow:0 0 0 6px #4a0c12;color:var(--gold)}
.tips-cards .process-step h3{color:var(--cream) !important}
.tips-cards .process-step p{color:rgba(244,239,230,0.85)}
.tips-cards .process-number{box-shadow:none}
.tips-red.tips-cards .tip-card{background:#6e1219;box-shadow:0 2px 4px rgba(10,0,2,.4),0 16px 30px rgba(10,0,2,.45);padding:0 12px}
.tips-red.tips-cards .tip-card::before{border:2px solid var(--gold)}
.tips-red.tips-cards .tip-card-index,.tips-red.tips-cards .tip-card--hearts .tip-card-index,.tips-red.tips-cards .tip-card--spades .tip-card-index{color:var(--gold)}
.tips-red.tips-cards .tip-card--hearts .tip-card-index i{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23c9a43a' d='M12 21S3.500 15.300 3.500 9.600C3.500 6.600 5.800 4.500 8.400 4.500c1.500 0 2.900.8 3.600 2.100.7-1.300 2.100-2.100 3.600-2.100 2.600 0 4.900 2.100 4.900 5.100C20.500 15.300 12 21 12 21z'/%3E%3C/svg%3E")}
.tips-red.tips-cards .tip-card--spades .tip-card-index i{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23c9a43a' d='M12 2S4 8.500 4 13.500c0 2.400 1.900 3.900 4 3.900 1.200 0 2.200-.5 2.900-1.300-.2 1.900-1 3.400-2.500 4.400h7.200c-1.500-1-2.300-2.500-2.500-4.400.7.8 1.700 1.300 2.900 1.300 2.100 0 4-1.500 4-3.900C20 8.500 12 2 12 2z'/%3E%3C/svg%3E")}
.tips-red.tips-cards .tip-card-icon{width:60px;height:60px;margin:0 auto 14px;border-radius:50%;border:2px solid var(--gold);background:#4a0c12;color:var(--gold);display:flex;align-items:center;justify-content:center}
.tips-red.tips-cards .tip-card-icon svg{width:28px;height:28px}
.tips-red.tips-cards .tip-card-head{color:var(--cream) !important}
.tips-red.tips-cards .tip-card-body p{color:rgba(244,239,230,0.88)}
@media (max-width:699px){
.tips-red.tips-cards .tip-card-grid{gap:12px;margin-top:28px}
.tips-red.tips-cards .tip-card{aspect-ratio:auto;max-width:none;width:100%;margin:0;transform:none !important;display:grid;grid-template-columns:52px 1fr;column-gap:16px;align-items:center;padding:14px 16px;border-radius:14px;text-align:left;justify-content:stretch;box-shadow:0 2px 8px rgba(10,0,2,.3)}
.tips-red.tips-cards .tip-card:hover{transform:none}
.tips-red.tips-cards .tip-card::before,.tips-red.tips-cards .tip-card-index{display:none}
.tips-red.tips-cards .tip-card-icon{grid-column:1;grid-row:1 / span 2;width:48px;height:48px;margin:0;align-self:center}
.tips-red.tips-cards .tip-card-icon svg{width:24px;height:24px}
.tips-red.tips-cards .tip-card-head{grid-column:2;grid-row:1;padding:0;margin:0 0 4px;font-size:1.05rem;line-height:1.25;text-align:left}
.tips-red.tips-cards .tip-card-head::after{display:none}
.tips-red.tips-cards .tip-card-body{grid-column:2;grid-row:2;padding:0}
.tips-red.tips-cards .tip-card-body p{font-size:.9rem;line-height:1.5}
}
.press-section .section-inner{max-width:1040px}
.press-featured-grid{display:grid;grid-template-columns:1fr;gap:16px;margin-top:28px}
@media (min-width:800px){
.press-featured-grid{grid-template-columns:repeat(3,1fr);gap:20px}
}
.press-featured{background:#fff;border:1px solid rgba(0,0,0,.1);border-radius:12px;padding:22px 22px 20px;display:flex;flex-direction:column;text-align:left;box-shadow:0 2px 10px rgba(0,0,0,.05)}
.press-section:not(.page-section--white) .press-featured{background:#fff}
.press-featured-medium{color:var(--gold-dark);font-weight:700;font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;margin:0 0 8px}
.press-featured h3{font-family:var(--font-heading);color:#3d0a10 !important;font-size:1.2rem;line-height:1.3;margin:0 0 6px}
.press-featured-date{color:#666;font-size:.85rem;margin:0 0 10px}
.press-featured p:not([class]){color:#444;line-height:1.55;font-size:.95rem;margin:0 0 14px}
.press-featured-link{margin-top:auto;display:inline-flex;align-items:center;gap:6px;color:var(--red);font-weight:600;text-decoration:none}
.press-featured-link:hover{text-decoration:underline}
.press-arrow{width:16px;height:16px;flex:none}
.press-all{text-align:center;margin:28px 0 0}
.press-year{font-family:var(--font-heading);color:#3d0a10 !important;font-size:1.4rem;margin:72px 0 14px;padding-bottom:10px;border-bottom:2px solid var(--gold);text-align:left}
.press-list{list-style:none;margin:0;padding:0}
.press-list li{display:grid;grid-template-columns:1fr;gap:2px;padding:12px 0;border-bottom:1px solid rgba(0,0,0,.09)}
.press-meta{display:flex;flex-wrap:wrap;gap:4px 14px;font-size:.85rem;color:#666}
.press-medium{font-weight:700;color:#3d0a10}
.press-list a{display:flex;align-items:center;gap:10px;color:#1e1e1e;text-decoration:none}
.press-list a:hover .press-title{color:var(--red);text-decoration:underline}
.press-title{flex:1;font-weight:500;line-height:1.4}
.press-type{font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;color:#666;border:1px solid rgba(0,0,0,.2);border-radius:999px;padding:2px 8px;flex:none}
@media (min-width:800px){
.press-list li{grid-template-columns:300px 1fr;align-items:center;gap:20px}
.press-meta{flex-direction:column;gap:0}
}
.press-list--web li{grid-template-columns:1fr}
@media (min-width:800px){
.press-list--web li{grid-template-columns:300px 1fr}
}
.press-contact{text-align:center}
.press-contact address{font-style:normal;line-height:1.8;margin-top:12px}
.press-contact address a{color:var(--red)}
.press-section .section-inner h3.presse-jahr{margin-top:96px;margin-bottom:14px}
.press-section .section-inner .press-list + h3.presse-jahr{margin-top:96px}
.example img{border-radius:16px}
.c2c-red{position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 0%,#8f1a22 0%,#4a0c12 62%,#3d0a10 100%);color:var(--cream);text-align:center}
.c2c-red-inner{position:relative;max-width:1040px;margin:0 auto;padding:88px 24px 80px}
.c2c-ring{position:absolute;top:24px;left:50%;width:520px;max-width:120%;margin-left:-260px;color:var(--gold);opacity:.09;animation:c2c-rotate 60s linear infinite;pointer-events:none}
@keyframes c2c-rotate{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){
.c2c-ring{animation:none}
}
.c2c-red-inner > *:not(.c2c-ring){position:relative}
.c2c-kicker{color:var(--gold);letter-spacing:.14em;text-transform:uppercase;font-size:.8rem;font-weight:700;margin:0 0 10px}
.c2c-red h2{font-family:var(--font-heading);color:var(--gold) !important;text-align:center !important;font-size:clamp(1.8rem,4vw,2.6rem);line-height:1.15;margin:0 0 18px}
.c2c-intro{max-width:680px;margin:0 auto 36px;line-height:1.7;color:var(--cream)}
.video-wrap{max-width:820px;margin:0 auto;padding:8px;border-radius:22px;background:linear-gradient(135deg,rgba(201,164,58,.9),rgba(201,164,58,.25));box-shadow:0 18px 50px rgba(0,0,0,.4)}
.video-box,.video-frame{display:block;width:100%;aspect-ratio:16 / 9;border:0;border-radius:16px;background:#1c0306}
.video-box{display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 40%,#6e1219 0%,#2a0509 80%)}
.video-box-inner{display:flex;flex-direction:column;align-items:center;gap:12px;padding:20px;max-width:520px}
.video-play{width:84px;height:84px;border-radius:50%;border:3px solid var(--gold);background:rgba(201,164,58,.14);color:var(--gold);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .2s,background .2s}
.video-play svg{width:38px;height:38px;margin-left:4px}
.video-play:hover,.video-play:focus-visible{transform:scale(1.08);background:rgba(201,164,58,.28)}
.video-hint{font-size:.82rem;line-height:1.5;color:var(--cream);opacity:.85;margin:0}
.video-external{font-size:.85rem;color:var(--gold)}
.c2c-circle{position:relative;list-style:none;margin:56px 0 0;padding:0;display:grid;grid-template-columns:1fr;gap:26px;text-align:center}
@media (min-width:800px){
.c2c-circle{grid-template-columns:repeat(4,1fr);gap:20px}
.c2c-circle::before{content:"";position:absolute;top:28px;left:12%;right:12%;border-top:2px dashed rgba(201,164,58,.55)}
}
.c2c-circle li{position:relative;padding:0 8px}
.c2c-number{position:relative;display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:50%;background:#4a0c12;border:2px solid var(--gold);color:var(--gold);font-family:var(--font-heading);font-size:1.4rem;font-weight:700;margin-bottom:14px;box-shadow:0 0 0 6px #4a0c12}
.c2c-circle h3{font-family:var(--font-heading);color:var(--cream) !important;font-size:1.1rem;line-height:1.3;margin:0 0 6px}
.c2c-circle p{font-size:.92rem;line-height:1.55;color:var(--cream);opacity:.85;margin:0 auto;max-width:230px}
.video-hint a,.video-hint .text-link{color:var(--gold);text-decoration:underline}
.c2c-one{display:grid;grid-template-columns:1fr;gap:36px;align-items:center}
.c2c-fan{position:relative;width:min(260px,70%);aspect-ratio:1 / 1.12;margin:0 auto}
.c2c-card{position:absolute;width:58%;height:auto;border-radius:6%;filter:drop-shadow(0 14px 22px rgba(0,0,0,.3))}
.c2c-card--1{left:0;top:14%;transform:rotate(-12deg);z-index:1}
.c2c-card--2{left:21%;top:4%;transform:rotate(-1deg);z-index:2}
.c2c-card--3{right:0;top:18%;transform:rotate(11deg);z-index:3}
@media (min-width:800px){
.c2c-one{grid-template-columns:1.4fr 1fr;gap:56px}
.c2c-fan{width:min(340px,100%)}
}
.press-section .section-inner p.press-all{text-align:center !important;margin-left:auto;margin-right:auto}
.gift-ideas{display:grid;grid-template-columns:1fr;gap:36px;align-items:center}
.gift-ideas-fan{position:relative;width:min(340px,86%);aspect-ratio:1 / 1.05;margin:0 auto}
.gift-ideas-card{position:absolute;bottom:0;left:50%;width:40%;height:auto;margin-left:-20%;border-radius:6%;transform-origin:50% 110%;filter:drop-shadow(0 10px 16px rgba(0,0,0,.3))}
.gift-ideas-card--1{transform:translateX(-62%) rotate(-18deg);z-index:1}
.gift-ideas-card--2{transform:translateX(-21%) rotate(-6deg);z-index:2}
.gift-ideas-card--3{transform:translateX(21%) rotate(6deg);z-index:3}
.gift-ideas-card--4{transform:translateX(62%) rotate(18deg);z-index:4}
.gift-ideas-list{list-style:none;margin:18px 0;padding:0;display:grid;gap:12px}
.gift-ideas-list li{display:flex;gap:12px;align-items:flex-start}
.gift-ideas-list svg{flex:none;width:24px;height:24px;margin-top:2px;padding:4px;border-radius:50%;background:#3d0a10;color:var(--gold);box-sizing:border-box}
.gift-ideas-list strong{display:block;color:#3d0a10}
.gift-ideas-list span{display:block;color:#444;font-size:.95rem;line-height:1.5}
@media (min-width:800px){
.gift-ideas{grid-template-columns:1fr 1.1fr;gap:56px}
.gift-ideas-fan{width:min(420px,100%)}
}
.gift-ideas-media{display:flex;justify-content:center;align-items:center;width:100%}
.gift-ideas-fan{width:min(440px,96%);margin:0 auto}
.gift-ideas-card{width:42%;margin-left:-21%}
@media (min-width:800px){
.gift-ideas-fan{width:min(560px,100%)}
}
.gift-ideas-card--1{transform:translateX(-46%) rotate(-16deg)}
.gift-ideas-card--2{transform:translateX(-15%) rotate(-5deg)}
.gift-ideas-card--3{transform:translateX(15%) rotate(5deg)}
.gift-ideas-card--4{transform:translateX(46%) rotate(16deg)}
.gift-ideas-fan{display:grid;justify-items:center;align-items:end;width:min(360px,88%);aspect-ratio:auto;padding:24px 0 8px}
.gift-ideas-card{position:relative;grid-area:1 / 1;left:auto;bottom:auto;margin:0;width:46%;justify-self:center}
@media (min-width:800px){
.gift-ideas-fan{width:min(430px,100%)}
}
.gift-ideas-fan{width:min(320px,78%)}
.gift-ideas-card{width:44%}
@media (min-width:800px){
.gift-ideas-fan{width:min(380px,100%)}
}
.milestone .milestone-image.milestone-image--certificate{width:92%;max-width:420px;height:auto;max-height:none}
.milestone .milestone-image.milestone-image--certificate{aspect-ratio:1600 / 1236}
.milestone .milestone-image--certificate figure a{display:block;width:100%;height:100%}
.milestone .milestone-image--certificate figure img{object-fit:contain;background:#fff}
@media (min-width:900px){
.milestone .milestone-image.milestone-image--certificate{width:min(42vw,600px);max-width:none}
}
.milestone .milestone-image.milestone-image--mosaic{width:92%;max-width:420px;height:auto;max-height:none;aspect-ratio:auto;overflow:visible;border-radius:0;background:transparent}
.milestone .milestone-image--mosaic figure{position:static;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;width:100%;height:auto;aspect-ratio:auto;overflow:visible;border-radius:0}
.milestone .milestone-image--mosaic figure img{position:static;display:block;width:100%;height:auto;object-fit:cover;border-radius:8px;box-shadow:none;border:0;transform:none}
.milestone .milestone-image--mosaic figure img.mosaic-a{grid-column:1 / -1;aspect-ratio:3 / 2}
.milestone .milestone-image--mosaic figure img.mosaic-b,.milestone .milestone-image--mosaic figure img.mosaic-c,.milestone .milestone-image--mosaic figure img.mosaic-d{aspect-ratio:3 / 2;object-position:top}
.milestone .milestone-image--mosaic figcaption{position:static;grid-column:1 / -1;background:none;text-align:center !important;padding:4px 0 0 !important}
@media (min-width:900px){
.milestone .milestone-image.milestone-image--mosaic{width:min(40vw,580px);max-width:none}
}
.milestone .milestone-image.milestone-image--landscape-3{width:92%;max-width:420px;height:auto;max-height:none;aspect-ratio:3 / 2}
.milestone .milestone-image--landscape-3 figure img{object-fit:cover}
@media (min-width:900px){
.milestone .milestone-image.milestone-image--landscape-3{width:min(40vw,580px);max-width:none}
}
.milestone .milestone-image.milestone-image--fan{width:92%;max-width:380px;height:auto;max-height:none;aspect-ratio:1 / 1;overflow:visible;border-radius:0;background:transparent}
.milestone .milestone-image--fan figure{display:grid;justify-items:center;align-items:center;overflow:visible;border-radius:0}
.milestone .milestone-image--fan figure img.milestone-card{grid-area:1 / 1;width:42%;height:auto;max-height:80%;object-fit:contain;border-radius:6%;filter:drop-shadow(0 12px 18px rgba(0,0,0,.45));position:static}
.milestone .milestone-image--fan .milestone-card--1{transform:translateX(-62%) rotate(-16deg);z-index:1}
.milestone .milestone-image--fan .milestone-card--2{transform:translateY(-4%) rotate(0deg);z-index:2}
.milestone .milestone-image--fan .milestone-card--3{transform:translateX(62%) rotate(16deg);z-index:3}
.milestone .milestone-image--fan figcaption{background:none;text-align:center !important;padding:0 10px 0 !important;bottom:-4px}
@media (min-width:900px){
.milestone .milestone-image.milestone-image--fan{width:min(34vw,460px);max-width:none}
}
.questions-cta{background:#3d0a10;color:#f4efe6;text-align:center;padding:56px 0}
.questions-cta .section-inner{max-width:640px;margin:0 auto;padding:0 24px}
.questions-cta h2{color:#c9a43a;margin:0 0 12px}
.questions-cta p{margin:0 0 24px;line-height:1.6}
.questions-cta .section-inner h2{color:#c9a43a !important}
.related-section .related-all{text-align:center;margin-top:20px}

/* ---- Anpassung an den Shop ---- */
/* Der Header liegt über dem Seitenkopf (body.has-scroll-header, siehe
   global.css), darum behält der Seitenkopf oben den Abstand der Vorlage. */

/* Preis im Seitenkopf: Der Preis steckt bei uns in einem <span> (wird per API
   gefüllt). In einem Flex-Container würden Preis und «pro Set» sonst zu zwei
   untereinander stehenden Elementen. Darum Block statt Flex, «small» darunter. */
.hero-price {
  display: block;
}

.hero-price small {
  display: block;
}

/* Fixer Knopf «Jetzt Karten gestalten» (nur Handy): Platz unter dem Footer,
   damit er «Kartenzahlung», Impressum und Datenschutz nicht überdeckt. Nur auf
   Seiten, die den Knopf haben. */
@media (max-width: 799px) {
  body:has(.sticky-cta) .site-footer {
    padding-bottom: 84px;
  }
}

/* Textlinks in den roten Tipp-Karten (dunkelrote Karten auf rotem Grund):
   Gold statt Rot, beim Darüberfahren Creme. */
.tips-red.tips-cards .tip-card .text-link {
  color: var(--gold);
}

.tips-red.tips-cards .tip-card .text-link:hover {
  color: var(--cream);
}

/* Zeitstrahl auf dem Handy (unter 900px): Inhalt darf die Seite nicht breiter
   machen (sonst rutscht das Hamburger-Menü aus dem Bild und der Text wird
   abgeschnitten). Schmalere Jahresleiste, Bühne und Textkasten nehmen die
   verfügbare Breite. */
@media (max-width: 899px) {
  .timeline {
    overflow-x: clip;
  }

  .page-hero--full.timeline .timeline-pin {
    padding: 88px 16px 20px;
    overflow: hidden;
  }

  .page-hero--full.timeline .timeline-body {
    gap: 8px;
    padding-left: 0;
    padding-right: 0;
  }

  .timeline-rail {
    flex: 0 0 76px;
  }

  .timeline-stage {
    grid-template-columns: minmax(0, 1fr);
  }

  .milestone {
    min-width: 0;
    max-width: 100%;
  }

  .milestone .milestone-text {
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    margin-left: 0;
    margin-right: 0;
  }

  .milestone-text p {
    max-width: none;
  }
}
/* Einspaltig (Handy, Tablet hochkant): Die Karten auf dem Bild ragen unten über
   das Bild hinaus, dazu kommen die Drehung und das Parallax (bis 40px nach unten).
   Mit dem normalen Abstand liegen sie dann über dem Text darunter (Unternehmen,
   Vereine, Weihnachten, knapp auch Geburtstag). Mehr Abstand unter dem Bild;
   am Desktop (zweispaltig) bleibt alles wie es ist. */
@media (max-width:860px){
.image-with-card{margin-bottom:calc(10% + 24px)}
.image-with-card--team{margin-bottom:calc(19% + 24px)}
.image-with-card--fan{margin-bottom:calc(16% + 24px)}
}