.spx-sp{--navy:#14295c;--blue:#3361ab;--sky:#9fc0ea;--mut:#56637a;--ice:#eef2f8;--line:#d6deeb;--ink:#1d2a3a;font-family:"AdobeClean-Regular",Arial,sans-serif;color:var(--ink)}
.spx-sp *,.spx-sp *::before,.spx-sp *::after{box-sizing:border-box}
.spx-sp h1,.spx-sp h2,.spx-sp h3{font-family:United,sans-serif;font-weight:500;text-transform:uppercase;letter-spacing:.3px;margin:0}
.spx-sp .us-hero-txt h1{margin:0}
.spx-sp p{margin:0 0 12px}
.spx-sp a.us-logo{text-decoration:none}
.spx-sp .us-wrap{max-width:1140px;margin:0 auto;padding:0 20px}
.spx-sp .us-sec{padding:72px 0}
.spx-sp .us-white{background:#fff}
.spx-sp .us-ice{background:var(--ice)}
.spx-sp .us-shead{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:28px}
.spx-sp .us-h{font-size:40px;line-height:1.05;color:var(--navy)}
.spx-sp .us-h.sm{font-size:26px;margin:30px 0 18px}
.spx-sp .us-hero{background:linear-gradient(135deg,#f4f7fc,#e6edf8);padding:72px 0 64px;position:relative;overflow:hidden}
.spx-sp .us-hero::after{content:"";position:absolute;right:-120px;top:-60px;width:520px;height:520px;border:2px solid rgba(51,97,171,.12);border-radius:50%;pointer-events:none}
.spx-sp .us-hero-in{position:relative;z-index:1;display:grid;grid-template-columns:1fr;gap:48px;align-items:center}
.spx-sp .us-hero h1{font-size:clamp(40px,5vw,66px);line-height:.98;color:var(--navy)}
.spx-sp .us-lead{margin-top:18px;max-width:640px}
.spx-sp .us-lead p{color:var(--mut);font-size:18px}
.spx-sp .us-lead p:last-child{margin-bottom:0}
.spx-sp .us-panel .us-lead p{color:rgba(255,255,255,.82);font-size:16px}
.spx-sp .us-tier{display:grid;gap:18px}
.spx-sp .us-tier.t1{grid-template-columns:repeat(2,minmax(0,380px));justify-content:center}
.spx-sp .us-tier.t2{grid-template-columns:minmax(0,320px);justify-content:center}
.spx-sp .us-tier.t3{grid-template-columns:repeat(4,1fr)}
.spx-sp .us-tier.t4{grid-template-columns:repeat(6,1fr)}
.spx-sp .us-tier.t5{grid-template-columns:repeat(6,1fr);gap:14px}
.spx-sp .us-logo{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:0 10px 26px rgba(20,41,92,.08);transition:transform .15s,box-shadow .15s}
.spx-sp a.us-logo:hover{transform:translateY(-4px);box-shadow:0 16px 34px rgba(20,41,92,.14)}
.spx-sp .us-logo .lg{display:grid;place-items:center;aspect-ratio:3/2;background:#fff;padding:6%}
.spx-sp .us-tier.t1 .lg,.spx-sp .us-tier.t2 .lg{aspect-ratio:16/9;padding:8%}
.spx-sp .us-sec:has(>.us-wrap>.us-tier) .us-shead{justify-content:center}
.spx-sp .us-logo .lg img{width:100%;height:100%;object-fit:contain}
.spx-sp .us-logo .nm{display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 12px;border-top:1px solid var(--line);font-family:United,sans-serif;text-transform:uppercase;font-size:14px;color:var(--navy);text-align:center;line-height:1.15}
.spx-sp .us-logo .nm svg{flex:none;color:var(--blue)}
.spx-sp .us-tier.t1 .nm{font-size:18px;padding:14px}
.spx-sp .us-tier.t5 .nm{font-size:12px;padding:8px}
.spx-sp .us-tier.compact .lg{aspect-ratio:3/2}
.spx-sp .us-nhero .us-wrap{position:relative;z-index:1;width:100%;padding-bottom:48px}
.spx-sp .us-ice .us-icard{border-color:#fff}
.spx-sp .us-ice .us-icard .ic{background:var(--ice)}
.spx-sp .us-ice .us-pcard{border-color:#fff}
.spx-sp .us-jump .us-wrap{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none}
@media (max-width:991px){.spx-sp .us-sec{padding:56px 0}
.spx-sp .us-tier.t3{grid-template-columns:repeat(2,1fr)}
.spx-sp .us-tier.t4,.spx-sp .us-tier.t5{grid-template-columns:repeat(3,1fr)}
}
@media (max-width:767px){.spx-sp .us-sec{padding:44px 0}
.spx-sp .us-hero{padding:48px 0 44px}
.spx-sp .us-h{font-size:30px}
.spx-sp .us-shead{margin-bottom:20px}
.spx-sp .us-lead p{font-size:16px}
.spx-sp .us-tier.t1,.spx-sp .us-tier.t2{grid-template-columns:1fr 1fr}
.spx-sp .us-tier.t3,.spx-sp .us-tier.t4,.spx-sp .us-tier.t5{grid-template-columns:1fr 1fr}
.spx-sp .us-logo .nm{font-size:12px;padding:8px}
.spx-sp .us-nhero .us-wrap{padding-bottom:32px}
}
.spx-sp .us-sec.first{border-top:var(--top) solid transparent}
.spx-sp .us-topbox .us-lead p{color:rgba(255,255,255,.85);font-size:17px}
.spx-sp .us-bigcard .top .us-lead p{color:rgba(255,255,255,.85)}
.spx-sp .us-tier{display:flex!important;flex-wrap:wrap;justify-content:center;gap:16px}
.spx-sp .us-tier .us-logo{flex:none;border-radius:14px}
.spx-sp .us-tier .us-logo .lg{aspect-ratio:3/2;padding:10%}
.spx-sp .us-tier.t1 .us-logo{width:400px}
.spx-sp .us-tier.t2 .us-logo{width:320px}
.spx-sp .us-tier.t3 .us-logo{width:250px}
.spx-sp .us-tier.t4 .us-logo{width:190px}
.spx-sp .us-tier.t5 .us-logo{width:150px}
.spx-sp .us-tier.t5{gap:12px}
.spx-sp .us-tier.bento{justify-content:flex-start}
.spx-sp .us-tier.bento .us-logo{box-shadow:none;border:1px solid var(--line)}
.spx-sp .us-bento .c1 .us-logo{width:calc(50% - 8px)}
.spx-sp .us-bento .c2 .us-logo{width:100%}
.spx-sp .us-marq .us-logo{flex:none}
.spx-sp .us-nblur .us-wrap{position:relative;display:flex;justify-content:center;padding-top:32px;padding-bottom:80px}
.spx-sp .us-sec.pull{padding-top:0}
.spx-sp .us-sec.pull .us-ntitlecard{margin-top:-60px}
.spx-sp .us-ice .us-season{border-color:#fff}
.spx-sp .us-ice .us-week .day{border-color:#fff}
@media (max-width:991px){.spx-sp .us-tier.t1 .us-logo{width:340px}
}
@media (max-width:767px){.spx-sp .us-tier{gap:10px}
.spx-sp .us-tier.t1 .us-logo{width:100%}
.spx-sp .us-tier.t2 .us-logo{width:80%}
.spx-sp .us-tier.t3 .us-logo{width:calc(50% - 5px)}
.spx-sp .us-tier.t4 .us-logo{width:calc(50% - 5px)}
.spx-sp .us-tier.t5 .us-logo{width:calc(33.33% - 7px)}
.spx-sp .us-marq .us-logo{width:140px!important}
.spx-sp .us-bento .c1 .us-logo{width:100%}
.spx-sp .us-nblur .us-wrap{padding-bottom:70px}
}
.spx-sp .us-sec.close{padding-top:28px}
.spx-sp .us-sec.close>.us-wrap>.us-h.sm:first-child{margin-top:0}
.spx-sp .us-logo{position:relative}
.spx-sp .us-logo .fn{position:absolute;left:0;right:0;bottom:0;padding:8px 10px;background:var(--navy);color:#fff;font-size:13px;line-height:1.25;text-align:center;transform:translateY(100%);transition:transform .18s;pointer-events:none}
.spx-sp .us-logo:hover .fn,.spx-sp .us-logo:focus-visible .fn{transform:none}
@media (max-width:767px){.spx-sp .us-logo .fn{font-size:11px;padding:6px}
}
.spx-sp .us-tier.hv3 .us-logo{overflow:visible}
.spx-sp .us-tier.hv3 .us-logo .lg{border-radius:inherit;overflow:hidden}
.spx-sp .us-tier.hv3 .us-logo .fn{left:50%;right:auto;bottom:auto;top:-10px;width:max-content;max-width:240px;border-radius:8px;z-index:4;transform:translate(-50%,-92%);opacity:0;transition:opacity .18s,transform .18s;box-shadow:0 10px 24px rgba(20,41,92,.25)}
.spx-sp .us-tier.hv3 .us-logo .fn::after{content:"";position:absolute;left:50%;bottom:-6px;margin-left:-6px;border:6px solid transparent;border-bottom:0;border-top-color:var(--navy)}
.spx-sp .us-tier.hv3 .us-logo:hover .fn{opacity:1;transform:translate(-50%,-100%)}
.spx-sp .us-tier.hv3 .us-logo:hover{z-index:5}
.spx-sp .us-hero.spon .us-hero-in{grid-template-columns:minmax(0,1fr);justify-items:center;text-align:center}
.spx-sp .us-hero.spon .us-hero-txt{max-width:820px;margin:0 auto}
.spx-sp .us-hero.spon .us-lead p{text-wrap:balance}
.spx-sp .us-hero.spon{padding:40px 0 36px}
.spx-sp .us-hero.spon .us-hero-txt{max-width:840px;width:100%}
.spx-sp .us-hero.spon .us-lead{max-width:none}
.spx-sp .us-hero.spon .us-lead p{text-wrap:pretty}
.spx-sp .us-ice .us-ocard{border-color:#fff}
.frame-type-mask_spvgg_sponsorstufe,.frame-type-mask_spvgg_seitenkopf:has(.spx-sp){margin:0!important;padding:0!important}

.site-wrapper>header+.frame .spx-sp .us-hero.spon{padding-top:160px}
@media (max-width:991px){.site-wrapper>header+.frame .spx-sp .us-hero.spon{padding-top:90px}}

@media (max-width:767px){.spx-sp .us-tier.t5{gap:10px}.spx-sp .us-tier.t5 .us-logo{width:calc((100% - 20px)/3)}}