@font-face {
  font-family: 'see_extralight';
  src: url('fonts/Barlow-ExtraLight.ttf');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'see_light';
  src: url('fonts/Barlow-Light.ttf');
  font-weight: normal;
  font-style: normal;
  font-size: 13px;
}

@font-face {
  font-family: 'see_regular';
  src: url('fonts/Barlow-Regular.ttf');
  font-weight: normal;
  font-style: normal;
}

/***** MAIN  MENU *****/
#main_menu {
  width: 100%;
  min-width: 820px;
  min-height: 30px;
  position: fixed;
  top: 164px;
  left: 0px;
  z-index: 5;
  background:rgba(255,255,255,0.96);
  box-shadow: 0px 2px 10px 4px rgba(18,18,18,0.07), 0px 3px 4px 2px rgba(0,0,0,0.02), inset 0px 0px 2px 1px rgba(0,0,0,0.03);
  padding: 0px;
  font-family: see_regular, sans-serif;
  font-size: 15px;
  /*font-weight:400;*/
}

#prime-nav {
  float: left;
}

#main_menu ul:first-child > li > a, 
ul#prime-nav > li > a, 
ul#sec-nav > li > a, 
ul#edit-menu > li > a {
 /* padding: 0.65em 11px 0.65em 0px; */
  padding: 0.8em 11px 0.8em 0px;
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
  box-shadow: 3px 1px 5px #ccc;
}

.sf-shadow ul ul {
  box-shadow: 7px 0px 5px #ccc;
}

.sf-shadow ul ul li {
  box-shadow: 0px 3px 5px #ccc;
}

.sf-shadow ul.sf-shadow-off {
  box-shadow: none;
}

#main_menu .sf-breadcrumb {
  color: #fe0000;
}

#main_menu .prime a[href="/bearbeiten"],
#main_menu .prime a[href="/en/edit"] {
  color: #fe0000;
}


ul#sec-nav {
  float: right;
  padding-right: 17px;
}

@media screen and (max-width: 970px) { /* Hängt von der Breite der Einträge im Sekundärmenü ab */
  #main-breadcrumb {
    display: none !important; 
  }
  #main_menu {
    width: auto;
    min-width: auto;
  }
  #sec-nav {
    position: fixed;
    right: 0;
    bottom:0;
    padding-left: 15px;
    background: rgba(255,255,255,0.96);
    box-shadow: 0px 2px 10px 4px rgb(18 18 18 / 7%), 0px 3px 4px 2px rgb(0 0 0 / 2%), inset 0px 0px 2px 1px rgb(0 0 0 / 3%);
  }
}

@media screen and (max-width: 590px) {
  #prime-nav {
    display: flex !important;
    flex-direction: column;
  }
  #prime-nav > li.prime {
    transition: left .5s .5s;
    left: 0px
  }
  #cssmenu:not(:hover) #prime-nav > li.prime {
    display: none;
  }
  #main_menu {
    transition: top .5s, min-height .5s;
  }
  #main_menu:hover {
    top: 0;
    min-height: 200px;
  }
}


div.frame-default h2, div.frame-default h3 {
  font-family: see_regular, sans-serif;
  font-size: 15px;
  line-height: 1.3;
  margin-bottom: 1em;
}

.col-right header h2
{
  font-family: see_regular, sans-serif !important;
}

/* logo */
ul#prime-nav li.home-link a {
  float: left;
  font-size: 0;
  /*background: url("../../img/weissensee_logo.png") left center no-repeat transparent;*/
  width: 87px;
  height: 33px;
  padding-right: 28px;
  display: block;
}

ul#prime-nav li.home-link a img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

/* menubuilder */
#cssmenu {
  /*position: absolute;*/
  float: left;
  background: transparent;
  width: auto;
  padding-left: 28px;
}

/*home screen hover color*/
#cssmenu a:hover{
  color:#FE0000;
}


#main_menu ul{
  list-style: none;
  margin: 0;
  line-height: 1;
}

#cssmenu > ul{
  position: relative;
  display: block;
  width: 100%;
  z-index: 500;
}


#cssmenu > ul > li, ul#sec-nav li, ul#breadcrumb-nav li {
  display: block;
  position: relative;
  float: left;
}

ul#breadcrumb-nav {
  margin-left:0px !important;
}

