/*
Theme Name: Bembel & Gebabbel
Theme URI: http://www.bembel-und-gebabbel.de/
Author: Designbüro Frankfurt GbR
Author URI: http://www.designbuero-frankfurt.de
Description: Custom Theme für Bembel & Gebabbel
Version: 0.1
License: Copyright
License URI: -
*/


/*
--------------------------------------
INHALT
--------------------------------------

– Font
– Bootstrap
– Style Desktop
– Responsive Overwrites
--------------------------------------

*/



/*
--------------------------------------
bootstrap fixes – generelle anpassungen
--------------------------------------
*/

/*font*/
/*Icon Font*/
@font-face {
    font-family: 'icomoon';
    src:    url('iconfont/icomoon.eot?n2r6wv');
    src:    url('iconfont/icomoon.eot?n2r6wv#iefix') format('embedded-opentype'),
        url('iconfont/icomoon.ttf?n2r6wv') format('truetype'),
        url('iconfont/icomoon.woff?n2r6wv') format('woff'),
        url('iconfont/icomoon.svg?n2r6wv#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*raster*/
/*Bootstrap Adjust responsive nav*/
	  @media (max-width: 991px) {
		.navbar-header {
			float: none;
		}
		.navbar-toggle {
			display: block;
		}
		.navbar-collapse {
			border-top: 1px solid transparent;
			box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
		}
		.navbar-collapse.collapse {
			display: none!important;
		}
		.navbar-nav {
			float: none!important;
			margin: 7.5px -15px;
		}
		.navbar-nav>li {
			float: none;
		}
		.navbar-nav>li>a {
			padding-top: 10px;
			padding-bottom: 10px;
		}
		.navbar-text {
			float: none;
			margin: 15px 0;
		}
		/* since 3.1.0 */
		.navbar-collapse.collapse.in { 
			display: block!important;
		}
		.collapsing {
			overflow: hidden!important;
		}
		}

	  @media screen and (min-width:991px) {
      	.navbar .container-fluid, .navbar-collapse  {
			padding:0;
			}
		.navbar-right {
			margin-right:0px;
			}
		nav div.facebook {
			padding-top:15px;
			padding-left:15px;
			display:block;
			float:left;
			}
			}
/*no gutters extension*/
.row.no-gutters {
  margin-right: 0;
  margin-left: 0;
}
.row.no-gutters > [class^="col-"],
.row.no-gutters > [class*=" col-"] {
  padding-right: 0;
  padding-left: 0;
}

/*
--------------------------------------
Style Desktop
--------------------------------------
*/

/*Font import via https://www.google.com/fonts#UsePlace:use/Collection:Source+Sans+Pro*/
@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:600,700);

/*General Fonts*/
	/*
	14px 		0,875rem
	18px		1.125rem
	20px		1,25rem
	16px		1rem
	*/
	/*
	weiss  	#FFF;
	90%    	rgba(255,255,255,0.9);
	70%    	rgba(255,255,255,0.7);
	blau   	#1358a0;
	form   	rgba(210,210,210,0.3);
	footer1 rgba(0,0,0,0.7);
	footer2 rgba(0,0,0,0.2);
	*/

html {
	font-size:1em;
	background: url(assets/bg-rough.jpg) no-repeat center center fixed; 
 	 -webkit-background-size: cover;
 	 -moz-background-size: cover;
 	 -o-background-size: cover;
 	 background-size: cover;
	 filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='.myBackground.jpg', sizingMethod='scale');
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='myBackground.jpg', sizingMethod='scale')";
	}
body {
	font-family: 'Source Sans Pro', sans-serif;
	font-weight:600;
	font-size:14px;
	font-size:0.875rem;
	color:#3c3c3c;
	background-color:transparent;
	background: url(assets/bg-bembel-muster-fullscreen.png) no-repeat center center fixed; 
	}
	#bgb-friedberger-warte {
		position:absolute;
		top:0px;
		left:0px;
		width:100%;
		height:auto;
		}
b, strong {
	font-family: 'Source Sans Pro', sans-serif;
	font-weight:700;
	}	
a {
	color:#1358a0;
	}
	a:focus,a:hover{
		text-decoration:none;
		color:#1973d4;
		}
h1,h3,span.bgb-subhead strong{
		font-size:20px;
		position:relative;
		top:-2px;
		left:3px;
		font-size:1.25rem;
		font-weight:700;
		color:#1358a0;
		letter-spacing:0.06em;
		color:hsl(0, 100%, 100%);
		text-shadow: rgb(19, 88, 160) 4px 0px 0px, rgb(19, 88, 160) 3.88333px 0.983333px 0px, rgb(19, 88, 160) 3.51667px 1.91667px 0px, rgb(19, 88, 160) 2.93333px 2.73333px 0px, rgb(19, 88, 160) 2.16667px 3.36667px 0px, rgb(19, 88, 160) 1.26667px 3.8px 0px, rgb(19, 88, 160) 0.283333px 3.98333px 0px, rgb(19, 88, 160) -0.716667px 3.93333px 0px, rgb(19, 88, 160) -1.66667px 3.63333px 0px, rgb(19, 88, 160) -2.51667px 3.11667px 0px, rgb(19, 88, 160) -3.2px 2.4px 0px, rgb(19, 88, 160) -3.7px 1.53333px 0px, rgb(19, 88, 160) -3.96667px 0.566667px 0px, rgb(19, 88, 160) -3.98333px -0.433333px 0px, rgb(19, 88, 160) -3.75px -1.4px 0px, rgb(19, 88, 160) -3.28333px -2.28333px 0px, rgb(19, 88, 160) -2.61667px -3.03333px 0px, rgb(19, 88, 160) -1.78333px -3.58333px 0px, rgb(19, 88, 160) -0.85px -3.91667px 0px, rgb(19, 88, 160) 0.15px -4px 0px, rgb(19, 88, 160) 1.13333px -3.83333px 0px, rgb(19, 88, 160) 2.05px -3.43333px 0px, rgb(19, 88, 160) 2.83333px -2.81667px 0px, rgb(19, 88, 160) 3.45px -2.03333px 0px, rgb(19, 88, 160) 3.83333px -1.11667px 0px, rgb(19, 88, 160) 4px -0.133333px 0px;
		}
h2 {
	font-size:18px;
	font-size: 1.125rem;
	line-height:1.5em;
	font-weight:600;
	padding:0;
	margin:0.5em 0 0.5em 0;
	}
h4, h5, h6 {
	font-weight:600;
	font-size:14px;
	font-size:0.875rem;
	color:#1358a0;
	text-transform:uppercase;
	letter-sapcing:0.06em;
	margin-bottom:1em;
	display:block;
	margin-top:0px;
	}
.bgb-content {
	margin-top:30px;
	}
