@import url('bootstrap/css/bootstrap.min.css');

@font-face {
  font-family: 'Basebloom';
  src: url("font/Basebloom-Regular.woff") format("woff");
  font-weight: normal; font-style: normal;
}

* {
	font-family: 'Poppins', sans-serif;
/*	font-weight: 400; */
	margin: 0px;
	padding: 0px;
	letter-spacing: 0.02em;
}


img {
	max-width: 100%;
	height: auto;
}

img.alignleft {float:left; margin-right:1em; margin-top: -0.5em}

body {
	background: #000000;
}
p {
	display: inline-block;
	width: 100%;
}
h3 {
	color: #292929;
	text-align: left;
	font-size: 18px;
	line-height: 26px;
	text-transform: uppercase;
	border-bottom: 4px solid #292929;
	padding-bottom: 8px;
	margin-bottom: 30px;
	display: inline-block;
}
a {
	color: #9290f3;
	text-decoration: none;
}
a:hover {
	color: #9290f3;
	text-decoration: none;
}
a.linkbutton {
	color: #292929;
	text-align: center;
	display: inline-block;
	font-size: 18px;
	line-height: 26px;
	text-transform: uppercase;
	padding: 16px 26px;
	border: 2px solid;
	text-decoration: none;
	border-radius: 0px;
}
a:hover {
	text-decoration: none;
}
a.linkbutton:hover {
	text-decoration: none;
}
.black, a.black {
	color: #292929;
	border-color: #292929;
}
.yellow, a.yellow {
	color: #9290f3;
	border-color: #9290f3;
}
a.yellow:hover {
	color: #1F1F1F;
}
.blue, a.blue {
	color: #000000;
	border-color: #000000;
}
a.blue:hover {
	color: #5450DE;
}
.blueline {
	width: 100%;
	height: 5px;
	background: #000000;
	margin-bottom: 10px;
	margin-top: 0px;
}
h2 a, h3 a {
	color: #9290f3;
	text-decoration: none;
}
h2 a:hover, h3 a:hover {
	color: #bfad1a;
	text-decoration: none;
}
.noborder {
	padding-bottom: 0px !important;
	border: 0px !important;
}
.centered {
	width: 100%;
	text-align: center;
}
.clear {
	clear: both;
}
.breadcrumb-br {
	display: none;
}
h2.bigger {
    font-size: 32px;
    line-height: 46px;
    margin: 15px 0px 40px;
    padding: 0;
    text-transform: uppercase;
	letter-spacing: 0.05em;
	text-align: left
}
.mobile-pic {
	display: none;
	background: url(gfx/fufu/frontheader-mobil.jpg);
	width: 100%;
	height: 200px;
	background: transparent no-repeat center center;
  	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
  	margin-bottom: 20px;
}
.button-prev {
	position: absolute;
	width: 23px;
	height: 38.5px;
	background: url(gfx/fufu/button_prev.png);
	background-size: contain;
	left: 75px;
	display: none;
	z-index: 19000;
}
.button-next {
	position: absolute;
	width: 23px;
	height: 38.5px;
	background: url(gfx/fufu/button_next.png);
	background-size: contain;
	right: 75px;
	display: none;
	z-index: 19000;
}
.button-prev.active, .button-next.active {
	display: block;
}
.onlymobile, .onlymobile2, .onlymobile3 {
	display: none;
}
.notmobile_news {
	display: block;
}
.onlymobile_news {
 	display: none;
}

/* header */
#header-fixed {
	width: 100%;
	z-index: 20000;
}
#header-outer {
	width: 100%;
}
#header-left img {
	width: 35%;
	height: 35%;
	float: left;
}
#header-divider {
	height: 192px;
	width: 100%;
}
#header-text {
	color: #F8f441;
	font-size: 24px;
	line-height: 28px;
	margin-left: 40px;
	float: left;
	margin-top: 18px;
	text-transform: uppercase;
}
#header-right a {
/*	display: block; */
	margin-top: 0px;
	line-height: 51px;
	font-size: 16px;
	color: #FFFFFF;
	font-family: 'Basebloom', sans-serif;
	padding: 0px 28px;	/* CW 25 */
	text-transform: uppercase;
	letter-spacing: 0.05em;
}
#header-right a:hover, #header-right li.current_page_item > a, #header-right li.current-menu-item > a, #header-right li.current-menu-ancestor > a {
	color: #9290f3;
}
#header-right li:first-child a {
	padding-left: 35px;
}
#header-right li:last-child a {
	padding-right: 35px;
}
#header-right {
	position: fixed;
	z-index: 60000;
	top: 0px;
	right: 0px;
	background: #000000;
	box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.3);
	border-radius: 0px;
}
#header-left {
	float: left;
	padding-left: 110px;
	padding-top: 30px;
	position: absolute;
	z-index: 30000;
}
.header-text-top {
	color: #000; /* #9290f3; */
	font-size: 22px;
	line-height: 20px;
	letter-spacing: 0.1em;
	font-family: 'Basebloom', sans-serif;
	margin-top: 27px;
}
.header-text-bottom {
	color:#000; /* #9290f3; */
	font-size: 22px;
	line-height: 30px;
	letter-spacing: 0.1em;
	font-family: 'Basebloom', sans-serif;
}
.header-text-top2 {
	color: #9290f3;
	font-size: 22px;
	line-height: 20px;
	letter-spacing: 0.1em;
	font-family: 'Basebloom', sans-serif;
	margin-top: 27px;
}
.header-text-bottom2 {
	color:#9290f3;
	font-size: 22px;
	line-height: 30px;
	letter-spacing: 0.1em;
	font-family: 'Basebloom', sans-serif;
}
#header-subpage {
	width: 100%;
	height: 230px;
	/* background: url(gfx/fufu/header-subpage.png); */
	background-repeat: no-repeat;
	background-position: bottom center;
}

/* header menu */
.menu-header-container, .menu-header-en-container {
    position: relative;
    margin-top: 0px;
    margin-bottom: 0px;
}
.menu-header-container ul, .menu-header-en-container ul {
    list-style: outside none none;
    margin: 0;
    padding: 0;
   /* position: relative; */
}
.menu-header-container li, .menu-header-en-container li {
    float: left;
    list-style: outside none none;
    /*position: relative;*/
    padding: 0px 0px;
}
#menu-header .sub-menu, #menu-header-en .sub-menu {
	position: absolute;
	background: #d22f7b;
	display: none;
	left: 0px;
	width: 100%;
	border-radius: 0px;

}
#menu-header li:hover .sub-menu, #menu-en-header li:hover .sub-menu {
	display: block;
}

/* front: headerarea */

