/*
 * trigonus-redesign.css (Redesign 2026, Child-Theme enigma-premium_child_theme_jae)
 * Laedt nach Parent- und Child-style.css (functions.php, Prioritaet 20, Version = filemtime).
 * Alle Regeln beginnen mit .tg26:not(.tg-lp) (Body-Klasse aus functions.php) und gewinnen so per Spezifitaet.
 * !important nur gegen Gegner, die selbst !important setzen (blue.css aktiver Menuepunkt, Complianz, Parent-Scrollknopf).
 * Landingpages mit eigenem System (Flexgold, Gold-Artikel, RP) erhalten nur Kopf, Footer und Widget.
 * Doku: legacy_trigonus_work/theme-redesign/08-umsetzung.md
 */

/* ===== 1. Tokens =====
 * Abgeleitet aus der bestehenden Marke (Rueckmeldung Alex 17.10.: eigene, markennahe Tokens, Linie nur aufwerten):
 * Logo-Blau #13318a (Dreieck im Logo) als Handlungsfarbe, Logo-Silbergrau fuer Linien, Kopf/Navi-Blau #415b75 und
 * Footer #34495e wie bisher. Kein Bernstein/Orange als Handlungsfarbe (Abgrenzung zu anderen Seiten).
 */
:root {
  --tg-logo: #13318a;         /* Logo-Blau; Weiss darauf 11,45:1 */
  --tg-brand: #415b75;        /* Kopf/Navi-Blau (Bestand); Weiss darauf 7,05:1 */
  --tg-ink: #1f2d3d;          /* auf Weiss 13,99:1 */
  --tg-text: #3a4450;         /* auf Weiss 9,89:1, auf --tg-surface 8,98:1 */
  --tg-muted: #5f6366;        /* aus Logo-Grau abgedunkelt; auf --tg-surface 5,51:1 */
  --tg-link: #13318a;         /* auf Weiss 11,45:1 */
  --tg-action: #13318a;       /* einzige gefuellte Handlungsflaeche, Text weiss */
  --tg-action-hover: #0e2566; /* Weiss darauf 14,24:1 */
  --tg-action-line: #13318a;
  --tg-call: #2e7d32;         /* Telefonsymbol (Bestand Widget); Weiss darauf 5,13:1 */
  --tg-silver: #9fa1a1;       /* Logo-Grau, nur dekorativ */
  --tg-surface: #f2f4f8;      /* ruhige Flaeche (Hero), hebt sich vom weissen Kopf ab */
  --tg-line: #d9dcdf;
  --tg-footer: #34495e;
  --tg-s1: 8px; --tg-s2: 16px; --tg-s3: 24px; --tg-s4: 48px; --tg-s5: 96px;
  --tg-radius: 6px;
  --tg-measure: 68ch;
  /* html steht im Parent auf 62,5 %: max(rem, px) = Untergrenze fuer 14-px-Nutzer, waechst mit groesserer Nutzerschrift */
  --tg-fs-body: max(1.7rem, 17px);
  --tg-fs-small: max(1.5rem, 15px);
  --tg-fs-lead: max(1.8rem, 18px);
  --tg-fs-h2: max(2.4rem, 24px);
  --tg-fs-h1: max(2.8rem, 28px);
}
@media (min-width: 992px) {
  :root {
    --tg-fs-body: max(1.8rem, 18px);
    --tg-fs-lead: max(2rem, 20px);
    --tg-fs-h2: max(3rem, 30px);
    --tg-fs-h1: max(4rem, 40px);
  }
}