.bgb-datum, .bgb-pretext {
	font-weight:600;
	font-size:14px;
	font-size:0.875rem;
	color:#1358a0;
	}	
	.bgb-box-termin .bgb-datum{
		font-size:40px;
		position:relative;
		top:-2px;
		left:5px;
		font-size:2.5rem;
		font-weight:700;
		color:#1358a0;
		letter-spacing:0.0em;
		/*color:hsl(0, 100%, 100%);*/
		text-shadow: rgb(255, 255, 255) 6px 0px 0px, rgb(255, 255, 255) 5.91667px 1px 0px, rgb(255, 255, 255) 5.66667px 1.96667px 0px, rgb(255, 255, 255) 5.26667px 2.88333px 0px, rgb(255, 255, 255) 4.71667px 3.71667px 0px, rgb(255, 255, 255) 4.03333px 4.43333px 0px, rgb(255, 255, 255) 3.25px 5.05px 0px, rgb(255, 255, 255) 2.36667px 5.51667px 0px, rgb(255, 255, 255) 1.41667px 5.83333px 0px, rgb(255, 255, 255) 0.416667px 5.98333px 0px, rgb(255, 255, 255) -0.566667px 5.96667px 0px, rgb(255, 255, 255) -1.55px 5.8px 0px, rgb(255, 255, 255) -2.5px 5.45px 0px, rgb(255, 255, 255) -3.36667px 4.96667px 0px, rgb(255, 255, 255) -4.15px 4.33333px 0px, rgb(255, 255, 255) -4.8px 3.58333px 0px, rgb(255, 255, 255) -5.33333px 2.75px 0px, rgb(255, 255, 255) -5.71667px 1.81667px 0px, rgb(255, 255, 255) -5.93333px 0.85px 0px, rgb(255, 255, 255) -6px -0.15px 0px, rgb(255, 255, 255) -5.88333px -1.15px 0px, rgb(255, 255, 255) -5.61667px -2.1px 0px, rgb(255, 255, 255) -5.2px -3px 0px, rgb(255, 255, 255) -4.61667px -3.83333px 0px, rgb(255, 255, 255) -3.91667px -4.53333px 0px, rgb(255, 255, 255) -3.11667px -5.13333px 0px, rgb(255, 255, 255) -2.21667px -5.56667px 0px, rgb(255, 255, 255) -1.26667px -5.86667px 0px, rgb(255, 255, 255) -0.266667px -6px 0px, rgb(255, 255, 255) 0.716667px -5.95px 0px, rgb(255, 255, 255) 1.7px -5.75px 0px, rgb(255, 255, 255) 2.63333px -5.38333px 0px, rgb(255, 255, 255) 3.48333px -4.88333px 0px, rgb(255, 255, 255) 4.25px -4.23333px 0px, rgb(255, 255, 255) 4.9px -3.46667px 0px, rgb(255, 255, 255) 5.4px -2.61667px 0px, rgb(255, 255, 255) 5.76667px -1.68333px 0px, rgb(255, 255, 255) 5.96667px -0.7px 0px;
		}
	.bgb-box-beschreibung .bgb-datum, .bgb-box-ticket  .bgb-datum {
		font-size:40px;
		position:relative;
		top:-2px;
		left:5px;
		font-size:2.5rem;
		font-weight:700;
		color:#1358a0;
		letter-spacing:0.0em;
		color:hsl(0, 100%, 100%);
		text-shadow: rgb(19, 88, 160) 6px 0px 0px, rgb(19, 88, 160) 5.91667px 1px 0px, rgb(19, 88, 160) 5.66667px 1.96667px 0px, rgb(19, 88, 160) 5.26667px 2.88333px 0px, rgb(19, 88, 160) 4.71667px 3.71667px 0px, rgb(19, 88, 160) 4.03333px 4.43333px 0px, rgb(19, 88, 160) 3.25px 5.05px 0px, rgb(19, 88, 160) 2.36667px 5.51667px 0px, rgb(19, 88, 160) 1.41667px 5.83333px 0px, rgb(19, 88, 160) 0.416667px 5.98333px 0px, rgb(19, 88, 160) -0.566667px 5.96667px 0px, rgb(19, 88, 160) -1.55px 5.8px 0px, rgb(19, 88, 160) -2.5px 5.45px 0px, rgb(19, 88, 160) -3.36667px 4.96667px 0px, rgb(19, 88, 160) -4.15px 4.33333px 0px, rgb(19, 88, 160) -4.8px 3.58333px 0px, rgb(19, 88, 160) -5.33333px 2.75px 0px, rgb(19, 88, 160) -5.71667px 1.81667px 0px, rgb(19, 88, 160) -5.93333px 0.85px 0px, rgb(19, 88, 160) -6px -0.15px 0px, rgb(19, 88, 160) -5.88333px -1.15px 0px, rgb(19, 88, 160) -5.61667px -2.1px 0px, rgb(19, 88, 160) -5.2px -3px 0px, rgb(19, 88, 160) -4.61667px -3.83333px 0px, rgb(19, 88, 160) -3.91667px -4.53333px 0px, rgb(19, 88, 160) -3.11667px -5.13333px 0px, rgb(19, 88, 160) -2.21667px -5.56667px 0px, rgb(19, 88, 160) -1.26667px -5.86667px 0px, rgb(19, 88, 160) -0.266667px -6px 0px, rgb(19, 88, 160) 0.716667px -5.95px 0px, rgb(19, 88, 160) 1.7px -5.75px 0px, rgb(19, 88, 160) 2.63333px -5.38333px 0px, rgb(19, 88, 160) 3.48333px -4.88333px 0px, rgb(19, 88, 160) 4.25px -4.23333px 0px, rgb(19, 88, 160) 4.9px -3.46667px 0px, rgb(19, 88, 160) 5.4px -2.61667px 0px, rgb(19, 88, 160) 5.76667px -1.68333px 0px, rgb(19, 88, 160) 5.96667px -0.7px 0px;
		}
.bgb-widget {
  	margin-bottom:30px;
	}


/*header*/

.page-header {
	padding:0px;
	border:none;
	margin:0px;
	}
	.bgb-header {
		/*background-color:rgba(0,0,0,0.7);*/
		height:262px;
		text-align:center;
		position:relative;
		display: table-cell;
		vertical-align: middle;	
		}
		.bgb-header img {
			vertical-align:middle
			}
		#bgb-logo-link, #bgb-logo-link-f {
				position:absolute;
				height:100%;
				width:20%;
				text-align:center;
				left:0px;
				top:0px;
				bottom:0px;
				}
			#bgb-logo {
				position:absolute;
				top:50%;
				margin-top:-80px;
				left:20px
			}
		#bgb-schrift {
			max-width:45%;
			height:auto;
			margin-top:80px;
			}
		#bgb-portrait-bernd {
				position:absolute;
				height:110%;
				width:auto;
				right:0px;
				bottom:0px;
			}
		#bgb-neu-header {
			width:100%;
			height:auto;
		}



/* navigation */	
nav.navbar {
	position:relative;
	top:-1px;
	margin-bottom:0px;
	}	
#navbar {
	background-color:#fff;
	background-color:rgba(255,255,255,0.7);
	border-bottom:2px solid #1358a0;
	border-top:2px solid #1358a0;
	border-radius:0px;
	}
nav a {
	font-size: 18px;
	font-size: 1.125rem;
	padding:0px 1rem;
	background:transparent;
	font-weight:700;
	}
	.navbar-header > .mobile-fb {
		display:none;
		}
	.navbar-default .navbar-nav > li > a {
		color:#1358a0;
		}
	.navbar-default .navbar-nav > .current-menu-item > a, .navbar-default .navbar-nav > .current-menu-item > a:focus, .navbar-default .navbar-nav > .current-menu-item > a:hover, .navbar-default .navbar-nav > li > a:hover {
		color:#FFF;
		background-color:#1358a0;
		}
	.navbar-default .navbar-nav li {
		border-right:2px solid #1358a0;
		}
	.navbar-default .navbar-nav li:first-of-type {
		border-left:2px solid #1358a0;
		}
.bgb-subnav {
	padding:0em 0em 0em 1em !important;
	margin-top:0px;
	background-color:#fff;
	background-color:rgba(255,255,255,0.7);
	border-bottom:2px solid #1358a0;
	}
