#main {
  padding: 0;
  background: url('../Images/layout/bg-main.png') 50% 0 no-repeat;
}
.index #main {
  background: none;
}
#main.indent {
  padding-bottom: 0;
}
#main .container {
  position: relative;
  z-index: 1;
}
#main .color-gray .container {
  position: static;
}
#main.product {
  background: none;
}
.btn {
  background: #d47a10;
}
.btn:hover {
  background: #d47a10;
}
.sticky .navigation .languages-nav ul .contact a {
  background: #d47a10;
}
.sticky .navigation .languages-nav ul .contact a:hover {
  background: #d47a10;
}
.navigation .languages-nav ul .contact a {
  background: #d47a10;
}
.navigation .languages-nav ul .contact a:hover {
  background: #d47a10;
}
.navigation .languages-nav ul .contact a:hover:after {
  background: #d47a10;
}
div.form input[type="radio"] {
  margin-right: 8px;
}
@media  (min-width: 768px) {
  .navigation .languages-nav ul .contact a {
    background: none;
  }
  .navigation .languages-nav ul .contact a:hover {
    background: none;
  }
}
.navigation .menu a.active {
  color: #d47a10;
}
.sticky-header #main {
  margin-top: 0;
}
@media  (min-width: 768px) {
  .sticky-header #main {
    margin-top: 141px;
  }
}
@media  (min-width: 991px) {
  .sticky-header #main {
    margin-top: 121px;
  }
}
@media  (min-width: 1199px) {
  .sticky-header #main {
    margin-top: 71px;
  }
}
@media  (min-width: 768px) {
  .index .navigation .menu {
    text-align: center;
    width: 100%;
  }
  .index .navigation .menu li {
    margin: 0 25px 34px 0;
  }
  .index .navigation .menu .desktop-menu {
    text-align: left;
  }
  .index .navigation .menu .desktop-menu .list-products li {
    margin: 0 0 40px 2%;
  }
}
@media  (min-width: 1199px) {
  .index .navigation .menu {
    text-align: center;
    width: auto;
    margin-top: 44px;
  }
  .sticky .index .navigation .menu {
    margin-top: 0;
  }
  .index .sticky .menu {
    margin-top: 0;
  }
}
.index h1,
.block-title h1,
.product-box h1,
.index h2,
.block-title h2,
.index h3,
.page-container h1 {
  color: #d47a10;
}
.index h1,
.block-title h1 {
  font-size: 48px;
}
.index h2,
.block-title h2 {
  font-size: 40px;
}
.breadcrumbs li {
  color: #d47a10;
}
#footer .footer-top::before,
#footer .footer-top::after {
  background: none;
}
#footer .container p a {
  color: #d47a10;
}
#footer .protection a,
#footer .protection a:hover {
  color: #d47a10;
}
.languages-nav {
  margin-top: 0;
}
.text-muted a {
  color: #ccc !important;
}
.text-muted a .material-icons {
  color: #ccc !important;
}
.index .languages-nav {
  margin-top: 0;
}
.sticky .languages-nav {
  margin-top: 0;
}
/* BEGIN

hide language switch ####################################

##### delete these lines to adjust css for language switch! #########
*/
/* END hide language switch */
.visual-frame {
  text-align: center;
  position: relative;
  width: 100%;
  overflow: hidden;
  padding: 0;
}
.visual-frame .btn {
  padding: 9px 42px 10px;
}
.visual-frame p {
  letter-spacing: -0.4px;
}
.visual-frame .block-title {
  padding: 0;
}
.visual-frame .container {
  padding: 170px 0 122px;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0.9+50,0.1+100 */
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0.9) 60%, rgba(255, 255, 255, 0.1) 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0.9) 60%, rgba(255, 255, 255, 0.1) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0.9) 60%, rgba(255, 255, 255, 0.1) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e6ffffff', endColorstr='#1affffff', GradientType=0);
  /* IE6-9 */
}
@media  (min-width: 768px) {
  .visual-frame .container {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0.9+50,0.1+100 */
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0.9) 60%, rgba(255, 255, 255, 0.1) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0.9) 60%, rgba(255, 255, 255, 0.1) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0.9) 60%, rgba(255, 255, 255, 0.1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e6ffffff', endColorstr='#1affffff', GradientType=0);
    /* IE6-9 */
  }
  .visual-frame .container:before,
  .visual-frame .container:after {
    content: '';
    position: absolute;
    top: -150px;
    left: -9999px;
    right: 100%;
    bottom: -152px;
    width: auto;
    height: auto;
    display: block;
    background-color: rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: inset 0 -5px 20px 0 rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 -5px 20px 0 rgba(0, 0, 0, 0.05);
  }
  .visual-frame .container:before {
    left: 100%;
    right: -9999px;
  }
  .visual-frame .block-title {
    font-size: 18px;
  }
  .visual-frame .block-title p {
    margin-bottom: 14px;
  }
  .visual-frame p {
    letter-spacing: 0;
    margin-bottom: 24px;
  }
}
.product-box {
  background: url('../Images/deiss/produktdetail-header.png');
  background-size: cover;
  background-position: center bottom -1px;
  padding: 0;
  margin-top: 0;
}
.product .product-box {
  padding: 10px 0 0;
}
.product-box .product-box-cta {
  text-align: center;
}
.product-box .hero-content {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0.9+50,0.1+100 */
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0.9) 60%, rgba(255, 255, 255, 0.1) 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0.9) 60%, rgba(255, 255, 255, 0.1) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0.9) 60%, rgba(255, 255, 255, 0.1) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e6ffffff', endColorstr='#1affffff', GradientType=0);
  /* IE6-9 */
}
@media  (min-width: 768px) {
  .product-box .hero-content {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0.9+50,0.1+100 */
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0.9) 60%, rgba(255, 255, 255, 0.1) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0.9) 60%, rgba(255, 255, 255, 0.1) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0.9) 60%, rgba(255, 255, 255, 0.1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e6ffffff', endColorstr='#1affffff', GradientType=0);
    /* IE6-9 */
  }
  .product-box .block-title {
    font-size: 18px;
  }
  .product-box .block-title p {
    margin-bottom: 14px;
  }
  .product-box p {
    letter-spacing: 0;
    margin-bottom: 24px;
  }
}
.tx-deissproducts .product-box {
  padding: 32px 0 0;
  margin-top: -32px;
}
@media  (min-width: 768px) {
  .tx-deissproducts .product-box {
    padding: 66px 0 0;
    margin-top: -66px;
  }
}
@media  (min-width: 768px) {
  .product-box {
    padding: 17px 0 0;
    margin-top: -30px;
  }
  .product .product-box {
    padding: 55px 0 0;
  }
}
@media  (min-width: 991px) {
  .product-box {
    padding: 17px 0 0;
    margin-top: -33px;
  }
  .product .product-box {
    padding: 58px 0 0;
  }
}
@media  (min-width: 1199px) {
  .product-box {
    padding: 48px 0 0;
    margin-top: -48px;
  }
  .product .product-box {
    padding: 48px 0 20px 0;
    margin-top: -33px;
  }
}
.breadcrumbs.hero-content {
  background-color: rgba(255, 255, 255, 0.9);
  margin: -1px -15px 0 -15px;
  padding: 6px 15px 0 15px;
}
.tabset {
  box-shadow: inset 0 2px 0 0 #d47a10;
}
.tabset:before,
.tabset:after {
  box-shadow: inset 0 2px 0 0 #d47a10;
}
.tabset li.active a {
  box-shadow: 0 2px 0 0 #d47a10;
}
.tabset a:hover {
  box-shadow: inset 0 2px 0 0 #d47a10;
}
.cycle-gallery.list-products h2.blue,
.cycle-gallery.list-products .hl-wrap.blue {
  border-bottom: 1px solid #d47a10;
  color: #d47a10;
}
.cycle-gallery.list-products h2.green,
.cycle-gallery.list-products .hl-wrap.green {
  border-bottom: 1px solid #d47a10;
  color: #d47a10;
}
.cycle-gallery.list-products h2.violet,
.cycle-gallery.list-products .hl-wrap.violet {
  border-bottom: 1px solid #d47a10;
  color: #d47a10;
}
.cycle-gallery.list-products .img-holder {
  min-height: 200px;
}
.cycle-gallery.list-products .img-holder img {
  bottom: auto;
  position: static;
  max-width: 100%;
  max-height: 200px;
  min-height: auto;
  width: auto;
}
.cycle-gallery.list-products .img-holder img.img-bigh2 {
  bottom: 50%;
}
.cycle-gallery.list-products .h2-big {
  margin-top: -33px;
}
@media  (min-width: 768px) {
  .cycle-gallery.list-products .slide.single .img-holder {
    max-width: 190px;
  }
  .cycle-gallery.list-products .slide.single .img-holder img.img-bigh2 {
    bottom: 60%;
  }
  .cycle-gallery.list-products .slide.single .caption {
    max-width: 190px;
    margin: auto;
  }
  .cycle-gallery.list-products .slide.single .h2-big {
    margin-top: -33px;
  }
}
@media  (min-width: 991px) {
  .cycle-gallery.list-products .img-holder img {
    bottom: 50%;
    position: absolute;
    max-width: 200px;
  }
  .cycle-gallery.list-products .img-holder img.img-bigh2 {
    bottom: 50%;
  }
  .cycle-gallery.list-products .h2-big {
    margin-top: 0;
  }
}
@media  (min-width: 1199px) {
  .cycle-gallery.list-products .img-holder img {
    bottom: 50%;
    position: absolute;
    max-width: 200px;
  }
  .cycle-gallery.list-products .img-holder img.img-bigh2 {
    bottom: 60%;
  }
  .cycle-gallery.list-products .h2-big {
    margin-top: -33px;
  }
}
@media  (min-width: 768px) {
  .categories .article .img-holder {
    min-width: auto;
    display: table-cell;
    vertical-align: bottom;
    text-align: center;
  }
}
@media  (min-width: 1199px) {
  .categories .article .img-holder {
    min-width: 370px;
  }
}
.product-menu {
  z-index: 99;
}
.product-mobile {
  background: #fff;
  box-shadow: 0 2px 0 0 #d47a10;
  color: #54555D;
}
.product-mobile:before {
  box-shadow: inset 0 2px 0 0 #d47a10;
}
.product-mobile:after {
  box-shadow: inset 0 2px 0 0 #d47a10;
}
.slick-slider .slick-prev:after,
.slick-slider .slick-next:after {
  border-color: transparent transparent #d47a10 #d47a10;
}
.slick-slider .slick-prev:hover:after,
.slick-slider .slick-next:hover:after {
  border-color: #ae640e;
}
.items-holder .item {
  border-left: 1px solid white;
}
.items-holder .item:nth-of-type(odd) a.blue .title,
.items-holder .item:nth-of-type(odd) a.green .title,
.items-holder .item:nth-of-type(odd) a.violet .title {
  background: rgba(212, 122, 16, 0.7);
}
.items-holder .item:nth-of-type(even) a.blue .title,
.items-holder .item:nth-of-type(even) a.green .title,
.items-holder .item:nth-of-type(even) a.violet .title {
  background: rgba(212, 122, 16, 0.9);
}
.info {
  margin-bottom: 40px;
  min-height: 200px;
}
.info span {
  margin-bottom: -45px;
}
@media  (min-width: 768px) {
  .info {
    margin-bottom: 20px;
    min-height: auto;
  }
}
.promobox .background-transparent {
  opacity: 0.4;
}
.promobox .btn {
  padding: 8px 38px 10px;
}
@media  (min-width: 991px) {
  .promobox .background-transparent {
    opacity: 1;
  }
}
.categories .violet .btn,
.categories .dark .btn,
.categories .blue .btn,
.categories .green .btn {
  background: #d47a10;
}
.categories .violet .btn:hover,
.categories .dark .btn:hover,
.categories .blue .btn:hover,
.categories .green .btn:hover {
  background: #ae640e;
}
.categories .article.violet h3,
.categories .article.dark h3,
.categories .article.blue h3,
.categories .article.green h3 {
  border-bottom: 1px solid #d47a10;
}
.categories .article.violet h3 a,
.categories .article.dark h3 a,
.categories .article.blue h3 a,
.categories .article.green h3 a {
  color: #d47a10;
}
.info.violet span,
.info.dark span,
.info.blue span,
.info.green span {
  background: #d47a10;
}
.info.violet:hover span,
.info.dark:hover span,
.info.blue:hover span,
.info.green:hover span {
  background: #ae640e;
}
.big-product .caption.violet h3,
.big-product .caption.dark h3,
.big-product .caption.blue h3,
.big-product .caption.green h3 {
  border-bottom: 1px solid #d47a10;
}
.big-product .caption.violet h3 a,
.big-product .caption.dark h3 a,
.big-product .caption.blue h3 a,
.big-product .caption.green h3 a {
  color: #d47a10;
}
.big-product .caption.violet .btn,
.big-product .caption.dark .btn,
.big-product .caption.blue .btn,
.big-product .caption.green .btn {
  background: #d47a10;
}
.big-product .caption.violet .btn:hover,
.big-product .caption.dark .btn:hover,
.big-product .caption.blue .btn:hover,
.big-product .caption.green .btn:hover {
  background: #ae640e;
}
.desktop-menu .list-products h2.violet,
.desktop-menu .list-products .hl-wrap.violet,
.desktop-menu .list-products h2.dark,
.desktop-menu .list-products .hl-wrap.dark,
.desktop-menu .list-products h2.blue,
.desktop-menu .list-products .hl-wrap.blue,
.desktop-menu .list-products h2.green,
.desktop-menu .list-products .hl-wrap.green,
.desktop-menu .list-products h2.grey,
.desktop-menu .list-products .hl-wrap.grey {
  color: #d47a10 !important;
  border-bottom: 1px solid #d47a10 !important;
}
@media  (min-width: 768px) {
  .navigation .menu a:hover:after {
    background: transparent;
  }
  .navigation a.slide-opener:after {
    border-bottom: 2px solid #d47a10;
  }
  .navigation li:last-of-type a:after {
    border-bottom: 2px solid #d47a10;
  }
}
.slick-slider .slick-dots li {
  border: solid 1px #d47a10;
}
.slick-slider .slick-dots li.slick-active {
  background-color: #d47a10;
}
.product-box h1 {
  text-transform: uppercase;
}
.product-box .btn {
  max-width: none;
}
.product-box .second-image {
  margin-bottom: 10px;
}
.ce-bodytext h2,
.section5050 h2,
.section6633 h2,
.ce-bodytext .hl-wrap,
.section5050 .hl-wrap,
.section6633 .hl-wrap {
  color: #d47a10;
}
.no-link {
  cursor: default;
}
/* EXT: Contactperson */
.tx-contactperson .step01 {
  text-align: center;
}
.tx-contactperson .thumbnail .caption .btn {
  padding: 8px 16px 10px;
  margin-top: 20px;
}
@media  (min-width: 768px) {
  .tx-contactperson .step01 {
    text-align: left;
  }
}
@media  (min-width: 1199px) {
  .tx-contactperson .thumbnail .caption .btn {
    margin-top: 0;
  }
}
.thumbnail-list-holder {
  width: 100%;
}
.tx-contactperson .jcf-select-text {
  width: 208px;
  text-align: left;
}
.tx-contactperson h2 {
  font-size: 22px;
  margin-bottom: 16px;
  margin-left: 20px;
}
.tx-contactperson h3 {
  color: #d47a10;
  margin-left: 20px;
  margin-top: 16px;
  clear: both;
}
.tx-contactperson .leftpos {
  clear: both;
}
ul.contact-areas {
  margin-bottom: 16px;
  margin-left: 20px;
  -webkit-column-count: 2;
  -moz-column-count: 2;
  column-count: 2;
}
ul.contact-areas li {
  font-size: 13px;
  line-height: 27px;
}
ul.contact-areas li i {
  color: #d47a10;
  font-weight: bold;
  font-size: 13px;
  margin-top: 8px;
}
ul.contact-areas a {
  color: #d47a10;
}
.people {
  text-align: left;
}
.people .img-holder {
  width: 100%;
  float: none;
  max-width: 250px;
  margin: 10px auto;
  float: none;
  background-size: contain;
}
.people .img-holder img {
  height: auto;
  /*max-width: 100%;*/
}
.people .caption {
  /*float: left;*/
  /*max-width: 185px;*/
}
.people .caption:before,
.people .caption:after {
  clear: both;
}
.people .name {
  color: #54555D;
}
.people .name:hover {
  color: #54555D;
}
.people .position {
  min-height: unset;
  width: 100%;
}
.people .contact {
  margin-top: 10px;
}
.people .contact a {
  color: #d47a10;
}
@media  (min-width: 580px) {
  .people .img-holder {
    float: left;
    width: calc(100% / 3 * 1 - 10px - 10px);
    margin: 0 10px 10px 10px;
  }
  .people .caption {
    float: left;
    width: calc(100% / 3 * 2);
  }
  /*.people {
    text-align: left;
  }
  .people .img-holder {
    max-width: unset;
    width: 170px;
    margin: 0 20px 20px;
  }
  .people .img-holder img {
    max-width: 170px;
  }
  .people .caption {
    width: 70%;
  }*/
}
@media  (min-width: 768px) {
  .people .img-holder {
    width: calc(100% / 3 * 1 - 20px - 20px);
    margin: 0 20px 20px 20px;
  }
}
/*@media  (min-width: 768px) {
  .people {
    text-align: left;
  }
  .people .img-holder {
    max-width: unset;
    width: 170px;
    margin: 0 20px 20px;
  }
  .people .img-holder img {
    max-width: 170px;
  }
  .people .caption {
    width: 70%;
  }
}
@media  (min-width: 991px) {
  .people .caption {
    width: auto;
    max-width: 240px;
  }
  .people .caption img {
    max-width: 240px;
  }
  .people .contact {
    padding-left: 0;
  }
  .people .position {
    width: auto;
  }
}
@media  (min-width: 1199px) {
  .people .img-holder {
    width: 250px;
    max-width: 100%;
  }
  .people .img-holder img {
    max-width: 250px;
  }
  .people .caption {
    max-width: 270px;
  }
}
*/
@media  (min-width: 1px) and (max-width:767px) {
  #wrapper.active:after {
    background: rgba(0, 0, 0, 0.6);
  }
  .product-menu .tabset li.active a,
  .product-menu .tabset a {
    background: #ffffff;
  }
}




