:root, section {
  	--staffelstab-lightgreen: #91b623;
	--staffelstab-darkgreen: #04612d;
	--staffelstab-black: #2d2e33;
  	--border-radius-small: 30px;
	--border-radius-large: 60px;
	--border-radius-small-responsive: 20px;
	--border-radius-large-responsive: 40px;
  	--transition: 0.3s;
  	--box-shadow: 0 0 15px 0 rgba(0, 0, 0, .2);
	--spacing-large: 100px;
	--spacing-big: 70px;
	--spacing-medium: 40px;
	--spacing-small: 20px;
}


/*tm-header*/

.tm-header {

	& .uk-navbar-left {
		align-content: flex-start;
	}
	
	& .uk-navbar-right {
		height: fit-content;
    	padding: 40px 40px 200px 200px;
		border-top-right-radius: 60px;
	}
	
	& .uk-light .uk-navbar-right {
				
        background-image: linear-gradient(-135deg, #00000090, transparent, transparent);
		transition: 0.3s;
	}
	
	& .uk-dark .uk-navbar-right {
				
        background-image: linear-gradient(-135deg, #ffffff90, transparent, transparent);
		transition: 0.3s;
	}
	
	& .uk-dark .uk-navbar-right:has([aria-expanded="true"]),
	& .uk-light .uk-navbar-right:has([aria-expanded="true"]){
				
        background-image: linear-gradient(-135deg, transparent, transparent, transparent);
	}

	& .uk-logo {
		background-color: white;
    	width: fit-content;
    	padding-right: 35px;
    	padding-top: 20px;
    	padding-bottom: 20px;
    	border-bottom-right-radius: 40px;
    	position: relative;
		z-index: 3000;
	}

	& .uk-logo::before {
		content: "";
    	display: block;
    	position: absolute;
    	background-color: white;
    	width: 40px;
    	height: 40px;
    	bottom: -40px;
    	left: 0;
		background-image: url("/images/staffelstab/elemente/rounded-corner.svg");
		background-size: 101%;
    	background-position: center;
		background-repeat: no-repeat;
		background-color: transparent;
		transform: rotate(90deg);
    	/*-webkit-mask-image: radial-gradient(circle 40px at 40px 40px, transparent 0, transparent 40px, black 40px);*/
	}

	& .uk-logo::after {
		content: "";
    	display: block;
    	position: absolute;
    	background-color: white;
    	width: 40px;
    	height: 40px;
    	right: -40px;
    	top: 0;
		background-image: url("/images/staffelstab/elemente/rounded-corner.svg");
		background-size: 101%;
    	background-position: center;
		background-repeat: no-repeat;
		background-color: transparent;
		transform: rotate(90deg);
    	/*-webkit-mask-image: radial-gradient(circle 40px at 40px 40px, transparent 0, transparent 40px, black 40px);*/
	}
	
	& .uk-navbar-toggle {
	
		& rect {
			height: 3px;
    		transition: var(--transition)!important;
		}

		& .line-1 {
			display: none;
		}

		& .line-2 {
			opacity: 1;
    		y: 5px;
    		fill: var(--staffelstab-lightgreen)!important;
		}

		& .line-3 {
			opacity: 1!important;
    		y: 13px;
		}

		& .line-4 {
			display: none;
		}
	}

	& .uk-navbar-toggle:hover {

		& .line-2 {
    		y: 13px;
    		transform: rotate(-180deg);
		}

		& .line-3 {
    		y: 5px;
    		fill: var(--staffelstab-lightgreen)!important;
    		transform: rotate(-180deg);
		}
	}

	& .uk-navbar-toggle-animate[aria-expanded="true"]{
		
		border-color: var(--staffelstab-darkgreen)!important;
	
		& .line-2,
		& .line-3	{
			fill: var(--staffelstab-lightgreen)!important;
			y: 9px;
		}
	}
	
	& .uk-navbar-toggle-animate[aria-expanded="true"]:hover{
		
	
		& .line-2 {
			    transform: rotate(-135deg);	
		}
		
		& .line-3	{
			    transform: rotate(135deg);
		}
	}
	
	

	
	
	
	& .uk-light {
		
		& .uk-navbar-toggle {
			
			border-color: white;
			
			& .line-3 {
				fill: white;
			}
			
		}
		
		
		& .uk-navbar-toggle:hover {

			& .line-2 {
    			fill: white!important;
			}
		}
	}
	
	& .uk-dark {
		
		& .uk-navbar-toggle {
			
			border-color: var(--staffelstab-darkgreen)!important;
			
			& .line-3 {
				fill: var(--staffelstab-darkgreen);
			}
			
		}
		
		
		& .uk-navbar-toggle:hover {

			& .line-2 {
    			fill: var(--staffelstab-darkgreen)!important;
			}
		}
		
	}

}


.tm-header::after {
	content: "";
	display: block;
	position: absolute;
	height: 100dvh;
	width: 100dvw;
	background-color: rgba(255,255,255,0);
	/*backdrop-filter: blur(30px)!important;*/
	top: 0;
	left: 100vw;
	transition: 0.3s ease-in-out;
}

.tm-header:has([aria-expanded="true"])::after {
	left: 0;
	background-color: rgba(255,255,255,1);
}

@media(max-width: 639px){
	.tm-header::after {
		height: 120dvh;
	}
}


#tm-dialog {
	top: 0!important;
    height: calc(100dvh - (var(--spacing-large) *2))!important;
	min-height: fit-content;
    width: calc(100dvw - var(--spacing-large))!important;
    right: 0!important;
    left: var(--spacing-large)!important;
    z-index: 2000;
    border-radius: calc(var(--border-radius-large) - 1px);
    border-top-right-radius: 0!important;
    border-bottom-right-radius: 0!important;
    padding: 60px;
    padding-right: 240px;
}

.uk-navbar-toggle {
	border: solid 3px white;
    border-radius: 50%;
    padding: 10px;
    z-index: 3000;
	transition: var(--transition);
}

.uk-navbar-toggle::before {
	content: "mission next generation";
    position: absolute;
    left: auto;
    right: -250px;
    font-style: normal;
    font-weight: 300;
    text-transform: none;
    font-size: 30px;
	text-align: right;
	line-height: 1.2;
	letter-spacing: 0;
	opacity: 0;
	transition: var(--transition);
}

.uk-navbar-toggle[aria-expanded="true"]::before {
    right: 140px;
  	opacity: 1;
}

.staffelstab-menu-nav{

	& p, 
	& .uk-h1 {
		margin: 0!important;
	}

	& .uk-h1 {
		font-weight: bold;
		transition: 0.1s;  
	}

	& p,
	& p a{
		color: var(--staffelstab-darkgreen);
    	line-height: 1.3;
	}
    
    & .el-item {
		transition: 0.1s;  
	}

	& .el-item:nth-child(n+2) {
		margin-top: 40px;
	}
	
	& .uk-h1 span {
		transition: 0.1s;
	}

	& .el-item:hover .uk-h1 span {
		font-weight: normal;
	}
    
}

.staffelstab-menu-subnav .el-link {
	font-weight: 300;
}

@media(min-width: 960px){
	.staffelstab-menu-nav .delete-desktop{
		display: none;
	}
}

@media(max-width: 1599px) and (min-width: 960px){
	
	#tm-dialog {
    	height: calc(100dvh - (var(--spacing-big) *2))!important;
    	width: calc(100dvw - var(--spacing-big))!important;
    	left: var(--spacing-big)!important;
	}
}

