@import url("/media/site-solvie/uikit.min.css");
.template-root, a.template-root {background:  var(--cassiopeia-color-primary); color: var(--white);}
a.template-root:hover {background:  var(--cassiopeia-color-hover) !important; color: var(--white) !important;}

body {color: #000; font-size: clamp(1.05rem, 5vw, 1.1rem); scroll-behavior: smooth;}
.wrapper-fluid .uk-container {max-width: 100% !important;}

main .h1, h1 {font-size: clamp(2rem, 5vw, 3rem); font-weight: 600;}
main .h2, h2 {font-size: clamp(1.5rem, vw, 2.4rem); font-weight: 400;}
main .h3, h3 {font-size: clamp(1.3rem, 5vw, 2rem); font-weight: 400;}
main a {color: var(--template-bg-dark-90); text-decoration: none !important;}
a, .uk-link {text-decoration: none !important; color: var(--template-bg-dark-90);}
a.brand-logo span {color: var(--template-bg-dark-90) !important;}

.template-root, a.template-root {background:  var(--cassiopeia-color-primary); color: var(--color-light);}
a:hover.template-root {background:  var(--cassiopeia-color-hover); color: var(--color-dark);}

.full-width, .row {width: 100%;}

/* TOPBAR */
#topbar, #topbar a {color: var(--white); font-size: 1.05rem; font-weight: 300; letter-spacing: .07rem;}
#topbar .fa-light {margin-right: .7rem;}

/* HEADER */

#mk-header {
  padding-top: 2rem !important;
}

#mk-header.uk-active #logo-start{
  padding:0px;
}

#mk-header.uk-active{
  background:#fff;
  padding-bottom:10px;
}

/**** GRID-HEADER ****/
.mk-stack {display: grid; }
.mk-stack > * {grid-area: 1 / 1 / 2 / 2;}

#mk-header  {z-index: 1000;}

/* LOGO */
.mk-brand img {width: 30rem; margin: .2em 0; transition: all ease 1s;}
.mk-brand {width: 100%;}

/* NAVIGATION */
.mk-nav-container {flex-direction: column-reverse; display: flex;}
.mk-nav {display: flex; align-items: flex-end; justify-content: flex-end;}

