:root {

    --bg:       #e6e3e8;
    --font-color:   #000;

    --brandcolor-green: #157c4c;
    --brandcolor-green-dark: #13633b;
    --red:                  #c33;

    --full-width: 1920px;
    --max-width: 1680px;
    --standard-width: 1440px;

    --gap025: 4px;
    --gap05: 8px;
    --gap1: 16px;
    --gap105: 24px;
    --gap2: 32px;
    --gap205: 40px;
    --gap3: 48px;
    --gap305: 56px;
    --gap4: 64px;
    --gap5: 80px;
    --gap6: 96px;
    --gap7: 112px;
    --gap8: 128px;
    --gap9: 144px;
    --gap10: 160px;
    --gap11: 176px;
    --gap12: 192px;
    --gap14: 224px;

    --rem14: 0.875rem;
    --rem15: 0.9375rem;
    --rem16: 1rem;
    --rem17: 1.0625rem;
    --rem18: 1.125rem;
    --rem20: 1.25rem;
    --rem22: 1.375rem;
    --rem24: 1.5rem;
    --rem25: 1.5625rem;
    --rem26: 1.625rem;
    --rem27: 1.6875rem;
    --rem29: 1.8125rem;
    --rem32: 2rem;
    --rem36: 2.25rem;
    --rem40: 2.5rem;
    --rem45: 2.8125rem;
    --rem48: 3rem;
    --rem54: 3.375rem;
    --rem64: 4rem;

    --swiper-theme-color: #0018a8;
    --swiper-navigation-size: 25px;
    --swiper-navigation-top-offset: calc(100% - 30px);

    --r1: 10px;
    --r2: 15px;
    --r3: 20px;
    --r4: 25px;
    --r5: 30px;
}

@media screen and (max-width: 1439px) {
    :root {
        --gap1: 12px;
        --gap105: 18px;
        --gap2: 24px;
        --gap3: 36px;
        --gap4: 48px;
        --gap5: 60px;
        --gap6: 72px;
        --gap7: 84px;
        --gap8: 96px;
        --gap9: 108px;
        --gap10: 120px;
        --gap11: 132px;
        --gap12: 144px;
        --gap14: 168px;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px){
    .content-box {
        --r1: 7px;
        --r2: 10px;
        --r3: 13px;
        --r4: 17px;
        --r5: 20px;
    }
}

@media screen and (max-width: 767px) {
    :root {
        --gap1: 8px;
        --gap105: 12px;
        --gap2: 16px;
        --gap3: 24px;
        --gap4: 32px;
        --gap5: 40px;
        --gap6: 48px;
        --gap7: 56px;
        --gap8: 64px;
        --gap9: 72px;
        --gap10: 80px;
        --gap11: 88px;
        --gap12: 96px;
        --gap14: 112px;

        --r1: 7px;
        --r2: 10px;
        --r3: 13px;
        --r4: 17px;
        --r5: 20px;
    }
}

@media screen and (max-width: 424px) {
    :root {
        --gap1: 6px;
        --gap105: 9px;
        --gap2: 12px;
        --gap205: 15px;
        --gap3: 18px;
        --gap4: 24px;
        --gap5: 30px;
        --gap6: 36px;
        --gap7: 42px;
        --gap8: 48px;
        --gap9: 54px;
        --gap10: 60px;
        --gap11: 66px;
        --gap12: 72px;
        --gap14: 84px;

        --r1: 5px;
        --r2: 7px;
        --r3: 10px;
        --r4: 12px;
        --r5: 15px;
    }
}

/**
 * Contao Open Source CMS
 *
 * Copyright (c) 2005-2014 Leo Feyer
 *
 * @package Core
 * @link    https://contao.org
 * @license http://www.gnu.org/licenses/lgpl-3.0.html LGPL
 */

/**
 * Standardize some basic elements
 */

body,form,figure {
    margin:0;
    padding:0;
}

img {
    border:0;
}

header,footer,nav,section,aside,article,figure,figcaption {
    display:block;
}

/**
 * Fix some font issues
 */

body {
    font-size:100.01%;
}

select,input,textarea {
    font-size:99%;
}

/**
 * Fix some positioning issues
 */

#container,.inside {
    position:relative;
}

/**
 * Hide invisible elements
 */