.bgb-subnav h1 {
	display:inline;
	padding:0em 0em;
	font-size:20px;
	font-size:1.25rem;
	font-weight:700;
	line-height:40px;
	line-height:2.5rem;
	}
	ul.bgb-pager { /*pager in general*/
		display:inline-block;
		list-style:none;
		padding:0px;
		margin:0px;
		height:40px;
		}
		ul.bgb-pager li {
			display:inline-block;
			border-right:2px solid #1358a0;
			padding:0px 0px -2px 0px;
			margin:0px;
			font-size: 18px;
			font-size: 1.125rem;
			height:40px;
			line-height:40px;
			}
			.bgb-pager li a {
				display:inline-block;
				height:40px;
				line-height:40px;
				padding:0em 1em;
				margin:0px;
				font-size: 18px;
				font-size: 1.125rem;
				padding:0px 1rem;
				background:transparent;
				font-weight:700;
				}
			.bgb-pager span.current {
				display:inline-block;
				height:40px;
				line-height:40px;
				padding:0em 1em;
				margin:0px;
				font-size: 18px;
				font-size: 1.125rem;
				padding:0px 1rem;
				background:transparent;
				font-weight:700;
				color:#fff;
				background-color:#1358a0;
				}
			/*.bgb-pager li a.next, .bgb-pager li a.prev {
				display:inline-block;
				height:40px;
				line-height:40px;
				width:0px;
  				box-sizing:border-box;
				overflow:hidden;
				padding-left:40px;
				padding:0em 1em;
				margin:0px;
				font-size: 18px;
				padding:0px 1rem;
				background:transparent;
				font-weight:700;
				}*/
				
		ul.bgb-pager li:first-of-type {
			border-left:2px solid #1358a0;
			}
			ul.bgb-pager li.current-menu-item a, ul.bgb-pager li:hover a {
			color:#fff;
			background-color:#1358a0;
			}
	.bgb-subnav ul.bgb-pager {
		float:right;
		}



/*boxen*/

[class^="bgb-box"], [class*="bgb-box"] {
	background-color:#fff;
	background-color:rgba(255,255,255,0.9);
	position:relative;
	overflow:hidden;
	}
	.bgb-box-headline {
		overflow:visible;
		}
.bgb-box-headline {
	background-color:#fff;
	background-color:rgba(255,255,255,0.7);
	border-top:2px solid #1358a0;
	padding: 0px 15px;
	padding: 0px 1rem;
	margin-bottom:2px;
	}
	.bgb-box-headline h3 {
		display:inline;
		line-height:40px;
		}
	.bgb-box-headline a.bgb-link-mehr {
		display:inline;
		margin-top:10px;
		float:right;
		position:relative;
		}
		.bgb-box-headline a.bgb-link-mehr:hover {
			border-bottom:1px solid;
			}
.bgb-box-subline {
	margin-top:2px;
	background-color:#fff;
	background-color:rgba(255,255,255,0.7);
	padding: 0px 18px;
	padding: 0px 1rem;
	line-height:40px;
	}
.bgb-box-content {
	font-size:18px;
	font-size: 1.125rem;
	line-height:1.5em;
	font-weight:600;
	padding:18px;
	}
	
/*startpage*/	
.bgb-start .bgb-box-beschreibung {
	height:428px;
	}	

/*alle news auf facebook*/	
.bgb-fb-news {
  	text-align:center;
	padding-top:0px
	}
	.bgb-fb-news a {
	    margin-top:18px;
		}

/*video preview*/
img.bgb-video-preview {
	width:100%; 
	height:auto;
	} 
.bgb-box-sendung .bgb-video-preview, .bgb-termin-preview {
	height:200px;
	width:auto;
	}



/*buttons*/

