/* desktop.css */
:focus {
  outline: -webkit-focus-ring-color auto 5px;
}
.mm-navbar__title>span{
	color: #fff;
}
#top a {
    color: inherit !important
}

.logo a {
    background-image: none !important
}

body {
    background-color: #404040;
    background-image: url("/files/cto-theme/img/hintergrund_www.jpg");
    font: 16px "Univers LT W01_45 Light1475944", sans-serif;
    color: #fff;
    background-attachment: fixed;
    font-family: "Univers LT W01_45 Light1475944", sans-serif !important
}

#header .mod_navigation, #main > .inside, #footer .inside, .logoBox .insideBox {
    max-width: 1280px;
    margin-right: auto;
    margin-left: auto;
    padding-right: 40px;
    padding-left: 40px
}

#header .inside {
    width: 100%;
    display: inline-block
}

.logoBox {
    width: 100%;
    float: left;
    background-color: rgba(255, 255, 255, .15)
}

.logoText {
    float: left;
    margin-top: 80px;
    margin-left: 80px;
    font-family: "Univers LT W01_67 Bold_1476016", sans-serif;
    font-size: 4vw;
    letter-spacing: .5px
}

a:hover, .mod_eventlist.highlight:hover {
    cursor: pointer
}

h1 {
    font-size: 29px;
    line-height: 1.1em;
    text-transform: uppercase
}

h1, h2 {
    font-family: "Univers LT W01_67 Bold_1476016", sans-serif;
    text-transform: uppercase
}

h3 {
    margin-top: 10px;
    margin-bottom: 10px
}

.color_rosa {
    color: #206683
}

.color_Hblau {
    color: #b13334
}

.color_Dblau {
    color: #156964
}

.color_black {
    color: #615f5f
}

.color_green {
    color: #d0438f
}

.color_gelb {
    color: #e47c45
}

a {
    color: #d5d5d5;
    text-decoration: none
}

a:hover, div.mod_eventlist.highlight.block:hover {
    color: #fff
}

.info .inside a.button {
    font-size: 14px;
    color: #fff;
    text-decoration: none;
    background-image: none;
    transition: none
}

.info .inside a.button:hover {
    background-color: #b13334;
    text-decoration: none
}

.info .begrenzung a.button {
    background-color: rgba(177, 51, 52, .9)
}

.info .inside a {
    color: #d5d5d5;
    text-decoration: underline
}

.info .inside a:hover {
    color: #fff;
    text-decoration: underline
}

.facebookContainer .facebooklink.button {
    margin-bottom: 25px;
    background-color: rgba(59, 89, 152, .8);
    color: #3b5998;
    background-image: none;
    transition: none
}

.facebookContainer a.facebooklink.button:hover {
    background-color: #3b5998
}

a.facebooklink:before {
    margin-right: 6px;
    font-family: 'FontAwesome';
    content: "\f230"
}

.button {
    display: inline-block;
    padding: 10px;
    background-color: rgba(85, 108, 130, .8);
    border: 0px;
    text-decoration: none
}

#tl_avisota_recipient .submit_container input[type="submit"] {
    display: inline-block;
    margin-top: 0;
    padding: 10px;
    background-color: rgba(85, 108, 130, .8);
    border: 0px;
    color: #fff;
    text-decoration: none
}

#tl_avisota_recipient .submit_container input[type="submit"]:hover, .submit_container input[type="submit"]:hover {
    background-color: #556c82
}

mod_eventreader .begrenzung.three {
    margin-top: 30px
}

#header .mod_navigation {
    overflow: visible;
    margin-top: 60px
}

.mod_navigation ul {
    margin: 0;
    padding: 0;
    List-style-type: none
}

#header .mod_navigation ul {
    margin: 0;
    padding: 0;
    background-color: #000000;
    List-style-type: none
}

#header .mod_navigation ul > li span, #header .mod_navigation ul > li strong {
    display: block;
    padding: 10px 15px
}

#header .mod_navigation ul.level_2 {
    min-width: 125px;
    left: 0;
    position: absolute;
    display: none;
    margin-top: 5px;
    border-top: 1px solid #303030;
    list-style-type: none;
    z-index: 99
}

#header .mod_navigation ul.level_2 li {
    position: relative
}

#header .mod_navigation .level_1 > li {
    position: relative;
    display: inline-block;
    padding: 5px 10px;
    white-space: nowrap;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004);
    text-rendering: optimizeLegibility !important;
    -webkit-font-smoothing: antialiased !important
}

