@keyframes zeigepid{
      0% { min-height:0; }
    0.1% { min-height:300px; }
    100% { min-height:300px; }
}

@-webkit-keyframes zeigepid{
      0% { min-height:0; }
    0.1% { min-height:300px; }
    100% { min-height:300px; }
}
@keyframes versteckepid{
      0% { min-height:300px; }
    99.9% { min-height:300px; }
    100% { min-height:0; }
}

@-webkit-keyframes versteckepid{
      0% { min-height:300px; }
    99.9% { min-height:300px; }
    100% { min-height:0; }
}


.toprow.title-barx {
    border-bottom: 1px solid #dcdcdc;
    margin-bottom: 0;
    z-index: 56;
    padding: 0;
}

nav.nav-main {
    margin-bottom: -7px;
    /* padding: 0; */
}

div#gridtop, div#Navoben {
    background: white;
    background: rgba(255,255,255,0.8);
}
#logo{margin-top: 12px;margin-bottom: -11px;}
div#Navoben {}
.nav-main ul, ul.footernav {padding:0px;list-style:none;display: inline-block;width: auto;}
.nav-main ul {margin: 23px 0 0 0;line-height: 1;}
.nav-oben ul {margin: 50px 0px 5px;}
ul.footernav {margin:0px auto;}
.nav-main  ul > li, ul.footernav li {float:left;margin:0px;margin-top: 0px;position: relative;line-height: 1;}
.nav-main  ul > li  ul > li {
    float: unset;
}
.nav-main > ul > li, ul.footernav li {position:relative;}
.nav-main ul > li .second-level li {
    float: none;
  border-bottom:1px solid #575756;
}

.nav-main ul > li .second-level li.bild {
  border-bottom:none;
}
.nav-main ul > li a, ul.footernav > li a, ul.footernav > li span, div.footernav > span a, ul.footernav > span span{
  font-size:1em;
  font-weight: 500;
  color: #002C5D;
  display:
  block;
  margin-left: 0px;
  margin-bottom: 0px;
  padding: 5px 14px 5px 14px;
  text-decoration:
  none;
  position:
  relative;
  text-transform: uppercase;
  transition: none;
  line-height: 1;
}
div.footernav > span {
    display: inline-block;
}
.nav-main ul > li ul > li a {
    text-transform: none;
}
ul.footernav > li a, ul.footernav > li span, div.footernav > span a, div.footernav > span span {color:#DCDCDC}
body.hoch ul.footernav > li a, body.hoch  ul.footernav > li span, body.hoch  div.footernav > span a, body.hoch  div.footernav > span span {color:#FFFFFF}
ul.footernav > li a:hover, div.footernav > span a:hover {color:#01A0E2}
body.hoch ul.footernav > li a:hover, body.hoch div.footernav > span a:hover {color:#01A0E2}


div.footernav > span span {
    text-transform: uppercase;
}
.nav-main ul > li.active xa, #footernav ul > li.active xa, .nav-main ul > li a:hover, .nav-main ul > li ul > li.aktiv a, #footernav ul > li a:hover {color:#01A0E2;}
.nav-main ul > li.active.cremation a, .nav-main ul > li.cremation a:hover, .nav-main ul > li.cremation ul > li.aktiv a  {color:#47962a;}

#Navoben .nav-main ul > li a {font-size:0.875em;}
#footernav ul > li a{color:#FFFFFF; font-size:0.75em;}
.nav-main ul > li ul li a {/* font-size:0.875em; */white-space: nowrap;color: #FFFFFF;padding: 17px 14px 17px 14px;}
.nav-main ul > li ul li a::before{} 

.nav-main ul > li a.submenuPage {
    padding: 5px 14px 30px 14px;
    /* margin-bottom: 2px; */
}
.nav-main ul > li a.subsubsubsubmenuPage {
    font-size:0.875em;
    text-transform: unset;
}
.nav-main ul.s_2 > li::after {
      content: "";
      position: absolute;
      z-index: 0;
      left: 15px;
      bottom: 4px;
      background: #FFFFFF;0;
      height: 1px;
      width: calc(100% - 28px);
}
.nav-main ul.s_1 > li:hover::before, .nav-main ul.s_1 li.aktiv::before,
.nav-main ul.s_2 > li:hover::before, .nav-main ul.s_2 li.aktiv::before{
  width: calc(100% - 28px);
}
.nav-main ul.s_1.erst > li:first-child:hover::before, .nav-main ul.s_1.erst li.aktiv:first-child::before {
  width: calc(100% - 14px);
}
.nav-main ul.s_1 li ul li:first-child:hover::before  {
  width: calc(100% - 28px);
}
.nav-main ul.s_1 > li::before, .nav-main ul.s_2 > li::before {
    content: "";
    position: absolute;
    z-index: 0;
    left: 15px;
    bottom: 0px;
    background: #01A0E2;
    height: 4px;
    -webkit-transition-property: width;
    transition-property: width;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    width: 0;
}
.nav-main ul.s_2 > li::before {height:2px;bottom:4px;/* left: 0; */z-index: 1;}
.nav-main ul.s_1 > li.cremation::before, .nav-main ul.s_1 > li.cremation ul.s_2 > li::before {background: #77b800;}

.pid {
    max-height: 0;
    padding: 0 10px 0 10px !important;
    background-color: rgba(4, 26, 61, 0.9);
    position:absolute;
    -webkit-transition: max-height .9s ease-in-out;
    transition: max-height .9s ease-in-out;
    overflow:hidden;
    margin-top: 0px;
    }

.nav-main > ul > li:hover .pid, li.hover .pid {
    max-height: 300px;
    /* z-index:100; */
    -webkit-transition: max-height .9s ease-in-out;
    transition: max-height .9s ease-in-out;
}
.cell.large-shrink div#sprachnav {
    margin-top: 24px;
    display: none;
  float: right;
}

div#sprachnav a {
    color: #041a3d;
    padding: 15px;
    font-weight: 600;
}
div#sprachnav a:hover {
    color: #079fdb;
}
ul.footernav {margin:25px auto 0px auto;}
a.stickysub {
    width: 100%;
    display: block;
    background-color: #FFFFFF;
    background-color:rgba(255,255,255,0.8);
    padding: 5px 10px;
    font-size:1em;
    line-height: 21px;
    color: #2C2C2C !important;
    border-top: 1px solid #f0f0f0;
}

a.stickysub:hover, a.stickysub.aktiv {color: #01a0e2 !important;}

#stickysub.sticky.is-stuck {background-color:#041a3d;}
@media only screen and (min-width: 1010px) {
#Navoben nav.nav-main {
    display: block;
    text-align: right;
}

}