a.bgb-btn, 
input[type="submit"], 
button[type="submit"] {
	font-size:16px;
	font-size:1rem;
	font-weight:700;
	letter-spacing:0.06em;
	margin-top:1em;
	color:#fff;
	padding:10px 1em;
	line-height:20px;
	display:inline-block;
	background:#1358a0;
	border:none;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#086dd9+0,1358a0+100 */
	background: -moz-linear-gradient(top,  #086dd9 0%, #1358a0 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #086dd9 0%,#1358a0 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #086dd9 0%,#1358a0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#086dd9', endColorstr='#1358a0',GradientType=0 ); /* IE6-9 */
	margin-right:10px;
	}
	a.bgb-btn:hover, 
	input[type="submit"]:hover, 
	button[type="submit"]:hover, 
	.bgb-box-sendung.js:hover a.bgb-btn,
	.bgb-box-more-item.js:hover a.bgb-btn,
	.bgb-box-beschreibung.js:hover a.bgb-btn {
		background:#1358a0;
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#097af2+0,1666b7+100 */
		background: -moz-linear-gradient(top,  #097af2 0%, #1666b7 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top,  #097af2 0%,#1666b7 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom,  #097af2 0%,#1666b7 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#097af2', endColorstr='#1666b7',GradientType=0 ); /* IE6-9 */
		}
	a.bgb-btn-empasis {
		-webkit-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.2);
		 	    box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.2);
		position:relative;
		top:0px;
		}
		a.bgb-btn-empasis:hover {
			position:relative;
			-webkit-box-shadow: 0px 2px 2px 1px rgba(0,0,0,0.2);
					box-shadow: 0px 2px 2px 1px rgba(0,0,0,0.2);
			position:relative;
			top:-1px;
			}
	.bgb-box-termin a.bgb-btn { 
		color:#1358a0;
		background:#fff;
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,d0deec+100 */
		background: -moz-linear-gradient(top,  #ffffff 0%, #d0deec 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top,  #ffffff 0%,#d0deec 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom,  #ffffff 0%,#d0deec 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d0deec',GradientType=0 ); /* IE6-9 */
		}
		.bgb-box-termin a.bgb-btn:hover,
		.bgb-box-termin.js:hover a.bgb-btn { 
			/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,e2f0ff+100 */
			background: #ffffff; /* Old browsers */
			background: -moz-linear-gradient(top,  #ffffff 0%, #e2f0ff 100%); /* FF3.6-15 */
			background: -webkit-linear-gradient(top,  #ffffff 0%,#e2f0ff 100%); /* Chrome10-25,Safari5.1-6 */
			background: linear-gradient(to bottom,  #ffffff 0%,#e2f0ff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e2f0ff',GradientType=0 ); /* IE6-9 */
			}
	a.bgb-btn-ghost {
		font-size:16px;
		font-size:1rem;
		font-weight:700;
		letter-spacing:0.06em;
		margin-top:1em;
		color:#1358a0;
		padding:0em 1em;
		line-height:36px;
		display:inline-block;
		background:transparent;
		border:2px solid #1358a0;
		}
		a.bgb-btn-ghost:hover {
			color:#1973d4;
			border:2px solid #1973d4;
			}
	span.bgb-ausverkauft {
		font-size:16px;
		font-size:1rem;
		font-weight:700;
		letter-spacing:0.06em;
		margin-top:1em;
		color:red;
		padding:0em 1em;
		line-height:36px;
		display:inline-block;
		background:transparent;
		border:2px solid red;
  		position:relative;
  		position:absolute;
  		bottom:20px;
  		-moz-transform: rotate(10deg);
		-ms-transform: rotate(10deg);
		-o-transform: rotate(10deg);
		-webkit-transform: rotate(10deg);
		
		transform: rotate(10deg);
		}
 


/*head start*/

.bgb-head h1 {
	left:0px;
	top:0px;
	font-size:14px;
	font-size:0.875rem;
	text-align:center;
	text-transform:uppercase;
	text-shadow:none;
	line-height:1em;
	font-weight:600;
	color:#1358a0;
	display:block;
	background-color:#fff;
	background-color:rgba(255,255,255,0.7);
	margin:0px;
	padding: 15px 0px 11px;
	border-bottom:2px solid #1358a0;
	}	
	.bgb-box-beschreibung {
		overflow:hidden;
		padding:10px 30px 15px 15px !important;
		padding:0.8rem 2rem 1rem 1rem !important;
		}
		.bgb-box-beschreibung span {
			display:block;
			color:#1358a0;
			}
	.bgb-sharing {
		height:55px;
		background-color:#fff;
		background-color:rgba(255,255,255,0.7);
		display:none;
		}
		.bgb-sharing.js {
			display:block;
			padding:13px 10px 10px 15px;
			}
		/*ausblenden auf desktop*/
		a.a2a_button_whatsapp, a.a2a_button_sms {
			display:none;
			}
	div.bgb-quality {
		position: absolute;
		bottom: 7px;
  		right: 7px;
		}
    div.bgb-quality {
					bottom:-2px;
				  }
		.bgb_q_intro {
			line-height: 40px;
			margin-right: 10px;
			font-size: 18px;
			}
		ul.bgb-q-select {
			list-style:none;	
			display:inline-block;
			position:relative;
			padding-left:0px;
			}
		ul.bgb-q-select li {
			display:block;
			display:inline-block;
			}
		ul.bgb-q-select li a {
		    font-size: 16px;
		    font-size: 1rem;
		    font-weight: 700;
		    letter-spacing: 0.06em;
		    color: #1358a0;
		    padding: 0em 1em;
		    line-height: 36px;
		    display: inline-block;
		    background: transparent;
		    border: 2px solid #1358a0;
	 		}
	    ul.bgb-q-select li a.active {
			color:white;
		    background: #1358a0;
		    border: 2px solid #1358a0;
			}
	.bgb-flowplayer-container {
		background-color:rgba(120,120,120,0.9);
		}
	.bgb-fb-comments {
		background-color:#fff;
		height:auto;
		float:left;
		display:block;
		}
		
/*mehrspalter*/

.bgb-box-more-item {
	border-bottom:2px solid #1358a0;
	}
	.bgb-box-more-item:nth-child(even), .bgb-box-highlight:nth-child(even) {
		background-color:#fff;
		background-color:rgba(255,255,255,0.99);
		}
		.bgb-more-info {
			padding: 5px 13px 0 13px;
			}
.bgb-box-termin {
	background-color:#1358a0;
	}
	.bgb-box-termin:nth-child(even) {
		background-color:#1666ba;
		}
	.bgb-box-termin h2, .bgb-box-termin a, .bgb-box-termin .bgb-pretext {
		color:#fff;
		}
	.bgb-box-termin .bgb-pretext {
		display:block;
		}
	.bgb-box-termin {
		padding:12px 18px 50px 18px !important;
		}
	.bgb-box-more-item {
		padding:5px 5px 50px 5px !important;
		}
	.bgb-box-termin a.bgb-btn, .bgb-box-more-item a.bgb-btn {
		position:absolute;
		bottom:0px;
		}	
	.bgb-box-ticket a.bgb-btn, .bgb-box-sendung a.bgb-btn {
		position:absolute;
		bottom:0px;
		}
.bgb-box-highlight {
	padding: 5px 5px 5px 5px !important;
	}
	.bgb-box-highlight h2 {
		padding: 0px 13px;
		}

/*content*/
.bgb-box-content p > img {
  		  width:auto;
  		  max-width:100%;
		  height:auto;
	}
	.bgb-box-content form p > img {
  		  width:auto;
		  height:auto;
	}
	
/*sendungsarchiv*/

.bgb-box-ticket, .bgb-box-sendung { 
	padding-right:200px;
	border-bottom:2px solid #1358a0;
	margin-bottom:30px;
	}
 
.bgb-box-ticket > img { 
	float:left;
	margin-right:18px;
	}
	.bgb-box-ticket .bgb-datum {
		float:left;
		width:250px;
		}
	.bgb-box-ticket .bgb-sponsoroftheday {
			display:block;
			float:right;
			width:200px;
			text-align:center;
			position:absolute;
			top:18px;
			right:0px;
		}
		.bgb-box-ticket .bgb-sponsoroftheday > img {
			display:block;
			margin:auto;	
			width:80%;
			height:auto;
			max-height:100%;
			margin-top:12px;
			}
		.bgb-box-ticket .bgb-sponsoroftheday:hover > img {
			opacity:0.8;
			}
		.bgb-zeiten {
			display:block;
  			margin-top:8px;
			}
		.bgb-ort {
			padding-bottom:3em;
			}
		.bgb-box-ticket h2 {
			margin-top:0.7em;
			}
		.bgb-event-data {
			padding: 10px 18px 0 0;
			}

.bgb-box-sendung a.bgb-play { 
	float:left;
	margin-right:18px;
	}
		.bgb-sendung-data {
			padding: 18px 18px 0 0;
			}
		.bgb-sendung-data {
			padding: 18px 18px 0 0;
			}
	
			

/*pager*/

.bgb-pager-container {
	padding: 0px 15px;
	}
.bgb-pager-container .bgb-pager {
	display:block;
	margin:0px 15px;
	text-align:center;
	background-color:#fff;
	background-color:rgba(255,255,255,0.7);
	border-bottom:2px solid #1358a0;
	border-top:2px solid #1358a0;
	height:44px;
	} 
	

/*single*/


.bgb-single .bgb-box-beschreibung {
	padding-bottom:150px !important;
	background-color:#ffffff;
  	float:right;
	}
	a.bgb-link-more {
		display:none;
		}
	@media screen and (min-width:991px)  {
	.bgb-extend-content.js {
		position:relative;
		height:100px;
		overflow:hidden;
		margin-bottom:15px;
		padding-bottom:5px;
		}
		.bgb-extend-content.js.bgb-open {
			height:auto;
			}
		.bgb-extend-content.js:before {
			width:100%;
			height:30px;
			content:"";
			background-color:#1358a0;
			position:absolute;
			bottom:0px;
			/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,1+100 */
			background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
			background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
			background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
			}
		.bgb-extend-content.js.bgb-open:before {
			opacity:0;
			}
		a.bgb-link-more.js {
			display:inline;
			cursor:pointer;
			position:relative;
			z-index:500;
			}
			a.bgb-link-more.js:hover {
				border-bottom:1px solid;
				}
	}
span.bgb_share_intro {
  	float:left;
  	line-height:30px; 
    margin-right:10px;
  	font-size:18px;
	}	
	
/*werbung*/

.bgb-fakten a, .bgb-fakten p {
	position:relative;
	z-index:500;
	}
.bgb-inserate .col-md-6 {
	margin-bottom:30px;
	}
	.bgb-inserate .col-md-6:nth-child(odd) {
		clear:both;
		}
span.bgb-count {
	background-color:#fff;
	border:3px solid #1358a0;
	line-height:18px;
	height:25px;
	min-width:25px;
	text-align:center;
	border-radius:50%;
	display:inline-block;
	margin-right:0.5rem;
	position:relative;
	top:-3px;
	}
	.bgb-werbung-info {
		margin-bottom:20px;
		}
		.bgb-preisschild {
			color:#fff;
			background-color:#1358a0;
			width:30%;
			padding-left:15px;
			}
			.bgb-werbung-info > img {
				width:30%;
				height:auto;
				}
				div.videoersatz {
					float:right;
					width:65%;
					height:auto;
					position:relative;
					}
			.bgb-preisschild {
				padding:10px 10px 15px 10px;
				margin-top:20px;
				position:relative;
				}
			.bgb-werbung-dauer, .bgb-werbung-icons {
				font-size:14px;
				font-size:0,875remrem;
				line-height:1.5em;
				font-weight:600;	
				display:block;
				}
				.bgb-werbung-icons {
					position:absolute;
					top:-5px;
					right:-5px;
					}
				.bgb-anzeige-sound, .bgb-anzeige-bewegt {
					box-sizing:border-box;
					width:32px;
					height:32px;
					display:block;
					padding-left:32px;
					overflow:hidden;
					float:right;
					margin-left:6px;
					position:relative;
					}
					
					/*
					icons bei punkt Iconfont
					*/
					
			.bgb-werbung-preis {
				display:block;	
				font-size:40px;
				position:relative;
				top:0px;
				left:0px;
				font-size:2.5rem;
				font-weight:700;
				color:#1358a0;
				letter-spacing:0.0em;
				color:hsl(0, 100%, 100%);
				margin-top:10px;
				text-align:right;
     			white-space:nowrap;
				}

/*form*/
input, textarea {
	font-size:14px;
	border:1px solid #1358a0;
	background-color:rgba(210,210,210,0.3);
	padding-left:5px;
	width:70%;
	}
	input {
		height:40px;
		}
	input[type=submit], button[type=submit] {
		width:auto;
		}
label {
  	display:block;
    font-family: 'Source Sans Pro', sans-serif;
	font-weight: 600;
	font-size: 18px;
	font-size: 1.125rem !important;
	line-height: 1.5em;
	color: #3c3c3c;
}
.haet-cleverreach-field-wrap.type-submit {
    text-align: left !important;
}
		
/*sponsoren*/


				.bgb-sponsoren .bgb-box-content {
					background-color:#fff;
					}
				.bgb-slick-logos {
					width:100%;
					padding:20px 30px 0px;
					position:relative;
					text-align:center;
  					height:400px;
					}
					.bgb-slick-logos > div.slides {
						width:100%;
						position:relative;
						}
					.bgb-slick-logos > div a {
						display:block;
						float:left;
						width:100%;
						padding:10px;
  						padding-bottom:30px;
  						box-sizing: border-box;
  						height:150px;
  						text-align:center;
						}
						.bgb-slick-logos > div a img {
	  						max-width:300px;
  							max-height:150px;			
  							margin-left:auto;
  							margin-right:auto;
							}
				.bgb-slick-arr b {
					display:none;
					}
				.bgb-slick-arr {
					position:absolute;
					height:40px;
					width:40px;
					display:block;
					top:50%;
					margin-top:-50px;
					cursor:pointer;
					}
					.bgb-slick-arr:before{
						color:white;
						
						font-family: 'icomoon' !important;
						speak: none;
						font-style: normal;
						font-weight: normal;
						font-variant: normal;
						text-transform: none;
						line-height: 1;
						font-size:40px;
						position:absolute;
						top:-0px;
						z-index:9999;
						
						text-shadow: rgb(19, 88, 160) 6px 0px 0px, rgb(19, 88, 160) 5.91667px 1px 0px, rgb(19, 88, 160) 5.66667px 1.96667px 0px, rgb(19, 88, 160) 5.26667px 2.88333px 0px, rgb(19, 88, 160) 4.71667px 3.71667px 0px, rgb(19, 88, 160) 4.03333px 4.43333px 0px, rgb(19, 88, 160) 3.25px 5.05px 0px, rgb(19, 88, 160) 2.36667px 5.51667px 0px, rgb(19, 88, 160) 1.41667px 5.83333px 0px, rgb(19, 88, 160) 0.416667px 5.98333px 0px, rgb(19, 88, 160) -0.566667px 5.96667px 0px, rgb(19, 88, 160) -1.55px 5.8px 0px, rgb(19, 88, 160) -2.5px 5.45px 0px, rgb(19, 88, 160) -3.36667px 4.96667px 0px, rgb(19, 88, 160) -4.15px 4.33333px 0px, rgb(19, 88, 160) -4.8px 3.58333px 0px, rgb(19, 88, 160) -5.33333px 2.75px 0px, rgb(19, 88, 160) -5.71667px 1.81667px 0px, rgb(19, 88, 160) -5.93333px 0.85px 0px, rgb(19, 88, 160) -6px -0.15px 0px, rgb(19, 88, 160) -5.88333px -1.15px 0px, rgb(19, 88, 160) -5.61667px -2.1px 0px, rgb(19, 88, 160) -5.2px -3px 0px, rgb(19, 88, 160) -4.61667px -3.83333px 0px, rgb(19, 88, 160) -3.91667px -4.53333px 0px, rgb(19, 88, 160) -3.11667px -5.13333px 0px, rgb(19, 88, 160) -2.21667px -5.56667px 0px, rgb(19, 88, 160) -1.26667px -5.86667px 0px, rgb(19, 88, 160) -0.266667px -6px 0px, rgb(19, 88, 160) 0.716667px -5.95px 0px, rgb(19, 88, 160) 1.7px -5.75px 0px, rgb(19, 88, 160) 2.63333px -5.38333px 0px, rgb(19, 88, 160) 3.48333px -4.88333px 0px, rgb(19, 88, 160) 4.25px -4.23333px 0px, rgb(19, 88, 160) 4.9px -3.46667px 0px, rgb(19, 88, 160) 5.4px -2.61667px 0px, rgb(19, 88, 160) 5.76667px -1.68333px 0px, rgb(19, 88, 160) 5.96667px -0.7px 0px;
						}
					.bgb-slick-arr-r:before {
						content: "\e903";
						left:-5px;
						}
					.bgb-slick-arr-l:before {
						content: "\e902";
						right:-5px;
						
						}
					.bgb-slick-arr-l {
						left:-20px;
						}
					.bgb-slick-arr-r {
						right:-20px;
						}
				.bgb-slick-dots {
					list-style:none; padding:0;
					display:block;
  					text-align:center;
					position:absolute;
					bottom:20px;
  					width:100%;
  					left:0px;
					}
					
				.bgb-slick-dots li {
					display:inline-block;
					margin:10px;
  
					}
				.bgb-slick-dots button {
						font-size: 0;
						line-height: 0;
						display: block;
						width:10px;
						height: 10px;
						padding: 0px;
						cursor: pointer;
						color: transparent;
						border: 0;
						outline: none;
						background: transparent;
						border:2px solid #1358a0;
						border-radius:50%;
						}
					li.slick-active button {
						background-color: #1358a0;
						}


/*footer*/	

.bgb-container {
	margin-bottom:30px;
	}
	.bgb-fb {
		width:100%;
		}
.bgb-start .bgb-box-content h4 {
	margin-top:1.5em;
	}
  .bgb-start .bgb-box-content form h4 {
	  margin-top:0em;
	  }
#bgb-footer-logo {
	position:relative;
	display: table-cell;
	vertical-align: middle;	
	}
	#bgb-footer-logo #bgb-logo-link-f {
		display:block;
		height:100%;
		width:100%;
		
		}
		#bgb-footer-logo #bgb-logo-f {
				
				
				margin-top:10px;
			}
.bgb-footer-info .row {
	display:block;
	height:100%;
	}
#bgb-footer-text {
	height:100%;
	position:relative;
	display: table-cell;
	vertical-align: middle;	
	padding-top:20px;
	}
