.klick-cs-data{display:inline-block;width:33.33%;float:left;padding:0 6px;font-size:15px;font-weight:600;line-height:1.5}.klick-cs-inner-data{background:#f68d22;padding:20px;display:inline-block;width:100%;min-height:200px}.klick-cs-data h2{color:#f68d22;display:inline-block;margin-top:0;width:100%;background:#034378;padding:9px;box-sizing:border-box}.klick-cs-data-container{width:100%;display:inline-block;position:relative}.klick-cs-overlay{background-color:rgba(0,0,0,0.8);z-index:999;position:absolute;left:0;top:0;width:100%;height:100%;display:none;text-align:center}.loading-image{position:absolute;top:0;margin:auto;bottom:0;left:0;right:0}.ssv-sponsoren{
--ssv-navy:#0b3d5c;
--ssv-navy-2:#12547d;
--ssv-accent:#2e9fd4;
--ssv-ink:#1c2b33;
--ssv-muted:#5a6b74;
--ssv-line:#e4e9ec;
--ssv-card-bg:#ffffff;
--ssv-radius:16px;
--ssv-shadow:0 6px 22px rgba(11,61,92,.10);
--ssv-shadow-hover:0 14px 34px rgba(11,61,92,.20);
--ssv-font:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
max-width:1240px;
margin:0 auto;
font-family:var(--ssv-font);
color:var(--ssv-ink);
-webkit-font-smoothing:antialiased;
} .ssv-sponsoren .ssv-heading{
text-align:center;
font-size:clamp(1.4rem,2.4vw,2rem);
font-weight:800;
letter-spacing:.02em;
color:var(--ssv-navy);
margin:2.6rem 0 .4rem;
text-transform:uppercase;
}
.ssv-sponsoren .ssv-heading::after{
content:"";
display:block;
width:64px;height:4px;
margin:.7rem auto 0;
border-radius:4px;
background:linear-gradient(90deg,var(--ssv-accent),var(--ssv-navy));
}
.ssv-sponsoren .ssv-heading:first-child{margin-top:.5rem;} .ssv-sponsoren .ssv-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(300px,1fr));
justify-content:center;
gap:30px;
margin:1.6rem 0 1rem;
} .ssv-sponsoren .ssv-grid.ssv-grid--single{
grid-template-columns:minmax(300px,420px);
justify-content:center;
} .ssv-sponsoren .ssv-grid--featured{
grid-template-columns:repeat(2,minmax(320px,440px));
justify-content:center;
gap:36px;
margin-bottom:2.4rem;
}
.ssv-sponsoren .ssv-grid--featured .ssv-card{height:400px;}
.ssv-sponsoren .ssv-grid--featured .ssv-face{
border-width:2px;
border-color:var(--ssv-accent);
}
.ssv-sponsoren .ssv-grid--featured .ssv-logo img{max-width:240px;max-height:140px;}
@media (max-width:760px){
.ssv-sponsoren .ssv-grid--featured{grid-template-columns:minmax(300px,440px);}
} .ssv-sponsoren .ssv-card{
position:relative;
height:370px;
perspective:1600px;
background:transparent;
}
.ssv-sponsoren .ssv-inner{
position:absolute;inset:0;
transition:transform .7s cubic-bezier(.2,.7,.2,1);
transform-style:preserve-3d;
}
@media (hover:hover){
.ssv-sponsoren .ssv-card:hover .ssv-inner{transform:rotateY(180deg);}
}
.ssv-sponsoren .ssv-card.is-flipped .ssv-inner{transform:rotateY(180deg);}
.ssv-sponsoren .ssv-face{
position:absolute;inset:0;
-webkit-backface-visibility:hidden;
backface-visibility:hidden;
border-radius:var(--ssv-radius);
background:var(--ssv-card-bg);
border:1px solid var(--ssv-line);
box-shadow:var(--ssv-shadow);
overflow:hidden;
display:flex;flex-direction:column;
}
.ssv-sponsoren .ssv-card:hover .ssv-face{box-shadow:var(--ssv-shadow-hover);} .ssv-sponsoren .ssv-front{
align-items:center;justify-content:center;
text-align:center;
padding:26px 22px;
}
.ssv-sponsoren .ssv-logo{
flex:1;
display:flex;align-items:center;justify-content:center;
width:100%;
margin-bottom:14px;
}
.ssv-sponsoren .ssv-logo img{
max-width:200px;max-height:125px;
width:auto;height:auto;object-fit:contain;
}
.ssv-sponsoren .ssv-name{
font-size:1.18rem;
font-weight:700;
line-height:1.3;
color:var(--ssv-navy);
margin:0 0 8px;
}
.ssv-sponsoren .ssv-contact{
font-size:.95rem;
color:var(--ssv-muted);
line-height:1.55;
}
.ssv-sponsoren .ssv-contact a{color:var(--ssv-muted);text-decoration:none;}
.ssv-sponsoren .ssv-flip-hint{
margin-top:16px;
font-size:.8rem;
font-weight:600;
letter-spacing:.05em;
text-transform:uppercase;
color:var(--ssv-accent);
display:inline-flex;align-items:center;gap:6px;
}
.ssv-sponsoren .ssv-flip-hint svg{width:16px;height:16px;} .ssv-sponsoren .ssv-back{
transform:rotateY(180deg);
color:#eaf4fa;
background:linear-gradient(150deg,var(--ssv-navy),var(--ssv-navy-2));
padding:26px 26px 24px;
text-align:left;
}
.ssv-sponsoren .ssv-back .ssv-name{
color:#fff;
font-size:1.12rem;
margin-bottom:12px;
flex:0 0 auto;
}
.ssv-sponsoren .ssv-desc{
flex:1;
overflow-y:auto;
font-size:.95rem;
line-height:1.55;
color:#d6e6f0;
padding-right:8px;
margin-bottom:14px;
}
.ssv-sponsoren .ssv-desc p{margin:0 0 .6em;}
.ssv-sponsoren .ssv-desc::-webkit-scrollbar{width:6px;}
.ssv-sponsoren .ssv-desc::-webkit-scrollbar-thumb{
background:rgba(255,255,255,.3);border-radius:6px;
}
.ssv-sponsoren .ssv-btn{
align-self:flex-start;
display:inline-flex;align-items:center;gap:8px;
background:#fff;
color:var(--ssv-navy);
font-size:.92rem;font-weight:700;
text-decoration:none;
padding:11px 20px;
border-radius:999px;
transition:transform .15s ease,background .15s ease;
}
.ssv-sponsoren .ssv-btn:hover{background:var(--ssv-accent);color:#fff;transform:translateY(-2px);}
.ssv-sponsoren .ssv-btn svg{width:15px;height:15px;} @media (prefers-reduced-motion:reduce){
.ssv-sponsoren .ssv-inner{transition:none;}
}
.ssv-sponsoren .ssv-card:focus-within .ssv-face{outline:2px solid var(--ssv-accent);outline-offset:3px;}
@media (max-width:600px){
.ssv-sponsoren .ssv-card{height:350px;}
}