/*** 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 { max-width: 100%; }*/
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('https://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('https://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 { box-sizing: border-box; position: fixed; bottom: 0; width: 100%; text-align: left; background: #eee; color: #555; padding: 4px 8px; line-height: 20px; }
#bw_cookiechoice, #bw_cookiechoice a { font-size: 13px; }
#bw_cookiechoice .bw_cookiechoice_cell:last-child a { 
	text-align: center;
	opacity: 0.85; 
	margin: 5px; 
	padding: 5px 10px; 
	text-decoration: none; 
	border-radius: 2px; 
	display: inline-block;
}
#bw_cookiechoice .bw_cookiechoice_cell:last-child a:hover { opacity: 1; }
.bw_cookiechoice_table {
	max-width: 800px;
	width: auto;
	margin: 0 auto;
	display: table;
}
.bw_cookiechoice_row {
	display: table-row;
}
.bw_cookiechoice_cell {
	display: table-cell;
	vertical-align: middle;
}
.bw_cookiechoice_cell:first-child {
    padding-right:10px;
}


/*** BW NAVIGATION BUTTON  ***/

.bw_responsive .bw_linkmenu_hide {
	display: none;
}
.bw_responsive #bw_navigation_button::before {
	content: "\ec71";
}
.bw_responsive #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;
}
.bw_responsive #bw_options {
	z-index: 12;
}

@media screen and (min-width: 800px) {
	
	/* DESIGN BERLIN */

	.d12_outer .bw_linkmenu.bw_customstyle_content_background_color {
		background: none;
	}

	.bw_linkmenu_content {
		display: none;
	}
	.d12_outer .bw_linkmenu_content {
		display: block;
	}
}
@media screen and (max-width: 800px) {
	
	.bw_responsive .bw_submenu_top {
		display: none;
	}
	.bw_responsive #bw_navigation_button {
		display: block !important;
		z-index: 20;
	}
	/*.bw_responsive.bw_navigation_show .bw_linkmenu_content .bw_linkmenu,*/
	.bw_responsive.bw_navigation_show .bw_linkmenu_content {
		height: auto !important;
		/*background: rgba(0,0,0,0.5);*/
		background: rgba(0,0,0,0.8);
		overflow: visible;
	}
	.bw_responsive.bw_navigation_show .bw_option_link:not(#bw_navigation_button) {
		display: none;
	}
	.bw_responsive.bw_navigation_show #bw_navigation_button::before {
		content: "\ed6e";
	}
	.bw_linkmenu_content .bw_linkmenu li,
	.bw_linkmenu_content .bw_linkmenu li a {
		border-radius: 3px;
		border: none;
	}

	/* DESIGN BERLIN - mobile */

	.bw_responsive .bw_customstyle_contactform textarea,
	.bw_responsive .bw_customstyle_contactform .textfield,
	.bw_responsive .bw_customstyle_guestbook textarea,
	.bw_responsive .bw_customstyle_guestbook .bw_customstyle_guestbook_inputfield {
		box-sizing: border-box;
	    width: 98% !important;
	}
	.bw_responsive table.bw_column > tbody > tr > td {
	    float: left;
		width: 100%;
	}
	.bw_responsive .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);
		margin: 0;
		padding: 0;
	}
	.bw_responsive .bw_linkmenu_content .bw_linkmenu {
		padding: 10px !important;
		box-sizing: border-box;

		float: none;
		width: 100%;
	}
	.bw_responsive .bw_linkmenu_content .bw_linkmenu li {
		float: none;
	}
	.bw_responsive .bw_content_out {
		float: none;
		width: auto;
	}
	.bw_responsive .bw_content {
		padding-left: 0;
	}

	.bw_responsive div[class$="_content_inner"], 
	.bw_responsive div[class$="_menu_inner"],
	.bw_responsive div[class$="_footer_inner"],
	.bw_responsive div[class$="_subtitle_inner"] {
		min-width: auto;
	}

	.bw_responsive.bw_navigation_show div[class$="_menu"] {
		visibility: hidden;
	}

	.bw_responsive div[class$="_subtitle_text"] {
		max-width: 100%;
		word-wrap:break-word;
	}
	.bw_responsive div[class$="_subtitle_text"] #bw_header_subtitle span {
		font-size: 70%;
	}

	/* bw_image */
	.bw_responsive .bw_image img { max-width: 800px; width: 100%; height: auto; }
	.bw_responsive img.bw_image { max-width: 800px; width: 100%; height: auto; }
	.bw_responsive a.bw_image { display: block !important; }
	.bw_responsive iframe { max-width: 100%; }
	.bw_responsive table:not(.bw_column) { max-width: 100%; width: auto; }

	.bw_header {
		background-size: cover !important;
	}
}
@media screen and (max-width: 400px) {

	.bw_responsive div[class$="_subtitle_text"] #bw_header_subtitle span {
		font-size: 50%;
	}

}

.bw_youtube_privacy {
	background-color: rgba(0,0,0,0.7);
    padding: 12px;
    font-size: 15px;
    border-radius: 5px;
}
.bw_youtube_privacy p {
    color: #ccc;
	text-align: center;
    padding: 0px !important;
    margin: 0px 0px 12px 0px !important;
}
.bw_youtube_privacy p a {
    color: #ccc;
}
.bw_youtube_button {
    display: inline-block;
    background-color: #ff0000;
    border-radius: 4px;
    color: #fff;
    padding: 4px 8px;
    cursor: pointer;
    font-weight: bold;
    font-size: 15px;
    line-height: 27px;
}
.bw_youtube_button_play {
  width: 20px;
  height: 20px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 3px;
}
