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%}
#colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden;-webkit-transform:translate3d(0,0,0)}#cboxWrapper{max-width:none}#cboxOverlay{position:fixed;width:100%;height:100%}#cboxMiddleLeft,#cboxBottomLeft{clear:left}#cboxContent{position:relative}#cboxLoadedContent{overflow:auto;-webkit-overflow-scrolling:touch}#cboxTitle{margin:0}#cboxLoadingOverlay,#cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;height:100%}#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{cursor:pointer}.cboxPhoto{float:left;margin:auto;border:0;display:block;max-width:none;-ms-interpolation-mode:bicubic}.cboxIframe{width:100%;height:100%;display:block;border:0;padding:0;margin:0}#colorbox,#cboxContent,#cboxLoadedContent{box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box}#cboxOverlay{background:#000;opacity:.9;filter:alpha(opacity = 90)}#colorbox{outline:0}#cboxContent{margin-top:20px;background:#000}.cboxIframe{background:#fff}#cboxError{padding:50px;border:1px solid #ccc}#cboxLoadedContent{border:5px solid #000;background:#fff}#cboxTitle{position:absolute;top:-20px;left:0;color:#ccc}#cboxCurrent{position:absolute;top:-20px;right:0;color:#ccc}#cboxLoadingGraphic{background:url(../../assets/colorbox/images/loading.gif) no-repeat center center}#cboxPrevious,#cboxNext,#cboxSlideshow,#cboxClose{border:0;padding:0;margin:0;overflow:visible;width:auto;background:0 0}#cboxPrevious:active,#cboxNext:active,#cboxSlideshow:active,#cboxClose:active{outline:0}#cboxSlideshow{position:absolute;top:-20px;right:90px;color:#fff}#cboxPrevious{position:absolute;top:50%;left:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top left;width:28px;height:65px;text-indent:-9999px}#cboxPrevious:hover{background-position:bottom left}#cboxNext{position:absolute;top:50%;right:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top right;width:28px;height:65px;text-indent:-9999px}#cboxNext:hover{background-position:bottom right}#cboxClose{position:absolute;top:5px;right:5px;display:block;background:url(../../assets/colorbox/images/controls.png) no-repeat top center;width:38px;height:19px;text-indent:-9999px}#cboxClose:hover{background-position:bottom center}
.content-slider{overflow:hidden;visibility:hidden;position:relative}.slider-wrapper{overflow:hidden;position:relative}.slider-wrapper>*{float:left;width:100%;position:relative}.slider-control{height:30px;position:relative}.slider-control a,.slider-control .slider-menu{position:absolute;top:9px;display:inline-block}.slider-control .slider-prev{left:0}.slider-control .slider-next{right:0}.slider-control .slider-menu{top:0;width:50%;left:50%;margin-left:-25%;font-size:27px;text-align:center}.slider-control .slider-menu b{color:#bbb;cursor:pointer}.slider-control .slider-menu b.active{color:#666}
/* ubuntu-300 - latin */
@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 300;
  src: url('../../files/fonts/ubuntu-v19-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../../files/fonts/ubuntu-v19-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../files/fonts/ubuntu-v19-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../files/fonts/ubuntu-v19-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../../files/fonts/ubuntu-v19-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../files/fonts/ubuntu-v19-latin-300.svg#Ubuntu') format('svg'); /* Legacy iOS */
}
/* ubuntu-regular - latin */
@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 400;
  src: url('../../files/fonts/ubuntu-v19-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../../files/fonts/ubuntu-v19-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../files/fonts/ubuntu-v19-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../files/fonts/ubuntu-v19-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../../files/fonts/ubuntu-v19-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../files/fonts/ubuntu-v19-latin-regular.svg#Ubuntu') format('svg'); /* Legacy iOS */
}
/* ubuntu-500 - latin */
@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 500;
  src: url('../../files/fonts/ubuntu-v19-latin-500.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../../files/fonts/ubuntu-v19-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../files/fonts/ubuntu-v19-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../files/fonts/ubuntu-v19-latin-500.woff') format('woff'), /* Modern Browsers */
       url('../../files/fonts/ubuntu-v19-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../files/fonts/ubuntu-v19-latin-500.svg#Ubuntu') format('svg'); /* Legacy iOS */
}
/* ubuntu-700 - latin */
@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 700;
  src: url('../../files/fonts/ubuntu-v19-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../../files/fonts/ubuntu-v19-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../files/fonts/ubuntu-v19-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../files/fonts/ubuntu-v19-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../../files/fonts/ubuntu-v19-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../files/fonts/ubuntu-v19-latin-700.svg#Ubuntu') format('svg'); /* Legacy iOS */
}
* {
    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: 'Ubuntu';
  font-style: normal;
  font-weight: 300;
  color:#ffffff;
  background-color:#000000;
}
.leistung.en #wrapper.header-submenu-active::before {
    border-bottom: 80px solid rgba(55,54,54,0.8);
}
.leistung.en .header-submenu li{
line-height: 28px;
padding-top: 12px;
}
/* fonts */
.text-only h1 {
	font-size:5.1em;
}
.text-only h2 {
	font-size:24px;
	color:#B2B2B2;
}
.text-only a {
	text-decoration:none;
	color:#ffffff;
}
.news-sidebar h2,
.home-bloecke .ce_text:first-of-type,
.job h2{
    font-size: 50px;
    margin-bottom: 10px;
}
.leistung-detail h2 {
	font-size:40px;
}
.service-area h2,
.kontakt-area h2,
.qualitaet h2 {
	font-size:50px;
}
.kontakt-area {
	width:100%;
	max-width:610px;
	padding-right:20px;
	box-sizing:border-box;
}
.jobs .job h3{
    font-size: 50px;
    margin-bottom: 10px;
    color:#E18409;
    text-transform:uppercase;
}
.leistung-detail h2.ce_headline {
	color:#ffffff;
	margin-top:50px;
	margin-bottom:40px;
	text-align:center;
	font-size:50px;
}
.job h3.color-white {
	color:#ffffff;
}
.job h2,
.job h4,
.job p{
	color:#B2B2B2;
}
.job h3 span.color {
	color:#E18409;
}
.service-area h3,
.kontakt-area h3,
.job h4,
.home-bloecke h3{
	font-size:24px;
}
.home-bloecke h3 {
	font-weight:300;
}
.home-bloecke h3 span.color {
	color:#E18409;
	font-weight:500;
}
.headline-text{
    font-size: 24px;
    line-height: 28px;
	padding-top: 4px;
	color:#B2B2B2;
}
.home-bloecke .ce_text:not(:first-of-type) h2 {
    font-size: 24px;
	margin-top: 10px;
	margin-bottom: 10px;
	color:#B2B2B2;
}
.headline-h2 {
	font-size:50px;
	font-weight:500;
	margin-top:100px;
	margin-bottom:40px;
}
.team-member h3 {
	font-size:24px;
	margin-top:30px;
	margin-bottom:0;
	font-weight:500;
	color:#B2B2B2;
}
.team-member h4 {
	font-size:1em;
	margin-bottom:1em;
	font-weight:500;
	color:#B2B2B2;
}
.timeline__content h2 {
    font-size:24px !important;
    font-weight: 500;
    margin: 0 0 10px;
}
.news-sidebar h3 {
	font-size:24px;
	color:#B2B2B2;
}
.qualitaet .ce_text:first-of-type p{
	color:#B2B2B2;
}
.service-area .btn-border {
	margin-bottom:20px;
}
.news-area .ce_text h2 {
	color:#B2B2B2;
}
/*#header:before {
	content: "";
	position: fixed;
	height: 215px;
	width: 100%;
	top: 0;
	right: 0;
	left: 0;
	bottom:0;
	z-index: 1;
	background-color: rgba(55,54,54,0.8);
}*/
#container {
	/*z-index:0;*/
	z-index:2;
}
/* submenu */
.header-submenu {
	width: 100%;
	margin-top: 175px;
	position: fixed;
	right: 0;
	display:none;
	line-height:40px;
}
.header-submenu.active {
	display:block;
}
.header-submenu ul {
	width: calc(100% - 420px);
	float: right;
}
.header-submenu ul {
	display: flex;
	justify-content: space-between;
}
.header-submenu li.active a,
.header-submenu li a:hover{
	color:#ffffff;
}
#header {
	z-index:10;
	position:fixed;
	width:100%;
	top:0;
	padding-top:40px;
	background-color:#000000;
}
.max-width,
#header .inside,
.max-width,
#footer .inside,
.header-submenu .inside{
	max-width: 1220px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 20px;
	padding-right: 20px;
	box-sizing: border-box;
}
.custom {
	margin-top:215px;
}
/*.sub #container {
	margin-top:215px;
}
#container {
	margin-top:150px;
}*/

