:root{
  --primaryDefaultColor:#F94224;
  --primaryDefaultColorHover:#d3371d;
  --primaryColor:var(--primaryDefaultColor);
  --primaryColorHover:var(--primaryDefaultColorHover);
}
:root .competence{
  --primaryColor:#4DD9FF;
  --primaryColorHover:#3dd5ff;
}
:root .sustainability{
  --primaryColor:#BBCF33;
  --primaryColorHover:#b2c62f;
}
:root .ecosystem{
  --primaryColor:#F1B300;
  --primaryColorHover:#e0a800;
}
:root .products{
  --primaryColor:var(--primaryDefaultColor);
  --primaryColorHover:var(--primaryDefaultColorHover);
}

interactive-map{
  position:relative;
  display:block;
  height:1000px;
  width:100%;
  overflow:hidden;
}

.interactive-map__initializer{
  position:absolute;
  top:50%;
  -webkit-transform:translateY(50%);
          transform:translateY(50%);
}
.interactive-map__wrapper{
  height:800px;
  overflow:hidden;
}
@media (min-width: 64rem){
  .interactive-map__wrapper{
    height:650px;
  }
}
@media (max-width: 63.99rem){
  .interactive-map__wrapper > mysign-tooltip{
    position:static !important;
    display:block;
  }
}
@media (max-width: 63.99rem){
  .interactive-map__wrapper > mysign-tooltip .tooltip{
    left:0.75em !important;
    top:auto !important;
    bottom:0 !important;
    right:0.75em !important;
    border-radius:0 !important;
    padding-top:2em;
    min-width:auto;
  }
}
.interactive-map__wrapper > mysign-tooltip .tooltip__content .btn:not(.tooltip__content-btn){
  display:none;
}
@media (max-width: 63.99rem){
  .interactive-map__wrapper > mysign-tooltip .tooltip__content .btn:not(.tooltip__content-btn){
    cursor:default;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    top:-55px;
    background:white;
  }
}
@media (min-width: 64rem){
  .interactive-map__container{
    position:relative;
    top:50%;
    -webkit-transform:translateY(-50%);
            transform:translateY(-50%);
  }
}
.interactive-map__logo{
  position:absolute;
  top:50%;
  left:50%;
  -webkit-transform:translate(-50%, -50%);
          transform:translate(-50%, -50%);
  width:320px;
}
@media (min-width: 28.8rem){
  .interactive-map__logo{
    width:450px;
  }
}
.interactive-map__nav{
  row-gap:10px;
}
@media (min-width: 64rem){
  .interactive-map__nav{
    row-gap:15px;
  }
}
.interactive-map__legend{
  -webkit-column-gap:15px;
     -moz-column-gap:15px;
          column-gap:15px;
  -ms-hyphens:auto !important;
      hyphens:auto !important;
  word-break:break-word;
  word-wrap:break-word;
}
.interactive-map__legend span{
  display:inline-block;
  width:15px;
  height:15px;
  min-width:15px;
}
.interactive-map__menu{
  position:absolute;
  left:10px;
  top:10px;
}
@media (min-width: 40rem){
  .interactive-map__menu{
    left:20px;
    top:20px;
  }
}
@media (min-width: 64rem){
  .interactive-map__menu{
    top:50%;
    left:auto;
    right:20px;
    -webkit-transform:translateY(-50%);
            transform:translateY(-50%);
  }
}
@media (min-width: 70rem){
  .interactive-map__menu{
    max-width:240px;
  }
}
@media (min-width: 100rem){
  .interactive-map__menu{
    right:100px;
    max-width:none;
  }
}
.interactive-map__menu:has(.active){
  z-index:50;
}
.interactive-map__button{
  position:relative;
  -webkit-transition:0.5s;
  transition:0.5s;
  overflow:hidden;
  width:195px;
}
@media (min-width: 40rem){
  .interactive-map__button{
    width:215px;
  }
}
@media (min-width: 70rem){
  .interactive-map__button{
    width:240px;
  }
}
.interactive-map__button:before{
  content:url(/img/svg/solid/arrow-right.svg?_1782908174000);
  background-size:10px;
  position:absolute;
  opacity:0;
  top:14px;
  left:-20px;
  -webkit-transition:0.5s;
  transition:0.5s;
  width:12px;
  height:12px;
  -webkit-filter:invert(1);
          filter:invert(1);
}
.interactive-map__button--active:before, .interactive-map__button:hover:before{
  opacity:1;
  left:15px;
}
.interactive-map__button--active, .interactive-map__button:hover{
  padding-left:40px;
}
.interactive-map__info{
  -webkit-column-gap:15px;
     -moz-column-gap:15px;
          column-gap:15px;
  position:absolute;
  bottom:230px;
  left:22px;
  right:22px;
}
@media (min-width: 40rem){
  .interactive-map__info{
    left:auto;
    right:auto;
  }
}
@media (min-width: 64rem){
  .interactive-map__info{
    bottom:230px;
  }
}
.interactive-map__circle{
  position:absolute;
  width:365px;
  height:365px;
  top:50%;
  left:50%;
  -webkit-transform:translate(-50%, -50%);
          transform:translate(-50%, -50%);
  margin-left:-15px;
  margin-top:-42px;
}
@media (max-width: 28.79rem){
  .interactive-map__circle{
    width:265px;
    height:265px;
    margin-left:-14px;
    margin-top:-30px;
  }
}
@media (min-width: 70rem){
  .interactive-map__circle{
    margin-left:-17px;
    margin-top:-46px;
  }
}
@media (min-width: 100rem){
  .interactive-map__circle{
    margin-left:-20px;
    margin-top:-48px;
  }
}
.interactive-map__icon-wrapper{
  width:51px;
  height:51px;
  opacity:0;
  -webkit-transition:opacity 1s ease-in-out;
  transition:opacity 1s ease-in-out;
}
.interactive-map__icon-wrapper .interactive-map__icon{
  -webkit-transform:scale(0);
          transform:scale(0);
  -webkit-transition:-webkit-transform 0.3s linear 0.75s;
  transition:-webkit-transform 0.3s linear 0.75s;
  transition:transform 0.3s linear 0.75s;
  transition:transform 0.3s linear 0.75s, -webkit-transform 0.3s linear 0.75s;
}
.interactive-map--show .interactive-map__icon-wrapper .interactive-map__icon{
  -webkit-transform:scale(1);
          transform:scale(1);
}
.interactive-map__icon-wrapper:nth-child(0n){
  -webkit-transition-delay:0.75s;
          transition-delay:0.75s;
}
.interactive-map__icon-wrapper:nth-child(0n) .interactive-map__icon{
  -webkit-transition-delay:0.75s;
          transition-delay:0.75s;
}
.interactive-map__icon-wrapper:nth-child(1n){
  -webkit-transition-delay:0.85s;
          transition-delay:0.85s;
}
.interactive-map__icon-wrapper:nth-child(1n) .interactive-map__icon{
  -webkit-transition-delay:0.85s;
          transition-delay:0.85s;
}
.interactive-map__icon-wrapper:nth-child(2n){
  -webkit-transition-delay:0.95s;
          transition-delay:0.95s;
}
.interactive-map__icon-wrapper:nth-child(2n) .interactive-map__icon{
  -webkit-transition-delay:0.95s;
          transition-delay:0.95s;
}
.interactive-map__icon-wrapper:nth-child(3n){
  -webkit-transition-delay:1.05s;
          transition-delay:1.05s;
}
.interactive-map__icon-wrapper:nth-child(3n) .interactive-map__icon{
  -webkit-transition-delay:1.05s;
          transition-delay:1.05s;
}
.interactive-map__icon-wrapper:nth-child(4n){
  -webkit-transition-delay:1.15s;
          transition-delay:1.15s;
}
.interactive-map__icon-wrapper:nth-child(4n) .interactive-map__icon{
  -webkit-transition-delay:1.15s;
          transition-delay:1.15s;
}
.interactive-map__icon-wrapper:nth-child(5n){
  -webkit-transition-delay:1.25s;
          transition-delay:1.25s;
}
.interactive-map__icon-wrapper:nth-child(5n) .interactive-map__icon{
  -webkit-transition-delay:1.25s;
          transition-delay:1.25s;
}
.interactive-map__icon-wrapper:nth-child(6n){
  -webkit-transition-delay:1.35s;
          transition-delay:1.35s;
}
.interactive-map__icon-wrapper:nth-child(6n) .interactive-map__icon{
  -webkit-transition-delay:1.35s;
          transition-delay:1.35s;
}
.interactive-map__icon-wrapper:nth-child(7n){
  -webkit-transition-delay:1.45s;
          transition-delay:1.45s;
}
.interactive-map__icon-wrapper:nth-child(7n) .interactive-map__icon{
  -webkit-transition-delay:1.45s;
          transition-delay:1.45s;
}
.interactive-map__icon-wrapper:nth-child(8n){
  -webkit-transition-delay:1.55s;
          transition-delay:1.55s;
}
.interactive-map__icon-wrapper:nth-child(8n) .interactive-map__icon{
  -webkit-transition-delay:1.55s;
          transition-delay:1.55s;
}
.interactive-map__icon-wrapper:nth-child(9n){
  -webkit-transition-delay:1.65s;
          transition-delay:1.65s;
}
.interactive-map__icon-wrapper:nth-child(9n) .interactive-map__icon{
  -webkit-transition-delay:1.65s;
          transition-delay:1.65s;
}
.interactive-map__icon-wrapper:nth-child(10n){
  -webkit-transition-delay:1.75s;
          transition-delay:1.75s;
}
.interactive-map__icon-wrapper:nth-child(10n) .interactive-map__icon{
  -webkit-transition-delay:1.75s;
          transition-delay:1.75s;
}
.interactive-map--show .interactive-map__icon-wrapper{
  opacity:1;
}
.interactive-map__icon{
  position:absolute;
  z-index:5;
}
@media (min-width: 64rem){
  .interactive-map__icon.active{
    z-index:10;
  }
}
.interactive-map__icon-logistic{
  top:60px;
  left:40px;
}
.interactive-map__icon-logistic-arrow{
  -webkit-transform:rotate(383deg);
          transform:rotate(383deg);
  top:-72px;
  left:-3px;
}
@media (max-width: 28.79rem){
  .interactive-map__icon-logistic{
    top:38px;
    left:25px;
  }
}
.interactive-map__icon-aufbereitung{
  top:5px;
  left:160px;
}
.interactive-map__icon-aufbereitung-arrow{
  -webkit-transform:rotate(73deg);
          transform:rotate(73deg);
  top:-38px;
  left:30px;
}
.interactive-map__icon-aufbereitung-arrow-top{
  -webkit-transform:rotate(33deg);
          transform:rotate(33deg);
  top:-71px;
  left:10px;
}
@media (max-width: 28.79rem){
  .interactive-map__icon-aufbereitung{
    top:-1px;
    left:110px;
  }
}
.interactive-map__icon-deponierung{
  top:-52px;
  left:270px;
}
.interactive-map__icon-deponierung-arrow{
  -webkit-transform:rotate(91deg);
          transform:rotate(91deg);
  top:-7px;
  left:23px;
}
@media (max-width: 28.79rem){
  .interactive-map__icon-deponierung{
    left:212px;
    top:-64px;
  }
}
.interactive-map__icon-rekultivierung{
  top:26px;
  right:-47px;
}
@media (max-width: 28.79rem){
  .interactive-map__icon-rekultivierung{
    top:7px;
    right:-67px;
  }
}
.interactive-map__icon-rohstoff{
  right:-71px;
  bottom:150px;
}
.interactive-map__icon-rohstoff-arrow{
  -webkit-transform:rotate(188deg);
          transform:rotate(188deg);
  top:22px;
  left:-35px;
}
@media (max-width: 28.79rem){
  .interactive-map__icon-rohstoff{
    right:-66px;
    bottom:115px;
  }
}
.interactive-map__icon-verwertung{
  top:60px;
  right:40px;
}
.interactive-map__icon-verwertung-arrow{
  -webkit-transform:rotate(117deg);
          transform:rotate(117deg);
  top:-4px;
  left:18px;
}
@media (max-width: 28.79rem){
  .interactive-map__icon-verwertung{
    top:34px;
    right:25px;
  }
}
.interactive-map__icon-veredelung{
  top:195px;
  right:3px;
}
.interactive-map__icon-veredelung-arrow{
  -webkit-transform:rotate(171deg);
          transform:rotate(171deg);
  top:23px;
  left:-21px;
}
@media (max-width: 28.79rem){
  .interactive-map__icon-veredelung{
    top:116px;
    right:-10px;
  }
}
.interactive-map__icon-production{
  bottom:18px;
  right:85px;
}
.interactive-map__icon-production-arrow{
  -webkit-transform:rotate(224deg);
          transform:rotate(224deg);
  top:11px;
  left:-61px;
}
@media (max-width: 28.79rem){
  .interactive-map__icon-production{
    bottom:13px;
    right:41px;
  }
}
.interactive-map__icon-quality{
  bottom:20px;
  left:85px;
}
.interactive-map__icon-quality-arrow{
  -webkit-transform:rotate(279deg);
          transform:rotate(279deg);
  top:-34px;
  left:-70px;
}
@media (max-width: 28.79rem){
  .interactive-map__icon-quality{
    bottom:0px;
    left:71px;
  }
}
.interactive-map__icon-beratung{
  top:195px;
  left:6px;
}
.interactive-map__icon-beratung-arrow{
  -webkit-transform:rotate(332deg);
          transform:rotate(332deg);
  top:-77px;
  left:-46px;
}
@media (max-width: 28.79rem){
  .interactive-map__icon-beratung{
    top:140px;
    left:4px;
  }
}
.interactive-map__icon--bauabfalle{
  top:50%;
  left:51%;
  -webkit-transform:translate(-50%, -50%);
          transform:translate(-50%, -50%);
  cursor:default;
  width:200px;
  height:200px;
}
@media (max-width: 28.79rem){
  .interactive-map__icon--bauabfalle{
    width:120px;
    height:120px;
  }
  .interactive-map__icon--bauabfalle .svg-icon--xxxlarge{
    width:4em;
    height:4em;
  }
}
.interactive-map__circle--services .interactive-map__icon-beratung{
  top:auto;
  left:auto;
  bottom:36px;
  right:56px;
}
.interactive-map__circle--services .interactive-map__icon-beratung-arrow{
  -webkit-transform:rotate(212deg);
          transform:rotate(212deg);
  top:22px;
  left:-61px;
}
@media (max-width: 28.79rem){
  .interactive-map__circle--services .interactive-map__icon-beratung{
    bottom:30px;
    right:24px;
  }
}
.interactive-map__circle--services .interactive-map__icon-logistic{
  top:110px;
  left:10px;
}
.interactive-map__circle--services .interactive-map__icon-logistic-arrow{
  -webkit-transform:rotate(364deg);
          transform:rotate(364deg);
  top:-83px;
  left:-15px;
}
@media (max-width: 28.79rem){
  .interactive-map__circle--services .interactive-map__icon-logistic{
    top:82px;
    left:0px;
  }
}
.interactive-map__circle--services .interactive-map__icon-verwertung{
  top:110px;
  right:10px;
}
.interactive-map__circle--services .interactive-map__icon-verwertung-arrow{
  -webkit-transform:rotate(143deg);
          transform:rotate(143deg);
  top:15px;
  left:6px;
}
@media (max-width: 28.79rem){
  .interactive-map__circle--services .interactive-map__icon-verwertung{
    top:66px;
    right:3px;
  }
}
@media (max-width: 28.79rem){
  .interactive-map__circle--services .interactive-map__icon-quality{
    bottom:11px;
    left:57px;
  }
}
.interactive-map--hidden{
  opacity:0;
  -webkit-transition:opacity 500ms ease-in-out;
  transition:opacity 500ms ease-in-out;
}
.interactive-map__menu, .interactive-map__info--innovation, .interactive-map__info--services, .interactive-map__info--products, .interactive-map__circle--services, .interactive-map__circle--innovation, .interactive-map__circle--products{
  opacity:0;
  pointer-events:none;
}
.interactive-map--show{
  opacity:1;
  -webkit-transition:opacity 500ms ease-in-out 0.2s;
  transition:opacity 500ms ease-in-out 0.2s;
  pointer-events:auto;
}
.interactive-map canvas{
  position:absolute;
}
.interactive-map__cylinder{
  display:block;
  height:150px;
  width:150px;
  position:absolute;
  right:-60px;
  top:0;
}
@media (min-width: 64rem){
  .interactive-map__cylinder{
    position:relative;
    top:-10px;
    right:auto;
    left:-20px;
  }
}
.interactive-map__cylinder canvas{
  position:static;
}