html, body {
    width: 100%;
    height: 500px;
    margin: 0;
    padding: 0;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #fff;
    font-family: 'Noto Sans', Arial, Helvetica, sans-serif;
}
ul {
    list-style: none;
    margin-left: 0;
    padding-left: 0;
}
a {
    text-decoration: none;
}
header {
    width: 100%;
    background: white;
    padding: 7px 0;
}
#header_logo img#logo_img {
    height: 40px;
}
#header_search {
    position: absolute;
    top: 50px;
    right: 0;
    cursor: pointer;
    color: black;
}
#header_search span {
    position: relative;
    top: -2px;
    right: 5px;
    opacity: 0;
    font-size: 12px;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
#header_search:hover span {
    opacity: 1;
}
#header_search i {
    font-size: 20px;
}
#slider #sliderContent {
    position: relative;
    display: table;
    text-align: left;
    width: 100%;
    max-width: 1400px;
    height: 450px;
    margin: 50px auto auto;
    overflow: hidden;
}
#slider {
    margin-bottom: 60px;
}
#slider #sliderContent {
    box-shadow: 0 5px 20px 0 rgba(0,0,0,.08);
    height: 400px;
    width: 100%;
}
#slider #sliderCover {
    position: absolute;
    width: 50%;
    height: 100%;
    background: white;
}
#slider #sliderCover:after {
    content: '';
    height: 450px;
    width: 175px;
    background: url(/assets/img/ribbon_header.svg);
    display: inline-block;
    position: absolute;
    z-index: 9;
    right: -175px;
}
#slider #sliderBGImage {
    position: absolute;
    width: 50%;
    height: 100%;
    background: url(/assets/img/sliderBG.jpg);
    background-size: cover;
    background-position: right;
    right: 0;
}
body#page_home #slider #sliderBGImage {
    background: url(/assets/img/sliderBG_home.jpg);
    background-size: cover;
    background-position: 50% 30%;
}
#slider #sliderBGImageOverlay {
    position: absolute;
    width: 100%;
    height: 100%;
    right: 0;
    background: rgba(0,0,0,0.2);
    z-index: 1;
}
#slider #sliderInner {
    position: relative;
    width: 50%;
    height: 100%;
}
#slider #sliderInner h2 {
    color: #424242;
    font-weight: 600;
    font-size: 40pt;
    text-align: left;
    word-wrap: break-word;
}
#slider #sliderInner p {
    font-size: 15px;
    line-height: 1.5em;
    font-weight: normal;
    color: #585858;
}
#slider #sliderInner a#slider_a_more {
    color: black;
    font-weight: bold;
    border-bottom: 5px solid orange;
    padding-bottom: 5px;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
#slider #sliderInner p a#header_a_more:hover {
    color: #6a6a6a;
}
#slider #sliderInner form#sliderSearchForm {
    /*position: relative;
    top: 230px;*/
    /*left: 45px;*/
}
#slider #sliderInner form#sliderSearchForm input {
    border: none;
    font-size: 15px;
    padding: 15px;
    width: 100%;
    letter-spacing: 0.35px;
    border-radius: 3px;
    position: relative;
    top: 0;
    left: 0;
    outline: none;
    font-weight: 600;
    background: #e8e8e8;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
#slider #sliderInner form#sliderSearchForm input:hover,
#slider #sliderInner form#sliderSearchForm input:focus {
    background: rgb(237, 237, 237);
}
#slider #sliderInner form#sliderSearchForm button {
    position: relative;
    top: -50px;
    font-size: 18px;
    background: none;
    border: none;
    right: 0;
    cursor: pointer;
    float: right;
    padding: 15px;
}

/* ================== FOOTER ================ */

footer#mainFooter {
    background: white;
    clear: both;
    margin-top: 35px;
    font-size: 13px;
}
footer#mainFooter ul li {
    line-height: 20px;
}
footer#mainFooter ul li b {
    font-weight: 600;
    color: #514e4e;
}
footer#mainFooter ul li a {
    color: #514e4e;
}
footer#mainFooter ul li a:hover {
    color: #eb8d1e;
}
footer#mainFooter span#footercopyright {
    color: gray;
    font-size: 11px;
    text-align: right;
    line-height: 20px;
}
footer#mainFooter span#footercopyright a {
    color: gray;
}
footer#mainFooter #footer_socialbuttons ul li {
    display: inline-block;
    margin-right: 5px;
}
footer#mainFooter #footer_socialbuttons ul li a {
    background: white;
    border: 2px solid #514e4e;
    border-radius: 50px;
    width: 30px;
    height: 30px;
    display: block;
    text-align: center;
    box-sizing: unset;
}
footer#mainFooter #footer_socialbuttons ul li a:hover {
    border: 2px solid #888888;
}
footer#mainFooter #footer_socialbuttons ul li a i {
    position: relative;
    top: 8px;
    color: #514e4e;
    font-size: 15px;
}
footer#mainFooter #footer_socialbuttons ul li a:hover i {
    color: #888888;
}

