
/* ========= */
/* ROOT */
/* ========= */

:root {
  --nav-height: 70px; /* 105px */
}



/* ========= */
/* BODY / FONT-SMOOTHING */
/* ========= */

body {
  -moz-osx-font-smoothing: grayscale;
  font-variant-ligatures: none;
  overflow-x: hidden;
}


/* ========= */
/* MAIN */
/* ========= */

main {
  margin-top: var(--nav-height);
  position: relative;
}


/* ========= */
/* TYPOGRAFIE */
/* ========= */


/* --- FORMATE --- */

p {
  font-size: var(--bs-body-font-size);
}
p:empty {
  margin-bottom: 0px;
}
.spitzmarke,
.spitzmarke p {
  font-size: 12px;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-bottom: 12px;
}
.heading-3xl,
.heading-3xl p {
  font-size: 40px;
  font-weight: 700;
  margin-bottom: 12px;
}
.heading-2xl,
.heading-2xl p {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 12px;
}
.heading-xl,
.heading-xl p {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 12px;
}
.heading-l,
.heading-l p {
  font-size: 24px;
  font-weight: 700;
}
.heading-m,
.heading-m p {
  font-weight: 700;
}
.heading-s,
.heading-s p {
  font-weight: 500;
}
.heading-xs,
.heading-xs p {
  font-weight: 600;
  font-size: var(--bs-body-font-size);
}
.heading-2xs,
.heading-2xs p {
  font-weight: 600;
  font-size: var(--bs-body-font-size);
}
.heading-3xs,
.heading-3xs p {
  font-weight: 600;
  font-size: var(--bs-body-font-size);
}
.paragraph-l,
.paragraph-l p,
.link-l,
.link-l p {
  font-weight: 400;
  font-size: var(--bs-body-font-size);
}
.paragraph-m,
.paragraph-m p,
.link-m,
.link-m p {
  font-weight: 400;
  font-size: var(--bs-body-font-size);
}
.paragraph-s,
.paragraph-s p,
.link-s,
.link-s p {
  font-weight: 400;
  font-size: var(--bs-body-font-size);
}
ol.link,
ul.link {
  padding-left: 0rem;
}
a.link,
.link a {
  text-decoration: none;
}


.nowrap {
  white-space: nowrap;
}



/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
}
/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
}
/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
}
/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
  .spitzmarke,
  .spitzmarke p {
    font-size: 14px;
  }
  .heading-3xl,
  .heading-3xl p {
    font-size: 55px;
  }
  .heading-2xl,
  .heading-2xl p {
    font-size: 48px;
  }
  .heading-xl,
  .heading-xl p {
    font-size: 40px;
  }
  .heading-l,
  .heading-l p {
    font-size: 34px;
    margin-bottom: 12px;
  }
  .heading-m,
  .heading-m p {
    font-size: 30px;
    margin-bottom: 40px;
  }
  .heading-s,
  .heading-s p {
    font-size: 28px;
    margin-bottom: 12px;
  }
  .heading-xs,
  .heading-xs p {
    font-size: 22px;
    margin-bottom: 12px;
  }
  .heading-2xs,
  .heading-2xs p {
    font-size: 21px;
    margin-bottom: 12px;
  }
  .heading-3xs,
  .heading-3xs p {
    font-size: 18px;
    margin-bottom: 12px;
  }
}
/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {
}




/* --- TITEL-LEAD --- */

.titel-lead {
  max-width: 600px;
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
}
/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
}
/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
}
/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
  .hero .bg-light .col:nth-of-type(1) .titel-lead,
  .features .bg-light .col:nth-of-type(1) .titel-lead,
  .text-bild .bg-light .col:nth-of-type(1) .titel-lead,
  .text-video .bg-light .col:nth-of-type(2) .titel-lead,
  .text-media .bg-light .col:nth-of-type(2) .titel-lead {
    padding-left: 3rem;
    padding-right: 6rem;
  }
  .hero .bg-light .col:nth-of-type(2) .titel-lead,
  .features .bg-light .col:nth-of-type(2) .titel-lead,
  .text-bild .bg-light .col:nth-of-type(2) .titel-lead,
  .text-video .bg-light .col:nth-of-type(2) .titel-lead,
  .text-media .bg-light .col:nth-of-type(2) .titel-lead {
    padding-left: 6rem;
    padding-right: 3rem;
  }
}
/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {
}


/* --- LISTEN --- */

dl,
ol,
ul,
dl.paragraph,
ol.paragraph,
ul.paragraph {
  margin-top: 0;
  margin-bottom: 0rem;
}

ul.check {
  list-style-type: none;
  padding-left: 30px;
}
ul.check li {
  position: relative;
}
table .check::before,
ul.check li::before {
  content: ' ';
  background-image: url('/assets/core/icons/Font-Awesome-6.x/svgs/solid/check.svg');
  width: 18px;
  height: 18px;
  top: 0px;
}
ul.check li::before {
  left: -30px;
  position: absolute;
}
table .check::before {
  display: inline-block;
}




/* --- TABELLE --- */

table {
  width: 100%;
  margin-bottom: 3rem;
}
tr {
  border-bottom: 1px solid #ccc;
}
th,
td {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}





/* ========= */
/* OBJECT-FIT */
/* ========= */

.object-fit-contain {
  object-fit: contain;
  width: 100%;
  height: 100%;
}
.object-fit-cover {
  object-fit: cover;
  width: 100%;
  height: 100%;
}



/* ========= */
/* RATIO */
/* ========= */

/*
.ratio,
.ratio > img {
  width: auto;
  min-width: 100%;
}
.ratio > img {
  width: auto;
  min-width: 100%;
}
*/
.ratio > img,
.ratio > picture,
.ratio > video,
.cover,
.cover > img,
.cover > video {
  object-fit: cover;
}
.contain,
.contain > img,
.contain > picture,
.contain > video {
  object-fit: contain;
}
.ratio-3x4 {
  --bs-aspect-ratio: calc(4 / 3 * 100%);
}
.ratio-5x6 {
  --bs-aspect-ratio: calc(6 / 5 * 100%);
}
.ratio-4x5 {
  --bs-aspect-ratio: calc(5 / 4 * 100%);
}
.ratio-2x3 {
  --bs-aspect-ratio: calc(3 / 2 * 100%);
}
.ratio-1x1 {
  --bs-aspect-ratio: 100%;
}
.ratio-5x4 {
  --bs-aspect-ratio: calc(4 / 5 * 100%);
}
.ratio-4x3 {
  --bs-aspect-ratio: calc(3 / 4 * 100%);
}
.ratio-3x2 {
  --bs-aspect-ratio: calc(2 / 3 * 100%);
}
.ratio-16x9 {
  --bs-aspect-ratio: calc(9 / 16 * 100%);
}
.ratio-21x9 {
  --bs-aspect-ratio: calc(9 / 21 * 100%);
}
.ratio-3x1 {
  --bs-aspect-ratio: calc(1 / 3 * 100%);
}
.ratio-5x2 {
  --bs-aspect-ratio: calc(2 / 5 * 100%);
}
.ratio-4x1 {
  --bs-aspect-ratio: calc(1 / 4 * 100%);
}
/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
  .ratio-sm-3x4 {
    --bs-aspect-ratio: calc(4 / 3 * 100%);
  }
  .ratio-sm-5x6 {
    --bs-aspect-ratio: calc(6 / 5 * 100%);
  }
  .ratio-sm-4x5 {
    --bs-aspect-ratio: calc(5 / 4 * 100%);
  }
  .ratio-sm-1x1 {
    --bs-aspect-ratio: 100%;
  }
  .ratio-sm-5x4 {
    --bs-aspect-ratio: calc(4 / 5 * 100%);
  }
  .ratio-sm-4x3 {
    --bs-aspect-ratio: calc(3 / 4 * 100%);
  }
  .ratio-sm-3x2 {
    --bs-aspect-ratio: calc(2 / 3 * 100%);
  }
  .ratio-sm-16x9 {
    --bs-aspect-ratio: calc(9 / 16 * 100%);
  }
  .ratio-sm-21x9 {
    --bs-aspect-ratio: calc(9 / 21 * 100%);
  }
  .ratio-sm-3x1 {
    --bs-aspect-ratio: calc(1 / 3 * 100%);
  }
  .ratio-sm-5x2 {
    --bs-aspect-ratio: calc(2 / 5 * 100%);
  }
  .ratio-sm-4x1 {
    --bs-aspect-ratio: calc(1 / 4 * 100%);
  }
}
/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
  .ratio-md-3x4 {
    --bs-aspect-ratio: calc(4 / 3 * 100%);
  }
  .ratio-md-5x6 {
    --bs-aspect-ratio: calc(6 / 5 * 100%);
  }
  .ratio-md-4x5 {
    --bs-aspect-ratio: calc(5 / 4 * 100%);
  }
  .ratio-md-1x1 {
    --bs-aspect-ratio: 100%;
  }
  .ratio-md-5x4 {
    --bs-aspect-ratio: calc(4 / 5 * 100%);
  }
  .ratio-md-4x3 {
    --bs-aspect-ratio: calc(3 / 4 * 100%);
  }
  .ratio-md-3x2 {
    --bs-aspect-ratio: calc(2 / 3 * 100%);
  }
  .ratio-md-16x9 {
    --bs-aspect-ratio: calc(9 / 16 * 100%);
  }
  .ratio-md-21x9 {
    --bs-aspect-ratio: calc(9 / 21 * 100%);
  }
  .ratio-md-3x1 {
    --bs-aspect-ratio: calc(1 / 3 * 100%);
  }
  .ratio-md-5x2 {
    --bs-aspect-ratio: calc(2 / 5 * 100%);
  }
  .ratio-md-4x1 {
    --bs-aspect-ratio: calc(1 / 4 * 100%);
  }
}
/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
  .ratio-lg-3x4 {
    --bs-aspect-ratio: calc(4 / 3 * 100%);
  }
  .ratio-lg-5x6 {
    --bs-aspect-ratio: calc(6 / 5 * 100%);
  }
  .ratio-lg-4x5 {
    --bs-aspect-ratio: calc(5 / 4 * 100%);
  }
  .ratio-lg-1x1 {
    --bs-aspect-ratio: 100%;
  }
  .ratio-lg-5x4 {
    --bs-aspect-ratio: calc(4 / 5 * 100%);
  }
  .ratio-lg-4x3 {
    --bs-aspect-ratio: calc(3 / 4 * 100%);
  }
  .ratio-lg-3x2 {
    --bs-aspect-ratio: calc(2 / 3 * 100%);
  }
  .ratio-lg-16x9 {
    --bs-aspect-ratio: calc(9 / 16 * 100%);
  }
  .ratio-lg-21x9 {
    --bs-aspect-ratio: calc(9 / 21 * 100%);
  }
  .ratio-lg-3x1 {
    --bs-aspect-ratio: calc(1 / 3 * 100%);
  }
  .ratio-lg-5x2 {
    --bs-aspect-ratio: calc(2 / 5 * 100%);
  }
  .ratio-lg-4x1 {
    --bs-aspect-ratio: calc(1 / 4 * 100%);
  }
}
/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
  .ratio-xl-3x4 {
    --bs-aspect-ratio: calc(4 / 3 * 100%);
  }
  .ratio-xl-5x6 {
    --bs-aspect-ratio: calc(6 / 5 * 100%);
  }
  .ratio-xl-4x5 {
    --bs-aspect-ratio: calc(5 / 4 * 100%);
  }
  .ratio-xl-1x1 {
    --bs-aspect-ratio: 100%;
  }
  .ratio-xl-5x4 {
    --bs-aspect-ratio: calc(4 / 5 * 100%);
  }
  .ratio-xl-4x3 {
    --bs-aspect-ratio: calc(3 / 4 * 100%);
  }
  .ratio-xl-3x2 {
    --bs-aspect-ratio: calc(2 / 3 * 100%);
  }
  .ratio-xl-16x9 {
    --bs-aspect-ratio: calc(9 / 16 * 100%);
  }
  .ratio-xl-21x9 {
    --bs-aspect-ratio: calc(9 / 21 * 100%);
  }
  .ratio-xl-3x1 {
    --bs-aspect-ratio: calc(1 / 3 * 100%);
  }
  .ratio-xl-5x2 {
    --bs-aspect-ratio: calc(2 / 5 * 100%);
  }
  .ratio-xl-4x1 {
    --bs-aspect-ratio: calc(1 / 4 * 100%);
  }
}
/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {
  .ratio-xxl-3x4 {
    --bs-aspect-ratio: calc(4 / 3 * 100%);
  }
  .ratio-xxl-5x6 {
    --bs-aspect-ratio: calc(6 / 5 * 100%);
  }
  .ratio-xxl-4x5 {
    --bs-aspect-ratio: calc(5 / 4 * 100%);
  }
  .ratio-xxl-1x1 {
    --bs-aspect-ratio: 100%;
  }
  .ratio-xxl-5x4 {
    --bs-aspect-ratio: calc(4 / 5 * 100%);
  }
  .ratio-xxl-4x3 {
    --bs-aspect-ratio: calc(3 / 4 * 100%);
  }
  .ratio-xxl-3x2 {
    --bs-aspect-ratio: calc(2 / 3 * 100%);
  }
  .ratio-xxl-16x9 {
    --bs-aspect-ratio: calc(9 / 16 * 100%);
  }
  .ratio-xxl-21x9 {
    --bs-aspect-ratio: calc(9 / 21 * 100%);
  }
  .ratio-xxl-3x1 {
    --bs-aspect-ratio: calc(1 / 3 * 100%);
  }
  .ratio-xxl-5x2 {
    --bs-aspect-ratio: calc(2 / 5 * 100%);
  }
  .ratio-xxl-4x1 {
    --bs-aspect-ratio: calc(1 / 4 * 100%);
  }
}


