@charset "UTF-8";
/* ========================================================================
   Typos / Icons
 ========================================================================== */
 


.font-weight-light, .light {
  font-weight: 300;
}


.font-weight-regular, .regular {
  font-weight: 400;
}


.font-weight-strong, .strong, strong, b, .font-weight-bold  {
  font-weight: 700;
}



.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;
}



.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;
}

/* ========================================================================
   Card
 ========================================================================== */

.uk-card-media-overflow-visible [class*="uk-card-media"] {
	overflow: visible !important;
}

.uk-card-media-overflow-visible .uk-card {
	margin-top: 100px;
}

/* ========================================================================
   Close
 ========================================================================== */


.uk-modal-dialog .uk-close {
	color: #FFF;
}
 
.uk-modal-dialog .uk-close:hover {
	color: rgba(16, 182, 164, 1);
}



/* ========================================================================
   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: rgba(255, 255, 255, 1) !important;
}



 .darker-green {
  color: #202e2e !important;
}


 .dark-green {
  color: #297f34 !important;
}



 .green {
  color: #9ec545 !important;
}


 .light-green {
  color: #edf3de !important;
}


 .orange {
  color: #ec9142 !important;
}


 .light-orange {
  color: #fbe9da !important;
}



 .blue {
  color: #00adc2 !important;
}

 .light-blue {
  color: #d7eef2 !important;
}


 .purple {
  color: #925fff !important;
}


 .light-purple {
  color: #e8dffd !important;
}


 .black {
  color: #000 !important;
}


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



 .bg-white {
  background-color: rgba(255, 255, 255, 1) !important;
}

 .bg-darker-green {
  background-color: #202e2e !important;
}


 .bg-dark-green {
  background-color: #297f34 !important;
}


 .bg-green {
  background-color: #9ec545 !important;
}


 .bg-light-green {
  background-color: #edf3de !important;
}


 .bg-orange,
 .arrow-buttons .uk-button-default[aria-label=orange]::before  {
  background-color: #ec9142 !important;
}


 .bg-light-orange {
  background-color: #fbe9da !important;
}



 .bg-blue,
 .arrow-buttons .uk-button-default[aria-label=blue]::before  {
  background-color: #00adc2 !important;
}

 .bg-light-blue {
  background-color: #d7eef2 !important;
}


 .bg-purple,
 .arrow-buttons .uk-button-default[aria-label=purple]::before  {
  background-color: #925fff !important;
}


 .bg-light-purple {
  background-color: #e8dffd !important;
}


 .bg-black {
  background-color: #000 !important;
}

 .bg-light-grey {
  background-color: #e3e3e3 !important;
}




 .bg-opacity {
  opacity: 0.85 !important;
}

 .opacity-30 {
  opacity: 0.30 !important;
}


/* ========================================================================
   Shadow
 ========================================================================== */

@supports (filter:blur(0)) {
  .roboter .uk-box-shadow-bottom::after {
	bottom: 0;
	height: 20px;
	filter: blur(15px);
	width: 80%;
  }
}
/* ========================================================================
   Images Class
 ========================================================================== */

.uk-border-rounded {
	border-radius: 25px;
}


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

 .svg-fill-light-green svg {
  fill: #70d3c8 !important;
}


 .svg-fill-light-blue svg {
  fill: #67b9da !important;
}


 .svg-fill-light-red svg {
  fill: #f8949b !important;
}

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







/* ========================================================================
   marker
 ========================================================================== */

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



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

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



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


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




.branding-color {fill-rule:evenodd;clip-rule:evenodd;fill:#009fe3;}




footer .branding-color {fill-rule:evenodd;clip-rule:evenodd;fill:#000;}



/* ========================================================================
   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
}


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


/* ========================================================================
   Dialog Menu
 ========================================================================== */

#tm-dialog .uk-nav-primary li.uk-open {
  background: #fff;
  padding: 20px 0;
}


#tm-dialog .uk-nav-primary li {
  padding: 0;
}

#tm-dialog.uk-dropbar {
	padding-left: 0;
	padding-right: 0;
}




#tm-dialog .uk-nav-primary .uk-nav-sub a,
#tm-dialog .uk-nav-primary > li > a {
	text-align: center;
}


