@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;600;800&family=Great+Vibes&display=swap";
@import "https://fonts.googleapis.com/css2?family=Pacifico&family=Quicksand:wght@600&display=swap";
:root{--text:#0b1220;--muted:#6b7280;--brand:#f97316;--brand-2:#fb923c}*{box-sizing:border-box}html,body{color:var(--text);margin:0;padding:0;font-family:Inter,system-ui,Segoe UI,Roboto,Arial,sans-serif}a{color:var(--brand);text-decoration:none}a:hover{text-decoration:underline}.container{max-width:1100px;margin:0 auto;padding:0 20px}.site-header{z-index:99;background:#fff;border-bottom:1px solid #e5e7eb;position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;height:64px;display:flex;position:relative}.brand{align-items:center;gap:.5rem;font-weight:800;display:flex}.nav{align-items:center;gap:1rem;display:flex}.burger{color:#475569;cursor:pointer;background:0 0;border:0;padding:0;font-size:22px;font-weight:300;line-height:1;display:none}.nav-toggle{display:none}.brand-text{color:#f97316;letter-spacing:.5px;font-family:Great Vibes,cursive;font-size:2.2rem;font-weight:400}.hero{color:#fff;background:linear-gradient(#00000059,#00000059),url(/Pictures/Webpicture.jpg) 50%/cover no-repeat;align-items:center;min-height:68vh;padding:96px 0 72px;display:flex;position:relative}.hero h1{color:#fff}.hero p{color:#ffffffe6}.cta{gap:12px;margin-top:20px;display:flex}.section{padding:72px 0}.section.alt{background:#f8fafc}.section h2{margin:0 0 6px;font-size:32px}.section-intro{color:var(--muted);margin:0 0 24px}.grid{gap:16px;display:grid}.cards{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:20px;box-shadow:0 1px 2px #0000000d}.card h3{margin:0 0 8px}.card ul{margin:0 0 16px 18px}.price{font-weight:800}.actions{margin-top:10px}.btn{cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:12px 16px;font-weight:700;text-decoration:none;display:inline-flex}.btn:hover{text-decoration:none;transform:translateY(-1px)}.btn.primary{background:linear-gradient(90deg,var(--brand),var(--brand-2));color:#fff;border-color:#0000}.btn.ghost{background:#fff}.contact-grid{grid-template-columns:1fr 1fr}.map{border:0;border-radius:12px;width:100%;height:100%;min-height:260px}.form{flex-direction:column;gap:12px;display:flex}.form-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}label{flex-direction:column;gap:6px;font-weight:600;display:flex}input,select,textarea{width:100%;font:inherit;border:1px solid #e5e7eb;border-radius:12px;padding:12px 14px}input:focus,select:focus,textarea:focus{border-color:var(--brand);box-shadow:0 0 0 3px #f9731626}.form-actions{align-items:center;gap:12px;margin-top:6px;display:flex}.form-note{color:var(--muted);font-size:14px}.stepper{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.step{color:var(--muted);background:#fff;border:1px solid #e5e7eb;border-radius:999px;padding:6px 10px;font-weight:700}.step.active{background:linear-gradient(90deg,var(--brand),var(--brand-2));color:#fff;border-color:#0000}.site-footer{background:#fff;border-top:1px solid #e5e7eb}@media (max-width:840px){.brand{margin-left:-4px}.brand-text{position:relative;left:-6px}.nav{display:none}.burger{margin-right:-6px;display:block}#nav-toggle:checked~.nav{background:#fff;border:1px solid #e5e7eb;border-radius:12px;flex-direction:column;padding:12px;display:flex;position:absolute;top:64px;right:12px;box-shadow:0 6px 24px #00000014}.contact-grid{grid-template-columns:1fr}}.disclaimer{color:#333;max-width:1100px;margin:8px auto 24px;padding:0 20px;font-size:14px;line-height:1.5}.disclaimer p{margin:8px 0}.disclaimer a{color:var(--brand);font-weight:600}.center-logo{position:absolute;left:50%;transform:translate(-50%)}.center-logo img{width:auto;height:100px;display:block}@media (max-width:840px){.center-logo{order:-1;margin:0 auto 0 -6px;position:static;transform:none}.center-logo img{height:50px}}.hero-double{color:#fff;justify-content:center;align-items:center;min-height:68vh;display:flex;position:relative;overflow:hidden}.hero-double .hero-images{width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.hero-double .hero-img{object-fit:cover;filter:brightness(70%);width:50%;height:100%}.hero-double:after{content:"";background:#00000059;position:absolute;inset:0}.hero-inner{z-index:1;text-align:center;max-width:600px;margin:0 auto;position:relative}.logo-wrapper{background-color:#fff;border-radius:50%;justify-content:center;align-items:center;width:70px;height:82px;margin:14px auto 0;display:flex}.logo-wrapper img{object-fit:contain;width:150%;height:150%}.flyer-fixed{z-index:9999;flex-direction:column;gap:10px;display:flex;position:fixed;top:90px;right:20px}.flyer-fixed img{cursor:pointer;border-radius:12px;width:160px;transition:transform .25s,box-shadow .25s;box-shadow:0 4px 12px #0003}.flyer-fixed img:hover{transform:scale(1.05);box-shadow:0 6px 16px #00000040}.flyer-popup{z-index:10000;background:#000c;justify-content:center;align-items:center;width:100%;height:100%;display:none;position:fixed;top:0;left:0}.flyer-popup-content{border-radius:10px;max-width:90%;max-height:90%;box-shadow:0 4px 16px #ffffff4d}.flyer-close{color:#fff;cursor:pointer;font-size:40px;font-weight:700;transition:color .2s;position:absolute;top:25px;right:40px}.flyer-close:hover{color:#f97316}@media (max-width:768px){.flyer-fixed{flex-direction:row;gap:6px;top:auto;bottom:15px;right:10px}.flyer-fixed img{width:100px}}.flyer{max-width:100%;height:auto;margin:0 auto;display:block}.popup{width:90%;max-width:400px}.popup-img{transform-origin:top;width:100%;height:auto;transform:scale(.9)}.flyer-hinweis{text-align:center;z-index:10000;animation:2s ease-in-out infinite pulse;position:fixed;top:20px;right:60px}.flyer-hinweis span{color:#f97316;text-shadow:0 1px 4px #0000004d;font-size:1.1rem;font-weight:600;display:block}.flyer-hinweis img{filter:drop-shadow(0 2px 4px #0000004d);width:80px;margin-top:4px;transform:rotate(20deg)}@media (max-width:768px){.flyer-hinweis{top:auto;bottom:170px;right:30px}.flyer-hinweis img{width:60px}.flyer-hinweis span{font-size:.9rem}}.thankyou{text-align:center;background:#f8fafc;flex-direction:column;justify-content:center;align-items:center;min-height:80vh;padding:40px 20px;display:flex}.thankyou h1{color:var(--brand);margin-bottom:16px;font-size:2rem}.thankyou p{color:var(--muted);max-width:480px;margin-bottom:32px;line-height:1.6}
