@charset "utf-8";

@font-face 
{
	font-family: 'Hueber Forward Sans';
	src: url('../fonts/forwardsans-thin-webfont.woff2') format('woff2'),
		 url('../fonts/forwardsans-thin-webfont.woff') format('woff');
	font-weight: 100;
	font-style: normal;
}

@font-face 
{
	font-family: 'Hueber Forward Sans';
	src: url('../fonts/forwardsans-light-webfont.woff2') format('woff2'),
		 url('../fonts/forwardsans-light-webfont.woff') format('woff');
	font-weight: 300;
	font-style: normal;
}

@font-face 
{
	font-family: 'Hueber Forward Sans';
	src: url('../fonts/forwardsans-lightitalic-webfont.woff2') format('woff2'),
		 url('../fonts/forwardsans-lightitalic-webfont.woff') format('woff');
	font-weight: 300;
	font-style: italic;
}

@font-face 
{
	font-family: 'Hueber Forward Sans';
	src: url('../fonts/forwardsans-semi-webfont.woff2') format('woff2'),
		 url('../fonts/forwardsans-semi-webfont.woff') format('woff');
	font-weight: 600;
	font-style: normal;
}

@font-face 
{
	font-family: 'Hueber Forward Sans';
	src: url('../fonts/forwardsans-semiitalic-webfont.woff2') format('woff2'),
		 url('../fonts/forwardsans-semiitalic-webfont.woff') format('woff');
	font-weight: 600;
	font-style: italic;
}

@font-face 
{
	font-family: 'Hueber Forward Sans';
	src: url('../fonts/forwardsans-regular-webfont.woff2') format('woff2');
	font-weight: normal; /* 500 */
	font-style: normal;
}

@font-face 
{
	font-family: 'Hueber Forward Sans';
	src: url('../fonts/forwardsans-italic-webfont.woff2') format('woff2');
	font-weight: normal; /* 500 */
	font-style: italic;
}

@font-face 
{
	font-family: 'Hueber Forward Sans';
	src: url('../fonts/forwardsans-bold-webfont.woff2') format('woff2');
	font-weight: bold; /* 700 */
	font-style: normal;
}

@font-face 
{
	font-family: 'Hueber Forward Sans';
	src: url('../fonts/forwardsans-bolditalic-webfont.woff2') format('woff2');
	font-weight: bold; /* 700 */
	font-style: italic;
}

@font-face 
{
	font-family: 'Hueber Forward Sans';
	src: url('../fonts/forwardsans-black-webfont.woff2') format('woff2');
	font-weight: 900;
	font-style: normal;
}

@font-face {
    font-family: "PT Sans";
    src: url("../fonts/ptsans.woff2")
}

@font-face {
    font-family: "PT Sans Latin";
    src: url("../fonts/pt-sans-v11-latin-700.woff2")
}

@font-face {
    font-family: "PT Sans Bold";
    src: url("../fonts/PTSans-Bold.ttf")
}

:root {
    --cd-darkblue: rgba(38, 71, 141, 1);
    --cd-brightblue: rgba(102, 150, 207, 1);
    --cd-darkgrey: rgba(73, 73, 73, 1);
    --cd-font: 'Hueber Forward Sans', "PT Sans", Arial, "Helvetica Neue", Helvetica, sans-serif
}

body {
    font-size: 1.2rem
}

html,
h1,
h2,
h3,
h4,
h5,
h6,
body {
    font-family: var(--cd-font);
    -webkit-text-size-adjust: 100%
}

h1 {
    font-size: 3rem
}

h2 {
    font-size: 2.25rem
}

h3 {
    font-size: 1.8rem
}

h4 {
    font-size: 1.6rem
}

h5 {
    font-size: 1.2rem
}

.cd-first-row h1 {
    color: rgba(255, 255, 255, 1)
}

.cd-first-row h2 {
    color: rgba(255, 255, 255, 1)
}

.cd-third-row h4 {
    color: rgba(255, 255, 255, 1)
}

a,
.uk-link {
    color: var(--cd-darkblue);
    text-decoration: none;
    cursor: pointer
}