@media(max-width: 1199px) and (min-width: 960px){
	
	#tm-dialog {
		padding-right: 120px;
	}
	
}

@media(max-width: 959px){

.tm-header {
	
	& .uk-logo {
		max-width: 160px;
		padding-right: 20px;
    	padding-top: 10px;
    	padding-bottom: 10px;
    	border-bottom-right-radius: 30px;
		z-index: 1000;
	}
	
	& .uk-logo::before {
		width: 30px;
    	height: 30px;
    	bottom: -30px;
    	/*-webkit-mask-image: radial-gradient(circle 30px at 30px 30px, transparent 0, transparent 30px, black 30px);*/
	}

	& .uk-logo::after {
    	width: 30px;
    	height: 30px;
    	right: -30px;
    	/*-webkit-mask-image: radial-gradient(circle 30px at 30px 30px, transparent 0, transparent 30px, black 30px);*/
	}
}
	
	.uk-navbar-right {
    	padding: 20px 20px 150px 80px!important;
		border-top-right-radius: 40px!important;
	}
	
	#tm-dialog {
    	height: calc(100dvh - (var(--spacing-medium) *2))!important;
    	width: calc(100dvw - var(--spacing-medium))!important;
    	left: var(--spacing-medium)!important;
		border-radius: calc(var(--border-radius-large-responsive) - 10px);
		padding: 0 80px 0 40px;
	}
	
	.uk-navbar-toggle[aria-expanded="true"]::before {
    	right: 80px;
    	font-size: 18px;
	}
	
	 .staffelstab-menu-nav br {
    	display: none;
    }
	
	.staffelstab-menu-nav .uk-h1,
	.staffelstab-menu-nav .uk-h1 a {
    	font-size: 30px!important;
    }
}

@media(max-width: 639px){
	
	#tm-dialog {
    	height: calc(100dvh - (var(--spacing-small) *2))!important;
    	width: calc(100dvw - var(--spacing-small))!important;
    	left: var(--spacing-small)!important;
		padding: 0 40px 0 20px;
	}
	
	.staffelstab-menu-nav p {
    	font-size: 16px;
    }
	
	.staffelstab-menu-nav .uk-h1,
	.staffelstab-menu-nav .uk-h1 a {
    	font-size: 22px!important;
    }
}


/*allgemeine Einstellungen*/

a {
	transition: var(--transition);
}

strong {
	font-weight: 600;
}

.dark-green {
	color: var(--staffelstab-darkgreen);
}

.link-bold a:hover {
	font-weight: 600!important;
}