.bgb-footer-info {
	background-color:#000;
	background-color:rgba(0,0,0,0.7);
	color:white;
	margin-top:130px;
	}
.bgb-footer-nav {
	background-color:#000;
	background-color:rgba(0,0,0,0.2);
	padding:40px 0px;
	}
	.bgb-credit-dbf {
		text-align:right;
		}
	.bgb-footer-nav ul {
		list-style:none;
		padding:0;
		}
		.bgb-footer-nav ul li {
			display:inline;
			margin-right:1em;
			}
	.bgb-footer-nav a {
		color:white;
		border-bottom:1px solid;
		}
	.bgb-credit-dbf a {
		opacity:0.5;
		}
	.bgb-credit-dbf a:hover {
		opacity:1;
		}

			/*bootstrap overwrite*/
		  .bgb-footer-nav .navbar-nav > li > a {
			  padding-top: 0px;
			  padding-bottom: 0px;
  			  background-color:transparent;
		  }
		  .bgb-footer-nav .navbar-nav > li > a {
			  padding-top: 0px;
			  padding-bottom: 0px;
			  line-height: 1em;
		  }
		  .bgb-footer-nav .nav > li > a {
			  position: relative;
			  display: inline;
  			  padding:0px !important;
		  }

/*newsletter popover*/
.subscribe-me {
	  display:none;
	  position:fixed;
	  top:0px;
	  left:0px;
	  right:0px;
	  bottom:0px;
	  background-color:rgba(0,0,0,0.7);
	  z-index:999999999;
	  text-align:center;
	  }
  .subscribe-me .bgb-container {
		
		max-width:600px;
	    text-align:left;
	margin:auto;
	margin-top:10%;
  	}
  a.bgb-close-btn {
	width:30px;
	height:30px;
	position:absolute;
	top:5px;
	right:5px;
	
   	}
		
		
