
:root{
  --ink:#4b4b4d;
  --ink-2:#626264;
  --muted:#667085;
  --line:#e5e7eb;
  --paper:#ffffff;
  --soft:#f5f7fb;
  --accent:#e8952f;
  --accent-2:#f5b15d;
  --success:#44815f;
  --radius:22px;
  --shadow:0 20px 60px rgba(23,35,58,.12);
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  color:var(--ink);
  background:var(--paper);
  font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  line-height:1.6;
}
img{max-width:100%;display:block}
a{color:inherit}
button,input,textarea,select{font:inherit}
.container{width:min(1160px, calc(100% - 40px));margin-inline:auto}
.skip-link{position:absolute;left:-9999px;top:auto}
.skip-link:focus{left:20px;top:20px;z-index:1000;background:#fff;padding:12px 16px;border-radius:10px}

.site-header{
  position:sticky;top:0;z-index:100;
  background:rgba(255,255,255,.92);
  backdrop-filter:blur(14px);
  border-bottom:1px solid rgba(229,231,235,.8);
}
.nav-wrap{min-height:108px;padding:10px 0;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{display:inline-flex;align-items:center;text-decoration:none;border-radius:20px}
.brand span{display:flex;flex-direction:column;line-height:1.1}
.brand strong{font-size:1.08rem;letter-spacing:.08em}
.brand small{font-size:.74rem;color:var(--muted);margin-top:5px}
.main-nav{display:flex;align-items:center;gap:28px}
.main-nav a{text-decoration:none;font-weight:700;font-size:.95rem}
.main-nav a:hover{color:#a45e11}
.nav-cta{background:var(--ink);color:#fff!important;padding:11px 17px;border-radius:999px}
.nav-toggle{display:none;border:0;background:transparent;padding:8px;cursor:pointer}
.nav-toggle span{display:block;width:26px;height:2px;background:var(--ink);margin:5px}

.hero{
  position:relative;overflow:hidden;
  background:
    radial-gradient(circle at 15% 10%, rgba(240,163,32,.19), transparent 26rem),
    linear-gradient(135deg,#f7f9fd 0%,#eef2f8 100%);
  padding:92px 0 110px;
}
.hero-grid{display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:70px}
.eyebrow{
  display:inline-flex;align-items:center;gap:9px;
  color:#a45e11;text-transform:uppercase;font-size:.78rem;font-weight:900;letter-spacing:.14em;
}
.eyebrow:before{content:"";width:30px;height:2px;background:var(--accent)}
.eyebrow.light{color:#ffd27d}
.hero h1{font-size:clamp(3rem,7vw,6.3rem);line-height:.96;letter-spacing:-.055em;margin:18px 0 26px;max-width:800px}
.hero h1 span{color:#a45e11}
.hero-text{font-size:1.18rem;color:var(--ink-2);max-width:650px}
.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin:34px 0}
.button{
  display:inline-flex;align-items:center;justify-content:center;
  min-height:50px;padding:0 22px;border-radius:999px;
  text-decoration:none;border:1px solid transparent;font-weight:900;cursor:pointer;
}
.button.primary{background:var(--accent);color:#1f2937;box-shadow:0 12px 25px rgba(240,163,32,.28)}
.button.primary:hover{background:var(--accent-2);transform:translateY(-1px)}
.button.secondary{background:#fff;border-color:#d9dee8}
.button.secondary:hover{border-color:#9ba7ba}
.trust-list{display:flex;gap:24px;flex-wrap:wrap;padding:0;margin:26px 0 0;list-style:none;color:var(--ink-2);font-weight:700}
.trust-list li:before{content:"✓";color:var(--success);font-weight:1000;margin-right:8px}

.hero-card{background:#fff;border-radius:32px;box-shadow:var(--shadow);overflow:hidden;transform:rotate(1deg)}
.paint-visual{height:310px;position:relative;background:linear-gradient(135deg,#4b4b4d 0 50%,#e8952f 50% 100%)}
.swatch{position:absolute;border-radius:999px;box-shadow:0 16px 28px rgba(0,0,0,.18)}
.swatch-a{width:145px;height:145px;background:#f6f7fb;top:55px;left:55px}
.swatch-b{width:105px;height:105px;background:#efb34a;right:65px;top:45px}
.swatch-c{width:85px;height:85px;background:#455a7a;right:110px;bottom:45px}
.roller{position:absolute;width:135px;height:26px;border-radius:8px;background:#fff;left:140px;bottom:58px;transform:rotate(-19deg)}
.roller:before{content:"";position:absolute;width:15px;height:90px;background:#fff;right:5px;top:18px;border-radius:0 0 8px 8px}
.hero-card-content{padding:28px}
.hero-card-content strong{font-size:1.2rem}
.hero-card-content p{margin:4px 0 18px;color:var(--muted)}
.mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.mini-grid span{background:var(--soft);padding:9px 12px;border-radius:10px;font-size:.86rem;font-weight:800}
.hero-wave{position:absolute;left:0;right:0;bottom:-1px;height:44px;background:linear-gradient(175deg,transparent 49%,#fff 50%)}

.stats{border-bottom:1px solid var(--line)}
.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding:28px 0}
.stats-grid div{display:flex;flex-direction:column}
.stats-grid strong{font-size:1.35rem}
.stats-grid span{font-size:.85rem;color:var(--muted)}

.section{padding:100px 0}
.section-soft{background:var(--soft)}
.section-dark{background:var(--ink);color:#fff}
.section-heading{max-width:720px;margin-bottom:46px}
.section-heading h2,.split h2,.contact-section h2{font-size:clamp(2.1rem,4vw,3.5rem);line-height:1.08;letter-spacing:-.035em;margin:12px 0 16px}
.section-heading>p:last-child,.lead{font-size:1.1rem;color:var(--muted)}
.section-dark .lead{color:#cbd5e1}

.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.service-card{border:1px solid var(--line);border-radius:var(--radius);padding:28px;background:#fff;transition:.2s ease}
.service-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}
.icon{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;background:#fff3df;color:#a45e11;font-size:1.5rem;font-weight:900}
.service-card h3{font-size:1.18rem;margin:22px 0 9px}
.service-card p{color:var(--muted);margin:0}

.split{display:grid;grid-template-columns:1.2fr .8fr;gap:70px;align-items:center}
.check-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:38px}
.check-grid>div{display:flex;gap:13px}
.check-grid span{flex:0 0 30px;width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:rgba(240,163,32,.16);color:#ffd27d;font-weight:1000}
.check-grid p{margin:0;color:#cbd5e1}
.check-grid strong{color:#fff}
.quote-card{background:linear-gradient(145deg,#e8952f,#f5b15d);color:#1f2937;padding:42px;border-radius:28px;box-shadow:0 28px 70px rgba(0,0,0,.2)}
.quote-card p{font-size:1.5rem;line-height:1.35;font-weight:900;margin-top:0}
.quote-card strong,.quote-card span{display:block}
.quote-card span{opacity:.7}

.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.project-card{border-radius:var(--radius);overflow:hidden;background:#fff;border:1px solid var(--line)}
.project-image{height:300px;display:grid;place-items:center;position:relative;overflow:hidden}
.project-image:before,.project-image:after{content:"";position:absolute;border-radius:999px;filter:blur(1px)}
.project-image span{position:relative;z-index:2;background:rgba(255,255,255,.9);padding:8px 12px;border-radius:999px;font-weight:800;font-size:.82rem}
.project-1{background:linear-gradient(135deg,#e9edf4,#cbd5e1)}
.project-1:before{width:190px;height:190px;background:#fff;left:25px;top:40px}
.project-1:after{width:110px;height:220px;background:#9ba7ba;right:30px;top:35px;border-radius:20px}
.project-2{background:linear-gradient(135deg,#f5e7c7,#d8b86f)}
.project-2:before{width:230px;height:160px;background:#fff1cd;left:45px;bottom:30px;border-radius:8px}
.project-2:after{width:55px;height:95px;background:#49617e;right:70px;bottom:30px;border-radius:6px}
.project-3{background:linear-gradient(135deg,#dfe7ee,#9aa9b8)}
.project-3:before{width:180px;height:220px;background:#f7fafc;left:60px;top:35px;border-radius:8px;box-shadow:inset 0 0 0 16px #40546d}
.project-3:after{width:14px;height:14px;background:#e8952f;left:145px;top:135px}
.project-copy{padding:22px}
.project-copy p{margin:0;color:#a45e11;text-transform:uppercase;font-weight:900;font-size:.76rem;letter-spacing:.12em}
.project-copy h3{margin:8px 0 0}

.steps{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.steps li{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:26px}
.steps span{font-weight:1000;color:#a45e11;font-size:1.35rem}
.steps h3{margin:18px 0 8px}
.steps p{margin:0;color:var(--muted)}

.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:start}
.contact-details{margin-top:34px;padding:24px;border-left:4px solid var(--accent);background:var(--soft);border-radius:0 16px 16px 0}
.contact-details a{color:#7a4c00;font-weight:800}
.contact-form{display:grid;grid-template-columns:1fr 1fr;gap:16px;background:#fff;border:1px solid var(--line);padding:28px;border-radius:var(--radius);box-shadow:var(--shadow)}
.contact-form label{display:flex;flex-direction:column;gap:8px;font-weight:800;font-size:.9rem}
.contact-form input,.contact-form textarea,.contact-form select{width:100%;border:1px solid #ccd3df;border-radius:12px;padding:13px 14px;background:#fff;color:var(--ink)}
.contact-form input:focus,.contact-form textarea:focus,.contact-form select:focus{outline:3px solid rgba(240,163,32,.23);border-color:#bd7800}
.full{grid-column:1/-1}
.checkbox{flex-direction:row!important;align-items:flex-start}
.checkbox input{width:auto;margin-top:5px}
.checkbox span{font-weight:500;color:var(--muted)}
.form-note{font-size:.82rem;color:var(--muted);margin:0}

.cta-strip{background:var(--accent);padding:48px 0}
.cta-strip .container{display:flex;align-items:center;justify-content:space-between;gap:24px}
.cta-strip p{margin:0;font-weight:800}
.cta-strip h2{font-size:2.1rem;margin:4px 0 0}
.light-button{background:#fff;color:var(--ink)}

.site-footer{background:#333335;color:#d8e0ec;padding:72px 0 24px}
.footer-grid{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:40px}
.footer-brand strong{color:#fff}
.footer-brand small{color:#aab7ca}
.site-footer h3{font-size:.95rem;color:#fff}
.site-footer a{display:block;text-decoration:none;margin:8px 0;color:#cbd5e1}
.site-footer p{color:#aab7ca}
.footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid rgba(255,255,255,.1);padding-top:22px;margin-top:46px;font-size:.82rem;color:#98a6ba}

.floating-contact{position:fixed;right:22px;bottom:22px;width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:var(--accent);text-decoration:none;font-size:1.35rem;box-shadow:0 12px 30px rgba(0,0,0,.2);z-index:80}

.legal-main{padding:80px 0}
.legal-card{max-width:900px;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:clamp(24px,5vw,56px);box-shadow:var(--shadow)}
.legal-card h1{font-size:clamp(2.2rem,5vw,4rem);letter-spacing:-.04em}
.legal-card h2{margin-top:34px}
.placeholder{background:#fff3df;border:1px solid #efc47c;border-radius:12px;padding:14px 16px;color:#7a4c00;font-weight:800}

@media (max-width: 920px){
  .main-nav{position:fixed;inset:76px 0 auto 0;background:#fff;border-bottom:1px solid var(--line);padding:24px 20px;display:none;flex-direction:column;align-items:flex-start}
  .main-nav.open{display:flex}
  .nav-toggle{display:block}
  .hero{padding-top:60px}
  .hero-grid,.split,.contact-grid{grid-template-columns:1fr}
  .hero-card{max-width:620px}
  .card-grid,.project-grid{grid-template-columns:1fr 1fr}
  .steps{grid-template-columns:1fr 1fr}
  .footer-grid{grid-template-columns:1fr 1fr}
}
@media (max-width: 620px){
  .container{width:min(100% - 28px, 1160px)}
  .hero h1{font-size:3.2rem}
  .hero-card{transform:none}
  .stats-grid{grid-template-columns:1fr 1fr}
  .card-grid,.project-grid,.steps,.check-grid,.footer-grid{grid-template-columns:1fr}
  .contact-form{grid-template-columns:1fr;padding:20px}
  .contact-form label{grid-column:1/-1}
  .cta-strip .container,.footer-bottom{align-items:flex-start;flex-direction:column}
  .section{padding:76px 0}
}
@media (prefers-reduced-motion: reduce){
  html{scroll-behavior:auto}
  *{transition:none!important}
}


.brand-logo{
  width:205px;
  height:auto;
  max-height:96px;
  object-fit:contain;
  image-rendering:-webkit-optimize-contrast;
  filter:contrast(1.08) saturate(.92);
}
.footer-brand{
  background:#fff;
  width:max-content;
  padding:10px 14px;
  border-radius:14px;
}
.footer-brand .brand-logo{width:205px;max-height:none;filter:none}
.contact-links{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
.contact-pill{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:10px 14px;
  border-radius:999px;
  background:#4b4b4d;
  color:#fff!important;
  text-decoration:none;
  font-size:.86rem;
  font-weight:900;
}
.contact-pill:hover{background:#e8952f;color:#2c2c2d!important}
.site-footer .footer-brand{margin-bottom:18px}
@media (max-width:920px){
  .main-nav{inset:108px 0 auto 0}
}
@media (max-width:620px){
  .brand-logo{width:165px;max-height:84px}
  .nav-wrap{min-height:96px}
  .main-nav{inset:96px 0 auto 0}
}


/* Hintergrundbild im Hero-Bereich */
.hero.hero-bg{
  position:relative;
  background-image:linear-gradient(90deg, rgba(12,18,14,.68) 0%, rgba(12,18,14,.46) 35%, rgba(12,18,14,.18) 56%, rgba(12,18,14,.08) 100%), url("hero-prisma-wald.webp");
  background-size:cover;
  background-position:center center;
  min-height:760px;
  display:flex;
  align-items:center;
}
.hero.hero-bg:before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg, rgba(0,0,0,.08) 0%, rgba(0,0,0,.16) 100%);
}
.hero.hero-bg .container,
.hero.hero-bg .hero-copy{
  position:relative;
  z-index:2;
}
.hero.hero-bg .hero-grid{
  grid-template-columns:minmax(0, 680px);
  gap:0;
}
.hero.hero-bg .hero-copy{
  background:rgba(255,255,255,.14);
  border:1px solid rgba(255,255,255,.18);
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
  border-radius:28px;
  padding:36px 34px;
  box-shadow:0 22px 60px rgba(0,0,0,.22);
}
.hero.hero-bg .eyebrow,
.hero.hero-bg h1,
.hero.hero-bg .hero-text,
.hero.hero-bg .trust-list{
  color:#fff;
}
.hero.hero-bg .eyebrow:before{background:#fff}
.hero.hero-bg h1 span{color:#ffcc72}
.hero.hero-bg .hero-text{max-width:56ch}
.hero.hero-bg .trust-list li:before{color:#ffcc72}
.hero.hero-bg .button.secondary{
  background:rgba(255,255,255,.18);
  border-color:rgba(255,255,255,.35);
  color:#fff;
}
.hero.hero-bg .button.secondary:hover{
  background:rgba(255,255,255,.28);
  border-color:rgba(255,255,255,.52);
}
.hero.hero-bg .hero-card{display:none}
.hero.hero-bg .hero-wave{
  background:linear-gradient(175deg,transparent 49%,#fff 50%);
}
@media (max-width: 920px){
  .hero.hero-bg{min-height:680px; background-position:62% center;}
  .hero.hero-bg .hero-copy{padding:28px 24px}
}
@media (max-width: 620px){
  .hero.hero-bg{min-height:620px; background-position:66% center;}
  .hero.hero-bg .hero-copy{padding:22px 18px}
}


/* ===== Premium / edlere Modernisierung ===== */
body.theme-premium{
  background:linear-gradient(180deg,#fbf8f2 0%,#f4efe4 100%);
  color:#202225;
}
body.theme-premium .site-header{
  background:rgba(249,245,238,.92);
  border-bottom:1px solid rgba(181,167,145,.28);
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
}
body.theme-premium .brand{
  background:linear-gradient(180deg,rgba(255,255,255,.98) 0%, rgba(247,242,234,.96) 100%);
  border:1px solid rgba(195,180,154,.42);
  box-shadow:0 12px 34px rgba(43,37,28,.08);
  padding:10px 18px;
}
body.theme-premium .main-nav a{color:#2a2d31}
body.theme-premium .main-nav a:hover{color:#a56a1d}
body.theme-premium .nav-cta{
  background:linear-gradient(135deg,#e7a246,#f2c46f);
  color:#1f2328!important;
  box-shadow:0 12px 24px rgba(240,164,75,.18);
}
body.theme-premium .nav-toggle span{background:#2a2d31}
body.theme-premium .hero.hero-bg{
  min-height:880px;
  padding:120px 0 140px;
  background-image:
    linear-gradient(96deg, rgba(18,24,22,.66) 0%, rgba(18,24,22,.44) 33%, rgba(18,24,22,.18) 60%, rgba(18,24,22,.10) 100%),
    radial-gradient(circle at 18% 22%, rgba(240,194,113,.16), transparent 26%),
    url("hero-prisma-wald.webp");
}
body.theme-premium .hero.hero-bg:before{
  background:linear-gradient(180deg, rgba(4,7,8,.12) 0%, rgba(4,7,8,.22) 100%);
}
body.theme-premium .hero.hero-bg .hero-grid{grid-template-columns:minmax(0,760px)}
body.theme-premium .hero.hero-bg .hero-copy{
  padding:42px 42px 38px;
  border-radius:32px;
  background:linear-gradient(180deg, rgba(252,249,243,.95) 0%, rgba(245,239,229,.92) 100%);
  border:1px solid rgba(210,186,140,.46);
  box-shadow:0 30px 90px rgba(25,20,12,.18);
}
body.theme-premium .hero.hero-bg .eyebrow{letter-spacing:.18em}
body.theme-premium .hero.hero-bg h1{
  font-size:clamp(3.4rem,6vw,6.2rem);
  line-height:.95;
  margin-bottom:22px;
}
body.theme-premium .hero.hero-bg .hero-text{font-size:1.18rem;color:#5b5348}
body.theme-premium .hero.hero-bg h1 span{color:#b8781f;text-shadow:none}
body.theme-premium .hero.hero-bg .eyebrow,
body.theme-premium .hero.hero-bg h1,
body.theme-premium .hero.hero-bg .trust-list{color:#24262a}
body.theme-premium .hero.hero-bg .eyebrow:before{background:#b8781f}
body.theme-premium .hero.hero-bg .trust-list li:before{color:#b8781f}
body.theme-premium .button.primary{background:linear-gradient(135deg,#e8952f,#f6bb61);box-shadow:0 16px 32px rgba(232,149,47,.34)}
body.theme-premium .button.secondary{background:#fff;color:#2a2d31;border-color:rgba(181,167,145,.38)}
body.theme-premium .button.secondary:hover{background:#f7f2ea;border-color:rgba(181,167,145,.55)}
body.theme-premium .hero-wave{display:none}
body.theme-premium .stats.stats-floating{margin-top:-70px;position:relative;z-index:5;border-bottom:0}
body.theme-premium .premium-stats{
  background:rgba(255,250,244,.9);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
  border:1px solid rgba(255,255,255,.65);
  border-radius:26px;
  box-shadow:0 24px 60px rgba(29,42,52,.14);
  padding:28px 30px;
}
body.theme-premium .premium-stats div{padding:4px 12px}
body.theme-premium .premium-stats strong{font-size:1.7rem;color:#1f2328}
body.theme-premium .premium-stats span{font-size:.92rem;color:#59616a}
body.theme-premium .section{padding:110px 0}
body.theme-premium .section-heading h2, body.theme-premium .split h2, body.theme-premium .contact-section h2{color:#1f2328;letter-spacing:-.04em}
body.theme-premium .section-heading > p:last-child, body.theme-premium .lead{color:#68707b}
body.theme-premium .card-grid{gap:26px}
body.theme-premium .service-card{border:1px solid rgba(213,220,228,.9);background:linear-gradient(180deg,#ffffff 0%, #f9fbfd 100%);box-shadow:0 18px 45px rgba(20,31,45,.08);border-radius:24px}
body.theme-premium .service-card:hover{transform:translateY(-8px);box-shadow:0 28px 55px rgba(20,31,45,.12)}
body.theme-premium .icon{background:linear-gradient(135deg,#fff2de,#ffe3b6);box-shadow:inset 0 1px 0 rgba(255,255,255,.7)}
body.theme-premium .section-dark{background:linear-gradient(135deg,#1c232b 0%, #2a3139 100%)}
body.theme-premium .check-grid span{background:rgba(240,164,75,.14);color:#ffcf82}
body.theme-premium .quote-card{background:linear-gradient(145deg,rgba(255,255,255,.95),rgba(255,248,236,.93));box-shadow:0 28px 80px rgba(0,0,0,.18)}
body.theme-premium .project-card{border:1px solid rgba(213,220,228,.9);border-radius:24px;box-shadow:0 18px 45px rgba(20,31,45,.08)}
body.theme-premium .project-image span{background:rgba(255,255,255,.94);box-shadow:0 8px 22px rgba(15,23,42,.12)}
body.theme-premium .section-soft{background:linear-gradient(180deg,#f7f2ea 0%, #f1ebdf 100%)}
body.theme-premium .steps li{border:1px solid rgba(213,220,228,.92);border-radius:24px;box-shadow:0 18px 45px rgba(20,31,45,.06)}
body.theme-premium .contact-details, body.theme-premium .contact-form{border-radius:24px;box-shadow:0 22px 58px rgba(20,31,45,.08)}
body.theme-premium .contact-details{border-left:0;border-top:4px solid var(--accent);background:linear-gradient(180deg,#ffffff 0%, #f7fafc 100%)}
body.theme-premium .contact-form{background:rgba(255,255,255,.92);border:1px solid rgba(218,224,233,.95)}
body.theme-premium .cta-strip{background:linear-gradient(135deg,#2a3139 0%, #414b55 100%)}
body.theme-premium .cta-strip p, body.theme-premium .cta-strip h2{color:#fff}
body.theme-premium .light-button{color:#1f2328}
body.theme-premium .site-footer{background:linear-gradient(180deg,#20252c 0%, #161a1f 100%)}
@media (max-width:920px){
  body.theme-premium .main-nav{background:rgba(249,245,238,.98);border-bottom:1px solid rgba(181,167,145,.22)}
  body.theme-premium .premium-stats{padding:24px 18px}
  body.theme-premium .hero.hero-bg{min-height:760px;padding:110px 0 120px;background-position:60% center}
  body.theme-premium .hero.hero-bg .hero-copy{padding:30px 24px}
}
@media (max-width:620px){
  body.theme-premium .hero.hero-bg{min-height:680px;padding:92px 0 96px;background-position:66% center}
  body.theme-premium .hero.hero-bg h1{font-size:3rem}
  body.theme-premium .stats.stats-floating{margin-top:-46px}
  body.theme-premium .premium-stats{border-radius:20px}
}


/* Google-Bewertungen & Erreichbarkeit */
.review-link{color:#ffd48a!important}
.review-button{
  background:rgba(255,255,255,.08);
  color:#fff;
  border:1px solid rgba(255,212,138,.55);
}
.review-button:hover{
  background:rgba(255,212,138,.15);
  border-color:#ffd48a;
}
.google-review-cta{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  text-decoration:none;
  padding:11px 16px;
  border-radius:999px;
  background:linear-gradient(135deg,#e8952f,#f6bb61);
  color:#222!important;
  font-weight:900;
  box-shadow:0 10px 22px rgba(232,149,47,.22);
}
.google-review-cta:hover{transform:translateY(-1px)}
@media(max-width:920px){.review-link{color:#ffd48a!important}}


/* Echte Referenzprojekte */
.reference-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}
.reference-card{overflow:hidden;background:#fff}
.reference-photo{display:block;width:100%;height:310px;object-fit:cover;background:#eef1f4}
.reference-card .project-copy span{display:block;margin-top:8px;color:var(--muted);font-size:.94rem;line-height:1.5}
.reference-wide{grid-column:span 2}
.before-after{display:grid;grid-template-columns:1fr 1fr;gap:2px;background:#e7e9ed}
.before-after figure{position:relative;margin:0;background:#fff;overflow:hidden}
.before-after .reference-photo{height:330px}
.before-after figcaption{position:absolute;left:16px;top:16px;background:rgba(24,28,31,.85);color:#fff;padding:7px 13px;border-radius:999px;font-weight:800;font-size:.8rem;letter-spacing:.04em}
.before-after figure:last-child figcaption{background:rgba(232,149,47,.93);color:#1f2328}
@media(max-width:920px){.reference-grid{grid-template-columns:1fr 1fr}.reference-wide{grid-column:1/-1}}
@media(max-width:620px){.reference-grid{grid-template-columns:1fr}.reference-wide{grid-column:auto}.before-after{grid-template-columns:1fr}.reference-photo,.before-after .reference-photo{height:270px}}
