/*   
Theme Name: jacky CES
Theme URI: http://www.jareksierpinski.de
Description: Ein Basistheme
Author: Jarek Akara
Author URI: http://www.jareksierpinski.de
*/
/* Reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}
body {
	line-height: 1;
}
h1, h2, h3, h4, h5, h6 {
	clear: both;
	font-weight: normal;
}
ol, ul {
	list-style: none;
}
blockquote {
	quotes: none;
}
blockquote:before, blockquote:after {
	content: '';
	content: none;
}
del {
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a img {
	border: none;
}

textarea:focus, input:focus{
    outline: none;
}

/* COLORS
 * 
 *rot #E73729
 *dunkelrot #A21A37
 *dunkelblau #003F64
 *mittelblau #0087B5
 *hellblau #87C1DB
 *schwarz/anthrazit #151616
 *grau #8B8281
 *hellgrau #DFDBDC
 *weiss #FFF
 * 
-------------------------------------------------------------- */
html, body {
width:100%;
height:100%;
}
body {
-webkit-font-smoothing: subpixel-antialiased;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-family: Arial, Helvetica, sans-serif;
font-size: 100%;
font-weight: normal;
}
.wrapper{
max-width: 1110px;
padding-left: 30px;
padding-right: 20px;
box-sizing: content-box;
width: 100%;
margin-left: auto;
margin-right: auto;
}
#header .wrapper {
max-width: 1300px;
}
a {
	text-decoration: none;
}
strong {
	font-weight: bold;
}
.trans {
	opacity: 0;
}


/* headings */
h1, h2, h3, h4, h5, h6 {
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
color: #151616;
}
h1 {
	font-size: 50px;
	line-height: 60px;
	letter-spacing: .5px;
	text-transform: uppercase;
}
h2 {
	font-size: 36px;
	letter-spacing: 0;
	line-height: 44px;
}
h2.holdspace, h3.holdspace, h4.holdspace {
	margin-bottom: 1.2em;
}
h3 {
	font-size: 22px;
	line-height: 28px;
	color: #151616;
}
.wp-block-columns h3 {
	padding-bottom: 15px;
}
h4 {
	font-size: 30px;
	line-height: 36px;
}
.topmenu a {
	font-size: 12px;
	line-height: 16px;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: .5px;
	color: #151616;
	transition: color 0.3s ease;
}
.topmenu a:hover {
	color: #E73729;
}

/* caption */
.caption {
	font-size: 12px;
	line-height: 16px;
	letter-spacing: .5px;
	text-transform: uppercase;
}
.caption.red, .caption.red a {
	color: #E73729;
}
.caption.grey {
	color: #8B8281;
	padding-bottom: 15px;
}
.caption.dark {
	color: #000;
}
.caption.white {
	color: #fff;
}
.hide {
	display: none !important;
}

/* body */
.body1 {
	font-size: 13px;
	line-height: 18px;
	color: #8B8281;
}
.body2 {
	font-size: 16px;
	line-height: 24px;
	color: #8B8281;
}
.body2 h2 {
	color: #151616
}
.body2 p a, .body1 p a {
	color: #E73729;
}
.body2 p {
	padding-bottom: .7em;
}
.body3 {
	font-size: 16px;
	line-height: 24px;
	color: #fff;
}

/* buttons */
.button, #content .wp-block-button__link {
cursor: pointer;
display: inline-block;
min-width: 200px;
height: 40px;
padding-left: 20px;
padding-right: 20px;
padding-top: 0;
padding-bottom: 0;
-webkit-border-radius: 20px;
border-radius: 20px;
text-align: center;
font-size: 12px;
font-weight: bold;
text-transform: uppercase;
letter-spacing: 0.5px;
line-height: 40px;
text-shadow: 0 2px 20px 0 rgba(0,0,0,0.35);
transition: background-color 0.5s ease;
box-sizing: border-box;
}
.button.red, #content .wp-block-button__link {
background-color: #E73729;
color: #fff;
}
.button.red a {
color: #fff;
}
a:hover .button.red, .button.red:hover, #content .wp-block-button__link:hover {
background-color: #A21A37;
}
.button.red.off {
background-color: #DFDBDC;
color: #fff;
}
.button.white {
border: 1px solid #E73729;
color: #E73729;
}
.button.white a {
color: #E73729;
}
.button.white:hover {
background-color: #E73729;
color: #fff;
}
.button.white:hover a {
color: #fff;
}
.button.white.off {
border: 1px solid #DFDBDC;
color: #DFDBDC;
}

/* search */
#searchbutton {
	display: none;
}
#downkeil {
background-color: #E73729;

transform-origin: top left;
-moz-transform: skew(45deg, 0deg);
-webkit-transform: skew(45deg, 0deg);
-o-transform: skew(45deg, 0deg);
-ms-transform: skew(45deg, 0deg);
transform: skew(45deg, 0deg);

position: absolute;
right: 0;
top: 0;
width: 100%;
height: 100%;
transition: all .3s ease-out;
	}
.searchbox {
max-width: 260px;
width: 100%;
-webkit-border-radius: 20px;
border-radius: 20px;
height: 40px;
box-sizing: border-box;
padding: 4px 15px;
position: absolute;
top: 15px;
right: 65px;
border: 1px solid #000;
background: url(images/lupe.svg) right center no-repeat;
transition: all .3s ease-in-out;
}
.searchbox input {
	background: none;
	border: none;
	height: 30px;
	padding: 0;
	margin: 0;
	width: 200px;
}
.searchbox #search_submit {
	font-size: 0px;
	width: 20px;
	vertical-align: top;
	float: right;
	cursor: pointer;
}
#searchresults {
	position: relative;
	padding-top: 50px;
	margin-bottom: 160px;
}
#searchresults .match {
	position: absolute;
	top: 0px;
	left: 0px;
}
#searchresults h3 a {
	color: #151616;
}
.result {
	margin-bottom: 30px;
	padding-bottom: 30px;
	border-bottom: 1px solid #979797;
}

.pagination a {
display: inline-block;
height: 40px;
width: 40px;
line-height: 40px;
-webkit-border-radius: 20px;
border-radius: 20px;
border: 1px solid #E73729;
color: #E73729;
}
.wp-block-quote p {
	font-size: 36px;
	line-height: 44px;
	color: #151616;
	font-weight: bold;
	display: block;
	padding-bottom: 25px;
	padding-left: 15px;
	quotes: "“" "”" "‘" "’";
}
.wp-block-image.quote {
	text-align: right;
}
.wp-block-image.quote img {
max-width: 260px;
max-height: 260px;
-webkit-border-radius: 50%;
border-radius: 50%;
}

/* mobile off */
#mobilemenu {
	display: none;
}
#mobilenav, #navi-mb {
display: none;
}
.mobile, .j-mb .button, .tmobile {
	display: none !important;
}

/* GRID */

.grid {
  display: flex;
  flex-wrap: wrap;
  margin: 0px 0 0 -30px;
}
.cell {
flex: 1;
padding-left:30px;
box-sizing: border-box;
}

/* HEADER + MENU
-------------------------------------------------------------- */
#header {
	height: 80px;
	width: 100%;
	background-color: #DFDBDC;
	box-sizing: border-box;
	padding-top: 25px;
	position: fixed;
	z-index: 1000;
	transition: all .3s ease-in-out
}
.downer #header {
	overflow: hidden;
}
.downer #header.keil {
	overflow: visible;
}
#logo {
	background: url(images/CES-logo.svg) no-repeat;
	height: 40px;
	width: 120px;
	font-size: 0px;
	text-indent: -10000px;
	overflow: hidden;
	float: left;
	margin-right: 4%;
}

#searcharea {
	pointer-events: none;
	width: 541px;
	height: 541px;
	position: absolute;
	right: 0px;
	top: 0px;
	z-index: 200;
}
#searcharea .searchbox {
	pointer-events:auto;
}

#navi {
}
#navi ul {
list-style: none;
}
#navi ul li {
display: block;
float: left;
box-sizing: border-box;
padding-left: 1.5%;
padding-right: 1.5%;
padding-top: 8px;
height: 55px;
}
#navi ul li.menu-item-has-children {
	cursor: pointer;
}
#navi ul ul {
	z-index: 10;
visibility: hidden;
opacity: 0;
	position: absolute;
	top: 80px;
	left: 0px;
	width: 100%;
	box-sizing: border-box;
	background-color: #151616;
	height: 200px;
	text-align: left;
	padding-right: 10%;
	padding-top: 27px;
	padding-left: calc(50% - 555px);
-webkit-transition:opacity 700ms ease-out;
-moz-transition:opacity 700ms ease-out;
-o-transition:opacity 700ms ease-out;
transition:opacity 700ms ease-out;
}
#navi ul ul li {
	text-align: center;
	float: none;
	display: inline-block;
	cursor: pointer;
	vertical-align: top;
	width: 160px;
}

.topmenu ul.sub-menu a {
color: #fff;
font-weight: normal;

}

#navi .menu-item-has-children:hover:after {
content: ' ';
display: block;
top: 80px;
margin-left: 21px;
z-index: 15;
position: absolute;
width: 0;
height: 0;
border-style: solid;
border-width: 8px 8px 0 8px;
border-color: #dfdbdc transparent transparent transparent;
}

#navi ul li:hover > ul {
visibility: visible;
opacity: 1;
}
#navi ul li.current_page_item > a,
#navi ul li.current_page_ancestor > a,
#navi ul li.current-menu-ancestor > a,
#navi ul li.current-menu-item > a,
#navi ul li.current-menu-parent > a {
color: #E73729;
}
* html #navi ul li.current_page_item a,
* html #navi ul li.current_page_ancestor a,
* html #navi ul li.current-menu-ancestor a,
* html #navi ul li.current-menu-item a,
* html #navi ul li.current-menu-parent a,
* html #navi ul li a:hover {

}
.breadcrumb {
	text-align: left;
	float: none;
}


.printstuff {
	display: none;
}

