/**
  * Theme Name: Burg Herzburg Festival 2016
  * Author: Fais Rahim
  * Author URI: mailto:f.rahim@faisman.de
  * Version: 1.0
  */

@import url('css/normalize.css');
/*@import url('https://fonts.googleapis.com/css?family=Roboto:400,300,500,700,900');*/

html {
    overflow-x: hidden;
}
body {
    overflow-x: visible;
    background-color:#000;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    padding: 25px;
}

p {
    font-size: 14px;
    line-height: 140%;
    margin:0 0 15px;
}

p.small {
    font-size: 12px;
}

strong {font-weight: 700;}

a,
a:hover,
a:focus,
a:active,
a.active {
    outline: 0;
    color:#000;
    cursor: pointer;

}
a:focus {text-decoration: none}
ul,ol {margin:0;padding:0;}

h1,
h2,
h3,
h4,
h5,
h6 {
    color:#555;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
}

::-webkit-input-placeholder {
    color: #c2c2c2;
    text-transform: uppercase; text-align: center;
}

:-moz-placeholder { /* Firefox 18- */
    color: #c2c2c2;text-transform: uppercase; text-align: center;

}

::-moz-placeholder {  /* Firefox 19+ */
    color: #c2c2c2;
    text-transform: uppercase; text-align: center;
}

:-ms-input-placeholder {
    color: #c2c2c2;
    text-transform: uppercase; text-align: center;
}

.debug-mode {
    background-color: #bfd714;
    border: medium none;
    color: #fff;
    font-weight: 600;
    letter-spacing: 1px;
    margin: 0;
    padding: 20px 0;
    position: relative;
    text-align: center;
    text-decoration: none;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
    top: 0;
    width: 100%;
    z-index: 1000;
}

@media(max-width:768px){
    html { overflow-x: hidden;}
    body{padding:0}
}

