/* * { -webkit-appearance: none; } *//* Style adjustments for viewports that meet the condition - WEB */body {	background-color: ;}body, td, th { font-family: 'Open Sans', Arial, Georgia; font-size: 14px; color: ;  }iframe { border: 0; }a:link, a:visited, a:active { color: ; text-decoration: none; }a:hover { color: ; text-decoration: underline; }h1 { font-size: 24px; color: ; font-weight: 300;  }h2 { font-size: 18px; color: ; }h3,h4,h5,h6 { font-size: 12px; color: ; }h1,h2,h3,h4,h5,h6 { width: 100% !important; font-weight: normal !important; }#bg-pattern { padding-top: 0px; padding-bottom: 0px; }#wrapper { width: 960px; margin-left: auto; margin-right: auto; }header { background-color: ; height: 570px; position: relative;  }#header-web { display: block; height: 570px; position: relative; }#header-mob { display: none; }#header-web-wrapper { display: block; width: 960px; margin: auto; height: 570px; position: relative; }#header-web-bg-container { width: 960px; margin: auto; display: block; height: 100px; position: relative; }#header-web-bg-inner { display: block; height: 100px; }#langs { position: absolute; font-size: 11px; top: 8px; right: 5px; font-family: 'Roboto'; z-index: 10002; }#langs a { color: ; text-decoration: none; padding-left: 10px;}#langs a:hover { color: ; text-decoration: underline; }#logo { position: absolute; font-size: 11px; top: 20px; left: 0px; text-align: left; width: 900px; z-index: 10002; }#logo a img { max-height: 60px; max-width: 800px; height: auto;  }#nav-web-bg { z-index: 900; position: absolute; top: 0px; left: 0; height: 570px; width: 100%; background-color:none; }#header-web-bg {	width: 100%;	height: 100px;	z-index: 10001;	position: fixed;	top: 0px;	left: 0;	background-color: ;}#nav-web { width: 700px; min-height: 38px; background-color: none; position: absolute; z-index: 10002; margin: auto; display: inline-block; text-align: right; margin-left: 0px; top: 20px; right: 0px; }#nav-web ul { padding: 0; margin: auto; list-style-type: none; z-index:1000; width: 100%; }#nav-web ul li { padding: 0; margin: 0; display: inline-block; position: relative;   }#nav-web ul li a, .inActiveMainMenu { text-align: center; color: ; background-color: none; height: 60px; line-height: 60px; display: block;  font-size: 14px; padding-left: 15px; padding-right: 5px;  position: relative;  }#nav-web ul li a:hover, .activeMainMenu { text-decoration: none !important; background-color: none !important; color:  !important; background-image: none !important; }#nav-web ul li ul { position: absolute; top: 60px; right: 0 !important; z-index:1001; height: 38px !important; line-height: 38px !important; padding: 0px 0; background-color: ; }#nav-web ul li ul li { height: 38px !important; line-height: 38px !important;  }#nav-web ul li ul li a { color: ; background-color: ; /*background-image: url(/grf/menu-h.png) !important; background-repeat: no-repeat !important; background-position: left top !important; background-size: 280px 2px; */ height: 38px !important; line-height: 38px !important; font-size: 13px !important;  }#nav-web ul li ul li a:hover { background-color:  !important; color:  !important; background-image: none !important; font-weight: normal; }#headerimage-web { z-index: 900; background-color: ; width: 100%; height: 570px; left: 0px; top: 100px; position: absolute;  }#headerimage-web-container { z-index: 900; position: relative; width: 100%;  overflow: hidden; height: 570px; }#headerimage-web img { float: left; }#headerimage-tab { display: none; }#headerimage-mob { display: none; }.headerdiv-web { position: absolute; top: 0; left: 0; width:100%; height: 570px; }#headerimage-web img { width: 100%; margin: 0 !important; }#headerimage-tab img { width: 100%; margin: 0 !important; }#headerimage-mob img { width: 100%; margin: 0 !important; }#nav-tab { display: none; }#nav-mob { display: none; }#subheader {		position: fixed;		top: 0;		left: 0;		width: 100%;		margin: 0;		padding: 0;	}#cw { clear: both; float: left; background-color: ; padding: 0px 30px !important; width: 900px;  }#content { padding-top: 0px; margin-top: 150px; padding-bottom: 30px; }#content img {  margin-top: 10px; margin-bottom: 10px;  }#content_mob { display: none; }#content_web { display: block; margin-top: 150px; }footer { padding: 30px; position: relative; color: ;  background-color: ; font-size: 13px; font-weight: 600; }#footersep { height: 2px; background-image: url(/grf/footersep.png); }#footer-ice { font-size: 12px; font-weight: 400; }#footer-ice a {  }#footer-social { position: absolute; top: 30px; right: 30px; text-align: right; width: 500px; }#footer-social img { width: 30px; margin-left: 10px; }#footer_content { background-color: ; }#footer_content_mobile { display: none; }#mob-social { text-align: center; margin-bottom: 10px; display: none; }#mob-social img { margin-left: 5px; margin-right: 5px;  }/* SHOPS */.shopdiv { padding-top: 10px; }.shopdiv h2 { font-size: 16px; }.shopopen { color: ; }.shopopen b { font-weight: 400; }.uzletimg { width: 400px; float: right; margin-left: 20px; margin-bottom: 20px; }.uzletimg img { max-width: 400px; float: right; }.uzletimgmob { display: none; }.uzletimgmob img { max-width: 400px; }/* SCROLLER */.scrollup { width: 40px; height: 40px; text-indent: -9999px; opacity: 0.2; position: fixed; bottom: 50px; right: 10px; display: none; background: url('/grf/scroll_up.png') no-repeat; outline : none; cursor: pointer }.scrollup:hover{ opacity:0.8; }/* VIDEO */#video { margin: auto; margin-top: 30px; margin-bottom: 30px; text-align: center; }video{ -moz-box-shadow: 0px 0px 10px #888; -webkit-box-shadow: 0px 0px 10px #888; box-shadow: 0px 0px 10px #888; }.qrvideo { width: 50%; height: 300px !important; }/* GALLERY */.image-cont { float: left; margin: 8px; width: 100px; min-height: 140px; overflow: hidden; text-align: center; }.image-simple-cont { float: left; margin: 8px; width: 140px; height: 160px; overflow: hidden; text-align: center; }.image { margin: 8px auto; width: 100px; height: 100px; overflow: hidden; }.image img { -moz-box-shadow: 0px 0px 10px #888; -webkit-box-shadow: 0px 0px 10px #888; box-shadow: 0px 0px 10px #888; min-width: 100px; min-height: 100px; max-width: 200px; max-height: 200px; }.qrgallery .image img { -moz-box-shadow: none !important; -webkit-box-shadow: none !important; box-shadow: none !important;	border: 1px solid #d5d5d5; }#gallery-web-tab { display: block; }#gallery-mobile { display: none; }.flex-caption { color: #000; }/* FORM ELEMENTS */input[type=text], input[type=password] { width: 395px; border: 1px solid #e4e4e4; background-color: #fff; height: 26px; border-radius: 3px; -webkit-box-shadow:  0px 0px 10px 3px rgba(0, 0, 0, 0.05); box-shadow:  0px 0px 10px 4px rgba(0, 0, 0, 0.05); padding-left: 10px; font-size: 0.9em; padding-top: 4px; font-family: 'Open Sans'; }textarea { width: 395px; border: 1px solid #e4e4e4 !important; background-color: #fff; height: 30px; border-radius: 3px; -webkit-box-shadow:  0px 0px 10px 3px rgba(0, 0, 0, 0.05);  -webkit-box-shadow:  0px 0px 10px 3px rgba(0, 0, 0, 0.05); box-shadow:  0px 0px 10px 4px rgba(0, 0, 0, 0.05); border: 0; height: 100px; padding-left: 10px; padding-top: 10px; font-size: 0.9em; font-family: 'Open Sans'; }a.vcard, a.button, input[type=button], input[type=submit] { width: 140px; background-color: ; color:; line-height: 1em; text-align: center; height:30px; border-radius: 3px; -webkit-box-shadow:  0px 0px 10px 3px rgba(0, 0, 0, 0.05); box-shadow:  0px 0px 10px 4px rgba(0, 0, 0, 0.05);  border: 1px solid #e4e4e4;  font-size: 0.9em !important; font-weight: 600; font-family: 'Open Sans'; }a.button { padding: 5px 10px; }a.button:hover { text-decoration: none;}a.vcard { margin-top: 5px; margin-bottom: 5px; padding: 1%; display: block; width: 98%;  }a.vcard:hover { text-decoration: none; background-color:   }/* MAP */.profile-mapp { width: 100%; height: 210px; margin: auto; }.profile-map-left { width: 47%; padding-right: 3%; float: left;}.profile-map-right { width: 50%; float: left;}#gmap {	margin: 0;padding: 0;	height: 210px; width: 100%; }#gmap img { -moz-box-shadow: 0px 0px 0px #888; -webkit-box-shadow: 0px 0px 0px #888; box-shadow: 0px 0px 0px #888; }#gmap { color: #000 !important; }#gmap a { color: #000 !important; text-decoration: underline !important; }/* SEACRH */#search-box-outer { width: 100%; height: 100%;  background-image: url(/grf/ajaxbg.png); display: none; position: absolute; top: 0; left: 0; z-index: 10000; }#search-box { width: 390px; padding: 30px 25px;  /* -webkit-box-shadow:  0px 0px 10px 3px rgba(0, 0, 0, 0.1); box-shadow:  0px 0px 10px 4px rgba(0, 0, 0, 0.1); */ border: 1px solid #cecece; background-color: ; position: absolute; top: 0; left: 0; z-index: 10001; }#search-box-close { width: 16px; height: 16px; z-index: 10002; cursor: pointer; position: absolute; }#search-box input[type=text] { width: 250px !important; margin-right: 10px;  }#search-box input[type=submit] { width: 110px !important;  position: absolute; background-color: ; color: ; border: 1px solid ; }/* tab mobile hiders */#tabnav { display: none; }#search-mob { display: none; }#nav-mob { display: none; }#kontakt-mob { display: none; }#mob-footer { display: none;  }#mob-footer-sub { display: none;  }#lang_mob { display: none;  }/* GALLERY */.xgbro_images { background-color:  !important; border: 1px solid  !important; }.xgb_images { background-color:  !important; border: 1px solid  !important; }/* WEBSHOP */.ws_cart { }.ws_cart_row { margin-top: 20px; }.ws_cart_product { width: 30%; float: left; font-weight: bold; }.ws_cart_amount { width: 30%; float: left; }.ws_price { width: 20%; float: left; }.ws_delete { width: 20%; float: left; }.ws_cart_full { font-size: 1.5em; margin-top: 30px;}.ws_short { width: 80px !important; }.ws_item { margin-bottom: 20px; border-bottom: 1px solid ; }.ws_item_image { width: 100%; display: block; }.ws_item_image img { max-width: 100%; height: auto; }.ws_item_short { width: 100%; display: block; }.ws_item_short h2 { font-size: 18px;font-weight: 600 !important;   }.ws_item_short p { font-size: 12px; }.ws_item_price { font-size: 18px; font-weight: 600; color: ; }.ws_price_old { text-decoration: line-through; }.ws_item_full {	margin-top: 150px;}@media screen and (min-width: 1024px) {	/* Style adjustments for viewports that meet the condition - WEB */	.noweb { display: none; }	.submenu { display: none; position: absolute; right: 0;}	.submenu  { }	.submenu  li { display: block !important; float: none !important; height: 30px !important;   }	.submenu  li a { width: 230px !important; display: block !important; height: 30px !important; line-height: 30px !important; float: none !important;  }}@media screen and (min-width: 641px) and (max-width:1023px) {	/* Style adjustments for viewports that meet the condition - TAB */	#wrapper {width: 740px; margin-left: auto; margin-right: auto; margin-top: 0px; margin-bottom: 15px; }	/*	*/	header { height: 310px; position: relative;  }	#header-web { display: block; height: 310px; position: relative; }	#header-mob { display: none; }	#header-web-wrapper { display: block; width: 740px !important; margin: auto; height: 310px; position: relative; }	#header-web-bg-container { width: 740px; }	#header-web-bg-inner { }	#langs { position: absolute; font-size: 9px; top: 10px; right: 5px; font-family: 'Roboto'; z-index: 10002; }	#langs a { color: ; text-decoration: none; padding-left: 10px;}	#langs a:hover { color: ; text-decoration: underline; }	#logo { position: absolute; font-size: 11px; top: 14px; left: 0px; text-align: left; width: 250px; z-index: 10002; }	#logo a img { max-height: 40px; max-width: 250px; height: auto;  }	#nav-web-bg { z-index: 900; position: absolute; top: 0px; left: 0; height: 310px; width: 100%; background-color:none; }	#header-web-bg {		width: 100%;		height: 65px;		z-index: 10001;		position: fixed;		top: 0;		left: 0;	}		#nav-web { width: 540px; min-height: 38px; background-color: none; position: absolute; z-index: 10002; margin: auto; display: inline-block; text-align: right; margin-left: 0px; top: 17px; right: 0px; }	#nav-web ul { padding: 0; margin: auto; list-style-type: none; z-index:1000; width: 100%; }	#nav-web ul li { padding: 0; margin: 0; display: inline-block; position: relative;   }		#nav-web ul li a, .inActiveMainMenu { text-align: center; color: ; background-color: none; height: 30px; line-height: 30px; display: block;  font-size: 11px; padding-left: 10px; padding-right: 5px;  position: relative;  }	#nav-web ul li a:hover, .activeMainMenu { text-decoration: none !important; background-color: none !important; color:  !important; background-image: none !important; }	#nav-web ul li ul { position: absolute; top: 30px; right: 0 !important; z-index:1001; height: 38px !important; line-height: 38px !important; padding: 0px 0; background-color: ; }	#nav-web ul li ul li { height: 38px !important; line-height: 38px !important;  }	#nav-web ul li ul li a { color: ; background-color: ; /*background-image: url(/grf/menu-h.png) !important; background-repeat: no-repeat !important; background-position: left top !important; background-size: 280px 2px; */ height: 38px !important; line-height: 38px !important; font-size: 13px !important;  }	#nav-web ul li ul li a:hover { background-color:  !important; color:  !important; background-image: none !important; font-weight: normal; }	#headerimage-web { z-index: 900; background-color: ; width: 100%; height: 310px; left: 0px; top: 65px; position: absolute;  }	#headerimage-web-container { z-index: 900; position: relative; width: 100%;  overflow: hidden; height: 310px; }	#headerimage-web img { float: left; }	#headerimage-tab { display: none; }	#headerimage-mob { display: none; }	.headerdiv-web { position: absolute; top: 0; left: 0; width:100%; height: 570px; }	#headerimage-web img { width: 100%; margin: 0 !important; }	#headerimage-tab img { width: 100%; margin: 0 !important; }	#headerimage-mob img { width: 100%; margin: 0 !important; }/**/	#header-mob { display: none; }	.qrvideo { width: 100% !important; height: 300px !important; margin: auto; }	#web-social { position: absolute; top: 10px; right: 20px; float: right; text-align: right; }	#web-social img { width: 20px; margin-left: 10px;  }	.notab { display: none; }	.submenu { display: none; position: absolute; right: 0;}	.submenu  { }	.submenu  li { display: block !important; float: none !important; height: 30px !important;   }	.submenu  li a { width: 230px !important; display: block !important; height: 30px !important; line-height: 30px !important; float: none !important;  }	#headerimage-tab { display: none; }	#headerimage-tab-container { display: none; }	#headerimage-mob { display: none; }	#headerimage-mob-container { display: none; }	.headerdiv-mob { display: none; }	.headerdiv-tab { display: none; }	#cw { float: left; padding: 0px !important; padding-top: 26px !important; width: 740px !important; }	#content { width: 680px !important; padding-left: 30px !important; float: none !important; padding-right: 3px !important; padding-top: 20px; padding-bottom: 0px;  margin-top: 10px; }	#content_web { margin-top: 0px;  }	/* FORM ELEMENTS */	input[type=text], input[type=password] { width: 340px;}	textarea { width: 340px;  }	#webshop-container {		width: 730px;	}}@media screen and (max-width:640px) {		#subheader {		display: none;	}	#header-web-bg {		position: absolute;	}	/* Style adjustments for viewports that meet the condition - MOBILE */	body { background-image: none !important; background-color:  !important;  }	body, td, th { font-size: 16px !important;   font-weight: normal !important; }	#lang_mob { display: block;  }	#lang_mob { height: 35px; text-align: right; background-color: #4c4c4c; padding-right: 18px; }	#lang_mob a { color: #fff; line-height: 35px !important; padding-left: 18px; font-size: 0.8em !important; }#content {	margin-top: 0px;}	#content_mob { display: block !important; padding-top: 0px; margin-top: 140px; }	#content_web { display: none !important; }	#nav-web-bg { display: none; }	.nomobile { display: none; }	#webshop-container {		width: 100%;	}	#webshop-dd {		margin-right: 15px;	}	#header-mob-bg {		width: 100%;		height: 150px;		background-image: url(/grf/hbg.png);		z-index: 10001;		position: absolute;		top: 0;		left: 0;	}	.qrvideo { width: 100% !important; height: 300px !important; margin: auto; }	header { min-height: 100px; width: 100%; }	#mob-footer-sub { display: block;  }	#header-web { display: none; }	#header-tab { display: none; }	#header-mob { display: block; padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; position: relative; }	#mobhline { font-size: 11px; }	#mobhline a  { color: ; }	#moblogo { width: 60% !important; float: none !important; padding: 0 !important; width: 100%; height: 50px; position: absolute !important; top: 20px; left: 20px; z-index: 10002; }	#moblogo a img { max-height: 60px !important; margin: auto; max-width: 100% !important; }	.searchtext-mobile { height: 25px !important; line-height: 25px !important; width: 100% !important; margin: 0 !important; }	#wrapper {		width: 100% !important; margin: 0 !important;  -webkit-box-shadow:  none !important; box-shadow:  none !important;  margin-bottom: 0 !important;	}	#bg-pattern { padding: 0 !important; }	.uzletimg { display: none; }	.uzletimg img {  }#header-mob-wrapper { display: block; width: 100%; height: 630px; position: absolute; top: 0; left: 0; }	.uzletimgmob { display: block; width: 220px; clear: both; float: none; }	.uzletimgmob img { max-width: 220px; }	#headerimage-web { display: none; }	#headerimage-web-container { display: none; }	#headerimage-tab { display: none; }	#headerimage-tab-container { display: none; }	#headerimage-mob-container { display: block; padding: 0 !important; margin: 0 !important; margin-bottom: 0px !important; position: relative; }	#headerimage-mob { display: block; padding: 0 !important; margin: 0 !important; margin-bottom:0px !important; position: relative; height: 630px; padding-top: 135px !important;}	.headerdiv-web { display: none; }	.headerdiv-tab { display: none; }	.headerdiv-mob { position: absolute; top: 100px; left: 0; }	#cw { float: none !important; background-color:  !important; margin-top: 0px !important; padding: 0px !important; width: 100% !important; padding-bottom: 0px !important; position: relative; }	#content { width: 90% !important; padding-left: 5% !important;  padding-right: 5% !important;  float: none !important; padding-top: 20px; }	input[type=text], input[type=password] { width: 80%; border: 1px solid #e4e4e4; background-color: #fff; height: 30px; padding-top: 2px; border-radius: 3px; -webkit-box-shadow:  0px 0px 10px 3px rgba(0, 0, 0, 0.05); box-shadow:  0px 0px 10px 4px rgba(0, 0, 0, 0.05); padding-left: 10px; font-size: 0.8em !important;  }	textarea { width: 80% !important; border: 1px solid #e4e4e4; background-color: #fff; height: 30px; border-radius: 3px; -webkit-box-shadow:  0px 0px 10px 3px rgba(0, 0, 0, 0.05);  -webkit-box-shadow:  0px 0px 10px 3px rgba(0, 0, 0, 0.05); box-shadow:  0px 0px 10px 4px rgba(0, 0, 0, 0.05); border: 0; height: 100px;padding-left: 10px;padding-top: 5px; font-size: 0.8em !important;  }	a.button, input[type=button], input[type=submit] { font-size: 0.8em !important; }	#search-mob { display: block !important; margin-top: 15px !important; margin-bottom: 20px !important; width: 60%; margin-left: 20%; margin-right: 20%; position: relative; }	#nav-web { display: none !important; }	#nav-tab { display: none !important; }	#nav-mobbtn { display: block !important; width: 30px !important; margin-top: 0px; margin: auto; position: absolute; right: 20px; top: 28px; z-index: 150000; background-repeat: no-repeat; background-position: left bottom;   }	#nav-mobbtn img { width: 30px !important; }	#header-mob-relative { position: relative; }	#nav-mob { display: block !important; width: 100% !important; margin-top: 0px; margin: auto; position: absolute; left: 0px; top: 90px; z-index: 150000; background-repeat: no-repeat; background-position: left bottom;   }	#nav-mob ul { padding: 0; margin: 0; background-image: url(/grf/menu-h.png); background-repeat: no-repeat; background-position: left bottom; margin-bottom: 2px;  background-color:   }	#nav-mob ul li { padding: 0; text-indent: 0px; margin: 0; display: block !important; float: none !important; }	#nav-mob ul li a { text-align: center; color: ; background-color: ; height: 38px; line-height: 38px; display: block !important; width: 100%; font-size: 13px; padding: 0; background-image: url(/grf/menu-h.png); background-repeat: no-repeat; background-position: left top; }	#nav-mob ul li a:hover { text-decoration: none;  color: ; background-color: ; background-image: none !important; }	#kontakt { display: block !important; width: 90% !important; margin-left: 5%; margin-right: 5%; float: left !important;  }	#kontakt h1 { font-weight: bold !important; }	#kontaktbox { padding: 20px; background-color:  !important; margin-top: 70px !important; color:  !important; }	#kontaktbox h1 { margin-top: 0px; color: ; }	#kontaktbox a { color:  !important; }	#kontaktbox a:hover { color:  !important; }	#kontaktbox .clear { height: 3px;}	#kontaktbox form .clear { height: 6px;}	#kontaktbox form label { display: block; margin-bottom: 3px;}	#kontaktbox a.vcard { width: 160px !important; margin-bottom: 10px !important; color:  !important; }	#kontaktbox a.vcard:hover { width: 160px !important; margin-bottom: 10px !important; color:  !important; }	#kontaktbox input[type="submit"] { width: 160px !important; margin-bottom: 40px !important; color:  !important;}	#kontaktbox input[type="submit"]:hover { width: 160px !important; margin-bottom: 40px !important; color:  !important; background-color:  !important; }	#kontaktbox input[type="text"] { background-color: #fff !important; width: 100% !important; }	#kontaktbox textarea { background-color: #fff !important; width: 100% !important; height: 80px !important; }	#mob-social { margin-top: 20px !important; display: block !important; }	#tabnav { display: none !important; }	.submenu { display: block; position: relative !important; }	.submenu  { margin: 0 !important; }	.submenu  li { display: block !important; float: none !important; height: 28px !important;     }	.submenu  li a { width: 100% !important; display: block !important; height: 28px !important; line-height: 32px !important; float: none !important;  text-indent: 0px; background-color:   !important; text-indent: 0 !important; border-bottom: 1px solid  !important; font-style: italic; color:   !important; background-image: url(/grf/menu-h.png); background-repeat: no-repeat; background-position: left top; }	.submenu  li a:hover { width: 100% !important; display: block !important; height: 28px !important; line-height: 32px !important; float: none !important;  text-indent: 0px; background-color:   !important; color:   !important;  }	footer { display: none;  }	#mob-footer { display: block !important; margin-top: 25px; text-align: center; color:   !important; }	#gallery-web-tab { display: none !important; }	#gallery-mobile { display: block !important; }	.gallery-text { font-size: 0.75em; }	#xkep { width: 90%; left: 5%; z-index: 10000; }	#xkep img { width: 100%; z-index: 100001; }	.ximage { max-width: 100%; z-index: 100001; height: 60px; width: auto; }	#xtitle { background-color: #000; opacity: 0.9; color: #fff; padding: 10px;}	.profile-map-left { width: 100%; float: none; display: block; margin-bottom: 70px; }	.profile-map-right { width: 100%; float: none;  display: block;  }	.uzletimgmob { max-width: 100% !important; width: 100% !important; }	.uzletimgmob img { max-width: 100% !important; width: 100% !important; }	#mob-footer-sub { width: 100%; height: 30px; text-align: center;  padding: 10px 0; font-size: 0.9em; color: ; }	#mob-footer-sub a {  }	#footerTable tr td { display: block !important; width: 100% !important; }	.footerTable tr td { display: block !important; width: 100% !important; }	#footer_content { display: none; }	#footer_content_mobile { background-color: ; display: block; }}