/* CONTENT
-------------------------------------------------------------- */
.entry .wp-block-image img {
	height: auto !important;
}
#content {
	min-height: 450px;
	padding-top: 80px;
}
.hasimage {
	background-size: cover;
	min-height: 460px;
	background-position: center center;
	margin-bottom: 120px;
	position: relative;
}
.hasimage h1.title {
	color: #fff;
	position: absolute;
}
h1.title {
	padding-top: 193px;
	padding-bottom: 117px;
}
.breadcrumb {
	padding-bottom: 15px;
}

/* MORE ABOUT BOX */
#moreabout {
	background-color: #DFDBDC;
	padding-top: 140px;
	padding-bottom: 110px;
	margin-bottom: 160px;
}
.moreheader {
	font-size: 36px;
	line-height: 44px;
	text-align: center;
	padding-bottom: 75px;
	margin-top: -20px;
}
#moreabout .cell {
flex-basis: 33.333%;
padding-bottom: 30px;
position: relative;
flex-grow: 0;
justify-content: center;
}
.imgbox {
	display: block;
	overflow: hidden;
	position: relative;
	width: 100%;
	height: 0;
	padding-bottom: 114.3%;
	text-align: center;
	text-transform: uppercase;
	background-size: cover;
	transition: all .3s ease-in-out
}
.imgbox .inner {
position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
    display: flex;
  align-items: center;
  justify-content: center;
}
#moreabout.company .moreheader, #moreabout.sectors .moreheader, #moreabout.responsibility .moreheader, #moreabout.ces-services .moreheader {
display: none;
}
#moreabout.company .cell, #moreabout.sectors .cell, #moreabout.responsibility .cell, #moreabout.ces-services .cell {
flex-basis: 50%;
padding-bottom: 30px;
}
#moreabout.company .imgbox, #moreabout.sectors .imgbox, #moreabout.responsibility .imgbox, #moreabout.ces-services .imgbox {
	padding-bottom: 65%;
}
#moreabout.about-us .imgbox h4, #moreabout.locations .imgbox h4 {
margin-bottom: 48%;
padding-top: 57%;
}

/* STARTSEITE */
.h1-ces-home {
	display: none;
}
.startseite #pageheader {
	min-height: 540px;
	width: 100%;
	position: relative;
}
.startseite .coreheader {
	padding-top: 12px;
	padding-bottom: 80px;
}
.startseite .core-block {
	text-align: center;
}
.startseite .core-block h3 {
	  display: flex;
  align-items: center;
  justify-content: center;
	text-transform: uppercase;
	min-height: 2em;
}
.startseite .core-block .cell-3 {
	padding-top: 165px;
	position: relative;
	background-repeat: no-repeat;
}
.startseite .core-block .cell-3:after {
	content: '';
	height: 50%;
	top: 0px;
	left: 30px;
	right: 0px;
	position: absolute;
	background-position: center top;
	background-repeat: no-repeat;
}
.startseite .servblock .cell-3 {
	padding-top: 0px !important;
	padding-bottom: 0;
}
.startseite .servblock figure, .entry figure.size-thumbnail {
	margin-bottom: 2em;
	position: relative;
	padding-top: 70%;
}
.startseite .servblock img, .entry figure.size-thumbnail img {
	position: absolute;
	width: 100%;
	height: 100% !important;
	top: 0;
	left: 0;
	object-fit: cover; /*magic*/
} 
.startseite .core-block .wp-block-column {
	display: flex;
	flex-direction: column;
}
.startseite .core-block .wp-block-column p {
	margin-bottom: 2em;
}
.startseite .core-block .wp-block-column p:last-of-type {
	align-self: flex-end;
	margin-top: auto;
	margin-bottom: 0;
}
.startseite .core-block .button {
	position: static;
	margin-left: auto;
	margin-right: auto;
	max-width: 200px;
	min-width: 0;
	width: 100%;
	box-sizing: border-box;
}
.servblock ol { 
   list-style-type: decimal; 
   list-style-position: inside; 
	padding-top: 1.5em;
	text-align: left;
}
.servblock ol li:before {
	display: none;
}
.startseite .entry {
	position: relative;
}
.core-block .b-watersupply:after {
	background-image: url(images/watersupply.svg);
}
.b-watersupply h3 {
	color: #87C1DB;
}
.core-block .b-wastewater:after {
	margin-top: 5px;
	background-image: url(images/wastewater.svg);
}
.b-wastewater h3 {
	color: #003F64;
}
.core-block .b-hydraulic:after {
	background-image: url(images/hydraulicengineering.svg);
}
.b-hydraulic h3 {
	color: #0087B5;
}
.core-block .b-public:after {
	margin-top: -5px;
	background-image: url(images/publicinfrstructure.svg);
}
.b-public h3 {
	color: #A21A37;
}
h2.h2-middlespace {
	text-align: center;
	padding-bottom: 85px;
}
.startteaser {
	display: flex;
  flex-direction: column;
	justify-content: flex-end;
}
.startteaser h2 {
	padding-top: 15px;
	padding-bottom: 23px;
}
.startteaser .button {
	width: 200px;
	margin-top: 40px;
	margin-bottom: 1em;
}
.swiper-container, .swiper-container2 {
      width: 100%;
      height: 100%;
    }
.swiper-container2 {
	position: relative;
	overflow: hidden;
	overflow-y: visible;
}
.swiper-pagination2 {
width: 100%;
padding-top: 95px;
position: static !important;
}
.swiper-pagination2 .swiper-pagination-bullet {
	margin: 0 9px;
}
.startseite #newslist {
}
.startseite .allpro {
	position: absolute;
	bottom: -15px;
	right: 0;
	z-index: 10;
}
.swiper-slide {
background-size: cover;
background-repeat: no-repeat;
text-align: center;
font-size: 18px;
      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
}
#backvideo {
	position: absolute;
	z-index: -2;
	right: 0;
	bottom: 0;
	width: auto;
	min-height: 100%;
	min-width: 100%;
	left: 50%;
	transform: translate(-50%);
	object-fit: cover;
}
.abdunkler {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-image: linear-gradient(-179deg, rgba(0,0,0,0.00) 0%, rgba(0,0,0,0.5) 100%);
}
#pageheader .swiper-container .abdunkler {
	z-index: -1;
}
.backimage {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: auto;
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
transition: all .3s ease-in-out;
}
a:hover .backimage, .loc-item:hover .backimage, .news-item:hover .backimage {
transform: scale(1.2);
}
#projectslist .swiper-slide .inner {
height: 0px;
padding-bottom: 100%;
width: 100%;
box-sizing: border-box;
position: relative;
background-size: cover;
background-repeat: no-repeat;
text-align: left;
overflow: hidden;
}
#projectslist {
	position: relative;
}
#projectslist .swiper-slide .inner:hover, .loc-item:hover {
	box-shadow: 0 0 20px 0 rgba(21,22,22,0.3);
}
.swipeholder {
	position: relative;
}
#projectslist .swiper-slide .procontainer {
	position: absolute;
	bottom: 0px;
	left: 30px;
	right: 30px;
	height: 360px;
	padding-bottom: 120px;
	box-sizing: border-box;
}
.procontainer h3 {
	font-size: 30px;
	line-height: 36px;
	max-width: 80%;
	padding-top: 11px;
	color: #fff;
}
.procontainer .button {
	position: absolute;
	bottom: 60px;
}
.inslide {
	max-width: 800px;
}
.inslide h1 {
	text-transform: none;
	color: #fff;
	padding-top: 20px;
	padding-bottom: 35px;
}
#backshape {
	padding-top: 160px;
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(45deg, #ffffff 0%, #ffffff 75%, #dfdbdc 25%, #dfdbdc 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg, #ffffff 0%,#ffffff 75%,#dfdbdc 25%,#dfdbdc 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg, #ffffff 0%,#ffffff 75%,#dfdbdc 25%,#dfdbdc 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dfdbdc',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.news-item, .list-item {
	display: block;
	overflow: hidden;
	position: relative;
    height: 0;
    padding-bottom: 100%;
	background-color: #F7F6F6;
	background-size: cover;
	transition: all .3s ease-in-out
}
.news-item .inner, .list-item .inner {
position: absolute;
bottom: 0px;
left: 0px;
right: 0px;
top: 50%;
box-sizing: border-box;
padding: 30px;
padding-bottom: 20px;
background-color: #DFDBDC;
transition: background-color 0.5s ease;
}
.news-item:hover, .list-item:hover, .imgbox:hover {
	box-shadow: 0 0 20px 0 rgba(21,22,22,0.15);	
}
.news-item .backimage {
	background-size: contain;
    background-position: center top;
}
.news-item .pdate {
	float: right;	
}
.news-item .caption.grey {
	padding-bottom: 10px;
}
.news-item:hover .inner {
	
}
.s-Story .inner {
	background-color: #E73729;
}
.s-Story h3 {
	color: #fff;
}
.s-Story .caption.grey {
	color: #000;
}
.icolist span {
	margin-bottom: 20px;
}
.icolist .ix-public-infrastructure {
	display: inline-block;
	width: 70px;
	height: 70px;
    background: url(images/publicinsfrastructure-w.svg) no-repeat center center;
	margin-right: 20px;
}
.icolist .ix-water-supply {
	display: inline-block;
	width: 70px;
	height: 70px;
    background: url(images/watersupply-w.svg) no-repeat center center;
	margin-right: 20px;
}
.icolist .ix-waste-water, .icolist .ix-wastewater {
	display: inline-block;
	width: 70px;
	height: 70px;
    background: url(images/wastewater-w.svg) no-repeat center center;
	margin-right: 20px;
}
.icolist .ix-hydraulic-engineering {
	display: inline-block;
	width: 70px;
	height: 70px;
	background: url(images/hydraulicengineering-w.svg) no-repeat center center;
	margin-right: 20px;
}
.procontainer .caption ul, .procontainer .caption ul li {
	display: inline-block;
}
.procontainer .caption ul li:first-child {
	display: none;
}
/* SERVICES */
.imgbox h4 {
	font-size: 30px;
	line-height: 36px;
	color: #fff;
	box-sizing: border-box;
	margin-bottom: 32px;
	position: relative;
}
.parent-sectors .imgbox h4:before {
	content: ' ';
	position: absolute;
	top: 3px;
	left: 94px;
	height: 65px;
	border-left: 1px solid #fff;
}
.imgbox h4.ico-watersupply {
	background: url(images/watersupply-wb.svg) no-repeat left center;
	padding-left: 125px;
	height: 70px;
	padding-top: 20px;
	text-align: left;
}
.imgbox h4.ico-wastewater {
	background: url(images/wastewater-wb.svg) no-repeat left center;
	padding-left: 125px;
	height: 70px;
	padding-top: 20px;
	text-align: left;
}
.imgbox h4.ico-hydraulic {
	background: url(images/hydraulicengineering-wb.svg) no-repeat left center;
	padding-left: 125px;
	height: 70px;
	padding-top: 0px;
	text-align: left;
}
.imgbox h4.ico-public {
	background: url(images/publicinsfrastructure-wb.svg) no-repeat left center;
	padding-left: 125px;
	height: 70px;
	padding-top: 0px;
	text-align: left;
}
.page-child .parent-sectors .imgbox h4 {
	padding-top: 85px;
	height: auto;
	text-align: center;
	padding-left: 0 !important;
	margin-bottom: 60px;
	margin-top: 10px;
	box-sizing: border-box;
	min-height: 157px;
}
.page-child .parent-sectors .imgbox h4.ico-watersupply {
	background: url(images/watersupply-w.svg) no-repeat center top;
	line-height: 2.4em;
}
.page-child .parent-sectors .imgbox h4.ico-wastewater {
	background: url(images/wastewater-w.svg) no-repeat center top;
	line-height: 2.4em;
}
.page-child .parent-sectors .imgbox h4.ico-hydraulic {
	background: url(images/hydraulicengineering-w.svg) no-repeat center top;
}
.page-child .parent-sectors .imgbox h4.ico-public {
	background: url(images/publicinsfrastructure-w.svg) no-repeat center top;
}
.page-child .parent-sectors .imgbox h4:before {
	display: none !important;
}

