/* HEISMANN – gemeinsame Enfold-Bausteine
   [01] Variablen / [02] Raster / [03] Typografie / [04] Bilder & Karten
   [05] Buttons / [06] Nachrichten / [07] Kontakt / [08] Branchen / [09] Mobil
   Redaktionelle Inhalte bleiben in nativen Avia-Elementen. */

/* [01] Zentrale Grundfarben; die Palette im Backend überschreibt diese Werte. */
:root {
    --hm-blue: #396ba5;
    --hm-light-blue: #8fbae8;
    --hm-dark-blue: #132b44;
    --hm-anthracite: #19242c;
    --hm-text: #243440;
    --hm-white: #ffffff;
    --hm-line: #b5c6d5;
    --hm-line-dark: #61717e;
}
#top.hm-inner { --hm-accent: var(--hm-blue); --hm-accent-light: var(--hm-light-blue); }
#top.hm-sector-automotive { --hm-accent:#40566a; --hm-accent-light:#9dafbe; }
#top.hm-sector-hydraulik { --hm-accent:#774b49; --hm-accent-light:#c49b94; }
#top.hm-sector-maschinenbau { --hm-accent:#796343; --hm-accent-light:#c3ad88; }
#top.hm-sector-haushalt { --hm-accent:#526e70; --hm-accent-light:#a8c3c2; }
#top.hm-sector-elektro { --hm-accent:#515c79; --hm-accent-light:#a8b1cc; }

/* [02] Sektionen und lesbares Raster. */
#top .hm-section { background:var(--hm-white); border:0; }
#top .hm-section > .container { max-width:1280px; }
#top .hm-section .content { padding-top:85px; padding-bottom:85px; }
#top .hm-intro .content { padding-top:90px; padding-bottom:75px; }
#top .hm-editorial + .hm-editorial { border-top:1px solid var(--hm-line); }
#top .hm-dark { background:var(--hm-dark-blue); color:var(--hm-white); }
#top .hm-dark .hm-copy,
#top .hm-dark .hm-heading,
#top .hm-dark h1,#top .hm-dark h2,#top .hm-dark h3,
#top .hm-dark strong { color:var(--hm-white); }
#top .hm-dark a { color:var(--hm-accent-light,var(--hm-light-blue)); }
#top .hm-column { margin-bottom:32px; }
#top .hm-source-anchors { height:0; margin:0; padding:0; }
#top .hm-source-anchors span { scroll-margin-top:100px; }

/* [03] Überschriften, Vorzeilen und Original-Fließtexte. */
#top .hm-section .hm-heading { padding-bottom:24px; margin-top:0; border:0; }
#top .hm-section .hm-heading .special-heading-border { display:none; }
#top .hm-section h1.av-special-heading-tag { font:700 clamp(40px,4.2vw,70px)/1.07 Arial,Helvetica,sans-serif; letter-spacing:-.045em; color:var(--hm-anthracite); text-transform:none; }
#top .hm-section h2.av-special-heading-tag { font:700 clamp(30px,3.1vw,48px)/1.13 Arial,Helvetica,sans-serif; letter-spacing:-.035em; color:var(--hm-anthracite); text-transform:none; }
#top .hm-section h3.av-special-heading-tag { font:700 24px/1.25 Arial,Helvetica,sans-serif; letter-spacing:-.02em; color:var(--hm-anthracite); text-transform:none; }
#top .hm-dark h1.av-special-heading-tag,#top .hm-dark h2.av-special-heading-tag,#top .hm-dark h3.av-special-heading-tag { color:var(--hm-white); }
#top .hm-section .hm-copy { font:400 17px/1.8 Arial,Helvetica,sans-serif; color:var(--hm-text); max-width:78ch; }
#top .hm-section .hm-copy p { margin:0 0 21px; }
#top .hm-section .hm-copy ul,#top .hm-section .hm-copy ol { margin:20px 0 28px 22px; }
#top .hm-section .hm-copy li { padding:7px 0; }
#top .hm-section .hm-copy a { color:var(--hm-accent,var(--hm-blue)); text-decoration:underline; text-underline-offset:3px; }
#top .hm-dark .hm-copy { color:var(--hm-white); }
#top .hm-dark .hm-copy a { color:var(--hm-accent-light,var(--hm-light-blue)); }
#top .hm-eyebrow { font:500 11px/1.6 Consolas,Monaco,monospace; letter-spacing:.15em; text-transform:uppercase; color:var(--hm-accent,var(--hm-blue)); margin-bottom:28px; }
#top .hm-copy table { width:100%; font-size:15px; }
#top .hm-copy th,#top .hm-copy td { background:var(--hm-white); border-color:var(--hm-line); color:var(--hm-text); }

