@charset "utf-8";
@font-face { font-family: "PT Sans"; src: url("/fileadmin/screendesign/Fonts/pt_sans/ptsans.woff2") }
@font-face { font-family: "PT Sans Latin"; src: url("/fileadmin/screendesign/Fonts/pt_sans/pt-sans-v11-latin-700.woff2") }
:root { --cd-darkblue: rgba(1, 54, 134, 1); --cd-brightblue: rgba(102, 150, 207, 1); --cd-darkgrey: rgba(73, 73, 73, 1); --cd-font: "PT Sans", "Helvetica Neue", sans-serif }
body { font-size: 1.25rem }
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(1, 54, 134, 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(1, 54, 134, .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(1, 54, 134, 1) 0.1em solid; transition: 1ms }
.cd-button-layout-0:hover { color: rgba(1, 54, 134, 0.8); border: rgba(1, 54, 134, 0.8) 0.1em solid; transition: 1ms }
.cd-button-layout-1 { background: rgba(1, 54, 134, 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(1, 54, 134) }
.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(1, 54, 134, 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(134, 1, 44, 1) }
.uk-button-danger:hover { background: rgba(134, 1, 44, 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(1, 54, 134, .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) }