@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600');

body {
  background: #8ca3ca;
  background: white;
  font-family: "Source Sans Pro", sans-serif;
  font-size: 15px;
  color: #555;
}

p, li {
  font-size: 20px;
}

.landing-person {
  margin-bottom:15px;
}

.landing-person p {
  margin-bottom: 2px;
}
.landing-person .connect a {
  padding:0;
} 

section p, h2, li {
  color: #8ca3ca;
  color: #555;
}

.content-inline > * {
  display:inline;
}

.btn-alternating span {
  overflow: hidden;
  display: block;
  transition: height .3s;
}

.btn-alternating.active .hidden-active,
.btn-alternating .visible-active {
  height: 0;
}

.btn-alternating.active .visible-active,
.btn-alternating .hidden-active {
  height: 23px;
}

.btn-pm {
  background: white;
  border-color: white;
  color: #8ca3ca !important;
  font-size: 16px;
  outline: none !important;
  box-shadow: none !important;
}

.btn-pm-blue {
  background:transparent;
  color: white;
  border: 1px solid white;
}

.btn-pm-blue:hover {
  border: 1px solid white;
  color: #8ca3ca;
  background: white;
}

.btn-pm:hover,
body .arrDn:after,
body .arrDn:before {
  background: #8ca3ca;
  color: white !important;
}

.btn-pm:hover .arrDn:after,
.btn-pm:hover .arrDn:before {
  background: white;
}

.btn-pm, .btn-pm * {
  transition: 300ms all ease;
}

.btn-pm:hover {
  color: white;
}

h2 {
  color: #8ca3ca;
  text-transform: lowercase;
  font-size: 60px;
}

p {
  color: #8ca3ca;
}

.slogan h2 {
  color: white;
}

h6 {
  font-size: 26px;
}

.text-center h2 {
  padding-top: 7vw;
  padding-bottom: 7vw;
}

.over {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.6)
}

.spacer-image,
#kundenmeinungen {
  min-height: auto;
  height: 66vh;
  position: relative;
  background: no-repeat center center;
  background-size: cover;
}

.carousel-control {
  width:8%;
}

.weg-cont {
  position: absolute;
  bottom: 25px;
  left: 0;
  right: 0;
}

.wegweisend {
  text-align: center;
  *margin-right: 100px;
  color: white;
  font-size: 26px;
  font-family: "Source Sans Pro", sans-serif;
}

.weg-cont i {
  margin-top: 25px;
  font-size: 36px;
  color: white;
  transform: translateY(85px);
}

img.claim {
  max-height: 45px;
}

#about {
  padding-bottom:75px;
  padding-top:75px;
  height: auto;
  min-height: initial;
}

#about p {
  *display: inline;
}

[aria-expanded="true"].more-button {
  display:none;
}

[aria-expanded="false"].less-button {
  display:none;
}

[aria-expanded="true"].less-button {
  display:inline;
}

#pulse,
#top,
.arrDn,
.arrow {
  display: inline-block !important;
  width: 40px;
  height: 60px;
  position: relative;
}

.arrow {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.arrow.left {
  right:25%;
}
.arrow.right {
  left:25%;
}

#pulse:after,
#pulse:before,
#top:after,
#top:before,
.arrDn:after,
.arrDn:before,
.arrow:after,
.arrow:before {
  content: " ";
  background: #fff;
  height: 3px;
  width: 59%;
  position: absolute;
  top: 50%;
  transition: all .3s;
  border-radius: 5px;
}

.slogan {
  *margin-top:150px;
}

.slogan h2 {
  font-size:80px;
  text-align:left;
  margin-top: 10px;
  color: white;
}
.slogan .icon {
  width: 66%;
  margin-right: 30px;
  
}

.slogan svg {
  height: 70px;
  transform: translateY(15px);
}

.slogan .icon path, .slogan .icon rect, .slogan .icon line, .slogan .icon polygon, .details .icon path, .details .icon rect, .details .icon line, .details .icon polygon {
  fill: white;
  stroke: white;
}

.slogan h3 {
  font-size: 40px;
  color: white;
}

.slogan .lower-text {
  margin-top:50px;
}

.carousel-control i {
  top:50%;
  position:absolute;
  font-size:36px;
}

.left.carousel-control i{
  right:50%;
}

.right.carousel-control i{
  left:50%;
}

.arrDn.right {
  transform: rotate(-90deg) translateY(-50%);
}

.arrDn.left {
  transform: rotate(90deg) translateY(-50%);
}

#pulse:before,
.arrDn:before {
  left: 0;
  transform: rotate(40deg);
}

#pulse:after,
.arrDn:after {
  right: 0;
  transform: rotate(-40deg);
}

#top:after,
.active .arrDn:before {
  left: 0;
  transform: rotate(-40deg);
}

#top:before,
.active .arrDn:after {
  right: 0;
  transform: rotate(40deg);
}

#pulse.pactive:after,
#pulse:hover:after,
#pulse.pactive:before,
#pulse:hover:before {
  height: 5px;
  margin-top: -3px;
}

