/* custom style Workarounds für rote Linkfärbung*/
/* wenn Texte/Links auf kursiv gesetzt werden für den hero-slider */
/* preview inklusive wäre es .hero-slider-content em, .jumbotron em */

.hero-slider-content em  {
font-style:normal !important;
color:rgb(210,10,16) !important;
}
/* spezifischen Link im Heroslider (global, in allen Heroslidern) hervorheben */
/* widely supported: https://developer.mozilla.org/de/docs/Web/CSS/Attribute_selectors */
.hero-slider-content a[href*=aussetzung-zur-antragsannahme],
.jumbotron .abstract a[href*=aussetzung-zur-antragsannahme] 
{
font-style:normal !important;
color:rgb(210,10,16) !important;
border:none important!
text-decoration:none !important;
}

.hero-slider-content a[href*=aussetzung-zur-antragsannahme] span:hover,
.jumbotron .abstract a[href*=aussetzung-zur-antragsannahme] span:hover
{
border-bottom: 1px solid rgb(210,10,16);
}

/* im Service-Flyout den ersten Eintrag rot hervorheben */
/*
.service--li:first-of-type,
.service--li:first-of-type > .icon,
.service--li:first-of-type .service--link {
  color:rgb(210,10,16)
}
*/
.service--li:first-of-type .service--text {
  text-transform: uppercase;
}
/* meta-nav zu eng am Logo */

@media (min-width: 48em) {
  #service-navigation.meta-nav {
    padding-right: 11em;
  }
  #service-navigation.meta-nav .nav-link .link-icon.icon + .link-label {
    display: none;
  }
}
@media (min-width: 65em) {
  #service-navigation.meta-nav {
    padding-right: 11em;
  }
  #service-navigation.meta-nav .nav-link .link-icon.icon + .link-label {
    display: inline-block;
  }
}

/* ZIM-Logo als SVG, da dort Abstaende zum Rand vorhanden sind, diese ausgleichen */
.header-logo.header-logo--2 img.header-logo--2-lg {
    height: 148px;
    width: 148px;
    display: none;
    margin-top: -12px;
    margin-right: -6px;
    margin-bottom: -14px;
}
@media (min-width: 48em) {
  .header-logo.header-logo--2 img.header-logo--2-lg {
    display: inline-block;
  }
  .header.header-small .header-logo.header-logo--2 img.header-logo--2-lg {
    display: none;
  }
}
@media (min-width: 65em) {
  .header-logo.header-logo--2 img.header-logo--2-lg {
    margin-bottom: -18px;
  }
}