.fokuspunkterBlock {
  background-image: url("/wp-content/themes/stepuptema/library/img/Baggrund-blaa.png");
  background-size: cover;
  padding: 80px 0;
  position: relative;
}
.fokuspunkterBlock::before {
  content: "";
  position: absolute;
  width: 270px;
  height: 324px;
  background-image: url("/wp-content/themes/stepuptema/library/img/Book.png");
  background-repeat: no-repeat;
  background-size: contain;
  left: 0;
  bottom: -136px;
}
.fokuspunkterBlock::after {
  content: "";
  position: absolute;
  width: 80px;
  height: 243px;
  background-image: url("/wp-content/themes/stepuptema/library/img/Pen.png");
  background-repeat: no-repeat;
  background-size: contain;
  right: 140px;
  top: -84px;
  -webkit-transform: rotate(33deg);
      -ms-transform: rotate(33deg);
          transform: rotate(33deg);
}
.fokuspunkterBlock .container .overskrift {
  padding-bottom: 50px;
  position: relative;
}
.fokuspunkterBlock .container .overskrift::after {
  content: "";
  position: absolute;
  height: 45px;
  width: 3px;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(50%);
      -ms-transform: translateX(-50%) translateY(50%);
          transform: translateX(-50%) translateY(50%);
  background-color: #9ABBF2;
  border-radius: 5px;
}
.fokuspunkterBlock .container .overskrift .col-md-12 h2 {
  text-align: center;
  color: white;
}
.fokuspunkterBlock .container .line {
  margin-bottom: 57px;
}
.fokuspunkterBlock .container .line .col-md-12 hr {
  background-color: #9ABBF2;
  border: none;
  width: calc(((100% / 3) * 2) + 30px);
  height: 3px;
  margin: 0 auto;
  position: relative;
}
.fokuspunkterBlock .container .line .col-md-12 hr::before {
  content: "";
  position: absolute;
  width: 3px;
  height: 21px;
  top: 0;
  left: 0;
  border-radius: 0 0 5px 5px;
  background-color: #9ABBF2;
}
.fokuspunkterBlock .container .line .col-md-12 hr::after {
  content: "";
  position: absolute;
  width: 3px;
  height: 21px;
  top: 0;
  right: 0;
  border-radius: 0 0 5px 5px;
  background-color: #9ABBF2;
}
.fokuspunkterBlock .container .fokuspunkter .col-md-12 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.fokuspunkterBlock .container .fokuspunkter .col-md-12 .fokuspunkt {
  position: relative;
  width: calc(33.3333% - 28px);
}
.fokuspunkterBlock .container .fokuspunkter .col-md-12 .fokuspunkt .textWrapper .overskriftWrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
  margin-bottom: 20px;
}
.fokuspunkterBlock .container .fokuspunkter .col-md-12 .fokuspunkt .textWrapper .overskriftWrapper h3 {
  color: white;
  margin-bottom: 0;
}
.fokuspunkterBlock .container .fokuspunkter .col-md-12 .fokuspunkt .textWrapper p {
  color: white;
  margin-bottom: 1em;
}
.fokuspunkterBlock .container .fokuspunkter .col-md-12 .fokuspunkt .textWrapper p:last-of-type {
  margin-bottom: 0;
}
@media (max-width: 1810px) {
  .fokuspunkterBlock::before {
    height: 214px;
    bottom: -96px;
  }
  .fokuspunkterBlock::after {
    height: 193px;
  }
}
@media (max-width: 768px) {
  .fokuspunkterBlock::after {
    right: 10px;
    height: 163px;
    top: -70px;
  }
  .fokuspunkterBlock .container .overskrift .col-md-12 h2 {
    text-align: left;
    position: relative;
  }
  .fokuspunkterBlock .container .overskrift .col-md-12 h2::before {
    content: "";
    position: absolute;
    width: 24px;
    height: 3px;
    border-radius: 10px;
    background-color: white;
    left: -37px;
    top: 14px;
  }
  .fokuspunkterBlock .container .overskrift .col-md-12 h2::after {
    content: "";
    position: absolute;
    width: 3px;
    height: 500px;
    border-radius: 10px;
    background-color: white;
    left: -37px;
    top: 14px;
  }
  .fokuspunkterBlock .container .overskrift::after {
    display: none;
  }
  .fokuspunkterBlock .container .line {
    display: none;
  }
  .fokuspunkterBlock .container .fokuspunkter .col-md-12 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    position: relative;
  }
  .fokuspunkterBlock .container .fokuspunkter .col-md-12::before {
    content: "";
    position: absolute;
    width: 3px;
    height: calc((100% / 3) * 2);
    border-radius: 10px;
    background-color: white;
    left: -22px;
    top: 14px;
  }
  .fokuspunkterBlock .container .fokuspunkter .col-md-12 .fokuspunkt {
    width: 100%;
    margin-bottom: 50px;
  }
  .fokuspunkterBlock .container .fokuspunkter .col-md-12 .fokuspunkt:last-of-type {
    margin-bottom: 0;
  }
  .fokuspunkterBlock .container .fokuspunkter .col-md-12 .fokuspunkt:last-of-type::after {
    content: "";
    position: absolute;
    width: 3px;
    height: 200px;
    border-radius: 10px;
    background-color: white;
    left: -37px;
    top: -183px;
  }
  .fokuspunkterBlock .container .fokuspunkter .col-md-12 .fokuspunkt::before {
    content: "";
    position: absolute;
    width: 24px;
    height: 3px;
    border-radius: 10px;
    background-color: white;
    left: -37px;
    top: 14px;
  }
  @supports (-webkit-touch-callout: none) {
    .fokuspunkterBlock .container .fokuspunkter .col-md-12 .fokuspunkt .textWrapper .overskriftWrapper img {
      margin-right: 12px;
    }
    .fokuspunkterBlock .container .fokuspunkter .col-md-12 .fokuspunkt .textWrapper .overskriftWrapper img:last-of-type {
      margin-right: 0;
    }
  }
}