footer#mainFooter #trademark_apple {
    position: absolute;
    float: right;
    font-size: 9px;
    color: gray;
    top: 260px;
    margin-bottom: 15px;
    text-align: right;
    right: 0;
}

/* ================== END FOOTER ================ */

#contentMain {
    width: 100%;
    margin-top: -10px;
}
#contentMain #contentMainInner,
#contentMain #contentMainInner_bottom {
    width: 100%;
    margin: auto;
    background: white;
}
#contentMain #contentMainInner_bottom {
    background: white;
    position: relative;
    top: 50px;
}
#contentMain h2 {
    color: #424242;
    text-align: left;
    font-weight: bold;
    font-size: 20pt;
    letter-spacing: 0.4px;
    margin-bottom: 15px;
}

#contentMain #contentMainInner #eventlist {
    position: relative;
    top: -10px;
}
#contentMain #contentMainInner #eventlist .eventitem {
    width: 100%;
    height: 320px;
    background: white;
    display: inline-block;
    box-shadow: 0 5px 20px 0 rgba(0,0,0,.08);
    position: relative;
    transition: all .2s ease-in-out;
}
#contentMain #contentMainInner #eventlist .eventitem.venueitem {
    width: 100%;
}
#contentMain #contentMainInner #eventlist .eventitem:nth-child(4n),
#contentMain #contentMainInner #eventlist .eventitem.venueitem:nth-child(2n){
    margin-right: 0;
}
#contentMain #contentMainInner #eventlist .eventitem .eventitem_image {
    width: 100%;
    height: 235px;
    position: relative;
}
#contentMain #contentMainInner #eventlist .eventitem.venueitem .eventitem_image {
    width: 100%;
    height: 235px;
}
#contentMain #contentMainInner #eventlist .eventitem .eventitem_image .eventitem_image_copyrightnotice {
    position: absolute;
    color: #eaeaea;
    font-size: 8px;
    background: rgba(0,0,0,0.4);
    padding: 10px 10px;
    right: 0;
    bottom: 10px;
}
#contentMain #contentMainInner #eventlist .eventitem .eventitem_image .eventitem_wishlist {
    height: 30px;
    width: 30px;
    position: absolute;
    right: 15px;
    top: 15px;
    background: white;
    border-radius: 50px;
    text-align: center;
}
#contentMain #contentMainInner #eventlist .eventitem .eventitem_image .eventitem_wishlist i {
    position: relative;
    top: 9px;
    color: #424242;
    font-size: 14px;
}
#contentMain #contentMainInner #eventlist .eventitem .eventitem_data {
    background: white;
    position: absolute;
    bottom: 0;
    width: 100%;
}
#contentMain #contentMainInner #eventlist .eventitem .eventitem_info {
    padding: 24px 24px 10px 24px;
    overflow: hidden;
}
#contentMain #contentMainInner #eventlist .eventitem .eventitem_price {
    padding: 0 24px 24px 24px;
    color: #424242;
    font-size: 9pt;
}
#contentMain #contentMainInner #eventlist .eventitem .eventitem_info .eventitem_title {
    color: #424242;
    font-weight: 600;
    font-size: 11pt;
    position: relative;
    transition: all .2s ease-in-out;
    letter-spacing: 0.35px;
    word-break: break-word;
}
#contentMain #contentMainInner #eventlist .eventitem:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 20px 0 rgba(0,0,0,.08);
}
#contentMain #contentMainInner #eventlist .eventitem a:hover .eventitem_info .eventitem_title {
    color: #eb8d1e;
}

