/* OVERALL DEFINITIONS */
/* open-sans-300 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: url('./fonts/open-sans-v34-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('./fonts/open-sans-v34-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./fonts/open-sans-v34-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('./fonts/open-sans-v34-latin-300.woff') format('woff'), /* Modern Browsers */
       url('./fonts/open-sans-v34-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('./fonts/open-sans-v34-latin-300.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('./fonts/open-sans-v34-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('./fonts/open-sans-v34-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./fonts/open-sans-v34-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('./fonts/open-sans-v34-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('./fonts/open-sans-v34-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('./fonts/open-sans-v34-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-500 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 500;
  src: url('./fonts/open-sans-v34-latin-500.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('./fonts/open-sans-v34-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./fonts/open-sans-v34-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('./fonts/open-sans-v34-latin-500.woff') format('woff'), /* Modern Browsers */
       url('./fonts/open-sans-v34-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('./fonts/open-sans-v34-latin-500.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-800 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 800;
  src: url('./fonts/open-sans-v34-latin-800.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('./fonts/open-sans-v34-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./fonts/open-sans-v34-latin-800.woff2') format('woff2'), /* Super Modern Browsers */
       url('./fonts/open-sans-v34-latin-800.woff') format('woff'), /* Modern Browsers */
       url('./fonts/open-sans-v34-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */
       url('./fonts/open-sans-v34-latin-800.svg#OpenSans') format('svg'); /* Legacy iOS */
}	


body {
	font-size: 15px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
}
table {
	border-collapse: seperate;;
}
td {
	font-family: 'Open Sans', sans-serif;
	font-size: 15px;
	color: black;
	font-family: 'Open Sans', sans-serif;
}
h2 {
	font-size: 20px;
}
.background_full {
	background: url(./images/background2.jpg) no-repeat center center fixed;
	-webkit-background-size: cover;
	  -moz-background-size: cover;
	  -o-background-size: cover;
	  background-size: cover;
	background-color: rgba(25, 25, 25, 0.8);
}
.background_grau {
	background-color: #eee;
}
.transparentbox {
	margin-top: 100px;
	box-shadow: 0px 0px 15px grey;
	border-radius: 10px;
	background-color: rgba(255, 255, 255, 0.5);
	width: 50%;
	min-width: 400px;
	padding: 10px;
}
.teiler {
	border-left: 1px solid #ddd;
}
.kalk-box {
	border-radius: 10px;
	background-color: white;
	border: 1px solid #ddd;
	
}

.suchfeld {
	width: 100%;
	font-size: 15px;
	text-align: left;
	border: 1px solid #ddd;
	padding: 10px;
	background-color: white;
	border-radius: 10px;
}
.loginbutton {
	border-radius: 10px;
	height: 30px;
	width: 100%;
	font-size: 18px;
	background-color: red;
	border: 1px solid #ddd;
}
.maschinen-box {
	border-radius: 10px;
	background-color: #eee;
	border: 1px solid #ddd;
	vertical-align: middle;
}
.produktbox {
	display: inline-block;
	width: 200px;
	height: 225px;
	font-size: 15px;
	border: 1px solid #ddd;
	border-radius: 10px;
	margin: 10px;
	padding: 20px;
	background: #fff;
}
.produktbox_klein {
	display: inline-block;
	width: 150px;
	height: 220px;
	font-size: 12px;
	border: 1px solid #ddd;
	border-radius: 10px;
	background-color: white;
	margin: 5;
	padding: 10px;
	background: white;
}
.produktbox a {
	text-decoration: none;
}
.artikelbild {
	width: 100%;
	max-width: 300px;
	max-height: 100%;
}
.eigenschaften {
	font-size: 12px;
}
.eigenschaften_gross {
	font-size: 15px;
}

.preis {
	color: red;
}
.preis_klein {
	font-size: 12px;
	color: red;
}
.ura {
	color: black;
	font-size: 12px;
}
.input_kalk {
	width: 80px;
	font-size: 15px;
	text-align: right;
	border: 0px;
	padding: 3px;
	background-color: white;
}

.input_kalk:disabled {
	color: black;
}

.input_kalk_offen {
	width: 80px;
	font-size: 15px;
	text-align: right;
	border: 0px solid #ddd;
	border-radius:5px;
	background-color: #eee;
	padding: 3px;
}

.input_kalk_selectklein {
	font-size: 15px;
	text-align: right;
	border: 0px solid #ddd;
	border-radius:5px;
	background-color: #eee;
	padding: 3px;
}

.input_kalk_marge {
	width: 80px;
	font-size: 15px;
	text-align: right;
	border: 0px solid #ddd;
	border-radius:5px;
	padding: 3px;
	color: #3A9A17;
	font-weight: bold;
	background-color: #BBE5AC;
}
.input_kalk_sum {
	width: 80px;
	font-size: 15px;
	text-align: right;
	border: 0px solid black;
	border-top: 1px solid black;
	padding: 3px;
	color: black;
	background-color: white;
}


/* MOBILE SEITE */
.input_kalk_mob {
	width: 130px;
	font-size: 25px;
	text-align: right;
	border: 0px;
	padding: 3px;
	background-color: white;
}
.input_kalk_mob:disabled {
	color: black;
}
.input_kalk_offen_mob {
	width: 130px;
	font-size: 25px;
	text-align: right;
	border: 0px solid #ddd;
	border-radius:5px;
	background-color: #eee;
	padding: 3px;
}
.input_kalk_selectklein_mob {
	font-size: 25px;
	text-align: right;
	border: 0px solid #ddd;
	border-radius:5px;
	background-color: #eee;
	padding: 3px;
}
.input_kalk_marge_mob {
	width: 130px;
	font-size: 25px;
	text-align: right;
	border: 0px solid #ddd;
	border-radius:5px;
	padding: 3px;
	color: #3A9A17;
	font-weight: bold;
	background-color: #BBE5AC;
}
.input_kalk_sum_mob {
	width: 130px;
	font-size: 25px;
	text-align: right;
	border: 0px solid black;
	border-radius: 0px;
	border-top: 2px solid black;
	padding: 3px;
	color: black;
	background-color: white;
}




.menue {
	font-weight: bold;
	color: black
}
.menue a {
font-weight: bold;
	text-decoration: none;
	color: black;
}
.menuepunkt_mob {
	height: 30px;
	font-weight: bold;
	padding-right: 15px;
	padding-left: 15px;
	color: black
}
.menuepunkt {
	height: 30px;
	padding-right: 15px;
	font-weight: bold;
	color: black
}
.menueleiste {
	border-radius: 10px;
	background-color: #fff;
	border: 1px solid #ddd;
	padding: 10px;
}
.wk_zahl img {
    display: block;
	border: 0px solid red;
}
.wk_zahl span {
	font-size: 13px;
	background-color: red;
	border-radius: 15px;
    color: white;
	width: 20px;
	height: 20px;
	position: absolute;
    bottom: 15;
	right: 10;
	text-align: center;
	border: 0px solid red;
}





.warenkorb {
	border-radius: 5px;
	background-color: #eee;
	padding: 5px;
}
.warenkorb2 {
	padding: 5px;
}
.wk_summe {
	font-size: 15px;
	text-align: right;
	border: 0px solid black;
	border-top: 1px solid black;
	padding: 5px;
	color: black;
	font-weight: bold;
}
.bestellbutton {
	border-radius: 10px;
	border: 1px solid #ddd;
	background-color: red;
	color: white;
	text-align:center;
	height: 30px;
	width: 150px;
	font-size: 15px;
	font-weight: bold;
}
.anmerkungen {
	border-radius: 10px;
	border: 1px solid #ddd;
	min-width: 300px;
	width: 70%;
	height: 70px;
	font-family: 'Open Sans', sans-serif;
	font-size: 15px;
	padding: 5px;
}

.input_wk {
	width: 100%;
	font-size: 15px;
	text-align: left;
	border: 1px solid #ddd;
	padding: 5px;
	background-color: white;
	border-radius: 10px;
}