/*deko*/
.bgb-box-beschreibung:before, .bgb-box-sendung:before, .bgb-newsletter:before, .bgb-kontakt-form:before, .bgb-fakten:before {
	content:url(assets/deko-bembel-ecke-rechts-unten-blau.png);
	position:absolute;
	right:0px;
	bottom:-8px;
	z-index:0;
	}
.bgb-box-termin:before {
	content:url(assets/deko-bembel-ecke-rechts-unten-weiss.png);
	position:absolute;
	right:0px;
	bottom:-5px;
	}
.bgb-box-headline.bgb-bembel:after, .bgb-news-fb .bgb-box-headline:after {
	content:url(assets/deko-bembel-ecke-klein.png);
	position:absolute;
	right:0px;
	top:5px;
	z-index:999;
	}
.bgb-box-more-item > a {
	position:relative;
	height:auto;
	display:block;
	}
.bgb-box-more-item > a:after {
	content:url(assets/deko-bembel-ecke-klein.png);
	position:absolute;
	right:-5px;
	bottom:-35px;
	z-index:999;
	}
.bgb-fb h3:before, .bgb-news-fb h3:before {
	content:url(assets/facebook-f-25-25.png);
	margin-right:18px;
	position:relative;
	top:7px;
	}
	
	
	
/*Icon Font*/
@font-face {
    font-family: 'icomoon';
    src:    url('iconfont/icomoon.eot?n2r6wv');
    src:    url('iconfont/icomoon.eot?n2r6wv#iefix') format('embedded-opentype'),
        url('iconfont/icomoon.ttf?n2r6wv') format('truetype'),
        url('iconfont/icomoon.woff?n2r6wv') format('woff'),
        url('iconfont/icomoon.svg?n2r6wv#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-Arr-L:before {
    content: "\e900";
}
.icon-Arr-R:before {
    content: "\e901";
}
.icon-Arr-s-L:before {
    content: "\e902";
}
.icon-Arr-s-R:before {
    content: "\e903";
}
.icon-Bullet:before {
    content: "\e904";
}
.icon-Play:before {
    content: "\e905";
}
.icon-Sound:before {
    content: "\e906";
}
.icon-menu-hamburger:before {
    content: "\e907";
}
.icon-menu-close:before {
  content: "\e908";
}
/*play*/
.bgb-start-hero a, .bgb-box-more-item a.bgb-play, .bgb-box-sendung a.bgb-play {
	position:relative;
	}
	.bgb-start-hero a:before {
		font-family: 'icomoon' !important;
		speak: none;
		font-style: normal;
		font-weight: normal;
		font-variant: normal;
		text-transform: none;
		line-height: 1;
		font-size:80px;
		 content: "\e905";
		 border-radius:50%;
		 border:6px solid white;
		 padding:5px 0px 5px 10px;
		 background-color:#1358a0;
		 color:white;
		 position:absolute;
		 top:50%;
		 left:50%;
		 margin-left:-50px;
		 margin-top:-50px;
		 -webkit-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.2);
		 	     box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.2);
        width:102px;
  		height:102px;
		}
	.bgb-start-hero:hover a:before {
		background-color:#1f8bff;
		 -webkit-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.5);
		 	     box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.5);
		}

	.bgb-box-more-item a.bgb-play:before {
		font-family: 'icomoon' !important;
		speak: none;
		font-style: normal;
		font-weight: normal;
		font-variant: normal;
		text-transform: none;
		line-height: 1;
		font-size:30px;
		border:3px solid white;
		 padding:1px 0px 2px 3px;
		 content: "\e905";
		 border-radius:50%;
		 background-color:#1358a0;
		 color:white;
		 position:absolute;
		 bottom:10px;
		 left:10px;
		 -webkit-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.2);
		 	     box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.2);
		
		}
		a.bgb-play:hover:before, .bgb-box-more-item.js:hover a.bgb-play:before {
			background-color:#1f8bff;
			}
.bgb-box-sendung a.bgb-play:before {
		font-family: 'icomoon' !important;
		speak: none;
		font-style: normal;
		font-weight: normal;
		font-variant: normal;
		text-transform: none;
		line-height: 1;
		font-size:30px;
		border:3px solid white;
		 padding:1px 0px 2px 3px;
		 content: "\e905";
		 border-radius:50%;
		 
		 background-color:#1358a0;
		 color:white;
		 position:absolute;
		 top:50%;
		 left:50%;
		 margin-left:-10px;
		 margin-top:-20px;
		 -webkit-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.2);
		 	     box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.2);
		
		}
		a.bgb-play:hover:before, .bgb-box-sendung.js:hover a.bgb-play:before {
			background-color:#1f8bff;
			}
/*icons*/
.navbar-toggle {
	padding:0px 15px 0px 0px;
	margin:0px;
	}
.navbar-toggle:after {
	  font-family: 'icomoon' !important;
	  speak: none;
	  font-style: normal;
	  font-weight: normal;
	  font-variant: normal;
	  text-transform: none;
	  line-height: 1;
  
	  /* Better Font Rendering =========== */
	  -webkit-font-smoothing: antialiased;
	  -moz-osx-font-smoothing: grayscale;
	  content: "\e907";
	  font-size:40px;
	  line-height:40px;
	  color:#1358a0;
	  position:relative;
	  top:2px;
	}
