
/* =================================== */
/* ============ ALLGEMEIN ============ */
/* =================================== */

.background-cover {
    background-size: cover;
}

.background-contain {
    background-size: contain;
}

.background-inherit{
    background-size: inherit;
}

.background-no-repeat {
    background-repeat: no-repeat;
}

.background-center-center {
    background-position: center center;
}

.background-center-top {
    background-position: center top;
}

.background-right-top {
    background-position: right top;
}

.background-center-right{
    background-position: center right;
}

.background-center-left{
    background-position: center left;
}

.object-position-left{
    object-position: left;
}

.object-position-center{
    object-position: center;
}

.max-width {
    max-width: 1440px;
}

.max-width-lg {
    max-width: 1920px;
}

.cursor-pointer {
    cursor: pointer;
}

.cursor-default {
    cursor: default;
}

.image-hover .image-scale{
    transition: all 0.5s;
}

.image-hover:hover .image-scale{
    transform: scale(1.05);
}

.hyphens{
    hyphens: auto;
}

.hyphens-none{
    hyphens: none;
}

.invert-filter{
    filter: invert(1);
}

.no-margin p, .no-margin h1, .no-margin h2, .no-margin h3, .no-margin h4, .no-margin h5, .no-margin h6, .no-margin a{
    margin-bottom: 0px !important;
}

#angebot{
    scroll-margin-top: 3rem !important;
}

#lage,
#galerie,
#kontakt,
#agenbot,
#projekt{
    scroll-margin-top: 6rem !important;
}

#downloads{
    scroll-margin-top: 9rem !important;
}

.sticky-isometrie{
    top: 7rem !important;
}

.vertical-centered-border{
    height: 50%;
    border-bottom: 1px solid white;
}

.border-container{
    pointer-events: none;
}

.section-scroll{
    border-left: 1px solid var(--color-white);
}

.ellipsis p{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
    text-overflow: ellipsis;
}

::selection {
    color: #000;
    background-color: var(--color-beige);
}


/* Header */