/* XXX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1920px) {
  .ratio-xxxl-3x4 {
    --bs-aspect-ratio: calc(4 / 3 * 100%);
  }
  .ratio-xxxl-5x6 {
    --bs-aspect-ratio: calc(6 / 5 * 100%);
  }
  .ratio-xxxl-4x5 {
    --bs-aspect-ratio: calc(5 / 4 * 100%);
  }
  .ratio-xxxl-1x1 {
    --bs-aspect-ratio: 100%;
  }
  .ratio-xxxl-5x4 {
    --bs-aspect-ratio: calc(4 / 5 * 100%);
  }
  .ratio-xxxl-4x3 {
    --bs-aspect-ratio: calc(3 / 4 * 100%);
  }
  .ratio-xxxl-3x2 {
    --bs-aspect-ratio: calc(2 / 3 * 100%);
  }
  .ratio-xxxl-16x9 {
    --bs-aspect-ratio: calc(9 / 16 * 100%);
  }
  .ratio-xxxl-21x9 {
    --bs-aspect-ratio: calc(9 / 21 * 100%);
  }
  .ratio-xxxl-3x1 {
    --bs-aspect-ratio: calc(1 / 3 * 100%);
  }
  .ratio-xxxl-5x2 {
    --bs-aspect-ratio: calc(2 / 5 * 100%);
  }
  .ratio-xxxl-4x1 {
    --bs-aspect-ratio: calc(1 / 4 * 100%);
  }
}


/* XXXX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 2300px) {
  .ratio-xxxxl-3x4 {
    --bs-aspect-ratio: calc(4 / 3 * 100%);
  }
  .ratio-xxxxl-5x6 {
    --bs-aspect-ratio: calc(6 / 5 * 100%);
  }
  .ratio-xxxxl-4x5 {
    --bs-aspect-ratio: calc(5 / 4 * 100%);
  }
  .ratio-xxxxl-1x1 {
    --bs-aspect-ratio: 100%;
  }
  .ratio-xxxxl-5x4 {
    --bs-aspect-ratio: calc(4 / 5 * 100%);
  }
  .ratio-xxxxl-4x3 {
    --bs-aspect-ratio: calc(3 / 4 * 100%);
  }
  .ratio-xxxxl-3x2 {
    --bs-aspect-ratio: calc(2 / 3 * 100%);
  }
  .ratio-xxxxl-16x9 {
    --bs-aspect-ratio: calc(9 / 16 * 100%);
  }
  .ratio-xxxxl-21x9 {
    --bs-aspect-ratio: calc(9 / 21 * 100%);
  }
  .ratio-xxxxl-3x1 {
    --bs-aspect-ratio: calc(1 / 3 * 100%);
  }
  .ratio-xxxxl-5x2 {
    --bs-aspect-ratio: calc(2 / 5 * 100%);
  }
  .ratio-xxxxl-4x1 {
    --bs-aspect-ratio: calc(1 / 4 * 100%);
  }
}




/* ========= */
/* PADDING */
/* ========= */

.pt-6,
.py-6,
.p-6 {
  padding-top: 4.5rem !important;
}
.pb-6,
.py-6,
.p-6 {
  padding-bottom: 4.5rem !important;
}
.ps-6,
.px-6,
.p-6 {
  padding-left: 4.5rem !important;
}
.pe-6,
.px-6,
.p-6 {
  padding-right: 4.5rem !important;
}

.pt-7,
.py-7,
.p-7 {
  padding-top: 6rem !important;
}
.pb-7,
.py-7,
.p-7 {
  padding-bottom: 6rem !important;
}
.ps-7,
.px-7,
.p-7 {
  padding-left: 6rem !important;
}
.pe-7,
.px-7,
.p-7 {
  padding-right: 6rem !important;
}

.pt-8,
.py-8,
.p-8 {
  padding-top: 7.5rem !important;
}
.pb-8,
.py-8,
.p-8 {
  padding-bottom: 7.5rem !important;
}
.ps-8,
.px-8,
.p-8 {
  padding-left: 7.5rem !important;
}
.pe-8,
.px-8,
.p-8 {
  padding-right: 7.5rem !important;
}

.pt-9,
.py-9,
.p-9 {
  padding-top: 9rem !important;
}
.pb-9,
.py-9,
.p-9 {
  padding-bottom: 9rem !important;
}
.ps-9,
.px-9,
.p-9 {
  padding-left: 9rem !important;
}
.pe-9,
.px-9,
.p-9 {
  padding-right: 9rem !important;
}


/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
  .pt-sm-0,
  .py-sm-0,
  .p-sm-0 {
    padding-top: 0rem !important;
  }
  .pb-sm-0,
  .py-sm-0,
  .p-sm-0 {
    padding-bottom: 0rem !important;
  }
  .ps-sm-0,
  .px-sm-0,
  .p-sm-0 {
    padding-left: 0rem !important;
  }
  .pe-sm-0,
  .px-sm-0,
  .p-sm-0 {
    padding-right: 0rem !important;
  }

  .pt-sm-6,
  .py-sm-6,
  .p-sm-6 {
    padding-top: 4.5rem !important;
  }
  .pb-sm-6,
  .py-sm-6,
  .p-sm-6 {
    padding-bottom: 4.5rem !important;
  }
  .ps-sm-6,
  .px-sm-6,
  .p-sm-6 {
    padding-left: 4.5rem !important;
  }
  .pe-sm-6,
  .px-sm-6,
  .p-sm-6 {
    padding-right: 4.5rem !important;
  }

  .pt-sm-7,
  .py-sm-7,
  .p-sm-7 {
    padding-top: 6rem !important;
  }
  .pb-sm-7,
  .py-sm-7,
  .p-sm-7 {
    padding-bottom: 6rem !important;
  }
  .ps-sm-7,
  .px-sm-7,
  .p-sm-7 {
    padding-left: 6rem !important;
  }
  .pe-sm-7,
  .px-sm-7,
  .p-sm-7 {
    padding-right: 6rem !important;
  }

  .pt-sm-8,
  .py-sm-8,
  .p-sm-8 {
    padding-top: 7.5rem !important;
  }
  .pb-sm-8,
  .py-sm-8,
  .p-sm-8 {
    padding-bottom: 7.5rem !important;
  }
  .ps-sm-8,
  .px-sm-8,
  .p-sm-8 {
    padding-left: 7.5rem !important;
  }
  .pe-sm-8,
  .px-sm-8,
  .p-sm-8 {
    padding-right: 7.5rem !important;
  }

  .pt-sm-9,
  .py-sm-9,
  .p-sm-9 {
    padding-top: 9rem !important;
  }
  .pb-sm-9,
  .py-sm-9,
  .p-sm-9 {
    padding-bottom: 9rem !important;
  }
  .ps-sm-9,
  .px-sm-9,
  .p-sm-9 {
    padding-left: 9rem !important;
  }
  .pe-sm-9,
  .px-sm-9,
  .p-sm-9 {
    padding-right: 9rem !important;
  }
}
/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
  .pt-md-6,
  .py-md-6,
  .p-md-6 {
    padding-top: 4.5rem !important;
  }
  .pb-md-6,
  .py-md-6,
  .p-md-6 {
    padding-bottom: 4.5rem !important;
  }
  .ps-md-6,
  .px-md-6,
  .p-md-6 {
    padding-left: 4.5rem !important;
  }
  .pe-md-6,
  .px-md-6,
  .p-md-6 {
    padding-right: 4.5rem !important;
  }

  .pt-md-7,
  .py-md-7,
  .p-md-7 {
    padding-top: 6rem !important;
  }
  .pb-md-7,
  .py-md-7,
  .p-md-7 {
    padding-bottom: 6rem !important;
  }
  .ps-md-7,
  .px-md-7,
  .p-md-7 {
    padding-left: 6rem !important;
  }
  .pe-md-7,
  .px-md-7,
  .p-md-7 {
    padding-right: 6rem !important;
  }

  .pt-md-8,
  .py-md-8,
  .p-md-8 {
    padding-top: 7.5rem !important;
  }
  .pb-md-8,
  .py-md-8,
  .p-md-8 {
    padding-bottom: 7.5rem !important;
  }
  .ps-md-8,
  .px-md-8,
  .p-md-8 {
    padding-left: 7.5rem !important;
  }
  .pe-md-8,
  .px-md-8,
  .p-md-8 {
    padding-right: 7.5rem !important;
  }

  .pt-md-9,
  .py-md-9,
  .p-md-9 {
    padding-top: 9rem !important;
  }
  .pb-md-9,
  .py-md-9,
  .p-md-9 {
    padding-bottom: 9rem !important;
  }
  .ps-md-9,
  .px-md-9,
  .p-md-9 {
    padding-left: 9rem !important;
  }
  .pe-md-9,
  .px-md-9,
  .p-md-9 {
    padding-right: 9rem !important;
  }
}
/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
  .pt-lg-6,
  .py-lg-6,
  .p-lg-6 {
    padding-top: 4.5rem !important;
  }
  .pb-lg-6,
  .py-lg-6,
  .p-lg-6 {
    padding-bottom: 4.5rem !important;
  }
  .ps-lg-6,
  .px-lg-6,
  .p-lg-6 {
    padding-left: 4.5rem !important;
  }
  .pe-lg-6,
  .px-lg-6,
  .p-lg-6 {
    padding-right: 4.5rem !important;
  }

  .pt-lg-7,
  .py-lg-7,
  .p-lg-7 {
    padding-top: 6rem !important;
  }
  .pb-lg-7,
  .py-lg-7,
  .p-lg-7 {
    padding-bottom: 6rem !important;
  }
  .ps-lg-7,
  .px-lg-7,
  .p-lg-7 {
    padding-left: 6rem !important;
  }
  .pe-lg-7,
  .px-lg-7,
  .p-lg-7 {
    padding-right: 6rem !important;
  }

  .pt-lg-8,
  .py-lg-8,
  .p-lg-8 {
    padding-top: 7.5rem !important;
  }
  .pb-lg-8,
  .py-lg-8,
  .p-lg-8 {
    padding-bottom: 7.5rem !important;
  }
  .ps-lg-8,
  .px-lg-8,
  .p-lg-8 {
    padding-left: 7.5rem !important;
  }
  .pe-lg-8,
  .px-lg-8,
  .p-lg-8 {
    padding-right: 7.5rem !important;
  }

  .pt-lg-9,
  .py-lg-9,
  .p-lg-9 {
    padding-top: 9rem !important;
  }
  .pb-lg-9,
  .py-lg-9,
  .p-lg-9 {
    padding-bottom: 9rem !important;
  }
  .ps-lg-9,
  .px-lg-9,
  .p-lg-9 {
    padding-left: 9rem !important;
  }
  .pe-lg-9,
  .px-lg-9,
  .p-lg-9 {
    padding-right: 9rem !important;
  }
}
/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
  .pt-xl-6,
  .py-xl-6,
  .p-xl-6 {
    padding-top: 4.5rem !important;
  }
  .pb-xl-6,
  .py-xl-6,
  .p-xl-6 {
    padding-bottom: 4.5rem !important;
  }
  .ps-xl-6,
  .px-xl-6,
  .p-xl-6 {
    padding-left: 4.5rem !important;
  }
  .pe-xl-6,
  .px-xl-6,
  .p-xl-6 {
    padding-right: 4.5rem !important;
  }

  .pt-xl-7,
  .py-xl-7,
  .p-xl-7 {
    padding-top: 6rem !important;
  }
  .pb-xl-7,
  .py-xl-7,
  .p-xl-7 {
    padding-bottom: 6rem !important;
  }
  .ps-xl-7,
  .px-xl-7,
  .p-xl-7 {
    padding-left: 6rem !important;
  }
  .pe-xl-7,
  .px-xl-7,
  .p-xl-7 {
    padding-right: 6rem !important;
  }

  .pt-xl-8,
  .py-xl-8,
  .p-xl-8 {
    padding-top: 7.5rem !important;
  }
  .pb-xl-8,
  .py-xl-8,
  .p-xl-8 {
    padding-bottom: 7.5rem !important;
  }
  .ps-xl-8,
  .px-xl-8,
  .p-xl-8 {
    padding-left: 7.5rem !important;
  }
  .pe-xl-8,
  .px-xl-8,
  .p-xl-8 {
    padding-right: 7.5rem !important;
  }

  .pt-xl-9,
  .py-xl-9,
  .p-xl-9 {
    padding-top: 9rem !important;
  }
  .pb-xl-9,
  .py-xl-9,
  .p-xl-9 {
    padding-bottom: 9rem !important;
  }
  .ps-xl-9,
  .px-xl-9,
  .p-xl-9 {
    padding-left: 9rem !important;
  }
  .pe-xl-9,
  .px-xl-9,
  .p-xl-9 {
    padding-right: 9rem !important;
  }
}
/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {
  .pt-xxl-6,
  .py-xxl-6,
  .p-xxl-6 {
    padding-top: 4.5rem !important;
  }
  .pb-xxl-6,
  .py-xxl-6,
  .p-xxl-6 {
    padding-bottom: 4.5rem !important;
  }
  .ps-xxl-6,
  .px-xxl-6,
  .p-xxl-6 {
    padding-left: 4.5rem !important;
  }
  .pe-xxl-6,
  .px-xxl-6,
  .p-xxl-6 {
    padding-right: 4.5rem !important;
  }

  .pt-xxl-7,
  .py-xxl-7,
  .p-xxl-7 {
    padding-top: 6rem !important;
  }
  .pb-xxl-7,
  .py-xxl-7,
  .p-xxl-7 {
    padding-bottom: 6rem !important;
  }
  .ps-xxl-7,
  .px-xxl-7,
  .p-xxl-7 {
    padding-left: 6rem !important;
  }
  .pe-xxl-7,
  .px-xxl-7,
  .p-xxl-7 {
    padding-right: 6rem !important;
  }

  .pt-xxl-8,
  .py-xxl-8,
  .p-xxl-8 {
    padding-top: 7.5rem !important;
  }
  .pb-xxl-8,
  .py-xxl-8,
  .p-xxl-8 {
    padding-bottom: 7.5rem !important;
  }
  .ps-xxl-8,
  .px-xxl-8,
  .p-xxl-8 {
    padding-left: 7.5rem !important;
  }
  .pe-xxl-8,
  .px-xxl-8,
  .p-xxl-8 {
    padding-right: 7.5rem !important;
  }

  .pt-xxl-9,
  .py-xxl-9,
  .p-xxl-9 {
    padding-top: 9rem !important;
  }
  .pb-xxl-9,
  .py-xxl-9,
  .p-xxl-9 {
    padding-bottom: 9rem !important;
  }
  .ps-xxl-9,
  .px-xxl-9,
  .p-xxl-9 {
    padding-left: 9rem !important;
  }
  .pe-xxl-9,
  .px-xxl-9,
  .p-xxl-9 {
    padding-right: 9rem !important;
  }
}



