/* Mobile Theme
-------------------------------------------------------------- */
#Footer {
    background-color: #4f8a1f !important;
}

/* Mobile Nav Menü */
#Side_slide .widget {
    padding: 15px 25px 0;
}
#Side_slide .widget h4 {
    color: #6d6d6d;
    margin-bottom: 0;
    margin-top: 10px;
}
#Side_slide .widget img {
    max-width: 200px;
}

.close-wrapper .close {
    background: url("img/pfeil-r.png") no-repeat center center transparent;
    background-size: 28px auto;
}


@media screen and (min-width:1380px) {
    
    .home .white_box_wrapper {
        max-width: 1350px;
        margin: 0 auto;
        padding: 0 15px;
    }
    
}

@media screen and (min-width:1200px) and (max-width:1621px){
    .footer_copy:after {
        right: -90px;
    }
}
@media screen and (min-width:1200px) and (max-width:1420px){
    .footer_copy:after {
        right: -150px;
    }
}
    
@media screen and (min-width:780px){
    .beitrag_wrap {
        max-height: 410px;
        overflow: hidden;
    }
}

@media (min-width:1240px) and (max-width:1600px) {
    
    #intro p {
        padding: 0 30px;
    }

	body.header-rtl.header-creative {
		padding-left: 0;
		padding-right: 70px !important;
	}
	
	.page-template-template-noheader .inner_center {
        padding: 0 15px;
    }
	
	.tribe_venue-template-default.single.single-tribe_venue #Header.portfolioHeader #logo {
		margin-left:15px;
	}
	
	#Header.portfolioHeader #logo {
		margin-left: 15px;
	}

}

@media screen and (max-height:860px){
    
    .home div.white_box h5 {
        font-size: 40px;
        line-height: 40px;
    }
    .home div.white_box {
        max-width: 510px;
        margin: 120px 0 90px;
    }
    
}

@media screen and (max-height:760px){
    
    .widget_media_image h5 {
        text-transform: none;
        font-size: 16px;
        line-height: 16px;
    }
    #Header_creative .widget {
        padding-bottom: 15px;
        margin-bottom: 15px;
    }
    #Header_creative .widget_media_image img {
        width: 80px;
        height: auto;
    }
    
    
}


@media screen and (max-width:1430px){
	

	
}


@media screen and (max-width:1350px){
    .portfolio-template-default .inner_center {
        padding-left: 10px;
        padding-right: 10px;
    }
}

@media screen and (min-width:1240px) and (max-width:1280px) {
    
    .the_content_wrapper {
        margin: 0 3% 0 1%;
    }
    
}