/* [04] Bilder und native Karten mit Akzentkante. */
#top .hm-image { margin:0 0 24px; }
#top .hm-image img { width:100%; height:auto; border-radius:5px; }
#top .hm-intro .hm-column .hm-image img { max-height:660px; object-fit:cover; }
#top .hm-icon { max-width:90px; margin:0 0 26px; }
#top .hm-icon img { max-height:90px; object-fit:contain; border-radius:0; }
#top .hm-card { border-top:5px solid var(--hm-accent,var(--hm-blue)); padding:30px 26px 24px; background:var(--hm-white); border-radius:5px; }
#top .hm-card .hm-copy,#top .hm-card h3.av-special-heading-tag { color:var(--hm-text); }
#top .hm-card .hm-copy { font-size:16px; line-height:1.7; }
#top .hm-card .hm-heading h3 { font-size:22px; }
#top .hm-team-card { padding:0 0 26px; border-bottom:1px solid var(--hm-line); }
#top .hm-team-card .hm-image { max-width:240px; margin-left:0; }
#top .hm-team-card .hm-image img { aspect-ratio:155/140; object-fit:cover; }
#top .hm-team-card .hm-copy { font-size:15px; }
#top .hm-team-card .hm-heading { padding-bottom:10px; }

/* [05] Native Buttons, sichtbarer Fokus und ruhige Hoverbewegung. */
#top .hm-button .avia-button,
#top .hm-button.avia-button { background:var(--hm-white); color:var(--hm-anthracite); border:1px solid var(--hm-anthracite); border-radius:5px; min-height:46px; padding:15px 23px; font:600 13px/1.3 Arial,Helvetica,sans-serif; box-shadow:none; transition:background .2s,color .2s,transform .2s; }
#top .hm-button .avia-button:hover,#top .hm-button .avia-button:focus-visible,
#top .hm-button.avia-button:hover,#top .hm-button.avia-button:focus-visible { background:var(--hm-anthracite); color:var(--hm-white); transform:translateY(-2px); }
#top .hm-button .avia_button_icon { display:none; }
#top .hm-inner a:focus-visible,#top .hm-global-footer a:focus-visible { outline:2px solid var(--hm-accent,var(--hm-light-blue)); outline-offset:5px; }

/* [06] Automatische Nachrichtenliste; Inhalte kommen aus WordPress-Beiträgen. */
#top .hm-news .post-entry { padding:26px 0; margin:0; border-top:1px solid var(--hm-line); transition:background .2s; }
#top .hm-news .post-entry:hover { background:#396ba508; }
#top .hm-news .entry-content-wrapper { max-width:none; }
#top .hm-news .entry-title { font:700 27px/1.25 Arial,Helvetica,sans-serif; letter-spacing:-.02em; padding:0; }
#top .hm-news .post-meta-infos { font:400 11px/1.5 Consolas,Monaco,monospace; letter-spacing:.06em; }
#top .hm-news .small-preview { display:none; }
#top .hm-news .small-preview + .entry-content-wrapper { margin-left:0; }

