.elementor-kit-8{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-8 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}:root { --ink:#101820; --ink-2:#1d2833; --paper:#f2efe9; --blue:#2e5fa3; --blue-dk:#24497d; --acid:#e4fb50; --acid-hover:#d6ee34; --line:rgba(255,255,255,0.22); --line-dk:rgba(16,24,32,0.16); --white:#ffffff; --white-66:rgba(255,255,255,0.66); --text-body:#39434e; --text-muted:#5f6b78; --text-logo-sub:#5a6672; --grey-block:#e6e2da; --inactive:#cdc9c0; --error:#a83a2d; --stars:#c98a00; --font-main:Archivo; --container-max:1360px; --pad-side:clamp(18px, 4vw, 56px); --pad-section:clamp(52px, 7vw, 110px); --fs-h1:clamp(44px, 8.4vw, 132px); --fs-h2:clamp(32px, 5.2vw, 76px); --fs-h3:clamp(17px, 1.6vw, 23px); --fs-body:clamp(17px, 1.05vw, 19px); --fs-lead:clamp(17px, 1.15vw, 19.5px); --fs-nav:14.5px; --fs-label:14px; --fs-btn:15px; --header-height:76px; --utilbar-height:44px; --radius:0px; }
/* Start custom CSS *//* =====================================================
   SVB Wiebe – zentrales Custom CSS
   Nur für Dinge, die Elementor nicht nativ abbildet.
   Design-Tokens: Site Settings → Variablen (--ink, --paper, --blue …)
   ===================================================== */

/* --- Schrift: Archivo, lokal gehostet (kein Google-CDN) --- */
@font-face { font-family: 'Archivo'; font-style: normal; font-weight: 400; font-display: swap;
  src: url('/wp-content/uploads/fonts/Archivo-Regular.woff2') format('woff2'), url('/wp-content/uploads/fonts/Archivo-Regular.woff') format('woff'); }
@font-face { font-family: 'Archivo'; font-style: normal; font-weight: 500; font-display: swap;
  src: url('/wp-content/uploads/fonts/Archivo-Medium.woff2') format('woff2'), url('/wp-content/uploads/fonts/Archivo-Medium.woff') format('woff'); }
@font-face { font-family: 'Archivo'; font-style: normal; font-weight: 600; font-display: swap;
  src: url('/wp-content/uploads/fonts/Archivo-SemiBold.woff2') format('woff2'), url('/wp-content/uploads/fonts/Archivo-SemiBold.woff') format('woff'); }
@font-face { font-family: 'Archivo'; font-style: normal; font-weight: 700; font-display: swap;
  src: url('/wp-content/uploads/fonts/Archivo-Bold.woff2') format('woff2'), url('/wp-content/uploads/fonts/Archivo-Bold.woff') format('woff'); }
@font-face { font-family: 'Archivo'; font-style: italic; font-weight: 400; font-display: swap;
  src: url('/wp-content/uploads/fonts/Archivo-Italic.woff2') format('woff2'), url('/wp-content/uploads/fonts/Archivo-Italic.woff') format('woff'); }
@font-face { font-family: 'Archivo'; font-style: italic; font-weight: 500; font-display: swap;
  src: url('/wp-content/uploads/fonts/Archivo-MediumItalic.woff2') format('woff2'), url('/wp-content/uploads/fonts/Archivo-MediumItalic.woff') format('woff'); }
@font-face { font-family: 'Archivo'; font-style: italic; font-weight: 600; font-display: swap;
  src: url('/wp-content/uploads/fonts/Archivo-SemiBoldItalic.woff2') format('woff2'), url('/wp-content/uploads/fonts/Archivo-SemiBoldItalic.woff') format('woff'); }
@font-face { font-family: 'Archivo'; font-style: italic; font-weight: 700; font-display: swap;
  src: url('/wp-content/uploads/fonts/Archivo-BoldItalic.woff2') format('woff2'), url('/wp-content/uploads/fonts/Archivo-BoldItalic.woff') format('woff'); }

/* --- Sticky Header --- */
.elementor-location-header { position: sticky; top: calc(-1 * var(--utilbar-height, 44px)); z-index: 100; }
body.admin-bar .elementor-location-header { top: calc(32px - var(--utilbar-height, 44px)); }
@media (max-width: 782px) { body.admin-bar .elementor-location-header { top: calc(46px - var(--utilbar-height, 44px)); } }

/* --- Header: Nav-Menu-Widget --- */
.svb-nav { flex: 1 1 auto; min-width: 0; position: static; }
.svb-nav .elementor-nav-menu--main .elementor-nav-menu { flex-wrap: nowrap; }
.svb-nav .elementor-nav-menu--main .elementor-item { white-space: nowrap; }
.svb-nav .elementor-nav-menu--main .elementor-item:before,
.svb-nav .elementor-nav-menu--main .elementor-item:after { background-color: var(--blue, #2e5fa3) !important; height: 2px; }
.svb-nav .elementor-nav-menu--main .elementor-nav-menu > li:last-child { display: none; }
.svb-nav .elementor-menu-toggle {
  background-color: transparent; color: var(--ink, #101820);
  width: 52px; height: 52px; border-radius: 0; margin: 0; position: relative; z-index: 1002;
}
.svb-nav .elementor-menu-toggle:hover,
.svb-nav .elementor-menu-toggle.elementor-active { color: var(--ink, #101820); background-color: transparent; }
.svb-nav .elementor-menu-toggle svg { width: 26px; height: 26px; fill: currentColor; }

/* --- Mobile/Tablet: Off-Canvas-Drawer von links --- */
:root { --svb-drawer-w: min(82vw, 380px); }
.svb-nav .elementor-nav-menu--dropdown[aria-hidden="true"] { display: none !important; }
.svb-nav .elementor-nav-menu--dropdown {
  position: fixed !important;
  top: 0 !important; left: 0 !important; right: auto !important; bottom: 0 !important;
  width: var(--svb-drawer-w) !important; max-width: none; height: 100dvh;
  display: flex; flex-direction: column;
  overflow-y: auto; -webkit-overflow-scrolling: touch;
  background-color: var(--paper, #f2efe9);
  border: 0; padding: 0 0 28px 0;
  z-index: 1001;
  will-change: transform;
  animation: svbDrawerIn .28s cubic-bezier(.2,.7,.2,1) both;
}
@keyframes svbDrawerIn { from { transform: translate3d(-100%,0,0); } to { transform: translate3d(0,0,0); } }
.svb-nav .elementor-nav-menu--dropdown::after {
  content: ''; position: fixed; top: 0; bottom: 0; right: 0; left: var(--svb-drawer-w);
  background: rgba(16,24,32,.55); z-index: -1; pointer-events: none;
  animation: svbFadeIn .28s ease both;
}
@keyframes svbFadeIn { from { opacity: 0; } to { opacity: 1; } }
@media (prefers-reduced-motion: reduce) {
  .svb-nav .elementor-nav-menu--dropdown, .svb-nav .elementor-nav-menu--dropdown::after { animation: none; }
}
.svb-nav .elementor-nav-menu--dropdown::before {
  content: ''; position: absolute; top: 22px; left: 24px;
  width: 64px; height: 64px; border-radius: 50%;
  background-image: url('/wp-content/uploads/2026/09/portrait-2.webp');
  background-size: 320%; background-position: 52% 24%;
  filter: grayscale(0.15);
}
.svb-nav .elementor-nav-menu--dropdown > ul::before {
  content: 'Alex Wiebe\A Ihr Kfz-Sachverständiger';
  white-space: pre; display: block;
  margin: 22px 24px 12px 104px; min-height: 64px; padding: 10px 0 0 0;
  font-family: var(--font-main); font-weight: 400; font-size: 14px; line-height: 1.45; color: var(--text-muted, #5f6b78);
}
.svb-nav .elementor-nav-menu--dropdown > ul::first-line { font-size: 19px; font-weight: 600; color: var(--ink, #101820); }
.svb-nav .elementor-nav-menu--dropdown > ul { position: relative; padding-top: 0; }
.svb-nav .elementor-nav-menu--dropdown > ul > li:first-child { margin-top: 12px; border-top: 1px solid var(--line-dk, rgba(16,24,32,.16)); padding-top: 8px; }
body.admin-bar .svb-nav .elementor-nav-menu--dropdown::before { top: 68px; }
body.admin-bar .svb-nav .elementor-nav-menu--dropdown > ul::before { margin-top: 68px; }
.svb-nav .elementor-nav-menu--dropdown a {
  font-size: 19px; font-weight: 500; padding: 15px 24px;
  color: var(--ink, #101820); border-bottom: 0; border-left: 3px solid transparent;
}
.svb-nav .elementor-nav-menu--dropdown a:hover,
.svb-nav .elementor-nav-menu--dropdown a.elementor-item-active {
  color: var(--ink, #101820); background-color: var(--grey-block, #e6e2da); border-left-color: var(--blue, #2e5fa3);
}
.svb-nav .elementor-nav-menu--dropdown > ul > li:last-child {
  margin: 22px 24px 0 24px; padding-top: 22px;
  border-top: 1px solid var(--line-dk, rgba(16,24,32,.16));
}
.svb-nav .elementor-nav-menu--dropdown > ul > li:last-child::before {
  content: 'Unfall gehabt? Ich bin direkt für Sie erreichbar – in 60 bis 120 Minuten vor Ort.';
  display: block; margin-bottom: 14px;
  font-family: var(--font-main); font-weight: 500; font-size: 15px; line-height: 1.45; color: var(--text-muted, #5f6b78);
}
.svb-nav .elementor-nav-menu--dropdown > ul > li:last-child a,
.svb-nav .elementor-nav-menu--dropdown > ul > li:last-child a:hover,
.svb-nav .elementor-nav-menu--dropdown > ul > li:last-child a.elementor-item-active {
  display: flex; justify-content: center; align-items: center;
  background-color: var(--acid, #e4fb50); color: var(--ink, #101820);
  font-weight: 600; font-size: 16px; padding: 17px 20px; border-left: 0; white-space: nowrap;
}
.svb-nav .elementor-menu-toggle.elementor-active {
  position: fixed; top: 22px; left: calc(var(--svb-drawer-w) - 62px); right: auto;
  width: 44px; height: 44px; color: var(--ink, #101820); z-index: 1002;
}
body.admin-bar .svb-nav .elementor-menu-toggle.elementor-active { top: 68px; }

@media (max-width: 1280px) { .svb-nav .elementor-nav-menu--main .elementor-item { padding-left: 10px; padding-right: 10px; font-size: 14px; } }
@media (max-width: 1024px) { .svb-nav { flex: 0 0 auto; width: auto; margin-left: auto; } }
@media (max-width: 767px) { .svb-nav .elementor-menu-toggle { width: 44px; height: 44px; } }

/* --- Mobile: fixe CTA-Leiste unten (Telefon + WhatsApp) --- */
@media (max-width: 767px) {
  body { padding-bottom: calc(76px + env(safe-area-inset-bottom, 0px)); }
  .svb-mobile-cta { transform: translate3d(0, 0, 0); }
  @supports (animation-timeline: scroll()) {
    .svb-mobile-cta {
      animation: svbCtaSlideIn linear both;
      animation-timeline: scroll(root);
      animation-range: 860px 980px;
    }
  }
}
@keyframes svbCtaSlideIn { from { transform: translate3d(0, 110%, 0); } to { transform: translate3d(0, 0, 0); } }

/* --- Rückruf-Formular (klassisches Elementor-Pro-Formular) --- */
.svb-form .elementor-form-fields-wrapper { gap: 14px; }
.svb-form .elementor-field-group { margin-bottom: 0; padding: 0; }
.svb-form .elementor-field-group .elementor-field-label {
  font-family: var(--font-main); font-size: 14px; font-weight: 500; color: var(--ink, #101820); margin-bottom: 8px;
}
.svb-form .elementor-mark-required .elementor-field-label::after { color: var(--error, #a83a2d); }
.svb-form .elementor-field-group input.elementor-field,
.svb-form .elementor-field-group textarea.elementor-field,
.svb-form .elementor-field-group select {
  font-family: var(--font-main); font-size: 16.5px; color: var(--ink, #101820);
  background-color: #ffffff; border: 1px solid rgba(16,24,32,.22); border-radius: 0;
  min-height: 50px; padding: 12px 14px; box-shadow: none; width: 100%;
}
.svb-form .elementor-select-wrapper { border: 0 !important; padding: 0 !important; background: transparent !important; min-height: 0 !important; border-radius: 0 !important; }
.svb-form .elementor-select-wrapper select { padding-right: 40px; }
.svb-form .elementor-select-wrapper::before { color: var(--ink, #101820); right: 14px; }
.svb-form .elementor-field-group .elementor-field::placeholder { color: #9aa3ac; opacity: 1; }
.svb-form .elementor-field-group input.elementor-field:focus,
.svb-form .elementor-field-group select:focus { outline: 2px solid var(--blue, #2e5fa3); outline-offset: 0; border-color: var(--blue, #2e5fa3); }
.svb-form .elementor-field-group.elementor-error input.elementor-field,
.svb-form .elementor-field-group.elementor-error select { border-color: var(--error, #a83a2d); }
.svb-form .elementor-message { font-family: var(--font-main); font-size: 14px; }
.svb-form .elementor-message.elementor-message-danger { color: var(--error, #a83a2d); }
.svb-form .elementor-message.elementor-message-success { background: var(--acid, #e4fb50); color: var(--ink, #101820); padding: 14px 16px; font-size: 16px; }
.svb-form .elementor-field-type-submit { margin-top: 4px; }
.svb-form .elementor-button {
  width: 100%; min-height: 56px; font-family: var(--font-main); font-weight: 600; font-size: 16px;
  color: var(--ink, #101820); background-color: var(--acid, #e4fb50); border: 0; border-radius: 0; padding: 16px 24px;
  transition: background-color .2s;
}
.svb-form .elementor-button:hover, .svb-form .elementor-button:focus { background-color: var(--acid-hover, #d6ee34); color: var(--ink, #101820); }

/* --- Outline-Schriftzüge --- */
.outline-text { -webkit-text-stroke: 1.5px rgba(255,255,255,0.17); -webkit-font-smoothing: antialiased; text-rendering: geometricPrecision; paint-order: stroke fill; }
.outline-text.outline-white { -webkit-text-stroke: 1.5px #ffffff; }
.outline-text.outline-acid { -webkit-text-stroke: 1.5px var(--acid, #e4fb50); }

/* --- Leistungen: Hover-Überlagerung --- */
.svb-services:hover .service-on:not(:hover) { color: var(--inactive, #cdc9c0); z-index: 1; }

/* --- Partner-Logos: Swipe-Karussell --- */
@media (max-width: 1024px) {
  .svb-partner { display: flex !important; overflow-x: auto; scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch;
    margin-left: calc(-1 * var(--pad-side, 18px)); margin-right: calc(-1 * var(--pad-side, 18px)); width: auto !important;
    padding: 0 var(--pad-side, 18px) 6px var(--pad-side, 18px); scroll-padding-left: var(--pad-side, 18px); scrollbar-width: none; }
  .svb-partner::-webkit-scrollbar { display: none; }
  .svb-partner > * { flex: 0 0 44%; scroll-snap-align: start; min-height: 200px !important; }
}
@media (max-width: 767px) { .svb-partner > * { flex: 0 0 72%; min-height: 180px !important; } }

/* --- FAQ: Plus/Minus-Marker --- */
.svb-faq summary { position: relative; list-style: none; }
.svb-faq summary::-webkit-details-marker { display: none; }
.svb-faq summary::before, .svb-faq summary::after {
  content: '' !important; position: absolute !important; left: auto !important; right: 2px !important; top: 50% !important;
  width: 20px !important; height: 2px !important; margin: -1px 0 0 0 !important;
  background-color: var(--ink, #101820) !important; border: 0 !important; transition: transform .25s ease;
}
.svb-faq summary::after { transform: rotate(90deg); }
.svb-faq details[open] summary::after { transform: rotate(0deg); }
/* Elementor ergänzt beim Speichern im Editor automatisch ein Chevron-Icon je Eintrag.
   Das wird hier dauerhaft ausgeblendet, damit nur der Plus/Minus-Marker sichtbar bleibt. */
.svb-faq .e-accordion-item-icon-base,
.svb-faq summary .e-svg-base { display: none !important; }

/* --- Onepager: Anker-Offset --- */
html { scroll-behavior: smooth; }
[id] { scroll-margin-top: 100px; }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }/* End custom CSS */