/*
Theme Name: Radl-Platzl Coming Soon
Description: Freigegebene Coming-Soon-Seite des Radl-Platzl als Blocksy-Childtheme.
Author: Die Marketing Nerds
Template: blocksy
Version: 1.0.1
Text Domain: radl-platzl
Requires PHP: 7.4
*/
@font-face{font-family:Barlow;src:url('assets/fonts/Barlow-Regular.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Barlow Semi Condensed';src:url('assets/fonts/BarlowSemiCondensed-SemiBold.ttf') format('truetype');font-weight:600;font-style:normal;font-display:swap}
:root{--color-paper:#f7f8f5;--color-ink:#20271f;--color-olive:#889375;--color-muted:#4d5549;--color-grey:#83898c;--font-body:Barlow,Arial,sans-serif;--font-display:'Barlow Semi Condensed',Arial,sans-serif;--space-page:clamp(24px,5vw,72px);--ease:cubic-bezier(.16,1,.3,1);color-scheme:light;scrollbar-color:var(--color-muted) var(--color-paper)}
*{box-sizing:border-box}
body{margin:0;background:var(--color-paper);color:var(--color-ink);font-family:var(--font-body);font-size:18px;line-height:1.5;-webkit-font-smoothing:antialiased}
::selection{background:var(--color-ink);color:var(--color-paper)}
main{min-height:calc(100svh - 76px);display:flex;flex-direction:column}
.opening{flex:1;text-align:center;padding:clamp(28px,4vh,48px) var(--space-page) clamp(36px,5vh,56px);display:flex;flex-direction:column;align-items:center;justify-content:center}
.brand{display:block;width:clamp(240px,25vw,360px);max-width:100%;height:auto;mix-blend-mode:multiply;margin:0 0 20px}
h1{color:var(--color-ink);font-family:var(--font-display);font-weight:600;font-size:clamp(42px,4.5vw,64px);line-height:1.04;letter-spacing:-.025em;text-wrap:balance;margin:0}
p{margin:0}
.offering{font-size:clamp(20px,1.75vw,25px);line-height:1.35;margin-top:24px}
.promise{font-size:18px;line-height:1.5;color:var(--color-muted);margin-top:10px;max-width:65ch}
.contact{background:var(--color-olive);padding:32px var(--space-page) 36px}
.contact-inner{max-width:930px;margin:0 auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px clamp(24px,6.67vw,96px);align-items:start;text-align:center}
.location{font-style:normal;font-size:19px;line-height:1.55}
.contact-title{display:block;font-family:var(--font-display);font-size:24px;font-weight:600;line-height:1.25;margin-bottom:10px}
.reach{display:flex;flex-direction:column;align-items:center}
a{color:var(--color-ink);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px;transition:text-decoration-thickness 180ms var(--ease),text-underline-offset 180ms var(--ease)}
a:visited{color:var(--color-ink)}
a:hover{color:var(--color-ink);text-decoration-thickness:2px;text-underline-offset:7px}
a:focus-visible{outline:2px solid var(--color-ink);outline-offset:6px;text-decoration-thickness:2px}
a:active{opacity:.75}
.email{font-size:22px;display:inline-flex;align-items:center;gap:16px;min-height:36px}
.email svg{flex-shrink:0}
.phone{font-size:20px;margin-top:8px;min-height:32px}
footer{min-height:60px;display:flex;align-items:center;justify-content:center;gap:8px;padding:16px 24px;font-size:14px;color:var(--color-muted);text-align:center}
@media(max-width:680px){.opening{padding-top:30px;padding-bottom:34px}.brand{width:260px;margin-bottom:22px}.offering{margin-top:22px}.promise{font-size:16px}.contact{padding-top:26px;padding-bottom:30px}.contact-inner{grid-template-columns:1fr;gap:26px;max-width:400px}.contact-title{font-size:22px;margin-bottom:8px}.location{font-size:18px}.email{font-size:21px;gap:12px;min-height:44px}.phone{margin-top:0;min-height:44px;display:flex;align-items:center}footer{font-size:13px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}

.legal-nav{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;column-gap:24px;row-gap:4px}
.legal-nav a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;white-space:nowrap}
.legal-page{min-height:100svh;display:flex;flex-direction:column}
.legal-header{width:min(100% - 48px,1100px);margin:0 auto;padding:24px 0;display:flex;justify-content:space-between;align-items:center;gap:24px}
.legal-logo{display:block;width:138px;height:auto}
.brand-home{display:block;flex-shrink:0}
.back-home{display:inline-flex;align-items:center;gap:8px;min-height:44px;font-size:17px}
.legal-main{display:block;min-height:0;flex:1;width:min(100% - 48px,70ch);margin:0 auto;padding:40px 0 64px;overflow-wrap:break-word;hyphens:auto}
.legal-main h1{font-size:clamp(36px,5vw,56px);margin-bottom:28px}
.legal-main h2{color:var(--color-ink);font-family:var(--font-display);font-weight:600;font-size:28px;line-height:1.2;margin:36px 0 12px;letter-spacing:-.01em}
.legal-main h3{color:var(--color-ink);font-family:var(--font-display);font-weight:600;font-size:23px;line-height:1.3;margin:24px 0 10px}
.legal-main p+p{margin-top:14px}
.legal-main address{font-style:normal;line-height:1.65}
.legal-main ul{padding-left:24px;margin:12px 0 0}
.legal-main li+li{margin-top:8px}
.legal-date{color:var(--color-muted);font-size:16px;margin-top:40px}
.legal-page footer{background:var(--color-olive)}
@media(max-width:680px){.legal-header{padding:18px 0;gap:16px}.legal-logo{width:116px}.back-home{font-size:16px}.legal-main{padding-top:24px;padding-bottom:44px}.legal-main h1{font-size:36px}.legal-main h2{font-size:26px}.legal-nav{column-gap:20px}}

/* Match the parent theme keyboard skip link to the approved palette. */
.skip-link:focus,.skip-link:focus-visible{color:var(--color-ink);background:var(--color-paper);outline:2px solid var(--color-ink);outline-offset:2px}