/* =================================== */
/* ============ OVERRIDE ============= */
/* =================================== */

.accordion-item {
    border: 0px !important;
    border-bottom: 1px solid var(--color-beige) !important;
}

.accordion-button:not(.collapsed) {
    background: var(--color-inde) !important;
    border-radius: 0px !important;
    border: 0px !important;
    box-shadow: none !important;
}

.accordion-button:focus {
    box-shadow: none !important;
    border: none !important;
}

.accordion-button::after {
    background-image: url('/uploads/Icons/open-container.svg') !important;
}

.accordion-button:not(.collapsed)::after {
    background-image: url('/uploads/Icons/close-container.svg') !important;
}

:focus-visible {
    outline: none !important;
}

.form-control:focus {
    outline: 0;
    box-shadow: none !important;
    border-color: var(--color-beige) !important;
}

.offcanvas.offcanvas-bottom{
    border-top: none !important;
}

.formie-recaptcha-placeholder{
    display: none !important;
}

.back-to-top{
    max-width: 100px;
}

/* =================================== */
/* ============ ALLGEMEIN ============ */
/* =================================== */

.background-cover {
    background-size: cover;
}

.background-contain {
    background-size: contain;
}

.background-no-repeat {
    background-repeat: no-repeat;
}

.background-center-center {
    background-position: center center;
}

.background-center-right {
    background-position: center right;
}

.background-center-top {
    background-position: center top;
}

.background-right-top {
    background-position: right top;
}

.background-center-right{
    background-position: center right;
}

.align-content-end {
    align-content: flex-end;
}

.max-width {
    max-width: 1440px;
}

.cursor-pointer {
    cursor: pointer;
}

.cursor-default {
    cursor: default;
}

.vh-10 {
    height: 10vh;
}

.vh-20 {
    min-height: 20vh;
}

.vh-30 {
    height: 30vh;
}

.vh-50 {
    height: 50vh;
}

.min-vh-50 {
    min-height: 50vh;
}

.min-vh-60 {
    min-height: 60vh;
}

.vh-70 {
    height: 70vh;
}

.min-vh-75 {
    min-height: 75vh;
}

.vh-80 {
    min-height: 80vh;
}

.vh-80-termin {
    height: 80vh;
}

.vh-100-real-estate {
    height: calc(100vh - 100px);
}

.mt-n1 {
    margin-bottom: -3rem !important;
}

.mt-n1 {
    margin-bottom: -3rem !important;
}

.mt-button {
    margin-top: -28px !important;
}

.image-hover:hover .image-scale {
    transform: scale(1.1);
    transition: 0.5s;
}

.image-scale {
    transition: 0.5s;
}

.hyphens{
    hyphens: auto;
}


/* ==================================== */
/* ============== BUTTON ============== */
/* ==================================== */

/* ======================================== */
/* ============== APPARTMENT ============== */
/* ======================================== */

/* ======================================== */
/* ============== NAVIGATION ============== */
/* ======================================== */

.sticky-background{
    background-color: var(--color-white);
}

.sticky-logo{
    background-image: url("data:image/svg+xml,%3Csvg id='Group_2157' data-name='Group 2157' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='179.213' height='48.853' viewBox='0 0 179.213 48.853'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Crect id='Rectangle_1180' data-name='Rectangle 1180' width='179.213' height='48.853' fill='none'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='Group_2156' data-name='Group 2156' clip-path='url(%23clip-path)'%3E%3Cpath id='Path_10194' data-name='Path 10194' d='M378.379,110.4h-5.466a14.965,14.965,0,0,0,3.455,8.251l-1.88,1.88.4.4,5.681-5.681-.182-.182a11.473,11.473,0,0,1-2-4.665' transform='translate(-243.455 -72.073)' fill='%23565768'/%3E%3Cpath id='Path_10195' data-name='Path 10195' d='M357.429,25.5l-.4-.4-1.886,1.886a12.722,12.722,0,0,0-9.2-3.75,8.627,8.627,0,0,0-5.414,1.576L342,16.2h13.244V11.207H337.483l-1.34,8.21a12.662,12.662,0,0,0-11.721-7.381,8.625,8.625,0,0,0-5.414,1.577l1.471-8.619h13.245V0H315.961L312.7,19.973l4.73,1.1a7.631,7.631,0,0,1,6.99-4.047c4.573,0,7.568,4.257,7.568,9.093,0,4.573-3.521,8.514-7.779,8.514-3.837,0-6.78-2.523-7.831-7.515h-5.466c.893,7.673,6.149,12.509,13.245,12.509a12.827,12.827,0,0,0,12.063-7.985l2.732.637a7.63,7.63,0,0,1,6.99-4.047,6.939,6.939,0,0,1,5.708,3.011l.079-.079.016.016Z' transform='translate(-202.98 -0.001)' fill='%23565768'/%3E%3Cpath id='Path_10196' data-name='Path 10196' d='M13.584,48.6,11.3,43.283H3.951L1.644,48.6H0L6.749,32.8H8.522l6.792,15.8ZM7.646,34.59l-3.1,7.262h6.13Z' transform='translate(0 -21.411)' fill='%23565768'/%3E%3Cpath id='Path_10197' data-name='Path 10197' d='M49.832,48.6V32.8h1.581V47.17h6.535V48.6Z' transform='translate(-32.533 -21.411)' fill='%23565768'/%3E%3Cpath id='Path_10198' data-name='Path 10198' d='M78.254,48.6V32.8h1.581V47.17H86.37V48.6Z' transform='translate(-51.088 -21.411)' fill='%23565768'/%3E%3Cpath id='Path_10199' data-name='Path 10199' d='M121.109,48.6V34.526h-.043L115.15,48.6H113.8l-5.873-14.075h-.043V48.6h-1.581V32.8h2.435l5.745,13.455L120.254,32.8h2.435V48.6Z' transform='translate(-69.403 -21.411)' fill='%23565768'/%3E%3Cpath id='Path_10200' data-name='Path 10200' d='M172.493,48.6l-2.285-5.318H162.86L160.553,48.6h-1.644l6.749-15.8h1.773l6.792,15.8ZM166.555,34.59l-3.1,7.262h6.13Z' transform='translate(-103.743 -21.411)' fill='%23565768'/%3E%3Cpath id='Path_10201' data-name='Path 10201' d='M219.309,48.6l-9.376-13.9h-.043V48.6h-1.581V32.8h2.136l8.821,13.114h.043V32.8h1.581V48.6Z' transform='translate(-135.994 -21.411)' fill='%23565768'/%3E%3Cpath id='Path_10202' data-name='Path 10202' d='M264.835,48.6l-9.376-13.9h-.043V48.6h-1.581V32.8h2.136l8.821,13.114h.043V32.8h1.581V48.6Z' transform='translate(-165.716 -21.411)' fill='%23565768'/%3E%3Cpath id='Path_10203' data-name='Path 10203' d='M409.11,111.645v-.738l4.011-6.676h-3.889v-.738h4.8v.738l-4,6.676h4.121v.738Z' transform='translate(-267.087 -67.564)' fill='%23565768'/%3E%3Cpath id='Path_10204' data-name='Path 10204' d='M431.078,99.6h.815v5.167c0,2.061-1.2,3.129-2.777,3.129-1.553,0-2.776-1.035-2.776-3.151V99.6h.815v5.19c0,1.641.881,2.369,1.961,2.369.937,0,1.961-.584,1.961-2.358Zm-3.184-2.071h.815v1.388h-.815Zm1.631,0h.815v1.388h-.815Z' transform='translate(-278.335 -63.669)' fill='%23565768'/%3E%3Cpath id='Path_10205' data-name='Path 10205' d='M451.35,111.645l-2.765-3.691h.793c1.443,0,2.3-.738,2.3-1.851,0-.771-.474-1.873-2.347-1.873H447.78v7.415h-.815v-8.153h2.457c2.126,0,3.074,1.256,3.074,2.633a2.491,2.491,0,0,1-2.424,2.479l2.3,3.041Z' transform='translate(-291.8 -67.565)' fill='%23565768'/%3E%3Crect id='Rectangle_1179' data-name='Rectangle 1179' width='0.815' height='8.153' transform='translate(161.918 35.927)' fill='%23565768'/%3E%3Cpath id='Path_10206' data-name='Path 10206' d='M480.561,109.259a4.314,4.314,0,0,1-3.757,2.28,4.214,4.214,0,1,1,3.724-6.2h-.914a3.446,3.446,0,0,0-2.832-1.487,3.476,3.476,0,1,0,2.865,5.41Z' transform='translate(-308.497 -67.316)' fill='%23565768'/%3E%3Cpath id='Path_10207' data-name='Path 10207' d='M504.42,111.645v-3.824H500.2v3.824h-.815v-8.153h.815v3.592h4.22v-3.592h.815v8.153Z' transform='translate(-326.022 -67.564)' fill='%23565768'/%3E%3C/g%3E%3C/svg%3E%0A");
    width: 11.25rem;
    height: 3.125rem;
}