@media screen and (max-width:1239px) {

    .kontakt_box .kontakt_box_inhalt,
    .kontakt_box .kontakt_box_inhalt div,
    .kontakt_box .kontakt_box_inhalt p,
    .kontakt_box .kontakt_box_inhalt a
    {
        font-size: 16px;
        line-height: 26px;
    }
    
    #Footer .widgets_wrapper {
        padding-top: 50px;
    }
    
    .DL-box {
        width: auto;
    }
    
    .DL-box .fa {
        font-size: 60px;
        line-height: 72px;
    }
    
    .DL-box h5 {
        font-size: 15px;
        line-height: 25px;
    }
    
    .routeninfo .listitem {
        font-size: 18px;
    }
    
    .DL-box h4 {
        font-size: 18px;
        line-height: 20px;
    }
    
    .section-post-header, .page-template-template-noheader .content_wrapper {
        padding-top: 10px;
    }
    
    #Header {
        display: none;
    }
    
    #Top_bar .responsive-menu-toggle, #Header_creative .creative-menu-toggle, #Header_creative .responsive-menu-toggle {
        color: #cd1235  !important;
    }
    
    #Side_slide {
        background-color: #fff !important;
        border-color:  #fff  !important;
    }
    
    #Side_slide .extras {
        display: none;
    }
    
    #Side_slide, #Side_slide .search-wrapper input.field, #Side_slide a:not(.button) {
        color: #aacb4c  !important;
        font-weight: 900;
        font-size: 16px;
    }
    
    #Side_slide #menu ul li ul li a {
        font-size: 15px;
        color: #505050  !important;
        font-weight: 400;
    }
    
    .home div.white_box h5 {
        font-size: 40px;
        line-height: 40px;
    }
    .home div.white_box {
        max-width: 470px;
        margin: 90px 0 100px;
    }
    div.white_box h5 {
        font-size: 40px;
        line-height: 40px;
    }
    div.white_box {
        max-width: 470px;
        margin: 90px 0 100px;
    }
    
    body,
    body p {
        font-size: 18px;
        line-height: 27px;
    }
    
    h1, .text-logo #logo {
        font-size: 18px;
    }
    h2 {
        font-size: 32px;
        line-height: 35px;
    }
    h3 {
        font-size: 24px;
        line-height: 30px;
    }
    
    .entry-content a.rp_button {
        border: 1px solid #cd1235;
        line-height: 18px;
        font-size: 16px;
        font-weight: 900;
        padding: 10px 45px 10px 10px;      
    }
    .story_box2 h3 {
        font-size: 42px;
        line-height: 45px;
    }
    .story_box2 p {
        font-size: 16px;
        line-height: 20px;
    }
    .img_box span {
        line-height: 25px;
        padding: 10px 15px;
        font-size: 20px;
    }
    
    .icon_box .svg_wrap img {
        max-width: 80px;
    }
    
    .zitat .inhalt {
        font-size: 28px;
        line-height: 42px;
    }
    .zitat .autor {
        font-size: 18px;
    }
    .beitrag h3 {
        min-height: 60px;
        font-size: 30px;
        line-height: 30px;
    }
    .event h3 {
        min-height: 63px;
        font-size: 24px;
        line-height: 26px;
    }
    .event strong {
        font-size: 14px;
    }
    .event p {
        font-size: 16px;
        line-height: 25px;
    }
    #Footer h4 {
        font-size: 21px;
        margin-bottom: 24px;
    }
    .menu-footer-container ul li a {
        font-size: 16px;
        line-height: 25px;
    }
    #Footer .textwidget p {
        font-size: 16px;
        line-height: 25px;
    }
    .footer_copy::before, .footer_copy::after {
        width: 360px;
    }
    .footer_copy::after {
        width: 190px;
        top: -300px;
    }
    
    .beitrag_wrap {
        max-height: 300px;
    }
    
    #Content .beitrag img {
        max-height: 300px;
    }
    
    .beitrag h3.middle {
        font-size: 24px;
        line-height: 24px;
    }
    .beitrag h3.small {
        font-size: 18px;
        line-height: 18px;
    }
    .hinweis .inhalt {
        font-size: 18px;
        padding-left: 78px;
    }
    .story_box2 h3 {
        font-size: 24px;
        line-height: 26px;
        padding: 0px 10px 25px 10px;
    }
    .remark {
        font-size: 20px;
        line-height: 30px;
    }
    
    .vc_grid-item .vc_custom_heading h4, .vc_grid-item .vc_custom_heading h3 a {
        min-height: 75px !important;
        font-size: 22px !important;
        line-height: 22px !important;
    }
    .vc_gitem-zone .vc_gitem_row .vc_custom_heading p {
        font-size: 15px  !important;
        line-height: 20px   !important;
    }
    
    .aktuelles {
        min-height: 470px;
    }
	
	.tribe-events-event-meta .column, 
	.tribe-events-event-meta .tribe-events-meta-group {
		width: auto;
		float:none;
		display:block;
		margin-bottom: 25px;
	}
    
}

@media screen and (min-width:767px) and (max-width:1239px){ 
    
     /* 4er Reihe zu 2er auflösen */
    .wpb_column.vc_column_container.vc_col-sm-3 {
        width: 50%;
    }

}

@media screen and (min-width:767px) and (max-width:1024px) { 


    
}
@media screen and (max-width:992px){ 
    h2 {
        font-size: 24px;
        line-height: 28px;
    }
    body, body p {
        font-size: 15px;
        line-height: 23px;
    }
    
}

@media screen and (min-width:767px) and (max-width:1100px){ 
    .entry-content a.rp_button {
        padding: 10px 45px 10px 10px;   
        min-width: 130px;
    }
}

@media screen and (min-width:767px) and (max-width:992px){ 

    .entry-content a.rp_button {
        
        min-width: 130px;
    }
    .icon_box .svg_wrap {
        max-width: 80px;
    }
    .story_box2 h3 {
        font-size: 28px;
        line-height: 35px;
    }
    .beitrag_wrap {
        max-height: 300px;
    }
    #Content .beitrag img {
        max-height: 300px;
    }
    
    .beitrag h3 {
        min-height: 80px;
        font-size: 24px;
        line-height: 24px;
    }
    .beitrag h3.middle {
        font-size: 22px;
        line-height: 22px;
    }
    .beitrag h3.small {
        font-size: 16px;
        line-height: 16px;
    }
    .beitrag_wrap {
        max-height: 220px;
    }
    #Content .beitrag img {
        max-height: 220px;
    }
    
    .DL-box {
        padding: 5px 1px;
    }
    
}

@media screen and (min-width:767px) and (max-width:960px){ 

    #iconrow .infocenter .icon_box h3 {
        line-height: 24px;
        margin-bottom: 39px;
    }
    
    .aktuelles {
        min-height: 520px;
    }

}