.uk-navbar-nav > li > a, .uk-navbar-item, .uk-navbar-toggle {min-height: 50px !important; font-size: 1.05rem !important;}
.uk-dark .uk-navbar-nav > li > a {color: #111 !important;}
.uk-light .uk-navbar-nav > li > a {color: #333 !important;}

/* CONTENT */
.com-content-article__body, .blog-item {hyphens: auto;}

.uk-card-primary.uk-card-body .uk-slidenav, .uk-card-primary > :not([class*="uk-card-media"]) .uk-slidenav, .uk-card-secondary.uk-card-body .uk-slidenav, .uk-card-secondary > :not([class*="uk-card-media"]) .uk-slidenav, .uk-light .uk-slidenav, .uk-offcanvas-bar .uk-slidenav, .uk-overlay-primary .uk-slidenav, .uk-section-primary:not(.uk-preserve-color) .uk-slidenav, .uk-section-secondary:not(.uk-preserve-color) .uk-slidenav, .uk-tile-primary:not(.uk-preserve-color) .uk-slidenav, .uk-tile-secondary:not(.uk-preserve-color) .uk-slidenav {
  color: #000 !important;
}

.gb-h {
  color: #0005 !important;
}

.gb-pic {
  background-repeat: no-repeat !important;
background-size: cover !important;
background-attachment: fixed !important;
background-position: 50% 50% !important;
box-shadow: 0 0 0 0 #ffffff !important;
}

.mitarbeiter {
  border-left: 2px solid #000;
  padding-left: 1em;
  margin-bottom: 15px;
  line-height: 1rem !important;
}

.uk-background-muted {
  background-color: #fff !important;
}

.gb-card img {
 filter: grayscale(100%);
 transform: scale3d(1,1,1);
 transition: transform 250ms ease-out 0s, opacity 250ms ease-out 0s !important;
}

.gb-card img:hover {
  filter: grayscale(0);
  transform: scale3d(1.15,1.15,1);
  transition: all .4s;
}

.gb-card {
  overflow:  hidden !important;
}

.uk-slideshow-items li {
  display: grid;
  justify-content: center;
}

.uk-transition-slide-top-small h3 {
  text-shadow: -13px 0px 25px #000, 13px 0px 25px #000, 0px 10px 25px #000, 0px -10px 25px #000 !important;
  font-weight: bold;
}

/* FOOTER */
.mk-footer {background-color: var(--cassiopeia-color-primary); background-image: linear-gradient(135deg,var(--cassiopeia-color-primary),var(--cassiopeia-color-hover));}
.mk-copyright {font-size: .9rem; color: rgba(255, 255, 255, 1);}
.mk-home-link a {font-size: .7rem; color: rgba(255, 255, 255, .5);}
.mk-home-link a:hover {font-size: .7rem; color: rgba(255, 255, 255, 1);}

.gb-a {
  color: #fff !important;
  transition: all ease .4s;
}

.gb-a:hover {
  color: rgba(255, 255, 255, 0.6) !important;
}

.mk-totop-button.uk-icon.uk-totop:hover {background: var(--cassiopeia-color-hover);}

/* UTILITY */
.com-contact__info .uk-link, .com-contact__info a {color: var(--cassiopeia-color-primary) !important; transition: all ease .250s;}
#mk-maps ul.fields-container {padding: 0 !important;}
#mk-maps ul.fields-container li {list-style: none;}

.com-contact__info .uk-link:hover, .com-contact__info a:hover {color: var(--cassiopeia-color-hover) !important;}
.control-group {margin-top: 0 !important;}
.form-control, .custom-select, .form-select {border: 1px solid var(--cassiopeia-color-hover) !important;}
.form-control:hover, .form-control:focus, .custom-select:hover, .form-select:hover, .custom-select:focus, .form-select:focus {border: 1px solid var(--cassiopeia-color-primary) !important;}

.btn-primary:focus, .btn-primary:hover {background-color: var(--cassiopeia-color-hover); border: 2px solid var(--cassiopeia-color-primary);}
.uk-section-primary {background-color: var(--cassiopeia-color-primary) !important;}
.uk-heading-line > ::before, .uk-heading-line > ::after {border-bottom: calc(0.2px + 0.02em) solid var(--cassiopeia-color-primary) !important;}
.mk-background-transparent {background-color: transparent !important;}
.mk-mobile-hidden {display: block;}

.mk-index-100 {z-index: 100;}
.uk-light a {color: #fff; transition: all ease .4s;}
.uk-dark a {color: #333; transition: all ease .4s;}
.uk-light a:hover {color: #333;}
.uk-dark a:hover {color: #fff;}

.uk-overlay-primary {background-color: rgba(1, 4, 5, 0.7);}
.uk-card-footer {border-top: 0px !important;}
.com-content-article a, .com-content-article .uk-link {color: inherit;}

.uk-card-footer .btn {display: block;}
a svg.svg-inline--fa {height: 1.1rem;}
.mk-icon-card svg.svg-inline--fa {height: 4rem;}

.svg-inline--fa.fa-bars.fa-2x {height: 2rem !important;}

.btn-outline-primary:hover {background-color: var(--cassiopeia-color-primary); border-color: #010156;}
.uk-subnav-pill > .uk-active > a, .uk-subnav-pill > * > a:hover {background-color: var(--cassiopeia-color-primary) !important; color: var(--white) !important;}
.uk-subnav-pill > * > :first-child {padding: 1rem 1.5rem !important; color: #000 !important;}

.uk-modal-dialog.mk-search, .mk-search .uk-modal-close-full {background: rgba(0,0,0,.8) !important; color: var(--white);}
.uk-modal-dialog.mk-search, .mk-search .uk-modal-close-full:hover {background: rgba(0,0,0,.8) !important; color: var(--cassiopeia-color-primary) !important;}
.uk-search .uk-search-icon {position: relative !important;}
.awesomplete {width: 100vh !important;}
.uk-search-input {background: rgba(255,255,255,.7) !important; color: var(--black) !important; border: 2px solid var(--cassiopeia-color-primary) !important;}
.uk-search .uk-search-icon {color: var(--white) !important;}

/* CUSTOM CSS */
.testbox1 .fa-brands:before {font-size: 2rem; color: #fff;}

@media screen and (min-width: 1680px) {

}

@media screen and (min-width: 1440px) {

}

@media screen and (max-width: 1440px) {

}

@media screen and (max-width: 1200px) {

  .uk-transition-slide-top-small {
    opacity: 1 !important;
}

}

@media screen and (max-width: 926px) {

}

@media screen and (min-width: 768px) {

  /* NAVIGATION */
.dj-mobile-open-btn.dj-fa-no {position: relative;}
}

@media screen and (max-width: 428px) {

  #mak-cb-128 .uk-container {
    padding: 15px !important;
  }

/* UTILITY */
.mk-mobile-hidden {display: none;}
a.mk-totop-button .svg-inline--fa.fa-chevron-up {padding: 1rem .3rem .3rem !important;}
}
 
.hgd-hover-box, .hgd-hover-box .CB_itembg {transition: all ease .7s;}
.hgd-hover-box.active {box-shadow: 0 0 100rem 30rem var(--cassiopeia-color-primary);}
.hgd-hover-box.active .CB_itembg {border: 1px solid #ffffff88; -webkit-transform: scale(1.2); transform: scale(1.2);}
.hgd-hover-box.active .CB_itembg {box-shadow: rgb(0, 0, 12) 0px 48px 48px -32px, rgba(0, 0, 0, 0.6) 0px 96px 96px -64px;}

.uk-column-divider {column-rule: 1px solid var(--cassiopeia-color-primary) !important;}

.mk-box-border {border: 5px solid var(--cassiopeia-color-primary); text-align: center; margin: 3rem 0; padding-top:  clamp(1rem, 2.5vw, 5rem) !important;  padding-bottom:  clamp(1rem, 2.5vw, 5rem) !important; padding-left: clamp(3rem, 10vw, 15rem); padding-right: clamp(3rem, 10vw, 15rem); hyphens: none;}

.mk-box {background: var(--cassiopeia-color-primary); text-align: center; margin: 3rem 0; padding-top:  clamp(1rem, 2.5vw, 5rem) !important;  padding-bottom:  clamp(1rem, 2.5vw, 5rem) !important; padding-left: clamp(3rem, 10vw, 15rem); padding-right: clamp(3rem, 10vw, 15rem); hyphens: none;}
.mk-box * {color: #fff;}
.mk-box-border * {color: #444;}

ul.ul-arrow {list-style: none;}
ul.ul-arrow li {display: flex; align-items: baseline;}
ul.ul-arrow li::before {font-family: "Font Awesome 6 Pro"; content: "\f061" !important; background-image: none !important; color: var(--cassiopeia-color-primary) !important; margin-right: .5rem;}
ul.ul-arrow-k {list-style: none;}
ul.ul-arrow-k li {display: flex; align-items: baseline;}
ul.ul-arrow-k li::before {font-family: "Font Awesome 6 Pro"; content: "\f0a9" !important; background-image: none !important; color: var(--cassiopeia-color-primary) !important; margin-right: .5rem;}
ul.ul-arrow-w {list-style: none;}
ul.ul-arrow-w li {display: flex; align-items: baseline;}
ul.ul-arrow-w li::before {font-family: "Font Awesome 6 Pro"; content: "\f33b" !important; background-image: none !important; color: var(--cassiopeia-color-primary) !important; margin-right: .5rem;}
ul.ul-arrow-l {list-style: none;}
ul.ul-arrow-l li {display: flex; align-items: baseline;}
ul.ul-arrow-l li::before {font-family: "Font Awesome 6 Pro"; content: "\f340" !important; background-image: none !important; color: var(--cassiopeia-color-primary) !important; margin-right: .5rem;}

ul.ul-check {list-style: none;}
ul.ul-check li {display: flex; align-items: baseline;}
ul.ul-check li::before {font-family: "Font Awesome 6 Pro"; content: "\f00c" !important; background-image: none !important; color: var(--cassiopeia-color-primary) !important; margin-right: .5rem;}
ul.ul-check-k {list-style: none;}
ul.ul-check-k li {display: flex; align-items: baseline;}
ul.ul-check-k li::before {font-family: "Font Awesome 6 Pro"; content: "\f058" !important; background-image: none !important; color: var(--cassiopeia-color-primary) !important; margin-right: .5rem;}
ul.ul-check-w {list-style: none;}
ul.ul-check-w li {display: flex; align-items: baseline;}
ul.ul-check-w li::before {font-family: "Font Awesome 6 Pro"; content: "\f14a" !important; background-image: none !important; color: var(--cassiopeia-color-primary) !important; margin-right: .5rem;}
ul.ul-check-s {list-style: none;}
ul.ul-check-s li {display: flex; align-items: baseline;}
ul.ul-check-s li::before {font-family: "Font Awesome 6 Pro"; content: "\f2f7" !important; background-image: none !important; color: var(--cassiopeia-color-primary) !important; margin-right: .5rem;}

ul.ul-cross {list-style: none;}
ul.ul-cross li {display: flex; align-items: baseline;}
ul.ul-cross li::before {font-family: "Font Awesome 6 Pro"; content: "\f00d" !important; background-image: none !important; color: var(--warning) !important; margin-right: .5rem;}
ul.ul-cross-k {list-style: none;}
ul.ul-cross-k li {display: flex; align-items: baseline;}
ul.ul-cross-k li::before {font-family: "Font Awesome 6 Pro"; content: "\f057" !important; background-image: none !important; color: var(--warning) !important; margin-right: .5rem;}
ul.ul-cross-w {list-style: none;}
ul.ul-cross-w li {display: flex; align-items: baseline;}
ul.ul-cross-w li::before {font-family: "Font Awesome 6 Pro"; content: "\f410" !important; background-image: none !important; color: var(--warning) !important; margin-right: .5rem;}
ul.ul-cross-s {list-style: none;}
ul.ul-cross-s li {display: flex; align-items: baseline;}
ul.ul-cross-s li::before {font-family: "Font Awesome 6 Pro"; content: "\e24c" !important; background-image: none !important; color: var(--warning) !important; margin-right: .5rem;}

.uk-heading-bullet::before {border-left: calc(5px + 0.1em) solid var(--cassiopeia-color-primary) !important; border-left-color: var(--cassiopeia-color-primary) !important;}
.uk-heading-line > ::before, .uk-heading-line > ::after {border-color: var(--cassiopeia-color-primary);}
.mk-anker {visibility: hidden; height: 0px !important; position: absolute; margin: -100px;}

/* MENU-HOVER */
.uk-navbar-nav  a {display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); position: relative; overflow: hidden;}
.uk-navbar-nav a:before {content: ""; position: absolute; z-index: -1; left: 51%; right: 51%; bottom: 0; background:  var(--cassiopeia-color-primary); height: 2px; -webkit-transition-property: left, right; transition-property: left, right; -webkit-transition-duration: 0.4s; transition-duration: 0.4s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out;}
.uk-navbar-nav li.uk-active a:before, .uk-navbar-nav .metismenu.mod-menu .mm-collapse > li.active a:before {left: 0%; right: 0%;}
.uk-navbar-nav .uk-nav.uk-navbar-dropdown-nav > li a:before {left: 51%; right: 51%;}
.uk-navbar-nav .uk-nav.uk-navbar-dropdown-nav > li.uk-active a:before, .uk-navbar-nav .uk-nav.uk-navbar-dropdown-nav > li:hover a:before {left: 0%; right: 0%;}
.uk-navbar-nav a:hover:before, .uk-navbar-nav a:focus:before, .uk-navbar-nav a:active:before {left: 0; right: 0;}
a:focus, a:hover {color: var(--template-bg-dark-90);}


/* Solvie layout on the unmodified standard Cassiopeia template. */
:root{--cassiopeia-color-primary:#000;--cassiopeia-color-hover:rgba(0,0,0,.75);--color-light:#fff;--color-dark:#333}
html{font-size:16px}body.site{display:block;color:#000;font:17.6px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}
.container-header{display:flex;align-items:flex-end;justify-content:space-between;padding:32px max(40px,calc((100vw - 1600px)/2 + 40px)) 0;background:#fff;background-image:none;box-shadow:none;z-index:1000;color:#111}
.container-header>.grid-child{padding:0;margin:0;max-width:none;display:block}
.container-header .navbar-brand{padding:8px 0;margin:0}.container-header .brand-logo{display:block;line-height:1.5}.container-header .brand-logo img{width:480px;height:auto;max-width:100%;margin:.2em 0}
.container-header .container-nav{width:auto;align-self:flex-end}.container-header.scrolled{padding-top:12px;padding-bottom:10px}
.site-grid{display:block;margin:0;padding:0;gap:0}.site-grid>.container-component{display:block;max-width:1600px;margin:0 auto;padding:70px 40px}.container-component>:first-child{margin-top:0}.com-content-article{max-width:none}
.container-banner{margin:0;padding:0;max-width:none;width:100%}.container-banner .mod-custom img{display:block;width:100%;height:auto}
.container-footer{display:block;background:#111;background-image:none;color:#fff;margin:0;padding:28px 40px}.container-footer>.grid-child{display:block;max-width:1520px;margin:auto;padding:0}.container-footer p{margin:0;text-align:center}.container-footer a{color:rgba(255,255,255,.7)!important;font-size:12px;line-height:18px}.container-footer a:hover,.container-footer a:focus{color:#fff!important}
.solvie-nav{display:flex;align-items:center;min-height:65px}.solvie-nav-list{display:flex;list-style:none;padding:0;margin:0;gap:60px}.solvie-nav-list li{padding:0;margin:0}.solvie-nav-list a{position:relative;display:flex;align-items:center;min-height:65px;color:#111!important;font-size:16.8px;text-transform:uppercase;text-decoration:none}
.solvie-nav-list a:after{position:absolute;content:"";height:2px;bottom:0;left:50%;right:50%;background:#000;transition:left .25s,right .25s}.solvie-nav-list a[aria-current=page]:after,.solvie-nav-list a:hover:after,.solvie-nav-list a:focus-visible:after{left:0;right:0}
.solvie-menu-toggle{display:none;border:0;background:transparent;padding:8px;color:#333;cursor:pointer}.solvie-mobile-list{padding:0;list-style:none}.solvie-mobile-list a{display:block;padding:12px 0;font-size:20px;color:#fff}.solvie-mobile-list a[aria-current=page]{text-decoration:underline!important;text-underline-offset:7px}
#back-top{position:fixed;right:14px;bottom:74px;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#000;color:#fff;z-index:999;opacity:0;pointer-events:none}body.scrolled #back-top{opacity:1;pointer-events:auto}
main h1,main .h1{font-size:42px;line-height:1.2;font-weight:400}main h2,main .h2{font-size:32px;line-height:1.3;font-weight:400}main h3,main .h3{font-size:24px;line-height:1.4;font-weight:400}
.gb-card{overflow:hidden}.gb-card img{display:block}.uk-slideshow-items li{list-style:none}
.container-header .navbar-brand{font-size:17.6px;line-height:26.4px}.container-header .brand-logo{line-height:26.4px}.item-content{position:relative}.item-content>.icons{position:absolute;top:0;right:0;z-index:1}.item-content>[uk-grid]{width:calc(100% + 15px)}
.container-header .container-nav nav{margin:0}
.site-grid .container-component main{margin:0}
@media(min-width:960px){.solvie-nav-list{padding:0 15px}}
@media(max-width:959px){main h2,main .h2{font-size:27.2px}}
@media(max-width:1199px){.solvie-nav-list{gap:30px}}
@media(max-width:959px){.container-header{padding:32px 15px 0;align-items:center}.container-header .brand-logo img{width:280px;max-width:calc(100vw - 100px)}.container-header .navbar-brand{padding:0}.container-header .container-nav{align-self:center}.solvie-nav{min-height:50px}.solvie-nav-list{display:none}.solvie-menu-toggle{display:block}.site-grid>.container-component{padding:40px 15px}.container-footer{padding:28px 15px}main h1,main .h1{font-size:35.7px}.container-header.scrolled{padding-top:10px;padding-bottom:10px}}
@media(prefers-reduced-motion:reduce){.container-header,.solvie-nav-list a:after{transition:none}html{scroll-behavior:auto}}