img, table {
    border: 0;
}

.width-100{
    width: 100%;
}

.box300, body {
    position: relative
}

body {
    font-size: 14px;
    background-repeat: repeat-x;
    background-color: #000;
    background-attachment: fixed;
}

body, select {
    font-family: 'Roboto Condensed',sans-serif
}

#footer, #warenkorb a, .input-drop {
    font-family: Arial,Helvetica,sans-serif
}

input[type=number], input[type=password], input[type=text], select {
    height: 30px;
    padding: 0 10px
}

html {
    -webkit-text-size-adjust: none
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

h1, h2, h3, h4 {
    margin: 0;
    padding: 0
}

#banner, #finden, #header, .login, .login .content .log {
    margin-bottom: 10px
}

.btn-pink, .btn-schwarz {
    padding: 5px 20px;
    font-size: 13px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    text-transform: uppercase
}

table {
    border-collapse: collapse
}

a {
    -webkit-transition: all .1s linear;
    -moz-transition: all .1s linear;
    -o-transition: all .1s linear;
    -ms-transition: all .1s linear;
    transition: all .1s linear;
    color: #000
}

high {
    background-color: #ff5
}

.pink {
    color: #e31a5e
}

.rot {
    color: red
}

hr.grau {
    border: none;
    border-top: 1px solid #abadb3;
    color: #fff;
    background-color: #fff;
    height: 1px
}

.btn-schwarz {
    color: #fff;
    background-image: none !important;
    background: #505050;
    -moz-box-shadow: inset 0 -10px 14px #000;
    -webkit-box-shadow: inset 0 -10px 14px #000;
    box-shadow: inset 0 -10px 14px #000
}

    .btn-pink:hover, .btn-schwarz:hover {
        -moz-box-shadow: inset 0 -10px 14px #b2b1b1;
        -webkit-box-shadow: inset 0 -10px 14px #b2b1b1
    }

    .btn-schwarz:hover {
        color: #000;
        background: #fdfdfd;
        box-shadow: inset 0 -10px 14px #b2b1b1
    }

.btn-pink {
    color: #fff;
    background-image: none !important;
    background: #e21a5e;
    -moz-box-shadow: inset 0 -10px 14px #990a3a;
    -webkit-box-shadow: inset 0 -10px 14px #990a3a;
    box-shadow: inset 0 -10px 14px #990a3a
}

    .btn-pink:hover {
        color: #000;
        background: #fdfdfd;
        box-shadow: inset 0 -10px 14px #b2b1b1
    }

    .btn-pink.aspNetDisabled, .btn-pink.aspNetDisabled:hover, .btn-schwarz.aspNetDisabled, .btn-schwarz.aspNetDisabled:hover {
        color: #888;
        background: #fdfdfd;
        -moz-box-shadow: inset 0 -10px 14px #b2b1b1;
        -webkit-box-shadow: inset 0 -10px 14px #b2b1b1;
        box-shadow: inset 0 -10px 14px #b2b1b1
    }

.clearfix {
    clear: both;
    font-size: 0
}

.captcha {
    display: inline-block;
    background: #fff
}

.geo-no, .geo-search, .geo-success {
    text-align: center;
    padding: 10px;
    margin-bottom: 10px;
    font-size: 16px;
    background: #e31a5e;
    overflow: hidden;
    color: #fff
}

#footer, #header {
    background: #ba9765;
    overflow: hidden
}

.geo-no a.close, .geo-search a.close, .geo-success a.close {
    font-size: 10px;
    border: 1px solid #fff;
    color: #fff;
    line-height: 10px;
    padding: 5px 10px;
    text-decoration: none
}

    .geo-no a.close:hover, .geo-search a.close:hover, .geo-success a.close:hover {
        border: 1px solid #ddd;
        color: #ddd
    }

#finden .kinos span, #footer, .geo-success a {
    color: #fff
}

.geo-search img.loading {
    margin-left: 10px;
    padding-top: 0;
    margin-top: 0
}

.geo-no .text, .geo-search .text, .geo-success .text {
    float: left;
    width: 90%
}

#wrapper {
    width: 1080px;
    padding: 10px;
    background-color: #fff;
    margin-left: 75px
}

#header {
    border: 0;
    padding: 10px 10px 0
}

#footer {
    padding: 20px 30px;
    font-size: 12px;
    line-height: 1.4em
}

#oben {
    float: left;
    font-size: 20px
}

    #oben img {
        margin-right: 10px
    }

#finden {
    float: right;
    width: 599px;
    overflow: hidden;
    text-transform: uppercase;
    background: #9e7c4b;
    -webkit-box-shadow: 1px 2px 4px 0 rgba(0,0,0,.75);
    -moz-box-shadow: 1px 2px 4px 0 rgba(0,0,0,.75);
    box-shadow: 1px 2px 4px 0 rgba(0,0,0,.75)
}

    #finden .suche {
        float: left;
        padding: 13px 15px
    }

        #finden .suche .normal input {
            height: 24px;
            display: inline-block;
            padding: 0 10px
        }

        #finden .suche .normal a {
            height: 24px;
            line-height: 24px;
            display: inline-block;
            padding-top: 0;
            padding-bottom: 0
        }

        #finden .suche .responsive {
            display: none
        }

    #finden .seperator {
        float: left
    }

    #finden .kinos {
        float: right;
        padding: 13px 15px
    }

        #finden .kinos select {
            height: 24px;
            margin-left: 10px
        }

#banner {
    -webkit-box-shadow: 1px 2px 4px 0 rgba(0,0,0,.75);
    -moz-box-shadow: 1px 2px 4px 0 rgba(0,0,0,.75);
    box-shadow: 1px 2px 4px 0 rgba(0,0,0,.75);
    font-size: 0
}

    #banner img {
        width: 100%;
        max-width: 100%
    }

    #banner .big {
        display: block
    }

    #banner .small {
        display: none
    }

.login .error {
    padding: 10px;
    background: #f99c9c;
    font-size: 16px;
    color: #a20101
}

.login .header {
    height: 30px;
    line-height: 30px;
    color: #fff;
    background-color: #e31a5e;
    padding: 0 5px 0 10px;
    overflow: hidden
}

    .login .header a {
        color: #fff
    }

.login .content {
    background: #eaeaea;
    padding: 6px;
    min-height: 125px
}

    .login .content .log {
        font-size: 0
    }

        .login .content .log input {
            font-size: 14px;
            height: 30px;
            display: inline-block;
            padding: 0 10px;
            margin-right: 5px;
            width: 98px
        }

    .login .content .zusatz {
        overflow: hidden
    }

        .login .content .zusatz .login-merken label {
            display: block;
            cursor: pointer
        }

            .login .content .zusatz .login-merken label input {
                display: inline-block
            }

    .login .content .fb-login {
        visibility: visible;
        float: right;
        margin-right: 2px;
        margin-top: 5px
    }

        .login .content .fb-login a {
            display: block;
            width: 98px;
            height: 25px;
            background: url(../img/fb-login.png) no-repeat
        }

    .login .content a.profil, .login .content a.tickets, .login .content a.voucher, .login .content a.vipcard, .login .content a.warenkorb {
        display: inline-block;
        height: 30px;
        line-height: 30px;
        margin-bottom: 5px;
        padding: 0 5px 0 32px;
        text-decoration: none;
        min-width: 120px;
    }

    .login .content .fb-login a:hover {
        background: url(../img/fb-login-hover.png) no-repeat
    }

    .login .content .zusatz .passwort-vergessen {
        margin-top: 5px;
        margin-left: 5px
    }

    .login .content .zusatz .anmeldung-newsletter {
        color: #e31a5e;
        text-transform: uppercase
    }

    .login .content a.profil {
        background: url(../img/icon-user.png) 5px 5px no-repeat
    }

    .login .content a.vipcard {
        background: url(../img/star.png) 5px 5px no-repeat
    }

    .login .content a.tickets {
        background: url(../img/tickets.png) 5px 5px no-repeat
    }

    .login .content a.voucher {
        background: url(../img/icon-voucher.png) 5px 5px no-repeat
    }

    .login .content a.warenkorb {
        background: url(../img/warenkorb.png) 5px 5px no-repeat
    }

        .login .content a.profil:hover, .login .content a.tickets:hover, .login .content a.voucher:hover, .login .content a.vipcard:hover, .login .content a.warenkorb:hover {
            background-color: #fff
        }

.sidebar-left-klein {
    width: 180px;
    float: left;
    margin-right: 10px
}

    .sidebar-left-klein div a img {
        width: 100%
    }

.content-mitte {
    float: right !important;
    width: 420px
}

.content-mitte1 {
    float: right;
    width: 440px
}

    .box300 img, .content-mitte1 img {
        max-width: 100%;
        width: 100%
    }

.gmaps {
    height: 300px;
    width: 100%
}

#sidebar, .box300 {
    width: 300px
}

.gmaps img {
    max-width: none
}

.ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin: 0;
    padding: 0
}

.box-four, .box300 {
    margin-bottom: 10px;
    float: left
}

#sidebar {
    float: right
}

.bggrau {
    background-color: #eaeaea
}

a:active.pink, a:link.pink, a:visited.pink {
    color: #e41a5f;
    font-size: 14px
}

a:active.black, a:link.black, a:visited.black {
    color: #000
}

.aktion-unten {
    overflow: hidden
}

.footer-box {
    margin-right: 50px;
    float: left
}

.footer-box-giant {
    margin-right: 0;
    float: left
}

#footer a:active, #footer a:link, #footer a:visited {
    color: #fff;
    text-decoration: none;
    font-weight: 400
}

.box300x250 {
    height: 250px
}

.box-aktion img, .box300 img {
    display: block
}