/* main settings */
figure {margin:0;}
section { position: relative;;min-height:200px;margin-top:30px}
section p,
section h1 {color:#000;}

article {}
article p,
article ul li  {font-size: 18px; font-weight: 300}
article a {text-decoration: underline}
article a, article a:hover, article a:focus, article a:active,article a.active{color:#000;}
article img {height: auto;margin: 10px;max-width:100%}
article img.size-full {margin: 10px 0;max-width: 100%;}

article .wp-caption-text {font-size: 12px; margin: -5px 10px 0;}
article h2{color:#000;font-size:25px;font-weight: 400;text-transform: uppercase;margin-bottom: 30px;}

article ul {list-style: none;margin-top: 30px;}
article ul li{background: url('images/icon-li-arrow-right.png') no-repeat scroll 0 5px transparent;margin-bottom:29px;padding-left: 25px;}
article iframe {margin-bottom: 20px;}
article figure {max-width:100%}
.alignnone {margin:10px 0}
.alignright {float:right;margin-right:0}
.alignleft {float:left;margin:0 15px 15px 0}


.search-trigger  {background-color: #000;position: absolute;right: 15px;top: -31px;z-index: 101;}
.search-trigger a {padding:12px 16px;display:block }
.search-trigger a span {color:#fff;font-size:16px}

#search-container {display:none; position: absolute; width: 97%; top: -29px;z-index: 100;}
#search-container input {border:none;float: left; font-size: 18px; height: 42px; margin-bottom: 0; padding: 0; text-align: center; width:100%}

.search-error-message {background: #f2f9ff none repeat scroll 0 0;color: #19527e;padding: 22px 20px 18px 50px;position: relative;}
.search-error-message:after{content: "i"; font-size: 23px;font-weight: 700;left: 26px;position: absolute;top: 20px;}

/****
 * main transition
 **********/
.addtrans {
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    transition: 0.5s;
}
.adddelay{
    animation-delay: 0.5s;
    -webkit-animation-delay: 0.5s;
    -moz-animation-delay: 0.5s;
    -ms-animation-delay: 0.5s;
    -o-animation-delay: 0.5s;
}


/* wrapper */
#wrapper {background:transparent url("images/pic_bg_wrap.jpg") no-repeat fixed 0 0 / cover }

/* navbar */
header{ position: relative; background: transparent;}
header .header-bg{height:296px;}
header .logo {margin-bottom: 60px;margin-top:10px;min-height: 300px; padding-top: 50px;}

.header-corners {position: absolute;top:0;z-index: 10;height:313px;width: 279px}
#cornerleft.header-corners {left:0}
#cornerright.header-corners {right:0}

@media(max-width:1440px){
    .header-corners {width:200px}
    .header-corners > img {height: auto;width: 100%;}
}

@media(max-width:1100px){
    header .logo {min-height:400px}
}
@media(max-width:991px){
    header .logo{margin-bottom:30px}
}
@media(max-width:767px){
    header .logo {padding-top: 0;margin-bottom: 50px;}
}
@media(max-width:414px){
    header .logo {min-height: 300px;}
}

.info-hiddenbox {top:0;position: relative;left: 0;width:100%;margin-top:-185px;}
.info-hiddenbox h2 {color:#fff;text-transform: uppercase;font-size:20px;text-align: center;font-weight:700;margin-bottom: 20px;}

@media(max-width:991px){
    .header-corners {display:none}
}

@media(max-width:767px){
    #info-pull-down,
    #info-pull-down a,
    .info-hiddenbox{display:none;}
}


.nav-header {margin-top:23px}


.header-menu a {}
.header-menu ul {list-style: none;}
.header-menu .navbar-default ul li {float: left;display: inline-block;position: relative;padding: 0 10px;}
.header-menu .navbar-default ul li:before{ bottom: 5px;content: "*";font-weight:400; font-size: 32px;color:#bfd714;height: 100%;position: absolute;right: -6px;}
.header-menu .navbar-default ul li:last-child:before{ content:''}
.header-menu ul li a {}
.nav-header ul li > a {padding: 0;  }
.nav-header ul li > a:hover {background-color: transparent}
.nav-header ul li{float: left;display: inline-block;border-right: 1px solid #fff;position: relative;padding: 0 20px;}
.nav-header ul li:last-child{border-right:none;}
.nav-header ul li a{font-weight: 300;}
.nav-header ul li a:hover,
.nav-header ul li a:focus{text-decoration: none;}

@media(max-width:991px){
    .header-menu .navbar-default ul li{padding:0 5px; overflow: hidden;}
}

@media(width:768px){
    .header-menu .navbar-default ul li:before {right:-2px;font-size:28px}
    .header-center #main-menu {left: 0!important;}
    .header-center {margin-left: 0!important}
}


.navbar-mobile {display:none;background-color: transparent;}
.navbar-mobile .navbar-collapse {border:0}
.navbar-mobile .header-center {background-color: transparent;box-shadow: none;}
.navbar-mobile.navbar-default .navbar-toggle{margin-top:0}
.navbar-mobile button.navbar-toggle {background-color: transparent; padding: 3px 10px 0 30px; width: 90px;height:35px;border: 0;}
.navbar-mobile.navbar-default .navbar-toggle span{width:30px; position: relative;}
.navbar-mobile.navbar-default .navbar-toggle img.close{display:none}
.navbar-mobile.navbar-default .navbar-toggle img.open{display:block}
.navbar-mobile.navbar-default .navbar-toggle.act img.open {display:none}
.navbar-mobile.navbar-default .navbar-toggle.act img.close {display:block;opacity: 1;float: none}
.navbar-mobile.navbar-default .navbar-toggle.act span:nth-child(2),
.navbar-mobile.navbar-default .navbar-toggle:hover span:nth-child(2){opacity:0}
.navbar-mobile.navbar-default .navbar-toggle:hover .icon-bar{background-color: transparent;}
.navbar-mobile.navbar-default .navbar-toggle  {  position: absolute;right: 0;top: 20px;z-index: 10002;}
.navbar-mobile.navbar-default .navbar-toggle:hover{border: 0;background-color: transparent;}

.navbar-default .navbar-toggle .icon-bar {background-color: transparent}
.navbar-default .navbar-toggle.act .icon-bar {background-color: #000}
.navbar-default .navbar-toggle.act:hover .icon-bar {background-color: #000}


.navbar-mobile #main-menu ul{margin-bottom:0;margin-top:0}
.navbar-mobile #main-menu.navbar-collapse li{position: relative}
.navbar-mobile #main-menu.navbar-collapse li a{color:#000;line-height: 55px;text-align: center;font-size: 35px; padding: 15px 0 }
.navbar-mobile #main-menu.navbar-collapse li:before {;content: ""; }
.navbar-mobile #main-menu.navbar-collapse li,
.navbar-mobile #main-menu.navbar-collapse.collapse.in .navbar-nav li{width:100%}
.navbar-mobile .hidden-more-menu{display: none}
.navbar-mobile .hidden-more-menu.act{display:block}
.navbar-mobile .more-menu > span {border-left: 1px solid #000;border-right: 1px solid #000;font-size: 30px;font-weight: 600;position: absolute;right: 25px;width: 100px;height:55px}
.navbar-mobile .more-menu > span:after {border-right: 1px solid rgba(255,255,255,0.1);bottom: 55px;content: " "; display: block;height: 55px;position: relative;right: 8px;width: 10px;}
.navbar-mobile .more-menu > span span {position: relative;height:55px}
.navbar-mobile .more-menu > span span:before {   border-right: 1px solid rgba(255, 255, 255, 0.1);bottom: -6px;content: " ";display: block;height: 55px;position: absolute;right: -42px;}

.navbar-logo {display: block; mix-blend-mode: multiply;}

.navbar-logo > span {left: 6px;position: relative;top: 8px;font-size: 20px;font-weight: 400; line-height: 120%;}
.navbar-logo:hover {text-decoration: none}
.navbar-brand {top:40px;padding:0;opacity:0;position: absolute;width:270px;}
.navbar-brand h1 { font-size: 22px;margin: 10px 0 0;}
.navbar-default {background-color: transparent}
.nav-wrapper{min-height:98px;}
.navbar {
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    transition: 0.5s;
    margin-bottom: 0;
    z-index: 1000;
    border-radius: 0;
}

.navbar .container {position: relative}
.navbar a:focus {
    outline: 0;
}

.navbar-shrink .navbar-collapse{top:0}
.navbar .navbar-nav {
    letter-spacing: 1px;
}

.navbar .navbar-nav li a:focus {
    outline: 0;
}

.navbar-default,
.navbar-inverse {
    border: 0;
}
.navbar.affix-top {}

.navbar.affix{box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); left: 0; position: fixed; right: 0; z-index: 1030;top:0;}
.admin-bar .navbar.affix{top:29px}
.navbar.affix .nav-col{height:80px}
.navbar-fixed-top {box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);}
.navbar-fixed-top,
.navbar-fixed-top .nav-col{height:50px}

.navbar.navbar-shrink { height: 65px;padding: 2px 0 10px; background: none repeat scroll 0 0 rgba(255, 255, 255, 0.7);}
.navbar.navbar-shrink .navbar-brand { color:#161616; left:13px; top:0; opacity: 1; margin-top: 7px; z-index: 105; width:270px; -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; transition: 0.5s;}
.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {margin-left:0;}
.navbar-shrink.navbar .navbar-nav > li > a {}
.navbar-brand h1 {color:#fff}
.navbar-shrink .navbar-brand h1 {color:#161616}
.navbar-shrink.navbar .navbar-nav > li > a:hover,
.navbar.navbar-shrink .navbar-brand h1:hover {color:#000;}
.navbar-shrink .navbar-toggle .icon-bar {background-color: #161616;}
.navbar.navbar-shrink .navbar-logo {display:none;}
#main-menu ul {display: inline-block;float: none;margin: 0 auto;}

#main-menu .navbar-nav li > a{font-size: 28px;}
#main-menu .navbar-nav li > a,
#main-menu .navbar-nav li > a:focus{color:#000; padding: 5px 10px;width:100%;font-weight: 400;text-decoration: none;line-height: 140%}
#main-menu .navbar-nav li > a:hover,
#main-menu .navbar-nav .active > a,
#main-menu .navbar-nav .current-page-ancestor > a,
#main-menu a.menu-mobilelink:hover{font-weight: 700}
.nav-header .navbar-nav a:hover{font-weight: 700}
#main-menu .navbar-nav .current_page_item a:hover,
.nav-header .navbar-nav .current_page_item a:hover,
#main-menu .navbar-nav .current_page_item a,
.nav-header .navbar-nav .current_page_item a {font-weight: 700}
.navbar-shrink.navbar .navbar-nav li > a {color:#000}


.header-left {display: table-cell;height: 100%;vertical-align: middle;}
.header-center {display: table-cell;min-width: 650px;vertical-align: middle;  background-color: #fff;height:340px}
#header-slogan {position: relative;top: 17px;}
.header-center #main-menu {position: relative;text-align: center;top: 30px;width: 100%;}
#header-slogan h2 {color: #000;font-size: 35px;font-weight: 400;line-height: 140%;text-align: center;text-transform: uppercase;}
#header-slogan h2:after{content:url('images/icon_headline_line.png');position: relative}

@media(max-width:1024px){
    .header-center #main-menu {left:0;}
   /*#main-menu .navbar-nav li > a, #main-menu .navbar-nav li > a:focus{font-size:22px}*/
    .navbar-mobile #main-menu.navbar-collapse li.current_page_item a:focus{ color: #000;font-size: 30px;font-weight: 700;}
    .navbar-mobile #main-menu.navbar-collapse li a {}
    .header-center #main-menu{left:32px}
}
@media(max-width:991px){
    #main-menu .navbar-nav li > a {line-height: 140%}
    .navbar-mobile #main-menu.navbar-collapse li a {}
    .navbar-mobile #main-menu.navbar-collapse li.current_page_item a:focus{ color: #000;font-size: 30px;font-weight: 700;}
    .header-center #main-menu{left:7px}
}

@media(max-width:414px){
    .navbar-mobile #main-menu.navbar-collapse li a{font-size: 20px;line-height: 150%}
}


.navbar .navbar-nav > li.current-menu-item {}


.nav-col{ display: table;}

/* navbar submenu */
.nav .sub-menu {
    box-shadow: none;
    float:left;
    background-color: transparent;
    padding:0;
    list-style: none;
    height:0;
    visibility: visible;
    margin: 15px 0 0;
    opacity: 1;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    transition: 0.5s;
    top:0
}
/*.nav .sub-menu .menu-mobilelink {display:none!important}*/
.nav .sub-menu li,
.nav .sub-menu span li{padding: 5px 13px;min-width:250px;text-align: center}

.nav .sub-menu.act {height:auto;padding:10px;}

.current_page_item ul li a{font-weight: 400 !important;text-align: center;}

li.menu-item-has-children > a:after {    content: "+";font-size: 30px; font-weight: 700;  position: relative;right: -10px;top: 3px;}
/*li.menu-item-has-children > a:focus:after{ top: 7px;}*/

.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-has-children {line-height: 0;}

.info-ribbon { background: rgba(0, 0, 0, 0) url("images/pic_ribbon.png") no-repeat scroll center center;height: 213px; padding: 22px 0;position: absolute;top: -130px;width: 100%;text-align: center}
.info-ribbon ul { display: inline-block;float: none;margin: 0 auto;}
.info-ribbon li:before{content:''}
.info-ribbon li a {font-size: 35px;font-weight: 400;color:#000}

.info-ribbon .c-data.cd-fon {background:url('images/icon-ellipse-tel.png') no-repeat 0 0 scroll transparent; display: block;  padding:10px 0 10px 85px;width: auto;height: 68px;}
.info-ribbon .c-data.cd-fon:hover {}
.info-ribbon .c-data.cd-fb{background:url('images/icon-ellipse-fb.png')no-repeat 0 0 scroll transparent; display: block;width:70px;height: 68px;text-indent: -9999px}
.info-ribbon .c-data.langswitcher{background:url('images/icon-ellipse-blank.png')no-repeat 0 0 scroll transparent; display: block;width:70px;height: 68px;padding:12px;text-align: center;font-weight: 700;font-size: 32px;text-transform: uppercase;}
.info-ribbon .c-data.cd-mail{background:url('images/icon-ellipse-blank.png')no-repeat 0 0 scroll transparent; display: block;width:70px;height: 68px;padding:7px;text-align: center;font-weight: 700;}
.info-ribbon .c-data:hover {text-decoration: none;}

.home #mobile-header-buttons {top:-32px;}

#mobile-header-buttons {position: relative; z-index: 1001; width: 100%; top: -35px;display:none}
#mobile-header-buttons .c-data.cd-fon {background:url('images/icon-ellipse-blank-green.png') no-repeat 0 0 scroll transparent; display: block;  padding:7px;height: 68px;text-indent: -9999px;width:70px; position: relative;}
#mobile-header-buttons .c-data.cd-fon:after {content: url("images/icon-tel.png");display: block;height: 50px;left: 15px;position: absolute;text-indent: 0;top: 15px;width: 50px;}
#mobile-header-buttons .c-data.langswitcher{background:url('images/icon-ellipse-blank-green.png')no-repeat 0 0 scroll transparent; display: block;width:70px;height: 68px;padding:12px;text-align: center;font-weight: 700;font-size: 32px;text-transform: uppercase;}
#mobile-header-buttons .c-data.cd-mail{background:url('images/icon-ellipse-blank-green.png')no-repeat 0 0 scroll transparent; display: block;width:70px;height: 68px;padding:7px;text-align: center;font-weight: 700;}
#mobile-header-buttons ul { height: 70px;left: 50%;margin-left: -175px;position: absolute;width: 350px;}
#mobile-header-buttons li {display: inline-block;padding: 0 0 0 34px;}
#mobile-header-buttons li:before{content:''}
#mobile-header-buttons li a {font-size: 35px;font-weight: 400;color:#000}


#countdown.flip-clock-wrapper {margin:50px auto; width:300px;height:200px}
#countdown .flip-clock-label {bottom:-1.5em;top:auto;font-size: 24px;text-transform: uppercase}
.flip-clock-divider.minutes, .flip:nth-child(8), .flip:last-child {display: none;}

.flip-clock-divider.days .flip-clock-label {left:39px;right:auto}
.flip-clock-divider.hours .flip-clock-label {left: 33px;right: auto;}
.flip-clock-wrapper ul li a div div.inn {font-family: roboto;font-weight: 300;color:#fff;background-color: #000}
.lang-en .flip-clock-divider.hours .flip-clock-label {left: 47px;}
.flip-clock-dot {background-color: #000}
.flip-clock-wrapper ul {border-radius: 0}


.festival-meta {font-weight: 700; font-size: 32px;color:#000}
.festival-date {position: absolute;left:100px;top:80px}
.festival-slogan {position: absolute;right:100px; top:80px}
@media(max-width:1100px){
    .festival-date {display: block;left: auto;position: relative;text-align: center;top: 10px;width: 100%;}
    .festival-slogan {display: block;right: auto;position: relative;text-align: center;top: 10px;width: 100%;}
}

@media (max-width:1024px){
    .info-ribbon{background-size: 93% auto}
}

@media(max-width:991px){
    .info-ribbon{display:none}
    #mobile-header-buttons{display:block}
}

@media(max-width:800px){
    .nav-menu-child.white-box {padding: 70px 40px 40px;}
}


.nopadding {padding:0!important; margin:-24px 0 -5px;}
.admin-bar .nopadding {margin:-5px 0}

/* header carousel */
.carousel-fade .carousel-inner .item {
    background-position: center center;
    background-size: cover;
    height: 300px;
    opacity: 0;
    -webkit-transition-property: opacity;
    -moz-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity;
}
@media(min-width:1650px){
    .carousel-fade .carousel-inner .item {height: 350px;}
}
.carousel-fade .carousel-inner .active {
    opacity: 1;
}
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    left: 0;
    opacity: 0;
    z-index: 1;
}
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
    opacity: 1;
}
.carousel-fade .carousel-control {
    z-index: 2;
    display: none;
}
.carousel-indicators {display:none}
.carousel-inner > .item > a > img, .carousel-inner > .item > img {width:100%}


@media(max-width:480px){
    .carousel-fade .carousel-inner .item {height:250px}
    .carousel-inner > .item > a > img, .carousel-inner > .item > img {height: 200px;max-width: none;width: auto;}
}



/****
 *  nav child whitebox
 ************/
#nav-subpages{margin-top:30px;}
#nav-subpages .white-box{margin-bottom:0}
#nav-subpages .nav-subpage-list {float: right}
#nav-subpages .nav-subpage-list li{display: inline-block;float:left}
#nav-subpages .nav-subpage-list li a{ color: #727272;font-size: 25px;padding: 5px 20px;text-transform: uppercase;text-decoration: none}
#nav-subpages .nav-subpage-list li a:hover{ color: #000;}
#nav-subpages .nav-subpage-list li.current_page_item a,
#nav-subpages .nav-subpage-list li.current_page_item a:focus{ color: #000;font-size: 25px;font-weight: 700;}



/* logged-in user */
.admin-bar .navbar-fixed-top {top:32px!important}

/* breadcrumb */
#breadcrumb {   background: #f3f3f3 none repeat scroll 0 0;padding: 33px 0;margin-bottom: 40px;}
#breadcrumb h1.page-title {font-size: 24px;font-weight: 700;margin-bottom: 0;}
#breadcrumb .breadcrumb h1.page-title,
#breadcrumb .breadcrumb p,
#breadcrumb .breadcrumb p a{color:#000000}
#breadcrumb .breadcrumb p { font-size: 14px;margin-bottom: 0;margin-top:15px; text-align: left;}
#breadcrumb .current-page { color: #777;}
#breadcrumb .breadcrumb {background-color: transparent;padding:0;margin:0}


.browsehappy {
    background: none repeat scroll 0 0 #ddb118;
    color: #fff;
    font-size: 18px;
    height: 57px;
    padding: 15px 0 5px;
    position: fixed;
    text-align: center;
    top: 0;
    width: 100%;
    z-index: 10000;
}

/* onecol */
#onecol {padding:50px 0}

/* page/index*/

section{}

section#home {margin-top:30px}


.home-post-thumb .wp-post-image {height: auto;width: 100%;}
article .home-post-thumb img {margin:0;}
article.home-post .post-title {color:#000}


.white-box{ background-color: #fff;padding: 30px;margin-bottom: 30px;float: left;width:100%;position: relative;}
h3.starhl {color:#000;font-size:30px;text-transform: uppercase;position: relative;margin-top:0;font-weight:300}
h3.starhl strong {font-weight:400}
h3.starhl:before {bottom: 2px;color: #bfd714;content: "*";font-size: 32px;font-weight: 400;height: 100%;position: relative;left: -10px;}
h3.arrowhl{margin-top:0;color:#000;text-align: center;text-transform: uppercase; margin-bottom: 50px;font-size:32px;position: relative;font-weight:300}
h3.arrowhl strong{font-weight:400}
h3.arrowhl:after{ content: url("images/pic-headline-arrow-top.png");left: 50%;margin-left: -175px;position: absolute;top: 35px;}

@media(max-width:1024px){
    h3.starhl,
    h3.starhl:before {font-size:26px}
}

@media(max-width:767px){
    #home .home-left-col .white-box {padding: 65px 40px 40px}
}

.btn-custom {color:#000; text-transform: uppercase;font-size: 25px;font-weight: 700}
.btn-custom:before { bottom: 2px;color: #bfd714;content: "*";font-size: 32px;font-weight: 400;height: 100%;position: relative;left: -10px;}
input.btn-custom{background:url('images/btn-more-arrow-big.png') no-repeat left center scroll transparent;border:none;padding-left:85px;margin-top:20px;height: 65px;}

.lineup-list {list-style: none}
.lineup-list a {color:#000;text-transform: uppercase;font-size:24px;position: relative;margin-right: 32px;}
.lineup-list a:hover {color:#bfd714;text-decoration: none}
.lineup-list .blackstar{   left: -13px;position: relative;}
.lineup-list .blackstar:before {  bottom:0;color: #000;content: "*";font-size: 24px;font-weight: 400;height: 100%;position: relative;right: 0;}

@media(max-width:640px){
    .lineup-list a {font-size: 18px;margin-right: 26px;}
    .lineup-list .blackstar:before{font-size: 18px}
}

.newsbox {height:100%}
.newsbox figure.wp-caption img {width:100%;height:auto;margin: 0 0 15px;}
.newsbox .wp-caption-text { margin: -5px 0 15px;}

#home-carousel {padding:40px 40px 40px 48px}
.owl-nav {sdisplay: block;position: absolute;top: -100px;width: 100%;}
#home-carousel .owl-nav > div { height: 165px;width:10px;position: absolute;top: 50%;margin-top:-82px;padding: 0 20px;}
#home-carousel .owl-prev {left: -100px;background: url("images/pic-arrow-left.png") no-repeat scroll center 0 transparent;text-indent:-9999px}
#home-carousel .owl-next {right: -93px;background: url("images/pic-arrow-right.png") no-repeat scroll center 0 transparent;text-indent:-9999px;}
#home-carousel .owl-controls { position: absolute;text-align: center;width: 100%;}
.owl-dots {margin-top: 10px;display: none!important}
#home-carousel .owl-dots .owl-dot { display: inline-block;}
#home-carousel .owl-dots .owl-dot span {background: #d6d6d6 none repeat scroll 0 0;border-radius: 30px;display: block;height: 10px;margin: 5px 7px;transition: opacity 200ms ease 0s;width: 10px;}
#home-carousel .owl-dots .owl-dot.active span,
#home-carousel .owl-dots .owl-dot:hover span {background: #bfd714 none repeat scroll 0 0;}

input[type='text'],
input[type='email'],
input[type='password'],
input[type='tel']{width: 100%; height: 64px; border: 1px solid #869791; border-radius: 4px;padding:5px 20px; font-size: 25px;}
textarea{width: 100%; height: 180px; border: 1px solid #869791; border-radius: 4px;padding:5px 20px; font-size: 25px;}
input[type='submit']{background: transparent url("images/btn-more-arrow-big.png") no-repeat scroll left center;border: medium none;height: 65px;margin-top: 20px;padding-left: 85px;color:#000; text-transform: uppercase;font-size: 25px;font-weight: 700}

.wpcf7-form input {height:57px;}
.wpcf7-form label {font-weight:400;font-size:20px;margin: 20px 0}
.wpcf7-form input[type='submit']{ display: block;margin-left: auto;margin-right: auto;  height: 64px;}
.wpcf7-form textarea {}
.wpcf7-form .pflichtfeld {margin-top:10px}
div.wpcf7-validation-errors {border: 2px solid #fcea18;  text-align: center;}

@media(max-width:1191px){

}

@media(max-width:1090px){
    .owl-nav{display:none}
    .owl-dots{display: block!important}
}

@media(max-width:991px){

}
@media(max-width:640px){

}

@media(max-width:560px){

}

@media(max-width:480px){
    body{padding:0}
    #home-carousel { padding: 20px 20px 35px 24px; }
}

@media(max-width:380px){

}

section#post  {margin-top: 30px;}


@media(max-width:1024px){

}

@media (max-width:991px){

}

@media(max-width:767px){

}

@media(max-width:480px){

}

@media(max-width:414px){


}
@media (max-width:375px){

}

/* swipebox */

#swipebox-overlay {background-color: rgba(0,0,0,0.8)}

/* Templates */


/***
  * Line Up
  **********/

section#page-content {margin-top: 30px;}

.lineup-item a.readmore{color:#000;font-weight:500;text-decoration: none;padding-left: 50px;font-size: 25px;position: relative;}
.lineup-item a.readmore:hover{text-decoration: none;color:#bfd714}
.lineup-item a.readmore:before{content:url('images/btn-more-arrow.png');position: absolute;left:0; -webkit-transition: 0.2s;  -moz-transition: 0.2s;  -ms-transition: 0.2s;  transition: 0.2s;}
.lineup-item a.readmore:hover:before{content:url('images/btn-more-arrow.png');position: absolute;left:3px}
.lineup-thumbnail img {width:100%;height:auto}

#interface span{float: left;}
#interface .loadingposts{float: left;margin-left:20px;height: 30px;}
#interface ul {list-style: none;float: right;right: -10px; position: relative;z-index: 100;width: 91%;}
#interface ul li {display: inline-block}
#interface a {color:#727272;text-transform: uppercase;font-size: 24px; padding: 10px;}
#interface a:hover,
#interface a.act{color:#000;text-decoration: none;font-weight:700}

@media(max-width:768px){
    #interface ul {left: -10px;top: 10px;right:auto}
    #interface a {font-size: 14px;}
}
.grid{width:100%}
.grid:after {content: '';display: block;clear: both;}
.grid-item {float:left;}
/* 4-col */
.grid-sizer{ width:25%;/* 3col: width: 33.3333%;*/}

@media(max-width:991px){
    .grid-sizer { width: 50%; }
    #interface a{font-size: 18px;}
}

@media(max-width:767px){
    .grid-sizer { width: 100%; }
}

@media(max-width:414px){
    #interface .loadingposts{bottom:30px;  position: absolute; right: 15px;}
    #page-content .csRow .csColumn .csColumn{margin-left: 0!important;}
    #page-content .csColumn {margin:0 15px !important}
    #page-content .csColumn p {text-align: left!important;font-size: 16px;}

}

/****
 * Lineup Archiv
 ****/

#post.lineuparchiv article ul li {margin-bottom:10px}
#post.lineuparchiv article .backbtn { float: left;margin-top: 30px;text-decoration: none; font-size: 16px;}




/*****
 * Infos & Accordion
 *********/

h2.page-title {font-weight:400;font-size:25px;text-transform: uppercase}
h2.page-title strong {font-weight:500;}

#accordion-wrap{margin-top:35px;}
#accordion .panel-heading {background-color: #fff;border-color:#a0a0a0}
#accordion .accordion-toggle {font-size: 18px;font-weight: 300;text-decoration: none;display: block; padding: 5px 0;position: relative}
#accordion .accordion-toggle:after,
#accordion .accordion-toggle:hover:after{content:url('images/icon-toggle-arrow.png'); position: absolute;right: 0;-moz-transform: rotate(180deg);-ms-transform: rotate(180deg);-o-transform: rotate(180deg);-webkit-transform: rotate(180deg);  transform: rotate(180deg); }
#accordion .accordion-toggle.collapsed:after {content:url('images/icon-toggle-arrow.png'); position: absolute;right: 0;-moz-transform: rotate(0deg);-ms-transform: rotate(0deg);-o-transform: rotate(0deg);-webkit-transform: rotate(0deg);  transform: rotate(0deg)}
#accordion.panel-group .panel {margin-bottom:25px; }
#accordion .panel-body ul {margin-left: 15px; margin-bottom: 15px; }
#accordion .panel-body iframe{width:100%;}
#accordion .panel-body img {width:100%;height: auto;}
#accordion .panel-body img {margin:0;}
@media (max-width:991px){
    #accordion .panel-body iframe{width:100%;height: auto;}
}
#page-content.programm {background-color: transparent;}

#ajax-load-more { position: absolute;  z-index: 1;display: none;}
#page-content #load-more {color: #fff;font-size: 30px !important;text-align: center;text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);cursor: pointer}
#page-content #load-more span.text{display: block; position: relative;}
#page-content #load-more:hover span.text{-moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg); }
.loading .loadingposts {display:block}



#timetable-template .event_header {font-size: 25px;font-weight: 300;line-height: 140%;}




@media(max-width:1200px){

}

@media(max-width:1024px){

}

@media(max-width:991px){

}

@media(max-width:767px){

}
@media(max-width:640px){

}
@media(max-width:414px){

}

@media(max-width:1191px){

}

@media(max-width:767px){

}

@media(max-width:640px){

}

/*****
 * Crew Sidebar
 *********/
.crew-member {width: 100%}
.crew-member .cm-pic {width:220px; height:170px;overflow: hidden;margin: 0 auto;}
.crew-member .cm-pic img {display: block; margin-left:  auto; margin-right: auto}
.crew-member .cm-meta {float: left;  width: 100%;}
.crew-member .cm-meta h3 {text-align: center;font-size: 25px;color:#000}
.crew-member .cm-meta p {text-align: center;font-size: 20px;color:#000}

.crew-carousel .owl-nav {sdisplay: block;position: absolute;top:0;width: 100%;}
.crew-carousel .owl-nav > div { height: 165px;width:10px;position: absolute;top: 50%;margin-top:0;padding: 0 20px;}
.crew-carousel .owl-prev {left: -20px;background: url("images/pic-arrow-left.png") no-repeat scroll center 3px transparent;text-indent:-9999px}
.crew-carousel .owl-next {right: -20px;background: url("images/pic-arrow-right.png") no-repeat scroll center 2px transparent;text-indent:-9999px;}
.crew-carousel .owl-controls { position: absolute;text-align: center;width: 100%;top:0}

@media(max-width:1090px){
    .crew-carousel .owl-nav{display:block!important}
    .crew-carousel .owl-dots{display: none!important}
}


.wpcf7-form-control-wrap.subject {display: block;position: relative;width: 100%;}


#played_wrapper {overflow: hidden}
#played tr td {padding: 20px 25px; position: relative;}
#played tbody tr:nth-child(2n+1) td:before {border-right: 1px solid #fff;content: "";height: 100%;position: absolute;top: 0;right:0}
#played tbody tr:nth-child(even) td:before {border-right: 2px solid #eee;content: "";height: 100%;position: absolute;top: 0;right:0}
#played tbody tr td:last-child:before {border-right: 0}
#played .sorting_asc:after{content: url("images/icon_sorting.png");left: 15px;opacity: 1;position: relative;top: -1px; display: inline-block;}
#played .sorting_desc:after{content: url("images/icon_sorting_asc.png");left: 15px;opacity: 1;position: relative;top: -1px; display: inline-block;}
#played .sorting:after{content: url("images/icon_sorting_desc.png");left: 15px;opacity: 1;position: relative;top: -1px; display: inline-block;}
.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover{background-color:#000 ;border-color:#000}
.pagination > li > a, .pagination > li > span {color:#000}
#played tbody tr:last-child {border-bottom:1px solid #eee}
#played thead tr td.td-0.sorting_asc:after,
.sorting_disabled:after{content:""!important}


/****
 * Links Tabpanel Template
 **********/

#links-wrap {}
article #links-wrap ul {;border:none}
article #links-wrap ul li {background: none;padding-left:0}
article #links-wrap ul > li > a { padding: 10px 0 0 30px;font-size: 20px;font-weight: 400;color:#727272;text-transform: uppercase;text-decoration: none;border:none}
article #links-wrap ul > li > a:focus,
article #links-wrap ul > li > a:hover{background-color: transparent;color:#000}
article #links-wrap ul > li.active > a {color:#000}
#links-wrap ul {position: absolute;right:36px;top: 21px;}
#links-wrap .galerie2 ul {position: relative;right:auto;top: 0;}
article #links-wrap .galerie2 ul > li > a { padding: 0;font-size: 20px;font-weight: 400;color:#333;text-transform: uppercase;text-decoration: none;border:none}
article #links-wrap .galerie2 ul > li { background: transparent url("images/icon-li-arrow-right.png") no-repeat scroll 0 5px; margin-bottom: 15px; padding-left: 25px;}



.tab-pane .link-item {background-color: #c8c8c8;height:150px;text-align: center; margin-bottom: 30px;}
.tab-pane .link-item a {color:#fff;font-size: 20px;text-decoration: none;font-weight: 400;text-transform: uppercase;  height: 100%;display: flex;justify-content: center;align-items: center;}
.tab-pane .link-item a:hover {color:#fff;}
.tab-pane .link-item:hover {background-color: #bfd714;}

#galerie .gal-item {display:none;}
#galerie .gal-item-1 {display:block;}
#galerie .link-item {overflow: hidden;height:auto}
#galerie .link-item img {height: auto;margin: 0;width: 100%;}


#wrapper .cfrPagination {  position: relative;right: 0;top: auto;margin: 0;padding: 0;float:right}
#wrapper .cfrPagination li {background:none;list-style: none;display: inline-block}
#wrapper .cfrPagination a {padding: 10px;color:#000;font-weight: 300;font-size: 18px }
#wrapper .cfrPagination a.next img,
#wrapper .cfrPagination a.prev img{margin-top:6px;opacity: 0.6}
#wrapper .cfrPagination a.next:hover img,
#wrapper .cfrPagination a.prev:hover img{opacity:1}
#wrapper .cfrPagination a:hover,
#wrapper .cfrPagination a.act {font-weight: 700;text-decoration: none }


.fancybox-skin {border-radius: 0}

@media(max-width:991px){
    #links-wrap ul {left: 0;position: relative;right: auto;top: 0; margin-bottom: 20px;}
    article #links-wrap ul > li > a{ padding: 10px 30px 0 0; font-size: 19px;}
}

article .button-reveal {background: transparent url("images/icon-ellipse-blank-green.png") no-repeat scroll 0 0; bottom:30px; display:none;height: 70px; left: 50%; margin-left: -35px; position: absolute; text-align: center; text-decoration: none; width: 70px; z-index: 10;}
article.actbtnRev .button-reveal {display:block}
article.impressum a {text-decoration: none; }
article.actbtnRev .page-cut-content {height: 440px;margin-bottom: 100px;overflow: hidden;}

article.actbtnRev .page-cut-content.act {height: auto;}

.button-reveal.act .pluscontent {
    display: none;
}
.button-reveal span {
    display: block;
    font-size: 45px;
    font-weight: 700;
    position: relative;
    top: 2px;
}
.button-reveal.act .minuscontent {
    display: block;
}
.button-reveal .minuscontent {
    display: none;
    position: relative;
    top: 0;
}


/*#galerie2 .link-item > a { color: #fff; display: block; font-size: 24px; height: 150px; text-align: center; text-decoration: none; vertical-align: bottom; width: 100%;}*/

#galerie2 .link-item {background-color: #c8c8c8;height:150px;text-align: center; margin-bottom: 30px;overflow: hidden}
#galerie2 .link-item a {color:#fff;font-size: 20px;text-decoration: none;font-weight: 400;text-transform: uppercase;  height: 100%;display: flex;justify-content: center;align-items: center;position: relative;text-shadow: 1px 1px 1px #000;}
#galerie2 .link-item a:hover {color:#fff;}
#galerie2 .link-item a:hover img{-moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); -webkit-transform:scale(1.1); transform: scale(1.1);height:auto;}

#galerie2 .link-item a span {position: relative;}
#galerie2 .link-item:hover {background-color: #bfd714;}
#galerie2 .link-item.gal2-item img { height: auto; left: 0;  margin: 0; position: absolute; top: 0; width: 100%;}
/****
 * Presse
 ***********/

#pressebereich input[type="password"],
#pressebereich input[type="text"],
#pressebereich input[type="submit"] {font-size: 20px;text-transform: none}
#pressebereich .login-submit {margin-top:20px}



#pressebereich ::-webkit-input-placeholder {
    color: #000;text-transform: none;text-align: center;
}

#pressebereich :-moz-placeholder { /* Firefox 18- */
    color: #000;text-transform: none; text-align: center;

}

#pressebereich ::-moz-placeholder {  /* Firefox 19+ */
    color: #000;
    text-transform: none; text-align: center;
}

#pressebereich :-ms-input-placeholder {
    color: #000;
    text-transform: none;
    text-align: center;
}

#pressebereich-wrapper .gal-item {margin-bottom: 25px;}

#infos .press-logout {font-size: 20px;font-weight: 400;position: absolute;right: 39px;text-decoration: none;top: 62px;}
#infos .press-logout:hover {text-decoration: none;color:#bfd714}
#infos .press-logout img{margin-top: 5px;}

.presse-item { height: 165px;overflow: hidden;}
.presse-item img {height: auto;margin: 0;width: 100%;}
.presse-item > a {display: block;position: relative;top: 0;}

.presse-item .doc { background-color: #c8c8c8;margin-bottom: 30px;text-align: center;}
.presse-item .doc .info {left: 0;position: absolute;text-align: center;top: 50px;width: 100%;}
.presse-item .doc .info p{color:#fff; font-size: 20px;padding: 0 10px;text-align: center;}
.presse-item .doc .info span{ color: #fff;font-size: 30px;}

.presse-item .doc:hover{background-color: #bfd714;}

@media(max-width:991px){
    .presse-item .doc .info {top:10px;}
    .presse-item .doc .info p {font-size: 16px; margin: 0;}
    .presse-item .doc .info span {font-size: 24px;}
}
@media(max-width:767px){
    .presse-item .doc .info {top:50px;}
    .presse-item .doc .info p {font-size: 20px; margin: 0;}
    .presse-item .doc .info span {font-size: 24px;}
}
@media(max-width:460px){
    .presse-item .doc .info p {font-size: 16px}
    .presse-item { height: 100px;}
    #infos .press-logout {right: 36px;top: 20px;}
}
@media(max-width:360px){
    .presse-item .doc .info {top:0}
    .presse-item .doc .info p {font-size: 14px}
}
/****
 * 404
 **********/
#error {padding: 50px 0 150px;position: relative;z-index: 100}
.search-error-message h2 {margin-top:0}

/****
 * Category
 **********/
#category {padding:50px 0}

/****
 * sidebar
 **********/

aside.widget { background-color: #fff;padding: 40px;margin-bottom: 30px;float: left;width:100%}
aside .widget-title {color:#000;font-size:25px;text-transform: uppercase;position: relative;margin-top:0;font-weight: 300}
aside .widget-title strong {font-weight: 500}
aside .widget-title:before {bottom: 2px;color: #bfd714;content: "*";font-size: 32px;font-weight: 400;height: 100%;position: relative;left: -10px;}

aside .textwidget {font-size: 20px;line-height: 160%;}
aside .textwidget strong{font-weight: 400}

/***
 * Custom Fix Wigdet
 **********/
.widget_location {background: url('images/pic-location.jpg') no-repeat center bottom / 100% scroll transparent; padding-bottom: 280px !important;}
.widget_location .location-inner {height: 180px;left: -4px;position: relative;}
.widget_location .location-inner img{}
.widget_location .location-inner img.loc-image-1 {animation-delay: 0.5s;-webkit-animation-delay: 0.5s;-moz-animation-delay: 0.5s;-ms-animation-delay: 0.5s;-o-animation-delay: 0.5s; left: 43px;position: absolute;top: 54px;}
.widget_location .location-inner img.loc-image-2 {left: 107px;position: absolute;top: 50px;z-index: 2;}
.widget_location .location-inner img.loc-image-3 {animation-delay: 0.7s;-webkit-animation-delay: 0.7s;-moz-animation-delay: 0.7s;-ms-animation-delay: 0.7s;-o-animation-delay: 0.7s;float: right;position: absolute;left: 137px;top: 15px;z-index: 1}
.widget_location .location-inner > a { display: block; height: 100%; width: 100%;}

.widget_lageplan .lageplan-inner {overflow: hidden;width: 100%;height: 185px}
.widget_lageplan .lageplan-inner a,
.widget_lageplan .lageplan-inner a .lageplan-hover {display: block;position: relative;}
.widget_lageplan .lageplan-inner a:after {background-color: rgba(0, 0, 0, 0.5);content: "";height: 100%;left: 0;position: absolute;width: 100%;top:0}
.widget_lageplan .lageplan-inner a img{width:100%;height:auto;}
.widget_lageplan .lageplan-inner a:hover img{-moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); -webkit-transform:scale(1.1); transform: scale(1.1);height:auto;}
.widget_lageplan .lageplan-inner a .lageplan-hover:after {content:url('images/btn-more-plus.png'); left: 50%;margin-left: -34px;margin-top: -34px;position: absolute;top: 50%;z-index: 10;}

.widget_hb_widget .widget-inner p {font-size: 18px;}
.widget_hb_widget .widget-inner a {color: #000; display: block; font-size: 18px; font-weight: 700; margin-top: 20px; text-transform: uppercase;}
.widget_hb_widget .widget-inner a:hover {color: #bfd714;text-decoration: none}
.widget_hb_widget .widget-inner a img {margin-right: 10px;margin-top: -5px;}

@media(max-width:1199px){
    .widget_location .location-inner {left: -40px;}
}
@media(max-width:991px){
    .widget_location{ padding-bottom: 180px !important;}
}


@media(max-width:414px){
   #sidebar .widget-inner p {font-size: 16px}
    #sidebar .widget-inner a {font-size: 16px}
}


#footer-sidebar {padding:0  }
#footer-sidebar .container {padding-bottom: 50px;}
#footer-sidebar h3 {font-size: 25px;font-weight: 700;}
#footer-sidebar hr { background-color: #000;border: 0 none;height: 2px;max-width: 50px;}
#footer-sidebar p {color:#000;margin-top: 10px; }

/****
 * Footer
 **********/
#footer {bottom: 0;font-size: 12px;height: 73px;left: 0;padding: 15px 0;position: relative;width: 100%;z-index: 5; background: #000;}
@media(max-width:991px){
    #footer .site-info .container {width:100%}
}
@media(max-width:768px){

}
@media(max-width:668px){

}
@media(max-width:640px){

}



/*#footer:after{top: 10px; content: url("images/bg_footer_dancer.png"); display: block; left: 50%; margin-left: -500px; position: absolute; width: 1000px;}*/
#footer p {color:#fff; ;font-size: 20px;font-weight: 300; text-transform: uppercase;text-align: right;}
#footer .site-info {bottom:0;width: 100%;min-height: 38px;}
#footer span.facebook-link:hover,
#footer span.totop:hover {opacity: 0.5}
#footer .scrollup { background-color: #000; display: block; height: 24px; left: 0; position: relative; top: 0; width: 24px;}
#footer .scrollup:after { content: "\e260"; font-family:"Glyphicons Halflings";font-size: 14px; font-weight: normal; position: absolute; right: 5px; top: 0}

.footer-nav {list-style: none;margin-top:0;position: relative; z-index: 101;}

.footer-nav li {float: left;display: inline-block;position: relative;padding: 0 20px;}
.footer-nav li:before{ bottom: 3px;content: "*";font-weight:400; font-size: 25px;color:#bfd714;height: 100%;position: absolute;right:-5px;}
.footer-nav li:last-child:before{content:''}
.footer-nav  a,
.footer-nav li a {color:#fff;font-size:20px;font-weight: 300;text-transform: uppercase}

#footer .fb-page.fb_iframe_widget {margin-bottom: 25px; float: right;width: 100%;}
#footer .fb_iframe_widget span {display: inline-block;margin: 0 auto;text-align: justify;position: inherit}
#footer .vollmacht p {font-size: 15px;margin-bottom:8px;font-weight: 300}
#footer .vollmacht p a {position: relative}
#footer .vollmacht p a:before {content:url('images/icon_download.png'); margin-right: 10px;position: relative;top: 2px;}


@media(max-width:1024px){
    .contact-data ul li a {font-size: 20px;}
    #footer p {font-size: 16px;}
    .footer-nav a, .footer-nav li a {font-size:16px;}
}

@media(max-width:991px){
    #footer {padding:0}
    .footer-nav {display:none}
    #footer p {text-align: center;text-align: center;line-height: 150%;padding: 35px 0 0}
    .contact-data {margin-bottom:0}
    .contact-data .col-xs-12 {padding:0}
    .contact-data,
    .contact-data:before{border-bottom:0}
    .contact-data ul li {width:100%;border-bottom: 1px solid #000;position: relative}
    .contact-data ul li:before,
    .contact-data ul li:last-child:before  {border-right: 0;border-bottom: 1px solid rgba(255, 255, 255, 0.1);bottom: 1px;content: "";height: 1px;left: 0;right:auto;position: absolute;width: 100%;top:auto}
    .contact-data ul li a{ display: block;line-height: 85px;width: 100%;padding-left: 0}
    .contact-data .c-data:before{position: relative}
    .nav-col {display: block;height: auto;}
    .header-left {  padding: 20px 0 0;}
    .header-center {display: block;min-width: 0;margin-left: 0;}
    .header-nav {float: left !important;padding: 5px 0;}
    .search-trigger {top:3px;right:0}
    #search-container {top: 3px;}
    #search-container input {height:45px}
    #footer .fb-page.fb_iframe_widget {float: none}
}

@media(max-width:800px) {
    .header-center{  margin-left: -12px;}
}

@media (max-width:767px){
    .contact-data ul li a {font-size: 25px;}
    #footer p {font-size: 20px;}
    .header-center{padding: 0 0 8px 0;background-color: transparent;margin-left: -15px;margin-right: -15px;box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);position: relative}
    .affix{position: static}
    .navbar.affix .nav-col {height: 60px;}
    .header-left {width: 100%;display: block;}
    .navbar-toggle { border-radius:0; border:1px solid #000;padding: 15px 20px 15px 70px;background-color: #000;float:none;}
    .navbar-toggle .sr-only { clip:auto;color: #fff;float: left;font-size: 16px;height: 20px;left: 20px;position: absolute;text-align: left;text-transform: uppercase;top: 12px;width: 100px;z-index: 100;}
    #main-menu {padding:0 10px;overflow: hidden;}
    .menu-mobile.no-link .menu-mobilelink {display:none!important}

    .nav > li {cursor: pointer}
    .nav > li > a {display: inline-block;font-size:16px;font-weight: 700;}
    .menu-item-has-children:hover > ul { display:none; top:0}
    #footer span.totop {bottom: 15px;right:15px}
}

@media (max-width:480px){
    .contact-data ul li a {font-size: 20px;}
    .alignright {float:left!important;}
    .header-left .navbar-logo {margin: 10px 0;text-align: center;}
    .header-left {padding: 0;}
    .navbar-default .navbar-toggle {margin-top: 12px;}
    #footer .vollmacht {margin-bottom:25px}
    #footer .fb-page.fb_iframe_widget {float: left}

}

@media(max-width:360px){
    #footer p {font-size: 18px;}

}



.tt_timetable .event:hover,
.tt_timetable .event {background-color: #c3da18}