/* EEE-Cloud U-Wert-Tabelle – serverseitig gerendert, responsiv.
   Layout angelehnt an die Fördertabelle (.eeefr-tab). */
.eeefr-uwt { max-width: var(--eeefr-maxw, 1000px); margin: 0 auto; color: var(--eeefr-ink, #1c2b2a); }
.eeefr-uwt__titel { font-size: 1.4rem; color: var(--eeefr-heading, #0f766e); margin: 0 0 .3rem; }
.eeefr-uwt__intro { margin: 0 0 .9rem; font-size: .92rem; line-height: 1.5; color: var(--eeefr-ink, #1c2b2a); }

.eeefr-uwt__table { width: 100%; border-collapse: collapse; font-size: .92rem; background: #fff;
	box-shadow: var(--eeefr-shadow, 0 1px 2px rgba(16,40,38,.06), 0 8px 24px rgba(16,40,38,.06));
	border-radius: 10px; overflow: hidden; }
.eeefr-uwt__table th, .eeefr-uwt__table td { padding: .7rem .85rem; text-align: left; vertical-align: top;
	border-bottom: 1px solid var(--eeefr-line, #d9e2e1); line-height: 1.4;
	overflow-wrap: anywhere; hyphens: auto; }

/* Kopfzeile folgt den im Backend eingestellten Farben:
   „Bauteil" und „nach GModG" aus der Hauptfarbe, „für Förderung" aus der
   Hervorhebungsfarbe (ohne eigene Einstellung = Hauptfarbe dunkler), damit die
   Förder-Spalte sich abhebt. */
.eeefr-uwt__table thead th { font-weight: 700; color: var(--eeefr-on-accent, #fff); }
.eeefr-uwt__th-bauteil { background: var(--eeefr-accent, #0f766e); }
.eeefr-uwt__th-geg     { background: var(--eeefr-accent, #0f766e); text-align: center; }
.eeefr-uwt__th-foerder { background: var(--eeefr-foerder, var(--eeefr-accent-dark, #0b554f)); text-align: center; }

/* Bauteil-Spalte als weiche Zeilenüberschrift */
.eeefr-uwt__table tbody th { background: var(--eeefr-bg-soft, #f4f8f7); font-weight: 600; width: 42%; }
.eeefr-uwt__table tbody th small { display: block; font-weight: 400; font-size: .8rem;
	color: var(--eeefr-muted, #5b6b6a); margin-top: .15rem; }

.eeefr-uwt__table td { text-align: center; font-variant-numeric: tabular-nums; }
.eeefr-uwt__val { font-weight: 600; }
.eeefr-uwt__td-foerder .eeefr-uwt__val { color: var(--eeefr-foerder, var(--eeefr-accent-dark, #0b554f)); }
.eeefr-uwt__note { display: block; font-weight: 400; font-size: .78rem; color: var(--eeefr-muted, #5b6b6a); margin-top: .2rem; }

.eeefr-uwt__table tbody tr:last-child th, .eeefr-uwt__table tbody tr:last-child td { border-bottom: none; }
/* Zebra ohne feste Farbe: abwechselnd weiß und die weiche Grundfläche. */
.eeefr-uwt__table tbody tr:nth-child(odd) th { background: #fff; }
.eeefr-uwt__table tbody tr:nth-child(even) th { background: var(--eeefr-bg-soft, #f4f8f7); }

/* Fußnoten + Button */
.eeefr-uwt__fn { margin-top: .9rem; padding: .8rem 1rem; background: var(--eeefr-bg-soft, #f4f8f7);
	border-radius: 8px; font-size: .8rem; color: var(--eeefr-muted, #5b6b6a); line-height: 1.5; }
.eeefr-uwt__fn p { margin: 0 0 .3rem; }
.eeefr-uwt__fn p:last-child { margin-bottom: 0; }
.eeefr-uwt__stand { margin-top: .6rem; font-size: .82rem; color: var(--eeefr-muted, #5b6b6a); }
.eeefr-uwt__cta { margin-top: 1rem; text-align: right; }
.eeefr-uwt__btn { display: inline-block; text-decoration: none;
	background: var(--eeefr-foerder, var(--eeefr-accent-dark, #0b554f));
	color: var(--eeefr-btn-text, #fff); font-weight: 700; padding: .75rem 1.5rem; border-radius: 8px; font-size: .95rem; }
.eeefr-uwt__btn:hover { filter: brightness(.94); }

/* Responsiv: auf schmalen Schirmen zu Karten stapeln */
@media (max-width: 720px) {
	.eeefr-uwt__table, .eeefr-uwt__table tbody, .eeefr-uwt__table tr,
	.eeefr-uwt__table th, .eeefr-uwt__table td { display: block; width: auto; }
	.eeefr-uwt__table thead { display: none; }
	.eeefr-uwt__table { box-shadow: none; background: transparent; }
	.eeefr-uwt__table tr { margin-bottom: 1rem; border: 1px solid var(--eeefr-line, #d9e2e1);
		border-radius: 10px; overflow: hidden; background: #fff; }
	/* Die Zebra-Regeln oben sind spezifischer als `tbody th`; Media Queries
	   erhöhen die Spezifität nicht. Deshalb hier ausdrücklich mitnennen,
	   sonst bliebe die Zeilenüberschrift in der Karten-Ansicht hell. */
	.eeefr-uwt__table tbody th,
	.eeefr-uwt__table tbody tr:nth-child(odd) th,
	.eeefr-uwt__table tbody tr:nth-child(even) th { background: var(--eeefr-accent, #0f766e); color: var(--eeefr-on-accent, #fff); width: auto; text-align: left; }
	.eeefr-uwt__table tbody th small { color: rgba(255,255,255,.85); }
	.eeefr-uwt__table td { text-align: left; border-bottom: 1px solid var(--eeefr-line, #d9e2e1); }
	.eeefr-uwt__table td:last-child { border-bottom: none; }
	.eeefr-uwt__table td::before { content: attr(data-label); display: block; font-weight: 700;
		font-size: .74rem; text-transform: uppercase; letter-spacing: .02em;
		color: var(--eeefr-muted, #5b6b6a); margin-bottom: .15rem; }
	.eeefr-uwt__td-foerder::before { color: var(--eeefr-foerder, var(--eeefr-accent-dark, #0b554f)); }
	.eeefr-uwt__cta { text-align: center; }
}