@charset "UTF-8";
/***********************
Farben
***********************/
/***********************
Allgemein
***********************/
* {
  margin: 0px;
  padding: 0px;
  box-sizing: border-box;
}
body, html {
  margin: 0px;
  padding: 0px;
  font-family: 'Proxima_Nova_Regular';
  height: 100%;
}
.row {
  margin-right: 0px;
  margin-left: 0px;
}
div {
  width: 100%;
}
.width {
  max-width: 1400px;
  margin: 0 auto;
  position: relative;
}
img {
  max-width: 100%;
  height: auto;
}
p, ul, ol, table {
  font-size: 16px;
  line-height: 30px;
  color: #6B737C;
  margin-bottom: 25px;
  font-family: 'Proxima_Nova_Regular';
}
p strong, ul strong, ol strong, table strong {
  font-family: 'Proxima_Nova_Bold';
}
p em, p i, ul em, ul i, ol em, ol i, table em, table i {
  font-family: 'Proxima_Nova_Regular_Italic';
}
a, a:link, a:visited {
  color: #E52342;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  cursor: pointer;
}
.kontakt form input.phone, .kontakt form label.phone {
  display: none !important;
}
a:hover, a:focus, a:active {
  color: #B92C42;
  text-decoration: none;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
}
a.button, a.button:link, a.button:visited, input[type="submit"], span.button, a.button:not([href]):not([tabindex]) {
  display: inline-block;
  color: #ffffff;
  background: #E52342;
  font-size: 16px;
  font-family: 'Proxima_Nova_Bold';
  text-transform: uppercase;
  height: 56px;
  line-height: 56px;
  text-align: left;
}
a.button span, a.button:link span, a.button:visited span, input[type="submit"] span, span.button span, a.button:not([href]):not([tabindex]) span {
  display: inline-block;
  vertical-align: top;
  height: 56px;
  line-height: 56px;
  padding: 0px 20px;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  text-align: left;
}
a.button span.zusatz, a.button:link span.zusatz, a.button:visited span.zusatz, input[type="submit"] span.zusatz, span.button span.zusatz, a.button:not([href]):not([tabindex]) span.zusatz {
  padding: 0px;
  width: 56px;
  background-color: #B92C42;
  background-image: url(/basics/images/button_icon-pfeil-rechts.svg);
  background-position: center center;
  background-repeat: no-repeat;
  float: right;
}
a.button span.zusatz.unten, a.button:link span.zusatz.unten, a.button:visited span.zusatz.unten, input[type="submit"] span.zusatz.unten, span.button span.zusatz.unten, a.button:not([href]):not([tabindex]) span.zusatz.unten {
  background-image: url(/basics/images/button_icon-pfeil-runter.svg);
}
a.button span.zusatz.phone, a.button:link span.zusatz.phone, a.button:visited span.zusatz.phone, input[type="submit"] span.zusatz.phone, span.button span.zusatz.phone, a.button:not([href]):not([tabindex]) span.zusatz.phone {
  background-image: url(/basics/images/button_icon-phone.svg);
}
a.button span.zusatz.mail, a.button:link span.zusatz.mail, a.button:visited span.zusatz.mail, input[type="submit"] span.zusatz.mail, span.button span.zusatz.mail, a.button:not([href]):not([tabindex]) span.zusatz.mail {
  background-image: url(/basics/images/button_icon-mail.svg);
}
a.button span.zusatz.download, a.button:link span.zusatz.download, a.button:visited span.zusatz.download, input[type="submit"] span.zusatz.download, span.button span.zusatz.download, a.button:not([href]):not([tabindex]) span.zusatz.download {
  background-image: url(/basics/images/button_icon-download.svg);
}
a.button:hover, a.button:focus, a.button:active {
  background-color: #B92C42;
}
a.button:hover span, a.button:focus span, a.button:active span {
  background-color: #B92C42;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
}
a.button_sekundaer, a.button_sekundaer:focus, a.button_sekundaer:active {
  display: inline-block;
  vertical-align: middle;
  color: #E52342;
  background: transparent;
  border: 1px solid #E52342;
  padding: 0px 18px;
  height: 42px;
  line-height: 40px;
  font-size: 14px;
  font-family: 'Proxima_Nova_Regular';
}
a.button_sekundaer.mobile, a.button_sekundaer:focus.mobile, a.button_sekundaer:active.mobile {
  display: none;
}
a.button_sekundaer:hover, a.button_sekundaer:focus, a.button_sekundaer:active {
  background: #E52342;
  color: #ffffff;
}
h1, h2, h3, h4, h5, h6 {
  margin-top: 0px;
}
h1 {
  font-size: 60px;
  font-family: 'Proxima_Nova_Bold';
  color: #213548;
  margin-bottom: 55px;
}
h1.h2 {
  font-size: 30px;
  font-family: 'Proxima_Nova_Light';
  color: #213548;
  padding-bottom: 30px;
  margin-bottom: 40px;
  border-bottom: 1px dashed #8E9AA5;
  letter-spacing: 1px;
}
h2 {
  font-size: 30px;
  font-family: 'Proxima_Nova_Light';
  color: #213548;
  padding-bottom: 25px;
  margin-bottom: 50px;
  border-bottom: 1px dashed #8E9AA5;
  position: relative;
  letter-spacing: 1px;
}
h2.abstand {
  padding-right: 350px;
}
h2 a.button_sekundaer {
  position: absolute;
  right: 0px;
  bottom: 23px;
}
h2 strong {
  font-family: 'Proxima_Nova_Bold';
}
h3 {
  font-size: 20px;
  font-family: 'Proxima_Nova_Bold';
  color: #213548;
  margin-bottom: 15px;
  letter-spacing: 1px;
}
h3 span {
  display: block;
  color: #6B737C;
}
h4 {
  font-size: 16px;
  font-family: 'Proxima_Nova_Bold';
  color: #213548;
  margin: 0px;
  letter-spacing: 1px;
}
.clear {
  clear: both;
  float: none;
  width: 100%;
}
.responsive_video {
  position: relative;
  padding-bottom: 56%;
  height: 0;
  overflow: hidden;
  width: 100%;
}
.responsive_video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#phone {
  display: none;
}
.bild_links {
  float: left;
  margin: 0px 15px 5px 0px;
}
#karte div {
  width: auto;
}
.anker {
  position: relative;
}
.anker a {
  position: absolute;
  top: -60px;
}
.button-top {
  position: fixed;
  right: 0px;
  bottom: 62px;
  width: 56px;
  z-index: 500;
}
.button-top a, .button-top a:link, .button-top a:visited {
  display: block;
  width: 56px;
  height: 56px;
  background-color: #E52342;
  background-image: url(/basics/images/arrow-up_icon.svg);
  background-position: center center;
  background-repeat: no-repeat;
}
.button-top a:hover, .button-top a:focus, .button-top a:active {
  background-color: #B92C42;
}
/*  ------------------------------------------------------
AKKORDEON
--------------------------------------------------------*/
a.akk_anzeigen, a.akk_anzeigen:link, a.akk_anzeigen:visited {
  display: block;
  padding: 3px 7px;
  background-color: #eee;
  color: #aaa;
  margin-bottom: 15px;
}
a.akk_anzeigen:hover, a.akk_anzeigen:focus, a.akk_anzeigen:active {
  color: #000000;
  text-decoration: none;
}
.linie {
  border-bottom: 1px solid #eee;
  margin: 0px 0px 15px 0px;
}
/*h2.akkordeon {
	font-size: 16px;
	margin: 0px 0px 5px 0px;
	font-family: 'Proxima_Nova_Bold';
	color: #000000;
}*/
p.akkordeonteaser {
  color: #aaa;
}
.akkordeontext3 img, .akkordeontext3 video {
  margin-bottom: 20px;
}
/***********************
Header
***********************/
.header {
  padding: 42px 0px;
}
.header a.link, .header a.link:link, .header a.link:visited {
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
  background-repeat: no-repeat;
  background-position: left center;
}
.header a.link.mail, .header a.link:link.mail, .header a.link:visited.mail {
  padding-left: 33px;
  background-image: url(/basics/images/header_icon-mail.svg);
}
.header a.link.phone, .header a.link:link.phone, .header a.link:visited.phone {
  padding-left: 29px;
  background-image: url(/basics/images/header_icon-phone.svg);
  margin-left: 70px;
}
.header button {
  margin-left: 70px;
  background: none;
  border: none;
  cursor: pointer;
}
.header button p {
  font-size: 16px;
  font-family: 'Proxima_Nova_Bold';
  color: #E52342;
  text-transform: uppercase;
  display: inline-block;
  vertical-align: middle;
  margin: 0px 15px 0px 0px;
}
.header button .icon {
  display: inline-block;
  vertical-align: middle;
  width: 22px;
  height: 14px;
  position: relative;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: 0.5s ease-in-out;
  -moz-transition: 0.5s ease-in-out;
  -o-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
  cursor: pointer;
}
.header button .icon span {
  display: block;
  position: absolute;
  height: 2px;
  width: 100%;
  background: #E52342;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
}
.header button .icon span:nth-child(1) {
  top: 0px;
  width: 14px;
}
.header button .icon span:nth-child(2) {
  top: 6px;
}
.header button .icon span:nth-child(3) {
  top: 12px;
  width: 14px;
}
.header button.open .icon span:nth-child(1) {
  top: 6px;
  width: 100%;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}
