@charset "utf-8";
.onclass {width:400px;} /* use your actual large image width */
	.offclass {width: 300px;} /* use the starting image width */
ul.gallery{    
margin-left: 3vw;     
margin-right:3vw;  
}    

.zoom {      
-webkit-transition: all 0.5s ease-in-out;    
-moz-transition: all 0.5s ease-in-out;    
transition: all 0.5s ease-in-out;     
cursor: -webkit-zoom-in;      
cursor: -moz-zoom-in;      
cursor: zoom-in;  
}     

.zoom:hover,  
.zoom:active,   
.zoom:focus {
/**adjust scale to desired size, 
add browser prefixes**/
-ms-transform: scale(2.5);    
-moz-transform: scale(2.0);  
-webkit-transform: scale(2.5);  
-o-transform: scale(2.5);  
transform: scale(1.5);    
position:relative;      
z-index:100;  
}
figure {text-align: center;
padding-top: 20px}
/**To keep upscaled images visible on mobile, 
increase left & right margins a bit**/  
@media only screen and (max-width: 768px) {   
ul.gallery {      
margin-left: 20vw;       
margin-right: 20vw;
}

/**TIP: Easy escape for touch screens,
give gallery's parent container a cursor: pointer.**/
.DivName {cursor: pointer}
}
.border {
	border: solid 1px green;	
}.image-rounded {
}
.kartezirl {margin : auto;
	margin-top: 50px;
	max-width: 480px;
}
.karte {margin-left:  5px;}
 p {
	font-family:Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";
	font-size: 1.3em;
	padding-left: 20px;
	padding-top: 10px;
	background-color: white;	
}
.bildtext { font-size: small; margin-left: 15px; margin-right: 10px; width: 500px}

@media (min-width: 768px) {
  .container {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .container {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 1170px;
	border: solid thick #5E3E3E ;   
  }
}



button {
	background-color:#BBF0B3;  
}