/* PEOPLE */
#portraits {
	margin-bottom: 80px;
}
#portraits .p-grid, .loc-grid {
	margin: 0px 0 0 -30px;
}
#portraits .p-cell {
	width: 12.5%;
	box-sizing: border-box;
	float: left;
	padding-left: 30px;
	padding-bottom: 30px;
}
#portraits .p-cell img {
	width: 100%;
	max-width: 100%;
-webkit-border-radius: 50%;
border-radius: 50%;
}
.workwith {

	width: 100%;
}
.entry.people {
	position: relative;
	padding-bottom: 40px;
}

/* LOCATIONS */
#locations {
	padding-bottom: 130px;
	padding-top: 5px;
}
#locations h3 {
	clear: both;
	padding-bottom: 8px;
	margin-bottom: 40px;
	border-bottom: 1px solid #979797;
}
.loc-item {
	position: relative;
	height: 0;
	padding-bottom: 65%;
	background-position: center center;
	background-size: cover;
	text-transform: uppercase;
	transition: all .3s ease-in-out;
	overflow: hidden;
}
.loc-cell {
	width: 50%;
	box-sizing: border-box;
	float: left;
	padding-left: 30px;
	padding-bottom: 30px;
}
.loc-head {
	margin-bottom: 90px;
}
.loc-item h2 {
	color: #fff;
}
.loc-item, .loc-item a {
	text-align: center;
	color: #fff;
}
.loc-item a {
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.loc-item .caption {
	padding-bottom: 14px;
}

/* SECTORS */
h1.h1-water-supply {
	padding-top: 268px;
	background: url(images/watersupply.svg) no-repeat -8px 39%;
}
h1.h1-waste-water, h1.h1-wastewater {
	padding-top: 268px;
	background: url(images/wastewater.svg) no-repeat 0px 37.5%;
}
h1.h1-hydraulic-engineering {
	padding-top: 268px;
	background: url(images/hydraulicengineering.svg) no-repeat -13px 118px;
	width: 50%;
}
h1.h1-public-infrastructure {
	padding-top: 268px;
	background: url(images/publicinfrstructure.svg) no-repeat -1px 116px;
	width: 50%;
}
#sectors {
	margin-top: 10px;
}
#sectors .caption.grey {
	padding-bottom: 5px;
}
#sectors h3 {
	padding-bottom: 35px;
}
#sectors .item {
	padding-top: 80px;
}
#sectors .roundimage {
	width: 100%;
	height: auto;
	background-size: cover;
	-webkit-border-radius: 50%;
	border-radius: 50%;
}
.sdgs .wp-block-column {
	text-align: center;
	padding-bottom: 4em;
	display: flex;
	flex-direction: column;
}
.sdgs .wp-block-buttons {
	margin-top: auto;

	text-align: center;
	justify-content: center;
}
/* NEWS */
body.single-news .breadcrumb, body.single-news .caption.red {
	display: inline-block;
}
body.single-news .breadcrumb .current-page {
	display: none;
}
body.single-news .breadcrumb .deli:last-of-type {
	display: none;
}
body.single-news .smalldate {display: inline-block; background-color: #fff; margin-left: -11px;}
h1 .datehead {
	text-transform: none;
	font-size: 22px;
	line-height: 28px;
	padding-top: 12px;
}
.page-news {
}
.page-news h2 {
	padding-bottom: 40px;
}
.page-news p {
padding-bottom: 1em;
}
.newsimage {
	width: 100%;
	height: auto;
}
.newsimagebox {
	width: 100%;
	margin-bottom: 85px !important;
}

/* PROJECT TEMPLATE */
.c-container h2 {
	padding-bottom: 60px;
}
.c-container h3 {
	padding-bottom: 30px;
}
.project-template .wp-block-columns h2, .project-template .wp-block-columns h3, .project-template .wp-block-columns h4 {
	padding-bottom: 15px;
}
.project-teaser {
	padding-top: 203px;
}
.project-teaser h1.title {
	padding-top: 0;
}
.project-template .breadcrumb ul, .project-template .breadcrumb li {
	display: inline;
}
.project-teaser h1.title ul li:first-child, .project-template .breadcrumb ul li:first-child {
	display: none;
}
.project-template .iclist {
	margin-left: -20px;
}
.project-template .iclist a {
	vertical-align: top;
	box-sizing: border-box;
	display: inline-block;
	padding-top: 67px;
	text-align: center;
	font-size: 0;
	width: 0;
	height: 0;
	margin: 0;
	cursor: pointer;
	color: #fff;
	transition: font-size 0.5s ease;
}
.project-template .iclist a:hover {
	font-size: 13px;
	line-height: 16px;
}
.project-template .iclist .ic-hydraulic-engineering {
	background: url(images/hydraulicengineering-r.svg) no-repeat center top;
	width: 100px;
	height: 100px;
	color: #0087B5;
}
.project-template .iclist .ic-water-supply {
    background: url(images/watersupply-r.svg) no-repeat center top;
	width: 100px;
	height: 100px;
	color: #87C1DB;
}
.project-template .iclist .ic-public-infrastructure {
	background: url(images/publicinsfrastructure-r.svg) no-repeat center top;
	width: 100px;
	height: 100px;
	color: #A11937;
}
.project-template .iclist .ic-waste-water, .project-template .iclist .ic-wastewater {
	background: url(images/wastewater-r.svg) no-repeat center top;
	width: 100px;
	height: 100px;
	color: #113F64;
}
.c-desc {
	padding-top: 8px;
}
.c-container {
	padding-bottom: 100px;
}
.c-container .has-2-columns .wp-block-column {
	flex-basis: 50%;
}
.c-container .has-3-columns .wp-block-column {
	flex-basis: 33.33%;
}
.p-table .p-row:first-child {
	border-top: 1px solid #8B8281;
}
.p-row {
	padding: 12px 0;
	display: flex;
	padding-bottom: 10px;
	clear: both;
	border-bottom: 1px solid #8B8281;
}
.p-cell1 {
	flex-basis: 16.8%;
	box-sizing: border-box;
	vertical-align: top;
	padding-right: 30px;
	float: left;
}
.p-cell2 {
	flex-basis: 83%;
}
.p-cell1 h3 {
	padding-top: 3px;
	padding-bottom: 1em;
	text-transform: capitalize;
}
.project-template #projectslist .inner {
	position: relative;
}
#projectquote {
	width: 100%;
	max-width: 83.33%;
	margin-left: auto;
	margin-right: auto;
}
.pq-img {
	float: left;
	width: 39.5%;
	padding-right: 15px;
	box-sizing: border-box;
}
.pq-txt {
	padding-left: 15px;
	box-sizing: border-box;
	float: left;
	width: 60.5%;
}
.pq-img img {
max-width: 100%;
width: 100%;
height: auto;
}
.pq-src {
	font-size: 13px;
	line-height: 16px;
	color: #C1BBBB;
	padding-top: 12px;
}

