.is-home #hdr:not(.solid) {
    background: linear-gradient(180deg,rgba(9,28,38,.53),transparent);
    color:white;
}
.is-home #hdr:not(.solid) > .container-x {height:72px}
.coast-home {
    position:relative;
    z-index:20;
    padding:0 !important;
    background:#faf9f5;
    color:#19383e;
}
.coast-panorama {
    position:relative;
    isolation:isolate;
    background:#344e57;
}
.coast-photo, .coast-panorama::after {
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    z-index:-1;
}
.coast-photo {object-fit:cover;object-position:center 58%}
.coast-panorama::after {
    content:"";
    background:linear-gradient(90deg,rgba(11,34,45,.72),rgba(11,34,45,.28) 53%,transparent 81%),linear-gradient(0deg,rgba(11,34,45,.34),transparent 42%);
}
.coast-inner {display:flex;flex-direction:column;justify-content:flex-end;min-height:clamp(600px,83svh,810px);padding-top:116px;padding-bottom:33px}
.coast-copy {margin:auto 0; padding:30px 0 42px;color:white}
.coast-byline {display:flex;align-items:center;gap:12px;margin:0 0 18px;color:#fff;font:650 12px/1.4 Inter,sans-serif;letter-spacing:.15em;text-transform:uppercase}
.coast-byline::before {content:"";width:30px;height:2px;background:#f4a492}
.coast-copy h1 {margin:0;color:#fff;font:500 clamp(28px,3vw,49px)/1.1 Inter,Arial,sans-serif;letter-spacing:-.045em}
.coast-copy h1 strong {display:block;margin:0 0 0 -.055em;color:#fff;font:750 clamp(86px,9.9vw,162px)/1.02 Inter,Arial,sans-serif;letter-spacing:-.079em}
.coast-places {display:flex;align-items:center;gap:0;margin-top:22px;flex-wrap:wrap}
.coast-places a {display:inline-flex;align-items:center;color:white;font-size:16px;font-weight:500;padding:5px 0}
.coast-places a + a::before {content:"";margin:0 15px;width:3px;height:3px;border-radius:50%;background:#f4c2a2}
.coast-places a:hover {text-decoration:underline;text-underline-offset:4px}
.coast-finder {position:relative;background:#fff;border-radius:18px;padding:19px 22px 21px;box-shadow:0 8px 38px #10273433}
.coast-find-head {display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:13px}
.coast-find-head h2 {margin:0;color:#17343a;font:700 22px/1.15 Inter,sans-serif;letter-spacing:-.045em}
.coast-find-head a {display:inline-flex;align-items:center;gap:7px;color:#365359;font-size:13px;font-weight:600}
.coast-find-head a:hover {text-decoration:underline}
.coast-fields {display:grid;grid-template-columns:minmax(180px,1.4fr) minmax(0,5fr);gap:9px;align-items:center}
.coast-finder.hero-search .objektsuche {margin:0 !important;grid-template-columns:repeat(4,minmax(0,1fr)) minmax(145px,1.2fr);gap:8px}
.coast-finder.hero-search input,.coast-finder.hero-search select,.coast-finder.hero-search .exact-query input {height:50px;border-radius:10px;background:#f6f7f5;color:#233b40}
.coast-finder.hero-search #searchbtn {height:50px;border-radius:10px !important;background:#ba302a !important;color:white !important;text-transform:none;font-weight:700}
.coast-finder.hero-search #searchbtn:hover {background:#982620 !important}
.coast-feature {display:flex;align-items:center;gap:20px;min-height:92px;border-bottom:1px solid #dddfd9}
.coast-feature-link {min-width:0;flex:1;display:flex;align-items:center;gap:20px;color:inherit}
.coast-feature-label {display:inline-flex;align-items:center;flex:none;gap:8px;font:700 11px/1.4 Inter,sans-serif;text-transform:uppercase;letter-spacing:.1em;color:#765348}
.coast-feature-label::before {content:"";height:7px;width:7px;border-radius:50%;background:#bc5141}
.coast-feature strong {font:650 clamp(16px,1.5vw,23px)/1.25 Inter,sans-serif;letter-spacing:-.035em}
.coast-feature-detail {margin-left:auto;font-size:14px;color:#50626a}
.coast-next {display:grid;place-items:center;flex:none;width:42px;height:42px;border:1px solid #becac6;border-radius:50%;color:#2d4e54;font-size:20px}
.coast-next[hidden],.coast-feature-detail:empty {display:none}
.coast-next:hover {background:#e8edeb}
.coast-home :focus-visible {outline:3px solid #db594a;outline-offset:3px}
@media(max-width:1050px) {
    .coast-fields {display:block}
    .coast-finder.hero-search .objektsuche {margin-top:8px !important}
    .coast-finder.hero-search .objektsuche>*:last-child {grid-column:auto}
    .coast-feature-link {flex-wrap:wrap;gap:6px 16px}
}
@media(max-width:680px) {
    .coast-inner {min-height:0;padding-top:98px;padding-bottom:16px}
    .coast-panorama::after {background:linear-gradient(90deg,#0e293bbf,transparent 100%),linear-gradient(0deg,#14303a66,transparent 60%)}
    .coast-photo {object-position:64% center}
    .coast-copy {padding:16px 0 38px}
    .coast-byline {font-size:10px;margin-bottom:16px}
    .coast-copy h1 {font-size:28px}
    .coast-copy h1 strong {font-size:clamp(63px,16vw,95px)}
    .coast-places {margin-top:12px}
    .coast-places a {font-size:14px}
    .coast-finder {border-radius:15px;padding:16px}
    .coast-find-head {align-items:start}
    .coast-find-head h2 {font-size:19px;flex:none}
    .coast-find-head a {font-size:11px;line-height:1.25;text-align:right;max-width:115px}
    .coast-find-head a .ico {flex:none}
    .coast-finder.hero-search .objektsuche {grid-template-columns:repeat(2,minmax(0,1fr))}
    .coast-finder.hero-search #searchbtn {grid-column:1/-1}
    .coast-feature {min-height:94px;gap:8px}
    .coast-feature-link {display:grid;gap:3px;padding:13px 0}
    .coast-feature strong {font-size:16px}
    .coast-feature-detail {margin:0;font-size:12px}
    .coast-finder.hero-search input,.coast-finder.hero-search select,.coast-finder.hero-search .exact-query input,.coast-finder.hero-search #searchbtn {height:44px}
}
@media(max-width:350px) {
    .coast-copy h1 strong {font-size:54px;margin-left:0}
    .coast-find-head {flex-wrap:wrap;gap:4px}
    .coast-find-head a {max-width:none;text-align:left}
}

.coast-search-local {display:grid;min-width:0}
.coast-search-local > * {min-width:0;width:100%}
.coast-search-local input,.coast-search-local select {width:100%;border:1px solid #d8dddb;padding:0 13px;font:500 14px/1.3 Inter,Arial,sans-serif}
.coast-search-local .coast-date {position:relative;display:flex;align-items:center;margin:0}
.coast-date span {position:absolute;left:14px;color:#56656a;font-size:14px;pointer-events:none;z-index:1}
.coast-date:focus-within span,.coast-date:has(input[data-filled]) span {display:none}
.coast-date:not(:focus-within) input:not([data-filled]) {color:transparent}
.coast-date:not(:focus-within) input:not([data-filled])::-webkit-datetime-edit {opacity:0}
.coast-search-local #coast-availability {min-height:50px;padding:0 12px;border-radius:10px;background:#ba302a;color:#fff;font:700 14px/1.25 Inter,Arial,sans-serif}
.coast-search-local #coast-availability:hover {background:#982620}
@media(max-width:680px){.coast-search-local #coast-availability {grid-column:1/-1;min-height:44px}}