#header .mod_navigation .level_1 > li:hover, #header .mod_navigation .level_2 > li:hover:not(.elektro):not(.drumbass):not(.heavy):not(.gothic):not(.tolerance):not(.aftershow):not(.kinder):not(.live), #header .mod_navigation ul > li.active {
    background-color: #556c82
}

#header .mod_navigation .level_1 li.trail {
    background-color: #556c82
}

#header .mod_navigation .level_1 > li:hover > a, #header .mod_navigation .level_2 > li:hover a {
    color: #fff
}

#header .mod_navigation .level_1 > li:hover ul.level_2 {
    display: inline
}

#header .mod_navigation a:hover li {
    display: block
}

#header .mod_navigation ul > li a, #footer .mod_navigation ul.level_1 > li > a {
    font-size: 12px;
    line-height: 1.1em;
    color: #d5d5d5;
    text-transform: uppercase;
    text-decoration: none
}

#header .mod_navigation li.elektro:hover:before, #header .mod_navigation li.drumbass:hover:before, #header .mod_navigation li.heavy:hover:before, #header .mod_navigation li.gothic:hover:before, #header .mod_navigation li.tolerance:hover:before {
    width: 100%;
    z-index: -1
}

#header .mod_navigation li.aftershow:hover:before, #header .mod_navigation li.kinder:hover:before, #header .mod_navigation li.live:hover:before {
    width: 100%;
    z-index: -1
}

#header .mod_navigation li.elektro:before, #header .mod_navigation li.drumbass:before, #header .mod_navigation li.heavy:before, #header .mod_navigation li.gothic:before, #header .mod_navigation li.tolerance:before, #header .mod_navigation li.aftershow:before {
    width: 3px;
    height: 100%;
    left: 0;
    top: 0;
    position: absolute;
    content: "";
    -webkit-transition: width 0.5s;
    /* For Safari 3.1 to 6.0 */
    transition: width 0.5s
}

#header .mod_navigation li.kinder:before, #header .mod_navigation li.live:before {
    width: 3px;
    height: 100%;
    left: 0;
    top: 0;
    position: absolute;
    content: "";
    -webkit-transition: width 0.5s;
    /* For Safari 3.1 to 6.0 */
    transition: width 0.5s
}

#header .mod_navigation li.elektro:before, #header .mod_navigation ul > li.active.elektro {
    background-color: #206683
}

#header .mod_navigation li.drumbass:before, #header .mod_navigation ul > li.active.drumbass, #header .mod_navigation li.live:before, #header .mod_navigation ul > li.active.live {
    background-color: #b13334
}

#header .mod_navigation li.kinder:before, #header .mod_navigation ul > li.active.kinder {
    background-color: #e47c45
}

#header .mod_navigation li.gothic:before, #header .mod_navigation ul > li.active.gothic {
    background-color: #1f1f1f
}

#header .mod_navigation li.tolerance:before, #header .mod_navigation ul > li.active.tolerance {
    background-color: #d0438f
}

#header .mod_navigation li.heavy:before, #header .mod_navigation li.active.heavy {
    background-color: #156964
}

#header .mod_navigation li.aftershow:before, .mod_navigation li.active.aftershow, #header .mod_navigation li.kinder:before, .mod_navigation li.kinder.aftershow {
    background-color: #e47c45
}

#header .mod_navigation li.tolerance:before, .mod_navigation li.active.tolerance {
    background-color: #d0438f
}

#header .mod_navigation li.gothic:before, .mod_navigation li.active.gothic {
    background-color: #1f1f1f
}

#footer .mod_navigation ul.level_1 > li > a:hover {
    color: #fff
}

#header .mod_navigation ul > li span, #footer .mod_navigation ul.level_1 > li > span {
    font-size: 12px;
    line-height: 1.1em;
    color: #fff;
    text-transform: uppercase;
    text-decoration: none
}

#footer .mod_navigation .level_1 > li {
    float: left;
    display: inline-block;
    padding: 10px 15px
}

#footer .mod_navigation {
    margin-top: 20px
}

#footer .mod_navigation ul.level_2 > li a {
    font-size: 12px;
    color: #d5d5d5;
    text-decoration: none
}

#footer .mod_navigation ul.level_2 > li a:hover {
    color: #fff
}

#footer .mod_navigation ul.level_2 > li span {
    font-size: 12px;
    color: #fff;
    text-decoration: none
}

#footer .mod_navigation ul.level_2 > li {
    display: block;
    padding-bottom: 5px;
    text-align: left
}

#footer .mod_navigation ul.level_2 > li:first-child {
    padding-top: 15px
}

#main {
    clear: both;
    margin-top: 30px
}