button.navbar-toggle:before {
		content:"MENÜ";
		color:#1358a0;
		line-height:14px;
		position:relative;
		top:-10px;
		letter-spacing:0.06em;
		}
  a.bgb-btn:before, input[type="submit"]:before, a.bgb-btn-ghost:before {
	  /* use !important to prevent issues with browser extensions that change fonts */
	  font-family: 'icomoon' !important;
	  speak: none;
	  font-style: normal;
	  font-weight: normal;
	  font-variant: normal;
	  text-transform: none;
	  line-height: 1;
  
	  /* Better Font Rendering =========== */
	  -webkit-font-smoothing: antialiased;
	  -moz-osx-font-smoothing: grayscale;
	  content: "\e901";
	  position:relative;
	  top:2px;
	  margin-right:5px;
	  }
	  .bgb-box-headline a.bgb-link-mehr:before {
		  /* use !important to prevent issues with browser extensions that change fonts */
		  font-family: 'icomoon' !important;
		  speak: none;
		  font-style: normal;
		  font-weight: normal;
		  font-variant: normal;
		  text-transform: none;
		  line-height: 1;
	  
		  /* Better Font Rendering =========== */
		  -webkit-font-smoothing: antialiased;
		  -moz-osx-font-smoothing: grayscale;
		  content: "\e901";
		  position:absolute;
		  top:3px;
		  left:-18px;
		  }
	
	
	.bgb-werbung .bgb-box-content ul {
		list-style:none;
		position:relative;
		padding:0px 0 0 36px;
		}
		.bgb-werbung .bgb-box-content li:before {
			/* use !important to prevent issues with browser extensions that change fonts */
			  font-family: 'icomoon' !important;
			  speak: none;
			  font-style: normal;
			  font-weight: normal;
			  font-variant: normal;
			  text-transform: none;
			  line-height: 1;
			  color:#1358a0;
		  
			  /* Better Font Rendering =========== */
			  -webkit-font-smoothing: antialiased;
			  -moz-osx-font-smoothing: grayscale;
			  content: "\e904";
			  font-size:30px;
			  position:absolute;
			  left:0px;
			  margin-top:-1px;
			}
	/* werbung anzeige icons*/
	.bgb-anzeige-bewegt:before {				
				 font-family: 'icomoon' !important;
				 speak: none;
				 font-style: normal;
				 font-weight: normal;
				 font-variant: normal;
				 text-transform: none;
				 line-height: 1;
				 font-size:24px;
				 border:2px solid #1358a0;
				 padding:1px 0px 2px 3px;
				 content: "\e905";
				 border-radius:50%;
				 background-color:#FFF;
				 color:#1358a0;
				 position:absolute;
				 top:0px;
				 left:0px;
				 }
	.bgb-anzeige-sound:before {				
				 font-family: 'icomoon' !important;
				 speak: none;
				 font-style: normal;
				 font-weight: normal;
				 font-variant: normal;
				 text-transform: none;
				 line-height: 1;
				 font-size:24px;
				 border:2px solid #1358a0;
				 padding:1px 1px 2px 2px;
				 content: "\e906";
				 border-radius:50%;
				 background-color:#FFF;
				 color:#1358a0;
				 position:absolute;
				 top:0px;
				 left:0px;
				 }
/*modal newsletter*/
.bgb-close-btn:after {
	  font-family: 'icomoon' !important;
	  speak: none;
	  font-style: normal;
	  font-weight: normal;
	  font-variant: normal;
	  text-transform: none;
	  line-height: 1;
  
	  /* Better Font Rendering =========== */
	  -webkit-font-smoothing: antialiased;
	  -moz-osx-font-smoothing: grayscale;
	  content: "\e908";
	  font-size:40px;
	  line-height:40px;
	  color:#1358a0;
	  position:absolute;
	  top:-5px;
	  left:-5px;	
	}
				 
/* hover bei javascript */
.bgb-start .bgb-box-beschreibung.js:hover, 
.bgb-box-more-item.js:hover,  
.bgb-box-sendung.js:hover {
	background-color:rgba(191,222,255,0.9);
	}

.bgb-box-termin.js:hover {
	background-color:#1f8bff;
	}
	.bgb-box-termin.js:hover a, .bgb-box-termin.js:hover span.bgb-datum  {
		color:#1f8bff;
		}

.bgb-box-ticket.js .bgb-event-data h2, 
.bgb-box-ticket.js .bgb-event-data .bgb-datum, 
.bgb-box-ticket.js .bgb-termin-preview  {
	cursor:pointer;
	}
	
/*social*/
.fb-page, 
.fb-page span, 
.fb-page span iframe[style] { 
    width: 100% !important; 
}
.fb-page {
	background-color:rgba(255,255,255,0.9);
	}
	

/*cotact form*/
.wpcf7-mail-sent-ok {
	background-color:#fff;

	}


/*cookie consent*/
.cc_container {
	font:inherit;
	font-size: 14px; 
	padding: 1em 2em 0.5em;
	background: rgba(255, 255, 255, 0.9);
	}
.cc_container a, .cc_container a:visited {
	color: #1358a0;
	border-bottom:none;
	}
.cc_container a:hover {
	background:none;
	border-bottom:1px solid;
	}

.cc_container .cc_btn, .cc_container .cc_btn:visited {
	font-size:16px;
    font-family: 'Source Sans Pro', sans-serif;
	font-weight:600;
	font-size:1rem;
	letter-spacing:0.06em;
	margin-top:0em;
	color:#fff !important;
	padding:10px 1em;
	line-height:20px;
	display:inline-block;
	background:#1358a0;
	border:none;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#086dd9+0,1358a0+100 */
	background: -moz-linear-gradient(top,  #086dd9 0%, #1358a0 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #086dd9 0%,#1358a0 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #086dd9 0%,#1358a0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#086dd9', endColorstr='#1358a0',GradientType=0 ); /* IE6-9 */
	margin-right:10px;
    border-radius:0px;
	}


			
/*
--------------------------------------
Responsive Overwrites
--------------------------------------
min-width:768px
min-width:992px
min-width:1200px
*/

/*desktop 960*/
@media screen and (max-width:1199px) {
	/*header*/
	#bgb-schrift {
		width:260px;
		margin-left:20px;
		}
	/*startpage*/	
	.bgb-start .bgb-box-beschreibung {
		height:353px;
		}	
    nav a {
	  font-size: 16px;
	  font-size: 1rem;
	  }
	/*tickets*/
	.bgb-box-ticket {
		height:auto;
		padding-left:20px;
	    padding-bottom:50px;
		}
		img.bgb-termin-preview {
			display:none;
			}
 	.bgb-box-ticket.js .bgb-event-data h2 {
		clear:both;
		}	
	/*sendungen*/
	.bgb-sendung-data p {
		display:none;
		}
	@media screen and (min-width:992px) {	
	/*werbung*/
	.bgb-preisschild {
			width:60%;
			float:right;
			margin-top:0px;
			}
			.bgb-werbung-info > img {
				width:35.7%;
				height:auto;
				}
				div.videoersatz {
					float:none;
					width:100%;
					height:auto;
					margin-bottom:20px;
					}
					}
			.bgb-werbung-preis {
				text-align:left;
				}
	}
