/*-------------------------------------- SCHRIFTEN EINBETTEN -----------------------------------*/	

@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');


.TextToLeft{
	text-align:center;
}

@media screen and (max-width:991px){
	.TextToLeft{
		text-align:left;
	}
}


/*-------------------------------------- GRÜNE BALKEN + ZUGEHÖRIGES -----------------------------------*/		
.home-container{
	background-color:white;
	height:533px;
}

.paddingUeberUns{
	background-color: #656564; 
	padding-top:80px; 
	padding-bottom:80px
}

.paddingKontakt{
	padding-left:50px;
	padding-right:50px;
	padding-top:50px;
	padding-bottom:50px;
}
.eco-container{
	background-color:white;
	height:536px;
}

.pur-container{
	background-color:white;
	height:498px;
}

.it-container{
	background-color:white;
	height:541px;
}

.refurb-container{
	background-color:white;
	height:541px;
}

.paddingClass{
	padding-left: 85px;
	padding-right: 85px;
	padding-top: 11px;
	padding-bottom: 0px;
}	

.marginKontakt{
	margin-left:70px;
}

.green_links{
	background-image: url(../bilder/green_rechts.png); 
	position: static; 
	height:600px; 
	width:164px;
	background-repeat:round; 
	margin-bottom:-531px;
	margin-left:-166px;
	margin-top:-41px;

}
.green_rechts{
	background-image: url(../bilder/green_links.png); 
	position: static; 
	height:600px; 
	width:164px;
	background-repeat:round; 
	margin-top:-521px;
	margin-left:945px;
	margin-bottom:0px;

}

.green_links_refurb{
	background-image: url(../bilder/green_rechts.png); 
	position: static; 
	height:600px; 
	width:164px;
	background-repeat:round; 
	margin-bottom:-559px;
	margin-left:-130px;
	margin-top:-70px;

}
.green_rechts_refurb{
	background-image: url(../bilder/green_links.png); 
	position: static; 
	height:600px; 
	width:164px;
	background-repeat:round; 
	margin-top:-497px;
	margin-left:986px;
	margin-bottom:0px;

}

.green_links_it{
	background-image: url(../bilder/green_rechts.png); 
	position: static; 
	height:600px; 
	width:164px;
	background-repeat:round; 
	margin-bottom:-559px;
	margin-left:-130px;
	margin-top:-70px;

}
.green_rechts_it{
	background-image: url(../bilder/green_links.png); 
	position: static; 
	height:600px; 
	width:164px;
	background-repeat:round; 
	margin-top:-497px;
	margin-left:986px;
	margin-bottom:0px;

}

.green_links_eco{
	background-image: url(../bilder/green_rechts.png); 
	position: static; 
	height:600px; 
	width:164px;
	background-repeat:round; 
	margin-bottom:-531px;
	margin-left:-166px;
	margin-top:-41px;
}
.green_rechts_eco{
	background-image: url(../bilder/green_links.png); 
	position: static; 
	height:600px; 
	width:164px;
	background-repeat:round; 
	margin-top:-545px;
	margin-left:940px;
	margin-bottom:0px;
}

.green_links_pur{
	background-image: url(../bilder/green_rechts.png); 
	position: static; 
	height:557px; 
	width:164px;
	background-repeat:round; 
	margin-bottom:-531px;
	margin-left:-167px;
	margin-top:-39px;
}
.green_rechts_pur{
	background-image: url(../bilder/green_links.png); 
	position: static; 
	height:557px; 
	width:164px;
	background-repeat:round; 
	margin-top:-466px;
	margin-left:945px;
	margin-bottom:0px;
}

.green_links_kontakt{
	background-image: url(../bilder/green_rechts_neu.png); 
	position: static; 
	height:684px; 
	width:164px;
	background-repeat:round; 
	margin-bottom:-622px; 
	margin-left:-156px;
	margin-top:-85px;

}
.green_rechts_kontakt{
	background-image: url(../bilder/green_links_neu.png); 
	position: static; 
	height:692px; 
	width:164px;
	background-repeat:round; 
	margin-bottom:0px;
	margin-top:-605px;
	margin-left:986px;
	-ms-margin-top: 20px;
}

.height-contact{
	background-color:white;
	/*height:497px;*/
	height:614px;
}

.marginContact{
	margin-top:36px;
}

.marginPur{
	margin-top:37px;
}