.sticky-navigation-arrow{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12.734' height='13.148' viewBox='0 0 12.734 13.148'%3E%3Cg id='Icon_feather-arrow-down' data-name='Icon feather-arrow-down' transform='translate(0.5 12.441) rotate(-90)'%3E%3Cpath id='Path_8419' data-name='Path 8419' d='M18,7.5V19.234' transform='translate(-12.133 -7.5)' fill='none' stroke='%23565769' stroke-linecap='round' stroke-linejoin='round' stroke-width='1'/%3E%3Cpath id='Path_8420' data-name='Path 8420' d='M19.234,18l-5.867,5.867L7.5,18' transform='translate(-7.5 -12.133)' fill='none' stroke='%23565769' stroke-linecap='round' stroke-linejoin='round' stroke-width='1'/%3E%3C/g%3E%3C/svg%3E%0A");
    height: 1rem;
    width: 1rem;
}

#produkte{
    scroll-margin-top: 9rem;
}

#entdecken{
    scroll-margin-top: 6rem;
}

#kontakt{
    scroll-margin-top: 12rem;
}

.navigation-close {
    background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='17.702' height='17.212' viewBox='0 0 17.702 17.212'%3E%3Cg id='Group_1659' data-name='Group 1659' transform='translate(-259.157 -92.652)'%3E%3Cline id='Line_56' data-name='Line 56' x2='16' y2='16.5' transform='translate(260.5 93)' fill='none' stroke='%23000' stroke-width='1'/%3E%3Cline id='Line_66' data-name='Line 66' x1='17' y2='16' transform='translate(259.5 93.5)' fill='none' stroke='%23000' stroke-width='1'/%3E%3C/g%3E%3C/svg%3E");
    height: 1.75rem;
    width: 1.75rem;
}

.instandhaltung-icon{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='39.634' height='39.677' viewBox='0 0 39.634 39.677'%3E%3Cpath id='noun-maintenance-3325119-FFFFFF' d='M171.23,159.439a7.907,7.907,0,0,0-6.389-2.276l-11.98-11.98A9.584,9.584,0,0,0,139.7,134.049a.8.8,0,0,0-.248,1.3l4.792,4.792-.8,2.723-2.724.8-4.792-4.792a.8.8,0,0,0-1.3.248,9.584,9.584,0,0,0,11.1,13.066l11.98,12.02a7.914,7.914,0,1,0,13.466-4.792ZM170.1,169.5a6.31,6.31,0,0,1-10.7-5.455.8.8,0,0,0-.224-.695l-12.651-12.635a1.076,1.076,0,0,0-.791-.232,7.985,7.985,0,0,1-10.031-9.656l4.241,4.3a.8.8,0,0,0,.8.208l3.594-1.03a.8.8,0,0,0,.543-.551l1.038-3.594a.8.8,0,0,0-.208-.8l-4.233-4.233a8,8,0,0,1,9.656,10.071.8.8,0,0,0,.184.727l12.619,12.627a.8.8,0,0,0,.695.224,6.31,6.31,0,0,1,5.455,10.7Zm-4.464-7.851a3.386,3.386,0,1,0,2.4.99A3.387,3.387,0,0,0,165.64,161.652ZM166.9,166.3a1.837,1.837,0,0,1-2.524,0,1.781,1.781,0,1,1,2.524,0Z' transform='translate(-133.859 -133.231)' fill='%23fff'/%3E%3C/svg%3E%0A");
    height: 2.5rem;
    width: 2.5rem;
}

.kundendienst-icon{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='35.764' height='41.101' viewBox='0 0 35.764 41.101'%3E%3Cg id='noun-help-1331549-FFFFFF' transform='translate(-97.936 -23.072)'%3E%3Cpath id='Path_8508' data-name='Path 8508' d='M913.681,689.395h-4.2a1.9,1.9,0,0,1-1.9-1.9v-8.526a1.9,1.9,0,0,1,1.9-1.9h4.2a.822.822,0,0,1,.822.822v10.685a.821.821,0,0,1-.822.822Zm-4.2-10.685a.258.258,0,0,0-.258.258v8.526a.258.258,0,0,0,.258.258h3.379V678.71Z' transform='translate(-780.805 -630.7)' fill='%23fff'/%3E%3Cpath id='Path_8509' data-name='Path 8509' d='M103.014,689.393h-4.2a.821.821,0,0,1-.822-.822V677.886a.822.822,0,0,1,.822-.822h4.2a1.9,1.9,0,0,1,1.9,1.9v8.526a1.9,1.9,0,0,1-1.9,1.9Zm-3.379-1.644h3.379a.258.258,0,0,0,.258-.258v-8.526a.258.258,0,0,0-.258-.258H99.636Z' transform='translate(-0.054 -630.698)' fill='%23fff'/%3E%3Cpath id='Path_8510' data-name='Path 8510' d='M132.876,56.507a.822.822,0,0,1-.822-.822V40.948a16.231,16.231,0,0,0-16.232-16.232A16.255,16.255,0,0,0,99.58,40.948V55.685a.822.822,0,1,1-1.644,0V40.948a17.883,17.883,0,0,1,30.527-12.64,17.721,17.721,0,0,1,5.235,12.64V55.685a.822.822,0,0,1-.822.822Z' fill='%23fff'/%3E%3Cpath id='Path_8511' data-name='Path 8511' d='M672.19,984.346a10.321,10.321,0,0,1-6.343-2.506.822.822,0,0,1,1.015-1.294c2.26,1.774,4.468,2.461,6.568,2.03,3.777-.767,6.084-4.879,6.108-4.92a.822.822,0,0,1,1.441.791c-.108.2-2.683,4.812-7.211,5.738a7.81,7.81,0,0,1-1.577.161Z' transform='translate(-547.379 -920.174)' fill='%23fff'/%3E%3Cpath id='Path_8512' data-name='Path 8512' d='M525.4,1005.867a4.748,4.748,0,0,1-.552-.033,4.159,4.159,0,0,1-2.183-.9,2.148,2.148,0,0,1,.443-3.749,4.183,4.183,0,0,1,2.332-.362c1.891.224,3.242,1.5,3.077,2.9a2.294,2.294,0,0,1-1.337,1.743,3.992,3.992,0,0,1-1.779.395Zm-.51-3.429a2.352,2.352,0,0,0-1.043.221c-.259.129-.424.3-.443.466a.717.717,0,0,0,.322.558,2.765,2.765,0,0,0,2.716.32c.258-.129.423-.3.442-.466.042-.356-.575-.952-1.637-1.077a2.968,2.968,0,0,0-.358-.022Z' transform='translate(-408.729 -942.898)' fill='%23fff'/%3E%3C/g%3E%3C/svg%3E%0A");
    height: 2.5rem;
    width: 2.5rem;
}

.previous-project{
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='b' xmlns='http://www.w3.org/2000/svg' width='227.7658' height='410.1265' viewBox='0 0 227.7658 410.1265'%3E%3Cg id='c'%3E%3Cpath d='m.1397,207.6613c.6133,5.1055,2.9453,9.8516,6.6133,13.457l181.37,181.37v.0039c4.1562,4.6875,10.066,7.4492,16.328,7.625,6.2617.1797,12.32-2.2422,16.734-6.6914,4.4141-4.4453,6.7891-10.52,6.5664-16.781-.2227-6.2617-3.0273-12.152-7.7461-16.273L54.6953,205.0617,220.0053,39.7517c4.7188-4.1172,7.5234-10.008,7.7461-16.27.2227-6.2617-2.1523-12.336-6.5664-16.781C216.7709,2.2515,210.712-.1704,204.451.0093c-6.2617.1758-12.172,2.9375-16.328,7.625L6.753,189.0043c-4.9453,4.8789-7.3828,11.754-6.6133,18.66v-.003Z' style='stroke-width:0px;'/%3E%3C/g%3E%3C/svg%3E");
    width: 0.75rem;
    height: 1.375rem;
}

.next-project{
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='b' xmlns='http://www.w3.org/2000/svg' width='227.7658' height='410.1265' viewBox='0 0 227.7658 410.1265'%3E%3Cg id='c'%3E%3Cpath d='m227.6261,207.6613c-.6133,5.1055-2.9453,9.8516-6.6133,13.457L39.6428,402.4882v.0039c-4.1562,4.6875-10.066,7.4492-16.328,7.625-6.2617.1797-12.32-2.2422-16.734-6.6914-4.4141-4.4453-6.7891-10.52-6.5664-16.781.2227-6.2617,3.0273-12.152,7.7461-16.273l165.31-165.31L7.7605,39.7517C3.0416,35.6345.237,29.7437.0144,23.4817c-.2227-6.2617,2.1523-12.336,6.5664-16.781C10.9949,2.2515,17.0538-.1704,23.3148.0093c6.2617.1758,12.172,2.9375,16.328,7.625l181.37,181.37c4.9453,4.8789,7.3828,11.754,6.6133,18.66v-.003Z' style='stroke-width:0px;'/%3E%3C/g%3E%3C/svg%3E");
    width: 0.75rem;
    height: 1.375rem;
}

