body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul,.content-gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li,.content-gallery>ul li{float:left}.ce_gallery>ul li.col_first,.content-gallery>ul li.col_first{clear:left}.float_left,.media--left>figure{float:left}.float_right,.media--right>figure{float:right}.block{overflow:hidden}.media{display:flow-root}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both}
@media (max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.audio_container audio{max-width:100%}.video_container video{max-width:100%;height:auto}.aspect,.responsive{position:relative;height:0}.aspect iframe,.responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%}.aspect--16\:9,.responsive.ratio-169{padding-bottom:56.25%}.aspect--16\:10,.responsive.ratio-1610{padding-bottom:62.5%}.aspect--21\:9,.responsive.ratio-219{padding-bottom:42.8571%}.aspect--4\:3,.responsive.ratio-43{padding-bottom:75%}.aspect--3\:2,.responsive.ratio-32{padding-bottom:66.6666%}
/* source-sans-pro-300 - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 300;
  src: url('../../files/fonts/source-sans-pro-v19-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../../files/fonts/source-sans-pro-v19-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../files/fonts/source-sans-pro-v19-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../files/fonts/source-sans-pro-v19-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../../files/fonts/source-sans-pro-v19-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../files/fonts/source-sans-pro-v19-latin-300.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}
/* source-sans-pro-300italic - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: italic;
  font-weight: 300;
  src: url('../../files/fonts/source-sans-pro-v19-latin-300italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../../files/fonts/source-sans-pro-v19-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../files/fonts/source-sans-pro-v19-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../files/fonts/source-sans-pro-v19-latin-300italic.woff') format('woff'), /* Modern Browsers */
       url('../../files/fonts/source-sans-pro-v19-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../files/fonts/source-sans-pro-v19-latin-300italic.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}
/* source-sans-pro-regular - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  src: url('../../files/fonts/source-sans-pro-v19-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../../files/fonts/source-sans-pro-v19-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../files/fonts/source-sans-pro-v19-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../files/fonts/source-sans-pro-v19-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../../files/fonts/source-sans-pro-v19-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../files/fonts/source-sans-pro-v19-latin-regular.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}
/* source-sans-pro-italic - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: italic;
  font-weight: 400;
  src: url('../../files/fonts/source-sans-pro-v19-latin-italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../../files/fonts/source-sans-pro-v19-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../files/fonts/source-sans-pro-v19-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../files/fonts/source-sans-pro-v19-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('../../files/fonts/source-sans-pro-v19-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../files/fonts/source-sans-pro-v19-latin-italic.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}
/* source-sans-pro-600 - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 600;
  src: url('../../files/fonts/source-sans-pro-v19-latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../../files/fonts/source-sans-pro-v19-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../files/fonts/source-sans-pro-v19-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../files/fonts/source-sans-pro-v19-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../../files/fonts/source-sans-pro-v19-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../files/fonts/source-sans-pro-v19-latin-600.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}
/* source-sans-pro-600italic - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: italic;
  font-weight: 600;
  src: url('../../files/fonts/source-sans-pro-v19-latin-600italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../../files/fonts/source-sans-pro-v19-latin-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../files/fonts/source-sans-pro-v19-latin-600italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../files/fonts/source-sans-pro-v19-latin-600italic.woff') format('woff'), /* Modern Browsers */
       url('../../files/fonts/source-sans-pro-v19-latin-600italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../files/fonts/source-sans-pro-v19-latin-600italic.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}
/* source-sans-pro-700 - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 700;
  src: url('../../files/fonts/source-sans-pro-v19-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../../files/fonts/source-sans-pro-v19-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../files/fonts/source-sans-pro-v19-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../files/fonts/source-sans-pro-v19-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../../files/fonts/source-sans-pro-v19-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../files/fonts/source-sans-pro-v19-latin-700.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}
/* source-sans-pro-700italic - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: italic;
  font-weight: 700;
  src: url('../../files/fonts/source-sans-pro-v19-latin-700italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../../files/fonts/source-sans-pro-v19-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../files/fonts/source-sans-pro-v19-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../files/fonts/source-sans-pro-v19-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('../../files/fonts/source-sans-pro-v19-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../files/fonts/source-sans-pro-v19-latin-700italic.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}
/* source-sans-pro-900 - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 900;
  src: url('../../files/fonts/source-sans-pro-v19-latin-900.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../../files/fonts/source-sans-pro-v19-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../files/fonts/source-sans-pro-v19-latin-900.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../files/fonts/source-sans-pro-v19-latin-900.woff') format('woff'), /* Modern Browsers */
       url('../../files/fonts/source-sans-pro-v19-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../files/fonts/source-sans-pro-v19-latin-900.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}
/* source-sans-pro-900italic - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: italic;
  font-weight: 900;
  src: url('../../files/fonts/source-sans-pro-v19-latin-900italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../../files/fonts/source-sans-pro-v19-latin-900italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../files/fonts/source-sans-pro-v19-latin-900italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../files/fonts/source-sans-pro-v19-latin-900italic.woff') format('woff'), /* Modern Browsers */
       url('../../files/fonts/source-sans-pro-v19-latin-900italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../files/fonts/source-sans-pro-v19-latin-900italic.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}
/* covered-by-your-grace-regular - latin */
@font-face {
  font-family: 'Covered By Your Grace';
  font-style: normal;
  font-weight: 400;
  src: url('../../files/fonts/covered-by-your-grace-v13-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../../files/fonts/covered-by-your-grace-v13-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../files/fonts/covered-by-your-grace-v13-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../files/fonts/covered-by-your-grace-v13-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../../files/fonts/covered-by-your-grace-v13-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../files/fonts/covered-by-your-grace-v13-latin-regular.svg#CoveredByYourGrace') format('svg'); /* Legacy iOS */
}
.home nav,
.home .btn{
	display:none 
}
#header nav {
	margin-bottom:20px;
}
* {
    padding:0;
    margin:0;
    text-size-adjust: none;
        -webkit-text-size-adjust: none;
        -moz-text-size-adjust: none;
        -ms-text-size-adjust: none;
}
html,
body {
    margin:0;
    padding:0;
}
body {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 300;
  color:#00332a;
}
body:before {
	background: url(../../files/img/bg.png) center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	content: "";
	position: fixed;
	height: 100vh;
	width: 100%;
	top: 0;
	right: 0;
	left: 0;
	bottom:0;
	z-index: -1;
	background-color: #f4f2f2;
	float:left;
}
.max-width,
.max-width-small,
.team-zitate,
#container .mod_article.max-width-small{
	max-width: 840px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 20px;
	padding-right: 20px;
	box-sizing: border-box;
}
.team.kreis,
.max-width-middle,
#container .mod_article.max-width-middle{
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 20px;
	padding-right: 20px;
	box-sizing: border-box;
}
.kontakt-formular {
	max-width: 600px;
	padding-right: 20px;
	box-sizing: border-box;
}
.footer-kontakt,
.max-width-outside,
.max-width-large,
#header .inside,
.slider-control-wrapper {
	max-width: 1540px;
	margin-left: auto;
	margin-right: auto;
	padding-left:20px;
	padding-right:20px;
	box-sizing:border-box;
}
#container .mod_article.no-max-width {
	max-width: 100%;
	margin-left: unset;
	margin-right: unset;
	padding-left:unset;
	padding-right:unset;
	box-sizing:border-box;
}
/*#container,*/
/*#footer .inside {
	padding-left:20px;
	padding-right:20px;
}*/
img {
	display:block;
}
.home .logo {
	max-width: 220px;	
}
.logo {
	max-width: 120px;
	width:100%;
	float:left;
	padding-bottom: 20px;
}
.social {
    position: absolute;
    right: 30px;
    /*top: 30px;*/
    top:0;
}
.social a {
	float:left;
}
.social a:last-of-type {
	padding-left:5px;
}
.social img{
	height:30px;
	width:auto;
}
h1, h2, h3, h4 {
	font-weight:400;
}
h3 {
	font-size:1em;
	margin-top:1em;
}
.ce_text a {
	color:#00332a;
	text-decoration:none;
}
.ce_text a:hover {
	text-decoration:underline;
}
#container {
	padding-bottom:100px;
}
#footer {
    background-color: rgba(0,51,42,0.75);
    position: relative;
    bottom: 0;
    width:100%;
    font-size: 0.9em;
    z-index:10;
}
.footer-kontakt {
	box-sizing: border-box;
	color: #ffffff;
	padding-top: 10px;
	padding-bottom: 10px;
}
.footer-kontakt a {
	color:#ffffff;
	text-decoration:none;
}
.footer-menu {
	position: absolute;
	top: 10px;
	right: 30px;
	color:#ffffff;
	font-weight:400;
}
.footer-menu a{
	color:#ffffff;
	text-transform:uppercase;
	text-decoration:none;
}
/* btn */
#header {
	padding-top:20px;
}
#header .btn {
	width:65px;
	cursor:pointer;
	float:left;
	margin-right:10px;
	display:none;
}
#header .btn img:nth-child(1){
	margin-left:-36px;
}
#header .btn img:nth-child(2){
	margin-left:-19px;
}
/*#header .btn:hover img:nth-child(1),
#header .btn:hover img:nth-child(2),
#header .btn:hover img:nth-child(3)*/
.nav-open #header .btn img:nth-child(1),
.nav-open #header .btn img:nth-child(2),
.nav-open #header .btn img:nth-child(3){
	margin-left:0;	
}
/* nav */
.nav-open #header nav {
	margin-left:0;
}
#header nav {
	float:left;
	padding-top:8px;
	/* margin-left:-100%;*/
}
#header nav ul li {
	float:left;
	display:inline-block;
	padding-bottom:5px;
}
#header nav ul li a,
#header nav ul li a.trail,
#header nav ul li strong{
	text-transform:uppercase;
	color:#a9b2a9;
	font-weight:600;
	text-decoration:none;
	position:relative;
}
#header nav ul li:not(:last-of-type):after {
	content:'|';
	color:#a9b2a9;
	padding-left:5px;
	padding-right:5px;
}
#header nav ul li strong:after,
#header nav ul li a.trail:after,
#header nav ul li a:hover:after{
	content: "";
	width: 50px;
	height: 1px;
	display: block;
	background-color: #00332a;
	margin-left: auto;
	margin-right: auto;
	position: absolute;
	left: 0;
	right: 0;
	top:21px;
}
/* home */
.home-large {
	font-size: 2em;
    margin-top: 5px;
    text-align:center;
    margin-top:10px;
}
.home-kontakt {
	position:absolute;
	top:0;
}
.home-kontakt a{
	font-weight:400;
	color:#00332a;
	text-decoration:none;
}
.cookiebar {
	background-color:#3c615a;
	color:#ffffff;
}
.cookiebar__button,
.cookiebar__button:hover{
	background-color:#ffffff;
	color: #3c615a;
}
.cookiebar__link {
	color:#ffffff;
}
/* neu */
.headline-stufe {
	display:flex;
}
.headline-stufe .inside-wrapper {
	margin-left: auto;
	margin-right: auto;
}
.headline-stufe h2{
	color:#00332a;
	font-size:2em;
	float:left;
	clear:both;
	font-weight:300;
	line-height:1em;
	padding-bottom:0;
}
.headline-stufe h2:nth-child(2){
	margin-left:50px;
}
.headline-stufe h2:nth-child(3){
	margin-left:100px;
}
.col-3.kreis figure {
	width:330px;
	height:330px;
	float:left;
	padding-right:30px;
}
/* bilder-banner */
.items-6 {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    grid-gap: 20px;
}
.items-5 {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-gap: 20px;
}
.items-4 {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 20px;
}
.items-3 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 20px;
}
.items-6 .ce_image,
.items-5 .ce_image,
.items-4 .ce_image,
.items-3 .ce_image{
	position:relative;
}
.items-6 figcaption,
.items-5 figcaption,
.items-4 figcaption,
.items-3 figcaption,
.kreis-caption figcaption,
.kreis-wrapper{
	width: 50px;
	height: 50px;
	border-radius: 100%;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	background-color: #cdd7cb;
	position: absolute;
	right: 10px;
	bottom: 10px;
	line-height: 50px;
	padding: 4px;
	font-size: 11px;
	text-transform: uppercase;
	font-weight: bold;
	text-align: center;
	display: table;
	line-height: 1em;
	/*word-wrap: break-word;
	overflow-wrap: break-word;*/
	-webkit-hyphens: auto;
	   -moz-hyphens: auto;
	        hyphens: auto;
	 z-index:10;
}
.jobs figcaption {
width: 200px;
height: 200px;
font-size: 16px;
padding: 10px;
box-sizing: border-box;
line-height: normal;
right:20px;
bottom:20px;
}
figcaption span.va,
.kreis-caption figcaption span.va,
.kreis-inside{
	display: table-cell;
	vertical-align: middle;
}
.kreis-caption figcaption span.va,
.kreis-inside{
	font-weight:400;
}
/* classes */
.kreis figure img{
	border-radius: 100%;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	/*width: 150px;
	height: 150px;*/
	overflow: hidden;
	margin-left: auto;
	margin-right: auto;
}
/* fonts */
.handwriting {
  font-family: 'Covered By Your Grace';
  font-style: normal;
  font-weight: 400;
  font-size:1.5em;
}
span.important {
	font-weight:600;
	font-style:italic;
}
h2 {
	font-weight:600;
	font-size:1em;
	padding-bottom:1em;
	text-transform:uppercase;
}
strong {
	font-weight:600;
}
/* margin padding */
.headline-stufe {
	display:flex;
	margin-top:100px;
	margin-bottom:50px;
}
.bilder-banner,
.team.kreis,
.team-zitate,
.projekte-text,
.kontaktformular{
	margin-top:50px;
}
.timeline-style h2{
	margin-top:100px;
}
/* ueber uns */
.col-2 {
	column-count:2;
	column-gap:20px;
}
/* team */
.team.kreis {
	display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-gap: 20px;
}
.team.kreis .ce_text {
	position: relative;
	overflow: visible;
	margin-bottom: 3em;
}
.team.kreis img {
	width: 100%;
	height: 100%;
	border-radius: 100%;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	width: 100%;
	height: 100%;
	overflow: hidden;
	margin-left: auto;
	margin-right: auto;
}
.team.kreis figcaption {
	position: absolute;
    bottom: -2em;
    text-align: center;
    width: 100%;
}
.team.kreis .content {
	width: 100%;
	height: 100%;
	border-radius: 100%;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	overflow: hidden;
	margin-left: auto;
	margin-right: auto;
	background-color: rgba(0,45,36,0.75);
	position: absolute;
	z-index: 2;
	top: 0;
	opacity:0;
	transition:all ease 0.5s;
	padding: 10px;
	box-sizing: border-box;
	color: #ffffff;
	text-align: center;
	display:block;
	/*word-wrap: break-word;
	overflow-wrap: break-word;*/
	-webkit-hyphens: auto;
	   -moz-hyphens: auto;
	        hyphens: auto;
}
.display-table {
    display: table;
    height: 100%;
    width: 100%;
}
.team.kreis .content-inside {
	display: table-cell;
	vertical-align: middle;
}
.team.kreis .content a {
	text-decoration:none;
	color:#ffffff;
}
.team.kreis .ce_text:hover .content {
	opacity:1;
}
.team.kreis .no-content {
	display:none;
}
/* team-slider */
.team-zitate {
	display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 40px;
}
.team-zitate .ce_text {
	padding-left: 30px;
	padding-right: 30px;
	text-align:center;
}
.team-zitate .zeichen-wrapper:before {
	content: '„';
	margin-left: -21px;
	margin-top: -14px;
	float: left;
	font-size: 2em;
	font-weight: 600;
}
.team-zitate .zeichen-wrapper:after {
	content:'“';
	float: right;
	font-size: 2em;
	font-weight: 600;
	margin-top: -30px;
	margin-right: -21px;
}
/* projekte */
.item-3 {
	display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 20px;
}
.hover-element .ce_text {
	position:relative;
}
.hover-element figure {
	width:100%;
	height:100%;
}
.hover-element .content {
    width: 100%;
    height: 100%;
    /* overflow: hidden; */
    margin-left: auto;
    margin-right: auto;
    background-color: rgba(0,45,36,0.75);
    position: absolute;
    z-index: 2;
    top: 0;
    opacity: 1;
    transition: all ease 0.5s;
    padding: 10px;
    box-sizing: border-box;
    color: #ffffff;
    text-align: center;
    display: block;
    hyphens: auto;
    cursor:pointer;
    top:0;
    bottom:0;
}
.hover-element .content-inside {
    display: table-cell;
    vertical-align: middle;
}
.hover-element .ce_text:hover .content {
	opacity:0;
	transition:all ease 0.5s;
}
.kategorien.hover-element .content {
	/*font-size:2.5em;*/
	font-size:2.3em;
    text-transform:uppercase;
    color:#a9b2a9;
    line-height:1em;
}
/* kontakt */
#container .mod_article.no-max-width.team.kontakt {
	padding-right:40px;
}
.team.kreis.kontakt {
	width:50%;
	float:left;
}
.team.kreis.kontakt{
	display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 20px;
	justify-items: end;
}
.team.kreis.kontakt .ce_text{
	width:216px;
	margin-right:30px;
}
/* formular */
.kontaktformular {
	float:left;
}
.kontaktformular input,
.kontaktformular textarea {
    border-radius: 0;
    height: auto;
    color:#00332a;
    font-size:1em;
    font-weight:300;
    font-family: 'Source Sans Pro';
}
.kontaktformular {
	max-width: 100%;
	font-size:1em;
	box-sizing:border-box;
	text-transform:uppercase;
}
.kontaktformular ::placeholder,
.kontaktformular .submit{
	color: #00332a;
	font-size: 1em;
	text-transform:uppercase;
	font-weight:300;
    font-family: 'Source Sans Pro';
    opacity:1;
}
.kontaktformular input,
.kontaktformular textarea,
.kontaktformular button {
    border: 1px solid #002d24;
    margin-bottom:10px;
}
fieldset {
    border:none;
}
.kontaktformular input:focus,
.kontaktformular input:hover,
.kontaktformular textarea:focus,
.kontaktformular textarea:hover {
    border: 1px solid #00332a;
}
.kontaktformular textarea {
    min-width: 100%;
    width:100%;
    box-sizing:border-box;
    max-width: 500px;
    min-height: 250px;
    height: auto;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
}
.kontaktformular input {
	min-width: 100%;
    width:100%;
    box-sizing:border-box;
    max-width: 500px;
}
.kontaktformular input,
.kontaktformular button{
    /*min-width: 500px;*/
    min-height: 45px;
    padding-left: 10px;
    padding-right: 10px;
    color:#00332a;
    font-size:1em;
}
.kontaktformular button,
.kontaktformular .formular-button{
    color:#00332a;
    border: 1px solid #00332a;
}
.kontaktformular button.submit,
.kontaktformular input.button-half,
.kontaktformular .formular-button{
    min-width: 50%;
    box-sizing:border-box;
    text-align:left;
}
.kontaktformular .formular-button {
    min-height: 45px;
    padding-left: 10px;
    padding-right: 10px;
    color:#00332a;
    font-size:1em;
    float:left;
    text-decoration:none;
    line-height:45px;
}
.kontaktformular a.formular-button:hover {
	text-decoration:none;	
}
.submit:hover,
.submit:focus {
    cursor: pointer;
}
.explanation {
    padding-bottom: 20px;
    line-height: 1.5em;
    font-style: italic;
    color: #00332a;
    font-size:0.8em;
}
.explanation a {
	color:#00332a;
	text-decoration:none;
}
.explanation a:hover {
	text-decoration:underline;
}
.kontaktformular input,
.kontaktformular textarea,
.kontaktformular button.submit{
    background: rgba(0, 0, 0, 0);
}
.kontaktformular button.submit {
	background-color:rgba(0,51,42,0.75);
	color:#ffffff;
}
/*.submit {
    transition: all .4s ease-in-out;
        -webkit-transition: all .4s ease-in-out;
        -moz-transition: all .4s ease-in-out;
    padding-top:1px;
    background-color:#f4f4f4;
    font-size:1em;
    font-weight:bold;
    font-family: 'Roboto',sans-serif;
    text-transform:uppercase;
}
.submit:hover,
.submit:focus {
    background-color:#8db12b;
    color:#ffffff;
    border:1px solid #8db12b !important;
    cursor: pointer;
}*/