/*medium*/
@media screen and (max-width:991px) {
	/*header*/
	.bgb-header {
		text-align:center;
		height:180px;
		}
	#bgb-schrift {
		width:320px;
		display:block;
		position:absolute;
		left:50%;
		margin-left:-155px;
		top:0px;
				}
	.bgb-header {
		width:766px;
		}
	.page-header .bgb-box-termin {
		display:none;
		}
	.bgb-subnav .bgb-pager {
		display:none;
		}
	/*navigation*/
		
    nav a {
	  font-size: 18px;
	  font-size: 1.125rem;
	  }
	.bgb-subnav {
		padding:0px;
		}
	.navbar-container {
		padding:0px;
		}
	.navbar-header {
		padding:0px;
		opacity:1;
		background-color:#fff;
		background-color:rgba(255,255,255,0.9);
		border-bottom:2px solid #1358a0;
		border-top:2px solid #1358a0;
		}
	.navbar-header > .mobile-fb {
		display:block;
		float:left;
		}
	nav div.facebook  {
		display:none;
		}
		ul.nav {
			margin:0px -15px;
			}
			.navbar-header ul.nav li{
				border-bottom:2px solid #1358a0;
				border-left:none !important;
				border-right:none !important;
				background-color:rgba(255,255,255,0.9);
				}
			#navbar {
				border-bottom: 0;
				border-top: 0;
				border-radius: 0px;
				}
			.navbar-default .navbar-nav li {
				border-left:0 !important;
	  			border-right:0 !important;
	  			border-bottom:2px solid #1358a0;
				}
	.mobile-fb {
		float:left;
		margin:12px 0 0 12px;
		}
	/*sticky*/
	#undefined-sticky-wrapper {
		height:auto !important;
		}
		#undefined-sticky-wrapper.is-sticky {
			height:49px !important;
			}
	.navbar-container {
		height:auto !important;
		position:relative;
		overflow:auto;
		z-index:9999999;
		}
	/*start*/
	.bgb-start .bgb-box-beschreibung {
  		height:auto;
		}
		
	
	/*single*/
	.bgb-single .bgb-box-beschreibung {
		padding-bottom:30px !important;
		background-color:#ffffff;
  		float:none;
		}
	.bgb-flowplayer-container, .bgb-youtube-container {
		width:100%;
		height:0px;
		padding-bottom:56.25%;
		position:relative;
		}
		.bgb-flowplayer-container iframe, .bgb-youtube-container iframe {
			width:100% !important;
			height:100% !important;
			position:absolute;
			top:0px;
			left:0px;
			}
		/*
		hier wird der selector angezeigt */
		@media screen and (max-width:480px) {
			.bgb-sharing { 
	  			height:115px;
			  	}
	  		div.bgb-quality {
				display:block;
  				bottom:5px;
				right:15px;
				} 
			}
		.bgb-sharing:after {
			content:" ";
			height:0px;
			display:block;
			width:100%;
			clear:both;
	  	}
		
				
	/*div.bgb-quality {
		display:none;
	}*/

	/*video*/
	.bgb-video {
		width:100%;
		}	
	/*sharing*/
	a.a2a_button_whatsapp, a.a2a_button_sms {
			display:block;
			}
	/*kommentare*/
	.bgb-fb-comments {
		clear:both;
		width: 100%;
		background-color:#fff;
		border-top:2px solid #1358a0;
		}
	/*weitere folgen*/
	.bgb-box-more-item:nth-child(3n) {
		background-color:rgba(255,255,255,0.99);
		}
	.bgb-box-more-item:nth-child(4n) {
		background-color:rgba(255,255,255,0.9);
		}
	/*termine*/
	.bgb-termine .bgb-box-termin {
		margin-bottom:2px;
		}
	.bgb-termine .bgb-event-data {
   	 	padding: 18px 0px 0 0;
		}
		.bgb-box-ticket {
			padding-bottom:50px;
			height:auto;
			}
		.bgb-box-ticket h2 {
			margin-top: 0.5em;
			}
	/*highlights*/
	.bgb-highlights .bgb-box-highlight {
		margin-bottom:2px;
		}
		.bgb-highlights .bgb-box-highlight img {
			width:50%;
			float:left;
			padding-right: 20px;
			}
	/*sendungen*/
	.bgb-sendungen .bgb-box-sendung	{
		padding-right:20px;
		}
	/*werbung*/
	.bgb-werbung > .row > div, .bgb-inserate > .row > div, .bgb-kontakt > .row > div {
		margin-bottom:30px;
		}
	.bgb-preisschild {
			color:#fff;
			background-color:#1358a0;
			width:35%;
			padding-left:15px;
			}
			.bgb-werbung-info > img {
				width:35%;
				height:auto;
				}
				div.videoersatz {
					float:right;
					width:61.8%;
					height:auto;
					}
	/*footer*/
	#bgb-footer-logo {
		display:block;
		text-align:center;
		}
		.bgb-footer-info #bgb-logo-link-f {
			position:relative;
			margin-bottom:30px;
			}
		.bgb-footer-info .bgb-box-termin {
			clear:both;
			margin-top:30px;
			}
	/*last nav*/
	.bgb-footer-nav, .bgb-credit-dbf {
		text-align:center;
		line-height:40px;
		}
	
	}
/*mobile*/
@media screen and (max-width:767px) {
	/*header*/
	#bgb-schrift {
		width:320px;
		display:block;
		position:absolute;
		left:50%;
		margin-left:-155px;
		top:-40px;
		}
	.bgb-header {
		text-align:center;
		height:90px;
		}
	.bgb-header #bgb-logo-link {
		height:90px;
		width:auto;
		}
		.bgb-header #bgb-logo-link img {
			height:90%;
			width:auto;
			position:relative;
			top:0px;
			left:0px;
			margin:0px 0 0 20px;
			}
	.bgb-subnav h1 {
		display:inline-block;
		padding:0px 1em 0 0;
		font-size:16px;
		font-size:1rem;
		font-weight:700;
		line-height:40px;
		line-height:1.5rem;
		}
	
	/*header Start*/ /*id ersetzen durch WP*/
	.id-12345 .bgb-header {
		text-align:center;
		height:160px;
		}
		.id-12345 .bgb-header #bgb-logo-link {
			height:160px;
			width:auto;
			}
			.id-12345 #bgb-schrift {
				display:none;
				}
			
	/*navigation*/
	.navbar-container {
		padding:0px 15px;
		}
	.navbar-header {
		padding:0px;
		opacity:1;
		background-color:#fff;
		background-color:rgba(255,255,255,0.9);
		border-bottom:2px solid #1358a0;
		border-top:2px solid #1358a0;

		}
	.navbar-nav li.facebook {
		display:none;
		}
		ul.nav {
			margin:0px -15px;
			}
			.navbar-header ul.nav li{
				border-bottom:2px solid #1358a0;
				border-left:none !important;
				border-right:none !important;
				background-color:rgba(255,255,255,0.9);
				}
			
	/*hero*/
	.bgb-start-hero::after {
		display:none;
		}	
	/*single*/
	span.bgb_share_intro {
  		display:none;
		}
	/*mehr*/
	.bgb-box-headline a.bgb-link-mehr {
		display:none;
		}
	/*highlights*/
		.bgb-highlights .bgb-box-highlight img {
			width:100%;
			float:none;
			padding-right: 0px;
			}
		.bgb-box-sendung a.bgb-play {
			margin-right:0px;
			margin-bottom:10px;
			}
	/*termine*/
		.bgb-box-ticket .bgb-datum {
			float: none;
			width: 100%;
		}
	/*sendungen*/
	.bgb-box-sendung .bgb-video-preview {
		width:100%;
		height:auto;
		float:none;
		padding:0px;
		marin:0px;
		}
	.bgb-sendungen .bgb-box-sendung	{
		padding-right:0px;
		
		padding-bottom:50px;
		}
		.bgb-box-sendung .bgb-sendung-data {
			padding-left:20px;
			}
	.bgb-box-sendung::before {
		display:none;
		}
	.bgb-box-beschreibung::before, .bgb-box-sendung::before, .bgb-newsletter::before, .bgb-kontakt-form::before, .bgb-fakten::before {
		display:none;
		}
	input, textarea {
		width:100%;
		}
	
	.bgb-sendung-data p {
		display:block;
		}
	/*werbung*/
	
	}
@media (max-width:550px){
	
	#bgb-schrift {
		display:none;
		}
	.bgb-box-ticket {
		padding-right: 20px;
		}
	.bgb-box-ticket .bgb-sponsoroftheday {
		float:none;
		position:relative;
		top:0;
		left:0;
		right:0;
		width:100%;
		margin-bottom:20px;
		display:none;
		}
		.bgb-box-ticket .bgb-sponsoroftheday img {
			max-width:200px;
			}
	/*sponsoren*/
	.bgb-slick-logos > div a img {
							max-width:100%;
							}
	
	/*werbung*/
	.bgb-preisschild {
			width:60%;
			float:right;
			margin-top:0px;
			}
			.bgb-werbung-info > img {
				width:35.7%;
				height:auto;
				}
				div.videoersatz {
					float:none;
					width:100%;
					height:auto;
					margin-bottom:20px;
					}
					}
			.bgb-werbung-preis {
				text-align:left;
  				font-size:32px;
				font-size:2rem;
				}
	}