:root {
    --landingpage-white: #ffffff;
    --landingpage-black: #000000;
    --landingpage-anthrazit: #49474b;
    --landingpage-dark-grey: #5a5957;
    --landingpage-silver: #c4c4c4;

    --landingpage-glow-white:
        0 0 10px rgba(255, 255, 255, 1),
        0 0 2px rgba(255, 255, 255, 1),
        inset 0 0 2.5px rgba(255, 255, 255, 1);
    --landingpage-glow-white-2:
        0 0 23.8px rgba(255, 255, 255, 1),
        0 0 3.6px rgba(255, 255, 255, 1),
        inset 0 0 2.7px rgba(255, 255, 255, 1);
    --landingpage-glow-white-less:
        0 0 11.90px rgba(255, 255, 255, 1),
        0 0 1.8px rgba(255, 255, 255, 1),
        inset 0 0 1.35px rgba(255, 255, 255, 1);
    --landingpage-button-glow-primary:
        0 0 1px rgba(255, 255, 255, 1),
        0 0 5px rgba(255, 255, 255, 1),
        inset 0 0 2.5px rgba(255, 255, 255, 1);
    --landingpage-button-glow-secondary:
        0 0 3px rgba(255, 255, 255, 1),
        0 0 15px rgba(255, 255, 255, 1);
    --landingpage-button-glow-none:
        0 0 1px rgba(255, 255, 255, 1),
        0 0 5px rgba(255, 255, 255, 1);
}

html, body {
    background-color: var(--landingpage-black);
}
#smooth-content.touch {
    position: relative;
}

/* Nav logo SVG: force all fills to white */
.landingpage-nav {
    opacity: 0;
}
.landingpage-nav .bg-dark {
    background-color: transparent !important;
    box-shadow: none !important;
}
.landingpage-nav .container-logo a > div svg > *, .landingpage-nav .container-logo a > svg > * {
    fill: var(--landingpage-white) !important;
}
.landingpage-nav .container-logo a > div svg > *:not(:last-child) {
    display: none !important;
}

/* Landingpage preset for all dark sections/nav */
.landingpage-nav.bg-dark,
.landingpage-nav .bg-dark,
#smooth-content .bg-dark,
#smooth-content .bg-dark-not {
    --main-white: var(--landingpage-white);
    --main-black: var(--landingpage-black);
    --main-shade-600: var(--landingpage-anthrazit);
    --main-shade-400: var(--landingpage-dark-grey);
    --main-shade-50: #111111;
    --main-color: var(--landingpage-white);
    --second-color: var(--landingpage-black);
    --third-color: var(--landingpage-white);
}
.landingpage-nav[color-theme="blue"].bg-dark,
.landingpage-nav[color-theme="blue"] .bg-dark,
#smooth-content[color-theme="blue"] .bg-dark,
#smooth-content[color-theme="blue"] .bg-dark-not {
    --main-color: #5669AC;
    --landingpage-anthrazit: #5669AC;
    --landingpage-dark-grey: #5669AC;
    --landingpage-silver: #5669AC;
    --landingpage-button-glow-primary:
        0 0 1px rgba(255, 255, 255, 1),
        0 0 5px rgba(255, 255, 255, 1),
        inset 0 0 2.5px rgba(86, 105, 172, 1);
    --landingpage-button-glow-secondary:
        0 0 3px rgba(86, 105, 172, 1),
        0 0 15px rgba(86, 105, 172, 1);
    --landingpage-button-glow-none:
        0 0 1px rgba(86, 105, 172, 1),
        0 0 5px rgba(86, 105, 172, 1);
}

.landingpage-nav .bg-dark .primary,
#smooth-content .bg-dark .primary,
#smooth-content .bg-dark-not .primary {
    box-shadow: var(--landingpage-button-glow-secondary);
    animation: landingpage-primary-glow 3.75s ease-in-out infinite;
}
.landingpage-nav .bg-dark .primary:not(:hover):not(:focus),
#smooth-content .bg-dark .primary:not(:hover):not(:focus),
#smooth-content .bg-dark-not .primary:not(:hover):not(:focus) {
    background-color: var(--landingpage-white);
    border-color: var(--landingpage-white);
    color: var(--landingpage-black);
}
.landingpage-nav[color-theme="blue"] .bg-dark .primary:not(:hover):not(:focus),
#smooth-content[color-theme="blue"] .bg-dark .primary:not(:hover):not(:focus),
#smooth-content[color-theme="blue"] .bg-dark-not .primary:not(:hover):not(:focus) {
    background-color: var(--main-color);
    border-color: var(--main-color);
    color: var(--landingpage-white);
}
.landingpage-nav .bg-dark .primary:hover,
.landingpage-nav .bg-dark .primary:focus,
#smooth-content .bg-dark .primary:hover,
#smooth-content .bg-dark .primary:focus,
#smooth-content .bg-dark-not .primary:hover,
#smooth-content .bg-dark-not .primary:focus {
    color: var(--landingpage-anthrazit) !important;
}
@keyframes landingpage-primary-glow {
    0%, 66%, 100% {
        box-shadow: var(--landingpage-button-glow-secondary);
    }
    33% {
        box-shadow: var(--landingpage-button-glow-none);
    }
}

