/*** BW OPTIONS ***/

/* STANDARD */
#bw_options { position: fixed; display: block; top: 10px; right: 10px; z-index: 2; }
#bw_options .bw_option_link { float: left; display: block; background-color: #fff; border-radius: 3px; padding: 8px 10px; color: #333; box-shadow: 3px 3px 4px #666; margin-left: 10px; }
#bw_options .bw_option_link a, #bw_options a.bw_option_link { font-family: Arial; font-size: 13px; font-style: normal; font-weight: normal; line-height: 16px !important; text-decoration: underline; color: #333; }
#bw_options .bw_option_link span { line-height: 16px !important; font-family: Arial !important; font-size: 13px; font-weight: normal; }
#bw_options .bw_option_link a:hover, #bw_options a.bw_option_link:hover { color: #333; text-decoration: none; }
#bw_options #bw_pageeditor_button a { color: #eee !important; text-decoration: none !important; text-shadow: 0 -1px 0 #555; display: block; padding: 8px 10px;}
#bw_options #bw_pageeditor_button a:hover { color: #fff !important; }
#bw_options #bw_pageeditor_button { padding: 0 !important; float: right; background: #6ea2ca; background: -moz-linear-gradient(top,  #6ea2ca 0%, #2d5c80 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6ea2ca), color-stop(100%,#2d5c80)); background: -webkit-linear-gradient(top,  #6ea2ca 0%,#2d5c80 100%); background: -o-linear-gradient(top,  #6ea2ca 0%,#2d5c80 100%); background: -ms-linear-gradient(top,  #6ea2ca 0%,#2d5c80 100%); background: linear-gradient(to bottom,  #6ea2ca 0%,#2d5c80 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6ea2ca', endColorstr='#2d5c80',GradientType=0 ); }

/* MOBILE */
.bw_mobile #bw_options .bw_option_link:not(#bw_shop_cart_button):not(#bw_pageeditor_button) { background: none; }
.bw_mobile #bw_options, .bw_mobile #bw_options_bottom { width: 100%; height: 26px;  text-align: right; font-size: 12px; }
.bw_mobile #bw_options { position: fixed; background-color: #eee; top: auto !important; bottom: 0 !important; right: 0; left: 0; overflow: auto; }
.bw_mobile #bw_options_bottom { visibility: hidden; }
.bw_mobile #bw_options .bw_option_link { display: inline-block; border-radius: 0; padding: 5px; color: auto; box-shadow: none; }
.bw_mobile #bw_options #bw_pageeditor_button { padding: 5px 10px !important; float: none !important; }
.bw_mobile #bw_options #bw_pageeditor_button a { display: inline !important; padding: 0 !important; }
.bw_mobile #bw_fastad {text-align:center;margin:4px auto;width:320px;}
.bw_mobile #bw_shop_cart_button { background-color: transparent; }


/*** BW IMAGE ***/

/* STANDARD */
img.bw_image { display: block !important; }
a.bw_image { display: table; position: relative; overflow: auto; text-decoration: none; }
a.bw_image img { margin: 0; }
a.bw_image img:not([height]) { height: auto !important; }
a.bw_image:hover .bw_image_zoom { opacity: 0.8; }
a.bw_image .bw_image_zoom { opacity: 0.5; position: absolute; right: 2px; bottom: 5px; width: 26px; height: 26px; border: none; border-radius: 5px; background: url('http://www.beepworld.de/wl/tplsets/1/images/misc/image_zoom.png') no-repeat 0 0 transparent; }
#bw_image_overlay { position: fixed; display: none; top:0; left:0; background: #333; background: rgba(51,51,51,0.7); height: 100%; width: 100%; z-index: 98;}
#bw_image_full { position: fixed; display: table; top: 50%; left: 50%; text-indent: -100%; margin: 0 auto; text-align: center; z-index: 99; }
#bw_image_full img { border: 5px solid #fff; }