@media only screen and (max-width:1300px) {
	.paddingClass{
		padding-left: 15px;
		padding-right: 15px;
	}	

	.paddingUeberUns{
		background-color: #656564; 
		padding-top:50px; 
		padding-bottom:50px
	}
	
	.paddingKontakt{
		padding-left:15px;
		padding-right:15px;
		padding-top:25px;
	}

	.green_links{
		display:none;
	}
	.green_rechts{
		display:none;
	}
	.green_links{
		display:none;
	}
	.green_rechts{
		display:none;
	}

	.green_links_eco{
		display:none;
	}
	.green_rechts_eco{
		display:none;
	}

	.green_links_pur{
		display:none;
	}
	.green_rechts_pur{
		display:none;
	}

	.green_links_kontakt{
		display:none;
	}
	.green_rechts_kontakt{
		display:none;
	}
	.green_links_it{
		display:none;
	}
	.green_rechts_it{
		display:none;
	}
	.green_links_refurb{
		display:none;
	}
	.green_rechts_refurb{
		display:none;
	}
	.marginKontakt{
		margin-left:15px;
		margin-bottom:20px;
	}
	
	.paddingClass{
		padding-top: 50px;
		padding-bottom: 50px;
	}
	
	.marginContact{
		margin-top:0px;
	}
	
	.marginPur{
		margin-top:0px;
	}
	.pur-container{
		height:auto;
	}	
}

@media only screen and (max-width:1200px) {
	.home-container{
		height:auto;
	}
	
	.eco-container{
		height:auto;
	}

	.it-container{
		height:auto;
	}

	.refurb-container{
		height:auto;
	}
	
	.paddingClass{
		padding-top: 50px;
		padding-bottom: 50px;
	}
	
	.height-contact{
		height:auto;
	}
}

/*--------------------------------------SCHRIFTARTEN & -SCHNITTE-----------------------------------*/		

.ueberschrift_gruen_center{
	color: #97bf0d;
	font-family: 'Roboto', sans-serif;
	text-align:center; 
	font-size:3.0rem;
	margin-bottom:20px;
	hyphens:auto;
}

.ueberschrift_gruen_links{
	color: #97bf0d;
	font-family: 'Roboto', sans-serif;
	text-align:left;
	font-size:1.3rem;
	hyphens:auto;
}

.fließtext_schwarz_links{
	color: #656564;
	font-family: 'Roboto', sans-serif;
	text-align:left;
	font-size:1rem;
	margin-bottom: 2px;
}

.fließtext_schwarz_center{
	color: #656564;
	font-family: 'Roboto', sans-serif;
	text-align:center;
	font-size:1rem;
	margin-bottom: 40px;
}

.fließtext_weiß{
	color: white;
	font-family: 'Roboto', sans-serif;
	text-align:left;
	font-size:1rem;
	margin-bottom: 20px;
}

.fließtext_weiß_center{
	color: white;
	font-family: 'Roboto', sans-serif;
	text-align:center;
	font-size:1rem;
	margin-bottom: 20px;
}

.link_schwarz{
	color: #3e3d40;
	font-family: 'Roboto', sans-serif;
	text-align:left;
	font-size:1rem;
	margin-bottom: 2px;
	text-decoration:underline;
}

.link_schwarz:hover{
	color: #009ee0 !important; 
	font-family: 'Roboto', sans-serif;
	text-align:left;
	font-size:1rem;
	margin-bottom: 2px;
	text-decoration:underline;
}


.link_blau_zentriert{
	color:#009ee0 !important;
	text-align:center !important;
	font-family: 'Roboto', sans-serif !important;
	text-decoration:underline !important;
}

.link_blau_links{
	color:#009ee0 !important; 
	text-align:left !important;
	font-family: 'Roboto', sans-serif !important;
}

.link_blau_mitte_groß{
	color:#009ee0 !important; 
	text-align:center !important;
	font-family: 'Roboto', sans-serif !important;
	font-size:1.1rem;
	margin-bottom:0px;
}

.kontakt_unterueberschrift{
	color: #656564;
	font-family: 'Roboto', sans-serif;
	font-weight:500;
	text-align:left;
	font-size:1rem;
	margin-bottom: 0px;
}

.kontakt_text{
	color: #656564;
	font-family: 'Roboto', sans-serif;
	text-align:left;
	font-size:1rem;
	margin-bottom: 10px;
}


