/* ----------- Non-Retina Screens ----------- */

@media screen and (max-width: 767px) {
    /*
	.cta-bottom {
    min-height: 100px;
    position: relative;
    z-index: 102;
}*/
    .countdown-left {
        margin-top: 24px;
        margin-bottom: 24px;
    }
    .wert {
        font-size: 1.9em;
    }
    .map {
        margin-top: 50px;
    }
    .map .container {
        margin-left: 0;
    }
    .map-image {
        width: 100%;
    }
    .map-image {
        background: rgba(0, 0, 0, 0) url("../img/map.jpg") no-repeat scroll 54% 50% / cover;
    }
    img.out,
    img.over {
        width: 310px;
    }
    .home .maincta {
        left: 50%;
        bottom: 20px;
        transform: translateX(-50%);
    }
    .menu-top {
        right: -7px;
        top: 0;
        width: 320px;
    }
    .item {
        font-size: 28px;
    }
    .menu-overlay .item {
        height: 50px;
    }
    .btn-xxl .btn-content .small-top {
        font-size: 13px;
    }
    .home {
        min-height: 600px;
        padding-top: 20px;
    }
    .logo {
        width: 347px;
        height: 300px;
        left: 50%;
        margin-bottom: 68px;
        transform: translateX(-61%);
        width: 290px;
        top: 20px;
    }
    .start .col-absolute {
        left: 0;
        top: 0;
        width: 100%;
        position: relative;
    }
    .col-absolute {
        left: 0;
        top: 0;
        width: 100%;
        position: relative;
        height: auto;
        margin-bottom: 32px;
    }
    .col-absolute.sub {
        top: 0;
    }
    .col-left .center {
        height: auto;
    }
    .start .col-left .center {
        padding-top: 1px;
        padding-bottom: 1px;
    }
    .col-left .sub .center h2 {
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .tickets .col-left .center {
        height: auto;
    }
    .tickets .col-blue {
        width: 100%;
        position: relative;
        margin: 0;
    }
    .tickets .col-blue .col-absolute {
        width: 100%;
        top: 0;
    }
    .ueberuns .col-left .center {
        height: auto;
    }
    .anfahrt .col-left .center {
        height: auto;
    }
    .kooperation {
        margin: 12px auto;
    }
    .btn-ticket {
        font-size: 20px !important;
        left: 0;
        padding: 12px 142px 12px 20px !important;
        width: auto;
    }
    .bottom-align {
        text-align: center;
    }
    .tickets .logo {
        height: 280px;
        margin-bottom: 0px;
    }
    .tickets .home {
        min-height: 540px;
    }
    .col-left .top {
        background: none;
        height: 32px;
    }
    .col-left .center {
        padding-top: 1px;
        padding-bottom: 1px;
    }
    .col-left .bottom {
        background: rgba(0, 0, 0, 0) url("../img/col_left_bottom.svg") no-repeat scroll center top / 100% auto;
        height: 60px;
    }
    .col-blue {
        margin-right: 0;
        margin-top: 30px;
        width: auto;
    }
    .col-blue .top {
        background: rgba(0, 0, 0, 0) url("../img/col_blue_top.svg") no-repeat scroll center bottom / 100% auto;
        height: 90px;
    }
    .col-blue .bottom {
        background: rgba(0, 0, 0, 0) url("../img/col_blue_bottom_left.svg") no-repeat scroll left top/ 40% 100%;
        background-size: contain;
        height: 230px;
    }
    .col-white {
        margin-right: 0;
        margin-top: 0;
        position: relative;
        width: auto;
    }
    .instagram {
        width: 30px;
        padding: 1px 0 8px 6px;
    }
    .facebook {
        width: 30px;
        padding: 2px 0 8px;
    }
    .twitter {
        width: 30px;
        padding: 1px 0 8px;
    }
    .bg-inner.bg-woman {
        height: 839px;
        left: 50%;
        top: 226px;
        transform: translateX(-47%);
        width: 449px;
    }
    .bg .bg-inner.bg-start-top {
        height: 720px;
        width: 100%;
        z-index: 1;
        /* background-position: 48% 0 !important; */
    }
    .bg .bg-inner.bg-start-center {
        top: 1385px;
    }
    .bg .bg-inner.bg-start-bottom {
        height: 718px;
        left: 50%;
        top: 3069px;
        transform: translate(-60%);
        width: 1238px;
    }
    .col-city {
        margin-bottom: 24px;
    }
    .city {
        max-width: 320px;
        margin-left: 15px;
        margin-right: 15px;
    }
    .col-white .top {
        background: rgba(0, 0, 0, 0) url("../img/col_white_top.svg") no-repeat scroll center bottom / 100% auto;
        height: 50px;
        display: none;
    }
    .cta-bottom {
        position: relative;
        z-index: 106;
        margin-left: 0;
    }
    .btn-right {
        font-size: 24px;
        padding: 10px 120px 10px 40px;
    }
    .tt-tt {
        width: 100%;
        margin-top: 138px;
        display: none;
    }
    .mobile.blackfloor .row {
        margin-left: 0;
        margin-right: 0;
        padding: 0 0;
    }
    .blackfloor-lu {
        padding: 0 0 0;
    }
    .btn-xxl {
        padding: 20px 109px 16px 25px;
    }
    .btn-xxl .arrow {
        width: 90px;
        padding-left: 15px;
    }
    .tickets .maincta {
        /* background: #ff0000; */
        background: #28acc2;
    }
    .tickets .maincta .btn-smf,
    .tickets .maincta .btn-xxl,
    .tickets .maincta .btn-left,
    .tickets .maincta .btn-left .btn-content {
        padding: 0;
        margin: 20px;
        text-align: left;
        transform: none;
        filter: none;
        border: none;
        height: auto;
    }
    .tickets .home {
        min-height: 500px; /* zuvor 900px TSK 02.08.2020 */
    }
    .tickets .home .container {
    }
    .tickets .home .maincta {
        /* left: 0; */
        width: calc(100% - 30px);
    }
    .tickets .maincta .small-top {
        margin: 0px;
        left: 0;
        width: 100%;
        font-size: 24px;
        line-height: 1.1;
        font-size: 24px;
        font-weight: bold;
        font-family: 'Fira Sans', sans-serif;
        line-height: 1.4;
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .tickets .maincta .btn-left .btn-content {
        /* height: 140px; */
        margin: 0;
        padding: 0;
    }
    .tickets .maincta h3 {
        line-height: 1.1;
        font-size: 44px;
        font-weight: 500;
        font-family: 'Bungee', cursive;
        line-height: 1;
        margin-top: 10px;
        margin-bottom: 10px;
    }
    .tickets .col-absolute .bottom {
        display: none;
    }
}

@media screen and (max-width: 600px) {
    .tickets .main h2,
    .tickets .maincta h3 {
        line-height: 1.1;
        font-size: 28px;
    }
}


/* Note that the below property device pixel ratio might need to be vendor-prefixed for some browsers */

@media screen and (device-pixel-ratio: 1.5) {
    /*adjust your layout for 1.5 hardware pixels to each reference pixel*/
}

@media screen and (device-pixel-ratio: 2) {
    /*adjust your layout, font sizes etc. for 2 hardware pixels to each reference pixel*/
}