/* Sägewerk Stricker – eigene Ergänzungen zur Startseite */

/* Warenkorb-Button im Header (ersetzt die Sidebar-Punkte) -> Holz bestellen */
.st-cart-button{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:10px;background:#fff;color:#333;transition:background .25s,color .25s}
.st-cart-button:hover{background:#D9F8CE;color:#457D4D}
.pxl-header-elementor-sticky .st-cart-button{background:#EDEDED}

/* Text + Tür (aus Home 2): zwei Buttons unter dem Text */
.st-btn-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}
.st-btn-row > .elementor-element{width:auto;margin:0}
.st-btn-light .btn{background:#D9F8CE !important;color:#333 !important}
.st-btn-white .btn{background:#fff !important;color:#333 !important}

/* Störer "Holz online bestellen" (umgebautes Element aus der Karriere-Seite) */
.st-stoerer{padding-top:0;padding-bottom:20px}
.st-stoerer .elementor-element-576975a{position:relative;overflow:hidden;border:1px solid rgba(69,125,77,.35);border-radius:18px;
  background:#D9F8CE url(holzringe.svg) no-repeat right -60px center/auto 190%;padding-top:34px;padding-bottom:34px}
.st-stoerer .elementor-element-576975a > .e-con-inner{align-items:center;flex-wrap:nowrap;flex-direction:row;gap:24px}
.st-stoerer .st-line{display:block !important}
.st-stoerer .elementor-element-28f0453{flex:0 0 auto;width:auto;align-self:center}
.st-stoerer-icon{display:flex;align-items:center;justify-content:center;width:110px;color:#333}
.st-stoerer-icon .st-cart-big{width:72px;height:72px}
.st-stoerer .elementor-element-4bbd988{justify-content:center;border:0 !important;padding-right:0 !important;flex:1 1 auto;width:auto;max-width:none}
.st-stoerer .elementor-element-4610f49 .pxl-item--title{margin:0;color:#333;font-size:30px;line-height:1.25}
@media (max-width:1024px){.st-stoerer .elementor-element-4610f49 .pxl-item--title{font-size:24px}}
.st-stoerer .elementor-element-6dc3a96{border:0 !important;padding-left:0 !important;flex:0 0 auto;width:auto;align-self:center;justify-content:center;align-items:flex-end;margin-right:40px}
.st-stoerer .elementor-element-edc98a3 .btn{background:#333;color:#fff}
.st-stoerer .elementor-element-6dc3a96::before{display:none}
@media (max-width:767px){
  .st-stoerer .elementor-element-576975a{background-size:auto 75%;background-position:right -150px top -30px;padding:28px 22px !important}
  .st-stoerer .elementor-element-576975a > .e-con-inner{flex-direction:column !important;align-items:flex-start;gap:18px}
  .st-stoerer .elementor-element-28f0453{order:0}
  .st-stoerer .elementor-element-4bbd988{order:1;width:100%}
  .st-stoerer .elementor-element-4bbd988 .pxl-heading,.st-stoerer .elementor-element-4bbd988 .pxl-item--title{text-align:left !important}
  .st-stoerer .elementor-element-28f0453,.st-stoerer-icon{align-self:flex-start !important;margin:0 !important}
  .st-stoerer .elementor-element-6dc3a96{order:2;margin-right:0;align-items:flex-start;width:100%}
  .st-stoerer-icon{width:auto;justify-content:flex-start}
  .st-stoerer-icon .st-cart-big{width:56px;height:56px}
}


/* "Purpose"-Karten liegen auf dem Bild-Abschnitt (statt Kundenstimmen) */
.st-future{margin-top:400px !important}
.st-future .st-cards-on-image{position:relative;z-index:2;width:100%;padding-left:0;padding-right:0;margin-top:-330px}
@media (max-width:1024px){.st-future{margin-top:120px !important}.st-future .st-cards-on-image{margin-top:-60px}}

/* Logo (Outline-Version, quadratisch) – weiße Kontur, daher ohne Hintergrundfläche */
.pxl-logo img[src*="logo-stricker-outline"]{width:84px !important;max-width:none !important;height:auto !important;max-height:none !important;background:none}
.pxl-header-elementor-sticky .pxl-logo img[src*="logo-stricker-outline"]{width:64px !important}
.pxl-header-mobile-default .pxl-logo img[src*="logo-stricker-outline"],.pxl-header-branding img[src*="logo-stricker-outline"]{width:60px !important}
#pxl-footer-elementor .pxl-logo img[src*="logo-stricker-outline"]{width:130px !important}

/* Buttons ohne Pfeilsymbole (Vorgabe CI) */
.pxl-button .btn > svg{display:none !important}
.pxl-button .btn.two-icon .pxl--btn-text{transform:none !important;margin:0 !important}

/* Telefon im Header: Abstand zwischen "Telefon" und Nummer */
.elementor-element-a7ad039 a{margin-left:.35em}

/* Abschnitt "Vom Stamm zum Holzprodukt" – Überschrift über dem Bild mit den vier Punkten */
.st-steps-head{padding-top:60px;padding-bottom:30px;text-align:center}
.st-steps-head .pxl-item--title{margin:0;color:#333;font-size:40px;line-height:1.2}
.st-steps-hint{margin:10px 0 0;color:#878787}
.st-steps.elementor-element-be054c8{margin-top:0 !important}
@media (max-width:767px){.st-steps-head .pxl-item--title{font-size:28px}}

/* Holzbau-Teaser unten im Bild-Abschnitt */
.st-holzbau-text{max-width:560px;color:#fff;margin-top:12px}
.st-holzbau-text p{margin:0;color:rgba(255,255,255,.85)}

/* Abschluss-CTA im Footer: zwei Buttons nebeneinander */
.st-btn-row-center{justify-content:center}

/* Hero mit Video (Standbild als Fallback) */
.st-hero{position:relative;overflow:hidden}
.st-hero-video{position:absolute;inset:0;z-index:0;background:#333 url(../../img/intro/video-teaser.png) center/cover no-repeat}
.st-hero-video video{width:100%;height:100%;object-fit:cover;display:block}
.st-hero-video::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.45) 0%,rgba(0,0,0,.25) 45%,rgba(0,0,0,.55) 100%)}
.st-hero > .e-con-inner,.st-hero > .elementor-element{position:relative;z-index:1}
@media (prefers-reduced-motion:reduce){.st-hero-video video{display:none}}

/* keine automatische Großschreibung bei Fließtext-Headlines */
.st-cards-on-image .pxl-item--title,#pxl-footer-elementor .elementor-element-03de62e .pxl-item--title{text-transform:none !important}

/* Holz bestellen: Checkliste + E-Mail-Button statt Formular */
.st-order-box{background:#fff;border-radius:16px;padding:28px 28px 24px}
.st-checklist{list-style:none;margin:0 0 24px;padding:0}
.st-checklist li{display:flex;gap:12px;align-items:flex-start;padding:11px 0;border-bottom:1px solid #EDEDED;color:#333;line-height:1.45}
.st-checklist li:last-child{border-bottom:0}
.st-checklist strong{font-weight:500}
.st-checklist em{font-style:normal;color:#878787}
.st-checklist li.is-required em{color:#457D4D;font-weight:500}
.st-check{flex:0 0 20px;height:20px;margin-top:1px;border-radius:50%;background:#D9F8CE url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M6 10.5l2.6 2.5L14 7.5' fill='none' stroke='%23457D4D' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/20px no-repeat}
.st-order-btn .btn{width:100%;justify-content:center;background:#457D4D;color:#fff}
.st-order-btn .btn:hover{background:#333;color:#fff}
.st-order-note{margin:14px 0 0;font-size:14px;color:#878787}
.st-order-note a{color:#457D4D;text-decoration:underline}
.st-sortiment{margin-top:24px;padding-top:20px;border-top:1px solid #EDEDED}
.st-sortiment-h{margin:0 0 10px;color:#333;font-weight:500}
.st-sortiment-sub{color:#878787;font-weight:400;font-size:14px}
.st-sortiment ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.st-sortiment li{background:#EDEDED;border-radius:999px;padding:6px 14px;font-size:14px;color:#333}

/* Deutsche Überschriften: keine automatische Großschreibung jedes Wortes */
.pxl-heading .pxl-item--title,.pxl-post--title,.pxl-icon-box .pxl-item--title,h1,h2,h3,h4,h5,h6{text-transform:none !important}

/* Unterseiten-Header hat bereits den Button "Holz bestellen" -> Warenkorb dort ausblenden */
.elementor-112 .elementor-widget-pxl_anchor:has(.st-cart-button){display:none}

/* Hero: Inhalt vertikal mittig */
.st-hero > .e-con-inner{align-items:center !important}

/* Text + Einsatzbereiche (ehem. Tür-Animation): ohne Scroll-Animation, Kacheln untereinander */
.st-mask-static .content-1{margin-bottom:50px}
.st-mask-static .content-2 .elementor-element-ad79fae{padding:0}
.st-mask-static .pxl-list-inner{display:flex;flex-direction:column;gap:30px}
.st-mask-static .pxl-item{width:100% !important;margin:0 !important}
.st-mask-static .pxl-post--inner{transform:none !important}
@media (min-width:1025px){
  .st-mask-static .elementor-element-bd7a8c5{display:grid !important;grid-template-columns:1fr 1fr;grid-template-rows:1fr auto;column-gap:80px;row-gap:28px;align-items:end}
  .st-mask-static .elementor-element-58c6da4{grid-column:1;grid-row:1 / span 2;margin:0 !important}
  .st-mask-static .elementor-element-7960a93{grid-column:2;grid-row:1;margin:0 !important;align-self:end}
  .st-mask-static .elementor-element-7960a93 p{margin-bottom:0}
  .st-mask-static .st-btn-row{grid-column:2;grid-row:2;margin-top:0}
}
.st-mask-static .elementor-element-7960a93{margin-bottom:0 !important}
.st-mask-static .elementor-element-7960a93,.st-mask-static .elementor-element-7960a93 *{margin-top:0 !important;margin-bottom:0 !important;padding-bottom:0 !important;min-height:0 !important;height:auto !important}

/* weitere Stellen ohne automatische Großschreibung */
.pxl-text-editor,.pxl-text-editor *,.pxl-icon-label,.wpcf7-submit,.wpcf7-submit *{text-transform:none !important}

/* Regionales Holz: sechs Vorteile im 3er-Raster, ohne leere Beschreibungsfelder */
.st-adv .pxl-item--description{display:none}
@media (min-width:768px){
  .st-adv > .e-con-inner{flex-wrap:wrap !important}
  .st-adv > .e-con-inner > .elementor-element{flex:0 0 calc(33.333% - 20px) !important;max-width:calc(33.333% - 20px) !important}
}

/* Kontaktformular: Datenschutz-Checkbox */
.st-privacy label{display:flex;gap:10px;align-items:flex-start;font-size:14px;color:#878787;text-align:left}
.st-privacy input{margin-top:4px;flex:0 0 auto;width:auto !important;height:auto !important}
.st-privacy a{color:#457D4D;text-decoration:underline}

/* Über uns: Zitat hat nur einen Eintrag -> keine Pfeile */
.st-quote .pxl-swiper-arrow-wrap,.st-quote .pxl-swiper-arrow{display:none !important}
.elementor-112 .pxl-logo img[src*="logo-stricker-outline"]{width:68px !important}
.elementor-112 .pxl-header-elementor-sticky .pxl-logo img[src*="logo-stricker-outline"],.pxl-header-elementor-sticky .elementor-112 .pxl-logo img[src*="logo-stricker-outline"]{width:58px !important}

/* Holz bestellen: ganze Box klickbar */
.st-linkbox{position:relative;cursor:pointer}
.st-box-link{position:absolute;inset:0;z-index:3;border-radius:inherit}
.st-box-link:focus-visible{outline:2px solid #457D4D;outline-offset:3px}
.st-box-call{margin-top:16px}

/* Sub-Footer: Credit mittig */
#pxl-footer-elementor .elementor-element-9399e49{position:relative}
.st-credit{font-size:14px;color:rgba(255,255,255,.7);text-align:center}
.st-credit a{color:#D9F8CE}
.st-credit a:hover{text-decoration:underline}
@media (min-width:1025px){.st-credit{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);white-space:nowrap}}
@media (max-width:1024px){.st-credit{width:100%;order:3;margin-top:10px}}

/* Kontakt: Öffnungszeiten */
.st-hours{margin:24px 0 8px;padding:18px 20px;background:#fff;border-radius:12px;color:#333}
.st-hours p{margin:0;line-height:1.6}
.st-hours-h{font-weight:500;color:#457D4D;margin-bottom:4px !important}

/* Header: Querformat-Logo mit Outline */
.pxl-logo img[src*="logo-stricker-quer-outline"]{width:210px !important;max-width:none !important;height:auto !important;max-height:none !important;background:none}
.pxl-header-elementor-sticky .pxl-logo img[src*="logo-stricker-quer-outline"]{width:180px !important}
.elementor-112 .pxl-logo img[src*="logo-stricker-quer-outline"]{width:190px !important}
.pxl-header-mobile-default .pxl-logo img[src*="logo-stricker-quer-outline"],.pxl-header-branding img[src*="logo-stricker-quer-outline"]{width:160px !important}

/* Intro-Text über den Holzsorten (Element aus Home 2) */
.st-intro-wrap{margin:40px 0 60px;padding-top:60px;border-top:1px solid #EDEDED}
.st-intro-wrap > .e-con{padding-left:0 !important;padding-right:0 !important}
.st-intro .pxl-list a{color:inherit;text-decoration:none;transition:color .2s}
.st-intro .pxl-list a:hover{color:#457D4D;text-decoration:underline}
.st-intro .pxl-list .pxl--item:last-child a{color:#457D4D;font-weight:500}
.st-mask-static .pxl-item[id]{scroll-margin-top:120px}

/* Über uns: Text-Bild-Element (Home 4) + Werte-Kacheln darunter */
.st-uu-img{margin-bottom:0 !important;padding-bottom:0 !important}
.st-werte-cards{margin-top:40px !important;padding-bottom:40px}
.st-werte-cards .pxl-swiper-slide{height:auto}
.st-werte-cards .pxl-item--inner{height:100%}
.st-werte-cards .elementor-element-cfd8411 > .elementor-widget-container{margin-top:0 !important}

/* ===== Buttons: Text mittig, Farbwechsel-Animation, Bestell-Buttons mit Glow ===== */
.pxl-button .btn,.st-order-btn .btn,.wpcf7-submit{justify-content:center !important;text-align:center;gap:0 !important;
  padding-left:30px !important;padding-right:30px !important;
  transition:background-color .35s ease,color .35s ease,box-shadow .35s ease,transform .35s ease !important}
.pxl-button .btn .pxl--btn-text{margin:0 !important;padding:0 !important;transform:none !important;text-align:center}
.pxl-button .btn::before,.pxl-button .btn::after{display:none !important}
/* Hover: Farbwechsel */
.pxl-button .btn:hover,.wpcf7-submit:hover{background-color:#333 !important;color:#fff !important;transform:translateY(-2px)}
.pxl-button .btn:hover *{color:#fff !important}
/* Buttons, die schon dunkel sind oder auf dunklem Grund stehen -> Hover grün */
.st-stoerer .btn:hover,.elementor-element-d04af1c .btn:hover,.st-hero .btn:hover,.st-order-btn .btn:hover,.st-closing-cta .btn:hover{background-color:#457D4D !important}
/* Bestell-Buttons: leichter Glow */
@keyframes st-glow{0%,100%{box-shadow:0 0 0 0 rgba(69,125,77,0)}50%{box-shadow:0 0 18px 3px rgba(69,125,77,.38)}}
@keyframes st-glow-light{0%,100%{box-shadow:0 0 0 0 rgba(217,248,206,0)}50%{box-shadow:0 0 20px 4px rgba(217,248,206,.55)}}
a.btn[href*="holz-bestellen"],a.btn[href^="mailto:"],.st-cart-button{animation:st-glow 2.8s ease-in-out infinite}
.st-hero a.btn[href*="holz-bestellen"],.st-closing-cta a.btn[href*="holz-bestellen"],.pxl-header-elementor-main .st-cart-button{animation-name:st-glow-light}
a.btn[href*="holz-bestellen"]:hover,a.btn[href^="mailto:"]:hover{box-shadow:0 6px 22px rgba(69,125,77,.45) !important;animation-play-state:paused}
@media (prefers-reduced-motion:reduce){a.btn[href*="holz-bestellen"],a.btn[href^="mailto:"],.st-cart-button{animation:none}.pxl-button .btn:hover{transform:none}}
.st-werte-cards .icon-box svg *{fill:none !important;stroke:#D9F8CE !important}
.st-uu-img{overflow:hidden}
.st-uu-img img{width:100%;height:100%;object-fit:cover}

/* Link-Boxen (Kontakt / Holz bestellen): ganze Fläche Link + Hover */
.st-linkbox{transition:background-color .3s ease,box-shadow .3s ease,transform .3s ease}
.st-linkbox:hover{background-color:#D9F8CE !important;box-shadow:0 8px 24px rgba(69,125,77,.18);transform:translateY(-2px)}
.st-linkbox:hover .pxl-item--description,.st-linkbox:hover .pxl-item--description *{color:#333 !important}
.st-linkbox .pxl-icon-list a{transition:transform .3s ease}
.st-linkbox:hover .pxl-icon-list a{transform:translateX(4px)}

/* Kontakt: Bild statt Formular (3:5 hochkant) */
.st-kontakt-bild{display:flex;align-items:center;justify-content:center}
.st-img-portrait{display:block;width:100%;max-width:420px;aspect-ratio:3/5;height:auto;object-fit:cover;border-radius:16px;margin:0 auto}

/* Footer: Sägeblatt als Hintergrund-Grafik rechts (statt Theme-Grafik) */
.elementor-5301 .elementor-element.elementor-element-2c74219{background-image:url(footer-saegeblatt.png) !important;background-size:437px auto !important;background-position:calc(100% - 140px) 0 !important;background-repeat:no-repeat !important}
@media (max-width:767px){.elementor-5301 .elementor-element.elementor-element-2c74219{background-size:260px auto !important;background-position:calc(100% + 60px) 0 !important}}

/* Über uns: Sven Stricker + Hausbau-Logo */
.st-sven{margin:60px 0}
.st-hausbau-logo{width:160px !important;height:auto !important;max-width:100%;object-fit:contain;background:#fff}

/* Startseite: Hintergrundbilder Prozess + Abschluss */
.elementor-46 .elementor-element.elementor-element-be054c8.st-steps{background-image:url(../../img/startseite/prozess.jpg) !important;background-size:cover !important;background-position:center !important}
.elementor-46 .elementor-element.elementor-element-590b9c5.st-future{background-image:url(../../img/startseite/stamm-loesung.jpg) !important;background-size:cover !important;background-position:center !important}
.elementor-46 .elementor-element.elementor-element-590b9c5.st-future::before{background-image:linear-gradient(180deg,rgba(0,0,0,0) 45%,rgba(0,0,0,.65) 100%) !important}
/* Abschluss im letzten Element */
.st-end{flex-direction:column !important;align-items:flex-start !important;gap:16px}
.st-end-text{max-width:620px}
.st-end-text p{margin:0;color:rgba(255,255,255,.9)}
.st-end .st-btn-row{margin-top:8px}
.st-end{width:100% !important;max-width:none !important;align-self:stretch !important;margin-left:0 !important}

/* Mobil: Intro deutlich höher, Textblock mittig */
@media (max-width:1024px){
  .st-hero{min-height:calc(100svh - 80px) !important;height:auto !important;display:flex !important;align-items:center !important}
  .st-hero > .e-con-inner{min-height:calc(100svh - 80px) !important;align-items:center !important;justify-content:center !important}
  .st-hero .elementor-element-215e6db{justify-content:center !important;align-self:center !important}
}
.st-end{max-width:1290px !important;margin-left:auto !important;margin-right:auto !important}
.st-end > *{align-self:flex-start !important;margin-left:0 !important;margin-right:auto !important;text-align:left !important}
.st-end .elementor-element-f61aa42{width:auto !important;max-width:100%}
.st-end{flex-wrap:nowrap !important;align-content:flex-start !important;justify-content:flex-end !important}
/* Abschluss Startseite: mittig */
.st-end{align-items:center !important}
.st-end > *{align-self:center !important;margin-left:auto !important;margin-right:auto !important;text-align:center !important}
.st-end .pxl-item--title{text-align:center !important}
.st-end .st-btn-row{justify-content:center}

/* ===== Einsatzbereich-Unterseiten ===== */
.st-area-hero{background-size:cover !important;background-position:center !important;position:relative}
.st-area-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.62) 0%,rgba(0,0,0,.35) 55%,rgba(0,0,0,.15) 100%);pointer-events:none;z-index:0}
.st-area-hero > .e-con-inner{position:relative;z-index:1}
.st-area-text{padding-top:90px;padding-bottom:40px}
.st-area-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:60px;align-items:start;width:100%}
.st-area-main h2{font-size:40px;line-height:1.2;color:#333;margin:0 0 20px}
.st-area-main h3{font-size:24px;line-height:1.3;color:#333;margin:40px 0 12px}
.st-area-main p,.st-area-main li{color:#878787;font-size:17px;line-height:1.7}
.st-area-lead{font-size:19px !important;color:#333 !important}
.st-area-main ul,.st-area-main ol{padding-left:0;margin:0;list-style:none;counter-reset:st}
.st-area-main li{position:relative;padding:10px 0 10px 34px;border-bottom:1px solid #EDEDED}
.st-area-main ul li::before{content:"";position:absolute;left:0;top:14px;width:20px;height:20px;border-radius:50%;background:#D9F8CE url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M6 10.5l2.6 2.5L14 7.5' fill='none' stroke='%23457D4D' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/20px no-repeat}
.st-area-main ol li{counter-increment:st}
.st-area-main ol li::before{content:counter(st);position:absolute;left:0;top:12px;width:22px;height:22px;border-radius:50%;background:#457D4D;color:#fff;font-size:13px;line-height:22px;text-align:center}
.st-faq details{border:1px solid #EDEDED;border-radius:12px;padding:16px 20px;margin-bottom:10px;background:#fff}
.st-faq summary{cursor:pointer;color:#333;font-weight:500;list-style:none;position:relative;padding-right:28px}
.st-faq summary::-webkit-details-marker{display:none}
.st-faq summary::after{content:"+";position:absolute;right:0;top:-2px;font-size:22px;color:#457D4D;transition:transform .3s}
.st-faq details[open] summary::after{transform:rotate(45deg)}
.st-faq details p{margin:10px 0 0}
.st-area-facts{position:sticky;top:120px;background:#EDEDED;border-radius:16px;padding:26px}
.st-area-facts-h{margin:0 0 14px;font-weight:500;color:#457D4D;font-size:18px}
.st-area-facts dl{margin:0}
.st-area-facts dt{font-size:13px;color:#878787;margin-top:12px}
.st-area-facts dd{margin:2px 0 0;color:#333;font-size:15px;line-height:1.5}
.st-area-facts-btn{display:block;margin-top:22px;text-align:center;background:#457D4D;color:#fff !important;border-radius:8px;padding:14px 20px;font-weight:500;transition:background-color .3s;animation:st-glow 2.8s ease-in-out infinite}
.st-area-facts-btn:hover{background:#333}
#bestellen{scroll-margin-top:110px}
@media (max-width:1024px){.st-area-grid{grid-template-columns:1fr;gap:30px}.st-area-facts{position:static}.st-area-main h2{font-size:30px}.st-area-text{padding-top:60px}}
.st-area-text > .e-con-inner{max-width:1290px;margin:0 auto;padding-left:15px;padding-right:15px;width:100%}
.st-area-text{display:block}
.st-area-text > .e-con-inner{max-width:1290px !important;margin-left:auto !important;margin-right:auto !important}
.st-area-text > .e-con-inner{min-width:0 !important;width:auto !important;box-sizing:border-box}
.st-area-wrap{max-width:1290px;margin:0 auto;padding:0 15px}

/* Startseite: Karten "Tradition & Region" – Hintergründe */
.elementor-46 .elementor-element.elementor-element-cf11ce1{background-image:url(../../img/startseite/saegewerk-1.jpg) !important;background-size:cover !important;background-position:center !important}
.elementor-46 .elementor-element.elementor-element-39d54a4{background-image:url(saegeblatt-gruen.png) !important;background-size:120% auto !important;background-position:center 115% !important;background-repeat:no-repeat !important}
.elementor-46 .elementor-element.elementor-element-b65d17e{background-image:linear-gradient(180deg,rgba(0,0,0,.55) 0%,rgba(0,0,0,.35) 50%,rgba(0,0,0,.6) 100%),url(../../img/startseite/saegewerk-2.jpg) !important;background-size:cover !important;background-position:center !important}

/* Karten "Tradition & Region": gleiche Headline, ausgeglichener Aufbau */
.st-cards-on-image .elementor-element-420b2e2 .pxl-item--title,
.st-cards-on-image .elementor-element-88a4c49 .pxl-item--title{font-size:30px !important;line-height:1.2 !important;font-weight:500 !important;margin:18px 0 0 !important;padding:0 !important}
.st-cards-on-image .elementor-element-420b2e2 .pxl-item--title{color:#333 !important}
.st-cards-on-image .elementor-element-88a4c49 .pxl-item--title{color:#fff !important}
.st-cards-on-image .elementor-element-420b2e2,.st-cards-on-image .elementor-element-88a4c49{margin-bottom:0 !important}
.st-card-text{margin:14px 0 18px}
.st-card-text p{margin:0;font-size:16px;line-height:1.6;color:#333}
.st-card-text-light p{color:rgba(255,255,255,.88)}
.st-cards-on-image .elementor-element-c757e99{margin-top:0 !important}
@media (max-width:1024px){.st-cards-on-image .elementor-element-420b2e2 .pxl-item--title,.st-cards-on-image .elementor-element-88a4c49 .pxl-item--title{font-size:24px !important}}

/* Karten: Abstände ausgleichen */
.st-cards-on-image .pxl-item--subtitle{margin-bottom:0 !important}
.st-cards-on-image .st-card-text p{color:#333 !important}
.st-cards-on-image .st-card-text-light p{color:rgba(255,255,255,.88) !important}

/* Breadcrumbs: nur ein Pfeil mittig zwischen den Wörtern */
.pxl-breadcrumb .breadcrumb-entry > svg{display:none !important}
.pxl-breadcrumb li > svg{margin:0 12px !important;vertical-align:middle}
.pxl-breadcrumb li,.pxl-breadcrumb li a,.pxl-breadcrumb .breadcrumb-entry{margin:0 !important;padding:0 !important}
.pxl-breadcrumb li::before,.pxl-breadcrumb li::after{display:none !important}
.st-cards-on-image .elementor-element-39d54a4::before{display:none !important}
.st-cards-on-image .elementor-element-39d54a4{flex-direction:column !important;justify-content:flex-start !important;align-items:flex-start !important;flex-wrap:nowrap !important}
.st-cards-on-image .elementor-element-39d54a4 > .elementor-element-e6f6362{margin-top:auto !important}
.st-cards-on-image .elementor-element-39d54a4 > *{width:100%}
.st-cards-on-image .elementor-element-420b2e2,.st-cards-on-image .elementor-element-420b2e2 *{min-height:0 !important}
.st-cards-on-image .elementor-element-420b2e2 .pxl-item--title{margin-bottom:0 !important;padding-bottom:0 !important}
.st-cards-on-image .elementor-element-420b2e2 .elementor-widget-container,.st-cards-on-image .elementor-element-420b2e2 .pxl-heading--inner{margin:0 !important;padding:0 !important;height:auto !important}

/* Über uns: Bilder */
.st-machine-img{display:block;width:100%;aspect-ratio:660/538;object-fit:cover;border-radius:16px}
.st-img-card{background-size:cover !important;background-position:center !important}
.st-sven .elementor-element-f6097dd img{object-fit:cover;object-position:top center}
.st-closing-cta .elementor-element-edc8dd0[style*="background-image"]{background-size:cover !important;background-position:center !important}
/* Abschluss-CTA mit Foto: Abdunkelung für lesbare Schrift */
.elementor-element-edc8dd0[style*="background-image"]{position:relative}
.elementor-element-edc8dd0[style*="background-image"]::after{content:"";position:absolute;inset:0;background:rgba(0,0,0,.45);pointer-events:none;z-index:0}
.elementor-element-edc8dd0[style*="background-image"] > .e-con-inner{position:relative;z-index:1}

/* Über uns – Sven: Bild endet unten bündig, rechte Boxen mit mehr grauem Rand oben/unten */
@media (min-width:1025px){
  .st-sven .elementor-element-31d810c{padding-top:56px !important;padding-bottom:56px !important;overflow:visible}
  .st-sven .elementor-element-4b91aec{display:flex !important;flex-direction:column !important;justify-content:flex-end !important;margin-top:-56px !important;margin-bottom:-56px !important;align-self:stretch !important}
  .st-sven .elementor-element-f6097dd{margin:0 !important;position:relative !important;top:auto !important;bottom:auto !important}
  .st-sven .elementor-element-f6097dd img{display:block;height:680px !important;width:auto !important;max-width:none !important;object-fit:contain !important;object-position:bottom center !important;margin:0 auto}
}

/* Regionales Holz: "Herkunft"-Kapsel weiß, grüne Box höher, weniger Abstand vor den Vorteilen */
.elementor-42 .elementor-element-9fa32d7 .pxl--item{display:inline-flex !important;align-items:center;gap:8px;background:#fff !important;border-radius:999px;padding:9px 20px !important}
.elementor-42 .elementor-element-9fa32d7 .pxl--item,.elementor-42 .elementor-element-9fa32d7 .pxl--item span{color:#457D4D !important}
.elementor-42 .elementor-element-9fa32d7 .pxl-item--icon{color:#457D4D !important}
@media (min-width:1025px){
  .elementor-42 .elementor-element-33e3968{padding-top:56px !important;padding-bottom:56px !important}
  .elementor-42 .elementor-element-290f8e7{margin-top:-56px !important;margin-bottom:-56px !important}
}
.elementor-42 .elementor-element-b8639dd{padding-bottom:30px !important;margin-bottom:0 !important}
.elementor-42 .st-adv{padding-top:0 !important;margin-top:0 !important}

/* Impressum / Datenschutz */
.st-legal .st-area-main{max-width:860px}
.st-legal .st-area-main h3{font-size:21px;margin-top:34px}
.st-legal .st-area-main a{color:#457D4D;text-decoration:underline}
.st-legal{padding-bottom:90px}
/* Footer Kontakt: Telefon / E-Mail untereinander */
#pxl-footer-elementor .elementor-element-58265a0 .pxl-item--description a{color:inherit;white-space:nowrap}
#pxl-footer-elementor .elementor-element-58265a0 .pxl-item--description a:hover{color:#D9F8CE}

/* Sticky-Header: gleiche Leiste wie oben, auf weißem Grund */
.pxl-header-elementor-sticky{background:#fff !important;box-shadow:0 4px 20px rgba(0,0,0,.08)}
.pxl-header-elementor-sticky .elementor-112 > .e-con,.pxl-header-elementor-sticky .elementor-112 > .elementor-element{margin-top:0 !important;margin-bottom:0 !important;background-color:#fff !important;backdrop-filter:none !important}

/* Menü: aktiver Punkt unterstrichen (ohne Springen) */
.pxl-menu-primary > li > a .pxl-menu-item-text span{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:7px;text-decoration-color:transparent;transition:text-decoration-color .3s ease}
.pxl-menu-primary > li.current-menu-item > a .pxl-menu-item-text span,.pxl-menu-primary > li > a:hover .pxl-menu-item-text span{text-decoration-color:#457D4D}
.pxl-menu-primary > li.current-menu-item > a .pxl-menu-item-text::before{display:none !important}
/* Sub-Footer: Credit auf gleicher Höhe wie Copyright und Social-Links */
@media (min-width:1025px){.st-credit{top:calc(50% + 8px) !important;line-height:26px}}
/* Über uns: Bild unter dem Text höher, alle Ecken rund */
.st-uu-img{height:auto !important;min-height:0 !important;border-radius:16px !important;overflow:hidden}
.st-uu-img .elementor-element,.st-uu-img .elementor-widget-container,.st-uu-img .pxl-item--inner,.st-uu-img .pxl-item--image{height:auto !important}
.st-uu-img img{height:680px !important;width:100% !important;object-fit:cover;border-radius:16px !important;display:block}
@media (max-width:1024px){.st-uu-img img{height:420px !important}}
@media (max-width:767px){.st-uu-img img{height:300px !important}}
.elementor-53 .st-uu-img .elementor-element-3b099a6 > .elementor-widget-container{margin:0 !important}
/* Kontakt: Boxen rechts */
.st-kontakt-right{display:flex !important;flex-direction:column !important;justify-content:center !important;gap:12px}
.st-kontakt-right .st-hours{margin:0 0 4px}
.st-kontakt-right > .elementor-element{width:100% !important;margin:0 !important}
.st-agency-logo img{max-width:180px;height:auto;display:block;margin:6px 0 4px}

/* Mobil: Logo im Menü füllt fast die ganze Leistenhöhe */
@media (max-width:1199px){
  .pxl-header-main .pxl-header-branding,.pxl-header-main .pxl-header-branding a{height:auto !important;max-height:none !important;display:flex;align-items:center}
  .pxl-header-main .pxl-header-branding img[src*="logo-stricker-quer-outline"]{height:74px !important;width:auto !important;max-width:calc(100vw - 110px) !important;max-height:none !important}
}

/* 404: Schnelllinks + FAQ-Akkordeon */
.st-404-links{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0 10px}
.st-pill{display:inline-block;padding:9px 18px;border-radius:999px;background:#D9F8CE;color:#457D4D !important;text-decoration:none !important;font-weight:500;transition:background-color .3s,color .3s}
.st-pill:hover{background:#457D4D;color:#fff !important}
.st-faq404{max-width:860px}
.st-faq404 .pxl--item{border-bottom:1px solid #EDEDED}
.st-faq404 .pxl-accordion--title{cursor:pointer;margin:0;padding:18px 0;font-size:19px;color:#333}
.st-faq404 .pxl--item.active .pxl-accordion--title{color:#457D4D}
.st-faq404 .pxl-accordion--content{display:none;padding:0 0 18px}
.st-faq404 .pxl-accordion--content p{margin:0}
.st-faq404 .pxl-accordion--content a{color:#457D4D;text-decoration:underline}

/* ===== Headlines in 700 ===== */
/* Die Bold-Datei von General Sans fehlt im Theme -> 700 wird aus Medium berechnet (font-synthesis).
   Für echtes Bold: GeneralSans-Bold.woff2 nach wp-content/themes/atlas/assets/fonts/general-sans/ legen. */
@font-face{font-family:"st-head";font-weight:500;font-style:normal;font-display:swap;
  src:url(../../wp-content/themes/atlas/assets/fonts/general-sans/GeneralSans-Medium.woff2) format("woff2"),url(../../wp-content/themes/atlas/assets/fonts/general-sans/GeneralSans-Medium.woff) format("woff")}
h1,h2,h3,h4,h5,h6,.pxl-item--title,.pxl-heading .pxl-item--title,.title-box,.pxl-post--title,.pxl-accordion--title,.st-area-main h2,.st-area-main h3{font-family:"st-head","general sans",sans-serif !important;font-weight:700 !important;font-synthesis:weight}

/* Startseite: "Vom Stamm zur Lösung." mittig zwischen Karten und Footer */
@media (min-width:1025px){
  .st-future > .e-con-inner{padding-bottom:140px !important}
  .st-future .st-end{margin-top:140px !important}
}
@media (max-width:1024px){
  .st-future > .e-con-inner{padding-bottom:80px !important}
  .st-future .st-end{margin-top:80px !important}
}

/* Regionales Holz: Überschrift und Vorteil-Kacheln gehören zusammen */
.elementor-42 .st-adv > .e-con-inner{padding-top:0 !important}
.elementor-42 .elementor-element-b8639dd{padding-bottom:20px !important}
.elementor-42 .elementor-element-c54822d{margin-bottom:0 !important}
.st-legal-sep{border:0;border-top:1px solid #DADADA;margin:44px 0 0}

/* Header: Telefon-Button nur so breit wie nötig */
.elementor-112 .elementor-element.elementor-element-84cec9c{--width:auto !important;width:auto !important;padding-right:22px !important}

/* Header beim Scrollen schmaler */
.pxl-header-elementor-sticky .elementor-element-06b2e2f > .e-con-inner{padding-top:8px !important;padding-bottom:8px !important}
.pxl-header-elementor-sticky .elementor-element-20469fe{padding-top:6px !important;padding-bottom:6px !important;min-height:0 !important}
.pxl-header-elementor-sticky .elementor-element-84cec9c{padding-top:4px !important;padding-bottom:4px !important}
.pxl-header-elementor-sticky .pxl-button .btn{padding-top:10px !important;padding-bottom:10px !important;min-height:0 !important}
.pxl-header-elementor-sticky .pxl-logo img[src*="logo-stricker-quer-outline"]{width:150px !important}
.pxl-header-elementor-sticky .pxl-menu-primary > li,.pxl-header-elementor-sticky .pxl-menu-primary > li > a,.pxl-header-elementor-sticky .pxl-menu-primary > li > a .pxl-menu-item-text,.pxl-header-elementor-sticky .pxl-menu-primary > li > a .pxl-menu-item-text > span{height:auto !important;line-height:1.4 !important;min-height:0 !important}
.pxl-header-elementor-sticky .pxl-menu-primary > li > a{padding-top:14px !important;padding-bottom:14px !important}
.pxl-header-elementor-sticky .pxl-button .btn,.pxl-header-elementor-sticky .pxl-button .btn .pxl--btn-text{height:auto !important;line-height:1.3 !important}
.pxl-header-elementor-sticky .pxl-button .btn{padding:14px 26px !important}