/*
Theme Name: SunnyClean
Description: Individuelle SunnyClean-Website mit Bodensanierung, Vorher-Nachher-Vergleich und Projektvideos.
Version: 1.0.0
Author: SunnyClean
Text Domain: sunnyclean
Requires at least: 6.0
Requires PHP: 7.4
*/
:root{--navy:#123b68;--paper:#f5f1e9;--yellow:#ffc719;--ink:#202d37;--muted:#556573;--line:#d5d8d8}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:105px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.65}a{color:inherit;text-decoration:none}a:focus-visible,summary:focus-visible{outline:3px solid #ae7100;outline-offset:6px}img{display:block;max-width:100%;object-fit:cover}figure,p{margin:0}p+p{margin-top:20px}h1,h2,h3,h4{line-height:1.12;margin:0;font-weight:400}h1,h2{font-family:Georgia,'Times New Roman',serif;letter-spacing:-.045em}h1{font-size:clamp(48px,5.4vw,88px)}h2{font-size:clamp(36px,4vw,62px);color:var(--navy)}h3{font-size:29px;color:var(--navy)}h4{font-size:21px;font-weight:600}em{font-style:normal}.wrap{max-width:1320px;margin:auto;padding-left:54px;padding-right:54px}.skip{position:fixed;left:10px;top:-80px;background:white;padding:10px;z-index:10}.skip:focus{top:10px}header{background:var(--paper);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:5}.nav{height:94px;display:flex;align-items:center;justify-content:space-between;gap:32px}.brand{width:210px;height:74px;position:relative;overflow:hidden;flex-shrink:0}.brand img{position:absolute;width:315px;max-width:none;height:auto;left:-52px;top:-61px}.nav nav{display:flex;gap:29px;font-size:15px}.nav a:hover{color:#a16a00}.nav-phone{font-weight:bold;color:var(--navy);white-space:nowrap}.nav-phone span{padding-left:10px}.hero{display:grid;grid-template-columns:1fr 1fr;min-height:660px;background:var(--navy);color:white}.hero-copy{padding:78px max(45px,calc((100vw - 1212px)/2)) 34px;padding-right:44px;display:flex;flex-direction:column;align-items:flex-start}.eyebrow{font-size:12px;font-weight:700;letter-spacing:.14em;margin-bottom:26px;color:var(--navy)}.hero .eyebrow{color:var(--yellow);max-width:420px}.intro{max-width:510px;font-size:18px;color:#e2e7ee;margin-top:28px}.actions{display:flex;flex-wrap:wrap;align-items:center;gap:20px;margin-top:32px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:26px;font-size:15px;font-weight:700;padding:17px 23px;min-height:54px}.yellow{background:var(--yellow);color:var(--navy)}.button:hover{background:#ffda60}.text-link{border-bottom:1px solid currentColor;font-size:14px;padding:5px 0;font-weight:600}.hero-bottom{display:flex;gap:30px;font-size:13px;color:#d2dce8;margin-top:auto;padding-top:38px}.hero-image{position:relative;min-width:0}.hero-image>img{position:absolute;inset:0;width:100%;height:100%;object-position:40% center}.hero-image figcaption{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,rgba(0,0,0,.68));padding:65px 35px 25px;font-family:Georgia,serif;font-size:28px;line-height:1.25}.hero-image small{display:block;font:12px Arial,sans-serif;margin-top:13px}.materials-strip{display:flex;justify-content:space-evenly;gap:18px;flex-wrap:wrap;background:var(--yellow);padding:21px 30px;color:var(--navy);font-size:16px;font-weight:700}.section{padding-top:105px;padding-bottom:105px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:50px;margin-bottom:48px}.section-heading>p,.project-intro{max-width:410px}.label{display:inline-block;text-transform:uppercase;font-size:12px;font-weight:700;letter-spacing:.1em;border-bottom:2px solid var(--yellow);padding-bottom:6px;margin-bottom:17px}.comparison{display:grid;grid-template-columns:1fr 1fr;gap:24px}.comparison figure{background:white;padding:12px}.comparison img{width:100%;height:510px;object-position:50% 62%}.comparison figcaption{display:flex;align-items:center;gap:15px;text-transform:uppercase;font-size:13px;font-weight:bold;color:var(--navy);padding:18px 8px 8px}.comparison figcaption span{color:#6d7984}.comparison figcaption b{margin-left:auto;font-size:11px;letter-spacing:.03em;font-weight:400}.comparison figure:last-child{border-bottom:4px solid var(--yellow)}.project-foot{display:flex;gap:45px;justify-content:space-between;align-items:start;margin-top:24px}.project-foot p{font-size:12px;max-width:540px;color:var(--muted)}.dark{color:var(--navy);flex-shrink:0}.services{background:#e9e9e3}.services .section-heading{align-items:start}.linoleum{background:var(--navy);color:white;display:grid;grid-template-columns:1fr 1fr;gap:80px;padding:52px}.linoleum h3{color:white;font-family:Georgia,serif;font-size:44px;letter-spacing:-.03em;margin-bottom:24px}.linoleum .label{color:var(--yellow)}.linoleum p{color:#e2e7ee}.linoleum .button{margin-top:32px}.service-steps>div{border-top:1px solid #55718b;position:relative;padding:20px 0 24px 44px}.service-steps>div>span{position:absolute;left:0;top:17px;font:22px Georgia,serif;color:var(--yellow)}.service-steps p{font-size:15px;margin-top:12px}.more-services{display:grid;grid-template-columns:1fr 1fr;gap:52px;margin-top:48px}.wood{background:var(--paper)}.wood img{width:100%;height:230px}.wood>div{padding:30px}.wood p{margin-top:19px}.wood small{display:block;margin-top:16px;font-size:12px;color:var(--muted)}.other-floors article{padding:28px 0;border-top:1px solid #b8c0c1}.other-floors h3{font-family:Georgia,serif;font-size:36px;margin:12px 0 16px}.mini{font-size:12px;letter-spacing:.08em;color:var(--muted)}.knowledge{display:grid;grid-template-columns:150px 1fr;gap:32px;border-top:1px solid #bcc4c5;padding-top:30px;margin-top:45px}.knowledge b{color:var(--navy)}.knowledge p{font-size:15px}.process-intro{max-width:730px;margin-top:28px}.process{display:grid;grid-template-columns:repeat(3,1fr);gap:42px;margin-top:55px}.process article{border-top:1px solid var(--line);padding-top:25px}.process span{font:43px Georgia,serif;color:var(--navy)}.process h3{font-size:23px;line-height:1.3;margin:24px 0 17px}.process p{font-size:16px}.faq{display:grid;grid-template-columns:1fr 1.4fr;gap:70px;margin-top:85px;padding-top:45px;border-top:1px solid var(--line)}.faq h3{font:33px/1.2 Georgia,serif;max-width:300px}details{border-bottom:1px solid var(--line)}summary{cursor:pointer;list-style:none;position:relative;padding:20px 30px 20px 0;font-weight:600;color:var(--navy)}summary::-webkit-details-marker{display:none}summary:after{content:'+';position:absolute;right:0;font-size:22px;top:15px}details[open] summary:after{content:'−'}details p{padding-bottom:22px;font-size:15px}.contact{background:var(--yellow);padding:85px 0}.contact-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:75px;align-items:center}.contact h2{font-size:clamp(36px,3.7vw,55px)}.contact p{margin-top:24px}.contact address{font-style:normal}.contact-phone{font-size:34px;font-weight:bold;color:var(--navy);display:block;line-height:1.3;white-space:nowrap}.contact-phone span{margin-left:12px}.contact-mail{display:inline-block;font-size:19px;font-weight:600;color:var(--navy);margin-top:18px;overflow-wrap:anywhere}.contact a:hover{text-decoration:underline}.contact address p{color:var(--navy);font-size:16px}footer{display:flex;justify-content:space-between;gap:45px;padding-top:35px;padding-bottom:35px;font-size:12px;color:var(--muted)}footer>p{padding-top:20px}footer details{max-width:520px;border:0}footer summary{font-size:12px}footer p a{text-decoration:underline}footer details p{font-size:12px}
@media(min-width:1600px){.hero-copy{padding-left:calc((100vw - 1212px)/2);padding-right:55px}}
@media(max-width:1100px){.wrap{padding-left:30px;padding-right:30px}.nav nav{gap:18px}.hero-copy{padding:60px 30px 30px}.hero{min-height:650px}.hero h1{font-size:57px}.linoleum{gap:40px;padding:38px}.contact-grid{gap:40px}.contact-phone{font-size:29px}.contact-mail{font-size:17px}.comparison img{height:440px}.comparison figcaption b{display:none}}
@media(max-width:760px){html{scroll-padding-top:85px}.wrap{padding-left:22px;padding-right:22px}.nav{height:78px;gap:12px}.brand{width:160px;height:58px}.brand img{width:240px;left:-40px;top:-47px}.nav nav{display:none}.nav-phone{font-size:14px}.nav-phone span{display:none}.hero{display:flex;flex-direction:column}.hero-copy{padding:42px 22px 32px}.hero h1{font-size:clamp(43px,10vw,65px)}.hero .eyebrow{font-size:11px}.hero-image{height:340px}.hero-image>img{object-position:50% 60%}.hero-image figcaption{font-size:24px;padding-left:22px}.hero-bottom{padding-top:30px}.intro{font-size:17px}.actions{gap:19px}.materials-strip{gap:15px 28px;font-size:14px;padding:18px}.section{padding-top:65px;padding-bottom:65px}.section-heading{display:block;margin-bottom:30px}.section-heading>p,.project-intro{margin-top:27px;max-width:none}.comparison{gap:12px}.comparison figure{padding:6px}.comparison img{height:320px}.comparison figcaption{font-size:12px;gap:8px;padding:12px 3px 6px}.project-foot{display:block}.project-foot .text-link{display:inline-block;margin-top:20px}.linoleum{grid-template-columns:1fr;padding:28px 22px;gap:38px}.linoleum h3{font-size:38px}.more-services{grid-template-columns:1fr;gap:25px;margin-top:28px}.knowledge{grid-template-columns:1fr;gap:10px}.process{grid-template-columns:1fr;gap:32px;margin-top:32px}.process article{display:grid;grid-template-columns:50px 1fr;column-gap:15px}.process span{grid-row:1/3;font-size:35px}.process h3{margin:0 0 12px}.process p{grid-column:2}.faq{grid-template-columns:1fr;gap:20px;margin-top:50px}.faq h3{max-width:none;font-size:30px}.contact{padding:60px 0}.contact-grid{grid-template-columns:1fr;gap:38px}.contact h2{font-size:39px}.contact-phone{font-size:32px}.contact-mail{font-size:18px}footer{display:block}footer details{margin-top:15px}.eyebrow{margin-bottom:20px}}
@media(max-width:390px){.nav-phone{font-size:12px}.brand{width:142px}.comparison img{height:270px}.contact-phone{font-size:28px}.contact-mail{font-size:16px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* WordPress toolbar spacing and content templates. */
body.admin-bar header{top:32px}body.admin-bar .scroll-comparison .comparison-sticky{top:calc(var(--comparison-top,110px) + 32px)}
.wp-content-page{min-height:60vh;max-width:1000px;padding-top:65px;padding-bottom:75px;overflow-wrap:anywhere}.wp-content-page h1{font-size:clamp(36px,5vw,64px);color:var(--navy);margin-bottom:30px}.wp-content-page h2{font-size:32px;margin:30px 0 18px}.wp-content-page h3{margin:25px 0 16px}.wp-content-page p{margin-bottom:20px}.wp-content-page a{text-decoration:underline}.wp-content-page img{height:auto}.wp-simple-nav{display:flex;align-items:center;gap:24px;font-size:16px}.wp-simple-footer{display:flex;gap:20px;flex-wrap:wrap}.wp-content-page ul,.wp-content-page ol{padding-left:25px}
@media(max-width:782px){body.admin-bar header{top:46px}body.admin-bar .scroll-comparison .comparison-sticky{top:calc(var(--comparison-top,110px) + 46px)}}
@media(max-width:600px){body.admin-bar header{top:0}body.admin-bar .scroll-comparison .comparison-sticky{top:var(--comparison-top,110px)}.wp-simple-nav{gap:15px;font-size:14px}}