/*********************************************/
/***** MENU STYLES ONLY  in this file!!! *****/
/*********************************************/

/********** BREAKPOINTS REMINDER **********/
/*** Responsive Styles Large Desktop And Above ***/
@media all and (min-width: 1405px) {
}
/*** Responsive Styles Standard Desktop Only ***/
@media all and (min-width: 1100px) and (max-width: 1405px) {
}
/*** Responsive Styles Tablet And Below ***/
@media all and (max-width: 980px) {
}
/*** Responsive Styles Tablet Only ***/
@media all and (min-width: 768px) and (max-width: 980px) {
}
/*** Responsive Styles Smartphone Only ***/
@media all and (max-width: 767px) {
}
/*** Responsive Styles Smartphone Portrait ***/
@media all and (max-width: 479px) {
}
/********** BREAKPOINTS REMINDER **********/




/**** TOP_MENU ****/
#top-menu a {
  color: var(--pn_body_dark-font-color);
}
#top-menu a:hover {
  color: var(--pn_highlight-text-color);
}
.et-fixed-header #top-menu a {
  color: var(--pn_body_dark-font-color);
}
.et-fixed-header #top-menu a:hover {
  color: var(--pn_menu-highlight1);
}
#et-top-navigation {
  font-family: var(--pn_font_menu) !important;
  text-transform: uppercase !important;
  font-weight: 500 !important;
}



@media (min-width: 981px) {
/*** with fix vor responsive ***/
  header#main-header .container { min-width: 900px !important; }
  #et-top-navigation { width: 100%; }
  nav#top-menu-nav { float: right; }
/*** with fix vor responsive ***/

  .et_header_style_centered #main-header .logo_container {
    margin: 5px;
  }
  .et_header_style_centered #top-menu>li>a {
    padding-bottom: 14px !important;
  }
  #top-menu li {
    padding-right: 16px;
  }
  #top-menu li::last-child {
    padding-right: unset;
  }
  #main-header img#logo:hover {
    transform: scale(1.05);
  }
/** top menu styling _schnellvariante **/
  #top-menu-nav > ul > li > a:hover {
    opacity: 1 !important;
    transform: translateX(0px) translateY(-3px);
  }
  #top-menu li.current-menu-item > a,
  #top-menu li.current_page_item > a,
  #top-menu li.current-menu-ancestor > a,
  #top-menu li.current-menu-parent > a {
    color: var(--pn_menu-highlight1);
  }
  #top-menu li.current-menu-item > a[href^="/#"],
  #top-menu li.current-menu-item > a[href^="#"] {
    color: unset;
  }
  #top-menu li.current-menu-item > a[href^="/#"]:hover,
  #top-menu li.current-menu-item > a[href^="#"]:hover {
    color: var(--pn_menu-highlight1);
  }
  #top-menu-nav > ul > li > a::after {
    content: '';
    background: var(--pn_menu-highlight1);
    position: absolute;
    left: -3px;
    bottom: 0px;
    width: calc(100% + 6px);
    height: 3px;
    -webkit-transition: transform 0.2s linear 0.15s, opacity 0.2s linear 0.2s;
    -moz-transition: transform 0.2s linear 0.15s, opacity 0.2s linear 0.2s;
    transition: transform 0.2s linear 0.15s, opacity 0.2s linear 0.2s;
    opacity: 0;
    pointer-events: none;
  }
  #top-menu-nav > ul > li > a:hover::after,
  #top-menu-nav > ul > li > a:focus::after,
  #top-menu-nav > ul > li.et-show-dropdown > a::after {
    opacity: 1 !important;
    transform: translateX(0px) translateY(3px);
    -webkit-transition: transform 0.2s linear 0.15s, opacity 0.2s linear 0.2s;
    -moz-transition: transform 0.2s linear 0.15s, opacity 0.2s linear 0.2s;
    transition: transform 0.2s linear 0.15s, opacity 0.2s linear 0.2s;
  }

  #top-menu-nav > ul > li.et-show-dropdown > a {
    opacity: 1;
    transform: translateX(0px) translateY(-3px);
    -webkit-transition: transform 0.2s linear 0.15s, opacity 0.2s linear 0.2s;
    -moz-transition: transform 0.2s linear 0.15s, opacity 0.2s linear 0.2s;
    transition: transform 0.2s linear 0.15s, opacity 0.2s linear 0.2s;
  }

  #top-menu li.current-menu-item > a::after,
  #top-menu li.current_page_item > a::after,
  #top-menu li.current-menu-ancestor > a::after,
  #top-menu li.current-menu-parent > a::after {
    transform: unset !important;
    opacity: 1;
    transform: translateX(0px) translateY(0px) !important;
  }
/* if ancor link */
  #top-menu li.current-menu-item > a[href^="/#"]::after,
  #top-menu li.current-menu-item > a[href^="#"]::after {