section {
  min-height: 100vh;
  position: relative;
}
.no-header {
  height: 10vh;
}

header.small {
  min-height: 60vh;
}

#impressum {
  padding-bottom: 100px;
}

section {
  min-height: 105vh;
}

#topBar {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index:99;
}

.header {
  background: no-repeat center center;
  background-size: cover;
  height: 100vh;
}

section {
  background: no-repeat center center;
  background-size: cover;
}

section > .container > h2 {
  display: none;
}

h2 {
  text-align: center;
}

.full-height {
  height: 105vh;
}

.vertical-center {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}
.vertical-center.absolute {
  position: absolute;
}
.vertical-center.full {
  left:0;
  right:0;
}

a {
  color: #333;
}

.logo {
  height: 80px;
  position: static;
  margin-top: 30px;
  *margin-left: 100px;
  margin-right: 35px;
  z-index:100;
}

.team-member {
  background: no-repeat center center;
  background-size: cover;
  height: 33.33vw;
  position: relative;
  padding: 0;
  overflow: hidden;
}

.team-member .text-center, #partner .box .text-center {
  background: rgba(255, 255, 255, .8);
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  margin-bottom: -100%;
  transition: all .3s;
  padding: 20px;
}

#partner {
  padding-bottom:50px;
}

#partner .box .text-center {
  height: 100%;
  padding-top:20%;
  background:transparent;
}

#partner .box .text-center * {
  color:white;
}

#partner .box:hover .icon {
  opacity:0.1;
}


.team-member * {
  color: black !important;
}

.team-member:hover .text-center,
.team-member.active .text-center,
#partner .box:hover .text-center,
#partner .box.active .text-center
{
  margin-bottom: 0;
}

.partner {
  padding: 0 20px;
}

.partner-logo {
  padding-bottom:30%;
  background-size:contain;
  background-position: center center;
  background-repeat:no-repeat;
  width: 100%;
  margin-bottom:10px;
}

#impressum {
  min-height: 0;
  color: #fff;
}

#impressum a {
  color: #fff;
}

footer {
  clear: both;
  padding-top: 40px;
  background-color: #3E3E3F;
  color: #fff;
  padding-top: 0;
  padding-bottom: 10px;
  font-weight: 100;
  font-size: 13px;
}

footer p {
  font-size: 15px;
  color: white;
}

footer span {
  font-weight: 700;
}

footer b {
  font-weight: 600;
}

footer a {
  color: #fff;
}

footer a:hover {
  color: #fff;
}

.footer-padding {
  margin-top: 83px;
}

.footer-padding.text-right {
  margin-top: 61px;
}  

/* elements */
.relative {
  position: relative;
}

.col-close {
  padding: 0 4px;
  position: static;
}

.col-close.float {
  float: left;
}

.col-close.float-right {
  float: right;
}

.tile-container {
  position: relative;
  margin-bottom: 5vw;
}

#unser-spielfeld-2 {
  background: white;
}

#unser-spielfeld-2 h2 {
  color: #8ca3ca;
}

#unsere-ergebnisse {
  background: white;
  padding-bottom: 7vw;
}

#unsere-ergebnisse h2,
#unsere-ergebnisse p {
  color: #8ca3ca;
}

.background-blue {
  background: #8ca3ca;
}

.background-blue h2, .background-blue p, .background-blue li, .background-blue h3, .background-blue a {
  color: white;
}