/* ========= */
/* COLUMN-COUNT */
/* ========= */

.column-count {
  column-gap: 2rem;
}
.column-count > div {
  margin-bottom: 2rem;
}
.column-count-1 {
  column-count: 1;
}
.column-count-2 {
  column-count: 2;
}
.column-count-3 {
  column-count: 3;
}
.column-count-4 {
  column-count: 4;
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
  .column-count-sm {
    column-gap: 2rem;
  }
  .column-count-sm > div {
    margin-bottom: 2rem;
  }
  .column-count-sm-1 {
    column-count: 1;
  }
  .column-count-sm-2 {
    column-count: 2;
  }
  .column-count-sm-3 {
    column-count: 3;
  }
  .column-count-sm-4 {
    column-count: 4;
  }
}
/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
  .column-count-md {
    column-gap: 2rem;
  }
  .column-count-md > div {
    margin-bottom: 2rem;
  }
  .column-count-md-1 {
    column-count: 1;
  }
  .column-count-md-2 {
    column-count: 2;
  }
  .column-count-md-3 {
    column-count: 3;
  }
  .column-count-md-4 {
    column-count: 4;
  }
}
/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
  .column-count-lg {
    column-gap: 2rem;
  }
  .column-count-lg > div {
    margin-bottom: 2rem;
  }
  .column-count-lg-1 {
    column-count: 1;
  }
  .column-count-lg-2 {
    column-count: 2;
  }
  .column-count-lg-3 {
    column-count: 3;
  }
  .column-count-lg-4 {
    column-count: 4;
  }
}
/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
  .column-count-xl {
    column-gap: 2rem;
  }
  .column-count-xl > div {
    margin-bottom: 2rem;
  }
  .column-count-xl-1 {
    column-count: 1;
  }
  .column-count-xl-2 {
    column-count: 2;
  }
  .column-count-xl-3 {
    column-count: 3;
  }
  .column-count-xl-4 {
    column-count: 4;
  }
}
/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {
  .column-count-xxl {
    column-gap: 2rem;
  }
  .column-count-xxl > div {
    margin-bottom: 2rem;
  }
  .column-count-xxl-1 {
    column-count: 1;
  }
  .column-count-xxl-2 {
    column-count: 2;
  }
  .column-count-xxl-3 {
    column-count: 3;
  }
  .column-count-xxl-4 {
    column-count: 4;
  }
}



/* ========= */
/* VERTICAL HEIGHT */
/* ========= */

.min-vh-25 {
  min-height: 25vh;
}
.min-vh-50 {
  min-height: 50vh;
}
.min-vh-75 {
  min-height: 75vh;
}
.min-vh-100 {
  min-height: 100vh;
}
.min-vh-auto {
  min-height: auto;
}




/* ========= */
/* LAYOUT */
/* ========= */

/* --- CONTAINER --- */

.container-fluid {
  padding: 0;
  overflow-x: hidden;
}
.container {
  max-width: 1200px;
}
.container,
.container-fluid .content-halb {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 3rem;
  padding-bottom: 3rem;
}
.container-fluid .content-halb {
  padding: 1.5rem;
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
}
/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
}
/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
}
/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
  .container {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }
  .cta .container {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }
}
/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {
}


/* --- HEADER --- */

/*
.header {
  text-shadow: 0px 0px 40px rgba(0,0,0,0.75);
}
*/

/* --- CONTENT-HALB --- */

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
}
/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
}
/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
}
/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
  .content-halb {
    max-width: 600px; /* calc(683px + 6rem) */
    /* background-color: aquamarine; */
    /* margin-left: auto; */
  }
}
/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {
}


/* --- CARD --- */

/*
.row {
  --bs-gutter-x: 0.75rem;
  --bs-gutter-y: 0.75rem;
}
*/

/*
.card .card-body {
  padding: 1.25rem;
}
*/

a.card {
  text-decoration: none;
  color: inherit;
}
.card {
  /* box-shadow: 0 .125rem .25rem rgba(0,0,0,.075) !important; */
  border: none;
  /* border-radius: 12px; */
  overflow: hidden;
}
.col .card {
  height: 100%;
}
/*
.masonry .card {
  margin-top: var(--bs-gutter-y);
}
*/


/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
}
/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
  /*
  .row {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 1.5rem;
  }
  */
}
/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
}
/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
  /*
  .row {
    --bs-gutter-x: 2rem;
    --bs-gutter-y: 2rem;
  }
  */
  /*
  .card {
    box-shadow: 0 10px 30px rgba(0,0,0,0.1) !important;
  }
  */
  /*
  .card .card-body {
    padding: 2rem;
  }
  .cta .card .card-body {
    padding: 3rem;
  }
  */
  .cta .titel-lead {
    padding-bottom: 1rem !important;
  }
}
/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {
}



/* --- ACCORDION --- */


.accordion-item:not(.collapsed) {
  /* box-shadow: 0 .125rem .25rem rgba(0,0,0,.075) !important; */
  z-index: 100;
  position: relative;
  border-radius: .3rem; /* 12px */
  overflow: hidden;
  margin-bottom: .3rem; /* 12px */
  border: none;
}


.accordion-button:not(.collapsed) {
  color: inherit;
  background-color: inherit;
  box-shadow: inherit;
}

.accordion-button:focus {
  border-color: inherit;
  box-shadow: none;
}


/*
.accordion-button,
.accordion-body {
  padding: 1.25rem;
}
.accordion-button.heading {
  margin-bottom: 0rem;
}
.accordion-button .icon {
  min-width: 28px;
  width: 28px;
  max-width: 28px;
}

.accordion-body {
  padding-top: 0rem;
}
*/


/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
}
/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
  /*
  .accordion-button,
  .accordion-body {
    padding: 1.5rem;
  }
  */
}
/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
}
/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
  /*
  .accordion-item:not(.collapsed) {
    box-shadow: 0 10px 30px rgba(0,0,0,0.1) !important;
  }
  .accordion-button,
  .accordion-body {
    padding: 2rem;
  }
  */
}
/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {
}




/* --- ASIDE --- */

.sidebar {
  z-index: 1000;
  position: fixed;
  left: 0px;
  top: inherit;
  right: 0px;
  bottom: 0px;
  display: flex;
  justify-content: center;
}
.sidebar-some ul {
  padding: 0rem;
  background-color: var(--bs-primary);
  display: flex;
  flex-direction: row;
  padding: 0rem 1rem;
  border-radius: 2rem;
  margin: 1rem;
}
.sidebar-some li {
  text-decoration: none;
  list-style-type: none;
  text-align: center;
  padding: 1rem 0.5rem;
}
.sidebar-some li a {
  color: #fff;
  font-size: 1.6em;
  line-height: 2.2em;
}
.sidebar-some .icon {
  height: 24px;
  display: flex;
  justify-content: center;
}
.sidebar-some svg path {
  fill: #fff;
}


/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
}
/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
}
/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
}
/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
}
/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {
  .sidebar {
    left: inherit;
    top: 0px;
    right: 0px;
    bottom: 0px;
    justify-content: center;
    align-items: center;
  }
  .sidebar-some ul {
    flex-direction: column;
    padding: 1rem 0rem 1rem 0.5rem;
    margin: 0rem;
    border-radius: 2rem 0rem 0rem 2rem;
  }
  .sidebar-some li {
    padding: 1.25rem 0.5rem;
  }
}






/* --- FOOTER --- */

.footer-some ul {
  padding: 0;
  display: flex;
  flex-direction: row;
}
.footer-some li {
  text-decoration: none;
  list-style-type: none;
  text-align: center;
  margin-top: 1.75em;
  margin-bottom: 1.75em;
}
.footer-some li a {
  color: #fff;
  font-size: 1.6em;
  line-height: 2.2em;
  margin-left: .1em;
}
.footer-some .icon {
  width: 24px;
  height: 24px;
  display: flex;
  justify-content: center;
}
.footer-some svg path {
}


/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
}
/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
  .footer-some ul {
    flex-direction: column;
  }
}
/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
}
/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
}
/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {
}





/* ========= */
/* MEDIA */
/* ========= */



/* ========= */
/* ICONS */
/* ========= */

/* --- ICON --- */


.icon {
  min-width: 36px;
  width: 36px;
  max-width: 36px;
}

/*
svg path {
  fill: var(--bs-primary);
}
*/
/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
}
/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
}
/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
}
/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
  /*
  .icon {
    min-width: 48px;
    width: 48px;
    max-width: 48px;
  }
  */
}
/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {
}



/* ========= */
/* INHALTSELEMENTE */
/* ========= */


/* --- HINTERGRUNDBILD --- */

.hintergrundbild {
  background-position: center;
  background-size: cover;
  /* color: #fff; */
  padding: 0px;
  overflow: hidden;
}
.textblock * {
  z-index: 100;
}
.textblock::before {
  content: ' ';
  background-color: rgba(0,0,0,0.4);
  /* background: linear-gradient(0deg, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.25) 100%); */
  /*
  width: 100%;
  height: 100%;
  */
  /* display: block; */
  position: absolute;
  /* opacity: 0.2; */
  top: 0px;
  left: -100%;
  right: -100%;
  bottom: 0px;
}


.card:hover .textblock::before {
  background-color: rgba(0,0,0,0.6);
}




/* --- CAROUSEL --- */

.carousel .container {
  padding-left: 4rem;
  padding-right: 4rem;
}
.carousel .carousel-item.offline {
  opacity: 0.5;
}
.carousel .carousel-item.offline:hover {
  opacity: 1.0;
}



/* --- PARTNERLINKS --- */

.partnerlinks {
  --bs-gutter-x: 3rem;
}


/* --- FACTS --- */

.facts .heading,
.facts .heading p {
  margin-bottom: 0.25rem;
}


