/* roboto-100 - 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: 'Roboto';
/* roboto-condensed-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: 'Roboto Condensed';
  font-style: normal;
  font-weight: 300;
  src: url('/site/assets/files/10398/roboto-condensed-v25-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
font-display: swap;}
/* roboto-condensed-300italic - 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: 'Roboto Condensed';
  font-style: italic;
  font-weight: 300;
  src: url('/site/assets/files/10398/roboto-condensed-v25-latin-300italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
font-display: swap;}
/* roboto-condensed-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: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  src: url('/site/assets/files/10398/roboto-condensed-v25-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
font-display: swap;}
/* roboto-condensed-italic - 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: 'Roboto Condensed';
  font-style: italic;
  font-weight: 400;
  src: url('/site/assets/files/10398/roboto-condensed-v25-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
font-display: swap;}
/* roboto-condensed-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: 'Roboto Condensed';
  font-style: normal;
  font-weight: 700;
  src: url('/site/assets/files/10398/roboto-condensed-v25-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
font-display: swap;}
/* roboto-condensed-700italic - 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: 'Roboto Condensed';
  font-style: italic;
  font-weight: 700;
  src: url('/site/assets/files/10398/roboto-condensed-v25-latin-700italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
font-display: swap;}
  font-style: normal;
  font-weight: 100;
  src: url('/site/assets/files/10398/roboto-v30-latin-100.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
font-display: swap;}
/* roboto-100italic - 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: 'Roboto';
  font-style: italic;
  font-weight: 100;
  src: url('/site/assets/files/10398/roboto-v30-latin-100italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
font-display: swap;}
/* roboto-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: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url('/site/assets/files/10398/roboto-v30-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
font-display: swap;}
/* roboto-300italic - 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: 'Roboto';
  font-style: italic;
  font-weight: 300;
  src: url('/site/assets/files/10398/roboto-v30-latin-300italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
font-display: swap;}
/* roboto-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: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('/site/assets/files/10398/roboto-v30-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
font-display: swap;}
/* roboto-italic - 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: 'Roboto';
  font-style: italic;
  font-weight: 400;
  src: url('/site/assets/files/10398/roboto-v30-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
font-display: swap;}
/* roboto-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: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: url('/site/assets/files/10398/roboto-v30-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
font-display: swap;}
/* roboto-500italic - 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: 'Roboto';
  font-style: italic;
  font-weight: 500;
  src: url('/site/assets/files/10398/roboto-v30-latin-500italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
font-display: swap;}
/* roboto-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: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url('/site/assets/files/10398/roboto-v30-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
font-display: swap;}
/* roboto-700italic - 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: 'Roboto';
  font-style: italic;
  font-weight: 700;
  src: url('/site/assets/files/10398/roboto-v30-latin-700italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
font-display: swap;}
/* roboto-900 - 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: 'Roboto';
  font-style: normal;
  font-weight: 900;
  src: url('/site/assets/files/10398/roboto-v30-latin-900.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
font-display: swap;}
/* roboto-900italic - 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: 'Roboto';
  font-style: italic;
  font-weight: 900;
  src: url('/site/assets/files/10398/roboto-v30-latin-900italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
font-display: swap;}

/*** - Reset colors - ***/
html, em {
    color: #12181b;
}

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


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

.uk-navbar img,
.uk-navbar .svglogo {
    width: 200px;
    max-width: 50vw;
}
@media (min-width: 960px) /* tablet landscape */ { 
  .uk-navbar img,
  .uk-navbar .svglogo {
      width: 200px;
  }
  .uk-navbar.uk-sticky-fixed  img,
  .uk-navbar.uk-sticky-fixed .svglogo {
      width: 100px;
  }
}

/****** Color Settings ******/

/* Primary Color */

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

/* Secondary Color */

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


