@import url(fonts.css);

html,body {
	font-size:12pt;
	font-family: Roboto, Arial, sans-serif;
	font-weight:inherit;
	padding:0;
	margin:0;
	color:#5f5d73;
}
a span,
a.visited span,
a,
a.visited {
	color:#5f5d73;
	text-decoration:none;
}
a:hover,
a.visited:hover {
	opacity:0.8;
	text-decoration:none;
}
#footer a:hover,
#footer a.visited:hover {
	color:#da773c !important;
}
* { 
    box-sizing:border-box;
}
.responsive {
    position:relative;
    min-width:330px;
    max-width:1600px;
    width:100%;
}
#footer {
	opacity:1;
	clear:both;
	width:100%;
	background:#ffffff;
	opacity:0.8;
	padding:0.2rem;
	color:#5f5d73;
	margin-top:70px;
	position:relative;
	border-top:1px solid #5f5d73;
}
#header a.visited,
#header a {
	text-decoration:none;
	color:#5f5d73;
}
a.visited,
a {
	text-decoration:none;
}
#footer p {
	width:100%;
	text-align:center;
}
.cleardiv {
	position:relative;
	top:12px;
	clear:both;
    float: none;
	width:100%;
	height:10px;
}
.clearingItem {
    clear: both; 
    float: none;
	width:100%;
}
.clearingItem1 {
	position:relative;
    clear: both;
    float: none;
	width:100%;
	height:10px;
}
.page {
    position:relative;
    margin:0 auto;
    height:auto;
	min-height:80vh;
    width:100%;
	overflow:show;
	opacity:0;
}
#header{
    position:fixed;
	top:0;
    min-height:80px;
    width:100%;
	margin-bottom:10px;
	background-color:#ffffff;
	border-bottom:1px solid #cccccc;
	opacity:1;
	z-index:1000;
}
.logo {
	position:absolute;
	z-index:101;
}
.logo img {
	max-width:100%;
	height:auto;
}
#suchbutton {
	color:#5f5d73;
	position:absolute;
	width:30px;
	height:24px;
	right:110px;
	top:20px;
	z-index:5500;
	font-size:18pt;
	cursor:pointer;
}
#suchbutton i {
	color:#5f5d73;
}
#suchbutton i:hover {
	color:#da773c;
}
.basketinfo {
	color:#5f5d73;
	position:absolute;
	width:30px;
	height:24px;
	right:70px;
	top:20px;
	z-index:5500;
	font-size:18pt;
	cursor:pointer;
}
.basketinfo i {
	color:#5f5d73;
}
.basketinfo i:hover {
	color:#da773c;
}
.basketinfo #basketcount {
    display: flex;
    align-items: center;
    justify-content: center;
	width:18px;
	height:18px;
	border-radius:9px;
	background-color:#da773c;
	color:#ffffff;
	position:absolute;
	left:20px;
	top:-8px;
	font-size:0.8rem;
	text-align:center;
}
.menu {
	position:absolute;
	width:30px;
	height:24px;
	right:20px;
	top:20px;
	background:url(/images/menu.png) no-repeat;
	background-size:cover;
	cursor:pointer;
}
.menu:hover {
	background:url(/images/menua.png) no-repeat;
}
.headline {
	color:#000000;
}
#content {
	position:relative;
	top:80px;
	width:100%;
	min-height:80vh;
	height:auto;
	padding:0 3px;
}
.mainmenu_wrapper {
	position:relative;
	top:80px;
	width:100%;
	min-height:80px;
	left:0;
	background-color:#ffffff;
	opacity:1;
	padding-top:10px;
	overflow:show;
	display:none;
	z-index:1001;
}
#mainmenu {
	display:flex;
	min-height:80px;
	background-color:#ffffff;
	padding-top:10px;
	overflow:show;
	flex-wrap: wrap;
	align-items: stretch;
	justify-content: space-around;
	border-bottom:1px solid #cccccc;
}
.grau {
	color:#5f5d73 !important;
	font-size:1rem !important;
	position:relative;
	top:-1px;
}
.menu_col {
	display:inline-block;
	width:20%;
	min-width:150px;
	margin:0;
}
.menu_col ul {
	display:block;
	width:100%;
	list-style-type:none;
	padding:0;
	margin:0;
}
.menu_col ul li {
	display:inline-block;
	width:100%;
	padding:0;
	margin:0;
	//border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.menu_col ul li a {
	display:inline-block;
	width:100%;
	padding:2px;
	margin:0;
	text-decoration:none;
	text-align:center;
}
.menu_col ul li.topkat_item {
	color:#5f5d73;
	border:0;
}
.menu_col ul li.topkat_item a {
	color:#5f5d73;
}
.menu_col ul li.topkat_item a:hover {
	color:#da773c !important;
}
.menu_col ul li.topkat_header {
	color:#5f5d73;
	padding-top:8px;
	font-weight:bold;
	text-align:center;
}
#kat_desc {
	width:100%;
	margin:12px auto;
	//border-bottom:2px solid #f0f0f0;
	min-height:400px;
	display:flex;
	justify-content: space-around;
	align-items: center;
	flex-wrap:wrap;
}
#kat_desc .topimg {
	text-align:center;
	width:45%;
}
#kat_desc .topimg img {
	//float:right;
	max-width:400px;
	width:100%;
}
#kat_desc .toptext {
	width:45%;
}
.pageindex {
	position:relative;
	width:100%;
	height:25px;
	margin-bottom:10px;
	margin-top:10px;
}
.pageindex .linkwrapper {
	//width:25%;
	position:relative;
	height:25px;
	float:right;
}
.pageindex .linkwrapper a {
	display:inline-block;
	text-decoration:none;
	color:#294d3d;
	padding:2px;
	margin-right:4px;
}
.pageindex .linkwrapper a:hover {
	color:#da773c;
}
.pageindex .pageaktlink a {
	color:#5f5d73;
	border:1px solid #da773c;
}
.pageindex .pagenrlink,
.pageindex .pageaktlink,
.pageindex .pagelink {
	display:inline-block;
	position:relative;
	width:19px;
	height:21px;
	float:left;
	margin:0 2px 0 0;
}
.disabled {
	opacity:0.5;
}
.pageindex .pagelink img {
	border:0;
}
.prodlist_item {
	position:relative;
	display:inline-block;
	width:24%;
	min-width:180px;
	height:280px;
	padding:4px;
	margin:0 1% 10px 0;
	float:left;
	text-align:center;
	text-decoration:none;
	border:2px solid #f0f0f0;
	transition-duration: 2s;
	color:#5f5d73;
}
.prodlist_item:hover {
	border:2px solid #5f5d73;
}
.prodlist_item_info {
	width:80%;
	font-size:0.9rem;
	position:absolute;
	background-color:#ffffff;
	top:5%;
	left:15%;
	opacity:0.9;
	text-align:left;
	display:none;
}
.last1 {
	margin:0 0 10px 0;
	float:right;
}
.prodlist_item_text {
	color:#5f5d73;
	text-transform:uppercase;
	font-size:1.4rem;
	height:2.8rem;
	max-height:2.8rem;
	overflow:hidden;
}
div.helper {
	position:relative;
    display: inline-block;
    width:1px;
	height: 100%;
    vertical-align: middle;
}
.prodlist_item_img {
	position:relative;
	width:100%;
	margin:0 auto;
	text-align:center;
	height:160px;
}
.prodlist_item_img img {
	display:inline;
	max-width:160px;
	max-height:160px;
	vertical-align: middle;
}
.preis {
	position:relative;
	display:inline-block;
	color:#da773c !important;
	font-size:1.5rem;
	font-weight:bold;
	width:100%;
	text-align:center;
	margin-top:9px;
	z-index:999;
}
.preisinfo {
	font-size:0.8em;
}
#produkt_view {
	position:relative;
	width:100%;
}
#produkt_left {
	width:48%;
	float:left;
	min-width:350px;
	min-height:500px;
	margin:0 10px 10px 0;
}
#produkt_right {
	width:48%;
	min-height:500px;
	font-size:1rem;
	margin:0 0 10px 0;
	float:left;
	padding:0;
	//line-height:14px;
	color:#5f5d73;
}
#aprodimgbig {
	display:block;
	width:100%;
	height:100%;
	max-height:400px;
}
#produkt_img {
	position:relative;
	text-align:center;
	//width:100%;
	max-width:400px;
	max-height:400px;
	margin:0 auto;
}
#prodimgbig {
	width:100%;
	height:100%;
}
#produkt_video iframe {
	width:100%;
	height:85%;
	margin-top:6%;
}
#prodisnew {
	position:absolute;
	background:url(/images/new100.png);
	background-repeat:no-repeat;
	width:101px;
	height:101px;
	left:-4px;
	top:-4px;
	z-index:6000;
}
.prodisnew {
	position:absolute;
	background:url(/images/new50.png);
	width:50px;
	height:50px;
	left:-3px;
	top:-3px;
	z-index:6000;
}
#produkt_img img {
	display:inline;
	position:relative;
}
#produkt_bilder {
	position:relative;
	width:100%;
}
#produkt_bilder ul {
	display:block;
	list-style:none;
	height:80px;
	margin:0;
}
#produkt_bilder ul li {
	display:inline-block;
	width:120px;
	border:1px solid #e0e0e0;
	height:120px;
	text-align:center;
	margin-bottom:4px;
	margin-right:4px;
	float:left;
}
#produkt_bilder img {
	display:inline;
}
#produkt_text {
	position:relative;
	width:100%;
	min-height:300px;
}
#produkt_text h1 {
	color:#da773c;
}
#produkt_text .top {
	min-height:240px;
	padding-top:14px;
	width:100%;
	clear:both;
}
#produkt_text .bottom {
	min-height:60px;
	padding-top:10px;
	width:100%;
	clear:both;
}
#produkt_text .bottom .preis {
	font-size:2rem;
	text-align:left;
	padding-bottom:4px;
}
#produkt_text p {
	position:relative;
	width:100%;
	line-height:1.5rem;
}
.horz_spacer {
	background:#f1f0f4;
	color:#5f5d73;
	width:100%;
	height:30px;
	margin:0;
	padding:6px 0 4px 4px;
	font-size:10pt;
	font-weight:normal;
	margin:10px 0 12px 0;
	text-transform:uppercase;
	border-radius:5px;
	opacity:0.8;
}

