/* Visuelle Verbindung zur neuen Startseite; vorhandene Angebotsinhalte und Skripte bleiben erhalten. */
:root{--container:1360px}
.vea-angebot .va-container,.vea-wakeparks .wp-container{width:calc(100% - 2*clamp(22px,5vw,80px));max-width:1360px}
.vea-angebot .site-header,.vea-wakeparks .site-header{background:rgba(2,31,29,.95);box-shadow:none;border-bottom:1px solid rgba(249,250,245,.13)}
.vea-angebot .header-inner,.vea-wakeparks .header-inner{width:calc(100% - 2*clamp(22px,5vw,80px));max-width:1360px}
.vea-angebot .main-nav,.vea-wakeparks .main-nav{font-size:12px;letter-spacing:0;text-transform:none;font-weight:550}
.vea-angebot .header-cta,.vea-wakeparks .header-cta{font-size:12px;letter-spacing:0;text-transform:none;font-weight:650;box-shadow:none;min-height:46px}
.vea-angebot .btn,.vea-wakeparks .btn{font-size:13px;letter-spacing:0;text-transform:none;font-weight:650;box-shadow:none}
.vea-angebot .va-hero,.vea-wakeparks .wp-hero{background:#021f1d;padding-bottom:60px}
.vea-angebot .va-hero-grid,.vea-wakeparks .wp-hero-grid{grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);gap:clamp(40px,6vw,90px)}
.vea-angebot .va-hero h1,.vea-wakeparks .wp-hero h1{font-size:clamp(40px,4.5vw,68px);font-weight:600;line-height:1.055;letter-spacing:-.055em}
.vea-angebot .va-hero-copy>p:not(.va-kicker),.vea-wakeparks .wp-hero-copy>p:not(.wp-kicker){font-size:16px;line-height:1.85}
.vea-angebot .va-image-frame{border-radius:90px 28px 28px 28px;border:0}
.vea-angebot .va-image-frame img{aspect-ratio:1.06}
.vea-angebot .va-image-label{position:absolute;bottom:0;left:0;right:0;padding:45px 26px 24px;background:linear-gradient(transparent,rgba(2,31,29,.9));font-size:11px;letter-spacing:.03em}
.vea-angebot .va-hero-footnote,.vea-wakeparks .wp-hero-footnote{padding-top:26px;border-top:1px solid #284e40;margin-top:42px;font-size:11px}
.vea-angebot .va-kicker,.vea-wakeparks .wp-kicker{letter-spacing:.15em;font-weight:650;font-size:11px}
.vea-angebot .va-section,.vea-wakeparks .wp-section{padding-block:100px}
.vea-angebot h2,.vea-wakeparks h2{font-size:clamp(34px,3.9vw,58px);font-weight:600;letter-spacing:-.05em;line-height:1.07}
.vea-angebot .va-card,.vea-wakeparks .wp-benefit{border:0;border-top:1px solid var(--va-line,var(--wp-border));border-radius:0;padding:30px 24px 10px 0;background:transparent}
.vea-angebot .va-icon{width:32px;height:32px}
.vea-angebot .va-card p,.vea-wakeparks .wp-benefit p{font-size:14px;line-height:1.9}
.vea-angebot .va-service,.vea-wakeparks .wp-offer{box-shadow:none;border-radius:24px;padding:32px}
.vea-angebot .va-service p,.vea-wakeparks .wp-offer-text{font-size:15px;line-height:1.85}
.vea-angebot .va-local-nav{background:var(--va-bg)}
.vea-angebot .va-steps,.vea-wakeparks .wp-process-grid{gap:35px}
.vea-angebot .va-step-number{border-radius:50%}
.vea-angebot .va-form{background:rgba(255,255,255,.02);box-shadow:none}
.vea-wakeparks .wp-hero .vea-photo-card{border-top-left-radius:90px}
.vea-wakeparks .wp-hero .vea-photo-card img{aspect-ratio:1.06;object-fit:cover}
@media(max-width:1100px){.vea-angebot .main-nav,.vea-wakeparks .main-nav{gap:20px}.vea-angebot .header-inner,.vea-wakeparks .header-inner{gap:22px}}
@media(max-width:850px){
 .vea-angebot .va-hero-grid,.vea-wakeparks .wp-hero-grid{grid-template-columns:1fr;gap:32px}
 .vea-angebot .va-hero h1,.vea-wakeparks .wp-hero h1{font-size:clamp(38px,7vw,58px)}
 .vea-angebot .va-hero-media{max-width:none}.vea-angebot .va-image-frame img{aspect-ratio:1.65}
 .vea-angebot .va-section,.vea-wakeparks .wp-section{padding-block:64px}
 .vea-angebot .va-image-frame{border-top-left-radius:65px}.vea-angebot h2,.vea-wakeparks h2{font-size:clamp(32px,5vw,43px)}
}
@media(max-width:520px){
 .vea-angebot .va-hero h1,.vea-wakeparks .wp-hero h1{font-size:40px;line-height:1.08}
 .vea-angebot .va-image-frame img{aspect-ratio:1.33}.vea-angebot .va-image-frame{border-radius:55px 22px 22px 22px}
 .vea-angebot .va-hero-copy>p:not(.va-kicker),.vea-wakeparks .wp-hero-copy>p:not(.wp-kicker){font-size:15px}
 .vea-angebot .va-hero-footnote,.vea-wakeparks .wp-hero-footnote{line-height:1.9;align-items:flex-start}
 .vea-angebot .va-steps{gap:36px}.vea-angebot .va-service,.vea-wakeparks .wp-offer{padding:26px}
}