/*--------------------------------------FOOTER-----------------------------------*/
ul {
	margin:0;
	padding:0;
}

ul > li {
	list-style-type: none;
	font-family: 'Roboto', sans-serif;
	font-size:0.8rem;
}

.form-group{
	font-family: 'Roboto', sans-serif;
	color: #626259;
	font-size: 0.8em;
}

.form_datenschutz{
	font-size:0.9em;
	font-family: 'Roboto', sans-serif;
	color: #495057;
}
.form-control {
	font-size:0.8rem !important;
	font-family: 'Roboto', sans-serif !important;
	display:block !important;
	width:70% !important;
	padding:.5rem .75rem !important;
	line-height:1.25 !important;
	color:#495057 !important;
	background-color:#fff !important;
	background-image:none !important;
	background-clip:padding-box !important;
	border:1px solid black !important;
	transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s !important;
}

.button_absenden{
	color:#656564 !important;
	border:1px solid white !important; 
	background-color: #93c021 !important;
	padding-top:5px !important;
	padding-bottom:5px !important;
}


.button_home{
	background-color:#97bf0D; 
	color:#656564; 
	text-decoration:underline; 
	padding-right:25px; 
	padding-left: 25px; 
	padding-top:3px; 
	padding-bottom:3px;
	border:none;
	border-radius:0px !important;
}

.button_home:hover{
	color:white;
}

.footer_abstand{
	padding-top: 20px;
	padding-bottom:30px;
}

.footer_verlinkungen{
	color: #3e3d40; 
	font-size:0.8rem; 
	font-family: 'Roboto', sans-serif;
}

a.footer_verlinkungen{
	color: #3e3d40; 
	font-size:0.8rem; 
	font-family: 'Roboto', sans-serif;
}

.copyright_footer {
	display:inline; 
	float: right; 
	color: #3e3d40; 
	font-size:0.8rem; 
	font-family: 'Roboto', sans-serif;
}

.contact_bg{
	background-color:white; 
	position:relative; 
	height:650px; 
}
@media only screen and (max-width:992px) {
	.contact_bg{
		height:750px; 
	}
	
	.button_home{
			margin-bottom:30px; 
	}
	
}


@media only screen and (max-width:1200px) {
	.einleitung_hg{
		padding-top:6% !important;
	}
}


.hover_class:hover{
	color:#93c021 !important;
}

@media only screen and (max-width:700px) {
	.pEmail.team_style{
		font-size: 0.7rem!important;
		word-break: break-all;
	}
}

/*--------------------------------------HEADER-----------------------------------*/



.responsiveLogo{
	padding-top:0px;
}

@media only screen and (max-width:991px) {
	.responsiveLogo{
		padding-top:21px;
	}	
}

@media only screen and (max-width:500px) {

	.carousel-control.right, .carousel-control.left {
		display:none;
	}
	
	a.page-scroll span{
		top:35px !important;
	}
	
	/*.overflow-hidden_gallery {
		height: 306px !important;
	}*/	

	.responsiveLogo{
		padding-top:21px;
	}

	.ueberschrift_gruen_center{
		font-size:2.1rem;
		word-break: break-word;
		word-wrap: break-word;
	}

	.einleitung_hg {
		background-color:#d2d1ca !important; 
		padding-top: 40px !important; 
		padding-bottom: 70px !important;
	}
	
	.einleitung_eco_bottom{
		padding-bottom:4em;
	}
	
	.py-5{
		padding-top:0rem !important;
	}

	.einleitung_hg_kontakt{
		background-color:white !important;
		padding-top: 0px !important;
		padding-bottom: 0px !important;
	}
}

.bereiche_style{
	margin-right:25px;
	margin-left:25px;
	color: white;
	font-family: 'Roboto', sans-serif;
	margin-bottom:30px;
	min-height:40px
}

.team_style{
	margin-right:25px;
	margin-left:25px;
	color: #656564 !important; 
	font-family: 'Roboto', sans-serif;
	margin-bottom:10px;
	min-height:57px
}

.team_style_gruen{
	margin-right:25px;
	margin-left:25px;
	color: #97bf0d;
	font-family: 'Roboto', sans-serif;
	margin-bottom:3px;
	font-weight:500;
	font-size:1rem;
	width: -moz-available;
}


