.teamcontainer {position:relative;margin:0 auto;width:100%;margin:0 auto;
				width:100%;
				max-width:1500px;
				display: grid; 
				grid-gap: 10px;
				flex-direction:row;
				flex-wrap: wrap;
		 		grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr  1fr 1fr 1fr;
				grid-auto-flow: row;}
				   
.teamcontainer .member { position:relative;font-size:80%;line-height:0;border:3px solid #E0C8AA;}
.member img {border-radius:0%;width:100%;} 

.teamcontainer .member:hover {
	transition: all 0.1s ease;
		border:3px solid white;
		outline-offset: 3px;}  

.teamcontainer .member .name {position:absolute;bottom:5%;padding:0.4em 0px;border-top:1px solid rgba(255, 255, 255, 0.85);border-bottom:1px solid rgba(255, 255, 255, 0.85);color:black;font-weight:bold;
line-height:100%;font-size:100%;background-color:rgba(255, 255, 255, 0.65);text-align:center;width:100%;}
.teamcontainer .member:hover .name {background-color:rgba(255, 255, 255, 0.9);}	


#close {padding:5px;color:#628A57;}
#close img{padding:2px;}
#close a, .close a {color:green;text-decoration:underline;}
#close a:hover {text-decoration:underline;color:green;}

/* DRAUF ACHTEN, dass diese Felder auch bei responsive einsetzen!!! */
#kontaktfeld_altuner, #kontaktfeld_azzarelli, #kontaktfeld_barthel, #kontaktfeld_bender, #kontaktfeld_bertsch_udo, #kontaktfeld_bertsch_urs,
#kontaktfeld_beselt, #kontaktfeld_breuninger, #kontaktfeld_cindric, #kontaktfeld_da_silva, #kontaktfeld_detlov, #kontaktfeld_diamantis, #kontaktfeld_dressler, #kontaktfeld_eichner, #kontaktfeld_essig, #kontaktfeld_fast, #kontaktfeld_finkbeiner, #kontaktfeld_fischer, #kontaktfeld_frey, #kontaktfeld_fritsche, #kontaktfeld_furch, #kontaktfeld_goetz, #kontaktfeld_grauberger, #kontaktfeld_gunesch, #kontaktfeld_hamburger, #kontaktfeld_heibach, #kontaktfeld_hubeler, #kontaktfeld_hummel, #kontaktfeld_hummel_eveline, #kontaktfeld_knoeller, #kontaktfeld_korovljevic, #kontaktfeld_lehrer, #kontaktfeld_machirus, #kontaktfeld_madanca, #kontaktfeld_missoum, #kontaktfeld_moessinger, #kontaktfeld_morgeneier, #kontaktfeld_moser, #kontaktfeld_oehlschlaeger, #kontaktfeld_oosterwyk, #kontaktfeld_oezdin, #kontaktfeld_rau, #kontaktfeld_rossi, #kontaktfeld_sachs, #kontaktfeld_sager, #kontaktfeld_saric, #kontaktfeld_schaffer, #kontaktfeld_seiler, #kontaktfeld_simic, #kontaktfeld_schmidt, #kontaktfeld_schwarz, #kontaktfeld_stoll, #kontaktfeld_szalek, #kontaktfeld_szalek_juliana, #kontaktfeld_theis, #kontaktfeld_toteva, #kontaktfeld_unger, #kontaktfeld_vetter, #kontaktfeld_weber,  #kontaktfeld_weimann, #kontaktfeld_weinbrecht, #kontaktfeld_wolfer  {position:fixed;	
		top:7.1em; margin-left:0%;max-width:900px;width:100%;
		outline: 2px solid #E0C8AA;
		outline-offset: 0px;
		z-index:99899;text-align:right;line-height:0;visibility:hidden;
		-webkit-box-shadow: 6px 6px 7px 0px rgba(0,0,0,0.75);
		-moz-box-shadow: 6px 6px 7px 0px rgba(0,0,0,0.75);
		box-shadow: 6px 6px 7px 0px rgba(0,0,0,0.75);
		background-color:white;
}
/*  ACHTUNG, bei Responsive bzw. smart.css ggf. auch ändern....  bei 800px und bei 620px;  uuuuund max-height:900px und 750....  */


iframe {
   margin: 0;
   padding: 0;
   max-width:904px; /* MUSS bleiben!!! (sonst skaliert Personalbild nicht mehr...)*/
   width:100%;
   height:608px; 
   overflow: hidden;
   z-index:99999993;
  
  }


#personenkarte {font-size:100%;line-height:100%;width:100%;position:relative;}
#personenkarte #feldlinks, #personenkarte #feldrechts {position:absolute;display:block;padding-top:2%;width:8%;height:18%;background-color:rgba(255, 255, 255, 0.55);z-index:15;top:0;}
#personenkarte #feldlinks {left:0;border-radius:0 0% 12px 0%;}
#personenkarte #feldrechts {right:0;border-radius:0 0% 0% 12px;}
#pfeil_links, #pfeil_rechts {position:absolute;width:100%;}
#pfeil_links img, #pfeil_rechts img {position:relative;width:80%;max-width:50px;opacity:0.7;}
#feldlinks:hover #pfeil_links img, #feldrechts:hover #pfeil_rechts img {opacity:1.0;}
#personenkarte #feldlinks:hover , #personenkarte #feldrechts:hover { background-color:rgba(255, 255, 255, 0.65);}
#personenkarte #feldrechts { text-align:right;}
#personenkarte #feldunten {position:absolute; min-width:48%; width:auto;bottom:0; height:auto;z-index:16;padding:2% 2% 2% 2%;background-color:rgba(255, 255, 255, 0.55);border-radius:0 12px 0% 0px;}
#personenkarte img{width:100%;}
#personekarte .bild {width:100%;}
#personenkarte #feldunten #name {font-size:180%;line-height:110%;font-weight:bold;color:#235F0C;padding:6px;width:96%;background-color:rgba(255, 255, 255, 0.65);margin-bottom:0.2em;
border-radius:0 6px 0% 0; white-space:nowrap;}	
#feldunten #beschreibung {padding:0 0 6px 6px;font-weight:bold;opacity:0.7;font-size:120%;}
#feldunten #termin {/*aaaachtung:*/display:none;
position:relative; height:25px; margin-top:0.4em;padding-top:0.2em;width:100%;bottom:4px;z-index:18;padding-left:4px;white-space:nowrap;}
#feldunten #termin a{color:#333;}
#feldunten #termin a:hover{color:white;}




#close {padding:5px;height:26px;}
#close img{padding:2px;}
#close a {color:green;text-decoration:none;}
#close a:hover {text-decoration:underline;color:green;}






}