.logo{
    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 373.99 249.33'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %23fff; %7D %3C/style%3E%3C/defs%3E%3Cg id='Ebene_1' data-name='Ebene 1'%3E%3Cg%3E%3Cg%3E%3Cpath class='cls-1' d='M0,189.25c0-10.4,7.53-18.08,17.98-18.08s17.98,7.68,17.98,18.08-7.53,18.08-17.98,18.08S0,199.65,0,189.25ZM31.59,189.25c0-7.92-5.54-14.29-13.61-14.29s-13.61,6.37-13.61,14.29,5.54,14.29,13.61,14.29,13.61-6.37,13.61-14.29Z'/%3E%3Cpath class='cls-1' d='M42.52,172.04h21.63v3.79h-17.54v10.79h16.38v3.79h-16.38v12.25h18.42v3.79h-22.5v-34.41h-.01Z'/%3E%3Cpath class='cls-1' d='M94.42,175.83h-11.37v30.62h-4.08v-30.62h-11.37v-3.79h26.83v3.79h-.01Z'/%3E%3Cpath class='cls-1' d='M99.23,172.04h4.08v30.62h15.75v3.79h-19.83v-34.41Z'/%3E%3Cpath class='cls-1' d='M123.53,172.04h4.08v34.41h-4.08v-34.41Z'/%3E%3Cpath class='cls-1' d='M152.49,178.12c-1.36-2.19-3.79-3.16-6.27-3.16-3.6,0-7.34,1.7-7.34,5.78,0,3.16,1.75,4.57,7.24,6.32,5.35,1.7,10.3,3.45,10.3,10.21s-5.88,10.06-12.1,10.06c-3.99,0-8.26-1.31-10.59-4.76l3.5-2.87c1.46,2.53,4.37,3.84,7.34,3.84,3.5,0,7.48-2.04,7.48-5.98,0-4.23-2.87-4.96-8.99-7-4.86-1.6-8.55-3.74-8.55-9.48,0-6.61,5.69-9.91,11.71-9.91,3.84,0,7.1,1.07,9.62,4.03l-3.35,2.92h0Z'/%3E%3C/g%3E%3Cg%3E%3Cpath class='cls-1' d='M255.61,172.04h10.5c5.69,0,11.42,2.14,11.42,8.46,0,3.99-2.33,6.66-6.03,7.78v.1c4.42.39,7.78,3.94,7.78,8.46,0,7.58-7.05,9.62-13.41,9.62h-10.25v-34.41h-.01ZM259.7,186.62h5.64c3.84,0,7.82-.83,7.82-5.59,0-4.23-3.69-5.2-7.39-5.2h-6.08v10.79h0ZM259.7,202.66h6.9c3.98,0,8.31-1.6,8.31-5.98,0-4.81-4.08-6.27-8.21-6.27h-7v12.25Z'/%3E%3Cpath class='cls-1' d='M286.23,172.04h21.63v3.79h-17.54v10.79h16.38v3.79h-16.38v12.25h18.42v3.79h-22.5v-34.41h-.01Z'/%3E%3Cpath class='cls-1' d='M315.04,172.04h8.8c6.66,0,13.71.97,13.71,9.48,0,5.01-3.26,8.26-8.6,9.09l9.77,15.84h-5.01l-9.33-15.45h-5.25v15.45h-4.08v-34.41h-.01ZM319.13,187.21h3.65c4.52,0,10.4,0,10.4-5.69,0-4.96-4.33-5.69-8.31-5.69h-5.73v11.37h-.01Z'/%3E%3Cpath class='cls-1' d='M373.99,204.12c-3.94,2.19-8.41,3.21-12.88,3.21-10.69,0-18.37-7.29-18.37-18.08s8.21-18.08,18.52-18.08c4.52,0,8.89,1.21,12.15,4.52l-3.06,3.21c-2.33-2.53-5.88-3.94-9.38-3.94-7.87,0-13.85,5.93-13.85,14.29s5.78,14.29,14.24,14.29c2.77,0,6.03-.73,8.55-1.99v-10.55h-7.92v-3.79h12v16.91h0Z'/%3E%3C/g%3E%3Cg%3E%3Cpolygon class='cls-1' points='198.79 159.19 90.56 159.19 90.61 161.61 91.11 162.14 198.79 161.99 198.79 159.19'/%3E%3Cpolygon class='cls-1' points='198.79 151.85 90.56 151.85 90.61 154.28 91.11 154.81 198.79 154.66 198.79 151.85'/%3E%3Cpolygon class='cls-1' points='198.79 144.11 90.56 144.11 90.61 146.54 91.11 147.07 198.79 146.92 198.79 144.11'/%3E%3Cpolygon class='cls-1' points='198.79 136.98 90.56 136.98 90.61 139.41 91.11 139.94 198.79 139.79 198.79 136.98'/%3E%3Cpath class='cls-1' d='M198.79,129.42h-60.72l-.39-.76,42.49-45.27C207.6,48.04,182.16-1.58,137.29.04c-23.79.86-45.81,20.73-48.64,44.47-.22,1.84.16,4.03,0,5.91h3.05c.39-18.37,11.64-35.32,28.29-42.88,24.63-11.18,54.97.39,64.71,25.64,13.04,33.83-10.27,51.39-30.54,73.01-7.11,7.58-14,15.32-21.13,22.84l-5.83.39c-.64-.57,3.41-4.07,3.81-4.5,10.94-12.03,22.22-24.01,33.21-36.03,8.16-8.92,14.82-14.15,18.13-26.62,4.38-16.48-.56-28.13-10.72-40.44-16.66-20.18-50.11-17.85-65.73,2.13-5.94,7.59-9.53,16.74-9.61,26.47h3.05c.53-5.16,1.3-10.35,3.37-15.15,4.75-11.02,16.07-20.66,27.83-23.3,37.15-8.36,64.48,33.46,41.56,63.86l-49.65,53.21c-.7.68-6.48.56-5.93-.4,1-.02,1.32-1.32,1.91-1.99,14.78-16.69,31.05-32.04,45.78-48.69,2.88-3.26,5.77-6.52,7.78-10.43,15.87-30.74-17.16-63.49-48.05-48.43-10.51,5.12-19.91,18.05-20.04,29.99,0,.42-.02.88.38,1.15l2.67.14c.95-13.66,10-26.23,23.29-30.32,30.67-9.44,55.75,26.98,35.04,51.85-5.78,6.94-13.18,13.71-19.38,20.4-10.78,11.63-21.52,23.71-32.35,35.19-.28.3-2.05,1.9-2.19,1.9h-5.53l5.53-6.49c8.32-8.44,16.2-17.35,24.24-26.02,8.22-8.85,18.26-18.12,25.76-27.39,16.51-20.43,1.26-48.08-24.44-46.19-13.56.99-24.86,13.73-25.36,27.11h3.44c.86-19.13,22.05-30.45,38.51-20,12.72,8.08,15.33,25.2,5.57,36.79-12.33,14.64-27.3,27.87-39.65,42.59l-18.17,19.61h-5.72c.18-.92,1.11-1.97,1.71-2.68,16.75-19.79,36.84-38.53,54.38-57.92,2.83-3.13,6.12-6.52,7.65-10.56,5.06-13.36-5.23-27.33-19.28-27.32-10.77,0-20.21,8.66-20.42,19.49l3.27-.36c.78-12.13,14.19-19.59,25.06-14.04,10.15,5.17,12.65,18.59,4.62,26.95-19.01,21.51-40.82,41.68-59.47,63.39-1.48,1.72-3.81,3.93-1.85,6.06l107.61-.14v-2.86h-.03Z'/%3E%3C/g%3E%3Cg%3E%3Cpolygon class='cls-1' points='256.46 246.38 155.51 246.38 155.56 248.81 156.06 249.33 256.46 249.18 256.46 246.38'/%3E%3Cpolygon class='cls-1' points='256.46 239.05 155.51 239.05 155.56 241.47 156.06 242 256.46 241.85 256.46 239.05'/%3E%3Cpolygon class='cls-1' points='256.46 231.3 155.51 231.3 155.56 233.73 156.06 234.26 256.46 234.11 256.46 231.3'/%3E%3Cpolygon class='cls-1' points='256.46 224.18 155.51 224.18 155.56 226.6 156.06 227.13 256.46 226.98 256.46 224.18'/%3E%3Cpath class='cls-1' d='M256.03,216.74h-53.44l-.39-.76,53.76-57.3c27.43-35.35,1.99-84.97-42.88-83.35-23.79.86-45.81,20.73-48.64,44.47-.22,1.84.16,4.03,0,5.91h3.05c.39-18.37,11.64-35.32,28.29-42.88,24.63-11.18,54.97.39,64.71,25.64,13.04,33.83-10.27,51.39-30.54,73.01-7.11,7.58-25.28,27.35-32.4,34.87l-5.83.39c-.64-.57,14.68-16.1,15.08-16.53,10.94-12.03,22.22-24.01,33.21-36.03,8.16-8.92,14.82-14.15,18.13-26.62,4.38-16.48-.56-28.13-10.72-40.44-16.66-20.18-50.11-17.85-65.73,2.13-5.94,7.59-9.53,16.74-9.61,26.47h3.05c.53-5.16,1.3-10.35,3.37-15.15,4.75-11.02,16.07-20.66,27.83-23.3,37.15-8.36,64.48,33.46,41.56,63.86l-60.92,65.25c-.7.68-6.48.56-5.93-.4,1-.02,12.59-13.36,13.18-14.02,14.78-16.69,31.05-32.04,45.78-48.69,2.88-3.26,5.77-6.52,7.78-10.43,15.87-30.74-17.16-63.49-48.05-48.43-10.51,5.12-19.91,18.05-20.04,29.99,0,.42-.02.88.38,1.15l2.67.14c.95-13.66,10-26.23,23.29-30.32,30.67-9.44,55.75,26.98,35.04,51.85-5.78,6.94-13.18,13.71-19.38,20.4-10.78,11.63-21.52,23.71-32.35,35.19-.28.3-13.32,13.94-13.46,13.94h-5.53l16.8-18.52c8.32-8.44,16.2-17.35,24.24-26.02,8.22-8.85,18.26-18.12,25.76-27.39,16.51-20.43,1.26-48.08-24.44-46.19-13.56.99-24.86,13.73-25.36,27.11h3.44c.86-19.13,22.05-30.45,38.51-20,12.72,8.08,15.33,25.2,5.57,36.79-12.33,14.64-27.3,27.87-39.65,42.59l-29.44,31.64h-5.72c.18-.92,12.38-14,12.98-14.71,16.75-19.79,36.84-38.53,54.38-57.92,2.83-3.13,6.12-6.52,7.65-10.56,5.06-13.36-5.23-27.33-19.28-27.32-10.77,0-20.21,8.66-20.42,19.49l3.27-.36c.78-12.13,14.19-19.59,25.06-14.04,10.15,5.17,12.65,18.59,4.62,26.95-19.01,21.51-40.82,41.68-59.47,63.39-1.48,1.72-15.08,15.96-13.12,18.09l100.33-.14v-2.86l-.03-.03Z'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    width: 220px;
    height: 120px;
}

