* {
  box-sizing: border-box;
}
body {
	max-width: device-width;
	font-family:Arial, sans-serif;
}

.header {
  padding: 4px;
  text-align: center;
  background: #00afd3;
  color: white;
  font-size: 10px;
  margin-bottom: 20px;
  #font-size:1vw;
  }

.content {
	text-align: center;
  max-width: 100%;
  margin: auto;
  font-size:12px;
  color: #093c71;
 
}


.auswahl {
	max-width: 100%;
    padding: 10px;
  text-align: center;
  font-size: 14px;
  margin-left: auto;
  #font-size:1vw;
  color: #093c71;
}

#artikel {
	max-width: 100%;
	#margin-top: 10px;
  #border: 1px solid #ccc;
  padding: 5px;
  text-align: center;
  margin: auto;
  color: #093c71;
  font-size:16px;
}

#ausgabe {
  max-width: 100%;
  #margin-top: 10px;
  #border: 1px solid #ccc;
  padding: 5px;
  text-align: center;
  #margin: auto;
  #color: #093c71;
  color: red;
  font-size:10px;
}

#data {
	max-width: 100%;
	margin-top: 30px;
  #border: 1px solid #ccc;
  padding: 5px;
  text-align: center;
  #margin: auto;
  color: #093c71;
  font-size:14px;
}


#ktext {
	font-weight: bold;
	max-width: 100%;
  #margin-top: 10px;
  #border: 1px solid #ccc;
  padding: 5px;
  text-align: center;
  #margin: auto;
  color: #00afd3;
  #color: red;
  font-size:13px;
}

.button {
	width: 300px;
	height: 40px;
	color: white;
	background: #093c71;
	border: 1em;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	
}
.1button:hover,
.1button:focus {
	box-shadow: #00afd3 0px 5px 15px, inset rgba(0, 0, 0, 0.15) 0px -10px 20px;
}

.besch {
	color: #093c71;
	font-size: 14px;
}

hr {
	width: 95%;
	height: 3px;
	margin: 0 auto;
	color: blue;
	background: #00afd3;
}


/* Style inputs */
input[type=text], select, textarea {
  width: 300px;
  padding: 5px;
  border: 1px solid #ccc;
  #margin-top: 30px;
  margin-bottom: 5px;
  resize: vertical;
  font-size: 16px;
  #font-size:1vw;
}

.wisatoolsstart {
  width: 300px;
  padding: 5px;
  border: 1px solid #093c71;
  #margin-top: 30px;
  margin-bottom: 5px;
  resize: vertical;
  font-size: 16px;
  #font-size:1vw;
}

#bild {
	margin-bottom: 50px;
}

img.zoom {
	 margin:0px 0 0 -30px;
 transition: transform 0.8s;
 -moz-transition: transform 0.8s;
 -webkit-transition: transform 0.8s;
 -o-transition: transform 0.8s;
 -ms-transition: transform 0.8s;

}
img.zoom:hover {
	 margin:0px 0 0 -30px;
 cursor: zoom-in; 
 cursor: -moz-zoom-in;
 cursor: -webkit-zoom-in;
 transform: scale(3.0, 3.0);
 -moz-transform: scale(3.0, 3.0);
 -webkit-transform: scale(3.0, 3.0);
 -o-transform: scale(3.0, 3.0);
 -ms-transform: scale(3.0, 3.0);

}

.image_cont {
	cursor: zoom-in; 
 cursor: -moz-zoom-in;
 cursor: -webkit-zoom-in;
    width:80px;
    #height:150px;
    background-size:contain;
    background-repeat:no-repeat;
    background-position:center;
}
.image_cont:hover {
	cursor: zoom-in; 
 cursor: -moz-zoom-in;
 cursor: -webkit-zoom-in;
    width:320px;
   
}


.zoom {
  transition: transform .3s; /* Animation */
  width: 200px;
  height: 200px;
  margin: 0 auto;
}

.zoom:hover {
  transform: scale(2.0); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
  #background: #00afd3;
  display: inline-block;
 }
  
  }

#neuartikel {
		color: #ee0000;
	}


.neu {
	color: #00afd3;
	font-size: 14px;
}
/** Größere Monitore 
@media only screen and (min-width: 600px) {
    #ktext { 
        font-size:0.7vw;  
    }
}

@media screen and (min-width: 900px) {
   #ktext { 
        font-size:0.7vw;  
    }
   }
  

@media screen and (min-width: 600px) and (max-width: 900px) {
  #ktext { 
        font-size:0.7vw;  
    }
   }
   

@media screen and (max-width: 600px) {
  #ktext { 
        font-size:1.0vw;  
    }
   }
   

@media screen and (max-device-width: 480px) {
   #ktext { 
        font-size:1.5vw;  
    }
   }
   **/
   
   a {text-decoration: none;}