.logo {
	float:left;
	width:100%;
	max-width:300px;
}
.header nav {
	width: calc(100% - 420px);
	float: right;
	margin-top: 125px;
}
.header nav ul {
	display:flex;
	justify-content: space-between;
}
#header nav ul li,
#footer nav ul li,
.header-submenu ul li{
	display:inline;
	font-size:22px;
	color:#B2B2B2;
	text-decoration:none;
}
.header-submenu ul li {
	font-size:18px;
}
#header nav ul a,
#footer nav ul a,
.header-submenu ul a{
	color:#B2B2B2;
	text-decoration:none;
}
#header nav ul strong,
#header nav ul a:hover,
#footer ul strong,
#footer ul a:hover,
.header-submenu nav ul strong,
.header-submenu nav ul a:hover{
	font-weight:300;
	color:#ffffff;
}
.smaller header{
	transition:height ease 0.5s;
}
.smaller #wrapper::before,
.smaller header,
.smaller .header nav,
.smaller .header-submenu,
.smaller .logo-1{
	transition:all ease 0.5s;
}
.smaller .logo-1 {
	margin-left:-30px;
}
.smaller .logo-1 img {
	display:block;
}
.smaller header {
	/*height:115px;*/
	height:75px;
}
.smaller #wrapper.delay::before {
	z-index:5;
}
/*.sub.smaller header {
	background-color:#1E1E1E;
	border-bottom:42px solid rgba(55,54,54,0.8);
	transition:unset;
}*/
.smaller #wrapper::before {
    /*height: 115px;*/
    margin-top:-100px;
}
.smaller .header nav {
    margin-top: 29px;
}
.smaller .header-submenu {
    margin-top: 75px;
}
.smaller .logo-2 {
	display:none;
}
.smaller .logo-1 {
	max-width:150px;
}
.leitbild-headline,
.content-headline{
	width:100%;
	overflow:visible;
}
.headline {
	width: 66%;
	float: left;
	box-sizing: border-box;
	display: inline;
}
.headline-text {
    width: calc(33.33% - 20px);
    /*font-size: 1.25em;
    line-height: 1.85;*/
    margin-top: 20px;
    margin-bottom: 50px;
    display: inline;
    float:right;
}
.headline h1 {
	color: #E18409;
	text-align: right;
}
.content-headline .headline h1 {
	color:#ffffff;
}
.content-headline .headline {
	margin-bottom:50px;
	overflow:visible;
}
.content-headline .headline h1 span.color {
	color:#E18409;
	text-align: right;
	line-height:0.8em;
	float:right;
}
.headline h2 {
	color:#ffffff;
	text-align: right;
	line-height:0.8em;
}
.video_container video {
    max-width: 200%;
    height: auto;
    width: 100%;
}
#footer {
	/*background-color:rgba(30,30,30,0.5);*/
	background-color:#000000;
	/*float:left;*/
	width:100%;
	position:relative;
	z-index:10;
}
.footer-x {
	display:flex;
	justify-content: space-around;
	margin-bottom:100px;
}
.footer-x a:first-of-type img {
	height:160px;
	width:auto;
}
.footer-x a img {
	height:135px;
	width:auto;
}
.footer-x a:first-of-type {
	border-right:1px solid #ffffff;
}
nav.footer-menu {
	float:left;
}
nav.footer-menu-individuell {
	float:right;
}
nav.footer-menu li {
	padding-right:20px;
}
nav.footer-menu-individuell li {
	padding-left:20px;
}
#footer nav {
	margin-bottom:45px;
}
/* content */
.leitbild-headline,
.home-bloecke {
	width:100%;
}
.home-bloecke {
	display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 20px;
}
.home-bloecke .ce_text:first-of-type {
	color: #ffffff;
	font-weight: 500;
	padding-top:75px;
	padding-bottom:20px;
}
.home-bloecke .ce_text:not(:first-of-type) {
	background-color:#4A4A49;
	padding:75px 20px;
}
.home-bloecke .ce_text img {
	height:90px;
	width:auto;
}
.home-bloecke .ce_text:not(:first-of-type) h2 {
	/*font-size: 1.3em;
	margin-top: 1em;
	margin-bottom: 1em;*/
	font-weight:500;
}
/*.home-bloecke .ce_text:not(:first-of-type) p {
	font-size: 1.1em;
}*/
/* timeline */
.timeline__item::after {
	background-color:#373636 !important;
}
.timeline__item::after {
	border: 2px solid #ffffff !important;
}
.timeline__item.ax::after {
	border: 2px solid #E18409 !important;
}
.timeline__item.fx::after {
	border: 2px solid #257DBD !important;
}
.timeline__item.sx::after {
	border: 2px solid #A71426 !important;
}
.timeline__item.vx::after {
	border: 2px solid #B2B2B2 !important;
}
.ax-color {
	color:#E18409;
}
.fx-color {
	color:#257DBD;
}
.sx-color {
	color:#A71426;
}
.vx-color {
	color: #B2B2B2;
}
.timeline__content::after, .timeline__content::before { 
	content:none !important;	
}
.timeline__content {
	background:none !important;
	border:none !important;
	text-align:center;
}
.timeline__content p {
	color:#ffffff;
}
.timeline__content h2 {
	color:#929292;
}
.timeline--horizontal .timeline-divider {
	background-color: #fff !important;
	height:1px !important;
	margin-top:1px;
}
.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-nav-button--prev::before {
    background-image: url(/files/dist/images/pfeil-prev.png) !important;
    background-size: 100%;
}
.timeline-nav-button--next::before {
    background-image: url(/files/dist/images/pfeil-next.png) !important;
    background-size: 100%;
}
@media only screen and (min-width: 801px) {
	.timeline__item.timeline__item--top {
		transform: translateY(100%) !important;
		padding: 2.5rem 0 0 !important;
	}
	.timeline__content {
		padding:0 10px !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;
	}
}
.article-wrapper.geschichte {
	background: url(../../files/img/bg-geschichte.png) top center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-blend-mode:multiply;
	background-color:#373636;
}
/* team */
.team-wrapper {
	display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 40px;
}
.team-member figure {
	border-radius: 100%;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	width: 150px;
	height: 150px;
	overflow: hidden;
	margin-left:auto;
	margin-right:auto;
}
.team-member ul li:before,
.liste-style ul li:before{
	content: "/ ";
	color: #E18409;
	font-size: 1em;
	font-weight:500;
}
.liste-style ul li:before{
	content: "/ ";
	color: #E18409;
	font-size: 1em;
	font-weight: 500;
	margin-left: -10px;
	position: absolute;
}
.team-member ul li{
	display:inline-block;
	color:#ffffff;
	margin-bottom:1em;
}
.liste-style ul li,
.liste-style ol li{
	display:block;
	color:#ffffff;
	margin-bottom:1em;
	margin-left:10px;
}
.job.liste-style ol li {
	margin-left:18px;	
}
.liste-style ol li:before{
	content: "/ ";
	color: #E18409;
	font-size: 1em;
	font-weight: 500;
	margin-left: -18px;
	position: absolute;
}
.liste-style ol li:nth-child(1):before{
	content: "1/ ";
}
.liste-style ol li:nth-child(2):before{
	content: "2/ ";
}
.liste-style ol li:nth-child(3):before{
	content: "3/ ";
}
.liste-style ol li:nth-child(4):before{
	content: "4/ ";
}
.liste-style ol li:nth-child(5):before{
	content: "5/ ";
}
.liste-style ol li:nth-child(6):before{
	content: "6/ ";
}
.liste-style ol li:nth-child(7):before{
	content: "7/ ";
}
.liste-style ol li:nth-child(8):before{
	content: "8/ ";
}
.liste-style ol li:nth-child(9):before{
	content: "9/ ";
}
.liste-style ol li:nth-child(10):before{
	content: "10/ ";
}
.liste-style ol li:nth-child(11):before{
	content: "11/ ";
}
.liste-style ol li:nth-child(12):before{
	content: "12/ ";
}
.news-sidebar .liste-style ul li:last-of-type {
	margin-bottom:0;
}
.team-member {
	text-align:center;
}
/*.team-member h3 {
	font-size:2em;
	margin-top:30px;
	margin-bottom:0;
	font-weight:500;
}
.team-member h4 {
	font-size:1em;
	margin-bottom:1em;
	font-weight:500;
}*/
.headline-h2 {
	/*font-size:3em;*/
	color:#ffffff;
	/*font-weight:500;*/
	/*margin-top:100px;
	margin-bottom:40px;*/
	text-align:center;
}
/* kontakt-area */
.article-wrapper-service {
	display:flex;
}
.article-wrapper.half {
	width:50%;
	float:left;
}
.service-area,
.kontakt-area {
	width:100%;
	max-width:600px;
}
.dark-bg {
	background-color:rgba(30,30,30,0.5);
}
.light-bg,
.article-wrapper-service .article-wrapper:nth-child(2){
	background:#4A4A49;
}
/*.service-area h2 {
	color:#ffffff;
	font-size:3em;
}
.service-area h3 {
	color:#ffffff;
	font-size:1.1em;
}
.kontakt-area h2 {
	color:#ffffff;
	font-size:3em;
}*/
.service-area h2,
.service-area h3,
.kontakt-area h2 {
	color:#ffffff;
}