#produkt_right b,
#produkt_right a,
#produkt_right span,
#produkt_right h2 {
	color:#5f5d73;
}
#basket_anim {
	display:none;
	width:30px;
	height:26px;
	background:url(/images/shopping_cart.png);
	z-index:4001;
	position:absolute;
	top:0px;
	left:0px;
}
.btn {
	position:relative;
	top:0px;
    -moz-user-select: none;
    background-image: none;
    background-color: #f6f5f7;
	opacity:0.8;
    border: 2px solid #da773c;
    border-radius: 4px;
    cursor: pointer;
    display: inline-block;
    font-size: 1.2rem;
    font-weight: normal;
    line-height: 1.42857rem;
    margin-bottom: 0;
    padding:4px 8px 4px 6px;
    vertical-align: middle;
    white-space: nowrap;
	color:#5f5d73;
	height:3rem;
	border-radius:0.5rem;
}
.btn span {
    vertical-align: middle;
    white-space: nowrap;
	color:#5f5d73;
}
.weiter {
	display:block;
	//width:12rem;
	margin:0 auto;
	text-align:center;
	padding-top:0.5rem;
}
.weiter1 {
	display:inline-block;
	width:13rem;
	text-align:center;
	padding-top:0.7rem;
	color:#da773c;
}
.zurueck {
	display:inline-block;
	width:10rem;
	margin-right:3rem;
	text-align:center;
	padding-top:0.7rem;
}
.button_div {
	width:100%;
	margin-top:12px;
}
.konfig {
	display:block;
	width:16rem;
	margin:0 auto;
	text-align:center;
	padding-top:0.7rem;
}
.konfig_top {
	display:block;
	width:20rem;
	margin:0 auto;
	text-align:center;
	padding-top:0.7rem;
	margin-top:2rem;
}
#konfdiv {
	display:none;
}
.centerdiv {
	display:block;
	width:27rem;
	margin:0 auto;
}
.btn:hover {
	opacity:1;
	color:#da773c !important;
}
.btn:hover span {
	color:#da773c !important;
}
.btn-zurkasse {
	text-decoration:none;
	width:120px;
	top:4px;
	color:#808080;
}
.btn-zurkasse span {
	display:inline-block;
	position:relative;
	top:-1px;
	font-size:9pt;
	text-decoration:none;
	width:190px;
	text-align:right;
	color:#ffffff;
}
.btn-weiter {
	text-decoration:none;
	min-width:190px;
	width:auto;
	top:4px;
	color:#ffffff;
	padding-top:0.2rem;
	margin-top:10px;
}
.btn-weiter span {
	display:inline-block;
	position:relative;
	top:0.3rem;;
	text-decoration:none;
	text-align:center;
	color:#5f5d73;
}
.btn-weiter i {
	position:relative;
	top:0.3rem;
}
.extra {
	margin-left:10%;
	color:#404040;
}
.extra span {
	color:#5f5d73 !important;
}
.btn-basket {
	height:3rem;
	text-decoration:none;
}
.btn-basket span {
	display:inline-block;
	position:relative;
	top:0.5rem;
	font-size:1rem;
	text-decoration:none;
	min-width:10rem;
	text-align:center;
	color:#ffffff;
}
.btn-basket i {
	position:relative;
	top:0.5rem;
}
.bestellnr {
	position:absolute;
	left:0;
	top:0;
}
.konfigurator label.klabel {
	display:inline-block;
	min-width:130px;
	
}
.konfigurator i {
	margin-right:12px;
}
.konfigurator input {
	border: 1px solid #d6d5db;
	color:#5f5d73;
	width:80px;
}
.konfigurator option,
.konfigurator select {
	border: 1px solid #d6d5db;
	color:#5f5d73;
}
.konfigurator .option_header {
	text-align:center;
}
.headline b,
.toptext {
	color:#5f5d73;
}
.toptext b {
	color:#da773c !important;
}
#basket .basket_image {
	width:100%;
	height:auto;
	//background-repeat:no-repeat;
	//background-size:150%;
	//background-position:40% bottom;
}
#basket .basket_image img {
	opacity:1;
}
#basket {
	display:block;
	width:100%;
	height:auto;
	margin:0 auto;
	padding:0;
}
.banzahl {
	width:50px;
	font-size:1.2rem;
	position:relative;
	left:1rem;
	border: 1px solid #5f5d73;
	color:#5f5d73;
}
.banzahl1 {
	width:50px;
	font-size:1.2rem;
	position:relative;
	left:1rem;
	top:2px;
	border: 1px solid #5f5d73;
	color:#5f5d73;
}
.banzahl:focus {
	border: 1px solid #da773c;
}
#basket a.visited,
#basket a {
	text-decoration:none;
	color:inherit;
}
#basket.full {
	margin:0;
}
h3 {
	color:#323232;
	font-size: 1.2rem;
	font-weight: bold;
	margin-top:1rem;
	margin-bottom:1rem;
}
#contentdiv h2.red {
	margin-left:220px;
	color:#323232;
	font-size: 10pt;
	font-weight: bold;
	margin-top:0;
	margin-bottom:1em;
}
#basket #basket_header {
	display:block;
	position:relative;
	height:18px;
	width:100%;
	font-weight:bold;
	font-size:8pt;
}
#basket #basket_header .basket_header_1,
#basket #basket_header .basket_header_2,
#basket #basket_header .basket_header_3,
#basket #basket_header .basket_header_4 {
	float:left;
	top:0px;
}
#basket #basket_header .basket_header_1 {
	width:60%;
}
#basket #basket_header .basket_header_2 {
	width:10%;
	text-align:center;
}
#basket #basket_header .basket_header_3 {
	width:12%;
	text-align:right;
}
#basket #basket_header .basket_header_4 {
	width:15%;
	text-align:right;
}
#basket div.basket_row {
	display:inline-block;
	position:relative;
	height:auto;
	width:100%;
	vertical-align:top;
	margin-bottom:10px;
	padding-bottom:10px;
	border-bottom:1px solid #e0e0e0;
}
#basket div.basket_row_image {
	display:inline-block;
	position:relative;
	//border:1px solid #e0e0e0;
	vertical-align:top;
	width:10%;
}
#basket div.basket_row_image img {
	max-width:100%;
}
#basket div.basket_row_remove {
	display:inline-block;
	position:relative;
	top:8px;
	width:4%;
	max-width:20px;
	cursor:pointer;
	vertical-align:top;
}
#basket div.basket_row_remove img {
	max-width:100%;
}
#basket div.basket_row_text {
	display:inline-block;
	position:relative;
	width:50%;
	vertical-align:top;
	font-size:1rem;
	color:#5f5d73;
	padding-left:5px;
}
#basket i,
#basket b {
	color:#000000;
}
#basket div.basket_row_remove i {
	color:#dfa800 !important;
}
#basket div.basket_row_amount {
	display:inline-block;
	position:relative;
	width:10%;
	vertical-align:top;
	text-align:center;
}
input, textarea {
    outline: none;
	border:1px solid #5f5d73;
}
input:focus, textarea:focus {
	border:1px solid #da773c;
}
#basket div.basket_row_amount input {
	width:50px;
	font-size:1rem;
	border:1px solid #5f5d73;
	color:#5f5d73;
}
#basket div.basket_row_amount img {
	margin-top:8px;
}
#basket div.basket_row_price {
	display:inline-block;
	position:relative;
	width:13%;
	text-align:right;
	font-size:1rem;
	vertical-align:top;
}
#basket div.basket_row_totals {
	display:inline-block;
	position:relative;
	width:21%;
	text-align:right;
	font-size:1rem;
	float:right;
}
.basket_totals {
	display:inline-block;
	position:relative;
	width:100%;
}
.basket_totals span {
	line-height:1.4em !important;
}
.basket_totals div.basket_totals_text {
	display:inline-block;
	position:relative;
	width:74%;
	text-align:right;
	float:left;
}
.basket_totals div.basket_totals_prices {
	display:inline-block;
	position:relative;
	width:22%;
	text-align:right;
	float:right;
}
#contentdiv #basket a,
#contentdiv #basket a:link,
#contentdiv #basket a:hover {
	display:inline;
	background: transparent;
	border:0;
	margin:0;
	padding:0;
	font-size:9pt;
	line-height:1.4em !important;
}
#orderbox input,
#orderbox textarea,
#orderbox option,
#orderbox select {
	//border:1px solid #e0e0e0;
	font-size:1rem;
	width:100%;
	color:#5f5d73;
}

