/* BEREINIGTE RESPONSIVE.CSS - Nur notwendige Media Queries */

/* ====================================================================
   DESKTOP (bis 1600px)
   ==================================================================== */
@media only screen and (max-width: 1600px) {
    .banner-carousel .content-box h2 {
        font-size: 69px;
        line-height: 1.1em;
    }
}

@media only screen and (max-width: 1340px) {
    .banner-carousel .content-box h2 {
        font-size: 84px;
    }
    
    .banner-carousel .slide-item,
    .banner-section.style-two .slide-item {
        padding: 150px 0px 180px;    
    }
    
    .sec-title h2 {
        font-size: 56px;    
    }
    
    .sec-title .title {
        font-size: 18px;    
    }
    
    .page-banner {
        padding: 120px 0px 70px;    
    }
    
    .page-banner h1 {
        font-size: 56px;    
    }
}

/* ====================================================================
   LARGE TABLET (bis 1139px)
   ==================================================================== */
@media only screen and (max-width: 1139px) {
    .sec-title h2 {
        font-size: 48px;    
    }
    
    .call-to-action-section .content h2 {
        font-size: 48px;    
    }
    
    .contact-form-section .title-column .inner-column {
        padding-right: 0;    
    }
}

/* ====================================================================
   TABLET (bis 1023px)
   ==================================================================== */
@media only screen and (max-width: 1023px) {

 .bggrey{padding:0px !important;overflow:scroll; }
  .bggrey::before {
                content: "← → Zum Scrollen wischen" !important;
                display: block !important;
                text-align: center !important;
                font-size: 11px !important;
                color: #6c757d !important;
                margin-top: 10px !important;
                padding: 5px !important;
                border-radius: 4px !important;
            }

    /* Header Navigation ausblenden */
    .main-header .nav-outer .main-menu,
    .sticky-header {
        display: none !important;
    }

    .mobile-nav-toggler {
        display: block;
        margin: 0;
        padding: 0px 12px;
    }
    
    .main-header .header-upper .nav-outer:before {
        display: none;    
    }
    
    .main-header .header-upper .logo-outer {
        position: relative;
        left: 0;
        top: 0;
        width: auto;
        height: auto;
        padding: 15px 0px;
        margin: 0;
        transform: translateX(0);    
    }
    
    .main-header .nav-outer {
        width: auto;
        float: right;    
    }
    
    .banner-carousel .slide-item,
    .banner-section.style-two .slide-item {
        padding: 100px 0px 130px;    
    }
    
    .banner-carousel .content-box h2 {
        font-size: 64px;
    }
    
    .banner-carousel .content-box .text {
        font-size: 20px;
        line-height: 1.5em;    
    }
    
    .banner-section .owl-nav {
        display: none;    
    }
    
    .sec-title h2 {
        font-size: 36px;    
    }
    
    .sec-title .title {
        font-size: 16px;    
    }
    
    .btn-style-one .btn-title {
        padding: 12px 45px;
        font-size: 15px;    
    }
    
    .main-footer .footer-bottom {
        text-align: center;
        padding-top: 60px;    
    }
    
    .main-footer .footer-bottom .column {
        width: 100%;
    }
    
    .main-footer .footer-bottom .social-icons {
        padding-top: 20px;
        text-align: center;    
    }
    
    .call-to-action-section .content h2 {
        font-size: 36px;    
    }
    
    .page-banner {
        padding: 50px 0px;    
    }
    
    .page-banner h1 {
        font-size: 48px;    
    }


    .question-block-two.alternate:first-child{margin-top:50px;padding-left: 0px;border-top: 1px solid #302f2f;padding-top:80px;border-top: 1px solid #302f2f;}
.question-block-two.alternate{padding-left: 0px;}
.faq-section .inner-container::before{background-color:transparent;}


}

/* ====================================================================
   TABLET & MOBILE NAVIGATION
   ==================================================================== */
@media only screen and (min-width: 768px) {
    .main-menu .navigation > li > ul,
    .main-menu .navigation > li > ul > li > ul {
        display: block !important;
        visibility: hidden;
        opacity: 0;
    }
}

/* ====================================================================
   MOBILE (bis 767px)
   ==================================================================== */
@media only screen and (max-width: 767px) {    


    .raumplan{background:transparent !important}

    
    .banner-carousel .content-box h2 {
        font-size: 48px;
    }
    
    .banner-carousel .content-box .text {
        font-size: 18px;
        line-height: 1.6em;
    }
    
    .sec-title h2 {
        font-size: 30px;    
    }
    
    .call-to-action-section .content h2 {
        font-size: 30px;    
    }
    
    .page-banner h1 {
        font-size: 40px;    
    }
    
    .banner-carousel .slide-item,
    .banner-section.style-two .slide-item {
        padding: 80px 0px 110px;    
    }
}

/* ====================================================================
   SMALL MOBILE (bis 599px)
   ==================================================================== */
@media only screen and (max-width: 599px) {

    .main-header .header-top .top-left {
        display: none;    
    }
    
    .main-header .header-top .top-right {
        width: 100%;
        text-align: center;
    }

    .hautsponsoren {
        float: none !important;
    }
}

/* ====================================================================
   VERY SMALL MOBILE (bis 479px)
   ==================================================================== */
@media only screen and (max-width: 479px) {
    .header-top {
        display: none !important;
    }

    .logo {
        width: 150px;
    }
}

/* ====================================================================
   OVERFLOW MANAGEMENT
   ==================================================================== */
@media only screen and (max-width: 7000px) {
    .page-wrapper {
        overflow: hidden;
    }
}