/*
Theme Name: A&E Gipser
Description: Individuelles Block-Theme für A&E Gipsergeschäft GmbH.
Version: 1.0.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}}