.box300 div.text1 {
    left: 0;
    max-width: 215px;
    top: 0;
    position: absolute;
    padding: 3px 8px;
    color: #3c3c3c;
    text-transform: uppercase;
    border-radius: 0 0 5px;
    -moz-border-radius: 0 0 5px;
    -webkit-border-radius: 0 0 5px;
    background: #e5e5e5;
    background: -moz-linear-gradient(top,#e5e5e5 0,#fff 3%,#f9f9f9 50%,#ccc 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#e5e5e5),color-stop(3%,#fff),color-stop(50%,#f9f9f9),color-stop(100%,#ccc));
    background: -webkit-linear-gradient(top,#e5e5e5 0,#fff 3%,#f9f9f9 50%,#ccc 100%);
    background: -o-linear-gradient(top,#e5e5e5 0,#fff 3%,#f9f9f9 50%,#ccc 100%);
    background: -ms-linear-gradient(top,#e5e5e5 0,#fff 3%,#f9f9f9 50%,#ccc 100%);
    background: linear-gradient(to bottom,#e5e5e5 0,#fff 3%,#f9f9f9 50%,#ccc 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#cccccc', GradientType=0 )
}

.box300 div.textunten {
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute
}

    .box300 div.textunten.rechts {
        text-align: right
    }

    .box300 div.textunten div.text2 {
        font-size: 12px;
        color: #fff;
        text-transform: uppercase;
        background: #565251;
        background: -moz-linear-gradient(top,#565251 0,#242424 100%);
        background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#565251),color-stop(100%,#242424));
        background: -webkit-linear-gradient(top,#565251 0,#242424 100%);
        background: -o-linear-gradient(top,#565251 0,#242424 100%);
        background: -ms-linear-gradient(top,#565251 0,#242424 100%);
        background: linear-gradient(to bottom,#565251 0,#242424 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#565251', endColorstr='#242424', GradientType=0 );
        padding: 2px 10px;
        text-align: left
    }

    .box300 div.textunten span.button {
        text-transform: uppercase;
        margin: 10px
    }

.box-four {
    width: 232px;
    margin-right: 10px;
    position: relative;
    font-size: 0
}

    .box-four div.text1, .box-four div.text2 {
        position: absolute;
        font-size: 12px;
        left: 0;
        text-transform: uppercase
    }

    .box-four:last-child {
        margin: 0
    }

    .box-four img {
        width: 100%;
        max-width: 100%
    }

    .box-four div.text1 {
        max-width: 130px;
        top: 0;
        padding: 3px 8px;
        color: #3c3c3c;
        border-radius: 0 0 5px;
        -moz-border-radius: 0 0 5px;
        -webkit-border-radius: 0 0 5px;
        background: #e5e5e5;
        background: -moz-linear-gradient(top,#e5e5e5 0,#fff 3%,#f9f9f9 50%,#ccc 100%);
        background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#e5e5e5),color-stop(3%,#fff),color-stop(50%,#f9f9f9),color-stop(100%,#ccc));
        background: -webkit-linear-gradient(top,#e5e5e5 0,#fff 3%,#f9f9f9 50%,#ccc 100%);
        background: -o-linear-gradient(top,#e5e5e5 0,#fff 3%,#f9f9f9 50%,#ccc 100%);
        background: -ms-linear-gradient(top,#e5e5e5 0,#fff 3%,#f9f9f9 50%,#ccc 100%);
        background: linear-gradient(to bottom,#e5e5e5 0,#fff 3%,#f9f9f9 50%,#ccc 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#cccccc', GradientType=0 )
    }

    .box-four div.text2 {
        bottom: 0;
        right: 0;
        color: #fff;
        background: #565251;
        background: -moz-linear-gradient(top,#565251 0,#242424 100%);
        background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#565251),color-stop(100%,#242424));
        background: -webkit-linear-gradient(top,#565251 0,#242424 100%);
        background: -o-linear-gradient(top,#565251 0,#242424 100%);
        background: -ms-linear-gradient(top,#565251 0,#242424 100%);
        background: linear-gradient(to bottom,#565251 0,#242424 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#565251', endColorstr='#242424', GradientType=0 );
        padding: 2px 10px
    }

.crumbs li:after, .infobanner {
    position: relative
}

#content-left {
    width: 750px;
    float: left
}

    #content-left .error {
        margin-bottom: 10px;
        padding: 10px;
        background: #f99c9c;
        font-size: 16px;
        color: #a20101
    }

    #content-left .zusatzinfo {
        padding: 10px;
        background: #f9f89c;
        font-size: 16px;
        color: #a26001
    }

    #content-left h1 {
        margin: 15px 0 17px;
        padding: 0;
        font-size: 24px
    }

#sidebar-left {
    width: 220px;
    overflow: hidden;
    float: left
}

#sidebar-left-klein {
    width: 180px;
    float: left;
    margin-right: 10px
}

#content-mitte {
    float: right !important;
    width: 520px
}

#content-mitte1 {
    float: left;
    width: 440px
}

    #content-mitte1 img, .box-aktion img, .box300 img, .filmdaten-left img {
        max-width: 100%;
        width: 100%
    }

.filmheadline {
    font-size: 18px;
    font-weight: 700;
    margin: 10px 0;
    display: inline-block;
    width: 100%
}

#auswahl img, #socialmedia img {
    display: inline;
    vertical-align: middle
}

.margin-bottom7px {
    margin-bottom: 7px
}

#list-klein, .margin-bottom10px {
    margin-bottom: 10px
}

.margin-top10px {
    margin-top: 10px !important
}

#socialmedia {
    text-align: center;
    font-size: 12px;
    color: #11263f;
    padding: 20px;
    line-height: 20px
}

    #socialmedia .teilen {
        float: left;
        margin-right: 10px
    }

#liste1 {
    width: 300px
}

#liste table {
    width: 100%;
    background-color: #f2f2f2
}

    #liste table tr {
        height: 30px
    }

        #liste table tr td {
            text-align: right;
            padding-right: 20px;
            font-weight: 700;
            border-right: #fff 1px solid
        }

            #liste table tr td.langtext {
                text-align: left;
                padding: 15px 10px 10px 0;
                font-weight: 400;
                border-right: none
            }

        #liste table tr:nth-child(2n) {
            background-color: #fff
        }

        #liste table tr td:nth-child(2n) {
            font-weight: 400;
            text-align: left;
            padding-left: 20px;
            width: 75%
        }

.text-pink {
    color: #e41a5f
}

.headline {
    font-size: 15px;
    font-weight: 700
}

#list-klein {
    padding: 10px;
    font-size: 13px;
    margin-top: 10px
}

.text-klein {
    font-size: 11px;
    font-style: italic
}

#list-klein img {
    float: left;
    border: 2px solid #fff;
    margin: 0 5px 5px 0
}

.imax > .event-highlights {
    height: 514px
}

.event-highlights, .gewinnspiel-highlights {
    padding: 10px;
    font-size: 13px;
    margin-bottom: 10px
}

    .event-highlights img, .gewinnspiel-highlights img {
        float: left;
        margin: 0 5px 5px 0
    }

    .event-highlights h3, .gewinnspiel-highlights h3 {
        font-size: 22px;
        text-transform: uppercase;
        color: #2e2e2e;
        text-align: center;
        margin-bottom: 10px
    }

    .event-highlights div, .gewinnspiel-highlights div {
        overflow: hidden;
        margin-bottom: 5px
    }

        .event-highlights div:last-child, .gewinnspiel-highlights div:last-child {
            margin: 0
        }

    .event-highlights a.titel, .gewinnspiel-highlights a.titel {
        font-size: 15px
    }

#footer-resp, #header-resp, #login-wrapper, #resp-oben {
    display: none
}

.plakat-klein {
    width: 55px
}

#gastronomie, #gewinnspiele, #jobs, #kino, #saalinfo, #ticketpreise {
    float: left;
    width: 650px;
    padding: 10px;
    margin-bottom: 10px;
    margin-top: 10px
}

#content-mitte1 img {
    max-width: 100%;
    width: 100%
}

.padding10 {
    padding: 10px
}

.datum, .programm, .tageszeit {
    float: left;
    margin-top: 10px;
    font-size: 13px
}

.datum {
    margin-right: 30px
}

.programm {
    float: right
}

#auswahl, #formular, #saalplan {
    float: left
}

.text-em {
    font-style: italic;
    font-size: 13px;
    font-weight: 400
}

#saalplan input {
    max-width: 440px
}

#saalplan img:active, #saalplan img:focus {
    outline: 0;
    border-style: none;
    display: block
}

.input3, .input4, .input5, .input6, .input8, .input9 {
    border: 1px solid #dfdbda
}

.input-drop1, .input-drop2, .input-drop3, .input-drop4 {
    border: 1px solid #dfdbda;
    font-family: Arial,Helvetica,sans-serif
}

#auswahl {
    width: 100%;
    line-height: 1.5em;
    padding: 10px;
    margin-bottom: 10px
}

    #auswahl img {
        margin-right: 5px
    }

.label1, .label2, .label3, .span1, .span2 {
    display: inline-block
}

.span1, .span2 {
    margin-bottom: 5px
}

#formular {
    width: 370px;
    padding-left: 10px
}

.span1 {
    width: 100%
}

.span2 {
    width: 270px;
    float: right
}

.span1.kreditkarte input[type=number], .span1.kreditkarte input[type=text], .span1.kreditkarte select {
    width: 250px
}

.span1.kreditkarte.ablaufdatum select {
    width: 80px
}

.label1 {
    width: 145px
    /*old 135px*/
}

.label2 {
    width: 45%
}

.label3 {
    width: 65%
}

.input-drop1 {
    width: 120px
}

.input-drop2 {
    width: 60px
}

.input-drop3 {
    width: 160px
}

.input-drop4 {
    width: 170px;
    margin-left: 3px
}

.input3, .input4 {
    width: 100%
}

.input3 {
    height: 117px
}

.input4 {
    height: 200px
}

.input5 {
    width: 200px
}

.input6 {
    width: 80px
}

.input8 {
    width: 170px
}

.input9 {
    width: 148px
}

.resp-block {
    display: none
}

#warenkorb {
    text-align: right
}

    #warenkorb a {
        color: #fff;
        font-size: 11px
    }

    #warenkorb img {
        display: inline-block;
        vertical-align: middle;
        margin-right: 2px
    }

.div-error, .div-error a, .div-error h4, .div-error input, .div-error label, .div-error span {
    color: #B94A48 !important
}

.crumbs, .crumbs li:last-child a {
    color: #979393
}

.div-error input, .div-error select, .div-error textarea {
    border: 1px solid #B94A48 !important
}

span.itpm_checkbox {
    margin-right: 10px
}

    span.itpm_checkbox > label {
        display: inline !important
    }

.pill-content > .pill-pane, .tab-content > .tab-pane {
    display: none
}

.pill-content > .active, .tab-content > .active {
    display: block
}

.crumbs li, .crumbs li:after {
    display: inline-block
}

.profil-left {
    width: 120px;
    float: left;
    margin: 10px
}

    .profil-left img {
        max-width: 100%;
        width: 100%
    }

.nickname {
    text-align: center;
    padding: 5px;
    width: 100%;
    font-weight: 700;
    margin-bottom: 1px
}

.profil-right {
    float: left;
    margin: 10px;
    width: 280px
}

.crumbs {
    margin: 10px 0 0;
    padding: 0;
    list-style: none;
    font-size: 12px
}

    .crumbs li:after {
        content: "-";
        top: -1px;
        padding: 0 0 0 3px;
        font: 14px/8px Arial
    }

    .crumbs li:last-child:after {
        display: none
    }

    .crumbs a {
        padding: 0 4px;
        text-decoration: none;
        color: #000
    }

        .crumbs a:hover {
            text-decoration: underline
        }

#game-wrapper {
    padding: 10px
}

#Content_MainLeft_RBL_Antworten input {
    border: 1px solid red;
    display: inline-block;
    margin-left: 5px
}

.wk-anzahl, .wk-auswahl, .wk-loeschen, .wk-preis {
    float: left;
    border-right: #fff 1px solid;
    min-height: 42px
}

.wk-auswahl {
    width: 40%
}

.wk-anzahl {
    width: 35%
}

.wk-preis {
    width: 15%;
    text-align: center
}

.wk-loeschen {
    width: 10%;
    text-align: center
}

.max {
    display: block
}

    .max span {
        display: inline-block;
        margin: 0 0 0 2px;
        padding: 0
    }

a.max-alone {
    background-image: url(../img/ticketing/icon-max-grau.png);
    display: inline-block;
    width: 20px;
    height: 20px
}

.sallinfo1 {
    float: left;
    margin-right: 10px;
    width: 160px
}

.arrow-left, .arrow-right {
    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent
}

.eingeloggt, .einloggen {
    color: #E41A5F;
    font-size: 16px;
    font-weight: 700;
    display: inline-block;
    margin: 10px
}

.arrow-left {
    border-right: 6px solid #000
}

.arrow-right {
    border-left: 6px solid #000
}

#kalender {
    background-color: #eaeaea;
    min-height: 250px
}

    #kalender .kalender_button_links {
        float: left;
        height: 50px;
        width: 50px;
        cursor: pointer
    }

        #kalender .kalender_button_links:hover {
            background-color: #d3d3d3
        }

        #kalender .kalender_button_links div.arrow-left {
            border-right-color: #606060;
            margin: 19px auto
        }

        #kalender .kalender_button_links.disabled {
            cursor: auto
        }

            #kalender .kalender_button_links.disabled:hover {
                background-color: transparent
            }

            #kalender .kalender_button_links.disabled div.arrow-left {
                display: none
            }

    #kalender .kalender_text_mitte {
        display: inline-block;
        width: 195px;
        text-align: center;
        font-weight: 700;
        color: #2e2e2e
    }

        #kalender .kalender_text_mitte .kalender_text_mitte_titel {
            font-size: 11px;
            padding-top: 4px
        }

        #kalender .kalender_text_mitte .kalender_text_mitte_monat {
            font-size: 22px;
            line-height: 22px
        }

    #kalender .kalender_button_rechts {
        float: right;
        height: 50px;
        width: 50px;
        cursor: pointer
    }

        #kalender .kalender_button_rechts:hover {
            background-color: #d3d3d3
        }

        #kalender .kalender_button_rechts div.arrow-right {
            border-left-color: #606060;
            margin: 19px auto
        }

    #kalender .kalender_content table {
        width: 100%;
        height: 200px
    }

        #kalender .kalender_content table thead {
            font-size: 12px
        }

            #kalender .kalender_content table thead tr th {
                width: 42px;
                border-bottom: 1px solid #d9d9d9
            }

            #kalender .kalender_content table thead tr td {
                width: 42px;
                height: 1px;
                line-height: 0;
                margin: 0;
                padding: 0
            }

        #kalender .kalender_content table tbody tr td {
            width: 42px;
            border-top: 1px solid #f9f9f9;
            text-align: center;
            border-bottom: 1px solid #d9d9d9;
            border-right: 1px solid #d9d9d9;
            padding: 0
        }

            #kalender .kalender_content table tbody tr td:last-child {
                border-right: none
            }

        #kalender .kalender_content table tbody tr:last-child td {
            border-bottom: none
        }

        #kalender .kalender_content table tbody tr td a {
            display: block;
            color: #767676;
            font-size: 13px;
            text-decoration: none
        }

            #kalender .kalender_content table tbody tr td a.inaktiv {
                color: #ccc
            }

            #kalender .kalender_content table tbody tr td a.aktiv {
                color: #fff;
                background-image: none !important;
                background: #505050;
                -moz-box-shadow: inset 0 -10px 14px #000;
                -webkit-box-shadow: inset 0 -10px 14px #000;
                box-shadow: inset 0 -10px 14px #000
            }

                #kalender .kalender_content table tbody tr td a.aktiv:hover {
                    color: #000;
                    background: #fdfdfd;
                    -moz-box-shadow: inset 0 -10px 14px #b2b1b1;
                    -webkit-box-shadow: inset 0 -10px 14px #b2b1b1;
                    box-shadow: inset 0 -10px 14px #b2b1b1
                }

                #kalender .kalender_content table tbody tr td a.aktiv.anderes-monat {
                    background: #a7a7a7;
                    -moz-box-shadow: inset 0 -10px 14px #6e6e6e;
                    -webkit-box-shadow: inset 0 -10px 14px #6e6e6e;
                    box-shadow: inset 0 -10px 14px #6e6e6e
                }

                    #kalender .kalender_content table tbody tr td a.aktiv.anderes-monat:hover {
                        color: #000;
                        background: #fdfdfd;
                        -moz-box-shadow: inset 0 -10px 14px #b2b1b1;
                        -webkit-box-shadow: inset 0 -10px 14px #b2b1b1;
                        box-shadow: inset 0 -10px 14px #b2b1b1
                    }

            #kalender .kalender_content table tbody tr td a.heute {
                text-decoration: underline
            }

    #kalender img.kalender_loading {
        padding-bottom: 4px;
        display: none;
        width: auto !important
    }

