#content{
    overflow-x: hidden ;
}
.post img {
    max-width: 100%;
    vertical-align: middle;
}
.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.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:0px;
    line-height: 1.2;

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

}

.post_infoblock {
    padding-left:0px;
    padding-top:0px;
    font-size: 0.8em;

}
.group h2{
    background-color: #333;
    font-size: 1.2em;
    color:#fff;
    padding-left:20px;
    margin-left:-25px;
    margin-right:-25px;

}

.group h3{
    line-height: 1;
    padding:0px;
}

.postdate h2{
    background-color: #333;
    font-size: 1.2em;
    color:#fff;
    padding-left:20px;
    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 {
    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;
}
.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;

}
.relativ{
    position: relative;
}



.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;
}