/* The service pages share the coast palette without changing CMS form controls or AJAX handlers. */
.pk-service {--ink:#153a3c;--sand:#f4f1e9;--red:#ae322c;color:var(--ink);background:var(--sand);font-family:Inter,system-ui,sans-serif}
main .pk-cover,main .pk-ledger,main .pk-end{width:min(1280px,100%);margin:0 auto;padding:clamp(28px,5vw,76px) clamp(20px,5vw,76px);box-sizing:border-box}
main .pk-cover{display:grid;grid-template-columns:1.08fr 1fr;align-items:center;gap:clamp(24px,6vw,90px)}
.pk-copy{min-width:0}
.pk-service :is(.pk-copy,.pk-ledger,.pk-end) .pk-label{display:flex;align-items:center;gap:.8em;color:#80503b;letter-spacing:.15em;text-transform:uppercase;font-size:11px;font-weight:750;margin:0 0 20px}
.pk-label:before{content:"";width:28px;height:2px;background:#bc4940}
main .pk-service h1{color:#153a3c;font:650 clamp(45px,5.3vw,82px)/.98 Inter,system-ui,sans-serif;letter-spacing:-.065em;margin:0;text-wrap:balance}
main .pk-service h1 em{font-family:Fraunces,Georgia,serif;font-weight:500;letter-spacing:-.06em;color:#325c55}
.pk-copy>p:not(.pk-label),.pk-end p:not(.pk-label){max-width:49ch;font-size:clamp(16px,1.3vw,19px);line-height:1.59;margin:22px 0;color:#405756}
.pk-actions{display:flex;align-items:center;gap:10px 22px;flex-wrap:wrap}
main .pk-primary,main .pk-secondary{font:650 15px/1.35 Inter,system-ui,sans-serif;display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:46px}
main .pk-primary{background:#a8332d;color:#fff;border-radius:8px;padding:12px 18px;text-decoration:none}
main .pk-secondary{color:#234e4c;text-underline-offset:.28em;text-decoration:underline}
.pk-service a:focus-visible{outline:3px solid #137071;outline-offset:4px}.pk-primary:hover{filter:brightness(.92)}
.pk-cover figure{margin:0;position:relative;min-width:0;background:#dee4d9;border-radius:2px 40px 2px 2px;overflow:hidden}
.pk-cover figure img{width:100%;height:clamp(260px,30vw,420px);object-fit:cover;display:block}.pk-owner .pk-cover img{object-position:center 38%}
.pk-cover figcaption{background:#173b3b;color:white;padding:12px 16px;font:650 12px/1.5 Inter,system-ui,sans-serif;display:flex;justify-content:space-between;gap:14px}.pk-cover figcaption span{font-weight:400}
main .pk-ledger{display:grid;grid-template-columns:.85fr 1.2fr;gap:clamp(22px,5vw,76px);background:white}
.pk-service h2{color:#153a3c;font:650 clamp(26px,3vw,44px)/1.12 Inter,system-ui,sans-serif;letter-spacing:-.047em;margin:0}
.pk-ledger dl{margin:0}.pk-ledger dl div{border-top:1px solid #b5c4bd;padding:18px 0}.pk-ledger dt{font-size:21px;font-weight:650;display:flex;align-items:center;gap:16px}.pk-ledger dt small{font-size:11px;color:#a1322b}.pk-ledger dd{margin:8px 0 0 30px;color:#485c59;line-height:1.65}
main .pk-end{display:flex;justify-content:space-between;align-items:center;gap:24px}.pk-end>a{flex-shrink:0}
body[data-page="service-kontakt"] main{background:#f6f4ee}body[data-page="service-kontakt"] main section#kontaktformular{padding-top:clamp(28px,4vw,56px)!important;scroll-margin-top:90px}
body[data-page="service-kontakt"] .inquiry-aside{background:#e2ebe4}
body:is([data-page="anreise"],[data-page="ueber-uns"],[data-page="listenseiten-angebote"]) main>section:first-of-type{position:relative;isolation:isolate;overflow:hidden;background:#193e40;width:100%;max-width:none;margin:0;padding:clamp(44px,6vw,90px) max(6vw,calc((100% - 1190px)/2))!important}
body:is([data-page="anreise"],[data-page="ueber-uns"],[data-page="listenseiten-angebote"]) main>section:first-of-type:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(85deg,#123335f5 4%,#143639c9 45%,#16393826 85%),var(--service-scene,url('../images/duenenweg-startseite.webp')) center 58%/cover}
body[data-page="anreise"]{--service-scene:url('../images/cuxhaven-city-marina.jpg')}body[data-page="ueber-uns"]{--service-scene:url('../images/wattenmeer.jpg')}body[data-page="listenseiten-buchungsluecken"]{--service-scene:url('../images/ort-grimmershoern.jpg')}
body:is([data-page="anreise"],[data-page="ueber-uns"],[data-page="listenseiten-angebote"]) main>section:first-of-type :is(h1,p,span,a){color:#fff}
body:is([data-page="anreise"],[data-page="ueber-uns"],[data-page="listenseiten-angebote"]) main>section:first-of-type h1{font-size:clamp(36px,5vw,74px);line-height:1.02;letter-spacing:-.055em;max-width:18ch}
body:is([data-page="anreise"],[data-page="ueber-uns"],[data-page="listenseiten-angebote"]) main>section:first-of-type p{max-width:52ch}
body:is([data-page^="service-"],[data-page="gutscheine"],[data-page="bewertung"],[data-page="merkerliste"]) main:has(.container-x){background-color:#f7f5ef}
body:is([data-page="service-agb"],[data-page="service-datenschutzerklaerung"],[data-page="service-impressum"],[data-page="service-urheberrecht-und-haftung"]) main>section:first-of-type{background:#e4ebe3;border-bottom:1px solid #bccbc2}
body:is([data-page="service-agb"],[data-page="service-datenschutzerklaerung"],[data-page="service-impressum"],[data-page="service-urheberrecht-und-haftung"],[data-page="service-reiseruecktrittsversicherung"],[data-page="gutscheine"],[data-page="bewertung"],[data-page="merkerliste"],[data-page="service-eigentuemerlogin"]) main h1{font-family:Fraunces,Georgia,serif;color:#193f41;letter-spacing:-.04em;line-height:1.08;overflow-wrap:break-word}
@media(max-width:740px){main .pk-cover,main .pk-ledger{grid-template-columns:1fr;gap:24px}.pk-cover figure img{height:clamp(165px,47vw,300px)}.pk-cover figure{border-top-right-radius:26px}.pk-actions{gap:4px 18px}main .pk-end{display:block}.pk-end>a{margin-top:8px}.pk-ledger dl div:last-child{padding-bottom:0}}
main .pk-faq{padding:clamp(32px,6vw,90px) max(6vw,calc((100vw - 1110px)/2));display:grid;grid-template-columns:.8fr 1.15fr;gap:clamp(26px,6vw,85px)}
main .pk-faq h1{font-size:clamp(39px,5vw,70px);max-width:10ch}.pk-faq header>p:last-child{max-width:32ch;margin-top:20px;color:#465d5b}
.pk-faq .pk-label{color:#8e3830;font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
main .pk-faq>section{padding:0!important}.pk-faq details{border-top:1px solid #aec1b8}.pk-faq details:last-of-type{border-bottom:1px solid #aec1b8}.pk-faq summary{padding:18px 0;font-weight:650;font-size:clamp(17px,1.5vw,21px);cursor:pointer}
.pk-faq details>div{line-height:1.65;padding:0 0 20px}.pk-faq a{text-decoration:underline;color:#245b56}.pk-faq section>p{margin-top:24px}
@media(max-width:740px){main .pk-faq{grid-template-columns:1fr}}