/*
Stadler Spedition J6
creation Date: 2026-06-15
Author: Sebastian Osinski
http://www.sebbi.net
https://ddm-friends.de
*/

.resp_only{
	display: none;
}
.reg_only{
	display: initial;
	display: inherit;
}

.section_bg.__reg{
	display: block;
}
.section_bg.__res{
	display: none;
}

@media (max-width: 1800px){
}

@media (max-width: 1500px){
	.unternehmen_gal_nav._r{
		right: 0px;
	}
}

@media (max-width: 1410px){
	
}

@media (max-width: 1320px){
	.resp_only{
		display: initial;
		display: inherit;
	}
	.reg_only,
	.noRes{
		display: none;
	}
	.noReg{
		display: none;
	}
	.resp_center{
		text-align: center;
	}
	
	._resFull,
	.flexbox._resFull{
		width: 100%;
		margin-left: 0px;
		margin-right: 0px;
	}

	.resOrder_1{
		order: 1;
	}
	.resOrder_2{
		order: 2;
	}
	.resOrder_3{
		order: 3;
	}
	
	#top_spacer{
		height: 30px;
	}
	
	.ddm_modal_close{
		top: 5px;
		right: 5px;
	}
	
	.auflieger_flexbox{
		width: 100%;
	}
}

@media (max-width: 1230px){
}

@media (max-width: 1100px){
}

@media (max-width: 1100px){
	.intro_block{
		height: 500px;
	}
	.intro_block.high{
		height: 600px;
	}
}

@media (max-width: 860px){
	h1,
	h2.title,
	.alt_headlines h1,
  .alt_headlines h2.title{
		font-size: 32px;
		line-height: 40px;
	}
	h2,
	.alt_headlines h2{
		font-size: 26px;
		line-height: 34px;
	}
	h3,
	.alt_headlines h3{
		line-height: 32px;
		font-size: 22px;
	}
	h4{
		font-size: 20px;
		line-height: 22px;
	}
	h5{
		font-size: 18px;
	}
	h6{
		font-size: 16px;
	}

	.resp_center_800{
		text-align: center;
	}
	.resFull_800,
	.flexbox.resFull_800{
		width: 100%;
	}

	.resOrder800_1{
		order: 1;
	}
	.resOrder800_2{
		order: 2;
	}
	
	.font_l,
	.font_l p,
	.font_l .contstyles li{
		font-size: 18px;
		line-height: 26px;
	}
	
	.res80_800,
	.flexbox.res80_800{
		width: 80%;
	}
}

@media (max-width: 600px){
}

@media (max-width: 500px){
}

/* ============================================================
   HOME — Reasons Slider & Image Row (responsive)
   ============================================================ */
@media (max-width: 1320px){
	.reasons_item{
		flex: 0 0 50%;
		max-width: 50%;
		padding-left: 35px;
		padding-right: 20px;
	}
	
	.intro_textblock{
		padding: 40px;
	}
	.intro_textblock_txt,
	.intro_textblock_img{
		width: 100%;
	}
	.intro_textblock_line{
		height: 1px;
		width: 100%;
	}
	.home_button_wrapper{
		margin-top: 10px;
	}
	.intro_textblock_slogan{
		font-size: 18px;
		padding-left: 60px;
	}
}

@media (max-width: 860px){
	.reasons_item{
		flex: 0 0 100%;
		max-width: 100%;
		padding-left: 30px;
		padding-right: 10px;
	}
	.reasons_item::before{
		height: 220px;
	}

	.home_box{
		width: 100%;
		min-height: 400px;
	}
	.home_box_text{
		padding: 0 24px 24px 24px;
	}
	.home_box_label{
		top: 18px;
		padding: 10px 46px 10px 22px;
	}
}


/* ============================================================
   ÜBER UNS / ABOUT (responsive)
   ============================================================ */
@media (max-width: 1320px){
	.about_quote{
		margin-bottom: 40px;
		font-size: 26px;
		line-height: 38px;
	}
	.about_grid{
		grid-template-columns: repeat(3, 1fr);
		row-gap: 45px;
	}
	.about_strengths_head{
		margin-bottom: 45px;
	}
	.about_card_media{
		margin-top: 40px;
	}
}

@media (max-width: 860px){
	.about_grid{
		grid-template-columns: repeat(2, 1fr);
	}
	.about_story_text .about_tag{
		margin-top: 30px;
	}
	.about_strength_icon{
		width: 130px;
	}
}

@media (max-width: 500px){
	.about_tag{
		font-size: 13px;
		padding: 10px 40px 10px 22px;
	}
}




/* MODAL · EUROPA-ZIELE */
@media (max-width: 600px){
	.dest_grid{
		column-count: 2;
		column-gap: 24px;
	}
}
@media (max-width: 420px){
	.dest_grid{
		column-count: 1;
	}
}






/* ============================================================
   LEISTUNGEN (responsive)
   ============================================================ */
@media (max-width: 1320px){
	.leist_wrap{
		margin-top: -110px;
	}
	.leist_grid{
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (max-width: 860px){
	.leist_wrap{
		margin-top: -90px;
	}
	.leist_grid{
		grid-template-columns: 1fr;
	}
	.leist_box,
	.leist_box_head{
		min-height: 0;
	}
	/* slogan back into flow so it doesn't float over the hero on small screens */
	.leist_wrap .intro_textblock_slogan{
		position: relative;
		top: 0;
		left: 0;
		display: inline-block;
		margin-bottom: 24px;
	}
	.leist_outro_txt{
		font-size: 18px;
		line-height: 28px;
	}
}





/* ============================================================
   FUHRPARK (responsive)
   ============================================================ */
@media (max-width: 1320px){
	.fp_grid{
		grid-template-columns: repeat(2, 1fr);
	}
}
@media (max-width: 860px){
	.fp_grid{
		grid-template-columns: 1fr;
	}
	.fp_box{
		aspect-ratio: 3 / 2;
	}
	.fp_market_text{
		top: 25%;
		font-size: 18px;
		line-height: 24px;
	}
}
@media (max-width: 600px){
	.ddm_modal_cont{
		padding: 26px 20px;
	}
	.fp_spec_table td{
		padding: 11px 16px;
	}
}