#tm-dialog .uk-nav li.uk-parent:nth-child(1) ul,
#tm-dialog .uk-nav li.uk-parent:nth-child(2) ul {
   display: grid;
    grid-auto-rows: 1fr;
    grid-template-columns: 1fr;
justify-content: center;
align-items: center;
max-width: 1220px;
margin: 0 auto;
}



#tm-dialog .uk-nav li.uk-parent ul > li {
    margin-top: 20px;
}




#tm-dialog .uk-nav li.uk-parent:nth-child(1) ul li img {
    border-radius: 25px;
}




@media (min-width: 640px) {
#tm-dialog .uk-nav li.uk-parent:nth-child(1) ul,
#tm-dialog .uk-nav li.uk-parent:nth-child(2) ul {
    grid-template-columns: 1fr 1fr;
}
}

@media (min-width: 960px) {
#tm-dialog .uk-nav li.uk-parent:nth-child(1) ul {
    grid-template-columns: 1fr 1fr 1fr 1fr;
}

#tm-dialog .uk-nav li.uk-parent:nth-child(2) ul {
    grid-template-columns: 1fr 1fr 1fr;
}
}



#tm-dialog li img,
#tm-dialog .uk-nav li > a {
	display: block;
}

#tm-dialog li img {
	margin: 0 auto 10px auto;
}


#tm-dialog .uk-nav.uk-nav-divider > :not(.uk-nav-header, .uk-nav-divider) + :not(.uk-nav-header, .uk-nav-divider) {
	border: none;
}


#tm-dialog.uk-nav-sub a {
	padding: 0;
}


#tm-dialog .uk-nav li.js-accordion.uk-parent a {
position: relative;
}



#tm-dialog .uk-nav li.js-accordion.uk-parent > a::before {
transform: rotate(-90deg);
	background-color: #202e2e;
	background-repeat: no-repeat;
	--svg: url('data:image/svg+xml,\
       <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 25 25">\
                <path d="M0,12.5C0,5.6,5.6,0,12.5,0s12.5,5.6,12.5,12.5-5.6,12.5-12.5,12.5S0,19.4,0,12.5ZM12.5,20.1l7.6-7.6-1.2-1.2-5.6,5.6V4.7h-1.7v12.1l-5.6-5.6-1.2,1.2,7.6,7.6h0Z"/>\
       </svg>');
	-webkit-mask: var(--svg);
	mask: var(--svg);
	content: "";
position: absolute;
left: auto;
margin-left: -45px;
top: 18px;
width: 25px;
height: 25px;
  background-repeat: no-repeat;
background-position: 0 50%;
}




#tm-dialog .uk-nav-primary > li.js-accordion.uk-parent > a:hover::before,
#tm-dialog .uk-nav-primary > li.js-accordion.uk-parent > a:focus::before,
#tm-dialog .uk-nav-primary > li.js-accordion.uk-parent.uk-open > a::before {
		background-color: #297f34;
}


#tm-dialog .uk-nav li.js-accordion.uk-parent.uk-open > a::before{
	transform: rotate(0) !important;
}

#tm-dialog .uk-nav li.js-accordion span.uk-nav-parent-icon {
	display: none;
}


/* ========================================================================
   Divider
 ========================================================================== */
 
 
.bg-light-purple .tm-child-list-divider > ul > :nth-child(n+2), .bg-light-purple .uk-list-divider > :nth-child(n+2) {
	border-color: #925fff;
}


.bg-light-orange .tm-child-list-divider > ul > :nth-child(n+2), .bg-light-orange .uk-list-divider > :nth-child(n+2) {
	border-color: #e4893a;
}

.bg-light-blue .tm-child-list-divider > ul > :nth-child(n+2), .bg-light-blue .uk-list-divider > :nth-child(n+2) {
	border-color: #00adc2;
}

.bg-light-green .tm-child-list-divider > ul > :nth-child(n+2), .bg-light-green .uk-list-divider > :nth-child(n+2) {
	border-color: #9ec545;
}
/* ========================================================================
   List
 ========================================================================== */

.uk-list-large.uk-list-divider.list-icon  {
	margin-top: -40px;
}

.uk-list-large.uk-list-divider.list-icon > li {
	margin-top: 20px;
	padding-top: 20px;
}

