/*!*****************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].oneOf[2].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/App/App.scss ***!
  \*****************************************************************************************************************************************************************************************************/
.kxn-hero-container {
  position: relative;
}
@media only screen and (max-width: 992px) {
  .kxn-hero-container {
    margin-bottom: 1rem;
  }
}
.kxn-hero-image {
  aspect-ratio: 16/9;
  display: block;
  width: 100%;
  border: none;
  max-width: 100%;
  height: auto;
}
@media only screen and (min-width: 992px) {
  .kxn-hero-caption {
    position: absolute;
    left: 40px;
    bottom: 20px;
    padding-right: 150px;
    width: 90%;
  }
  .kxn-hero-caption .kxn-hero-link-container {
    padding: 1.25rem 2.5rem 3.225rem 2.5rem;
    position: relative;
  }
}
.kxn-hero-caption .kxn-hero-header {
  font-size: 1.8em;
  font-family: Helvetica neue-bold;
  margin-bottom: 0.3em;
  padding: 0.75em 0 0;
  position: static;
}
@media only screen and (max-width: 992px) {
  .kxn-hero-caption .kxn-hero-header {
    font-size: 1.5em;
  }
}
@media screen and (max-width: 991px) {
  .kxn-hero-caption {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    position: relative;
    z-index: 1;
    margin-top: -1.5rem;
  }
  .kxn-hero-caption .kxn-hero-link-container {
    opacity: 1;
  }
}
.kxn-has-border {
  border: 4px solid white;
}
@media only screen and (max-width: 992px) {
  .kxn-hero-link-container {
    position: relative;
    padding: 1rem 1rem 3rem 1rem;
  }
}
.linkIcon {
  display: inline-block;
  position: absolute;
  bottom: 1rem;
  right: 2rem;
}
.kxn-hero-link {
  text-decoration: none;
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.kxn-hero-link::before {
  content: "";
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.kxn-hero-link:hover {
  text-decoration: underline;
}
.kxn-hero-text {
  font-size: 1.05em;
  word-wrap: break-word;
  font-family: "open sans";
  color: #464646;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  margin-top: 11px;
}
@media only screen and (max-width: 992px) {
  .kxn-hero-text {
    font-size: 1.05em;
  }
}
.kxn-hero-link-container.no-ingress {
  padding: 0.8rem 2.5rem 2rem 2.5rem;
}
.transparent {
  opacity: 91%;
}
@media screen and (max-width: 480px) {
  .sv-template-funktionssida .sv-kxn-hero-puff {
    margin-right: -2rem;
    margin-left: -2rem;
  }
}