#frontpage-header {
	width: 100%;
	min-height: 960px;
	background: url(gfx/fufu/frontheader-bg01.jpg);
	background-position: center;
	background-repeat: no-repeat;
	margin-bottom: 0px;
}
#frontpage-header-textleft {
	transform: rotate(270deg);
	color: #FFFFFF;
	opacity: 0.23;
	font-size: 35px;
	line-height: 41px;
	font-weight: bold;
	text-transform: uppercase;
	position: absolute;
	top: 300px;
}
#frontpage-header-textright {
	color: #FFFFFF;
	font-size: 0px;
	line-height: 80px;
	text-transform: uppercase;
	top: 270px;
	left: 28%;
	display: inline-block;
	position: absolute;
	font-family: 'Basebloom', sans-serif;
	text-align: right;
}
.frontpage-header-textright-yellow {
	color: #9290f3;
	font-family: 'Basebloom', sans-serif;
}
#frontpage-header img {
	display: block;
	position: absolute;
	margin: 0px;
	padding: 0px;
	box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.3);
	height: auto;
}
#frontpage-header-pic01 {
	width: 170px;
	left: 30px;
	top: 460px;
}
#frontpage-header-pic02 {
	width: 195px;
	left: 155px;
	top: 350px;
}
#frontpage-header-pic03 {
	width: 195px;
	left: 56%;
	top: 140px;
}
#frontpage-header-pic04 {
	width: 240px;
	left: calc(56% + 170px);
	top: 230px;
}
#frontpage-header-pic05 {
	width: 210px;
	left: calc(56% + 60px);
	top: 370px;
}
#frontpage-header-social {
	position: absolute;
	right: 60px;
	top: 100px;
}
#frontpage-header-social a {
	width: 42px;
	height: 42px;
	display: block;
	margin-bottom: 12px;
	background-repeat: no-repeat;
	background-size: contain;
}
#frontpage-header-social .social01 {
	background-image: url(gfx/fufu/social01-bottom.png);
}
#frontpage-header-social .social02 {
	background-image: url(gfx/fufu/social02-bottom.png);
}
#frontpage-header-social .social03 {
	background-image: url(gfx/fufu/social03-bottom.png);
}
#frontpage-header-social .social04 {
	background-image: url(gfx/fufu/social04-bottom.png);
}
#frontpage-header-social .social05 {
	background-image: url(gfx/fufu/social05-bottom.png);
}

/* front: newsbar */
#newsbar-outer {
	background: #9290f3;
}
#newsbar-inner {
	max-width: 1200px;
	padding: 30px 15px 30px 15px;
	margin: 0 auto;
}
.newsbar-day {
    background: rgba(191,173,26,0.50) none repeat scroll 0 0;
    border-radius: 0px;
    color: #9290f3;
    display: inline-block;
    font-size: 18px;
    height: 82px;
    line-height: 20px;
    padding-top: 11px;
    text-align: center;
    text-decoration: none;
    width: 82px;
    float: left;
	text-transform: uppercase;
}
.newsbar-text {
	float: left;
	display: inline-block;
	margin-left: 35px;
	letter-spacing: 0.02em;
}
.newsbar-text h3 {
	margin-top: 0px;
	padding-bottom: 6px;
	margin-bottom: 10px;
}
.newsbar-text h2 {
	margin: 0px;
	text-transform: uppercase;
}
#newsbar-link {
	width: 23px;
	height: 38.5px;
	background: url(gfx/fufu/button_next_black.png);
	background-size: contain;
	right: 30px;
	float: right;
	margin-top: 23.5px;
}

/* front: programm */
#programm-outer {
	background: #ffffff;
	margin: 0 auto;
	width: 100%;
	max-width: 1170px;
}
#programm-left {
	width: 50%;
	float: left;
}
#programm-right {
	width: 50%;
	float: right;
}
.programm-left-holder {
	width: 100%;
	/*max-width: 90%;*/
    padding: 40px;
    float: left;
}
.programm-left-inner {
	width: 100%;
}
#programm-outer h3 {
	margin-bottom: 0px;
	border: 0px;
}
#programm-outer h3 {
	font-size: 48px;
	line-height: 55px;
	font-family: 'Basebloom', sans-serif;
}
.programm-text {
	color: #000000;
    font-size: 20px;
    line-height: 26px;
}
.programm-right-inner {
	background: transparent no-repeat center center;
  	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
}
#programm-left-holder h3 {
	margin-top: 0px;
}

/* front: kuenstler */
#kuenstler-outer {
	background: #9290f3;
	margin: 0 auto;
	width: 100%;
	max-width: 1170px;
}
#kuenstler-left {
	width: 50%;
	float: right;
}
#kuenstler-right {
	width: 50%;
	float: left;
}
.kuenstler-left-holder {
	width: 100%;
	/*max-width: 90%;*/
    padding: 40px;
    float: left;
}
.kuenstler-left-inner {
	width: 100%;
}
#kuenstler-outer h3 {
	margin-bottom: 0px;
	border: 0px;
}
#kuenstler-outer h3 {
	font-size: 48px;
	line-height: 55px;
	font-family: 'Basebloom', sans-serif;
}
.kuenstler-text {
	color: #000000;
    font-size: 20px;
    line-height: 26px;
}
.kuenstler-right-inner {
	background: transparent no-repeat center center;
  	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
}
#kuenstler-left-holder h3 {
	margin-top: 0px;
}

/* front: news */
#news-outer {
	background: #9290f3;
	margin: 0 auto;
	width: 100%;
	max-width: 1170px;
}
#news-left {
	width: 50%;
	float: right;
}
#news-right {
	width: 50%;
	float: left;
}
.news-left-holder {
	width: 100%;
	/*max-width: 90%;*/
    padding: 40px;
    float: left;
}
.news-left-inner {
	width: 100%;
}
#news-outer h3 {
	margin-bottom: 0px;
	border: 0px;
}
#news-outer h3 {
	font-size: 40px;
	line-height: 55px;
	font-family: 'Basebloom', sans-serif;
}
.news-text {
	color: #000000;
    font-size: 18px;
    line-height: 26px;
}
.news-right-inner {
	background: transparent no-repeat center center;
  	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
}
#news-left-holder h3 {
	margin-top: 0px;
}

/* front: podcast */
#podcast-outer {
	background: #ffffff;
	margin: 0 auto;
	width: 100%;
	max-width: 1170px;
}
#podcast-left {
	width: 50%;
	float: left;
}
#podcast-right {
	width: 50%;
	float: right;
}
.podcast-left-holder {
	width: 100%;
	/*max-width: 90%;*/
    padding: 40px;
    float: left;
}
.podcast-left-inner {
	width: 100%;
}
#podcast-outer h3 {
	margin-bottom: 0px;
	border: 0px;
}
#podcast-outer h3 {
	font-size: 40px;
	line-height: 55px;
	font-family: 'Basebloom', sans-serif;
}
.podcast-text {
	color: #000000;
    font-size: 18px;
    line-height: 26px;
}
.podcast-right-inner {
	background: transparent no-repeat center center;
  	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
}
#podcast-left-holder h3 {
	margin-top: 0px;
}
/* front: more news */
#morenews-outer {
	width: 100%;
	background: #9290f3;
}
#morenews-inner {
	max-width: 90%;
	padding: 70px 15px 70px 15px;
	margin: 0 auto;
}
#morenews-outer h3 {
    font-size: 30px;
    line-height: 35px;
    margin: 0;
}
.morenews-block {
	width: 33.33333333%;
	float: left;
	padding: 0px 30px;
}
#morenews-blocks {
	margin-top: 45px;
	margin-left: -30px;
	margin-right: -30px;
	margin-bottom: 25px;
}
.morenews-day {
	color: #9290f3;
	font-size: 18px;
	line-height: 20px;
	text-align: center;
	background: rgba(191,173,26,0.50);
	display: inline-block;
	width: 82px;
	height: 82px;
	padding-top: 11px;
	border-radius: 0px;
	text-decoration: none;
	text-transform: uppercase;
}
.morenews-title {
	margin-top: 15px;
	color: #292929;
	font-size: 26px;
	line-height: 34px;
	height: 68px;
	text-decoration: none;
	text-transform: uppercase;
}
.morenews-text {
	font-size: 16px;
	line-height: 24px;
	margin-top: 25px;
	color: #292929;
	text-decoration: none;
}