a:hover,
.uk-link:hover {
    color: var(--cd-darkblue);
    text-decoration: none
}

#footer {
    background: #494949
}

#footer h4 {
    color: white
}

#footer .uk-container .uk-padding {
    color: rgba(255, 255, 255, .4),
}

#footer a {
    color: rgba(255, 255, 255, .4)
}

header .uk-sticky-fixed {
    z-index: 9999
}

.uk-navbar-container:not(.uk-navbar-transparent) {
    background: var(--cd-darkblue);
    color: white
}

.uk-navbar-sticky {
    background: var(--cd-darkblue);
    color: white
}

.uk-offcanvas-bar {
    background: var(--cd-darkblue)
}

.cd-menuitem a:hover {
    background: var(--cd-brightblue)
}

.cd-submenuitem {
    font-size: .85em
}

.cd-submenuitem:hover {
    background: var(--cd-brightblue)
}

.uk-container-medium-nav {
    max-width: 1400px
}

.cd-bg-brightblue {
    background: var(--cd-brightblue)
}

.cd-video video {
    width: 100%;
    height: 50%
}

.cd-third-row {
    background: rgba(38, 71, 141, 1)
}

.cd-fifth-row {}

.uk-height-verry-small {
    height: 100px
}

.uk-height-video-main {
    height: 600px
}

#vid {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -1000;
    overflow: hidden
}

.uk-breadcrumb>:nth-child(n + 2):not(.uk-first-column)::before {
    content: "/";
    display: inline-block;
    margin: 0 0.5em;
    color: #999
}

.frame-layout-2 h2 {
    color: var(--cd-darkblue)
}

.frame-layout-2 blockquote {
    padding: 1em 0
}

.frame-layout-2 blockquote p:last-of-type {
    margin-bottom: 0;
    font-size: 1.2em;
    background: rgba(38, 71, 141, .05);
    box-shadow: 0 0 16px 1px rgba(2, 2, 2, .2);
    padding: 2em;
    font-style: normal
}

.cd-second-row {
    padding: 2em 0
}

.uk-lightbox {
    background: rgba(0, 0, 0, 0.9)
}

.cd-image-slider-text {
    background: var(--cd-darkblue);
    padding: 0.5em;
    color: #fff
}

.cd-image-slider-text a {
    color: #fff
}

.cd-button-layout-0 {
    color: var(--cd-darkblue);
    border: rgba(38, 71, 141, 1) 0.1em solid;
    transition: 1ms
}

.cd-button-layout-0:hover {
    color: rgba(38, 71, 141, 0.8);
    border: rgba(38, 71, 141, 0.8) 0.1em solid;
    transition: 1ms
}

.cd-button-layout-1 {
    background: rgba(38, 71, 141, 0.9);
    color: #fff;
    border: 0;
    transition: 1ms
}

.cd-button-layout-1:hover {
    background: var(--cd-darkblue);
    color: #fff;
    transition: 1ms
}

.cd-button-layout-2 {
    background: rgba(255, 100, 22, 0.9);
    color: #fff;
    border: 0;
    transition: 1ms
}

.cd-button-layout-2:hover {
    background: rgba(255, 100, 22, 1);
    color: #fff;
    transition: 1ms
}

.cd-button-layout-3 {
    background: rgba(25, 100, 22, 0.9);
    color: #fff;
    border: 0;
    transition: 1ms
}

.cd-button-layout-3:hover {
    background: rgba(25, 100, 22, 1);
    color: #fff;
    transition: 1ms
}

.uk-overlay-primary {
    background: rgba(34, 34, 34, 0.8)
}

.uk-dotnav>*>* {
    width: 13px;
    height: 13px;
    border-radius: 0
}

.label {
    padding: 0.5em 0
}

.uk-label {
    background: rgba(38, 71, 141)
}

.uk-label-success {
    background-color: rgba(74, 176, 89, 1);
    color: #fff
}

.uk-label-warning {
    background-color: rgba(225, 121, 3, 1);
    color: #fff
}