.logo-dark{
    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 373.99 249.33'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %236f7567; %7D %3C/style%3E%3C/defs%3E%3Cg id='Ebene_1' data-name='Ebene 1'%3E%3Cg%3E%3Cg%3E%3Cpath class='cls-1' d='M0,189.25c0-10.4,7.53-18.08,17.98-18.08s17.98,7.68,17.98,18.08-7.53,18.08-17.98,18.08S0,199.65,0,189.25ZM31.59,189.25c0-7.92-5.54-14.29-13.61-14.29s-13.61,6.37-13.61,14.29,5.54,14.29,13.61,14.29,13.61-6.37,13.61-14.29Z'/%3E%3Cpath class='cls-1' d='M42.52,172.04h21.63v3.79h-17.54v10.79h16.38v3.79h-16.38v12.25h18.42v3.79h-22.5v-34.41h-.01Z'/%3E%3Cpath class='cls-1' d='M94.42,175.83h-11.37v30.62h-4.08v-30.62h-11.37v-3.79h26.83v3.79h-.01Z'/%3E%3Cpath class='cls-1' d='M99.23,172.04h4.08v30.62h15.75v3.79h-19.83v-34.41Z'/%3E%3Cpath class='cls-1' d='M123.53,172.04h4.08v34.41h-4.08v-34.41Z'/%3E%3Cpath class='cls-1' d='M152.49,178.12c-1.36-2.19-3.79-3.16-6.27-3.16-3.6,0-7.34,1.7-7.34,5.78,0,3.16,1.75,4.57,7.24,6.32,5.35,1.7,10.3,3.45,10.3,10.21s-5.88,10.06-12.1,10.06c-3.99,0-8.26-1.31-10.59-4.76l3.5-2.87c1.46,2.53,4.37,3.84,7.34,3.84,3.5,0,7.48-2.04,7.48-5.98,0-4.23-2.87-4.96-8.99-7-4.86-1.6-8.55-3.74-8.55-9.48,0-6.61,5.69-9.91,11.71-9.91,3.84,0,7.1,1.07,9.62,4.03l-3.35,2.92h0Z'/%3E%3C/g%3E%3Cg%3E%3Cpath class='cls-1' d='M255.61,172.04h10.5c5.69,0,11.42,2.14,11.42,8.46,0,3.99-2.33,6.66-6.03,7.78v.1c4.42.39,7.78,3.94,7.78,8.46,0,7.58-7.05,9.62-13.41,9.62h-10.25v-34.41h-.01ZM259.7,186.62h5.64c3.84,0,7.82-.83,7.82-5.59,0-4.23-3.69-5.2-7.39-5.2h-6.08v10.79h0ZM259.7,202.66h6.9c3.98,0,8.31-1.6,8.31-5.98,0-4.81-4.08-6.27-8.21-6.27h-7v12.25Z'/%3E%3Cpath class='cls-1' d='M286.23,172.04h21.63v3.79h-17.54v10.79h16.38v3.79h-16.38v12.25h18.42v3.79h-22.5v-34.41h-.01Z'/%3E%3Cpath class='cls-1' d='M315.04,172.04h8.8c6.66,0,13.71.97,13.71,9.48,0,5.01-3.26,8.26-8.6,9.09l9.77,15.84h-5.01l-9.33-15.45h-5.25v15.45h-4.08v-34.41h-.01ZM319.13,187.21h3.65c4.52,0,10.4,0,10.4-5.69,0-4.96-4.33-5.69-8.31-5.69h-5.73v11.37h-.01Z'/%3E%3Cpath class='cls-1' d='M373.99,204.12c-3.94,2.19-8.41,3.21-12.88,3.21-10.69,0-18.37-7.29-18.37-18.08s8.21-18.08,18.52-18.08c4.52,0,8.89,1.21,12.15,4.52l-3.06,3.21c-2.33-2.53-5.88-3.94-9.38-3.94-7.87,0-13.85,5.93-13.85,14.29s5.78,14.29,14.24,14.29c2.77,0,6.03-.73,8.55-1.99v-10.55h-7.92v-3.79h12v16.91h0Z'/%3E%3C/g%3E%3Cg%3E%3Cpolygon class='cls-1' points='198.79 159.19 90.56 159.19 90.61 161.61 91.11 162.14 198.79 161.99 198.79 159.19'/%3E%3Cpolygon class='cls-1' points='198.79 151.85 90.56 151.85 90.61 154.28 91.11 154.81 198.79 154.66 198.79 151.85'/%3E%3Cpolygon class='cls-1' points='198.79 144.11 90.56 144.11 90.61 146.54 91.11 147.07 198.79 146.92 198.79 144.11'/%3E%3Cpolygon class='cls-1' points='198.79 136.98 90.56 136.98 90.61 139.41 91.11 139.94 198.79 139.79 198.79 136.98'/%3E%3Cpath class='cls-1' d='M198.79,129.42h-60.72l-.39-.76,42.49-45.27C207.6,48.04,182.16-1.58,137.29.04c-23.79.86-45.81,20.73-48.64,44.47-.22,1.84.16,4.03,0,5.91h3.05c.39-18.37,11.64-35.32,28.29-42.88,24.63-11.18,54.97.39,64.71,25.64,13.04,33.83-10.27,51.39-30.54,73.01-7.11,7.58-14,15.32-21.13,22.84l-5.83.39c-.64-.57,3.41-4.07,3.81-4.5,10.94-12.03,22.22-24.01,33.21-36.03,8.16-8.92,14.82-14.15,18.13-26.62,4.38-16.48-.56-28.13-10.72-40.44-16.66-20.18-50.11-17.85-65.73,2.13-5.94,7.59-9.53,16.74-9.61,26.47h3.05c.53-5.16,1.3-10.35,3.37-15.15,4.75-11.02,16.07-20.66,27.83-23.3,37.15-8.36,64.48,33.46,41.56,63.86l-49.65,53.21c-.7.68-6.48.56-5.93-.4,1-.02,1.32-1.32,1.91-1.99,14.78-16.69,31.05-32.04,45.78-48.69,2.88-3.26,5.77-6.52,7.78-10.43,15.87-30.74-17.16-63.49-48.05-48.43-10.51,5.12-19.91,18.05-20.04,29.99,0,.42-.02.88.38,1.15l2.67.14c.95-13.66,10-26.23,23.29-30.32,30.67-9.44,55.75,26.98,35.04,51.85-5.78,6.94-13.18,13.71-19.38,20.4-10.78,11.63-21.52,23.71-32.35,35.19-.28.3-2.05,1.9-2.19,1.9h-5.53l5.53-6.49c8.32-8.44,16.2-17.35,24.24-26.02,8.22-8.85,18.26-18.12,25.76-27.39,16.51-20.43,1.26-48.08-24.44-46.19-13.56.99-24.86,13.73-25.36,27.11h3.44c.86-19.13,22.05-30.45,38.51-20,12.72,8.08,15.33,25.2,5.57,36.79-12.33,14.64-27.3,27.87-39.65,42.59l-18.17,19.61h-5.72c.18-.92,1.11-1.97,1.71-2.68,16.75-19.79,36.84-38.53,54.38-57.92,2.83-3.13,6.12-6.52,7.65-10.56,5.06-13.36-5.23-27.33-19.28-27.32-10.77,0-20.21,8.66-20.42,19.49l3.27-.36c.78-12.13,14.19-19.59,25.06-14.04,10.15,5.17,12.65,18.59,4.62,26.95-19.01,21.51-40.82,41.68-59.47,63.39-1.48,1.72-3.81,3.93-1.85,6.06l107.61-.14v-2.86h-.03Z'/%3E%3C/g%3E%3Cg%3E%3Cpolygon class='cls-1' points='256.46 246.38 155.51 246.38 155.56 248.81 156.06 249.33 256.46 249.18 256.46 246.38'/%3E%3Cpolygon class='cls-1' points='256.46 239.05 155.51 239.05 155.56 241.47 156.06 242 256.46 241.85 256.46 239.05'/%3E%3Cpolygon class='cls-1' points='256.46 231.3 155.51 231.3 155.56 233.73 156.06 234.26 256.46 234.11 256.46 231.3'/%3E%3Cpolygon class='cls-1' points='256.46 224.18 155.51 224.18 155.56 226.6 156.06 227.13 256.46 226.98 256.46 224.18'/%3E%3Cpath class='cls-1' d='M256.03,216.74h-53.44l-.39-.76,53.76-57.3c27.43-35.35,1.99-84.97-42.88-83.35-23.79.86-45.81,20.73-48.64,44.47-.22,1.84.16,4.03,0,5.91h3.05c.39-18.37,11.64-35.32,28.29-42.88,24.63-11.18,54.97.39,64.71,25.64,13.04,33.83-10.27,51.39-30.54,73.01-7.11,7.58-25.28,27.35-32.4,34.87l-5.83.39c-.64-.57,14.68-16.1,15.08-16.53,10.94-12.03,22.22-24.01,33.21-36.03,8.16-8.92,14.82-14.15,18.13-26.62,4.38-16.48-.56-28.13-10.72-40.44-16.66-20.18-50.11-17.85-65.73,2.13-5.94,7.59-9.53,16.74-9.61,26.47h3.05c.53-5.16,1.3-10.35,3.37-15.15,4.75-11.02,16.07-20.66,27.83-23.3,37.15-8.36,64.48,33.46,41.56,63.86l-60.92,65.25c-.7.68-6.48.56-5.93-.4,1-.02,12.59-13.36,13.18-14.02,14.78-16.69,31.05-32.04,45.78-48.69,2.88-3.26,5.77-6.52,7.78-10.43,15.87-30.74-17.16-63.49-48.05-48.43-10.51,5.12-19.91,18.05-20.04,29.99,0,.42-.02.88.38,1.15l2.67.14c.95-13.66,10-26.23,23.29-30.32,30.67-9.44,55.75,26.98,35.04,51.85-5.78,6.94-13.18,13.71-19.38,20.4-10.78,11.63-21.52,23.71-32.35,35.19-.28.3-13.32,13.94-13.46,13.94h-5.53l16.8-18.52c8.32-8.44,16.2-17.35,24.24-26.02,8.22-8.85,18.26-18.12,25.76-27.39,16.51-20.43,1.26-48.08-24.44-46.19-13.56.99-24.86,13.73-25.36,27.11h3.44c.86-19.13,22.05-30.45,38.51-20,12.72,8.08,15.33,25.2,5.57,36.79-12.33,14.64-27.3,27.87-39.65,42.59l-29.44,31.64h-5.72c.18-.92,12.38-14,12.98-14.71,16.75-19.79,36.84-38.53,54.38-57.92,2.83-3.13,6.12-6.52,7.65-10.56,5.06-13.36-5.23-27.33-19.28-27.32-10.77,0-20.21,8.66-20.42,19.49l3.27-.36c.78-12.13,14.19-19.59,25.06-14.04,10.15,5.17,12.65,18.59,4.62,26.95-19.01,21.51-40.82,41.68-59.47,63.39-1.48,1.72-15.08,15.96-13.12,18.09l100.33-.14v-2.86l-.03-.03Z'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    width: 160px;
    height: 85px;
}

