/* TOP BAR */
.topbar{
  background:linear-gradient(
  #080000 0%,
  #190001 7%,
  #270000 13%,
  #3b0100 20%,
  #4c0000 27%,
  #5c0000 33%,
  #700000 40%,
  #820000 47%,
  #910000 53%,
  #a30100 60%,
  #b70001 67%,
  #c40001 73%,
  #d80100 80%,
  #eb0000 87%,
  #fc0000 93%,
  #fe0000 100%
  );
  color:var(--white);
  position:relative;
  z-index:20;
  box-shadow:0 2px 10px rgba(0,0,0,.25);
}

.topbar-inner{
  min-height:76px;
  display:flex;
  align-items:center;
  justify-content:space-between;
}

.topbar-phone{
  font-family:'Inter', sans-serif;
  background:var(--red-topbar-phone);
  border:1px solid var(--topbar-phone-border);
  padding:12px 30px;
  border-radius:4px;
  font-size:14px;
  color:#fff;
  box-shadow:0 6px 14px rgba(0,0,0,0.18);
}

.topbar-links{
  display:flex;
  gap:22px;
}

.topbar-links a{
  font-family:'Inter', sans-serif;
  font-size:17px;
  line-height:29.2px;
  letter-spacing:0.3px;
  font-weight:400;
  color:#D0CAC0;
  text-decoration:none;
  white-space:nowrap;
}

.topbar-links a:hover{
  color:#fff;
}

.faq-link{
  display:flex;
  align-items:center;
  gap:8px;
}

.faq-icon{
  width:15px;
  height:15px;
  border-radius:50%;
  background:var(--red-dark);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-size:11px;
  font-weight:700;
  line-height:1;
}

/* NAVBAR */
.main-header{
  position:absolute;
  top:94px;
  left:0;
  width:100%;
  z-index:15;
  background:transparent;
}

.nav-inner{
  min-height:78px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding-left:118px;
  padding-right:108px;
}

.brand{
  margin-left:26px;
  flex:0 0 auto;
}

.brand img{
  height:43px;
  width:auto;
  object-fit:contain;
  display:block;
  opacity:0.96;
}

.nav > ul{
  display:flex;
  align-items:center;
  gap:19px;
  list-style:none;
  margin:0;
  padding:0;
  flex-wrap:nowrap;
}

.nav li{
  position:relative;
  display:flex;
  align-items:center;
}

.nav a{
  font-family:'Inter', sans-serif;
  font-size:17px;
  line-height:29.2px;
  letter-spacing:0.3px;
  font-weight:400;
  color:var(--text-muted-2);
  display:inline-flex;
  align-items:center;
  text-decoration:none;
  caret-color:transparent;
  -webkit-user-select:none;
  user-select:none;
  white-space:nowrap;
}

.nav a.active{
  color:var(--red-nav);
  font-family:'InterCuostom', sans-serif;
  font-weight:500;
}

.nav a:hover{
  color:var(--red-nav);
}

.has-dropdown{
  position:relative;
}

.menu-arrow{
  display:inline-flex;
  align-items:center;
  gap:6px;
}

.menu-arrow::after{
  content:"";
  width:6px;
  height:6px;
  border-right:1.6px solid var(--menu-arrow);
  border-bottom:1.6px solid var(--menu-arrow);
  transform:rotate(45deg);
  position:relative;
  top:-1px;
  display:inline-block;
  flex:0 0 auto;
}

.dropdown a.double-arrow::before{
  content:"»" !important;
  left:16px !important;
  font-size:18px !important;
  letter-spacing:-2px !important;
}

.dropdown a.double-arrow:hover::before{
  color:#ff4b43 !important;
}

nav ul li a.active{
  --menu-arrow:#c91c1c;
  color:#c91c1c;
}

.dropdown{
  position:absolute;
  top:100%;
  left:0;
  min-width:235px;
  margin:0;
  padding:0;
  list-style:none;
  background:var(--dropdown-bg);
  border:1px solid var(--dropdown-border);
  border-radius:8px;
  box-shadow:0 18px 35px rgba(0,0,0,0.30);
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transform:translateY(8px);
  transition:opacity 0.18s ease, transform 0.18s ease, visibility 0.18s ease;
  z-index:100;
  overflow:hidden;
  gap:0;
  display:flex;
  flex-direction:column;
  align-items:stretch;
}

.dropdown::before{
  content:"";
  position:absolute;
  top:-18px;
  left:0;
  width:100%;
  height:18px;
  background:transparent;
}