ul#breadcrumb-nav li::before {
  content: '\2192';
  padding-right: 5px;
  
}

ul#breadcrumb-nav li {
  padding-right: 10px;
}

#cssmenu > ul > #menu-button {
  display: none;
}

/* Level 1 */
#cssmenu > ul > li > a {
  font-size: 13px;
  padding-right: 11px;
  color: #333;
  -webkit-transition: color 0.25s ease-out;
  -moz-transition: color 0.25s ease-out;
  -ms-transition: color 0.25s ease-out;
  -o-transition: color 0.25s ease-out;
  transition: color 0.25s ease-out;
}

#cssmenu > ul > li.has-sub > a {
  padding-right: 32px;
}

#cssmenu li.has-sub::after {
  display: block;
  content: '';
  position: absolute;
  width: 0;
  height: 0;
}

#cssmenu > ul > li.has-sub::after {
  right: 10px;
  top: 0px;
  border: 5px solid transparent;
  border-top-color: #7a8189;
}

#cssmenu > ul > li:hover::after {
  border-top-color: #ffffff;
}

#indicatorContainer {
  position: absolute;
  height: 12px;
  width: 100%;
  bottom: 0px;
  overflow: hidden;
  z-index: -1;
}

#pIndicator {
  position: absolute;
  height: 0;
  width: 100%;
  border: 0px;
  z-index: -2;
  -webkit-transition: left .25s ease;
  -moz-transition: left .25s ease;
  -ms-transition: left .25s ease;
  -o-transition: left .25s ease;
  transition: left .25s ease;
}

#cIndicator {
  position: absolute;
  height: 0;
  width: 100%;
  border: 12px solid transparent;
  border-top-color: #2b2f3a;
  top: -12px;
  right: 100%;
  z-index: -2;
}

/* Level 2 and up */
#cssmenu ul ul {
  position: absolute;
  left: -9999px;
  top: -7px;
  opacity: 0;
  -webkit-transition: opacity .3s .1s ease, top .3s ease;
  -moz-transition: opacity .3s .1s ease, top .3s ease;
  -ms-transition: opacity .3s .1s ease, top .3s ease;
  -o-transition: opacity .3s .1s ease, top .3s ease;
  transition: opacity .3s .1s ease, top .3s ease;
  z-index: 1000;
  padding-bottom: 7px;
  padding-top: 7px;
}

/* Level 3 */
#cssmenu ul ul ul {
  padding-left: 110px;
}

/* Level 2 */
#cssmenu ul ul li {
  position: relative;
}

/* Level 1 hover -> Level 2 */
#cssmenu > ul > li:hover > ul,
#cssmenu > ul > li:focus-within > ul {
  left: auto;
  top: 31px;
  opacity: 1;
}

/* Level 2 hover -> Level 3 */
#cssmenu ul ul li:hover > ul,
#cssmenu ul ul li:focus-within > ul  {
  top: -7px;
  left: 115px;
  opacity: 1;
}

@media screen and (max-width: 590px) {
  #cssmenu ul ul li:hover > ul {
    left: 36px;
  }
  #cssmenu ul.second-nav {
    margin-left: 36px;
  }
  #cssmenu > ul > li:hover > ul {
    top:-7px;
  }
  #sec-nav li a {
    font-size: 13px;
  }
}

#cssmenu ul ul li > ul {
  transition: opacity .3s .2s ease, padding-left .3s ease-out;
}

#cssmenu ul ul li > ul:hover,
#cssmenu ul ul li.clicked > ul {
  padding-left: 0;
}

#cssmenu ul ul li {
  padding-right: 20px;
}

#cssmenu ul ul li > a {
  margin-left: -7px;
  width: 215px;
  height:15px;
  background:url('../../img/bg-link-navbox-neu.png');
  padding-left: 7px;
  padding-right: 10px;
  padding-top:6px;
  font-size: 13px;
  color: #333;
  -webkit-transition: all .35s ease;
  -moz-transition: all .35s ease;
  -ms-transition: all .35s ease;
  -o-transition: all .35s ease;
  transition: all .35s ease;
}

#cssmenu ul.second-nav li:first-child > a{
  height:14px;
  padding-top:9px;
  background:url('../../img/bg-link-first-navbox-neu.png');
}