ul.list-icon > li::before  {
	background-repeat: no-repeat;
	--svg: url('data:image/svg+xml,\
       <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 25 25">\
                <path d="M12.5,25C5.6,25,0,19.4,0,12.5S5.6,0,12.5,0s12.5,5.6,12.5,12.5-5.6,12.5-12.5,12.5ZM20.1,12.5l-7.6-7.6-1.2,1.2,5.5,5.5H4.7v1.7h12.1l-5.5,5.5,1.2,1.2,7.6-7.6Z"/>\
       </svg>');
	-webkit-mask: var(--svg);
	mask: var(--svg);
	content: "";
margin-left: -50px;
width: 25px;
height: 25px;
  background-repeat: no-repeat;
background-position: 0 50%;
position: absolute;
bottom: 25%;
}



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

.bg-light-purple ul.list-icon > li::before  {
background-color: #925fff ;
}

.bg-light-orange ul.list-icon > li::before  {
background-color: #e4893a ;
}

.bg-light-blue ul.list-icon > li::before  {
background-color: #00adc2 ;
}


.bg-light-green ul.list-icon > li::before  {
background-color: #9ec545; ;
}

/* ========================================================================
   Button
 ========================================================================== */

.uk-button {
padding: 12px 25px;
}


.arrow-buttons .uk-button {
position: relative;
display: inline-flex;
align-content: center;
align-items: center;
text-align: left;
}


.arrow-buttons .uk-button-default::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;
}

.arrow-buttons .uk-button-default {
padding: 12px 25px 12px 50px;
border-radius: 50px 25px 25px 50px;
}


.arrow-buttons .uk-button-default::before {
left: 5px;
background-color: #000;
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 25 25">\
                <path d="M12.5,25C5.6,25,0,19.4,0,12.5S5.6,0,12.5,0s12.5,5.6,12.5,12.5-5.6,12.5-12.5,12.5ZM20.1,12.5l-7.6-7.6-1.2,1.2,5.5,5.5H4.7v1.7h12.1l-5.5,5.5,1.2,1.2,7.6-7.6Z"/>\
       </svg>');

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

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

}




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

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


.uk-navbar-container.uk-navbar-sticky:not(.uk-navbar-transparent) {
	background: #000;
}

.uk-navbar-container.uk-navbar-sticky:not(.uk-navbar-transparent) {
	box-shadow: 0 1px 3px 0 rgba(0,0,0,.5);
}
/* ========================================================================
   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: 15px;
	padding-bottom: 15px;
	font-size: 1em;
	position: relative;
	background: #009fe3;
	color: rgba(255, 255, 255, 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;
}


/* ========================================================================
   Subnav Pill
 ========================================================================== */

.uk-subnav-pill li {
  margin: 5px 0;

}





/* ========================================================================
   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;
}	
}	


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

.uk-accordion-content {
   background-color: #edf3de !important;
  padding: 10px;
}

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

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


.uk-accordion-title:hover,
.uk-accordion-title:active,
.uk-accordion-title:focus {
   background-color: #297f34 !important;
   color: #fff !important;
}

.uk-open .uk-accordion-title {
  background-color: #297f34 !important;
}


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

.uk-accordion-content {
   background-color: #edf3de !important;
   padding: 40px;
}

}



.uk-accordion-title::before {
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" version="1.1" viewBox="0 0 20 20"><defs><style> .st0 { fill: %23297f34; } </style></defs><path class="st0" d="M10,20C4.5,20,0,15.5,0,10S4.5,0,10,0s10,4.5,10,10-4.5,10-10,10ZM10,1.1C5.1,1.1,1.1,5.1,1.1,10s4,8.9,8.9,8.9,8.9-4,8.9-8.9S14.9,1.1,10,1.1ZM15.8,10l-5.8-5.7-.9.9,4.2,4.2H4.1v1.3h9.2l-4.2,4.2.9.9,5.8-5.7Z"/></svg>');
}

.uk-open > .uk-accordion-title::before  {
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" version="1.1" viewBox="0 0 20 20"><defs><style> .st0 { fill: %23fff; } </style></defs><path class="st0" d="M10,20C4.5,20,0,15.5,0,10S4.5,0,10,0s10,4.5,10,10-4.5,10-10,10ZM10,1.1C5.1,1.1,1.1,5.1,1.1,10s4,8.9,8.9,8.9,8.9-4,8.9-8.9S14.9,1.1,10,1.1ZM15.8,10l-5.8-5.7-.9.9,4.2,4.2H4.1v1.3h9.2l-4.2,4.2.9.9,5.8-5.7Z"/></svg>');
}

.uk-accordion-title::before {
	content: "";
	width: 1.4em;
	height: 1.4em;
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: 20px;
}


.uk-open > .uk-accordion-title::before {
transform: rotate(90deg);
}	


.uk-accordion-title:hover,
.uk-accordion-title:focus,
.uk-accordion-title:active
 {
  color: #fff;
}

/* ========================================================================
   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;
}
}











/* ========================================================================
   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;
}
}









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






/* ========================================================================
   Search
 ========================================================================== */