.service-area {
	text-align:right;
	float:right;
	padding-right:100px;
}
.kontakt-area {
	text-align:left;
	float:left;
	padding-left:100px;
}
.article-wrapper-service a{
	color:#ffffff;
	text-decoration:none;
}
.service-area div{
	float:right;
}
.btn-border {
	border:1px solid #ffffff;
	padding: 10px;
	width: 100%;
	box-sizing: border-box;
	text-align: center;
}
.btn-border-wrapper {
	border:1px solid transparent;
	padding: 10px;
	width: 100%;
	box-sizing: border-box;
	text-align: center;
}
.btn-border,
.btn-border-wrapper {
	width:100%;
	max-width:300px;
}
.btn-border-wrapper div {
	float:none;
	margin-left:auto;
	margin-right:auto;
}
/* margin padding */
.article-wrapper-service{
	margin-top:-115px;
	padding-top:115px;
}
.article-wrapper-service .article-wrapper {
	padding-bottom:100px;
}
.article-wrapper-service .article-wrapper h2 {
	padding-top:100px;
}
#leitbild,
#philosophy{
	margin-top:-150px;
	padding-top:150px;
}
#qualitaet .ce_text, 
/*#qualitaet .ce_image,*/
#qualitaet .qualitaet-wrapper,
#quality .ce_text, 
#quality .ce_image{
    margin-top: 150px;
    margin-bottom: 50px;
}
#team,
#geschichte,
#qualitaet,
#team-en,
#history,
#quality{
	padding-bottom:100px;
}
.footer {
	margin-top:100px;
	margin-bottom:50px;
}
/* font headline */
/*@media all and (max-width: 1200px) {
	.headline h1,
	.headline h2 { 
		font-size:3.65vw;
	} 
}*/
@media all and (min-width: 1200px) {
	/*.headline h1,
	.headline h2 { 
		font-size:5.1em;
	} */
	/*.home-bloecke .ce_text:first-of-type {
		font-size:3.2em;
	}*/
}
/* qualitaet */
.qualitaet {
	display:flex;
}
.qualitaet .ce_text {
	width:calc(50% - 75px);
}
/*.qualitaet .ce_image {
	width:150px;
	padding:0 40px;
}*/
.qualitaet .qualitaet-wrapper {
	width:300px;
	padding:0 40px;
}
.qualitaet .ce_image:nth-child(2) img {
	width: 110px;
	margin-top: 28px;
}
.qualitaet .ce_image figure {
	text-align:center;
}
.qualitaet .ce_text:first-of-type {
	text-align:right;
}
.qualitaet h2 {
	/*font-size:3em;*/
	color:#ffffff;
}
.liste-style strong {
	margin-left: 11px;
	float: left;
}
/* news */
#large-area {
	margin-bottom:-115px;
}
.slider-control {
	display:none;
}
/*.news-area {
	padding-right:33.33%;
}
.news-sidebar {
	width: 33.33%;
	position: absolute;
	top: 0;
	right: 0;
}
.news-sidebar-wrapper {
	max-width:400px;
}*/
/*.news-area .ce_text:not(:first-of-type) {
	background-color:#4A4A49;
	padding:10px;
	margin-bottom:1em;
}
.news-area .ce_text:first-of-type {
	margin-bottom:2em;
}
.news-area .ce_text figure {
	width:150px;
	padding-right:10px;
}
.news-area .ce_text:not(:first-of-type) h2 {
float: right;
margin-right: -10px;
padding-right: 10px;
font-size: 0.9em;
font-weight: 300;
border-bottom: 1px solid;
padding-bottom: 5px;
}*/
.news-area .ce_text {
	background-color:#4A4A49;
	padding:10px;
	margin-bottom:1em;
}
.news-area .ce_text figure {
	width:190px;
	padding-right:10px;
}
.news-area .ce_text figure img {
	display:block;
}
.news-area .ce_text h2 {
float: right;
margin-right: -10px;
padding-right: 10px;
font-size: 0.9em;
font-weight: 300;
border-bottom: 1px solid;
padding-bottom: 5px;
}
.article-wrapper-news {
	position:relative;
}
.news-area {
	width: 66%;
	float: left;
	box-sizing: border-box;
	display: inline;
	position:relative;
	z-index:2;
}
.news-area a {
	color:#ffffff;
	text-decoration:none;
}
.mod_article.news-sidebar {
	margin-top: -170px;
	padding-top: 170px;
}
.news-sidebar {
	width: 100%;
	position: absolute;
	top: 10px;
	left: 50%;
	transform: translateX(-50%);
	max-width: 1200px;
}
.news-sidebar.fixed {
	position:fixed;
}
.news-sidebar.fixed .news-sidebar-wrapper {
	margin-top:155px;
}
.news-sidebar.fixed.no-fix {
	position:absolute;
}
.news-sidebar-wrapper {
	width: calc(33.33% - 20px);
	margin-bottom: 50px;
	display: inline;
	float: right;
}
/*.news-sidebar {
	width: calc(33.33% - 20px);
    margin-bottom: 50px;
    display: inline;
    float: right;
    position: sticky;
  position: -webkit-sticky;
  top: 0;
}*/
.news-sidebar h2 {
    color: #ffffff;
    /*font-size: 2em;
    margin-bottom: 0.75em;*/
}
.white-border {
	width: 100%;
	border-bottom: 1px solid;
	margin-bottom: 20px;
	padding-top:20px;
}
.news-sidebar .jetzt-bewerben {
	width: 100%;
	text-align: right;
	border-bottom: 1px solid;
	margin-bottom: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
}
.news-sidebar .jetzt-bewerben a{
	color:#E18409;
	text-transform:uppercase;
	text-align:right;
	text-decoration:none;
}
.news-sidebar a {
	color:#ffffff;
	text-decoration:none;
}
.news .news-area .ce_text p {
	padding-left: 200px;
	padding-right: 80px;
}
/* jobs */
.job ul li,
.job ol li{
	margin-bottom:0;
}
.job ul li,
.job ol li{
	padding-bottom:8px;
}
.job ul,
.job ol{
	margin-bottom:10px;
}
.leistung .job ul li,
.leistung .job ol li{
	padding-bottom:0;
}
.col-2 {
	width:100%;
	display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 40px;
}
.leistung .col-2 {
    grid-gap: 120px;
}
/*.job h3 {
	color:#E18409;
	font-size:1.2em;
	margin-bottom:10px;
	text-transform:uppercase;
}*/
.job .btn-border {
	width: auto;
	float: right;
	padding-left: 10px;
	padding-right: 10px;
	text-transform: uppercase;
}
.job .btn-border a{
	color:#ffffff;
	font-size:0.9em;
}
.news-area .ce_text.job.text-allgemein {
	background-color:unset;
}
.job h4 {
	font-weight:300;
}
.news-area .ce_text.job {
	padding:30px 10px;
	margin-bottom:2em;
}
.news-area .ce_text.job h2 {
	margin-top:-20px;
}
.news-area .ce_text.job .btn-border {
	margin-top:10px;
}
/* leistung */
.leistung-detail h2 {
	padding-top:50px;
}
/*.leistung-detail.dark-bg {
	margin-top: 50px;
	padding-top: 50px;
	padding-bottom: 50px;
}*/
/*.leistung-detail h3 {
	font-size:1.2em;
}*/
/*.leistung-detail h3 span.white-color {
	color:#ffffff;
	font-size:0.8em;
}*/
.leistung .article-wrapper.geschichte {
	padding-top:50px;
	padding-bottom:50px;
}
.leistung-detail .ce_text:not(:first-of-type) {
	margin-top: 50px;
	padding-top: 50px;
	border-top: 1px solid #ffffff;
}
.leistung-detail .ce_text {
    margin-bottom: 50px;
}
.leistung-detail .col-2 h3 {
	margin-bottom:1em;
}
/* standorte */
.scaled iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}
.map-wrapper {
	position:relative;
}
.standorte .btn-border, .standorte  .btn-border-wrapper {
	max-width:500px;
}
.standorte .ce_text a {
	color:#ffffff;
}
.standorte .btn-border a, .standorte  .btn-border-wrapper a{
	color:#ffffff;
	text-decoration:none;
}
.standorte .article-wrapper {
	margin-bottom: 35px;
}
.standorte .ce_text a {
	text-decoration:none;
}
.website-erstellung {
	padding-top:50px;
	padding-bottom:50px;
	font-size:0.85em;
	float:right;
}
.website-erstellung a{
	color:#B2B2B2;
	text-decoration:none;
}
.website-erstellung a:first-of-type:after {
	content:'|';
	padding-left:15px;
	padding-right:15px;
}
#large-area img{
	max-width:200%;
	width:100%;
}
.leistung .home-bloecke {
	margin-bottom:100px;
}
/* slides leistungen */
.ce_sliderStart.slider-leistungen {
	position:relative;
}
.ce_sliderStart.slider-leistungen.max-width {
	padding-left:60px;
	padding-right:60px;
}
.slider-control.slider-leistungen {
	display:block;
	width: calc(100% - 40px);
	height: auto !important;
	position: absolute;
	top: calc(50% - 40px);
	transform: translateY(-50%);
	z-index: 30;
	left:20px;
}
.slider-control.slider-leistungen .slider-menu {
	display:none;	
}
#large-area .popup-leistung .slider-control img,
.slider-control.slider-leistungen img {
	max-width:25px;
	width:100%;
}
.one-only .slider-control {
	opacity:0;
}
/*.slider-leistungen .content-slider {
	padding-left: 70px;
	padding-right: 70px;
}*/
.leistung-detail .slider-leistungen .ce_text:not(:first-of-type) {
	border:0;
	margin-top:0;
	padding-top:0;
}
.headline-icon-text {
	width:calc(100% - 230px);
	float:left;
}
.headline-icon img {
	float:right;
	width:auto;
	max-width:200px;
	max-height:200px;
	width:auto;
	height:auto;
	margin-top:30px;
	margin-bottom:10px;
}
.headline-icon-img {
	float:right;
	text-align:center;
	font-weight:bold;
}
/* sprachenwechsler */
nav.mod_changelanguage {
	position:fixed;
	top:10px;
	right:10px;
	font-size:0.9em;
}
#header nav.mod_changelanguage ul li {
	font-size:18px;
	float:left;
}
#header nav.mod_changelanguage ul li:not(:last-child):after {
    content: '/';
    padding-left: 5px;
    padding-right: 5px;
}
/* popup */
.popup.hide {
	display:none;
}
.popup-leistung.hide {
	display:block;
	opacity:0;
	z-index:-1;
}
.popup-leistung {
	opacity:1;
	z-index:20;
}
.popup-wrapper {
	position: fixed;
	z-index: 100;
	top: 0;
	right: 0;
	left: 0;
	bottom:0;
	display:block;
	background-color: rgba(30,30,30,0.8);
	overflow-y:auto;
}
.popup .popup-bg {
	max-width:700px;
	margin-left:auto;
	margin-right:auto;
	background-color: #4A4A49;
	padding:30px;
	margin-top:100px;
	position:relative;
}
.popup .ce_text figure{
	width:calc(50% - 5px);
	float:left;
}
.popup .ce_text figure img {
	display:block;
	float:left;
}
.popup .ce_text h2{
	width:calc(50% - 5px);
	float:right;
	font-size: 50px;
	font-weight: 500;
	margin-bottom:25px;
}
.popup .ce_text p{
	width:calc(50% - 5px);
	float:right;
}
.popup .ce_text a {
	color:#ffffff;
}
.popup .btn-border {
	max-width:100%;
	width:calc(50% - 5px);
	margin-top:10px;
}
.popup .btn-border a{
	text-decoration:none;
}
.button-popup {
	width: 50px;
	height: 50px;
	margin: 0;
	cursor: pointer;
	position: absolute;
	z-index: 200;
	top: 20px;
	right: 20px;
}
	.button-popup span {
	    height: 2px;
	    display: block;
	    position: absolute;
	    top: 22.5px;
	    left: 0;
	    right: 0;
	    background-color: #4a4748;
	    -webkit-transition: background 0.15s linear 0.15s;
	    -o-transition: background 0.15s linear 0.15s;
	    transition: background 0.15s linear 0.15s;
	}
	.button-popup span::before {
	    top: -10px;
	    -webkit-transition: top 0.15s linear 0.15s, -webkit-transform 0.15s linear;
	    transition: top 0.15s linear 0.15s, -webkit-transform 0.15s linear;
	    -o-transition: top 0.15s linear 0.15s, transform 0.15s linear;
	    transition: top 0.15s linear 0.15s, transform 0.15s linear;
	    transition: top 0.15s linear 0.15s, transform 0.15s linear, -webkit-transform 0.15s linear;
	}
	.button-popup span::after {
	    bottom: -10px;
	    -webkit-transition: bottom 0.15s linear 0.15s, -webkit-transform 0.15s linear;
	    transition: bottom 0.15s linear 0.15s, -webkit-transform 0.15s linear;
	    -o-transition: bottom 0.15s linear 0.15s, transform 0.15s linear;
	    transition: bottom 0.15s linear 0.15s, transform 0.15s linear;
	    transition: bottom 0.15s linear 0.15s, transform 0.15s linear, -webkit-transform 0.15s linear;
	}
	.button-popup span::before {
	    top: 0px;
	    -webkit-transform: rotate(45deg);
	    -ms-transform: rotate(45deg);
	    transform: rotate(45deg);
	    -webkit-transition: top 0.15s linear, -webkit-transform 0.15s linear 0.15s;
	    transition: top 0.15s linear, -webkit-transform 0.15s linear 0.15s;
	    -o-transition: top 0.15s linear, transform 0.15s linear 0.15s;
	    transition: top 0.15s linear, transform 0.15s linear 0.15s;
	    transition: top 0.15s linear, transform 0.15s linear 0.15s, -webkit-transform 0.15s linear 0.15s;
	    background-color: #4a4748;
	}
	.button-popup span::after {
	    bottom: 0px;
	    -webkit-transform: rotate(-45deg);
	    -ms-transform: rotate(-45deg);
	    transform: rotate(-45deg);
	    -webkit-transition: bottom 0.15s linear, -webkit-transform 0.15s linear 0.15s;
	    transition: bottom 0.15s linear, -webkit-transform 0.15s linear 0.15s;
	    -o-transition: bottom 0.15s linear, transform 0.15s linear 0.15s;
	    transition: bottom 0.15s linear, transform 0.15s linear 0.15s;
	    transition: bottom 0.15s linear, transform 0.15s linear 0.15s, -webkit-transform 0.15s linear 0.15s;
	    background-color: #4a4748;
	}
	.button-popup span::before, .button-popup span::after {
	    content: "";
	    width: 100%;
	    height: 2px;
	    display: block;
	    position: absolute;
	    left: 0;
	    background-color: #ffffff;
	}
