/* [01] Native Enfold-Einblendungen: kurze, einheitliche Bewegung ohne Staffelwartezeit. */
@keyframes hm-content-enter { from { opacity:0;transform:translateY(18px); } to {opacity:1;transform:translateY(0);} }
@media(prefers-reduced-motion:no-preference){
 #top .av-animated-generic.bottom-to-top.avia_start_animation {animation-name:hm-content-enter!important;animation-duration:.55s!important;animation-delay:0s!important;animation-timing-function:cubic-bezier(.22,.61,.36,1)!important;}
}
/* [02] Reduzierte Bewegung: alle nativen Gruppen sichtbar, auch globaler Footer und Prozess. */
@media(prefers-reduced-motion:reduce){
 #top :is(.av-animated-generic,.avia_animated_image,.avia_start_delayed_animation){opacity:1!important;animation:none!important;transform:none!important;transition:none!important;}
 #top :is(.av-parallax,.av-parallax-inner){transform:none!important;}
 #top :is(.v4-competence-card,.hm-company-card,.hs-sector-card):is(:hover,:focus-within){transform:none!important;transition:none!important;}
}
/* [03] Mobile Einblendungen noch kürzer und mit kleinerem Weg. */
@media(max-width:767px) and (prefers-reduced-motion:no-preference){
 @keyframes hm-content-enter {from{opacity:0;transform:translateY(8px);}to{opacity:1;transform:translateY(0);}}
 #top .av-animated-generic.bottom-to-top.avia_start_animation{animation-duration:.35s!important;}
}

/* [04] Tablet: Enfold-Burgermenü vor einer Überlappung mit dem Logo anzeigen. */
@media(max-width:1100px){
 #top #header #avia-menu>li{display:none!important;}
 #top #header #avia-menu>li.av-burger-menu-main,#top #header #avia-menu>li#menu-item-search{display:block!important;}
 #top #header .main_menu{right:0;}
}
#top #kontaktformular{scroll-margin-top:120px;}

/* [05] Sehr schmale Telefone: lange Impressum-Titel passen in die Karten. */
@media(max-width:480px){
 #top.page-id-207 .hm-legal-heading h2{font-size:clamp(21px,6.6vw,26px)!important;}
}


/* [06] Mobile deutsche Silbentrennung: lange Titel nach Sprachwoerterbuch.
   Keine willkuerlichen Buchstabenumbrueche; Desktop bleibt unveraendert. */
@media (max-width: 767px) {
  #top #wrap_all :is(h1, h2, h3, h4, h5, h6),
  #top #wrap_all :is(h1, h2, h3, h4, h5, h6) :is(a, strong, em, span) {
    -webkit-hyphens: auto !important;
    hyphens: auto !important;
    hyphenate-limit-chars: 6 3 3;
    word-break: normal !important;
    overflow-wrap: normal !important;
  }
}