@font-face {
  font-family: 'Netto';
  font-style: normal;
  font-weight: 400;
  src: url('../lib/netto.eot?'); /* IE9 Compat Modes */
  src: local('Netto'), local('Netto'),
       url('../lib/netto.eot?#iefix') format('embedded-opentype'),
       url('../lib/netto.woff2') format('woff2'), 
       url('../lib/netto.woff') format('woff'), 
       url('../lib/netto.ttf') format('truetype')
 }
/* pt-sans-700 - latin */
@font-face {
  font-family: 'Netto';
  font-style: normal;
  font-weight: bold;
  src: url('../lib/netto-bold.eot'); /* IE9 Compat Modes */
  src: local('Netto'), local('Netto'),
       url('../lib/netto-bold.eot?#iefix') format('embedded-opentype'), 
       url('../lib/netto-bold.woff2') format('woff2'), 
       url('../lib/netto-bold.woff') format('woff'), 
       url('../lib/netto-bold.ttf') format('truetype')
}

@font-face {
  font-family: 'IndieFlower';
  font-style: normal;
  font-weight: 400;
  src: url('../lib/IndieFlower.ttf?'); /* IE9 Compat Modes */
  src: local('IndieFlower'), local('IndieFlower'),
       url('../lib/IndieFlower.ttf') format('truetype')
 }

body {
	font-family: 'Netto';
}

header {
    z-index: 2000;
    width: 100%;
    padding-left: 3.125rem;
    padding-right: 3.125rem;
    height: 5rem;
    min-width: 75rem;
    background-color: #fff;
    #top: -6rem;
    position: fixed;
}

p {
	font-size: 1.25rem;
    line-height: 2.125rem;
}

#myProgress {
    width: 100%;
    position: fixed;
    margin-left: -3.125rem;
}
#myBar {
    width: 0%;
    height: 0.25rem;
    background-color: #422f7e;
}

.logo {
	background-image: url(../lib/logo-bw.svg);
    margin-top: 1.625rem;
    margin-bottom: 1.625rem;
    max-width: 10.375rem;
    background-repeat: no-repeat;
    background-size: 100% auto;
    text-indent: -9000px;
    display: block;
    height: 2rem;
}

.ga.logo {
    background-image: url(../lib/logo-bw.svg);
    max-width: 15.375rem;
    background-repeat: no-repeat;
    background-size: 100% auto;
    text-indent: -9000px;
    display: block;
    height: 3rem;
    margin-left: 16%;
}

header nav {
	max-width: 45.125rem !important;
	float: right;
  margin-top: 1.725rem;
}

header.sticked {
  box-shadow: 0 6px 14px 0 rgba(0, 0, 0, 0.1);
}

.ten-years {
  font-family: 'IndieFlower';
  position: fixed;
  top: 26px;
  left: 15rem;
}

.mobile {
  display: none;
}

.menu li {
  display: block;
  text-align: center;
  float: left;
  position: relative;
}

.menu li a {
  font-family: 'Netto';
  font-size: 14px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.14;
  letter-spacing: 0.9px;
  text-align: center;
  color: #333333;
  text-transform: uppercase;
  margin-right: 2rem;
}


.menu li a:hover:after {
	background-color: #422f7e;
	height: 2px;
	width: 1.25rem;
	left: 0rem;
	position: absolute;
	bottom: -5px;
	content: '';
}

.menu li a.button {
	background-color: #422f7e;
	color: white;
  padding: 1rem 2rem 1rem 2rem;
}

.menu li a.button: hover {
	text-decoration: underline;
}

.content-main {
	height: 100vh;
  padding-top: 5rem;
}

.content-ga {
  max-width: 1440px;
  margin: auto;
  min-height: 100vh;
}

.content-ga h2 {
  font-size: 35px;
  line-height: 40px;
  margin-bottom: 20px;
  text-align: center;
}

.content-ga h1 {
  text-align: center;
  font-size: 60px;
}

.content-ga input,
.content-ga select {
  border-radius: 3px;
  border: 1px solid #BBC8D3;
  height: 50px;
  line-height: 60px;
  font-size: 1.8rem;
  color: #1F2931;
  margin-bottom: 10px;
  font-size: 18px;
}

.content-ga .button {
  margin-top: 40px !important;
}

.content-ga .error {
  margin-top: -10px !important;
}

.content-main h1,
.content-main h2 {
  text-align: center;
}

.input-fields .col-xl-12 {
  padding-left: 0px !important;
}

