.svg-wrap {
  display: flex;
  justify-content: center;
}
.tooltip-bg {
  /*display: none;*/
  padding: 47px 27px 30px;
  max-width: 312px;
  width: 100%;
  height: fit-content;
  margin-left: 30px;
  /*background: #b40000;*/
}
.tooltip-bg :not(.edu):is(p, span, h2, h3, h4, h5) {
  color: #ffffff;
}
.tooltip-bg.edu {
  background: linear-gradient(to top, #66ABD0, #68ACD0 10%, #AAD7E3);
}
.tooltip-bg.app {
  background: linear-gradient(to top, #5180B5, #5180B5 50%, #7091C0);
}
.tooltip-bg.ope {
  background: linear-gradient(to top, #427491, #4881A3 70%, #5296BF);
}
.tooltip-wrap:not(.main) {
  display: none;
}
.tooltip-text {
  margin-bottom: 18px;
}
.tooltip-cta a {
    /*background: #d20a10;*/
    background-image: linear-gradient(90deg,transparent,#d20a10,transparent,transparent,#d20a10);
    background-size: 400% 100%;
    /*border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;*/
    color: #fff;
    /*display: block;*/
    float: right;
    font-size: 16px;
    font-weight: 600;
    padding: 3px 14px;
    text-align: right;
    text-decoration: unset;
    transition: all .8s ease-in-out;
}
.tooltip-cta a:hover {
    background-position: 100% 0;
    transition: all .8s ease-in-out;
}

.section-active .svg-logo {
   cursor: pointer;
}
.section-active .svg-logo path,
.product-section path {
   transition: 0.6s;
}
.section-active .svg-logo.logo-active path,
.section-active .svg-logo:hover g path,
.product-section:hover path,
.section-active .product-section path {
  fill: #000 !important;
}
.hidden-part {
  transition: 0s;
}
.section-active .hidden-part {
  transition: 2s;
}
#Operation_Bereich_ganz.section-active .hidden-part {
  stroke: #427491 !important;
}
#Education_Bereich_ganz.section-active .hidden-part {
  stroke: #7AB6D6 !important;
}
#Application_Bereich_ganz.section-active .hidden-part {
  stroke: #5180B5 !important;
}  

@media (max-width: 767px) {
 .svg-wrap {
   flex-direction: column;
   align-items: center;
 }
  .svg-wrap svg {
    margin-bottom: 20px;
    width: 100%;
    height: 100%;
  }
  .tooltip-bg {
    margin-left: 0;
  }
}
.tooltip-bg.main {
  -webkit-animation: scale 0.5s ease-out;
  animation: scale 0.5s ease-out;
}
@-webkit-keyframes scale {
    5% {
        -webkit-transform: scale(0);
    }
    25% {
        -webkit-transform: scale(0.75);
    }
    50% {
        -webkit-transform: scale(1);
    }
    75% {
        -webkit-transform: scale(1.1);
    }
    100% {
        -webkit-transform: scale(1);
    }