body#page_artist #contentMain #contentMainInner,
body#page_city #contentMain #contentMainInner,
body#page_venue #contentMain #contentMainInner {
    background: none;
}
body#page_artist #contentMain #contentMainInner #eventlist_artist,
body#page_city #contentMain #contentMainInner #eventlist_artist,
body#page_venue #contentMain #contentMainInner #eventlist_artist {
    position: relative;
    top: -10px;
    background: white;
    box-shadow: 0 5px 20px 0 rgba(0,0,0,.08);
}
body#page_artist #contentMain #contentMainInner #eventlist_artist .eventitem,
body#page_city #contentMain #contentMainInner #eventlist_artist .eventitem,
body#page_venue #contentMain #contentMainInner #eventlist_artist .eventitem {
    position: relative;
    background: white;
    padding: 20px;
    border-bottom: 1px solid #e4e4e4;
}
body#page_artist #contentMain #contentMainInner #eventlist_artist .eventitem:last-child,
body#page_city #contentMain #contentMainInner #eventlist_artist .eventitem:last-child,
body#page_venue #contentMain #contentMainInner #eventlist_artist .eventitem:last-child {
    border: none;
}
body#page_artist #contentMain #contentMainInner #eventlist_artist .eventitem table {
    padding: 10px;
}
body#page_artist #contentMain #contentMainInner #eventlist_artist .eventitem .a_eventitem_gotickets,
body#page_city #contentMain #contentMainInner #eventlist_artist .eventitem .a_eventitem_gotickets,
body#page_venue #contentMain #contentMainInner #eventlist_artist .eventitem .a_eventitem_gotickets {
    display: table;
    height: 100%;
}
body#page_artist #contentMain #contentMainInner #eventlist_artist .eventitem .a_eventitem_gotickets span,
body#page_city #contentMain #contentMainInner #eventlist_artist .eventitem .a_eventitem_gotickets span,
body#page_venue #contentMain #contentMainInner #eventlist_artist .eventitem .a_eventitem_gotickets span {
    display: table-cell;
    vertical-align: middle;
    transition: all .2s ease-in-out;
    font-weight: 600;
    font-size: 17px;
    color: #424242;
}
body#page_artist #contentMain #contentMainInner #eventlist_artist .eventitem .a_eventitem_gotickets span i {
    font-size: 15px;
    margin-left: 5px;
    position: relative;
    left: 0;
    transition: left .2s ease-in-out;
}
body#page_artist #contentMain #contentMainInner #eventlist_artist .eventitem a:hover .a_eventitem_gotickets span,
body#page_city #contentMain #contentMainInner #eventlist_artist .eventitem a:hover .a_eventitem_gotickets span,
body#page_venue #contentMain #contentMainInner #eventlist_artist .eventitem a:hover .a_eventitem_gotickets span {
    color: #eb8d1e;
}
body#page_artist #contentMain #contentMainInner #eventlist_artist .eventitem a:hover .a_eventitem_gotickets span i,
body#page_city #contentMain #contentMainInner #eventlist_artist .eventitem a:hover .a_eventitem_gotickets span i,
body#page_venue #contentMain #contentMainInner #eventlist_artist .eventitem a:hover .a_eventitem_gotickets span i {
    left: 8px;
}
body#page_artist #contentMain #contentMainInner #eventlist_artist .eventitem h5,
body#page_city #contentMain #contentMainInner #eventlist_artist .eventitem h5,
body#page_venue #contentMain #contentMainInner #eventlist_artist .eventitem h5 {
    font-weight: 600;
    font-size: 14pt;
    transition: all .2s ease-in-out;
    padding-bottom: 4px;
    color: #4a4a4a;
}
body#page_artist #contentMain #contentMainInner #eventlist_artist .eventitem span,
body#page_city #contentMain #contentMainInner #eventlist_artist .eventitem span,
body#page_venue #contentMain #contentMainInner #eventlist_artist .eventitem span {
    color: gray;
    font-size: 10pt;
    padding-top: 5px;
    padding-right: 20px;
}
body#page_artist #contentMain #contentMainInner #eventlist_artist .eventitem span i,
body#page_city #contentMain #contentMainInner #eventlist_artist .eventitem span i,
body#page_venue #contentMain #contentMainInner #eventlist_artist .eventitem span i {
    margin-right: 5px;
}
body#page_artist #contentMain #contentMainInner #eventlist_artist .eventitem a:hover h5,
body#page_city #contentMain #contentMainInner #eventlist_artist .eventitem a:hover h5,
body#page_venue #contentMain #contentMainInner #eventlist_artist .eventitem a:hover h5 {
    color: #eb8d1e;
}
body#page_artist span#event_header_info_copyright,
body#page_city span#event_header_info_copyright,
body#page_event span#event_header_info_copyright,
body#page_venue span#event_header_info_copyright {
    position: absolute;
    color: white;
    font-size: 10px;
    background: rgba(0,0,0,0.4);
    padding: 10px 20px;
    right: 0;
    bottom: 0;
}
body#page_artist #pagination ul#page_list {
    text-align: center;
    margin-top: 85px;
    margin-bottom: 75px;
}
body#page_artist #pagination ul#page_list li {
    display: inline-block;
}
body#page_artist #pagination ul#page_list li a,
body#page_artist #pagination ul#page_list li span {
    padding: 10px 15px;
    box-shadow: 0 5px 20px 0 rgba(0,0,0,.08);
    color: #424242;
    margin-right: 10px;
}
body#page_artist #pagination ul#page_list li a.page_list_active {
    color: orange;
}
body#page_artist #pagination ul#page_list li a:hover {
    color: orange;
}

