/*
Theme Name: Propex Corporate
Theme URI: https://www.propex.ch/
Description: Einheitliches Corporate Design für Propex GmbH auf Basis von Astra.
Author: Propex GmbH
Template: astra
Version: 1.0.0
*/

:root{--px-blue:#1767ad;--px-blue-dark:#0d385e;--px-green:#36a853;--px-ink:#17212b;--px-muted:#5c6975;--px-line:#dfe7ed;--px-soft:#f4f8fb;--px-white:#fff;--px-shadow:0 16px 44px rgba(13,56,94,.10);--px-radius:20px;--px-width:1180px}
html{scroll-be-beh:smooth}body{color:var(--px-ink);font-family:Inter,"Helvetica Neue",Arial,sans-serif;line-height:1.65;background:#fff}.site-content{overflow:hidden}.px-page *{box-sizing:border-box}.px-page h1,.px-page h2,.px-page h3{font-weight:750;letter-spacing:-.025em;line-height:1.12;color:var(--px-ink);margin:0 0 18px}.px-page h1{font-size:clamp(2.6rem,6vw,5.25rem)}.px-page h2{font-size:clamp(2rem,4vw,3.25rem)}.px-page h3{font-size:1.35rem}.px-page p, .px-page p{font-size:1.05rem}.px-wrap{width:min(calc(100% - 40px),var(--px-width));margin:auto}.px-section{padding:96px 0}.px-section--soft{background:var(--px-soft)}.px-kicker{display:inline-flex;align-items:center;gap:9px;color:var(--px-blue);font-weight:800;font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;margin-bottom:18px}.px-kicker:before{content:"";width:28px;height:3px;border-radius:3px;background:var(--px-green)}.px-lead{font-size:clamp(1.08rem,2vw,1.28rem)!important;color:var(--px-muted);max-width:760px}.px-btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:13px 25px;border-radius:999px;font-weight:750;text-decoration:none!important;transition:.25s ease;border:2px solid transparent}.px-btn--green{background:var(--px-green);color:#fff!important}.px-btn--blue{background:var(--px-blue);color:#fff!important}.px-btn--ghost{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.65);color:#fff!important}.px-btn:hover{transform:translateY(-2px);filter:brightness(.96);box-shadow:0 10px 24px rgba(13,56,94,.18)}.px-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.px-grid{display:grid;gap:24px}.px-grid--2{grid-template-columns:repeat(2,1fr)}.px-grid--3{grid-template-columns:repeat(3,1fr)}.px-grid--4{grid-template-columns:repeat(4,1fr)}.px-card{background:#fff;border:1px solid var(--px-line);border-radius:var(--px-radius);overflow:hidden;box-shadow:0 8px 28px rgba(13,56,94,.06);transition:.3s ease}.px-card:hover{transform:translateY(-6px);box-shadow:var(--px-shadow)}.px-card__body{padding:28px}.px-card img{display:block;width:100%;height:230px;object-fit:cover}.px-card p{color:var(--px-muted);font-size:.98rem}.px-link{color:var(--px-blue);font-weight:750;text-decoration:none}.px-link:after{content:" →"}.px-hero{position:relative;min-height:710px;display:grid;align-items:center;background:var(--px-blue-dark);color:#fff}.px-hero__slides,.px-hero__slide,.px-hero:after{position:absolute;inset:0}.px-hero__slide{opacity:0;background-size:cover;background-position:center;transform:scale(1.02);transition:opacity 1s ease,transform 7s ease}.px-hero__slide.is-active{opacity:1;transform:scale(1.08)}.px-hero:after{content:"";background:linear-gradient(90deg,rgba(6,31,52,.91) 0%,rgba(6,31,52,.65) 52%,rgba(6,31,52,.18) 100%)}.px-hero__content{position:relative;z-index:2;max-width:850px;padding:110px 0}.px-hero h1,.px-hero p{color:#fff}.px-hero .px-lead{color:rgba(255,255,255,.9)}.px-hero__eyebrow{font-weight:800;letter-spacing:.16em;text-transform:uppercase;font-size:.82rem;color:#9ee5ad!important}.px-trust{position:relative;z-index:3;margin-top:-55px}.px-trust__inner{display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border-radius:20px;box-shadow:var(--px-shadow);overflow:hidden}.px-stat{padding:26px 24px;text-align:center;border-right:1px solid var(--px-line)}.px-stat:last-child{border:0}.px-stat strong{display:block;font-size:1.55rem;color:var(--px-blue-dark)}.px-stat span{font-size:.9rem;color:var(--px-muted)}.px-intro{display:grid;grid-template-columns:1.05fr .95fr;gap:64px;align-items:center}.px-intro img{width:100%;height:500px;object-fit:cover;border-radius:26px;box-shadow:var(--px-shadow)}.px-checks{list-style:none;margin:26px 0 0;padding:0;display:grid;gap:12px}.px-checks li{position:relative;padding-left:31px}.px-checks li:before{content:"✓";position:absolute;left:0;color:var(--px-green);font-weight:900}.px-audiences .px-card{padding:28px}.px-audiences .px-card h3{color:var(--px-blue-dark)}.px-gallery{display:grid;grid-template-columns:1.2fr .8fr .8fr;grid-auto-rows:220px;gap:16px}.px-gallery figure{margin:0;position:relative;overflow:hidden;border-radius:18px}.px-gallery figure:first-child{grid-row:span 2}.px-gallery img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}.px-gallery figure:hover img{transform:scale(1.04)}.px-gallery figcaption{position:absolute;left:14px;right:14px;bottom:14px;padding:10px 13px;border-radius:10px;background:rgba(10,33,52,.78);color:#fff;font-size:.86rem}.px-cta{background:linear-gradient(120deg,var(--px-blue-dark),var(--px-blue));border-radius:28px;padding:58px;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:30px}.px-cta h2,.px-cta p{color:#fff}.px-service-hero{position:relative;padding:150px 0 110px;background-size:cover;background-position:center;color:#fff}.px-service-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,36,59,.9),rgba(7,36,59,.42))}.px-service-hero .px-wrap{position:relative;z-index:1}.px-service-hero h1,.px-service-hero p{color:#fff}.px-service-hero h1{max-width:850px}.px-service-hero .px-lead{color:rgba(255,255,255,.9)}.px-service-list{display:grid;grid-template-columns:repeat(2,1fr);gap:12px 32px;list-style:none;padding:0;margin:26px 0}.px-service-list li{padding:15px 0 15px 30px;border-bottom:1px solid var(--px-line);position:relative}.px-service-list li:before{content:"✓";position:absolute;left:0;color:var(--px-green);font-weight:900}.px-process{counter-reset:pxstep}.px-process .px-card{padding:30px}.px-process .px-card:before{counter-increment:pxstep;content:"0" counter(pxstep);display:block;color:var(--px-green);font-weight:850;font-size:1.05rem;margin-bottom:16px}.px-faq details{background:#fff;border:1px solid var(--px-line);border-radius:14px;padding:20px 22px;margin-bottom:12px}.px-faq summary{font-weight:750;cursor:pointer;color:var(--px-blue-dark)}.px-faq details p{margin:14px 0 0;color:var(--px-muted)}.px-contact-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:48px;align-items:start}.px-contact-card{background:var(--px-blue-dark);border-radius:24px;padding:34px;color:#fff}.px-contact-card h3,.px-contact-card p,.px-contact-card a{color:#fff}.px-contact-card a{text-decoration:none}.px-form{background:#fff;border:1px solid var(--px-line);border-radius:24px;padding:30px;box-shadow:var(--px-shadow)}.px-page .forminator-ui.forminator-custom-form{box-shadow:none!important;border:0!important;padding:0!important}.px-reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease}.px-reveal.is-visible{opacity:1;transform:none}.px-note{padding:18px 20px;border-left:4px solid var(--px-green);background:#eff9f2;border-radius:0 12px 12px 0}.site-footer .widget-title,.site-footer h3,.site-footer h4{letter-spacing:-.01em}.site-footer a{transition:color .2s ease}.site-footer a:hover{color:var(--px-green)!important}
@media(max-width:920px){.px-section{padding:72px 0}.px-grid--3,.px-grid--4{grid-template-columns:repeat(2,1fr)}.px-intro,.px-contact-grid{grid-template-columns:1fr}.px-gallery{grid-template-columns:1fr 1fr}.px-gallery figure:first-child{grid-row:span 1;grid-column:span 2}.px-cta{align-items:flex-start;flex-direction:column}.px-hero{min-height:650px}}
@media(max-width:620px){.px-wrap{width:min(calc(100% - 28px),var(--px-width))}.px-section{padding:58px 0}.px-hero{min-height:640px}.px-hero__content{padding:90px 0}.px-trust{margin-top:-30px}.px-trust__inner{grid-template-columns:1fr 1fr}.px-stat:nth-child(2){border-right:0}.px-stat:nth-child(-n+2){border-bottom:1px solid var(--px-line)}.px-grid--2,.px-grid--3,.px-grid--4,.px-service-list{grid-template-columns:1fr}.px-card img{height:210px}.px-gallery{grid-template-columns:1fr;grid-auto-rows:230px}.px-gallery figure:first-child{grid-column:auto}.px-cta{padding:34px 24px}.px-service-hero{padding:110px 0 80px}.px-form{padding:20px 14px}.px-btn{width:100%}.px-actions{flex-direction:column}.px-intro img{height:350px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.px-reveal{opacity:1;transform:none;transition:none}.px-hero__slide{transition:opacity .2s ease;transform:none!important}.px-card,.px-btn,.px-gallery img{transition:none}}
html{scroll-behavior:smooth}

.px-page h1,.px-page h2,.px-page h3{font-family:Inter,Helvetica Neue,Arial,sans-serif}

/* Zweite Optimierungsrunde: individuelle Inhaltsbausteine */
.px-split{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
.px-split--media-first{grid-template-columns:.9fr 1.1fr}
.px-media{margin:0;position:relative}
.px-media img{display:block;width:100%;height:440px;object-fit:cover;border-radius:24px;box-shadow:var(--px-shadow)}
.px-media--tall img{height:590px}
.px-media figcaption{position:absolute;left:18px;right:18px;bottom:18px;padding:11px 14px;border-radius:11px;background:rgba(7,36,59,.82);color:#fff;font-size:.88rem}
.px-room-grid{margin-top:36px}
.px-room{background:#fff;border:1px solid var(--px-line);border-top:4px solid var(--px-green);border-radius:18px;padding:26px;box-shadow:0 8px 28px rgba(13,56,94,.06)}
.px-room ul,.px-competence ul{margin:0;padding-left:20px;color:var(--px-muted)}
.px-room li,.px-competence li{margin:8px 0}
.px-pill-list{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}
.px-pill-list span{display:inline-flex;padding:8px 14px;border:1px solid #bfd2df;border-radius:999px;background:#fff;color:var(--px-blue-dark);font-size:.9rem;font-weight:700}
.px-pill-list--center{justify-content:center;margin-top:0}
.px-quality,.px-highlight{background:linear-gradient(145deg,#f3f8fb,#fff);border:1px solid var(--px-line);border-radius:24px;padding:34px;box-shadow:var(--px-shadow)}
.px-quality--wide{padding:46px}
.px-highlight{border-top:5px solid var(--px-green)}
.px-timeline{position:relative;margin-top:38px;display:grid;gap:20px}
.px-timeline:before{content:"";position:absolute;left:27px;top:32px;bottom:32px;width:2px;background:#b8d9c0}
.px-timeline article{position:relative;display:grid;grid-template-columns:58px 1fr;gap:24px;background:#fff;border:1px solid var(--px-line);border-radius:18px;padding:24px 28px}
.px-timeline article>span{position:relative;z-index:1;width:56px;height:56px;display:grid;place-items:center;border-radius:50%;background:var(--px-green);color:#fff;font-weight:850}
.px-timeline h3{margin-bottom:8px}
.px-before-after{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:34px}
.px-before-after figure{margin:0;position:relative;overflow:hidden;border-radius:22px;background:#fff;box-shadow:var(--px-shadow)}
.px-before-after img{display:block;width:100%;height:430px;object-fit:cover}
.px-before-after figcaption{position:absolute;left:16px;bottom:16px;padding:9px 16px;border-radius:999px;background:var(--px-blue-dark);color:#fff;font-weight:800}
.px-caption{margin:22px 0 0;color:var(--px-muted);font-size:.95rem!important}
.px-section--dark{background:var(--px-blue-dark);color:#fff}
.px-section--dark h2,.px-section--dark h3,.px-section--dark p,.px-section--dark li{color:#fff}
.px-note--dark{background:rgba(255,255,255,.09);color:#fff;border-color:#8de49f}
.px-competence{margin-top:36px}
.px-competence article{background:#fff;border:1px solid var(--px-line);border-radius:18px;padding:28px;border-bottom:4px solid var(--px-blue)}
.px-step-grid{margin-top:36px}
.px-grid--5{grid-template-columns:repeat(5,1fr)}
.px-step-grid article{background:#fff;border:1px solid var(--px-line);border-radius:17px;padding:24px;min-height:150px}
.px-step-grid span{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--px-green);color:#fff;font-weight:850;margin-bottom:18px}
.px-step-grid h3{font-size:1.08rem}
.px-floor-grid{margin-top:38px}
.px-floor-grid article{overflow:hidden;background:#fff;border:1px solid var(--px-line);border-radius:24px;box-shadow:var(--px-shadow)}
.px-floor-grid article>img{width:100%;height:300px;object-fit:cover}
.px-floor-grid article>div{padding:30px}
.px-mini-cards{margin-top:30px}
.px-mini-cards article{padding:22px;border-radius:15px;background:var(--px-soft);border:1px solid var(--px-line)}
.px-mini-cards h3{font-size:1.08rem;margin-bottom:8px}
.px-contact-person{padding:64px 0;background:#fff}
.px-contact-person__inner{display:flex;align-items:center;justify-content:space-between;gap:34px;padding:42px;border:1px solid var(--px-line);border-radius:26px;box-shadow:var(--px-shadow)}
.px-contact-person h2{font-size:clamp(1.8rem,3vw,2.5rem)}
.px-contact-person__name{margin:0;color:var(--px-blue-dark)!important;font-weight:800}
.px-contact-person__details{margin:4px 0 0;color:var(--px-muted)}
.px-map-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:44px;align-items:stretch}
.px-map{min-height:480px;border-radius:24px;overflow:hidden;box-shadow:var(--px-shadow);background:var(--px-soft)}
.px-map iframe{display:block;width:100%;height:100%;min-height:480px;border:0}
.px-location{padding:40px;border:1px solid var(--px-line);border-radius:24px;background:#fff}
.px-location a{color:var(--px-blue);text-decoration:none;font-weight:700}
.px-review{display:grid;grid-template-columns:.8fr 1.25fr auto;gap:36px;align-items:center}
.px-stars{color:#f4b400;font-size:1.8rem;letter-spacing:.1em}
.px-review__score{color:var(--px-muted)}
.px-review__score strong{font-size:1.45rem;color:var(--px-blue-dark)}
.px-review blockquote{margin:0;padding:26px 30px;border-left:4px solid var(--px-green);background:#fff;border-radius:0 18px 18px 0;font-size:1.15rem;color:var(--px-blue-dark)}
.px-review cite{display:block;margin-top:10px;font-size:.86rem;color:var(--px-muted);font-style:normal}
@media(max-width:920px){.px-split,.px-split--media-first,.px-map-grid,.px-review{grid-template-columns:1fr}.px-grid--5{grid-template-columns:repeat(3,1fr)}.px-competence{grid-template-columns:repeat(2,1fr)}.px-review .px-btn{justify-self:start}.px-map{order:0}.px-location{order:1}}
@media(max-width:620px){.px-split{gap:34px}.px-media img,.px-media--tall img{height:320px}.px-room-grid,.px-competence,.px-grid--5,.px-before-after{grid-template-columns:1fr}.px-before-after img{height:300px}.px-quality,.px-highlight,.px-quality--wide,.px-location{padding:26px 22px}.px-contact-person{padding:46px 0}.px-contact-person__inner{align-items:flex-start;flex-direction:column;padding:28px 22px}.px-timeline article{grid-template-columns:46px 1fr;padding:20px 16px;gap:14px}.px-timeline article>span{width:44px;height:44px}.px-map,.px-map iframe{min-height:360px}.px-review{gap:24px}.px-review .px-btn{width:100%}}