@charset "utf-8";
/* CSS Document */

@media screen and (max-width: 1700px) {
	.home-earth{
		right: -10px;
		transform: scale(0.9);
		top: -350px;
	}
	.site-branding a.custom-logo-link{
		right: 11vw;
	}
}

@media screen and (max-width: 1600px) {
	.site-branding a.custom-logo-link{
		right: calc(0px + 7.5vw);
	}
	.mood-image{
		max-width: 40%;
	}
}

@media screen and (max-width: 1500px) {
	.home-earth{
	    right: -80px;
		top: -310px;
	}
}

@media screen and (max-width: 1450px) {
	.home-earth{
	    right: -30px;
		top: -240px;
	}
	.home-company-info{
	    max-height: 550px;
		max-width: 650px;
	}
	
	.site-branding a.custom-logo-link{
		right: 20px;
	}
}
@media screen and (max-width: 1280px) {
	.site-branding a.custom-logo-link{
		right: calc(0px + 7.5vw);
	}
	.page .page-wrapper{
		padding: 0 20px 40px;
	}
	.container_two_rows .image_left img, .container_three_rows .column img{
		max-width: 100%;
		margin-left: unset;
	}
	.container_three_rows:first-child{
		margin-top: 40px;
	}
	nav ul#primary-menu li{
		font-size: 20px;
		width: 155px;
	}
	.site-branding .custom-logo{
		position: absolute;
		right: -60px;
	}
}
@media screen and (max-width: 1099px) {
	.home-earth{
	    right: -80px;
	}
}
@media screen and (max-width: 1023px) {
	.wpml-ls-slot-2{
		width: 100% !important;
	}
	h3{
		font-size: 20px;
		line-height: 25px;
	}
	.site-branding .custom-logo{
		right: 0px;
	}
	.home-earth{
	    display: none;
	}
	.entry-content img{
		display: block;
		margin: auto;
		width: 100%;
		padding: 0 40px 40px 40px;
	}
	.grafik_leistungen {
		margin: auto;
		margin-top: -120px;
		position: relative;
		display: block;
	}
	.home-company-info{
	    max-height: 390px;
		max-width: 900px;
		margin-top: -90px;
	}
	.widget-container{
		transform: scale(0.7);
		right: -20px;	
		transform-origin: center bottom;
		bottom: 0px;	
	}
	.home-company-info{
		flex-flow: row wrap;
		max-width: 100%;
		margin-bottom: 140px;
		max-height: unset;
	}
	.home_beschreibung{
	    flex: 1 1 100% !important;
	}
	.container_two_rows{
		flex-flow: column;
	}
	.kompetenzen .column{
		max-width: 100%;
		flex: 0 1 100%;
		margin-top: 110px;
	}
	.container_three_rows:first-child{
		margin-top: 60px;
	}
	.container_two_rows .image_left, .container_two_rows .right_column, .container_two_rows .right_column{
		flex: 0 1 100%;
		margin-bottom: 40px;
	}
	.container_two_rows .image_left img, .container_three_rows .column img{
		margin-top: unset;
		width: 60%;
		max-width: 60%;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 40px;
		display: block;
	}
	.mood-image {
		width: calc(100% + 40px);
		max-width: calc(100% + 40px);
		position: relative;
		right: 20px;
		height: auto;
	}
	.mood-image img{
		border-radius: 0px;
		width: 100%;
	}
	.section-header{
		padding-top: 50px;
		width: 100%;
		max-width: 100%;
		min-height: unset;
	}
	.partner_logos_wrapper{
		width: 100% !important;
		padding: 0;
	}
	.partner_logo{
		width: 25%;
	}
	.partner_logo figure{
		max-width: 100%;
	}
	.partner_logo img{
		max-width: 80%;
	}
	.challenge_column, .container_three_rows .column{
		-webkit-flex: 1 1 100%;
		-ms-flex: 1 1 100%;
		flex: 1 1 100%;
		max-width: 100%;
		margin-top: 70px;
	}
	.container_three_rows .column{
		margin-top: -30px;
	}
	.challenge_column:nth-child(4), .challenge_column:nth-child(5), .challenge_column:nth-child(6){
		margin-top: 70px;
	}
	.challenge_column:first-child, .container_three_rows .column:first-child{
		margin-top: 0px;
	}
	.container_two_rows .right_column .right_column_textblock, .container_three_rows .right_column_textblock{
		padding: 20px;
	}
	nav ul#primary-menu li{
		border-radius: 0;
		width: 100%;
		border-bottom: 1px solid #e4e6e9;
	}
	.menu-header-menu-container, .menu-header-menu-en-container{
		position: absolute;
		z-index: 10;
		background: #ffffff;
		width: calc(100% + 20px);
		margin-top: 15px;
		left: -20px;
		-webkit-filter: drop-shadow(0px 15px 15px rgba(0,0,0,0.5));
		filter: drop-shadow(0px 15px 15px rgba(0,0,0,0.5));
	}
	.menu-toggle{
		display: block;
		border: none;
		background: none;
		font-size: 22px;
		cursor: pointer;
		color: #000000;
		outline: 0;
		padding-top: 20px;
	}
	#nav-toggle{
		height: 35px;
		width: 35px;
		display: block;
		position: relative;
		padding-top: 20px;
		margin-top: -20px;
	}
	#nav-toggle span, #nav-toggle span:before, #nav-toggle span:after {
	  cursor: pointer;
	  border-radius: 1px;
	  height: 3px;
	  width: 30px;
	  background: #000000;
	  position: absolute;
	  display: block;
	  content: '';
	  transition: all 500ms ease-in-out;
	}
	#nav-toggle span:before {
	  top: -10px;
	}
	#nav-toggle span:after {
	  bottom: -10px; 
	}

	#nav-toggle.active span {
	  background-color: transparent;
	}
	#nav-toggle.active span:before, #nav-toggle.active span:after {
	  top: 0;
	}
	#nav-toggle.active span:before {
	  transform: rotate(45deg);
	}
	#nav-toggle.active span:after {
	  transform: rotate(-45deg);
	}
	nav ul#primary-menu li{
		height: auto;
	}
	.main-navigation ul ul{
		box-shadow: none;
		float: unset;
		width: 100%;
		position: relative;
		top: unset;
		left: unset;
		z-index: 1;
		display: none !important;
	}
	.menu-toggle, .nav-menu .focus ul{
		display: block !important;
	}
	.projekt-content, .projekt-content.image-block-right{
		flex-direction: column;
	}
	.projekt-image-block .owl-carousel{
		max-width: 100% !important;		
	}
	.projekt-content.image-block-right .projekt-image-block, .projekt-image-block{
		margin: auto;
		max-width: 100%;
	}
}