#sidebar-left div h3 {
    color: #2e2e2e;
    font-size: 22px;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 10px
}

#content-left div.list-mitte {
    overflow: auto;
    margin-bottom: 10px;
    background: #eaeaea;
    padding: 0 10px
}

    #content-left div.list-mitte h2 {
        font-size: 22px;
        text-transform: uppercase;
        color: #2e2e2e;
        padding: 10px
    }

        #content-left div.list-mitte h2 a {
            text-decoration: none;
            color: #2e2e2e
        }

    #content-left div.list-mitte .titel h2 {
        padding-bottom: 0
    }

    #content-left div.list-mitte .titel p {
        padding: 0 10px;
        margin-top: 5px
    }

    #content-left div.list-mitte .inhalt h3 {
        padding-bottom: 10px
    }

    #content-left div.list-mitte div.bild {
        width: 120px;
        margin: 10px 10px 10px 0;
        float: left
    }

        #content-left div.list-mitte div.bild.kino {
            width: 188px
        }

        #content-left div.list-mitte div.bild img {
            display: block;
            max-width: 100%;
            width: 100%
        }

    #content-left div.list-mitte div.inhalt {
        margin: 0 10px
    }

    #content-left div.list-mitte div.buttons {
        display: inline-block
    }

        #content-left div.list-mitte div.buttons a {
            display: block;
            margin-bottom: 10px;
            width: 161px
        }

    #content-left div.list-mitte.titel {
        background: #d4d4d4
    }

#kinoprogramm_rechts {
    margin-bottom: 10px
}

    #kinoprogramm_rechts div.titel {
        padding: 10px 10px 0
    }

        #kinoprogramm_rechts div.titel h3 {
            font-size: 22px;
            text-transform: uppercase;
            color: #2e2e2e;
            text-align: center
        }

    #kinoprogramm_rechts div.progress {
        margin-left: 5px;
        display: inline-block
    }

    #kinoprogramm_rechts div.filter {
        font-size: 0;
        padding: 0 10px
    }

        #kinoprogramm_rechts div.filter select {
            height: 30px;
            text-transform: uppercase;
            margin-right: 5px
        }

        #kinoprogramm_rechts div.filter a {
            display: inline-block;
            height: 30px;
            line-height: 30px;
            padding: 0 20px
        }

        #kinoprogramm_rechts div.filter div {
            margin-left: 5px;
            display: inline-block !important
        }

    #kinoprogramm_rechts div.content {
        padding: 10px;
        height: 380px;
        overflow: scroll;
        overflow-x: hidden
    }

        #kinoprogramm_rechts div.content.oper {
            height: 154px
        }

        #kinoprogramm_rechts div.content div.film {
            margin-bottom: 10px;
            overflow: hidden
        }

            #kinoprogramm_rechts div.content div.film img {
                width: 60px;
                float: left;
                margin-right: 10px
            }

            #kinoprogramm_rechts div.content div.film a.titel {
                display: block;
                font-size: 16px
            }

            #kinoprogramm_rechts div.content div.film span.fsk, #kinoprogramm_rechts div.content div.film span.version, #kinoprogramm_rechts div.content div.film span.zeit {
                display: block
            }

                #kinoprogramm_rechts div.content div.film span.zeit a {
                    margin-right: 5px;
                    color: #e41a5f
                }

                    #kinoprogramm_rechts div.content div.film span.zeit a.inactive {
                        color: #666
                    }

#kinoprogramm_mitte div.filter {
    font-size: 0;
    padding: 0 10px 10px;
    margin-bottom: 10px
}

    #kinoprogramm_mitte div.filter span {
        margin-right: 5px
    }

    #kinoprogramm_mitte div.filter select {
        margin-right: 5px;
        height: 30px;
        text-transform: uppercase
    }

    #kinoprogramm_mitte div.filter a {
        margin-right: 5px
    }

    #kinoprogramm_mitte div.filter div {
        display: inline-block !important
    }

#kinoprogramm_mitte div.list-mitte div.inhalt {
    float: left;
    margin: 0 0 10px !important;
    width: 350px
}

    #kinoprogramm_mitte div.list-mitte div.inhalt.reservierung {
        width: 250px
    }

#kinoprogramm_mitte div.list-mitte div.buttons {
    float: right;
    text-align: right
}

    #kinoprogramm_mitte div.list-mitte div.buttons a.kaufen {
        width: 100%;
        margin-bottom: 5px
    }

#aktion_mitte, #filmdetail #content-mitte #filmkritik, #filmdetail #content-mitte .trailer, #filmdetail #content-mitte div.inhalt, #filmdetail #content-mitte div.zeiten, #filmdetail #sidebar-left .filmdetails, #filmdetail #sidebar-left .filmdetails .info, #filmdetail #sidebar-left .filmdetails .poster, #filmdetail #sidebar-left .filmdetails .reminder, #filme, #kinoprogramm_mitte div.list-mitte div.zeit, #vorverkauf, .infobanner, .ticketing .auswahl, .ticketing .auswahl .content h2, .ticketing .buttons, .ticketing .error, .ticketing .legende, .ticketing .plan, .ticketing .platzauswahl, .ticketing .platzauswahl .kategorien .kategorie, .ticketing .vipcard, .ticketing .weitere-startzeiten {
    margin-bottom: 10px
}

#kinoprogramm_mitte div.list-mitte div.buttons a.drucken, #kinoprogramm_mitte div.list-mitte div.buttons a.loeschen {
    width: 100px;
    display: inline-block
}

#kinoprogramm_mitte div.list-mitte div.zeit {
    float: left;
    width: 600px
}

    #kinoprogramm_mitte div.list-mitte div.zeit table {
        text-align: center;
        background: #fff
    }

        #kinoprogramm_mitte div.list-mitte div.zeit table th {
            padding: 5px;
            background: #eaeaea;
            border: 1px solid #c2c2c2;
            font-weight: 400;
            width: 55px
        }

        #kinoprogramm_mitte div.list-mitte div.zeit table td {
            border: 1px solid #dcdcdc;
            vertical-align: top
        }

            #kinoprogramm_mitte div.list-mitte div.zeit table td span {
                display: block;
                padding: 4px
            }

            #kinoprogramm_mitte div.list-mitte div.zeit table td a {
                display: block;
                padding: 5px;
                color: #e31a5e
            }

                #kinoprogramm_mitte div.list-mitte div.zeit table td a.inactive {
                    color: #666
                }

                #kinoprogramm_mitte div.list-mitte div.zeit table td a:hover {
                    background: #ececec
                }

        #kinoprogramm_mitte div.list-mitte div.zeit table + table {
            float: right;
            clear: right
        }

.ticketing .auswahl .content .sitze, .ticketing .auswahl .content .uhrzeit {
    float: left;
    clear: left;
    font-size: 18px
}

#kinoprogramm_mitte div.list-mitte div.zeit table.wochenprogramm {
    width: 100%
}

    #kinoprogramm_mitte div.list-mitte div.zeit table.wochenprogramm th {
        width: 50px
    }

#aktion_mitte div.box300 {
    width: 320px
}

    #aktion_mitte div.box300:nth-child(odd) {
        margin-right: 10px
    }

.infobanner img {
    display: block;
    max-width: 100%;
    width: 100%
}

.infobanner div.text1 {
    font-size: 14px;
    left: 0;
    max-width: 450px;
    top: 0;
    position: absolute;
    padding: 3px 8px;
    color: #3c3c3c;
    text-transform: uppercase;
    border-radius: 0 0 5px;
    -moz-border-radius: 0 0 5px;
    -webkit-border-radius: 0 0 5px;
    background: #e5e5e5;
    background: -moz-linear-gradient(top,#e5e5e5 0,#fff 3%,#f9f9f9 50%,#ccc 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#e5e5e5),color-stop(3%,#fff),color-stop(50%,#f9f9f9),color-stop(100%,#ccc));
    background: -webkit-linear-gradient(top,#e5e5e5 0,#fff 3%,#f9f9f9 50%,#ccc 100%);
    background: -o-linear-gradient(top,#e5e5e5 0,#fff 3%,#f9f9f9 50%,#ccc 100%);
    background: -ms-linear-gradient(top,#e5e5e5 0,#fff 3%,#f9f9f9 50%,#ccc 100%);
    background: linear-gradient(to bottom,#e5e5e5 0,#fff 3%,#f9f9f9 50%,#ccc 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#cccccc', GradientType=0 )
}

.infobanner div.textunten {
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute
}

    .infobanner div.textunten.rechts {
        text-align: right
    }

    .infobanner div.textunten div.text2 {
        font-size: 12px;
        color: #fff;
        text-transform: uppercase;
        background: #565251;
        background: -moz-linear-gradient(top,#565251 0,#242424 100%);
        background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#565251),color-stop(100%,#242424));
        background: -webkit-linear-gradient(top,#565251 0,#242424 100%);
        background: -o-linear-gradient(top,#565251 0,#242424 100%);
        background: -ms-linear-gradient(top,#565251 0,#242424 100%);
        background: linear-gradient(to bottom,#565251 0,#242424 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#565251', endColorstr='#242424', GradientType=0 );
        padding: 2px 10px;
        text-align: left
    }

    .infobanner div.textunten span.button {
        text-transform: uppercase;
        margin: 10px
    }

#filme div.sub-navigation img.loading {
    margin-left: 4px;
    display: none
}

#filme div.content {
    position: relative;
    min-height: 300px
}

#filme-owl-carousel {
    padding: 0 5px 5px
}

    #filme-owl-carousel .item {
        text-align: center;
        padding: 0 5px 5px
    }

        #filme-owl-carousel .item .image img {
            -webkit-box-shadow: 1px 2px 4px 0 rgba(0,0,0,.75);
            -moz-box-shadow: 1px 2px 4px 0 rgba(0,0,0,.75);
            box-shadow: 1px 2px 4px 0 rgba(0,0,0,.75);
            max-width: 100%;
            width: 100%;
            height: 213px
        }

        #filme-owl-carousel .item .titel {
            text-transform: uppercase
        }

        #filme-owl-carousel .item .subtitel {
            font-size: 13px
        }

        #filme-owl-carousel .item .button {
            margin-top: 5px
        }

            #filme-owl-carousel .item .button a {
                display: inline-block;
                height: 30px;
                line-height: 30px;
                padding: 0 20px;
                width: 100%
            }

#filme a.filme-owl-navigation {
    cursor: pointer;
    overflow: hidden;
    width: 55px;
    height: 55px;
    display: none;
    position: absolute
}

    #filme a.filme-owl-navigation.prev {
        background: url(../img/slidesjs/a03_p.png);
        left: 10px
    }

        #filme a.filme-owl-navigation.prev:hover {
            background: url(../img/slidesjs/a03_ph.png)
        }

        #filme a.filme-owl-navigation.prev:active {
            background: url(../img/slidesjs/a03_pa.png)
        }

    #filme a.filme-owl-navigation.next {
        background: url(../img/slidesjs/a03_n.png);
        right: 10px
    }

        #filme a.filme-owl-navigation.next:hover {
            background: url(../img/slidesjs/a03_nh.png)
        }

        #filme a.filme-owl-navigation.next:active {
            background: url(../img/slidesjs/a03_na.png)
        }

#vorverkauf div.content {
    position: relative;
    min-height: 251px
}

