@charset "utf-8";
@font-face { font-family: Calibri; src: url('assets/Calibri.ttf'); }
/* CSS Document */

@media screen and (max-width: 1239px) {
	/* Disable elements */
	#usercontrol_container {display:none;}
	#search_container {display:none}
	#header_menu_container {display:none}
	#header_menu_container_sticky {display:none!important}
	#header_logo {display:none}
	#header_spacer {height:0px!important;}
	video {display:none}
	#webshop_category_menu_container {ddisplay:none}
  .webshop_category_menu_highlight {ddisplay:none}
  #webshop_mobilview_label {display:block}
  .page_counter {display:none}
  #basket_module_container {display:none}
  #show_product_kosarba {display:none}
  #modules_container {display:none}
	#show_article_image {display:none;}
	.gallery_menu_info {display: none}
	#publicinfo_container {display:none}
	#tour_container	{display:none}
	#contact_container {display:none}
	#footer_container {display:none}
	#social {display:none}
	.counter_details_container {display:none}
	
	/* Set Mobile */
	body {width:100%; background: none; padding: 0px; font-family: Calibri; font-size:1.2em; background-image: none!important}
	html {text-size-adjust: none; font-weight: 400}
	h1 { font-weight: normal; font-size: 220%; font-family: Calibri; margin-top: 20px}
	.hr {margin-bottom: 40px;}
	p {font-size:115%; font-weight:400}
	
  #webshop_category_menu_container {position: absolute; z-index: 100; top:0px; left:-200px; animation: slide_from_right_WCM 2s ease-out; margin:0px; padding:0px}
  .flow_in {animation: slide_to_right_WCM 2s ease-out forwards!important;}
  
  @keyframes slide_from_right_WCM {
		 0% {transform: translateX(200px);}
	100% {transform: translateX(0px);}
}
  
@keyframes slide_to_right_WCM {
		 0% {transform: translateX(0px); opacity: 1}
	100% {transform: translateX(200px); opacity: 1}
}
  
  #cnext_webshop_container {float: none; margin:auto}
  .new_products_lister_price_row_content {padding-bottom:6px;}
  .new_products_lister_price_content {padding-bottom:4px;}
  .new_products_lister_row_container {float:none; margin: 60px auto 20px auto}
  .new_products_lister_name_content {height:70px}
  
	/* Mobile Header */
	#mobile_header {position: relative; display:block; text-align: center; padding:60px 0 20px 0;}
	#mobile_header img {width:50%}
	
	#mobile_menu_bars {position: absolute; top:70px; left:80px; cursor: pointer; font-size:50px; color: #333}
	#mobile_menu {position: absolute; top:0; left:0; width:600px; z-index:100; display: none}
	#mobile_menu_bars_close, #mobile_menu_bars_desktop_view {border-left: 20px #333 solid; text-align:left; padding:30px 0 30px 50px; cursor: pointer; font-size:50px; color: #eee; line-height: 50px;}
	#mobile_menu_bars_close {color:#333}
	#mobile_menu_bars_close i, #mobile_menu_bars_desktop_view i { vertical-align: middle; width:60px; text-align: center}
	#mobile_menu_bars_close span, #mobile_menu_bars_desktop_view span {margin-left:20px; font-size:70%; }
	#mobile_menu_bars_close {background-color: #ab8a45; border-top: 20px #333 solid;}
	#mobile_menu_bars_desktop_view {background-color: #333}

		
	#user_module_container {margin-top: 0px; padding: 0 0 20px 20px; background-color:#333; font-size:110%}
	#user_module_link_container a {background-image: none; background-color: #eee; line-height: normal; padding: 30px 10px; border:none; color:#333}
	.user_module_level0_menu a {background-color: #333!important; color:#eee!important;}
	#user_module_active_menu {background-color: #811712!important; color:#eee!important}
	.sidemenu_menuitem div a {background-color: #eee!important; border-bottom:1px #000 solid!important}
	
	#mobile_search_icon {position: absolute; top:70px; right:80px; cursor: pointer; font-size:50px; color: #333}
	#mobile_search {margin-top:50px; display: none}
	#mobile_search input {font-size:120%; font-weight:bold; border:1px #CCC solid; padding:20px; color:#333; font-family: Calibri; width:60%}
	#mobile_search .button {padding: 20px!important;}
	
	/* Content */
	#main_container {width:100%; padding:10px 0; background-image: none; border: none; box-shadow: 0px 0px 0px 0px #fff}
	#contents_container {position:relative; width:100%!important; padding:0 30px; box-sizing: border-box; clear:both;}
	
	/* Articles */
	.mobile_margin {margin-top: 5px}
	.title {width:80%; font-family: Calibri;}
	.date_container {padding-right:8px;}
	.date_box {margin:auto; padding: 0; width:160px}
	.date_box_topmargin {margin-top:20px;}
	.day {width:78px; line-height: 70px; margin-left:auto; padding-right: 4px;}
	.month {width:78px}
	.dropped { background-image: none; padding:20px 0;}
	.h1menu {margin:20px 0 40px 0; padding: 20px 0; background-image: url("assets/canvas_background.jpg"); background-repeat: repeat; background-color: #122868; text-align:center; color:#333; font-family: Calibri; font-size:220%;}
	.articles img {width:100%; padding: 0; margin:0 0 10px 0; border: 0; clear: both}
	.articles p {margin: 10px 0; line-height: 1.4em; font-size:115%; font-weight:400}
	.article_files_icon {width:50px; padding-left:0}
	.article_files_name {width:90%; font-weight: 400}
	.article_files_icon img {height:60px}
	#show_article_image_mobile {display:block;}
	.read_more {margin: auto; float: none; text-align: center; padding: 20px 0; font-weight: 400}
	
	/* Galleries */
	#gallery_group_container {text-align: center}
	#gallery_group_container p {text-align: center}
	#gallery_images_container {display:block; margin:auto}
	.gallery_menu_container a {margin-bottom:20px;}
	.gallery_menu_name {font-size:105%; font-weight:bold}
	.gallery_image_container {width:20.4%; margin: 5px 2%;}
	.gallery_image_container span {height:21%}
	.gallery_image_container img {width:100%}
	.gallery_menu_container {width:100%}
	
	/* Search */
	#search_hit_container {margin-bottom: 30px;}
	#search_hit_container a {color:#FFF;}
	#search_hit_container a:hover {color:#eee;}
	.search_hit {display:inline-block; margin-left:0px; text-align:right; width: auto}
	.search_hit_type {height:40px; font-size:115%; color:#666; margin-left: 15px; font-weight: bold}
	.search_hit_number {height:40px; padding:5px 10px; margin:0px 5px; background-color:#67a858; font-size:180%; line-height:1em;}
	.search_hit_comment {height:40px; font-size:80%; color:#666; margin-right: 15px; text-align: left; font-weight: bold}
	
	/* Page counter */
	.page_counter_mobile {display:block; padding:40px 0; font-size: 105%}
	.page_counter_active { padding:20px; font-weight: bold}
	.page_counter_mobile a { padding:20px; font-weight: bold; color:#333}
  .page_counter_mobile {text-align:center; padding: 6px 0 20px 0; font-size: 1em; line-height:1em}
  .page_counter_webshop {float:none; padding:20px 0 60px 0}
  
	/* Facebook */
	.facebook_container {margin: 15px 0 20px 0;}
	._49vh {font-size:150%!important}
	
	/* Footer */
	#copyright_content {width:100%; margin:0;}
	#copyright {width:100%; padding: 0; color:#eee}
	#footer_keywords {width:100%}
}