/* ========================================================================== Unterseiten 2026 (13.10.2026): moderner Look fuer alle ~500 uebernommenen Altseiten (Body-Klasse h26-solid = Seiten ohne _thg_modern). Das Markup bleibt das Original (Cornerstone x-*, Essential Grid esg-*), nur das Aussehen kommt von hier. Zuruecknehmen: Datei leeren bzw. aus functions.php nehmen. ========================================================================== */ #thg.h26-solid { --a-frame: var(--s-frame, 1440px); --a-soft: #f7f8fa; } body#thg.h26-solid { background: #fff; color: var(--thg-text); font-family: var(--thg-font-body); } /* --- Breite: Inhalte an den 1440er-Rahmen ------------------------------- */ #thg.h26-solid #cs-content .x-container.max.width { max-width: var(--a-frame) !important; width: calc(100% - 48px) !important; } /* --- Typografie ---------------------------------------------------------- */ #thg.h26-solid #cs-content, #thg.h26-solid #cs-content .x-text, #thg.h26-solid #cs-content p, #thg.h26-solid #cs-content li, #thg.h26-solid #cs-content td, #thg.h26-solid #cs-content th { font-family: var(--thg-font-body) !important; } #thg.h26-solid #cs-content .x-text, #thg.h26-solid #cs-content .x-text p, #thg.h26-solid #cs-content .x-text li { font-size: 16px !important; line-height: 1.7 !important; color: #374151 !important; } #thg.h26-solid #cs-content .x-text span[style*="color"]:not([style*="background"]) { color: inherit !important; } /* Farbige Markierungen (z. B. Jahreszahlen Historie): helle Schrift auf Blau, als Pill */ #thg.h26-solid #cs-content .x-text span[style*="background"] { color: #fff !important; background: var(--thg-orange) !important; border-radius: 6px; padding: 2px 10px; font-weight: 700; } #thg.h26-solid #cs-content .x-text strong, #thg.h26-solid #cs-content .x-text b { color: var(--thg-ink); font-weight: 600; } #thg.h26-solid #cs-content .x-text a { color: var(--thg-orange) !important; text-decoration: underline; text-underline-offset: 3px; } #thg.h26-solid #cs-content h1, #thg.h26-solid #cs-content h2, #thg.h26-solid #cs-content h3, #thg.h26-solid #cs-content h4, #thg.h26-solid #cs-content .h-custom-headline { font-family: var(--thg-font-head) !important; font-weight: 800 !important; letter-spacing: -0.02em !important; color: var(--thg-ink) !important; line-height: 1.15 !important; text-transform: none !important; } #thg.h26-solid #cs-content h1 span, #thg.h26-solid #cs-content h2 span, #thg.h26-solid #cs-content h3 span, #thg.h26-solid #cs-content h4 span, #thg.h26-solid #cs-content .h-custom-headline span { color: inherit !important; font: inherit !important; } #thg.h26-solid #cs-content h1 { font-size: clamp(30px, 3vw, 42px) !important; margin-bottom: 14px !important; } #thg.h26-solid #cs-content h2 { font-size: clamp(24px, 2.2vw, 32px) !important; } #thg.h26-solid #cs-content h3:not(.h4):not(.h5) { font-size: 22px !important; } #thg.h26-solid #cs-content h4, #thg.h26-solid #cs-content .h-custom-headline.h4 { font-size: 19px !important; } #thg.h26-solid #cs-content .h-custom-headline.h5 { font-size: 17px !important; } #thg.h26-solid #cs-content hr.x-line { border-color: transparent !important; margin: 6px 0 !important; } /* --- Bildbanner der ersten Sektion: abgerundete Karte im Rahmen ---------- */ #thg.h26-solid #cs-content > .e-con:first-child:has(.x-bg-layer-lower-image) { width: calc(100% - 32px) !important; max-width: var(--a-frame); margin: 6px auto 0 !important; border-radius: 22px; overflow: hidden; min-height: 240px; position: relative; } #thg.h26-solid #cs-content > .e-con:first-child:has(.x-bg-layer-lower-image)::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(11, 18, 32, 0) 40%, rgba(11, 18, 32, .18) 100%); pointer-events: none; } /* --- Hauptbereich mit Seitenleiste --------------------------------------- */ #thg.h26-solid #cs-content > .e-con:nth-child(2) { padding-top: 48px !important; } #thg.h26-solid #cs-content .x-row-inner:has(> .x-col > .x-menu-first-level) { align-items: flex-start; } #thg.h26-solid #cs-content .x-row-inner:has(> .x-col > .x-menu-first-level) > .x-col:not(:has(> .x-menu-first-level)) { padding-left: 40px !important; box-sizing: border-box; } /* Seitenleiste als Karte, beim Scrollen mitlaufend */ #thg.h26-solid #cs-content .x-col:has(> .x-menu-first-level) { background: var(--a-soft); border: 1px solid var(--thg-line); border-radius: 18px; padding: 22px 16px 18px !important; box-sizing: border-box; position: sticky; top: 118px; align-self: flex-start; max-height: calc(100vh - 140px); overflow: auto; } #thg.h26-solid #cs-content .x-col:has(> .x-menu-first-level) > .h-custom-headline { font: 700 12px/1 var(--thg-font-body) !important; letter-spacing: .12em !important; text-transform: uppercase !important; color: var(--thg-muted) !important; margin: 0 10px 12px !important; } #thg.h26-solid #cs-content .x-col:has(> .x-menu-first-level) > hr { display: none; } #thg.h26-solid #cs-content .x-menu-first-level { display: flex !important; flex-direction: column; gap: 2px; } #thg.h26-solid #cs-content .x-menu-first-level .x-icon-arrow-circle-right { display: none !important; } #thg.h26-solid #cs-content .x-menu-first-level .x-anchor { border-radius: 10px !important; background: transparent !important; transition: background .2s, color .2s; } #thg.h26-solid #cs-content .x-menu-first-level .x-anchor-content { padding: 9px 12px !important; } #thg.h26-solid #cs-content .x-menu-first-level .x-anchor-text-primary { font: 500 14.5px/1.35 var(--thg-font-body) !important; color: var(--thg-ink) !important; padding-left: 0 !important; } #thg.h26-solid #cs-content .x-menu-first-level .x-anchor:hover { background: #fff !important; box-shadow: 0 1px 0 var(--thg-line); } #thg.h26-solid #cs-content .x-menu-first-level .x-anchor:hover .x-anchor-text-primary { color: var(--thg-orange) !important; } #thg.h26-solid #cs-content .x-menu-first-level .current-menu-item > .x-anchor, #thg.h26-solid #cs-content .x-menu-first-level .x-always-active { background: rgba(30, 64, 175, .08) !important; } #thg.h26-solid #cs-content .x-menu-first-level .current-menu-item > .x-anchor .x-anchor-text-primary, #thg.h26-solid #cs-content .x-menu-first-level .x-always-active .x-anchor-text-primary { color: var(--thg-orange) !important; font-weight: 700 !important; } #thg.h26-solid #cs-content .x-menu-first-level .x-anchor-sub-indicator { color: var(--thg-muted) !important; font-size: 11px !important; } #thg.h26-solid #cs-content .x-menu-first-level .sub-menu { margin: 2px 0 6px 12px !important; padding-left: 10px !important; border-left: 2px solid var(--thg-line); } #thg.h26-solid #cs-content .x-menu-first-level .sub-menu .x-anchor-content { padding: 6px 10px !important; } #thg.h26-solid #cs-content .x-menu-first-level .sub-menu .x-anchor-text-primary { font-size: 13.5px !important; color: #4b5563 !important; font-weight: 500 !important; } /* --- Produktkarten (Essential Grid) -------------------------------------- */ #thg.h26-solid #cs-content .esg-grid .mainul > li { background: #fff !important; border: 1px solid var(--thg-line) !important; border-radius: 16px !important; overflow: hidden !important; box-shadow: none !important; transition: transform .25s, box-shadow .25s, border-color .25s; } #thg.h26-solid #cs-content .esg-grid .mainul > li:hover { transform: translateY(-4px); box-shadow: 0 18px 40px rgba(11, 18, 32, .10) !important; border-color: #c9d3f0 !important; } #thg.h26-solid #cs-content .esg-grid .mainul > li *:not(img) { font-family: var(--thg-font-body) !important; } #thg.h26-solid #cs-content .esg-grid .esg-media-cover-wrapper, #thg.h26-solid #cs-content .esg-grid .esg-entry-media { background: #fff !important; } #thg.h26-solid #cs-content .esg-grid .esg-entry-media img { transition: transform .4s; } #thg.h26-solid #cs-content .esg-grid .mainul > li:hover .esg-entry-media img { transform: scale(1.04); } #thg.h26-solid #cs-content .esg-grid .esg-entry-content { background: #fff !important; padding: 14px 16px 18px !important; text-align: left !important; } #thg.h26-solid #cs-content .esg-grid .esg-content { text-align: left !important; float: none !important; } #thg.h26-solid #cs-content .esg-grid .esg-entry-content a, #thg.h26-solid #cs-content .esg-grid .esg-entry-content div { text-transform: none !important; letter-spacing: 0 !important; } #thg.h26-solid #cs-content .esg-grid [class*="-element-1"], #thg.h26-solid #cs-content .esg-grid [class*="element-0"] { color: var(--thg-orange) !important; font-weight: 700 !important; font-size: 13px !important; } #thg.h26-solid #cs-content .esg-grid [class*="-element-3"], #thg.h26-solid #cs-content .esg-grid [class*="element-29"] { color: var(--thg-ink) !important; font-weight: 600 !important; font-size: 15px !important; line-height: 1.35 !important; } #thg.h26-solid #cs-content .esg-grid a[class*="element-9"], #thg.h26-solid #cs-content .esg-grid a[class*="element-12"] { display: inline-flex !important; align-items: center; gap: 6px; margin-top: 10px !important; padding: 9px 16px !important; border-radius: 999px !important; background: rgba(30, 64, 175, .08) !important; color: var(--thg-orange) !important; font-size: 13px !important; font-weight: 700 !important; border: 0 !important; } #thg.h26-solid #cs-content .esg-grid a[class*="element-9"]::after, #thg.h26-solid #cs-content .esg-grid a[class*="element-12"]::after { content: "→"; } #thg.h26-solid #cs-content .esg-grid .mainul > li:hover a[class*="element-9"], #thg.h26-solid #cs-content .esg-grid .mainul > li:hover a[class*="element-12"] { background: var(--thg-orange) !important; color: #fff !important; } #thg.h26-solid #cs-content .esg-navigationbutton { border-radius: 999px !important; background: #fff !important; border: 1px solid var(--thg-line) !important; color: var(--thg-ink) !important; } /* --- Tabellen (Abmessungen, Bestellbeispiele) ----------------------------- */ #thg.h26-solid #cs-content table { width: 100%; border-collapse: separate !important; border-spacing: 0 !important; border: 1px solid var(--thg-line) !important; border-radius: 14px; overflow: hidden; margin: 10px 0 24px !important; font-size: 14.5px !important; background: #fff; } #thg.h26-solid #cs-content table th, #thg.h26-solid #cs-content table tr:first-child td { background: var(--a-soft) !important; color: var(--thg-ink) !important; font-weight: 700 !important; } #thg.h26-solid #cs-content table td, #thg.h26-solid #cs-content table th { padding: 11px 14px !important; border: 0 !important; border-bottom: 1px solid var(--thg-line) !important; text-align: left; color: #374151; } #thg.h26-solid #cs-content table tr:last-child td { border-bottom: 0 !important; } #thg.h26-solid #cs-content table tr:nth-child(even) td { background: #fbfcfe; } #thg.h26-solid #cs-content table tr:hover td { background: rgba(30, 64, 175, .04); } /* --- Buttons ------------------------------------------------------------- */ #thg.h26-solid #cs-content .x-btn, #thg.h26-solid #cs-content a.x-anchor-button { border-radius: 999px !important; background: var(--thg-orange) !important; color: #fff !important; border: 0 !important; box-shadow: 0 8px 20px rgba(30, 64, 175, .22) !important; font-family: var(--thg-font-body) !important; font-weight: 700 !important; text-transform: none !important; letter-spacing: .01em !important; transition: background .2s, transform .2s !important; text-shadow: none !important; } #thg.h26-solid #cs-content .x-btn { padding: 12px 24px !important; font-size: 14.5px !important; } #thg.h26-solid #cs-content a.x-anchor-button .x-anchor-content { padding: 12px 24px !important; } #thg.h26-solid #cs-content a.x-anchor-button .x-anchor-text-primary { color: #fff !important; font: 700 14.5px/1.2 var(--thg-font-body) !important; } #thg.h26-solid #cs-content .x-btn:hover, #thg.h26-solid #cs-content a.x-anchor-button:hover { background: var(--thg-orange-dark) !important; transform: translateY(-2px); } /* --- Bilder im Inhalt: leicht gerundet ---------------------------------- */ #thg.h26-solid #cs-content .x-col .x-image img:not([src*="eduard"]):not([src*=".svg"]) { border-radius: 14px; } /* --- Kontaktblock „Haben Sie noch Fragen?“: links Person, rechts Formular ---- */ #thg.h26-solid #cs-content .x-row-inner:has(> .x-col:last-child > .elementor .elementor-form) { display: grid !important; grid-template-columns: minmax(240px, 340px) 1fr; column-gap: 40px; align-items: start; background: var(--a-soft); border: 1px solid var(--thg-line); border-radius: 22px; padding: 36px !important; margin: 40px 0 16px !important; box-sizing: border-box; } #thg.h26-solid #cs-content .x-row-inner:has(> .x-col:last-child > .elementor .elementor-form) > .x-col { width: auto !important; max-width: none !important; flex: none !important; margin: 0 !important; padding: 0 !important; } #thg.h26-solid #cs-content .x-row-inner:has(> .x-col:last-child > .elementor .elementor-form) .h-custom-headline { text-align: left !important; } #thg.h26-solid #cs-content .x-row-inner:has(> .x-col:last-child > .elementor .elementor-form) h2.h-custom-headline { font-size: 28px !important; } #thg.h26-solid #cs-content .x-row-inner:has(> .x-col:last-child > .elementor .elementor-form) h3.h-custom-headline { font: 400 16px/1.5 var(--thg-font-body) !important; color: var(--thg-muted) !important; letter-spacing: 0 !important; margin-top: 6px !important; } #thg.h26-solid #cs-content .x-row-inner:has(> .x-col:last-child > .elementor .elementor-form) .x-row-inner { display: block !important; background: none; border: 0; padding: 0 !important; margin: 0 !important; } #thg.h26-solid #cs-content .x-row-inner:has(> .x-col:last-child > .elementor .elementor-form) .x-row-inner > .x-col { width: auto !important; } #thg.h26-solid #cs-content img[src*="eduard-gerliz"] { width: 132px !important; height: 132px !important; max-width: none !important; object-fit: cover; border-radius: 50% !important; box-shadow: 0 0 0 5px #fff, 0 0 0 6px rgba(30, 64, 175, .3), 0 14px 30px rgba(17, 24, 39, .12); margin: 22px 0 18px !important; } #thg.h26-solid #cs-content .x-row-inner:has(> .x-col:last-child > .elementor .elementor-form) h4.h-custom-headline, #thg.h26-solid #cs-content .x-row-inner:has(> .x-col:last-child > .elementor .elementor-form) h4.h-custom-headline a { font: 700 15px/1.3 var(--thg-font-body) !important; color: var(--thg-orange) !important; } #thg.h26-solid #cs-content .x-row-inner:has(> .x-col:last-child > .elementor .elementor-form) > .x-col:first-child::after { content: "Eduard Gerliz · Ihr Ansprechpartner"; display: block; margin-top: 10px; font: 600 13px/1.4 var(--thg-font-body); color: var(--thg-muted); } #thg.h26-solid.thg-en #cs-content .x-row-inner:has(> .x-col:last-child > .elementor .elementor-form) > .x-col:first-child::after, #thg.h26-solid:lang(en) #cs-content .x-row-inner:has(> .x-col:last-child > .elementor .elementor-form) > .x-col:first-child::after { content: "Eduard Gerliz · Your contact person"; } #thg.h26-solid #cs-content .x-row-inner:has(> .x-col:last-child > .elementor .elementor-form) .elementor-form { background: #fff; border: 1px solid var(--thg-line); border-radius: 16px; padding: 26px 24px 10px; } /* --- Mobil --------------------------------------------------------------- */ @media (max-width: 1024px) { #thg.h26-solid #cs-content .x-col:has(> .x-menu-first-level) { position: static; max-height: none; } #thg.h26-solid #cs-content .x-row-inner:has(> .x-col > .x-menu-first-level) > .x-col:not(:has(> .x-menu-first-level)) { padding-left: 0 !important; } #thg.h26-solid #cs-content > .e-con:first-child:has(.x-bg-layer-lower-image) { min-height: 160px; border-radius: 16px; width: calc(100% - 20px) !important; } #thg.h26-solid #cs-content .x-container.max.width { width: calc(100% - 32px) !important; } #thg.h26-solid #cs-content .x-row-inner:has(> .x-col:last-child > .elementor .elementor-form) { grid-template-columns: 1fr; row-gap: 24px; } } @media (max-width: 640px) { #thg.h26-solid #cs-content .x-row-inner:has(> .x-col:last-child > .elementor .elementor-form) { grid-template-columns: 1fr; padding: 22px 16px !important; row-gap: 20px; } #thg.h26-solid #cs-content table { font-size: 13px !important; display: block; overflow-x: auto; } } /* --- Farbige Altbalken (markiert von js/alt-2026.js) ---------------------- */ #thg.h26-solid #cs-content .a-band-clear { background: transparent !important; } #thg.h26-solid #cs-content .a-band-light { background: var(--a-soft) !important; } #thg.h26-solid #cs-content .a-band-dark { background: linear-gradient(120deg, #0b1a4a 0%, #1e40af 100%) !important; width: calc(100% - 32px) !important; max-width: var(--a-frame); margin: 40px auto !important; border-radius: 22px; padding: 56px 32px !important; box-sizing: border-box; } #thg.h26-solid #cs-content .a-band-dark h1, #thg.h26-solid #cs-content .a-band-dark h2, #thg.h26-solid #cs-content .a-band-dark h3, #thg.h26-solid #cs-content .a-band-dark h4, #thg.h26-solid #cs-content .a-band-dark .h-custom-headline, #thg.h26-solid #cs-content .a-band-dark .x-text, #thg.h26-solid #cs-content .a-band-dark .x-text p { color: #fff !important; } #thg.h26-solid #cs-content .a-band-dark .x-btn, #thg.h26-solid #cs-content .a-band-dark a.x-anchor-button { background: #fff !important; color: var(--thg-orange) !important; box-shadow: 0 10px 24px rgba(0, 0, 0, .2) !important; } #thg.h26-solid #cs-content .a-band-dark a.x-anchor-button .x-anchor-text-primary { color: var(--thg-orange) !important; } /* Unternehmen-Seiten: Firmengebaeude als Banner, Ausschnitt mit Schriftzug */ #thg.h26-solid #cs-content .x-bg-layer-lower-image[style*="firmengebaeude"] { background-position: center 30% !important; background-size: cover !important; } #thg.h26-solid #cs-content > .e-con:first-child:has(.x-bg-layer-lower-image[style*="firmengebaeude"]) { min-height: 340px; } /* Historie: Jahreszahlen (strong mit blauem Seiten-Hintergrund) als blaue Pill mit weisser Schrift */ #thg.h26-solid #cs-content .x-text-headline strong { color: #fff !important; background: var(--thg-orange) !important; border-radius: 6px; padding: 3px 10px; margin-right: 10px; font-weight: 700; display: inline-block; min-width: 54px; text-align: center; } /* --- Seitenleiste: Aufklapp-Menue (js/alt-2026.js) ----------------------- */ #thg.h26-solid #cs-content .x-menu-first-level li.menu-item-has-children { position: relative !important; } #thg.h26-solid #cs-content .x-menu-first-level li.menu-item-has-children > .x-anchor .x-anchor-content { padding-right: 44px !important; } #thg.h26-solid #cs-content .x-menu-first-level .x-anchor-sub-indicator { display: none !important; } #thg.h26-solid #cs-content .x-menu-first-level .a-acc { position: absolute; top: 5px; right: 4px; width: 32px; height: 32px; border: 0; border-radius: 8px; background: transparent; color: var(--thg-muted); display: grid; place-items: center; cursor: pointer; padding: 0; z-index: 2; transition: background .2s, color .2s; } #thg.h26-solid #cs-content .x-menu-first-level .a-acc:hover { background: #fff; color: var(--thg-orange); } #thg.h26-solid #cs-content .x-menu-first-level .a-acc svg { transition: transform .2s; } #thg.h26-solid #cs-content .x-menu-first-level li.a-open > .a-acc svg { transform: rotate(180deg); } #thg.h26-solid #cs-content .x-menu-first-level .sub-menu, #thg.h26-solid #cs-content .x-menu-first-level .x-dropdown { position: static !important; display: none !important; opacity: 1 !important; visibility: visible !important; transform: none !important; box-shadow: none !important; background: transparent !important; min-width: 0 !important; width: auto !important; max-height: none !important; left: auto !important; top: auto !important; pointer-events: auto !important; border-radius: 0 !important; } #thg.h26-solid #cs-content .x-menu-first-level li.a-open > .sub-menu { display: block !important; } /* --- Knoepfe der Produktgruppen-Uebersichten hell wie „Zum Produkt“ (14.10.2026) ----- */ #thg.h26-solid #cs-content a.x-anchor-button:not([href^="tel:"]) { background: rgba(30, 64, 175, .08) !important; box-shadow: none !important; } #thg.h26-solid #cs-content a.x-anchor-button:not([href^="tel:"]) .x-anchor-content { display: flex !important; align-items: center !important; gap: 8px; padding: 10px 18px !important; } #thg.h26-solid #cs-content a.x-anchor-button:not([href^="tel:"]) .x-anchor-text-primary { color: var(--thg-orange) !important; font-size: 14px !important; line-height: 1.2 !important; } #thg.h26-solid #cs-content a.x-anchor-button:not([href^="tel:"]) .x-anchor-content::after { content: "→"; color: var(--thg-orange); font: 700 14px/1 var(--thg-font-body); transition: transform .2s; } #thg.h26-solid #cs-content a.x-anchor-button:not([href^="tel:"]):hover { background: var(--thg-orange) !important; transform: translateY(-2px); } #thg.h26-solid #cs-content a.x-anchor-button:not([href^="tel:"]):hover .x-anchor-text-primary, #thg.h26-solid #cs-content a.x-anchor-button:not([href^="tel:"]):hover .x-anchor-content::after { color: #fff !important; } /* „Zum Produkt“: Text und Pfeil auf einer Linie */ #thg.h26-solid #cs-content .esg-grid a[class*="element-9"], #thg.h26-solid #cs-content .esg-grid a[class*="element-12"] { line-height: 1 !important; align-items: center !important; } #thg.h26-solid #cs-content .esg-grid a[class*="element-9"]::after, #thg.h26-solid #cs-content .esg-grid a[class*="element-12"]::after { line-height: 1; position: relative; top: 0; } /* --- Kontaktblock: linke Spalte mittig (Ueberschrift, Eduard, Anruf-Knopf) ------------- */ #thg.h26-solid #cs-content .x-row-inner:has(> .x-col:last-child > .elementor .elementor-form) > .x-col:first-child { text-align: center !important; display: flex !important; flex-direction: column; align-items: center; } #thg.h26-solid #cs-content .x-row-inner:has(> .x-col:last-child > .elementor .elementor-form) > .x-col:first-child .h-custom-headline { text-align: center !important; } #thg.h26-solid #cs-content .x-row-inner:has(> .x-col:last-child > .elementor .elementor-form) > .x-col:first-child .x-row, #thg.h26-solid #cs-content .x-row-inner:has(> .x-col:last-child > .elementor .elementor-form) > .x-col:first-child .x-row-inner, #thg.h26-solid #cs-content .x-row-inner:has(> .x-col:last-child > .elementor .elementor-form) > .x-col:first-child .x-col { width: 100% !important; text-align: center !important; display: flex !important; flex-direction: column; align-items: center; } #thg.h26-solid #cs-content .x-row-inner:has(> .x-col:last-child > .elementor .elementor-form) > .x-col:first-child img[src*="eduard"] { margin-left: auto !important; margin-right: auto !important; } #thg.h26-solid #cs-content .esg-grid a[class*="element-9"] p, #thg.h26-solid #cs-content .esg-grid a[class*="element-12"] p { margin: 0 !important; padding: 0 !important; line-height: 1.2 !important; } /* Text steckt in