.event_list > div.event {
    margin-bottom: 20px;
    padding: 5px 10px;
    text-align: right;
    background-color: rgba(255, 255, 255, .2);
    border-left: 3px solid #fff;
    color: #f0f0f0
}

.event_list > div.event h2, .event_list > div.event p {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 19px
}

.event_list > div.event p {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 12px
}

.event_list .event a {
    color: #e6e6e6;
    text-decoration: none
}

.event_list .event a:hover {
    color: #fff
}

figure.image_container {
    overflow: hidden;
    margin: 0;
    padding: 0;
    line-height: 0
}

.logo figure.image_container {
    max-width: 200px;
    margin: auto
}

.logo {
    width: 33%;
    float: right;
    margin-top: 30px;
    margin-bottom: 30px
}

.highlight_connex_img img {
    width: 100%;
    height: auto;
    display: inline;
    border: 3px solid #fff
}

.ce_image {
    display: inline
}

#news {
    margin-top: 60px;
    border-top: 3px solid #fff
}

#footer {
    margin-top: 60px;
    border-top: 3px solid #fff
}

.copyright {
    margin-top: 30px;
    margin-bottom: 15px;
    font-size: 12px
}

div.event.Gay:hover {
    border-color: #d0438f
}

div.event.Elektronisch:hover {
    border-color: #206683
}

div.event.Aftershow:hover, div.event.Sonstiges:hover {
    border-color: #e47c45
}

div.event.Rock:hover {
    border-color: #156964
}

div.event.Gothic:hover {
    border-color: #000000
}

.mod_eventlist.highlight .event {
    width: 45%;
    max-width: 400px;
    float: left;
    display: inline-block;
    margin-top: 10%;
    margin-right: 10%
}

.mod_eventlist.highlight .event:nth-child(even) {
    margin-right: 0
}

.mod_eventlist.highlight h2 a {
    text-transform: uppercase
}

.mod_eventlist .event > div {
    text-align: right
}

.layout_list_genre {
    width: 32%;
    position: relative;
    float: left;
    margin-right: 2%;
    margin-bottom: 2%;
    min-height: 29vw
}

.layout_list_genre:nth-child(3n + 3) {
    margin-right: 0
}

img.eventKat48 {
    border-top: 8px solid #206683
}

img.eventKat47 {
    border-top: 8px solid #b13334
}

img.eventKat49 {
    border-top: 8px solid #e47c45
}

.event.genre48:hover {
    border-color: #206683
}

.event.genre49:hover {
    border-color: #e47c45
}

.event.genre47:hover {
    border-color: #b13334
}

.event.genre48:hover .mouseover {
    background-color: #206683
}

.event.genre47:hover .mouseover {
    background-color: #b13334
}

.event.genre49:hover .mouseover {
    background-color: #e47c45
}

.event_list .header .genre47 a:hover {
    color: #b13334
}

.event_list .header .genre49 a:hover {
    color: #e47c45
}

.event_list .header .genre48 a:hover {
    color: #206683
}

.mod_eventreader .image_container, .mod_eventreader .event_info {
    float: left;
    display: inline-block;
    margin-right: 30px
}

.mod_eventreader .event .info {
    float: left
}

.mod_eventreader {
    margin-top: 30px
}

#alle-events .event .image_container, #alle-events .event .event_info {
    display: inline-block;
    vertical-align: top
}

#alle-events .event .image_container {
    margin-right: 30px
}

#alle-events .event {
    width: 50%;
    float: left;
    margin-bottom: 40px
}

.nav_burger {
    display: none
}

.relevance {
    display: none
}

.mod_avisota_subscription .checkbox_container span {
    display: block
}

.mod_avisota_subscription .checkbox_container legend span {
    display: inline
}

p.error {
    color: #de0707
}

input.error {
    border: 1px solid #de0707
}

input[type="text"], textarea, select {
    width: 100%
}

select {
    padding: 3px 10px 4px;
    background-color: #000;
    border-top: 0px solid;
    border-right: 0px solid;
    border-bottom: 0px solid;
    border-left: 3px solid;
    border-radius: 0;
    color: #d5d5d5;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.mod_quicklink {
    margin-bottom: 12px
}

input.captcha {
    width: 60px
}

.mod_eventreader .image_container {
    width: 30%;
    max-width: 400px
}

.mod_eventreader .info {
    width: 60%
}

.event.layout_list h3 {
    margin-top: 2px;
    margin-bottom: 2px
}

.genre_eventcontainer img {
    width: 100%
}

.layout_list_genre:hover .mouseover, .genre_eventcontainer:hover .mouseover {
    cursor: pointer;
    opacity: 0.9;
    -webkit-transition: background 400ms linear;
    -moz-transition: background 400ms linear;
    -ms-transition: background 400ms linear;
    -o-transition: background 400ms linear;
    transition: background 400ms linear
}

