.topmenu ul {
  list-style:none;
  padding:0;
}

.topmenu ul li {
  list-style:none;
  padding:0;
  line-height:1.875;
}

.topmenu ul li a {
  font-weight: normal;
}
.topmenu ul li a.active {
  text-decoration:underline;
}



.topmenu .frame-type-menu_pages li a::before {
  content: "\f054";
  font-family: "Font Awesome 5 Free";
  float: left;
  padding-top: 0.425em;
  padding-right: 0.5em;
  font-size: 0.675em;
  font-weight: 600;
}




 .megamenu.menuelayout-5 {
  background: #545454 !important;
  border-top: 12px solid #fff;
}

nav.sticky-wrapper.shrink  .megamenu.menuelayout-5 {
  background: #545454 !important;
  border-top: 0 solid #fff;
}

.megamenu.menuelayout-5 a {
  color:#fff !important;
}




/* #Resets
–––––––––––––––––––––––––––––––––––––––––––––––––– */
html {box-sizing: border-box;}
*, *:before, *:after {box-sizing: inherit;  }









.dropdown-toggle::after {
 
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid;
  border-right: 0.3em solid transparent;
  border-bottom: 0;
  border-left: 0.3em solid transparent;
}





/* #Universal and Default Styles
–––––––––––––––––––––––––––––––––––––––––––––––––– */
a.red {color:#A60B19 !important;}
 
ul.mega li {
    list-style:none;
    margin:0;
    padding:0;
}

ul.mega li.ebene1 {
    list-style:none;
    margin:0;
    padding:0;
    display:inline-block;
    margin-right:1em;
    vertical-align: top;
}

ul.ersteUL {
        margin: 0;
    padding: 0;
    /* float: left; 
    display: inline-block;*/
    width: auto;
    vertical-align:top;      
    list-style: none;

}
ul.ersteUL li a {
    text-transform: none;
}
ul.ersteUL li a:before {
    font-family:'FontAwesome';
    content:'\f105';
    margin-right:0.5em;
    display:inline-block;
}

.topnavsub a {text-decoration: none;}

footer  a {
  text-decoration: none;
}


.container {
  /*
  margin: auto;
  width: inherit;
  */
}
.ul-reset {
  padding-left: 0;
   margin-top: 0;
   margin-bottom: 0;
  list-style: none;
}


.box {
  float:left;
}
/* #Navigation Styles
–––––––––––––––––––––––––––––––––––––––––––––––––– */


nav.sticky-wrapper {
     
      -webkit-box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.35);
      -moz-box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.35);
      box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.35);
     
 


}

.header-top.sticky-wrapper {
  
      -webkit-box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.35);
      -moz-box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.35);
      box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.35);
   
 background:#fff !important;
 height:auto;



}


 



nav.topnav-sub {

     position: relative;
     width: 100%;
    text-align: left;
  font-family:'Open Sans';
   
}
nav.topnav-sub > ul > li {
  display: inline-block;
    font-size: 1em;
    padding: 0 0 0 2.375em ;
    position: relative;
}
nav.topnav-sub > ul > li:first-child {padding-left: 0;}
nav.topnav-sub > ul > li:last-child {padding-right: 0;}
.navcontainer nav > ul > li > a {
  color: #000;
    display: block;
    position: relative;
    padding: 16px 0 10px;
    border-bottom: 3px solid transparent;
    font-weight:bold;
    z-index:222;
}
nav > ul > li:hover > a {
   /* color: #00adef; */ 
    color: var(--primary);
    border-bottom: 0px solid transparent;
    text-decoration: none;
}

.header.sticky nav > ul > li:hover > a {

    border-bottom: 10px solid transparent;
}


ul.mega li.ebene1 a.strong { font-weight:bold;}
ul.mega li.ebene1:hover a {
    color: var(--primary);
}

ul.mega li.ebene1:hover ul li a:link,
ul.mega li.ebene1:hover ul li a:visited {
    color: var(--primary);
}
ul.mega li.ebene1:hover ul li a:hover {
    color: var(--primary);
}

/* #Mega Menu Styles
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.mega-menu {
  background: #fff;
    display: none;
    left: 0;
    position: absolute;
    text-align: left;
    width: 100%;
  text-indent:0;
  padding:1em;
  z-index:0;
  -webkit-box-shadow: 0px 0px 5px 0px rgba(161,161,161,0.86);
  -moz-box-shadow: 0px 0px 5px 0px rgba(161,161,161,0.86);
  box-shadow: 0px 0px 5px 0px rgba(161,161,161,0.86);

  
  visibility: hidden;
    opacity: 0;
    transition: visibility 0s, opacity 0.2s linear;
    max-width:1280px;
}
.mega-menu h3 {color: #444;}
.mega-menu ul {
  /*float: left;*/
    margin-bottom: 2em;
    margin-right: 3em;
  margin-left:0;
    min-width: 100px;

}
.mega-menu ul:last-child {margin-right: 0;}
.mega-menu a {
  border-bottom: 0px solid #ddd;
    color: #00163b;
    display: block;
    padding: 5px 0 0.5em 0;
}