@media (min-width: 500px) {
  .partnerlinks {
    --bs-gutter-x: 4rem;
  }
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
}
/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
  .partnerlinks .liste {
    column-count: 2;
  }
}
/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
}
/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
  .partnerlinks {
    --bs-gutter-x: 6rem;
  }
}
/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {
}


/* --- ZITAT --- */

.zitat.align-items-center,
.zitat .text {
  max-width: 700px;
}
.zitat .logo {
  max-width: 140px;
}
.zitat .icon {
  color: var(--bs-primary);
  font-size: 40px;
  position: absolute;
  margin-top: -30px;
}
.bg-primary .zitat .icon {
  color: #1b4881;
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
}
/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
  .zitat .icon {
    font-size: 60px;
  }
}
/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
}
/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
  .zitat .icon {
    font-size: 100px;
  }
}
/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {
}



/* --- ACTIONBUTTON --- */

.actionbuttons {
  display: flex;
  grid-gap: 6px;
}
.actionbuttons .btn {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  padding: 2px 0px 0px 0px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
.actionbuttons .btn:hover svg path {
  fill: #fff;
}



/* --- ICON-GRID --- */

.icon-grid.full-width .col:nth-of-type(odd) {
  background-color: var(--bs-gray-600) !important;
}
.icon-grid.full-width .col:nth-of-type(even) {
  background-color: var(--bs-gray-700) !important;
}
.icon-grid.full-width .col svg path {
  fill: #fff;
}



/* ========= */
/* JUICER */
/* ========= */


.juicer-feed.white li.feed-item.juicer,
.juicer-feed.user li.feed-item.juicer,
.juicer-feed.juicer-widget li.feed-item.juicer,
.juicer-feed.colors li.feed-item.juicer,
.juicer-feed.gray li.feed-item.juicer,
.juicer-feed.modern li.feed-item.juicer,
.juicer-feed.polaroid li.feed-item.juicer {
  display: none !important;
}




/* ========= */
/* MODUL-STYLES */
/* ========= */

/* --- HEADER ÜBERLAGERND --- */

.core_frontend_einstieg_header-ueberlagernd_01 .ratio,
.core_frontend_einstieg_header-ueberlagernd_02 .ratio,
.core_frontend_einstieg_header-ueberlagernd_03 .ratio {
  height: calc(100vh - var(--nav-height));
}

/*
.core_frontend_einstieg_header-ueberlagernd_01,
.core_frontend_einstieg_header-ueberlagernd_02,
.core_frontend_einstieg_header-ueberlagernd_03 {
  top: -35px;
  position: relative;
}
*/



.core_frontend_inhalt_accordion_01 {
  background-color: transparent;
}





.core_frontend_inhalt_portrait_01 .bg-light {
  position: relative;
  padding-top: 140px !important;
  margin-top: 60px;
}
.core_frontend_inhalt_portrait_01 .ratio {
  position: absolute;
  width: 160px;
  left: 1.5rem;
  top: -60px;
}


.core_frontend_einstieg_header-gestapelt_01 .container-fluid {
  height: 65vh; /* calc(100vh - var(--nav-height)) */
  background-position: center !important;
  background-size: cover !important;
}
.core_frontend_einstieg_header-gestapelt_01 .bildbox,
.core_frontend_einstieg_header-gestapelt_01 .bildbox img {
  max-width: 100%;
  max-height: 100%;
}





.core_frontend_politik_komitee_01 ul {
  column-count: 1;
  column-gap: 1rem;
  break-inside: avoid;
}



.core_frontend_politik_events_01 .politik_events_map {
  height: 750px;
}
.core_frontend_politik_events_01 .col:nth-of-type(2) {
  margin: 0px;
}
.core_frontend_politik_events_01 .container {
  padding-top: 0px;
  padding-left: 0px;
  padding-right: 0px;
  position: relative;
  z-index: 1;
}
.core_frontend_politik_events_01 .marker-link {
  border-bottom: 1px solid rgb(222, 226, 230);
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}

.core_frontend_politik_events_01 .marker-link {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  margin-top: 0rem;
  text-decoration: none;
}
.core_frontend_politik_events_01 .marker-link:hover {
  background-color: rgb(248, 249, 250);
}
.core_frontend_politik_events_01 .marker-link > div {
  margin-top: 0rem;
}

@media (max-width: 767px) {
  .core_frontend_politik_events_01 .card {
    box-shadow: none !important;
  }
}





/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
}
/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
  .core_frontend_inhalt_portrait_01 .ratio {
    left: 4.5rem;
  }
  .core_frontend_inhalt_portrait_01 .ratio {
    width: 200px;
    top: -100px;
  }
  .core_frontend_politik_events_01 .container {
    margin-top: -9rem;
    padding-left: 5rem;
    padding-right: 5rem;
  }
}
/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
  .core_frontend_einstieg_header-gestapelt_01 .bildbox {
    height: 100%;
  }
  .core_frontend_politik_komitee_01 ul {
    column-count: 2;
    list-style-type: none;
    padding-left: 0rem;
  }
  .core_frontend_politik_komitee_01 ul li {
    padding-right: 20%;
  }
}
/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
}
/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {
  .core_frontend_inhalt_portrait_01 .container {
    padding-left: 3rem;
    padding-right: 3rem;
  }
  .core_frontend_inhalt_portrait_01 .bg-light {
    padding-top: inherit !important;
    padding-left: 340px !important;
  }
  .core_frontend_inhalt_portrait_01 .ratio {
    position: absolute;
    width: 360px;
    left: -60px;
  }
  .core_frontend_einstieg_header-gestapelt_01 .bildbox .object-fit-contain {
    max-width: 90% !important;
  }
  .core_frontend_politik_events_01 .container {
    padding-left: 0rem;
    padding-right: 0rem;
  }
  .core_frontend_politik_events_01 .politik_events_markers {
    column-count: 2;
    column-gap: 3rem;
  }
}








.core_frontend_politik_parteilogos_01 .logos-gruppe img {
  height: 3.5rem;
  margin-left: 1.5rem;
  margin-right: 1.5rem;
  margin-bottom: 1.5rem;
}
@media (min-width: 768px) {
  .core_frontend_politik_parteilogos_01 .logos-gruppe img {
    height: 4.5rem;
    margin-left: 2rem;
    margin-right: 2rem;
    margin-bottom: 2rem;
  }
}
@media (min-width: 992px) {
  .core_frontend_politik_parteilogos_01 .logos-gruppe img {
    height: 5.5rem;
    margin-left: 2.5rem;
    margin-right: 2.5rem;
    margin-bottom: 2.5rem;
  }
}






.card-img-overlay * {
  margin-bottom: 0;
}








/* ========= */
/* BLOCKQUOTE */
/* ========= */

blockquote.gesetze,
blockquote.vereinbarungen,
blockquote.aufmerksamkeit {
  padding: 0.25rem 0.75rem;
  background-color: var(--bs-light);
  border-left: 3px solid var(--bs-primary);
  /* font-size: var(--bs-body-font-size); */
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
/*
blockquote.gesetze::before,
blockquote.vereinbarungen::before,
blockquote.aufmerksamkeit::before {
  content: " ";
  display: inline-block;
  width: 1rem;
  height: 1rem;
  background-repeat: no-repeat;
  background-position: left center;
  margin-right: 0.5rem;
  transform: translateY(0.2rem);
}
*/
/*
blockquote.gesetze::before {
  background-image: url('/media/375-section.svg');
}
blockquote.vereinbarungen::before {
  background-image: url('/media/039-file-text2.svg');
}
blockquote.aufmerksamkeit::before {
  background-image: url('/media/265-notification.svg');
}
*/








/* ========= */
/* PROTOTYP */
/* ========= */

/* --- MODULVORSCHAU --- */


.modulvorschau {
  width: 376px;
  margin-left: auto;
  margin-right: auto;
  opacity: 0.25;
}
.modulvorschau:hover {
  opacity: 1;
}
@media (min-width: 1366px) {
  .modulvorschau {
    width: 1366px;
  }
}


.modulname {
  padding: 8px;
  color: #fff;
  position: absolute;
  z-index: 2;
  /* opacity: 0.05; */
}
.modulname p i {
  display: none;
}
/*
.modulname span {
  display: none;
}
.modulname:hover span {
  display: inline;
}
*/
.modulname.status-0 {
  background-color: #f25960;
}

.modulname.status-1 {
  background-color: #95cc33;
}


.modulname {
  display: none;
}



/* --- NAVIGATION --- */

/* Damit Navbar vor dump liegt */
.navbar {
  z-index: 1001;
}
.navbar .container {
  padding-top: 0rem;
  padding-bottom: 0rem;
}
.navbar-secondary svg {
  width: 22px;
  height: 22px;
}
@media (min-width: 992px) {
  .navbar-expand-lg .navbar-nav {
    margin-top: 0rem;
  }
}




/* --- FOOTER --- */

footer .col {
  margin-bottom: 1.5rem;
}
.footer-nav {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}
footer h5 {
  margin-bottom: 1rem;
}
footer {
  line-height: 1.75rem;
}




/* --- RECHTLICHES --- */

.rechtstext h2 {
  margin-bottom: 48px;
}
.rechtstext h3,
.rechtstext h4 {
  margin-top: 48px;
  margin-bottom: 24px;
}
.rechtstext h3:first-of-type,
.rechtstext h4:first-of-type {
  margin-top: 48px;
  margin-bottom: 24px;
}
.rechtstext ol,
.rechtstext ul {
  margin-bottom: 24px;
}





/* --- MAPS --- */

.map {
  height: 800px;
  overflow: hidden;
}
.map iframe {
  width: 100% !important;
  height: 100% !important;
  overflow: hidden;
}

.map .gm-style .gm-style-iw-c {
  position: absolute;
  box-sizing: border-box;
  overflow: hidden;
  top: 0;
  left: 0;
  transform: translate(-50%,-100%);
  background-color: white;
  border-radius: 0px;
  padding: 3rem 1.5rem 1.5rem 1.5rem;
  box-shadow: rgba(0, 0, 0, 0.15) 0px 8px 16px 0px;
  min-width: 12rem !important;
}
.map .gm-style-iw > button {
  top: 10px !important;
  right: 10px !important;
}
.map .gm-style-iw > button > span:nth-child(1) {
  width: 24px !important;
  height: 24px !important;
  margin: 2px !important;
}
.map .gm-style-iw-d {
  font-size: var(--bs-body-font-size);
  line-height: var(--bs-body-line-height);
}


/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
  .core_frontend_politik_events_01 .marker-link > div:nth-child(1) {
    min-width: 8rem;
  }
  .core_frontend_politik_events_01 .marker-link > div:nth-child(2) {
    min-width: 9rem;
  }
}
/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
}
/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
}
/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
}
/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {
}





/* --- RAISENOW TAMARO WIDGET --- */

#tamaro-widget-overlay.tamaro-widget.tamaro-widget,
#tamaro-widget.tamaro-widget.tamaro-widget {
  font-family: var(--bs-font-sans-serif) !important;
  line-height: var(--bs-body-line-height) !important;
  font-size: var(--bs-body-font-size) !important;
}





/* --- POLITIK UNTERSTÜTZUNGS-FORMULAR --- */

.core_frontend_politik_unterstuetzung_01 .accordion-item:last-of-type .accordion-collapse {
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
  border: 1px solid #dedede;
  border-top: none;
}
.core_frontend_politik_unterstuetzung_01 .border {
  border: 1px solid #dedede !important
}
.core_frontend_politik_unterstuetzung_01 .accordion-item:not(.collapsed) {
  box-shadow: none;
  border-radius: 0px;
}
.core_frontend_politik_unterstuetzung_01 .form-check {
  margin-bottom: 0px;
}
.core_frontend_politik_unterstuetzung_01 .form-check-input[type="checkbox"] {
  border-radius: 0px;
  border: 2px solid #e6e6e6;
}
.core_frontend_politik_unterstuetzung_01 .form-check-input:checked {
  background-color: var(--bs-primary);
  border-color: var(--bs-primary);
}
.core_frontend_politik_unterstuetzung_01 .form-control {
  border: none;
  border-radius: 0px;
  border-bottom: 1px solid #dedede;
}
.core_frontend_politik_unterstuetzung_01 .form-control:focus {
  border-color: var(--bs-primary);
  box-shadow: none;
  border-width: 3px;
}
.core_frontend_politik_unterstuetzung_01 .form-select {
  border: none;
  border-radius: 0px;
  border-bottom: 1px solid #dedede;
  -moz-padding-start: 0.25rem;
}
.core_frontend_politik_unterstuetzung_01 .form-select:focus {
  border-color: var(--bs-primary);
  box-shadow: none;
  border-width: 3px;
}
.core_frontend_politik_unterstuetzung_01 .form-floating > label {
  padding: 0.2rem;
  opacity: 0.65;
}
.core_frontend_politik_unterstuetzung_01 .form-floating > .form-control {
  padding: 1rem 0.25rem;
}
.core_frontend_politik_unterstuetzung_01 .form-floating > .form-control:focus,
.core_frontend_politik_unterstuetzung_01 .form-floating > .form-control:not(:placeholder-shown) {
  padding-top: 2.5rem;
}
.core_frontend_politik_unterstuetzung_01 .form-floating > .form-select {
  padding-top: 2rem;
}
.core_frontend_politik_unterstuetzung_01 .input-group-text {
  border: none;
}
.core_frontend_politik_unterstuetzung_01 #flyeranzahl,
.core_frontend_politik_unterstuetzung_01 #plakatanzahl {
  max-width: 6rem;
}
.core_frontend_politik_unterstuetzung_01 .facebook-rahmen {
  max-width: 300px;
  display: block;
}
@media (min-width: 1200px) {
  .core_frontend_politik_unterstuetzung_01 .accordion-item:not(.collapsed) {
    box-shadow: none !important;
  }
}