#signupform #limitdiv,#bestellform #limitdiv {
	font-size:8pt;
	margin-top:4px;
}
#signupform #plz,#bestellform #plz,#bestellform #liefer_plz{
	width:90px;
}
#signupform #anredeM,#bestellform #anredeM,#bestellform #liefer_anredeM {
	width:20px;
}
#signupform #anredeF,#bestellform #anredeF,#bestellform #liefer_anredeF,#bestellform #liefer_check {
	width:20px;
}
#signupform .field label,#bestellform .field label {
	position:relative;
	top:0px;
	cursor:pointer;
}
label { font-weight: normal; }
#reminders label { font-weight: normal; }

table.tabbedtable { padding-left: 3em; }
table.tabbedtable td { padding-bottom: 5px; }
table.tabbedtable label { text-align: right; padding-right: 9px; }
.hiddenlabel { visibility: hidden; }
.largelink { border: 1px solid #cacaca; padding: 10px; background-color: #E8EEF7; font-size: 1.2em; font-weight: bold; }
.largelinkwrap { padding-top: 10px; padding-bottom: 10px; }
#orderbox {
  width: 100%;
  text-align:left;
  margin: 0 auto 12px auto;
  border:1px solid #e2e2e2;
  color:#5f5d73;
  clear: both;
  font-size:1rem;
  padding:10px;
}
#inputbox a.btn,
#orderbox a.btn {
	margin-top:12px;
}
#orderbox_top {
  width: 100%;
  height:20px;
  text-align:center;
  padding:2px;
  margin:0 0 12px 0;
  border:0;
  color:#900;
}
b {
	color:#da773c;
}
#orderbox_left {
  width: 49%;
  text-align:left;
  padding:2px;
  margin:12px 0;
  border:0;
  float:left;
}
#orderbox_right {
  width: 49%;
  text-align:left;
  padding:2px;
  margin:12px 0;
  border:0;
  float:right;
}
#orderbox_left .label,
#orderbox_right .label {
	width:6rem;
}
#signupform table,#loginform table,#bestellform table,#bestellform table.lieferdiv {
  border-spacing: 0px;
  border-collapse: collapse;
  empty-cells: show;
}
#bestellform table {
	width:100%;
	margin:0;
}
#bestellform .lieferdiv {
	width:100%;
	margin-top:0px;
	margin-bottom:16px;
	border:1px solid #e0e0e0;
}
#signupform .trow,#loginform .trow,#bestellform .trow {
	width:100%;
	position:relative;
	clear:both;
	height:auto;
	min-height:2rem;
}
#signupform .label,#loginform .label,#bestellform .label {
  padding-top: 2px;
  padding-right: 8px;
  vertical-align: top;
  text-align: right;
  width: 15%;
  //white-space: nowrap;
  float:left;
  font-size:0.9rem;
}
#bestellform th {
	padding-bottom:6px;
	color:#e19263;
}
div.label label {
  font-size:0.9rem;
}
#signupform .field,#loginform .field,#bestellform .field {
  padding-bottom: 10px;
  width: 40%;
  //white-space: nowrap;
  float:left;
}

