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

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

}


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

@media (min-width: 768px) {
	.show-desktop {
		display: block;
	}
	.show-mobile {
		display: none;
	}
}


/* 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) {
	main {
		margin-top: 80px !important;
	}
	main h1 {
		font-size: 36px !important;
	}
	.show-desktop {
		display: none;
	}
	.show-mobile {
		display: block;
	}
	.navbar .navbar-nav li a {
		height: 70px !important;
	}
	.navbar-brand {
    	margin-left: 0px !important;
	}
	.container-fluid, .container-fluid .row, .container-fluid .col-lg-12 {
		padding-left: 0px !important;
		padding-right: 0px !important;
		margin-left: 0px !important;
		margin-right: 0px !important;
	}
	.container-fluid img {
		width: 100%;
	}
	.infobox, .infobox .row {
		max-width: 100% !important;
		padding-left: 0px !important;
		padding-right: 0px !important;
		margin-left: 0px !important;
		margin-right: 0px !important;
	}
	.infobox .element-content {
		min-height: 250px;
		padding: 35px 75px 20px 75px !important;
	}
	.bg-container2 .container {
    	padding-left: 40px !important;
    	padding-right: 40px !important;
	}
	.mobile-center, .schritte6 {
		text-align: center;
	}
	.mobile-center, .schritte6 h1 {
		font-size: 28px !important;
	}
	.mobile-left {
		text-align: left !important;
	}
	.bg-container3box {
		margin-bottom: 20px;
	}
	.mobile-werte {
		padding-top: 20px;
	}
	
	.carousel .carousel-inner {
		margin: 0px auto;
		width: 100% !important;
	}
	
	.carousel .carousel-inner p {
		font-size: 16px;
	}
	.carousel-control-prev, .carousel-control-next {
		display: none !important;
	}
	.bg-container3box, .carousel-item {
		min-height: 400px;
	}
}

/* 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) {
}