*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif}#root{width:100%}.hero{color:#fff;background:linear-gradient(120deg,#102b58 0%,#17365d 65%,#234b78 100%);justify-content:space-between;align-items:center;gap:35px;min-height:560px;padding:60px 5%;display:flex;overflow:hidden}.hero-content{width:50%;max-width:700px}.hero-content h1{margin-bottom:20px;font-size:42px;line-height:1.1}.hero-content p{margin-bottom:30px;font-size:20px;line-height:1.5}.hero-content button{color:#fff;cursor:pointer;background-color:#f36b16;border:none;border-radius:6px;padding:15px 28px;font-size:17px;font-weight:700}.hero-content button:hover{background-color:#d9530b}.hero.image{object-fit:cover;border-radius:12px;width:45%;height:450px}.services{background-color:#fff;padding:60px}.services h2{text-align:center;margin-bottom:40px}.services-grid{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.service-card{transition:transform 0,2s ease, box-shadow 0,2s ease;border:1px solid #ddd;border-radius:10px;padding:25px;box-shadow:0 4px 12px #00000014}.service-card:hover{transform:translate(-5px);box-shadow:0 8px 20px #0000001f}.anfrage{max-width:900px;margin:60px auto;padding:30px}.anfrage h2{text-align:center;margin-bottom:30px}.anfrage form{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.anfrage label{flex-direction:column;gap:8px;min-width:0;font-weight:500;display:flex}.anfrage input,.anfrage select,.anfrage textarea{box-sizing:border-box;border:1px solid #ccc;border-radius:6px;width:100%;padding:12px;font-size:16px}@media (max-widht:600px){.anfrage form{grid-template-columns:1fr}}.success-message{color:#16803c;text-align:center;margin-top:15px;font-weight:700}.galerie{text-align:center;max-width:1200px;margin:auto;padding:60px 20px}.galerie-grid{grid-template-columns:repeat(3,1fr);gap:20px;margin-top:30px;display:grid}.galerie-grid img{object-fit:cover;border-radius:10px;width:100%;height:250px}@media (width<=768px){.galerie-grid{grid-template-columns:1fr}}.bewertungen{text-align:center;background-color:#f5f7fa;padding:60px 20px}.bewertungen h2{color:#17365d;margin-bottom:20px;font-size:32px}.bewertungen p{margin-bottom:30px;font-size:18px;line-height:1.6}.bewertung-button{color:#fff;background-color:#1769aa;border-radius:8px;padding:15px 30px;font-weight:700;text-decoration:none;transition:background-color .3s;display:inline-block}.bewertung-button:hover{background-color:#104d80}.footer{color:#fff;text-align:center;background-color:#17365d;padding:45px 20px 25px}.footer h3{color:#fff;margin-bottom:15px;font-size:26px}.footer p{margin-bottom:15px;font-size:16px;line-height:1.6}.footer-links{flex-wrap:wrap;justify-content:center;gap:25px;margin:25px 0;display:flex}.footer-links a{color:#fff;font-weight:700;text-decoration:none}.footer-links a:hover{text-decoration:underline}.footer-copy{opacity:.8;margin-top:30px;font-size:14px}.hero-banner{background-color:#102b58;width:100%;position:relative;overflow:hidden}.banner-image{width:100%;height:auto;display:block}.banner-button{color:#fff;cursor:pointer;background:#f36b16;border:none;border-radius:8px;padding:1.2% 2%;font-size:clamp(12px,1.6vw,24px);font-weight:700;position:absolute;top:64%;left:3.2%;box-shadow:0 4px 12px #0003}.banner-button:hover{background:#d9530b}@media (width<=600px){.banner-button{padding:8px;font-size:10px;top:64%;left:3%}}.warum-wir{background-color:#f4f7fb;padding:60px 5%}.warum-wir h2{text-align:center;color:#092e63;margin-bottom:35px;font-size:32px}.warum-wir .services-grid{grid-template-columns:repeat(3,1fr);gap:25px;display:grid}.warum-wir .service-card{background:#fff;border-top:5px solid #ff6b00;border-radius:15px;padding:30px;box-shadow:0 5px 18px #00000014}.warum-wir .service-card h3{color:#092e63;margin-bottom:15px}@media (width<=768px){.warum-wir .services-grid{grid-template-columns:1fr}}