.box {
  *border-radius: 7px;
  background-color: #fff;
  *background-color: #8ca3ca;
  padding: 20px;
  margin: 8px 0 0;
  position: relative;
  overflow: hidden;
  border: 2px solid white;
  border-bottom: none;
}

.box svg {
  width: 100%;
  height: 100%;
}

.box:hover, .ref-box.expanded {
  background-color: #8ca3ca;
}

.box.active {
  background-color: #8ca3ca;
}

.box.active * {
  color: white;
}

.box.active .icon {
  margin-bottom: 15px;
}

.box.hasDetails,
.box.expandable {
  cursor: pointer;
}

.box.hasDetails.active {
  cursor: auto;
}

.box.hasDetails:hover,
.box.expandable.expanded {
  -box-shadow: #333 3px 3px 5px, #666 -2px -2px 3px inset;
}

.box.expandable .details {
  display: none;
}

#unsere-ergebnisse .details .close-details,
.isMobile #unser-spielfeld-2 .details .close-details,
#unsere-ergebnisse .details.active.unexpanding .close-details,
.isMobile #unser-spielfeld-2 .details.active.unexpanding .close-details {
  position: absolute;
  top: 10px;
  right: 16px;
  text-align: center;
  font-size: 20px;
  width: 20px;
  cursor: pointer;
  display: inline-block;
}

#unser-spielfeld-2 .close-details {
  display: none;
}

#unsere-ergebnisse .details,
.isMobile #unser-spielfeld-2 .details,
#unsere-ergebnisse .details.active.unexpanding,
.isMobile #unser-spielfeld-2 .details.active.unexpanding {
  position: relative;
  background: #8ca3ca;
  padding: 0 35px;
  transition: height .7s, padding .7s;
  margin: 0 6px;
}

#unsere-ergebnisse .details.active,
.isMobile #unser-spielfeld-2 .details.active {
  padding: 35px;
}

#unsere-ergebnisse .details p,
#unsere-ergebnisse .details li,
.isMobile #unser-spielfeld-2 .details p,
.isMobile #unser-spielfeld-2 .details li {
  font-size: 20px;
  font-weight: 300;
}

#unsere-ergebnisse .details p,
#unsere-ergebnisse .details ul,
.isMobile #unser-spielfeld-2 .details p,
.isMobile #unser-spielfeld-2 .details ul {
  margin-bottom: 15px;
}

#unsere-ergebnisse .details *,
.isMobile #unser-spielfeld-2 .details * {
  color: white !important;
}

.moreRefs {
  height: 0;
  overflow: hidden;
  transition: height .3s;
  clear: both;
}

.box.hasDetails:hover h2 {
  color: white !important;
}

.box .closeBox {
  position: absolute;
  top: 10px;
  right: 16px;
  color: #7A93AB;
  opacity: 0;
  transition: all .5s .5s;
  cursor: pointer;
  font-size: 26px;
  display: inline-block;
  width: 20px;
  text-align: center;
}

.box.active .closeBox {
  opacity: 1;
  transition: all .5s;
  color: white;
}

.box h2 {
  font-size: 150%;
  width: 100%;
  color: #7A93AB;
  *color: white;
  *color: white;
  font-weight: 100;
  text-align: center;
  margin: 10px 0 0;
  text-transform: lowercase;
  transition: all .5s;
}

.box.active h2 {
  width: 100px;
  *opacity: 0;
  color: white !important;
  margin-left: 10px;
  text-align: center;
}

.box.noLabel h2 {
  display: none;
}

.box.ref-box:hover {
  *background-color: white !important;
  *opacity: 0.7;
  
}

.new-box {
  width: 25%;
  position: absolute;
  margin: 2px;
  *border-radius: 7px;
  background-color: #fff;
  padding: 20px;
  margin: 0 0 8px;
  transition: all 1s;
  overflow: hidden;
}

.box-content {
  position: relative;
  width: 100%;
}

.icon {
  background: no-repeat center center;
  background-size: contain;
  margin-top: 10%;
  margin-top:20px;
  height: 50%;
  margin-bottom: 15px;
  transition: 300ms all ease;
}



@media screen and (max-width: 991px) {
.icon {
  margin-left: 10%;
  margin-right: 10%;
}
}