.content-main h1 {
	font-weight: bold;
	//text-transform: uppercase;
  font-size: 1.825rem;
}

.content-main h2 {
	padding-bottom: 1.5rem;
  font-size: 1.325rem;
}

.content-main h3 {
	font-weight: bold;
  font-size: 1rem;
}

.content-main p {
  font-size: 1rem;
  margin-bottom: 0rem !important;
}

.content-main img {
	width: 90%;

}

.content-main .siegel {
	width: 12%;
    position: absolute;
    top: 40%;
    left: 20%;
}

.button-schritte-button,
.button-aktion {
  border: 1px solid #422f7;
  text-align: center;
  width: 185px;
  height: 50px;
  background-color: #422f7e;
  color: white;
  vertical-align: middle;
  line-height: 50px;
  float: left;
  margin-left: 5%;
}


.button-aktion {
  margin-left: 10% !important;
  margin-top: 1rem;
  width: 200px !important;
}

.button-schritte-button {
  float: unset;
  margin: 4rem auto 0 auto !important;
  width: 410px;
}

.button-info {
  border: 1px solid black;
  text-align: center;
  width: 185px;
  height: 50px;
  background-color: white;
  color: black;
  vertical-align: middle;
  line-height: 50px;
  float: left;
  margin-left: 2%;
  margin-top: 1rem;
}

.button-schritte-button:hover,
.button-info:hover,
.button-aktion:hover {
  cursor: pointer;
}

.button-info:hover {
	text-decoration: underline;
}

.button-schritte-button img,
.button-aktion img {
  height: 25px;
  width: 25px;
  margin-right: 15px;
}

.content-main .benefits {
	padding-top: 1rem;
}

.content-main .benefits img {
  width: 2.25rem;
  height: 2.25rem;
  display: inline;
  margin-left: -2.625rem;
  vertical-align: top;
}

.content-main .benefits h3 {
  display: inline;
  font-size: 1.675rem;
}

.connect-vorteile {
    text-align: center;
    margin: auto;
    width: 99%;
    position: absolute;
    bottom: -0.5rem;
    color: white;
    height: 5rem;
}

.connect {
  text-align: center;
  margin: -3rem auto;
  bottom: 0rem;
  width: 100%;
  #display: none;
  position: absolute;
}

.connect-demo {
  text-align: center;
  margin: auto;
  width: 99%;
  bottom: -0.5rem;
  height: 2rem;
}

.connect img {
  height: 6rem;
}


.setup-img {
  width: 70%;
}

.clients h4 {
	text-transform: uppercase;
	font-size: 2.31rem;
	padding-top: 5rem;
	text-align: center;
	padding-bottom: 1em;
}

.clients-img {
  width: 80%;
  margin: auto;
}

 .clients img {
    width: 100%;
    height: auto:
 }


  .clients .all img {
    margin-top: 0.2rem;
    height: 2rem;
    width: auto;
    float: right;
  }

  .clients .ros img,
  .clients .rei img,
  .clients .huk img {
    margin-top: 0.5rem ;
  }

  .clients .wgz img {
      margin-top: 0.2rem;
  }
 
.clients {
	height: 35vh;
}


.entdecken {
  height: 55vh;
  margin-bottom: 12rem;
	background-image: url(../img/bk-clients.jpg);	
	background-repeat: no-repeat;
  background-position: center -100px;
  background-size: 100% auto;
}

.entdecken h4 {
	text-transform: uppercase;
	color: white;
	font-size: 2.25rem;
	padding-top: 25vh;
	text-align: center;
}

#vorteile {
  max-height: 65rem;
  clear: both;
  margin-bottom: 6rem;
}

.img-mb {
  width: 90%;
}

.echtzeit img {
  width: 80%;
  float: right;
  margin-right: 10%;
}

.echtzeit-text {
  max-width: 35rem;
  padding-top: 5rem;
}

.stimmung-text h2,
.echtzeit-text h2 {
  padding-bottom: 2rem;
}

#zitat h2 {
  margin: auto;
  display: inlin;
  width: 80%;
  text-align: center;
}

#stimmung {
  padding-top: 6rem;
}

.stimmung-text {
  padding-left: 12rem;
  padding-right: 2rem;
}

.stimmung-text p {
  padding-right: 2.5rem;
}

#zitat {
  max-width: 1440px;
  margin: auto !important;
}

.zitat {
	box-shadow: 0 22px 54px 0 rgba(0,0,0,0.2);
    max-width: 25rem;
    margin: 2.5rem 2rem 0 2rem;
    display: block;
}