.dropdown li{
  display:block;
  width:100%;
  margin:0;
  padding:0;
  list-style:none;
  border-bottom:1px solid var(--dropdown-item-border);
}

.dropdown li:last-child{
  border-bottom:none;
}

.dropdown a{
  position:relative;
  display:block;
  width:100%;
  padding:10px 18px 10px 38px;
  font-family:'Inter', sans-serif;
  font-size:15px;
  line-height:1.15;
  letter-spacing:0.2px;
  font-weight:400;
  color:var(--text-dropdown);
  white-space:nowrap;
  text-align:left;
  text-decoration:none;
  background:transparent;
  transition:color .16s ease;
}

.dropdown a::before{
  content:"›";
  position:absolute;
  left:18px;
  top:50%;
  transform:translateY(-50%);
  color:var(--text-dropdown);
  font-size:22px;
  line-height:1;
  opacity:0.95;
}

.dropdown a:hover{
  background:var(--dropdown-hover-bg);
  color:var(--red-nav);
}

.dropdown a:hover::before{
  color:var(--red-nav);
}

.has-dropdown:hover > .dropdown{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  transform:translateY(0);
}

.nav-toggle{
  display:none;
  background:none;
  border:none;
  cursor:pointer;
}

.nav-toggle span{
  display:block;
  width:28px;
  height:3px;
  background:#fff;
  margin:5px 0;
  border-radius:10px;
}

/* CTA HERO */
.cta-hero{
  position:relative;
  background-size:cover;
  background-position:center center;
  overflow:hidden;
}

/* Bild sichtbarer lassen */
.cta-hero-overlay{
  position:absolute;
  inset:0;
  background:var(--overlay-cta);
  pointer-events:none;
}

.cta-inner{
  position:relative;
  z-index:2;
  text-align:center;
  padding:82px 0 4px;
}

/* Hauptüberschrift */
.cta-inner h2{
  margin:0 0 18px;
  font-family:"InterCuostom", sans-serif;
  font-size:66px;
  line-height:1.08;
  letter-spacing:-1px;
  font-weight:400;
  color:var(--text-muted);
  opacity:0;
  transform:translateY(40px);
  transition:opacity .8s ease .1s, transform .8s ease .1s;
}

/* Untertitel */
.cta-inner p{
  margin:0 0 34px;
  font-family:"InterCuostom", sans-serif;
  font-size:28px;
  line-height:1.25;
  letter-spacing:-0.3px;
  font-weight:400;
  color:var(--text-muted-3);
  opacity:0;
  transform:translateY(30px);
  transition:opacity .8s ease .2s, transform .8s ease .2s;
}

.cta-inner.in-view h2,
.cta-inner.in-view p{
  opacity:1;
  transform:translateY(0);
}

.cta-stack{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:12px;
}

/* CTA Buttons */
.dark-btn{
  min-width:302px;
  padding:15px 24px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  text-align:center;
  background:#1d1d1d;
  color:#fff;
  box-shadow:0 10px 24px rgba(0,0,0,.22);
  border-radius:3px;
  font-family:"InterCuostom", sans-serif;
  font-size:16px;
  line-height:1.2;
  letter-spacing:0;
  font-weight:400;

  opacity:0;
  transform:translateY(30px) scale(0.96);
  transition:
    opacity .6s ease,
    transform .6s cubic-bezier(0.22, 1, 0.36, 1),
    box-shadow .18s ease,
    background .18s ease;
}

/* Buttons nacheinander */
.cta-stack .dark-btn:nth-child(1){
  transition-delay:.25s;
}

.cta-stack .dark-btn:nth-child(2){
  transition-delay:.4s;
}

/* sichtbar */
.cta-inner.in-view .dark-btn{
  opacity:1;
  transform:translateY(0) scale(1);
}

.dark-btn:hover{
  transform:translateY(-2px) scale(1.02);
  box-shadow:0 14px 28px rgba(0,0,0,.28);
  background:#2a2a2a;
}

.dark-btn:active{
  transform:translateY(0) scale(1);
  box-shadow:0 8px 18px rgba(0,0,0,.22);
}

/* SVG in Buttons */
.dark-btn svg{
  width:18px;
  height:18px;
  flex:0 0 18px;
  stroke:currentColor;
  stroke-width:2;
  fill:none;
  stroke-linecap:round;
  stroke-linejoin:round;
}

