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

	.content-wrapper {
		padding-left: 22px;
		padding-right: 22px;
	}

	body:not(.home) #header {
		height: 600px;
	}

}

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

	#facts p.huge {
		font-size: 80px;
	}

	.content-section:not(.service-selector-container) {
		padding-top: 20px;
		padding-bottom: 20px;
	}

	#menu .menu-container .left ul.mainmenu li.mainmenu-item {
		font-size: 60px;
	}

}


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

	.locations .location .location-column {
		float: none;
		width: 100%;
		padding: 0px !important;
	}

	.locations .location .location-column:first-child {
		padding-bottom: 30px !important;
	}

	#facts p.huge {
		font-size: 70px;
	}

}

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

	#team .team-container {
		grid-template-columns: 1fr 1fr 1fr;
		row-gap: 20px;
		column-gap: 22px;
	}

	#menu .menu-container .left {
		width: 60%;
	}

	#menu .menu-container .right {
		width: 40%;
	}

	#menu .menu-container .right .socials {
		height: 55px;
	}

	#menu .menu-container .right .socials a {
		margin-left: 8px;
	}

	#menu .menu-container .right .socials a:nth-child(4),
	#menu .menu-container .right .socials a:nth-child(5) {
		margin-top: 10px;
	}

	#services .service {
		width: 33%;
	}

	#services .services-list .service:nth-child(3),
	#services .services-list .service:nth-child(6),
	#services .services-list .service:nth-child(9) {
		border-right: none;
		border-bottom: 1px dotted rgb(255,255,255);
	}

	#services .services-list .service:nth-child(4),
	#services .services-list .service:nth-child(8) {
		border-right: 1px dotted rgb(255,255,255);
	}

	#services .services-list .service:nth-child(4),
	#services .services-list .service:nth-child(9) {
		padding-top: 20px;
		padding-bottom: 20px;
	}

	#footer ul.footer-structure li.footer-column:nth-child(3) {
		display: none;
	}

	.title-menu li:nth-child(1),
	.title-menu li:nth-child(2) {
		display: none !important;
	}

	.apply-form-wrapper .apply-form-wrapper-half:nth-child(1) {
		padding-right: 8px;
	}

	.apply-form-wrapper .apply-form-wrapper-half:nth-child(2) {
		padding-left: 8px;
	}

}

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

	#menu .menu-container .left,
	#menu .menu-container .right {
		display: inherit;
		width: 100%;
	}

	#menu .menu-container .right {
		position: absolute;
		bottom: 0px;
	}

	#menu.v2 .menu-wrapper {
		overflow: auto !important;
	}

	#menu .menu-container .right .submenus {
		display: none;
	}

	.topmenu .underline {
		display: none;
	}

	#menu .menu-container .left ul li a .indicators {
		display: inherit;
	}

	.submenu-mobile {
		display: inherit;
	}

	.article-wrapper.two .article {
		width: 100%;
		display: inherit;
		padding: 0px;
		margin-top: 20px;
	}

	.article-wrapper.two .article.bottompadding {
		padding-bottom: 0px;
	}

	.article-wrapper.two .article .box.bottom {
		position: relative;
	}

	.article-wrapper.four {
		display: grid;
		grid-template-columns: 1fr 1fr;
		grid-row-gap: 20px; 
		grid-column-gap: 10px;
	}

	.article-wrapper.four .article {
		width: 100%;
		display: inherit;
		float: left;
		max-width: 100%;
		padding: 0px;
		position: relative;
	}

	.article-wrapper.four .article .box {
		box-sizing: border-box;
		width: 100%;
		text-align: center;
	}

	.apply-form-wrapper {
		display: inherit;
	}

	.apply-form-wrapper .apply-form-wrapper-half {
		display: inherit;
		padding: 0px !important;
		width: 100%;
	}

	#contactform #btn-send,
	#apply #btn-send {
		position: relative;
		display: inherit;
		margin-left: auto;
	}

	.checkbox-container {
		margin-top: 20px;
	}

	#header .teaser-container .teaser-message .teaser-message-container {
		max-width: calc(100% - 80px);
	}

	#header .teaser-container .teaser-message .teaser-message-container h1 {
		hyphens: auto;
		-webkit-hyphens: auto;
	}

	.article-wrapper.four {
		grid-column-gap: 22px;
	}

	body.home #articles .article-wrapper .article:first-child {
		padding-left: 0px !important;
	}

	body.home #articles .article-wrapper .article:last-child {
		padding-right: 0px !important;
	}

	#menu {
		padding-bottom: 25px;
	}

	#menu .menu-container .left ul.mainmenu li.mainmenu-item a .indicators {
		display: inherit;
	}

	#menu .menu-container .right {
		display: none;
	}

	#menu.v2 .mobile-bottom {
		display: inherit;		
	}

	.content-wrapper {
		padding-left: 32px;
		padding-right: 32px;
	}

	#menu.v2 .menu-wrapper {
		width: calc(100% - 64px);
	}


}

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

	#header .teaser-container .teaser-message .teaser-message-container a {
		display: none !important;
	}

	#services .service {
		width: 50%;
		padding: 5px 10px;
	}

	#services .services-list .service:nth-child(2),
	#services .services-list .service:nth-child(4),
	#services .services-list .service:nth-child(6),
	#services .services-list .service:nth-child(8),
	#services .services-list .service:nth-child(10) {
		border-right: none;
		border-bottom: 1px dotted rgb(255,255,255);
	}

	#services .services-list .service:nth-child(3),
	#services .services-list .service:nth-child(9) {
		border-right: 1px dotted rgb(255,255,255);
	}

	.service-item .service-item-header {
		padding-bottom: 20px;
	}

	.service-item .service-item-content-container {
		display: inherit;
	}

	.service-item:nth-child(odd) .service-item-image {
		order: 1;
	}

	.service-item,
	.news-item {
		padding-top: 40px;
		padding-bottom: 40px;
	}

	.service-item .service-item-image,
	.service-item .service-item-content,
	.news-item .news-item-image,
	.news-item .news-item-content {
		width: 100%;
		float: none !important;
		padding: 10px 0px 0px 0px !important;
	}

	.locations .location {
		display: inherit;
		width: 100%;
		padding-left: 0px !important;
		padding-right: 0px !important;
	}

	.locations .location {
		padding-bottom: 40px;
	}

	.location-map {
		width: 100%;
		position: relative;
		margin-top: 40px;
	}

	.certificates {
		grid-template-columns: 1fr 1fr 1fr;
		column-gap: 40px;
		row-gap: 40px;
	}

	body.company #digitalisierung {
		padding-bottom: 70px;
	}


	body.company #digitalisierung .news-item-content:nth-child(2),
	body.company #greenclean .news-item-content:nth-child(2) {
		padding-top: 30px !important;
	}

	body.company #digitalisierung .news-item-content:nth-child(2) {
		position: relative !important;
	}

	#services .services-list .service:nth-child(3),
	#services .services-list .service:nth-child(4),
	#services .services-list .service:nth-child(5),
	#services .services-list .service:nth-child(6),
	#services .services-list .service:nth-child(7),
	#services .services-list .service:nth-child(8),
	#services .services-list .service:nth-child(9),
	#services .services-list .service:nth-child(10),
	#services .services-list .service:nth-child(10) {
		padding: 5px 10px;
	}

	#header .scrollIndicator {
		display: none;
	}

	#menu ul.title-bar li:first-child img, #title ul.title-bar li:first-child img {
		height: 55%;
	}

	#menu ul.title-bar {
		height: 70px !important;
	}

	#title {
		height: 70px !important;
		background-color: rgb(255,255,255) !important;
	}

	body.home #header .teaser-container {
		top: 70px;
		height: calc(100% - 70px);
	}

	#header {
		margin-top: 70px;
	}

}

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

	#header .teaser-container .teaser-message .teaser-message-container h1 {
		font-size: 60px;
	}

	#footer ul.footer-structure li.footer-column:nth-child(4) {
		display: none;
	}

	#footer p.copyright {
		text-align: center;
	}

	#footer .footer-socials-mobile {
		display: inherit;
	}

	body:not(.home) #header {
		height: 400px;
	}

	#team .team-container {
		grid-template-columns: 1fr 1fr;
		row-gap: 20px;
		column-gap: 22px;
	}

	.joboffer .flappy-content .column:first-child {
		width: 100%;
	}

	.joboffer .flappy-content .column:nth-child(2) {
		width: 100%;
		text-align: left;
		padding-left: 0px;
		position: relative;
		left: 0px;
	}

	#apply #btn-send {
		width: auto;
	}

	.certificates {
		grid-template-columns: 1fr 1fr;
		column-gap: 20px;
		row-gap: 20px;
	}

}

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

	#menu .menu-container .left ul.mainmenu li.mainmenu-item {
		font-size: 46px;
	}

	.content-wrapper {
	}

	#menu .title-menu li:nth-child(1),
	.title-menu li:nth-last-child(2) {
		display: none !important;
	}

	.submenu-mobile li {
		font-size: 22px;
	}

	#facts p {
		font-size: 22px;
	}

	#facts p.huge {
		font-size: 50px;
	}

	.joboffer .flappy-opener .column:nth-child(2),
	.joboffer .flappy-opener .column:first-child {
		width: 100%;
		position: relative;
		padding-left: 0px;
		top: 0px;
		left: 0px;
	}

	#services .services-list {
		padding-top: 3px;
		padding-bottom: 3px;
	}

	#services .service {
		width: 100%;
		border-right: none !important;
		border-left: none !important;
		border-bottom: 1px dotted rgb(255,255,255) !important;
		padding-top: 8px !important;
		padding-bottom: 8px !important;
		padding-left: 0px !important;
	}

	#services .service:last-child {
		border-bottom: none !important;
	}

	#services .service a {
		width: 100%;
		max-width: 540px;
		display: table;
		margin-left: auto;
		margin-right: auto;
	}

	#services .service p,
	#services .service img {
		display: table-cell;
		vertical-align: middle;
		text-align: left !important;
	}

	#services .services-list .service img {
		height: 45px;
		padding-right: 10px;
	}

	#services .service p {
		white-space: inherit !important;
		width: 100%;
	}

	.article-wrapper.two .article .box.bottom {
		width: 100%;
		text-align: center;
		max-width: none;
	}

	#team .team-container .team-item a {
		display: none;
	}

	#menu.v2 .mobile-bottom ul.bottom li:first-child {
		text-align: left;
	}

	#menu.v2 .mobile-bottom ul.bottom li:nth-child(3) {
		text-align: right;
	}

	#menu.v2 .mobile-bottom a.box {
		width: 100%;
		max-width: none;
	}

	#team div.mobile {
		display: inherit;
	}

	#team .team-container .team-item {
		padding-bottom: 80px;
	}

	#team .team-container .team-item h3 {
		margin-top: 10px;
	}

	#header .teaser-container img.button-image {
		position: absolute;
		width: 120px;
		right: 20px;
		bottom: 20px;
	}

}

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

	.article-wrapper.four {
		grid-template-columns: 1fr;
	}

	#facts p.huge {
		font-size: 60px;
	}

	#facts img {
		max-height: 70px;
	}

	.service-selector-container .selector-content a {
		font-size: 16px;
	}

	#facts .article-wrapper.four {
		grid-template-columns: 1fr 1fr;
	}

	#facts .article {
		float: none;
		display: table-cell;
	}

	#facts p {
		font-size: 16px;
	}

	#facts p.huge {
		font-size: 60px;
	}

	#team .team-container .team-item h3 {
		font-size: 16px;
	}

	.content-wrapper {
		padding-left: 22px;
		padding-right: 22px;
	}

	#menu.v2 .menu-wrapper {
		width: calc(100% - 44px);
	}

}

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

	#menu .menu-container .left ul.mainmenu li.mainmenu-item {
		font-size: 42px;
	}

	#header .teaser-container .teaser-message .teaser-message-container h1 {
		font-size: 50px;
	}

	.submenu-mobile .submenu {
		padding-top: 10px !important;
		padding-bottom: 10px !important;
	}

	.submenu-mobile li {
		font-size: 18px;
	}

	#facts p {
		font-size: 16px;
	}

	#facts p.huge {
		font-size: 55px;
	}

	.service-item .service-item-content .box {
		display: inherit;
		text-align: center;
	}

}

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

	#team .team-container {
		column-gap: 10px;
	}

}