@media screen and (min-width: 1024px){	
	.menu-toggle {
		display: none;
	}
	.main-navigation ul {
		display: flex;
	}
}

@media screen and (max-width: 700px) {
	.site-branding .custom-logo{
		width: 119px;
	}
	h1{
		font-size: 5vw;
		line-height: 7vw;
	}
	footer .footer-widgets-wrap{
		padding: 0 20px;
	}
	footer .footer-widgets{
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
	}
	footer .footer-widget-column {
		max-width: 100%;
	}
	footer .footer-widget-column:nth-child(2), footer .footer-widget-column:nth-child(3){
		padding-top: 0;
	}
	footer .menu-footer-menue-container ul{
		margin: 0;
		padding: 0;
	}
	.container_two_rows.leistungen .column{
		flex-flow: column;
	}
	.container_two_rows.leistungen .column img{
		display: block;
		margin: auto;
	}
	h2, .section-header h2, .zitat{
		font-size: 25px;
		line-height: 30px;
	}
	.home-company-info{
		margin-bottom: 140px;
	}
	/*.widget-container{
		position: relative;
		bottom: unset;
		right: unset;
		margin: auto;
		margin-bottom: -80px;
	}*/
	.widget-container{
	    width: auto;
		margin: auto;
		left: 0;
		right: 0;
	}
	.partner-block-ref figure, .partner-block-ref img.alignleft, .partner-block-ref img.alignright{
		width: 100% !important;
		margin: auto;
		float: unset;
	}
	.partner-block-ref figure img{
		width: 100%;
	}
}
@media screen and (max-width: 500px){
	.partner_logos_wrapper{
		flex-flow: column;
	}
	.partner_logo{
		width: 100%;
	}
	.partner_logo figure{
		max-width: 100%;
	}
	.partner_logo img{
		max-width: 80%;
	}
	.partner-block-ref .partner-image-block.pimage-right{
		width: 100%;
		height: 50px;
		border-radius: 0;
		text-align: center;
		padding: 5px;
	}
	.partner-block-ref .partner-image-block.pimage-right .partner_image_logo{
		max-height: 40px;
		width: auto;
		margin: auto;
	}
	.partner-block-ref .cta_button{
		display: block;
		margin: auto;
		margin-bottom: 50px;
	}
	.partner-image-block.pimage-left .partner_image_logo{
		margin: -30px 0 0 calc(100% - 100px);
	}
	.partner-block figure{
		width: 100% !important;
	}
}