/*  #top-menu li.current_page_item > a[href^="/#"]::after,*/
/*  #top-menu li.current-menu-ancestor > a[href^="/#"]::after,*/
/*  #top-menu li.current-menu-parent > a[href^="/#"]::after { */
    transform: unset !important;
    opacity: 0;
    transform: translateX(0px) translateY(0px) !important;
  }
/*  #top-menu li.et-show-dropdown > a::after {
    transform: unset !important;
    opacity: 1;
  }*/
  #top-menu li.current-menu-item > a:hover::after,
  #top-menu li.current-menu-item > a:focus::after,
  #top-menu li.current_page_item > a:hover::after,
  #top-menu li.current_page_item > a:focus::after {
    opacity: .7;
    transform: translateX(0px) translateY(3px) !important;
/*    -webkit-transition: all 0s !important;
    -moz-transition: all 0s !important;
    transition: all 0s !important;*/
  }

  /* submenu anpassungen desktop */
  #page-container .sub-menu { width: auto!important; }
  #page-container .sub-menu a {
    width: 100% !important;
  }
  #page-container .sub-menu li {
    width: 100% !important;
  }
  #page-container .sub-menu a {
    transition: all 0s !important;
    border-right: 3px transparent solid;
    white-space: nowrap;
    display: block !important;
  }
  #page-container .sub-menu a:hover {
    transition: all .0s !important;
    border-right: 0 transparent solid !important;
  }
  #top-menu .menu-item-has-children>a:first-child {
    padding-right: 0 !important;
  }
  #top-menu .menu-item-has-children > a:first-child:after {
    content: "" !important;
    right: unset;
    top: unset;
  }

  .nav li ul {
    left: -3px;
    padding: 0 0 0 !important; /*10px 0 0*/
    width: 200px !important;
/*    border-top: 3px solid var(--pn_body_dark-font-color);*/
    border-top: unset;
  }
  #top-menu li ul.sub-menu li.current-menu-item > a,
  .nav ul li a:hover {
    border-left: 3px var(--pn_menu-highlight1) solid;
  }
  #top-menu li li {
    padding: 0 0 !important;
    border-bottom: 1px transparent solid !important;
  }
  #top-menu li li:last-child {
    border-bottom: unset !important;
  }
  #top-menu li li a {
    padding: 6px 13px !important;
  }
/** top menu styling _ENDE **/
}
/***** DESKTOP VIEW _END *****/

/***** MOBILE (+TAB) VIEW *****/
/* make divi menu on desktiop before tab+mobile wider */
/*
@media (max-width: 1240px) {
  header#main-header .container {
    width: unset;
  }
}
*/

/* Make Divi Centered and Centered Inline Logo Header Bars Look Like The Default Header Bar On Mobile */
@media all and (max-width: 980px) {
/* jquery switch center 2 default */
  .et_header_style_split #main-header, .et_header_style_centered #main-header { visibility:hidden; }

/* align header container text to left */
  .et_header_style_centered #main-header .container,
  .et_header_style_split #main-header .container {
    text-align: left;
  }
/* set max width for logo container and bring it above the navigation bar to make it clickable */
  .et_header_style_centered header#main-header .logo_container,
  .et_header_style_split header#main-header .logo_container {
/*        position:relative;
      z-index: 2;
      max-width: 50%;*/
    }
/*.et_header_style_left*/
  .et_header_style_centered header#main-header .logo_container {
    position: absolute !important;
    height: 100% !important;
    width: 100% !important;
  }
/* move split header logo to left */
  .et_header_style_split header#main-header .logo_container {
    float: left;
  }
/* prevent the split header logo from shrinking by increasing its max width */
  .et_header_style_split #logo {
    max-width: 100%;
  }
/* adjust top navigation alignment */
  .et_header_style_centered #main-header div#et-top-navigation,
  .et_header_style_split #main-header div#et-top-navigation {
/*       position: absolute;*/
    }
/* make "select page bg color transparent" */
    .et_header_style_centered #main-header .mobile_nav,
    .et_header_style_split #main-header .mobile_nav {
         background-color: rgba(0, 0, 0, 0);
    }
/* remove mobile_nav left and right padding */
    .et_header_style_centered #main-header .mobile_nav,
    .et_header_style_split #main-header .mobile_nav {
         padding: 5px 0px;
    }
/* remove unnecessary top margin */
    .et_header_style_centered #et_mobile_nav_menu,
    .et_header_style_split #et_mobile_nav_menu {
/*        margin-top: 0px;*/
        display: block !important;
        float: right !important;
    }
/* hide "select page" container */
    .et_header_style_centered #main-header .mobile_nav .select_page,
    .et_header_style_split #main-header .mobile_nav .select_page {
        display: none;
    }
/* adjust vertical and right alignment of the mobile menu bar */
    .et_header_style_centered #main-header .mobile_menu_bar,
    .et_header_style_split #main-header .mobile_menu_bar {
        position: relative;
        right: 0px;
        text-align: right;
    }
