/*
Theme Name: Scherer Reparatur Admin Final
Theme URI: https://example.com
Author: Scherer Reparatur
Description: Scherer Reparatur Theme mit funktionierenden Anfrage-Buttons und WordPress Admin-Einstellungen.
Version: 3.3.0-ebay-compact-customer-friendly
Requires at least: 6.0
Tested up to: 6.5
Requires PHP: 7.4
License: GPLv2 or later
Text Domain: scherer-reparatur
*/

:root{
  --blue:#1268ff;--blue2:#0757e8;--green:#16d56d;--dark:#020817;--dark2:#06152b;
  --text:#0b1220;--muted:#637083;--line:#e7ecf4;--soft:#f6f9fe;--white:#fff;
  --shadow:0 18px 55px rgba(8,23,52,.11);--radius:18px;--max:1180px;
}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}
body{font-family:Inter,Arial,Helvetica,sans-serif;color:var(--text);background:white;line-height:1.55}
a{text-decoration:none;color:inherit}.container{width:min(var(--max),calc(100% - 42px));margin-inline:auto}
.topbar{position:sticky;top:0;z-index:50;background:#020712;border-bottom:1px solid rgba(255,255,255,.06)}
.nav{height:70px;display:flex;align-items:center;justify-content:space-between;color:white}
.logo{display:flex;align-items:center;gap:10px;font-weight:950;font-size:26px;letter-spacing:-.8px}
.logo-icon{width:24px;height:34px;border:2px solid white;border-radius:6px;position:relative}
.logo-icon:after{content:"";position:absolute;bottom:3px;left:50%;width:5px;height:5px;background:white;border-radius:50%;transform:translateX(-50%)}
.logo span{color:var(--blue)}.menu{display:flex;gap:31px;font-weight:800;font-size:14px}
.nav-btn,.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:0;border-radius:999px;background:linear-gradient(135deg,var(--blue),#0d5bf2);color:white;font-weight:900;padding:14px 24px;box-shadow:0 14px 30px rgba(18,104,255,.28);cursor:pointer}
.hero{position:relative;overflow:hidden;background:radial-gradient(circle at 70% 20%,rgba(18,104,255,.36),transparent 34%),radial-gradient(circle at 20% 10%,rgba(22,213,109,.12),transparent 30%),linear-gradient(135deg,#02050d 0%,#041229 48%,#020817 100%);color:white;padding:55px 0 0}
.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px);background-size:80px 80px;mask-image:linear-gradient(to bottom,#000,transparent 78%)}
.hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.08fr .92fr;gap:34px;align-items:center;min-height:515px}
.eyebrow{text-transform:uppercase;color:#2f91ff;letter-spacing:2px;font-size:13px;font-weight:950;margin-bottom:16px}
h1{font-size:clamp(43px,6vw,74px);line-height:.98;letter-spacing:-3px;margin-bottom:20px}
.lead{font-size:20px;color:#eef4ff;max-width:620px;margin-bottom:28px}.features{display:flex;gap:28px;flex-wrap:wrap;margin:22px 0 28px}
.feature{display:grid;grid-template-columns:34px 1fr;gap:10px;align-items:center;min-width:155px}.feature i{width:30px;height:30px;border:2px solid var(--blue);border-radius:50%;display:grid;place-items:center;color:var(--blue);font-style:normal;font-weight:900}
.feature b{font-size:13px;display:block}.feature small{color:#cbd8ec;font-size:12px}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;align-items:center;margin-bottom:30px}
.btn-outline{background:transparent;border:1px solid rgba(255,255,255,.6);box-shadow:none;color:white}.rating{display:flex;align-items:center;gap:12px;font-size:14px;color:#e8eef8}.gmark{font-size:29px;font-weight:950}.stars{color:#ffbd2f;letter-spacing:2px}
.visual{display:grid;grid-template-columns:1fr 250px;gap:22px;align-items:center}.phone{width:258px;height:470px;margin:auto;border:8px solid #111827;border-radius:44px;background:#111;box-shadow:0 35px 80px rgba(0,0,0,.55);position:relative;overflow:hidden}
.phone:before{content:"";position:absolute;top:8px;left:50%;transform:translateX(-50%);width:86px;height:19px;background:#05080e;border-radius:0 0 16px 16px;z-index:4}
.phone .half{position:absolute;inset:0;width:50%;background:linear-gradient(135deg,transparent 0 48%,rgba(255,255,255,.5) 49% 50%,transparent 51%),linear-gradient(80deg,transparent 0 46%,rgba(255,255,255,.35) 47% 48%,transparent 49%),radial-gradient(circle at 30% 30%,#323b49,#080b10 58%)}
.phone .half:after{content:"";position:absolute;inset:0;background:linear-gradient(30deg,transparent 36%,rgba(255,255,255,.45) 37%,transparent 38%),linear-gradient(-25deg,transparent 25%,rgba(255,255,255,.3) 26%,transparent 27%),linear-gradient(85deg,transparent 68%,rgba(255,255,255,.4) 69%,transparent 70%)}
.phone .screen-right{position:absolute;right:0;top:0;width:50%;height:100%;background:linear-gradient(160deg,#0b4dbd 0%,#6ec6ff 48%,#fb7147 100%)}
.phone .divider{position:absolute;left:50%;top:0;bottom:0;width:2px;background:#fff;box-shadow:0 0 14px white}.phone .time{position:absolute;top:112px;left:50%;transform:translateX(-10%);font-size:42px;font-weight:200;color:white;z-index:5;text-align:center}.phone .date{position:absolute;top:163px;left:50%;transform:translateX(-9%);color:white;font-size:12px;z-index:5;white-space:nowrap}
.price-card{background:white;color:#111827;border-radius:16px;padding:22px;box-shadow:var(--shadow)}.price-card h3{font-size:18px;margin-bottom:14px}.price-row{display:grid;grid-template-columns:34px 1fr auto;gap:12px;align-items:center;padding:13px 0;border-bottom:1px solid #edf1f7;font-weight:850;font-size:13px}.price-row:last-child{border:0}.picon{width:30px;height:30px;border-radius:8px;background:#eef5ff;display:grid;place-items:center;color:var(--blue);font-size:16px}.price-row strong{color:var(--blue);white-space:nowrap}
section{padding:74px 0}.section-head{text-align:center;max-width:780px;margin:0 auto 30px}.kicker{text-transform:uppercase;color:var(--blue);font-size:13px;letter-spacing:1.5px;font-weight:950;margin-bottom:6px}.section-head h2{font-size:clamp(30px,4vw,43px);line-height:1.05;letter-spacing:-1.4px}.section-head p{color:var(--muted);margin-top:12px;font-size:17px}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.service-card{background:white;border:1px solid var(--line);border-radius:14px;padding:25px 22px;box-shadow:0 12px 40px rgba(10,29,61,.06);display:grid;grid-template-columns:64px 1fr;gap:18px;align-items:center;min-height:108px;transition:.22s}.service-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.service-icon{width:58px;height:58px;border-radius:16px;background:#eef5ff;display:grid;place-items:center;color:var(--blue);font-size:31px}.service-card h3{font-size:17px;margin-bottom:4px}.service-card p{color:#334155;font-size:14px}
.configurator{background:linear-gradient(180deg,#f7fbff,#eef6ff)}.config-box{background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow);padding:28px;max-width:980px;margin:0 auto}.config-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.config-box label{font-weight:900;font-size:13px;color:#1f2937}.field{display:grid;gap:7px}input,select,textarea{width:100%;border:1px solid #dbe3ef;border-radius:11px;padding:14px 15px;font:inherit;background:white}textarea{min-height:96px;resize:vertical}.result{margin-top:20px;background:#06152b;color:white;border-radius:17px;padding:20px;display:grid;grid-template-columns:1fr;gap:16px;align-items:center}.result strong{display:none}.result span{color:#cbd8ec}.contact-choice{display:flex;gap:12px;flex-wrap:wrap;margin-top:16px}.btn.whats{background:#25d366;color:#063b18;box-shadow:0 14px 30px rgba(37,211,102,.25)}.btn.mail{background:#111827}.notice{font-size:13px;color:#64748b;margin-top:14px}
.steps-section{background:white}.steps{display:grid;grid-template-columns:1fr 1fr 1fr;gap:90px;max-width:820px;margin:38px auto 0;text-align:center;position:relative}.step{position:relative}.step:not(:last-child):after{content:"";position:absolute;top:45px;left:68%;width:120px;border-top:2px dotted #a7b2c3}.bubble{width:66px;height:66px;margin:0 auto 17px;border-radius:50%;background:#dcecff;display:grid;place-items:center;color:var(--blue);position:relative;font-size:30px}.num{position:absolute;top:-12px;right:-5px;width:28px;height:28px;border-radius:50%;background:var(--blue);color:white;display:grid;place-items:center;font-size:13px;font-weight:950}.step h3{font-size:17px}.step p{font-size:14px;color:#334155;margin-top:4px}
.benefits{background:linear-gradient(135deg,#020817,#061b36);color:white;padding:48px 0}.benefit-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:34px}.benefit{display:grid;grid-template-columns:42px 1fr;gap:14px;align-items:start}.benefit-icon{color:var(--blue);font-size:34px}.benefit p{font-size:13px;color:#d7e4f6}.benefit h3{font-size:16px;margin-bottom:4px}
.contact{background:#f8fbff}.contact-grid{display:grid;grid-template-columns:245px 1fr 210px;gap:36px;align-items:start}.contact h2{font-size:31px;line-height:1.1;margin-bottom:18px}.contact-list{display:grid;gap:15px;font-size:14px}.contact-list div{display:grid;grid-template-columns:24px 1fr;gap:10px}.green{color:#16b85d;font-weight:900}.form-card{background:white;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);padding:22px}.form-card form{display:grid;gap:14px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.check{font-size:13px;color:#475569;display:flex;gap:9px;align-items:center}.check input{width:auto}.form-card .btn{margin:auto;padding-inline:42px}.hours h3{color:var(--blue);font-size:14px;text-transform:uppercase;margin-bottom:18px}.hours p{font-size:14px;margin-bottom:14px}.hours b{display:block}
footer{background:#020817;color:#d7e4f6;padding:26px 0;text-align:center}.foot-links{display:flex;justify-content:center;gap:38px;font-size:13px;margin-bottom:18px}.floating-whatsapp{position:fixed;right:18px;bottom:18px;z-index:60;background:#25d366;color:#042b13;font-weight:950;border-radius:999px;padding:14px 19px;box-shadow:0 15px 35px rgba(0,0,0,.23)}
@media(max-width:980px){.menu{display:none}.hero-grid,.visual,.contact-grid,.config-grid{grid-template-columns:1fr}.visual{justify-items:center}.price-card{width:min(420px,100%)}.cards,.benefit-grid{grid-template-columns:1fr 1fr}.steps{gap:30px}.step:not(:last-child):after{display:none}.result{grid-template-columns:1fr}}
@media(max-width:640px){.container{width:min(100% - 28px,var(--max))}.nav-btn{display:none}.hero{padding-top:36px}h1{font-size:43px;letter-spacing:-1.5px}.features,.rating{align-items:flex-start}.phone{width:220px;height:405px}.cards,.benefit-grid,.steps,.form-row{grid-template-columns:1fr}.contact-grid{gap:25px}.foot-links{flex-wrap:wrap;gap:16px}.contact-choice .btn{width:100%}}


.google-reviews{background:#fff;padding:74px 0}
.review-summary{max-width:980px;margin:0 auto;background:linear-gradient(135deg,#06152b,#0b2b5f);color:white;border-radius:24px;padding:30px;box-shadow:var(--shadow);display:grid;grid-template-columns:1fr auto;gap:22px;align-items:center}
.review-score{display:flex;gap:16px;align-items:center;flex-wrap:wrap}
.review-score .big-stars{font-size:30px;color:#ffbd2f;letter-spacing:3px;line-height:1}
.review-score h3{font-size:28px;margin-bottom:4px}
.review-score p{color:#d7e4f6}
.google-review-area{max-width:980px;margin:24px auto 0}
.google-review-placeholder{border:1px dashed #b7c4d6;border-radius:18px;padding:22px;background:#f8fbff;color:#475569;text-align:center}
.review-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:24px}
.review-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px;box-shadow:0 12px 40px rgba(10,29,61,.06)}
.review-card .stars{color:#ffbd2f;letter-spacing:1px;margin-bottom:10px}
.review-card p{color:#334155;font-size:14px}
.review-card b{display:block;margin-top:12px}
@media(max-width:780px){.review-summary{grid-template-columns:1fr}.review-cards{grid-template-columns:1fr}}

.page-content{max-width:920px;margin-top:22px;font-size:16px;line-height:1.75;color:#111827}
.page-content h2,.page-content h3{margin-top:28px;margin-bottom:10px}
.page-content p{margin-bottom:14px}
.page-content ul,.page-content ol{margin-left:22px;margin-bottom:16px}


/* Scherer lokale Bewertungen ohne Trustindex */
.static-reviews{
  background:linear-gradient(135deg,#f7fbff 0%,#ffffff 60%,#eef5ff 100%);
}
.scherer-review-hero{
  border:1px solid rgba(18,104,255,.22);
  box-shadow:0 18px 55px rgba(8,23,52,.10);
}
.scherer-rating-strip{
  margin:22px auto 0;
  max-width:760px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:18px;
  background:#020817;
  color:#fff;
  border-radius:22px;
  padding:22px 28px;
  box-shadow:0 18px 55px rgba(8,23,52,.18);
}
.scherer-rating-strip .rating-number{
  width:74px;
  height:74px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:#1268ff;
  font-size:28px;
  font-weight:900;
}
.scherer-rating-strip .rating-stars{
  color:#fbbf24;
  letter-spacing:2px;
  font-size:22px;
  font-weight:900;
}
.scherer-rating-strip strong{
  display:block;
  font-size:20px;
  margin-top:3px;
}
.scherer-rating-strip span{
  display:block;
  color:#cbd5e1;
  margin-top:4px;
}
.scherer-local-reviews{
  margin-top:26px;
}
.scherer-local-reviews .review-card{
  border:1px solid rgba(18,104,255,.18);
  box-shadow:0 14px 45px rgba(8,23,52,.08);
}
.scherer-local-reviews .review-card .stars{
  color:#fbbf24;
  font-size:22px;
  letter-spacing:2px;
}
.scherer-review-note{
  margin-top:20px;
  text-align:center;
  color:#64748b;
}
@media(max-width:720px){
  .scherer-rating-strip{
    text-align:left;
    align-items:flex-start;
    padding:20px;
  }
  .scherer-rating-strip .rating-number{
    width:62px;
    height:62px;
    font-size:23px;
    flex:0 0 auto;
  }
}


/* Premium Bewertungsbereich Scherer */
.premium-reviews{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 20% 20%, rgba(18,104,255,.18), transparent 32%),
    linear-gradient(135deg,#f7fbff 0%,#ffffff 52%,#eef5ff 100%);
}
.premium-reviews:before{
  content:"";
  position:absolute;
  inset:0;
  background-image:
    linear-gradient(rgba(18,104,255,.055) 1px, transparent 1px),
    linear-gradient(90deg, rgba(18,104,255,.055) 1px, transparent 1px);
  background-size:72px 72px;
  pointer-events:none;
}
.premium-reviews .container{
  position:relative;
  z-index:1;
}
.premium-review-hero{
  display:grid;
  grid-template-columns:1.2fr .8fr;
  gap:24px;
  align-items:center;
  background:linear-gradient(135deg,#020817,#06152b 60%,#1268ff);
  color:#fff;
  border-radius:30px;
  padding:34px;
  box-shadow:0 24px 80px rgba(8,23,52,.22);
  overflow:hidden;
  position:relative;
}
.premium-review-hero:after{
  content:"";
  position:absolute;
  width:260px;
  height:260px;
  right:-90px;
  top:-90px;
  border-radius:50%;
  background:rgba(255,255,255,.09);
}
.premium-google-badge{
  display:inline-flex;
  align-items:center;
  gap:8px;
  background:rgba(255,255,255,.12);
  border:1px solid rgba(255,255,255,.18);
  color:#dbeafe;
  padding:9px 14px;
  border-radius:999px;
  font-weight:900;
  font-size:13px;
  letter-spacing:.8px;
  text-transform:uppercase;
}
.premium-stars{
  margin-top:20px;
  color:#fbbf24;
  font-size:34px;
  line-height:1;
  letter-spacing:4px;
  text-shadow:0 8px 22px rgba(251,191,36,.25);
}
.premium-review-left h3{
  font-size:38px;
  line-height:1.1;
  margin:13px 0 10px;
  color:#fff;
}
.premium-review-left p{
  margin:0;
  color:#dbeafe;
  font-size:18px;
  line-height:1.6;
  max-width:640px;
}
.premium-review-right{
  position:relative;
  z-index:2;
  display:grid;
  justify-items:center;
  gap:18px;
}
.premium-score-circle{
  width:132px;
  height:132px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:#1268ff;
  color:#fff;
  font-size:42px;
  font-weight:1000;
  box-shadow:0 20px 55px rgba(18,104,255,.45);
  border:8px solid rgba(255,255,255,.16);
}
.premium-review-grid{
  margin-top:28px;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:20px;
}
.premium-review-card{
  background:#fff;
  border:1px solid rgba(18,104,255,.16);
  border-radius:24px;
  padding:24px;
  box-shadow:0 18px 55px rgba(8,23,52,.09);
  transition:transform .2s ease, box-shadow .2s ease;
}
.premium-review-card:hover{
  transform:translateY(-4px);
  box-shadow:0 24px 70px rgba(8,23,52,.14);
}
.review-card-top{
  display:flex;
  align-items:center;
  gap:14px;
  margin-bottom:18px;
}
.review-icon{
  width:54px;
  height:54px;
  border-radius:18px;
  display:grid;
  place-items:center;
  background:#eff6ff;
  color:#1268ff;
  font-size:26px;
}
.premium-review-card .stars{
  color:#fbbf24;
  letter-spacing:2px;
  font-size:18px;
  font-weight:900;
}
.premium-review-card h3{
  margin:4px 0 0;
  font-size:20px;
  color:#020817;
}
.premium-review-card p{
  margin:0 0 18px;
  color:#475569;
  line-height:1.7;
}
.premium-review-card b{
  color:#020817;
}
.premium-write-review{
  margin-top:28px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  background:#fff;
  border:1px solid rgba(18,104,255,.18);
  border-radius:26px;
  padding:26px 30px;
  box-shadow:0 18px 55px rgba(8,23,52,.08);
}
.premium-write-review > div{
  display:grid;
  grid-template-columns:auto 1fr;
  column-gap:16px;
  align-items:center;
}
.write-review-icon{
  grid-row:1 / span 2;
  width:62px;
  height:62px;
  display:grid;
  place-items:center;
  border-radius:20px;
  background:#020817;
  color:#fbbf24;
  font-size:30px;
}
.premium-write-review h3{
  margin:0;
  color:#020817;
  font-size:24px;
}
.premium-write-review p{
  margin:6px 0 0;
  color:#64748b;
}
.premium-review-privacy{
  margin:20px auto 0;
  max-width:860px;
  text-align:center;
  color:#64748b;
  font-size:14px;
}
@media(max-width:900px){
  .premium-review-hero{
    grid-template-columns:1fr;
  }
  .premium-review-right{
    justify-items:start;
  }
  .premium-review-grid{
    grid-template-columns:1fr;
  }
  .premium-write-review{
    flex-direction:column;
    align-items:flex-start;
  }
}
@media(max-width:560px){
  .premium-review-hero{
    padding:26px 20px;
    border-radius:24px;
  }
  .premium-review-left h3{
    font-size:30px;
  }
  .premium-stars{
    font-size:26px;
    letter-spacing:2px;
  }
  .premium-score-circle{
    width:104px;
    height:104px;
    font-size:32px;
  }
  .premium-write-review > div{
    grid-template-columns:1fr;
  }
  .write-review-icon{
    margin-bottom:12px;
  }
}


/* Dark Review Tiles */
.dark-review-section{
  background:
    radial-gradient(circle at 30% 10%, rgba(18,104,255,.18), transparent 30%),
    linear-gradient(135deg,#020817 0%,#05111f 55%,#020817 100%);
  color:#fff;
  position:relative;
  overflow:hidden;
}
.dark-review-section:before{
  content:"";
  position:absolute;
  inset:0;
  background-image:
    linear-gradient(rgba(18,104,255,.08) 1px, transparent 1px),
    linear-gradient(90deg, rgba(18,104,255,.08) 1px, transparent 1px);
  background-size:82px 82px;
  opacity:.45;
}
.dark-review-section .container{position:relative;z-index:1}
.dark-review-head{text-align:center;max-width:780px;margin:0 auto 34px}
.dark-review-head h2{color:#fff;font-size:44px;line-height:1.08;margin:10px 0 14px}
.dark-review-head p{color:#cbd5e1;font-size:17px;line-height:1.7}
.review-score-panel{
  max-width:900px;
  margin:0 auto;
  display:grid;
  grid-template-columns:1fr 1px 1fr;
  gap:28px;
  align-items:center;
  background:linear-gradient(135deg,rgba(255,255,255,.06),rgba(18,104,255,.14));
  border:1px solid rgba(18,104,255,.55);
  border-radius:26px;
  padding:34px;
  box-shadow:0 28px 90px rgba(0,0,0,.35);
  position:relative;
}
.score-left{display:flex;gap:22px;align-items:center}
.score-number{font-size:76px;font-weight:1000;letter-spacing:-4px;line-height:1}
.score-stars,.review-stars{color:#fbbf24;letter-spacing:3px;font-weight:900}
.score-stars{font-size:28px}
.score-left h3{color:#fff;margin:6px 0 8px;font-size:24px}
.score-left p{color:#cbd5e1;margin:0 0 14px}
.google-word{font-size:30px;font-weight:900;letter-spacing:-1px}
.score-divider{height:170px;background:rgba(255,255,255,.14)}
.score-benefits p{margin:11px 0;color:#e2e8f0;font-size:17px}
.score-btn{position:absolute;left:50%;bottom:24px;transform:translateX(-50%);white-space:nowrap}
.review-subtitle{text-align:center;color:#fff;font-size:32px;margin:42px 0 24px}
.review-tile-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;max-width:920px;margin:0 auto}
.review-tile{
  background:rgba(255,255,255,.045);
  border:1px solid rgba(255,255,255,.14);
  border-radius:22px;
  padding:28px;
  min-height:230px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  box-shadow:0 18px 55px rgba(0,0,0,.24);
}
.review-tile p{color:#fff;font-size:17px;line-height:1.65;text-align:center;margin:18px 0}
.review-person{display:flex;align-items:center;gap:12px}
.review-person span{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:#1268ff}
.review-person b{display:block;color:#fff}.review-person small{color:#cbd5e1}
.review-write-panel{
  max-width:920px;
  margin:34px auto 0;
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  gap:24px;
  background:linear-gradient(135deg,rgba(18,104,255,.22),rgba(255,255,255,.05));
  border:1px solid rgba(18,104,255,.55);
  border-radius:24px;
  padding:28px 34px;
}
.write-icon{font-size:72px;color:#1268ff;line-height:1}
.review-write-panel h3{color:#fff;font-size:30px;margin:0 0 8px}
.review-write-panel p{margin:0;color:#dbeafe;font-size:17px;line-height:1.5}
.write-action{text-align:center}.write-action small{display:block;margin-top:10px;color:#cbd5e1}
.review-stats-row{
  max-width:920px;
  margin:34px auto 0;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  border:1px solid rgba(255,255,255,.14);
  border-radius:18px;
  overflow:hidden;
  background:rgba(255,255,255,.04);
}
.review-stats-row div{padding:22px;text-align:center;border-right:1px solid rgba(255,255,255,.12)}
.review-stats-row div:last-child{border-right:0}
.review-stats-row span{display:block;color:#1268ff;font-size:28px;margin-bottom:8px}
.review-stats-row strong{display:block;color:#fff;font-size:24px}
.review-stats-row small{display:block;color:#cbd5e1;margin-top:4px}
.review-privacy-note{text-align:center;color:#94a3b8;margin:22px 0 0;font-size:13px}
@media(max-width:900px){
  .dark-review-head h2{font-size:34px}
  .review-score-panel{grid-template-columns:1fr;padding-bottom:92px}
  .score-divider{display:none}
  .review-tile-grid{grid-template-columns:1fr}
  .review-write-panel{grid-template-columns:1fr;text-align:center}
  .review-stats-row{grid-template-columns:1fr 1fr}
}
@media(max-width:560px){
  .score-left{display:block;text-align:center}
  .score-number{font-size:62px}
  .score-btn{width:calc(100% - 48px)}
  .review-stats-row{grid-template-columns:1fr}
  .review-stats-row div{border-right:0;border-bottom:1px solid rgba(255,255,255,.12)}
  .review-stats-row div:last-child{border-bottom:0}
}

/* === Shop / eBay + Einsendung (Erweiterung, bestehendes Design beibehalten) === */
.shop-section{background:#f6f8fc;padding:88px 0}.shop-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.shop-card{background:#fff;border:1px solid #e6ebf2;border-radius:22px;overflow:hidden;box-shadow:0 12px 35px rgba(3,15,35,.07);display:flex;flex-direction:column}.shop-image{height:235px;background:#fff;display:grid;place-items:center;padding:18px}.shop-image img{width:100%;height:100%;object-fit:contain}.shop-image span{font-size:70px}.shop-body{padding:0 22px 24px;display:flex;flex-direction:column;flex:1}.shop-body h3{font-size:21px;margin:8px 0}.shop-body p{color:#687386;line-height:1.55;min-height:46px}.shop-price{font-size:25px;color:#07152b;margin:8px 0 18px}.shop-btn{margin-top:auto;text-align:center;padding:12px 16px}.shop-empty{grid-column:1/-1;background:#fff;border:1px dashed #cbd5e1;border-radius:22px;text-align:center;padding:48px}.shop-empty span{font-size:50px}
.sendin-teaser{padding:78px 0;background:#fff}.sendin-teaser-box{background:linear-gradient(135deg,#03112a,#0a2450);color:#fff;border-radius:28px;padding:42px;display:grid;grid-template-columns:1.4fr 1fr auto;align-items:center;gap:34px;box-shadow:0 25px 70px rgba(3,17,42,.18)}.sendin-teaser-box h2{color:#fff;margin:7px 0 10px;font-size:34px}.sendin-teaser-box p{color:#cbd7ea;line-height:1.65;margin:0}.sendin-mini-steps{display:grid;grid-template-columns:1fr 1fr;gap:10px}.sendin-mini-steps span{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.13);border-radius:12px;padding:10px 12px;display:flex;align-items:center;gap:8px}.sendin-mini-steps b{background:#1268ff;width:25px;height:25px;border-radius:50%;display:grid;place-items:center}.sendin-page section{padding:72px 0}.sendin-hero{background:linear-gradient(135deg,#020817,#08234b);color:#fff}.sendin-hero h1{font-size:48px;line-height:1.08;color:#fff;max-width:850px}.sendin-hero h1 span{color:#1268ff}.sendin-hero p{max-width:760px;color:#d3deef;font-size:18px;line-height:1.65}.sendin-wrap{max-width:950px}.sendin-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:28px}.sendin-steps div{border:1px solid #e5eaf1;border-radius:18px;padding:20px;background:#fff}.sendin-steps b{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#1268ff;color:#fff;margin-bottom:12px}.sendin-steps strong,.sendin-steps span{display:block}.sendin-steps span{font-size:13px;color:#748096;margin-top:5px;line-height:1.4}.sendin-form{background:#fff;border:1px solid #e5eaf1;border-radius:22px;padding:30px;box-shadow:0 15px 45px rgba(3,15,35,.07)}.sendin-success{border:1px solid #86efac;background:#f0fdf4;border-radius:18px;padding:20px 24px;margin-bottom:24px;color:#166534}
@media(max-width:980px){.shop-grid{grid-template-columns:repeat(2,1fr)}.sendin-teaser-box{grid-template-columns:1fr}.sendin-steps{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.shop-grid{grid-template-columns:1fr}.shop-image{height:210px}.sendin-teaser-box{padding:28px 22px}.sendin-teaser-box h2{font-size:28px}.sendin-mini-steps,.sendin-steps{grid-template-columns:1fr}.sendin-hero h1{font-size:36px}.sendin-form{padding:20px}}


/* =========================================================
   V3.1 KOMPAKT – sofort auffindbar, gerade ausgerichtet
   ========================================================= */
.sr-quick-section{padding:18px 0;background:#fff;border-bottom:1px solid var(--line);position:relative;z-index:4}
.sr-quick-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.sr-quick-card{min-height:78px;display:grid;grid-template-columns:46px 1fr auto;gap:12px;align-items:center;padding:14px 16px;background:#fff;border:1px solid #dfe7f2;border-radius:16px;box-shadow:0 8px 28px rgba(8,23,52,.06);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.sr-quick-card:hover{transform:translateY(-3px);border-color:rgba(18,104,255,.55);box-shadow:0 14px 35px rgba(8,23,52,.11)}
.sr-quick-icon{width:46px;height:46px;border-radius:13px;display:grid;place-items:center;background:#eef5ff;font-size:24px}
.sr-quick-card strong{display:block;font-size:16px;color:#07152b}.sr-quick-card small{display:block;color:#64748b;font-size:12px;margin-top:2px}.sr-quick-card b{color:var(--blue);font-size:20px}
.shop-section{background:#f6f8fc;padding:58px 0 62px}
.sr-shop-topline{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:24px}
.sr-shop-topline h2{font-size:clamp(30px,4vw,42px);line-height:1.05;letter-spacing:-1.2px;margin:4px 0 7px}.sr-shop-topline p{color:#637083;font-size:16px}
.sr-shop-note{flex:0 0 auto;border:1px solid #dbe5f3;background:#fff;color:#46556b;border-radius:999px;padding:9px 14px;font-size:12px;font-weight:850}
.shop-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;align-items:stretch}
.shop-card{border-radius:18px;box-shadow:0 10px 30px rgba(3,15,35,.065)}.shop-image{height:175px;padding:14px}.shop-body{padding:0 18px 18px}.shop-body h3{font-size:18px;line-height:1.25;margin:7px 0 5px}
.shop-body p{min-height:0;font-size:13px;line-height:1.45;margin-bottom:5px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.shop-price{font-size:22px;margin:7px 0 12px}.shop-btn{padding:10px 13px;font-size:13px}
.shop-empty{display:flex;align-items:center;justify-content:center;gap:18px;padding:28px;min-height:130px}.shop-empty span{font-size:42px}.shop-empty h3{margin-bottom:3px}
.sendin-teaser{padding:22px 0 58px;background:#f6f8fc}.sendin-teaser-box{border-radius:22px;padding:26px 28px;grid-template-columns:minmax(0,1.35fr) minmax(320px,.8fr) auto;gap:24px;min-height:150px}.sendin-teaser-box h2{font-size:28px;line-height:1.12;margin:5px 0 7px}.sendin-teaser-box p{font-size:14px;line-height:1.55}
.sendin-mini-steps{grid-template-columns:1fr 1fr;gap:8px}.sendin-mini-steps span{min-height:48px;padding:8px 10px;line-height:1.1}.sendin-mini-steps b{flex:0 0 auto}.sendin-mini-steps em{font-style:normal;font-size:12px;font-weight:800;color:#eef4ff}.sendin-btn{white-space:nowrap;padding:13px 20px}
#leistungen,#konfigurator,#shop,#einsenden,#ablauf,#vorteile,#bewertungen,#kontakt{scroll-margin-top:90px}
@media(max-width:1050px){.sr-quick-grid{grid-template-columns:repeat(2,1fr)}.shop-grid{grid-template-columns:repeat(2,1fr)}.sendin-teaser-box{grid-template-columns:1fr}.sendin-btn{justify-self:start}}
@media(max-width:640px){.sr-quick-section{padding:10px 0}.sr-quick-grid{grid-template-columns:1fr 1fr;gap:8px}.sr-quick-card{min-height:68px;grid-template-columns:38px 1fr;padding:10px;gap:9px;border-radius:13px}.sr-quick-card b{display:none}.sr-quick-icon{width:38px;height:38px;border-radius:10px;font-size:20px}.sr-quick-card strong{font-size:14px}.sr-quick-card small{font-size:10px}.shop-section{padding:42px 0 46px}.sr-shop-topline{display:block;margin-bottom:18px}.sr-shop-note{display:inline-block;margin-top:12px}.shop-grid{display:flex;overflow-x:auto;gap:12px;scroll-snap-type:x mandatory;padding-bottom:8px;-webkit-overflow-scrolling:touch}.shop-card{flex:0 0 82%;scroll-snap-align:start}.shop-image{height:165px}.shop-empty{flex:0 0 100%}.sendin-teaser{padding:0 0 42px}.sendin-teaser-box{padding:22px 18px;gap:18px}.sendin-teaser-box h2{font-size:24px}.sendin-mini-steps{grid-template-columns:1fr 1fr}.sendin-btn{width:100%}}


/* =========================================================
   V3.2 – Kundenfreundliche Preisanfrage + Versand
   ========================================================= */
body{overflow-x:clip}
.nav{gap:14px;overflow:visible}
.logo,.nav-btn{flex:0 0 auto}

/* Versand direkt in der Preisanfrage */
.shipping-choice-info{
  margin-top:16px;
  display:flex;
  align-items:flex-start;
  gap:13px;
  padding:15px 17px;
  background:#eef6ff;
  border:1px solid #cfe1ff;
  border-radius:14px;
  color:#19345d;
}
.shipping-choice-info[hidden]{display:none!important}
.shipping-choice-icon{font-size:25px;line-height:1}
.shipping-choice-info strong{display:block;color:#07152b;margin-bottom:2px}
.shipping-choice-info p{font-size:13px;line-height:1.5;color:#536983;margin:0}

/* Einsendeseite */
.sendin-page{background:#f6f9fe}
.sendin-page section{padding:0}
.sendin-hero{padding:58px 0 54px;background:radial-gradient(circle at 82% 10%,rgba(18,104,255,.25),transparent 32%),linear-gradient(135deg,#020817,#08234b);overflow:hidden}
.sendin-hero-inner{display:grid;grid-template-columns:minmax(0,1fr) 260px;align-items:center;gap:38px}
.sendin-hero h1{font-size:clamp(42px,6vw,64px);letter-spacing:-2.4px;margin:8px 0 16px;max-width:720px}
.sendin-hero p{font-size:17px;max-width:680px;margin:0}
.sendin-hero-badge{justify-self:end;width:240px;aspect-ratio:1;border-radius:50%;background:linear-gradient(145deg,#1268ff,#0757e8);box-shadow:0 22px 60px rgba(18,104,255,.35);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px;color:#fff;border:8px solid rgba(255,255,255,.08)}
.sendin-hero-badge{font-size:37px}.sendin-hero-badge strong{display:block;font-size:17px;margin-top:8px}.sendin-hero-badge span{font-size:11px;line-height:1.4;color:#dce9ff;margin-top:5px}
.sendin-content-section{padding:42px 0 70px!important}
.sendin-wrap{max-width:930px}
.sendin-steps-three{grid-template-columns:repeat(3,1fr);margin-bottom:22px}
.sendin-steps div{box-shadow:0 8px 24px rgba(3,15,35,.045)}
.sendin-form{padding:30px 32px 32px;border-radius:20px}
.sendin-form-title{display:flex;align-items:center;gap:12px;margin:2px 0 18px}
.sendin-form-title>div:first-child span{width:36px;height:36px;border-radius:50%;background:#1268ff;color:#fff;display:grid;place-items:center;font-weight:950}
.sendin-form-title h2{font-size:21px;line-height:1.1;margin:0 0 3px}
.sendin-form-title p{font-size:13px;color:#748096;margin:0}
.sendin-form-title-second{margin-top:30px;padding-top:25px;border-top:1px solid #edf1f6}
.sendin-grid-two{grid-template-columns:1fr 1fr}
.optional{font-weight:600;color:#8a96a8;font-size:11px}
.sendin-privacy{margin:22px 0 17px}
.sendin-submit{min-width:230px}
.sendin-notice{margin-top:18px;padding:12px 14px;background:#f8fafc;border-radius:10px;border:1px solid #e8edf4}

/* Der Header-Button soll auch auf kleineren Breiten nie rechts abgeschnitten wirken. */
@media(max-width:1100px){.menu{gap:18px;font-size:13px}}
@media(max-width:900px){.menu{display:none}.nav-btn{display:inline-flex}}
@media(max-width:700px){.nav-btn{display:none}.sendin-hero-inner{grid-template-columns:1fr}.sendin-hero-badge{display:none}.sendin-hero{padding:42px 0 38px}.sendin-steps-three,.sendin-grid-two{grid-template-columns:1fr}.sendin-form{padding:22px 18px}.sendin-content-section{padding:26px 0 52px!important}}

/* =========================================================
   V3.3 – eBay-Karten kompakter: Bild frisst keinen Text mehr
   ========================================================= */
.shop-card{
  min-width:0;
  overflow:hidden;
}
.shop-image{
  height:135px !important;
  min-height:135px;
  padding:10px 14px !important;
  background:linear-gradient(180deg,#fff,#f8fafc);
  border-bottom:1px solid #eef2f7;
}
.shop-image img{
  display:block;
  width:100% !important;
  height:100% !important;
  max-width:150px;
  margin:0 auto;
  object-fit:contain !important;
  object-position:center;
}
.shop-image span{
  font-size:52px !important;
}
.shop-body{
  padding:14px 16px 16px !important;
  min-width:0;
}
.shop-body h3{
  margin:0 0 5px !important;
  font-size:17px !important;
  line-height:1.25 !important;
  white-space:normal;
  overflow-wrap:anywhere;
}
.shop-body p{
  margin:0 0 8px !important;
  min-height:36px !important;
  max-height:36px;
  color:#687386;
  font-size:12.5px !important;
  line-height:1.4 !important;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.shop-price{
  display:block;
  margin:2px 0 10px !important;
  font-size:21px !important;
  line-height:1.1;
}
.shop-btn{
  width:100%;
  margin-top:auto;
  padding:10px 12px !important;
  font-size:12.5px !important;
}

@media(max-width:1050px){
  .shop-image{height:145px !important;min-height:145px}
  .shop-image img{max-width:165px}
}
@media(max-width:640px){
  .shop-card{flex:0 0 78% !important}
  .shop-image{height:125px !important;min-height:125px;padding:8px 12px !important}
  .shop-image img{max-width:135px}
  .shop-body{padding:12px 14px 14px !important}
  .shop-body h3{font-size:16px !important}
  .shop-body p{font-size:12px !important;min-height:34px !important;max-height:34px}
  .shop-price{font-size:20px !important}
}


/* =========================================================
   V3.4 CONVERSION – klare Führung zur Anfrage
   Bestehendes Design bleibt erhalten
   ========================================================= */

/* Vertrauensargumente direkt unter dem Hero */
.sr-trust-strip{
  padding:18px 0;
  background:#fff;
  border-bottom:1px solid var(--line);
}
.sr-trust-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:12px;
}
.sr-trust-grid > div{
  display:grid;
  grid-template-columns:40px 1fr;
  column-gap:10px;
  align-items:center;
  padding:13px 15px;
  border:1px solid #e4eaf3;
  border-radius:14px;
  background:#fff;
}
.sr-trust-grid span{
  grid-row:1 / span 2;
  width:40px;
  height:40px;
  border-radius:12px;
  background:#eef5ff;
  display:grid;
  place-items:center;
  font-size:20px;
}
.sr-trust-grid strong{
  font-size:14px;
  color:#0b1220;
  line-height:1.2;
}
.sr-trust-grid small{
  color:#66758a;
  font-size:11px;
  line-height:1.3;
  margin-top:2px;
}

/* Fokusstatement vor den beiden Reparaturkarten */
.sr-focus-copy{
  max-width:760px;
  margin:0 auto 26px;
  text-align:center;
}
.sr-focus-copy span{
  display:block;
  color:var(--blue);
  font-size:12px;
  text-transform:uppercase;
  letter-spacing:1.7px;
  font-weight:950;
  margin-bottom:5px;
}
.sr-focus-copy strong{
  display:block;
  font-size:clamp(22px,3vw,32px);
  line-height:1.1;
  color:#07152b;
}
.sr-focus-copy p{
  margin-top:8px;
  color:#637083;
  font-size:15px;
}

/* Leistungen sollen wie eine klare Entscheidung wirken */
#leistungen .cards{
  max-width:860px;
  margin-inline:auto;
}
#leistungen .service-card{
  min-height:138px;
  border:1px solid rgba(18,104,255,.18);
}
#leistungen .service-card h3{
  font-size:20px;
}
#leistungen .service-icon{
  width:64px;
  height:64px;
  font-size:34px;
}

/* Preisanfrage stärker hervorheben */
#konfigurator{
  padding-top:58px;
  padding-bottom:68px;
}
#konfigurator .config-box{
  border:1px solid rgba(18,104,255,.20);
  box-shadow:0 22px 65px rgba(8,23,52,.13);
}
#konfigurator .section-head h2{
  font-size:clamp(32px,4.4vw,46px);
}
#konfigurator .contact-choice{
  margin-top:20px;
}
#konfigurator .contact-choice .btn{
  min-height:50px;
}

/* Bewertungen früher in der Reise: etwas kompakter */
#bewertungen{
  scroll-margin-top:88px;
}

/* Shop bleibt Zusatzgeschäft und optisch etwas ruhiger */
#shop{
  padding-top:54px;
}
#shop .shop-card{
  transition:transform .18s ease, box-shadow .18s ease;
}
#shop .shop-card:hover{
  transform:translateY(-3px);
}

/* Mobile Conversion Button */
.sr-mobile-cta{
  display:none;
}

@media(max-width:900px){
  .sr-trust-grid{
    grid-template-columns:1fr 1fr;
  }
}

@media(max-width:640px){
  body{
    padding-bottom:72px;
  }
  .sr-trust-strip{
    padding:10px 0;
  }
  .sr-trust-grid{
    grid-template-columns:1fr 1fr;
    gap:8px;
  }
  .sr-trust-grid > div{
    grid-template-columns:34px 1fr;
    padding:10px;
    column-gap:8px;
  }
  .sr-trust-grid span{
    width:34px;
    height:34px;
    border-radius:10px;
    font-size:17px;
  }
  .sr-trust-grid strong{
    font-size:12px;
  }
  .sr-trust-grid small{
    font-size:9px;
  }
  .sr-focus-copy{
    margin-bottom:18px;
  }
  #leistungen .cards{
    gap:12px;
  }
  #leistungen .service-card{
    min-height:108px;
  }
  #konfigurator{
    padding-top:46px;
    padding-bottom:50px;
  }
  .sr-mobile-cta{
    position:fixed;
    left:14px;
    right:14px;
    bottom:12px;
    z-index:999;
    display:flex;
    align-items:center;
    justify-content:center;
    min-height:50px;
    border-radius:999px;
    background:linear-gradient(135deg,var(--blue),#0757e8);
    color:#fff;
    font-weight:950;
    box-shadow:0 16px 40px rgba(18,104,255,.34);
    border:1px solid rgba(255,255,255,.20);
  }
}


/* =========================================================
   V3.5 – eBay kompakt + bessere Sichtbarkeit
   ========================================================= */

/* eBay bewusst kompakt: Vorschau, kein eigener Webshop-Look */
#shop.shop-section{
  padding:46px 0 50px;
  background:#f6f8fc;
}
#shop .sr-shop-topline{
  margin-bottom:18px;
}
#shop .sr-shop-topline h2{
  font-size:clamp(28px,3.5vw,38px);
}
#shop .shop-grid{
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
}
#shop .shop-card{
  min-width:0;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  border-radius:16px;
  background:#fff;
}
#shop .shop-image{
  height:132px !important;
  min-height:132px !important;
  max-height:132px !important;
  padding:10px 12px !important;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  background:#fff;
  border-bottom:1px solid #edf1f6;
}
#shop .shop-image img{
  display:block;
  width:100% !important;
  height:100% !important;
  max-width:100% !important;
  max-height:112px !important;
  object-fit:contain !important;
  object-position:center !important;
  margin:0 auto !important;
}
#shop .shop-body{
  display:flex;
  flex-direction:column;
  flex:1;
  padding:13px 14px 14px !important;
  min-width:0;
}
#shop .shop-body h3{
  font-size:15px !important;
  line-height:1.25 !important;
  margin:0 0 5px !important;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
#shop .shop-body p{
  font-size:12px !important;
  line-height:1.35 !important;
  margin:0 0 7px !important;
  color:#68768a;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
#shop .shop-price{
  font-size:20px !important;
  line-height:1.1;
  margin:4px 0 10px !important;
}
#shop .shop-btn{
  margin-top:auto;
  min-height:40px;
  padding:9px 10px !important;
  font-size:12px !important;
  border-radius:999px;
  text-align:center;
  width:100%;
}

/* Der Shop ist nach der Preisanfrage sichtbar, bleibt aber klar sekundär. */
#shop .sr-shop-note{
  font-size:11px;
}

/* Mobile: kleine Karten statt bildfüllender Darstellung */
@media(max-width:760px){
  #shop.shop-section{
    padding:36px 0 40px;
  }
  #shop .shop-grid{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    overflow:visible !important;
    gap:10px !important;
  }
  #shop .shop-card{
    width:auto !important;
    min-width:0 !important;
    flex:none !important;
  }
  #shop .shop-image{
    height:108px !important;
    min-height:108px !important;
    max-height:108px !important;
    padding:8px !important;
  }
  #shop .shop-image img{
    max-height:92px !important;
  }
  #shop .shop-body{
    padding:10px !important;
  }
  #shop .shop-body h3{
    font-size:13px !important;
  }
  #shop .shop-body p{
    font-size:10px !important;
    -webkit-line-clamp:1;
  }
  #shop .shop-price{
    font-size:17px !important;
    margin:3px 0 8px !important;
  }
  #shop .shop-btn{
    min-height:36px;
    font-size:10px !important;
    padding:8px 7px !important;
  }
  #shop .sr-shop-topline p{
    font-size:13px;
    line-height:1.45;
  }
}
@media(max-width:380px){
  #shop .shop-grid{
    grid-template-columns:1fr !important;
  }
  #shop .shop-image{
    height:120px !important;
  }
  #shop .shop-image img{
    max-height:104px !important;
  }
}


/* =========================================================
   V3.6 – finale Seitenführung
   Hero → Display/Akku → Preisanfrage → Angebote → Bewertungen
   → 3 Schritte → Vorteile → Kontakt
   ========================================================= */
.sr-quick-grid.sr-quick-grid-compact{
  grid-template-columns:repeat(3,minmax(0,1fr));
}
@media(max-width:640px){
  .sr-quick-grid.sr-quick-grid-compact{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
  .sr-quick-grid.sr-quick-grid-compact .sr-quick-card{
    display:flex;
    flex-direction:column;
    justify-content:center;
    text-align:center;
    gap:5px;
    min-height:78px;
  }
  .sr-quick-grid.sr-quick-grid-compact .sr-quick-icon{
    margin:auto;
  }
}


/* =========================================================
   V3.7 SEO + Mobile CTA Fix
   ========================================================= */
.sr-national{
  padding:28px 0 44px;
  background:#fff;
}
.sr-national-box{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:28px;
  padding:28px 30px;
  border:1px solid #dbe5f3;
  border-radius:20px;
  background:linear-gradient(135deg,#f8fbff,#eef5ff);
}
.sr-national-copy{max-width:690px}
.sr-national-box h2{
  margin:5px 0 8px;
  color:#07152b;
  font-size:clamp(25px,3.4vw,36px);
  line-height:1.1;
}
.sr-national-box p{
  color:#58677b;
  line-height:1.6;
  font-size:14px;
}
.sr-national-points{
  display:flex;
  flex-wrap:wrap;
  gap:8px 16px;
  margin-top:13px;
  font-size:12px;
  font-weight:850;
  color:#183b70;
}
.sr-national-box .btn{
  flex:0 0 auto;
  white-space:nowrap;
}

/* Auf Smartphones bleibt der blaue Anfrage-Button wirklich FIXIERT.
   Er scrollt nicht als Bestandteil des Seiteninhalts mit. */
@media(max-width:640px){
  .sr-mobile-cta{
    position:fixed !important;
    left:12px !important;
    right:12px !important;
    bottom:max(12px, env(safe-area-inset-bottom)) !important;
    top:auto !important;
    width:auto !important;
    transform:none !important;
    z-index:2147483000 !important;
    margin:0 !important;
    display:flex !important;
    min-height:50px;
    box-sizing:border-box;
  }
  body{
    padding-bottom:calc(76px + env(safe-area-inset-bottom)) !important;
  }
  .sr-national{
    padding:20px 0 34px;
  }
  .sr-national-box{
    display:block;
    padding:21px 18px;
  }
  .sr-national-points{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:7px 10px;
  }
  .sr-national-box .btn{
    display:flex;
    width:100%;
    margin-top:18px;
    white-space:normal;
    text-align:center;
  }
}


/* =========================================================
   V3.8 – MOBILE HEADER FIX
   Der blaue Preis-anfragen-Button sitzt fest OBEN im Header.
   Kein zusätzlicher mitlaufender Button unten.
   ========================================================= */
@media(max-width:700px){
  /* Header bleibt am oberen Bildschirmrand */
  .topbar{
    position:fixed !important;
    top:0 !important;
    left:0 !important;
    right:0 !important;
    width:100% !important;
    z-index:2147483000 !important;
    margin:0 !important;
  }

  .topbar .nav{
    height:64px !important;
    min-height:64px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:10px !important;
  }

  /* Platz schaffen, damit der fixe Header nichts überdeckt */
  body{
    padding-top:64px !important;
    padding-bottom:0 !important;
  }

  /* Logo etwas kompakter */
  .topbar .logo{
    font-size:19px !important;
    line-height:1 !important;
    min-width:0 !important;
    flex:1 1 auto !important;
  }
  .topbar .logo-icon{
    width:19px !important;
    height:28px !important;
    flex:0 0 auto !important;
  }

  /* Der richtige blaue Header-Button bleibt sichtbar */
  .topbar .nav-btn{
    display:inline-flex !important;
    flex:0 0 auto !important;
    min-height:40px !important;
    padding:9px 14px !important;
    font-size:12px !important;
    line-height:1.1 !important;
    white-space:nowrap !important;
    border-radius:999px !important;
    margin:0 !important;
    box-shadow:0 8px 22px rgba(18,104,255,.28) !important;
  }

  /* Frühere Floating-CTA-Regeln sicher überschreiben */
  .sr-mobile-cta{
    display:none !important;
  }

  /* Anker berücksichtigen den fixen Header */
  #leistungen,
  #konfigurator,
  #shop,
  #bewertungen,
  #ablauf,
  #vorteile,
  #kontakt,
  #versand-deutschland{
    scroll-margin-top:78px !important;
  }
}

@media(max-width:390px){
  .topbar .nav-btn{
    padding:8px 11px !important;
    font-size:11px !important;
  }
  .topbar .logo{
    font-size:17px !important;
  }
}




/* V3.10 – Adresse direkt im bestehenden Anfrageformular */
#konfigurator #customerStreet,
#konfigurator #customerZip,
#konfigurator #customerCity{
  width:100%;
  box-sizing:border-box;
}


/* V3.11 – getrennte Namensfelder */
#konfigurator #customerFirstName,
#konfigurator #customerLastName{
  width:100%;
  box-sizing:border-box;
}

/* V3.12 – neues Scherer Reparatur Logo im Header */
.logo-image-link{display:flex!important;align-items:center!important;flex:0 0 auto;line-height:1}
.header-brand-logo{display:block;width:auto;height:50px;max-width:255px;object-fit:contain;background:transparent;border-radius:0;padding:0}
@media(max-width:760px){
 .topbar .logo-image-link{flex:1 1 auto!important;min-width:0!important}
 .topbar .header-brand-logo{height:42px!important;width:auto!important;max-width:185px!important;padding:0!important;border-radius:0!important}
}
@media(max-width:390px){
 .topbar .header-brand-logo{height:38px!important;max-width:158px!important}
 .topbar .nav-btn{padding-left:11px!important;padding-right:11px!important}
}