/* timeline */
/* timeline */p
.timeline__item::after {
	background-color:#373636 !important;
}
.timeline__item::after {
	/*border: 2px solid #002d24 !important;*/
	border:0 !important;
}
.timeline__content::after, .timeline__content::before { 
	content:none !important;	
}
.timeline__content {
	background:none !important;
	border:none !important;
	text-align:center;
}
.timeline .timeline__content p {
	color:#00332a;
	/*font-size:0.9em;*/
	font-size:13px;
	line-height:1em;
	text-transform:uppercase;
}
.geschichte .timeline .timeline__content p {
    font-size: 12px;
}
.timeline__content h2 {
	color:#00332a;
}
.timeline--horizontal .timeline-divider {
	background-color: #002d24 !important;
	height:1px !important;
}
.timeline-nav-button {
    background-color: transparent !important;
    border: none !important;
}
.timeline-nav-button::before {
    left: 0 !important;
    -webkit-transform: translateX(0) translateY(-50%) !important;
    -ms-transform: translateX(0) translateY(-50%) !important;
    transform: translateX(0) translateY(-50%) !important;
    width:18px !important;
    height:30px !important;
}
.timeline-nav-button {
	width:18px !important;
}
.timeline-style .timeline-nav-button--prev::before {
    /*background-image: url(/files/dist/images/pfeil-prev.png) !important;
    background-size: 100%;*/
    background-position:left;
}
.timeline-style .timeline-nav-button--next::before {
    /*background-image: url(/files/dist/images/pfeil-next.png) !important;
    background-size: 100%;*/
    background-position:right;
}
@media only screen and (min-width: 701px) {
	.timeline__item.timeline__item--top {
		/*transform: translateY(-100%) !important;*/
		padding: 0 0 0 !important;
	}
	.timeline__item.timeline__item--bottom {
		/*transform: translateY(-100%) !important;*/
		transform:none !important;
		padding: 0 0 0 !important;
	}
	.timeline__content {
		/*padding:0 10px !important;*/
		padding:0 !important;
	}
	/*.timeline--horizontal .timeline__item::after {
		top:0 !important;
	}*/
	/*.timeline--horizontal .timeline__item .timeline__content__wrap {
		vertical-align:top !important;
	}*/
	/*.timeline-horizontal {
		padding:0 !important;
	}*/
	/*.timeline--horizontal .timeline-divider {
		left:15px !important;
		right:15px !important;
	}*/
	/*.timeline--horizontal {
		margin-top:-120px !important;
	}*/
	.timeline-style .timeline--horizontal .timeline__item {
		vertical-align:bottom;
	}
	.timeline-style .timeline--horizontal .timeline__item .timeline__content__wrap {
		vertical-align:bottom !important;
	}
	.timeline-style .timeline__content p {
	    /*margin-bottom: 20px;*/
	    margin-bottom: 15px;
	}
	.timeline-style.geschichte .timeline__content p {
	    margin-bottom: 5px;	
	}
	.timeline:not(.timeline--horizontal)::before {
		background-color:transparent !important;
		display:none;
	}
	.timeline-style .timeline--horizontal .timeline-divider {
		left:0;
		right:0;
	}
	.timeline-style .timeline__item::after {
	    background-color: #002d24;
	    border: 0 !important;
	    border-radius: unset;
	    content: '';
	    /*height:15px;*/
	    height: 10px;
	    position: absolute;
	    right: -10px;
	    -webkit-transform: unset;
	    -ms-transform: 0;
	    transform: unset;
	    top: 0;
	    width: 2px;
	    z-index: 1;
	}
	.timeline-style.geschichte .timeline__item::after {
    	background-color: transparent;
	}
}
/* timeline tf */
@media only screen and (min-width: 1101px) {
	.timeline-style .timeline-nav-button {
		display:none;
	}
}
@media only screen and (max-width: 1100px) {
	#container .mod_article.no-max-width.timeline-style {
		padding-left:20px;
		padding-right:20px;
	}
	.no-max-width.timeline-style .max-width-large {
		padding-left:0;
		padding-right:0
	}
	.timeline-style .timeline--horizontal {
	    margin-top: 0;
	}
}
@media only screen and (max-width: 700px) {
	.timeline-style .timeline__content p {
		text-align:left;	
	}
	.timeline-style .timeline__item::after {
	    background-color: #002d24;
	    border: 0 !important;
	    border-radius: unset;
	    content: '';
	    height: 2px;
	    position: absolute;
	    right: -10px;
	    -webkit-transform: unset;
	    -ms-transform: 0;
	    transform: unset;
	    top: 0;
	    width: 15px;
	    z-index: 1;
	}
	.timeline-style .timeline__content {
		padding-top:0;
		padding-bottom:30px;
	}
	.timeline-style .timeline:not(.timeline--horizontal)::before {
	    background-color: #002d24;
	    width: 2px;
	}
	.timeline-style .timeline__item::after {
    	margin-left: 8px !important;
    	margin-top: 6px !important;
	}
	.timeline-style .timeline__items {
		padding-top:45px;
	}
	.timeline-style .timeline--horizontal .timeline-divider {
		left:2px !important;
		right:2px !important;
	}
}
.timeline-style .timeline--horizontal .timeline__item::after {
    left: 50%;
    right: auto;
    -webkit-transform: translate(-100%,-100%);
    -ms-transform: translate(-100%,-100%);
    transform: translate(-100%,-100%);
    top: 100%;
}
.timeline--horizontal {
	margin-top:-30px;
}
.timeline-style.geschichte .timeline--horizontal {
	margin-top:30px;
}
.timeline-style .timeline--mobile .timeline__item {
    padding-left: 20px;
    padding-top: 0;
}
.timeline-style .timeline-nav-button:disabled {
	opacity:0;
}
.timeline-style .timeline--horizontal {
	padding:0;
}
/* timeline geschichte */
.timeline-style.geschichte h3 {
	font-weight:bold;
}
.timeline-style.geschichte img {
	margin-left: auto;
	margin-right: auto;
	position: absolute;
	left: 0;
	right: 0;
	/*padding: 20px;*/
	padding:10px 20px;
	max-width:150px;
	z-index:1;
}
/*.timeline-style.geschichte .timeline__wrap {
	min-height: 246px;
}*/
/*.timeline-style.geschichte .img-wrapper {
	margin-bottom:-100%;
    position:absolute;
    box-sizing:border-box;
    width:100%;
    height:100%;
}
.timeline-style.geschichte .img-wrapper img {
	margin-left:auto;
	margin-right:auto;
	position:relative;
	box-sizing:border-box;
	padding: 0 10px !important
}

.timeline-style.geschichte .timeline__items {
	margin-bottom:60px;
}*/
/* timeline projekte */
.timeline-style.projekte {
	margin-bottom:-10px;
}
.timeline-style.projekte .timeline__items {
	height: auto !important;
	padding-bottom:10px;
}
.timeline-style.geschichte .timeline__items {
	height: auto !important;
	padding-bottom:130px;
}
.timeline-style .timeline__wrap{
	max-width: 1800px;
	margin-left: auto;
	margin-right: auto;
}
/* galerie */
.galerie .einleitung {
	width:50%;
}
.galerie .einleitung h2{
	color:#a9b2a9;
	text-transform:uppercase;
	font-weight:600;
}
.item-4 {
	display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 10px;
}
.galerie-text {
	margin-top:40px;
}
.galerie-text.hover-element .content {
    opacity: 0;
    color: #a9b2a9;
    hyphens:none;
}
.galerie-text.hover-element .ce_text:hover .content {
	opacity:1;
}
.galerie-text.hover-element .content h3:nth-child(1){
    margin-bottom:1em;
}
.galerie-text h3{
	text-transform:uppercase;	
}
.galerie-text.hover-element .content p{
    margin-bottom:2em;
}
.galerie-text a.mehr-link,
.link-kategorie a{
    position: absolute;
    display: block;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    text-indent: -9999px;
    z-index: 1000;
}
.galerie-details .ce_text {
	padding:10px 0;
	/*position: fixed;*/
	/*bottom: 70px;*/
	/*bottom:55px;*/
	z-index: 100;
	background-color: rgba(0,51,42,0.75);
	left: 0;
	right: 0;
	margin-bottom: 80px;
	margin-top: 10px;
}
.galerie-details .ce_text h2,
.galerie-details .ce_text p{
	color:#a9b2a9;
	float:left;
	padding-right:90px;
}
.galerie-details .kreis-wrapper {
	height: 50px;
	width: 50px;
	float: left;
	position: unset;
}
.galerie-details .kreis-wrapper a {
	font-size: 10px;
	line-height: 10px;
	text-decoration:none;
}
/* SLIDER */
.no-padding #container {
	padding-bottom:0;
}
/*.content-slider{
	margin-bottom:10px;
}*/
.slider-control-wrapper {
	width:100%;
    height: auto !important;
    /*position: absolute;*/
    position:fixed;
    top: calc(50% - 25px);
	transform: translateY(-50%);
	z-index: 30;
}
.ce_sliderStart.block {
	position:relative;
}
.slider-control a, .slider-control .slider-menu {
	top:0;
}
.slider-control {
	height:0;
}
.slider-control .slider-menu {
	display:none;
}
.slider-control img {
	width: auto;
	height: 50px;
}
/* additional */
.slider-control a {
	position:relative;
}
.slider-control a.slider-prev {
	float:left;
}
.slider-control a.slider-next {
	float:right;
}
/*
.slider .slider-control .slider-prev {
    left: 20px;
}
.slider .slider-control .slider-next {
    right: 20px;
}*/
/* close */
.close {
	float:right;
}
.close a {
	text-decoration:none;
	color:#a9b2a9;
	font-size:1.2em;
	font-weight:bold;
}
.close a:hover {
	text-decoration:none;
	color:#ffffff;
}
/* galerie neu */
.ce_gallery ul {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-gap: 10px;
}
#cboxContent {
    margin-top: 0 !important;
}
#cboxCurrent {
	display:none !important;
}
/* sub menu */
.sub-menu {
	margin-bottom:20px;
	font-size:13px;
}
.sub-menu a,
.sub-menu span {
	text-transform: uppercase;
	color: #a9b2a9;
	font-weight: 600;
	text-decoration: none;
	position: relative;
	text-decoration:none;
	padding-bottom:10px;
}
.sub-menu li {
	display:inline-block;
}
.sub-menu li:not(:last-of-type)::after {
    content: '|';
    color: #a9b2a9;
    padding-left: 5px;
    padding-right: 5px;
    font-weight:400;
}
.sub-menu span:after,
.sub-menu a:hover:after{
	content: "";
	width: 50px;
	height: 1px;
	display: block;
	background-color: #00332a;
	margin-left: auto;
	margin-right: auto;
	position: absolute;
	left: 0;
	right: 0;
	top: 21px;
	font-weight:400;
}
.galerie-details .ce_sliderStart {
	max-width: 1920px;
	margin-left: auto;
	margin-right: auto;
}
.tour {
	margin-top:100px;
}
.jobs .headline-stufe {
	text-align:center;
	margin-top:75px;
}
.jobs .ce_text ul {
	margin-left: 27px;
}
.jobs .col-3.kreis figure {
	height:100%;
	padding-right:0;
}
.jobs .col-3.kreis figure img{
	padding-right:10px;
	padding-bottom:10px;
	box-sizing:border-box;
}
.jobs .ce_text a {
	text-decoration:underline;
}
.jobs .sub-menu {
	margin-top:25px;
}
.jobs .sub-menu li:first-of-type::after {
    content: '';
}
.sub-menu a.no-hover:hover::after {
	background-color:transparent !important;	
}
.jobs .sub-menu li {
	line-height:40px;
}
.job figcaption a {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
}
/* LP */
.above-fold .ce_text {
	margin-top:50px;
	margin-bottom:50px;
	width:50%;
	float:left;
}
.above-fold .ce_image {
	float: right;
	max-width: 30%;
	margin-bottom: -140px;
	margin-top: -30px;
}
.content a.cta,
.hell .ce_text a.cta {
	background-color: rgba(0,51,42,0.75);
	padding: 10px 15px;
	display: inline-block;
	color: #fff;
	margin-top: 2em;
	cursor: pointer;
}
.ce_text a.cta,
a.cta.hell {
  background-color: #ffffff;
  padding: 10px 15px;
  display: inline-block;
  color: rgba(0,51,42,1);
  margin-top: 2em;
  cursor: pointer;
  font-weight:600;
  margin-right:20px;
}
.ce_text a.cta:hover {
	text-decoration:none;
}
.above-fold h1 {
	font-size: 40px;
	max-width: 630px;
	margin-top:10px;
}
.above-fold h2 {
	text-transform:unset;
}
.above-fold ul {
	margin-left: 27px;
	margin-top:20px;
	margin-bottom:10px;
	line-height:1.6em;
}
.above-fold.hell {
	background-color: rgba(0,51,42,0.2);
}
.above-fold {
  background-color: rgba(0,51,42,0.85);
  color: #ffffff;
	overflow: visible;
	margin-top:20px;
}
.above-fold,
.social-proof {
	float: left;
	width: 100%;
}
.cta-header {
  float: right;
  padding-top: 2px;
  position: relative;
}
.cta-header a{
  margin-left: 0;
  display: inline-block;
  color: #00332a;
  text-decoration: none;
  padding-left: 20px;
  font-size: 16px;
  line-height: 28px;
}
.cta-header img {
  height: 17px;
  width: auto;
  position: absolute;
  top: 8px;
}
.col-4 {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 50px;
    margin-top: 50px;
}
.col-5 {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-gap: 50px;
    margin-top: 50px;
}
/* social proof */
.social-proof {
	padding-top:40px;
	padding-bottom:60px;
}
.social-proof .ce_text {
	float:left;
	padding-right:60px;
}
.sterne img {
	max-height:20px;
	width:auto;
	display:inline;
	padding-left:2px;
}
.sterne .countfect {
  min-width: 39px;
  float: left;
}
span.count {
	font-size:30px;
	font-weight:600;
}
span.count.last {
	padding-right:5px;
}
.social-proof .countfect.digits-2 {
	width:40px;
	position:relative;
	text-align:right;
	display:inline-block;
}
.social-proof .countfect.digits-3 {
	width:57px;
	position:relative;
	text-align:right;
	display:inline-block;
}
.social-proof .countfect.digits-4 {
	width:67px;
	position:relative;
	text-align:right;
	display:inline-block;
}
/* social proof ende */
.content h2.ce_headline {
	margin-top:50px;
	margin-bottom:0;
	padding:0;
	color: rgba(0,51,42,0.5);
/*	border-bottom: 2px solid #00332a;*/
	border-bottom: 2px solid rgba(0,51,42,0.5);
}
.content h3 {
	font-size:40px;
	padding:0;
	margin:0;
}
.content h4 {
	font-size:20px;
	margin-bottom:10px;
}
.content a.cta {
	background-color: rgba(0,51,42,0.75);
	padding: 10px 15px;
	display: inline-block;
	color: #fff;
	margin-top: 50px;
	cursor: pointer;
}
.bg {
  background-color: rgba(0,51,42,0.85);
  color: #ffffff;
	margin-top:100px;
	margin-bottom:100px;
	padding-top:50px;
	padding-bottom:50px;
}
.bg .headline-stufe h2{
	color:#ffffff;
}
.bg.content h2.ce_headline {
	color:#ffffff;
	border-bottom: 2px solid #ffffff;
	margin-top:0;
}
.bg.content h2 {
	color:#ffffff;
}
p {
	line-height:1.4em;
	font-size:17px;
}
a.cta.hell {
  background-color: #ffffff;
  padding: 10px 15px;
  display: inline-block;
  color: rgba(0,51,42,1);
  margin-top: 2em;
  cursor: pointer;
  font-weight:600;
  margin-right:20px;
}
.padding {
	padding-top:100px;
}
.galerie-text h3,
.galerie-text a.h3 {
  font-size: 1em;
  margin-top: 1em;
}
.img-rund img {
	border-radius:100%;
}
altcha-widget {
	width: 100%;
	display: inline-block;
}
.altcha {
	border: 0 !important;
	max-width: 500px !important;
	border-radius: 0 !important;
}
.altcha-main {
	border: 1px solid #002d24;
	margin-bottom: 10px;
	border-radius: 0;
	width: 100%;
	box-sizing: border-box;
}
.altcha-checkbox input {
	margin-bottom:0;
}
.above-fold h1 {
	margin-bottom:10px;
}
br.mobile {
	display:none;
}
@media only screen and (min-width: 1680px) {
/*
	.footer-kontakt, .max-width-outside {
		width: calc(100% - 60px);
	    max-width: 2500px;
	}
	.max-width {
		width:calc(100% - 400px);
	    max-width: 1920px;
	}
	.logo {
		width: 15%;
	    max-width: 375px;
	}
*/
}
@media only screen and (min-width: 2500px) {
	.slider-control-wrapper {
	    position: absolute;
	}
}
@media only screen and (min-width: 1540px) {
	.slider-control-wrapper {
	    max-width: 1920px;
	}
}
@media only screen and (min-width: 1500px) {
		.danke-seite #footer {
		position:fixed;
	}
}
@media only screen and (max-width: 1440px) {
	.home-kontakt {
		position:relative;
		margin-top:3em;
	}
	/*#container {
	    max-width: 840px;
	    margin-left: auto;
	    margin-right: auto;
	    padding-left: 20px;
	    padding-right: 20px;
	    box-sizing: border-box;
	}*/
	.max-width {
		padding:0;
	}
	.padding {
	  padding-top: 50px;
	}
}
@media only screen and (max-width: 1150px) {
	.footer-menu {
		position: relative;
		top: auto;
		right: auto;
		padding-bottom: 10px;
		padding-left:20px;
		padding-right:20px;
	}
	.footer-menu {
		max-width: 1240px;
		margin-left: auto;
		margin-right: auto;
	}
}
/* responsive */
@media only screen and (max-width: 1250px) {
	/*#header .btn {
		display:block;
	}
	#header nav {
    	margin-left: -120%;
	}*/
	.nav-open #header nav {
		margin-bottom:20px;
	}
	.nav-open .logo {
    	max-width: 0;
    	transition:all ease 0.5s;
    	padding-bottom: 0;
	}
	.nav-open  #header {
    	padding-bottom: 20px;
	}
}
@media only screen and (max-width: 650px) {
	/* menu */
	#header nav ul li {
		float:none;
		display:block;
	}
	#header nav ul li:not(:last-of-type)::after {
    	content: '';
	}
	#header nav ul li strong::after, #header nav ul li a.trail::after, #header nav ul li a:hover::after {
    	margin-left: unset;
    	margin-right: unset;
	}
	.nav-open #header nav {
    	width: calc(100% - 120px);
	}
	.nav-open .logo {
    	max-width: 0;
    	transition:none;
    	padding-bottom: 0;
	}
}
@media only screen and (max-width: 1200px) {
	.kategorien.hover-element .content {
    	font-size: 1.7em;
	}
}
@media only screen and (max-width: 1100px) {
	.item-4{
	    display: grid;
	    grid-template-columns: repeat(3, 1fr);
	    grid-gap: 10px;
	}
	.galerie .einleitung {
		width:66.66%;
	}
}
@media only screen and (max-width: 1024px) {
	.col-3.kreis figure {
	    width: 250px;
	    height: 250px;
	    padding-right: 30px;
	    margin-bottom: 50px;
	}
	.kreis .max-width {
		width:100%;
		padding-left:290px;
	}
	.items-6,
	.items-5 {
	    display: grid;
	    grid-template-columns: repeat(3, 1fr);
	    grid-gap: 20px;
	}
	.items-4 {
	    display: grid;
	    grid-template-columns: repeat(2, 1fr);
	    grid-gap: 20px;
	}
	.team.kreis {
	    display: grid;
	    grid-template-columns: repeat(4, 1fr);
	    grid-gap: 20px;
	}
	.kategorien.hover-element .content {
    	font-size: 1.4em;
	}
	.above-fold .ce_image {
		max-width:40%;
	}
	.col-5 {
		  display: grid;
		  grid-template-columns: repeat(3, 1fr);
		  grid-gap: 50px;
		  margin-top: 50px;
	}
	.ce_text a.cta:nth-child(2),
	a.cta.hell:nth-child(2),
	.content a.cta:nth-child(2) {
		margin-top:20px;
	}
	.footer-menu {
		margin-top:15px;
	}
	br.mobile:nth-child(2) {
		display:block;
	}
}
@media only screen and (max-width: 950px) {
	#container {
		padding-bottom:50px;
	}
	#footer {
		position:relative;
	}
	.galerie-details .ce_text {
	    position: relative;
	    bottom: 0;
	    margin-bottom: 10px;
		margin-top: 10px;
	}
	.slider-control-wrapper {
	    width: 100%;
	    height: auto !important;
	    position: absolute;
	    top: calc(50% - 0px);
	}
}
@media only screen and (max-width: 850px) {
	.team.kreis.kontakt {
		width:auto;
		padding-left:20px;
	}
	.team.kreis.kontakt .ce_text {
	    width: 180px;
	    margin-right: 0px;
	}
	.kontaktformular {
		float:right;
		max-width: calc(100% - 200px) !important;
	}
	#container .mod_article.no-max-width.team.kontakt {
	    padding-right: 20px;
	    padding-left:20px;
	}
	#container .mod_article.no-max-width.kontaktformular {
		padding-right:20px;
	}
	.item-4 {
	    display: grid;
	    grid-template-columns: repeat(2, 1fr);
	    grid-gap: 10px;
	}
	.galerie .einleitung {
		width:100%;
	}
	.ce_gallery ul{
	    display: grid;
	    grid-template-columns: repeat(2, 1fr);
	    grid-gap: 10px;
	}
	.col-4 {
		  display: grid;
		  grid-template-columns: repeat(2, 1fr);
		  grid-gap: 50px;
		  margin-top: 50px;
	}
	.above-fold h1,
	.content h3 {
	font-size: 30px;
	}
	.galerie-text h3 {
		font-size:1em;
	}
	br.mobile {
		display:block;
	}
}
@media only screen and (max-width: 800px) {
	.col-3.kreis figure {
	    width: 180px;
	    height: 180px;
	    padding-right: 30px;
	    margin-bottom: 10px;
	}
	.jobs .col-3.kreis figure {
		height:100%;
		margin-bottom:20px;
	}
	.kreis .max-width {
		width:100%;
		padding-left:0;
	}
	.items-6,
	.items-5{
	    display: grid;
	    grid-template-columns: repeat(2, 1fr);
	    grid-gap: 20px;
	}
	.team.kreis {
	    display: grid;
	    grid-template-columns: repeat(3, 1fr);
	    grid-gap: 20px;
	}
	.kategorien.hover-element .content {
    	font-size: 1.2em;
	}
	.items-3 {
	    display: grid;
	    grid-template-columns: repeat(2, 1fr);
	    grid-gap: 10px;
	}
	#timeline-horizontal .timeline__content p br {
		display:none;
	}
	.jobs .sub-menu li {
	  line-height: 30px;
	  display: block;
	}
	.jobs .sub-menu li:not(:last-of-type)::after {
		content: '';
	}
	.jobs-details .ce_text.einleitung {
		display:none;
	}
}

