/* ============================================
   IT-ADVO Below-Fold CSS — Design v2.0
   Async-loaded
   ============================================ */

/* ============================================
   SECTION TITLES (shared)
   ============================================ */
.section-title{
  font-size:var(--font-h2);font-weight:700;color:var(--navy-500);
  text-align:center;margin-bottom:clamp(24px, 3vw, 48px);
  letter-spacing:-0.02em;
}
.section-title a{color:inherit}
.section-title a:hover{color:var(--cyan)}

/* ============================================
   MEDIA COVERAGE
   ============================================ */
.media-coverage{padding:clamp(48px, 5vw, 80px) 0;background:#fff}
.media-coverage .section-label{text-align:center;color:var(--accent-700)}
.media-grid{
  display:grid;grid-template-columns:1fr 1fr;gap:24px;
  margin-bottom:24px;
}
.media-card{
  background:#fff;border-radius:1rem;overflow:hidden;
  box-shadow:0 1px 3px rgba(0,0,0,.04),0 8px 24px rgba(0,0,0,.06);
  transition:transform .3s,box-shadow .3s;
}
.media-card:hover{
  transform:translateY(-4px);
  box-shadow:0 4px 12px rgba(0,0,0,.08),0 20px 40px rgba(0,0,0,.08);
}
.media-card img,.media-card .video-facade{
  width:100%;aspect-ratio:16/9;object-fit:cover;
}
.media-card h3{
  font-size:var(--font-h3);padding:20px 24px 6px;color:var(--navy-500);
}
.media-card p{
  font-size:0.875rem;color:var(--neutral-500);padding:0 24px 20px;line-height:1.6;
}
.media-card-link{display:block;color:inherit;text-decoration:none}
.media-card-link:hover{text-decoration:none;color:inherit}

/* Review date */
.review-date{
  color:var(--neutral-400);font-weight:400;font-size:0.75rem;
  margin-left:4px;
}

/* ============================================
   BENEFITS (Vorteile)
   ============================================ */
.benefits{padding:clamp(48px, 5vw, 80px) 0;background:var(--neutral-50)}
.benefits .section-label{text-align:center;color:var(--accent-700)}
.benefits-grid{
  display:grid;grid-template-columns:repeat(3,1fr);gap:24px;
  margin-bottom:24px;
}
.benefit-card{
  text-align:center;padding:clamp(24px, 2vw, 40px) clamp(16px, 2vw, 28px);
  border-radius:1rem;background:#fff;
  border:1px solid var(--neutral-200);
  box-shadow:0 1px 3px rgba(0,0,0,.02);
  transition:transform .3s,box-shadow .3s;
}
.benefit-card:hover{
  transform:translateY(-4px);
  box-shadow:0 8px 24px rgba(0,0,0,.08);
}
.benefit-icon{
  width:64px;height:64px;border-radius:1rem;margin:0 auto 1rem;
  background:linear-gradient(135deg,rgba(0,171,232,.08),rgba(0,171,232,.15));
  display:flex;align-items:center;justify-content:center;
}
.benefit-icon svg{width:32px;height:32px}
.benefit-card h3{
  font-size:var(--font-h3);color:var(--navy-500);margin-bottom:0.75rem;
}
.benefit-card p{
  font-size:0.875rem;color:var(--neutral-500);line-height:1.65;
}
.benefit-card a{color:var(--cyan)}

/* ============================================
   GERICHTSURTEILE (Erfolge) — NEW
   ============================================ */
.court-rulings{
  padding:clamp(48px, 5vw, 80px) 0;
  background:linear-gradient(135deg,var(--navy-900) 0%,var(--navy-800) 100%);
  color:#fff;
}
.court-rulings .section-label{text-align:center;color:var(--accent-400)}
.court-rulings .section-title{color:#fff}
.rulings-grid{
  display:grid;grid-template-columns:repeat(4,1fr);gap:20px;
}
.ruling-card{
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.1);
  border-radius:1rem;padding:clamp(20px, 2vw, 28px);
  transition:transform .3s,background .3s;
}
.ruling-card:hover{
  transform:translateY(-4px);
  background:rgba(255,255,255,.1);
}
.ruling-icon{
  width:48px;height:48px;border-radius:12px;
  background:rgba(245,158,11,.15);
  display:flex;align-items:center;justify-content:center;
  margin-bottom:1rem;
}
.ruling-icon svg{width:24px;height:24px}
.ruling-card h3{
  color:#fff;font-size:1rem;font-weight:700;margin-bottom:0.25rem;
}
.ruling-card .ruling-az{
  color:var(--accent-400);font-size:0.8125rem;font-weight:600;
  margin-bottom:0.75rem;display:block;
}
.ruling-card p{
  color:rgba(255,255,255,.7);font-size:0.8125rem;line-height:1.6;
}

/* ============================================
   INCLUDED (Im Festpreis)
   ============================================ */
.included{padding:clamp(48px, 5vw, 80px) 0;background:#fff}
.included .section-label{text-align:center;color:var(--accent-700)}
.included-grid{
  display:grid;grid-template-columns:repeat(3,1fr);gap:20px;
}
.included-item{
  background:var(--neutral-50);padding:clamp(20px, 2vw, 28px);border-radius:1rem;
  border:1px solid var(--neutral-200);
  transition:transform .3s,box-shadow .3s;
}
.included-item:hover{
  transform:translateY(-3px);
  box-shadow:0 8px 24px rgba(0,0,0,.06);
}
.included-icon{
  width:48px;height:48px;border-radius:12px;
  background:linear-gradient(135deg,rgba(5,44,87,.06),rgba(5,44,87,.12));
  display:flex;align-items:center;justify-content:center;
  margin-bottom:0.75rem;
}
.included-icon svg{width:24px;height:24px}
.included-item h3{
  font-size:1rem;color:var(--navy-500);margin-bottom:0.5rem;font-weight:600;
}
.included-item p{
  font-size:0.875rem;color:var(--neutral-500);line-height:1.65;
}

/* ============================================
   PROCESS STEPS — "So sorgen wir..." — NEW
   ============================================ */
.process-steps{
  padding:clamp(48px, 5vw, 80px) 0;
  background:var(--neutral-50);
}
.process-steps .section-label{text-align:center;color:var(--accent-700)}
.steps-grid{
  display:grid;grid-template-columns:repeat(5,1fr);gap:0;
  max-width:1100px;margin:0 auto;
  position:relative;
}
.step-item{
  text-align:center;padding:0 clamp(12px, 1.5vw, 24px);
  position:relative;
}
.step-number{
  width:56px;height:56px;border-radius:50%;
  background:var(--accent-500);color:var(--navy-900);
  font-size:1.25rem;font-weight:800;
  display:flex;align-items:center;justify-content:center;
  margin:0 auto 1rem;position:relative;z-index:1;
  box-shadow:0 4px 12px rgba(245,158,11,.3);
}
/* Connecting line between steps */
.step-item:not(:last-child)::after{
  content:'';position:absolute;
  top:28px;left:calc(50% + 28px);
  width:calc(100% - 56px);height:2px;
  background:var(--neutral-300);z-index:0;
}
.step-item h3{
  font-size:1rem;color:var(--navy-500);margin-bottom:0.5rem;
}
.step-item p{
  font-size:0.8125rem;color:var(--neutral-500);line-height:1.5;
}

/* ============================================
   FORM SECTION 2
   ============================================ */
.form-section{
  padding:clamp(48px, 5vw, 80px) 0;
  background:linear-gradient(135deg,var(--navy-800) 0%,var(--navy-700) 100%);
}
.form-section .section-title{color:#fff}
.form-section .section-label{text-align:center;color:var(--accent-400)}
.form-wrapper{max-width:700px;margin:0 auto}
.form-row{
  display:grid;grid-template-columns:1fr 1fr;gap:12px;
}
/* Form 2 inherits hero form styles (dark bg) */

/* ============================================
   REVIEWS
   ============================================ */
.reviews{padding:clamp(48px, 5vw, 80px) 0;background:var(--neutral-50)}
.reviews .section-label{text-align:center;color:var(--accent-700)}
.reviews-rating{
  text-align:center;margin-bottom:clamp(24px, 3vw, 40px);
}
.reviews-rating .rating-stars{
  color:var(--accent-500);font-size:1.5rem;letter-spacing:2px;
  display:block;margin-bottom:0.25rem;
}
.reviews-rating .rating-text{
  color:var(--neutral-500);font-size:0.875rem;
}
.reviews-rating .rating-text strong{color:var(--navy-500)}
.transparency-note{
  text-align:center;font-size:0.75rem;
  color:var(--neutral-400);margin:-16px 0 24px;
}
.reviews-grid{
  display:grid;grid-template-columns:repeat(3,1fr);gap:20px;
}
.review-card-link{display:block;text-decoration:none;color:inherit}
.review-card-link:hover{text-decoration:none;color:inherit}
.review-card{
  background:#fff;padding:clamp(20px, 2vw, 28px);border-radius:1rem;
  box-shadow:0 1px 3px rgba(0,0,0,.04),0 4px 16px rgba(0,0,0,.04);
  transition:transform .3s,box-shadow .3s;
  border:1px solid var(--neutral-100);cursor:pointer;
}
.review-card:hover,.review-card-link:hover .review-card{
  transform:translateY(-3px);
  box-shadow:0 4px 12px rgba(0,0,0,.08),0 16px 32px rgba(0,0,0,.06);
}
.review-header{
  display:flex;align-items:center;gap:10px;margin-bottom:0.75rem;
}
.review-google-badge{
  display:flex;align-items:center;gap:6px;
  font-size:0.6875rem;color:var(--neutral-400);
}
.review-google-badge svg{width:16px;height:16px}
.review-stars{
  color:var(--accent-500);font-size:1rem;
  letter-spacing:1px;
}
.review-text{
  font-size:0.875rem;color:var(--neutral-600);line-height:1.65;
  margin-bottom:0.75rem;
}
.review-author{
  font-size:0.8125rem;font-weight:600;color:var(--navy-500);
}
.reviews-link{
  text-align:center;margin-top:clamp(20px, 2vw, 32px);font-size:0.875rem;
}

/* ============================================
   COMPARISON TABLE
   ============================================ */
.comparison{padding:clamp(48px, 5vw, 80px) 0;background:var(--neutral-50)}
.comparison .section-label{text-align:center;color:var(--accent-700)}
.comparison-grid{
  display:grid;grid-template-columns:1fr 1.25fr 1fr;gap:16px;
  align-items:start;
}
.comparison-col{
  background:#fff;border-radius:1rem;overflow:hidden;
  border:1px solid var(--neutral-200);
  transition:transform .3s,box-shadow .3s;
}
.comparison-col:hover{box-shadow:0 4px 16px rgba(0,0,0,.06)}
.comparison-col.featured{
  background:#fff;border:2px solid var(--accent-500);
  transform:scale(1.03);
  box-shadow:0 8px 32px rgba(245,158,11,.12),0 2px 8px rgba(0,0,0,.04);
  position:relative;
}
.comparison-col.featured:hover{
  box-shadow:0 12px 40px rgba(245,158,11,.16),0 4px 12px rgba(0,0,0,.06);
}
.comparison-col.featured .recommended-badge{
  position:absolute;top:-1px;left:50%;transform:translateX(-50%);
  background:var(--accent-500);color:var(--navy-900);
  font-size:0.625rem;font-weight:700;text-transform:uppercase;
  letter-spacing:0.12em;padding:5px 20px;
  border-radius:0 0 8px 8px;
}
.col-header{
  padding:18px 20px;text-align:center;
  font-size:1.0625rem;font-weight:700;color:#fff;
}
.col-diy .col-header{background:var(--neutral-500);color:#fff}
.col-itadvo .col-header{
  background:linear-gradient(135deg,var(--navy-500),var(--navy-800));
  padding-top:26px;
}
.col-agentur .col-header{background:var(--neutral-500);color:#fff}
.price-box{
  padding:16px 20px;text-align:center;
  background:linear-gradient(135deg,rgba(245,158,11,.06),rgba(245,158,11,.02));
  border-bottom:1px solid rgba(245,158,11,.1);
}
.price-main{
  font-size:clamp(1.5rem, 1.25rem + 1vw, 2rem);
  font-weight:800;color:var(--accent-700);
}
.price-unit{font-size:0.8125rem;font-weight:400;color:var(--neutral-500)}
.price-sub{font-size:0.75rem;color:var(--neutral-400);margin-bottom:2px}
.price-alt{font-size:1.125rem;font-weight:700;color:var(--navy-500)}
.comparison-list{padding:12px 16px}
.comparison-list li{
  display:flex;align-items:flex-start;gap:8px;
  padding:7px 0;font-size:0.8125rem;color:var(--neutral-600);
  border-bottom:1px solid var(--neutral-100);
  flex-wrap:wrap;
}
.comparison-list li:last-child{border-bottom:none}
.comparison-list li svg{flex-shrink:0;margin-top:1px}
.comparison-list li.pro{color:var(--neutral-700)}
.comparison-list li.con{color:var(--neutral-500)}
.comparison-list li strong{flex:1;min-width:0;font-size:0.8125rem}
.compare-detail{
  display:block;width:100%;padding-left:26px;margin-top:1px;
  font-size:0.6875rem;line-height:1.4;color:var(--neutral-400);font-weight:400;
}
.comparison-list li.pro .compare-detail{color:var(--neutral-500)}
.btn-comparison{
  display:block;margin:12px 16px 16px;text-align:center;
  font-size:0.875rem;padding:0.75rem;
}

/* ============================================
   PLATFORMS
   ============================================ */
.platforms{padding:clamp(40px, 4vw, 60px) 0;background:var(--neutral-50)}
.platforms-grid{
  display:flex;align-items:center;justify-content:center;
  gap:clamp(24px, 3vw, 48px);flex-wrap:wrap;
}
.platforms-grid img{
  height:36px;width:auto;opacity:.6;
  transition:all .3s;filter:grayscale(50%);
}
.platforms-grid img:hover{opacity:1;filter:none}
.platform-text-logo{
  font-size:1.125rem;font-weight:700;color:var(--neutral-400);
  letter-spacing:-0.01em;opacity:.6;transition:all .3s;
  user-select:none;white-space:nowrap;
}
.platform-text-logo:hover{opacity:1;color:var(--neutral-700)}

/* ============================================
   FAQ
   ============================================ */
.faq{padding:clamp(48px, 5vw, 80px) 0;background:#fff}
.faq .section-label{text-align:center;color:var(--accent-700)}
.faq-grid{
  display:grid;grid-template-columns:2fr 1fr;gap:40px;
  align-items:start;
}
.faq-accordion details{
  background:var(--neutral-50);margin-bottom:8px;border-radius:12px;
  border:1px solid var(--neutral-200);overflow:hidden;
  transition:background .2s;
}
.faq-accordion details[open]{background:#fff;border-color:var(--accent-500)}
.faq-accordion summary{
  padding:18px 24px;font-size:0.9375rem;font-weight:600;
  color:var(--navy-500);cursor:pointer;
  list-style:none;display:flex;align-items:center;
  justify-content:space-between;gap:12px;
}
.faq-accordion summary::-webkit-details-marker{display:none}
.faq-accordion summary::after{
  content:'+';font-size:1.25rem;font-weight:500;
  color:var(--accent-500);transition:transform .2s;
  flex-shrink:0;width:24px;text-align:center;
}
details[open] summary::after{content:'\2212'}
.faq-answer{padding:0 24px 20px}
.faq-answer p{font-size:0.875rem;color:var(--neutral-600);line-height:1.7}
.faq-contact{
  text-align:center;padding:clamp(24px, 2vw, 32px);
  background:var(--neutral-50);border-radius:1rem;
  border:1px solid var(--neutral-200);
  position:sticky;top:100px;
}
.faq-contact h3{
  font-size:1.25rem;color:var(--navy-500);margin-bottom:16px;
}
.faq-portrait{
  width:160px;height:160px;border-radius:50%;
  object-fit:cover;margin:0 auto 16px;
  border:3px solid var(--neutral-200);
}
.faq-phone{
  font-size:1.125rem;font-weight:700;color:var(--navy-500);
  margin-bottom:16px;
}

/* ============================================
   FOOTER CTA BAR — NEW
   ============================================ */
.footer-cta{
  padding:clamp(40px, 4vw, 64px) 0;
  background:linear-gradient(135deg,var(--navy-700) 0%,var(--navy-600) 100%);
  text-align:center;
}
.footer-cta h2{
  color:#fff;margin-bottom:0.5rem;
  font-size:var(--font-h2);
}
.footer-cta p{
  color:rgba(255,255,255,.7);font-size:1.0625rem;
  margin-bottom:1.5rem;max-width:600px;margin-left:auto;margin-right:auto;
}

/* ============================================
   FOOTER
   ============================================ */
.site-footer{background:var(--navy-900);color:#fff;padding:clamp(40px, 4vw, 60px) 0 0}
.footer-inner{
  display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:30px;
}
.footer-col h3{
  font-size:0.875rem;margin-bottom:1rem;font-weight:600;
  text-transform:uppercase;letter-spacing:0.1em;
  color:rgba(255,255,255,.5);
}
.footer-brand p{
  color:rgba(255,255,255,.6);font-size:0.875rem;margin-top:12px;
  line-height:1.6;
}
.footer-brand img{filter:brightness(0) invert(1);width:160px}
.footer-contact p{
  font-size:0.875rem;color:rgba(255,255,255,.7);margin-bottom:8px;
}
.footer-contact a{color:rgba(255,255,255,.8);transition:color .2s}
.footer-contact a:hover{color:var(--accent-400);text-decoration:none}
.footer-links ul li{margin-bottom:8px}
.footer-links a{
  color:rgba(255,255,255,.7);font-size:0.875rem;transition:color .2s;
}
.footer-links a:hover{color:var(--accent-400);text-decoration:none}
.footer-social{display:flex;flex-direction:column;gap:16px}
.social-links{display:flex;gap:12px}
.social-links a{
  color:rgba(255,255,255,.5);transition:color .2s;
}
.social-links a:hover{color:var(--accent-400)}
.footer-bottom{
  margin-top:clamp(24px, 2vw, 40px);padding:16px 0;
  border-top:1px solid rgba(255,255,255,.08);
  text-align:center;
}
.footer-bottom p{
  font-size:0.75rem;color:rgba(255,255,255,.4);
}

/* ============================================
   PAIN POINTS
   ============================================ */
.pain-points{padding:clamp(48px,5vw,80px) 0;background:var(--neutral-50)}
.pain-points .section-label{text-align:center;color:var(--accent-700)}
.pain-grid{
  display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:2rem;
}
.pain-card{
  background:#fff;border-radius:1rem;padding:clamp(20px,2vw,28px);
  display:flex;gap:20px;align-items:flex-start;
  border:1px solid var(--neutral-200);
  box-shadow:0 1px 3px rgba(0,0,0,.03);
  transition:transform .3s,box-shadow .3s;
}
.pain-card:hover{
  transform:translateY(-3px);
  box-shadow:0 8px 24px rgba(0,0,0,.07);
}
.pain-stat{
  flex-shrink:0;width:64px;height:64px;border-radius:12px;
  background:linear-gradient(135deg,#fef2f2,#fee2e2);
  display:flex;align-items:center;justify-content:center;
  font-size:1.25rem;font-weight:800;color:#ef4444;
  letter-spacing:-0.02em;line-height:1;
}
.pain-body h3{font-size:1rem;font-weight:700;color:var(--navy-500);margin-bottom:6px}
.pain-body p{font-size:0.8125rem;line-height:1.6;color:var(--neutral-500);margin:0}

/* ============================================
   SCHNELLTEST (Quiz)
   ============================================ */
.schnelltest{padding:clamp(48px,5vw,80px) 0;background:#fff}
.schnelltest .section-label{text-align:center;color:var(--accent-700)}
.quiz-intro{
  text-align:center;font-size:0.9375rem;color:var(--neutral-500);
  max-width:500px;margin:-.5rem auto 0;line-height:1.6;
}
.quiz-box{
  max-width:620px;margin:2rem auto 0;background:var(--neutral-50);
  border-radius:1rem;padding:clamp(28px,4vw,44px);
  box-shadow:0 1px 3px rgba(0,0,0,.04),0 8px 32px rgba(0,0,0,.06);
  border:1px solid var(--neutral-200);text-align:center;
}
.quiz-progress{
  display:flex;align-items:center;justify-content:center;gap:12px;
  margin-bottom:24px;
}
.quiz-dots{display:flex;gap:8px}
.quiz-dot{
  width:10px;height:10px;border-radius:50%;
  background:var(--neutral-300);transition:all .3s;
}
.quiz-dot.active{background:var(--accent-500);transform:scale(1.2)}
.quiz-dot.done{background:var(--success)}
.quiz-step-text{
  font-size:0.75rem;color:var(--neutral-400);font-weight:600;
  letter-spacing:.5px;text-transform:uppercase;
}
.quiz-question{display:none}
.quiz-question.active{display:block}
.quiz-question h3{font-size:1.125rem;font-weight:700;color:var(--navy-500);margin-bottom:8px}
.quiz-hint{font-size:0.8125rem;color:var(--neutral-400);margin-bottom:24px;line-height:1.5}
.quiz-options{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}
.quiz-btn{
  padding:12px 28px;border-radius:10px;border:2px solid var(--neutral-200);
  background:#fff;color:var(--neutral-700);font-size:0.9375rem;font-weight:600;
  cursor:pointer;transition:all .2s;min-width:120px;
  box-shadow:0 1px 3px rgba(0,0,0,.04);
}
.quiz-btn:hover{
  border-color:var(--accent-500);background:rgba(245,158,11,.04);
  color:var(--accent-700);transform:translateY(-1px);
  box-shadow:0 4px 12px rgba(245,158,11,.12);
}
.quiz-result{padding:16px 0}
.quiz-result-icon{
  width:60px;height:60px;border-radius:50%;margin:0 auto 16px;
  display:flex;align-items:center;justify-content:center;
  font-size:1.5rem;font-weight:700;color:#fff;
}
.quiz-result-icon.green{background:var(--success);box-shadow:0 4px 16px rgba(52,199,89,.25)}
.quiz-result-icon.yellow{background:var(--accent-500);box-shadow:0 4px 16px rgba(245,158,11,.25)}
.quiz-result-icon.red{background:var(--error);box-shadow:0 4px 16px rgba(239,68,68,.25)}
.quiz-result h3{font-size:1.2rem;font-weight:700;color:var(--navy-500);margin-bottom:8px}
.quiz-result p{font-size:0.9rem;color:var(--neutral-500);line-height:1.6;margin-bottom:20px}
.quiz-restart{
  display:inline-block;margin-top:12px;padding:8px 16px;
  background:none;border:none;color:var(--accent-600);
  font-size:0.85rem;cursor:pointer;font-weight:500;
}
.quiz-restart:hover{text-decoration:underline}

/* ============================================
   MOBILE RESPONSIVE (Below fold)
   ============================================ */
@media(max-width:1024px){
  .benefits-grid{grid-template-columns:1fr}
  .pain-grid{grid-template-columns:repeat(2,1fr)}
  .included-grid{grid-template-columns:repeat(2,1fr)}
  .reviews-grid{grid-template-columns:repeat(2,1fr)}
  .comparison-grid{grid-template-columns:1fr}
  .comparison-col.featured{transform:none}
  .rulings-grid{grid-template-columns:repeat(2,1fr)}
  .steps-grid{grid-template-columns:repeat(3,1fr);gap:24px}
  .step-item:not(:last-child)::after{display:none}
  .faq-grid{grid-template-columns:1fr}
  .footer-inner{grid-template-columns:repeat(2,1fr)}
}

@media(max-width:767px){
  .section-title{margin-bottom:clamp(20px, 3vw, 32px)}
  .media-grid{grid-template-columns:1fr}
  .pain-grid{grid-template-columns:1fr}
  .pain-card{gap:16px}
  .pain-stat{width:52px;height:52px;font-size:1rem}
  .quiz-options{flex-direction:column}
  .quiz-btn{width:100%}
  .media-coverage,.benefits,.included,.form-section,.reviews,.comparison,.platforms,.faq,.court-rulings,.process-steps,.pain-points,.schnelltest{
    padding:clamp(36px, 4vw, 56px) 0;
  }
  .included-grid{grid-template-columns:1fr}
  .form-row{grid-template-columns:1fr}
  .reviews-grid{grid-template-columns:1fr}
  .rulings-grid{grid-template-columns:1fr}
  .steps-grid{grid-template-columns:1fr;gap:20px}
  .platforms-grid{gap:16px}
  .platforms-grid img{height:28px}
  .platforms{display:none}
  .faq-contact{position:static}
  .footer-inner{grid-template-columns:1fr;gap:24px;text-align:center}
  .social-links{justify-content:center}
  .footer-brand img{margin:0 auto}
}

/* ============================================
   VIDEO IFRAME (injected by JS)
   ============================================ */
.video-facade{position:relative;cursor:pointer;border-radius:8px;overflow:hidden;aspect-ratio:16/9;background:#000}
.video-facade img{width:100%;height:100%;object-fit:cover}
.play-button{
  position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);
  opacity:.85;transition:opacity .2s;
}
.video-facade:hover .play-button{opacity:1}
.video-facade iframe{
  position:absolute;inset:0;width:100%;height:100%;border:0;
}
.video-facade.playing img,
.video-facade.playing .play-button,
.video-facade.playing .play-btn-mini{display:none}

/* Video Lightbox Overlay */
.video-overlay{
  position:fixed;inset:0;z-index:10000;
  background:rgba(0,0,0,.9);
  display:flex;align-items:center;justify-content:center;
  cursor:pointer;animation:vFadeIn .2s ease;
}
.video-overlay-inner{
  position:relative;width:90vw;max-width:900px;aspect-ratio:16/9;cursor:default;
}
.video-overlay-inner iframe{width:100%;height:100%;border:0;border-radius:8px}
.video-overlay-close{
  position:absolute;top:-2.5rem;right:0;
  background:none;border:none;color:#fff;font-size:2rem;
  cursor:pointer;padding:0.25rem 0.5rem;line-height:1;opacity:.7;
}
.video-overlay-close:hover{opacity:1}
@keyframes vFadeIn{from{opacity:0}to{opacity:1}}

/* Form loading state */
.btn-submit.loading{opacity:.7;pointer-events:none}
.btn-submit.loading::after{
  content:'';display:inline-block;width:16px;height:16px;
  border:2px solid currentColor;border-top-color:transparent;
  border-radius:50%;animation:spin .6s linear infinite;
  margin-left:8px;vertical-align:middle;
}
@keyframes spin{to{transform:rotate(360deg)}}

/* Google Places Autocomplete dropdown */
.pac-container{z-index:10000!important;font-family:'Roboto',sans-serif!important}

/* ============================================
   CSS SCROLL-REVEAL (JS IntersectionObserver)
   Default: hidden. JS adds .revealed when in view.
   Fallback: noscript shows everything.
   ============================================ */
.reveal{
  opacity:0;transform:translateY(1.5rem);
  transition:opacity .6s ease,transform .6s ease;
}
.reveal.revealed{
  opacity:1;transform:translateY(0);
}
/* Fallback if JS fails — show everything */
noscript ~ .reveal,.reveal.no-js{opacity:1;transform:none}

/* content-visibility removed — caused conflicts with
   IntersectionObserver for .reveal child elements */

/* ============================================
   QUIZ INLINE FORM (after quiz result)
   ============================================ */
.quiz-inline-form{
  margin-top:24px;padding-top:24px;
  border-top:2px solid var(--accent-500);
  animation:quizFormSlide .4s ease-out;
}
@keyframes quizFormSlide{
  from{opacity:0;transform:translateY(12px)}
  to{opacity:1;transform:translateY(0)}
}
.quiz-form-header{margin-bottom:16px}
.quiz-form-header h3{
  font-size:1.1rem;font-weight:700;
  color:var(--navy-500);margin-bottom:4px;
}
.quiz-form-trust{font-size:.85rem;color:var(--neutral-500)}
.quiz-form-trust .stars{color:var(--accent-500);letter-spacing:2px}
.quiz-form-intro{font-size:.9rem;color:var(--navy-500);font-weight:500;margin-top:8px;min-height:0;line-height:1.45}

/* Quiz form fields — compact */
.quiz-contact-form .form-row{
  display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:10px;
}
.quiz-contact-form .form-field input{
  width:100%;padding:10px 14px;border:1.5px solid var(--neutral-200);
  border-radius:8px;font-size:.9rem;transition:border-color .2s;
  background:#fff;color:var(--neutral-700);
}
.quiz-contact-form .form-field input:focus{
  border-color:var(--accent-500);outline:none;
  box-shadow:0 0 0 3px rgba(245,158,11,.12);
}
.quiz-contact-form .form-field input.error{
  border-color:var(--error);
}
.quiz-contact-form .consent-field{margin-top:4px;margin-bottom:0}
.btn-quiz-submit{
  width:100%;padding:14px;margin-top:8px;
  font-size:1rem;font-weight:700;
  background:var(--accent-500);color:#fff;
  border:none;border-radius:10px;cursor:pointer;
  transition:background .2s,transform .1s;
}
.btn-quiz-submit:hover{
  background:var(--accent-600);transform:translateY(-1px);
}
.quiz-form-badges{
  display:flex;gap:16px;justify-content:center;
  margin-top:12px;font-size:.8rem;color:var(--neutral-500);
}
.quiz-form-badges span{display:flex;align-items:center;gap:4px}

/* Result Urgency Line */
.quiz-result-urgency{
  display:flex;align-items:center;justify-content:center;gap:8px;
  font-size:.8rem;color:var(--accent-700);font-weight:500;
  padding:8px 16px;background:rgba(245,158,11,.06);
  border-radius:8px;margin-top:4px;
}
.quiz-result-urgency svg{width:16px;height:16px;flex-shrink:0}

/* Result Badge (icon + label inline) */
.quiz-result-badge{
  display:inline-flex;align-items:center;gap:8px;
  padding:6px 16px;border-radius:20px;margin-bottom:12px;
  font-size:.85rem;font-weight:600;
}
.quiz-result-badge.green{background:rgba(52,199,89,.1);color:var(--success)}
.quiz-result-badge.yellow{background:rgba(245,158,11,.1);color:var(--accent-600)}
.quiz-result-badge.red{background:rgba(239,68,68,.1);color:var(--error)}
.quiz-result-badge .quiz-result-icon{
  width:28px;height:28px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  font-size:.9rem;font-weight:700;color:#fff;
}
.quiz-result-badge.green .quiz-result-icon{background:var(--success)}
.quiz-result-badge.yellow .quiz-result-icon{background:var(--accent-500)}
.quiz-result-badge.red .quiz-result-icon{background:var(--error)}

/* Mobile: 1-column form */
@media(max-width:600px){
  .quiz-contact-form .form-row{grid-template-columns:1fr}
  .quiz-form-badges{flex-direction:column;align-items:center;gap:6px}
}

/* ============================================
   DATENSCHUTZ-HINWEIS (Task 3)
   ============================================ */
.datenschutz-hinweis{font-size:.6875rem;line-height:1.4;color:rgba(255,255,255,.5);margin-top:12px;text-align:center}
.datenschutz-hinweis a{color:rgba(255,255,255,.6);text-decoration:underline}
.datenschutz-hinweis a:hover{color:rgba(255,255,255,.8)}

/* ============================================
   PAIN POINTS ACCENT STYLING (Task 6)
   ============================================ */
.pain-card{border-left:3px solid #ef4444;transition:transform .2s ease,box-shadow .2s ease}
.pain-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(0,0,0,.15)}
.pain-stat{color:#ef4444;font-weight:700}

/* ============================================
   STATS BAR GRID
   ============================================ */
.stats-inner{display:grid;grid-template-columns:repeat(4,1fr);gap:0;text-align:center;padding:16px 0}
.stat-item{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 8px;position:relative}
.stat-item:not(:last-child)::after{content:'';position:absolute;right:0;top:25%;height:50%;width:1px;background:rgba(255,255,255,.15)}
.stat-item svg{color:#34C759;flex-shrink:0}
.stat-label{font-size:.8125rem;font-weight:600;color:rgba(255,255,255,.9);letter-spacing:.02em}
@media(max-width:767px){
.stats-inner{grid-template-columns:repeat(2,1fr)}
.stat-item:nth-child(2)::after{display:none}
.stat-item{padding:8px 4px}
.stat-label{font-size:.75rem}
}

/* ============================================
   QUIZ STYLING OVERRIDES (Task 8h)
   Dark-theme quiz styling improvements
   ============================================ */
.quiz-question{display:none}
.quiz-question.active{display:block;animation:quizFadeIn .4s ease}
@keyframes quizFadeIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
.quiz-question h3{font-size:1.375rem;text-align:center;margin-bottom:8px}
.quiz-hint{text-align:center;color:var(--neutral-400);font-size:.875rem;margin-bottom:20px}
.quiz-options{display:flex;flex-direction:column;gap:10px;max-width:420px;margin:0 auto}
.quiz-btn{padding:16px 24px;border-radius:12px;font-size:1rem;text-align:center;transition:all .2s ease;background:rgba(0,0,0,.03);border:1px solid var(--neutral-200)}
.quiz-btn:hover{background:rgba(52,199,89,.12);border-color:#34C759;transform:scale(1.02)}
.quiz-inline-form{animation:quizFadeIn .4s ease}
.quiz-inline-form .quiz-form-header h3{font-size:1.375rem;text-align:center;margin-bottom:4px}
.quiz-form-intro{text-align:center;font-size:.875rem;color:var(--navy-500);margin-bottom:20px}
.quiz-teaser-detail{display:block;color:var(--neutral-500);font-size:.9375rem;line-height:1.5;margin-bottom:0}
.quiz-inline-form .datenschutz-hinweis{color:var(--neutral-400)}
.quiz-inline-form .datenschutz-hinweis a{color:var(--accent-600);text-decoration:underline}
.quiz-inline-form .datenschutz-hinweis a:hover{color:var(--accent-700)}

/* Form Card on dark hero - WHITE card for max conversion (replaces glass) */
.hero .contact-form{background:#fff;border:none;border-radius:16px;padding:28px 24px;box-shadow:0 24px 64px rgba(0,0,0,0.45),0 4px 16px rgba(0,0,0,0.25);backdrop-filter:none;-webkit-backdrop-filter:none}
.hero .contact-form label,.hero .contact-form .datenschutz-hinweis,.hero .contact-form .datenschutz-hinweis a{color:#1a2744}
.hero .contact-form input[type=text],.hero .contact-form input[type=email],.hero .contact-form input[type=tel]{background:#fff;border:1.5px solid #d1d5db;color:#1a2744}
.hero .contact-form input[type=text]::placeholder,.hero .contact-form input[type=email]::placeholder,.hero .contact-form input[type=tel]::placeholder{color:#6b7280}
.hero .contact-form input:focus{border-color:rgb(245,158,11);background:#fff;outline:none;box-shadow:0 0 0 3px rgba(245,158,11,0.15);color:#1a2744}
.hero .contact-form .form-group small{color:#6b7280}
.hero .contact-form select,.hero .contact-form textarea{background:#fff;border:1.5px solid #d1d5db;color:#1a2744}
.hero .contact-form select:focus,.hero .contact-form textarea:focus{border-color:rgb(245,158,11);outline:none;box-shadow:0 0 0 3px rgba(245,158,11,0.15)}

/* Form trust text: white on dark hero → dark on white card (after white card redesign) */
.hero .contact-form .form-trust-text {
    color: #6b7280;
}
.hero .contact-form .form-trust-text svg path {
    fill: #6b7280;
}


/* Reset inner .contact-form (now transparent inside white .form-card) */
.hero .contact-form{
  background:transparent !important;
  border:none !important;
  border-radius:0 !important;
  padding:0 !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}
/* Kontakt page: glassmorphism card — 72% opacity so skyline shows through */
.kontakt-hero .contact-form{
  background:rgba(255,255,255,0.72) !important;
  backdrop-filter:blur(24px) saturate(1.8) brightness(1.05) !important;
  -webkit-backdrop-filter:blur(24px) saturate(1.8) brightness(1.05) !important;
  border:1px solid rgba(255,255,255,0.7) !important;
  border-radius:16px !important;
  padding:2rem 2rem 1.5rem !important;
  box-shadow:0 8px 40px rgba(0,0,0,0.4),0 2px 12px rgba(0,0,0,0.25) !important;
}
/* Labels stay dark (form is on white) */
.hero .contact-form label,
.hero .contact-form .datenschutz-hinweis,
.hero .contact-form .datenschutz-hinweis a{color:#6b7280}

/* Video label text-shadow for readability on dark video frames */
.hero-video-mini .hero-video-label,
.hero-video-mini span {
    text-shadow: 0 1px 4px rgba(0,0,0,0.85), 0 0 8px rgba(0,0,0,0.5);
}

/* ===========================
   SIMPLE PAGE — Legal text styling
   Impressum, Datenschutz, Presse
   =========================== */
.simple-content{
  padding:3rem 0 4rem;
  background:#fff;
}
.simple-content .container{
  max-width:860px;
}
.simple-content h1,.simple-content h2{
  color:var(--navy-900);
  font-size:1.25rem;
  font-weight:700;
  margin-top:2rem;
  margin-bottom:0.625rem;
  letter-spacing:-.015em;
}
.simple-content h2:first-of-type{
  font-size:1.625rem;
  margin-top:0.25rem;
}
.simple-content h3{
  color:var(--navy-800);
  font-size:1rem;
  font-weight:600;
  margin-top:1.5rem;
  margin-bottom:0.5rem;
}
.simple-content p{
  color:#374151;
  line-height:1.75;
  margin-bottom:0.875rem;
}
.simple-content a{
  color:var(--navy-900);
  text-decoration:underline;
}
.simple-content a:hover{color:var(--accent-600)}
.simple-content ul,.simple-content ol{
  color:#374151;
  padding-left:1.5rem;
  margin-bottom:0.875rem;
  line-height:1.75;
}
.simple-content li{margin-bottom:0.25rem}
.simple-content strong,.simple-content b{
  color:var(--navy-800);
  font-weight:600;
}
@media(max-width:767px){
  .simple-content h2:first-of-type{font-size:1.375rem}
}

/* Schnelltest-Link im Hero */
.hero-checklist .schnelltest-link{color:inherit;text-decoration:underline;text-underline-offset:3px;cursor:pointer;transition:color .2s}
.hero-checklist .schnelltest-link:hover{color:#00ABE8}

/* Platform-Auswahl (Quiz Frage 0) */
.quiz-platforms{flex-direction:row!important;gap:16px;max-width:520px!important;justify-content:center}
.platform-card{flex:1;min-height:100px;display:flex;align-items:center;justify-content:center;padding:24px 16px!important;border-radius:16px!important;background:#fff!important;border:2px solid var(--neutral-200)!important;cursor:pointer;transition:all .25s ease}
.platform-card:hover{border-color:#34C759!important;box-shadow:0 4px 20px rgba(52,199,89,.15);transform:translateY(-2px)}
.platform-logo{font-size:1.5rem;font-weight:700;letter-spacing:-.5px;user-select:none}
/* Google Logo Farben */
.gl{color:#4285f4;font-family:"Product Sans",Arial,sans-serif;font-size:1.75rem}
.gl-r{color:#ea4335}
.gl-y{color:#fbbc04}
.gl-g{color:#34a853}
/* Kununu Logo */
.platform-kununu{color:#99c613;font-family:Arial,Helvetica,sans-serif;font-size:1.6rem;font-weight:800;letter-spacing:-.8px;text-transform:lowercase}
/* Trustpilot Logo */
.platform-trustpilot{color:#00b67a;font-family:Arial,Helvetica,sans-serif;font-size:1.45rem;font-weight:700;letter-spacing:-.3px}
@media(max-width:520px){
  .quiz-platforms{flex-direction:column!important;gap:10px}
  .platform-card{min-height:70px;padding:18px 16px!important}
  .platform-logo{font-size:1.25rem}
  .gl{font-size:1.5rem}
  .platform-kununu{font-size:1.35rem}
  .platform-trustpilot{font-size:1.2rem}
}

/* Platform-Card Kontrast-Enhancement */
.platform-card{box-shadow:0 2px 8px rgba(0,0,0,.08),0 1px 2px rgba(0,0,0,.04)}
.platform-card[data-val="google"]{border-left:4px solid #4285f4!important}
.platform-card[data-val="kununu"]{border-left:4px solid #99c613!important}
.platform-card[data-val="trustpilot"]{border-left:4px solid #00b67a!important}
.platform-card[data-val="google"]:hover{border-color:#4285f4!important;box-shadow:0 4px 20px rgba(66,133,244,.2)}
.platform-card[data-val="kununu"]:hover{border-color:#99c613!important;box-shadow:0 4px 20px rgba(153,198,19,.25)}
.platform-card[data-val="trustpilot"]:hover{border-color:#00b67a!important;box-shadow:0 4px 20px rgba(0,182,122,.2)}

/* ============================================
   QUIZ / SCHNELLTEST STYLES
   ============================================ */

/* Section: cool light gray */
.schnelltest{background:#f1f5f9!important}
.schnelltest .section-label{color:var(--accent-600)!important}
.schnelltest .section-title{color:var(--navy-500)!important}
.schnelltest .quiz-intro{color:var(--neutral-500)!important}

/* Quiz box: white card with amber top border */
.quiz-box{background:#fff!important;border:none!important;border-top:4px solid var(--accent-500)!important;box-shadow:0 8px 40px rgba(0,0,0,.10),0 2px 8px rgba(0,0,0,.05)!important}

/* Quiz buttons */
.quiz-btn{background:#fff!important;border:1.5px solid #e2e8f0!important;box-shadow:0 1px 4px rgba(0,0,0,.06)!important;padding:14px 28px!important}
.quiz-btn:hover{background:rgba(245,158,11,.05)!important;border-color:var(--accent-500)!important;box-shadow:0 4px 16px rgba(245,158,11,.15)!important;transform:translateY(-2px)!important}

/* Platform cards */
.platform-card{background:#fafbfc!important;border:2px solid #e2e8f0!important}
.platform-card:hover{transform:translateY(-3px)!important}

/* Submit CTA */
.btn-quiz-submit{padding:18px 24px!important;font-size:1.125rem!important;border-radius:12px!important;box-shadow:0 4px 20px rgba(245,158,11,.35)!important;letter-spacing:.01em}
.btn-quiz-submit:hover{box-shadow:0 6px 28px rgba(245,158,11,.45)!important;transform:translateY(-2px)!important}

/* Result form */
.quiz-inline-form .quiz-form-header h3{font-size:1.625rem!important;font-weight:800!important;color:var(--navy-500)!important}
.quiz-form-intro{font-size:.95rem!important;color:var(--neutral-600)!important}
.quiz-form-badges{color:var(--success)!important;font-weight:600!important;font-size:.85rem!important}

/* Dots & controls */
.quiz-step-text{color:var(--neutral-500)!important}
.quiz-dot.active{background:var(--accent-500)!important;box-shadow:0 0 0 3px rgba(245,158,11,.2)}
.quiz-dot.done{background:#34c759!important}
.quiz-restart{color:var(--accent-600)!important;font-weight:600!important}

@media(max-width:640px){
  .quiz-btn{padding:13px 20px!important;font-size:.9rem!important}
  .btn-quiz-submit{padding:16px 20px!important;font-size:1.05rem!important}
  .quiz-inline-form .quiz-form-header h3{font-size:1.375rem!important}
}

/* ============================================
   LÖSCHGRÜNDE GRID (Task 3d)
   ============================================ */
.loeschgruende-section{background:#f8fafc}
.loeschgruende-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-top:24px}
.loeschgrund-card{background:#fff;border-left:3px solid var(--navy-500);border-radius:8px;padding:20px 24px;box-shadow:0 2px 8px rgba(0,0,0,.06);transition:transform .2s ease,box-shadow .2s ease}
.loeschgrund-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px rgba(0,0,0,.1)}
.loeschgrund-card h3{font-size:1.05rem;margin:0 0 8px;color:var(--navy-500);font-weight:700}
.loeschgrund-card p{font-size:.9rem;line-height:1.55;margin:0;color:var(--neutral-500)}

/* ============================================
   ERGEBNISSE GRID (Task 3f)
   ============================================ */
.ergebnisse-section{background:#fff}
.ergebnisse-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px;margin-top:24px}
.ergebnis-card{background:#f8fafc;border-radius:12px;padding:28px 24px;text-align:center;border:1px solid #e2e8f0;transition:transform .2s ease,box-shadow .2s ease}
.ergebnis-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px rgba(0,0,0,.08)}
.ergebnis-zahl{font-size:2rem;font-weight:800;color:var(--navy-500);margin-bottom:4px}
.ergebnis-label{font-size:.85rem;font-weight:600;color:var(--accent-600);text-transform:uppercase;letter-spacing:.03em;margin-bottom:12px}
.ergebnis-card p{font-size:.9rem;line-height:1.55;color:var(--neutral-500);margin:0}

@media(max-width:640px){
  .loeschgruende-grid{grid-template-columns:1fr}
  .ergebnisse-grid{grid-template-columns:1fr}
  .ergebnis-zahl{font-size:1.75rem}
}

/* Fallbeispiele aus der Praxis */
.fallbeispiele-section{background:#f8fafc;padding:60px 0}
.fallbeispiele-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px;margin-top:24px}
.fallbeispiel-card{background:#fff;border-radius:12px;padding:28px 28px 24px;border:1px solid #e2e8f0;box-shadow:0 2px 8px rgba(0,0,0,.05);transition:transform .2s ease,box-shadow .2s ease;display:flex;flex-direction:column}
.fallbeispiel-card:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,.1)}
.fall-tag{display:inline-block;background:var(--navy-500,#1e3a5f);color:#fff;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;padding:4px 12px;border-radius:20px;margin-bottom:16px;align-self:flex-start}
.fall-zitat{margin:0 0 16px;padding:0 0 0 16px;border-left:3px solid var(--accent-500,#f59e0b);font-style:italic;color:#334155;line-height:1.65;font-size:.95rem}
.fall-zitat strong{font-style:normal;color:var(--navy-500,#1e3a5f)}
.fall-autor{font-size:.85rem;color:#64748b;margin:0 0 16px}
.fall-quelle{font-size:.75rem;color:#64748b}
.fall-ergebnis{margin-top:auto;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;padding:10px 14px;font-size:.88rem;color:#166534}
.fall-ergebnis-label{font-weight:700}
.fallbeispiele-hinweis{font-size:.8rem;color:#64748b;text-align:center;margin-top:20px}
.fallbeispiele-hinweis a{color:#64748b;text-decoration:underline}
@media(max-width:640px){
  .fallbeispiele-grid{grid-template-columns:1fr}
  .fallbeispiel-card{padding:20px}
}
.fall-autor-link{color:#64748b;text-decoration:underline;text-decoration-color:#cbd5e1;text-underline-offset:2px;transition:color .2s}
.fall-autor-link:hover{color:var(--navy-500,#1e3a5f)}
.mwst-hinweis{font-size:0.75rem;color:rgba(255,255,255,.55);margin:0 0 6px}

/* ============================================
   RATGEBER (Long-form AdsBot Content)
   ============================================ */
.reputationsrecht-ratgeber{padding:clamp(48px,5vw,80px) 0;background:var(--neutral-50)}
.reputationsrecht-ratgeber .section-label{display:block;text-align:center;color:var(--accent-700);margin-bottom:8px}
.reputationsrecht-ratgeber>div>h2{text-align:center;margin-bottom:16px}
.section-intro{
  max-width:760px;margin:0 auto 2.5rem;
  font-size:1rem;line-height:1.75;color:var(--neutral-600);
  text-align:center;
}
.ratgeber-content{max-width:800px;margin:0 auto}
.ratgeber-content h3{
  font-size:1.125rem;font-weight:700;
  color:var(--navy-900,#0f172a);
  margin:0 0 1rem;
  line-height:1.4;
  padding-top:2rem;
  border-top:1px solid var(--neutral-200,#e2e8f0);
}
.ratgeber-content h3:first-child{
  border-top:none;padding-top:0;
}
.ratgeber-content p{
  font-size:0.9375rem;line-height:1.8;
  color:var(--neutral-600,#475569);
  margin-bottom:1rem;
}
.ratgeber-content p:last-child{margin-bottom:0}
@media(max-width:767px){
  .section-intro{text-align:left}
  .ratgeber-content h3{font-size:1rem;padding-top:1.5rem}
}