@media (min-width: 1401px) and (max-width: 1600px){
/*========== Header Start ==========*/
/*========== Header End ==========*/ 

/*========== Banner Start ==========*/
/*========== Banner End ==========*/ 

/*========== Section Start ==========*/
/*========== Section End ==========*/ 

/*========== Footer Start ==========*/
/*========== Footer End ==========*/ 

}

@media (min-width: 1200px) and (max-width: 1400px){
/*========== Header Start ==========*/
/*========== Header End ==========*/ 

/*========== Banner Start ==========*/
/*========== Banner End ==========*/ 

/*========== Section Start ==========*/
/*========== Section End ==========*/ 

/*========== Footer Start ==========*/
/*========== Footer End ==========*/  
}

@media (min-width: 992px) and (max-width: 1199px){
/*========== Header Start ==========*/
/*========== Header End ==========*/ 

/*========== Banner Start ==========*/
/*========== Banner End ==========*/ 

/*========== Section Start ==========*/
/*========== Section End ==========*/ 

/*========== Footer Start ==========*/
/*========== Footer End ==========*/  
}

@media (max-width: 1024px){
	.section > div .title h2,
	.karten-cards__text h3,
	.kunden-accrodian h2,
	.media--block h2,
	.media--headline > div {font-size: 1.875rem; font-weight: 700; line-height: 1.5;}
	
	header .container{max-width:100%;}
	.top-header {padding: .75rem 0 .75rem;}
	.header-searchfield{width:100%; margin: .5rem 0 1rem; padding: 0 5px; float:left; overflow:hidden; transition: width .5s ease-in-out;}
	.full-width{width:100%;}
	.hide-search{width:0; padding:0;}
	.header-searchfield__input{width:100%;}
	.header-searchfield a{right:5px;}
	.hdr__lnk{display:none;}
	nav{display:-ms-flexbox; display:flex; -ms-flex-direction:column; flex-direction:column; position:absolute; right:0px; top:59px; padding: 0 .75rem; background: #28373c; width:100%; max-width: 22rem; height:100vh; max-height: 0; overflow: hidden; transition: max-height .5s ease-in-out; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar;}
	nav.active{max-height:calc(100vh - 59px); overflow-x: hidden; overflow-y: auto;}
	.mbl-lgn{font-size: 1rem; color: #939b9d; font-weight: 500; margin-right: 1rem; margin-left: auto}
	.mbl-lgn .fa-lock{margin-right:10px; font-size:14px;}
	.mobile--search{display:-ms-flexbox; display:flex; position:relative;}
	.mobile-close-search{background:none; border:none; color:#fff; padding:10px 0; font-size:18px; overflow:hidden; width: 0; transition:width .5s ease-in-out; cursor:pointer;}
	.mobile-close-search.show-btn{width: 20px;}
	.hide-mobile{display:none;}
	.nav--list{width:100%; float:left;}
	.nav--list{padding:0}
	nav > .nav--list > li{position:relative;}
	nav > .nav--list > li > a{padding:.75rem .75rem; font-size: 1rem; margin-right: 2.75rem; border-right: 1px solid #1a2326;}
	.mobile-close-search{display:block;}
	header:after{height:2px;}
	.burger-icon {margin-top: .375rem;}
	
	.banner-wapper{min-height:448px;}
	.banner-wapper > .banner--caption{padding:0 1rem 0;}
	.banner-wapper > .banner--caption > h1{font-size: 2rem; font-weight: lighter; line-height: 2.5rem;}
	
	
	
	.karten-cards__text span{padding: 1.5625vw; width:max-content;}
	.kunden-accrodian .container > div{margin-left: auto; margin-right: auto; width:100%; max-width:74%;}
	.kunden-accrodian .card > div > div > div > h3{font-size: 1rem; line-height:1.5; padding: 3.125vw;}
	.karten--container{-ms-flex-wrap: wrap; flex-wrap: wrap; margin-top:80px;}
	.karten--section{height:auto !important;}
	.karten--section .karen--block{height:inherit !important; position:relative; top:auto; left:auto; right:auto; }
	.karten-cards__text{width:100%; padding:6.25vw 0 12.5vw;}
	
	footer > div{padding:0 1rem}
	
	/*=========== Firmenphilosophie Page Css Start ==========*/
	.media--block{padding:0 1rem;}
	/*=========== Firmenphilosophie Page Css End ==========*/
}

@media (min-width: 768px) and (max-width: 991px){
/*========== Header Start ==========*/
/*========== Header End ==========*/ 

/*========== Banner Start ==========*/
/*========== Banner End ==========*/ 

/*========== Section Start ==========*/
/*========== Section End ==========*/ 

/*========== Footer Start ==========*/
/*========== Footer End ==========*/  
}


@media (max-width: 767px){
/*========== Header Start ==========*/
/*========== Header End ==========*/ 

/*========== Banner Start ==========*/
.banner-wapper{min-height:352px;}
.banner-wapper > .banner--caption > h1{font-size: 1.375rem !important; line-height: 1.75rem !important;}
/*========== Banner End ==========*/ 

/*========== Section Start ==========*/
.modal--content{max-width:100%;}
.modal-overlay--content{padding:1rem; margin:1.5rem 1rem;}
.kunden-accrodian{margin:0 auto; padding-top:0px;}
.kunden-accrodian h2{margin:0 1rem 2rem 1rem;}
.kunden-accrodian .card > div > div > div > div{min-width:3.5rem;}
.kunden-accrodian .card > div > div > div > h3{width:72%;}
.karten--container { margin-top: 0; margin-left: 6.25vw; margin-right: 6.25vw; }
.kunden-accrodian .container .row > div{margin-left: 6.25vw; margin-right: 6.25vw; width:100%;}
.karten--wrapper{max-width:178px;}
.section > div .list--fields .list--text:before{margin-right: .75rem;}
.karten--section{margin:0 auto; margin-bottom:0rem;}
.kunden-accrodian .container > div{max-width:95%;}
.card-content{margin-left: 2.25rem; padding-right:0px;}
/*========== Section End ==========*/ 

/*========== Footer Start ==========*/
footer {padding-bottom: .5rem;}
footer > div .f-links > .footer--navigation > li {margin: .25rem .75rem .25rem 0;}
/*========== Footer End ==========*/  

/*=========== Firmenphilosophie Page Css Start ==========*/
.media--block h2{padding:2.5rem 1rem;}
/*=========== Firmenphilosophie Page Css End ==========*/

/*=========== Depots Page Css Start ==========*/
.price--block.offer--sticky{padding-top:0rem;}
.price--block{padding-bottom:486px;}
.depots-image .banner--caption{display:none !important;}
.offer-inpage{-ms-flex-wrap: wrap; flex-wrap: wrap;}
.offer-inpage > a{margin-bottom:1rem;}
.price--block.offer--sticky .offer-inpage > a{ -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important;}
.price--block.offer--sticky .offer--card--wrapper{-ms-flex-wrap: wrap; flex-wrap: wrap; -ms-justify-content: center; justify-content: center; -ms-flex: 1 0 0; flex: 1 0 0;}
.offer--price--period--price{font-size: 1.875em; line-height: 1.2em;}
.offer--price--duration--unit{font-size: .75em; line-height: 1.16667em;}
.offer-inpage > a + a{margin-left:0rem;}
.offer-cta{margin:0 0 0 5%; padding: .75rem .5rem; max-width: 9.5rem; font-size: .75em;}
/*=========== Depots Page Css End ==========*/

}

@media (min-width: 576px) and (max-width: 767px){
/*========== Header Start ==========*/
/*========== Header End ==========*/ 

/*========== Banner Start ==========*/
/*========== Banner End ==========*/ 

/*========== Section Start ==========*/
/*========== Section End ==========*/ 

/*========== Footer Start ==========*/
/*========== Footer End ==========*/ 
}

@media (max-width: 575px){
/*========== Header Start ==========*/
nav{max-width:100%;}
/*========== Header End ==========*/ 

/*========== Banner Start ==========*/
/*========== Banner End ==========*/ 

/*========== Section Start ==========*/
/*========== Section End ==========*/ 

/*========== Footer Start ==========*/
footer > div > ul {width:100%; padding: .5rem; order: 4; -ms-flex-pack: center; justify-content: center;}
/*========== Footer End ==========*/  
}

@media (max-width: 359px){	
/*========== Header Start ==========*/
/*========== Header End ==========*/ 

/*========== Banner Start ==========*/
/*========== Banner End ==========*/ 

/*========== Section Start ==========*/
/*========== Section End ==========*/ 

/*========== Footer Start ==========*/
/*========== Footer End ==========*/  
}