/* kontakt erweiterung */
.standorte .headline-h2 {
	float:left;
	width:100%;
}
span.ax {
	color:#E18409;
}
.kontakt .timeline__content h2 {
	color:#ffffff;
}
.btn-center {
	margin-left:auto;
	margin-right:auto;
	float:none;
	max-width:auto !important;
	margin-top:50px;
}
.standorte .article-wrapper.no-bottom,
.standorte .article-wrapper.geschichte{
	margin-bottom:0;
}
/* jobs */
.jobs .job {
	cursor:pointer;
}
.jobs .job h3 {
	font-size:29px;
}
.show-job .job-content {
	display:block;
}
.job-content {
	display:none;
}
.job ul {
	margin-bottom:20px;
}
.job h4 {
	margin-bottom:10px;
	font-size:22px;
	margin-top:20px;
}
.job p {
	margin-top:40px;
	margin-bottom:40px;
}
.jobs h3 span.small {
	font-size: 0.6em;
    opacity: 0.6;
    font-weight: normal;
}
.jobs .ce_text.job h3:before {
	content: '▼ ';
	font-size: 20px;
	padding-right: 12px;
	position: absolute;
	right: 0;
}
.jobs .ce_text.job.show-job h3:before {
	content:'▼   ';
	font-size: 20px;
	padding-right: 12px;
	position: absolute;
	right: 0;
}
/* carousel */
.slider .ce_slick-slider,
.slider .ce_slick-content-start{
	position:relative;
	z-index:10;
	/*margin-top:50px;*/
	margin-bottom:50px;
}
.slider .slick-list {
	margin: 0px 25px;
}
.slider .ce_slick-slider .image_container {
	margin:3px;
	box-shadow: 0 0 5px rgba(218,217,211,1);
}
.slider .ce_text,
.slider .ce_video,
.slider .ce_image{
	margin:3px;
}
.slider .arrow-left {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	height: 50px;
	left:0;
	cursor:pointer;
}
.slider .arrow-right {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	height: 50px;
	right:0;
	cursor:pointer;
}
.slider .arrow-left:hover,
.slider .arrow-right:hover {
	cursor:pointer;
}
/*.slider .slick-slide {
	float:right;
}*/
.statement-wrapper {  
position: absolute;
bottom: 15px;
left: 15px;
right: 15px;
}
.statement {
font-size:20px;
font-weight:bold;
color:#ffffff;
margin-bottom:10px;
text-transform:uppercase;
}
.mitarbeiterstatements .ce_text {
border:15px solid #3c3c3b;
position:relative;
margin:10px;
}
.statement-wrapper span.color {
color:#E18409;
}
.mitarbeiter {
font-size:12px;
text-transform:uppercase;
font-weight:bold;
color:#E18409;
}
.team-neu .mitarbeiter {
	text-transform:unset;
}
@media only screen and (min-width: 1200px) {
.team-job.slider .slick-list {
	width:calc(100% + 20px);
	margin-left:-10px;
	margin-right:0;
}
}
.news-social {
	position: relative;
    z-index: 50;
}
.news-social {
	position: relative;
    z-index: 50;
}
.news-social a{
	color:#B2B2B2;
	text-decoration:none;
}
.news-social a:hover{
	text-decoration:underline;
}
.gallery-button {
	position:relative;
	cursor:pointer;
}
.gallery-icon {
	position:absolute;
	right:0;
	top:0;
	width:50px;
	height:auto;
	z-index:10;
}
.popup.popup-leistung .popup-bg {
  padding: 30px 0;
}
.home-bloecke.mit-zusatz .ce_text {
	position:relative;
	padding-bottom:120px !important;
	margin-bottom: 0 !important;
}
.home-bloecke-zusatz {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 10px 20px 0 20px;
	border-top: 2px solid #373636;
	min-height: 60px;
}
.home-bloecke-zusatz h3 {
	font-weight:500;
}
.liste-style p strong,
.liste-style li strong {
float: none;
padding-left: 0;
margin-left: 0;
}
.social-media-icons {
	margin-top:1em;
}
.social-media-icons img {
	height:35px;
	width:35px;
	margin-right:10px;
	float:left;
}
.map img {
	width:100%;
}
/* ax intelligence */
.ax-intelligence .headerbereich {
  height: 100%;
  min-height: 100vh;
  position: relative;
  background-color:transparent;
}
.video-wrapper {
  position: fixed;
  top: 0;
  bottom: 0;
height: 100%;
  min-height: calc(100vh - 190px);
  width:100%;
  z-index:-1;
}
.video-wrapper video-alt {
  /* Make video to at least 100% wide and tall */
  min-width: 100%; 
  min-height: 100%; 

  /* Setting width & height to auto prevents the browser from stretching or squishing the video */
  width: auto;
  height: auto;

  /* Center the video */
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}
.video-wrapper video {
width: auto;
  height: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  opacity: 0.3;
  max-width: 650px;
}
.above-fold-wrapper {
position: absolute;
  top: 190px;
  bottom: 0;
  width: 100%;
  height: calc(100vh - 190px);
  overflow: hidden;
  left: 0;
  right: 0;
}
.above-fold-wrapper .ce_text {
  width: auto;
  height: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  padding-top:125px;
  padding-bottom:125px;
  text-align:center;
  max-width:1000px;
  width:100%;
}
.above-fold-wrapper h1 {
font-size: 65px;
  line-height: 65px;
  margin-left: auto;
  margin-right: auto;
}
.above-fold-wrapper h2 {
	font-size:24px;
	line-height:24px;
	margin-top:15px;
}
.text-small {
	margin-left:auto;
	margin-right:auto;
	padding-left:40px;
	padding-right:40px;
	max-width:1000px;
	padding-top:125px;
	padding-bottom:125px;
  background-color:#000000;
  font-size:18px;
  line-height:32px;
  text-align:center;
}
.ax-intelligence .text-small p {
	font-size:24px;
	line-height:30px;
}
.bg-black {
  background-color:#000000;
}
.content-left-right h2{
	font-size:48px;
	margin-bottom:15px;
}
.content-left-right h3{
	font-size:24px;
	margin-bottom:50px;
}
.ax-intelligence p {
	font-size:18px;
	line-height:32px;
}
.logo-text {
	margin-left:auto;
	margin-right:auto;
	max-width:450px;
	margin-bottom:40px;
}
.above-fold .logo-text {
	margin-top:40px;
}
.logo
.mod_article.headerbereich.above-fold {
	background-color:transparent;
}
.mod_article {
	background-color:#000000;
}
.content-left-right .ce_text {
	  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px 0;
}
.content-left-right figure {
	padding-left:20px;
	padding-right:20px;
}
.content-left-right .ce_text:nth-child(odd) figure{
	order:2;
}
.content-left-right .ce_text:nth-child(odd) .text-wrapper{
	order:1;
}
.content-left-right figure img{
	max-width:400px;
	float:right;
	padding-left:0;
	padding-right:100px;
}
.content-left-right .ce_text:nth-child(odd) figure img {
	float:left;
	padding-left:100px;
	padding-right:0;
}
.content-left-right .ce_text {
	margin-top:100px;
}
.content-left-right .ce_text:last-of-type {
	margin-bottom:100px;
}
a.cta {
	background-color: rgb(255, 255, 255,1);
  text-decoration: none;
  color: #000;
  padding: 10px 20px;
  display: inline-block;
  margin-top: 50px;
  border-radius: 30px;
}
a.cta svg {
width: 20px;
  height: 20px;
  float: right;
  margin-left: 10px;
  margin-right: -3px;
}
a.cta:hover {
	background-color: rgb(255, 255, 255,0.8);
}
a.scroll {
	z-index: 20;
  position: absolute;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
}
a.scroll svg {
  width: 40px;
  height: 40px;
}
.smaller a.scroll {
	display:none;
}
.image-large img {
	opacity:0.5;
	width:100%;
}
h1, h2, h3 {
	font-family: AvionicBook;
	font-weight:normal;
}
.starttext-large p {
	font-size:24px;
	line-height:30px;
}
.starttext-large h2 {
	margin-bottom:30px;
}
.starttext-large p {
	padding-top:3em;
	padding-bottoM:3em;
}
.text-wrapper p{
	text-align:left;
}
@media only screen and (min-width: 1680px) {

}

