/* ************************************* */
/*                                       */
/* Right block in header                 */
/*                                       */
/* ************************************* */

.page__header__right {
  z-index:3;
  position:relative;
}

.page__header__right__content {
  position:absolute;
  top: 50%; 
  right: 50%; 
  transform: translate(0,-50%);
}

.page__header__right__content img {
  float:left; /* only to avoid additional space below image - other possibility would be line-height:0; f.e. */
  /*max-width: 110px;
  height:auto;*/
  max-height: 110px;
  width: auto;
}

@media only screen and (max-width: 767px) {

    .page__header__right {
        display:none;
    }

}



/* *************************************************** */
/*                                                     */
/* Meta navigation / Aboservice                        */
/*                                                     */
/* *************************************************** */

.page__header__aboservice {
  background: var(--color-france);
  color: var(--color-light);
  /*margin-left: calc(-1 * var(--margin-primary-horizontal-px));
  margin-right: calc(-1 * var(--margin-primary-horizontal-px));*/
  z-index:3;
  display:none;
}

@media only screen and (min-width: 768px) {

  .page__header__aboservice {
    display:block;
  }

}

.abonav > li,
.abonav > li > a {
  transition: background-color 0.3s ease;
}

.abonav li {
  padding:0;
  background:transparent;
  color:var(--color-light);
  white-space: nowrap;
  position: relative;
  text-align: center;
}

.abonav > li:hover > a, 
.abonav > li:hover {
  background-color: var(--color-accent);
  color:#FFF;
}

.abonav li ul {
    background-color: var(--color-accent);
    position: absolute;
    padding-bottom: 8px;
    right: 0;
    bottom: 0;
    transform:translateY(100%);
    opacity: 0;
    visibility: hidden;
    min-width: 100%;
    transition: opacity 500ms, visibility 500ms;
    z-index: 2;
}

.abonav li:hover ul, 
.abonav li a:hover ul {
    visibility: visible;
    opacity: 1;
}

.abonav a {
  display:block;
  padding: 10px 20px 11px 20px;
}


/* ************************************* */
/* Display in mobile menu                */
/* ************************************* */

.mobile-abonav {
  background: var(--color-grey-darkest);
}

.mobile-abonav .nav-main__submenu li{
  background:var(--color-grey-dark);
}

.mobile-abonav .nav-main__submenu li:last-child {
    padding-bottom: var(--padding-primary-vertical-px);
  }

.mobile-abonav .submenu-toggle-label {
  background: var(--color-dark);
}

.mobile-abonav input[type="checkbox"]:checked ~ .submenu-toggle-label {
  background: var(--color-grey-dark);
}

@media only screen and (min-width: 768px) {

  .mobile-abonav {
    display:none;
  }

}