/* front: boxes */
.frontbox-outer {
	margin-top: 50px !important;
}
.frontbox-rightimg {
	width: 48px;
	height: 48px;
	background-image: url(gfx/fufu/frontbox-right.png);
	background-size: contain;
	float: right;
}

/* front: impressionen */
#impressionen-outer {
	width: 100%;
	background: #1F1F1F;
}
#impressionen-inner {
	padding: 50px 50px 50px 50px;
}
.impressionen-left {
	float: left;
}
.impressionen-right {
	float: right;
	line-height: 42px;
	font-size: 12px;
	color: #9290f3;
}
#impressionen-outer h3 {
	font-size: 25px;
	line-height: 30px;
	margin: 0px;
}

/* front: impressionen bilder */
#impressionenbilder-outer {
	width: 100%;
}
.impressionenbilder {
	width: 100%;
	height: auto;
}

/* front: infobox */
#infobox-outer {
	background: #9290f3;
	width: 100%;
	margin-top: 140px;
	background-image: url(gfx/fufu/fronttext-bg01.png);
	background-position: center center;
	background-repeat: no-repeat;
}
#infobox-inner {
	max-width: 1250px;
	padding: 40px 40px 100px 40px;
	margin: 0 auto;
}
#infobox-content {
	color: #000000;
	font-size: 20px;
	line-height: 30px;
	margin: 0 auto;
	width: 100%;
	max-width: 680px;
	text-align: left;
	float: left;
	margin-top: 50px;
}
#infobox-content p {
	margin: 0px;
	margin-bottom: 30px;
}
#infobox-outer h2 {
	font-size: 48px;
	line-height: 55px;
	margin: 0px;
	border: 0px;
	font-family: 'Basebloom', sans-serif;
	text-transform: uppercase;
}
#infobox-outer h3 {
	font-size: 30px;
	line-height: 32px;
	margin: 0px;
	border: 0px;
	font-family: 'Basebloom', sans-serif;
}
#infobox-link {
	margin-top: 50px;
}
#infobox-images {
	position: relative;
}
#infobox-images img {
	display: block;
	margin: 0px;
	padding: 0px;
	box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.3);
	height: auto;
	position: absolute;
}
#infobox-images-pic01 {
	width: 195px;
	top: 140px;
	right: 200px;
}
#infobox-images-pic02 {
	width: 240px;
	right: 0px;
	top: 230px;
}
#infobox-images-pic03 {
	width: 210px;
	right: 150px;
	top: 370px;
}
#infobox-content .marked {
	color: #9290f3;
	background: #000000;
}
#infobox-social {
	margin-top: 50px;
}
#infobox-social a {
	width: 51.5px;
	height: 51.5px;
	display: inline-block;
	margin-bottom: 12px;
	background-repeat: no-repeat;
	background-size: contain;
}
#infobox-social .social01 {
	background-image: url(gfx/fufu/social01-bottom.png);
}
#infobox-social .social02 {
	background-image: url(gfx/fufu/social02-bottom.png);
}
#infobox-social .social03 {
	background-image: url(gfx/fufu/social03-bottom.png);
}
#infobox-social .social04 {
	background-image: url(gfx/fufu/social04-bottom.png);
}
#infobox-social .social05 {
	background-image: url(gfx/fufu/social05-bottom.png);
}

/* front: partner */

#poweredby-outer {
	background: #ffffff;
	width: 100%;
}
#poweredby-inner {
	max-width: 1200px;
	padding: 70px 15px 70px 15px;
	margin: 0 auto;
}
#poweredby-image {
	width: 30%;
	height: auto;
}

/* footer */

#footer-right {
	width: 370px;
	float: right;
	text-align: right;
}
#footer-left {
	width: calc(100% - 370px);
	float: left;
}
#footer-outer a {
	color: #000000;
	text-transform: uppercase;
	font-size: 18px;
	line-height: 51.5px;
	margin-right: 36px;
	display: block;
	text-decoration: none;
	font-family: 'Basebloom', sans-serif;
}
#footer-outer a:hover {
	color: #5450DE;
	text-decoration: none;
}
#footer-right a {
	width: 42px;
	height: 42px;
	display: inline-block;
	background-repeat: no-repeat;
	background-size: contain;
	margin: 0px;
	margin-left: 20px !important;
}
#footer-right .social01 {
	background-image: url(gfx/fufu/social01-bottom.png);
}
#footer-right .social02 {
	background-image: url(gfx/fufu/social02-bottom.png);
}
#footer-right .social03 {
	background-image: url(gfx/fufu/social03-bottom.png);
}
#footer-right .social04 {
	background-image: url(gfx/fufu/social04-bottom.png);
}
#footer-right .social05 {
	background-image: url(gfx/fufu/social05-bottom.png);
}
#footer-outer {
	background: #9290f3;
	width: 100%;
}
body.home #footer-outer {
	margin-top: 0px;
}
.menu-footer-container {
    position: relative;
}
.menu-footer-container ul {
    list-style: outside none none;
    margin: 0;
    padding: 0;
    position: relative;
}
.menu-footer-container li {
    float: left;
    list-style: outside none none;
    position: relative;
}
#footer-outer {
	padding: 40px;
}

/* Content Seiten */
#subpage-breadcrumb {
	float: right;
	background: #9290f3;
	padding: 5px 10px;
	color: #000000;
	font-size: 12px;
	line-height: 22px;
	border-radius: 0px;
}
#subpage-breadcrumb a {
	text-transform: uppercase;
	font-family: 'Basebloom', sans-serif;
	color: #000000;
}
#subpage-breadcrumb a:hover {
	color: #E2000A;
}
#content-outer {
	width: 100%;
}
#content-inner {
	margin: 0 auto;
    max-width: 1200px;
    padding: 30px 15px;
}
#content-outer h3 {
	font-size: 36px;
	line-height: 46px;
}
.content-listbox {
	width: -webkit-calc(33.33333333% - 24px);
    width: -moz-calc(33.33333333% - 24px);
	width: calc(33.33333333% - 24px);
	float: left;
	padding: 0px;
	background: #9290f3;
	margin-bottom: 36px;
	margin-right: 36px;
	border-radius: 0px;
}
.listbox-holder a:nth-child(3n) .content-listbox {
	margin-right: 0px;
}
.content-listbox-image img {
	width: 100%;
	height: auto;
	opacity: 0.85;
}
.content-listbox-title {
	text-align: left;
	text-decoration: none;
	color: #000000;
	font-size: 20px;
    line-height: 24px;
    margin-top: 0px;
    margin-bottom: 22px;
    overflow: hidden;
	text-transform: uppercase;
	font-family: 'Basebloom', sans-serif;
}
.content-listbox-text {
	text-align: left;
	text-decoration: none;
	color: #000000;
	font-size: 14px;
	line-height: 22px;
	letter-spacing: 0.04em;
}
#content-content {
	width: 100%;
	text-align: left;
	color: #B7B7B7;
	font-size: 18px;
	line-height: 28px;
	padding-bottom: 20px;
}
.content-listbox-innerholder {
	padding: 26px;
}
body.single-veranstaltung #content-content {
	text-align: left;
	max-width: 100%;
}
#content-content p {
	margin: 0px;
	margin-bottom: 20px;
}
body.single-veranstaltung #content-content p {
	margin-bottom: 32px;
}
#content-headimg {
	width: 100%;
	height: 400px;