/*--------------------------------------HOME-----------------------------------*/
.hoeheLogoleiste{
	height:80px;
}

.marginLogoleiste{
	background-color:white; 
	margin-bottom:40px;
}

.einleitungAbstand{
	padding-top:3%; 
	padding-bottom:7%; 
	background-color:white;
}


.overlayPrint{
	width:35%;
}

@media only screen and (max-width:991px) {
	.hoeheLogoleiste{
		height:auto;
	}
	
	.einleitungAbstand{
		padding-top:50px;
		padding-bottom:0%; 
		background-color:white;
	}	
	
	.abstandLogoleiste{
		margin-bottom:35px;
	}	
	
	.overlayPrint{
		width:94%;
	}
	


}





.button_style{
	font-family: 'Roboto', sans-serif;
	width:160px;
	color:#656564;
	background-color:#97bf0d;
	padding-top:5px;
}

.einleitung_hg {
	background-color:#656564 !important; 
	padding-top: 6%; 
	padding-bottom: 6%;
}

.einleitung_hg_kontakt {
	background-color:#656564; 
	padding-top: 6%; 
	padding-bottom: 6%;
}

.icons_start{
	color: #3e3d40;
	font-family: 'Roboto', sans-serif;
}

.icons_start_header{
	color: #009ee0;
	font-family: 'Roboto', sans-serif, bold;
	font-size:1.3rem;
}


.py-7{
	padding-top: 7rem !important;
	padding-bottom: 7rem !important;
}

.link_underline{
	color: #3e3d40;
	text-decoration: underline !important;
	font-family: 'Roboto', sans-serif;
	margin-bottom:0px;
}
a:hover {
	color: #93c021 !important;
	text-decoration: underline !important;
	/*font-family: 'Roboto', sans-serif !important;*/
}


@media only screen and (max-width:1200px) {
	.papier_img{
		width:0px;
	}
	
	.maßstab_img{
		width:0px;
	}
	
	.BlueFadeIn{
		background-image: url('../bilder/fadeInBlue.png');
		right: 150px;
		bottom: 0;
		height: 1200px; 
		width: 100%;
		position: absolute;
		z-index: 2;
		background-repeat: round;
	}
}

/*--------------------------------------ANIMATIONEN-----------------------------------*/			 
	#organisiert_ueberschrift{
		color:#9ca61f;
        margin-right:6em;
        margin-top: 0.5em;
        position: relative;
        float:left;
		margin-bottom:-19px;
    }
	
	#organisiert_text{
		color:#9ca61f;
        max-width: 100%;	
        margin-top: 0.8em;
        position: relative;
        float:left;
    }	
	
	.move{
        animation: organisiert_ueberschrift 2s alternate ease;
    }
	
    @keyframes organisiert_ueberschrift {
        from{left:-500px}
        to{left:0px}
    }
	

	@keyframes organisiert_text {
        from{left:-500px}
        to{left:0px}
    }
	
	#anzahl_therapeuten{
		position: relative;
	}

	#anzahl_raeume{
		position: relative;
	}

	#anzahl_haus{
		position: relative;
	}	

    .move{
        animation: anzahl_therapeuten 2s alternate ease;
    }
	

    @keyframes anzahl_therapeuten {
        from{left:-500px}
        to{left:0px}
    }
	
	@keyframes anzahl_raeume {
        from{left:-500px}
        to{left:0px}
    }

	@keyframes anzahl_haus {
        from{left:-500px}
        to{left:0px}
    }	

#ueberschrift_bereiche_home{
	position:relative;
}	

#text_bereiche_home{
	position:relative;
}	
	
#ueberschrift_home{
	position:relative;
}	 

#einleitungsText{
	position:relative;
}	

#dasIstUeberschrift{
	position:relative;
}

#dasIstText{
	position:relative;
}

#referenzenText{
	position:relative;
}
#referenzenUeberschrift{
	position:relative;
}
#referenzen_unter{
	position:relative;
}

#referenzen_ueberschrift{
	position:relative;
}

#leistungsangebotUeberschrift{
	position:relative;
}
#bauarbeitenText{
	position:relative;
}

#bauarbeitenUeberschrift{
	position:relative;
}

#planungUeberschrift{
	position:relative;
}

#planungText{
	position:relative;
}

#planungAblauf{
	position:relative;
}