#vorverkauf-owl-carousel .item {
    font-size: 0;
    position: relative
}

    #vorverkauf-owl-carousel .item img {
        display: block;
        max-width: 100%;
        width: 100%;
        height: 250px
    }

    #vorverkauf-owl-carousel .item div.text1 {
        font-size: 14px;
        left: 0;
        max-width: 450px;
        top: 0;
        position: absolute;
        padding: 3px 8px;
        color: #3c3c3c;
        text-transform: uppercase;
        border-radius: 0 0 5px;
        -moz-border-radius: 0 0 5px;
        -webkit-border-radius: 0 0 5px;
        background: #e5e5e5;
        background: -moz-linear-gradient(top,#e5e5e5 0,#fff 3%,#f9f9f9 50%,#ccc 100%);
        background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#e5e5e5),color-stop(3%,#fff),color-stop(50%,#f9f9f9),color-stop(100%,#ccc));
        background: -webkit-linear-gradient(top,#e5e5e5 0,#fff 3%,#f9f9f9 50%,#ccc 100%);
        background: -o-linear-gradient(top,#e5e5e5 0,#fff 3%,#f9f9f9 50%,#ccc 100%);
        background: -ms-linear-gradient(top,#e5e5e5 0,#fff 3%,#f9f9f9 50%,#ccc 100%);
        background: linear-gradient(to bottom,#e5e5e5 0,#fff 3%,#f9f9f9 50%,#ccc 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#cccccc', GradientType=0 )
    }

    #vorverkauf-owl-carousel .item div.textunten {
        left: 0;
        bottom: 0;
        right: 0;
        position: absolute
    }

        #vorverkauf-owl-carousel .item div.textunten.rechts {
            text-align: right
        }

        #vorverkauf-owl-carousel .item div.textunten div.text2 {
            font-size: 12px;
            color: #fff;
            text-transform: uppercase;
            background: #565251;
            background: -moz-linear-gradient(top,#565251 0,#242424 100%);
            background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#565251),color-stop(100%,#242424));
            background: -webkit-linear-gradient(top,#565251 0,#242424 100%);
            background: -o-linear-gradient(top,#565251 0,#242424 100%);
            background: -ms-linear-gradient(top,#565251 0,#242424 100%);
            background: linear-gradient(to bottom,#565251 0,#242424 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#565251', endColorstr='#242424', GradientType=0 );
            padding: 2px 10px;
            text-align: left
        }

        #vorverkauf-owl-carousel .item div.textunten span.button {
            text-transform: uppercase;
            margin: 10px
        }

#vorverkauf a.vorverkauf-owl-navigation {
    cursor: pointer;
    overflow: hidden;
    width: 55px;
    height: 55px;
    display: none;
    position: absolute
}

    #vorverkauf a.vorverkauf-owl-navigation.prev {
        background: url(../img/slidesjs/a03_p.png);
        left: 10px
    }

        #vorverkauf a.vorverkauf-owl-navigation.prev:hover {
            background: url(../img/slidesjs/a03_ph.png)
        }

        #vorverkauf a.vorverkauf-owl-navigation.prev:active {
            background: url(../img/slidesjs/a03_pa.png)
        }

    #vorverkauf a.vorverkauf-owl-navigation.next {
        background: url(../img/slidesjs/a03_n.png);
        right: 10px
    }

        #vorverkauf a.vorverkauf-owl-navigation.next:hover {
            background: url(../img/slidesjs/a03_nh.png)
        }

        #vorverkauf a.vorverkauf-owl-navigation.next:active {
            background: url(../img/slidesjs/a03_na.png)
        }

#filmdetail #content-mitte div.inhalt {
    overflow: hidden
}

#filmdetail #content-mitte div.zeiten table {
    width: 100%;
    background: #eaeaea
}

    #filmdetail #content-mitte div.zeiten table th {
        padding: 5px;
        border: 1px solid #dcdcdc;
        font-weight: 400;
        width: 85px
    }

    #filmdetail #content-mitte div.zeiten table td {
        background: #fff;
        border: 1px solid #dcdcdc;
        vertical-align: top
    }

        #filmdetail #content-mitte div.zeiten table td a {
            display: inline-block;
            padding: 5px;
            color: #e31a5e
        }

            #filmdetail #content-mitte div.zeiten table td a.inactive {
                color: #666
            }

            #filmdetail #content-mitte div.zeiten table td a:hover {
                background: #ececec
            }

#filmdetail #content-mitte #filmkritik {
    background: #eaeaea;
    padding: 10px
}

    #filmdetail #content-mitte #filmkritik a.button {
        margin-top: 10px;
        display: inline-block
    }

#filmdetail #sidebar-left .filmdetails {
    background: #ead39e;
    overflow: hidden;
    padding: 10px 10px 0
}

    #filmdetail #sidebar-left .filmdetails .poster, #filmdetail #sidebar-left .filmdetails .poster img {
        width: 100%
    }

    #filmdetail #sidebar-left .filmdetails a.button {
        margin-bottom: 10px;
        padding: 5px 20px;
        font-size: 13px;
        display: block
    }

    #filmdetail #sidebar-left .filmdetails .reminder {
        background: #fff;
        text-align: center;
        text-transform: uppercase
    }

        #filmdetail #sidebar-left .filmdetails .reminder label {
            padding: 5px 20px;
            display: block;
            cursor: pointer
        }

            #filmdetail #sidebar-left .filmdetails .reminder label input, .ticketing .buttons a, .ticketing .buttons div {
                display: inline-block
            }

            #filmdetail #sidebar-left .filmdetails .reminder label:hover {
                color: #000;
                background: #ccc;
                -moz-box-shadow: inset 0 -10px 14px #eaeaea;
                -webkit-box-shadow: inset 0 -10px 14px #eaeaea;
                box-shadow: inset 0 -10px 14px #eaeaea
            }

.ticketing {
    overflow: hidden
}

    .ticketing .weitere-startzeiten table {
        width: 100%;
        background: #eaeaea
    }

        .ticketing .weitere-startzeiten table th {
            padding: 5px;
            border: 1px solid #dcdcdc;
            font-weight: 400;
            width: 78px
        }

        .ticketing .weitere-startzeiten table td {
            background: #fff;
            border: 1px solid #dcdcdc;
            vertical-align: top
        }

            .ticketing .weitere-startzeiten table td a {
                display: inline-block;
                padding: 5px;
                color: #e41a5f
            }

                .ticketing .weitere-startzeiten table td a:hover {
                    background: #ececec
                }

    .ticketing .auswahl .content {
        background: #eaeaea;
        padding: 10px;
        overflow: hidden
    }

        .ticketing .auswahl .content h2 {
            color: #2e2e2e;
            font-size: 22px;
            text-transform: uppercase
        }

        .ticketing .auswahl .content .kino {
            float: left;
            font-size: 18px
        }

        .ticketing .auswahl .content .sitze {
            max-width: 260px
        }

        .ticketing .auswahl .content .preis {
            float: right;
            font-size: 40px;
            color: #2e2e2e
        }

    .ticketing .vipcard {
        background: #eaeaea;
        padding: 10px;
        overflow: hidden
    }

        .ticketing .vipcard .text {
            float: left;
            margin-right: 10px;
            width: 75px;
            height: 30px;
            line-height: 30px
        }

        .ticketing .vipcard .ddl {
            float: left
        }

            .ticketing .vipcard .ddl select {
                height: 30px;
                padding: 0 10px
            }

    .ticketing .platzauswahl .kategorien {
        background: #eaeaea;
        padding: 10px 10px 0;
        overflow: hidden
    }

        .ticketing .platzauswahl .kategorien .kategorie {
            overflow: hidden
        }

            .ticketing .platzauswahl .kategorien .kategorie .name {
                float: left;
                margin-right: 10px;
                width: 110px;
                line-height: 30px
            }

            .ticketing .platzauswahl .kategorien .kategorie .select {
                float: left;
                margin-right: 10px
            }

                .ticketing .platzauswahl .kategorien .kategorie .select select {
                    height: 30px;
                    padding: 0 10px
                }

            .ticketing .platzauswahl .kategorien .kategorie .img {
                float: left;
                height: 30px;
                padding: 5px
            }

    .ticketing .plan img {
        width: 100%;
        max-width: 100%
    }
    .ticketing .plan{
        max-width: 420px;
    }
    .ticketing .legende {
        overflow: hidden
    }

        .ticketing .legende .item {
            float: left;
            width: 140px
        }

    .ticketing .error {
        padding: 10px;
        background: #ec6464;
        font-size: 16px
    }

    .ticketing .buttons a {
        height: 30px;
        line-height: 30px;
        padding: 0 20px
    }

.rating-pax {
    width: 20px;
    height: 20px;
    margin: 0 2px 0 0;
    padding: 0;
    cursor: pointer;
    display: block;
    background-repeat: no-repeat
}

.rating-pax-filled {
    background-image: url(../img/ticketing/icon-max.png)
}

.rating-pax-empty, .rating-pax-waiting {
    background-image: url(../img/ticketing/icon-max-grau.png)
}

.ticketing .reservierung {
    margin-bottom: 10px
}

    .ticketing .reservierung .content {
        background: #eaeaea;
        padding: 10px;
        overflow: hidden
    }

[data-tooltip] {
    position: relative;
    z-index: 2;
    cursor: pointer
}

    [data-tooltip]:after, [data-tooltip]:before {
        visibility: hidden;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(Opacity=0);
        opacity: 0;
        pointer-events: none
    }

    [data-tooltip]:before {
        position: absolute;
        bottom: 120%;
        left: 50%;
        margin-bottom: 5px;
        margin-left: -80px;
        padding: 7px;
        width: 160px;
        background-color: #000;
        background-color: hsla(0,0%,20%,.9);
        color: #fff;
        content: attr(data-tooltip);
        text-align: center;
        font-size: 14px;
        line-height: 1.2
    }

    [data-tooltip]:after {
        position: absolute;
        bottom: 120%;
        left: 50%;
        margin-left: -5px;
        width: 0;
        border-top: 5px solid #000;
        border-top: 5px solid hsla(0,0%,20%,.9);
        border-right: 5px solid transparent;
        border-left: 5px solid transparent;
        content: " ";
        font-size: 0;
        line-height: 0
    }

    [data-tooltip]:hover:after, [data-tooltip]:hover:before {
        visibility: visible;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        filter: alpha(Opacity=100);
        opacity: 1
    }

#suche div.filter {
    padding: 0 10px 10px;
    margin-bottom: 10px
}

    #suche div.filter input {
        padding: 0 10px;
        height: 30px;
        display: inline-block
    }

    #suche div.filter span {
        margin-right: 5px
    }

    #suche div.filter select {
        height: 30px;
        text-transform: uppercase
    }

    #suche div.filter div {
        display: inline-block !important;
        height: 25px
    }

        #suche div.filter div img {
            vertical-align: middle
        }

#content-left .passwort-vergessen {
    margin-bottom: 10px;
    padding: 10px
}

    #content-left .passwort-vergessen input {
        margin-right: 2px
    }

.sub-navigation {
    font-size: 0;
    background: #eaeaea;
    padding: 10px
}

    .sub-navigation div.tab, .sub-navigation div.titel {
        font-size: 14px;
        display: inline-block;
        line-height: 30px;
        text-align: center;
        text-transform: uppercase
    }

    .sub-navigation div.titel {
        padding: 0 10px;
        color: #000;
        border: 1px solid #000;
        margin-right: 1px
    }

    .sub-navigation div.tab {
        margin: 1px
    }

        .sub-navigation div.tab a {
            display: block;
            font-size: 13px;
            padding: 0 10px;
            color: #000;
            border: 1px solid #eaeaea
        }

            .sub-navigation div.tab a.aktiv, .sub-navigation div.tab a:hover {
                color: #755220;
                border: 1px solid #ba9765
            }

        .sub-navigation div.tab .aspNetDisabled, .sub-navigation div.tab .aspNetDisabled:hover {
            color: #888;
            border: 1px solid #eaeaea
        }

.sub-content {
    background: #eaeaea;
    padding: 10px;
    overflow: hidden;
    padding-bottom: 5px;
}

    .sub-content table.standard {
        background: #fff;
        text-align: center
    }

        .sub-content table.standard th {
            border: 1px solid #c2c2c2;
            background: #eaeaea;
            font-weight: 400;
            padding: 5px
        }

        .sub-content table.standard td {
            text-align: left;
            border: 1px solid #dcdcdc;
            padding: 5px
        }

    .sub-content div.info {
        padding: 5px;
        border: 1px solid #e31a5e;
        color: #e31a5e
    }

#seo, #seo a, #seo h1, #seo h2 {
    color: #545b64;
    font-style: italic
}