/* FILTER */
#content .searchandfilter ul {
	position: relative;
	display: block;
}
#content .searchandfilter ul ul {
	box-sizing: border-box;
	border: 1px solid #E73729;
	position: absolute;
	z-index: 2;
	top: 50px;
	width: auto;
	font-size: 13px;
	line-height: 16px;
	background-color: #fff;
	padding: 17px 15px;
	color: #E73729;
	-webkit-border-radius: 20px;
    border-radius: 20px;
	min-width: 205px;
	display: none;
}
#content .sf-field-category h4, #content .sf-field-taxonomy-sectors h4, #content .sf-field-taxonomy-p-services h4, #content .sf-field-taxonomy-servicearea h4, #content .sf-field-taxonomy-dac_code h4, #content .sf-field-taxonomy-countries h4, #content .sf-field-taxonomy-jobs-sectors h4, #content .sf-field-taxonomy-jobs-countries h4, #content .sf-field-taxonomy-sdg h4, #content .sf-field-taxonomy-jobs-status h4 {
max-width: 205px;
padding: 0;
padding-left: 25px;
width: 205px;
font-size: 12px;
line-height: 40px;
text-transform: uppercase;
-webkit-border-radius: 20px;
border-radius: 20px;
height: 40px;
border: 1px solid #E73729;
font-weight: bold;
color: #E73729;
box-sizing: border-box;
letter-spacing: .5px;
background: url(images/red-down.svg) no-repeat 91% center;
cursor: pointer;
}
#content .sf-field-category h4.active, #content .sf-field-taxonomy-sectors h4.active, #content .sf-field-taxonomy-countries h4.active {
	background: url(images/white-top.svg) no-repeat 91% center;
	background-color: #E73729;
	color: #fff;
}
#content .sf-field-search input {
max-width: 205px;
width: 205px;
box-sizing: border-box;
-webkit-border-radius: 20px;
border-radius: 20px;
height: 40px;
border: 1px solid #E73729;
font-weight: bold;
color: #E73729;
padding-left: 25px;
border: 1px solid #E73729;
font-weight: bold;
font-size: 12px;
letter-spacing: .5px;
line-height: 40px;
color: #E73729;
text-transform: uppercase;
background: url(images/search-input.svg) no-repeat 91% center;
}
#content ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
color: #E73729;
  opacity: 1; /* Firefox */
}
#content :-ms-input-placeholder { /* Internet Explorer 10-11 */
color: #E73729;
}
#content ::-ms-input-placeholder { /* Microsoft Edge */
color: #E73729;
}
#content .searchandfilter ul ul input, #contain li input {
	visibility: hidden;
	width: 0;
	height: 0;
	margin: 0;
	display: none;
}
#content .searchandfilter ul li {
	position: relative;
	display: block !important;
	float: left;
	margin-right: 30px;
	padding: 0;
	padding-bottom: 25px;
}
#content .searchandfilter ul li label, #contain li label {
	cursor: pointer;
	display: block;
}
#content .searchandfilter ul ul li label {
	padding-right: 22px;
}
#content .searchandfilter ul ul li {
	padding-bottom: 5px;
	padding-top: 5px;
	float: none;
	margin-right: 0;
	background: url(images/checkbox-unchecked.svg) no-repeat right center;
}
#content .searchandfilter ul ul li.sf-option-active {
	background: url(images/checkbox-checked.svg) no-repeat right center;
}
.sf-count {
	padding-left: 5px;
}
#contain {
	padding-top: 40px;
}
#contain li {
	padding: 0;
	letter-spacing: .5px;
	height: 30px;
	width: auto;
	background-color: #F9CDC9;
	color: #E73729;
	font-size: 12px;
	font-weight: bold;
	white-space: nowrap;
	text-transform: uppercase;
	display: inline-block;
	vertical-align: middle;
	border-radius: 15px;
	padding-right: 10px;
	margin-right: 5px;
	margin-bottom: 5px;
}
#contain li label {
	line-height: 30px;
	padding-left: 15px;
	padding-right: 25px;
	background: url(images/sel-close.svg) no-repeat right center;
}
#contain li ul.children {
	display: none;
}
.listgrid {
	margin-left: -30px;
}
.listgrid .ilist {
	position: absolute;
	right: 20px;
	top: 20px;
}
.ilist .ix-public-infrastructure {
	display: inline-block;
	width: 60px;
	height: 60px;
    background: url(images/publicinsfrastructure-r.svg) no-repeat center center;
	margin-left: 10px;
}
.ilist .ix-water-supply {
	display: inline-block;
	width: 60px;
	height: 60px;
    background: url(images/watersupply-r.svg) no-repeat center center;
	margin-left: 10px;
}
.ilist .ix-waste-water, .ilist .ix-wastewater {
	display: inline-block;
	width: 60px;
	height: 60px;
    background: url(images/wastewater-r.svg) no-repeat center center;
	margin-left: 10px;
}
.ilist .ix-hydraulic-engineering {
	display: inline-block;
	width: 60px;
	height: 60px;
	background: url(images/hydraulicengineering-r.svg) no-repeat center center;
	margin-left: 10px;
}
.listcell {
	box-sizing: border-box;
	width: 33.33%;
	float: left;
	padding-left: 30px;
	padding-bottom: 30px;
}
.listcell .inner {
	display: block;
}
#counter {
	margin-top: -33px;
	height: 70px;
}
#pagination {
	text-align: center;
	margin-bottom: 12%;
}
#pagination .next, #pagination .prev {
	display: none;
}
#pagination span, #pagination a {
	width: 40px;
	height: 40px;
	display: inline-block;
	vertical-align: middle;
	margin-left: 3px;
	margin-right: 3px;
	border-radius: 50%;
	font-size: 15px;
	font-weight: bold;
	line-height: 40px;
	text-align: center;
	color: #fff;
	background-color: #E73729;
	border: 1px solid #E73729;
}
#pagination a {
	transition: background-color 0.5s ease;
	background-color: #fff;
	color: #E73729;
}
#pagination a:hover {
	color: #fff;
	background-color: #E73729;
}
/* JOBS */
.uppercas {
	text-transform: uppercase;
}
.introfacs {
padding-top: 6px;
}
.j-block h3 {
	padding-bottom: 20px;
}
.j-block h2 {
	padding-bottom: 20px;
}
.j-block ul li, .c-container ul li {
	position: relative;
	padding-left: 20px;
}
.j-block ul li:before, .c-container ul li:before {
	position: absolute;
	left: 0;
	content: '\2022';
	color: #E73729;
}
#sendtools {
	text-align: right;
	padding-top: 35px;
}
#sendtools a {
	margin-left: 40px;
}
.joblist {
	margin-bottom: 80px;
}
.joblist a.inner {
	display: block;
}
.joblist a.inner:hover .jobrow {
	background-color: #f7f6f6;
}
.joblist  a.inner:hover .jobrow.ad {
	background-color: #7e182e;
}
.joblist .jobrow.ad {
	background-color: #A21A37;
	background-image: url(images/arrow-white.svg);
}
.ad h3, .ad .body2, .ad .j-key, .ad .caption {
	color: #fff !important;
}
.ad .j-key {
	border: 1px solid #fff;
}
.jobtable {
	color: #151616;
	font-size: 12px;
	line-height: 15px;
	letter-spacing: .5px;
	text-transform: uppercase;
	background-color: #F7F6F6;
	margin-bottom: 15px;
}
.jobtable .inner {
	padding-top: 24px;
	padding-bottom: 22px;
}
.jobtable .cell-3, .jobrow .cell-3 {
padding-left: 55px;
}
.j-key {
height: 24px;
line-height: 24px;
border: 1px solid #151616;
border-radius: 12px;
font-size: 12px;
letter-spacing: .5px;
text-transform: uppercase;
color: #151616;
display: inline-block;
box-sizing: border-box;
margin-right: 10px;
margin-bottom: 10px;
padding-left: 11px;
padding-right: 11px;
}
.jobrow {
	padding-bottom: 20px;
	padding-top: 22px;
	border-bottom: 1px solid #8B8281;
	background-image: url(images/arrow-red.svg);
	background-position: right center;
	background-repeat: no-repeat;
	transition: background-color 0.5s ease;
}
.jobrow .caption.grey {
	padding-bottom: 7px;
}
.jobrow .caption.red {
	padding-bottom: 10px;
}
.keys {
	padding-right: 30px;
	padding-top: 18px;
}
#moreabout.job-more {
	margin-bottom: 0;
}
.jobspage .entry {
	margin-bottom: 120px;
}
.job ul {
	margin-bottom: 20px;
}
/* MAP */
#worldmap {
	background-color: #F7F6F6;
	margin-bottom: 160px;
	padding-bottom: 150px;
	overflow: hidden;
}
#worldmap .wrapper {
	padding-top: 190px;
	position: relative;
}
#worldmap h2 {
	position: absolute;
	z-index: 2;
	left: 30px;
	top: 60px;
	}
#worldmap #selectors {
	position: absolute;
	z-index: 3;
	right: 30px;
	top: 63px;
	}
.findbut {
	text-align: center;
	position: absolute;
	z-index: 10;
	width: 100%;
}
.findbut a {
	background-color: #F7F6F6;
}
#worldmap.mpro {
	margin-bottom: 120px;
}
.ghost {
position: absolute;
opacity: 0;
left: 0px;
z-index: 1;
width: 100%;
}
#mapopener {
	position: absolute;
	bottom: -20px;
	z-index: 2;
	width: 100%;
}
#mapopener .button:before {
	content: 'open ';
}
#mapopener.active .button:before {
	content: 'close ';
}
#pageheader.prolist {
	margin-bottom: 0 !important;
	position: relative;
}
#selectors .button {
	min-width: 0;
	color: #8B8281;
	padding-left: 30px;
	padding-right: 30px;
	margin-left: 7px;
}
#selectors .button.active {
	color: #fff;
	background-color: #E73729;
}
.m-icos .ilist .ix-public-infrastructure {
	width: 32px;
	height: 32px;
	background-size: contain;
	margin-left: 0;
	margin-right: 10px;
}
.m-icos .ilist .ix-water-supply {
	width: 32px;
	height: 32px;
	background-size: contain;
	margin-left: 0;
	margin-right: 10px;
}
.m-icos .ilist .ix-waste-water, .m-icos .ilist .ix-wastewater {
	width: 32px;
	height: 32px;
	background-size: contain;
	margin-left: 0;
	margin-right: 10px;
}
.m-icos .ilist .ix-hydraulic-engineering {
	width: 32px;
	height: 32px;
	background-size: contain;
	margin-left: 0;
	margin-right: 10px;
}
.maplist {
	max-width: 360px;
	box-sizing: border-box;
	padding-left: 30px;
	padding-right: 30px;
}
.m-row {
	display: flex;
    flex-wrap: wrap;
	background: url(images/arrow-map.svg) no-repeat right center;
}
.m-icos {
	flex: 1;
	flex-basis: 30%;
}
.m-content {
	color: #8B8281;
	font-size: 12px;
	line-height: 16px;
	box-sizing: border-box;
	padding-right: 10px;
	text-transform: uppercase;
	flex: 1;
	flex-basis: 70%;
	letter-spacing: .5px;
}
.m-head {
	color: #151616;
	text-transform: none;
	padding-bottom: 2px;
}
.m-head strong {
	text-transform: uppercase;
}
.maplist .m-row {
	padding-bottom: 12px;
	padding-top: 10px;
	border-bottom: 1px solid #979797;
}
.maplist h3 {
	border-bottom: 1px solid #979797;
	padding-bottom: 15px;
}
.maplist .caption.grey {
	padding-bottom: 8px;
}
.mapplic-tooltip-close {
	background-image: url(images/sel-close.svg) !important;
	z-index: 10000;
	display: block;
}
.mapplic-tooltip {
transform: scale(.5, .5);
}
.popout .findbut {
	display: none;
}
.page-locations .has-2-columns.locationheader {
	margin-bottom: 160px;
}
.topbot img {
	margin-bottom: 2em;
}
.topbot .wp-block-column {
	display: flex;
	justify-content: space-between;
    flex-direction: column;
}
	