.tooltip-inner {
    max-width: 600px !important;
    padding: 1rem !important;
    text-align: start !important;
    font-family: 'OpenSans Regular';
}

.hamburger-first, .hamburger-last {
    transition: 0.3s;
}

#hamburger-svg:hover .hamburger-first, #hamburger-svg-sticky:hover .hamburger-first{
    transform: translate(0px, 3px) !important;
    transition: 0.3s;
}

#hamburger-svg:hover .hamburger-last, #hamburger-svg-sticky:hover .hamburger-last{
    transform: translate(0px, 15px) !important;
    transition: 0.3s;
}

/* =================================== */
/* ============== ICONS ============== */
/* =================================== */
.telefon-icon{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12.524' height='14.697' viewBox='0 0 12.524 14.697'%3E%3Cpath id='noun-phone-57645' d='M362.727,313.641c.438.093,1.359,1.941,1.339,2.388-.026.549-1.324,1.287-1.324,1.287s-.4.283-.414.557a9.635,9.635,0,0,0,1.466,3.921,7.589,7.589,0,0,0,3.466,2.364c.274.013.954-.691,1.137-.771.562-.249,2.995.691,2.969,1.24-.021.447-1.449,2.541-2.326,2.642s-6.026-.757-8.029-5.048c-1.841-3.946-.858-6.579-.572-7.151a2.838,2.838,0,0,1,2.288-1.43Zm0,0' transform='translate(-359.342 -313.092)' fill='none' stroke='%23000' stroke-linecap='round' stroke-miterlimit='10' stroke-width='1'/%3E%3C/svg%3E%0A");
    height: 1.25rem;
    width: 1.25rem;
}

.mail-icon{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.162' height='12.331' viewBox='0 0 16.162 12.331'%3E%3Cpath id='noun-envelope-1918278' d='M72,198.72v12.131H87.962V198.72Zm14.685.638-6.7,5.028-6.7-5.028ZM72.639,210.213V199.678l7.343,5.507,7.343-5.507v10.535Z' transform='translate(-71.9 -198.62)' stroke='%23000' stroke-width='0.2'/%3E%3C/svg%3E%0A");
    height: 0.9rem;
    width: 1.25rem;
}

.hours-icon{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14.46' height='14.46' viewBox='0 0 14.46 14.46'%3E%3Cg id='noun-clock-1864323' transform='translate(0.1 0.1)'%3E%3Cpath id='Path_20' data-name='Path 20' d='M35.25,42.4a7.137,7.137,0,1,1,5.04-2.09,7.13,7.13,0,0,1-5.04,2.09Zm0-13.792a6.67,6.67,0,1,0,4.709,1.953A6.662,6.662,0,0,0,35.25,28.608Z' transform='translate(-28.12 -28.14)' stroke='%23000' stroke-width='0.2'/%3E%3Cpath id='Path_21' data-name='Path 21' d='M581.484,114.181a.234.234,0,0,1-.234-.234v-5.9a.234.234,0,0,1,.468,0v5.9a.234.234,0,0,1-.234.234Z' transform='translate(-574.354 -106.818)' stroke='%23000' stroke-width='0.2'/%3E%3Cpath id='Path_22' data-name='Path 22' d='M584.633,581.862a.234.234,0,0,1-.166-.068l-2.232-2.232a.234.234,0,0,1,.33-.33l2.233,2.232a.234.234,0,0,1-.166.4Z' transform='translate(-575.271 -572.305)' stroke='%23000' stroke-width='0.2'/%3E%3C/g%3E%3C/svg%3E%0A");
    height: 1.25rem;
    width: 1.25rem;
}

.whatsapp-icon{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18.503' height='18.503' viewBox='0 0 18.503 18.503'%3E%3Cpath id='Icon_awesome-whatsapp' data-name='Icon awesome-whatsapp' d='M15.732,4.939A9.172,9.172,0,0,0,1.3,16L0,20.753l4.861-1.276a9.141,9.141,0,0,0,4.382,1.115h0A9.257,9.257,0,0,0,18.5,11.423a9.205,9.205,0,0,0-2.771-6.484ZM9.248,19.048a7.608,7.608,0,0,1-3.882-1.061l-.277-.165-2.883.756.768-2.813-.182-.289a7.636,7.636,0,1,1,14.163-4.052,7.706,7.706,0,0,1-7.707,7.624Zm4.18-5.708c-.227-.116-1.355-.669-1.565-.743s-.363-.116-.516.116-.591.743-.727.9-.268.173-.5.058A6.236,6.236,0,0,1,7,10.944c-.235-.4.235-.376.673-1.251a.425.425,0,0,0-.021-.4c-.058-.116-.516-1.243-.706-1.7s-.376-.384-.516-.392S6.15,7.19,6,7.19a.849.849,0,0,0-.611.285,2.574,2.574,0,0,0-.8,1.912,4.488,4.488,0,0,0,.933,2.371,10.238,10.238,0,0,0,3.915,3.461,4.483,4.483,0,0,0,2.751.574,2.347,2.347,0,0,0,1.545-1.09,1.916,1.916,0,0,0,.132-1.09C13.807,13.509,13.655,13.451,13.427,13.34Z' transform='translate(0 -2.25)' fill='%23fff'/%3E%3C/svg%3E%0A");
    height: 1.125rem;
    width: 1.125rem;
    transition: 0.4s;
}

.instagram-icon{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath id='Instagram' d='M14,0a6,6,0,0,1,6,6v8a6,6,0,0,1-6,6H6a6,6,0,0,1-6-6V6A6,6,0,0,1,6,0ZM10,5a5,5,0,1,0,5,5A5.005,5.005,0,0,0,10,5Zm6-2a1.075,1.075,0,0,0-1,1,1,1,0,0,0,2,0A1.075,1.075,0,0,0,16,3ZM10,7a3,3,0,1,0,3,3A3,3,0,0,0,10,7Z' fill-rule='evenodd'/%3E%3C/svg%3E%0A");
    height: 1.25rem;
    width: 1.25rem;
}

.facebook-icon{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20.001' viewBox='0 0 20 20.001'%3E%3Cpath id='Facebook' d='M10,20H2a2,2,0,0,1-2-2V2A2,2,0,0,1,2,0H18a2,2,0,0,1,2,2V18a2,2,0,0,1-2,2H13V12.47h2.563l.411-2.823H13V8.44c0-1.163.375-1.616,1.339-1.616H16v-2.7l-.032,0A14.638,14.638,0,0,0,13.925,4a3.921,3.921,0,0,0-2.876.989A4.276,4.276,0,0,0,10,8.131V9.647H7V12.47h3V20Z'/%3E%3C/svg%3E%0A");
    height: 1.25rem;
    width: 1.25rem;
}

.linkedin-icon{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath id='Linkedin' d='M18,0a2,2,0,0,1,2,2V18a2,2,0,0,1-2,2H2a2,2,0,0,1-2-2V2A2,2,0,0,1,2,0ZM6.937,7.364H4.25V16H6.937Zm6.84-.215a2.824,2.824,0,0,0-2.542,1.395H11.2V7.364H8.622V16h2.685V11.727c0-1.126.215-2.217,1.613-2.217,1.378,0,1.4,1.288,1.4,2.29V16H17V11.263C17,8.938,16.5,7.149,13.777,7.149ZM5.566,3A1.564,1.564,0,1,0,7.132,4.564,1.565,1.565,0,0,0,5.566,3Z' fill-rule='evenodd'/%3E%3C/svg%3E%0A");
    height: 1.25rem;
    width: 1.25rem;
}

.twitter-icon{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath id='Twitter' d='M18,20H2a2,2,0,0,1-2-2V2A2,2,0,0,1,2,0H18a2,2,0,0,1,2,2V18A2,2,0,0,1,18,20ZM3,14.252H3A8.361,8.361,0,0,0,7.4,15.5a7.975,7.975,0,0,0,8.172-7.9c0-.12,0-.241-.008-.359A5.726,5.726,0,0,0,17,5.8a5.909,5.909,0,0,1-1.65.437A2.8,2.8,0,0,0,16.613,4.7a5.883,5.883,0,0,1-1.824.674,2.931,2.931,0,0,0-2.1-.878A2.829,2.829,0,0,0,9.821,7.276a2.714,2.714,0,0,0,.074.633,8.279,8.279,0,0,1-5.92-2.9,2.713,2.713,0,0,0-.388,1.4A2.751,2.751,0,0,0,4.864,8.716a2.953,2.953,0,0,1-1.3-.347V8.4a2.808,2.808,0,0,0,2.3,2.722,2.989,2.989,0,0,1-1.3.048A2.861,2.861,0,0,0,7.252,13.1a5.849,5.849,0,0,1-3.567,1.19A5.974,5.974,0,0,1,3,14.252Z'/%3E%3C/svg%3E%0A");
    height: 1.25rem;
    width: 1.25rem;
}

