.elementor-kit-535{--e-global-color-primary:#C30E7B;--e-global-color-secondary:#1F1C1E;--e-global-color-text:#1F1C1E;--e-global-color-accent:#A50B68;--e-global-color-f898f31:#FFFFFF;--e-global-color-c6c574f:#F5F5F5;--e-global-color-0d046a4:#E6E6E6;--e-global-color-e5f246a:#C0C0C0;--e-global-color-7ad78f4:#FFFFFFE6;--e-global-color-8630d9f:#7E222200;--e-global-color-lt0001a:#F3F7FB;--e-global-color-lt0002b:#FBEEF5;--e-global-typography-primary-line-height:1.2em;--e-global-typography-text-line-height:1.6em;--e-global-typography-accent-font-weight:600;--e-global-typography-accent-text-transform:uppercase;--e-global-typography-accent-line-height:1.3em;--e-global-typography-2c11d45-font-size:3.5rem;--e-global-typography-2c11d45-font-weight:700;--e-global-typography-2c11d45-line-height:1.1em;--e-global-typography-f8a9e51-font-size:2.75rem;--e-global-typography-f8a9e51-font-weight:700;--e-global-typography-f8a9e51-text-transform:uppercase;--e-global-typography-f8a9e51-line-height:1.15em;--e-global-typography-6ed476c-font-size:0.9rem;--e-global-typography-6ed476c-font-weight:600;--e-global-typography-6ed476c-text-transform:uppercase;--e-global-typography-0009af8-font-size:1.25rem;--e-global-typography-0009af8-font-weight:500;--e-global-typography-0009af8-text-transform:uppercase;--e-global-typography-0009af8-font-style:normal;--e-global-typography-0009af8-line-height:1.3em;--e-global-typography-cdaaf6a-font-size:1.1rem;--e-global-typography-cdaaf6a-font-weight:500;--e-global-typography-cdaaf6a-line-height:1.25em;--e-global-typography-ef2c50b-font-size:1rem;--e-global-typography-ef2c50b-font-weight:500;--e-global-typography-ef2c50b-text-transform:uppercase;--e-global-typography-ef2c50b-line-height:1em;--e-global-typography-a119c88-font-weight:400;--e-global-typography-a119c88-text-transform:uppercase;--e-global-typography-a119c88-line-height:1.4em;--e-global-typography-6e7f7dc-font-size:1.1rem;--e-global-typography-6e7f7dc-font-weight:600;--e-global-typography-6e7f7dc-line-height:1.3em;--e-global-typography-22fb25e-font-size:0.8rem;--e-global-typography-22fb25e-text-transform:uppercase;--e-global-typography-22fb25e-line-height:1.5em;color:#1F1C1E;font-family:"DM Sans", Sans-serif;font-size:1rem;font-weight:400;}.elementor-kit-535 button,.elementor-kit-535 input[type="button"],.elementor-kit-535 input[type="submit"],.elementor-kit-535 .elementor-button{background-color:var( --e-global-color-primary );font-weight:600;text-transform:uppercase;letter-spacing:1px;color:var( --e-global-color-f898f31 );padding:17px 28px 17px 28px;}.elementor-kit-535 button:hover,.elementor-kit-535 button:focus,.elementor-kit-535 input[type="button"]:hover,.elementor-kit-535 input[type="button"]:focus,.elementor-kit-535 input[type="submit"]:hover,.elementor-kit-535 input[type="submit"]:focus,.elementor-kit-535 .elementor-button:hover,.elementor-kit-535 .elementor-button:focus{background-color:#A50B68;color:var( --e-global-color-f898f31 );}.elementor-kit-535 e-page-transition{background-color:#FFBC7D;}.elementor-kit-535 p{margin-block-end:1.7em;}.elementor-kit-535 a{color:var( --e-global-color-primary );}.elementor-kit-535 a:hover{color:#A50B68;}.elementor-kit-535 h1{color:var( --e-global-color-secondary );font-family:"DM Sans", Sans-serif;font-size:3.1rem;font-weight:700;line-height:1.15em;}.elementor-kit-535 h2{color:var( --e-global-color-secondary );font-family:"DM Sans", Sans-serif;font-size:2.6rem;font-weight:600;line-height:1.2em;}.elementor-kit-535 h3{color:var( --e-global-color-secondary );font-family:"DM Sans", Sans-serif;font-size:1.5rem;font-weight:600;line-height:1.25em;}.elementor-kit-535 h4{color:var( --e-global-color-secondary );font-family:"DM Sans", Sans-serif;font-size:1.3rem;font-weight:500;line-height:1.3em;}.elementor-kit-535 h5{color:var( --e-global-color-secondary );font-family:"DM Sans", Sans-serif;font-size:1.2rem;font-weight:600;line-height:1.4em;}.elementor-kit-535 h6{color:var( --e-global-color-secondary );font-family:"DM Sans", Sans-serif;font-size:1rem;font-weight:600;line-height:1.4em;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1280px;}.e-con{--container-max-width:1280px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.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:1366px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:90%;}.e-con{--container-max-width:90%;}}@media(max-width:1200px){.elementor-kit-535{--e-global-typography-f8a9e51-font-size:2.7em;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:95%;}.e-con{--container-max-width:95%;}}@media(max-width:767px){.elementor-kit-535{--e-global-typography-primary-font-size:1.2em;--e-global-typography-secondary-font-size:1.2em;--e-global-typography-text-font-size:1.1em;--e-global-typography-accent-font-size:1.1em;--e-global-typography-2c11d45-font-size:2.25rem;--e-global-typography-f8a9e51-font-size:2rem;--e-global-typography-6ed476c-font-size:0.8rem;--e-global-typography-cdaaf6a-font-size:1.25rem;--e-global-typography-ef2c50b-font-size:15px;--e-global-typography-a119c88-font-size:1em;--e-global-typography-6e7f7dc-font-size:1.1em;}.elementor-kit-535 h1{font-size:2rem;}.elementor-kit-535 h2{font-size:1.7rem;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:90%;}.e-con{--container-max-width:90%;}}/* Start custom CSS *//* =========================================================================
   BASIS · Bestand aus der Basisbox (nicht ändern/löschen)
   ========================================================================= */

/* --- Links: einheitliche Übergangszeit -------------------- */
.elementor a { transition: .4s; }

/* --- Fluide Sektions-Abstände (Utility-Klassen) ----------- */
/* Klasse an den Hauptcontainer: -sm kompakt, ohne Zusatz Standard, -lg großzügig */
.section-pad    { padding-block: clamp(2.5rem, 5vw, 5rem); }   /* 40 → 80px */
.section-pad-sm { padding-block: clamp(1.5rem, 3vw, 3rem); }   /* 24 → 48px */
.section-pad-lg { padding-block: clamp(3.5rem, 7vw, 7rem); }   /* 56 → 112px */

/* --- Anker-Offset ----------------------------------------- */
/* Kein CSS nötig. Header-Anker regelt das Snippet „Header-Anker · Offset & fluessiges
   Scrollen“ (liest die Header-Höhe beim Klick live). „Page scroll to id“: Offset 0. */

/* --- Sticky-Header: Shrink, Schatten, Logo ----------------- */
/* Klasse .dgs-header an den Header-Container, .sticky-logo ans Logo-Widget,
   sticky_effects_offset > 0. Ohne .dgs-header greifen die Regeln auf JEDES
   Sticky-Element. Der Container rendert als <div> — "header.elementor-…" trifft nichts. */
.dgs-header .sticky-logo img { transition: width .3s ease-in-out; }

/* !important nötig: Elementor deckelt Bild-Widgets (bei SVG auf width:48px) */
.dgs-header.elementor-sticky--effects .sticky-logo img {
  width: clamp(45px, 5.9vw, 60px) !important;   /* 45 → 60px, ersetzt Festwert + Media Query */
  height: auto !important;
  max-width: none !important;
}

.dgs-header.elementor-sticky--effects {
  box-shadow: 0 0 40px 0 #00000033;
  clip-path: inset(0 0 -100vh 0);   /* Schatten nur nach unten austreten lassen */
}

/* Der eigentliche Höhen-Schrumpf auf Desktop (Widget setzt 47px) */
.dgs-header.elementor-sticky--effects .elementor-nav-menu--main .elementor-item {
  padding-block: clamp(1.25rem, 2.4vw, 2.1875rem) !important;   /* 20 → 35px */
}

/* --- Mobiles Klappmenü: Abstand zum Header ---------------- */
.dgs-header nav.elementor-nav-menu--dropdown.elementor-nav-menu__container { margin-top: 30px; }
.dgs-header.elementor-sticky--effects nav.elementor-nav-menu--dropdown.elementor-nav-menu__container { margin-top: 20px; }

/* --- Aktiver Menüpunkt in der Markenfarbe ----------------- */
.dgs-header .current-page-ancestor > a,
.dgs-header .current-menu-ancestor > a { color: var(--e-global-color-primary) !important; }


/* --- JetTabs-Akkordeon: fluessiges Schliessen -------- */
/* JetTabs setzt beim Wechsel style.height hart von auto auf 0 - von auto aus
   ist height nicht animierbar, es klappt ruckartig zu. Das Snippet
   "JetTabs-Akkordeon fluessig schliessen" friert vorher die Pixelhoehe ein.
   Transition unter 500 ms halten - danach setzt JetTabs height:auto. */
.jet-toggle__content { transition: height .42s cubic-bezier(.22,.61,.36,1); }
.jet-toggle.is-closing > .jet-toggle__content { visibility: visible !important; overflow: hidden; }
.jet-toggle.is-closing > .jet-toggle__content > .jet-toggle__content-inner { opacity: 0; transition: opacity .3s ease; }
@media (prefers-reduced-motion: reduce) { .jet-toggle__content { transition: none; } }

/* =========================================================================
   LITTERIO · Bausteine zur HTML-Vorlage (Litterio Salespage (offline).html)
   ========================================================================= */

/* --- Tokens (Vorlage + Design-System) ----------------------- */
.litterio-landing,.litterio-header{
--color-bg:#fff;--color-surface:#f3f7fb;--color-text:#1f1c1e;--color-accent:#c30e7b;--color-accent-2:#c30e7b;
--color-divider:color-mix(in srgb,#1f1c1e 22%,transparent);
--color-accent-100:#fbeef5;--color-accent-200:#f6d3e6;--color-accent-300:#eca6cc;--color-accent-400:#db5fa3;--color-accent-500:#c30e7b;--color-accent-600:#a50b68;--color-accent-700:#870855;--color-accent-800:#640640;--color-accent-900:#3f0428;
--color-neutral-100:#f8f4f4;--color-neutral-200:#eae7e7;--color-neutral-300:#d7d3d3;--color-neutral-400:#bab6b6;--color-neutral-500:#9b9797;--color-neutral-600:#7d7979;--color-neutral-700:#605d5d;--color-neutral-800:#444141;--color-neutral-900:#2d2b2b;
--font-heading:"DM Sans",system-ui,sans-serif;--font-heading-weight:800;--font-body:"DM Sans",system-ui,sans-serif;
--space-1:4.0px;--space-2:8.0px;--space-3:12.0px;--space-4:16.0px;--space-6:24.0px;--space-8:32.0px;
--radius-sm:10px;--radius-md:16px;--radius-lg:28px;
--shadow-sm:0 1px 2px color-mix(in srgb, #2d2b2b 14%, transparent);--shadow-md:0 3px 10px color-mix(in srgb, #2d2b2b 16%, transparent);--shadow-lg:0 12px 32px color-mix(in srgb, #2d2b2b 22%, transparent);
--lt-rule:2px solid var(--color-neutral-300);--lt-rule-soft:2px solid var(--color-divider);--lt-muted:#5d5a5c;
--lt-maxw:1280px;--lt-gutter:clamp(20px,4vw,56px);--lt-section:clamp(48px,5.6vw,84px);
--lt-h1:clamp(44px,7vw,100px);--lt-h2:clamp(32px,4.4vw,60px);--lt-h3:clamp(21px,1.8vw,26px);
--lt-lead:clamp(18px,1.5vw,21px);--lt-body:17px;--lt-small:14px;--lt-radius:var(--radius-md);--lt-head-h:69px}

/* --- Basis ------------------------------------------------- */
.litterio-landing{font-family:var(--font-body);font-size:var(--lt-body);line-height:1.55;font-weight:400;color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;overflow-x:clip;text-align:left}
.litterio-landing *,.litterio-landing *::before,.litterio-landing *::after{box-sizing:border-box}
.litterio-landing :is(h1,h2,h3,h4,h5,h6){font-family:var(--font-heading);font-weight:var(--font-heading-weight);color:var(--color-text);line-height:1.12;letter-spacing:-.015em;margin:0 0 var(--space-2)}
.litterio-landing h3{font-size:25px}
.litterio-landing p{margin:0 0 var(--space-3)}
.litterio-landing a{text-underline-offset:3px}
.litterio-landing img{display:block;max-width:100%}
.litterio-landing figure{margin:0}
.litterio-landing :focus{outline:none}
.litterio-landing :focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}
.litterio-landing ::selection{background:color-mix(in srgb,var(--color-accent) 30%,transparent)}
.litterio-landing .btn-secondary:active{background:color-mix(in srgb,var(--color-text) 14%,transparent)}

/* --- Vorlage: Bausteine (lt-*) ------------------------------ */
.litterio-landing a{color:var(--color-accent-700)}
.litterio-landing a:hover{color:var(--color-accent-600)}
.litterio-landing .btn{justify-content:flex-start;white-space:nowrap;flex-shrink:0;transition:background-color .15s ease,color .15s ease}
.litterio-landing a.btn-primary,.litterio-landing a.btn-primary:hover,.litterio-landing a.btn-primary:active,.litterio-landing button.btn-primary:hover{color:#fff}
.litterio-landing .btn{transition:transform .22s cubic-bezier(.2,.8,.2,1),box-shadow .22s cubic-bezier(.2,.8,.2,1),background-color .18s ease,color .18s ease,border-color .18s ease}
.litterio-landing .btn svg{transition:transform .22s cubic-bezier(.2,.8,.2,1)}
.litterio-landing form[data-wp-form="musterbrief"] .input{background:#fff!important}
.litterio-landing .btn{border-radius:999px!important;padding-left:28px!important;padding-right:28px!important}
.litterio-landing .btn:hover,.litterio-landing .btn:active{transform:none;box-shadow:none!important}
.litterio-landing .btn-primary:hover,.litterio-landing .btn-primary:active{background:#1f1c1e!important;border-color:#1f1c1e!important;color:#fff!important}
.litterio-landing a.btn-secondary{color:var(--color-text)}
.litterio-landing .btn-secondary:hover,.litterio-landing a.btn-secondary:hover{background:var(--color-accent)!important;color:#fff!important;border-color:var(--color-accent)!important}
.litterio-landing .lt-btn-light:hover{background:#1f1c1e!important;color:#fff!important}
.litterio-landing .lt-btn-outline-light:hover{background:#fff!important;color:var(--color-accent)!important;border-color:#fff!important}
.litterio-landing .lt-link,.litterio-landing .lt-link-light{font-weight:700;text-decoration:none;display:inline-flex;align-items:baseline;padding-bottom:4px;background-repeat:no-repeat;background-position:0 100%;background-size:100% 1px;transition:background-size .3s cubic-bezier(.2,.8,.2,1),color .2s ease,transform .3s cubic-bezier(.2,.8,.2,1)}
.litterio-landing .lt-link{color:var(--color-text);background-image:linear-gradient(var(--color-accent),var(--color-accent))}
.litterio-landing .lt-link-light{color:#fff;background-image:linear-gradient(#fff,#fff)}
.litterio-landing .lt-link::after,.litterio-landing .lt-link-light::after{content:"→";display:inline-block;margin-left:8px;transition:transform .3s cubic-bezier(.2,.8,.2,1)}
.litterio-landing .lt-link:hover,.litterio-landing .lt-link:focus-visible,.litterio-landing .lt-link-light:hover,.litterio-landing .lt-link-light:focus-visible{transform:translateX(3px);background-size:100% 1px}
.litterio-landing .lt-link:hover,.litterio-landing .lt-link:focus-visible{color:var(--color-accent)}
.litterio-landing .lt-link-light:hover,.litterio-landing .lt-link-light:focus-visible{color:var(--color-accent-100)}
.litterio-landing .lt-link:hover::after,.litterio-landing .lt-link:focus-visible::after,.litterio-landing .lt-link-light:hover::after,.litterio-landing .lt-link-light:focus-visible::after{transform:translateX(6px)}
.litterio-landing .lt-flink{color:#fff;text-decoration:none;transition:color .2s ease;align-self:flex-start}
.litterio-landing .lt-flink:hover,.litterio-landing .lt-flink:focus-visible{color:var(--color-accent)}
.litterio-landing .lt-top{position:fixed;right:clamp(16px,2.4vw,32px);bottom:clamp(16px,2.4vw,32px);z-index:60;width:60px;height:60px;padding:0 8px 1px 9px;border:0;border-radius:50%;background:#fff;box-shadow:0 6px 20px -6px rgba(31,28,30,.35),0 1px 3px rgba(31,28,30,.12);display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transform:translateY(12px);pointer-events:none;transition:opacity .3s ease,transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s ease}
.litterio-landing .lt-top[data-show="1"]{opacity:1;transform:none;pointer-events:auto}
.litterio-landing .lt-top[data-show="1"]:hover{transform:translateY(-3px);box-shadow:0 12px 26px -8px rgba(31,28,30,.42),0 2px 4px rgba(31,28,30,.12)}
.litterio-landing .lt-top svg{display:block;width:100%;height:auto;overflow:visible}
.litterio-landing .lt-top .lt-arrow{transition:transform .3s cubic-bezier(.2,.8,.2,1),stroke .2s ease}
.litterio-landing .lt-top:hover .lt-arrow{transform:translateY(-5px);stroke:var(--color-accent)}
.litterio-landing .lt-top[data-done="1"] .lt-arrow{stroke:var(--color-accent)}
.litterio-landing .lt-top:focus-visible{outline:2px solid var(--color-accent);outline-offset:4px}
@media (max-width:640px){.litterio-landing .lt-top{width:48px!important;height:48px!important;padding:0 6px 1px 7px!important}}
@media (max-width:1000px){.litterio-landing .lt-paw{display:none}}
@media (min-width:1000px){.litterio-landing .lt-faq-side{position:sticky;top:calc(var(--lt-head-h) + 32px)}}
@media (max-width:560px){.litterio-landing .lt-hide-sm{display:none!important}}
@media (prefers-reduced-motion:reduce){.litterio-landing{scroll-behavior:auto}
.litterio-landing *,.litterio-landing *::before,.litterio-landing *::after{transition:none!important;animation:none!important}}
@keyframes lt-rise{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
.litterio-landing .lt-car{overflow:hidden;touch-action:pan-y;cursor:grab}
.litterio-landing .lt-car-track{display:flex;gap:24px;transition:transform .6s cubic-bezier(.6,0,.2,1);will-change:transform}
.litterio-landing .lt-car-card{flex:0 0 calc((100% - 48px)/3);min-width:0;user-select:none}
@media (max-width:1100px){.litterio-landing .lt-car-card{flex-basis:calc((100% - 24px)/2)}}
@media (max-width:700px){.litterio-landing .lt-car-card{flex-basis:100%}}
.litterio-landing .lt-car-btn{width:52px;height:52px;border-radius:50%;border:2px solid var(--color-text);background:#fff;color:var(--color-text);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s ease,color .2s ease,border-color .2s ease}
.litterio-landing .lt-car-btn:hover{background:var(--color-accent);border-color:var(--color-accent);color:#fff}
.litterio-landing .lt-car-btn:active{background:var(--color-accent-700);border-color:var(--color-accent-700)}
.litterio-landing .lt-dot{width:10px;height:10px;padding:0;border:0;border-radius:999px;background:#c9d6e3;cursor:pointer;transition:width .3s ease,background .3s ease}
.litterio-landing .lt-dot:hover{background:var(--color-neutral-500)}
.litterio-landing .lt-dot[aria-current="true"]{width:28px;background:var(--color-accent)}

/* --- Design-System: Buttons, Felder, Tags ------------------- */
.litterio-landing .btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;cursor:pointer;text-decoration:none;font-family:var(--font-heading);font-weight:var(--font-heading-weight);font-size:14px;line-height:1.2;color:var(--color-text);background:transparent;border:1px solid transparent;padding:var(--space-2) calc(var(--space-3) * 1.2);border-radius:var(--radius-md)}
.litterio-landing .btn svg{display:block}
.litterio-landing .btn:disabled{opacity:.45;cursor:not-allowed}
.litterio-landing .btn-primary{background:var(--color-accent);color:var(--color-bg)}
.litterio-landing .btn-primary:hover{background:var(--color-accent-600)}
.litterio-landing .btn-primary:active{background:var(--color-accent-700)}
.litterio-landing .btn-secondary{border-color:var(--color-divider)}
.litterio-landing .btn-secondary:hover{background:color-mix(in srgb,var(--color-text) 7%,transparent)}
.litterio-landing .field > label{display:block;font-size:12px;margin-bottom:5px;color:color-mix(in srgb,var(--color-text) 70%,transparent)}
.litterio-landing .input{width:100%;min-height:36px;padding:6px 10px;font:inherit;font-size:14px;color:var(--color-text);caret-color:var(--color-accent);background:var(--color-surface);border:1px solid var(--color-divider);border-radius:var(--radius-md)}
.litterio-landing .input:hover{border-color:color-mix(in srgb,var(--color-text) 45%,transparent)}
.litterio-landing .input:focus-visible{border-color:var(--color-accent);outline-offset:0}
.litterio-landing .tag{display:inline-flex;align-items:center;font-size:11px;letter-spacing:.02em;padding:3px 10px;border-radius:calc(var(--radius-md) * .75)}

/* --- Header (Litterio-Kopie des Box-Headers) ----- */
.litterio-header.dgs-header{background:rgba(255,255,255,.94);backdrop-filter:blur(10px);border-bottom:1px solid var(--color-divider);padding-inline:max(var(--lt-gutter),calc((100% - var(--lt-maxw)) / 2 + var(--lt-gutter)));transition:box-shadow .3s ease,background-color .3s ease;font-family:var(--font-body)}
.litterio-header.dgs-header.elementor-sticky--effects{background:rgba(255,255,255,.98);box-shadow:0 6px 24px -10px color-mix(in srgb,#1f1c1e 28%,transparent);clip-path:inset(0 0 -100vh 0)}
.litterio-header>.elementor-element{min-height:88px;transition:min-height .3s cubic-bezier(.2,.8,.2,1)}
.litterio-header.elementor-sticky--effects>.elementor-element{min-height:68px}
.litterio-header .lt-logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--color-text)}
.litterio-header .lt-logo-icon{display:block;width:60px;height:auto;transition:width .3s cubic-bezier(.2,.8,.2,1)}
.litterio-header .lt-logo-text{display:flex;flex-direction:column;line-height:1}
.litterio-header .lt-logo-word{font-size:25px;font-weight:800;letter-spacing:-.03em;transition:font-size .3s cubic-bezier(.2,.8,.2,1)}
.litterio-header .lt-logo-sub{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--lt-muted);max-height:14px;margin-top:3px;overflow:hidden;transition:max-height .3s ease,opacity .2s ease,margin .3s ease}
.litterio-header.elementor-sticky--effects .lt-logo-icon{width:46px}
.litterio-header.elementor-sticky--effects .lt-logo-word{font-size:21px}
.litterio-header.elementor-sticky--effects .lt-logo-sub{max-height:0;opacity:0;margin-top:0}
.litterio-header .elementor-nav-menu--main .elementor-item{box-shadow:inset 0 0 0 var(--color-accent);transition:color .2s,box-shadow .2s;padding-block:6px!important}
.litterio-header .elementor-nav-menu--main .elementor-item.lt-current{color:var(--color-accent);box-shadow:inset 0 -2px 0 var(--color-accent)}
.litterio-header .lt-head-actions{display:flex;align-items:center;gap:20px}
.litterio-header .lt-link,.litterio-header .lt-oc-nav a{color:var(--color-text);text-decoration:underline;text-underline-offset:3px;font-size:15px;font-weight:600}
.litterio-header .lt-link:hover{color:var(--color-accent)}
.litterio-header .lt-btn{display:inline-flex;align-items:center;gap:14px;min-height:44px;padding:12px 18px;font-size:15px;font-weight:700;line-height:1.2;text-decoration:none;background:var(--color-accent);color:#fff;transition:background .2s}
.litterio-header .lt-btn:hover{background:var(--color-accent-600);color:#fff}
.litterio-header .lt-btn:active{background:var(--color-accent-700)}
.litterio-header .lt-btn-lg{font-size:16px;padding:16px 22px;min-height:54px}
.litterio-header :focus-visible{outline:2px solid var(--color-accent);outline-offset:3px}
.litterio-header .lt-progress{position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--color-accent);transform:scaleX(0);transform-origin:left center;will-change:transform;pointer-events:none}
.litterio-header .lt-burger{margin-right:-8px}
.litterio-header .lt-burger .elementor-icon,.litterio-header .lt-burger svg{color:var(--color-text);fill:var(--color-text)}
.litterio-header .lt-oc-nav{display:flex;flex-direction:column;gap:6px;margin-top:12px}
.litterio-header .lt-oc-nav a{font-size:20px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;text-decoration:none;padding:10px 0}
.litterio-header .lt-oc-nav a:hover,.litterio-header .lt-oc-nav a.lt-current{color:var(--color-accent)}
.litterio-header .lt-oc-cta{display:flex;flex-direction:column;align-items:flex-start;gap:20px;margin-top:28px;padding-top:28px;border-top:1px solid var(--color-divider)}
.litterio-header .lt-oc-contact{display:flex;flex-direction:column;gap:14px;margin-top:28px;padding-top:24px;border-top:1px solid var(--color-divider);font-size:17px}
.litterio-header .lt-oc-contact a{color:var(--color-text);text-decoration:none}
.litterio-header .lt-oc-nav a,.litterio-header .lt-oc-contact a{font-family:var(--font-body)}
/* --- Theme-Button-Reset (Hello-Elementor stylt jeden <button>) ----- */
.litterio-landing button,.litterio-header button{text-transform:none;letter-spacing:normal;font-family:inherit}
.litterio-landing .lt-car-btn{padding:0;min-width:0;flex:none}
.litterio-landing .lt-car-btn svg{flex:none;width:22px;height:22px}
.litterio-landing .lt-top,.litterio-landing .lt-top:hover,.litterio-landing .lt-top:focus{background:#fff;color:var(--color-text);border:0}
.litterio-landing .lt-dot,.litterio-landing .lt-dot:focus{padding:0;border:0;min-width:0}
.litterio-landing button[id^="faq-btn-"]{font-weight:800!important;text-transform:none;letter-spacing:normal}
.litterio-landing button[id^="faq-btn-"]:hover,.litterio-landing button[id^="faq-btn-"]:focus{background:none}

/* --- Header: Layout links (Logo + Menü), rechts Aktionen ----- */
.litterio-header.dgs-header>.e-con{--width:auto;--flex-direction:row;--align-items:center;flex:0 0 auto}
.litterio-header.dgs-header>.e-con:first-child{--gap:44px}
.litterio-header.dgs-header>.e-con:last-child{--justify-content:flex-end;--gap:20px;margin-left:auto}
.litterio-header .elementor-nav-menu--main .elementor-item{font-weight:600}
.litterio-header .lt-link{display:inline-flex;align-items:baseline;font-weight:700;text-decoration:none;padding-bottom:4px;background:linear-gradient(var(--color-accent),var(--color-accent)) 0 100%/100% 1px no-repeat;transition:color .2s ease,transform .3s cubic-bezier(.2,.8,.2,1)}
.litterio-header .lt-link::after{content:"→";display:inline-block;margin-left:8px;transition:transform .3s cubic-bezier(.2,.8,.2,1)}
.litterio-header .lt-link:hover,.litterio-header .lt-link:focus-visible{color:var(--color-accent);transform:translateX(3px)}
.litterio-header .lt-link:hover::after,.litterio-header .lt-link:focus-visible::after{transform:translateX(6px)}
.litterio-header .lt-btn{border-radius:999px;padding:12px 28px;font-weight:800;white-space:nowrap;transition:background-color .18s ease,color .18s ease}
.litterio-header .lt-btn:hover,.litterio-header .lt-btn:active{background:#1f1c1e;color:#fff}
.litterio-header .lt-btn svg{transition:transform .22s cubic-bezier(.2,.8,.2,1)}
.litterio-header .lt-btn-lg{padding:16px 28px}
.litterio-header .elementor-widget-nav-menu{width:auto;flex:none}
.litterio-header .elementor-nav-menu--main .elementor-nav-menu{flex-wrap:nowrap;column-gap:0}
.litterio-header .elementor-nav-menu--main .elementor-item{white-space:nowrap;margin:0}
.litterio-header .elementor-nav-menu--main .elementor-nav-menu>li{margin:0}
.litterio-header .elementor-widget-html{flex:none;width:auto;max-width:none}
.litterio-header.dgs-header>.e-con:first-child{column-gap:44px}
.litterio-header.dgs-header>.e-con:last-child{column-gap:20px}
.litterio-header.dgs-header{--flex-wrap:nowrap;flex-wrap:nowrap;align-items:center}
@media (max-width:1024px){.litterio-header.dgs-header>.e-con:first-child{flex:1 1 auto}.litterio-header .lt-logo-icon{width:48px}.litterio-header .lt-logo-word{font-size:22px}}
.litterio-header .elementor-widget-nav-menu,.litterio-header .elementor-widget-nav-menu .elementor-widget-container,.litterio-header .elementor-nav-menu--main{width:max-content;max-width:none}
.litterio-header.dgs-header>.e-con:first-child{min-width:max-content}
/* --- Header: Menü-Linie (Slide) + rechte Seite ----- */
.litterio-header.dgs-header>.e-con{width:auto!important;max-width:none!important;flex:0 0 auto!important}
.litterio-header.dgs-header>.e-con:last-of-type{margin-left:auto}
.litterio-header .elementor-nav-menu--main .elementor-item,.litterio-header.dgs-header.elementor-sticky--effects .elementor-nav-menu--main .elementor-item{padding:0 0 4px!important;line-height:1.5;box-shadow:none!important;background:linear-gradient(var(--color-accent),var(--color-accent)) 0 100%/0 2px no-repeat;transition:color .2s ease,background-size .3s cubic-bezier(.2,.8,.2,1)}
.litterio-header .elementor-nav-menu--main .elementor-item:hover,.litterio-header .elementor-nav-menu--main .elementor-item:focus-visible,.litterio-header .elementor-nav-menu--main .elementor-item.lt-current{background-size:100% 2px;color:var(--color-accent)}
.litterio-header.dgs-header.elementor-sticky--effects .elementor-nav-menu--main .elementor-item:hover,.litterio-header.dgs-header.elementor-sticky--effects .elementor-nav-menu--main .elementor-item:focus-visible,.litterio-header.dgs-header.elementor-sticky--effects .elementor-nav-menu--main .elementor-item.lt-current{background-size:100% 2px;color:var(--color-accent)}
/* --- Header: Menü bleibt beim Schrumpfen stehen (Logo behält Breite) ----- */
@media (min-width:1025px){.litterio-header .lt-logo{min-width:156px}}
/* --- Logo-Karussell (Partner & Kunden) ----- */
.litterio-landing .lt-logos{overflow:hidden;touch-action:pan-y;cursor:grab;--n:6;--g:20px}
.litterio-landing .lt-logos-track{display:flex;gap:var(--g);margin:0;padding:0;list-style:none;transition:transform .6s cubic-bezier(.6,0,.2,1);will-change:transform}
.litterio-landing .lt-logo{flex:0 0 calc((100% - var(--g) * (var(--n) - 1)) / var(--n));min-width:0;aspect-ratio:1;margin:0;background:#fff;border-radius:14px;border:1px solid #dfe8f1;display:flex;align-items:center;justify-content:center;user-select:none}
.litterio-landing .lt-logo img{width:76%;height:76%;object-fit:contain;mix-blend-mode:multiply;pointer-events:none}
.litterio-landing .lt-lg-btn{width:52px;height:52px;padding:0;min-width:0;flex:none;border-radius:50%;border:2px solid var(--color-text);background:#fff;color:var(--color-text);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s ease,color .2s ease,border-color .2s ease}
.litterio-landing .lt-lg-btn svg{flex:none;width:22px;height:22px}
.litterio-landing .lt-lg-btn:hover{background:var(--color-accent);border-color:var(--color-accent);color:#fff}
.litterio-landing .lt-lg-btn:active{background:var(--color-accent-700);border-color:var(--color-accent-700)}
.litterio-landing .lt-lg-dot,.litterio-landing .lt-lg-dot:focus{width:10px;height:10px;padding:0;min-width:0;border:0;border-radius:999px;background:#c9d6e3;cursor:pointer;transition:width .3s ease,background .3s ease}
.litterio-landing .lt-lg-dot:hover{background:var(--color-neutral-500)}
.litterio-landing .lt-lg-dot[aria-current="true"]{width:28px;background:var(--color-accent)}
.litterio-landing .lt-lg-count{display:none;font-size:15px;font-weight:700;color:var(--color-neutral-500)}
@media (max-width:1100px){.litterio-landing .lt-logos{--n:4}}
@media (max-width:640px){.litterio-landing .lt-logos{--n:2;--g:14px}.litterio-landing .lt-lg-dots{display:none!important}.litterio-landing .lt-lg-count{display:block}}
@media (prefers-reduced-motion:reduce){.litterio-landing .lt-logos-track{transition:none}}

/* --- Header-Logo (Livepost SVG) ----- */
.litterio-header .lt-logo-img{display:block;height:60px;width:auto;transition:height .3s cubic-bezier(.2,.8,.2,1)}
.litterio-header.elementor-sticky--effects .lt-logo-img{height:48px}

/* --- Header: schlankes Burger-Icon (3 dünne Linien) ----- */
.litterio-header .lt-burger .elementor-icon svg{display:none}
.litterio-header .lt-burger .elementor-icon{display:block;width:28px;height:18px;padding:0;font-size:0;color:var(--color-text);background:linear-gradient(currentColor,currentColor) 0 0/100% 2px no-repeat,linear-gradient(currentColor,currentColor) 0 50%/100% 2px no-repeat,linear-gradient(currentColor,currentColor) 0 100%/100% 2px no-repeat}


/* --- Musterbrief: Pfote kleiner, überdeckt den Text nicht ----- */
@media (min-width:901px){.litterio-landing .lt-paw{width:clamp(150px,13vw,190px)!important;right:calc(100% - 36px)!important}}


/* --- Header: Menütext optisch mittig (1 px tiefer) ----- */
@media (min-width:1025px){.litterio-header .elementor-nav-menu--main .elementor-item{padding-block:7px 5px!important}.litterio-header.elementor-sticky--effects .elementor-nav-menu--main .elementor-item{padding-block:7px 5px!important}}

/* --- Rund und weich (Feedback Livepost 02.11.) ----- */
.litterio-landing{--lt-wave:clamp(24px,3vw,44px)}
.litterio-landing [style*="border: var(--lt-rule)"],.litterio-landing [style*="border: 2px solid var(--color-divider)"],.litterio-landing [style*="border: 1px solid var(--color-divider)"],.litterio-landing [style*="border-top: 4px solid var(--color-accent)"]{border-radius:var(--radius-lg)}
.litterio-landing img[src*="litterio-schritt-"],.litterio-landing img[src*="litterio-funktionen-"]{border-radius:var(--radius-lg)}
/* --- Wellen zwischen den Sections ----- */
.litterio-landing section[data-section="zeitfresser"],.litterio-landing section[data-section="so-funktioniert-es"],.litterio-landing section[data-section="zielgruppen"],.litterio-landing section[data-section="musterbrief"]{-webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%201440%2040%27%20preserveAspectRatio%3D%27none%27%3E%3Cpath%20d%3D%27M0%2022C240%202%20480%2040%20720%2020S1200%200%201440%2018V40H0Z%27%2F%3E%3C%2Fsvg%3E") top/100% var(--lt-wave) no-repeat,linear-gradient(#000,#000) 0 var(--lt-wave)/100% calc(100% - var(--lt-wave) * 2) no-repeat,url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%201440%2040%27%20preserveAspectRatio%3D%27none%27%3E%3Cpath%20d%3D%27M0%200H1440V22C1200%2040%20960%200%20720%2020S240%2038%200%2018Z%27%2F%3E%3C%2Fsvg%3E") bottom/100% var(--lt-wave) no-repeat;mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%201440%2040%27%20preserveAspectRatio%3D%27none%27%3E%3Cpath%20d%3D%27M0%2022C240%202%20480%2040%20720%2020S1200%200%201440%2018V40H0Z%27%2F%3E%3C%2Fsvg%3E") top/100% var(--lt-wave) no-repeat,linear-gradient(#000,#000) 0 var(--lt-wave)/100% calc(100% - var(--lt-wave) * 2) no-repeat,url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%201440%2040%27%20preserveAspectRatio%3D%27none%27%3E%3Cpath%20d%3D%27M0%200H1440V22C1200%2040%20960%200%20720%2020S240%2038%200%2018Z%27%2F%3E%3C%2Fsvg%3E") bottom/100% var(--lt-wave) no-repeat}
.litterio-landing section[data-section="abschluss"]{-webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%201440%2040%27%20preserveAspectRatio%3D%27none%27%3E%3Cpath%20d%3D%27M0%2022C240%202%20480%2040%20720%2020S1200%200%201440%2018V40H0Z%27%2F%3E%3C%2Fsvg%3E") top/100% var(--lt-wave) no-repeat,linear-gradient(#000,#000) 0 var(--lt-wave)/100% calc(100% - var(--lt-wave)) no-repeat;mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%201440%2040%27%20preserveAspectRatio%3D%27none%27%3E%3Cpath%20d%3D%27M0%2022C240%202%20480%2040%20720%2020S1200%200%201440%2018V40H0Z%27%2F%3E%3C%2Fsvg%3E") top/100% var(--lt-wave) no-repeat,linear-gradient(#000,#000) 0 var(--lt-wave)/100% calc(100% - var(--lt-wave)) no-repeat}
/* --- Login- und Beratungs-Buttons rund ----- */
.litterio-header a.lt-link[href*="briefportal"],.litterio-landing a.lt-link[data-wp-link="beratung-url"],.litterio-landing a.lt-link-light[data-wp-link="beratung-url"]{padding:10px 24px;border:2px solid currentColor;border-radius:999px;background:none;transition:background-color .18s ease,color .18s ease,border-color .18s ease}
.litterio-header a.lt-link[href*="briefportal"]:hover,.litterio-landing a.lt-link[data-wp-link="beratung-url"]:hover{background:var(--color-accent);border-color:var(--color-accent);color:#fff}
.litterio-landing a.lt-link-light[data-wp-link="beratung-url"]:hover{background:#fff;border-color:#fff;color:var(--color-accent)}

/* --- Footer: Rechtliches in der Fusszeile (wie Homepage) ----- */
.litterio-landing footer .lt-fbar{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 32px;padding:20px 0 28px;border-top:1px solid rgb(74,69,72);font-size:13px;color:rgb(189,184,187)}
.litterio-landing footer .lt-flegal{display:flex;flex-wrap:wrap;align-items:center;gap:4px 12px}
/* --- Platzhalter und Portal-Darstellungen rund ----- */
.litterio-landing figure[aria-label*="Illustrative"]{border-radius:var(--radius-lg);overflow:hidden}
.litterio-landing [role="img"][aria-label*="Platzhalter"]{border-radius:var(--radius-lg);overflow:hidden}
.litterio-landing [role="img"][aria-label*="Platzhalter"] div{border-radius:var(--radius-md)}
.litterio-landing a.lt-link-light[data-wp-link="beratung-url"]{margin-left:14px}
.litterio-landing [style*="border: 1px solid rgb(231, 233, 238)"]{border-radius:var(--radius-lg)}
.litterio-header a.lt-link[href*="briefportal"]::after{content:none}
/* --- Header schmal (1025-1199 px): Menue etwas kleiner, damit nichts ueberlaeuft ----- */
@media (min-width:1025px) and (max-width:1199px){.litterio-header .elementor-nav-menu--main .elementor-item{font-size:16px!important}.litterio-header .lt-btn{padding:12px 20px}}
@media (min-width:1025px) and (max-width:1100px){.litterio-header .elementor-nav-menu--main .elementor-item{font-size:15px!important}.litterio-header .lt-btn{padding:12px 16px;font-size:14px}.litterio-header .lt-head-actions{gap:12px}.litterio-header .lt-logo-img{height:52px}}
/* LITTERIO-ENDE */

/* --- Webcheck Nina: Hero-Portalansicht, kleinere Radien ----- */
.litterio-landing figure[aria-label*="Illustrative"] [style*="border: 1px solid var(--color-divider)"]{border-radius:var(--radius-sm);overflow:hidden}
.litterio-landing figure[aria-label*="Illustrative"] [data-lt="drop"],.litterio-landing figure[aria-label*="Illustrative"] [style*="background: var(--color-text)"]{border-radius:var(--radius-sm)}
.litterio-landing figure[aria-label*="Illustrative"] [style*="height: 4px"],.litterio-landing figure[aria-label*="Illustrative"] [style*="height: 5px"],.litterio-landing figure[aria-label*="Illustrative"] [style*="height: 6px"],.litterio-landing figure[aria-label*="Illustrative"] [style*="height: 7px"]{border-radius:999px}

/* --- Webcheck Nina: So funktioniert es mobil, Linie zwischen den Schritten ----- */
@media(max-width:640px){
#so-gehts ol>li+li{border-top:var(--lt-rule);padding-top:24px}
#so-gehts ol>li>div:last-child{border-top:0!important;padding-top:0!important}
}

/* --- Hamburger mobil: rechter Abstand wie das Logo links ----- */
@media(max-width:767px){.litterio-header .lt-burger{margin-right:0}}/* End custom CSS */