:root{--navy:#061a2d;--navy2:#0a2940;--teal:#27c6c7;--gold:#e8b95f;--cream:#fffaf0;--white:#fff;--muted:#a8bdc8;--red:#7b1f25}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:"DM Sans",sans-serif;color:var(--navy);background:var(--cream);font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}button{font:inherit}.site-header{height:88px;background:rgba(6,26,45,.96);color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(24px,5vw,76px);position:absolute;z-index:5;width:100%;border-bottom:1px solid rgba(255,255,255,.14)}.brand{display:flex;align-items:center;gap:12px;letter-spacing:.08em}.brand-mark{width:42px;height:42px;border:1px solid var(--teal);border-radius:50%;display:grid;place-items:center;color:var(--teal);font-size:31px;line-height:1}.brand strong,.brand small{display:block}.brand strong{font-size:.82rem}.brand small{font-size:.57rem;color:#9eb4c0;letter-spacing:.19em}.site-header nav{display:flex;align-items:center;gap:34px;font-size:.9rem}.site-header nav>a:not(.nav-cta){color:#c9d7dd}.nav-cta{border:1px solid var(--gold);padding:10px 18px;color:var(--gold)}.hero{min-height:820px;position:relative;overflow:hidden;background:var(--navy);color:white;display:flex;align-items:center;padding:120px clamp(24px,8vw,130px) 80px}.hero-image,.hero-shade{position:absolute;inset:0}.hero-image{background:url("weihnachts-tauchgutschein-hero.png") center/cover no-repeat;transform:scale(1.02)}.hero-shade{background:linear-gradient(90deg,rgba(4,19,33,.96) 0%,rgba(4,19,33,.76) 36%,rgba(4,19,33,.1) 74%),linear-gradient(0deg,rgba(4,19,33,.75),transparent 48%)}.hero-content{position:relative;z-index:2;max-width:650px}.eyebrow,.section-kicker{font-size:.72rem;letter-spacing:.24em;font-weight:700}.eyebrow{display:flex;align-items:center;gap:12px;color:var(--gold);margin-bottom:22px}.eyebrow span{height:1px;width:40px;background:var(--gold)}h1,h2,blockquote{font-family:"Playfair Display",serif}h1{font-size:clamp(3.4rem,7vw,6.8rem);line-height:.93;letter-spacing:-.04em;margin:0 0 28px;font-weight:600}h1 em{color:var(--gold);font-weight:600}.hero-content>p{max-width:550px;color:#d4e1e7;font-size:1.12rem}.hero-actions{display:flex;align-items:center;gap:28px;margin:36px 0}.button{display:inline-flex;align-items:center;justify-content:center;gap:30px;border:0;cursor:pointer;text-transform:uppercase;letter-spacing:.12em;font-weight:700;font-size:.75rem;padding:17px 22px}.button.primary{background:var(--gold);color:var(--navy);box-shadow:0 9px 28px rgba(232,185,95,.16)}.text-link{font-size:.84rem;border-bottom:1px solid #8196a1;padding-bottom:5px}.trust-list{display:flex;gap:28px;list-style:none;padding:0;margin:40px 0 0;font-size:.78rem;color:#bed0d8}.trust-list span{color:var(--teal);margin-right:5px}.gift-card{position:absolute;z-index:2;right:clamp(28px,8vw,130px);bottom:48px;width:315px;aspect-ratio:1.62;color:#f8e9c0;background:linear-gradient(145deg,#8d282d,#4d1019);border:1px solid rgba(255,223,149,.5);box-shadow:0 30px 70px rgba(0,0,0,.45);padding:24px;transform:rotate(-3deg);overflow:hidden}.gift-card:before{content:"";position:absolute;inset:8px;border:1px solid rgba(232,185,95,.35)}.card-top,.card-bottom{position:relative;display:flex;justify-content:space-between;align-items:flex-start;font-size:.58rem;letter-spacing:.18em}.card-top b{font-size:2rem;color:var(--gold)}.gift-card>p{position:relative;font-family:"Playfair Display",serif;font-size:1.18rem;line-height:1.35;margin:22px 0 8px}.card-name{position:relative;font-family:"Playfair Display",serif;font-style:italic;font-size:1.55rem;color:var(--gold)}.card-bottom{position:absolute;left:24px;right:24px;bottom:22px}.intro{text-align:center;padding:100px 24px 54px}.section-kicker{color:#9b6f21}.intro h2,.process h2,.promise blockquote,dialog h2{font-size:clamp(2.4rem,4.5vw,4.4rem);line-height:1.08;margin:12px 0 22px}.intro>p:last-child{max-width:650px;margin:auto;color:#516675}.vouchers{max-width:1220px;margin:0 auto 110px;padding:0 24px;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.voucher-card{position:relative;background:#fff;padding:36px 32px 28px;border:1px solid #d9e1e3;min-height:560px;display:flex;flex-direction:column;transition:.25s ease}.voucher-card:hover{transform:translateY(-7px);box-shadow:0 24px 60px rgba(6,26,45,.12)}.voucher-card.featured{background:var(--navy);color:#fff;border-color:var(--navy)}.voucher-number{position:absolute;right:26px;top:19px;font-family:"Playfair Display",serif;font-size:3rem;color:#e3eaec}.featured .voucher-number{color:#173b54}.voucher-icon{width:70px;height:70px;border:1px solid var(--teal);display:grid;place-items:center;color:var(--teal);font-size:2rem;margin:28px 0 32px}.label{font-size:.67rem;letter-spacing:.2em;font-weight:700;color:#a0772c}.voucher-card h3{font-family:"Playfair Display",serif;font-size:2rem;margin:0 0 15px}.voucher-card>p:not(.label){color:#60727c}.featured>p:not(.label){color:#b4c6cf}.voucher-card ul{list-style:none;padding:0;margin:18px 0 28px;font-size:.88rem}.voucher-card li{padding:8px 0;border-bottom:1px solid #e4eaec}.featured li{border-color:#183d55}.voucher-card li:before{content:"✓";color:var(--teal);margin-right:9px}.choose{margin-top:auto;border:0;border-top:1px solid #cad5d9;background:none;color:inherit;padding:20px 0 0;display:flex;justify-content:space-between;cursor:pointer;text-transform:uppercase;letter-spacing:.12em;font-size:.72rem;font-weight:700}.featured .choose{border-color:#30526a;color:var(--gold)}.process{background:var(--navy);color:#fff;padding:100px clamp(24px,8vw,130px);display:grid;grid-template-columns:.9fr 1.1fr;gap:9vw}.process .section-kicker{color:var(--gold)}.process h2{margin-top:16px}.process ol{list-style:none;margin:0;padding:0}.process li{display:flex;gap:26px;padding:28px 0;border-bottom:1px solid #27445a}.process li>span{font-family:"Playfair Display",serif;color:var(--gold);font-size:2rem}.process strong{font-family:"Playfair Display",serif;font-size:1.4rem}.process li p{color:#a9bfca;margin:5px 0}.promise{text-align:center;padding:115px 24px;background:linear-gradient(135deg,#f8f0df,#fffaf0)}.promise blockquote{max-width:900px;margin:0 auto 20px}.promise>p{font-size:.68rem;letter-spacing:.18em;color:#8c6a2d;margin-bottom:34px}footer{background:#041421;color:#a7bbc5;padding:34px clamp(24px,5vw,76px);display:flex;align-items:center;justify-content:space-between;gap:24px;font-size:.75rem}.footer-brand{color:#fff}footer a{color:var(--gold)}dialog{width:min(540px,calc(100% - 30px));border:0;padding:42px;background:#fffaf0;color:var(--navy);box-shadow:0 30px 90px rgba(0,0,0,.4)}dialog::backdrop{background:rgba(2,13,24,.78);backdrop-filter:blur(5px)}dialog h2{font-size:2.8rem;margin:6px 0 8px}.dialog-copy{color:#566b76}.close{position:absolute;right:17px;top:11px;background:none;border:0;font-size:2rem;cursor:pointer}form{display:grid;gap:16px;margin-top:25px}label{font-size:.78rem;font-weight:700;letter-spacing:.05em}label span,form small{font-weight:400;color:#667985}input,textarea{display:block;width:100%;margin-top:6px;border:1px solid #bac8cd;background:#fff;padding:12px;font:inherit;color:var(--navy)}textarea{resize:vertical}.submit{width:100%;margin-top:4px}form small{font-size:.7rem;line-height:1.45}@media(max-width:900px){.site-header nav>a:not(.nav-cta){display:none}.hero{min-height:900px;align-items:flex-start;padding-top:165px}.hero-shade{background:linear-gradient(90deg,rgba(4,19,33,.94),rgba(4,19,33,.35)),linear-gradient(0deg,rgba(4,19,33,.92),transparent 65%)}.gift-card{right:30px;bottom:45px;width:270px}.vouchers{grid-template-columns:1fr;max-width:650px}.voucher-card{min-height:auto}.process{grid-template-columns:1fr;gap:20px}footer{flex-direction:column;text-align:center}}@media(max-width:560px){.site-header{height:74px}.brand strong{font-size:.68rem}.brand-mark{width:36px;height:36px}.nav-cta{padding:8px 10px;font-size:.75rem}.hero{min-height:865px;padding-left:22px;padding-right:22px}.hero-content>p{font-size:1rem}.hero-actions{align-items:flex-start;flex-direction:column;gap:18px}.trust-list{display:grid;gap:8px}.gift-card{width:230px;right:20px;bottom:25px;padding:18px}.gift-card>p{font-size:.9rem}.card-bottom{left:18px;right:18px}.intro{padding-top:80px}.vouchers{padding:0 16px}.process{padding-top:75px;padding-bottom:75px}footer>p{display:none}dialog{padding:34px 24px}}
