@import url(https://fonts.googleapis.com/css?family=Rouge+Script);

.view {
   float: left;
   overflow: hidden;
   position: relative;
   text-align: center;
   cursor: default;
   border:1px dotted rgba(255,255,255,1.0);
}
.view .mask,.view .content {
	width: 100%;
	height: 500px;
	position: absolute;
	overflow: hidden;
	top: 0;
	/*left: -2px;*/
}
.view img {
   display: block;
   position: relative;
}
.view h2 {
   color: rgba(255,255,255,1.0);
   font-family:'Rouge Script', Verdana, Helvetica;
   font-size:2.2em;
   font-weight:normal;
   text-align: center;
   position: relative;
   padding: 10px;
   background:rgba(78,41,32,1.0);
   margin: 20px 0 0 0;
}
.view p {
   font-size: 0.8em;
   text-align: center;
   position: relative;
   color: rgba(255,255,255,1.0);
   padding: 0px;
   margin-left:auto;
   margin-right:auto;
}
.view a.group1 {
   /*Klick Button deaktiviert*/
}
.view a.group1:hover {
   
}

@media only screen and (max-width:1149px){
.view{max-height:300px;}
}