/* --------------------------------------------------
	Responsive-Design
-------------------------------------------------- */

/* Small devices (landscape phones, 576px and up)
-------------------------------------------------- */
@media (min-width: 576px) {

}


/* Medium devices (tablets, 768px and up)
-------------------------------------------------- */

@media (min-width: 768px) {

}


/* Large devices (desktops, 992px and up)
-------------------------------------------------- */

@media (min-width: 992px) {

}


/* X-Large devices (large desktops, 1200px and up)
-------------------------------------------------- */
@media (min-width: 1200px) {

}


/* XX-Large devices (larger desktops, 1400px and up)
-------------------------------------------------- */
@media (min-width: 1400px) {  
	
}

/* X-Large devices (large desktops, less than 1400px)
-------------------------------------------------- */
@media (max-width: 1399.98px) {

}

/* Large devices (desktops, less than 1200px)
-------------------------------------------------- */
@media (max-width: 1199.98px) {
}

/* Medium devices (tablets, less than 992px)
-------------------------------------------------- */
@media (max-width: 991.98px) {
	
}

/* Small devices (landscape phones, less than 768px)
-------------------------------------------------- */
@media (max-width: 767.98px) {

	body::after {
	content: "";
	background: url(../img/background_mobile.jpg) !important;
	background-position: center !important;
	background-repeat:no-repeat !important;
	background-size:cover !important;
	opacity: 0.7 !important;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	position: absolute;
	z-index: -1;   
	}

	a[href^="tel"] {
		color: #ffffff !important;
		text-decoration: none !important; 
	}

	.kontaktdaten {
		margin-top: 100px;
	}
	.kontaktdaten p {
		font-size: 16px;
	}
	.logo_desktop {
		display: none !important;
	}
	.logo_mobile {
		display: block !important;
	}
}

/* X-Small devices (portrait phones, less than 576px)
-------------------------------------------------- */
@media (max-width: 575.98px) {

}

/* 
-------------------------------------------------- */
@media (min-width: 576px) and (max-width: 767.98px) {
}

/* 
-------------------------------------------------- */
@media (min-width: 768px) and (max-width: 991.98px) {

}

/* 
-------------------------------------------------- */
@media (min-width: 992px) and (max-width: 1199.98px) {

}

/* 
-------------------------------------------------- */
@media (min-width: 1200px) and (max-width: 1399.98px) {
}