/* ========= */ /* 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 { --bs-gutter-x: 1.5rem; --bs-gutter-y: 1.5rem; } .row .col { margin-top: 0 !important; margin-bottom: var(--bs-gutter-y) !important; }