/* ========================================================================
  Typos / Icons
========================================================================== */


@font-face {
  font-family: 'Calibri';
  src: url('../fonts/Calibri/Calibri.woff2') format('woff2'), url('../fonts/Calibri/Calibri.woff') format('woff');
}

@font-face {
  font-family: 'Calibri-Bold';
  src: url('../fonts/Calibri-Bold/CalibriBold.woff2') format('woff2'), url('../fonts/Calibri-Bold/CalibriBold.woff') format('woff');
}




html {
  font-family: 'Calibri', Helvetica, Arial, sans-serif;
  font-weight: normal;
}


.font-weight-regular, .regular {
  font-family: 'Calibri', Helvetica, Arial, sans-serif !important;
}


.font-weight-strong, .strong, strong, b, .font-weight-bold  {
  font-family: 'Calibri-Bold', Helvetica, Arial, sans-serif !important;
  font-weight: normal;
}



   @-ms-keyframes spin {
       from {
           -ms-transform: rotate(0deg);
       } to {
           -ms-transform: rotate(360deg);
       }
   }
   @-moz-keyframes spin {
       from {
           -moz-transform: rotate(0deg);
       } to {
           -moz-transform: rotate(360deg);
       }
   }
   @-webkit-keyframes spin {
       from {
           -webkit-transform: rotate(0deg);
       } to {
           -webkit-transform: rotate(360deg);
       }
   }
   @keyframes spin {
       from {
           transform: rotate(0deg);
       } to {
           transform: rotate(360deg);
       }
   }



.uk-panel >:last-child,
.uk-panel >:last-child > p {
margin-bottom:0
}


.uk-hr,
hr {
overflow:visible;
text-align:inherit;
margin:0 0 35px 0;
border:0;
border-top:1px solid #e5e5e7
}

*+.uk-hr,
*+hr {
margin-top:35px
}

@media (min-width: 1200px) {
.uk-hr,
hr {
margin:0 0 70px 0;
}

*+.uk-hr,
*+hr {
margin-top:70px
}
}

.text-shadow {
text-shadow: 2px 2px 15px rgba(0, 0, 0, 0.6);
}

.text-underline {
 text-decoration: underline !important;
}

.text-transform {
 text-transform: uppercase !important;
}

.no-text-transform {
 text-transform: none !important;
}

p:last-child {
margin-bottom: 0;
}

p .uk-link, p a {
 text-decoration: underline;
}


.tm-toolbar-default .uk-text-muted, .uk-card-primary.uk-card-body .uk-text-muted, .uk-card-primary > :not([class*="uk-card-media"]) .uk-text-muted, .uk-card-secondary.uk-card-body .uk-text-muted, .uk-card-secondary > :not([class*="uk-card-media"]) .uk-text-muted, .uk-light .uk-text-muted, .uk-offcanvas-bar .uk-text-muted, .uk-overlay-primary .uk-text-muted, .uk-section-primary:not(.uk-preserve-color) .uk-text-muted, .uk-section-secondary:not(.uk-preserve-color) .uk-text-muted, .uk-tile-primary:not(.uk-preserve-color) .uk-text-muted, .uk-tile-secondary:not(.uk-preserve-color) .uk-text-muted {
color: rgba(255,255,255,1) !important;
}


ul.checked-list {
 list-style: none;
 padding: 0;
}

ul.checked-list li {
padding-left: 50px;
position: relative;
}


ul.checked-list > li{
background-image: url('data:image/svg+xml,<svg version="1.1" id="Ebene_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="30px" height="30px" viewBox="0 0 30 30" style="enable-background:new 0 0 30 30;" xml:space="preserve"><style type="text/css">.st0{fill:%230075B1;}.st1{fill:%23002F4D;}</style><path class="st0" d="M14.2,29.9C6.4,29.9,0,23.5,0,15.7C0,7.8,6.4,1.4,14.2,1.4s14.2,6.4,14.2,14.2C28.5,23.5,22.1,29.9,14.2,29.9z M14.2,3.8C7.7,3.8,2.4,9.1,2.4,15.7s5.3,11.8,11.8,11.8c6.5,0,11.8-5.3,11.8-11.8S20.8,3.8,14.2,3.8z"/><polygon class="st1" points="14.9,19.7 7.1,13.5 8.6,11.6 14.6,16.3 28.2,0.1 30,1.6 "/></svg>');
background-repeat: no-repeat;
}

ul.checked-list li + li {
margin-top: 25px;
}


ul {
	list-style-type: square;
}


ul.checked-list li ul li {
	padding-left: 0;
}

ul.checked-list li ul li + li {
margin-top: 0;
}



span.marker {
	display: inline-table;
	background-color: rgba(83, 170, 223, 0.1);
	padding: 0 5px;
	font-family: 'Calibri-Bold';
}

.el-content li + li {
margin-top: 25px;
}

/* ========================================================================
  Headlines
========================================================================== */


@media (max-width:639px) {
.hyphens-auto {
hyphens: auto;
}
}



@media (min-width: 960px) {
.grid-header .uk-heading-small {
font-size: 40px;
}
}

@media (min-width: 1200px) {
.grid-header .uk-heading-small {
font-size: 48px;
}
}



.uk-grid-divider.divider-dark-blue > :not(.uk-first-column)::before,
.uk-grid-divider.divider-dark-blue.uk-grid-stack > .uk-grid-margin::before {
	border-color: #002f4d !important;
}


/* ========================================================================
  Colors
========================================================================== */

.bg-dark h1, .bg-dark h2, .bg-dark h3, .bg-dark h4, .bg-dark p, .bg-dark ul, .bg-dark li {
 color: rgba(255, 255, 255, 1);
}




.white,  .white h1,  .white h2,  .white h3, .white h4, .white h5, .white p  {
 color: #FFF !important;
}


.light-blue,
.title-light-blue .el-title,
.link-light-blue .el-link {
 color: #53aadf !important;
}


.blue,
.title-blue .el-title,
.link-blue .el-link,
.link-white .el-link.uk-button-text:hover, .link-white .el-link.uk-button-text:active {
 color: #0075b1 !important;
}


.dark-blue,
.link-blue .el-link.uk-button-text:hover, .link-blue .el-link.uk-button-text:active  {
 color: #002f4d !important;
}


.light-grey {
 color: #cad1d8 !important;
}


.grey,
.title-grey .el-title,
.link-grey .el-link {
 color: #a1b0bb !important;
}


.dark-grey{
 color: #768c9a !important;
}

.black {
 color: #000 !important;
}


.bg-white,
.link-white .el-link.uk-button-text::before  {
 background-color: rgba(255, 255, 255, 1) !important;
}


.bg-light-blue,
.link-light-blue .el-link.uk-button-text::before  {
 background-color: rgba(83, 170, 223, 1) !important;
}


.bg-blue,
.link-blue .el-link.uk-button-text::before,
.link-white .el-link.uk-button-text:hover::before, .link-white .el-link.uk-button-text:active::before   {
 background-color: rgba(0, 117, 177, 1) !important;
}


.bg-dark-blue,
.link-dark-blue .el-link.uk-button-text::before, 
.link-blue .el-link.uk-button-text:hover::before, .link-blue .el-link.uk-button-text:active::before  {
 background-color: rgba(0, 47, 77, 1) !important;
}


.bg-light-grey {
 background-color: rgba(202, 209, 154, 1) !important;
}


.bg-grey {
 background-color: rgba(161, 176, 187, 1) !important;
}


.bg-dark-grey{
 background-color: rgba(118, 140, 154, 1) !important;
}

.bg-black {
 background-color: rgba(83, 170, 223, 1) !important;
}


/* Transparenzen */

.bg-dark-blue.opacity-90 {
 background-color: rgba(0, 47, 77, 0.9) !important;
}

.bg-blue.opacity-90 {
 background-color: rgba(0, 117, 177, 0.9) !important;
}
.bg-light-blue.opacity-10 {
 background-color: rgba(83, 170, 223, 0.1) !important;
}

/* ========================================================================
  SVG Fill Class
========================================================================== */

.svg-fill-light-blue svg {
 fill: #53aadf !important;
}

.svg-fill-blue svg {
 fill: #0075b1 !important;
}

.svg-fill-dark-blue svg {
 fill: #2e3369 !important;
}

.svg-fill-white svg {
 fill: #fff !important;
}

/* ========================================================================
  SVG Stroke Animation
========================================================================== */
.svg-stroke-width {
stroke-width:8;
}
/* ========================================================================
  marker
========================================================================== */