#teamPlanung{
	position:relative;
}
#phase1{
	position:relative;
}
#phase2{
	position:relative; 
}
#phase3{
	position:relative;
}
#phase4{
	position:relative;
}
#phaseUeberschrift{
	position:relative;
}
#referenzenUeberschift{
	position:relative;
}

#text_einleitung{
	position:relative;
}
#text_einleitung_2{
	position:relative;
}
#button_einleitung{
	position:relative;
}

#ueberUnsText{
position:relative;
}

.move{
    animation: einleitungsText 2s alternate ease;
}

@-webkit-keyframes einleitungsText {
    from{left:-500px}
    to{left:0px}
}

/*-------------------------------------- CAROUSEL -----------------------------------*/

.BlueFadeIn{
	background-image: url('../bilder/fadeInBlue.png');
	right: 200px;
	bottom: 0;
	height: 1200px; 
	width: 100%;
	position: absolute;
	z-index: 2;
	background-repeat: round;
}

.carousel-head .carousel-item {
 height:calc(100vh - 80px - 56px);
 min-height:300px;
 background:no-repeat center center scroll;
 -webkit-background-size:cover;
 /*-moz-background-size:cover;*/
 -o-background-size:cover;
 background-size:cover
}
.carousel-indicators li {
 height:12px;
 width:12px;
 margin:0 5px;
 border-radius:50%;
 cursor:pointer;
 display:none
}
.carousel .carousel-caption {
 left:0;
 top:0;
 bottom:0;
 width:100%;
 background-repeat: no-repeat;
 right:auto
}

.carousel .carousel-caption_right {
 left:20%;
 top:0;
 bottom:0;
 width:100%;
 right:0;
}

.carousel .carousel-caption_left {
 left:0%;
 top:0;
 bottom:0;
 width:100%;
 right:0;
}


.carousel .carousel-caption img {
 position:absolute;
 bottom:140px;
 left:173px;
}

.positionEco{
	right:3%;
}

.carousel .carousel-caption .text {

}

.carousel .carousel-caption_right img {
 position:absolute;
 bottom:0;
 right: 8%;
 width:100%;
}

.carousel .carousel-caption_left img {
 position:absolute;
 bottom:0;
 left:0%;
 width:100%;
}

@media only screen and (max-width:767px) {
	h3.with-check {
	  margin-left:1.5rem
	}
	.carousel .carousel-caption {
	  width:90%
	}

	.carousel-head .carousel-item {
		 height:calc(100vh - -57px - 56px);
		 min-height:300px;
		 background:no-repeat center center scroll;
		 -webkit-background-size:cover;
		 /*-moz-background-size:cover;*/
		 -o-background-size:cover;
		 background-size:cover
	}	
	
	.BlueFadeIn{
		background-image: url('../bilder/fadeInBlue.png');
		right: 200px;
		bottom: 0;
		height: 1200px; 
		width: 110%;
		position: absolute;
		z-index: 2;
		background-repeat: round;
	}
	
	.button_style{
	 position:absolute; 
	 bottom:145px; 
	 right:13px; 
	 width:160px
	}
	 
	.carousel .carousel-caption_right {
	  width:166%;
	}
	 
	.carousel .carousel-caption h1 {
	  margin-top:0;
	  margin-left:1rem;
	  font-size:3rem
	}
	 .carousel .carousel-caption_right h1 {
	  margin-top:0;
	  margin-left:1rem;
	  font-size:3rem
	}
	
	.carousel .carousel-caption img {
		position: absolute;
		bottom: 115px;
		left: 8%;
		width: 100%;
	}
	
	.carousel .carousel-caption_right img {
		position: absolute;
		bottom: 0;
		right: 8%;
		width: 155%;
	}	
	
}
.carousel-shadow {
 -webkit-filter:drop-shadow(2px 3px 3px rgba(0,0,0,.7));
 filter:url("data:image/svg+xml;utf8,<svg height='0' xmlns='http://www.w3.org/2000/svg'><filter id='drop-shadow'><feGaussianBlur in='SourceAlpha' stdDeviation='4'/><feOffset dx='3' dy='3' result='offsetblur'/><feFlood flood-color='rgba(0,0,0,0.7)'/><feComposite in2='offsetblur' operator='in'/><feMerge><feMergeNode/><feMergeNode in='SourceGraphic'/></feMerge></filter></svg>#drop-shadow")
}
.carousel h1 {
 color:#fff;
 text-transform:none!important;
 font-size:4rem;
 text-align:left;
 font-weight:800;
 padding:1rem;
 margin-bottom:5px;
 margin-top:3rem;
 margin-left:12rem
}
.animated-on-view {
 opacity:0
}
.animated-on-view.animated {
 opacity:1
}

