/*
Bike Center Birkhold J6
creation Date: 2026-06-25
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){
	.adv_box_img_add{
		height: 60px;
	}
	
	.hinweis_floater{
		right: -300px;
	}
	.hinweis_floater:hover{
		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;
	}
	
	.intro_block._normal .intro_textwrap{
		width: 90%;
	}
	
	.scrollticker_wrapper{
		height: 150px;
	}
	.scrollticker_text{
		font-size: 30px;
		padding: 0px 30px;
	}
	.scrollticker_sep{
		height: 22px;
	}

	.service_grid{
		gap: 24px;
	}
	.rw_block{
		gap: 45px;
	}
	.rw_block .rw_img{
		height: 380px;
		border-radius: 24px 190px 190px 24px;
	}
}

@media (max-width: 1230px){
	.adv_flexwrap .flexbox{
		width: 100%;
		margin-bottom: 35px;
		overflow: hidden;
	}
}

@media (max-width: 1100px){
	.marken_item{
		width: 32%;
	}
	.marken_cta{
		width: 100%;
		aspect-ratio: auto;
		margin-top: 40px;
	}

	.service_grid{
		grid-template-columns: repeat(2, 1fr);
	}
	.service_grid .service_more{
		padding-left: 0px;
	}
	
	.hinweis_floater{
		position: relative;
		display: block;
		width: 100%;
		right: 0px !important;
		margin-bottom: 40px;
		margin-top: -40px;
	}
	
	.indoor_cycling_stoerer{
		height: 100px;
		bottom: -40px;
		right: -40px;
	}

	.kurs_grid{
		grid-template-columns: repeat(2, 1fr);
		gap: 22px;
	}
	.angebote_grid{
		grid-template-columns: repeat(2, 1fr);
	}

	.detail_left{
		margin-bottom: 40px;
	}
	.detail_contact{
		padding: 30px;
		border-radius: 24px;
	}
	.detail_contact_txt{
		max-width: 100%;
	}

	.angebote_track .angebot_box{ flex-basis: 280px; width: 280px; }
}

@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%;
	}
	
	.intro_textwrap h1{
		font-size: 50px;
	}
	.intro_block._normal h1{
		font-size: 40px;
		line-height: 40px;
	}
	.intro_block._normal{
		height: 450px;
	}
	
	.adv_box_img{
		width: auto;
		height: 400px;
		min-width: 100%;
	}
	
	.scrollticker_wrapper{
		height: 110px;
	}
	.scrollticker_text{
		font-size: 22px;
		padding: 0px 22px;
	}
	.scrollticker_sep{
		height: 17px;
	}

	.rw_block{
		flex-direction: column;
		align-items: stretch;
		gap: 30px;
		margin-top: 60px;
	}
	.rw_block .rw_media{
		flex: 0 0 auto;
		max-width: 100%;
	}
	.rw_block .rw_img{
		height: 300px;
		border-radius: 24px;       /* simple rounded rect when stacked */
	}
	.rw_block .rw_title{
		font-size: 22px;
		line-height: 30px;
	}
	.service_grid .service_card_title{
		font-size: 18px;
	}
	
	.ergo_yellow{
		width: 90%;
		height: 220px;
	}
	.ergo_advantage{
		margin-top: 40px;
	}
	.ergo_oval{
		margin-top: 40px;
	}
	
	.indoor_cycling_stoerer{
		right: 10px;
	}

	.acc_activator{
		padding: 20px 0px;
		gap: 14px;
	}
	.acc_title{
		font-size: 18px;
		line-height: 24px;
	}
	.acc_icon{
		width: 16px;
		height: 16px;
	}
	.acc_content_inner{
		padding-bottom: 26px;
	}
	
	.icon_financeabike{
		position: relative;
		display: block;
		bottom: auto;
		right: auto;
		margin-left: auto;
		margin-right: 0px;
	}

	.kurs_grid{
		grid-template-columns: 1fr;
		gap: 18px;
	}
	.kurs_grid .kurs_card_status{
		font-size: 26px;
	}

	.angebote_shape{
		width: 100%;
		margin-left: 1%;
		padding: 40px 0 40px 32px;
		border-radius: 60px 0 0 60px;
	}
	.angebote_head,
	.angebote_more{ padding-right: 32px; }
	.angebote_track .angebot_box{ flex-basis: 240px; width: 240px; }
}

@media (max-width: 600px){
	.scrollticker_wrapper{
		height: 90px;
		background-size: auto 60px;
	}
	.scrollticker_text{
		font-size: 18px;
		padding: 0px 18px;
	}
	.scrollticker_sep{
		height: 14px;
	}

	.service_grid{
		grid-template-columns: 1fr;
		gap: 20px;
	}
	.rw_block .rw_img{
		height: 240px;
	}

	.angebote_grid{
		grid-template-columns: 1fr;
		row-gap: 40px;
	}
	.angebot_flag{
		width: 42px;
	}
	.angebot_title{
		font-size: 15px;
	}
	.angebot_preis{
		font-size: 18px;
	}
	.detail_thumb{
		width: 84px;
		height: 84px;
	}
	.detail_preis{
		font-size: 26px;
	}
	.detail_brand{
		width: 110px;
		height: 58px;
	}

	.angebote_shape{ border-radius: 40px 0 0 40px; }
	.angebote_track .angebot_box{ flex-basis: 220px; width: 220px; }
}

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