.pkpb-widget{
  --pkpb-bg:#fff7df;
  --pkpb-surface:#ffffff;
  --pkpb-surface-2:#fffaf0;
  --pkpb-ink:#18202a;
  --pkpb-muted:#657281;
  --pkpb-soft:#eef2f6;
  --pkpb-border:#e3e8ef;
  --pkpb-primary:#0d3b66;
  --pkpb-primary-2:#092b49;
  --pkpb-accent:#ffbd00;
  --pkpb-accent-2:#ff7a00;
  --pkpb-good:#1f9d55;
  --pkpb-danger:#d9480f;
  --pkpb-radius:22px;
  --pkpb-shadow:0 22px 55px rgba(13,59,102,.16);
  position:relative;
  isolation:isolate;
  font-family:inherit;
  color:var(--pkpb-ink);
  background:
    radial-gradient(circle at 90% 2%,rgba(255,189,0,.26),transparent 24rem),
    linear-gradient(135deg,#fffdf7 0%,#fff7df 48%,#f5f8ff 100%);
  border:1px solid rgba(13,59,102,.12);
  border-radius:28px;
  padding:clamp(18px,3vw,30px);
  margin:28px 0;
  box-shadow:var(--pkpb-shadow);
  overflow:hidden;
}
.pkpb-widget:before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:9px;
  background:linear-gradient(180deg,var(--pkpb-accent),var(--pkpb-accent-2));
  z-index:-1;
}
.pkpb-widget *{box-sizing:border-box}
.pkpb-widget [hidden]{display:none!important}
.pkpb-hero{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:18px;
  align-items:center;
  padding:4px 0 24px;
  margin-bottom:20px;
  border-bottom:1px solid rgba(13,59,102,.13);
}
.pkpb-kicker{
  display:inline-flex;
  align-items:center;
  gap:8px;
  width:max-content;
  background:#0d3b66;
  color:#fff;
  border-radius:999px;
  padding:7px 12px;
  font-size:12px;
  font-weight:900;
  letter-spacing:.07em;
  text-transform:uppercase;
  margin-bottom:12px;
  box-shadow:0 8px 20px rgba(13,59,102,.18);
}
.pkpb-kicker:before{content:"👑";font-size:14px;line-height:1}
.pkpb-hero h2{
  margin:0 0 8px!important;
  color:var(--pkpb-primary)!important;
  font-size:clamp(26px,3.2vw,42px)!important;
  line-height:1.08!important;
  letter-spacing:-.035em;
}
.pkpb-hero p{
  max-width:740px;
  margin:0!important;
  color:#2d3947!important;
  font-size:17px;
  line-height:1.6;
}
.pkpb-badge{
  flex:0 0 auto;
  min-width:154px;
  text-align:center;
  color:var(--pkpb-primary);
  background:#fff;
  border:2px solid rgba(255,189,0,.9);
  border-radius:18px;
  padding:13px 16px;
  font-weight:950;
  box-shadow:0 12px 25px rgba(255,122,0,.13);
  transform:rotate(1deg);
}
.pkpb-tabs{
  display:flex;
  gap:10px;
  align-items:center;
  background:#fff;
  border:1px solid var(--pkpb-border);
  border-radius:18px;
  padding:7px;
  margin:0 0 24px;
  box-shadow:0 10px 24px rgba(13,59,102,.07);
}
.pkpb-tab{
  appearance:none;
  flex:1 1 0;
  border:0;
  background:transparent;
  color:var(--pkpb-primary);
  font:inherit;
  font-weight:900;
  padding:14px 16px;
  border-radius:13px;
  cursor:pointer;
  transition:background .18s ease,transform .18s ease,color .18s ease;
}
.pkpb-tab:hover{background:#fff7dd;transform:translateY(-1px)}
.pkpb-tab.is-active{
  color:#111827;
  background:linear-gradient(135deg,var(--pkpb-accent),#ffd978);
  box-shadow:0 9px 18px rgba(255,189,0,.28);
}
.pkpb-panel{display:none}.pkpb-panel.is-active{display:block}
.pkpb-grid{display:grid;grid-template-columns:minmax(0,.95fr) minmax(320px,1.05fr);gap:22px;align-items:start}
.pkpb-card{
  min-width:0;
  background:rgba(255,255,255,.94);
  border:1px solid var(--pkpb-border);
  border-radius:var(--pkpb-radius);
  padding:clamp(18px,2.6vw,26px);
  box-shadow:0 16px 40px rgba(13,59,102,.09);
}
.pkpb-card h3{
  margin:0 0 20px!important;
  color:var(--pkpb-primary)!important;
  font-size:23px!important;
  line-height:1.2!important;
  letter-spacing:-.02em;
}
.pkpb-input-card h4{margin:0!important;color:var(--pkpb-primary)!important;font-size:17px!important}
.pkpb-field{display:block;margin:0 0 17px}
.pkpb-field>span:first-child{
  display:flex;
  flex-wrap:wrap;
  align-items:baseline;
  gap:8px;
  color:var(--pkpb-ink);
  font-weight:900;
  margin-bottom:8px;
}
.pkpb-field small,.pkpb-coupon-head small{font-size:12px;color:var(--pkpb-muted);font-weight:800}
.pkpb-widget input,.pkpb-widget select{
  width:100%;
  height:52px;
  border:1px solid #cfd8e3;
  border-radius:14px;
  background:#fff;
  color:var(--pkpb-ink);
  font:inherit;
  font-size:16px;
  padding:0 15px;
  outline:none;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.75);
}
.pkpb-widget input:focus,.pkpb-widget select:focus{
  border-color:var(--pkpb-accent-2);
  box-shadow:0 0 0 4px rgba(255,189,0,.22);
}
.pkpb-money-input,.pkpb-unit-input{
  display:grid!important;
  grid-template-columns:54px minmax(0,1fr);
  gap:0;
  margin:0!important;
  background:#fff;
  border:1px solid #cfd8e3;
  border-radius:15px;
  overflow:hidden;
}
.pkpb-unit-input{grid-template-columns:minmax(0,1fr) 64px}
.pkpb-money-input b,.pkpb-unit-input b{
  display:flex;
  align-items:center;
  justify-content:center;
  color:var(--pkpb-primary);
  background:linear-gradient(180deg,#fff4c6,#ffe08a);
  font-size:18px;
  font-weight:950;
}
.pkpb-money-input input,.pkpb-unit-input input{border:0;border-radius:0;box-shadow:none}
.pkpb-coupon-head{display:flex;align-items:baseline;gap:10px;margin:8px 0 11px}
.pkpb-coupon-row{
  display:grid;
  grid-template-columns:minmax(0,1.5fr) minmax(80px,.78fr) 42px;
  gap:10px;
  align-items:center;
  background:linear-gradient(135deg,#f7faff,#fffaf0);
  border:1px solid #e0e7f0;
  border-radius:16px;
  padding:12px;
  margin:0 0 10px;
}
.pkpb-coupon-row select,.pkpb-coupon-row input{height:46px}
.pkpb-remove{
  height:42px;
  width:42px;
  border:0;
  border-radius:14px;
  background:#f0f3f7;
  color:#6b7280;
  font-size:22px;
  line-height:1;
  cursor:pointer;
  transition:.18s ease;
}
.pkpb-remove:hover{background:#fee2d5;color:var(--pkpb-danger)}
.pkpb-add{
  width:100%;
  height:52px;
  border:0;
  background:linear-gradient(135deg,var(--pkpb-primary),#175985);
  color:#fff;
  border-radius:15px;
  font:inherit;
  font-weight:950;
  cursor:pointer;
  margin:6px 0 18px;
  box-shadow:0 12px 22px rgba(13,59,102,.2);
}
.pkpb-add:hover{filter:brightness(1.05);transform:translateY(-1px)}
.pkpb-note{
  position:relative;
  background:#fff8df;
  color:#4c3d10;
  border:1px solid rgba(255,189,0,.55);
  border-radius:16px;
  padding:15px 16px 15px 44px;
  line-height:1.55;
}
.pkpb-note:before{content:"💡";position:absolute;left:16px;top:15px}
.pkpb-result-card{
  position:sticky;
  top:18px;
  color:#fff;
  background:
    linear-gradient(135deg,rgba(255,189,0,.16),transparent 38%),
    linear-gradient(145deg,var(--pkpb-primary),var(--pkpb-primary-2));
  border:0;
  overflow:hidden;
}
.pkpb-result-card:after{
  content:"";
  position:absolute;
  width:220px;
  height:220px;
  right:-80px;
  bottom:-90px;
  border-radius:50%;
  background:rgba(255,189,0,.14);
  pointer-events:none;
}
.pkpb-result-card h3{color:#fff!important;position:relative;z-index:1}
.pkpb-main-result{
  position:relative;
  z-index:1;
  text-align:left;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.16);
  border-radius:20px;
  padding:20px;
  margin:0 0 18px;
}
.pkpb-main-result span{
  display:block;
  text-transform:uppercase;
  letter-spacing:.09em;
  font-size:12px;
  font-weight:950;
  color:#dcefff;
}
.pkpb-main-result strong{
  display:block;
  color:var(--pkpb-accent);
  font-size:clamp(42px,6vw,66px);
  line-height:.95;
  font-weight:950;
  margin:10px 0 8px;
  letter-spacing:-.05em;
  text-shadow:0 8px 24px rgba(0,0,0,.18);
}
.pkpb-main-result em{display:block;color:#fff;font-style:normal;font-size:16px}
.pkpb-result-boxes{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
  margin:18px 0;
}
.pkpb-result-boxes div{
  background:rgba(255,255,255,.96);
  border:1px solid rgba(255,255,255,.28);
  border-radius:16px;
  padding:14px;
  color:var(--pkpb-primary);
}
.pkpb-result-boxes span{
  display:block;
  text-transform:uppercase;
  color:#617489;
  font-size:11px;
  font-weight:950;
  letter-spacing:.06em;
}
.pkpb-result-boxes strong{
  display:block;
  color:#111827;
  font-size:22px;
  margin-top:6px;
  word-break:break-word;
}
.pkpb-actions{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:12px}
.pkpb-actions button{
  height:48px;
  border:1px solid rgba(255,255,255,.24);
  background:rgba(255,255,255,.12);
  color:#fff;
  border-radius:14px;
  font:inherit;
  font-weight:950;
  cursor:pointer;
  transition:.18s ease;
}
.pkpb-actions button:hover{background:var(--pkpb-accent);color:#111827;border-color:var(--pkpb-accent);transform:translateY(-1px)}
.pkpb-toast{position:relative;z-index:1;min-height:22px;margin-top:12px;text-align:center;color:#ffe28a;font-weight:900}
.pkpb-widget .is-positive{color:var(--pkpb-good)!important}.pkpb-widget .is-negative{color:var(--pkpb-danger)!important}
@media (max-width:860px){
  .pkpb-widget{border-radius:22px;padding:16px}
  .pkpb-hero{grid-template-columns:1fr;gap:12px}
  .pkpb-badge{width:max-content;transform:none}
  .pkpb-tabs{display:grid;grid-template-columns:1fr}
  .pkpb-grid{grid-template-columns:1fr}
  .pkpb-result-card{position:relative;top:auto}
  .pkpb-card{padding:18px}
  .pkpb-coupon-row{grid-template-columns:1fr}
  .pkpb-remove{width:100%}
  .pkpb-result-boxes,.pkpb-actions{grid-template-columns:1fr}
}


/* ---------- Preis-King PAYBACK Rechner: Light/Dark Mode ---------- */
.pkpb-widget{color-scheme:light}

[data-theme="dark"] .pkpb-widget,
body[data-theme="dark"] .pkpb-widget,
html.dark .pkpb-widget,
body.dark .pkpb-widget,
body.dark-mode .pkpb-widget{
  --pkpb-bg:#151824;
  --pkpb-surface:#202433;
  --pkpb-surface-2:#252a3a;
  --pkpb-ink:#f4f7fb;
  --pkpb-muted:#aeb8c8;
  --pkpb-soft:#2e3445;
  --pkpb-border:#363d50;
  --pkpb-primary:#f7c948;
  --pkpb-primary-2:#0f1420;
  --pkpb-accent:#ffbd00;
  --pkpb-accent-2:#ff8a00;
  --pkpb-good:#6ee7a8;
  --pkpb-danger:#ff8a65;
  --pkpb-shadow:0 22px 55px rgba(0,0,0,.34);
  color-scheme:dark;
  color:var(--pkpb-ink)!important;
  background:
    radial-gradient(circle at 92% 4%,rgba(255,189,0,.16),transparent 24rem),
    radial-gradient(circle at 0 100%,rgba(13,59,102,.38),transparent 22rem),
    linear-gradient(135deg,#151824 0%,#1b2030 48%,#201a10 100%)!important;
  border-color:rgba(255,255,255,.12)!important;
  box-shadow:var(--pkpb-shadow)!important;
}

[data-theme="dark"] .pkpb-widget:before,
body[data-theme="dark"] .pkpb-widget:before,
html.dark .pkpb-widget:before,
body.dark .pkpb-widget:before,
body.dark-mode .pkpb-widget:before{
  background:linear-gradient(180deg,#ffbd00,#ff7a00)!important;
}

[data-theme="dark"] .pkpb-hero,
body[data-theme="dark"] .pkpb-hero,
html.dark .pkpb-hero,
body.dark .pkpb-hero,
body.dark-mode .pkpb-hero{border-bottom-color:rgba(255,255,255,.12)!important}

[data-theme="dark"] .pkpb-kicker,
body[data-theme="dark"] .pkpb-kicker,
html.dark .pkpb-kicker,
body.dark .pkpb-kicker,
body.dark-mode .pkpb-kicker{
  background:#ffbd00!important;
  color:#111827!important;
  box-shadow:0 8px 22px rgba(255,189,0,.18)!important;
}

[data-theme="dark"] .pkpb-hero h2,
body[data-theme="dark"] .pkpb-hero h2,
html.dark .pkpb-hero h2,
body.dark .pkpb-hero h2,
body.dark-mode .pkpb-hero h2{color:#fff!important}

[data-theme="dark"] .pkpb-hero p,
body[data-theme="dark"] .pkpb-hero p,
html.dark .pkpb-hero p,
body.dark .pkpb-hero p,
body.dark-mode .pkpb-hero p{color:#dbe3ef!important}

[data-theme="dark"] .pkpb-badge,
body[data-theme="dark"] .pkpb-badge,
html.dark .pkpb-badge,
body.dark .pkpb-badge,
body.dark-mode .pkpb-badge{
  color:#ffe28a!important;
  background:#202433!important;
  border-color:rgba(255,189,0,.72)!important;
  box-shadow:0 14px 28px rgba(0,0,0,.25)!important;
}

[data-theme="dark"] .pkpb-tabs,
body[data-theme="dark"] .pkpb-tabs,
html.dark .pkpb-tabs,
body.dark .pkpb-tabs,
body.dark-mode .pkpb-tabs,
[data-theme="dark"] .pkpb-card,
body[data-theme="dark"] .pkpb-card,
html.dark .pkpb-card,
body.dark .pkpb-card,
body.dark-mode .pkpb-card{
  background:rgba(32,36,51,.94)!important;
  border-color:var(--pkpb-border)!important;
  box-shadow:0 16px 40px rgba(0,0,0,.24)!important;
}

[data-theme="dark"] .pkpb-card h3,
body[data-theme="dark"] .pkpb-card h3,
html.dark .pkpb-card h3,
body.dark .pkpb-card h3,
body.dark-mode .pkpb-card h3,
[data-theme="dark"] .pkpb-input-card h4,
body[data-theme="dark"] .pkpb-input-card h4,
html.dark .pkpb-input-card h4,
body.dark .pkpb-input-card h4,
body.dark-mode .pkpb-input-card h4{color:#fff!important}

[data-theme="dark"] .pkpb-tab,
body[data-theme="dark"] .pkpb-tab,
html.dark .pkpb-tab,
body.dark .pkpb-tab,
body.dark-mode .pkpb-tab{color:#dbe3ef!important}

[data-theme="dark"] .pkpb-tab:hover,
body[data-theme="dark"] .pkpb-tab:hover,
html.dark .pkpb-tab:hover,
body.dark .pkpb-tab:hover,
body.dark-mode .pkpb-tab:hover{background:#2b3042!important;color:#fff!important}

[data-theme="dark"] .pkpb-tab.is-active,
body[data-theme="dark"] .pkpb-tab.is-active,
html.dark .pkpb-tab.is-active,
body.dark .pkpb-tab.is-active,
body.dark-mode .pkpb-tab.is-active{
  color:#111827!important;
  background:linear-gradient(135deg,#ffbd00,#ffe08a)!important;
  box-shadow:0 10px 22px rgba(255,189,0,.18)!important;
}

[data-theme="dark"] .pkpb-field>span:first-child,
body[data-theme="dark"] .pkpb-field>span:first-child,
html.dark .pkpb-field>span:first-child,
body.dark .pkpb-field>span:first-child,
body.dark-mode .pkpb-field>span:first-child{color:#f4f7fb!important}

[data-theme="dark"] .pkpb-field small,
body[data-theme="dark"] .pkpb-field small,
html.dark .pkpb-field small,
body.dark .pkpb-field small,
body.dark-mode .pkpb-field small,
[data-theme="dark"] .pkpb-coupon-head small,
body[data-theme="dark"] .pkpb-coupon-head small,
html.dark .pkpb-coupon-head small,
body.dark .pkpb-coupon-head small,
body.dark-mode .pkpb-coupon-head small{color:#aeb8c8!important}

[data-theme="dark"] .pkpb-widget input,
[data-theme="dark"] .pkpb-widget select,
body[data-theme="dark"] .pkpb-widget input,
body[data-theme="dark"] .pkpb-widget select,
html.dark .pkpb-widget input,
html.dark .pkpb-widget select,
body.dark .pkpb-widget input,
body.dark .pkpb-widget select,
body.dark-mode .pkpb-widget input,
body.dark-mode .pkpb-widget select{
  background:#151824!important;
  color:#f4f7fb!important;
  border-color:#3a4257!important;
  box-shadow:none!important;
}

[data-theme="dark"] .pkpb-widget input::placeholder,
body[data-theme="dark"] .pkpb-widget input::placeholder,
html.dark .pkpb-widget input::placeholder,
body.dark .pkpb-widget input::placeholder,
body.dark-mode .pkpb-widget input::placeholder{color:#8f9bad!important}

[data-theme="dark"] .pkpb-widget input:focus,
[data-theme="dark"] .pkpb-widget select:focus,
body[data-theme="dark"] .pkpb-widget input:focus,
body[data-theme="dark"] .pkpb-widget select:focus,
html.dark .pkpb-widget input:focus,
html.dark .pkpb-widget select:focus,
body.dark .pkpb-widget input:focus,
body.dark .pkpb-widget select:focus,
body.dark-mode .pkpb-widget input:focus,
body.dark-mode .pkpb-widget select:focus{
  border-color:#ffbd00!important;
  box-shadow:0 0 0 4px rgba(255,189,0,.16)!important;
}

[data-theme="dark"] .pkpb-money-input,
[data-theme="dark"] .pkpb-unit-input,
body[data-theme="dark"] .pkpb-money-input,
body[data-theme="dark"] .pkpb-unit-input,
html.dark .pkpb-money-input,
html.dark .pkpb-unit-input,
body.dark .pkpb-money-input,
body.dark .pkpb-unit-input,
body.dark-mode .pkpb-money-input,
body.dark-mode .pkpb-unit-input{
  background:#151824!important;
  border-color:#3a4257!important;
}

[data-theme="dark"] .pkpb-money-input b,
[data-theme="dark"] .pkpb-unit-input b,
body[data-theme="dark"] .pkpb-money-input b,
body[data-theme="dark"] .pkpb-unit-input b,
html.dark .pkpb-money-input b,
html.dark .pkpb-unit-input b,
body.dark .pkpb-money-input b,
body.dark .pkpb-unit-input b,
body.dark-mode .pkpb-money-input b,
body.dark-mode .pkpb-unit-input b{
  color:#111827!important;
  background:linear-gradient(180deg,#ffbd00,#ffd978)!important;
}

[data-theme="dark"] .pkpb-coupon-row,
body[data-theme="dark"] .pkpb-coupon-row,
html.dark .pkpb-coupon-row,
body.dark .pkpb-coupon-row,
body.dark-mode .pkpb-coupon-row{
  background:linear-gradient(135deg,#222739,#1a1f2d)!important;
  border-color:#3a4257!important;
}

[data-theme="dark"] .pkpb-remove,
body[data-theme="dark"] .pkpb-remove,
html.dark .pkpb-remove,
body.dark .pkpb-remove,
body.dark-mode .pkpb-remove{background:#2b3042!important;color:#c7d0dd!important}

[data-theme="dark"] .pkpb-remove:hover,
body[data-theme="dark"] .pkpb-remove:hover,
html.dark .pkpb-remove:hover,
body.dark .pkpb-remove:hover,
body.dark-mode .pkpb-remove:hover{background:#3e2723!important;color:#ffab91!important}

[data-theme="dark"] .pkpb-add,
body[data-theme="dark"] .pkpb-add,
html.dark .pkpb-add,
body.dark .pkpb-add,
body.dark-mode .pkpb-add{
  background:linear-gradient(135deg,#ffbd00,#ff8a00)!important;
  color:#111827!important;
  box-shadow:0 12px 24px rgba(255,122,0,.12)!important;
}

[data-theme="dark"] .pkpb-note,
body[data-theme="dark"] .pkpb-note,
html.dark .pkpb-note,
body.dark .pkpb-note,
body.dark-mode .pkpb-note{
  background:#252838!important;
  color:#dbe3ef!important;
  border-color:#3a4257!important;
}

[data-theme="dark"] .pkpb-result-card,
body[data-theme="dark"] .pkpb-result-card,
html.dark .pkpb-result-card,
body.dark .pkpb-result-card,
body.dark-mode .pkpb-result-card{
  color:#fff!important;
  background:
    linear-gradient(135deg,rgba(255,189,0,.13),transparent 40%),
    linear-gradient(145deg,#121726,#202638)!important;
  border:1px solid rgba(255,255,255,.1)!important;
}

[data-theme="dark"] .pkpb-result-card h3,
body[data-theme="dark"] .pkpb-result-card h3,
html.dark .pkpb-result-card h3,
body.dark .pkpb-result-card h3,
body.dark-mode .pkpb-result-card h3{color:#fff!important}

[data-theme="dark"] .pkpb-main-result,
body[data-theme="dark"] .pkpb-main-result,
html.dark .pkpb-main-result,
body.dark .pkpb-main-result,
body.dark-mode .pkpb-main-result{
  background:rgba(255,255,255,.06)!important;
  border-color:rgba(255,255,255,.14)!important;
}

[data-theme="dark"] .pkpb-main-result span,
body[data-theme="dark"] .pkpb-main-result span,
html.dark .pkpb-main-result span,
body.dark .pkpb-main-result span,
body.dark-mode .pkpb-main-result span{color:#b8c7dd!important}

[data-theme="dark"] .pkpb-main-result strong,
body[data-theme="dark"] .pkpb-main-result strong,
html.dark .pkpb-main-result strong,
body.dark .pkpb-main-result strong,
body.dark-mode .pkpb-main-result strong{color:#ffbd00!important}

[data-theme="dark"] .pkpb-main-result em,
body[data-theme="dark"] .pkpb-main-result em,
html.dark .pkpb-main-result em,
body.dark .pkpb-main-result em,
body.dark-mode .pkpb-main-result em{color:#fff!important}

[data-theme="dark"] .pkpb-result-boxes div,
body[data-theme="dark"] .pkpb-result-boxes div,
html.dark .pkpb-result-boxes div,
body.dark .pkpb-result-boxes div,
body.dark-mode .pkpb-result-boxes div{
  background:#252a3a!important;
  border-color:#3a4257!important;
  color:#f4f7fb!important;
}

[data-theme="dark"] .pkpb-result-boxes span,
body[data-theme="dark"] .pkpb-result-boxes span,
html.dark .pkpb-result-boxes span,
body.dark .pkpb-result-boxes span,
body.dark-mode .pkpb-result-boxes span{color:#aeb8c8!important}

[data-theme="dark"] .pkpb-result-boxes strong,
body[data-theme="dark"] .pkpb-result-boxes strong,
html.dark .pkpb-result-boxes strong,
body.dark .pkpb-result-boxes strong,
body.dark-mode .pkpb-result-boxes strong{color:#fff!important}

[data-theme="dark"] .pkpb-actions button,
body[data-theme="dark"] .pkpb-actions button,
html.dark .pkpb-actions button,
body.dark .pkpb-actions button,
body.dark-mode .pkpb-actions button{
  background:#252a3a!important;
  color:#f4f7fb!important;
  border-color:#3a4257!important;
}

[data-theme="dark"] .pkpb-actions button:hover,
body[data-theme="dark"] .pkpb-actions button:hover,
html.dark .pkpb-actions button:hover,
body.dark .pkpb-actions button:hover,
body.dark-mode .pkpb-actions button:hover{
  background:#ffbd00!important;
  color:#111827!important;
  border-color:#ffbd00!important;
}

[data-theme="dark"] .pkpb-toast,
body[data-theme="dark"] .pkpb-toast,
html.dark .pkpb-toast,
body.dark .pkpb-toast,
body.dark-mode .pkpb-toast{color:#ffe28a!important}

[data-theme="dark"] .pkpb-widget .is-positive,
body[data-theme="dark"] .pkpb-widget .is-positive,
html.dark .pkpb-widget .is-positive,
body.dark .pkpb-widget .is-positive,
body.dark-mode .pkpb-widget .is-positive{color:#6ee7a8!important}

[data-theme="dark"] .pkpb-widget .is-negative,
body[data-theme="dark"] .pkpb-widget .is-negative,
html.dark .pkpb-widget .is-negative,
body.dark .pkpb-widget .is-negative,
body.dark-mode .pkpb-widget .is-negative{color:#ff8a65!important}

/* ---------- Preis-King Bundle Rechner ---------- */

.pkbr-stack{
  display:block!important;
  width:100%!important;
}
.pkbr-stack>.pkpb-input-card{
  width:100%!important;
  max-width:none!important;
}
.pkbr-result-below{
  display:block!important;
  position:relative!important;
  top:auto!important;
  width:100%!important;
  max-width:none!important;
  margin-top:22px!important;
}

.pkbr-widget .pkpb-grid{
  grid-template-columns:1fr;
}
.pkbr-widget .pkpb-result-card{
  position:relative;
  top:auto;
  width:100%;
}
.pkbr-widget{
  --pkpb-bg:#fff7df;
  --pkpb-surface:#ffffff;
  --pkpb-surface-2:#fffaf0;
  --pkpb-ink:#18202a;
  --pkpb-muted:#657281;
  --pkpb-soft:#eef2f6;
  --pkpb-border:#e3e8ef;
  --pkpb-primary:#0d3b66;
  --pkpb-primary-2:#092b49;
  --pkpb-accent:#ffbd00;
  --pkpb-accent-2:#ff7a00;
  --pkpb-good:#1f9d55;
  --pkpb-danger:#d9480f;
}
.pkbr-widget .pkpb-kicker:before{content:"📱"}
.pkbr-form-section{
  background:linear-gradient(135deg,#f7faff,#fffaf0);
  border:1px solid #e0e7f0;
  border-radius:18px;
  padding:16px;
  margin:0 0 16px;
}
.pkbr-form-section h4{
  margin:0 0 14px!important;
  color:var(--pkpb-primary)!important;
  font-size:17px!important;
  line-height:1.25!important;
  letter-spacing:-.01em;
}
.pkbr-two-col{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.pkbr-three-col{display:grid;grid-template-columns:1fr 1fr auto;gap:12px;align-items:end}
.pkbr-device-row{
  display:grid;
  grid-template-columns:minmax(115px,.7fr) minmax(0,1.35fr) auto;
  gap:10px;
  align-items:end;
  background:#fff;
  border:1px solid #e0e7f0;
  border-radius:16px;
  padding:12px;
  margin:0 0 10px;
}
.pkbr-check{
  display:flex;
  align-items:center;
  gap:8px;
  min-height:52px;
  color:var(--pkpb-ink);
  font-weight:900;
  white-space:nowrap;
}
.pkbr-check input{
  width:20px!important;
  height:20px!important;
  accent-color:var(--pkpb-accent-2);
  box-shadow:none!important;
}
.pkbr-mini-result{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  align-items:center;
  justify-content:space-between;
  margin-top:12px;
  background:#fff8df;
  border:1px solid rgba(255,189,0,.55);
  color:#4c3d10;
  border-radius:16px;
  padding:13px 15px;
  font-weight:900;
}
.pkbr-output-wrap{
  position:relative;
  z-index:1;
  background:rgba(255,255,255,.96);
  color:#111827;
  border-radius:18px;
  padding:14px;
  margin:18px 0 0;
  overflow:auto;
}
.pkbr-output-wrap .rechnung-container{
  font-family:Arial,sans-serif;
  padding:14px;
  border-radius:14px;
  background-color:#e5e5e5!important;
  width:100%;
  max-width:none;
}
.pkbr-output-wrap .rechnung-tabelle{width:100%;border-collapse:collapse}
.pkbr-output-wrap .rechnung-tabelle td{padding:10px;background-color:#e5e5e5!important;vertical-align:middle}
.pkbr-output-wrap .rechnung-betrag,
.pkbr-output-wrap .rechnung-anzahl,
.pkbr-output-wrap .rechnung-ergebnis,
.pkbr-output-wrap .rechnung-gesamt,
.pkbr-output-wrap .rechnung-monat{font-weight:bold;color:#333}
.pkbr-output-wrap .rechnung-trennlinie{border:0;border-top:3px solid #111;margin:10px 0}
.pkbr-output-wrap td.zahlen{width:50%;text-align:right;padding-right:20px;white-space:nowrap}
.pkbr-output-wrap .positiv .rechnung-betrag{color:green}
.pkbr-output-wrap .negativ .rechnung-betrag,
.pkbr-output-wrap .negativ .rechnung-anzahl,
.pkbr-output-wrap .negativ .rechnung-ergebnis{color:red}
.pkbr-widget .pkpb-result-boxes strong.is-good{color:var(--pkpb-good)!important}
.pkbr-widget .pkpb-result-boxes strong.is-bad{color:var(--pkpb-danger)!important}
@media (max-width:860px){
  .pkbr-two-col,.pkbr-three-col,.pkbr-device-row{grid-template-columns:1fr}
  .pkbr-check{min-height:auto;white-space:normal}
  .pkbr-mini-result{display:block}
  .pkbr-mini-result button{width:100%;margin-top:10px}
  .pkbr-output-wrap .rechnung-tabelle,
  .pkbr-output-wrap .rechnung-tabelle tbody,
  .pkbr-output-wrap .rechnung-tabelle tr,
  .pkbr-output-wrap .rechnung-tabelle td{display:block;width:100%!important;text-align:left!important;padding:8px!important;white-space:normal!important}
  .pkbr-output-wrap td.zahlen{padding-right:8px!important;font-size:15px}
}

/* ---------- PK Bundle Rechner: Light/Dark Mode ---------- */
[data-theme="dark"] .pkbr-form-section,
body[data-theme="dark"] .pkbr-form-section,
html.dark .pkbr-form-section,
body.dark .pkbr-form-section,
body.dark-mode .pkbr-form-section,
[data-theme="dark"] .pkbr-device-row,
body[data-theme="dark"] .pkbr-device-row,
html.dark .pkbr-device-row,
body.dark .pkbr-device-row,
body.dark-mode .pkbr-device-row{
  background:linear-gradient(135deg,#222739,#1a1f2d)!important;
  border-color:#3a4257!important;
}
[data-theme="dark"] .pkbr-form-section h4,
body[data-theme="dark"] .pkbr-form-section h4,
html.dark .pkbr-form-section h4,
body.dark .pkbr-form-section h4,
body.dark-mode .pkbr-form-section h4,
[data-theme="dark"] .pkbr-check,
body[data-theme="dark"] .pkbr-check,
html.dark .pkbr-check,
body.dark .pkbr-check,
body.dark-mode .pkbr-check{color:#f4f7fb!important}
[data-theme="dark"] .pkbr-mini-result,
body[data-theme="dark"] .pkbr-mini-result,
html.dark .pkbr-mini-result,
body.dark .pkbr-mini-result,
body.dark-mode .pkbr-mini-result{
  background:#252838!important;
  color:#dbe3ef!important;
  border-color:#3a4257!important;
}
[data-theme="dark"] .pkbr-output-wrap,
body[data-theme="dark"] .pkbr-output-wrap,
html.dark .pkbr-output-wrap,
body.dark .pkbr-output-wrap,
body.dark-mode .pkbr-output-wrap{
  background:#252a3a!important;
  border:1px solid #3a4257!important;
}
[data-theme="dark"] .pkbr-footnote,
body[data-theme="dark"] .pkbr-footnote,
html.dark .pkbr-footnote,
body.dark .pkbr-footnote,
body.dark-mode .pkbr-footnote{color:#b8c7dd!important}

/* ---------- PK Leasing Rechner ---------- */
.pkls-widget{
  --pkpb-bg:#fff7df;
  --pkpb-surface:#ffffff;
  --pkpb-surface-2:#fffaf0;
  --pkpb-ink:#18202a;
  --pkpb-muted:#657281;
  --pkpb-soft:#eef2f6;
  --pkpb-border:#e3e8ef;
  --pkpb-primary:#0d3b66;
  --pkpb-primary-2:#092b49;
  --pkpb-accent:#ffbd00;
  --pkpb-accent-2:#ff7a00;
  --pkpb-good:#1f9d55;
  --pkpb-danger:#d9480f;
}
.pkls-widget .pkpb-kicker:before{content:"🚗"}
.pkls-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.82fr);gap:18px;align-items:start}
.pkls-form-section{
  background:linear-gradient(135deg,#f7faff,#fffaf0);
  border:1px solid #e0e7f0;
  border-radius:18px;
  padding:16px;
  margin:0 0 16px;
}
.pkls-form-section h4{
  margin:0 0 14px!important;
  color:var(--pkpb-primary)!important;
  font-size:17px!important;
  line-height:1.25!important;
  letter-spacing:-.01em;
}
.pkls-two-col{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px}
.pkls-two-col:last-child{margin-bottom:0}
.pkls-output-wrap{
  position:relative;
  z-index:1;
  background:rgba(255,255,255,.96);
  color:#111827;
  border-radius:18px;
  padding:14px;
  margin:18px 0 0;
  overflow:auto;
}
.pkls-mini-result{
  background:#fff8df;
  border:1px solid rgba(255,189,0,.55);
  color:#4c3d10;
  border-radius:16px;
  padding:13px 15px;
  font-weight:800;
  line-height:1.55;
}
.pkls-widget .pkpb-main-result strong.is-good{color:var(--pkpb-good)!important}
.pkls-widget .pkpb-main-result strong.is-bad{color:var(--pkpb-danger)!important}
@media (max-width:860px){
  .pkls-grid,.pkls-two-col{grid-template-columns:1fr}
}

/* ---------- PK Leasing Rechner: Light/Dark Mode ---------- */
[data-theme="dark"] .pkls-form-section,
body[data-theme="dark"] .pkls-form-section,
html.dark .pkls-form-section,
body.dark .pkls-form-section,
body.dark-mode .pkls-form-section{
  background:linear-gradient(135deg,#222739,#1a1f2d)!important;
  border-color:#3a4257!important;
}
[data-theme="dark"] .pkls-form-section h4,
body[data-theme="dark"] .pkls-form-section h4,
html.dark .pkls-form-section h4,
body.dark .pkls-form-section h4,
body.dark-mode .pkls-form-section h4{color:#f4f7fb!important}
[data-theme="dark"] .pkls-output-wrap,
body[data-theme="dark"] .pkls-output-wrap,
html.dark .pkls-output-wrap,
body.dark .pkls-output-wrap,
body.dark-mode .pkls-output-wrap{
  background:#252a3a!important;
  border:1px solid #3a4257!important;
}
[data-theme="dark"] .pkls-mini-result,
body[data-theme="dark"] .pkls-mini-result,
html.dark .pkls-mini-result,
body.dark .pkls-mini-result,
body.dark-mode .pkls-mini-result{
  background:#252838!important;
  color:#dbe3ef!important;
  border-color:#3a4257!important;
}