.wkbButton{
	width:99%;
	font-size:1.1em;
	padding: 0.4em 1px 0.4em 0em;
	text-align: center;
	text-decoration: none;
	background-color: #00AA00;
	border-radius:6px;
	border: none;
	color:#FFFFFF;
}
.wkbButton A{
	text-align: center;
	text-decoration: none;
	background-color: #FF9900;
	border-radius:6px;
	border: none;
	color:#FFFFFF;
}
.wkbButton:hover{
	text-align: center;
	text-decoration: none;
	background-color: #FF9933;
	border-radius:6px;
	border: none;
	color:#000000;
}
.form_text {
	color: #333333;
	border-radius: 6px;
	border: 2px solid #CCCCCC;
	text-align: left;
	background-color: #FFFFFF;
}
.form_text_pflicht {
	color: #333333;
	border-radius: 6px;
	border: 2px solid #FF9900;
	text-align: left;
	background-color: #FFFFFF;
}
.form_text_error {
	color: #FF0000 !important;
	border-radius: 6px;
	border: 2px solid #FF9900;
	text-align: left;
	/*background: rgb(255,131,119);
	background: -moz-linear-gradient(top,  rgba(255,131,119,1) 0%, rgba(206,53,53,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(255,131,119,1) 0%,rgba(206,53,53,1) 100%);
	background: linear-gradient(to bottom,  rgba(255,131,119,1) 0%,rgba(206,53,53,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff8377', endColorstr='#ce3535',GradientType=0 );*/
}
.shop_benefits{
	font-size: 0.7em; 
	line-height: 0.6em;
	text-align:left;
}
.benefitpos{
	display: none;
	margin-top: 0.0rem;
}	
.only_mobile_vis{
	display: flex;
}	
.only_desktop_vis{
	display: flex;
}	
.not_mobile_vis{
	display: none;
}	
.headerpos{
	margin-top: 0.0rem;
}
.main_logo_pic{
	width: 5.0rem;
	height: auto;
	margin-left: 0.6rem;
}
.carouselpos{
	margin-top: 4.0rem;
}
.weber_titel{
	font-weight: 500;
	font-size: 1.4em;
}
.weber_text{
	font-size: 1.1em;
}
.index_mobile_auswahl_überschrift{
	position: absolute;
	bottom: 25px;
	right: 10px;
	text-align: center;
	font-size: 1rem; 
	text-shadow: 0px 0px 3px #000000; 
	line-height: 1.0rem;
}
.index_mobile_auswahl_unterüberschrift{
	position: absolute;
	bottom: 4px;
	right: 10px;
	font-size: 0.6rem; 
	text-shadow: 0px 0px 3px #000000;
}
.Thumbnailtext_Edelstahlgeländer{
	position: absolute; 
	font-size: 1.05rem; 
	color:#FFFFFF; 
	font-weight:600; 
	width:90%; 
	left: 5%; 
	bottom: 10px; 
	text-shadow: 1px 1px 3px rgba(0, 0, 0, 1); 	
}
.Thumbnailtext_Stahlgeländer{
	position: absolute; 
	left: 5%; 
	bottom: 7px; 
	font-size: 0.8rem; 
	color:#FFFFFF; 
	font-weight:600; 
	width:90%; 
	left: 5%; 
	text-shadow: 1px 1px 3px rgba(0, 0, 0, 1); 
}
.Thumbnailtext_GGG{
	position: absolute; 
	left: 5%; 
	bottom: 24px; 
	font-size: 0.7rem; 
	color:#FFFFFF; 
	font-weight:600; 
	width:90%; 
	text-shadow: 1px 1px 3px rgba(0, 0, 0, 1); 
}
.Leo_GGG{
	font-size: 0.7rem; 
	color:#009FE3; 
	font-weight:600; 
	width: 97%;
}
.play_btn{
	position: absolute; 
	margin-left: auto;
	margin-right: auto;
	left: 0;
	right: 0;
	text-align: center;
	width:30%; 

	top:10%; 

}
.play_btn_absturz, .play_btn_zuschnitt{
	position: absolute; 
	margin-left: auto;
	margin-right: auto;
	left: 0;
	right: 0;
	text-align: center;
	width:20%; 
	top:10%; 
}
.Thumbnailtext_Franz{
	position: absolute; 
	bottom: 7px; 
	font-size: 1.2rem; 
	color:#FFFFFF; 
	font-weight:600; 
	width:100%; 
	text-shadow: 1px 1px 3px rgba(0, 0, 0, 1); 
}	
.Thumbnailtext_Absturz, .Thumbnailtext_Zuschnitt{
	position: absolute; 
	margin-left: auto;
	margin-right: auto;
	left: 0;
	right: 0;
	text-align: center;
	bottom: 10px; 
	font-size: 1rem; 
	color:#FFFFFF; 
	font-weight:600; 
	width:100%; 
	text-shadow: 1px 1px 3px rgba(0, 0, 0, 1); 
}
.wgrp_bezeichnung{
	font-size: 0.9rem; 
	color:#FFFFFF; 
	font-weight:600; 
	width:100%; 
	text-shadow: 1px 1px 3px rgba(0, 0, 0, 1); 
	text-align: center; 
	background-color: #DDDDDD;
}
.warenkorbpos{
	margin-top: 4.0rem;
}	
.warenkorb_skontotext{
	font-size: 1rem;
	padding:0px 0px 0px 0px; 
	text-align:right; color:red;
}