/* --- ANCHOR --- */

.anchor {
  display: none;
}



/* --- OFFLINE-ARTIKEL --- */

.row .col.offline {
  /* display: none; */
  opacity: 0.25;
}
.row .col.offline:hover {
  /* display: none; */
  opacity: 1;
}



/* ========= */
/* VIEWPORT HEIGHT */
/* ========= */

.vh-25 {
  height: 25vh;
}
.vh-50 {
  height: 50vh;
}
.vh-75 {
  height: 75vh;
}
.vh-100 {
  height: 100vh;
}
main .vh-100 {
  height: calc(100vh - var(--nav-height) !important);
}



/* --- VIEWPORT HEIGHT --- */

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
  .vh-sm-25 {
    height: 25vh;
  }
  .vh-sm-50 {
    height: 50vh;
  }
  .vh-sm-75 {
    height: 75vh;
  }
  .vh-sm-100 {
    height: 100vh;
  }
  main .vh-sm-100 {
    height: calc(100vh - var(--nav-height) !important);
  }
}
/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
  .vh-md-25 {
    height: 25vh;
  }
  .vh-md-50 {
    height: 50vh;
  }
  .vh-md-75 {
    height: 75vh;
  }
  .vh-md-100 {
    height: 100vh;
  }
  main .vh-md-100 {
    height: calc(100vh - var(--nav-height) !important);
  }
}
/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
  .vh-lg-25 {
    height: 25vh;
  }
  .vh-lg-50 {
    height: 50vh;
  }
  .vh-lg-75 {
    height: 75vh;
  }
  .vh-lg-100 {
    height: 100vh;
  }
  main .vh-lg-100 {
    height: calc(100vh - var(--nav-height) !important);
  }
}
/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
  .vh-xl-25 {
    height: 25vh;
  }
  .vh-xl-50 {
    height: 50vh;
  }
  .vh-xl-75 {
    height: 75vh;
  }
  .vh-xl-100 {
    height: 100vh;
  }
  main .vh-xl-100 {
    height: calc(100vh - var(--nav-height) !important);
  }
}
/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {
  .vh-xxl-25 {
    height: 25vh;
  }
  .vh-xxl-50 {
    height: 50vh;
  }
  .vh-xxl-75 {
    height: 75vh;
  }
  .vh-xxl-100 {
    height: 100vh;
  }
  main .vh-xxl-100 {
    height: calc(100vh - var(--nav-height) !important);
  }
}








/* ========= */
/* CONTAINER */
/* ========= */


.container-wide,
.container-extended {
  margin-left: auto;
  margin-right: auto;
}


.container-wide {
  max-width: 1140px;
}
.container-extended {
  max-width: 3840px;
}



/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
}
/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
}
/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
}
/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
}
/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {
  .container-wide {
    max-width: 1800px;
  }
}







/* ========= */
/* MEHRSPALTIG */
/* ========= */

.text-col-1 {
  column-count: 1;
}
.text-col-2 {
  column-count: 2;
}
.text-col-3 {
  column-count: 3;
}
/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
  .text-col-sm-1 {
    column-count: 1;
  }
  .text-col-sm-2 {
    column-count: 2;
  }
  .text-col-sm-3 {
    column-count: 3;
  }
}
/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
  .text-col-md-1 {
    column-count: 1;
  }
  .text-col-md-2 {
    column-count: 2;
  }
  .text-col-md-3 {
    column-count: 3;
  }
}
/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
  .text-col-lg-1 {
    column-count: 1;
  }
  .text-col-lg-2 {
    column-count: 2;
  }
  .text-col-lg-3 {
    column-count: 3;
  }
}
/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
  .text-col-xl-1 {
    column-count: 1;
  }
  .text-col-xl-2 {
    column-count: 2;
  }
  .text-col-xl-3 {
    column-count: 3;
  }
}
/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {
  .text-col-xxl-1 {
    column-count: 1;
  }
  .text-col-xxl-2 {
    column-count: 2;
  }
  .text-col-xxl-3 {
    column-count: 3;
  }
}



ul {
  break-before: right;
}






/* ========= */
/* MARGIN */
/* ========= */

.mt-6,
.my-6,
.m-6 {
  margin-top: 4.5rem !important;
}
.mb-6,
.my-6,
.m-6 {
  margin-bottom: 4.5rem !important;
}
.ms-6,
.mx-6,
.m-6 {
  margin-left: 4.5rem !important;
}
.me-6,
.mx-6,
.m-6 {
  margin-right: 4.5rem !important;
}

.mt-7,
.my-7,
.m-7 {
  margin-top: 6rem !important;
}
.mb-7,
.my-7,
.m-7 {
  margin-bottom: 6rem !important;
}
.ms-7,
.mx-7,
.m-7 {
  margin-left: 6rem !important;
}
.me-7,
.mx-7,
.m-7 {
  margin-right: 6rem !important;
}

.mt-8,
.my-8,
.m-8 {
  margin-top: 7.5rem !important;
}
.mb-8,
.my-8,
.m-8 {
  margin-bottom: 7.5rem !important;
}
.ms-8,
.mx-8,
.m-8 {
  margin-left: 7.5rem !important;
}
.me-8,
.mx-8,
.m-8 {
  margin-right: 7.5rem !important;
}

.mt-9,
.my-9,
.m-9 {
  margin-top: 9rem !important;
}
.mb-9,
.my-9,
.m-9 {
  margin-bottom: 9rem !important;
}
.ms-9,
.mx-9,
.m-9 {
  margin-left: 9rem !important;
}
.me-9,
.mx-9,
.m-9 {
  margin-right: 9rem !important;
}


/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
  .mt-sm-0,
  .my-sm-0,
  .m-sm-0 {
    margin-top: 0rem !important;
  }
  .mb-sm-0,
  .my-sm-0,
  .m-sm-0 {
    margin-bottom: 0rem !important;
  }
  .ms-sm-0,
  .mx-sm-0,
  .m-sm-0 {
    margin-left: 0rem !important;
  }
  .me-sm-0,
  .mx-sm-0,
  .m-sm-0 {
    margin-right: 0rem !important;
  }

  .mt-sm-6,
  .my-sm-6,
  .m-sm-6 {
    margin-top: 4.5rem !important;
  }
  .mb-sm-6,
  .my-sm-6,
  .m-sm-6 {
    margin-bottom: 4.5rem !important;
  }
  .ms-sm-6,
  .mx-sm-6,
  .m-sm-6 {
    margin-left: 4.5rem !important;
  }
  .me-sm-6,
  .mx-sm-6,
  .m-sm-6 {
    margin-right: 4.5rem !important;
  }

  .mt-sm-7,
  .my-sm-7,
  .m-sm-7 {
    margin-top: 6rem !important;
  }
  .mb-sm-7,
  .my-sm-7,
  .m-sm-7 {
    margin-bottom: 6rem !important;
  }
  .ms-sm-7,
  .mx-sm-7,
  .m-sm-7 {
    margin-left: 6rem !important;
  }
  .me-sm-7,
  .mx-sm-7,
  .m-sm-7 {
    margin-right: 6rem !important;
  }

  .mt-sm-8,
  .my-sm-8,
  .m-sm-8 {
    margin-top: 7.5rem !important;
  }
  .mb-sm-8,
  .my-sm-8,
  .m-sm-8 {
    margin-bottom: 7.5rem !important;
  }
  .ms-sm-8,
  .mx-sm-8,
  .m-sm-8 {
    margin-left: 7.5rem !important;
  }
  .me-sm-8,
  .mx-sm-8,
  .m-sm-8 {
    margin-right: 7.5rem !important;
  }

  .mt-sm-9,
  .my-sm-9,
  .m-sm-9 {
    margin-top: 9rem !important;
  }
  .mb-sm-9,
  .my-sm-9,
  .m-sm-9 {
    margin-bottom: 9rem !important;
  }
  .ms-sm-9,
  .mx-sm-9,
  .m-sm-9 {
    margin-left: 9rem !important;
  }
  .me-sm-9,
  .mx-sm-9,
  .m-sm-9 {
    margin-right: 9rem !important;
  }
}
/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
  .mt-md-0,
  .my-md-0,
  .m-md-0 {
    margin-top: 0rem !important;
  }
  .mb-md-0,
  .my-md-0,
  .m-md-0 {
    margin-bottom: 0rem !important;
  }
  .ms-md-0,
  .mx-md-0,
  .m-md-0 {
    margin-left: 0rem !important;
  }
  .me-md-0,
  .mx-md-0,
  .m-md-0 {
    margin-right: 0rem !important;
  }

  .mt-md-6,
  .my-md-6,
  .m-md-6 {
    margin-top: 4.5rem !important;
  }
  .mb-md-6,
  .my-md-6,
  .m-md-6 {
    margin-bottom: 4.5rem !important;
  }
  .ms-md-6,
  .mx-md-6,
  .m-md-6 {
    margin-left: 4.5rem !important;
  }
  .me-md-6,
  .mx-md-6,
  .m-md-6 {
    margin-right: 4.5rem !important;
  }

  .mt-md-7,
  .my-md-7,
  .m-md-7 {
    margin-top: 6rem !important;
  }
  .mb-md-7,
  .my-md-7,
  .m-md-7 {
    margin-bottom: 6rem !important;
  }
  .ms-md-7,
  .mx-md-7,
  .m-md-7 {
    margin-left: 6rem !important;
  }
  .me-md-7,
  .mx-md-7,
  .m-md-7 {
    margin-right: 6rem !important;
  }

  .mt-md-8,
  .my-md-8,
  .m-md-8 {
    margin-top: 7.5rem !important;
  }
  .mb-md-8,
  .my-md-8,
  .m-md-8 {
    margin-bottom: 7.5rem !important;
  }
  .ms-md-8,
  .mx-md-8,
  .m-md-8 {
    margin-left: 7.5rem !important;
  }
  .me-md-8,
  .mx-md-8,
  .m-md-8 {
    margin-right: 7.5rem !important;
  }

  .mt-md-9,
  .my-md-9,
  .m-md-9 {
    margin-top: 9rem !important;
  }
  .mb-md-9,
  .my-md-9,
  .m-md-9 {
    margin-bottom: 9rem !important;
  }
  .ms-md-9,
  .mx-md-9,
  .m-md-9 {
    margin-left: 9rem !important;
  }
  .me-md-9,
  .mx-md-9,
  .m-md-9 {
    margin-right: 9rem !important;
  }
}
/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
  .mt-lg-0,
  .my-lg-0,
  .m-lg-0 {
    margin-top: 0rem !important;
  }
  .mb-lg-0,
  .my-lg-0,
  .m-lg-0 {
    margin-bottom: 0rem !important;
  }
  .ms-lg-0,
  .mx-lg-0,
  .m-lg-0 {
    margin-left: 0rem !important;
  }
  .me-lg-0,
  .mx-lg-0,
  .m-lg-0 {
    margin-right: 0rem !important;
  }

  .mt-lg-6,
  .my-lg-6,
  .m-lg-6 {
    margin-top: 4.5rem !important;
  }
  .mb-lg-6,
  .my-lg-6,
  .m-lg-6 {
    margin-bottom: 4.5rem !important;
  }
  .ms-lg-6,
  .mx-lg-6,
  .m-lg-6 {
    margin-left: 4.5rem !important;
  }
  .me-lg-6,
  .mx-lg-6,
  .m-lg-6 {
    margin-right: 4.5rem !important;
  }

  .mt-lg-7,
  .my-lg-7,
  .m-lg-7 {
    margin-top: 6rem !important;
  }
  .mb-lg-7,
  .my-lg-7,
  .m-lg-7 {
    margin-bottom: 6rem !important;
  }
  .ms-lg-7,
  .mx-lg-7,
  .m-lg-7 {
    margin-left: 6rem !important;
  }
  .me-lg-7,
  .mx-lg-7,
  .m-lg-7 {
    margin-right: 6rem !important;
  }

  .mt-lg-8,
  .my-lg-8,
  .m-lg-8 {
    margin-top: 7.5rem !important;
  }
  .mb-lg-8,
  .my-lg-8,
  .m-lg-8 {
    margin-bottom: 7.5rem !important;
  }
  .ms-lg-8,
  .mx-lg-8,
  .m-lg-8 {
    margin-left: 7.5rem !important;
  }
  .me-lg-8,
  .mx-lg-8,
  .m-lg-8 {
    margin-right: 7.5rem !important;
  }

  .mt-lg-9,
  .my-lg-9,
  .m-lg-9 {
    margin-top: 9rem !important;
  }
  .mb-lg-9,
  .my-lg-9,
  .m-lg-9 {
    margin-bottom: 9rem !important;
  }
  .ms-lg-9,
  .mx-lg-9,
  .m-lg-9 {
    margin-left: 9rem !important;
  }
  .me-lg-9,
  .mx-lg-9,
  .m-lg-9 {
    margin-right: 9rem !important;
  }
}
/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
  .mt-xl-0,
  .my-xl-0,
  .m-xl-0 {
    margin-top: 0rem !important;
  }
  .mb-xl-0,
  .my-xl-0,
  .m-xl-0 {
    margin-bottom: 0rem !important;
  }
  .ms-xl-0,
  .mx-xl-0,
  .m-xl-0 {
    margin-left: 0rem !important;
  }
  .me-xl-0,
  .mx-xl-0,
  .m-xl-0 {
    margin-right: 0rem !important;
  }

  .mt-xl-6,
  .my-xl-6,
  .m-xl-6 {
    margin-top: 4.5rem !important;
  }
  .mb-xl-6,
  .my-xl-6,
  .m-xl-6 {
    margin-bottom: 4.5rem !important;
  }
  .ms-xl-6,
  .mx-xl-6,
  .m-xl-6 {
    margin-left: 4.5rem !important;
  }
  .me-xl-6,
  .mx-xl-6,
  .m-xl-6 {
    margin-right: 4.5rem !important;
  }

  .mt-xl-7,
  .my-xl-7,
  .m-xl-7 {
    margin-top: 6rem !important;
  }
  .mb-xl-7,
  .my-xl-7,
  .m-xl-7 {
    margin-bottom: 6rem !important;
  }
  .ms-xl-7,
  .mx-xl-7,
  .m-xl-7 {
    margin-left: 6rem !important;
  }
  .me-xl-7,
  .mx-xl-7,
  .m-xl-7 {
    margin-right: 6rem !important;
  }

  .mt-xl-8,
  .my-xl-8,
  .m-xl-8 {
    margin-top: 7.5rem !important;
  }
  .mb-xl-8,
  .my-xl-8,
  .m-xl-8 {
    margin-bottom: 7.5rem !important;
  }
  .ms-xl-8,
  .mx-xl-8,
  .m-xl-8 {
    margin-left: 7.5rem !important;
  }
  .me-xl-8,
  .mx-xl-8,
  .m-xl-8 {
    margin-right: 7.5rem !important;
  }

  .mt-xl-9,
  .my-xl-9,
  .m-xl-9 {
    margin-top: 9rem !important;
  }
  .mb-xl-9,
  .my-xl-9,
  .m-xl-9 {
    margin-bottom: 9rem !important;
  }
  .ms-xl-9,
  .mx-xl-9,
  .m-xl-9 {
    margin-left: 9rem !important;
  }
  .me-xl-9,
  .mx-xl-9,
  .m-xl-9 {
    margin-right: 9rem !important;
  }
}
/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {
  .mt-xxl-0,
  .my-xxl-0,
  .m-xxl-0 {
    margin-top: 0rem !important;
  }
  .mb-xxl-0,
  .my-xxl-0,
  .m-xxl-0 {
    margin-bottom: 0rem !important;
  }
  .ms-xxl-0,
  .mx-xxl-0,
  .m-xxl-0 {
    margin-left: 0rem !important;
  }
  .me-xxl-0,
  .mx-xxl-0,
  .m-xxl-0 {
    margin-right: 0rem !important;
  }

  .mt-xxl-6,
  .my-xxl-6,
  .m-xxl-6 {
    margin-top: 4.5rem !important;
  }
  .mb-xxl-6,
  .my-xxl-6,
  .m-xxl-6 {
    margin-bottom: 4.5rem !important;
  }
  .ms-xxl-6,
  .mx-xxl-6,
  .m-xxl-6 {
    margin-left: 4.5rem !important;
  }
  .me-xxl-6,
  .mx-xxl-6,
  .m-xxl-6 {
    margin-right: 4.5rem !important;
  }

  .mt-xxl-7,
  .my-xxl-7,
  .m-xxl-7 {
    margin-top: 6rem !important;
  }
  .mb-xxl-7,
  .my-xxl-7,
  .m-xxl-7 {
    margin-bottom: 6rem !important;
  }
  .ms-xxl-7,
  .mx-xxl-7,
  .m-xxl-7 {
    margin-left: 6rem !important;
  }
  .me-xxl-7,
  .mx-xxl-7,
  .m-xxl-7 {
    margin-right: 6rem !important;
  }

  .mt-xxl-8,
  .my-xxl-8,
  .m-xxl-8 {
    margin-top: 7.5rem !important;
  }
  .mb-xxl-8,
  .my-xxl-8,
  .m-xxl-8 {
    margin-bottom: 7.5rem !important;
  }
  .ms-xxl-8,
  .mx-xxl-8,
  .m-xxl-8 {
    margin-left: 7.5rem !important;
  }
  .me-xxl-8,
  .mx-xxl-8,
  .m-xxl-8 {
    margin-right: 7.5rem !important;
  }

  .mt-xxl-9,
  .my-xxl-9,
  .m-xxl-9 {
    margin-top: 9rem !important;
  }
  .mb-xxl-9,
  .my-xxl-9,
  .m-xxl-9 {
    margin-bottom: 9rem !important;
  }
  .ms-xxl-9,
  .mx-xxl-9,
  .m-xxl-9 {
    margin-left: 9rem !important;
  }
  .me-xxl-9,
  .mx-xxl-9,
  .m-xxl-9 {
    margin-right: 9rem !important;
  }
}