/* adjust dropdown menu top offset */
    .et_header_style_centered #main-header .et_mobile_menu,
    .et_header_style_split #main-header .et_mobile_menu {
        top: 63px;
    }
}
/* Make Divi Centered and Centered Inline Logo Header Bars Look Like The Default Header Bar On Mobile _ENDE */



/*** switch breakkpoint desktop + mobile-menu ***/
@media (max-width: 980px) {
  #main-header, #main-header .nav li ul, .et-search-form, #main-header .et_mobile_menu {
    background-color: #ffffff !important;
    box-shadow: var(--pn_box-shadow-menu);
  }

  .et_mobile_menu {
    padding: 3% !important;
    overflow: scroll !important;
    max-height: 75vh;
    box-shadow: 0px 0px 30px rgba(0,0,0,0.3);
  }
  .et_mobile_menu li a {
    padding: 10px 2% !important;
  }
  .et_mobile_menu li:last-child a {
    border-bottom: unset !important;
  }

  .et_mobile_menu .menu-item-has-children>a {
    font-weight: unset;
  }
  #main-header .container.et_menu_container {
    width: 100%;
    padding: 0 8%;
  }
  .et_header_style_left .logo_container {
    width: 84% !important;
  }
  .et_mobile_menu .current-menu-parent>a,
  .et_mobile_menu .current-page-parent>a {
    font-weight: 700;
    color: var(--pn_col1);
  }
  #et_mobile_nav_menu {
    display: block;
    float: right;
  }
  #top-menu {
    display: none;
  }
  .et_header_style_left #et-top-navigation, .et_header_style_split #et-top-navigation, .et_header_style_centered #et-top-navigation {
    padding-top: 24px !important;
  }
  .current-menu-item {
    font-weight: 700 !important;
  }
.current-menu-item a {
    color: var(--pn_col1) !important;
    opacity: .7; 
  }
  div.container.clearfix.et_menu_container .et-top-navigation {
    padding-left: 100px !important;
  }

  /** for non sticky mobile menu **/
  header#main-header.et-fixed-header {
    box-shadow: unset !important;
    opacity: .975 !important;
  }
}


/* START: Collapse Divi Menu Module Submenus and Keep Parent Items Clickable on Mobile */
/* Parent menu item */
.et_mobile_menu .menu-item-has-children.clickable,
.et_mobile_menu .menu-item-has-children > a {
  background-color: transparent;
  position: relative;
}
/* Parent menu item icon */
.et_mobile_menu .menu-item-has-children:not(.clickable) > a:after,
.et_mobile_menu .menu-item-has-children.clickable > span.parent_icon:after {
  font-family: "ETmodules";
  text-align: center;
  speak: none;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  font-size: 32px;
}
/* Disabled parent menu item icon positioning */
.et_mobile_menu .menu-item-has-children:not(.clickable) > a:after {
  position: absolute;
  top: 13px;
  right: 10px;
}
/* Clickable parent menu item icon */
.et_mobile_menu .menu-item-has-children.clickable > span.parent_icon {
  display: grid;
  grid-template-rows: 1fr;
  grid-template-columns: 1fr;
  align-items: center;
  position: absolute;
  width: 46px;
  height: 46px;
/*  background: rgba(0, 0, 0, 0);*/
/*  border-left: 0px solid #dcdcdc;*/
  right: 0;
  top: 0;
  z-index: 9;
}
/* Collapsed submenu parent menu item icon */
.et_mobile_menu .menu-item-has-children:not(.clickable) > a:after,
.et_mobile_menu .menu-item-has-children.clickable > span.parent_icon:after {
  content: "\33";
/*    content: '\35';
    transition: all .5s !important;*/
}
/* Expanded submenu parent menu item icon */
.et_mobile_menu .menu-item-has-children:not(.clickable).visible > a:after,
.et_mobile_menu .menu-item-has-children.clickable.visible > span.parent_icon:after {
  content: "\32";
/*    transform: rotate(90deg);
    transition: transform .5s !important;*/
}
/* Hide submenu by default */
.et_mobile_menu ul.sub-menu,
.et-db #et-boc .et-l .et_pb_menu .et_mobile_menu > ul.sub-menu,
.et-db #et-boc .et-l .et_pb_fullwidth_menu .et_mobile_menu > ul.sub-menu {
    opacity: 0;
    overflow: hidden;
    transition: all .3s ease-in-out;
    max-height: 0;
}
/* Show submenu */
.et_mobile_menu .visible > ul.sub-menu,
.et-db #et-boc .et-l .et_pb_menu .et_mobile_menu .visible > ul.sub-menu,
.et-db #et-boc .et-l .et_pb_fullwidth_menu .et_mobile_menu .visible > ul.sub-menu {
    opacity: 1;
    transition: all 1s ease-in-out;
    max-height: 1000px !important;
}
/* END: Collapse Divi Menu Module Submenus and Keep Parent Items Clickable on Mobile */
/*** switch breakkpoint desktop + mobile-menu _ENDE ***/