/* S P A C E R */
.entry {
	margin-bottom: 160px;
}
.space-70, .abstandklein {
	margin-bottom: 70px !important;
}
.space-85 {
	margin-bottom: 85px !important;
}
.space-120, .abstandmittel {
	margin-bottom: 120px !important;
}
.space-160, .abstandgross {
	margin-bottom: 160px !important;
}
.nospace {
	margin-bottom: 0 !important;
}
.people img {
	max-width: 100%;
	height: auto !important;
}
.entry ul {
    list-style: none;
    margin-left: 0;
    padding-left: 1.2em;
}

.entry li:before {
    content: "–";
    display: block;
	position: absolute;
	margin-left: -1.2em;
}
.unfilled {
padding-right: 4em;
}

/* FOOTER
-------------------------------------------------------------- */
#jobteaser {
	margin-bottom: -125px;
}
#jobteaser img {
	float: left;
	max-width: 635px;
	height: auto;
	width: 100%;
}
#jobteaser .wp-block-column:nth-child(odd) {
	margin: 0;
}
#jobteaser .wp-block-column:not(:first-child), #jobteaser .wp-block-column:nth-child(2n) {
	margin-left: 0;
	padding-left: 10%;
	box-sizing: border-box;
}
#jobteaser .wp-block-column.c-1 {
flex-basis: 58.333%;
}
#jobteaser .wp-block-column.c-2 {
flex-basis: 41%;
}
#jobteaser .caption.red {
	margin-top: -3px;
}
#jobteaser h2 {
	padding-top: 15px;
	padding-bottom: 32px;
}
#jobteaser .button {
	margin-top: 33px;
}
#footer {
	background: url(images/footerstrip.png) repeat-x #E73729;
	background-position: 0 bottom;
	font-size: 12px;
	line-height: 16px;
	color: #151616;
	letter-spacing: .5px;
	padding-top: 270px;
}
#footer a {
	color: #151616;
}
#footerlogo {
	height: 400px;
	background: url(images/footerlogo.svg) no-repeat;
	background-position: 0 bottom;
}
#footercontent {
	display: flex;
	margin: -30px 0 0 -30px;
	padding-bottom: 82px;
}
#footercontent .cell-3 {
	    flex-basis: 29%;
}
#footercontent .xing, .mobiladdons .xing {
	font-size: 0px;
	overflow: hidden;
	text-indent: -10000px;
	display: inline-block;
	vertical-align: top;
	width: 23px;
	height: 23px;
	background: url(images/xing.svg) no-repeat;
}
#footercontent .linkedin, .mobiladdons .linkedin {
	font-size: 0px;
	overflow: hidden;
	text-indent: -10000px;
	display: inline-block;
	vertical-align: top;
	width: 23px;
	height: 23px;
	background: url(images/linkedin.svg) no-repeat;
}
.footermenu ul li {
font-weight: bold;
text-transform: uppercase;
}
.footermenu ul li:first-child {
	margin-left: 0;
}
.footermenu ul li a {
	color: #151616;
}
.footermenu ul ul li {
	text-transform: none;
	float: none;
	margin-left: 0;
	font-weight: normal;
}
.footermenu ul li.lastfoot ul li {
	font-weight: bold;
	text-transform: uppercase;
	padding-top: 12px;
}
.footermenu ul {
display: flex;
margin-left: -30px;
margin-right: -8px;
}
.footermenu ul li {
flex: 1;
flex-basis: 29%;
padding-left: 30px;
box-sizing: border-box;
}
.footermenu ul li.lastfoot {
flex-basis: 8.333%;
}
#menu-footermenu li ul {
display: block;
}
#menu-footermenu li ul {
	padding-top: 12px;
}
#menu-footermenu li.lastfoot ul {
	padding-top: 0px;
}
#mobfooterlogo {
	display: none;
}
#topfooter {
box-sizing: border-box;
padding-top: 40px;
height: 340px;
}
#subfooter .inner {
	position: relative;
	padding-top: 20px;
	padding-left: 42.9%;
}
#subfooter, #subfooter a {
	color: #E2E0DF;
}
#subfooter a {
	text-transform: lowercase;	
}
.subfootermenu {
	display: inline-block;
	float: right;
	margin-right: -8px;
	width: 40%;
	text-align: right;
}
.subfootermenu ul li {
	display: inline-block;
	margin-left: 28%;
}
.subfootermenu ul li:first-child {
	margin-left: 5%;
}


/* TOOLS
-------------------------------------------------------------- */
.login a {
	position: fixed;
	bottom: 10px;
	left: 10px;
    background: url("images/login.gif") no-repeat scroll 0 3px transparent;
    font-size: 1px;
    height: 12px;
    overflow: hidden;
    text-indent: -1000px;
    width: 10px;
	display: inline-block;
	filter:     alpha(opacity = 40);    /* IE 6, 7, 8 */
	-ms-filter: "alpha(opacity = 40)";  /* ab IE 8 zusätzlich möglich */
	opacity:    .40;                    /* alle anderen Browser einschließlich IE 9 */
}
.login a:hover {
	filter:     alpha(opacity = 100);    /* IE 6, 7, 8 */
	-ms-filter: "alpha(opacity = 100)";  /* ab IE 8 zusätzlich möglich */
	opacity:    1;                    /* alle anderen Browser einschließlich IE 9 */
}
a.post-edit-link {
position: fixed;
z-index: 200000;
right:0;
bottom:0px;
display: block; 
font-size: 1px;
text-decoration: none; 
text-indent: -1000px;
overflow: hidden; 
background: url("images/edit.png") no-repeat;
width: 43px;
height: 57px;
border: none !important;
}

/* =Print Style
-------------------------------------------------------------- */
@media print {
	html {
	font-family: Arial, Helvetica, sans-serif;
    text-align: justify;
  }
	body {
		background: none !important;
		color: #000;
	}
	#navi, #footer {
		display: none;
	}
}

/* RESPONSIVE STYLES
-------------------------------------------------------------- */
@media only screen and (max-width: 1560px) {
	#searcharea {
		width: 385px;
		height: 385px;
		pointer-events: auto;
	}
	.searchbox {
	max-width: 240px;
	}
}

/* DESKTOP */
@media only screen and (min-width: 1350px) {
#navi, ul.sub-menu {
	display: block !important;
}
.opi {
	display: none;
}
}