@media screen and (max-width:767px){ 
	
	.single-tribe_events .tribe-events-schedule {
		background-color: transparent !important;
		border: none !important;
		padding: 0 !important;
	}
    
    .wpb_wrapper .DL-box {
        margin-bottom: 30px;
        margin-top: 30px;
    }

    .wpb_wrapper .event,
    .wpb_wrapper .beitrag  {
        margin-bottom: 80px;
    }
    
    .icon_box {
        margin: 15px auto;
    }
    
    #Top_bar .logo {
        text-align: left;
    }
    #Header_creative #Top_bar .logo #logo img {
        max-height: 35px;
    }
    
    .home div.white_box h5 {
        font-size: 25px;
        line-height: 27px;
    }
    .home div.white_box {
        max-width: 240px;
        padding: 12px 12px 10px 12px;
    }
    div.white_box h5 {
        font-size: 25px;
        line-height: 27px;
    }
    div.white_box {
        max-width: 240px;
        padding: 12px 12px 10px 12px;
    }
    
    .zitat .inhalt {
        font-size: 18px;
        line-height: 32px;
    }
    
    .zitat .autor {
        font-size: 12px;
    }
    
    .zitat::before, .zitat::after {
        width: 45px;
        background-size: 42px auto;
    }
    .zitat::before {
        top: 35px;
        left: 0px;
    }
    .zitat::after {
        right: 0px;
        bottom: 35px;
    }
    .zitat .inhalt {
        padding: 65px 50px;
    }
    .beitrag h3 {
        min-height: 44px;
        font-size: 26px;
        line-height: 26px;
    }
    .event h3 {
        min-height: 44px;
        font-size: 24px;
        line-height: 24px;
    }
    .hinweis {
        line-height: 25px
    }
    .hinweis .inhalt {
        font-size: 18px;
        padding-left: 78px;
        line-height: 25px;
        padding-top: 11px;
    }
    
    .section_wrapper, 
    .container, 
    .four.columns .widget-area {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
    
    body, body p {
        
    }
    
    .footer_copy::before, .footer_copy::after {
        display: none;
    }
    
    #Top_bar .logo #logo {
        margin: 10px 20px;
    }
    
    .header-creative #Header_creative {
        position: fixed;
    }
    
    .vc_custom_1515753318524 {
        padding-bottom: 30px !important;
    }
    .vc_custom_1511247698493 {
        padding-top: 0px !important;
        padding-bottom: 0px !important;
    }
    .vc_custom_1511247689056 {
        padding-bottom: 25px !important;
    }
    
    .icon_box {
        min-height: 50px;
        margin-bottom: 60px;
    }
    
    .vc_col-lg-1, .vc_col-lg-10, .vc_col-lg-11, .vc_col-lg-12, .vc_col-lg-2, .vc_col-lg-3, .vc_col-lg-4, .vc_col-lg-5, .vc_col-lg-6, .vc_col-lg-7, .vc_col-lg-8, .vc_col-lg-9, .vc_col-md-1, .vc_col-md-10, .vc_col-md-11, .vc_col-md-12, .vc_col-md-2, .vc_col-md-3, .vc_col-md-4, .vc_col-md-5, .vc_col-md-6, .vc_col-md-7, .vc_col-md-8, .vc_col-md-9, .vc_col-sm-1, .vc_col-sm-10, .vc_col-sm-11, .vc_col-sm-12, .vc_col-sm-2, .vc_col-sm-3, .vc_col-sm-4, .vc_col-sm-5, .vc_col-sm-6, .vc_col-sm-7, .vc_col-sm-8, .vc_col-sm-9, .vc_col-xs-1, .vc_col-xs-10, .vc_col-xs-11, .vc_col-xs-12, .vc_col-xs-2, .vc_col-xs-3, .vc_col-xs-4, .vc_col-xs-5, .vc_col-xs-6, .vc_col-xs-7, .vc_col-xs-8, .vc_col-xs-9 {
        min-height: 0;
    }
    
    .img_box {
        position: static;
    }
    
    .story_box2 {
        min-height: 100px;
    }
    
    .aktuelles {
        min-height: 100px;
    }

}


/* iPhone 6s Quer */
@media screen and (min-width:480px) and (max-width:767px){ 

    .vc_row.wpb_row.vc_row-fluid .vc_col-sm-12 .vc_grid-container .vc_grid-item.vc_col-sm-4 {
        width: 48%;
        float: left;
    }
    
}



@media screen and (max-width:592px){ 
    
    h4.vc_tta-panel-title .vc_tta-title-text {
        text-transform: none;
    }

}

@media screen and (max-width:530px){ 

    #Content .beitrag img {
        width: 100%;       
        height: auto;        
    }
	
	.list-info .tribe-events-title a {
		font-size: 20px;
		line-height: 22px;
		text-transform:none;
	}
	
	.type-tribe_events .tribe-mini-calendar-event:after {
		display:none;
	}
	
	.tribe-mini-calendar-event .list-date .list-dayname {
		font-size: 9px !important;
	}

}

@media screen and (max-width:490px){ 
    
    .hinweis {
        line-height: 16px
    }
    .hinweis .inhalt {
        font-size: 15px;
        padding-left: 67px;
        line-height: 16px;
        padding-top: 15px;
    }

    h1, .text-logo #logo {
        font-size: 14px;
    }
    
    
    
    .entry-content a.rp_button {
        
        min-width: 130px;
    }
    
}