:root{--ink:#173946;--deep:#0d2b36;--sand:#d7c29b;--sand-light:#f3ecdf;--cream:#fbfaf6;--mint:#24b99a;--wine:#b4233b;--text:#30434a;--white:#fff;--shadow:0 24px 70px rgba(13,43,54,.13)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:82px}body{margin:0;background:var(--cream);color:var(--text);font-family:"Segoe UI",Arial,Helvetica,sans-serif;line-height:1.65}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{font:inherit}.skip-link{position:fixed;z-index:100;top:8px;left:8px;padding:9px 14px;background:#fff;color:var(--deep);transform:translateY(-150%)}.skip-link:focus{transform:none}
.site-header{position:fixed;z-index:50;inset:0 0 auto;min-height:82px;display:flex;align-items:center;gap:34px;padding:12px clamp(22px,4vw,72px);color:#fff;background:rgba(13,43,54,.91);border-bottom:1px solid rgba(255,255,255,.12);backdrop-filter:blur(16px);transition:background .25s,box-shadow .25s}.site-header.is-scrolled{background:rgba(7,31,40,.97);box-shadow:0 8px 28px rgba(0,0,0,.16)}.brand{display:flex;align-items:center;gap:11px;margin-right:auto}.brand-mark{width:42px;height:42px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.55);font-family:Georgia,serif;font-weight:800;letter-spacing:-4px;transform:rotate(-2deg)}.brand-mark span,.brand-name span{color:var(--sand)}.brand-name{font-weight:900;letter-spacing:.04em;font-size:18px}.main-nav{display:flex;align-items:center;gap:clamp(16px,2vw,30px);font-size:14px;font-weight:650}.main-nav a{opacity:.82}.main-nav a:hover,.main-nav a:focus-visible{opacity:1;color:var(--sand)}.nav-cta{padding:11px 18px;border-radius:999px;background:var(--mint);color:var(--deep);font-size:14px;font-weight:800;white-space:nowrap}.menu-toggle{display:none;width:42px;height:42px;padding:9px;border:1px solid rgba(255,255,255,.35);border-radius:50%;background:transparent;color:#fff}.menu-toggle span{display:block;height:2px;margin:4px 0;background:currentColor}.menu-toggle b{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.hero{position:relative;min-height:96vh;display:grid;align-items:center;padding:140px clamp(24px,8vw,130px) 95px;overflow:hidden;color:#fff;background:url("../images/picknickahr-hero.png") center/cover}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,32,41,.92),rgba(10,40,49,.77) 43%,rgba(10,40,49,.23) 75%,rgba(10,40,49,.08)),linear-gradient(0deg,rgba(7,32,41,.53),transparent 50%)}.hero-content{position:relative;z-index:2;max-width:770px}.eyebrow{margin:0 0 16px;color:var(--mint);font-size:13px;font-weight:850;letter-spacing:.18em;text-transform:uppercase}.hero h1{max-width:730px;margin:0;color:#fff;font:500 clamp(52px,7vw,100px)/.98 Georgia,"Times New Roman",serif;letter-spacing:-.04em}.hero-copy{max-width:690px;margin:28px 0 0;font-size:clamp(18px,2vw,23px);color:rgba(255,255,255,.87)}.hero-actions,.contact-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:38px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 25px;border:1px solid transparent;border-radius:999px;font-weight:800;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--mint);color:var(--deep)}.button-ghost{border-color:rgba(255,255,255,.55);color:#fff;background:rgba(255,255,255,.08)}.button-ghost:hover{background:rgba(255,255,255,.16)}.hero-notes{display:flex;flex-wrap:wrap;gap:28px;margin-top:36px;color:rgba(255,255,255,.75);font-size:14px}.hero-notes span:before{content:"✓";margin-right:8px;color:var(--mint);font-weight:900}.scroll-cue{position:absolute;z-index:3;bottom:25px;left:50%;width:42px;height:42px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.45);border-radius:50%;transform:translateX(-50%);animation:bob 2s infinite ease-in-out}@keyframes bob{50%{transform:translate(-50%,7px)}}
.intro-band{padding:24px;background:var(--sand);color:var(--deep);text-align:center}.intro-band p{margin:0;font-size:clamp(16px,2vw,20px)}.intro-band strong{margin-right:10px}.section{padding:105px clamp(22px,7vw,110px)}.section-heading{max-width:760px;margin:0 auto 55px;text-align:center}.section-heading h2,.extras h2,.about h2,.romantic h2,.contact h2{margin:0;color:var(--ink);font:500 clamp(38px,5vw,68px)/1.06 Georgia,"Times New Roman",serif;letter-spacing:-.025em}.section-heading>p:last-child{max-width:680px;margin:20px auto 0;color:#63747a;font-size:17px}
.package-grid{max-width:1180px;margin:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.package-card{display:flex;flex-direction:column;overflow:hidden;border-radius:26px;background:#fff;box-shadow:0 12px 40px rgba(13,43,54,.09);transition:transform .25s,box-shadow .25s}.package-card:hover{transform:translateY(-8px);box-shadow:var(--shadow)}.package-image-wrap{position:relative;height:235px;overflow:hidden;background:#dce5df}.package-image-wrap img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.package-card:hover img{transform:scale(1.045)}.price-badge{position:absolute;right:18px;bottom:16px;min-width:88px;padding:10px 14px;border-radius:16px;background:rgba(13,43,54,.93);color:#fff;text-align:center;font-size:20px;font-weight:900}.price-badge small{display:block;font-size:11px;font-weight:600;opacity:.75}.package-body{display:flex;flex-direction:column;flex:1;padding:29px}.card-kicker{margin:0 0 4px;color:var(--mint);font-size:12px;font-weight:850;letter-spacing:.11em;text-transform:uppercase}.package-body h3,.step-grid h3,.spot-grid h3{margin:0;color:var(--ink);font:500 29px Georgia,serif}.package-body ul{display:grid;gap:10px;margin:24px 0 28px;padding:0;list-style:none;color:#617177;font-size:14px}.package-body li{position:relative;padding-left:21px}.package-body li:before{content:"";position:absolute;left:0;top:.7em;width:7px;height:7px;border-radius:50%;background:var(--mint)}.card-link{margin-top:auto;color:var(--ink);font-weight:850}.card-link span{display:inline-block;margin-left:6px;transition:transform .2s}.card-link:hover span{transform:translateX(5px)}.package-note{max-width:780px;margin:34px auto 0;text-align:center;color:#78868a;font-size:14px}
.how-it-works{background:var(--deep);color:rgba(255,255,255,.78)}.section-heading-light h2{color:#fff}.section-heading-light>p:last-child{color:rgba(255,255,255,.66)}.step-grid{max-width:1160px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(255,255,255,.12)}.step-grid article{padding:44px;background:var(--deep)}.step-number{display:inline-grid;place-items:center;width:48px;height:48px;margin-bottom:32px;border:1px solid rgba(36,185,154,.55);border-radius:50%;color:var(--mint);font-weight:900;font-size:13px}.step-grid h3{margin-bottom:10px;color:#fff;font-size:27px}.step-grid p{margin:0}
.extras{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);gap:clamp(50px,8vw,120px);align-items:center;background:var(--sand-light)}.extras-copy{max-width:700px;margin-left:auto}.extras-copy>p:nth-of-type(2){max-width:650px;margin:24px 0;font-size:18px;color:#607076}.extra-tags{display:flex;flex-wrap:wrap;gap:10px;margin:28px 0 36px}.extra-tags span{padding:9px 14px;border:1px solid rgba(23,57,70,.18);border-radius:999px;background:rgba(255,255,255,.55);font-size:13px;font-weight:750}.extras-actions{display:flex;flex-wrap:wrap;align-items:center;gap:22px}.button-dark{background:var(--ink);color:#fff}.text-link{display:inline-block;color:var(--ink);font-weight:850;border-bottom:1px solid rgba(23,57,70,.35)}.extras-visual{position:relative;min-height:540px;display:grid;place-items:center;border-radius:50% 50% 16px 16px;overflow:hidden;color:#fff;background:radial-gradient(circle at 50% 45%,rgba(36,185,154,.35),transparent 35%),linear-gradient(145deg,#1a4a58,#0d2b36)}.visual-ring{position:relative;width:min(76%,380px);aspect-ratio:1;border:1px solid rgba(255,255,255,.35);border-radius:50%}.visual-ring:before,.visual-ring:after{content:"";position:absolute;inset:16%;border:1px solid rgba(255,255,255,.18);border-radius:50%}.visual-ring:after{inset:34%;background:var(--sand);border:0}.visual-ring span{position:absolute;z-index:1;font:24px Georgia,serif}.visual-ring span:nth-child(1){top:6%;left:44%}.visual-ring span:nth-child(2){right:2%;top:52%}.visual-ring span:nth-child(3){bottom:7%;left:30%}.extras-visual blockquote{position:absolute;z-index:3;right:8%;bottom:8%;width:60%;margin:0;padding:18px;background:rgba(13,43,54,.82);font:20px Georgia,serif}
.spot-section,.faq-section{background:#fff}.spot-grid{max-width:1160px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.spot-grid article{min-height:275px;padding:38px;border:1px solid #e2e7e7;border-radius:24px;background:linear-gradient(145deg,#fff,#f5f7f4)}.spot-grid span{color:var(--mint);font-size:12px;font-weight:900;letter-spacing:.14em}.spot-grid h3{margin:70px 0 12px;font-size:27px}.spot-grid p{margin:0;color:#6c7a7f}.about{display:grid;grid-template-columns:minmax(210px,.72fr) minmax(360px,1.25fr) minmax(210px,.72fr);gap:clamp(24px,4vw,60px);align-items:center}.about-copy{text-align:center}.about-lead{font-size:19px;color:#536970}.about-copy>p:not(.eyebrow){max-width:680px;margin:24px auto}.about-photo{position:relative;overflow:hidden;border-radius:150px 150px 20px 20px;box-shadow:var(--shadow)}.about-photo img{width:100%;aspect-ratio:.78;object-fit:cover}.about-photo span{position:absolute;inset:auto 10px 10px;padding:10px 12px;border-radius:10px;background:rgba(13,43,54,.86);color:#fff;text-align:center;font-size:12px;font-weight:800}.about-photo-two{transform:translateY(55px)}
.romantic{position:relative;display:flex;align-items:center;justify-content:space-between;gap:60px;overflow:hidden;color:#fff;background:radial-gradient(circle at 88% 25%,rgba(180,35,59,.32),transparent 28%),linear-gradient(120deg,#0d2b36,#391825)}.romantic:after{content:"♥";position:absolute;right:5%;bottom:-42%;color:rgba(255,255,255,.035);font:420px/1 Georgia,serif}.romantic>*{position:relative;z-index:1}.romantic>div{max-width:760px}.romantic h2{color:#fff}.romantic p:not(.eyebrow){max-width:680px;font-size:18px;color:rgba(255,255,255,.75)}.romantic .button{flex:0 0 auto}.faq-list{max-width:900px;margin:auto;border-top:1px solid #dfe6e5}.faq-list details{border-bottom:1px solid #dfe6e5}.faq-list summary{display:flex;justify-content:space-between;gap:20px;padding:24px 4px;color:var(--ink);font-size:18px;font-weight:800;cursor:pointer;list-style:none}.faq-list summary:after{content:"+";color:var(--mint);font-size:24px}.faq-list details[open] summary:after{content:"–"}.faq-list details p{margin:0;padding:0 4px 25px;color:#65757a}
.contact{display:grid;grid-template-columns:1.25fr .75fr;gap:60px;align-items:end;padding:110px clamp(22px,8vw,130px);color:#fff;background:var(--deep)}.contact h2{max-width:820px;color:#fff}.contact-main>p:not(.eyebrow){max-width:700px;color:rgba(255,255,255,.68);font-size:18px}.contact-actions{margin-top:30px}.contact address{display:grid;gap:8px;padding:28px 0 8px 36px;border-left:1px solid rgba(255,255,255,.2);font-style:normal;color:rgba(255,255,255,.72)}.contact address strong{color:#fff;font-size:20px}.contact address a:hover{color:var(--mint)}footer{display:grid;grid-template-columns:1fr auto;gap:28px 60px;align-items:start;padding:45px clamp(22px,5vw,80px);color:rgba(255,255,255,.62);background:#071f28;font-size:13px}.footer-brand{display:grid;gap:3px}.footer-brand strong{color:#fff;font-size:20px;letter-spacing:.04em}.footer-brand strong span{color:var(--sand)}.footer-links{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:14px 23px}.footer-links a:hover{color:#fff}.legal{position:relative}.legal summary{cursor:pointer}.legal p{position:absolute;z-index:5;right:0;top:22px;width:min(420px,80vw);margin:0;padding:18px;border:1px solid rgba(255,255,255,.15);border-radius:10px;background:var(--deep);color:rgba(255,255,255,.74)}.footer-note{grid-column:1/-1;margin:0;padding-top:22px;border-top:1px solid rgba(255,255,255,.1)}.floating-whatsapp{position:fixed;z-index:40;right:20px;bottom:20px;width:54px;height:54px;display:grid;place-items:center;border-radius:50%;color:var(--deep);background:var(--mint);box-shadow:0 12px 30px rgba(0,0,0,.25);font-size:12px;font-weight:950}
.routes-section{background:linear-gradient(180deg,var(--cream),#eef4f1)}
.routes-grid{max-width:1180px;margin:auto;display:grid;gap:34px}
.route-card{display:grid;grid-template-columns:minmax(320px,.82fr) minmax(480px,1.18fr);overflow:hidden;border:1px solid rgba(23,57,70,.1);border-radius:28px;background:#fff;box-shadow:var(--shadow)}
.route-copy{display:flex;flex-direction:column;padding:clamp(32px,4vw,54px)}
.route-kicker{margin:0 0 8px;color:var(--mint);font-size:12px;font-weight:850;letter-spacing:.14em;text-transform:uppercase}
.route-copy h3{margin:0;color:var(--ink);font:500 clamp(30px,3.3vw,46px)/1.08 Georgia,"Times New Roman",serif;letter-spacing:-.02em}
.route-description{margin:22px 0 28px;color:#63747a;font-size:16px}
.route-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin:0 0 30px;padding:0;list-style:none}
.route-facts li{padding:13px 14px;border-radius:13px;background:var(--sand-light)}
.route-facts span{display:block;color:#748287;font-size:11px;font-weight:750;letter-spacing:.08em;text-transform:uppercase}
.route-facts strong{display:block;margin-top:2px;color:var(--ink);font-size:16px}
.route-button{align-self:flex-start;margin-top:auto}
.route-map{min-height:470px;background:#dce5df}
.route-map iframe{display:block;width:100%;height:100%;min-height:470px;border:0}
.routes-message{grid-column:1/-1;margin:0;text-align:center;color:#6c7a7f}
@media(max-width:980px){.menu-toggle{display:block}.main-nav{position:absolute;inset:82px 0 auto;display:none;padding:18px 24px 26px;background:rgba(7,31,40,.98);box-shadow:0 15px 30px rgba(0,0,0,.18)}.main-nav.is-open{display:grid}.main-nav a{padding:9px 0}.package-grid{grid-template-columns:1fr;max-width:620px}.package-image-wrap{height:300px}.step-grid,.spot-grid{grid-template-columns:1fr}.extras{grid-template-columns:1fr}.extras-copy{margin:auto}.extras-visual{min-height:420px}.about{grid-template-columns:1fr 1.4fr 1fr}.about-photo-two{transform:none}.contact{grid-template-columns:1fr;align-items:start}.contact address{padding-left:0;padding-top:25px;border-left:0;border-top:1px solid rgba(255,255,255,.2)}}
@media(max-width:620px){html{scroll-padding-top:70px}.site-header{min-height:70px;padding:10px 16px;gap:10px}.main-nav{top:70px}.brand-name{font-size:15px}.brand-mark{width:36px;height:36px}.nav-cta{padding:9px 11px;font-size:11px}.menu-toggle{width:38px;height:38px;order:3}.hero{min-height:92vh;padding:115px 22px 80px;background-position:55% center}.hero-shade{background:linear-gradient(90deg,rgba(7,32,41,.94),rgba(7,32,41,.57))}.hero h1{font-size:clamp(48px,15vw,68px)}.hero-actions .button,.extras-actions .button,.romantic .button,.contact-actions .button{width:100%}.hero-notes{gap:9px 18px}.section{padding:78px 18px}.package-image-wrap{height:220px}.step-grid article{padding:32px 26px}.extras{gap:45px}.extras-visual{min-height:360px}.about{grid-template-columns:1fr 1fr}.about-copy{grid-column:1/-1;grid-row:1}.about-photo{border-radius:100px 100px 15px 15px}.about-photo img{aspect-ratio:.85}.romantic{flex-direction:column;align-items:flex-start}.contact{padding:78px 20px}footer{grid-template-columns:1fr}.footer-links{justify-content:flex-start}.legal p{left:0;right:auto}.floating-whatsapp{right:12px;bottom:12px}}
@media(max-width:980px){.route-card{grid-template-columns:1fr}.route-map,.route-map iframe{min-height:390px}}\n@media(max-width:620px){.route-copy{padding:30px 24px}.route-facts{grid-template-columns:1fr 1fr}.route-map,.route-map iframe{min-height:360px}.route-button{width:100%}}\n@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* Markenbilder */
.brand-logo{width:48px;height:48px;flex:0 0 auto;border-radius:12px;background:#fff;object-fit:cover;box-shadow:0 5px 16px rgba(0,0,0,.2)}
.brand-visual{padding:64px clamp(22px,7vw,110px);background:var(--cream)}
.brand-visual-inner{max-width:1180px;aspect-ratio:3.1/1;margin:auto;overflow:hidden;border-radius:28px;/* background:#414141; */box-shadow:var(--shadow)}
.brand-visual img{width:100%;height:100%;object-fit:cover}
.footer-brand{display:flex;align-items:center;gap:14px}
.footer-brand-logo{width:54px;height:54px;flex:0 0 auto;border-radius:12px;background:#fff;object-fit:cover}
.footer-brand-copy{display:grid;gap:3px}
@media(max-width:620px){.brand-logo{width:38px;height:38px;border-radius:9px}.brand-visual{padding:42px 18px}.brand-visual-inner{aspect-ratio:2/1;border-radius:18px}.footer-brand-logo{width:48px;height:48px}}

/* Teamfotos */
.team-together{position:relative;grid-column:1/-1;margin:48px 0 0;overflow:hidden;border-radius:32px;box-shadow:var(--shadow)}
.team-together img{width:100%;aspect-ratio:16/9;object-fit:cover;object-position:center 56%}
.team-together figcaption{position:absolute;right:20px;bottom:20px;padding:12px 17px;border:1px solid rgba(255,255,255,.22);border-radius:999px;background:rgba(13,43,54,.84);color:#fff;font-size:13px;font-weight:800;backdrop-filter:blur(10px)}
@media(max-width:620px){.team-together{margin-top:28px;border-radius:20px}.team-together img{aspect-ratio:4/3}.team-together figcaption{right:10px;bottom:10px;padding:9px 12px;font-size:11px}}