/* Wellenbereich */
.wave-wrap{
  position:relative;
  z-index:2;
  height:550px;
  line-height:0;
  margin-top:-50px;
  pointer-events:none;
}

.wave-wrap svg{
  width:100%;
  height:100%;
  display:block;
}

.wave-1{ fill:var(--wave-1); }
.wave-2{ fill:var(--wave-2); }
.wave-3{ fill:var(--wave-3); }
.wave-4{ fill:var(--wave-4); }
.wave-5{ fill:var(--wave-5); }

/* FOOTER */
.footer{
  background:var(--surface-footer);
  color:var(--white-muted);
  padding-top:86px;
}

.footer-grid{
  display:grid;
  grid-template-columns:1.25fr .9fr .9fr .9fr .95fr;
  gap:54px;
  align-items:start;
  padding:0 0 42px;
}

.footer-contact{
  min-width:0;
}

.footer-contact-item{
  display:flex;
  align-items:flex-start;
  gap:12px;
  margin-bottom:18px;
  font-family:"Inter", sans-serif;
  font-size:15px;
  line-height:1.45;
  color:var(--white-muted);
  font-weight:400;
}

.footer-contact-item a{
  color:var(--white-muted);
  text-decoration:none;
}

.footer-contact-item svg{
  width:19px;
  height:19px;
  stroke:var(--blue-footer);
  stroke-width:2;
  flex:0 0 19px;
  margin-top:2px;
}

.footer-hours-title{
  margin-bottom:10px;
}

.footer-hours-title span{
  font-weight:700;
}

.footer-hours{
  padding-left:31px;
  font-family:"Inter", sans-serif;
  font-size:15px;
  line-height:1.55;
  color:var(--white-muted);
  font-weight:700;
  margin-bottom:22px;
}

.footer-social{
  display:flex;
  align-items:center;
  gap:12px;
  padding-left:0;
  margin-top:10px;
}

.footer-social a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:var(--blue-footer);
  text-decoration:none;
  transition:transform .18s ease, color .18s ease;
}

.footer-social a:hover{
  transform:translateY(-2px);
  color:var(--blue-footer-hover);
}

.footer-social svg{
  width:18px;
  height:18px;
  stroke:currentColor;
  stroke-width:2;
}

.footer-links-col h3{
  margin:0 0 24px;
  font-family:"InterCuostom", sans-serif;
  font-size:37.5px;
  line-height:1.15;
  letter-spacing:-0.5px;
  color:var(--blue-footer);
  font-weight:400;
}

.footer-links-col ul{
  list-style:none;
  margin:0;
  padding:0;
}

.footer-links-col li{
  margin:0 0 13px;
}

.footer-links-col a{
  font-family:"Inter", sans-serif;
  font-size:16px;
  line-height:1.45;
  color:var(--white-muted);
  text-decoration:none;
  font-weight:400;
  transition:color .18s ease;
}

.footer-links-col a:hover,
.footer-links-col a.is-active{
  color:var(--blue-footer);
}

.footer-badges{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:18px;
}

.footer-badges img{
  width:100%;
  max-width:210px;
  height:auto;
  display:block;
}

.footer-bottom{
  background:var(--surface-footer-bottom);
  border-top:1px solid rgba(255,255,255,0.04);
}

.footer-bottom-inner{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:10px;
  min-height:58px;
  font-family:"Inter", sans-serif;
  font-size:15px;
  color:var(--white-muted);
}

.footer-bottom-inner a{
  color:var(--blue-footer);
  text-decoration:none;
}

.footer-bottom-inner a:hover{
  color:var(--blue-footer-hover);
}

/* FLOAT BUTTONS */
.dark-toggle{
  position:fixed;
  right:22px;
  bottom:22px;
  width:58px;
  height:58px;
  border:none;
  border-radius:16px;
  background:#1f1f1f;
  color:#fff;
  cursor:pointer;
  box-shadow:var(--shadow);
  z-index:50;

  display:flex;
  align-items:center;
  justify-content:center;

  transition:all .25s ease;
}

/* beide Icons */
.dark-toggle svg{
  position:absolute;
  left:50%;
  top:50%;
  width:24px;
  height:24px;
  stroke:currentColor;
  stroke-width:2;
  display:block;
  transition:all .35s cubic-bezier(0.22, 1, 0.36, 1);
}

/* DEFAULT = DARK MODE → SONNE sichtbar */
.icon-sun{
  opacity:1;
  transform:translate(-50%, -50%) rotate(0deg) scale(1);
}