@media only screen and (max-width: 750px) {
.above-fold .ce_text {
	width:100%;
}
.above-fold .ce_image {
	margin-bottom:-200px;
	margin-top:0;
}
.above-fold .ce_image.img-rund {
	margin-top:-30px;
}
.social-proof .ce_text {
	float:left;
	clear:both;
	padding-bottom:20px;
}
span.desktop {
	display:none;
}
	.col-5 {
		  display: grid;
		  grid-template-columns: repeat(2, 1fr);
		  grid-gap: 50px;
		  margin-top: 50px;
	}
	.content h2.ce_headline {
		margin-top:100px;
	}
	.bg {
		margin-bottom:0;
	}
	.padding {
		padding-top:0;
	}
}
@media only screen and (max-width: 700px) {
	.kontaktformular .formular-button {
	    min-width: 100%;
	    margin-top: 50px;
	}
	.timeline-style.geschichte h3 {
		text-align:left;
	}
	.timeline-style.geschichte img {
	    margin-left: unset;
	    margin-right: unset;
	    position: relative;
	    padding: 0;
	    max-width: 110px;
	}
	.timeline-style.geschichte .timeline__items {
	    padding-bottom: 0;
	    padding-top: 0;
	}
	.timeline-style.geschichte {
		margin-top:30px;
	}
	.timeline-style .timeline__item:last-of-type,
	.timeline-style .timeline__content:last-of-type {
		padding-bottom:0;
	}
	.timeline-style.projekte .timeline__items {
		padding-top:20px;
		padding-bottom:0;
	}
	.timeline-style.projekte .timeline__item__inner:last-of-type p {
		margin-bottom:0;
	}
	.timeline-style.projekte .timeline__item__inner {
		margin-bottom:20px;
	}
}
@media only screen and (max-width: 600px) {
	.team.kreis {
	    display: grid;
	    grid-template-columns: repeat(2, 1fr);
	    grid-gap: 20px;
	}
	.team-zitate {
	    display: grid;
	    grid-template-columns: repeat(1, 1fr);
	    grid-gap: 20px;
	}
	.col-2 {
	    column-count: 1;
	    column-gap: 20px;
	}
	.kontaktformular {
	    max-width: calc(100% - 180px) !important;
	}
	.team.kreis.kontakt .ce_text {
    	width: 140px;
	}
}
/*@media only screen and (max-width: 580px) {
	.item-4,
	.items-3	{
	    display: grid;
	    grid-template-columns: repeat(1, 1fr);
	    grid-gap: 10px;
	    max-wisth:400px;
	    }
}*/
@media only screen and (max-width: 520px) {
.cta-header a:nth-child(even){
	display:none;
}
.cta-header {
	margin-right:20px;
}
.cta-header a {
	margin-left:15px;
}
.cta-header img {
	height:20px;
}
	.kontaktformular {
	    float: left;
	    max-width: 100% !important;
	    margin-left:20px !important;
	    box-sizing:border-box;
	    width:calc(100% - 20px);
	}
		.col-5 {
		  display: grid;
		  grid-template-columns: repeat(1, 1fr);
		  grid-gap: 50px;
		  margin-top: 50px;
	}
}
@media only screen and (max-width: 450px) {
	.col-3.kreis figure {
	    width: 180px;
	    height: 180px;
	    padding:0;
	    margin-left:auto;
	    margin-right:auto;
	    margin-bottom:20px;
	    float:none;
	}
	.kreis .max-width {
		width:100%;
		padding-left:0;
		float:left;
	}
	.items-6,
	.items-5,
	.items-4,
	.items-3{
	    display: grid;
	    grid-template-columns: repeat(1, 1fr);
	    grid-gap: 20px;
	}
	.team.kreis {
	    display: grid;
	    grid-template-columns: repeat(1, 1fr);
	    grid-gap: 20px;
	}
	.team.kreis .ce_text {
	    max-width: 220px;
	    margin-left: auto;
	    margin-right: auto;
	    text-align: center;
	}
	.item-3.max-width-middle {
	    display: grid;
	    grid-template-columns: repeat(1, 1fr);
	    grid-gap: 10px;
	    width: 100%;
	    max-width: 300px !important;
	}
	#container .mod_article.no-max-width.team.kontakt {
	    padding-right: 0;
	    width: 100%;
	}
	.team.kreis.kontakt {
	    display: grid;
	    grid-template-columns: repeat(2, 1fr);
	    grid-gap: 20px;
	    justify-items: end;
	    padding-right: 0;
	}
	.team.kreis.kontakt .ce_text {
    	width: auto;
	}
	.home-large,
	.headline-stufe h2 {
    	font-size: 1.5em;
	}
	.content-inside h3:nth-child(1),
	.content-inside h3:nth-child(2),
	.galerie-text .ce_text:hover figcaption{
		display:none;
	}
}
@media only screen and (max-width: 440px) {
	.social a {
		float:none;
	}
	.social a:last-of-type {
	    padding-left: 0;
	    padding-top: 5px;
	    float: right;
	}
}