.box .icon * {
  fill: #8ca3ca !important;
  stroke: #8ca3ca !important;
  
}




.ref-box .icon {
  margin-top: 20%;
  margin-top: calc(25% - 20px);
}


.box:hover .icon *, .box.active .icon * {
  fill: white !important;
  stroke: white !important;
  
}

.box, .box * {
  transition: 500ms all ease;
}

.iconBig {
  overflow: hidden;
  padding-top: 60%;
  padding-bottom: 71px;
  background: no-repeat right bottom;
  background-size: 50px;
}

.iconBig + .icon {
  padding: 0;
  width: 0;
  opacity: 0;
}

.active .iconBig {
  opacity: 0;
  width: 0;
  height: 0;
  padding: 0;
}

.active .iconBig + .icon {
  dwidth: 100px;
  padding-top: 100px;
  padding-bottom: 0;
  opacity: 1;
}

.noLabel .icon {
  padding-bottom: 26px;
}

.text-white {
  color: #fff;
}

.testimonials {
  position: relative;
  padding-top: 15vh;
}

.carousel {
  width: 100%;
  height: 100%;
}

.carousel-inner {
  width: 100%;
  height: 100%;
}

.carousel-inner .item {
  width: 100%;
  height: 100%;
  *padding-top: 15vh;
}

.carousel-inner .inner {
  position:relative;
  top:50%;
  transform:translateY(-50%);
  max-width:700px;
  margin:0 auto;
}

.carousel-innner

.carousel p {
  font-size: 22px;
}

.carousel .author {
  margin-top: 10px;
}

.carousel .author p {
  text-align: right;
}

.carousel .author p > em {
  font-size: 18px;
}

blockquote {
  width: 100%;
  margin: 0.25em 0;
  padding: 0.35em 40px;
  position: relative;
  border-left: none;
  margin-bottom: 30px;
}

blockquote:before {
  font-family: Georgia, serif;
  display: block;
  padding-left: 10px;
  content: "\201C";
  font-size: 80px;
  position: absolute;
  left: -20px;
  top: -20px;
  color: white;
}

/*blockquote:after {
font-family: Georgia, serif;
display: block;
padding-left: 10px;
content: "\201D";
font-size: 80px;
position: absolute;
right: 20px;
bottom: -70px;
color: white;
}*/

@media screen and (max-width: 991px) {
.carousel-inner p {
  font-size: 16px;
}
}

.testimonials h2 {
  margin-bottom: 30px;
}

.indicator-container {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 50px;
  text-align: center;
}

.indicator-container ol {
  padding: 0;
  margin: 0;
  list-style: none;
}

.indicator-container li {
  cursor: pointer;
  border-radius: 10px;
  border: 1px solid #fff;
  background: transparent;
  width: 8px;
  height: 8px;
  display: inline-block;
}

.indicator-container li:hover,
.indicator-container li.active {
  background-color: #fff;
}

.testimonial {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
  padding: 20px 30px 20px 55px;
  transition: all .5s;
}

.active .testimonial {
  right: 50%;
  left: 50%;
  bottom: 50%;
  top: 50%;
  padding: 0;
  opacity: 0;
}

.testimonial .quote {
  color: #7A93AB;
  font-weight: 100;
}

.details {
  overflow: hidden;
  width: 0;
  height: 0;
  transition: all .5s;
  opacity: 0;
}

.details.active {
  width: auto;
  opacity: 1;
  clear: both;
}

.active .details {
  *margin-top: -190px;
  padding-left: 260px;
  width: 100%;
  height: 100%;
  height: auto;
  padding-right: 50px;
  *opacity: 1;
}

.details h3 {
  margin-top:0;
  color: #7A93AB;
  font-size: 36px;
  margin-bottom: 15px;
}

.details p, .details ul {
  margin-bottom:20px;
}

.details p, .details li {
  font-size: 24px;
  font-weight: 300;
  line-height: 1.3;
}
.details p:last-child {
  margin-bottom:0;
}

.details h4 {
  font-size: 100%;
  color: #7A93AB;
}

.isQuote {
  position: relative;
}

.quotation {
  font-size: 400%;
  color: #7A93AB;
  position: absolute;
  top: 0;
  left: 0;
  font-style: normal;
  display: block;
  padding: 2px 20px;
  transition: all .5s;
}