.carousel {
 position:relative
}
.carousel-inner {
 position:relative;
 width:100%;
 overflow:hidden
}
.carousel-item {
 position:relative;
 display:none;
 -ms-flex-align:center;
 align-items:center;
 width:100%;
 transition:-webkit-transform .6s ease;
 transition:transform .6s ease;
 transition:transform .6s ease,-webkit-transform .6s ease;
 -webkit-backface-visibility:hidden;
 backface-visibility:hidden;
 -webkit-perspective:1000px;
 perspective:1000px
}
.carousel-item-next,
.carousel-item-prev,
.carousel-item.active {
 display:block
}
.carousel-item-next,
.carousel-item-prev {
 position:absolute;
 top:0
}
.carousel-item-next.carousel-item-left,
.carousel-item-prev.carousel-item-right {
 -webkit-transform:translateX(0);
 transform:translateX(0)
}
@supports ((-webkit-transform-style:preserve-3d) or (transform-style:preserve-3d)) {
 .carousel-item-next.carousel-item-left,
 .carousel-item-prev.carousel-item-right {
  -webkit-transform:translate3d(0,0,0);
  transform:translate3d(0,0,0)
 }
}
.active.carousel-item-right,
.carousel-item-next {
 -webkit-transform:translateX(100%);
 transform:translateX(100%)
}
@supports ((-webkit-transform-style:preserve-3d) or (transform-style:preserve-3d)) {
 .active.carousel-item-right,
 .carousel-item-next {
  -webkit-transform:translate3d(100%,0,0);
  transform:translate3d(100%,0,0)
 }
}
.active.carousel-item-left,
.carousel-item-prev {
 -webkit-transform:translateX(-100%);
 transform:translateX(-100%)
}
@supports ((-webkit-transform-style:preserve-3d) or (transform-style:preserve-3d)) {
 .active.carousel-item-left,
 .carousel-item-prev {
  -webkit-transform:translate3d(-100%,0,0);
  transform:translate3d(-100%,0,0)
 }
}
.carousel-control-next,
.carousel-control-prev {
 position:absolute;
 top:0;
 bottom:0;
 display:-ms-flexbox;
 display:flex;
 -ms-flex-align:center;
 align-items:center;
 -ms-flex-pack:center;
 justify-content:center;
 width:15%;
 color:#fff;
 text-align:center;
 opacity:.5
}
.carousel-control-next:focus,
.carousel-control-next:hover,
.carousel-control-prev:focus,
.carousel-control-prev:hover {
 color:#fff;
 text-decoration:none;
 outline:0;
 opacity:.9
}
.carousel-control-prev {
 left:0
}
.carousel-control-next {
 right:0
}
.carousel-control-next-icon,
.carousel-control-prev-icon {
 display:inline-block;
 width:20px;
 height:20px;
 background:transparent no-repeat center center;
 background-size:100% 100%
}
.carousel-control-prev-icon {
 /*background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M4 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E")*/
}
.carousel-control-next-icon {
 /*background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M1.5 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E")*/
}
.carousel-indicators {
 position:absolute;
 right:0;
 bottom:10px;
 left:0;
 z-index:15;
 display:-ms-flexbox;
 display:flex;
 -ms-flex-pack:center;
 justify-content:center;
 padding-left:0;
 margin-right:15%;
 margin-left:15%;
 list-style:none
}
.carousel-indicators li {
 position:relative;
 -ms-flex:0 1 auto;
 flex:0 1 auto;
 width:30px;
 height:3px;
 margin-right:3px;
 margin-left:3px;
 text-indent:-999px;
 background-color:rgba(255,255,255,.5)
}
.carousel-indicators li::before {
 position:absolute;
 top:-10px;
 left:0;
 display:inline-block;
 width:100%;
 height:10px;
 content:""
}
.carousel-indicators li::after {
 position:absolute;
 bottom:-10px;
 left:0;
 display:inline-block;
 width:100%;
 height:10px;
 content:""
}
.carousel-indicators .active {
 background-color:#fff
}
.carousel-caption {
 position:absolute;
 right:15%;
 bottom:20px;
 left:15%;
 z-index:10;
 padding-top:20px;
 padding-bottom:20px;
 color:#fff;
 text-align:center
}

