/* * { -webkit-appearance: none; } */
/* Style adjustments for viewports that meet the condition - WEB */
body { 
	background-color: ; 
} 



body, td, th { font-family: 'Playfair Display SC', 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: 18px; color: ;  }
h2 { font-size: 14px; 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;  -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);   }

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

#header-web { display: block; height: 215px; position: relative; }
#header-mob { display: none; }

#langs { position: absolute; font-size: 11px; top: 30px; 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: 40px; left: 30px; text-align: center; width: 900px; }
#logo a img { max-height: 100px; max-width: 900px; height: auto;  }	

#nav-web { width: 900px; min-height: 38px; background-color: ; position: relative; z-index: 1000; margin: auto; display: inline-block; margin-top: 170px; 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: 14px; padding-left: 15px; padding-right: 15px;  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: 14px; font-size: 13px !important;  }
#nav-web ul li ul li a:hover { background-color:  !important; color:  !important; background-image: none !important;  } 

#nav-tab { display: none; }
#nav-mob { display: none; }

#headerimage-web { z-index: 900; position: relative; background-color: ; width: 960px;  }
#headerimage-web-container { z-index: 900; position: relative; width: 960px; overflow: hidden; height: 285px; }
#headerimage-web img { float: left; }
#headerimage-tab { display: none; }
#headerimage-mob { display: none; }

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

#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: ; padding: 17px 17px; width: 860px; padding: 50px; }

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

#content_mob { display: none; }
#content_web { display: block; }

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: 130px; border: 0; 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); 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: 200px !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; }
	header { background-color: ; height: 180px; position: relative;  }
	
	#header-web { height: 180px; position: relative; }
	#header-mob { display: none; }

	#logo { position: absolute; font-size: 11px; top: 30px; width: 100%; 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: 20px; }
	
	#nav-web { max-width: 700px; min-height: 38px; background-color: ; position: absolute; z-index: 1000; position: absolute; margin-top: 135px; }

	#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: 15px; padding-right: 15px;  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: 200px !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: 760px; height: 225px; }
	#headerimage-web { z-index: 900; display: block; padding: 0 !important; margin: 0 !important; margin-bottom: 0px !important; position: relative; width: 760px; }
	.headerdiv-web { position: absolute; top: 0; left: 0; }
	.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: 20px; 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;  } 
	
	#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; }
	
	header { height: 180px !important; width: 100%; }
	
	#mob-footer-sub { display: block;  }
	
	.qrvideo { width: 100% !important; height: 300px !important; margin: auto; }
	
	#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: 30px; width: 100% !important; clear: both !important; float: none !important;  padding: 0 !important; height: auto !important; position: relative !important; text-align: center; }
	#moblogo a img { max-height: 120px !important; max-width: 70% !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; }
	
	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; }
	
	.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: 285px;}
	.headerdiv-web { display: none; }
	.headerdiv-tab { display: none; }
	.headerdiv-mob { position: absolute; top: 0; left: 0; }
	
	#footer_content { display: none; }
	#footer_content_mobile { background-color: ; display: block; }
	
	
	#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; }
	

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