.staedte-hero{padding:calc(var(--space-32) + 80px) 0 var(--space-16);background:var(--gradient-hero);text-align:center;position:relative;overflow:hidden}.staedte-hero::after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:350px;height:350px;background:url('/logo-spar.webp?v=_szzWrxyCLtPifJwA0sih9JK6oI') center/contain no-repeat;opacity:.06;pointer-events:none;z-index:0}.staedte-hero .container{position:relative;z-index:1}.staedte-hero h1 span{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.staedte-hero p{font-size:var(--text-xl);color:var(--gray-600);max-width:700px;margin:var(--space-4) auto 0}.staedte-stats{display:flex;justify-content:center;gap:var(--space-12);margin-top:var(--space-8)}.staedte-stat{text-align:center}.staedte-stat-value{font-family:var(--font-heading);font-size:var(--text-4xl);font-weight:700;color:var(--primary-green)}.staedte-stat-label{font-size:var(--text-sm);color:var(--gray-600)}.staedte-search{padding:var(--space-12) 0;background:var(--white)}.search-container{max-width:600px;margin:0 auto;position:relative}.search-input{width:100%;padding:var(--space-4) var(--space-6);padding-left:var(--space-12);font-size:var(--text-lg);border:2px solid var(--gray-300);border-radius:var(--radius-full);transition:all var(--transition-fast)}.search-input:focus{outline:0;border-color:var(--primary-green);box-shadow:0 0 0 4px rgba(67,160,71,.1)}.search-icon{position:absolute;left:var(--space-4);top:50%;transform:translateY(-50%);width:24px;height:24px;color:var(--gray-400)}.staedte-section{padding:var(--space-16) 0;background:var(--gray-50)}.staedte-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-8)}.staedte-section-header h2{font-size:var(--text-2xl)}.staedte-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4)}.stadt-card{background:var(--white);border-radius:var(--radius-xl);padding:var(--space-4) var(--space-5);display:flex;align-items:center;gap:var(--space-3);text-decoration:none;color:var(--gray-800);transition:all var(--transition-fast);border:2px solid transparent}.stadt-card:hover{border-color:var(--primary-green);box-shadow:var(--shadow-md);transform:translateY(-2px);color:var(--primary-green)}.stadt-icon{width:40px;height:40px;background:var(--gradient-hero);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;flex-shrink:0}.stadt-icon svg{width:20px;height:20px;color:var(--primary-green)}.stadt-info :is(h4,h3[data-h="4"]){font-size:var(--text-base);font-weight:600;margin-bottom:0}.stadt-info span{font-size:var(--text-xs);color:var(--gray-500)}.staedte-regions{padding:var(--space-16) 0;background:var(--white)}.regions-header{text-align:center;margin-bottom:var(--space-12)}.regions-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-6)}.region-card{background:var(--gray-50);border-radius:var(--radius-2xl);padding:var(--space-6);text-align:center;transition:all var(--transition-base)}.region-card:hover{background:var(--white);box-shadow:var(--shadow-lg)}.region-card :is(h4,h3[data-h="4"]){margin-bottom:var(--space-4);color:var(--primary-green)}.region-cities{display:flex;flex-direction:column;gap:var(--space-2)}.region-cities a{font-size:var(--text-sm);color:var(--gray-600)}.region-cities a:hover{color:var(--primary-green)}.staedte-cta{padding:var(--space-20) 0;background:var(--gradient-cta);text-align:center}.staedte-cta h2{color:var(--white);margin-bottom:var(--space-4)}.staedte-cta p{color:rgba(255,255,255,.9);font-size:var(--text-xl);margin-bottom:var(--space-8)}.staedte-cta .btn{background:var(--white);color:var(--primary-green)}@media(max-width:1024px){.staedte-grid{grid-template-columns:repeat(3,1fr)}.regions-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.staedte-hero{padding:calc(var(--space-24) + 70px) 0 var(--space-12)}.staedte-stats{flex-direction:column;gap:var(--space-6)}.staedte-grid{grid-template-columns:repeat(2,1fr)}.regions-grid{grid-template-columns:1fr}}@media(max-width:480px){.staedte-grid{grid-template-columns:1fr}}