body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul,.content-gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li,.content-gallery>ul li{float:left}.ce_gallery>ul li.col_first,.content-gallery>ul li.col_first{clear:left}.float_left,.media--left>figure{float:left}.float_right,.media--right>figure{float:right}.block{overflow:hidden}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both}
@media (max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.audio_container audio{max-width:100%}.video_container video{max-width:100%;height:auto}.aspect,.responsive{position:relative;height:0}.aspect iframe,.responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%}.aspect--16\:9,.responsive.ratio-169{padding-bottom:56.25%}.aspect--16\:10,.responsive.ratio-1610{padding-bottom:62.5%}.aspect--21\:9,.responsive.ratio-219{padding-bottom:42.8571%}.aspect--4\:3,.responsive.ratio-43{padding-bottom:75%}.aspect--3\:2,.responsive.ratio-32{padding-bottom:66.6666%}
@font-face {
  font-family: "Univers LT W01_45 Light1475944";
  src: url("../../files/theme/Fonts/1475944/9fa24f1f-00d8-4d28-910f-78e925eaead6.woff2") format("woff2"), url("../../files/theme/Fonts/1475944/d64e7bbc-e9ea-46ad-982c-6195ae4a3c61.woff") format("woff"); }
@font-face {
  font-family: "Univers LT W01_45 Light1475950";
  src: url("../../files/theme/Fonts/1475950/aeb5cbb5-2077-4a57-88d8-1cc1e9c804e8.woff2") format("woff2"), url("../../files/theme/Fonts/1475950/26832c6c-7609-41a6-b856-151be500486b.woff") format("woff"); }
@font-face {
  font-family: "Univers LT W01_55 Roman1475956";
  src: url("../../files/theme/Fonts/1475956/5c8d59c2-9c85-4a22-88e3-bf3fba01dcd8.woff2") format("woff2"), url("../../files/theme/Fonts/1475956/fc51d03b-0d7d-45df-9415-3c6270c80749.woff") format("woff"); }
@font-face {
  font-family: "Univers LT W01_55 Obliq1475962";
  src: url("../../files/theme/Fonts/1475962/5bfff3ac-e569-450d-918b-d564434e5e24.woff2") format("woff2"), url("../../files/theme/Fonts/1475962/05d2bfe7-45b3-4cf8-b313-290651409c59.woff") format("woff"); }
@font-face {
  font-family: "Univers LT W01_65 Bold1475968";
  src: url("../../files/theme/Fonts/1475968/8a711a0d-3f17-4bfe-887b-6229858332b3.woff2") format("woff2"), url("../../files/theme/Fonts/1475968/05a79c4b-9e9d-46e4-9d4b-610be05371c4.woff") format("woff"); }
@font-face {
  font-family: "Univers LT W01_65 Bold_1475974";
  src: url("../../files/theme/Fonts/1475974/cc843e1a-cf1f-47e9-a03f-ef03d2b85d9a.woff2") format("woff2"), url("../../files/theme/Fonts/1475974/653a9f79-b3ad-444c-a6c4-6bf7f1112e6e.woff") format("woff"); }
@font-face {
  font-family: "Univers LT W01_75 Black1475980";
  src: url("../../files/theme/Fonts/1475980/9d846738-13de-43dd-a3f2-ff53924f926c.woff2") format("woff2"), url("../../files/theme/Fonts/1475980/ea880276-dfca-4a2a-a7ce-3d597e85112a.woff") format("woff"); }
@font-face {
  font-family: "Univers LT W01_75 Black1475986";
  src: url("../../files/theme/Fonts/1475986/5c2dd742-d755-4a5c-9572-57155d927f40.woff2") format("woff2"), url("../../files/theme/Fonts/1475986/9246bc5d-e032-4efe-99fc-a0c3f26f6cdc.woff") format("woff"); }
@font-face {
  font-family: "Univers LT W01_85 Extra Black";
  src: url("../../files/theme/Fonts/1475992/13ffbad7-98b4-44e1-b6de-c0ef3cccd7d7.woff2") format("woff2"), url("../../files/theme/Fonts/1475992/2ca77b3f-158f-41da-a6a1-2de1e93aae30.woff") format("woff"); }
@font-face {
  font-family: "Univers LT W01_85 X Black Obl";
  src: url("../../files/theme/Fonts/1571205/158c8821-be49-4c97-a7cd-55a82dd185b8.woff2") format("woff2"), url("../../files/theme/Fonts/1571205/e57b89ef-41b0-4958-9416-11c3cb91987e.woff") format("woff"); }
