/*
 Theme Name:   bootScore Child
 Description:  bootScore Child Theme
 Author:       bootScore
 Author URI:   https://bootscore.me
 Template:     bootscore-main
 Version:      5.3.0
 Text Domain:  bootscore
*/

/* 
All style editing is done via scss/_bscore_custom.scss
*/



















/*Coockie Banner Styling*/

#bs-cookie-bar  {
	background-color: #212529!important;
	color: #cecece;
	font-size: .8em;

}

#bs-cookie-bar a {
	color: #fff;
	font-size: 1.1em;
	
}

#bs-cookie-bar .btn-primary  {
	background-color: var(--Theme-color2);
	border-radius: 0;

}
#bs-cookie-bar .btn-primary:hover {
	background-color: var(--Theme-color3);
		border-radius: 0;

}


#bs-cookie-bar .btn-outline-primary {
	
color:white;
	border-radius: 0;
	border-color: white;

}
#bs-cookie-bar .btn-outline-primary:hover{
	background-color: white;
color:black;
	border-radius: 0;
	border-color: #212529;

}



/*Headerbereich*/


.fixed-top {
	border-bottom: 0px solid var(--Theme-color6);
}




.extra-modul1 {
	
position: fixed;
	z-index: 999;
	right: -46px;
	top: 200px;
	margin: 0;
	
		transform: rotate(-90deg);
		 

}

.extra-modul1 .btn-primary {
	padding: 7px 25px;
	margin: 0;
	font-size: 1.1em;
	  color:var(--Theme-color1);
  background-color: var(--Theme-color2);
  border-color: var(--border1);
  border: none;
  border-radius: 7px 7px 0 0;

 	
}

.extra-modul1 .btn-primary:hover {
	  color: var(--Theme-color1);
  background-color: var(--Theme-color3);
  border-color: var(--border2);
   border: none;
}





.btn-primary {
  color:var(--Theme-color1);
  background-color: var(--Theme-color2);
  border-color: var(--border1);
  border: none;
  }

.btn-primary:hover {
  color: var(--Theme-color1);
  background-color: var(--Theme-color3);
  border-color: var(--border2);
   border: none;
}



.container {
	text-align: left;
	hyphens: auto;


}
.container h1, h2, h3, h4,h5, h6{
	font-family: var(--theme-font-family);
}

.container h2 {
	line-height: 1.2em!important;
	font-weight: 600;
	margin: 0;
	background-color: ;

}

.container h3 {
	line-height: 1em!important;
	font-weight: 400;
	margin: 0;
	background-color: ;

}


	



.section-headline-wrapper {
	width:100%;
	height: auto;
	background-color: ;
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
}


.section-indicator {
background: ;
	
	margin-right: 18px;
	height: 70px;
	width: 70px;

}


.section-headline {
	background: ;

	width:80%;

	
}
.section-headline h3 {
	font-size: calc(1.1rem + 0.6vw) ;
}


@media screen and (max-width: 690px) {
	
		.section-indicator {

				height: 40px;
			width: 40px;

		}
		.section-headline h3 {
			font-size: calc(.9rem + 0.6vw) ;
		}


}



/*Hero Bereich*/

  .hero-scene {
margin-top: 80px;
  	background-repeat: no-repeat, repeat, no-repeat;
		background-position: 50% 101%, center, right center;
		background-size: 100%, cover ,cover;
      height: 700px;
      background-attachment: scroll, scroll, fixed;
  }

  .hero-txt-wrapper {
  position: absolute;
  top:200px;
  left:27%;
   	font-size:50px;
  	line-height: .8em;
  	font-family: var(--theme-font-family);
  	color: var(--Theme-color1)


  }
  .hero-title{
  
  	font-weight: 600;
  	font-size: 1em;
  	
  }
    .hero-caption{
  	
  	font-weight: 600;
  	font-size: .7em;
  	
  }

  @media screen and (max-width: 1024px) {
  	  .hero-scene {
margin-top: 80px;
  	background-repeat: no-repeat, repeat, no-repeat;
		background-position: 50% 101%, center, right center;

      height: 600px;
      background-attachment: scroll, scroll, scroll;
  }


  }

    @media screen and (max-width: 778px) {
  	  .hero-scene {
margin-top: 80px;
  	background-repeat: no-repeat, repeat, no-repeat;
		background-position: 50% 101%, center, right center;
		background-size: 0%, cover ,cover;
      height: 500px;
      background-attachment: scroll, scroll, scroll;
  }


  }


    @media screen and (max-width: 480px) {
  	  .hero-scene {
margin-top: 80px;
  	background-repeat: no-repeat, repeat, no-repeat;
		background-position: 50% 101%, center, right center;

      height: 350px;
     
  }

   .hero-txt-wrapper {
   top:130px;
  left:5%;
  
   	font-size:35px;
  	line-height: .8em;
  	


  }


  }








