.elementor-1021709 .elementor-element.elementor-element-c55d636{--display:flex;}:root{--page-title-display:none;}/* Start custom CSS */:root{
--bg:#080604;
--bg2:#140c08;
--gold:#c9962e;
--goldlight:#e8c46a;
--white:#ffffff;
--card:rgba(255,255,255,0.06);
--border:rgba(232,196,106,0.25);
}

.sommerspiel-page{
background:#080604;
color:#fff;
font-family:Montserrat,Arial,sans-serif;
overflow:hidden;
}

.sommerspiel-page *{
box-sizing:border-box;
}

.sf-section{
padding:90px 20px;
position:relative;
}

.sf-container{
max-width:1180px;
margin:auto;
position:relative;
z-index:2;
}

.sf-hero{
min-height:92vh;
display:flex;
align-items:center;
justify-content:center;
text-align:center;
background:
linear-gradient(rgba(8,6,4,0.55),rgba(8,6,4,0.92)),
url('https://www.getfit-hoechst.de/wp-content/uploads/2026/05/ChatGPT-Image-13.-Mai-2026-12_34_14.png') center/cover no-repeat;
}

.sf-kicker{
color:var(--goldlight);
font-size:14px;
font-weight:800;
letter-spacing:3px;
text-transform:uppercase;
margin-bottom:18px;
}

.sf-title{
font-family:Anton,Impact,sans-serif;
font-size:clamp(54px,9vw,110px);
line-height:0.95;
text-transform:uppercase;
margin:0 0 24px;
color:#fff;
}

.sf-title span{
color:var(--gold);
}

.sf-subtitle{
max-width:820px;
margin:auto;
font-size:clamp(18px,2vw,25px);
line-height:1.5;
color:#fff;
}

.sf-buttons{
margin-top:35px;
display:flex;
gap:16px;
justify-content:center;
flex-wrap:wrap;
}

.sf-btn{
display:inline-block;
padding:16px 28px;
border-radius:999px;
text-decoration:none;
font-weight:900;
text-transform:uppercase;
transition:0.3s ease;
}

.sf-btn:hover{
transform:translateY(-4px);
}

.sf-btn-primary{
background:linear-gradient(135deg,var(--gold),var(--goldlight));
color:#120a05;
}

.sf-btn-secondary{
border:1px solid var(--gold);
background:rgba(255,255,255,0.05);
color:#fff;
}

.sf-headline{
font-family:Anton,Impact,sans-serif;
font-size:clamp(40px,6vw,70px);
line-height:1;
text-transform:uppercase;
text-align:center;
margin:0 0 20px;
color:var(--goldlight);
text-shadow:0 0 18px rgba(232,196,106,0.25);
}

.sf-intro{
max-width:820px;
margin:0 auto 45px;
text-align:center;
font-size:19px;
line-height:1.7;
color:#fff;
}

.sf-grid-2,
.sf-grid-3{
display:grid;
gap:24px;
}

.sf-grid-2{
grid-template-columns:repeat(2,1fr);
}

.sf-grid-3{
grid-template-columns:repeat(3,1fr);
}

.sf-card{
background:var(--card);
border:1px solid var(--border);
border-radius:28px;
padding:30px;
transition:0.3s ease;
backdrop-filter:blur(8px);
}

.sf-card:hover{
transform:translateY(-6px);
}

.sf-card h3{
margin:14px 0 12px;
font-size:24px;
color:#fff;
text-transform:uppercase;
}

.sf-card p,
.sf-card li{
color:#fff;
line-height:1.7;
font-size:16px;
}

.sf-icon{
font-size:44px;
}

.sf-points{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:18px;
}

.sf-point{
background:rgba(255,255,255,0.06);
border:1px solid var(--border);
border-radius:24px;
padding:26px;
text-align:center;
transition:0.3s ease;
}

.sf-point:hover{
transform:translateY(-5px);
}

.sf-point strong{
display:block;
font-size:28px;
margin-top:10px;
color:#fff;
}

.sf-point span{
display:block;
margin-top:8px;
color:#fff;
}

.sf-image{
width:100%;
border-radius:28px;
border:1px solid var(--border);
box-shadow:0 20px 60px rgba(0,0,0,0.4);
}

.sf-highlight{
color:var(--goldlight);
font-weight:900;
}

.sf-table{
width:100%;
border-collapse:collapse;
overflow:hidden;
border-radius:22px;
border:1px solid var(--border);
}

.sf-table th,
.sf-table td{
padding:18px;
border-bottom:1px solid rgba(232,196,106,0.15);
text-align:left;
color:#fff;
}

.sf-table th{
background:rgba(201,150,46,0.18);
text-transform:uppercase;
}

.sf-faq details{
background:var(--card);
border:1px solid var(--border);
border-radius:18px;
padding:20px 24px;
margin-bottom:16px;
}

.sf-faq summary{
cursor:pointer;
font-weight:900;
font-size:18px;
color:#fff;
}

.sf-faq p{
margin-top:14px;
line-height:1.7;
color:#fff;
}

.sf-cta{
background:
linear-gradient(rgba(8,6,4,0.75),rgba(8,6,4,0.94)),
url('https://www.getfit-hoechst.de/wp-content/uploads/2026/05/ChatGPT-Image-13.-Mai-2026-12_34_14.png') center/cover no-repeat;
text-align:center;
}

.sf-mini{
margin-top:28px;
font-size:14px;
color:#fff;
}

@media(max-width:900px){
.sf-grid-2,
.sf-grid-3,
.sf-points{
grid-template-columns:1fr;
}

.sf-section{
padding:65px 18px;
}
}/* End custom CSS */