.icon-moon{
  opacity:0;
  transform:translate(-27.8%, -50%) rotate(-90deg) scale(0.6);
  transform-origin:center;
}

/* LIGHT MODE → MOND sichtbar */
body.light .icon-sun{
  opacity:0;
  transform:translate(-50%, -50%) rotate(90deg) scale(0.6);
}

body.light .icon-moon{
  opacity:1;
  transform:translate(-27.8%, -50%) rotate(0deg) scale(1.45);
}

/* Hover Effekt */
.dark-toggle:hover{
  transform:translateY(-3px);
  box-shadow:0 16px 30px rgba(0,0,0,.28);
}

/* Farben im Light Mode */
body.light .dark-toggle{
  background:#f2f2f2;
  color:#222;
}

.to-top{
  position:fixed;
  right:22px;
  bottom:92px;
  width:36px;
  height:36px;
  border:none;
  background:var(--bg-3);
  color:var(--white);
  cursor:pointer;
  display:none;
  z-index:50;
}

.to-top.show{
  display:block;
}

@media (max-width: 1366px){
  .nav-inner{
    padding-left:80px;
    padding-right:70px;
  }

  .brand{
    margin-left:40px;
  }

  .nav{
    margin-left:-30px;
  }
  
  .cta-inner{
    padding:60px 0 10px;
  }

  .cta-inner h2{
    font-size:52px;
  }

  .cta-inner p{
    font-size:22px;
  }

  .wave-wrap{
    height:180px;
    margin-top:-10px;
  }

  .footer{
    padding-top:106px;
  }
  
  .footer .container{
    padding-left:60px;
    padding-right:60px;
  }

  .footer-grid{
    grid-template-columns:1.1fr .8fr .8fr .8fr .8fr;
    gap:28px;
    padding:0 20 28px;
  }

  .footer-contact-item{
    gap:10px;
    margin-bottom:14px;
    font-size:13px;
    line-height:1.35;
  }

  .footer-contact-item svg{
    width:17px;
    height:17px;
    flex:0 0 17px;
  }

  .footer-hours{
    padding-left:27px;
    font-size:13px;
    line-height:1.45;
    margin-bottom:18px;
  }

  .footer-social{
    gap:10px;
    margin-top:8px;
  }

  .footer-social svg{
    width:16px;
    height:16px;
  }

  .footer-links-col h3{
    font-size:28px;
    line-height:1.1;
    margin-bottom:16px;
  }

  .footer-links-col li{
    margin:0 0 10px;
  }

  .footer-links-col a{
    font-size:14px;
    line-height:1.35;
  }

  .footer-badges{
    gap:14px;
  }

  .footer-badges img{
    max-width:150px;
  }

  .footer-bottom-inner{
    min-height:48px;
    font-size:13px;
    gap:8px;
  }
}

@media (max-width: 1100px){
  .footer-grid{
    grid-template-columns:1fr 1fr;
    gap:40px;
  }

  .footer-badges{
    grid-column:1 / -1;
    flex-direction:row;
    flex-wrap:wrap;
  }
}

@media (max-width: 720px){
  .footer-grid{
    grid-template-columns:1fr;
  }

  .footer-bottom-inner{
    flex-wrap:wrap;
    padding:12px 0;
  }
}