.header button.open .icon span:nth-child(2) {
  opacity: 0;
}
.header button.open .icon span:nth-child(3) {
  top: 6px;
  width: 100%;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
}
#menu {
  position: fixed;
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
  width: 100%;
  height: 100%;
  z-index: 2000;
}
#menu.header {
  padding: 0px;
}
#menu.header .head {
  padding: 40px 0px;
  background: #0F1F2E;
}
#menu.header .body {
  height: 88.5%;
  height: calc(100% - 116px);
  /*background: url(/basics/images/header_menu-bg.jpg);
			background-repeat: repeat-y;
			background-position: left top;
			background-size: 100% auto;*/
  /*background: $schwarz;*/
  background: #0F1F2E;
  overflow-y: auto;
  /*.left {
				background: $weiss;
				height: 100%;
				display: table;
				padding-bottom: 10vh;
				
				.zentriert {
					display: table-cell;
					vertical-align: bottom;
				}
				
				.nav-tabs { 
					border: none;
					margin-bottom: 50px;
					
					.nav-item { 
						color: $mittelgrau;
						font-size: 30px;
						font-family: 'Proxima_Nova_Regular';
						border: none;
						border-bottom: 2px solid transparent;
						padding: 0px 0px 15px 0px;
						margin-left: 2vw;
						
						&:first-child {
							margin-left: 0px;
						}
						
						&:hover, &:focus, &:active {
							color: $rot;
							border: none;
							border-bottom: 2px solid transparent;
						}
						
						&.active {
							color: $rot;
							font-family: 'Proxima_Nova_Bold';
							border: none;
							border-bottom: 2px solid $rot;
						}
					}
				}
				
				.social {
					padding-top: 6vh;
					
					img {
						display: inline-block;
						vertical-align: top;
						margin: 10px;
						transition: all 0.5s ease;
						-webkit-transition: all 0.5s ease;
						-moz-transition: all 0.5s ease;
						-ms-transition: all 0.5s ease;
						-o-transition: all 0.5s ease;
						
						&:first-child {
							margin-left: 0px;
						}
						
						&:hover, &:focus, &:active {
							opacity: 0.6;
							transition: all 0.5s ease;
							-webkit-transition: all 0.5s ease;
							-moz-transition: all 0.5s ease;
							-ms-transition: all 0.5s ease;
							-o-transition: all 0.5s ease;
						}
					}
				}
			}*/
}
#menu.header .body .width {
  height: 100%;
}
#menu.header .body .width .row {
  height: 100%;
}
#menu.header .body .right {
  /*background: $schwarz;*/
  background: #0F1F2E;
  height: 100%;
  /*text-align: right;*/
  text-align: center;
  display: table;
  padding-bottom: 10vh;
}
#menu.header .body .right .zentriert {
  display: table-cell;
  /*vertical-align: bottom;*/
  vertical-align: middle;
}
#menu.header .body .right ul {
  list-style-type: none;
  /*margin-bottom: 80px;*/
  margin: 0px;
}
#menu.header .body .right ul li {
  display: block;
  /*margin-bottom: 10px;*/
  margin: 10px 0px;
}
#menu.header .body .right ul li a, #menu.header .body .right ul li a:link, #menu.header .body .right ul li a:visited {
  color: #8E9AA5;
  font-size: 60px;
  line-height: normal;
  font-family: 'Proxima_Nova_Bold';
  text-transform: uppercase;
}
#menu.header .body .right ul li a:hover, #menu.header .body .right ul li a:focus, #menu.header .body .right ul li a:active {
  color: #E52342;
}
#menu.header .body .right ul li.active a, #menu.header .body .right ul li.active a:link, #menu.header .body .right ul li.active a:visited {
  color: #ffffff;
}
#menu.header .body .right ul li.active a:hover, #menu.header .body .right ul li.active a:focus, #menu.header .body .right ul li.active a:active {
  color: #E52342;
}
#menu.header .body .right a.link, #menu.header .body .right a.link:link, #menu.header .body .right a.link:visited {
  display: none;
  vertical-align: middle;
  font-size: 16px;
  background-repeat: no-repeat;
  background-position: left center;
}
#menu.header .body .right a.link.mail, #menu.header .body .right a.link:link.mail, #menu.header .body .right a.link:visited.mail {
  padding-left: 33px;
  background-image: url(/basics/images/header_icon-mail.svg);
  margin-bottom: 10px;
  margin-top: 30px;
}
#menu.header .body .right a.link.phone, #menu.header .body .right a.link:link.phone, #menu.header .body .right a.link:visited.phone {
  padding-left: 29px;
  background-image: url(/basics/images/header_icon-phone.svg);
  margin-left: 0px;
}
#scrollnavi {
  background: #ffffff;
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  z-index: 2000;
  border-bottom: 1px solid #F2F5F7;
}
/***********************
Headerbild
***********************/
.headerbild {
  position: relative;
  margin-bottom: 120px;
}
.headerbild .headerbildslider {
  width: 100%;
  max-width: 1780px;
  margin: 0px auto;
  position: relative;
}
.headerbild .headerbildslider:before {
  content: "";
  background-image: url(/basics/images/header_transparenz.png);
  background-repeat: repeat;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 10;
}
.headerbild .bild {
  width: 100%;
  max-width: 1780px;
  margin: 0 auto;
  /*height: 85vh;
		height: calc(100vh - 186px);*/
  height: 760px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  z-index: 5;
}
.headerbild .textbox {
  padding: 0px 70px;
  position: absolute;
  z-index: 10;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  bottom: 0px;
  text-align: center;
}
.headerbild .textbox .textbox-inner {
  /*display: table;*/
  width: 100%;
  height: 100%;
}
.headerbild .textbox .textbox-inner .zentriert {
  /*display: table-cell;
				vertical-align: middle;
				padding-bottom: 45vh;*/
  padding-top: 9%;
}
.headerbild .textbox .textbox-inner .zentriert img {
  display: block;
  margin: 0px auto 50px auto;
}
.headerbild .textbox .textbox-inner .zentriert h1 {
  color: #ffffff;
  font-size: 60px;
  line-height: 60px;
  font-family: 'Proxima_Nova_Bold';
  text-transform: uppercase;
  margin: 0px;
  display: inline;
}
.headerbild .textbox .textbox-inner .zentriert .typed-cursor {
  color: #ffffff;
  font-size: 60px;
  line-height: 60px;
  font-family: 'Proxima_Nova_Light';
  margin-left: 5px;
}
.headerbild .einstieg {
  padding: 60px 50px;
  text-align: center;
  background-image: url(/basics/images/background.svg);
  background-repeat: no-repeat;
  background-position: center bottom;
  background-attachment: fixed;
  -webkit-background-size: cover !important;
  -moz-background-size: cover !important;
  -o-background-size: cover;
  background-size: cover !important;
  position: relative;
  margin-top: -210px;
  z-index: 100;
}
.headerbild .einstieg p {
  color: #ffffff;
  width: 100%;
  max-width: 840px;
  margin: 0px auto 20px auto;
  font-size: 20px;
  line-height: 30px;
  margin-bottom: 30px;
}
.headerbild .einstieg p a, .headerbild .einstieg p a:link, .headerbild .einstieg p a:visited {
  color: #ffffff;
  text-decoration: underline;
}
.headerbild .einstieg p a:hover, .headerbild .einstieg p a:focus, .headerbild .einstieg p a:active {
  color: #ffffff;
  text-decoration: none;
}
.headerbild .einstieg a.button, .headerbild .einstieg a.button:link, .headerbild .einstieg a.button:visited {
  border: 1px solid #ffffff;
  background-color: transparent;
  width: 335px;
  max-width: 100%;
}
.headerbild .einstieg a.button span, .headerbild .einstieg a.button:link span, .headerbild .einstieg a.button:visited span {
  height: 54px;
  line-height: 54px;
  background-color: transparent;
}
.headerbild .einstieg a.button span.zusatz, .headerbild .einstieg a.button:link span.zusatz, .headerbild .einstieg a.button:visited span.zusatz {
  height: 54px;
  background-color: transparent;
  border-left: 1px solid #ffffff;
}
.headerbild .einstieg a.button:hover, .headerbild .einstieg a.button:focus, .headerbild .einstieg a.button:active {
  background-color: #B92C42;
}
.headerbild .einstieg a.button:hover span, .headerbild .einstieg a.button:focus span, .headerbild .einstieg a.button:active span {
  background-color: #B92C42;
}
.headerbild .einstieg a.button:hover span.zusatz, .headerbild .einstieg a.button:focus span.zusatz, .headerbild .einstieg a.button:active span.zusatz {
  background-color: #B92C42;
}
.headerbild.projekt .einstieg {
  padding: 60px 50px 10px 50px;
  text-align: left;
}
.headerbild.projekt .einstieg.schrift-weiss h1, .headerbild.projekt .einstieg.schrift-weiss p {
  color: #ffffff;
}
.headerbild.projekt .einstieg p {
  font-size: 16px;
  line-height: 30px;
  margin-bottom: 50px;
  color: #213548;
}
.headerbild.projekt .einstieg p strong {
  display: block;
}
.headerbild.projekt a.zurueck, .headerbild.projekt a.zurueck:link, .headerbild.projekt a.zurueck:visited {
  background-image: url(/basics/images/projektdetail_zurueck-icon.svg);
  background-repeat: no-repeat;
  background-position: left center;
  padding-left: 25px;
  font-size: 14px;
  font-family: 'Proxima_Nova_Regular';
  display: block;
  margin-top: 20px;
}
.header_abstand {
  height: 80px;
}
/***********************
Leistungen
***********************/
.leistungen {
  margin-bottom: 70px;
}
.leistungen .leistungsslider {
  margin-bottom: 0px;
}
.leistungen .leistungsslider .slick-slide img {
  display: inline-block;
  margin-bottom: 25px;
}
.leistungen .leistungsslider .slick-dots {
  margin: 0px;
  position: relative;
  bottom: inherit;
}
.leistungen .leistungsslider .slick-dots li button {
  width: 10px;
  height: 10px;
  padding: 0px;
  border: 1px solid #8E9AA5;
  background: none;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  -moz-border-radius: 50%;
}
.leistungen .leistungsslider .slick-dots li button:before {
  display: none;
}
.leistungen .leistungsslider .slick-dots li.slick-active button {
  background: #8E9AA5;
}
/***********************
Projektslider
***********************/
.projekte {
  margin-bottom: 100px;
}
.projekte .box {
  margin-bottom: 50px;
}
.projekte .box .slick-slider {
  margin-bottom: 20px;
  overflow: hidden;
}
.projekte .box .slick-slider .slick-prev, .projekte .box .slick-slider .slick-next {
  width: 80px;
  height: 100%;
  top: 0px;
  margin: 0px;
  background-repeat: no-repeat;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
}
.projekte .box .slick-slider .slick-prev:before, .projekte .box .slick-slider .slick-next:before {
  display: none;
}
.projekte .box .slick-slider .slick-prev {
  left: -80px;
  background-image: url(/basics/images/projekte_slider-links.svg);
  background-position: right 45px center;
}
.projekte .box .slick-slider .slick-next {
  right: -80px;
  background-image: url(/basics/images/projekte_slider-rechts.svg);
  background-position: left 45px center;
}
.projekte .box .slick-slider:hover .slick-prev, .projekte .box .slick-slider:focus .slick-prev, .projekte .box .slick-slider:active .slick-prev {
  left: 0px;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
}
.projekte .box .slick-slider:hover .slick-next, .projekte .box .slick-slider:focus .slick-next, .projekte .box .slick-slider:active .slick-next {
  right: 0px;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
}
.projekte .box .slick-slider .slick-dots {
  margin: 0px;
  bottom: 15px;
}
.projekte .box .slick-slider .slick-dots li {
  height: 0px;
}
.projekte .box .slick-slider .slick-dots li button {
  width: 10px;
  height: 10px;
  padding: 0px;
  border: 1px solid #ffffff;
  background: none;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  -moz-border-radius: 50%;
}
.projekte .box .slick-slider .slick-dots li button:before {
  display: none;
}
.projekte .box .slick-slider .slick-dots li.slick-active button {
  background: #ffffff;
}
.projekte .box h3 {
  color: #E52342;
  margin-bottom: 5px;
}
.projekte .box p {
  margin: 0px;
  line-height: normal;
}
.projekte.uebersicht h1 {
  position: relative;
}
.projekte.uebersicht h1 select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  color: #E52342;
  font-size: 16px;
  font-family: 'Proxima_Nova_Bold';
  text-transform: uppercase;
  border: none;
  background: none;
  background-image: url(/basics/images/select_icon.svg);
  background-repeat: no-repeat;
  background-position: right center;
  padding-right: 25px;
}
.projekte.uebersicht h1 .selectric-wrapper {
  width: auto;
  display: inline-block;
  position: absolute;
  right: 0px;
  bottom: 22px;
}
.projekte.uebersicht h1 .selectric-wrapper .selectric {
  background: none;
  border: none;
  padding: 0px;
  border-radius: 0px;
}
.projekte.uebersicht h1 .selectric-wrapper .selectric span.label {
  color: #E52342;
  font-size: 16px;
  font-family: 'Proxima_Nova_Bold';
  text-transform: uppercase;
  margin: 0px;
  padding-right: 25px;
}
.projekte.uebersicht h1 .selectric-wrapper .selectric .button {
  text-indent: -9999px;
  background-image: url(/basics/images/select_icon.svg);
  background-repeat: no-repeat;
  background-position: right center;
}
.projekte.uebersicht h1 .selectric-wrapper .selectric .button:after {
  display: none;
}
.projekte.uebersicht h1 .selectric-wrapper .selectric-items {
  right: 0px;
  left: inherit;
  width: auto !important;
  border: none;
}
.projekte.uebersicht h1 .selectric-wrapper .selectric-items ul li.selected, .projekte.uebersicht h1 .selectric-wrapper .selectric-items ul li.highlighted {
  background: #B92C42;
}
.projekte.uebersicht .box .bildbox {
  margin-bottom: 20px;
  background-color: #E52342;
  position: relative;
}
.projekte.uebersicht .box .bildbox .bild {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  height: 300px;
  opacity: 1;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
}
.projekte.uebersicht .box .bildbox .plusbox {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
}
.projekte.uebersicht .box .bildbox .plusbox .zentriertbox {
  display: table;
  width: 100%;
  height: 100%;
}
.projekte.uebersicht .box .bildbox .plusbox .zentriertbox .zentriert {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  opacity: 0;
}
.projekte.uebersicht .box .bildbox .plusbox .zentriertbox .zentriert img {
  display: inline-block;
}
.projekte.uebersicht .box .bildbox:hover .bild, .projekte.uebersicht .box .bildbox:focus .bild, .projekte.uebersicht .box .bildbox:active .bild {
  opacity: 0.7;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
}
.projekte.uebersicht .box .bildbox:hover .plusbox .zentriertbox .zentriert, .projekte.uebersicht .box .bildbox:focus .plusbox .zentriertbox .zentriert, .projekte.uebersicht .box .bildbox:active .plusbox .zentriertbox .zentriert {
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  opacity: 1;
}
.projekte.uebersicht.team .modal.show {
  padding-right: 0px !important;
}
.projekte.uebersicht.team .modal.show .modal-dialog {
  width: 800px;
  max-width: 95%;
  margin-left: auto;
  margin-right: auto;
}
.projekte.uebersicht.team .modal.show .modal-dialog .modal-content {
  border: none;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  -webkit-box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.15);
  padding: 70px 80px;
}
.projekte.uebersicht.team .modal.show .modal-dialog .modal-content .modal-header {
  position: relative;
  padding: 0px;
  border: none;
}
.projekte.uebersicht.team .modal.show .modal-dialog .modal-content .modal-header .close {
  position: absolute;
  right: -34px;
  top: -28px;
  padding: 0px;
  opacity: 1;
  cursor: pointer;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
}
.projekte.uebersicht.team .modal.show .modal-dialog .modal-content .modal-header .close:hover, .projekte.uebersicht.team .modal.show .modal-dialog .modal-content .modal-header .close:focus, .projekte.uebersicht.team .modal.show .modal-dialog .modal-content .modal-header .close:active {
  opacity: 0.5;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
}
.projekte.uebersicht.team .modal.show .modal-dialog .modal-content .modal-header .close span {
  text-indent: -9999px;
  background-image: url(/basics/images/close_icon.svg);
  background-position: right top;
  background-repeat: no-repeat;
  display: block;
  width: 20px;
  height: 20px;
}
.projekte.uebersicht.team .modal.show .modal-dialog .modal-content .modal-header img {
  display: block;
  width: 100%;
  height: auto;
  margin-bottom: 45px;
}
.projekte.uebersicht.team .modal.show .modal-dialog .modal-content .modal-body {
  padding: 0px;
  border: none;
}
.projekte.uebersicht.team .modal.show .modal-dialog .modal-content .modal-body h2 p {
  position: absolute;
  right: 0px;
  bottom: 29px;
  margin: 0px;
  color: #213548;
}
.projekte.uebersicht.team .modal.show .modal-dialog .modal-content .modal-footer {
  padding: 40px 0px 0px 0px;
  text-align: left;
  border: none;
  justify-content: flex-start;
}
.projekte.uebersicht.team .modal.show .modal-dialog .modal-content .modal-footer a.button_sekundaer, .projekte.uebersicht.team .modal.show .modal-dialog .modal-content .modal-footer a.button_sekundaer:link, .projekte.uebersicht.team .modal.show .modal-dialog .modal-content .modal-footer a.button_sekundaer:visited {
  background-image: url(/basics/images/team_icon-mail-rot.svg);
  background-position: left 20px center;
  background-repeat: no-repeat;
  padding-left: 55px;
  margin-right: 20px;
}
.projekte.uebersicht.team .modal.show .modal-dialog .modal-content .modal-footer a.button_sekundaer:hover, .projekte.uebersicht.team .modal.show .modal-dialog .modal-content .modal-footer a.button_sekundaer:focus, .projekte.uebersicht.team .modal.show .modal-dialog .modal-content .modal-footer a.button_sekundaer:active {
  background-image: url(/basics/images/team_icon-mail-weiss.svg);
}
.projekte.uebersicht.team .modal.show .modal-dialog .modal-content .modal-footer img {
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  cursor: pointer;
}
.projekte.uebersicht.team .modal.show .modal-dialog .modal-content .modal-footer img:hover, .projekte.uebersicht.team .modal.show .modal-dialog .modal-content .modal-footer img:focus, .projekte.uebersicht.team .modal.show .modal-dialog .modal-content .modal-footer img:active {
  opacity: 0.5;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
}
/***********************
Warum wir - Slider
***********************/
.warum_wir_box {
  position: relative;
  margin-bottom: 90px;
}
.warum_wir_box:after {
  content: "";
  display: block;
  background: #F2F5F7;
  position: absolute;
  right: 0px;
  top: 0px;
  bottom: 0px;
  width: 50%;
  z-index: -1;
}
.warum_wir_box.abstand {
  margin-bottom: 0px;
}
.warum_wir_box.abstand:after {
  bottom: -115px;
}
.warum_wir_box .warum_wir {
  background: #F2F5F7;
  padding: 115px 0px 100px 0px;
  width: 100%;
  max-width: 1780px;
  margin: 0 auto;
}
.warum_wir_box .warum_wir .warumslider {
  margin-bottom: 60px;
}
.warum_wir_box .warum_wir .warumslider .box img {
  width: 100%;
  height: auto;
}
.warum_wir_box .warum_wir .warumslider .box .text {
  background: #ffffff;
  padding: 30px 20px;
}
.warum_wir_box .warum_wir .warumslider .box .text p {
  margin: 0px;
}
.warum_wir_box .warum_wir .warumslider .slick-dots {
  margin: 0px;
  position: relative;
  bottom: inherit;
}
.warum_wir_box .warum_wir .warumslider .slick-dots li button {
  width: 10px;
  height: 10px;
  padding: 0px;
  border: 1px solid #8E9AA5;
  background: none;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  -moz-border-radius: 50%;
}
.warum_wir_box .warum_wir .warumslider .slick-dots li button:before {
  display: none;
}
.warum_wir_box .warum_wir .warumslider .slick-dots li.slick-active button {
  background: #8E9AA5;
}
.wir-boxen {
  margin-bottom: 70px;
}
.wir-boxen .box {
  margin-bottom: 50px;
}
.wir-boxen .box .links {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 350px;
}
.wir-boxen .box .rechts {
  padding: 40px 30px 20px 30px;
}
.wir-boxen .box .rechts h3.hell, .wir-boxen .box .rechts p.hell {
  color: #ffffff;
}
/***********************
Kundenstimmen
***********************/
.kundenstimmen_box {
  position: relative;
  margin-bottom: 90px;
}
.kundenstimmen_box:after {
  content: "";
  display: block;
  background: #213548;
  position: absolute;
  left: 0px;
  top: 0px;
  bottom: 0px;
  width: 50%;
  z-index: -1;
}
.kundenstimmen_box .kundenstimmen {
  background: #213548;
  padding: 115px 0px 100px 0px;
  width: 100%;
  max-width: 1780px;
  margin: 0 auto;
}
.kundenstimmen_box .kundenstimmen h2 {
  color: #ffffff;
}
.kundenstimmen_box .kundenstimmen img.bild {
  display: inline-block;
  vertical-align: middle;
  margin: 5px 15px 5px 0px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}
