/* * { -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: 30px; padding-bottom: 30px; }



#wrapper {width: 960px; margin-left: auto; margin-right: auto;  }



header { background-color: ; height: 210px; position: relative;  }



#header-web { display: block; height: 210px; position: relative; }

#header-mob { display: none; }



#langs { position: absolute; font-size: 11px; top: 0px; right: 30px; font-family: 'Roboto'; }

#langs a { color: ; text-decoration: none; padding-left: 10px;}

#langs a:hover { color: ; text-decoration: underline; }



#logo { position: absolute; font-size: 11px; top: 0px; left: 30px; text-align: center; width: 900px; }

#logo a img { max-height: 150px; max-width: 800px; height: auto;  }	



#nav-web { width: 900px; min-height: 38px; background-color: ; position: relative; z-index: 1000; margin: auto; display: inline-block; margin-top: 150px; text-align: center; margin-left: 30px; }



#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: ; height: 38px; line-height: 38px; display: block;  font-size: 16px; padding-left: 15px; padding-right: 15px;  position: relative; font-weight: normal !important;  }

#nav-web ul li a:hover, .activeMainMenu { text-decoration: none !important; background-color:  !important; color:  !important; background-image: none !important; } 



#nav-web ul li ul { position: absolute; top: 38px; 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; } 



#nav-tab { display: none; }

#nav-mob { display: none; }



#headerimage-web { z-index: 900; background-color: ; width: 100%; height: 450px; left: 0px; top: 240px; position: absolute;  }

#headerimage-web-container { z-index: 900; position: relative; width: 100%;  overflow: hidden; height: 450px; }

#headerimage-web img { float: left; }

#headerimage-tab { display: none; }

#headerimage-mob { display: none; }



.headerdiv-web { position: absolute; top: 0; left: 0; width:100%; height: 450px; }



#headerimage-web img { width: 100%; margin: 0 !important; }

#headerimage-tab img { width: 100%; margin: 0 !important; }

#headerimage-mob img { width: 100%; margin: 0 !important; }



#cw { clear: both; float: left; background-color: ; width: 960px; padding: 0px 0; }



#content { padding-top: 450px; }

#content img {  margin-top: 10px; margin-bottom: 10px;  }



#content_mob { display: none; }

#content_web { display: block; }



footer { padding: 30px 0; 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: 0px; 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: 130px; 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: 30%; float: left; }

.ws_item_image img { width: 90%; }

.ws_item_short { width: 70%; float: left; }

.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; }



@media screen and (min-width: 1025px) {

	/* 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: 250px !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: 760px; margin-left: auto; margin-right: auto; margin-top: 0px; margin-bottom: 15px; }

	header { background-color: ; height: 146px !important; position: relative;  }

	

	

	#header-mob { display: none; }



	#logo { position: absolute; font-size: 11px; top: 0px; width: 700px; text-align: center; }

	#logo a img { max-height: 80px; max-width: 700px; height: auto;  }	



	.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; }



	

	#langs { right: 20px; top: 0px; }

	

	#nav-web { max-width: 700px; min-height: 38px; background-color: ; position: absolute; z-index: 1000; position: absolute; margin-top: 100px; width: 700px; }



	#nav-web ul { padding: 0; margin: 0; list-style-type: none; z-index:1000; }

	#nav-web ul li { padding: 0; margin: 0; float: none; display: inline-block; position: relative;   }

	#nav-web ul li a, .inActiveMainMenu { text-align: center; color: ; background-color: ; height: 38px; line-height: 38px; display: block;  font-size: 12px; padding-left: 10px; padding-right: 10px;  position: relative;  }

	#nav-web ul li a:hover, .activeMainMenu { text-decoration: none !important; background-color:  !important; color:  !important; background-image: none !important; } 



	#nav-web ul li ul { position: absolute; top: 38px; 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: 12px !important;  }

	#nav-web ul li ul li a:hover { background-color:  !important; color:  !important; background-image: none !important;  } 

	

	

	

	

	.submenu { display: none; position: absolute; right: 0;}

	.submenu  { }

	.submenu  li { display: block !important; float: none !important; height: 30px !important;   }

	.submenu  li a { width: 250px !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; }

	

	/*

	#headerimage-web-container { z-index: 900; display: block; padding: 0 !important; margin: 0 !important; margin-bottom: 0px !important; position: relative; width: 800px; height: 246px !important;  }

	#headerimage-web { z-index: 900; display: block; padding: 0 !important; margin: 0 !important; margin-bottom: 0px !important; position: relative; width: 760px;top: 0 !important; height: 246px !important; }

	#headerimage-web img {  width: 760px; height: 246px !important;  }

	.headerdiv-web { position: absolute; top: 0; left: 0; }

	#header-web { width: 100%; height: 246px !important; position: relative !important; } */

	

	#headerimage-web { z-index: 900; background-color: ; width: 100%; height: 188px; left: 0px; top: 175px; position: absolute;  }

	#headerimage-web-container { z-index: 900; position: relative; width: 100%;  overflow: hidden; height: 188px; }

	#headerimage-web img { float: left; }

	

	#headerimage-web img { min-width: 800px; width: 100%; min-height: 188px; margin: 0 !important; }

	

	

	.headerdiv-mob { display: none; }

	.headerdiv-tab { display: none; }

	

	

	

	#cw { float: left; padding: 0px !important; padding-top: 6px !important; width: 760px !important; }

	#content { width: 720px !important; padding-left: 20px !important; float: right !important; padding-right: 20px !important; padding-top: 187px; padding-bottom: 20px;  }

	

	

	/* FORM ELEMENTS */

	input[type=text], input[type=password] { width: 340px;}

	textarea { width: 340px;  }



}



@media screen and (max-width:640px) {

	/* 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: #454545; padding-right: 18px; }

	#lang_mob a { color: #fff; line-height: 35px !important; padding-left: 18px; font-size: 0.8em !important; }

	

	#content_mob { display: block !important; padding-top: 30px; }

	#content_web { display: none !important; }

	

	.nomobile { display: none; }

	

	.qrvideo { width: 100% !important; height: 300px !important; margin: auto; }

	

	header { height: 180px !important; width: 100%; }

	

	#mob-footer-sub { display: block;  }

	

	#header-web { display: none; }

	#header-tab { display: none; }

	#header-mob { display: block; padding-top: 5px; padding-bottom: 15px; padding-left: 12px; padding-right: 12px; position: relative;  height: 180px !important;  }

	

	#mobhline { position: absolute; right: 18px; top: 68px; }

	#mobhline img { width: 25px; height: 27px; cursor: pointer; }

	

	#moblogo { margin-top: 10px; width: 100% !important; clear: both !important; float: none !important;  padding: 0 !important; height: auto !important; position: relative !important; }

	#moblogo a img { max-height: 130px !important; max-width: 80% !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 {  }

	

	.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: 310px;}

	.headerdiv-web { display: none; }

	.headerdiv-tab { display: none; }

	.headerdiv-mob { position: absolute; top: 0; 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: 0; }

	

	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-mob { display: block !important; width: 100% !important; margin-top: 0px; background-color:  !important; margin: auto; position: absolute; left: 0; top: 100px; z-index: 150000; background-image: url(/grf/menu-h.png); 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;  }

	#nav-mob ul li { padding: 0; text-indent: 10px; 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; }



	#footer_content_mobile {

		width: 90% !important; padding-left: 5% !important;  padding-right: 5% !important;  float: none !important; padding-top: 0;

	}

	

}