*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;color:#15211d;background:#fff;font-family:RobotoLocal,Arial,sans-serif;font-size:16px;line-height:1.6}
h1,h2,h3,h4,button,.main-nav,.brand,.btn,.eyebrow,.price,.hours{font-family:MontserratLocal,Arial,sans-serif}
a{color:inherit;text-decoration:none}
.site-header{height:82px;display:flex;align-items:center;gap:34px;padding:8px 5.2%;background:#fff;border-bottom:1px solid #edf2f0;position:sticky;top:0;z-index:20}
.brand{display:grid;grid-template-columns:46px auto;grid-template-rows:auto auto;column-gap:8px;min-width:245px;align-items:center}
.brand-mark{grid-row:1/3;width:42px;height:48px;position:relative;color:#129466;display:flex;align-items:end;justify-content:center;font-weight:800;font-size:23px}
.brand-mark:before{content:"";position:absolute;top:2px;left:5px;width:30px;height:24px;border-left:2px solid #129466;border-top:2px solid #129466;transform:rotate(45deg) skew(-12deg);border-radius:2px}
.brand-mark span{position:relative;z-index:1}
.brand-name{font-size:16px;font-weight:700;letter-spacing:.2px;line-height:1.1}
.brand-sub{font-size:10px;color:#6e8179;line-height:1.3}
.main-nav{display:flex;gap:30px;align-items:center;justify-content:center;flex:1}
.main-nav a{font-size:13px;font-weight:600}
.main-nav a:hover{color:#0b8b62}
.whatsapp-head{background:#0b8b62;color:#fff;border-radius:7px;padding:10px 15px;font-size:12px;font-weight:700;white-space:nowrap}
.hero{display:grid;grid-template-columns:52% 48%;min-height:500px;background:linear-gradient(90deg,#fff 0%,#fff 48%,#eff8f4 48%,#eff8f4 100%);overflow:hidden}
.hero-copy{padding:62px 7% 55px 7.5%;display:flex;flex-direction:column;justify-content:center}
.eyebrow{font-size:12px;font-weight:700;letter-spacing:1.2px;color:#0d8c63;font-style:italic}
.hero h1{font-size:42px;line-height:1.12;margin:12px 0 18px;letter-spacing:-.7px}
.hero h1 span{color:#0d8c63}
.hero-copy>p{font-size:17px;max-width:650px;margin:0;line-height:1.65}
.hero-facts{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:26px 0 23px}
.hero-facts>div{display:flex;gap:8px;align-items:flex-start;font-size:12px;line-height:1.35}
.hero-facts b{font-size:22px;color:#0b9568;line-height:1}
.hero-facts strong{font-weight:700}
.hero-actions{display:flex;gap:10px;flex-wrap:wrap}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:45px;padding:11px 19px;border-radius:6px;font-size:13px;font-weight:700;border:1px solid #0b8b62}
.btn.primary{background:#0b8b62;color:#fff}
.btn.secondary{background:#fff;color:#0b8b62}
.hero-visual{display:flex;align-items:center;justify-content:center;padding:35px 5% 35px 0}
.hero-vehicle{width:100%;height:390px;border-radius:110px 0 0 0;background:linear-gradient(145deg,#dcefe8,#b9dacd);display:flex;align-items:center;justify-content:center;overflow:hidden}
.hero-vehicle img{width:92%;height:92%;object-fit:contain;object-position:center;display:block}
.services{display:grid;grid-template-columns:repeat(5,1fr);max-width:1400px;margin:0 auto;padding:35px 5%;border-top:1px solid #d5e8e0;border-bottom:1px solid #e7f0ec}
.services article{text-align:center;padding:6px 18px;border-right:1px solid #dce9e4}
.services article:last-child{border-right:0}
.service-icon{font-size:34px;color:#0b8b62;height:52px}
.services h2{font-size:16px;margin:3px 0 7px}
.services p{font-size:14px;margin:0;line-height:1.5;color:#40504a}
.abo-section{padding:58px 5% 52px;background:#fff}
.center{text-align:center;display:block}
.section-title{text-align:center;font-size:28px;line-height:1.2;margin:6px 0 28px}
.plans{max-width:1400px;margin:auto;display:grid;grid-template-columns:repeat(4,1fr);gap:12px;align-items:start}
.plan-card{position:relative;border:1px solid #d8e7e1;border-radius:7px;padding:20px 20px 18px;background:#fff;transition:.2s;border-top:2px solid #d8e7e1}
.plan-card.recommended{border:2px solid #1b9b6e}
.plan-card.selected{border:2px solid #0b8b62!important;box-shadow:0 10px 26px rgba(11,139,98,.13)}
.recommend{position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:#0b8b62;color:#fff;border-radius:5px;padding:2px 10px;font-size:10px;font-weight:700;letter-spacing:.7px}
.plan-icon{text-align:center;color:#0b8b62;font-size:28px;margin-bottom:3px}
.plan-card h3{text-align:center;font-size:20px;margin:0 0 0}
.hours{text-align:center;font-size:15px;font-weight:600;font-style:italic}
.price{text-align:center;font-size:26px;color:#0b8b62;font-weight:700;margin:6px 0 14px}
.price small{font-size:13px;color:#15211d;font-weight:400}
.plan-card>ul{list-style:none;padding:0;margin:0 0 18px;min-height:124px}
.plan-card>ul li{font-size:14px;margin:5px 0;line-height:1.45}
.plan-card>ul li:before{content:"✓";color:#0b8b62;font-weight:700;margin-right:8px}
.choose{width:100%;padding:10px;border:1px solid #0b8b62;border-radius:5px;background:#fff;color:#0b8b62;font-family:MontserratLocal;font-weight:700;font-size:12px;cursor:pointer}
.plan-card.recommended .choose,.plan-card.selected .choose{background:#0b8b62;color:#fff}
.plan-details{margin-top:15px;padding-top:15px;border-top:1px solid #dceae4;max-height:0;overflow:hidden;opacity:0;transition:.3s}
.plan-details.open{max-height:520px;opacity:1}
.plan-details[hidden]{display:none}
.plan-details h4{font-size:16px;margin:0 0 8px}
.plan-details ul{margin:0;padding-left:18px}
.plan-details li{font-size:14px;line-height:1.55;margin:5px 0}
.single-rate{max-width:1400px;margin:12px auto 14px;background:#e4f3ed;border-radius:6px;text-align:center;padding:8px 14px;color:#0b7557;font-size:14px}
.single-rate span{margin-right:8px}.single-rate strong{font-size:17px}.single-rate small{font-size:12px;color:#537269}
.comparison-wrap{max-width:1400px;margin:0 auto 22px;border:1px solid #dbe9e4;border-radius:8px;overflow:hidden}
.compare-toggle{width:100%;background:#fff;border:0;padding:17px 20px;display:flex;align-items:center;justify-content:space-between;text-align:left;cursor:pointer}
.compare-toggle strong{font-size:22px;display:block}
.compare-toggle small{font-size:13px;color:#6c7b75}
.compare-toggle .arrow{font-size:25px;color:#0b8b62}.compare-toggle.open .arrow{transform:rotate(180deg)}
.comparison-table{border-top:1px solid #dbe9e4}.comparison-table[hidden]{display:none}
.table-scroll{overflow-x:auto}
.comparison-table table{width:100%;min-width:900px;border-collapse:collapse}
.comparison-table th,.comparison-table td{border-bottom:1px solid #e0eae6;padding:13px 14px;font-size:15px;text-align:center}
.comparison-table thead th{font-family:MontserratLocal;font-size:16px;background:#fafcfb}
.comparison-table thead th:first-child,.comparison-table tbody th{text-align:left}
.comparison-table tbody th{font-weight:500}
.comparison-table small{font-size:13px}.col-comfort{background:#eef8f4!important}
.comparison-table td{color:#0b7e5b;font-weight:600}
.table-note{font-size:13px;padding:13px 18px;margin:0;background:#f5faf8}
.info-grid{max-width:1400px;margin:14px auto 0;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.info-grid article{display:flex;gap:13px;background:#f5faf8;border-radius:6px;padding:18px 16px}
.info-grid article>span{font-size:25px;color:#0b8b62}
.info-grid h3{font-size:16px;margin:0 0 5px}.info-grid p{font-size:13px;line-height:1.5;margin:0}.info-grid strong{font-weight:700}
.about{display:grid;grid-template-columns:46% 54%;background:#f0f8f5;min-height:390px}
.about-visual{display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#cbe4da,#a3cbbd)}
.about-badge{width:230px;height:230px;border-radius:55px 0 55px 0;background:#8fbead;color:#fff;display:flex;align-items:center;justify-content:center;flex-direction:column;font-family:MontserratLocal;font-size:48px;font-weight:700;letter-spacing:2px}
.about-badge small{font-size:11px;letter-spacing:4px}
.about-copy{padding:55px 9%}.about-copy h2{font-size:28px;line-height:1.25;margin:7px 0 14px}.about-copy p{font-size:15px;line-height:1.7}.area-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.area-tags span{background:#fff;border:1px solid #cce0d8;padding:6px 12px;border-radius:999px;font-size:13px;color:#287a5d}
.contact{padding:58px 5%;text-align:center}.contact h2{font-size:30px;margin:6px auto 10px}.contact>p{font-size:16px;margin:0 auto 22px;max-width:750px}.contact-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}
footer{background:#101c25;color:#fff;padding:30px 5%;display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:30px}.footer-brand{display:grid;grid-template-columns:42px auto;grid-template-rows:auto auto;align-items:center}.footer-brand .brand-mark{grid-row:1/3}.footer-brand b{font-family:MontserratLocal;font-size:15px}.footer-brand small{font-size:10px;color:#9db0a8}.footer-links{display:flex;gap:12px;align-items:center}.footer-links a,.footer-links button{color:#fff;background:none;border:0;font-size:13px;cursor:pointer}.copyright{font-size:12px;color:#9db0a8}
.modal{position:fixed;inset:0;background:rgba(10,25,20,.55);display:none;align-items:center;justify-content:center;padding:20px;z-index:50}.modal.show{display:flex}.modal-card{background:#fff;max-width:700px;max-height:85vh;overflow:auto;border-radius:10px;padding:30px;position:relative}.modal-card .close{position:absolute;right:15px;top:10px;border:0;background:none;font-size:28px;cursor:pointer}.modal-card h2{font-size:25px}.modal-card h3{font-size:17px}.modal-card p{font-size:14px}
@media(max-width:1050px){.main-nav{gap:16px}.hero h1{font-size:38px}.hero-facts{grid-template-columns:repeat(2,1fr)}.services{grid-template-columns:repeat(3,1fr)}.plans{grid-template-columns:repeat(2,1fr)}.info-grid{grid-template-columns:repeat(2,1fr)}footer{grid-template-columns:1fr 1fr}}
@media(max-width:720px){.site-header{height:auto;min-height:74px;padding:10px 5%;gap:10px}.main-nav{display:none}.brand{min-width:0}.whatsapp-head{margin-left:auto;font-size:11px;padding:8px 10px}.hero{grid-template-columns:1fr;background:#fff}.hero-copy{padding:42px 6% 30px}.hero h1{font-size:34px}.hero-copy>p{font-size:16px}.hero-visual{padding:0 5% 30px}.hero-vehicle{height:280px;border-radius:60px 0 0 0}.hero-vehicle img{width:94%;height:94%;object-fit:contain}.services{grid-template-columns:1fr 1fr;padding:25px 5%}.services article{border-right:0;border-bottom:1px solid #e2ece8;padding:14px 8px}.plans{grid-template-columns:1fr}.info-grid{grid-template-columns:1fr}.about{grid-template-columns:1fr}.about-visual{min-height:280px}.about-copy{padding:42px 7%}.contact h2{font-size:25px}footer{grid-template-columns:1fr;text-align:center}.footer-brand{margin:auto}.footer-links{justify-content:center}.hero-actions .btn{width:100%}}
@media(max-width:430px){.brand-name{font-size:13px}.brand-sub{font-size:9px}.hero-facts{gap:11px}.hero-facts>div{font-size:11px}.services{grid-template-columns:1fr}.single-rate{font-size:12px}.single-rate strong{font-size:15px}}

/* =========================================================
   V2 – proportionierter Hero + ausgewogene Leistungssektion
   ========================================================= */

/* Hero: ruhiger, großzügiger, wie die gewünschte Designvorlage */
.hero{
  min-height:520px;
  grid-template-columns:50% 50%;
  background:linear-gradient(90deg,#fff 0%,#fff 50%,#eff8f4 50%,#eff8f4 100%);
}
.hero-copy{
  padding:68px 8% 62px 8%;
}
.hero h1{
  font-size:44px;
  line-height:1.13;
  margin:13px 0 20px;
  letter-spacing:-.9px;
}
.hero-copy>p{
  font-size:17px;
  line-height:1.72;
  max-width:670px;
}
.hero-facts{
  gap:22px;
  margin:29px 0 25px;
}
.hero-facts>div{
  font-size:13px;
}
.hero-actions .btn{
  min-height:48px;
  padding:12px 20px;
  font-size:13px;
}
.hero-visual{
  padding:38px 5% 38px 6%;
}
.hero-vehicle{
  width:100%;
  height:420px;
  border-radius:95px 0 0 0;
  background:linear-gradient(145deg,#cce5db,#a9cfc1);
  padding:22px;
  display:flex;
  align-items:center;
  justify-content:center;
}
.hero-vehicle img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  object-position:center;
  border-radius:2px;
}

/* Leistungen: nicht mehr als schmaler Streifen, sondern als eigener Abschnitt */
.services{
  display:block;
  max-width:1400px;
  margin:0 auto;
  padding:58px 5% 62px;
  border-top:0;
  border-bottom:0;
}
.services:before{
  content:"LEISTUNGEN";
  display:block;
  text-align:center;
  font-family:MontserratLocal,Arial,sans-serif;
  font-size:12px;
  font-weight:700;
  font-style:italic;
  letter-spacing:1.2px;
  color:#0d8c63;
  margin-bottom:5px;
}
.services:after{
  content:"Zuverlässige Unterstützung rund um Ihre Immobilie";
  display:block;
  text-align:center;
  font-family:MontserratLocal,Arial,sans-serif;
  font-size:25px;
  font-weight:700;
  line-height:1.2;
  margin-bottom:28px;
}
.services article{
  min-height:190px;
  text-align:left;
  padding:25px 25px 23px;
  border:1px solid #dce9e4;
  border-radius:8px;
  background:#fff;
}
.services{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:12px;
}
.services:before,.services:after{
  grid-column:1/-1;
}
.service-icon{
  font-size:34px;
  height:48px;
  text-align:left;
}
.services h2{
  font-size:18px;
  line-height:1.25;
  margin:2px 0 9px;
}
.services p{
  font-size:14px;
  line-height:1.6;
  margin:0;
}

/* Abo-Bereich bekommt mehr Luft und bleibt der visuelle Schwerpunkt */
.abo-section{
  padding:70px 5% 58px;
  background:#f7fbf9;
}
.section-title{
  font-size:30px;
  margin:7px 0 31px;
}
.plans{
  gap:14px;
}
.plan-card{
  padding:23px 21px 20px;
}
.plan-card h3{
  font-size:21px;
}
.hours{
  font-size:15px;
}
.price{
  font-size:28px;
}
.plan-card>ul li{
  font-size:14px;
}
.choose{
  min-height:44px;
  font-size:12px;
}

/* Vergleichstabelle gut lesbar */
.comparison-table th,.comparison-table td{
  padding:14px 15px;
  font-size:15px;
}
.comparison-table thead th{
  font-size:16px;
}
.comparison-table small{
  font-size:13px;
}

/* Zusatzinfos ebenfalls nicht zu klein */
.info-grid article{
  padding:20px 18px;
}
.info-grid h3{
  font-size:17px;
}
.info-grid p{
  font-size:14px;
}

/* Responsive */
@media(max-width:1050px){
  .services{
    grid-template-columns:repeat(3,1fr);
  }
  .services:before,.services:after{
    grid-column:1/-1;
  }
}
@media(max-width:720px){
  .hero{
    grid-template-columns:1fr;
    background:#fff;
  }
  .hero-copy{
    padding:48px 6% 35px;
  }
  .hero h1{
    font-size:36px;
  }
  .hero-visual{
    padding:0 5% 35px;
  }
  .hero-vehicle{
    height:300px;
    padding:16px;
    border-radius:65px 0 0 0;
  }
  .services{
    grid-template-columns:1fr 1fr;
    padding:48px 5%;
  }
  .services:before,.services:after{
    grid-column:1/-1;
  }
}
@media(max-width:480px){
  .hero h1{
    font-size:32px;
  }
  .hero-copy>p{
    font-size:15px;
  }
  .services{
    grid-template-columns:1fr;
  }
  .services:before,.services:after{
    grid-column:1;
  }
  .services:after{
    font-size:22px;
  }
}

/* =========================================================
   SCHRIFT-UPDATE: KOMPLETTE WEBSITE 16–18 PX
   Überschriften bleiben bewusst größer für Hierarchie.
   ========================================================= */
body{
  font-size:17px !important;
  line-height:1.7 !important;
}
.hero-copy>p,
.about-copy p,
.contact>p{
  font-size:17px !important;
  line-height:1.75 !important;
}
.services h2{
  font-size:18px !important;
}
.services p{
  font-size:16px !important;
  line-height:1.65 !important;
}
.plan-card>ul li{
  font-size:16px !important;
  line-height:1.6 !important;
}
.plan-details li{
  font-size:16px !important;
  line-height:1.65 !important;
}
.plan-details h4{
  font-size:18px !important;
}
.info-grid h3{
  font-size:18px !important;
}
.info-grid p{
  font-size:16px !important;
  line-height:1.65 !important;
}
.table-note{
  font-size:15px !important;
}
.comparison-table th,
.comparison-table td{
  font-size:16px !important;
}
.comparison-table thead th{
  font-size:17px !important;
}
.comparison-table small{
  font-size:14px !important;
}
.single-rate{
  font-size:16px !important;
}
.single-rate strong{
  font-size:18px !important;
}
.single-rate small{
  font-size:14px !important;
}
.contact h2{
  font-size:32px !important;
}
.contact-actions .btn,
.hero-actions .btn{
  font-size:15px !important;
}
.btn{
  font-size:15px !important;
}
.choose{
  font-size:14px !important;
}
.compare-toggle strong{
  font-size:22px !important;
}
.compare-toggle small{
  font-size:15px !important;
}
.area-tags span{
  font-size:15px !important;
}
.footer-links a,
.footer-links button{
  font-size:14px !important;
}
.modal-card p{
  font-size:16px !important;
}
.modal-card h3{
  font-size:18px !important;
}

/* Kleine Meta-/Navigationsangaben bleiben etwas kleiner, damit die Hierarchie sauber bleibt. */
.eyebrow{
  font-size:13px !important;
}
.main-nav a{
  font-size:14px !important;
}
.brand-name{
  font-size:17px !important;
}
.brand-sub{
  font-size:11px !important;
}
.whatsapp-head{
  font-size:14px !important;
}
.hero-facts>div{
  font-size:14px !important;
}
.hours{
  font-size:16px !important;
}
.price{
  font-size:29px !important;
}
.price small{
  font-size:14px !important;
}

@media(max-width:720px){
  body{font-size:16px !important}
  .hero-copy>p,.about-copy p,.contact>p{
    font-size:16px !important;
  }
  .services p,
  .plan-card>ul li,
  .plan-details li,
  .info-grid p{
    font-size:16px !important;
  }
  .comparison-table th,
  .comparison-table td{
    font-size:16px !important;
  }
}

/* =========================================================
   FINAL SCHRIFT-UPDATE: 20–22 PX
   ========================================================= */
body{
  font-size:20px !important;
  line-height:1.72 !important;
}
.hero-copy>p,
.about-copy p,
.contact>p{
  font-size:20px !important;
  line-height:1.75 !important;
}
.services h2{
  font-size:22px !important;
}
.services p{
  font-size:20px !important;
  line-height:1.65 !important;
}
.plan-card>ul li{
  font-size:20px !important;
  line-height:1.6 !important;
}
.plan-details li{
  font-size:20px !important;
  line-height:1.65 !important;
}
.plan-details h4{
  font-size:22px !important;
}
.info-grid h3{
  font-size:22px !important;
}
.info-grid p{
  font-size:20px !important;
  line-height:1.65 !important;
}
.table-note{
  font-size:18px !important;
}
.comparison-table th,
.comparison-table td{
  font-size:20px !important;
}
.comparison-table thead th{
  font-size:21px !important;
}
.comparison-table small{
  font-size:18px !important;
}
.single-rate{
  font-size:20px !important;
}
.single-rate strong{
  font-size:22px !important;
}
.single-rate small{
  font-size:18px !important;
}
.contact h2{
  font-size:34px !important;
}
.contact-actions .btn,
.hero-actions .btn{
  font-size:18px !important;
}
.btn{
  font-size:18px !important;
}
.choose{
  font-size:17px !important;
}
.compare-toggle strong{
  font-size:24px !important;
}
.compare-toggle small{
  font-size:18px !important;
}
.area-tags span{
  font-size:18px !important;
}
.footer-links a,
.footer-links button{
  font-size:16px !important;
}
.modal-card p{
  font-size:19px !important;
}
.modal-card h3{
  font-size:21px !important;
}
.eyebrow{
  font-size:15px !important;
}
.main-nav a{
  font-size:16px !important;
}
.whatsapp-head{
  font-size:16px !important;
}
.hero-facts>div{
  font-size:17px !important;
}
.hours{
  font-size:18px !important;
}
.price{
  font-size:31px !important;
}
.price small{
  font-size:17px !important;
}

@media(max-width:720px){
  body{font-size:20px !important}
  .hero-copy>p,.about-copy p,.contact>p{font-size:20px !important}
  .services p,
  .plan-card>ul li,
  .plan-details li,
  .info-grid p{font-size:20px !important}
  .comparison-table th,
  .comparison-table td{font-size:20px !important}
  .main-nav a{font-size:16px !important}
}

/* =========================================================
   HEADER + HERO LOGO UPDATE
   ========================================================= */

/* Header logo deutlich größer */
.site-header{
  min-height:96px !important;
  height:96px !important;
  padding:10px 5.2% !important;
}
.brand{
  min-width:315px !important;
  grid-template-columns:64px auto !important;
  column-gap:12px !important;
}
.brand-mark{
  width:60px !important;
  height:66px !important;
  font-size:31px !important;
}
.brand-mark:before{
  width:42px !important;
  height:32px !important;
  left:8px !important;
  top:2px !important;
}
.brand-name{
  font-size:22px !important;
  letter-spacing:.2px !important;
}
.brand-sub{
  font-size:12px !important;
  margin-top:3px !important;
}

/* Navigation klar lesbar */
.main-nav{
  gap:34px !important;
}
.main-nav a{
  font-size:20px !important;
  font-weight:600 !important;
}

/* WhatsApp passend zur neuen Navigation */
.whatsapp-head{
  font-size:16px !important;
  padding:13px 18px !important;
  border-radius:7px !important;
  min-height:48px !important;
}

/* Hero rechts: Logo statt Fahrzeug */
.hero-logo-panel{
  width:100%;
  height:420px;
  border-radius:95px 0 0 0;
  background:linear-gradient(145deg,#cce5db,#a9cfc1);
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  color:#fff;
  position:relative;
  overflow:hidden;
}
.hero-logo-panel:after{
  content:"";
  position:absolute;
  width:420px;
  height:420px;
  border-radius:50%;
  background:rgba(255,255,255,.12);
  right:-180px;
  bottom:-230px;
}
.hero-logo-mark{
  width:180px;
  height:180px;
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  font-family:MontserratLocal,Arial,sans-serif;
  font-size:88px;
  font-weight:500;
  letter-spacing:-5px;
  color:#fff;
  z-index:1;
}
.hero-logo-mark:before{
  content:"";
  position:absolute;
  width:112px;
  height:78px;
  border-left:3px solid rgba(255,255,255,.95);
  border-top:3px solid rgba(255,255,255,.95);
  transform:rotate(45deg) skew(-10deg);
  top:20px;
  left:34px;
  border-radius:3px;
}
.hero-logo-mark span{
  position:relative;
  z-index:2;
}
.hero-logo-name{
  font-family:MontserratLocal,Arial,sans-serif;
  font-size:25px;
  font-weight:600;
  letter-spacing:6px;
  margin-top:-3px;
  z-index:1;
}
.hero-logo-line{
  width:82px;
  height:2px;
  background:rgba(255,255,255,.8);
  margin:16px 0 11px;
  z-index:1;
}
.hero-logo-tagline{
  font-family:MontserratLocal,Arial,sans-serif;
  font-size:16px;
  letter-spacing:.7px;
  z-index:1;
}

/* Mobile header/nav */
@media(max-width:1050px){
  .site-header{
    min-height:90px !important;
    height:auto !important;
  }
  .main-nav a{
    font-size:18px !important;
  }
}
@media(max-width:720px){
  .site-header{
    min-height:82px !important;
    height:auto !important;
    padding:8px 5% !important;
  }
  .brand{
    min-width:0 !important;
    grid-template-columns:48px auto !important;
    column-gap:8px !important;
  }
  .brand-mark{
    width:46px !important;
    height:53px !important;
    font-size:24px !important;
  }
  .brand-mark:before{
    width:32px !important;
    height:25px !important;
    left:6px !important;
  }
  .brand-name{
    font-size:16px !important;
  }
  .brand-sub{
    font-size:9px !important;
  }
  .main-nav{display:none !important}
  .whatsapp-head{
    font-size:14px !important;
    min-height:44px !important;
    padding:10px 12px !important;
  }
  .hero-logo-panel{
    height:300px;
    border-radius:65px 0 0 0;
  }
  .hero-logo-mark{
    width:130px;
    height:130px;
    font-size:64px;
  }
  .hero-logo-mark:before{
    width:82px;
    height:58px;
    top:15px;
    left:24px;
  }
  .hero-logo-name{
    font-size:18px;
    letter-spacing:4px;
  }
  .hero-logo-tagline{
    font-size:13px;
  }
}

/* =========================================================
   FERTIGE TYPOGRAFIE – LEISTUNGEN + ZEITMODELLE 20–22 PX
   ========================================================= */
.services:before{
  font-size:21px !important;
  line-height:1.2 !important;
}
.services:after{
  font-size:22px !important;
  line-height:1.25 !important;
}
.section-title{
  font-size:30px !important;
}
.abo-section > .eyebrow{
  font-size:21px !important;
  line-height:1.2 !important;
  letter-spacing:1px !important;
}
.eyebrow{
  font-size:21px !important;
}
.services h2{
  font-size:20px !important;
}
.services p{
  font-size:20px !important;
}
.plan-card h3{
  font-size:22px !important;
}
.plan-card .hours{
  font-size:20px !important;
}
.plan-card > ul li{
  font-size:20px !important;
}
.plan-details h4{
  font-size:22px !important;
}
.plan-details li{
  font-size:20px !important;
}
.info-grid h3{
  font-size:21px !important;
}
.info-grid p{
  font-size:20px !important;
}
.compare-toggle strong{
  font-size:22px !important;
}
.compare-toggle small{
  font-size:18px !important;
}
@media(max-width:720px){
  .services:before,
  .abo-section > .eyebrow{
    font-size:20px !important;
  }
  .services:after{
    font-size:21px !important;
  }
  .services h2{
    font-size:20px !important;
  }
  .services p,
  .plan-card > ul li,
  .plan-details li,
  .info-grid p{
    font-size:20px !important;
  }
}

/* FINAL HOMEPAGE – section headings */
.services:before{
  font-size:28px !important;
  line-height:1.2 !important;
  letter-spacing:1.4px !important;
  margin-bottom:8px !important;
}
.services:after{
  font-size:24px !important;
  line-height:1.3 !important;
}
.abo-section > .eyebrow{
  font-size:28px !important;
  line-height:1.2 !important;
  letter-spacing:1.4px !important;
  margin-bottom:8px !important;
}
.section-title{
  font-size:30px !important;
}
@media(max-width:720px){
  .services:before,
  .abo-section > .eyebrow{
    font-size:24px !important;
  }
  .services:after{
    font-size:21px !important;
  }
}

/* FINAL – Hero-Fakten deutlich größer */
.hero-facts > div{
  font-size:22px !important;
  line-height:1.35 !important;
  font-weight:500 !important;
}
.hero-facts > div strong,
.hero-facts > div b{
  font-size:22px !important;
  font-weight:700 !important;
}
.hero-facts .icon{
  font-size:24px !important;
}
@media(max-width:720px){
  .hero-facts > div,
  .hero-facts > div strong,
  .hero-facts > div b{
    font-size:20px !important;
  }
}