@import url(./../../global/components/circle.css);
@import url(./../../global/components/box.css);
@import url(./../../global/components/dot.css);
@import url(./../../global/components/details/details.css);

[data-view="internship_result"] .section .section__content {
  transform: translateY(10%) scale(1.2);
  animation-delay: 1s;
}

[data-view="internship_result"] main .main__inner .section.section--head-image {
  background-image: url(./../../global/assets/images/head_result_desktop.jpg);
}

[data-view="internship_result"] main .main__inner .section.section--head-image .section__content {
  animation-delay: 0.7s;
}

[data-view="internship_result"] main .main__inner .section.section--head-image .section__content .circle.circle--blue {
  --circle-size: 382px;
  left: initial;
  right: calc(var(--circle-pos) * 1.5);
  animation-delay: 0.5s;
}

[data-view="internship_result"] .section .section__content .matcher-result {
  font-family: var(--ci-font-medium);
  font-size: var(--font-size-s);
  line-height: var(--font-line-s);
  background-color: var(--color-white-dark-e8e3);
  padding: 70px 60px;
  margin-top: 90px;
}

[data-view="internship_result"] .section .section__content .matcher-result .result-001-p {
  margin: 0;
}

[data-view="internship_result"] .section .section__content .matcher-result .eye-image {
  height: 300px;
  width: 100%;
  margin-top: 40px;
  background-image: url(../../global/assets/images/result_augenoptik_desktop.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

[data-view="internship_result"] .section .section__content .matcher-result .eye-title p,
[data-view="internship_result"] .section .section__content .matcher-result .ear-title p {
  display: flex;
  justify-content: center;
  background-color: var(--color-blue-2dc4);
  color: white;
  height: 88px;
  width: 100%;
  font-family: var(--ci-font-bold-condensed);
  font-size: var(--font-size-m);
  line-height: var(--font-line-m);
  text-transform: uppercase;
  align-items: center;
  margin: 0;
}

[data-view="internship_result"] .section .section__content .matcher-result .ear-image {
  height: 300px;
  width: 100%;
  margin-top: 40px;
  background-image: url(../../global/assets/images/result_hoerakustik_desktop.jpg);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}



[data-view="internship_result"] .section .section__content .matcher-result web-details details-title>button {
  border-bottom: 1px solid black;
  color: black;
}

[data-view="internship_result"] .section .section__content .matcher-result web-details>details-content-box {
  padding: 0;
  transform: translateY(50%) scale(0.8);
}

[data-view="internship_result"] .section .section__content .matcher-result web-details[data-expanded="true"]>details-content-box {
  padding: 0;
  transform: translateY(0%) scale(1);
}

[data-view="internship_result"] .section .section__content .matcher-result web-details>details-content-box>details-content .scale-group {
  border-bottom: 1px solid black;
  padding-bottom: 25px;
}

[data-view="internship_result"] .section .section__content .matcher-result web-details>details-content-box>details-content .scale-group h3 {
  font-family: var(--ci-font-bold-condensed);
  font-size: var(--font-size-s);
  line-height: var(--font-line-s);
  text-align: center;
  text-transform: initial;
  margin: 25px 0;
}

[data-view="internship_result"] .section .section__content .matcher-result web-details>details-content-box>details-content .scale-group [data-scale-type].scalebox .scalebox__dotgroup input,
[data-view="internship_result"] .section .section__content .matcher-result web-details>details-content-box>details-content .scale-group [data-scale-type].scalebox .scalebox__dotgroup .dot {
  pointer-events: none;

}

[data-view="internship_result"] .section .section__content .matcher-result web-details>details-content-box>details-content .scale-group [data-scale-type="advice"].scalebox .scalebox__dotgroup .dot {
  --dot-active-color: var(--color-turquoise-36bc);
}

[data-view="internship_result"] .section .section__content .matcher-result web-details>details-content-box>details-content .scale-group [data-scale-type="craft"].scalebox .scalebox__dotgroup .dot {
  --dot-active-color: var(--color-purple-b3c0);
}

[data-view="internship_result"] .section .section__content .matcher-result web-details>details-content-box>details-content .scale-group [data-scale-type="orga"].scalebox .scalebox__dotgroup .dot {
  --dot-active-color: var(--color-yellow-d748);
}

[data-view="internship_result"] .section .section__content .matcher-result web-details>details-content-box>details-content .scale-group [data-result="1"][data-scale-type].scalebox .scalebox__dotgroup .dot:nth-of-type(1)::after,
[data-view="internship_result"] .section .section__content .matcher-result web-details>details-content-box>details-content .scale-group [data-result="2"][data-scale-type].scalebox .scalebox__dotgroup .dot:nth-of-type(2)::after,
[data-view="internship_result"] .section .section__content .matcher-result web-details>details-content-box>details-content .scale-group [data-result="3"][data-scale-type].scalebox .scalebox__dotgroup .dot:nth-of-type(3)::after,
[data-view="internship_result"] .section .section__content .matcher-result web-details>details-content-box>details-content .scale-group [data-result="4"][data-scale-type].scalebox .scalebox__dotgroup .dot:nth-of-type(4)::after,
[data-view="internship_result"] .section .section__content .matcher-result web-details>details-content-box>details-content .scale-group [data-result="5"][data-scale-type].scalebox .scalebox__dotgroup .dot:nth-of-type(5)::after,
[data-view="internship_result"] .section .section__content .matcher-result web-details>details-content-box>details-content .scale-group [data-result="6"][data-scale-type].scalebox .scalebox__dotgroup .dot:nth-of-type(6)::after {
  --dot-inner-size: calc(var(--dot-size) - (var(--dot-padding) * 2));
  filter: blur(0px);
}

[data-view="internship_result"] .interest {
  display: flex;
  justify-content: space-between;
}

[data-view="internship_result"] .interest p {
  font-family: var(--ci-font-regular);
  font-size: var(--font-size-xxxxs);
  line-height: var(--font-line-xxxxs);
  margin: 10px 0 0;
}

@media only screen and (max-width: 959px) {
  [data-view="internship_result"] main .main__inner .section.section--head-image .section__content .circle.circle--blue {
    --circle-size: 322px;
    right: calc(var(--circle-pos) * 1);
    left: initial;
    padding-right: calc((var(--circle-pos) * -1) + 15px);
  }
  
  [data-view="internship_result"] main .main__inner .section.section--head-image .section__content .circle.circle--blue .circle__text {
    white-space: nowrap;
    text-align: right;
  }
}

@media only screen and (max-width: 768px) {
  [data-view="internship_result"] main .main__inner .section.section--head-image {
    background-image: url(../../global/assets/images/head_result_mobile.jpg);
    margin-bottom: 85px;
  }
  
  [data-view="internship_result"] .section .section__content [data-feedback] {
    padding: 0 var(--edge-distance);
  }

  [data-view="internship_result"] .section .section__content .matcher-result .eye-image {
    background-image: url(../../global/assets/images/result_augenoptik_mobile.jpg);
  }

  [data-view="internship_result"] .section .section__content .matcher-result .ear-image {
    background-image: url(../../global/assets/images/result_hoerakustik_mobile.jpg);
  }

  [data-view="internship_result"] .section .section__content {
    padding: 0;
  }

  [data-view="internship_result"] .section .section__content .matcher-result {
    padding: 40px var(--edge-distance) 70px;
    margin-top: 40px;
  }

  [data-view="internship_result"] .section .section__content .matcher-result .result-001-p {
    font-family: var(--ci-font-medium);
    font-size: var(--font-size-s);
    line-height: var(--font-line-s);

  }

}