@media only screen and (max-width: 1500px) {
.ax-intelligence .text-small p {
  font-size: 20px;
  line-height: 30px;
}
}
@media all and (min-width: 1220px) {
	.headline h1,
	.headline h2 { 
		font-size:5.1em;
	}
}
@media only screen and (max-width: 1260px) {
	.news-sidebar.fixed .news-sidebar-wrapper {
	    padding-right: 20px;
	    box-sizing: border-box;
	}
}
@media only screen and (max-width: 1220px) {
	.headline h1, .headline h2,
	.text-only h1{
	    font-size: 50px;
	}
	.news-sidebar h2,
	.home-bloecke .ce_text:first-of-type,
	.job h2,
	.service-area h2,
	.kontakt-area h2,
	.jobs .job h3,
	.leistung-detail h2.ce_headline,
	.headline-h2,
	.qualitaet h2,
	.text-only h2{
	    font-size: 30px;
	}
	.service-area h3,
	.kontakt-area h3,
	.job h4,
	.headline-text,
	.home-bloecke .ce_text:not(:first-of-type) h2,
	.team-member h3,
	.news-sidebar h3,
	.home-bloecke h3{
		font-size:19px;
	}
	.timeline__content h2 {
	    font-size:19px !important;
	}
	header .logo {
		max-width:250px;
	}
	.header nav {
	    width: calc(100% - 360px);
	    margin-top: 101px;
	}
	.header-submenu ul {
	    width: calc(100% - 360px);		
	}
	#wrapper::before {
    	height: 191px;
	}
	.custom {
	    margin-top: 191px;
	}
	.header-submenu {
    	margin-top: 151px;
	}
	.smaller #header {
    	padding-top: 20px;
	}
	.smaller .header-submenu {
	    margin-top: 72px;
	}
	.footer .logo {
		text-align:center;
	}
	#container {
	    margin-top: 160px;
	}
	.kontakt-area {
		padding-left:50px;
	}
	.service-area {
		padding-right:50px;
	}
	.jobs .headline-text {
    	width: 100%;
	}
	.jobs h1,
	.jobs .content-headline .headline h1 span.color{
		text-align:left;
		float:left;
	}
	.jobs .content-headline .headline {
		margin-top:20px;
		margin-bottom:20px;
	}
	.home-bloecke-zusatz {
		min-height: 52px;
	}
}
@media only screen and (max-width: 1024px) {
	#header nav ul li, #footer nav ul li, .header-submenu ul li {
		font-size:19px;
	}
	.footer-x a:first-of-type img {
		height: 100px;
	}
	.footer-x a img {
	    height: 85px;
	}
	.team-wrapper {
	    display: grid;
	    grid-template-columns: repeat(2, 1fr);
	    grid-gap: 40px;
	}
}
@media only screen and (max-width: 900px) {
	.home-bloecke {
	    display: grid;
	    grid-template-columns: repeat(2, 1fr);
	    grid-gap: 20px;
	}
	.kontakt-area {
		padding-left:40px;
	}
	.service-area {
		padding-right:40px;
	}
	.headline {
    	width: 100%;
	}
	.headline-text {
    	width: calc(50% - 20px);
	}
	#footer nav ul li {
		font-size:22px;
	}
	#footer nav.footer-menu-individuell ul li {
		font-size:16px;
	}
	/*.header-submenu ul li {
		font-size:16px;
	}*/
	/*nav.footer-menu li {
	    padding-right: 19px;
	}
	nav.footer-menu-individuell li {
	    padding-left: 16px;
	}*/
	nav.footer-menu,
	nav.footer-menu-individuell{
    	float: none;
	}
	nav.footer-menu ul,
	nav.footer-menu-individuell ul{
		text-align:center;
	}
	nav.footer-menu li:last-of-type {
		padding-right:0;
	}
	nav.footer-menu-individuell li:first-of-type {
		padding-left:0;
	}
	#container {
	    margin-top: 120px;
	}
	.website-erstellung {
		float: none;
		text-align: center;
	}
	.website-erstellung a{
		display:block;
		margin-bottom: 10px;
	}
	.website-erstellung a:first-of-type:after {
		content:'';
		padding-left:0;
		padding-right:0;
	}
}
@media only screen and (min-width: 800px) and (max-width: 950px){
	header .logo {
		max-width:180px;
	}
	.header nav {
	    width: calc(100% - 360px);
	    margin-top: 101px;
	}
	#header nav ul li, #footer nav ul li, .header-submenu ul li {
	    font-size: 16px;
	}
	.header nav {
	    width: calc(100% - 240px);
	    margin-top: 74px;
	}
	.header-submenu ul {
	    width: calc(100% - 240px);		
	}
	#wrapper::before {
    	height: 151px;
	}
	.custom {
	    margin-top: 151px;
	}
	.smaller #wrapper::before {
	    margin-top: -60px;
	}
	.header-submenu {
    	margin-top: 111px;
	}
}
@media only screen and (max-width: 800px) {
	header .logo {
	    max-width: 180px;
	}
	#wrapper::before {
	    height: 150px;
	}
	.custom {
	    margin-top: 150px;
	}
	.header-submenu {
	    margin-top: 111px;
	}
	.smaller #wrapper::before {
	    margin-top: -60px;
	}
	.header-submenu ul li{
	    font-size: 16px;
		white-space: nowrap;
		padding-right: 20px;
	}
	.header-submenu ul {
	    width: 100%;
	    min-width: 500px;
	    float: left;
	    padding-right:20px;
	}
	.header-submenu .inside {
		overflow-x: auto;
	}
	.team-wrapper {
	    display: grid;
	    grid-template-columns: repeat(1, 1fr);
	    grid-gap: 0;
	}
	.team-member {
		margin-bottom:40px;
	}
	.news-area {
    	width: 100%;
	}
	.news-sidebar.fixed .news-sidebar-wrapper,
	.mod_article.news-sidebar{
	    margin-top: 0;
	    padding-top:0;
	}
	.news-sidebar.fixed {
		position:relative;
	}
	.jobs .news-sidebar .ce_text:last-of-type {
		display:block !important;
	}
	.news-sidebar {
	    width: 100%;
	    position: relative;
	    left: 0;
	    transform: unset;
	}
	.news-sidebar-wrapper {
	    margin-top: 50px;
	}
	.news-sidebar-wrapper {
		width:100%;
	}
	.news .news-area .ce_text p {
	    padding-left: 0;
	    padding-right: 0;
	}
	.news-area .ce_text h2 {
	    margin-left: 20px;
	    margin-bottom: 10px;
	}
	.col-2 {
		display:block;
	}
	.col-2 .col {
		padding-bottom:30px;
	}
	#footer {
		z-index:1;
	}
	#team, #geschichte, #qualitaet {
	    padding-bottom: 50px;
	}
	.headline-h2 {
    	margin-top: 50px;
	}
	.headline-icon-text {
		width:100%;
		float:left;
		-webkit-hyphens: auto;
		-moz-hyphens: auto;
		hyphens: auto;
	}
}
@media only screen and (max-width: 700px) {
	.article-wrapper-service {
	    display: unset;
	}
	.article-wrapper.half {
		width:100%;
	}
	.service-area,
	.kontakt-area{
		text-align: center;
		max-width: 100%;
		padding-left: 20px;
		padding-right: 20px;
		float: none;
		box-sizing:border-box;
	}
	.service-area div {
	    float: none;
	    margin-left: auto;
	    margin-right: auto;
	}
	.kontakt-area .btn-border {
		margin-left:auto;
		margin-right:auto;
	}
	.qualitaet {
	    display: unset;
	}
	.qualitaet .ce_text:first-of-type {
		text-align:center;
	}
	.qualitaet .ce_image {
	    margin-left: auto;
	    margin-right: auto;
	}
	.qualitaet .ce_text {
		width:100%;
	}
	#qualitaet h2{
	    margin-top: 50px;
	}
	#qualitaet {
		padding-bottom:50px;
		float:left;
	}
	#qualitaet .ce_text, #qualitaet .ce_image {
	    margin-top: 20px;
	}
	#qualitaet .qualitaet-wrapper {
		margin-left: auto;
		margin-right: auto;
		margin-top: 10px;
	}
	#footer nav ul li {
		font-size:16px;
	}
	.footer-x a:first-of-type img {
	    height: 75px;
	}
	.footer-x a img {
	    height: 63px;
	}
	    .starttext-large p {
  font-size: 18px;
  line-height: 25px;
}
}
@media only screen and (max-width: 650px) {
	.home-bloecke {
	    display: grid;
	    grid-template-columns: repeat(1, 1fr);
	    grid-gap: 20px;
	}
	.headline-text {
    	width: 100%;
	}
	.home-bloecke.mit-zusatz .ce_text:first-of-type {
		padding-bottom:80px !important;
	}
	.home-bloecke.mit-zusatz .ce_text:first-of-type .home-bloecke-zusatz {
		padding: 0 20px 0 0;
	}
}
@media only screen and (max-width: 600px) {
	.footer-menu {
		width:100%;
		float:left;
	}
	.footer-x {
		display: grid;
	    grid-gap: 30px;
	}
	.footer-x a:first-of-type {
		border-right:0;
	    border-bottom: 1px solid #ffffff;
	    padding-bottom: 20px;
	}
	.footer {
    	margin-top: 50px;
	}
	.footer-x {
	    margin-bottom: 50px;
	}
}
@media only screen and (max-width: 380px) {
	.logo {
	    max-width: 150px;
	}
}
@media only screen and (max-height: 950px) {
	.news-sidebar h2 {
		font-size:22px;
	}
	.news-sidebar h3 {
    	font-size: 19px;
	}
}
@media only screen and (max-height: 800px) {
	.jobs .news-sidebar .ce_text:last-of-type {
		display:none;
	}
}
@media only screen and (max-width: 1200px) and (max-height: 700px) {
	.news-area {
    	width: 100%;
	}
	.news-sidebar.fixed .news-sidebar-wrapper,
	.mod_article.news-sidebar{
	    margin-top: 0;
	    padding-top:0;
	}
	.news-sidebar.fixed {
		position:relative;
	}
	.news-sidebar {
	    width: 100%;
	    position: relative;
	    left: 0;
	    transform: unset;
	}
	.news-sidebar-wrapper {
	    margin-top: 50px;
	}
	.news-sidebar-wrapper {
		width:100%;
	}
	.jobs .news-sidebar .ce_text:last-of-type {
		display:block !important;
	}
	.btn-funnel {
		font-size:24px;
	}
}
@media only screen and (max-width: 520px) {
	.headline h1, .headline h2,
	.text-only h1{
	    font-size: 30px;
	}
}
@media only screen and (max-width: 520px) {
	.statement-wrapper {
	  position: relative;
	  margin-top: 25px;
	}
}
@media only screen and (max-width: 350px) {
	.headline h1, .headline h2,
	.text-only h1{
	    font-size: 25px;
	}
}
@media only screen and (max-width: 800px) {
	/* btn */
.btn {
	width: 45px;
	height: 45px;
	margin: 0 15px 0 15px;
    cursor: pointer;
    position: absolute;
    right:0;
    z-index: 200;
    top: -12px;
}
	.btn span {
	    height: 2px;
	    display: block;
	    position: absolute;
	    top: 22.5px;
	    left: 0;
	    right: 10%;
	    background-color: #ffffff;
	    -webkit-transition: background 0.15s linear 0.15s;
	    -o-transition: background 0.15s linear 0.15s;
	    transition: background 0.15s linear 0.15s;
	}
	.btn span::before {
	    top: -10px;
	    -webkit-transition: top 0.15s linear 0.15s, -webkit-transform 0.15s linear;
	    transition: top 0.15s linear 0.15s, -webkit-transform 0.15s linear;
	    -o-transition: top 0.15s linear 0.15s, transform 0.15s linear;
	    transition: top 0.15s linear 0.15s, transform 0.15s linear;
	    transition: top 0.15s linear 0.15s, transform 0.15s linear, -webkit-transform 0.15s linear;
	}
	.btn span::after {
	    bottom: -10px;
	    -webkit-transition: bottom 0.15s linear 0.15s, -webkit-transform 0.15s linear;
	    transition: bottom 0.15s linear 0.15s, -webkit-transform 0.15s linear;
	    -o-transition: bottom 0.15s linear 0.15s, transform 0.15s linear;
	    transition: bottom 0.15s linear 0.15s, transform 0.15s linear;
	    transition: bottom 0.15s linear 0.15s, transform 0.15s linear, -webkit-transform 0.15s linear;
	}
	.btn span::before, .btn span::after {
	    content: "";
	    width: 100%;
	    height: 2px;
	    display: block;
	    position: absolute;
	    left: 0;
	    background-color: #ffffff;
	}
	body.nav-open .btn span {
	    -webkit-transition: background 0.15s linear;
	    -o-transition: background 0.15s linear;
	    transition: background 0.15s linear;
	    background: none;
	}
	body.nav-open .btn span::before {
	    top: 0px;
	    -webkit-transform: rotate(45deg);
	    -ms-transform: rotate(45deg);
	    transform: rotate(45deg);
	    -webkit-transition: top 0.15s linear, -webkit-transform 0.15s linear 0.15s;
	    transition: top 0.15s linear, -webkit-transform 0.15s linear 0.15s;
	    -o-transition: top 0.15s linear, transform 0.15s linear 0.15s;
	    transition: top 0.15s linear, transform 0.15s linear 0.15s;
	    transition: top 0.15s linear, transform 0.15s linear 0.15s, -webkit-transform 0.15s linear 0.15s;
	    background-color: #ffffff;
	}
	body.nav-open .btn span::after {
	    bottom: 0px;
	    -webkit-transform: rotate(-45deg);
	    -ms-transform: rotate(-45deg);
	    transform: rotate(-45deg);
	    -webkit-transition: bottom 0.15s linear, -webkit-transform 0.15s linear 0.15s;
	    transition: bottom 0.15s linear, -webkit-transform 0.15s linear 0.15s;
	    -o-transition: bottom 0.15s linear, transform 0.15s linear 0.15s;
	    transition: bottom 0.15s linear, transform 0.15s linear 0.15s;
	    transition: bottom 0.15s linear, transform 0.15s linear 0.15s, -webkit-transform 0.15s linear 0.15s;
	    background-color: #ffffff;
	}
/* btn ENDE */

/* NAV */
	.header nav{
		display:none;
	}
	.header nav {
		position: absolute;
		background-color: #E18409;
		top: 0;
		right: 0;
		margin-top: -40px;
		padding: 30px;
		height: 100vh;
		color: black;
		width: auto;
		padding-right:50px;
		overflow-y: auto;
		z-index:20;
		padding-right:80px;
		z-index:100;
	}
	.smaller #header nav {
    	top: -50px;
	}
	.header nav ul {
		display:grid;
	}
	.header nav ul li {
		float:left;
		clear:both;
		display:block;
		padding-bottom:10px;
	}
	#header .header nav ul li a {
		color:#1E1E1E;
	}
	.header-submenu ul {
	    width: 100%;
	}
	#header .header nav ul strong,
	#header .header nav ul a:hover{
		color:#ffffff;
	}
}
/* NAV ENDE */