/*new contactfinder by homepage helden 2019-09-06*/
.tx-contactfinder .filter_wrap {
  padding: 40px 50px;
  -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.2);
  max-width: 600px;
  margin: 50px auto;
  position: relative;
  background: #d27924 url(../Images/deiss/worldmap.svg) no-repeat center center/100% auto;
}
.tx-contactfinder .filter_wrap .step1 {
  text-align: center;
  margin-bottom: 20px;
  color: #fff;
  font-size: 23px;
}
.tx-contactfinder .filter_wrap .step1 LABEL {
  display: block;
  margin-bottom: 20px;
}
.tx-contactfinder .filter_wrap .step1 .jcf-select {
  min-width: 230px;
}
.tx-contactfinder .filter_wrap .step2 {
  display: none;
  max-width: 230px;
  margin: 0 auto;
}
.tx-contactfinder .filter_wrap .postalcodeInput {
  text-align: center;
  background: #fff;
}
.tx-contactfinder .filter_wrap .step2 .btn {
  -webkit-border-radius: 5px;
  border-radius: 5px;
  width: 100%;
  margin: 20px 0 0 0;
  max-width: none;
  background: #fff;
  color: #d27924;
}
.tx-contactfinder .searchresultheadline {
  margin-bottom: 20px;
}
.tx-contactfinder .align-right {
  text-align: right;
}
.tx-contactfinder .backtofilterbtn {
  background: #d47a10;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  color: #fff;
  text-transform: uppercase;
  padding: 10px 20px;
  display: inline-block;
}
.keyaccountcontacts {
  margin-bottom: 30px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
/*.keyaccountcontacts:after {
  content: "";
  display: block;
  clear: both;
}*/
.keyaccountcontacts .cols {
  width: 48%;
}
.keyaccountcontacts h4 {
  margin-left: 15px;
  color: #d47a10;
  width: 100%;
}
.contactpersons {
  /*clear: both;*/
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.contactpersons .cols {
  width: 48%;
}
@media (max-width: 992px){
  .contactpersons, .keyaccountcontacts {
    display: block;
  }
  .contactpersons .cols,
  .keyaccountcontacts .cols {
    width: 95%;
    margin: 0 auto;
  }
}
.contactpersons .cols.space-before {
  /*clear: both;*/
}
.contactpersons h4 {
  margin-left: 15px;
  color: #d47a10;
  /*clear: both;*/
  width: 100%;
}

.loadingwrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255,255,255,0.5);
  z-index: 1000;
}
.fading-circle {
  width: 40px;
  height: 40px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.fading-circle .circle {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.fading-circle .circle:before {
  content: '';
  display: block;
  margin: 0 auto;
  width: 15%;
  height: 15%;
  background-color: #333;
  border-radius: 100%;
  -webkit-animation: circleFadeDelay 1.2s infinite ease-in-out both;
          animation: circleFadeDelay 1.2s infinite ease-in-out both;
}
.fading-circle .circle2 {
  -webkit-transform: rotate(30deg);
      -ms-transform: rotate(30deg);
          transform: rotate(30deg);
}
.fading-circle .circle3 {
  -webkit-transform: rotate(60deg);
      -ms-transform: rotate(60deg);
          transform: rotate(60deg);
}
.fading-circle .circle4 {
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
}
.fading-circle .circle5 {
  -webkit-transform: rotate(120deg);
      -ms-transform: rotate(120deg);
          transform: rotate(120deg);
}
.fading-circle .circle6 {
  -webkit-transform: rotate(150deg);
      -ms-transform: rotate(150deg);
          transform: rotate(150deg);
}
.fading-circle .circle7 {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}
.fading-circle .circle8 {
  -webkit-transform: rotate(210deg);
      -ms-transform: rotate(210deg);
          transform: rotate(210deg);
}
.fading-circle .circle9 {
  -webkit-transform: rotate(240deg);
      -ms-transform: rotate(240deg);
          transform: rotate(240deg);
}
.fading-circle .circle10 {
  -webkit-transform: rotate(270deg);
      -ms-transform: rotate(270deg);
          transform: rotate(270deg);
}
.fading-circle .circle11 {
  -webkit-transform: rotate(300deg);
      -ms-transform: rotate(300deg);
          transform: rotate(300deg);
}
.fading-circle .circle12 {
  -webkit-transform: rotate(330deg);
      -ms-transform: rotate(330deg);
          transform: rotate(330deg);
}
.fading-circle .circle2:before {
  -webkit-animation-delay: -1.1s;
          animation-delay: -1.1s;
}
.fading-circle .circle3:before {
  -webkit-animation-delay: -1s;
          animation-delay: -1s;
}
.fading-circle .circle4:before {
  -webkit-animation-delay: -0.9s;
          animation-delay: -0.9s;
}
.fading-circle .circle5:before {
  -webkit-animation-delay: -0.8s;
          animation-delay: -0.8s;
}
.fading-circle .circle6:before {
  -webkit-animation-delay: -0.7s;
          animation-delay: -0.7s;
}
.fading-circle .circle7:before {
  -webkit-animation-delay: -0.6s;
          animation-delay: -0.6s;
}
.fading-circle .circle8:before {
  -webkit-animation-delay: -0.5s;
          animation-delay: -0.5s;
}
.fading-circle .circle9:before {
  -webkit-animation-delay: -0.4s;
          animation-delay: -0.4s;
}
.fading-circle .circle10:before {
  -webkit-animation-delay: -0.3s;
          animation-delay: -0.3s;
}
.fading-circle .circle11:before {
  -webkit-animation-delay: -0.2s;
          animation-delay: -0.2s;
}
.fading-circle .circle12:before {
  -webkit-animation-delay: -0.1s;
          animation-delay: -0.1s;
}

@-webkit-keyframes circleFadeDelay {
  0%, 39%, 100% { opacity: 0; }
  40% { opacity: 1; }
}

@keyframes circleFadeDelay {
  0%, 39%, 100% { opacity: 0; }
  40% { opacity: 1; }
}


.socialnav{
  display: flex;
}
.socialnav li{
  transition: all .3s ease-in-out;
}
.socialnav li:hover{
  opacity: 0.7;
}
.socialnav li + li{
  margin-left: 10px;
}
.socialnav li a{
  display: inline-block;
  width: 25px;
  height: 25px;
}
.socialnav li a span{
  display: none;
}
.socialnav li a[href*="linkedin"]{
  background: url('../Images/socials/linkedin.svg') no-repeat center center/25px auto;
}
.socialnav li a[href*="youtube"]{
  background: url('../Images/socials/youtube.svg') no-repeat center center/25px auto;
}
.socialnav li a[href*="facebook"]{
  background: url('../Images/socials/facebook.svg') no-repeat center center/25px auto;
}
.socialnav li a[href*="xing"]{
  background: url('../Images/socials/xing.png') no-repeat center center/25px auto;
}

a#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll{
  background: #d47a10 !important;
}