/* open-sans-300 - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: url("../../files/theme/Fonts/open-sans-v35-latin-300.woff2") format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ }
/* open-sans-regular - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url("../../files/theme/Fonts/open-sans-v35-latin-regular.woff2") format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ }
/* open-sans-500 - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 500;
  src: url("../../files/theme/Fonts/open-sans-v35-latin-500.woff2") format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ }
/* open-sans-600 - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: url("../../files/theme/Fonts/open-sans-v35-latin-600.woff2") format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ }
/* open-sans-700 - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url("../../files/theme/Fonts/open-sans-v35-latin-700.woff2") format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ }
/* open-sans-800 - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 800;
  src: url("../../files/theme/Fonts/open-sans-v35-latin-800.woff2") format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ }
@-webkit-keyframes movedown {
  0% {
    opacity: 1;
    transform: translateY(0px); }
  25% {
    opacity: 1;
    transform: translateY(-5px); }
  50% {
    opacity: 1;
    transform: translateY(0px); }
  75% {
    opacity: 1;
    transform: translateY(5px); }
  100% {
    opacity: 1;
    transform: translateY(0px); } }
@-moz-keyframes movedown {
  0% {
    opacity: 1;
    transform: translateY(0px); }
  25% {
    opacity: 1;
    transform: translateY(-5px); }
  50% {
    opacity: 1;
    transform: translateY(0px); }
  75% {
    opacity: 1;
    transform: translateY(5px); }
  100% {
    opacity: 1;
    transform: translateY(0px); } }
@-ms-keyframes movedown {
  0% {
    opacity: 1;
    transform: translateY(0px); }
  25% {
    opacity: 1;
    transform: translateY(-5px); }
  50% {
    opacity: 1;
    transform: translateY(0px); }
  75% {
    opacity: 1;
    transform: translateY(5px); }
  100% {
    opacity: 1;
    transform: translateY(0px); } }
@-o-keyframes movedown {
  0% {
    opacity: 1;
    transform: translateY(0px); }
  25% {
    opacity: 1;
    transform: translateY(-5px); }
  50% {
    opacity: 1;
    transform: translateY(0px); }
  75% {
    opacity: 1;
    transform: translateY(5px); }
  100% {
    opacity: 1;
    transform: translateY(0px); } }
@keyframes movedown {
  0% {
    opacity: 1;
    transform: translateY(0px); }
  25% {
    opacity: 1;
    transform: translateY(-5px); }
  50% {
    opacity: 1;
    transform: translateY(0px); }
  75% {
    opacity: 1;
    transform: translateY(5px); }
  100% {
    opacity: 1;
    transform: translateY(0px); } }
@-webkit-keyframes movedown2 {
  0% {
    opacity: 0;
    transform: translateY(-10px) rotate(180deg); }
  50% {
    opacity: 1;
    transform: translateY(0px) rotate(180deg); }
  100% {
    opacity: 0;
    transform: translateY(10px) rotate(180deg); } }
@-moz-keyframes movedown2 {
  0% {
    opacity: 0;
    transform: translateY(-10px) rotate(180deg); }
  50% {
    opacity: 1;
    transform: translateY(0px) rotate(180deg); }
  100% {
    opacity: 0;
    transform: translateY(10px) rotate(180deg); } }
@-ms-keyframes movedown2 {
  0% {
    opacity: 0;
    transform: translateY(-10px) rotate(180deg); }
  50% {
    opacity: 1;
    transform: translateY(0px) rotate(180deg); }
  100% {
    opacity: 0;
    transform: translateY(10px) rotate(180deg); } }
@-o-keyframes movedown2 {
  0% {
    opacity: 0;
    transform: translateY(-10px) rotate(180deg); }
  50% {
    opacity: 1;
    transform: translateY(0px) rotate(180deg); }
  100% {
    opacity: 0;
    transform: translateY(10px) rotate(180deg); } }
@keyframes movedown2 {
  0% {
    opacity: 0;
    transform: translateY(-10px) rotate(180deg); }
  50% {
    opacity: 1;
    transform: translateY(0px) rotate(180deg); }
  100% {
    opacity: 0;
    transform: translateY(10px) rotate(180deg); } }
@-webkit-keyframes fadeBottom {
  0% {
    opacity: 0;
    transform: translateY(15%); }
  100% {
    opacity: 1;
    transform: translateY(0%); } }
@-moz-keyframes fadeBottom {
  0% {
    opacity: 0;
    transform: translateY(15%); }
  100% {
    opacity: 1;
    transform: translateY(0%); } }
@-ms-keyframes fadeBottom {
  0% {
    opacity: 0;
    transform: translateY(15%); }
  100% {
    opacity: 1;
    transform: translateY(0%); } }
@-o-keyframes fadeBottom {
  0% {
    opacity: 0;
    transform: translateY(15%); }
  100% {
    opacity: 1;
    transform: translateY(0%); } }
@keyframes fadeBottom {
  0% {
    opacity: 0;
    transform: translateY(15%); }
  100% {
    opacity: 1;
    transform: translateY(0%); } }
@-webkit-keyframes fadeBottom_absolute {
  0% {
    opacity: 0;
    transform: translateY(15%); }
  100% {
    opacity: 1;
    transform: translateY(-50%); } }
@-moz-keyframes fadeBottom_absolute {
  0% {
    opacity: 0;
    transform: translateY(15%); }
  100% {
    opacity: 1;
    transform: translateY(-50%); } }
@-ms-keyframes fadeBottom_absolute {
  0% {
    opacity: 0;
    transform: translateY(15%); }
  100% {
    opacity: 1;
    transform: translateY(-50%); } }
@-o-keyframes fadeBottom_absolute {
  0% {
    opacity: 0;
    transform: translateY(15%); }
  100% {
    opacity: 1;
    transform: translateY(-50%); } }
@keyframes fadeBottom_absolute {
  0% {
    opacity: 0;
    transform: translateY(15%); }
  100% {
    opacity: 1;
    transform: translateY(-50%); } }
@-webkit-keyframes fadeRight {
  0% {
    opacity: 0;
    transform: translateX(15%); }
  100% {
    opacity: 1;
    transform: translateX(0%); } }
@-moz-keyframes fadeRight {
  0% {
    opacity: 0;
    transform: translateX(15%); }
  100% {
    opacity: 1;
    transform: translateX(0%); } }
@-ms-keyframes fadeRight {
  0% {
    opacity: 0;
    transform: translateX(15%); }
  100% {
    opacity: 1;
    transform: translateX(0%); } }
@-o-keyframes fadeRight {
  0% {
    opacity: 0;
    transform: translateX(15%); }
  100% {
    opacity: 1;
    transform: translateX(0%); } }
@keyframes fadeRight {
  0% {
    opacity: 0;
    transform: translateX(15%); }
  100% {
    opacity: 1;
    transform: translateX(0%); } }
@-webkit-keyframes fadeLeft {
  0% {
    opacity: 0;
    transform: translateX(-15%); }
  100% {
    opacity: 1;
    transform: translateX(0%); } }
@-moz-keyframes fadeLeft {
  0% {
    opacity: 0;
    transform: translateX(-15%); }
  100% {
    opacity: 1;
    transform: translateX(0%); } }
@-ms-keyframes fadeLeft {
  0% {
    opacity: 0;
    transform: translateX(-15%); }
  100% {
    opacity: 1;
    transform: translateX(0%); } }
@-o-keyframes fadeLeft {
  0% {
    opacity: 0;
    transform: translateX(-15%); }
  100% {
    opacity: 1;
    transform: translateX(0%); } }
@keyframes fadeLeft {
  0% {
    opacity: 0;
    transform: translateX(-15%); }
  100% {
    opacity: 1;
    transform: translateX(0%); } }
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@-moz-keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@-ms-keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@-o-keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@-webkit-keyframes width-sd {
  0% {
    width: 0; }
  100% {
    width: 65px; } }
@-moz-keyframes width-sd {
  0% {
    width: 0; }
  100% {
    width: 65px; } }
@-ms-keyframes width-sd {
  0% {
    width: 0; }
  100% {
    width: 65px; } }
@-o-keyframes width-sd {
  0% {
    width: 0; }
  100% {
    width: 65px; } }
@keyframes width-sd {
  0% {
    width: 0; }
  100% {
    width: 65px; } }
@-webkit-keyframes width-md {
  0% {
    width: 0; }
  100% {
    width: 88px; } }
@-moz-keyframes width-md {
  0% {
    width: 0; }
  100% {
    width: 88px; } }
@-ms-keyframes width-md {
  0% {
    width: 0; }
  100% {
    width: 88px; } }
@-o-keyframes width-md {
  0% {
    width: 0; }
  100% {
    width: 88px; } }
@keyframes width-md {
  0% {
    width: 0; }
  100% {
    width: 88px; } }
@-webkit-keyframes width-ld {
  0% {
    width: 0; }
  100% {
    width: 158px; } }
@-moz-keyframes width-ld {
  0% {
    width: 0; }
  100% {
    width: 158px; } }
@-ms-keyframes width-ld {
  0% {
    width: 0; }
  100% {
    width: 158px; } }
@-o-keyframes width-ld {
  0% {
    width: 0; }
  100% {
    width: 158px; } }
@keyframes width-ld {
  0% {
    width: 0; }
  100% {
    width: 158px; } }
@-webkit-keyframes pulse {
  0% {
    opacity: 1;
    transform: scale(1); }
  50% {
    opacity: 1;
    transform: scale(1.1); }
  100% {
    opacity: 1;
    transform: scale(1); } }
@-moz-keyframes pulse {
  0% {
    opacity: 1;
    transform: scale(1); }
  50% {
    opacity: 1;
    transform: scale(1.1); }
  100% {
    opacity: 1;
    transform: scale(1); } }
@-ms-keyframes pulse {
  0% {
    opacity: 1;
    transform: scale(1); }
  50% {
    opacity: 1;
    transform: scale(1.1); }
  100% {
    opacity: 1;
    transform: scale(1); } }
@-o-keyframes pulse {
  0% {
    opacity: 1;
    transform: scale(1); }
  50% {
    opacity: 1;
    transform: scale(1.1); }
  100% {
    opacity: 1;
    transform: scale(1); } }
@keyframes pulse {
  0% {
    opacity: 1;
    transform: scale(1); }
  50% {
    opacity: 1;
    transform: scale(1.1); }
  100% {
    opacity: 1;
    transform: scale(1); } }
@-webkit-keyframes rotate {
  0% {
    opacity: 1;
    transform: translateY(0); }
  25% {
    opacity: 0;
    transform: translateY(-30px); }
  26% {
    opacity: 0;
    transform: translateY(30px); }
  50% {
    opacity: 1;
    transform: translateY(0); } }
@-moz-keyframes rotate {
  0% {
    opacity: 1;
    transform: translateY(0); }
  25% {
    opacity: 0;
    transform: translateY(-30px); }
  26% {
    opacity: 0;
    transform: translateY(30px); }
  50% {
    opacity: 1;
    transform: translateY(0); } }
@-ms-keyframes rotate {
  0% {
    opacity: 1;
    transform: translateY(0); }
  25% {
    opacity: 0;
    transform: translateY(-30px); }
  26% {
    opacity: 0;
    transform: translateY(30px); }
  50% {
    opacity: 1;
    transform: translateY(0); } }
@-o-keyframes rotate {
  0% {
    opacity: 1;
    transform: translateY(0); }
  25% {
    opacity: 0;
    transform: translateY(-30px); }
  26% {
    opacity: 0;
    transform: translateY(30px); }
  50% {
    opacity: 1;
    transform: translateY(0); } }
@keyframes rotate {
  0% {
    opacity: 1;
    transform: translateY(0); }
  25% {
    opacity: 0;
    transform: translateY(-30px); }
  26% {
    opacity: 0;
    transform: translateY(30px); }
  50% {
    opacity: 1;
    transform: translateY(0); } }
@-webkit-keyframes move-right {
  0% {
    opacity: 1;
    transform: translateX(0); }
  33% {
    opacity: 0;
    transform: translateX(30px); }
  34% {
    opacity: 0;
    transform: translateX(-15px); }
  66% {
    opacity: 1;
    transform: translateX(0); }
  100% {
    opacity: 1;
    transform: translateX(0); } }
@-moz-keyframes move-right {
  0% {
    opacity: 1;
    transform: translateX(0); }
  33% {
    opacity: 0;
    transform: translateX(30px); }
  34% {
    opacity: 0;
    transform: translateX(-15px); }
  66% {
    opacity: 1;
    transform: translateX(0); }
  100% {
    opacity: 1;
    transform: translateX(0); } }
@-ms-keyframes move-right {
  0% {
    opacity: 1;
    transform: translateX(0); }
  33% {
    opacity: 0;
    transform: translateX(30px); }
  34% {
    opacity: 0;
    transform: translateX(-15px); }
  66% {
    opacity: 1;
    transform: translateX(0); }
  100% {
    opacity: 1;
    transform: translateX(0); } }
@-o-keyframes move-right {
  0% {
    opacity: 1;
    transform: translateX(0); }
  33% {
    opacity: 0;
    transform: translateX(30px); }
  34% {
    opacity: 0;
    transform: translateX(-15px); }
  66% {
    opacity: 1;
    transform: translateX(0); }
  100% {
    opacity: 1;
    transform: translateX(0); } }
@keyframes move-right {
  0% {
    opacity: 1;
    transform: translateX(0); }
  33% {
    opacity: 0;
    transform: translateX(30px); }
  34% {
    opacity: 0;
    transform: translateX(-15px); }
  66% {
    opacity: 1;
    transform: translateX(0); }
  100% {
    opacity: 1;
    transform: translateX(0); } }
@-webkit-keyframes move-left {
  0% {
    opacity: 1;
    transform: translateX(0) rotate(180deg); }
  33% {
    opacity: 0;
    transform: translateX(-30px) rotate(180deg); }
  34% {
    opacity: 0;
    transform: translateX(30px) rotate(180deg); }
  66% {
    opacity: 1;
    transform: translateX(0) rotate(180deg); }
  100% {
    opacity: 1;
    transform: translateX(0) rotate(180deg); } }
@-moz-keyframes move-left {
  0% {
    opacity: 1;
    transform: translateX(0) rotate(180deg); }
  33% {
    opacity: 0;
    transform: translateX(-30px) rotate(180deg); }
  34% {
    opacity: 0;
    transform: translateX(30px) rotate(180deg); }
  66% {
    opacity: 1;
    transform: translateX(0) rotate(180deg); }
  100% {
    opacity: 1;
    transform: translateX(0) rotate(180deg); } }
@-ms-keyframes move-left {
  0% {
    opacity: 1;
    transform: translateX(0) rotate(180deg); }
  33% {
    opacity: 0;
    transform: translateX(-30px) rotate(180deg); }
  34% {
    opacity: 0;
    transform: translateX(30px) rotate(180deg); }
  66% {
    opacity: 1;
    transform: translateX(0) rotate(180deg); }
  100% {
    opacity: 1;
    transform: translateX(0) rotate(180deg); } }
@-o-keyframes move-left {
  0% {
    opacity: 1;
    transform: translateX(0) rotate(180deg); }
  33% {
    opacity: 0;
    transform: translateX(-30px) rotate(180deg); }
  34% {
    opacity: 0;
    transform: translateX(30px) rotate(180deg); }
  66% {
    opacity: 1;
    transform: translateX(0) rotate(180deg); }
  100% {
    opacity: 1;
    transform: translateX(0) rotate(180deg); } }
@keyframes move-left {
  0% {
    opacity: 1;
    transform: translateX(0) rotate(180deg); }
  33% {
    opacity: 0;
    transform: translateX(-30px) rotate(180deg); }
  34% {
    opacity: 0;
    transform: translateX(30px) rotate(180deg); }
  66% {
    opacity: 1;
    transform: translateX(0) rotate(180deg); }
  100% {
    opacity: 1;
    transform: translateX(0) rotate(180deg); } }
*:focus {
  outline: none; }

html {
  scroll-behavior: smooth;
  scroll-padding-top: 135px; }

body, html {
  overflow-x: hidden; }

body {
  margin: 0;
  padding: 0;
  overflow-x: hidden;
  background: #fff;
  color: #282E31;
  font-family: "Open Sans";
  font-weight: 400;
  font-size: 16px;
  line-height: 1.5; }
  @media only screen and (max-width: 1500px) {
    body {
      font-size: 15px; } }
  @media only screen and (max-width: 1400px) {
    body {
      font-size: 15px; } }
  @media only screen and (max-width: 1200px) {
    body {
      font-size: 15px; } }
  @media only screen and (max-width: 865px) {
    body {
      font-size: 16px; } }
  @media only screen and (max-width: 700px) {
    body {
      font-size: 15px;
      padding-top: 86px; } }

h1, h2 {
  font-size: 38px;
  line-height: 44px;
  margin: 0 0 50px;
  padding: 0 0 28px;
  position: relative;
  text-transform: uppercase; }
  @media only screen and (max-width: 1500px) {
    h1, h2 {
      font-size: 35px;
      line-height: 42px; } }
  @media only screen and (max-width: 1400px) {
    h1, h2 {
      font-size: 32px;
      line-height: 39px; } }
  @media only screen and (max-width: 1300px) {
    h1, h2 {
      font-size: 26px;
      line-height: 33px;
      margin-bottom: 30px; } }
  @media only screen and (max-width: 950px) {
    h1, h2 {
      font-size: 5vw;
      line-height: 1.1; } }
  @media only screen and (max-width: 700px) {
    h1, h2 {
      padding-bottom: 20px;
      line-height: 1.2;
      margin-bottom: 30px; }
      h1 + p, h2 + p {
        margin-top: 0; } }
  h1 em, h2 em {
    display: block;
    font-weight: 300;
    font-style: normal; }
  h1::after, h2::after {
    content: "";
    width: 0;
    height: 5px;
    transition: ease all 2s;
    background: #FFEE00;
    position: absolute;
    bottom: 0;
    left: 0; }
    .yellow h1::after, .yellow h2::after {
      background: #fff; }
  .align-center h1::after, h1.align-center::after, .align-center h2::after, h2.align-center::after {
    left: 50%;
    transform: translateX(-50%); }
    @media only screen and (max-width: 1200px) {
      .align-center h1::after, h1.align-center::after, .align-center h2::after, h2.align-center::after {
        height: 6px; } }
  .text-rechts h1::after, .text-rechts h2::after {
    right: 0;
    left: auto; }
    @media only screen and (max-width: 1200px) {
      .text-rechts h1::after, .text-rechts h2::after {
        height: 5px; } }
  .in-view h1::after, .in-view h2::after {
    width: 88px; }
    @media only screen and (max-width: 700px) {
      .in-view h1::after, .in-view h2::after {
        width: 62px; } }
  .lslink h1, .lslink h2 {
    font-size: 32px;
    line-height: 39px; }
    @media only screen and (max-width: 1300px) {
      .lslink h1, .lslink h2 {
        font-size: 26px;
        line-height: 33px;
        margin-bottom: 30px; } }
    @media only screen and (max-width: 950px) {
      .lslink h1, .lslink h2 {
        font-size: 5vw;
        line-height: 1.1; } }
    @media only screen and (max-width: 700px) {
      .lslink h1, .lslink h2 {
        padding-bottom: 20px;
        line-height: 1.2;
        margin-bottom: 30px; }
        .lslink h1 + p, .lslink h2 + p {
          margin-top: 0; } }

button, a.button {
  text-align: center;
  max-width: 510px;
  display: block;
  font-size: 16px;
  border: 0;
  color: #2C3E49;
  text-decoration: none;
  padding: 12px 35px;
  box-sizing: border-box;
  background: #FFEE00;
  cursor: pointer;
  box-shadow: 6px 6px 8px #acacab;
  margin: 12px 0;
  transition: ease all .3s; }
  @media only screen and (max-width: 700px) {
    button, a.button {
      font-size: 13px; } }
  button:hover, a.button:hover {
    background: #5a7e96;
    color: #fff; }
    button:hover a, a.button:hover a {
      color: #fff; }
  button a, a.button a {
    text-decoration: none;
    color: #2C3E49; }
    button a:hover, a.button a:hover {
      color: #fff; }
  button.blau, a.button.blau {
    display: inline-block;
    background: #282E31;
    border: 1px solid transparent;
    box-shadow: 6px 6px 8px rgba(0, 0, 0, 0.2);
    color: #fff;
    padding: 12px 30px;
    font-weight: bold; }
    button.blau:hover, a.button.blau:hover {
      box-shadow: none;
      border: 1px solid #282E31;
      background: #FFEE00;
      color: #282E31; }

img {
  height: auto;
  max-width: 100%; }

figure, figcaption {
  padding: 0;
  margin: 0; }

figure {
  line-height: 0; }

.align-right, .align-right h2, .align-right p {
  text-align: right; }

header {
  background: #fff;
  transition: ease max-width .3s;
  padding: 0 0 2px;
  position: fixed;
  top: 0;
  left: 0;
  background: #fff;
  width: 100%;
  z-index: 99; }
  .lslink header div.rechts {
    overflow: visible; }
    @media only screen and (max-width: 865px) {
      .lslink header div.rechts .inhalt .language {
        margin-top: 10px; } }
    .lslink header div.rechts .inhalt .language + p {
      display: block; }
    @media only screen and (max-width: 865px) {
      .lslink header div.rechts a.button {
        padding: 7px 28px;
        margin: 8px 0; } }
  @media only screen and (max-width: 865px) {
    .lslink header #logo {
      margin: 15px 0 15px -20px; } }
  header .wrapper {
    position: relative;
    max-width: 90%;
    width: 1320px;
    display: block;
    margin-left: auto;
    margin-right: auto; }
    @media only screen and (max-width: 950px) {
      header .wrapper {
        max-width: 94%; } }
    @media only screen and (max-width: 700px) {
      header .wrapper {
        max-width: 87%; } }
  header #logo {
    transition: ease all .3s;
    margin-top: 45px;
    max-width: 500px;
    margin-left: -25px; }
  header .wrapper nav {
    font-size: 16px;
    position: absolute;
    right: 300px;
    top: 62%; }
    @media only screen and (max-width: 1200px) {
      header .wrapper nav {
        right: 250px;
        font-size: 15px; } }
    header .wrapper nav a {
      color: #282E31;
      text-decoration: none; }
    header .wrapper nav ul {
      margin: 0;
      padding: 0;
      list-style: none; }
      header .wrapper nav ul li {
        margin: 0;
        padding: 5px 30px;
        display: inline-block;
        text-transform: uppercase; }
        @media only screen and (max-width: 1200px) {
          header .wrapper nav ul li {
            padding: 5px 20px; } }
  header div.rechtsss {
    position: absolute;
    right: 0;
    bottom: 5px;
    font-size: 14px;
    text-align: right;
    color: #5a7e96;
    padding: 0 10px; }
  header div.rechts {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    font-size: 14px;
    text-align: right;
    color: #5a7e96;
    padding: 0 10px; }
    @media only screen and (max-width: 700px) {
      header div.rechts {
        padding: 0; } }
    header div.rechts a.formular {
      text-align: center;
      text-decoration: none;
      display: block;
      border: 0;
      color: #2C3E49;
      padding: 12px 29px;
      box-sizing: border-box;
      background: #FFEE00;
      cursor: pointer;
      box-shadow: 6px 6px 8px #acacab;
      margin: 12px 0;
      transition: ease all .3s; }
      header div.rechts a.formular:hover {
        background: #282E31;
        color: #fff; }
    header div.rechts .active {
      font-weight: bold;
      margin-right: 8px;
      border-right: 1px solid #5a7e96;
      padding-right: 10px; }
    header div.rechts .language a {
      color: #5a7e96;
      text-decoration: none; }
    header div.rechts .inhalt .language + p {
      display: none; }
  header.fixedd {
    box-shadow: 0 10px 20px #999; }
    header.fixedd #logo {
      max-width: 90px;
      width: auto;
      margin-top: 20px; }
    header.fixedd div.rechts {
      padding-top: 10px; }
  @media only screen and (max-width: 865px) {
    header #logo {
      margin: 10px 0 0 -20px;
      max-width: 90px; }
    header .container nav, header .container .language {
      display: none; }
    header div.rechts {
      right: 0;
      padding-top: 0px; }
      header div.rechts a.formular {
        margin: 0; }
    header #mob-nav-wrapper {
      top: 0;
      right: 0;
      z-index: 98;
      position: fixed;
      height: 100vh;
      width: 80vw;
      background: #fff;
      box-sizing: border-box;
      padding: 90px 25px 50px;
      transition: ease all .3s;
      transform: translateX(100vw);
      opacity: 0; }
      header #mob-nav-wrapper .language {
        position: absolute;
        right: 25px;
        top: 80px;
        font-size: 14px;
        text-align: right;
        color: #5a7e96; }
        header #mob-nav-wrapper .language .active {
          font-weight: "Univers LT W01_65 Bold1475968";
          margin-right: 8px;
          border-right: 1px solid #5a7e96;
          padding-right: 10px; }
      header #mob-nav-wrapper nav {
        font-size: 18px;
        text-transform: uppercase; }
        header #mob-nav-wrapper nav a {
          text-decoration: none;
          color: #282E31;
          display: block;
          background: url("/hubfs/25980505/TripleM-12-22/arrow-black.svg") no-repeat center right/auto 60%; }
        header #mob-nav-wrapper nav ul {
          margin: 0px 0 30px;
          padding: 0;
          list-style: none; }
          header #mob-nav-wrapper nav ul > li {
            padding: 15px 0; }
      header #mob-nav-wrapper .mitglied {
        font-size: 15px; }
      header #mob-nav-wrapper .unten {
        position: absolute;
        bottom: 90px;
        max-width: calc(100% - 50px);
        padding: 15px 0 0;
        border-top: 1px solid #282E31; }
      header #mob-nav-wrapper .mehr {
        color: #5a7e96;
        font-size: 10px;
        margin: 5px 0 25px; }
        header #mob-nav-wrapper .mehr svg {
          max-width: 4px;
          margin: 0 0 -1px 5px; }
        header #mob-nav-wrapper .mehr a {
          text-decoration: none;
          color: #5a7e96; }
      header #mob-nav-wrapper a.formular {
        font-weight: "Univers LT W01_65 Bold1475968";
        width: 47.5%;
        display: inline-block;
        padding: 12px 0; }
      header #mob-nav-wrapper button + button {
        margin-left: 5%;
        color: #fff;
        background: #282E31; }
        header #mob-nav-wrapper button + button a {
          color: #fff; }
    header #mob-nav-toggle {
      z-index: 99;
      display: block;
      width: 23px;
      height: 17px;
      position: absolute;
      right: 50px;
      top: 50%;
      transform: translateY(-50%);
      background: url("https://triplem22.weiss-world.com/hubfs/25980505/TripleM-12-22/burger-icon.svg") no-repeat 0 0/auto 100%;
      cursor: pointer; }
    header #overlay-blur {
      backdrop-filter: blur(2px) contrast(60%);
      -webkit-backdrop-filter: blur(2px) contrast(60%);
      display: none;
      position: fixed;
      width: 100vw;
      height: 100vh;
      top: 0;
      left: 0;
      z-index: 30; }
    header.nav-active #mob-nav-toggle {
      background-image: url("https://triplem22.weiss-world.com/hubfs/25980505/TripleM-12-22/close.svg");
      height: 26px; }
    header.nav-active #mob-nav-wrapper {
      transform: translate(0);
      opacity: 1; }
    header.nav-active #overlay-blur {
      display: block;
      opacity: 1; } }
  @media only screen and (max-width: 700px) {
    header div.rechts a.formular {
      width: 190px;
      box-sizing: border-box;
      padding: 12px 0; }
    header #mob-nav-toggle {
      right: 20px; } }
  .sindex header {
    text-align: center;
    background: #FFEE00;
    height: 255px; }
    .sindex header #logo {
      margin-top: 75px;
      text-align: left;
      position: absolute; }
    .sindex header h1 {
      padding-top: 75px; }
      .sindex header h1:after {
        left: 50%;
        transform: translateX(-50%);
        background: #fff; }

.sindex #container {
  padding-top: 255px; }
  .sindex #container section#downloads {
    padding-bottom: 20px;
    margin-bottom: 0;
    position: relative; }
    .sindex #container section#downloads::before {
      content: "";
      width: 100%;
      top: 255px;
      left: 0;
      position: fixed;
      height: 60px;
      background: #FFEE00; }
    .sindex #container section#downloads figure {
      position: relative;
      line-height: 0;
      margin: 0; }
      .sindex #container section#downloads figure figcaption {
        font-size: 14px;
        line-height: 1;
        letter-spacing: 1.39px;
        position: absolute;
        transform: rotate(-90deg);
        bottom: 15px;
        left: 30px;
        transform-origin: left;
        text-transform: uppercase; }
  .sindex #container #main section .wrapper .flex.colums-3 {
    column-gap: 40px;
    row-gap: 40px; }
    .sindex #container #main section .wrapper .flex.colums-3 > div {
      width: calc(33.3333% - 27px); }

@media only screen and (max-width: 1300px) {
  .lslink .infobox {
    padding-bottom: 260px; } }

.infobox {
  position: relative;
  line-height: 0; }
  @media only screen and (max-width: 1300px) {
    .infobox {
      background: #f3f3f3;
      padding-bottom: 220px; } }
  .infobox .inhalt {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    padding: 25px 30px;
    line-height: 1.5;
    box-sizing: border-box; }
    @media only screen and (max-width: 1300px) {
      .infobox .inhalt {
        position: relative; } }
  @media only screen and (max-width: 1300px) {
    .infobox figure {
      position: absolute;
      bottom: 0;
      left: 0; } }
  .infobox p:first-of-type {
    margin: 0; }
  .infobox em {
    font-size: 11px;
    line-height: 26px;
    font-style: normal; }
    @media only screen and (max-width: 1200px) {
      .infobox em {
        font-size: 10px;
        line-height: 1.5;
        display: block; } }
  .infobox h3 {
    font-size: 23px;
    line-height: 26px;
    margin: 2px 0 30px;
    text-transform: uppercase; }
    @media only screen and (max-width: 1200px) {
      .infobox h3 {
        font-size: 20px;
        line-height: 23px; } }
  .infobox ul {
    margin: 0;
    padding: 0;
    list-style: none; }
    .infobox ul > li {
      margin: 0;
      padding: 0 0 20px 30px;
      position: relative; }
      .infobox ul > li::before {
        content: "";
        background: url("/files/theme/images/bullet.svg") no-repeat 0 0/auto 100%;
        width: 30px;
        height: 20px;
        position: absolute;
        left: 0;
        top: 3px; }

footer#footer {
  background: #f3f3f3;
  margin-top: 0;
  padding: 100px 0;
  font-size: 15px; }
  @media only screen and (max-width: 700px) {
    footer#footer {
      font-size: 14px;
      padding-top: 30px; } }
  footer#footer a {
    color: #282E31;
    text-decoration: none; }
  @media only screen and (max-width: 700px) {
    footer#footer .logo {
      margin: 0 0 40px; } }
  footer#footer ul {
    list-style: none;
    margin: 0 0 40px;
    padding: 0; }
    footer#footer ul li {
      padding: 2px;
      margin: 0; }
  footer#footer .address {
    width: calc(50% - 15px); }
  footer#footer .social {
    width: calc(50% - 15px); }
    footer#footer .social p {
      margin: 0; }
    footer#footer .social > .inhalt {
      display: flex;
      line-height: 21px;
      justify-content: flex-end; }
      @media only screen and (max-width: 700px) {
        footer#footer .social > .inhalt {
          display: block; } }
    footer#footer .social img {
      width: auto;
      height: 18px; }
    footer#footer .social ul {
      margin: 0; }
      footer#footer .social ul li {
        padding: 0 0 0 20px;
        display: inline-block; }
        @media only screen and (max-width: 700px) {
          footer#footer .social ul li {
            padding: 9px 18px 0 0; } }
  footer#footer .wrapper {
    max-width: 94%;
    width: 1320px;
    display: block;
    margin-left: auto;
    margin-right: auto; }
    @media only screen and (max-width: 700px) {
      footer#footer .wrapper {
        max-width: 87%; } }
    footer#footer .wrapper > .flex {
      row-gap: 10px;
      display: flex;
      flex-wrap: wrap;
      margin-left: auto;
      margin-right: auto;
      column-gap: 30px; }
      @media only screen and (max-width: 1300px) {
        footer#footer .wrapper > .flex {
          column-gap: 20px; } }
      @media only screen and (max-width: 700px) {
        footer#footer .wrapper > .flex {
          max-width: 100%; } }
      @media only screen and (max-width: 700px) {
        footer#footer .wrapper > .flex .social {
          display: block;
          width: 100%;
          margin: 90px 0 50px; }
          footer#footer .wrapper > .flex .social span {
            text-transform: uppercase;
            display: block;
            margin: 0 0 5px; } }
  footer#footer .wrapper > .flex.columns-2 {
    align-items: baseline; }
  footer#footer .wrapper > .flex.columns-5 > div {
    width: calc(19% - 18px); }
    @media only screen and (max-width: 865px) {
      footer#footer .wrapper > .flex.columns-5 > div {
        font-size: 14px;
        width: calc(25% - 18px); } }
    @media only screen and (max-width: 700px) {
      footer#footer .wrapper > .flex.columns-5 > div {
        width: 100%;
        display: flex; }
        footer#footer .wrapper > .flex.columns-5 > div > .inhalt {
          display: flex;
          width: 100%;
          column-gap: 20px; }
          footer#footer .wrapper > .flex.columns-5 > div > .inhalt > ul {
            width: 50%; } }
    @media only screen and (max-width: 700px) {
      footer#footer .wrapper > .flex.columns-5 > div.full {
        order: -1;
        display: block; } }
    footer#footer .wrapper > .flex.columns-5 > div:first-of-type {
      width: 20%; }
      @media only screen and (max-width: 865px) {
        footer#footer .wrapper > .flex.columns-5 > div:first-of-type {
          width: 100%; } }
      @media only screen and (max-width: 700px) {
        footer#footer .wrapper > .flex.columns-5 > div:first-of-type {
          width: 100%;
          order: -2;
          display: block; } }
    footer#footer .wrapper > .flex.columns-5 > div ul:first-of-type {
      height: 95px; }
      @media only screen and (max-width: 700px) {
        footer#footer .wrapper > .flex.columns-5 > div ul:first-of-type {
          height: auto; } }
  @media only screen and (max-width: 700px) {
    footer#footer .legal {
      text-align: left; } }
  footer#footer .legal a {
    display: inline-block;
    margin-left: 50px;
    opacity: .46; }
    @media only screen and (max-width: 700px) {
      footer#footer .legal a {
        display: block;
        margin: 5px 0 0; } }
  footer#footer .border-bottom {
    color: #A9B5BD;
    border-bottom: 1px solid #707070;
    padding: 0 0 25px;
    margin-bottom: 15px; }
    @media only screen and (max-width: 700px) {
      footer#footer .border-bottom {
        margin-bottom: 75px;
        margin-top: 45px;
        padding-bottom: 12px; } }
  footer#footer .address {
    line-height: 2; }
    @media only screen and (max-width: 865px) {
      footer#footer .address {
        font-size: 15px;
        line-height: 1.5;
        width: 100%; } }
  .ty footer#footer {
    margin-top: 0; }

#main section {
  margin-bottom: 100px; }
  #main section.no-margin {
    margin-bottom: 0 !important; }
  #main section .hs-form textarea {
    height: 116px; }
  #main section .hs-form input[type=email], #main section .hs-form input[type=tel], #main section .hs-form input[type=text], #main section .hs-form textarea {
    box-sizing: border-box;
    -webkit-appearance: none;
    background: #fff;
    border-radius: 0;
    border: 0;
    box-shadow: 4px 4px 5px #bbb;
    font-family: "Univers LT W01_45 Light1475944";
    font-weight: 400;
    padding: 12px 20px;
    width: 100%;
    margin: 7.5px 0;
    font-size: 20px;
    line-height: 24px; }
    #main section .hs-form input[type=email].invalid.error, #main section .hs-form input[type=tel].invalid.error, #main section .hs-form input[type=text].invalid.error, #main section .hs-form textarea.invalid.error {
      color: red;
      border: 1px solid red; }
  #main section .hs-form input.hs-button.primary {
    cursor: pointer;
    margin-top: 15px;
    border: 0;
    border-radius: 0;
    box-shadow: 4px 4px 5px #282E31;
    font-weight: bold;
    padding: 12.5px 50px;
    font-size: 16px; }
  .lslink #main section .hs-form .legal-consent-container a {
    color: #FFEE00 !important; }
  #main section .hs-form .legal-consent-container a {
    color: #5a7e96 !important;
    text-decoration: none; }
  #main section .hs-form .legal-consent-container .hs-form-booleancheckbox-display > span {
    margin-left: 25px; }
  #main section .hs-form .legal-consent-container input {
    border: 1px solid #282E31;
    width: 13px;
    height: 13px;
    appearance: none;
    background: transparent;
    position: relative; }
    #main section .hs-form .legal-consent-container input:checked::before {
      content: "";
      width: 7.5px;
      height: 5.5px;
      background: url("/files/theme/images/checkbox-arrow.svg") no-repeat 0 0/auto 100%;
      color: #282E31;
      position: absolute;
      top: 2px;
      left: 2px; }
  #main section .hs-form .legal-consent-container ul {
    margin: 20px 0;
    padding: 0;
    list-style: none; }
  #main section .hs-form .legal-consent-container p {
    display: inline-block;
    font-size: 10px;
    line-height: 15px; }
  #main section .hs-form .legal-consent-container .hs-form-required {
    display: none; }
  #main section#intro .hs-form {
    padding: 30px 0 90px; }
    @media only screen and (max-width: 865px) {
      #main section#intro .hs-form {
        padding-bottom: 40px; } }
    @media only screen and (max-width: 700px) {
      #main section#intro .hs-form {
        padding-bottom: 60px; } }
    #main section#intro .hs-form .hs_error_rollup {
      display: none; }
    #main section#intro .hs-form .legal-consent-container {
      bottom: 0;
      position: absolute; }
      #main section#intro .hs-form .legal-consent-container .no-list.hs-error-msgs.inputs-list {
        position: absolute;
        margin: 0; }
    #main section#intro .hs-form input.hs-button.primary {
      width: 100%;
      display: block;
      background: #FFEE00;
      box-shadow: 4px 4px 5px #bbb;
      color: #282E31; }
      @media only screen and (max-width: 700px) {
        #main section#intro .hs-form input.hs-button.primary {
          padding: 12px 20px; } }
  @media only screen and (min-width: 866px) {
    #main section#intro .text-white .hs-form input.hs-button.primary, #main section#intro .text-white .hs-form input[type=email], #main section#intro .text-white .hs-form input[type=tel], #main section#intro .text-white .hs-form input[type=text], #main section#intro .text-white .hs-form textarea {
      box-shadow: 6px 6px 8px rgba(0, 0, 0, 0.16); } }

#main section.full .wrapper, footer.full .wrapper {
  width: 100vw;
  max-width: 100vw; }
#main section .wrapper, footer .wrapper {
  max-width: 90%;
  width: 1320px;
  display: block;
  margin-left: auto;
  margin-right: auto; }
  @media only screen and (max-width: 950px) {
    #main section .wrapper, footer .wrapper {
      max-width: 94%; } }
  #main section .wrapper.flex.fw, footer .wrapper.flex.fw {
    width: 100%;
    max-width: 100%; }
  #main section .wrapper.largegap.fw, footer .wrapper.largegap.fw {
    column-gap: 80px; }
    @media only screen and (max-width: 1400px) {
      #main section .wrapper.largegap.fw, footer .wrapper.largegap.fw {
        column-gap: 50px; } }
    #main section .wrapper.largegap.fw > div, footer .wrapper.largegap.fw > div {
      width: calc(50% - 50px); }
      @media only screen and (max-width: 1400px) {
        #main section .wrapper.largegap.fw > div, footer .wrapper.largegap.fw > div {
          width: calc(50% - 25px); } }
      @media only screen and (max-width: 865px) {
        #main section .wrapper.largegap.fw > div, footer .wrapper.largegap.fw > div {
          width: 94%;
          margin-left: auto;
          margin-right: auto; }
          #main section .wrapper.largegap.fw > div.no-lh, footer .wrapper.largegap.fw > div.no-lh {
            width: 100%; } }
  #main section .wrapper .flex, footer .wrapper .flex {
    display: flex;
    flex-wrap: wrap;
    margin-left: auto;
    margin-right: auto;
    column-gap: 30px;
    row-gap: 50px; }
    @media only screen and (max-width: 1200px) {
      #main section .wrapper .flex, footer .wrapper .flex {
        column-gap: 20px; } }
    @media only screen and (max-width: 950px) {
      #main section .wrapper .flex, footer .wrapper .flex {
        max-width: 94%; } }
    #main section .wrapper .flex > div, footer .wrapper .flex > div {
      width: calc(50% - 15px); }
      @media only screen and (max-width: 1200px) {
        #main section .wrapper .flex > div, footer .wrapper .flex > div {
          width: calc(50% - 10px); } }
      #main section .wrapper .flex > div.full, footer .wrapper .flex > div.full {
        width: 100% !important; }
    #main section .wrapper .flex.columns-3 > div, footer .wrapper .flex.columns-3 > div {
      width: calc(33.3333% - 20px); }
      @media only screen and (max-width: 1200px) {
        #main section .wrapper .flex.columns-3 > div, footer .wrapper .flex.columns-3 > div {
          width: calc(33.3333% - 15px); } }
      @media only screen and (max-width: 865px) {
        #main section .wrapper .flex.columns-3 > div, footer .wrapper .flex.columns-3 > div {
          width: calc(50% - 20px); } }
      @media only screen and (max-width: 700px) {
        #main section .wrapper .flex.columns-3 > div, footer .wrapper .flex.columns-3 > div {
          width: 100%; } }
    #main section .wrapper .flex.columns-5 > div, footer .wrapper .flex.columns-5 > div {
      width: calc(20% - 60px); }
  #main section .wrapper.equal-height, footer .wrapper.equal-height {
    align-items: stretch; }
  @media only screen and (max-width: 865px) {
    #main section .wrapper.equal-height-mob, footer .wrapper.equal-height-mob {
      align-items: stretch; } }
  #main section .wrapper.align-top, footer .wrapper.align-top {
    align-items: flex-start; }
  #main section .wrapper.small-gap, footer .wrapper.small-gap {
    column-gap: 30px;
    row-gap: 80px; }
  @media only screen and (max-width: 865px) {
    #main section .wrapper.no-gap-mob, footer .wrapper.no-gap-mob {
      column-gap: 0;
      row-gap: 0; }
      #main section .wrapper.no-gap-mob > div, footer .wrapper.no-gap-mob > div {
        width: 50%; } }
  @media only screen and (max-width: 700px) {
    #main section .wrapper.no-gap-mob > div, footer .wrapper.no-gap-mob > div {
      width: 100%; } }

section.dark-bg {
  color: #fff;
  opacity: 1 !important;
  animation: none !important; }
  section.dark-bg h1, section.dark-bg h2, section.dark-bg p, section.dark-bg a {
    color: #fff; }

#main section#intro {
  position: relative;
  background: #fff;
  padding: 0 0 0;
  margin-bottom: 60px;
  margin-top: 150px; }
  @media only screen and (max-width: 1300px) {
    #main section#intro {
      margin-bottom: 80px; } }
  @media only screen and (max-width: 700px) {
    #main section#intro {
      margin-top: 0;
      overflow: hidden;
      margin-bottom: 35px; } }
  #main section#intro .bg {
    opacity: 0; }
    @media only screen and (max-width: 865px) {
      #main section#intro .bg {
        position: relative;
        transform: none;
        top: auto;
        left: auto;
        padding: 70px 0 100px; } }
    @media only screen and (max-width: 700px) {
      #main section#intro .bg {
        padding: 0; } }
    #main section#intro .bg figure {
      width: 100vw; }
      #main section#intro .bg figure img {
        width: 100%; }
        @media only screen and (max-width: 1200px) {
          #main section#intro .bg figure img {
            position: relative;
            left: -10%;
            width: 110%;
            max-width: 110%; } }
        @media only screen and (max-width: 865px) {
          #main section#intro .bg figure img {
            left: -0%;
            width: 200%;
            max-width: none; } }
    #main section#intro .bg .inhalt {
      position: absolute;
      z-index: 1;
      transform: translateY(-50%);
      top: 50%;
      left: 53vw;
      width: 555px;
      font-size: 16px;
      line-height: 26px;
      max-width: 45vw; }
      @media only screen and (max-width: 1200px) {
        #main section#intro .bg .inhalt {
          left: 44vw;
          max-width: 54vw;
          font-size: 15px;
          line-height: 24px; } }
      @media only screen and (max-width: 865px) {
        #main section#intro .bg .inhalt {
          left: 0;
          transform: none;
          max-width: 100%;
          position: relative;
          top: auto;
          width: 100%;
          box-sizing: border-box;
          padding: 40px 25px; } }
  @media only screen and (max-width: 1500px) {
    .lslink #main section#intro .bg figure img {
      position: relative;
      left: -10%;
      width: 120%;
      max-width: 120%; } }
  @media only screen and (max-width: 1200px) {
    .lslink #main section#intro .bg figure img {
      left: -37%;
      width: 170%;
      max-width: 170%; } }
  @media only screen and (max-width: 865px) {
    .lslink #main section#intro .bg figure img {
      left: -20%;
      width: 200%;
      max-width: none; } }
  #main section#intro.in-view .bg {
    -webkit-animation: fadeIn 0.85s forwards;
    -moz-animation: fadeIn 0.85s forwards;
    -ms-animation: fadeIn 0.85s forwards;
    -o-animation: fadeIn 0.85s forwards;
    animation: fadeIn 0.85s forwards; }
  #main section#intro a {
    color: #282E31;
    text-decoration: none; }
  #main section#intro #down {
    position: absolute;
    bottom: 15px;
    left: 50%;
    transform: translateX(-50%);
    width: auto; }
    @media only screen and (max-width: 1200px) {
      #main section#intro #down {
        display: none; } }
  #main section#intro .automatica-seal {
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    width: 1320px;
    max-width: 94%; }
    @media only screen and (max-width: 700px) {
      #main section#intro .automatica-seal {
        top: 66vw;
        bottom: auto; } }
    #main section#intro .automatica-seal img {
      max-width: 200px; }
      @media only screen and (max-width: 700px) {
        #main section#intro .automatica-seal img {
          max-width: 120px; } }
  #main section#intro a.button {
    margin-top: 50px; }
    @media only screen and (max-width: 1200px) {
      #main section#intro a.button {
        margin-top: 25px; } }
  #main section#intro .buttons p:last-of-type {
    text-align: center;
    margin-top: 50px; }
    #main section#intro .buttons p:last-of-type a {
      width: 208px;
      box-sizing: border-box;
      text-decoration: none;
      height: 50px;
      padding: 13px 0 0;
      font-weight: bold;
      display: inline-block;
      font-size: 16px;
      line-height: 24px;
      background: #282E31;
      color: #fff;
      box-shadow: 6px 6px 8px rgba(0, 0, 0, 0.16); }
      @media only screen and (max-width: 700px) {
        #main section#intro .buttons p:last-of-type a {
          width: 45%;
          font-size: 14px; } }
    #main section#intro .buttons p:last-of-type a + a {
      margin-left: 30px;
      color: #282E31;
      background: #FFEE00; }

#main section#downloads {
  padding-bottom: 180px; }
  @media only screen and (max-width: 1200px) {
    #main section#downloads {
      padding-bottom: 100px; } }
  #main section#downloads figure {
    line-height: 0;
    margin-bottom: 20px; }
  #main section#downloads .flex .inhalt {
    position: relative;
    min-height: 250px; }
    @media only screen and (max-width: 1300px) {
      #main section#downloads .flex .inhalt {
        min-height: 220px; } }
    @media only screen and (max-width: 700px) {
      #main section#downloads .flex .inhalt {
        min-height: 0; } }
    #main section#downloads .flex .inhalt p:first-of-type {
      margin: 0; }
    #main section#downloads .flex .inhalt em {
      font-size: 12px;
      line-height: 26px;
      font-style: normal; }
    #main section#downloads .flex .inhalt h3 {
      font-size: 23px;
      line-height: 26px;
      margin: 0 0 10px; }
    #main section#downloads .flex .inhalt ul {
      margin: 0;
      padding: 0;
      list-style: none;
      position: absolute;
      bottom: 0; }
      @media only screen and (max-width: 700px) {
        #main section#downloads .flex .inhalt ul {
          position: relative;
          margin-top: 10px; } }
      #main section#downloads .flex .inhalt ul > li {
        margin: 0;
        padding: 0; }
        #main section#downloads .flex .inhalt ul > li.hs-cta img {
          height: 20px;
          width: auto; }
        #main section#downloads .flex .inhalt ul > li.hs-cta a {
          padding-top: 4px; }

section#downloads ul li a {
  color: #5a7e96;
  text-decoration: none;
  font-size: 14px;
  line-height: 22px;
  position: relative;
  padding: 0 0 0 14px; }
  section#downloads ul li a::before {
    content: "";
    background: url("https://automatica23.weiss-world.com/hubfs/25980505/automatica-23/ionic-ios-arrow-back.svg") no-repeat 0 0/auto 100%;
    left: 0;
    top: 5px;
    position: absolute;
    width: 6px;
    height: 9px; }

#main section#formular {
  margin-bottom: 0;
  background: url("/files/images/formular/bg-webforms.png") #FFEE00 0 0/cover;
  box-sizing: border-box;
  z-index: 31; }
  #main section#formular > .wrapper {
    display: flex;
    column-gap: 100px;
    align-items: flex-start;
    padding: 85px 0 140px;
    flex-wrap: wrap; }
    @media only screen and (max-width: 1200px) {
      #main section#formular > .wrapper {
        column-gap: 50px; } }
    @media only screen and (max-width: 865px) {
      #main section#formular > .wrapper {
        padding: 50px 15px;
        box-sizing: border-box; } }
    @media only screen and (max-width: 700px) {
      #main section#formular > .wrapper {
        padding: 50px 0; }
        #main section#formular > .wrapper .left, #main section#formular > .wrapper h3 {
          padding: 0px 15px; }
        #main section#formular > .wrapper h3::before {
          left: 5px; } }
    #main section#formular > .wrapper .left {
      width: calc(100% - 745px);
      align-self: stretch;
      display: flex;
      flex-wrap: wrap; }
      @media only screen and (max-width: 1200px) {
        #main section#formular > .wrapper .left {
          width: 50%; } }
      @media only screen and (max-width: 865px) {
        #main section#formular > .wrapper .left {
          width: 100%; } }
      #main section#formular > .wrapper .left > .button.more {
        align-self: flex-end; }
    #main section#formular > .wrapper .right {
      padding-top: 100px;
      width: 645px;
      box-sizing: border-box; }
      @media only screen and (max-width: 1200px) {
        #main section#formular > .wrapper .right {
          width: calc(50% - 50px); } }
      @media only screen and (max-width: 865px) {
        #main section#formular > .wrapper .right {
          width: 90%;
          padding-top: 50px; } }
      @media only screen and (max-width: 700px) {
        #main section#formular > .wrapper .right {
          width: 100%; } }
  #main section#formular h2 {
    font-size: 40px;
    line-height: 48px; }
    @media only screen and (max-width: 865px) {
      #main section#formular h2 {
        font-size: 28px;
        line-height: 36px; } }
  #main section#formular h3 {
    font-size: 20px;
    line-height: 30px;
    position: relative;
    text-indent: 27.5px;
    text-transform: uppercase;
    text-shadow: 0 4px 5px #bbb;
    font-family: "Univers LT W01_65 Bold1475968";
    margin-top: 0;
    max-width: 400px; }
    @media only screen and (max-width: 700px) {
      #main section#formular h3 {
        font-size: 17px;
        line-height: 25px; } }
    #main section#formular h3::before {
      background: url(/files/theme/images/arrow-headline.svg) no-repeat 0 0/auto 100%;
      content: "";
      display: block;
      height: 37.5px;
      left: -10px;
      position: absolute;
      top: 0;
      width: 40px; }
  #main section#formular .hs-form ul.no-list.hs-error-msgs {
    list-style: none;
    margin: 0;
    padding: 0;
    color: red; }
  #main section#formular .hs-form textarea {
    height: 116px; }
  #main section#formular .hs-form input[type=email], #main section#formular .hs-form input[type=tel], #main section#formular .hs-form input[type=text], #main section#formular .hs-form textarea {
    box-sizing: border-box;
    -webkit-appearance: none;
    background: #fff;
    border-radius: 0;
    border: 0;
    box-shadow: 4px 4px 5px #bbb;
    font-family: "Univers LT W01_45 Light1475944";
    font-weight: 400;
    padding: 10px 20px;
    width: 100%;
    margin: 7.5px 0;
    font-size: 15px;
    line-height: 18px; }
    #main section#formular .hs-form input[type=email].invalid.error, #main section#formular .hs-form input[type=tel].invalid.error, #main section#formular .hs-form input[type=text].invalid.error, #main section#formular .hs-form textarea.invalid.error {
      color: red;
      border: 1px solid red; }
  #main section#formular .hs-form input.hs-button.primary {
    cursor: pointer;
    margin-top: 15px;
    background: #282E31;
    color: #fff;
    border: 0;
    border-radius: 0;
    box-shadow: 4px 4px 5px #282E31;
    font-family: "Univers LT W01_65 Bold1475968";
    padding: 12.5px 50px;
    font-size: 12.5px;
    float: right; }
  #main section#formular .hs-form .legal-consent-container a {
    color: #5a7e96;
    text-decoration: none; }
  #main section#formular .hs-form .legal-consent-container .hs-form-booleancheckbox-display > span {
    margin-left: 25px; }
  #main section#formular .hs-form .legal-consent-container input {
    border: 1px solid #282E31;
    width: 13px;
    height: 13px;
    appearance: none;
    background: transparent;
    position: relative; }
    #main section#formular .hs-form .legal-consent-container input:checked::before {
      content: "";
      width: 7.5px;
      height: 5.5px;
      background: url("/files/theme/images/checkbox-arrow.svg") no-repeat 0 0/auto 100%;
      color: #282E31;
      position: absolute;
      top: 2px;
      left: 2px; }
  #main section#formular .hs-form .legal-consent-container ul {
    margin: 20px 0;
    padding: 0;
    list-style: none; }
  #main section#formular .hs-form .legal-consent-container p {
    display: inline-block;
    font-size: 10px;
    line-height: 15px; }
  #main section#formular .hs-form .legal-consent-container .hs-form-required {
    display: none; }
  #main section#formular div:not(.hs_error_rollup) > .no-list.hs-error-msgs.inputs-list {
    display: none !important; }
  #main section#formular .no-list.hs-error-msgs.inputs-list {
    margin: 0 0 10px;
    color: red;
    padding: 0;
    list-style: none;
    font-size: 12.5px;
    text-align: right; }
  #main section#formular .meetings-iframe-container {
    max-height: 700px; }
    @media only screen and (max-width: 700px) {
      #main section#formular .meetings-iframe-container {
        max-height: 630px; } }
  #main section#formular .privacy {
    position: relative;
    font-size: 12px;
    text-align: right;
    margin-top: 0px; }
    @media only screen and (max-width: 700px) {
      #main section#formular .privacy {
        padding: 0 15px;
        font-size: 10px; } }
    #main section#formular .privacy > p {
      max-width: 550px;
      display: inline-block; }
    #main section#formular .privacy a {
      color: #5a7e96;
      text-decoration: none; }
  #main section#formular iframe {
    overflow: hidden;
    max-width: 100%; }

section.gray {
  background: url("../../files/theme/css/images/bg-verlauf-grau.png") no-repeat 0 0/cover; }

section.yellow {
  background: #FFEE00;
  color: #282E31; }

.center {
  text-align: center; }

.thankyou section#intro {
  margin-bottom: 0;
  background-color: #FFEE00;
  background-image: url(/files/images/formular/bg-webforms.png);
  background-position: 40vw 0;
  background-repeat: no-repeat;
  background-size: auto 100%;
  padding: 150px 0; }
  .thankyou section#intro h1 {
    font-size: 40px;
    font-weight: 800; }
  .thankyou section#intro h1 + p {
    font-size: 24px; }
  .thankyou section#intro .narrow p {
    max-width: 560px; }
  .thankyou section#intro .wrapper {
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-width: 800px; }
  .thankyou section#intro .buttons {
    text-align: center;
    margin-top: 50px; }
    .thankyou section#intro .buttons a {
      width: 208px;
      box-sizing: border-box;
      text-decoration: none;
      height: 50px;
      padding: 13px 0 0;
      font-weight: bold;
      display: inline-block;
      font-size: 16px;
      line-height: 24px;
      background: #282E31;
      color: #fff;
      box-shadow: 6px 6px 8px rgba(0, 0, 0, 0.16); }
    .thankyou section#intro .buttons a + a {
      margin-left: 30px;
      color: #282E31;
      background: #FFEE00; }

@media only screen and (max-width: 865px) {
  .lslink #main section#intro {
    margin-top: 25px; } }
@media only screen and (max-width: 700px) {
  .lslink #main section#intro {
    margin-top: 0; } }
@media only screen and (min-width: 866px) {
  .lslink #main section#intro.ty .bg .inhalt {
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    width: 1320px;
    max-width: 90%; }
    .lslink #main section#intro.ty .bg .inhalt p, .lslink #main section#intro.ty .bg .inhalt h1 {
      max-width: 45vw;
      width: 555px; } }
    @media only screen and (min-width: 866px) and (max-width: 865px) {
      .lslink #main section#intro.ty .bg .inhalt p, .lslink #main section#intro.ty .bg .inhalt h1 {
        left: 0;
        transform: none;
        max-width: 100%;
        position: relative;
        top: auto;
        width: 100%;
        box-sizing: border-box;
        padding: 40px 25px; } }
@media only screen and (min-width: 866px) {
    .lslink #main section#intro.ty .bg .inhalt p a {
      color: #FFEE00; }
    .lslink #main section#intro.ty .bg .inhalt p:last-of-type a {
      color: #fff; }
      .lslink #main section#intro.ty .bg .inhalt p:last-of-type a + a {
        color: #282E31; } }

.hs-form ul.no-list.hs-error-msgs {
  list-style: none;
  margin: 0;
  padding: 0;
  color: red; }

.fadebottom {
  opacity: 0; }
  .in-view .fadebottom {
    -webkit-animation: fadeBottom 0.85s forwards;
    -moz-animation: fadeBottom 0.85s forwards;
    -ms-animation: fadeBottom 0.85s forwards;
    -o-animation: fadeBottom 0.85s forwards;
    animation: fadeBottom 0.85s forwards;
    animation-delay: .25s; }
  .in-view .fadebottom + .fadebottom {
    animation-delay: .7s; }

.fadein {
  opacity: 0; }
  .in-view .fadein {
    -webkit-animation: fadeIn 0.85s forwards;
    -moz-animation: fadeIn 0.85s forwards;
    -ms-animation: fadeIn 0.85s forwards;
    -o-animation: fadeIn 0.85s forwards;
    animation: fadeIn 0.85s forwards; }

@media only screen and (min-width: 866px) {
  .text-white {
    color: #fff; }
    .text-white a, .text-white p, .text-white h1, .text-white h2 {
      color: #fff; } }

.mob, .phone {
  display: none; }

@media only screen and (max-width: 865px) {
  .nomob {
    display: none; }

  .mob {
    display: block; } }
@media only screen and (max-width: 700px) {
  .nophone {
    display: none; }

  .phone {
    display: block; } }