/*@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;300;400;700&display=swap');*/

/*
.querformat_wrapper{
	display: none;
}

@media (min-width: 460px) and (max-width:880px) {
   .reveal.center{
	   display: none!important;
	}
	.querformat_wrapper{
		display: block;
	}

	.querformat_wrapper_inhalt{
		text-align: center;
		font-family: 'Inter', sans-serif;
		font-size: 16px;
		margin: 0 auto;
		width: 400px;
		line-height: 20px;
	}

	.querformat_wrapper_inhalt img{
		height: auto;
		width: 120px;
		margin-bottom: 40px;
		margin-top: 50px;
	}
}
*/

.reveal [hidden] {
    display: initial !important;
}

.reveal .slides {
    text-align: left;
}

.reveal .controls[data-controls-layout="edges"] .navigate-right {
    right: 6.5em;
    color: #1a2ae3;
}

.reveal .controls[data-controls-layout="edges"] .navigate-left {
    left: 6.5em;
}

.reveal:not(.rtl) .controls[data-controls-back-arrows="faded"] .navigate-left.enabled {
    opacity: 1;
    color: #1a2ae3;
}

.slide-vertical-center-left {
              margin: 0;
              position: absolute;
              top: 50vh;
              -ms-transform: translateY(-50%);
              transform: translateY(-50%);
              left: 60px;
            }            
            .slide-vertical-center-right {
              margin: 0;
              position: absolute;
              top: 50vh;
              -ms-transform: translateY(-50%);
              transform: translateY(-50%);
              right: 60px;
            }
            .slide-close{
                position: absolute;
                right: 60px;
                top: 40px;
				cursor: pointer;
				z-index: 999;
            }
            .slide-menue{
                position: absolute;
                top: 90vh;
                right: 110px;
            }
.slide-menue img{
	background-color: #1a2ae3;
}
            .slide-image{
                /*position: absolute;
                left: 15%;
                bottom: 10%;*/
				margin-top: 10vh;
            }
            .slide-headline{
                /*position: absolute;*/
                /*top: 14vh;*/
                /*left: 12%;*/
                font-family: 'Inter', sans-serif;
                text-transform: uppercase;
                font-size: 110px;
                line-height: 110px;
                margin-top: 10vh;
				letter-spacing: -2px;
				color: #ffffff;
            }
            .slide-headline-trenner{
                width: 400px;
                margin-top: 16px;
                height: 1px;
                background-color: #ffffff;
            }
            .slide-text-wrapper{
                /*position: absolute;
                top: 39%;
                left: 15%;*/
                margin-top: 45px;
                font-family: 'Inter', sans-serif;
                font-size: 16px;
                line-height: 24px;
                text-transform: none;
				color: #ffffff;
				text-shadow: 0px 0px 20px rgba(0,0,0,0.5);
            }

		.slide-text-wrapper a{
			text-shadow: 0px 0px 0px;
}
            .slide-text-wrapper span{
                display: inline-flex;
                width: 500px;
            }
            .slide-text-wrapper span:first-child{
                margin-right: 10vh;
            }
            .slide-text-wrapper span:nth-child(2){
                margin-right: 10vh;
            }
            .slide-text-wrapper span:nth-child(3){
                width: 160px;
            }
            .slide-text-wrapper ul{
                margin-top: -5px;
                font-size: 16px;
				line-height: 30px;
            }
            /* Fading animation */
            .fade {
              -webkit-animation-name: fade;
              -webkit-animation-duration: 1.5s;
              animation-name: fade;
              animation-duration: 1.5s;
            }

            @-webkit-keyframes fade {
              from {opacity: .4} 
              to {opacity: 1}
            }

            @keyframes fade {
              from {opacity: .4} 
              to {opacity: 1}
            }    

.tooltip_verfahren_1, .tooltip_verfahren_2, .tooltip_verfahren_3, .tooltip_verfahren_4{
	display: contents;
	cursor: pointer;
}

.tooltip_verfahren_1 .tooltiptext{
visibility: hidden;
width: 170px;
background-color: #fff;
color: #000;
text-align: center;
border-radius: 6px;
padding: 5px 0;
position: absolute;
z-index: 1;
bottom: 120%;
/*left: -10%;*/
margin-left: -110px;
	font-family: 'Inter', sans-serif;
}

.tooltip_verfahren_2 .tooltiptext{
visibility: hidden;
width: 220px;
background-color: #fff;
color: #000;
text-align: center;
border-radius: 6px;
padding: 5px 0;
position: absolute;
z-index: 1;
bottom: 120%;
/*left: -10%;*/
margin-left: -135px;
	font-family: 'Inter', sans-serif;
}

.tooltip_verfahren_3 .tooltiptext{
visibility: hidden;
width: 150px;
background-color: #fff;
color: #000;
text-align: center;
border-radius: 6px;
padding: 5px 0;
position: absolute;
z-index: 1;
bottom: 120%;
/*left: -10%;*/
margin-left: -100px;
	font-family: 'Inter', sans-serif;
}

.tooltip_verfahren_4 .tooltiptext{
visibility: hidden;
width: 230px;
background-color: #fff;
color: #000;
text-align: center;
border-radius: 6px;
padding: 5px 0;
position: absolute;
z-index: 1;
bottom: 120%;
/*left: -10%;*/
margin-left: -140px;
	font-family: 'Inter', sans-serif;
}

