/* MEDIA QUERIES - RESPONSIVE CSS
-------------------------------------------------- */

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

}


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

	.special-grid-content {
		padding-left: calc(var(--bs-gutter-x)/ 2);
	}

}

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

	.container {
  		width:100% !important;
  		max-width:100% !important;
  		margin-left: auto;
  		margin-right: auto;
  		padding-left: 15px;
  		padding-right: 15px;
	}

	lottie-player {
		top: 80px !important;
	}
	
}


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

	#logo,
	#logoBus,
	#logoLogistik,
	#logoNutzfahrzeuge,
	#logoSupport {
		display: block;
		z-index: 310 !important;
		width: auto;
		position: absolute;
		top: 56%;
		left: 0;
	}

	#logoBus,
	#logoLogistik,
	#logoNutzfahrzeuge,
	#logoSupport {
	  display: none;
	}

	#logo img,
	#logoBus img,
	#logoLogistik img,
	#logoNutzfahrzeuge img,
	#logoSupport img {
		width: 180px;
	}

	#frow1 div:nth-child(4) div, 
	#frow1 div:nth-child(5) div {
		margin-left: 0;
	}

	#frow1 .col-12 {
		margin-bottom: 50px; 
	}
	
}

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

	#wrap-footer {
	  border-left: 0px solid #0089d1;
	  border-right: 0px solid #0089d1;
	}

}


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

	#megura-swissness {
		right: 15px !important;
	}

	.inhalt .row, #footer .row {
    	margin-left:  0px !important;
     	margin-right: 0px !important; 
    }

	#frow1 {
		padding-bottom:20px; 
	}


	#wrap-header, #wrap-topbild {
		border-left: 30px solid #fff;
		border-right: 30px solid #fff;
	}

	#wrap-inhalt {
		border:30px solid #fff;
	}

	#frow1 .col-12 {
		margin-bottom:30px; 
	}

	#frow1 div:nth-child(2) div {
		margin-left: 0px;
	}


}



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

	#logo,
	#logoBus,
	#logoLogistik,
	#logoNutzfahrzeuge,
	#logoSupport {
		left: 25px;
	}

	/*#wrap-topbild {
		height: auto;
		max-height: 64vh;
	}*/

	.home .topclaim {
		/*bottom: calc(15px + 36vh - 135px);*/
		bottom: 30px;
	}

	/*.home .topclaim h2 {
	  bottom: 35vh;
	}

	.home .topclaim p {
	  bottom: 20vh;
	}*/

	#topbild img {
		top:0px !important;
	}

	.headerbox .ce-textpic > .ce-bodytext,
	.headerbox .row .frame {
	  top: 95%;
	  transform: translateY(-95%);
	  padding-left: 15px;
	  padding-right: 15px;
	}

	#footer-c5.float-end {
		float:left !important;
		margin-top:14px;
	}

	.footerlink {
		display:block;
		padding-left:0px !important; 
		margin-top:8px;
	}

	main img {
		max-width: 100% !important;
		height: auto; 
	}

	#wrap-header, #wrap-topbild {
		border-left: 0px solid #fff;
		border-right: 0px solid #fff;
	}

	#wrap-inhalt {
		border:0px solid #fff;
		border-top:30px solid #fff;
		border-bottom:30px solid #fff;
	}

	a#backBtn {
		padding-left: 15px;
	}

	.navTitle::before {
		margin-left: 0;
	}

	.frame-kontaktrahmen a {
	  font-size: 30px;
	  line-height: 154%;
	}

	.frame-kontaktrahmen p {
	  font-size: 22px;
	  line-height: 125%;
	}

	lottie-player {
		top: 50px !important;
	}

	.news-single .news-text-wrap {
		padding-right: 0;
	}

}


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

}


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

	#quicknavi {
		display: none;
	}

	/*#topbild {
		width: 125%;
		margin-left: -12.5%;
	}*/

	.home #topbild {
		width: 100%;
		margin-left: 0;
	}

	#frow1 .col-12 {
		margin-bottom: 30px; 
	}

	.slick-prev {
		left: 0px !important;
	}

	.slick-next {
		right: 0px !important;
	}

	.float-end {
		float: left !important;
	}

	.news-single .article .news-img-wrap img {
		width: 100%;
	}

	.news-single .article .teaser-text {
		width: 100%;
	}

	.news-single .article .news-backlink-wrap {
		width: 100%;
	}

	.news-single .article .frame {
		width: 100%;
	}

	lottie-player {
		top: 20px !important;
	}

	.home .bg-image.mobile-vh-75 {
		height: 75vh !important;
	}

}




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

	#footer-c4 .ce-gallery[data-ce-columns="2"] .ce-column {
		width: auto;
	}

	lottie-player {
		width: 120px !important;
		left: calc(100% - 130px) !important;
	}

}