.hamburger-menu{
    background-image: url("data:image/svg+xml,%3Csvg width='73' height='67' viewBox='0 0 73 67' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='0.5' width='72' height='66' stroke='white'/%3E%3Crect x='20' y='21' width='32' height='2' fill='white'/%3E%3Crect x='20' y='32' width='32' height='2' fill='white'/%3E%3Crect x='20' y='43' width='24' height='2' fill='white'/%3E%3C/svg%3E%0A");
    width: 73px;
    height: 66px;
}

#offcanvasRight{
    width: auto !important;
}

header{
    transition: all 0.3s;
}

header.active{
    background-color: var(--color-green) !important;
    margin-top: 0px !important;
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
}

header.side-page.active{
    background-color: var(--color-nav-green) !important;
}

header .logo,
header .hamburger-menu{
    transition: all 0.3s;
}

header.active .logo{
    width: 109px;
    height: 60px;
}

header.active .hamburger-menu{
    width: 50px;
    height: 60px;
}

.navigation-link,
.navigation-link a{
    transition: all 0.3s;
}

.navigation-link:hover{
    transform: scale(1.05);
}

.navigation-link:hover a{
    color: var(--color-black) !important;
}

/* Hero */

.hero-image-container{
    border: 1.5rem solid white;
}

.scroll-icon{
    background-image: url("data:image/svg+xml,%3Csvg width='58' height='58' viewBox='0 0 58 58' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M23.8931 50.2328L29 54.6395L34.1069 50.2306L32.6546 48.5518L30.1149 50.7449L30.1126 43.3272H27.8855V50.7473L25.3457 48.5542L23.8931 50.2328ZM39.7503 18.9989H18.2473V16.3368C18.2473 6.89389 29.77 1.92473 36.5898 8.74457C38.5382 10.693 39.7481 13.38 39.7481 16.3368L39.7503 18.9989ZM18.2497 21.226H39.7503V26.8853C39.7503 36.3282 28.2276 41.2974 21.4078 34.4775C19.4594 32.5291 18.2495 29.8398 18.2495 26.8853L18.2497 21.226ZM27.8854 10.1451V14.6265H30.1125V10.1451H27.8854ZM29.0001 3.35956C36.1409 3.35956 41.9776 9.19774 41.9776 16.3371V26.8877C41.9776 30.4584 40.5185 33.7027 38.1668 36.0546C29.9472 44.2742 16.0224 38.309 16.0224 26.8877V16.3371C16.0224 9.19629 21.8582 3.35956 28.9999 3.35956H29.0001Z' fill='white'/%3E%3C/svg%3E%0A");
    width: 50px;
    height: 50px;
    display: inline-block;
    /* keep it centered horizontally */
    transform: translateX(-50%);
    animation: bounce 1.5s infinite ease-in-out;
    will-change: transform;
}
  