#cssmenu ul.second-nav li:last-child > a{
  height:28px;
  padding-top:3px;
  background:url('../../img/bg-link-last-navbox-neu.png');
}

#cssmenu ul ul li a:hover,
#cssmenu ul ul li a:focus {
  font-size: 13px;
}

#cssmenu ul ul li.has-sub::after {
  border: 4px solid transparent;
  border-left-color: #9ea2a5;
  right: 10px;
  top: 12px;
  -moz-transition: all .2s ease;
  -ms-transition: all .2s ease;
  -o-transition: all .2s ease;
  transition: all .2s ease;
  -webkit-transition: -webkit-transform 0.2s ease, right 0.2s ease;
}

#cssmenu ul ul li.has-sub:hover::after,
#cssmenu ul ul li.has-sub:focus-within::after {
  border-left-color: #fff;
  right: -5px;
  -webkit-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  transform: rotateY(180deg);
}

/* logo */
/*
ul#prime-nav li.home-link a {
  float: left;
  font-size: 0;
  background: url("../../img/weissensee_logo.png") no-repeat transparent;
  width: 87px;
  height: 35px;
  display: block;
  margin-top: 16px;
  padding-right: 28px;
}
*/

ul#sec-nav li{
 z-index:1000;
 list-style:none;
}

ul#breadcrumb-nav li{
  z-index:0;
  list-style:none;
 }

ul#sec-nav li a, ul#breadcrumb-nav li{
 color:#333;
 display: block;
 font-size: 13px;
}

#cssmenu ul li a {
  font-family: see_regular, sans-serif;
  display: block;
  text-decoration: none;
}

#cssmenu ul ul li a span.hover-arrow {
  margin-right:9px;
  float: right;
  display:none;
}

#cssmenu ul ul li a:hover span.hover-arrow,
#cssmenu ul ul li a:focus span.hover-arrow {
  font-family: see_regular, sans-serif;
  display:block !important;
}

/* frame type menu subpages */

.frame-type-menu_subpages ul,
.frame-type-menu_sitemap_pages ul {
  list-style: none;
  margin-left: 0px;
}

.frame-type-menu_subpages ul li,
.frame-type-menu_sitemap_pages ul li {
  line-height: 0.8em;
  font-size: 15px;
  background: rgba(255,255,255,0.96);
  box-shadow: 0px 2px 10px 4px rgba(18, 18, 18, 0.07), 0px 3px 4px 2px rgba(0, 0, 0, 0.02), inset 0px 0px 2px 1px rgba(0,0,0,0.03);
  padding: 10px;
  margin-left: 0px;
  margin-right: 10px;
}


/** responsive menu icon **/

.line-menu, .icon-menu, .lines-menu { display: none; }

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

ul#prime-nav li.home-link a {
  padding-right: 32px !important;
}

    .line-menu, .icon-menu, .lines-menu { display: block; }

    .line-menu {
      width: 20px;
      height: 1px;
      background: #FE0000;
      box-shadow: 0 2px 2px rgba(0, 0, 0, .2);
      transition: 0.5s;
      float: right;
    }
    
    .line-menu:before {
      top: -8px;
    }
    
    .line-menu:after {
      top: 8px;
    }
    
    .icon-menu {
      position: absolute;
      top: 16px;
      width: 114px;
      height: 30px;
      cursor: pointer;
    }
    
    .lines-menu:before,
    .lines-menu:after {
      content: '';
      position:absolute;
      width: 20px;
      height: 1px;
      background:#FE0000;
      box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
      
        -webkit-transition:0.6s;
        -moz-transition:0.6s;
        -ms-transition:0.6s;
        -o-transition:0.6s;
        transition:0.6s;
    }
    
    .icon-menu.active-menu .lines-menu {
      background:rgba(0,0,0,0);
      box-shadow: 0 2px 2px rgba(0, 0, 0, 0);
    }
    
    .icon-menu.active-menu .lines-menu:before {
      top: 0;
      transform:rotate(135deg);
      box-shadow: 0 -2px 2px rgba(0, 0, 0, 0.2);
    }
    
    .icon-menu.active-menu .lines-menu:after {
      top: 0;
      transform:rotate(225deg);
      box-shadow: 0 -2px 2px rgba(0, 0, 0, 0.2);
    }

}

/** end responsive menu icon **/