body#page_venue #sliderBGImage {
    background-size: cover;
    background: url(/assets/img/sliderBG.jpg) right;
}
body#page_city #sliderBGImage {
    background-size: cover;
    background: url(/assets/img/sliderBG.jpg) right;
}

body#page_event,
body#page_event #contentMain {
    background: #fdfdfd;
}
body#page_event #contentMain {
    padding-bottom: 120px;
}
body#page_event footer {
    top: 0;
}

#slider #sliderContent {
    position: relative;
    display: block;
    width: 100%;
    height: 450px;
    margin: 50px auto auto;
    overflow: hidden;
}
body#page_event #slider,
body#page_event #slider #sliderContent {
    height: 300px;
}
#slider,
#slider #sliderContent {
    height: 400px;
}
#slider #sliderInner,
#slider #sliderCover {
    width: 100%;
    /*height: 300px;*/
}
#slider #sliderBGImage {
    background-position: 50%;
    position: relative;
    width: 100%;
    height: 400px;
}
body#page_event #slider #sliderBGImage {
    height: 300px;
}
#slider #sliderInner {
    display: table;
}
#slider #sliderInner #sliderInnerWrapper {
    display: table-cell;
    vertical-align: middle;
}
body#page_event #slider #sliderInner h2 {
    font-size: 28pt;
    display: table-cell;
    vertical-align: middle;
    padding-left: 45px;
    position: relative;
    word-wrap: break-word;
}
body#page_event #contentMain #contentMainInner #eventlist_event,
body#page_event #contentMain #eventlist_travel {
    position: relative;
    top: 10px;
    width: 100%;
}
body#page_event #contentMain #contentMainInner {
    width: 100%;
    background: white;
    box-shadow: 0 5px 20px 0 rgba(0,0,0,.08);
}
body#page_event #contentMain #contentMainInner h2,
body#page_event #contentMain #contentMainInner_bottom h2 {
    margin-top: 0;
    padding-top: 30px;
}
body#page_event #contentMain #contentMainInner aside#content_left {
}
body#page_event #contentMain #contentMainInner aside#content_right {
    background: white;
    border-left: 1px solid #ccc;
    /*height: 100%;*/
    height: auto;
}
body#page_event #contentMain #contentMainInner aside#content_left ul#eventlist_event li {
    border-bottom: 1px solid #e4e4e4;
}
body#page_event #contentMain #contentMainInner aside#content_left ul#eventlist_event li:last-child {
    border-bottom: none;
}
body#page_event #contentMain #contentMainInner aside#content_right h2 {
    color: #2b2b2b;
    font-size: 20px;
    text-align: left;
    margin-top: 0;
    font-weight: bold;
}
body#page_event #contentMain #contentMainInner #eventlist_event .eventitem {
    background: white;
    padding: 20px 10px;
}
body#page_event #contentMain #contentMainInner #eventlist_event .eventitem a:hover tr:first-child td {
    color: #eb8d1e;
}
body#page_event #contentMain #contentMainInner #eventlist_event .eventitem table {
    float: left;
}
body#page_event #contentMain #contentMainInner #eventlist_event .eventitem table tr:first-child td {
    font-weight: 600;
    font-size: 14pt;
}
body#page_event #contentMain #contentMainInner #eventlist_event .eventitem table tr:last-child td {
    color: gray;
    font-size: 10pt;
    padding-top: 5px;
    padding-right: 20px;
}
body#page_event #contentMain #contentMainInner #eventlist_event .eventitem table tr:last-child td i {
    margin-right: 5px;
}
body#page_event #contentMain #contentMainInner #eventlist_event .eventitem table tr td.portal_logo {
    padding-right: 20px;
    width: 125px;
    text-align: center;
    vertical-align: middle;
}
body#page_event #contentMain #contentMainInner #eventlist_event .eventitem .eventitem_price {
    float: right;
    font-size: 11pt;
    color: black;
    position: relative;
    top: 14px;
    right: 15px;
}
body#page_event #contentMain #contentMainInner #eventlist_event .eventitem .eventitem_price strong {
    font-size: 12pt;
    margin-left: 5px;
}
body#page_event #contentMain #contentMainInner #eventlist_event .eventitem .eventitem_clear {
    clear: both;
}
body#page_event #contentMain #contentMainInner #eventlist_event .eventitem.eventitem_moredates {
    border-top: 1px solid white;
    margin-top: -1px;
    padding-top: 10px;
}
body#page_event #contentMain #contentMainInner #eventlist_event .eventitem.eventitem_moredates a,
body#page_event #contentMain #contentMainInner #eventlist_event .eventitem.eventitem_moredates a i {
    color: gray;
    font-size: 13px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
