/*
Theme Name: Entrümpelung Funk Native
Theme URI: https://example.com/
Author: OpenAI
Description: Native WordPress Block Theme for Entrümpelung Funk. Editable via the Site Editor, with integrated contact form and responsive one-page layout.
Version: 2.0.0
Requires at least: 6.6
Requires PHP: 7.4
Text Domain: entruempelung-funk-native
*/
:root{--ef-ink:#171817;--ef-paper:#f4f1ea;--ef-paper-2:#eae5da;--ef-accent:#d9ff52;--ef-line:#c9c6bd}
html{scroll-behavior:smooth}
body{background:var(--ef-paper);color:var(--ef-ink)}
a{transition:opacity .2s ease}
.ef-wrap{max-width:1180px;margin-inline:auto;padding-inline:24px}
.ef-hero{min-height:78vh;display:flex;align-items:center;padding:80px 0}
.ef-hero h1{font-size:clamp(52px,9vw,112px);line-height:.88;letter-spacing:-.07em;margin:0}
.ef-hero .wp-block-buttons{margin-top:28px}
.ef-kicker{font-size:13px!important;font-weight:900;letter-spacing:.16em;text-transform:uppercase}
.ef-meta{border-top:1px solid var(--ef-line);border-bottom:1px solid var(--ef-line)}
.ef-meta>*{padding:25px;border-right:1px solid var(--ef-line)}
.ef-meta>*:last-child{border-right:0}
.ef-card{background:#fff;border:1px solid var(--ef-line);padding:30px;min-height:260px}
.ef-card h3{margin-top:70px}
.ef-dark{background:var(--ef-ink);color:#fff}
.ef-dark p{color:#d8d9d5}
.ef-paper2{background:var(--ef-paper-2)}
.ef-step{border-top:1px solid var(--ef-line);padding:28px 0}
.ef-faq details{border-top:1px solid var(--ef-line);padding:24px 0}
.ef-faq details:last-child{border-bottom:1px solid var(--ef-line)}
.ef-faq summary{cursor:pointer;font-size:22px;font-weight:800}
.ef-form{background:#fff;border:1px solid var(--ef-line);padding:34px}
.ef-form label{display:block;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.1em;margin-bottom:7px}
.ef-form input,.ef-form textarea,.ef-form select{width:100%;padding:14px;border:1px solid var(--ef-line);background:var(--ef-paper);font:inherit;margin-bottom:16px}
.ef-form textarea{min-height:130px}
.ef-form .ef-status{margin-top:15px}
.ef-before-after{position:relative;overflow:hidden;height:500px;border:1px solid var(--ef-line);background:linear-gradient(145deg,#8f887b,#c9c1b2)}
.ef-before-after .after{position:absolute;inset:0;background:linear-gradient(145deg,#f4f1ea,#dfe6d7);clip-path:inset(0 0 0 50%)}
.ef-before-after .scene{position:absolute;inset:16%;border:12px solid rgba(23,24,23,.7);background:rgba(255,255,255,.2)}
.ef-before-after .after .scene{background:rgba(255,255,255,.25)}
.ef-before-after input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize}
.ef-before-after .handle{position:absolute;top:0;bottom:0;left:50%;width:3px;background:#fff}
.ef-before-after .handle:after{content:"↔";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#171817;color:#fff;border-radius:50%;width:48px;height:48px;display:grid;place-items:center}
@media(max-width:782px){.ef-meta>*{border-right:0;border-bottom:1px solid var(--ef-line)}.ef-meta>*:last-child{border-bottom:0}.ef-before-after{height:390px}}