.tab-saalinfo .saal {
    overflow: hidden;
    margin-bottom: 10px;
    float: left;
    width: 50%
}

    .tab-saalinfo .saal .bild {
        float: left;
        width: 160px;
        margin-right: 10px
    }

        .tab-saalinfo .saal .bild img {
            width: 100%
        }

        .tab-saalinfo .saal .bild a {
            display: block
        }

.tab-partner .partner {
    float: left;
    margin-right: 10px;
    margin-bottom: 10px
}

.sub-content.kontaktformular input, .sub-content.kontaktformular select {
    width: 220px
}

    .sub-content.kontaktformular input.betreff {
        width: 490px
    }

.sub-content.kontaktformular textarea {
    width: 490px;
    height: 150px
}

.sub-content.kontaktformular .radiobuttonlist {
    display: inline-block;
    width: 490px
}

#menue-resp, #nav li:last-child, .login-resp, .phone-resp, .poster-resp, .search-resp {
    display: none
}

.sub-content.kontaktformular .radiobuttonlist input {
    width: auto
}

.sub-content.kontaktformular .error {
    padding: 10px 0 !important;
    font-size: 14px !important
}

#seo, #seo h1, #seo h2 {
    font-size: 11px
}

.sub-content.kontaktformular input#Content_MainLeft_CB_PerPost {
    width: 15px;
    margin-right: 10px;
    margin-top: 10px
}

.sub-content.kontaktformular .wunschdatum {
    width: 108px
}

#seo {
    margin: 20px 25px;
    text-align: justify;
    column-count: 2;
    -moz-column-count: 2;
    -webkit-column-count: 2;
    column-gap: 25px;
    -moz-column-gap: 25px;
    -webkit-column-gap: 25px
}

    #seo h1, #seo h2 {
        font-weight: 700;
        margin: 5px 0
    }

#sidebar {
    display: flex;
    flex-direction: column;
}

#skyscraper {
    position: absolute;
    top: -600px;
    left: -160px;
    z-index: 1;
    width: 160px;
    height: 600px;
    /*padding-right: 10px;*/
}

    #skyscraper * {
        height: 100%;
        width: 100%;
    }

        /*#skyscraper > div > div {
            background: purple;
        }*/

.md_rec {
    width: 100%;
    /*height: 250px;*/
    max-height: 250px;
    /*background: orange;*/
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 10px;
}

    /*.md_rec #mobile_mr {
        background: purple;
    }*/

.md_rec > div {
    width: 300px;
}

    .md_rec * {
        height: 100%;
        width: 100%;
    }

@media screen and (max-width: 630px) {
    #footer-resp {
        order: 1;
    }
}

    .job .img {
        float: left;
        width: 200px;
        margin-right: 10px
    }

        .job .img img {
            width: 100%
        }

    .job .content {
        float: left;
        width: 420px
    }

    .job ul {
        list-style-image: url(../img/icon_checked.png)
    }

.bewerbungsformular textarea {
    width: 440px;
    height: 125px
}

div.email-aendern, div.passwort-zuruecksetzen, div.user-loeschen {
    width: 50%;
    float: left;
    overflow: hidden
}

div.passwort-zuruecksetzen {
    padding-right: 5px
}

div.email-aendern {
    padding-left: 5px
}

div.user-loeschen {
    clear: left;
    padding-left: 5px
}

#leader {
    width: 100%;
    clear: both;
    overflow: hidden;
    margin-bottom: 10px
}

    #leader embed, #leader iframe {
        width: 650px;
        height: 80px
    }

table.vipcard-history {
    width: 100%;
    text-align: center;
    background: #fff
}

    table.vipcard-history th {
        padding: 5px;
        background: #eaeaea;
        border: 1px solid #c2c2c2;
        font-weight: 400;
        width: 55px
    }

    table.vipcard-history td {
        border: 1px solid #dcdcdc;
        vertical-align: top
    }

    table.vipcard-history tr:nth-child(odd) td {
        background: #efefef
    }

h2.vipcard-guthaben {
    font-size: 20px;
    font-weight: 400;
    line-height: 32px
}

#content-left div.list-mitte.kauf {
    position: relative
}

    #content-left div.list-mitte.kauf div.qrcode {
        position: absolute;
        right: 10px;
        top: 10px;
        width: 138px;
        margin-bottom: 10px;
        background: #fff;
        padding: 5px
    }

        #content-left div.list-mitte.kauf div.qrcode a, #content-left div.list-mitte.kauf div.qrcode img, #div_resp_app_ad table {
            width: 100%
        }

    #content-left div.list-mitte.kauf h2 {
        padding-right: 148px
    }

.vouchertitle {
    padding-right: 0px !important
}

.vouchertext {
    padding-left: 10px;
}

.vip-content {
    float: left
}

.vip-qr {
    float: right;
    margin-top: 25px;
    margin-right: 70px;
    text-align: center;
    padding: 5px;
    background: #fff
}

#div_resp_app_ad {
    display: none;
    background: #f2f2f2;
    padding: 5px
}

.box300.gutscheinsuche {
    background: #eaeaea
}

    .box300.gutscheinsuche div.titel {
        padding: 0 5px 0 10px;
        color: #fff;
        height: 30px;
        line-height: 30px;
        overflow: hidden;
        background-color: #ba9765
    }

    .box300.gutscheinsuche div.hinweis {
        padding: 5px 10px
    }

    .box300.gutscheinsuche div.suche {
        padding: 5px 10px 10px
    }

    .box300.gutscheinsuche div.inhalt {
        padding: 5px 10px;
        background: #f9f89c;
        font-size: 16px;
        color: #a26001
    }

    .box300.gutscheinsuche div.error {
        padding: 5px 10px;
        background: #f99c9c;
        font-size: 16px;
        color: #a20101
    }

#programm_fb {
    width: 790px;
    overflow: hidden;
    background: url(../img/programm0102b.jpg) no-repeat
}

    #programm_fb .kinoname {
        margin: 125px 10px 0;
        padding: 10px
    }

    #programm_fb .kinoauswahl {
        margin: 0 10px 10px;
        font-size: 16px;
        background-color: #d4d4d4;
        padding: 10px
    }

    #programm_fb .kino {
        margin-top: 20px;
        margin-left: 30px
    }

        #programm_fb .kino a {
            color: #c70353;
            font-size: 16px
        }

    #programm_fb .programm {
        float: none;
        margin: 10px
    }

        #programm_fb .programm .filter {
            padding-left: 10px;
            margin-bottom: 10px
        }

    #programm_fb .list .list-mitte {
        background: #eaeaea;
        margin-bottom: 10px;
        overflow: hidden;
        padding: 0 10px
    }

        #programm_fb .list .list-mitte .bild {
            float: left;
            margin: 10px 10px 10px 0;
            width: 120px
        }

            #programm_fb .list .list-mitte .bild img {
                display: block;
                max-width: 100%;
                width: 100%
            }

        #programm_fb .list .list-mitte h2 {
            color: #2e2e2e;
            font-size: 22px;
            padding: 10px;
            text-transform: uppercase
        }

            #programm_fb .list .list-mitte h2 a {
                color: #2e2e2e;
                text-decoration: none
            }

        #programm_fb .list .list-mitte .inhalt {
            float: left;
            margin: 0 0 10px !important;
            width: 350px
        }

        #programm_fb .list .list-mitte .buttons {
            float: right;
            text-align: right;
            display: inline-block
        }

    #nav-resp li, #programm_fb .footer, .standort-warnung, .vorteilscode_list .list-item {
        text-align: center
    }

    #programm_fb .list .list-mitte .buttons a {
        display: block;
        margin-bottom: 10px;
        width: 140px
    }

    #programm_fb .list .list-mitte .zeit {
        float: left;
        margin-bottom: 10px;
        width: 620px
    }

        #programm_fb .list .list-mitte .zeit table.wochenprogramm {
            width: 100%
        }

        #programm_fb .list .list-mitte .zeit table {
            background: #fff;
            text-align: center
        }

            #programm_fb .list .list-mitte .zeit table.wochenprogramm th {
                width: 50px
            }

            #programm_fb .list .list-mitte .zeit table th {
                background: #eaeaea;
                border: 1px solid #c2c2c2;
                font-weight: 400;
                padding: 5px;
                width: 55px
            }

            #programm_fb .list .list-mitte .zeit table td {
                border: 1px solid #dcdcdc;
                vertical-align: top
            }

                #programm_fb .list .list-mitte .zeit table td a {
                    color: #e31a5e;
                    display: block;
                    padding: 5px
                }

                    #programm_fb .list .list-mitte .zeit table td a.inactive {
                        color: #666
                    }

                    #programm_fb .list .list-mitte .zeit table td a:hover {
                        background: #ececec
                    }

                #programm_fb .list .list-mitte .zeit table td span {
                    display: block;
                    padding: 4px
                }

    #programm_fb .footer {
        background: #ba9765;
        color: #fff;
        padding: 10px
    }

        #programm_fb .footer h2 {
            font-size: 22px;
            text-transform: uppercase;
            margin: 0;
            padding: 0
        }

div.kurztext h1, div.kurztext h2, div.kurztext h3, div.kurztext h4 {
    padding: inherit;
    font-weight: inherit;
    text-transform: none;
    color: inherit
}

#nav, #nav-resp li, #slideit input.send, #slideit label.open, #slideit span.title {
    text-transform: uppercase
}

div.kurztext h1 {
    font-size: 22px
}

div.kurztext h2 {
    font-size: 20px
}

div.kurztext h3 {
    font-size: 18px
}

div.kurztext h4 {
    font-size: 16px
}

h3.programmh3 {
    overflow: hidden
}

    h3.programmh3 span.programmtext {
        float: left
    }

    h3.programmh3 span.programmddl {
        float: right
    }

div#kinoproblem div.loesungen {
    overflow: hidden
}

    div#kinoproblem div.loesungen a.loesung {
        text-decoration: none;
        float: left;
        padding: 10px;
        background: #eaeaea;
        margin-bottom: 10px
    }

        div#kinoproblem div.loesungen a.loesung:nth-child(1), div#kinoproblem div.loesungen a.loesung:nth-child(3) {
            width: 320px;
            margin-right: 5px
        }

        div#kinoproblem div.loesungen a.loesung:nth-child(2), div#kinoproblem div.loesungen a.loesung:nth-child(4) {
            width: 320px;
            margin-left: 5px
        }

div.iframe_container {
    border: 0;
    overflow: auto;
    position: relative
}

    div.iframe_container iframe {
        border: 0;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }

div.select-location {
    background: rgba(0,0,0,.75);
    bottom: -10px;
    left: -10px;
    position: absolute;
    right: -10px;
    top: -10px;
    z-index: 1000;
    display: none
}

    div.select-location .select-location-content {
        background: rgba(227,26,94,.85);
        display: inline-block;
        margin: 40px 0 0 540px;
        padding: 50px;
        -webkit-box-shadow: 0 0 20px 0 rgba(0,0,0,1);
        -moz-box-shadow: 0 0 20px 0 rgba(0,0,0,1);
        box-shadow: 0 0 20px 0 rgba(0,0,0,1)
    }

        div.select-location .select-location-content h3 {
            color: #fff;
            font-size: 28px;
            font-weight: 400
        }

        div.select-location .select-location-content select {
            font-size: 18px;
            border: 2px solid #fff
        }

.motiv {
    margin-left: 135px
}

    .motiv select {
        position: relative;
        top: -40px;
        width: 55px !important
    }

    .motiv img {
        width: 163px
    }

.sub-content.kontaktformular .bemerkungen {
    width: 220px
}

.motiv_neu_wrapper {
    width: 100%;
    margin-top: 20px
}

.motiv_neu {
    margin-left: 5px;
    display: inline
}

    .motiv_neu select {
        position: relative;
        top: -30px;
        width: 55px !important;
        display: inline
    }

    .motiv_neu img {
        width: 130px;
        display: inline;
        margin-left: 8px;
        margin-right: 5px
    }

.sub-content.kontaktformular .bestellung_checkbox input {
    margin: 10px 0;
    width: 25px
}

.standort-warnung {
    background-color: #e31a5e;
    color: #fff
}

    .standort-warnung.events {
        font-size: 16px
    }

.vorteilscode_list .list-item img {
    width: 50%
}

.vorteilscode_list .list-item p {
    margin: 0
}

#sidebar .saalbild {
    display: block;
    width: 100%
}

#nav li, .shop_motiv {
    display: inline;
    float: left
}

input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

input[type=number] {
    -moz-appearance: textfield
}

.shop_motiv {
    border-width: 3px;
    margin: 15px 15px 0 0;
    width: 300px;
    border-style: solid;
}

#nav, #nav li {
    position: relative;
    padding: 0
}

.container {
    width: 100%;
    margin: 0 auto
}