.zitat .text {
  color: white;
  line-height: 2.125rem;
  padding: 0.125rem 1rem 4.125rem 1rem;
  height: 18rem;
  text-align: center;
}

.zitat .text:before {
	display: block;
    content: '';
    width: 1.875rem;
    height: 1.875rem;
    background-image: url(../lib/zitat.svg);
    opacity: .3;
    background-size: 100% auto;
    background-repeat: no-repeat;
    margin-left: 47%;
    margin-top: 5%;
}

.zitat .text p {
font-size: 16px !important;
    line-height: 26px !important;
  padding: 3% 5% 5% 5%;
}

.zitat img {
	max-width: 4.375rem;
    height: auto;
    display: block;
    margin: -2.1875rem auto 0 auto;
}

.author {
  font-size: 1.25rem;
}

.author-text,
.author-company {
  font-size: 0.9rem;
}

.author-text {
  max-width: 27rem;
  margin: auto;
  padding-top: 1.75rem;
  padding-bottom: 1.75rem; 
  height: 8rem;
}

.author.text-center {
	height: 4rem;
}

.input p{
  line-height: 1.625rem;
  font-size: 1rem;
}

.input-1 {
  margin-top: 10rem;
}

.input-2 {
  padding-top: 3rem;
  padding-bottom: 10rem;
}

.input-l {
  padding-left: 18%;
}

.input-r {
  padding-right: 18%;
}

.input h5 {
  font-size: 2rem;
  padding-bottom: 1rem;
}

.demo {
	background-color: #f8f8f8;
	min-height: 110vh;
	border-top: 1px solid #422f7e;
}

#demo {
	width: 80rem;
  margin: 10rem auto;
}

.gf-contact h4,
#demo h4 {
	font-size: 2.15rem;
}

.formular {
  width: 50rem;
  float: right;
}

#demo p,
#demo h4 {
	text-align: center;
}

#demo p {
  padding-bottom: 2rem;
}


.confirm-contact {
	text-align: left !important;
	display: block;
  margin-left: -2rem;
  font-size: 0.85rem;
  line-height: 1.5rem;
}

#email.fine:focus {
    color: #495057;
    border-color: green;
    outline: 0;
    box-shadow: 0 0 0 0.2rem green;
}

#demo input[type=text],
#demo input[type=email] {
	background-color: #f8f8f8;
	border: none;
  border-bottom: 1px solid #000;
  border-radius: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  font-size: 1.125rem;
  margin-bottom: 5rem;
}

#demo input[type="text"].fail,
#demo input[type="email"].fail {
  border-bottom: 1px solid red;
}

.button-schritte-button:hover,
.button-aktion:hover, 
.button.send:hover,
.checkmark:hover {
  background-color: #a096be;
  cursor: pointer;
}

.checkmark.fail {
  border: 1px solid red;
}

.checkmark.fail:checked {
  border: 1px solid black;
}

#demo input::placeholder {
	color: black;
}

.container-checkmark input:checked ~ .checkmark {
  background-color: #422f7e;
}

.button.send {
    font-size: 1.01rem;
    text-transform: uppercase;
    background-color: #422f7e;
    color: white;
    margin: auto;
    height: 3rem;
    width: 13rem;
    line-height: 3rem;
    text-align: center;
}

.button.send.checked:hover {
  cursor: pointer;
}

#overlay {
  position: fixed;
  width: 100%;
  height: 100vh;
  background-color: rgb(52,54,63,0.85);
  z-index: 10;
}

.close {
  width: 24px;
}

.pop-up {  
  display: none;
  border-radius: 0.3125rem;
  box-shadow: 0 0 2.5rem rgba(0, 0, 0, 0.5);
  width: 960px;
  height: 250px;
  border: 1px solid black;
  position: fixed;
  background-color: white;
  z-index: 11;
  top:60px;
  left:0;
  bottom: 0;
  right: 0;
  margin: auto;
  padding-left: 20px;
}

span.confirm-checkmark {
  padding-left: 8px;
}

.suchbegriffe.clipping,
.anliegen.clipping {
  width: 730px;
  height: unset !important;
  margin: 2rem 0rem 2rem 0rem !important;
  padding:  unset;
  font-size: 1rem;
}

.pop-up h4 {
  text-align: left !important;
  font-weight: bold;
  padding-top: 30px;
  font-size: 1.5rem !important;
  padding-bottom: 0rem !important
}