h1, .uk-h1, h2, .uk-h2, h3, .uk-h3, h4, .uk-h4, h5, .uk-h5, h6, .uk-h6, .uk-heading-small, .uk-heading-medium, .uk-heading-large, .uk-heading-xlarge, .uk-heading-2xlarge {
    color: inherit;
}
.uk-dark,
.uk-section-primary.uk-dark,
.uk-section-secondary.uk-dark,
.uk-dark h1,
.uk-dark h2,
.uk-dark h3,
.uk-dark h4,
.uk-dark h5,
.uk-dark h6,
.uk-dark .uk-h1,
.uk-dark .uk-h2,
.uk-dark .uk-h3,
.uk-dark .uk-h4,
.uk-dark .uk-h5,
.uk-dark .uk-h6,
.uk-card-default:not(.uk-light) {
    color: #12181b !important;
}

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

.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: #009AB2;
	border-color: transparent;
}


/* Muted Color */

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


/* Link Color */

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

.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: #E6E9ED;
}
a:hover, 
.uk-link:hover, 
.uk-link-toggle:hover .uk-link, 
.uk-link-toggle:focus .uk-link,
.link-content:hover * {
    color: #009AB2;
    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: #009AB2 !important;
}

/* Exeptions */

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


/* 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: #FFFFFF;
}



/* Selection */

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

/* Accordion */
.uk-accordion li.content-item {
    padding: 8px 8px 8px 16px;
}
.uk-accordion li.content-item:nth-child(2n+1) {
    background-color: #13052E;
}
.uk-accordion > :nth-child(n+2) {
    margin-top: 5px;
}
.uk-accordion-content {
    padding-bottom: 24px;
}