@keyframes bounce{
    0%,100% { transform: translateX(-50%) translateY(0); }
    50%     { transform: translateX(-50%) translateY(10px); }
}

/* Respect reduced motion */
  @media (prefers-reduced-motion: reduce){
    .scroll-icon { animation: none; }
}

/* Intro */

.intro-previous-arrow{
    background-image: url("data:image/svg+xml,%3Csvg width='75' height='16' viewBox='0 0 75 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.292892 7.29289C-0.0976334 7.68342 -0.0976334 8.31658 0.292892 8.70711L6.65685 15.0711C7.04738 15.4616 7.68054 15.4616 8.07107 15.0711C8.46159 14.6805 8.46159 14.0474 8.07107 13.6569L2.41422 8L8.07107 2.34315C8.46159 1.95262 8.46159 1.31946 8.07107 0.928932C7.68054 0.538408 7.04738 0.538408 6.65685 0.928932L0.292892 7.29289ZM75 8V7L1 7V8V9L75 9V8Z' fill='%236F7567'/%3E%3C/svg%3E%0A");
    width: 75px;
    height: 16px;
}

.intro-next-arrow{
    background-image: url("data:image/svg+xml,%3Csvg width='75' height='16' viewBox='0 0 75 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M74.7071 8.70711C75.0976 8.31658 75.0976 7.68342 74.7071 7.29289L68.3431 0.928932C67.9526 0.538408 67.3195 0.538408 66.9289 0.928932C66.5384 1.31946 66.5384 1.95262 66.9289 2.34315L72.5858 8L66.9289 13.6569C66.5384 14.0474 66.5384 14.6805 66.9289 15.0711C67.3195 15.4616 67.9526 15.4616 68.3431 15.0711L74.7071 8.70711ZM0 8V9H74V8V7H0V8Z' fill='%236F7567'/%3E%3C/svg%3E%0A");
    width: 75px;
    height: 16px;
}