/*
.mega-menu a:hover {color: #00adef;}
*/
.mega-menu a:hover {color: #A60B19; text-decoration:none;}
 

.mega-menu figure div a { padding:0; }

/* #Droppable Class Styles
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.droppable {position: static;}

/*
.droppable > a:after {
  content: "\f107";
    font-family: FontAwesome;
    font-size: 12px;
    padding-left: 6px;
    position: relative;
    top: -1px;
}
*/
.droppable:hover .mega-menu {

  display: block;  
   padding: 1.5em;
  visibility: visible;
  opacity: 1;
  z-Index:9;
 }

 .mega-menu.open {
   display:block;
 }

/* #Browser Clearfix
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.cf:before,
.cf:after {
  content: " "; /* 1 */
   display: table; /* 2 */
}
.cf:after {clear: both;}






ul.mega_sub {
  margin:0.875em;
  margin-left:1em;
  padding:0;
  font-size:0.875em;
 }

    .navcontainer nav { display:none; }


@media (min-width:375px) {
  
#menu9{

  margin-left:30px;
 
  }

}

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

#menu9, #menu10, #menu10open {
  display:block;
  float:inherit;
}

#menu9 {
  margin-left:20px;
  margin-right:35px;
}

.sticky #menu9, .sticky #menu10 {
    display: none !important;
}

.droppable:hover .mega-menu {
  min-width:760px;
}

    
}

.frame-layout-navimg {
    padding:0;
    margin:0;
}


@media (min-width:992px) {

    .navbar-expand-lg .navbar-nav {
      -ms-flex-direction: row;
      flex-direction: row;
      width: 100%;
      justify-content: flex-end!important;
    }


    ul.navbar-nav li:first-child {
      width:auto;
    }

 





    nav.sticky-wrapper {
   
      -webkit-box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.35);
      -moz-box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.35);
      box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.35);
     
      background: #ffffff;
    
      transition: 0.4s; /* Adds a transition effect when the padding is decreased */
      overflow: inherit;
      padding:0.675rem;
    
    }
    
    nav.sticky-wrapper.shrink {
 
      -webkit-box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.35);
      -moz-box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.35);
      box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.35);
 
      background: #ffffff;
    
      /*
      padding:0.375rem 0rem;
      */

      padding:0;
      border-top: 0.175rem solid #fff;
      border-bottom: 0.175rem solid #fff;


      transition: 0.4s; /* Adds a transition effect when the padding is decreased */
    
    
    }
    
    
     
    nav.sticky-wrapper.shrink .navbar-brand img {
 
      height:auto;
      transition: 0.4s; /* Adds a transition effect when the padding is decreased */
    }
    











}

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





  .navcontainer nav { display:inherit; }
nav {


    float: inherit;
    width: 100%;
    text-align: right;

}

.droppable:hover .mega-menu {
  min-width:1000px;
}

.mega-menu ul:nth-child(3) {
	clear:left;	
}
    
    #menu6 .mega-menu {
            max-width: 900px;
    min-width: 660px;
    right: 0;
    left: inherit;
    }
 

    
ul.mega li.ebene1 {
    list-style: none;
    margin: 0;
    padding: 0;
    display: inline-block;
    margin-right: 5em;
    vertical-align: top;
}
    
    
    ul.mega li.ebene1:last-child { margin-right:1em; }
    
    /*
.mega-menu ul:nth-child(3)::before,
.mega-menu ul:nth-child(4)::before {
	content:" ";
	margin-top:2em;
	width:100%;
	  white-space: pre;

}
*/
    
    
}


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


  ul.ersteUL {
  
display: inline-block;


}



.droppable:hover .mega-menu { }
.mega-menu { min-width:1280px; }
.ul-reset { margin-left:50px; }  

.sticky .navcontainer {
  max-width:1280px;
  margin:auto;
    padding-top:0.375em;
}

}


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

 .mega-menu > div > figure > div img { width:100% !important; height:auto; }
 
}







nav > ul > li.instagram,
nav > ul > li.facebook{
  display: inline-block;
  padding: 0 0 0 .25em !important;
  position: relative;
  margin-right: 0;
}


nav > ul > li.facebook { margin-right:0; }

nav > ul > li.facebook i.fa,
nav > ul > li.instagram i.fa {

    font-size: 1.375em !important;

}



