body {
padding-top:0px;
}
.starter-template {
    padding:0px 15px;
    text-align: left;
    position:relative;
}

.navbar{
    background-color: #010101;
    opacity:0.7;


}

@media (min-width: 768px) and (max-width: 991px) {

    .navbar-collapse.collapse {
        display: none !important;
    }
    .navbar-collapse.collapse.in {
        display: block !important;
    }
    .navbar-header .collapse, .navbar-toggle {
        display:block !important;
    }
    .navbar-header {
        width:90%;
        display:block !important;
    }
}
.post {
    background-color: #FFF;
    overflow: auto;
    float: left;
    position: relative;
    min-height: 1px;
    box-shadow: rgba(0,0,0,0.2) 0px 5px 15px;
    border-radius: 2px;
    margin-bottom: 15px;
    padding-bottom: 5px;
    padding-left: 10px;
    padding-right: 35px;
    padding-top: 5px;

    width: 100%;
}

.post.event {
}
.post.event.KonzertXX {
    background-image:linear-gradient(270deg, #2e6da4 0%, #ffffff 1%)
}
.post.event.VeranstaltungXX {
    background-image:linear-gradient(270deg, #008000 0%, #ffffff 1%)
}
.post.event.OnTheStreetsXX {
    background-image:linear-gradient(270deg, #330033 0%, #ffffff 1%)
}

.post.event.Konzert {
    background: linear-gradient(315deg, #008000 20px, #ffffff 0) top left;
}
.post.event.Veranstaltung {
    background: linear-gradient(315deg,  #330033 20px, #ffffff 0) top left;
}
.post.event.OnTheStreets {
    background: linear-gradient(315deg, #d33dcc 20px, #ffffff 0) top left;
}


.post_content {
    line-height: 1.2;
    float:none;
}

.post_date {
    font-style:italic;
    font-size:0.8em;

}

.post_contentblock {
    padding-top:5px;
    line-height: 1.2;

}
.post_descriptionblock {
    height:auto;
    margin-left: -10px;

}

.post_infoblock {
    padding-left:10px;
    padding-top:5px;

}


.postdate h2{
    background-color: #333;
    font-size: 1.4em;
    color:#fff;
    padding-left:10px;
    margin-left:-25px;
    margin-right:-25px;

}

.post_title h3{
    line-height: 1;
    padding:0px;
}
/*-----------------------------------*/
ul {
    list-style-type:none; margin:0; padding:0;}
label{
    border-radius: 5px;

    padding-left: 20px;
    color: white;
}

input[type=checkbox] { display: none; }
input[type=checkbox] ~ ul {
    height: 80px;
    opacity: 0.4 ;
    overflow: hidden;
    -webkit-transition:height, 0.5s linear;
    -moz-transition: height, 0.5s linear;
    -ms-transition: height, 0.5s linear;
    -o-transition: height, 0.5s linear;
    transition: height, 0.5s linear;

}
input[type=checkbox]:checked ~ ul {
    height: 100%;
    opacity: 1;
    -webkit-transition:height, 0.5s linear;
    -moz-transition: height, 0.5s linear;
    -ms-transition: height, 0.5s linear;
    -o-transition: height, 0.5s linear;
    transition: height, 0.5s linear;
}
input[type=checkbox] + label:before{
    transform-origin:25% 50%;
    border: 8px solid transparent;
    border-width: 8px 12px;
    border-left-color: #a9a9a9;
    margin-left: -20px;
    width: 0;
    height: 0;
    display: inline-block;
    text-align: center;
    content: '';
    color: #AAAFAB;

}
input[type=checkbox]:checked + label:after {
    transform: rotate(90deg);

}
input[type=checkbox] + label:before{
    transform-origin:25% 50%;
    border: 8px solid transparent;
    border-width: 8px 12px;
    border-left-color: #a9a9a9;
    margin-left: -20px;
    width: 0;
    height: 0;
    display: inline-block;
    text-align: center;
    content: '';

}
input[type=checkbox]:checked + label:after {
    transform: rotate(90deg);

}
.searchoptions {
    background-color: #222;

}


.post_fav{
    color:#a9a9a9;

}
.post_fav:hover{
    color:#333;

}

.faved{
    color:#333;

}
a{
    color:#999;
}

a:hover{
    color:#AAA;
}

.active {
    color:#000;
    background-color:#010101;
}
.menuWrapper{

    height:auto;
    width: 100%;
}
#menuheader{
    position: fixed;
    top:0;
    width:100%;
    z-index: 1000;
}
.navbar {
    background-color: #010101;
    opacity: 0.9;
    background-image: url("../img/eule_logo.jpg");
    background-repeat: no-repeat;
    background-size: 100px 105px;
    background-position-x: 10px ;
    padding-left:100px;
    min-height: 105px;
}
@media (max-width: 767px)  {
    .navbar {
        background-image: url("../img/eule_logo.jpg");
        background-repeat: no-repeat;
        background-size:50px 53px;
        background-position-x: center;
        padding-left: 10px;
        border: 0px;

    }
}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
    border: 0px;
}
.locationtab {

    width:100%


}
.location h2{

    font-size: 1.4em;



}


.tag_element{
    color: #FFF;
    background-color: #116d76;
    padding-left:10px;
    padding-right:10px;
    padding-top:5px;
    padding-bottom:5px;
    margin:5px;
    border-radius: 34px;
}

.tag_suggestion{
    color: #FFF;
    background-color: #ffe851;

}

.about_text{

}
.about_owl{

}

.relativ{
    position: relative;
}
#content{
    position:relative;
    top:125px;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

#container{

}


.pinnedEvents{
    background-color: #EAEAEA;
}


.favopener a {

    display: block !important;
    z-index: 1001;
    position: fixed;
    left: 20px;
    bottom: 20px;
    color: #fff !important;
    line-height: 1em;
    width: 3em;
    height: 3em;
    padding-top: 1em;
    background: #aaa;
    font-size: 1em;
    font-weight: normal;
    text-align: center;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
        -webkit-box-shadow: rgba(0,0,0,.8) 5px 0 20px;
    -moz-box-shadow: rgba(0,0,0,.8) 5px 0 20px;
    -webkit-box-shadow: rgba(0,0,0,.8);
    -moz-box-shadow: rgba(0,0,0,.8);
    box-shadow: rgba(0,0,0,.8);
    box-sizing: border-box;
        text-decoration: none;
}


.cat_talk a {

    display: block !important;
    z-index: 1001;
    position: fixed;
    right: 20px;
    bottom: 160px;
    color: #fff !important;
    line-height: 1em;
    width: 3em;
    height: 3em;
    padding-top: 1em;
    background: #aaa;
    font-size: 1em;
    font-weight: normal;
    text-align: center;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-shadow: rgba(0,0,0,.8) 5px 0 20px;
    -moz-box-shadow: rgba(0,0,0,.8) 5px 0 20px;
    -webkit-box-shadow: rgba(0,0,0,.8);
    -moz-box-shadow: rgba(0,0,0,.8);
    box-shadow: rgba(0,0,0,.8);
    box-sizing: border-box;
    text-decoration: none;
}

.cat_onthestreets a {

    display: block !important;
    z-index: 1001;
    position: fixed;
    right: 20px;
    bottom: 90px;
    color: #fff !important;
    line-height: 1em;
    width: 3em;
    height: 3em;
    padding-top: 1em;
    background: #aaa;
    font-size: 1em;
    font-weight: normal;
    text-align: center;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-shadow: rgba(0,0,0,.8) 5px 0 20px;
    -moz-box-shadow: rgba(0,0,0,.8) 5px 0 20px;
    -webkit-box-shadow: rgba(0,0,0,.8);
    -moz-box-shadow: rgba(0,0,0,.8);
    box-shadow: rgba(0,0,0,.8);
    box-sizing: border-box;
    text-decoration: none;
}
.cat_concert a {

    display: block !important;
    z-index: 1001;
    position: fixed;
    right: 20px;
    bottom: 20px;
    color: #fff !important;
    line-height: 1em;
    width: 3em;
    height: 3em;
    padding-top: 1em;
    background: #aaa;
    font-size: 1em;
    font-weight: normal;
    text-align: center;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-shadow: rgba(0,0,0,.8) 5px 0 20px;
    -moz-box-shadow: rgba(0,0,0,.8) 5px 0 20px;
    -webkit-box-shadow: rgba(0,0,0,.8);
    -moz-box-shadow: rgba(0,0,0,.8);
    box-shadow: rgba(0,0,0,.8);
    box-sizing: border-box;
    text-decoration: none;
}
.active_talk a{
    background: #330033 !important;
}
.active_onthestreets a{
    background: #d33dcc !important;
}
.active_concert a{
    background: #008000 !important;
}
.active a{

    background: #000 !important;

}

.citysearchoptions {
    background-color: #FFF;
     color: #000 !important;;

}
.citysearchoptions input[type=checkbox] { display: none; }

.citysearchoptions input[type="checkbox"]:checked  {
  background-color: #f00 !important;
}
.citysearchoptions:checked + .label-for-check {
  font-weight: bold;
}
.citysearchoptions label{
    background-color:#FFF !important;
    color: #AAA !important;
    font-size: 2em;

}
.citysearchoptions label:checked {
    background-color:#F00 !important;
    color: #000 !important;
    font-size: 2em;

}

 button:hover,  button:focus {
    background: #333;
    box-shadow: none;
}

button {
    background: #AAA;
    width: 100%;
}
.category_label{
    font-size: 0.8rem;
    line-height: 1;
}

.active_cat_talk {
    color: #330033 !important;
}
.active_cat_onthestreets {
    color: #d33dcc !important;
}
.active_cat_concert {
    color: #008000 !important;
}
.inactive_cat {

}

.active_cat {
 font-weight: bold;
}