/* Styling der Bilderkarten im Hero Bereich, Mobil*/
			#Herokarten-mobile {margin:2%; filter: grayscale(50%);}
    	#Karte-img1 {width:96vw; height:48vw;}
    	#Karte-img1:nth-child(1) {color:#212529; background-color: #f1f1f1;}
    	#Karte-img1:nth-child(2) {color:#212529; background-color: #f1f1f1;}
    	#Karte-img1:nth-child(3) {color:#212529; background-color: #f1f1f1;}

    	.Karte-img-left, .Karte-img-right {display:flex;}
    	.Karte-img-right {flex-direction:row-reverse;}

		.Karte-img-imgcontainer img {object-fit:cover; width:48vw; height:48vw; }

    	.Karte-img-txtcontainer {width: 40vw; height: auto; margin: auto; font-size:2.5vw; line-height:1.2em;}
    	.Karte-img-txtcontainer h2 {font-size: 17px; font-weight: 500; padding-bottom:10px}


 @media screen and (min-width: 420px) {
			.Karte-img-txtcontainer h2 {font-size: 22px; font-weight: 500; padding-bottom:15px}
 }
    	

@media screen and (min-width: 690px) {

		#Herokarten-mobile {width:96vw ;margin:2%; padding:10px; display: inline-flex; justify-content: space-between;}
		    	#Karte-img1 {width:30vw; height:52vw; padding:8px; color:#212529; color:#212529; background-color: #fff; -webkit-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.2); box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.2);
		}
		    	#Karte-img1:nth-child(1) {color:#212529; background-color: #fff;}
		    	#Karte-img1:nth-child(2) {color:#212529; background-color: #fff;}
		    	#Karte-img1:nth-child(3) {color:#212529; background-color: #fff;}

		    	.Karte-img-left, .Karte-img-right {display:flex; flex-direction: column;}
		    	.Karte-img-right { flex-direction: column;}

				.Karte-img-imgcontainer img {object-fit:cover; width:30vw; height:20vw; }

		    	.Karte-img-txtcontainer {width: 28vw; height: auto; margin: 12px auto; font-size:1.7vw; line-height:1.4em; text-align: left}
		    	.Karte-img-txtcontainer h2 {font-size: 24px; font-weight: 600; padding-bottom:10px}

}


@media screen and (min-width: 992px) {

		#Herokarten-mobile {position: absolute; max-width: 1220px; top: 400px; z-index: 99; left:0; right:0; margin-left: auto; margin-right:auto; display: inline-flex; justify-content: space-between;}
		    	#Karte-img1 {width:31%; height:auto; 
		}
		        	.Karte-img-left, .Karte-img-right {display:flex; flex-direction: column;}
		    	.Karte-img-right { flex-direction: column;}

				.Karte-img-imgcontainer img {object-fit:cover; width:100%; height:100%; }

		    	.Karte-img-txtcontainer {width: 95%; height: auto; margin: 12px auto;  font-size: calc(1em + 0.1vw); line-height:1.4em; text-align: center}
		    	.Karte-img-txtcontainer h2 {font-size: 24px; font-weight: 600; padding-bottom:10px}



}


/* Sektion-Über uns - margin abhängig von #Herokarten-mobile */

#ueber-uns {
margin-top: 80px;

}

@media screen and (min-width: 920px) {

		#ueber-uns {
			margin-top: 17vw;
			padding-top:60px;

		}
}







/* Sektion-Leistungen */

#leistungen {
	padding-top:40px;
}
#leistungen-content {
	
background: var(--Theme-color3);
background: url(images/Divider_Round_unten_schmal.svg), linear-gradient(0deg, var(--Theme-color3) 50%, var(--Theme-color2) 100%) ;
background-repeat: no-repeat, no-repeat;
background-position: 50% 101%, center;
	
}

#leistungen-content-mobile {

background: var(--Theme-color3);
background: linear-gradient(0deg, var(--Theme-color3) 30%, var(--Theme-color2) 100%) ;
background-repeat: no-repeat;
background-position: center;
}




@media screen and (min-width: 992px) {

		#leistungen-content .sow-features-feature .textwidget {

			margin: 0 20px 0 0px;
			width: 400px;
			color: var(--Theme-color1);
			font-size: 1.1em;
			line-height: 1.2em;
			
			text-align-last: left;
			hyphens: auto;
		}

		#leistungen-content .sow-features-feature .textwidget h5{

			
			font-size: 1.3em;
			
		}
}

#leistungen-content-mobile .sow-features-feature .textwidget {
		color: var(--Theme-color1);
}





/*Sektion Zitat*/




#zitat{
filter: saturate(85%);
margin:10% 0;
height: 550px;
background: var(--Theme-color3);
background: url(images/Divider_Round_unten_schmal.svg), linear-gradient( rgba(25,25,25,.9) 0%, transparent 70%), url(images/bg/zitat-bg.jpg);
background-repeat: no-repeat, no-repeat, no-repeat;
background-position: 50% 101%, center, center;
background-size: cover,cover ,cover;
	background-attachment:scroll, scroll, fixed;
	
}



.zitat-wrapper{
margin:120px auto;
padding: 10px;

}

