/* CSS FOR MOBILE VIEW */

@media only screen and (max-width: 710px) {
    /* ALL */

    ::-webkit-scrollbar {
        width: 3px;
    }

    ::-webkit-scrollbar-thumb {
        background: #434343;
    }

    .p-xs-0 {
        padding: 0 !important;
    }

    .p-xs-1 {
        padding: 0.25rem !important;
    }

    .p-xs-2 {
        padding: 0.5rem !important;
    }

    .p-xs-3 {
        padding: 1rem !important;
    }

    .p-xs-4 {
        padding: 1.5rem !important;
    }

    .p-xs-5 {
        padding: 3rem !important;
    }

    /* LEFT */
    .pl-xs-0 {
        padding-left: 0 !important;
    }

    .pl-xs-1 {
        padding-left: 0.25rem !important;
    }

    .pl-xs-2 {
        padding-left: 0.5rem !important;
    }

    .pl-xs-3 {
        padding-left: 1rem !important;
    }

    .pl-xs-4 {
        padding-left: 1.5rem !important;
    }

    .pl-xs-5 {
        padding-left: 3rem !important;
    }

    /* RIGHT */
    .pr-xs-0 {
        padding-right: 0 !important;
    }

    .pr-xs-1 {
        padding-right: 0.25rem !important;
    }

    .pr-xs-2 {
        padding-right: 0.5rem !important;
    }

    .pr-xs-3 {
        padding-right: 1rem !important;
    }

    .pr-xs-4 {
        padding-right: 1.5rem !important;
    }

    .pr-xs-5 {
        padding-right: 3rem !important;
    }

    /* BOTTOM */
    .pb-xs-0 {
        padding-bottom: 0rem !important;
    }

    .pb-xs-1 {
        padding-bottom: 0.25rem !important;
    }

    .pb-xs-2 {
        padding-bottom: 0.5rem !important;
    }

    .pb-xs-3 {
        padding-bottom: 1rem !important;
    }

    .pb-xs-4 {
        padding-bottom: 1.5rem !important;
    }

    .pb-xs-5 {
        padding-bottom: 3rem !important;
    }

    /* TOP */
    .pt-xs-1 {
        padding-top: 0.25rem !important;
    }

    .pt-xs-2 {
        padding-top: 0.5rem !important;
    }

    .pt-xs-3 {
        padding-top: 1rem !important;
    }

    .pt-xs-4 {
        padding-top: 1.5rem !important;
    }

    .pt-xs-5 {
        padding-top: 3rem !important;
    }

    .pt-xs-0 {
        padding-top: 0 !important;
    }

    /* MARGIN BOTTOM */
    .mb-xs-0 {
        margin-bottom: 0 !important;
    }

    .container-padding {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    .aktuell-description {
        padding-left: 61px;
        font-size: 20px;
    }

    .aktuell-title3 {
        font-size: 15px !important;
        line-height: 20px !important;
        padding-left: 61px;
    }

    .aktuell-intro-img {
        padding: 18px;
    }

    .kontakt-adress {
        letter-spacing: initial;
    }

    .kontakt-text {
        padding-top: 0 !important;
    }

    .kontakt-textarea {
        height: 336px !important;
    }

    .kontakt-senden {
        font-size: 20px;
        min-height: unset !important;
        min-width: unset !important;
        margin-left: 1.5rem !important;
        border: solid 1px black;
    }

    .main-logo {
        width: 111px;
        height: 108px;
    }

    .mobile-top-menu {
        /*padding-top: 0.75rem;*/
        justify-content: left !important;
    }

    .fakten-heading {
        font-size: 20px !important;
        padding-bottom: 0 !important;
    }

    .white-background {
        background-color: white;
    }

    .fakten-text {
        font-size: 15px !important;
        line-height: 20px !important;
    }

    .mobile-navbar {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        z-index: 1020;
        background-color: white;
    }

    .header-text {
        padding: 0 0 0 2rem;
        font-size: 12px !important;
        line-height: 12px !important;
    }

    .logo-wrapper {
        text-align: center;
    }

    .mobile-menu-item {
        font-size: 20px !important;
        line-height: 26px !important;
    }

    .font-38px {
        font-size: 38px !important;
        line-height: 38px !important;
    }

    .font-20px {
        font-size: 20px !important;
        line-height: 20px !important;
    }

    .font-15px {
        font-size: 15px !important;
        line-height: 20px !important;
    }

    .font-12px {
        font-size: 12px !important;
        line-height: 12px !important;
    }

    .aktuell-text {
        font-size: 15px;
    }

    .performance-aktuell-description-red {
        font-size: 38px !important;
        line-height: 38px !important;
    }

    .performance-headline {
        font-size: 38px;
    }

    .performance-container {
        padding: 8px 0 0 0;
    }

    .performance-date {
        padding-left: 0;
        font-size: 20px;
        text-align: center;
    }

    .performance-info-box {
        padding-top: 80px;
        padding-right: 50px;
        padding-bottom: 15px;
    }

    .performance-info {
        font-size: 20px !important;
    }

    .performance-img {
        width: 100%;
    }

    .soon-container {
        justify-content: initial;
    }

    .soon-text {
        font-size: 38px !important;
    }

    .soon-description {
        font-size: 20px !important;
        padding-left: 60px;
        line-height: 1 !important;
    }

    .und-wir-heading {
        font-size: 38px;
    }

    .und-wir-text {
        font-size: 15px !important;
        height: 300px;
        overflow-y: scroll;

    }

    ::-webkit-scrollbar-thumb {
        background-color: black;
    }

    .und-wir-img-container {
        padding: 35px 35px !important;
    }

    .und-wir-card {
        padding: 0 16px;
    }

    .wir-card-heading {
        font-size: 38px;
    }

    .instagram-heading {
        font-size: 38px;
    }

    .glthan {
        color: black
    }

    .wir-left {
        position: absolute;
        height: 90px;
        float: left;
        left: 0px;
        top: 200px;
        z-index: 1;
        padding-left: 0px;
    }

    .wir-right {
        position: absolute;
        float: right;
        height: 90px;
        right: 0px;
        top: 200px;
        z-index: 1;
        padding-right: 0px;
    }

    .uber-padding {
        padding-top: 7.5%;
    }

    .copyright {
        padding-left: 0;
        padding-top: 28px;
    }

    .footer-wrap {
        padding-right: 0;
    }

    .E-input {
        width: 100%;
    }

    .portolio-item-margin-left {
        margin-left: 0 !important;
    }

    .portolio-item-margin-middle {
        margin-left: 0 !important;
    }

    .portolio-item-margin {
        margin-left: 0 !important;
    }

    .portfolio-item-date {
        font-size: 20px !important;
        padding-top: 1.5rem;
    }

    .portfolio-item-text-2 {
        line-height: 20px !important;
        font-size: 20px !important;
        color: black !important;
    }

    .portfolio-item-text-3 {
        line-height: 20px !important;
        font-size: 15px !important;
        color: black !important;
        padding-left: 40px;
    }

    .portfolio-item-detail-text-padding {
        padding-left: 40px;
    }

    .portfolio-item-detail-heading-padding {
/*
		padding-left: 0 !important;
*/
        padding-left: 40px;
    }

    .uber-text {
        word-break: break-word;
    }

    .uber-under-header {
        padding-left: 4.95rem;
    }

    .uber-text {
        font-size: 15px !important;
        line-height: 20px !important;
    }

    .uber-motto {
        padding-right: 0;
    }

    .instagram-img {
        width: 100%;
        height: 363px;
        max-width: 363px;
        overflow: hidden;
        margin-bottom: 2rem!important;
    }

    .border-red {
        border: 1px solid;
        border-color: #ee4624;
    }

    .instagram-img-box {
        max-height: initial;        
    }

    .instagram-wrapper {
        padding:0 23px;
    }

    .uber-nora-padding {
        padding-left: 1.4rem !important;
    }

    .grid {
        background-size: 430%;
    }
/*
    .text-center-xs {
        text-align: center !important;
    }
*/    
    .fancyboxCustomStyle {
        right: 0 !important;
    }
	a#jetlogo img{width:125px !important;}
}

@media only screen and (max-width: 440px) {
	a#jetlogo {bottom:50% !important;}
}

@media only screen and (max-width: 400px) {
    .pl-uxs-3 {
        padding-left: 1rem !important;
    }

    .main-logo {
        width: 100px;
        height: 100px;
    }
}

@media only screen and (max-width: 330px) {
    .main-logo {
        width: 100px;
        height: 100px;
    }

    .smaller-uxs-heading-produktionen {
        font-size: 33px !important;
    }
}

@media only screen and (max-width: 400px) {
    .pl-uxs-3 {
        padding-left: 0.5rem !important;
    }

/*    .smaller-uxs-heading {
        font-size: 30px !important;
    }
*/
    .kontakt-senden {
        font-size: 15px;
        min-height: unset !important;
        min-width: unset !important;
        margin-left: 0rem !important;
        border: solid 1px black;
        max-width: 200px !important;
    }

    .p-uxs-0 {
        padding-left: 0px !important;
        padding-right: 0px !important;
        padding-top: 0px !important;
        padding-bottom: 0px !important;
    }
}

@media only screen and (min-width: 400px) {
    .index-main-heading {
        font-size: 3.3rem !important;
    }
}