/* [07] Gemeinsam gepflegter nativer Kontaktabschluss. */
#top .hm-global-footer { background:var(--hm-blue); color:var(--hm-white); }
#top .hm-global-footer .content { padding-top:85px; padding-bottom:70px; }
#top .hm-global-footer h1,#top .hm-global-footer h2,#top .hm-global-footer h3,#top .hm-global-footer p,#top .hm-global-footer strong,#top .hm-global-footer a { color:var(--hm-white); }
#top .hm-global-footer h2 { font:700 clamp(38px,4vw,64px)/1.1 Arial,Helvetica,sans-serif; letter-spacing:-.04em; }
#top .hm-global-footer .avia_textblock { font:400 16px/1.8 Arial,Helvetica,sans-serif; }
#top .hm-global-footer .v4-white-button .avia-button { background:var(--hm-white); color:var(--hm-anthracite); border:1px solid var(--hm-white); border-radius:5px; padding:16px 24px; }
#top .hm-global-footer .v4-white-button .avia-button:hover { background:var(--hm-anthracite); color:var(--hm-white); }
#top .hm-contact-form input[type=text],#top .hm-contact-form textarea,#top .hm-contact-form select { background:var(--hm-white); border:1px solid var(--hm-line); border-radius:5px; padding:14px; font-size:16px; color:var(--hm-text); }
#top .hm-contact-form label { color:var(--hm-text); }
#top .hm-contact-form .button { background:var(--hm-blue); color:var(--hm-white); border-radius:5px; padding:15px 25px; }
#top #socket { background:var(--hm-dark-blue); color:var(--hm-white); }

/* [08] Branchen-Startseitenlinks bleiben nach URL-Migration farbkodiert. */
#top.page-id-85 .v4-industry:has(a[href*="innovative-automotive-technik"]) { --industry-accent:#9dafbe; --industry-color:#9dafbe; }
#top.page-id-85 .v4-industry:has(a[href*="mobilhydraulik"]) { --industry-accent:#c49b94; --industry-color:#c49b94; }
#top.page-id-85 .v4-industry:has(a[href*="maschinen-und-anlagenbau"]) { --industry-accent:#c3ad88; --industry-color:#c3ad88; }
#top.page-id-85 .v4-industry:has(a[href*="weisse-ware-haushaltsgeraete"]) { --industry-accent:#a8c3c2; --industry-color:#a8c3c2; }
#top.page-id-85 .v4-industry:has(a[href*="elektroindustrie-sicherheitstechnik"]) { --industry-accent:#a8b1cc; --industry-color:#a8b1cc; }

/* [09] Responsive Verhalten und reduzierte Bewegung. */
@media(max-width:989px) {
    #top .hm-section .content { padding-top:60px; padding-bottom:60px; }
    #top .hm-section .hm-copy { font-size:16px; }
    #top .hm-card { padding:24px 18px; }
}
@media(max-width:767px) {
    #top .hm-section .container { width:88%; max-width:100%; }
    #top .hm-section .content { padding-top:45px; padding-bottom:45px; }
    #top .hm-section h1.av-special-heading-tag { font-size:39px; }
    #top .hm-section h2.av-special-heading-tag { font-size:31px; }
    #top .hm-column { margin-bottom:32px!important; }
    #top .hm-image img { max-height:430px; object-fit:cover; }
    #top .hm-team-card .hm-image img { max-height:none; }
    #top .hm-copy { overflow-wrap:anywhere; }
    #top .hm-copy table { display:block; overflow-x:auto; }
    #top .hm-global-footer .content { padding:50px 0; }
}
@media(prefers-reduced-motion:reduce) {
    #top .hm-section *,#top .hm-global-footer * { animation:none!important; transition:none!important; scroll-behavior:auto!important; }
}

