/*
Theme Name:  Workspace Karlsfeld
Theme URI:   https://www.workspace-karlsfeld.de
Author:      Workspace Karlsfeld
Description: Helles modernes Business-Theme. Blau-Grau und Grün. Kein Page-Builder.
Version:     1.0.0
Requires at least: 5.8
Tested up to: 6.5
Requires PHP: 7.4
License:     GNU General Public License v2 or later
Text Domain: workspace-karlsfeld
*/

/* ============================================================
   WORKSPACE KARLSFELD — STYLESHEET
   Helles Theme · Blau-Grau & Grün · Outfit + Fraunces
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Fira+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400&display=swap');

:root {
  --bg:        #f0f5f8;
  --bg2:       #e4edf3;
  --bg3:       #d6e4ee;
  --white:     #ffffff;

  --b50:       #eaf2f8;
  --b100:      #c5dded;
  --b200:      #93bfd9;
  --b400:      #4d8cb0;
  --b600:      #2d6a8f;
  --b800:      #1a4a67;
  --b900:      #0f2e42;

  --g50:       #e8f5ef;
  --g100:      #bde4d0;
  --g400:      #3da678;
  --g600:      #217a54;
  --g800:      #0f5137;

  --s900:      #162130;
  --s700:      #2e3f52;
  --s500:      #5a718a;
  --s300:      #96afc4;
  --s100:      #dde8f0;

  --text:      #162130;
  --text2:     #2e3f52;
  --text3:     #5a718a;
  --border:    #ccdce8;
  --borderl:   #e2edf5;

  --sans:      'Fira Sans', sans-serif;
  --serif:     'Fira Sans', sans-serif;

  --r:         6px;
  --rmd:       12px;
  --rlg:       20px;
  --rxl:       28px;

  --sh:        0 2px 12px rgba(16,50,80,.08), 0 1px 3px rgba(16,50,80,.05);
  --shmd:      0 4px 20px rgba(16,50,80,.10), 0 1px 4px rgba(16,50,80,.06);
  --shlg:      0 8px 36px rgba(16,50,80,.14), 0 2px 8px rgba(16,50,80,.06);

  --max:       1160px;
  --sec:       88px;
}

/* RESET */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased}
body{font-family:var(--sans);background:var(--bg);color:var(--text);line-height:1.65;font-size:16px;overflow-x:hidden}
img,video{display:block;max-width:100%;height:auto}
a{color:var(--b600);text-decoration:none;transition:color .18s}
a:hover{color:var(--b800)}
ul,ol{list-style:none}
button,input,select,textarea{font-family:inherit}
button{cursor:pointer}
strong{font-weight:600}

/* LAYOUT */
.wk-container{max-width:var(--max);margin:0 auto;padding:0 44px}
.wk-section{padding:var(--sec) 0}
.wk-white{background:var(--white)}
.wk-tint{background:var(--bg2)}
.wk-dark{background:var(--b800)}

/* TYPOGRAPHY */
.wk-eye{display:inline-flex;align-items:center;gap:9px;font-size:11px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--g600);margin-bottom:16px}
.wk-eye::before{content:'';width:22px;height:2px;background:var(--g400);border-radius:2px;flex-shrink:0}

.wk-eye.center{justify-content:center}
.wk-eye.center::before{display:none}
.wk-eye.center::after{content:'';width:22px;height:2px;background:var(--g400);border-radius:2px;flex-shrink:0}

h1,.h1{font-family:var(--serif);font-size:clamp(36px,4.2vw,56px);font-weight:600;line-height:1.12;letter-spacing:-.025em;color:var(--text)}
h2,.h2{font-family:var(--serif);font-size:clamp(26px,3vw,40px);font-weight:600;line-height:1.18;letter-spacing:-.02em;color:var(--text)}
h3,.h3{font-size:18px;font-weight:600;line-height:1.35;color:var(--text)}
.lead{font-size:18px;font-weight:300;color:var(--text2);line-height:1.8}
p{color:var(--text2);line-height:1.75}
small{font-size:13px;color:var(--text3)}
.hi{font-style:italic;color:var(--g600);font-family:var(--serif)}
.hi-b{font-style:italic;color:var(--b600);font-family:var(--serif)}

