/* ========================================================================== Startseite 13.10.2026: Sektionsfolge wie das Original (thg-normalien.de), Look modern/hell. Baut auf modern.css + hell-2026.css auf (Tokens, h-*). Inhalte: scripts/build-home-original-2026.py. Klassen s-*. ========================================================================== */ #thg.thg-modern { --s-soft: #f7f8fa; } /* Off-Canvas-Menue (nav-2026) liegt rechts ausserhalb und machte die Seite mobil 733 px breit */ #thg.thg-c26 .h26-mobile { overflow: hidden; } /* Sektionskopf zentriert */ #thg.thg-modern .s-head-center.e-con { align-items: center; text-align: center; margin-bottom: 48px; } #thg.thg-modern .s-head-center .h-title .elementor-heading-title { max-width: 24ch; margin-inline: auto; } #thg.thg-modern .s-head-center .h-sub { margin-inline: auto; max-width: 64ch; } #thg.thg-modern .s-head-center .h-sub strong { color: var(--thg-ink); font-weight: 600; } #thg.thg-modern .s-soft.e-con { background: var(--s-soft); } /* Kacheln: ganze Karte klickbar, Pfeil rechts unten */ #thg.thg-modern .s-tile .elementor-image-box-content { position: relative; padding-right: 52px; } #thg.thg-modern .s-tile .elementor-image-box-content::after { content: "→"; position: absolute; right: 16px; bottom: 16px; width: 30px; height: 30px; border-radius: 50%; display: grid; place-items: center; font-size: 15px; color: var(--thg-orange-dark); background: rgba(30, 64, 175, .1); transition: background .2s, color .2s, transform .2s; } #thg.thg-modern .s-tile:hover .elementor-image-box-content::after { background: var(--thg-orange); color: #fff; transform: translateX(3px); } #thg.thg-modern .s-tile .elementor-image-box-title { font-size: 17px; line-height: 1.3; } #thg.thg-modern .s-tile .elementor-image-box-title a::before { content: ""; position: absolute; inset: 0; z-index: 2; } #thg.thg-modern .s-tile.elementor-widget { cursor: pointer; } #thg.thg-modern .s-tile .elementor-image-box-img { background: #fff; } /* 5 Hauptprodukte: Produktfotos freigestellt -> contain auf Weiss */ #thg.thg-modern .s-cols-5.e-con > .elementor-widget { --width: calc(20% - 19.2px); width: calc(20% - 19.2px); } #thg.thg-modern .s-tile-main .elementor-image-box-img { aspect-ratio: 1 / 1; padding: 18px; border-bottom: 1px solid var(--thg-line); } #thg.thg-modern .s-tile-main .elementor-image-box-img img { object-fit: contain; } #thg.thg-modern .s-tile-main .elementor-image-box-title { font-size: 19px; } #thg.thg-modern .s-tile-main .elementor-image-box-description { font-size: 14px; margin-top: 4px; } /* Warum THG? */ #thg.thg-modern .s-why-grid.e-con { --flex-direction: row; flex-direction: row; --gap: 24px; gap: 24px; --flex-wrap: wrap; flex-wrap: wrap; } #thg.thg-modern .s-why-card.e-con { --width: calc(33.333% - 16px); width: calc(33.333% - 16px); background: #fff; border: 1px solid var(--thg-line); border-radius: 14px; overflow: hidden; transition: transform .25s, box-shadow .25s; } #thg.thg-modern .s-why-card.e-con:hover { transform: translateY(-4px); box-shadow: var(--thg-shadow-hover); } #thg.thg-modern .s-why-img img { width: 100%; aspect-ratio: 16 / 10; object-fit: cover; display: block; } #thg.thg-modern .s-why-card .s-why-img { position: relative; } #thg.thg-modern .s-why-card .s-why-img::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 4px; background: var(--thg-orange); } #thg.thg-modern .s-why-body.e-con { padding: 26px 26px 28px; --gap: 8px; gap: 8px; } #thg.thg-modern .s-why-title .elementor-heading-title { font-size: 22px; } #thg.thg-modern .s-why-text { color: var(--thg-muted); font-size: 16px; } #thg.thg-modern .s-why-text p { margin: 0; } /* Textlink-Button */ #thg.thg-modern .s-link .elementor-button { background: none; padding: 0; color: var(--thg-orange-dark); font-weight: 700; font-size: 15px; box-shadow: none; border-radius: 0; } #thg.thg-modern .s-link .elementor-button .elementor-button-text::after { content: " →"; transition: margin .2s; } #thg.thg-modern .s-link .elementor-button:hover { color: var(--thg-ink); background: none; } #thg.thg-modern .s-link .elementor-button:hover .elementor-button-text::after { margin-left: 4px; } /* Messprotokoll-Band: Foto mit hellem Schleier */ #thg.thg-modern .s-mess.e-con { position: relative; padding: 110px 24px; --padding: 110px 24px; align-items: center; } #thg.thg-modern .s-mess.e-con::before { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(255, 255, 255, .95) 0%, rgba(255, 255, 255, .86) 50%, rgba(255, 255, 255, .6) 100%); z-index: 0; } #thg.thg-modern .s-mess-inner.e-con { position: relative; z-index: 1; max-width: 860px; margin: 0 auto; align-items: center; text-align: center; --gap: 18px; gap: 18px; } #thg.thg-modern .s-mess-title .elementor-heading-title { max-width: 26ch; margin-inline: auto; } /* Haben Sie noch Fragen? */ #thg.thg-modern .s-q-split.e-con { --flex-direction: row; flex-direction: row; --gap: 32px; gap: 32px; align-items: stretch; max-width: var(--thg-max); margin: 0 auto; width: 100%; } #thg.thg-modern .s-q-person.e-con { --width: 38%; width: 38%; background: #fff; border: 1px solid var(--thg-line); border-radius: 16px; padding: 44px 36px; align-items: center; text-align: center; --gap: 6px; gap: 6px; justify-content: center; } #thg.thg-modern .s-q-img img { width: 180px; height: 180px; object-fit: cover; border-radius: 50%; background: var(--s-soft); box-shadow: 0 0 0 6px #fff, 0 0 0 7px rgba(30, 64, 175, .35), 0 20px 40px rgba(17, 24, 39, .12); margin-bottom: 18px; } #thg.thg-modern .s-q-title .elementor-heading-title { font-size: clamp(26px, 2.6vw, 34px); margin-inline: auto; } #thg.thg-modern .s-q-sub { margin-top: 4px; } #thg.thg-modern .s-q-btn { margin-top: 8px; } #thg.thg-modern .s-q-form.e-con { flex: 1; background: #fff; border: 1px solid var(--thg-line); border-radius: 16px; padding: 40px 40px 32px; --gap: 6px; gap: 6px; } #thg.thg-modern .s-q-form-title .elementor-heading-title { font-size: 26px; margin-bottom: 14px; } /* CF7 im modernen Look */ #thg.thg-modern .s-form p { margin: 0 0 14px; font-size: 14px; color: var(--thg-muted); } #thg.thg-modern .s-form label { font-weight: 600; font-size: 14px; color: var(--thg-ink); display: block; } #thg.thg-modern .s-form input[type=text], #thg.thg-modern .s-form input[type=email], #thg.thg-modern .s-form input[type=tel], #thg.thg-modern .s-form textarea { width: 100%; margin-top: 6px; border: 1px solid var(--thg-line); border-radius: 8px; background: var(--s-soft); padding: 13px 14px; font: inherit; font-size: 15px; color: var(--thg-text); transition: border-color .2s, box-shadow .2s, background .2s; box-shadow: none; height: auto; } #thg.thg-modern .s-form textarea { min-height: 140px; resize: vertical; } #thg.thg-modern .s-form input:focus, #thg.thg-modern .s-form textarea:focus { outline: none; border-color: var(--thg-orange); background: #fff; box-shadow: 0 0 0 3px rgba(30, 64, 175, .15); } #thg.thg-modern .s-form .wpcf7-list-item { margin: 0; } #thg.thg-modern .s-form .wpcf7-acceptance label { font-weight: 400; color: var(--thg-muted); display: flex; gap: 10px; align-items: flex-start; } #thg.thg-modern .s-form .wpcf7-acceptance input { margin-top: 4px; accent-color: var(--thg-orange); } #thg.thg-modern .s-form input[type=submit], #thg.thg-modern .s-form button[type=submit] { background: var(--thg-orange); color: #fff; border: 0; border-radius: 6px; padding: 16px 30px; font-weight: 700; font-size: 14px; letter-spacing: .02em; cursor: pointer; box-shadow: 0 8px 20px rgba(30, 64, 175, .28); transition: background .2s, transform .2s; opacity: 1; } #thg.thg-modern .s-form input[type=submit]:hover, #thg.thg-modern .s-form button[type=submit]:hover { background: var(--thg-orange-dark); transform: translateY(-2px); } #thg.thg-modern .s-form input[type=submit]:disabled { opacity: .55; transform: none; cursor: not-allowed; } /* Kunden + EU-Förderung */ #thg.thg-modern .s-end-split.e-con { --flex-direction: row; flex-direction: row; --gap: 48px; gap: 48px; align-items: center; } #thg.thg-modern .s-trust.e-con { flex: 1.3; --gap: 0; } #thg.thg-modern .s-logos.e-con { margin-top: 32px; justify-content: space-between; --justify-content: space-between; --gap: 24px; gap: 24px; flex-wrap: nowrap; --flex-wrap: nowrap; } #thg.thg-modern .s-logos > .elementor-widget { flex: 1 1 0; min-width: 0; } #thg.thg-modern .s-logos img { width: 100%; height: 60px; max-height: none; object-fit: contain; } #thg.thg-modern .s-eu.e-con { flex: 1; --flex-direction: row; flex-direction: row; --gap: 24px; gap: 24px; align-items: center; background: var(--s-soft); border: 1px solid var(--thg-line); border-radius: 14px; padding: 26px; } #thg.thg-modern .s-eu-img { flex: 0 0 96px; --width: 96px; width: 96px; } #thg.thg-modern .s-eu-img img { width: 96px; height: auto; display: block; } #thg.thg-modern .s-eu-body.e-con { flex: 1; --gap: 8px; gap: 8px; } #thg.thg-modern .s-eu-text { font-size: 13.5px; line-height: 1.55; color: var(--thg-muted); } #thg.thg-modern .s-eu-text p { margin: 0; } #thg.thg-modern .s-eu .s-link .elementor-button { font-size: 14px; } @media (max-width: 1024px) { #thg.thg-modern .s-cols-5.e-con > .elementor-widget { --width: calc(33.333% - 16px); width: calc(33.333% - 16px); } #thg.thg-modern .s-why-card.e-con { --width: 100%; width: 100%; } #thg.thg-modern .s-q-split.e-con, #thg.thg-modern .s-end-split.e-con { --flex-direction: column; flex-direction: column; } #thg.thg-modern .s-q-person.e-con { --width: 100%; width: 100%; } #thg.thg-modern .s-trust.e-con, #thg.thg-modern .s-eu.e-con { width: 100%; } } @media (max-width: 640px) { #thg.thg-modern .s-cols-5.e-con > .elementor-widget { --width: calc(50% - 7px); width: calc(50% - 7px); } #thg.thg-modern .s-tile .elementor-image-box-content { padding-right: 36px; } #thg.thg-modern .s-tile .elementor-image-box-title { hyphens: auto; overflow-wrap: anywhere; } #thg.thg-modern .s-tile .elementor-image-box-content::after { width: 24px; height: 24px; right: 10px; bottom: 10px; font-size: 13px; } #thg.thg-modern .s-tile .elementor-image-box-title, #thg.thg-modern .s-tile-main .elementor-image-box-title { font-size: 14px; } #thg.thg-modern .s-tile-main .elementor-image-box-img { padding: 10px; } #thg.thg-modern .s-mess.e-con { padding: 72px 20px; --padding: 72px 20px; } #thg.thg-modern .s-q-person.e-con, #thg.thg-modern .s-q-form.e-con { padding: 28px 20px; } #thg.thg-modern .s-eu.e-con { --flex-direction: column; flex-direction: column; align-items: flex-start; } #thg.thg-modern .s-logos.e-con { flex-wrap: wrap; --flex-wrap: wrap; } #thg.thg-modern .s-logos > .elementor-widget { flex: 1 1 40%; } #thg.thg-modern .s-logos img { height: 44px; } } /* Navi schwebend (13.10.2026): abgesetzte Leiste mit leicht abgerundeten Ecken, bleibt beim Scrollen schwebend (is-scrolled = fixed aus nav-2026.css). */ #thg.thg-c26 .h26-header.e-con, #thg.thg-c26 .h26-header.e-con.is-scrolled, #thg.thg-c26.h26-solid .h26-header.e-con { top: 14px; left: 16px; right: 16px; width: auto; max-width: 1328px; margin: 0 auto; border-radius: 14px; border: 1px solid rgba(227, 232, 240, .9); background: rgba(255, 255, 255, .9); backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px); box-shadow: 0 12px 32px rgba(11, 18, 32, .08); } #thg.thg-c26 .h26-header.e-con.is-scrolled { top: 10px; background: rgba(255, 255, 255, .96); box-shadow: 0 16px 40px rgba(11, 18, 32, .12); } #thg.thg-c26 .h26-inner.e-con { min-height: 72px; } @media (max-width: 1024px) { #thg.thg-c26 .h26-header.e-con, #thg.thg-c26 .h26-header.e-con.is-scrolled, #thg.thg-c26.h26-solid .h26-header.e-con { top: 10px; left: 10px; right: 10px; border-radius: 12px; --padding: 0 14px; padding: 0 14px; /* backdrop-filter macht die Leiste zum Bezugsrahmen fuer position:fixed -> Off-Canvas-Menue waere nur 60 px hoch */ backdrop-filter: none; -webkit-backdrop-filter: none; background: #fff; } #thg.thg-c26 .h26-inner.e-con { min-height: 60px; } } /* Inhaltsrahmen 1440 px (Kundenwunsch; vorher 1920, dann 1280) (13.10.2026): Hintergruende bleiben vollflaechig, die Inhalte jeder Sektion, der Slider-Text und die Navi halten sich an dieselbe Kante. */ #thg.thg-modern, #thg.thg-c26 { --s-frame: 1440px; } #thg.thg-modern .h-section.e-con > .e-con:not(.s-q-split) { width: 100%; max-width: var(--s-frame); margin-inline: auto; } #thg.thg-modern .h-hero .elementor-widget-slides .swiper-slide-contents { max-width: var(--s-frame); } #thg.thg-c26 .h26-header.e-con, #thg.thg-c26 .h26-header.e-con.is-scrolled, #thg.thg-c26.h26-solid .h26-header.e-con { max-width: var(--s-frame); --content-width: 100%; } /* Navi + Footer 2026 auf ALLEN Seiten (Body-Klasse thg-c26, inc/chrome-2026.php). Unterseiten im Original-Look haben kein Hero -> Navi fest (h26-solid), Inhalt darunter einruecken. Schrift nur fuer Kopf/Fuss setzen, der Seiteninhalt der Altseiten bleibt unangetastet. */ body#thg.thg-c26.h26-solid { padding-top: 104px; } #thg.thg-c26 .elementor-location-header, #thg.thg-c26 .elementor-location-footer { font-family: var(--thg-font-body); -webkit-font-smoothing: antialiased; } #thg.thg-c26 .elementor-location-header .elementor-heading-title, #thg.thg-c26 .elementor-location-footer .elementor-heading-title { font-family: var(--thg-font-head); letter-spacing: -0.01em; } @media (max-width: 1024px) { body#thg.thg-c26.h26-solid { padding-top: 84px; } } /* Sprachwahl zum Aufklappen + Suche in der Navi (13.10.2026) */ #thg.thg-c26 .thg-lang-dd { position: relative; } #thg.thg-c26 .thg-lang-dd__btn { display: inline-flex; align-items: center; gap: 6px; height: 38px; padding: 0 12px; border: 1px solid var(--thg-line); border-radius: 999px; background: #fff; color: var(--thg-ink); font: 600 13px/1 var(--thg-font-body); cursor: pointer; transition: border-color .2s, color .2s; } #thg.thg-c26 .thg-lang-dd__btn:hover, #thg.thg-c26 .thg-lang-dd.is-open .thg-lang-dd__btn { border-color: var(--thg-orange); color: var(--thg-orange); } #thg.thg-c26 .thg-lang-dd__caret { transition: transform .2s; } #thg.thg-c26 .thg-lang-dd.is-open .thg-lang-dd__caret { transform: rotate(180deg); } #thg.thg-c26 .thg-lang-dd__list { position: absolute; right: 0; top: calc(100% + 8px); min-width: 170px; margin: 0; padding: 6px; list-style: none; background: #fff; border: 1px solid var(--thg-line); border-radius: 12px; box-shadow: 0 16px 40px rgba(11, 18, 32, .12); opacity: 0; visibility: hidden; transform: translateY(-4px); transition: opacity .18s, transform .18s, visibility .18s; z-index: 80; } #thg.thg-c26 .thg-lang-dd.is-open .thg-lang-dd__list { opacity: 1; visibility: visible; transform: none; } #thg.thg-c26 .thg-lang-dd__list li { margin: 0; padding: 0; list-style: none; } #thg.thg-c26 .thg-lang-dd__list a { display: flex; align-items: center; gap: 10px; padding: 9px 10px; border-radius: 8px; color: var(--thg-ink) !important; font: 500 14px/1.2 var(--thg-font-body); text-decoration: none; } #thg.thg-c26 .thg-lang-dd__list a b { font-weight: 700; font-size: 12px; width: 26px; height: 22px; display: grid; place-items: center; border-radius: 6px; background: var(--thg-steel); } #thg.thg-c26 .thg-lang-dd__list a:hover { background: var(--thg-steel); } #thg.thg-c26 .thg-lang-dd__list a.is-active b { background: var(--thg-orange); color: #fff; } #thg.thg-c26 .h26-search { position: relative; display: flex; align-items: center; margin: 0 0 0 18px; } #thg.thg-c26 .h26-search input[type=search] { width: 150px; height: 38px; padding: 0 38px 0 14px; border: 1px solid var(--thg-line); border-radius: 999px; background: var(--thg-steel); font: 400 14px var(--thg-font-body); color: var(--thg-text); transition: width .25s, border-color .2s, background .2s, box-shadow .2s; -webkit-appearance: none; appearance: none; box-shadow: none; } #thg.thg-c26 .h26-search input[type=search]:focus { width: 220px; outline: none; background: #fff; border-color: var(--thg-orange); box-shadow: 0 0 0 3px rgba(30, 64, 175, .12); } #thg.thg-c26 .h26-search input::-webkit-search-cancel-button { display: none; } #thg.thg-c26 .h26-search button { position: absolute; right: 4px; top: 4px; width: 30px; height: 30px; border: 0; border-radius: 50%; background: transparent; color: var(--thg-muted); display: grid; place-items: center; cursor: pointer; padding: 0; } #thg.thg-c26 .h26-search button:hover { color: var(--thg-orange); background: #fff; } #thg.thg-c26 .h26-nav { display: flex; align-items: center; } #thg.thg-c26 .h26-search--mobile { display: none; } @media (max-width: 1280px) { #thg.thg-c26 .h26-search--desk input[type=search] { width: 120px; } } @media (max-width: 1024px) { #thg.thg-c26 .h26-search--desk { display: none; } #thg.thg-c26 .h26-search--mobile { display: flex; margin: 0 0 18px; } #thg.thg-c26 .h26-search--mobile input[type=search], #thg.thg-c26 .h26-search--mobile input[type=search]:focus { width: 100%; height: 44px; } #thg.thg-c26 .h26-search--mobile button { top: 7px; } } /* Freigestellte Produktbilder (Weitere Produkte): ganzes Motiv auf hellem Grund */ #thg.thg-modern .s-tile-frei .elementor-image-box-img { background: radial-gradient(ellipse at 50% 60%, #fff 0%, #f3f5f9 100%); border-bottom: 1px solid var(--thg-line); } #thg.thg-modern .s-tile-frei .elementor-image-box-img img { object-fit: contain; padding: 10px; } #thg.thg-modern .s-tile-frei:hover .elementor-image-box-img img { transform: scale(1.04); } /* ISO-Siegel im Hero unten rechts, an der Rahmenkante */ #thg.thg-modern .h-hero.e-con { position: relative; } #thg.thg-modern .s-iso.elementor-widget { position: absolute; z-index: 6; bottom: 36px; right: max(24px, calc((100% - var(--s-frame)) / 2 + 24px)); width: 132px; --width: 132px; pointer-events: none; } #thg.thg-modern .s-iso img { width: 132px; height: auto; display: block; filter: drop-shadow(0 10px 24px rgba(11, 18, 32, .18)); } @media (max-width: 1024px) { #thg.thg-modern .s-iso.elementor-widget { width: 96px; --width: 96px; bottom: 24px; } #thg.thg-modern .s-iso img { width: 96px; } } @media (max-width: 640px) { #thg.thg-modern .s-iso.elementor-widget { width: 72px; --width: 72px; bottom: 16px; right: 16px; } #thg.thg-modern .s-iso img { width: 72px; } } /* Suche als eigene Zeile unter dem Menue (von Leistungen bis Kontakt), Navi dadurch hoeher */ @media (min-width: 1025px) { #thg.thg-c26 .h26-nav { flex-direction: column; align-items: stretch; gap: 8px; padding: 12px 0; width: max-content; flex: 0 0 auto; } #thg.thg-c26 .h26-navwrap.elementor-widget { flex: 0 0 auto; width: auto; --width: auto; } #thg.thg-c26 .h26-search--desk { margin: 0; width: 100%; min-width: 0; } #thg.thg-c26 .h26-search--desk input[type=search], #thg.thg-c26 .h26-search--desk input[type=search]:focus { width: 100%; height: 36px; font-size: 13.5px; } #thg.thg-c26 .h26-search--desk button { top: 3px; } #thg.thg-c26 .h26-inner.e-con { min-height: 104px; } body#thg.thg-c26.h26-solid { padding-top: 136px; } } /* Hero Slide 1: Video im Loop mit schwarzem Schleier, Schrift hell (js/hero-video.js) */ #thg.thg-modern .h-hero .s-slide-video .swiper-slide-bg { position: absolute; overflow: hidden; } #thg.thg-modern .h-hero .s-hero-video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; } #thg.thg-modern .h-hero .s-slide-video .swiper-slide-inner { background: linear-gradient(90deg, rgba(0, 0, 0, .72) 0%, rgba(0, 0, 0, .55) 45%, rgba(0, 0, 0, .35) 100%); } #thg.thg-modern .h-hero .s-slide-video .elementor-slide-heading { color: #fff; text-shadow: 0 2px 24px rgba(0, 0, 0, .35); } #thg.thg-modern .h-hero .s-slide-video .h-slide-sub, #thg.thg-modern .h-hero .s-slide-video .elementor-slide-description { color: rgba(255, 255, 255, .85); } #thg.thg-modern .h-hero .s-slide-video .h-eyebrow-badge { background: rgba(255, 255, 255, .12); border-color: rgba(255, 255, 255, .3); color: #fff; } /* Navi kompakter (Kunde 13.10.: zu hoch, ~30 % flacher). Menuezeile 32 px, darunter Suche 28 px. Telefon/Sprache/CTA sitzen auf Hoehe der Menuezeile, Suchfeld eckig mit leichter Rundung. */ @media (min-width: 1025px) { #thg.thg-c26 .h26-inner.e-con { min-height: 76px; align-items: center; } #thg.thg-c26 .h26-nav { padding: 6px 0; gap: 4px; } #thg.thg-c26 .h26-link { padding: 7px 14px; font-size: 14px; } #thg.thg-c26 .h26-link::after { bottom: 2px; } #thg.thg-c26 .h26-search--desk input[type=search], #thg.thg-c26 .h26-search--desk input[type=search]:focus { height: 28px; border-radius: 6px; font-size: 13px; padding: 0 34px 0 12px; } #thg.thg-c26 .h26-search--desk button { top: 0; right: 2px; height: 28px; width: 28px; border-radius: 6px; } #thg.thg-c26 .h26-right.e-con { align-self: flex-start; margin-top: 6px; height: 32px; --gap: 14px; gap: 14px; } #thg.thg-c26 .h26-right .thg-lang-dd__btn { height: 32px; padding: 0 10px; } #thg.thg-c26 .h26-right .h26-cta .elementor-button { padding: 8px 16px; font-size: 13.5px; line-height: 16px; } #thg.thg-c26 .h26-logo img { height: 40px; width: auto; } body#thg.thg-c26.h26-solid { padding-top: 110px; } } /* Suche exakt von „L“(eistungen) bis „t“ (Kontakt): Links haben 14 px Innenabstand links/rechts. Naeher an die Menuezeile, etwas hoeher, kraeftigere Umrandung. */ @media (min-width: 1025px) { #thg.thg-c26 .h26-nav { gap: 0; padding: 4px 0 8px; } #thg.thg-c26 .h26-link { padding: 7px 14px 5px; } #thg.thg-c26 .h26-link::after { bottom: 0; } #thg.thg-c26 .h26-search--desk { margin: 0 14px; width: auto; } #thg.thg-c26 .h26-search--desk input[type=search], #thg.thg-c26 .h26-search--desk input[type=search]:focus { height: 32px; border: 1.5px solid #b9c3d3; background: #fff; } #thg.thg-c26 .h26-search--desk input[type=search]:focus { border-color: var(--thg-orange); } #thg.thg-c26 .h26-search--desk input::placeholder { color: #7a8597; } #thg.thg-c26 .h26-search--desk button { height: 32px; width: 32px; color: var(--thg-ink); } #thg.thg-c26 .h26-right.e-con { margin-top: 4px; } } @media (min-width: 1025px) { /* Die Menuezeile ist breiter als der Nav-Kasten (ragt links ueber) -> Suche an die Menuezeile koppeln */ #thg.thg-c26 .h26-nav { display: grid; grid-template-columns: max-content; justify-content: start; } #thg.thg-c26 .h26-search--desk { margin: 0 14px; } } #thg.thg-c26 .h26-search input[type=search] { margin: 0 !important; box-sizing: border-box; flex: 1 1 auto; min-width: 0; } /* altes Theme-CSS gab dem Feld margin-left: 20px */ /* Mega-Menue 2026 (Muster elisabit.de): Spalten + umrandete Eintraege + Beratungskarte */ #thg.thg-c26 .h26-panel { padding: 0 16px; top: calc(100% + 10px); } #thg.thg-c26 .h26-panel::before { content: ""; position: absolute; left: 0; right: 0; top: -12px; height: 12px; } /* Hover-Bruecke */ #thg.thg-c26 .h26-m.h26-panel-inner { max-width: var(--s-frame); display: grid; grid-template-columns: 1fr 300px; gap: 28px; padding: 28px; border-radius: 16px; border: 1px solid var(--thg-line); box-shadow: 0 30px 70px rgba(11, 18, 32, .16); } #thg.thg-c26 .h26-m-cols { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 24px; align-content: start; } #thg.thg-c26 .h26-m-group.is-wide { grid-column: span 2; } #thg.thg-c26 .h26-m-group.is-wide .h26-m-list { grid-template-columns: 1fr 1fr; } #thg.thg-c26 .h26-m-head { font: 700 13px/1 var(--thg-font-body); letter-spacing: .02em; color: var(--thg-ink); margin: 0 0 14px; } #thg.thg-c26 .h26-m-list { display: grid; gap: 10px; } #thg.thg-c26 .h26-m-item { display: flex; align-items: center; gap: 14px; padding: 10px 14px; min-height: 64px; border: 1.5px solid #c9d3f0; border-radius: 10px; background: #fff; color: var(--thg-ink); text-decoration: none; transition: border-color .2s, box-shadow .2s, transform .2s; } #thg.thg-c26 .h26-m-item:hover { border-color: var(--thg-orange); box-shadow: 0 10px 24px rgba(30, 64, 175, .12); transform: translateY(-1px); } #thg.thg-c26 .h26-m-ico { flex: 0 0 44px; width: 44px; height: 44px; border-radius: 8px; display: grid; place-items: center; color: var(--thg-orange); background: rgba(30, 64, 175, .07); overflow: hidden; } #thg.thg-c26 .h26-m-ico.has-img { background: #f5f7fb; } #thg.thg-c26 .h26-m-ico img { width: 100%; height: 100%; object-fit: contain; } #thg.thg-c26 .h26-m-txt { display: flex; flex-direction: column; gap: 3px; min-width: 0; } #thg.thg-c26 .h26-m-txt b { font: 600 14.5px/1.25 var(--thg-font-body); color: var(--thg-ink); } #thg.thg-c26 .h26-m-txt small { font: 400 12.5px/1.3 var(--thg-font-body); color: var(--thg-muted); } #thg.thg-c26 .h26-m-item:hover .h26-m-txt b { color: var(--thg-orange); } #thg.thg-c26 .h26-m-contact { border: 1px solid var(--thg-line); border-radius: 12px; background: #f8f9fc; padding: 20px; display: flex; flex-direction: column; gap: 10px; } #thg.thg-c26 .h26-m-person { display: flex; align-items: center; gap: 12px; } #thg.thg-c26 .h26-m-person img { width: 52px; height: 52px; border-radius: 50%; object-fit: cover; background: #fff; } #thg.thg-c26 .h26-m-person b { display: block; font: 600 15px/1.2 var(--thg-font-body); color: var(--thg-ink); } #thg.thg-c26 .h26-m-person small { font: 400 13px/1.3 var(--thg-font-body); color: var(--thg-muted); } #thg.thg-c26 .h26-m-contact p { margin: 4px 0; font: 400 13.5px/1.5 var(--thg-font-body); color: #4b5563; } #thg.thg-c26 .h26-m-line { display: flex; align-items: center; gap: 8px; font: 500 14px/1.3 var(--thg-font-body); color: var(--thg-ink) !important; text-decoration: none; } #thg.thg-c26 .h26-m-line svg { color: var(--thg-orange); } #thg.thg-c26 .h26-m-line:hover { color: var(--thg-orange) !important; } #thg.thg-c26 .h26-m-cta { margin-top: 6px; display: inline-flex; justify-content: center; padding: 11px 16px; border-radius: 8px; background: var(--thg-orange); color: #fff !important; font: 600 14px/1 var(--thg-font-body); text-decoration: none; transition: background .2s; } #thg.thg-c26 .h26-m-cta:hover { background: var(--thg-orange-dark); } /* Top-Header (13.10.2026): Suche oben (auf Hoehe von Telefon/Sprache/CTA), Menuepunkte darunter */ @media (min-width: 1025px) { #thg.thg-c26 .h26-nav { padding: 10px 0 2px; row-gap: 4px; } #thg.thg-c26 .h26-search--desk { order: -1; } #thg.thg-c26 .h26-link { padding: 6px 14px 8px; } #thg.thg-c26 .h26-link::after { bottom: 2px; } #thg.thg-c26 .h26-right.e-con { align-self: flex-start; margin-top: 10px; } } #thg.thg-c26 .h26-m-stack { display: flex; flex-direction: column; gap: 24px; } /* Buttons und Suche rund statt leicht eckig (Kunde 13.10.2026) */ #thg.thg-c26 .elementor-button, #thg.thg-modern .h-btn .elementor-button, #thg.thg-c26 .h26-cta .elementor-button, #thg.thg-c26 .h26-m-cta, #thg.thg-c26 .h26-mobile-cta, #thg.thg-modern .s-form input[type=submit], #thg.thg-modern .s-form button[type=submit], #thg.thg-c26 .thg-footer-2026 .elementor-button { border-radius: 999px !important; } #thg.thg-modern .s-link .elementor-button { border-radius: 0 !important; } #thg.thg-c26 .h26-search input[type=search], #thg.thg-c26 .h26-search--desk input[type=search], #thg.thg-c26 .h26-search--desk input[type=search]:focus { border-radius: 999px; padding-left: 16px; } #thg.thg-c26 .h26-search button, #thg.thg-c26 .h26-search--desk button { border-radius: 50%; right: 3px; } /* Ansprechpartner Eduard Gerliz (Startseite, Kontaktblock) */ #thg.thg-modern .s-q-img img { background: transparent; } #thg.thg-modern .s-q-name .elementor-heading-title { font: 700 18px/1.2 var(--thg-font-head); color: var(--thg-ink); } #thg.thg-modern .s-q-role .elementor-heading-title { font: 500 13px/1.3 var(--thg-font-body); color: var(--thg-orange); letter-spacing: .04em; text-transform: uppercase; margin-bottom: 14px; } /* ===== Elementor-Formulare (thg-ef) auf allen Seiten: Anfrage + Rueckruf ===== */ #thg.thg-c26 .thg-ef .elementor-form-fields-wrapper { margin: 0 -8px; row-gap: 0; } #thg.thg-c26 .thg-ef .elementor-field-group { padding: 0 8px; margin-bottom: 16px; } #thg.thg-c26 .thg-ef .elementor-field-label { font: 600 13.5px/1.3 var(--thg-font-body) !important; color: var(--thg-ink) !important; margin: 0 0 6px !important; padding: 0 !important; display: block; } #thg.thg-c26 .thg-ef .elementor-mark-required .elementor-field-label::after { color: var(--thg-orange); padding-left: .2em; } #thg.thg-c26 .thg-ef .elementor-field-textual, #thg.thg-c26 .thg-ef select.elementor-field, #thg.thg-c26 .thg-ef input[type=file] { width: 100% !important; min-height: 46px; margin: 0 !important; padding: 11px 14px !important; border: 1.5px solid #cfd6e3 !important; border-radius: 10px !important; background: #fff !important; color: var(--thg-text) !important; font: 400 15px/1.4 var(--thg-font-body) !important; box-shadow: none !important; transition: border-color .2s, box-shadow .2s; height: auto !important; } #thg.thg-c26 .thg-ef textarea.elementor-field-textual { min-height: 120px; resize: vertical; } #thg.thg-c26 .thg-ef .elementor-field-textual::placeholder { color: #8a94a6 !important; } #thg.thg-c26 .thg-ef .elementor-field-textual:focus, #thg.thg-c26 .thg-ef select.elementor-field:focus { outline: none !important; border-color: var(--thg-orange) !important; box-shadow: 0 0 0 3px rgba(30, 64, 175, .14) !important; } #thg.thg-c26 .thg-ef .elementor-select-wrapper { width: 100%; } #thg.thg-c26 .thg-ef .elementor-select-wrapper select { appearance: none; -webkit-appearance: none; padding-right: 40px !important; cursor: pointer; } #thg.thg-c26 .thg-ef .elementor-select-wrapper .select-caret-down-wrapper { right: 14px; color: var(--thg-muted); font-size: 12px; } #thg.thg-c26 .thg-ef .elementor-field-type-upload input[type=file] { border-style: dashed !important; background: #f8f9fc !important; cursor: pointer; font-size: 14px !important; } #thg.thg-c26 .thg-ef .elementor-field-type-upload input[type=file]::file-selector-button { margin-right: 12px; border: 0; border-radius: 999px; padding: 7px 14px; background: var(--thg-orange); color: #fff; font: 600 13px var(--thg-font-body); cursor: pointer; } #thg.thg-c26 .thg-ef .elementor-field-type-checkbox .elementor-field-subgroup, #thg.thg-c26 .thg-ef .elementor-field-type-acceptance .elementor-field-subgroup { display: block; } #thg.thg-c26 .thg-ef .elementor-field-option { display: flex !important; align-items: flex-start; gap: 10px; margin: 0 !important; } #thg.thg-c26 .thg-ef .elementor-field-option input { width: 18px; height: 18px; margin: 2px 0 0 !important; flex: 0 0 18px; accent-color: var(--thg-orange); } #thg.thg-c26 .thg-ef .elementor-field-option label { font: 400 14px/1.5 var(--thg-font-body) !important; color: #4b5563 !important; margin: 0 !important; padding: 0 !important; } #thg.thg-c26 .thg-ef .elementor-field-option label a { color: var(--thg-orange) !important; text-decoration: underline; } #thg.thg-c26 .thg-ef .e-form__buttons, #thg.thg-c26 .thg-ef .elementor-field-type-submit { margin-top: 6px; } #thg.thg-c26 .thg-ef .elementor-button[type=submit] { width: 100%; min-height: 50px; border: 0 !important; border-radius: 999px !important; background: var(--thg-orange) !important; color: #fff !important; font: 700 15px/1 var(--thg-font-body) !important; letter-spacing: .01em; box-shadow: 0 10px 24px rgba(30, 64, 175, .25) !important; transition: background .2s, transform .2s; text-transform: none !important; padding: 14px 28px !important; } #thg.thg-c26 .thg-ef .elementor-button[type=submit]:hover { background: var(--thg-orange-dark) !important; transform: translateY(-2px); } #thg.thg-c26 .thg-ef .elementor-message { margin-top: 14px; padding: 14px 16px; border-radius: 10px; font: 500 14.5px/1.5 var(--thg-font-body); } #thg.thg-c26 .thg-ef .elementor-message.elementor-message-success { background: #ecfdf3; color: #065f46; border: 1px solid #a7f3d0; } #thg.thg-c26 .thg-ef .elementor-message.elementor-message-danger, #thg.thg-c26 .thg-ef .elementor-message.elementor-help-inline { background: #fef2f2; color: #991b1b; border: 1px solid #fecaca; } #thg.thg-c26 .thg-ef .elementor-message::before { display: none; } #thg.thg-c26 .thg-ef .elementor-error .elementor-field-textual, #thg.thg-c26 .thg-ef .elementor-error select { border-color: #ef4444 !important; } #thg.thg-c26 .thg-ef .elementor-help-inline { font-size: 13px; color: #b91c1c; margin-top: 4px; } @media (max-width: 767px) { #thg.thg-c26 .thg-ef .elementor-field-group { width: 100% !important; max-width: 100% !important; flex-basis: 100% !important; } } /* Navi 14.10.2026: Suche hoeher (38 px) und ~15 % breiter, Menuepunkte zentriert darunter, mit mehr Abstand zur Suche und zwischen den Punkten. */ @media (min-width: 1025px) { #thg.thg-c26 .h26-nav { display: grid; grid-template-columns: 560px; justify-items: center; row-gap: 8px; padding: 10px 0 4px; } #thg.thg-c26 .h26-search--desk { width: 100%; margin: 0; } #thg.thg-c26 .h26-search--desk input[type=search], #thg.thg-c26 .h26-search--desk input[type=search]:focus { height: 38px; font-size: 14px; padding-left: 18px; } #thg.thg-c26 .h26-search--desk button { top: 3px; height: 32px; width: 32px; } #thg.thg-c26 .h26-menu { justify-content: center; gap: 6px; } #thg.thg-c26 .h26-link { padding: 6px 18px 8px; } #thg.thg-c26 .h26-right.e-con { margin-top: 10px; height: 38px; } #thg.thg-c26 .h26-right .thg-lang-dd__btn { height: 38px; } #thg.thg-c26 .h26-right .h26-cta .elementor-button { padding: 11px 18px; } body#thg.thg-c26.h26-solid { padding-top: 118px; } } @media (min-width: 1025px) and (max-width: 1280px) { #thg.thg-c26 .h26-nav { grid-template-columns: 470px; } #thg.thg-c26 .h26-search--desk input[type=search] { font-size: 13px; } #thg.thg-c26 .h26-link { padding: 6px 12px 8px; } } /* ===== Suchergebnisse 2026 (search.php) ===== */ #thg.thg-c26 .s26-search { font-family: var(--thg-font-body); color: var(--thg-text); } #thg.thg-c26 .s26-in { max-width: var(--s-frame); margin: 0 auto; padding: 0 24px; box-sizing: border-box; } #thg.thg-c26 .s26-hero { padding: 36px 16px 8px; } #thg.thg-c26 .s26-hero .s26-in { background: linear-gradient(135deg, #f4f7ff 0%, #f7f8fa 60%, #ffffff 100%); border: 1px solid var(--thg-line); border-radius: 24px; padding: 48px 48px 40px; } #thg.thg-c26 .s26-eyebrow { display: inline-block; font: 700 12px/1 var(--thg-font-body); letter-spacing: .12em; text-transform: uppercase; color: var(--thg-orange); background: rgba(30, 64, 175, .08); padding: 7px 12px; border-radius: 999px; margin-bottom: 16px; } #thg.thg-c26 .s26-hero h1 { font: 800 clamp(30px, 3.4vw, 46px)/1.1 var(--thg-font-head); letter-spacing: -0.02em; color: var(--thg-ink); margin: 0 0 8px; } #thg.thg-c26 .s26-hero h1 span { color: var(--thg-orange); } #thg.thg-c26 .s26-count { margin: 0 0 22px; color: var(--thg-muted); font-size: 16px; } #thg.thg-c26 .s26-form { position: relative; display: flex; align-items: center; max-width: 760px; background: #fff; border: 1.5px solid #c9d3e3; border-radius: 999px; padding: 6px 6px 6px 50px; box-shadow: 0 12px 30px rgba(11, 18, 32, .06); transition: border-color .2s, box-shadow .2s; } #thg.thg-c26 .s26-form:focus-within { border-color: var(--thg-orange); box-shadow: 0 0 0 4px rgba(30, 64, 175, .12), 0 12px 30px rgba(11, 18, 32, .06); } #thg.thg-c26 .s26-form svg { position: absolute; left: 18px; color: var(--thg-muted); } #thg.thg-c26 .s26-form input[type=search] { flex: 1; min-width: 0; border: 0 !important; outline: 0; background: transparent !important; font: 400 16px var(--thg-font-body); color: var(--thg-text); padding: 12px 8px !important; margin: 0 !important; box-shadow: none !important; -webkit-appearance: none; appearance: none; } #thg.thg-c26 .s26-form button { border: 0; border-radius: 999px; background: var(--thg-orange); color: #fff; font: 700 15px/1 var(--thg-font-body); padding: 14px 26px; cursor: pointer; transition: background .2s; } #thg.thg-c26 .s26-form button:hover { background: var(--thg-orange-dark); } #thg.thg-c26 .s26-chips { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-top: 18px; } #thg.thg-c26 .s26-chips span { font-size: 14px; color: var(--thg-muted); margin-right: 4px; } #thg.thg-c26 .s26-chips a { font: 500 13.5px/1 var(--thg-font-body); color: var(--thg-ink) !important; background: #fff; border: 1px solid var(--thg-line); border-radius: 999px; padding: 8px 14px; text-decoration: none; transition: border-color .2s, color .2s; } #thg.thg-c26 .s26-chips a:hover { border-color: var(--thg-orange); color: var(--thg-orange) !important; } #thg.thg-c26 .s26-results { padding: 32px 16px 72px; } #thg.thg-c26 .s26-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; } #thg.thg-c26 .s26-card { display: flex; gap: 18px; align-items: flex-start; background: #fff; border: 1px solid var(--thg-line); border-radius: 16px; padding: 16px; text-decoration: none !important; color: inherit; transition: transform .2s, box-shadow .2s, border-color .2s; } #thg.thg-c26 .s26-card:hover { transform: translateY(-3px); box-shadow: 0 16px 36px rgba(11, 18, 32, .09); border-color: #c9d3f0; } #thg.thg-c26 .s26-media { flex: 0 0 104px; width: 104px; height: 104px; border-radius: 12px; background: #f5f7fb; display: grid; place-items: center; overflow: hidden; color: #9aa6ba; } #thg.thg-c26 .s26-media img { width: 100%; height: 100%; object-fit: contain; padding: 6px; box-sizing: border-box; } #thg.thg-c26 .s26-body { display: flex; flex-direction: column; gap: 5px; min-width: 0; } #thg.thg-c26 .s26-crumbs { font: 600 12px/1.3 var(--thg-font-body); color: var(--thg-muted); letter-spacing: .02em; } #thg.thg-c26 .s26-title { font: 700 17px/1.3 var(--thg-font-head); color: var(--thg-ink); } #thg.thg-c26 .s26-card:hover .s26-title { color: var(--thg-orange); } #thg.thg-c26 .s26-ex { font: 400 14px/1.55 var(--thg-font-body); color: #4b5563; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; } #thg.thg-c26 .s26-ex mark { background: rgba(30, 64, 175, .12); color: var(--thg-ink); border-radius: 4px; padding: 0 3px; font-weight: 600; } #thg.thg-c26 .s26-go { font: 700 13.5px/1 var(--thg-font-body); color: var(--thg-orange); margin-top: 4px; } #thg.thg-c26 .s26-pager { display: flex; justify-content: center; align-items: center; gap: 16px; margin: 32px 0 8px; font-size: 14px; color: var(--thg-muted); } #thg.thg-c26 .s26-pager a { border: 1px solid var(--thg-line); border-radius: 999px; padding: 10px 18px; color: var(--thg-ink) !important; text-decoration: none; font-weight: 600; } #thg.thg-c26 .s26-pager a:hover { border-color: var(--thg-orange); color: var(--thg-orange) !important; } #thg.thg-c26 .s26-none { text-align: center; padding: 40px 16px 24px; } #thg.thg-c26 .s26-none h2 { font: 800 28px/1.2 var(--thg-font-head); color: var(--thg-ink); margin: 0 0 10px; } #thg.thg-c26 .s26-none p { max-width: 60ch; margin: 0 auto; color: var(--thg-muted); font-size: 16px; line-height: 1.6; } #thg.thg-c26 .s26-help { display: flex; align-items: center; gap: 20px; margin-top: 40px; padding: 24px 28px; background: var(--thg-steel); border: 1px solid var(--thg-line); border-radius: 20px; } #thg.thg-c26 .s26-help img { width: 72px; height: 72px; border-radius: 50%; flex: 0 0 72px; } #thg.thg-c26 .s26-help strong { font: 700 18px/1.3 var(--thg-font-head); color: var(--thg-ink); } #thg.thg-c26 .s26-help p { margin: 4px 0 0; color: var(--thg-muted); font-size: 14.5px; line-height: 1.5; } #thg.thg-c26 .s26-help > div:nth-child(2) { flex: 1; } #thg.thg-c26 .s26-help-actions { display: flex; gap: 10px; flex-wrap: wrap; } #thg.thg-c26 .s26-btn { display: inline-flex; align-items: center; border-radius: 999px; padding: 12px 20px; background: var(--thg-orange); color: #fff !important; font: 700 14px/1 var(--thg-font-body); text-decoration: none; white-space: nowrap; } #thg.thg-c26 .s26-btn--light { background: rgba(30, 64, 175, .08); color: var(--thg-orange) !important; } @media (max-width: 900px) { #thg.thg-c26 .s26-grid { grid-template-columns: 1fr; } #thg.thg-c26 .s26-hero .s26-in { padding: 28px 20px; border-radius: 18px; } #thg.thg-c26 .s26-in { padding: 0; } #thg.thg-c26 .s26-help { flex-direction: column; align-items: flex-start; } #thg.thg-c26 .s26-media { flex-basis: 76px; width: 76px; height: 76px; } #thg.thg-c26 .s26-form { padding-left: 44px; } #thg.thg-c26 .s26-form button { padding: 12px 16px; } } /* Logo in der Navi 20 % groesser (14.10.2026) */ #thg.thg-c26 .h26-logo img { height: 48px !important; width: auto !important; max-width: none !important; } @media (max-width: 1024px) { #thg.thg-c26 .h26-logo img { height: 43px !important; } } #thg.thg-c26 .h26-m-head { font: 700 16.5px/1.2 var(--thg-font-head) !important; letter-spacing: -0.01em !important; margin-bottom: 16px !important; } /* Gruppen-Ueberschriften im Mega-Menue groesser (14.10.2026) */ /* ===== Einzelbeitrag 2026 (single.php, 14.10.2026) ===== */ #thg.thg-c26 .p26-body { max-width: var(--s-frame); margin: 0 auto; padding: 32px 40px 72px; box-sizing: border-box; } #thg.thg-c26 .p26-body #cs-content .x-section, #thg.thg-c26 .p26-body #cs-content .e-con { padding: 0 !important; margin: 0 !important; background: none !important; } #thg.thg-c26 .p26-body #cs-content .x-container.max.width { width: 100% !important; max-width: none !important; margin: 0 !important; } #thg.thg-c26 .p26-body #cs-content .x-row-inner { display: grid !important; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 28px 56px; align-items: center; margin: 0 !important; } #thg.thg-c26 .p26-body #cs-content .x-col { width: auto !important; max-width: none !important; margin: 0 !important; flex: none !important; } #thg.thg-c26 .p26-body #cs-content .x-row-inner:has(h2) > .x-col:nth-child(4n+3) { order: 4; } /* Bild der zweiten Zeile nach rechts, Wechsel links/rechts */ #thg.thg-c26 .p26-body #cs-content .x-row-inner:has(h2) > .x-col:nth-child(4n+4) { order: 3; } #thg.thg-c26 .p26-body #cs-content .x-row-inner:has(h2) > .x-col:nth-child(n+5) { order: 5; } #thg.thg-c26 .p26-body #cs-content .x-row-inner:has(> .x-col:only-child) { grid-template-columns: minmax(0, 960px); justify-content: center; } #thg.thg-c26 .p26-body #cs-content .x-col:only-child img.x-img + img.x-img, #thg.thg-c26 .p26-body #cs-content .x-col:only-child img.x-img { margin-bottom: 28px !important; } #thg.thg-c26 .p26-body #cs-content img.x-img { display: block; width: 100%; height: auto; padding: 0 !important; border: 1px solid var(--thg-line) !important; border-radius: 20px !important; box-shadow: 0 18px 40px rgba(15, 23, 42, .08) !important; background: #fff; } #thg.thg-c26 .p26-body #cs-content .x-col:has(> img) + .x-col, #thg.thg-c26 .p26-body #cs-content .x-col:not(:has(img)) { padding: 8px 0; } #thg.thg-c26 .p26-body #cs-content h2, #thg.thg-c26 .p26-body #cs-content .h-custom-headline { font: 800 clamp(24px, 2.2vw, 32px)/1.2 var(--thg-font-head) !important; letter-spacing: -0.02em; color: var(--thg-ink) !important; margin: 0 0 14px !important; } #thg.thg-c26 .p26-body #cs-content hr.x-line { width: 56px; border: 0 !important; border-top: 3px solid var(--thg-orange) !important; margin: 0 0 18px !important; } #thg.thg-c26 .p26-body #cs-content p, #thg.thg-c26 .p26-body #cs-content li { font: 400 17px/1.7 var(--thg-font-body) !important; color: var(--thg-text) !important; } #thg.thg-c26 .p26-body .s26-help { margin-top: 64px; } #thg.thg-c26.single-post #comments, #thg.thg-c26.single-post .comments-area { display: none !important; } @media (max-width: 900px) { #thg.thg-c26 .p26-body { padding: 20px 16px 48px; } #thg.thg-c26 .p26-body #cs-content .x-row-inner { grid-template-columns: 1fr; gap: 16px; } #thg.thg-c26 .p26-body #cs-content .x-col { order: 0 !important; } #thg.thg-c26 .p26-body #cs-content .x-col:has(> img):not(:first-child) { margin-top: 28px !important; } }