.vaporex-button span{
    line-height: 1;
}

.button-transaprent-black, .button-black{
    transition: 0.4s;
}

.button-black:hover .whatsapp-icon{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18.503' height='18.503' viewBox='0 0 18.503 18.503'%3E%3Cpath id='Icon_awesome-whatsapp' data-name='Icon awesome-whatsapp' d='M15.732,4.939A9.172,9.172,0,0,0,1.3,16L0,20.753l4.861-1.276a9.141,9.141,0,0,0,4.382,1.115h0A9.257,9.257,0,0,0,18.5,11.423a9.205,9.205,0,0,0-2.771-6.484ZM9.248,19.048a7.608,7.608,0,0,1-3.882-1.061l-.277-.165-2.883.756.768-2.813-.182-.289a7.636,7.636,0,1,1,14.163-4.052,7.706,7.706,0,0,1-7.707,7.624Zm4.18-5.708c-.227-.116-1.355-.669-1.565-.743s-.363-.116-.516.116-.591.743-.727.9-.268.173-.5.058A6.236,6.236,0,0,1,7,10.944c-.235-.4.235-.376.673-1.251a.425.425,0,0,0-.021-.4c-.058-.116-.516-1.243-.706-1.7s-.376-.384-.516-.392S6.15,7.19,6,7.19a.849.849,0,0,0-.611.285,2.574,2.574,0,0,0-.8,1.912,4.488,4.488,0,0,0,.933,2.371,10.238,10.238,0,0,0,3.915,3.461,4.483,4.483,0,0,0,2.751.574,2.347,2.347,0,0,0,1.545-1.09,1.916,1.916,0,0,0,.132-1.09C13.807,13.509,13.655,13.451,13.427,13.34Z' transform='translate(0 -2.25)' fill='%23000'/%3E%3C/svg%3E%0A");
    transition: 0.4s;
}

.button-black:hover{
    background: transparent;
    color: var(--color-black);
    transition: 0.4s;
}

.button-transaprent-black:hover{
    background: var(--color-black);
    color: var(--color-white);
    transition: 0.4s;
}

.button-transaprent-white span{
    color: var(--color-white);
}

.button-transaprent-white:hover span{
    color: var(--color-dark-blue);
}

.button-white:hover{
    background: transparent;
    color: var(--color-white);
    transition: 0.4s;
}

.button-transaprent-white:hover{
    background: var(--color-white);
    color: var(--color-dark-blue);
    transition: 0.4s;
}

.button-neon-green{
    background-color: var(--color-neon-green);
    color: var(--color-white);
    border: 1px solid var(--color-neon-green);
    transition: 0.4s;
}

.button-neon-green:hover{
    background-color: var(--color-black);
    color: var(--color-white);
    border: 1px solid var(--color-black);
    transition: 0.4s;
}

.button-black-arrow{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6.704' height='11.727' viewBox='0 0 6.704 11.727'%3E%3Cpath id='Icon_ionic-ios-arrow-back' data-name='Icon ionic-ios-arrow-back' d='M13.272,12.056l4.437-4.434a.838.838,0,1,0-1.187-1.183l-5.027,5.024a.836.836,0,0,0-.024,1.156l5.048,5.059a.838.838,0,0,0,1.187-1.184Z' transform='translate(17.955 17.921) rotate(180)' fill='%23fff'/%3E%3C/svg%3E%0A");    
    height: 0.75rem;
    width: 0.5rem;
    margin-left: 1rem;
    transition: 0.4s;
}

.button-black:hover .button-black-arrow{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6.704' height='11.727' viewBox='0 0 6.704 11.727'%3E%3Cpath id='Icon_ionic-ios-arrow-back' data-name='Icon ionic-ios-arrow-back' d='M13.272,12.056l4.437-4.434a.838.838,0,1,0-1.187-1.183l-5.027,5.024a.836.836,0,0,0-.024,1.156l5.048,5.059a.838.838,0,0,0,1.187-1.184Z' transform='translate(17.955 17.921) rotate(180)'/%3E%3C/svg%3E%0A");
    margin-left: 1.8rem;
    transition: 0.4s;
}

.button-transparent-arrow{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6.704' height='11.727' viewBox='0 0 6.704 11.727'%3E%3Cpath id='Icon_ionic-ios-arrow-back' data-name='Icon ionic-ios-arrow-back' d='M13.272,12.056l4.437-4.434a.838.838,0,1,0-1.187-1.183l-5.027,5.024a.836.836,0,0,0-.024,1.156l5.048,5.059a.838.838,0,0,0,1.187-1.184Z' transform='translate(17.955 17.921) rotate(180)'/%3E%3C/svg%3E%0A");
    height: 0.75rem;
    width: 0.5rem;
    margin-left: 1rem;
    transition: 0.4s;
}

.button-transaprent-black:hover .button-transparent-arrow{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6.704' height='11.727' viewBox='0 0 6.704 11.727'%3E%3Cpath id='Icon_ionic-ios-arrow-back' data-name='Icon ionic-ios-arrow-back' d='M13.272,12.056l4.437-4.434a.838.838,0,1,0-1.187-1.183l-5.027,5.024a.836.836,0,0,0-.024,1.156l5.048,5.059a.838.838,0,0,0,1.187-1.184Z' transform='translate(17.955 17.921) rotate(180)' fill='%23fff'/%3E%3C/svg%3E%0A");    
    margin-left: 1.8rem;
    transition: 0.4s;
}

.button-transaprent-white .button-transparent-arrow{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6.704' height='11.727' viewBox='0 0 6.704 11.727'%3E%3Cpath id='Icon_ionic-ios-arrow-back' data-name='Icon ionic-ios-arrow-back' d='M13.272,12.056l4.437-4.434a.838.838,0,1,0-1.187-1.183l-5.027,5.024a.836.836,0,0,0-.024,1.156l5.048,5.059a.838.838,0,0,0,1.187-1.184Z' transform='translate(17.955 17.921) rotate(180)' fill='white'/%3E%3C/svg%3E%0A");
    transition: 0.4s;
}

.button-transaprent-white:hover .button-transparent-arrow{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6.704' height='11.727' viewBox='0 0 6.704 11.727'%3E%3Cpath id='Icon_ionic-ios-arrow-back' data-name='Icon ionic-ios-arrow-back' d='M13.272,12.056l4.437-4.434a.838.838,0,1,0-1.187-1.183l-5.027,5.024a.836.836,0,0,0-.024,1.156l5.048,5.059a.838.838,0,0,0,1.187-1.184Z' transform='translate(17.955 17.921) rotate(180)' fill='%230a1931'/%3E%3C/svg%3E%0A");    margin-left: 1.8rem;
    transition: 0.4s;
}

.button-matrazen-white-arrow{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8.652' height='14.475' viewBox='0 0 8.652 14.475'%3E%3Cg id='Group_763' data-name='Group 763' transform='translate(1.414 1.414)'%3E%3Cpath id='Path_309' data-name='Path 309' d='M2950,4638.052l5.823,5.823L2950,4649.7' transform='translate(-2950 -4638.052)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E%0A");
    width: 12px;
    height: 20px;
}
/* ========================================== */
/* ============== START SCREEN ============== */
/* ========================================== */

.video-container video{
    object-fit: cover;
    filter: brightness(0.7);
}

/* ====================================== */
/* ============== HOMEPAGE ============== */
/* ====================================== */


.homepage-partner {
    display: grid; 
    grid-auto-columns: 1fr; 
    grid-template-columns: 1fr 1fr 1fr; 
    grid-template-rows: 1fr; 
    gap: 1em 1em; 
    grid-template-areas: 
    ". . ."; 
}

.partner-index{
    height: 2.875rem;
    width: 2.875rem;
    transition: 0.4s;
}

.partner-bereich:hover .button-transparent-arrow{
    margin-left: 2rem;
}

.partner-bereich:hover .partner-index{
    background-color: var(--color-black);
    color: var(--color-white);
    transition: 0.4s;
}

#entdeckenslider .splide__arrow{
    top: 50%;
    opacity: 1 !important;
    width: 3em !important;
}