/* [11] Enfolds vererbte Elementgrößen gezielt durch Systemwerte ersetzen. */
#top .hm-section h1.av-special-heading-tag { font-size:clamp(40px,4.2vw,70px)!important; }
#top .hm-section h2.av-special-heading-tag { font-size:clamp(30px,3.1vw,48px)!important; }
#top .hm-section h3.av-special-heading-tag { font-size:24px!important; }
#top .hm-card h3.av-special-heading-tag { font-size:22px!important; }
#top .hm-button .avia-button {
    background:var(--hm-white)!important;
    color:var(--hm-anthracite)!important;
    border:1px solid var(--hm-anthracite)!important;
}
#top .hm-button .avia-button:is(:hover,:focus-visible) {
    background:var(--hm-anthracite)!important;
    color:var(--hm-white)!important;
}
#top .hm-global-footer h2 { font-size:clamp(68px,8vw,118px)!important; }
#top .hm-global-footer .v4-mail-button .avia-button {
    background:transparent!important;
    border:0!important;
    color:var(--hm-white)!important;
    padding:0!important;
    font-size:34px;
    letter-spacing:-.04em;
    text-align:left;
}
#top .hm-global-footer .v4-white-button .avia-button {
    background:var(--hm-white)!important;
    color:var(--hm-anthracite)!important;
    border:1px solid var(--hm-white)!important;
    padding:15px 24px;
    font-size:15px;
    line-height:1.4;
    border-radius:5px;
}
#top .hm-global-footer .v4-white-button .avia-button:is(:hover,:focus-visible) {
    background:var(--hm-anthracite)!important;
    color:var(--hm-white)!important;
}
@media(max-width:767px) {
    #top .hm-section h1.av-special-heading-tag { font-size:39px!important; }
    #top .hm-section h2.av-special-heading-tag { font-size:31px!important; }
    #top .hm-global-footer h2 { font-size:68px!important; }
    #top .hm-global-footer .v4-mail-button .avia-button { font-size:27px; }
}

/* [10] Bewährter V4-Header auf allen migrierten Unterseiten. */
/* V4: einheitliche Headerhoehen ohne konkurrierende Enfold-Inlinewerte */


/* --- Header, Logo und Navigation --- */

#top.hm-inner #header,#top.hm-inner #header_main {
  background: #fff;
  border: 0!important;
  box-shadow: none
}

#top.hm-inner #header .header_bg {
  background: #fff;
  opacity: 1!important;
  box-shadow: none
}

#top.hm-inner #header_main .logo {
  position: relative;
  top: 0;
  padding: 0;
  overflow: visible;
  display: flex;
  align-items: center
}

#top.hm-inner #header_main .logo a {
  display: flex;
  align-items: center;
  max-height: none!important;
  overflow: visible
}

#top.hm-inner #header_main .logo img {
  display: block;
  position: static;
  object-fit: contain;
  width: auto!important;
  max-width: 100%;
  transition: height .22s ease,max-height .22s ease
}


/* --- Responsive Darstellung – Bildschirmbreiten --- */

@media(min-width:768px) {
  #top.hm-inner #header {
    --hm-header-height: 88px;
    --hm-logo-height: 70px
  }

  #top.hm-inner #header.header-scrolled {
    --hm-header-height: 62px;
    --hm-logo-height: 50px
  }

  #top.hm-inner #header_main>.container,#top.hm-inner #header_main .logo,#top.hm-inner #header_main .logo a,#top.hm-inner #header_main .main_menu ul:first-child>li>a {
    height: var(--hm-header-height)!important;
    line-height: var(--hm-header-height)!important;
    transition: height .22s ease,line-height .22s ease
  }

  #top.hm-inner #header_main .logo img {
    height: var(--hm-logo-height)!important;
    max-height: var(--hm-logo-height)!important
  }

  #top.hm-inner #main {
    padding-top: 88px
  }

}


/* --- Barrierefreiheit – reduzierte Bewegung --- */

@media(prefers-reduced-motion:reduce) {
  #top.hm-inner #header_main :is(.container,.logo,.logo a,.logo img,.main_menu a) {
    transition: none!important
  }

}


/* [12] Gestaltungsdurchgang Unterseiten – Farbkontrast bis zur Textebene.
   Enfold vergibt Absatzfarben direkt; eine Farbe nur am Elternblock genügt nicht. */