/*	background: transparent no-repeat center center;
  	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
  	background-color: #cccccc; */
	background: transparent no-repeat 50%;
	background-color: #000000;
  	margin-bottom: 30px;
  	opacity: 1.00;
}
.content-listbox .morenews-day {
	position: absolute;
	z-index: 1000;
	margin-left: -41px;
	margin-top: -41px;
}
.page-template-template-list-news h3 {
	margin-bottom: 101px;
}
.page-template-template-list-news .content-listbox {
}
#content-outer.content-single h3, #content-outer h3.smaller {
	margin-bottom: 26px;
	font-size: 28px;
    line-height: 26px;
}
#content-outer.content-single h2{
	margin-bottom: 60px;
}
#content-outer .shariff-button {
	width: 48px !important;
	height: 48px !important;
	margin: 10px !important;
	margin-top: 0px !important;
	background-color: transparent !important;
}
.shariff-icon img {
	width: 48px !important;
	height: 48px !important;
}
.shariff .theme-round a {
	height: 48px !important;
}
#kuenstler-social img {
	width: 48px !important;
	height: 48px !important;
	margin: 10px !important;
	margin-left: 0px !important;
}
h3.subpage-headline {
	color: #ffffff;
	font-size: 45px !important;
	line-height: 50px !important;
	display: block;
	border: 0px;
	font-family: 'Basebloom', sans-serif;
	float: left;
	margin: 0px;
	margin-bottom: 20px;
	padding: 0px;
}
.subpage-headline-line {
	height: 0px;
	width: 100%;
	background: #ffffff;
	margin-bottom: 40px;
}
body.single-aktuelles #content-inner h2.yellow.bigger,
body.single-kuenstler #content-inner h2.yellow.bigger,
body.single-podcast #content-inner h2.yellow.bigger {
	color: #ffffff;
	font-family: 'Basebloom', sans-serif;
	text-transform: uppercase;
}
.shariff.shariff-align-center ul {
    justify-content: left !important;
    align-items: left !important;
}
#content-outer .shariff-button {
	margin-left: 0px !important;
}
#content-content h1, #content-content h3, #content-content h4, #content-content h5, #content-content h6 {
	font-size: 24px;
	line-height: 26px;
	font-family: 'Basebloom', sans-serif;
	color: #9290f3;
}
#content-content h2 {
	font-size: 24px;
	line-height: 26px;
	font-family: 'Poppins', sans-serif;
	color: #9290f3;
}

#subpage-wrapper {
	max-width: 780px;
}

/* Programm Filter */
#filter-buttons {
	width: 100%;
	margin-bottom: 60px;
}
#filter-buttons2 {
	width: 100%;
}
#filter-buttons a {
	display: block;
	width: 100%;
	background: rgba(255,255,255,0.2);
	color: #9290f3;
	line-height: 54px;
	text-decoration: none !important;
	border-radius: 0px;
	font-size: 11px;
}
#filter-buttons2 a {
	display: block;
	width: 100%;
	background: transparent;
	color: #9290f3;
	line-height: 30px;
	text-decoration: none !important;
	border: 0px solid rgba(255,255,255,0.2);
	font-size: 11px;
	text-transform: uppercase;
	background: rgba(255,255,255,0.2);
	border-radius: 0px;
}
#filter-buttons a.active, #filter-buttons2 a.active {
	color: #000000;
	background: rgba(255,255,255,1);
}
body.page-template-template-list-veranstaltung #filter-buttons .filter-button-1 a, #filter-buttons .filter-button-0 a, #filter-buttons .filter-button-6 a, #filter-buttons .filter-button-7 a {
	padding-top: 7px;
	line-height: 20px;
	padding-bottom: 7px;
}
.filter-button {
	/* width: 14.28571428%; */
	width: 12.5%;
	float: left;
	text-align: center;
	padding: 0px 10px;
	margin-bottom: 20px;
}
.filter-button2 {
	width: 10%;
	float: left;
	text-align: center;
	padding: 0px 10px;
	margin-bottom: 20px;
}
.filter-day {
/*	background: #9290f3; */
	font-size: 25px;
	line-height: 34px;
	text-align: left;
	border: 0px solid rgba(255,229,21,0.24);
	margin: 0px 10px 0px 10px;
	padding: 10px;
	color: #9290f3;
	font-family: 'Basebloom', sans-serif;
	text-transform: uppercase;
	border-radius: 0px;
}
.filter-holder {
	margin-bottom: 60px;
	padding-top: 40px;
	border-top: 1px solid rgba(255,255,255,0.30);
	margin-left: 10px;
	margin-right: 10px;
}
.filter-holder.filter-noborder {
	border: 0px;
}
.wpcf7-form textarea {
	margin-bottom: 40px;
	font-size: 32px;
}
.filter-artist {
	color: #9290f3;
	font-size: 21px;
	line-height: 26px;
}
.filter-artist-text {
	color: #9290f3;
	font-size: 12px;
	line-height: 20px;
	margin-bottom: 16px;
}
.filter-meta {
	background: #9290f3;
	font-size: 21px;
	line-height: 30px;
	color: #000000;
	text-transform: uppercase;
	padding: 0px 9px;
	margin-bottom: 4px;
	display: inline-block;
	font-family: 'Basebloom', sans-serif;
	border-radius: 0px;
}
.filter-meta-bottom {
	margin-bottom: 45px;
}
.filter-meta-top {
	margin-top: 25px;
}
.filter-holder a.linkbutton {
	font-size: 13px;
	line-height: 16px;
	font-family: 'Basebloom', sans-serif;
}
.filter-holder a.linkbutton:hover {
	background: #9290f3;
	color: #000000;
}
.filter-artist a, #filter-data h3 a {
	color: #ffffff;
	text-decoration: none;
}
.filter-artist a:hover, #filter-data h3 a:hover {
	color: #ffffff;
	text-decoration: none;
}
body.page-template-template-list-veranstaltung #content-inner>.centered>h3 {
	font-size: 36px;
    line-height: 46px;
    margin-bottom: 40px;
}
#content-inner-left {
	width: 34%;
	float: left;
}
#content-inner-right {
	width: 66%;
	float: right;
	padding-left: 30px;
}
body.single-veranstaltung .shariff.shariff-align-center ul {
    align-items: left;
    justify-content: left;
}
body.single-veranstaltung #content-outer .shariff-button {
	margin-left: 0px !important;
	margin-right: 20px !important;
}
#content-inner-left h3 {
	margin-bottom: 40px;
	line-height: 36px;
	margin-top: 0px;
	margin-bottom: 45px;
	font-family: 'Basebloom', sans-serif;
}
#content-inner-left .filter-meta-top {
	margin-top: 120px;
}
#content-inner-right h3 {
	color: #ffffff;
}
.filter-type {
	background: #ffffff;
    color: #9290f3;
    font-size: 12px;
    line-height: 30px;
    width: 178px;
    display: inline-block;
    text-align: center;
	font-family: 'Basebloom';
	border-radius: 0px;
	text-transform: uppercase;
}
body.veranstaltung-template-default .filter-type {
	margin-top: 0px;
}
.filter-type .notmobile {
	display: none;
}