.active .quotation {
  opacity: 0;
}

#unser-team {
  height: 66vh;
  height: calc(34vw); /* browser switch! */
  min-height: 33.33333vw;
}

.people {
  text-transform: lowercase;
  font-size: 110%;
}

.people .holder {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.people h2 {
  text-transform: none;
}

.people h3 {
  font-size: 150%;
  margin: 0;
}

.people p {
  font-size: 125%;
  font-weight: 100;
  margin: 0;
}

.people a {
  color: inherit;
}

.slightly-padded-text {
  padding-top: 15vh;
}

.padding-top {
  padding-top: 30px;
}

.connect a {
  display: inline-block;
  padding: 5px 5px 5px 0;
  margin-left: 5px;
  margin-right: 5px;
}

.thumbnail .caption {
  text-align: center;
}

/* File upload */

.drop-title {
  padding: 30px 0;
}

.file-upload-droppable {
  border:2px solid rgba(255,255,255,1);
  padding:20px;
  text-align:center;
  font-size:16px;
  color: white;
  margin-bottom: 10px;
  margin: 25px 0;
}
.file-upload-droppable.hover {
  border:2px solid rgba(255,255,255,1);
  
}
.file-upload-droppable .fa {
  font-size:50px;
  color:white;
}

.uploadList li {
  font-size: 16px;
}

.progress {
  display:none;
}

.progress-bar-success {
  background-color: #3c763d;
}
.fa-download, .fa-file-pdf-o, .fa-pencil {
  color:white;
  font-size:30px;
}

/* navigation */
#trigger-overlay {
  cursor: pointer;
  position: fixed;
  top: 30px;
  left: 30px;
  font-size: 45px;
  color: #222;
  background: rgba(255, 255, 255, 0.5);
  border-radius: 100000px;
  width: 80px;
  text-align: center;
  line-height: 80px;
  height: 80px;
  z-index: 100;
}

/* Overlay style */
.overlay {
  position: fixed;
  width: 100%;
  z-index: 10000;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(122, 147, 171, 0.85);
}

/* Overlay closing cross */
.overlay .overlay-close {
  width: 80px;
  height: 80px;
  position: absolute;
  left: 30px;
  top: 30px;
  overflow: hidden;
  border: none;
  text-indent: 200%;
  color: transparent;
  outline: none;
  z-index: 100;
  background: transparent;
}

/* Menu style */
.overlay nav {
  text-align: center;
  position: relative;
  top: 50%;
  height: 60%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.overlay ul {
  list-style: none;
  padding: 0;
  margin: 0 auto;
  display: inline-block;
  height: 100%;
  position: relative;
}

.overlay ul li {
  display: block;
  height: 20%;
  height: calc(100% / 5);
  min-height: 54px;
  text-transform: lowercase;
  font-size: 60px;
  font-size: 60px;
}

.overlay ul li a {
  font-weight: 300;
  display: block;
  color: #fff;
  -webkit-transition: color 0.2s;
  transition: color 0.2s;
  text-transform: lowercase;
}

.overlay ul li a:hover,
.overlay ul li a:focus {
  color: #ccc;
}

/* Effects */
.overlay-hugeinc {
  opacity: 0 !important;
  visibility: hidden;
  -webkit-transition: opacity 0.3s, visibility 0s 0.5s !important;
  -moz-transition: opacity 0.3s, visibility 0s 0.5s !important;
  transition: opacity 0.3s, visibility 0s 0.5s !important;
}

.overlay-hugeinc.opening {
  opacity: 1 !important;
  visibility: visible;
  -webkit-transition: opacity 0.5s !important;
  transition: opacity 0.5s !important;
}

.overlay-hugeinc nav {
  -webkit-perspective: 1200px;
  perspective: 1200px;
}

.overlay-hugeinc nav ul {
  opacity: 0.4 !important;
  -webkit-transform: translateY(-25%) rotateX(35deg);
  transform: translateY(-25%) rotateX(35deg);
  -webkit-transition: -webkit-transform 0.5s, opacity 0.5s !important;
  transition: transform 0.5s, opacity 0.5s !important;
}

.overlay-hugeinc.opening nav ul {
  opacity: 1 !important;
  -webkit-transform: rotateX(0deg);
  transform: rotateX(0deg);
}

.overlay-hugeinc.closeing nav ul {
  -webkit-transform: translateY(25%) rotateX(-35deg);
  transform: translateY(25%) rotateX(-35deg);
  
}

@media screen and (max-height: 30.5em) {
.overlay nav {
  height: 70%;
  font-size: 34px;
}

.overlay ul li {
  min-height: 34px;
}
}

@media screen and (max-width: 600px) {
.overlay ul li a {
  font-weight: 300;
  font-size: 28px;
}

}

/* Kontakt Form */

.alert-success, .alert-danger {
  background-color: white;
  border-color: white;
}

.contact-icon img {
  height: 50px;
  margin-bottom: 20px;
  margin-top: 77px;
}

.address p {
  margin-bottom:0;
}
.ref.icon {
  height: 100px;
  float: left;
  *margin-right: 15px;
  margin-top: 0;
  height: 30px;
  width: 40px;
  margin-bottom: 10px;
}

.ref.icon svg {
  height: 100%;
}

.border-left {
  border-left: 1px solid white;
  padding-left: 20px;
}


form .form-control {
  background: #8ca3ca;
  border: none;
  border-bottom: 2px solid white;
  box-shadow: none;
  color: white;
  padding: 0;
  font-size: 18px;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

form label {
  display: none;
}

.form-control::-webkit-input-placeholder { /* WebKit, Blink, Edge */
  color: white;
}

.form-control:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
  color: white;
  opacity: 1;
}

.form-control::-moz-placeholder { /* Mozilla Firefox 19+ */
  color: white;
  opacity: 1;
}

.form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: white;
}