.invisible {
    border:0;
    clip:rect(0 0 0 0);
    height:1px;
    margin:-1px;
    overflow:hidden;
    padding:0;
    position:absolute;
    width:1px;
}

/**
 * Custom layout sections
 */

.custom {
    display:block;
}

#container:after,.custom:after {
    content:"";
    display:table;
    clear:both;
}

/**
 * Float classes (see #6851)
 */

.float_left,
.media--left > figure {
    float:left;
}

.float_right,
.media--right > figure {
    float:right;
}

/**
* Clear floats
*/

.block {
    overflow:hidden;
}

.media {
    display:flow-root;
}

.clear,#clear {
    height:0.1px;
    font-size:0.1px;
    line-height:0.1px;
    clear:both;
}

* {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

iframe {
    border: none;
}

/**
 * Responsive videos (see #1348)
 */

.video_container video {
    max-width:100%;
    height:auto;
}

.aspect,
.responsive {
    position:relative;
    height:0;
}

.aspect iframe,
.responsive iframe {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}

.aspect--16\:9,
.responsive.ratio-169 {
    padding-bottom:56.25%;
}

.aspect--16\:10,
.responsive.ratio-1610 {
    padding-bottom:62.5%;
}

.aspect--21\:9,
.responsive.ratio-219 {
    padding-bottom:42.8571%;
}

.aspect--4\:3,
.responsive.ratio-43 {
    padding-bottom:75%;
}

.aspect--3\:2,
.responsive.ratio-32 {
    padding-bottom:66.6666%;
}

body::before {
    content: '';
    display: block;
    height: var(--header-height, 0);
}

body {
    position: relative;
    z-index: 1;
    min-height: 100vh;


}

body.no-scroll {
    overflow: hidden;
    -ms-touch-action: none;
        touch-action: none;
}

#bg {
    position: absolute;
    top: 0;
    left:0;
    bottom: 0;
    right: 0;
    z-index: -1;
}

#bg:before {
        position: absolute;
        display: block;
        content: "";
        inset: var(--gap5);
        height: 100%;
        background-color: var(--bg);
        z-index: 0;
    }

#wrapper {
    width: 1200px;
    margin: auto;
    overflow: visible;
}

#main > .inside {
    position: relative;
    z-index: 1;
    height: 200vh;
    padding-right: 300px;
}

.rotklee {
    position: absolute;
    width: 300px;
    height: 300px;
    z-index: 2;
}

#bg > .inside *:first-child {
        right: 0vw;
        top: 30vh;
        -webkit-transform: scaleX(-1);
            -ms-transform: scaleX(-1);
                transform: scaleX(-1);
    }

#bg > .inside *:last-child {
        left: 0vw;
        top: 80vh;
    }

@media screen and (min-width: 768px){
    #container {
        padding-top: var(--gap14);
    }
}

@font-face {
    font-family: 'al';
    src:  url('/files/public/fonts/Alena-Light-webfont.woff') format('woff');
    font-display: swap;
}

@font-face {
    font-family: 'ar';
    src:  url('/files/public/fonts/Alena-Regular-webfont.woff') format('woff');
    font-display: swap;
}

@font-face {
    font-family: 'am';
    src:  url('/files/public/fonts/Alena-Medium-webfont.woff') format('woff');
    font-display: swap;
}

@font-face {
    font-family: 'asb';
    src:  url('/files/public/fonts/Alena-Semibold-webfont.woff') format('woff');
    font-display: swap;
}

html {
    font-family: 'ar', sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    font-variation-settings: "wdth" 100;
    font-size: 100%;
    color: var(--font-color);
}

h1 {
    font-size: var(--rem32);
    margin-top: 0;
}

p {
    font-size: var(--rem24);
}

#main :is(
        [class^="content-"],
        [class*=" content-"],
        [class^="ce_"],
        [class*=" ce_"]
    ) {
        margin-bottom: var(--gap4);
    }

#main .gap-small:is(
        [class^="content-"],
        [class*=" content-"],
        [class^="ce_"],
        [class*=" ce_"]
    ) {
            margin-bottom: var(--gap3);
        }

#main .gap-big:is(
        [class^="content-"],
        [class*=" content-"],
        [class^="ce_"],
        [class*=" ce_"]
    ) {
            margin-bottom: var(--gap12);
        }

img {
    display: block;
    max-width: 100%;
    height: auto;
}
/*# sourceMappingURL=standard.css.map */