/*
Theme Name: PGS Clean 2026 – Divi Child
Theme URI: https://pgs-services.de/
Description: Divi-Child-Theme für PGS Gebäudereinigung GmbH. Optimiert für den Divi Visual Builder und den Divi Theme Builder.
Author: OpenAI for PGS Gebäudereinigung GmbH
Template: Divi
Version: 2.1.0
Requires at least: 6.4
Requires PHP: 7.4
Text Domain: pgs-clean-divi
License: GPL-2.0-or-later
*/

:root{
  --pgs-green:#21b67a;
  --pgs-green-dark:#0d7f55;
  --pgs-green-soft:#eef9f4;
  --pgs-charcoal:#222a2e;
  --pgs-text:#333b3f;
  --pgs-muted:#6f7a80;
  --pgs-line:#e7ece9;
  --pgs-white:#fff;
  --pgs-shadow:0 18px 50px rgba(18,54,40,.12);
  --pgs-radius:18px;
}

/* Divi-Grundlook */
body{color:var(--pgs-text);font-family:Inter,Arial,sans-serif}
#page-container{overflow:hidden}
.et_pb_section{background-color:#fff}
.et_pb_row{width:90%;max-width:1240px}

/* Typografie */
.pgs-eyebrow{font-size:13px!important;font-weight:800!important;letter-spacing:.12em!important;text-transform:uppercase!important;color:var(--pgs-green)!important;margin-bottom:8px!important}
.pgs-display h1,.pgs-display h2{font-weight:800!important;letter-spacing:-.04em!important;line-height:1.02!important}
.pgs-muted{color:var(--pgs-muted)!important}

/* Buttons – Klassen im Divi-Modul unter Erweitert > CSS-ID & Klassen eintragen */
.pgs-btn .et_pb_button,.et_pb_button.pgs-btn{border-radius:8px!important;border:0!important;font-weight:800!important;letter-spacing:.02em!important;padding:.85em 1.35em!important;box-shadow:0 10px 24px rgba(22,163,107,.22);transition:all .2s ease!important}
.pgs-btn .et_pb_button:hover,.et_pb_button.pgs-btn:hover{transform:translateY(-2px);padding:.85em 1.35em!important}
.pgs-btn-primary .et_pb_button,.et_pb_button.pgs-btn-primary{background:var(--pgs-green)!important;color:#fff!important}
.pgs-btn-primary .et_pb_button:hover,.et_pb_button.pgs-btn-primary:hover{background:var(--pgs-green-dark)!important}
.pgs-btn-light .et_pb_button,.et_pb_button.pgs-btn-light{background:#fff!important;color:var(--pgs-green-dark)!important}

/* Hero */
.pgs-hero{min-height:680px;display:flex;align-items:center;position:relative}
.pgs-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(14,29,24,.92) 0%,rgba(14,29,24,.72) 42%,rgba(14,29,24,.18) 80%);z-index:1}
.pgs-hero>.et_pb_row{position:relative;z-index:2}
.pgs-hero h1{font-size:clamp(42px,6vw,84px)!important;line-height:.95!important;letter-spacing:-.055em!important;text-transform:uppercase;font-weight:800!important}
.pgs-hero-accent{color:#63dca8}

/* Trust Leiste */
.pgs-trust-row{background:#fff;border:1px solid var(--pgs-line);border-radius:14px;box-shadow:var(--pgs-shadow);padding:16px 18px;margin-top:-42px!important;position:relative;z-index:10}
.pgs-trust-row .et_pb_column{padding:10px 14px;border-right:1px solid var(--pgs-line)}
.pgs-trust-row .et_pb_column:last-child{border-right:0}
.pgs-trust-row .et_pb_blurb_content{max-width:none}
.pgs-trust-row .et_pb_main_blurb_image{margin-bottom:8px}
.pgs-trust-row .et-pb-icon{color:var(--pgs-green)!important;background:var(--pgs-green-soft);border-radius:50%;padding:9px;font-size:24px!important}
.pgs-trust-row h4{font-size:14px!important;font-weight:800!important;color:var(--pgs-charcoal)!important}
.pgs-trust-row .et_pb_blurb_description{font-size:12px;color:var(--pgs-muted)}

/* Karten */
.pgs-card{background:#fff;border:1px solid var(--pgs-line);border-radius:var(--pgs-radius);overflow:hidden;box-shadow:0 0 0 rgba(0,0,0,0);transition:transform .25s ease,box-shadow .25s ease}
.pgs-card:hover{transform:translateY(-5px);box-shadow:var(--pgs-shadow)}
.pgs-card .et_pb_image img{width:100%;aspect-ratio:4/3;object-fit:cover}
.pgs-card .et_pb_text{padding-left:20px!important;padding-right:20px!important}
.pgs-card h3,.pgs-card h4{font-weight:800!important;color:var(--pgs-charcoal)!important}

/* Dunkler Vorteilsbereich */
.pgs-dark{background:linear-gradient(105deg,#1f2926,#293632)!important;color:#fff}
.pgs-dark h1,.pgs-dark h2,.pgs-dark h3,.pgs-dark h4{color:#fff!important}
.pgs-dark .et_pb_text_inner,.pgs-dark p{color:rgba(255,255,255,.78)}

/* Kennzahlen */
.pgs-stats .et_pb_number_counter{padding:22px 10px;border-right:1px solid var(--pgs-line)}
.pgs-stats .et_pb_column:last-child .et_pb_number_counter{border-right:0}
.pgs-stats .percent-value{font-weight:900!important;color:var(--pgs-charcoal)!important}
.pgs-stats .title{font-size:12px!important;font-weight:800!important;text-transform:uppercase;letter-spacing:.08em;color:var(--pgs-muted)!important}

/* CTA */
.pgs-cta{background:linear-gradient(90deg,var(--pgs-green-dark),var(--pgs-green))!important;border-radius:24px;padding:20px!important;overflow:hidden}
.pgs-cta h2,.pgs-cta h3,.pgs-cta p{color:#fff!important}

/* Formulare: Divi Contact Form */
.pgs-form .et_pb_contact_field input,.pgs-form .et_pb_contact_field textarea,.pgs-form .et_pb_contact_field select{background:#f7faf8!important;border:1px solid var(--pgs-line)!important;border-radius:8px!important;padding:16px!important;color:var(--pgs-text)!important}
.pgs-form .et_contact_bottom_container{float:none!important;display:block!important;text-align:left!important;margin-top:12px!important}
.pgs-form .et_pb_contact_submit{background:var(--pgs-green)!important;color:#fff!important;border:0!important;border-radius:8px!important;font-weight:800!important}

/* Header im Divi Theme Builder: Klasse pgs-header an die Section */
.pgs-header{background:rgba(255,255,255,.96)!important;backdrop-filter:blur(14px);box-shadow:0 1px 0 rgba(0,0,0,.06)}
.pgs-header .et_pb_menu__logo img{max-height:58px!important}
.pgs-header .et-menu>li>a{font-weight:700;color:#2e3539!important}
.pgs-header .et-menu>li>a:hover{color:var(--pgs-green)!important;opacity:1!important}
.pgs-header .et_pb_menu .et_mobile_menu{border-top:3px solid var(--pgs-green)}

/* Footer */
.pgs-footer{background:#17201d!important;color:#d7dedb}
.pgs-footer h1,.pgs-footer h2,.pgs-footer h3,.pgs-footer h4{color:#fff!important}
.pgs-footer a{color:#c8d1cd}
.pgs-footer a:hover{color:#fff}

/* Service-CPT */
.single-pgs_service #main-content .container{padding-top:70px;padding-bottom:70px}
.single-pgs_service .et_post_meta_wrapper img{border-radius:18px}

@media(max-width:980px){
  .pgs-hero{min-height:580px}
  .pgs-trust-row{margin-top:-20px!important}
  .pgs-trust-row .et_pb_column{border-right:0;border-bottom:1px solid var(--pgs-line)}
  .pgs-trust-row .et_pb_column:last-child{border-bottom:0}
  .pgs-stats .et_pb_number_counter{border-right:0;border-bottom:1px solid var(--pgs-line)}
}
@media(max-width:767px){
  .pgs-hero h1{font-size:44px!important}
  .pgs-hero{min-height:520px}
  .pgs-cta{border-radius:16px}
}


/* ==========================================================
   PGS Startseiten-Layout 2026 – importierbare Divi Demo
   ========================================================== */
.pgs-home-2026 .et_pb_row{max-width:1240px}
.pgs-hero-v2{min-height:720px;display:flex;align-items:center;position:relative;overflow:hidden;background:
 radial-gradient(circle at 79% 23%,rgba(80,222,166,.22),transparent 22%),
 linear-gradient(112deg,#14211d 0%,#20342c 48%,#f5f8f7 48.2%,#ecf4f0 100%)!important}
.pgs-hero-v2:before{content:"";position:absolute;right:-5%;top:6%;width:49%;height:90%;background:
 linear-gradient(90deg,rgba(255,255,255,.1) 1px,transparent 1px),
 linear-gradient(rgba(255,255,255,.1) 1px,transparent 1px),
 linear-gradient(145deg,rgba(34,182,122,.2),rgba(11,61,44,.05));background-size:64px 100%,100% 78px,100% 100%;transform:skewX(-7deg);border-left:1px solid rgba(255,255,255,.35);box-shadow:-30px 0 80px rgba(12,56,40,.12)}
.pgs-hero-v2>.et_pb_row{position:relative;z-index:2}
.pgs-hero-v2 h1{color:#fff!important;font-size:clamp(42px,5.5vw,76px)!important;line-height:.98!important;font-weight:900!important;letter-spacing:-.055em!important;text-transform:uppercase}
.pgs-hero-v2 .pgs-hero-copy p{color:rgba(255,255,255,.82)!important;font-size:19px;line-height:1.7;max-width:620px}
.pgs-hero-v2 .pgs-kicker{color:#66e0ad!important;font-size:13px!important;font-weight:800!important;letter-spacing:.15em!important;text-transform:uppercase}
.pgs-hero-v2 .pgs-visual-card{margin-left:auto;background:rgba(255,255,255,.96);border-radius:26px;padding:26px;max-width:430px;box-shadow:0 28px 90px rgba(8,32,24,.22);transform:rotate(-2deg);border:1px solid rgba(255,255,255,.8)}
.pgs-visual-card h3{font-size:27px!important;font-weight:900!important;color:#17251f!important;margin-bottom:8px}
.pgs-visual-card .pgs-logo-mark{width:110px;height:76px;border:3px solid var(--pgs-green);border-radius:40px 40px 18px 18px;display:flex;align-items:center;justify-content:center;color:var(--pgs-green);font-size:44px;font-weight:900;margin-bottom:18px}
.pgs-mini-list{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:18px}
.pgs-mini-list span{display:block;background:var(--pgs-green-soft);border-radius:10px;padding:10px 12px;color:#194c38;font-weight:700;font-size:13px}
.pgs-section-pad{padding-top:90px!important;padding-bottom:90px!important}
.pgs-section-head{max-width:760px;margin-bottom:42px!important}
.pgs-section-head h2{font-size:clamp(34px,4vw,54px)!important;font-weight:900!important;letter-spacing:-.045em!important;line-height:1.02!important;color:#18231f!important}
.pgs-service-card{height:100%;background:#fff;border:1px solid #e4ebe7;border-radius:18px;padding:26px!important;box-shadow:0 8px 24px rgba(11,48,35,.05);transition:.22s ease}
.pgs-service-card:hover{transform:translateY(-6px);box-shadow:0 20px 50px rgba(11,48,35,.12);border-color:#cce6da}
.pgs-service-card .pgs-card-icon{width:54px;height:54px;border-radius:15px;background:var(--pgs-green-soft);display:flex;align-items:center;justify-content:center;font-size:27px;margin-bottom:20px}
.pgs-service-card h3{font-weight:900!important;font-size:21px!important;color:#1c2823!important}
.pgs-service-card p{color:#68756f;line-height:1.65}
.pgs-service-card a{font-weight:800;color:var(--pgs-green-dark)}
.pgs-why-v2{background:#17231f!important;position:relative;overflow:hidden}
.pgs-why-v2:after{content:"PGS";position:absolute;right:-1vw;bottom:-8vw;font-size:26vw;font-weight:900;color:rgba(255,255,255,.025);line-height:1;pointer-events:none}
.pgs-why-v2 h2{color:#fff!important;font-size:clamp(34px,4vw,54px)!important;font-weight:900!important;letter-spacing:-.045em!important}
.pgs-why-card{border-left:2px solid var(--pgs-green);padding:4px 20px!important}
.pgs-why-card h3{color:#fff!important;font-weight:850!important;font-size:19px!important}
.pgs-why-card p{color:rgba(255,255,255,.68)!important}
.pgs-stat-box{text-align:center;padding:22px 8px!important}
.pgs-stat-box strong{display:block;font-size:46px;line-height:1;font-weight:900;color:#17231f;letter-spacing:-.05em}
.pgs-stat-box span{display:block;margin-top:9px;color:#74817b;font-weight:800;text-transform:uppercase;letter-spacing:.09em;font-size:11px}
.pgs-project-card{border-radius:18px;background:#f2f7f4;min-height:250px;padding:28px!important;position:relative;overflow:hidden;border:1px solid #e2ebe6}
.pgs-project-card:before{content:"";position:absolute;right:-40px;bottom:-45px;width:180px;height:180px;border-radius:50%;background:linear-gradient(145deg,rgba(33,182,122,.22),rgba(33,182,122,.04))}
.pgs-project-card .project-type{color:var(--pgs-green-dark);font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.1em}
.pgs-project-card h3{font-size:25px!important;font-weight:900!important;color:#17231f!important;margin-top:42px}
.pgs-project-card p{color:#69766f}
.pgs-quote{background:#fff;border:1px solid #e4ebe7;border-radius:18px;padding:28px!important;box-shadow:0 12px 40px rgba(11,48,35,.08)}
.pgs-quote .quote-mark{font-size:66px;line-height:.7;color:var(--pgs-green);font-family:Georgia,serif}
.pgs-cta-v2{background:linear-gradient(105deg,#08754c,#23bb7f)!important;border-radius:26px;padding:44px!important;box-shadow:0 24px 70px rgba(13,127,85,.22)}
.pgs-cta-v2 h2{color:#fff!important;font-size:clamp(30px,3.5vw,48px)!important;font-weight:900!important;letter-spacing:-.04em!important}
.pgs-cta-v2 p{color:rgba(255,255,255,.82)!important;font-size:17px}
.pgs-home-2026 .et_pb_button{transition:.2s ease!important}
.pgs-home-2026 .et_pb_button:hover{transform:translateY(-2px)}
@media(max-width:980px){
 .pgs-hero-v2{min-height:auto;padding:85px 0!important;background:linear-gradient(150deg,#14211d,#24483a)!important}
 .pgs-hero-v2:before{opacity:.25;width:80%}
 .pgs-hero-v2 .pgs-visual-card{margin:34px 0 0;max-width:none;transform:none}
 .pgs-section-pad{padding-top:68px!important;padding-bottom:68px!important}
 .pgs-cta-v2{padding:32px!important}
}
@media(max-width:767px){
 .pgs-hero-v2 h1{font-size:42px!important}
 .pgs-hero-v2 .pgs-hero-copy p{font-size:17px}
 .pgs-mini-list{grid-template-columns:1fr}
 .pgs-section-pad{padding-top:56px!important;padding-bottom:56px!important}
 .pgs-stat-box strong{font-size:38px}
}