:root{--blau:#1b64e2;--blau-dunkel:#1550b8;--nacht:#0c2d5a;--gruen:#3d9140;--gruen-dunkel:#2a6b2d;--gruen-hell:#e8f5e9;--weiss:#fff;--grau-hell:#f4f6fb;--grau-mitte:#e0e7f3;--grau-text:#555e70;--text:#333;--section-padding:100px 0;--container-width:1200px;--container-padding:0 24px;--transition:.3s ease}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background-color:var(--weiss);color:var(--text);font-family:Overpass,sans-serif;font-size:16px;font-weight:400;line-height:1.6}img{display:block;height:auto;max-width:100%}a{color:var(--blau);text-decoration:none;transition:color var(--transition)}a:hover{color:var(--blau-dunkel)}h1,h2,h3,h4,h5,h6{color:var(--nacht);font-family:Overpass,sans-serif;line-height:1.2}h1{font-size:clamp(2.5rem,5vw,4rem);font-weight:900}h2{font-size:clamp(1.75rem,3.5vw,2.5rem);font-weight:800}h3{font-size:1.25rem;font-weight:700}.section-label{color:var(--gruen);display:inline-block;font-size:13px;font-weight:700;letter-spacing:3px;margin-bottom:12px;text-transform:uppercase}.section-title{color:var(--nacht);margin-bottom:20px}.section-subtitle{color:var(--grau-text);font-size:1.1rem;font-weight:400;line-height:1.7;max-width:680px}.container{margin:0 auto;max-width:var(--container-width);padding:var(--container-padding)}.section{padding:var(--section-padding)}.section--dark{background:linear-gradient(150deg,var(--nacht) 0,var(--blau-dunkel) 55%,var(--blau) 100%)}.section--dark,.section--dark .section-title,.section--dark h2,.section--dark h3{color:var(--weiss)}.section--dark .section-subtitle{color:#ffffffbf}.section--dark strong{color:#fff}.section--dark .section-label{color:#fff9}.section--grey{background:var(--grau-hell)}.btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:inline-flex;font-family:Overpass,sans-serif;font-size:16px;font-weight:700;gap:8px;padding:14px 32px;text-decoration:none;transition:all var(--transition)}.btn-primary{background-color:var(--blau);color:var(--weiss)}.btn-primary:hover{background-color:var(--blau-dunkel);color:var(--weiss)}.btn-green{background-color:var(--gruen);color:var(--weiss)}.btn-green:hover{background-color:var(--gruen-dunkel);color:var(--weiss)}.btn-white{background:var(--weiss);color:var(--nacht)}.btn-white:hover{background:#ffffffe6;color:var(--nacht)}.btn-outline{background:transparent;border:2px solid var(--weiss);color:var(--weiss)}.btn-outline:hover{background:var(--weiss);color:var(--blau)}.btn-outline-dark{background:transparent;border:2px solid var(--nacht);color:var(--nacht)}.btn-outline-dark:hover{background:var(--nacht);color:var(--weiss)}.btn-lg{font-size:18px;padding:16px 40px}.card{background:var(--weiss);border-radius:12px;box-shadow:0 2px 12px #0d1f3c14;overflow:hidden;transition:transform var(--transition),box-shadow var(--transition)}.card:hover{box-shadow:0 8px 24px #0d1f3c1f;transform:translateY(-4px)}.accent-bar{background:var(--gruen);height:6px;width:100%}.highlight-box{background:var(--gruen-hell);border-left:4px solid var(--gruen);border-radius:0 8px 8px 0;padding:20px 24px}.badge{border-radius:4px;display:inline-block;font-size:12px;font-weight:700;letter-spacing:2px;padding:6px 16px;text-transform:uppercase}.badge-green{background:var(--gruen);color:var(--weiss)}.badge-blue{background:var(--blau);color:var(--weiss)}.badge-white{background:#ffffff26;border:1px solid hsla(0,0%,100%,.3);color:var(--weiss)}.fade-in-delay-1{transition-delay:.1s}.fade-in-delay-2{transition-delay:.2s}.fade-in-delay-3{transition-delay:.3s}.fade-in-delay-4{transition-delay:.4s}.comparison-table{border-collapse:separate;border-radius:12px;border-spacing:0;box-shadow:0 2px 12px #0d1f3c14;overflow:hidden;width:100%}.comparison-table thead th{background:var(--nacht);color:var(--weiss);font-size:14px;font-weight:700;letter-spacing:.5px;padding:16px 24px;text-align:left}.comparison-table thead th:first-child{width:40%}.comparison-table tbody td{border-bottom:1px solid var(--grau-mitte);font-size:15px;padding:14px 24px;vertical-align:middle}.comparison-table tbody tr:last-child td{border-bottom:none}.comparison-table tbody tr:nth-child(2n) td{background:var(--grau-hell)}.comparison-table .check{color:var(--gruen);font-weight:700}.comparison-table .cross{color:#d32f2f;font-weight:700}.faq-item{border:1px solid var(--grau-mitte);border-radius:8px;margin-bottom:12px;overflow:hidden;transition:box-shadow var(--transition)}.faq-item:hover{box-shadow:0 2px 8px #0d1f3c0f}.faq-question{align-items:center;background:var(--weiss);border:none;color:var(--nacht);cursor:pointer;display:flex;font-family:Overpass,sans-serif;font-size:16px;font-weight:700;gap:16px;justify-content:space-between;padding:20px 24px;text-align:left;width:100%}.faq-question:hover{background:var(--grau-hell)}.faq-icon{align-items:center;color:var(--blau);display:flex;flex-shrink:0;font-size:20px;font-weight:300;height:24px;justify-content:center;transition:transform .3s ease;width:24px}.faq-item.open .faq-icon{transform:rotate(45deg)}.faq-answer{max-height:0;overflow:hidden;transition:max-height .4s ease}.faq-item.open .faq-answer{max-height:500px}.faq-answer-inner{color:var(--grau-text);font-size:15px;line-height:1.7;padding:0 24px 20px}.timeline{padding:20px 0;position:relative}.timeline:before{background:var(--grau-mitte);bottom:0;content:"";left:50%;position:absolute;top:0;transform:translate(-50%);width:3px}.timeline-item{align-items:flex-start;display:flex;margin-bottom:48px;position:relative}.timeline-item:last-child{margin-bottom:0}.timeline-item:nth-child(odd){flex-direction:row;padding-right:calc(50% + 32px);text-align:right}.timeline-item:nth-child(2n){flex-direction:row-reverse;padding-left:calc(50% + 32px);text-align:left}.timeline-dot{background:var(--blau);border:3px solid var(--weiss);border-radius:50%;box-shadow:0 0 0 3px var(--blau);height:18px;left:50%;position:absolute;transform:translate(-50%);width:18px;z-index:2}.timeline-dot.active{background:var(--gruen);box-shadow:0 0 0 3px var(--gruen);height:22px;width:22px}.timeline-content{background:var(--weiss);border:1px solid var(--grau-mitte);border-radius:10px;box-shadow:0 2px 8px #0d1f3c0f;padding:20px 24px}.timeline-date{color:#fff;font-size:13px;letter-spacing:1px;text-transform:uppercase}.timeline-date,.timeline-title{font-weight:700;margin-bottom:4px}.timeline-title{color:var(--nacht);font-size:16px}.timeline-desc{color:var(--grau-text);font-size:14px}.progress-bar{background:var(--grau-mitte);border-radius:12px;height:24px;overflow:hidden;position:relative;width:100%}.progress-bar__fill{align-items:center;background:linear-gradient(90deg,var(--gruen),var(--gruen-dunkel));border-radius:12px;color:var(--weiss);display:flex;font-size:12px;font-weight:700;height:100%;justify-content:flex-end;min-width:-moz-fit-content;min-width:fit-content;padding-right:12px;transition:width 1.5s ease}.stat-card{background:var(--weiss);border-radius:12px;border-top:4px solid var(--blau);box-shadow:0 2px 8px #0d1f3c0f;padding:32px 24px;text-align:center}.stat-card__value{color:var(--blau);font-size:clamp(1.5rem,2.5vw,2.25rem);font-weight:900;line-height:1.1;margin-bottom:8px;white-space:nowrap}.stat-card__label{color:var(--grau-text);font-size:13px;font-weight:600;letter-spacing:1px;text-transform:uppercase}.cost-table{border-collapse:separate;border-radius:12px;border-spacing:0;box-shadow:0 2px 12px #0d1f3c14;overflow:hidden;width:100%}.cost-table thead th{background:var(--nacht);color:var(--weiss);font-size:14px;font-weight:700;padding:14px 20px;text-align:left}.cost-table tbody td{border-bottom:1px solid var(--grau-mitte);font-size:14px;padding:12px 20px}.cost-table tbody tr:last-child td{background:var(--grau-hell);border-bottom:none;font-size:16px;font-weight:700}.cost-table tbody tr:nth-child(2n):not(:last-child) td{background:#f4f6fb80}.cost-table .cost-winter{color:#d32f2f;font-weight:600}.cost-table .cost-kunstrasen{color:var(--gruen);font-weight:600}.package-card{background:var(--weiss);border-radius:12px;box-shadow:0 2px 12px #0d1f3c14;display:flex;flex-direction:column;overflow:hidden;transition:transform var(--transition),box-shadow var(--transition)}.package-card:hover{box-shadow:0 12px 32px #0d1f3c24;transform:translateY(-6px)}.package-card__header{padding:24px;text-align:center}.package-card__name{color:var(--weiss);font-size:18px;font-weight:800;letter-spacing:1px;text-transform:uppercase}.package-card__price{color:#fffc;font-size:14px;font-weight:400;margin-top:4px}.package-card__body{flex:1;padding:24px}.package-card__feature{align-items:flex-start;border-bottom:1px solid var(--grau-mitte);color:var(--text);display:flex;font-size:14px;gap:10px;padding:8px 0}.package-card__feature:last-child{border-bottom:none}.package-card__footer{padding:16px 24px 24px;text-align:center}@media(max-width:768px){:root{--section-padding:48px 0;--container-padding:0 16px}h1{font-size:2rem}h2{font-size:1.5rem}.section-subtitle{font-size:1rem}.btn-lg{font-size:16px;padding:14px 28px}.comparison-table,.cost-table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}.comparison-table thead th,.cost-table thead th{font-size:12px;padding:10px 14px;white-space:nowrap}.comparison-table tbody td,.cost-table tbody td{font-size:13px;padding:10px 14px}.stat-card__value{font-size:1.5rem}.timeline:before{left:16px}.timeline-item{margin-bottom:32px}.timeline-item:nth-child(2n),.timeline-item:nth-child(odd){flex-direction:row;padding-left:48px;padding-right:0;text-align:left}.timeline-dot{left:16px}.page-hero{padding:100px 0 40px}}@media(max-width:480px){:root{--section-padding:40px 0;--container-padding:0 16px}.btn{min-height:44px;padding:12px 24px}.btn-lg{font-size:16px;padding:14px 24px}.stat-card{padding:24px 16px}.stat-card__label{font-size:12px}.faq-question{font-size:14px;min-height:44px;padding:16px}.faq-answer-inner{font-size:14px;padding:0 16px 16px}}body{overflow-x:clip}