/* Kontakt */
.kontakt-half {
	width: 50%;
	float: left;
	margin-bottom: 20px;
}
.kontakt-half-left {
	padding-right: 15px;
}
.kontakt-half-right {
	padding-left: 15px;
}
.kontakt-full {
	width: 100%;
	margin-bottom: 20px;
}
.wpcf7-form input[type=text], .wpcf7-form input[type=email], .wpcf7-form textarea {
	width: 100%;
	line-height: 22px;
	font-size: 18px;
/*	text-transform: uppercase; */
	text-align: center;
	color: #9290f3;
	border: 2px solid #9290f3;
	background: transparent;
	padding: 14px;
}
.wpcf7-form textarea {
	height: 160px;
}
span.wpcf7-not-valid-tip {
	line-height: 22px !important;
	font-size: 13px !important;
	margin-top: 3px !important;
}
.wpcf7-submit {
	line-height: 22px;
	font-size: 18px;
	text-transform: uppercase;
	text-align: center;
	color: #9290f3;
	border: 2px solid #9290f3;
	background: transparent;
	padding: 14px 50px;
	margin-top: 40px;
}

/* DAVE TV */

.davetv {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
   	justify-content: space-around;
    margin-left: 30px;
}

.davetv_stream {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-areas:
    "video video video chat"
    "fighter fighter fighter fighter"
    "day day day day"
	;
}

davetv_video {
	grid-area: video;
    margin-left: 30px;
}

davetv_chat {
	grid-area: chat;
    margin-left: 30px;
}

davetv_day {
	background-color: #9290f3;
	font-family: 'Poppins', sans-serif;
    margin-left: 30px;
    color: #ffffff;
    grid-area: day;
    width: 96%;
    align: justify;
}

sf {
    margin-left: 30px;
    grid-area: fighter;
   	height: 550px;
}

.tv_day {
	background-color: #9290f3;
	font-family: 'Poppins', sans-serif;
	margin-left: 30px;
	margin-right: 30px;
    color: #ffffff;
    padding: 4px;
    text-align: justify;
    width: 96%;
}

.fight {
	margin-top: 70px;
	width: 480px;
	height: 550px;
}

.davetv_media{
	width: 100%;
}

.davetv_media iframe{
   	width: 400px;
	height: 225px;
/*	margin-top: 70px; */
}

.davetv_media_text {
   	width: 400px;
	background-color: #000;
	color: #ffffff;
	height: 50px;
	font-family: 'Poppin', sans-serif;
	margin-top: 5px;
}

.elastic-video {
    position: relative;
    padding-bottom: 55%;
    padding-top: 15px;
    height: 0;
    overflow: hidden;
}

.elastic-video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.davetv_paypal {
	width: 400px;
	height: 20px;
	color:#FFFFFF;
	text-align: center;
	text-transform: uppercase;
	background-color: #9290f3;
	font-family: 'Basebloom';
}

/* Lightbox */

#dave-lightbox-bg,#dave-lightbox-bg2 {
	z-index: 999998;
	background: rgba(0,0,0,0.6);
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0px;
	left: 0px;
	display: none;
}
#dave-lightbox-outer,#dave-lightbox-outer2 {
	position: fixed;
	top: 150px;
	height: -moz-calc(100% - 300px);
    height: -webkit-calc(100% - 300px);
	height: calc(100% - 300px);
	max-height: 730px;
	width: 100%;
	display: none;
	z-index: 999999;
	min-height: 500px;
}
#dave-lightbox, #dave-lightbox2 {
	width: 100%;
	max-width: 1380px;
	background: #9290f3;
	margin: 0 auto;
	height: 100%;
	position: relative;
	box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.3);
}
#dave-lightbox-close, #dave-lightbox-close2 {
	width: 30px;
	height: 30px;
	background-image: url(gfx/fufu/lightbox-close.png);
	background-size: contain;
	background-repeat: no-repeat;
	display: block;
	position: absolute;
	top: 30px;
	right: 30px;
}
.dave-lightbox-content,.dave-lightbox-content2 {
	display: none;
	width: calc(100% - 200px);
	position: absolute;
	left: 100px;
	top: 30px;
	height: calc(100% - 60px);
}
.dave-lightbox-headline,.dave-lightbox-headline2 {
	color: #000000;
	font-size: 36px;
	line-height: 40px;
	text-transform: uppercase;
	font-family: 'Basebloom', sans-serif;
	width: 100%;
	margin-bottom: 30px;
}
.dave-lightbox-return {
	color: #9290f3;
	background: #000000;
	text-transform: uppercase;
	font-family: 'Basebloom', sans-serif;
	padding: 5px 20px;
	font-size: 15px;
	line-height: 24px;
	position: absolute;
	top: 10px;
	right: 0px;
}
.dave-news-date {
	color: #9290f3;
	background: #000000;
	text-transform: uppercase;
	font-family: 'Basebloom', sans-serif;
	padding: 5px 20px;
	font-size: 15px;
	line-height: 24px;
	display: inline-block;
	margin-bottom: 10px;
	letter-spacing: 2px;
	border-radius: 0px;
}
body.single-aktuelles .dave-news-date {
	color: #000000;
	background: #9290f3;
}
.dave-lightbox-image,.dave-lightbox-image2 {
	width: calc(50% - 20px);
	height: calc(100% - 98px);
	background: transparent no-repeat center center;
	background-size: cover;
	background-color: #cccccc;
	float: left;
}
.dave-lightbox-text, .dave-lightbox-text2 {
	width: calc(50% - 20px);
	height: calc(100% - 98px);
	float: right;
}
.dave-lightbox-text, .dave-lightbox-text2 {
	font-size: 16px;
	line-height: 24px;
	color: #000000;
	overflow-x: hidden;
	overflow-y: auto;
}
.dave-lightbox-text a, .dave-lightbox-text2 a {
	color: #FFFFFF;
}
.dave-lightbox-text a:hover, .dave-lightbox-text2 a:hover {
	color: #000000;
}
#dave-lightbox-last, #dave-lightbox-last2 {
	width: 25.5px;
	height: 44px;
	position: absolute;
	top: 50%;
	left: 37px;
	margin-top: -22px;
	background-image: url(gfx/fufu/lightbox-left.png);
	background-size: contain;
	background-repeat: no-repeat;
	display: block;
}
#dave-lightbox-next,#dave-lightbox-next2 {
	width: 25.5px;
	height: 44px;
	position: absolute;
	top: 50%;
	right: 37px;
	margin-top: -22px;
	background-image: url(gfx/fufu/lightbox-right.png);
	background-size: contain;
	background-repeat: no-repeat;
	display: block;
}
.dave-lightbox-overview-holder {
	height: calc(100% - 98px);
	float: left;
	width: calc(33.3333% - 30px);
	margin-right: 45px;
}
.dave-lightbox-overview-holder-outer a:nth-child(3n) .dave-lightbox-overview-holder {
	margin-right: 0px;
}
.dave-lightbox-overview-image {
	width: 100%;
	height: 220px;
	background: transparent no-repeat center center;
	background-size: cover;
	background-color: #cccccc;
	margin-bottom: 10px;
}
.dave-lightbox-overview-headline {
	color: #000000;
	font-size: 24px;
	line-height: 30px;
	text-transform: uppercase;
	font-family: 'Basebloom', sans-serif;
	width: 100%;
	margin-bottom: 10px;
}
.dave-lightbox-overview-text {
	font-size: 16px;
	line-height: 24px;
	color: #000000;
	overflow-x: hidden;
	overflow-y: hidden;
}
.dave-points {
	width: 40px;
	height: 14px;
	background-image: url(gfx/fufu/dave-points.png);
	background-size: contain;
	background-repeat: no-repeat;
	margin-top: 25px;
}
.dave-subline {
	margin-bottom: 20px;
	color: #9290f3;
	font-size: 20px;
	line-height: 24px;
	text-transform: uppercase;
	font-family: 'Basebloom', sans-serif;
	margin-top: 20px;
}
.headpic-copyright {
	width: auto;
	background-color: rgba( 0, 0, 0, 0.8 );
	color: #6c6c6c;
	font-size: 10px;
	line-height: 12px;
	text-align: center;
	position: absolute;
	bottom: 0px;
	right: 0px;
	padding: 5px;
	text-transform: uppercase;
}
.headpic, .impressionenouter {
	position: relative;
}
.impressionenouter {
	width: 25%;
	float: left;
}
.mobile-infos {
	display: none;
	margin-bottom: 30px;
}