@media only screen and (max-width: 380px) {
	.team.kreis.kontakt {
	    display: grid;
	    grid-template-columns: repeat(1, 1fr);
	    grid-gap: 20px;
	    justify-items: end;
	    padding-right: 0;
	}
	.team.kreis.kontakt .ce_text {
	    max-width: 220px;
	    margin-left: auto;
	    margin-right: auto;
	    text-align: center;
	}
	.nav-open #header nav {
	    width: 100%;
	    margin-top: 20px;
	}
	.ce_gallery ul{
	    display: grid;
	    grid-template-columns: repeat(1, 1fr);
	    grid-gap: 10px;
	}
	.above-fold .ce_image {
        margin-bottom: -30px;
	}
	.social-proof {
		margin-bottom:-75px;
	}
	.danke-seite .social-proof {
		margin-bottom:0;
	}
}
@media only screen and (max-width: 350px) {
	.home-large,
	.headline-stufe h2 {
    	font-size: 1.1em;
	}
}
/* container */
/*
@media only screen and (max-width: 950px) {
	#container {
		min-height: calc(100vh - 324px);
	}
}
@media only screen and (max-width: 724px) {
	#container {
	    min-height: calc(100vh - 342px);
	}
}
@media only screen and (max-width: 724px) {
	#container {
	    min-height: calc(100vh - 342px);
	}
}
@media only screen and (max-width: 600px) {
	#container {
	    min-height: calc(100vh - 315px);
	}
}
@media only screen and (max-width: 412px) {
	#container {
	    min-height: calc(100vh - 332px);
	}
}
@media only screen and (max-width: 384px) {
	#container {
	    min-height: calc(100vh - 370px);
	}
}*/