#nav, #nav-resp {
    list-style: none;
    margin: 0
}

#nav {
    width: 100%;
    display: flex;
    border: 0
}

    #nav li {
        margin: 0 1px 0 0
    }

        #nav li a {
            display: block;
            color: #fff !important;
            text-decoration: none;
            background-image: none !important;
            background: #505050;
            -moz-box-shadow: inset 0 -10px 8px #000;
            -webkit-box-shadow: inset 0 -10px 8px #000;
            box-shadow: inset 0 -10px 8px #000;
            padding: 4px 10px;
            height: 30px;
            font-size: 16px
        }

#content-left div.list-mitte.kauf div.stornobtn {
    position: absolute;
    right: 10px;
    top: 190px;
    width: 138px;
    margin-bottom: 10px;
    padding: 5px;
}

    #content-left div.list-mitte.kauf div.stornobtn a {
        width: 100%;
    }

#nav li a.nav-active, #nav li a.nav-active.couchsaal, #nav li a.nav-active.imax, #nav li:hover a, #nav li:hover a.couchsaal, #nav li:hover a.imax, #nav li:hover a.openair, #nav li a.nav-active.openair, #nav li a.nav-active.vierdx, #nav li:hover a.vierdx, #nav li a.nav-active.screenx, #nav li:hover a.screenx{
    color: #000 !important;
    text-decoration: none;
    background-image: none !important;
    background: #ccc;
    -moz-box-shadow: inset 0 -20px 8px #fff;
    -webkit-box-shadow: inset 0 -20px 8px #fff;
    box-shadow: inset 0 -20px 8px #fff;
    font-size: 18px;
    padding: 4px 15px
}
#nav li a.screenx {
    background: #f15a29;
    -moz-box-shadow: inset 0 -10px 8px #f15a29;
    -webkit-box-shadow: inset 0 -10px 8px #f15a29;
    box-shadow: inset 0 -10px 8px #f15a29
}

#nav li a.imax {
    background: #009ee0;
    -moz-box-shadow: inset 0 -10px 8px #006295;
    -webkit-box-shadow: inset 0 -10px 8px #006295;
    box-shadow: inset 0 -10px 8px #006295
}

/*Auf Anfrage von C.Hofer Background geändert 03.10.2019*/
#nav li a.couchsaal, #nav li a.openair {
    background: #009ee0;
    -moz-box-shadow: inset 0 0 0;
    -webkit-box-shadow: inset 0 0 0;
    box-shadow: inset 0 0 0
}

#menue-resp {
    margin-top: -10px;
    margin-bottom: 10px;
    overflow: hidden;
    background: #eaeaea;
    font-size: 0
}

#nav-resp {
    padding: 10px
}

    #nav-resp li {
        display: inline-block;
        font-size: 14px;
        line-height: 30px;
        margin: 1px
    }

        #nav-resp li a {
            border: 1px solid #eaeaea;
            color: #000;
            display: block;
            font-size: 13px;
            padding: 0 10px
        }

            #nav-resp li a.nav-active, #nav-resp li:hover a {
                border: 1px solid #ba9765;
                color: #755220
            }

@media screen and (max-width :1100px) {
    #wrapper {
        margin-left: 0
    }

    div.select-location .select-location-content {
        margin-left: 470px
    }
}

@media screen and (max-width:1023px) {
    #content-left + div.clearfix, .aktion-unten:before {
        clear: none
    }

    #wrapper {
        width: 750px
    }

    #content-left {
        width: 470px
    }

    #sidebar, .box300 {
        width: 250px
    }

    .box300x250 {
        height: auto
    }

    .box300 embed, .box300 iframe {
        width: 250px;
        height: 208px
    }

    .box300 div.text1 {
        max-width: 165px;
        font-size: 12px
    }

    .box300 span.button {
        padding: 4px 14px
    }

    #socialmedia {
        padding: 10px
    }

    .sub-navigation div.tab a {
        padding: 0 6px
    }

    #finden .suche .normal input {
        width: 130px
    }

    #finden {
        width: 410px
    }

        #finden .suche {
            padding: 13px 0 13px 15px
        }

            #finden .suche .normal a {
                padding-left: 10px;
                padding-right: 10px
            }

        #finden .kinos {
            padding: 13px 15px 13px 0
        }

            #finden .kinos span {
                display: none
            }

    #kinoprogramm_mitte div.list-mitte div.buttons a, #nav li:last-child {
        display: inline-block
    }

    #filme-owl-carousel .item .image img {
        height: 203px
    }

    #filme div.content {
        min-height: 289px
    }

    #vorverkauf div.content {
        min-height: 182px
    }

    #vorverkauf-owl-carousel .item a, #vorverkauf-owl-carousel .item img {
        height: 181px
    }

    #aktion_mitte div.box300 {
        width: 230px
    }

    .aktion-unten {
        float: left;
        width: 470px
    }

    .box-four {
        width: 230px
    }

        .box-four:nth-child(even) {
            margin-right: 0
        }

    #footer {
        padding: 10px
    }

    .footer-box {
        width: 118px;
        margin-right: 20px
    }

    .login .content .log input:nth-child(even), .vip-qr {
        margin-right: 0
    }

    #sidebar-left {
        width: 160px
    }

    #content-mitte {
        width: 300px
    }

    #LB_Login {
        margin-top: 5px
    }

    .login .content .log input {
        width: 112px
    }

    .login .content .fb-login {
        margin-top: 8px
    }

    #kalender .kalender_text_mitte {
        width: 150px
    }

    #filmdetail #sidebar-left .filmdetails img {
        width: 100%;
        max-width: 100%
    }

    .sub-content.kontaktformular .radiobuttonlist, .sub-content.kontaktformular input.betreff, .sub-content.kontaktformular textarea {
        width: 300px
    }

    span.label1 + input + input {
        margin-left: 138px
    }

    #content-left div.list-mitte div.bild.kino {
        width: 150px
    }

    .sidebar-left-klein {
        width: 160px
    }

    .content-mitte1 {
        width: 280px
    }

    .tab-saalinfo .saal .bild {
        width: 100px
    }

        .tab-saalinfo .saal .bild a {
            padding-left: 10px;
            padding-right: 10px
        }

    .job .img {
        width: 180px
    }

    .job .content {
        width: 260px
    }

    #kinoprogramm_mitte div.filter a, #kinoprogramm_mitte div.filter select {
        margin-top: 5px
    }

    #content-left div.list-mitte div.bild {
        width: 100px
    }

    #kinoprogramm_mitte div.list-mitte div.inhalt {
        width: 100%;
        float: none
    }

    #kinoprogramm_mitte div.list-mitte div.buttons {
        width: 45%;
        float: left;
        text-align: left;
        padding: 5px;
    }

    #kinoprogramm_mitte div.list-mitte div.zeit {
        width: 100%;
        font-size: 12px
    }

    #kinoprogramm_mitte div.filter select {
        width: 160px
    }

    .sidebar-left-klein img {
        width: 100%;
        min-width: 100%
    }

    .ticketing .auswahl .content .uhrzeit {
        font-size: 16px
    }

    .ticketing .auswahl .content .sitze {
        font-size: 14px
    }

    .ticketing .auswahl .content .preis {
        font-size: 32px
    }

    .ticketing .platzauswahl .kategorien .kategorie .img {
        padding: 5px 0
    }

    .ticketing .plan input {
        width: 100%
    }

    #kinoprogramm_rechts div.filter a {
        padding: 0 10px
    }

    #kinoprogramm_rechts div.filter select {
        width: 120px
    }

    #nav li:nth-child(6), #nav li:nth-child(7), #nav li:nth-child(8), #nav li:nth-child(9) {
        display: none
    }

    #nav li:last-child div {
        width: 17px;
        height: 18px;
        background: url(../img/list.png)
    }

    #nav li:last-child a:hover div {
        background: url(../img/list_selected.png)
    }

    #nav li:last-child a {
        padding: 4px 12px
    }

    .ticketing .platzauswahl .kategorien .kategorie .name {
        width: 75px;
        line-height: normal;
        padding: 5px 0 0
    }

    h3.programmh3 span.programmddl {
        float: left;
        clear: left;
        margin: 5px 0
    }

    div#kinoproblem div.loesungen a.loesung:nth-child(1), div#kinoproblem div.loesungen a.loesung:nth-child(3) {
        width: 100%;
        margin-right: 0
    }

    div#kinoproblem div.loesungen a.loesung:nth-child(2), div#kinoproblem div.loesungen a.loesung:nth-child(4) {
        width: 100%;
        margin-left: 0
    }

    div.select-location .select-location-content {
        margin-left: 240px
    }
}

@media screen and (max-width:630px) {
    #sidebar, .box300 {
        width: 100%;
    }

    #wrapper {
        display: flex;
        flex-direction: column;
    }

    #seo {
        order: 1;
    }

    #sidebar {
        order: 1;
    }

    #film-finden, #footer, #kinoprogramm_rechts, #nav li:nth-child(10), #nav li:nth-child(4), #nav li:nth-child(5), #nav li:nth-child(6), #nav li:nth-child(7), #nav li:nth-child(8), #nav li:nth-child(9), #oben, #sidebar1, #skyscraper, #submenu, .box300, .event-highlights, .footer-box, .gewinnspiel-highlights, .resp-no, .sub-right {
        display: none
    }

    #filme div.content, #vorverkauf div.content {
        min-height: inherit
    }

    #aktion_mitte div.box300:nth-child(even) div.text1, .aktion-unten div.box-four:nth-child(even) div.text1, .aktion-unten div.box-four:nth-child(even) div.text2 {
        left: 5px
    }

    body {
        margin: 0
    }

    #wrapper {
        width: 100%
    }

    #footer-resp {
        display: block;
        padding: 10px;
        background: #ba9765;
        text-align: center
    }

        #footer-resp div.link {
            overflow: hidden;
            padding: 5px;
            float: left;
            margin-right: 10px
        }

            #footer-resp div.link a {
                text-decoration: none
            }

            #footer-resp div.link div.icon {
                float: left;
                margin-right: 8px
            }

                #footer-resp div.link div.icon img {
                    width: 30px;
                    -webkit-box-shadow: 0 0 6px 0 rgba(0,0,0,.75);
                    -moz-box-shadow: 0 0 6px 0 rgba(0,0,0,.75);
                    box-shadow: 0 0 6px 0 rgba(0,0,0,.75)
                }

            #footer-resp div.link div.text {
                float: left;
                color: #fff;
                font-size: 14px;
                border: 2px solid #fff;
                margin-top: 1px;
                padding: 2px 4px;
                text-shadow: 0 0 2px #000;
                text-transform: uppercase
            }

        #footer-resp div.impressum-kontakt {
            text-transform: uppercase;
            color: #fff;
            text-align: right;
            margin-top: 5px
        }

            #footer-resp div.impressum-kontakt a {
                color: #fff;
                text-decoration: none
            }

        #footer-resp table.links {
            width: 100%
        }

            #footer-resp table.links td.icon {
                width: 30px;
                padding-top: 4px
            }

    #content-left, #finden, .captcha {
        width: 100%
    }

    #footer-resp table.links td.icon img {
        max-width: 100%;
        -webkit-box-shadow: 0 0 6px 0 rgba(0,0,0,.75);
        -moz-box-shadow: 0 0 6px 0 rgba(0,0,0,.75);
        box-shadow: 0 0 6px 0 rgba(0,0,0,.75)
    }

    #footer-resp table.links td.text {
        text-align: left;
        color: #fff;
        font-size: 14px;
        text-transform: uppercase
    }

        #footer-resp table.links td.text a {
            color: #fff;
            text-shadow: 0 0 2px #000;
            margin-left: 5px;
            padding: 0 4px;
            border: 2px solid #fff;
            text-decoration: none
        }

    .sub-content {
        margin-bottom: 10px
    }

    #content-mitte {
        width: 100%;
        float: none
    }

    #resp-oben {
        display: block;
        float: right;
        padding: 10px
    }

    .captcha {
        overflow: hidden
    }

    #nav li:last-child {
        display: inline-block
    }

    #finden {
        display: block;
        float: none;
        background: 0 0;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none
    }

        #finden .kinos, #finden .suche {
            padding: 0
        }

    .login-resp {
        display: inline-block;
        height: 24px;
        line-height: 24px;
        width: 60px;
        padding: 0 10px
    }

    #filme-owl-carousel .item .image img, #vorverkauf-owl-carousel .item img {
        height: auto
    }

    #finden .kinos select {
        margin-left: 0
    }

    #vorverkauf .sub-navigation {
        overflow: hidden;
        text-overflow: ellipsis
    }

        #vorverkauf .sub-navigation div.titel {
            display: block
        }

    #filme a.filme-owl-navigation.next, #filme a.filme-owl-navigation.prev, #vorverkauf a.vorverkauf-owl-navigation.next, #vorverkauf a.vorverkauf-owl-navigation.prev {
        display: none !important
    }

    #filme-owl-carousel .item .button a {
        white-space: nowrap;
        font-size: 11px;
        padding: 0 10px
    }

    #content-left div.list-mitte h2 {
        font-size: 18px
    }

    #filmdetail #sidebar-left {
        width: 100%;
        margin-top: 10px
    }

        #filmdetail #sidebar-left .filmdetails div.poster, #filmdetail #sidebar-left.ticketing {
            display: none
        }

    #filmdetail .poster-resp {
        display: inline;
        float: left;
        width: 160px;
        margin-right: 10px
    }

    #aktion_mitte div.box300 {
        display: block
    }

    #banner .big, #filmdetail.reservierung #sidebar-left .filmdetails, .login {
        display: none
    }

    #aktion_mitte div.box300:nth-child(odd) {
        width: 50%;
        padding-right: 5px;
        margin-right: 0
    }

        #aktion_mitte div.box300:nth-child(odd) div.text2 {
            margin-right: 5px
        }

    #aktion_mitte div.box300:nth-child(even) {
        width: 50%;
        padding-left: 5px
    }

        #aktion_mitte div.box300:nth-child(even) div.text2 {
            margin-left: 5px
        }

    .aktion-unten {
        width: 100%;
        float: none
    }

        .aktion-unten div.box-four:nth-child(odd) {
            width: 50%;
            padding-right: 5px;
            margin: 0 0 10px
        }

            .aktion-unten div.box-four:nth-child(odd) div.text2 {
                right: 5px
            }

        .aktion-unten div.box-four:nth-child(even) {
            width: 50%;
            padding-left: 5px;
            margin: 0 0 10px
        }

    .sidebar-left-klein {
        width: 40%;
        margin-right: 0;
        padding-right: 5px
    }

    .content-mitte1 {
        width: 60%;
        padding-left: 5px
    }

    .login {
        box-shadow: 0 0 10px #000;
        position: absolute;
        right: 28px;
        top: 54px;
        width: 300px;
        z-index: 99
    }

    #banner .small {
        display: block
    }

    #kinoprogramm_mitte div.list-mitte div.buttons a {
        width: 100%;
        display: inline-block;
    }

    .geo-no .text, .geo-search .text, .geo-success .text {
        width: 80%
    }

    .vip-qr {
        padding-top: 20px;
        float: left;
        clear: left
    }

    .ticketing .platzauswahl .kategorien .kategorie .name {
        width: 110px
    }

    h3.programmh3 span.programmddl {
        float: right;
        clear: none;
        margin: 0
    }

    div.select-location .select-location-content {
        display: block;
        margin: 20px
    }
}