/* MOBILE HEADER / TOPBAR GLOBAL */
@media (max-width: 980px){

  html,
  body{
    max-width:100%;
    overflow-x:hidden;
    overflow-y:auto;
    height:auto;
    min-height:100%;
    -webkit-overflow-scrolling:touch;
    touch-action:pan-y;
  }

  /* TOPBAR */
  .topbar{
    position:relative;
    z-index:30;
  }

  .topbar-inner{
    min-height:auto;
    padding:10px 0;
    flex-direction:column;
    gap:6px;
  }

  .topbar-phone{
    padding:8px 14px;
    font-size:14px;
  }

  .topbar-links{
    flex-wrap:wrap;
    justify-content:center;
    gap:12px;
    text-align:center;
  }

  .topbar-links a{
    font-size:13px;
    line-height:1.4;
  }

  /* HEADER */
  .main-header{
    position:relative;
    top:auto;
    left:auto;
    width:100%;
    z-index:25;
    background:rgba(20,20,20,.96);
    border-bottom:1px solid rgba(255,255,255,.05);
  }

  .nav-inner{
    min-height:auto;
    padding:14px 16px;
    display:flex;
    align-items:center;
    justify-content:space-between;
  }

  /* LOGO */
  .brand{
    margin-left:0;
    flex:0 1 auto;
    display:flex;
    align-items:center;
  }

  .brand img{
    height:30px;
    max-width:180px;
    width:auto;
    object-fit:contain;
    display:block;
    opacity:1;
  }

  /* BURGER */
  .nav-toggle{
    display:block;
    background:none;
    border:none;
    cursor:pointer;
    padding:6px;
    margin:0;
    flex:0 0 auto;
  }

  .nav-toggle span{
    display:block;
    width:28px;
    height:3px;
    background:#fff;
    margin:5px 0;
    border-radius:10px;
  }

  /* NAV PANEL */
  .nav{
    position:absolute;
    top:100%;
    left:0;
    right:0;
    width:100%;
    background:rgba(20,20,20,.98);
    display:none;
    padding:18px 20px 24px;
    box-sizing:border-box;
    z-index:1200;
    border-top:1px solid rgba(255,255,255,.06);
    margin-left:0;
  }

  .nav.open{
    display:block;
  }

  .nav > ul{
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    gap:14px;
    width:100%;
    margin:0;
    padding:0;
  }

  .nav li{
    width:100%;
    display:block;
  }

  .nav a{
    width:100%;
    display:flex;
    align-items:center;
    justify-content:space-between;
    font-size:16px;
    line-height:1.4;
  }

  /* DROPDOWN */
  .dropdown{
    display:none !important;
    position:static;
    width:100%;
    min-width:0;
    margin-top:8px;
    padding:10px 0 0 14px;
    background:transparent;
    border:none;
    box-shadow:none;
    opacity:1;
    visibility:visible;
    pointer-events:auto;
    transform:none;
    overflow:visible;
  }

  .has-dropdown:hover > .dropdown,
  .has-dropdown:focus-within > .dropdown,
  .dropdown:hover{
    display:none !important;
  }

  .has-dropdown.open > .dropdown{
    display:block !important;
  }

  .dropdown li{
    width:100%;
    border-bottom:none;
  }

  .dropdown a{
    width:100%;
    padding:8px 0 8px 24px;
    font-size:14px;
    line-height:1.4;
    white-space:normal;
  }

  .dropdown a::before{
    left:6px;
    font-size:18px;
  }

  /* FOOTER */
  .footer{
    padding-top:48px;
  }

  .footer .container{
    padding-left:18px;
    padding-right:18px;
  }
  
  .container{
    width:min(100%, calc(100% - 24px));
  }

  .footer-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:22px 18px;
    align-items:start;
    padding:0 0 24px;
  }

  /* Kontakt oben alleine */
  .footer-grid > .footer-contact{
    grid-column:1 / -1;
  }

  /* Leistungen links */
  .footer-grid > .footer-links-col:nth-of-type(2){
    grid-column:1;
    grid-row:2;
  }

  /* Info rechts */
  .footer-grid > .footer-links-col:nth-of-type(3){
    grid-column:2;
    grid-row:2;
  }

  /* Beliebt darunter über ganze Breite */
  .footer-grid > .footer-links-col:nth-of-type(4){
    grid-column:1 / -1;
    grid-row:3;
  }
  
  .footer-grid > .footer-links-col:nth-of-type(4){
    display:none;
  }

