@font-face{font-family:'Open Sans';src:url(../fonts/OpenSansStatic-400.woff2) format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Open Sans';src:url(../fonts/OpenSansStatic-600.woff2) format('woff2');font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:'Open Sans';src:url(../fonts/OpenSansStatic-700.woff2) format('woff2');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:'Open Sans';src:url(../fonts/OpenSansStatic-800.woff2) format('woff2');font-weight:800;font-style:normal;font-display:swap}

:root{
  --blue:#1b8fcf;
  --dark:#262626;
  --white:#fff;
}

*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:'Open Sans',Arial,sans-serif;
  font-size:25px;
  line-height:30px;
  font-weight:400;
  color:var(--dark);
  background:#fff;
  -webkit-font-smoothing:antialiased;
}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
p,h1,h2,h3,address{margin:0;font-style:normal}
button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer;text-align:left}

.container{width:1420px;max-width:100%;margin:0 auto;position:relative}

/* Überschriften */
.h{
  font-weight:800;
  font-size:84px;
  line-height:98.25px;
  letter-spacing:-0.022em;
  text-transform:uppercase;
}
.dark{color:var(--dark)}
.blue{color:var(--blue)}
.white{color:var(--white)}

.btn{display:block;width:456px}
.btn img{width:456px;height:auto;clip-path:inset(0.5px round 40px)}