/* BUTTONS */
.wk-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:600;letter-spacing:.01em;border-radius:var(--rmd);border:none;line-height:1;transition:all .2s ease;white-space:nowrap;cursor:pointer;text-decoration:none}
.wk-btn svg{width:15px;height:15px;transition:transform .2s;flex-shrink:0}
.wk-btn:hover svg{transform:translateX(3px)}
.wk-btn-primary{background:var(--b600);color:#fff;box-shadow:0 2px 8px rgba(45,106,143,.3)}
.wk-btn-primary:hover{background:var(--b800);color:#fff;transform:translateY(-1px);box-shadow:0 4px 16px rgba(45,106,143,.35)}
.wk-btn-green{background:var(--g600);color:#fff;box-shadow:0 2px 8px rgba(33,122,84,.25)}
.wk-btn-green:hover{background:var(--g800);color:#fff;transform:translateY(-1px)}
.wk-btn-outline{background:transparent;color:var(--b600);border:1.5px solid var(--b600)}
.wk-btn-outline:hover{background:var(--b50);color:var(--b800);border-color:var(--b800)}
.wk-btn-ghost{background:rgba(255,255,255,.12);color:rgba(255,255,255,.85);border:1.5px solid rgba(255,255,255,.25)}
.wk-btn-ghost:hover{background:rgba(255,255,255,.22);color:#fff;border-color:rgba(255,255,255,.5)}
.wk-btn-white{background:var(--white);color:var(--b800);font-weight:700}
.wk-btn-white:hover{background:var(--b50);color:var(--b900);transform:translateY(-1px)}
.wk-btn-lg{padding:15px 32px;font-size:15px}
.wk-btn-sm{padding:8px 16px;font-size:13px;border-radius:var(--r)}

/* NAV */
#wk-nav{position:fixed;top:0;left:0;right:0;z-index:300;background:rgba(240,245,248,.92);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid transparent;transition:border-color .3s,box-shadow .3s}
#wk-nav.stuck{border-bottom-color:var(--borderl);box-shadow:var(--sh)}
.wk-nav-inner{max-width:var(--max);margin:0 auto;padding:0 44px;height:116px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.wk-logo{display:flex;align-items:center;gap:11px;text-decoration:none;flex-shrink:0}
.wk-logo-mark{width:36px;height:36px;background:var(--b600);border-radius:9px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.wk-logo-mark svg{width:20px;height:20px;color:#fff}
.wk-logo-words{display:flex;flex-direction:column;line-height:1.2}
.wk-logo-words b{font-size:13px;font-weight:700;color:var(--text);letter-spacing:.01em}
.wk-logo-words span{font-size:10px;font-weight:400;color:var(--text3);letter-spacing:.1em;text-transform:uppercase}
.wk-nav-links{display:flex;align-items:center;gap:2px;flex:1;justify-content:center}
.wk-nav-links a{padding:8px 16px;font-size:17px;font-weight:500;color:var(--text2);border-radius:var(--r);transition:background .15s,color .15s;text-decoration:none}
.wk-nav-links a:hover,.wk-nav-links a.current{background:var(--b50);color:var(--b800)}
.wk-nav-end{display:flex;align-items:center;gap:10px;flex-shrink:0}
.wk-nav-phone{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--s500);text-decoration:none;transition:color .15s}
.wk-nav-phone svg{width:14px;height:14px;color:var(--g400)}
.wk-nav-phone:hover{color:var(--b800)}
.wk-burger{display:none;flex-direction:column;gap:5px;background:none;border:none;padding:6px}
.wk-burger span{display:block;width:22px;height:2px;background:var(--text);border-radius:2px;transition:all .3s}
.wk-burger.open span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}
.wk-burger.open span:nth-child(2){opacity:0;transform:translateX(-6px)}
.wk-burger.open span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}
.wk-nav-mob{display:none;flex-direction:column;background:var(--white);border-top:1px solid var(--borderl);padding:12px 0 20px;box-shadow:var(--shmd)}
.wk-nav-mob.open{display:flex}
.wk-nav-mob a{padding:11px 44px;font-size:15px;font-weight:500;color:var(--text2);text-decoration:none}
.wk-nav-mob a:hover{color:var(--b800);background:var(--b50)}
.wk-nav-mob .wk-btn{margin:14px 44px 0;justify-content:center}

/* HERO */
.wk-hero{display:grid;grid-template-columns:1fr 1fr;min-height:100vh;padding-top:116px;background:var(--white);overflow:hidden}
.wk-hero-l{display:flex;flex-direction:column;justify-content:center;padding:72px 56px 72px 0;max-width:640px;margin-left:auto}
.wk-hero-btns{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:32px 0 48px}
.wk-hero-stats{display:flex;gap:32px;padding-top:28px;border-top:1px solid var(--borderl)}
.wk-stat-num{font-family:var(--serif);font-size:30px;font-weight:600;color:var(--b800);line-height:1;margin-bottom:4px}
.wk-stat-lbl{font-size:11px;color:var(--text3);letter-spacing:.05em}
.wk-hero-r{background:var(--bg2);position:relative;overflow:hidden;display:flex;align-items:stretch}
.wk-hero-r-in{flex:1;padding:60px 52px 60px 44px;display:flex;flex-direction:column;gap:16px;justify-content:center}
.wk-photo-main{border-radius:var(--rlg);overflow:hidden;aspect-ratio:16/9;background:linear-gradient(135deg,var(--b100),var(--b200));display:flex;align-items:center;justify-content:center}
.wk-photo-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.wk-photo-sm{border-radius:var(--rlg);overflow:hidden;aspect-ratio:4/3;display:flex;align-items:center;justify-content:center}
.wk-photo-sm:nth-child(1){background:linear-gradient(135deg,var(--g100),#84c9a8)}
.wk-photo-sm:nth-child(2){background:linear-gradient(135deg,var(--s100),var(--b100))}
.wk-photo-main img,.wk-photo-sm img{width:100%;height:100%;object-fit:cover;border-radius:var(--rlg)}
.wk-photo-lbl{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--b800);opacity:.4}
.wk-hero-badge{position:absolute;bottom:32px;left:32px;background:var(--white);border:1px solid var(--border);border-radius:var(--rmd);padding:13px 17px;box-shadow:var(--shlg);display:flex;align-items:center;gap:12px;max-width:228px}
.wk-badge-dot{width:36px;height:36px;border-radius:9px;background:var(--g50);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.wk-badge-dot svg{width:18px;height:18px;color:var(--g600)}
.wk-badge-t{font-size:13px;font-weight:700;color:var(--g800);line-height:1.25}
.wk-badge-s{font-size:11px;color:var(--text3);margin-top:2px}

/* TRUST BAR */
.wk-trust{background:var(--b800);padding:18px 0}
.wk-trust-in{max-width:var(--max);margin:0 auto;padding:0 44px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.wk-trust-item{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:500;color:rgba(255,255,255,.72)}
.wk-trust-item svg{width:15px;height:15px;color:#84c9a8;flex-shrink:0}

/* SECTION HEADER */
.wk-sec-h{margin-bottom:48px}
.wk-sec-h.center{text-align:center}
.wk-sec-h h2{margin-bottom:12px}
.wk-sec-h p{max-width:520px;font-size:17px;color:var(--text3)}
.wk-sec-h.center p{margin:0 auto}

/* SERVICE CARDS */
.wk-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.wk-card{background:var(--white);border:1px solid var(--borderl);border-radius:var(--rxl);padding:34px 28px;display:flex;flex-direction:column;box-shadow:var(--sh);transition:transform .25s,box-shadow .25s,border-color .25s;text-decoration:none;color:inherit;position:relative;overflow:hidden}
.wk-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;transform:scaleX(0);transform-origin:left;transition:transform .3s ease}
.wk-card.bl::before{background:var(--b400)}
.wk-card.gr::before{background:var(--g400)}
.wk-card.sl::before{background:var(--s300)}
.wk-card:hover{transform:translateY(-5px);box-shadow:var(--shlg);border-color:var(--border);color:inherit}
.wk-card:hover::before{transform:scaleX(1)}
.wk-card-ico{width:50px;height:50px;border-radius:var(--rmd);display:flex;align-items:center;justify-content:center;margin-bottom:22px;flex-shrink:0}
.wk-card.bl .wk-card-ico{background:var(--b50)}
.wk-card.bl .wk-card-ico svg{color:var(--b600)}
.wk-card.gr .wk-card-ico{background:var(--g50)}
.wk-card.gr .wk-card-ico svg{color:var(--g600)}
.wk-card.sl .wk-card-ico{background:var(--s100)}
.wk-card.sl .wk-card-ico svg{color:var(--s500)}
.wk-card-ico svg{width:24px;height:24px}
.wk-chip{font-size:10px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;margin-bottom:8px}
.wk-card.bl .wk-chip{color:var(--b600)}
.wk-card.gr .wk-chip{color:var(--g600)}
.wk-card.sl .wk-chip{color:var(--s500)}
.wk-card-title{font-size:18px;font-weight:600;color:var(--text);line-height:1.3;margin-bottom:10px}
.wk-card-body{font-size:14px;color:var(--text3);line-height:1.75;margin-bottom:20px;flex:1}
.wk-card-list{display:flex;flex-direction:column;gap:7px;margin-bottom:24px}
.wk-card-list li{display:flex;align-items:center;gap:9px;font-size:13px;color:var(--text2)}
.wk-card-list li::before{content:'';width:18px;height:18px;flex-shrink:0;border-radius:50%;background-repeat:no-repeat;background-position:center;background-size:11px}
.wk-card.bl .wk-card-list li::before{background-color:var(--b50);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232d6a8f' stroke-width='2.5'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E")}
.wk-card.gr .wk-card-list li::before{background-color:var(--g50);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23217a54' stroke-width='2.5'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E")}
.wk-card.sl .wk-card-list li::before{background-color:var(--s100);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235a718a' stroke-width='2.5'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E")}
.wk-card-more{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;transition:gap .2s}
.wk-card.bl .wk-card-more{color:var(--b600)}
.wk-card.gr .wk-card-more{color:var(--g600)}
.wk-card.sl .wk-card-more{color:var(--s500)}
.wk-card:hover .wk-card-more{gap:10px}
.wk-card-more svg{width:13px;height:13px}

/* TWO-COL SPLITS */
.wk-split{display:grid;grid-template-columns:1fr 1fr;gap:68px;align-items:center}
.wk-split.top{align-items:start}

/* MAP */
.wk-map{border-radius:var(--rxl);overflow:hidden;aspect-ratio:4/3;background:var(--bg3);border:1px solid var(--border);box-shadow:var(--shmd);position:relative}
.wk-map iframe{width:100%;height:100%;border:none;display:block}
.wk-map-ph{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:var(--text3);font-size:13px;text-align:center;padding:24px}
.wk-map-ph svg{width:38px;height:38px;opacity:.35}
.wk-map-pin{position:absolute;bottom:14px;left:14px;background:var(--white);border:1px solid var(--border);border-radius:var(--rmd);padding:9px 13px;box-shadow:var(--shmd);display:flex;align-items:center;gap:7px;font-size:12px;font-weight:600;color:var(--text)}
.wk-map-pin svg{width:13px;height:13px;color:var(--b600)}

/* TAX PILL */
.wk-tax{background:linear-gradient(120deg,var(--b50),var(--g50));border:1px solid var(--border);border-radius:var(--rxl);padding:26px 30px;display:flex;align-items:center;gap:18px;margin:28px 0}
.wk-tax-col{text-align:center;flex:1}
.wk-tax-num{font-family:var(--serif);font-size:40px;font-weight:600;line-height:1;margin-bottom:4px}
.wk-tax-num.good{color:var(--g800)}
.wk-tax-num.bad{color:var(--s300);font-size:26px;text-decoration:line-through}
.wk-tax-lbl{font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--text3)}
.wk-tax-vs{font-size:11px;font-weight:700;color:var(--text3);letter-spacing:.1em;text-transform:uppercase;flex-shrink:0}

/* LOC LIST */
.wk-loc-list{display:flex;flex-direction:column}
.wk-loc-row{display:flex;align-items:flex-start;gap:16px;padding:20px 0;border-bottom:1px solid var(--borderl)}
.wk-loc-row:first-child{padding-top:0}
.wk-loc-row:last-child{border-bottom:none}
.wk-loc-ico{width:38px;height:38px;border-radius:var(--r);flex-shrink:0;display:flex;align-items:center;justify-content:center;background:var(--b50)}
.wk-loc-ico.g{background:var(--g50)}
.wk-loc-ico svg{width:18px;height:18px;color:var(--b600)}
.wk-loc-ico.g svg{color:var(--g600)}
.wk-loc-t{font-size:15px;font-weight:600;color:var(--text);margin-bottom:3px}
.wk-loc-d{font-size:13px;color:var(--text3);line-height:1.6}

/* WHY / FEATURE LIST */
.wk-why-card{background:var(--white);border:1px solid var(--border);border-radius:var(--rxl);overflow:hidden;box-shadow:var(--shmd);position:sticky;top:90px}
.wk-why-top{padding:36px;background:var(--bg2);border-bottom:1px solid var(--borderl)}
.wk-why-quote{font-family:var(--serif);font-style:italic;font-size:17px;color:var(--text);line-height:1.6;margin-bottom:12px}
.wk-why-attr{font-size:13px;font-weight:600;color:var(--g600)}
.wk-why-kpis{display:grid;grid-template-columns:repeat(3,1fr)}
.wk-kpi{padding:22px 16px;text-align:center;border-right:1px solid var(--borderl)}
.wk-kpi:last-child{border-right:none}
.wk-kpi-n{font-family:var(--serif);font-size:24px;font-weight:600;color:var(--b800);line-height:1;margin-bottom:4px}
.wk-kpi-l{font-size:10px;color:var(--text3);letter-spacing:.05em}
.wk-feat-list{display:flex;flex-direction:column}
.wk-feat{display:grid;grid-template-columns:38px 1fr;gap:16px;align-items:start;padding:24px 0;border-bottom:1px solid var(--borderl)}
.wk-feat:last-child{border-bottom:none}
.wk-feat-n{font-family:var(--serif);font-size:13px;font-weight:600;color:var(--b400);padding-top:2px}
.wk-feat-t{font-size:15px;font-weight:600;color:var(--text);margin-bottom:5px}
.wk-feat-d{font-size:14px;color:var(--text3);line-height:1.7}

/* REVIEWS */
.wk-rev-scroll{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:4px}
.wk-rev-scroll::-webkit-scrollbar{display:none}
.wk-rev{flex:0 0 310px;scroll-snap-align:start;background:var(--white);border:1px solid var(--borderl);border-radius:var(--rxl);padding:26px;box-shadow:var(--sh)}
.wk-rev-stars{display:flex;gap:3px;margin-bottom:14px}
.wk-rev-stars svg{width:13px;height:13px;fill:#f5a623;color:#f5a623}
.wk-rev-text{font-family:var(--serif);font-style:italic;font-size:14px;color:var(--text2);line-height:1.75;margin-bottom:18px}
.wk-rev-author{display:flex;align-items:center;gap:10px}
.wk-rev-av{width:34px;height:34px;border-radius:50%;background:var(--b50);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:var(--b800);flex-shrink:0}
.wk-rev-name{font-size:13px;font-weight:600;color:var(--text)}
.wk-rev-role{font-size:11px;color:var(--text3)}

/* FAQ */
.wk-faq{display:flex;flex-direction:column}
.wk-faq-item{border-bottom:1px solid var(--borderl)}
.wk-faq-btn{width:100%;background:none;border:none;padding:18px 0;display:flex;justify-content:space-between;align-items:center;gap:16px;text-align:left;font-size:15px;font-weight:600;color:var(--text);cursor:pointer;transition:color .2s;font-family:var(--sans)}
.wk-faq-btn:hover{color:var(--b600)}
.wk-faq-ico{width:24px;height:24px;border-radius:50%;flex-shrink:0;background:var(--bg2);display:flex;align-items:center;justify-content:center;transition:background .2s}
.wk-faq-ico svg{width:13px;height:13px;color:var(--b600);transition:transform .3s}
.wk-faq-item.open .wk-faq-ico{background:var(--b50)}
.wk-faq-item.open .wk-faq-ico svg{transform:rotate(45deg)}
.wk-faq-body{display:none;padding:0 40px 16px 0;font-size:14px;color:var(--text3);line-height:1.8}
.wk-faq-item.open .wk-faq-body{display:block}

/* CTA BAND */
.wk-cta{background:var(--b800);border-radius:var(--rxl);padding:64px 68px;display:grid;grid-template-columns:1fr auto;gap:48px;align-items:center;position:relative;overflow:hidden}
.wk-cta::before{content:'';position:absolute;width:300px;height:300px;border-radius:50%;background:rgba(77,140,176,.12);top:-80px;right:40px;pointer-events:none}
.wk-cta::after{content:'';position:absolute;width:180px;height:180px;border-radius:50%;background:rgba(61,166,120,.07);bottom:-50px;right:-10px;pointer-events:none}
.wk-cta-eye{color:rgba(255,255,255,.42);margin-bottom:14px}
.wk-cta-eye::before{background:rgba(255,255,255,.3)}
.wk-cta h2{color:#fff;margin-bottom:12px}
.wk-cta-sub{color:rgba(255,255,255,.6);font-size:16px;line-height:1.7;max-width:400px}
.wk-cta-side{display:flex;flex-direction:column;gap:12px;align-items:flex-end;position:relative;z-index:1;flex-shrink:0}
.wk-cta-tel-lbl{font-size:10px;color:rgba(255,255,255,.38);letter-spacing:.12em;text-transform:uppercase;text-align:right}
.wk-cta-tel{font-family:var(--serif);font-size:26px;font-weight:600;color:#fff;text-decoration:none;letter-spacing:.01em;line-height:1}
.wk-cta-tel:hover{color:#84c9a8}

/* CONTACT / FORM */
.wk-con-split{display:grid;grid-template-columns:1fr 1.1fr;gap:68px;align-items:start}
.wk-cinfo{display:flex;flex-direction:column;gap:22px;margin-top:28px}
.wk-cinfo-row{display:flex;gap:14px;align-items:flex-start}
.wk-cinfo-ico{width:38px;height:38px;border-radius:var(--r);flex-shrink:0;display:flex;align-items:center;justify-content:center;background:var(--b50)}
.wk-cinfo-ico.g{background:var(--g50)}
.wk-cinfo-ico svg{width:17px;height:17px;color:var(--b600)}
.wk-cinfo-ico.g svg{color:var(--g600)}
.wk-cinfo-lbl{font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--text3);margin-bottom:3px}
.wk-cinfo-val{font-size:15px;font-weight:500;color:var(--text)}
.wk-cinfo-sub{font-size:12px;color:var(--text3);margin-top:2px}

.wk-form{display:flex;flex-direction:column;gap:13px}
.wk-form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.wk-form-g{display:flex;flex-direction:column;gap:5px}
.wk-form-lbl{font-size:11px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--text3)}
.wk-form-lbl .req{color:var(--g600);margin-left:2px}
.wk-form-input,.wk-form-sel,.wk-form-ta{background:var(--white);border:1.5px solid var(--border);border-radius:var(--r);padding:10px 13px;font-size:14px;color:var(--text);outline:none;width:100%;transition:border-color .2s,box-shadow .2s;font-family:var(--sans)}
.wk-form-input::placeholder{color:var(--text3)}
.wk-form-input:focus,.wk-form-sel:focus,.wk-form-ta:focus{border-color:var(--b400);box-shadow:0 0 0 3px rgba(77,140,176,.12)}
.wk-form-sel{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235a718a' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 11px center;background-size:15px;padding-right:36px}
.wk-form-ta{resize:vertical;min-height:90px}
.wk-form-check{display:flex;align-items:flex-start;gap:9px;font-size:12px;color:var(--text3);line-height:1.55}
.wk-form-check input{margin-top:2px;flex-shrink:0;accent-color:var(--b600);width:14px;height:14px}
.wk-form-check a{color:var(--b600)}
.wk-form-msg{padding:13px 16px;border-radius:var(--rmd);font-size:13px;font-weight:500}
.wk-form-msg.ok{background:var(--g50);color:var(--g800);border:1px solid var(--g100)}
.wk-form-msg.err{background:#fef2f2;color:#991b1b;border:1px solid #fecaca}

/* FOOTER */
#wk-footer{background:var(--b900);color:rgba(255,255,255,.75);padding:60px 0 32px}
.wk-ft-in{max-width:var(--max);margin:0 auto;padding:0 44px}
.wk-ft-top{display:grid;grid-template-columns:2fr 1fr 1fr;gap:52px;padding-bottom:40px;border-bottom:1px solid rgba(255,255,255,.08);margin-bottom:26px}
.wk-ft-logo{display:flex;align-items:center;gap:11px;text-decoration:none;margin-bottom:13px}
.wk-ft-logo .wk-logo-mark{background:var(--b600)}
.wk-ft-logo .wk-logo-words b{color:#fff}
.wk-ft-logo .wk-logo-words span{color:rgba(255,255,255,.35)}
.wk-ft-desc{font-size:14px;color:rgba(255,255,255,.4);line-height:1.7;max-width:260px;margin-bottom:16px}
.wk-ft-phone{font-size:15px;font-weight:600;color:#84c9a8;text-decoration:none}
.wk-ft-phone:hover{color:#fff}
.wk-ft-h{font-size:10px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.26);margin-bottom:16px}
.wk-ft-links{display:flex;flex-direction:column;gap:10px}
.wk-ft-links a{font-size:14px;color:rgba(255,255,255,.5);text-decoration:none;transition:color .2s}
.wk-ft-links a:hover{color:#fff}
.wk-ft-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}
.wk-ft-copy{font-size:12px;color:rgba(255,255,255,.22)}
.wk-ft-legal{display:flex;gap:20px}
.wk-ft-legal a{font-size:12px;color:rgba(255,255,255,.3);text-decoration:none;transition:color .2s}
.wk-ft-legal a:hover{color:rgba(255,255,255,.7)}

/* INNER PAGE */
.wk-pg-hero{padding:114px 0 60px;background:var(--white);border-bottom:1px solid var(--borderl)}
.wk-crumb{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text3);margin-bottom:16px}
.wk-crumb a{color:var(--text3);text-decoration:none}
.wk-crumb a:hover{color:var(--b600)}
.wk-crumb span{opacity:.4}
.wk-pg-hero h1{margin-bottom:12px;max-width:640px}
.wk-pg-hero .lead{max-width:520px}

/* BLOG POST */
.wk-post{font-size:16px;line-height:1.85;color:var(--text2);max-width:740px}
.wk-post h2,.wk-post h3{color:var(--text);margin:36px 0 12px}
.wk-post p{margin-bottom:18px}
.wk-post ul,.wk-post ol{margin:0 0 18px 22px}
.wk-post li{margin-bottom:7px;list-style:disc}
.wk-post a{color:var(--b600);text-decoration:underline}
.wk-post blockquote{border-left:3px solid var(--b200);padding:2px 0 2px 18px;margin:24px 0;font-style:italic;color:var(--text3)}

/* SCROLL REVEAL */
.wk-up{opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease}
.wk-up.show{opacity:1;transform:none}
.wk-up.d1{transition-delay:.1s}.wk-up.d2{transition-delay:.2s}
.wk-up.d3{transition-delay:.3s}.wk-up.d4{transition-delay:.4s}

/* RESPONSIVE */
@media(max-width:1040px){
  :root{--sec:68px}
  .wk-container,.wk-nav-inner,.wk-trust-in,.wk-ft-in{padding-left:28px;padding-right:28px}
  .wk-hero{grid-template-columns:1fr;min-height:auto}
  .wk-hero-l{padding:90px 28px 56px;max-width:none;margin:0}
  .wk-hero-r{display:none}
  .wk-cards{grid-template-columns:1fr 1fr}
  .wk-split{grid-template-columns:1fr;gap:40px}
  .wk-why-card{position:static}
  .wk-cta{grid-template-columns:1fr;padding:44px;gap:28px}
  .wk-cta-side{align-items:flex-start}
  .wk-con-split{grid-template-columns:1fr;gap:40px}
  .wk-ft-top{grid-template-columns:1fr 1fr;gap:32px}
}
@media(max-width:720px){
  :root{--sec:52px}
  .wk-container,.wk-nav-inner,.wk-trust-in,.wk-ft-in{padding-left:20px;padding-right:20px}
  .wk-nav-links,.wk-nav-phone{display:none}
  .wk-burger{display:flex}
  .wk-hero-l{padding:88px 20px 44px}
  .wk-hero-stats{gap:18px;flex-wrap:wrap}
  .wk-cards{grid-template-columns:1fr}
  .wk-form-row{grid-template-columns:1fr}
  .wk-cta{padding:28px 20px}
  .wk-ft-top{grid-template-columns:1fr;gap:24px}
  .wk-tax{gap:12px;padding:18px 20px}
}

/* ── SUBPAGE RESPONSIVE ──────────────────────── */
@media(max-width:1040px){
  [style*="grid-template-columns:1fr 1fr"][style*="min-height:480px"],
  [style*="grid-template-columns:repeat(3,1fr)"][style*="gap:24px"]{
    grid-template-columns:1fr!important;
  }
}
@media(max-width:720px){
  [style*="padding:72px 56px 72px 0"]{padding:24px 20px!important}
  [style*="grid-template-columns:1fr 1fr"][style*="gap:68px"]{grid-template-columns:1fr!important;gap:36px!important}
  [style*="grid-template-columns:repeat(3,1fr)"]{grid-template-columns:1fr!important}
  [style*="grid-template-columns:1fr 1.2fr"]{grid-template-columns:1fr!important}
  [style*="grid-template-columns:auto 1fr"]{grid-template-columns:1fr!important}
}

/* ── SVG RESET — verhindert riesige schwarze Icons von anderen Themes/Plugins ── */
svg:not([class*="wk-"]):not([style]) {
  max-width: none;
}
/* Fremde SVG-Icons (z.B. von FluentForms, Contact Form 7, alten Themes) */
.entry-content svg,
.page-content svg,
.wk-post svg {
  display: inline;
  width: auto;
  height: auto;
  max-width: 1em;
  max-height: 1em;
}
/* Spezifisch: Liste mit schwarzen SVG-Icons aus altem Theme */
ul li > svg,
p > svg,
div > svg:not([aria-hidden]) {
  max-width: 24px;
  max-height: 24px;
}
/* Wenn ein Plugin (Fluent Forms etc.) SVGs als Block-Elemente rendert */
.ff-el-input--content svg,
.fluent-form svg,
[class*="fluent"] svg,
[class*="ff-"] svg {
  width: 1em !important;
  height: 1em !important;
  max-width: 1em !important;
}
/* Fallback: Alle SVGs ohne explizite Größe begrenzen */
body svg:not([width]):not([height]):not([viewBox]) {
  max-width: 24px;
  max-height: 24px;
}

/* ── VERSTECKE alten WordPress-Seiteninhalt auf Theme-Template-Seiten ── */
.page-template-page-privates-buero .entry-content,
.page-template-page-virtuelles-buero .entry-content,
.page-template-page-virtuelles-buro .entry-content,
.page-template-page-jetzt-anfragen .entry-content,
.page-template-page-kontakt .entry-content,
.page-privates-buero .entry-content,
.page-virtuelles-buro .entry-content,
.page-virtuelles-buero .entry-content,
.page-jetzt-anfragen .entry-content,
.page-kontakt .entry-content {
  display: none !important;
}

/* ── PLUGIN-INHALTE VERSTECKEN (FluentForms SVGs, alter Content) ── */
.page-id-0 .wp-block,
body.page .entry-header h1.entry-title,
body.page .entry-content > *:not([class*="wk-"]),
body.page .post-content > *:not([class*="wk-"]) {
  display: none;
}
/* FluentForms große SVG-Icons */
.ff-el-input--content svg { max-width:20px!important; max-height:20px!important; }
.fluentform svg           { max-width:20px!important; max-height:20px!important; }
/* Irgendwelche Plugin-SVGs die riesig erscheinen */
body svg[style*="width: 100%"] { width:auto!important; max-width:24px!important; }

/* Breadcrumb komplett ausblenden */
.wk-crumb { display: none !important; }

/* ── FORMULAR CONTAINER — nie abschneiden ── */
#wk-anfrage-form,
.wk-form,
#wk-fields-privat,
#wk-fields-virtuell {
  overflow: visible !important;
}
/* Box die das Formular umschließt */
.wk-section .wk-container > div > div:last-child > div {
  overflow: visible !important;
  height: auto !important;
  max-height: none !important;
}
/* Datenschutz-Checkbox und Submit-Button immer sichtbar */
.wk-form-check,
.wk-form button[type="submit"] {
  display: flex !important;
  opacity: 1 !important;
  transform: none !important;
  visibility: visible !important;
}

/* ── ANFRAGE-FORMULAR: Datenschutz + Button immer sichtbar ── */
#wk-anfrage-form .wk-form-check,
#wk-anfrage-form button[type="submit"],
.wk-form .wk-form-check,
.wk-form button[type="submit"] {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  position: relative !important;
  z-index: 1 !important;
}
/* Verhindere dass border-radius den Inhalt abschneidet */
[style*="border-radius"][style*="padding:40px"] {
  overflow: visible !important;
}

/* NUCLEAR FIX: Alle Elemente im Anfrage-Formular immer sichtbar */
#wk-anfrage-form * {
  max-height: none !important;
}
#wk-anfrage-form {
  overflow: visible !important;
}
/* Parent container darf nicht clippen */
#wk-anfrage-form,
#wk-anfrage-form > *,
#wk-anfrage-form .wk-form-check,
#wk-anfrage-form button {
  clip: auto !important;
  overflow: visible !important;
}

/* ── ANFRAGE FORMULAR CARD ── */
.wk-anfrage-card {
  background: var(--white);
  border: 1px solid var(--borderl);
  border-radius: 20px;
  padding: 36px;
  box-shadow: var(--shmd);
}
.wk-anfrage-card .wk-form-check,
.wk-anfrage-card button[type="submit"] {
  display: flex !important;
  opacity: 1 !important;
  visibility: visible !important;
}
/* Verhindere jegliches Clipping */
.wk-anfrage-card,
.wk-anfrage-card form,
.wk-anfrage-card > * {
  overflow: visible !important;
  max-height: none !important;
}

/* ── NAV ANPASSUNGEN ── */
/* Anfragen-Button nur auf Desktop in der Nav */
@media(max-width:720px){
  .wk-nav-cta-desktop { display:none !important; }
}

/* ── LOGO ABSTAND ZUR NAV-UNTERKANTE ── */
.wk-logo img { margin: 8px 0; }

/* ── TELEFON NUMMER GRÖßER + MEHR ABSTAND ── */
.wk-nav-phone { font-size:16px; margin-right:8px; }

/* ── KUNDENSTIMMEN SLIDER ZENTRIERT ── */
.wk-rev-scroll {
  padding: 0 0 12px 0;
  justify-content: flex-start;
}
/* Wenn weniger als 4 Karten: zentrieren */
@media(min-width:900px){
  .wk-rev-scroll { padding: 0 0 12px 0; }
}