:root{
  --pink:#e40059;
  --pink-dark:#bd004b;
  --ink:#080b0e;
  --panel:#10161b;
  --panel-2:#171d22;
  --white:#fff;
  --muted:#bbc0c4;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#ececec;color:#fff;font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
button,input,textarea{font:inherit}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.page-shell{width:min(1280px,100%);margin:0 auto;background:#fff;box-shadow:0 0 38px rgba(0,0,0,.18);overflow:hidden}

.site-header{position:relative;height:255px;background:#fff;color:#0d1114;overflow:hidden;border-bottom:1px solid #e3e3e3}
.brand{position:absolute;z-index:4;left:28px;top:18px;width:340px;height:168px;display:flex;align-items:center;overflow:hidden}
.brand img{width:100%;height:auto}
.brand-swoosh{position:absolute;z-index:1;left:160px;right:0;top:4px;width:calc(100% - 150px);height:172px;pointer-events:none}
.brand-swoosh path{fill:none;stroke-linecap:round}
.swoosh-pink{stroke:var(--pink);stroke-width:5}
.swoosh-black{stroke:#0d1114;stroke-width:4}
.star{position:absolute;z-index:2;color:var(--pink);line-height:1;pointer-events:none}
.star-1{left:32px;top:27px;font-size:20px}.star-2{left:355px;top:35px;font-size:34px}.star-3{left:420px;top:82px;font-size:18px}.star-4{left:540px;top:118px;font-size:18px}.star-5{right:185px;top:23px;font-size:34px}.star-6{right:30px;top:40px;font-size:28px}.star-7{right:100px;top:152px;font-size:18px}.star-8{left:56px;top:180px;font-size:28px}
.header-contact{position:absolute;z-index:5;right:45px;top:74px;display:grid;gap:12px;font-size:18px;font-weight:700}
.contact-row{display:flex;align-items:center;gap:12px;white-space:nowrap}
.contact-row svg{width:27px;height:27px;fill:var(--pink)}
.main-nav{position:absolute;z-index:6;left:50%;bottom:20px;transform:translateX(-50%);display:flex;align-items:center;justify-content:center;gap:52px;white-space:nowrap}
.main-nav a{display:flex;align-items:center;gap:9px;height:42px;padding:5px 0;border-bottom:3px solid transparent;font-size:15px;font-weight:700;text-transform:uppercase;transition:.2s}
.main-nav a svg{width:23px;height:23px;fill:#0b0d0f}
.main-nav a:hover,.main-nav a.active{color:var(--pink);border-color:var(--pink)}
.main-nav a:hover svg,.main-nav a.active svg{fill:var(--pink)}
.menu-toggle{display:none}

.dark-stage{background:linear-gradient(180deg,#06090b 0%,#0b1014 56%,#151c21 100%)}
.hero{position:relative;min-height:490px;background:url('../img/hero-event.jpg') center 47%/cover no-repeat;display:flex;align-items:center}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.94) 0%,rgba(0,0,0,.76) 33%,rgba(0,0,0,.18) 64%,rgba(0,0,0,.15) 100%),linear-gradient(0deg,#080b0e 0%,transparent 33%)}
.hero-content{position:relative;z-index:2;padding:78px 58px 84px;width:65%}
.hero h1{font-size:clamp(44px,6vw,68px);line-height:1.04;margin:0 0 24px;letter-spacing:-1.8px}
.hero p{font-size:clamp(20px,2.2vw,27px);line-height:1.42;margin:0 0 28px;color:#f1f1f1}
.hero-actions{display:flex;gap:18px;flex-wrap:wrap}
.button{display:inline-flex;align-items:center;justify-content:center;gap:11px;min-height:54px;padding:0 23px;border:2px solid var(--pink);border-radius:6px;font-size:17px;font-weight:700;transition:transform .18s,background .18s}
.button svg{width:24px;height:24px;fill:currentColor}
.button:hover{transform:translateY(-2px)}
.button-primary{background:var(--pink);color:#fff}.button-primary:hover{background:var(--pink-dark)}
.button-outline{background:rgba(0,0,0,.55);color:#fff}.button-outline:hover{background:rgba(228,0,89,.18)}

.assortment{padding:4px 54px 38px;text-align:center}
.eyebrow{margin:0 0 6px;color:var(--pink);font-size:17px;font-weight:800;text-transform:uppercase}
.assortment h2{margin:0 0 29px;font-size:30px;font-weight:600}
.category-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:28px;max-width:1120px;margin:auto}
.category-card{min-height:280px;padding:19px 12px 17px;border:1px solid #71767a;border-radius:6px;background:linear-gradient(145deg,rgba(29,36,41,.88),rgba(11,15,18,.76));display:flex;flex-direction:column;align-items:center;justify-content:space-between;box-shadow:0 12px 26px rgba(0,0,0,.17);transition:.2s}
.category-card:hover{transform:translateY(-4px);border-color:var(--pink);box-shadow:0 16px 30px rgba(0,0,0,.28)}
.category-card img{width:170px;height:132px;object-fit:contain;filter:brightness(1.35) saturate(1.45) drop-shadow(0 0 3px rgba(228,0,89,.22))}
.category-card h3{margin:0;font-size:21px;line-height:1.3;font-weight:500}
.category-card>span{font-size:36px;line-height:1}

.benefits{padding:4px 54px 42px}
.divider-heading{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:25px;margin:0 auto 30px;max-width:1110px}
.divider-heading span{height:2px;background:var(--pink)}
.divider-heading h2{margin:0;text-align:center;font-size:24px;font-weight:500}
.benefit-grid{display:grid;grid-template-columns:repeat(4,1fr);max-width:1110px;margin:auto}
.benefit{display:grid;grid-template-columns:64px 1fr;gap:14px;padding:0 23px;border-right:1px solid rgba(255,255,255,.35);align-items:start}
.benefit:first-child{padding-left:0}.benefit:last-child{border:0;padding-right:0}
.benefit svg{width:60px;height:60px;fill:none;stroke:#e40059;stroke-width:2.3;stroke-linecap:round;stroke-linejoin:round}
.benefit h3{font-size:15px;margin:2px 0 7px}.benefit p{font-size:13px;line-height:1.55;color:#d6d9db;margin:0}

.occasions{background:#fff;color:#111;padding:24px 38px 30px}
.occasion-heading{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:18px;text-align:center}
.occasion-heading .line{width:70px;height:2px;background:var(--pink)}
.heading-star{font-size:24px;color:var(--pink)}
.occasion-heading h2{margin:0;font-size:28px;text-transform:uppercase}.occasion-heading h2 em{font-style:normal;color:var(--pink)}
.occasion-heading p{margin:4px 0 0;font-size:15px}
.occasion-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:20px;max-width:1170px;margin:auto}
.occasion-card{position:relative;min-width:0;border-radius:8px;overflow:hidden;background:#090b0d;color:#fff;box-shadow:0 6px 18px rgba(0,0,0,.18)}
.occasion-card>img{width:100%;height:190px;object-fit:cover}
.occasion-badge{position:absolute;top:164px;left:50%;transform:translateX(-50%);width:58px;height:58px;border:4px solid var(--pink);border-radius:50%;background:#fff;color:#111;display:flex;align-items:center;justify-content:center;font-size:28px;z-index:2}
.occasion-copy{text-align:center;padding:40px 12px 20px;min-height:150px}
.occasion-copy h3{margin:0 0 10px;text-transform:uppercase;font-size:18px;line-height:1.15}.occasion-copy p{font-size:14px;line-height:1.45;margin:0;color:#eee}

.site-footer{background:linear-gradient(135deg,#111820,#080b0e);padding:25px 50px 22px;color:#e7e7e7}
.footer-grid{display:grid;grid-template-columns:1.05fr 1.2fr .92fr .9fr;gap:0;max-width:1170px;margin:auto}
.footer-grid>div{padding:0 27px;border-right:1px solid rgba(255,255,255,.25)}
.footer-grid>div:first-child{padding-left:0}.footer-grid>div:last-child{border-right:0;padding-right:0}
.footer-brand img{width:220px;background:#fff;margin:0 0 12px;clip-path:ellipse(49% 46% at 50% 50%)}
.footer-brand p{font-size:13px;line-height:1.5;margin:0;color:#cdd0d2}
.footer-column{display:flex;flex-direction:column;gap:10px;font-size:14px;line-height:1.45}
.footer-column h2{margin:0 0 3px;color:var(--pink);font-size:17px;text-transform:uppercase}
.footer-column p{margin:0}.address-indent{padding-left:25px}
.footer-column a:hover{color:var(--pink)}
.legal{padding-top:2px;font-size:16px}.legal p{font-size:14px;margin-top:5px}

@media (max-width:1050px){
  .site-header{height:235px}.brand{width:290px;height:145px}.brand-swoosh{left:145px;height:150px}.header-contact{right:28px;font-size:16px}.main-nav{gap:28px}
  .hero{min-height:450px}.hero-content{padding-left:40px;width:75%}
  .category-grid{gap:16px}.category-card{min-height:250px}.category-card img{width:145px;height:115px}.category-card h3{font-size:18px}
  .benefit{padding:0 14px;grid-template-columns:52px 1fr}.benefit svg{width:50px;height:50px}
  .occasion-grid{gap:12px}.occasion-card>img{height:160px}.occasion-badge{top:136px;width:52px;height:52px}.occasion-copy{padding-top:35px}.occasion-copy h3{font-size:16px}
}
@media (max-width:820px){
  .page-shell{width:100%}.site-header{height:250px}.brand{left:18px;top:16px;width:255px}.brand-swoosh{left:105px;top:8px;height:132px}.header-contact{right:18px;top:95px;font-size:14px}.contact-row svg{width:22px;height:22px}.star-3,.star-4,.star-7{display:none}
  .main-nav{left:20px;right:20px;transform:none;bottom:14px;gap:0;justify-content:space-between}.main-nav a{font-size:12px}.main-nav a svg{width:20px;height:20px}
  .hero{min-height:480px;background-position:58% 46%}.hero-content{padding:115px 28px 65px;width:100%}.hero h1{font-size:48px}.hero p{font-size:20px}
  .assortment{padding-left:24px;padding-right:24px}.category-grid{grid-template-columns:repeat(2,1fr)}.category-card:last-child{grid-column:1/-1;width:calc(50% - 8px);justify-self:center}
  .benefits{padding-left:24px;padding-right:24px}.benefit-grid{grid-template-columns:repeat(2,1fr);gap:26px 0}.benefit:nth-child(2){border-right:0}.benefit:nth-child(3){padding-left:0}.benefit{min-height:90px}
  .occasion-grid{grid-template-columns:repeat(2,1fr)}.occasion-card:last-child{grid-column:1/-1;width:calc(50% - 6px);justify-self:center}
  .footer-grid{grid-template-columns:repeat(2,1fr);gap:26px 0}.footer-grid>div:nth-child(2){border-right:0}.footer-grid>div:nth-child(3){padding-left:0}.footer-brand img{width:190px}
}
@media (max-width:580px){
  .site-header{height:auto;min-height:250px;padding-bottom:66px}.brand{position:relative;left:12px;top:10px;width:245px;height:125px}.brand-swoosh{left:90px;top:0;height:115px;width:calc(100% - 80px)}.header-contact{top:118px;right:14px;font-size:12px;gap:6px}.contact-row svg{width:18px;height:18px}.star{opacity:.8}.star-2,.star-5,.star-6{font-size:18px}
  .menu-toggle{display:flex;position:absolute;z-index:10;left:18px;bottom:17px;width:42px;height:34px;padding:6px;border:1px solid #ddd;background:#fff;border-radius:5px;flex-direction:column;justify-content:space-around}.menu-toggle span:not(.sr-only){height:2px;background:#111;width:100%}
  .main-nav{display:none;position:absolute;z-index:9;left:12px;right:12px;bottom:auto;top:184px;padding:12px;background:#fff;border:1px solid #ddd;border-radius:7px;box-shadow:0 12px 30px rgba(0,0,0,.18);flex-direction:column;align-items:stretch}.main-nav.open{display:flex}.main-nav a{justify-content:center;height:39px}
  .hero{min-height:540px;background-position:63% 45%}.hero-content{padding:175px 20px 50px}.hero h1{font-size:40px}.hero p{font-size:18px}.button{width:100%;font-size:15px}.hero-actions{gap:12px}
  .assortment h2{font-size:24px}.category-grid{grid-template-columns:1fr}.category-card,.category-card:last-child{width:100%;grid-column:auto;min-height:235px}.category-card img{width:155px}
  .divider-heading{grid-template-columns:30px auto 30px;gap:10px}.divider-heading h2{font-size:19px}.benefit-grid{grid-template-columns:1fr;gap:22px}.benefit,.benefit:nth-child(2),.benefit:nth-child(3){border:0;padding:0;grid-template-columns:54px 1fr}
  .occasions{padding:22px 18px}.occasion-heading .line{width:25px}.occasion-heading h2{font-size:20px}.occasion-heading p{font-size:13px}.occasion-grid{grid-template-columns:1fr}.occasion-card:last-child{width:100%;grid-column:auto}.occasion-card>img{height:210px}.occasion-badge{top:183px}
  .site-footer{padding:24px 20px}.footer-grid{grid-template-columns:1fr;gap:0}.footer-grid>div,.footer-grid>div:nth-child(3){border-right:0;border-bottom:1px solid rgba(255,255,255,.22);padding:20px 0}.footer-grid>div:first-child{padding-top:0}.footer-grid>div:last-child{border-bottom:0;padding-bottom:0}.footer-brand img{width:210px}
}
/* v3.0: verbindlicher gemeinsamer Kopfbereich */
.page-shell{width:min(1280px,100%);margin:0 auto;background:#fff;box-shadow:0 0 34px rgba(0,0,0,.14)}
.lpr-master-header{width:100%}
@media(max-width:580px){.page-shell{width:100%}}