@media screen and (max-width:520px) {
    .bewerbungsformular textarea, .job .content, .sub-content.kontaktformular .radiobuttonlist, .sub-content.kontaktformular input.betreff, .sub-content.kontaktformular textarea {
        width: 100%
    }

    .job .img {
        display: none
    }

    .resp-block {
        display: inline-block
    }

    #kinoprogramm_mitte div.list-mitte div.zeit {
        overflow-x: scroll
    }

    #content-left h1 {
        font-size: 20px
    }

    #finden .kinos {
        float: left;
        width: 100%
    }

    #finden .suche {
        display: none;
        background: #eaeaea;
        box-shadow: 0 0 10px #000;
        padding: 10px;
        position: absolute;
        right: 92px;
        top: 54px;
        z-index: 100
    }

    .phone-resp, .search-resp {
        font-size: 0;
        line-height: 0;
        padding: 0 4px;
        float: right;
        display: block
    }

        .search-resp div {
            width: 24px;
            height: 24px;
            background: url(/assets/img/icon-search.png)
        }

        .search-resp:hover div {
            background: url(/assets/img/icon-search-selected.png)
        }

    .phone-resp {
        margin-right: 4px
    }

        .phone-resp div {
            width: 24px;
            height: 24px;
            background: url(/assets/img/ic_action_call.png)
        }

        .phone-resp:hover div {
            background: url(/assets/img/ic_action_call_selected.png)
        }

    .login-resp {
        float: right;
        margin-left: 4px
    }

    #div_resp_app_ad {
        display: block
    }

    .box300 span.button {
        padding: 3px 10px
    }
}

@media screen and (max-width:450px) {
    .list-mitte {
        height: auto !important;
    }

    .stornobtn {
        position: initial !important;
        width: 45% !important
    }

    .qrcode {
        width: 45% !important
    }

    div.email-aendern, div.passwort-zuruecksetzen, div.user-loeschen {
        float: none;
        width: 100%;
        padding: 0;
        margin-bottom: 10px
    }

    .label1 {
        display: block;
        width: auto
    }

    span.label1 + input + input {
        margin-left: 0
    }

    .content-mitte1, .sidebar-left-klein {
        width: 100%;
        padding: 0
    }

    .sidebar-left-klein {
        margin-bottom: 10px
    }

    .tab-saalinfo .saal {
        width: 100%
    }

    #content-left div.list-mitte.kauf div.qrcode {
        position: inherit;
        right: inherit;
        top: inherit
    }

    #content-left div.list-mitte.kauf h2 {
        padding-right: 10px
    }

    #finden .kinos select {
        width: 120px
    }

    #seo {
        display: none
    }

    h3.programmh3 span.programmddl {
        float: left;
        clear: left;
        margin: 5px 0
    }
}

@media screen and (max-width:400px) {
    #aktion_mitte div.box300:nth-child(even) div.text1, #aktion_mitte div.box300:nth-child(odd) div.text1, .aktion-unten div.box-four:nth-child(even) div.text1, .aktion-unten div.box-four:nth-child(even) div.text2, .aktion-unten div.box-four:nth-child(odd) div.text1 {
        left: 0
    }

    #filmdetail .poster-resp {
        width: 120px
    }

    #aktion_mitte div.box300:nth-child(even), #aktion_mitte div.box300:nth-child(odd) {
        width: 100%;
        padding: 0
    }

        #aktion_mitte div.box300:nth-child(odd) div.text2 {
            margin-right: 0
        }

        #aktion_mitte div.box300:nth-child(even) div.text2 {
            margin-left: 0
        }

    .aktion-unten div.box-four:nth-child(even), .aktion-unten div.box-four:nth-child(odd) {
        width: 100%;
        padding: 0;
        margin: 0 0 10px
    }

        .aktion-unten div.box-four:nth-child(odd) div.text2 {
            right: 0
        }

    #content-left div.list-mitte div.bild {
        width: 70px
    }

    #nav li a.nav-active, #nav > li:hover > a, #nav > li > a {
        font-size: 15px
    }

    .geo-no .text, .geo-search .text, .geo-success .text {
        width: 70%
    }

    #footer-resp table.links td.text a {
        display: block
    }

    #nav li:nth-child(3), #vorverkauf-owl-carousel .item div.text1, #vorverkauf-owl-carousel .item div.textunten div.text2 {
        display: none
    }
}

.owl-carousel .owl-wrapper:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

.owl-carousel, .owl-carousel .owl-wrapper {
    display: none;
    position: relative
}

.owl-carousel {
    width: 100%;
    -ms-touch-action: pan-y
}

    .owl-carousel .owl-wrapper-outer {
        overflow: hidden;
        position: relative;
        width: 100%
    }

        .owl-carousel .owl-wrapper-outer.autoHeight {
            -webkit-transition: height .5s ease-in-out;
            -moz-transition: height .5s ease-in-out;
            -ms-transition: height .5s ease-in-out;
            -o-transition: height .5s ease-in-out;
            transition: height .5s ease-in-out
        }

    .owl-carousel .owl-item {
        float: left
    }

.owl-controls .owl-buttons div, .owl-controls .owl-page {
    cursor: pointer
}

.owl-controls {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent
}

.grabbing {
    cursor: url(grabbing.png) 8 8,move
}

.owl-carousel .owl-item, .owl-carousel .owl-wrapper {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0)
}

.owl-theme .owl-controls {
    margin-top: 10px;
    text-align: center
}

    .owl-theme .owl-controls .owl-buttons div {
        color: #FFF;
        display: inline-block;
        zoom: 1;
        margin: 5px;
        padding: 3px 10px;
        font-size: 12px;
        -webkit-border-radius: 30px;
        -moz-border-radius: 30px;
        border-radius: 30px;
        background: #869791;
        filter: Alpha(Opacity=50);
        opacity: .5
    }

    .owl-theme .owl-controls.clickable .owl-buttons div:hover {
        filter: Alpha(Opacity=100);
        opacity: 1;
        text-decoration: none
    }

    .owl-theme .owl-controls .owl-page {
        display: inline-block;
        zoom: 1
    }

        .owl-theme .owl-controls .owl-page span {
            display: block;
            width: 12px;
            height: 12px;
            margin: 5px 7px;
            filter: Alpha(Opacity=50);
            opacity: .5;
            -webkit-border-radius: 20px;
            -moz-border-radius: 20px;
            border-radius: 20px;
            background: #869791
        }

        .owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span {
            filter: Alpha(Opacity=100);
            opacity: 1
        }

        .owl-theme .owl-controls .owl-page span.owl-numbers {
            height: auto;
            width: auto;
            color: #FFF;
            padding: 2px 10px;
            font-size: 12px;
            -webkit-border-radius: 30px;
            -moz-border-radius: 30px;
            border-radius: 30px
        }

.owl-item.loading {
    min-height: 150px;
    background: url(AjaxLoader.gif) center center no-repeat
}

.fileupload .thumbnail, .fileupload .thumbnail > img, .fileupload .uneditable-input {
    display: inline-block;
    vertical-align: middle
}

    .btn-file, .fileupload .btn, .fileupload .thumbnail, .fileupload .thumbnail > img {
        vertical-align: middle
    }

.btn-file {
    position: relative;
    overflow: hidden
}

    .btn-file > input {
        position: absolute;
        top: 0;
        right: 0;
        margin: 0;
        font-size: 23px;
        cursor: pointer;
        opacity: 0;
        filter: alpha(opacity=0);
        transform: translate(-300px,0) scale(4);
        direction: ltr
    }

.fileupload {
    margin-bottom: 9px
}

    .fileupload .uneditable-input {
        margin-bottom: 0;
        cursor: text
    }

    .fileupload .thumbnail {
        margin-bottom: 5px;
        overflow: hidden;
        text-align: center
    }

        .fileupload .thumbnail > img {
            max-height: 100%
        }

.fileupload-exists .fileupload-new, .fileupload-new .fileupload-exists {
    display: none
}

.fileupload-inline .fileupload-controls {
    display: inline
}

.fileupload-new .input-append .btn-file {
    -webkit-border-radius: 0 3px 3px 0;
    -moz-border-radius: 0 3px 3px 0;
    border-radius: 0 3px 3px 0
}

.thumbnail-borderless .thumbnail {
    padding: 0;
    border: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

.fileupload-new.thumbnail-borderless .thumbnail {
    border: 1px solid #ddd
}

.control-group.warning .fileupload .uneditable-input {
    color: #a47e3c;
    border-color: #a47e3c
}

.control-group.warning .fileupload .fileupload-preview {
    color: #a47e3c
}

.control-group.warning .fileupload .thumbnail {
    border-color: #a47e3c
}

.control-group.error .fileupload .uneditable-input {
    color: #b94a48;
    border-color: #b94a48
}

.control-group.error .fileupload .fileupload-preview {
    color: #b94a48
}

.control-group.error .fileupload .thumbnail {
    border-color: #b94a48
}

.control-group.success .fileupload .uneditable-input {
    color: #468847;
    border-color: #468847
}

.control-group.success .fileupload .fileupload-preview {
    color: #468847
}

.control-group.success .fileupload .thumbnail {
    border-color: #468847
}

/*@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed);
*/

@import url(https://fonts.itpm.at/fonts/converted/stylesheet.css);

#slideit, #terms-open {
    top: 0;
    height: 100%;
    z-index: 9999;
    right: 0
}

    #slideit * {
        margin: 0;
        padding: 0;
        border: 0;
        outline: 0;
        font-weight: 300;
        font-style: normal;
        font-size: 100%;
        font-family: Lato,sans-serif;
        vertical-align: baseline;
        line-height: normal;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    #slideit a {
        text-decoration: none
    }

    #slideit input[type=checkbox], #slideit input[type=radio] {
        display: none
    }

    #slideit label {
        cursor: pointer
    }