mit margin-bottom */ /* Seitenleiste in voller Laenge, kein Scrollen im Kasten (14.10.2026); Eintraege volle Breite, Pfeile rechts */ #thg.h26-solid #cs-content .x-col:has(> .x-menu-first-level) { position: static !important; max-height: none !important; overflow: visible !important; } #thg.h26-solid #cs-content .x-menu-first-level > li, #thg.h26-solid #cs-content .x-menu-first-level .sub-menu > li { width: 100% !important; display: block !important; } #thg.h26-solid #cs-content .x-menu-first-level .x-anchor { display: block !important; width: 100% !important; } #thg.h26-solid #cs-content .x-menu-first-level .x-anchor-content { justify-content: flex-start !important; text-align: left !important; } #thg.h26-solid #cs-content .x-menu-first-level .x-anchor-text { text-align: left !important; } /* Knopf im dunklen Band (z. B. Zertifikat auf Service) war blau auf blau (14.10.2026) */ #thg.h26-solid #cs-content .a-band-dark a.x-anchor-button:not([href^="tel:"]) { display: inline-flex !important; align-items: center; margin-top: 18px !important; padding: 13px 26px !important; border-radius: 999px !important; background: #fff !important; border: 0 !important; box-shadow: 0 10px 24px rgba(0, 0, 0, .18) !important; } #thg.h26-solid #cs-content .a-band-dark a.x-anchor-button:not([href^="tel:"]) .x-anchor-text-primary { color: var(--thg-orange) !important; font: 700 15px/1 var(--thg-font-body) !important; } #thg.h26-solid #cs-content .a-band-dark a.x-anchor-button:not([href^="tel:"]):hover { background: #eef2ff !important; } /* Google-Karte: feste Höhe statt Seitenverhältnis, sonst große Lücke unter dem Klick-Schutz (14.10.2026) */ #thg.h26-solid #cs-content .x-frame-map-embed .x-frame-inner { padding-bottom: 0 !important; height: clamp(280px, 30vw, 440px) !important; position: relative; } #thg.h26-solid #cs-content .x-frame-map-embed .x-map { position: absolute !important; inset: 0; height: 100% !important; } #thg.h26-solid #cs-content .x-frame-map-embed .BorlabsCookie, #thg.h26-solid #cs-content .x-frame-map-embed ._brlbs-content-blocker, #thg.h26-solid #cs-content .x-frame-map-embed ._brlbs-embed, #thg.h26-solid #cs-content .x-frame-map-embed iframe { height: 100% !important; width: 100% !important; } #thg.h26-solid #cs-content .x-frame-map-embed ._brlbs-thumbnail { width: 100%; height: 100%; object-fit: cover; } /* Produktkacheln am Handy zwei nebeneinander statt einer, Bilder kleiner (14.10.2026) */ @media (max-width: 639px) { #thg.h26-solid #cs-content .esg-entry-skin-subproduct .esg-grid > ul, #thg.h26-solid #cs-content .esg-entry-skin-ralf .esg-grid > ul { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 10px !important; } #thg.h26-solid #cs-content .esg-entry-skin-roosevelt .esg-grid > ul { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 10px !important; } #thg.h26-solid #cs-content .eg-subproduct-wrapper .esg-entry-media img, #thg.h26-solid #cs-content .eg-ralf-wrapper .esg-entry-media img { max-height: 130px; width: auto !important; margin: 0 auto; object-fit: contain; } #thg.h26-solid #cs-content .eg-subproduct-content, #thg.h26-solid #cs-content .eg-ralf-content { padding: 10px 12px 12px !important; } #thg.h26-solid #cs-content .eg-subproduct-content .esg-content { font-size: 12.5px !important; line-height: 1.35 !important; } #thg.h26-solid #cs-content .eg-subproduct-element-3 span { height: auto !important; max-height: none !important; min-height: 0 !important; } #thg.h26-solid #cs-content a.eg-subproduct-element-9 { padding: 7px 10px !important; font-size: 11px !important; } #thg.h26-solid #cs-content .eg-subproduct-content .esg-content { padding-left: 0 !important; padding-right: 0 !important; margin-left: 0 !important; margin-right: 0 !important; overflow-wrap: anywhere; hyphens: auto; } #thg.h26-solid #cs-content a.eg-subproduct-element-9 p { white-space: nowrap; font-size: 11px !important; } } /* ===== Kontaktseite 2026 (14.10.2026): Karte als Kopf, Kontaktkarten, Kontaktblock mit Eduard ===== */ #thg.h26-solid #cs-content .thg-k-hero { width: calc(100% - 32px) !important; max-width: var(--a-frame); margin: 6px auto 0 !important; padding: 0 !important; border-radius: 22px; overflow: hidden; } #thg.h26-solid #cs-content .thg-k-map, #thg.h26-solid #cs-content .thg-k-map .BorlabsCookie, #thg.h26-solid #cs-content .thg-k-map ._brlbs-content-blocker, #thg.h26-solid #cs-content .thg-k-map ._brlbs-embed, #thg.h26-solid #cs-content .thg-k-map iframe { display: block; width: 100% !important; height: clamp(280px, 32vw, 460px) !important; border: 0; } #thg.h26-solid #cs-content .thg-k-map ._brlbs-embed { position: relative; } #thg.h26-solid #cs-content .thg-k-map ._brlbs-thumbnail { width: 100%; height: 100%; object-fit: cover; display: block; } #thg.h26-solid #cs-content .thg-k-map ._brlbs-caption { position: absolute !important; top: 50% !important; left: 50% !important; right: auto !important; bottom: auto !important; transform: translate(-50%, -50%); width: min(520px, 88%) !important; height: auto !important; border-radius: 16px; padding: 18px 22px !important; box-sizing: border-box; } #thg.h26-solid #cs-content .thg-k-intro-wrap { padding: 0 !important; } #thg.h26-solid #cs-content .thg-k-intro { max-width: var(--a-frame); width: calc(100% - 48px); margin: 48px auto 8px; box-sizing: border-box; padding: 0 16px; } #thg.h26-solid #cs-content .thg-k-intro h1 { font: 800 clamp(30px, 3.2vw, 44px)/1.12 var(--thg-font-head) !important; letter-spacing: -0.02em; color: var(--thg-ink) !important; margin: 0 0 10px !important; } #thg.h26-solid #cs-content .thg-k-sub { font: 400 18px/1.6 var(--thg-font-body) !important; color: var(--thg-muted, #64748b) !important; margin: 0 0 28px !important; } #thg.h26-solid #cs-content .thg-k-cards { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; } #thg.h26-solid #cs-content .thg-k-card { display: flex; gap: 16px; align-items: flex-start; padding: 22px 24px; background: var(--a-soft); border: 1px solid var(--thg-line); border-radius: 18px; } #thg.h26-solid #cs-content .thg-k-ico { flex: 0 0 46px; width: 46px; height: 46px; border-radius: 14px; background: #fff; border: 1px solid var(--thg-line); color: var(--thg-orange); display: flex; align-items: center; justify-content: center; } #thg.h26-solid #cs-content .thg-k-card b { display: block; font: 700 16px/1.3 var(--thg-font-head); color: var(--thg-ink); margin: 2px 0 6px; } #thg.h26-solid #cs-content .thg-k-card p { margin: 0 0 6px !important; font: 400 15px/1.6 var(--thg-font-body) !important; color: #374151 !important; } #thg.h26-solid #cs-content .thg-k-card a { color: var(--thg-orange) !important; font-weight: 600; text-decoration: none; } @media (max-width: 900px) { #thg.h26-solid #cs-content .thg-k-cards { grid-template-columns: 1fr; gap: 12px; } #thg.h26-solid #cs-content .thg-k-intro { width: 100%; margin-top: 28px; } #thg.h26-solid #cs-content .thg-k-map, #thg.h26-solid #cs-content .thg-k-map .BorlabsCookie, #thg.h26-solid #cs-content .thg-k-map ._brlbs-content-blocker, #thg.h26-solid #cs-content .thg-k-map ._brlbs-embed, #thg.h26-solid #cs-content .thg-k-map iframe { height: 300px !important; } }