/* ========= */
/* PADDING */
/* ========= */

.pt-6,
.py-6,
.p-6 {
  padding-top: 4.5rem !important;
}
.pb-6,
.py-6,
.p-6 {
  padding-bottom: 4.5rem !important;
}
.ps-6,
.px-6,
.p-6 {
  padding-left: 4.5rem !important;
}
.pe-6,
.px-6,
.p-6 {
  padding-right: 4.5rem !important;
}

.pt-7,
.py-7,
.p-7 {
  padding-top: 6rem !important;
}
.pb-7,
.py-7,
.p-7 {
  padding-bottom: 6rem !important;
}
.ps-7,
.px-7,
.p-7 {
  padding-left: 6rem !important;
}
.pe-7,
.px-7,
.p-7 {
  padding-right: 6rem !important;
}

.pt-8,
.py-8,
.p-8 {
  padding-top: 7.5rem !important;
}
.pb-8,
.py-8,
.p-8 {
  padding-bottom: 7.5rem !important;
}
.ps-8,
.px-8,
.p-8 {
  padding-left: 7.5rem !important;
}
.pe-8,
.px-8,
.p-8 {
  padding-right: 7.5rem !important;
}

.pt-9,
.py-9,
.p-9 {
  padding-top: 9rem !important;
}
.pb-9,
.py-9,
.p-9 {
  padding-bottom: 9rem !important;
}
.ps-9,
.px-9,
.p-9 {
  padding-left: 9rem !important;
}
.pe-9,
.px-9,
.p-9 {
  padding-right: 9rem !important;
}