@media(max-width: 1599px) and (min-width: 960px){
	
	.uk-container {
		padding-left: var(--spacing-big);
		padding-right: var(--spacing-big);
	}
	
	.uk-section {
		padding-top: var(--spacing-big);
		padding-bottom: var(--spacing-big);
	}
	
	.uk-section-large {
		padding-top: var(--spacing-big);
		padding-bottom: var(--spacing-big);
	}
	
	.uk-section-xlarge {
		padding-top: var(--spacing-large);
		padding-bottom: var(--spacing-large);
	}
	
	.uk-section-small {
		padding-top: var(--spacing-small);
		padding-bottom: var(--spacing-small);
	}
	
	.uk-section-xsmall {
		padding-top: var(--spacing-small);
		padding-bottom: var(--spacing-small);
	}
}

@media(max-width: 959px){
		
	.uk-subnav a {
		font-size: 18px!important;
	}
}


/*Dotnav*/

@media(max-width: 1199px){

	.uk-dotnav > * {
		padding-left: 5px;
	}

	.uk-dotnav a {
		height: 30px;
    	width: 5px;
	}
}



/*Buttons*/

.uk-button:not(.uk-button-text) {
	padding-top: 15px;
    padding-bottom: 15px;
}

.uk-button-large:not(.uk-button-text) {
	padding-top: 20px;
    padding-bottom: 20px;
}

.uk-button-small:not(.uk-button-text) {
	padding-top: 5px;
    padding-bottom: 5px;
}



/*Headings*/

.el-title b, .uk-h1 b, .uk-h2 b, .uk-h3 b, .uk-h4 b, .uk-h5 b, .uk-h6 b {
	font-weight: 700;
	font-style: normal;
}

@media(max-width: 1599px) and (min-width: 960px){
    
    .uk-h1, h1 {
    	font-size: 40px!important;
    }
    
    .uk-h2, h2 {
    	font-size: 30px!important;
    }
}



@media(max-height: 770px){
	
	html, p, .el-content {
    	font-size: 18px;
	}
		
	.uk-h1, h1 {
    	font-size: 30px!important;
    }
    
    .uk-h2, h2 {
    	font-size: 25px!important;
    }
	
	.uk-h3, h3 {
    	font-size: 22px!important;
    }
	
	.uk-h4, h4 {
    	font-size: 22px!important;
    }
}

@media(max-width: 959px){
    html, p, .el-content {
    	font-size: 18px;
        
        .uk-h3, h3 {
    	font-size: 22px!important;
    }
		
		.uk-h4, h4 {
    	font-size: 22px!important;
    }
		
		.uk-h5, h5 {
    	font-size: 22px!important;
    }
 
    }
}

@media(max-width: 639px){
    .uk-h1, h1 {
    	font-size: 25px!important;
    }
    
    .uk-h2, h2 {
    	font-size: 22px!important;
    }
}

/*Cards & Tiles*/