#top.hm-inner .hm-section .hm-copy :is(p,li,strong,b,span),
#top.hm-inner .hm-section .hm-copy { color:var(--hm-text); }
#top.hm-inner .hm-dark { background:var(--hm-dark-blue)!important; }
#top.hm-inner .hm-dark .hm-copy :is(p,li,strong,b,span),
#top.hm-inner .hm-dark .hm-copy { color:var(--hm-white); }
#top.hm-inner .hm-dark .hm-eyebrow { color:var(--hm-light-blue); }
#top.hm-inner .hm-section .hm-card .hm-copy,
#top.hm-inner .hm-section .hm-card :is(p,li,strong,b,span,h3) { color:var(--hm-text)!important; }
#top.hm-inner .hm-card .hm-icon img { filter:brightness(0); opacity:.72; }
#top.hm-inner .hm-section .special_amp { font:inherit; color:inherit; }
#top.hm-inner .hm-section .hm-heading { margin:0; padding-bottom:25px; }
#top.hm-inner .hm-section .hm-copy a { text-underline-offset:4px; }
#top.hm-inner .hm-section .hm-copy a:hover { text-decoration-thickness:2px; }

/* [13] Bündige Bild-Text-Einstiege und redaktionelle Zweispalter. */
#top.hm-inner .hm-hero-split .content { padding:72px 0 92px; }
#top.hm-inner .hm-hero-split .hm-eyebrow { margin:0 0 26px; border-top:3px solid var(--hm-accent); padding-top:20px; }
#top.hm-inner .hm-hero-split h1.av-special-heading-tag { font-size:clamp(39px,3.5vw,58px)!important; }
#top.hm-inner .hm-hero-split .hm-copy { font-size:16px; line-height:1.75; }
#top.hm-inner .hm-column { margin-bottom:0; }
#top.hm-inner .hm-hero-media,
#top.hm-inner .hm-feature-media { position:relative; min-height:360px; }
#top.hm-inner .hm-hero-media .hm-image,
#top.hm-inner .hm-feature-media .hm-image { position:absolute; inset:0; margin:0; width:100%; height:100%; }
#top.hm-inner :is(.hm-hero-media,.hm-feature-media) .avia-image-container-inner,
#top.hm-inner :is(.hm-hero-media,.hm-feature-media) .avia-image-overlay-wrap { width:100%; height:100%; }
#top.hm-inner :is(.hm-hero-media,.hm-feature-media) img { height:100%; max-height:none; object-fit:cover; }
#top.hm-inner .hm-feature .hm-feature-copy { padding:36px 0; }
#top.hm-inner .hm-section .hm-copy p:last-child { margin-bottom:0; }
#top.hm-inner .hm-editorial-split .content { padding:95px 0; }
#top.hm-inner .hm-editorial-split + .hm-editorial-split:not(.hm-dark):not(.hm-blue-panel) { border-top:1px solid var(--hm-line); }
#top.hm-inner .hm-editorial-split .hm-heading { max-width:550px; }
#top.hm-inner .hm-editorial-split .hm-heading h2 { font-size:clamp(32px,3.2vw,50px)!important; }
#top.hm-inner .hm-blue-panel { background:var(--hm-blue)!important; }
#top.hm-inner .hm-blue-panel :is(h2,h3,.hm-copy,.hm-copy p,.hm-copy li,.hm-copy strong,.hm-eyebrow) { color:var(--hm-white)!important; }
#top.hm-inner .hm-benefits ul { list-style:none; margin:0; }
#top.hm-inner .hm-benefits li { border-top:1px solid #ffffff55; padding:17px 0 17px 27px; position:relative; }
#top.hm-inner .hm-benefits li::before { content:'+'; position:absolute; left:0; color:var(--hm-white); font:400 20px/1.5 Consolas,monospace; }
#top.hm-inner .hm-benefits li p { margin:0; }
#top.hm-inner .hm-benefits .hm-copy>p { margin-top:28px; }

/* [14] Qualitätskarten: kompakt, gleich hoch, lesbar auf dunkler Bühne. */
#top.hm-inner .hm-quality-grid .flex_column_table + .flex_column_table { margin-top:55px; }
#top.hm-inner .hm-quality-grid .hm-card { padding:30px; border-top:5px solid var(--hm-accent-light); }
#top.hm-inner .hm-quality-grid .hm-card .hm-icon { max-width:58px; margin:0 0 25px; }
#top.hm-inner .hm-quality-grid .hm-card .hm-icon img { max-height:58px; }
#top.hm-inner .hm-card .hm-heading { padding-bottom:16px; }