.pop-up button {
  position: relative;
  margin-right: 2.625rem;
  padding: 0.625rem 1.25rem;
  border: none;
  border-radius: 0.25rem;
  color: white;
  font-size: 0.87rem;
  overflow: hidden;
  z-index: 1;
  float: right;
}

.pop-up button.individuelle-anfrage {
  background-color: #0f5b60;
}

.pop-up button.auswahl-change {
  background-color: #422f7e;
}

.pop-up button:hover {
  cursor: pointer;
}

.pop-up p {
    text-align: left !important;
    font-size: 1rem;
    padding-right: 2rem;
    line-height: 2rem;
}

h4.quellen {
  font-size: 18px !important;
  text-align: left !important;
  font-weight: bold !important;
}

.quellen-auswahl {
    margin: 0px 0px 30px 0px;
    display: none;
}

label.container-checkmark {
  padding-left: 5px;
}

span.confirm-checkmark:hover {
  cursor: pointer;
}

p.info:hover {
  cursor: pointer;
}

p.info {
  text-align: left !important;
  font-size: 1rem !important;
  padding-bottom: unset !important;
  line-height: unset !important;
}

[data-title] {
  cursor: pointer;
  position: absolute;
  margin: -2px 0px 0px 10px;

}

[data-title]:hover::before {
  content: attr(data-title);
  position: absolute;
  top: -40px;
  display: inline-block;
  padding: 3px 6px;
  border-radius: 2px;
  background: #000;
  color: #fff;
  font-size: 16px;
  white-space: nowrap;
}

[data-title]:hover::after {
  content: '';
  position: absolute;
  top: -12px;
  left: 8px;
  display: inline-block;
  color: #fff;
  border: 8px solid transparent;  
  border-top: 8px solid #000;
}

.container {
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.container-checkmark input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.checkmark {
  position: absolute;
  top: 2px;
  left: 0;
  height: 16px;
  width: 16px;
  border: 1px solid black;
}


/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.container-checkmark input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.container-checkmark .checkmark:after {
  left: 5px;
  top: 1px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 1px 1px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}


input[type="text"], input[type="password"], textarea, select { 
  outline: none;
}

.confirm-contact {
	cursor: pointer;
}

.sea-text {
  padding: 10rem 10% 10rem 10%;
}

.sea-text h6 {
  font-size: 1.25rem;
  font-weight: bold;
  text-transform: uppercase;
  height: 6rem;
}

.sea-text p {
  font-size: 0.8125rem;
  line-height: 1.785rem;
}

.footer {
  height: 4rem;
  background-color: #422f7e;
  line-height: 4rem;
  color: white;
}

.footer a {
  color: white;
  float: right;
  padding-right: 5rem;
}

.footer a:hover {
  text-decoration: none;
}

.pd-left-0 {
	padding-left: 0rem !important;
}

.pd-left-50 {
	padding-left: 10rem;
}

.mg-bt-50 {
	margin-bottom: 5rem;
}

.col-xl-1,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7 {
	float: left;
}

.col-xl-3 {
    width: 20.000000%;
    float: left;
}

.col-xl-9 {
    width: 80.000000%;
    float: left;  
}

.col-xl-4 {
    width: 33.33333333%;
    float: left;
}

.col-xl-8 {
    width: 66.66666666%;
    float: left;
}

.col-left {
	width: 100%;
	float:left;
}


.row {
	margin-right: 0px !important;
	margin-left: 0px !important;
}

.bg-lila {
	background-color: #422f7e;
}

.center {
	text-align: center;
}

.bold {
	font-weight: bold;
}
@media (max-height: 550px) {
	.clients {
		margin-top: 3rem;
	}

	.entdecken {
		margin-top: 2rem;
		height: 80vh;
	}

	.row.demo {
		margin-top: 6rem;
	}
}

@media (max-height: 900px) {
  .content-main .header-img img {
    padding-top: 2rem;
  }

  .content-main .benefits h3 {
    font-size: 1.425rem;
  }

  .content-main .benefits img {
    margin-top: -0.3rem;
  }

  .img-mb, .echtzeit img {
    padding-top: 4.5rem;
  }

  .entdecken {
    background-position: center;
  }

}

.full-size-image {
  position: absolute;
  z-index: 20001;
  background-color: white;
  text-align: center;
  width: 100%;
  height: 100%;
  display: none;
}

.open-full-size-image img:hover {
  cursor: pointer;
}

.full-size-image .wrapper {
  width: 75%;
  margin: auto;
  margin-top: 4rem;
}

.full-size-image img.close {
  width: 36px;
}

.full-size-image img.tool {
  width: 100%;
  margin-left: -9rem;
}

.row .tab {
  margin-bottom: 2rem;
}

.video-wrapper {
  width: 550px;
}

.tool-mockup {
  width: 100%;
  position: absolute;
}

#funktionen {
  height: 70vh;
}