#bestellform .status {
  padding-top: 3px;
  padding-left: 8px;
  vertical-align: top;
  width: 40%;
  white-space: nowrap;
  font-weight:normal;
  font-size:1rem;
  float:left;
}
#bestellform .textfield {
  width: 30%;
}

#bestellform label.error {
  display:inline-block;
  background:url("/images/unchecked.gif") no-repeat 0px 0px;
  padding-left: 16px;
  padding-bottom: 2px;
  font-weight: normal;
  font-size:9pt;
  color:#e19263;
  width:16px;
  height:16px;
  overflow:hidden;
}
#bestellform label.checked {
  display:inline-block;
  background:url("/images/checked.png") no-repeat 0px 0px !important;
  padding-left: 16px;
  padding-bottom: 2px;
  font-weight: normal;
  font-size:9pt;
  color: #900;
  width:16px;
  height:16px;
  overflow:hidden;
}
#bestellform .checked {
  background:url("/images/checked.png") no-repeat 0px 0px;
  color: #606060;
  padding-left:20px;
  height:20px;
}

#bestellform label.checked {
  background:url(/images/checked.png) no-repeat 0px 0px;
}

#bestellform .success_msg {
  font-weight: bold;
  color: #0060BF;
  margin-left: 19px;
}
#bestellform #termswrap {
  float: left;
}
#bestellform #terms {
  vertical-align: middle;
  float: left;
  display: block;
  margin-right: 5px;
}

