@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,700;1,400;1,700&display=swap');
.lp-container .clr-fix-lp {  clear:both; height:0; width:0}

.lp-container {font-family: 'TT norms pro', sans-serif;font-size: 24px;font-weight:normal; text-align:center;color:#231f20;margin: 0 20px;letter-spacing: 0;padding: 0;overflow: hidden; padding:40px 10%}
.lp-container * {box-sizing: border-box; text-decoration:none;line-height: normal;}
.lp-container h3 {display:block;color:#35d32f;font-weight: 400;font-family: 'Playfair Display', sans-serif;font-style: italic; }
.lp-container p {line-height: 1.6em;}
.lp-container section {width:100%}
.lp-container img {width:100%}

.lp-container img.lp-title-img {display:block; width:auto; margin:4em auto 2em}

.lp-container .lp-sec-2 {  display: flex;  align-items: center;}
.lp-container .lp-sec-2 div:nth-child(1) {width:53%; margin-right:5.3%;}
.lp-container .lp-sec-2 div:nth-child(1) div {width:100%; margin-right:0;}
.lp-container .lp-sec-2 div:nth-child(1) img {width:100%}
.lp-container .lp-sec-2 div:nth-child(2) {width:41.7%; text-align:left;  height: 100%;}
.lp-container .lp-sec-2 div:nth-child(2) p {margin-bottom:1em}

.lp-container .lp-sec-3 h3 {font-size:3.2em; line-height:1em}
.lp-container .lp-sec-3 p { margin-top:1em}

.lp-container .lp-sec-4 {  display: flex;  align-items: center;background:#f1f1f1; padding:40px}
.lp-container .lp-sec-4 div:nth-child(1) {width:46.5%; margin-right:5.5%;}
.lp-container .lp-sec-4 div:nth-child(2) {width:48%;text-align:left;  height: 100%;}
.lp-container .lp-sec-4 div:nth-child(2) p {margin-bottom:1em}
.lp-container .lp-sec-4 div:nth-child(2) p span {text-decoration:underline}

.lp-container .lp-sec-5 {  display: flex; align-items: center;background:#fff; padding:0 40px}
.lp-container .lp-sec-5 h3 {font-size:1.82em;}
.lp-container .lp-sec-5 div:nth-child(1) {width:15%;}
.lp-container .lp-sec-5 div:nth-child(2) {width:62%;text-align:center;  height: 100%;}
.lp-container .lp-sec-5 div:nth-child(2) p {margin-top:1em}
.lp-container .lp-sec-5 div:nth-child(3) {width:23%;}

.lp-container .lp-sec-6 {  display: flex; align-items: center;background:#f1f1f1; padding:0}
.lp-container .lp-sec-6 h3 {font-size:1.82em;}
.lp-container .lp-sec-6 div:nth-child(1) {width:45.45%; margin-right:5%; padding-top:5%}
.lp-container .lp-sec-6 div:nth-child(2) {width:44.55%; margin-right:5%; text-align:center;  height: 100%;}
.lp-container .lp-sec-6 div:nth-child(2) span {font-weight:700}

.lp-container .lp-sec-7 { background:url('../img/teaser-6-bg.jpg') repeat-x #9fbea2; padding:15px 0 65px 23%; color:#ffffff; position:relative}
.lp-container .lp-sec-7-imgs a {width:32.4%;margin-left:1.4%; float:left;display:block}
.lp-container .lp-sec-7-imgs a:nth-child(1) {margin-left:0;}
.lp-container .lp-sec-7-text { width:80%; margin:0 auto}
.lp-container .lp-sec-7 h3 {font-size:2.5em; margin-top:1em; color:#fff}
.lp-container .lp-sec-7 p {margin:1em auto; max-width:80%}
.lp-container .sec-7-img {width:31%; position:absolute; left:0; bottom:0;display:block}

.lp-container .lp-sec-8 {text-align:center}
.lp-container .lp-sec-8 div {display:inline-block; margin:0 2%; width:23%; vertical-align:top}
.lp-container .lp-sec-8 div img {max-width:94%; display:block: margin:0 auto}
.lp-container .lp-sec-8 h4 {font-size:0.9em; font-weight:700; margin:0.5em 0}
.lp-container .lp-sec-8 p {font-size:0.71em; }


.lp-container .lp-sec-9 {  display: flex; align-items: center;background:#fff; padding:0 40px}
.lp-container .lp-sec-9 h3 {font-size:1.82em;}
.lp-container .lp-sec-9 div:nth-child(1) {width:12.5%;}
.lp-container .lp-sec-9 div:nth-child(2) {width: 73%;text-align:center;height: 100%;}
.lp-container .lp-sec-9 div:nth-child(3) {width:9.5%;}
.lp-container .lp-sec-9 p {position:relative}
.lp-container .lp-sec-9 p:after, .lp-container .lp-sec-9 p:before {position:absolute;width:37px;height:29px;content:"";left:50%;margin-left:-19px;top: -33%;background-image:url('../img/quot-top.png');background-size:100% 100%;}
.lp-container .lp-sec-9 p:before {top:auto;bottom: -34%;background-image:url('../img/quot-bottom.png');}

.lp-container .m-t-s {margin-top: 1em;}
.lp-container .m-t-m {margin-top: 2em;}
.lp-container .m-t-l {margin-top: 4em;}
.lp-container .m-b-s {margin-bottom: 1em;}
.lp-container .m-b-m {margin-bottom: 2em;}
.lp-container .m-b-l {margin-bottom: 4em;}
.lp-container .m-tb-s {margin: 1em 0;}
.lp-container .m-tb-m {margin: 2em 0;}
.lp-container .m-tb-l {margin: 4em 0;}


.background-video {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  min-height: 700px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.background-video-4 {
  height: 100%;
}

.cta-button {
  margin-top: 20px;
  padding-right: 0px;
  padding-left: 0px;
  background-color: transparent;
  box-shadow: inset 0 -1px 0 0 #3a3a3a;
  -webkit-transition: box-shadow 200ms ease, -webkit-transform 200ms ease;
  transition: box-shadow 200ms ease, -webkit-transform 200ms ease;
  transition: transform 200ms ease, box-shadow 200ms ease;
  transition: transform 200ms ease, box-shadow 200ms ease, -webkit-transform 200ms ease;
  font-family: 'TT norms pro', sans-serif;
  color: #3a3a3a;
  font-size: 0.9em;
  font-weight: 600;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.cta-button:hover {
  box-shadow: inset 0 -2px 0 0 #3a3a3a;
  -webkit-transform: translate(5px, 0px);
  -ms-transform: translate(5px, 0px);
  transform: translate(5px, 0px);
}

.cta-button.white {
  box-shadow: inset 0 -1px 0 0 #fff;
  color: #fff;
}

@font-face {
  font-family: 'TT norms pro';
  src: url('../fonts/TypeType---TT-Norms-Pro-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'TT norms pro';
  src: url('../fonts/TypeType---TT-Norms-Pro-Regular.ttf') format('truetype'), url('../fonts/TypeType---TT-Norms-Pro-Normal.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'TT norms pro';
  src: url('../fonts/TypeType---TT-Norms-Pro-DemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'TT norms pro';
  src: url('../fonts/TypeType---TT-Norms-Pro-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Freight Micro pro book';
  src: url('../fonts/GarageFonts---FreightMicro-Pro-Book.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@media only screen and (max-width: 1560px) {
	
.lp-container {font-size: 22px;}
.background-video {min-height: 600px;}

	
}
@media only screen and (max-width: 1440px) {
	
.lp-container {font-size: 20px;}
.background-video {min-height: 500px;}
	
}
@media only screen and (max-width: 1367px) {
	
.lp-container {font-size: 18px;}
	
}
@media only screen and (max-width: 1280px) {
	
.lp-container {font-size: 16px;}

	
}

@media only screen and (max-width: 768px) {
.lp-container {padding:0; margin:0}

.lp-container img.lp-title-img {width: 60%;max-width: 310px;}
.lp-container .lp-sec-2, .lp-container .lp-sec-4, .lp-container .lp-sec-5, .lp-container .lp-sec-6  {display:block}
.lp-container .lp-sec-2 div, .lp-container .lp-sec-4 div, .lp-container .lp-sec-6 div {width:100% !important; margin:0}
.lp-container .lp-sec-2 div:nth-child(1), .lp-container .lp-sec-4 div:nth-child(1), .lp-container .lp-sec-6 div:nth-child(1)  {margin-bottom:1em}
.background-video {min-height: auto; height:400px}
.lp-container .lp-sec-2 div:nth-child(2), .lp-container .lp-sec-4 div:nth-child(2) {text-align:center}
.lp-container .lp-sec-5 {padding:0; position:relative}
.lp-container .lp-sec-5 div {width:100% !important}
.lp-container .lp-sec-5 div:nth-child(1), .lp-container .lp-sec-5 div:nth-child(3) {display:none}
.lp-container .lp-sec-5 h3 br {display:none}
.lp-container .lp-sec-5:after, .lp-container .lp-sec-5:before {position:absolute; content:""; background-size:100% 100%}
.lp-container .lp-sec-5:after {background-image:url('../img/damla-1-m.jpg');top:0;left: -14px;width:48px;height:241px}
.lp-container .lp-sec-5:before {background-image:url('../img/damla-2-m.jpg');bottom: -14%;right: -66px;width:100px;height:201px}
.lp-container .lp-sec-5 {padding:0 40px}
.lp-container .lp-sec-6 {background:#fff}
.lp-sec-6.m-tb-l{margin: 2em 0;}
.lp-container .lp-sec-7 {padding: 15px 0 15px 0;}
.lp-container .lp-sec-7-text {width:100%}
.lp-container .lp-sec-7 { background:url('../img/m-teaser-6-bg.jpg') repeat-x #a2bea5;}
.lp-container .lp-sec-7 p {max-width:100%}
.lp-container .sec-7-img {display:none}
.lp-container .lp-sec-8 div {width:60%; display:block; margin:1em auto}
.lp-container .lp-sec-8 div img {width: 85%; max-width:270px}
.lp-container .lp-sec-9 {padding: 0 25px;position:relative}
.lp-container .lp-sec-9 div {width:100% !important}
.lp-container .lp-sec-9 div:nth-child(1), .lp-container .lp-sec-9 div:nth-child(3) {display:none}
.lp-container .lp-sec-9 p:after, .lp-container .lp-sec-9 p:before {top: -15%;}
.lp-container .lp-sec-9 p:before {bottom: -15%; top:auto}
.lp-container .lp-sec-9 p:after, .lp-container .lp-sec-9 p:before {  width: 25px;height: 20px;}

.lp-container .lp-sec-9:after, .lp-container .lp-sec-9:before {position:absolute; content:""; background-size:100% 100%}
.lp-container .lp-sec-9:after {background-image:url('../img/damla-3-m.jpg');top:0;left: 0px;width:25px;height:184px}
.lp-container .lp-sec-9:before {background-image:url('../img/damla-4-m.jpg');bottom: -14%;right: -17px;width:43px;height:218px}

.lp-container .lp-sec-2 div:nth-child(2), .lp-container .lp-sec-6  {padding:0 20px}
.lp-container .lp-sec-8 p {font-size:0.9em}



}