/* =====================================================================
   Schwalbe CRO-Bausteine (Kunden-Doc 25.09.2026) – gehört zu inc/schwalbe-cro.php
   Präfix "scro-", damit nichts mit Bootstrap / guest_style.css kollidiert.
   ===================================================================== */
:root{
  /* Markenfarben des Themes: Blau #004b8b, Orange #f3942f */
  --scro-navy:#004b8b;--scro-navy-dark:#00355f;--scro-navy-light:#1a6bb0;--scro-navy-soft:#e6f0f9;
  --scro-orange:#f3942f;--scro-orange-dark:#d97a14;--scro-orange-light:#ffb866;--scro-orange-soft:#fff3e0;
  --scro-red:#e0342f;--scro-green:#159c4f;--scro-text:#10293f;--scro-mute:#5a6b7d;--scro-line:#dfe6ee;
  --scro-accent-shadow:0 8px 24px rgba(243,148,47,.35);
}
.scro-wrap{max-width:1350px;margin:0 auto;padding:0 20px}
.scro-i{width:1em;height:1em;flex:none;display:inline-block;vertical-align:-.125em;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.scro-i--fill{fill:currentColor;stroke:none}

/* Sticker (#5 #6 SALE / −100 €) */
.scro-sticker{position:absolute;top:-11px;right:-8px;z-index:2;display:inline-flex;align-items:center;gap:3px;padding:3px 8px;border-radius:50px;background:var(--scro-red);color:#fff!important;font-size:11px;font-weight:800;letter-spacing:.02em;line-height:1.2;white-space:nowrap;box-shadow:0 4px 10px rgba(224,52,47,.35);transform:rotate(6deg);pointer-events:none}
.scro-sticker .scro-i{font-size:12px}

/* Buttons */
a.scro-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:11px 22px;border-radius:50px;font-weight:700;font-size:15px;line-height:1.2;white-space:nowrap;text-decoration:none!important;transition:transform .15s ease,box-shadow .2s ease}
a.scro-btn--primary{background:linear-gradient(135deg,var(--scro-orange),var(--scro-orange-dark));color:#fff!important;box-shadow:var(--scro-accent-shadow)}
@media (hover:hover){a.scro-btn--primary:hover{transform:translateY(-2px);color:#fff!important;opacity:1}}
a.scro-btn--ghost{background:var(--scro-navy-soft);color:var(--scro-navy)!important}
a.scro-btn:active{transform:scale(.96)}

/* ===== #1 #2 #3 Textleiste ===== */
.scro-topbar{position:relative;overflow:hidden;background:var(--scro-navy-dark);color:#fff;font-size:13.5px;font-weight:600;line-height:1.3;font-family:inherit}
.scro-topbar::before,.scro-topbar::after{content:"";position:absolute;top:0;bottom:0;width:40px;z-index:2;pointer-events:none}
.scro-topbar::before{left:0;background:linear-gradient(90deg,var(--scro-navy-dark),transparent)}
.scro-topbar::after{right:0;background:linear-gradient(-90deg,var(--scro-navy-dark),transparent)}
.scro-ticker{display:flex;width:max-content;animation:scro-marquee 40s linear infinite}
.scro-topbar:hover .scro-ticker,.scro-topbar:focus-within .scro-ticker{animation-play-state:paused}
.scro-ticker__group{display:flex;align-items:center;gap:34px;padding:9px 17px}
.scro-ticker__item{display:inline-flex;align-items:center;gap:8px;white-space:nowrap}
.scro-ticker__item .scro-i{color:var(--scro-orange-light);font-size:16px}
.scro-topbar a{color:var(--scro-orange-light)!important;text-decoration:underline!important;text-underline-offset:3px}
.scro-live{display:inline-flex;align-items:center;gap:8px;white-space:nowrap}
.scro-live__dot{width:8px;height:8px;border-radius:50%;background:#34d399;animation:scro-pulse 1.8s infinite}
@keyframes scro-marquee{to{transform:translateX(-50%)}}
@keyframes scro-pulse{0%{box-shadow:0 0 0 0 rgba(52,211,153,.6)}70%{box-shadow:0 0 0 8px rgba(52,211,153,0)}100%{box-shadow:0 0 0 0 rgba(52,211,153,0)}}

/* ===== #4 Umzugsrechner-Button neben dem Logo (Desktop-Header) ===== */
.main-header-listandsell .row.desk-row > .col-md-4{flex:0 0 auto;width:auto;max-width:none}
.main-header-listandsell .row.desk-row > .col-md-8{flex:1 1 0;width:auto;max-width:none;min-width:0}
.main-header-listandsell .logo-schw{display:flex;align-items:center;gap:18px}
a.scro-calc{position:relative;display:inline-flex;align-items:center;gap:9px;padding:7px 16px 7px 8px;border-radius:50px;font-weight:700;font-size:14.5px;line-height:1.15;color:var(--scro-navy)!important;text-decoration:none!important;white-space:nowrap;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(120deg,var(--scro-orange),var(--scro-navy-light),var(--scro-orange)) border-box;border:2px solid transparent;transition:transform .15s ease,box-shadow .2s ease}
@media (hover:hover){a.scro-calc:hover{transform:translateY(-1px);box-shadow:var(--scro-accent-shadow)}}
a.scro-calc:active{transform:scale(.96)}
.scro-calc__ico{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,var(--scro-orange),var(--scro-orange-dark));color:#fff;font-size:18px;flex:none}
.scro-calc__ico::after{content:"";position:absolute;top:0;left:-60%;width:60%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.75),transparent);transform:skewX(-20deg);animation:scro-shine 4.5s ease-in-out infinite}
@keyframes scro-shine{0%,70%{left:-60%}100%{left:130%}}
.scro-calc__txt small{display:block;font-size:11px;font-weight:700;color:var(--scro-orange-dark)}

/* #14 Bewertungs-Chips (Google + ProvenExpert) im Desktop-Header */
a.scro-rate{display:inline-flex;align-items:center;gap:10px;height:52px;padding:6px 14px 6px 7px;border-radius:14px;background:#fff;color:var(--scro-navy)!important;text-decoration:none!important;white-space:nowrap;box-shadow:0 0 0 1px var(--scro-line),0 6px 16px rgba(2,36,64,.06);transition:box-shadow .2s ease,transform .15s ease}
@media (hover:hover){a.scro-rate:hover{transform:translateY(-1px);box-shadow:0 0 0 1px #cfd8e3,0 10px 22px rgba(2,36,64,.12)}}
.scro-rate__logo{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:9px;background:#f5f7fb;font-size:22px;flex:none}
.scro-rate__txt{display:grid;grid-template-columns:auto auto;align-items:center;column-gap:6px;line-height:1.15}
.scro-rate__txt b{font-size:18px;font-weight:800;font-variant-numeric:tabular-nums}
.scro-rate__txt .scro-stars{font-size:12px}
.scro-rate__txt small{grid-column:1 / -1;font-size:11px;font-weight:600;color:var(--scro-mute)}
a.scro-rate--pe{flex-direction:column;justify-content:center;align-items:flex-start;gap:3px;padding:6px 14px}
a.scro-rate--pe img{width:auto;height:19px}
a.scro-rate--pe small{font-size:11px;font-weight:600;color:var(--scro-mute);line-height:1.1}

.main-header-listandsell .right-header-middle .img-top{display:flex;align-items:center;gap:10px}
.main-header-listandsell .img-top a.scro-rate:hover{opacity:1}   /* guest-style.css blendet Links im .img-top auf 0.7 ab */
.main-header-listandsell .right-header-middle .header-caller{margin-left:0}

/* #5 #6 SALE-Sticker am "Umzug Planen"-Button im Menü (einziger Anfrage-Button im Desktop-Header, bleibt auch im Sticky-Balken) */
.main-header-listandsell li.planen-moving > a{position:relative;overflow:visible}
.main-header-listandsell li.planen-moving > a::after{content:"% RABATT";position:absolute;top:-6px;right:-10px;z-index:2;padding:2px 8px;border-radius:50px;background:var(--scro-red);color:#fff;font-size:11px;font-weight:800;letter-spacing:.02em;line-height:1.3;white-space:nowrap;box-shadow:0 4px 10px rgba(224,52,47,.35);transform:rotate(6deg);pointer-events:none}

/* #5 #6 Angebot-Button ganz rechts im Desktop-Header */
.main-header-listandsell .right-header-middle{display:flex;align-items:center;justify-content:flex-end;gap:20px}
.main-header-listandsell .right-header-middle .scro-cta{flex:none}
.main-header-listandsell .header-caller .header-title-number,.main-header-listandsell .header-caller .header-title-mail{white-space:nowrap}
/* Platz im rechten Header-Teil entscheidet (Container-Query), nicht die Fensterbreite:
   zuerst fällt das Maskottchen weg, dann die Bewertungs-Chips (stehen auch in Textleiste + Footer). */
.main-header-listandsell .row.desk-row > .col-md-8{container-type:inline-size}
@container (max-width:900px){.main-header-listandsell .right-header-middle .right-call{display:none}}
@container (max-width:830px){.main-header-listandsell .right-header-middle .img-top{display:none}}
@media (max-width:1300px){
  .main-header-listandsell .row.desk-row .listsell-logo{width:210px!important}
}

/* ===== #7 Mobiler Header – keine Toolbar unten, alles oben im (klebenden) Header =====
   Zeile 1: Logo | Anrufen - Menü      Zeile 2: Umzugsrechner (-100 EUR) | Angebot erhalten (SALE) */
.scro-mbar,.scro-micons{display:none}
@media (max-width:1182px){
  /* Untere Toolbar (kommt aus dem Footer-Widget) ausblenden – Menü, Anrufen, Rechner, Angebot sind jetzt oben */
  #footer-mobile-icons{display:none!important}
  footer.footer-full .copyright.row{padding-bottom:18px!important}

  .main-header-listandsell nav.navbar.navbar-expand-lg.mobile{padding:8px 0 10px!important;box-shadow:0 6px 18px rgba(2,36,64,.12)}
  .main-header-listandsell nav.navbar.navbar-expand-lg.mobile.scrolling_down{width:100%;left:0;right:0;z-index:1030}
  /* head-foot.css zentriert das Logo (früher war es allein im Balken) – jetzt Logo links, Buttons rechts */
  .main-header-listandsell nav.navbar.navbar-expand-lg.mobile > .container.listandsell-container{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between!important;gap:0;background:transparent}
  .main-header-listandsell nav.navbar.navbar-expand-lg.mobile .logo-left-mobile{flex:0 1 auto;width:auto!important;min-width:0;justify-content:flex-start!important}
  .main-header-listandsell nav.navbar.mobile a.logo-link img.listsell-logo{width:150px!important;max-width:100%;height:auto}

  .scro-micons{display:flex;gap:6px}
  a.scro-micon,button.scro-micon{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-width:48px;height:48px;padding:0 5px;border:0;border-radius:12px;background:var(--scro-navy-soft);color:var(--scro-navy)!important;font-size:10px;font-weight:700;line-height:1;text-decoration:none!important;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .15s ease}
  a.scro-micon .scro-i,button.scro-micon .scro-i{font-size:19px}
  a.scro-micon--call{background:var(--scro-navy);color:#fff!important}
  a.scro-micon:active,button.scro-micon:active{transform:scale(.96)}

  .scro-mbar{display:grid;grid-template-columns:1fr 1fr;gap:8px;flex:0 0 100%;margin-top:10px;padding-top:12px;border-top:1px solid var(--scro-line)}
  a.scro-mbar__calc{position:relative;display:flex;align-items:center;gap:8px;min-width:0;min-height:48px;padding:5px 10px 5px 5px;border-radius:50px;color:var(--scro-navy)!important;text-decoration:none!important;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(120deg,var(--scro-orange),var(--scro-navy-light),var(--scro-orange)) border-box;border:2px solid transparent;transition:transform .15s ease}
  a.scro-mbar__calc:active{transform:scale(.96)}
  .scro-mbar__ico{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,var(--scro-orange),var(--scro-orange-dark));color:#fff;font-size:17px;flex:none}
  .scro-mbar__txt{min-width:0;font-size:13.5px;font-weight:800;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .scro-mbar__txt small{display:block;font-size:11px;font-weight:700;color:var(--scro-orange-dark)}
  a.scro-mbar__cta{width:100%;min-width:0;min-height:48px;padding:8px 12px;font-size:14.5px}
  .scro-mbar .scro-sticker{top:-11px;right:-4px;font-size:10px;padding:2px 7px}
}
@media (max-width:374px){
  .main-header-listandsell nav.navbar.mobile a.logo-link img.listsell-logo{width:124px!important}
  .scro-micons{gap:4px}
  a.scro-micon,button.scro-micon{min-width:44px;height:46px;padding:0 3px;font-size:9.5px}
  .scro-mbar{gap:6px}
  .scro-mbar__txt{font-size:12.5px}
  .scro-mbar__txt small{font-size:10px}
  a.scro-mbar__cta{font-size:13px;padding:8px 8px}
}

/* ===== #25 Google + ProvenExpert · #16 Sicherheit (eigenes Band direkt über dem Footer) ===== */
.scro-trust{padding:40px 0 34px;background:var(--scro-navy-dark);border-bottom:1px solid rgba(255,255,255,.08)}
.scro-platforms{display:grid;grid-template-columns:1fr 1fr;gap:16px}
a.scro-platform{display:flex;align-items:center;gap:18px;padding:18px 22px;border-radius:18px;background:#fff;color:var(--scro-text)!important;text-decoration:none!important;box-shadow:0 12px 30px rgba(0,0,0,.25);transition:transform .15s ease,box-shadow .2s ease}
@media (hover:hover){a.scro-platform:hover{transform:translateY(-2px)}}
.scro-platform__logo{display:flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:14px;background:#f5f7fb;font-size:34px;flex:none}
.scro-platform__logo--pe{width:128px}
.scro-platform__logo--pe img{width:104px;height:auto}
.scro-platform__body{display:flex;flex-direction:column;gap:2px;min-width:0}
.scro-platform__body b{font-size:17px;color:var(--scro-navy)}
.scro-platform__rating{display:flex;align-items:center;gap:8px}
.scro-platform__score{font-size:26px;font-weight:800;color:var(--scro-navy);line-height:1;font-variant-numeric:tabular-nums}
.scro-platform__sub{font-size:14px;color:var(--scro-mute)}
.scro-stars{display:inline-flex;gap:1px;color:#f5b301;font-size:15px}
.scro-platform__link{margin-left:auto;display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:0 16px;border-radius:50px;background:var(--scro-orange-soft);font-size:14px;font-weight:700;color:var(--scro-orange-dark);white-space:nowrap}
ul.scro-secure{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:18px 0 0;padding:0;list-style:none}
.scro-secure__item{display:flex;gap:12px;align-items:center;padding:4px 0;color:#dbe3ee}
.scro-secure__ico{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:12px;background:rgba(21,156,79,.18);color:#4ade80;font-size:19px;flex:none}
.scro-secure__item b{display:block;font-size:15px;color:#fff;line-height:1.3}
.scro-secure__item > span > span{display:block;font-size:13.5px;line-height:1.4;color:#b8c4d4}

/* ===== #23 #24 Bewertungen + Zahlungsarten ganz unten ===== */
.scro-strip{background:#0b1a2b;border-top:1px solid rgba(255,255,255,.08)}
.scro-strip__in{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px 24px;padding:16px 0}
.scro-strip__group{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.scro-strip__label{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#8ea0b5;margin-right:4px}
a.scro-chip{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 11px;border-radius:50px;background:#fff;color:var(--scro-navy)!important;font-size:12.5px;font-weight:700;line-height:1;text-decoration:none!important}
a.scro-chip img{width:auto;height:16px}
a.scro-chip .scro-i{color:#f5b301}
.scro-pay{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 11px;border-radius:8px;background:#fff;color:var(--scro-navy);font-size:12.5px;font-weight:800}
.scro-pay .scro-i{font-size:16px;color:var(--scro-navy-light)}
.scro-visa{font-style:italic;font-weight:900;font-size:15px;color:#1a1f71}
.scro-mc{display:inline-flex}
.scro-mc i{display:block;width:17px;height:17px;border-radius:50%}
.scro-mc i:first-child{background:#eb001b}
.scro-mc i:last-child{background:#f79e1b;margin-left:-7px;mix-blend-mode:multiply}

/* ===== #7 Mobiles Menü (Seitenpanel, eigenes CSS – das gekürzte bootstrap.min.css hat kein Offcanvas) ===== */
/* Header-Leisten des Themes liegen bei z-index 999991 – Menü + Abdunklung müssen darüber. */
.scro-menu__backdrop{position:fixed;inset:0;z-index:1000000;background:rgba(0,30,56,.55);opacity:0;transition:opacity .25s ease}
.scro-menu{position:fixed;top:0;right:0;bottom:0;z-index:1000001;display:flex;flex-direction:column;width:min(360px,88vw);background:#fff;color:var(--scro-text);font-family:inherit;box-shadow:-12px 0 40px rgba(0,30,56,.25);transform:translateX(100%);transition:transform .28s ease}
.scro-menu[hidden],.scro-menu__backdrop[hidden]{display:none}
.scro-menu.is-open{transform:none}
.scro-menu__backdrop.is-open{opacity:1}
body.scro-menu-open{overflow:hidden}
.scro-menu__head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;border-bottom:1px solid var(--scro-line)}
.scro-menu__title{font-size:18px;color:var(--scro-navy)}
button.scro-menu__x{display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:0;border-radius:12px;background:var(--scro-navy-soft);color:var(--scro-navy);font-size:20px;cursor:pointer}
.scro-menu__body{flex:1;overflow-y:auto;overscroll-behavior:contain;display:flex;flex-direction:column;gap:20px;padding:8px 18px 24px}
ul.scro-nav,ul.scro-nav ul{margin:0;padding:0;list-style:none}
ul.scro-nav > li{border-bottom:1px solid var(--scro-line)}
ul.scro-nav a{display:flex;align-items:center;min-height:48px;padding:10px 0;color:var(--scro-navy)!important;font-size:16px;font-weight:700;text-decoration:none!important}
ul.scro-nav li.menu-item-has-children{position:relative}
ul.scro-nav li.menu-item-has-children > a{padding-right:52px}
button.scro-nav__toggle{position:absolute;top:2px;right:0;display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:0;border-radius:10px;background:none;color:var(--scro-navy);cursor:pointer}
button.scro-nav__toggle::before{content:"";width:9px;height:9px;border:solid currentColor;border-width:0 2px 2px 0;transform:translateY(-2px) rotate(45deg);transition:transform .2s ease}
li.is-open > button.scro-nav__toggle::before{transform:translateY(2px) rotate(-135deg)}
ul.scro-nav ul.sub-menu{display:none;padding:0 0 10px 12px;border-left:2px solid var(--scro-navy-soft)}
ul.scro-nav li.is-open > ul.sub-menu{display:block}
ul.scro-nav ul.sub-menu a{min-height:44px;padding:8px 0;font-size:15px;font-weight:600;color:var(--scro-text)!important}
.scro-menu__cta{display:flex;flex-direction:column;gap:10px}
.scro-menu__cta a.scro-btn{width:100%}

/* ===== #21 Info-Buttons im Anfrageformular (WPForms "Wie möchten Sie starten?", per schwalbe-cro.js) =====
   WPForms "modern" setzt Buttons/Divs/Listen stark zurück – daher hier durchgehend !important. */
.scro-finfo-host{position:relative!important}
.scro-finfo-host li.scro-finfo-li{position:relative!important}
.scro-finfo-host li.scro-finfo-li .wpforms-image-choices-label{padding-right:24px!important;word-break:normal!important;overflow-wrap:normal!important;-webkit-hyphens:auto;hyphens:auto}
.scro-finfo-host button.scro-finfo-btn{position:absolute!important;top:50%!important;right:8px!important;z-index:3!important;display:flex!important;align-items:center!important;justify-content:center!important;width:26px!important;height:26px!important;min-width:0!important;min-height:0!important;margin:-13px 0 0!important;padding:0!important;border:0!important;border-radius:50%!important;background:var(--scro-navy-soft)!important;color:var(--scro-navy)!important;font:italic 800 15px/1 Georgia,serif!important;box-shadow:none!important;cursor:pointer;transition:background-color .2s ease,color .2s ease}
.scro-finfo-host button.scro-finfo-btn::after{content:"";position:absolute;inset:-8px}   /* 44px Trefferfläche */
.scro-finfo-host button.scro-finfo-btn[aria-expanded="true"],.scro-finfo-host button.scro-finfo-btn:focus-visible{background:var(--scro-navy)!important;color:#fff!important}
@media (hover:hover){.scro-finfo-host button.scro-finfo-btn:hover{background:var(--scro-navy)!important;color:#fff!important}}
.scro-finfo-host .scro-finfo-tag{position:absolute!important;top:-9px!important;right:8px!important;z-index:3!important;display:inline-block!important;padding:2px 8px!important;border-radius:50px!important;background:var(--scro-red)!important;color:#fff!important;font-size:11px!important;font-weight:800!important;line-height:1.3!important;white-space:nowrap!important;transform:rotate(4deg);pointer-events:none}
.scro-finfo-host div.scro-finfo{position:absolute!important;left:0!important;right:0!important;z-index:30!important;margin:0!important;padding:14px 48px 14px 16px!important;border-radius:14px!important;background:var(--scro-navy)!important;color:#fff!important;font-size:14px!important;line-height:1.5!important;text-align:left!important;box-shadow:0 18px 40px rgba(0,30,56,.3)!important}
.scro-finfo-host div.scro-finfo[hidden]{display:none!important}
.scro-finfo-host div.scro-finfo::before{content:"";position:absolute;top:-6px;left:var(--scro-arrow,50%);width:12px;height:12px;margin-left:-6px;background:var(--scro-navy);transform:rotate(45deg)}
.scro-finfo-host .scro-finfo b{display:block!important;margin:0 0 6px!important;font-size:15px!important;color:#fff!important}
.scro-finfo-host .scro-finfo ul{display:block!important;margin:0!important;padding:0!important;list-style:none!important}
.scro-finfo-host .scro-finfo ul li{position:relative!important;display:block!important;width:auto!important;margin:0!important;padding:0 0 0 20px!important;border:0!important;background:none!important;color:#fff!important;font-size:14px!important;line-height:1.5!important}
.scro-finfo-host .scro-finfo ul li+li{margin-top:4px!important}
.scro-finfo-host .scro-finfo ul li::before{content:"✓";position:absolute;left:0;top:0;color:#4ade80;font-weight:800}
.scro-finfo-host button.scro-finfo__x{position:absolute!important;top:8px!important;right:8px!important;display:flex!important;align-items:center!important;justify-content:center!important;width:32px!important;height:32px!important;min-height:0!important;margin:0!important;padding:0!important;border:0!important;border-radius:50%!important;background:rgba(255,255,255,.14)!important;color:#fff!important;font-size:18px!important;line-height:1!important;box-shadow:none!important;cursor:pointer}

/* ===== #15 ProvenExpert-Badge links unten ===== */
/* #15 ProvenExpert-Siegel im Stil des offiziellen ProvenExpert-Siegels (Inhalte = Schwalbe, echte Werte) */
.scro-pe{--pe-gold:#b39355;--pe-cyan:#15b1d6;position:fixed;left:16px;bottom:16px;z-index:9990;width:128px;font-family:inherit;filter:drop-shadow(0 10px 22px rgba(0,30,56,.22));animation:scro-pe-in .45s ease both}
.scro-pe[hidden]{display:none}
@keyframes scro-pe-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
a.scro-pe__link{display:flex;flex-direction:column;align-items:center;padding:12px 0 9px;border-radius:6px;background:linear-gradient(180deg,#fff 0%,#fbf8f2 55%,#f1ebdf 100%);border:1px solid #e6dfd1;color:#1d1d1b!important;text-align:center;text-decoration:none!important;overflow:hidden;transition:transform .2s ease}
@media (hover:hover){a.scro-pe__link:hover{transform:translateY(-3px)}}
.scro-pe__check svg{display:block;width:30px;height:30px}
.scro-pe__check circle{fill:var(--pe-gold)}
.scro-pe__check path{fill:none;stroke:#fff;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.scro-pe__brand{display:flex;flex-direction:column;margin:6px 0 4px;line-height:.95;letter-spacing:-.01em}
.scro-pe__brand b{font-size:21px;font-weight:800}
.scro-pe__brand span{font-size:21px;font-weight:400}
.scro-pe__claim{padding:0 8px;font-size:11.5px;font-weight:600;line-height:1.25;color:var(--pe-gold)}
.scro-pe__name{margin:5px 0 3px;padding:0 8px;font-size:10.5px;font-weight:600;line-height:1.25;color:#4a4a48}
.scro-pe__rating{display:flex;align-items:center;gap:5px;margin-bottom:6px}
.scro-pe__stars{color:#f5b301;font-size:12px;letter-spacing:.5px;line-height:1}
.scro-pe__rating b{font-size:14px;font-weight:800;font-variant-numeric:tabular-nums}
.scro-pe__bar{align-self:stretch;padding:4px 6px;background:var(--pe-cyan);color:#fff;font-size:11.5px;font-weight:700;line-height:1.3}
.scro-pe__grade{margin-top:6px;font-size:11px;font-weight:700;letter-spacing:.06em;color:var(--pe-gold)}
button.scro-pe__x{position:absolute;top:-9px;right:-9px;display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:1px solid #e6dfd1;border-radius:50%;background:#fff;color:#6b6b68;font-size:11px;cursor:pointer;box-shadow:0 2px 6px rgba(0,30,56,.15)}
button.scro-pe__x::after{content:"";position:absolute;inset:-10px}
@media (hover:hover){button.scro-pe__x:hover{color:#1d1d1b}}

/* ===== Responsive ===== */
@media (max-width:1000px){
  ul.scro-secure,.scro-platforms{grid-template-columns:1fr}
  ul.scro-secure{gap:10px}
}
@media (max-width:600px){
  .scro-topbar{font-size:12.5px}
  a.scro-platform{gap:14px;padding:14px 16px}
  .scro-platform__logo{width:52px;height:52px;font-size:28px}
  .scro-platform__logo--pe{width:88px}
  .scro-platform__logo--pe img{width:74px}
  .scro-platform__link{padding:0 12px;font-size:0;gap:0}   /* nur Pfeil */
  .scro-platform__link .scro-i{font-size:18px}
  .scro-strip__in{justify-content:center}
  .scro-strip__group{justify-content:center}
  .scro-pe{left:10px;bottom:10px;width:100px}
  a.scro-pe__link{padding:9px 0 7px}
  .scro-pe__check svg{width:24px;height:24px}
  .scro-pe__brand b,.scro-pe__brand span{font-size:17px}
  .scro-pe__claim{font-size:10px}
  .scro-pe__name{display:none}
  .scro-pe__rating{margin:4px 0 5px}
  .scro-pe__bar{font-size:9.5px;white-space:nowrap;padding:4px 3px}
  .scro-pe__grade{font-size:9.5px}
}
@media (prefers-reduced-motion:reduce){
  .scro-ticker{animation:none;width:auto;flex-wrap:wrap}
  .scro-ticker__group[aria-hidden]{display:none}
  .scro-ticker__group{flex-wrap:wrap;justify-content:center;gap:8px 24px}
  .scro-calc__ico::after,.scro-live__dot{animation:none}
}

/* =====================================================================
   Startseite / Landingpages – Inhaltsbausteine aus home-page.html (Präfix "sbh-")
   #8 Hero · #13 Siegel · #14 #20 Formular-Kopf · #17-#19 #21 Anfragewege · #9-#12 Wer wir sind
   ===================================================================== */
.sbh-wrap{max-width:var(--ls-container-max,1350px);margin:0 auto;padding:0 var(--ls-gutter,24px)}
.sbh-eyebrow{margin:0 0 6px;font-size:13px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--scro-orange-dark)}
.sbh-h2{margin:0 0 12px;font-family:'Montserrat',sans-serif;font-weight:700;font-size:clamp(24px,2.6vw,34px);line-height:1.25;color:var(--scro-navy);text-wrap:balance}
.sbh-lead{margin:0;font-size:18px;line-height:1.6;color:var(--scro-mute);text-wrap:pretty}
.sbh-stars{color:#f5b301;letter-spacing:1px}
a.sbh-btn{position:relative;display:flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:10px 20px;border-radius:50px;font-size:15px;font-weight:700;line-height:1.2;text-align:center;text-decoration:none!important;transition:transform .15s ease,background-color .2s ease,color .2s ease,box-shadow .2s ease}
a.sbh-btn:active{transform:scale(.96)}
a.sbh-btn--ghost{background:var(--scro-navy-soft);color:var(--scro-navy)!important}
@media (hover:hover){a.sbh-btn--ghost:hover{background:var(--scro-navy);color:#fff!important}}
a.sbh-btn--primary{background:linear-gradient(135deg,var(--scro-orange),var(--scro-orange-dark));color:#fff!important;box-shadow:var(--scro-accent-shadow)}
@media (hover:hover){a.sbh-btn--primary:hover{transform:translateY(-2px);color:#fff!important}}

/* #14 #20 Formular-Kopf im Hero */
.sbh-formhead{display:flex;flex-direction:column;align-items:center;gap:10px;margin:2px 0 16px}
.sbh-formhead__rates{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}
a.sbh-rate{display:inline-flex;align-items:center;gap:9px;min-height:46px;padding:5px 14px 5px 10px;border-radius:12px;background:#fff;color:var(--scro-navy)!important;text-decoration:none!important;box-shadow:0 0 0 1px var(--scro-line),0 4px 12px rgba(2,36,64,.06);line-height:1.15;text-align:left}
.sbh-rate__g{width:24px;height:24px;flex:none}
a.sbh-rate b{font-size:16px;font-weight:800}
a.sbh-rate .sbh-stars{font-size:12px}
a.sbh-rate small{display:block;font-size:11px;font-weight:600;color:var(--scro-mute)}
a.sbh-rate--pe{flex-direction:column;align-items:flex-start;justify-content:center;gap:2px}
a.sbh-rate--pe img{width:auto;height:18px}
.sbh-deal{display:inline-flex;align-items:center;gap:10px;padding:5px 14px 5px 5px;border-radius:50px;background:var(--scro-orange-soft);border:1px dashed var(--scro-orange);color:var(--scro-navy);font-size:13.5px;font-weight:700;line-height:1.3;text-align:left}
.sbh-deal__tag{flex:none;padding:5px 10px;border-radius:50px;background:var(--scro-red);color:#fff;font-size:13px;font-weight:800;transform:rotate(-4deg)}

/* Formular-Kopf immer direkt unter "Jetzt Umzug starten!" – egal, wo der Block im Editor steht
   (Gruppe mit und ohne .wp-block-group__inner-container) */
.schwalbe_group_form:has(> .sbh-formhead),
.schwalbe_group_form > .wp-block-group__inner-container:has(> .sbh-formhead){display:flex;flex-direction:column}
.schwalbe_group_form .test1{order:-3}
.schwalbe_group_form .sbh-formhead{order:-2}
/* #14 Google + ProvenExpert im Hero links (Shortcode [schwalbe_bewertungen], ersetzt das alte Google-Bild) */
.video-review{align-items:center;gap:16px}
.sbh-formhead.sbh-formhead--hero{align-items:flex-start;margin:0}
.sbh-formhead--hero .sbh-formhead__rates{justify-content:flex-start;gap:10px}
.sbh-formhead--hero a.sbh-rate{min-height:56px;padding:7px 16px 7px 12px;box-shadow:0 8px 22px rgba(0,0,0,.25)}
.sbh-formhead--hero .sbh-rate__g{width:28px;height:28px}
.sbh-formhead--hero a.sbh-rate b{font-size:18px}
.sbh-formhead--hero a.sbh-rate--pe img{height:20px}
@media (max-width:600px){
  .sbh-formhead--hero .sbh-formhead__rates{gap:8px}
  .sbh-formhead--hero a.sbh-rate{min-height:50px;padding:6px 12px 6px 9px}
}

/* 100-€-Sonderangebot-Badge: am Formular-Eck, nie aus dem Bild und nicht hinter den Seiten-Buttons */
.schwalbe_group_form .sonder-img{top:-7rem;right:-1rem;width:150px;z-index:2}
/* auch mobil zeigen (style.css blendet es unter 600px aus) */
@media (max-width:600px){
  .schwalbe_group_form .sonder-img{display:block!important;top:-4.6rem;right:-4px;width:84px}
}

/* #17 #19 #21 Vier Anfragewege */
.sbh-options{padding:56px 0;background:#f4f7fb}
.sbh-options .sbh-eyebrow,.sbh-options .sbh-h2{text-align:center}
.sbh-options__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:28px}
.sbh-opt{position:relative;display:flex;flex-direction:column;gap:10px;padding:24px 22px 22px;border-radius:20px;background:#fff;box-shadow:0 0 0 1px var(--scro-line),0 10px 30px rgba(2,36,64,.06)}
.sbh-opt__img{display:flex;align-items:center;justify-content:center;width:60px;height:60px;border-radius:16px;background:var(--scro-navy-soft);color:var(--scro-navy);margin-bottom:4px}
.sbh-opt__img svg,.sbh-fleet__img svg{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
h3.sbh-opt__title{margin:0;padding-right:40px;font-size:19px;line-height:1.3;color:var(--scro-navy)}
.sbh-opt__txt{margin:0 0 6px;font-size:15px;line-height:1.55;color:var(--scro-mute);text-wrap:pretty}
.sbh-opt .sbh-btn{margin-top:auto}
.sbh-opt--hot{box-shadow:0 0 0 2px var(--scro-orange),0 16px 36px rgba(243,148,48,.22)}
.sbh-opt--hot .sbh-opt__img{background:linear-gradient(135deg,var(--scro-orange),var(--scro-orange-dark));color:#fff}
.sbh-badge{position:absolute;top:-14px;right:18px;z-index:2;padding:6px 12px;border-radius:50px;background:var(--scro-red);color:#fff;font-size:14px;font-weight:800;box-shadow:0 6px 14px rgba(224,52,47,.35);transform:rotate(6deg)}
/* Info-Button mit Popup (Tippen/Klicken, ohne JS) */
.sbh-info{position:absolute;top:92px;right:18px;z-index:3}
.sbh-info summary{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:var(--scro-navy-soft);color:var(--scro-navy);font:italic 800 16px/1 Georgia,serif;list-style:none;cursor:pointer;transition:background-color .2s ease,color .2s ease}
.sbh-info summary::-webkit-details-marker{display:none}
.sbh-info summary::after{content:"";position:absolute;inset:-6px}   /* 44px Trefferfläche */
.sbh-info[open] summary,.sbh-info summary:hover{background:var(--scro-navy);color:#fff}
.sbh-info ul{position:absolute;top:40px;right:-6px;width:min(300px,calc(100vw - 48px));margin:0;padding:16px 18px;list-style:none;border-radius:14px;background:var(--scro-navy);color:#fff;font-size:14px;line-height:1.5;box-shadow:0 18px 40px rgba(2,36,64,.3)}
.sbh-info ul::before{content:"";position:absolute;top:-6px;right:16px;width:12px;height:12px;background:inherit;transform:rotate(45deg)}
.sbh-info li{position:relative;padding-left:20px}
.sbh-info li+li{margin-top:6px}
.sbh-info li::before{content:"✓";position:absolute;left:0;color:#4ade80;font-weight:800}

/* #9 #10 #11 Wer wir sind: Team + Flotte */
.sbh-about{padding:64px 0}
.sbh-about__head{max-width:780px;margin:0 auto 32px;text-align:center}
ul.sbh-fleet{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:0;padding:0;list-style:none}
.sbh-fleet__item{overflow:hidden;border-radius:20px;background:#fff;box-shadow:0 0 0 1px var(--scro-line),0 10px 30px rgba(2,36,64,.06)}
.sbh-fleet__img{display:flex;align-items:center;justify-content:center;aspect-ratio:16/8;background:radial-gradient(120% 120% at 100% 0,var(--scro-navy-light),var(--scro-navy) 60%,var(--scro-navy-dark));color:#fff}
.sbh-fleet__img svg{width:56px;height:56px;stroke-width:1.4;opacity:.95}
.sbh-fleet__img{position:relative;overflow:hidden}
.sbh-fleet__img > img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
@media (hover:hover){.sbh-fleet__item:hover .sbh-fleet__img > img{transform:scale(1.04)}}
/* echtes Schwalbe-Logo als Badge auf jedem Bild (#10: "jeweils ein Bild mit Logo") */
/* Logo steht jetzt direkt auf den Fahrzeugen im Bild – Badge ausgeblendet */
.sbh-fleet__logo{display:none!important;position:absolute;left:12px;bottom:12px;display:flex;align-items:center;padding:6px 10px;border-radius:10px;background:rgba(255,255,255,.94);box-shadow:0 4px 14px rgba(0,30,56,.18)}
.sbh-fleet__logo img{display:block;width:auto!important;height:22px!important}
@media (max-width:600px){.sbh-fleet__logo{left:8px;bottom:8px;padding:4px 7px}.sbh-fleet__logo img{height:16px!important}}
@media (prefers-reduced-motion:reduce){.sbh-fleet__img > img{transition:none}}
.sbh-fleet__item--team .sbh-fleet__img{background:radial-gradient(120% 120% at 100% 0,var(--scro-orange-light),var(--scro-orange) 55%,var(--scro-orange-dark))}
.sbh-fleet__body{display:flex;flex-direction:column;gap:2px;padding:18px 20px 20px}
b.sbh-fleet__num{font-family:'Montserrat',sans-serif;font-size:24px;font-weight:700;line-height:1.2;color:var(--scro-navy);font-variant-numeric:tabular-nums}
.sbh-fleet__label{font-size:16px;font-weight:700;color:var(--scro-text)}
.sbh-fleet__sub{font-size:14.5px;color:var(--scro-mute)}
/* #12 So einfach geht Ihre Anfrage */
.sbh-steps{margin-top:40px;padding:32px;border-radius:24px;background:linear-gradient(135deg,var(--scro-navy),var(--scro-navy-dark));color:#fff;text-align:center}
h3.sbh-steps__title{margin:0 0 22px;font-size:clamp(20px,2vw,26px);color:#fff}
ol.sbh-steps__list{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:0 0 26px;padding:0;list-style:none;text-align:left}
ol.sbh-steps__list li{display:flex;gap:14px;align-items:flex-start;padding:18px;border-radius:16px;background:rgba(255,255,255,.07)}
.sbh-steps__n{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:var(--scro-orange);color:#fff;font-weight:800;flex:none}
ol.sbh-steps__list b{display:block;font-size:16.5px;margin-bottom:2px}
ol.sbh-steps__list span:not(.sbh-steps__n){display:block;font-size:14.5px;line-height:1.5;color:#c9d6e6}
.sbh-steps .sbh-btn{display:inline-flex}

/* #13 Siegel-/Logoleiste */
.sbh-seals{padding:48px 0;background:#f4f7fb}
.sbh-seals__in{display:grid;grid-template-columns:minmax(260px,340px) 1fr;gap:40px;align-items:center}
h2.sbh-seals__title{display:flex;align-items:center;gap:12px;margin:0 0 6px;line-height:1}
.sbh-seals__big{font-family:'Montserrat',sans-serif;font-size:56px;font-weight:700;color:var(--scro-navy);font-variant-numeric:tabular-nums}
.sbh-seals__title .sbh-stars{font-size:24px}
.sbh-seals__sub{margin:0;font-size:15.5px;line-height:1.5;color:var(--scro-mute)}
ul.sbh-seals__logos{display:grid;grid-template-columns:repeat(auto-fit,minmax(118px,1fr));gap:12px;margin:0;padding:0;list-style:none}
ul.sbh-seals__logos a{display:flex;align-items:center;justify-content:center;height:72px;padding:12px 16px;border-radius:14px;background:#fff;box-shadow:0 0 0 1px var(--scro-line);transition:box-shadow .2s ease,transform .15s ease}
ul.sbh-seals__logos img{max-width:100%;max-height:34px;width:auto;height:auto;transition:transform .2s ease}
@media (hover:hover){
  ul.sbh-seals__logos a:hover{transform:translateY(-2px);box-shadow:0 0 0 1px #cfd8e3,0 10px 22px rgba(2,36,64,.1)}
  ul.sbh-seals__logos a:hover img{transform:scale(1.04)}
}

@media (max-width:1100px){
  .sbh-options__grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:900px){
  ul.sbh-fleet{grid-template-columns:repeat(2,1fr)}
  ol.sbh-steps__list{grid-template-columns:1fr}
  .sbh-seals__in{grid-template-columns:1fr;gap:20px;text-align:center}
  h2.sbh-seals__title{justify-content:center}
}
@media (max-width:600px){
  .sbh-options,.sbh-about{padding:40px 0}
  .sbh-options__grid{grid-template-columns:1fr;gap:16px}
  ul.sbh-fleet{gap:12px}
  .sbh-fleet__img{aspect-ratio:2/1}
  .sbh-fleet__body{padding:14px 14px 16px}
  b.sbh-fleet__num{font-size:19px}
  .sbh-fleet__label{font-size:14px}
  .sbh-fleet__sub{font-size:13px}
  .sbh-steps{padding:24px 16px}
  .sbh-lead{font-size:16px}
  ul.sbh-seals__logos{grid-template-columns:repeat(2,1fr)}
}

/* #10 #11 Team/Flotte mobil: eine Karte pro Zeile, Foto oben in voller Breite (2:1) – alle Fahrzeuge im Bild bleiben sichtbar */
@media (max-width:600px){
  ul.sbh-fleet{grid-template-columns:1fr;gap:12px}
  .sbh-fleet__item{display:block}
  .sbh-fleet__item .sbh-fleet__img{aspect-ratio:2/1;height:auto;min-height:0}
  .sbh-fleet__item .sbh-fleet__body{justify-content:center;padding:12px 14px}
  .sbh-fleet__logo{left:6px;bottom:6px;padding:3px 6px;border-radius:8px}
  .sbh-fleet__logo img{height:13px!important}
}


@media (prefers-reduced-motion:reduce){.scro-pe{transition:none;animation:none}}

/* #3 Live-Zähler im Startseiten-Banner (echte Anfragen, siehe schwalbe_cro_live_text) */
p.sbh-live{display:inline-flex;align-items:center;gap:9px;margin:4px 0 18px;padding:7px 14px 7px 12px;border-radius:999px;background:rgba(255,255,255,.14);box-shadow:inset 0 0 0 1px rgba(255,255,255,.28);color:#fff;font-size:15px;font-weight:600;line-height:1.3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
p.sbh-live[hidden]{display:none}
.sbh-live__dot{flex:none;width:9px;height:9px;border-radius:50%;background:#34d399;box-shadow:0 0 0 0 rgba(52,211,153,.6);animation:scro-pulse 1.8s infinite}
@media (max-width:600px){p.sbh-live{font-size:13.5px;padding:6px 12px 6px 10px;margin-bottom:14px}}
@media (prefers-reduced-motion:reduce){.sbh-live__dot{animation:none}}
/* Position unter dem Formular-Kasten: mittig, mit etwas Abstand */
p.sbh-live--form{display:flex;width:fit-content;max-width:100%;margin:18px auto 0;background:rgba(0,30,56,.55);box-shadow:inset 0 0 0 1px rgba(255,255,255,.3),0 6px 18px rgba(0,0,0,.18)}
p.sbh-live--form[hidden]{display:none}
.wp-block-group.schwalbe_group_form:has(+ p.sbh-live--form:not([hidden])){margin-bottom:0!important}
/* Ohne echte Zahl: Häkchen statt pulsierendem "Live"-Punkt */
p.sbh-live--idle .sbh-live__dot{width:16px;height:16px;background:#34d399 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 12.5 4 4 8-9'/%3E%3C/svg%3E") center/11px no-repeat;animation:none;box-shadow:none}

/* Formular: Absende-Button "Jetzt Angebot sichern!" (letzter Schritt) – orange CTA in voller Breite mit Schloss + Pfeil */
div.wpforms-container-full .wpforms-form .wpforms-submit-container{position:relative;margin-top:14px!important;padding:0!important}
div.wpforms-container-full .wpforms-form .wpforms-submit-container button.wpforms-submit,
div.wpforms-container-full .wpforms-form button[type=submit].wpforms-submit{
  display:flex!important;align-items:center;justify-content:center;gap:10px;width:100%!important;min-height:56px!important;height:auto!important;
  margin:0!important;padding:14px 22px!important;border:0!important;border-radius:12px!important;
  background:linear-gradient(180deg,#f7a23f 0%,#f3942f 45%,#e27c12 100%)!important;color:#fff!important;
  font-family:"Montserrat",sans-serif!important;font-size:18px!important;font-weight:800!important;line-height:1.2!important;letter-spacing:.01em;text-transform:none!important;
  box-shadow:0 10px 22px rgba(243,148,47,.38),inset 0 1px 0 rgba(255,255,255,.35)!important;cursor:pointer;
  transition:transform .15s ease,box-shadow .15s ease,filter .15s ease}
div.wpforms-container-full .wpforms-form button.wpforms-submit::before{content:"";flex:none;width:18px;height:18px;background:currentColor;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='11' width='16' height='10' rx='2'/%3E%3Cpath d='M8 11V7a4 4 0 0 1 8 0v4'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='11' width='16' height='10' rx='2'/%3E%3Cpath d='M8 11V7a4 4 0 0 1 8 0v4'/%3E%3C/svg%3E") center/contain no-repeat}
div.wpforms-container-full .wpforms-form button.wpforms-submit::after{content:"→";flex:none;font-size:20px;font-weight:800;transition:transform .15s ease}
div.wpforms-container-full .wpforms-form button.wpforms-submit:hover{transform:translateY(-1px);filter:brightness(1.04);box-shadow:0 14px 26px rgba(243,148,47,.45),inset 0 1px 0 rgba(255,255,255,.35)!important}
div.wpforms-container-full .wpforms-form button.wpforms-submit:hover::after{transform:translateX(3px)}
div.wpforms-container-full .wpforms-form button.wpforms-submit:active{transform:translateY(0);filter:brightness(.97)}
div.wpforms-container-full .wpforms-form button.wpforms-submit:focus-visible{outline:3px solid #004b8b!important;outline-offset:3px}
div.wpforms-container-full .wpforms-form button.wpforms-submit[disabled]{opacity:.85;cursor:wait}
/* Lade-Symbol beim Senden im Button statt daneben */
div.wpforms-container-full .wpforms-form .wpforms-submit-container .wpforms-submit-spinner{position:absolute;right:16px;top:15px;margin:0!important;filter:brightness(0) invert(1)}
/* Vertrauens-Hinweis direkt unter dem Button */
div.wpforms-container-full .wpforms-form .wpforms-submit-container::after{content:"Kostenlos & unverbindlich · SSL-verschlüsselte Übertragung";display:block;margin-top:9px;text-align:center;font-size:12.5px;font-weight:600;line-height:1.4;color:#5b6b7b}
/* "Zurück" auf der letzten Seite näher an den Button */
div.wpforms-container-full .wpforms-form .wpforms-field-pagebreak:last-of-type{padding-bottom:0!important}
@media (max-width:600px){div.wpforms-container-full .wpforms-form button.wpforms-submit{font-size:16.5px!important;min-height:52px!important}}
@media (prefers-reduced-motion:reduce){div.wpforms-container-full .wpforms-form button.wpforms-submit,div.wpforms-container-full .wpforms-form button.wpforms-submit::after{transition:none}}
/* "Zurück" als ruhiger Zweit-Button (Umriss), damit der orange Absende-Button klar die Hauptaktion ist */
div.wpforms-container-full .wpforms-form button.wpforms-page-button.wpforms-page-prev{background:transparent!important;color:#004b8b!important;border:2px solid #b9cbe0!important;box-shadow:none!important;font-size:16px!important;padding:8px 18px!important;min-height:0!important;height:auto!important;border-radius:10px!important}
div.wpforms-container-full .wpforms-form button.wpforms-page-button.wpforms-page-prev:hover{border-color:#004b8b!important;background:#eef4fb!important}
@media (max-width:600px){
  div.wpforms-container-full .wpforms-form .wpforms-submit-container button.wpforms-submit{font-size:15.5px!important;padding:13px 14px!important;gap:8px;white-space:nowrap}
  div.wpforms-container-full .wpforms-form button.wpforms-submit::after{font-size:18px}
  p.sbh-live--form{font-size:12.5px;border-radius:14px;text-align:left;padding:7px 12px 7px 10px}
}
@media (max-width:360px){div.wpforms-container-full .wpforms-form .wpforms-submit-container button.wpforms-submit{font-size:14.5px!important;white-space:normal}}

/* Sticky-Header nach dem Scrollen: Bootstrap-.row hat margin 0 -12px – fixiert verschiebt das den Balken um 12px nach links
   (rechts entsteht ein Spalt neben der Scrollleiste). Rand zurücksetzen, Balken exakt über die volle Breite. */
.main-header-listandsell .row.navsdesktop.scrolling_down{margin-left:0!important;margin-right:0!important;left:0!important;right:0!important;width:100%!important;max-width:100%!important}
.sonder-img img{height:auto!important}