*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:82px}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:#0c2142;background:#fff}a{text-decoration:none;color:inherit}.header{height:55px;position:sticky;top:0;z-index:50;background:#fff;box-shadow:0 2px 12px #001b3b14}.nav-shell{max-width:1240px;height:55px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:0 28px;gap:16px}.brand{height:49px;display:flex;align-items:center;gap:7px;color:#092d60;min-width:150px}.brand img{width:54px;height:45px;object-fit:contain}.brand span{display:flex;flex-direction:column;line-height:.9}.brand b{font-size:23px;letter-spacing:-1px}.brand strong{font-size:14px;letter-spacing:.2px}.nav{display:flex;align-items:center;justify-content:center;gap:23px;font-size:10px;font-weight:700;white-space:nowrap}.nav a{height:55px;display:flex;align-items:center;border-bottom:2px solid transparent}.nav a:hover,.nav a.active{color:#087ee5;border-bottom-color:#087ee5}.nav-whatsapp{background:linear-gradient(100deg,#0877d9,#00a5f3);color:white;border-radius:7px;padding:10px 14px;font-size:11px;font-weight:bold;white-space:nowrap}.nav-whatsapp span{font-size:17px;vertical-align:middle;margin-right:6px}.menu-button{display:none}
.hero{height:368px;position:relative;overflow:hidden;background:#d8e8f6}.hero-bg{position:absolute;inset:0;background-image:url('assets/hero-moving.jpg');background-size:cover;background-position:center 48%;filter:saturate(.9)}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.93) 0%,rgba(255,255,255,.78) 32%,rgba(255,255,255,.06) 55%,rgba(0,20,45,.1) 100%)}.hero-content{position:relative;height:100%;max-width:1240px;margin:auto;padding:12px 4%}.hero-logo{width:330px;height:220px;display:flex;align-items:center;justify-content:center}.hero-logo img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.service-line{font-size:10px;font-weight:800;letter-spacing:1px;margin:0 0 7px;color:#081f43}.slogan{font-family:"Brush Script MT","Segoe Script",cursive;font-style:italic;font-size:29px;color:#0875d1;margin-left:55px;line-height:1.2}.hero-points{display:flex;gap:22px;margin-top:15px}.hero-points span{display:flex;align-items:center;gap:8px;font-size:10px;line-height:1.2}.hero-points i{font-style:normal;border:2px solid #0879df;color:#0879df;border-radius:50%;width:37px;height:37px;display:grid;place-items:center;font-size:22px}.hero-tag{position:absolute;right:3%;top:22px;background:#0876d2;color:#fff;padding:16px 20px 16px 28px;clip-path:polygon(5% 0,100% 4%,92% 100%,0 88%);transform:rotate(-3deg);font-size:16px;line-height:1.2;letter-spacing:.5px;box-shadow:0 10px 25px #001a3830}.hero-tag .pin{font-size:22px;margin-right:8px;float:left}.hero-contact{position:absolute;right:5%;bottom:18px;width:315px;background:#fff;border-radius:9px;padding:13px;box-shadow:0 10px 35px #001c3b35;display:flex;gap:11px;align-items:flex-start}.wa-mark{font-size:32px;color:#20bf5b}.hero-contact strong,.hero-contact small{display:block}.hero-contact strong{font-size:12px}.hero-contact small{font-size:10px;color:#647187;margin:4px 0 9px}.hero-contact a{display:block;background:linear-gradient(100deg,#0878d9,#009cf0);color:white;border-radius:5px;padding:10px 11px;font-size:10px;font-weight:bold;text-align:center}.hero-contact a b{float:right}
.section{padding:22px 4% 18px}.section-title{text-align:center}.section-title small,.compact small{font-size:9px;letter-spacing:3px;color:#087fe0;font-weight:800}.section-title h1{font-size:26px;margin:4px 0 5px;letter-spacing:-.5px}.section-title h1 span{color:#0879df}.section-title p{font-size:12px;line-height:1.4;color:#4e5665;margin:0 0 15px}.cards{max-width:1190px;margin:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.service-card{border:1px solid #e4eaf0;border-radius:7px;overflow:hidden;box-shadow:0 2px 6px #001d3d0c;background:#fff;position:relative}.card-photo{height:119px;background-size:cover;background-position:center}.photo-one{background-image:url('assets/service-entruempelung.jpg')}.photo-two{background-image:url('assets/service-haushalt.jpg')}.photo-three{background-image:url('assets/service-hilfsarbeiten.jpg')}.card-body{padding:26px 23px 14px;position:relative}.round-icon{position:absolute;top:-31px;left:22px;width:55px;height:55px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#0086e7,#0872d2);border:4px solid white;color:#fff;font-size:25px;box-shadow:0 3px 10px #0066c52a}.card-body h2{font-size:17px;letter-spacing:-.4px;margin:0 0 7px}.card-body p{font-size:12px;color:#414b5b;line-height:1.45;min-height:54px;margin:0 0 9px}.card-body ul{list-style:none;padding:0;margin:0 0 12px}.card-body li{font-size:11px;line-height:1.75;color:#414b5b}.card-body li:before{content:"✓";color:#087ce0;font-size:14px;font-weight:bold;margin-right:9px}.card-button{display:block;background:linear-gradient(100deg,#0878d9,#009cf0);border-radius:6px;color:#fff;text-align:center;padding:9px;font-size:10px;font-weight:bold}.card-button b{margin-left:12px;font-size:14px}
.benefits{padding:19px 5% 15px;background:linear-gradient(#fff,#f7faff)}.compact{text-align:center}.compact h2{font-size:24px;margin:4px 0 10px;letter-spacing:-.6px}.benefit-row{max-width:1120px;margin:auto;display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.benefit{display:flex;align-items:center;gap:12px}.benefit>span{flex:0 0 55px;width:55px;height:55px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#0096f0,#0864c5);color:#fff;font-size:24px;font-weight:bold}.benefit b{display:block;font-size:12px;margin-bottom:3px}.benefit small{font-size:10px;color:#4d5868;line-height:1.35;display:block}
.process{position:relative;background-image:url('assets/process-bg.jpg');background-size:cover;background-position:center;height:153px;color:white;overflow:hidden}.process-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,36,76,.93),rgba(0,59,111,.87))}.process-inner{position:relative;max-width:1160px;margin:auto;text-align:center;padding:14px 20px}.process-inner>small{font-size:9px;letter-spacing:3px}.process-inner h2{font-size:20px;margin:3px 0 12px}.steps{display:grid;grid-template-columns:repeat(4,1fr);text-align:left;gap:14px}.step{display:flex;align-items:center;gap:11px;position:relative}.step:not(:last-child):after{content:"›";position:absolute;right:-5px;font-size:25px;color:#fff}.step>b{flex:0 0 46px;width:46px;height:46px;border-radius:50%;background:linear-gradient(140deg,#08a1ff,#0871d2);display:grid;place-items:center;font-size:20px}.step strong{font-size:11px}.step p{font-size:10px;line-height:1.35;margin:4px 0 0;color:#d9e8f7}
.region{display:grid;grid-template-columns:1fr 1.25fr;min-height:126px;align-items:center;padding:12px 5%;gap:15px;background:#fff}.region-copy{display:flex;align-items:flex-start;gap:15px}.region-pin{width:53px;height:53px;flex:0 0 53px;border-radius:50%;background:#edf7ff;color:#087bda;display:grid;place-items:center;font-size:31px}.region-copy small{font-size:11px;color:#0879df}.region-copy h2{font-size:19px;color:#0758a8;margin:1px 0 6px;letter-spacing:-.4px}.region-copy p{font-size:10px;line-height:1.55;color:#4d5968;margin:0}.region-image{height:102px;background-image:url('assets/regional-banner.jpg');background-size:cover;background-position:center;position:relative;overflow:hidden}.paint{position:absolute;right:4%;top:12px;bottom:8px;display:flex;flex-direction:column;justify-content:center;align-items:center;transform:rotate(-5deg);color:#fff;text-shadow:0 2px 5px #004080}.paint strong{font-family:"Brush Script MT","Segoe Script",cursive;font-size:25px;font-style:italic}.paint small{font-size:10px}
.footer{background:linear-gradient(120deg,#061323,#081c31);color:#eaf3fc}.footer-grid{max-width:1200px;margin:auto;padding:17px 4% 13px;display:grid;grid-template-columns:1.25fr 1fr .7fr .9fr 1.25fr;gap:18px;align-items:start}.footer-logo{text-align:center;display:flex;align-items:center;flex-direction:column}.footer-logo img{width:95px;height:72px;object-fit:contain;filter:grayscale(1) brightness(0) invert(1)}.footer-logo>b{font-size:17px;letter-spacing:.7px}.footer-logo>small{font-size:6px;line-height:1.3;margin-top:4px}.footer h3{font-size:12px;margin:5px 0 9px;color:#fff}.footer-grid>div:not(.footer-logo):not(.footer-cta)>a{display:block;font-size:10px;line-height:1.65;color:#e1ebf7}.footer-grid p{font-size:10px;line-height:1.5;margin:0;color:#e1ebf7}.footer-cta{border:1px solid #40556b;background:#ffffff0b;border-radius:5px;padding:10px;box-shadow:0 3px 12px #0003}.footer-cta strong{display:block;font-size:10px;line-height:1.5;margin-bottom:8px}.footer-cta strong span{font-size:20px;color:#20c463;vertical-align:middle}.footer-cta>a{display:block;text-align:center;padding:9px 5px;border-radius:5px;background:linear-gradient(100deg,#0878d9,#009cf0);font-size:10px;font-weight:bold}.footer-bottom{border-top:1px solid #ffffff21;max-width:1200px;margin:auto;padding:10px 4%;display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#c4d5e6}.footer-bottom em{font-family:"Brush Script MT","Segoe Script",cursive;color:#70c8ff;font-size:16px}.floating-wa{position:fixed;bottom:16px;right:16px;z-index:40;background:#128c52;color:#fff;border-radius:40px;padding:11px 15px;font-size:12px;font-weight:bold;box-shadow:0 4px 18px #001b3c30;display:none}
.legal{max-width:850px;margin:50px auto 90px;padding:0 24px;line-height:1.7}.legal h1{color:#0758a8}.legal h2{margin-top:30px;color:#0b2c5a}.warning{padding:15px;background:#fff5d8;border:1px solid #e8cc72;border-radius:8px;color:#664f16}.legal p{font-size:14px;color:#3e4c60}
@media(min-width:1300px){.hero{height:420px}.hero-content{padding-left:5%}.hero-logo{width:390px;height:250px}.hero-contact{right:7%;width:355px}.hero-tag{right:6%}.section{padding-top:28px}.card-photo{height:145px}.card-body{padding-left:25px;padding-right:25px}.card-body p{font-size:13px}.card-body li{font-size:12px}.process{height:165px}}
@media(max-width:850px){.nav-shell{padding:0 15px}.nav{gap:10px;font-size:9px}.brand{min-width:115px}.brand img{width:42px}.brand b{font-size:19px}.brand strong{font-size:12px}.nav-whatsapp{padding:9px}.hero-tag{font-size:13px}.hero-contact{right:3%;width:280px}.hero-logo{width:285px}.service-line{font-size:8px}.slogan{font-size:24px}.card-body{padding:24px 14px 12px}.card-body h2{font-size:15px}.card-body p{font-size:11px}.card-body li{font-size:10px}.benefit-row{gap:8px}.benefit{gap:7px}.benefit>span{width:44px;height:44px;flex-basis:44px;font-size:20px}.footer-grid{gap:10px;padding-left:2%;padding-right:2%}}
@media(max-width:650px){.header,.nav-shell{height:60px}.nav-shell{padding:0 13px}.brand img{width:45px;height:43px}.brand b{font-size:21px}.brand strong{font-size:13px}.menu-button{display:block;margin-left:auto;border:0;background:#edf6ff;color:#0758a8;border-radius:6px;font-size:22px;padding:6px 10px}.nav{display:none;position:absolute;top:60px;left:0;right:0;background:white;box-shadow:0 12px 18px #001b3c1c;padding:10px 18px;flex-direction:column;align-items:stretch;gap:0;font-size:13px}.nav.open{display:flex}.nav a{height:auto;padding:12px 4px;border-bottom:1px solid #edf2f7}.nav-whatsapp{font-size:0;padding:9px 11px}.nav-whatsapp span{font-size:21px;margin:0}.hero{height:495px}.hero-bg{background-position:58% center}.hero-shade{background:linear-gradient(180deg,rgba(255,255,255,.94),rgba(255,255,255,.86) 48%,rgba(255,255,255,.14) 75%,rgba(0,20,45,.28))}.hero-content{padding:10px 16px}.hero-logo{width:min(300px,78vw);height:205px;margin-left:-5px}.hero-tag{right:8px;top:15px;font-size:10px;padding:11px 13px 11px 20px}.hero-tag .pin{font-size:15px}.service-line{font-size:8px;max-width:300px;line-height:1.5}.slogan{font-size:25px;margin-left:36px}.hero-points{gap:12px;margin-top:13px}.hero-points span{font-size:9px;gap:5px}.hero-points i{width:30px;height:30px;font-size:17px}.hero-contact{left:15px;right:15px;bottom:13px;width:auto;padding:10px}.hero-contact strong{font-size:11px}.hero-contact a{padding:9px}.section{padding:28px 14px}.section-title h1{font-size:23px;line-height:1.2}.section-title p{font-size:11px}.desktop{display:none}.cards{grid-template-columns:1fr;gap:15px;max-width:430px}.card-photo{height:145px}.card-body{padding:28px 18px 15px}.card-body h2{font-size:18px}.card-body p{font-size:12px;min-height:0}.card-body li{font-size:11px}.card-button{padding:11px}.benefits{padding:25px 17px}.compact h2{font-size:23px}.benefit-row{grid-template-columns:1fr 1fr;gap:18px 12px}.benefit>span{width:45px;height:45px;flex-basis:45px}.benefit b{font-size:11px}.benefit small{font-size:9px}.process{height:auto;min-height:315px}.process-inner{padding:20px 17px}.process-inner h2{font-size:20px;margin-bottom:18px}.steps{grid-template-columns:1fr 1fr;gap:18px 10px}.step{gap:8px;align-items:flex-start}.step:not(:last-child):after{display:none}.step>b{width:38px;height:38px;flex-basis:38px;font-size:17px}.step strong{font-size:10px}.step p{font-size:9px}.region{grid-template-columns:1fr;padding:20px 16px;gap:15px}.region-copy h2{font-size:18px}.region-copy p{font-size:10px}.region-image{height:120px}.paint strong{font-size:24px}.footer-grid{grid-template-columns:1fr 1fr;gap:20px;padding:24px 18px}.footer-logo{grid-column:1/-1}.footer-logo img{width:90px;height:62px}.footer-cta{grid-column:1/-1}.footer-bottom{padding:12px 18px;gap:10px;align-items:flex-start;flex-direction:column}.floating-wa{display:flex}.legal{margin:30px auto 60px}.legal h1{font-size:32px}}


/* RESPONSIVE FIXES – Inhalte bleiben innerhalb ihrer Bereiche */
img{max-width:100%;height:auto}
.hero-content,.hero-contact,.hero-logo,.hero-tag,.hero-points,.hero-contact a{min-width:0}
.hero-contact a{overflow-wrap:anywhere}
.cards,.benefit-row,.steps,.footer-grid,.region{min-width:0}
.service-card,.card-body,.benefit,.step,.region-copy,.footer-grid>div{min-width:0}
.card-photo{background-repeat:no-repeat}
.card-body p{min-height:0}
.card-button{margin-top:auto}
.service-card{display:flex;flex-direction:column}
.card-body{display:flex;flex-direction:column;flex:1}
.card-body ul{margin-bottom:14px}
.region-image{background-repeat:no-repeat;background-size:cover}
.back-to-top{position:fixed;z-index:60;left:18px;bottom:20px;display:none;align-items:center;gap:8px;border:0;border-radius:30px;padding:11px 15px;background:#0b2d5d;color:#fff;box-shadow:0 5px 18px #001b3c38;font:700 12px Arial,sans-serif;cursor:pointer}
.back-to-top.visible{display:flex}
.back-to-top:hover{background:#0879df}
.back-to-top span{white-space:nowrap}
.floating-wa{right:18px;bottom:20px;display:flex;align-items:center;gap:8px;max-width:calc(100vw - 130px);padding:12px 16px}
.floating-wa span{font-size:19px;line-height:1}
.floating-wa b{font-size:12px}
@media(max-width:1050px){
  .nav-shell{gap:12px}
  .nav{gap:12px;font-size:10px}
  .brand{min-width:112px}
  .nav-whatsapp{padding:9px 10px}
  .cards{grid-template-columns:repeat(2,minmax(0,1fr))}
  .service-card:last-child{grid-column:1/-1;max-width:calc(50% - 6px);justify-self:center;width:100%}
  .hero-contact{right:3%;width:min(315px,38vw)}
  .hero-tag{right:2%;font-size:13px}
  .footer-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .footer-cta{grid-column:span 2}
}
@media(max-width:760px){
  .header,.nav-shell{height:60px}
  .nav-shell{padding:0 14px}
  .menu-button{display:block;margin-left:auto;flex:0 0 auto}
  .nav{display:none;position:absolute;top:60px;left:0;right:0;background:#fff;box-shadow:0 12px 18px #001b3c1c;padding:8px 18px 14px;flex-direction:column;align-items:stretch;gap:0;font-size:13px;white-space:normal}
  .nav.open{display:flex}
  .nav a{height:auto;min-height:42px;padding:11px 4px;border-bottom:1px solid #edf2f7}
  .nav-whatsapp{font-size:0;padding:8px 10px;flex:0 0 auto}
  .nav-whatsapp span{font-size:20px;margin:0}
  .hero{height:auto;min-height:0;overflow:hidden;padding:0 0 18px}
  .hero-bg{inset:0;background-position:center;background-size:cover;opacity:.62}
  .hero-shade{background:linear-gradient(180deg,rgba(255,255,255,.94) 0%,rgba(255,255,255,.88) 55%,rgba(255,255,255,.70) 100%)}
  .hero-content{height:auto;padding:16px 16px 0;display:flex;flex-direction:column;align-items:flex-start;gap:0}
  .hero-logo{width:min(290px,72vw);height:auto;aspect-ratio:1.5;margin:0 0 8px}
  .hero-logo img{object-fit:contain}
  .hero-tag{position:relative;top:auto;right:auto;align-self:flex-end;max-width:230px;margin:-2px 0 10px;font-size:clamp(9px,2.4vw,12px);padding:10px 12px 10px 17px;transform:none;overflow-wrap:anywhere}
  .hero-tag .pin{font-size:15px;margin-right:3px}
  .service-line{font-size:clamp(8px,2.2vw,10px);letter-spacing:.5px;line-height:1.45;max-width:100%;margin:0 0 4px}
  .slogan{font-size:clamp(22px,6vw,28px);margin-left:20px;line-height:1.2}
  .hero-points{display:flex;flex-wrap:wrap;gap:10px 14px;margin:14px 0 14px}
  .hero-points span{font-size:10px}
  .hero-contact{position:relative;left:auto;right:auto;bottom:auto;width:100%;max-width:440px;margin:4px 0 0;padding:12px;align-items:center}
  .hero-contact>div{flex:1;min-width:0}
  .hero-contact a{font-size:11px;line-height:1.4}
  .section{padding:30px 15px}
  .section-title h1{font-size:clamp(22px,5vw,28px);line-height:1.2}
  .section-title p{font-size:12px}
  .cards{grid-template-columns:minmax(0,1fr);max-width:480px}
  .service-card:last-child{grid-column:auto;max-width:none;justify-self:stretch}
  .card-photo{height:clamp(135px,42vw,190px);background-size:cover;background-position:center}
  .card-body{padding:29px 18px 16px}
  .card-body p{font-size:12px;line-height:1.55}
  .card-body li{font-size:11px;line-height:1.8}
  .benefit-row{grid-template-columns:repeat(2,minmax(0,1fr))}
  .process{height:auto;min-height:0}
  .process-inner{padding:22px 16px}
  .steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 12px}
  .step{align-items:flex-start}
  .step:not(:last-child):after{display:none}
  .region{grid-template-columns:minmax(0,1fr);padding:22px 16px;gap:16px}
  .region-copy{gap:11px}
  .region-copy h2{font-size:clamp(17px,4.7vw,21px);line-height:1.25}
  .region-copy p br{display:none}
  .region-image{height:130px;background-position:center}
  .footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 16px;padding:24px 18px}
  .footer-logo,.footer-cta{grid-column:1/-1}
  .footer-bottom{gap:8px}
  .floating-wa{right:14px;bottom:max(14px,env(safe-area-inset-bottom));padding:12px 15px}
  .back-to-top{left:14px;bottom:max(14px,env(safe-area-inset-bottom));padding:12px 14px}
}
@media(max-width:390px){
  .hero-tag{font-size:8px;max-width:36%;padding:8px 9px 8px 13px}
  .hero-logo{width:70vw}
  .hero-points{gap:9px}
  .hero-points span{font-size:9px}
  .hero-points i{width:29px;height:29px;font-size:16px}
  .hero-contact{gap:8px}
  .hero-contact a{font-size:10px;padding:9px 7px}
  .benefit-row,.steps{grid-template-columns:minmax(0,1fr)}
  .benefit{gap:12px}
  .step{align-items:center}
  .footer-grid{grid-template-columns:minmax(0,1fr)}
  .footer-logo,.footer-cta{grid-column:auto}
  .footer-logo{align-items:flex-start;text-align:left}
  .floating-wa b,.back-to-top span{display:none}
  .floating-wa,.back-to-top{width:46px;height:46px;justify-content:center;padding:0}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}


/* Premium polish: transparent logo with subtle white glow */
.brand img,.hero-logo img,.footer-logo img,.about-logo img{
  background:transparent!important;
  filter:drop-shadow(0 0 3px rgba(255,255,255,.98)) drop-shadow(0 2px 7px rgba(255,255,255,.82)) drop-shadow(0 5px 12px rgba(3,36,78,.12));
}
.hero-logo img{transition:transform .45s ease,filter .45s ease}
.hero-logo img:hover{transform:scale(1.025);filter:drop-shadow(0 0 5px #fff) drop-shadow(0 3px 12px rgba(255,255,255,.95))}
.hero-contact,.service-card,.benefit,.region-image,.footer-cta{transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease}
.hero-contact:hover{transform:translateY(-3px);box-shadow:0 16px 35px rgba(0,32,75,.22)}
.card-button,.nav-whatsapp,.footer-cta>a{position:relative;overflow:hidden}
.card-button:before,.nav-whatsapp:before,.footer-cta>a:before{
  content:"";position:absolute;top:-80%;left:-40%;width:30%;height:260%;
  transform:rotate(22deg);background:rgba(255,255,255,.24);transition:left .6s ease;pointer-events:none
}
.card-button:hover:before,.nav-whatsapp:hover:before,.footer-cta>a:hover:before{left:130%}
.hero-contact .wa-mark{filter:drop-shadow(0 2px 5px rgba(24,185,87,.22))}
.region-image{border-radius:6px}
.back-to-top{
  position:fixed;z-index:80;left:18px;bottom:20px;display:none;align-items:center;gap:8px;
  border:1px solid rgba(255,255,255,.45);border-radius:999px;padding:12px 16px;
  background:linear-gradient(135deg,#0a3b76,#087ee5);color:#fff;
  box-shadow:0 8px 24px rgba(0,35,80,.3);font:700 12px Arial,sans-serif;cursor:pointer;
  transition:transform .2s ease,box-shadow .2s ease,background .2s ease
}
.back-to-top.visible{display:flex}
.back-to-top:hover{transform:translateY(-4px);box-shadow:0 12px 30px rgba(0,85,180,.4);background:linear-gradient(135deg,#087ee5,#00a5f3)}
.back-to-top .arrow{font-size:18px;line-height:1}
.floating-wa{z-index:79;right:18px;bottom:20px}
@media(max-width:650px){
 .back-to-top{left:12px;bottom:max(14px,env(safe-area-inset-bottom));padding:12px 14px}
 .floating-wa{right:12px;bottom:max(14px,env(safe-area-inset-bottom))}
}
@media(max-width:390px){
 .back-to-top span{display:none}
 .back-to-top{width:46px;height:46px;justify-content:center;padding:0}
}
@media(prefers-reduced-motion:reduce){
 .hero-logo img,.hero-contact,.service-card,.benefit,.region-image,.footer-cta,.card-button,.nav-whatsapp{transition:none!important}
}


/* HEADER PHOTO + LOGO FRAME REFINEMENT */
.hero{isolation:isolate}
.hero-bg{
  background-image:url('assets/header-clean-photo.jpg')!important;
  background-size:cover!important;
  background-position:center 45%!important;
  filter:saturate(1.2) contrast(1.12) brightness(1.06)!important;
  opacity:1!important;
  transform:scale(1.015);
}
.hero-shade{
  background:linear-gradient(90deg,rgba(255,255,255,.77) 0%,rgba(255,255,255,.56) 29%,rgba(255,255,255,.08) 57%,rgba(0,18,45,.13) 100%)!important;
}
.hero-logo{
  position:relative;
  isolation:isolate;
  padding:10px 14px;
  border:2px solid rgba(255,255,255,.98);
  border-radius:16px;
  background:rgba(255,255,255,.055);
  box-shadow:0 0 0 1px rgba(255,255,255,.32),0 8px 24px rgba(0,23,58,.20),0 0 18px rgba(255,255,255,.7);
  backdrop-filter:blur(2px);
}
.hero-logo img{
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
  background:transparent!important;
  filter:drop-shadow(0 0 2px #fff) drop-shadow(0 0 7px rgba(255,255,255,.95)) drop-shadow(0 5px 10px rgba(0,24,64,.18))!important;
}
@media(max-width:760px){
  .hero-bg{background-position:center 42%!important;opacity:1!important}
  .hero-shade{background:linear-gradient(180deg,rgba(255,255,255,.76) 0%,rgba(255,255,255,.60) 45%,rgba(255,255,255,.32) 100%)!important}
  .hero-logo{padding:8px 10px;border-radius:13px;border-width:2px;max-width:calc(100vw - 32px)}
}

/* Lesbarkeit im Header: klare Kontraste und ruhige Hintergründe */
.service-line{
  display:table;
  max-width:100%;
  padding:7px 11px;
  margin:10px 0 8px;
  border-radius:7px;
  background:rgba(255,255,255,.94);
  color:#082b59!important;
  font-size:clamp(11px,1.15vw,15px)!important;
  font-weight:900;
  letter-spacing:.35px!important;
  line-height:1.45!important;
  text-shadow:none!important;
  box-shadow:0 2px 10px rgba(0,24,64,.12);
}
.slogan{
  display:table;
  padding:2px 8px 5px;
  margin-left:clamp(0px,4vw,45px)!important;
  border-radius:6px;
  color:#006bc4!important;
  font-size:clamp(27px,3vw,39px)!important;
  font-weight:700;
  line-height:1.25!important;
  background:rgba(255,255,255,.76);
  text-shadow:0 1px 0 #fff,0 2px 5px rgba(255,255,255,.95);
}
.hero-points{
  gap:clamp(8px,1.5vw,20px)!important;
  flex-wrap:wrap;
  align-items:stretch;
}
.hero-points span{
  padding:7px 9px 7px 7px;
  border-radius:9px;
  background:rgba(255,255,255,.96);
  box-shadow:0 2px 10px rgba(0,24,64,.13);
  color:#092a55!important;
  font-size:clamp(11px,1.1vw,14px)!important;
  line-height:1.3!important;
  text-shadow:none!important;
}
.hero-points span b{font-weight:850;color:#092a55!important}
.hero-points i{flex:0 0 auto;background:#fff;color:#006fd1!important;border-color:#0879df!important}
@media(max-width:760px){
 .service-line{display:block;width:100%;font-size:clamp(10px,2.8vw,13px)!important;letter-spacing:.1px!important;padding:8px 9px;margin:8px 0 7px}
 .slogan{margin-left:0!important;font-size:clamp(26px,7vw,34px)!important;max-width:100%}
 .hero-points{display:grid!important;grid-template-columns:1fr 1fr;gap:8px!important}
 .hero-points span{font-size:11px!important;padding:8px 7px}
 .hero-points span:last-child{grid-column:1/-1}
}
@media(max-width:380px){.hero-points span{font-size:10px!important}.service-line{font-size:10px!important}}

/* MP Dienste Premium 2026: klare WhatsApp-Erkennung, Motion und Local SEO UI */
:root{--mp-blue:#0879df;--mp-navy:#082b59;--mp-green:#25d366;--mp-green-dark:#128c4a}
html{scroll-behavior:smooth}
::selection{background:#0879df;color:#fff}
.nav-whatsapp{display:inline-flex;align-items:center;gap:7px;padding:11px 15px;border-radius:999px;background:linear-gradient(135deg,#20c963,#0c9d51);box-shadow:0 6px 18px #128c4a30;transition:transform .25s ease,box-shadow .25s ease}
.nav-whatsapp svg{width:20px;height:20px;fill:#fff;flex:0 0 auto}
.nav-whatsapp:hover{transform:translateY(-2px);box-shadow:0 10px 25px #128c4a45}
.hero-contact{border:1px solid #e5f4e9;border-radius:18px;box-shadow:0 18px 50px #001c3b30;backdrop-filter:blur(12px)}
.wa-mark svg{width:38px;height:38px;display:block;fill:var(--mp-green)}
.hero-contact .whatsapp-primary{display:flex;align-items:center;justify-content:center;gap:10px;background:linear-gradient(135deg,#25d366,#128c4a);border-radius:12px;padding:13px 15px;color:#fff;font-size:clamp(12px,1vw,14px);box-shadow:0 8px 18px #128c4a30;transition:transform .2s ease,box-shadow .2s ease}
.whatsapp-primary svg{width:23px;height:23px;fill:#fff;flex:0 0 auto}
.whatsapp-primary span{flex:1;text-align:center}
.whatsapp-primary b{font-size:20px;line-height:1}
.whatsapp-primary:hover{transform:translateY(-2px);box-shadow:0 12px 25px #128c4a40;background:linear-gradient(135deg,#31e574,#0b8141)}
.floating-wa{position:fixed!important;display:flex!important;align-items:center;gap:9px;right:20px;bottom:20px;padding:13px 18px!important;border-radius:999px!important;color:#fff!important;background:linear-gradient(135deg,#25d366,#128c4a)!important;box-shadow:0 9px 28px #07552f55!important;border:2px solid rgba(255,255,255,.9);text-decoration:none;animation:wa-pulse 3s ease-in-out infinite;transition:transform .22s ease,box-shadow .22s ease;max-width:calc(100vw - 35px)}
.floating-wa svg{width:27px;height:27px;fill:#fff;flex:0 0 auto}
.floating-wa b{font-size:14px;line-height:1.1}
.floating-wa .wa-caption{font-size:10px;opacity:.9;display:block;margin-left:-3px;border-left:1px solid #ffffff70;padding-left:9px}
.floating-wa:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 14px 34px #07552f70!important;animation:none}
.footer-wa-icon svg{width:23px;height:23px;vertical-align:middle;fill:#25d366}
.footer-cta>a{background:linear-gradient(135deg,#25d366,#128c4a)!important;border-radius:999px!important;box-shadow:0 7px 18px #128c4a30}
.region-image{background-image:url('assets/stolberg-panorama-ai.jpg')!important;background-position:center 53%;min-height:130px;box-shadow:0 8px 24px #072d5d22;isolation:isolate}
.region-image:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,27,53,.05),rgba(4,27,53,.65));z-index:-0;transition:opacity .35s ease}
.paint{z-index:1;right:5%;text-align:right;transform:none;text-shadow:0 2px 12px #001a36}
.paint strong{font-family:Arial,Helvetica,sans-serif;font-size:clamp(15px,2vw,24px);font-weight:800;letter-spacing:-.4px}
.paint small{font-size:clamp(10px,1vw,13px);margin-top:5px}
.service-card{transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}
.service-card:hover{transform:translateY(-7px);box-shadow:0 18px 38px #082b591c;border-color:#b8dafa}
.card-photo{transition:transform .6s cubic-bezier(.2,.7,.2,1),filter .4s ease}
.service-card:hover .card-photo{transform:scale(1.035);filter:saturate(1.1)}
.hero-tag{box-shadow:0 12px 26px #001a3838;backdrop-filter:blur(8px)}
.hero-points span{padding:8px 10px;border:1px solid #d7e9f9;border-radius:12px;background:rgba(255,255,255,.86);box-shadow:0 5px 15px #002d5d0d;transition:transform .25s ease,box-shadow .25s ease}
.hero-points span:hover{transform:translateY(-3px);box-shadow:0 9px 20px #002d5d18}
.benefit{padding:10px;border-radius:15px;transition:transform .25s ease,background .25s ease}
.benefit:hover{transform:translateY(-4px);background:#fff;box-shadow:0 9px 22px #082b590d}
@keyframes wa-pulse{0%,100%{box-shadow:0 9px 28px #07552f55,0 0 0 0 #25d36650}50%{box-shadow:0 9px 28px #07552f55,0 0 0 7px #25d36600}}
@media(max-width:760px){
 .nav-whatsapp{padding:9px 11px}
 .nav-whatsapp svg{width:23px;height:23px}
 .hero-contact{border-radius:16px}
 .hero-contact .whatsapp-primary{font-size:12px;padding:12px 9px;gap:7px}
 .floating-wa{right:12px;bottom:max(14px,env(safe-area-inset-bottom));padding:11px 14px!important}
 .floating-wa .wa-caption{display:none}
 .region-image{height:155px}
 .paint{right:16px;left:16px;align-items:flex-end}
}
@media(max-width:390px){.floating-wa{width:auto!important;height:46px!important;justify-content:center;padding:0 13px!important}.floating-wa b{display:block!important;font-size:12px}.floating-wa svg{width:23px;height:23px}}
@media(prefers-reduced-motion:reduce){.floating-wa{animation:none!important}.service-card,.card-photo,.hero-points span,.benefit{transition:none!important}}


/* Navigation: Desktop als klassische Leiste, Tablet und Smartphone als Hamburger-Menü */
@media (min-width: 1025px){
  .nav{display:flex!important;position:static;flex-direction:row;align-items:center;gap:clamp(12px,1.55vw,24px);font-size:clamp(10px,.82vw,13px);white-space:nowrap;box-shadow:none;padding:0;background:transparent}
  .nav a{height:55px;display:flex;align-items:center;padding:0 1px}
  .menu-button{display:none!important}
}
@media (max-width: 1024px){
  .header,.nav-shell{height:68px}
  .nav-shell{padding:0 18px;gap:14px}
  .menu-button{display:flex!important;align-items:center;justify-content:center;margin-left:auto;border:0;background:#edf6ff;color:#0758a8;border-radius:12px;font-size:28px;line-height:1;width:54px;height:50px;cursor:pointer;flex:0 0 auto}
  .nav{display:none;position:absolute;top:68px;left:0;right:0;z-index:60;background:#fff;box-shadow:0 14px 25px #001b3c20;padding:10px 22px 16px;flex-direction:column;align-items:stretch;gap:0;font-size:15px;white-space:normal}
  .nav.open{display:flex!important}
  .nav a{height:auto;min-height:48px;padding:13px 4px;border-bottom:1px solid #edf2f7}
}
@media (max-width: 650px){
  .header,.nav-shell{height:60px}
  .nav-shell{padding:0 13px}
  .nav{top:60px}
  .menu-button{width:48px;height:46px;font-size:25px;border-radius:10px}
}

/* Service-Assistent: professionelles Chat-Widget */
.back-to-top{left:auto!important;right:20px!important;bottom:20px!important;z-index:80}
@media(max-width:760px){.back-to-top{left:auto!important;right:14px!important;bottom:max(14px,env(safe-area-inset-bottom))!important}}
.mp-chat-launcher{position:fixed;left:18px;bottom:20px;z-index:90}
.mp-chat-launcher button{display:flex;align-items:center;gap:10px;border:1px solid #cce6ff;border-radius:999px;padding:10px 17px 10px 10px;background:linear-gradient(135deg,#0879df,#0756ad);color:#fff;box-shadow:0 10px 28px #073b7750;cursor:pointer;font:inherit;text-align:left;transition:transform .2s ease,box-shadow .2s ease}
.mp-chat-launcher button:hover{transform:translateY(-3px);box-shadow:0 14px 34px #073b7760}
.chat-launch-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#fff;color:#0879df;font-size:27px;box-shadow:0 3px 10px #001b3c20}
.mp-chat-launcher b,.mp-chat-launcher small{display:block}.mp-chat-launcher b{font-size:13px}.mp-chat-launcher small{font-size:11px;margin-top:2px;opacity:.88}
.mp-chat-panel{position:fixed;left:18px;bottom:86px;width:min(390px,calc(100vw - 28px));height:min(570px,calc(100dvh - 125px));min-height:370px;z-index:100;background:#fff;color:#14243a;border:1px solid #dce8f5;border-radius:20px;box-shadow:0 24px 70px #001b3c40;overflow:hidden;display:flex;flex-direction:column;animation:chat-in .22s ease-out}
.mp-chat-panel[hidden]{display:none!important}
.mp-chat-head{background:linear-gradient(120deg,#062b57,#0879df);color:white;display:flex;align-items:center;gap:11px;padding:16px}
.mp-chat-avatar{display:grid;place-items:center;width:40px;height:40px;border-radius:14px;background:#ffffff20;font-size:25px;border:1px solid #ffffff50}
.mp-chat-head div{flex:1;min-width:0}.mp-chat-head strong,.mp-chat-head small{display:block}.mp-chat-head strong{font-size:14px}.mp-chat-head small{font-size:10px;margin-top:5px;color:#d9ecff}.mp-chat-head small i{display:inline-block;width:7px;height:7px;background:#38e58c;border-radius:50%;margin-right:5px}
.mp-chat-head>button{border:0;background:#ffffff1c;color:#fff;border-radius:10px;width:34px;height:34px;font-size:25px;cursor:pointer}
.mp-chat-messages{flex:1;overflow:auto;padding:16px 13px;display:flex;flex-direction:column;gap:10px;background:linear-gradient(#f6faff,#fff)}
.mp-chat-bubble{max-width:92%;padding:11px 13px;border-radius:14px;font-size:13px;line-height:1.5;overflow-wrap:anywhere;white-space:pre-line}
.mp-chat-bubble.bot{align-self:flex-start;background:#eaf4ff;border:1px solid #d7eaff;border-bottom-left-radius:4px}.mp-chat-bubble.user{align-self:flex-end;background:#0879df;color:#fff;border-bottom-right-radius:4px}
.mp-chat-quick{display:flex;flex-wrap:wrap;gap:7px;margin:1px 0 4px}.mp-chat-quick button{border:1px solid #b8d9fb;border-radius:999px;background:#fff;color:#0758a8;padding:8px 10px;font-size:11px;cursor:pointer}.mp-chat-quick button:hover{background:#eaf4ff}
.mp-chat-form{display:flex;gap:8px;padding:11px;border-top:1px solid #e7edf5;background:#fff}.mp-chat-form input{min-width:0;flex:1;border:1px solid #d6e1ed;border-radius:12px;padding:12px;font:13px Arial,sans-serif;outline:none}.mp-chat-form input:focus{border-color:#0879df;box-shadow:0 0 0 3px #0879df20}.mp-chat-form>button{width:44px;flex:0 0 44px;border:0;border-radius:12px;background:#0879df;color:#fff;font-size:20px;cursor:pointer}
.mp-chat-foot{padding:0 12px 11px;background:#fff;color:#6c7d90;font-size:9px;text-align:center}.mp-chat-foot button{border:0;background:transparent;color:#0758a8;text-decoration:underline;cursor:pointer;font-size:9px;padding:3px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@keyframes chat-in{from{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:760px){.mp-chat-launcher{left:12px;bottom:max(14px,env(safe-area-inset-bottom))}.mp-chat-launcher button{padding:7px 12px 7px 7px;gap:8px}.chat-launch-icon{width:38px;height:38px}.mp-chat-panel{left:10px;bottom:75px;width:calc(100vw - 20px);height:min(590px,calc(100dvh - 100px));border-radius:17px}.back-to-top{width:46px;height:46px;justify-content:center;padding:0!important}.back-to-top span{display:none}}
@media(prefers-reduced-motion:reduce){.mp-chat-panel,.mp-chat-launcher button{animation:none;transition:none}}

/* Consent checkbox shown before handoff to WhatsApp */
.mp-chat-consent{display:flex;align-items:flex-start;gap:10px;margin:12px 0;padding:12px;background:#f2f7fc;border:1px solid #c8dced;border-radius:12px;color:#203248;font-size:12px;line-height:1.5}
.mp-chat-consent input{flex:0 0 auto;width:18px;height:18px;margin:2px 0 0;accent-color:#0879df}
.mp-chat-consent a{color:#075fb7;text-decoration:underline;font-weight:700}
.mp-chat-dynamic button{white-space:normal}


/* MP Dienste: Cookie-Auswahl als vorgeschaltetes Datenschutzfenster */
.mp-cookie-backdrop{position:fixed;inset:0;z-index:100000;display:flex;align-items:center;justify-content:center;padding:18px;background:rgba(4,18,36,.78);backdrop-filter:blur(7px);overflow-y:auto}
.mp-cookie-backdrop[hidden]{display:none!important}
.mp-cookie-card{width:min(100%,590px);max-height:calc(100dvh - 36px);overflow-y:auto;background:#fff;color:#182b40;border-radius:22px;padding:clamp(22px,4vw,36px);box-shadow:0 25px 90px #0008;border:1px solid #dce7f2}
.mp-cookie-icon{font-size:30px;margin-bottom:8px}
.mp-cookie-kicker{font-size:11px;font-weight:800;letter-spacing:.15em;color:#0879df;margin:0 0 7px}
.mp-cookie-card h2{font-size:clamp(24px,4vw,32px);line-height:1.15;margin:0 0 14px;color:#082b59}
.mp-cookie-card p{font-size:14px;line-height:1.65;margin:0 0 13px}
.mp-cookie-detail{font-size:13px;line-height:1.55;background:#f3f7fb;border:1px solid #dce8f4;border-radius:12px;padding:13px 15px;margin:15px 0}
.mp-cookie-detail ul{padding-left:19px;margin:7px 0 0}.mp-cookie-detail li+li{margin-top:7px}
.mp-cookie-privacy a{color:#075fb7;text-decoration:underline;font-weight:700}
.mp-cookie-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}
.mp-cookie-actions button{min-height:48px;border-radius:11px;padding:12px 14px;font:inherit;font-size:13px;font-weight:800;cursor:pointer;border:1px solid #0879df}
.mp-cookie-primary{background:#0879df;color:#fff}.mp-cookie-primary:hover{background:#075fb7}
.mp-cookie-secondary{background:#fff;color:#082b59;border-color:#aabbd0!important}.mp-cookie-secondary:hover{background:#f0f5fa}
.mp-cookie-note{display:block;margin-top:14px;color:#5b6b7c;font-size:11px;line-height:1.5}
.mp-cookie-settings{position:fixed;z-index:9990;left:12px;bottom:12px;border:1px solid #b8c8da;border-radius:999px;background:#fff;color:#183452;padding:9px 13px;font-size:11px;font-weight:700;box-shadow:0 4px 16px #001b3b20;cursor:pointer}
body.mp-cookie-locked{overflow:hidden}body.mp-cookie-locked>*:not(#mpCookieBackdrop){pointer-events:none;user-select:none}
body.mp-cookie-locked #mpCookieBackdrop,body.mp-cookie-locked #mpCookieBackdrop *{pointer-events:auto;user-select:text}
@media(max-width:520px){.mp-cookie-actions{grid-template-columns:1fr}.mp-cookie-card{border-radius:18px}.mp-cookie-settings{bottom:8px;left:8px}}

/* Footer: übersichtliche Gruppen und Cookie-Einstellungen als unaufdringlicher Link */
.footer-grid{grid-template-columns:1.15fr 1fr 1.15fr .9fr 1.2fr;gap:clamp(14px,2vw,28px);padding-top:28px;padding-bottom:24px;align-items:start}
.footer-grid h3{font-size:13px;letter-spacing:.02em;margin:4px 0 11px}
.footer-grid>div:not(.footer-logo):not(.footer-cta)>a{font-size:12px;line-height:1.9;text-decoration:none;width:fit-content;max-width:100%}
.footer-grid>div:not(.footer-logo):not(.footer-cta)>a:hover,.footer-bottom a:hover{color:#70c8ff;text-decoration:underline}
.footer-logo{align-items:flex-start;text-align:left;gap:4px}.footer-logo img{width:78px;height:60px}.footer-logo>small{font-size:8px;max-width:190px}
.footer-cta{padding:14px}.footer-cta strong{font-size:12px}.footer-cta>a{font-size:12px;padding:11px}
.footer-bottom{max-width:none;padding:14px max(4%,calc((100% - 1200px)/2));font-size:11px;gap:16px}.footer-bottom a{color:#e1ebf7;text-decoration:none}.legal-footer{padding:18px 4%;display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;background:#081c31;color:#e1ebf7}
@media(max-width:850px){.footer-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px 18px;padding:24px 4%}.footer-logo{grid-column:auto}.footer-cta{grid-column:span 2}}
@media(max-width:650px){.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 16px;padding:24px 18px}.footer-logo,.footer-cta{grid-column:1/-1}.footer-logo{align-items:center;text-align:center}.footer-logo img{width:86px;height:60px}.footer-grid h3{font-size:13px}.footer-grid>div:not(.footer-logo):not(.footer-cta)>a{font-size:12px;line-height:1.9}.footer-cta{padding:14px}.footer-bottom{padding:13px 18px;flex-direction:column;align-items:flex-start}.legal-footer{flex-direction:column;align-items:flex-start}}

/* Kompakte, gut bedienbare Cookie-Auswahl */
.mp-cookie-card{width:min(100%,440px);max-height:calc(100dvh - 28px);padding:clamp(16px,3.5vw,24px);border-radius:18px}
.mp-cookie-heading{display:flex;align-items:center;gap:12px;margin-bottom:10px}
.mp-cookie-icon{font-size:27px;margin:0;flex:0 0 auto}
.mp-cookie-kicker{font-size:10px;margin:0 0 3px!important;letter-spacing:.12em}
.mp-cookie-card h2{font-size:clamp(21px,5vw,27px);margin:0;line-height:1.15}
.mp-cookie-card p{font-size:13px;line-height:1.5;margin:0 0 10px}
.mp-cookie-actions{grid-template-columns:1fr 1fr;gap:8px;margin-top:14px}
.mp-cookie-actions button{min-height:44px;padding:10px 11px;font-size:13px;line-height:1.25}
.mp-cookie-note{font-size:10px;line-height:1.4;margin-top:10px}
@media(max-width:480px){.mp-cookie-backdrop{padding:12px;align-items:center}.mp-cookie-card{width:100%;max-height:calc(100dvh - 24px);padding:18px}.mp-cookie-actions{grid-template-columns:1fr}.mp-cookie-actions button{width:100%;min-height:44px}}


/* Desktop layout correction: keep all hero highlights visible */
@media (min-width: 761px) {
  .hero {
    height: auto !important;
    min-height: 500px;
    overflow: visible;
  }
  .hero-content {
    height: auto !important;
    min-height: 500px;
    padding-bottom: 24px;
  }
  .hero-points {
    flex-wrap: wrap;
    padding-bottom: 4px;
  }
  /* Center the service assistant on desktop for easier use */
  .mp-chat-panel {
    left: 50% !important;
    top: 50% !important;
    right: auto !important;
    bottom: auto !important;
    transform: translate(-50%, -50%);
    width: min(520px, calc(100vw - 48px));
    height: min(720px, calc(100dvh - 64px));
    min-height: 420px;
    border-radius: 22px;
  }
}

/* Desktop-only footer fix: keep both contact buttons fully visible without changing mobile layout */
@media (min-width: 851px) {
  .footer-grid {
    grid-template-columns: minmax(130px, 1fr) minmax(190px, 1.25fr) minmax(145px, 1fr) minmax(220px, 1.35fr);
    gap: clamp(16px, 2.2vw, 30px);
    align-items: start;
    box-sizing: border-box;
    width: 100%;
  }
  .footer-grid > div,
  .footer-cta {
    min-width: 0;
    box-sizing: border-box;
  }
  .footer-cta {
    width: 100%;
    max-width: 320px;
    padding: 14px;
  }
  .footer-cta > a {
    width: 100%;
    min-height: 42px;
    box-sizing: border-box;
    display: flex !important;
    align-items: center;
    justify-content: center;
    white-space: normal;
    overflow-wrap: anywhere;
    line-height: 1.35;
    padding: 10px 12px;
  }
}


/* MP Dienste homepage expansion: SEO content, AI illustrative before/after, honest review invitation */
.before-after,.local-seo,.reviews{max-width:1240px;margin:0 auto;padding:44px 4%;}
.before-after-figure{margin:0 auto;max-width:1000px;background:#f4f8fc;border:1px solid #dbe8f4;border-radius:16px;overflow:hidden;box-shadow:0 12px 30px #06284a12}
.before-after-figure img{display:block;width:100%;height:auto;aspect-ratio:2.15/1;object-fit:cover}
.before-after-figure figcaption{padding:12px 16px;font-size:12px;line-height:1.5;color:#52657a}
.local-seo-grid,.review-invite-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:24px}
.local-seo-grid article,.review-invite,.review-note{padding:22px;border:1px solid #dce8f4;border-radius:14px;background:#fff;box-shadow:0 8px 24px #06284a0a}
.local-seo-grid h3,.review-invite h3,.review-note h3{font-size:17px;color:#073d78;margin:0 0 10px}
.local-seo-grid p,.review-invite p,.review-note p{font-size:14px;line-height:1.7;color:#4a5b70;margin:0}
.local-places{margin:22px 0 0;padding:16px 18px;border-radius:10px;background:#eef7ff;color:#24445f;font-size:13px;line-height:1.7}
.review-invite-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.review-stars{font-size:25px;letter-spacing:3px;color:#e5a000;margin-bottom:10px}
.review-invite a,.review-note a{display:inline-block;margin-top:16px;background:#0879d9;color:#fff;text-decoration:none;font-weight:700;font-size:13px;padding:11px 16px;border-radius:8px}
@media(max-width:760px){.before-after,.local-seo,.reviews{padding:30px 16px}.before-after-figure img{aspect-ratio:1.35/1}.local-seo-grid,.review-invite-grid{grid-template-columns:1fr}.local-seo-grid article,.review-invite,.review-note{padding:18px}}
/* Footer: remove old CTA area; balance remaining columns without changing mobile breakpoints */
.footer-grid{grid-template-columns:1.25fr 1.15fr 1.2fr 1fr;}
@media(max-width:1050px){.footer-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}


/* Erweiterter Über-uns-Bereich – Desktop und Mobil */
.about-expanded-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(260px,1fr);gap:34px;max-width:1180px;margin:0 auto 28px;padding:0 22px;align-items:start}
.about-copy h3,.about-points h3{margin:0 0 14px;color:#082b54;font-size:1.22rem;line-height:1.35}
.about-copy p{font-size:1rem;line-height:1.75;color:#334155;margin:0 0 14px}
.about-copy .card-button{display:inline-flex;margin-top:8px}
.about-points{background:#f2f8fd;border:1px solid #d9e9f7;border-radius:16px;padding:24px}
.about-points ul{list-style:none;margin:0;padding:0;display:grid;gap:16px}
.about-points li{position:relative;padding-left:27px;display:flex;flex-direction:column;gap:4px}
.about-points li:before{content:'✓';position:absolute;left:0;top:0;color:#0787e8;font-weight:800}
.about-points li strong{color:#0a2b50}
.about-points li span{font-size:.93rem;line-height:1.5;color:#475569}
@media(max-width:850px){.about-expanded-grid{grid-template-columns:1fr;gap:22px;padding:0 16px}.about-points{padding:20px}.about-copy p{font-size:.97rem;line-height:1.65}}


/* Vorher-Nachher: separate, gut erkennbare 4K-Beispielbilder */
.before-after-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;max-width:1120px;margin:26px auto 0}
.before-after-card{margin:0;min-width:0;overflow:hidden;border-radius:14px;background:#fff;border:1px solid #d9e6f2;box-shadow:0 10px 28px #082b5414}
.before-after-card img{display:block;width:100%;height:auto;aspect-ratio:1.14/1;object-fit:contain;background:#f4f7fa}
.before-after-card figcaption{display:flex;align-items:center;gap:12px;padding:12px 16px;color:#52657a;font-size:13px}
.before-after-card figcaption strong{background:#087fe0;color:white;border-radius:7px;padding:6px 12px;font-size:13px}
.before-after-disclaimer{max-width:1120px;margin:12px auto 0;color:#64748b;font-size:12px;line-height:1.5}
.about-preview{padding:44px 4%;background:linear-gradient(120deg,#f4f9ff,#fff)}
.about-preview-grid{max-width:1180px;margin:auto;display:grid;grid-template-columns:minmax(0,1.7fr) minmax(250px,1fr);gap:32px;align-items:center}
.about-preview-copy>small,.about-page-kicker{color:#0787e8;letter-spacing:.16em;font-size:11px;font-weight:800}
.about-preview-copy h2{font-size:clamp(24px,3vw,34px);line-height:1.2;color:#082b54;margin:10px 0 14px}
.about-preview-copy p{font-size:15px;line-height:1.75;color:#3f5065;margin:0 0 12px}
.about-preview-points{display:grid;gap:12px;padding:22px;background:#fff;border:1px solid #dce9f5;border-radius:16px;box-shadow:0 8px 25px #06284a0b}
.about-preview-points span{color:#12395f;font-size:14px;font-weight:700}
.about-preview-points span:first-letter{color:#0787e8}
.about-page{max-width:1180px;margin:0 auto;padding:54px 24px 70px}
.about-page-hero{background:linear-gradient(120deg,#062b51ee,#0879d9d9),url('assets/stolberg-panorama-ai.jpg') center/cover;color:white;border-radius:20px;padding:clamp(28px,5vw,60px);margin-bottom:30px}
.about-page-hero h1{font-size:clamp(30px,4vw,48px);line-height:1.12;margin:8px 0 16px;max-width:850px}
.about-page-hero p{max-width:850px;font-size:17px;line-height:1.75;margin:0}
.about-page-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(260px,1fr);gap:28px;align-items:start}
.about-page-copy,.about-page-values{background:#fff;border:1px solid #dce8f4;border-radius:16px;padding:clamp(22px,3vw,34px);box-shadow:0 8px 24px #06284a0a}
.about-page-copy h2,.about-page-values h2{color:#082b54;margin:0 0 14px;font-size:24px}
.about-page-copy p{color:#405168;line-height:1.8;margin:0 0 16px}
.about-page-values ul{list-style:none;padding:0;margin:0;display:grid;gap:17px}
.about-page-values li{padding-left:28px;position:relative;color:#52657a;line-height:1.55}
.about-page-values li:before{content:'✓';position:absolute;left:0;top:0;color:#0787e8;font-weight:900}
.about-page-values strong{display:block;color:#103b65;margin-bottom:3px}
.about-page-cta{margin-top:26px;padding:28px;background:#eef7ff;border-radius:16px;text-align:center}
.about-page-cta h2{margin:0 0 8px;color:#082b54}
.about-page-cta p{margin:0 0 18px;color:#52657a}
@media(max-width:850px){
 .before-after-gallery{grid-template-columns:1fr;gap:16px;margin-top:20px}
 .before-after-card img{aspect-ratio:1.25/1;object-fit:contain}
 .about-preview-grid,.about-page-grid{grid-template-columns:1fr;gap:18px}
 .about-preview{padding:34px 16px}
 .about-page{padding:30px 16px 45px}
 .about-page-hero{border-radius:14px}
}

/* Local SEO landing pages */
.location-hero{position:relative;isolation:isolate;overflow:hidden;color:#fff;background:#082849;padding:clamp(38px,6vw,78px) max(20px,calc((100vw - 1160px)/2));min-height:300px;display:flex;align-items:center}.location-hero:before{content:"";position:absolute;inset:0;z-index:-2;background-image:linear-gradient(90deg,rgba(3,25,48,.94),rgba(4,39,72,.72) 52%,rgba(5,42,75,.35)),var(--location-image);background-size:cover;background-position:center}.location-hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,rgba(0,25,50,.22),transparent 55%)}.location-hero-inner{max-width:800px}.location-hero small{color:#a9dcff;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.location-hero h1{font-size:clamp(32px,5vw,52px);line-height:1.08;margin:14px 0;max-width:900px}.location-hero p{font-size:clamp(16px,1.8vw,19px);line-height:1.7;max-width:760px;color:#e7f4ff}.location-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}.location-actions a{display:inline-flex;align-items:center;justify-content:center;padding:13px 18px;border-radius:10px;background:#0785ed;color:#fff;text-decoration:none;font-weight:800}.location-actions a.secondary{background:#fff;color:#073565}.location-content{max-width:1120px;margin:0 auto;padding:32px 22px 54px}.location-intro{font-size:17px;line-height:1.8;color:#3c5065}.location-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:26px 0}.location-feature{border:1px solid #dce8f4;border-radius:15px;padding:20px;background:#fff;box-shadow:0 8px 24px #092e4d0b}.location-feature h2{font-size:19px;color:#0758a8;margin:0 0 8px}.location-feature p{line-height:1.7;color:#42556a;margin:0}.location-image{width:100%;max-height:320px;object-fit:cover;display:block;border-radius:16px;margin:22px 0}.location-area{background:#eef7ff;border:1px solid #d7eafb;border-radius:16px;padding:24px;margin:24px 0}.location-area h2{margin-top:0;color:#083768}.location-pills{display:flex;gap:8px;flex-wrap:wrap}.location-pills span{background:#fff;border:1px solid #d0e3f4;color:#174d7d;padding:8px 12px;border-radius:24px;font-size:13px}.location-links{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}.location-links a{border:1px solid #c9def1;background:#fff;border-radius:24px;padding:9px 13px;text-decoration:none;color:#0758a8;font-weight:700}.location-faq{padding:14px 0;border-bottom:1px solid #e1ebf5}.location-faq summary{font-weight:800;color:#083768;cursor:pointer}.location-faq p{line-height:1.7;color:#43566a}.location-list{padding-left:22px;line-height:1.9;color:#42556a}@media(max-width:760px){.location-grid{grid-template-columns:1fr}.location-hero{min-height:unset;padding:36px 20px}.location-content{padding:25px 18px 40px}.location-actions a{width:100%}}