#header .mod_navigation ul > li.active:before, #header .mod_navigation ul > li.active:hover:before {
    width: 0;
    display: none
}

.mouseover {
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    position: absolute;
    opacity: 0
}

.mouseover .inside {
    margin-top: 20%;
    padding: 6%
}

.mouseover .mouseover_button {
    margin-top: 10%;
    margin-right: 10%;
    margin-left: 10%;
    padding: 5%;
    text-align: center;
    border: 2px solid #fff;
    color: #fff;
    text-transform: uppercase
}

.mouseover .mouseover_button:hover {
    background-color: #556c82
}

.mouseover .inside > span {
    display: block
}

.genre_eventcontainer {
    position: relative
}

.genre_eventcontainer h3 {
    text-align: center;
    text-transform: uppercase
}

.layout_list_genre .image_container img, .genre_eventcontainer .image_container img {
    transition: transform 0.7s;
    -moz-transition: transform 0.7s;
    -webkit-transition: transform 0.7s;
    -o-transition: transform 0.7s;
    -ms-transition: transform 0.7s
}

.layout_list_genre:hover .image_container img, .genre_eventcontainer:hover .image_container img {
    transform: scale(1.03);
    -moz-transform: scale(1.03);
    -webkit-transform: scale(1.03);
    -o-transform: scale(1.03);
    -ms-transform: scale(1.03)
}

.googlemaps {
    width: 100%;
    height: 500px;
    margin-top: 10%;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%)
}

.event_floor span {
    float: right;
    font-size: 14px
}

.mod_eventreader .event_floor span {
    float: left;
    font-size: 14px
}

.mod_eventreader .date {
    clear: both;
    padding-top: 6px;
    font-size: 1.4em
}

.event_floor span:after {
    padding-right: 3px;
    padding-left: 3px;
    font-size: 14px;
    content: "|"
}

#index .event_floor span:first-child:after {
    display: none;
    content = " "
}

.mod_eventreader .event_floor span:last-child:after {
    display: none;
    content = " "
}

.anfahrtsmap {
    width: 100%;
    height: 70%;
    min-width: 300px;
    min-height: 200px
}

.copyright.float_right {
    float: right
}

.copyright.float_left {
    float: left
}

.mouseover_datetime {
    text-align: center
}

.highlight_connex_img {
    overflow: visible
}

.confirm {
    font-weight: bold;
    color: #00ff1a
}

.checkbox_container span {
    display: block
}

.mod_unsubscribe input.text, .mod_subscribe input.text {
    width: 300px
}

.mod_breadcrumb li {
    float: left;
    margin-right: 12px;
    font-size: .8em
}

.mod_breadcrumb li:before {
    margin-right: 6px;
    font-family: 'FontAwesome';
    content: "\f105"
}

.mod_faqreader .info {
    display: none
}

.mod_faqreader a {
    text-decoration: underline
}

.mod_faqlist li a:before {
    margin-right: 6px;
    font-family: 'FontAwesome';
    content: '\f29c'
}

.mod_faqlist li {
    margin-bottom: 6px
}

.ce_inlinemedia iframe {
    width: 100%;
    height: 450px;
    margin-top: 30px;
    margin-bottom: 30px
}

form button:hover, input[type=submit]:hover, .button:hover {
    background-position: 0 0 !important
}

#mc_embed_signup .button {
    color: #404040 !important
}

#main #mc_embed_signup, .mm-opened #mc_embed_signup {
    background: transparent
}

.mod_eventlist.archivelist .mouseover {
    display: none
}

.mod_eventlist.archivelist .event {
    width: 120px;
    float: left;
    margin-right: .333%;
    margin-bottom: .333%
}
.ce_text.copyright.float_right div.block{
    display: inline;
}
.ce_youtube{
    margin-bottom: 30px;
    background-color: #000000;
}
.ce_youtube .video_container,
.ce_player{
    text-align: center;
}
.ce_player video{
    width: 100%;
}
.ce_player {
margin-bottom: 24px;
}

/* responsive_1024.css */
@media (max-width: 1024px) {
    .layout_list_genre {
        max-height: 280px
    }

    .ce_inlinemedia iframe {
        height: 320px
    }
}

