/* 	LocalBranding Core CSS (Contao)
		Author: LocalBranding 2018
		Theme:	LB_Onepager_Handcraft_Modules
*/

/* -- Fullscreen Article Header IMG --*/
.lb-fullscreen-hero{
	height: 100vh;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	background-attachment: fixed;
	position: relative;
	padding: 2rem;
	text-align: center;
	color: #ffffff;
}
.lb-fullscreen-hero .hero-content{
	position: absolute;
	left: 0;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    margin: 0 auto;
	width: 70%;
}
@media (max-width:1024px){
	.lb-fullscreen-hero .hero-content{
		width: 80%;
	}
}
@media (max-width:768px){
	.lb-fullscreen-hero .hero-content{
		height: 120vh;
		width: 80%;
		top: 70%;
		margin: 0 auto;
	}
}
.lb-fullscreen-hero .hero-content h1{
	width: fit-content;
    padding: 1rem 0rem;
	display: inline;
	color: #ffee00;
	margin-bottom: 3rem;
	text-shadow: 0px 2px 1px rgba(150, 150, 150, 1);
}
.lb-fullscreen-hero .hero-content h3{
	color: #ffffff;
	margin-bottom: 1rem;
}
@media (max-width:360px){
	.lb-fullscreen-hero .hero-content h3{
		display: none;
	}
}
.lb-fullscreen-hero .hero-content p{
	margin-bottom: 1rem;
}
@media (max-width:360px){
	.lb-fullscreen-hero .hero-content p{
		display: none;
	}
}
.lb-fullscreen-hero .hero-content .btn-1st{
	margin: 1rem;
}
.lb-fullscreen-hero .hero-content .btn-1st:hover{
	color: #1674b9;
}
.lb-fullscreen-hero .icn_arrow-down{
	position: absolute;
	height: 4.4rem;
	width: 2.0rem;
	background-image: url('../img/icn/icn_down-arrow.png');
	background-repeat: no-repeat;
	bckground-position: center;
	bottom: 6rem;
	left: 0;
	right: 0;
	margin: 0 auto;
}
@media (max-width:1024px){
	.lb-fullscreen-hero .icn_arrow-down{
		height: 0rem;
	}
}
/* -- LB - Header Banner-- */
.lb-header-banner{
	height: 40rem;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	text-align: center;
	position: relative;
	margin-bottom: 3rem;
}
@media (max-width: 1024px){
	.lb-header-banner{
		background-attachment: scroll;
	}
}
.lb-header-banner .hero-content{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
	right: 0;
}
.lb-header-banner header{
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.2);
}
.lb-header-banner h1{
	color: #ffffff;
	text-shadow: 0px 2px 1px rgba(150, 150, 150, 1);
}
/* -- LB - Text & Image left/right --*/
.lb-text-image_left,
.lb-text-image_right{
	min-height: 70rem;
	background-color: #ffffff;
	display: flex;
}
@media (max-width: 1024px){
	.lb-text-image_left,
	.lb-text-image_right{
		display: block;
	}
}
.image-content{
	background: grey;
	padding: 0;
	overflow: hidden;
	flex: 1;
}
@media (max-width: 768px){
	.image-content{
		min-height: 20rem;
	}
}
.image-content img{
	height: 100%;
	object-fit: cover;
	object-position: center;
}
@media (max-width: 1024px){
	.image-content img{
		height: auto;
		width: 100%;
	}
}
p{
	font-family: 'Roboto', sans-serif;
}
a{
	font-family: 'Roboto', sans-serif;
}
li{
	font-family: 'Roboto', sans-serif;
}
.text-content{
	padding: 0;
	display: flex;
	align-items: center;
	flex: 1;
	align-content: center;
}
@media (max-width: 1024px){
	.text-content{
		min-height: 5rem;
		padding: 5rem 0;
	}
}
.text-content figure{
	width: 80%;
	margin: 0 auto;
}
#reparatur .lb-text-image_right{
	background-color: #1674b9;
}
#reparatur .text-content,
#reparatur .text-content h2{
	color: #ffffff;
}
/* -- LB - Service Grid --*/
.lb-service-grid{
	background: url(../img/services_bg.jpg);
	background-repeat: no-repeat;
	background-attachment: fixed;
	min-height: 70rem;
	position: relative;
	padding: 3rem;
}
@media (max-width: 768px){
	.lb-service-grid{
		background-attachment: scroll;
		background-size: cover;
	}
}
.lb-service-grid h2{
	margin-bottom: 1.5rem;
}
.lb-service-grid h3{
	margin-bottom: 1.5rem;
}
.service-intro{
	display: block;
	text-align: center;
	margin-bottom: 3rem;
}
.lb-service-grid figure{
	margin: 0 auto;
	max-width: 80%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
}
@media (max-width: 1024px){
	.lb-service-grid figure{
		position: initial;
		top: 0;
		transform: translateY(0);
		padding: 5rem 0;
		width: 80%;
	}
}
.lb-service-tile{
	text-align: center;
	height: 22rem;
	position: relative;
	margin-bottom: 4rem;
}
.lb-service-tile .btn-1st{
	position: absolute;
	bottom: 0;
	left: 4rem;
	right: 4rem;
	width: auto;
	margin: 0 auto;
}
@media (max-width: 1024px){
	.lb-service-tile .btn-1st{
		position: unset;
		margin: 1rem auto;
	}
}
/* -- LB - Contact with Map->Right --*/
.lb-contact_map-right,
.lb-contact_map-left{
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #ffffff;
}
@media (max-width: 768px){
	.lb-contact_map-right,
	.lb-contact_map-left{
		display: block;
	}
}
.lb-contact_map-right .text-content figure,
.lb-contact_map-left .text-content figure{
	width: auto;
}
.map-content{
	padding: 0;
	flex: 1;
}
.map-content .dlh_googlemap {
	min-height: 70rem;
}
/* -- LB - Contact Form -- */

.lb-contact-form{
	min-height: 70rem;
	padding: 5rem;
	background: url(../img/services_bg.jpg);
	background-repeat: no-repeat;
	background-attachment: fixed;
	min-height: 70rem;
	position: relative;
}
@media (max-width: 768px){
	.lb-contact-form{
		background-attachment: scroll;
		background-size: cover;
	}
}
.lb-contact-form .text-content{
	display: block;
}
.content-form{
	width: 30%;
	margin: 0 auto;
}
@media (max-width: 1024px){
	.content-form{
	width: 50%;
	}
}
@media (max-width: 768px){
	.content-form{
	width: 80%;
	}
}
@media (max-width: 420px){
	.content-form{
	width: 95%;
	}
}
/* -- LB - CTA Detailpage -- */
.lb-detail-page_cta{
	text-align: center;
}