.landingpage-nav .bg-dark .secondary,
#smooth-content .bg-dark .secondary,
#smooth-content .bg-dark-not .secondary {
    box-shadow: var(--landingpage-button-glow-primary);
}
.landingpage-nav .bg-dark .secondary:not(:hover):not(:focus),
#smooth-content .bg-dark .secondary:not(:hover):not(:focus),
#smooth-content .bg-dark-not .secondary:not(:hover):not(:focus) {
    background-color: transparent;
    border-color: var(--landingpage-white);
    color: var(--landingpage-white);
}
.landingpage-nav .bg-dark .secondary:hover,
.landingpage-nav .bg-dark .secondary:focus,
#smooth-content .bg-dark .secondary:hover,
#smooth-content .bg-dark .secondary:focus,
#smooth-content .bg-dark-not .secondary:hover,
#smooth-content .bg-dark-not .secondary:focus {
    color: var(--landingpage-anthrazit) !important;
    box-shadow: var(--landingpage-button-glow-secondary) !important;
}

.landingpage-nav .button-menu .menu-icon-bar {
    background-color: var(--landingpage-white) !important;
}
.landingpage-nav .button-menu {
    display: none !important;
}
@media only screen and (max-width: 992px) {
    .landingpage-nav .container-tools {
        margin: 0px !important;
    }
}

.kicker {
    font-weight: 600 !important;
}

