/*Bertsch */
			
fieldset {background: #fff;
		  border: none;
		  margin: 0;
		  padding: 0;}
  
ol {  	list-style-type: none;
		margin: 0;
		padding: 0;}

fieldset legend {
		  padding:0.1em;
		  margin:0;}

label {	color:black;
		display:block;
		cursor: pointer;
		width:auto; }
 

		
 input::placeholder {  }
 
 
#personen_auswahl {position:fixed; 
			z-index:9800;
			visibility:hidden;
			top:6.5em; margin-left:10%;padding:0.5em 0em 0.5em 0.2em;border:2px solid #333333;height:900px;width:434px; bottom:3%;overflow:auto;background-color:white;
			box-shadow: 5px 7px 12px black;}	
#personen_auswahl #cross{position:fixed;margin-left:372px;margin-top:-15px;border:4px solid red; background-color:red;padding:5px 2px 0 3px;
			z-index:1990;}
 

#personen_auswahl label { padding:2px 1px 1px 2px;border-bottom:1px solid #9A806A;border-radius:2px;margin-bottom:3px;background-color:#F2E8DF;  }
#personen_auswahl input { align-items: center; width:auto; }
#personen_auswahl label img { }
#personen_auswahl label:hover {background-color:#EAE9E8;}
input[type='radio'] {   width:40px;height:38px; }
input:focus, textarea:focus, select:focus { }
input[type='radio'] + label {}
input[type='radio']:checked  {}
#personalshopping_auswahl input[type='radio'] {   width:40px;height:38px;  }
#personalshopping_auswahl input[type='radio'] + label {
				cursor: pointer;display:inline-block;width:40px;height:38px;}
#personalshopping_auswahl input[type='radio']:checked { width: 40px;height:38px;}


#groa_alt, #groa_aza, #groa_bar, #groa_ben, #groa_das, #groa_obe, #groa_eic, #groa_ess, #groa_fin, #groa_fre, #groa_ham, #groa_hue, #groa_hum, #groa_kor, #groa_lab, #groa_mad, #groa_mis, #groa_moe, #groa_mor, #groa_ros, #groa_sag, #groa_sar, #groa_sch, #groa_scm, #groa_spi, #groa_stu, #groa_sza, #groa_vet, #groa_web, #groa_wol {visibility:hidden;}
.groa {position:absolute; margin-top:-2.60em;right:8px;width:140px;text-align:right;line-height:0;
	-webkit-box-shadow: 0px 4px 11px 0px rgba(0,0,0,0.48);
	-moz-box-shadow: 0px 4px 11px 0px rgba(0,0,0,0.48);
	box-shadow: 0px 4px 11px 0px rgba(0,0,0,0.48);
	border:3px solid #E0C8AA;}
.groa img {width:100%;}
.groa:hover {right:0px;
margin-top:2em;
-webkit-transform: scale(1.5);
-moz-transform: scale(1.5);
-ms-transform: scale(1.5);
-o-transform: scale(1.5);
transform: scale(1.5);
	transition: all 0.5s ease;
	transform-origin: bottom right	;}


textarea {    overflow: auto;}


.button {
	-moz-box-shadow:inset 0px 1px 0px 0px #bee2f9;
	-webkit-box-shadow:inset 0px 1px 0px 0px #bee2f9;
	box-shadow:inset 0px 1px 0px 0px #bee2f9;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #69A546), color-stop(1, #A6D28C) );
	background:-moz-linear-gradient( center top, #63b8ee 5%, #468ccf 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#63b8ee', endColorstr='#468ccf');
	background-color:#63b8ee;
	-webkit-border-radius:20px;
	-moz-border-radius:20px;
	border-radius:20px;
	text-indent:0px;
	border:1px solid #A6D28C;
	display:inline-block;
	color:black;
	font-size:1.2em;
	font-weight:bold;
	font-style:normal;
	height:40px;
	text-decoration:none;
	text-align:center;
	padding:0.6em 1em;
	width:auto;
}

.button:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #69A546), color-stop(1, #A6D28C) );
	background:-moz-linear-gradient( center top, #468ccf 5%, #63b8ee 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#468ccf', endColorstr='#63b8ee');
	background-color:#468ccf;
		cursor:pointer;
		color:white;}
		
.button:active {
	position:relative;
	top:1px;}


	#pshopping_column {position: relative;height:18em;display: grid; grid-gap: 0;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;line-height:0;margin-bottom:0.4em;
   line-height:0;
  }	
    #pshopping_column img{width:100%; }
		
#pshopping_coloumn {position: relative;height:18em;display: grid; grid-gap: 0;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;line-height:0;margin-bottom:0.4em;
   line-height:0;
  }	
    #pshopping_coloumn img{width:100%; }
		
	#pshopping_column_neu {position: relative;height:auto;display: grid; grid-gap: 0;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  border:1px dashed purple;line-height:0;
  }	
  #pshopping_column_neu img{width:100%; }		
 
 
  #stage a,  #stage2 a, #stage3 a, #stage4 a, #stage5 a {
    position: absolute; cursor:default; width:20%;height:auto; }
	


#stage a:nth-of-type(1) {
    animation-name: fader;
    animation-delay: 2.8s;
    animation-duration: 1.8s;
    z-index: 20;}
	
#stage2 a:nth-of-type(1) {
    animation-name: fader;
    animation-delay: 3.5s;
    animation-duration: 1.8s;
	z-index: 20;   }
	
#stage3 a:nth-of-type(1) {
    animation-name: fader;
    animation-delay: 3.0s;
    animation-duration: 1.8s;
	z-index: 20;   }

#stage4 a:nth-of-type(1) {
    animation-name: fader;
    animation-delay: 4.2s;
    animation-duration: 1.8s;
	z-index: 20;   }	

#stage5 a:nth-of-type(1) {
    animation-name: fader;
    animation-delay: 3.4s;
    animation-duration: 1.8s;
	z-index: 20;   }	
	
	
  #stage a:nth-of-type(2), #stage2 a:nth-of-type(2), #stage3 a:nth-of-type(2), #stage4 a:nth-of-type(2), #stage5 a:nth-of-type(2) {
    z-index: 10;
  }
  #stage a:nth-of-type(n+3), #stage2 a:nth-of-type(n+3), #stage3 a:nth-of-type(n+3), #stage4 a:nth-of-type(n+3), #stage5 a:nth-of-type(n+3) {
    display: none;
  }



  @keyframes fader {
    from { opacity: 1.0; }
    to   { opacity: 0.0; }
	}


#stickytest {position: sticky; color:red;background-color:silver;padding:10px;position: -webkit-sticky;
		top: 3.6em;z-index:2;	
		}
/* Die Elternelemente muesen overflow:auto; (oder visible?) haben, sonscht gehts wohl nicht? Und wohl auch eine height: zB. 100%; */
			