.zitat-inner{
border: solid 1px white;
letter-spacing: -0.02em;
background-color: rgba(0, 0, 0, 0);
font-size: calc(1.7em + .7vw);
color:white;
text-transform: uppercase;
text-align: center;
padding:17px;
font-weight:700;
font-family: 'roboto', serif;

}

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

		.zitat-wrapper{
			

		margin:20% auto;
		padding: 10px;

		}


			#zitat{
		filter: saturate(100%);
		margin:10% 0;
		height: 400px;
		background: var(--Theme-color3);
		background: linear-gradient( rgba(25,25,25,.7) 0%, rgba(25,25,25,0) 70%), url(images/bg/zitat-bg.jpg);
		background-repeat: no-repeat, no-repeat;
		background-position: center, center;
		background-size: cover ,cover;
		
			
		}

		.zitat-inner{
		padding:5px;

		font-size: calc(1.5em + 1vw);
		font-weight:500;


		}
}








/*Sektion Referenzen*/


.swiper-button-next, .swiper-button-prev{
	color:#999!important;

}
.swiper-pagination-bullet{
	background: #454545!important;
}
.card-text p{
	14px
}


.card-img, .card-img-top, .product-category .card img {
	border-radius: 0;
}

.card-img-top {
	width:100%;
	height:55%;
	object-fit: cover;
}
.separator-unten {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100vw;

}




/* Sektion Kontakt */

#kontakt {
background: var(--Theme-color3);
background: linear-gradient( white 0%, rgba(255, 255, 255, .2) 10%, rgba(255, 255, 255, .2) 50% , white 100%), url(images/bg/kontakt-bg.jpg);
background-repeat: no-repeat, no-repeat;
background-position: center, center;
background-size: cover ,cover;
background-attachment:scroll, fixed;
}


.kontakt-wrapper {
	float: left;
	width: 100%;
	background: ;
	padding: 50px 0;
}

.kontakt-inner-wrapper {
	float: left;
	width: 100%;
	background: ;
	

}

.kontakt-inner-icon {

	float: left;
	width: 50px;
	height: 50px;
	padding: 5px;
	background: var(--Theme-color2);
	margin: 7px 0;
	border-radius: 3px;
	border-color: var(--Theme-color3);
	border-width: 0px;
	border-style: solid;
	


}
.kontakt-inner-txt span {

	padding-top: 15px;
		background: red;
	

}

.kontakt-inner-txt span:first-child {

	padding-top: 7px;
		background: blue;
	

}

.kontakt-inner-txt {
	float: left;
	font-size: 1.4em;
	padding: 0 20px;
	background: ;
	height: 50px;
	  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 400;

	line-height: 1.1em;
	margin: 7px 0;


}

.kontakt-inner-txt a {
	color: var(--Theme-color4);
	font-weight: 500;
	font-size: 1.1em;
	text-decoration: none;


}

.kontaktformular .sow-contact-form {
	background-color: rgba(255, 255, 255, .0)!important;
}

.kontaktformular .sow-form-field textarea, .kontaktformular .sow-form-field .sow-text-field {
	border:1px solid #999!important;}

	.kontaktformular .sow-form-field label, .kontaktformular .sow-form-field .sow-text-field {
	color:#666;
	font-weight: 500;

}


/*Footer*/


footer {

	background-color: var(--Theme-color6);
	

		background-size: cover;
	background-position: center top;
	background-repeat: no-repeat;

	color: var(--Theme-color4);
	height:250px;

}

.sub-footer a{
	color: var(--Theme-color4);
	
	padding: 0 5px;
}

.sub-footer .container {
	padding-top: 10px;
	display: flex;
	justify-content: space-between;
}

.sub-left-coloumn{
	width: 26%;
}

.sub-left-coloumn a{
	font-size: 2rem;
	color:#888;
}
.sub-left-coloumn a:hover{
	font-size: 2rem;
	color:#fefefe;
}

 .sub-right-coloumn ul{
 list-style-type: none;
	display: flex;
	margin:0;
	padding: 10px 0;
	
	
}
.sub-right-coloumn li{
	line-height: 1em;
	border-right: solid 2px #444;

}
.sub-right-coloumn li:last-child{
	line-height: 1em;
	border-right: none;

}


 .sub-right-coloumn a{
 	color: #888;
 	font-weight: 500;
 	padding: 0 .75rem;

font-size: .85rem;
text-decoration: none;
	
}

 .sub-right-coloumn a:hover{
	 font-weight: 600;
	 color: #fefefe;
	
}




/*Footer - Einzelne Bereiche*/

.footer-komplett a{

color: var(--Theme-color4);
}

.footer-komplett h2{
	
font-size: 1em;
color:#666;
}


/*Sub-Footer - Einzelne Bereiche*/

.sub-footer {
	
	font-weight: 500;
	height: 100px;
	padding-top:15px;
	background:var(--Theme-color5);
	color: var(--Theme-color4);
}
.firmeninfo {
	line-height: 1.2em;
	color:var(--Theme-color4);
}
.firmeninfo a{
		color:var(--Theme-color4);
}



/*scroll to top*/

.top-button  {
	
	bottom: 68px;

	border-radius: 3px;
}



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

		.extra-modul1 {

		display: none;
		}



		.top-button {
			bottom: 20px;

		}
}