:root{--pink:#f01483;--gold:#ffd34d;--ink:#121212;--cream:#fff7e8;--muted:#675b65}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:linear-gradient(180deg,#fff7e8,#ffe8f3 45%,#fff);color:var(--ink)}.hero{position:relative;min-height:100svh;display:grid;align-items:start;overflow:hidden;background:#111}.hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 38%}.shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.16),rgba(0,0,0,.04) 44%,rgba(0,0,0,.62))}.heroText{position:relative;z-index:1;padding:calc(env(safe-area-inset-top) + 16px) 18px 30px;color:#fff;text-align:left;max-width:760px}.hero h1{font-size:clamp(42px,12.4vw,86px);line-height:.92;margin:0 0 10px;text-transform:uppercase;text-shadow:0 4px 18px rgba(0,0,0,.58)}.hero h1 span{color:var(--gold)}.hero p{font-size:clamp(18px,4.8vw,28px);line-height:1.15;margin:0 0 18px;font-weight:850;text-shadow:0 3px 14px rgba(0,0,0,.62)}.heroBtn,button{border:0;border-radius:18px;background:linear-gradient(135deg,var(--pink),#ff5fb6);color:#fff;font-weight:1000;font-size:20px;padding:16px 20px;box-shadow:0 14px 34px rgba(240,20,131,.35);text-decoration:none;display:inline-flex;justify-content:center;align-items:center;width:100%;max-width:420px;cursor:pointer}.wrap{width:min(760px,100%);margin:-18px auto 40px;padding:0 14px;position:relative;z-index:2}.card{background:rgba(255,255,255,.95);border:1px solid rgba(255,255,255,.8);border-radius:26px;padding:20px;margin:0 0 16px;box-shadow:0 18px 48px rgba(35,12,23,.12);backdrop-filter:blur(12px)}h1{font-size:34px}h2{font-size:26px;margin:0 0 12px}.intro p,.staticPage p,.staticPage li{font-size:18px;line-height:1.45;color:var(--muted);font-weight:650}.hint{margin-top:-4px;color:var(--muted);font-weight:800}.badges{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.badges span{background:#111;color:#fff;border-radius:999px;padding:9px 12px;font-weight:900;text-transform:uppercase;font-size:13px}.textLink{display:inline-block;margin-top:14px;color:#c90068;font-weight:950;text-decoration:none}label{display:block;font-weight:850;margin:14px 0 8px}select,textarea{width:100%;font:inherit;font-size:18px;padding:15px 14px;border-radius:16px;border:2px solid #eadbe4;background:#fff;outline:none}select:focus,textarea:focus{border-color:var(--pink);box-shadow:0 0 0 4px rgba(240,20,131,.13)}.calendarBox{border:2px solid #eadbe4;border-radius:22px;padding:12px;background:#fff}.calHead{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.calHead strong{text-transform:capitalize;font-size:19px}.calNav{width:44px;height:44px;max-width:none;padding:0;margin:0;border-radius:50%;font-size:30px;line-height:1;box-shadow:none}.weekdays,.calendar{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;text-align:center}.weekdays span{font-weight:950;color:#6d5d66;font-size:13px}.day{max-width:none;width:100%;aspect-ratio:1/1;margin:0;padding:0;border-radius:14px;background:#fff;border:2px solid #ffe0ef;color:#161116;box-shadow:none;font-size:17px;font-weight:950}.day.selected{background:var(--pink);border-color:var(--pink);color:#fff}.day.disabled{position:relative;background:#f1eef0;color:#8d858a;border-color:#e3dce0;text-decoration:line-through;text-decoration-thickness:3px;opacity:.85}.day.disabled:after{content:"";position:absolute;left:15%;right:15%;top:50%;height:3px;background:#c61b5d;rotate:-18deg;border-radius:4px}.gifts{display:grid;grid-template-columns:1fr;gap:10px}.gift{position:relative}.gift input{position:absolute;opacity:0}.gift span{display:block;background:#fff;border:3px solid #eadbe4;border-radius:20px;padding:16px 16px 16px 54px;font-size:20px;font-weight:950}.gift small{display:block;font-size:15px;color:var(--muted);font-weight:800;margin-top:2px}.gift span:before{content:"";position:absolute;left:18px;top:50%;translate:0 -50%;width:22px;height:22px;border-radius:50%;border:3px solid var(--pink)}.gift input:checked+span{border-color:var(--pink);background:#fff0f8;box-shadow:0 10px 30px rgba(240,20,131,.15)}.gift input:checked+span:after{content:"";position:absolute;left:25px;top:50%;translate:0 -50%;width:12px;height:12px;border-radius:50%;background:var(--pink)}.result{font-weight:850;font-size:17px}.ok{color:#10813a}.err{color:#b00020}.subpage{padding-top:18px}.staticPage{margin:0 auto 40px}.staticPage h1,.staticPage h2{margin-top:10px}.staticPage .heroBtn{margin-top:16px}@media(max-width:520px){.hero{min-height:100svh}.hero img{object-position:center 34%}.heroText{padding-top:14px}.hero h1{font-size:clamp(40px,12vw,62px)}.heroBtn{max-width:100%}.wrap{margin-top:-22px}.card{border-radius:24px}.day{border-radius:11px;font-size:16px}.calendarBox{padding:9px}}@media(min-width:720px){.hero{min-height:760px;align-items:start}.heroText{padding:52px}.gifts{grid-template-columns:repeat(2,1fr)}.heroBtn,button{width:auto}.wrap{margin-top:-42px}}


/* Werbliche Sommeraktions-Box */
.promoCard{
  position:relative;
  overflow:hidden;
  background:linear-gradient(135deg,#fff 0%,#fff7e8 42%,#ffe0f0 100%);
  border:3px solid rgba(240,20,131,.18);
  box-shadow:0 22px 60px rgba(240,20,131,.20),0 10px 30px rgba(0,0,0,.08);
}
.promoCard:before{display:none}
.aktionBadge{display:inline-flex;align-items:center;background:linear-gradient(135deg,var(--pink),#ff5fb6);color:#fff;font-weight:1000;letter-spacing:.5px;border-radius:999px;padding:9px 14px;margin-bottom:12px;box-shadow:0 10px 24px rgba(240,20,131,.28)}
.promoCard h2{
  margin:2px 0 8px;
  font-size:clamp(28px,7vw,42px);
  line-height:1;
  text-transform:uppercase;
  color:#111;
}
.promoCard p{
  font-size:clamp(19px,4.8vw,26px);
  line-height:1.25;
  font-weight:900;
  color:#3b3038;
}
.promoCard strong,.promoCard b{color:var(--pink)}
.promoBadges span{
  background:#111;
  border:2px solid rgba(255,211,77,.65);
  box-shadow:0 8px 20px rgba(0,0,0,.14);
  font-size:14px;
}
.howBtn{
  display:flex;
  align-items:center;
  gap:12px;
  margin-top:18px;
  padding:16px;
  border-radius:20px;
  background:linear-gradient(135deg,#111,#2a1b25);
  color:#fff;
  text-decoration:none;
  box-shadow:0 12px 30px rgba(0,0,0,.20);
  border:2px solid rgba(255,211,77,.7);
  animation:pulseSoft 1.9s ease-in-out infinite;
}
.howBtn strong{display:block;color:#fff;font-size:clamp(18px,4.8vw,24px);line-height:1.05;text-transform:uppercase}
.howBtn small{display:block;color:var(--gold);font-weight:900;margin-top:4px;font-size:14px}
.howIcon{font-size:30px;flex:0 0 auto}.howArrow{margin-left:auto;font-size:42px;line-height:1;color:var(--gold);font-weight:1000}
@keyframes pulseSoft{0%,100%{transform:scale(1);box-shadow:0 12px 30px rgba(0,0,0,.20)}50%{transform:scale(1.015);box-shadow:0 18px 38px rgba(240,20,131,.28)}}
.whatsappBtn{
  background:#25D366!important;
  color:#fff!important;
  box-shadow:0 14px 34px rgba(37,211,102,.38)!important;
  gap:10px;
  font-size:clamp(18px,4.8vw,22px);
  border-radius:20px;
}
.whatsappBtn svg{width:30px;height:30px;flex:0 0 auto}.whatsappBtn:hover{background:#128C7E!important}.whatsappBtn:active{transform:translateY(1px)}
@media(max-width:520px){
  .promoCard{margin-top:0;padding:22px 18px}
  .promoCard:before{font-size:15px}
  .howBtn{padding:15px 14px}.howIcon{font-size:26px}.howArrow{font-size:36px}
}

/* Mobile: mehr vom Headerbild und mehr vom Inhalt sofort sichtbar */
@media(max-width:520px){
  .hero{min-height:66svh;align-items:start}
  .hero img{object-position:center 30%}
  .shade{background:linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.02) 42%,rgba(0,0,0,.48))}
  .heroText{padding:calc(env(safe-area-inset-top) + 10px) 14px 16px;display:flex;flex-direction:column;min-height:66svh;justify-content:space-between}
  .hero h1{font-size:clamp(32px,10.5vw,48px);line-height:.9;margin:0;text-shadow:0 3px 14px rgba(0,0,0,.62)}
  .hero p{font-size:clamp(15px,4.1vw,19px);line-height:1.12;margin:8px 0 10px;max-width:92%}
  .heroBtn{font-size:17px;padding:13px 16px;border-radius:16px;max-width:330px}
  .wrap{margin-top:-12px;padding:0 10px}
  .card{padding:15px;margin-bottom:11px;border-radius:20px}
  h2{font-size:22px;margin-bottom:8px}
  .intro p,.staticPage p,.staticPage li{font-size:16px;line-height:1.34}
  .badges{gap:6px;margin-top:10px}.badges span{font-size:12px;padding:7px 9px}
  label{margin:10px 0 6px}select,textarea{font-size:16px;padding:12px;border-radius:13px}
  .calendarBox{padding:8px;border-radius:18px}.calHead{margin-bottom:6px}.calNav{width:38px;height:38px}.weekdays,.calendar{gap:4px}.day{font-size:15px;border-radius:10px}
  .gift span{font-size:17px;padding:13px 13px 13px 48px;border-radius:16px}.gift small{font-size:13px}
  .promoCard{padding:16px 14px}.promoCard h2{font-size:clamp(22px,6vw,30px)}.promoCard p{font-size:clamp(16px,4.2vw,20px)}
  .howBtn{margin-top:12px;padding:12px;border-radius:16px}.howBtn strong{font-size:17px}.howBtn small{font-size:12px}.whatsappBtn{font-size:17px;padding:14px 15px;border-radius:16px}
}

/* Frei bearbeitbarer Sommeraktionsbereich */
.promoCard .buttonLike{display:inline-flex;align-items:center;justify-content:center;border-radius:18px;padding:14px 18px;font-weight:1000;text-decoration:none;background:linear-gradient(135deg,var(--pink),#ff5fb6);color:#fff;box-shadow:0 12px 28px rgba(240,20,131,.25)}
.promoCard *{max-width:100%}