.kundenstimmen_box .kundenstimmen p {
  margin: 0px;
  color: #8E9AA5;
  line-height: 24px;
  display: inline-block;
  vertical-align: middle;
}
.kundenstimmen_box .kundenstimmen p strong {
  color: #ffffff;
}
.kundenstimmen_box .kundenstimmen p img {
  height: 22px;
  width: auto;
  display: inline-block;
  vertical-align: text-bottom;
}
.kundenstimmen_box .kundenstimmen .box .text {
  padding: 25px;
  background: #41586E;
  margin-bottom: 25px;
  position: relative;
}
.kundenstimmen_box .kundenstimmen .box .text:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 7px 7.5px 0 7.5px;
  border-color: #41586E transparent transparent transparent;
  position: absolute;
  left: 25px;
  bottom: -7px;
}
.kundenstimmen_box .kundenstimmen .box .text p {
  margin: 0px;
  color: #ffffff;
  font-size: 14px;
  line-height: 24px;
}
.kundenstimmen_box .kundenstimmen .box .text p a, .kundenstimmen_box .kundenstimmen .box .text p a:link, .kundenstimmen_box .kundenstimmen .box .text p a:visited {
  color: #ffffff;
  text-decoration: underline;
}
.kundenstimmen_box .kundenstimmen .box .text p a:hover, .kundenstimmen_box .kundenstimmen .box .text p a:focus, .kundenstimmen_box .kundenstimmen .box .text p a:active {
  color: #ffffff;
  text-decoration: none;
}
.kundenstimmen_box.projekt {
  margin-bottom: 55px;
}
.kundenstimmen_box.projekt .kundenstimmen {
  padding: 100px 0px 85px 0px;
}
/***********************
Logoslider
***********************/
.logos {
  margin-bottom: 80px;
}
.logos .logoslider {
  margin-bottom: 40px;
}
.logos .logoslider .slick-slide .box {
  background: #F2F5F7;
  text-align: center;
  display: table;
  width: 100%;
  height: 225px;
}
.logos .logoslider .slick-slide .box .zentriert {
  display: table-cell;
  vertical-align: middle;
}
.logos .logoslider .slick-slide .box .zentriert img {
  background: #ffffff;
  display: inline-block;
  border: 20px solid transparent;
  max-width: 80%;
  height: auto;
  -webkit-filter: grayscale(100%);
  /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);
  opacity: 0.6;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
}
.logos .logoslider .slick-slide:hover .box .zentriert img, .logos .logoslider .slick-slide:focus .box .zentriert img, .logos .logoslider .slick-slide:active .box .zentriert img {
  border: 20px solid #ffffff;
  -webkit-filter: none;
  filter: none;
  opacity: 1;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
}
.logos .logoslider .slick-dots {
  margin: 0px;
  position: relative;
  bottom: inherit;
  padding-top: 30px;
  line-height: 0px;
}
.logos .logoslider .slick-dots li {
  height: 10px;
}
.logos .logoslider .slick-dots li button {
  width: 10px;
  height: 10px;
  padding: 0px;
  border: 1px solid #8E9AA5;
  background: none;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  -moz-border-radius: 50%;
}
.logos .logoslider .slick-dots li button:before {
  display: none;
}
.logos .logoslider .slick-dots li.slick-active button {
  background: #8E9AA5;
}
.logos .logoslider .slick-prev, .logos .logoslider .slick-next {
  margin: 0px;
  top: 0px;
  height: 85%;
  height: calc(100% - 41px);
  width: 50px;
  background-repeat: no-repeat;
}
.logos .logoslider .slick-prev:before, .logos .logoslider .slick-next:before {
  display: none;
}
.logos .logoslider .slick-prev {
  left: -35px;
  background-image: url(/basics/images/kunden_slider-links.svg);
  background-position: left 15px center;
}
.logos .logoslider .slick-next {
  right: -35px;
  background-image: url(/basics/images/kunden_slider-rechts.svg);
  background-position: right 15px center;
}
.logos.fakten .logoslider .slick-slide .box .zentriert img {
  border: none;
  max-width: 70%;
  height: auto;
  -webkit-filter: none;
  filter: none;
  opacity: 1;
}
/***********************
Kundenliste
***********************/
.kundenliste {
  margin-bottom: 60px;
}
.kundenliste .box {
  margin-bottom: 50px;
}
.kundenliste .box p {
  margin: 0px;
}
.kundenliste .box p span {
  display: block;
}
.kundenliste.fortlaufend .box {
  width: 100%;
  column-count: 4;
  -webkit-column-count: 4;
  -moz-column-count: 4;
  -ms-column-count: 4;
  -o-column-count: 4;
  column-gap: 30px;
  -webkit-column-gap: 30px;
  -moz-column-gap: 30px;
  -ms-column-gap: 30px;
  -o-column-gap: 30px;
}
.kundenliste.fortlaufend .box ul {
  /*padding-left: 17px;*/
  list-style-type: none;
}
/***********************
Projekteinstieg
***********************/
.projekt_einstieg {
  margin-bottom: 95px;
}
.projekt_einstieg img {
  width: 100%;
  height: auto;
  margin-bottom: 55px;
}
/***********************
Projektreferenz hellgrau
***********************/
.projekt_referenz_hellgrau {
  background: #F2F5F7;
  width: 100%;
  max-width: 1780px;
  margin: 0px auto 95px auto;
  padding: 80px 0px;
  position: relative;
}
.projekt_referenz_hellgrau.ueberlappung {
  padding-bottom: 160px;
  margin-bottom: 0px;
}
.projekt_referenz_hellgrau.ueberlappung:after {
  content: "";
  display: block;
  background: #F2F5F7;
  position: absolute;
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: -185px;
  z-index: -1;
}
.projekt_referenz_hellgrau.kein-padding {
  padding-bottom: 0px;
}
/***********************
Projektreferenz dunkel
***********************/
.projekt_referenz_dunkel {
  margin-bottom: 95px;
}
.projekt_referenz_dunkel .box {
  background: #414141;
  padding: 35px 45px 70px 45px;
}
.projekt_referenz_dunkel .box h3, .projekt_referenz_dunkel .box p {
  color: #ffffff;
}
.projekt_referenz_dunkel .box img {
  width: auto;
  max-width: 100%;
  margin: 60px auto 0px auto;
  display: block;
}
.projekt_referenz_dunkel .monitor {
  position: relative;
}
.projekt_referenz_dunkel .monitor img {
  width: 100%;
  height: auto;
}
.projekt_referenz_dunkel .monitor img.monitor_overlay {
  position: relative;
  z-index: 50;
}
.projekt_referenz_dunkel .monitor .screenshot {
  position: absolute;
  left: 4.18%;
  right: 11%;
  top: 5.2%;
  bottom: 22.2%;
  width: 84.82%;
  overflow-y: scroll;
  z-index: 100;
}
.projekt_referenz_dunkel .monitor .screenshot img {
  margin: 0px;
}
.projekt_referenz_dunkel .smartphone_box {
  text-align: center;
}
.projekt_referenz_dunkel .smartphone_box .smartphone {
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: 30%;
  margin: 0px 1%;
}
.projekt_referenz_dunkel .smartphone_box .smartphone img {
  width: auto;
  height: auto;
}
.projekt_referenz_dunkel .smartphone_box .smartphone img.smartphone_overlay {
  position: relative;
  z-index: 50;
}
.projekt_referenz_dunkel .smartphone_box .smartphone .video {
  position: absolute;
  left: 6.5%;
  right: 0px;
  top: 10%;
  bottom: 2.6%;
  width: 86.7%;
  height: auto;
  border-radius: 35px;
  -moz-border-radius: 35px;
  -webkit-border-radius: 35px;
  -ms-border-radius: 35px;
  -o-border-radius: 35px;
  z-index: 100;
  overflow: hidden;
}
.projekt_referenz_dunkel .smartphone_box .smartphone .video video {
  width: 100%;
  height: 100%;
  background: none;
}
/***********************
Projektreferenz Bilder
***********************/
.projekt_referenz_bilder {
  margin-bottom: 65px;
  /*.bild {
		width: 100%;
		height: 0px;
		padding-bottom: 65%;
		background-repeat: no-repeat;
		background-position: center center;
		margin-bottom: 30px;
	}*/
}
.projekt_referenz_bilder .bildbox {
  position: relative;
  margin-bottom: 30px;
}
.projekt_referenz_bilder .bildbox img {
  width: 100%;
  height: auto;
}
.projekt_referenz_bilder .bildbox .textbox {
  position: absolute;
  left: 100px;
  z-index: 200;
  width: 320px;
  max-width: 80%;
}
.projekt_referenz_bilder .bildbox .textbox.unten {
  bottom: 75px;
}
.projekt_referenz_bilder .bildbox .textbox.oben {
  top: 75px;
}
.projekt_referenz_bilder .bildbox .textbox p {
  margin: 0px;
}
.projekt_referenz_bilder .bildbox .textbox p strong {
  color: #213548;
}
.projekt_referenz_bilder .bildbox .textbox.weiss p {
  color: #ffffff;
}
.projekt_referenz_bilder .bildbox .textbox.weiss p strong {
  color: #ffffff;
}
/***********************
Projekteam
***********************/
.projektteam_box {
  margin-bottom: 95px;
  position: relative;
}
.projektteam_box.ueberlappung {
  margin-bottom: 0px;
}
.projektteam_box.ueberlappung:after {
  bottom: -143px;
}
.projektteam_box:after {
  content: "";
  display: block;
  background: #F2F5F7;
  position: absolute;
  right: 0px;
  top: 0px;
  bottom: 0px;
  width: 50%;
  z-index: -1;
}
.projektteam_box .projektteam {
  background: #F2F5F7;
  width: 100%;
  max-width: 1780px;
  margin: 0 auto;
  padding: 100px 0px 55px 0px;
}
.projektteam_box .projektteam .box {
  padding-bottom: 15px;
}
.projektteam_box .projektteam .box p span {
  display: block;
}
/***********************
Projekt Farbboxen
***********************/
.farbbox {
  margin: 0 auto 95px auto;
  padding: 0px 14px;
}
.farbbox .box {
  height: 78px;
  width: 100%;
  border: 1px solid #ffffff;
}
/***********************
Projekt Zurück-Button
***********************/
.projektbutton {
  margin-bottom: 100px;
}
/***********************
Headline + Text
***********************/
.headline_text {
  margin-bottom: 70px;
  /*h1 {
		font-size: 30px;
		font-family: 'Proxima_Nova_Light';
		color: $schwarz;
		padding-bottom: 30px;
		margin-bottom: 40px;
		border-bottom: 1px dashed $mittelgrau;
		letter-spacing: 1px;
	}

	h2 {
		font-size: 20px;
		font-family: 'Proxima_Nova_Bold';
		color: $schwarz;
		margin-bottom: 15px;
		letter-spacing: 1px;
	}

	h3 {
		font-size: 16px;
		font-family: 'Proxima_Nova_Bold';
		color: $schwarz;
		margin: 0px;
		letter-spacing: 1px;
	}*/
}
.headline_text.projektdetail {
  padding-top: 70px;
}
.headline_text ul, .headline_text ol {
  padding-left: 17px;
}
/***********************
Leistungen - Header
***********************/
.leistungen_header {
  background: #F2F5F7;
  padding: 130px 0px 85px 0px;
  margin-bottom: 120px;
}
.leistungen_header h1 {
  width: 100%;
  max-width: 435px;
}
.leistungen_header p {
  font-size: 25px;
  line-height: 35px;
  font-family: 'Proxima_Nova_Light';
  letter-spacing: 0.1px;
  width: 100%;
  max-width: 435px;
  margin-bottom: 55px;
}
.leistungen_header a.button {
  margin-bottom: 40px;
}
/***********************
Leistungen - Aufklapper
***********************/
.leistungen_aufklapper {
  margin-bottom: 50px;
}
.leistungen_aufklapper .box {
  padding-bottom: 25px;
}
.leistungen_aufklapper .box img {
  width: 100%;
  height: auto;
  margin-bottom: 25px;
}
.leistungen_aufklapper .box p.einleitung {
  font-size: 20px;
  line-height: 30px;
  font-family: 'Proxima_Nova_Light';
  margin-bottom: 30px;
}
.leistungen_aufklapper .box a.akkordeon, .leistungen_aufklapper .box a.akkordeon:link, .leistungen_aufklapper .box a.akkordeon:visited {
  color: #E52342;
  font-size: 16px;
  display: block;
  margin-bottom: 30px;
}
.leistungen_aufklapper .box a.akkordeon:before, .leistungen_aufklapper .box a.akkordeon:link:before, .leistungen_aufklapper .box a.akkordeon:visited:before {
  content: "+";
  margin-right: 5px;
}
.leistungen_aufklapper .box a.akkordeon:hover, .leistungen_aufklapper .box a.akkordeon:focus, .leistungen_aufklapper .box a.akkordeon:active {
  color: #B92C42;
}
.leistungen_aufklapper .box a.akkordeon.akkordeon_offen:before {
  content: "-";
}
.leistungen_aufklapper .box .akkordeonbox p {
  /*color: $schwarz;*/
}
/***********************
Leistungen Projektablauf
***********************/
.leistungen_projektablauf {
  margin-bottom: 70px;
}
.leistungen_projektablauf .mobile {
  display: none;
}
.leistungen_projektablauf .box {
  padding-top: 20px;
  margin-bottom: 60px;
}
.leistungen_projektablauf .box .hover-div {
  cursor: pointer;
}
.leistungen_projektablauf .box .hover-div .zahl {
  margin-bottom: 40px;
  position: relative;
}
.leistungen_projektablauf .box .hover-div .zahl span {
  display: inline-block;
  height: 54px;
  line-height: 55px;
  width: 54px;
  text-align: center;
  background: #8E9AA5;
  color: #ffffff;
  font-size: 25px;
  font-family: 'Proxima_Nova_Bold';
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
}
.leistungen_projektablauf .box .hover-div .zahl span:after {
  content: "";
  display: block;
  width: 120%;
  height: 1px;
  background: #8E9AA5;
  position: absolute;
  left: 0px;
  top: 27px;
  z-index: -1;
}
.leistungen_projektablauf .box .hover-div .zahl span:before {
  content: "";
  width: 95px;
  height: 95px;
  background: #E52342;
  opacity: 0;
  position: absolute;
  left: -20px;
  top: -20px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  z-index: -1;
}
.leistungen_projektablauf .box .hover-div .bezeichnung {
  margin-bottom: 15px;
}
.leistungen_projektablauf .box .hover-div .bezeichnung h4 {
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
}
.leistungen_projektablauf .box:nth-child(6) .hover-div .zahl span:after {
  display: none;
}
.leistungen_projektablauf .box .text {
  /* opacity: 0; */
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
}
.leistungen_projektablauf .box .text p {
  font-size: 15px;
  line-height: 25px;
  margin-bottom: 0px;
  -moz-hyphens: auto;
  -o-hyphens: auto;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}