#slideit {
    position: fixed;
    width: auto
}

    #slideit section {
        margin: 0;
        overflow: hidden;
        width: 320px;
        height: auto;
        right: 0;
        top: 20%;
        position: absolute;
        z-index: 10;
        background: #fff;
        -webkit-backface-visibility: hidden
    }

    #slideit input#close-item:checked ~ section, #slideit section {
        -webkit-transform: translateX(100%);
        -moz-transform: translateX(100%);
        -ms-transform: translateX(100%);
        -o-transform: translateX(100%);
        transform: translateX(100%)
    }

    #slideit input#open-item:checked ~ section {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0)
    }

    #slideit section .wrap {
        padding: 30px;
        position: relative;
        border-bottom: 6px solid #A7ABC6
    }

    #slideit .field {
        width: 100%;
        position: relative;
        display: block;
        margin-top: 20px
    }

    #slideit span.title {
        font-size: 24px;
        padding: 30px;
        color: #fff;
        background: #C2C6E2;
        display: block;
        width: 100%
    }

    #slideit p.info {
        font-size: 13px;
        color: #999;
        line-height: 18px
    }

    #slideit .terms {
        display: inline-block;
        width: 110px;
        float: right;
        position: relative;
        margin: 33px 0 0
    }

#terms-open {
    background: rgba(0,0,0,.8);
    position: fixed;
    left: 0;
    width: 100%;
    visibility: hidden;
    opacity: 0
}

    #terms-open:target {
        visibility: visible;
        opacity: 1
    }

    #terms-open .terms-window {
        position: absolute;
        height: auto;
        width: 50%;
        margin: 0 auto;
        top: 10%;
        left: 0;
        right: 0;
        bottom: auto;
        background: #fff
    }

        #terms-open .terms-window b.subtitle {
            font-size: 16px;
            text-transform: uppercase;
            color: #222;
            padding: 30px 30px 0;
            float: left
        }

        #terms-open .terms-window p {
            padding: 0 30px;
            float: left
        }

            #terms-open .terms-window p:last-of-type {
                padding-bottom: 30px
            }

#slideit p.agree {
    font-size: 10px;
    color: #999;
    display: inline-block;
    float: right;
    margin-top: 8px
}

    #slideit p.agree a {
        color: #222
    }

        #slideit p.agree a:hover {
            text-decoration: underline
        }

#slideit a.lightbox-close, #slideit label.close, #slideit label.open {
    text-align: center;
    position: absolute
}

#slideit label.open {
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    background: #e31a5e;
    width: 200px;
    top: 25%;
    right: -101px;
    left: auto;
    bottom: auto;
    margin: 0 auto;
    padding: 10px 0;
    z-index: 1
}

    #slideit label.open a {
        color: #fff;
        font-weight: 700
    }

#slideit input#close-item:checked ~ label.open {
    right: 0
}

#slideit label.open:focus, #slideit label.open:hover {
    background: #505050;
    color: #fff;
    box-shadow: inset 0 -10px 14px #000;
    -moz-box-shadow: inset 0 -10px 14px #000;
    -webkit-box-shadow: inset 0 -10px 14px #000
}

#slideit a.lightbox-close, #slideit label.close {
    right: 30px;
    left: auto;
    top: 0;
    bottom: auto;
    font-size: 20px;
    background: #9ea3c5;
    color: #fff;
    width: 22px;
    z-index: 999
}

    #slideit a.lightbox-close:focus, #slideit a.lightbox-close:hover, #slideit label.close:focus, #slideit label.close:hover {
        background: #757786
    }

#slideit .terms label {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    left: 0;
    top: 4px;
    background: #fff;
    border: 2px solid #C2C6E2
}

    #slideit .terms label:after {
        opacity: 0;
        visibility: hidden;
        content: "";
        position: absolute;
        width: 8px;
        height: 4px;
        background: 0 0;
        top: 4px;
        left: 3px;
        border: 2px solid #C2C6E2;
        border-top: none;
        border-right: none;
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

#slideit .terms input:checked + label:after {
    opacity: 1;
    visibility: visible
}

#slideit input {
    display: block;
    width: 100%;
    border-bottom: solid 1px #ddd;
    padding: 0 20px 6px 0;
    font-size: 14px;
    color: #222;
    position: relative
}

    #slideit input:focus, #slideit input:hover {
        border-bottom-color: #222;
        outline: 0
    }

    #slideit input.send {
        display: inline-block;
        clear: both;
        background: #757786;
        color: #fff;
        font-size: 14px;
        padding: 8px 26px;
        cursor: pointer;
        margin: 30px 0 0;
        width: auto;
        border: none
    }

        #slideit input.send:focus, #slideit input.send:hover {
            background: #9EA3C5;
            border: none;
            outline: 0
        }

    #slideit input:required {
        background: url(img/required.png) 100% 6px no-repeat #fff;
        box-shadow: none;
        outline: 0
    }

    #slideit input:hover:invalid {
        background: url(img/focused.png) 100% 6px no-repeat #fff;
        box-shadow: none;
        outline: 0
    }

    #slideit input:required:valid {
        background: url(img/valid.png) 100% 6px no-repeat #fff;
        box-shadow: none;
        outline: 0
    }

    #slideit input:focus:invalid {
        background: url(img/invalid.png) 100% 6px no-repeat #fff;
        z-index: 10;
        box-shadow: none;
        outline: 0
    }

#slideit .tip {
    background: #222;
    color: #fff;
    font-size: 12px;
    padding: 10px 12px;
    text-align: center;
    position: absolute;
    top: -68px;
    left: -20px;
    opacity: 0;
    visibility: hidden;
    width: auto;
    cursor: default
}

    #slideit .tip:after {
        border-top: 6px solid rgba(0,0,0,1);
        border-left: 8px solid transparent;
        border-right: 8px solid transparent;
        content: "";
        position: absolute;
        bottom: -6px;
        left: 28px
    }

#slideit input:focus ~ .tip {
    top: -48px;
    opacity: 1;
    visibility: visible;
    z-index: 99
}

#slideit input:required:valid ~ .tip {
    opacity: 0;
    visibility: hidden
}

::-webkit-input-placeholder {
    color: #999
}

#slideit input:focus::-webkit-input-placeholder {
    color: #ccc
}

:-moz-placeholder {
    color: #999
}

#slideit input:focus:-moz-placeholder {
    color: #ccc
}

::-moz-placeholder {
    color: #999
}

#slideit input:focus::-moz-placeholder {
    color: #ccc
}

:-ms-input-placeholder {
    color: #999
}

#slideit input:focus:-ms-input-placeholder {
    color: #ccc
}

.ie9-placeholder {
    color: #999 !important
}

    .ie9-placeholder:focus {
        color: #ccc !important
    }

#slideit input, #slideit label {
    -webkit-transition: all .1s ease-in-out;
    -moz-transition: all .1s ease-in-out;
    -ms-transition: all .1s ease-in-out;
    -o-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out
}

#slideit .tip {
    -webkit-transition: opacity .4s ease;
    -moz-transition: opacity .4s ease;
    -ms-transition: opacity .4s ease;
    -o-transition: opacity .4s ease;
    transition: opacity .4s ease
}

#terms-open {
    -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
}

#slideit section {
    -webkit-transition: all .4s cubic-bezier(.2,.6,.3,1);
    -moz-transition: all .4s cubic-bezier(.2,.6,.3,1);
    -ms-transition: all .4s cubic-bezier(.2,.6,.3,1);
    -o-transition: all .4s cubic-bezier(.2,.6,.3,1);
    transition: all .4s cubic-bezier(.2,.6,.3,1)
}

#slideit input#close-item:checked ~ label.open {
    -webkit-transition: right .3s ease .4s,background .1s ease,color .1s ease;
    -moz-transition: right .3s ease .4s,background .1s ease,color .1s ease;
    -ms-transition: right .3s ease .4s,background .1s ease,color .1s ease;
    -o-transition: right .3s ease .4s,background .1s ease,color .1s ease;
    transition: right .3s ease .4s,background .1s ease,color .1s ease
}

@media screen and (max-width:640px) {
    #slideit section {
        top: 5%
    }

    #reset-form, #terms-open {
        overflow: auto
    }

        #terms-open .terms-window {
            width: 100%;
            top: 0
        }
}

#nav li a.vierdx {
    background: #e21a5e;
    -moz-box-shadow: inset 0 0 0;
    -webkit-box-shadow: inset 0 0 0;
    box-shadow: inset 0 0 0;
}

.location-msg {
    text-align: center;
    padding: 10px;
    margin-bottom: 10px;
    font-size: 16px;
    background: #e31a5e;
    overflow: hidden;
    color: #ffffff;
}

.pfeil {
    background: url(../../Assets/img/shop_pfeil.png);
    height: 60px;
    background-repeat: no-repeat;
    color: white;
    line-height: 60px;
    font-size: 1.5em;
    padding-left: 1em;
}

@media(max-width:1024px) {
    .pfeil {
        background-size: 100%;
        font-size: 1.3em;
        line-height: 1.2;
    }
}

@media(max-width:631px) {
    .pfeil {
        background-size: cover;
        margin-bottom: 1em;
        line-height: 30px;
        text-align: center;
        padding: unset;
    }
}

.sidebar-right-mt-290 {
    margin-top: 270px;
}

.sidebar-right-mt-150 {
    margin-top: 150px;
}

.black-box {
    background: black;
}

.ul_marg-left-30 {
    float: right;
    width: 75%;
    color: white;
}

.black_headline {
    text-transform: uppercase;
    padding: 10px;
}

.col-left {
    float: left;
    width: 48%
}

.col-right {
    float: right;
    width: 50%
}

    .col-right img {
        max-width: 100%;
    }

.margin-top-30 {
    margin-top: 32px;
}


body div.cookiewarning {
    display: none;
}

body.cookiewarning div.cookiewarning {
    padding: 1em;
    display: block;
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 100;
    background-color: rgba(0,0,0,.8);
    color: white;
    left: 0
}

.ok-btn {
    cursor: pointer;
    background-color: red;
    width: 50px;
    line-height: 50px;
}

.cookie-btn {
    cursor: pointer;
    border-color: #fff;
    border-radius: 2px;
    border-width: 2px;
    padding: 10px 15px;
    text-transform: uppercase;
    border: 1px solid white;
    color: white;
    color: #fff;
    background-image: none !important;
    background: #e21a5e;
    -moz-box-shadow: inset 0 -10px 14px #990a3a;
    -webkit-box-shadow: inset 0 -10px 14px #990a3a;
    box-shadow: inset 0 -10px 14px #990a3a;
}

span.cookie-btn {
    margin-left: 2em;
    margin-right: 1em;
}

.cookie-btn:hover {
    border-color: #fff;
    border-radius: 2px;
    border-width: 2px;
    padding: 10px 15px;
    text-transform: uppercase;
    border: 1px solid white;
    box-shadow: inset 0px -1px 15px -3px black;
}

.inline {
    display: inline;
}

.floatnone {
    float: none;
}

.gutscheinbg {
    /*background: #eaeaea;*/
    padding-bottom: 10px;
    padding-left: 10px;
}

.shop_starcard {
    width: 300px;
    border: solid;
}

.smartbanner {
    display: none;
}

.starcard-advantages {
    list-style: circle;
    margin: 0px;
    padding: 0 0 0 35px;
}

    .starcard-advantages li {
        margin: 25px 0px;
    }

@media screen and (max-width: 700px) {
    .starcard-advantages {
        padding: 0 0 0 20px;
    }

        .starcard-advantages li {
            margin: 5px 0px;
        }

    .smartbanner {
        display: block;
        background-color: #DDD;
        height: 80px;
        overflow: hidden;
    }

        .smartbanner a {
            display: inline-block;
            width: 100%;
            height: 100%;
            text-decoration: none;
        }

        .smartbanner img {
            width: 60px;
            height: 60px;
        }

        .smartbanner .close {
            float: left;
            height: 100%;
            padding: 22px 10px;
            font-size: 25px;
        }

        .smartbanner .logo {
            float: left;
            height: 100%;
            padding: 10px;
        }

        .smartbanner .text {
            float: left;
            height: 100%;
            padding: 9px;
        }

        .smartbanner .viewlink {
            float: right;
            height: 100%;
            padding: 32px;
            font-size: 20px;
        }
}

.shop_list {
    padding-left: 10px;
}

    .shop_list li {
        display: grid;
        grid-template-columns: 125px 1fr;
        grid-gap: 20px;
        margin-top: 10px;
    }

.gastro {
    display: grid;
    grid-template-columns: 200px 1fr;
    grid-gap: 10px;
    margin-bottom: 7px;
}

.gastroimage{
    max-width: 100%;
}

.whatstec {
    margin: 10px 0 10px 0;
    font-size: 1.1em;
}

.info > td:first-child {
    display: flex;
    margin-right: 5px;
}

.header-socials {
    display: flex;
}