/* TRAPP LED-Rechner, nutzt die Tokens aus site/styles.css (:root) */
.rk{color:var(--text)}
.rk-kopf{max-width:62ch;margin-bottom:clamp(28px,4vw,48px)}
.rk-titel{margin-bottom:16px}
.rk-intro{font-size:clamp(1.05rem,1.3vw,1.2rem);line-height:1.6;margin:0}

.rk-raster{display:grid;gap:clamp(20px,3vw,40px);align-items:start}
@media (min-width:1000px){.rk-raster{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr)}}

/* Formular */
.rk-formular{display:grid;gap:12px;background:var(--creme-2);border-radius:var(--radius-l);padding:clamp(18px,3.5vw,40px)}
@media (max-width:767px){.rk-formular{border-radius:var(--radius-s)}}
.rk-gruppe{border:0;margin:0;padding:0 0 18px;display:grid;gap:16px;min-width:0}
.rk-gruppe+.rk-gruppe{border-top:1px solid var(--linie);padding-top:22px}
.rk-legende{padding:0;font-weight:500;color:var(--guss);font-size:17px;line-height:1.35}
legend.rk-legende{float:left;width:100%;margin:0 0 2px}
.rk-feld{display:grid;gap:8px;min-width:0}
.rk-feld--kurz{max-width:220px}
.rk-label{font-weight:500;color:var(--guss);font-size:16px;line-height:1.3}
.rk-eingabe{font:inherit;font-size:17px;color:var(--guss);background:var(--creme);border:1px solid var(--linie);
  border-radius:var(--radius-s);padding:12px 14px;min-height:52px;width:100%;min-width:0;
  transition:border-color .2s ease-in-out}
.rk-eingabe:hover{border-color:var(--meta)}
.rk-eingabe:focus{outline:2px solid var(--blau);outline-offset:1px}
select.rk-eingabe{appearance:none;-webkit-appearance:none;padding-right:42px;cursor:pointer;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%231f2225' stroke-width='1.6'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 16px center}
.rk-eingabe::placeholder{color:var(--meta);opacity:1}
.rk-zwei{display:grid;gap:16px}
@media (min-width:560px){.rk-zwei{grid-template-columns:1fr 1fr}.rk-zwei--breit{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr)}}

.rk-schalter{display:flex;gap:12px;align-items:flex-start;cursor:pointer;font-size:16px;line-height:1.45;color:var(--guss);min-height:44px;padding-top:4px}
.rk-schalter input{width:22px;height:22px;margin:1px 0 0;flex:none;accent-color:var(--blau);cursor:pointer}

.rk-mehr{padding-bottom:0}
.rk-mehr>summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px}
.rk-mehr>summary::-webkit-details-marker{display:none}
.rk-mehr>summary::after{content:"";width:9px;height:9px;border-right:1.6px solid var(--guss);border-bottom:1.6px solid var(--guss);
  transform:rotate(45deg) translateY(-3px);flex:none;transition:transform .25s var(--ease)}
.rk-mehr[open]>summary::after{transform:rotate(-135deg) translateY(-1px)}
.rk-notiz{font-size:15.5px;color:var(--meta);margin:0;line-height:1.5}

/* Ergebnis */
.rk-ergebnis{background:var(--weiss);border:1px solid var(--linie);border-radius:var(--radius-l);padding:clamp(20px,3.5vw,40px);min-width:0}
@media (max-width:767px){.rk-ergebnis{border-radius:var(--radius-s)}}
@media (min-width:1000px){.rk-ergebnis{position:sticky;top:24px}}

.rk-kicker{font-size:15.5px;color:var(--meta);margin:0 0 10px;display:flex;align-items:center;gap:12px}
.rk-kicker::before{content:"";width:22px;height:2px;background:var(--blau);flex:none}
.rk-empfehlung{padding-bottom:22px;border-bottom:1px solid var(--linie)}
.rk-empfehlung__name{font-size:clamp(1.35rem,2.2vw,1.75rem);font-weight:500;color:var(--guss);line-height:1.2;letter-spacing:-.015em;margin:0 0 6px}
.rk-empfehlung__daten{font-size:17px;color:var(--guss);margin:0 0 12px;font-variant-numeric:tabular-nums}
.rk-empfehlung__bedarf{font-size:15.5px;color:var(--meta);margin:0}
.rk-empfehlung__bedarf strong{color:var(--guss);font-weight:500}