.entdecker-slider-arrow-prev{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='50' height='50' viewBox='0 0 50 50'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Ccircle id='Ellipse_15' data-name='Ellipse 15' cx='25' cy='25' r='25' fill='%23fff'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='Group_2072' data-name='Group 2072' transform='translate(-710)'%3E%3Cg id='Mask_Group_116' data-name='Mask Group 116' transform='translate(760 50) rotate(180)' clip-path='url(%23clip-path)'%3E%3Ccircle id='Ellipse_14' data-name='Ellipse 14' cx='25' cy='25' r='25' fill='%232b2926'/%3E%3Cpath id='Path_8412' data-name='Path 8412' d='M0,0H0Z' transform='translate(25 25)' fill='%23565442'/%3E%3C/g%3E%3Cg id='Group_2053' data-name='Group 2053'%3E%3Cg id='Icon_feather-arrow-right' data-name='Icon feather-arrow-right' transform='translate(740.379 29.108) rotate(180)'%3E%3Cg id='Group_2031' data-name='Group 2031'%3E%3Cpath id='Path_8410' data-name='Path 8410' d='M7.5,18H17.694' transform='translate(-7.5 -13.892)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1'/%3E%3Cpath id='Path_8411' data-name='Path 8411' d='M18,7.5l3.689,4.108L18,15.717' transform='translate(-11.096 -7.5)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
    height: 5.5rem;
    width: 5.5rem;
}

.entdecker-slider-arrow-next{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='50' height='50' viewBox='0 0 50 50'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Ccircle id='Ellipse_15' data-name='Ellipse 15' cx='25' cy='25' r='25' fill='%23fff'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='Group_2073' data-name='Group 2073' transform='translate(-781)'%3E%3Cg id='Mask_Group_116' data-name='Mask Group 116' transform='translate(781)' clip-path='url(%23clip-path)'%3E%3Ccircle id='Ellipse_14' data-name='Ellipse 14' cx='25' cy='25' r='25' fill='%23fff'/%3E%3Cpath id='Path_8412' data-name='Path 8412' d='M0,0H0Z' transform='translate(25 25)' fill='%23565442'/%3E%3C/g%3E%3Cg id='Icon_feather-arrow-right' data-name='Icon feather-arrow-right' transform='translate(800.621 20.892)'%3E%3Cg id='Group_2031' data-name='Group 2031'%3E%3Cpath id='Path_8410' data-name='Path 8410' d='M7.5,18H17.694' transform='translate(-7.5 -13.892)' fill='none' stroke='%232b2926' stroke-linecap='round' stroke-linejoin='round' stroke-width='1'/%3E%3Cpath id='Path_8411' data-name='Path 8411' d='M18,7.5l3.689,4.108L18,15.717' transform='translate(-11.096 -7.5)' fill='none' stroke='%232b2926' stroke-linecap='round' stroke-linejoin='round' stroke-width='1'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
    height: 5.5rem;
    width: 5.5rem;
}

.referenzen-slider-arrow-next-container{
    opacity: 1 !important;
    height: 3rem !important;
    width: 3rem !important;
}

.referenzen-slider-arrow-next{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='50' height='50' viewBox='0 0 50 50'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Ccircle id='Ellipse_15' data-name='Ellipse 15' cx='25' cy='25' r='25' fill='%23fff'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='Group_2073' data-name='Group 2073' transform='translate(-781)'%3E%3Cg id='Mask_Group_116' data-name='Mask Group 116' transform='translate(781)' clip-path='url(%23clip-path)'%3E%3Ccircle id='Ellipse_14' data-name='Ellipse 14' cx='25' cy='25' r='25' fill='%23fff'/%3E%3Cpath id='Path_8412' data-name='Path 8412' d='M0,0H0Z' transform='translate(25 25)' fill='%23565442'/%3E%3C/g%3E%3Cg id='Icon_feather-arrow-right' data-name='Icon feather-arrow-right' transform='translate(800.621 20.892)'%3E%3Cg id='Group_2031' data-name='Group 2031'%3E%3Cpath id='Path_8410' data-name='Path 8410' d='M7.5,18H17.694' transform='translate(-7.5 -13.892)' fill='none' stroke='%232b2926' stroke-linecap='round' stroke-linejoin='round' stroke-width='1'/%3E%3Cpath id='Path_8411' data-name='Path 8411' d='M18,7.5l3.689,4.108L18,15.717' transform='translate(-11.096 -7.5)' fill='none' stroke='%232b2926' stroke-linecap='round' stroke-linejoin='round' stroke-width='1'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
    background-position: right center;
    height: 5.5rem;
    width: 5.5rem;
}

#entdeckenslider .splide__arrow--prev{
    left: auto !important;
    right: 13rem !important;
}

#entdeckenslider .splide__arrow--next{
    right: 3rem !important;
}

.versprechen-partner {
    display: grid; 
    grid-auto-columns: 1fr; 
    grid-template-columns: 1fr 1fr 1fr 1fr; 
    grid-template-rows: 1fr; 
    gap: 1em 1em; 
    grid-template-areas: 
    ". . . ."; 
    margin-bottom: -10rem !important;
}

.versprechen-icon{
    height: 120px;
}

.homepage-versprechen{
    margin-bottom: 9rem !important;
}

.anchor-arrow{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32.314' height='33.831' viewBox='0 0 32.314 33.831'%3E%3Cg id='Group_1959' data-name='Group 1959' transform='translate(-948.3 -944.874)'%3E%3Cg id='Icon_feather-arrow-down' data-name='Icon feather-arrow-down' transform='translate(949 945.374)'%3E%3Cpath id='Path_8419' data-name='Path 8419' d='M18,7.5V40.331' transform='translate(-2.543 -7.5)' fill='none' stroke='%23f8f0eb' stroke-linecap='round' stroke-linejoin='round' stroke-width='1'/%3E%3Cpath id='Path_8420' data-name='Path 8420' d='M38.414,18,22.957,29.6,7.5,18' transform='translate(-7.5 3.229)' fill='none' stroke='%23f8f0eb' stroke-linecap='round' stroke-linejoin='round' stroke-width='1'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
    width: 1.875rem; 
    height: 2rem;
}

.homepage-partner-bereich:hover .abo-shake{
    animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both;
    transform: translate3d(0, 0, 0);
    perspective: 1000px;
}

.testimonials-homepage{
  
}

@keyframes shake {
    10%, 90% {
      transform: translate3d(-1px, 0, 0);
    }
    20%, 80% {
      transform: translate3d(2px, 0, 0);
    }
    
    30%, 50%, 70% {
      transform: translate3d(-2px, 0, 0);
    }
    40%, 60% {
      transform: translate3d(2px, 0, 0);
  }
}

/* ======================================= */
/* ============== Entdecken ============== */
/* ======================================= */

.entdecken-video-container {
    display: grid; 
    grid-auto-columns: 1fr; 
    grid-template-columns: 1fr 1fr; 
    grid-template-rows: 1fr; 
    gap: 1rem 1rem; 
    grid-template-areas: 
      ". ."; 
}

.anwendungs-bereiche-grid{
    display: grid; 
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr; 
    grid-template-rows: 1fr; 
    gap: 1em 10px; 
    grid-template-areas: 
      ". . . . . . ."; 
}

.anwendungsbereiche-grid-text{
    font-size: 0.9rem !important;
    line-height: 1.1rem !important;
}

.anwendungs-bereiche-grid a:hover div{
    transition: 0.3s;
    box-shadow: var(--bs-box-shadow) !important;
}

.anwendungs-bereiche-grid a:hover .anwendungsbereiche-grid-text{
    transition: 0.3s;
    font-family: 'OpenSans Medium' !important;
}

.anwendungsbereiche-dropdown-button:hover{
    background-color: var(--color-black) !important;
    border: none !important;
}

.informationen-button{
    border: 5px solid white !important;
}

.informationen-button:hover .button-white-arrow{
    margin-left: 1.8rem;
    transition: 0.4s;
}

.button-white-arrow{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6.704' height='11.727' viewBox='0 0 6.704 11.727'%3E%3Cpath id='Icon_ionic-ios-arrow-back' data-name='Icon ionic-ios-arrow-back' d='M13.272,12.056l4.437-4.434a.838.838,0,1,0-1.187-1.183l-5.027,5.024a.836.836,0,0,0-.024,1.156l5.048,5.059a.838.838,0,0,0,1.187-1.184Z' transform='translate(17.955 17.921) rotate(180)' fill='white'/%3E%3C/svg%3E%0A");
    height: 0.75rem;
    width: 0.5rem;
    margin-left: 1rem;
    transition: 0.4s;
}