.tooltip_verfahren_1 .tooltiptext::after, .tooltip_verfahren_2 .tooltiptext::after, .tooltip_verfahren_3 .tooltiptext::after, .tooltip_verfahren_4 .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #ffffff transparent transparent transparent;
}

.tooltip_verfahren_1:hover .tooltiptext, .tooltip_verfahren_2:hover .tooltiptext, .tooltip_verfahren_3:hover .tooltiptext, .tooltip_verfahren_4:hover .tooltiptext {
  visibility: visible;
}

b, strong{
    font-weight: bold!important;
}

.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    max-width: 1620px;
}

.col-md-5{
    padding-right: 90px;
    width: 37.667%;
}

.slide-text-wrapper a{
    color: #1a2ae3;
    text-decoration: none;
	background-color: #ffffff;
	padding: 0px 5px 0px 5px;
}

.slide-footer-button, .slide-footer-button-kontakt{
	border: 1px solid #ffffff;
	cursor: pointer;
	font-family: 'Inter', sans-serif;
	padding: 8px 15px 8px 15px;
	font-size: 14px;
	color: #ffffff;
}

@media(max-width:580px){
	html {
	  width: 100%;
	  height: 100%;
	  overflow: hidden;
	  position: relative;
	}

	body {
	  width: 100%;
	  margin: 0px 150px 0px 0px;
	  font-family: sans-serif;
	  height: 100%;
	  overflow: hidden;
	}

	section{
	  height: calc(100% - 100px);
	  overflow: auto;
	padding-bottom: 100px!important;
	}
	.slide-headline {
		font-size: 35px;
		line-height: 40px;
		margin-top: 15vh;
	}
	/*section{
		overflow-x: hidden;
		overflow-y: scroll;
		height: 100vh;
	} */
	.col-md-5{
		width: auto;
		padding-right: 0px;
	}
	.slide-text-wrapper ul {
		margin-top: 25px;
		margin-left: 15px;
	}
	.slide-menue {
		position: relative;
		top: 0;
		right: 0;
		margin-top: 40px;
	}
	.slide-headline-trenner{
		width: 100px;
	}
	
	.mobile_1, .mobile_2, .mobile_3, .mobile_4, .mobile_5, .mobile_6, .mobile_7{
		padding-left: 12px;
		padding-right: 20px;
	}
	.slide-close {
		right: 20px;
		top: 20px;
	}	
	.reveal .controls[data-controls-layout="edges"] .navigate-right {
		bottom: 0.9em;
		position: fixed;
		right: 3.5em;
	}
	.reveal .controls[data-controls-layout="edges"] .navigate-left {
		left: 3.5em;
		position: fixed;
		bottom: 0.9em;
	}
	.reveal .controls[data-controls-layout="edges"] .navigate-right {
		color: #ffffff;
	}
	.reveal:not(.rtl) .controls[data-controls-back-arrows="faded"] .navigate-left.enabled {
		opacity: 1;
		color: #ffffff;
	}
	.reveal .controls .controls-arrow::after, .reveal .controls .controls-arrow::before {
		width: 2.0em;
		height: .2em;
		transform-origin: .1em 50%;
	}	
	.reveal .slide-background-content {
		background-position: 80% 50% !important;
	}
}

/* */
@media(max-width:896px) and (min-width:580px){
	html {
	  width: 100%;
	  height: 100%;
	  overflow: hidden;
	  position: relative;
	}

	body {
	  width: 100%;
	  margin: 0px 150px 0px 0px;
	  font-family: sans-serif;
	  height: 100%;
	  overflow: hidden;
	}

	section{
	  height: calc(100% - 100px);
	  overflow: auto;
	padding-bottom: 100px!important;
	}
	.slide-headline {
		font-size: 35px;
		line-height: 40px;
		margin-top: 15vh;
                padding-left: 40px;
	}
	/*section{
		overflow-x: hidden;
		overflow-y: scroll;
		height: 100vh;
	} */
	.col-md-5{
		width: auto;
		padding-right: 0px;
	}
	.slide-text-wrapper ul {
		margin-top: 25px;
		margin-left: 15px;
	}
	/* .slide-footer-button{
		display: none;
	} */
	.slide-headline-trenner{
		width: 100px;
	}
	
	.mobile_1, .mobile_2, .mobile_3, .mobile_4, .mobile_5, .mobile_6, .mobile_7{
		padding-left: 40px;
		padding-right: 20px;
                width: 80%;
	}
        .slide-text-wrapper .col-md-2{
                width: 50%;
                padding-left: 40px;
        }
	.slide-close {
		right: 20px;
		top: 20px;
	}	
	.reveal .controls[data-controls-layout="edges"] .navigate-right {
		bottom: -15.9em;
		position: fixed;
		right: 3.5em;
	}
	.reveal .controls[data-controls-layout="edges"] .navigate-left {
		left: 3.5em;
		position: fixed;
		bottom: -15.9em;
	}
	.reveal .controls[data-controls-layout="edges"] .navigate-right {
		color: #ffffff;
	}
	.reveal:not(.rtl) .controls[data-controls-back-arrows="faded"] .navigate-left.enabled {
		opacity: 1;
		color: #ffffff;
	}
	.reveal .controls .controls-arrow::after, .reveal .controls .controls-arrow::before {
		width: 2.0em;
		height: .2em;
		transform-origin: .1em 50%;
	}	
	.slide-menue {
		position: relative;
		top: 0;
		right: 0;
		margin-top: 40px;
	}	
}