.uk-card-primary {
	background-image: linear-gradient(-20deg, #04612D, transparent);
}

.uk-card {
	transition: 0.3s;
}

.card-primary-hover:hover,
.cards-primary-hover .uk-card:hover {
	background-color: #91B623;
	background-image: linear-gradient(-20deg, #04612D, transparent);

}

.card-primary-hover:hover .el-title,
.card-primary-hover:hover .el-meta,
.card-primary-hover:hover .el-content,
.cards-primary-hover .uk-card:hover .el-title,
.cards-primary-hover .uk-card:hover .el-meta,
.cards-primary-hover .uk-card:hover .el-content{
	color: white;
}

.uk-tile, .uk-tile-default, .uk-tile-muted, .uk-tile-primary, .uk-tile-secondary {
	border-radius: var(--border-radius-small);
}

.staffelstab-card-logo::before,
.staffelstab-cards-logo .uk-card-primary::before{
	content: "";
    opacity: 0.1;
	background-image: url("/images/staffelstab/elemente/staffelstab_logo_kreis.svg");
    background-repeat: no-repeat;
    background-size: 400px;
    background-position-x: calc(100% + 40px);
    background-position-y: calc(100% + 200px);
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 0;
    border-radius: var(--border-radius-small);
	}

.staffelstab-card-logo div,
.staffelstab-card-logo .el-title,
.staffelstab-card-logo .el-meta,
.staffelstab-card-logo .el-content,
.staffelstab-card-logo .el-link {
	z-index: 1;
	
}

.staffelstab-cards-primary-spacing {
	& .uk-card-primary {
		padding-top: 70px;
    	padding-bottom: 70px;
	}
}

.staffelstab-card-primary-spacing {
	padding-top: 70px;
    padding-bottom: 70px;
}


@media(max-width: 1199px) and (min-width: 640px){
	
	.uk-card-body {
		padding: 40px;
		
	}
}


@media(max-width: 959px){
	
	.uk-card {
       border-radius: var(--border-radius-small-responsive);
    }
	
	.uk-card-title {
		font-size: 18px;
	}
	
	.staffelstab-cards-primary-spacing {
		& .uk-card-primary {
			padding-top: 40px;
    		padding-bottom: 40px;
		}
	}

	.staffelstab-card-primary-spacing {
		padding-top: 40px;
    	padding-bottom: 40px;
	}	
	
	.staffelstab-card-logo::before,
	.staffelstab-cards-logo .uk-card-primary::before{
    	background-size: 300px;
    	background-position-x: calc(100% + 20px);
    	background-position-y: calc(100% + 150px);
	}
	
}

@media(max-width: 639px){

	
	.staffelstab-card-logo::before,
	.staffelstab-cards-logo .uk-card-primary::before{
    	background-size: 200px;
    	background-position-y: calc(100% + 100px);
	}
	
}


/*Kontakt*/

.staffelstab-grid-kontakt {

	& .uk-card-primary .el-title::after {
		content: "";
    	position: relative;
    	display: block;
    	width: 50px;
    	height: 8px;
    	background-color: white;
    	margin-top: 30px;
	}

	& .uk-card-primary .el-content {
		margin-top: 30px!important;
	}
}


@media(max-width: 959px){
    .staffelstab-grid-kontakt .uk-card-media-top {
    	border-top-left-radius: 20px;
        border-top-right-radius: 20px;
    }
}


/*Trenner*/

.staffelstab-divider-after-title { 
	
	& .el-title::after {
		content: "";
    	position: relative;
    	display: block;
    	width: 70px;
    	height: 8px;
    	background-color: var(--staffelstab-lightgreen);
    	margin-top: 30px;
	}
}

.staffelstab-divider-before-title { 
	
	& .el-title::before {
		content: "";
    	position: relative;
    	display: block;
    	width: 70px;
    	height: 8px;
    	background-color: var(--staffelstab-lightgreen);
    	margin-bottom: 30px;
	}
}

 .staffelstab-divider-after-title.staffelstab-divider-center .el-title::after,
 .staffelstab-divider-before-title.staffelstab-divider-center .el-title::before {
	margin-left: auto;
    margin-right: auto;
}

@media(max-width: 959px){
	 .staffelstab-divider-after-title.staffelstab-divider-center-tablet .el-title::after,
	.staffelstab-divider-before-title.staffelstab-divider-center-tablet .el-title::before{
	margin-left: auto;
    margin-right: auto;
}
}

/*Rounded Elements*/

.staffelstab-rounded-bottom-right,
.staffelstab-rounded-bottom-left {
	background-color: white;
    width: fit-content;
    position: relative;
}

.staffelstab-rounded-bottom-right::before,
.staffelstab-rounded-bottom-right::after,
.staffelstab-rounded-bottom-left::before,
.staffelstab-rounded-bottom-left::after,
.staffelstab-rounded-top-right::before,
.staffelstab-rounded-top-right::after,
.staffelstab-rounded-top-left::before,
.staffelstab-rounded-top-left::after{
	content: "";
    display: block;
    position: absolute;
    background-color: white;
    width: 40px;
    height: 40px;
	background-image: url("/images/staffelstab/elemente/rounded-corner.svg");
	background-size: 101%;
    background-position: center;
	background-repeat: no-repeat;
	background-color: transparent;
    
}

.staffelstab-rounded-bottom-right {
	border-radius: 0;
    border-top-left-radius: 40px;
}

.staffelstab-rounded-bottom-right::before {
	
    top: -40px;
    right: 0;
	transform: rotate(-90deg);
   /* -webkit-mask-image: radial-gradient(circle 40px at 0 0, transparent 0, transparent 40px, black 40px);
	mask-image: radial-gradient(circle 40px at 0 0, transparent 0, transparent 40px, black 40px);*/
}

.staffelstab-rounded-bottom-right::after {
    left: -40px;
    bottom: 0;
	transform: rotate(-90deg);
    /*-webkit-mask-image: radial-gradient(circle 40px at 0 0, transparent 0, transparent 40px, black 40px);
	mask-image: radial-gradient(circle 40px at 0 0, transparent 0, transparent 40px, black 40px);*/
}

.staffelstab-rounded-bottom-left {
	border-radius: 0;
    border-top-right-radius: 40px;
}

.staffelstab-rounded-bottom-left::before {
	
    right: -40px;
    bottom: 0;
	transform: rotate(0);
    /*-webkit-mask-image: radial-gradient(circle 40px at 40px 0, transparent 0, transparent 40px, black 40px);
	mask-image: radial-gradient(circle 40px at 40px 0, transparent 0, transparent 40px, black 40px);*/
}

.staffelstab-rounded-bottom-left::after {
    top: -40px;
    left: 0;
	transform: rotate(0);
    /*-webkit-mask-image: radial-gradient(circle 40px at 40px 0, transparent 0, transparent 40px, black 40px);
	mask-image: radial-gradient(circle 40px at 40px 0, transparent 0, transparent 40px, black 40px);*/
}

@media(max-width: 959px){
	
	.staffelstab-rounded-bottom-right::before,
	.staffelstab-rounded-bottom-right::after,
	.staffelstab-rounded-bottom-left::before,
	.staffelstab-rounded-bottom-left::after,
	.staffelstab-rounded-top-right::before,
	.staffelstab-rounded-top-right::after,
	.staffelstab-rounded-top-left::before,
	.staffelstab-rounded-top-left::after{
    	width: 30px;
    	height: 30px;
	}
    
    .staffelstab-rounded-bottom-right {
    	border-top-left-radius: 30px;
        
	}
    
	.staffelstab-rounded-bottom-right::before {
    	top: -30px;
    	/*-webkit-mask-image: radial-gradient(circle 30px at 0 0, transparent 0, transparent 30px, black 30px);
		mask-image: radial-gradient(circle 30px at 0 0, transparent 0, transparent 30px, black 30px);*/
	}

	.staffelstab-rounded-bottom-right::after {
    	left: -30px;
    	/*-webkit-mask-image: radial-gradient(circle 30px at 0 0, transparent 0, transparent 30px, black 30px);
		mask-image: radial-gradient(circle 30px at 0 0, transparent 0, transparent 30px, black 30px);*/
	}
	
	
	.staffelstab-rounded-bottom-left {
    	border-top-right-radius: 30px;
        
	}
    
	.staffelstab-rounded-bottom-left::before {
	
    right: -30px;
    bottom: 0;
    /*-webkit-mask-image: radial-gradient(circle 30px at 30px 0, transparent 0, transparent 30px, black 30px);
	mask-image: radial-gradient(circle 30px at 30px 0, transparent 0, transparent 30px, black 30px);*/
}

.staffelstab-rounded-bottom-left::after {
    top: -30px;
    left: 0;
    /*-webkit-mask-image: radial-gradient(circle 30px at 30px 0, transparent 0, transparent 30px, black 30px);
	mask-image: radial-gradient(circle 30px at 30px 0, transparent 0, transparent 30px, black 30px);*/
}
}


/*Header*/


.staffelstab-header-section {
	
    background-color: transparent!important;
	
	& .uk-section {
		border-radius: var(--border-radius-large)!important;
		min-height: calc(100dvh - (var(--spacing-large) *2))!important;
		margin: var(--spacing-large)!important;
	}


	& .staffelstab-header-row {
		min-height: calc(100dvh - (var(--spacing-large) *2));
	}
	
	& .staffelstab-header-headline {
		padding-left: 40px;
    	padding-top: 30px;
   	 	padding-bottom: 20px;
	}
	
	& .staffelstab-header-headline-left {
		padding-left: 0;
		padding-right: 40px;
    	padding-top: 30px;
   	 	padding-bottom: 20px;
	}
	
	& .staffelstab-header-panel {
    	margin: 40px;
		margin-top: 150px;
		padding-top: 100px;
    	padding-bottom: 100px;
   	 	z-index: 1;
		
		& .spacing {
			height: 5px;
		}
		
		& .autor {
			line-height: 1.3;
		}
	}
}

@media(max-width: 1599px) and (min-width: 960px){
	
	.staffelstab-header-section .uk-section {
		margin: var(--spacing-big)!important;
    	min-height: calc(100dvh - (var(--spacing-big) *2))!important;
	}
    
	.staffelstab-header-row {
		min-height: calc(100dvh - (var(--spacing-big) *2))!important;
	}
}

@media(max-width: 959px){
	
	.staffelstab-header-section .uk-section {
		margin: var(--spacing-medium)!important;
    	min-height: calc(100dvh - (var(--spacing-medium) *2))!important;
    	border-radius: var(--border-radius-large-responsive)!important;
	}
    
    .staffelstab-header-row {
		min-height: calc(100dvh - (var(--spacing-medium) *2))!important;
	}
	
	.staffelstab-header-headline {
    	padding-left: 20px!important;
    	padding-top: 15px!important;
    	padding-bottom: 10px!important;
    }
	
	.staffelstab-header-headline-left {
    	padding-left: 0!important;
		padding-right: 20px!important;
    	padding-top: 15px!important;
    	padding-bottom: 10px!important;
    }
	
	.staffelstab-header-panel {
		padding-top: 40px!important;
    	padding-bottom: 40px!important;
        margin: 20px!important;
        margin-top: 400px!important;

     	& .spacing {
			display: none;
		}
	}
}

@media(max-width: 639px){
	
	.staffelstab-header-section .uk-section {
		margin: var(--spacing-small)!important;
    	min-height: calc(100dvh - (var(--spacing-small) *2))!important;
	}
    
	.staffelstab-header-row {
		min-height: calc(100dvh - (var(--spacing-small) *2))!important;
	}
	
	.staffelstab-header-panel {
    	margin-top: 350px!important;
    }
}


/*Cards leistungen*/


.staffelstab-grid-leistungen  {
	
	& polygon {
		fill: #91B623;
	}
}

.staffelstab-panel-primary {
	
	& svg polygon {
    	fill: white;
	}
}


.staffelstab-leistung-slider,
.staffelstab-leistung-grid {
	& .el-meta {
		font-weight: 400;
	}

	/*.el-image {
		aspect-ratio: 1/1;
    	object-fit: contain;
    	object-position: left;
	}*/
}


/*Slider*/

.staffelstab-kundenstimmen-panel,
.staffelstab-leistung-panel{
	
	height: 100%;
}

.staffelstab-kundenstimmen-panel {
	
	height: calc(100% - 20px);
	
	& .el-content {
    	display: flex;
    	align-content: flex-end;
    	position: relative;
    	flex-wrap: wrap;
	}
}

.staffelstab-slider-cards-default {
	padding: 20px!important;
    margin: -20px -20px!important;
    height: 100%!important;

	& .uk-slider-items{
		padding: 20px!important;
    	margin: -20px -40px!important;
    	height: 100%!important;
	}

	& .uk-position-relative {
		height: 100%!important;
	}


	& .uk-card {
		height: 100%!important;
	}
}

.staffelstab-kundenstimmen-slider {

	& .uk-card {
		display: flex;
    	flex-direction: column-reverse;
	}
	
	& .el-nav, 
	& .el-slidenav {
		opacity: 0;
	}
}

@media(max-width: 1199px){

	.staffelstab-slider-cards-default{
		padding: 10px!important;
    	margin: -10px -10px!important;
	}

	.staffelstab-slider-cards-default .uk-slider-items {
		padding: 10px!important;
    	margin: -10px -20px!important;
	}
}

@media(max-width: 959px){

	.staffelstab-grid-leistungen .el-image,
	.staffelstab-leistung-panel .el-image {
		width: 60px;
	}
}

/*Accordion*/

.el-content {
	
	& .uk-accordion-title {
		font-size: 22px;
    	color: var(--staffelstab-darkgreen);
    	width: fit-content;
	}

	& .uk-accordion-title::before {
		display: none;
	}
}

@media(max-width: 959px){
	
	.el-content {
	
		& .uk-accordion-title {
			font-size: 18px;
		}
	}
}



/*Listen*/

.el-content ul:not(.uk-accordion) li::marker {
	display: none!important;
    color: transparent;
}

.el-content ul:not(.uk-accordion) li {
	margin-left: -5px;
}

/*.el-content ul:not(.uk-accordion) li::before {
	content: "–";
    position: absolute;
    margin-left: -25px;
    font-weight: 700;
    color: var(--staffelstab-lightgreen);
}*/

.el-content ul:not(.uk-accordion) li::before {
	content: "";
    position: relative;
    display: inline-block;
    margin-left: -30px;
    margin-right: 15px;
    width: 15px;
    height: 15px;
    background-color: var(--staffelstab-lightgreen);
    border-radius: 3px;
}

.el-content ul:not(.uk-accordion) li {
	margin-top: 6px;
}

@media(max-width: 959px){
	
	.el-content ul:not(.uk-accordion) li::before {
    	margin-right: 10px;
		margin-left: -20px;
    	width: 10px;
    	height: 10px;
	}
}



/*Zitat*/

.staffelstab-zitat-column .uk-tile {
	padding-right: 0!important;
    padding-bottom: 0!important;
}

.staffelstab-zitat {
	width: 80%;
}

.staffelstab-zitat-autor {
	padding-right: 0;
    padding-bottom: 0;
}


/*Columns*/


@media(min-width: 1600px){

.two-columns .column-1,
.two-columns .column-2 {
	display: inline-block;
    width: fit-content;
}	

.two-columns .column-1 {
    padding-right: 40px;
    border-right: solid 2px var(--staffelstab-lightgreen);
}
    
    .two-columns .column-2 {
    padding-left: 40px;
}
}



/*Vorstellungen*/


.staffelstab-personenvorstellung {
	
	& .staffelstab-personenvorstellung-buttons {
		
		& .el-item {
			border-top: solid 2px var(--staffelstab-lightgreen);
    		padding-top: 20px;
    		padding-bottom: 20px;
		}

		& .el-item:last-child {
			border-bottom: solid 2px var(--staffelstab-lightgreen);
		}

		& a {
			font-size: 25px;
    		text-transform: uppercase;
    		display: flex;
    		justify-content: space-between;
    		align-items: center;
    		transition: 0.3s;
		}

		& a::after {
			content: "";
    		background-image: url("/images/staffelstab/elemente/kreuz-black.svg");
    		background-repeat: no-repeat;
    		background-position: center;
    		background-size: contain;
    		display: inline-block;
    		position: relative;
    		width: 20px;
    		height: 20px;
    		margin-left: 20px;
    		transition: 0.3s;
		}

		& a:hover::after {
			background-image: url("/images/staffelstab/elemente/chevron-rechts.svg");
    		transform: rotate(180deg) scaleX(-1);
		}
		
		& a.open::after {
    		background-image: url("/images/staffelstab/elemente/kreuz-black.svg");		
    		transform: rotate(45deg);
		}
	}
	
	& .staffelstab-personenvorstellung-column-text {

		& .uk-tile {
			padding-left: 0;
    		padding-right: 0;
		}
	}
	
	& .staffelstab-personenvorstellung-column-image {
    	display: flex;
    	justify-content: flex-end;
	}
	
	
	& .staffelstab-personenvorstellung-kachel {
		background-color: #f2f2f2c9;
    	backdrop-filter: blur(30px);
		-webkit-backdrop-filter: blur(30px);
    	padding-top: 100px;
    	padding-bottom: 100px;
    	display: none;
    	position: absolute;
    	bottom: 0;
    	height: 100%;
    	min-height: fit-content;
		width: 100%;
		
		& .el-link {
			position: absolute;
    		top: 40px;
    		right: 40px;
    		content:url("/images/staffelstab/elemente/kreuz-black.svg");
    		width: 30px;
    		height: 30px;
    		transform: rotate(45deg);
    		transition: 0.3s;
		}
		
		& .el-link:hover { content:url("/images/staffelstab/elemente/kreuz-green.svg");
    		transition: 0.3s;
		}
		
		& .link-arrow {
    		background-image: url("/images/staffelstab/elemente/arrow-rechts.svg");
			padding-right: 50px;
    		background-repeat: no-repeat;
    		background-position-x: 100%;
    		background-size: 25px;
    		background-position-y: 50%;
    		display: block;
		}
		
		& .link-download {
   	 		background-image: url("/images/staffelstab/elemente/download.svg");
			padding-right: 50px;
    		background-repeat: no-repeat;
    		background-position-x: 100%;
    		background-size: 25px;
    		background-position-y: 50%;
    		width: 100%;
    		display: block;
		}

		& .link-download {
			border-bottom: solid 2px var(--staffelstab-lightgreen);
    		padding-bottom: 20px;
    		padding-top: 20px!important;
		}

		& .link-arrow {
			border-bottom: solid 2px var(--staffelstab-lightgreen);
    		padding-bottom: 20px;
    		padding-top: 20px!important;
		}

		& .link-div:first-child {
			margin-top: -20px;;
		}
	}
	
	& .staffelstab-personenvorstellung-akkordion {
		
		& .link-arrow {
    		background-image: url("/images/staffelstab/elemente/arrow-rechts.svg");
			padding-right: 50px;
    		background-repeat: no-repeat;
    		background-position-x: 100%;
    		background-size: 25px;
    		background-position-y: 50%;
    		display: block;
		}
		
		& .link-download {
   	 		background-image: url("/images/staffelstab/elemente/download.svg");
			padding-right: 50px;
    		background-repeat: no-repeat;
    		background-position-x: 100%;
    		background-size: 25px;
    		background-position-y: 50%;
    		width: 100%;
    		display: block;
		}

		& .link-download {
			border-bottom: solid 2px var(--staffelstab-lightgreen);
    		padding-bottom: 20px;
    		padding-top: 20px!important;
		}

		& .link-div:first-child {
			margin-top: -20px;;
		}
		
		& .el-item .el-title::before {
			content: "";
    		background-image: url("/images/staffelstab/elemente/kreuz-black.svg");
    		background-repeat: no-repeat;
    		background-position: center;
    		background-size: contain;
    		display: inline-block;
    		position: relative;
    		width: 20px;
    		height: 20px;
    		margin-left: 20px;
    		transition: 0.3s;
		}

		& .el-item:hover .el-title::before {
			background-image: url("/images/staffelstab/elemente/chevron-rechts.svg");
    		transform: rotate(90deg);
		}
		
		& .el-item.uk-open .el-title::before {
    		background-image: url("/images/staffelstab/elemente/kreuz-black.svg");		
    		transform: rotate(45deg);
		}
		
		& .el-content {
			background-color: #f2f2f2c9;
    		padding: 40px;
    		border-radius: var(--border-radius-small);
		}
	}
	


}

@media(max-width: 1199px){

	.staffelstab-personenvorstellung-kachel {
    	padding-top: 40px!important;
    	padding-bottom: 40px!important;
	}
}

@media(max-width: 959px){
	
	.staffelstab-personenvorstellung-column-text .uk-tile {
		padding: 0;
	}
	
	.staffelstab-personenvorstellung-column-image {
		min-height: 600px;
    	height: fit-content;
    }
    
	.staffelstab-personenvorstellung-column-image .uk-background-norepeat {
    	display: flex;
    	justify-content: flex-end;
    }
	
	.staffelstab-personenvorstellung-kachel {
        position: relative!important;
	}
	
		.staffelstab-personenvorstellung-kachel {
		height: 0;
		transition: 0.3s;	
	}
	
	.staffelstab-personenvorstellung-kachel .link-arrow {
		padding-right: 40px;
    	background-size: 20px;
	}
	
	.staffelstab-personenvorstellung-kachel .link-download {
		padding-right: 40px;
    	background-size: 20px;
	}
    
	.staffelstab-personenvorstellung-kachel .link-download {
    	padding-bottom: 10px;
    	padding-top: 10px!important;
	}

	.staffelstab-personenvorstellung-kachel.open {
		height: 100%;
		transition: 0.3s;
    	
	}
	
	.staffelstab-personenvorstellung-akkordion .el-content {
    	padding: 20px;
    	border-radius: var(--border-radius-small-responsive);
	}
}

@media(max-width: 639px){

	.staffelstab-personenvorstellung-column-image {
		min-height: 400px;
    	height: fit-content;
	}
}



/*Animation*/

@media(max-width: 959px) {

	.staffelstab-animation {
		& .el-lottie {
			max-width: 50vw!important;
    		margin-left: auto;
    		margin-right: auto;
		}
	}
}

@media(max-width: 639px) {

	.staffelstab-animation {
		& .el-lottie {
			max-width: 50vw!important;
    		margin-left: auto;
    		margin-right: auto;
		}
	}
}


/*Formulare*/

.staffelstab-formular {

	& .cf-form-wrap {
		padding: 0!important;
	}

	& .cf-control-input {
		font-size: 18px !important;
	}

	& .cf-control-group {
		padding: 20px!important;
	}

	& .cf-label:not(.cf-checkbox-group .cf-label) {
		opacity: 0!important;
    	height: 0!important;
	}

	& .cf-input {
		border-radius: 0!important;
    	padding: 0 0 14px 0!important;
    	border: 0!important;
    	border-bottom: solid 2px var(--staffelstab-lightgreen)!important;
	}

	& .cf-btn {
		margin: 0!important;
    	border: none!important;
    	overflow: visible!important;
    	font: inherit!important;
    	color: inherit!important;
    	-webkit-appearance: none!important;
    	border-radius: 0!important;
    	display: inline-block!important;
    	box-sizing: border-box!important;
    	padding: 0 20px!important;
    	vertical-align: middle!important;
    	font-size: 22px!important;
    	line-height: 1!important;
    	text-align: center!important;
    	text-decoration: none!important;
    	transition: .3s ease-in-out!important;
    	transition-property: color, background-color, background-position, background-size, border-color, box-shadow!important;
    	font-family: 'Roboto Condensed'!important;
    	font-weight: 500!important;
    	text-transform: none!important;
    	letter-spacing: 0!important;
    	border-radius: 20px!important;
    	background-origin: border-box!important;
    	background-color: #04612d!important;
    	color: #fff!important;
    	border: 2px solid #04612d!important;
    	padding-top: 15px!important;
    	padding-bottom: 15px!important;
	}

	& .cf-btn:hover {
    	background-color: transparent!important;
    	color: #04612d!important;
    	border-color: #04612d!important;
	}

	& .cf-two-thirds {
		width: 80%!important;
	}

	& .cf-one-third {
		width: fit-content!important;
    	display: flex!important;
    	align-items: flex-end!important;
    	justify-content: flex-end!important;
	}

	& .cf-checkbox-group {
		align-items: flex-start!important;
    	gap: 20px!important;
	}

	& .cf-checkbox-group input {
		margin-top: 4px!important;
	}

	& .cf-checkbox-group label {
		font-size: 18px!important;
	}
}

@media(max-width: 959px){

    .staffelstab-formular  .cf-input {
    	font-size: 18px!important;
    }
    
    .staffelstab-formular  .cf-checkbox-group label {
		font-size: 16px!important;
	}
}



/*CTA*/


.staffelstab-cta-section {
	
    background-color: transparent!important;
	
	& .uk-section {
		border-radius: var(--border-radius-large)!important;
		min-height: calc(100dvh - (var(--spacing-large) *2))!important;
		margin: var(--spacing-large)!important;
	}


	& .staffelstab-cta-row {
		min-height: calc(100dvh - (var(--spacing-large) *2));
	}
	
	& .staffelstab-cta-panel-tablet {
		border-radius: 0;
    	width: 100%;

    	& .el-content,
    	& .el-meta {
			margin-top: 0!important;
		}
        
        & .uk-margin-medium-top {
			margin-top: 20px!important;
		}
	}
	
	
	& .staffelstab-cta-panel-tablet::after {
		display: none;
	}

	& .staffelstab-cta-panel-tablet::before {
    	content: "";
    	width: 30px;
    	height: 30px;
    	top: -30px;
    	right: 0;
		background-image: url("/images/staffelstab/elemente/rounded-corner.svg");
		background-size: 100%;
		background-repeat: no-repeat;
		background-color: transparent;
		transform: rotate(-90deg);	
       /*	-webkit-mask-image: radial-gradient(circle 30px at 0 0, transparent 0, transparent 30px, black 30px);*/
	}
}




@media(max-width: 1599px) and (min-width: 960px){
	
	.staffelstab-cta-section .uk-section {
		margin: var(--spacing-big)!important;
    	min-height: calc(100dvh - (var(--spacing-big) *2))!important;
	}
    
	.staffelstab-cta-row {
		min-height: calc(100dvh - (var(--spacing-big) *2))!important;
	}
}

@media(max-width: 959px){
	
	.staffelstab-cta-section .uk-section {
		margin: var(--spacing-medium)!important;
    	min-height: calc(50dvh - (var(--spacing-medium) *2))!important;
    	border-radius: var(--border-radius-large-responsive)!important;
	}
    
    .staffelstab-cta-row {
		min-height: calc(50dvh - (var(--spacing-medium) *2))!important;
	}
	
	.staffelstab-cta-panel {
		padding-left: 0!important;
    	padding-bottom: 0;
	}
    
    .staffelstab-cta-panel .el-content, 
    .staffelstab-cta-panel .uk-button {
    	display: none;
    }
    .staffelstab-cta-panel .uk-margin-medium-top {
    	margin-top: 0!important;
    }
	
	.staffelstab-cta-panel-tablet {
		padding-left: 0!important;
        padding-bottom: 0;
	}
    .staffelstab-cta-panel-tablet .el-title {
    	display: none;
    }
}

@media(max-width: 639px){
	
	.staffelstab-cta-section .uk-section {
		margin: var(--spacing-small)!important;
    	min-height: calc(50dvh - (var(--spacing-small) *2))!important;
	}
    
	.staffelstab-cta-row {
		min-height: calc(50dvh - (var(--spacing-small) *2))!important;
	}
}
	
	
/*Footer*/
	
.staffelstab-footer {
	
	& .staffelstab-footer-row .uk-tile {
		border-bottom-left-radius: 0;
    	border-bottom-right-radius: 0;
	}
	
	& .el-title {
		font-weight: 500;
	}
}

@media(min-width: 1600px){
	.staffelstab-footer-logo {
		margin-top: -20px;
	}
}