.button-outter-effect{
        background: linear-gradient(270deg, #2d6674, #59cbe8);
        background-size: 400% 400%;
    
        -webkit-animation: outterAnimation 9s ease infinite;
        -moz-animation: outterAnimation 9s ease infinite;
        animation: outterAnimation 9s ease infinite;

        padding: 3px;
}

@-webkit-keyframes outterAnimation {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@-moz-keyframes outterAnimation {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@keyframes outterAnimation {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}

.informationen-button {
    background: linear-gradient(270deg, #59cbe8, #2d6674);
    background-size: 400% 400%;

    -webkit-animation: AnimationName 9s ease infinite;
    -moz-animation: AnimationName 9s ease infinite;
    animation: AnimationName 9s ease infinite;
}

@-webkit-keyframes AnimationName {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@-moz-keyframes AnimationName {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@keyframes AnimationName {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}

.users-box{
    background: linear-gradient(to right, #B7F87F, #1BC85D);
}

.metric-box {
    padding: 1rem;
    padding: 3px;
}

.box-animated-gradient {
    background: white;
    background-size: 600% 600%;
    -webkit-animation: AnimationName 7s ease infinite;
    -moz-animation: AnimationName 7s ease infinite;
    animation: AnimationName 7s ease infinite;
}

/* ================================== */
/* ============== TEAM ============== */
/* ================================== */

.team-member-image{
    min-height: 30rem;
}

.member-image{
    min-height: 12rem;
}

.bewerbung-field .fui-input, .bewerbung-field .fui-select{
    border: none !important;
    border-bottom: 1px var(--color-black) solid !important;
    padding-left: 0 !important;
    border-radius: 0px !important;
}

.bewerbung-field .fui-input::placeholder{
    color: var(--color-black) !important;
    font-family: 'OpenSans Regular' !important;
}

.bewerbung-button .fui-submit{
    background-color: var(--color-black) !important;
    border: none !important;
    /* border-radius: 0 !important; */
    font-family: 'OpenSans Bold' !important;
    padding: 1rem 3rem 1rem 3rem !important;
}

#team{
    scroll-margin-top: 3rem;
}

.linkedin-team-icon{
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='b' xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cg id='c'%3E%3Cpath id='d' d='m18,0c1.1046,0,2,.8954,2,2v16c0,1.1046-.8954,2-2,2H2c-1.1046,0-2-.8954-2-2V2C0,.8954.8954,0,2,0h16ZM6.937,7.364h-2.687v8.636h2.687V7.364Zm6.84-.215c-1.0396-.0387-2.0163.4973-2.542,1.395h-.035v-1.18h-2.578v8.636h2.685v-4.273c0-1.126.215-2.217,1.613-2.217,1.378,0,1.4,1.288,1.4,2.29v4.2h2.68v-4.737c0-2.325-.5-4.114-3.223-4.114ZM5.566,3c-.8638.0011-1.5631.7022-1.562,1.566.0011.8638.7022,1.5631,1.566,1.562.863-.0011,1.562-.701,1.562-1.564-.0006-.8643-.7017-1.5646-1.566-1.564h0Z' style='fill:%2388b222; fill-rule:evenodd;'/%3E%3C/g%3E%3C/svg%3E");    
    height: 1.25rem;
    width: 1.25rem;
}

.bewerben-icon{
    background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='124' height='124' viewBox='0 0 124 124'%3E%3Cimage id='noun-hiring-4620199-FFFFFF' width='124' height='124' xlink:href='data:image/png;base64,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'/%3E%3C/svg%3E%0A");
    height: 7.75rem;
    width: 7.75rem;
}

/* ========================================== */
/* ============== INTRO SCREEN ============== */
/* ========================================== */

.list-border{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21' height='1' viewBox='0 0 21 1'%3E%3Cline id='Line_17' data-name='Line 17' x2='21' transform='translate(0 0.5)' fill='none' stroke='%23000' stroke-width='1'/%3E%3C/svg%3E%0A");
    width: 1.25rem;
    height: 1px;
    margin-top: 0.7rem!important;
}

.matrazen-border{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21' height='1' viewBox='0 0 21 1'%3E%3Cline id='Line_17' data-name='Line 17' x2='21' transform='translate(0 0.5)' fill='none' stroke='%23000' stroke-width='1'/%3E%3C/svg%3E%0A");
    width: 1.25rem;
    height: 1px;
}

.fui-alert p{
    margin-bottom: 0px !important;
}

#matrazenreinigungModal .fui-select{

}

#matrazenreinigungModal .fui-select option{
    padding: 0.5rem !important;
}

#matrazenreinigungModal .select-items{
    padding: 1rem !important;
}

#matrazenreinigungIndividuelleOfferteModal select{
    border-radius: 0px !important;
    border-left: 0px !important;
    border-right: 0px !important;
    border-top: 0px !important;
    border-bottom: 1px solid black !important;
    color: var(--color-black) !important;
    font-family: 'OpenSans Regular' !important;
}

#matrazenreinigungIndividuelleOfferteModal .fui-label{
    color: var(--color-black) !important;
    font-family: 'OpenSans Regular' !important;
    font-size: var(--fui-input-font-size) !important;
}

.modal-form-border{
    border-bottom: 1px solid black;
}

.hotellerie-suisse{
    max-height: 40px;
}

/* ============================================== */
/* ============== GERÄTEVERWALTUNG ============== */
/* ============================================= */

.filme-container {
    display: grid; 
    grid-auto-columns: 1fr; 
    grid-template-columns: 1fr 1fr; 
    grid-template-rows: 1fr; 
    gap: 1rem 1rem; 
    grid-template-areas:
      ". .";
}

.anleitung-video {
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 1rem;
}

.anleitung-video-frame {
    scroll-margin-top: 7rem;
}

.anleitung-video-frame iframe {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 16 / 9;
}

/* Die Höhe der Kapitel-Box richtet sich nach dem Video, die Liste scrollt darin */
.anleitung-kapitel {
    display: flex;
    flex-direction: column;
    min-height: 0;
    contain: size;
}

.anleitung-kapitel-heading {
    font-size: 1.375rem;
    line-height: 2rem;
    padding: 1.25rem 1.5rem;
    border-bottom: 1px solid var(--color-black);
}

.anleitung-kapitel-liste,
.anleitung-kapitel-unterliste {
    list-style: none;
    margin: 0;
    padding: 0;
}

.anleitung-kapitel-liste {
    flex: 1;
    min-height: 0;
    overflow-y: auto;
    overscroll-behavior: contain;
}

.anleitung-kapitel-button {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    gap: 1rem;
    width: 100%;
    padding: 0.875rem 1.5rem;
    background: transparent;
    border: 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    font-family: inherit;
    text-align: left;
    transition: background-color 0.3s, color 0.3s;
}

.anleitung-kapitel-unterliste .anleitung-kapitel-button {
    padding-left: 3.25rem;
    position: relative;
}

.anleitung-kapitel-unterliste .anleitung-kapitel-button::before {
    content: "";
    position: absolute;
    left: 1.5rem;
    top: 1.55rem;
    width: 1rem;
    height: 1px;
    background-color: currentColor;
}

.anleitung-kapitel-button:hover {
    background-color: rgba(0, 0, 0, 0.05);
}

.anleitung-kapitel-button.is-active {
    background-color: var(--color-black);
    color: var(--color-white) !important;
}

.anleitung-kapitel-button:focus-visible {
    box-shadow: inset 0 0 0 2px var(--color-black);
}

.anleitung-kapitel-button.is-active:focus-visible {
    box-shadow: inset 0 0 0 2px var(--color-white);
}

/* ====================================== */
/* ============== PRODUKTE ============== */
/* ====================================== */

.produkte-3x {
    display: grid; 
    grid-auto-columns: 1fr; 
    grid-template-columns: 1fr 1fr 1fr; 
    grid-template-rows: 1fr; 
    gap: 1em 1em; 
    grid-template-areas: 
    ". . ."; 
}

.abo-icon{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='18' height='18' viewBox='0 0 18 18'%3E%3Cdefs%3E%3ClinearGradient id='linear-gradient' x1='0.5' x2='0.5' y2='1' gradientUnits='objectBoundingBox'%3E%3Cstop offset='0' stop-color='%23548cae'/%3E%3Cstop offset='1' stop-color='%2343adbe'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg id='Group_2074' data-name='Group 2074' transform='translate(-10 -7)'%3E%3Cg id='Ellipse_9' data-name='Ellipse 9' transform='translate(10 7)' fill='none' stroke='%23548cae' stroke-width='1'%3E%3Ccircle cx='9' cy='9' r='9' stroke='none'/%3E%3Ccircle cx='9' cy='9' r='8.5' fill='none'/%3E%3C/g%3E%3Ccircle id='Ellipse_16' data-name='Ellipse 16' cx='3' cy='3' r='3' transform='translate(16 13)' fill='url(%23linear-gradient)'/%3E%3C/g%3E%3C/svg%3E%0A");
    height: 1.25rem;
    width: 1.25rem;
}

.produkte-3x-abo{
    height: 30px;
}

.produkte-specifikationen-zubehor-heading{
    height: 90px;
}

.splide__pagination__page.is-active{
    background: var(--color-white) !important;
}

.splide__pagination {
    bottom: -1.5em !important;
}

.homepage-partner-bereich {
    position: relative;
    flex-grow: 1;
}

.homepage-partner-bereich:before {
    content: "";
    position: absolute;
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    top: calc(2px/-1);
    left: calc(2px/-1);
    background: linear-gradient(to right, #d4d9e4 0%, #d4d9e4 100%), linear-gradient(to top, #d4d9e4 50%, transparent 50%), linear-gradient(to top, #d4d9e4 50%, transparent 50%), linear-gradient(to right, #d4d9e4 0%, #d4d9e4 100%), linear-gradient(to left, #d4d9e4 0%, #d4d9e4 100%);
    background-size: 100% 2px, 2px 200%, 2px 200%, 0% 2px, 0% 2px;
    background-position: 50% 100%, 0% 0%, 100% 0%, 100% 0%, 0% 0%;
    background-repeat: no-repeat, no-repeat;
    transition: transform 0.3s ease-in-out, background-position 0.3s ease-in-out, background-size 0.3s ease-in-out;
    transform: scaleX(0) rotate(0deg);
    transition-delay: 0.6s, 0.3s, 0s;
}

.homepage-partner-bereich:hover:before {
    background-size: 200% 2px, 2px 400%, 2px 400%, 55% 2px, 55% 2px;
    background-position: 50% 100%, 0% 100%, 100% 100%, 100% 0%, 0% 0%;
    transform: scaleX(1) rotate(0deg);
    transition-delay: 0s, 0.3s, 0.6s;
}

/* ========================================= */
/* ============== MATRAZEN  ============== */
/* ========================================= */

.matrazen-geeignet{
    display: grid; 
    grid-auto-columns: 1fr; 
    grid-template-columns: 1fr 1fr 1fr; 
    grid-template-rows: 1fr; 
    gap: 1em 3em; 
    grid-template-areas: 
    ". . ."; 
}

.matrazen-kunden{
    display: grid; 
    grid-auto-columns: 1fr; 
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr; 
    grid-template-rows: 1fr; 
    gap: 1em 1em; 
    grid-template-areas: 
    ". . . . ."; 
}

#faqAccordion .accordion-header{
    border-bottom: 1px solid black;
}

#faqAccordion .accordion-button::after{
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Layer_2' data-name='Layer 2' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18.6 18.62'%3E%3Cg id='Layer_2-2' data-name='Layer 2'%3E%3Cpolygon points='18.6 8.45 10.17 8.45 10.17 0 8.45 0 8.45 8.45 0 8.45 0 10.17 8.45 10.17 8.45 18.62 10.17 18.62 10.17 10.17 18.6 10.17 18.6 8.45'/%3E%3C/g%3E%3C/svg%3E") !important;
    width: 20px !important;
    height: 20px !important;
    background-position: center center !important;
}