/* [15] Historie: chronologische Kapitel, Jahresmarken und vollständige Details. */
#top.hm-inner .hm-timeline .content { padding:84px 0; }
#top.hm-inner .hm-timeline-label { border-top:1px solid var(--hm-line); padding-top:25px; }
#top.hm-inner .hm-year { margin:0 0 27px; }
#top.hm-inner .hm-year p { font:400 clamp(36px,4vw,64px)/1 Consolas,Monaco,monospace; letter-spacing:-.065em; color:var(--hm-blue); margin:0; }
#top.hm-inner .hm-dark .hm-year p { color:var(--hm-light-blue); }
#top.hm-inner .hm-timeline h2.av-special-heading-tag { font-size:clamp(29px,2.6vw,41px)!important; }
#top.hm-inner .hm-timeline .hm-image { margin:25px 0 0; max-width:390px; }
#top.hm-inner .hm-timeline .hm-image img { max-height:300px; object-fit:cover; }
#top.hm-inner .hm-timeline-copy { border-left:1px solid var(--hm-line); padding-left:30px; }
#top.hm-inner .hm-timeline-copy>.hm-copy:first-child { font-size:15px; }

/* [16] Native Akkordeons, feine Linien und sichtbare Pluszeichen. */
#top.hm-inner .hm-accordion { margin-top:25px; }
#top.hm-inner .hm-accordion .single_toggle { margin:0; border-top:1px solid var(--hm-line); }
#top.hm-inner .hm-accordion .single_toggle:last-child { border-bottom:1px solid var(--hm-line); }
#top.hm-inner .hm-accordion .toggler { border:0; background:transparent!important; color:var(--hm-text)!important; font:600 20px/1.4 Arial,Helvetica,sans-serif; padding:22px 46px 22px 0; }
#top.hm-inner .hm-accordion .toggle_icon { left:auto; right:6px; border:0; }
#top.hm-inner .hm-accordion .toggle_icon :is(.vert_icon,.hor_icon) { border-color:var(--hm-blue); }
#top.hm-inner .hm-accordion .toggle_content { border:0; background:transparent!important; padding:0 0 25px; color:var(--hm-text); font:400 16px/1.8 Arial,Helvetica,sans-serif; }
#top.hm-inner .hm-accordion .toggle_content :is(p,li,strong,span) { color:inherit; }
#top.hm-inner .hm-dark .hm-accordion :is(.toggler,.toggle_content) { color:var(--hm-white)!important; }
#top.hm-inner .hm-dark .hm-accordion .toggle_icon :is(.vert_icon,.hor_icon) { border-color:var(--hm-light-blue); }
#top.hm-inner .hm-accordion .toggle_content table { width:100%; font-size:15px; }
#top.hm-inner .hm-accordion .toggle_content :is(td,th) { padding:14px; color:var(--hm-text); background:var(--hm-white); border-color:var(--hm-line); }
#top.hm-inner .hm-accordion .toggle_content tr:first-child td { background:var(--hm-dark-blue); color:var(--hm-white); }
#top.hm-inner .hm-accordion .toggler:focus-visible { outline:2px solid var(--hm-blue); outline-offset:3px; }

