.btn-primary {
  color: #ffffff;
  background-color: #006B4C;
  border-color: #006B4C;
}

.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show > .btn-primary.dropdown-toggle {
  color: #ffffff;
  background-color: #004d37;
  border-color: rgba(0, 0, 0, 0);
}

.btn.focus,
.btn:focus,
.btn-primary.focus,
.btn-primary:focus {
  color: #ffffff;
  background-color: #004d37;
  border-color: rgba(0, 0, 0, 0);
  box-shadow: 0 0 0 0;
}

.btn-primary:hover {
  color: #ffffff;
  background-color: #004d37;
  border-color: rgba(0, 0, 0, 0);
}

.btn-primary:not(:disabled):not(.disabled).active:focus,
.btn-primary:not(:disabled):not(.disabled):active:focus,
.show > .btn-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0;
}

#navbar .navbar-toggler:focus {
  box-shadow: 0 0 0 0 !important;
}

/* mountains-of-christmas-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Mountains of Christmas";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/mountains-of-christmas/mountains-of-christmas-v22-latin-regular.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* henny-penny-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Henny Penny";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/henny-penny/henny-penny-v17-latin-regular.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* raleway-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Raleway";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/raleway/raleway-v34-latin-regular.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* raleway-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Raleway";
  font-style: normal;
  font-weight: 500;
  src: url("../fonts/raleway/raleway-v34-latin-500.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* raleway-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Raleway";
  font-style: normal;
  font-weight: 600;
  src: url("../fonts/raleway/raleway-v34-latin-600.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* raleway-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Raleway";
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/raleway/raleway-v34-latin-700.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Roboto";
  font-style: normal;
  font-weight: 300;
  src: url("../fonts/roboto/roboto-v49-latin-300.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/roboto/roboto-v49-latin-regular.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  src: url("../fonts/roboto/roboto-v49-latin-500.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Roboto";
  font-style: normal;
  font-weight: 600;
  src: url("../fonts/roboto/roboto-v49-latin-600.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/roboto/roboto-v49-latin-700.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-800 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Roboto";
  font-style: normal;
  font-weight: 800;
  src: url("../fonts/roboto/roboto-v49-latin-800.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-condensed-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Roboto Condensed";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/roboto-condensed/roboto-condensed-v31-latin-regular.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-condensed-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Roboto Condensed";
  font-style: normal;
  font-weight: 500;
  src: url("../fonts/roboto-condensed/roboto-condensed-v31-latin-500.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-condensed-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Roboto Condensed";
  font-style: normal;
  font-weight: 600;
  src: url("../fonts/roboto-condensed/roboto-condensed-v31-latin-600.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-condensed-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Roboto Condensed";
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/roboto-condensed/roboto-condensed-v31-latin-700.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-condensed-800 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Roboto Condensed";
  font-style: normal;
  font-weight: 800;
  src: url("../fonts/roboto-condensed/roboto-condensed-v31-latin-800.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
.text-primary {
  color: #006B4C !important;
  --bs-primary-rgb: $primary !important ;
}

.btn-primary {
  --bs-btn-color: #000;
  --bs-btn-bg: #006B4C;
  --bs-btn-border-color: #006B4C;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #004d37;
  --bs-btn-hover-border-color: #004d37;
  --bs-btn-focus-shadow-rgb: 49, 132, 253;
  --bs-btn-active-color: #ffffff;
  --bs-btn-active-bg: #004d37;
  --bs-btn-active-border-color: #004d37;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(#000, 0.125);
  --bs-btn-disabled-color: #ffffff;
  --bs-btn-disabled-bg: #006B4C;
  --bs-btn-disabled-border-color: #006B4C;
  --bs-btn-border-width: 2px;
}
.btn-primary:hover svg {
  fill: #ffffff !important;
}

.btn-outline-primary {
  --bs-btn-color: #006B4C;
  --bs-btn-bg: transparent;
  --bs-btn-border-color: #006B4C;
  --bs-btn-hover-color: #ffffff;
  --bs-btn-hover-bg: #006B4C;
  --bs-btn-hover-border-color: #006B4C;
  --bs-btn-focus-shadow-rgb: 49, 132, 253;
  --bs-btn-active-color: #ffffff;
  --bs-btn-active-bg: #006B4C;
  --bs-btn-active-border-color: #006B4C;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(#000, 0.125);
  --bs-btn-disabled-color: #006B4C;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #006B4C;
  --bs-btn-border-width: 2px;
}
.btn-outline-primary:hover svg {
  fill: #ffffff !important;
}

.btn-secondary {
  --bs-btn-color: #ffffff;
  --bs-btn-bg: #D40F15;
  --bs-btn-border-color: #D40F15;
  --bs-btn-hover-color: #ffffff;
  --bs-btn-hover-bg: #a70c11;
  --bs-btn-hover-border-color: #a70c11;
  --bs-btn-focus-shadow-rgb: 49, 132, 253;
  --bs-btn-active-color: #ffffff;
  --bs-btn-active-bg: #a70c11;
  --bs-btn-active-border-color: #a70c11;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(#000, 0.125);
  --bs-btn-disabled-color: #ffffff;
  --bs-btn-disabled-bg: #D40F15;
  --bs-btn-disabled-border-color: #D40F15;
  --bs-btn-border-width: 2px;
}

.btn-outline-secondary {
  --bs-btn-color: #D40F15;
  --bs-btn-bg: transparent;
  --bs-btn-border-color: #D40F15;
  --bs-btn-hover-color: #ffffff;
  --bs-btn-hover-bg: #D40F15;
  --bs-btn-hover-border-color: #D40F15;
  --bs-btn-focus-shadow-rgb: 49, 132, 253;
  --bs-btn-active-color: #ffffff;
  --bs-btn-active-bg: #D40F15;
  --bs-btn-active-border-color: #D40F15;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(#000, 0.125);
  --bs-btn-disabled-color: #D40F15;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #D40F15;
  --bs-btn-border-width: 2px;
}

.btn-yellow {
  --bs-btn-color: #000;
  --bs-btn-bg: #FBBA1E;
  --bs-btn-border-color: #FBBA1E;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: rgb(225.9825327511, 160.6986899563, 4.0174672489);
  --bs-btn-hover-border-color: rgb(225.9825327511, 160.6986899563, 4.0174672489);
  --bs-btn-focus-shadow-rgb: 49, 132, 253;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: rgb(225.9825327511, 160.6986899563, 4.0174672489);
  --bs-btn-active-border-color: rgb(225.9825327511, 160.6986899563, 4.0174672489);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(#000, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #FBBA1E;
  --bs-btn-disabled-border-color: #FBBA1E;
  --bs-btn-border-width: 2px;
}

.btn-outline-yellow {
  --bs-btn-color: #ffffff;
  --bs-btn-bg: transparent;
  --bs-btn-border-color: rgb(225.9825327511, 160.6986899563, 4.0174672489);
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: rgb(225.9825327511, 160.6986899563, 4.0174672489);
  --bs-btn-hover-border-color: rgb(225.9825327511, 160.6986899563, 4.0174672489);
  --bs-btn-focus-shadow-rgb: 49, 132, 253;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #FBBA1E;
  --bs-btn-active-border-color: #FBBA1E;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(#000, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #FBBA1E;
  --bs-btn-border-width: 2px;
}

.text-dark {
  color: #000 !important;
}

.text-yellow {
  color: #FBBA1E !important;
}

*::-moz-selection {
  background: #006B4C;
  color: #ffffff;
}

*::selection {
  background: #006B4C;
  color: #ffffff;
}

html {
  scroll-behavior: smooth;
}

body {
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-weight: 400;
  line-height: 1.6;
  color: #000;
  font-size: 1.1rem;
  -webkit-font-smoothing: antialiased;
}

.font-primary {
  font-family: "Roboto Condensed", sans-serif;
  -webkit-font-smoothing: antialiased;
}

a {
  color: #D40F15;
  text-decoration: none;
}
a:hover {
  color: #a70c11;
  text-decoration: none;
}

h1 {
  font-family: "Roboto Condensed", sans-serif;
  font-style: normal;
  font-weight: 800;
  color: #ffffff;
  font-size: 4.5rem;
}
@media (max-width: 1400px) {
  h1 {
    font-size: 3.8rem;
  }
}
@media (max-width: 1230px) {
  h1 {
    font-size: 3.5rem;
  }
}
@media (max-width: 1200px) {
  h1 {
    font-size: 3rem;
  }
}
h1 span {
  color: #f5e3bb;
}

h2 {
  font-family: "Roboto Condensed", sans-serif;
  color: #006B4C;
  font-style: normal;
  font-size: 3rem;
  font-weight: 700;
}
@media (max-width: 1200px) {
  h2 {
    font-size: 2.5rem;
  }
}

h3 {
  font-family: "Roboto Condensed", sans-serif;
  color: #000;
  font-size: 1.7rem;
  font-weight: 600;
}

.lead {
  font-family: "Roboto Condensed", sans-serif;
  font-style: normal;
  font-weight: 400;
  color: #000;
  font-size: 140%;
  line-height: 1.4;
}
.lead.dark {
  color: #ffffff;
}

.btn {
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  text-transform: uppercase;
  font-size: 1rem;
  letter-spacing: 1px;
  padding: 1rem 1.5rem;
  border-radius: 8px;
}

.line {
  display: inline-block;
  border-bottom: 2px solid #FBBA1E;
}

#kalender {
  position: relative;
  overflow: hidden;
}
#kalender .zweig {
  position: absolute;
  top: -100px;
  left: -80px;
  width: 400px;
  z-index: -1;
}
@media (max-width: 1800px) {
  #kalender .zweig {
    width: 240px;
  }
}
@media (max-width: 1200px) {
  #kalender .zweig {
    top: -100px;
  }
}
@media (max-width: 991px) {
  #kalender .zweig {
    top: -40px;
    left: -40px;
    width: 130px;
  }
}
@media (max-width: 565px) {
  #kalender .zweig {
    top: -50px;
  }
}

.bg-christmas-pattern {
  background-image: url("../img/hintergrund-weihnachtspattern.webp");
  background-size: cover;
  background-position: center;
  color: #ffffff;
  position: relative;
  z-index: 1;
}

#header {
  background-image: url("../img/hintergrund-weihnachtspattern.webp");
  background-size: cover;
  background-position: center;
  color: #ffffff;
  position: relative;
  z-index: 1;
}
@media (max-width: 1800px) {
  #header {
    height: auto;
  }
}
#header .header-image {
  rotate: -9deg;
  right: -3rem;
  position: relative;
  top: -7rem;
  margin-bottom: -6rem;
}
#header .line-quadrat {
  height: calc(100% + 7rem);
  border: 4px solid #FBBA1E;
  position: absolute;
  width: 100%;
  top: -8rem;
  right: -4rem;
  border-radius: 5rem;
  rotate: -3deg;
}
#header .zweig {
  position: absolute;
  top: -100px;
  left: -80px;
  width: 430px;
}
@media (max-width: 1800px) {
  #header .zweig {
    width: 350px;
  }
}
@media (max-width: 1200px) {
  #header .zweig {
    top: -120px;
  }
}
@media (max-width: 991px) {
  #header .zweig {
    top: -40px;
    left: -40px;
    width: 130px;
  }
}
@media (max-width: 565px) {
  #header .zweig {
    top: -50px;
  }
}
#header .obst {
  position: absolute;
  bottom: 0;
  right: 30px;
  width: 350px;
  z-index: -1;
}
@media (max-width: 1800px) {
  #header .obst {
    width: 200px;
  }
}
@media (max-width: 991px) {
  #header .obst {
    width: 100px;
  }
}
#header .einleitung {
  display: table-cell;
  vertical-align: middle;
}
@media (max-width: 1200px) {
  #header .einleitung {
    padding: 4rem 0;
  }
}

.obst {
  position: absolute;
  bottom: 0;
  right: 30px;
  width: 350px;
  z-index: -1;
}
@media (max-width: 1800px) {
  .obst {
    width: 200px;
  }
}
@media (max-width: 991px) {
  .obst {
    width: 100px;
  }
}

#vorteile {
  background: #006B4C;
  background-image: url("../img/hintergrund-weihnachtspattern.webp");
  background-size: cover;
  background-position: center;
  position: relative;
  z-index: 1;
}
#vorteile h2 {
  color: #ffffff;
}
#vorteile .kachel {
  height: 100%;
  background: #ffffff;
  border-radius: 10px;
  padding: 2rem;
  position: relative;
  color: #000;
}
#vorteile .kachel hr {
  color: #f5e3bb;
  opacity: 1;
  border-top-width: 2px;
}
#vorteile .kachel .schneeflocke {
  position: absolute;
  top: -57px;
  left: 0;
  width: 130px;
  right: 0;
  margin: 0 auto;
  z-index: -1;
}

#ansprechpartner img {
  border-radius: 10px;
}

#footer {
  background: #D40F15;
  padding: 1rem;
  color: #ffffff;
}
#footer a {
  color: #ffffff;
}
#footer a:hover {
  text-decoration: none;
  color: #f5e3bb;
}

.bg-primary .bg, .bg-primary, .bg-primary.bg-wrap {
  background-color: #006B4C !important;
}

.bg-secondary .bg, .bg-secondary, .bg-secondary.bg-wrap {
  background-color: #D40F15 !important;
}

.bg-yellow .bg, .bg-yellow, .bg-yellow.bg-wrap {
  background-color: #FBBA1E !important;
}

.bg-tertiary .bg, .bg-tertiary, .bg-tertiary.bg-wrap {
  background-color: #f5e3bb !important;
}

.bg-tertiary-light .bg, .bg-tertiary-light, .bg-tertiary-light.bg-wrap {
  background-color: #FAF1DD !important;
}

.abstand {
  padding-top: 8rem;
  padding-bottom: 8rem;
}
@media (max-width: 991px) {
  .abstand {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
}

.abstand-b {
  padding-bottom: 8rem;
}
@media (max-width: 991px) {
  .abstand-b {
    padding-bottom: 3rem;
  }
}

.abstand-t {
  padding-top: 8rem;
}
@media (max-width: 991px) {
  .abstand-t {
    padding-top: 3rem;
  }
}

.mabstand {
  margin-top: 8rem;
  margin-bottom: 8rem;
}
@media (max-width: 991px) {
  .mabstand {
    margin-top: 3rem;
    margin-bottom: 3rem;
  }
}

.mabstand-b {
  margin-bottom: 8rem;
}
@media (max-width: 991px) {
  .mabstand-b {
    margin-bottom: 3rem;
  }
}

.mabstand-t {
  margin-top: 8rem;
}
@media (max-width: 991px) {
  .mabstand-t {
    margin-top: 3rem;
  }
}

input[type=submit],
a[type=submit],
a[type=button] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.z-10 {
  z-index: 10;
}

span svg, div svg {
  fill-rule: evenodd;
  flex-shrink: 0;
}
span svg path.svg-primary, div svg path.svg-primary {
  fill: #006B4C;
}
span svg path.svg-secondary, div svg path.svg-secondary {
  fill: #D40F15;
}
span svg path.svg-white, div svg path.svg-white {
  fill: #ffffff;
}
span svg path.svg-dark, div svg path.svg-dark {
  fill: #000;
}
span.icon, div.icon {
  display: flex;
  justify-content: center;
  align-items: center;
}
span.size-1 svg, span.size-1 img, div.size-1 svg, div.size-1 img {
  width: auto;
  height: 1rem;
}
span.size-1-half svg, span.size-1-half img, div.size-1-half svg, div.size-1-half img {
  width: auto;
  height: 1.5rem;
}
span.size-2 svg, span.size-2 img, div.size-2 svg, div.size-2 img {
  width: auto;
  height: 2rem;
}
span.size-3 svg, span.size-3 img, div.size-3 svg, div.size-3 img {
  width: auto;
  height: 3rem;
}
span.size-4 svg, span.size-4 img, div.size-4 svg, div.size-4 img {
  width: auto;
  height: 4rem;
}
span.size-5 svg, span.size-5 img, div.size-5 svg, div.size-5 img {
  width: auto;
  height: 5rem;
}
span.size-10 svg, span.size-10 img, div.size-10 svg, div.size-10 img {
  width: auto;
  height: 10rem;
}
span.size-15 svg, span.size-15 img, div.size-15 svg, div.size-15 img {
  width: auto;
  height: 15rem;
}
span.size-20 svg, span.size-20 img, div.size-20 svg, div.size-20 img {
  width: auto;
  height: 20rem;
}
span.svg-white svg, div.svg-white svg {
  fill: #ffffff !important;
}
span.svg-white path, div.svg-white path {
  fill: #ffffff !important;
}
span.svg-primary svg, div.svg-primary svg {
  fill: #006B4C !important;
}
span.svg-secondary svg, div.svg-secondary svg {
  fill: #D40F15 !important;
}

.list-group-item {
  background: transparent;
}

@media (max-width: 1023px) {
  .w-md-60 {
    width: 60%;
  }
}
@media (max-width: 780px) {
  .w-md-60 {
    width: 100%;
  }
}

.gewinn-image {
  width: 45%;
  right: -3rem;
  top: -1rem;
}

.quote {
  position: absolute;
  top: 0;
  left: 0.5rem;
  fill: #FBBA1E;
  z-index: -1;
}

.bg-box {
  z-index: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.bg-box::before {
  display: block;
  content: "";
}

.bg-box.col-1,
.bg-box.col-2,
.bg-box.col-3,
.bg-box.col-4,
.bg-box.col-5,
.bg-box.col-6,
.bg-box.col-7,
.bg-box.col-8,
.bg-box.col-9,
.bg-box.col-10,
.bg-box.col-11,
.bg-box.col-12 {
  position: absolute;
  top: 0;
  right: auto;
  bottom: 0;
  left: 0;
}

.bg-box.col-1:last-child,
.bg-box.col-2:last-child,
.bg-box.col-3:last-child,
.bg-box.col-4:last-child,
.bg-box.col-5:last-child,
.bg-box.col-6:last-child,
.bg-box.col-7:last-child,
.bg-box.col-8:last-child,
.bg-box.col-9:last-child,
.bg-box.col-10:last-child,
.bg-box.col-11:last-child,
.bg-box.col-12:last-child {
  right: 0;
  left: auto;
}

@media (max-width: 767px) {
  .bg-box[class*=col-sm-] {
    position: absolute;
    top: 0;
    bottom: 0;
    left: auto;
    right: auto;
  }
  .bg-box[class*=col-sm-]:first-child {
    left: 0;
  }
  .bg-box[class*=col-sm-]:last-child {
    right: 0;
  }
}
@media (min-width: 768px) {
  .bg-box[class*=col-md-] {
    position: absolute;
    top: 0;
    bottom: 0;
    left: auto;
    right: auto;
  }
  .bg-box[class*=col-md-]:first-child {
    left: 0;
  }
  .bg-box[class*=col-md-]:last-child {
    right: 0;
  }
}
@media (min-width: 1230px) {
  .bg-box[class*=col-lg-] {
    position: absolute;
    top: 0;
    bottom: 0;
    left: auto;
    right: auto;
  }
  .bg-box[class*=col-lg-]:first-child {
    left: 0;
  }
  .bg-box[class*=col-lg-]:last-child {
    right: 0;
  }
}
@media (min-width: 1600px) {
  .bg-box[class*=col-xl-] {
    position: absolute;
    top: 0;
    bottom: 0;
    left: auto;
    right: auto;
  }
  .bg-box[class*=col-xl-]:first-child {
    left: 0;
  }
  .bg-box[class*=col-xl-]:last-child {
    right: 0;
  }
}
.embed-responsive::before {
  display: block;
  content: "";
}

.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.embed-responsive-21by9::before {
  padding-top: 42.857143%;
}

.embed-responsive-16by9::before {
  padding-top: 56.25%;
}

.embed-responsive-4by3::before {
  padding-top: 75%;
}

.embed-responsive-1by1::before {
  padding-top: 100%;
}

.banner-header {
  z-index: 2;
  background-color: #D40F15;
  color: #ffffff;
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 500;
  text-transform: uppercase;
  padding: 1rem 3rem 1rem 2rem;
  top: 3rem;
  right: 0;
  font-size: 1.3rem;
  line-height: 1.3;
}
@media (max-width: 1023px) {
  .banner-header {
    top: 0;
    width: 100%;
    text-align: center;
  }
}

.banner-intro {
  display: flex;
  justify-content: center;
  background-color: #FBBA1E;
  color: #000;
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 500;
  text-transform: uppercase;
  font-size: 1.3rem;
  line-height: 1.3;
  flex-wrap: wrap;
}
.banner-intro .banner-item {
  margin-right: 2rem;
}
@media (max-width: 576px) {
  .banner-intro {
    justify-content: start;
  }
  .banner-intro .banner-item {
    margin-right: 1rem;
  }
}

.benefits-banner {
  display: flex;
  justify-content: center;
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 500;
  text-transform: uppercase;
  font-size: 1.3rem;
  line-height: 1.3;
  flex-wrap: wrap;
}
.benefits-banner .banner-item {
  margin-right: 2rem;
}
@media (max-width: 576px) {
  .benefits-banner {
    justify-content: start;
  }
  .benefits-banner .banner-item {
    margin-right: 1rem;
  }
}

.list-group-item {
  border-color: rgba(0, 107, 76, 0.4);
}

.list-number {
  font-size: 2.3rem;
  font-weight: 700;
  color: #FBBA1E;
}

.accordion-button {
  display: flex;
  justify-content: space-between;
  color: #006B4C;
  font-size: 1.2rem;
  font-weight: 500;
}

.accordion-button:not(.collapsed) {
  background-color: #006b4c;
  color: #ffffff;
  --bs-accordion-active-color: $primary;
}

.accordion-button:not(.collapsed)::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

.accordion-button:focus {
  z-index: 3;
  border-color: var(--bs-accordion-btn-focus-border-color);
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(0, 107, 76, 0.3);
}

.accordion-button::after {
  margin-left: 0.5rem;
}/*# sourceMappingURL=styles.css.map */