#faqAccordion .accordion-button:not(.collapsed)::after{
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Layer_2' data-name='Layer 2' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18.6 1.72'%3E%3Cg id='Layer_2-2' data-name='Layer 2'%3E%3Crect width='18.6' height='1.72'/%3E%3C/g%3E%3C/svg%3E") !important;
    width: 20px !important;
    height: 20px !important;
    background-position: center center !important;
}

.calculate-price:disabled{
    opacity: 0.5 !important;
}


/* ========================================= */
/* ============== TEXTMENGEN  ============== */
/* ========================================= */

.legal-text h2 {
    font-size: 2rem;
    line-height: 3rem;
    font-weight: 600;
    margin: 0;
    padding: 2rem 0 1.25rem;
}

.legal-text h3 {
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: 600;
    margin: 0;
    padding: 1.5rem 0 1rem;
}

.legal-text li {
    font-size: 1.25rem;
    line-height: 1.875rem;
}

.legal-text p > a, 
.legal-text li > a {
    color: var(--color-black);
    text-decoration: underline;
}

/* ========================================= */
/* ============== DATENSCHUTZ ============== */
/* ========================================= */

.datenschutz .datenschutzContainer a{
    text-decoration: none !important;
    color: #fff !important;
}

.datenschutzContainer li{
    font-size: 1.5rem;
    line-height: 2.125rem;
    font-family: 'Raleway Regular';
    margin-bottom: 0px !important;
}

.datenschutz .my-3{
    margin-top: 2rem !important;
    margin-bottom: 1rem;
}

.datenschutz .accordion-item:first-of-type .accordion-button.collapsed, .datenschutz .accordion-item:first-of-type{
    border-radius: 0 !important;
}

.datenschutz .accordion-item{
    border-top: 1px solid #ffffff25 !important;
}

.datenschutz .accordion-item:first-of-type .accordion-button{
    border-top-left-radius: 0.375rem !important;
    border-top-right-radius: 0.375rem !important;
}

.datenschutz .accordion-button.collapsed{
    background: var(--color-inde) !important;
    transition: 0.3s;
}

.datenschutz .accordion-button, .accordion-collapse.collapse.show, .accordion-collapse.collapsing{
    background: var(--color-inde) !important;
    transition: 0.3s;
}

