.topheader {
  padding: 23px 0px;
}
.headerrow {
  padding: 39px 0px;
}

.toparrow {
  width:16px;
  height:12px;
}

ul {
  position: relative;
}

.linkwrap {
  position: relative;
  overflow: hidden;
  flex-grow: 0;
}

.sticky-header .logo_normal {
  width: 180px!important;
}

.topheader .arrowani:hover path {
  fill: #123e3e!important;
}

.arrowani { width: auto; }

#header li, .footernav ul li {
  overflow: hidden;
  padding-bottom: 5px;
  transition: all .4s;
}


#header .underlined, .footernav ul li .underlined {
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: 0px;
  height: 2px;
  background: #ce905d;
  transition: all 0.6s;
}

.footernav ul li .underlined {
    background: #f3f3f1;
}
.footernav ul li .underlined {
    background: #f3f3f1;
}

#header li:not(.active-trail):hover .underlined, .footernav ul li:not(.active-trail):hover .underlined {
  width: 100%;
 }

#header .active-trail .underlined {
  width: 100%!important;
}

#header li:first-child, .popup-menu .mainmenu li:first-child {
  display: none!important;
}

#header a, .topheader a {
  color: #868579;
  font-size: 1.175rem;
  font-family: "CocoSharpRegular";
}
#header a:hover, #header a.is-active {
  color: #123e3e;
}

.logo_normal {
  display: inline-block;
  flex-shrink: 0;
}

.para-link-wrap {
  display: inline-block;
}

.para-link {
  padding: 16px 90px 16px 30px;
    font-family: "CocoSharpBold";
}

.hovertext {
  margin-left: -30px; right: 100%; }

.arrowani svg {
  transition: all 0.4s;
}

.arrowani:hover svg {
  margin-left: 5px;
}
.arrowani:hover svg path {
  fill: #123e3e;
}


.para-link {
  background: #ce905d; display: inline-block; overflow: hidden; color: #fff6e1;
}
.para-link::before {
  background-color: #123e3e;
}
.kaufangebot .para-link::before {
  background-color: #2d564c;
}
.page-node-type-kaufangebot .para-link::before { background-color: #2d564c; }

.para-link::before {
  top: 0;
  content: "";
  height: 100%;
  left: 0px;
  position: absolute;
  width: 0px;
  transition: all .3s;
}

.para-link-wrap:hover .para-link::before {
  width: 100%;
}

.para-link-wrap:hover .maintext {
  margin-left: 100%;
  transition: all .3s;
}
.para-link-wrap:hover .hovertext {
  right: 0%;
  transition: all .3s;
}

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

  .topheader {
    padding: 18px 0px;
  }
  .headerrow {
    padding: 34px 0px;
  }

  #header a, .topheader a {
    font-size: 1.125rem;
  }

  .logo_normal {
    width: 200px!important;
    height: 55px!important;
  }

}

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

  .toparrow {
    width:12px;
    height:8px;
  }


  .headerrow {
    padding: 24px 0px;
  }

#header a, .topheader a {
  font-size: 0.95rem;
}

.logo_normal {
  width: 160px!important;
      height: 44px!important;
}

.para-link {
  font-size: 1.15rem!important;
    padding: 16px 80px 16px 20px;
}



}


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

#header a, .topheader a {
  font-size: 0.85rem;
}

}