/*
Theme Name: Haus & Baumservice Höhne
Theme URI: https://www.hausundbaumservice.de/
Author: Michael Höhne
Description: Individuelles Block-Theme mit Naturfarben, überarbeiteten Inhalten und Originalbildern. Startseite, Leistungen und Galerie im Website-Editor bearbeitbar.
Version: 1.0.1
Requires at least: 6.6
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: hoehne
*/
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0}a{text-underline-offset:5px}a:focus-visible,button:focus-visible{outline:3px solid #829d30;outline-offset:5px}img{max-width:100%;height:auto}h1,h2,h3,p,figure{margin-top:0}h1,h2,h3{letter-spacing:-.045em}h1{font-size:clamp(42px,5.7vw,78px);line-height:1.05}h2{font-size:clamp(32px,3.6vw,49px);line-height:1.12}h3{font-size:27px;line-height:1.2}p{margin-bottom:18px}.wp-site-blocks>*{margin-block-start:0}.site-header{background:#f5f3eb;border-bottom:1px solid #d5d9cf;padding:25px 5vw}.header-inner{max-width:1380px;margin:auto;display:flex;align-items:center;gap:40px;justify-content:space-between}.brand{font-size:10px;letter-spacing:.13em;line-height:1.5;margin:0;white-space:nowrap}.brand a{text-decoration:none;color:#183e31}.brand strong{font-size:36px;letter-spacing:.03em;line-height:1}.brand span{color:#729547}.main-nav{margin:0!important;font-size:15px}.main-nav .wp-block-navigation__container{gap:30px}.header-call{margin:0;font-size:15px;font-weight:bold;white-space:nowrap}.header-call a{text-decoration:none}.hero{max-width:1480px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;min-height:700px}.hero-copy{padding:82px 35px 45px 5vw;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.eyebrow{font-size:11px;font-weight:bold;letter-spacing:.15em;line-height:1.6;margin-bottom:25px}.hero-copy h1{margin:0 0 28px}.hero-copy h1 em{font-family:Georgia,serif;font-weight:normal;letter-spacing:-.04em}.lead{font-size:19px;line-height:1.7;max-width:500px;color:#4a5e50}.hero-visual{position:relative;margin:0!important;min-height:660px}.hero-image{height:100%;margin:0!important}.hero-image img{height:100%;width:100%;object-fit:cover;position:absolute;inset:0}.hero-image figcaption{display:none}.image-label{position:absolute;bottom:24px;left:28px;margin:0;background:#f5f3eb;color:#183e31;padding:12px 16px;font-size:10px;letter-spacing:.13em;font-weight:bold}.wp-block-buttons{gap:12px;margin-top:16px}.wp-block-button__link{border-radius:0;background:#183e31;color:white;padding:16px 22px;font-size:14px;font-weight:bold;border:1px solid #183e31;text-decoration:none;transition:background .18s}.wp-block-button__link:hover{background:#2d5742;color:white}.is-style-outline>.wp-block-button__link{background:transparent;color:#183e31;border:1px solid #a5b2a4;padding:16px 22px}.is-style-outline>.wp-block-button__link:hover{background:#e8ebdf}.hero-signature{font-size:12px;color:#526b59;margin:34px 0 0}.intro{max-width:1240px;margin:0 auto!important;padding:95px 5vw;display:grid;grid-template-columns:1fr 1fr;gap:0 60px}.intro .eyebrow{grid-column:1/-1}.intro h2{margin-bottom:0}.intro-text{font-size:19px;color:#526454;margin:auto 0}.section{padding:80px max(5vw,calc((100vw - 1240px)/2));margin:0!important}.services{background:#e9ece2}.section-heading{margin-bottom:42px}.section-heading h2{margin-bottom:16px}.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid #b6c3b0;border-left:1px solid #b6c3b0}.service-card{padding:32px 28px;border-right:1px solid #b6c3b0;border-bottom:1px solid #b6c3b0;margin:0!important}.service-number{font-size:12px;color:#647958;letter-spacing:.12em;margin-bottom:37px}.service-card h3{margin-bottom:14px}.service-card p:last-child{font-size:15px;line-height:1.75;color:#526454;margin:0}.service-subtitle{font-weight:bold;font-size:14px}.text-link{display:inline-block;font-size:14px;font-weight:bold;margin-top:28px}.gallery-featured{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.gallery-featured figure{margin:0!important}.gallery-featured img{width:100%;height:350px;object-fit:cover}.wp-element-caption{font-size:13px!important;color:#526454;margin-top:12px!important}.contact-band{background:#d9ed9c;padding:65px max(5vw,calc((100vw - 1240px)/2));display:grid;grid-template-columns:1.2fr 1fr;gap:60px;align-items:center;margin:0!important}.contact-band h2{margin-bottom:20px}.contact-band p{max-width:590px}.contact-note{font-size:12px;margin-top:24px}.site-footer{background:#183e31;color:#f5f3eb;padding:70px max(5vw,calc((100vw - 1240px)/2)) 20px}.site-footer a{color:#f5f3eb}.footer-top{display:grid;grid-template-columns:1fr 1fr;gap:60px}.footer-top h2{font-size:34px}.footer-top>div:last-child{padding-top:8px}.footer-top p{font-size:15px}.footer-top .eyebrow{font-size:10px}.footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #4a6c59;padding-top:24px;margin-top:45px}.footer-bottom p{font-size:12px}.page-intro{padding:90px max(5vw,calc((100vw - 1240px)/2)) 50px}.page-intro h1{max-width:1000px}.service-detail{max-width:1240px;margin:0 auto!important;padding:50px 5vw;display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;border-bottom:1px solid #ccd4c5}.service-detail figure{margin:0!important}.service-detail img{width:100%;height:350px;object-fit:cover}.service-detail p{color:#526454}.service-detail:nth-child(odd)>div{order:2}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px 22px;padding:0 max(5vw,calc((100vw - 1240px)/2)) 85px}.gallery-grid figure{margin:0!important}.gallery-grid img{width:100%;height:290px;object-fit:cover}.content-page{max-width:1240px;margin:0 auto!important;padding:70px 5vw;min-height:50vh}.content-page h1{font-size:clamp(38px,5vw,66px)}.content-page input,.content-page textarea,.content-page select{max-width:100%;padding:12px;border:1px solid #a9b5a3;background:#fff;font:inherit}.content-page button,.content-page input[type=submit]{padding:13px 24px;background:#183e31;color:#fff;border:0;font:inherit}.content-page a{overflow-wrap:anywhere}.wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open{background:#f5f3eb;color:#183e31}.wp-block-navigation__responsive-container.is-menu-open{padding:35px}
@media(min-width:1600px){.hero-copy{padding-left:70px}}
@media(max-width:1050px){.header-call{display:none}.hero{min-height:580px}.hero-visual{min-height:580px}.hero-copy{padding-top:55px;padding-bottom:40px}.hero-copy h1{font-size:clamp(42px,6vw,68px)}.services-grid{grid-template-columns:repeat(2,1fr)}.contact-band{gap:30px}.gallery-featured img{height:270px}.gallery-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.site-header{padding:18px 6vw}.brand strong{font-size:30px}.header-inner{gap:15px}.main-nav .wp-block-navigation__container{gap:20px}.hero{display:flex;flex-direction:column}.hero-copy{padding:48px 6vw 40px}.hero-copy h1{font-size:48px}.hero-visual{height:390px;min-height:390px}.hero-copy .lead{font-size:17px}.hero-signature{margin-top:25px}.eyebrow{font-size:9px;letter-spacing:.12em}.intro{display:block;padding:55px 6vw}.intro h2{margin-bottom:24px}.intro-text{font-size:17px}.section{padding:55px 6vw}.services-grid{grid-template-columns:1fr}.service-card{padding:25px}.service-number{margin-bottom:18px}.gallery-featured{grid-template-columns:1fr}.gallery-featured img{height:310px}.contact-band{display:block;padding:50px 6vw}.contact-band>div+div{margin-top:30px}.footer-top{grid-template-columns:1fr;gap:20px}.site-footer{padding:50px 6vw 20px}.footer-bottom{flex-direction:column;gap:0}.page-intro{padding:55px 6vw 30px}.page-intro h1{font-size:44px}.service-detail{grid-template-columns:1fr;gap:25px;padding:35px 6vw}.service-detail:nth-child(odd)>div{order:0}.gallery-grid{grid-template-columns:1fr;padding:0 6vw 50px}.gallery-grid img{height:340px}.content-page{padding:45px 6vw}.wp-block-button__link,.is-style-outline>.wp-block-button__link{padding:14px 18px}.image-label{left:20px;bottom:20px;font-size:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}