/* ------------------------------------- RESPONSIV --------------------------------- */



@media only screen and (min-width: 601px) and (max-width: 768px) {
    /* --- Eventslider --- */
    .eventslider .blog_slider_holder .item_holder {margin-left: 40px;}
}


@media only screen and (min-width: 601px) and (max-width: 1000px) {
    /* --- Eventslider --- */
    .eventslider .blog_slider_holder .item_holder {width: 230px;}
    .blog_text_holder.info_bottom {height: 135px;}
    .eventslider .date {left: 54%;}
    .eventslider .blog_text_holder.info_bottom .blog_text_holder_inner {padding: 45px 5px 0;}
    .eventslider h5 {font-size: 0.8em; font-weight: 400;}
    .eventslider p a {bottom: 5px; font-size: 0.8em}
    .startseite .latest_post_two_holder > ul > li {width: 50%;}
}


@media only screen and (min-width: 1000px) and (max-width: 1199px) {
    /* --- Eventslider --- */
    .blog_text_holder.info_bottom {height: 170px;}
    .eventslider h5 {font-size: 1.0em; font-weight: 400;}
    .eventslider .date {left: 64%;}
    /* --- Newsletter Formular --- */
    .newsletter_formular input.wpcf7-form-control.wpcf7-text {width: 270px;}
    .newsletter_formular p { padding: 0 0 7px; font-size: 1em;}
}