/* MOBILE */
.bw_mobile .fb_iframe_widget, .bw_mobile .fb_iframe_widget span:first-child, .bw_mobile .fb_iframe_widget iframe { width: 100% !important; }
.bw_mobile .bw_customstyle_contactform textarea, .bw_mobile .bw_customstyle_contactform .textfield, .bw_mobile .bw_customstyle_guestbook textarea, .bw_mobile .bw_customstyle_guestbook .bw_customstyle_guestbook_inputfield { width: 95% !important; padding: 2px !important; }
.bw_mobile .bw_image img { max-width: 500px; width: 100%; height: auto; }
.bw_mobile img.bw_image { max-width: 500px; width: 100%; height: auto; }
.bw_mobile #ob_container #ob_title { display: none; }
.bw_mobile a.bw_image { display: block !important; }
.bw_mobile #bw_title_mobile, .bw_mobile .bw_customstyle_navigation_link_active_color, .bw_mobile .bw_customstyle_navigation_link_inactive_color:hover { color: #333 !important; background-color: #fff !important; }

/*** BW LOGO ***/
.bw_mobile #bw_header_logo { display: none; }

/*** BW SHOP ***/
#bw_shop_cart_button { background: url('http://www.beepworld.de/wl/tplsets/1/images/apps/shop/shop_cart.png') no-repeat 8px center; padding-left: 30px !important; }

.deselect { -moz-user-select: none; -khtml-user-select: none; user-select: none; }


/*** BW HEADING ***/
h1.bw_heading, .bw_heading_h1 { font-size: 2em; }
h2.bw_heading, .bw_heading_h2 { font-size: 1.5em; }
h3.bw_heading, .bw_heading_h3 { font-size: 1.17em; }


/*** BW FILEDOWNLOAD ***/
.bw_filedownload_icon { font-family: arial, Helvetica, sans-serif !important; font-size: 12px !important; font-weight: bold !important;	line-height: 15px !important; text-transform: uppercase !important; color: #fff !important; }

/*** BW COOKIECHOICE ***/
#bw_cookiechoice { position: fixed; bottom: 0; width: 100%; text-align: center; background: #eee; color: #555; padding: 4px 8px; line-height: 20px; font-size: 13px; }
#bw_cookiechoice a:last-child { transition: opacity 0.3s; opacity: 0.85; margin-left: 12px; padding: 2px 7px; text-decoration: none; border-radius: 2px; }
#bw_cookiechoice a:hover { opacity: 1; }


/*** BW NAVIGATION BUTTON  ***/

#bw_navigation_button::before {
	content: "\ec71";
}
#bw_navigation_button {
	display: none !important;
	font-family: "IcoMoon-Ultimate" !important;
	font-feature-settings: "liga";
	font-size: 32px !important;
	font-style: normal;
	font-variant: normal;
	font-weight: normal !important;
	line-height: 1;
	margin-right: 5px;
	text-transform: none;
	text-decoration: none !important;
	float: right !important;
	padding: 8px 5px !important;
}
@media screen and (min-width: 800px) {
	
	/* DESIGN BERLIN */

	.d12_outer .bw_linkmenu.bw_customstyle_content_background_color {
		background: none;
	}
}
@media screen and (max-width: 800px) {

	#bw_navigation_button {
		display: block !important;
	}
	.bw_navigation_show .bw_linkmenu_content {
		display: block !important;
		height: 100% !important;
	}
	.bw_navigation_show .bw_option_link:not(#bw_navigation_button) {
		display: none;
	}
	.bw_navigation_show #bw_navigation_button::before {
		content: "\ed6e";
	}

	/* DESIGN BERLIN - mobile */

	.d12_menu_inner, .d12_content_inner, .d12_footer_inner, .d12_subtitle_inner {
		min-width: auto;
	}
	.d12_outer .bw_customstyle_contactform textarea,
	.d12_outer .bw_customstyle_contactform .textfield,
	.d12_outer .bw_customstyle_guestbook textarea,
	.d12_outer .bw_customstyle_guestbook .bw_customstyle_guestbook_inputfield {
		box-sizing: border-box;
	    width: 98% !important;
	}
	.d12_outer table.bw_column td {
	    float: left;
		width: 100%;
	}
	.d12_outer .bw_linkmenu_content {
		height: 0;
		transition: height 0.3s ease;
		overflow: hidden;
		float: none;
		position: absolute;
		left: 0;
		top: 0;
		width: 100% !important;
		z-index: 11;
		background: rgba(0,0,0,0.3);
	}
	.d12_outer .bw_linkmenu_content .bw_linkmenu {
		padding: 10px !important;
		box-sizing: border-box;
	}
	.d12_outer .bw_content_out {
		float: none;
		width: auto;
	}
	.d12_outer .bw_content {
		padding-left: 0;
	}
}