/* Downloads */

.downloads-icon{
    max-width: 25px;
}

.downloads-arrow{
    background-image: url("data:image/svg+xml,%3Csvg width='23' height='8' viewBox='0 0 23 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22.3536 4.35355C22.5488 4.15829 22.5488 3.84171 22.3536 3.64645L19.1716 0.464466C18.9763 0.269204 18.6597 0.269204 18.4645 0.464466C18.2692 0.659728 18.2692 0.976311 18.4645 1.17157L21.2929 4L18.4645 6.82843C18.2692 7.02369 18.2692 7.34027 18.4645 7.53553C18.6597 7.7308 18.9763 7.7308 19.1716 7.53553L22.3536 4.35355ZM0 4V4.5H22V4V3.5H0V4Z' fill='black'/%3E%3C/svg%3E%0A");
    width: 22px;
    height: 8px;
}

.hero-downloads-container{
    border: 1.5rem solid white;
}

.downloads-link{
    transition: all 0.3s;
}

.downloads:hover .downloads-link{
    padding-right: 1rem !important;
}

/* Galerie */

.galerie-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
}

.gallery-image-one{
    height: 100% !important;
}

/* Lage */

.lage-slider.active{
    opacity: 100%;
}

.lage-slider{
    opacity: 50%;
}

