/* Definition für Workshop-Übersicht */

.container_workshopuebersicht {
	border-radius:10px;
	margin: 0px 10px 10px 0px;
	width:300px;
	height:200px;
	position:relative;
	overflow:hidden;
	float:left;
}


.container_workshopuebersicht .themabox {
	width:300px;
	height:50px;
	position:absolute;
	bottom:0px;
	top:0;
	left:0;
	margin-top:150px;
	background-color: rgba(86,88,96,0.75);
	text-align:center;
}


.container_workshopuebersicht .workshopthema {
	font-size: 1.1em;
	color:#FFFFFF;
	line-height: 20px;
	text-align:center;
}

.container_workshopuebersicht .kleingedruckt {
	font-size: 0.9em;
	color:#FFFFFF;
	text-align:center;
}


.container_workshopuebersicht:hover .themabox {
	margin-top:150px;}



.themabox {
	-webkit-transition: all 0.7s ease;
	transition: all 0.7s ease;}


.container_workshopuebersicht .aufmacherbild {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}

.container_workshopuebersicht:hover .aufmacherbild {
-webkit-transform: scale(1);
transform: scale(1);
}

.container_workshopuebersicht .aufmacherbild {
	-webkit-transition: all 0.7s ease;
	transition: all 0.7s ease;}
	
	








/* Definition für iPhone 4 Querformat */

@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2) 
  and (orientation: landscape) {


.container_workshopuebersicht {
	width:48%;
	height:48%;	
}

.container_workshopuebersicht .themabox {
	width:100%;
	height:auto;
	margin-top:180px;
}

.container_workshopuebersicht .workshopthema {
	font-size: 2em;
	line-height: 0.8em;
	margin: 1em 0px 0.8em 0px;
}

.container_workshopuebersicht .kleingedruckt {
	font-size: 0.5em;
	line-height: 2em;
}


}




/* Definition für iPhone 4 Hochformat */

@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2) 
  and (orientation: portrait) {


.container_workshopuebersicht {
	width:100%;
	height:100%;
}

.container_workshopuebersicht .themabox {
	width:100%;
	height:auto;
	position:absolute;
	bottom:0px;
	top:0;
	left:0;
	margin-top:430px;
	background-color: rgba(86,88,96,0.75);
	text-align:center;
}


.container_workshopuebersicht .workshopthema {
	font-size: 3em;
	line-height: 0.8em;
	margin: 1em 0px 0.8em 0px;
}

.container_workshopuebersicht .kleingedruckt {
	font-size: 0.5em;
	line-height: 2em;
}



}