.uk-search-input {
	height: 40px;
	padding-left: 10px;
	padding-right: 10px;
	background: #212121;	
	border: 1px solid #6f6f6f;
}

.uk-search-input:focus {
    border-color: #b6a56c;
}

.uk-search .uk-search-icon {
	width: 40px;
	color: #6f6f6f;
}

.uk-search-input::placeholder {
    color: #6f6f6f;
}

.uk-search-input:focus::placeholder {
    color: #b6a56c;
}

.uk-search {
	margin-bottom: 50px;
}


/* ========================================================================
   Overlay Slider
 ========================================================================== */

 .overlay-slider .uk-overlay .el-content {
  color: rgba(255, 255, 255, 1);
  font-weight: 400;
  font-size: 0.9em;
  line-height: 1.4em;
}



/* ========================================================================
   Kontaktformular
 ========================================================================== */

@media (max-width:959px) {
 .contact-form .uk-grid > [class*=uk-width] + [class*=uk-width] {
margin-top: 20px;
}
}



 .contact-form * + .uk-grid-margin,  .contact-form .uk-grid + .uk-grid,  .contact-form .uk-grid > .uk-grid-margin {
	margin-top: 20px;
}


 .contact-form .form-error {
background-color: #E44E564D;
padding: 10px;
  margin-bottom: 40px;
  border-color: #E44E56;
  border-radius: 10px;
  color: #E44E56;
}


/* ========================================================================
   iFrame
 ========================================================================== */

.custom-iframe {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 0px;
	height: 0;
}


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

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

.mod-languages .uk-icon > svg {
width: 26px;
}


.mod-languages  .uk-dropdown {
	--uk-position-offset: 40px;
	--uk-position-viewport-offset: 15px;
	width: auto;
	min-width: 50px;
	padding: 0;
	background: transparent;
	box-shadow: none;
	text-align: center;
}

.mod-languages  ul.uk-dropdown-nav {
display: flex;
justify-content: center;
align-items: center;
justify-content: space-around;
}

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

.mod-languages  .uk-dropdown .uk-dropdown-nav img {
	width: 17px;
}

.mod-languages  .uk-dropdown .uk-dropdown-nav li img {
	opacity: 0.5;
transition: all 0.5s ease;
filter: grayscale(100%);
}

.mod-languages  .uk-dropdown .uk-dropdown-nav li.lang-active img,
.mod-languages  .uk-dropdown .uk-dropdown-nav li img:hover,
.mod-languages  .uk-dropdown .uk-dropdown-nav li img:focus {
	opacity: 1;
	filter: grayscale(0);
}

.mod-languages  .uk-dropdown-nav > li > a {
	padding: 0;
}



.mod-languages  .uk-dropdown .uk-dropdown-nav .uk-nav-divider {
	border-top: 1px solid #000;
	margin-left: 0;
	margin-right: 0;
}

.mod-languages .uk-dropdown-nav {
	text-transform: uppercase;
	letter-spacing: 0;
	font-size: 14px;
}


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


.mod-languages span {
	cursor: pointer;
}


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

/* Change Order */


@media (min-width: 640px) {
.team-slider:nth-child(2n) > div + div  {
	order: -1;
}

.team-slider:nth-child(2n) > div + div > .uk-panel {
	text-align: right;
}

.team-slider:nth-child(2n) .uk-margin-auto-left\@m {
margin-left: inherit !important;
margin-right: auto !important;
}


.team-slider:nth-child(2n) > div + div > .uk-panel .team-mail-icon .uk-width-expand {
	width: auto !important;
	flex: inherit !important;
}

}




.team-slider:nth-child(2n) .uk-animation-slide-left {
animation-name:uk-fade,uk-slide-right;
}
.team-slider:nth-child(2n) .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;
justify-content: flex-end;
}