.nav-link{
    color: var(--color-black) !important;
}

.nav-link.active{
    opacity: 100%;
    text-decoration: underline !important;
}

.nav-link{
    opacity: 50%;
}

.lage-icon{
    max-width: 65px;
    max-height: 50px;
}

.circle-event{
    z-index: 1;
    position: relative;

    transition: all 0.3s;
}

.circle-event:hover{

}

.circle-info{
    display: none
}

g .circle-event:hover + .circle-info{
    display: block;
    z-index: 999;
}

/* Form */

.form-field input, .form-nachricht-field textarea{
    border-radius: 0px !important;
    background: transparent !important;
    border-left: none !important;
    border-right: none !important;
    border-top: none !important;
    padding-left: 0px !important;
    border-bottom: 1px solid var(--color-black) !important;
    font-family: 'Quicksand' !important;
    font-size: 1.3rem !important;
}

.form-nachricht-field textarea{
    margin-bottom: 1rem !important;
}

.form-checkbox{
    padding-bottom: 0px !important;
}

.form-field .fui-select{
    border-radius: 0px !important;
    background: transparent !important;
    border-left: none !important;
    border-right: none !important;
    border-top: none !important;
    padding-left: 0px !important;
    border-bottom: 1px solid var(--color-black) !important;
    font-family: 'Source Sans' !important;
    font-size: 1.5rem !important;
    color: var(--color-black) !important;
}