body#page_event #contentMain #contentMainInner #eventlist_event .eventitem.eventitem_moredates a i {
    margin-left: 5px;
}
body#page_event #contentMain #contentMainInner #eventlist_event .eventitem.eventitem_moredates a:hover,
body#page_event #contentMain #contentMainInner #eventlist_event .eventitem.eventitem_moredates a:hover i {
    color: #eb8d1e;
}
body#page_event #contentMain #contentMainInner #eventlist_event .eventitem.eventitem_moredates a:hover i {
    margin-left: 10px;
}
body#page_event #contentMain #eventlist_travel .eventitem {
    width: 100%;
    background: white;
    display: inline-block;
}
body#page_event #contentMain #eventlist_travel .eventitem a .eventitem_image img {
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
body#page_event #contentMain #eventlist_travel .eventitem a:hover .eventitem_image img {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}
body#page_event #contentMain #eventlist_travel .eventitem .eventitem_image {
    height: 100px;
}
body#page_event #contentMain #eventlist_travel .eventitem .eventitem_image img {
    vertical-align: middle;
    margin-top: 27px;
    height: 45px;
}
body#page_event #contentMain #eventlist_travel .eventitem .eventitem_info {
    padding: 24px;
    overflow: hidden;
}
body#page_event #contentMain #eventlist_travel .eventitem .eventitem_info span {
    color: #514e4e;
    font-weight: 600;
    font-size: 12pt;
    position: relative;
}
body#page_event #contentMain #contentMainInner #eventlist_eventdetails {
    position: relative;
    top: 10px;
}
body#page_event #contentMain #contentMainInner #eventlist_eventdetails .eventitem {
    background: white;
    padding: 0;
    width: 100%;
}
body#page_event #contentMain #contentMainInner #eventlist_eventdetails .eventitem a {
    color: black;
}
body#page_event #contentMain #contentMainInner #eventlist_eventdetails .eventitem p {
    line-height: 1.5em;
    font-size: 11pt;
}
body#page_event #contentMain #contentMainInner #eventlist_eventdetails .eventitem .eventitem_image {
    width: 150px;
    height: 150px;
    background: gray;
    float: left;
    -webkit-filter: grayscale(0.5);
    -moz-filter: grayscale(0.5);
    -ms-filter: grayscale(0.5);
    -o-filter: grayscale(0.5);
    filter: grayscale(0.5);
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
body#page_event #contentMain #contentMainInner #eventlist_eventdetails .eventitem .eventitem_info {
    position: relative;
    padding-top: 7px;
    word-wrap: break-word;
}
body#page_event #contentMain #contentMainInner #eventlist_eventdetails .eventitem .eventitem_info span {
    color: gray;
    font-size: 10pt;
}
body#page_event #contentMain #contentMainInner #eventlist_eventdetails .eventitem h4 {
    margin-top: 10px;
}
body#page_event ul#share_buttons {
    position: absolute;
    right: 20px;
    bottom: 5px;
}
body#page_event ul#share_buttons li {
    float: left;
    margin-left: 20px;
}
body#page_event #slider ul#share_buttons li a {
    color: #676767;
}
body#page_event #slider ul#share_buttons li a:hover {
    color: #eb8d1e;
}
body#page_event #contentMain #contentMainInner aside#content_right a {
    font-size: 15px;
    text-align: left;
    color: black;
}
body#page_event #contentMain #contentMainInner aside#content_right a:hover {
    color: #eb8d1e;
}
body#page_event #contentMain #contentMainInner aside#content_right #further_events {
    border-top: 1px solid #ccc;
}
body#page_event #contentMain h6#eventspage_footernotice {
    width: 100%;
    position: relative;
    top: 75px;
    margin-bottom: 25px;
    text-align: justify;
    font-size: 12px;
    font-weight: bold;
}
body#page_event #contentMainInner_bottom {
    box-shadow: 0 5px 20px 0 rgba(0,0,0,.08);
}
body#page_event #contentMainInner_bottom #content_containerbottom_left {
    width: 100%;
    text-align: center;
}
body#page_event #contentMainInner_bottom #content_containerbottom_right {
    width: 27%;
    float: right;
    border-left: 1px solid #ccc;
    height: 100%;
}
body#page_event #contentMainInner_bottom #content_containerbottom_right h2 {
    color: #2b2b2b;
    font-size: 20px;
    text-align: left;
    margin-left: 30px;
    margin-top: 30px;
    font-weight: bold;
    padding-top: 0;
}
body#page_event #contentMainInner_bottom #content_containerbottom_right ul {
    margin-left: 30px;
}
body#page_event #contentMainInner_bottom #content_containerbottom_right ul li {
    padding: 12px 0;
}
body#page_event #contentMainInner_bottom #content_containerbottom_right ul li a {
    font-size: 11pt;
    font-weight: bold;
    color: black;
}
body#page_event #contentMainInner_bottom #content_containerbottom_right ul li a:hover {
    color: #eb8d1e;
}
body#page_event .page_freizeit_p {
    margin-left: 45px;
    margin-top: 0;
    width: 90%;
    text-align: justify;
    font-size: 14px;
    color: #424242;
}