@media screen and (max-width:769px) {
    header.header nav > ul > li.instagram, 
    header.header nav > ul > li.facebook { display:none !important; }
}


/* Contactmenu 
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.contactmenu nav.contactmenu {
	/* background: #ccc;
    font-size: 0;
	*/
    /* position: relative; */
    float: right;
    /* width: 100%; */
    text-align: right;
 
	
}

.contactmenu nav.contactmenu > ul {
    
    padding:0 0 0 0;
    margin:0;
}
.contactmenu nav.contactmenu > ul > li {
	display: inline-block;
  	font-size: 0.875rem;
  	padding: 0 1em 0 1em;
 /* 	position: relative; */
}
.contactmenu nav.contactmenu > ul > li:first-child {padding-left: 0;}
.contactmenu nav.contactmenu > ul > li:last-child {padding-right: 0em;}
.contactmenu nav.contactmenu > ul > li > a {
    color: #000;
    display: block;
    position: relative;
    padding: 0.675em 0em 0.5em 0;
    border-bottom: 0px solid transparent;
    font-size: 1em;
    text-transform: none;
}
.contactmenu nav.contactmenu > ul > li:hover > a {
	/*color: #69aae0; */
	color:#A60B19;
	
	text-decoration:none;
 }


.contactmenu nav.contactmenu > ul > li.active a.dropactx2 {
	color:#A60B19;
}
 



/* Contactmenu - Footer
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.footer-container span.copyright {float:left; padding-right:1em; }

.footer-container .contactmenu nav.contactmenu {
	/* background: #ccc;
    font-size: 0;
	*/
    /* position: relative; */
    float: left;
    /* width: 100%; */
    text-align: right;
 
 	
	
}

.footer-container .contactmenu nav.contactmenu > ul {
    
    padding:0 0 0 0;
    margin:0;
}
.footer-container .contactmenu nav.contactmenu > ul > li {
	display: inline-block;
  	font-size: 0.875rem;
  	padding: 0 1em 0 1em;
 /* 	position: relative; */
    border-left:1px solid #fff;
}
.footer-container .contactmenu nav.contactmenu > ul > li:first-child {padding-left: 1em;}
.footer-container .contactmenu nav.contactmenu > ul > li:last-child {padding-right: 0em;}
.footer-container .contactmenu nav.contactmenu > ul > li > a {
    color: #fff;
    display: block;
    position: relative;
    padding: 0em 0em 0em 0;
    border-bottom: 0px solid transparent;
    font-size: 1em;
    text-transform: none;text-decoration: none;
}
.footer-container .contactmenu nav.contactmenu > ul > li:hover > a {
	/*color: #69aae0; */
	color:#A60B19;
	
	text-decoration:none;
 }


.footer-container .contactmenu nav.contactmenu > ul > li.active a.dropactx2 {
	color:#A60B19;
}



@media screen and (max-width:640px) {
    
    .footer-container .contactmenu {
     display: flex;
    width: 100%;
    flex-direction: column-reverse;
    }
    
    
.footer-container .contactmenu ul li a:before {
    font-family: 'FontAwesome';
    content: '\f105';
    floar: left;
    margin-right: 0.375rem;
}
    
    
    
/* Contactmenu - Footer
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.footer-container span.copyright {float:left; padding-right:1em; padding-left:0.5em; margin-top:0.5em;width:100%; }

.footer-container .contactmenu nav.contactmenu {
	/* background: #ccc;
    font-size: 0;
	*/
    /* position: relative; */
    float: left;
     width: 100%; 
    text-align: left;
	font-family:'Open Sans';
	text-transform: uppercase;
 	
	
}

.footer-container .contactmenu nav.contactmenu > ul {
    
    padding:0 0 0 0;
    margin:0;
}
.footer-container .contactmenu nav.contactmenu > ul > li {
	display: inline-block;
  	font-size: 0.875rem;
  	padding: 0.5em 1em 0.5em 0.5em;
 /* 	position: relative; */
    border-left:0px solid #fff;
    width:100%;
}
.footer-container .contactmenu nav.contactmenu > ul > li:first-child {padding-left: 0.5em;}
.footer-container .contactmenu nav.contactmenu > ul > li:last-child {padding-right: 0em;}
.footer-container .contactmenu nav.contactmenu > ul > li > a {
    color: #fff;
    display: block;
    position: relative;
    padding: 0em 0em 0em 0;
    border-bottom: 0px solid transparent;
    font-size: 1em;
    text-transform: none;text-decoration: none;
}
.footer-container .contactmenu nav.contactmenu > ul > li:hover > a {
	/*color: #69aae0; */
	color:#A60B19;
	
	text-decoration:none;
 }


.footer-container .contactmenu nav.contactmenu > ul > li.active a.dropactx2 {
	color:#A60B19;
}

    
    
}