/* Responsive Styles */

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

}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
	.navbar {
		padding-top: 1.5rem;
		padding-bottom: 1.5rem;
	}

	.navbar-brand img{
		max-width:inherit;
	}

	body {
		padding-top: 105px;
	}
	
}

@media (max-width: 768px) {
	.imgoverlay {
		position: absolute;
		top: 0;
		left:0;
		transform:none;
		padding: 20px;
		width: 100%;
	}


	.imgoverlay div > .img-fluid {
		max-width: 128px;
	}

	.bg-blue {
		padding-top: 40px;
		padding-bottom: 40px;
		padding-left:0px;
		padding-right: 0px;
	}

	.order-xs-1{
		order:1;
	}

	.order-xs-2{
		order:3;
	}

	.order-xs-3{
		order:2;
	}

	.order-xs-4{
		order:4;
	}

	.leistungen .row, .orders .row{
		gap: 1rem;
	}

	.text-center-xs{
		text-align: center;
	}

	.carousel__slide .col-md-4:first-child{
		padding-left: calc(var(--bs-gutter-x) * .5);
	}
	
	.carousel__slide .col-md-4:last-child{
		padding-right: calc(var(--bs-gutter-x) * .5);
	}

	.carousel__slide .col-md-4{
		margin-bottom:15px;
	}
	
	.carousel__slide{
		--bs-gutter-x: 0px;
	}

	.carousel__button.is-prev{
		left:-20px;
	}
	
	.carousel__button.is-next{
		right:-20px;
	}
}

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

}

/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
	.fliess-text {
		margin-left: 100px;
		margin-right: 100px;
		text-align: center;
	}
}

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

}