/*
Theme Name: Sonnendeck Coming Soon
Description: Sonnendeck Dorum-Neufeld – Willkommensseite 2027 mit statischem Motiv und aufklappbarem Kontaktbereich.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: sonnendeck-coming-soon
*/

@font-face{font-family:'Strawberry Jellybean';src:url('assets/strawberry-jellybean.otf') format('opentype');font-display:swap}
@font-face{font-family:'Lance Sans';src:url('assets/lance-sans.otf') format('opentype');font-display:swap}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#123c52}body{color:#fff8e9;-webkit-font-smoothing:antialiased}.splash{min-height:100svh;position:relative;isolation:isolate;display:flex;align-items:center;justify-content:center;padding:36px 24px;overflow:hidden;text-align:center}.backdrop{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 47%;z-index:-3}.splash::before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,35,53,.42),rgba(7,35,53,.56) 50%,rgba(7,35,53,.42));z-index:-2}.splash::after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 50% 45%,rgba(7,35,53,.54),transparent 68%);z-index:-1}.content{width:100%;max-width:650px}.logo{width:clamp(150px,21vh,210px);height:auto;display:block;margin:0 auto 26px}h1{font-family:'Lance Sans',sans-serif;font-size:clamp(66px,9vw,116px);font-weight:700;line-height:.95;letter-spacing:1px;margin:0;text-transform:uppercase;text-shadow:0 3px 24px #082a3c25}h1 span{display:block}h1 span:first-child{color:#f0c878}h1 span:last-child{color:#f0825a}p{font-family:'Lance Sans',Arial,sans-serif;font-size:clamp(13px,1.25vw,17px);letter-spacing:.8px;line-height:1.7;margin:32px 0 0}.wave{width:52px;height:14px;display:block;margin:25px auto 0;color:#70b5af}@media(max-width:600px){.splash{padding:32px 22px}.logo{width:160px;margin-bottom:26px}h1{font-size:clamp(64px,18vw,88px)}p{font-size:13px;letter-spacing:.4px;margin-top:27px}.backdrop{object-position:48% center}}@media(max-height:660px) and (min-width:601px){.logo{width:125px;margin-bottom:25px}h1{font-size:75px}p{margin-top:22px}.wave{margin-top:15px}}

.slogan{font-family:'Strawberry Jellybean',sans-serif;font-size:clamp(32px,3.7vw,51px);font-weight:400;line-height:1.12;letter-spacing:.3px;margin:24px 0 0;text-transform:uppercase;text-shadow:0 2px 18px #06253655}
.slogan span{display:block;color:#f0c878}.slogan span:last-child{color:#70b5af}
.notice{margin-top:24px;font-size:clamp(11px,1vw,14px)}
.wave{margin-top:20px}
@media(max-width:600px){.slogan{font-size:clamp(28px,8vw,43px);margin-top:23px}.notice{font-size:11px;margin-top:24px}.logo{width:150px}}
@media(max-height:700px) and (min-width:601px){.logo{width:125px;margin-bottom:20px}h1{font-size:82px}.slogan{font-size:36px;margin-top:18px}.notice{margin-top:18px}.wave{margin-top:16px}}


.offer{font-family:'Lance Sans',Arial,sans-serif;font-size:clamp(12px,1.5vw,19px);font-weight:400;line-height:1.5;letter-spacing:.65px;color:#f0c878;margin:14px 0 0}
@media(max-width:600px){.offer{font-size:clamp(10px,3vw,14px);letter-spacing:.2px;margin-top:12px}}
@media(max-height:700px) and (min-width:601px){.offer{font-size:14px;margin-top:10px}}
.notice{color:#f0825a}

.contact-trigger{position:absolute;top:24px;right:28px;z-index:5;border:0;border-bottom:1px solid #f0c87870;padding:8px 0;background:transparent;color:#fff8e9;font-family:'Lance Sans',Arial,sans-serif;font-size:11px;letter-spacing:.5px;cursor:pointer}
.contact-trigger:hover{color:#f0c878}.contact-trigger:focus-visible,.contact-close:focus-visible,.contact-bar a:focus-visible{outline:2px solid #f0c878;outline-offset:5px}
.contact-bar{position:fixed;bottom:0;left:0;right:0;z-index:10;display:flex;align-items:center;justify-content:center;gap:38px;padding:24px 70px 24px 28px;background:#103448f5;color:#fff8e9;border-top:1px solid #70b5af80;box-shadow:0 -12px 40px #08253330;transform:translateY(105%);visibility:hidden;transition:transform .4s ease,visibility 0s linear .4s;text-align:left;font-family:Arial,Helvetica,sans-serif;font-size:13px;line-height:1.65}
.contact-bar.is-open{transform:translateY(0);visibility:visible;transition:transform .4s ease,visibility 0s}
.contact-bar h2{font-family:'Lance Sans',Arial,sans-serif;font-size:14px;font-weight:400;color:#f0c878;margin:0}.contact-bar address{font-style:normal}.contact-bar a{color:#f0825a;text-underline-offset:4px;overflow-wrap:anywhere}.contact-close{position:absolute;right:22px;top:50%;transform:translateY(-50%);background:transparent;border:0;color:#fff8e9;font:28px Arial;cursor:pointer;padding:6px 10px;line-height:1}
@media(max-width:700px){.contact-trigger{top:16px;right:20px;font-size:10px}.contact-bar{align-items:flex-start;flex-direction:column;gap:7px;padding:22px 48px 24px 24px;font-size:12px}.contact-close{top:13px;right:12px;transform:none}.contact-bar h2{font-size:13px}}
@media(prefers-reduced-motion:reduce){.contact-bar,.contact-bar.is-open{transition:none}}

.contact-trigger{border-bottom:0;text-decoration:none}
.offer,.notice{font-size:clamp(12px,1.5vw,19px);line-height:1.5;letter-spacing:.65px}
.notice{margin-top:0}
.contact-bar{flex-direction:column;align-items:flex-start;justify-content:center;gap:0;background:#000;border-top:0;padding:24px 70px 24px clamp(24px,5vw,80px)}
.contact-bar h2{margin:0 0 5px}
@media(max-width:600px){.offer,.notice{font-size:clamp(10px,3vw,14px);letter-spacing:.2px}.notice{margin-top:0}}
@media(max-height:700px) and (min-width:601px){.offer,.notice{font-size:14px}.notice{margin-top:0}}

.contact-bar{align-items:center;text-align:center;padding:24px 48px}

.offer-dot{display:inline-block;font-family:Arial,sans-serif;font-size:1.7em;line-height:0;vertical-align:-.18em;margin:0 .12em}

.year-wave{margin-top:20px}.year-wave + .slogan{margin-top:18px}

body.admin-bar .splash{min-height:calc(100svh - 32px)}
@media(max-width:782px){body.admin-bar .splash{min-height:calc(100svh - 46px)}}