@charset "UTF-8";
/* CSS Document */

/* -----------------------------  Haupt  -------------------------------- */

nav#mobile { display: none; }

nav { 
  position: relative; 
  transition: top 0.5s ease-in-out;
  z-index: 1000;
  padding-right: 6vw;
}
a.nav-link { display: none; }

/* hauptnavigation Hauptebene */

nav > ul { position: relative; }
nav > ul > li { position: relative; margin-left: 1.4rem; border-bottom: 10px solid #e3000f; }
nav > ul > li:first-child { margin-left: 0; }
nav > ul > li:hover { border-bottom: 10px solid #fbbb32; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease; }
nav > ul > li:last-child:hover { border-bottom: 10px solid #e3000f; }
nav > ul > li > a { font-family: 'Poppins', sans-serif; font-style: italic; font-weight: 800; display: inline-block; text-transform: uppercase; font-size: 16px; line-height: 1em; font-weight: 400; color: #fff; padding: 65px 0 55px; }
nav > ul > li.highlight > a, nav > ul > li.highlight > a:active, nav > ul > li.highlight > a:visited { color: #fddd98; }
nav > ul > li > a:visited { color: #ffffff; }
nav > ul > li > a:hover,
nav > ul > li.highlight > a:hover { color: #fbbb32;  }
nav > ul > li.current-menu-item > a, 
nav > ul > li.current-menu-parent > a { color: #fbbb32; }

/* hauptnavigation Unterebene 1 */

nav > ul > li > ul {
  position: absolute;
  top: 100%;
  width: 17em;
  margin-top: 30px;
  left: 0;
  text-align: left; 
  visibility: hidden;
  opacity: 0;
  background: #fef2d6;
  -webkit-transition:  visibility 0.2s, opacity 0.2s, margin-top 0.2s ease-out;
  -moz-transition:  visibility 0.2s, opacity 0.2s, margin-top 0.2s ease-out;
  -ms-transition:  visibility 0.2s, opacity 0.2s, margin-top 0.2s ease-out;
  transition: visibility 0.2s, opacity 0.2s, margin-top 0.2s ease-out;
}

nav > ul > li:nth-last-child(2) > ul { left: auto; right: 0; }

nav > ul > li:hover > ul { visibility: visible; opacity: 1; margin-top: 10px; }
nav > ul > li > ul > li { position: relative; }
nav > ul > li > ul > li > a {
  font-family: 'Poppins', sans-serif; font-style: normal; font-weight: 400;
  display: block; 
  padding: 11px 15px;
  color: #1d3342;  
  font-size: .95rem;
  line-height: .95rem;
  font-weight: 400;
  text-transform: none;
  border-top: 1px dotted #fbbb32;
}
nav > ul > li > ul > li > a:active, nav > ul > li > ul > li > a:visited { color: #1d3342; }
nav > ul > li > ul > li > a:visited, nav > ul > li > ul > li > a:active { color: #1d3342; }
nav > ul > li > ul > li:first-child > a { border-top: 0; }
nav > ul > li > ul > li > a:hover { cursor: pointer; color: #ffffff; background: #1d3342; }
nav > ul > li > ul > li.current-menu-item > a { background: #fbbb32; }
nav > ul > li > ul > li.current-menu-item > a:hover { background: #1d3342; }

nav > ul > li > ul > li.menu-item-has-children > a { background: transparent url('../images/sli_arrow-right.svg') no-repeat center right / contain; background-size: auto .75rem; }
nav > ul > li > ul > li.menu-item-has-children > a:hover { background: #1d3342 url('../images/sli_arrow-right_white.svg') no-repeat center right / contain; background-size: auto .75rem; }
nav > ul > li > ul > li.menu-item-type-post.current-menu-parent > a { background: #fbbb32 url('../images/sli_arrow-right_dark.svg') no-repeat center right / contain; background-size: auto .75rem; }
nav > ul > li > ul > li.menu-item-type-post.current-menu-parent > a:hover { background: #1d3342 url('../images/sli_arrow-right_white.svg') no-repeat center right / contain; background-size: auto .75rem; }

nav > ul > li:nth-last-child(2) > ul > li.menu-item-has-children > a, 
nav > ul > li:nth-last-child(3) > ul > li.menu-item-has-children > a { background: transparent url('../images/sli_arrow-left.svg') no-repeat center right / contain; background-size: auto .75rem; }
nav > ul > li:nth-last-child(2) > ul > li.menu-item-has-children > a:hover,
nav > ul > li:nth-last-child(3) > ul > li.menu-item-has-children > a:hover { background: #1d3342 url('../images/sli_arrow-left_white.svg') no-repeat center right / contain; background-size: auto .75rem; }
nav > ul > li:nth-last-child(2) > ul > li.menu-item-has-children > a,
nav > ul > li:nth-last-child(3) > ul > li.menu-item-has-children > a { background: transparent url('../images/sli_arrow-left.svg') no-repeat center right / contain; background-size: auto .75rem; }
nav > ul > li:nth-last-child(2) > ul > li.current-menu-parent > a,
nav > ul > li:nth-last-child(3) > ul > li.current-menu-parent > a { background: #fbbb32; }
nav > ul > li:nth-last-child(2) > ul > li.menu-item-type-post.current-menu-parent > a,
nav > ul > li:nth-last-child(3) > ul > li.menu-item-type-post.current-menu-parent > a { background: #fbbb32 url('../images/sli_arrow-left_dark.svg') no-repeat center right / contain; background-size: auto .75rem; }

/* hauptnavigation Unterebene 2 */

nav > ul > li > ul > li > ul {
  position: absolute;
  width: 17em;
  margin-top: -30px;
  left: 17em;
  text-align: left; 
  visibility: hidden;
  opacity: 0;
  -webkit-transition:  visibility 0.2s, opacity 0.2s, margin-top 0.2s ease-out;
  -moz-transition:  visibility 0.2s, opacity 0.2s, margin-top 0.2s ease-out;
  -ms-transition:  visibility 0.2s, opacity 0.2s, margin-top 0.2s ease-out;
  transition: visibility 0.2s, opacity 0.2s, margin-top 0.2s ease-out;
}

nav > ul > li:nth-last-child(2) > ul > li > ul,
nav > ul > li:nth-last-child(3) > ul > li > ul { left: -16em; }

nav > ul > li > ul > li:hover > ul { visibility: visible; opacity: 1; margin-top: calc((20px + 1.1rem) * -1); }
nav > ul > li > ul > li > ul > li > a { 
  display: block; 
  padding: 10px 15px; 
  color: #1d3342; 
  background: #fff8ea; 
  font-size: 1.1rem;
  font-weight: 400;
  text-transform: none;
  border-bottom: 1px solid #feeac1;
}
nav > ul > li > ul > li > ul > li:last-child > a { border-bottom: 0; }
nav > ul > li > ul > li > ul > li > a:hover { cursor: pointer; color: #ffffff; background: #1d3342; }
nav > ul > li > ul > li > ul > li.current-menu-item > a { background: #fbbb32; }
nav > ul > li > ul > li > ul > li.current-menu-item > a:hover { background: #1d3342; }

/* -----------------------------  Footer  ---------------------------------- */

ul.footer li a { color: #ffffff; line-height: 1; }
ul.footer li a:hover, ul.footer li.current-menu-item a  { color: #fbbb32; }
ul.footer li { margin-right: 15px; padding-right: 15px; border-right: 1px dotted #ffffff; }
ul.footer li:last-child { border: none; }

/* -----------------------------  Fixed  ---------------------------------- */

nav.fixed { 
  position: fixed;
  top: 0; left: 0; right: 0;
  transition: top 0.5s ease-in-out;
  z-index: 1000;
  padding-right: 6vw;
  margin-top: -80px;
  -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease;
  box-shadow: 0 2px 5px rgba(0,0,0,.2);
}
nav.fixed img { width: 46px; height: auto; margin-top: 10px; }
nav.fixed > ul > li > a { font-family: 'Poppins', sans-serif; display: inline-block; text-transform: uppercase; font-size: 16px; line-height: 1em; font-weight: 400; color: #fff; padding: 25px 0 15px; }
nav.fixed > ul > li:last-child { margin: 0; padding: 0; }

nav.fixed.nav-up { margin-top: -80px; }
nav.fixed.nav-down { margin-top: 0; }

/* -----------------------------  Footer  ---------------------------------- */

ul#international li { list-style: none; margin: 0; padding: 0; }
ul#international li a { 
  font-family: 'Poppins'; font-style: italic; font-weight: 800;
  color: #1d3342; background: #ffffff; 
  border-bottom: 1px solid #118893; 
  line-height: 1;
  font-size: 1.2rem;
  padding: 20px; 
  display: block;
}
ul#international li a:before { 
  font-family: "Font Awesome 5 Free" !important;
  font-weight: 900 !important;
  font-size: .9em !important;
  font-style: normal;
  content: "\f061";
  margin-right: .5em;
 }
ul#international li.current-menu-item a { color: #ffffff; background: #118893; }
ul#international li.current-menu-item a:hover { color: #ffffff; background: #118893; }
ul#international li:last-child a { border-bottom: 0; }
ul#international li a:hover { background: #f0ede8; }

/* --------------------------------  Mobile  ---------------------------------- */


@media all and (max-width: 1300px) {

.hide1300 { display: none !important; }
.show1300 { display: inline-block !important; }

header .skew_overlay { position: absolute; left: -17px; top: 0; bottom: 0; width: 30px; height: 86px; }

nav.fixed { display: none; }

a.nav-link i { margin: 0; }
a.nav-link, a:visited.nav-link { color: #ffffff; position: relative; text-decoration: none; display: inline-block;  text-align: center; font-size: 35px; margin: 25px 30px 25px 0; padding: 0; }
a.nav-link:hover, a.nav-link.active { color: #fbbb32; }
  
nav { display: block; width: 100%; height: auto; padding-right: 0; }
nav, nav > ul > li > ul.sub-menu, nav > ul > li > ul.sub-menu > li > ul { 
  overflow: hidden; 
  max-height: 0; 
  -webkit-transition: all .35s ease-in-out; 
  -moz-transition: all .35s ease-in-out; 
  -ms-transition: all .35s ease-in-out; 
  transition: all .35s ease-in-out;
}

nav > ul > li:hover > ul { margin-top: 0px; }
  
nav ul.row { display: block; text-align: left; }
nav.active, nav > ul > li > ul.active, nav.active, nav > ul > li > ul.active > li > ul.active { max-height: 55em; visibility: visible; }
nav > ul { width: 100%; margin-bottom: 0px; }
nav > ul > li { display: block; margin: 0; border-bottom: 0px; border-top: 1px dotted #ffffff; }
nav > ul > li:hover, nav > ul > li:last-child:hover { border-bottom: 0px; }
nav > ul > li > a { display: block; padding: 13px 30px; margin: 0; }
nav > ul > li.menu-item-has-children > a:after { font-family: 'Assistant', sans-serif; font-weight: 700; content: '+'; position: absolute; top: 12px; right: 30px; font-size: 1.3em; }
nav > ul > li.menu-item-has-children > a.active:after { content: "-"; }
  
/* hauptnavigation Unterebene 1 */

nav > ul > li > ul.sub-menu {
  position: relative;
  display: block;
  margin: 0;
  padding: 0;
  width: 100% ;
  visibility: visible;
  opacity: 1;
}
nav > ul > li > ul.sub-menu > li > a { padding: 12px 40px; }
nav > ul > li > ul > li.menu-item-has-children > a,
nav > ul > li:nth-last-child(2) > ul > li.menu-item-has-children > a,
nav > ul > li:nth-last-child(3) > ul > li.menu-item-has-children > a { background-image: none; }
nav > ul > li:nth-last-child(2) > ul > li.menu-item-has-children > a:hover,
nav > ul > li:nth-last-child(3) > ul > li.menu-item-has-children > a:hover,
nav > ul > li > ul > li.menu-item-has-children > a:hover { background: #1d3342; }
nav > ul > li > ul > li.menu-item-has-children > a:after { font-family: 'Assistant', sans-serif; font-weight: 400; content: '+'; position: absolute; top: 14px; right: 30px; font-size: 1.3em; }
nav > ul > li > ul > li.menu-item-has-children > a.active:after { content: "-"; }

/* hauptnavigation Unterebene 2 */

nav > ul > li > ul > li > ul,
nav > ul > li:nth-last-child(2) > ul > li > ul,
nav > ul > li:nth-last-child(3) > ul > li > ul {
  position: relative;
  width: 100%;
  margin-top: 0;
  left: 0;
  visibility: visible;
  opacity: 1;
}

nav > ul > li > ul > li:hover > ul { visibility: visible; opacity: 1; margin-top: 0; }
nav > ul > li > ul.sub-menu >li > ul > li > a { 
  padding: 13px 30px 13px 50px; 
  color: #1d3342; 
  font-size: .95rem;
}
nav > ul > li > ul > li > ul > li:last-child > a { border-bottom: 0; }
nav > ul > li > ul > li > ul > li > a:hover { cursor: pointer; color: #ffffff; background: #1d3342; }

}
  
@media all and (max-width: 550px) {

header .right { text-align: center; }
a.nav-link, a:visited.nav-link { font-size: 35px; margin: 10px 0; }

nav > ul > li > a { display: block; padding: 13px 20px; margin: 0; }
nav > ul > li.menu-item-has-children > a:after { right: 20px; }
nav > ul > li > ul.sub-menu > li > a { padding: 13px 20px 13px 30px; }
nav > ul > li > ul.sub-menu > li > ul > li > a { padding: 13px 20px 13px 40px; }

ul.footer li { margin-right: 10px; padding-right: 10px; }

}