@media only screen and (max-width:87.7rem) {
	container_tmpl,menue {
			width:97vw;
	}
}
@media only screen and (max-width:67.5rem) {
	menue{height:auto;}
	menue_desk{
		display:flex;
		flex-direction:row;
		align-items:flex-end;
		align-content:flex-start;
		flex-wrap:wrap-reverse;
		width:fit-content;
		height:fit-content;
		margin:0 .3rem;
	}
	a:link.mybuttons_klapp,
	a:link.mybuttons_reverse,
	a:link.mybuttons,
	a:active.mybuttons,
	a:visited.mybuttons, .dropdown-btn{
		width:8.12rem;
		margin:.2rem .1rem;
		border:thin solid var(--ini-border-col);
		font-weight:bold;
	}
@media only screen and (max-width:48.75rem) {
	/* alles jetzt auf 97vw  -> etwas weniger als 100 wegen scrollbar */
	.container_tmpl{
		width:97vw;
	}
	menue{
		grid-template-columns:4rem 3.2rem auto 0rem auto;
		grid-template-areas:
		"hamb home_b basket desk_links benutzer";
		height:fit-content;padding-bottom:.4rem;
		border-bottom:thin solid var(--ini-bg-dunkler);
	}
	banner{justify-content:end;}
	menue_desk{display:none;}
	benutzeranzeige{align-self:flex-end;}
	but_home_klein{display:none;}
	but_home_gross{display:block;}
	main{z-index:-1;}
	footer{z-index:-1;}
	einzelkachel_grid:first-child, einzelkachel_grid:nth-child(2),
	einzelkachel_grid:nth-child(3), einzelkachel_grid:nth-child(4),
	einzelkachel_grid:nth-child(5), einzelkachel_grid:nth-child(6),
	einzelkachel_grid:nth-child(7), einzelkachel_grid:nth-child(8),
	einzelkachel_grid:nth-child(9){
		width:48%;margin:0.2rem;
	}
	label.hamburg{display:block;}
	benutzeranzeige{width:100%;margin-right:0.8rem;}
	ben_anz_img_gast, ben_anz_img_trader{justify-self:end;}
	nur_desk{display:none;}
	book_kollektion{
	grid-template-columns:1fr;
	grid-template-rows:1fr 1fr; 
	grid-template-areas:
		"links"
		"rechts";
		width:98%;
		gap:1%;
	}
	kachelcontainer{margin:.1rem 0rem;}
	/* die Artikelliste nach klick auf kollektion */
	a.left_tool{
		left:-.7rem;
		height:2.7rem;
		width:2.7rem;
		background:url(../pics/arrow_left.png) no-repeat center / 2.7rem, transparent;
	}
	a.right_tool{
		right:-.7rem;
		height:2.7rem;
		width:2.7rem;
		background:url(../pics/arrow_right.png) no-repeat center / 2.7rem, transparent;
	}
	book_right_leer{width:auto;height:auto;text-align:center;font-size:1.7rem;}
	left_info, right_info{
		display:flex;
		flex-direction:row;
		justify-content:space-between;
		align-items:center;
	}
	container_artikel{
		grid-template-columns:1fr;
		grid-template-areas:
		"ca_info"
		"ca_pics"
		"ca_sizes"
		"ca_colors"
		"ca_tools";
		width:91vw;
		gap:0;
	}
	a.tool_go_back{position:fixed;margin:-1rem 0 0 -1rem;z-index:800;opacity:.8;}
	ca_pics{
		overflow:unset;
		max-height:unset;
		height:fit-content;
		border:thin solid var(--ini-border-col-heller);
		gap:0.4rem;
	}
	ca_pics info_box_non_border{display:none;}
	ca_info{
		display:flex;
		flex-direction:column;
		justify-content:flex-start;
		align-items:flex-start;
	}
	info_box_home{}
}
@media only screen and (max-width:44.4rem) {
	einzelkachel_grid:first-child, einzelkachel_grid:nth-child(2),
	einzelkachel_grid:nth-child(3), einzelkachel_grid:nth-child(4),
	einzelkachel_grid:nth-child(5), einzelkachel_grid:nth-child(6),
	einzelkachel_grid:nth-child(7), einzelkachel_grid:nth-child(8),
	einzelkachel_grid:nth-child(9){
			width:94%;
			margin:0.2rem auto;
	}
	kachelcontainer{margin:.1rem 0rem;gap:0.1rem;}
	einzelkachel_grid{width:100%;}
	container_artikel_desk{display:none;}
	container_artikel_mob{display:block;}
	frm_gaeste_daten{
		display: grid; 
		grid-template-columns:1fr;
		grid-template-areas:
			"hdr_pers"
			"l_vname"
			"data_vname"
			"l_name"
			"data_name"
			"l_mail"
			"data_mail"
			"l_tel"
			"data_tel"
			"info"
			"l_land"
			"data_land"
			"l_strasse"
			"data_strasse"
			"l_ort"
			"data_ort"
			"l_plz"
			"data_plz"
			"check_agb"
			"check_dsgv"
			"spacer"
			"tool_button";
			width:90vw;
			/*margin:.5rem auto;*/
			margin:0;
			background:var(--frm_gaeste-data-bg);
			border:thin solid var(--frm_gaeste-header-bg);
	}
	l_name,l_vname,l_mail,l_tel,
	l_land,l_strasse,l_ort,l_plz, spacer{justify-content:flex-start;margin-left:.2rem;}
	hdr_pers{height:3rem;}
	form_kontakt{
		display: grid; 
		grid-template-columns:1fr;
		grid-template-areas:	
		"hdr_pers"
		"l_vname"
		"data_vname"
		"l_name"
		"data_name"
		"l_mail"
		"data_mail"
		"l_tel"
		"data_tel"
		"space"
		"info_txt"
		"txt_input"
		"info_spam"
		"tool_button"
		;
		width:fit-content;
		max-width:32rem;
		margin:.5rem;
		background:var(--frm_gaeste-data-bg);
		border:thin solid var(--frm_gaeste-header-bg);	
	}
	ueberschrift_hinweis, ueberschrift{font-size:1rem;}
	form_widerruf{
	display: grid; 
	grid-template-columns:1fr;
	grid-template-areas:	
	"hdr_wider"
	"hinweis"
	"l_bestell_id"
	"bestell_id"
	"lbl_hinweis"
	"l_mail_w"
	"data_mail_w"
	"space_w"
	"info_nachr"
	"txt_nachr"
	"button_w"
	;
	width:90vw;
	/*margin:.5rem auto;*/
	margin:0;
	background:var(--frm_gaeste-data-bg);
	border:thin solid var(--frm_gaeste-header-bg);		
	}	
	form_widerruf * {
		display:block;
		padding:.15rem .4rem .1rem .2rem;
		font-size:.9rem;
		width:100%;
		height:fit-content;
	}	
	hinweis_blank{display:block;}
	hinweis_blank span{
		display:inline-block;
		width:auto;
	}
	lbl_hinweis span{
		display:inline-block;
		width:auto;
	}
	data_mail_w{height:fit-content;}
	failed_email{margin-top:.1rem;}
	h1{font-size:1.1rem;}
	h2{font-size:1rem;}
	h3{font-size:.9rem;}
	h4{font-size:.8rem;}
	h5{font-size:0.7rem}
	h6{font-size:0.6rem;}
	ca_pics img.only_one, ca_pics img.more_pic{
			width: 100%; 
			height: auto; 
			object-fit: cover;
	}
}

@media only screen and (max-width:37.5rem) {
	container_artikel_show{
	flex-direction:column;
	align-items:center;
	gap:.4rem;
	width:90vw;
	/*margin-left:-.5rem;*/
	}
	view_artikel_komplett{
		grid-template-columns:1fr 1fr;
		max-width:unset;
		width:87vw;
		margin:0;
	}
}