/* Propshaft migration: convert asset URLs to root-relative paths like url(https://assets-app.welocally.at/info/...). */

section.info.-sChanze .imgHeader {
  background-color: unset;
  height: 300px;
}

@media only screen and (min-width: 500px) {
  section.info.-sChanze .imgHeader {
    height: 500px;
  }
}

section.info.-sChanze .imgHeader::after {
  background-image: url(https://assets-app.welocally.at/assets/info/schanze/sChanze_header-6407fdcbbf1c470928151a3d50a647b741831cf88989828690cc88f57782881a.jpg);
  background-position: center center;
  margin: auto;
  max-width: 1440px;
}

section.info.-sChanze .header-logo {
  width: 250px;
  height: auto;
  display: block;
  position: relative;
  margin-left: auto;
  top: -20px;
}

@media (min-width: 650px) {
  section.info.-sChanze .header-logo {
    width: 300px;
    margin-right: -50px;
  }
}

section.info.-sChanze .paperCard {
  margin: auto;
  max-width: 700px;
  margin-top: -30px;
}

@media (max-width: 650px) {
  section.info.-sChanze .paperCard {
    margin-bottom: 40px;
  }
}

section.info.-sChanze .paperCard .wrp {
  padding: 35px 50px;
}

section.info.-sChanze .paperCard .card {
  background-color: #f7f7f7;
}

section.info.-sChanze .paperCard .hl-subtext {
  margin-top: -155px;
  margin-bottom: 0;
}

section.info.-sChanze .paperCard .hl-subtext h1 em {
  font-family: "duper", sans-serif;
  font-weight: 400;
  font-style: normal;
  padding: 10px 10px 5px;
}

section.info.-sChanze .paperCard .hl-subtext h1:first-of-type {
  z-index: 2;
  position: relative;
  margin-bottom: -11px;
}

section.info.-sChanze .paperCard .hl-subtext h1:last-of-type {
  z-index: 1;
}

section.info.-sChanze .paperCard .hl-subtext p {
  font-weight: bold;
}

section.info.-sChanze .map-wrp {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap-reverse;
}

@media (min-width: 650px) {
  section.info.-sChanze .map-wrp {
    flex-wrap: nowrap;
  }
}

section.info.-sChanze .map-wrp > div {
  width: 100%;
  align-content: center;
}

@media (min-width: 650px) {
  section.info.-sChanze .map-wrp > div {
    width: 48%;
  }
}

section.info.-sChanze .map-wrp img {
  width: 100%;
  height: auto;
  margin-bottom: 2px;
}

section.info.-sChanze .map-wrp .map-hint {
  font-style: italic;
  text-align: right;
  display: block;
  color: #2d4142;
  margin-bottom: 15px;
}

section.sChanze[class*="modell-"] {
  position: relative;
  border-top: 1px solid #c0d3d1;
  border-bottom: 1px solid #c0d3d1;
  margin-top: 80px;
  padding: 60px 20px 35px;
  line-height: 1.4;
  font-size: 1.6rem;
}

@media (min-width: 650px) {
  section.sChanze[class*="modell-"] {
    font-size: 1.8rem;
  }
}

section.sChanze[class*="modell-"] ul.-icons {
  margin-bottom: 20px;
}

section.sChanze[class*="modell-"] ul.-icons li {
  padding-left: 35px;
  background-size: 25px;
}

section.sChanze[class*="modell-"] ul.-icons .gesundheit {
  background-image: url(https://assets-app.welocally.at/assets/info/schanze/icon-gesundheit-9d5dd9df623d445d5c4ba58b11793f20fcf49c762f0515d59bce885a10af7434.svg);
}

section.sChanze[class*="modell-"] ul.-icons .bildung {
  background-image: url(https://assets-app.welocally.at/assets/info/schanze/icon-weiterbildung-8e9149d7516e9feffb1c22a2632d9cadf9f39654e518fc96d0eaadf526156313.svg);
}

section.sChanze[class*="modell-"] ul.-icons .fitness {
  background-image: url(https://assets-app.welocally.at/assets/info/schanze/icon-yoga-77e71437d4e6eaf555c20b057ddd1d87060de82332f0983037aa29cb48693485.svg);
}

section.sChanze[class*="modell-"] ul.-icons .eltern {
  background-image: url(https://assets-app.welocally.at/assets/info/schanze/icon-Naehstudio-4aedadafd3aed9894307f8387f02353daf91b3de2b7d93aa060e190cf9df3705.svg);
}

section.sChanze[class*="modell-"] ul.-icons .kunst {
  background-image: url(https://assets-app.welocally.at/assets/info/schanze/icon-kunst-db97fae7859684958522c225733c52fcbf355b80f91d95cbedb92ffda50583d2.svg);
}

section.sChanze[class*="modell-"] ul.-icons .dienstleistungen {
  background-image: url(https://assets-app.welocally.at/assets/info/schanze/icon-Scheiderei-0b5a371cd5326a4d92dd9e8c18356272019a1e05b4fc13a5fbf30a3f0e5d7f6b.svg);
}

section.sChanze[class*="modell-"] ul.-icons .atelier {
  background-image: url(https://assets-app.welocally.at/assets/info/schanze/icon-atelier-117782e592a5517dcf4f2f10eceeb8ff3977a18f3b74d33047375403df297c92.svg);
}

section.sChanze[class*="modell-"] ul.-icons .reparatur {
  background-image: url(https://assets-app.welocally.at/assets/info/schanze/icon-fahrradwerkstatt-97b8399905143791e2838c36b00d828b128676b228cc818775eda366b7f014cf.svg);
}

section.sChanze[class*="modell-"] ul.-icons .kosmetik {
  background-image: url(https://assets-app.welocally.at/assets/info/schanze/icon-kosmetik-134879001b7d3afd47b2431f560230efe1ec1228e7bccfe5f854bd107fec380d.svg);
}

section.sChanze[class*="modell-"] ul.-icons .nahversorgung {
  background-image: url(https://assets-app.welocally.at/assets/info/schanze/icon-raumIdee-9938480240e3b8f1e684669eec90ad49bc6c6c66d75f638b8d351b0a4c509981.svg);
}

section.sChanze[class*="modell-"] ul.-icons.-checks li {
  background-image: url(https://assets-app.welocally.at/assets/info/schanze/icon-haken-8682b26915bf14cde6f9833c4e2df6c25e56c67f3e3e4c91205392052edad518.svg);
}

section.sChanze[class*="modell-"] h1,
section.sChanze[class*="modell-"] h2 {
  font-family: "duper", sans-serif;
}

section.sChanze[class*="modell-"] h2 {
  font-weight: normal;
  line-height: 1;
  font-size: 3.6rem;
  font-family: "duper", sans-serif;
}

@media (min-width: 650px) {
  section.sChanze[class*="modell-"] h2 {
    font-size: 5rem;
  }
}

section.sChanze[class*="modell-"] .center {
  text-align: center;
}

section.sChanze[class*="modell-"] .sideflag {
  font-size: 3.4rem;
  max-width: 300px;
  font-family: "duper", sans-serif;
  text-shadow: 0 1px 0 #2d4142, 0 2px 3px rgba(0, 0, 0, 0.15);
}

section.sChanze[class*="modell-"].modell-1 {
  margin-top: 40px;
  background-color: #f2f6f7;
}

section.sChanze[class*="modell-"].modell-2 {
  background-color: #f2f6f7;
}

section.sChanze[class*="modell-"].modell-bonus {
  margin-top: 40px;
  padding-top: 0;
  padding-bottom: 0;
  border: none;
}

section.sChanze[class*="modell-"].modell-4 {
  margin-top: 0;
  border: none;
}

section.sChanze[class*="modell-"] .cardBoxes {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

section.sChanze[class*="modell-"] .cardBoxes > .cardBox {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background-color: #dbeeec;
  border-color: #c0dcd8;
  margin-bottom: 20px;
}

@media (min-width: 650px) {
  section.sChanze[class*="modell-"] .cardBoxes > .cardBox {
    width: 49%;
  }
}

section.sChanze[class*="modell-"] .cardBoxes p {
  margin-bottom: 20px;
}

section.sChanze[class*="modell-"] .cardBoxes img {
  width: 100%;
  height: auto;
  margin-bottom: 20px;
}

section.sChanze[class*="modell-"] .cardBoxes .cardBox.-price {
  background-color: #68a9a8;
  color: var(--color-surface-white);
  border: none;
}

section.sChanze[class*="modell-"] .cardBoxes .cardBox.-price h3 {
  line-height: 1.4;
  font-size: 2.2rem;
}

@media (min-width: 650px) {
  section.sChanze[class*="modell-"] .cardBoxes .cardBox.-price h3 {
    font-size: 2.6rem;
  }
}

@media (min-width: 980px) {
  section.sChanze[class*="modell-"] .cardBoxes .cardBox.-price h3 {
    font-size: 3rem;
  }
}

section.sChanze[class*="modell-"] .cardBoxes .cardBox.-price small {
  font-weight: normal;
}

section.sChanze[class*="modell-"] .cardBoxes.-infos h3 {
  margin-bottom: 20px;
}

section.sChanze[class*="modell-"] .cardBoxes.-infos > * {
  padding-left: 50px;
  padding-right: 20px;
  margin-bottom: 20px;
}

@media (min-width: 650px) {
  section.sChanze[class*="modell-"] .cardBoxes.-infos > * {
    width: 50%;
  }

  section.sChanze[class*="modell-"] .cardBoxes.-infos > *:first-of-type {
    border-right: 1px dotted #69a9a9;
  }
}

section.sChanze[class*="modell-"] .howitworks {
  margin-top: 20px;
  padding-top: 0;
  padding-bottom: 30px;
  border-bottom: 1px dotted #69a9a9;
}

section.sChanze[class*="modell-"] .howitworks h3 {
  text-align: center;
  margin-bottom: 10px;
}

section.sChanze[class*="modell-"] .howitworks .num {
  display: block;
  width: 75px;
  height: auto;
  margin: auto;
}

section.sChanze[class*="modell-"] .howitworks .wrp {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

section.sChanze[class*="modell-"] .howitworks .wrp > .step {
  text-align: center;
  width: 100%;
  margin-bottom: 20px;
}

@media (min-width: 650px) {
  section.sChanze[class*="modell-"] .howitworks .wrp > .step {
    width: 30%;
  }
}

section.sChanze[class*="modell-"] .zuckerl {
  line-height: 1.4;
  font-size: 1.4rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  background: none;
  border-color: #f08e81;
}

@media (min-width: 650px) {
  section.sChanze[class*="modell-"] .zuckerl {
    font-size: 1.6rem;
  }
}

section.sChanze[class*="modell-"] .zuckerl ul {
  margin-top: 10px;
  margin-bottom: 0;
}

section.sChanze[class*="modell-"] .zuckerl img {
  transform: rotate(45deg);
  width: 50%;
  height: auto;
}

@media (min-width: 650px) {
  section.sChanze[class*="modell-"] .zuckerl img {
    width: 100%;
    transform: rotate(0deg);
  }
}

section.sChanze[class*="modell-"] .zuckerl > div {
  width: 100%;
}

section.sChanze[class*="modell-"] .zuckerl .img {
  text-align: center;
}

@media (min-width: 650px) {
  section.sChanze[class*="modell-"] .zuckerl .img {
    width: 25%;
  }

  section.sChanze[class*="modell-"] .zuckerl .content {
    width: 72%;
  }
}

section.sChanze[class*="modell-"] .actionbox {
  text-align: center;
}

section.sChanze[class*="modell-"] .actionbox.-illu {
  background-image: url(https://assets-app.welocally.at/assets/info/schanze/illu-jury-c9a9756df5ef2d6995769da4b1a6297ea70531c0fd67468afac21d671ff13566.png);
  background-position: right bottom;
  background-repeat: no-repeat;
  background-size: 100px 100px;
  padding-top: 30px;
  padding-bottom: 10px;
  padding-left: 50px;
  padding-right: 50px;
  min-height: 140px;
  display: flex;
  align-items: center;
  justify-content: center;
}

@media (min-width: 650px) {
  section.sChanze[class*="modell-"] .actionbox.-illu {
    background-size: 150px 150px;
    min-height: 190px;
  }
}

section.sChanze[class*="modell-"] .btn-primary {
  width: -moz-fit-content;
  width: fit-content;
  margin: auto;
  margin-top: 20px;
}

section.sChanze .logos {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}

section.sChanze .logos img {
  margin: 20px;
  height: 70px;
  width: auto;
}

section.sChanze .logos .logo-sozialbau {
  height: 30px;
}

section.sChanze .logos .logo-haus {
  height: 150px;
}