#bestellform #lterms {
  font-weight: normal;
  vertical-align: middle;
  float: left;
  display: block;
  width: 350px;
  white-space: normal;
}

#bestellform #lsignupsubmit {
  visibility: hidden;
}
#removesubmit,
#signupsubmit {
	cursor:pointer;
	display:inline-block;
	height:40px;
	background:#404040;
	color:#ffffff;
	padding:4px 8px;
	width:auto !important;
	border-radius:8px;
}
#katoptions {
	width:100%;
	display:flex;
	flex-wrap:wrap;
	align-items:stretch;
	justify-content:space-around;
	background:#f1f0f4;
	padding:10px 2px;
}
.options_header {
	width:100%;
	background:#e6e5eb;
	margin:0;
	padding:8px 2px 2px 2px;
	text-align:center;
	color:#e19263;
	font-size:1.1rem;
	font-weight:bold;
}
.option_wrapper {
	position:relative;
	min-width:120px;
}
.option_wrapper ul {
	width:100%;
	list-style-type:none;
	padding:0;
	margin:0;
}
.option_wrapper ul li {
	position:relative;
	width:100%;
	padding:2px;
	color:#5f5d73;
}
.option_wrapper ul li i {
	position:absolute;
	right:-36px;
	color:#5f5d73;
}
.option_wrapper ul li .infodiv {
	position:absolute;
	width:300px;
	color:#5f5d73;
	display:none;
	border:2px solid #5f5d73;
	background-color:#f0f0f0;
	padding:4px;
	z-index:1000;
}