#schritte {
  text-align: center;
  margin-top: 10rem;
}

#schritte p {
  max-width: 75%;
  margin: auto;
}

.row.schritte-setup {
  width: 75%;
  margin-left: auto!important;
  margin-right: auto !important;
  margin-top: 5rem;
}

.schritte-setup h5 {
  font-weight: bold;
  font-size: 2.5rem;
  margin-top: 0.5rem;
}

.schritte-setup .box {
    border: 1px solid black;
    width: 72px;
    justify-content: center;
    margin-bottom: 12px;
    font-weight: bold;
    font-size: 36px;
    color: white;
    background-color: #422f7e;
    margin: auto;
}

.box-connector {
  border-right: 0;
  border-top: 1px solid;
  height: 1px;
  left: calc(50% - -52px);
  position: absolute;
  top: 27px;
  width: calc(100% - 100px)
}


.funktionen-acc p {
  width: 80%;
  margin-top: 4rem;

}

.funktionen-video {
  width: 62%;
  margin-left: 28%;
  margin-top: 3%;
  position: absolute;
}

.funktionen-video.Hosting {
  width: 22% !important;
  margin-left: 49%;
  margin-top: 11%;
}

.funktionen-video.hidden {
  display: none;
}


.funktion {
  padding: 10px;
  background-color: #f3f3f3;
  color: black;
  border: 1px solid white;
  width: 6rem;
  text-align: center;
}

.funktionen-headline h3 {
  margin-left: 10rem;
  margin-bottom: 5rem;
}

.funktion:hover {
  cursor: pointer;
}

.funktion.active {
  background-color: #6f42c1;
  color: white;
}

.tab-info.hidden {
  display: none;
}

.gf-contact {
  position: absolute;
}

.gf-contact p {
    width: 22rem;
    font-size: 0.875rem;
    line-height: 1.25rem;
    margin-top: 2rem;
}

.error {
  text-align: left !important;
  margin-top: -70px;
  color: red;
}

.error.hidden {
  display: none;

}

@media (min-height:700px) {
  
  .content-main h1 {
    padding-top: 3.25rem;
    font-size: 3.125rem;
  }

  .img-mb {
    margin-left: 0rem;
  }

  .content-main h2 {
    padding-bottom: 1.5rem;
    font-size: 2rem
  }

  .content-main h3 {
    font-size: 1rem;
  }
 
 .benefits.first {
    padding-top: 3rem;
  }

  .benefits {
    padding-bottom: 2rem;
  }

  .benefits p {
    width: 40rem;
    font-size: 1.25rem;
    line-height: 2rem;
  }

  .header-img img {
    width: 80%;
    float: right;
    margin-right: 7%;
  }

  .echtzeit-img img,
  .echtzeit img,
  .header-img img {
    padding-top: 3rem;
      -webkit-box-shadow: 24px 32px 56px 0px rgba(0,0,0,.3);
  -moz-box-shadow: 24px 32px 56px 0px rgba(0,0,0,.3);
  box-shadow: 24px 32px 56px 0px rgba(0,0,0,.3);
  }

  .zitateh4 {
    font-size: 2rem;
        text-align: center;
    margin-top: 7rem;
  }
  .clients h4 {
    padding-top: 5rem;
    padding-bottom: 2em;
  }

  .input p {
  line-height: 2.125rem;
  font-size: 1.25rem;
  padding-right: 1.25rem;
  }

  #demo h4 {
    padding-bottom: 2rem
  }

  #demo .anliegen {
    height: 5rem;
  }

  .confirm-contact {
    font-size: .9125rem;
  }

  .confirm.row {
    height: 9rem;
    margin-top: 0rem;
  }

 
  .stimmung-text {
    padding-top: 3rem;
  }

  #zitat {
    padding-bottom: 10rem;
    margin-top: 10rem;
  }

  .input-2 {
    padding-bottom: 20rem;
  }

  .zitat .text:before {
    height: 2rem;
  }

  .clients-img {
   	width: 80%;
    margin: auto;
    text-align: center;
  }

  .clients img {
     width: auto;
  }

  .clients .all img {
    height: 2rem;
    margin-bottom: 0.1rem;
    float: unset;
  }

  .clients .cla img {
    height: 2.125rem;
  }

  .clients .huk img {
    height: 2rem;
    margin-top: 0.3rem;
  }

  .clients .rei img {
    height: 1.725rem;
  }

  .clients .ros img {
    height: 1.5rem;
  }

  .clients .wgz img {
    height: 1.725rem;
    margin-top: 0.5rem;
  }


}