.uk-label-danger {
    background-color: rgba(225, 21, 3, 1);
    color: #fff
}

.uk-comment-primary {
    padding: 1.5em;
    background-color: #f7f7f7
}

.badge {
    padding: 0.5em 0
}

.uk-badge {
    background: var(--cd-darkblue)
}

.grey-badge {
    background: rgba(0, 0, 0, 0.5)
}

.black-badge {
    background: rgba(0, 0, 0, 1)
}

.red-badge {
    background: rgba(225, 21, 3, 1)
}

.green-badge {
    background-color: rgba(74, 176, 89, 1)
}

.lila-bagde {
    background: rgba(125, 0, 124, 1)
}

.uk-button-primary {
    background: var(--cd-darkblue)
}

.uk-button-primary:hover {
    background: rgba(38, 71, 141, 0.85)
}

.uk-button-secondary {
    background: rgba(102, 150, 207, 1)
}

.uk-button-secondary:hover {
    background: rgba(102, 150, 207, 0.85)
}

.uk-button-danger {
    background: rgba(149, 48, 138, 1)
}

.uk-button-danger:hover {
    background: rgba(149, 48, 138, 0.85)
}

.cd-masonry-ext {}

.cd-masonry-ext h2 {
    color: var(--cd-darkblue)
}

.cd-product-name-brightblue {
    background: var(--cd-brightblue);
    color: white
}

.cd-product-name-darkblue {
    background: var(--cd-darkblue);
    color: white
}

.cd-overlay-darkblue {
    background: rgba(38, 71, 141, .8)
}

.cd-overlay-brightblue {
    background: rgba(102, 150, 207, .8)
}

.cd-overlay-darkblue a,
.cd-overlay-brightblue a {
    color: white
}

.cd-overlay-darkblue p,
.cd-overlay-brightblue p {
    color: white
}

.cd-overlay-darkblue a:hover,
.cd-overlay-brightblue a:hover {
    color: white
}

.cdc-employe-hover:hover,
.cdc-card-hover:hover {
    background: rgba(0, 0, 0, .07);
    transition: 0.3s ease-in-out;
    transition-property: all;
    transition-property: background
}

nav.uk-navbar-container.uk-navbar .uk-container {
    margin: auto;
    width: 100%
}

.navigation-rechts {
    background: rgba(255, 255, 255, 1);
    padding-left: 1em;
    padding-right: 1em;
    padding-bottom: 1em;
    padding-top: .5em;
    box-shadow: 0 5px 15px rgba(0, 0, 0, .08)
}

.navigation-rechts li::before {
    margin-right: 0.5em;
    font-size: 0.9em
}

.navigation-rechts li {
    text-indent: -1.3em;
    margin-left: 1.45em
}

.navigation-rechts li:hover:before {
    margin-right: 0.5em;
    margin-left: 0em
}

.ce-below .ce-gallery {
    margin-top: 0;
    margin-bottom: 1.25em
}

.ce-left .ce-column figure.image {
    padding-left: 0;
    padding-right: 0.5em
}

.uk-accordion {
    padding-bottom: 1em
}

.uk-accordion .uk-open {
    padding: 1em;
    background: rgba(0, 0, 0, 0.04)
}

.uk-accordion-title::before {
    margin-left: 0;
    float: left
}

.uk-accordion-title:hover::before {
    margin-left: 5px;
    transition: .2s ease-in-out;
    float: left
}

.uk-accordion-title {
    transition: .2s ease-in-out;
    transition-property: all;
    transition-property: color, background-color;
    font-size: 1em
}

.uk-accordion-title:hover {
    color: var(--cd-darkblue)
}

.uk-accordion-content {
    padding: 1em
}

.uk-accordion-content ul {
    list-style-type: none
}

.uk-accordion-content li::before {
    margin-right: 0.5em;
    margin-left: 0em;
    color: #aaa
}

.uk-accordion-content>p:last-of-type,
.uk-accordion-content>ul:last-of-type {
    margin-bottom: 0rem
}

.uk-accordion-content>p:first-of-type,
.uk-accordion-content>ul:first-of-type {
    margin-bottom: 1.25rem
}