/* TABLETS  #################################################################### */
@media only screen and (max-width: 1350px) {
.iclist.tmobile {
	display: block !important;
	margin-top: 40px;
	margin-left: -10px;
}
.iclist.desktop {
	display: none;
}
.project-template .iclist.tmobile a {
	width: 82px !important;
	height: 130px !important;
}
#mobfooterlogo {
	display: block;
	height: 250px;
	width: 250px;
	background-color: #DFDBDC;
	position: absolute;
	z-index: 50;
	bottom: 0;
	left: -250px;
	transform-origin: top left;
    -moz-transform: skew(45deg, 0deg);
    -webkit-transform: skew(45deg, 0deg);
    -o-transform: skew(45deg, 0deg);
    -ms-transform: skew(45deg, 0deg);
    transform: skew(45deg, 0deg);
	overflow: hidden;
}
#mobfooterlogo #logo {
	position: absolute;
	top: 180px;
	left: 94px;
	transform-origin: top left;
    -moz-transform: skew(-45deg, 0deg);
    -webkit-transform: skew(-45deg, 0deg);
    -o-transform: skew(-45deg, 0deg);
    -ms-transform: skew(-45deg, 0deg);
    transform: skew(-45deg, 0deg);
}
.swiper-button-prev, .swiper-button-next {
	display: none;
}
	#header {
		height: 72px;
	}
	#content {
		padding-top: 72px;
	}
	#backshape {
	padding-top: 80px;
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(45deg, #ffffff 0%, #ffffff 84.9%, #dfdbdc 15%, #dfdbdc 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(45deg, #ffffff 0%,#ffffff 84.9%,#dfdbdc 15%,#dfdbdc 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(45deg, #ffffff 0%,#ffffff 84.9%,#dfdbdc 15%,#dfdbdc 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dfdbdc',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	}
	.startteaser h2 {
		padding-top: 10px;
		padding-bottom: 17px;
	}
	.startteaser .button {
		margin-top: 23px;
	}
	.wp-block-column, .cell {
	}
	#logo {
		background-size: contain;
		height: 32px;
		margin-right: 0;
		width: 100px;
	}

	#navi {
		display: none;
	}
	.wrapper {
	max-width: 100%;
	box-sizing: border-box;
	padding-left: 9%;
    padding-right: 9%;
	}
	.wrapper.m-full {
	padding-left: 2%;
    padding-right: 2%;	
	}
	.grid {
		margin: 0px 0 0 -2%;
	}
	.cell {
		padding-left: 2%;
	}
	#projectslist .swiper-slide {
	}
	#downkeil {
		width: 385px;
	}
	#header.active #downkeil {
		height: 250vh;
		width: 250vh;		
	}
	#header.active #searcharea {
		width: 100%;
		height: 100vw;
		text-align: center;
	}
	#header.active #logo {
		display: none;
	}
	#header.active .searchbox {
		margin-left: 0;
		right: 50%;
		margin-right: -160px;
		min-width: 320px;
	}
	#navi ul li.current_page_item > a,
	#navi ul li.current_page_ancestor > a,
	#navi ul li.current-menu-ancestor > a,
	#navi ul li.current-menu-item > a,
	#navi ul li.current-menu-parent > a {
	color: #151616;
	}
	#navi ul li.current_page_item li a,
	#navi ul li.current_page_ancestor li a,
	#navi ul li.current-menu-ancestor li a,
	#navi ul li.current-menu-item li a,
	#navi ul li.current-menu-parent li a {
		color: #fff;
	}
	#mobilemenu, #selectorclose {
		display: block;
		background: url(images/m-icon.svg) no-repeat center center;
		position: absolute;
		right: 15px;
		top: 15px;
		height: 40px;
		width: 40px;
		text-indent: -1000px;
		overflow: hidden;
		font-size: 0px;
		cursor: pointer;
		z-index: 101000;
	}
	#searchbutton {
		background: url(images/m-search.svg) no-repeat center center;
		position: absolute;
		right: 61px;
		top: 15px;
		height: 40px;
		width: 40px;
		text-indent: -1000px;
		overflow: hidden;
		font-size: 0px;
		cursor: pointer;
		z-index: 101000;
	}
	.downer #header.active {
		overflow: visible;
	}
	#header.active #mobilemenu, #selectorclose {
		background: url(images/m-close.svg) no-repeat center center;
	}
	#navi {
		position: fixed;
		z-index: 100000;
		width: 100%;
		top: 151px;
		left: 0;
		right: 0;
		bottom: 0;
		visibility: hidden;
		opacity: 0;
		overflow-y: auto;
	}
	#header.active #navi {
		visibility: visible;
		opacity: 1;
	}
	#navi ul li {
		float: none;
		height: auto;
		padding: 0;
		text-align: center;
		border-bottom: 1px solid #151616;
		}
	#navi ul ul {
		display: none;
		position: static;
		visibility: visible;
		opacity: 1 !important;
		text-align: center;
		padding: 0;
		height: auto;
	}
	#navi ul ul li {
		width: 23%;
	}
	#navi .menu-item-has-children:hover:after {
	display: none;
	}
	.topmenu li a {
		font-size: 22px;
		line-height: 28px;
		display: inline-block;
		padding-top: 16px;
		padding-bottom: 16px;
	}
	.topmenu li:first-child {
		border-top: 1px solid #151616;
	}
	.topmenu li:hover, .topmenu li.offen {
	background-color: #DFDBDC;
	}	
	.topmenu li li:hover {
		background: none;
	}
	.topmenu li li a {
	font-size: 12px;
    line-height: 16px;
	border: none;
	padding-top: 35px;
	padding-bottom: 28px;
	}
	h1 {
		font-size: 36px;
		line-height: 44px;
	}
	h2, .moreheader {
		font-size: 24px;
		line-height: 30px;
	}
	h4 {
		font-size: 20px;
		line-height: 25px;
	}
	.moreheader {
		padding-bottom: 40px;
	}
	h2.h2-middlespace {
		padding-bottom: 40px;
	}
	.procontainer h3 {
		font-size: 22px;
		line-height: 28px;
	}
	#jobteaser .wp-block-column:not(:first-child), #jobteaser .wp-block-column:nth-child(2n) {
		padding-left: 2%;
	}
	.startseite .core-block .cell-3 {
		margin-bottom: 80px;
	}
	#navi li {
		position: relative;
	}
	.opi {
		display: block;
		position: absolute;
		right: 25px;
		top: 20px;
		bottom: 0px;
		width: 20px;
		height: 20px;
		background: url(images/arrow-grey.svg) no-repeat center center;
	}
	.offen .opi {
		-moz-transform: rotate(180deg);
		-ms-transform: rotate(180deg);
		-o-transform: rotate(180deg);
		-webkit-transform: rotate(180deg);
		transform: rotate(180deg);
		}
	.mobiladdons {
			padding-top: 80px;
		}
	#navi .mobiladdons ul li {
		border: none;
		padding-bottom: 11px;
		padding-top: 12px;
		}
	.mobiladdons li a {
		color: #151616;
		font-size: 14px;
		line-height: 22px;
		display: block;
		}
	.mobiladdons li.fett {
		font-weight: bold;
		text-transform: uppercase;
	}
	#menu-mobile-addons {
		text-align: center
	}
	#navi .mobiladdons .linkedin, #navi .mobiladdons .xing {
		display: inline-block !important;
		background-size: contain;
		margin-left: 6px;
		margin-right: 6px;
		margin-bottom: 10px;
		width: 30px;
	}
	#jobteaser {
		margin-bottom: 100px;
	}
	.entry {
		margin-bottom: 0;
	}
	.core-block.space-160 {
		margin-bottom: 0 !important;
	}
	#footer {
		font-size: 14px;
		line-height: 22px;
		background-image: none;
		padding-top: 40px;
	}
	#footer .cell {
		padding-left: 0;
		padding-right: 15px;
	}
	#footercontent, .footermenu ul {
	flex-wrap: wrap;
	margin: 0;
	}
	#footercontent {
		padding-bottom: 40px;
	}
	#footercontent .cell-3:first-child, .footermenu ul li:first-child {
		flex-basis: 37%;
	}
	#footercontent .cell-1 {
	text-align: left !important;
	padding-top: 38px;
	}
	.footermenu ul ul {
		margin-left: 0;
	}
	#footerlogo {
		height: auto;
		background: none;
		position: relative;
	}
	#topfooter .cell-2 {
		display: none;
	}
	#menu-footermenu {
		position: relative;
	}
	.footermenu ul li.lastfoot {
	flex: none;
	display: block;
	width: 100%;
	box-sizing: border-box;
	padding-left: 38.7%;
	padding-top: 28px;
	}
	.footermenu ul li.lastfoot ul li {
		padding-top: 0;
	}
	#menu-footermenu li.lastfoot a {
		display: block;
		width: 50%;
	float: left;
	}
	#menu-footermenu li ul {
		padding-top: 6px;
	}
	#menu-footermenu li.lastfoot ul {
	float: left;
	}
	.footermenu ul li {
		padding-left: 0;
	}
	#topfooter {
		height: auto;
		padding-bottom: 54px;
	}
	#topfooter .grid {
		margin: 0;
	}
	#footer .cell-10 {
		padding: 0;
	}
	#subfooter {
		background-color: #000;
		padding-bottom: 20px;
	}
	#subfooter .wrapper {
		width: auto;
	}
	.subfootermenu {
		float: none;
		display: block;
		margin-right: 0;
		width: auto;
		text-align: left;
		padding-top: 5px;
	}
	.subfootermenu ul li, .subfootermenu ul li:first-child {
		margin-left: 0;
	}
	.subfootermenu ul li:first-child {
		width: 49%;
	}
	#subfooter .inner {
		padding-left: 38.5%;
	}
	#footercontent .xing, #footercontent .linkedin {
		width: 30px;
		height: 30px;
		background-size: contain !important;
	}
	#footercontent .linkedin {
		margin-left: 28px;
	}
	.hasimage {
		min-height: 313px;
		margin-bottom: 80px;
	}
	.hasimage h1.title {
		width: 100%;
		left: 0;
		text-align: center;
		padding-top: 104px;
	}
	h1.title {
		font-size: 32px;
		line-height: 40px;
		padding-bottom: 40px;
	}
	.imgbox h4 {
		font-size: 24px;
		line-height: 30px;
		margin-bottom: 24px;
	}
	.imgbox .button.red {
		min-width: 140px;
	}
	#sectors .item {
		padding-top: 40px;
	}
	#sectors .item .grid {
		display: block;
	}
	#sectors .roundimage {
		width: 25%;
		margin-bottom: 24px;
	}
	#newslist h3 {
		font-size: 16px;
		line-height: 22px;
	}
	.sectors .imgbox h4 {
		padding-left: 78px !important;
		background-size: 80px auto !important;
		height: 60px !important;
	}
	.sectors .imgbox h4:before {
		left: 60px;
		top:  0px;
	}
	.sectors .imgbox h4.ico-wastewater {
		padding-left: 85px !important;
		}
	.sectors .imgbox h4.ico-wastewater:before {
		left: 68px;		
	}
	#sendtools {
		text-align: left;
		padding-top: 0;
		padding-bottom: 40px;
	}
	#sendtools a:last-child {
		margin-right: 0;
	}
	#sendtools a {
		margin-bottom: 30px;
		margin-left: 0;
		margin-right: 30px;
	}
	.single-jobs #footer {
		padding-top: 0px;
	}
	.single-jobs #topfooter {
		padding-top: 80px;
	}
	#locations h3 {
		font-size: 22px;
		line-height: 28px;
		margin-bottom: 23px;
	}
	.page-locations .has-2-columns.locationheader {
		margin-bottom: 80px;
	}
	.listgrid {
		margin-left: -2%;
		margin-bottom: 5%;
	}
	.listcell {
		padding-left: 2%;
		padding-bottom: 2%;
	}
	.projectselector .news-item .inner {
		padding: 4%;
	}
	#worldmap.mpro {
		margin-bottom: 80px;
	}
	#counter {
		height: 45px;
		margin-top: 40px;
	}
	#contain {
		padding-top: 0;
	}
	#content .searchandfilter ul {
		font-size: 0;
	}
	#content .searchandfilter ul li {
		float: none;
		display: inline-block !important;
		vertical-align: top;
		width: 50%;
		margin: 0;
		padding-right: 30px;
		box-sizing: border-box;
	}
	#content .searchandfilter ul ul {
		width: calc(100% - 30px);
	}
	#content .searchandfilter ul ul li {
	width: 100%;
	padding-right: 0;
	}
	#content .sf-field-category h4, #content .sf-field-taxonomy-sectors h4, #content .sf-field-taxonomy-p-services h4, #content .sf-field-taxonomy-servicearea h4, #content .sf-field-taxonomy-dac_code h4, #content .sf-field-taxonomy-countries h4, #content .sf-field-taxonomy-jobs-sectors h4, #content .sf-field-taxonomy-jobs-countries h4, #content .sf-field-taxonomy-jobs-status h4, #content .sf-field-search input {
	width: 100%;
	max-width: 100%;
	}
	#content .searchandfilter ul li.sf-field-search {
	}
	#content.projectselector .searchandfilter ul {
		padding-bottom: 30px;
	}
	#content .searchandfilter ul {
		margin-right: -30px;
	}
	.jobtable {
		margin-top: 60px;
	}
	#moreabout {
		padding-top: 80px;
		margin-bottom: 80px;
		padding-bottom: 60px;
	}
	#sectors h3 {
		padding-top: 5px;
		font-size: 16px;
		line-height: 22px;
		padding-bottom: 25px;
	}
	#sectors .item {
		position: relative;
		padding-bottom: 40px;
	}
	#sectors .button {
		position: absolute;
		bottom: 0;
	}
	.page-locations {
		margin-bottom: 80px;
	}
}

	

