/* outfit-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Outfit';
  font-style: normal;
  font-weight: 300;
  src: url('/site/assets/files/10398/outfit-v11-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
font-display: swap;}

/* outfit-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Outfit';
  font-style: normal;
  font-weight: 400;
  src: url('/site/assets/files/10398/outfit-v11-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
font-display: swap;}

/* outfit-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Outfit';
  font-style: normal;
  font-weight: 500;
  src: url('/site/assets/files/10398/outfit-v11-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
font-display: swap;}

/* outfit-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Outfit';
  font-style: normal;
  font-weight: 600;
  src: url('/site/assets/files/10398/outfit-v11-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
font-display: swap;}

/* outfit-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Outfit';
  font-style: normal;
  font-weight: 700;
  src: url('/site/assets/files/10398/outfit-v11-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
font-display: swap;}

/*** - Reset colors - ***/
html, em {
    color: rgb(102, 102, 102);
    background-color: #fff;
}

body {
    background-color: #fff;
}

body,
.uk-navbar-item,
.uk-navbar-nav>li>a,
.uk-navbar-toggle {
  font-family: Outfit;
}


/****** Logo Settings ******/

.uk-navbar img,
.uk-navbar .svglogo {
    width: 102px;
    max-width: 33vw;
}
  .uk-sticky-fixed .uk-navbar  img,
  .uk-sticky-fixed .uk-navbar .svglogo {
      width: 70px;
  }
@media only screen and (min-width:640px) {
    .uk-navbar img,
    .uk-navbar .svglogo {
        max-width: 25vw;
    }
} 
/****** Color Settings ******/

/* Primary Color */

.uk-text-primary,
.uk-text-danger {
   color: #FFFFFF !important; 
}
.uk-light .uk-text-danger {
    color: #e38596 !important;
}
.uk-button-primary,
.uk-section-primary,
.uk-card-primary,
.circle:hover,
.vd-line,
.uk-section-secondary:not(.uk-preserve-color) .uk-button-primary {
  background-color: #FFFFFF;
}

/* Secondary Color */

.uk-text-secondary,
.uk-tab > .uk-active > a {
    color: #F0E6DF !important; 
}

.uk-button-secondary,
.uk-section-secondary,
.uk-card-secondary,
.circle {
    background-color: #F0E6DF;
}