.rk-kennzahlen{display:grid;grid-template-columns:1fr 1fr;gap:20px 24px;margin:22px 0 0;padding-bottom:22px;border-bottom:1px solid var(--linie)}
.rk-kennzahl{min-width:0}
.rk-kennzahl--gross{grid-column:1 / -1}
.rk-kennzahl dt{font-size:15.5px;color:var(--meta);line-height:1.35;margin-bottom:4px}
.rk-kennzahl dd{margin:0;font-size:clamp(1.25rem,2vw,1.5rem);font-weight:500;color:var(--guss);line-height:1.15;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.rk-kennzahl--gross dd{font-size:clamp(3rem,6vw,4.4rem);letter-spacing:-.03em;line-height:1;color:var(--blau)}

.rk-tabelle-wrap{margin-top:22px;overflow-x:auto}
.rk-tabelle{width:100%;border-collapse:collapse;font-size:16px;font-variant-numeric:tabular-nums}
.rk-tabelle caption{text-align:left;font-size:15.5px;color:var(--meta);padding-bottom:8px}
.rk-tabelle th,.rk-tabelle td{padding:11px 0;border-bottom:1px solid var(--creme-3);text-align:right;vertical-align:baseline}
.rk-tabelle th[scope="row"]{text-align:left;font-weight:400;color:var(--text);padding-right:12px}
.rk-tabelle thead th{font-weight:500;color:var(--guss);font-size:15.5px;padding-top:0}
.rk-tabelle td{color:var(--guss);padding-left:12px;white-space:nowrap}
.rk-tabelle td:last-child{font-weight:500}

.rk-wirtschaft{display:grid;gap:0;margin:18px 0 0}
.rk-wirtschaft>div{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:11px 0;border-bottom:1px solid var(--creme-3)}
.rk-wirtschaft dt{font-size:16px;color:var(--text)}
.rk-wirtschaft dd{margin:0;font-weight:500;color:var(--guss);font-size:17px;text-align:right;font-variant-numeric:tabular-nums}

.rk-rechenweg{margin-top:18px}
.rk-rechenweg summary{cursor:pointer;font-weight:500;color:var(--guss);min-height:44px;display:inline-flex;align-items:center;gap:10px;list-style:none}
.rk-rechenweg summary::-webkit-details-marker{display:none}
.rk-rechenweg summary::after{content:"";width:8px;height:8px;border-right:1.6px solid var(--blau);border-bottom:1.6px solid var(--blau);transform:rotate(45deg) translateY(-3px);transition:transform .25s var(--ease)}
.rk-rechenweg[open] summary::after{transform:rotate(-135deg) translateY(-1px)}
.rk-rechenweg ol{margin:6px 0 14px;padding-left:1.3em;font-size:15.5px;line-height:1.6;font-variant-numeric:tabular-nums}
.rk-rechenweg p{font-size:15.5px;color:var(--meta);line-height:1.55;margin:0}

.rk-hinweis{border-left:2px solid var(--blau);padding:4px 0 4px 18px}
.rk-hinweis p{margin:0 0 8px;font-size:16px}
.rk-hinweis__titel{font-weight:500;color:var(--guss)}

@media (max-width:399px){
  .rk-kennzahlen{grid-template-columns:1fr}
  select.rk-eingabe{font-size:16px;padding-left:12px;padding-right:36px;background-position:right 13px center}
}
/* schmale Displays: Tabelle als gestapelte Zeilen */
@media (max-width:519px){
  .rk-tabelle thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  .rk-tabelle tr{display:grid;grid-template-columns:1fr 1fr;column-gap:16px;padding:12px 0;border-bottom:1px solid var(--creme-3)}
  .rk-tabelle th[scope="row"]{grid-column:1 / -1;padding:0 0 6px;border:0}
  .rk-tabelle td{text-align:left;padding:0;border:0;display:flex;flex-direction:column}
  .rk-tabelle td::before{content:attr(data-label);font-size:15.5px;color:var(--meta);font-weight:400}
}

/* Sternchen und Fußnoten (Feedback Axel 15.10.) */
.rk-stern{color:var(--blau);text-decoration:none;font-weight:600;margin-left:1px;padding:0 3px;display:inline-block;line-height:1;vertical-align:super;font-size:.85em}
.rk-stern:hover{text-decoration:underline}
.rk-fussnoten{margin-top:14px;display:grid;gap:8px}
.rk-fussnoten p{font-size:15.5px;color:var(--meta);line-height:1.5;margin:0}
.rk-fussnoten p:target{color:var(--guss)}
.rk-rechenweg__kopf{font-weight:500;color:var(--guss)!important;margin:0 0 4px!important}
.rk-posten{list-style:none;margin:0 0 14px;padding:0;font-size:15.5px;font-variant-numeric:tabular-nums;max-width:420px}
.rk-posten li{display:flex;justify-content:space-between;gap:16px;padding:6px 0;border-bottom:1px solid var(--creme-3)}
.rk-posten__summe{font-weight:500;color:var(--guss);border-bottom:0!important}