/* WORLDMAP */
@media only screen and (max-width: 960px) {
	#worldmap {
		position: relative;
	}
	#worldmap h2 {
		width: 100%;
		left: 0;
		top: 80px;
		text-align: center;
	}
	#worldmap #selectors {
		left: 0;
		top: 130px;
		width: 100%;
		text-align: center;
	}
	#selectors .button {
		display: inline-block;
	}
	.findbut {
		bottom: 40px;
	}
	.page-child .parent-sectors #moreabout .imgbox h4 {
    font-size: 16px;
    line-height: 22px;
	min-height: 135px;
	margin-top: 0;
	}
	.page-child .parent-sectors #moreabout .imgbox h4.ico-watersupply,
	.page-child .parent-sectors #moreabout .imgbox h4.ico-wastewater {
	line-height: 44px;
	}
}


/* SMALL TABLET #################################################################### */
@media only screen and (max-width: 1100px) {
	.single-jobs #topfooter {
		padding-top: 40px;
	}
	#newslist .news-item {
	width: 100%;
	height: auto;
	padding-bottom: 0;
	}
	#newslist .news-item .inner {
	position: static;
	padding: 4%;
	padding-bottom: 5%;
	width: 100%;
	height: 100%;
	}
	#newslist .cell-4 {
	display: flex;
	}
	#newslist .news-item .backimage {
		display: none;
	}

	.startseite .core-block .cell-3 {
		flex-basis: 50%;
	}
	.wp-block-columns {
		flex-wrap: wrap !important;
	}
	.space-160, .abstandgross, .space-120, .abstandmittel {
		margin-bottom: 80px !important;
	}
	#moreabout.company .cell, #moreabout.sectors .cell {
		padding-bottom: 2%;
	}
	#projectslist .swiper-slide .procontainer {
		left: 4%;
		height: auto;
		padding-bottom: 25%;
	}
	.procontainer .button {
		bottom: 9.5%;
	}
	.procontainer h3 {
		padding-top: 16px;
	}
	.icolist span {
	width: 55px !important;
	height: 55px !important;
	background-size: contain !important;
	margin-bottom: 17px;
	}
	#worldmap {
		margin-bottom: 80px;
	}
	#worldmap .wrapper {
		padding-top: 250px;
	}
	.startseite .allpro {
		display: none;
	}
	.swiper-pagination2 {
		padding-top: 40px;
	}
	#selectors .button {
		height: 28px;
		line-height: 28px;
		border: 1px solid #DFDBDC;
		margin-left: 2%;
		margin-bottom: 2%;
		background-color: #F7F6F6;
	}
	#selectors .button.active {
		border-color: #E73729;
	}
	.jobtable, .joblist {
	max-width: none;
    width: 122%;
	height: auto !important;
    margin-left: -11%;	
	}
	.entry .has-2-columns .wp-block-image img {
	max-width: 100%;
	margin-left: 0;
	}
	.wp-block-quote p {
		font-size: 24px;
		line-height: 30px;
	}
	.wp-block-image.quote {
		text-align: left;
	}
	.entry .has-2-columns .wp-block-image.quote img {
		max-width: 80%;
		max-height: none;
	}
	.has-3-columns .wp-block-column {
		flex-basis: 50% !important;
		margin-bottom: 30px !important;
	}
	.has-3-columns .wp-block-column h3 br {
		display: none;
	}
	.space-70, .abstandklein {
		margin-bottom: 35px !important;
	}
	#portraits .p-cell {
		width: 20%;
	}
	.workwith {
		bottom: 50px;
	}
	.workwith .button {
		min-width: 215px;
	}
	#moreabout .imgbox h4 {
	padding-top: 0px !important;
	margin-bottom: 24px !important;
	}
	#moreabout .imgbox h4.ico-watersupply, #moreabout .imgbox h4.ico-wastewater {
		line-height: 60px;
	}
	.page-child .parent-sectors #moreabout .imgbox h4 {
		padding-top: 75px !important;
		margin-bottom: -5px !important;
	}
	.jobtable {
		display: none;
	}
	.jobrow h3 {
		font-size: 24px;
		line-height: 28px;
		margin-bottom: 16px;
	}
	.jobrow .cell-3 {
		padding-left: 11%;
		flex-basis: 100%;
	}
	.jobrow .cell-4 {
		padding-left: 11%;
	}
	.joblist .jobrow {
		background-image: none !important;
	}
	.blank {
		display: none;
	}
	.mfull {
		flex-basis: 100%;
	}
	#sendtools {
		text-align: center;
	}
	#sendtools a, #sendtools a:last-child {
		margin-right: 25%;
		margin-left: 25%;
		min-width: 220px;
	}
	.cell-4.j-mb {
		flex-basis: 100% !important;
	}
	.cell-4.j-mb h2 {
		margin-bottom: 40px;
	}
	.p-row {
		display: block;
	}
	.p-cell1, .p-cell2 {
		float: none;
	}
	.p-cell1 h3 {
		font-size: 22px;
		line-height: 28px;
		padding-bottom: 15px;
	}
	.listcell {
		width: 50%;
	}
	.ilist .ix-public-infrastructure, .ilist .ix-water-supply, .ilist .ix-waste-water, .ilist .ix-wastewater, .ilist .ix-hydraulic-engineering {
	width: 40px;
	height: 40px;
	background-size: contain;
	margin-left: 10px;
	}
}

/* Zwischentweaks
#################################################################### */
@media only screen and (max-width: 780px) {
	.sectors .grid {
		display: block;
	}
	.people .wp-block-columns, .parent-responsibility .wp-block-columns {
		display: block;
	}
	.people .wp-block-image img {
		width: 100%;
		margin-left: 0;
		margin-bottom: 2em;
	}
	.unfilled {
		padding-right: 0;
	}
	.inslide h1 {
		font-size: 6vw;
		line-height: 1.3em;
		padding-left: 1em;
		padding-right: 1em;
	}
	.swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets {
		bottom: 3vh !important;
	}
}
@media only screen and (min-width: 601px) and (max-width: 780px) {
.listgrid h3, .procontainer h3 {
		font-size: 16px;
		line-height: 22px;
	}
.procontainer h3 {
		padding-top: 5px;
	}
}