.form-control:placeholder-shown { /* Standard (https://drafts.csswg.org/selectors-4/#placeholder) */
  color: white;
}

/* XS */

@media screen and (max-width: 991px) {
.ref.icon {
  margin-left: 0;
  margin-right: 0;
}
}

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

#partner .box:hover {
  background:white;
}

#partner .box:hover .icon {
  opacity:1;
}


#more {
  padding: 20px 0;
}

#partner .box .text-center {
  display:none;
}

section {
  padding-bottom: 15px;
}

.slogan {
  padding-left: 15px;
  padding-right: 15px;
}

.slogan h2 {
  font-size: 48px;
  
  
}

ul {
  padding-left: 20px;
}


.landing .header {
  background-color: #8ca3ca !important; 
  background-image: initial !important;
}

.landing .logoContainer {
  position: absolute;
  top: 34vh;
  left:0;
  right:0;
}

.landing .logoContainer img {
  width: 85%;
  margin:0 auto;
  float:none;
}


.border-left {
  border-left: none;
  padding-left: 10px;
}


.contact-icon img {
  margin-top:10px;
}

.logo {
  margin-top: 20px;
  margin-right: 20px;
}

.logoContainer {
  height: auto;
  width: auto;
  display: block;
  z-index:100;
}

.weg-cont {
  bottom: 4vh;
}

#pulse {
  margin-top:28vh;
}

img.claim {
  max-height: 30px;
}

.logoContainer img {
  width: 65%;
  float:right;
}

.logo {
  max-width: 453px;
  width: 100%;
  height: auto;
}

#trigger-overlay {
  top: 15px;
  left: 15px;
  font-size: 24px;
  width: 60px;
  height: 60px;
  line-height: 60px;
  
}

h2 {
  font-size: 34px;
}

.box .icon {
  height: 120px;
}

.carousel-inner .item {
  padding: 0 20px;
}

blockquote:before {
  font-size:50px;
}

blockquote {
  padding: 0.35em 20px;
}

#unser-team {
  height: auto;
}

.team-member {
  height: 140vw;
}

.team-member .text-center {
  margin-bottom: 0;
}

form {
  margin-top: 40px;
}

.people .holder {
  position: static;
}

#kundenmeinungen {
  height: 100vh;
}

.text-center h2 {
  padding-top: 10vw;
  padding-bottom: 10vw;
}

.connect a.visible-xs {
  display: inline-block !important;
}
}

@media all and (max-width: 768px) and (orientation: landscape) {

.logoContainer {
  top: 25vh;
}
#pulse {
  margin-top:14vh;
}
}