@font-face{font-family:Anton;src:url('/assets/anton.woff2');font-weight:400;font-display:swap}
.night-design .hero.confirmed-hero #hero-image{padding:0;background:transparent}
.night-design .hero .night-demo{margin:0;color:#b47aff}
.night-design .hero:not(.confirmed-construction) #hero-title{line-height:1;transform:scaleX(.93);transform-origin:left center}
.night-design .hero:not(.confirmed-construction) .hero-copy{top:126px}
.night-design .hero:not(.confirmed-construction) #hero-description{margin-top:20px}
.night-design .nav-link.active:after{display:none}
.night-featured-grid{grid-template-columns:1.09fr 1fr 1.63fr}
.night-feature h3{font-family:DM,sans-serif}
.night-feature-copy>p{margin-bottom:0}
.night-feature:not(.night-wedding) .night-feature-price{margin-top:28px}
.night-wedding{grid-template-columns:54% 46%}
.night-wedding .night-feature-copy{position:relative}
.night-wedding .night-feature-price{margin-top:auto;padding-right:130px;min-height:45px}
.night-wedding .night-feature-button{position:absolute;right:0;bottom:0;width:130px;margin:0}
.night-design{font-family:DM,Arial,sans-serif;background:#fff;color:#090d22}
.night-design[data-view=customer][data-division=event]>.demo-ribbon{display:none}
.night-design[data-view=customer][data-division=event]>.site-header{position:absolute;z-index:5;inset:0 0 auto;height:100px;padding:19px 4.7%;background:transparent;border:0;color:#fff;gap:70px}
.night-design[data-view=customer][data-division=event] .brand{width:174px;min-width:174px}.night-design[data-view=customer][data-division=event] .brand-image{width:174px;height:60px;object-fit:contain;filter:none}
.night-design[data-view=customer][data-division=event] .main-nav{align-self:stretch;gap:38px;margin:0}.night-design[data-view=customer][data-division=event] .nav-link{color:#fff;font-size:15px;font-weight:650;padding:10px 0;border:0;border-bottom:3px solid transparent;white-space:nowrap;border-radius:0}.night-design[data-view=customer][data-division=event] .nav-link.active{background:none;border-bottom-color:#ff703e}
.night-design[data-view=customer][data-division=event] .admin-link{display:none}.night-design[data-view=customer][data-division=event] .header-actions{margin-left:auto}.night-design[data-view=customer][data-division=event] .cart-trigger{background:#1b172c;border:1px solid #9d76d1;color:white;border-radius:7px;height:48px;padding:0 12px 0 18px;font-size:14px;gap:12px;display:flex;align-items:center}.night-design[data-view=customer][data-division=event] .cart-trigger:before{content:'';width:22px;height:22px;background:#d1afff;mask:url('/assets/ri-cart.svg') center/contain no-repeat}.night-design[data-view=customer][data-division=event] #cart-count{background:#dfcffb;color:#151126;font-size:14px;width:30px;height:30px;border-radius:50%;display:grid;place-items:center}
.night-design #customer>.hero.confirmed-hero:not(.confirmed-construction){height:635px;min-height:0;margin:0;border-radius:0;overflow:hidden;background:#0d0d15;isolation:isolate}
.night-design #customer>.hero.confirmed-hero:not(.confirmed-construction) #hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:1;z-index:-1}
.night-design .hero:not(.confirmed-construction) .hero-shade{display:none}.night-design .hero:not(.confirmed-construction) .hero-copy{position:absolute;top:128px;bottom:auto;left:4.7%;width:690px;max-width:55%;padding:0;color:#f9f8f5;background:none;display:block}
.night-design .hero:not(.confirmed-construction) .hero-kicker{font-size:10px;font-weight:700;letter-spacing:2.5px;margin:0 0 14px;line-height:16px;color:#d6d4df}.night-design .hero-kicker>span{background:#ff703e;width:7px;height:7px;border-radius:50%;display:inline-block;margin-right:10px}
.night-design .hero:not(.confirmed-construction) #hero-title{font-family:Anton,Impact,sans-serif;text-transform:uppercase;letter-spacing:-1.7px;font-size:clamp(65px,7.45vw,111px);font-weight:400;line-height:1.06;margin:0;white-space:nowrap;color:#faf9f6}.night-design .hero:not(.confirmed-construction) #hero-title span{color:inherit;font:inherit;letter-spacing:inherit}
.night-design .hero:not(.confirmed-construction) #hero-description{font-size:18px;line-height:1.35;margin:15px 0 0;letter-spacing:-.3px;color:#fff;max-width:680px}.night-design .hero:not(.confirmed-construction) .hero-copy>.button,.night-design .hero:not(.confirmed-construction) .hero-foot{display:none}
.night-design .hero:not(.confirmed-construction) .image-note{right:2.6%;bottom:14px;background:none;font-size:10px;color:#eee;padding:0;z-index:1}
.night-design .hero .date-bar{position:absolute;left:4.7%;top:464px;width:680px;height:59px;display:grid;grid-template-columns:223px 208px 223px;gap:11px;margin:0;padding:0;border:0;background:none;box-shadow:none;border-radius:0;z-index:2}
.night-design .hero .date-bar .date-caption,.night-design .hero .date-arrow{display:none}.night-design .hero .date-bar>label{position:relative;display:flex;flex-direction:column;justify-content:center;padding:8px 10px 8px 52px;border:1px solid #615b71;border-radius:6px;background:#0d0e18aa;gap:2px;margin:0;min-width:0;color:#dbd8e8}.night-design .hero .date-bar>label:before{content:'';position:absolute;left:16px;top:17px;width:23px;height:23px;background:#b47aff;mask:url('/assets/ri-calendar.svg') center/contain no-repeat}.night-design .hero .date-bar>label>span{font-size:11px;font-weight:500;line-height:14px}.night-design .hero .date-bar input{border:0;padding:0;outline-offset:4px;color:#c7bfd9;background:transparent;width:100%;min-width:0;font-family:inherit;font-size:11px;height:20px;line-height:20px;color-scheme:dark}.night-design .hero .date-bar .button{font-family:DM,sans-serif;background:#ff703e;color:#090d20;border:0;border-radius:6px;padding:0 25px;font-size:14px;font-weight:750;display:flex;align-items:center;justify-content:space-between;height:59px;white-space:nowrap}.night-design .hero .date-bar .button:hover,.night-feature-button:hover{background:#ff885a}
.night-demo{position:absolute;top:553px;left:4.7%;width:680px;height:53px;display:flex;align-items:center;gap:14px;padding:0 20px;border:1px solid #a46be9;border-radius:6px;margin:0;background:#13101e80;color:#b47aff;font-size:14px;font-weight:650;z-index:2}.night-demo img{width:20px;height:20px;filter:invert(57%) sepia(78%) saturate(2307%) hue-rotate(224deg) brightness(104%)}
.night-design[data-division=construction] .night-demo{display:none}.night-design .confirmed-construction .date-bar{position:static;max-width:100%;width:auto;background:white;margin-top:350px}
.night-featured{padding:31px 4.3% 30px;background:#fff;max-width:1800px;margin:0 auto}.night-featured-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.night-featured .eyebrow{font-size:10px;letter-spacing:2.6px;color:#9395a7;display:flex;align-items:center;gap:10px;font-weight:700}.night-featured .eyebrow:before{content:'';width:7px;height:7px;border-radius:50%;background:#ff703e}.night-featured h2{font-family:DM,sans-serif;font-size:48px;line-height:1.1;font-weight:800;letter-spacing:-2.2px;margin:6px 0 0}.night-outline{display:flex;align-items:center;gap:15px;color:#9147ff;border:1px solid #a266ff;border-radius:5px;padding:12px 15px;font-size:12px;text-decoration:none;font-weight:600;margin-top:10px}.night-outline:hover{background:#f5edff}
.night-featured-grid{display:grid;grid-template-columns:1fr 1fr 1.49fr;gap:12px}.night-feature{display:grid;grid-template-columns:42% 58%;border:1px solid #e4e3e9;border-radius:7px;padding:17px 16px;min-height:270px;background:white;box-shadow:0 10px 30px #11152b06;min-width:0}.night-feature-image{position:relative;min-width:0;align-self:stretch;display:block;text-decoration:none;overflow:hidden;border-radius:4px;background:#f7f7f7}.night-feature-image>img{width:100%;height:100%;position:absolute;object-fit:contain;inset:0}.night-feature-image>small{position:absolute;bottom:3px;left:3px;font-size:8px;background:#ffffffdf;color:#57556a;padding:2px 3px;border-radius:2px}.night-feature-copy{padding-left:16px;display:flex;flex-direction:column;min-width:0}.night-feature h3{font-size:19px;line-height:1.2;letter-spacing:-.5px;font-weight:800;margin:4px 0 9px}.night-feature h3 a{color:inherit;text-decoration:none}.night-feature-copy>p{font-size:12px;line-height:1.5;color:#6a6983;margin:0 0 24px}.night-feature-price{margin-top:auto;display:flex;flex-direction:column;gap:2px}.night-feature-price strong{font-size:25px;font-weight:800;line-height:1.2;letter-spacing:-.8px}.night-feature-price small{font-size:12px;color:#67677f}.night-feature-button{background:#ff703e;text-decoration:none;color:#0a0d22;border-radius:5px;display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:700;padding:12px 14px;margin-top:18px;white-space:nowrap}.night-wedding{grid-template-columns:58% 42%}.night-wedding ul{font-size:11px;line-height:1.4;padding-left:13px;color:#62617a;margin:0 0 10px}.night-wedding .night-feature-price strong{font-size:21px}.night-wedding .night-feature-button{margin-top:9px}
.night-design #catalog{scroll-margin-top:20px}.night-design #catalog .section-heading{border-top:1px solid #e4e3e9;padding-top:30px}.night-design [hidden]{display:none!important}
@media(min-width:1600px){.night-design #customer>.hero.confirmed-hero:not(.confirmed-construction){height:42.68vw}.night-design .hero:not(.confirmed-construction) .hero-copy{top:8.6vw}.night-design .hero .date-bar{top:31.18vw}.night-demo{top:37.16vw}}
@media(max-width:1100px){.night-design[data-view=customer][data-division=event]>.site-header{gap:35px}.night-design .hero:not(.confirmed-construction) .hero-copy{max-width:70%}.night-design .hero:not(.confirmed-construction) #hero-title{font-size:8vw}.night-featured h2{font-size:38px}.night-featured-grid{grid-template-columns:1fr 1fr}.night-wedding{grid-column:1/-1;min-height:280px;grid-template-columns:45% 55%}.night-wedding ul{font-size:13px}.night-wedding .night-feature-button{max-width:200px}}
@media(max-width:700px){.night-design[data-view=customer][data-division=event]>.site-header{height:132px;padding:14px 20px;display:flex;flex-wrap:wrap;gap:10px;align-content:flex-start}.night-design[data-view=customer][data-division=event] .brand,.night-design[data-view=customer][data-division=event] .brand-image{width:130px;min-width:130px;height:46px}.night-design[data-view=customer][data-division=event] .header-actions{order:1}.night-design[data-view=customer][data-division=event] .cart-trigger{height:42px;font-size:12px;padding-left:10px}.night-design[data-view=customer][data-division=event] .main-nav{order:2;width:100%;gap:30px;height:38px}.night-design[data-view=customer][data-division=event] .nav-link{font-size:13px;padding:5px 0}.night-design #customer>.hero.confirmed-hero:not(.confirmed-construction){height:790px}.night-design .hero:not(.confirmed-construction) #hero-image{object-position:64% center;opacity:.45}.night-design .hero:not(.confirmed-construction) .hero-copy{top:162px;left:20px;width:calc(100% - 40px);max-width:none;padding:0;bottom:auto}.night-design .hero:not(.confirmed-construction) #hero-title{font-size:clamp(42px,9.4vw,65px);letter-spacing:-.5px;line-height:1.1}.night-design .hero:not(.confirmed-construction) .hero-kicker{font-size:8px;letter-spacing:1.6px}.night-design .hero:not(.confirmed-construction) #hero-description{font-size:15px;line-height:1.5;margin-top:20px}.night-design .hero .date-bar{top:440px;left:20px;width:calc(100% - 40px);height:auto;grid-template-columns:1fr;gap:10px}.night-design .hero .date-bar>label{height:60px}.night-design .hero .date-bar input{font-size:15px}.night-design .hero .date-bar .button{height:52px;justify-content:center;gap:25px;font-size:14px}.night-demo{left:20px;width:calc(100% - 40px);top:658px;height:auto;min-height:64px;font-size:12px;line-height:1.5;padding:13px}.night-design .hero:not(.confirmed-construction) .image-note{font-size:9px;right:20px;bottom:14px}.night-featured{padding:28px 20px}.night-featured-heading{display:block}.night-featured h2{font-size:36px}.night-outline{display:inline-flex;font-size:11px;margin-top:16px}.night-featured-grid{grid-template-columns:1fr;gap:16px}.night-feature{min-height:260px;grid-template-columns:42% 58%;padding:14px}.night-wedding{grid-column:auto;grid-template-columns:42% 58%;min-height:330px}.night-wedding ul{font-size:11px}.night-feature h3{font-size:20px}.night-feature-copy>p{font-size:13px}.night-feature-button{font-size:11px;padding:12px 10px}.night-featured .eyebrow{font-size:9px}.night-design .confirmed-construction .date-bar{position:static;margin:350px 20px 0;width:auto}.night-design .confirmed-construction{min-height:730px}}

@media(min-width:1101px){
.night-design .hero:not(.confirmed-construction) #hero-title{line-height:1;transform:scaleX(.93);transform-origin:left center}
.night-design .hero:not(.confirmed-construction) .hero-copy{top:126px}
.night-design .hero:not(.confirmed-construction) #hero-description{margin-top:20px}
.night-featured-grid{grid-template-columns:1.09fr 1fr 1.63fr}
.night-feature h3{font-family:DM,sans-serif}
.night-feature-copy>p{margin-bottom:0}
.night-feature:not(.night-wedding) .night-feature-price{margin-top:28px}
.night-wedding{grid-template-columns:54% 46%}
.night-wedding .night-feature-copy{position:relative}
.night-wedding .night-feature-price{margin-top:auto;padding-right:130px;min-height:45px}
.night-wedding .night-feature-button{position:absolute;right:0;bottom:0;width:130px;margin:0}
}

.brand-night{display:none}
.night-design[data-view=customer][data-division=event] .brand-day{display:none}
.night-design[data-view=customer][data-division=event] .brand-night{display:block;width:174px;max-width:none;height:60px;margin-left:0;object-fit:contain}
@media(max-width:700px){.night-design[data-view=customer][data-division=event] .brand-night{width:145px;height:58px;margin-left:-5px}}
@media(max-width:1100px){.night-wedding .night-feature-button{position:static;width:auto;margin-top:9px}.night-wedding .night-feature-price{padding-right:0}}
/* Feinabgleich mit der ausgewählten Vorlage, 26.10.2026. */
.night-date-placeholder{display:none}
.night-design .hero .date-bar .night-date-placeholder{position:absolute;left:52px;bottom:9px;font-size:13px;font-weight:400;color:#a7a1ba;pointer-events:none;line-height:20px}
.night-design .hero .date-bar .night-date-empty:not(:focus-within) .night-date-placeholder{display:block}
.night-design .hero .date-bar .night-date-empty:not(:focus-within) input{color:transparent}
.night-design .hero .date-bar .night-date-empty:not(:focus-within) input::-webkit-datetime-edit{color:transparent}
@media(min-width:1101px){
.night-design .hero:not(.confirmed-construction) #hero-title{font-size:117.5px;line-height:114px;transform:scaleX(.88)}
.night-design .hero:not(.confirmed-construction) #hero-description{margin-top:14px}
.night-design[data-view=customer][data-division=event] .main-nav{height:55px;align-self:flex-start;margin-top:3px}
.night-featured h2{font-size:49px}
}
.night-design .hero .date-bar>label:has(input:valid) .night-date-placeholder{display:none}
.night-design .hero .date-bar>label:has(input:valid) input,.night-design .hero .date-bar>label:has(input:valid) input::-webkit-datetime-edit{color:#c7bfd9}
@media(min-width:1101px){
.night-design .hero:not(.confirmed-construction) #hero-title{transform:scaleX(.888)}
.night-design .hero:not(.confirmed-construction) #hero-title>span{display:inline-block;transform:scaleX(.964);transform-origin:left center}
.night-design[data-view=customer][data-division=event]>.site-header{gap:72px}
.night-design[data-view=customer][data-division=event] .nav-link{font-size:14px}
.night-design .hero .date-bar{top:465px;grid-template-columns:223px 208px 223px;gap:13px;height:58px}
.night-design .hero .date-bar>label,.night-design .hero .date-bar .button{height:58px}
.night-featured h2{margin-top:4px}
.night-featured-heading{margin-bottom:20px}
}
@media(min-width:1101px){.night-design .hero:not(.confirmed-construction) #hero-title{font-weight:700}}
@media(min-width:1101px){.night-design .hero:not(.confirmed-construction) #hero-title{font-weight:400;-webkit-text-stroke:1.2px currentColor;letter-spacing:-1.5px;transform:scaleX(.88)}}

@media(min-width:1101px){.night-wedding ul{font-size:12px;line-height:1.35}.night-wedding .night-feature-copy{padding-left:26px}}

/* Lesbarkeit: überprüfte Zeilenabstände und stabile Preisumbrüche. */
@media(min-width:1101px){
 .night-design .hero:not(.confirmed-construction) .hero-copy{top:104px}
 .night-design .hero:not(.confirmed-construction) #hero-title{font-size:108px;line-height:1.20;-webkit-text-stroke:0;letter-spacing:-.8px}
 .night-design .hero:not(.confirmed-construction) #hero-description{font-size:17px;line-height:1.55;margin-top:10px}
}
@media(min-width:701px) and (max-width:1100px){.night-design .hero:not(.confirmed-construction) #hero-title{line-height:1.24}}
@media(max-width:700px){.night-design .hero:not(.confirmed-construction) #hero-title{line-height:1.24}.night-design .hero:not(.confirmed-construction) #hero-description{font-size:16px;line-height:1.6}}
.night-feature-price strong{white-space:nowrap}
.night-wedding .night-feature-price{padding-right:0;margin-top:12px;min-height:0}
.night-wedding .night-feature-button{position:static;width:auto;margin-top:12px}
.night-wedding ul{font-size:13px;line-height:1.5}
.night-feature-copy>p{font-size:15px;line-height:1.6}
.night-feature-price small{font-size:13px;line-height:1.5}
.night-feature-button{font-size:13px}
.product-heading p,.detail-text p,.detail-text li{font-size:16px;line-height:1.65}
.detail-config .helper,.detail-config label,.detail-config .transport-choices small{font-size:14px;line-height:1.55}
.detail-base-price strong{white-space:nowrap}
.detail-base-price span{font-size:13px;line-height:1.5}
@media(max-width:700px){.product-heading h1{font-size:clamp(30px,8vw,42px);line-height:1.18;overflow-wrap:break-word}.detail-config h2{font-size:27px;line-height:1.2}}

@media(min-width:701px) and (max-width:1100px){
 .night-design[data-view=customer][data-division=event]>.site-header{gap:24px}
 .night-design[data-view=customer][data-division=event] .brand,.night-design[data-view=customer][data-division=event] .brand-image{width:150px;min-width:150px}
 .night-design[data-view=customer][data-division=event] .main-nav{gap:22px}
 .night-design[data-view=customer][data-division=event] .nav-link{font-size:12px}
 .night-design[data-view=customer][data-division=event] .cart-trigger{font-size:12px;padding:10px 12px;gap:10px}
}

@media(min-width:1101px){.night-wedding .night-feature-copy{padding-left:12px}}

.night-feature-footer{margin-top:auto}
@media(min-width:1101px){
 .night-wedding{grid-template-columns:43% 57%}
 .night-wedding ul{line-height:1.4}
 .night-wedding .night-feature-footer{display:grid;grid-template-columns:minmax(0,1fr) 126px;gap:10px;align-items:end}
 .night-wedding .night-feature-price{margin-top:8px}
 .night-wedding .night-feature-button{margin-top:0;width:126px;padding:12px 10px;font-size:12px}
 .night-wedding .night-feature-price small{font-size:12px}
}
/* Referenzabgleich: Kicker, Titel und Beschreibung behalten getrennte Zeilenräume. */
@media(min-width:1101px){
 .night-design .hero:not(.confirmed-construction) .hero-copy{top:126px}
 .night-design .hero:not(.confirmed-construction) #hero-title{font-size:114px;line-height:129px;margin-top:-6px;transform:scaleX(.90);-webkit-text-stroke:3px currentColor}
 .night-design .hero:not(.confirmed-construction) #hero-description{margin-top:0;line-height:24px}
}

@media(min-width:1101px){.night-wedding{grid-template-columns:54% 46%}.night-wedding ul{font-size:12px;line-height:1.35}.night-feature-copy{padding-left:12px}.night-feature-copy>p{font-size:14px;line-height:1.5}.night-feature:not(.night-wedding) .night-feature-price{margin-top:18px}}
/* Gleiche Inhaltsbreite wie die Vorlage: Preise der kleinen Karten folgen direkt auf die Beschreibung. */
@media(min-width:1101px){
 .night-feature:not(.night-wedding) .night-feature-footer{margin-top:0}
 .night-design .hero:not(.confirmed-construction) #hero-description{font-size:18px}
}
/* Pixelabgleich bei 1487 px: Kopfzeilenränder und kleine Angebotskarten. */
@media(min-width:1101px){
 .night-design[data-view=customer][data-division=event]>.site-header{padding-inline:4.3%;gap:78px}
 .night-design .hero:not(.confirmed-construction) #hero-title{transform:scaleX(.89)}
 .night-feature:not(.night-wedding) h3{margin-bottom:5px}
 .night-feature:not(.night-wedding) .night-feature-copy>p{font-size:13px;line-height:1.5}
 .night-feature:not(.night-wedding) .night-feature-price{margin-top:28px}
 .night-feature:not(.night-wedding) .night-feature-button{width:167px;max-width:100%;height:41px;padding:10px 14px;margin-top:14px;font-size:12px}
}
/* Hochzeitskarte: Bild/Text-Grenze und lesbare Leistungszeilen wie in der Vorlage. */
@media(min-width:1101px){
 .night-wedding{grid-template-columns:56.5% 43.5%}
 .night-wedding ul{font-size:13px;line-height:1.35}
}
@media(min-width:1101px){.night-wedding h3{margin-bottom:4px}}
/* Datumsfelder: Kalenderkontur und ausreichend große native Öffnungsschaltfläche. */
.night-design .hero .date-bar>label:before{mask-image:url('/assets/ri-calendar-outline.svg')}
.night-design .hero .date-bar input::-webkit-calendar-picker-indicator{width:16px;height:16px;margin:0;opacity:.8;cursor:pointer}
@media(min-width:1101px){.night-design .hero .date-bar input{font-size:12px}}
.night-wedding .night-feature-image>small{font-size:10px;line-height:1.3}