.datenschutz .accordion-body{
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.datenschutz .accordion-button.collapsed{
    border-radius: 0 !important;
    background: none !important;
}

.datenschutz.accordion-button{
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
}

.datenschutz .accordion-button h3{
    color: #fff !important;
    font-family: 'Calibre Regular';
    font-size: 2rem !important;
    line-height: 2.3rem !important;
}

.multi-content-heading{
    color: #fff !important;
    font-family: 'Calibre Regular';
    font-size: 1.7rem !important;
    line-height: 2rem !important;
}

.datenschutz .accordion-button::after{
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Layer_2' data-name='Layer 2' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 68 68'%3E%3Cdefs%3E%3Cstyle%3E .cls-1, .cls-2 %7B stroke-width: 0px; %7D .cls-1, .cls-3 %7B fill: none; %7D .cls-2 %7B fill: %23fff; %7D .cls-3 %7B stroke: %23707070; %7D %3C/style%3E%3C/defs%3E%3Cg id='Layer_1-2' data-name='Layer 1'%3E%3Cg id='Group_3902' data-name='Group 3902'%3E%3Cg id='Ellipse_92' data-name='Ellipse 92'%3E%3Ccircle class='cls-1' cx='34' cy='34' r='34'/%3E%3Ccircle class='cls-3' cx='34' cy='34' r='33.5'/%3E%3C/g%3E%3Cpolygon class='cls-2' points='41.42 32.78 35.44 32.78 35.44 26.8 33.21 26.8 33.21 32.78 27.24 32.78 27.24 35.01 33.21 35.01 33.21 40.99 35.44 40.99 35.44 35.01 41.42 35.01 41.42 32.78'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") !important;    
    height: 4.25rem !important;
    width: 4.25rem !important;
    background: transparent;
    background-repeat: no-repeat;
    background-position: right;
}

.datenschutz .accordion-button:not(.collapsed)::after{
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Layer_2' data-name='Layer 2' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 68 68'%3E%3Cdefs%3E%3Cstyle%3E .cls-1, .cls-2 %7B stroke-width: 0px; %7D .cls-1, .cls-3 %7B fill: none; %7D .cls-2 %7B fill: %23fff; %7D .cls-3 %7B stroke: %23707070; %7D %3C/style%3E%3C/defs%3E%3Cg id='Layer_1-2' data-name='Layer 1'%3E%3Cg id='Group_3902' data-name='Group 3902'%3E%3Cg id='Ellipse_92' data-name='Ellipse 92'%3E%3Ccircle class='cls-1' cx='34' cy='34' r='34'/%3E%3Ccircle class='cls-3' cx='34' cy='34' r='33.5'/%3E%3C/g%3E%3C/g%3E%3Cg id='Layer_3' data-name='Layer 3'%3E%3Crect class='cls-2' x='27.24' y='32.78' width='14.18' height='2.23'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") !important;
    height: 4.25rem !important;
    width: 4.25rem !important;
    background: transparent;
    background-repeat: no-repeat;
    background-position: right;
}

.datenschutz .accordion-button:not(.collapsed){
    box-shadow: none !important;
    background-color: var(--color-inde ) !important;
}

.multi-content-bereich{
    border-top: 1px solid #ffffff25 !important;
}

.datenschutz .accordion-button::after{
    margin-top: 1rem !important;
}

.datenschutz .accordion-item:hover{
    background: var(--color-inde) !important;
    transition: 0.3s;
}

.datenschutz .accordion-item{
    transition: 0.3s;
}

.datenschutz-icon{
    max-width: 32px;
}

.datenschutz .accordion-item{
    border-bottom: none !important;
}

.error-button{
    background-color: var(--color-beige) !important;
    border-radius: 0px !important;
    font-family: 'Raleway Medium' !important;
    color: var(--color-inde) !important;
    border: none !important;
    padding: 1rem 2rem 1rem 2rem !important;
}

.error-heading{
    font-size: 10vw;
    line-height: 1;
}

/* ==================================== */
/* ============== FOOTER ============== */
/* ==================================== */

.footer-icons{
    width: 1.25rem;
    height: 1.25rem;
}

.logo-footer{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='419.046' height='287.748' viewBox='0 0 419.046 287.748'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Crect id='Rectangle_949' data-name='Rectangle 949' width='419.046' height='287.748' fill='%23e8e0d9'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='Group_1750' data-name='Group 1750' clip-path='url(%23clip-path)'%3E%3Cpath id='Path_8410' data-name='Path 8410' d='M112.013,142.7H79.9c2.215,19.774,9.491,36.226,20.407,48.564L89.233,202.338l2.373,2.373,33.378-33.378-1.107-1.107q-8.305-10.441-11.864-27.525' transform='translate(46.494 83.038)' fill='%23e8e0d9'/%3E%3Cpath id='Path_8411' data-name='Path 8411' d='M273.353,150.281l-2.373-2.373-11.073,11.073c-13.446-13.6-32.113-21.988-54.1-21.988-12.023,0-21.988,2.215-31.8,9.333l8.7-50.779h77.83V66.124H155.976l-7.91,48.248c-12.022-25.627-37.017-43.5-68.971-43.5-12.022,0-21.988,2.215-31.8,9.333L56,29.423h77.988V0H29.423L10.282,117.536l27.842,6.486c9.65-15.819,22.621-23.887,41.13-23.887,26.892,0,44.61,24.994,44.61,53.468,0,26.892-20.723,50.146-45.717,50.146-22.621,0-39.864-14.87-46.033-44.293H0c5.22,45.084,36.226,73.559,77.988,73.559,33.22,0,59.005-19.141,71.027-46.983l16.135,3.8c9.65-15.819,22.621-23.887,41.13-23.887,14.237,0,25.785,6.96,33.536,17.717l.475-.475.158.158Z' fill='%23e8e0d9'/%3E%3Cpath id='Path_8412' data-name='Path 8412' d='M126.6,181.832V177.4l23.57-39.231H127.233V133.9h28.316v4.271L131.978,177.4h24.2v4.271H126.6Z' transform='translate(73.669 77.917)' fill='%23e8e0d9'/%3E%3Cpath id='Path_8413' data-name='Path 8413' d='M176.742,138.281h4.746v30.373c0,12.181-7.119,18.35-16.294,18.35S148.9,180.834,148.9,168.5V138.281h4.746v30.531c0,9.65,5.22,13.921,11.548,13.921,5.537,0,11.548-3.48,11.548-13.921ZM157.917,126.1h4.746v8.226h-4.746Zm9.65,0h4.746v8.226h-4.746Z' transform='translate(86.646 73.378)' fill='%23e8e0d9'/%3E%3Cpath id='Path_8414' data-name='Path 8414' d='M201.227,181.89l-16.294-21.83h4.746c8.542,0,13.6-4.271,13.6-10.915,0-4.587-2.847-11.073-13.763-11.073h-9.175v43.661H175.6V133.8H190c12.5,0,18.034,7.435,18.034,15.5,0,7.751-5.853,13.921-14.237,14.554l13.6,17.876h-6.169Z' transform='translate(102.182 77.859)' fill='%23e8e0d9'/%3E%3Crect id='Rectangle_948' data-name='Rectangle 948' width='4.746' height='47.932' transform='translate(317.33 211.817)' fill='%23e8e0d9'/%3E%3Cpath id='Path_8415' data-name='Path 8415' d='M255.7,169.526c-4.746,8.384-12.972,13.446-22.147,13.446a24.837,24.837,0,1,1-.158-49.672c8.859,0,18.192,5.062,21.988,13.13H250a19.992,19.992,0,0,0-16.61-8.7c-10.757,0-20.09,9.491-20.09,20.565,0,10.757,9.491,20.407,20.248,20.407,6.486,0,12.5-3.322,16.768-9.017H255.7Z' transform='translate(121.269 77.568)' fill='%23e8e0d9'/%3E%3Cpath id='Path_8416' data-name='Path 8416' d='M272.782,181.832V159.369H247.946v22.463H243.2V133.9h4.746v21.2h24.836V133.9h4.746v47.932Z' transform='translate(141.519 77.917)' fill='%23e8e0d9'/%3E%3Ctext id='wir_bestätigen_Ihnen_gerne_die_Verschiebung_des_Termins_auf_den_31.10.2023_um_10:00_Uhr' data-name='wir bestätigen Ihnen gerne die Verschiebung des Termins auf den 31.10.2023 um 10:00 Uhr' transform='translate(2621 240)' fill='%23707070' font-size='20' font-family='SegoeUI, Segoe UI'%3E%3Ctspan x='0' y='22'%3Ewir bestätigen Ihnen gerne die %3C/tspan%3E%3Ctspan x='0' y='49'%3EVerschiebung des Termins auf %3C/tspan%3E%3Ctspan x='0' y='76'%3Eden 31.10.2023 um 10:00 Uhr%3C/tspan%3E%3C/text%3E%3C/g%3E%3C/svg%3E%0A");
    width: 13.125rem;
    height: 9rem;
}

.footer a{
    text-decoration: none !important;
    color: var(--color-beige) !important;
}

/* ====================================== */
/* ============= RESPONSIVE ============= */
/* ====================================== */

@media only screen and (max-width: 1500px) and (min-width: 1400px)  {

}

@media (max-width: 1600px) {

    .navigation-image{
        display: none !important;
    }

}

@media (max-width: 1440px) {

    .produkt-main-image{

    }

    .anwendungs-bereiche-grid{
        display: grid; 
        grid-template-columns: 1fr 1fr 1fr 1fr; 
        grid-template-rows: 1fr; 
        gap: 1em 1em; 
        grid-template-areas: 
          ". . . ."; 
    }

}

@media (max-width: 1200px) {

    .team-container {
        display: grid; 
        grid-auto-columns: 1fr; 
        grid-template-columns: 1fr 1fr; 
        grid-template-rows: 1fr; 
        gap: 1rem 1rem; 
        grid-template-areas: 
        ". ."; 
    }

    .versprechen-partner {
        display: grid; 
        grid-auto-columns: 1fr; 
        grid-template-columns: 1fr 1fr; 
        grid-template-rows: 1fr; 
        gap: 1em 1em; 
        grid-template-areas: 
        ". ."; 
        margin-bottom: -10rem !important;
    }

    .navigation-close {
        background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='17.702' height='17.212' viewBox='0 0 17.702 17.212'%3E%3Cg id='Group_1659' data-name='Group 1659' transform='translate(-259.157 -92.652)'%3E%3Cline id='Line_56' data-name='Line 56' x2='16' y2='16.5' transform='translate(260.5 93)' fill='none' stroke='%23fff' stroke-width='1'/%3E%3Cline id='Line_66' data-name='Line 66' x1='17' y2='16' transform='translate(259.5 93.5)' fill='none' stroke='%23fff' stroke-width='1'/%3E%3C/g%3E%3C/svg%3E");
        height: 1.75rem;
        width: 1.75rem;
    }

    .anleitung-video {
        grid-template-columns: 1fr;
    }

    .anleitung-kapitel {
        contain: none;
    }

    .anleitung-kapitel-liste {
        overflow-y: visible;
    }

}

@media (max-width: 992px) {

    .homepage-partner {
        display: grid; 
        grid-auto-columns: 1fr; 
        grid-template-columns: 1fr; 
        grid-template-rows: 1fr; 
        gap: 1em 1em; 
        grid-template-areas: 
        "."; 
    }

    .team-container {
        grid-template-columns: 1fr; 
        gap: 0rem 1rem; 
        grid-template-areas: 
        "."; 
    }

    .team-member-image {
        min-height: 45rem;
    }

    .zubehoer-bereich.min-vh-60{
        min-height: auto;
    }

    .filme-container {
        display: grid; 
        grid-auto-columns: 1fr; 
        grid-template-columns: 1fr; 
        grid-template-rows: 1fr; 
        gap: 1rem 1rem; 
        grid-template-areas: 
          "."; 
    }

    .entdecken-video-container{
        display: grid; 
        grid-auto-columns: 1fr; 
        grid-template-columns: 1fr; 
        grid-template-rows: 1fr; 
        gap: 1rem 1rem; 
        grid-template-areas: 
          "."; 
    }

    .produkte-3x {
        display: grid; 
        grid-auto-columns: 1fr; 
        grid-template-columns: 1fr; 
        grid-template-rows: 1fr; 
        gap: 1em 1em; 
        grid-template-areas: 
        "."; 
    }

    .matrazen-geeignet{
        display: grid; 
        grid-auto-columns: 1fr; 
        grid-template-columns: 1fr; 
        grid-template-rows: 1fr; 
        gap: 1em 1em; 
        grid-template-areas: 
        "."; 
    }
    
    .matrazen-kunden{
        display: grid; 
        grid-auto-columns: 1fr; 
        grid-template-columns: 1fr; 
        grid-template-rows: 1fr; 
        gap: 1em 1em; 
        grid-template-areas: 
        "."; 
    }

}

@media (max-width: 768px) {


}

@media (max-width: 576px) {

    .versprechen-partner {
        display: grid; 
        grid-auto-columns: 1fr; 
        grid-template-columns: 1fr; 
        grid-template-rows: 1fr; 
        gap: 1em 1em; 
        grid-template-areas: 
        "."; 
        margin-bottom: -10rem !important;
    }

    .fui-field{
        flex: auto !important;
        width: 100% !important;
    }

    .back-to-top{
        max-width: 50px;
    }

}