/* Solero-IT 0.4.16: Hauptnavigation / Dropdown "Neu Bei Uns" */
.main-nav-link{
  display:flex;
  align-items:center;
  padding:29px 0 28px;
  transition:color .18s ease;
}
.main-nav-link:hover,
.main-nav-link:focus-visible,
.main-nav-link.is-active,
.main-nav-item.is-active>.main-nav-parent-row .main-nav-link{
  color:#d80f19;
}
.main-nav-item{
  position:relative;
  display:flex;
  align-items:stretch;
}
.main-nav-parent-row{
  display:flex;
  align-items:center;
}
.submenu-toggle{
  width:24px;
  height:100%;
  min-height:44px;
  margin-left:2px;
  padding:0;
  border:0;
  background:transparent;
  color:currentColor;
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:center;
  appearance:none;
  -webkit-appearance:none;
}
.submenu-toggle span{
  display:block;
  width:7px;
  height:7px;
  border:0;
  border-right:1.5px solid currentColor;
  border-bottom:1.5px solid currentColor;
  transform:rotate(45deg) translateY(-2px);
  transition:transform .18s ease;
}
.main-nav-item.is-open .submenu-toggle span{
  transform:rotate(225deg) translate(-1px,-1px);
}
.submenu{
  position:absolute;
  z-index:60;
  top:calc(100% - 1px);
  left:-18px;
  min-width:245px;
  padding:8px 0;
  background:#fff;
  border:1px solid #e5e5e5;
  border-top:2px solid #d80f19;
  box-shadow:0 10px 24px rgba(0,0,0,.12);
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transform:translateY(6px);
  transition:opacity .16s ease,transform .16s ease,visibility .16s ease;
}
.submenu a{
  display:block;
  padding:11px 18px;
  line-height:1.25;
  white-space:nowrap;
  color:#181818;
  background:#fff;
}
.submenu a:hover,
.submenu a:focus-visible{
  background:#f3f3f3;
  color:#d80f19;
}
.main-nav-item:hover .submenu,
.main-nav-item:focus-within .submenu,
.main-nav-item.is-open .submenu{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  transform:translateY(0);
}
@media(max-width:700px){
  .main-nav{align-items:stretch}
  .main-nav-item{width:auto;flex-direction:column}
  .main-nav-parent-row{justify-content:center}
  .main-nav-link{padding:11px 0}
  .submenu-toggle{height:36px;min-height:36px;width:22px}
  .submenu{position:absolute;top:100%;left:0;right:auto;min-width:230px}
}

/* 1.0.0-alpha26: Dropdown remains readable in inline-edit mode. */
.inline-edit-mode .submenu .submenu-edit-row{
  display:flex;
  align-items:center;
  width:100%;
  gap:4px;
}
.inline-edit-mode .submenu .submenu-edit-row>a{
  flex:1 1 auto;
  min-width:0;
}
.inline-edit-mode .submenu .inline-edit-trigger{
  margin-right:8px;
  flex:0 0 auto;
}

/* 1.0.0-alpha27: wider service dropdown for long service names. */
.submenu--wide{min-width:340px}
@media(max-width:700px){.submenu--wide{min-width:300px;max-width:calc(100vw - 24px)}}