/* Header */
.header{height:330.5px;background:#fff;position:relative;z-index:5}
.header__inner{height:100%}
.nav{position:absolute;left:0.8px;top:249.5px;display:flex;gap:37.3px}
.nav-toggle{display:none;background:none;border:0;cursor:pointer}
.nav a{font-size:24px;line-height:30px;font-weight:700;text-transform:uppercase;letter-spacing:0}
.logo{position:absolute;right:-29px;top:40px;width:557px}
.logo img{width:557px;height:auto}

/* Schnellkontakt */
.quick{position:fixed;right:0;top:min(632px, calc(var(--vh, 1080px) - 448px));z-index:50;display:flex;flex-direction:column;gap:19px}
.quick img{width:131px;height:131px;clip-path:inset(0.5px round 21px)}

/* Hero */
.hero{
  height:1035px;
  background:#262626;
  position:relative;
  overflow:hidden;
}
.hero::before{
  content:"";position:absolute;inset:0;
  background:url(../img/1_hero.jpg) center top/cover no-repeat;
  transform-origin:62% 42%;
  animation:heroZoom 14s cubic-bezier(.22,.61,.36,1) forwards;
}
.hero__inner{height:100%;z-index:1}
@keyframes heroZoom{from{transform:scale(1)}to{transform:scale(1.07)}}
.hero::after{content:"";position:absolute;left:0;right:0;bottom:0;height:15px;background:var(--blue);z-index:2}
.hero__btn,.hero__h1>span{animation:heroRise 1s cubic-bezier(.2,.6,.2,1) both}
.hero__btn{animation-delay:.1s}
.hero__h1>span:nth-child(1){animation-delay:.25s}
.hero__h1>span:nth-child(2){animation-delay:.45s}
@keyframes heroRise{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
.hero__btn{position:absolute;left:1px;top:228.5px}
.hero__h1{position:absolute;left:0;top:331.5px}
.hero__h1>span{display:block}

/* Intro */
.intro{height:830px;padding-top:106.5px}
.intro .text{margin-top:0;letter-spacing:-0.13px}
.intro .h + .text{margin-top:18px}
.text{margin-bottom:30px}

/* Leistungen */
.leistungen{height:1409px;padding-top:106.5px;background:var(--blue);color:#fff}
.leistungen__grid{display:grid;grid-template-columns:743px 1fr}
.leistungen .btn{margin-top:46.7px}
.leistungen .btn + .btn{margin-top:33px}
.leistungen__right{padding-top:13px}
.item{margin-bottom:60px;letter-spacing:-0.13px}
.item strong{font-weight:700}

/* Slider allgemein */
.dots{display:flex;gap:5px;justify-content:center}
.dots button{width:19px;height:19px;border-radius:50%;background:#fff;padding:0}
.dots--dark button.is-active{background:var(--dark)}
.dots--blue button.is-active{background:var(--blue)}

/* Die richtige Lösung */
.loesung{height:1858px;padding-top:124.5px}
.slider{position:relative;width:1420px;max-width:100%;height:696px;overflow:hidden}
.slider__track{position:relative;height:100%}
.slide{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .5s}
.slide.is-active{opacity:1}
.slider .dots{position:absolute;left:0;right:0;bottom:31px}
.loesung .h{margin-top:108px}
.loesung .h + .text{margin-top:18px;margin-bottom:0}
.btnrow{display:flex;justify-content:center;gap:52px;margin-top:60px}

/* Referenzen */
.referenzen{height:1305px;padding-top:106.5px;background:var(--dark);color:#fff}
.ref{position:relative;margin-top:106.5px;height:770px;display:grid}
.ref__slide{grid-area:1/1;position:relative;height:770px;opacity:0;visibility:hidden;transition:opacity .9s ease,visibility 0s linear .9s}
.ref__slide.is-active{opacity:1;visibility:visible;transition:opacity .9s ease,visibility 0s}
.ref__img{width:971px;height:770px;overflow:hidden}
.ref__img img{width:100%;height:100%;object-fit:cover;transform:scale(1.09);transition:transform 0s linear .9s}
.ref__slide.is-active .ref__img img{transform:scale(1);transition:transform 7s cubic-bezier(.22,.61,.36,1)}
.ref__text{opacity:0;transform:translateY(14px);transition:opacity .35s ease,transform .35s ease}
.ref__slide.is-active .ref__text{opacity:1;transform:none;transition:opacity .6s ease .45s,transform .6s ease .45s}
@media (prefers-reduced-motion:reduce){.ref__slide,.ref__slide.is-active,.ref__img img,.ref__text{transition:none !important}.ref__img img{transform:none !important}}
.ref__text{position:absolute;left:1052px;top:108.5px;width:368px}
.ref__text h3{font-weight:800;font-size:41px;line-height:50px;letter-spacing:-0.022em}
.ref__text p{margin-top:23px}
.ref__arrow{position:absolute;top:366px;width:28px;height:30px;padding:0}
.ref__arrow svg{display:block;width:28px;height:30px}
.ref__arrow--prev{left:-57px}
.ref__arrow--next{left:1447px}

/* So starten wir */
.start{height:624px;padding-top:107.5px;background:var(--blue);color:#fff;position:relative}
.start .h + .steps{margin-top:17px}
.step{display:none}
.step.is-active{display:block}
.step strong{font-weight:700}
.start>.dots{position:absolute;left:0;right:0;top:480.5px}

/* Bewertungen */
.bewertung{
  height:650px;
  background:#fff url(../img/6_kundenbewertung_1.jpg) center top/1920px 649px no-repeat;
  color:#fff;
}
.bewertung__inner{position:relative;width:1420px;max-width:100%;margin:0 auto;height:100%}
.stars{position:absolute;left:-14.8px;top:136.7px;display:flex;gap:8.3px}
.stars svg{width:56px;height:56px}
.reviews{position:absolute;left:-13px;top:238.5px}
.review{display:none}
.review.is-active{display:block}
.review h2{font-weight:700;font-size:54px;line-height:56px;text-transform:uppercase}
.review p{font-size:37px;line-height:44px;margin-top:1px}
.bewertung .dots{position:absolute;left:0;right:0;top:565.5px}

/* FAQ */
.faq{padding-top:106.5px;padding-bottom:89.5px}
.faq__grid{display:grid;grid-template-columns:371px 1fr}
.faq__h{font-weight:800;font-size:84px;line-height:98.25px;letter-spacing:-0.022em;text-transform:uppercase}
.faq__left h3{font-weight:800;font-size:41px;line-height:49.7px;letter-spacing:-0.022em;margin-top:78px}
.faq__list{padding-top:30px}
.faq__item{margin-bottom:30px}
.faq__q{letter-spacing:0.07px;position:relative;display:block;width:100%;padding-right:60px;font-weight:600}
.faq__q svg{position:absolute;right:0;top:6px;width:35px;height:25px;transition:transform .2s}
.faq__item.is-open .faq__q svg{transform:rotate(180deg);top:9px}
.faq__a{display:none;font-size:24.25px;max-width:920px}
.faq__item.is-open .faq__a{display:block}

/* Footer */
.footer{height:757px;padding-top:124.5px;background:var(--dark);color:#fff;position:relative}
.footer__top{display:block;height:480px}
.footer__signet{position:absolute;left:0;top:0;width:168.6px;height:auto}
.footer__claim{position:absolute;left:225px;top:-17px;font-weight:800;font-size:84px;line-height:98.25px;letter-spacing:-0.022em;text-transform:uppercase}
.footer__addr{position:absolute;left:740px;top:-7.5px;line-height:34px;width:680px}
.footer__addr strong{font-weight:700}
.footer__nav{position:absolute;left:50%;margin-left:-710px;top:602.5px;display:flex;justify-content:space-between;align-items:baseline}
.footer__nav i{font-style:normal}
.footer__nav .wide{word-spacing:15px}

.copyright{height:54px;background:var(--blue);color:#fff;font-size:18px;line-height:50px}


/* Unterseiten (Impressum / Datenschutz) */
.legal{padding-top:106.5px}
.legal--imp{height:859.5px}
.legal--ds{height:7703.5px}
.legal__text{font-size:24.25px;line-height:30px;margin-top:16.6px}
.legal__text strong{font-weight:700}
.legal__text a:hover{text-decoration:underline}

/* ===== Mobil / Tablet (< 1000 px) ===== */
@media (max-width:1179px){
  body{font-size:17px;line-height:1.55}
  .container,.bewertung__inner{width:100%;max-width:100%;padding-left:24px;padding-right:64px}
  .header .container{padding-right:24px}
  [style*="letter-spacing"]{letter-spacing:inherit !important}
  .h{font-size:clamp(30px,9.2vw,56px);line-height:1.17;letter-spacing:-0.02em}
  .faq__h{font-size:clamp(40px,12vw,64px);line-height:1.1;letter-spacing:-0.02em}
  .text,.item,.step,.legal__text,.faq__a{letter-spacing:0 !important}

  /* Header */
  .header{height:auto;padding:14px 0;position:sticky;top:0;box-shadow:0 1px 0 rgba(0,0,0,.08)}
  .header__inner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;height:auto}
  .logo{position:static;width:min(62vw,300px);order:1}
  .logo img{width:min(62vw,300px);margin-left:-8px}
  .nav-toggle{display:flex;order:2;flex-direction:column;justify-content:center;gap:6px;width:48px;height:48px;padding:10px;border-radius:8px}
  .nav-toggle span{display:block;height:3px;background:var(--dark);border-radius:2px;transition:transform .2s,opacity .2s}
  .nav-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(9px) rotate(45deg)}
  .nav-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}
  .nav-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-9px) rotate(-45deg)}
  .nav{position:static;display:none;order:3;width:100%;flex-direction:column;gap:0;padding-top:10px}
  .nav.is-open{display:flex}
  .nav a{font-size:18px;line-height:24px;padding:14px 0;border-top:1px solid rgba(38,38,38,.12)}

  /* Schnellkontakt */
  .quick{top:50%;bottom:auto;right:0;transform:translateY(-50%);flex-direction:column;gap:8px}
  .quick img{width:52px;height:52px;clip-path:inset(0.5px round 10px)}

  /* Hero */
  .hero{height:auto;min-height:560px}
  .hero::before{background-position:72% center}
  .hero{border-bottom:8px solid var(--blue)}
  .hero::after{top:0;height:auto;background:linear-gradient(90deg,rgba(0,0,0,.55),rgba(0,0,0,.1));z-index:0}
  .hero__inner{height:auto;padding-top:44px;padding-bottom:56px}
  .hero__btn,.hero__h1{position:static}
  .hero__h1{margin-top:28px;font-size:clamp(26px,7.6vw,50px)}
  .btn{width:100%;max-width:340px}
  .btn img{width:100%}

  /* Sektionen */
  .intro,.leistungen,.loesung,.referenzen,.start,.faq,.legal,.legal--imp,.legal--ds{height:auto;padding-top:56px;padding-bottom:64px}
  .text{margin-bottom:20px}
  .intro .h + .text,.loesung .h + .text{margin-top:20px}

  .leistungen__grid{display:block}
  .leistungen .btn{margin-top:28px}
  .leistungen .btn + .btn{margin-top:14px}
  .leistungen__right{padding-top:36px}
  .item{margin-bottom:28px}

  .slider{height:auto;aspect-ratio:1420/696}
  .loesung{padding-top:0}
  .loesung .container{padding-top:0}
  .loesung .h{margin-top:48px}
  .loesung .slider{margin:0 -64px 0 -24px;width:calc(100% + 88px);max-width:none}
  .btnrow{flex-direction:column;align-items:flex-start;gap:14px;margin-top:32px}

  .referenzen .ref{height:auto;margin-top:36px}
  .ref__slide,.ref__slide.is-active{height:auto}
  .ref__img{width:100%;height:auto;aspect-ratio:971/770}
  .ref__text{position:static;width:auto;padding-top:24px}
  .ref__text h3{font-size:26px;line-height:1.2}
  .ref__arrow{top:min(38vw,200px);width:44px;height:44px;border-radius:50%;background:rgba(38,38,38,.65);display:flex;align-items:center;justify-content:center;z-index:2}
  .ref__arrow svg{width:14px;height:15px}
  .ref__arrow--prev{left:10px}
  .ref__arrow--next{left:auto;right:10px}

  .start{position:static}
  .start .h + .steps{margin-top:24px}
  .start>.dots{position:static;margin-top:36px}

  .bewertung{height:auto;background-size:cover;background-position:62% center;position:relative}
  .bewertung::before{content:"";position:absolute;inset:0;background:rgba(0,0,0,.35)}
  .bewertung__inner{height:auto;padding-top:64px;padding-bottom:64px;z-index:1}
  .stars,.reviews,.bewertung .dots{position:static}
  .stars{gap:4px}
  .stars svg{width:36px;height:36px}
  .reviews{margin-top:20px}
  .review h2{font-size:28px;line-height:1.2}
  .review p{font-size:19px;line-height:1.45;margin-top:10px}
  .bewertung .dots{margin-top:36px}

  .faq__grid{display:block}
  .faq__left h3{font-size:24px;line-height:1.25;margin-top:12px}
  .faq__list{padding-top:32px}
  .faq__item{margin-bottom:22px}
  .faq__q{font-size:17px;line-height:1.4;padding-right:44px}
  .faq__q svg{width:24px;height:17px;top:5px}
  .faq__item.is-open .faq__q svg{top:5px}
  .faq__a{font-size:16px;line-height:1.55;max-width:none;margin-top:6px}

  .legal__text{font-size:16px;line-height:1.55;margin-top:20px}

  /* Footer */
  .footer{height:auto;padding:56px 0 0;position:static}
  .footer__top{height:auto}
  .footer__signet{position:static;width:96px}
  .footer__claim{position:static;font-size:44px;line-height:1.1;margin-top:20px}
  .footer__addr{position:static;width:auto;line-height:1.6;margin-top:32px;font-size:17px}
  .footer__nav{position:static;margin:36px 0 0;padding-bottom:44px;flex-wrap:wrap;gap:8px 14px;justify-content:flex-start}
  .footer__nav .wide{word-spacing:0}
  .footer__nav a,.footer__nav i{font-size:16px}
  .copyright{height:auto;line-height:1.4;font-size:14px;padding:14px 0 84px}
}

/* Datenschutz: Fließtext-Aufbau */
.legal--ds{height:auto;padding-bottom:110px}
.legal__text h3{font-size:24.25px;line-height:30px;font-weight:700;margin:60px 0 0}
.legal__text p,.legal__text ul{margin:0 0 30px;max-width:1400px}
.legal__text h3 + p,.legal__text h3 + ul{margin-top:0}
.legal__text ul{padding-left:1.1em}
.legal__text li{margin:0}
.legal__text .legal__contact{margin-bottom:0}
.legal__text a{text-decoration:underline;text-underline-offset:3px}
@media (max-width:1179px){
  .legal__text h3{font-size:19px;line-height:1.35;margin-top:36px}
  .legal__text p,.legal__text ul{margin-bottom:18px}
  .legal--ds{padding-bottom:64px}
}

/* Fließtext ohne harte Umbrüche */
.h>span{display:block}
.hero__h1 .white{max-width:800px}
.hero__h1 .blue{max-width:1000px}
.hero__h1--sub .blue{max-width:960px}
.intro .text,.loesung .text{max-width:1400px}
.review p{max-width:960px}
.step{max-width:1420px}
.step strong,.item strong{display:block}
.footer__claim{width:410px}
.loesung .text p{margin:0 0 30px}
.loesung .text .bullets{list-style:none;margin:0 0 30px;padding:0}
.loesung .text .bullets li::before{content:"• "}
.leistungen__left .h{max-width:743px}
.ref__text h3{hyphens:manual}
@media (max-width:1179px){
  .hero__h1 .white,.hero__h1 .blue,.hero__h1--sub .blue,.intro .text,.loesung .text,.review p,.step{max-width:none}
  .footer__claim{width:auto}
  .loesung .text p,.loesung .text .bullets{margin-bottom:18px}
}
.leistungen__left .h{max-width:660px}
.faq__left h3{max-width:308px}
@media (max-width:1179px){.leistungen__left .h,.faq__left h3{max-width:none}}

/* Sanftes Einblenden der Texte beim Scrollen */
.reveal{opacity:0;transform:translateY(22px);transition:opacity .85s ease,transform .85s cubic-bezier(.2,.6,.2,1);transition-delay:var(--d,0s);will-change:opacity,transform}
.reveal.is-in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){
  .hero::before,.hero__btn,.hero__h1>span{animation:none}
  .reveal{opacity:1;transform:none;transition:none}
}

/* ENTDECKEN mit zartem Strich */
.hero__scroll{position:absolute;left:0;right:0;width:max-content;margin:0 auto;top:52px;z-index:3;display:flex;flex-direction:column;align-items:center;color:#fff;text-shadow:0 1px 10px rgba(0,0,0,.45);animation:heroRise 1s cubic-bezier(.2,.6,.2,1) .9s both}
.hero__scroll span{font-size:16px;line-height:20px;font-weight:600;letter-spacing:.34em;margin-right:-.34em;text-transform:uppercase;opacity:.9}
.hero__scroll i{display:block;position:relative;width:1px;height:78px;margin-top:14px;background:rgba(255,255,255,.28);overflow:hidden}
.hero__scroll i::after{content:"";position:absolute;left:0;top:0;width:1px;height:100%;background:#fff;transform:scaleY(0);transform-origin:top;animation:scrollLine 2.6s cubic-bezier(.65,0,.25,1) 1.4s infinite}
@keyframes scrollLine{0%{transform:scaleY(0);transform-origin:top}45%{transform:scaleY(1);transform-origin:top}55%{transform:scaleY(1);transform-origin:bottom}100%{transform:scaleY(0);transform-origin:bottom}}
.hero__scroll:hover span{opacity:1}
@media (max-width:1179px){
  section[id]{scroll-margin-top:84px}
  .hero__scroll{display:none}
}
@media (prefers-reduced-motion:reduce){.hero__scroll,.hero__scroll i::after{animation:none}.hero__scroll i::after{transform:none}}

/* Fließtext 10 % kleiner */
body{font-size:22.5px;line-height:27px}
.text{margin-bottom:27px}
.loesung .text p,.loesung .text .bullets{margin-bottom:27px}
.review p{font-size:27px;line-height:32.4px}
.faq__q{line-height:30px}
.faq__a{font-size:21.8px;line-height:27px}
.footer__addr{line-height:30.6px}
.copyright{font-size:16.2px}
.legal__text{font-size:21.8px;line-height:27px}
.legal__text h3{font-size:21.8px;line-height:27px}
.legal__text p,.legal__text ul{margin-bottom:27px}
@media (max-width:1179px){
  body{font-size:15.3px;line-height:1.55}
  .review p{font-size:18.4px;line-height:1.5}
  .faq__q{font-size:15.3px;line-height:1.4}
  .faq__a{font-size:14.4px;line-height:1.55}
  .footer__addr{font-size:15.3px;line-height:1.6}
  .footer__nav a,.footer__nav i{font-size:14.4px}
  .copyright{font-size:12.6px;line-height:1.4}
  .legal__text{font-size:14.4px;line-height:1.55}
  .legal__text h3{font-size:17.1px;line-height:1.35}
  .text{margin-bottom:18px}
}

/* 404-Seite */
.legal--nf{height:auto;padding-bottom:140px}
.legal--nf .legal__text p{max-width:900px}
.nf-links{display:flex;flex-wrap:wrap;gap:16px;margin-top:6px}
.nf-btn{display:inline-block;padding:15px 34px;border-radius:40px;background:var(--blue);border:2px solid var(--blue);color:#fff;font-weight:700;font-size:21px;line-height:1.2;text-decoration:none !important;transition:background .25s,color .25s}
.nf-btn:hover{background:#fff;color:var(--blue)}
.nf-btn--ghost{background:#fff;color:var(--blue)}
.nf-btn--ghost:hover{background:var(--blue);color:#fff}
@media (max-width:1179px){.legal--nf{padding-bottom:64px}.nf-btn{font-size:16px;padding:13px 26px}}



/* Startanimation (nur Startseite, einmal pro Sitzung): dunkler Hintergrund, Logo baut sich auf */
.ip{display:none}
.is-intro{overflow:hidden;scrollbar-gutter:stable;animation:ipUnlock 0s linear 8.5s forwards}
.is-intro .ip{display:flex;align-items:center;justify-content:center;position:fixed;inset:0;z-index:1000;overflow:hidden;background:#0c0d0f;
  animation:ipOut .9s cubic-bezier(.4,0,.2,1) 6.1s forwards}
.ip__bg{position:absolute;inset:-2%;background:#0d0e10 url(../img/1_hero.jpg) 62% center/cover no-repeat;
  opacity:0;transform:scale(1.06);animation:ipBgFade 1.4s ease .1s forwards,ipBgZoom 7s cubic-bezier(.2,.6,.2,1) forwards}
.ip__bg::after{content:"";position:absolute;inset:0;
  background:linear-gradient(90deg,rgba(12,13,15,.94) 0%,rgba(12,13,15,.86) 45%,rgba(16,18,21,.66) 100%),
             radial-gradient(ellipse at 50% 50%,rgba(0,0,0,0) 30%,rgba(0,0,0,.45) 100%)}
.ip-logo{position:relative;width:min(68vw,640px);height:auto;overflow:visible;animation:ipLogoOut .9s cubic-bezier(.4,0,.2,1) 6.1s forwards}
.ip [data-k]{fill:var(--c);transform-box:fill-box;transform-origin:center}
.ip [data-k="sym"][style*="--i:1"]{fill:transparent;stroke:#fff;stroke-width:1.6;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1;
  animation:ipDraw 1.1s cubic-bezier(.65,0,.25,1) .35s forwards,ipFill .7s ease 1.2s forwards}
.ip-sash{transform-box:fill-box;transform-origin:0% 50%;opacity:0;transform:scaleX(.35) skewY(4deg);
  animation:ipSash 1.1s cubic-bezier(.2,.7,.2,1) 1s forwards}
.ip [data-k="ags"]{opacity:0;transform:translateX(-16px);animation:ipIn .9s cubic-bezier(.2,.7,.2,1) calc(1.35s + var(--i)*.12s) forwards}
.ip [data-k="fen"]{opacity:0;transform:translateY(6px);animation:ipIn .6s ease calc(1.8s + var(--i)*.045s) forwards}
.ip [data-k="claim"]{opacity:0;animation:ipIn .7s ease calc(2.2s + var(--i)*.012s) forwards}
@keyframes ipBgFade{to{opacity:1}}
@keyframes ipBgZoom{to{transform:scale(1)}}
@keyframes ipDraw{to{stroke-dashoffset:0}}
@keyframes ipFill{to{fill:#fff;stroke-width:0}}
@keyframes ipSash{to{opacity:1;transform:none}}
@keyframes ipIn{to{opacity:1;transform:none}}
@keyframes ipLogoOut{to{opacity:0;transform:scale(1.035)}}
@keyframes ipOut{to{opacity:0;visibility:hidden;pointer-events:none}}
@keyframes ipUnlock{to{overflow:auto}}
.is-intro .hero::before,.is-intro .hero__btn,.is-intro .hero__h1>span,.is-intro .hero__scroll{animation-play-state:paused}
@media (prefers-reduced-motion:reduce){.ip{display:none !important}}

/* Tablet / kleine Laptops (700–1179 px): zweispaltig, wo es Platz gibt */
@media (min-width:700px) and (max-width:1179px){
  body{font-size:17px}
  .container,.bewertung__inner{padding-left:40px;padding-right:72px}
  .header .container{padding-right:40px}
  .leistungen__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:48px}
  .leistungen__right{padding-top:6px}
  .ref__slide,.ref__slide.is-active{display:grid;grid-template-columns:minmax(0,58%) minmax(0,1fr);gap:36px;align-items:center}
  .ref__text{padding-top:0}
  .ref__arrow{top:calc(50% - 22px)}
  .ref__arrow--next{right:auto;left:calc(58% - 54px)}
  .faq__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:40px}
  .faq__list{padding-top:8px}
  .faq__q{font-size:17px}
  .faq__a{font-size:16px}
  .footer__top{display:grid;grid-template-columns:auto minmax(0,1fr) minmax(0,1.1fr);gap:24px 40px;align-items:start}
  .footer__claim{margin-top:0}
  .footer__addr{margin-top:0}
  .review p{font-size:20px}
}