/* ================ PageLayout: ContentInfo ================= */

body#page_contentInfo #headerContainer {
    height: 125px !important;
}
body#page_contentInfo #contentMain {
    margin-top: 50px;
}
body#page_contentInfo #contentMain #contentMainInner {
    box-sizing: border-box;
}
body#page_contentInfo #contentMain #contentMainInner h2 {
    color: black;
    text-align: left;
    margin-top: 0;
    margin-bottom: 35px;
}
body#page_contentInfo #contentMain #contentMainInner p {
    color: #514e4e;
    font-size: 15px;
    line-height: 1.6;
    text-align: justify;
}
body#page_contentInfo #contentMain #contentMainInner a {
    color: #eb8d1e;
}
body#page_contentInfo #contentMain #contentMainInner a:hover {
    color: #514e4e;
}
body#page_contentInfo #contentMain #contentMainInner span.span_info_small_orange {
    color: #eb8d1e;
    font-size: 11px;
    font-weight: 600;
}

/* ============== END PageLayout: ContentInfo =============== */

.clear {clear: both;}
.nohover:hover {
    color: black !important;
}
.nohover .eventitem_info {
    padding-bottom: 40px;
}
#info_content_noevents {
    text-align: center;
    padding-top: 30px;
    font-weight: 600;
    font-size: 20px;
    background: white;
    padding-bottom: 30px;
    border: 5px solid orange;
}


/* ================ PageLayout: HomePage ================= */