.text-marker {
 background-color: rgba(255, 255, 255, 1);
 display: inline;
 padding: 2px;
}



/* ========================================================================
  Logo
========================================================================== */

.uk-navbar .uk-logo img,
.uk-navbar .uk-logo svg,
.uk-navbar .uk-sticky-below .uk-logo img {
 height: 20px;
 width: inherit;
}



@media (min-width:960px) {
.uk-navbar .uk-logo img,
.uk-navbar .uk-logo svg {
 height: 25px;
}
}


.uk-navbar .uk-sticky-below .uk-logo svg,
.uk-navbar .uk-sticky-below .uk-logo img {
 height: 20px;
}




.branding-color-group-1{fill-rule:evenodd;clip-rule:evenodd;fill:#10B6A4;}
.branding-color-group-2{fill-rule:evenodd;clip-rule:evenodd;fill:#86D8CF;}
.branding-color-group-3{fill-rule:evenodd;clip-rule:evenodd;fill:#018BC1;}
.branding-color-group-4{fill-rule:evenodd;clip-rule:evenodd;fill:#1D1D1B;}
.branding-color-group-5{fill-rule:evenodd;clip-rule:evenodd;fill:#67B9DA;}
.branding-color-group-6{fill-rule:evenodd;clip-rule:evenodd;fill:#F44C59;}



.branding-background-color-red .branding-color-group-6{fill:#FFF !important;}


.uk-logo.stroke-white [class*=branding-color-group]{
stroke: #fff;
stroke-width: 4px;
}

.uk-logo.stroke-black [class*=branding-color-group]{
stroke: #000;
stroke-width: 4px;
}

.uk-logo.stroke-green [class*=branding-color-group]{
stroke: #10b6a4;
stroke-width: 4px;
}


.uk-logo.fill-none [class*=branding-color-group]{
fill:none !important;
}


.uk-logo.fill-white [class*=branding-color-group]{
fill:#FFF !important;
}


.projekte .uk-navbar-transparent.uk-light .uk-logo [class*=branding-color-group]{
fill:#FFF !important;
stroke-width: 4px;
   stroke:#000;
   mix-blend-mode:lighten;
   stroke-opacity:1;
}







/* ========================================================================
  Header
========================================================================== */

.tm-header > div:not(.uk-sticky-below)> .uk-navbar-container,
.tm-header .uk-sticky-below > .uk-navbar-container {
padding-top:20px;
padding-bottom:20px
}

.uk-navbar-left, .uk-navbar-right, [class*="uk-navbar-center"] {
	line-height: 1;
}


@media (min-width: 960px) {
.tm-header div:not(.uk-sticky-below) > .uk-navbar-container {
padding-top:40px;
padding-bottom:40px
}

.uk-navbar-center:not(:only-child) {
transform: translate(-40%,-50%);
}
}




/* ========================================================================
  Sticky Navbar
========================================================================== */

.tm-header > div.uk-sticky-below > .uk-navbar-container {
padding-top:10px;
padding-bottom:10px;
}
}

.tm-header > div.uk-sticky-below * {
color: #FFF;
}
/* ========================================================================
  Toolbar
========================================================================== */

.tm-page {
display: flex;
flex-direction: column;
}

@media (min-width: 960px) and (max-width: 1199px) {
 .tm-page > .tm-toolbar.uk-visible\@l {
   display: flex !important;
   order: -2;
   }


}



   .tm-page > .tm-header-mobile {
display: flex;
flex-direction: column;
order: -1;
}



.tm-toolbar {
padding-top: 10px;
padding-bottom: 10px;
font-size: 1em;
position: relative;
background: rgba(255, 255, 255, 1);
color: rgba(0, 40, 70, 1);
font-family: 'Panton-Regular';
line-height: 1;
}





.tm-toolbar .toolbar {
padding-left: 25px;
}

.tm-toolbar .toolbar a {
color: rgba(0, 40, 70, 1);
}

.tm-toolbar .toolbar a:hover,
.tm-toolbar .toolbar a:focus,
.tm-toolbar .toolbar a:active {
text-decoration: none;
color: rgba(130, 85, 255, 1);
}

.tm-toolbar .toolbar span.uk-icon {
padding-right: 5px;
}




/* ========================================================================
  Scrollbar
========================================================================== */

.tm-scrollbar {
 position: fixed;
 bottom: 0;
 left: 0;
 width: 100%;

}

@media (max-width: 959px) {
.tm-scrollbar {
 z-index: 1;
}
}

.tm-scrollbar .uk-icon-button {
 box-sizing: border-box;
 display: inline-block;
 width: 100%;
 height: 50px;
 background: rgba(0, 40, 70, 1);
 line-height: 40px;
 color: rgba(0, 255, 215, 1);
 font-size: 18px;
 text-align: center;
 -webkit-transition: background-color 0.25s ease;
 transition: background-color 0.25s ease;
 transition-timing-function: ease;
 line-height: 50px;
 border-radius: 0;
 border: none;
 font-family: 'Panton-Bold';
}





.tm-scrollbar .uk-hidden\@m .uk-icon-button:nth-child(n+2) {
border-left: 1px solid #FFF;
}

.tm-scrollbar .uk-visible\@m .uk-icon-button:nth-child(n+2) {
margin-top: 20px;
}


@media (min-width: 960px) {

.tm-scrollbar .uk-icon-button {
 display: inline-block;
 width: 70px;
 height: 70px;
 line-height: 70px;
 font-size: 22px;
 -webkit-border-top-left-radius: 25px;
-moz-border-radius-topleft: 25px;
border-top-left-radius: 25px;
text-align: center;
}



.tm-scrollbar .uk-icon-button:hover,
.tm-scrollbar .uk-icon-button:focus,
.tm-scrollbar .uk-icon-button:active {
 background-color: rgba(0, 255, 215, 1);
 color: rgba(0, 40, 70, 1);
 /* 2 */
 outline: none;
 transform: none;
  text-decoration: none;
  border-top-left-radius: 0;
}





.tm-scrollbar {
 position: fixed;
 top: 50%;
 right: 0;
 left: auto;
 bottom: 50%;
 width: 70px;
 padding-right: 0;
 background-color: 003399;
 display: flex;
 align-items: center;

}

.tm-scrollbar .uk-icon-envelope {
 font-size: 35px;
}

.tm-scrollbar .uk-icon-button > svg {
width: 60px;
}

}




@media (max-width: 959px) {
.tm-scrollbar .uk-panel {
 display: -ms-flexbox;
 display: -webkit-flex;
 display: flex;
 width: 100%;
}
/*
* Hover
* 1. Apply hover style also to focus state
* 2. Remove default focus style
*/
.tm-scrollbar .uk-icon-button:hover,
.tm-scrollbarr .uk-icon-button:focus,
.tm-scrollbar .uk-icon-button:active {
 background-color: rgba(0, 255, 215, 1);
 color: rgba(0, 40, 70, 1);
 /* 2 */
 outline: none;
 transform: none;
 text-decoration: none;
}

.tm-scrollbar .uk-icon-button > svg {
width: 45px;
}
}

/* ========================================================================
  Tooltip
========================================================================== */

.uk-tooltip {
 font-family: 'Panton-Bold';
 line-height: 1.3em;
 text-align: center;
   -webkit-border-top-left-radius: 25px;
-moz-border-radius-topleft: 25px;
border-top-left-radius: 25px;
height: 70px;
display: inline-flex !important;
align-items: center;
font-size: 1em;

}


[role=tooltip]:not(.uk-tooltip):not(.show) {
   display: block !important;

}

/* ========================================================================
  Hidden
========================================================================== */
@media (max-width:959px) {
.remove-padding-large\@m .el-item > div div .uk-padding-large  {
padding: 0 !important;
}
}



/* ========================================================================
  Remove Padding
========================================================================== */

@media (min-width: 960px) {
.item-order-alternate > div > div:nth-child(2n) .el-item > div > div:nth-child(2) {
order: -1;
}
}










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


.uk-button {
position: relative;
display: inline-flex;
align-content: center;
align-items: center;
text-align: left;
padding: 10px 10px 10px 35px;
line-height: 1;
}


.uk-button-default::before,
.uk-button-primary::before,
.uk-button-secondary::before,
.uk-button-default::before,
.uk-button-text::before {
content: "";
position: absolute;
align-items:center;
left: 0;
width: 25px;
height: 25px;
  background-repeat: no-repeat;
background-position: 0 50%;
transition: background-color .1s ease-in-out;
}


.uk-button-default,
.uk-button-primary,
.uk-button-secondary {
padding: 10px 10px 10px 45px;
}


.uk-button-default::before,
.uk-button-primary::before,
.uk-button-secondary::before {
left: 10px;
}


.uk-button-text::before,
.uk-button-default::before,
.uk-button-primary::before {
background-repeat: no-repeat;
transition: background-color .1s ease-in-out;

       /* Store the SVG in a variable so it's easy to use */
       --svg: url('data:image/svg+xml,\
       <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30">\
                <path d="M15,0C6.7,0,0,6.7,0,15s6.7,15,15,15s15-6.7,15-15S23.3,0,15,0z M15,28C7.8,28,2,22.2,2,15S7.8,2,15,2s13,5.8,13,13S22.2,28,15,28z M11.1,7.4L21.2,15l-10,7.5L10,21l7.9-5.9l-8-6L11.1,7.4z"/>\
       </svg>');

       /* Chrome, still requires prefix in 2022 */
       -webkit-mask: var(--svg);

       /* Firefox and Safari */
       mask: var(--svg);

}



.uk-button-text::before{
background-color: #002f4d;
}




.uk-button-text:hover {
color: #0075b1;
}

.uk-button-text:hover::before {
background-color: #0075b1;
}



.uk-button-default::before,
.uk-button-primary::before{
background-color: #FFF;

}

.uk-button-default:hover,
.uk-button-primary:hover {
color: #FFF;
background-color: #0075b1;
}

.uk-button-default:hover::before,
.uk-button-primary:hover::before {
background-color: #FFF;
}



/* ========================================================================
  Panel Slider - Kundenlogos
========================================================================== */


.kundenlogos .uk-slider-items {
align-items: center;
}


.kundenlogos li svg{
max-width: 150px;
max-height: 120px;
width: inherit;
 height: inherit;
}


/* ========================================================================
  Grid Stack / alignment change
========================================================================== */

@media (min-width: 960px) {
.item-order-alternate > div > div:nth-child(2n) .el-item > div > div:nth-child(2) {
order: -1;
}
}


@media (max-width: 959px) {
.item-order-alternate .el-item .uk-padding-large {
padding: 20px 0;
}
}

@media (min-width: 960px) {

.item-order-alternate > div > div:nth-child(2n+1) .el-item > div > div:nth-child(2) .uk-padding-large {
padding-right: 0;
}

.item-order-alternate > div > div:nth-child(2n) .el-item > div > div:nth-child(2) .uk-padding-large {
padding-left: 0;
}
}


/* ========================================================================
  Team
========================================================================== */

/* Change Order */


@media (min-width: 640px) {
.team-slider.image-right > div + div  {
order: -1;
}
}

.team-slider.image-right .uk-animation-slide-left {
animation-name:uk-fade,uk-slide-right;
}
.team-slider.image-right .uk-animation-slide-right {
animation-name:uk-fade,uk-slide-left;
}

/* Mail Icons */

.team-mail-icon .uk-panel div.uk-flex-middle,
.team-phone-icon .uk-panel div.uk-flex-middle {
align-items: flex-end;
}


/* ========================================================================
  Projekte Teaser
========================================================================== */

.teaser-projects-container .teaser-projects:nth-child(1),
.teaser-projects-container .teaser-projects:nth-child(4),
.teaser-projects-container .teaser-projects:nth-child(7)  {
 background-color: rgba(103, 185, 218, 1) !important;
}

.teaser-projects-container .teaser-projects:nth-child(2),
.teaser-projects-container .teaser-projects:nth-child(5),
.teaser-projects-container .teaser-projects:nth-child(8)  {
 background-color: rgba(255, 255, 255, 1) !important;
}

.teaser-projects-container .teaser-projects:nth-child(3),
.teaser-projects-container .teaser-projects:nth-child(6),
.teaser-projects-container .teaser-projects:nth-child(9)  {
background-color: rgba(244, 76, 89, 1) !important;
}



/* ========================================================================
  To Top Scroller
========================================================================== */

.uk-totop {
width: 40px;
height: 40px;
border-radius: 40px;
line-height: 20px;
position: relative;
top: -20px;
box-sizing: border-box;
}



/* ========================================================================
  Panel / alignment change
========================================================================== */

@media (max-width: 959px) {
.order-change\@m > div > div:nth-child(2n)  {
order: -1;
}
}




/* ========================================================================
  Grid Stack / alignment change
========================================================================== */

@media (min-width: 960px) {
.item-order-alternate > div > div:nth-child(2n) .el-item > div > div:nth-child(2) {
order: -1;
}
}


@media (max-width: 959px) {
.item-order-alternate .el-item .uk-padding-large {
padding: 20px 0;
}
}

@media (min-width: 960px) {

.item-order-alternate > div > div:nth-child(2n+1) .el-item > div > div:nth-child(2) .uk-padding-large {
padding-right: 0;
}

.item-order-alternate > div > div:nth-child(2n) .el-item > div > div:nth-child(2) .uk-padding-large {
padding-left: 0;
}
}







/* ========================================================================
  Footer
========================================================================== */



.footer-subnav ul.uk-subnav {
justify-content:center;
}


@media (max-width: 959px) {
.footer-subnav.uk-section-xsmall {
padding-bottom: 60px;
}
.uk-subnav > * {
height: 30px;
}
}

.social-icons .uk-icon {
color:#002f4d;
border-radius: 100%;
background-color: #fff;
padding: 5px;
}




/* ========================================================================
  Modal Formulare / Success
========================================================================== */

.mailing-success-header .uk-svg {
height: 80px;
width: inherit;
}


.mailing-success-header {
border-top-left-radius: 25px;
}


/* ========================================================================
  Cookie Hub - Cookie Consent
========================================================================== */

.ch2-block {
background: rgba(0, 40, 70, 0.8) !important;
}


.ch2-style-light .ch2-dialog-content p strong,
.ch2-style-light .ch2-settings-header p {
color: rgba(0, 40, 70, 1) !important;
}


.ch2-dialog-content p strong,
.ch2-settings-content p strong,
.ch2-settings-header p strong {
font-weight: 300 !important;
font-family: 'Panton-Bold', sans-serif !important;
}

.ch2-style-light .ch2-settings-content a {
color: rgba(0, 40, 70, 1) !important;
border-bottom: 1px solid rgba(0, 40, 70, 1) !important;
}


.ch2-theme-bar .ch2-dialog p strong {
font-size: 18px !important;
}


.ch2-style-light .ch2-dialog-content p,
.ch2-style-light .ch2-settings-content p,
.ch2-style-light .ch2-settings-scan .ch2-settings-tabs ul li a {
color: rgba(0, 40, 70, 1) !important;
}
.ch2-theme-bar .ch2-dialog p {
font-size: 15px !important;
line-height: 22px !important;
}

.ch2-container, .ch2-icon {
font-family: 'Panton-Regular', sans-serif !important;
}

.ch2-dialog-content a {
font-size: 15px !important;
}

.ch2-style-light .ch2-dialog-content a {
color: rgba(0, 40, 70, 1) !important;
border-bottom: 1px solid rgba(0, 0, 0, 1) !important;
}

.ch2-style-light .ch2-dialog-content a:hover {
color: rgba(0, 40, 70, 0.7) !important;
border-bottom: 1px solid rgba(0, 0, 0, 1) !important;
}

.ch2-theme-bar .ch2-dialog p:first-child {
margin-bottom: 5px !important;
}

.ch2-style-light .ch2-dialog {
background: rgba(255, 255, 255, 1) !important;
}




.ch2-btn:hover {
box-shadow: 0 0 20px 0 rgba(0,0,0,.4);
}

.ch2-style-light.ch2-icon a {
color: rgba(0, 40, 70, 1) !important;
}


.ch2-icon {
left: 10px !important;
bottom: 10px !important;
}

.ch2-icon a {
width: 31px !important;
height: 31px !important;
line-height: 31px !important;
}


.ch2-style-light.ch2-icon a svg {
border: 2px solid rgba(255, 255, 255, 1) !important;
fill: #FFF !important;
background: transparent !important;
}

.ch2-icon a svg {
width: 13px !important;
height: 13px !important;
}



.ch2-style-light.ch2-icon a:hover {
background: rgba(255, 255, 255, 1) !important;
}


.ch2-style-light.ch2-icon a:hover svg {
border:2px solid rgba(0, 40, 70, 1) !important;
fill: rgba(0, 40, 70, 1) !important;
background: rgba(255, 255, 255, 1) !important;
}


.ch2-style-light.ch2-icon a span {
opacity: 1 !important;
width: 100% !important;
}



.ch2-settings-content p {
font-size: 16px !important;
}

.ch2-settings-option p,
.ch2-container, .ch2-icon {
font-size: 15px !important;
}


@media (min-width:1220px) {

.ch2-theme-bar .ch2-dialog p strong {
font-size: 20px !important;
}

.ch2-theme-bar .ch2-dialog p {
font-size: 1em !important;
line-height: 1.4em !important;
}

.ch2-dialog-content a {
font-size: 1em !important;
}
}



@media (min-width: 600px) {
.ch2-theme-overlay .ch2-dialog-actions-vertical div:last-child button {
display: block !important;
margin-left: auto !important;
margin-right: auto !important;
}
}

.ch2-theme-overlay .ch2-dialog {
padding: 30px !important;
}


/* Datenschutz Cookie Table */

.cookiehub-declaration > p
{
display: none;
}



.ch2-style-light .ch2-btn-primary, .ch2-style-dark .ch2-btn-primary {
background: rgba(0, 40, 70, 1) !important;
}


.ch2-style-light .ch2-btn-primary:hover, .ch2-style-dark .ch2-btn-primary:hover {
background: rgba(0, 40, 70, 1) !important;
box-shadow: 0px 0px 10px 0 rgba(0, 40, 70, 1) !important;
}

.ch2-style-light .ch2-deny-all-btn.ch2-btn-primary, .ch2-style-dark .ch2-deny-all-btn.ch2-btn-primary {
background: #fff !important;
border: solid 1px rgba(0, 40, 70, 1) !important;
color: rgba(0, 40, 70, 1) !important;
}


.ch2-style-light .ch2-btn-text {
background: none !important;
color: rgba(0, 40, 70, 1) !important;
-webkit-box-shadow: inherit;
box-shadow: inherit;
border: 0;
text-transform: none;
text-decoration: underline;
min-width: auto;
}


.ch2-style-light .ch2-btn-secondary {
background: #fff !important;
border: solid 1px rgba(0, 40, 70, 1) !important;
color: rgba(0, 40, 70, 1) !important;
}


.ch2-style-light .ch2-btn-secondary.ch2-allow-all-btn {
background: rgba(0, 40, 70, 1) !important;
color: rgba(255, 255, 255, 1) !important;
border: none !important;
}


.ch2-style-light .ch2-switch input:checked + label, .ch2-style-dark .ch2-switch input:checked + label {
background: rgba(0, 40, 70, 1) !important;
}


/* ========================================================================
  Login
========================================================================== */
body.login span.visually-hidden {
visibility: hidden;
display: none;
}

/* ========================================================================
  Responsive Videos & Embed Container iFRame
========================================================================== */


.responsive-video > div {
position: relative;
padding-bottom: 56.25%; /* Default for 1600x900 videos 16:9 ratio*/
padding-top: 0px;
height: 0;
}


.responsive-video iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

/*
.responsive-video iframe[data-consent="marketing/loaded"] {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
*/


.video-frame {
position: relative;
display: inline-block;
}

.video-frame .video-container {
max-width: 960px;
}

.video-frame .frame-position {
position: absolute;
top: 4.2%;
left: 2.4%;
right: 2.5%;
bottom: 4.2%;
}


.rounded-corner iframe {
border-radius: 25px;
}

.video-frame img {
-webkit-filter: drop-shadow(5px 5px 15px #666);
 filter: drop-shadow(5px 5px 15px #666);
}

.video-border .responsive-video {
border: solid 10px #00ffd7;
padding: 25px;
border-radius: 50px;

}


@media (max-width:639px) {
.video-border .responsive-video {
padding: 15px;

}

.video-permission {
font-size: 0.8em;
}

}

.video-permission {
padding: 5%;
}




/* ========================================================================
  Border Circle
========================================================================== */

.border-circle-blue .uk-border-circle {
background-color: rgba(0, 40, 70, 1);
}


.icon-border-circle .uk-border-circle img {
padding: 15%;
}






/* ========================================================================
  Header Polygon
========================================================================== */


.header-polygon.uk-card {
background-color: rgba(0, 47, 77, 0.8);
position: absolute;
top:0;
bottom: 0;
}





/* ========================================================================
  clip-path Arrow Teaser
========================================================================== */



.arrow-right .uk-card  {
clip-path: polygon(100% 0, 100% 90%, 50% 100%, 0 90%, 0 0, 50% 10%);
}



.arrow-right .uk-card-small.uk-card-body {
padding: 60px 30px 100px 30px;
}




@media (min-width: 1220px) {
.arrow-right .uk-card  {
clip-path: polygon(90% 0, 100% 50%, 90% 100%, 0% 100%, 10% 50%, 0% 0%);
}

.arrow-right .uk-card-small.uk-card-body {
padding: 30px 50px 30px 60px;
}

	
}	


.career-path.arrow-right > div.uk-grid > div:nth-child(1) .uk-card {
background-color: #002F4D;
color: #FFF !important;
fill: #FFF !important;
}

.career-path.arrow-right > div.uk-grid > div:nth-child(2) .uk-card {
background-color: #768C9A;
color: #FFF !important;
fill: #FFF !important;
}

.career-path.arrow-right > div.uk-grid > div:nth-child(3) .uk-card {
background-color: #A1B0BB;
color: #002F4D !important;
fill: #002F4D !important;
}

.career-path.arrow-right > div.uk-grid > div:nth-child(4) .uk-card {
background-color: #CAD1D8;
color: #002F4D !important;
fill: #002F4D !important;
}



.career-path.arrow-right > div.uk-grid > div:nth-child(5) .uk-card {
background-color: #e5eaed;
color: #002F4D !important;
fill: #002F4D !important;
}



.career-path.arrow-right > div.uk-grid > div:nth-child(1) .uk-card .el-title,
.career-path.arrow-right > div.uk-grid > div:nth-child(2) .uk-card .el-title {
color: #FFF !important;
}



.career-path.arrow-right > div.uk-grid > div:nth-child(3) .uk-card .el-title,
.career-path.arrow-right > div.uk-grid > div:nth-child(4) .uk-card .el-title,
.career-path.arrow-right > div.uk-grid > div:nth-child(5) .uk-card .el-title {
color: #002F4D !important;
}

/* ========================================================================
  clip-path Polygon Teaser
========================================================================== */



.polygon-left-1 {
clip-path: polygon(0 0, 100% 0%, 90% 100%, 0% 100%);
}


.polygon-left-2 {
clip-path: polygon(0 0, 90% 0%, 100% 100%, 0% 100%);
}

.polygon-right-1  {
clip-path: polygon(10% 0, 100% 0, 100% 100%, 0% 100%);
}

.polygon-right-2 {
clip-path: polygon(0 0, 100% 0, 100% 100%, 10% 100%);
}


.header-slideshow .polygon-left-2 {
clip-path: polygon(0 0, 70% 0%, 100% 100%, 0% 100%);
}




.polygon-teaser [class*='polygon-left-'].uk-card.uk-card-body {
padding: 20px 80px 20px 20px;
}

.polygon-teaser [class*='polygon-right-'].uk-card.uk-card-body {
padding: 20px 20px 20px 80px;
}


@media (min-width: 768px) {

.polygon-teaser [class*='polygon-left-'].uk-card.uk-card-body {
padding: 40px 100px 40px 40px;
}
.polygon-teaser [class*='polygon-right-'].uk-card.uk-card-body {
padding: 40px 40px 40px 100px;
}
}


@media (min-width: 960px) {

.polygon-teaser [class*='polygon-left-'].uk-card.uk-card-body {
padding: 40px 140px 40px 40px;
}
.polygon-teaser [class*='polygon-right-'].uk-card.uk-card-body {
padding: 40px 40px 40px 140px;
}
}

@media (min-width: 1480px) {

.polygon-teaser [class*='polygon-left-'].uk-card.uk-card-body {
padding: 4vw 15vw 4vw 10vw;
}
.polygon-teaser [class*='polygon-right-'].uk-card.uk-card-body {
padding: 4vw 10vw 4vw 15vw;
}
}


/* ========================================================================
  clip-path Polygon Teaser - nicht überlappend
========================================================================== */


.polygon-teaser.non-overlapping [class*='polygon-right-'].uk-card.uk-card-body {
padding: 20px 20px 20px 80px;
}

.polygon-teaser.non-overlapping [class*='polygon-left-'].uk-card.uk-card-body {
padding: 20px 80px 20px 20px;
}


@media (min-width: 960px) {

.polygon-teaser.non-overlapping [class*='polygon-right-'].uk-card.uk-card-body  {
padding: 40px 40px 40px 100px;
}

.polygon-teaser.non-overlapping [class*='polygon-left-'].uk-card.uk-card-body {
padding: 40px 100px 40px 40px;
}

}



@media (min-width: 1480px) {

.polygon-teaser.non-overlapping [class*='polygon-right-'].uk-card.uk-card-body  {
padding: 2vw 15vw 2vw 10vw;
}

.polygon-teaser.non-overlapping [class*='polygon-left-'].uk-card.uk-card-body {
padding: 2vw 10vw 2vw 15vw;
}

}



/* ========================================================================
  Section Polygon Image Grid
========================================================================== */


.polygon-image-teaser [class*='polygon-left-'].uk-card.uk-card-body,
.polygon-image-teaser [class*='polygon-right-'].uk-card.uk-card-body {
margin-bottom: -10vw !important;
}



@media (max-width: 479px) {
.polygon-image-teaser [class*='polygon-left-'].uk-card.uk-card-body {
padding: 20px 50px 20px 20px;
}

.polygon-image-teaser [class*='polygon-right-'].uk-card.uk-card-body {
padding: 20px 20px 20px 50px;
}

}

@media (min-width: 480px) {
.polygon-image-teaser .title  {
display: none;
}



.polygon-image-teaser [class*='polygon-left-'].uk-card.uk-card-body {
padding: 40px 70px 40px 40px;
}

.polygon-image-teaser [class*='polygon-right-'].uk-card.uk-card-body {
padding: 40px 40px 40px 70px;
}

}



@media (min-width: 960px) {



.polygon-image-teaser [class*='polygon-left-'].uk-card.uk-card-body {
padding: 40px 135px 40px 40px;
}

.polygon-image-teaser [class*='polygon-right-'].uk-card.uk-card-body {
padding: 40px 40px 40px 135px;
}
}



@media (min-width: 1480px) {

.polygon-image-teaser [class*='polygon-left-'].uk-card.uk-card-body {
padding: 4vw 8vw 4vw 4vw;
}

.polygon-image-teaser [class*='polygon-right-'].uk-card.uk-card-body {
padding: 4vw 4vw 4vw 8vw;
}
}


/* ========================================================================
  Section Polygon Image Overlay Grid
========================================================================== */

.polygon-image-overlay-teaser .uk-card {
position: absolute;
top:0;
bottom: 0;
}


.polygon-image-overlay-teaser .uk-card-default {
background-color: rgba(0, 47, 77, 0.8);
}

.polygon-image-overlay-teaser [class*='polygon-left-'].uk-card.uk-card-body {
padding: 40px 70px 40px 40px;
}

.polygon-image-overlay-teaser [class*='polygon-right-'].uk-card.uk-card-body {
padding: 40px 40px 40px 70px;
}

}



@media (min-width: 960px) {


.polygon-image-overlay-teaser .uk-card .el-content {
margin-top: 0 !important;
}

.polygon-image-overlay-teaser [class*='polygon-left-'].uk-card.uk-card-body {
padding: 40px 135px 40px 40px;
}

.polygon-image-overlay-teaser [class*='polygon-right-'].uk-card.uk-card-body {
padding: 40px 40px 40px 135px;
}
}



@media (min-width: 1480px) {

.polygon-image-overlay-teaser [class*='polygon-left-'].uk-card.uk-card-body {
padding: 4vw 8vw 4vw 4vw;
}

.polygon-image-overlay-teaser [class*='polygon-right-'].uk-card.uk-card-body {
padding: 4vw 4vw 4vw 8vw;
}
}



/* ========================================================================
  Testimonials
========================================================================== */

@media (min-width: 960px) {
.testimonial {
margin-top: 100px;
}

.testimonial .el-image {
margin-top: -100px;
align-items: flex-end;
}
}



/* ========================================================================
  Lightbox self-conception
========================================================================== */


.self-conception.svg-fill-blue .cls-1 {
fill: #0075b1 !important;
}


/* ========================================================================
  Accordion Custom
========================================================================== */

.uk-accordion-content {
   background-color: rgba(0, 117, 177, 0.1) !important;
  padding: 20px;
}

.uk-accordion-title {
 position: relative;
 -webkit-transition: background-color 0.5s ease;
 transition: background-color 0.5s ease;
 transition-timing-function: ease;
}

.uk-open .uk-accordion-title {
 color: #fff !important;
}


.uk-accordion-title:hover,
.uk-accordion-title:active,
.uk-accordion-title:focus {
   background-color: rgba(0, 47, 77, 1) !important;
   color: #fff !important;
}

.uk-open .uk-accordion-title {
  background-color: rgba(0, 47, 77, 1) !important;
}


@media (min-width: 960px) {
.uk-accordion-content {
  padding: 40px;
}
}



/* ICON Accordion*/


.icon-accordion .uk-accordion-title::before {
background-image: none !important;
}


.icon-accordion .uk-accordion-title::after {
content: "";
width: 1.4em;
height: 1.4em;
margin-left: 10px;
right: 15px;
 position: absolute;
background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2213%22%20height%3D%2213%22%20viewBox%3D%220%200%2013%2013%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23002F4D%22%20width%3D%2213%22%20height%3D%221%22%20x%3D%220%22%20y%3D%226%22%20%2F%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23002F4D%22%20width%3D%221%22%20height%3D%2213%22%20x%3D%226%22%20y%3D%220%22%20%2F%3E%0A%3C%2Fsvg%3E");
background-repeat: no-repeat;
background-position: 50% 50%;
}


.icon-accordion .uk-accordion-title:hover::after,
.icon-accordion .uk-accordion-title:active::after,
.icon-accordion .uk-accordion-title:focus::after {
background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2213%22%20height%3D%2213%22%20viewBox%3D%220%200%2013%2013%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23FFFFFF%22%20width%3D%2213%22%20height%3D%221%22%20x%3D%220%22%20y%3D%226%22%20%2F%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23FFFFFF%22%20width%3D%221%22%20height%3D%2213%22%20x%3D%226%22%20y%3D%220%22%20%2F%3E%0A%3C%2Fsvg%3E");
background-position: 50% 50%;
}

.uk-open > .uk-accordion-title::after {
background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2213%22%20height%3D%2213%22%20viewBox%3D%220%200%2013%2013%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23FFFFFF%22%20width%3D%2213%22%20height%3D%221%22%20x%3D%220%22%20y%3D%226%22%20%2F%3E%0A%3C%2Fsvg%3E");
}


.icon-accordion .uk-accordion-title {
padding-left: 150px;
height: 100px;
display: flex;
align-items: center;
}



.icon-accordion.our-services.uk-accordion .uk-accordion-title::before {
content: "";
position: absolute;
align-items:center;
left: 20px;
width: 100px;
height: 100px;
margin: 0;
background-color: rgba(0, 47, 77, 1);

}


.uk-open .icon-accordion.our-services.uk-accordion .uk-accordion-title::before,
.icon-accordion.our-services.uk-accordion .uk-accordion-title:hover::before,
.icon-accordion.our-services.uk-accordion .uk-accordion-title:active::before,
.icon-accordion.our-services.uk-accordion .uk-accordion-title:focus::before {
background-color: rgba(255, 255, 255, 1);

}

.icon-accordion.our-services.uk-accordion > div:nth-child(1) .uk-accordion-title::before {
       --svg: url('data:image/svg+xml,\
       <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">\
                <path d="M17.2,53.4c-0.2-0.1-0.5-0.1-0.7,0l-10,6.6c-0.2,0.1-0.3,0.4-0.3,0.6v27.8c0,0.4,0.3,0.7,0.7,0.7h10c0.4,0,0.7-0.3,0.7-0.7V54.1C17.6,53.8,17.4,53.6,17.2,53.4z M16.1,87.7H7.6V61.1l8.5-5.6V87.7z M35.2,44.1l-5,0.4c-0.1,0-0.2,0.1-0.3,0.1l-5,3.3c-0.2,0.1-0.3,0.4-0.3,0.6v39.9c0,0.4,0.3,0.7,0.7,0.7h10c0.4,0,0.7-0.3,0.7-0.7V44.8c0-0.2-0.1-0.4-0.2-0.5C35.6,44.1,35.4,44.1,35.2,44.1z M34.5,87.7H26V48.9l4.5-3l4-0.3V87.7z M72.2,44.3c-0.3-0.1-0.6-0.1-0.8,0.1l-4.6,4.4l-4.5-2.7c-0.2-0.1-0.5-0.1-0.7,0c-0.2,0.1-0.4,0.4-0.4,0.6v41.8c0,0.4,0.3,0.7,0.7,0.7h10c0.4,0,0.7-0.3,0.7-0.7V45C72.7,44.7,72.5,44.4,72.2,44.3z M71.2,87.7h-8.5V48l3.9,2.4c0.3,0.2,0.6,0.1,0.9-0.1l3.7-3.6V87.7z M90.6,26.8c-0.3-0.1-0.6-0.1-0.8,0.1l-10,9.5c-0.1,0.1-0.2,0.3-0.2,0.5v51.5c0,0.4,0.3,0.7,0.7,0.7h10c0.4,0,0.7-0.3,0.7-0.7v-61C91.1,27.2,90.9,26.9,90.6,26.8z M89.6,87.7h-8.5V37.3l8.5-8.1V87.7z M53.5,42.5l-10,0.8c-0.4,0-0.7,0.3-0.7,0.7v44.4c0,0.4,0.3,0.7,0.7,0.7h10c0.4,0,0.7-0.3,0.7-0.7V43.2c0-0.2-0.1-0.4-0.2-0.5C53.9,42.6,53.7,42.5,53.5,42.5z M52.9,87.7h-8.5v-43l8.5-0.7V87.7z M97.3,13.5c0.3,0.3,0.3,0.8,0,1L67.5,42.9c-0.2,0.2-0.6,0.3-0.9,0.1l-10.7-6.6l-25.4,2.2L1.1,58c-0.1,0.1-0.3,0.1-0.4,0.1c-0.2,0-0.5-0.1-0.6-0.3c-0.2-0.3-0.1-0.8,0.2-1l29.5-19.5c0.1-0.1,0.2-0.1,0.3-0.1L56,35c0.2,0,0.3,0,0.4,0.1l10.5,6.4l29.4-28C96.6,13.2,97,13.2,97.3,13.5z M100,11.6l-0.5,8.1c0,0.4-0.3,0.7-0.7,0.7c0,0,0,0,0,0c-0.4,0-0.7-0.4-0.7-0.8l0.4-7.3l-8.1,0.8c-0.4,0-0.8-0.3-0.8-0.7c0-0.4,0.3-0.8,0.7-0.8l8.9-0.9c0.2,0,0.4,0.1,0.6,0.2C99.9,11.2,100,11.4,100,11.6z"/>\
       </svg>');
       -webkit-mask: var(--svg);
       mask: var(--svg);
}


.icon-accordion.our-services.uk-accordion > div:nth-child(2) .uk-accordion-title::before {
       --svg: url('data:image/svg+xml,\
       <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">\
                <path d="M93.6,9.9c-3.5,0-6.4,2.9-6.4,6.4c0,1.6,0.6,3.1,1.6,4.2L78,33.3c-0.4-0.3-0.7-0.6-1.1-0.9c-8.1-6.3-19.7-6-27.5,0.5c-2.1,1.7-3.7,3.7-5,5.9l-3.5-1.9c0.4-0.8,0.6-1.7,0.6-2.6c0-3.5-2.9-6.4-6.4-6.4c-3.5,0-6.4,2.9-6.4,6.4c0,1.4,0.5,2.7,1.2,3.7 l-19,16.2c-1.1-1.1-2.7-1.7-4.4-1.7C2.9,52.6,0,55.4,0,59c0,3.5,2.9,6.4,6.4,6.4c3.5,0,6.4-2.9,6.4-6.4c0-1.3-0.4-2.6-1.1-3.6l19.1-16.3c1.1,1,2.6,1.6,4.2,1.6c2.1,0,3.9-1,5.1-2.5l3.6,2c-3,6.3-2.8,13.8,1,20.3c0.2,0.4,0.2,1-0.2,1.3L24.1,82.2c-1,1-1,2.6,0,3.6l3.5,3.5c0.5,0.5,1.1,0.7,1.8,0.7c0.7,0,1.3-0.2,1.8-0.7l20.4-20.4c0.4-0.3,0.9-0.4,1.3-0.2c8.7,5.1,19.2,3.8,26.2-3.1c4.5-4.5,6.8-10.7,6.4-17c-0.3-5.4-2.7-10.4-6.5-14.2l10.8-12.7c1.1,0.8,2.3,1.2,3.7,1.2c3.5,0,6.4-2.9,6.4-6.4C100,12.8,97.1,9.9,93.6,9.9z M6.4,63.9c-2.7,0-5-2.2-5-5c0-2.7,2.2-5,5-5s5,2.2,5,5C11.4,61.7,9.2,63.9,6.4,63.9z M35,39.3c-2.7,0-5-2.2-5-5s2.2-5,5-5c2.7,0,5,2.2,5,5S37.8,39.3,35,39.3z M78.1,64.6c-6.5,6.5-16.3,7.6-24.4,2.9c-1-0.6-2.2-0.4-3.1,0.4L30.2,88.3c-0.4,0.4-1.1,0.4-1.6,0l-3.5-3.5c-0.4-0.4-0.4-1.1,0-1.6l20.4-20.4c0.8-0.8,1-2.1,0.4-3.1c-5.1-8.8-3.3-19.4,4.3-25.7c3.8-3.2,8.5-4.8,13.2-4.8c4.4,0,8.9,1.4,12.5,4.2c4.8,3.7,7.7,9.1,8.1,15.1C84.5,54.6,82.3,60.4,78.1,64.6z M93.6,21.3c-2.7,0-5-2.2-5-5s2.2-5,5-5s5,2.2,5,5S96.3,21.3,93.6,21.3z M63.5,33.1c-4.5,0-8.7,1.8-11.9,4.9c-3.2,3.2-4.9,7.4-4.9,11.9c0,4.5,1.8,8.7,4.9,11.9c2.8,2.8,6.6,4.6,10.6,4.9c0,0,0,0,0.1,0c0.4,0,0.7-0.3,0.7-0.7c0-0.4-0.3-0.7-0.7-0.8c-3.7-0.3-7.1-1.9-9.7-4.5c-2.9-2.9-4.5-6.8-4.5-10.9c0-2.3,0.5-4.6,1.5-6.6l8.3,4.5c-0.2,0.6-0.3,1.3-0.3,2c0,3.5,2.9,6.4,6.4,6.4c3.5,0,6.4-2.9,6.4-6.4c0-1.4-0.5-2.8-1.3-3.8l5.6-6.7c2.7,2.9,4.2,6.6,4.2,10.6c0,4.1-1.6,8-4.5,10.9c-1.4,1.4-3.1,2.6-5,3.3c-0.4,0.2-0.5,0.6-0.4,0.9c0.2,0.4,0.6,0.5,0.9,0.4c2-0.8,3.9-2.1,5.5-3.7c3.2-3.2,4.9-7.4,4.9-11.9c0-4.5-1.8-8.7-4.9-11.9C72.2,34.9,68,33.1,63.5,33.1z M50.3,42.1c0.6-1.1,1.4-2.1,2.3-3c2.9-2.9,6.8-4.5,10.9-4.5c3.8,0,7.3,1.4,10.1,3.8L68.1,45c-1.1-0.9-2.6-1.5-4.1-1.5c-2.3,0-4.3,1.2-5.5,3.1L50.3,42.1z M63.9,54.9c-2.7,0-5-2.2-5-5c0-2.7,2.2-5,5-5c2.7,0,5,2.2,5,5C68.9,52.7,66.7,54.9,63.9,54.9z"/>\
       </svg>');
       -webkit-mask: var(--svg);
       mask: var(--svg);
}

.icon-accordion.our-services.uk-accordion > div:nth-child(3) .uk-accordion-title::before {
       --svg: url('data:image/svg+xml,\
       <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">\
                <path d="M33.3,62.2H22.5V36.6l5.8,0v22.9c0,0.4,0.3,0.8,0.8,0.8c0.4,0,0.8-0.3,0.8-0.8v-23l22-0.1c0.4,0,0.8-0.3,0.8-0.8c0-0.4-0.3-0.8-0.8-0.8c0,0,0,0,0,0L2.6,35.1l0-6.3l25-13.7c0.7-0.4,1.5-0.4,2.2,0l25.3,13v4.8c0,0.4,0.3,0.8,0.8,0.8c0.4,0,0.8-0.3,0.8-0.8v-5.7L30.6,13.7c-1.2-0.6-2.5-0.6-3.7,0.1l-25,13.7c-0.5,0.3-0.8,0.8-0.8,1.4v6.3c0,0.4,0.2,0.8,0.5,1.1c0.3,0.3,0.7,0.5,1.1,0.5c0,0,0,0,0,0l2.1,0v25.5H4.1c-0.7,0-1.3,0.6-1.3,1.3v3.2H1.3c-0.7,0-1.3,0.6-1.3,1.3v3.5c0,0.7,0.6,1.3,1.3,1.3h27.8c0.4,0,0.8-0.3,0.8-0.8s-0.3-0.8-0.8-0.8H1.6v-2.9h23.3c0.4,0,0.8-0.3,0.8-0.8c0-0.4-0.3-0.8-0.8-0.8H4.4v-2.9h28.9c0.4,0,0.8-0.3,0.8-0.8C34.1,62.6,33.8,62.2,33.3,62.2z M6.4,36.7l6.9,0v22.9c0,0.4,0.3,0.8,0.8,0.8s0.8-0.3,0.8-0.8V36.7l6.1,0v25.6H6.4V36.7z M99.2,57.9h-0.6L90,38c0.3-0.1,0.6-0.3,0.9-0.6c1.1-1.1,1.1-3,0-4.1c-1.1-1.1-3-1.1-4.1,0c-0.5,0.5-0.8,1.3-0.8,2l-17.5,3.3v-3.5c1.7-0.4,3.1-1.9,3.1-3.8c0-2.1-1.7-3.8-3.8-3.8c-2.1,0-3.8,1.7-3.8,3.8c0,1.8,1.3,3.4,3.1,3.8V39l-17.8,3.4c-0.1-0.3-0.3-0.5-0.5-0.7c-1.1-1.1-3-1.1-4.1,0c-0.5,0.5-0.8,1.3-0.8,2c0,0.8,0.3,1.5,0.8,2c0.3,0.3,0.6,0.5,0.9,0.6l-8.7,19.8h-0.6c-0.4,0-0.8,0.3-0.8,0.8c0,6.2,5,11.2,11.2,11.2s11.2-5,11.2-11.2c0-0.4-0.3-0.8-0.8-0.8h-0.6l-8.7-19.8c0.3-0.1,0.6-0.3,0.9-0.6c0.5-0.5,0.8-1.2,0.8-1.8l17.5-3.3v30.9c-4.5,0.3-8.3,3.2-9.7,7.5h-0.1c-2.7,0-4.9,2.2-4.9,4.9v2.9h30.4v-2.9c0-2.5-2-4.6-4.5-4.8l0,0c-1.4-4.3-5.3-7.2-9.7-7.6V40.3l17.9-3.4c0.1,0.2,0.3,0.4,0.4,0.6c0.3,0.3,0.6,0.5,0.9,0.6L79,57.9h-0.6c-0.4,0-0.8,0.3-0.8,0.8c0,6.2,5,11.2,11.2,11.2c6.2,0,11.2-5,11.2-11.2C100,58.2,99.7,57.9,99.2,57.9z M65.4,31.4c0-1.3,1-2.3,2.3-2.3c1.3,0,2.3,1,2.3,2.3c0,1.3-1,2.3-2.3,2.3C66.4,33.7,65.4,32.7,65.4,31.4z M46.6,76.6c-5.1,0-9.2-3.9-9.6-8.9h19.2C55.8,72.7,51.7,76.6,46.6,76.6z M38.4,66.2l8.2-18.6l8.2,18.6H38.4z M47.5,44.6c-0.5,0.5-1.4,0.5-1.9,0c-0.5-0.5-0.5-1.4,0-1.9c0.3-0.3,0.6-0.4,0.9-0.4c0.4,0,0.7,0.1,0.9,0.4h0C48.1,43.3,48.1,44.1,47.5,44.6z M81.1,83.9v1.3H53.8v-1.3c0-1.8,1.5-3.3,3.3-3.3h20.6C79.6,80.6,81.1,82.1,81.1,83.9z M76.5,79H58.9c1.4-3.6,4.9-6,8.8-6C71.6,73,75.1,75.4,76.5,79z M87.9,34.5c0.3-0.3,0.6-0.4,0.9-0.4c0.3,0,0.7,0.1,0.9,0.4c0.5,0.5,0.5,1.4,0,1.9c-0.5,0.5-1.4,0.5-1.9,0C87.3,35.8,87.3,35,87.9,34.5z M88.8,39.2L97,57.9H80.6L88.8,39.2z M88.8,68.3c-5.1,0-9.2-3.9-9.6-8.9h19.2C98,64.4,93.9,68.3,88.8,68.3z M47.3,31.1c0.4,0,0.8,0.3,0.8,0.8c0,0.4-0.3,0.8-0.8,0.8H10.8c-0.4,0-0.8-0.3-0.8-0.8c0-0.4,0.3-0.8,0.8-0.8H47.3z"/>\
       </svg>');
       -webkit-mask: var(--svg);
       mask: var(--svg);
}


.icon-accordion.our-services.uk-accordion > div:nth-child(4) .uk-accordion-title::before {
       --svg: url('data:image/svg+xml,\
       <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">\
                <path d="M36.8,82.8H19.1V41.5l10.1,5.3c0,0,0.1,0,0.1,0.1l3.3,1.7v29.8c0,0.3,0.3,0.6,0.6,0.6c0.3,0,0.6-0.3,0.6-0.6V48.2c0-0.2-0.1-0.4-0.3-0.6l-3.3-1.7V35c0-0.2-0.1-0.4-0.3-0.6l-3.8-2v-7c0-0.2-0.1-0.4-0.3-0.6l-6.9-3.6c0,0,0,0,0,0c-0.1,0-0.2-0.1-0.3-0.1s-0.2,0-0.3,0.1c0,0,0,0,0,0l-7,3.6c-0.2,0.1-0.3,0.3-0.3,0.6v6.8c0,0.1,0,0.1,0,0.2l-3.8,2C7,34.6,6.8,34.8,6.8,35v10.8l-3.3,1.7c-0.2,0.1-0.3,0.3-0.3,0.6v34.6H0.6c-0.3,0-0.6,0.3-0.6,0.6S0.3,84,0.6,84h36.2c0.3,0,0.6-0.3,0.6-0.6S37.2,82.8,36.8,82.8z M28.9,45.2l-9.8-5.1v-9.8l9.8,5.1V45.2z M24.8,31.9l-5.7-3v-6l5.7,3V31.9z M12.2,25.9l5.7-3v6l-5.7,3V25.9z M8.1,35.4l9.8-5.1v9.8l-9.8,5.1V35.4z M4.4,48.5l13.5-7v41.3H4.4V48.5z M23.6,46.2c0.3,0,0.6,0.3,0.6,0.6v31.6c0,0.3-0.3,0.6-0.6,0.6c-0.3,0-0.6-0.3-0.6-0.6V46.8C23,46.5,23.3,46.2,23.6,46.2z M28.4,48.5c0.3,0,0.6,0.3,0.6,0.6v29.3c0,0.3-0.3,0.6-0.6,0.6s-0.6-0.3-0.6-0.6V49.1C27.8,48.7,28,48.5,28.4,48.5z M98.8,41.1c0.6,0,1.2-0.5,1.2-1.2v-1.6c0-0.6-0.5-1.2-1.2-1.2H98v-5.8c0-0.2-0.1-0.4-0.2-0.5L79,16.1c-0.2-0.1-0.4-0.2-0.7-0.1c-0.2,0.1-0.4,0.3-0.4,0.6V31l-9.2,5.5v46.2h-6.1c-0.3,0-0.6,0.3-0.6,0.6s0.3,0.6,0.6,0.6H94c0.3,0,0.6-0.3,0.6-0.6s-0.3-0.6-0.6-0.6H70.1v-9.5h6.1c0.3,0,0.6-0.3,0.6-0.6c0-0.3-0.3-0.6-0.6-0.6h-6.1v-4.3h6.1c0.3,0,0.6-0.3,0.6-0.6c0-0.3-0.3-0.6-0.6-0.6h-6.1v-4.3h6.1c0.3,0,0.6-0.3,0.6-0.6c0-0.3-0.3-0.6-0.6-0.6h-6.1v-4.3h6.1c0.3,0,0.6-0.3,0.6-0.6c0-0.3-0.3-0.6-0.6-0.6h-6.1v-4.3h6.1c0.3,0,0.6-0.3,0.6-0.6s-0.3-0.6-0.6-0.6h-6.1v-4.3h6.1c0.3,0,0.6-0.3,0.6-0.6s-0.3-0.6-0.6-0.6h-6.1v-7l7.9-4.8v46.1c0,0.3,0.3,0.6,0.6,0.6c0.3,0,0.6-0.3,0.6-0.6V17.9l17.5,13.8v5.5H83.9c-0.6,0-1.2,0.5-1.2,1.2V40c0,0.6,0.5,1.2,1.2,1.2h12.8v3.2H83.9c-0.6,0-1.2,0.5-1.2,1.2v1.6c0,0.6,0.5,1.2,1.2,1.2h12.8v3.2H83.9c-0.6,0-1.2,0.5-1.2,1.2v1.6c0,0.6,0.5,1.2,1.2,1.2h12.8v2.5H83.9c-0.6,0-1.2,0.5-1.2,1.2v1.6c0,0.6,0.5,1.2,1.2,1.2h12.8v21.5c0,0.3,0.3,0.6,0.6,0.6c0.3,0,0.6-0.3,0.6-0.6V61.9h0.8c0.6,0,1.2-0.5,1.2-1.2v-1.6c0-0.6-0.5-1.2-1.2-1.2H98v-2.5h0.8c0.6,0,1.2-0.5,1.2-1.2v-1.6c0-0.6-0.5-1.2-1.2-1.2H98v-3.2h0.8c0.6,0,1.2-0.5,1.2-1.2v-1.6c0-0.6-0.5-1.2-1.2-1.2H98v-3.2H98.8z M98.8,60.6L84,60.7l-0.1-1.6l13.2-0.1c0.1,0,0.2,0.1,0.3,0.1c0.1,0,0.2,0,0.3-0.1l1.1,0V60.6z M98.8,54.1l-1.4,0c0,0,0,0,0,0c0,0,0,0,0,0L84,54.2l-0.1-1.6l13.2-0.1c0.1,0,0.2,0.1,0.3,0.1c0.1,0,0.2,0,0.3-0.1l1.1,0V54.1z M98.8,47l-1.4,0c0,0,0,0,0,0c0,0,0,0,0,0L84,47.1l-0.1-1.6l13.2-0.1c0.1,0,0.2,0.1,0.3,0.1c0.1,0,0.2,0,0.3-0.1l1.1,0V47z M83.9,38.4l13.2-0.1c0.1,0,0.2,0.1,0.3,0.1c0.1,0,0.2,0,0.3-0.1l1.1,0v1.6l-1.4,0c0,0,0,0,0,0c0,0,0,0,0,0L84,40L83.9,38.4z M64,59.1c0-0.3-0.1-0.7-0.4-0.9L55,51.1c-0.3-0.3-0.8-0.3-1.2-0.2c-0.4,0.2-0.6,0.6-0.6,1v2.4H39.8c-0.6,0-1.1,0.5-1.1,1.1v7.2c0,0.6,0.5,1.1,1.1,1.1h13.3v2.4c0,0.4,0.2,0.8,0.6,1c0.2,0.1,0.3,0.1,0.5,0.1c0.3,0,0.5-0.1,0.7-0.3l8.6-7.1C63.8,59.8,64,59.4,64,59.1z M54.4,66v-2.3c0-0.6-0.5-1.1-1.1-1.1H40v-7h13.3c0.6,0,1.1-0.5,1.1-1.1v-2.3l8.3,6.9L54.4,66z"/>\
       </svg>');
       -webkit-mask: var(--svg);
       mask: var(--svg);
}



@media (min-width: 960px) {
.icon-accordion .uk-accordion-title {
padding-left: 28%;
}
.icon-accordion.our-services.uk-accordion .uk-accordion-title::before {
left: 40px;

}
.icon-accordion .uk-accordion-title::after {
right: 30px;
}

}
.gallery-team.uk-modal {
   background-color: rgba(0, 47, 77, 0.95);
}


/* ========================================================================
  Modall Allgemein
========================================================================== */

.uk-modal {
   background-color: rgba(0, 47, 77, 0.95);
}

.uk-modal .uk-search-input {
color: #FFF;
}

/* ========================================================================
  Gallery Custom Team
========================================================================== */

.uk-grid.gallery-team .uk-panel {
text-align: center;
color: #0075b1;
}



.uk-grid.gallery-team h3 {
font-weight: 700;
margin-top: 0;
}

.uk-grid.gallery-team p{
color: #0075b1;
}


.gallery-team.uk-modal .uk-slidenav {
display: none;
}

.gallery-team.uk-modal .uk-thumbnav > .uk-active > ::before,
.gallery-team.uk-modal .uk-thumbnav > :hover > ::before {
border-color: #002f4d;
 border-radius: 100%;
}

.gallery-team.uk-modal .uk-thumbnav > * > ::before {
border: 2px solid transparent;
}

.gallery-team.uk-modal .uk-modal-dialog {
   background-color: #cad1d8;
  margin-top: auto !important;
 margin-bottom: auto !important;
 padding: 0;
 margin: 0 auto;
 width: 80%;
 max-width: 100% !important;
clip-path: polygon(5% 7%, 95% 0, 100% 100%, 0% 100%);
}



.gallery-team.uk-modal {
   background-color: rgba(0, 47, 77, 0.95);
}

.gallery-team.uk-modal.uk-open {
  display: flex !important;
}



.gallery-team.uk-modal .uk-content.uk-padding {
padding: 0 40px 40px 40px;
}

.gallery-team.uk-modal .uk-modal-dialog .uk-close {
color: #002f4d;
}

.gallery-team.uk-modal .uk-modal-close-full {
padding: 20px 40px;
}

.gallery-team.uk-modal .uk-switcher + div {
display: none;
visibility: hidden;
}

.gallery-team.uk-modal .uk-slideshow-items {
min-height: 350px;
}



.gallery-team.uk-modal .uk-slideshow-items img{
width: 250px;
height: inherit;
margin-top: 50px;
}

.gallery-team.uk-modal .uk-slideshow-items > * {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	overflow: hidden;
	will-change: transform,opacity;
}



@media (min-width: 640px) {
.gallery-team.uk-modal .uk-content.uk-padding {
padding: 0 60px 60px 60px;
}
}



@media (min-width: 960px) {
.gallery-team.uk-modal .uk-slideshow-items img{
margin-top: 0;
padding-left: 50px;
}		
	
.gallery-team.uk-modal .uk-content.uk-padding {
padding: 120px 120px 120px 0;
}


.gallery-team.uk-modal .uk-modal-close-full {
padding: 40px 120px;
}

}



@media (min-width: 1220px) {
.gallery-team.uk-modal .uk-slideshow-items img{
width: 400px;
height: inherit;
margin-top: 0;
padding-left: 50px;
}					
}	


.gallery-team.uk-modal li + li {
margin-top: 25px;
}


/* ========================================================================
  Cooperations Slider
========================================================================== */

.cooperations-slider .el-item {
border: solid 1px rgba(0,47,77,1);
}

.cooperations-slider .uk-button {
font-size: 1em;
}

.cooperations-slider .uk-overlay > * {
font-size: 0.9em;
}

.cooperations-slider .uk-overlay-primary {
background: rgba(0,47,77,1);
}

/* ========================================================================
  Language Switcher
========================================================================== */


.mod-languages  .uk-dropdown {
	--uk-position-offset: 40px;
	--uk-position-viewport-offset: 15px;
	width: auto;
	min-width: 250px;
	padding: 25px;
	background: #002f4d;
	box-shadow: 0 1px 4px rgba(0,0,0,.14);
}

.mod-languages  .uk-dropdown li.lang-active a,
.mod-languages  .uk-dropdown li a:hover,
.mod-languages  .uk-dropdown li a:focus{
color: #0075b1;
}


.mod-languages  .uk-dropdown li.uk-nav-divider:last-child {
	display: none;
	visibility: hidden;
}


/* ========================================================================
  Contact Map
========================================================================== */



.contact-map .uk-marker {
background: transparent;
width: 5%;
  height: 5%;
}

.contact-map .uk-marker > svg {
display: none;
visibility: hidden;
}


/* ========================================================================
  news
========================================================================== */



.news .fs-grid-text-1,
.news .fs-grid-filter-all  {
display: none;
visibility: hidden;
}

.news .fs-grid-filter-tags .uk-dropdown-nav .uk-dropdown-nav {
	display: grid;
}



.news .fs-grid-filter-tags .uk-dropdown-nav > li[uk-filter-control="group: tags"]{
order: -2;
}



.news .fs-grid-filter-tags .uk-dropdown-nav > li:first-child a,
.news .fs-grid-filter-custom .uk-dropdown-nav > li:first-child a {
  color: #53aadf;
  border-bottom: 1px solid #53aadf;
  margin-bottom: 12px;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-size: 11px;
}



.news .fs-grid-filter-tags .uk-dropdown-nav > li:last-child{
order: -1;
}


.news .uk-card-default{
background: rgba(83, 170, 223, 0.1);
}