/* Mobile Front */
#mobilebox-outer {
	display: none;
	margin-top: 40px;
	margin-bottom: 40px;
	padding-left: 15px;
	padding-right: 15px;
	}
#mobilebox-outer a {
	display: block;
	width: 100%;
	margin-bottom: 12px;
}

@media only screen and (max-width: 1549px) {
	#menu-outer a { margin-left: 40px; margin-right: 40px; }
	#header-left { padding-top: 60px; }
}

@media only screen and (max-width: 1449px) {
	.morenews-block { padding: 0px 15px; }
	#morenews-blocks { margin-left: -15px; margin-right: -15px; }
	#frontpage-header-textright { font-size: 60px; line-height: 64px; text-align: right; }
}

@media only screen and (max-width: 1369px) {
	#frontpage-header-pic02 { left: 60px; top: 560px; }
	#frontpage-header-pic03 { left: 65%; top: 140px; }
	#frontpage-header-pic05 { left: calc(65% + 80px); }
}

@media only screen and (max-width: 1349px) {
	#menu-outer a { margin-left: 40px; margin-right: 40px; }
	#footer-left a { font-size: 15px; }
}

@media only screen and (max-width: 1199px) {
	#menu-outer a { margin-left: 30px; margin-right: 30px; font-size: 16px; }
	#content-headimg { height: 500px; }
	#frontpage-header-pic03 { display: none !important; }
	#frontpage-header-pic04 { display: none !important; }
	#frontpage-header-pic05 { display: none !important; }
	#infobox-content { width: 100%; float: none; max-width: 100%; }
	#infobox-images img { display: block; position: static !important; width: 33.3%; float: left; }
	#infobox-content { margin-top: 20px; }
	.content-listbox { width: calc(50% - 18px) !important; margin-right: 36px !important; }
	.listbox-holder a:nth-child(2n) .content-listbox { margin-right: 0px !important; }
	#subpage-breadcrumb { float: left; }
	.breadcrumb-br { display: block; clear: both; height: 20px; }
	.dave-lightbox-return { display: none; }
	#footer-left a { font-size: 13px; }
}

@media only screen and (max-width: 1159px) {
}

@media only screen and (max-width: 1139px) {
	#podcast-left, #kuenstler-left, #programm-left, #news-left { width: 100%; float: none; }
	#podcast-right, #kuenstler-right, #programm-right, #news-right { display: none; }
	#pod-prev, #art-prev, #prog-prev { left: 23.5px; }
	#pod-next, #art-next, #prog-next { right: 23.5px; }
	#podcast-left h2, #kuenstler-left h2, #programm-left h2, #news-left h2 { margin-bottom: 15px; }
	.frontbox-outer { margin: 0px !important; }
	#infobox-outer { margin-top: 30px !important; }
	.mobile-pic { display: block; }

	#footer-left, #footer-right { width: 100% !important; float: none !important; }
	#footer-right { text-align: center !important; margin-top: 10px; }
	#footer-right a { margin: 0px !important; display: inline-block !important; float: none !important; margin: 0px 5px !important; }
	.menu-footer-container li { float: none !important; display: inline-block !important; margin: 0px !important; padding: 0px !important; text-align: center !important; }
	#footer-left { text-align: center !important; }
	#footer-left a { margin: 0px !important; padding: 0px 5px !important; font-size: 13px; line-height: 18px; }
	#footer-outer { padding-left: 0px; padding-right: 0px; }
	#footer-right a { width: 40px; height: 40px; }
	#infobox-social a { width: 40px; height: 40px; }
}

@media only screen and (max-width: 1049px) {
	.morenews-block { width: 50%; }
	.morenews-block-3 { display: none; }
	.filter-button { width: 25%; }
	.filter-button2 { width: 20%; }
}

