@layer reset, base, tokens, prototype, utilities, elementor-overrides;
/*!
* Siebert Widgets — Tailwind-Input-Stylesheet
*
* Wird von `bin/build-css.sh` zu `siebert-widgets-tailwind.css` kompiliert.
*
* Cascade-Layer-Reihenfolge (letzter Layer = hoechste Prioritaet):
* reset → base → tokens → prototype → utilities → elementor-overrides
*
* Warum diese Reihenfolge:
* - `prototype` (das Kunden-Theme-CSS aus \3c style>-Block in tailwind/index.html)
* beschreibt das Default-Look-and-Feel der Marke. Muss unter Tailwind-Utilities
* liegen, damit Elementor-Editor-Anpassungen per Utility-Klasse gewinnen.
* - `utilities` (Tailwind-Output) liegt ueber prototype — so kann ein User im
* Elementor-Editor z.B. `class="mt-20"` setzen und es gewinnt gegen den
* Prototype-Default.
* - `elementor-overrides` (unsere Trait-Regeln in siebert-widgets-overrides.css) muss
* UEBER utilities liegen — damit User-Farben aus Trait_Section_Styles-Controls
* gegen Tailwind-Utility-Farben gewinnen (z.B. `bg-holz-500` wird von
* `--siebert-section-bg` ueberschrieben, wenn der User eine Custom-Farbe
* im Style-Tab setzt).
*
* Ausserhalb des Layer-Stacks:
* - Elementor's eigene Inline-Styles (Column-BG aus Style-Tab etc.)
* - Die Inline-`style=""` aus `apply_section_styles_to_wrapper()` am Wrapper
* Beide liegen AUSSERHALB aller Layer → gewinnen automatisch gegen alles hier.
*/
/*!
* Siebert Widgets — Prototyp-CSS (@layer prototype via input.css)
*
* Quelle: tailwind/index.html \3c style>-Block (Timeline-Widget "Unsere Geschichte").
* Pattern 22: `padding-block: clamp(45px,7vw,110px)` der Section ist EXTRAHIERT —
* das vertikale Section-Padding steuert Trait_Section_Spacing (110/80/45 px).
* Prototyp-Klassen hier NICHT aus overrides.css heraus ueberschreiben (Pattern 11b).
*/.sbt-timeline{--sbt-navy-900:#04203d;--sbt-navy-800:#093c6b;--sbt-cyan:#00a0d2;--sbt-cyan-hi:#33b7e2;--sbt-accent:#ffcc01;--sbt-accent-hover:#ffe500;--sbt-heading:#333;--sbt-text:#6e6e6e;--sbt-surface:#fff;--sbt-surface-alt:#f4f4f5;--sbt-tint:#e3edf7;--sbt-radius:16px;--sbt-transition:all .2s ease;--sbt-font:neue-frutiger-world,Frutiger,"Open Sans","Segoe UI",Arial,sans-serif;--sbt-pad:clamp(20px,4vw,60px);--sbt-edge:max(var(--sbt-pad),calc(50% - 600px + var(--sbt-pad)));font-family:var(--sbt-font);background:var(--sbt-surface-alt);overflow:hidden}.sbt-timeline.sbt-timeline--breakout{width:100vw;max-width:none;margin-left:50%;transform:translateX(-50%)}.sbt-timeline *,.sbt-timeline :after,.sbt-timeline :before{box-sizing:border-box;margin:0;padding:0}.sbt-timeline .sbt-wrap{max-width:1200px;margin:0 auto;padding:0 var(--sbt-pad)}.sbt-timeline .sbt-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:clamp(32px,5vw,56px)}.sbt-timeline .sbt-subline{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:var(--sbt-heading);margin-bottom:14px}.sbt-timeline .sbt-subline:before{content:"";width:5px;height:14px;background:var(--sbt-accent);flex:none}.sbt-timeline .sbt-title{font-size:clamp(28px,1.78vw + 26.91px,54px);font-weight:700;line-height:1.05;color:var(--sbt-heading);margin:0;font-family:var(--sbt-font)}.sbt-timeline .sbt-intro{margin-top:14px;max-width:640px;font-size:clamp(15px,2.8vw,17px);line-height:1.6;color:var(--sbt-text)}.sbt-timeline .sbt-intro p{margin:0}.sbt-timeline .sbt-intro p+p{margin-top:10px}.sbt-timeline .sbt-text p{margin:0}.sbt-timeline .sbt-arrows{display:flex;gap:10px;flex:none}.sbt-timeline button.sbt-nav{width:48px;height:48px;min-width:48px;min-height:48px;padding:0;margin:0;border-radius:100px;border:1px solid var(--sbt-tint);background:var(--sbt-surface);color:var(--sbt-navy-900);display:flex;align-items:center;justify-content:center;cursor:pointer;line-height:1;box-shadow:none;text-transform:none;letter-spacing:normal;-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:var(--sbt-transition)}.sbt-timeline button.sbt-nav svg{width:20px;height:20px}.sbt-timeline button.sbt-nav:hover:not(:disabled){background:var(--sbt-accent);border-color:var(--sbt-accent);color:var(--sbt-navy-900)}.sbt-timeline button.sbt-nav:active:not(:disabled){transform:scale(.94)}.sbt-timeline button.sbt-nav:disabled{opacity:.35;cursor:default}.sbt-timeline button.sbt-nav:focus-visible{outline:2px solid var(--sbt-cyan);outline-offset:2px}.sbt-timeline .sbt-track{overflow-x:auto;scroll-snap-type:x proximity;scroll-padding-inline:var(--sbt-edge);scrollbar-width:none;-ms-overflow-style:none;padding:0 var(--sbt-edge) 10px}.sbt-timeline .sbt-track::-webkit-scrollbar{display:none}.sbt-timeline ol.sbt-rail{position:relative;display:inline-flex;gap:24px;min-width:100%;list-style:none;margin:0;padding:44px 0 0}.sbt-timeline .sbt-line{position:absolute;top:20px;left:calc(var(--sbt-edge)*-1);right:calc(var(--sbt-edge)*-1);height:3px;background:var(--sbt-tint);border-radius:3px}.sbt-timeline .sbt-line__fill{position:absolute;inset:0 auto 0 0;width:0;background:var(--sbt-accent);border-radius:3px;transition:width .45s ease}.sbt-timeline li.sbt-item{position:relative;flex:0 0 292px;scroll-snap-align:start;display:flex;flex-direction:column;margin:0;padding:0;list-style:none}.sbt-timeline .sbt-dot{position:absolute;top:-31px;left:28px;width:16px;height:16px;border-radius:50%;background:var(--sbt-surface);border:3px solid var(--sbt-navy-900);transition:var(--sbt-transition)}.sbt-timeline .sbt-item.is-active .sbt-dot{background:var(--sbt-accent);border-color:var(--sbt-navy-900);box-shadow:0 0 0 5px rgba(255,204,1,.25)}.sbt-timeline .sbt-card{background:var(--sbt-surface);border:1px solid var(--sbt-tint);border-radius:var(--sbt-radius);padding:28px 26px 30px;height:100%;display:flex;flex-direction:column;gap:14px;position:relative;overflow:hidden;transition:var(--sbt-transition);box-shadow:0 6px 18px rgba(4,32,61,.05)}.sbt-timeline .sbt-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--sbt-accent);transform:scaleX(0);transform-origin:left;transition:transform .35s ease}.sbt-timeline .sbt-item.is-active .sbt-card:before{transform:scaleX(1)}.sbt-timeline .sbt-item:hover .sbt-card{transform:translateY(-4px);box-shadow:0 14px 30px rgba(4,32,61,.1);border-color:#c3dff4}.sbt-timeline .sbt-icon{width:56px;height:56px;border-radius:50%;background:var(--sbt-tint);color:var(--sbt-cyan);display:flex;align-items:center;justify-content:center;flex:none;transition:var(--sbt-transition)}.sbt-timeline .sbt-icon svg{width:28px;height:28px}.sbt-timeline .sbt-icon .siebert-widgets-icon{display:flex;align-items:center;justify-content:center}.sbt-timeline .sbt-item.is-active .sbt-icon{background:var(--sbt-navy-900);color:var(--sbt-accent)}.sbt-timeline .sbt-year{font-size:clamp(26px,1.22vw + 21.42px,34px);font-weight:700;line-height:1;color:var(--sbt-navy-900)}.sbt-timeline .sbt-text{font-size:15px;line-height:1.55;color:var(--sbt-text)}.sbt-timeline .sbt-item{opacity:0;transform:translateY(22px)}.sbt-timeline .sbt-item.is-in{opacity:1;transform:none;transition:opacity .55s ease,transform .55s ease}.sbt-timeline .sbt-item.is-in:hover{transition:var(--sbt-transition)}.elementor-editor-active .sbt-timeline .sbt-item{opacity:1!important;transform:none!important}.sbt-timeline .sbt-years{display:flex;gap:8px;margin-top:clamp(28px,4vw,40px);overflow-x:auto;scrollbar-width:none;padding-bottom:4px}.sbt-timeline .sbt-years::-webkit-scrollbar{display:none}.sbt-timeline button.sbt-yearbtn{font-family:var(--sbt-font);font-size:14px;font-weight:600;line-height:1.2;padding:9px 18px;margin:0;min-width:0;min-height:0;border-radius:100px;border:1px solid var(--sbt-tint);background:var(--sbt-surface);color:var(--sbt-text);cursor:pointer;flex:none;box-shadow:none;text-transform:none;letter-spacing:normal;text-decoration:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:var(--sbt-transition)}.sbt-timeline button.sbt-yearbtn:hover{border-color:var(--sbt-cyan-hi);background:var(--sbt-surface);color:var(--sbt-navy-900)}.sbt-timeline button.sbt-yearbtn.is-active{background:var(--sbt-navy-900);border-color:var(--sbt-navy-900);color:#fff}.sbt-timeline button.sbt-yearbtn:focus-visible{outline:2px solid var(--sbt-cyan);outline-offset:2px}@media (max-width:767px){.sbt-timeline .sbt-head{flex-direction:column;align-items:flex-start}.sbt-timeline .sbt-item{flex-basis:82vw;max-width:320px}}@media (prefers-reduced-motion:reduce){.sbt-timeline *{transition:none!important}.sbt-timeline .sbt-item{opacity:1;transform:none}}.elementor-widget[style*="--siebert-accent"] .sbt-timeline{--sbt-accent:var(--siebert-accent)}.elementor-widget[style*="--siebert-heading"] .sbt-timeline{--sbt-heading:var(--siebert-heading);--sbt-navy-900:var(--siebert-heading)}.elementor-widget[style*="--siebert-text"] .sbt-timeline{--sbt-text:var(--siebert-text)}@layer elementor-overrides{
/*!
* HOLZLAR Widgets v2 — Section Overrides (v2.0.1 — Cascade-Layer-Bugfix)
*
* Wird von `assets/css/input.css` im @layer elementor-overrides geladen.
* Damit gewinnen diese Regeln gegen @layer utilities (Tailwind) + @layer prototype —
* deterministisch via Layer-Ordering, ohne !important.
*
* -----------------------------------------------------------------------------
* BUGFIX v2.0.1 (2026-04-26):
* Bisher hatten wir `.siebert-widgets-section { background-color: var(--xy); }`
* in der Annahme dass `var(--undefined)` die Property invalid macht und auf die
* nächste Cascade-Regel fällt. Das ist FALSCH — laut CSS-Spec wird die Property
* bei undefined-var auf den `unset`-Wert gesetzt:
* - non-inherited (background-color/-image) → initial → transparent / none
* - inherited (color) → inherit → vom parent
* Deshalb verschwanden Prototype-Gradients (gradient-brand, gradient-dark-glow)
* wenn der User im Style-Tab "none" wählt — der Override-Layer gewann mit
* transparent/none.
*
* Lösung: Override-Selektor wird verschärft mit data-Attribute-Bedingung.
* Override greift NUR wenn der User im Style-Tab "solid" oder "gradient" wählt
* (`data-siebert-bg` ist dann nicht "none"). Bei "none" greift die Regel gar
* nicht und Prototype-Klassen wirken wie im Tailwind-Original.
*
* Inherited properties (color für Heading/Text) bleiben wie bisher mit reinem
* `var(--xy)` ohne Fallback — `unset` → `inherit` ist dort der gewünschte
* Effekt (erbt von parent text-cream/text-ink-Klasse).
*
* -----------------------------------------------------------------------------
* Gesetzte Variablen (von Trait_Section_Styles am `{{WRAPPER}}`):
* --siebert-section-bg → Solid background color
* --siebert-section-bg-image → Gradient background image
* --siebert-text → Body text color
* --siebert-heading → Heading color
* --siebert-accent → Accent color (buttons, bullets, links)
*
* -----------------------------------------------------------------------------
* DOM-Contract (ab v2.0):
*
*/.elementor-widget[data-siebert-bg]:not([data-siebert-bg=none]) .siebert-widgets-section{background-color:var(--siebert-section-bg);background-image:var(--siebert-section-bg-image)}.siebert-widgets-section h1,.siebert-widgets-section h2,.siebert-widgets-section h3,.siebert-widgets-section h4,.siebert-widgets-section h5,.siebert-widgets-section h6{color:var(--siebert-heading,inherit)}.siebert-widgets-section div:not(.btn):not(.btn *):not(.siebert-widgets-section-inner),.siebert-widgets-section li,.siebert-widgets-section p,.siebert-widgets-section span:not(.siebert-widgets-icon):not(.btn):not(.btn *){color:var(--siebert-text,inherit)}.siebert-widgets-section .btn-link,.siebert-widgets-section .siebert-widgets-accent-text{color:var(--siebert-accent,inherit)}.siebert-widgets-section .siebert-widgets-icon{color:var(--siebert-accent,currentColor)}.elementor-widget[style*="--siebert-accent"] .siebert-widgets-section .btn-primary{background:var(--siebert-accent);border-color:var(--siebert-accent)}.elementor-widget[style*="--siebert-accent"] .siebert-widgets-section .btn-ghost:hover,.elementor-widget[style*="--siebert-accent"] .siebert-widgets-section .btn-secondary:hover{background:var(--siebert-accent);border-color:var(--siebert-accent);color:#fff}[data-siebert-container=boxed-1500]>.siebert-widgets-section-inner{max-width:1500px;margin-inline:auto}[data-siebert-container=boxed-1200]>.siebert-widgets-section-inner{max-width:1200px;margin-inline:auto}[data-siebert-container=narrow-960]>.siebert-widgets-section-inner{max-width:960px;margin-inline:auto}[data-siebert-container=full]>.siebert-widgets-section-inner{max-width:none;margin-inline:0}.siebert-widgets-icon{display:inline-flex;align-items:center;justify-content:center;width:1em;height:1em;color:currentColor;flex-shrink:0}.siebert-widgets-icon svg{width:100%;height:100%;display:block}.btn-secondary{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:9999px;font-weight:600;text-decoration:none;cursor:pointer;background:transparent;color:currentColor;box-shadow:inset 0 0 0 1.5px currentColor;transition:background .3s,color .3s,box-shadow .3s}.btn-secondary:hover{background:currentColor;color:#fff}.btn-link{display:inline-flex;align-items:center;gap:.4rem;padding:0;background:transparent;text-decoration:underline;text-underline-offset:3px;font-weight:500}.siebert-list ol,.siebert-list ul{margin:0;padding:0;display:flex;flex-direction:column;gap:.75rem}.siebert-list li{position:relative;line-height:1.55}.siebert-list--bullets ul{list-style:none}.siebert-list--bullets li{padding-left:1.5rem}.siebert-list--bullets li:before{content:"";position:absolute;left:0;top:.6em;width:.5rem;height:.5rem;border-radius:9999px;background-color:var(--siebert-accent,currentColor)}.siebert-list--numbered ol{list-style:decimal;padding-left:1.5rem}.siebert-list--checks ul{list-style:none}.siebert-list--checks li{padding-left:2rem}.siebert-list--checks li:before{content:"";position:absolute;left:0;top:.25em;width:1.1em;height:1.1em;background-color:var(--siebert-accent,currentColor);-webkit-mask-image:url("data:image/svg+xml;utf8,