/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
  .pt-sm-0,
  .py-sm-0,
  .p-sm-0 {
    padding-top: 0rem !important;
  }
  .pb-sm-0,
  .py-sm-0,
  .p-sm-0 {
    padding-bottom: 0rem !important;
  }
  .ps-sm-0,
  .px-sm-0,
  .p-sm-0 {
    padding-left: 0rem !important;
  }
  .pe-sm-0,
  .px-sm-0,
  .p-sm-0 {
    padding-right: 0rem !important;
  }

  .pt-sm-6,
  .py-sm-6,
  .p-sm-6 {
    padding-top: 4.5rem !important;
  }
  .pb-sm-6,
  .py-sm-6,
  .p-sm-6 {
    padding-bottom: 4.5rem !important;
  }
  .ps-sm-6,
  .px-sm-6,
  .p-sm-6 {
    padding-left: 4.5rem !important;
  }
  .pe-sm-6,
  .px-sm-6,
  .p-sm-6 {
    padding-right: 4.5rem !important;
  }

  .pt-sm-7,
  .py-sm-7,
  .p-sm-7 {
    padding-top: 6rem !important;
  }
  .pb-sm-7,
  .py-sm-7,
  .p-sm-7 {
    padding-bottom: 6rem !important;
  }
  .ps-sm-7,
  .px-sm-7,
  .p-sm-7 {
    padding-left: 6rem !important;
  }
  .pe-sm-7,
  .px-sm-7,
  .p-sm-7 {
    padding-right: 6rem !important;
  }

  .pt-sm-8,
  .py-sm-8,
  .p-sm-8 {
    padding-top: 7.5rem !important;
  }
  .pb-sm-8,
  .py-sm-8,
  .p-sm-8 {
    padding-bottom: 7.5rem !important;
  }
  .ps-sm-8,
  .px-sm-8,
  .p-sm-8 {
    padding-left: 7.5rem !important;
  }
  .pe-sm-8,
  .px-sm-8,
  .p-sm-8 {
    padding-right: 7.5rem !important;
  }

  .pt-sm-9,
  .py-sm-9,
  .p-sm-9 {
    padding-top: 9rem !important;
  }
  .pb-sm-9,
  .py-sm-9,
  .p-sm-9 {
    padding-bottom: 9rem !important;
  }
  .ps-sm-9,
  .px-sm-9,
  .p-sm-9 {
    padding-left: 9rem !important;
  }
  .pe-sm-9,
  .px-sm-9,
  .p-sm-9 {
    padding-right: 9rem !important;
  }
}
/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
  .pt-md-6,
  .py-md-6,
  .p-md-6 {
    padding-top: 4.5rem !important;
  }
  .pb-md-6,
  .py-md-6,
  .p-md-6 {
    padding-bottom: 4.5rem !important;
  }
  .ps-md-6,
  .px-md-6,
  .p-md-6 {
    padding-left: 4.5rem !important;
  }
  .pe-md-6,
  .px-md-6,
  .p-md-6 {
    padding-right: 4.5rem !important;
  }

  .pt-md-7,
  .py-md-7,
  .p-md-7 {
    padding-top: 6rem !important;
  }
  .pb-md-7,
  .py-md-7,
  .p-md-7 {
    padding-bottom: 6rem !important;
  }
  .ps-md-7,
  .px-md-7,
  .p-md-7 {
    padding-left: 6rem !important;
  }
  .pe-md-7,
  .px-md-7,
  .p-md-7 {
    padding-right: 6rem !important;
  }

  .pt-md-8,
  .py-md-8,
  .p-md-8 {
    padding-top: 7.5rem !important;
  }
  .pb-md-8,
  .py-md-8,
  .p-md-8 {
    padding-bottom: 7.5rem !important;
  }
  .ps-md-8,
  .px-md-8,
  .p-md-8 {
    padding-left: 7.5rem !important;
  }
  .pe-md-8,
  .px-md-8,
  .p-md-8 {
    padding-right: 7.5rem !important;
  }

  .pt-md-9,
  .py-md-9,
  .p-md-9 {
    padding-top: 9rem !important;
  }
  .pb-md-9,
  .py-md-9,
  .p-md-9 {
    padding-bottom: 9rem !important;
  }
  .ps-md-9,
  .px-md-9,
  .p-md-9 {
    padding-left: 9rem !important;
  }
  .pe-md-9,
  .px-md-9,
  .p-md-9 {
    padding-right: 9rem !important;
  }
}
/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
  .pt-lg-6,
  .py-lg-6,
  .p-lg-6 {
    padding-top: 4.5rem !important;
  }
  .pb-lg-6,
  .py-lg-6,
  .p-lg-6 {
    padding-bottom: 4.5rem !important;
  }
  .ps-lg-6,
  .px-lg-6,
  .p-lg-6 {
    padding-left: 4.5rem !important;
  }
  .pe-lg-6,
  .px-lg-6,
  .p-lg-6 {
    padding-right: 4.5rem !important;
  }

  .pt-lg-7,
  .py-lg-7,
  .p-lg-7 {
    padding-top: 6rem !important;
  }
  .pb-lg-7,
  .py-lg-7,
  .p-lg-7 {
    padding-bottom: 6rem !important;
  }
  .ps-lg-7,
  .px-lg-7,
  .p-lg-7 {
    padding-left: 6rem !important;
  }
  .pe-lg-7,
  .px-lg-7,
  .p-lg-7 {
    padding-right: 6rem !important;
  }

  .pt-lg-8,
  .py-lg-8,
  .p-lg-8 {
    padding-top: 7.5rem !important;
  }
  .pb-lg-8,
  .py-lg-8,
  .p-lg-8 {
    padding-bottom: 7.5rem !important;
  }
  .ps-lg-8,
  .px-lg-8,
  .p-lg-8 {
    padding-left: 7.5rem !important;
  }
  .pe-lg-8,
  .px-lg-8,
  .p-lg-8 {
    padding-right: 7.5rem !important;
  }

  .pt-lg-9,
  .py-lg-9,
  .p-lg-9 {
    padding-top: 9rem !important;
  }
  .pb-lg-9,
  .py-lg-9,
  .p-lg-9 {
    padding-bottom: 9rem !important;
  }
  .ps-lg-9,
  .px-lg-9,
  .p-lg-9 {
    padding-left: 9rem !important;
  }
  .pe-lg-9,
  .px-lg-9,
  .p-lg-9 {
    padding-right: 9rem !important;
  }
}
/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
  .pt-xl-6,
  .py-xl-6,
  .p-xl-6 {
    padding-top: 4.5rem !important;
  }
  .pb-xl-6,
  .py-xl-6,
  .p-xl-6 {
    padding-bottom: 4.5rem !important;
  }
  .ps-xl-6,
  .px-xl-6,
  .p-xl-6 {
    padding-left: 4.5rem !important;
  }
  .pe-xl-6,
  .px-xl-6,
  .p-xl-6 {
    padding-right: 4.5rem !important;
  }

  .pt-xl-7,
  .py-xl-7,
  .p-xl-7 {
    padding-top: 6rem !important;
  }
  .pb-xl-7,
  .py-xl-7,
  .p-xl-7 {
    padding-bottom: 6rem !important;
  }
  .ps-xl-7,
  .px-xl-7,
  .p-xl-7 {
    padding-left: 6rem !important;
  }
  .pe-xl-7,
  .px-xl-7,
  .p-xl-7 {
    padding-right: 6rem !important;
  }

  .pt-xl-8,
  .py-xl-8,
  .p-xl-8 {
    padding-top: 7.5rem !important;
  }
  .pb-xl-8,
  .py-xl-8,
  .p-xl-8 {
    padding-bottom: 7.5rem !important;
  }
  .ps-xl-8,
  .px-xl-8,
  .p-xl-8 {
    padding-left: 7.5rem !important;
  }
  .pe-xl-8,
  .px-xl-8,
  .p-xl-8 {
    padding-right: 7.5rem !important;
  }

  .pt-xl-9,
  .py-xl-9,
  .p-xl-9 {
    padding-top: 9rem !important;
  }
  .pb-xl-9,
  .py-xl-9,
  .p-xl-9 {
    padding-bottom: 9rem !important;
  }
  .ps-xl-9,
  .px-xl-9,
  .p-xl-9 {
    padding-left: 9rem !important;
  }
  .pe-xl-9,
  .px-xl-9,
  .p-xl-9 {
    padding-right: 9rem !important;
  }
}
/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {
  .pt-xxl-6,
  .py-xxl-6,
  .p-xxl-6 {
    padding-top: 4.5rem !important;
  }
  .pb-xxl-6,
  .py-xxl-6,
  .p-xxl-6 {
    padding-bottom: 4.5rem !important;
  }
  .ps-xxl-6,
  .px-xxl-6,
  .p-xxl-6 {
    padding-left: 4.5rem !important;
  }
  .pe-xxl-6,
  .px-xxl-6,
  .p-xxl-6 {
    padding-right: 4.5rem !important;
  }

  .pt-xxl-7,
  .py-xxl-7,
  .p-xxl-7 {
    padding-top: 6rem !important;
  }
  .pb-xxl-7,
  .py-xxl-7,
  .p-xxl-7 {
    padding-bottom: 6rem !important;
  }
  .ps-xxl-7,
  .px-xxl-7,
  .p-xxl-7 {
    padding-left: 6rem !important;
  }
  .pe-xxl-7,
  .px-xxl-7,
  .p-xxl-7 {
    padding-right: 6rem !important;
  }

  .pt-xxl-8,
  .py-xxl-8,
  .p-xxl-8 {
    padding-top: 7.5rem !important;
  }
  .pb-xxl-8,
  .py-xxl-8,
  .p-xxl-8 {
    padding-bottom: 7.5rem !important;
  }
  .ps-xxl-8,
  .px-xxl-8,
  .p-xxl-8 {
    padding-left: 7.5rem !important;
  }
  .pe-xxl-8,
  .px-xxl-8,
  .p-xxl-8 {
    padding-right: 7.5rem !important;
  }

  .pt-xxl-9,
  .py-xxl-9,
  .p-xxl-9 {
    padding-top: 9rem !important;
  }
  .pb-xxl-9,
  .py-xxl-9,
  .p-xxl-9 {
    padding-bottom: 9rem !important;
  }
  .ps-xxl-9,
  .px-xxl-9,
  .p-xxl-9 {
    padding-left: 9rem !important;
  }
  .pe-xxl-9,
  .px-xxl-9,
  .p-xxl-9 {
    padding-right: 9rem !important;
  }
}

/* XXX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1920px) {
  .pt-xxxl-6,
  .py-xxxl-6,
  .p-xxxl-6 {
    padding-top: 4.5rem !important;
  }
  .pb-xxxl-6,
  .py-xxxl-6,
  .p-xxxl-6 {
    padding-bottom: 4.5rem !important;
  }
  .ps-xxxl-6,
  .px-xxxl-6,
  .p-xxxl-6 {
    padding-left: 4.5rem !important;
  }
  .pe-xxxl-6,
  .px-xxxl-6,
  .p-xxxl-6 {
    padding-right: 4.5rem !important;
  }

  .pt-xxxl-7,
  .py-xxxl-7,
  .p-xxxl-7 {
    padding-top: 6rem !important;
  }
  .pb-xxxl-7,
  .py-xxxl-7,
  .p-xxxl-7 {
    padding-bottom: 6rem !important;
  }
  .ps-xxxl-7,
  .px-xxxl-7,
  .p-xxxl-7 {
    padding-left: 6rem !important;
  }
  .pe-xxxl-7,
  .px-xxxl-7,
  .p-xxxl-7 {
    padding-right: 6rem !important;
  }

  .pt-xxxl-8,
  .py-xxxl-8,
  .p-xxxl-8 {
    padding-top: 7.5rem !important;
  }
  .pb-xxxl-8,
  .py-xxxl-8,
  .p-xxxl-8 {
    padding-bottom: 7.5rem !important;
  }
  .ps-xxxl-8,
  .px-xxxl-8,
  .p-xxxl-8 {
    padding-left: 7.5rem !important;
  }
  .pe-xxxl-8,
  .px-xxxl-8,
  .p-xxxl-8 {
    padding-right: 7.5rem !important;
  }

  .pt-xxxl-9,
  .py-xxxl-9,
  .p-xxxl-9 {
    padding-top: 9rem !important;
  }
  .pb-xxxl-9,
  .py-xxxl-9,
  .p-xxxl-9 {
    padding-bottom: 9rem !important;
  }
  .ps-xxxl-9,
  .px-xxxl-9,
  .p-xxxl-9 {
    padding-left: 9rem !important;
  }
  .pe-xxxl-9,
  .px-xxxl-9,
  .p-xxxl-9 {
    padding-right: 9rem !important;
  }
}

/* XXXX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 2300px) {
  .pt-xxxxl-6,
  .py-xxxxl-6,
  .p-xxxxl-6 {
    padding-top: 4.5rem !important;
  }
  .pb-xxxxl-6,
  .py-xxxxl-6,
  .p-xxxxl-6 {
    padding-bottom: 4.5rem !important;
  }
  .ps-xxxxl-6,
  .px-xxxxl-6,
  .p-xxxxl-6 {
    padding-left: 4.5rem !important;
  }
  .pe-xxxxl-6,
  .px-xxxxl-6,
  .p-xxxxl-6 {
    padding-right: 4.5rem !important;
  }

  .pt-xxxxl-7,
  .py-xxxxl-7,
  .p-xxxxl-7 {
    padding-top: 6rem !important;
  }
  .pb-xxxxl-7,
  .py-xxxxl-7,
  .p-xxxxl-7 {
    padding-bottom: 6rem !important;
  }
  .ps-xxxxl-7,
  .px-xxxxl-7,
  .p-xxxxl-7 {
    padding-left: 6rem !important;
  }
  .pe-xxxxl-7,
  .px-xxxxl-7,
  .p-xxxxl-7 {
    padding-right: 6rem !important;
  }

  .pt-xxxxl-8,
  .py-xxxxl-8,
  .p-xxxxl-8 {
    padding-top: 7.5rem !important;
  }
  .pb-xxxxl-8,
  .py-xxxxl-8,
  .p-xxxxl-8 {
    padding-bottom: 7.5rem !important;
  }
  .ps-xxxxl-8,
  .px-xxxxl-8,
  .p-xxxxl-8 {
    padding-left: 7.5rem !important;
  }
  .pe-xxxxl-8,
  .px-xxxxl-8,
  .p-xxxxl-8 {
    padding-right: 7.5rem !important;
  }

  .pt-xxxxl-9,
  .py-xxxxl-9,
  .p-xxxxl-9 {
    padding-top: 9rem !important;
  }
  .pb-xxxxl-9,
  .py-xxxxl-9,
  .p-xxxxl-9 {
    padding-bottom: 9rem !important;
  }
  .ps-xxxxl-9,
  .px-xxxxl-9,
  .p-xxxxl-9 {
    padding-left: 9rem !important;
  }
  .pe-xxxxl-9,
  .px-xxxxl-9,
  .p-xxxxl-9 {
    padding-right: 9rem !important;
  }
}



/* ========= */
/* NEGATIVE MARGIN */
/* ========= */