.carousel-caption_right {
 position:absolute;
 right:15%;
 bottom:20px;
 left:15%;
 z-index:10;
 padding-top:20px;
 padding-bottom:20px;
 color:#fff;
 text-align:center
}

.carousel-caption_right_footer {
 position:relative;
 right:15%;
 bottom:20px;
 left:15%;
 z-index:10;
 padding-top:20px;
 padding-bottom:20px;
 color:#fff;
 text-align:center
}

.multi-item-carousel {
 overflow:hidden
}
.multi-item-carousel img {
 height:auto;
 width:100%
}
.multi-item-carousel .carousel-control.left,
.multi-item-carousel .carousel-control.right {
 background:rgba(255,255,255,.3);
 width:25%
}
.multi-item-carousel .carousel-inner {
 width:150%;
 left:-25%
}
.carousel-inner>.item.active.right,
.carousel-inner>.item.next {
 -webkit-transform:translate3d(33%,0,0);
 transform:translate3d(33%,0,0)
}
.carousel-inner>.item.active.left,
.carousel-inner>.item.prev {
 -webkit-transform:translate3d(-33%,0,0);
 transform:translate3d(-33%,0,0)
}

/*--------------------------------------ABSTÄNDE-----------------------------------*/
.p-0 {
 padding:0!important
}
.pt-0 {
 padding-top:0!important
}
.pr-0 {
 padding-right:0!important
}
.pb-0 {
 padding-bottom:0!important
}
.pl-0 {
 padding-left:0!important
}
.px-0 {
 padding-right:0!important;
 padding-left:0!important
}
.py-0 {
 padding-top:0!important;
 padding-bottom:0!important
}
.p-1 {
 padding:.25rem!important
}
.pt-1 {
 padding-top:.25rem!important
}
.pr-1 {
 padding-right:.25rem!important
}
.pb-1 {
 padding-bottom:.25rem!important
}
.pl-1 {
 padding-left:.25rem!important
}
.px-1 {
 padding-right:.25rem!important;
 padding-left:.25rem!important
}
.py-1 {
 padding-top:.25rem!important;
 padding-bottom:.25rem!important
}
.p-2 {
 padding:.5rem!important
}
.pt-2 {
 padding-top:.5rem!important
}
.pr-2 {
 padding-right:.5rem!important
}
.pb-2 {
 padding-bottom:.5rem!important
}
.pl-2 {
 padding-left:.5rem!important
}
.px-2 {
 padding-right:.5rem!important;
 padding-left:.5rem!important
}
.py-2 {
 padding-top:.5rem!important;
 padding-bottom:.5rem!important
}
.p-3 {
 padding:1rem!important
}
.pt-3 {
 padding-top:1rem!important
}
.pr-3 {
 padding-right:1rem!important
}
.pb-3 {
 padding-bottom:1rem!important
}
.pl-3 {
 padding-left:1rem!important
}
.px-3 {
 padding-right:1rem!important;
 padding-left:1rem!important
}
.py-3 {
 padding-top:1rem!important;
 padding-bottom:1rem!important
}
.p-4 {
 padding:1.5rem!important
}
.pt-4 {
 padding-top:1.5rem!important
}
.pr-4 {
 padding-right:1.5rem!important
}
.pb-4 {
 padding-bottom:1.5rem!important
}
.pl-4 {
 padding-left:1.5rem!important
}
.px-4 {
 padding-right:1.5rem!important;
 padding-left:1.5rem!important
}
.py-4 {
 padding-top:1.5rem!important;
 padding-bottom:1.5rem!important
}
.p-5 {
 padding:3rem!important
}
.pt-5 {
 padding-top:3rem!important
}
.pr-5 {
 padding-right:3rem!important
}
.pb-5 {
 padding-bottom:3rem!important
}
.pl-5 {
 padding-left:3rem!important
}
.px-5 {
 padding-right:3rem!important;
 padding-left:3rem!important
}
.py-5 {
 padding-top:6rem!important;
 padding-bottom:6rem!important
}

.py-6 {
 padding-top:9rem!important;
 padding-bottom:9rem!important
}