/* handy quer 576px und mehr */
@media (min-width: 576px) {
	.shop_benefits{
		font-size: 0.7em; 
		line-height: 0.6em;
		text-align:left;
	}
	.benefitpos{
		display: none;
		margin-top: 0.0rem;
	}	
	.only_mobile_vis{
		display: flex;
	}
	.only_desktop_vis{
		display: none;
	}		
	.headerpos{
		margin-top: 0.0rem;
	}
	.main_logo_pic{
		width: 5.0rem;
		height: auto;
		margin-left: 0.8rem;
	}
	.carouselpos{
		margin-top: 4.5rem;
	}
	.Thumbnailtext_Edelstahlgeländer{
		font-size: 1.5rem; 
		bottom: 10px;
	}
	.Thumbnailtext_Stahlgeländer{
		font-size: 1.3rem; 
		bottom: 10px;
	}
	.Thumbnailtext_GGG{
		font-size: 1.1rem;
		bottom: 35px;
	}
	.Leo_GGG{
		font-size: 1.1rem; 
	}
	.Landingpage_link{
		font-size: 1.2rem;
	}
	.warenkorbpos{
		margin-top: 4.0rem;
	}	
	.warenkorb_skontotext{
		font-size: 1.2rem;
	}
}

/* tablets 768px und mehr */
@media (min-width: 768px) {
	.shop_benefits{
		font-size: 0.7em; 
		line-height: 0.6em;
		text-align:left;
	}
	.benefitpos{
		display: block;
		margin-top: 0.5rem;
	}	
	.only_mobile_vis{
		display: flex;
	}	
	.only_desktop_vis{
		display: none;
	}		
	.headerpos{
		margin-top: 2.8rem;
	}
	.main_logo_pic{
		width: 6.0rem;
		height: auto;
		margin-left: 0.8rem;
	}
	.carouselpos{
		margin-top: 2.5rem;
	}
	.Thumbnailtext_Stahlgeländer{
		font-size: 1rem; 
	}
	.Thumbnailtext_GGG{
		font-size: 1rem;
	}
	.Leo_GGG{
		font-size: 1rem; 
	}
	.play_btn_absturz, .play_btn_zuschnitt{
		top: 35px;
		width: 17%;
	}
	.Thumbnailtext_Absturz, .Thumbnailtext_Zuschnitt{
		font-size: 1.2rem;;
	}
	.warenkorbpos{
		margin-top: 6.0rem;
	}
}
/* desktops 992px und mehr */
@media (min-width: 992px) {
	.shop_benefits{
		font-size: 1.0em; 
		line-height: 1.0em;
		text-align:left;
	}
	.benefitpos{
		display: block;
		margin-top: 0.5rem;
	}	
	.only_mobile_vis{
		display: none;
	}	
	.only_desktop_vis{
		display: flex;
	}		
	.headerpos{
		margin-top: 2.8rem;
	}
	.main_logo_pic{
		width: 8.0rem;
		height: auto;
		margin-left: 0.8rem;
	}
	.carouselpos{
		margin-top: 4.0rem;
	}
	.weber_titel{
		font-weight: 500;
		font-size: 1.8em;
	}
	.weber_text{
		font-size: 1.2em;
	}
	.Thumbnailtext_Edelstahlgeländer{
		font-size: 1.7rem; 
		bottom: 5px;
	}
	.Thumbnailtext_Stahlgeländer{
		font-size: 1.3rem; 
	}
	.Thumbnailtext_GGG{
		font-size: 1.3rem;
	}
	.Leo_GGG{
		font-size: 1rem; 
	}
	.play_btn{
		top: 50px;
		width:25%; 
	}
	.play_btn_absturz, .play_btn_zuschnitt{
		top: 60px;
		width: 14%;
	}
	.Thumbnailtext_Absturz, .Thumbnailtext_Zuschnitt{
		font-size: 1.2rem;;
	}
	.wgrp_bezeichnung{
		font-size: 1.2rem;
	}
}
/* 1200px und mehr */
@media (min-width: 1200px) {
	.play_btn{
		top: 70px;
		width:20%; 
	}
	.Thumbnailtext_Absturz, .Thumbnailtext_Zuschnitt{
		font-size: 1.5rem;;
	}
}
/* 1400px und mehr */
@media (min-width: 1400px) {
	.Thumbnailtext_Stahlgeländer{
		font-size: 1.6rem; 
	}
	.Thumbnailtext_GGG{
		font-size: 1.6rem;
	}
	.Thumbnailtext_Franz{
		font-size: 1.6rem;
		bottom: 15px;
	}
	.wgrp_bezeichnung{
		font-size: 1.4rem;
	}
	.Landingpage_link{
		font-size: 1.5rem;
	}
}