.option_wrapper ul li.option_header {
	color:#e19263;
	font-weight:bold;
}
.option_wrapper ul li label {
	position:relative;
	color:#5f5d73;
	top:-1px;
	left:2px;
}
.resultlist_item {
	display:inline-block;
	background:#f1f0f4;
	margin-right:1%;
	margin-top:12px;
	padding:0;
}
.resultlist_item_info {
	display:block;
	padding:8px;
}
.resultlist_item_image {
	display:block;
	padding:8px;
	width:100%;
	height:
}
.resultlist_item_header {
	display:block;
	background:#e6e5eb;
	color:#e19263;
	font-weight: bold;
	text-align:center;
	font-size: 1.1rem;
	padding: 8px 2px 2px 2px;
}
.resultlist_item_bottom {
	display:block;
	width:100%;
	background:#e6e5eb;
	color:#e19263;
	font-weight: bold;
	text-align:center;
	font-size: 1.1rem;
	padding: 12px 2px 12px 2px;
}
.order_button {
	width:75%;
	margin:0 auto;
}
.resultlist_item .label {
	display:inline-block;
	width:33%;
	margin:4px;
	font-size:1rem;
}
.resultlist_item .resultwert {
	display:inline-block;
	width:63%;
	margin:4px;
	font-size:1rem;
	font-weight:bold;
}
.resultlist_item .resultwert span {
	font-weight:normal !important;
}
.flexdiv {
	display:flex;
	flex-wrap: wrap;
	justify-content:center;
	align-items: stretch;
	align-content: space-between;
}
.flexcol {
	padding-left:5%;
	padding-top:1rem;
}
.image_loader {
	position:absolute;
	left:-2000px;
	top:0px;
}
.preload-image {
	position:absolute;
	left:0px;
	top:0px;
}
#rag_canvas {
	transition: all 2s;
}
@media only screen and (min-width: 300px) {
  html,body {
    font-size:10pt;
	font-family: Roboto, Arial, sans-serif;
	font-weight:inherit;
    padding:0;
    margin:0;
  }
  .logo {
	top:1.2rem;
	width:160px;
	left:1%;
  }
	.resultlist_item {
		width:100%;
	}
	#kat_desc .topimg {
		width:100%;
	}
	#kat_desc .toptext {
		width:100%;
	}
	#mainmenu {
		width:100%;
	}
	.prodlist_item {
		width:100%;
	}
	.prodlist_item_img {
		background-position: 20% bottom;
	}	
	#produkt_left,
	#produkt_right {
		width:100%;
	}
	.prodlist_item_text {
		font-size:1rem;
	}	
	#bestellform .label {
	  padding-top: 2px;
	  padding-right: 8px;
	  vertical-align: top;
	  text-align: left;
	  width: 100%;
	  //white-space: nowrap;
	  clear:both;
	  font-size:0.9rem;
	}
	#bestellform .field {
	  padding-bottom: 10px;
	  width: 80%;
	  //white-space: nowrap;
	  float:left;
	}
	
	#bestellform .status {
	  padding-top: 3px;
	  padding-left: 8px;
	  vertical-align: top;
	  width: 28px;
	  overflow:hidden;
	  white-space: nowrap;
	  font-weight:normal;
	  font-size:1rem;
	  float:left;
	}
	#bestellform label.error {
	  background:url("/images/unchecked.gif") no-repeat 0px 0px;
	  padding-left: 16px;
	  padding-bottom: 2px;
	  font-weight: normal;
	  font-size:9pt;
	  color: #900;
	  width:16px;
	  overflow:hidden;
	}
	.prodlist_item_img img {
		display:inline;
		max-width:160px;
		max-height:160px;
	}
	.flexcol {
		width:80%;
	}
}
@media only screen and (min-width: 700px) {
  html,body {
    font-size:10pt;
	font-family: Roboto, Arial, sans-serif;
	font-weight:inherit;
    padding:0;
    margin:0;
  }
	.resultlist_item {
		width:49%;
	}
	#kat_desc .topimg {
		width:45%;
	}
	#kat_desc .toptext {
		width:45%;
	}
  .logo {
	top:1.2rem;
	width:160px;
	left:1%;
  }
	#mainmenu {
		width:100%;
	}
	.prodlist_item {
		width:48%;
	}
	.prodlist_item_img {
		background-position: center bottom;
	}	
	#produkt_left,
	#produkt_right {
		width:100%;
	}
	.prodlist_item_text {
		font-size:1rem;
	}	
	.flexcol {
		width:50%;
	}
}
@media only screen and (min-width: 800px) {
  html,body {
    font-size:12pt;
	font-family: Roboto, Arial, sans-serif;
	font-weight:inherit;
    padding:0;
    margin:0;
  }
  .logo {
	top:1.2rem;
	width:160px;
	left:1%;
  }
	.prodlist_item {
		width:32%;
	}
	#mainmenu {
		width:100%;
	}
	.prodlist_item_img {
		background-position: center bottom;
	}	
	.prodlist_item_text {
		font-size:1.1rem;
	}	
	.prodlist_item_img img {
		display:inline;
		max-width:160px;
		max-height:160px;
	}
	.flexcol {
		width:50%;
	}
}
@media only screen and (min-width: 900px) {
  html,body {
    font-size:11pt;
	font-family: Roboto, Arial, sans-serif;
	font-weight:inherit;
    padding:0;
    margin:0;
  }
  .logo {
	top:0.5rem;
	left:1%;
	width:160px;
  }
	#mainmenu {
		width:100%;
	}
	.prodlist_item {
		width:24%;
	}
	.prodlist_item_img {
		background-position: 10% 70%;
	}	
	#produkt_left,
	#produkt_right {
		width:48%;
	}
	.prodlist_item_text {
		font-size:1.2rem;
	}	
	.flexcol {
		width:33%;
	}
}
@media only screen and (min-width: 1000px) {
  html,body {
    font-size:12pt;
	font-family: Roboto, Arial, sans-serif;
	font-weight:inherit;
    padding:0;
    margin:0;
  }
  .resultlist_item {
	width:32.1%;
  }
  .logo {
	top:0.5rem;
	left:1%;
	width:200px;
  }
	#mainmenu {
		width:100%;
	}
	.prodlist_item {
		width:24%;
	}
	.prodlist_item_img {
		background-position: center;
	}	
	#produkt_left,
	#produkt_right {
		width:48%;
	}
	.prodlist_item_text {
		font-size:1.2rem;
	}
	#bestellform .label {
	  padding-top: 2px;
	  padding-right: 8px;
	  vertical-align: top;
	  text-align: right;
	  width: 15%;
	  white-space: nowrap;
	  float:left;
	  font-size:0.9rem;
	}
	#bestellform .field {
	  padding-bottom: 10px;
	  width: 40%;
	  white-space: nowrap;
	  float:left;
	}
	
	#bestellform .status {
	  padding-top: 3px;
	  padding-left: 8px;
	  vertical-align: top;
	  width: 40%;
	  white-space: nowrap;
	  font-weight:normal;
	  font-size:1rem;
	  float:left;
	}
	#bestellform label.error {
	  background:url("/images/unchecked.gif") no-repeat 0px 0px;
	  padding-left: 16px;
	  padding-bottom: 2px;
	  font-weight: normal;
	  font-size:9pt;
	  color: #900;
	  width:16px;
	  overflow:hidden;
	}
	.flexcol {
		width:30%;
	}
}