/* HEISMANN | Startseiten-Bausteine für native Enfold-Unterseiten [01] Gemessene V4-Typografie und gemeinsames Raster. */ #top.hm-inner .hs-page .container { max-width:1440px; padding-left:64px; padding-right:64px; } #top.hm-inner .hs-page .content { padding-top:100px; padding-bottom:100px; } #top.hm-inner .hs-page :is(h1,h2,h3,h4,.av-special-heading-tag) { font-family:Bahnschrift,"Arial Black",Arial,sans-serif!important; font-weight:700; letter-spacing:-.055em; line-height:1.04; text-transform:none; } #top.hm-inner .hs-page h1.av-special-heading-tag { font-size:clamp(54px,6.3vw,110px)!important; } #top.hm-inner .hs-page h2.av-special-heading-tag { font-size:clamp(42px,4.3vw,66px)!important; } #top.hm-inner .hs-page h3.av-special-heading-tag { font-size:30px!important; line-height:1.12; letter-spacing:-.035em; } #top.hm-inner .hs-page .hm-heading { text-align:left; max-width:none; padding-bottom:30px; } #top.hm-inner .hs-page :is(.hm-copy,.toggle_content) { font:400 17px/1.7 Arial,Helvetica,sans-serif; } #top.hm-inner .hs-page .hm-eyebrow p { font:400 11px/1.6 Consolas,Monaco,monospace; letter-spacing:.14em; text-transform:uppercase; margin:0 0 28px; } #top.hm-inner .hs-page .hm-image img { border-radius:5px; } #top.hm-inner .hs-page .avia-button { border-radius:5px; transition:background .2s,color .2s,transform .2s; } /* [02] Fotobühne: Originalmotiv groß, weißer Titel, nativer Parallax-Hintergrund. */ #top.hm-inner .hs-photo-hero .content { padding-top:110px; padding-bottom:110px; } #top.hm-inner .hs-photo-hero .entry-content-wrapper { min-height:420px; display:flex; flex-direction:column; justify-content:center; align-items:flex-start; } #top.hm-inner .hs-photo-hero .hm-heading { max-width:1050px; } #top.hm-inner .hs-photo-hero :is(h1,.hm-eyebrow p) { color:var(--hm-white)!important; } #top.hm-inner .hs-photo-hero .hm-eyebrow { border-top:1px solid #ffffff88; padding-top:20px; min-width:220px; } #top.hm-inner .hs-long-title h1.av-special-heading-tag { font-size:clamp(48px,5.2vw,88px)!important; } #top.hm-inner .hs-photo-hero .avia-button { background:var(--hm-white)!important; color:var(--hm-anthracite)!important; border:1px solid var(--hm-white)!important; margin-top:22px; } #top.hm-inner .hs-photo-hero .avia-button:hover { background:var(--hm-anthracite)!important; color:var(--hm-white)!important; } /* [03] Redaktioneller Einstieg: markante linke Spalte, vollständiger Originaltext. */ #top.hm-inner .hs-opener .hs-intro-body { padding-top:9px; } #top.hm-inner .hs-opener .hs-intro-body .hm-copy { max-width:76ch; } #top.hm-inner .hs-opener .hs-editorial-title h2.av-special-heading-tag { font-size:clamp(39px,3.7vw,60px)!important; } #top.hm-inner .hs-editorial-inset .hs-inset-note { border-top:5px solid var(--hm-blue); padding-top:22px; margin-top:30px; font:400 16px/1.6 Arial,sans-serif; } #top.hm-inner .hs-editorial-inset .hm-button { margin-top:20px; } #top.hm-inner .hs-editorial-inset .avia-button { background:var(--hm-blue)!important; color:white!important; border:0!important; } #top.hm-inner .hs-editorial-inset .avia-button:hover { background:var(--hm-dark-blue)!important; } /* [04] Eingeklinkte Qualitätskarte nach V4: Bildfläche, rechte Karte, blaue Oberkante. */ #top.hm-inner .hs-photo-stage .content { padding-top:100px; padding-bottom:100px; } #top.hm-inner .hs-photo-stage .entry-content-wrapper { min-height:540px; display:flex; align-items:center; justify-content:flex-end; } #top.hm-inner .hs-photo-stage .flex_column_table { display:flex; justify-content:flex-end; width:100%; } #top.hm-inner .hs-photo-stage .hs-overlay-card { display:block; width:540px; max-width:100%; flex:0 1 540px; margin:0!important; padding:42px; background:var(--hm-white); border-top:5px solid var(--hm-blue); border-radius:5px; } #top.hm-inner .hs-photo-stage .hs-overlay-card h2.av-special-heading-tag { font-size:59px!important; } #top.hm-inner .hs-photo-stage .hs-overlay-card :is(.hm-copy,p,h2,h3) { color:var(--hm-text)!important; } #top.hm-inner .hs-photo-stage .hs-overlay-card .hm-eyebrow p { color:var(--hm-blue)!important; } #top.hm-inner .hs-photo-stage .avia-button { background:white!important; color:var(--hm-text)!important; border:1px solid var(--hm-anthracite)!important; } #top.hm-inner .hs-photo-stage .avia-button:hover { background:var(--hm-anthracite)!important; color:white!important; } /* [05] Verlinkte blaue Themenkarten: gesamte Karte klickbar, kompakt und mit Hover. */ #top.hm-inner .hs-linked-topics .content { padding-top:0; padding-bottom:100px; } #top.hm-inner .hs-linked-topics .flex_column_table { margin-top:24px; } #top.hm-inner .hs-linked-topics .hs-link-card { position:relative; background:var(--hm-blue); padding:24px; border-radius:5px; transition:transform .25s,background .25s; } #top.hm-inner .hs-linked-topics .hs-link-card:hover,#top.hm-inner .hs-linked-topics .hs-link-card:focus-within { background:var(--hm-dark-blue); transform:translateY(-5px); } #top.hm-inner .hs-linked-topics .hs-link-card :is(.hm-copy,p) { color:white!important; font-size:14px; line-height:1.5; } #top.hm-inner .hs-linked-topics .hm-button { margin:0 0 16px; } #top.hm-inner .hs-linked-topics .avia-button { position:static; padding:0; background:transparent!important; border:0!important; text-align:left; font:700 21px/1.2 Bahnschrift,Arial,sans-serif; color:white!important; } #top.hm-inner .hs-linked-topics .avia-button::after { content:""; position:absolute; inset:0; z-index:2; } /* [06] Blaue Statements und dunkle Vorteilsabschnitte: V4-Farbwechsel und Maßstab. */ #top.hm-inner .hs-statement { background:var(--hm-blue)!important; } #top.hm-inner .hs-statement .hm-heading h2.av-special-heading-tag { font-size:clamp(48px,5.6vw,90px)!important; } #top.hm-inner .hs-statement :is(h2,h3,.hm-copy,.hm-copy p,.hm-copy li,.hm-copy strong,.hm-eyebrow p) { color:white!important; } #top.hm-inner .hs-statement .hm-column:last-child { padding-top:12px; } #top.hm-inner .hs-benefits { background:var(--hm-anthracite)!important; } #top.hm-inner .hs-benefits ul { list-style:none; margin:0; } #top.hm-inner .hs-benefits li { padding:22px 0; border-top:1px solid var(--hm-line-dark); } #top.hm-inner .hs-quality .hm-card h3 { font-size:28px!important; } /* [07] Historie und Detail-Akkordeons: große Kapitel, ruhige technische Linien. */ #top.hm-inner .hs-history .content { padding-top:100px; padding-bottom:100px; } #top.hm-inner .hs-history .hm-year p { font:700 clamp(65px,6.5vw,110px)/1 Bahnschrift,"Arial Black",Arial,sans-serif; letter-spacing:-.06em; } #top.hm-inner .hs-history h2.av-special-heading-tag { font-size:clamp(40px,3.8vw,60px)!important; } #top.hm-inner .hs-history .hm-image { max-width:none; } #top.hm-inner .hs-history .hm-image img { width:100%; max-height:420px; object-fit:cover; } #top.hm-inner .hs-history .hm-timeline-copy>.hm-copy:first-child { font-size:17px; } #top.hm-inner .hs-page .hm-accordion .toggler { font:700 23px/1.35 Arial,sans-serif; padding:25px 36px 25px 0; } #top.hm-inner .hs-page .hm-accordion .toggle_content { font:400 17px/1.7 Arial,sans-serif; padding-bottom:28px; } #top.hm-inner .hs-page .hm-accordion .single_toggle { border-color:var(--hm-line); } #top.hm-inner .hs-services .content,#top.hm-inner .hs-process .content { padding-top:130px; padding-bottom:130px; } #top.hm-inner .hs-services .hm-accordion,#top.hm-inner .hs-process .hm-accordion { margin-top:0; } /* [08] Ruhigere Artikel, Kontakt und Pflichtinformationen. */ #top.hm-inner .hs-type-opener .content { padding-top:95px; } #top.hm-inner .hm-article.hs-page h1.av-special-heading-tag { font-size:clamp(42px,4.8vw,78px)!important; } #top.hm-inner .hm-legal.hs-page h1.av-special-heading-tag { font-size:clamp(42px,4.3vw,68px)!important; } #top.hm-inner .hm-legal.hs-page h2.av-special-heading-tag { font-size:32px!important; letter-spacing:-.025em; line-height:1.2; } #top.hm-inner .hs-news-index .entry-title { font-family:Bahnschrift,Arial,sans-serif!important; font-size:32px; letter-spacing:-.03em; } #top.hm-inner .hs-career-jobs { background:var(--hm-anthracite)!important; } #top.hm-inner .hs-career-jobs :is(h2,h3,.hm-copy,.hm-copy p,.hm-copy li,.hm-copy strong,.hm-eyebrow p) { color:white!important; } #top.hm-inner .hs-career-jobs a { color:var(--hm-light-blue); } /* [09] Mobil: saubere Reihenfolge, große Bilder, keine abgeschnittenen Texte. */ @media(max-width:989px) { #top.hm-inner .hs-page .container { padding-left:32px; padding-right:32px; } #top.hm-inner .hs-page .content { padding-top:70px; padding-bottom:70px; } #top.hm-inner .hs-photo-stage .hs-overlay-card { padding:32px; } #top.hm-inner .hs-photo-stage .hs-overlay-card h2.av-special-heading-tag { font-size:48px!important; } } @media(max-width:767px) { #top.hm-inner .hs-page .container { width:100%; max-width:100%; padding-left:24px; padding-right:24px; } #top.hm-inner .hs-page .content { padding-top:58px; padding-bottom:58px; } #top.hm-inner .hs-page h1.av-special-heading-tag,#top.hm-inner .hs-long-title h1.av-special-heading-tag { font-size:46px!important; overflow-wrap:break-word; } #top.hm-inner .hs-page h2.av-special-heading-tag,#top.hm-inner .hs-opener .hs-editorial-title h2.av-special-heading-tag,#top.hm-inner .hs-history h2.av-special-heading-tag { font-size:40px!important; } #top.hm-inner .hs-statement .hm-heading h2.av-special-heading-tag { font-size:46px!important; } #top.hm-inner .hs-photo-hero .entry-content-wrapper { min-height:410px; } #top.hm-inner .hs-photo-hero .content { padding-top:65px; padding-bottom:65px; } #top.hm-inner .hs-opener .hs-intro-body { padding-top:24px; } #top.hm-inner .hs-photo-stage .content { padding-top:250px; padding-bottom:40px; } #top.hm-inner .hs-photo-stage .entry-content-wrapper { min-height:0; display:block; } #top.hm-inner .hs-photo-stage .flex_column_table { display:block; } #top.hm-inner .hs-photo-stage .hs-overlay-card { width:100%; padding:26px; } #top.hm-inner .hs-photo-stage .hs-overlay-card h2.av-special-heading-tag { font-size:40px!important; } #top.hm-inner .hs-linked-topics .content { padding-top:0; } #top.hm-inner .hs-linked-topics .hs-link-card { margin-bottom:18px!important; } #top.hm-inner .hs-page .hm-accordion .toggler { font-size:20px; } #top.hm-inner .hs-history .hm-year p { font-size:64px; } } /* [10] Bewegung respektiert Betriebssystem-Einstellung. */ @media(prefers-reduced-motion:reduce) { #top.hm-inner .hs-page :is(.flex_column,.avia-image-container,.av-animated-generic) { opacity:1!important; transform:none!important; animation:none!important; transition:none!important; } #top.hm-inner .hs-page .av-parallax { transform:none!important; } } /* [11] Historie: Bild und Detailtext bündig gegenüber der Jahresmarke. */ #top.hm-inner .hs-history .hm-timeline-copy .hm-image { margin:35px 0 0; } #top.hm-inner .hs-history .hm-timeline-copy .avia-image-container-inner,#top.hm-inner .hs-history .hm-timeline-copy .avia-image-overlay-wrap { width:100%; } #top.hm-inner .hs-history-blue { background:var(--hm-blue)!important; } #top.hm-inner .hs-history-blue .hm-year p { color:white; } #top.hm-inner .hs-history-blue .hm-eyebrow p { color:white; } /* [12] Lange deutsche Komposita bleiben in ihrer Karte und Spalte. */ #top.hm-inner .hs-page :is(h1,h2,h3,.av-special-heading-tag) { overflow-wrap:anywhere; hyphens:manual; } #top.hm-inner .hs-photo-stage .hs-overlay-card .av-special-heading-tag { max-width:100%; } /* Lange Originaltitel bekommen eine eigene, global definierte Kartenvariante. */ #top.hm-inner .hs-photo-stage .hs-long-card h2.av-special-heading-tag { font-size:44px!important; } @media(max-width:767px) { #top.hm-inner .hs-photo-stage .hs-long-card h2.av-special-heading-tag { font-size:36px!important; } } /* [13] Branchenvorteile: volle Breite statt hoher Liste neben leerer Titelspalte. Der Inhalt bleibt eine normale, im Avia-Textblock editierbare Aufzählung. */ #top.hm-inner .hs-benefits-grid .hm-heading { max-width:900px; padding-bottom:30px; } #top.hm-inner .hs-benefits-grid .hs-benefit-list { max-width:none; width:100%; } #top.hm-inner .hs-benefits-grid .hs-benefit-list ul { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); column-gap:60px; margin:12px 0 30px; padding:0; list-style:none; } #top.hm-inner .hs-benefits-grid .hs-benefit-list li { position:relative; margin:0; padding:22px 0 22px 26px; border-top:1px solid var(--hm-line-dark); font:400 18px/1.5 Arial,sans-serif; } #top.hm-inner .hs-benefits-grid .hs-benefit-list li::before { content:'+'; position:absolute; left:0; top:22px; color:var(--hm-light-blue); font:400 18px/1.5 Consolas,monospace; } #top.hm-inner .hs-benefits-grid .hm-copy:not(.hs-benefit-list) { max-width:820px; margin-top:20px; } /* [14] Branchenqualität: Einleitung auf Höhe der ersten Headline-Zeile, schmalere Lesespalte. Vorzeile steht links darüber. */ #top.hm-inner .hs-sector-quality .hs-quality-lead { padding-top:53px; } #top.hm-inner .hs-sector-quality .hs-quality-lead .hm-copy { max-width:430px; } #top.hm-inner .hs-sector-services .hs-service-summary { max-width:450px; margin:0 0 28px; } #top.hm-inner .hs-sector-services .hm-accordion { margin-top:0; } @media(max-width:989px) { #top.hm-inner .hs-benefits-grid .hs-benefit-list ul { column-gap:32px; } } /* [15] Redaktionelle Seiten: Headline und Lesespalte nehmen dieselbe Linie auf. Gilt bewusst nicht für die freigegebene Startseite oder Branchen. */ #top.hm-editorial-refined .hs-opener .hs-intro-body { padding-top:49px; } #top.hm-editorial-refined .hs-opener .hs-intro-body .hm-copy { max-width:58ch; } #top.hm-editorial-refined .hs-statement .hm-heading h2.av-special-heading-tag { font-size:clamp(44px,4.4vw,70px)!important; } #top.hm-editorial-refined .hs-statement .hm-column:last-child { padding-top:50px; } #top.hm-editorial-refined .hs-statement .hm-column:last-child .hm-copy { max-width:52ch; } #top.hm-editorial-refined .hs-history .hm-timeline-copy { padding-top:26px; padding-left:42px; } #top.hm-editorial-refined .hs-history .hm-timeline-label { border-top:4px solid var(--hm-blue); } #top.hm-editorial-refined .hs-history.hm-dark .hm-timeline-label { border-top-color:var(--hm-light-blue); } /* [16] Team: Originalporträts in ehrlicher Auflösung, präzise Kontaktkarten. */ #top.hm-inner .hs-team-directory .entry-content-wrapper>.hm-copy { max-width:74ch; margin-bottom:40px; } #top.hm-inner .hs-team-directory .hs-person { display:grid; grid-template-columns:155px minmax(0,1fr); grid-template-rows:auto 1fr; gap:0 28px; padding:28px 0; border-top:4px solid var(--hm-blue); border-bottom:1px solid var(--hm-line); margin-top:35px; } #top.hm-inner .hs-team-directory .hs-person .hm-image { grid-column:1; grid-row:1 / 3; width:155px; margin:0; align-self:start; } #top.hm-inner .hs-team-directory .hs-person .hm-image img { width:155px; height:140px; aspect-ratio:auto; object-fit:contain; } #top.hm-inner .hs-team-directory .hs-person .hm-heading { grid-column:2; grid-row:1; padding-bottom:14px; } #top.hm-inner .hs-team-directory .hs-person .hm-copy { grid-column:2; margin:0; border:0; padding:0; } #top.hm-inner .hs-team-directory .hs-person > .av_textblock_section { grid-column:2; grid-row:2; } #top.hm-inner .hs-team-directory .hs-person h3.av-special-heading-tag { font-size:30px!important; } #top.hm-inner .hs-team-contact { margin-top:60px; padding:32px; border-top:5px solid var(--hm-light-blue); background:var(--hm-dark-blue); border-radius:5px; } #top.hm-inner .hs-team-contact :is(p,.hm-copy) { color:white!important; } /* [17] Stellenangebote: volle Überschrift, zwei kompakte Spalten wie V4-News. */ #top.hm-inner .hs-jobs-directory .entry-content-wrapper { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); column-gap:60px; } #top.hm-inner .hs-jobs-directory .entry-content-wrapper::before,#top.hm-inner .hs-jobs-directory .entry-content-wrapper::after { display:none; } #top.hm-inner .hs-jobs-directory .hm-eyebrow,#top.hm-inner .hs-jobs-directory .hm-heading { grid-column:1 / -1; max-width:1000px; } #top.hm-inner .hs-jobs-directory .hm-heading { margin-bottom:36px; } #top.hm-inner .hs-jobs-directory .hm-copy { position:relative; border-top:1px solid var(--hm-line-dark); border-bottom:0; margin:0; padding:25px 20px 25px 0; transition:border-color .2s; } #top.hm-inner .hs-jobs-directory .hm-copy p { margin:0; } #top.hm-inner .hs-jobs-directory .hm-copy strong { display:block; font:700 24px/1.2 Bahnschrift,Arial,sans-serif; letter-spacing:-.025em; } #top.hm-inner .hs-jobs-directory .hm-copy br { display:none; } #top.hm-inner .hs-jobs-directory .hm-copy a { display:inline-block; margin-top:14px; font:400 13px/1.5 Consolas,monospace; color:var(--hm-light-blue); } #top.hm-inner .hs-jobs-directory .hm-copy a::after { content:''; position:absolute; inset:0; } #top.hm-inner .hs-jobs-directory .hm-copy:hover,#top.hm-inner .hs-jobs-directory .hm-copy:focus-within { border-top-color:var(--hm-light-blue); } /* [18] Technische Verzeichnisse und Dokumente: breite, gut lesbare Linien. */ #top.hm-inner :is(.hs-machine-directory,.hs-download-directory) .hm-heading { max-width:850px; } #top.hm-inner .hs-machine-directory .hm-button { margin:0 0 35px; } #top.hm-inner :is(.hs-machine-directory,.hs-download-directory) .hm-accordion { margin-top:30px; } #top.hm-inner .hs-machine-directory .toggle_content { max-width:1100px; } #top.hm-inner .hs-machine-directory .toggle_content table { table-layout:fixed; } #top.hm-inner .hs-machine-directory .toggle_content td:first-child { width:32%; font-weight:700; } #top.hm-inner .hs-download-directory .toggle_content a { display:inline-block; padding:9px 0; text-decoration:underline; text-underline-offset:5px; } #top.hm-inner .hs-detail-chapters .hm-accordion { margin-top:0; } #top.hm-inner .hs-detail-chapters .hm-column:last-child { padding-top:48px; } #top.hm-inner .hs-process-chapter .hm-column:last-child { padding-top:50px; } #top.hm-inner .hs-process-chapter .hm-copy { max-width:55ch; } #top.hm-inner .hs-logistics-panel { background:var(--hm-anthracite)!important; } #top.hm-inner .hs-certification-panel { background:var(--hm-blue)!important; } #top.hm-inner .hs-certification-panel .hm-column:last-child { padding-top:50px; } #top.hm-inner .hs-certification-panel .avia-button,#top.hm-inner .hs-logistics-panel .avia-button,#top.hm-inner .hs-team-contact .avia-button { background:white!important; color:var(--hm-anthracite)!important; border:1px solid white!important; } #top.hm-inner .hs-certification-panel .avia-button:hover,#top.hm-inner .hs-logistics-panel .avia-button:hover,#top.hm-inner .hs-team-contact .avia-button:hover { background:var(--hm-dark-blue)!important; color:white!important; } /* [19] Kontakt und Nachrichten: ruhige Funktion, dieselbe technische Handschrift. */ #top.hm-editorial-refined .hm-form-panel .content { padding-top:75px; } #top.hm-editorial-refined .hm-form-panel input[type=text],#top.hm-editorial-refined .hm-form-panel input[type=email],#top.hm-editorial-refined .hm-form-panel textarea { background:white; border:1px solid var(--hm-line); border-radius:5px; padding:16px; font:400 17px/1.5 Arial,sans-serif; } #top.hm-editorial-refined .hm-form-panel :is(input,textarea):focus-visible { outline:2px solid var(--hm-blue); outline-offset:3px; } #top.hm-editorial-refined .hs-news-index .post-entry { padding-top:34px; border-top:1px solid var(--hm-line); } #top.hm-editorial-refined .hs-news-index .post-meta-infos { font:400 12px/1.6 Consolas,monospace; color:var(--hm-blue); } /* [20] Mobile Redaktion: fließende Reihenfolge und kompakte Personenporträts. */ @media(max-width:989px) { #top.hm-inner .hs-team-directory .hs-person { grid-template-columns:110px minmax(0,1fr); gap:0 20px; } #top.hm-inner .hs-team-directory .hs-person .hm-image,#top.hm-inner .hs-team-directory .hs-person .hm-image img { width:110px; height:auto; } } /* [21] Karriereabschluss: Bewerbung und Originaltext in einer gemeinsamen Bühne. */ #top.hm-inner .hs-career-footer .hs-career-story { padding-top:50px; } #top.hm-inner .hs-career-footer .hs-career-story .hm-copy { max-width:420px; margin-left:auto; } #top.hm-inner .hs-career-footer .hs-career-contact h2.av-special-heading-tag { font-size:clamp(42px,4.1vw,64px)!important; } #top.hm-inner .hs-career-footer .hs-career-contact .av-special-heading-h3 { border-top:1px solid #ffffff66; margin-top:22px; padding-top:28px; padding-bottom:8px; } #top.hm-inner .hs-career-footer .hs-career-contact h3.av-special-heading-tag { font:400 20px/1.4 Arial,sans-serif!important; letter-spacing:0; } #top.hm-inner .hs-career-footer .hs-career-address { margin:0; } #top.hm-inner .hs-career-footer .hs-career-address a { color:white; font:400 clamp(25px,2.3vw,34px)/1.3 Arial,sans-serif; text-decoration:none; } #top.hm-inner .hs-career-footer .hs-career-address p+p { margin-top:25px; font-size:15px; } #top.hm-inner .hs-career-footer .hs-career-legal { padding-top:28px; margin-top:60px; border-top:1px solid #ffffff66; } #top.hm-inner .hs-career-footer .hs-career-legal .hm-copy { display:flex; align-items:center; justify-content:space-between; gap:20px; max-width:none; font-size:13px; } #top.hm-inner .hs-career-footer .hs-career-legal p { margin:0; } #top.hm-inner .hs-career-footer .hs-career-legal a { color:white; text-decoration:none; } #top.hm-inner .hs-career-footer a:hover { text-decoration:underline; text-underline-offset:4px; } @media(max-width:767px) { #top.hm-inner .hs-career-footer .hs-career-story { padding-top:15px; } #top.hm-inner .hs-career-footer .hs-career-story .hm-copy { max-width:none; margin-left:0; } #top.hm-inner .hs-career-footer .hs-career-legal { margin-top:25px; } #top.hm-inner .hs-career-footer .hs-career-legal .hm-copy { display:block; } #top.hm-inner .hs-career-footer .hs-career-legal p+p { margin-top:16px; } } /* [22] Vorzeilen: Beschriftung, feine Linie, Abstand, Hauptüberschrift. Gemeinsame Unterseiten-Bausteine; Startseite bleibt die Referenz. */ #top.hm-inner .hs-page .hm-eyebrow { border-top:0; padding-top:0; } #top.hm-inner .hs-page .hm-eyebrow p { border-bottom:1px solid var(--hm-line); padding-bottom:16px; margin-bottom:28px; } #top.hm-inner .hs-photo-hero .hm-eyebrow p { border-bottom-color:#ffffff88; } #top.hm-inner :is(.hm-dark,.hs-statement,.hs-career-jobs) .hm-eyebrow p { border-bottom-color:#ffffff66; } #top.hm-inner .hs-photo-stage .hs-overlay-card .hm-eyebrow p { border-bottom-color:var(--hm-line); } #top.hm-inner .hs-editorial-inset .hs-inset-note { border-top:0; padding-top:0; margin-top:12px; } #top.hm-editorial-refined .hs-opener .hs-intro-body { padding-top:66px; } #top.hm-editorial-refined .hs-opener .hs-intro-body .hm-copy { max-width:560px; margin-left:auto; } @media(max-width:767px) { #top.hm-editorial-refined .hs-opener .hs-intro-body { padding-top:20px; } #top.hm-editorial-refined .hs-opener .hs-intro-body .hm-copy { max-width:none; margin-left:0; } } /* [23] Karriere-Einstieg: breitere Lesespalte, näher am Titel und leicht höher. */ #top.hm-editorial-refined .hs-career-intro .hs-intro-body { padding-top:54px; } #top.hm-editorial-refined .hs-career-intro .hs-intro-body .hm-copy { max-width:660px; margin-left:auto; } #top.hm-editorial-refined .hs-career-intro .hs-intro-body .hm-copy p { margin:0 0 22px; } #top.hm-editorial-refined .hs-career-intro .hs-intro-body .hm-copy p:last-child { margin-bottom:0; } @media(max-width:767px) { #top.hm-editorial-refined .hs-career-intro .hs-intro-body { padding-top:20px; } #top.hm-editorial-refined .hs-career-intro .hs-intro-body .hm-copy { max-width:none; margin-left:0; } } /* [24] Karriereabschluss: mehr Lesebreite und kürzere linke Trennlinien. */ #top.hm-inner .hs-career-footer .hs-career-story .hm-copy { max-width:520px; } #top.hm-inner .hs-career-footer .hs-career-story .hm-copy p { margin:0 0 22px; } #top.hm-inner .hs-career-footer .hs-career-contact .hm-eyebrow p, #top.hm-inner .hs-career-footer .hs-career-contact .av-special-heading-h3 { max-width:calc(100% - 100px); } @media(max-width:767px) { #top.hm-inner .hs-career-footer .hs-career-story .hm-copy { max-width:none; } #top.hm-inner .hs-career-footer .hs-career-contact .hm-eyebrow p, #top.hm-inner .hs-career-footer .hs-career-contact .av-special-heading-h3 { max-width:100%; } } /* [25] Gemeinsame Unterseiten-Einstiege: Lesebreite und Satzgliederung. Startseite ist von hm-inner ausgeschlossen. */ #top.hm-inner .hs-opener .hs-intro-body { padding-top:54px; } #top.hm-inner .hs-opener .hs-intro-body .hm-copy { max-width:660px; margin-left:auto; } #top.hm-inner .hs-page .hm-copy p+p,#top.hm-inner .hs-page .toggle_content p+p { margin-top:22px; } #top.hm-inner .hs-editorial-split .hm-column:last-child .hm-copy { max-width:580px; } /* Kleine optische Korrektur zur Bewerbungsadresse in der rechten Spalte. */ #top.hm-inner .hs-career-intro .hs-editorial-inset .hm-button { margin-top:37px; } @media(max-width:767px) { #top.hm-inner .hs-opener .hs-intro-body { padding-top:20px; } #top.hm-inner .hs-opener .hs-intro-body .hm-copy { max-width:none; margin-left:0; } #top.hm-inner .hs-career-intro .hs-editorial-inset .hm-button { margin-top:20px; } } /* [27] Individuelle Abschlussüberschriften: kompakt innerhalb der linken Spalte. */ #top .hm-global-footer h2.av-special-heading-tag { font-size:clamp(36px,4vw,64px)!important; line-height:1.08!important; text-transform:none!important; letter-spacing:-.03em!important; max-width:100%; overflow-wrap:break-word; hyphens:auto; text-wrap:balance; } /* [26] Kurze Vorzeilenlinien und präzise Kanten der Branchen-Bausteine. */ #top.hm-inner .hs-page .hm-eyebrow p { position:relative; border-bottom-width:0; } #top.hm-inner .hs-page .hm-eyebrow p::after { content:''; position:absolute; left:0; bottom:0; width:min(300px,100%); height:1px; background:var(--hm-line); } #top.hm-inner :is(.hm-dark,.hs-statement,.hs-career-jobs) .hm-eyebrow p::after { background:#ffffff66; } #top.hm-inner .hs-photo-stage .hs-overlay-card .hm-eyebrow p::after { background:var(--hm-line); } #top.hm-inner[class*='hm-sector-'] .hs-opener .hs-intro-body { padding-top:42px; } #top.hm-inner[class*='hm-sector-'] .hs-opener .hs-intro-body .hm-copy { max-width:600px; text-wrap:pretty; } #top.hm-inner[class*='hm-sector-'] .hs-opener .hs-intro-body > .av_textblock_section + .av_textblock_section { margin-top:22px; } #top.hm-inner .hs-sector-quality .hs-quality-lead .hm-copy { margin-left:auto; text-wrap:pretty; } #top.hm-inner .hs-sector-services .hm-accordion { margin-top:33.6px; } @media(max-width:767px) { #top.hm-inner[class*='hm-sector-'] .hs-opener .hs-intro-body { padding-top:20px; } #top.hm-inner[class*='hm-sector-'] .hs-opener .hs-intro-body .hm-copy { max-width:none; } #top.hm-inner .hs-sector-services .hm-accordion { margin-top:12px; } } @media(max-width:767px) { #top.hm-editorial-refined .hs-opener .hs-intro-body,#top.hm-editorial-refined .hs-statement .hm-column:last-child,#top.hm-inner .hs-detail-chapters .hm-column:last-child,#top.hm-inner .hs-process-chapter .hm-column:last-child,#top.hm-inner .hs-certification-panel .hm-column:last-child { padding-top:20px; } #top.hm-inner .hs-jobs-directory .entry-content-wrapper { grid-template-columns:1fr; } #top.hm-inner .hs-jobs-directory .hm-copy { padding:24px 0; } #top.hm-inner .hs-jobs-directory .hm-copy strong { font-size:23px; } #top.hm-inner .hs-team-directory .hs-person { display:grid!important; margin-bottom:20px!important; } #top.hm-inner .hs-team-directory .hs-person h3.av-special-heading-tag { font-size:25px!important; } #top.hm-inner .hs-team-directory .hs-person .hm-copy { font-size:15px; } #top.hm-inner .hs-team-contact { padding:24px; } #top.hm-editorial-refined .hs-history .hm-timeline-copy { padding-left:20px; padding-top:0; } #top.hm-inner .hs-machine-directory .toggle_content table { table-layout:auto; } } @media(max-width:767px) { #top.hm-inner .hs-benefits-grid .hs-benefit-list ul { grid-template-columns:1fr; } #top.hm-inner .hs-benefits-grid .hs-benefit-list li { font-size:17px; padding-top:19px; padding-bottom:19px; } #top.hm-inner .hs-benefits-grid .hs-benefit-list li::before { top:19px; } #top.hm-inner .hs-sector-quality .hs-quality-lead { padding-top:0; } #top.hm-inner .hs-sector-quality .hs-quality-lead .hm-copy { max-width:none; } } /* [28] Bildschirmfüllende Bild-Heros und lesbare lange Branchenbezeichnungen. */ #top.hm-inner .hs-photo-hero .content { min-height:calc(100vh - 88px); min-height:calc(100svh - 88px); box-sizing:border-box; padding-top:80px; padding-bottom:80px; display:flex; align-items:center; } #top.admin-bar.hm-inner .hs-photo-hero .content { min-height:calc(100svh - 120px); } #top.hm-inner .hs-photo-hero .post-entry { width:100%; } #top.hm-inner .hs-photo-hero .entry-content-wrapper { min-height:0; width:100%; } #top:is(.hm-sector-elektro,.hm-sector-haushalt,.hm-sector-maschinenbau) .hs-opener .hs-editorial-title, #top:is(.hm-sector-elektro,.hm-sector-haushalt,.hm-sector-maschinenbau) .hs-opener .hs-intro-body { width:47%; } #top.hm-inner:is(.hm-sector-elektro,.hm-sector-haushalt,.hm-sector-maschinenbau) .hs-opener .hs-editorial-title h2.av-special-heading-tag { font-size:clamp(24px,3.2vw,58px)!important; overflow-wrap:normal; word-break:normal; hyphens:none; line-height:1.08; letter-spacing:-.045em; } #top .hs-opener .hm-title-line { display:block; white-space:nowrap; } @media(max-width:767px) { #top.hm-inner .hs-photo-hero .content { min-height:calc(100svh - 80px); padding-top:56px; padding-bottom:56px; } #top.admin-bar.hm-inner .hs-photo-hero .content { min-height:calc(100svh - 126px); } #top:is(.hm-sector-elektro,.hm-sector-haushalt,.hm-sector-maschinenbau) .hs-opener .hs-editorial-title, #top:is(.hm-sector-elektro,.hm-sector-haushalt,.hm-sector-maschinenbau) .hs-opener .hs-intro-body { width:100%; } } @media(max-width:767px) { #top.hm-inner:is(.hm-sector-elektro,.hm-sector-haushalt,.hm-sector-maschinenbau) .hs-opener .hs-editorial-title h2.av-special-heading-tag { font-size:clamp(24px,7.5vw,36px)!important; } } /* [29] Engagement: nur kompakte Servicezeile nach dem Sponsoring. */ #top .hm-global-footer.hm-footer-compact .content { padding-top:28px; padding-bottom:28px; } #top .hm-global-footer.hm-footer-compact { border-top:1px solid #ffffff33; } /* [30] Gemeinsame dunkle Fußzeile – Farbton des Startseiten-Karriereblocks. */ #top .hm-global-footer.hm-service-footer { background:var(--hm-anthracite)!important; border-top:1px solid #ffffff!important; color:#fff; } #top .hm-global-footer.hm-service-footer .content { padding-top:32px; padding-bottom:32px; } #top .hm-service-footer .hs-career-legal { margin-top:0; padding-top:0; border-top:0; } #top .hm-service-footer :is(p,a,strong) { color:#fff; } #top .hm-service-footer a:focus-visible { outline:2px solid var(--hm-light-blue); outline-offset:4px; } /* [31] Startseite: ursprünglicher großer Kontaktaufruf und weißer Hero-Pfeil. */ #top.page-id-85 #kontakt.hm-global-footer h2.av-special-heading-tag { font-size:clamp(68px,8vw,118px)!important; text-transform:uppercase!important; line-height:1.04!important; letter-spacing:-.055em!important; white-space:normal; hyphens:none; overflow-wrap:normal; text-wrap:initial; } #top.page-id-85 #v4-hero .v4-scroll .avia-button { color:#fff!important; border:1px solid #fff!important; background:transparent!important; } #top.page-id-85 #v4-hero .v4-scroll .avia_iconbox_title { color:#fff!important; } @media(min-width:768px) { #top.page-id-85 #v4-hero .entry-content-wrapper { display:grid; grid-template-columns:minmax(0,4fr) minmax(66px,1fr); column-gap:6%; align-items:end; } #top.page-id-85 #v4-hero .entry-content-wrapper::after { display:none; } #top.page-id-85 #v4-hero .v4-hero-title { grid-column:1/-1; } #top.page-id-85 #v4-hero :is(.v4-hero-intro,.v4-hero-scroll) { width:100%; margin:0!important; float:none; padding-bottom:0; } #top.page-id-85 #v4-hero .v4-hero-intro .v4-text-button { display:flex; margin-bottom:0; } #top.page-id-85 #v4-hero .v4-hero-intro .v4-text-button .avia-button { margin:0; min-height:54px; box-sizing:border-box; display:flex; align-items:center; } #top.page-id-85 #v4-hero .v4-hero-scroll { height:54px; padding:0; display:flex; align-items:center; justify-content:flex-end; } #top.page-id-85 #v4-hero .v4-scroll { margin:0; display:flex; } #top.page-id-85 #v4-hero .v4-scroll .avia-button { margin:0; } } @media(max-width:767px) { #top.page-id-85 #kontakt.hm-global-footer h2.av-special-heading-tag { font-size:clamp(48px,10vw,68px)!important; } } /* [32] Redaktionelle Abschluss-Typografie: Textlänge und verfügbare Spalte. */ #top .av-special-heading:has(> .hm-adaptive-heading) { container-type:inline-size; } #top .hm-global-footer h2.hm-adaptive-heading, #top.hm-inner .hs-page .hm-heading h2.hm-adaptive-heading { font-family:Bahnschrift,"Arial Black",Arial,sans-serif!important; font-weight:700!important; font-size:clamp(28px,min(var(--hm-footer-display-size,88px),var(--hm-footer-display-fit,12cqw)),112px)!important; line-height:1.02!important; letter-spacing:-.04em!important; text-transform:none!important; hyphens:none; overflow-wrap:normal; text-wrap:initial; } #top .hm-adaptive-heading .hm-footer-line { display:block; white-space:nowrap; } /* [33] Global back-to-top control: neutral anthracite, white icon. */ #top #scroll-top-link,#top #scroll-top-link:hover,#top #scroll-top-link:focus-visible{background-color:#19242c!important;color:#fff!important;border-color:rgba(255,255,255,.45)!important;} #top #scroll-top-link svg{fill:currentColor;} #top #scroll-top-link:focus-visible{outline:2px solid #fff;outline-offset:3px;} /* [Maschinenpark / 06.10.2026] Connected white sections and blue action buttons. Scoped to page 70; sitewide rollout awaits the requested general design pass. */ #top.page-id-70 #hs-einblick .content{padding-bottom:48px!important;} #top.page-id-70 #hm-abschnitt-2 .content{padding-top:40px!important;} #top.page-id-70 :is(#hs-einblick,#hm-abschnitt-2) .avia-button{background:var(--hm-blue,#396ba5)!important;border-color:var(--hm-blue,#396ba5)!important;color:#fff!important;border-radius:5px;} #top.page-id-70 :is(#hs-einblick,#hm-abschnitt-2) .avia-button:hover, #top.page-id-70 :is(#hs-einblick,#hm-abschnitt-2) .avia-button:focus-visible{background:var(--hm-anthracite,#19242c)!important;border-color:var(--hm-anthracite,#19242c)!important;color:#fff!important;} #top.page-id-70 :is(#hs-einblick,#hm-abschnitt-2) .avia-button:focus-visible{outline:2px solid var(--hm-blue,#396ba5);outline-offset:4px;} @media(max-width:767px){ #top.page-id-70 #hs-einblick .content{padding-bottom:28px!important;} #top.page-id-70 #hm-abschnitt-2 .content{padding-top:28px!important;} } /* Maschinenpark: headline-to-subline matches Fertigungsprozess (28px total). */ #top.page-id-70 #hs-einblick .hm-heading{padding-bottom:14.4px!important;} /* [Nachhaltigkeit / 06.10.2026] Native accordion, shared 660px text axis, wider environmental card, dark ISO panel and explicit button spacing. */ #top.page-id-72 #hs-einblick .hm-heading{padding-bottom:14.4px!important;} #top.page-id-72 .hs-sustainability-accordion{max-width:660px;margin:0 0 0 auto!important;} #top.page-id-72 .hs-sustainability-accordion .av_toggle_section{border-bottom:1px solid var(--hm-line,#b5c6d5)!important;} #top.page-id-72 .hs-sustainability-accordion .av_toggle_section:first-child{border-top:1px solid var(--hm-line,#b5c6d5)!important;} #top.page-id-72 .hs-sustainability-accordion .toggler{border:0!important;background:transparent!important;padding:23px 42px 23px 0!important;font-size:20px!important;line-height:1.35!important;color:var(--hm-text,#243440)!important;} #top.page-id-72 .hs-sustainability-accordion .toggle_content{border:0!important;background:transparent!important;padding:0 0 25px!important;color:var(--hm-text,#243440)!important;} #top.page-id-72 .hs-sustainability-accordion .toggle_icon{left:auto;right:4px;} #top.page-id-72 #hm-abschnitt-2 .hs-overlay-card{width:744px;flex:0 1 744px;max-width:100%;transform:translateX(42px);} #top.page-id-72 #hm-abschnitt-2 .hs-overlay-card h2{font-size:clamp(30px,3.5vw,52px)!important;white-space:nowrap;letter-spacing:-.035em!important;} #top.page-id-72 :is(#hs-einblick,#hm-abschnitt-2,#hm-abschnitt-3) .avia-button-wrap{margin-top:30px!important;} #top.page-id-72 :is(#hs-einblick,#hm-abschnitt-2) .avia-button{background:var(--hm-blue,#396ba5)!important;border-color:var(--hm-blue,#396ba5)!important;color:#fff!important;} #top.page-id-72 :is(#hs-einblick,#hm-abschnitt-2) .avia-button:hover{background:var(--hm-anthracite,#19242c)!important;border-color:var(--hm-anthracite,#19242c)!important;} #top.page-id-72 #hm-abschnitt-3{background-color:var(--hm-anthracite,#19242c)!important;} #top.page-id-72 #hm-abschnitt-3 :is(h2,.hm-copy,p){color:#fff!important;} #top.page-id-72 #hm-abschnitt-3 h2{font-size:clamp(38px,4vw,64px)!important;line-height:1.06!important;word-break:normal;overflow-wrap:normal;hyphens:none;} #top.page-id-72 #hm-abschnitt-3 .avia-button{background:#fff!important;color:var(--hm-anthracite,#19242c)!important;border-color:#fff!important;} #top.page-id-72 #hm-abschnitt-3 .avia-button:hover{background:var(--hm-blue,#396ba5)!important;color:#fff!important;border-color:var(--hm-blue,#396ba5)!important;} @media(max-width:989px){ #top.page-id-72 #hm-abschnitt-2 .hs-overlay-card{transform:none;} #top.page-id-72 .hs-sustainability-accordion{max-width:none;} } @media(max-width:767px){ #top.page-id-72 #hm-abschnitt-2 .hs-overlay-card h2{font-size:clamp(22px,6vw,38px)!important;} #top.page-id-72 .hs-sustainability-accordion .toggler{font-size:18px!important;} #top.page-id-72 #hm-abschnitt-3 h2{font-size:clamp(32px,8vw,48px)!important;} } /* [Nachhaltigkeit / Absatzrhythmus] Bestehende drei Textabschnitte sichtbar trennen. Der Wortlaut und die nativen Textbloecke bleiben erhalten. */ #top.page-id-72 #hm-abschnitt-2 .hs-overlay-card .av_textblock_section:has(>.hm-copy)+.av_textblock_section:has(>.hm-copy){margin-top:22px!important;} /* [Nachhaltigkeit / ISO-Komposition] Gemeinsame Ober-/Unterkante, drei Absaetze. Keine feste Texthoehe: die laengere Spalte bestimmt die gemeinsame Hoehe. */ #top.page-id-72 #hm-abschnitt-3 .flex_column_table{display:flex!important;align-items:stretch;gap:6%;} #top.page-id-72 #hm-abschnitt-3 .av-flex-placeholder{display:none!important;} #top.page-id-72 #hm-abschnitt-3 .flex_column{display:flex!important;flex-direction:column;width:47%!important;margin:0!important;padding:0!important;} #top.page-id-72 #hm-abschnitt-3 .hm-heading{padding-bottom:0!important;} #top.page-id-72 #hm-abschnitt-3 .flex_column.first .avia-button-wrap{margin-top:auto!important;padding-top:30px;} #top.page-id-72 #hm-abschnitt-3 .flex_column:not(.first){justify-content:space-between;gap:22px;} #top.page-id-72 #hm-abschnitt-3 .flex_column:not(.first) .av_textblock_section{width:100%;max-width:560px;margin-left:auto;} @media(max-width:989px){ #top.page-id-72 #hm-abschnitt-3 .flex_column_table{display:block!important;} #top.page-id-72 #hm-abschnitt-3 .flex_column{width:100%!important;} #top.page-id-72 #hm-abschnitt-3 .flex_column:not(.first){margin-top:36px!important;} #top.page-id-72 #hm-abschnitt-3 .flex_column:not(.first) .av_textblock_section{max-width:none;} } /* Absatzabstaende kommen hier aus dem Spaltenraster, nicht doppelt aus p-Margins. */ #top.page-id-72 #hm-abschnitt-3 .hm-copy p{margin:0!important;} /* [Qualitaetsmanagement / 06.10.2026] Einheitliche Leseachsen und klare Hierarchie. */ #top.page-id-75 :is(#hs-einblick,#hm-abschnitt-2,#hm-abschnitt-4) .flex_column_table{display:flex!important;gap:6%;align-items:flex-start;} #top.page-id-75 :is(#hs-einblick,#hm-abschnitt-2,#hm-abschnitt-4) .av-flex-placeholder{display:none!important;} #top.page-id-75 :is(#hs-einblick,#hm-abschnitt-2,#hm-abschnitt-4) .flex_column{width:47%!important;margin:0!important;padding-top:0!important;} #top.page-id-75 :is(#hs-einblick,#hm-abschnitt-2) .flex_column:not(.first) .hm-copy{max-width:560px;margin-left:auto!important;} #top.page-id-75 #hs-einblick h2{font-size:clamp(28px,2.6vw,48px)!important;hyphens:none;overflow-wrap:normal;word-break:normal;} #top.page-id-75 #hs-einblick .hm-heading{padding-bottom:14.4px!important;} #top.page-id-75 .hs-page .hm-copy p{margin:0!important;} #top.page-id-75 .hs-page .hm-copy p+p{margin-top:22px!important;} #top.page-id-75 #hm-abschnitt-2 h2{font-size:clamp(30px,2.8vw,46px)!important;line-height:1.15!important;hyphens:none;overflow-wrap:normal;word-break:normal;} #top.page-id-75 #hm-abschnitt-2 h2 strong{font-weight:850!important;white-space:nowrap;} #top.page-id-75 #hm-abschnitt-2 .hm-copy strong{color:#fff!important;font-weight:700;white-space:nowrap;} #top.page-id-75 .qm-subline{font-size:22px;line-height:1.5;} #top.page-id-75 .qm-subline p{margin:0!important;} #top.page-id-75 #hm-abschnitt-3 .hs-overlay-card{width:744px;flex:0 1 744px;max-width:100%;} #top.page-id-75 #hm-abschnitt-3 .hs-overlay-card h2{font-size:clamp(28px,2.6vw,44px)!important;hyphens:none;overflow-wrap:normal;word-break:normal;} #top.page-id-75 :is(#hs-einblick,#hm-abschnitt-3,#hm-abschnitt-4) .avia-button-wrap{margin-top:30px!important;} #top.page-id-75 :is(#hs-einblick,#hm-abschnitt-3,#hm-abschnitt-4) .avia-button{background:var(--hm-blue,#396ba5)!important;border-color:var(--hm-blue,#396ba5)!important;color:#fff!important;} #top.page-id-75 :is(#hs-einblick,#hm-abschnitt-3,#hm-abschnitt-4) .avia-button:hover{background:var(--hm-anthracite,#19242c)!important;border-color:var(--hm-anthracite,#19242c)!important;} #top.page-id-75 #hm-abschnitt-4 h2{font-size:clamp(30px,3vw,48px)!important;hyphens:none;overflow-wrap:normal;word-break:normal;} #top.page-id-75 #hm-abschnitt-4 .qm-process-line{font-size:clamp(17px,1.3vw,22px);margin-bottom:30px;} #top.page-id-75 #hm-abschnitt-4 .hm-accordion{margin:0!important;} #top.page-id-75 #hm-abschnitt-4 .av_toggle_section{border-bottom:1px solid var(--hm-line)!important;} #top.page-id-75 #hm-abschnitt-4 .av_toggle_section:first-child{border-top:1px solid var(--hm-line)!important;} #top.page-id-75 #hm-abschnitt-4 .toggler{border:0!important;} #top.page-id-75 #hm-abschnitt-4 .toggle_content p+p{margin-top:22px;} @media(max-width:989px){ #top.page-id-75 :is(#hs-einblick,#hm-abschnitt-2,#hm-abschnitt-4) .flex_column_table{display:block!important;} #top.page-id-75 :is(#hs-einblick,#hm-abschnitt-2,#hm-abschnitt-4) .flex_column{width:100%!important;} #top.page-id-75 :is(#hs-einblick,#hm-abschnitt-2,#hm-abschnitt-4) .flex_column:not(.first){margin-top:36px!important;} #top.page-id-75 :is(#hs-einblick,#hm-abschnitt-2) .flex_column:not(.first) .hm-copy{max-width:none;} } @media(max-width:767px){ #top.page-id-75 #hs-einblick h2{font-size:clamp(23px,5.7vw,38px)!important;} #top.page-id-75 #hm-abschnitt-3 .hs-overlay-card h2{font-size:clamp(22px,5.4vw,34px)!important;} #top.page-id-75 #hm-abschnitt-2 h2{font-size:clamp(24px,6vw,36px)!important;} } /* [Qualitaetsmanagement / Feinschliff] Subline, einfache Linien und Leseweite. */ #top.page-id-75 #hs-einblick .hs-inset-note{margin-top:0!important;} #top.page-id-75 #hm-abschnitt-2 .qm-subline, #top.page-id-75 #hm-abschnitt-2 .qm-subline p{font:400 16px/1.6 Arial,Helvetica,sans-serif!important;letter-spacing:normal!important;} #top.page-id-75 #hm-abschnitt-4 .flex_column.first .hm-copy{max-width:500px;} #top.page-id-75 #hm-abschnitt-4 .flex_column:not(.first){padding-top:33.6px!important;} #top.page-id-75 #hm-abschnitt-4 .hm-accordion>.av_toggle_section{border:0!important;border-bottom:1px solid var(--hm-line,#b5c6d5)!important;margin:0!important;} #top.page-id-75 #hm-abschnitt-4 .hm-accordion>.av_toggle_section:first-child{border-top:1px solid var(--hm-line,#b5c6d5)!important;} #top.page-id-75 #hm-abschnitt-4 .hm-accordion :is(.single_toggle,.toggler,.toggle_wrap,.toggle_content){border:0!important;box-shadow:none!important;} #top.page-id-75 #hm-abschnitt-4 .hm-accordion .toggler{font:600 22px/1.35 Bahnschrift,Arial,sans-serif!important;padding:22px 36px 22px 0!important;background:transparent!important;} #top.page-id-75 #hm-abschnitt-4 .hm-accordion .toggle_content{padding:0 0 24px!important;} @media(max-width:989px){#top.page-id-75 #hm-abschnitt-4 .flex_column:not(.first){padding-top:0!important;}} /* [Branchen / 06.10.2026] Kompakte Subheadlines, 22px gemeinsamer Abstand. Uebersicht und alle fuenf Branchen; keine Aenderung langer Fliesstextbloecke. */ #top:is(.page-id-204,.page-id-212,.page-id-213,.page-id-214,.page-id-215,.page-id-216) .hm-heading:has(+.av_textblock_section :is(.hs-inset-note,.hs-service-summary)){padding-bottom:22px!important;} #top:is(.page-id-204,.page-id-212,.page-id-213,.page-id-214,.page-id-215,.page-id-216) :is(.hs-inset-note,.hs-service-summary), #top:is(.page-id-204,.page-id-212,.page-id-213,.page-id-214,.page-id-215,.page-id-216) :is(.hs-inset-note,.hs-service-summary) p{margin-top:0!important;} /* [Elektroindustrie / Sicherheitstechnik] Luft vor dem Bildkarten-Button. */ #top.page-id-212 #hm-abschnitt-3 .hs-overlay-card .hm-button { margin-top:30px!important; } /* Karriere: Bewerbungskachel — Absätze und Abstand vor dem CTA. */ #top.page-id-208 #hm-abschnitt-3 .hs-overlay-card .hm-button{margin-top:30px!important;} #top.page-id-208 #hm-abschnitt-3 .hm-copy p+p{margin-top:22px;}