.form-field .fui-label{
    font-family: 'Quicksand' !important;
    font-size: 1.3rem !important;
}

.form-nachricht-field textarea{
    min-height: 150px !important;
}

.form-field input::placeholder, .form-field textarea::placeholder{
    color: var(--color-black) !important;
    font-family: 'Quicksand' !important;
    font-size: 1.3rem !important;
    line-height: 1.575rem;
    opacity: 1 !important;
}

.form-checkbox .fui-legend, .form-checkbox .fui-checkbox-label, .fui-label, .fui-legend, .fui-radio-label{
    color: var(--color-black) !important;
    font-family: 'Quicksand' !important; 
    font-size: 1.3rem !important;
    line-height: 1.575rem;
    opacity: 1 !important;
}

.fui-radio label:before{
    height: 20px !important;
    width: 20px !important;
    border: 1px solid var(--color-black) !important;
    background-size: cover !important;
    margin-top: -3px;
}

.fui-radio input:checked+label:before{
    background-color: var(--color-black) !important;
}

.form-checkbox .fui-legend{
    padding-bottom: 1rem !important;
    margin-bottom: 0 !important;
}

.form-checkbox .fui-checkbox label:before{
    background-color: var(--color-light-gray);
    border-color: var(--color-inde);
    border-radius: 0px !important;
}

.fui-layout-horizontal .fui-layout-wrap, .fui-row{
    flex-wrap: wrap;
}

.form-checkbox{
    padding-bottom: 2rem;
}

.fui-checkbox{
    width: 25% !important;
    margin-left: 0px !important;
    margin-right: 0px !important;
    margin-bottom: 0.5rem !important;
}

.form-button button{
    background-color: var(--color-green) !important;
    border-radius: 0px !important;
    font-family: 'Quicksand' !important;
    font-size: 1.3rem !important;
    color: var(--color-white) !important;
    border: none !important;
    padding: calc(0.5rem + 5px) calc(2rem + 5px) calc(0.5rem + 5px) calc(2rem + 5px) !important;
    outline-offset: -3px;
    transition: 0.3s ease-in-out 0s;
}

.form-button button:hover{
    background-color: color-mix(in srgb, var(--color-beige) 70%, black) !important;
    color: var(--color-white) !important;
}

/* Impressum */

.hero-impressum-container{

}

/* Datenschutz */

.datenschutz-text h3{
    margin-top: 3rem !important;
    margin-bottom: 1.5rem !important;
}

.datenschutz-text a{
    color: black !important;
    text-decoration: none !important;
}


@media only screen and (max-width: 1500px) and (min-width: 1400px)  {

}

@media (max-width: 1600px) {

    .hero-downloads-container{
        border: 0rem solid white;
    }
}

@media (max-width: 1440px) {

}

@media screen and (min-width: 576px) and (max-width: 1440px) and (max-height: 1200px) {
    .sticky-isometrie{
        position: static !important; /* neutralize sticky */ 
    }
}

@media (max-width: 1200px) {


}

@media (max-width: 992px) {

    .hero-image-container{
        border: 0px !important;
    }

    #mainSlider{
        height: 70vh !important;
    }

    .fui-checkbox {
        width: 33% !important;
    }

    #isometry_content {
        position: static !important; /* neutralize sticky */
    }

    .sticky-isometrie {
        top: 76px !important;
    }

}

@media (max-width: 768px) {

    .galerie-grid {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        grid-column-gap: 1rem;
        grid-row-gap: 1rem;
    }

    .fui-checkbox {
        width: 50% !important;
    }

}

@media (max-height: 1000px) {
    .navigation-container{
        padding: 0px !important;
    }

    .navigation-tab{
        font-size: 2.3rem !important;
    }

    .navigation-logo, .navigation-tabs, .navigation-footer{
        padding: 0px !important;
    }

    .navigation-link{
        padding-bottom: 1rem !important;
    }

    .offcanvas-body{
        padding: 2rem 3rem !important;
    }

    .navigation-close{
        padding-bottom: 0px !important;
    }
    
}

@media (max-width: 576px) {
   
    .logo {
        width: 135px;
        height: 73px;
    }

    .hamburger-menu,
    header.active .hamburger-menu {
        width: 45px;
        height: 41px;
    }

    .fui-checkbox {
        width: 100% !important;
    }

    #offcanvasRight {
        width: 100% !important;
    }

    header.active{
        padding-top: .5rem !important;
        padding-bottom: .5rem !important;
    }
    
    .offcanvas-body{
        padding: 1.5rem 1.5rem !important;
    }

}