.mt-n0,
.mt-n1,
.mt-n2,
.mt-n3,
.mt-n4,
.mt-n5,
.mt-n6,
.mt-n7,
.mt-n8,
.mt-n9,
.mt-sm-n0,
.mt-sm-n1,
.mt-sm-n2,
.mt-sm-n3,
.mt-sm-n4,
.mt-sm-n5,
.mt-sm-n6,
.mt-sm-n7,
.mt-sm-n8,
.mt-sm-n9,
.mt-md-n0,
.mt-md-n1,
.mt-md-n2,
.mt-md-n3,
.mt-md-n4,
.mt-md-n5,
.mt-md-n6,
.mt-md-n7,
.mt-md-n8,
.mt-md-n9,
.mt-lg-n0,
.mt-lg-n1,
.mt-lg-n2,
.mt-lg-n3,
.mt-lg-n4,
.mt-lg-n5,
.mt-lg-n6,
.mt-lg-n7,
.mt-lg-n8,
.mt-lg-n9,
.mt-xl-n0,
.mt-xl-n1,
.mt-xl-n2,
.mt-xl-n3,
.mt-xl-n4,
.mt-xl-n5,
.mt-xl-n6,
.mt-xl-n7,
.mt-xl-n8,
.mt-xl-n9,
.mt-xxl-n0,
.mt-xxl-n1,
.mt-xxl-n2,
.mt-xxl-n3,
.mt-xxl-n4,
.mt-xxl-n5,
.mt-xxl-n6,
.mt-xxl-n7,
.mt-xxl-n8,
.mt-xxl-n9 {
  display: block;
  z-index: 1;
  position: relative;
}
.mt-n0 {
  margin-top: 0rem !important;
}
.mt-n1 {
  margin-top: -0.25rem !important;
}
.mt-n2 {
  margin-top: -0.5rem !important;
}
.mt-n3 {
  margin-top: -1rem !important;
}
.mt-n3 {
  margin-top: -0.75rem !important;
}
.mt-n4 {
  margin-top: -1.5rem !important;
}
.mt-n5 {
  margin-top: -3rem !important;
}
.mt-n6 {
  margin-top: -4.5rem !important;
}
.mt-n7 {
  margin-top: -6rem !important;
}
.mt-n8 {
  margin-top: -7.5rem !important;
}
.mt-n9 {
  margin-top: -9rem !important;
}
/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
  .mt-sm-n0 {
    margin-top: 0rem !important;
  }
  .mt-sm-n1 {
    margin-top: -0.25rem !important;
  }
  .mt-sm-n2 {
    margin-top: -0.5rem !important;
  }
  .mt-sm-n3 {
    margin-top: -1rem !important;
  }
  .mt-sm-n3 {
    margin-top: -0.75rem !important;
  }
  .mt-sm-n4 {
    margin-top: -1.5rem !important;
  }
  .mt-sm-n5 {
    margin-top: -3rem !important;
  }
  .mt-sm-n6 {
    margin-top: -4.5rem !important;
  }
  .mt-sm-n7 {
    margin-top: -6rem !important;
  }
  .mt-sm-n8 {
    margin-top: -7.5rem !important;
  }
  .mt-sm-n9 {
    margin-top: -9rem !important;
  }
}
/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
  .mt-md-n0 {
    margin-top: 0rem !important;
  }
  .mt-md-n1 {
    margin-top: -0.25rem !important;
  }
  .mt-md-n2 {
    margin-top: -0.5rem !important;
  }
  .mt-md-n3 {
    margin-top: -1rem !important;
  }
  .mt-md-n3 {
    margin-top: -0.75rem !important;
  }
  .mt-md-n4 {
    margin-top: -1.5rem !important;
  }
  .mt-md-n5 {
    margin-top: -3rem !important;
  }
  .mt-md-n6 {
    margin-top: -4.5rem !important;
  }
  .mt-md-n7 {
    margin-top: -6rem !important;
  }
  .mt-md-n8 {
    margin-top: -7.5rem !important;
  }
  .mt-md-n9 {
    margin-top: -9rem !important;
  }
}
/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
  .mt-lg-n0 {
    margin-top: 0rem !important;
  }
  .mt-lg-n1 {
    margin-top: -0.25rem !important;
  }
  .mt-lg-n2 {
    margin-top: -0.5rem !important;
  }
  .mt-lg-n3 {
    margin-top: -1rem !important;
  }
  .mt-lg-n3 {
    margin-top: -0.75rem !important;
  }
  .mt-lg-n4 {
    margin-top: -1.5rem !important;
  }
  .mt-lg-n5 {
    margin-top: -3rem !important;
  }
  .mt-lg-n6 {
    margin-top: -4.5rem !important;
  }
  .mt-lg-n7 {
    margin-top: -6rem !important;
  }
  .mt-lg-n8 {
    margin-top: -7.5rem !important;
  }
  .mt-lg-n9 {
    margin-top: -9rem !important;
  }
}
/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
  .mt-xl-n0 {
    margin-top: 0rem !important;
  }
  .mt-xl-n1 {
    margin-top: -0.25rem !important;
  }
  .mt-xl-n2 {
    margin-top: -0.5rem !important;
  }
  .mt-xl-n3 {
    margin-top: -1rem !important;
  }
  .mt-xl-n3 {
    margin-top: -0.75rem !important;
  }
  .mt-xl-n4 {
    margin-top: -1.5rem !important;
  }
  .mt-xl-n5 {
    margin-top: -3rem !important;
  }
  .mt-xl-n6 {
    margin-top: -4.5rem !important;
  }
  .mt-xl-n7 {
    margin-top: -6rem !important;
  }
  .mt-xl-n8 {
    margin-top: -7.5rem !important;
  }
  .mt-xl-n9 {
    margin-top: -9rem !important;
  }
}
/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {
  .mt-xxl-n0 {
    margin-top: 0rem !important;
  }
  .mt-xxl-n1 {
    margin-top: -0.25rem !important;
  }
  .mt-xxl-n2 {
    margin-top: -0.5rem !important;
  }
  .mt-xxl-n3 {
    margin-top: -1rem !important;
  }
  .mt-xxl-n3 {
    margin-top: -0.75rem !important;
  }
  .mt-xxl-n4 {
    margin-top: -1.5rem !important;
  }
  .mt-xxl-n5 {
    margin-top: -3rem !important;
  }
  .mt-xxl-n6 {
    margin-top: -4.5rem !important;
  }
  .mt-xxl-n7 {
    margin-top: -6rem !important;
  }
  .mt-xxl-n8 {
    margin-top: -7.5rem !important;
  }
  .mt-xxl-n9 {
    margin-top: -9rem !important;
  }
}




/* ========= */
/* GUTTER */
/* ========= */

.g-6, .gy-6 {
  --bs-gutter-y: 4.5rem;
}
.g-6, .gx-6 {
  --bs-gutter-x: 4.5rem;
}
.g-7, .gy-7 {
  --bs-gutter-y: 6rem;
}
.g-7, .gx-7 {
  --bs-gutter-x: 6rem;
}
.g-8, .gy-8 {
  --bs-gutter-y: 7.5rem;
}
.g-8, .gx-8 {
  --bs-gutter-x: 7.5rem;
}
.g-9, .gy-9 {
  --bs-gutter-y: 9rem;
}
.g-9, .gx-9 {
  --bs-gutter-x: 9rem;
}
/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
  .g-sm-6, .gy-sm-6 {
    --bs-gutter-y: 4.5rem;
  }
  .g-sm-6, .gx-sm-6 {
    --bs-gutter-x: 4.5rem;
  }
  .g-sm-7, .gy-sm-7 {
    --bs-gutter-y: 6rem;
  }
  .g-sm-7, .gx-sm-7 {
    --bs-gutter-x: 6rem;
  }
  .g-sm-8, .gy-sm-8 {
    --bs-gutter-y: 7.5rem;
  }
  .g-sm-8, .gx-sm-8 {
    --bs-gutter-x: 7.5rem;
  }
  .g-sm-9, .gy-sm-9 {
    --bs-gutter-y: 9rem;
  }
  .g-sm-9, .gx-sm-9 {
    --bs-gutter-x: 9rem;
  }
}
/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
  .g-md-6, .gy-md-6 {
    --bs-gutter-y: 4.5rem;
  }
  .g-md-6, .gx-md-6 {
    --bs-gutter-x: 4.5rem;
  }
  .g-md-7, .gy-md-7 {
    --bs-gutter-y: 6rem;
  }
  .g-md-7, .gx-md-7 {
    --bs-gutter-x: 6rem;
  }
  .g-md-8, .gy-md-8 {
    --bs-gutter-y: 7.5rem;
  }
  .g-md-8, .gx-md-8 {
    --bs-gutter-x: 7.5rem;
  }
  .g-md-9, .gy-md-9 {
    --bs-gutter-y: 9rem;
  }
  .g-md-9, .gx-md-9 {
    --bs-gutter-x: 9rem;
  }
}
/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
  .g-lg-6, .gy-lg-6 {
    --bs-gutter-y: 4.5rem;
  }
  .g-lg-6, .gx-lg-6 {
    --bs-gutter-x: 4.5rem;
  }
  .g-lg-7, .gy-lg-7 {
    --bs-gutter-y: 6rem;
  }
  .g-lg-7, .gx-lg-7 {
    --bs-gutter-x: 6rem;
  }
  .g-lg-8, .gy-lg-8 {
    --bs-gutter-y: 7.5rem;
  }
  .g-lg-8, .gx-lg-8 {
    --bs-gutter-x: 7.5rem;
  }
  .g-lg-9, .gy-lg-9 {
    --bs-gutter-y: 9rem;
  }
  .g-lg-9, .gx-lg-9 {
    --bs-gutter-x: 9rem;
  }
}
/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
  .g-xl-6, .gy-xl-6 {
    --bs-gutter-y: 4.5rem;
  }
  .g-xl-6, .gx-xl-6 {
    --bs-gutter-x: 4.5rem;
  }
  .g-xl-7, .gy-xl-7 {
    --bs-gutter-y: 6rem;
  }
  .g-xl-7, .gx-xl-7 {
    --bs-gutter-x: 6rem;
  }
  .g-xl-8, .gy-xl-8 {
    --bs-gutter-y: 7.5rem;
  }
  .g-xl-8, .gx-xl-8 {
    --bs-gutter-x: 7.5rem;
  }
  .g-xl-9, .gy-xl-9 {
    --bs-gutter-y: 9rem;
  }
  .g-xl-9, .gx-xl-9 {
    --bs-gutter-x: 9rem;
  }
}
/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {
  .g-xxl-6, .gy-xxl-6 {
    --bs-gutter-y: 4.5rem;
  }
  .g-xxl-6, .gx-xxl-6 {
    --bs-gutter-x: 4.5rem;
  }
  .g-xxl-7, .gy-xxl-7 {
    --bs-gutter-y: 6rem;
  }
  .g-xxl-7, .gx-xxl-7 {
    --bs-gutter-x: 6rem;
  }
  .g-xxl-8, .gy-xxl-8 {
    --bs-gutter-y: 7.5rem;
  }
  .g-xxl-8, .gx-xxl-8 {
    --bs-gutter-x: 7.5rem;
  }
  .g-xxl-9, .gy-xxl-9 {
    --bs-gutter-y: 9rem;
  }
  .g-xxl-9, .gx-xxl-9 {
    --bs-gutter-x: 9rem;
  }
}





/* ========= */
/* ROW-COLS */
/* ========= */

@media (min-width: 1920px) {
  .row-cols-xxxl-1 > * {
    width: 100%;
  }
  .row-cols-xxxl-2 > * {
    width: 50%;
  }
  .row-cols-xxxl-3 > * {
    width: 33.33333333%;
  }
  .row-cols-xxxl-4 > * {
    width: 25%;
  }
  .row-cols-xxxl-5 > * {
    width: 20%;
  }
}







/* ========= */
/* pdfvorschau */
/* ========= */


.wrapper {
  padding-bottom: 2rem;
}
#pdfvorschau .shadow {
  box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important;
}
#pdfvorschau .page:hover {
  cursor: pointer;
}
#pdfvorschau .gradient {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.sp #pdfvorschau .gradient,
.dp #pdfvorschau .odd .gradient {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0) 95%, rgba(0, 0, 0, 0.15) 100%);
  background-image: -webkit-linear-gradient(right, rgba(0,0,0,0) 95%, rgba(0,0,0,0.15) 100%);
  background-image: -moz-linear-gradient(right, rgba(0,0,0,0) 95%, rgba(0,0,0,0.15) 100%);
  background-image: -ms-linear-gradient(right, rgba(0,0,0,0) 95%, rgba(0,0,0,0.15) 100%);
  background-image: -o-linear-gradient(right, rgba(0,0,0,0) 95%, rgba(0,0,0,0.15) 100%);
  background-image: linear-gradient(right, rgba(0,0,0,0) 95%, rgba(0,0,0,0.15) 100%);
}
.dp #pdfvorschau .even .gradient {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 95%, rgba(0, 0, 0, 0.2) 100%);
  background-image: -webkit-linear-gradient(left, rgba(0,0,0,0) 95%, rgba(0,0,0,0.2) 100%);
  background-image: -moz-linear-gradient(left, rgba(0,0,0,0) 95%, rgba(0,0,0,0.2) 100%);
  background-image: -ms-linear-gradient(left, rgba(0,0,0,0) 95%, rgba(0,0,0,0.2) 100%);
  background-image: -o-linear-gradient(left, rgba(0,0,0,0) 95%, rgba(0,0,0,0.2) 100%);
  background-image: linear-gradient(left, rgba(0,0,0,0) 95%, rgba(0,0,0,0.2) 100%);
}
#pdfvorschau .seite {
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: flex;
}





/* ========= */
/* IMAGE COMPARISON SLIDER */
/* ========= */

.img-comparison-slider img {
  width: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
  background-color: #fff;
}
.img-comparison-slider {
  --divider-width: 2px;
  --divider-color: #fff;
  --default-handle-opacity: 0;
}
.img-comparison-slider:focus {
  outline: none;
}







/* ========= */
/* SOME FEED */
/* ========= */

.some-feed .card {
  border: 1px solid rgba(0,0,0,.125);
  box-shadow: 0 10px 30px rgba(0,0,0,0.05) !important;
}
.some-feed .card .card-body a {
  color: #0d6efd;
}



/* ========= */
/* W2P-IMAGE */
/* ========= */

.w2p-image {
  filter: drop-shadow(2px 2px 4px rgba(0, 0, 0, 0.1));
}





/* ========= */
/* MODULE */
/* ========= */


.core_frontend_news_detail_01:nth-child(1) {
  background-color: var(--bs-gray-600);
}
.core_frontend_news_detail_01 .header {
  text-shadow: none;
  color: #fff;
}









.spalteneinteilung .row {
  margin-top: 0px !important;
}
.spalteneinteilung .g-custom {
  --bs-gutter-x: 3rem !important;
}






.card-body,
.card-body .col {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}
.card-title {
  font-weight: 600;
}
/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
}
/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
  .card-body,
  .card-body .col {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
}
/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
}
/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
}
/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {
}
@media (min-width: 1700px) {
  .container {
    max-width: 1500px;
  }
}






/*
.sf-dump {
  display: none !important;
}
*/





.row.medien-liste,
.row.cards {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 1.5rem;
}
.row.medien-liste .col,
.row.cards .col {
  margin-top: 0 !important;
  margin-bottom: var(--bs-gutter-y) !important;
}