#main-menu ul:not(.uk-dropdown-nav) > li>a{color: #13052E;font-size: 14 pxpx;font-family: "Roboto";}
 .uk-navbar-container:not(.uk-navbar-transparent) {background-color: #FFFFFF;}
.uk-light:not(.uk-sticky-fixed) #main-menu ul:not(.uk-dropdown-nav) > li>a{color: #FFFFFF !important;}
.uk-sticky-fixed #main-menu ul:not(.uk-dropdown-nav) > li>a{color: #13052E;}
.uk-sticky-fixed .uk-navbar-container,.uk-sticky-fixed {background-color: #FFFFFF;}
#footer{color: #13052E;background-color: #E6E9ED;font-size: 16 pxpx;font-family: "Roboto";font-weight: 300;}
#footer .uk-h3{color: #FFFFFF;font-size: 17 pxpx;font-family: "Roboto";font-weight: 700;text-transform:uppercase;}
.uk-h1{color: #13052E;font-size: 55px;font-family: "Roboto";font-weight: 700;}
.uk-light .uk-h1{color: #FFFFFF !important;font-family: "Roboto";font-weight: 700;}
.uk-dark .uk-h1{color: #009AB2 !important;font-family: "Roboto";font-weight: 700;}
.uk-h2{color: #009AB2;font-size: 37px;font-family: "Roboto";font-weight: 700;}
.uk-light .uk-h2{color: #FFFFFF !important;font-family: "Roboto";font-weight: 700;}
.uk-dark .uk-h2{color: #13052E !important;font-family: "Roboto";font-weight: 700;}
.uk-h3{color: #13052E;font-size: 24px;font-family: "Roboto";font-weight: 300;}
.uk-light .uk-h3{color: #FFFFFF !important;font-family: "Roboto";font-weight: 300;}
.uk-dark .uk-h3{color: #009AB2 !important;font-family: "Roboto";font-weight: 300;}
.uk-h4{font-size: 32px;font-family: "Roboto";font-weight: 300;}
.uk-h5{font-size: 20px;font-family: "Roboto";font-weight: 700;}
.uk-h6{font-size: 27px;font-family: "Roboto";font-weight: 700;}
main{font-size: 17px;font-family: "Roboto";font-weight: 300;}
.footer-menu li>a{color: #13052E;font-size: 16 pxpx;font-family: "Roboto";font-weight: 700;}
main .uk-light{color: #FFFFFF !important;}
main a.uk-link, main a.vd-link{color: #009AB2;background-color: #FFFFFF;}



        @media only screen and (max-width:1200px) {
            .uk-h1{font-size:55px;}
.uk-h2{font-size:35px;}
.uk-h3{font-size:24px;}
.uk-h4{font-size:26px;}
.uk-h5{font-size:20px;}
.uk-h6{font-size:27px;}
main{font-size:15px;}

        }

        @media only screen and (max-width:960px) {
            .uk-h1{font-size:50px;}
.uk-h2{font-size:35px;}
.uk-h4{font-size:26px;}
.uk-h5{font-size:20px;}
.uk-h6{font-size:27px;}
main{font-size:15px;}

        }

        @media only screen and (max-width:640px) {
            .uk-h1{font-size:50px;}
.uk-h2{font-size:28px;}
.uk-h4{font-size:24px;}
.uk-h5{font-size:20px;}
.uk-h6{font-size:24px;}
main{font-size:15px;}

        }

        @media only screen and (max-width:480px) {
            .uk-h1{font-size:50px;}
.uk-h2{font-size:24px;}
.uk-h4{font-size:22px;}
.uk-h5{font-size:20px;}
.uk-h6{font-size:22px;}
main{font-size:15px;}

        }

        @media only screen and (max-width:320px) {
            .uk-h1{font-size:28px;}
.uk-h2{font-size:20px;}
.uk-h4{font-size:18px;}
.uk-h5{font-size:20px;}
.uk-h6{font-size:18px;}
main{font-size:13px;}

        }


/* ==========================================================================
    Project-Specific Settings
    ========================================================================== */
ul.list-ci li::before {
	background-color: #E6E9ED;
}
.uk-h2 > span,
.uk-h6 > span {
    color: #009AB2;
}

.uk-light .uk-card-default:not(.uk-light) .uk-h2, 
.uk-light .uk-card-default:not(.uk-light) .uk-h3,
.uk-light .uk-card-default:not(.uk-light) .uk-h4 {
    color: #12181b}

.uk-section-muted > * {
    color: #fff;
}

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

.vd-btn {
    display: inline-block;
    padding: 0.5rem 2rem;
    text-decoration:none !important;
    color: currentColor;
    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; 
}

.vd-btn .uk-text-small {
    top: -2px;
}

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



        .vd-btn.vd-btn-button-hover,
        .uk-light .vd-btn.vd-btn-button-hover {
            color: #FFFFFF !important;background-color: #DA8967 !important;border-color: #DA8967 !important;border-radius: 13px;font-weight: 700 !important;font-family: "Roboto";font-size: 20px;
        }
        .vd-btn.vd-btn-button-hover:hover, 
        .vd-btn.vd-btn-button-hover:active, 
        .uk-light .vd-btn.vd-btn-button-hover:hover, 
        .uk-light .vd-btn.vd-btn-button-hover:active {
            background-color: #009AB2 !important;color: #FFFFFF !important;border-color: #DA8967 !important;
        }
        .vd-btn.vd-btn-weisser-button,
        .uk-light .vd-btn.vd-btn-weisser-button {
            color: #009AB2 !important;background-color: #FFFFFF !important;border-color: #E6E9ED !important;border-radius: 13px;font-weight: 700 !important;font-family: "Roboto";font-size: 20px;
        }
        .vd-btn.vd-btn-weisser-button:hover, 
        .vd-btn.vd-btn-weisser-button:active, 
        .uk-light .vd-btn.vd-btn-weisser-button:hover, 
        .uk-light .vd-btn.vd-btn-weisser-button:active {
            background-color: #FFFFFF !important;color: #DA8967 !important;
        }
        .vd-btn.vd-btn-button-klein,
        .uk-light .vd-btn.vd-btn-button-klein {
            color: #FFFFFF !important;
            background: rgba(0, 153, 178, 1);
            background: linear-gradient(78deg, rgba(0, 153, 178, 1) 0%, rgba(40, 102, 174, 1) 100%);
        border-color: #DA8967 !important;border-radius: 13px;font-weight: 700 !important;font-family: "Quicksand";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: rgba(0, 153, 178, 1);
            background: linear-gradient(78deg, rgba(0, 153, 178, 1) 0%, rgba(0, 153, 178, 1) 100%);
        color: #FFFFFF !important;border-color: #DA8967 !important;
        }

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