/* Peters Küstenführer – paper, tide green and the red of the Peters mark. */
.strandbuch{--ink:#183b3d;--red:#a23d32;--line:#bdc8bd;--paper:#f9f7f0;color:var(--ink);background:var(--paper);font-family:Inter,Arial,sans-serif;line-height:1.55}
.strandbuch *{box-sizing:border-box}.sb-wrap{width:min(1180px,90%);margin-inline:auto}.strandbuch :is(h1,h2,h3,p,figure){margin:0}.strandbuch :is(h1,h2,h3){color:var(--ink);font-family:Inter,Arial,sans-serif;font-weight:650;letter-spacing:-.055em;line-height:1.04;overflow-wrap:break-word}.strandbuch h1{font-size:clamp(48px,6.6vw,96px)}.strandbuch h2{font-size:clamp(37px,4.25vw,66px)}.strandbuch :is(h1,h2) em{color:inherit;font-family:Fraunces,Georgia,serif;font-style:italic;font-weight:500;letter-spacing:-.055em}.strandbuch a{color:inherit;text-decoration:none}.strandbuch :is(a,summary):focus-visible{outline:3px solid #b84739;outline-offset:3px}.strandbuch :is(section,nav,div)[id]{scroll-margin-top:88px}.strandbuch .sb-label,.sb-register,.sb-crumb,.sb-ort small,.sb-log small,.sb-directory small{font:700 11px/1.4 Inter,Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase}
.sb-label{display:flex;gap:12px;align-items:center;color:var(--red)}.sb-label i{width:30px;height:1px;background:currentColor}.sb-register{display:flex;justify-content:space-between;align-items:center;padding:16px 0;border-bottom:1px solid var(--line);gap:12px}.sb-register i{font-style:normal;color:var(--red);margin:0 7px}.sb-register>div{display:flex;gap:22px}.sb-register a{display:inline-flex;gap:6px;padding:8px 0}.sb-register small,.sb-directory small{color:var(--red)}.sb-register a:hover,.sb-more a:hover,.sb-local nav a:hover,.sb-directory a:hover{color:var(--red)}
main .strandbuch .sb-chapter,main .strandbuch .sb-stock,main .strandbuch .sb-local{padding-block:clamp(40px,5.5vw,84px)}.sb-intro{display:flex;align-items:end;justify-content:space-between;gap:28px;margin:14px 0 30px}.sb-intro>p{max-width:33em;font-size:15px;color:#495d59}.sb-orte{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:clamp(10px,1.6vw,24px)}.sb-ort{position:relative;display:flex;align-items:end;isolation:isolate;overflow:hidden;background:#184346;min-height:clamp(255px,26vw,360px);border-radius:3px}.sb-ort::after{position:absolute;content:"";inset:0;background:linear-gradient(0deg,rgba(8,31,33,.92),rgba(8,31,33,.12) 59%,transparent 88%);z-index:-1}.sb-ort img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform .4s}.sb-ort:hover img{transform:scale(1.035)}.sb-ort>div{width:100%;position:relative;padding:clamp(14px,1.8vw,28px);color:white}.sb-ort small{color:#fff;font-size:10px}.strandbuch .sb-ort h3{color:#fff;font-size:clamp(29px,3vw,47px);margin:5px 26px 0 0;font-family:Fraunces,Georgia,serif;font-weight:500}.sb-ort span{position:absolute;right:18px;bottom:24px;font-size:24px}.sb-more{margin-top:16px;border-bottom:1px solid var(--line)}.sb-more summary{cursor:pointer;min-height:48px;display:flex;align-items:center;justify-content:space-between;font-weight:650}.sb-more summary::-webkit-details-marker{display:none}.sb-more summary span{font-size:23px}.sb-more[open] summary span{transform:rotate(45deg)}.sb-more nav,.sb-wishes{display:flex;flex-wrap:wrap;gap:3px 20px;padding-bottom:16px}.sb-more a,.sb-wishes a{display:inline-flex;align-items:center;min-height:42px;text-decoration:underline;text-underline-offset:4px}
.sb-stock{background:#e4ebe3}.strandbuch .sb-link{display:inline-flex;gap:16px;align-items:center;min-height:44px;border-bottom:1px solid currentColor;font-size:15px;font-weight:650}.sb-link:hover{color:var(--red)}.sb-listings{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(230px,100%),1fr));gap:clamp(14px,2vw,28px)}.sb-flat{display:flex;flex-direction:column;min-width:0;border-top:1px solid #91a89a;padding-top:9px}.sb-flat>img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:2px;background:#becaba}.sb-flat>div{padding:16px 0 0;display:flex;flex-direction:column;flex:1;align-items:start;gap:10px}.strandbuch .sb-flat h3{font:600 clamp(17px,1.55vw,24px)/1.24 Inter,Arial,sans-serif;letter-spacing:-.035em}.sb-flat:hover h3{text-decoration:underline;text-underline-offset:4px}.sb-facts{display:flex;flex-wrap:wrap;gap:5px 12px;color:#435951;font-size:13px}.sb-flat b{margin-top:auto;font-size:13px;padding-block:8px}.sb-flat b span{color:var(--red);margin-left:8px}.sb-wishes{border-top:1px solid #9bad9f;margin-top:34px;align-items:center;padding:12px 0 0;font-size:14px}.sb-wishes b{margin-right:auto}
.sb-local,.sb-portrait,.sb-cover,.sb-log{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,7vw,110px);align-items:center}.sb-local figure,.sb-portrait figure{align-self:center}.sb-local figure img,.sb-portrait figure img{width:100%;height:auto;aspect-ratio:1.22;object-fit:cover;object-position:center 36%;background:#e3e9df}.sb-local figcaption,.sb-portrait figcaption,.sb-map p{font:600 12px/1.5 Inter,Arial,sans-serif;border-bottom:1px solid var(--line);padding:10px 0}.sb-local figcaption span{float:right;font-weight:400}.sb-local h2,.sb-cover h1,.sb-portrait h1,.sb-log h2,.sb-directory h2,.sb-offers h2{margin:12px 0 18px}.sb-local h2 em,.sb-cover h1 em,.sb-portrait h1 em{display:block}.sb-local .sb-link,.sb-cover .sb-link,.sb-portrait .sb-link{margin:12px 0}.sb-local nav{border-top:1px solid var(--line);margin-top:18px}.sb-local nav a,.sb-directory>a{display:flex;align-items:center;justify-content:space-between;gap:13px;padding:12px 0;border-bottom:1px solid var(--line)}.sb-local nav a span,.sb-directory>a span{color:var(--red)}
.sb-inner{padding:0 0 clamp(40px,6vw,90px)}.sb-crumb{padding:24px 0;border-bottom:1px solid var(--line);color:#546561}.sb-crumb a{text-decoration:underline;text-underline-offset:3px}.sb-cover,.sb-portrait{padding:clamp(32px,4vw,64px) 0}.sb-cover>img{width:100%;height:auto;aspect-ratio:1.65;object-fit:cover}.sb-inner address{border-top:1px solid var(--line);padding:16px 0;margin:22px 0 0;font-style:normal}.sb-inner address a{text-decoration:underline;text-underline-offset:4px}.sb-directory,.sb-offers,.sb-log{padding:clamp(30px,4vw,60px) 0;border-top:1px solid var(--line)}.sb-directory>a{font-size:clamp(17px,2.1vw,30px);min-height:62px}.sb-directory>a strong{flex:1;font-weight:550}.sb-log{align-items:start}.sb-log article+article{border-top:1px solid var(--line);margin-top:22px;padding-top:20px}.sb-log small{color:var(--red)}.sb-log h3{margin:6px 0 10px;font-size:26px}.sb-map iframe{border:0;width:100%;height:230px}.sb-offers .fewo-angebote{margin-top:28px}
footer.sb-footer{background:#143234!important;color:#e9eee6;border-top:5px solid #b5493d}footer.sb-footer :is(p,h4,li,a,span,svg){color:#e2e9e1}footer.sb-footer h4{color:#e2b8a2;letter-spacing:.12em}footer.sb-footer .footer-seo-links{background:#173739;border-color:#52706b}footer.sb-footer .footer-seo-links a{background:transparent;color:#edf2e9;border-color:#708b83}footer.sb-footer a:hover{color:white;text-decoration:underline;text-underline-offset:3px}footer.sb-footer img{background:#fff;border-radius:5px;padding:4px}footer.sb-footer .border-t{border-color:#526a63}
@media(max-width:800px){.sb-intro{display:grid;gap:14px}.sb-intro>.sb-link{justify-self:start}.sb-listings{grid-template-columns:repeat(2,minmax(0,1fr))}.sb-orte{grid-template-columns:1fr 1fr}.sb-ort:first-child{grid-column:1/-1;min-height:235px}.sb-ort{min-height:180px}.sb-local,.sb-cover,.sb-portrait,.sb-log{gap:24px}.sb-wishes b{flex-basis:100%}}
@media(max-width:600px){.sb-wrap{width:90%}.sb-register{align-items:start;flex-direction:column;gap:1px;padding:12px 0 4px}.sb-register>div{width:100%;justify-content:space-between;gap:7px}.sb-register a{padding:12px 0}.sb-intro{margin-bottom:20px}.sb-ort:first-child{min-height:200px}.sb-ort{min-height:152px}.sb-ort small{letter-spacing:.035em;font-size:9px}.sb-ort span{right:9px;bottom:14px;font-size:18px}.sb-ort>div{padding:13px 10px}.sb-ort h3{margin-right:14px!important;font-size:26px!important}.sb-flat>div{padding-top:10px}.sb-listings{gap:22px 12px}.strandbuch .sb-flat h3{font-size:16px}.sb-facts{gap:2px 7px;font-size:12px}.sb-local,.sb-cover,.sb-log,.sb-portrait{grid-template-columns:1fr}.sb-local figure img,.sb-portrait figure img{max-height:310px}.sb-portrait>div{grid-row:1}.sb-directory small{font-size:10px}.sb-crumb{padding:17px 0}}
@media(max-width:365px){.sb-listings{grid-template-columns:1fr}.sb-orte{gap:8px}.sb-ort small{font-size:8px}}
@media(prefers-reduced-motion:reduce){.sb-ort img{transition:none}.sb-ort:hover img{transform:none}}
.sb-outings{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 34px}.sb-outings article{padding-block:20px;border-top:1px solid var(--line);display:grid;grid-template-columns:32% 1fr;gap:18px;align-items:center}.sb-outings img{width:100%;height:110px;object-fit:cover}.sb-outings small{font-size:10px;letter-spacing:.12em;text-transform:uppercase;font-weight:700;color:var(--red)}.sb-outings h3{font-size:clamp(21px,2vw,30px);margin:5px 0}.sb-outings p{font-size:14px}
body[data-page="listenseiten-buchungsluecken"] #freie-zeitraeume{background:#e5ece4;scroll-margin-top:70px}#freie-zeitraeume .fewo-filter{border-radius:3px;border-top:4px solid #ac4b3e;box-shadow:none}
body:is([data-page="bewertung"],[data-page="service-eigentuemerlogin"]) main section.container-x>div:first-child{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.05fr);gap:16px clamp(30px,6vw,88px);max-width:1040px;align-items:start}
body:is([data-page="bewertung"],[data-page="service-eigentuemerlogin"]) main section.container-x>div:first-child>div:first-child{text-align:left;grid-column:1;grid-row:1/span 3;border-top:2px solid #af4c40;padding-top:19px}
body:is([data-page="bewertung"],[data-page="service-eigentuemerlogin"]) main section.container-x>div:first-child>div:not(:first-child){grid-column:2;margin:0;border-radius:4px;box-shadow:none}
body:is([data-page="gutscheine"],[data-page="bewertung"],[data-page="service-eigentuemerlogin"]) main h1{font-size:clamp(37px,4.8vw,70px)}
body[data-page="gutscheine"] main section:first-child .bg-coral-600{background:linear-gradient(90deg,#193b3aeb,#183b3bb8),url('../images/kuestenbuch/watt.webp') center/cover;border-radius:3px;box-shadow:none;border-left:7px solid #bc6050}
body[data-page="gutscheine"] main section:has(#gForm)>div{background:#e5ece3;border-top:3px solid #a9493d;border-radius:3px;box-shadow:none;max-width:900px;margin:auto}
body:is([data-page="service-agb"],[data-page="service-datenschutzerklaerung"],[data-page="service-impressum"],[data-page="service-urheberrecht-und-haftung"]) .prose-fewo{background:#fffdf7;border-left:3px solid #a74b41;padding:clamp(16px,4vw,52px);max-width:80ch;margin:auto}
body:is([data-page="service-eigentuemerlogin"],[data-page="bewertung"],[data-page="gutscheine"]) main :is(button:not(.hidden),input:not([type="checkbox"]):not([type="radio"]),select){min-height:44px}
@media(max-width:700px){.sb-outings{grid-template-columns:1fr}.sb-outings img{height:90px}body:is([data-page="bewertung"],[data-page="service-eigentuemerlogin"]) main section.container-x>div:first-child{display:block}body:is([data-page="bewertung"],[data-page="service-eigentuemerlogin"]) main section.container-x>div:first-child>div:not(:first-child){margin-top:18px}}