@media only screen and (max-width: 1600px) {
	.author-text, .author-company {
		font-size: 0.8rem;
	}

	.zitat .text p {
		font-size: 1.25rem;
	}
}

@media only screen and (max-width: 1350px) {
	.zitat .text p {
		font-size: 1.15rem;
	}
}

@media only screen and (max-width: 1200px) {
  header nav {
    float: unset;
  }

  .content-main .header-img img {
    padding-top: 4rem !important;
  }

  .img-mb, .echtzeit img {
    padding-top: 7.5rem;
  }

  .stimmung-text {
    padding-left: 2rem;
  }

  #stimmung img {
    width: 90%;
  }

  .input-l {
    padding-left: 5%;
  }

  .input-r {
    padding-right: 5%;
  }

}

@media only screen and (max-width: 600px) {
    .mobile {
      display: block;
    }

    .desktop {
      display: none !important;
    }

    .header img {
      width: 85px;
      height: auto;
      display: inline;
    }

    .mobile .button {
      background-color: #422f7e;
      color: white;
      padding: 1rem 2rem 1rem 2rem;
      text-transform: uppercase;
      float: right;
      margin: 1rem;
    }

    .col-xs-1 {
      width: 10%;
    }

    .col-xs-6 {
      width: 50%;
    }

    .col-xs-11 {
      width: 90%;
    }

    .col-xs-12 {
      width: 100%;
    }

    .content-main,
    .clients,
    .entdecken,
    .confirm.row {
      height: auto !important;
    }

    .content-main {
      margin-top: 2rem;
    }

  .content-main h1 {
      max-width: 80%;
      margin: auto;
      padding-bottom: 2rem;
      font-size: 2.5rem;
  }

  .content-main .header-img  {
    padding: unset;
  }

  .content-main .header-img img {
      width: 100%;
  }

  .content-main .benefits img {
    margin-left: 0px !important;
    float: left;
  }

  .content-main p {
    padding-left: 2.125rem;
    line-height: 1.25rem;
    padding-bottom: 2rem;
  }

  .clients-img {
    height: 15rem;
  }

  .clients .all {
  	text-align: center;
  }

  .clients .all img {
  	height: 1.5rem;
    width: auto;
    float: unset
  }

  .entdecken {
    height: 25rem !important;
    background-position: right;
    background-size: 54rem;
  }

  .entdecken h4 {
    padding-top: 9rem;
    padding: 9rem 1rem 1rem 0rem;
    font-size: 1.5rem;
    line-height: 2.5rem;
  }


  .echtzeit-text,
  .stimmung-text {
    padding-left: 2rem;
  }

  .input-l,
  .input-r {
    padding-left: 2rem;
    padding-right: 2rem;
    padding-top: 1.5rem;
  }

  .input h5 {
    font-size: 1.725rem;
  }


  .demo {
    height: auto;
  }

  #demo {
    width: 80%;
    margin: auto;
  }

  #demo h4 {
    padding-top: 3rem;
  }

  #demo input[type=text], 
  #demo input[type=email] {
    margin-bottom: 2rem;
  }


  .confirm.row {
    margin-top: 0rem;
  }

  .confirm-contact {
    margin-left: 0rem;
  }

  .button.send {
    margin-bottom: 10rem;
  }

  .echtzeit {
    margin-top: 30rem;
  }

  .echtzeit-text {
    margin-top: -50rem;
  }

  #stimmung {
    padding: unset;
    height: unset;
  }

  #stimmung img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 90%;
  }

  .input-2 {
    padding: unset;
  }

  .zitat .text {
    padding: 0.5rem;
  }

  .zitat .text p {
    line-height: 1.5rem;
  }

  .zitat .text:before {
    margin: -0rem auto 1.875rem auto;
  }

  .clients-img .col-xs-6 {
    height: 5rem;
  }

  .input-1 {
    margin-top: 2rem;
  }

  .sea-text h6 {
    margin-top: 2rem;
    height: unset;
  }


 .footer a {
  padding-right: 2rem;
 }
 
 .stimmung-text p {
  padding-right: unset;
 }

  .clients h4 {
  font-size: 2rem;
}