#headerContainer {
    width: 100%;
    margin-top: 0;
}
#headerContainer #headerContainerInner {
    z-index: 9;
    width: 100%;
}
#headerContainer #headerContainerInner #header_top_nav_bar {
    background: white;
    /*height: 100px;*/
    width: 100%;
    box-shadow: 0px 0px 35px -12px rgba(0,0,0,0.5);
}
#headerContainer #headerContainerInner #header_top_nav_bar #header_top_nav_bar_searchbar,
#headerContainer #headerContainerInner #header_top_nav_bar #header_top_nav_bar_searchbar_mobile {
    top: 3px;
    position: relative;
    width: 100%;
    margin: auto;
}
#headerContainer #headerContainerInner #header_top_nav_bar #header_top_nav_bar_searchbar input,
#headerContainer #headerContainerInner #header_top_nav_bar #header_top_nav_bar_searchbar_mobile input {
    border: 1px solid #e2e2e2;
    font-size: 15px;
    padding: 10px 15px;
    width: 100%;
    letter-spacing: 0.35px;
    background: white;
}
#headerContainer #headerContainerInner #header_top_nav_bar #header_top_nav_bar_searchbar input:focus,
#headerContainer #headerContainerInner #header_top_nav_bar #header_top_nav_bar_searchbar_mobile input:focus {
    border: 1px solid #cecece;
}
#headerContainer #headerContainerInner #header_top_nav_bar #header_top_nav_bar_searchbar button,
#headerContainer #headerContainerInner #header_top_nav_bar #header_top_nav_bar_searchbar_mobile button {
    position: relative;
    float: right;
    top: -28px;
    left: 0;
    margin-right: 20px;
    font-size: 15px;
}
#headerContainer #headerContainerInner #header_top_nav_bar #header_top_nav_bar_usernav {
    position: absolute;
    right: 0;
    top: 20px;
    font-size: 15pt;
}
#headerContainer #headerContainerInner #header_top_nav_bar #header_top_nav_bar_usernav ul li {
    display: inline-block;
    margin-left: 25px;
}
#headerContainer #headerContainerInner #header_top_nav_bar #header_top_nav_bar_usernav ul li a {
    color: #424242;
}
#headerContainer #headerContainerInner #header_top_nav_bar #header_top_nav_bar_usernav ul li a:hover {
    color: #eb8d1e;
}
#headerContainer #headerContainerInner form input[type=text] {
    font-size: 14pt;
    padding: 15px 35px;
    border-radius: 3px;
    border: 2px solid white;
    width: 500px;
    margin-top: 20px;
    outline: none;
    background: white;
}
#headerContainer #headerContainerInner form button {
    position: relative;
    left: -50px;
    top: 275px;
    font-size: 20px;
    color: #3e3e3e;
    background: none;
    border: none;
    cursor: pointer;
}
#headerContainer #headerContainerInner form button:hover {
    color: #eb8d1e;
}
#headerContainer #headerContainerInner #header_search {
    right: 75px;
    top: 40px;
}
#headerContainer #headerContainerInner #header_overlay_form_search {
    width: 100%;
    height: 475px;
    margin: auto;
    top: 0;
    position: relative;
    text-align: center;
}
#headerContainer #headerContainerInner #header_overlay_form_search h2 {
    color: white;
    text-align: center;
    width: 100%;
    margin-left: 0;
}
body#page_search #headerContainer #headerContainerInner #header_overlay_form_search h2 {
    color: #505050;
    margin-top: 80px;
}
body#page_search #contentMainInner {
    margin-top: 75px;
}
#headerContainer #headerContainerInner #header_overlay_form_search form input {
    position: relative;
    top: 275px;
    width: 600px;
}
body#page_search #headerContainer #headerContainerInner #header_overlay_form_search form input {
    border: 1px solid #ccc;
    top: 250px;
}
body#page_search #headerContainer #headerContainerInner #header_overlay_form_search form button {
    top: 250px;
}
body#page_search #header_404_searchfound {
    position: relative;
    top: 270px;
    color: #505050;
}
body#page_home #contentMain #contentMainInner {
    background: none;
}
body#page_home #contentMain #contentMainInner ul,
body#page_search #contentMain #contentMainInner ul {
    width: 100%;
    margin: auto auto auto -20px;
}
body#page_home #t24_additional_info {
    font-size: 12px;
    color: #929292;
    padding-bottom: 50px;
    margin-top: 100px;
    background: white;
}
body#page_home #t24_additional_info #t24_additional_info_inner {
    line-height: 1.4em;
}
body#page_home #t24_additional_info a {
    color: #929292;
}
body#page_home #t24_additional_info strong {
    font-weight: normal;
}
body#page_home section#section_venuelist {
    margin-top: 100px;
}
body#page_home section#section_venuelist .list_a_more {
    text-align: center;
    margin-top: 50px;
    margin-bottom: 100px;
}
body#page_home section#section_venuelist a#a_venue_more {
    box-shadow: 0 4px 8px 0 rgba(200,200,200,.4);
    background: white;
    color: #424242;
    font-weight: 600;
    text-align: center;
    padding: 15px 30px;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    letter-spacing: 0.35px;
}
body#page_home section#section_venuelist a#a_venue_more:hover {
    color: #eb8d1e;
}
body#page_home section#section_artists_trending {
    margin-top: 100px;
    padding: 20px 50px 35px 50px;
    border: 7px solid orange;
}

body#page_home section#section_artists_trending ul#eventlist {
    width: 935px;
    margin: auto;
    position: relative;
    left: -30px;
}
body#page_home section#section_artists_trending ul#eventlist .eventitem {
    margin-left: 30px;
}
body#page_home section#section_citylist {
    margin-top: 100px;
}
body#page_home section#section_citylist #citylist {
    width: 100%;
}
body#page_home section#section_citylist #citylist .cityitem {
    width: 100%;
    height: 300px;
    display: inline-block;
    box-shadow: 0 5px 20px 0 rgba(0,0,0,.08);
}
body#page_home section#section_citylist #citylist .cityitem a {
    width: 100%;
    height: 100%;
    position: relative;
    text-align: center;
    font-size: 35px;
    color: white;
    display: block;
    overflow: hidden;
}
body#page_home section#section_citylist #citylist .cityitem .cityitem_overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    background: rgba(0,0,0,0.5);
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
body#page_home section#section_citylist #citylist .cityitem .cityitem_sidebar {
    width: 100px;
    height: 100%;
    position: relative;
}
body#page_home section#section_citylist #citylist .cityitem .cityitem_sidebar_shape {
    content: '';
    height: 300px;
    width: 175px;
    background: url(/assets/img/ribbon_header.svg);
    display: inline-block;
    z-index: 1;
    position: absolute;
    top: 0;
    left: 20px;
}
body#page_home section#section_citylist #citylist .cityitem a span {
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
    position: absolute;
    margin-left: -163px;
    top: 137px;
    height: 25px;
    width: 301px;
    font-size: 35px;
    font-weight: bold;
    padding: 20px 25px 0 40px;
    z-index: 2;
    color: #424242;
    background: white;
    text-align: left;
    bottom: 20px;
    left: 20px;
    letter-spacing: 0.4px;
}
body#page_home section#section_citylist #citylist .cityitem a span i {
    font-style: normal;
    font-size: 13px;
    color: #545353;
    line-height: 1.8;
}
body#page_home section#section_citylist #citylist .cityitem a .cityitem_background {
    transition: all .4s ease-in-out;
    width: 100%;
    height: 100%;
    position: absolute;
}
body#page_home section#section_citylist #citylist .cityitem a:hover .cityitem_overlay {
    background: rgba(0,0,0,.2);
}
body#page_home section#section_citylist #citylist .cityitem.cityitem_frankfurt .cityitem_background {
     background: url(/assets/img/cities/frankfurt.jpg);
     background-size: cover;
     background-position: 50%;
}
body#page_home section#section_citylist #citylist .cityitem.cityitem_berlin .cityitem_background {
     background: url(/assets/img/cities/berlin.jpg);
     background-size: cover;
     background-position: 50%;
}
body#page_home section#section_citylist #citylist .cityitem.cityitem_munich .cityitem_background {
     background: url(/assets/img/cities/munich.jpg);
     background-size: cover;
     background-position: 50%;
}
body#page_home section#section_citylist #citylist .cityitem.cityitem_hamburg .cityitem_background {
     background: url(/assets/img/cities/hamburg.jpg);
     background-size: cover;
     background-position: 50%;
}

