@font-face {font-family: "Arial Rounded MT";
  src: url("../fonts/Arial Rounded MT.eot");
  src: url("../fonts/Arial Rounded MT.eot?#iefix") format("embedded-opentype"),
  url("../fonts/Arial Rounded MT.woff2") format("woff2"),
  url("../fonts/Arial Rounded MT.woff") format("woff"),
  url("../fonts/Arial Rounded MT.ttf") format("truetype"),
  url("../fonts/Arial Rounded MT.svg#Arial Rounded MT") format("svg");
}

html {
    background-color:#64140b;
    height: 100%;
}

body {
	font-family: "Arial Rounded MT", Times, serif;
	/*padding-top: 150px;*/
    /*background-color:#64140b;
    background:transparent; */
	 /* background: rgba(0,0,0,0.1); */
	font-size:16px;
	color:#9d9d9d;
    /* padding-bottom:50px; */
    min-height: 100%;
    background-color:#64140b;
	background: url(../img/bg/publikum.jpg) no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
    background-attachment: fixed;
}

a {color:#FFCC00;}
a:hover, a:active, a.visited, a:focus {color:#FFFFCC;text-decoration:none}


/* bootstrap overrides */

/*
.navbar.transparent.navbar-inverse {
   background: rgba(0,0,0,0.1);
}
*/
.main { min-height:100vh; display: flex; flex-direction: column}
.footer { flex: 0 0 48px }
.main_content { flex: 1 0 auto }

.navbar {
  background:none;
	border-bottom:1px;
	padding-top:50px;
	text-transform:uppercase;
	font-size:0.9em;
  margin-bottom: 60px;
  border:0px;
  /* background: rgba(0,0,0,0.3);*/
}

.navbar ul { padding-left:15px;}
.navbar-image {
	margin-top:-33px;
	padding-right:30px;
}


.navbar a { font-weight:bold}
.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:focus,
.navbar-inverse .navbar-nav > .open > a:hover {background:none}

.navbar-brand {}

.navbar-right {}
.navbar-right ul.navbar-nav { padding-left: 0px} 

.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:focus,
.navbar-inverse .navbar-nav > .active > a:hover
{ background:none;text-decoration:underline; }

.dropdown-menu > .active > a,
.dropdown-menu > .active > a:focus,
.dropdown-menu > .active > a:hover
{background:none;text-decoration:underline; }

.navbar-inverse .navbar-nav .open .dropdown-menu > .active > a,
.navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus,
.navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover
{background:none;}

.dropdown-menu {
    background: rgba(0,0,0,0.8);
    border:0px;
    color:#FFCC00;
    box-shadow: 0px 30px 40px rgba(0,0,0,0.6);
}
.dropdown-menu li a {color:#9d9d9d;padding-left:0px}
.dropdown-menu li a:hover {background:none;color:white}


.navbar-form { padding-right: 0;}

input.form-control, textarea.form-control, .news-input {
    background: rgba(0,0,0,0.4);
    border:1px solid #3d3d3d;
    color:#6d6d6d;
    width:280px !important;
}
input.form-control:focus, textarea.form-control:focus, .news-input:focus {
    background: rgba(0,0,0,0.5);
    border:1px solid white;
    color:white;   
}

.has-feedback .form-control {
  padding-right: 10px;
}

.news-input {padding:3px; margin:0px 0.7em; font-size:0.9em}

.navbar-form .input-group > .form-control {width:120px !important;}

.input-group-btn .btn {
    background: rgba(0,0,0,0.5);
    border:1px solid #3d3d3d;
    color:#3d3d3d;
}
.navbar .btn {display:none}

 select  {
   background: rgba(0,0,0,0.4);
   border:1px solid #3d3d3d;
   color:white;
   padding:4px;
   width:280px !important;
 }

select option {
    background: transparent;
    border:0px;  overflow: hidden;
    color:white}

.btn-default {
    color:white;
    background: rgba(0,0,0,0.4);
    border:0px;
}

.btn-default:hover,
.btn-default:focus {
    color:black;
    background: rgba(255,255,255,0.3);
}

.btn-archive {text-transform: uppercase}
.has-feedback label {color:white}

/* custom styles */

h1,h2,h3 {margin-top:0px;margin-bottom:20px}
h1,h2 {font-size: 1.8em}

.sidebar ul {
    list-style-type: none;
    padding:0px;
}
.sidebar li {padding:0px;}
.sidebar a {color:#9d9d9d;text-transform:uppercase}

.event_stub, .today {color:white;}
.event_stub .date {margin:0px 0px 3px 0px;font-size:1em;text-transform:uppercase}
.event_stub .time {margin:0px 0px 5px 0px;font-size:1.5em;color:white;font-weight:bold}
.event_stub .title {margin:0px;font-size:1.1em;padding-bottom:5px;font-weight:bold;text-transform:uppercase}
.event_stub .desc {font-size:.8em;margin-bottom:1px}
.event_stub .more {font-size:.8em;text-transform: uppercase}

.news {margin-top:20px;}
.news_stub {}
.news_stub, .news_detail {color:white;}
.news_stub h2 {margin-bottom:30px;}
.news_stub .title a {color:white;}
.news_stub .title a:hover {color:#FFCC00;}
.news_stub .author {margin:0px 0px 10px 0px;font-size:0.7em;}
.news_stub .time {margin:0px 0px 5px 0px;font-size:1.5em;color:white;font-weight:bold}
.news_stub .title {margin:0px;font-size:1.1em;padding-bottom:5px;font-weight:bold;}
.news_stub .desc {font-size:.9em;margin-bottom:1px}

.news_detail .date {margin:0px 0px 3px 0px;font-size:1em;
    text-transform:uppercase}
.news_detail .title {color:white;margin-top:0px;margin-bottom:20px;max-width: 690px;line-height:1.2em;}
.news_detail .author {font-size:0.9em;line-height:1.4em;color:#bdbdbd;margin-bottom: 30px;}
.news_detail .title a {color:white}
.news_detail .title a:hover {color:#FFCC00;}

.events .timeframe, .events .dropdown-toggle {margin:0px 0px 20px 0px;font-size:1em;
    font-weight:bold;text-transform:uppercase;color:#9d9d9d}
.events .dropdown-menu {padding-left:15px;font-size:0.9em;
        font-weight:bold;text-transform:uppercase;color:#9d9d9d;opacity: 0.8}

.event_list {color:white; padding-right:20px;}
.event_list .date {margin:1px 0px 0px 0px;font-size:0.9em;
    text-transform:uppercase}
.event_list .time {margin:0px 10px 0px 0px;font-size:1.1em;color:white;
    font-weight:bold;text-align:right}
.event_list .title {margin:0px;font-size:1em;}
.event_stub .title a, .event_list .title a {color:white;font-weight:bold}
.event_stub .title a:hover, .event_list .title a:hover {color:#FFCC00;}
.event_stub .line, .news_stub .line {display:none}
.event_list .floor, .event_list .zyklus, .event_list .series,
.event_list .floor a
     {font-size:1em;color:white;margin-bottom:1px;color:#FFFFCC;}
.event_list.row {padding-bottom:5px;margin-bottom:15px;}
.event_list .status {color:#FFCC00;text-transform:uppercase}

.event_detail {color:white;}
.event_detail .timeframe {margin:0px 0px 20px 0px;font-size:1em;
    font-weight:bold;text-transform:uppercase;color:#9d9d9d}
.event_detail .date {margin:0px 0px 3px 0px;font-size:1em;
    text-transform:uppercase}
.event_detail .time {margin:0px 10px 10px 0px;font-size:1.5em;color:white;
    font-weight:bold;}
.event_detail .title {margin-top:0px;margin-bottom:20px;line-height:1.2em;}
.event_detail .floor, .event_detail .zyklus, .event_detail .series,
.event_detail .floor a
     {font-size:1em;color:white;margin-bottom:5px;color:#FFFFCC;}
.event_detail .beschreibung {}
.event_detail .besetzung {font-size:0.9em;line-height:1.4em;color:#bdbdbd;margin-bottom: 30px;}
.event_detail .series_alert {font-size:0.9em;line-height:1.4em;color:#bdbdbd;margin-bottom: 20px;font-style:italic}
.event_detail .img {margin:5px 0px 10px 0px;}
.event_detail .videos {
    border-top:1px dotted #9d9d9d;
    margin-top:20px;
    padding: 10px 0px}
.event_detail .thumbnails {margin-bottom:10px}
.event_detail .tickets {color:#FFCC00;font-size:0.8em;}
.event_detail .tickets ul {padding:0;margin-bottom:15px}
.event_detail .tickets li {padding-left:10px;list-style-type:none}
.date_center {width:165px;text-align: center}
.videos {width:66%}
.tickets-bigger {font-size:1.2em}
label {font-weight:normal;font-size:.9em}

.thumbnails.floor {margin-top:56px}
.page strong {text-transform: uppercase;}
.page p {margin-bottom: 20px; line-height: 1.4em}


.ticketing_nfo .soldout {background: rgba(255,0,0,0.3); }
.ticketing_nfo .nearly {background: rgba(225,30,0,0.3); }
.ticketing_nfo .half {background: rgba(255,255,0,0.3); }
.ticketing_nfo .norm {background: rgba(0,255,0,0.3); }
.ticketing_nfo .type {padding: 0px 3px}

.ticketing table {width:100%;background: rgba(0,0,0,0.2);
    font-size:0.8em;border-bottom:1px solid grey}
.ticketing td,th {padding:5px; vertical-align:top;}
.ticketing th {border-bottom:1px solid grey}
.ticketing hr {height:1px;border:0px;border-bottom:1px solid grey}
.ticketing .ticketing_nfo {width:70%;margin-bottom:30px}
.ticketing input { max-width: 150px !important;}
.ticketing select { width: auto !important; padding:5px 12px}
.ticketing tr:hover {background-color:#dd3333}

.full {text-align:center}
.full .ticketing table {width:90%}

.edit {
    z-index:10;position:absolute;
    right:10px;margin-top:-4px;height:10px}
.edit.left {right:40px}
.event_list .edit {right:-15px}
.edit_link {color:#FFCC00;}

.right {float:right}
.smaller,.small {font-size: .8em}
.spacer {margin-bottom:40px}
.sorry {font-style: italic;color:#FFFFCC;text-transform:uppercase;margin-bottom:22px}
.more {font-size:.8em;text-transform: uppercase}

ul.errorlist  {margin:0px;padding-left:15px;color:#dd3333}
ul.errorlist li {list-style-type: none;width:370px}
.has-error .control-label,
.has-error .form-control {color:#dd3333}

footer {
  /* position: fixed;
  bottom: 0px;
  */
  padding-top:60px;
  width:100%;
  /* Set the fixed height of the footer here */
  /*  height: 60px;  */
  padding-bottom:10px;
  z-index:10;
}

.page {z-index:120}

.falink {max-width:200px}
.falink, .falink a {color:rgba(255,255,255,0.4);}
.fa-share-alt {margin-bottom: 5px;}
.falink a:hover {color:rgba(255,255,255,0.8);}

.edit a, a.admin {color:#FFCC00;margin-top:-0.3em;padding:0px}
li a.admin {padding:15px 7px}

.line {width:100%;height:1px; border-bottom:1px dotted #9d9d9d;margin:10px 0px}
news.line {width:100%;height:1px; border-bottom:1px dotted #9d9d9d;margin:30px 0px}
.back-to-top{
    position:fixed;
    bottom:10px;right:10px;
    display:none;
    z-index:1024;}

.prev, .next {position:fixed;top:45%;opacity: 0.4}
.back {position:fixed;bottom:1%;left:1%;opacity: 0.4;text-align:center;z-index:1001}
.prev {left:1%}
.next {right:1%}
.prev a, .next a {margin-right:10px}
.logged_in {position:absolute;top:0;width:100%;font-size:0.9em;
    text-align:center;text-transform:uppercase;color:#FFCC00;}
/* other stuff */

img.fluid {
    width:100%;margin:5px 0px;
     box-shadow: 10px 6px 12px rgba(0,0,0,0.35);
}
img.thumb {width:84px; margin:0px 0px 15px 0px;}

.content img {max-width: 80%; height:auto}
  
#gmap_canvas {color:black;margin-bottom:2em}
#gmap_canvas img{max-width:none!important;background:none!important}

#id_archivedatum_day {display:none}
.upper{text-transform:uppercase}
.soldout {text-decoration:line-through}
.more_items {display:none}
/* @medias */
.calexport {width:200px;font-size:0.6em;vertical-align : super}
.calexport a {color:grey;}
.calexport a:hover {color:#FFCC00;}

.pagination {text-align: center;width:100%;
    padding-top:8px;
    margin-top:40px;
}

.impress { text-align:right; opacity:0.7; font-size: 0.8em; line-height:48px; padding-left:15px}
.impress a { margin-right: 20px }


@media(max-width:991px) {
    .navbar ul {
      padding-left: 0px;
    }
    .navbar-header {
        float: none;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin: 7.5px -15px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .navbar-text {
        float: none;
        margin: 15px 0;
    }
    /* since 3.1.0 */
    .navbar-collapse.collapse.in {
        display: block!important;
    }
    .collapsing {
        overflow: hidden!important;
    }
    .pull-right {
      float: left !important;
    }
    .navbar-right {
      float: none !important;
    }
    .navbar-form {
      margin-left: -15px;
    }
}

@media(max-width:800px) {
	body {
		/*font-size:0.8em;*/
    /* padding-bottom:120px;*/
	}
	.navbar-image {
		height:42px;
		width:55px;
		margin-top:-6px;
		padding-right:0px;
	}
	.navbar {
    padding-top:0px;
    padding-bottom:20px;
    margin-top:0px;
    margin-bottom:30px;
	}
  .navbar-collapse {
    margin-top:5px;
    border-top:0px;
    box-shadow:none;
    -webkit-box-shadow:none;
    background: rgba(0,0,0,0.2);
  }
  .news {position:relative;top:0px;width:100% }
  .event_list .time {text-align:left;font-weight: normal;font-size:0.9em}
  .event_list .date {font-weight: normal}
  .event_list .title {font-weight: bold;font-size:1.2em}
  .event_stub .more {padding:20px 0px}
  .event_stub .line, .news_stub .line {display:block}
  .spacer {margin-bottom:10px}
  .prev, .next, .back {position:relative;margin:5px}
  .prev, .next, .back {display:inline;float:left;}
  /*.falink {display:none }*/
  .videos {width:100%}
  .content img {max-width: 100%; height:auto !important}
}


@media(max-height:700px) {
    .news {position:relative;top:0px }
}

@media(max-width:1024px) {
  /*nav .pull-right {display:none }*/
  .navbar-image { padding-right:0px}
  .navbar { font-size:0.8em }
}

@media(max-width:768px) {
  .impress {text-align:left}
}


.online {color:#FFCC00;text-transform:uppercase; margin: -5px 0px 5px 0px; font-weight:bold}
#donate { display:none; opacity:0.8; border-radius:5px;
  padding:15px;  box-shadow: 0px 30px 40px rgba(0,0,0,0.6);
  margin-bottom:40px;position:absolute;bottom:40px;left:25px; width:85%; background-color:#64140b; border: 1px solid #aaa}
#donate .btn-group, .donate-btn-group { padding-left:0px}
#donate #amount, input#amount { padding-right:2px}
.close { opacity:1}
.trailer { margin: 40px 0px 20px 0px; max-height:33%}
.video-js-responsive-container.vjs-hd {
    padding-top: 56.25%;
}
.video-js-responsive-container.vjs-sd {
    padding-top: 75%;
}
.video-js-responsive-container {
    width: 100%;
    position: relative;
}
.video-js-responsive-container .video-js {
    height: 100% !important; 
    width: 100% !important;
    position: absolute;
    top: 0;
    left: 0;
}

.video-container {
  padding-bottom: 56.25%;
  position: relative;
  z-index: 11;
}

#player, #muted, .player {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

#muted { 
  z-index: 100;
  width:25%;
  left: 50%;
  top:50%;
  transform: translate(-50%,-50%);
  cursor: pointer;
  opacity: 0.4 ;
  display:none;
}
#muted:hover { opacity: 1 }

.country-select {
  background: rgba(0,0,0,0.4);
  border:1px solid #3d3d3d;
  color:#6d6d6d;
}

.cc-controls { display: none}
.trailer .play-wrapper .poster-icon { opacity: 0.6; }
.trailer .play-wrapper { margin: 0 40px; }


/* klaro overrides */
:root {
    --green1: #FFCC00;
    --green2: #FFCC00;
    --green3: #FFCC00;
    --dark1: white;
    --light1: #64140b;
    --button-text-color: #64140b;
}

.klaro .context-notice {
  background-color: transparent !important;
}