/* SMARTPHONES #################################################################### */
@media only screen and (max-width: 600px) {
	.mobile {
		display: block !important;
	}

	.desktop {
		display: none;
	}
	.jobtable, .joblist {
    width: 108%;
    margin-left: -4%;	
	}
	.wrapper {
		padding-left: 4%;
		padding-right: 4%;
	}
	h3, #newslist h3 {
		font-size: 22px;
		line-height: 28px;
	}
	.grid {
		margin: 0;
	}
	.cell {
		padding-left: 0;
	}
	.moreheader {
		font-size: 24px;
		line-height: 30px;
		padding-bottom: 40px;
		margin-top: 0;
	}
	.body2 h2 {
		margin-bottom: 20px;
	}
	#moreabout .grid {
		display: block;
	}
	#moreabout {
	padding-top: 40px;
	padding-bottom: 30px;
	}
	#moreabout .cell {
		padding-bottom: 4%;
		padding-left: 0;
	}
	#portraits .p-grid {
		margin: 0px 0 0 -4%;
	}
	#portraits .p-cell {
		width: 25%;
		padding-left: 4%;
	}
	.imgbox {
		padding-bottom: 66.6%;
	}

	#newslist .grid {
		display: block;
	}
	#newslist .cell {
		margin-bottom: 8px;
	}
	.startseite .core-block .cell-3:after {
		left: 0px;
	}
	.body1 {
		font-size: 16px;
		line-height: 22px;
	}
	.entry .has-2-columns .wp-block-image.quote img {
		max-width: 140px;
		margin-bottom: 20px;
	}
	#backshape {
		padding-top: 40px;
		background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(45deg, #ffffff 0%, #ffffff 50%, #dfdbdc 50%, #dfdbdc 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg, #ffffff 0%,#ffffff 75%,#dfdbdc 25%,#dfdbdc 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg, #ffffff 0%,#ffffff 95%,#dfdbdc 15%,#dfdbdc 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dfdbdc',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	}
	#footercontent .cell-1 {
		padding-top: 22px;
	}
	#footercontent {
		padding-bottom: 20px;
	}
	#searcharea {
		width: 170px;
		height: 170px;
	}
	#downkeil {
		width: 170px;
	}
	.searchbox {
		display: none;
	}
	#mobilemenu {
		right: 12px;
	}
	#searchbutton {
		display: block;
	}
	.active #searchbutton {
		display: none;
	}
	.active .searchbox {
		display: block;
	}
	#header.active .searchbox {
		max-width: calc(100% - 73px);
		min-width: 0;
		margin-right: 0;
		right: 0px;
		left: 12px;
	}
	#navi {
		top: 72px;
	}
	#navi ul li {
		text-align: left;
	}
	#navi ul ul li {
		display: block;
		width: 100%;
		text-align: left;
		border-top: 1px solid #DFDBDC;
	}
	#navi ul ul li:first-child {
		border: none;
	}
	.topmenu li a {
		padding-top: 15px;
		padding-bottom: 15px;
		padding-left: 14px;
	}
	.topmenu li li a {
		padding-bottom: 10px;
		padding-top: 10px;
		vertical-align: middle;
		font-size: 14px;
		line-height: 20px;
	}
	.topmenu li li a br {
	display: none;
	}

	.topmenu ul.sub-menu li a:before {
		vertical-align: middle;
		display: inline-block !important;
		width: 40px !important;
		height: 40px !important;
		margin-right: 15px !important;
		margin-bottom: 0 !important;
	}
	.mobiladdons {
		margin-top: 15px;
		padding-top: 0px;
		padding-left: calc(50% + 12px);
		position: relative;
		padding-bottom: 30px;
	}
	.opi {
		right: 20px;
	}
	#navi .mobiladdons .linkedin, #navi .mobiladdons .xing {
		position: absolute;
		left: calc(25% + 16px);
		text-align: left;
		margin: 0;
		top: 10px;
	}
	#navi .mobiladdons .linkedin {
		top: 50px;
	}
	#footer .cell {
		padding-right: 0;
		padding-bottom: 17px;
	}
	#mobfooterlogo {
		width: 170px;
		height: 170px;
		left: -170px;
	}
	#mobfooterlogo #logo {
		top: 122px;
		left: 58px;
		width: 72px;
	}
	#subfooter {
		box-sizing: border-box;
		height: 130px;
	}
	#subfooter .inner {
		padding-left: 0;
	}
	#mobfooterlogo {
		bottom: 130px;
	}
	#footercontent, .footermenu ul, #subfooter .wrapper {
		display: block;
		margin-left: 0;
	}
	#subfooter .wrapper {
		padding-left: 4%;		
	}
	#menu-footermenu {
		padding-left: 54%;
	}
	#menu-footermenu li ul {
		display: none;
	}
	.footermenu ul li {
		display: block;
	}
	.footermenu ul li a {
		display: block;
		padding-bottom: 10px;
		padding-top: 10px;
	}
	.footermenu ul li:first-child {
		position: absolute;
		margin-left: -54%;
	}
	.footermenu ul ul li:first-child {
		position: static;
		margin-left: 0;
	}
	.footermenu ul li.lastfoot {
		padding-left: 0;
		padding-top: 0;
	}
	#menu-footermenu li.lastfoot a {
		float: none;
	}
	#menu-footermenu li.lastfoot ul {
		display: block;
	}
	#topfooter {
		padding-top: 0;
	}
	#footer {
		padding-top: 110px;
	}
	#worldmap {
		margin-bottom: 40px;
	}
	#worldmap, .findbut a {
		background-color: #F7F6F6;
	}
	#worldmap.popout #selectors, #worldmap.popout h2 {
		display: none;
	}
	#worldmap .wrapper {
		padding-top: 300px;
	}
	#worldmap #selectors {
		top: 170px;
	}
	.button, .startteaser .button {
		min-width: 135px;
	}
	.startteaser .button {
		width: 135px;
		margin-bottom: 40px;
	}
	.startseite .core-block .button {
		margin-left: -67px;
	}
	.findbut .button {
		min-width: 215px;
	}
	#jobteaser {
		margin-top: 40px;
		margin-bottom: -80px;
		padding-bottom: 100%;
		position: relative;
	}
	#jobteaser .wp-block-column:not(:first-child), #jobteaser .wp-block-column:nth-child(2n) {
		padding-left: 0;
	}
	#jobteaser h2 {
		padding-bottom: 16px;
	}
	#jobteaser img {
		position: absolute;
		bottom: 0;
		max-width: 92%;
	}
	#jobteaser .button {
		margin-top: 25px;
		margin-bottom: 5px;		
	}
	.wrapper.m-full {
		padding-left: 0;
		padding-right: 0;
	}
	#header #logo {
		margin-left: 4%;
	}
	.swiper-pagination2 {
		padding-top: 30px;
	}
	.company .grid {
		display: block;
	}
	#sendtools a {
		min-width: 215px;
	}
	#moreabout.company .cell, #moreabout.sectors .cell {
	padding-bottom: 4%;
	}
	h1.title {
		padding-top: 50px;
	}
	#projectslist.space-160, .hasimage, .space-160, .abstandgross, .space-120, .abstandmittel, .loc-head {
		margin-bottom: 40px !important;
	}
	#moreabout {
		margin-bottom: 0;
	}
	.loc-grid {
		margin: 0px 0 0 -4%;
		}
	.loc-cell {
		width: 100%;
		padding-left: 4%;
		padding-bottom: 4%;
	}
	#locations h3 {
		font-size: 22px;
		line-height: 28px;
		margin-bottom: 22px;
	}
	.jobtable {
		display: none;
	}
	.jobrow .grid, .jobrow .cell {
		display: block;
		margin: 0;
	}
	.job .grid, .page-news .grid {
		display: block;
	}
	.job .introfacs .cell {
		display: inline;
	}
	.job h3 {
		font-size: 22px;
		line-height: 28px;
	}
	.jobrow .cell-3, .jobrow .cell-4, .jobrow .cell-5 {
		padding-left: 4%;
		padding-right: 4%;
	}
	.jobrow h3 {
		font-size: 22px;
		line-height: 28px;
	}
	.keys {
		padding-top: 13px;
	}
	.joblist {
		margin-bottom: 30px;
	}
	.jobspage .entry {
		margin-bottom: 60px;
	}
	.cell-4.j-mb {
		flex-basis: 100% !important;
	}
	.j-mb .button {
		display: block !important;
		width: 100%;
		margin-top: 40px;
		margin-bottom: 40px;
		cursor: pointer;
	}
	#locations {
		padding-bottom: 60px;
	}
	#sendtools a, #sendtools a:last-child {
		margin-right: 0px;
		margin-left: 0px;
	}
	.p-table {
		padding-bottom: 50px;
	}
	.c-container {
		padding-bottom: 80px;
	}
	.newsimagebox, .space-85 {
		margin-bottom: 40px !important;
	}
	.project-template .grid {
		display: block;
	}
	.project-teaser {
		padding-top: 50px;
	}
	.hasimage {
		min-height: 200px;
	}
	.hasimage h1.title {
		padding-top: 80px;
	}
	#content .searchandfilter ul li {
		width: 100%;
	}
	#content .searchandfilter ul {
		padding-bottom: 60px;
	}
	#content .searchandfilter ul li {
		padding-bottom: 20px;
	}
	.page-locations .has-2-columns.locationheader {
		margin-bottom: 40px;
	}
	.listcell {
		width: 100%;
		padding-bottom: 4%;
	}
	.listgrid {
		margin-bottom: 40px;
	}
	#worldmap.mpro {
		margin-bottom: 40px;
	}
	.m-full #newslist {
		padding-left: 4%;
		padding-right: 4%;
	}
	#newslist.space-160 {
		margin-bottom: 70px !important;
	}
	#selectormobile {
		display: none;
		position: fixed;
		background-color: #E73729;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		overflow-y: auto;
		z-index: 100000;
	}
	#selectormobile h4, #content #selectormobile .sf-field-search input {
		color: #fff !important;
		border-color: #fff !important;	
	}
	#selectormobile h4 {
		background: url(images/white-down.svg) no-repeat 95% center !important;
	}
	#selectormobile h4.active {
		background: url(images/white-top.svg) no-repeat 95% center !important;
	}
	#content ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
	color: #fff;
	  opacity: 1; /* Firefox */
	}
	#content :-ms-input-placeholder { /* Internet Explorer 10-11 */
	color: #fff;
	}
	#content ::-ms-input-placeholder { /* Microsoft Edge */
	color: #fff;
	}
	#content .searchandfilter ul {
		padding-left: 4%;
		padding-right: 4%;
		border-top: 1px solid #151616;
		padding-top: 20px;
	}
	#content .searchandfilter ul li.sf-field-search {

	}	
	#filterbutton.button.red:hover {
		background-color: #E73729;
	}
	.filtertitle {
		font-size: 16px;
		line-height: 28px;
		left: 6%;
		z-index: 100004;
		color: #151616;
		margin: 0;
		width: auto;
		background-color: none !important;
		text-align: left;
		font-weight: bold;
		text-transform: uppercase;
		letter-spacing: 0.5px;
		line-height: 80px;
		height: 72px;
		padding-left: 7%;
	}
	#contain {
		padding-left: 4%;
		padding-right: 4%;
		padding-top: 20px;
	}
	#counter {
		margin-top: 0;
	}
	#content.projectselector .searchandfilter ul ul {
		padding-bottom: 17px;
	}
	.iclist.tmobile {
		margin-top: 20px;
	}
	.sectors .imgbox h4 {
		padding-left: 70px !important;
	}
	.sectors .imgbox h4:before {
		left: 57px;
	}
	#sectors .roundimage {
		width: 80px;
	}
	#sectors .grid {
		display: block;
	}
	#sectors .item {
		padding-top: 20px;
		margin-bottom: 20px;
		padding-bottom: 40px;
	}
	h1.h1-public-infrastructure, h1.h1-water-supply, h1.h1-hydraulic-engineering, h1.h1-waste-water, h1.h1-wastewater {
		background-position: 0 20px !important;
		padding-top: 190px;		
	}
	h1.h1-hydraulic-engineering {
		background-position: -14px 20px !important;
	}
	.breadcrumb {
		padding-bottom: 12px;
	}
	#sectors .button.white {
		min-width: 200px;
	}
	.searchbox input {
		width: 100%;
		box-sizing: border-box;
		padding-right: 20px;
	}
	.page-locations {
		margin-bottom:40px;
	}
	.subfootermenu ul li:first-child {
		width: 53%;
	}
	.subfootermenu ul {
		padding-top: 20px;
	}
	#portraits {
		margin-bottom: 90px;
	}
}