/*
Theme Name: A&E Gipser
Description: Individuelles Block-Theme für A&E Gipsergeschäft GmbH.
Version: 1.1.0
Requires at least: 6.6
Requires PHP: 8.2
Text Domain: ae-gipser
License: GPL-2.0-or-later
*/
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;background:#f7f7f2;color:#152127;font:16px/1.65 Arial,Helvetica,sans-serif}a{color:inherit;text-underline-offset:5px}a:focus-visible{outline:3px solid #716eff;outline-offset:6px}img{display:block;max-width:100%;height:auto}figure,p,h1,h2,h3{margin:0}h1,h2,h3{font-weight:500;line-height:1.08;letter-spacing:-.045em}h1{font-size:clamp(48px,5.6vw,82px)}h2{font-size:clamp(34px,4vw,54px)}h3{font-size:25px;letter-spacing:-.025em}h1 em{font-style:normal;color:#2624bf}p{margin-bottom:18px}.shell{width:min(1280px,calc(100% - 96px));margin-inline:auto}.site-header{display:flex;align-items:center;justify-content:space-between;padding:26px 0;border-bottom:1px solid #d8dcd6;gap:24px}.brand{width:300px;margin:0}.brand img{mix-blend-mode:multiply}.nav-links{display:flex;gap:32px;align-items:center}.nav-links p{margin:0;font-size:14px}.nav-links a{text-decoration:none}.nav-links p:last-child{background:#2624bf;color:white;padding:12px 20px}.hero{display:grid;grid-template-columns:1.04fr 1fr;gap:50px;padding-top:64px;padding-bottom:65px;align-items:center}.eyebrow{font-size:11px;font-weight:700;letter-spacing:.16em;margin-bottom:27px}.hero h1{margin-bottom:28px}.intro{max-width:470px;color:#596467;font-size:18px;line-height:1.65;margin-bottom:28px}.wp-block-buttons{display:flex;gap:12px;flex-wrap:wrap}.wp-block-button__link{display:inline-block;border-radius:0;padding:15px 22px;background:#2624bf;color:white;text-decoration:none;font-size:14px;font-weight:600;border:1px solid #2624bf}.is-style-outline .wp-block-button__link{background:transparent;color:#152127;border-color:#b8c0ba}.hero-foot{font-size:10px;letter-spacing:.1em;margin:48px 0 0;color:#63706c}.hero-visual{position:relative;padding-bottom:25px}.hero-image img{width:100%;height:580px;object-fit:cover;object-position:54% center}.image-caption{position:absolute;bottom:0;left:-20px;padding:20px 28px;background:#2624bf;color:white;font-size:16px;margin:0}.section{padding-top:85px;padding-bottom:85px;border-top:1px solid #d8dcd6}.section-heading{display:grid;grid-template-columns:1fr 1fr;column-gap:100px;align-items:end}.section-heading .eyebrow{grid-column:1/-1}.section-heading>p:last-child{color:#596467;max-width:400px;margin-bottom:5px}.services-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin-top:60px}.service{border-top:2px solid #2624bf;padding-top:22px}.number{font-size:12px;color:#2624bf;font-weight:700;margin-bottom:26px}.service h3,.step h3{margin-bottom:17px}.service>p:last-child,.step>p:last-child{font-size:15px;color:#596467;margin:0}.about{display:grid;grid-template-columns:1fr 1fr;background:#e9ece5;gap:65px;padding:48px}.about-image{margin:0}.about-image img{width:100%;height:440px;object-fit:cover}.about-copy{align-self:center}.about-copy h2{margin-bottom:25px}.about-copy>p:not(.eyebrow){color:#485652;font-size:15px}.text-link a{font-weight:700;color:#2624bf}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:65px;margin-top:48px}.contact{background:#17168d;color:white;padding:65px;display:grid;grid-template-columns:1fr 1fr;gap:80px}.contact h2{font-size:clamp(52px,6vw,80px);margin-bottom:25px}.contact-copy>p:last-child{max-width:350px;color:#d2d3ef}.contact-details{align-self:center}.contact-phone{font-size:clamp(25px,3vw,40px);letter-spacing:-.035em}.contact-mail{font-size:21px}.contact a{text-decoration:none}.contact .wp-block-button__link{background:white;color:#17168d;border-color:white}.site-footer{display:flex;justify-content:space-between;gap:25px;padding-top:35px;padding-bottom:25px;font-size:12px}.notice{font-size:12px;color:#66716b;padding-bottom:30px;max-width:1280px}.notice .eyebrow{margin-bottom:10px}.notice p{max-width:880px} .site-wrap{overflow:hidden}.skip-link{position:absolute;left:12px;top:-80px;background:white;padding:12px;z-index:100}.skip-link:focus{top:12px}
@media(max-width:1000px){.shell{width:calc(100% - 48px)}.hero{gap:28px}.hero-image img{height:500px}.services-grid{grid-template-columns:repeat(2,1fr);gap:35px}.about{gap:30px;padding:30px}.contact{padding:40px;gap:35px}.brand{width:245px}.nav-links{gap:20px}}
@media(max-width:700px){.shell{width:calc(100% - 36px)}.site-header{align-items:flex-start;flex-direction:column;gap:20px;padding:20px 0}.brand{width:265px;max-width:100%}.nav-links{width:100%;justify-content:space-between;gap:12px}.nav-links p{font-size:13px}.nav-links p:last-child{padding:8px 14px}.hero{grid-template-columns:1fr;padding:42px 0}.hero h1{font-size:51px}.hero-foot{margin-top:30px}.hero-image img{height:390px}.hero-visual{margin-top:10px}.image-caption{left:0}.section{padding:55px 0}.section-heading{display:block}.section-heading h2{margin-bottom:25px}.services-grid{gap:30px 22px;margin-top:35px}.service h3{font-size:22px}.about{grid-template-columns:1fr;padding:24px;gap:30px}.about-image img{height:280px}.steps{grid-template-columns:1fr;gap:30px;margin-top:35px}.step .number{margin-bottom:12px}.contact{grid-template-columns:1fr;padding:32px 24px;gap:20px}.site-footer{display:block}.site-footer p{margin-bottom:12px}.notice{padding-bottom:25px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.projects-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px 25px;margin-top:45px}.project-image{margin:0;overflow:hidden}.project-image img{width:100%;height:285px;object-fit:cover}.project-caption{font-size:13px;padding-top:14px;margin:0;color:#485652}.project-item:nth-child(2) img{object-position:65% center}@media(max-width:1000px){.projects-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.projects-grid{grid-template-columns:1fr;gap:28px}.project-image img{height:auto;max-height:410px;object-fit:contain}.project-caption{padding-top:10px}}

@keyframes ae-heading-enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:no-preference){.hero-copy h1{animation:ae-heading-enter 1.8s ease-out both}}

/* Consistent touch targets and monochrome icons (no emoji glyphs). */
.nav-links p:last-child{padding:0;background:none}
.nav-links a{display:inline-flex;align-items:center;justify-content:center;min-height:44px}
.nav-links p:last-child a{padding:12px 20px;background:#2624bf;color:#fff;border-radius:3px}
.wp-block-button__link{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:50px;line-height:1.35;border-radius:3px}
.nav-links a[href="#kontakt"]::after,.hero-copy .wp-block-button:not(.is-style-outline) a::after,.contact .wp-block-button a::after{content:"";display:inline-block;width:15px;height:15px;flex:0 0 15px;margin-left:10px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 19L19 5M5 5h14v14' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 19L19 5M5 5h14v14' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat}
.wp-block-button__link::after{margin-left:0!important}
.about-copy .text-link{margin-top:24px!important;margin-bottom:0!important}
.text-link a{display:inline-flex;align-items:center;min-height:44px}
.contact-details{min-width:0}
.contact-details > .contact-phone{margin:0 0 12px!important}
.contact-details > .contact-mail{margin:0 0 26px!important}
.contact-details > p:not(.contact-phone):not(.contact-mail){margin:0 0 28px!important;line-height:1.7;color:#e3e3f6}
.contact-details > .wp-block-buttons{margin-top:0!important}
.contact-phone a,.contact-mail a{display:inline-block;min-height:44px;max-width:100%;overflow-wrap:anywhere}
.project-image img[src*="projekt-05-baustelle"]{object-position:center 40%}
@media(max-width:700px){
 .nav-links p:last-child{padding:0}.nav-links p:last-child a{padding:10px 16px}
 .hero-copy .wp-block-buttons{display:grid;grid-template-columns:1fr;gap:12px}
 .hero-copy .wp-block-button,.hero-copy .wp-block-button__link{width:100%}
 .hero-copy .wp-block-button__link{padding:16px 20px;min-height:52px}
 .contact{padding:36px 24px;gap:26px}
 .contact .wp-block-button,.contact .wp-block-buttons,.contact .wp-block-button__link{width:100%}
 .contact .wp-block-button__link{justify-content:space-between;padding:17px 20px;min-height:54px}
 .contact-mail{font-size:clamp(18px,5.2vw,21px)}
 .contact-phone{font-size:clamp(24px,6.5vw,29px)}
 .hero h1{font-size:clamp(43px,12.7vw,51px)}
 .nav-links a[href="#kontakt"]::after{width:13px;height:13px;flex-basis:13px;margin-left:8px}
}