/* ============================================================
   GAUBE KOMFORT KLIMA — Custom CSS für Avada (nur Sonderfälle)
   Struktur & Basis-Styling laufen nativ über Avada:
   Farben -> Global Colors (--awb-color1..8) · Schriften -> Global Typography
   Dieses CSS deckt nur ab, was Avada nativ nicht kann.
   Einfügen: Avada > Options > Custom CSS  (oder Child-Theme style.css)
   ============================================================ */

:root{
  --gk-petrol:var(--awb-color6,#006e73); --gk-anthrazit:var(--awb-color7,#4d4c4c); --gk-weiss:var(--awb-color1,#ffffff);
  --petrol-50:var(--awb-color4,#dcebec); --petrol-100:#c8e0e1; --petrol-200:#a0c9cb; --petrol-300:#78b2b5;
  --petrol-400:#509b9f; --petrol-500:#288589; --petrol-600:var(--awb-color6,#006e73); --petrol-700:#005458;
  --petrol-800:#003b3d; --petrol-900:#002122;
  --anthrazit-200:#c5c4c4; --anthrazit-300:#adacac; --anthrazit-400:#959494; --anthrazit-500:#7d7c7c;
  --anthrazit-700:var(--awb-color7,#4d4c4c); --anthrazit-800:var(--awb-color8,#323131);
  --amber-400:#dca269; --amber-600:var(--awb-color5,#cf7e2f); --amber-700:#b06b28;
  --neutral-200:var(--awb-color3,#e5e6e7); --border:var(--neutral-200);
  --font-display:"Space Grotesk",system-ui,sans-serif; --font-body:"Inter",system-ui,sans-serif;
  --ease:cubic-bezier(.22,.61,.36,1);
}

/* ---------- Buttons (auch auf native fusion_button via Klasse gk-btn) ---------- */
.gk-btn,.gk-btn.fusion-button{display:inline-flex!important;align-items:center;gap:.5em;font-family:var(--font-body)!important;font-weight:600!important;font-size:1rem!important;padding:.85em 1.5em!important;border-radius:10px!important;border:1.5px solid transparent!important;text-decoration:none!important;line-height:1!important;box-shadow:none!important;transition:all .2s var(--ease)}
.gk-btn .fusion-button-text,.gk-btn.fusion-button .fusion-button-text{color:inherit!important;font-weight:600!important}
.gk-btn--primary,.gk-btn--primary.fusion-button{background:var(--gk-petrol)!important;color:#fff!important}
.gk-btn--primary:hover,.gk-btn--primary.fusion-button:hover{background:var(--petrol-700)!important;color:#fff!important;transform:translateY(-2px)}
.gk-btn--ghost,.gk-btn--ghost.fusion-button{background:transparent!important;color:var(--gk-petrol)!important;border-color:var(--petrol-200)!important}
.gk-btn--ghost:hover,.gk-btn--ghost.fusion-button:hover{background:var(--petrol-50)!important;border-color:var(--gk-petrol)!important;color:var(--gk-petrol)!important}
.gk-btn--light,.gk-btn--light.fusion-button{background:#fff!important;color:var(--petrol-800)!important}
.gk-btn--light:hover,.gk-btn--light.fusion-button:hover{background:var(--petrol-50)!important;color:var(--petrol-800)!important;transform:translateY(-2px)}

/* ---------- Eyebrow / Kicker ---------- */
.gk-eyebrow{font-family:var(--font-body);font-weight:600;font-size:.78rem;letter-spacing:.18em;text-transform:uppercase;color:var(--gk-petrol);display:inline-flex;align-items:center;gap:.6em}
.gk-eyebrow::before{content:"";width:26px;height:2px;background:var(--gk-petrol);display:inline-block}
.gk-eyebrow.is-light{color:var(--petrol-200)} .gk-eyebrow.is-light::before{background:var(--petrol-200)}

/* ---------- Headline-Akzente + Lead ---------- */
.gk-h1 .cool{color:var(--gk-petrol)} .gk-h1 .warm{color:var(--amber-600)}
.gk-lead p,.gk-lead{color:var(--anthrazit-500)!important;font-size:1.16rem;max-width:56ch}

/* ---------- Hero-Statistik-Leiste ---------- */
.gk-proof{display:flex;gap:34px;flex-wrap:wrap;border-top:1px solid var(--border);padding-top:26px;margin-top:8px}
.gk-proof .stat b{font-family:var(--font-display);font-weight:600;font-size:1.7rem;color:var(--anthrazit-800);display:block;line-height:1}
.gk-proof .stat span{font-size:.86rem;color:var(--anthrazit-500)}

/* ---------- Signature: Komfort-Skala (Hero-Visual) ---------- */
.gk-gauge{background:#fff;border:1px solid var(--border);border-radius:20px;padding:30px 30px 26px;box-shadow:0 30px 60px -40px rgba(0,110,115,.4);max-width:440px;margin-left:auto}
.gk-gauge-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}
.gk-gauge-head .gk-eyebrow{font-size:.68rem}
.gk-gauge-head .dot{width:9px;height:9px;border-radius:50%;background:#1f8a5b;box-shadow:0 0 0 4px rgba(31,138,91,.15)}
.gk-gauge-body{display:flex;gap:20px;align-items:stretch}
.gk-scale{position:relative;width:64px;border-radius:40px;overflow:hidden;min-height:280px;box-shadow:inset 0 0 0 1px rgba(23,23,23,.05);background:linear-gradient(to top,var(--petrol-600) 0%,var(--petrol-300) 26%,#f4f6f6 50%,var(--amber-400) 74%,var(--amber-600) 100%)}
.gk-scale-marker{position:absolute;left:50%;bottom:50%;transform:translate(-50%,50%);width:44px;height:44px;border-radius:50%;background:#fff;border:3px solid var(--gk-petrol);display:flex;align-items:center;justify-content:center;box-shadow:0 8px 22px -8px rgba(0,110,115,.7);animation:gk-rise 1.2s .3s var(--ease) both}
.gk-scale-marker b{font-family:var(--font-display);font-weight:600;font-size:.82rem;color:var(--gk-petrol)}
@keyframes gk-rise{from{bottom:6%}to{bottom:50%}}
.gk-scale-labels{display:flex;flex-direction:column;justify-content:space-between;padding:6px 0;margin:0;list-style:none!important}
.gk-scale-labels li{list-style:none!important;display:flex;align-items:center;gap:10px;font-size:.82rem;color:var(--anthrazit-500);margin:0}
.gk-scale-labels li b{font-family:var(--font-display);color:var(--anthrazit-700);font-weight:500;min-width:34px}
.gk-scale-labels .tag{font-size:.68rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase}
.gk-scale-labels .tag.warm{color:var(--amber-700)} .gk-scale-labels .tag.cool{color:var(--gk-petrol)} .gk-scale-labels .tag.komfort{color:#1f8a5b}
.gk-gauge-foot{margin-top:24px;padding-top:18px;border-top:1px solid var(--border);display:flex;align-items:center;gap:12px;font-size:.9rem;color:var(--anthrazit-500)}
.gk-gauge-foot svg{width:20px;height:20px;color:var(--gk-petrol);flex:none}

/* ---------- Leistungs-Karten: Hover + Link (Karte selbst = Spalten-Optionen) ---------- */
.gk-card{transition:transform .3s var(--ease),box-shadow .3s var(--ease),border-color .3s var(--ease)!important}
.gk-card:hover{transform:translateY(-6px);box-shadow:0 40px 60px -45px rgba(23,23,23,.5)!important;border-color:var(--petrol-200)!important}
.gk-card-link{display:inline-flex;align-items:center;gap:8px;font-weight:600;color:var(--gk-petrol)!important;text-decoration:none!important}
.gk-card-link::after{content:"→";transition:transform .2s var(--ease)}
.gk-card:hover .gk-card-link::after{transform:translateX(4px)}

/* ---------- Warum: USP-Ziffer ---------- */
.gk-usp-h .num{font-family:var(--font-display);font-weight:600;color:var(--petrol-300);margin-right:10px}

/* ---------- Warum: Petrol-Panel (Panel-BG/Radius = Spalten-Optionen) ---------- */
.gk-why-panel{position:relative;overflow:hidden}
.gk-why-panel .fusion-title-heading,.gk-why-panel h1,.gk-why-panel h2,.gk-why-panel h3{color:#fff!important}

/* ---------- Ablauf: Deko-Ziffer ---------- */
.gk-step-num .fusion-title-heading,.gk-step-num h1,.gk-step-num h2,.gk-step-num h3,.gk-step-num h4{font-family:var(--font-display)!important;font-weight:600!important;font-size:2.1rem!important;color:var(--petrol-200)!important;margin:0!important;line-height:1}

/* ---------- CTA-Band: Amber-Glow (Verlauf/Radius = Container-/Spalten-Optionen) ---------- */
.gk-cta{position:relative;overflow:hidden}
.gk-cta::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(60% 120% at 100% 0%,rgba(207,126,47,.28),transparent 60%)}

/* ============================================================
   FOOTER  (Avada Layout Section – native Spalten & Elemente)
   ============================================================ */
.gk-footer{background:var(--anthrazit-800)}
.gk-footer .fusion-column-wrapper{overflow:visible}
.gk-foot-h{margin:0 0 16px!important}
.gk-foot-h h1,.gk-foot-h h2,.gk-foot-h h3,.gk-foot-h h4,.gk-foot-h h5,.gk-foot-h h6{font-family:var(--font-body)!important;font-size:.78rem!important;font-weight:600!important;letter-spacing:.14em!important;text-transform:uppercase!important;color:var(--anthrazit-400)!important;margin:0!important;line-height:1.2}
.gk-foot-brand b{font-family:var(--font-display);font-weight:700;font-size:1.3rem;color:#fff;display:block;line-height:1}
.gk-foot-brand span{font-size:.72rem;letter-spacing:.24em;text-transform:uppercase;color:var(--petrol-300)}
.gk-foot-claim{font-family:var(--font-display)!important;color:#fff!important;font-size:1.05rem!important;font-weight:500;margin:16px 0 8px!important}
.gk-foot-desc{color:var(--anthrazit-300)!important;font-size:.95rem;margin:0!important;max-width:34ch}
.gk-foot-links ul{list-style:none!important;margin:0!important;padding:0!important;display:flex;flex-direction:column;gap:11px}
.gk-foot-links li{list-style:none!important;margin:0}
.gk-foot-links a{color:var(--anthrazit-200)!important;font-size:.95rem;text-decoration:none!important}
.gk-foot-links a:hover{color:#fff!important}
.gk-foot-address address{font-style:normal;color:var(--anthrazit-200);font-size:.95rem;line-height:1.75;margin:0 0 12px;display:block}
.gk-foot-address p{font-size:.95rem;color:var(--anthrazit-200);line-height:1.85;margin:0 0 18px}
.gk-foot-address a{color:var(--anthrazit-200)!important;text-decoration:none!important}
.gk-foot-address a:hover{color:#fff!important}
.gk-footer .fusion-social-networks .fusion-social-network-icon{transition:background-color .2s var(--ease),transform .2s var(--ease)}
.gk-footer .fusion-social-networks .fusion-social-network-icon:hover{background-color:var(--gk-petrol)!important;transform:translateY(-2px)}
.gk-foot-btn,.gk-foot-btn.fusion-button{background:var(--gk-petrol)!important;border-color:var(--gk-petrol)!important;color:#fff!important;border-radius:10px!important}
.gk-foot-btn:hover,.gk-foot-btn.fusion-button:hover{background:var(--petrol-700)!important;border-color:var(--petrol-700)!important;color:#fff!important}
.gk-foot-btn .fusion-button-text{color:#fff!important}
.gk-foot-bottom,.gk-foot-bottom p{color:var(--anthrazit-400)!important;font-size:.86rem;text-align:center;margin:0}
.gk-foot-bottom a{color:var(--anthrazit-300)!important;text-decoration:none!important}
.gk-foot-bottom a:hover{color:#fff!important}
.gk-cta .fusion-title-heading,.gk-cta h1,.gk-cta h2,.gk-cta h3{color:#fff!important}

/* ============================================================
   FULL-BLEED: Container-Hintergrund über die volle Fensterbreite,
   Inhalt bleibt zentriert. Funktioniert unabhängig von Avadas
   Breiten-Option / Seiten-Template.
   Klasse "gk-fullbleed" am Container (Container-Optionen > Extras > CSS-Klasse).
   ============================================================ */
.gk-fullbleed{position:relative}
.gk-fullbleed::before{content:"";position:absolute;z-index:0;top:0;bottom:0;left:calc(-50vw + 50%);right:calc(-50vw + 50%);background:inherit}
.gk-fullbleed > *{position:relative;z-index:1}

/* ============================================================
   KONTAKTSEITE – Info-Liste + Formular-Karte (Avada Forms)
   ============================================================ */
.gk-contact-list{display:flex;flex-direction:column;gap:22px;margin:0}
.gk-contact-list .lbl{display:block;font-family:var(--font-body);font-size:.74rem;letter-spacing:.14em;text-transform:uppercase;color:var(--gk-petrol);font-weight:600;margin-bottom:5px}
.gk-contact-list .val,.gk-contact-list a{color:var(--anthrazit-700)!important;font-size:1rem;text-decoration:none!important;line-height:1.65}
.gk-contact-list a:hover{color:var(--gk-petrol)!important}
 
.gk-form-card{box-shadow:0 40px 70px -50px rgba(23,23,23,.5)}
.gk-form-card .fusion-form-field input,.gk-form-card .fusion-form-field textarea,.gk-form-card .fusion-form-field select,.gk-form-card .fusion-form-input{border:1px solid var(--border)!important;border-radius:10px!important;padding:12px 14px!important;background:#fff!important}
.gk-form-card .fusion-form-field input:focus,.gk-form-card .fusion-form-field textarea:focus,.gk-form-card .fusion-form-field select:focus{border-color:var(--gk-petrol)!important;box-shadow:0 0 0 3px rgba(0,110,115,.12)!important;outline:none!important}
.gk-form-card .fusion-form-label{font-weight:600;color:var(--anthrazit-700);font-size:.9rem}
.gk-form-card .fusion-form-field a,.gk-form-card .fusion-form-checkbox-label a{color:var(--gk-petrol)!important;text-decoration:underline!important;font-weight:600}
.gk-form-card button[type="submit"],.gk-form-card .fusion-form-submit button,.gk-form-card .fusion-form-submit .fusion-button{background:var(--gk-petrol)!important;border-color:var(--gk-petrol)!important;color:#fff!important;border-radius:10px!important}
.gk-form-card button[type="submit"]:hover,.gk-form-card .fusion-form-submit .fusion-button:hover{background:var(--petrol-700)!important}
 
/* Formular-Karte: unten mehr Abstand vor dem Rand/Schatten */
.gk-form-card,.gk-form-card > .fusion-column-wrapper{padding-bottom:30px!important}
.gk-form-card .fusion-form,.gk-form-card form{margin-bottom:0!important}