/* tablet_768.css */
@media screen and (max-width: 768px) {
    #menu_desktop {
        display: none
    }

    .nav_burger {
        width: 100%;
        display: inline-block;
        margin-top: 20px;
        margin-bottom: 10px;
        margin-left: 20px
    }

    .nav_burger a {
        font-size: 20px;
        text-decoration: none;
        color: #fff;
        text-transform: uppercase
    }

    .nav_burger a:before {
        float: left;
        margin-right: 6px;
        font: 24px 'FontAwesome';
        color: #fff;
        content: "\f0c9"
    }

    .logo {
        display: inline-block;
        margin-right: 20px
    }

    #mm-0 .logo {
        width: 50%;
        float: none;
        margin-left: 20px
    }

    h1 {
        font-size: 22px
    }

    .mod_eventreader .image_container, .mod_eventreader .event_info {
        width: 30%
    }

    .layout_list_genre {
        max-height: 180px
    }

    .mouseover .inside {
        margin-top: 10%
    }

    .mouseover_title h3 {
        font-size: 1em
    }

    .mouseover span {
        font-size: .85em
    }

    .mouseover .mouseover_button {
        margin-right: 2%;
        margin-left: 2%
    }

    .logoText {
        margin-top: 110px;
        margin-left: 0
    }

    #mm-0 .mm-menu .mm-list {
        padding-top: 0
    }

    .ce_inlinemedia iframe {
        height: 280px
    }

    .mm-panel--opened .logo {
        width: 100%;
        float: none;
        display: block;
        margin-right: 0
    }
    .mm-panel--opened .ce_text{
        margin-left: 30px;
    }
    .mm-panel--opened .mod_navigation ul.level_1{
        margin-left: 30px;

    }
    .mm-panel--opened .mod_navigation ul.level_2 li{
        padding-left: 30px;

    }
    .mm-panel--opened .mod_navigation .level_1 > li > a{
        display: inline-block;
    }
    .mm-panel--opened .mod_navigation li > * {
        padding-top: 12px;
        padding-bottom: 12px;
        margin-right: 30px;

    }
    .mm-panel--opened .mod_navigation li > ul.level_2{
        padding-top: 0;
    }
     .mm-panel--opened .mod_navigation ul ul li > *{
         display: inline-block;
    }
    .mm-panel--opened .mod_navigation ul li{
        border-top: 1px solid #000;
    }
    .mm-panel--opened .mod_navigation ul ul li:nth-child(even) {


    }

    .mm-panel--opened .mod_navigation{
        margin-bottom: 40px;
    }
}

/* mobile_414.css */
@media screen and (max-width: 520px) {
    #header .mod_navigation, #main > .inside, #footer .inside, .logoBox .insideBox {
        padding-right: 3%;
        padding-left: 3%
    }

    .equalize > div {
        width: 100%;
        display: block
    }

    h1 {
        font-size: 18px
    }

    h2, h2 a {
        font-size: 15px
    }

    .mod_eventreader .image_container {
        margin-top: 5%
    }

    .mod_eventreader .image_container, .mod_eventreader .event_info {
        width: 100%
    }

    #footer .mod_navigation {
        display: none
    }

    #kontakt .ce_colsetStart > div, #rent-a-club .ce_colsetStart > div {
        width: 100%;
        display: block
    }

    .mod_eventreader .info {
        width: 100%
    }

    .c20l, .c25l, .c33l, .c40l, .c38l, .c50l, .c60l, .c62l, .c66l, .c75l, .c80l, .c15l, .c16l, .c30l, .c45l, .c55l, .c70l, .c85l, .c20r, .c25r, .c33r, .c40r, .c38r, .c50r, .c60r, .c62r, .c66r, .c75r, .c80r, .c15r, .c16r, .c30r, .c45r, .c55r, .c70r, .c85r {
        width: 100%;
        display: inline-block
    }

    .subcr {
        padding-right: 0 !important;
        padding-left: 0 !important
    }

    .subcr {
        padding: 0;
        padding-left: 0 !important
    }

    .subcl {
        padding: 0;
        padding-right: 0 !important
    }

    .subc {
        padding-right: 0 !important;
        padding-left: 0 !important
    }

    .equalize > div {
        display: inline-block
    }

    .layout_list_genre {
        width: 100%
    }

    .nav_burger a {
        font-size: 20px
    }

    .logo {
        width: 100%;
        float: none;
        display: block;
        margin-right: 0
    }

    .logoText {
        width: 100%;
        margin-top: 20px;
        margin-left: 0;
        text-align: center
    }

    .mod_eventlist.highlight {
        margin-bottom: 25px
    }

    .anfahrtsmap {
        height: 530px
    }

    .ce_inlinemedia iframe {
        height: 220px
    }
}

/* oversize.css */
@media screen and (min-width: 1280px) {
    .logoText {
        font-size: 60px
    }

    .layout_list_genre {
        min-height: 390px
    }
}