/* SKR Design v1.2 – Vorlage: lohnsteuer-kompakt.de */
:root{
  --lk-green-dark:#4c7d19;
  --lk-green:#5b8f22;
  --lk-green-mid:#87b825;
  --lk-green-light:#b3e04c;
  --lk-green-pale:#f0f7e2;
  --lk-yellow:#ffd75f;
  --lk-yellow-dark:#f5c518;
  --lk-grey-nav:#ebebe6;
  --lk-text:#1c1c1c;
}

/* ---------- Breite: wenig Rand wie Vorlage ---------- */
body{--wp--style--global--content-size:1340px;--wp--style--global--wide-size:1460px;
  --wp--style--root--padding-left:22px;--wp--style--root--padding-right:22px;}
.skr-h-inner{max-width:1420px !important;padding-left:22px !important;padding-right:22px !important;}
.skr-footer-grid,.skr-f-portals,.skr-f-bottom{max-width:1420px;margin-left:auto;margin-right:auto;}

/* ---------- Header ---------- */
.skr-header{background:#fff !important;color:var(--lk-text) !important;border-bottom:0 !important;padding-bottom:0 !important;}
.skr-header a{color:var(--lk-text) !important;}
.skr-brand-name{color:#6b6b6b !important;font-weight:800;}
.skr-brand-name .lk-green{color:var(--lk-green-dark) !important;}
.skr-brand-sub{color:#8a8a8a !important;}
.skr-phone-mini{background:var(--lk-green-dark) !important;color:#fff !important;border:none !important;font-weight:700;}
.skr-phone-mini span{color:#fff !important;}

/* Trust-Leiste im Header */
.lk-trust{display:flex;gap:26px;align-items:center;margin-left:auto;padding:4px 0;}
.lk-trust-item{display:flex;gap:9px;align-items:center;font-size:13px;line-height:1.25;color:#333;}
.lk-trust-item b{display:block;font-size:13.5px;}
.lk-flag{width:8px;height:30px;border-radius:2px;background:linear-gradient(#000 33%,#dd0000 33% 66%,#ffce00 66%);}
.lk-shield{width:26px;height:30px;background:var(--lk-green);clip-path:polygon(50% 0,100% 15%,100% 60%,50% 100%,0 60%,0 15%);display:flex;align-items:center;justify-content:center;color:#fff;font-size:15px;font-weight:800;}
@media(max-width:960px){.lk-trust{display:none;}}

/* ---------- Navigationszeile: helle graue Leiste in voller Breite ---------- */
.lk-navrow{background:var(--lk-grey-nav);border-top:1px solid #e0e0d8;border-bottom:1px solid #e0e0d8;width:100%;}
.lk-navrow-inner{max-width:1420px;margin:0 auto;padding:0 22px;}
.lk-navrow .skr-nav{display:flex !important;position:static !important;flex-direction:row !important;flex-wrap:wrap;align-items:center;gap:2px 26px;background:none !important;border:none !important;box-shadow:none !important;padding:11px 0 !important;margin:0 !important;width:100% !important;max-width:none !important;border-radius:0 !important;}
.lk-navrow .skr-nav a{color:#222 !important;font-weight:700;font-size:16px;text-decoration:none !important;}
.lk-navrow .skr-nav a:hover{color:var(--lk-green-dark) !important;}
.lk-navrow .skr-nav a.is-active{color:var(--lk-green-dark) !important;}
.lk-navrow .skr-nav a.skr-h-cta{background:var(--lk-green-dark) !important;color:#fff !important;border:none !important;border-radius:6px;padding:10px 18px;margin-left:auto;}
.lk-navrow .skr-nav a.skr-h-cta:hover{background:#3c650f !important;}
.skr-burger,.skr-burger-cb{display:none !important;}

/* ---------- Buttons (gelb wie Vorlage) ---------- */
.skr-calc-btn,.skr-cta-btn,.lk-btn-primary{
  background:var(--lk-yellow) !important;color:#111 !important;
  border:1px solid var(--lk-yellow-dark) !important;border-radius:6px !important;
  font-weight:800 !important;box-shadow:0 1px 2px rgba(0,0,0,.12);
  transition:background .15s;
}
.skr-calc-btn:hover,.skr-cta-btn:hover,.lk-btn-primary:hover{background:var(--lk-yellow-dark) !important;}
.lk-btn-secondary{
  background:#fff !important;color:#111 !important;border:1.5px solid var(--lk-yellow) !important;
  border-radius:6px !important;font-weight:700 !important;
}
.lk-btn-secondary:hover{background:#fffbe8 !important;}

/* ---------- Bewertungszeile ---------- */
.lk-rating{display:flex;gap:10px;align-items:baseline;flex-wrap:wrap;margin:0 0 4px;}
.lk-stars{color:#e8770e;font-size:21px;letter-spacing:2px;line-height:1;}
.lk-rating b{font-size:19px;}
.lk-r-label{font-weight:700;color:#222;}
.lk-r-count{color:#2a5db0 !important;text-decoration:underline;font-size:15.5px;}

/* ---------- Hero ---------- */
.lk-hero{display:grid;grid-template-columns:1.05fr .95fr;gap:44px;align-items:center;margin:14px 0 30px;}
.lk-hero-left p{font-size:17px;}
.lk-hero-left h1.wp-block-post-title{font-size:clamp(30px,3.4vw,46px) !important;line-height:1.14 !important;margin:8px 0 16px !important;text-align:left !important;}
.lk-hero-sub{font-size:18.5px !important;color:#3a3a3a;margin:0 0 22px !important;}
.lk-hero-checks{list-style:none;margin:14px 0 8px;padding:0;}
.lk-hero-checks li{padding-left:30px;position:relative;margin:9px 0;font-weight:600;}
.lk-hero-checks li::before{content:"✓";position:absolute;left:0;top:-1px;width:21px;height:21px;border-radius:50%;background:var(--lk-green-light);color:#1e3a00;font-weight:800;font-size:14px;display:flex;align-items:center;justify-content:center;}
.lk-hero-btns{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:6px;}
.lk-hero-btns a{display:inline-block;padding:16px 24px;text-decoration:none !important;text-align:center;flex:1 1 230px;font-size:16.5px;max-width:320px;}
.lk-hero-right{position:relative;}
.lk-hero-right img{width:100%;height:auto;border-radius:0;display:block;position:relative;z-index:1;box-shadow:none;}
.lk-hero-right::before{content:"";position:absolute;left:6%;top:10%;right:2%;bottom:4%;background:radial-gradient(circle at 62% 42%,#eef7e0 0%,#f6fbec 45%,transparent 72%);z-index:0;border-radius:50%;}
.lk-hero-badge{position:absolute;z-index:3;top:-14px;right:-8px;background:var(--lk-yellow);border-radius:50%;
  width:118px;height:118px;display:flex;flex-direction:column;align-items:center;justify-content:center;
  font-weight:800;text-align:center;font-size:14px;line-height:1.2;box-shadow:0 3px 10px rgba(0,0,0,.18);
  transform:rotate(6deg);color:#111;}
.lk-hero-badge small{font-weight:600;font-size:11px;}
@media(max-width:860px){.lk-hero{grid-template-columns:1fr;}.lk-hero-badge{right:6px;}}

/* ---------- Statistik-Band: volle Breite wie Vorlage ---------- */
.lk-band{background:var(--lk-green-light);border-radius:0;display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px 24px;
  margin:26px calc(50% - 50vw);padding:16px calc(50vw - 50% + 22px);}
.lk-band span{font-weight:800;color:#173000;font-size:16px;}

/* ---------- Sicherheits-Sektion ---------- */
.lk-secure{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin:30px 0;}
.lk-secure-card{background:var(--lk-green-pale);border:1px solid #d8e9bd;border-radius:12px;padding:16px 18px;display:flex;gap:12px;align-items:flex-start;}
.lk-secure-ico{flex:0 0 auto;width:34px;height:34px;border-radius:8px;background:var(--lk-green-dark);color:#fff;display:flex;align-items:center;justify-content:center;font-size:17px;font-weight:800;}
.lk-secure-card b{display:block;margin-bottom:3px;}
.lk-secure-card span{font-size:13.5px;color:#3a4a2a;line-height:1.4;}

/* ---------- Rechner-Karte ---------- */
.skr-calc{border:1px solid #d8e9bd !important;box-shadow:0 4px 18px rgba(62,113,0,.10) !important;border-top:4px solid var(--lk-yellow) !important;}
.skr-calc-title,.skr-calc-sub{background:var(--lk-green-dark) !important;}
.skr-calc-title{color:#ffffff !important;}
.skr-calc-sub{color:#eef7e0 !important;}
.skr-result{background:var(--lk-green-pale) !important;border:1px solid #d8e9bd;}
.skr-result,.skr-result *{color:#1e3a00 !important;}

.entry-content a{color:var(--lk-green-dark);}
.skr-kostentabelle th{background:var(--lk-green-pale) !important;color:#173000 !important;}

/* ---------- Footer: hell wie Vorlage ---------- */
.skr-footer{background:var(--lk-grey-nav) !important;color:#333 !important;border-top:1px solid #ddddd5;}
.skr-footer *{color:#333;}
.skr-footer h3,.skr-footer h4,.skr-footer strong,.skr-footer b{color:#1c1c1c !important;}
.skr-footer a{color:var(--lk-green-dark) !important;}
.skr-footer a:hover{color:#3c650f !important;text-decoration:underline;}
.skr-f-bottom{color:#555 !important;border-top:1px solid #ddddd5;}
#lk-cookie-reopen{color:var(--lk-green-dark) !important;}

/* ---------- Cookie-Banner ---------- */
.lk-cookie{position:fixed;left:0;right:0;bottom:0;z-index:99999;background:#fff;border-top:3px solid var(--lk-green-dark);box-shadow:0 -6px 24px rgba(0,0,0,.18);padding:18px 22px;font-size:14.5px;}
.lk-cookie-inner{max-width:1100px;margin:0 auto;}
.lk-cookie h3{margin:0 0 6px;font-size:17px;color:var(--lk-green-dark);}
.lk-cookie p{margin:0 0 12px;line-height:1.45;color:#333;}
.lk-cookie a{color:var(--lk-green-dark);text-decoration:underline;}
.lk-cookie-btns{display:flex;gap:12px;flex-wrap:wrap;align-items:center;}
.lk-cookie-btns button{cursor:pointer;padding:11px 22px;font-size:14.5px;font-family:inherit;}
.lk-cookie-settings{margin:12px 0;display:none;background:#f7f7f2;border:1px solid #e0e0d8;border-radius:8px;padding:14px 16px;}
.lk-cookie-settings.open{display:block;}
.lk-cookie-settings label{display:flex;gap:10px;align-items:flex-start;margin:8px 0;cursor:pointer;}
.lk-cookie-settings input{margin-top:3px;}
.lk-cookie-settings small{color:#666;display:block;}

/* Fix: Unterstriche/Borders der Nav-Links entfernen */
.lk-navrow .skr-nav a{border-bottom:none !important;border:none !important;padding-top:2px;padding-bottom:2px;}
.lk-navrow .skr-nav a.is-active{border-bottom:3px solid var(--lk-yellow) !important;padding-bottom:4px;}
/* Footer-Telefonbutton gruen */
.skr-footer a.skr-f-phone{background:var(--lk-green-dark) !important;color:#fff !important;border:none !important;}
.skr-footer a.skr-f-phone:hover{background:#3c650f !important;color:#fff !important;}

/* ---------- Fachanwaeltin-Sektion ---------- */
.lk-kaschube{display:grid;grid-template-columns:.42fr .58fr;gap:40px;align-items:center;margin:34px 0;}
.lk-ka-img{position:relative;background:linear-gradient(115deg,#eee4cf 0%,#f8f3e6 45%,#e7dcc4 100%);border-radius:10px;overflow:hidden;}

.lk-ka-img img{width:100%;height:auto;display:block;position:relative;z-index:1;transform:scaleX(-1);mix-blend-mode:multiply;}
.lk-ka-txt h2{margin:6px 0 12px;}
@media(max-width:860px){.lk-kaschube{grid-template-columns:1fr;}}

/* ---------- v1.5: Helleres Gruen + Farbverlaeufe ---------- */
:root{--lk-grn-grad:linear-gradient(135deg,#7ab43c 0%,#579023 55%,#4c7d19 100%);
      --lk-grn-grad-hover:linear-gradient(135deg,#6da432 0%,#4c7d19 60%,#446f12 100%);
      --lk-yel-grad:linear-gradient(180deg,#ffe07a 0%,#ffd151 100%);}
.skr-header{background:linear-gradient(180deg,#ffffff 0%,#fbfbf8 100%) !important;}
.lk-navrow{background:linear-gradient(180deg,#f4f4ef 0%,#e8e8e1 100%);}
.skr-phone-mini,.lk-navrow .skr-nav a.skr-h-cta{background:var(--lk-grn-grad) !important;}
.skr-phone-mini:hover,.lk-navrow .skr-nav a.skr-h-cta:hover{background:var(--lk-grn-grad-hover) !important;}
.skr-calc-title,.skr-calc-sub{background:linear-gradient(120deg,#639e26 0%,#4c7d19 100%) !important;}
.skr-calc{background:linear-gradient(180deg,#ffffff 0%,#fbfdf6 100%) !important;}
.skr-result{background:linear-gradient(160deg,#f4f9e8 0%,#e8f3d2 100%) !important;}
.skr-calc-btn,.skr-cta-btn,.lk-btn-primary,.skrgk-search button,.skrgk-cta{background:var(--lk-yel-grad) !important;}
.skr-calc-btn:hover,.skr-cta-btn:hover,.lk-btn-primary:hover,.skrgk-search button:hover,.skrgk-cta:hover{background:linear-gradient(180deg,#ffd75f 0%,#f5c518 100%) !important;}
.lk-band{background:linear-gradient(90deg,#c6eb70 0%,#aede4e 55%,#a3d442 100%);}
.lk-secure-card{background:linear-gradient(160deg,#f6fbec 0%,#eaf4d6 100%);}
.lk-secure-ico,.lk-shield{background:var(--lk-grn-grad);}
.skr-footer{background:linear-gradient(180deg,#f1f1eb 0%,#e4e4dc 100%) !important;}
.skr-footer a.skr-f-phone{background:var(--lk-grn-grad) !important;}
.skr-footer a.skr-f-phone:hover{background:var(--lk-grn-grad-hover) !important;}
.lk-hero-badge{background:linear-gradient(145deg,#ffe07a 0%,#ffcf45 100%);}
.skrgk-pin circle{fill:#5c9422;}
.skrgk-pin:hover circle,.skrgk-pin.active circle{fill:#f5c518;}
.skrgk-panel{background:linear-gradient(165deg,#f8faf1 0%,#eef4e0 100%);}
.lk-cookie{background:linear-gradient(180deg,#ffffff 0%,#fafaf6 100%);}
.lk-eyebrow-check,.lk-hero-checks li::before{background:linear-gradient(135deg,#c9ec73,#a8d84a);}

/* ---------- v1.5.1: Formulare (CF7 + Rechner) – klar, mit Rand, mobiltauglich ---------- */
.wpcf7 form{background:linear-gradient(180deg,#ffffff 0%,#fafbf5 100%);border:1px solid #d8e9bd;border-radius:14px;
  padding:26px 24px;box-shadow:0 4px 18px rgba(62,113,0,.08);}
.wpcf7 form p{margin:0 0 16px;}
.wpcf7 label{font-weight:700;font-size:15px;color:#222;display:block;margin:0 0 6px;line-height:1.35;}
.wpcf7 input:not([type=submit]):not([type=checkbox]):not([type=radio]):not([type=hidden]),
.wpcf7 select,.wpcf7 textarea,
.skr-calc-grid input:not([type=checkbox]):not([type=radio]),.skr-calc-grid select{
  display:block;width:100%;box-sizing:border-box;
  padding:13px 14px;font-size:16.5px;font-family:inherit;color:#1c1c1c;
  background:#fff;border:1.5px solid #b6b6a8;border-radius:8px;
  transition:border-color .15s, box-shadow .15s;-webkit-appearance:none;appearance:none;}
.wpcf7 select,.skr-calc-grid select{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%234c7d19' stroke-width='2' fill='none'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 14px center;padding-right:38px;}
.wpcf7 input:focus,.wpcf7 select:focus,.wpcf7 textarea:focus,
.skr-calc-grid input:focus,.skr-calc-grid select:focus,.skrgk-search input:focus{
  border-color:#7ab43c !important;box-shadow:0 0 0 3px rgba(122,180,60,.18) !important;outline:none;}
.wpcf7 textarea{min-height:130px;resize:vertical;}
.wpcf7 input::placeholder,.skr-calc-grid input::placeholder{color:#9a9a8e;}
.wpcf7 input[type=checkbox],.wpcf7 input[type=radio]{width:19px;height:19px;accent-color:#4c7d19;margin:0 8px 0 0;vertical-align:-4px;}
.wpcf7 .wpcf7-list-item{display:block;margin:0 0 8px;}
.wpcf7 .wpcf7-list-item label{display:flex;align-items:flex-start;gap:9px;font-weight:500;font-size:15px;cursor:pointer;}
.wpcf7 input[type=submit]{background:var(--lk-yel-grad) !important;color:#111 !important;
  border:1px solid var(--lk-yellow-dark) !important;border-radius:8px !important;
  font-weight:800 !important;font-size:17px;padding:15px 34px;cursor:pointer;
  box-shadow:0 2px 6px rgba(0,0,0,.14);transition:background .15s;}
.wpcf7 input[type=submit]:hover{background:linear-gradient(180deg,#ffd75f,#f5c518) !important;}
.wpcf7-not-valid{border-color:#c0392b !important;}
.wpcf7-not-valid-tip{color:#c0392b;font-size:13.5px;margin-top:4px;}
.wpcf7 .wpcf7-response-output{border-radius:8px;padding:12px 14px;margin:14px 0 0;border:1.5px solid #d8e9bd;background:#f4f9e8;}
.skr-calc-grid label{font-weight:700;font-size:14.5px;}
@media(max-width:700px){
  .wpcf7 form{padding:18px 14px;border-radius:12px;}
  .wpcf7 input:not([type=submit]):not([type=checkbox]):not([type=radio]):not([type=hidden]),
  .wpcf7 select,.wpcf7 textarea{width:100% !important;font-size:16px;}
  .wpcf7 input[type=submit]{width:100%;}
  .skr-calc-grid{grid-template-columns:1fr !important;display:grid;}
  .skr-calc-grid input:not([type=checkbox]):not([type=radio]),.skr-calc-grid select{width:100% !important;}
  .skrgk-search{flex-direction:column;}
  .skrgk-search button{width:100%;}
  .skrgk-result ul{columns:1;}
}

/* ---------- v1.5.2: Formulare schmaler + Feld-Erklaerungen ---------- */
.wpcf7{max-width:760px;margin-left:auto !important;margin-right:auto !important;}
.skr-calc{max-width:900px;margin-left:auto !important;margin-right:auto !important;}
.lk-hint{display:block;font-size:13px;color:#5f6b4c;line-height:1.5;margin:6px 2px 0;font-weight:400;}
.wpcf7 form p{margin-bottom:20px;}

/* ---------- v1.5.3: Siegel im Header (gold/schwarz) ---------- */
.lk-seal{flex:0 0 auto;filter:drop-shadow(0 1px 2px rgba(0,0,0,.25));}

/* v1.5.6: Preis-Badge hoeher, damit Gesichter frei bleiben */
.lk-hero-badge{top:-46px !important;right:6px !important;}
@media(max-width:860px){.lk-hero-badge{top:-30px !important;}}

/* ---------- v1.5.7: Mobile Fixes ---------- */
.skr-calc-grid input[type=checkbox],.skr-calc input[type=checkbox]{
  width:20px !important;height:20px !important;flex:0 0 auto !important;
  appearance:auto !important;-webkit-appearance:auto !important;
  accent-color:#4c7d19;margin:2px 0 0 !important;display:inline-block !important;padding:0 !important;}
label.skr-check{display:flex !important;align-items:flex-start !important;gap:10px !important;
  font-weight:600 !important;line-height:1.45;grid-column:1/-1;}
.skr-table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%;}
.skr-kostentabelle{min-width:480px;}
@media(max-width:700px){
  .lk-hero-btns a{max-width:none;}
  .skrgk-badges{gap:10px 16px;}
  .lk-band{padding-left:18px;padding-right:18px;}
}