html,body{margin:0;padding:0}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,Arial,sans-serif;color:var(--text);background:#fff}.container{width:min(1280px,calc(100% - 32px));margin:0 auto}.container--wide{width:calc(100% - 64px);max-width:1400px}.header{position:sticky;top:0;z-index:50;width:100%;background:#fffffff5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}.header__inner{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:14px 0}.brand{font-weight:900;font-size:20px;letter-spacing:.3px;color:var(--seeblau);text-decoration:none;white-space:nowrap}.nav-links{display:flex;align-items:center;gap:28px}.nav-links a{color:var(--text);text-decoration:none;font-weight:700;font-size:15px;transition:color .2s ease;white-space:nowrap}.nav-links a:hover{color:var(--seeblau)}.header-cta{white-space:nowrap}@media(max-width:768px){.header__inner{flex-direction:column;justify-content:center;gap:12px;padding:14px 0}.brand{font-size:20px}.nav-links{justify-content:center;flex-wrap:wrap;gap:16px}.nav-links a{font-size:14px}.header-cta{display:none}}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 20px;border-radius:999px;border:1px solid var(--border);background:#fff;font-weight:700;cursor:pointer;transition:.25s}.btn:hover{transform:translateY(-2px)}.btn--dark{background:#111;border-color:#111;color:#fff}.hero{position:relative;width:100%;min-height:520px;height:75vh;display:flex;align-items:center;overflow:hidden;padding:64px 0}.hero__image{position:absolute;width:100vw;inset:0 0 0 50%;transform:translate(-50%) scale(1.04);background-position:center;background-size:cover;background-repeat:no-repeat;transition:opacity .45s ease;opacity:1;z-index:0}.hero__image.isFading{opacity:.85}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#00000073,#00000038 45%,#00000014);z-index:1}.hero .container{position:relative;z-index:2;width:100%}.hero__inner{padding:96px 0;width:100%}.hero__content{max-width:650px;padding-left:40px}.hero h1{font-size:clamp(42px,5vw,70px);line-height:1.05;margin:0 0 20px;color:#fff;font-weight:900}.hero p{font-size:20px;line-height:1.7;margin:0 0 32px;color:#fffffff5;max-width:620px;background:#00000052;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:14px 18px;border-radius:14px;display:inline-block;box-shadow:0 4px 20px #0000002e}.hero__actions{display:flex;gap:16px;flex-wrap:wrap}.hero__stores{position:absolute;right:clamp(24px,6vw,120px);top:50%;transform:translateY(-50%);z-index:3;display:flex;flex-direction:column;gap:18px}.storeBadge{background:var(--sonnengelb);color:#111;padding:16px 28px;border-radius:999px;font-weight:800;font-size:16px;min-width:190px;display:flex;justify-content:center;align-items:center;box-shadow:0 10px 25px #0000002e;transition:transform .2s,box-shadow .2s}.storeBadge:hover{transform:translateY(-3px);box-shadow:0 14px 32px #0000003d}.section{padding:72px 0}.sectionTitle{font-size:34px;margin:0 0 12px}.sectionSubtitle{margin:0 0 30px;opacity:.8}.howGrid{display:grid;grid-template-columns:1fr auto;gap:40px;align-items:center}.howSteps{display:grid;grid-template-columns:1fr 1fr;gap:18px}.howCard{background:#fff;padding:18px;border-radius:18px;display:flex;gap:12px;box-shadow:0 10px 28px #0000000f}.howNum{width:34px;height:34px;border-radius:999px;display:grid;place-items:center;background:#0b5fa51f;color:var(--seeblau);font-weight:900}.howPreview{width:100%;overflow:hidden}.howPreviewImg{width:360px;max-width:100%;border-radius:20px}.cta{background:linear-gradient(135deg,var(--seeblau),#063a66);color:#fff;padding:52px 0}.cta__inner{display:flex;justify-content:space-between;flex-wrap:wrap;gap:20px}.cta__buttons{display:flex;gap:12px}.footer{background:#141414;color:#fff;padding:48px 0}.footer__inner{display:flex;justify-content:space-between;flex-wrap:wrap;gap:20px}@media(max-width:768px){body{overflow-x:hidden}.container{width:calc(100% - 28px)}.nav{display:none!important}.header__inner{padding:12px 0;display:flex;justify-content:space-between;align-items:center}.brand{font-size:20px}.hero{height:auto;min-height:85vh;padding:48px 0}.hero__content{padding-left:0;max-width:100%}.hero h1{font-size:42px;line-height:1.08}.hero p{font-size:17px;line-height:1.45}.hero__stores{display:none}.hero__actions{display:flex;gap:10px;flex-wrap:nowrap}.hero__actions .btn{flex:1}.howGrid{display:flex;flex-direction:column;gap:24px}.howSteps{display:flex;flex-direction:column;gap:14px}.howPreviewImg{width:100%}.footer__inner,.cta__inner{flex-direction:column}}.reservation-section{padding:90px 20px;background:#f7faf8}.reservation-container{max-width:900px;margin:0 auto}.reservation-header{text-align:center;margin-bottom:40px}.section-label{display:inline-block;margin-bottom:12px;color:#16a34a;font-weight:700;text-transform:uppercase;letter-spacing:.08em;font-size:.8rem}.reservation-header h2{font-size:2.4rem;color:#12372a;margin-bottom:14px}.reservation-header p{color:#4b5563;font-size:1.05rem;max-width:640px;margin:0 auto;line-height:1.7}.reservation-form{background:#fff;padding:34px;border-radius:24px;box-shadow:0 16px 40px #00000014;display:grid;gap:18px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}.reservation-form input,.reservation-form select,.reservation-form textarea{width:100%;padding:15px 16px;border:1px solid #d1d5db;border-radius:14px;font-size:1rem;font-family:inherit}.reservation-form textarea{min-height:120px;resize:vertical}.reservation-form input:focus,.reservation-form select:focus,.reservation-form textarea:focus{outline:none;border-color:#16a34a;box-shadow:0 0 0 3px #16a34a1f}.reservation-form button{background:#16a34a;color:#fff;border:none;padding:16px 22px;border-radius:999px;font-weight:800;font-size:1rem;cursor:pointer;transition:transform .2s ease,background .2s ease}.reservation-form button:hover{background:#15803d;transform:translateY(-2px)}.form-note{text-align:center;color:#6b7280;font-size:.9rem;line-height:1.5;margin:0}@media(max-width:768px){.reservation-section{padding:70px 16px}.reservation-header h2{font-size:1.9rem}.reservation-form{padding:24px}.form-row{grid-template-columns:1fr}}.form-field{display:flex;flex-direction:column;gap:8px}.form-field label{font-size:.9rem;font-weight:700;color:#12372a}.pricing-section{padding:90px 20px;background:#fff}.pricing-container{max-width:1200px;margin:0 auto}.pricing-header{text-align:center;margin-bottom:44px}.pricing-header h2{font-size:2.4rem;color:#12372a;margin-bottom:14px}.pricing-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;align-items:stretch}.pricing-item{display:flex;flex-direction:column;gap:12px}.recommended-badge{display:inline-block;width:fit-content;margin-left:24px;background:#dcfce7;color:#15803d;font-size:.8rem;font-weight:800;padding:6px 14px;border-radius:999px;text-transform:uppercase;letter-spacing:.05em}.pricing-card{height:100%;background:#fff;border:1px solid #e5e7eb;border-radius:24px;padding:32px 24px;box-shadow:0 14px 36px #0000000f;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.pricing-card:hover{border-color:#16a34a;box-shadow:0 18px 44px #16a34a29;transform:translateY(-4px)}.pricing-card h3{font-size:1.35rem;color:#12372a;margin-bottom:14px}.pricing-card .price{font-size:1.55rem;font-weight:800;color:#16a34a;margin-bottom:16px}.pricing-card p{color:#4b5563;line-height:1.65}.pricing-note{margin:28px auto 0;max-width:850px;text-align:center;color:#6b7280;line-height:1.6;font-size:.95rem}@media(max-width:768px){.pricing-section{padding:70px 16px}.pricing-header h2{font-size:1.9rem}.pricing-cards{grid-template-columns:1fr}.recommended-badge{margin-left:20px}}.form-error{color:#b91c1c;background:#fee2e2;padding:12px 14px;border-radius:12px;font-size:.95rem;text-align:center}.reservation-success{background:#fff;padding:36px;border-radius:24px;text-align:center;border:1px solid #bbf7d0;box-shadow:0 16px 40px #00000014}.reservation-success h3{color:#12372a;font-size:1.6rem;margin-bottom:12px}.reservation-success p{color:#4b5563;line-height:1.7}.privacy-checkbox{display:flex;align-items:flex-start;gap:10px;font-size:.9rem;color:#4b5563;line-height:1.5}.privacy-checkbox input{width:auto;margin-top:4px}.nav-links a{color:inherit;text-decoration:none;font-weight:700}.nav-links a:hover{color:#16a34a}:root{--seeblau: #0b5fa5;--sonnengelb: #f6c400;--text: #111;--muted: #f5f7fa;--border: #e6e9ef;--radius: 18px}*{box-sizing:border-box}body{margin:0;font-family:system-ui,Arial,sans-serif;color:var(--text);background:#fff}a{color:inherit;text-decoration:none}.container{width:min(1120px,calc(100% - 32px));margin:0 auto}.header{position:sticky;top:0;z-index:50;background:#ffffffeb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border)}.header__inner{display:flex;align-items:center;justify-content:space-between;padding:14px 0;gap:16px}.brand{font-weight:900;letter-spacing:.3px;color:var(--seeblau)}.nav{display:flex;gap:18px;font-weight:650;opacity:.9}.nav a:hover{color:var(--seeblau)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 14px;border-radius:999px;border:1px solid var(--border);background:#fff;font-weight:700;cursor:pointer}.btn--primary{background:var(--seeblau);border-color:var(--seeblau);color:#fff}.btn--accent{background:var(--sonnengelb);border-color:var(--sonnengelb);color:#111}.btn--ghost{background:transparent}.btn--dark{background:#111;color:#fff;border-color:#111}.hero{position:relative;min-height:72vh;display:flex;align-items:center;overflow:hidden}.hero__image{position:absolute;inset:0;background:url(/images/hero.jpg) center/cover no-repeat;transform:scale(1.02);filter:saturate(1.05)}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#00000094,#0000004d 55%,#0000001f)}.hero__inner{position:relative;z-index:2;padding:88px 0;max-width:740px}.hero h1{font-size:clamp(34px,4.3vw,56px);margin:0 0 12px;color:#fff}.hero p{font-size:18px;line-height:1.65;margin:0 0 22px;color:#ffffffe0}.hero__actions{display:flex;gap:12px;flex-wrap:wrap}.section{padding:64px 0}.section--muted{background:var(--muted)}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:18px}.grid2{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:18px}.card{border:1px solid var(--border);border-radius:var(--radius);padding:18px;background:#fff;min-height:90px}.cta{background:linear-gradient(135deg,var(--seeblau),#063a66);color:#fff;padding:46px 0}.cta__inner{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}.cta__buttons{display:flex;gap:10px;flex-wrap:wrap}.footer{background:#141414;color:#fff;padding:44px 0}.footer__inner{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap}.footer__links{display:grid;gap:10px;opacity:.9}@media(max-width:900px){.grid3,.grid2{grid-template-columns:1fr}.nav{display:none}.hero{min-height:68vh}.hero__inner{padding:72px 0}}