/* [17] Übersichtsseiten, Ansprechpartner, Nachrichten und Dokumente. */
#top.hm-inner .hm-topic-nav .content { padding:0 0 65px; }
#top.hm-inner .hm-topic-nav .hm-nav-cell { padding:0 0 14px; }
#top.hm-inner .hm-topic-nav .hm-button { display:block; margin:0; }
#top.hm-inner .hm-topic-nav .avia-button { display:block; width:100%; text-align:left; padding:23px 25px; background:var(--hm-blue)!important; border:0!important; color:var(--hm-white)!important; font-size:18px; }
#top.hm-inner .hm-topic-nav .avia-button:hover { background:var(--hm-dark-blue)!important; }
#top.hm-inner .hm-people .hm-team-card { border-top:3px solid var(--hm-blue); padding-top:25px; margin-top:45px; }
#top.hm-inner .hm-team-card .hm-image { max-width:100%; }
#top.hm-inner .hm-team-card .hm-image img { aspect-ratio:1.4; object-fit:cover; object-position:center 25%; }
#top.hm-inner .hm-team-card .hm-copy a { color:var(--hm-blue); }
#top.hm-inner .hm-jobs .hm-copy { border-bottom:1px solid var(--hm-line); padding-bottom:20px; margin-bottom:20px; }
#top.hm-inner .hm-form-panel { border-top:5px solid var(--hm-blue); }
#top.hm-inner .hm-contact-form { max-width:850px; margin:auto; }
#top.hm-inner .hm-article .entry-content-wrapper { max-width:940px; margin:auto; }
#top.hm-inner .hm-article .hm-copy { max-width:76ch; }
#top.hm-inner .hm-article .hm-image { margin:40px 0; }
#top.hm-inner .hm-article h1 { max-width:20ch; }
#top.hm-inner .hm-legal .entry-content-wrapper { max-width:920px; margin:auto; }
#top.hm-inner .hm-legal h2.av-special-heading-tag { font-size:32px!important; margin-top:38px; }
#top.hm-inner .hm-legal h3.av-special-heading-tag { font-size:22px!important; margin-top:22px; }
#top.hm-inner .hm-title-intro .hm-eyebrow { border-top:3px solid var(--hm-blue); padding-top:22px; }
#top.hm-inner .hm-news .entry-title { font-size:27px; }

/* [18] Kleine Bildschirme: natürliche Bildhöhe und ruhige Lesereihenfolge. */
@media(max-width:989px) {
 #top.hm-inner .hm-section .content { padding-top:60px; padding-bottom:60px; }
 #top.hm-inner .hm-quality-grid .hm-card { padding:22px; }
}
@media(max-width:767px) {
 #top.hm-inner .hm-section .content { padding-top:46px; padding-bottom:46px; }
 #top.hm-inner .hm-hero-split h1.av-special-heading-tag { font-size:39px!important; }
 #top.hm-inner .hm-hero-media,#top.hm-inner .hm-feature-media { min-height:0; }
 #top.hm-inner :is(.hm-hero-media,.hm-feature-media) .hm-image { position:relative; height:auto; }
 #top.hm-inner :is(.hm-hero-media,.hm-feature-media) img { height:auto; max-height:460px; }
 #top.hm-inner .hm-feature .hm-feature-copy { padding:0; }
 #top.hm-inner .hm-timeline-copy { padding-left:20px; }
 #top.hm-inner .hm-quality-grid .flex_column_table + .flex_column_table { margin-top:10px; }
 #top.hm-inner .hm-accordion .toggle_content table { display:block; overflow-x:auto; }
 #top.hm-inner .hm-accordion .toggler { font-size:18px; }
 #top.hm-inner .hm-topic-nav .content { padding-top:0; }
 #top.hm-inner .hm-topic-nav .hm-column { margin-bottom:0!important; }
 #top.hm-inner .hm-people .hm-team-card { margin-top:15px; }
 #top.hm-inner .hm-people .hm-team-card .hm-image { max-width:320px; }
 #top.hm-inner .hm-section .hm-copy { overflow-wrap:break-word; }
}

/* [19] Abgrenzung gegen ältere HTML-Entwürfe im gesicherten V4-Bestand. */
#top.hm-inner .hm-hero-split .hm-hero-copy { display:table-cell; }
#top.hm-inner .hm-hero-split .flex_column_table { margin-top:0; }
#top.hm-inner .hm-hero-split .hm-hero-media { height:420px; }
#top.hm-inner .hm-section .hm-hero-media .hm-image img,
#top.hm-inner .hm-section .hm-feature-media .hm-image img { max-height:none; }
#top.hm-inner .hm-feature .hm-feature-media { height:400px; }
@media(max-width:767px) {
 #top.hm-inner .hm-hero-split .hm-hero-copy { display:block; }
 #top.hm-inner .hm-hero-split .hm-hero-media,
 #top.hm-inner .hm-feature .hm-feature-media { height:auto; }
 #top.hm-inner .hm-section .hm-hero-media .hm-image img,
 #top.hm-inner .hm-section .hm-feature-media .hm-image img { max-height:460px; }
}