/*
Technotherm Template
creation Date: 2026-03-30
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: 1650px){
	.home_intro_card{
		right: 2%;
	}
}

@media (max-width: 1500px){
	/* HOME: tighten hero card heights a touch */
	.home_hero_card{
		height: 380px;
	}
	/* HOME: trim slider image area on slightly narrower screens */
	.home_slide_imgbox{
		min-height: 440px;
	}
}

@media (max-width: 1410px){
	.home_slide_textcontent{
		padding: 40px;
	}
	
	.home_intro_card{
		position: relative;
		display: block;
		width: 100%;
		top: auto;
		right: auto;
		margin-left: auto;
		margin-right: auto;
	}
}

@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%;
		max-width: 100%;
		margin-left: 0px;
		margin-right: 0px;
	}

	.resOrder_1{
		order: 1;
	}
	.resOrder_2{
		order: 2;
	}
	.resOrder_3{
		order: 3;
	}
	
	#top_spacer{
		height: 60px;
	}

	/* HOME: stack cards (cascade from base) */
	.home_hero_flex,
	.home_verfahren_flex,
	.home_slide_flex{
		gap: 20px;
	}
	.home_hero_card{
		height: 340px;
	}
	.home_verfahren_card{
		max-width: 600px;
		margin-left: auto;
		margin-right: auto;
	}
	.home_slide_imgbox{
		min-height: 360px;
	}
	.home_slide_imgbox,
	.home_slide_textbox{
		max-width: 700px;
		margin-left: auto;
		margin-right: auto;
	}
	.home_slider{
		padding-left: 40px;
		padding-right: 40px;
	}
	
	.home_slider_arrow{
		width: 17px;
	}
	.home_slider_prev{
		left: 0px;
	}
	.home_slider_next{
		right: 0px;
	}
	
	.submenu ul.nav{
		margin-top: 60px;
	}
}

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

@media (max-width: 1100px){
	/* HOME: stats row keeps 3-up but condenses */
	.home_stat_num{
		font-size: 30px;
		line-height: 34px;
	}
	.home_stat_icon{
		width: 50px;
		height: 50px;
	}
	.home_stat_icon_img{
		width: 24px;
		height: 24px;
	}
}

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

@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%;
	}

	/* HOME: tighter sections, reduced paddings */
	.home_hero_wrapper,
	.home_verfahren_wrapper,
	.home_slider_wrapper,
	.home_zert_wrapper{
		padding-top: 50px;
		padding-bottom: 50px;
	}
	.home_verfahren_intro,
	.home_zert_intro{
		margin-bottom: 30px;
	}
	.home_hero_card{
		height: 300px;
	}
	.home_hero_card .home_hero_content{
		left: 22px;
		right: 22px;
		bottom: 22px;
	}
	.home_verfahren_text{
		padding: 25px;
	}
	.home_slide_textcontent{
		padding: 30px;
	}
	.home_slide_imgbox{
		min-height: 280px;
	}
	.home_slide_textcontent h2{
		margin-bottom: 18px;
	}
	.home_slider{
		padding-left: 30px;
		padding-right: 30px;
	}
	.home_stat{
		padding: 18px 8px;
	}
	.home_stat_num{
		font-size: 26px;
		line-height: 30px;
	}
	.home_stat_icon{
		width: 44px;
		height: 44px;
		margin-bottom: 10px;
	}
	.home_stat_icon_img{
		width: 22px;
		height: 22px;
	}
	.home_zert_flex{
		gap: 12px;
	}
	.contentbutton.home_zert_btn{
		min-width: 110px;
	}
	
	.home_verfahren_imgwrap{
		height: 60px;
	}
}

@media (max-width: 600px){
	/* HOME: stats wrap to 1-up on phones */
	.home_slide_stats .flexbox.flexbox_third{
		width: 100%;
	}
	.home_slide_stats{
		gap: 10px;
	}
	/* HOME: cert buttons fill width for tap targets */
	.contentbutton.home_zert_btn{
		width: 80%;
		min-width: 0;
	}
	
	.home_stat{
		width: 31%;
	}
}

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