.border-effect {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 24rem;
    height: 24rem;
    background-image: radial-gradient(at center center, #ffffffff 0%, #ffffff00 80%)
}

.form input:not([type="submit"]):not([type=file]):not([type="checkbox"]), .form select, .form textarea {
    color: var(--main-black) !important;
}
.form select option:not(:first-child) {
    color: var(--main-black) !important;
}

.section-padding-big {
	padding-top: 10rem;
	padding-bottom: 10rem;
}
.section-padding {
	padding-top: 7.5rem;
	padding-bottom: 7.5rem;
}
.section-padding-small {
	padding-top: 5rem;
	padding-bottom: 5rem;
}
header {
	padding-top: 0px !important;
}

/* Header */
.section-landingpage-header {
    min-height: 100vh;
    min-height: 100svh;
    padding-top: 0px !important;
    gap: 5rem;
}
.section-landingpage-header .container-intro, .section-landingpage-header .intro-content {
    pointer-events: none;
    display: flex;
    justify-content: center;
    align-items: center;
}
.section-landingpage-header .container-intro .bg-image, .section-landingpage-header .container-after .full-image:not(:last-child) {
    opacity: 0;
}
.section-landingpage-header .container-after {
    width: 80%;
    max-height: 20rem;
    display: flex;
    justify-content: stretch;
    align-items: center;
}
.section-landingpage-header .container-after .full-image, .section-landingpage-header .container-after .bg-image {
    max-height: 50vh;
    max-height: 50svh;
    align-items: stretch;
}
.section-landingpage-header .container-after img, .section-landingpage-header .container-after video {
    height: auto;
    will-change: transform;
}
.section-landingpage-header .container-headline {
    margin-bottom: 0px;
}
.section-landingpage-header .container-headline, .section-landingpage-header .container-text, .section-landingpage-header .wrapper-start {
    opacity: 0;
}
.section-landingpage-header .container-text > p {
    max-width: 61.8%;
}
.section-landingpage-header .container-text > .container-icons {
	margin-top: 1.25rem;
	flex-wrap: wrap;
    justify-content: center;
	gap: 1.25rem;
}
.section-landingpage-header .container-text .container-icon span {
    line-height: 1em !important;
}
.section-landingpage-header .container-text .container-icon {
	gap: 0.5rem;
}
.section-landingpage-header .container-text .container-icon svg {
	width: 1.75rem;
	height: 1.75rem;
}
.section-landingpage-header .container-text .container-icon span {
	white-space: nowrap;
}
.section-landingpage-header h1 {
    font-size: clamp(3.25rem, 7.9vw, 9.454rem);
    text-transform: uppercase;
    text-align: center;
    background: linear-gradient(0deg, var(--landingpage-silver) 20%, var(--landingpage-white) 75%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    filter:
        drop-shadow(0 0 1px var(--landingpage-white))
        drop-shadow(0 0 12px var(--landingpage-white));
}
.section-landingpage-header .container-buttons {
    justify-content: center;
}
.section-landingpage-header .wrapper-start {
    left: 50%;
	bottom: 1.25rem;
    transform: translateX(-50%);
	background: transparent !important;
}
.section-landingpage-header .container-start svg {
	width: 3.25rem;
	height: auto;
}
@media only screen and (max-width: 992px) {
    .section-landingpage-header {
        padding-bottom: 0px;
        gap: 3.5rem;
    }
    .section-landingpage-header .container-text > p {
        max-width: 100%;
    }
	.section-landingpage-header .wrapper-start {
		display: none;
	}
}
@media only screen and (max-width: 688px) {
    .section-landingpage-header {
        gap: 2.5rem;
    }
}

/* Scrolly */
.section-landingpage-scrolly.flexbox-h {
	height: 100vh;
	height: 100svh;
    align-items: flex-start;
    mask-image: linear-gradient(to top, black 100%, transparent 100%);
    -webkit-mask-image: linear-gradient(to top, black 100%, transparent 100%);
}
.section-landingpage-scrolly.flexbox-v {
    gap: 5rem;
    height: auto !important;
}
.section-landingpage-scrolly.flexbox-v .container-canvas {
    height: 25rem;
}
#smooth-content:not(.touch) .section-landingpage-scrolly .container-text {
    will-change: transform;
}

@media only screen and (min-width: 993px) {
    .section-landingpage-scrolly.flexbox-v .container-text {
        width: 50%;
    }
    .section-landingpage-scrolly.flexbox-h .container-text {
        width: 45%;
    }
}
@media only screen and (max-width: 992px) {
    .section-landingpage-scrolly.flexbox-h {
        width: 100%;
        height: auto;
        aspect-ratio: 16/9;
    }
    .section-landingpage-scrolly.flexbox-v {
        gap: 3.75rem;
    }
    .section-landingpage-scrolly.flexbox-h .container-text {
        margin-top: 2.5rem;
    }
    .section-landingpage-scrolly.flexbox-h .container-canvas {
        height: 100%;
    }
}
@media only screen and (max-width: 688px) {
    .section-landingpage-scrolly.flexbox-v {
        gap: 2.5rem;
    }
    .section-landingpage-scrolly.flexbox-h .container-text {
        margin-top: 0px;
    }
    .section-landingpage-scrolly.flexbox-v .container-canvas {
        height: 20rem;
    }
}

/* Text Big */
.section-landingpage-text-big .container-text {
    overflow: hidden;
}
.section-landingpage-text-big .bugfix {
    position: absolute;	
    top: 0;
    right: 0;
    width: calc(100% + 10rem);
    height: 7.5rem;
    background: var(--landingpage-black);
    z-index: 10;
}
.section-landingpage-text-big h2 {
    padding: 7.5rem;
}
.section-landingpage-text-big h2,
.section-landingpage-text-big h2 > div {
    font-size: clamp(3rem, 6.25vw, 5.625rem);
    background: linear-gradient(0deg, var(--landingpage-silver) 20%, var(--landingpage-white) 75%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    filter:
        drop-shadow(0 0 1px var(--landingpage-white))
        drop-shadow(0 0 8px #ffffff55);
}
.section-landingpage-text-big h2 > div {
    display: inline-block;
}
@media only screen and (max-width: 992px) {
    .section-landingpage-text-big h2,
    .section-landingpage-text-big h2 > div {
        font-size: clamp(2.25rem, 6.25vw, 5.625rem);
        filter:
            drop-shadow(0 0 1px var(--landingpage-white))
            drop-shadow(0 0 4px #ffffff55);
    }
}

/* Factsheet */
.section-landingpage-factsheet .wrapper-sheet {
    position: relative;
    box-sizing: border-box;
    padding: 0.125rem;
}
.section-landingpage-factsheet .container-sheet {
    background: linear-gradient(37deg, var(--landingpage-anthrazit) 0%, var(--landingpage-black) 100%);
}
.section-landingpage-factsheet .container-top, .section-landingpage-factsheet .container-bottom {
    box-sizing: border-box;
    padding: 4.625rem;
}
.section-landingpage-factsheet .container-top {
    width: 100%;
    padding-bottom: 0px;
    align-items: stretch;
    gap: 5rem;
}
.section-landingpage-factsheet .container-top > * {
    width: 100%;
}
.section-landingpage-factsheet .container-top .bg-image.scale {
    height: calc(100% + 6.25rem);
}
.section-landingpage-factsheet .container-top .bg-image.scale img {
    object-position: center right !important;
}
.section-landingpage-factsheet .container-bottom {
    padding-left: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    align-items: stretch;
}
.section-landingpage-factsheet .container-bottom .bg-image {
    top: initial !important;
    bottom: 0 !important;
    height: calc(100% - 2.5rem);
}
.section-landingpage-factsheet .container-bottom .bg-image.scale {
    overflow: visible !important;
}
.section-landingpage-factsheet .container-bottom .bg-image.scale img {
    object-position: left bottom !important;
    height: 110%;
}
.section-landingpage-factsheet .container-icons {
    min-height: 25rem;
    padding-bottom: 4.625rem;
    align-items: flex-end;
}
.section-landingpage-factsheet .figure {
    height: auto;
    gap: 5rem;
    padding-left: 2.5rem;
    padding-right: 2.5rem;
    border-left: 1px solid var(--landingpage-white);
    justify-content: space-between;
}
.section-landingpage-factsheet .number {
    text-transform: initial !important;
}
.section-landingpage-factsheet .figure, .section-landingpage-factsheet .figure *, .section-landingpage-factsheet .figure .container-icon {
    transition: color 0.25s, border-color 0.25s, gap 0.25s, fill 0.25s, stroke 0.25s !important;
}
.section-landingpage-factsheet .figure:not(.active):not(:hover) {
    gap: 0px;
}
.section-landingpage-factsheet .figure:not(.active):not(:hover), .section-landingpage-factsheet .figure:not(.active):not(:hover) *, .section-landingpage-factsheet .figure:not(.active):not(:hover) .container-icon {
    color: var(--landingpage-dark-grey);
    border-color: var(--landingpage-dark-grey);
}
.section-landingpage-factsheet .figure .container-number {
    display: inline-block;
}
.section-landingpage-factsheet .figure .h2, .section-landingpage-factsheet .figure .h3 {
    text-wrap: nowrap;
}
.section-landingpage-factsheet .figure .h2.hidden {
    opacity: 0;
    pointer-events: none;
}
.section-landingpage-factsheet .figure .h2.int, .section-landingpage-factsheet .figure .h2.float {
    text-align: end;
}
.section-landingpage-factsheet .figure.active .h2, .section-landingpage-factsheet .figure:hover .h2 {
    background: linear-gradient(0deg, var(--landingpage-silver) 20%, var(--landingpage-white) 75%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    text-shadow: 0 0 23.8px var(--landingpage-white), 0 0 3.6px var(--landingpage-white);
}
.section-landingpage-factsheet .figure .container-subtext {
    min-width: 10rem;
    gap: 2.5rem;
}
.section-landingpage-factsheet .figure .container-icon {
    box-sizing: border-box;
    padding: 0.5rem;
    width: 3rem;
    height: 3rem;
    flex-shrink: 0;
    border: 1px solid var(--landingpage-white);
}
.section-landingpage-factsheet .figure:not(.active):not(:hover) .fill {
    fill: var(--landingpage-dark-grey);
}
.section-landingpage-factsheet .figure:not(.active):not(:hover) .stroke {
    stroke: var(--landingpage-dark-grey);
}
@media only screen and (max-width: 992px) {
    .section-landingpage-factsheet .container-top  {
        gap: 3.75rem;
    }
    .section-landingpage-factsheet .container-top, .section-landingpage-factsheet .container-bottom  {
        flex-direction: column;
        padding-top: 2.5rem;
        padding-bottom: 0px;
    }
    .section-landingpage-factsheet .container-top, .section-landingpage-factsheet .container-icons  {
        min-height: 22.5rem;
        box-sizing: border-box;
        padding-left: 2.5rem;
    }
    .section-landingpage-factsheet .container-top, .section-landingpage-factsheet .container-bottom  {
        padding-right: 2.5rem;
    }
    .section-landingpage-factsheet .container-bottom {
        flex-direction: column-reverse;
        padding-top: 0px;
        gap: 2.5rem;
    }
    .section-landingpage-factsheet .container-bottom .container-icons {
        width: 100%;
        justify-content: space-between;
        padding-bottom: 0px;
    }
    .section-landingpage-factsheet .figure {
        padding-left: 1.25rem;
        padding-right: 1.25rem;
        gap: 3.75rem;
    }
    .section-landingpage-factsheet .figure .container-subtext {
        min-width: 7.5rem;
        gap: 2.5rem;
    }
    .section-landingpage-factsheet .container-top .bg-image, .section-landingpage-factsheet .container-bottom .bg-image {
        position: relative !important;
    }
}
@media only screen and (max-width: 688px) {
    .section-landingpage-factsheet .container-sheet, .section-landingpage-factsheet .container-top  {
        gap: 2.5rem
    }
    .section-landingpage-factsheet .container-top, .section-landingpage-factsheet .container-icons  {
        padding-left: 2rem;
    }
    .section-landingpage-factsheet .container-top, .section-landingpage-factsheet .container-bottom  {
        padding-right: 2rem;
    }
    .section-landingpage-factsheet .container-bottom .container-icons {
        flex-direction: column;
        align-items: stretch;
    }
    .section-landingpage-factsheet .container-bottom .container-icons, .section-landingpage-factsheet .container-bottom .container-icons .figure {
        gap: 2.5rem;
    }
    .section-landingpage-factsheet .container-bottom .container-icons .figure:not(.active):not(:hover) {
        gap: 0px;
    }
    .section-landingpage-factsheet .container-bottom .container-icons .figure .container-subtext {
        width: 100%;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
    }
}

/* Proof */
.section-landingpage-proof {
    gap: 3.75rem;
}
.section-landingpage-proof .container-content {
    width: 100%;
    align-items: center;
    gap: 3.75rem;
}
.section-landingpage-proof > .container-content > .container-text, .section-landingpage-proof > .container-content > picture, .section-landingpage-proof > .container-content > .container-video {
    width: calc(50% - 1.875rem);
}
.section-landingpage-proof .container-cards {
    flex-wrap: nowrap;
    width: 100%;
}
.section-landingpage-proof .container-cards .wrapper-card {
    width: 100%;
    flex-shrink: 1;
    box-sizing: border-box;
    padding: 0.125rem;
}
.section-landingpage-proof .container-cards .container-card {
    min-height: 17.5rem;
    justify-content: flex-start;
    text-align: left;
}
.section-landingpage-proof .container-cards .container-card picture[data-speed].bg-image {
    top: 50%;
    transform: translateY(-50%);
    height: calc(125%);
}
.section-landingpage-proof .container-card .wrapper-caption {
    height: 100%;
    padding: 1.25rem 1.875rem !important;
    justify-content: space-between;
}
.section-landingpage-proof .number, .section-landingpage-proof .number > * {
    background: linear-gradient(0deg, var(--landingpage-silver) 20%, var(--landingpage-white) 75%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    text-shadow: 0 0 23.8px var(--landingpage-white), 0 0 3.6px var(--landingpage-white);
    text-transform: initial !important;
}
@media only screen and (max-width: 992px) {
    .section-landingpage-proof {
        gap: 2.5rem;
    }
    .section-landingpage-proof .container-content {
        flex-direction: column;
        gap: 2.5rem;
    }
    .section-landingpage-proof > .container-content > .container-text, .section-landingpage-proof > .container-content > picture, .section-landingpage-proof > .container-content > .container-video {
        width: 100%;
    }
    .section-landingpage-proof .container-cards {
        flex-wrap: wrap;
    }
    .section-landingpage-proof .container-cards .wrapper-card {
        width: 100%;
    }
}
@media only screen and (max-width: 688px) {
    .section-landingpage-proof {
        gap: 1.25rem;
    }
    .section-landingpage-proof .container-cards .container-card {
        min-height: 12.5rem;
    }
}

/* Text-Image-Accordion */
@media only screen and (min-width: 993px) {
    #smooth-content[color-theme="blue"] .section-landingpage-text-image-accordion .container-content > .container-images, .section-table-data .container-content > picture {
        height: 40rem !important;
    }
}
.section-landingpage-text-image-accordion .primary, .section-landingpage-text-image-accordion .secondary {
    box-shadow: initial !important;
}

/* Cards Flip */
.section-landingpage-cards-flip .container-card.back {
    background: linear-gradient(37deg, var(--landingpage-anthrazit) 0%, var(--landingpage-black) 100%);
}
.section-landingpage-cards-flip .wrapper-card {
    box-sizing: border-box;
    padding: 0.125rem;
}
@media only screen and (min-width: 993px) {
    .section-landingpage-cards-flip.section-padding .container-buttons.arrows {
        bottom: 3.75rem;
    }
}

/* Cards-Big */
.section-landingpage-cards-big {
    gap: 5rem;
}
.section-landingpage-cards-big .container-text {
	width: calc(50% - 2.5rem);
    flex-shrink: 0;
}
.section-landingpage-cards-big .container-text .container-icons {
	margin-top: 2.5rem;
	flex-wrap: wrap;
	gap: 1.25rem;
}
.section-landingpage-cards-big .container-text .container-icon {
    justify-content: flex-start;
    align-items: flex-start;
	gap: 0.75rem;
}
.section-landingpage-cards-big .container-text .container-icon svg {
	width: 2rem;
	height: 2rem;
    flex-shrink: 0;
}
.section-landingpage-cards-big .wrapper-cards, .section-landingpage-cards-big .container-cards {
    min-width: calc(50% - 2.5rem);
    flex-wrap: nowrap;
    justify-content: flex-start;
    flex-shrink: 0;
}
.section-landingpage-cards-big .container-cards {
	align-items: stretch;
	gap: 3.75rem;
}
.section-landingpage-cards-big .container-cards .wrapper-card {
    box-sizing: border-box;
    padding: 0.125rem;
	width: calc(1/2 * var(--page-width) - 1/2 * 5rem);
}
.section-landingpage-cards-big .container-cards .container-card {
    box-sizing: border-box;
    height: 100%;
    background: linear-gradient(37deg, var(--landingpage-anthrazit) 0%, var(--landingpage-black) 100%);
}
.section-landingpage-cards-big .container-cards .container-card .h2 {
    padding: 5rem;
    padding-bottom: 0px;
}
.section-landingpage-cards-big .container-cards .container-card picture, .section-landingpage-cards-big .container-cards .container-card img {
    max-height: 30rem;
}
.section-landingpage-cards-big.section-padding .container-buttons.arrows {
    bottom: 3.75rem;
}
@media only screen and (max-width: 992px) {
    .section-landingpage-cards-big {
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        gap: 3.75rem;
    }
	.section-landingpage-cards-big .container-text {
		width: 100%;
	}
    .section-landingpage-cards-big .wrapper-cards, .section-landingpage-cards-big .container-cards {
        min-width: calc(50% - 2.5rem);
        gap: 2.5rem;
    }
    .section-landingpage-cards-big .wrapper-cards {
        overflow: initial;
    }
    .section-landingpage-cards-big .container-cards .wrapper-card {
        width: calc(1/2 * var(--page-width) - 1/2 * 2.5rem);
    }
    .section-landingpage-cards-big .container-cards .container-card .h2 {
        padding: 2.5rem;
        padding-bottom: 0px;
    }
}
@media only screen and (max-width: 688px) {
	.section-landingpage-cards-big .container-text .container-icons {
		margin-top: 1.25rem;
	}
    .section-landingpage-cards-big .wrapper-cards, .section-landingpage-cards-big .container-cards {
        min-width: 100%;
        gap: 1.25rem;
    }
    .section-landingpage-cards-big .container-cards .wrapper-card {
        width: var(--page-width);
    }
    .section-landingpage-cards-big .container-cards .container-card .h2 {
        padding: 2rem;
        padding-bottom: 0px;
    }
}

/* Text-Default */
.section-landingpage-text-default.content .container-text {
    width: 50%;
}
@media only screen and (max-width: 992px) {
    .section-landingpage-text-default.content {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .section-landingpage-text-default.content .container-text {
        width: 100%;
        box-sizing: border-box;
        padding-left: var(--page-padding) !important;
        padding-right: var(--page-padding) !important;
    }
    .section-landingpage-text-default .bg-image.scale {
        position: relative !important;
    }
    .section-landingpage-text-default .bg-image.scale img {
        opacity: 1 !important;
    }
}

/* Comparison Diagram */
.section-landingpage-comparison-diagram {
    gap: 3.75rem;
}
.section-landingpage-comparison-diagram .container-text {
    width: 61.8%;
}
.section-landingpage-comparison-diagram .container-text .legend {
    margin-top: 1.25rem;
    gap: 1.25rem;
}
.section-landingpage-comparison-diagram .container-text .legend > * {
    gap: 0.5rem;
}
.section-landingpage-comparison-diagram .container-text .legend > *::before {
    content: '';
    display: inline-block;
    width: 0.5rem;
    height: 0.5rem;
    background: var(--landingpage-white);
}
.section-landingpage-comparison-diagram .container-text .legend > *:last-child::before {
    background: #c4ac6d;
}
.section-landingpage-comparison-diagram .container-comparison {
    height: 50vh;
}
.section-landingpage-comparison-diagram svg {
    height: 100%;
    overflow: visible;
}
.section-landingpage-comparison-diagram .comparison-grid, .section-landingpage-comparison-diagram .comparison-axis {
    fill: none;
    stroke: var(--landingpage-white);
    stroke-width: 0.7;
    opacity: 0.5;
}
.section-landingpage-comparison-diagram .comparison-grid:nth-child(2) {
    stroke-width: 2;
    stroke: #c4ac6d;
    opacity: 1;
}
.section-landingpage-comparison-diagram .comparison-axis {
    opacity: 0.24;
}
.section-landingpage-comparison-diagram .comparison-scale text {
    fill: var(--landingpage-white);
    font-size: 9px;
    line-height: 1;
    text-anchor: middle;
    dominant-baseline: middle;
}
.section-landingpage-comparison-diagram .comparison-value {
    stroke-linejoin: round;
    stroke-width: 3;
}
.section-landingpage-comparison-diagram .comparison-value-standard {
    fill: rgba(73, 71, 75, 0.5);
    stroke: var(--landingpage-dark-grey);
}
.section-landingpage-comparison-diagram .comparison-value-new-product {
    fill: rgba(196, 196, 196, 0.22);
    stroke: var(--landingpage-white);
    filter: drop-shadow(0 0 0px transparent) drop-shadow(0 0 0px transparent);
    animation:
        landingpage-comparison-value-glow-in 1.25s cubic-bezier(0.22, 1, 0.36, 1) forwards,
        landingpage-comparison-value-glow 2.5s ease-in-out 1.25s infinite;
}
@keyframes landingpage-comparison-value-glow-in {
    from {
        filter: drop-shadow(0 0 0px transparent) drop-shadow(0 0 0px transparent);
    }
    to {
        filter: drop-shadow(0 0 6px var(--landingpage-silver)) drop-shadow(0 0 20px var(--landingpage-silver));
    }
}
@keyframes landingpage-comparison-value-glow {
    0%, 100% {
        filter: drop-shadow(0 0 6px var(--landingpage-silver)) drop-shadow(0 0 20px var(--landingpage-silver));
    }
    50% {
        filter: drop-shadow(0 0 3px transparent) drop-shadow(0 0 10px transparent);
    }
}
.section-landingpage-comparison-diagram .container-labels {
    position: absolute;
    inset: 0;
    pointer-events: none;
}
.section-landingpage-comparison-diagram .comparison-label {
    position: absolute;
    width: 10rem;
}
.section-landingpage-comparison-diagram .comparison-label-1 {
    bottom: 95%;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
}
.section-landingpage-comparison-diagram .comparison-label-2 {
    top: 27.5%;
    left: 92.5%;
    transform: translateY(-50%);
    text-align: left;
}
.section-landingpage-comparison-diagram .comparison-label-3 {
    bottom: 27.5%;
    left: 92.5%;
    transform: translateY(50%);
    text-align: left;
}
.section-landingpage-comparison-diagram .comparison-label-4 {
    top: 95%;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
}
.section-landingpage-comparison-diagram .comparison-label-5 {
    bottom: 27.5%;
    right: 92.5%;
    transform: translateY(50%);
    text-align: right;
}
.section-landingpage-comparison-diagram .comparison-label-6 {
    top: 27.5%;
    right: 92.5%;
    transform: translateY(-50%);
    text-align: right;
}
@media only screen and (max-width: 992px) {
    .section-landingpage-comparison-diagram {
        gap: 3.75rem;
    }
    .section-landingpage-comparison-diagram .container-text {
        width: 100%;
    }
    .section-landingpage-comparison-diagram .container-comparison {
        height: auto;
        width: 65%;
    }
    .section-landingpage-comparison-diagram svg {
        width: 100%;
        height: auto;
    }
}
@media only screen and (max-width: 688px) {
    .section-landingpage-comparison-diagram .container-comparison {
        width: 100%;
    }
    .section-landingpage-comparison-diagram .comparison-label {
        position: absolute;
        width: 8.75rem;
        font-size: 0.75rem;
    }
    .section-landingpage-comparison-diagram .comparison-label-2, .section-landingpage-comparison-diagram .comparison-label-3, .section-landingpage-comparison-diagram .comparison-label-5, .section-landingpage-comparison-diagram .comparison-label-6 {
        transform: initial;
    }
    .section-landingpage-comparison-diagram .comparison-label-2, .section-landingpage-comparison-diagram .comparison-label-3 {
        left: initial;
        right: 0px;
        text-align: right;
    }
    .section-landingpage-comparison-diagram .comparison-label-5, .section-landingpage-comparison-diagram .comparison-label-6 {
        right: initial;
        left: 0px;
        text-align: left;
    }
    .section-landingpage-comparison-diagram .comparison-label-2, .section-landingpage-comparison-diagram .comparison-label-6 {
        bottom: 75%;
        top: initial;
    }
    .section-landingpage-comparison-diagram .comparison-label-3, .section-landingpage-comparison-diagram .comparison-label-5 {
        top: 75%;
        bottom: initial;
    }
}

/* Comparison Table */
.section-landingpage-comparison-table {
    padding-top: 0px !important;
    gap: 5rem;
}
.section-landingpage-comparison-table .container-text {
    width: 61.8%;
}
.section-landingpage-comparison-table .container-content {
    width: 70%;
    padding-top: 2.5rem;
    overflow: hidden;
}
#smooth-content:not(.touch) .section-landingpage-comparison-table .container-content {
    will-change: transform;
}
.section-landingpage-comparison-table .container-highlight {
    position: absolute;
    top: 1.25rem;
    bottom: -3.75rem;
    left: 33.333%;
    z-index: 9;
    width: 33.333%;
    background: linear-gradient(104deg, rgba(90, 87, 95, 0.76) 0%, rgba(0, 0, 0, 0.76) 100%);
    box-shadow: var(--landingpage-glow-white-2);
    mix-blend-mode: lighten;
    pointer-events: none;
    animation: landingpage-comparison-table-highlight-glow 2.5s ease-in-out infinite;
}
@keyframes landingpage-comparison-table-highlight-glow {
    0%, 100% {
        box-shadow: var(--landingpage-glow-white-2);
    }
    50% {
        box-shadow: var(--landingpage-glow-white-less);
    }
}
.section-landingpage-comparison-table .container-table {
    display: flex;
    flex-direction: column;
    position: relative;
    z-index: 1;
    gap: 1.25rem;
}
.section-landingpage-comparison-table .container-table-viewport {
    position: relative;
    width: 100%;
}
.section-landingpage-comparison-table .container-table-viewport > table {
    position: relative;
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
}
.section-landingpage-comparison-table.has-load-more .container-table.is-collapsed .container-table-viewport {
    max-height: calc(4.375rem * 6);
    overflow: hidden;
}
.section-landingpage-comparison-table .container-table-fade {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 11;
    height: 6.25rem;
    pointer-events: none;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, var(--landingpage-black) 100%);
}
.section-landingpage-comparison-table .container-table.is-expanded .container-table-viewport {
    max-height: none;
    overflow: visible;
}
.section-landingpage-comparison-table table tr {
    border: none;
}
.section-landingpage-comparison-table table th, .section-landingpage-comparison-table table td {
    box-sizing: border-box;
    height: 4.375rem;
    padding: 0.3125rem 1.25rem;
    vertical-align: middle;
}
.section-landingpage-comparison-table table td {
    border-top: 1px solid var(--landingpage-anthrazit);
}
.section-landingpage-comparison-table table th:first-child, .section-landingpage-comparison-table table td:first-child {
    width: 33.333%;
    text-align: left;
}
.section-landingpage-comparison-table table th:not(:first-child), .section-landingpage-comparison-table table td:not(:first-child) {
    width: 33.333%;
    text-align: center;
}
.section-landingpage-comparison-table table tbody tr:nth-child(even) td {
    background-color: rgba(90, 89, 87, 0.3);
}
@media only screen and (max-width: 992px) {
    .section-landingpage-comparison-table .container-text, .section-landingpage-comparison-table .container-content {
        width: 100%;
    }
    .section-landingpage-comparison-table .container-highlight {
        left: 32.375%;
        width: 35.25%;
    }
}
@media only screen and (max-width: 688px) {
    .section-landingpage-comparison-table {
        gap: 3.75rem;
    }
    .section-landingpage-comparison-table .container-content {
        padding-bottom: 2.5rem;
        overflow-x: scroll;
    }
    .section-landingpage-comparison-table .container-table-viewport > table {
        width: 48rem;
    }
    .section-landingpage-comparison-table .container-highlight {
        left: calc(48rem * 0.32375);
        width: calc(48rem * 0.3525);
        bottom: 1.25rem;
    }
    .section-landingpage-comparison-table.has-load-more .container-table.is-collapsed .container-table-viewport {
        max-height: initial;
        overflow: visible;
    }
    .section-landingpage-comparison-table .container-buttons {
        display: none;
    }
}

/* Contactform */
.section-landingpage-contact {
	gap: 2.5rem;
    align-items: stretch;
}
.section-landingpage-contact > picture, .section-landingpage-contact > picture img {
    height: auto !important;
}
.section-landingpage-contact > .bg-image {
    top: initial !important;
    bottom: 0 !important;
}
.section-landingpage-contact > form {
    z-index: 2;
	width: calc(61.8% - 2.5rem);
}
.section-landingpage-contact > .container-text {
    z-index: 2;
	width: calc(38.2% - 2.5rem);
    justify-content: flex-start;
}
.section-landingpage-contact > .line {
    z-index: 2;
	width: 1px;
    background: var(--landingpage-white);
}
@media only screen and (max-width: 992px) {
    .section-landingpage-contact {
        flex-direction: column-reverse;
    }
    .section-landingpage-contact > .container-text, .section-landingpage-contact > .line, .section-landingpage-contact > form {
        width: 100%;
    }
    .section-landingpage-contact > .line {
        height: 1px;
        align-self: center;
    }
    .section-landingpage-contact > .bg-image {
        display: none !important;
    }
}
@media only screen and (max-width: 688px) {
    
}