/* LOGO MANIPULIEREN BEIM SCROLLEN */
.sp-headerstart {
    height: 50px !important;
}
.sp-megamenu-parentstart {
    margin: -50px -15px 0px 0px !important;
}
.offcanvas-toggler-rightstart {
    margin-top: -37px;
}
#sp-header.header-sticky {
  height: 70px;
  animation: spFadeInDown 0.5s;
}
.logo-mini {
	height: 30px !important;
	width: auto;
	margin-top: -50px;
}
/********************************************/
.sp-megamenu-parent > li.active > a, .sp-megamenu-parent > li.active:hover > a {
    color: #ff2525;
}
.sp-megamenu-parent > li:hover > a {
    color: #ff2525;
}
.sp-megamenu-parentstart > li > a {
    padding: 0 15px;
    line-height: 45px;
}
#sp-footer {
    font-size: 21px;
    padding: 0;
    text-align: center;
}

.form-builder-checkbox-item label::before, .form-builder-radio-item label::before, .sppb-addon-form-builder .sppb-form-check-label::before {
    width: 22px;
    height: 22px;
    border: 2px solid #ff2525;
}

.sppb-addon-form-builder .sppb-form-check-label {
    margin-left: 16px;
    margin-top: -5px;
}

.form-builder-checkbox-item input:checked + label::before, .form-builder-radio-item input:checked + label::before, .sppb-addon-form-builder .sppb-form-check-input:checked + label::before {
    background: #ff2525;
}

.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {
    font-size: 24px !important;
}

/* RUNDER PFEIL NACH UNTEN */
.arrow-down {
    width: 80px;
    height: 80px;
    margin: 3em auto 0;
    display: block;
}
.arrow-down.as-circle-full svg circle {
  -webkit-animation: circle-full 2s ease-in-out alternate forwards;
  -moz-animation: circle-full 2s ease-in-out alternate forwards;
  -ms-animation: circle-full 2s ease-in-out alternate forwards;
  -o-animation: circle-full 2s ease-in-out alternate forwards;
  animation: circle-full 2s ease-in-out alternate forwards;
}
.arrow-down.as-circle-none svg circle {
    -webkit-animation: circle-none 2s ease-in-out forwards;
    -moz-animation: circle-none 2s ease-in-out forwards;
    -ms-animation: circle-none 2s ease-in-out forwards;
    -o-animation: circle-none 2s ease-in-out forwards;
    animation: circle-none 2s ease-in-out forwards;
}
.arrow-down svg circle {
    stroke: #ff2525;
    stroke-width: 2px;
    stroke-dasharray: 500;
    stroke-dashoffset: 500;
    fill: none;
}
.arrow-down svg line {
    stroke: #ff2525;
    stroke-width: 3px;
}
@keyframes circle-full {
  from {
    stroke-dashoffset: 500;
  }
  to {
    stroke-dashoffset: 0;
  }
}
@-webkit-keyframes circle-full {
  from {
    stroke-dashoffset: 500;
  }
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes circle-none {
  from {
    stroke-dashoffset: 0;
  }
  to {
    stroke-dashoffset: 500;
  }
}
@-webkit-keyframes circle-none {
  from {
    stroke-dashoffset: 0;
  }
  to {
    stroke-dashoffset: 500;
  }
}
/*************************************/
.logo-image-phone {
  height: 30px !important;
}
.offcanvas-menu .logo {
  display: none;
}
.offcanvas-menu .offcanvas-inner .social-icons {
  font-size: 24px;
  margin: 10px 0px;
}
.offcanvas-menu.border-menu .offcanvas-inner ul.menu > li > a {
  padding: 15px 30px 15px 0px;
}

.cookiehint {
position: fixed;
z-index: 11000;
width: 50px;
height: 50px;
left: 20px;
bottom: 20px;
background: transparent url(../images/cookie.png) no-repeat;
}