@media only screen and (min-width: 1700px) {
	.start-text-small {
		display:none;
	}
	.start-text-large {
		display:block;
	}
	.video-wrapper video {
		top: calc(50% + 290px);
	}
}
@media only screen and (max-width: 1699px) {
	.start-text-small {
		display:block;
	}
	.start-text-large {
		display:none;
	}
	.videowrapper video {
		top: calc(50% + 97px);
	}
	.video-wrapper video {
		top: calc(50% + 290px);
	}
}
@media only screen and (max-width: 1500px) {
.above-fold-wrapper h1 {
  font-size: 40px;
  line-height: 40px;
}
.above-fold-wrapper h2 {
  font-size: 20px;
  line-height: 20px;
}
.ax-intelligence .text-small p {
  font-size: 20px;
  line-height: 30px;
}
.content-left-right h2 {
	font-size:24px;
}
.content-left-right h3 {
	font-size:18px;
}
.logo-text {
	max-width:320px;
}
}
@media only screen and (max-width: 1024px) {
.above-fold-wrapper .ce_text {
  max-width: 100%;
  width: 100%;
  padding-left: 100px;
  padding-right: 100px;
  box-sizing: border-box;
}
.content-left-right .ce_text {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 20px 0;
}
.content-left-right .ce_text:nth-child(2n+1) figure {
  order: 1;
}
.content-left-right .ce_text:nth-child(2n+1) .text-wrapper {
  order: 2;
}
.content-left-right .ce_text figure {
	text-align:center;
}
.content-left-right figure img,
.content-left-right .ce_text:nth-child(2n+1) figure img {
  float: none;
  padding-left: 0;
  padding-right: 0;
  max-width:200px;
}
.content-left-right h2,
.content-left-right h3 {
	text-align:center;
}
.video-wrapper video {
	display:none;
}
a.scroll {
	bottom:100px;
}
.text-wrapper {
	text-align:center;
}
}
@media only screen and (max-width: 900px) {
.content-left-right figure img,
.content-left-right .ce_text:nth-child(2n+1) figure img {
  max-width:100px;
}
.above-fold-wrapper .ce_text {
	padding-top:0;
	padding-left:50px;
	padding-right:50px;
}
}
.ax-intelligence #container {
	margin-top:0;
}
@media only screen and (min-width: 1024px) and (max-height: 900px) {
	.above-fold-wrapper {
		margin-top:190px;
		top:unset;
	}
	.above-fold-wrapper, 
	.above-fold-wrapper .ce_text {
		position:relative;
		height:100%;
		text-align:center;
	}
	.above-fold-wrapper .ce_text {
	top:unset;
	left:unset;
	transform:none;
	display:inline-block;
	padding-bottom:125px;
	}
	.video-wrapper video,
	a.scroll {
		display:none;
	}
	.above-fold .logo-text {
	margin-bottom:0;
}
}
@media only screen and (max-width: 1023px) and (max-height: 850px) {
	.above-fold-wrapper {
		margin-top:190px;
		top:unset;
	}
	.above-fold-wrapper, 
	.above-fold-wrapper .ce_text {
		position:relative;
		height:100%;
		text-align:center;
	}
	.above-fold-wrapper .ce_text {
	top:unset;
	left:unset;
	transform:none;
	display:inline-block;
	padding-bottom:100px;
	}
	.video-wrapper video,
	a.scroll {
		display:none;
	}
		.above-fold .logo-text {
	margin-bottom:0;
}
}
@media only screen and (max-width: 900px) and (max-height: 850px) {
	.above-fold-wrapper {
		margin-top:190px;
		top:unset;
	}
  .above-fold-wrapper .ce_text {
    padding-top: 50px;
    padding-bottom:75px;
  }
  	.above-fold .logo-text {
	margin-bottom:0;
}
.ax-intelligence .headerbereich {
	min-height:100%;
}
}
@media only screen and (max-width: 700px) {
 .above-fold-wrapper h1 {
    font-size: 30px;
    line-height: 30px;
  }
    .above-fold-wrapper .ce_text {
    padding-top: 20px;
    padding-bottom:75px;
    }
    .starttext-large p {
  font-size: 18px;
  line-height: 25px;
}
.above-fold  .logo-text {
    max-width: 220px;
    margin-top: 0;
  }
}
@media only screen and (max-width: 700px) {
 .above-fold-wrapper h1 br {
    display:none;
  }	
}
@media only screen and (max-width: 600px) {
  .above-fold-wrapper .ce_text {
    padding-left: 25px;
    padding-right: 25px;
  }
}
/**
 * @license
 * MyFonts Webfont Build ID 3867246, 2020-12-16T11:57:38-0500
 * 
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are 
 * explicitly restricted from using the Licensed Webfonts(s).
 * 
 * You may obtain a valid license at the URLs below.
 * 
 * Webfont: undefined by undefined
 * URL: https://www.myfonts.comundefined
 * Copyright: Copyright © 2024 Monotype Imaging Inc. All rights reserved.
 * 
 * © 2024 MyFonts Inc. */


  
@font-face {
  font-family: "AvionicBook";
  src: url('../../files/webFonts/AvionicBook/font.woff2') format('woff2'), url('../../files/webFonts/AvionicBook/font.woff') format('woff');
}