/* ===== 2. Grundfarben, Fokus ===== */
body.tg26:not(.tg-lp) { color: var(--tg-text); }
.tg26:not(.tg-lp) :focus-visible { outline: 3px solid var(--tg-link); outline-offset: 2px; }
.tg26:not(.tg-lp) .enigma_service_detail p { color: #2b3440; }

/* ===== 3. Kopf (Child-header.php) ===== */
:is(.tg26:not(.tg-lp), .tg26.tg-kopf26) .header_section { background: #fff; }
:is(.tg26:not(.tg-lp), .tg26.tg-kopf26) .header_section .logo p { color: #2b3440; }
:is(.tg26:not(.tg-lp), .tg26.tg-kopf26) .header_section .logo .tg-tagline2 { font-weight: 400; margin-top: 0; padding-top: 0; position: static; }
:is(.tg26:not(.tg-lp), .tg26.tg-kopf26) .header_section .logo img.tg-logo { height: auto; }
:is(.tg26:not(.tg-lp), .tg26.tg-kopf26) .navigation_menu .navbar-toggle .tg-menu-label { display: none; }
:is(.tg26:not(.tg-lp), .tg26.tg-kopf26) .tg-head-tel__sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }

/* 3a. Kopf mobil (unter 768 px): Logo und Tagline links, Telefon und Menue oben rechts */
@media (max-width: 767px) {
  :is(.tg26:not(.tg-lp), .tg26.tg-kopf26) #wrapper { position: relative; }
  :is(.tg26:not(.tg-lp), .tg26.tg-kopf26) .header_section { padding: 8px 0 10px; min-height: 0; height: auto; }
  :is(.tg26:not(.tg-lp), .tg26.tg-kopf26) .header_section .logo { margin: 0; padding: 0; }
  :is(.tg26:not(.tg-lp), .tg26.tg-kopf26) .header_section .logo > a { display: flex; align-items: center; min-height: 48px; padding-right: 168px; }
  :is(.tg26:not(.tg-lp), .tg26.tg-kopf26) .header_section .logo img.tg-logo { width: 210px; max-width: 100%; margin: 0; }
  :is(.tg26:not(.tg-lp), .tg26.tg-kopf26) .header_section .logo p { font-size: 13px; line-height: 1.4; padding: 0; margin: 6px 0 0; position: static; }
  :is(.tg26:not(.tg-lp), .tg26.tg-kopf26) .header_section .logo p + p { margin-top: 2px; }
  :is(.tg26:not(.tg-lp), .tg26.tg-kopf26) .navigation_menu { position: absolute; top: 8px; right: 8px; left: auto; width: auto; background: transparent; border: 0; min-height: 0; margin: 0; padding: 0; box-shadow: none; z-index: 9995; }
  :is(.tg26:not(.tg-lp), .tg26.tg-kopf26) .navigation_menu.affix { position: absolute; } /* mobil nicht mitlaufen: der Knopf soll beim Lesen nichts ueberdecken */
  :is(.tg26:not(.tg-lp), .tg26.tg-kopf26) .navigation_menu .navbar,
  :is(.tg26:not(.tg-lp), .tg26.tg-kopf26) .navigation_menu .container,
  :is(.tg26:not(.tg-lp), .tg26.tg-kopf26) .navigation_menu .navbar-header { min-height: 0; margin: 0; padding: 0; border: 0; background: transparent; }
  :is(.tg26:not(.tg-lp), .tg26.tg-kopf26) .navigation_menu .navbar-toggle { margin: 0; float: none; height: 48px; padding: 0 14px; display: grid; grid-template-columns: 22px auto; column-gap: 10px; row-gap: 4px; align-content: center; align-items: center; background: var(--tg-brand); border: 0; border-radius: var(--tg-radius); }
  :is(.tg26:not(.tg-lp), .tg26.tg-kopf26) .navigation_menu .navbar-toggle .icon-bar { grid-column: 1; margin: 0; width: 22px; background: #fff; }
  :is(.tg26:not(.tg-lp), .tg26.tg-kopf26) .navigation_menu .navbar-toggle .tg-menu-label { display: block; grid-column: 2; grid-row: 1 / span 3; color: #fff; font: 600 15px/1 "Open Sans", sans-serif; }
  :is(.tg26:not(.tg-lp), .tg26.tg-kopf26) .navigation_menu .navbar-collapse { position: absolute; right: 0; top: 54px; margin: 0; }
  :is(.tg26:not(.tg-lp), .tg26.tg-kopf26) .navigation_menu .navbar-collapse.in,
  :is(.tg26:not(.tg-lp), .tg26.tg-kopf26) .navigation_menu .navbar-collapse.collapsing { background: #fff; width: 88vw; max-height: 80vh; overflow: auto; box-shadow: 0 10px 30px rgba(0, 0, 0, .25); border: 1px solid var(--tg-line); border-radius: var(--tg-radius); }
  :is(.tg26:not(.tg-lp), .tg26.tg-kopf26) .navigation_menu .navbar-nav > li > a { font-family: "Open Sans", sans-serif; font-weight: 600; font-size: 16px; color: var(--tg-ink); min-height: 44px; padding-top: 12px; padding-bottom: 12px; }
  :is(.tg26:not(.tg-lp), .tg26.tg-kopf26) .navigation_menu .navbar-nav .dropdown-menu > li > a { font-size: 15px; color: var(--tg-ink); padding-top: 10px; padding-bottom: 10px; white-space: normal; }
  :is(.tg26:not(.tg-lp), .tg26.tg-kopf26) .tg-head-tel { position: absolute; top: 8px; right: 118px; width: 48px; height: 48px; border-radius: 50%; background: #fff; border: 2px solid var(--tg-brand); color: var(--tg-brand); display: grid; place-items: center; font-size: 18px; z-index: 9996; text-decoration: none; }
  :is(.tg26:not(.tg-lp), .tg26.tg-kopf26) .tg-head-tel i { color: var(--tg-call); }
  :is(.tg26:not(.tg-lp), .tg26.tg-kopf26) .tg-head-tel .tg-head-tel__nr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
  :is(.tg26:not(.tg-lp), .tg26.tg-kopf26) .header_section .row > [class*="col-"] { position: static; }
  :is(.tg26:not(.tg-lp), .tg26.tg-kopf26) .header_section .head-contact-info { display: none; }
}

/* 3b. Kopf ab 768 px: Logo scharf in Originalbreite, Telefon rechts oben, flache Navigation */
@media (min-width: 768px) {
  :is(.tg26:not(.tg-lp), .tg26.tg-kopf26) .header_section { padding: 14px 0 0; min-height: 0; }
  :is(.tg26:not(.tg-lp), .tg26.tg-kopf26) .header_section .logo p { padding-left: 0; padding-right: 0; }
  :is(.tg26:not(.tg-lp), .tg26.tg-kopf26) .header_section .container { position: relative; }
  :is(.tg26:not(.tg-lp), .tg26.tg-kopf26) .header_section .logo img.tg-logo { width: 300px; }
  :is(.tg26:not(.tg-lp), .tg26.tg-kopf26) .header_section .logo p { padding-bottom: 0; margin: 6px 0 0; }
  :is(.tg26:not(.tg-lp), .tg26.tg-kopf26) .header_section .logo p + p { margin: 2px 0 12px; }
  :is(.tg26:not(.tg-lp), .tg26.tg-kopf26) .tg-head-tel { position: absolute; right: 15px; top: 22px; color: var(--tg-ink); font: 700 20px/1.2 "Open Sans", sans-serif; text-decoration: none; display: flex; gap: 10px; align-items: center; padding: 8px 0; }
  :is(.tg26:not(.tg-lp), .tg26.tg-kopf26) .tg-head-tel:hover .tg-head-tel__nr { text-decoration: underline; }
  :is(.tg26:not(.tg-lp), .tg26.tg-kopf26) .tg-head-tel i { color: var(--tg-call); }
  :is(.tg26:not(.tg-lp), .tg26.tg-kopf26) .navigation_menu { border-bottom: 1px solid #e3e7ec; padding-bottom: 0; }
  :is(.tg26:not(.tg-lp), .tg26.tg-kopf26) .navigation_menu .navbar { margin-bottom: 0; min-height: 0; }
  :is(.tg26:not(.tg-lp), .tg26.tg-kopf26) .navigation_menu .navbar-nav { margin: 0; }
  :is(.tg26:not(.tg-lp), .tg26.tg-kopf26) .navigation_menu .navbar-collapse { margin: 4px 0; }
  /* 19.10.2026 (Alex): Menuefarben und -optik wie in der Legacy-Fassung (Parent/blue.css); eigene Navi-Optik entfernt */
}
/* Zwischen 768 und 991 px: Telefon kleiner, damit es neben Logo und Tagline Platz hat */
@media (min-width: 768px) and (max-width: 991px) {
  :is(.tg26:not(.tg-lp), .tg26.tg-kopf26) .tg-head-tel { font-size: 17px; }
}

/* ===== 4. Fliesstext und Links in Inhaltsbereichen (nicht in Landingpage-eigenen Systemen) ===== */
.tg26:not(.tg-lp) .enigma_blog_post_content p,
.tg26:not(.tg-lp) .enigma_blog_post_content li,
.tg26:not(.tg-lp) .et_pb_text p,
.tg26:not(.tg-lp) .et_pb_text li,
.tg26:not(.tg-lp) #et_builder_outer_content .et_pb_text p,
.tg26:not(.tg-lp) #et_builder_outer_content .et_pb_text li,
.tg26:not(.tg-lp) .et_pb_blurb_description p,
.tg26:not(.tg-lp) .et_pb_toggle_content p,
.tg26:not(.tg-lp) .enigma_home_extra_text p {
  font-size: var(--tg-fs-body);
  line-height: 1.6;
}
.tg26:not(.tg-lp) .enigma_blog_post_content p,
.tg26:not(.tg-lp) .enigma_blog_post_content li { color: var(--tg-text); max-width: var(--tg-measure); }
.tg26:not(.tg-lp) .et_pb_bg_layout_light.et_pb_text p,
.tg26:not(.tg-lp) .et_pb_bg_layout_light.et_pb_text li,
.tg26:not(.tg-lp) #et_builder_outer_content .et_pb_bg_layout_light.et_pb_text p,
.tg26:not(.tg-lp) #et_builder_outer_content .et_pb_bg_layout_light.et_pb_text li,
.tg26:not(.tg-lp) #et_builder_outer_content .et_pb_bg_layout_light.et_pb_text { color: var(--tg-text); } /* Divi: #et_builder_outer_content p { color: inherit !important } */
/* Links nur auf hellen Flaechen dunkler und unterstrichen; dunkle Divi-Sektionen behalten ihre hellen Links */
.tg26:not(.tg-lp) .enigma_blog_post_content a:not(.et_pb_button):not(.btn):not([class*="button"]),
.tg26:not(.tg-lp) .et_pb_bg_layout_light.et_pb_text a:not(.et_pb_button),
.tg26:not(.tg-lp) #et_builder_outer_content .et_pb_bg_layout_light.et_pb_text a:not(.et_pb_button),
.tg26:not(.tg-lp) .enigma_home_extra_text a,
.tg26:not(.tg-lp) .tablepress a { color: var(--tg-link); text-decoration: underline; text-underline-offset: 2px; }
/* Tabellen und Rechner auf Inhaltsseiten: kein Grau mehr unter 4,5:1 */
.tg26:not(.tg-lp) .enigma_blog_post_content small,
.tg26:not(.tg-lp) .wpcf7-form label,
.tg26:not(.tg-lp) .wpcf7-form p { color: var(--tg-text); }

/* ===== 5. Text auf Fotos (Divi Fullwidth Header mit dunklem Hintergrund) ===== */
/* Divi-Builder setzt per #et_builder_outer_content div einen Reset mit ID: deshalb dieselbe ID im Selektor */
.tg26:not(.tg-lp) .et_pb_fullwidth_header.et_pb_bg_layout_dark .header-content,
.tg26:not(.tg-lp) #et_builder_outer_content .et_pb_fullwidth_header.et_pb_bg_layout_dark .header-content { background: rgba(16, 30, 46, .80); padding: 24px 28px; border-radius: var(--tg-radius); }
.tg26:not(.tg-lp) .et_pb_fullwidth_header.et_pb_bg_layout_dark .header-content a:not(.et_pb_button),
.tg26:not(.tg-lp) #et_builder_outer_content .et_pb_fullwidth_header.et_pb_bg_layout_dark .header-content a:not(.et_pb_button) { color: #fff; text-decoration: underline; }

/* ===== 6. Kontaktseite und eingebettete Karten: kein seitliches Scrollen ===== */
.tg26:not(.tg-lp) #wrapper iframe { max-width: 100%; }

/* ===== 7. Cookie-Banner (Complianz): Akzeptieren und Ablehnen gleich gewichtet; Inhalt und Reihenfolge unveraendert ===== */
.tg26 #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-accept,
.tg26 #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-deny {
  background-color: var(--tg-brand) !important;
  border: 2px solid var(--tg-brand) !important;
  color: #fff !important;
  font-weight: 600;
}
.tg26 #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-accept:hover,
.tg26 #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-deny:hover { background-color: var(--tg-ink) !important; border-color: var(--tg-ink) !important; }
.tg26 #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-view-preferences,
.tg26 #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-save-preferences {
  background-color: #fff !important;
  border: 2px solid var(--tg-brand) !important;
  color: var(--tg-brand) !important;
}
@media (max-width: 767px) {
  .tg26 #cmplz-cookiebanner-container .cmplz-cookiebanner { padding: 12px 16px; row-gap: 8px; }
  .tg26 #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-message { font-size: 13px; line-height: 1.45; }
  .tg26 #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-buttons { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 8px; }
  .tg26 #cmplz-cookiebanner-container .cmplz-cookiebanner { max-width: calc(100vw - 16px); box-sizing: border-box; }
  .tg26 #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-buttons .cmplz-btn { min-width: 0; white-space: normal; }
  .tg26 #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-buttons .cmplz-btn { min-height: 44px; height: auto; padding: 8px; font-size: 14px; margin: 0; width: auto; }
  .tg26 #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-view-preferences,
  .tg26 #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-save-preferences { grid-column: 1 / -1; }
}

/* ===== 8. Footer: Schatten weg, groessere Linkzeilen ===== */
:is(.tg26:not(.tg-lp), .tg26.tg-kopf26) .enigma_footer_widget_area .kundenbewertung_widget { box-shadow: none; }
:is(.tg26:not(.tg-lp), .tg26.tg-kopf26) .enigma_footer_widget_area .menu li a { display: inline-block; padding: 6px 0; line-height: 1.4; }
/* Pfeil-Aufzaehlungszeichen (Parent: a::before, absolut top 0) an die erste Textzeile haengen */
:is(.tg26:not(.tg-lp), .tg26.tg-kopf26) .enigma_footer_widget_column ul li a::before { top: 6px; line-height: 1.4; }
:is(.tg26:not(.tg-lp), .tg26.tg-kopf26) .enigma_footer_widget_area .footer_header { margin-top: 18px; }

/* ===== 9. Parent-Knopf „nach oben“: mobil aus (kollidiert mit der Kontaktleiste) ===== */
@media (max-width: 767px) {
  .tg26:not(.tg-lp) .enigma_scrollup { display: none !important; }
}

/* ===== 10. Startseite A (front-page.php, 19.10.2026) =====
 * Grundlage Style Tile A „leise“ (Papiergrund, Haarlinien, Spectral fuer Ueberschriften), Logo-Blau als einzige
 * Handlungsfarbe und Qualifikationsblock aus Tile B (Empfehlung Koordinator, von Alex zur Weiterarbeit freigegeben, 19.10.). Hero aus 18-hero-final.html (tg-h3).
 * Klassen tg-sa__* bzw. tg-h3__* kollidieren mit nichts Vorhandenem; nur auf der Startseite im Markup.
 */
@font-face { font-family: "Spectral"; src: url(fonts/spectral-latin-400-normal.woff2) format("woff2"); font-weight: 400; font-display: swap; }
@font-face { font-family: "Spectral"; src: url(fonts/spectral-latin-500-normal.woff2) format("woff2"); font-weight: 500; font-display: swap; }
@font-face { font-family: "Spectral"; src: url(fonts/spectral-latin-600-normal.woff2) format("woff2"); font-weight: 600; font-display: swap; }

/* --- Hero E2-final (18-hero-final.html, unveraendert bis auf das Praefix .tg26 fuer die Gewichtung) --- */
.tg26 .tg-h3 { --h3-paper: #F7F6F2; --h3-line: #D9D6CC; background: var(--h3-paper); border-top: 1px solid var(--h3-line); color: var(--tg-text); font-family: "Open Sans", Arial, sans-serif; font-size: var(--tg-fs-body); line-height: 1.6; }
.tg26 .tg-h3__grid { max-width: 1180px; margin: 0 auto; padding: 20px 20px 24px; display: grid; gap: 10px; grid-template-areas: "h1" "lead" "beleg" "ich" "abs"; }
@media (min-width: 900px) {
  .tg26 .tg-h3__grid { grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); column-gap: var(--tg-s4); row-gap: 0; grid-template-areas: "h1 ich" "lead ich" "beleg ich" "abs ich"; grid-template-rows: auto auto auto 1fr; align-items: start; padding-top: 64px; padding-bottom: 32px; }
}
.tg26 .tg-h3__h1 { grid-area: h1; margin: 0; font-family: "Spectral", Georgia, serif; font-weight: 500; font-size: 30px; line-height: 1.15; letter-spacing: -.005em; color: var(--tg-ink); text-transform: none; }
.tg26 .tg-h3__h1 span { display: block; }
/* 19.10. (Alex): H1 lief knapp in die rechte Spalte; jetzt nur linke Spalte, je Satz eine Zeile */
@media (min-width: 900px) { .tg26 .tg-h3__h1 { font-size: 52px; margin-bottom: var(--tg-s3); } }
.tg26 .tg-h3__lead { grid-area: lead; margin: 0; max-width: 60ch; font-size: 17px; line-height: 1.45; color: var(--tg-text); }
@media (min-width: 900px) { .tg26 .tg-h3__lead { font-size: 21px; line-height: 1.5; } }
.tg26 .tg-h3__beleg { grid-area: beleg; }
.tg26 .tg-h3__beleg-titel { display: none; margin: 24px 0 6px; font-weight: 600; font-size: 15px; color: var(--tg-muted); }
@media (min-width: 900px) { .tg26 .tg-h3__beleg-titel { display: block; } }
.tg26 .tg-h3__chronik { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); border-top: 2px solid var(--tg-logo); }
.tg26 .tg-h3__chronik li { padding: 6px 10px 6px 0; border-bottom: 1px solid var(--h3-line); font-size: 13px; line-height: 1.35; color: var(--tg-text); }
.tg26 .tg-h3__chronik li:nth-child(odd) { border-right: 1px solid var(--h3-line); }
.tg26 .tg-h3__chronik li:nth-child(even) { padding-left: 10px; }
.tg26 .tg-h3__jahr { display: block; font: 500 18px/1.05 "Spectral", Georgia, serif; color: var(--tg-brand); }
.tg26 .tg-h3__wer { display: block; font-weight: 600; color: var(--tg-ink); margin: 2px 0; }
.tg26 .tg-h3__quelle { display: block; font-size: 12px; color: var(--tg-muted); margin-top: 2px; }
.tg26 .tg-h3__lang { display: none; }
.tg26 .tg-h3__siegel { display: flex; gap: 6px; margin-top: 3px; }
.tg26 .tg-h3__siegel img { width: 30px; height: auto; }
@media (min-width: 900px) {
  .tg26 .tg-h3__chronik li { padding: 12px 14px 12px 0; font-size: 14px; line-height: 1.4; }
  .tg26 .tg-h3__chronik li:nth-child(even) { padding-left: 14px; }
  .tg26 .tg-h3__jahr { font-size: 26px; }
  .tg26 .tg-h3__quelle { font-size: 13px; }
  .tg26 .tg-h3__lang { display: inline; }
  .tg26 .tg-h3__siegel { margin-top: 6px; }
  .tg26 .tg-h3__siegel img { width: 46px; }
}
.tg26 .tg-h3__ich { grid-area: ich; }
.tg26 .tg-h3__ich-titel { margin: 0 0 6px; font: 600 15px/1.3 "Open Sans", Arial, sans-serif; color: var(--tg-muted); letter-spacing: .01em; text-transform: none; }
.tg26 .tg-h3__ich ol { list-style: none; margin: 0; padding: 0; border-top: 1px solid var(--h3-line); }
.tg26 .tg-h3__ich li { border-bottom: 1px solid var(--h3-line); }
.tg26 .tg-h3__ich ol a { display: grid; grid-template-columns: 18px 1fr; column-gap: 12px; padding: 10px 4px 10px 0; text-decoration: none; color: var(--tg-text); }
@media (min-width: 900px) { .tg26 .tg-h3__ich ol a { padding: 12px 4px 12px 0; } }
.tg26 .tg-h3__ich ol a:hover { background: rgba(19, 49, 138, .04); }
.tg26 .tg-h3__ich ol a:hover b, .tg26 .tg-h3__ich ol a:focus-visible b { color: var(--tg-logo); text-decoration: underline; text-underline-offset: 3px; }
.tg26 .tg-h3__tri { width: 11px; height: 14px; margin-top: 8px; background: var(--tg-logo); clip-path: polygon(0 0, 100% 50%, 0 100%); }
.tg26 .tg-h3__ich b { display: block; font-weight: 600; font-size: 19px; line-height: 1.35; color: var(--tg-ink); }
.tg26 .tg-h3__ich small { display: block; font-size: 15px; line-height: 1.45; color: var(--tg-muted); }
.tg26 .tg-h3__begleit { margin: 16px 0 0; font-size: 15px; color: var(--tg-muted); }
.tg26 .tg-h3__kunde { margin: 6px 0 0; font-size: 14px; color: var(--tg-muted); }
.tg26 .tg-h3 a { color: var(--tg-logo); text-underline-offset: 3px; }
.tg26 .tg-h3 a:focus-visible { outline: 3px solid var(--tg-logo); outline-offset: 2px; }
.tg26 .tg-h3__begleit a { font-weight: 600; }
.tg26 .tg-h3__abs { grid-area: abs; border-top: 1px solid var(--h3-line); padding-top: var(--tg-s2); margin-top: var(--tg-s2); }
@media (min-width: 900px) { .tg26 .tg-h3__abs { margin-top: var(--tg-s3); } }
.tg26 .tg-h3__abs p { margin: 0; max-width: 62ch; font-size: 15px; line-height: 1.45; }
.tg26 .tg-h3__abs b { color: var(--tg-ink); font-weight: 600; }
.tg26 .tg-h3__abs a { font-weight: 600; white-space: nowrap; }

/* --- Seite unter dem Hero (Tile A) --- */
.tg26 .tg-sa { --sa-paper: #F7F6F2; --sa-line: #D9D6CC; --sa-tint: #E8ECEF; background: var(--sa-paper); color: var(--tg-text); font: 400 var(--tg-fs-body)/1.6 "Open Sans", Arial, sans-serif; }
.tg26 .tg-sa__blk *, .tg26 .tg-sa__blk *::before, .tg26 .tg-sa__blk *::after { box-sizing: border-box; }
.tg26 .tg-sa__wrap { max-width: 1180px; margin: 0 auto; padding: 0 20px; }
.tg26 .tg-sa__blk { padding: 88px 0; }
.tg26 .tg-sa__blk--weiss { background: #fff; border-top: 1px solid var(--sa-line); border-bottom: 1px solid var(--sa-line); }
.tg26 .tg-sa__blk h2, .tg26 .tg-sa__blk h3 { font-family: "Spectral", Georgia, serif; font-weight: 500; color: var(--tg-ink); line-height: 1.18; margin: 0; text-transform: none; letter-spacing: 0; }
.tg26 .tg-sa__blk h2 { font-size: 26px; }
.tg26 .tg-sa__blk h3 { font-size: 21px; }
@media (min-width: 900px) { .tg26 .tg-sa__blk h2 { font-size: 32px; } .tg26 .tg-sa__blk h3 { font-size: 23px; } }
.tg26 .tg-sa__blk p { margin: 0 0 16px; max-width: 64ch; font-size: inherit; line-height: inherit; color: inherit; }
.tg26 .tg-sa__blk a { color: var(--tg-logo); text-underline-offset: 3px; }
.tg26 .tg-sa__blk a:hover { color: var(--tg-ink); }
.tg26 .tg-sa__blk :focus-visible { outline: 3px solid var(--tg-logo); outline-offset: 2px; }
.tg26 .tg-sa__head { display: grid; gap: 16px; margin-bottom: 24px; }
@media (min-width: 900px) { .tg26 .tg-sa__head { grid-template-columns: 4fr 7fr; align-items: baseline; } }
.tg26 .tg-sa__head p { margin: 0; }
.tg26 .tg-sa__blk p.tg-sa__note { font-size: var(--tg-fs-small); color: var(--tg-muted); }

/* RP AKTIV (Bestandsblock) auf der Startseite in Trigonus-Farben (Alex 19.10.: Navy/Orange stammten aus einem anderen Projekt);
   Markup und Text unveraendert, nur Farben; die RP-Landingpage selbst bleibt unveraendert */
.tg26 .tg-sa__rp .rpa-teaser { background: var(--sa-paper); color: var(--tg-text); border-top: 2px solid var(--tg-logo); border-bottom: 1px solid var(--sa-line); }
.tg26 .tg-sa__rp .rpa-teaser__kicker { color: var(--tg-logo); }
.tg26 .tg-sa__rp .rpa-teaser__titel { color: var(--tg-ink); font-family: "Spectral", Georgia, serif; font-weight: 500; }
.tg26 .tg-sa__rp .rpa-teaser__satz { color: var(--tg-text); }
.tg26 .tg-sa__rp .rpa-teaser .rpa-btn--primary { background: var(--tg-logo); color: #fff; border: 2px solid var(--tg-logo); box-shadow: none; }
.tg26 .tg-sa__rp .rpa-teaser .rpa-btn--primary:hover,
.tg26 .tg-sa__rp .rpa-teaser .rpa-btn--primary:focus { background: #0E2566; border-color: #0E2566; color: #fff; }
.tg26 .tg-sa__rp .rpa-teaser .tg-rpa-hinweis { color: var(--tg-muted); font-size: var(--tg-fs-small); line-height: 1.45; max-width: none; margin: 14px 0 0; }
/* RP-Teaser 24-rp-teaser.md §4 (wörtlich), dazu Titel als h2 in der Groesse aus rp-aktiv.css */
.tg26 .tg-sa__rp .rpa-teaser__titel { margin: 0 0 8px; }
/* RP-Teaser §9 (24-rp-teaser.md): Lesemass ca. 60 bis 65 Zeichen, Fussnotenzeichen statt Sternchen */
.tg26 .tg-sa__rp .rpa-teaser__satz { margin: 0; max-width: 33em; }
.tg26 .tg-sa__rp .rpa-teaser__satz + .rpa-teaser__satz { margin-top: .75em; }
.tg26 .tg-sa__rp .rpa-teaser .tg-rpa-hinweis { max-width: 33em; }
.tg26 .tg-sa__rp .rpa-teaser__ausloeser { max-width: 30em; }
.tg26 .tg-sa__rp .rpa-teaser sup { font-size: .7em; line-height: 0; vertical-align: super; }
.tg26 .tg-sa__rp .rpa-teaser__fn a { color: inherit; text-decoration: none; padding: 0 .1em; }
.tg26 .tg-sa__rp .rpa-teaser__fn a:focus-visible { outline: 2px solid var(--tg-logo); outline-offset: 2px; }
.tg26 .tg-sa__rp .rpa-teaser__aktion { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 18px; margin: 22px 0 0; }
.tg26 .tg-sa__rp .rpa-teaser__ausloeser { color: var(--tg-muted); font-size: var(--tg-fs-small); line-height: 1.45; }
.tg26 .tg-sa__rp h2.rpa-teaser__titel { font-size: clamp(calc(var(--rpa-b) * 1.3125), 2.2vw, calc(var(--rpa-b) * 1.625)); line-height: 1.25; text-transform: none; letter-spacing: 0; }
.tg26 .tg-sa__rp .rpa-teaser .rpa-wrap { display: block; }

/* Angebote */
.tg26 .tg-sa__liste { list-style: none; margin: 0; padding: 0; border-top: 1px solid var(--sa-line); }
.tg26 .tg-sa__liste > li { display: grid; grid-template-columns: minmax(0, 1fr); gap: 6px 32px; padding: 24px 0; border-bottom: 1px solid var(--sa-line); scroll-margin-top: 80px; }
@media (min-width: 900px) { .tg26 .tg-sa__liste > li { grid-template-columns: 4fr 5fr 3fr; align-items: baseline; } }
.tg26 .tg-sa__liste p { margin: 0; }
/* Angebote: Vorteilslisten (36 §2, Runde 17, 19.10.2026); Fussnote mit .tg-sa__liste in der Kette, sonst gewinnt die Zeile darueber (margin: 0) */
.tg26 .tg-sa__vorteile { list-style: none; margin: 0; padding: 0; }
.tg26 .tg-sa__beschr > p + .tg-sa__vorteile { margin-top: 6px; }
.tg26 .tg-sa__vorteile li { display: grid; grid-template-columns: 18px minmax(0, 1fr); gap: 0 10px; padding: 3px 0; }
.tg26 .tg-sa__vorteile i { font-size: 15px; line-height: 1.6; color: var(--tg-logo); }
.tg26 .tg-sa__vorteile b { font-weight: 600; color: var(--tg-ink); }
.tg26 .tg-sa__liste .tg-sa__fn { margin: 8px 0 0; font-size: var(--tg-fs-small); line-height: 1.5; }
.tg26 .tg-sa__beschr sup { font-size: .7em; line-height: 0; }
.tg26 .tg-sa__act a { font-weight: 600; }
.tg26 .tg-sa__act span { display: block; font-size: var(--tg-fs-small); margin-top: 4px; }
.tg26 .tg-sa__tlink { display: inline-flex; gap: 10px; align-items: baseline; }
.tg26 .tg-sa__tlink::before { content: ""; flex: none; width: 9px; height: 11px; background: currentColor; clip-path: polygon(0 0, 100% 50%, 0 100%); }
.tg26 .tg-sa__depot { margin-top: 12px; padding: 14px 16px; border-left: 3px solid var(--tg-brand); background: var(--sa-tint); font-size: var(--tg-fs-small); line-height: 1.5; }
@media (min-width: 900px) { .tg26 .tg-sa__depot { grid-column: 2 / -1; } }
.tg26 .tg-sa__depot strong { display: block; color: var(--tg-ink); font-size: 16px; margin-bottom: 4px; }
.tg26 .tg-sa__depot ul { margin: 6px 0 0; padding-left: 1.2em; }
.tg26 .tg-sa__depot li { padding-left: 2px; }

/* Wo ist der Haken? und Ersparnisrechner */
.tg26 .tg-sa__haken { list-style: none; margin: 0; padding: 0; border-top: 1px solid var(--sa-line); }
.tg26 .tg-sa__haken li { display: grid; grid-template-columns: minmax(0, 1fr); gap: 4px 32px; padding: 18px 0; border-bottom: 1px solid var(--sa-line); }
@media (min-width: 900px) { .tg26 .tg-sa__haken li { grid-template-columns: 4fr 7fr; } }
.tg26 .tg-sa__haken q { font-family: "Spectral", Georgia, serif; font-size: 21px; line-height: 1.3; color: var(--tg-ink); quotes: "„" "“"; }
.tg26 .tg-sa__haken p { margin: 0; }
.tg26 .tg-sa__ersparnis { margin-top: 48px; padding: 32px 24px; border: 1px solid var(--sa-line); background: #fff; display: grid; gap: 24px; grid-template-columns: minmax(0, 1fr); scroll-margin-top: 80px; }
@media (min-width: 900px) { .tg26 .tg-sa__ersparnis { grid-template-columns: 6fr 5fr; align-items: end; padding: 48px; } }
.tg26 .tg-sa__blk form { display: grid; grid-template-columns: minmax(0, 1fr); gap: 16px; margin: 24px 0 0; }
@media (min-width: 600px) { .tg26 .tg-sa__ersparnis form { grid-template-columns: 1fr 1fr 1fr; align-items: end; } .tg26 .tg-sa__rr form { grid-template-columns: 1fr 1fr; align-items: end; } }
@media (min-width: 900px) { .tg26 .tg-sa__rr form { grid-template-columns: repeat(4, 1fr); } .tg26 .tg-sa__rr > form { max-width: none; } }
.tg26 .tg-sa__blk label { display: block; font-weight: 600; font-size: var(--tg-fs-small); color: var(--tg-ink); margin-bottom: 4px; }
.tg26 .tg-sa__blk input { width: 100%; min-height: 48px; padding: 8px 10px; font: 400 18px/1.3 "Open Sans", Arial, sans-serif; color: var(--tg-ink); border: 1px solid #8A96A3; border-radius: 2px; background: #fff; box-shadow: none; }
.tg26 .tg-sa__erg { font-family: "Spectral", Georgia, serif; font-size: 20px; color: var(--tg-ink); }
.tg26 .tg-sa__betrag { display: block; font-size: 52px; line-height: 1; color: var(--tg-logo); margin: 4px 0 8px; }
.tg26 .tg-sa__blk .tg-sa__erg p { font-family: "Open Sans", Arial, sans-serif; font-size: var(--tg-fs-small); color: var(--tg-muted); margin: 0 0 16px; }
.tg26 .tg-sa__blk a.tg-sa__btn { display: inline-flex; align-items: center; min-height: 52px; padding: 0 24px; background: var(--tg-logo); color: #fff; border: 2px solid var(--tg-logo); border-radius: 2px; font: 600 17px/1.2 "Open Sans", Arial, sans-serif; text-decoration: none; }
.tg26 .tg-sa__blk .tg-sa__btn:hover, .tg26 .tg-sa__blk .tg-sa__btn:focus { background: #0E2566; border-color: #0E2566; color: #fff; }

/* Ruhestand */
.tg26 .tg-sa__rr { background: #fff; border: 1px solid var(--sa-line); padding: 48px 24px; }
@media (min-width: 900px) { .tg26 .tg-sa__rr { padding: 48px; } }
.tg26 .tg-sa__rr > * { max-width: 760px; }
.tg26 .tg-sa__rr h2 { margin-bottom: 16px; }
.tg26 .tg-sa__blk p.tg-sa__rr-out { font-family: "Spectral", Georgia, serif; font-size: 24px; line-height: 1.3; color: var(--tg-ink); min-height: 2.6em; margin-top: 16px; }

/* Absender: je Person ein eigener Block (Bild und Text eindeutig zugeordnet) */
.tg26 .tg-sa__blk--abs { scroll-margin-top: 80px; }
.tg26 .tg-sa__absender { display: grid; grid-template-columns: minmax(0, 1fr); gap: 32px 48px; grid-template-areas: "intro" "dk" "rechts"; }
@media (min-width: 900px) { .tg26 .tg-sa__absender { grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); grid-template-areas: "intro intro" "dk rechts"; align-items: start; } }
.tg26 .tg-sa__intro { grid-area: intro; }
.tg26 .tg-sa__intro h2 { margin-bottom: 16px; }
.tg26 .tg-sa__person--dk { grid-area: dk; }
.tg26 .tg-sa__rechts { grid-area: rechts; display: grid; gap: 32px; }
.tg26 .tg-sa__person { display: grid; grid-template-columns: 120px minmax(0, 1fr); gap: 20px; align-items: start; }
@media (min-width: 900px) { .tg26 .tg-sa__person--dk { grid-template-columns: 200px minmax(0, 1fr); gap: 28px; } }
.tg26 .tg-sa__person img { display: block; width: 100%; height: auto; aspect-ratio: 1 / 1; object-fit: cover; object-position: 50% 20%; }
.tg26 .tg-sa__blk .tg-sa__person h3 { font-size: 23px; margin: 0 0 6px; }
.tg26 .tg-sa__blk p.tg-sa__rolle { font-size: var(--tg-fs-small); color: var(--tg-text); margin-bottom: 8px; }
@media (max-width: 599px) { .tg26 .tg-sa__person--dk { grid-template-columns: minmax(0, 1fr); } .tg26 .tg-sa__person--dk img { width: 160px; } }
.tg26 .tg-sa__blk figure { margin: 0; }
.tg26 .tg-sa__blk figcaption { font-size: var(--tg-fs-small); color: var(--tg-muted); margin-top: 8px; line-height: 1.45; }
.tg26 .tg-sa__blk figcaption b { color: var(--tg-ink); font-weight: 600; }
.tg26 .tg-sa__quali { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 20px 24px; margin: 16px 0; padding: 20px 0; border-top: 2px solid var(--tg-brand); border-bottom: 1px solid var(--sa-line); list-style: none; }
.tg26 .tg-sa__quali b { display: block; font-family: "Spectral", Georgia, serif; font-weight: 600; font-size: 40px; line-height: 1; color: var(--tg-brand); }
.tg26 .tg-sa__quali span { display: block; font-size: 14px; line-height: 1.4; margin-top: 6px; }
.tg26 .tg-sa__villa img { display: block; width: 100%; height: auto; aspect-ratio: 4 / 3; object-fit: cover; object-position: 60% 40%; border: 8px solid #fff; outline: 1px solid var(--sa-line); }
.tg26 .tg-sa__blk p.tg-sa__klein { font-size: 13px; line-height: 1.45; color: var(--tg-muted); margin: 12px 0 0; max-width: none; }
.tg26 .tg-sa__blk p.tg-sa__begleitung { font-size: var(--tg-fs-small); border-top: 2px solid var(--tg-brand); padding-top: 16px; margin-top: 48px; max-width: none; }

/* ===== 11. Seitenrahmen: statt schmaler, schattierter Box (boxed 1230/1360 px) volle Breite fuer Kopf, Baender und Footer;
 * der Inhalt bleibt im Bootstrap-Raster (.container 1170/1300/1400 px), Fliesstext in der Lesespalte (--tg-measure).
 * Rueckmeldung Alex 17.10.: "die main-content box des main themes" sei zu schmal. Nur CSS, DB-Option layout_selector bleibt. */
/* Regression 19.10.: nur noch auf der Startseite B; Inhaltsseiten behalten den alten Rahmen (sauberer als halb angepasste Inhalte) */
@media (min-width: 1200px) {
  body.tg26:not(.tg-lp).tg-start-b.boxed { width: auto; margin: 0; box-shadow: none; }
  .tg26:not(.tg-lp).tg-start-b.boxed #enigma_nav_top.affix { max-width: none; width: 100%; left: 0; right: 0; }
}

/* ===== 12. Landingpages (tg-lp): Layout wie vor dem Redesign, nur freigegebene Kopf-Punkte ===== */
/* Tagline Zeile 2: Darstellung wie frueher (Inline-Style des Parent-Kopfs), nur der Tippfehler ist korrigiert */
.tg26.tg-lp:not(:where(.tg-kopf26)) .header_section .logo .tg-tagline2 { font-weight: 100; margin-top: 0; padding-top: 0; position: relative; top: -15px; }
.tg26.tg-lp:not(:where(.tg-kopf26)) .navbar-toggle .tg-menu-label { display: none; }
.tg26.tg-lp:not(:where(.tg-kopf26)) .tg-head-tel__sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
/* Telefon im Kopf (tel:-Link, freigegeben): ruhig in der rechten Kopfspalte, ohne Layout zu verschieben */
.tg26.tg-lp:not(:where(.tg-kopf26)) .tg-head-tel { display: inline-flex; align-items: center; gap: 8px; color: #1f2d3d; font: 700 18px/1.2 "Open Sans", sans-serif; text-decoration: none; padding: 8px 0; }
.tg26.tg-lp:not(:where(.tg-kopf26)) .tg-head-tel i { color: #2e7d32; }
@media (min-width: 768px) {
  .tg26.tg-lp:not(:where(.tg-kopf26)) .header_section .container { position: relative; }
  .tg26.tg-lp:not(:where(.tg-kopf26)) .tg-head-tel { position: absolute; right: 15px; top: 22px; }
}
/* mobil im vorhandenen Leerraum unter der Tagline, damit sich die Kopfhoehe nicht aendert */
@media (max-width: 767px) {
  .tg26.tg-lp:not(:where(.tg-kopf26)) .header_section { position: relative; }
  .tg26.tg-lp:not(:where(.tg-kopf26)) .header_section .row > [class*="col-"] { position: static; }
  .tg26.tg-lp:not(:where(.tg-kopf26)) .tg-head-tel { position: absolute; left: 15px; bottom: 6px; font-size: 16px; padding: 6px 0; }
}

/* ===== 13. Regression 19.10.: Kopf 768 bis 991 px ===== */
/* Telefon bezog sich auf die (unter 992 px umbrechende) rechte Spalte und lag hinter der Navigation: Bezug = Container */
@media (min-width: 768px) {
  .tg26 .header_section .row > [class*="col-"] { position: static; }
}
/* Navigation brach bei 768 px in zwei Zeilen um: Abstaende und Schrift im schmalen Desktop verkleinern */
@media (min-width: 768px) and (max-width: 991px) {
  :is(.tg26:not(.tg-lp), .tg26.tg-kopf26) .navigation_menu .navbar-default .navbar-nav > li > a,
  :is(.tg26:not(.tg-lp), .tg26.tg-kopf26) .navigation_menu .navbar-default .navbar-nav > li > a:hover,
  :is(.tg26:not(.tg-lp), .tg26.tg-kopf26) .navigation_menu .navbar-default .navbar-nav > li > a:focus,
  :is(.tg26:not(.tg-lp), .tg26.tg-kopf26) .navigation_menu .navbar-default .navbar-nav > .open > a,
  :is(.tg26:not(.tg-lp), .tg26.tg-kopf26) .navigation_menu .navbar-default .navbar-nav > .active > a { font-size: 14px; padding-left: 9px; padding-right: 9px; }
}

/* 19.10.2026 (Alex): Tagline-Formatierung wie im Original: Zeile 1 (Leistungen) kräftiger, Zeile 2 (Für Selbstentscheider …) leicht und etwas kleiner; Text unverändert. Font-weight 300 statt 100, weil 100 in der Schrift nicht vorhanden ist und für 55+ zu dünn wäre. */
:is(.tg26:not(.tg-lp), .tg26.tg-kopf26) .header_section .logo p:first-of-type { font-weight: 600; }
:is(.tg26:not(.tg-lp), .tg26.tg-kopf26) .header_section .logo .tg-tagline2 { font-weight: 300; font-size: .92em; color: #4a5563; margin-top: 0; }

/* Startseite A: Icons (Alex 19.10.: Bestandsstartseite setzte auf Icons) – ein Stil (Font Awesome Light, im Theme geladen), Logo-Blau, immer mit Beschriftung */
.tg26 .tg-h3__ich ol a { grid-template-columns: 28px 1fr; }
.tg26 .tg-h3__ic { width: 28px; margin-top: 4px; font-size: 21px; line-height: 1; text-align: center; color: var(--tg-logo); }
.tg26 .tg-sa__liste h3 { display: flex; gap: 12px; align-items: baseline; }
.tg26 .tg-sa__ic { flex: none; width: 26px; font-size: 20px; line-height: 1; text-align: center; color: var(--tg-logo); }
.tg26 .tg-sa__ic::before, .tg26 .tg-h3__ic::before { color: inherit; } /* Parent-custom_css faerbt .fa-home/.fa-mobile hell */

/* ===== 14. Startseite A: gemeinsames Raster (Rueckmeldung Alex 19.10.: Logo, Menue und Inhalt hatten verschiedene Kanten) =====
 * Alle Inhaltsflaechen der Startseite nutzen die Geometrie des Bootstrap-.container im Kopf (750/970/1170 px, ab 1700 px
 * 1300, ab 2000 px 1400, ab 2500 px 1900 laut trigonus_custom.css) mit 15 px Innenmass: linke Kante = Logo-Kante. */
.tg26 .tg-h3__grid,
.tg26 .tg-sa__wrap,
.tg26 .tg-sa__rp .rpa-teaser .rpa-wrap { box-sizing: border-box; width: 100%; max-width: none; margin-left: auto; margin-right: auto; padding-left: 15px; padding-right: 15px; }
@media (min-width: 768px) { .tg26 .tg-h3__grid, .tg26 .tg-sa__wrap, .tg26 .tg-sa__rp .rpa-teaser .rpa-wrap { width: 750px; } }
@media (min-width: 992px) { .tg26 .tg-h3__grid, .tg26 .tg-sa__wrap, .tg26 .tg-sa__rp .rpa-teaser .rpa-wrap { width: 970px; } }
@media (min-width: 1200px) { .tg26 .tg-h3__grid, .tg26 .tg-sa__wrap, .tg26 .tg-sa__rp .rpa-teaser .rpa-wrap { width: 1170px; } }
@media (min-width: 1700px) { .tg26 .tg-h3__grid, .tg26 .tg-sa__wrap, .tg26 .tg-sa__rp .rpa-teaser .rpa-wrap { width: 1300px; } }
@media (min-width: 2000px) { .tg26 .tg-h3__grid, .tg26 .tg-sa__wrap, .tg26 .tg-sa__rp .rpa-teaser .rpa-wrap { width: 1400px; } }
@media (min-width: 2500px) { .tg26 .tg-h3__grid, .tg26 .tg-sa__wrap, .tg26 .tg-sa__rp .rpa-teaser .rpa-wrap { width: 1900px; } }
/* Rechner ohne eingerueckten Kasten: Ueberschriften und Felder beginnen an derselben Kante wie alle Abschnitte */
.tg26 .tg-sa__ersparnis,
.tg26 .tg-sa__rr { background: transparent; border: 0; border-top: 2px solid var(--tg-brand); border-bottom: 1px solid var(--sa-line); padding: 32px 0; }
@media (min-width: 900px) { .tg26 .tg-sa__ersparnis, .tg26 .tg-sa__rr { padding: 40px 0; } }
/* Kopf: rechte Kante mobil = Inhaltskante (15 px) */
@media (max-width: 767px) {
  :is(.tg26:not(.tg-lp), .tg26.tg-kopf26) .navigation_menu { right: 15px; }
  :is(.tg26:not(.tg-lp), .tg26.tg-kopf26) .tg-head-tel { right: 128px; }
}
@media (min-width: 768px) {
  /* gemessen: Navi-Container 63 px, nav 5 px, Collapse 15 px Innenabstand = 13 px rechts der Logo-Kante */
  :is(.tg26:not(.tg-lp), .tg26.tg-kopf26) .navigation_menu .navbar-collapse { padding-left: 2px; }
}
/* Footer-Ueberschriften: trigonus_custom.css verschiebt sie um -10 px; an die gemeinsame Kante zurueck */
:is(.tg26:not(.tg-lp), .tg26.tg-kopf26) .enigma_footer_widget_area .footer_header { left: 0; }
@media (max-width: 767px) { :is(.tg26:not(.tg-lp), .tg26.tg-kopf26) .enigma_footer_widget_area .footer_header { left: -5px; } } /* gemessen: mobil 5 px Versatz der Footer-Spalte */
/* Startseite A, Runde 3: Ersparnisrechner ueber die Jahre mit zwei Wegen (Depot eroeffnen, selbst rechnen) */
.tg26 .tg-sa__blk .tg-sa__ersparnis h3 + p { margin-top: 12px; }
.tg26 .tg-sa__blk p.tg-sa__ctas { display: flex; flex-wrap: wrap; gap: 12px 24px; align-items: center; margin: 8px 0 0; }
.tg26 .tg-sa__erg [data-er-text] { display: block; font-size: 18px; line-height: 1.3; }

/* ===== 15. Seite /team/: Karten gleich hoch (Alex 19.10.) =====
 * Ursache gemessen: Das Bild von Dieter Kern ist ein Zuschnitt 360 x 240, die uebrigen Teambilder 360 x 360; dadurch war seine
 * Karte 120 px niedriger und die Float-Reihen verrutschten. Alle Teambilder im gleichen quadratischen Ausschnitt, Inhalt unveraendert. */
.tg26:not(.tg-lp) .enigma_team_showcase img.wp-post-image { width: 100%; height: auto; aspect-ratio: 1 / 1; object-fit: cover; object-position: 50% 20%; }
/* Reihen als Flex statt Float: unterschiedlich lange Texte (768 px) lassen die Reihen sonst verspringen; Karten je Reihe gleich hoch */
.tg26:not(.tg-lp) .enigma_team_section > .container { display: flex; flex-wrap: wrap; }
.tg26:not(.tg-lp) .enigma_team_section > .container::before,
.tg26:not(.tg-lp) .enigma_team_section > .container::after { display: none; }
.tg26:not(.tg-lp) .enigma_team_section > .container > [class*="col-"] { display: flex; float: none; }
.tg26:not(.tg-lp) .enigma_team_section > .container > [class*="col-"] > .enigma_team_wrapper { width: 100%; }

/* Hero R4k (22-hero-r4k-final.html): einspaltig Einstiege vor den Auszeichnungen; H1 zwischen 900 und 1099 px kleiner */
@media (max-width: 899px) { .tg26 .tg-h3__grid { grid-template-areas: "h1" "lead" "ich" "beleg" "abs"; } }
@media (min-width: 900px) and (max-width: 1199px) { .tg26 .tg-h3__h1 { font-size: clamp(30px, 3.5vw, 42px); } } /* 19.10.: vorher clamp(34px, 3.9vw, 44px), Zeile 1 brach bei 900/1199 um */
@media (min-width: 900px) and (max-width: 991px) { .tg26 .tg-h3__h1 { font-size: 29px; } } /* 19.10.: Container 750 px, Zeile 1 bleibt einzeilig wie in der Fahne */ /* H1 steht in der linken Spalte (Container 750/970 px): je Satz eine Zeile */
/* Sprungziele der Startseite: Abstand zum fixierten Menue auch beim Direktaufruf mit #anker */
.tg26 .tg-sa [id] { scroll-margin-top: 16px; }
@media (min-width: 768px) { .tg26 .tg-sa [id] { scroll-margin-top: 72px; } }
/* Lange Woerter (z. B. „Vertriebsmanagement“) bei 360 px und 20 px Nutzerschrift: trennen statt seitlich ueberlaufen */
.tg26 .tg-sa, .tg26 .tg-h3 { overflow-wrap: break-word; hyphens: auto; }
@media (max-width: 400px) { .tg26 .tg-sa__person { grid-template-columns: 88px minmax(0, 1fr); gap: 14px; } }

/* Ersparnisrechner nach dem Muster des Investmentrechners der Depot-LP (Alex 19.10.): Betragsfelder mit €, Schieberegler mit Wertanzeige */
.tg26 .tg-sa__blk .tg-er { display: grid; grid-template-columns: minmax(0, 1fr); gap: 18px; margin: 24px 0 0; }
@media (min-width: 600px) { .tg26 .tg-sa__blk .tg-er { grid-template-columns: 1fr 1fr; gap: 20px 24px; } }
.tg26 .tg-sa__blk .tg-er label { display: flex; justify-content: space-between; gap: 8px; flex-wrap: wrap; }
.tg26 .tg-sa__blk .tg-er output { font-weight: 600; color: var(--tg-logo); white-space: nowrap; }
.tg26 .tg-sa__blk .tg-er__ein { display: flex; align-items: stretch; }
.tg26 .tg-sa__blk .tg-er__ein input { border-right: 0; -moz-appearance: textfield; }
.tg26 .tg-sa__blk .tg-er__ein span { display: grid; place-items: center; min-width: 44px; border: 1px solid #8A96A3; background: var(--sa-tint); color: var(--tg-ink); font-weight: 600; }
.tg26 .tg-sa__blk .tg-er input[type="range"] { min-height: 44px; padding: 0; border: 0; background: transparent; accent-color: var(--tg-logo); width: 100%; }
.tg26 .tg-sa__blk .tg-sa__ersparnis { align-items: start; }
.tg26 .tg-sa__blk .tg-er { align-items: end; }

/* Hero-Bildband (Vorschau ?hero=hoch|flach): volle Breite ueber dem Hero, Headline bleibt HTML darunter, dezent */
.tg26 .tg-h3__band { position: relative; margin: 0; background: #F7F6F2; border-top: 1px solid #D9D6CC; }
.tg26 .tg-h3__band img { display: block; width: 100%; height: auto; }
.tg26 .tg-h3__band--hoch img { max-height: 520px; object-fit: cover; }
.tg26 .tg-h3__band-ki { position: absolute; right: 8px; bottom: 6px; font: 600 11px/1 "Open Sans", Arial, sans-serif; color: #33404D; background: rgba(247, 246, 242, .85); padding: 3px 6px; }
.tg26 .tg-h3--mit-band { border-top: 0; }
@media (min-width: 900px) { .tg26 .tg-h3--mit-band .tg-h3__grid { padding-top: 40px; } }
.tg26 .tg-h3__band--flach + .tg-h3 .tg-h3__grid { padding-top: 16px; }
@media (min-width: 900px) { .tg26 .tg-h3__band--flach + .tg-h3 .tg-h3__grid { padding-top: 32px; } }
/* Rechner als Familie: Kopf mit Trigonus-Dreieck (Bildmarke aus dem Logo), gleiche Felder */
.tg26 .tg-sa__blk .tg-rechner__kopf { display: flex; align-items: center; gap: 12px; }
.tg26 .tg-sa__blk .tg-rechner__kopf img { flex: none; width: 32px; height: auto; }
.tg26 .tg-sa__rr .tg-er { max-width: none; }
@media (min-width: 900px) { .tg26 .tg-sa__blk .tg-sa__rr .tg-er { grid-template-columns: repeat(2, minmax(0, 1fr)); max-width: 760px; } }

/* Zweitlinks und Begleitlinks je in eigener Zeile mit Pfeil statt Mittelpunkt-Trenner (Alex 19.10.); Text unveraendert */
.tg26 .tg-sa__blk .tg-sa__act .tg-sa__neben { display: block; margin-top: 6px; font-size: var(--tg-fs-small); }
.tg26 .tg-sa__blk .tg-sa__neben-zeile { display: flex; gap: 8px; align-items: baseline; padding: 3px 0; }
.tg26 .tg-sa__blk .tg-sa__neben-zeile a { font-weight: 600; }
.tg26 .tg-sa__blk .tg-sa__neben-zeile i,
.tg26 .tg-sa__blk .tg-sa__begleitung li i { flex: none; width: 14px; font-size: 13px; color: var(--tg-logo); text-align: left; }
.tg26 .tg-sa__blk div.tg-sa__begleitung { font-size: var(--tg-fs-small); border-top: 2px solid var(--tg-brand); padding-top: 16px; margin-top: 48px; }
.tg26 .tg-sa__blk div.tg-sa__begleitung p { margin: 0 0 6px; max-width: none; }
.tg26 .tg-sa__blk div.tg-sa__begleitung ul { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 6px 28px; }
.tg26 .tg-sa__blk div.tg-sa__begleitung li { display: flex; gap: 8px; align-items: baseline; }
.tg26 .tg-sa__blk div.tg-sa__begleitung li a { font-weight: 600; }
@media (max-width: 599px) { .tg26 .tg-sa__blk div.tg-sa__begleitung ul { flex-direction: column; } }

/* Runde 8 (27-depotuebertrag-text.md §8.2): Rechner direkt unter dem Abschnittskopf, Fragen mit eigenem Unterkopf */
.tg26 .tg-sa__blk .tg-sa__head + .tg-sa__ersparnis,
.tg26 .tg-sa__blk .tg-sa__ersparnis:first-child { margin-top: 8px; }
.tg26 .tg-sa__blk h3.tg-sa__haken-kopf { font-size: 23px; margin: 56px 0 16px; }
@media (max-width: 899px) { .tg26 .tg-sa__blk h3.tg-sa__haken-kopf { font-size: 21px; margin-top: 40px; } }
.tg26 .tg-sa h2, .tg26 .tg-sa h3, .tg26 .tg-h3 h1 { hyphens: manual; } /* Ueberschriften nicht trennen (z. B. „Ra-batt“) */

/* Runde 9 (Alex): Rechner-Kopf ist jetzt die h2 der Section (Groesse wie bisher h3); Abstand zwischen den Spalten */
.tg26 .tg-sa__blk h2.tg-rechner__kopf--h2 { font-size: 21px; }
@media (min-width: 900px) { .tg26 .tg-sa__blk h2.tg-rechner__kopf--h2 { font-size: 23px; } }
.tg26 .tg-sa__blk .tg-sa__ersparnis { column-gap: 56px; row-gap: 32px; }
@media (min-width: 900px) and (max-width: 1199px) { .tg26 .tg-sa__blk .tg-sa__ersparnis { column-gap: 40px; } }
@media (min-width: 600px) { .tg26 .tg-sa__blk .tg-er { column-gap: 28px; } }

/* Runde 11: Hero V3k2 (26-hero-v6-steuern-layout.md §8, Prototyp hero-v6.html Abschnitt „Runde 3“) */
.tg26 .tg-h3__band--v3k2 + .tg-h3 .tg-h3__grid { padding-top: 14px; }
@media (min-width: 900px) { .tg26 .tg-h3__band--v3k2 + .tg-h3 .tg-h3__grid { padding-top: 26px; } }
.tg26 .tg-h3__band--v3k2 + .tg-h3 .tg-h3__lead { hyphens: manual; }
.tg26 .tg-h3__band--v3k2 + .tg-h3 .tg-h3__ich-titel { color: var(--tg-ink); }
/* Runde 11 (Alex): im Hero keine automatische Silbentrennung (Ueberschrift, Einleitung, Einstiege, Begleitzeile); Umbruch nur zwischen Woertern */
.tg26 .tg-h3, .tg26 .tg-h3 * { hyphens: manual; }
/* n-tv-Pressenennung im Hero dezent verlinkt (Alex 19.10.): Farbe wie Text, feine Unterstreichung erst bei Hover/Fokus, kleines Outbound-Icon */
.tg26 .tg-h3 a.tg-h3__extern { color: inherit; text-decoration: none; }
.tg26 .tg-h3 a.tg-h3__extern:hover, .tg26 .tg-h3 a.tg-h3__extern:focus-visible { text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; }
.tg26 .tg-h3__extern i { font-size: .8em; margin-left: .3em; color: var(--tg-muted); }
.tg26 .tg-sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }

/* Runde 12: Hero V4k4 (26-hero-v4k4-einbau.html, Votum Alex): Papierfahne mit der H1 greift ins Bildband.
   Ueberlappung als Variable --tg-fahne-ueber (30 / 48 / 64 px); oben rechts 12 px Rundung (Alex), sonst keine Ecken. */
.tg26 .tg-h3--fahne { overflow: hidden; --tg-fahne-ueber: 30px; }
@media (min-width: 900px) { .tg26 .tg-h3--fahne { --tg-fahne-ueber: 48px; } }
@media (min-width: 1200px) { .tg26 .tg-h3--fahne { --tg-fahne-ueber: 64px; } }
.tg26 .tg-h3--fahne .tg-h3__band { border-top: 0; }
.tg26 .tg-h3--fahne .tg-h3__band-ki { top: 6px; bottom: auto; }
.tg26 .tg-h3--fahne .tg-h3__grid,
.tg26 .tg-h3__band--v4k4 + .tg-h3__grid { padding-top: 0; }
@media (max-width: 899px) { .tg26 .tg-h3--fahne .tg-h3__grid { grid-template-columns: minmax(0, 1fr); } }
.tg26 .tg-h3--fahne .tg-h3__fahne { grid-area: h1; position: relative; z-index: 1; justify-self: start; max-width: none; background: var(--h3-paper);
  margin: calc(-1 * var(--tg-fahne-ueber)) -15px 0; width: calc(100% + 30px); padding: 12px 15px 0; border-top: 1px solid var(--h3-line);
  border-right: 1px solid transparent; border-top-right-radius: 10px; } /* 10 px (Alex 19.10., vorher 12 px) */
.tg26 .tg-h3--fahne .tg-h3__fahne .tg-h3__h1 { margin: 0; font-size: 27px; }
@media (min-width: 768px) and (max-width: 899px) {
  .tg26 .tg-h3--fahne .tg-h3__fahne { margin-left: calc(-15px - (100vw - 750px) / 2); margin-right: 0; width: 100vw;
    padding-left: calc(15px + (100vw - 750px) / 2); padding-right: calc(15px + (100vw - 750px) / 2); }
}
@media (min-width: 900px) {
  .tg26 .tg-h3--fahne .tg-h3__grid { grid-template-areas: "h1 ich" "lead ich" "beleg ich" "abs ich"; grid-template-rows: auto auto auto 1fr; padding-top: 0; }
  .tg26 .tg-h3--fahne .tg-h3__fahne { margin: calc(-1 * var(--tg-fahne-ueber)) 0 var(--tg-s3) 0; width: calc(100% + var(--tg-s4) / 2); padding: 18px 24px 0 0; }
  .tg26 .tg-h3--fahne .tg-h3__fahne::before { content: ""; position: absolute; top: -1px; bottom: 0; right: 100%; width: 100vw; background: var(--h3-paper); border-top: 1px solid var(--h3-line); }
  .tg26 .tg-h3--fahne .tg-h3__ich { padding-top: 32px; }
}
@media (min-width: 900px) and (max-width: 991px) { .tg26 .tg-h3--fahne .tg-h3__fahne .tg-h3__h1 { font-size: 29px; } }
@media (min-width: 992px) and (max-width: 1199px) { .tg26 .tg-h3--fahne .tg-h3__fahne .tg-h3__h1 { font-size: 40px; } }
@media (min-width: 1200px) { .tg26 .tg-h3--fahne .tg-h3__fahne .tg-h3__h1 { font-size: 48px; white-space: nowrap; } }
.tg26 .tg-h3--fahne .tg-h3__lead, .tg26 .tg-h3--fahne .tg-h3__begleit { hyphens: manual; }
.tg26 .tg-h3--fahne .tg-h3__ich-titel { color: var(--tg-ink); }

/* RP-Teaser v3 (24-rp-teaser.md §11): Klumpen-Balken nach r2-g3__usa der RP-Seite, Pfeile nach r2-g14, ohne Rot und ohne Logo-Blau ausser am Knopf */
.tg26 .tg-sa__rp .rpa-t3 { padding: 40px 0 36px; }
.tg26 .tg-sa__rp .rpa-t3 .rpa-teaser__titel { max-width: 30em; }
.tg26 .tg-sa__rp .rpa-t3__schluss { margin: 18px 0 0; max-width: 33em; color: var(--tg-text); font-size: calc(var(--rpa-b) * 1.0625); line-height: 1.55; }
.tg26 .tg-sa__rp .rpa-t3__schluss strong { color: var(--tg-ink); font-weight: 600; }
.tg26 .tg-sa__rp .rpa-t3 .rpa-btn--primary { white-space: normal; }
.tg26 .tg-sa__rp .rpa-t3 .fal { color: var(--tg-brand); }
.tg26 .tg-sa__rp .rpa-t3__raster { display: grid; gap: 24px 48px; grid-template-columns: minmax(0, 1fr); margin-top: 18px; }
@media (min-width: 992px) {
  .tg26 .tg-sa__rp .rpa-t3__raster { grid-template-columns: minmax(0, 6fr) minmax(0, 5fr); align-items: start; }
  .tg26 .tg-sa__rp .rpa-t3__raster > .rpa-t3__grafik { order: 2; margin-top: 4px; } /* mobil Grafik zuerst, Desktop rechts */
}
.tg26 .tg-sa__rp .rpa-t3__grafik { margin: 0; background: #fff; border: 1px solid var(--sa-line); border-radius: var(--tg-radius); padding: 18px 18px 16px; }
.tg26 .tg-sa__rp .rpa-t3__zeile + .rpa-t3__zeile { margin-top: 18px; padding-top: 16px; border-top: 1px solid var(--sa-line); }
.tg26 .tg-sa__rp .rpa-t3__name { display: flex; align-items: center; gap: 10px; margin: 0 0 8px; font-weight: 700; color: var(--tg-ink); font-size: calc(var(--rpa-b) * 1); }
.tg26 .tg-sa__rp .rpa-t3__name .fal { font-size: 1.25em; width: 1.3em; text-align: center; }
.tg26 .tg-sa__rp .rpa-t3__balken { display: flex; gap: 2px; height: 20px; }
.tg26 .tg-sa__rp .rpa-t3__seg--usa { flex: 0 0 73%; /* 19.10.2026 Runde 14: 73 % laut Portfolio Selection 2026, Stand April 2026 (wie /rp-aktiv/) */ background: var(--tg-brand); border-radius: 4px 0 0 4px; }
.tg26 .tg-sa__rp .rpa-t3__seg--rest { flex: 1 1 auto; background: var(--sa-tint); border-radius: 0 4px 4px 0; }
.tg26 .tg-sa__rp .rpa-t3__legende { display: flex; justify-content: space-between; gap: 12px; margin: 6px 0 0; font-size: calc(var(--rpa-b) * .9375); color: var(--tg-ink); }
.tg26 .tg-sa__rp .rpa-t3__legende b { font-weight: 700; }
.tg26 .tg-sa__rp .rpa-t3__legende span + span { color: var(--tg-muted); }
.tg26 .tg-sa__rp .rpa-t3__pfeile { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 8px 18px; }
.tg26 .tg-sa__rp .rpa-t3__pfeile li { display: flex; align-items: center; gap: 6px; font-size: calc(var(--rpa-b) * 1); color: var(--tg-ink); }
.tg26 .tg-sa__rp .rpa-t3__pfeile li .fal { font-size: .95em; width: 1em; text-align: center; }
.tg26 .tg-sa__rp .rpa-t3__grafik figcaption { margin-top: 12px; font-size: var(--tg-fs-small); color: var(--tg-muted); line-height: 1.45; }
.tg26 .tg-sa__rp .rpa-t3__text .rpa-teaser__aktion { margin-top: 22px; }

/* Runde 12 (30-haken-v2.md §10, G2): Haken im Frage-Antwort-Raster, Kernaussage fett, Kurzpunkte */
.tg26 .tg-sa__blk p.tg-sa__haken-intro { margin: -4px 0 16px; }
.tg26 .tg-sa__haken p strong { color: var(--tg-ink); font-weight: 700; }
.tg26 .tg-sa__haken .tg-sa__haken-text { min-width: 0; }
.tg26 .tg-sa__haken .tg-sa__haken-punkte { list-style: none; margin: 6px 0 0; padding: 0; border: 0; }
.tg26 .tg-sa__haken .tg-sa__haken-punkte li { display: grid; grid-template-columns: 18px minmax(0, 1fr); gap: 0 10px; padding: 3px 0; border: 0; }
.tg26 .tg-sa__haken .tg-sa__haken-punkte i { font-size: 15px; line-height: 1.6; color: var(--tg-logo); }
.tg26 .tg-sa__haken .tg-nohy { -webkit-hyphens: none; hyphens: none; } /* comdirect ohne Silbentrennung (Koordinator 19.10.) */
/* 19.10. (Alex: „Wertentwicklung pro Jahr12,9 %“): Regler-Label links umbrechbar, Wert rechts mit fester Mindestbreite, nie am Label */
.tg26 .tg-sa__blk .tg-er__feld--regler label { flex-wrap: nowrap; align-items: baseline; gap: 16px; }
.tg26 .tg-sa__blk .tg-er__feld--regler output { flex: none; margin-left: auto; text-align: right; font-variant-numeric: tabular-nums; }
.tg26 .tg-sa__blk .tg-er__feld--regler output[data-er-zeige="prozent"], .tg26 .tg-sa__blk .tg-er__feld--regler output[data-rr-zeige="prozent"] { min-width: 6.5ch; }
.tg26 .tg-sa__blk .tg-er__feld--regler output[data-er-zeige="jahre"], .tg26 .tg-sa__blk .tg-er__feld--regler output[data-rr-zeige="jahre"] { min-width: 8.5ch; }
.tg26 .tg-sa__blk .tg-er__feld--regler output[data-er-zeige="tausch"] { min-width: 9.5ch; }
.tg26 .tg-sa__blk .tg-er__feld--regler label { -webkit-hyphens: manual; hyphens: manual; } /* Label ohne automatische Trennung („Wertentwick-lung“) */
/* 19.10. (Alex: Tagline „Für Selbstentscheider …“ kaum lesbar; „das ganze lesbar, nicht ohne Kontrast und mit Mini-Tagline“): beide Zeilen gleich groß, Zeile 1 kräftiger nur über Gewicht/Farbe. Größen in rem (Wurzel hier 62,5 %, 1.5rem = 15 px bei 16 px Basis), damit die Browser-Schriftgröße wirkt. Vorher: Zeile 1 13px (mobil)/15.4px, Zeile 2 12.88px, Gewicht 300, #4a5563 (7,58:1) */
:is(.tg26:not(.tg-lp), .tg26.tg-kopf26) .header_section .logo p:first-of-type { font-size: max(1.6rem, 16px); font-weight: 600; color: #2b3440; }
:is(.tg26:not(.tg-lp), .tg26.tg-kopf26) .header_section .logo .tg-tagline2 { font-size: max(1.6rem, 16px); font-weight: 400; color: #3d4756; line-height: 1.45; }
@media (min-width: 768px) { :is(.tg26:not(.tg-lp), .tg26.tg-kopf26) .header_section .logo p:first-of-type, :is(.tg26:not(.tg-lp), .tg26.tg-kopf26) .header_section .logo .tg-tagline2 { font-size: max(1.6rem, 16px); } }

/* ===== 19.10.2026 Schriftgrößen-Audit Startseite (Alex: „hier ist die font-size zu klein: Bestehendes Depot ohne Verkauf mitnehmen …“) =====
   Regel: Fließ- und Kastentext mindestens Basisgröße (1rem der Browsereinstellung = hier 1.6rem, Wurzel 62,5 %), echte Kleintexte
   (Quellen, Rechtshinweise, Bildunterschriften, Rechenhinweise) mindestens 0,875rem (= 1.4rem). Größen als max(rem, px): sie wachsen
   mit der Browser-Schriftgröße, fallen bei kleiner Einstellung (Alex testet mit 14 px) aber nicht unter das gestaltete Maß. */
.tg26 { --tg-fs-ui: max(1.6rem, 16px); --tg-fs-klein: max(1.4rem, 14px); }
/* Hero */
.tg26 .tg-h3__lead { font-size: max(1.7rem, 17px); }
@media (min-width: 900px) { .tg26 .tg-h3__lead { font-size: max(2.1rem, 21px); } }
.tg26 .tg-h3__chronik li { font-size: var(--tg-fs-ui); }
.tg26 .tg-h3__quelle { font-size: var(--tg-fs-klein); }
.tg26 .tg-h3__beleg-titel, .tg26 .tg-h3__ich-titel { font-size: var(--tg-fs-ui); }
.tg26 .tg-h3__ich b { font-size: max(1.9rem, 19px); }
.tg26 .tg-h3__ich small, .tg26 .tg-h3__begleit, .tg26 .tg-h3__kunde, .tg26 .tg-h3__abs p { font-size: var(--tg-fs-ui); }
/* Kasten „Bestehendes Depot ohne Verkauf mitnehmen“: Kastentext in Fließtextgröße, Kopf etwas größer */
.tg26 .tg-sa__depot { font-size: var(--tg-fs-body); line-height: 1.55; }
.tg26 .tg-sa__depot strong { font-size: calc(var(--tg-fs-body) * 1.1); }
/* Rechner */
.tg26 .tg-sa__blk label, .tg26 .tg-sa__blk .tg-er output { font-size: var(--tg-fs-ui); }
.tg26 .tg-sa__blk input { font-size: max(1.8rem, 18px); }
.tg26 .tg-sa__blk .tg-sa__erg p { font-size: var(--tg-fs-ui); }
.tg26 .tg-sa__erg { font-size: max(2rem, 20px); }
.tg26 .tg-sa__erg [data-er-text] { font-size: max(1.8rem, 18px); }
.tg26 .tg-sa__blk p.tg-sa__rr-out { font-size: max(2.4rem, 24px); }
/* Angebote, Personen, Begleitung */
.tg26 .tg-sa__act span, .tg26 .tg-sa__blk .tg-sa__act .tg-sa__neben, .tg26 .tg-sa__blk .tg-sa__neben-zeile a, .tg26 .tg-sa__tlink { font-size: var(--tg-fs-ui); }
.tg26 .tg-sa__blk p.tg-sa__rolle, .tg26 .tg-sa__quali span { font-size: var(--tg-fs-ui); }
.tg26 .tg-sa__blk p.tg-sa__begleitung, .tg26 .tg-sa__blk div.tg-sa__begleitung { font-size: var(--tg-fs-ui); }
.tg26 .tg-sa__blk p.tg-sa__klein { font-size: var(--tg-fs-klein); }
.tg26 .tg-sa__blk a.tg-sa__btn { font-size: max(1.7rem, 17px); }
/* RP-Teaser */
.tg26 .tg-sa__rp .rpa-teaser__kicker, .tg26 .tg-sa__rp .rpa-t3__legende, .tg26 .tg-sa__rp .rpa-teaser__ausloeser { font-size: var(--tg-fs-ui); }
/* Fuß: Linklisten */
:is(.tg26:not(.tg-lp), .tg26.tg-kopf26) .enigma_footer_widget_column ul li a, :is(.tg26:not(.tg-lp), .tg26.tg-kopf26) .enigma_footer_widget_area .menu li a { font-size: var(--tg-fs-ui); }
/* Section-Einleitungen (Alex: „bricht die Lesespur“): Einleitung direkt unter der h2 auf derselben linken Kante, mobil wie Desktop */
.tg26 .tg-sa__head { display: block; }
@media (min-width: 900px) { .tg26 .tg-sa__head { display: block; } }
.tg26 .tg-sa__head h2 { margin-bottom: 8px; }
.tg26 .tg-sa__head p { max-width: 60ch; }

/* ===== Runde 14 (19.10.2026): Lesespur v2, freigegeben von Alex („v2 freigabe.“). Quelle theme-redesign/32-lesespur-audit.md §4.2 und §9, Datei agent-work-lesespur/nachher-v2.css.
   Angebote bleiben Variante a (keine Regel, §4.2 Nr. 13 entfaellt), Ruhestand nach Rechner-Muster (§9.2), Telefon K (Nr. 18 entfaellt). Rueckweg: diesen Abschnitt bis zum Ende von „Lesespur v2“ entfernen. Agent: Claude (A:Claude). */
/* Lesespur v2 (32-lesespur-audit.md §9): ein Raster, eine Linienregel, ein Kopfmuster. Nur Layout, kein Text.
   Raster 12/32: zwoelf Spalten, 32 px Spaltenabstand, im bestehenden Container (750/970/1170/1300 px, 15 px Innenmass).
   Linien: L1 = Inhaltskante (Spalte 1), L2 = Etikettlinie (Spalte 5), L3 = Teilungslinie (Spalte 8, = Hero „Ich möchte“). */
.tg26 .tg-sa { --lr-gap: 32px; --lr-kopf: 28px; }

/* 1 Section-Grenzen: Flaechenwechsel statt Linie (eine Linie pro Uebergang) */
.tg26 .tg-sa__blk--weiss { border-top: 0; border-bottom: 0; }
.tg26 .tg-sa__rp .rpa-teaser { border-top: 0; border-bottom: 0; padding: 88px 0; }
.tg26 .tg-sa__rr, .tg26 .tg-sa__ersparnis { border-bottom: 0; padding-bottom: 0; }

/* 2 Kopfmuster: 2-px-Markenlinie ueber jedem Section-Kopf, gleicher Abstand Linie -> Kopf, Kopf -> Einleitung */
.tg26 .tg-sa__intro,
.tg26 .tg-sa__blk > .tg-sa__wrap > .tg-sa__head,
.tg26 .tg-sa__rp .rpa-t3 > .rpa-wrap > .rpa-teaser__kicker { display: block; border-top: 2px solid var(--tg-brand); padding-top: var(--lr-kopf); }
.tg26 .tg-sa__rr, .tg26 .tg-sa__ersparnis { padding-top: var(--lr-kopf); }
.tg26 .tg-sa__head { display: block; margin-bottom: 32px; }
.tg26 .tg-sa__head h2 { margin-bottom: 16px; }
.tg26 .tg-sa__head p { margin: 0; }
.tg26 .tg-sa__rp .rpa-teaser__kicker { margin-bottom: 10px; }
.tg26 .tg-sa__rp h2.rpa-teaser__titel { font-size: 26px; line-height: 1.18; }
.tg26 .tg-sa__blk h2.tg-rechner__kopf--h2 { font-size: 26px; }
@media (min-width: 900px) {
  .tg26 .tg-sa__rp h2.rpa-teaser__titel, .tg26 .tg-sa__blk h2.tg-rechner__kopf--h2 { font-size: 28px; }
}
@media (min-width: 1200px) {
  .tg26 .tg-sa__rp h2.rpa-teaser__titel, .tg26 .tg-sa__blk h2.tg-rechner__kopf--h2 { font-size: 32px; }
}

/* 3 Linienrolle: 2 px nur ueber einem Kopf, nie zwischen Kopf und Inhalt; 1 px = Zeilen einer Tabelle */
.tg26 .tg-h3__beleg { border-top: 2px solid var(--tg-logo); margin-top: 24px; }
.tg26 .tg-h3__chronik { border-top: 0; }
@media (max-width: 899px) { .tg26 .tg-h3__beleg { padding-top: 6px; } }
.tg26 .tg-h3__beleg-titel { margin-top: 8px; }
.tg26 .tg-h3__abs { border-top: 0; }
.tg26 .tg-sa__quali { border-top: 1px solid var(--sa-line); }

/* 4 Haengende Satzzeichen: Anfuehrung der Haken-Fragen vor die Kante */
.tg26 .tg-sa__haken q { display: block; text-indent: -.4em; }

/* 5 Gemeinsames Raster ab 900 px (RP-Teaser wie bisher ab 992 px zweispaltig) */
@media (min-width: 900px) {
  /* Absender: Dieter Kern Spalten 1 bis 7, Marén Reiße und Villa ab L3 */
  .tg26 .tg-sa__absender { grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: var(--lr-gap); grid-template-areas: none; }
  .tg26 .tg-sa__absender > * { grid-row: auto; }
  .tg26 .tg-sa__absender > .tg-sa__intro { grid-column: 1 / -1; }
  .tg26 .tg-sa__absender > .tg-sa__person--dk { grid-column: 1 / 8; }
  .tg26 .tg-sa__absender > .tg-sa__rechts { grid-column: 8 / -1; }

  /* Ruhestand: Rechner ueber 8 Spalten, zweites Feld auf L2 */
  .tg26 .tg-sa__rr { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: var(--lr-gap); }
  /* v2: Rechner-Muster wie Fondsrechner: Eingaben Spalten 1 bis 7 (zweites Feld auf L2), Ergebnis ab L3; nichts ueberquert L3 */
  .tg26 .tg-sa__rr > * { grid-column: 1 / 8; max-width: none; }
  .tg26 .tg-sa__blk .tg-sa__rr .tg-er { grid-template-columns: subgrid; max-width: none; column-gap: var(--lr-gap); }
  .tg26 .tg-sa__rr .tg-er > :nth-child(odd) { grid-column: 1 / 5; }
  .tg26 .tg-sa__rr .tg-er > :nth-child(even) { grid-column: 5 / 8; }
  .tg26 .tg-sa__rr > .tg-er { grid-row: 3 / span 2; }
  .tg26 .tg-sa__rr > .tg-sa__rr-out { grid-column: 8 / -1; grid-row: 3; margin-top: 24px; }
  .tg26 .tg-sa__rr > .tg-sa__note { grid-column: 8 / -1; grid-row: 4; }

  /* Angebote: siehe Varianten angebote-*.css (v2: Entscheidung offen, Standard Variante a/c2) */

  /* Fondsrechner: Eingaben Spalten 1 bis 7 (zweites Feld auf L2), Ergebnis ab L3 */
  .tg26 .tg-sa__blk .tg-sa__ersparnis { grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: var(--lr-gap); }
  .tg26 .tg-sa__ersparnis > div:first-child { grid-column: 1 / 8; display: grid; grid-template-columns: subgrid; align-content: start; }
  .tg26 .tg-sa__ersparnis > div:first-child > * { grid-column: 1 / -1; }
  .tg26 .tg-sa__blk .tg-sa__ersparnis form.tg-er { grid-template-columns: subgrid; column-gap: var(--lr-gap); }
  .tg26 .tg-sa__ersparnis .tg-er > :nth-child(odd) { grid-column: 1 / 5; }
  .tg26 .tg-sa__ersparnis .tg-er > :nth-child(even) { grid-column: 5 / 8; }
  .tg26 .tg-sa__ersparnis > .tg-sa__erg { grid-column: 8 / -1; }

  /* Haken: Frage Spalten 1 bis 4, Antwort ab L2 */
  .tg26 .tg-sa__haken > li { grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: var(--lr-gap); }
  .tg26 .tg-sa__haken > li > q { grid-column: 1 / 5; }
  .tg26 .tg-sa__haken > li > p, .tg26 .tg-sa__haken > li > .tg-sa__haken-text { grid-column: 5 / -1; max-width: 64ch; }
  /* Haken-Kopf: Gruppenkopf mit 2-px-Linie darueber */
  .tg26 .tg-sa__blk h3.tg-sa__haken-kopf { border-top: 2px solid var(--tg-brand); padding-top: var(--lr-kopf); margin-top: 72px; }
}
@media (min-width: 992px) {
  /* RP-Teaser: Text Spalten 1 bis 7, Grafik ab L3 (vorher 6fr/5fr mit 48 px: 41 px links der Hero-Spalte) */
  .tg26 .tg-sa__rp .rpa-t3__raster { grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: var(--lr-gap); }
  .tg26 .tg-sa__rp .rpa-t3__raster > .rpa-t3__text { grid-column: 1 / 8; grid-row: 1; }
  .tg26 .tg-sa__rp .rpa-t3__raster > .rpa-t3__grafik { grid-column: 8 / -1; grid-row: 1; }
}
@media (max-width: 899px) { .tg26 .tg-sa__blk h3.tg-sa__haken-kopf { border-top: 2px solid var(--tg-brand); padding-top: 20px; } }

/* Korrekturrunde 1 nach Jury (Leser 2, Differenz 3, Marke 2): Flaechenkante und Kopflinie ruecken zusammen, mobil kein leeres Band */
.tg26 .tg-sa__blk, .tg26 .tg-sa__rp .rpa-teaser { padding: 40px 0 56px; }
@media (min-width: 900px) { .tg26 .tg-sa__blk, .tg26 .tg-sa__rp .rpa-teaser { padding: 56px 0 88px; } }
/* ===== Ende Lesespur v2 ===== */

/* ===== Runde 14 (19.10.2026): Testschalter ?tel=rueckruf (Alex: „Alte Ausrichtung mit Rückruf vereinbaren noch testen.“). Nummer bleibt an der bisherigen Stelle (K), Text darunter rechtsbuendig; ohne Schalter kein Markup, also keine Wirkung. */
:is(.tg26:not(.tg-lp), .tg26.tg-kopf26) .tg-head-rr { position: absolute; z-index: 9996; background: none; border: 0; padding: 4px 0; margin: 0; color: var(--tg-brand); font: 600 max(1.5rem, 15px)/1.3 "Open Sans", sans-serif; text-decoration: underline; text-underline-offset: 3px; cursor: pointer; white-space: nowrap; }
:is(.tg26:not(.tg-lp), .tg26.tg-kopf26) .tg-head-rr:hover, :is(.tg26:not(.tg-lp), .tg26.tg-kopf26) .tg-head-rr:focus-visible { text-decoration-thickness: 2px; }
:is(.tg26:not(.tg-lp), .tg26.tg-kopf26) .tg-head-rr:focus-visible { outline: 2px solid var(--tg-brand); outline-offset: 2px; }
@media (min-width: 768px) { :is(.tg26:not(.tg-lp), .tg26.tg-kopf26) .tg-head-rr { right: 15px; top: 64px; } }
/* mobil: Nummer ist der runde Knopf; der Text steht im Fluss unter der Tagline, rechtsbuendig an der Inhaltskante */
@media (max-width: 767px) { :is(.tg26:not(.tg-lp), .tg26.tg-kopf26) .tg-head-rr { position: static; display: block; margin: 2px 0 6px auto; padding: 8px 0; min-height: 44px; } }

/* ===== Runde 14 (19.10.2026): Footer, trustlocal-Box (Alex: „trustlocal box wird weniger breit und startet an blauer kante im footer.“). Nur die Huelle .kundenbewertung_widget, Fremd-Markup unveraendert:
   Breite = Widget statt fester 500 px (trigonus_custom.css), linke Kante = Kante der Footer-Spalte (Ueberschrift „Kundenbewertungen“), mobil kein Versatz nach links. */
:is(.tg26:not(.tg-lp), .tg26.tg-kopf26) .enigma_footer_widget_area .kundenbewertung_widget { width: fit-content; max-width: 100%; left: auto; position: static; box-sizing: border-box; }
/* Footer-Links: lange Einzelwoerter (z. B. „Unternehmensphilosophie“ bei 1024 px und 20 px Schrift) brechen in der Spalte statt seitlich zu ueberlaufen */
:is(.tg26:not(.tg-lp), .tg26.tg-kopf26) .enigma_footer_widget_area .menu li a { max-width: 100%; overflow-wrap: break-word; hyphens: auto; }
@media (max-width: 767px) { :is(.tg26:not(.tg-lp), .tg26.tg-kopf26) .enigma_footer_widget_area .kundenbewertung_widget { position: relative; left: -5px; } } /* wie .footer_header (Zeile „mobil 5 px Versatz der Footer-Spalte“) */

/* ===== Runde 15 (19.10.2026, Alex): Ruhestandsrechner, Ergebnis unter den Eingaben auf L1 mit Verlauf; Inflationsregler mit Hinweis ===== */
.tg26 .tg-sa__blk .tg-er__unter { margin: 6px 0 0; font-size: var(--tg-fs-klein); color: var(--tg-muted); line-height: 1.4; }
.tg26 .tg-sa__rr-erg { margin-top: 24px; padding-top: 20px; border-top: 1px solid var(--sa-line); }
.tg26 .tg-sa__blk .tg-sa__rr-erg p.tg-sa__rr-out { margin: 0; min-height: 0; max-width: 34em; }
.tg26 .tg-rr-graf { margin: 20px 0 0; }
.tg26 .tg-rr-graf[hidden] { display: none; }
.tg26 .tg-rr-graf__feld { position: relative; height: 140px; border-left: 2px solid var(--tg-brand); border-bottom: 1px solid #8A96A3; }
.tg26 .tg-rr-graf__feld svg { position: absolute; inset: 0; width: 100%; height: 100%; display: block; overflow: visible; }
.tg26 .tg-rr-graf__flaeche { fill: var(--sa-tint); }
.tg26 .tg-rr-graf__linie { fill: none; stroke: var(--tg-brand); stroke-width: 3; vector-effect: non-scaling-stroke; stroke-linejoin: round; }
.tg26 .tg-rr-graf__start { position: absolute; left: 10px; top: 0; font-weight: 600; color: var(--tg-ink); font-size: var(--tg-fs-klein); background: var(--tg-paper, #fff); padding: 0 4px; line-height: 1.3; }
.tg26 .tg-rr-graf__punkt { position: absolute; width: 14px; height: 14px; margin: -7px 0 0 -7px; border-radius: 50%; background: var(--tg-logo); border: 2px solid #fff; box-shadow: 0 0 0 1px var(--tg-logo); }
.tg26 .tg-rr-graf__achse { display: flex; justify-content: space-between; gap: 16px; margin-top: 6px; font-size: var(--tg-fs-klein); color: var(--tg-muted); line-height: 1.4; }
.tg26 .tg-rr-graf__achse span:last-child { text-align: right; font-weight: 600; color: var(--tg-ink); }
.tg26 .tg-rr-graf__detail { margin-top: 12px; font-size: var(--tg-fs-ui); color: var(--tg-text); }
@media (min-width: 900px) {
  /* Ergebnis und Hinweis nicht mehr rechts neben den Eingaben (Lesespur v2 §9.2), sondern darunter auf L1 */
  .tg26 .tg-sa__rr > .tg-er { grid-row: auto; }
  .tg26 .tg-sa__rr > .tg-sa__rr-erg { grid-column: 1 / -1; }
  .tg26 .tg-sa__rr > .tg-sa__note { grid-column: 1 / 8; grid-row: auto; }
  .tg26 .tg-rr-graf__feld { height: 180px; }
}

/* ===== Runde 15 (19.10.2026, Alex: Zahlen 7 % und 10 % im RP-Teaser ansprechender aufnehmbar): beide Werte fett mit Tabellenziffern, Portfolio in Logo-Blau, Index in Textfarbe; dezent, ohne Marker ===== */
.tg26 .tg-sa__rp .rpa-t3__zahl { font-weight: 700; font-size: 1.1em; font-variant-numeric: tabular-nums lining-nums; white-space: nowrap; color: var(--tg-logo); }
.tg26 .tg-sa__rp .rpa-t3__zahl--index { color: var(--tg-ink); }
.tg26 .tg-sa__rp .rpa-t3__zahl sup { font-weight: 400; }
.tg26 .tg-rr-graf { margin-bottom: 20px; }
/* Runde 15 (Alex: EZB-Hinweis bricht ungünstig um): keine Silbentrennung, ausgeglichene Zeilen */
.tg26 .tg-sa__blk .tg-er__unter { -webkit-hyphens: manual; hyphens: manual; text-wrap: balance; }

/* ===== Runde 15b (19.10.2026, Alex): Datenpunkte bei Hover/Fokus/Tippen, Tabelle Jahr fuer Jahr links neben dem Brueckenabsatz ===== */
.tg26 .tg-rr-graf__feld { cursor: crosshair; }
.tg26 .tg-rr-graf__feld:focus-visible { outline: 2px solid var(--tg-logo); outline-offset: 4px; }
.tg26 .tg-rr-graf__marke { position: absolute; width: 12px; height: 12px; margin: -6px 0 0 -6px; border-radius: 50%; background: #fff; border: 3px solid var(--tg-logo); pointer-events: none; }
.tg26 .tg-rr-graf__marke[hidden], .tg26 .tg-rr-graf__tipp[hidden] { display: none; }
.tg26 .tg-rr-graf__tipp { position: absolute; top: 8px; transform: translateX(12px); z-index: 2; display: grid; gap: 2px; min-width: 15em; max-width: 19em; padding: 10px 12px; background: #fff; border: 1px solid #8A96A3; border-left: 3px solid var(--tg-logo); box-shadow: 0 4px 14px rgba(31, 45, 61, .12); font-size: var(--tg-fs-klein); line-height: 1.4; color: var(--tg-text); font-variant-numeric: tabular-nums; pointer-events: none; }
.tg26 .tg-rr-graf__tipp b { color: var(--tg-ink); }
.tg26 .tg-rr-graf__tipp--links { transform: translateX(calc(-100% - 12px)); }
.tg26 .tg-rr-tab[hidden] { display: none; }
.tg26 .tg-rr-tab__rahmen { overflow-x: auto; -webkit-overflow-scrolling: touch; }
.tg26 .tg-rr-tab table { width: 100%; border-collapse: collapse; font-size: var(--tg-fs-klein); line-height: 1.35; font-variant-numeric: tabular-nums; }
.tg26 .tg-rr-tab caption { caption-side: top; text-align: left; font-weight: 600; color: var(--tg-ink); font-size: var(--tg-fs-ui); padding: 0 0 8px; }
.tg26 .tg-rr-tab th, .tg26 .tg-rr-tab td { padding: 6px 8px; border-bottom: 1px solid var(--sa-line); text-align: right; white-space: nowrap; vertical-align: bottom; }
.tg26 .tg-rr-tab thead th { white-space: normal; font-weight: 600; color: var(--tg-ink); border-bottom: 2px solid var(--tg-brand); min-width: 5.5em; }
.tg26 .tg-rr-tab th:first-child, .tg26 .tg-rr-tab td:first-child { text-align: left; padding-left: 0; min-width: 0; }
.tg26 .tg-rr-tab tbody th { font-weight: 400; }
.tg26 .tg-rr-tab th:last-child, .tg26 .tg-rr-tab td:last-child { padding-right: 0; font-weight: 600; color: var(--tg-ink); }
.tg26 .tg-rr-tab__mehr { margin-top: 10px; padding: 10px 0; min-height: 44px; background: none; border: 0; color: var(--tg-logo); font-weight: 600; font-size: var(--tg-fs-ui); text-decoration: underline; text-underline-offset: 3px; cursor: pointer; }
.tg26 .tg-rr-tab__mehr[hidden] { display: none; }
.tg26 .tg-sa__rr-unten { margin-top: 32px; }
.tg26 .tg-sa__rr-text { margin-top: 24px; }
@media (min-width: 900px) {
  .tg26 .tg-sa__rr > .tg-sa__rr-unten { grid-column: 1 / -1; display: grid; grid-template-columns: subgrid; align-items: start; }
  .tg26 .tg-sa__rr-unten > .tg-rr-tab { grid-column: 1 / 8; }
  .tg26 .tg-sa__rr-unten > .tg-sa__rr-text { grid-column: 8 / -1; margin-top: 0; }
}
.tg26 .tg-rr-graf__tipp, .tg26 .tg-rr-graf__tipp--links { transform: none; max-width: min(19em, 100%); }
@media (max-width: 599px) { .tg26 .tg-rr-graf__tipp { top: auto; bottom: calc(100% + 8px); } } /* schmal: Datenpunkt bleibt sichtbar, Tooltip ueber der Grafik */

/* ===== Runde 16 (19.10.2026, Alex: „slider nicht auf einer höhe“): Ruhestandsrechner ab 600 px, Felder als Subgrid-Zeilen (Label | Eingabe | Hinweis), damit Labels, Eingaben und Regler-Spuren je Reihe auf einer Höhe stehen; der EZB-Hinweis haengt darunter und verschiebt nichts ===== */
@media (min-width: 600px) {
  .tg26 .tg-sa__blk .tg-sa__rr .tg-er { align-items: start; grid-auto-rows: auto; }
  .tg26 .tg-sa__blk .tg-sa__rr .tg-er > .tg-er__feld { display: grid; grid-row: span 3; grid-template-rows: subgrid; row-gap: 6px; align-content: start; }
  .tg26 .tg-sa__blk .tg-sa__rr .tg-er > .tg-er__feld > label { align-self: end; }
  .tg26 .tg-sa__blk .tg-sa__rr .tg-er > .tg-er__feld > .tg-er__unter { margin-top: 0; }
}
/* Runde 16 (Alex: Absatz „Reicht Ihr Vermögen …“ tiefer, an der Tabelle ausgerichtet): Startlinie = Tabellenkopf (unter der Tabellenueberschrift) */
@media (min-width: 900px) { .tg26 .tg-sa__rr-unten > .tg-sa__rr-text { padding-top: calc(var(--tg-fs-ui) * 1.35 + 8px); } }
/* Runde 16: FAQ-Kernaussagen (fett) ohne Silbentrennung („Aus-gabeaufschlag“) */
.tg26 .tg-sa__haken p > strong:first-child { -webkit-hyphens: manual; hyphens: manual; }

/* ===== Runde 16b (Alex: Ergebnissatz ohne einzelnes Wort in einer Zeile, Abstand zur Grafik): Satzteile ab 600 px als unteilbare Gruppen, passt der Satz in die Lesespalte, bleibt er einzeilig; schmal ausgeglichene Zeilen ===== */
.tg26 .tg-sa__blk .tg-sa__rr-erg p.tg-sa__rr-out { padding-bottom: 14px; text-wrap: pretty; }
@media (min-width: 600px) { .tg26 .tg-sa__rr-out .tg-rr-teil { display: inline-block; } }
/* Runde 16b (Alex: Annahmen-Absatz darf die zweite Spalte mitnutzen): ab 900 px ueber die volle Inhaltsbreite, Lesemass hoechstens rund 95 Zeichen */
@media (min-width: 900px) { .tg26 .tg-sa__rr > .tg-sa__note { grid-column: 1 / -1; max-width: 95ch; } }
.tg26 .tg-sa__blk .tg-sa__rr > p.tg-sa__note { max-width: 95ch; }
/* Runde 16b (Alex: Ergebnis „Mehr Vermögen durch den Rabatt …“ an der linken Spalte ausrichten): ab 900 px Ueberschrift, Einleitung und Formular als eigene Rasterzeilen; der Ergebnisblock rechts beginnt auf Hoehe der Einleitung (wie beim Ruhestandsrechner: erster Inhalt unter der Ueberschrift) */
@media (min-width: 900px) {
  .tg26 .tg-sa__blk .tg-sa__ersparnis { row-gap: 0; }
  .tg26 .tg-sa__ersparnis > div:first-child { display: contents; }
  .tg26 .tg-sa__ersparnis > div:first-child > * { grid-column: 1 / 8; }
  .tg26 .tg-sa__ersparnis > div:first-child > h2 { grid-row: 1; }
  .tg26 .tg-sa__ersparnis > div:first-child > p { grid-row: 2; }
  .tg26 .tg-sa__ersparnis > div:first-child > form { grid-row: 3; }
  .tg26 .tg-sa__ersparnis > .tg-sa__erg { grid-column: 8 / -1; grid-row: 2 / span 2; align-self: start; margin-top: 0; }
}
@media (min-width: 900px) { .tg26 .tg-sa__blk .tg-sa__ersparnis { grid-template-rows: auto auto 1fr; } .tg26 .tg-sa__ersparnis > div:first-child > form { align-self: start; } } /* Hoehe des Ergebnisblocks nur in die Formularzeile, Einleitung -> Formular bleibt wie vorher */

/* ===== Runde 18 (20.10.2026, Alex: „Aktualisierter Footer … ist von Startseite nicht auf unterseiten migriert … aktualisierter header“) =====
   Kopf- und Footer-Regeln oben gelten jetzt fuer .tg26:not(.tg-lp) und fuer Landingpages mit .tg-kopf26 (uebersicht/template.php,
   wissen-depot-wechseln.php; weitere Landingpages per $GLOBALS['tg_kopf26'] = true vor get_header()). Die Landingpage-Kopfregeln
   (Abschnitt 12) greifen dort nicht mehr. LP-eigenes CSS (z. B. tabelle6.php: .col-sm-12 { padding: 0 30px }) verschob Logo und
   Footer-Spalten um 15 px: Bootstrap-Innenabstand in Kopf und Footer wiederherstellen. */
.tg26.tg-kopf26 .header_section .row > [class*="col-"],
.tg26.tg-kopf26 .enigma_footer_widget_area .row > [class*="col-"] { padding-left: 15px; padding-right: 15px; }
/* 33-gold-lp-kopf.md O2: auf Landingpages mit eigener Wurzelschrift (Flexgold ab 900 px 10,625 px) Tagline wie Startseite 16 px */
@media (min-width: 900px) { .tg26.tg-kopf26 .header_section .logo p:first-of-type, .tg26.tg-kopf26 .header_section .logo .tg-tagline2 { font-size: max(1.5rem, 16px); } }

/* ===== Runde 19 (20.10.2026, Alex: „hier muss aus meiner Sicht noch ein padding-top rein oder ein passenderer übergang von Header zu Seite“) =====
   Titelband der uebersicht-Landingpages (.enigma_header_breadcrum_title, wie auf den WP-Unterseiten) mit denselben Abständen wie /team/:
   Überschrift 40 px unter dem Menü, Bandende 20 px unter der Überschrift (vorher 30 px bzw. 17 px). Schrift und Farbe der LP bleiben. */
.tg26.tg-kopf26 .enigma_header_breadcrum_title h1 { margin-top: 20px !important; margin-bottom: 10px; } /* !important: das Parent-CSS setzt h1 { margin-top: 10px !important } */

/* Runde 19 (20.10.2026, Meldung Flexgold-Agent): Mobil steht das Menue als runder Knopf oben rechts (absolut, 105 px breit); der Parent-Schatten #header_shadow
   (20 px, sitzt im Menue) hing darunter als heller Streifen. Unter 768 px ausblenden; Desktop-Schatten unter der Menueleiste unveraendert. */
@media (max-width: 767px) { :is(.tg26:not(.tg-lp), .tg26.tg-kopf26) #header_shadow { display: none; } }

/* ===== Runde 20b (20.10.2026): Gold-Teaser der Startseite (home-gold-teaser.php, Konzepte A/B aus flexgold/42-startseite-gold-teaser.md) =====
   Huelle div.tg-sa__rp.tg-gold; Grund Startseiten-Papier wie der RP-Teaser; Grundregeln hier im Child, nichts aus rp_aktiv v1.
   Schriftbasis wie RP-Teaser: --tgg-b = max(16px, Browserschrift) (Wurzel 62,5 %, 1.6rem = Browserschrift).
   Gold nur als Akzent: Flaeche #B08D3C nur auf der weissen Grafikkarte (3,12:1), Goldtext #7A5C14 (5,77:1 auf Papier, 6,23:1 auf Weiss),
   Text auf Goldflaeche #17222e (5,15:1; das im Konzept genannte #1f2d3d erreicht dort nur 4,48:1). Knopf Logo-Blau. */
.tg26 .tg-gold { --tgg-b: max(16px, 1.6rem); --tgg-gold: #B08D3C; --tgg-gold-text: #7A5C14; --tgg-gold-hell: #cfc2a0; --tgg-auf-gold: #17222e; --tgg-grund: var(--sa-paper, #F7F6F2); }
.tg26 .tg-gold__sec { background: var(--tgg-grund); color: var(--tg-text); padding: 28px 0 36px; font-size: var(--tgg-b); line-height: 1.55; }
.tg26 .tg-gold *, .tg26 .tg-gold *::before, .tg26 .tg-gold *::after { box-sizing: border-box; }
.tg26 .tg-gold__kicker { display: block; border-top: 2px solid var(--tg-brand); padding-top: var(--lr-kopf, 28px); margin: 0 0 6px; color: var(--tgg-gold-text); font-weight: 700; font-size: var(--tgg-b); line-height: 1.65; text-transform: uppercase; letter-spacing: .07em; }
.tg26 .tg-gold__titel { margin: 0 0 8px; max-width: 30em; color: var(--tg-ink); font-family: "Spectral", Georgia, serif; font-weight: 500; font-size: clamp(calc(var(--tgg-b) * 1.625), 2.5vw, calc(var(--tgg-b) * 2)); line-height: 1.18; text-wrap: balance; }
.tg26 .tg-gold__raster { display: grid; grid-template-columns: minmax(0, 1fr); gap: 18px; margin-top: 14px; }
@media (min-width: 900px) {
  .tg26 .tg-gold__raster { grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: var(--lr-gap, 32px); align-items: start; }
  .tg26 .tg-gold__grafik { grid-column: 1 / 8; }
  .tg26 .tg-gold__text { grid-column: 8 / -1; }
}
.tg26 .tg-gold__grafik { margin: 0; background: #fff; border: 1px solid var(--sa-line, #D9D6CC); border-radius: var(--tg-radius, 6px); padding: 14px 16px 12px; }
.tg26 .tg-gold__grafik figcaption { margin: 8px 0 0; font-size: max(14px, calc(var(--tgg-b) * .9375)); line-height: 1.45; color: var(--tg-muted); }
.tg26 .tg-gold__satz { margin: 0; max-width: 34em; font-size: calc(var(--tgg-b) * 1.0625); line-height: 1.55; color: var(--tg-text); text-wrap: pretty; }
.tg26 .tg-gold__aktion { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 18px; margin: 16px 0 0; }
.tg26 .tg-gold__btn { display: inline-block; padding: 14px 26px; border: 2px solid var(--tg-logo); border-radius: 6px; background: var(--tg-logo); color: #fff; font-weight: 700; font-size: calc(var(--tgg-b) * 1.125); line-height: 1.3; text-align: center; text-decoration: none; white-space: normal; }
.tg26 .tg-gold__btn:hover, .tg26 .tg-gold__btn:focus { background: #0E2566; border-color: #0E2566; color: #fff; text-decoration: none; }
.tg26 .tg-gold__btn:focus-visible { outline: 3px solid var(--tg-link, #13318a); outline-offset: 3px; }
.tg26 .tg-gold__ausloeser { font-size: var(--tgg-b); line-height: 1.45; color: var(--tg-muted); }
@media (max-width: 599px) { .tg26 .tg-gold__btn { width: 100%; } }
/* A: Eigentum statt Versprechen */
.tg26 .tg-gold__zeile + .tg-gold__zeile { margin-top: 10px; padding-top: 10px; border-top: 1px solid var(--sa-line, #D9D6CC); }
.tg26 .tg-gold__name { display: flex; align-items: center; gap: 10px; margin: 0 0 6px; color: var(--tg-ink); font-weight: 700; font-size: var(--tgg-b); line-height: 1.4; }
.tg26 .tg-gold__name .fal { flex: none; width: 1.3em; font-size: 1.15em; text-align: center; color: var(--tg-brand); }
.tg26 .tg-gold__balken { display: flex; align-items: center; justify-content: space-between; gap: 10px; min-height: 44px; margin: 0; padding: 8px 12px; border-radius: 6px; font-size: var(--tgg-b); line-height: 1.35; }
.tg26 .tg-gold__balken--forderung { border: 2px dashed var(--tg-muted); background: #fff; color: var(--tg-text); }
.tg26 .tg-gold__balken--eigentum { border: 2px solid var(--tgg-gold); background: var(--tgg-gold); color: var(--tgg-auf-gold); font-weight: 700; }
.tg26 .tg-gold__etikett { flex: none; padding: 2px 8px; border-radius: 4px; background: #fff; color: var(--tgg-gold-text); font-weight: 700; font-size: max(14px, calc(var(--tgg-b) * .875)); line-height: 1.4; font-variant-numeric: tabular-nums; white-space: nowrap; }
/* B: Kaufkraft, waagrechte Balken ohne Achsen */
.tg26 .tg-gold__diagramm { display: grid; gap: 12px; }
@media (min-width: 900px) { .tg26 .tg-gold--b .tg-gold__titel { max-width: none; } } /* B: Titel mit zwei Zahlen breit einzeilig, wenn es passt */
.tg26 .tg-gold__reihe { display: grid; grid-template-columns: 5em minmax(0, 1fr); align-items: center; gap: 10px; }
@media (max-width: 599px) { .tg26 .tg-gold__reihe { grid-template-columns: 5em minmax(0, 1fr); } } /* Runde 23: vorher 4.5em, „Ende 2005“ (78 px) ragte 6 px in den Balken */
.tg26 .tg-gold__jahr { font-size: var(--tgg-b); color: var(--tg-text); white-space: nowrap; }
.tg26 .tg-gold__spur { position: relative; display: flex; align-items: center; gap: 8px; min-height: 30px; }
.tg26 .tg-gold__bar { flex: none; display: block; height: 30px; min-width: 8px; border-radius: 0 6px 6px 0; transform-origin: left center; }
.tg26 .tg-gold__reihe--1 .tg-gold__bar { background: var(--tg-line, #d9dcdf); }
.tg26 .tg-gold__reihe--2 .tg-gold__bar { background: var(--tgg-gold-hell); }
.tg26 .tg-gold__reihe--3 .tg-gold__bar { background: var(--tgg-gold); }
.tg26 .tg-gold__wert { flex: none; color: var(--tg-ink); font-weight: 700; font-size: calc(var(--tgg-b) * 1.0625); font-variant-numeric: tabular-nums lining-nums; white-space: nowrap; }
.tg26 .tg-gold__reihe--3 .tg-gold__wert { position: absolute; right: 10px; top: 50%; transform: translateY(-50%); color: var(--tgg-auf-gold); }
.tg26 .tg-gold__diagramm--warte .tg-gold__bar { transform: scaleX(0); }
.tg26 .tg-gold__diagramm--warte .tg-gold__wert { opacity: 0; }
.tg26 .tg-gold__diagramm--los .tg-gold__bar { transform: scaleX(1); transition: transform .6s ease-out; }
.tg26 .tg-gold__diagramm--los .tg-gold__wert { opacity: 1; transition: opacity .3s ease-out .45s; }
.tg26 .tg-gold__diagramm--los .tg-gold__reihe--2 .tg-gold__bar { transition-delay: .1s; }
.tg26 .tg-gold__diagramm--los .tg-gold__reihe--3 .tg-gold__bar { transition-delay: .2s; }
@media (prefers-reduced-motion: reduce) { .tg26 .tg-gold__diagramm--warte .tg-gold__bar, .tg26 .tg-gold__diagramm--warte .tg-gold__wert { transform: none; opacity: 1; } }
.tg26 .tg-gold :is(.tg-gold__balken, .tg-gold__name, .tg-gold__titel, .tg-gold__btn, .tg-gold__wert) { -webkit-hyphens: manual; hyphens: manual; } /* keine Trennung in Grafik, Titel, Knopf („Bar-ren“) */
/* Runde 20c (20.10.2026, Jury-Restkritik nach Wahl B durch Alex): Balken 2005 hellgold statt grau (Goldabstufung hell, mittel, voll);
   alle Werte aussen rechts neben dem Balken (Balkenlaenge = Anteil der Spur abzueglich Platz fuer den Wert); Grafikkarte und Textspalte enden am
   Desktop auf einer Hoehe (Bildunterschrift bzw. Knopfzeile unten); „Vergangene Entwicklung, keine Prognose.“ in Textfarbe und halbfett; Knopf mobil kompakter. */
.tg26 .tg-gold { --tgg-gold-blass: #e6dcc0; }
.tg26 .tg-gold__reihe--1 .tg-gold__bar { background: var(--tgg-gold-blass); }
.tg26 .tg-gold__bar { width: calc((100% - 5em - 8px) * var(--p, 100) / 100); }
.tg26 .tg-gold__reihe--3 .tg-gold__wert { position: static; transform: none; color: var(--tg-ink); }
.tg26 .tg-gold__diagramm--warte .tg-gold__reihe--3 .tg-gold__wert { transform: none; }
.tg26 .tg-gold__hinweis { color: var(--tg-text); font-weight: 600; }
.tg26 .tg-gold__grafik figcaption { -webkit-hyphens: manual; hyphens: manual; } /* mobil kein „Entwick-lung“ */
@media (min-width: 900px) {
  .tg26 .tg-gold__raster { align-items: stretch; }
  .tg26 .tg-gold__grafik { display: flex; flex-direction: column; }
  .tg26 .tg-gold__grafik figcaption { margin-top: auto; padding-top: 8px; }
  .tg26 .tg-gold__text { display: flex; flex-direction: column; }
  .tg26 .tg-gold__aktion { margin-top: auto; padding-top: 16px; }
}
@media (max-width: 599px) { .tg26 .tg-gold__btn { padding: 14px 12px; font-size: calc(var(--tgg-b) * 1.0625); } }
.tg26 .tg-gold__kopf { margin: 0 0 10px; color: var(--tg-ink); font-weight: 700; font-size: var(--tgg-b); line-height: 1.4; } /* B2: Grafikzeile „Eine Unze Gold in Euro“ */
.tg26 .tg-gold__satz strong { color: var(--tg-ink); font-weight: 700; }
.tg26 .tg-gold__satz strong, .tg26 .tg-gold__ausloeser { -webkit-hyphens: manual; hyphens: manual; } /* kein „num-merierten“ im fetten Vorteil, kein „Kauf-kraftrechner“ */
@media (min-width: 900px) { .tg26 .tg-gold__diagramm { flex: 1 1 auto; align-content: center; } } /* Balken mittig im Raum zwischen Grafikzeile und Bildunterschrift, wenn die Textspalte hoeher ist */
/* ===== Ende Gold-Teaser ===== */

/* ===== Runde 21 (20.10.2026): Footer Variante A „Footerblau geschärft“, freigegeben Alex (theme-redesign/38-footer-farbe.md, Vorlage agent-work-footer-farbe/var-a.css) =====
   Gilt fuer alle Seiten mit dem neuen Kopf/Footer (WP-Seiten und Landingpages mit tg-kopf26). Grund #34495E bleibt (auch Inline-Stil der Rechtsleiste in footer.html).
   Kontraste auf #34495E: Ueberschrift #FFFFFF 9,29:1, Link #E7EBEF 7,75:1, Pfeil #C9D5F2 6,32:1, Hover/Fokus #FFFFFF + Unterstreichung 9,29:1
   (vorher Hover #136597 aus blue.css, 1,48:1), Trenner #8F9BA6 3,28:1, Linie #596A7B dekorativ. */
:is(.tg26:not(.tg-lp), .tg26.tg-kopf26) .enigma_footer_widget_area { margin-top: 0 !important; background: #34495E !important; } /* vorher 50 px weisser Streifen ueber dem Footer */
:is(.tg26:not(.tg-lp), .tg26.tg-kopf26) .enigma_footer_widget_area .footer_header { color: #FFFFFF !important; }
:is(.tg26:not(.tg-lp), .tg26.tg-kopf26) :is(.enigma_footer_widget_column ul li a, .enigma_footer_widget_area .menu li a) { color: #E7EBEF !important; }
:is(.tg26:not(.tg-lp), .tg26.tg-kopf26) .enigma_footer_widget_column ul li a::before { color: #C9D5F2 !important; }
:is(.tg26:not(.tg-lp), .tg26.tg-kopf26) :is(.enigma_footer_widget_column ul li a, .enigma_footer_widget_area .menu li a):is(:hover, :focus-visible) { color: #FFFFFF !important; text-decoration: underline !important; text-underline-offset: 3px; }
:is(.tg26:not(.tg-lp), .tg26.tg-kopf26) .enigma_footer_widget_column ul li a:is(:hover, :focus-visible)::before { color: #FFFFFF !important; }
:is(.tg26:not(.tg-lp), .tg26.tg-kopf26) .enigma_footer_widget_area a:focus-visible, :is(.tg26:not(.tg-lp), .tg26.tg-kopf26) .enigma_footer_area a:focus-visible { outline: 2px solid #FFFFFF; outline-offset: 2px; }
:is(.tg26:not(.tg-lp), .tg26.tg-kopf26) .enigma_footer_widget_area .kundenbewertung_widget { background: transparent !important; padding: 0 !important; box-shadow: none !important; } /* ohne Lavendel-Huelle #F4F2FA */
:is(.tg26:not(.tg-lp), .tg26.tg-kopf26) .enigma_footer_area { box-shadow: none !important; -webkit-box-shadow: none !important; border-top: 1px solid #596A7B !important; background: #34495E !important; } /* statt Schatten #0B2B55 (.plastic-border) */
:is(.tg26:not(.tg-lp), .tg26.tg-kopf26) .enigma_footer_area a { color: #E7EBEF !important; }
:is(.tg26:not(.tg-lp), .tg26.tg-kopf26) .enigma_footer_area a:is(:hover, :focus-visible) { color: #FFFFFF !important; text-decoration: underline !important; text-underline-offset: 3px; }
:is(.tg26:not(.tg-lp), .tg26.tg-kopf26) .leagl_footer ul li::after { color: #8F9BA6 !important; }
:is(.tg26:not(.tg-lp), .tg26.tg-kopf26) .enigma_scrollup { background: #415B75 !important; box-shadow: 0 0 0 1px #8F9BA6; }
:is(.tg26:not(.tg-lp), .tg26.tg-kopf26) .enigma_scrollup, :is(.tg26:not(.tg-lp), .tg26.tg-kopf26) .enigma_scrollup i { color: #FFFFFF !important; }
/* Weisser Streifen unter dem Footer: body { padding-bottom: 72px / mobil 64px } setzt das Rueckruf-Widget (Layout „tab“, html.jcb-layout-tab body:not(.tg-lp)),
   damit der Reiter die letzte Zeile nicht verdeckt. Platz bleibt, liegt jetzt aber in der Rechtsleiste in Footerfarbe. Landingpages (tg-lp) hatten keinen Streifen. */
html.jcb-layout-tab body.tg26:not(.tg-lp) { padding-bottom: 0 !important; }
@media (min-width: 768px) { html.jcb-layout-tab body.tg26:not(.tg-lp) .enigma_footer_area { padding-bottom: 72px !important; } }
@media (max-width: 767px) { html.jcb-layout-tab body.tg26:not(.tg-lp) .enigma_footer_area { padding-bottom: 65px !important; } } /* Runde 22: 5 px Bestand + 60 px fuer den runden Rueckrufknopf (48 px + 12 px Abstand); vorher 69 px fuer den Reiter mit Text */
/* Ohne Huelle steht die weisse trustlocal-Karte (Fremd-Markup, margin-left 5 px) 5 px rechts der Ueberschriftenkante; Alex 19.10.: „startet an blauer kante“ */
:is(.tg26:not(.tg-lp), .tg26.tg-kopf26) .enigma_footer_widget_area .kundenbewertung_widget { margin-left: -5px !important; }
/* Rechtsleiste (Alex: „… braucht etwas padding im footer zur linie darüber. außerdem vermutlich startet AGB nicht messbar an der linken lesekante.“):
   Abstand Linie zu „AGB“ wie Footerkante zur ersten Spaltenueberschrift (Desktop 52 px, mobil 18 px; vorher 11 bzw. 10 px).
   Mobil stand „AGB“ 5 px rechts der Spaltenkante (die Spalten-Ueberschriften sind mobil um 5 px verschoben, Zeile „mobil 5 px Versatz“); gleiche Verschiebung. */
:is(.tg26:not(.tg-lp), .tg26.tg-kopf26) .enigma_footer_area { padding-top: 51px !important; }
@media (max-width: 767px) {
  :is(.tg26:not(.tg-lp), .tg26.tg-kopf26) .enigma_footer_area { padding-top: 12px !important; }
  :is(.tg26:not(.tg-lp), .tg26.tg-kopf26) .enigma_footer_area .leagl_footer ul { position: relative; left: -5px; }
}
/* ===== Ende Footer Variante A ===== */

/* ===== Runde 21 (20.10.2026, Alex: „… der platz nach rechts für tagline und sub tagline, damit diese nicht umbricht.“) =====
   Ab 992 px nimmt die Logo-/Tagline-Spalte die Breite bis kurz vor die Rufnummer (absolut rechts, rund 184 px bei 20 px fester Schrift + Abstand),
   statt der halben Zeile (col-md-6). Text, Logo und Rufnummer unveraendert; unter 992 px wie bisher. */
@media (min-width: 992px) {
  :is(.tg26:not(.tg-lp), .tg26.tg-kopf26) .header_section .row > .wl_rtl { width: calc(100% - 232px); }
  :is(.tg26:not(.tg-lp), .tg26.tg-kopf26) .header_section .row > .wl_rtl + [class*="col-"] { width: 232px; } /* sonst rutscht die rechte Spalte unter die Tagline und der Kopf wird hoeher */
}

/* ===== Runde 23 (20.10.2026, Alex: „der logo button im menü bei mobile muss raus! Textüberlauf … z.B. bei 320 px; 425 px clean“) =====
   1) Mobil (unter 768 px) kein runder Telefonknopf im Kopf zwischen Logo und „Menü“; Desktop-Rufnummer unveraendert; der schwebende Rueckrufknopf bleibt.
   2) Dieter Kern bis 400 px: Die Regel „bis 400 px Bild 88 px links, Text rechts“ (gilt fuer beide Personen) ueberschrieb die Einspalten-Regel fuer Dieter Kern
      (unter 600 px Bild 160 px ueber dem Text). Ergebnis: Bild 160 px in einer 88-px-Spalte, lag ueber Name und Rolle. Jetzt bleibt Dieter Kern einspaltig.
      Kuerzel (ebs, CFP, CEP, EFA) brechen nicht mehr innerhalb des Kuerzels um („CE / P“). */
@media (max-width: 767px) {
  :is(.tg26:not(.tg-lp), .tg26.tg-kopf26) .tg-head-tel { display: none !important; }
  :is(.tg26:not(.tg-lp), .tg26.tg-kopf26) .header_section .logo > a { padding-right: 124px; } /* Platz nur noch fuer „Menü“ (105 px + Abstand); vorher 168 px fuer Telefon und Menue, das Logo wurde bei 320 px auf rund 120 px gestaucht */
}
@media (max-width: 400px) {
  .tg26 .tg-sa__person--dk { grid-template-columns: minmax(0, 1fr); }
}
.tg26 .tg-sa__quali b { white-space: nowrap; }