/* ============== END PageLayout: HomePage =============== */

.advertisement {
    text-align: center;
    margin-top: 30px;
    border-top: 1px solid #e2e2e2;
    border-bottom: 1px solid #e2e2e2;
    padding-top: 15px;
    padding-bottom: 15px;
}
button {outline: none;}




.tt-query,
.tt-hint {
    width: 396px;
    padding: 8px 12px;
    font-size: 16px;
    line-height: 40px;
    border: 2px solid #ccc;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    outline: none;
}
.tt-menu {
    background: white;
    box-shadow: 0 5px 20px 0 rgba(0,0,0,.08);
    /*width: 448px;*/
    border: 1px solid #e4e4e4;
    margin-top: -1px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    border-top: 1px solid #efefef;
    padding: 10px 0;
    width: 100%;
}
.tt-query {
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.tt-hint {
    color: #999
}
.tt-suggestion {
    padding: 3px 20px;
    font-size: 16px;
    line-height: 24px;
}
.tt-suggestion.tt-cursor {
    background-color: #e4e4e4;
}
.tt-suggestion p {
    margin: 0;
}
.tt-selectable:hover {
    cursor: pointer;
    background-color: #e4e4e4;
}
.twitter-typeahead {
    width: 100%;
}

body#page_contentInfo.body_partners #contentMainInner .column {
    height: 125px;
}
body#page_contentInfo.body_partners #contentMainInner .partneritem_wrapper {
    height: 100%;
    display: table;
    width: 100%;
    text-align: center;
}
body#page_contentInfo.body_partners #contentMainInner .partneritem_wrapper a {
    display: table-cell;
    vertical-align: middle;
}

body#page_contentInfo table {
    width: 100%;
}
body#page_contentInfo table tr td {
    width: 25%;
    text-align: center;
    height: 110px;
    border: 1px solid #e8e8e8;
    cellspacing: 0;
    border-left: 0;
    border-bottom: 0;
}
body#page_contentInfo table tr td:first-child {
    border-left: 1px solid #e8e8e8;
}
body#page_contentInfo table tr:last-child td {
    border-bottom: 1px solid #e8e8e8;
}
a.nohover {
    cursor: text;
}
#info_advertisement {
    position: absolute;
    top: 50px;
    color: #929292;
    left: 15px;
    font-weight: bold;
    font-size: 12px;
}

.partnerwidget_bookingcom_map {
    margin-top: -45px;
    position: relative;
}
.partnerwidget_bookingcom_map #booking_com_map .column {
    padding-bottom: 0;
}
.partnerwidget_bookingcom_map #booking_com_map .column ins {
    top: 2px;
    position: relative;
}
.booking_com_overlay {
    background: white;
    position: absolute;
    margin-top: 14px;
    width: 100%;
    z-index: 5;
}

#announcement {
    margin-bottom: 45px;
    margin-top: -25px;
}
#announcement .container {
    position: relative;
    display: block;
    width: 100%;
    margin-top: 50px;
    overflow: hidden;
    background: white;
    box-shadow: 0 5px 20px 0 rgba(0,0,0,.08);
}
#announcement h5 {
    padding: 20px 30px;
}
#announcement h5 a {
    color: #424242;
}
#announcement h5 a:hover {
    color: #eb8d1e;
}