.uk-tab > .uk-active > a {
    border-color: #F0E6DF}


.uk-grid-divider > :not(.uk-first-column)::before {
    border-left: 1px solid #F5F5F5;
}
.uk-section-muted .uk-grid-divider > :not(.uk-first-column)::before {
    border-left: 1px solid #F0E6DF;
}

.uk-light .uk-grid-divider > :not(.uk-first-column)::before {
    border-left: 1px solid #fff;
}

.uk-checkbox:checked, 
.uk-checkbox:indeterminate, 
.uk-radio:checked, 
.uk-checkbox:checked:focus, 
.uk-checkbox:indeterminate:focus, 
.uk-radio:checked:focus, input[type="radio"]:not([class*="uk-"]):checked:focus, 
input[type="checkbox"]:not([class*="uk-"]):checked:focus, 
input[type="checkbox"]:not([class*="uk-"]):indeterminate:focus, 
input[type="checkbox"]:not([class*="required"]):checked {

	background-color: #FFFFFF;
	border-color: transparent;
}


/* Muted Color */

.uk-section-muted,
.uk-card-muted,
div.uk-section-alternative:after {
  background-color: #F5F5F5;
}

.uk-text-muted {
    color: #F5F5F5 !important; 
}


/* Link Color */

a, 
.uk-link {
  color: #000000;
}

.uk-navbar-nav > li.uk-active > a,
#navbar .uk-subnav > li.uk-active > a,
.uk-subnav > li.uk-active > a,
li.uk-active > a {
    color: #F0E6DF;
}
a:hover, 
.uk-link:hover, 
.uk-link-toggle:hover .uk-link, 
.uk-link-toggle:focus .uk-link,
.link-content:hover * {
    color: #000000;
    text-decoration: none;
}
.uk-link-heading a:hover, .uk-link-toggle:focus .uk-link-heading, .uk-link-toggle:hover .uk-link-heading, a.uk-link-heading:hover {
    color: #C7B4D4 !important;
}

/* Exeptions */

.uk-breadcrumb a,
.uk-breadcrumb>:nth-child(n+2):not(.uk-first-column)::before,
.uk-breadcrumb span {
  color: #C7B4D4;
}

.uk-tab > * > a,
.uk-tab > * > a:hover {  
    color: color: rgb(102, 102, 102);
    text-decoration: none;
}


/* Default Color */

.uk-section-default,
.uk-dotnav > .uk-active > *, 
.uk-section-primary:not(.uk-preserve-color) .uk-dotnav > .uk-active > *, 
.uk-section-secondary:not(.uk-preserve-color) .uk-dotnav > .uk-active > *, 
.uk-tile-primary:not(.uk-preserve-color) .uk-dotnav > .uk-active > *, 
.uk-tile-secondary:not(.uk-preserve-color) .uk-dotnav > .uk-active > *,
.uk-card-primary.uk-card-body .uk-dotnav > .uk-active > *, 
.uk-card-primary > :not([class*='uk-card-media']) .uk-dotnav > .uk-active > *, 
.uk-card-secondary.uk-card-body .uk-dotnav > .uk-active > *, 
.uk-card-secondary > :not([class*='uk-card-media']) .uk-dotnav > .uk-active > *, 
.uk-overlay-primary .uk-dotnav > .uk-active > *, 
.uk-offcanvas-bar .uk-dotnav > .uk-active > * {
    background-color: #000000;
}



/* Selection */

::selection {
    background-color: #004555;
    color: #fff;
}
.uk-section-primary ::selection,
div.uk-dark ::selection {
    color: #004555;
    background-color: #fff;
}


h1:not([class*="uk-"]), .uk-h1{color: #000000;font-size: 36px;font-family: "Outfit";font-weight: 500;line-height: 1.5;}
#main-menu ul:not(.uk-dropdown-nav) > li>a, #dropMenu a{color: #000000;font-size: 30px;font-family: "Outfit";font-weight: 700;}
 .uk-navbar-container:not(.uk-navbar-transparent), #main-menu .uk-dropdown {background-color: #FFFFFF;}
.uk-light:not(.uk-sticky-fixed) #main-menu ul:not(.uk-dropdown-nav) > li>a, #dropMenu a{color: #000000 !important;}
main a.uk-link, main a.vd-link, main a{color: #000000;text-decoration:underline;}
.mobile-menu.uk-nav-primary .uk-nav-sub a, .uk-light .mobile-menu.uk-nav-primary .uk-nav-sub a, .uk-dark .mobile-menu.uk-nav-primary .uk-nav-sub a{color: #000000;font-size: 26px;font-weight: 600;text-transform:uppercase;}
.uk-modal-full .uk-modal-dialog {background-color: #FFFFFF;}
.uk-modal-page .uk-navbar-container {background-color:unset;}
.uk-modal-page #main-menu ul:not(.uk-dropdown-nav) > li > a, .uk-modal-page #dropMenu a {color: #000000;}
.uk-modal-page .toogleMenuIcon #top,.uk-modal-page .toogleMenuIcon #bottom, .uk-modal-page .toogleMenuIcon #middle {fill:#000000;}
h2:not([class*="uk-"]), .uk-h2{color: #000000;font-size: 40px;font-family: "Outfit";font-weight: 600;}
h4:not([class*="uk-"]), .uk-h4{color: #000000;font-size: 20px;font-family: "Outfit";font-weight: 300;}
main{font-size: 16px;font-family: "Outfit";font-weight: 400;}
h3:not([class*="uk-"]), .uk-h3{color: #000000;font-size: 28px;font-family: "Outfit";font-weight: 400;}
h5:not([class*="uk-"]), .uk-h5{color: #000000;font-size: 14px;font-family: "Outfit";font-weight: 300;}
h6:not([class*="uk-"]), .uk-h6{color: #000000;font-size: 20px;font-family: "Outfit";font-weight: 400;}


/* ==========================================================================
    CKE Corporate Identity Settings f. cke_full
   ========================================================================== */


    ul.list-ci {
         padding-left:0.5rem;    }
    ul.list-ci li {
        list-style: none;
        padding: 0 0 1em calc(0.5em + 0.5rem);
        position: relative;
    }
    ul.list-ci li:last-child {
        padding-bottom: 0;
    }
    ul.list-ci li::before {
        content: '';
        display: inline-block;
        width: 12px;
        height: 12px;
        margin: 0 1rem 0 0;
        position: absolute;
        left: -0.5rem;
        top: 6px;
        line-height: 1em;
        vertical-align: middle;
                border-radius:50%; background-color:#F0E6DF;            }

    ul.list-ci li:last-child,
    ul.list-ci:last-child {
        margin-bottom: 0;
    }
    ul.list-ci li::before {
        
    }


/* ==========================================================================
    Buttons
   ========================================================================== */

.vd-btn {
    display: inline-block;
    padding: 0.5rem 2rem;
    text-decoration:none !important;
    color: currentColor;
    cursor: pointer;
    border: none;
}

.vd-btn.sz-large {
    padding: 1rem 4rem;
}

.vd-btn.sz-small {
    padding: 0.25rem 1rem;
}

.vd-btn .uk-icon,
.vd-btn .inline-svg {
    margin-right: 0.5rem;
    line-height: inherit;
    vertical-align: baseline;
}
.vd-btn.sz-large .uk-icon,
.vd-btn.sz-large .inline-svg {
    margin-right: 0.75rem;
    margin-left: -0.75rem; 
}

/* Preview in backend */
.AdminDataTable .vd-btn {
    border: 1px solid #ccc;
}



        .vd-btn.vd-btn-button-klein,
        .uk-light .vd-btn.vd-btn-button-klein {
            color:rgba(255, 255, 255, 1) !important;background-color: #FFFFFF !important;border-color: #202A26 !important;border-radius: 5px;border-width: 1px;border-style:solid;text-transform:uppercase;letter-spacing: 0.5px !important;font-weight: 500 !important;font-family: "Poppins";font-size: 20px;
        }
        .vd-btn.vd-btn-button-klein:hover, 
        .vd-btn.vd-btn-button-klein:active, 
        .uk-light .vd-btn.vd-btn-button-klein:hover, 
        .uk-light .vd-btn.vd-btn-button-klein:active {
            background-color: #202A26 !important;border-color: #202A26 !important;
        }
        .vd-btn.vd-btn-button-gross,
        .uk-light .vd-btn.vd-btn-button-gross {
            color: #000000 !important;background-color: #FFFFFF !important;border-color: #000000 !important;border-width: 2px;border-style:solid;font-weight: 600 !important;font-size: 22px;
        }
        .vd-btn.vd-btn-button-gross:hover, 
        .vd-btn.vd-btn-button-gross:active, 
        .uk-light .vd-btn.vd-btn-button-gross:hover, 
        .uk-light .vd-btn.vd-btn-button-gross:active {
            background-color: #202A26 !important;border-color: #F0E6DF !important;
        }

/* ==========================================================================
    Output MediaQueries
   ========================================================================== */


        @media only screen and (max-width:1200px) {
            h1:not([class*="uk-"]), .uk-h1{font-size:32px;}

                .vd-btn.vd-btn-button-gross, 
                .uk-light .vd-btn.vd-btn-button-gross{
                    font-size:20px;
                }

        }

        @media only screen and (max-width:960px) {
            h1:not([class*="uk-"]), .uk-h1{font-size:28px;}
h3:not([class*="uk-"]), .uk-h3{font-size:22px;}

                .vd-btn.vd-btn-button-gross, 
                .uk-light .vd-btn.vd-btn-button-gross{
                    font-size:18px;
                }

        }

        @media only screen and (max-width:640px) {
            h1:not([class*="uk-"]), .uk-h1{font-size:26px;}

                .vd-btn.vd-btn-button-klein, 
                .uk-light .vd-btn.vd-btn-button-klein{
                    font-size:18px;
                }

                .vd-btn.vd-btn-button-gross, 
                .uk-light .vd-btn.vd-btn-button-gross{
                    font-size:16px;
                }

        }

        @media only screen and (max-width:480px) {
            h1:not([class*="uk-"]), .uk-h1{font-size:24px;}

                .vd-btn.vd-btn-button-gross, 
                .uk-light .vd-btn.vd-btn-button-gross{
                    font-size:14px;
                }

        }

        @media only screen and (max-width:320px) {
            h1:not([class*="uk-"]), .uk-h1{font-size:20px;}

                .vd-btn.vd-btn-button-klein, 
                .uk-light .vd-btn.vd-btn-button-klein{
                    font-size:13px;
                }

        }



/* ==========================================================================
    Flyout
   ========================================================================== */

#flyout-contact a.mail {color: #000000;background-color: #FFFFFF;}
#flyout-contact a:hover.mail {color: #000000;background-color: #202A26;}
#flyout-menu a.mail {color: #000000;background-color: #FFFFFF;}
#flyout-menu a:hover.mail {color: #000000;background-color: #FFFFFF;}
#flyout-contact a.phone {color: #000000;background-color: #F0E6DF;}
#flyout-contact a:hover.phone {color: #000000;background-color: #C7B4D4;}
#flyout-menu a.phone {color: #000000;background-color: #F0E6DF;}
#flyout-menu a:hover.phone {color: #000000;background-color: #F0E6DF;}
#flyout-contact a.instagram {color: #000000;background-color: #FFFFFF;}
#flyout-contact a:hover.instagram {color: #000000;background-color: #202A26;}
#flyout-menu a.instagram {color: #000000;background-color: #FFFFFF;}
#flyout-menu a:hover.instagram {color: #000000;background-color: #FFFFFF;}


/* ==========================================================================
    Exaptions
   ========================================================================== */
.uk-button-primary, .uk-button {
    text-transform: uppercase;
    background-color: #F0E6DF !important;
    color:#fff !important;
    font-weight: 500;
    font-size: 16px;
    border-radius: 0;
}
.uk-button-primary:hover,
.uk-button:hover{
    background-color: #FFFFFF !important;
}
.uk-light .uk-button-primary:hover,
.uk-light .uk-button:hover {
    background-color: #000000 !important;
    color: #FFFFFF !important;
}

div.cke-border {
    border:1px solid;
    border-color: currentColor;
    padding: 3rem;
    margin: 1rem 0;
}