/* ---------------------- Mobile Menü ab 1200px einblenden ---------------------- */
@media only screen and (min-width: 1001px) and (max-width: 1200px){
    .header_top .container{display: inline-block;    }
    header, .header_inner_left{ position: relative !important; left: 0px !important; margin-bottom: 0px;}
    .content {margin-bottom: 0 !important;}
    .right_side_menu_opened .wrapper header{left: 0px !important;}
    header{ top: 0px !important;margin-top: 0px !important;display: block;}
    .header_top{ height: auto;display: none !important;}
    .mobile_menu_button { margin: 25px 20px 30px 0;}
    nav.mobile_menu ul li a, nav.mobile_menu ul li h3 {font-size: 17px;line-height: 24px;padding: 7px 0;font-weight: 300;}
    .content.content_top_margin { margin-top: 0px !important;}
    .header_top .left,.header_top .right{ text-align: center; float: none;}
    .header_top .inner{ display: inline-block; margin: 0 0 -4px; }
    .header_bottom{ background-color: #fff !important;}
    header.centered_logo .header_inner_left{ margin: 0px; }
    header.centered_logo .header_inner_right{ float:right;}
    header.centered_logo .logo_wrapper{ height: 100px !important; }
    header .q_logo img.mobile{ display: block !important; opacity: 1 !important; position: relative; margin: 0 auto; }
    header .q_logo img.normal, header .q_logo img.light, header .q_logo img.dark, header .q_logo img.sticky{ display: none !important;}
    header .q_logo.animate_logo div.normal{ opacity:1 !important;  display: block; }
    header .q_logo.animate_logo div.dark, header .q_logo.animate_logo div.sticky{display: none;}
    .header-left-from-logo-widget, .header-right-from-logo-widget{display: none;}
    body.side_menu_slide_with_content.side_menu_open .carousel-inner:not(.relative_position),
    body.side_menu_slide_with_content.width_270.side_menu_open .carousel-inner:not(.relative_position),
    body.side_menu_slide_with_content.width_370.side_menu_open .carousel-inner:not(.relative_position){left:0px !important;}
    .q_logo_hidden{display: none; }
    .main_menu{display: none !important;}
    nav.mobile_menu{display: block; }
    .mobile_menu_button{ display: table; }
    nav.mobile_menu > ul{ width: 768px; margin: 0px auto;}
    .logo_wrapper{display: table; height: 100px !important; left: 50%; position: absolute;;}
    .q_logo { display: table-cell; position: relative;top: auto; vertical-align: middle;}
    .q_logo a{left: -50%;width: auto !important;}
    .q_logo img{ top: 0px; left: 0px;}
    header .header_fixed_right_area { 
      line-height: 100% !important; top: 80px !important; width: 100%; display: block; text-align: center; margin: 0; position: absolute; 
    }
}

@media only screen and (min-width: 1200px) {
    /* --- Eventslider --- */
    .eventslider .blog_slider_holder .item_holder {width: 340px;}
    .eventslider p.blog_slider_simple_excerpt {display: block;}
    /* --- Event Bigteaser --- */
    .home .event_bigteaser .wpb_text_column.datum {left: 81%;}
}


@media only screen and (min-width: 1300px) {
    /* --- Eventslider --- */
    .eventslider .blog_slider_holder .item_holder {width: 370px;}
}


@media only screen and (min-width: 1200px) and (max-width: 1300px) {
    /* --- Hauptnavigation Schrift --- */
    nav.main_menu > ul > li > a { padding: 0 21px 0 7px; font-size: 16px;}
}

@media only screen and (min-width: 1200px) and (max-width: 1299px) {
    /* Abstand Kacheln in Akkordeon-Navi auf Seite Team-Events */
    .page-id-2714 .latest_post_two_holder > ul > li {
        margin: 0 0 10px;
    }
}

@media only screen and (max-width: 1200px) {
    .newsletter_formular h2 {font-size: 1.325em;}
    /* --- Besucher-Infos Teaser --- */
    .page-id-16 .startseite .latest_post_two_holder li.clearfix {height: 350px;}
    /* --- Event Bigteaser --- */
    .home .event_bigteaser .wpb_text_column.datum {left: 77%;}
    /* --- Presseteaser --- */
    .startseite .latest_post_two_holder li.clearfix {height: 360px;}
    /* Subnavi-Dropdown-Pfeil ausblenden */
    .menu-item-has-children > a::after, .menu-item-has-children > h3::after {
      display: none;
    }
}


@media only screen and (max-width: 1000px) {
    /* --- Footer --- */
    .footer_top .widget_nav_menu ul li { padding: 0;}
    /* --- Newsletter Formular --- */
    .newsletter_formular .mitte { background-position: 45px 50px; padding: 20px 20px 0 180px;}
    .newsletter_formular p { font-size: 0.9em;}
    .newsletter_formular input.wpcf7-form-control.wpcf7-text { width: 195px;}
    /* --- Seiten --- */
   .page .title_subtitle_holder_inner {top: 20vw;}
   .breadcrumb {top: -47px;}
   
    /* --- Besucher-Infos Teaser --- */
    .page-id-16 .startseite .latest_post_two_holder li.clearfix,
    .page-id-18 .startseite .latest_post_two_holder li.clearfix, 
    .page-id-19 .startseite .latest_post_two_holder li.clearfix, 
    .page-id-20 .startseite .latest_post_two_holder li.clearfix,
    .page-id-21 .startseite .latest_post_two_holder li.clearfix, 
    .page-id-2714 .startseite .latest_post_two_holder li.clearfix, 
    .page-id-2996 .startseite .latest_post_two_holder li.clearfix, 
    .page-id-2918 .startseite .latest_post_two_holder li.clearfix {
      height: 290px;
    }
    
    
    
    
    
    .layerslidertext h2 {font-size: 3vw;}
    /* --- Event Bigteaser --- */
    .home .event_bigteaser .wpb_text_column.datum {left: 81%;}
    
    /* --- Presseteaser --- */
    .startseite .latest_post_two_holder li.clearfix {height: 330px;}
    .page-id-2714 .latest_post_two_holder > ul > li {margin: 0 0 0px;}
}


@media only screen and (max-width: 900px) {
    /* --- Newsletter Formular --- */
    .newsletter_formular .mitte { background-position: 15px 50px; padding: 20px 20px 0 135px; width: 470px;}
    .newsletter_formular .rechts { left: 625px;}
}


@media only screen and (max-width: 800px) {
    /* --- Event Bigteaser --- */
    .qode_image_gallery_no_space ul li {float: left;}
    .qode_image_gallery_no_space .controls, .qode_image_gallery_no_space ul li.-after, .qode_image_gallery_no_space ul li.-before {display: block;}
    .event_bigteaser .qode_image_gallery_no_space ul li div {width: 820px !important; height: 770px !important;}
    .event_bigteaser .qode_image_gallery_no_space ul {height: 730px !important;}
    .event_bigteaser .qode_image_gallery_no_space .qode_image_gallery_holder {height: 770px !important;}
    .two_columns_75_25 > .column1 {width: 100%;}
    .column2 {display: none;}
    /* --- Seiten --- */
    .page .title_subtitle_holder_inner {top: 23vw;}
    h1, .title h1 {font-size: 2.2em !important;}
    .breadcrumb { top: -40px;}
    .page .two_columns_75_25 > .column1 {margin-bottom: 50px;}
    
    /* --- Besucher-Infos Teaser --- */
    .page-id-16 .startseite .latest_post_two_holder li.clearfix, 
    .page-id-18 .startseite .latest_post_two_holder li.clearfix, 
    .page-id-19 .startseite .latest_post_two_holder li.clearfix, 
    .page-id-20 .startseite .latest_post_two_holder li.clearfix,
    .page-id-21 .startseite .latest_post_two_holder li.clearfix, 
    .page-id-2714 .startseite .latest_post_two_holder li.clearfix, 
    .page-id-2996 .startseite .latest_post_two_holder li.clearfix, 
    .page-id-2918 .startseite .latest_post_two_holder li.clearfix {
      height: 390px;
    }
    
    /* --- Presseteaser --- */
    .startseite .latest_post_two_holder li.clearfix {height: 430px;}
}



@media only screen and (max-width: 768px) {
    /* --- Newsletter Formular --- */
    .newsletter_formular .mitte { background-image: none !important; padding: 20px 20px 0 35px;}
    .newsletter_formular .rechts { left: 525px;}
    /* --- Besucher-Infos Teaser --- */
    .page-id-16 .startseite .latest_post_two_holder li.clearfix,
    .page-id-18 .startseite .latest_post_two_holder li.clearfix, 
    .page-id-19 .startseite .latest_post_two_holder li.clearfix, 
    .page-id-20 .startseite .latest_post_two_holder li.clearfix,
    .page-id-21 .startseite .latest_post_two_holder li.clearfix, 
    .page-id-2714 .startseite .latest_post_two_holder li.clearfix, 
    .page-id-2996 .startseite .latest_post_two_holder li.clearfix, 
    .page-id-2918 .startseite .latest_post_two_holder li.clearfix  {
      height: 310px;
    }
    /* --- Event Bigteaser --- */
    .home .event_bigteaser .wpb_text_column.datum {left: 77%;}
    
    /* --- Presseteaser --- */
    .startseite .latest_post_two_holder li.clearfix {height: 345px;}
}


@media only screen and (max-width: 600px) {
    /* --- Abstand zwischen Slider und Text --- */
    #einleitung {padding-top:0px}
    /* --- Eventslider --- */
    .eventslider .blog_slider_holder .item_holder { width: 180px; margin-left: 20px;}
    .eventslider .blog_slider .image {bottom: 20px;}
    .eventslider .blog_text_holder.info_bottom {height: 115px;}
    .eventslider .blog_text_holder.info_bottom .blog_text_holder_inner {padding: 45px 7px 0;}
    .eventslider p a {display: none;}
    .eventslider h5 {font-size: 0.8em; line-height: 1.15em;}
    .eventslider .date p {color: #3b3b3b;font-size: 0.8em;}
    .eventslider .date { background: none; left: 11%; top: 47%; z-index:30;}
    /* --- Presseteaser --- */
    .home .startseite .latest_post_two_holder li.clearfix {height: 480px;}
    /* --- Event Bigteaser --- */
    .home .event_bigteaser .wpb_text_column.datum {left: 67%;}
    .event_bigteaser .qode_image_gallery_no_space .qode_image_gallery_holder {height: 650px !important;}
    .event_bigteaser .wpb_text_column {bottom: -30px; height: 235px; left: 9%; width: 74%;}
    .home .event_bigteaser .wpb_text_column { bottom: -33px; min-height: 135px; width: 81%;}
    /* --- Newsletter Formular --- */
    .newsletter_formular {display: none;}
    .breadcrumb {display: none;}
    /* --- Seiten --- */
    .page .title_subtitle_holder_inner {top: 23vw;}
    h1, .title h1 {font-size: 2em !important;}
    .breadcrumb, .breadcrumbs { display: none;}
    /* --- Beiträge --- */
    .single-post .post_text {left: 4%;width: 85%;}
    
    /* --- Besucher-Infos Teaser --- */
    .page-id-16 .startseite .latest_post_two_holder li.clearfix,
    .page-id-18 .startseite .latest_post_two_holder li.clearfix, 
    .page-id-19 .startseite .latest_post_two_holder li.clearfix, 
    .page-id-20 .startseite .latest_post_two_holder li.clearfix,
    .page-id-21 .startseite .latest_post_two_holder li.clearfix, 
    .page-id-2714 .startseite .latest_post_two_holder li.clearfix, 
    .page-id-2996 .startseite .latest_post_two_holder li.clearfix, 
    .page-id-2918 .startseite .latest_post_two_holder li.clearfix {
      height: 420px;
    }
    
    .ls-v5 .ls-nav-next { right: 5% !important;}
    .ls-v5 .ls-nav-prev { left: 5% !important;}
    
    /* --- Presseteaser --- */
    .startseite .latest_post_two_holder li.clearfix {height: 480px;}
}

@media only screen and (max-width: 480px) {
    /* --- Eventslider --- */
    .eventslider .blog_slider_holder .item_holder {margin-left: 65px;}
    /* --- Presseteaser --- */
    .home .startseite .latest_post_two_holder li.clearfix {height: 380px;}
    /* --- Event Bigteaser --- */
    .home .event_bigteaser .wpb_text_column.datum {left: 55%;}
    .startseite .latest_post_two_holder .latest_post_two_text p, .event_bigteaser p {font-size: 0.8em;}
    .home .event_bigteaser .wpb_text_column { bottom: -33px; min-height: 135px; width: 73%; left:9%}
    /* --- Beiträge --- */
    .single-post .post_text {left: 4%;width: 82%;}
    
    /* --- Presseteaser --- */
    .startseite .latest_post_two_holder li.clearfix {height: 340px;}
    
    /* --- Besucher-Infos Teaser --- */
    .page-id-16 .startseite .latest_post_two_holder li.clearfix,
    .page-id-18 .startseite .latest_post_two_holder li.clearfix, 
    .page-id-19 .startseite .latest_post_two_holder li.clearfix, 
    .page-id-20 .startseite .latest_post_two_holder li.clearfix,
    .page-id-21 .startseite .latest_post_two_holder li.clearfix, 
    .page-id-2714 .startseite .latest_post_two_holder li.clearfix, 
    .page-id-2996 .startseite .latest_post_two_holder li.clearfix, 
    .page-id-2918 .startseite .latest_post_two_holder li.clearfix {
      height: 280px;
    }

}