.uk-accordion-content ul {
    padding: 0 !important;
    margin: 0
}

.uk-accordion-content {
    padding: 0em 0.35em 0 0.35em;
    margin-top: 0.75em;
    margin-bottom: 0
}

.uk-open>.uk-accordion-title::before {
    float: right;
    transition: .1s ease-in-out;
    transition-property: float;
    transition-property: all
}

.uk-open .uk-accordion-title {
    font-size: 1em
}

.uk-open .uk-accordion-content li::before {
    content: "-";
    margin-right: 0.55em;
    margin-left: 0.1em
}

.uk-open .uk-accordion-content li {
    text-indent: -1.65em;
    margin-left: 1.55em;
    padding: 0
}

.uk-subnav-pill>.uk-active>a {
    background-color: #494949;
    color: #fff
}

.cd-layout-employess-2 h3,
.cd-layout-employess-2 h5 {
    text-align: center
}

.cdc-akkordion-padding {
    padding: .5em 0 .5em 0
}

li.uk-open img.uk-employess-list {
    display: none
}

.cd-employees-modal h4 {
    color: white
}

.cd-employees-modal p {
    opacity: .7
}

.cd-employees-modal p a {
    color: white;
    text-decoration: underline
}

.cd-employees-modal .uk-modal-dialog {
    background: var(--cd-darkgrey);
    border-bottom: 1em var(--cd-brightblue) solid;
    box-shadow: -1px 9px 28px -9px rgba(0, 0, 0, 0.75)
}

.cd-employees-modal .uk-modal-close-full {
    background: var(--cd-darkblue);
    color: rgba(255, 255, 255, .8)
}

.cd-employees-modal .uk-modal-close-full:hover {
    background: var(--cd-brightblue);
    color: rgba(255, 255, 255, 1)
}

.eventitem {
    margin: 0.5em;
    padding: 0.5em;
    min-height: 270px;
    background: rgba(0, 0, 0, 0.05)
}

.eventitem:hover {
    background: rgba(0, 0, 0, 0.1)
}

#footer .uk-container .uk-padding {
    color: rgba(255, 255, 255, 0.4)
}

@media only screen and (max-width:640px) {
    #footer .uk-grid>* {
        padding-left: 40px !important
    }
}

@media only screen and (min-width:641px) {
    #footer .uk-container .uk-padding {
        padding: 20px 40px
    }

    #footer .uk-grid>* {
        padding-left: 15px !important;
        padding-right: 20px
    }
}

@media only screen and (min-width:960px) {
    #footer .uk-grid>* {
        padding-left: 0px !important;
        padding-right: 40px
    }

    #footer .uk-grid>div:last-of-type {
        padding-left: 40px !important;
        padding-right: 0px
    }
}

.uk-input:focus,
.uk-select:focus,
.uk-textarea:focus {
    border-color: var(--cd-darkblue)
}

.uk-modal {
    z-index: 99999
}

.cd-modal-nav {
    color: white
}

.cd-modal-nav h3 {
    color: white
}

.cd-modal-nav-item {
    padding: .5em
}

.cd-modal-nav-item a {
    color: rgba(255, 255, 255, .85)
}

.cd-modal-nav-item a:hover {
    color: var(255, 255, 255, 1);
    text-decoration: underline
}

a.cd-modal-nav-child-item {
    color: rgba(102, 150, 207, 1);
    font-size: .8em
}

a.cd-modal-nav-child-item:hover {
    color: rgba(255, 255, 255, .8);
    font-size: .8em
}

.cd-navigation .uk-modal-dialog {
    background: var(--cd-darkblue);
    border-bottom: 1em var(--cd-brightblue) solid;
    box-shadow: -1px 9px 28px -9px rgba(0, 0, 0, 0.75)
}

.cd-navigation .uk-modal-close-full {
    background: var(--cd-brightblue);
    color: rgba(255, 255, 255, .8)
}

.cd-navigation .uk-modal-close-full:hover {
    background: var(--cd-brightblue);
    color: rgba(255, 255, 255, 1)
}