.footer-grid > .footer-badges{
  grid-column:1 / -1;

  display:flex;
  justify-content:center;  
  align-items:center;
  gap:14px;

  flex-wrap:wrap; 
  text-align:center;

  margin:10px auto 0;  
}

  
  [class*="hero-title"]{
    text-align:center;
    margin:0 auto;
    max-width:90%;
	width: 100%
  }
  
  /* HERO */
  .heating-hero,
  .sanitaer-hero,
  .gas-hero{
    min-height:380px;
    background-position:center center;
  }

  .heating-hero-inner,
  .sanitaer-hero-inner,
  .gas-hero-inner{
    min-height:380px;
    padding-top:112px;
  }

  .heating-hero-content,
  .sanitaer-hero-content,
  .gas-hero-content{
    min-height:230px;
    align-items:flex-start;
    justify-content:center;
  }

  .heating-hero-title,
  .sanitaer-hero-title,
  .gas-hero-title{
    font-size:34px;
    line-height:1.08;
    margin:0 0 14px;
    text-align:center;
    width:100%;
  }

  .heating-hero-buttons,
  .sanitaer-hero-buttons,
  .gas-hero-buttons{
    position:static;
    transform:none;
    gap:10px;
    width:100%;
    align-items:center;
  }

  .heating-hero-btn,
  .sanitaer-hero-btn,
  .gas-hero-btn{
    width:100%;
    max-width:260px;
    justify-content:center;
    text-align:center;
    font-size:14px;
    padding:11px 14px;
  }

  /* MAIN LAYOUT */
  .heating-layout,
  .sanitaer-layout,
  .gas-layout{
    grid-template-columns:1fr;
    gap:24px;
  }

  /* SECTION TITLE */
  .heating-section-title,
  .sanitaer-section-title,
  .gas-section-title{
    font-size:28px;
    line-height:1.12;
    margin-bottom:18px;
    text-align:center;
  }

  /* CARDS GRID */
  .heating-grid,
  .sanitaer-grid,
  .gas-grid{
    grid-template-columns:1fr 1fr;
    gap:12px;
    justify-content:stretch;
  }

  .heating-card,
  .sanitaer-card,
  .gas-card{
    padding:14px 12px;
    min-height:auto;
    display:flex;
    flex-direction:column;
    align-items:center;
    text-align:center;
  }

  .heating-card h3,
  .sanitaer-card h3,
  .gas-card h3{
    font-size:16px;
    line-height:1.15;
    margin:0 0 10px;
  }

  .heating-card img,
  .sanitaer-card img,
  .gas-card img{
    width:78%;
    height:auto;
    max-height:120px;
    object-fit:contain;
    margin:0 auto 10px;
    display:block;
  }

  .heating-card-btn,
  .sanitaer-card-btn,
  .gas-card-btn{
    min-width:0;
    width:100%;
    font-size:12px;
    padding:8px 10px;
  }

  /* FORM BOX */
  .heating-form-box,
  .sanitaer-form-box,
  .gas-form-box{
    min-height:auto;
    padding:20px 16px 22px;
  }

  .heating-form-box h3,
  .sanitaer-form-box h3,
  .gas-form-box h3{
    font-size:18px;
    margin-bottom:14px;
  }

  .heating-form,
  .sanitaer-form,
  .gas-form{
    gap:10px;
  }

  .heating-form input,
  .sanitaer-form input,
  .gas-form input{
    height:42px;
    font-size:13px;
  }

  .heating-form p,
  .sanitaer-form p,
  .gas-form p{
    font-size:12px;
    line-height:1.4;
  }

  .heating-form button,
  .sanitaer-form button,
  .gas-form button{
    height:42px;
    font-size:13px;
  }

  /* SIDECARDS */
  .heating-sidecards,
  .sanitaer-sidecards,
  .gas-sidecards{
    gap:8px;
  }

  .heating-sidecards img,
  .sanitaer-sidecards img,
  .gas-sidecards img{
    transform:none !important;
  }

  /* CTA */
  .heating-middle-cta,
  .sanitaer-middle-cta,
  .gas-middle-cta{
    padding:18px 0 52px;
  }

  .heating-middle-cta-box,
  .sanitaer-middle-cta-box,
  .gas-middle-cta-box{
    max-width:none;
  }

  .heating-middle-cta-overlay,
  .sanitaer-middle-cta-overlay,
  .gas-middle-cta-overlay{
    padding:20px 16px;
  }

  .heating-middle-cta-overlay h2,
  .sanitaer-middle-cta-overlay h2,
  .gas-middle-cta-overlay h2{
    font-size:24px;
  }

  .heating-middle-cta-overlay p,
  .sanitaer-middle-cta-overlay p,
  .gas-middle-cta-overlay p{
    font-size:13px;
    letter-spacing:2px;
  }

  .heating-cta-buttons a,
  .sanitaer-cta-buttons a,
  .gas-cta-buttons a{
    min-width:0;
    width:100%;
  }

  /* ANIMATION OFF MOBILE */
  .heating-hero-title,
  .heating-hero-btn,
  .heating-section-title,
  .heating-card,
  .heating-form-box,
  .heating-sidecards img,
  .heating-middle-cta-box,
  .sanitaer-hero-title,
  .sanitaer-hero-btn,
  .sanitaer-section-title,
  .sanitaer-card,
  .sanitaer-form-box,
  .sanitaer-sidecards img,
  .sanitaer-middle-cta-box,
  .gas-hero-title,
  .gas-hero-btn,
  .gas-section-title,
  .gas-card,
  .gas-form-box,
  .gas-sidecards img,
  .gas-middle-cta-box{
    opacity:1;
    transform:none;
    transition:none;
  }
}