/* responsive LAyout CSS fuer Julia Barth */
/*// Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) {
	.divided_content > * + *:before {
		content: "";
		display: inline-block;
		position: relative;
		top: 0px;
		width: 1px;
		height: 10px;
		margin: 0  15px;
		background-color: rgba(255, 255, 255, 0.5);
	}
}
/* only for slider */
@media (max-width: 767px){
	.os-slider-w .os-slider-i {
    	height: auto !important;
	}
	.os-slider-w .slider-controls {
	    display: block !important;
	}
	.os-slider-w .slider-controls .control-slide {
	    display: block !important;
	    max-width: initial !important;
	    padding: 25px 20px 25px 20px !important;
	}
	.os-slider-w .os-slide-w .os-slide .os-slide-content .os-slide-content-i {
	    padding: 30px !important;
	    width: auto !important;
	    font-size: 0.9rem !important;
	}
	.os-slider-w .os-slide-w .os-slide .os-slide-content {
	    top: auto !important;
	    bottom: 30px !important;
	    left: 10px !important;
	    right: 10px !important;
	    transform: translate(0px) !important;
	}
}

/*// Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {
	.toggle_menu{
		left: 50%;
	}
	.div-image{ padding-bottom: 0; }
}	

/*// Large devices (desktops, 992px and up)*/
@media (min-width: 992px) { 
	.mainmenu_wrapper{
		position: relative;
		visibility:visible;
		opacity:1;
	}
	.mobile-active .mainmenu_wrapper {
		background-color: #fff;
	}	
	.toggle_menu_headline{
		display: none !important;
	}
	.toggle_menu{
		visibility:hidden;
	} 
	.sf-menu{
		position:relative;
		opacity:1;
		background-color: #fff;
	}
	.sf-menu > li {
		display: inline-block;
		position: relative;
		margin: 0 -2px;
		border-bottom:0;
	}
	.sf-menu > li > a,
	.sf-menu a {
		color: #6894a7;
	}
	.cta-content{
		flex-direction: row;
	}
	.cta-content .cta-button {
	    margin-left: 100px;
	}
	.cta-content .cta-text h3.underlined.invert:before,
	.cta-content .cta-text h3.underlined.invert:after,
	.pricing-plan .pp-subtitle:before,
	.pricing-plan .pp-subtitle:after{
		left: 0px;
	    -webkit-transform: none;
	    -moz-transform: none;
	    -ms-transform: none;
	    -o-transform: none;
	}
}

/* // Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {

}