/**
* Block Name: teaser_virus
*/

@media (max-width: 767.98px) {
  section.teaser_virus .btn_vi1 {
    display: flex;
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
    padding-left: 0;
  }
  section.teaser_virus .btn_vi1:before {
    right: 0px;
  }
  section.teaser_virus .btn_vi1.link_nw {
    border-bottom: 1px dashed #000;
  }
  section.teaser_virus hr {
    display: none;
  }
}

@media (min-width: 768px) {
  section.teaser_virus .content_wrapper {
    height: 500px;
  }

  section.teaser_virus .btn_vi1 {
    display: inline-block;
  }

  section.teaser_virus .logo_virusad {
    height: 250px;
    width: 250px;
    top: 57%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
  }
  section.teaser_virus .logo_animation {
    transition-property: transform;
  }

  section.teaser_virus hr {
    top: 57%;
    left: 50%;
    width: 250px;
    border-top: 1px dashed #000;
    margin: 0;
    padding: 0;
    transform-origin: left;
  }

  section.teaser_virus hr.dashed_line_1 {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
  }

  section.teaser_virus hr.dashed_line_2 {
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
  }

  section.teaser_virus hr.dashed_line_3 {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
  }

  section.teaser_virus hr.dashed_line_4 {
    transform: rotate(225deg);
    -webkit-transform: rotate(225deg);
    -moz-transform: rotate(225deg);
    -ms-transform: rotate(225deg);
    -o-transform: rotate(225deg);
  }

  section.teaser_virus hr.dashed_line_5 {
    transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -o-transform: rotate(270deg);
  }

  section.teaser_virus hr.dashed_line_6 {
    transform: rotate(315deg);
    -webkit-transform: rotate(315deg);
    -moz-transform: rotate(315deg);
    -ms-transform: rotate(315deg);
    -o-transform: rotate(315deg);
  }

  section.teaser_virus .btn_vi1 {
    position: absolute;
  }
  section.teaser_virus .link_nord {
    top: calc(57% - 250px);
    left: 50%;
    transform: translateX(-50%) translateY(-100%);
    -webkit-transform: translateX(-50%) translateY(-100%);
    -moz-transform: translateX(-50%) translateY(-100%);
    -ms-transform: translateX(-50%) translateY(-100%);
    -o-transform: translateX(-50%) translateY(-100%);
  }
  section.teaser_virus .link_no {
    top: calc(57% - 176px);
    left: calc(50% + 200px);
    transform: translateX(-50%) translateY(-100%);
    -webkit-transform: translateX(-50%) translateY(-100%);
    -moz-transform: translateX(-50%) translateY(-100%);
    -ms-transform: translateX(-50%) translateY(-100%);
    -o-transform: translateX(-50%) translateY(-100%);
  }
  section.teaser_virus .link_nw {
    top: calc(57% - 176px);
    left: calc(50% - 200px);
    transform: translateX(-50%) translateY(-100%);
    -webkit-transform: translateX(-50%) translateY(-100%);
    -moz-transform: translateX(-50%) translateY(-100%);
    -ms-transform: translateX(-50%) translateY(-100%);
    -o-transform: translateX(-50%) translateY(-100%);
  }
  section.teaser_virus .link_ost {
    top: calc(57%);
    left: calc(50% + 250px);
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
  }
  section.teaser_virus .link_west {
    top: calc(57%);
    left: calc(50% - 250px);
    transform: translateX(-100%) translateY(-50%);
    -webkit-transform: translateX(-100%) translateY(-50%);
    -moz-transform: translateX(-100%) translateY(-50%);
    -ms-transform: translateX(-100%) translateY(-50%);
    -o-transform: translateX(-100%) translateY(-50%);
  }
  section.teaser_virus .link_so {
    top: calc(57% + 176px);
    left: calc(50% + 200px);
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
  }
  section.teaser_virus .link_sw {
    top: calc(57% + 176px);
    left: calc(50% - 200px);
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
  }
}

@media (min-width: 992px) {
  section.teaser_virus .content_wrapper {
    height: 610px;
  }
  section.teaser_virus .logo_virusad {
    height: 300px;
    width: 300px;
  }

  section.teaser_virus hr {
    width: 300px;
  }

  section.teaser_virus .link_nord {
    top: calc(57% - 300px);
  }
  section.teaser_virus .link_no {
    top: calc(57% - 212px);
    left: calc(50% + 230px);
  }
  section.teaser_virus .link_nw {
    top: calc(57% - 212px);
    left: calc(50% - 230px);
  }
  section.teaser_virus .link_ost {
    left: calc(50% + 300px);
  }
  section.teaser_virus .link_west {
    left: calc(50% - 300px);
  }
  section.teaser_virus .link_so {
    top: calc(57% + 212px);
    left: calc(50% + 230px);
  }
  section.teaser_virus .link_sw {
    top: calc(57% + 212px);
    left: calc(50% - 230px);
  }
}