@media only screen and (max-width: 999px) {
	#menu-outer { height: auto; padding-top: 20px; padding-bottom: 20px; }
	.menu-header-container { float: none; left: 0px; margin-top: 0px; margin-bottom: 0px; }
	.menu-header-container ul { left: 0px; }
	.menu-header-container li { float: none; }
	#menu-outer a { margin: 0px; font-size: 18px; line-height: 30px; float: none; width: 100%; text-align: center; }
	.content-listbox { width: 50%; }
	#content-headimg { height: 400px; }
	#content-inner-left { float: none; width: 100%; display: none; }
	.mobile-infos { display: block; }
	#content-inner-right { float: none; width: 100%; padding-left: 0px; margin-top: 30px; }
	#content-inner-left .filter-meta-top { margin-top: 40px; }
	.notmobile_news { display: none; }
	.onlymobile_news { display: block; }

	#menu-outer .sub-menu { display: none !important; }
	#menu-outer.sub-open { border-bottom-width: 5px; }
	.menu-header-container li { padding: 10px 0px; }

	#header-right { display: none; }
	#header-left { padding-top: 30px; }
	#frontpage-header { background-position: center bottom; }
	#shiftnav-toggle-main { background: #000000 !important; }
	#shiftnav-toggle-main .fa { color: #9290f3 !important; font-size: 30px !important; line-height: 30px !important; }
	#shiftnav-toggle-main .shiftnav-toggle-burger, #shiftnav-toggle-main.shiftnav-toggle-main-entire-bar::before { padding: 5px 5px !important; }
	.shiftnav.shiftnav-skin-light { background: #ffffff !important; color: #000000 !important; }
	.shiftnav::after { box-shadow: none !important; }
	.shiftnav.shiftnav-skin-light ul.shiftnav-menu li.menu-item.current-menu-item > .shiftnav-target, .shiftnav.shiftnav-skin-light ul.shiftnav-menu > li.shiftnav-sub-accordion.current-menu-ancestor > .shiftnav-target, .shiftnav.shiftnav-skin-light ul.shiftnav-menu > li.shiftnav-sub-shift.current-menu-ancestor > .shiftnav-target, .shiftnav.shiftnav-skin-light ul.shiftnav-menu li.menu-item ul.sub-menu .current-menu-item .shiftnav-target { background: #000000 !important; color: #ffffff !important; }
	.shiftnav.shiftnav-skin-light ul.shiftnav-menu li.menu-item > .shiftnav-target { text-transform: uppercase !important; font-family: 'Basebloom', sans-serif !important; font-size: 20px !important; line-height: 30px !important; }
	.shiftnav ul.shiftnav-menu li.menu-item > .shiftnav-target, .shiftnav ul.shiftnav-menu li.shiftnav-retract > .shiftnav-target { padding: 12px !important; }
	.shiftnav.shiftnav-skin-light ul.shiftnav-menu li.menu-item.shiftnav-active > .shiftnav-target, .shiftnav.shiftnav-skin-light ul.shiftnav-menu li.menu-item.shiftnav-in-transition > .shiftnav-target { background: #000000 !important; }

	.dave-lightbox-image, .dave-lightbox-image2 { width: 100%; float: none; height: 200px; margin-bottom: 20px; }
	.dave-lightbox-text, .dave-lightbox-text2 { width: 100%; float: none; height: 200px; height: calc(100% - 290px); }
	.dave-lightbox-headline, .dave-lightbox-headline2 { margin-bottom: 15px; }
	#dave-lightbox-outer, #dave-lightbox-outer2 { height: 100%; top: 0px; max-height: 100%; }
	.dave-lightbox-headline, .dave-lightbox-headline2 { font-size: 19px; line-height: 22px; }
	#dave-lightbox-close, #dave-lightbox-close2 { width: 26.5px; height: 24.5px; top: 15px; right: 15px; }
	.dave-lightbox-content, .dave-lightbox-content2 { width: calc(100% - 100px); left: 50px; top: 15px; height: calc(100% - 30px); }
	#dave-lightbox-last, #dave-lightbox-last2 { left: 7px; }
	#dave-lightbox-next, #dave-lightbox-next2 { right: 7px; }

	.impressionenouter { width: 33.33333333%; }
}

@media only screen and (max-width: 919px) {
	#footer-left, #footer-right { width: 100% !important; float: none !important; }
	#footer-right { text-align: center !important; margin-top: 10px; }
	#footer-right a { margin: 0px !important; display: inline-block !important; float: none !important; margin: 0px 5px !important; }
	.menu-footer-container li { float: none !important; display: inline-block !important; margin: 0px !important; padding: 0px !important; text-align: center !important; }
	#footer-left { text-align: center !important; }
	#footer-left a { margin: 0px !important; padding: 0px 5px !important; font-size: 13px; line-height: 18px; }
	#footer-outer { padding-left: 0px; padding-right: 0px; }
	#footer-right a { width: 40px; height: 40px; }
	#infobox-social a { width: 40px; height: 40px; }
}

@media only screen and (max-width: 889px) {
}

@media only screen and (max-width: 767px) {
	#morenews-blocks { margin-top: 25px; }
	.morenews-title { font-size: 19px; line-height: 23px; height: auto; }
	#morenews-inner { text-align: center; padding-top: 20px; padding-bottom: 20px; }
	.morenews-block { width: 100%; }
	.morenews-block-1, .morenews-block-2 { margin-bottom: 40px; }
	.morenews-block-3 { display: block; }
	#impressionen-inner { padding-top: 20px; padding-bottom: 20px; }
	.impressionen-left, .impressionen-right { width: 100%; float: none; text-align: center; }
	.impressionen-right { line-height: 20px; font-size: 10px; }
	.impressionenouter { width: 50%; }
	#impressionenbilder-8 { display: none; }
	a.linkbutton { font-size: 15px; padding: 10px 18px; }
	#infobox-social img { width: 36px; height: 36px; margin-left: 4px; margin-right: 4px; }
	#infobox-content { font-size: 16px; line-height: 22px; }
	h3, #impressionen-outer h3, #morenews-outer h3, #content-outer h3 { font-size: 15px; border-bottom-width: 2px; padding-bottom: 0px; margin-bottom: 20px; line-height: 26px; }
	#content-outer h3, body.page-template-template-list-veranstaltung #content-inner>.centered>h3 { font-size: 18px; }
	#poweredby-inner, #infobox-inner { padding-top: 20px; padding-bottom: 50px; }
	#footer-outer { height: auto; padding-top: 20px; padding-bottom: 20px; }
	.menu-footer-container { float: none; left: 0px; }
	.menu-footer-container ul { left: 0px; }
	.menu-footer-container li { float: none; }
	.morenews-text, .podcast-text, .kuenstler-text, .programm-text, .news-text { font-size: 16px; line-height: 22px; }
	#infobox-outer h2, #podcast-outer h2, #kuenstler-outer h2, #programm-outer h2, .newsbar-text h2, #content-outer h2 { font-size: 18px; line-height: 24px; }
	#content-outer.content-single h2 { margin-bottom: 30px; }
	#pod-prev, #art-prev, #prog-prev { left: 6px; }
	#pod-next, #art-next, #prog-next { right: 6px; }
	#newsbar-link { display: none; }
	#header-left img { height: 35%; width: 35%; }
	#header-text { font-size: 18px; margin-left: 20px; margin-top: 5px; }
	#header-right a { width: 27px; height: 21px; margin-top: 22.5px; }
	#header-divider { height: 96px; }
	.content-listbox { width: 100%; }
	.content-listbox-title { font-size: 18px; line-height: 26px; height: 52px; }
	#content-outer h3 { margin-bottom: 50px; }
	#content-content { font-size: 16px; line-height: 24px; padding-bottom: 70px; }
	#content-content p { margin-bottom: 40px; }
	#content-headimg { height: 350px; }
	.filter-button { width: 50%; }
	#filter-buttons a { padding-top: 7px; line-height: 20px; padding-bottom: 7px; }
	.filter-day { font-size: 18px; line-height: 40px;}
	.filter-holder { padding-top: 20px; margin-bottom: 60px; }
	#content-outer.content-single .filter-holder h3 { font-size: 20px; line-height: 30px; }
	.filter-artist { font-size: 16px; line-height: 20px; }
	.filter-artist-text { font-size: 11px; line-height: 15px; }
	.filter-meta-top { margin-top: 15px; }
	.filter-meta { font-size: 14px; line-height: 20px; }
	.filter-meta-bottom { margin-bottom: 25px; }
	.kontakt-half { float: none; width: 100%; padding: 0px; }
	.notmobile { display: none; }
	.programm-left-inner h3, .programm-left-inner h2 { display: inline-block; }
	.onlymobile2 { display: block; }
	.onlymobilecenter { text-align: center; padding-left: 55px; padding-right: 55px; }
	#prog-next, #prog-prev, #art-next, #art-prev, #pod-next, #pod-prev { margin-top: 45px !important; }
	#prog-next, #art-next, #pod-next { right: 15px; }
	#prog-prev, #art-prev, #pod-prev { left: 15px; }
	.header-text-top { font-size: 16px; line-height: 20px; }
	.header-text-top2 { font-size: 16px; line-height: 20px; }
	#frontpage-header-textleft { top: 200px; }
	#frontpage-header-social { right: 9px; top: 120px; }
	#frontpage-header-textright { top: 170px; }
	#frontpage-header-textright { font-size: 50px; line-height: 60px; }
	#frontpage-header-pic01 {display: none !important; }
	#frontpage-header-pic02 {display: none !important; }
	#frontpage-header { min-height: 450px; background: url(gfx/fufu/frontheader-tablet.jpg); }

	body.single-veranstaltung #impressionenbilder-outer { display: block; }
	#mobilebox-outer { display: block; }

	.content-listbox { width: 100% !important; margin-right: 0px !important; }
	h3.subpage-headline { margin-bottom: 10px !important; font-size: 26px !important; line-height: 30px !important; }
	.subpage-headline-line { height: 4px; }

	#header-subpage { height: 130px; }

	#frontpage-header-social { display: none; }
	#frontpage-header-textright { left: auto; right: 10px; }

	.davetv_stream {
        grid-template-areas:
        "video"
        "chat"
        "fighter"
        ;
	}
    davetv_chat {
        height: 400px;
    }
    .davetv_paypal {
    	height: 22px;
    }
}

@media only screen and (max-width: 589px) {
	.header-text-bottom { font-size: 23px; line-height: 30px; }
	.header-text-bottom2 { font-size: 23px; line-height: 30px; }
	#header-text { margin-top: 10px; }
	#frontpage-header{background: url(gfx/fufu/frontheader-450.jpg);; }
	#frontpage-header-textleft { font-size: 26px; line-height: 30px; left: 4px; }
	.frontbox-left h3 { font-size: 30px !important; line-height: 40px !important; }
	.blueline { height: 5px !important; }
	.kuenstler-left-holder, .programm-left-holder, .podcast-left-holder, .news-left-holder { padding: 20px !important; }
	#infobox-inner { padding: 20px !important; }
	.impressionenouter { width: 100%; }
}

@media only screen and (max-width: 499px) {
	.impressionenbilder { width: 100%; }
	#frontpage-header{background: url(gfx/fufu/frontheader-450.jpg); }
	.mobile-pic { height: 150px; }
	.newsbar-day { float: none; margin: 0 auto; display: block; margin-bottom: 20px; }
	.newsbar-text { float: none; width: 100%; margin-left: 0px; text-align: center; }
	#header-text { font-size: 10px; line-height: 15px; padding-top: 4px; }
	.filter-button { width: 100%; margin-bottom: 5px; }
	.filter-button2 { width: 50%; margin-bottom: 5px; }
	.onlymobile { display: block; }
	.header-text-top { font-size: 12px; line-height: 15px; }
	.header-text-top2 { font-size: 12px; line-height: 15px; }
	.header-text-bottom { font-size: 12px; line-height: 15px; }
	.header-text-bottom2 { font-size: 12px; line-height: 15px; }
	#header-left img { height: 30%; width: 30%; }
	#header-text { margin-top: 8px; }
	#header-left { padding-top: 9px; padding-left: 9px; }
	#frontpage-header-textleft { left: -12px; top: 130px; }
	#frontpage-header-textright {top: 105px; font-size: 50px; line-height: 60px; }
	#frontpage-header-social a { width: 40px; height: 40px; }
	#frontpage-header-social { right: 12px; top: 105px; }
	#frontpage-header { min-height: 350px; }
	.frontbox-left h3 { font-size: 22px !important; line-height: 26px !important; }
	#header-subpage { height: 100px; }

	.davetv {
        grid-template-columns: repeat(auto-fit, 1fr);
        margin-left: 0px;
        justify-content:center;
    }

    davetv_video {
        margin-left: 0px;
        justify-content:center;
    }

    davetv_chat {
        margin-left: 0px;
        justify-content:center;
    }
    davetv_day {
    	margin-top: 20px
        margin-left: 0px;
        justify-content:center;
	}
	.tv_day {
        margin-left: 0px;
        width: 390px;
	}

	sf {
        margin-left: 0px;
        justify-content:center;
	}
	.fighter {
        margin-left: 0px;
        justify-content:center;
	}
}

@media only screen and (max-width: 389px) {
	#header-text { margin-left: 10px; margin-top: 0px; }
	.onlymobile3 { display: block; }
	#frontpage-header-textleft { font-size: 20px; line-height: 22px; left: -3px; }
	#frontpage-header-textright { top: 110px; font-size: 35px; line-height: 45px; }
	#frontpage-header { background: url(gfx/fufu/frontheader-450.jpg); }

	.davetv {
        grid-template-columns: 360px;
        margin-left: 0px;
        justify-content:center;
    }

    .davetv_media iframe{
        width: 360px;
    }

    .davetv_media_text {
        width: 360px;
    }

    .tv_day {
        width: 360px;
	}
}


.davetv_paypal a {
	width: 400px;
	height: 20px;
	color:#FFFFFF;
	text-align: center;
	text-transform: uppercase;
	background-color: #9290f3;
	font-family: 'Basebloom';
}


.playbutton {
  background: url(https://hi.fanpop.com/images/2011/play_button.png?v=3) center center no-repeat; /* https://cdn0.iconfinder.com/data/icons/vector-basic-tab-bar-icons/48/play_button-128.png */
  position: absolute;
  top: 50%;
  left: 50%;
  width: 74px;
  height: 74px;
  margin: -37px 0 0 -37px;
  z-index: 10;
  opacity: .8;
}

.ytvideo {
  position: relative;
  padding: 0;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  /* pour anciens Chrome et Safari */
  background-size: cover;
  /* version standardisée */
    cursor: pointer;
 	width: 400px;
	height: 225px;
	margin-top: 70px;
}

.btn_more {
	margin-top: 70px;
	width: 400px;
	text-transform: uppercase;
	background-color: #ffffff;
	font-family: 'Basebloom';
	cursor: pointer;
	border: none;
}

.tv_nav {
  position: fixed;
  width: 10px;
  top:200
  height: 100vh;
  z-index: 100;
  background-color: #000000;
}

.tv_nav_group {
  padding: 10px;
  display: none;
  width:300px;
  height:300px;
  opacity: 0.95;
  background-color: #000000;
  color: #ffffff;
  list-style: none;
  text-transform: uppercase;
  font-family: 'Basebloom';
  border: 1px solid #fff;
}
.tv_nav_group h3 {
  color: #fff;
}

.common_selector {
  width: 20px;
  heigth: 15px;
  font-size:10px;
}

svg{
    width:14px;
    height:14px;
    position: relative;
    cursor:pointer;
    @media screen and(min-width:600px) {
      width:20px;
    height:20px;
    }
  }

#tv_nav_close{
    float:right;
    display:inline-block;
    padding:2px 5px;
    background:#555;
    cursor:pointer;
}

.tv_nav_value{
  text-transform: none;
  font-family: 'Poppins', sans-serif;
  margin-right: 10px;
  margin-top: -20px;
  heigth: 15px;
}