@import url("../fonts/fonts.css");
:root {
  --blue: #004D7F;
  --green: #B1C800; 
  --gray:#707172;
  --darkgray:#5f5e67;
  --lightgray:#f1f1f1;
  --lightblue: #f5f8fa;
  --white: #fff; 

}
html {
  lang: de;
}
h1, h2, h3, h4, h5, h6 {  font-family: 'Exo 2'!important;     font-weight: normal!important;}
.h1, .uk-h1, h1 {
     
        width: 100%;
        max-width: 1200px;margin: 0 auto;
    }
#contact {   position: fixed;    bottom: 50%;right:0;    z-index: 1;}
#contact .uk-flex-inline {    display: inline-flex;    flex-direction: column;}
#contact li.el-item {background: var(--green);    padding: 15px;transition:all 400ms;    margin-top: 8px;}
#contact li.el-item:hover {background: var(--blue); padding: 15px;transition:all 400ms;   }	
#contact li.el-item:nth-child(4) {background: #000;   }
#contact li.el-item:nth-child(4):hover {background: var(--green);   }
#contact li.el-item:nth-child(3) {background: #0a66c2;   }
#contact li.el-item:nth-child(3):hover {background: var(--green);   }

#cta h2{color:var(--white);}
.legalpage h2 {    font-size: 30px;}
.legalpage a {    color: var(--blue);}
.legalpage .rk-footer a {    color: var(--white);}
.copy{color:#fff}
#listcenter ul {  display: grid;  grid-template-columns: repeat(5, 1fr);  gap: 0.75rem;  list-style: none;  padding: 0;  max-width: 800px;  margin: 0 auto;  text-align: center;  justify-content: center;align-items: stretch;}
#listcenter li {    background: var(--lightblue);    margin: 0.5rem 0;    padding: 0.75rem 1rem;    border-radius: 8px;    font-weight: 500;    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);  display: flex;
  flex-direction: column;
  justify-content: center; /* zentriert vertikal */
  align-items: center; }
#listcenter li.placeholder {  visibility: hidden;}


#cardlist .uk-card-default {background: #f5f8fa;
    margin: 0.5rem 0;
    padding: 0.75rem 1rem;
    border-radius: 8px;
    font-weight: 500;
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);text-align: center;}
#cardlist .uk-card-default .uk-card-title {
    color: var(--blue);
    text-transform: none;
    letter-spacing: 0;font-weight: 500 !important;    font-family: 'Source Sans 3'!important;
    font-size: 20px;
    word-wrap: break-word;
    hyphens: auto;
    text-align: center;
}

#faq{background:var(--lightblue);}

#about-us{color:var(--white);}
#about-us h2, #about-us h3{color:var(--white);margin:0!important}
#box-about-us {        padding: 70px 70px;        padding-right: calc( (100% - 1600px) / 2);    }
	
#career{}	
#career	.uk-card-secondary {    color: var(--white)!important;}
#career .uk-button-default {background-color: #004d7f;}
#career .uk-card-primary h3 { color: var(--white)}
#career li {list-style:none;position:relative;padding: 5px 0;}
#career li::before {
 content: "\f00c"; 
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  position: absolute;
  left: -30px;
  top: 5px;
  width: 1.2em;
  display: inline-block;
  text-align: center;

}
	
.uk-accordion-title {    font-size: 24px;}
.uk-accordion-title::before {    background-size: 22px;}
.map {   color: var(--blue);}
.uk-object-cover {      max-width: none;    width: 100%;}

.uk-navbar-toggle {    color: var(--blue);}
.uk-icon.uk-navbar-toggle-icon > svg {
    width: 25px;
}

.uk-offcanvas-bar .uk-nav>li>a , .uk-modal-dialog .uk-nav>li>a{    padding: 12px 0;    font-size: 24px;    color: var(--white) !important;justify-content: center;}
.uk-offcanvas-bar .uk-nav>li.uk-active>a, .uk-modal-dialog .uk-nav>li.uk-active>a{     color: var(--green) !important;}



/*********************RD******************/
@media (max-width: 1600px) {
#box-about-us {    padding-right:70px;}

}

@media (max-width: 1280px) {
.h1, .uk-h1, h1 {        font-size: 65px;      max-width: 1090px;  }
.h2, .uk-h2, h2 {       font-size: 45px;    }
#box-about-us {    padding:70px 50px;}
	
	
	
}

@media (max-width: 1024px) {
.h1, .uk-h1, h1 {        font-size: 55px;    }
.h2, .uk-h2, h2 {       font-size: 40px;    }
#listcenter ul {    grid-template-columns: repeat(3, 1fr);}
.uk-child-width-1-2\@m>* {        width: 100%;    }
	
	
	
}

@media (max-width: 768px) {
#hero {    height: 600px !important;    min-height: 0 !important;}
.h1, .uk-h1, h1 {        font-size: 40px;    }
.h2, .uk-h2, h2 {        font-size: 35px;    }	
#listcenter ul {    grid-template-columns: repeat(2, 1fr);}
#box-about-us {        padding: 10px 50px 50px 50px;    }
     .uk-child-width-1-2\@m>* {
        width: 50%;
    }
	.uk-grid    .uk-width-auto\@m {
        width: auto;
    }
}


@media (max-width: 430px) {
#hero {    height: 600px !important;    min-height: 0 !important;}
 .h1, .uk-h1, h1 {        font-size: 35px; padding: 0 10px; overflow-wrap: break-word;  word-break: normal;  hyphens: auto; }
.h2, .uk-h2, h2 {        font-size: 30px;    overflow-wrap: break-word;  word-break: normal;  hyphens: auto;}	
#listcenter ul {    grid-template-columns: repeat(1, 1fr);}
#box-about-us {        padding: 10px 50px;    }
 .uk-child-width-1-2\@m>* {        width: 100%;    }
.uk-hidden\@s {    display: none;}

.uk-accordion-title {    font-size: 20px;}

#module-117 {    display: none;}
#tm-dialog-mobile #contact {        bottom: 0;        position: relative;        left: 0;        right: 0;    }
#tm-dialog-mobile .uk-section-default.uk-section.uk-padding-remove-vertical {    background: transparent;}
#tm-dialog-mobile #contact ul li a{        width: 28px;    height: 28px;    border-radius: 0;    background: 0 0;    color: #fff;    vertical-align: middle;    display: inline-flex;    justify-content: center;    align-items: center;    transition: .1s ease-in-out;    transition-property}



#contact .uk-flex-inline {    flex-direction: row;margin-left: 0;}
#contact li.el-item {    margin: 8px;}