.leistungen_projektablauf .box:hover .zahl span, .leistungen_projektablauf .box:focus .zahl span, .leistungen_projektablauf .box:active .zahl span {
  background: #E52342;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
}
.leistungen_projektablauf .box:hover .zahl span:before, .leistungen_projektablauf .box:focus .zahl span:before, .leistungen_projektablauf .box:active .zahl span:before {
  opacity: 0.5;
}
.leistungen_projektablauf .box:hover .bezeichnung h4, .leistungen_projektablauf .box:focus .bezeichnung h4, .leistungen_projektablauf .box:active .bezeichnung h4 {
  color: #E52342;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
}
.leistungen_projektablauf .box:hover .text, .leistungen_projektablauf .box:focus .text, .leistungen_projektablauf .box:active .text {
  /* opacity: 1; */
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
}
/***********************
Kontakt
***********************/
.kontakt {
  margin-bottom: 60px;
}
.kontakt .einstieg {
  padding-bottom: 35px;
}
.kontakt .einstieg p {
  font-size: 25px;
  line-height: 35px;
  font-family: 'Proxima_Nova_Light';
  margin-bottom: 25px;
}
.kontakt form {
  width: 100%;
  margin-bottom: 60px;
}
.kontakt form label {
  display: block;
  color: #213548;
  font-size: 14px;
  font-family: 'Proxima_Nova_Regular';
  line-height: 14px;
  margin-bottom: 10px;
}
.kontakt form input {
  display: block;
  width: 100%;
  margin-bottom: 35px;
  height: 42px;
  line-height: 40px;
  padding: 0px 10px;
  border: 1px solid #8E9AA5;
  color: #8E9AA5;
  background: #ffffff;
}
.kontakt form input[type="checkbox"] {
  display: inline-block;
  width: 20px;
  height: 20px;
  padding: 0px;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  margin: 4px 30px 0px 0px;
}
.kontakt form input[type="checkbox"]:checked {
  border: #B92C42;
  background: #B92C42;
}
.kontakt form textarea {
  display: block;
  width: 100%;
  margin-bottom: 35px;
  padding: 5px 10px;
  border: 1px solid #8E9AA5;
  color: #8E9AA5;
  background: #ffffff;
  height: 145px;
}
.kontakt form table td {
  vertical-align: top;
}
/***********************
Ansprechpartner
***********************/
.ansprechpartner {
  margin-bottom: 35px;
}
.ansprechpartner img {
  width: 100%;
  height: auto;
}
.ansprechpartner .box {
  background-image: url(/basics/images/background.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  background-attachment: fixed;
  padding: 40px 50px 35px 50px;
  text-align: center;
}
.ansprechpartner .box p {
  font-size: 16px;
  line-height: 26px;
  font-family: 'Proxima_Nova_Regular';
  margin-bottom: 40px;
  color: #ffffff;
}
.ansprechpartner .box p strong {
  font-size: 20px;
  font-family: 'Proxima_Nova_Bold';
}
.ansprechpartner .box a.button, .ansprechpartner .box a.button:link, .ansprechpartner .box a.button:visited {
  width: 100%;
  margin-bottom: 30px;
  background-color: transparent;
  border: 1px solid #ffffff;
}
.ansprechpartner .box a.button span, .ansprechpartner .box a.button:link span, .ansprechpartner .box a.button:visited span {
  height: 54px;
}
.ansprechpartner .box a.button .zusatz, .ansprechpartner .box a.button .zusatz.mail, .ansprechpartner .box a.button .zusatz.phone, .ansprechpartner .box a.button:link .zusatz, .ansprechpartner .box a.button:link .zusatz.mail, .ansprechpartner .box a.button:link .zusatz.phone, .ansprechpartner .box a.button:visited .zusatz, .ansprechpartner .box a.button:visited .zusatz.mail, .ansprechpartner .box a.button:visited .zusatz.phone {
  background-color: transparent;
  border-left: 1px solid #ffffff;
  height: 54px;
}
.ansprechpartner .box a.button:hover, .ansprechpartner .box a.button:focus {
  background-color: #B92C42;
}
.ansprechpartner .box a.button:hover .zusatz, .ansprechpartner .box a.button:hover .zusatz.mail, .ansprechpartner .box a.button:hover .zusatz.phone, .ansprechpartner .box a.button:focus .zusatz, .ansprechpartner .box a.button:focus .zusatz.mail, .ansprechpartner .box a.button:focus .zusatz.phone {
  background-color: #B92C42;
}
.ansprechpartner .box .social {
  padding-top: 15px;
}
.ansprechpartner .box .social img {
  width: auto;
  height: auto;
  display: inline-block;
  vertical-align: middle;
  margin: 5px 7px;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
}
.ansprechpartner .box .social img:hover, .ansprechpartner .box .social img:focus, .ansprechpartner .box .social img:active {
  opacity: 0.6;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
}
/***********************
Kontakt
***********************/
.jobs {
  margin-bottom: 120px;
}
.jobs .akkordeon .akkordeonbox h2 {
  cursor: pointer;
  margin-bottom: 25px;
  padding-right: 25px;
  background-image: url(/basics/images/jobs_akkordeon_plus.svg);
  background-position: right top 8px;
  background-repeat: no-repeat;
}
.jobs .akkordeon .akkordeonbox h2.akkordeon_offen {
  background-image: url(/basics/images/jobs_akkordeon_minus.svg);
  background-position: right top 15px;
}
.jobs .akkordeon .akkordeonbox .akkordeontext {
  padding-top: 25px;
  padding-bottom: 25px;
}
.jobs .akkordeon .akkordeonbox .akkordeontext img {
  width: 100%;
  height: auto;
  margin-bottom: 35px;
}
.jobs .akkordeon .akkordeonbox .akkordeontext ul {
  padding-left: 17px;
}
/***********************
404-Seite
***********************/
.footer_404 .footer_gespraech, .footer_404 .footer_mehr, .footer_404 .footer_standorte {
  display: none;
}
.footer_404 .footer_copyright {
  position: fixed;
  left: 0px;
  bottom: 0px;
  width: 100%;
  z-index: 500;
}
.seite_404 {
  height: 100%;
  background-image: url(/basics/images/404_bg.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  position: relative;
}
.seite_404 .box {
  display: table;
  width: 100%;
  height: 100%;
  padding-bottom: 60px;
  text-align: center;
}
.seite_404 .box .zentriert {
  display: table-cell;
  vertical-align: middle;
}
.seite_404 .box .zentriert .inhaltsbox {
  display: inline-block;
  width: auto;
  position: relative;
}
.seite_404 .box .zentriert .inhaltsbox img {
  position: absolute;
  left: -30px;
  top: -80px;
}
.seite_404 .box .zentriert .inhaltsbox h1 {
  font-size: 200px;
  line-height: 180px;
  font-family: 'Proxima_Nova_Bold';
  color: #ffffff;
  margin-bottom: 0px;
}
.seite_404 .box .zentriert .inhaltsbox h2  {
  font-size: 60px;
  line-height: 60px;
  font-family: 'Proxima_Nova_Bold';
  color: #ffffff;
  margin-bottom: 40px;
  padding: 0px;
  border: none;
}
.seite_404 .box .zentriert .inhaltsbox a.button {
  width: 100%;
  max-width: 335px;
}
/***********************
Zweispalter
***********************/
.zweispalter {
  margin-bottom: 75px;
}
.zweispalter.individuell {
  padding: 80px 0px 55px 0px;
  margin-bottom: 95px;
}
.zweispalter img {
  margin-bottom: 25px;
}
/***********************
Footer
***********************/
.footer_gespraech {
  margin-bottom: 100px;
  text-align: center;
}
.footer_gespraech .box {
  padding: 65px 15px 60px 15px;
  background-image: url(/basics/images/background.svg);
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
}
.footer_gespraech .box h2 {
  color: #ffffff;
  border: none;
  padding: 0px;
  margin-bottom: 20px;
}
.footer_gespraech .box p {
  color: #ffffff;
  font-size: 20px;
  margin-bottom: 45px;
}
.footer_gespraech .box a.button, .footer_gespraech .box a.button:link, .footer_gespraech .box a.button:visited {
  border: 1px solid #ffffff;
  background-color: #E52342;
  width: 335px;
  max-width: 100%;
  margin: 0px 10px 10px 10px;
}
.footer_gespraech .box a.button span, .footer_gespraech .box a.button:link span, .footer_gespraech .box a.button:visited span {
  height: 54px;
  line-height: 54px;
  background-color: transparent;
}
.footer_gespraech .box a.button span.zusatz, .footer_gespraech .box a.button:link span.zusatz, .footer_gespraech .box a.button:visited span.zusatz {
  height: 54px;
  background-color: transparent;
  border-left: 1px solid #ffffff;
}
.footer_gespraech .box a.button:hover, .footer_gespraech .box a.button:focus, .footer_gespraech .box a.button:active {
  background-color: #B92C42;
}
.footer_gespraech .box .social img {
  display: inline-block;
  vertical-align: middle;
  margin: 5px;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
}
.footer_gespraech .box .social img:hover, .footer_gespraech .box .social img:focus, .footer_gespraech .box .social img:active {
  opacity: 0.6;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
}
.footer_mehr {
  margin-bottom: 90px;
}
.footer_mehr h3 {
  margin-bottom: 25px;
  width: 500px;
  max-width: 100%;
}
.footer_mehr h3 span {
  font-family: 'Proxima_Nova_Light';
  line-height: 30px;
  display: block;
}
.footer_mehr a.button {
  margin-bottom: 35px;
}
.footer_mehr .banner {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  padding: 25px;
}
.footer_mehr .banner img {
  width: 100px;
  height: auto;
  margin-bottom: 15px;
}
.footer_mehr .banner p.label {
  font-size: 15px;
  line-height: normal;
  font-family: 'Proxima_Nova_Bold';
  letter-spacing: -0.1px;
  color: #174CF7;
  margin-bottom: 10px;
}
.footer_mehr .banner h3 {
  font-size: 24px;
  line-height: 26px;
  font-family: 'Proxima_Nova_Light';
  color: #ffffff;
  margin-bottom: 45px;
  width: 100%;
  max-width: 300px;
}
.footer_mehr .banner .button {
  width: 100%;
  background: #164CF8;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  cursor: pointer;
}
.footer_mehr .banner .button .zusatz {
  background-color: #123ABE;
}
.footer_mehr .banner .button:hover, .footer_mehr .banner .button:focus, .footer_mehr .banner .button:active {
  background: #123ABE;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  cursor: pointer;
}
.footer_standorte {
  background: #F2F5F7;
  padding: 100px 0px 30px 0px;
}
.footer_standorte .akkordeons {
  margin-bottom: 10px;
}
.footer_standorte .akkordeons .akkordeon_box h3 {
  color: #E52342;
  padding-left: 40px;
  background-position: left center;
  background-repeat: no-repeat;
  background-image: url(/basics/images/akkordeon_icon-zu.svg);
  cursor: pointer;
  margin-bottom: 20px;
}
.footer_standorte .akkordeons .akkordeon_box h3.offen {
  background-image: url(/basics/images/akkordeon_icon-offen.svg);
}
.footer_standorte .akkordeons .akkordeon_box .text {
  padding: 0px 0px 40px 40px;
}
.footer_standorte .akkordeons .akkordeon_box .text p {
  margin-bottom: 10px;
}
.footer_standorte .akkordeons .akkordeon_box .text p strong {
  color: #213548;
}
.footer_standorte .akkordeons .akkordeon_box .text .button_sekundaer {
  width: 205px;
  max-width: 100%;
  text-align: center;
  margin: 0px 7px 10px 0px;
}
.footer_copyright {
  background: #213548;
  padding: 20px 0px;
}
.footer_copyright p {
  color: #8E9AA5;
  margin: 0px;
  line-height: normal;
}
.footer_copyright ul {
  display: block;
  text-align: right;
  list-style-type: none;
  line-height: normal;
  margin: 0px;
  padding: 0px;
  width: 100%;
}
.footer_copyright ul li {
  display: inline-block;
  vertical-align: top;
  margin-left: 70px;
}
.footer_copyright ul li:first-child {
  margin-left: 0px;
}
.footer_copyright ul li a, .footer_copyright ul li a:link, .footer_copyright ul li a:visited {
  color: #ffffff;
  font-size: 14px;
}
.footer_copyright ul li a:hover, .footer_copyright ul li a:focus, .footer_copyright ul li a:active {
  color: #E52342;
}
.footer_copyright ul li.active a, .footer_copyright ul li.active a:link, .footer_copyright ul li.active a:visited {
  color: #E52342;
}
/***********************
Media Query
***********************/
@media (max-width: 1500px) {
  .logos .logoslider {
    overflow: hidden;
  }
  .projekt_referenz_dunkel .smartphone_box .smartphone .video {
    border-radius: 2.2vw;
    -moz-border-radius: 2.2vw;
    -webkit-border-radius: 2.2vw;
    -ms-border-radius: 2.2vw;
    -o-border-radius: 2.2vw;
  }
}
@media (max-width: 1199.98px) {
  .footer_mehr .banner h3 {
    max-width: inherit;
  }
  .footer_mehr .banner .button {
    width: auto;
  }
}
@media (max-width: 991.98px) {
  .header a.link.phone, .header a.link:link.phone, .header a.link:visited.phone {
    margin-left: 35px;
  }
  .header button {
    margin-left: 35px;
  }
  .kundenliste.fortlaufend .box {
    column-count: 3;
    -webkit-column-count: 3;
    -moz-column-count: 3;
    -ms-column-count: 3;
    -o-column-count: 3;
  }
}
@media (max-width: 767.98px) {
  h1 {
    font-size: 35px;
    line-height: 40px;
    margin-bottom: 40px;
  }
  h2, h2.abstand {
    padding-right: 0px;
  }
  h2 a.button_sekundaer, h2.abstand a.button_sekundaer {
    display: none;
  }
  a.button_sekundaer.mobile, a.button_sekundaer:link.mobile, a.button_sekundaer:visited.mobile {
    display: inline-block;
  }
  .header a.link, .header a.link:link, .header a.link:visited {
    display: none;
  }
  #menu.header .body .right ul li a, #menu.header .body .right ul li a:link, #menu.header .body .right ul li a:visited {
    font-size: 35px;
  }
  #menu.header .body .right br {
    display: block;
  }
  #menu.header .body .right a.link, #menu.header .body .right a.link:link, #menu.header .body .right a.link:visited {
    display: inline-block;
  }
  .headerbild .textbox .textbox-inner .zentriert h1 {
    font-size: 35px;
    line-height: 35px;
  }
  .headerbild .textbox .textbox-inner .zentriert .typed-cursor {
    font-size: 35px;
    line-height: 35px;
  }
  .leistungen a.button_sekundaer {
    margin: 30px 0px 20px 0px;
  }
  .kundenstimmen_box .kundenstimmen .desktop {
    display: none;
  }
  .projekte.uebersicht.team .modal.show .modal-dialog .modal-content {
    padding: 30px 40px;
  }
  .projekte.uebersicht.team .modal.show .modal-dialog .modal-content .modal-header .close {
    right: -14px;
    top: -4px;
  }
  .projekte.uebersicht.team .modal.show .modal-dialog .modal-content .modal-body h2 p {
    position: relative;
    right: inherit;
    bottom: inherit;
    margin-top: 5px;
  }
  .projekt_referenz_bilder .bildbox .textbox {
    left: 30px;
  }
  .projekt_referenz_bilder .bildbox .textbox.unten {
    bottom: 30px;
  }
  .projekt_referenz_bilder .bildbox .textbox.oben {
    top: 30px;
  }
  .leistungen_header {
    padding: 75px 0px 55px 0px;
  }
  .leistungen_header h2, .leistungen_header p {
    max-width: 100%;
  }
  .leistungen_header img {
    display: block;
    margin: 0 auto;
    width: 80%;
    height: auto;
  }
  .projekt_referenz_dunkel .smartphone_box .smartphone {
    width: 40%;
  }
  .projekt_referenz_dunkel .smartphone_box .smartphone .video {
    top: 13.2%;
    border-radius: 25px;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    -ms-border-radius: 25px;
    -o-border-radius: 25px;
  }
  .leistungen_projektablauf {
    margin-bottom: 45px;
  }
  .leistungen_projektablauf .mobile {
    display: block;
  }
  .leistungen_projektablauf .desktop {
    display: none;
  }
  .leistungen_projektablauf .box {
    margin-bottom: 20px;
  }
  .leistungen_projektablauf .box .text {
    opacity: 1;
  }
  .leistungen_projektablauf .box .hover-div .zahl {
    margin-bottom: 30px;
    padding-left: 20px;
    display: inline-block;
    width: 20%;
  }
  .leistungen_projektablauf .box .hover-div .zahl span:after {
    display: none;
  }
  .leistungen_projektablauf .box .hover-div .zahl span:before {
    left: 0px;
  }
  .leistungen_projektablauf .box .hover-div .bezeichnung {
    display: inline-block;
    vertical-align: middle;
    width: 78%;
  }
  .leistungen_projektablauf .box .hover-div .bezeichnung h4 {
    padding-left: 20px;
  }
  .leistungen_projektablauf .box .hover-div.akkordeon_offen .zahl span {
    background: #E52342;
  }
  .leistungen_projektablauf .box .hover-div.akkordeon_offen .zahl span:before {
    opacity: 0.5;
  }
  .wir-boxen .box .links {
    height: 0px;
    min-height: 0px;
    padding-bottom: 53%;
  }
}
@media (max-width: 575.98px) {
  .button-top {
    bottom: 56px;
  }
  h2 {
    text-align: center;
  }
  a.button {
    display: block;
    width: 100% !important;
    text-align: center;
  }
  a.button_sekundaer {
    display: block;
    width: 100% !important;
    text-align: center;
  }
  .header {
    padding: 30px 0px;
  }
  #menu.header {
    padding: 0px;
  }
  #menu.header .head {
    padding: 30px 0px;
  }
  #menu.header .body {
    height: 89%;
    height: calc(100% - 96px);
  }
  .headerbild {
    margin-bottom: 70px;
  }
  .headerbild .bild {
    height: 320px;
  }
  .headerbild .textbox {
    height: 400px;
    padding: 0px 15px;
  }
  .headerbild .textbox .textbox-inner {
    /*display: table;*/
  }
  .headerbild .textbox .textbox-inner .zentriert {
    /*display: table-cell;
					vertical-align: middle;*/
    padding-top: 16%;
  }
  .headerbild .col-12 {
    padding: 0px;
  }
  .headerbild .einstieg {
    margin-top: 0px;
    padding: 40px 15px;
  }
  .headerbild .einstieg p {
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 20px;
  }
  .header_abstand {
    height: 70px;
  }
  .projekte {
    margin-bottom: 70px;
  }
  .projekte .box {
    margin-bottom: 30px;
  }
  .projekte.uebersicht h1 .selectric-wrapper {
    position: relative;
    right: inherit;
    bottom: inherit;
    display: block;
    margin-top: 25px;
    width: 100%;
  }
  .leistungen {
    text-align: center;
    margin-bottom: 50px;
  }
  .warum_wir_box .warum_wir {
    padding: 75px 0px 45px 0px;
  }
  .warum_wir_box .warum_wir .warumslider {
    margin-bottom: 40px;
  }
  .kundenstimmen_box {
    margin-bottom: 75px;
  }
  .kundenstimmen_box .kundenstimmen {
    padding: 75px 0px 80px 0px;
  }
  .kundenliste {
    margin-bottom: 30px;
  }
  .kundenliste .box {
    margin-bottom: 40px;
    text-align: center;
  }
  .kundenliste.fortlaufend .box {
    text-align: left;
    column-count: 2;
    -webkit-column-count: 2;
    -moz-column-count: 2;
    -ms-column-count: 2;
    -o-column-count: 2;
  }
  .footer_gespraech {
    margin-bottom: 75px;
  }
  .footer_gespraech .box a.button, .footer_gespraech .box a.button:link, .footer_gespraech .box a.button:visited {
    width: 100%;
    margin-left: 0px;
  }
  .footer_mehr {
    margin-bottom: 45px;
  }
  .footer_standorte {
    padding: 75px 0px 50px 0px;
  }
  .footer_standorte #karte {
    display: none;
  }
  .footer_copyright {
    padding: 25px 0px;
  }
  .footer_copyright p {
    margin-bottom: 30px;
    text-align: center;
  }
  .footer_copyright ul {
    text-align: center;
  }
  .footer_copyright ul li {
    margin-left: 40px;
  }
  .footer_copyright ul li:first-child {
    margin-left: 0px;
  }
  .projekt_referenz_hellgrau, .projekt_referenz_dunkel {
    margin-bottom: 45px;
  }
  .projekt_einstieg {
    margin-bottom: 45px;
  }
  .projekt_einstieg img {
    margin-bottom: 25px;
  }
  .headerbild.projekt a.zurueck {
    margin-left: 15px;
  }
  .headerbild.projekt .einstieg p {
    margin-bottom: 25px;
  }
  .headline_text.projektdetail {
    padding: 0px;
    margin: 0px;
  }
  .projekt_referenz_bilder {
    margin-bottom: 30px;
  }
  .projekt_referenz_bilder .bildbox {
    margin-bottom: 15px;
  }
  .projekt_referenz_bilder .bildbox img {
    margin-bottom: 0px;
  }
  .projekt_referenz_bilder .bildbox .textbox {
    position: relative;
    width: 100%;
    max-width: 100%;
    left: inherit;
    padding-top: 15px;
  }
  .projekt_referenz_bilder .bildbox .textbox.unten {
    bottom: inherit;
  }
  .projekt_referenz_bilder .bildbox .textbox.oben {
    top: inherit;
  }
  .projekt_referenz_bilder .bildbox .textbox.weiss p {
    color: #8E9AA5;
  }
  .projekt_referenz_bilder .bildbox .textbox.weiss p strong {
    color: #213548;
  }
  .projektteam_box .projektteam {
    padding-top: 65px;
  }
  .leistungen_header {
    margin-bottom: 50px;
  }
  .seite_404 .box .zentriert .inhaltsbox h1 {
    font-size: 160px;
    line-height: 140px;
  }
  .seite_404 .box .zentriert .inhaltsbox h2 {
    font-size: 54px;
    line-height: 54px;
  }
  .footer_404 .footer_copyright {
    padding: 15px 0px;
  }
  .footer_404 .footer_copyright p {
    margin-bottom: 10px;
  }
  .projekt_referenz_dunkel .smartphone_box .smartphone {
    width: 47%;
  }
  .projekt_referenz_dunkel .smartphone_box .smartphone .video {
    top: 15.4%;
    border-radius: 19px;
    -moz-border-radius: 19px;
    -webkit-border-radius: 19px;
    -ms-border-radius: 19px;
    -o-border-radius: 19px;
  }
  .header_abstand {
    height: 45px;
  }
}
@media (max-width: 479.98px) {
  a.button, a.button:link, a.button:visited, input[type="submit"], span.button, a.button:not([href]):not([tabindex]) {
    display: block;
    height: auto !important;
    line-height: normal !important;
    text-align: center;
  }
  a.button span, a.button:link span, a.button:visited span, input[type="submit"] span, span.button span, a.button:not([href]):not([tabindex]) span {
    display: block;
    height: auto !important;
    line-height: normal !important;
    padding: 15px 20px 14px 20px !important;
    text-align: center;
  }
  a.button span.zusatz, a.button:link span.zusatz, a.button:visited span.zusatz, input[type="submit"] span.zusatz, span.button span.zusatz, a.button:not([href]):not([tabindex]) span.zusatz {
    display: none;
  }
  .kundenliste.fortlaufend .box {
    column-count: 1;
    -webkit-column-count: 1;
    -moz-column-count: 1;
    -ms-column-count: 1;
    -o-column-count: 1;
  }
  .projekt_referenz_dunkel .smartphone_box .smartphone {
    width: 47%;
  }
  .projekt_referenz_dunkel .smartphone_box .smartphone .video {
    top: 17.4%;
    border-radius: 15px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
  }
  .footer_mehr .banner h3 {
    max-width: 300px;
  }
  .footer_mehr .banner .button {
    width: 100%;
  }
}