machbhtml,
body {
	font-family: 'Barlow';	
	font-weight:400;
	font-size: 16px;
	line-height: 16px;
	height:100vh;
	height: calc(var(--vh, 1vh) * 100);
	position:relative;
	scroll-behavior: smooth;
	color: #000000;
}

.height-box-100 > div{
	height: 100%;
}

/*Bilder*/

img.image-embed-item {
    width: 100%;
    height: auto;
}

.frame.bgimage { position: relative; }
.frame.bgimage > * { z-index:2; }
.frame.bgimage > .background-image { z-index:1; }

.background-image { 
	position: absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
}

.background-image * {
	width: 100%;
  height: 100%;
}

/* background positions */
.bp-lt, .bp-lt * {object-position: left top; }
.bp-lc, .bp-lc * {object-position: left center; }
.bp-lb, .bp-lb * {object-position: left bottom; }
.bp-rt, .bp-rt * {object-position: right top; }
.bp-rc, .bp-rc * {object-position: right center; }
.bp-rb, .bp-rb * {object-position: right bottom; }
.bp-ct, .bp-ct * {object-position: center top; }
.bp-cc, .bp-cc * {object-position: center center; }
.bp-cb, .bp-cb * {object-position: center bottom; }
/* background size */
.bs-cover, .bs-cover * { object-fit: cover; }
.bs-contain, .bs-contain * { object-fit: contain; }

@media (min-width: 479px)  {
.bp-sm-lt, .bp-sm-lt * {object-position: left top; }
.bp-sm-lc, .bp-sm-lc * {object-position: left center; }
.bp-sm-lb, .bp-sm-lb * {object-position: left bottom; }
.bp-sm-rt, .bp-sm-rt * {object-position: right top; }
.bp-sm-rc, .bp-sm-rc * {object-position: right center; }
.bp-sm-rb, .bp-sm-rb * {object-position: right bottom; }
.bp-sm-ct, .bp-sm-ct * {object-position: center top; }
.bp-sm-cc, .bp-sm-cc * {object-position: center center; }
.bp-sm-cb, .bp-sm-cb * {object-position: center bottom; }
.bs-sm-cover, .bs-sm-cover * { object-fit: cover; }
.bs-sm-contain, .bs-sm-contain * { object-fit: contain; }
}

@media (min-width: 768px)  {
.bp-md-lt, .bp-md-lt * {object-position: left top; }
.bp-md-lc, .bp-md-lc * {object-position: left center; }
.bp-md-lb, .bp-md-lb * {object-position: left bottom; }
.bp-md-rt, .bp-md-rt * {object-position: right top; }
.bp-md-rc, .bp-md-rc * {object-position: right center; }
.bp-md-rb, .bp-md-rb * {object-position: right bottom; }
.bp-md-ct, .bp-md-ct * {object-position: center top; }
.bp-md-cc, .bp-md-cc * {object-position: center center; }
.bp-md-cb, .bp-md-cb * {object-position: center bottom; }
.bs-md-cover, .bs-md-cover * { object-fit: cover; }
.bs-md-contain, .bs-md-contain * { object-fit: contain; }
}

@media (min-width: 992px)  {
.bp-lg-lt, .bp-lg-lt * {object-position: left top; }
.bp-lg-lc, .bp-lg-lc * {object-position: left center; }
.bp-lg-lb, .bp-lg-lb * {object-position: left bottom; }
.bp-lg-rt, .bp-lg-rt * {object-position: right top; }
.bp-lg-rc, .bp-lg-rc * {object-position: right center; }
.bp-lg-rb, .bp-lg-rb * {object-position: right bottom; }
.bp-lg-ct, .bp-lg-ct * {object-position: center top; }
.bp-lg-cc, .bp-lg-cc * {object-position: center center; }
.bp-lg-cb, .bp-lg-cb * {object-position: center bottom; }
.bs-lg-cover, .bs-lg-cover * { object-fit: cover; }
.bs-lg-contain, .bs-lg-contain * { object-fit: contain; }
}

@media (min-width: 1200px)  {
.bp-xl-lt, .bp-xl-lt * {object-position: left top; }
.bp-xl-lc, .bp-xl-lc * {object-position: left center; }
.bp-xl-lb, .bp-xl-lb * {object-position: left bottom; }
.bp-xl-rt, .bp-xl-rt * {object-position: right top; }
.bp-xl-rc, .bp-xl-rc * {object-position: right center; }
.bp-xl-rb, .bp-xl-rb * {object-position: right bottom; }
.bp-xl-ct, .bp-xl-ct * {object-position: center top; }
.bp-xl-cc, .bp-xl-cc * {object-position: center center; }
.bp-xl-cb, .bp-xl-cb * {object-position: center bottom; }
.bs-xl-cover, .bs-xl-cover * { object-fit: cover; }
.bs-xl-contain, .bs-xl-contain * { object-fit: contain; }
}

@media (min-width: 1400px)  {
.bp-xxl-lt, .bp-xxl-lt * {object-position: left top; }
.bp-xxl-lc, .bp-xxl-lc * {object-position: left center; }
.bp-xxl-lb, .bp-xxl-lb * {object-position: left bottom; }
.bp-xxl-rt, .bp-xxl-rt * {object-position: right top; }
.bp-xxl-rc, .bp-xxl-rc * {object-position: right center; }
.bp-xxl-rb, .bp-xxl-rb * {object-position: right bottom; }
.bp-xxl-ct, .bp-xxl-ct * {object-position: center top; }
.bp-xxl-cc, .bp-xxl-cc * {object-position: center center; }
.bp-xxl-cb, .bp-xxl-cb * {object-position: center bottom; }
.bs-xxl-cover, .bs-xxl-cover * { object-fit: cover; }
.bs-xxl-contain, .bs-xxl-contain * { object-fit: contain; }
}

/* Font-Weight */
.fw-100 { font-weight: 100 !important; }
.fw-200 { font-weight: 200 !important; }
.fw-300 { font-weight: 300 !important; }
.fw-400 { font-weight: 400 !important; }
.fw-500 { font-weight: 500 !important; }
.fw-600 { font-weight: 600 !important; }
.fw-700 { font-weight: 700 !important; }
.fw-800 { font-weight: 800 !important; }
.fw-900 { font-weight: 900 !important; }

/* Font-Weight */
.fs-italic { font-style: italic !important; }
.fs-normal { font-style: normal !important; }

.line-through { 
	text-decoration:line-through; 
	text-decoration-thickness: 3px;
}  


/* Font-Family */
.ff-normal { font-family: 'Barlow' !important; }
.ff-semicondensed { font-family: 'Barlow Semi Condensed' !important; }
.ff-condensed { font-family: 'Barlow Condensed' !important; }


.lighttextshadow { text-shadow: 0 3px 6px rgba(0,0,0,0.2); }

/*Texts - Brauchen wir die noch? */

.Barlow400 {
	font-family: 'Barlow';
	font-weight:400;
	font-style: normal;
}
.Barlow400i {
	font-family: 'Barlow';
	font-weight:400;
	font-style: italic;
}
.Barlow500 {
	font-family: 'Barlow';
	font-weight:500;
	font-style: normal;
}
.Barlow500i {
	font-family: 'Barlow';
	font-weight:500;
	font-style: italic;
}
.Barlow800 {
	font-family: 'Barlow';
	font-weight:800;
	font-style: normal;
}
.Barlow800i {
	font-family: 'Barlow';
	font-weight:800;
	font-style: italic;
}

.BarlowSC400 {
	font-family: 'Barlow Semi Condensed';
	font-weight:400;
	font-style: normal;
}
.BarlowSC400i {
	font-family: 'Barlow Semi Condensed';
	font-weight:400;
	font-style: italic;
}
.BarlowSC500 {
	font-family: 'Barlow Semi Condensed';
	font-weight:500;
	font-style: normal;
}
.BarlowSC500i {
	font-family: 'Barlow Semi Condensed';
	font-weight:500;
	font-style: italic;
}
.BarlowSC800 {
	font-family: 'Barlow Semi Condensed';
	font-weight:800;
	font-style: normal;
}
.BarlowSC800i {
	font-family: 'Barlow Semi Condensed';
	font-weight:800;
	font-style: italic;
}

ul{
	padding-left: 15px;
}

li{
	font-size: 17px;
	line-height: 26px;
	margin-bottom: 15px;
	padding-left: 10px;
	list-style-type: "\00bb"
}

@media not all and (min-resolution:.001dpcm) {
	li{
	list-style-type: "\00bb"
}
}

li::marker {
  content: "\00bb";
  font-family: 'Barlow';
  font-size: 32px;
  font-weight: 700;
}

.fs-7 {
    font-size: .8rem!important;
}

/* Toggle Hide Button */
.hide-me[aria-expanded="true"] {display: none;}

/**Button e941**/

.btn{
		position: relative;
		font-family: 'Barlow Semi Condensed';
	  font-weight: 800;
	  font-size: 19px;
	  font-style: italic;
	  line-height: 22px;
	  padding: 15px 45px 15px 45px;
	  background-color: inherit;
	  text-transform: uppercase;
		min-width: 230px;
		border-radius: 33px;
		z-index: 15;
		border-width: 2px;
}

.btn-arrow-right::before{
	/*font-family: 'icomoon';*/
	/*font-style: normal;*/
	/*content: "\e941";*/
	/*position: absolute;*/
	/*right: 15px;*/
	/*top: 50%;*/
	/*transform: translateY(-50%);*/
	/*width: 30px;*/
	/*height: 20px;*/
	/*display: block;*/
	/*font-size: 15px;*/
	/*line-height: 22px;*/
 /* transition: right .5s ease-in-out;*/
 display: none;
}

.btn-arrow-right:hover::before{
	right: 5px;
}

/**Button e933**/
.btn-arrow-down::before {
    font-family: 'icomoon';
    content: "\e933";
    position: absolute;
    right: 15px;
    width: 30px;
    height: 30px;
    display: block;
    font-size: 24px;
}



/*General Layout*/

/* Border Radius */

.borderradius-0{border-radius: 0px;}
.borderradius-1{border-radius: 3px;}
.borderradius-2{border-radius: 5px;}
.borderradius-3{border-radius: 8px;}
.borderradius-4{border-radius: 10px;}
.borderradius-5{border-radius: 15px;}
.borderradius-6{border-radius: 20px;}

.borderradius-0 .video{border-radius: 0px;}
.borderradius-1 .video{border-radius: 3px;}
.borderradius-2 .video{border-radius: 5px;}
.borderradius-3 .video{border-radius: 8px;}
.borderradius-4 .video{border-radius: 10px;}
.borderradius-5 .video{border-radius: 15px;}
.borderradius-6 .video{border-radius: 20px;}


/*heights*/
/*.h-xs-auto, .h-xs-auto > .row  {min-height: auto; height: auto;}*/
/*.h-xs-25, .h-xs-25 > .row { min-height: calc(var(--vh, 1vh) * 25); height:calc(var(--vh, 1vh) * 25); }*/
/*.h-xs-33, .h-xs-33 > .row { min-height: calc(var(--vh, 1vh) * 33); height:calc(var(--vh, 1vh) * 33); }*/
/*.h-xs-50, .h-xs-50 > .row { min-height: calc(var(--vh, 1vh) * 50); height:calc(var(--vh, 1vh) * 50); }*/
/*.h-xs-60, .h-xs-60 > .row { min-height: calc(var(--vh, 1vh) * 60);  height: calc(var(--vh, 1vh) * 60);  }*/
/*.h-xs-75, .h-xs-75 > .row { min-height: calc(var(--vh, 1vh) * 75);  height: calc(var(--vh, 1vh) * 75);  }*/
/*.h-xs-80, .h-xs-80 > .row { min-height: calc(var(--vh, 1vh) * 80);  height: calc(var(--vh, 1vh) * 80);  }*/
/*.h-xs-90, .h-xs-90 > .row { min-height: calc(var(--vh, 1vh) * 90);  height: calc(var(--vh, 1vh) * 90);  }*/
/*.h-xs-100, .h-xs-100 > .row { min-height: calc(var(--vh, 1vh) * 100);  height: calc(var(--vh, 1vh) * 100);  }*/
/*.h-xs-120, .h-xs-120 > .row { min-height: calc(var(--vh, 1vh) * 120);  height: calc(var(--vh, 1vh) * 120);  }*/
/*.h-xs-125, .h-xs-125 > .row { min-height: calc(var(--vh, 1vh) * 125);  height: calc(var(--vh, 1vh) * 125);  }*/


/*@media (min-width: 576px) {*/
/*.h-sm-auto, .h-sm-auto > .row  {min-height: auto; height: auto;}*/
/*.h-sm-25, .h-sm-25 > .row { min-height: calc(var(--vh, 1vh) * 25); height:calc(var(--vh, 1vh) * 25); }*/
/*.h-sm-33, .h-sm-33 > .row { min-height: calc(var(--vh, 1vh) * 33); height:calc(var(--vh, 1vh) * 33); }*/
/*.h-sm-50, .h-sm-50 > .row { min-height: calc(var(--vh, 1vh) * 50); height:calc(var(--vh, 1vh) * 50); }*/
/*.h-sm-60, .h-sm-60 > .row { min-height: calc(var(--vh, 1vh) * 60);  height: calc(var(--vh, 1vh) * 60);  }*/
/*.h-sm-75, .h-sm-75 > .row { min-height: calc(var(--vh, 1vh) * 75);  height: calc(var(--vh, 1vh) * 75);  }*/
/*.h-sm-80, .h-sm-80 > .row { min-height: calc(var(--vh, 1vh) * 80);  height: calc(var(--vh, 1vh) * 80);  }*/
/*.h-sm-90, .h-sm-90 > .row { min-height: calc(var(--vh, 1vh) * 90);  height: calc(var(--vh, 1vh) * 90);  }*/
/*.h-sm-100, .h-sm-100 > .row { min-height: calc(var(--vh, 1vh) * 100);  height: calc(var(--vh, 1vh) * 100);  }*/
/*.h-sm-120, .h-sm-120 > .row { min-height: calc(var(--vh, 1vh) * 120);  height: calc(var(--vh, 1vh) * 120);  }*/
/*.h-sm-125, .h-sm-125 > .row { min-height: calc(var(--vh, 1vh) * 125);  height: calc(var(--vh, 1vh) * 125);  }*/

/*}*/


/*@media (min-width: 768px) {*/
/*.h-md-auto, .h-md-auto > .row  {min-height: auto; height: auto;}*/
/*.h-md-25, .h-md-25 > .row { min-height: calc(var(--vh, 1vh) * 25); height:calc(var(--vh, 1vh) * 25); }*/
/*.h-md-33, .h-md-33 > .row { min-height: calc(var(--vh, 1vh) * 33); height:calc(var(--vh, 1vh) * 33); }*/
/*.h-md-50, .h-md-50 > .row { min-height: calc(var(--vh, 1vh) * 50); height:calc(var(--vh, 1vh) * 50); }*/
/*.h-md-60, .h-md-60 > .row { min-height: calc(var(--vh, 1vh) * 60);  height: calc(var(--vh, 1vh) * 60);  }*/
/*.h-md-75, .h-md-75 > .row { min-height: calc(var(--vh, 1vh) * 75);  height: calc(var(--vh, 1vh) * 75);  }*/
/*.h-md-80, .h-md-80 > .row { min-height: calc(var(--vh, 1vh) * 80);  height: calc(var(--vh, 1vh) * 80);  }*/
/*.h-md-90, .h-md-90 > .row { min-height: calc(var(--vh, 1vh) * 90);  height: calc(var(--vh, 1vh) * 90);  }*/
/*.h-md-100, .h-md-100 > .row { min-height: calc(var(--vh, 1vh) * 100);  height: calc(var(--vh, 1vh) * 100);  }*/
/*.h-md-120, .h-md-120 > .row { min-height: calc(var(--vh, 1vh) * 120);  height: calc(var(--vh, 1vh) * 120);  }*/
/*.h-md-125, .h-md-125 > .row { min-height: calc(var(--vh, 1vh) * 125);  height: calc(var(--vh, 1vh) * 125);  }*/

/*}*/


/*@media (min-width: 992px) {*/
/*.h-lg-auto, .h-lg-auto > .row  {min-height: auto; height: auto;}*/
/*.h-lg-25, .h-lg-25 > .row { min-height: calc(var(--vh, 1vh) * 25); height:calc(var(--vh, 1vh) * 25); }*/
/*.h-lg-33, .h-lg-33 > .row { min-height: calc(var(--vh, 1vh) * 33); height:calc(var(--vh, 1vh) * 33); }*/
/*.h-lg-50, .h-lg-50 > .row { min-height: calc(var(--vh, 1vh) * 50); height:calc(var(--vh, 1vh) * 50); }*/
/*.h-lg-60, .h-lg-60 > .row { min-height: calc(var(--vh, 1vh) * 60);  height: calc(var(--vh, 1vh) * 60);  }*/
/*.h-lg-75, .h-lg-75 > .row { min-height: calc(var(--vh, 1vh) * 75);  height: calc(var(--vh, 1vh) * 75);  }*/
/*.h-lg-80, .h-lg-80 > .row { min-height: calc(var(--vh, 1vh) * 80);  height: calc(var(--vh, 1vh) * 80);  }*/
/*.h-lg-90, .h-lg-90 > .row { min-height: calc(var(--vh, 1vh) * 90);  height: calc(var(--vh, 1vh) * 90);  }*/
/*.h-lg-100, .h-lg-100 > .row { min-height: calc(var(--vh, 1vh) * 100);  height: calc(var(--vh, 1vh) * 100);  }*/
/*.h-lg-120, .h-lg-120 > .row { min-height: calc(var(--vh, 1vh) * 120);  height: calc(var(--vh, 1vh) * 120);  }*/
/*.h-lg-125, .h-lg-125 > .row { min-height: calc(var(--vh, 1vh) * 125);  height: calc(var(--vh, 1vh) * 125);  }*/
	
/*}*/


/*@media (min-width: 1200px) {*/
/*.h-xl-auto, .h-xl-auto > .row {min-height: auto; height: auto;}*/
/*.h-xl-25, .h-xl-25 > .row { min-height: calc(var(--vh, 1vh) * 25); height:calc(var(--vh, 1vh) * 25); }*/
/*.h-xl-33, .h-xl-33 > .row { min-height: calc(var(--vh, 1vh) * 33); height:calc(var(--vh, 1vh) * 33); }*/
/*.h-xl-50, .h-xl-50 > .row { min-height: calc(var(--vh, 1vh) * 50); height:calc(var(--vh, 1vh) * 50); }*/
/*.h-xl-60, .h-xl-60 > .row { min-height: calc(var(--vh, 1vh) * 60);  height: calc(var(--vh, 1vh) * 60);  }*/
/*.h-xl-75, .h-xl-75 > .row { min-height: calc(var(--vh, 1vh) * 75);  height: calc(var(--vh, 1vh) * 75);  }*/
/*.h-xl-80, .h-xl-80 > .row { min-height: calc(var(--vh, 1vh) * 80);  height: calc(var(--vh, 1vh) * 80);  }*/
/*.h-xl-90, .h-xl-90 > .row { min-height: calc(var(--vh, 1vh) * 90);  height: calc(var(--vh, 1vh) * 90);  }*/
/*.h-xl-100, .h-xl-100 > .row { min-height: calc(var(--vh, 1vh) * 100);  height: calc(var(--vh, 1vh) * 100);  }*/
/*.h-xl-120, .h-xl-120 > .row { min-height: calc(var(--vh, 1vh) * 120);  height: calc(var(--vh, 1vh) * 120);  }*/
/*.h-xl-125, .h-xl-125 > .row { min-height: calc(var(--vh, 1vh) * 125);  height: calc(var(--vh, 1vh) * 125);  }*/
/*}*/


/*@media (min-width: 1400px) {*/
/*.h-xxl-auto, .h-xxl-auto > .row {min-height: auto; height: auto;}*/
/*.h-xxl-25, .h-xxl-25 > .row { min-height: calc(var(--vh, 1vh) * 25); height:calc(var(--vh, 1vh) * 25); }*/
/*.h-xxl-33, .h-xxl-33 > .row { min-height: calc(var(--vh, 1vh) * 33); height:calc(var(--vh, 1vh) * 33); }*/
/*.h-xxl-50, .h-xxl-50 > .row { min-height: calc(var(--vh, 1vh) * 50); height:calc(var(--vh, 1vh) * 50); }*/
/*.h-xxl-60, .h-xxl-60 > .row { min-height: calc(var(--vh, 1vh) * 60);  height: calc(var(--vh, 1vh) * 60);  }*/
/*.h-xxl-75, .h-xxl-75 > .row { min-height: calc(var(--vh, 1vh) * 75);  height: calc(var(--vh, 1vh) * 75);  }*/
/*.h-xxl-80, .h-xxl-80 > .row { min-height: calc(var(--vh, 1vh) * 80);  height: calc(var(--vh, 1vh) * 80);  }*/
/*.h-xxl-90, .h-xxl-90 > .row { min-height: calc(var(--vh, 1vh) * 90);  height: calc(var(--vh, 1vh) * 90);  }*/
/*.h-xxl-100, .h-xxl-100 > .row { min-height: calc(var(--vh, 1vh) * 100);  height: calc(var(--vh, 1vh) * 100);  }*/
/*.h-xxl-120, .h-xxl-120 > .row { min-height: calc(var(--vh, 1vh) * 120);  height: calc(var(--vh, 1vh) * 120);  }*/
/*.h-xxl-125, .h-xxl-125 > .row { min-height: calc(var(--vh, 1vh) * 125);  height: calc(var(--vh, 1vh) * 125);  }*/
/*}*/

.h-xs-auto, .h-xs-auto > .row  {min-height: auto; height: auto;}
.h-xs-25, .h-xs-25 > .row { min-height: 25vh; height: 25vh; }
.h-xs-33, .h-xs-33 > .row { min-height: 33vh; height: 33vh; }
.h-xs-50, .h-xs-50 > .row { min-height: 50vh; height: 50vh; }
.h-xs-60, .h-xs-60 > .row { min-height: 60vh; height: 60vh;  }
.h-xs-75, .h-xs-75 > .row { min-height: 75vh; height: 75vh;  }
.h-xs-80, .h-xs-80 > .row { min-height: 80vh; height: 80vh; }
.h-xs-90, .h-xs-90 > .row { min-height: 90vh; height: 90vh;  }
.h-xs-100, .h-xs-100 > .row { min-height: 100vh; height: 100vh;  }
.h-xs-120, .h-xs-120 > .row { min-height: 120vh; height: 120vh;  }
.h-xs-125, .h-xs-125 > .row { min-height: 125vh; height: 125vh; }

@media (min-width: 576px) {
.h-sm-auto, .h-sm-auto > .row  {min-height: auto; height: auto;}
.h-sm-25, .h-sm-25 > .row { min-height: 25vh; height: 25vh; }
.h-sm-33, .h-sm-33 > .row { min-height: 33vh; height: 33vh; }
.h-sm-50, .h-sm-50 > .row { min-height: 50vh; height: 50vh; }
.h-sm-60, .h-sm-60 > .row { min-height: 60vh; height: 60vh;  }
.h-sm-75, .h-sm-75 > .row { min-height: 75vh; height: 75vh;  }
.h-sm-80, .h-sm-80 > .row { min-height: 80vh; height: 80vh; }
.h-sm-90, .h-sm-90 > .row { min-height: 90vh; height: 90vh;  }
.h-sm-100, .h-sm-100 > .row { min-height: 100vh; height: 100vh;  }
.h-sm-120, .h-sm-120 > .row { min-height: 120vh; height: 120vh;  }
.h-sm-125, .h-sm-125 > .row { min-height: 125vh; height: 125vh; }

}


@media (min-width: 768px) {
.h-md-auto, .h-md-auto > .row  {min-height: auto; height: auto;}
.h-md-25, .h-md-25 > .row { min-height: 25vh; height: 25vh; }
.h-md-33, .h-md-33 > .row { min-height: 33vh; height: 33vh; }
.h-md-50, .h-md-50 > .row { min-height: 50vh; height: 50vh; }
.h-md-60, .h-md-60 > .row { min-height: 60vh; height: 60vh;  }
.h-md-75, .h-md-75 > .row { min-height: 75vh; height: 75vh;  }
.h-md-80, .h-md-80 > .row { min-height: 80vh; height: 80vh; }
.h-md-90, .h-md-90 > .row { min-height: 90vh; height: 90vh;  }
.h-md-100, .h-md-100 > .row { min-height: 100vh; height: 100vh;  }
.h-md-120, .h-md-120 > .row { min-height: 120vh; height: 120vh;  }
.h-md-125, .h-md-125 > .row { min-height: 125vh; height: 125vh; }

}


@media (min-width: 992px) {
.h-lg-auto, .h-lg-auto > .row  {min-height: auto; height: auto;}
.h-lg-25, .h-lg-25 > .row { min-height: 25vh; height: 25vh; }
.h-lg-33, .h-lg-33 > .row { min-height: 33vh; height: 33vh; }
.h-lg-50, .h-lg-50 > .row { min-height: 50vh; height: 50vh; }
.h-lg-60, .h-lg-60 > .row { min-height: 60vh; height: 60vh;  }
.h-lg-75, .h-lg-75 > .row { min-height: 75vh; height: 75vh;  }
.h-lg-80, .h-lg-80 > .row { min-height: 80vh; height: 80vh; }
.h-lg-90, .h-lg-90 > .row { min-height: 90vh; height: 90vh;  }
.h-lg-100, .h-lg-100 > .row { min-height: 100vh; height: 100vh;  }
.h-lg-120, .h-lg-120 > .row { min-height: 120vh; height: 120vh;  }
.h-lg-125, .h-lg-125 > .row { min-height: 125vh; height: 125vh; }
	
}


@media (min-width: 1200px) {
.h-xl-auto, .h-xl-auto > .row {min-height: auto; height: auto;}
.h-xl-25, .h-xl-25 > .row { min-height: 25vh; height: 25vh; }
.h-xl-33, .h-xl-33 > .row { min-height: 33vh; height: 33vh; }
.h-xl-50, .h-xl-50 > .row { min-height: 50vh; height: 50vh; }
.h-xl-60, .h-xl-60 > .row { min-height: 60vh; height: 60vh;  }
.h-xl-75, .h-xl-75 > .row { min-height: 75vh; height: 75vh;  }
.h-xl-80, .h-xl-80 > .row { min-height: 80vh; height: 80vh; }
.h-xl-90, .h-xl-90 > .row { min-height: 90vh; height: 90vh;  }
.h-xl-100, .h-xl-100 > .row { min-height: 100vh; height: 100vh;  }
.h-xl-120, .h-xl-120 > .row { min-height: 120vh; height: 120vh;  }
.h-xl-125, .h-xl-125 > .row { min-height: 125vh; height: 125vh; }
}


@media (min-width: 1400px) {
.h-xxl-auto, .h-xxl-auto > .row {min-height: auto; height: auto;}
.h-xxl-25, .h-xxl-25 > .row { min-height: 25vh; height: 25vh; }
.h-xxl-33, .h-xxl-33 > .row { min-height: 33vh; height: 33vh; }
.h-xxl-50, .h-xxl-50 > .row { min-height: 50vh; height: 50vh; }
.h-xxl-60, .h-xxl-60 > .row { min-height: 60vh; height: 60vh;  }
.h-xxl-75, .h-xxl-75 > .row { min-height: 75vh; height: 75vh;  }
.h-xxl-80, .h-xxl-80 > .row { min-height: 80vh; height: 80vh; }
.h-xxl-90, .h-xxl-90 > .row { min-height: 90vh; height: 90vh;  }
.h-xxl-100, .h-xxl-100 > .row { min-height: 100vh; height: 100vh;  }
.h-xxl-120, .h-xxl-120 > .row { min-height: 120vh; height: 120vh;  }
.h-xxl-125, .h-xxl-125 > .row { min-height: 125vh; height: 125vh; }
}


/* widths */

.w-xs-auto { width: auto; }
.w-xs-25 { width: 25%; }
.w-xs-50 { width: 50%; }
.w-xs-75 { width: 75%; }
.w-xs-100 { width: 100%; }

@media (min-width: 576px) {
.w-sm-auto { width: auto; }
.w-sm-25 { width: 25%; }
.w-sm-50 { width: 50%; }
.w-sm-75 { width: 75%; }
.w-sm-100 { width: 100%; }
}


@media (min-width: 768px) {
.w-md-auto { width: auto; }
.w-md-25 { width: 25%; }
.w-md-50 { width: 50%; }
.w-md-75 { width: 75%; }
.w-md-100 { width: 100%; }
}

@media (min-width: 992px) {
.w-lg-auto { width: auto; }
.w-lg-25 { width: 25%; }
.w-lg-50 { width: 50%; }
.w-lg-75 { width: 75%; }
.w-lg-100 { width: 100%; }
}

@media (min-width: 1200px) {
.w-xl-auto { width: auto; }
.w-xl-25 { width: 25%; }
.w-xl-50 { width: 50%; }
.w-xl-75 { width: 75%; }
.w-xl-100 { width: 100%; }
}

@media (min-width: 1400px) {
.w-xxl-auto { width: auto; }
.w-xxl-25 { width: 25%; }
.w-xxl-50 { width: 50%; }
.w-xxl-75 { width: 75%; }
.w-xxl-100 { width: 100%; }
}

/* viewport widths */

.vw-xs-25 { width: 25vw; }
.vw-xs-50 { width: 50vw; }
.vw-xs-75 { width: 75vw; }
.vw-xs-100 { width: 100vw; }

@media (min-width: 576px) {
.vw-sm-25 { width: 25vw; }
.vw-sm-50 { width: 50vw; }
.vw-sm-75 { width: 75vw; }
.vw-sm-100 { width: 100vw; }
}

@media (min-width: 768px) {
.vw-md-25 { width: 25vw; }
.vw-md-50 { width: 50vw; }
.vw-md-75 { width: 75vw; }
.vw-md-100 { width: 100vw; }
}

@media (min-width: 992px) {
.vw-lg-25 { width: 25vw; }
.vw-lg-50 { width: 50vw; }
.vw-lg-75 { width: 75vw; }
.vw-lg-100 { width: 100vw; }
}

@media (min-width: 1200px) {
.vw-xl-25 { width: 25vw; }
.vw-xl-50 { width: 50vw; }
.vw-xl-75 { width: 75vw; }
.vw-xl-100 { width: 100vw; }
}

@media (min-width: 1400px) {
.vw-xxl-25 { width: 25vw; }
.vw-xxl-50 { width: 50vw; }
.vw-xxl-75 { width: 75vw; }
.vw-xxl-100 { width: 100vw; }
}


/* Margins */

.mt--1{margin-top: -0.25rem!important;}
.me--1{margin-right: -0.25rem!important;}
.mb--1{margin-bottom: -0.25rem!important;}
.ms--1{margin-left: -0.25rem!important;}

.mt--2{margin-top: -0.5rem!important;}
.me--2{margin-right: -0.5rem!important;}
.mb--2{margin-bottom: -0.5rem!important;}
.ms--2{margin-left: -0.5rem!important;}

.mt--3{margin-top: -1rem!important;}
.me--3{margin-right: -1rem!important;}
.mb--3{margin-bottom: -1rem!important;}
.ms--3{margin-left: -1rem!important;}

.mt--4{margin-top: -1.5rem!important;}
.me--4{margin-right: -1.5rem!important;}
.mb--4{margin-bottom: -1.5rem!important;}
.ms--4{margin-left: -1.5rem!important;}

.mt--5{margin-top: -3rem!important;}
.me--5{margin-right: -3rem!important;}
.mb--5{margin-bottom: -3rem!important;}
.ms--5{margin-left: -3rem!important;}

.mt--12{margin-top: -16rem!important;}
.me--12{margin-right: -16rem!important;}
.mb--12{margin-bottom: -16rem!important;}
.ms--12{margin-left: -16rem!important;}


@media (min-width: 576px) {
.mt-sm--1{margin-top: -0.25rem!important;}
.me-sm--1{margin-right: -0.25rem!important;}
.mb-sm--1{margin-bottom: -0.25rem!important;}
.ms-sm--1{margin-left: -0.25rem!important;}

.mt-sm--2{margin-top: -0.5rem!important;}
.me-sm--2{margin-right: -0.5rem!important;}
.mb-sm--2{margin-bottom: -0.5rem!important;}
.ms-sm--2{margin-left: -0.5rem!important;}

.mt-sm--3{margin-top: -1rem!important;}
.me-sm--3{margin-right: -1rem!important;}
.mb-sm--3{margin-bottom: -1rem!important;}
.ms-sm--3{margin-left: -1rem!important;}

.mt-sm--4{margin-top: -1.5rem!important;}
.me-sm--4{margin-right: -1.5rem!important;}
.mb-sm--4{margin-bottom: -1.5rem!important;}
.ms-sm--4{margin-left: -1.5rem!important;}

.mt-sm--5{margin-top: -3rem!important;}
.me-sm--5{margin-right: -3rem!important;}
.mb-sm--5{margin-bottom: -3rem!important;}
.ms-sm--5{margin-left: -3rem!important;}

.mt-sm--12{margin-top: -16rem!important;}
.me-sm--12{margin-right: -16rem!important;}
.mb-sm--12{margin-bottom: -16rem!important;}
.ms-sm--12{margin-left: -16rem!important;}
}

@media (min-width: 768px) {
.mt-md--1{margin-top: -0.25rem!important;}
.me-md--1{margin-right: -0.25rem!important;}
.mb-md--1{margin-bottom: -0.25rem!important;}
.ms-md--1{margin-left: -0.25rem!important;}

.mt-md--2{margin-top: -0.5rem!important;}
.me-md--2{margin-right: -0.5rem!important;}
.mb-md--2{margin-bottom: -0.5rem!important;}
.ms-md--2{margin-left: -0.5rem!important;}

.mt-md--3{margin-top: -1rem!important;}
.me-md--3{margin-right: -1rem!important;}
.mb-md--3{margin-bottom: -1rem!important;}
.ms-md--3{margin-left: -1rem!important;}

.mt-md--4{margin-top: -1.5rem!important;}
.me-md--4{margin-right: -1.5rem!important;}
.mb-md--4{margin-bottom: -1.5rem!important;}
.ms-md--4{margin-left: -1.5rem!important;}

.mt-md--5{margin-top: -3rem!important;}
.me-md--5{margin-right: -3rem!important;}
.mb-md--5{margin-bottom: -3rem!important;}
.ms-md--5{margin-left: -3rem!important;}

.mt-md--12{margin-top: -16rem!important;}
.me-md--12{margin-right: -16rem!important;}
.mb-md--12{margin-bottom: -16rem!important;}
.ms-md--12{margin-left: -16rem!important;}
}


@media (min-width: 992px) {
.mt-lg--1{margin-top: -0.25rem!important;}
.me-lg--1{margin-right: -0.25rem!important;}
.mb-lg--1{margin-bottom: -0.25rem!important;}
.ms-lg--1{margin-left: -0.25rem!important;}

.mt-lg--2{margin-top: -0.5rem!important;}
.me-lg--2{margin-right: -0.5rem!important;}
.mb-lg--2{margin-bottom: -0.5rem!important;}
.ms-lg--2{margin-left: -0.5rem!important;}

.mt-lg--3{margin-top: -1rem!important;}
.me-lg--3{margin-right: -1rem!important;}
.mb-lg--3{margin-bottom: -1rem!important;}
.ms-lg--3{margin-left: -1rem!important;}

.mt-lg--4{margin-top: -1.5rem!important;}
.me-lg--4{margin-right: -1.5rem!important;}
.mb-lg--4{margin-bottom: -1.5rem!important;}
.ms-lg--4{margin-left: -1.5rem!important;}

.mt-lg--5{margin-top: -3rem!important;}
.me-lg--5{margin-right: -3rem!important;}
.mb-lg--5{margin-bottom: -3rem!important;}
.ms-lg--5{margin-left: -3rem!important;}

.mt-lg--12{margin-top: -16rem!important;}
.me-lg--12{margin-right: -16rem!important;}
.mb-lg--12{margin-bottom: -16rem!important;}
.ms-lg--12{margin-left: -16rem!important;}
}



@media (min-width: 1200px) {
.mt-xl--1{margin-top: -0.25rem!important;}
.me-xl--1{margin-right: -0.25rem!important;}
.mb-xl--1{margin-bottom: -0.25rem!important;}
.ms-xl--1{margin-left: -0.25rem!important;}

.mt-xl--2{margin-top: -0.5rem!important;}
.me-xl--2{margin-right: -0.5rem!important;}
.mb-xl--2{margin-bottom: -0.5rem!important;}
.ms-xl--2{margin-left: -0.5rem!important;}

.mt-xl--3{margin-top: -1rem!important;}
.me-xl--3{margin-right: -1rem!important;}
.mb-xl--3{margin-bottom: -1rem!important;}
.ms-xl--3{margin-left: -1rem!important;}

.mt-xl--4{margin-top: -1.5rem!important;}
.me-xl--4{margin-right: -1.5rem!important;}
.mb-xl--4{margin-bottom: -1.5rem!important;}
.ms-xl--4{margin-left: -1.5rem!important;}

.mt-xl--5{margin-top: -3rem!important;}
.me-xl--5{margin-right: -3rem!important;}
.mb-xl--5{margin-bottom: -3rem!important;}
.ms-xl--5{margin-left: -3rem!important;}

.mt-xl--12{margin-top: -16rem!important;}
.me-xl--12{margin-right: -16rem!important;}
.mb-xl--12{margin-bottom: -16rem!important;}
.ms-xl--12{margin-left: -16rem!important;}
}


@media (min-width: 1400px) {
.mt-xxl--1{margin-top: -0.25rem!important;}
.me-xxl--1{margin-right: -0.25rem!important;}
.mb-xxl--1{margin-bottom: -0.25rem!important;}
.ms-xxl--1{margin-left: -0.25rem!important;}

.mt-xxl--2{margin-top: -0.5rem!important;}
.me-xxl--2{margin-right: -0.5rem!important;}
.mb-xxl--2{margin-bottom: -0.5rem!important;}
.ms-xxl--2{margin-left: -0.5rem!important;}

.mt-xxl--3{margin-top: -1rem!important;}
.me-xxl--3{margin-right: -1rem!important;}
.mb-xxl--3{margin-bottom: -1rem!important;}
.ms-xxl--3{margin-left: -1rem!important;}

.mt-xxl--4{margin-top: -1.5rem!important;}
.me-xxl--4{margin-right: -1.5rem!important;}
.mb-xxl--4{margin-bottom: -1.5rem!important;}
.ms-xxl--4{margin-left: -1.5rem!important;}

.mt-xxl--5{margin-top: -3rem!important;}
.me-xxl--5{margin-right: -3rem!important;}
.mb-xxl--5{margin-bottom: -3rem!important;}
.ms-xxl--5{margin-left: -3rem!important;}

.mt-xxl--12{margin-top: -16rem!important;}
.me-xxl--12{margin-right: -16rem!important;}
.mb-xxl--12{margin-bottom: -16rem!important;}
.ms-xxl--12{margin-left: -16rem!important;}
}


/* Paddings */

.pt--1{padding-top: -0.25rem!important;}
.pe--1{padding-right: -0.25rem!important;}
.pb--1{padding-bottom: -0.25rem!important;}
.ps--1{padding-left: -0.25rem!important;}

.pt--2{padding-top: -0.5rem!important;}
.pe--2{padding-right: -0.5rem!important;}
.pb--2{padding-bottom: -0.5rem!important;}
.ps--2{padding-left: -0.5rem!important;}

.pt--3{padding-top: -1rem!important;}
.pe--3{padding-right: -1rem!important;}
.pb--3{padding-bottom: -1rem!important;}
.ps--3{padding-left: -1rem!important;}

.pt--4{padding-top: -1.5rem!important;}
.pe--4{padding-right: -1.5rem!important;}
.pb--4{padding-bottom: -1.5rem!important;}
.ps--4{padding-left: -1.5rem!important;}

.pt--5{padding-top: -3rem!important;}
.pe--5{padding-right: -3rem!important;}
.pb--5{padding-bottom: -3rem!important;}
.ps--5{padding-left: -3rem!important;}

.pt--12{padding-top: -16rem!important;}
.pe--12{padding-right: -16rem!important;}
.pb--12{padding-bottom: -16rem!important;}
.ps--12{padding-left: -16rem!important;}


@media (min-width: 576px) {
.pt-sm--1{padding-top: -0.25rem!important;}
.pe-sm--1{padding-right: -0.25rem!important;}
.pb-sm--1{padding-bottom: -0.25rem!important;}
.ps-sm--1{padding-left: -0.25rem!important;}

.pt-sm--2{padding-top: -0.5rem!important;}
.pe-sm--2{padding-right: -0.5rem!important;}
.pb-sm--2{padding-bottom: -0.5rem!important;}
.ps-sm--2{padding-left: -0.5rem!important;}

.pt-sm--3{padding-top: -1rem!important;}
.pe-sm--3{padding-right: -1rem!important;}
.pb-sm--3{padding-bottom: -1rem!important;}
.ps-sm--3{padding-left: -1rem!important;}

.pt-sm--4{padding-top: -1.5rem!important;}
.pe-sm--4{padding-right: -1.5rem!important;}
.pb-sm--4{padding-bottom: -1.5rem!important;}
.ps-sm--4{padding-left: -1.5rem!important;}

.pt-sm--5{padding-top: -3rem!important;}
.pe-sm--5{padding-right: -3rem!important;}
.pb-sm--5{padding-bottom: -3rem!important;}
.ps-sm--5{padding-left: -3rem!important;}

.pt-sm--12{padding-top: -16rem!important;}
.pe-sm--12{padding-right: -16rem!important;}
.pb-sm--12{padding-bottom: -16rem!important;}
.ps-sm--12{padding-left: -16rem!important;}
}

@media (min-width: 768px) {
.pt-md--1{padding-top: -0.25rem!important;}
.pe-md--1{padding-right: -0.25rem!important;}
.pb-md--1{padding-bottom: -0.25rem!important;}
.ps-md--1{padding-left: -0.25rem!important;}

.pt-md--2{padding-top: -0.5rem!important;}
.pe-md--2{padding-right: -0.5rem!important;}
.pb-md--2{padding-bottom: -0.5rem!important;}
.ps-md--2{padding-left: -0.5rem!important;}

.pt-md--3{padding-top: -1rem!important;}
.pe-md--3{padding-right: -1rem!important;}
.pb-md--3{padding-bottom: -1rem!important;}
.ps-md--3{padding-left: -1rem!important;}

.pt-md--4{padding-top: -1.5rem!important;}
.pe-md--4{padding-right: -1.5rem!important;}
.pb-md--4{padding-bottom: -1.5rem!important;}
.ps-md--4{padding-left: -1.5rem!important;}

.pt-md--5{padding-top: -3rem!important;}
.pe-md--5{padding-right: -3rem!important;}
.pb-md--5{padding-bottom: -3rem!important;}
.ps-md--5{padding-left: -3rem!important;}

.pt-md--12{padding-top: -16rem!important;}
.pe-md--12{padding-right: -16rem!important;}
.pb-md--12{padding-bottom: -16rem!important;}
.ps-md--12{padding-left: -16rem!important;}
}


@media (min-width: 992px) {
.pt-lg--1{padding-top: -0.25rem!important;}
.pe-lg--1{padding-right: -0.25rem!important;}
.pb-lg--1{padding-bottom: -0.25rem!important;}
.ps-lg--1{padding-left: -0.25rem!important;}

.pt-lg--2{padding-top: -0.5rem!important;}
.pe-lg--2{padding-right: -0.5rem!important;}
.pb-lg--2{padding-bottom: -0.5rem!important;}
.ps-lg--2{padding-left: -0.5rem!important;}

.pt-lg--3{padding-top: -1rem!important;}
.pe-lg--3{padding-right: -1rem!important;}
.pb-lg--3{padding-bottom: -1rem!important;}
.ps-lg--3{padding-left: -1rem!important;}

.pt-lg--4{padding-top: -1.5rem!important;}
.pe-lg--4{padding-right: -1.5rem!important;}
.pb-lg--4{padding-bottom: -1.5rem!important;}
.ps-lg--4{padding-left: -1.5rem!important;}

.pt-lg--5{padding-top: -3rem!important;}
.pe-lg--5{padding-right: -3rem!important;}
.pb-lg--5{padding-bottom: -3rem!important;}
.ps-lg--5{padding-left: -3rem!important;}

.pt-lg--12{padding-top: -16rem!important;}
.pe-lg--12{padding-right: -16rem!important;}
.pb-lg--12{padding-bottom: -16rem!important;}
.ps-lg--12{padding-left: -16rem!important;}
}



@media (min-width: 1200px) {
.pt-xl--1{padding-top: -0.25rem!important;}
.pe-xl--1{padding-right: -0.25rem!important;}
.pb-xl--1{padding-bottom: -0.25rem!important;}
.ps-xl--1{padding-left: -0.25rem!important;}

.pt-xl--2{padding-top: -0.5rem!important;}
.pe-xl--2{padding-right: -0.5rem!important;}
.pb-xl--2{padding-bottom: -0.5rem!important;}
.ps-xl--2{padding-left: -0.5rem!important;}

.pt-xl--3{padding-top: -1rem!important;}
.pe-xl--3{padding-right: -1rem!important;}
.pb-xl--3{padding-bottom: -1rem!important;}
.ps-xl--3{padding-left: -1rem!important;}

.pt-xl--4{padding-top: -1.5rem!important;}
.pe-xl--4{padding-right: -1.5rem!important;}
.pb-xl--4{padding-bottom: -1.5rem!important;}
.ps-xl--4{padding-left: -1.5rem!important;}

.pt-xl--5{padding-top: -3rem!important;}
.pe-xl--5{padding-right: -3rem!important;}
.pb-xl--5{padding-bottom: -3rem!important;}
.ps-xl--5{padding-left: -3rem!important;}

.pt-xl--12{padding-top: -16rem!important;}
.pe-xl--12{padding-right: -16rem!important;}
.pb-xl--12{padding-bottom: -16rem!important;}
.ps-xl--12{padding-left: -16rem!important;}
}


@media (min-width: 1400px) {
.pt-xxl--1{padding-top: -0.25rem!important;}
.pe-xxl--1{padding-right: -0.25rem!important;}
.pb-xxl--1{padding-bottom: -0.25rem!important;}
.ps-xxl--1{padding-left: -0.25rem!important;}

.pt-xxl--2{padding-top: -0.5rem!important;}
.pe-xxl--2{padding-right: -0.5rem!important;}
.pb-xxl--2{padding-bottom: -0.5rem!important;}
.ps-xxl--2{padding-left: -0.5rem!important;}

.pt-xxl--3{padding-top: -1rem!important;}
.pe-xxl--3{padding-right: -1rem!important;}
.pb-xxl--3{padding-bottom: -1rem!important;}
.ps-xxl--3{padding-left: -1rem!important;}

.pt-xxl--4{padding-top: -1.5rem!important;}
.pe-xxl--4{padding-right: -1.5rem!important;}
.pb-xxl--4{padding-bottom: -1.5rem!important;}
.ps-xxl--4{padding-left: -1.5rem!important;}

.pt-xxl--5{padding-top: -3rem!important;}
.pe-xxl--5{padding-right: -3rem!important;}
.pb-xxl--5{padding-bottom: -3rem!important;}
.ps-xxl--5{padding-left: -3rem!important;}

.pt-xxl--12{padding-top: -16rem!important;}
.pe-xxl--12{padding-right: -16rem!important;}
.pb-xxl--12{padding-bottom: -16rem!important;}
.ps-xxl--12{padding-left: -16rem!important;}
}



/* Padding extend Bootstrap */

.mt-0 { margin-top: 0rem !important; }
.mt-1 { margin-top: 0.25rem !important; }
.mt-2 { margin-top: 0.5rem !important; }
.mt-3 { margin-top: 1rem !important; }
.mt-4 { margin-top: 1.5rem !important; }
.mt-5 { margin-top: 3rem !important; }
.mt-6 { margin-top: 4.5rem !important; }
.mt-7 { margin-top: 5rem !important; }
.mt-8 { margin-top: 6rem !important; }
.mt-9 { margin-top: 7rem !important; }
.mt-10 { margin-top: 8rem !important; }
.mt-11 { margin-top: 10rem !important; }
.mt-12 { margin-top: 12rem !important; }

.me-0 { margin-right: 0rem !important; }
.me-1 { margin-right: 0.25rem !important; }
.me-2 { margin-right: 0.5rem !important; }
.me-3 { margin-right: 1rem !important; }
.me-4 { margin-right: 1.5rem !important; }
.me-5 { margin-right: 3rem !important; }
.me-6 { margin-right: 4.5rem !important; }
.me-7 { margin-right: 5rem !important; }
.me-8 { margin-right: 6rem !important; }
.me-9 { margin-right: 7rem !important; }
.me-10 { margin-right: 8rem !important; }
.me-11 { margin-right: 10rem !important; }
.me-12 { margin-right: 12rem !important; }
.me-auto { margin-right: auto !important; }

.mb-0 { margin-bottom: 0rem !important; }
.mb-1 { margin-bottom: 0.25rem !important; }
.mb-2 { margin-bottom: 0.5rem !important; }
.mb-3 { margin-bottom: 1rem !important; }
.mb-4 { margin-bottom: 1.5rem !important; }
.mb-5 { margin-bottom: 3rem !important; }
.mb-6 { margin-bottom: 4.5rem !important; }
.mb-7 { margin-bottom: 5rem !important; }
.mb-8 { margin-bottom: 6rem !important; }
.mb-9 { margin-bottom: 7rem !important; }
.mb-10 { margin-bottom: 8rem !important; }
.mb-11 { margin-bottom: 10rem !important; }
.mb-12 { margin-bottom: 12rem !important; }

.ms-0 { margin-left: 0rem !important; }
.ms-1 { margin-left: 0.25rem !important; }
.ms-2 { margin-left: 0.5rem !important; }
.ms-3 { margin-left: 1rem !important; }
.ms-4 { margin-left: 1.5rem !important; }
.ms-5 { margin-left: 3rem !important; }
.ms-6 { margin-left: 4.5rem !important; }
.ms-7 { margin-left: 5rem !important; }
.ms-8 { margin-left: 6rem !important; }
.ms-9 { margin-left: 7rem !important; }
.ms-10 { margin-left: 8rem !important; }
.ms-11 { margin-left: 10rem !important; }
.ms-12 { margin-left: 12rem !important; }
.ms-auto { margin-left: auto !important; }

@media (min-width: 576px) {
.mt-sm-0 { margin-top: 0rem !important; }
.mt-sm-1 { margin-top: 0.25rem !important; }
.mt-sm-2 { margin-top: 0.5rem !important; }
.mt-sm-3 { margin-top: 1rem !important; }
.mt-sm-4 { margin-top: 1.5rem !important; }
.mt-sm-5 { margin-top: 3rem !important; }
.mt-sm-6 { margin-top: 4.5rem !important; }
.mt-sm-7 { margin-top: 5rem !important; }
.mt-sm-8 { margin-top: 6rem !important; }
.mt-sm-9 { margin-top: 7rem !important; }
.mt-sm-10 { margin-top: 8rem !important; }
.mt-sm-11 { margin-top: 10rem !important; }
.mt-sm-12 { margin-top: 12rem !important; }

.me-sm-0 { margin-right: 0rem !important; }
.me-sm-1 { margin-right: 0.25rem !important; }
.me-sm-2 { margin-right: 0.5rem !important; }
.me-sm-3 { margin-right: 1rem !important; }
.me-sm-4 { margin-right: 1.5rem !important; }
.me-sm-5 { margin-right: 3rem !important; }
.me-sm-6 { margin-right: 4.5rem !important; }
.me-sm-7 { margin-right: 5rem !important; }
.me-sm-8 { margin-right: 6rem !important; }
.me-sm-9 { margin-right: 7rem !important; }
.me-sm-10 { margin-right: 8rem !important; }
.me-sm-11 { margin-right: 10rem !important; }
.me-sm-12 { margin-right: 12rem !important; }
.me-sm-auto { margin-right: auto !important; }


.mb-sm-0 { margin-bottom: 0rem !important; }
.mb-sm-1 { margin-bottom: 0.25rem !important; }
.mb-sm-2 { margin-bottom: 0.5rem !important; }
.mb-sm-3 { margin-bottom: 1rem !important; }
.mb-sm-4 { margin-bottom: 1.5rem !important; }
.mb-sm-5 { margin-bottom: 3rem !important; }
.mb-sm-6 { margin-bottom: 4.5rem !important; }
.mb-sm-7 { margin-bottom: 5rem !important; }
.mb-sm-8 { margin-bottom: 6rem !important; }
.mb-sm-9 { margin-bottom: 7rem !important; }
.mb-sm-10 { margin-bottom: 8rem !important; }
.mb-sm-11 { margin-bottom: 10rem !important; }
.mb-sm-12 { margin-bottom: 12rem !important; }

.ms-sm-0 { margin-left: 0rem !important; }
.ms-sm-1 { margin-left: 0.25rem !important; }
.ms-sm-2 { margin-left: 0.5rem !important; }
.ms-sm-3 { margin-left: 1rem !important; }
.ms-sm-4 { margin-left: 1.5rem !important; }
.ms-sm-5 { margin-left: 3rem !important; }
.ms-sm-6 { margin-left: 4.5rem !important; }
.ms-sm-7 { margin-left: 5rem !important; }
.ms-sm-8 { margin-left: 6rem !important; }
.ms-sm-9 { margin-left: 7rem !important; }
.ms-sm-10 { margin-left: 8rem !important; }
.ms-sm-11 { margin-left: 10rem !important; }
.ms-sm-12 { margin-left: 12rem !important; }
.ms-sm-auto { margin-left: auto !important; }
}

@media (min-width: 768px) {
.mt-md-0 { margin-top: 0rem !important; }
.mt-md-1 { margin-top: 0.25rem !important; }
.mt-md-2 { margin-top: 0.5rem !important; }
.mt-md-3 { margin-top: 1rem !important; }
.mt-md-4 { margin-top: 1.5rem !important; }
.mt-md-5 { margin-top: 3rem !important; }
.mt-md-6 { margin-top: 4.5rem !important; }
.mt-md-7 { margin-top: 5rem !important; }
.mt-md-8 { margin-top: 6rem !important; }
.mt-md-9 { margin-top: 7rem !important; }
.mt-md-10 { margin-top: 8rem !important; }
.mt-md-11 { margin-top: 10rem !important; }
.mt-md-12 { margin-top: 12rem !important; }

.me-md-0 { margin-right: 0rem !important; }
.me-md-1 { margin-right: 0.25rem !important; }
.me-md-2 { margin-right: 0.5rem !important; }
.me-md-3 { margin-right: 1rem !important; }
.me-md-4 { margin-right: 1.5rem !important; }
.me-md-5 { margin-right: 3rem !important; }
.me-md-6 { margin-right: 4.5rem !important; }
.me-md-7 { margin-right: 5rem !important; }
.me-md-8 { margin-right: 6rem !important; }
.me-md-9 { margin-right: 7rem !important; }
.me-md-10 { margin-right: 8rem !important; }
.me-md-11 { margin-right: 10rem !important; }
.me-md-12 { margin-right: 12rem !important; }
.me-md-auto { margin-right: auto !important; }

.mb-md-0 { margin-bottom: 0rem !important; }
.mb-md-1 { margin-bottom: 0.25rem !important; }
.mb-md-2 { margin-bottom: 0.5rem !important; }
.mb-md-3 { margin-bottom: 1rem !important; }
.mb-md-4 { margin-bottom: 1.5rem !important; }
.mb-md-5 { margin-bottom: 3rem !important; }
.mb-md-6 { margin-bottom: 4.5rem !important; }
.mb-md-7 { margin-bottom: 5rem !important; }
.mb-md-8 { margin-bottom: 6rem !important; }
.mb-md-9 { margin-bottom: 7rem !important; }
.mb-md-10 { margin-bottom: 8rem !important; }
.mb-md-11 { margin-bottom: 10rem !important; }
.mb-md-12 { margin-bottom: 12rem !important; }

.ms-md-0 { margin-left: 0rem !important; }
.ms-md-1 { margin-left: 0.25rem !important; }
.ms-md-2 { margin-left: 0.5rem !important; }
.ms-md-3 { margin-left: 1rem !important; }
.ms-md-4 { margin-left: 1.5rem !important; }
.ms-md-5 { margin-left: 3rem !important; }
.ms-md-6 { margin-left: 4.5rem !important; }
.ms-md-7 { margin-left: 5rem !important; }
.ms-md-8 { margin-left: 6rem !important; }
.ms-md-9 { margin-left: 7rem !important; }
.ms-md-10 { margin-left: 8rem !important; }
.ms-md-11 { margin-left: 10rem !important; }
.ms-md-12 { margin-left: 12rem !important; }
.ms-md-auto { margin-left: auto !important; }
}

@media (min-width: 992px) {
.mt-lg-0 { margin-top: 0rem !important; }
.mt-lg-1 { margin-top: 0.25rem !important; }
.mt-lg-2 { margin-top: 0.5rem !important; }
.mt-lg-3 { margin-top: 1rem !important; }
.mt-lg-4 { margin-top: 1.5rem !important; }
.mt-lg-5 { margin-top: 3rem !important; }
.mt-lg-6 { margin-top: 4.5rem !important; }
.mt-lg-7 { margin-top: 5rem !important; }
.mt-lg-8 { margin-top: 6rem !important; }
.mt-lg-9 { margin-top: 7rem !important; }
.mt-lg-10 { margin-top: 8rem !important; }
.mt-lg-11 { margin-top: 10rem !important; }
.mt-lg-12 { margin-top: 12rem !important; }

.me-lg-0 { margin-right: 0rem !important; }
.me-lg-1 { margin-right: 0.25rem !important; }
.me-lg-2 { margin-right: 0.5rem !important; }
.me-lg-3 { margin-right: 1rem !important; }
.me-lg-4 { margin-right: 1.5rem !important; }
.me-lg-5 { margin-right: 3rem !important; }
.me-lg-6 { margin-right: 4.5rem !important; }
.me-lg-7 { margin-right: 5rem !important; }
.me-lg-8 { margin-right: 6rem !important; }
.me-lg-9 { margin-right: 7rem !important; }
.me-lg-10 { margin-right: 8rem !important; }
.me-lg-11 { margin-right: 10rem !important; }
.me-lg-12 { margin-right: 12rem !important; }
.me-lg-auto { margin-right: auto !important; }

.mb-lg-0 { margin-bottom: 0rem !important; }
.mb-lg-1 { margin-bottom: 0.25rem !important; }
.mb-lg-2 { margin-bottom: 0.5rem !important; }
.mb-lg-3 { margin-bottom: 1rem !important; }
.mb-lg-4 { margin-bottom: 1.5rem !important; }
.mb-lg-5 { margin-bottom: 3rem !important; }
.mb-lg-6 { margin-bottom: 4.5rem !important; }
.mb-lg-7 { margin-bottom: 5rem !important; }
.mb-lg-8 { margin-bottom: 6rem !important; }
.mb-lg-9 { margin-bottom: 7rem !important; }
.mb-lg-10 { margin-bottom: 8rem !important; }
.mb-lg-11 { margin-bottom: 10rem !important; }
.mb-lg-12 { margin-bottom: 12rem !important; }

.ms-lg-0 { margin-left: 0rem !important; }
.ms-lg-1 { margin-left: 0.25rem !important; }
.ms-lg-2 { margin-left: 0.5rem !important; }
.ms-lg-3 { margin-left: 1rem !important; }
.ms-lg-4 { margin-left: 1.5rem !important; }
.ms-lg-5 { margin-left: 3rem !important; }
.ms-lg-6 { margin-left: 4.5rem !important; }
.ms-lg-7 { margin-left: 5rem !important; }
.ms-lg-8 { margin-left: 6rem !important; }
.ms-lg-9 { margin-left: 7rem !important; }
.ms-lg-10 { margin-left: 8rem !important; }
.ms-lg-11 { margin-left: 10rem !important; }
.ms-lg-12 { margin-left: 12rem !important; }
.ms-lg-auto { margin-left: auto !important; }
}

@media (min-width: 1200px) {
.mt-xl-0 { margin-top: 0rem !important; }
.mt-xl-1 { margin-top: 0.25rem !important; }
.mt-xl-2 { margin-top: 0.5rem !important; }
.mt-xl-3 { margin-top: 1rem !important; }
.mt-xl-4 { margin-top: 1.5rem !important; }
.mt-xl-5 { margin-top: 3rem !important; }
.mt-xl-6 { margin-top: 4.5rem !important; }
.mt-xl-7 { margin-top: 5rem !important; }
.mt-xl-8 { margin-top: 6rem !important; }
.mt-xl-9 { margin-top: 7rem !important; }
.mt-xl-10 { margin-top: 8rem !important; }
.mt-xl-11 { margin-top: 10rem !important; }
.mt-xl-12 { margin-top: 12rem !important; }

.me-xl-0 { margin-right: 0rem !important; }
.me-xl-1 { margin-right: 0.25rem !important; }
.me-xl-2 { margin-right: 0.5rem !important; }
.me-xl-3 { margin-right: 1rem !important; }
.me-xl-4 { margin-right: 1.5rem !important; }
.me-xl-5 { margin-right: 3rem !important; }
.me-xl-6 { margin-right: 4.5rem !important; }
.me-xl-7 { margin-right: 5rem !important; }
.me-xl-8 { margin-right: 6rem !important; }
.me-xl-9 { margin-right: 7rem !important; }
.me-xl-10 { margin-right: 8rem !important; }
.me-xl-11 { margin-right: 10rem !important; }
.me-xl-12 { margin-right: 12rem !important; }
.me-xl-auto { margin-right: auto !important; }

.mb-xl-0 { margin-bottom: 0rem !important; }
.mb-xl-1 { margin-bottom: 0.25rem !important; }
.mb-xl-2 { margin-bottom: 0.5rem !important; }
.mb-xl-3 { margin-bottom: 1rem !important; }
.mb-xl-4 { margin-bottom: 1.5rem !important; }
.mb-xl-5 { margin-bottom: 3rem !important; }
.mb-xl-6 { margin-bottom: 4.5rem !important; }
.mb-xl-7 { margin-bottom: 5rem !important; }
.mb-xl-8 { margin-bottom: 6rem !important; }
.mb-xl-9 { margin-bottom: 7rem !important; }
.mb-xl-10 { margin-bottom: 8rem !important; }
.mb-xl-11 { margin-bottom: 10rem !important; }
.mb-xl-12 { margin-bottom: 12rem !important; }

.ms-xl-0 { margin-left: 0rem !important; }
.ms-xl-1 { margin-left: 0.25rem !important; }
.ms-xl-2 { margin-left: 0.5rem !important; }
.ms-xl-3 { margin-left: 1rem !important; }
.ms-xl-4 { margin-left: 1.5rem !important; }
.ms-xl-5 { margin-left: 3rem !important; }
.ms-xl-6 { margin-left: 4.5rem !important; }
.ms-xl-7 { margin-left: 5rem !important; }
.ms-xl-8 { margin-left: 6rem !important; }
.ms-xl-9 { margin-left: 7rem !important; }
.ms-xl-10 { margin-left: 8rem !important; }
.ms-xl-11 { margin-left: 10rem !important; }
.ms-xl-12 { margin-left: 12rem !important; }
.ms-xl-auto { margin-left: auto !important; }
}

@media (min-width: 1400px) {
.mt-xxl-0 { margin-top: 0rem !important; }
.mt-xxl-1 { margin-top: 0.25rem !important; }
.mt-xxl-2 { margin-top: 0.5rem !important; }
.mt-xxl-3 { margin-top: 1rem !important; }
.mt-xxl-4 { margin-top: 1.5rem !important; }
.mt-xxl-5 { margin-top: 3rem !important; }
.mt-xxl-6 { margin-top: 4.5rem !important; }
.mt-xxl-7 { margin-top: 5rem !important; }
.mt-xxl-8 { margin-top: 6rem !important; }
.mt-xxl-9 { margin-top: 7rem !important; }
.mt-xxl-10 { margin-top: 8rem !important; }
.mt-xxl-11 { margin-top: 10rem !important; }
.mt-xxl-12 { margin-top: 12rem !important; }

.me-xxl-0 { margin-right: 0rem !important; }
.me-xxl-1 { margin-right: 0.25rem !important; }
.me-xxl-2 { margin-right: 0.5rem !important; }
.me-xxl-3 { margin-right: 1rem !important; }
.me-xxl-4 { margin-right: 1.5rem !important; }
.me-xxl-5 { margin-right: 3rem !important; }
.me-xxl-6 { margin-right: 4.5rem !important; }
.me-xxl-7 { margin-right: 5rem !important; }
.me-xxl-8 { margin-right: 6rem !important; }
.me-xxl-9 { margin-right: 7rem !important; }
.me-xxl-10 { margin-right: 8rem !important; }
.me-xxl-11 { margin-right: 10rem !important; }
.me-xxl-12 { margin-right: 12rem !important; }
.me-xxl-auto { margin-right: auto !important; }

.mb-xxl-0 { margin-bottom: 0rem !important; }
.mb-xxl-1 { margin-bottom: 0.25rem !important; }
.mb-xxl-2 { margin-bottom: 0.5rem !important; }
.mb-xxl-3 { margin-bottom: 1rem !important; }
.mb-xxl-4 { margin-bottom: 1.5rem !important; }
.mb-xxl-5 { margin-bottom: 3rem !important; }
.mb-xxl-6 { margin-bottom: 4.5rem !important; }
.mb-xxl-7 { margin-bottom: 5rem !important; }
.mb-xxl-8 { margin-bottom: 6rem !important; }
.mb-xxl-9 { margin-bottom: 7rem !important; }
.mb-xxl-10 { margin-bottom: 8rem !important; }
.mb-xxl-11 { margin-bottom: 10rem !important; }
.mb-xxl-12 { margin-bottom: 12rem !important; }

.ms-xxl-0 { margin-left: 0rem !important; }
.ms-xxl-1 { margin-left: 0.25rem !important; }
.ms-xxl-2 { margin-left: 0.5rem !important; }
.ms-xxl-3 { margin-left: 1rem !important; }
.ms-xxl-4 { margin-left: 1.5rem !important; }
.ms-xxl-5 { margin-left: 3rem !important; }
.ms-xxl-6 { margin-left: 4.5rem !important; }
.ms-xxl-7 { margin-left: 5rem !important; }
.ms-xxl-8 { margin-left: 6rem !important; }
.ms-xxl-9 { margin-left: 7rem !important; }
.ms-xxl-10 { margin-left: 8rem !important; }
.ms-xxl-11 { margin-left: 10rem !important; }
.ms-xxl-12 { margin-left: 12rem !important; }
.ms-xxl-auto { margin-left: auto !important; }
}


/* Padding extend Bootstrap */
.pt-0 { padding-top: 0rem !important; }
.pt-1 { padding-top: 0.25rem !important; }
.pt-2 { padding-top: 0.5rem !important; }
.pt-3 { padding-top: 1rem !important; }
.pt-4 { padding-top: 1.5rem !important; }
.pt-5 { padding-top: 3rem !important; }
.pt-6 { padding-top: 4.5rem !important; }
.pt-7 { padding-top: 5rem !important; }
.pt-8 { padding-top: 6rem !important; }
.pt-9 { padding-top: 7rem !important; }
.pt-10 { padding-top: 8rem !important; }
.pt-11 { padding-top: 10rem !important; }
.pt-12 { padding-top: 12rem !important; }

.pe-0 { padding-right: 0rem !important; }
.pe-1 { padding-right: 0.25rem !important; }
.pe-2 { padding-right: 0.5rem !important; }
.pe-3 { padding-right: 1rem !important; }
.pe-4 { padding-right: 1.5rem !important; }
.pe-5 { padding-right: 3rem !important; }
.pe-6 { padding-right: 4.5rem !important; }
.pe-7 { padding-right: 5rem !important; }
.pe-8 { padding-right: 6rem !important; }
.pe-9 { padding-right: 7rem !important; }
.pe-10 { padding-right: 8rem !important; }
.pe-11 { padding-right: 10rem !important; }
.pe-12 { padding-right: 12rem !important; }

.pb-0 { padding-bottom: 0rem !important; }
.pb-1 { padding-bottom: 0.25rem !important; }
.pb-2 { padding-bottom: 0.5rem !important; }
.pb-3 { padding-bottom: 1rem !important; }
.pb-4 { padding-bottom: 1.5rem !important; }
.pb-5 { padding-bottom: 3rem !important; }
.pb-6 { padding-bottom: 4.5rem !important; }
.pb-7 { padding-bottom: 5rem !important; }
.pb-8 { padding-bottom: 6rem !important; }
.pb-9 { padding-bottom: 7rem !important; }
.pb-10 { padding-bottom: 8rem !important; }
.pb-11 { padding-bottom: 10rem !important; }
.pb-12 { padding-bottom: 12rem !important; }

.ps-0 { padding-left: 0rem !important; }
.ps-1 { padding-left: 0.25rem !important; }
.ps-2 { padding-left: 0.5rem !important; }
.ps-3 { padding-left: 1rem !important; }
.ps-4 { padding-left: 1.5rem !important; }
.ps-5 { padding-left: 3rem !important; }
.ps-6 { padding-left: 4.5rem !important; }
.ps-7 { padding-left: 5rem !important; }
.ps-8 { padding-left: 6rem !important; }
.ps-9 { padding-left: 7rem !important; }
.ps-10 { padding-left: 8rem !important; }
.ps-11 { padding-left: 10rem !important; }
.ps-12 { padding-left: 12rem !important; }

@media (min-width: 576px) {
.pt-sm-0 { padding-top: 0rem !important; }
.pt-sm-1 { padding-top: 0.25rem !important; }
.pt-sm-2 { padding-top: 0.5rem !important; }
.pt-sm-3 { padding-top: 1rem !important; }
.pt-sm-4 { padding-top: 1.5rem !important; }
.pt-sm-5 { padding-top: 3rem !important; }
.pt-sm-6 { padding-top: 4.5rem !important; }
.pt-sm-7 { padding-top: 5rem !important; }
.pt-sm-8 { padding-top: 6rem !important; }
.pt-sm-9 { padding-top: 7rem !important; }
.pt-sm-10 { padding-top: 8rem !important; }
.pt-sm-11 { padding-top: 10rem !important; }
.pt-sm-12 { padding-top: 12rem !important; }

.pe-sm-0 { padding-right: 0rem !important; }
.pe-sm-1 { padding-right: 0.25rem !important; }
.pe-sm-2 { padding-right: 0.5rem !important; }
.pe-sm-3 { padding-right: 1rem !important; }
.pe-sm-4 { padding-right: 1.5rem !important; }
.pe-sm-5 { padding-right: 3rem !important; }
.pe-sm-6 { padding-right: 4.5rem !important; }
.pe-sm-7 { padding-right: 5rem !important; }
.pe-sm-8 { padding-right: 6rem !important; }
.pe-sm-9 { padding-right: 7rem !important; }
.pe-sm-10 { padding-right: 8rem !important; }
.pe-sm-11 { padding-right: 10rem !important; }
.pe-sm-12 { padding-right: 12rem !important; }

.pb-sm-0 { padding-bottom: 0rem !important; }
.pb-sm-1 { padding-bottom: 0.25rem !important; }
.pb-sm-2 { padding-bottom: 0.5rem !important; }
.pb-sm-3 { padding-bottom: 1rem !important; }
.pb-sm-4 { padding-bottom: 1.5rem !important; }
.pb-sm-5 { padding-bottom: 3rem !important; }
.pb-sm-6 { padding-bottom: 4.5rem !important; }
.pb-sm-7 { padding-bottom: 5rem !important; }
.pb-sm-8 { padding-bottom: 6rem !important; }
.pb-sm-9 { padding-bottom: 7rem !important; }
.pb-sm-10 { padding-bottom: 8rem !important; }
.pb-sm-11 { padding-bottom: 10rem !important; }
.pb-sm-12 { padding-bottom: 12rem !important; }

.ps-sm-0 { padding-left: 0rem !important; }
.ps-sm-1 { padding-left: 0.25rem !important; }
.ps-sm-2 { padding-left: 0.5rem !important; }
.ps-sm-3 { padding-left: 1rem !important; }
.ps-sm-4 { padding-left: 1.5rem !important; }
.ps-sm-5 { padding-left: 3rem !important; }
.ps-sm-6 { padding-left: 4.5rem !important; }
.ps-sm-7 { padding-left: 5rem !important; }
.ps-sm-8 { padding-left: 6rem !important; }
.ps-sm-9 { padding-left: 7rem !important; }
.ps-sm-10 { padding-left: 8rem !important; }
.ps-sm-11 { padding-left: 10rem !important; }
.ps-sm-12 { padding-left: 12rem !important; }
}

@media (min-width: 768px) {
.pt-md-0 { padding-top: 0rem !important; }
.pt-md-1 { padding-top: 0.25rem !important; }
.pt-md-2 { padding-top: 0.5rem !important; }
.pt-md-3 { padding-top: 1rem !important; }
.pt-md-4 { padding-top: 1.5rem !important; }
.pt-md-5 { padding-top: 3rem !important; }
.pt-md-6 { padding-top: 4.5rem !important; }
.pt-md-7 { padding-top: 5rem !important; }
.pt-md-8 { padding-top: 6rem !important; }
.pt-md-9 { padding-top: 7rem !important; }
.pt-md-10 { padding-top: 8rem !important; }
.pt-md-11 { padding-top: 10rem !important; }
.pt-md-12 { padding-top: 12rem !important; }

.pe-md-0 { padding-right: 0rem !important; }
.pe-md-1 { padding-right: 0.25rem !important; }
.pe-md-2 { padding-right: 0.5rem !important; }
.pe-md-3 { padding-right: 1rem !important; }
.pe-md-4 { padding-right: 1.5rem !important; }
.pe-md-5 { padding-right: 3rem !important; }
.pe-md-6 { padding-right: 4.5rem !important; }
.pe-md-7 { padding-right: 5rem !important; }
.pe-md-8 { padding-right: 6rem !important; }
.pe-md-9 { padding-right: 7rem !important; }
.pe-md-10 { padding-right: 8rem !important; }
.pe-md-11 { padding-right: 10rem !important; }
.pe-md-12 { padding-right: 12rem !important; }

.pb-md-0 { padding-bottom: 0rem !important; }
.pb-md-1 { padding-bottom: 0.25rem !important; }
.pb-md-2 { padding-bottom: 0.5rem !important; }
.pb-md-3 { padding-bottom: 1rem !important; }
.pb-md-4 { padding-bottom: 1.5rem !important; }
.pb-md-5 { padding-bottom: 3rem !important; }
.pb-md-6 { padding-bottom: 4.5rem !important; }
.pb-md-7 { padding-bottom: 5rem !important; }
.pb-md-8 { padding-bottom: 6rem !important; }
.pb-md-9 { padding-bottom: 7rem !important; }
.pb-md-10 { padding-bottom: 8rem !important; }
.pb-md-11 { padding-bottom: 10rem !important; }
.pb-md-12 { padding-bottom: 12rem !important; }

.ps-md-0 { padding-left: 0rem !important; }
.ps-md-1 { padding-left: 0.25rem !important; }
.ps-md-2 { padding-left: 0.5rem !important; }
.ps-md-3 { padding-left: 1rem !important; }
.ps-md-4 { padding-left: 1.5rem !important; }
.ps-md-5 { padding-left: 3rem !important; }
.ps-md-6 { padding-left: 4.5rem !important; }
.ps-md-7 { padding-left: 5rem !important; }
.ps-md-8 { padding-left: 6rem !important; }
.ps-md-9 { padding-left: 7rem !important; }
.ps-md-10 { padding-left: 8rem !important; }
.ps-md-11 { padding-left: 10rem !important; }
.ps-md-12 { padding-left: 12rem !important; }
}

@media (min-width: 992px) {
.pt-lg-0 { padding-top: 0rem !important; }
.pt-lg-1 { padding-top: 0.25rem !important; }
.pt-lg-2 { padding-top: 0.5rem !important; }
.pt-lg-3 { padding-top: 1rem !important; }
.pt-lg-4 { padding-top: 1.5rem !important; }
.pt-lg-5 { padding-top: 3rem !important; }
.pt-lg-6 { padding-top: 4.5rem !important; }
.pt-lg-7 { padding-top: 5rem !important; }
.pt-lg-8 { padding-top: 6rem !important; }
.pt-lg-9 { padding-top: 7rem !important; }
.pt-lg-10 { padding-top: 8rem !important; }
.pt-lg-11 { padding-top: 10rem !important; }
.pt-lg-12 { padding-top: 12rem !important; }

.pe-lg-0 { padding-right: 0rem !important; }
.pe-lg-1 { padding-right: 0.25rem !important; }
.pe-lg-2 { padding-right: 0.5rem !important; }
.pe-lg-3 { padding-right: 1rem !important; }
.pe-lg-4 { padding-right: 1.5rem !important; }
.pe-lg-5 { padding-right: 3rem !important; }
.pe-lg-6 { padding-right: 4.5rem !important; }
.pe-lg-7 { padding-right: 5rem !important; }
.pe-lg-8 { padding-right: 6rem !important; }
.pe-lg-9 { padding-right: 7rem !important; }
.pe-lg-10 { padding-right: 8rem !important; }
.pe-lg-11 { padding-right: 10rem !important; }
.pe-lg-12 { padding-right: 12rem !important; }

.pb-lg-0 { padding-bottom: 0rem !important; }
.pb-lg-1 { padding-bottom: 0.25rem !important; }
.pb-lg-2 { padding-bottom: 0.5rem !important; }
.pb-lg-3 { padding-bottom: 1rem !important; }
.pb-lg-4 { padding-bottom: 1.5rem !important; }
.pb-lg-5 { padding-bottom: 3rem !important; }
.pb-lg-6 { padding-bottom: 4.5rem !important; }
.pb-lg-7 { padding-bottom: 5rem !important; }
.pb-lg-8 { padding-bottom: 6rem !important; }
.pb-lg-9 { padding-bottom: 7rem !important; }
.pb-lg-10 { padding-bottom: 8rem !important; }
.pb-lg-11 { padding-bottom: 10rem !important; }
.pb-lg-12 { padding-bottom: 12rem !important; }

.ps-lg-0 { padding-left: 0rem !important; }
.ps-lg-1 { padding-left: 0.25rem !important; }
.ps-lg-2 { padding-left: 0.5rem !important; }
.ps-lg-3 { padding-left: 1rem !important; }
.ps-lg-4 { padding-left: 1.5rem !important; }
.ps-lg-5 { padding-left: 3rem !important; }
.ps-lg-6 { padding-left: 4.5rem !important; }
.ps-lg-7 { padding-left: 5rem !important; }
.ps-lg-8 { padding-left: 6rem !important; }
.ps-lg-9 { padding-left: 7rem !important; }
.ps-lg-10 { padding-left: 8rem !important; }
.ps-lg-11 { padding-left: 10rem !important; }
.ps-lg-12 { padding-left: 12rem !important; }
}

@media (min-width: 1200px) {
.pt-xl-0 { padding-top: 0rem !important; }
.pt-xl-1 { padding-top: 0.25rem !important; }
.pt-xl-2 { padding-top: 0.5rem !important; }
.pt-xl-3 { padding-top: 1rem !important; }
.pt-xl-4 { padding-top: 1.5rem !important; }
.pt-xl-5 { padding-top: 3rem !important; }
.pt-xl-6 { padding-top: 4.5rem !important; }
.pt-xl-7 { padding-top: 5rem !important; }
.pt-xl-8 { padding-top: 6rem !important; }
.pt-xl-9 { padding-top: 7rem !important; }
.pt-xl-10 { padding-top: 8rem !important; }
.pt-xl-11 { padding-top: 10rem !important; }
.pt-xl-12 { padding-top: 12rem !important; }

.pe-xl-0 { padding-right: 0rem !important; }
.pe-xl-1 { padding-right: 0.25rem !important; }
.pe-xl-2 { padding-right: 0.5rem !important; }
.pe-xl-3 { padding-right: 1rem !important; }
.pe-xl-4 { padding-right: 1.5rem !important; }
.pe-xl-5 { padding-right: 3rem !important; }
.pe-xl-6 { padding-right: 4.5rem !important; }
.pe-xl-7 { padding-right: 5rem !important; }
.pe-xl-8 { padding-right: 6rem !important; }
.pe-xl-9 { padding-right: 7rem !important; }
.pe-xl-10 { padding-right: 8rem !important; }
.pe-xl-11 { padding-right: 10rem !important; }
.pe-xl-12 { padding-right: 12rem !important; }

.pb-xl-0 { padding-bottom: 0rem !important; }
.pb-xl-1 { padding-bottom: 0.25rem !important; }
.pb-xl-2 { padding-bottom: 0.5rem !important; }
.pb-xl-3 { padding-bottom: 1rem !important; }
.pb-xl-4 { padding-bottom: 1.5rem !important; }
.pb-xl-5 { padding-bottom: 3rem !important; }
.pb-xl-6 { padding-bottom: 4.5rem !important; }
.pb-xl-7 { padding-bottom: 5rem !important; }
.pb-xl-8 { padding-bottom: 6rem !important; }
.pb-xl-9 { padding-bottom: 7rem !important; }
.pb-xl-10 { padding-bottom: 8rem !important; }
.pb-xl-11 { padding-bottom: 10rem !important; }
.pb-xl-12 { padding-bottom: 12rem !important; }

.ps-xl-0 { padding-left: 0rem !important; }
.ps-xl-1 { padding-left: 0.25rem !important; }
.ps-xl-2 { padding-left: 0.5rem !important; }
.ps-xl-3 { padding-left: 1rem !important; }
.ps-xl-4 { padding-left: 1.5rem !important; }
.ps-xl-5 { padding-left: 3rem !important; }
.ps-xl-6 { padding-left: 4.5rem !important; }
.ps-xl-7 { padding-left: 5rem !important; }
.ps-xl-8 { padding-left: 6rem !important; }
.ps-xl-9 { padding-left: 7rem !important; }
.ps-xl-10 { padding-left: 8rem !important; }
.ps-xl-11 { padding-left: 10rem !important; }
.ps-xl-12 { padding-left: 12rem !important; }
}

@media (min-width: 1400px) {
.pt-xxl-0 { padding-top: 0rem !important; }
.pt-xxl-1 { padding-top: 0.25rem !important; }
.pt-xxl-2 { padding-top: 0.5rem !important; }
.pt-xxl-3 { padding-top: 1rem !important; }
.pt-xxl-4 { padding-top: 1.5rem !important; }
.pt-xxl-5 { padding-top: 3rem !important; }
.pt-xxl-6 { padding-top: 4.5rem !important; }
.pt-xxl-7 { padding-top: 5rem !important; }
.pt-xxl-8 { padding-top: 6rem !important; }
.pt-xxl-9 { padding-top: 7rem !important; }
.pt-xxl-10 { padding-top: 8rem !important; }
.pt-xxl-11 { padding-top: 10rem !important; }
.pt-xxl-12 { padding-top: 12rem !important; }

.pe-xxl-0 { padding-right: 0rem !important; }
.pe-xxl-1 { padding-right: 0.25rem !important; }
.pe-xxl-2 { padding-right: 0.5rem !important; }
.pe-xxl-3 { padding-right: 1rem !important; }
.pe-xxl-4 { padding-right: 1.5rem !important; }
.pe-xxl-5 { padding-right: 3rem !important; }
.pe-xxl-6 { padding-right: 4.5rem !important; }
.pe-xxl-7 { padding-right: 5rem !important; }
.pe-xxl-8 { padding-right: 6rem !important; }
.pe-xxl-9 { padding-right: 7rem !important; }
.pe-xxl-10 { padding-right: 8rem !important; }
.pe-xxl-11 { padding-right: 10rem !important; }
.pe-xxl-12 { padding-right: 12rem !important; }

.pb-xxl-0 { padding-bottom: 0rem !important; }
.pb-xxl-1 { padding-bottom: 0.25rem !important; }
.pb-xxl-2 { padding-bottom: 0.5rem !important; }
.pb-xxl-3 { padding-bottom: 1rem !important; }
.pb-xxl-4 { padding-bottom: 1.5rem !important; }
.pb-xxl-5 { padding-bottom: 3rem !important; }
.pb-xxl-6 { padding-bottom: 4.5rem !important; }
.pb-xxl-7 { padding-bottom: 5rem !important; }
.pb-xxl-8 { padding-bottom: 6rem !important; }
.pb-xxl-9 { padding-bottom: 7rem !important; }
.pb-xxl-10 { padding-bottom: 8rem !important; }
.pb-xxl-11 { padding-bottom: 10rem !important; }
.pb-xxl-12 { padding-bottom: 12rem !important; }

.ps-xxl-0 { padding-left: 0rem !important; }
.ps-xxl-1 { padding-left: 0.25rem !important; }
.ps-xxl-2 { padding-left: 0.5rem !important; }
.ps-xxl-3 { padding-left: 1rem !important; }
.ps-xxl-4 { padding-left: 1.5rem !important; }
.ps-xxl-5 { padding-left: 3rem !important; }
.ps-xxl-6 { padding-left: 4.5rem !important; }
.ps-xxl-7 { padding-left: 5rem !important; }
.ps-xxl-8 { padding-left: 6rem !important; }
.ps-xxl-9 { padding-left: 7rem !important; }
.ps-xxl-10 { padding-left: 8rem !important; }
.ps-xxl-11 { padding-left: 10rem !important; }
.ps-xxl-12 { padding-left: 12rem !important; }
}




clearfix::after {
    display: block;
    content: "";
    clear: both;
}


/* Avoid overflowing Margins */

.container-fluid:before, .container-fluid:after,
.container:before, .container:after,
.row:before, .row:after {
    content: "";
    display: block;
    overflow: auto;
}

section.colorFade { 
	min-height: 140vh;
	display: flex;
	align-items: center;
	flex-direction: row;
}
section.heroheader {
	min-height: 100vh;
}

#hero {
	position: relative;
  width: 100%;
  overflow: hidden;
}

/*#hero a.scrolldown{*/
/*	position: absolute;*/
/*	bottom: 30px;*/
/*	left: 50%;*/
/*	padding:20px 20px;*/
/*	z-index: 10;*/
/*	display: block;*/
/*	transform: translateX(-50%);*/
/*	animation: scrolldownanim 1s linear infinite;*/
/*}*/

#hero a.scrolldown{
	display: none !important;
}
.layoutpagets__landingpage #hero a.scrolldown{
		display: none;
}

#hero a.scrolldown::after{
	position: relative;
	width: 40px;
	height: 20px;
	content: "\e940";
	font-family: "icomoon";
	font-size: 32px;
	font-weight: 700;
	text-align: center;
	color: inherit;
	z-index: 10;
}

#hero span.scrollhorse{
	position: absolute;
	bottom: 85px;
	left: 50%;
	z-index: 10;
	display: block;
	width: 100px;
	transform: translateX(-50%);
}

#hero span.scrollhorse img{
	width: 100%;
	height:auto;
}

@keyframes scrolldownanim{
	0% { bottom: 30px; }
	50% { bottom: 35px; }
	100% { bottom: 30px; }
}


#hero a.scrolldown:hover{
	animation-play-state: paused;
}

#main {
	width: 100%;
	overflow-x: hidden;
}
#main.min-height {
    min-height: calc(100vh - 45px);
}


.hide { display: none; opacity:0; }
section { display: flex; }
section > .frame { display: block; width: 100%; }

.fullwidth-video { 
	margin: 0 -15px !important; 
	padding-bottom: 1vh;
	padding-bottom: calc(var(--vh, 1vh) * 1);;
}

.responsiveVideo {
		  display: block;
		  width: 100%;
		  height: auto;
		  position: relative;
	}
		.responsiveVideo > * {
		  width: 100%;
		  height: auto;
		}
		
		
	.vimeoVideo  {
	 position:reponsive;	
	}

	.vimeoVideo .vimeoCanvas {
			  display: block;
			  position:relative;
			  width: 100%;
			  height: 0.001px;
			  padding-bottom:120%;
		}
		.vimeoVideo .vimeoCanvas iframe {
			  width: 100%;
			  position:absolute;
			  top:0;
			  left:0;
			  height:100%;
			  
		}


.col, .ce-container{
	position: relative;
}


@media (min-width: 992px){

	
	.fullwidth-margin-left {
		width:auto;
		margin-left: calc(5vw + 180 * ((100vw - 1200px) / 720));
	}
	.fullwidth-margin-right {
		margin-right: calc(5vw + 180 * ((100vw - 1200px) / 720));
		width:auto;
	}
	
	.fullwidth-halfmargin-left {
		width:auto;
		margin-left: calc(2.5vw + 90 * ((100vw - 1200px) / 720));
	}
	.fullwidth-halfmargin-right {
		margin-right: calc(2.5vw + 90 * ((100vw - 1200px) / 720));
		width:auto;
	}
	
	.fullwidth-nomargins {
		margin-right:-15px;
		margin-left: -15px;
	}
	
	.fullwidth-nomargins-left {
		margin-left: -15px;
	}
	.fullwidth-nomargins-right {
		margin-right:-15px;
	}
	
}

/* Text Styles */

.text-right {
    text-align: right!important;
}

h1, h2, h3 {
	font-family: 'Barlow Condensed';
  font-style: italic;
 	font-weight: 900;
 	margin-bottom: 1.5rem;
}

h3{
	margin-bottom: 0.5rem;
}

h4, h5, h6 {
	font-family: 'Barlow Semi Condensed';
  font-style: italic;
 	font-weight: 800;
 	margin-bottom: 0.5rem;
}

p {
	font-family: 'Barlow';	
	font-weight:400;	
	font-size: 17px;
	line-height: 26px;
}

a{
	text-decoration: none;
	color: inherit;
}

a:hover{
	text-decoration: none;
	color: inherit;
}



h1.hero,
.hero-h1,
.h1.hero {
	font-size: 60px;
	line-height: 65px;
	font-style: italic;
	text-transform: uppercase;
}



.hero-h25{
	/*font-family: "Barlow Semi Condensed";*/
	font-size: 50px;
	line-height: 37px;
	font-style: italic;
	/*font-weight: 800;*/	
}

h2.hero,
.hero-h2,
.h2.hero{
	/*font-family: "Barlow Semi Condensed";*/
	font-size: 40px;
	line-height: 37px;
	font-style: italic;
	text-transform: uppercase;
	/*font-weight: 800;*/	
}

h3.hero,
.hero-h3,
.h3.hero{
	/*font-family: "Barlow Semi Condensed";*/
	font-size:22px;
	line-height: 29px;
	/*font-weight: 800;*/
	font-style: italic;
	text-transform: uppercase;
}

h4.hero,
.hero-h4,
.h4.hero{
	/*font-family: "Barlow Semi Condensed";*/
	font-size: 18px;
	line-height: 25px;
	font-weight: 800;
	font-style: italic;
	text-transform: uppercase;
}

.text-lg{
	/*font-family: "Barlow Semi Condensed";*/
	font-size:22px;
	line-height: 29px;
}

.hero-border{
	display: inline-block;
	font-family: "Barlow Condensed";
	font-size: 60px;
	line-height: 50px;
	font-weight: 800;
	text-transform: uppercase;
	border-top: 8px solid;
	border-bottom: 8px solid;
	padding-bottom: 6px;
	margin-bottom: 30px;
}

@media(max-width: 767px){
	.hero-border{
		font-size: 40px;
		line-height: 30px;
		border-top: 6px solid;
		border-bottom: 6px solid;
	}
}



@media (min-width: 280px) and (max-width: 318px) {

	h1.hero,
	.hero-h1,
	.h1.hero {
		font-size: calc(26px + 4 *  ((100vw - 280px) / 38));
		line-height: calc(25px + 4 *  ((100vw - 280px) / 38));	
	}
	
	.hero-h25{
		font-size: calc(25px + 4 *  ((100vw - 280px) / 38));
		line-height: calc(24px + 4 *  ((100vw - 280px) / 38));	
	}
	
	h2.hero,
	.hero-h2,
	.h2.hero {
		font-size: calc(24px + 4 *  ((100vw - 280px) / 38));
		line-height: calc(23px + 4 *  ((100vw - 280px) / 38));	
	}	
	
	h3.hero,
	.hero-h3 {
		font-size: calc(22px + 3 *  ((100vw - 280px) / 38));
		line-height: calc(27px + 3 *  ((100vw - 280px) / 38));	
	}	
	
	h4.hero,
	.hero-h4 {
		font-size: calc(18px + 3 *  ((100vw - 280px) / 38));
		line-height: calc(20px + 3 *  ((100vw - 280px) / 38));	
	}	
	
	.text-lg {
		font-size: calc(16px + 3 *  ((100vw - 280px) / 38));
		line-height: calc(16px + 3 *  ((100vw - 280px) / 38));	
	}
	
	.text-md{
		font-size: calc(13px + 3 * ((100vw - 280px) / 38));
		line-height: calc(13px + 3 *  ((100vw - 280px) / 38));
	}
	
	.text-small{
		font-size: calc(13px + 2 * ((100vw - 992px) / 928));
		line-height: calc(13px + 2 *  ((100vw - 992px) / 928));
	}
	
}

@media (min-width: 319px) and (max-width: 478px) {

	h1.hero,
	.hero-h1,
	.h1.hero {
		font-size: calc(40px + 12 *  ((100vw - 319px) / 160));
		line-height: calc(40px + 12 *  ((100vw - 319px) / 160));	
	}	
	
	.hero-h25{
		font-size: calc(30px + 12 *  ((100vw - 319px) / 160));
		line-height: calc(32px + 12 *  ((100vw - 319px) / 160));	
	}
	
	h2.hero,
	.hero-h2,
	.h2.hero {
		font-size: calc(23px + 12 *  ((100vw - 319px) / 160));
		line-height: calc(25px + 12 *  ((100vw - 319px) / 160));	
	}	
	
	h3.hero,
	.hero-h3 {
		font-size: calc(22px + 10 *  ((100vw - 319px) / 160));
		/* line-height: calc(35px + 10 *  ((100vw - 319px) / 160));	*/
		line-height: calc(24px + 15 * ((100vw - 319px) / 160));
	}
	
	h4.hero,
	.hero-h4 {
		font-size: calc(22px + 10 *  ((100vw - 319px) / 160));
		line-height: calc(20px + 10 *  ((100vw - 319px) / 160));	
	}
	
	.text-lg {
		font-size: calc(22px + 5 *  ((100vw - 319px) / 160));
		line-height: calc(25px + 5 *  ((100vw - 319px) / 160));	
	}	
	
	.text-md{
		font-size: calc(22px + 6 * ((100vw - 319px) / 160));
		line-height: calc(28px + 6 *  ((100vw - 319px) / 160));
	}
	
	.text-3{
		font-size: calc(16px + 5 * ((100vw - 319px) / 160));
		line-height: calc(28px + 5 *  ((100vw - 319px) / 160));
	}
	
	.text-4{
		font-size: calc(16px + 2 * ((100vw - 319px) / 160));
		line-height: calc(28px + 2 *  ((100vw - 319px) / 160));
	}
	
	.text-small{
		font-size: calc(13px + 2 * ((100vw - 992px) / 928));
		line-height: calc(13px + 2 *  ((100vw - 992px) / 928));
	}
	
}

@media (min-width: 479px){

	h1.hero,
	.hero-h1,
	.h1.hero {
		font-size: calc(46px + 9 *  ((100vw - 479px) / 97));
		line-height: calc(49px + 9 *  ((100vw - 479px) / 97));	
	}
	
	.hero-h25 {
		font-size: calc(38px + 9 *  ((100vw - 479px) / 97));
		line-height: calc(41px + 9 *  ((100vw - 479px) / 97));	
	}
	
	h2.hero,
	.hero-h2,
	.h2.hero {
		font-size: calc(30px + 9 *  ((100vw - 479px) / 97));
		line-height: calc(33px + 9 *  ((100vw - 479px) / 97));	
	}

	h3.hero,
	.hero-h3 {
		font-size: calc(28px + 8 *  ((100vw - 479px) / 97));	
		line-height: calc(33px + 8 *  ((100vw - 479px) / 97));	
	}
	
	h4.hero,
	.hero-h4 {
		font-size: calc(24px + 8 *  ((100vw - 479px) / 97));	
		line-height: calc(27px + 8 *  ((100vw - 479px) / 97));	
	}
	
	.text-lg {
		font-size: calc(21px + 8 *  ((100vw - 479px) / 97));	
		line-height: calc(30px + 8 *  ((100vw - 479px) / 97));	
	}
	
	.text-md{
		font-size: calc(21px + 8 * ((100vw - 479px) / 97));
		line-height: calc(21px + 8 *  ((100vw - 479px) / 97));
	}
	
	.text-3{
		font-size: calc(19px + 8 * ((100vw - 479px) / 97));
		line-height: calc(28px + 8 *  ((100vw - 479px) / 97));
	}
	
	.text-4{
		font-size: calc(17px + 4 * ((100vw - 479px) / 97));
		line-height: calc(26px + 4 *  ((100vw - 479px) / 97));
	}
	
	.text-small{
		font-size: calc(13px + 2 * ((100vw - 992px) / 928));
		line-height: calc(13px + 2 *  ((100vw - 992px) / 928));
	}
	
}

@media (min-width: 576px){

	h1.hero,
	.hero-h1,
	.h1.hero {
		font-size: calc(55px + 1 *  ((100vw - 576px) / 191));
		line-height: calc(53px + 1 *  ((100vw - 576px) / 191));	
	}
	
	.hero-h25{
		font-size: calc(50px + 1 *  ((100vw - 576px) / 191));
		line-height: calc(55px + 1 *  ((100vw - 576px) / 191));	
	}
	
	h3.hero,
	.hero-h3 {
		font-size: calc(33px + 1 *  ((100vw - 576px) / 191));
		line-height: calc(40px + 1 *  ((100vw - 576px) / 191));
	}
	
	h4.hero,
	.hero-h4 {
		font-size: calc(28px + 1 *  ((100vw - 576px) / 191));
		line-height: calc(33px + 1 *  ((100vw - 576px) / 191));
	}	
	
	.text-lg {
		font-size: calc(29px + 1 *  ((100vw - 576px) / 191));
		line-height: calc(38px + 1 *  ((100vw - 576px) / 191));
	}
	
	.text-md{
		font-size: calc(27px + 1 * ((100vw - 576px) / 191));
		line-height: calc(39px + 1 *  ((100vw - 576px) / 191));
	}
	
	.text-3{
		font-size: calc(21px + 1 * ((100vw - 576px) / 191));
		line-height: calc(28px + 1 *  ((100vw - 576px) / 191));
	}
	
	.text-4{
		font-size: calc(18px + 1 * ((100vw - 576px) / 191));
		line-height: calc(25px + 1 *  ((100vw - 576px) / 191));
	}
	
	.text-small{
		font-size: calc(13px + 2 * ((100vw - 992px) / 928));
		line-height: calc(13px + 2 *  ((100vw - 992px) / 928));
	}
	
}

@media (min-width: 768px){

	h1.hero,
	.hero-h1,
	.h1.hero {
		font-size: calc(67px + 9 *  ((100vw - 767px) / 224));
		line-height: calc(64px + 8 *  ((100vw - 767px) / 224));	
	}
	
	.hero-h25{
		font-size: calc(65px + 9 *  ((100vw - 767px) / 224));
		line-height: calc(68px + 8 *  ((100vw - 767px) / 224));	
	}
	
	h2.hero,
	.hero-h2,
	.h2.hero {
		font-size: calc(50px + 9 *  ((100vw - 767px) / 224));
		line-height: calc(53px + 8 *  ((100vw - 767px) / 224));	
	}
	
	h3.hero,
	.hero-h3 {
		font-size: calc(40px + 1 * ((100vw - 767px) / 224));	
		line-height: calc(43px + 1 *  ((100vw - 767px) / 224));	
	}	
	
	h4.hero,
	.hero-h4,
	.h4.hero {
		font-size: calc(30px + 1 *  ((100vw - 767px) / 224));
		line-height: calc(33px + 1 *  ((100vw - 767px) / 224));	
	}
	
		
	.text-lg {
		font-size: calc(30px + 1 * ((100vw - 767px) / 224));	
		line-height: calc(39px + 1 *  ((100vw - 767px) / 224));	
	}
	
	.text-md{
		font-size: calc(25px + 1 * ((100vw - 767px) / 224));	
		line-height: calc(28px + 1 *  ((100vw - 767px) / 224));
	}
	
	.text-3{
		font-size: calc(23px + 1 * ((100vw - 767px) / 224));	
		line-height: calc(35px + 1 *  ((100vw - 767px) / 224));
	}
	
	.text-4{
		font-size: calc(19px + 1 * ((100vw - 767px) / 224));	
		line-height: calc(31px + 1 *  ((100vw - 767px) / 224));
	}
	
	.text-small{
		font-size: calc(13px + 2 * ((100vw - 992px) / 928));
		line-height: calc(13px + 2 *  ((100vw - 992px) / 928));
	}
	
}
@media (min-width: 992px){

	h1.hero,
	.hero-h1,
	.h1.hero {
		/*font-size: calc(80px + 38 *  ((100vw - 992px) / 928));*/
		font-size: calc(120px + 38 *  ((100vw - 992px) / 928));
		line-height: calc(111px + 44 *  ((100vw - 992px) / 928));	
	}
	
	.hero-h25 {
		font-size: calc(75px + 20 *  ((100vw - 992px) / 928));
		line-height: calc(80px + 20 *  ((100vw - 992px) / 928));	
	}
	h2.hero,
	.hero-h2,
	.h2.hero {
		font-size: calc(50px + 20 *  ((100vw - 992px) / 928));
		line-height: calc(55px + 20 *  ((100vw - 992px) / 928));	
	}
	
	h3.hero,
	.hero-h3 {
		font-size: calc(49px + 5 * ((100vw - 992px) / 928));
		line-height: calc(58px + 5 *  ((100vw - 992px) / 928));
	}
	
	h4.hero,
	.hero-h4,
	.h4.hero {
		font-size: calc(36px + 5 *  ((100vw - 992px) / 928));
		line-height: calc(40px + 5 *  ((100vw - 992px) / 928));	
	}
	
	.text-lg{
		font-size: calc(30px + 5 * ((100vw - 992px) / 928));
		line-height: calc(37px + 5 *  ((100vw - 992px) / 928));
		/*font-size: calc(35px + 5 * ((100vw - 992px) / 928));*/
		/*line-height: calc(44px + 5 *  ((100vw - 992px) / 928));*/
	}
	
	.text-md{
		font-size: calc(30px + 5 * ((100vw - 992px) / 928));
		line-height: calc(33px + 5 *  ((100vw - 992px) / 928));
	}
	
	.text-3{
		font-size: calc(19px + 5 * ((100vw - 992px) / 928));
		line-height: calc(26px + 5 *  ((100vw - 992px) / 928));
	}
	
	.text-4{
		font-size: calc(17px + 4 * ((100vw - 992px) / 928));
		line-height: calc(24px + 4 *  ((100vw - 992px) / 928));
	}
	
	.text-small{
		font-size: calc(13px + 2 * ((100vw - 992px) / 928));
		line-height: calc(13px + 2 *  ((100vw - 992px) / 928));
	}
	
}

.label-schwarz{
	background-color: #000;
	color: #fff !important;
	border-radius: 4px;
	padding: 4px 10px;
	display: inline-block;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: 700;
}

.label-weiss{
	background-color: #fff;
	color: #000 !important;
	border-radius: 4px;
	padding: 4px 10px;
	display: inline-block;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: 700;
}

.quotesymbols{
	position: relative;
	z-index: 2;
	display: block;
}

.quotesymbols::before{
	position: absolute;
	top: -40px;
	left: -90px;
	font-size: 180px;
	line-height: 80px;
	content: "»";
	font-family: 'Barlow Semi Condensed';
	font-weight: 800;
	font-style: italic;
	color: #fff;
	z-index: 1;
	opacity: .12;
}

.quotesymbols::after{
	position: absolute;
	bottom: 0;
	right: -90px;
	font-size: 250px;
	line-height: 80px;
	content: "«";
	font-family: 'Barlow Semi Condensed';
	font-weight: 800;
	font-style: italic;
	color: #fff;
	z-index: 1;
	opacity: .12;
}


@media(max-width: 767px){
	.quotesymbols::before{
		left: -50px;
	}
	
	.quotesymbols::after{
		right: -50px;
	}
}

.quotesymbols-2::before{
	position: absolute;
	top: -40px;
	left: -90px;
	font-size: 180px;
	line-height: 80px;
	content: "»";
	font-family: 'Barlow Semi Condensed';
	font-weight: 800;
	font-style: italic;
	color: inherit;
	z-index: 1;
	opacity: .12;
}

.quotesymbols-2::after{
	position: absolute;
	bottom: 0;
	right: -90px;
	font-size: 250px;
	line-height: 150px;
	content: "«";
	font-family: 'Barlow Semi Condensed';
	font-weight: 800;
	font-style: italic;
	color: inherit;
	z-index: 1;
	opacity: .12;
}


@media(max-width: 767px){
	.quotesymbols-2::before{
		left: -50px;
	}
	
	.quotesymbols-2::after{
		right: -50px;
	}
}

@supports (-webkit-text-stroke: 1px black) {
	
	.outline{
		text-shadow:none;
		-webkit-text-fill-color: transparent;
	  -webkit-text-stroke-width: 2px;
	  -webkit-text-stroke-color: currentColor;
	}
	
}

/* Container Übergänge */

.frame-201::before{
    position: relative;
    display: block;
    top: -60px;
    content: "";
    width: 100%;
    height: 0;
    border-left: 50vw solid transparent;
    border-right: 50vw solid transparent;
    border-bottom: 60px solid red;
}

.frame-202::after{
    position: relative;
    display: block;
    bottom: -60px;
    content: "";
    width: 100%;
    height: 0;
    border-left: 50vw solid transparent;
    border-right: 50vw solid transparent;
    border-top: 60px solid red;
}

.frame-202 > .container {
  margin-bottom: -60px;
}

.frame-203::before{
    position: relative;
    display: block;
    top: -60px;
    content: "";
    width: 100%;
    height: 0;
    border-left: 50vw solid transparent;
    border-right: 50vw solid transparent;
    border-bottom: 60px solid red;
}

.frame-203::after{
    position: relative;
    display: block;
    bottom: -60px;
    content: "";
    width: 100%;
    height: 0;
    border-left: 50vw solid transparent;
    border-right: 50vw solid transparent;
    border-top: 60px solid red;
}


/*** Margins negativ ***/

.ms--1{margin-left: -0.25rem !important;}
.ms--2{margin-left: -0.5rem !important;}
.ms--3{margin-left: -1rem !important;}
.ms--4{margin-left: -1.5rem !important;}
.ms--5{margin-left: -3rem !important;}

.me--1{margin-right: -0.25rem !important;}
.me--2{margin-right: -0.5rem !important;}
.me--3{margin-right: -1rem !important;}
.me--4{margin-right: -1.5rem !important;}
.me--5{margin-right: -3rem !important;}


.frame-space-before--10vw {margin-top: -10vw;}
.frame-space-before--7_5vw {margin-top: -7.5vw;}
.frame-space-before--5vw {margin-top: -5vw;}
.frame-space-before--3vw {margin-top: -3vw;}
.frame-space-before--2vw {margin-top: -2vw;}
.frame-space-before--1vw {margin-top: -1vw;}

.frame-space-before-1vw {margin-top: 1vw;}
.frame-space-before-2vw {margin-top: 2vw;}
.frame-space-before-3vw {margin-top: 3vw;}
.frame-space-before-5vw {margin-top: 5vw;}
.frame-space-before-7_5vw {margin-top: 7.5vw;}
.frame-space-before-10vw {margin-top: 10vw;}
.frame-space-before-15vw {margin-top: 15vw;}
.frame-space-before-20vw {margin-top: 20vw;}
.frame-space-before-25vw {margin-top: 25vw;}
.frame-space-before-30vw {margin-top: 30vw;}
.frame-space-before-40vw {margin-top: 40vw;}
.frame-space-before-50vw {margin-top: 50vw;}
.frame-space-before-60vw {margin-top: 60vw;}
.frame-space-before-75vw {margin-top: 75vw;}

.frame-space-before--15vh {margin-top: -15vh;}
.frame-space-before--10vh {margin-top: -10vh;}
.frame-space-before--7_5vh {margin-top: -7.5vh;}
.frame-space-before--5vh {margin-top: -5vh;}
.frame-space-before--3vh {margin-top: -3vh;}
.frame-space-before--2vh {margin-top: -2vh;}
.frame-space-before--1vh {margin-top: -1vh;}

.frame-space-before-1vh {margin-top: 1vh;}
.frame-space-before-2vh {margin-top: 2vh;}
.frame-space-before-3vh {margin-top: 3vh;}
.frame-space-before-5vh {margin-top: 5vh;}
.frame-space-before-7_5vh {margin-top: 7.5vh;}
.frame-space-before-10vh {margin-top: 10vh;}
.frame-space-before-15vh {margin-top: 15vh;}
.frame-space-before-20vh {margin-top: 20vh;}
.frame-space-before-25vh {margin-top: 25vh;}
.frame-space-before-30vh {margin-top: 30vh;}
.frame-space-before-40vh {margin-top: 40vh;}
.frame-space-before-50vh {margin-top: 50vh;}
.frame-space-before-60vh {margin-top: 60vh;}
.frame-space-before-75vh {margin-top: 75vh;}


.frame-space-before-extra-small {margin-top: 20px;}
.frame-space-before-small {margin-top: 40px;}
.frame-space-before-medium {margin-top: 60px;}
.frame-space-before-large {margin-top: 80px;}
.frame-space-before-extra-large {margin-top: 100px;}



.frame-space-after--10vw {margin-bottom: -10vw;}
.frame-space-after--7_5vw {margin-bottom: -7.5vw;}
.frame-space-after--5vw {margin-bottom: -5vw;}
.frame-space-after--3vw {margin-bottom: -3vw;}
.frame-space-after--2vw {margin-bottom: -2vw;}
.frame-space-after--1vw {margin-bottom: -1vw;}

.frame-space-after-1vw {margin-bottom: 1vw;}
.frame-space-after-2vw {margin-bottom: 2vw;}
.frame-space-after-3vw {margin-bottom: 3vw;}
.frame-space-after-5vw {margin-bottom: 5vw;}
.frame-space-after-7_5vw {margin-bottom: 7.5vw;}
.frame-space-after-10vw {margin-bottom: 10vw;}
.frame-space-after-15vw {margin-bottom: 15vw;}
.frame-space-after-20vw {margin-bottom: 20vw;}
.frame-space-after-25vw {margin-bottom: 25vw;}
.frame-space-after-30vw {margin-bottom: 30vw;}
.frame-space-after-40vw {margin-bottom: 40vw;}
.frame-space-after-50vw {margin-bottom: 50vw;}
.frame-space-after-60vw {margin-bottom: 60vw;}
.frame-space-after-75vw {margin-bottom: 75vw;}

.frame-space-after--15vh {margin-bottom: -15vh;}
.frame-space-after--10vh {margin-bottom: -10vh;}
.frame-space-after--7_5vh {margin-bottom: -5vh;}
.frame-space-after--3vh {margin-bottom: -3vh;}
.frame-space-after--2vh {margin-bottom: -2vh;}
.frame-space-after--1vh {margin-bottom: -1vh;}

.frame-space-after-1vh {margin-bottom: 1vh;}
.frame-space-after-2vh {margin-bottom: 2vh;}
.frame-space-after-3vh {margin-bottom: 3vh;}
.frame-space-after-5vh {margin-bottom: 5vh;}
.frame-space-after-7_5vh {margin-bottom: 7.5vh;}
.frame-space-after-10vh {margin-bottom: 10vh;}
.frame-space-after-15vh {margin-bottom: 15vh;}
.frame-space-after-20vh {margin-bottom: 20vh;}
.frame-space-after-25vh {margin-bottom: 25vh;}
.frame-space-after-30vh {margin-bottom: 30vh;}
.frame-space-after-40vh {margin-bottom: 40vh;}
.frame-space-after-50vh {margin-bottom: 50vh;}
.frame-space-after-60vh {margin-bottom: 60vh;}
.frame-space-after-75vh {margin-bottom: 75vh;}

.frame-space-after-extra-small {margin-bottom: 20px;}
.frame-space-after-small {margin-bottom: 40px;}
.frame-space-after-medium {margin-bottom: 60px;}
.frame-space-after-large {margin-bottom: 80px;}
.frame-space-after-extra-large {margin-bottom: 100px;}

@media(max-width: 991px){
	.frame-space-before-1vh {margin-top: 40px;}
	.frame-space-before-2vh {margin-top: 60px;}
	.frame-space-before-3vh {margin-top: 80px;}
	.frame-space-before-5vh {margin-top: 100px;}
	
	.frame-space-after-1vh {margin-bottom: 40px;}
	.frame-space-after-2vh {margin-bottom: 60px;}
	.frame-space-after-3vh {margin-bottom: 80px;}
	.frame-space-after-5vh {margin-bottom: 100px;}
	
	.frame-space-before-1vw {margin-top: 40px;}
	.frame-space-before-2vw {margin-top: 60px;}
	.frame-space-before-3vw {margin-top: 80px;}
	.frame-space-before-5vw {margin-top: 100px;}
	
	.frame-space-after-1vw {margin-bottom: 40px;}
	.frame-space-after-2vw {margin-bottom: 60px;}
	.frame-space-after-3vw {margin-bottom: 80px;}
	.frame-space-after-5vw {margin-bottom: 100px;}
}



/* Frame Layouts */

.frame-layout-100 > div{
	min-height: 100vh;
}

.frame-layout-101 > div{
	min-height: 80vh;
}

.frame-layout-102 img {
    width: auto;
}

/*header*/

.logo *{
	fill: currentColor;
}


header.page-header { 
	position: fixed;
	top: 0;
	height:0.1px;
	left: 0;
	width:100%;
	overflow: visible;
	z-index: 98;
	color: #000000;
  transition: color 0.8s ease;
}
	
header.page-header .logo {display: inline-block; color:currentColor;}

header.page-header .burgermenu { position:absolute; top:17px; right: 11px; z-index: 98; outline: none; border: none; color: currentColor; transform: translate(10px, -11px); }
header.page-header .burgermenu svg { height:52px; width:auto; }

header.page-header .logo { position:relative; top:10px; left: 10px; z-index: 98; }
header.page-header .logo svg { height: 42px; width:auto; }


/*body header.page-header > .logo {*/
/*	opacity:1; */
/*	transition: opacity 400ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;*/
/*}*/
/*body.ll1 header.page-header > .logo {*/
	/*opacity:0; */
/*	transition: opacity 400ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;*/
/*}*/
/*body.ll0 header.page-header > .logo {*/
/*	transition: none;*/
/*}*/

/*body.ll1.openmenu header.page-header > .logo {*/
/*    opacity: 1;*/
/*    transition: opacity 400ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;*/
/*}*/

@media (min-width: 768px) {
	header.page-header .burgermenu { top:30px; right: 30px;}
	header.page-header .burgermenu svg { height:52px; }
	header.page-header .logo { top:30px; left: 30px; }
	header.page-header .logo svg{ height:67px; }
}

/*@media (max-width: 991px){*/
/*	.neohubHeader .negativ-ml{*/
/*		margin-left: 0;*/
/*		text-align: right;*/
/*	}*/
/*}*/

/*@media (min-width: 992px){*/
/*	.neohubHeader .negativ-ml{*/
/*		margin-left: calc(-15% + 100 * ((100vw - 992px) / 928));*/
/*	}*/
/*}*/

.buttonimage.bock {
	display: inline-block;
	background: url(../img/bock.png);
	background-repeat: no-repeat;
	background-position: right bottom;
	background-size: contain;
	height: 53px;
	width: 90px;
	margin-right: 12px;
	position: absolute;
	left: -90px;
	bottom: 0;
}

@media (max-width: 478px) {
	
	.buttonimage.bock {
		height: 25px;
		width: 50px;
		margin-right: 12px;
		position: absolute;
		left: -15px;
		bottom: 9px;
	}	
	
}



/*typeform*/

.typeform-container { height: 600px; margin-bottom: 4vw; }

h1.typeform {
		position: relative;
		display: block;
		font-style: normal;
		margin-top: calc(53px + 53 *  ((100vw - 992px) / 928));
		font-size: calc(37px + 37 *  ((100vw - 992px) / 928));
	  line-height: calc(41px + 41 *  ((100vw - 992px) / 928));
	  text-align:center;
}

@media (max-width: 991px){

  h1.typeform  {
		display: block;
		left:auto;
		transform: none;
		font-size: calc(60px + 70 * ((100vw - 375px) / 616));
	  line-height: calc(50px + 61 * ((100vw - 375px) / 616));
	}	

}

/*Footer*/

footer { 
	display: flex; 
	position:relative;
}

footer > .container-fluid { 
	display: flex;
	width: 100%;
	align-items: center;
}


footer ul.socialmedia {
  display: inline-block;
  padding:0;
  margin:inherit;
	color:#000000;
	position:absolute;
  right: 0;
  bottom: 120px;
  transform: translateY(50%);
  z-index:2;
}
footer ul.socialmedia > li  {
  display: inline-block;
  position:relative;
  font-size: 21px;
  line-height: 38px;
  height:37px;
  width:37px;
  text-align:center;
  margin: 0 1rem 0 0;
  background: #ffffff;
  border-radius: 100%;
  color: inherit;
  float: left;
}

footer ul.socialmedia > li:last-child  {
  margin: 0 15px 0 0;
}


footer ul.socialmedia > li > a  {
  display: block;
  color:inherit;
  text-decoration:none;
}

footer ul.socialmedia > li:hover  {
  background: #FFE2E3;
}

/*footer ul.socialmedia:before {*/
/*	position:absolute;*/
/*	content: "Folg uns:";*/
/*	bottom: calc(100% + 10px);*/
/*	left:0;*/
/*	text-transform: uppercase;*/
/*	font-family: 'Barlow Semi Condensed';*/
/*	font-weight:800;*/
/*	font-style: italic;*/
/*	font-size: 20px;*/
/*	line-height: 20px;	*/
/*	color: #FFE2E3;*/
/*} */


.logo-footer svg{
	height: 60px;
	width: auto;
}

@media (min-width: 992px) {
	
	
	footer ul.socialmedia {
	    margin-right: 5vw;
	}
	
	/*footer ul.socialmedia:before {	*/
	/*	font-size: 38px;*/
	/*	line-height: 38px;	*/
	/*}*/
	
	footer ul.socialmedia > li  {
	  font-size: 27px;
	  line-height: 62px;
	  height:62px;
	  width:62px;
	  margin: 0 2rem 0 0;
	}

}


/*subfooter*/

.subfooter { 
	background: #ffffff;
	position:relative;
	width:100%;
	color: #000000;
	text-align: right;
}	
.subfooter ul.metanav {
	display: flex;
	margin: 0;
	font-family: 'Barlow Semi Condensed';
	font-weight: 400;
	font-style: italic;
	color: #000000;
	padding: 6px 0 8px;
	text-transform: uppercase;
	justify-content: center;
}

.subfooter ul.metanav > li  {
  display: inline-block;
  position:relative;
  font-size: 16px;
  line-height: 26px;
  margin: 0 1rem;
}

@media(max-width: 767px){
	.subfooter ul.metanav > li  {
	  margin: 0 .4rem;
	}
}

 .subfooter ul.metanav > li > a  {
  display: block;
  color: inherit;
  text-decoration: none;
  padding: 3px 0 1px;
  border-bottom:1px solid #ffffff;
}

 .subfooter  ul.metanav > li.current a, 
 .subfooter  ul.metanav > li a:hover  {
 border-bottom:1px solid #000000;
}

.subfooter .socialsidebar {
  position: relative;
  right: auto;
  top: auto;
  flex-direction: row;
  transform: none;
  justify-content: center;
}

.subfooter .socialsidebar .socialbutton{
	padding: 15px;
	border-radius: 100%;
	margin: 17px 15px;
}

.subfooter .socialsidebar .socialbutton i {
  font-size: 20px;
  color: #000000;
}


.subfooter .content-wrap{
	display: flex;
	justify-content: space-between;
	align-items: center;
}

@media (max-width: 991px){
	.subfooter .content-wrap{
		flex-direction: column;	
	}
}

.subfooter .centered{
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
}


.footerCTA {
	position:relative;
	margin-bottom: 3vw;
}


		.footerCTA h4 {
			position:relative;
		}

		.footerCTA h4  {
			font-size: calc(35px + 35 * ((100vw - 375px) / 616));
		  line-height: calc(35px + 35 * ((100vw - 375px) / 616));
		  text-transform: uppercase;
		}
		
		.footerCTA h5  {
			font-size: calc(20px + 15 * ((100vw - 375px) / 616));
		  line-height: calc(20px + 15 * ((100vw - 375px) / 616));
		  text-transform: uppercase;
		  margin: 30px 0 20px 0;
		}
		.footerCTA h6  {
			font-size: calc(15px + 8 * ((100vw - 375px) / 616));
		  line-height: calc(15px + 8 * ((100vw - 375px) / 616));
		  text-transform: uppercase;
		}
		
		.footerCTA h4 span.hlRow {
			display: block;
			position:relative;
		}
		
		.footerCTA h4 span.hlRow:first-of-type {
			left: calc(20px + 20 * ((100vw - 375px) / 616));
			font-size: calc(20px + 20 * ((100vw - 375px) / 616));
		  line-height: calc(15px + 15 * ((100vw - 375px) / 616));
		  -webkit-text-fill-color: transparent;
		  -webkit-text-stroke-width: 1px;
		  -webkit-text-stroke-color: currentColor;
		}
		
		.footerCTA a, .footerCTA a:hover, .footerCTA h6.white{
			color: #ffffff;
		}
	
	@media (min-width: 992px) {
		
		.subfooter .socialsidebar {
			justify-content: flex-end;	
		}
		
		.subfooter ul.metanav {
			justify-content: flex-start;	
		}
		
		.footerCTA {
			margin-bottom: 130px;	
		}

		.footerCTA h4  {
			font-size: calc(60px + 60 * ((100vw - 992px) / 928));
		  line-height: calc(60px + 60 * ((100vw - 992px) / 928));
		}

		.footerCTA h4 span.hlRow:first-of-type {
			left: calc(30px + 30 * ((100vw - 992px) / 928));
			font-size: calc(30px + 30 * ((100vw - 992px) / 928));
		  line-height: calc(35px + 35 * ((100vw - 992px) / 928));
		}
		
		.footerCTA h5  {
			font-size: calc(20px + 15 * ((100vw - 375px) / 616));
		  line-height: calc(20px + 15 * ((100vw - 375px) / 616));
		  text-transform: uppercase;
		}
		
		.footerCTA h6  {
			font-size: calc(15px + 10 * ((100vw - 375px) / 616));
		  line-height: calc(15px + 10 * ((100vw - 375px) / 616));
		  text-transform: uppercase;
		}
		
		

	}

	.footerCTA h5, .footerCTA h6 {
    text-transform: none;
    font-style: normal;
	}

/**Logo Intro & Interactive Video**/

#logointro { 
	height:100vh;
	display: flex;
	align-items: center;
	position:relative;
}

.logocanvas { 
	width: 480px;
	max-width: 60%;
	display: block;
	position:relative;
	margin: 0 auto;
}

.logocanvas > svg { 
	height:auto;
	width:100%;
}


.interactiveVideo { 
	width:100%;
	height:100vh !important;
	display: flex !important;
	flex-direction:row;
	position: relative;
	align-items: center ;
}

.videoCanvas { 
	width:100%;
}
.videoCanvas > * { 
	width:100%;
	height:auto;
}

.videoLoader {
	height: 5px;
	width: 480px;
	position: absolute;
	bottom: 100px;
	left: 50%;
	transform: translateX(-50%);
	max-width:80%;
}

.videoLoader::before { 
	content: "loading ...";
	display: block;
	text-align: center;
	transform: translateY(-20px);
	  font-family: 'Barlow Semi Condensed';
	  font-style: italic;
	 	font-weight: 400;
	 	text-transform:uppercase;
}
.videoProgressbar {
 height:inherit;
 width:0%;
 background: #000000;
 max-width:100%;
}

.scrollinfo {
	height: 50px;
	width: 50px;
	position: absolute;
	bottom: 100px;
	left: 50%;
	transform: translateX(-50%);
	background: url('../img/arrow-down-black.gif');
	background-size:contain;
	background-repeat: no-repeat;
	background-position: center center;
	display:none;
}
.scrollinfo::before { 
	content: "Scroll das Intro";
	display: block;
	text-align: center;
	  font-family: 'Barlow Semi Condensed';
	  font-style: italic;
	 	font-weight: 400;
	 	text-transform:uppercase;
	 	white-space: nowrap;
	 	transform: translateX(-60%) translateY(-20px);
	 	
}

@media (max-width: 991px){

	.videoCanvas { overflow: hidden; }
	
	.videoCanvas > * { 
		margin-left: -15vw;
		margin-right: -15vw;
		width:130vw;
	  height:auto;
	}
}


/********************************/
/******* Neue Elemente > ********/
/********************************/


/* Social Sidebar */

.socialsidebar {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  flex-direction: column;
  z-index: 20;
}

.socialsidebar .visible-0 {
  display: none;
}

.socialsidebar .socialbutton {
  padding: 10px;
  box-shadow: -1px 1px 6px rgba(0,0,0,0.2);
  -webkit-box-shadow: -1px 1px 6px rgba(0,0,0,0.2);
  -moz-box-shadow: -1px 1px 6px rgba(0,0,0,0.2);
  margin: 17px 0;
}

.socialsidebar .socialbutton:hover {
	background-color: #fff;
}

.socialsidebar a.socialbutton, .socialsidebar a.socialbutton:hover{
	text-decoration: none;
}

.socialsidebar .socialbutton i{
	color: inherit;
	font-size: 18px;
}

.socialsidebar.fixed-1 {
  position: fixed;
}


/* Einschub/Einklinker */

.einklinker{
	position: absolute;
	left: -279px;
	display: block;
	width: 280px;
	height: auto;
	z-index: 2;
	transition: left .4s ease-in-out;
	transition-delay: 200ms;
}

.einklinker.pos-1{
	top: 0;
}
.einklinker.pos-2{
	top: 50%;
	transform: translateY(-50%);
}
.einklinker.pos-3{
	bottom: 0;
}

.einklinker.appear{
	left: 0 !important;
	transition: left .4s ease-in-out;
	transition-delay: 800ms;
}

.einklinker.side-1{
	left: auto !important;
	right: -279px;
	transition: right .4s ease-in-out;
	transition-delay: 200ms;
	text-align: right;
}

.einklinker.side-1.appear{
	left: auto !important;
	right: 0 !important;
	transition: right .4s ease-in-out;
	transition-delay: 800ms;
}

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

.einklinker.maxmove{
	left: -50vw;
	position:relative;
}

/* Teaser */

.teaser {
  position: relative;
  height: 100%;
  display: flex;
}

.teaser .background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.teaser .background img{
	position: relative;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: right bottom;
}

.teaser .background.overlay-2 img, .teaser .background.overlay-3 img{
	object-position: center center;
}

.teaser .background.overlay-1::before, .teaser .background.overlay-3::before{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	content: "";
	background: rgba(35,35,35,0.6);
	z-index: 3;
	opacity: 1;
	transition: opacity 0.5s ease-in-out;
}

/*.teaser:hover .background.overlay-1::before, .teaser:hover .background.overlay-3::before{*/
/*	opacity: 0.5;*/
/*	transition: opacity 0.5s ease-in-out;*/
/*}*/

.teaser .overlay-1{
	overflow: hidden;
}

.teaser:hover .overlay-1 img{
	transform: scale(1.2);
	transform-origin: center center;
	transition: transform 1s ease-in-out;
}

.teaser .overlay-1 img{
	transform: scale(1);
	transform-origin: center center;
	transition: transform 1s ease-in-out;
}


.teaser .content{
	position: relative;
	z-index: 10;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	min-height: inherit;
  padding: 60px 15px;
  width: 100%;
}

.teaser .content.valign-1{
	justify-content: flex-start;
}
.teaser .content.valign-2{
	justify-content: center;
}
.teaser .content.valign-3{
	justify-content: flex-end;
}
.teaser .content.valign-4{
	justify-content: space-between;
}

.teaser .content.valign-align-self-center {
  justify-content: center;
}

.teaser .btn{
		background-color: inherit;
}

.teaser.textcolor-1 .btn{
	border: 1px solid #fff;
	color: #fff;
}

.teaser.textcolor-2 .btn{
	border: 1px solid #000000;
	color: #000000;
}

.teaser.textcolor-1 .btn:hover, .teaser.textcolor-1 .btn:focus{
	color: #000000;
	background-color: #fff;
}

.teaser.textcolor-2 .btn:hover, .teaser.textcolor-2 .btn:focus{
	color: #fff;
	background-color: #000000;
}

.teaser.textcolor-1 a:not(.btn){
	color: #fff;
	font-size: 22px;
	font-family: 'Barlow';
	font-weight: 700;
	text-decoration: underline;
}

.teaser .bottom{
	text-align: center;
}

@media(max-width: 991px){
		.teaser .overlay-1::after {
    position: absolute;
    width: 40px;
    height: 40px;
    content: "\e941";
    font-family: "icomoon";
    font-size: 32px;
    font-weight: 700;
    text-align: center;
    color: inherit;
    z-index: 10;
    bottom: 50px;
    left: 50%;
    transform: translateX(-50%);
    line-height: 40px;
	}
}

@media(max-width: 767px){
	
	.teaser .content br{
		display: none;
	}
}

.teaserslider {
  position: relative;
  height: 100%;
  width: 100%;
}


/*** Heroimage mit Text ***/

/* heroimage */

.heroimage {
  position: relative;
}

.heroimage .background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.heroimage .background img{
	position: relative;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center center;
}

.heroimage .content{
	position: relative;
	z-index: 10;
	display: flex;
	flex-direction: column;
	justify-content: center;
	min-height: inherit;
  padding: 40px 15px;
}

.heroimage .btn{
		background-color: inherit;
}

.heroimage.textcolor-1 .btn{
	border: 1px solid #fff;
	color: #fff;
}

.heroimage.textcolor-2 .btn{
	border: 1px solid #000000;
	color: #000000;
}

.heroimage.textcolor-1 .btn:hover, .heroimage.textcolor-1 .btn:focus{
	color: #000000;
	background-color: #fff;
}

.heroimage.textcolor-2 .btn:hover, .heroimage.textcolor-2 .btn:focus{
	color: #fff;
	background-color: #000000;
}

.heroimage.textcolor-1 a:not(.btn){
	color: #fff;
	font-size: 22px;
	font-family: 'Barlow';
	font-weight: 700;
	
}

/*.h-xxl-100 > .heroimage, .h-xl-100 > .heroimage, .h-lg-100 > .heroimage, .h-md-100 > .heroimage, .h-sm-100 > .heroimage, .h-xs-100 > .heroimage,*/
/*.h-xxl-90 > .heroimage, .h-xl-90 > .heroimage, .h-lg-90 > .heroimage, .h-md-90 > .heroimage, .h-sm-90 > .heroimage, .h-xs-90 > .heroimage,*/
/*.h-xxl-80 > .heroimage, .h-xl-80 > .heroimage, .h-lg-80 > .heroimage, .h-md-80 > .heroimage, .h-sm-80 > .heroimage, .h-xs-80 > .heroimage,*/
/*.h-xxl-70 > .heroimage, .h-xl-70 > .heroimage, .h-lg-70 > .heroimage, .h-md-70 > .heroimage, .h-sm-70 > .heroimage, .h-xs-70 > .heroimage,*/
/*.h-xxl-60 > .heroimage, .h-xl-60 > .heroimage, .h-lg-60 > .heroimage, .h-md-60 > .heroimage, .h-sm-60 > .heroimage, .h-xs-60 > .heroimage,*/
/*.h-xxl-50 > .heroimage, .h-xl-50 > .heroimage, .h-lg-50 > .heroimage, .h-md-50 > .heroimage, .h-sm-50 > .heroimage, .h-xs-50 > .heroimage{*/
/*	height: 100%;*/
/*}*/


/*** Produkt Slider ***/

.produktslider{
	position: relative;
	overflow: visible;
}

.produktslider .swiper-slide img {
  width: 100%;
  height: auto;
}

.produktslider .swiper-slide.swiper-slide-prev-2 .infotext,
.produktslider .swiper-slide.swiper-slide-prev .infotext,
.produktslider .swiper-slide.swiper-slide-next .infotext,
.produktslider .swiper-slide.swiper-slide-next-2 .infotext{
	opacity: 0;

}

.produktslider .swiper-slide.swiper-slide-active .infotext {
	transform: translateX(5%);
	opacity: 1;
	transition: opacity 300ms ease-in;
	transition-delay: 700ms;
}

.produktslider .swiper-slide .infotext{
	padding-top: 25px;
}
	
	
.produktslider .swiper-slide{
	transform-origin: center center;
	opacity: 0;
	z-index: -1;
}

.produktslider .swiper-slide.swiper-slide-prev-2 {
  transform: translateX(185%) scale(0) translateY(-45px);
  transition: transform 300ms ease-in-out, opacity 300ms ease-in-out;
  z-index: -1;
  opacity: 0;
}

.produktslider .swiper-slide.swiper-slide-prev, .produktslider .swiper-slide.swiper-slide-duplicate-prev {
  transform: translateX(65%) scale(0.8) translateY(-30px);
  transition: transform 300ms ease-in-out;
  z-index: 2;
  opacity: 1;
}

.produktslider .swiper-slide.swiper-slide-active {
  transform: translateX(-5%) scale(1);
  transition: transform 300ms ease-in-out;
  z-index: 3;
  opacity: 1;
}

.produktslider .swiper-slide.swiper-slide-next, .produktslider .swiper-slide.swiper-slide-duplicate-next {
  transform: translateX(-80%) scale(0.8) translateY(-30px);
  transition: transform 300ms ease-in-out;
  z-index: 2;
  opacity: 1;
}

.produktslider .swiper-slide.swiper-slide-next-2 {
  transform: translateX(-195%) scale(0) translateY(-45px);
  transition: transform 300ms ease-in-out, opacity 300ms ease-in-out;
  z-index: -1;
  opacity: 0;
}

.produktslider .swiper-pagination-bullet{
	background-color: transparent;
	border: 2px solid #000000;
	opacity: 1;
}

.produktslider .swiper-pagination-bullet-active{
	background-color: #000000;
}


.swiper-button-next:after, .swiper-button-prev:after{
	font-size: 22px;
	line-height: 24px;
	color: #000000;
}





/* Produkt Effekt Carousel */

.frame-204{
	transition: background-color .5s ease;
}


.frame-205{
	position: relative;
}

.frame-205::before {
	position: absolute;
	content: "";
	display: block;
	width: 40px;
	height: 40px;
	top: -20px;
	left: 50%;
	transform: translateX(-50%) rotate(45deg);
	background-color: #FDE352;
	z-index: 5;
}

.frame-206{
	position: relative;
}

.frame-206::before {
	position: absolute;
	content: "";
	display: block;
	width: 40px;
	height: 40px;
	top: -20px;
	left: 50%;
	transform: translateX(-50%) rotate(45deg);
	background-color: #000;
	z-index: 5;
}

.swiper-effect, .swiper-effect .swiper-carousel{
	overflow: visible !important;
}

.swiper-effect .swiper-wrapper{
	position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  box-sizing: content-box;
}

.swiper-effect .swiper-pagination{
	bottom: -10px;
}

.swiper-effect .swiper-pagination-bullet{
	background-color: transparent;
	border: 2px solid #000000;
	opacity: 1;
}

.swiper-effect .swiper-pagination-bullet-active{
	background-color: #000000;
}

.swiper-effect .swiper-wrapper{
	margin-bottom: 30px;
}

.swiper-effect img {
    width: 100%;
    height: auto;
    display: block;
    padding: 0 12%;
}

.effect-carousel .swiper-button-prev,
.effect-carousel .swiper-button-next{
	position: relative;
	top: auto;
	left: auto;
	right: auto;
	border: 2px solid #000;
	border-radius: 100px;
	width: 45px;
	height: 45px;
	margin: 0px;
}

.effect-carousel .swiper-button-prev{
	margin-right: 15px;
}
.effect-carousel .swiper-button-next{
	margin-left: 15px;
}

.effect-carousel .swiper-button-prev:hover,
.effect-carousel .swiper-button-next:hover{
	background-color: #000;
	
}.effect-carousel .swiper-button-prev:hover::after,
.effect-carousel .swiper-button-next:hover::after{
	color: #fff;
}

.effect-carousel .swiper-button-prev::after{
    font-family: 'icomoon';
    font-style: normal;
    content: "\e93e";
    font-size: 15px;
    line-height: 22px;
    font-weight: 800;
}

.effect-carousel .swiper-button-next::after{
    font-family: 'icomoon';
    font-style: normal;
    content: "\e941";
    font-size: 15px;
    line-height: 22px;
    font-weight: 800;
}

.effect-carousel .nav {
    display: flex;
    flex-wrap: wrap;
		margin: 0;
    padding: 0;
    position: relative;
    list-style: none;
    justify-content: center;
    align-items: center;
    bottom: 50px;
}

.swiper-additional.swiper-fade .swiper-slide{
	opacity: 0 !important;
	transition-duration: 150ms !important;
	padding: 5px 0;
}
.swiper-additional.swiper-fade .swiper-slide-active{
	opacity: 1 !important;
	transition-duration: 150ms !important;
}

/*.effect-carousel .swiper-additional a.btn{*/
/*	display: none;*/
/*}*/

.effect-carousel .swiper-pagination{
	display: none;
}


@media (max-width: 991px){
	.effect-carousel .nav {
		display: none;
	}
	
	.effect-carousel .swiper-pagination{
		display: block;
		position: relative;
		bottom: 30px;
		
	}
	
	.effect-carousel .swiper-pagination-bullet{
		border: 2px solid #000000;
		background-color: inherit;
		opacity: 1;
	}
	
	.effect-carousel .swiper-pagination-bullet-active{
		border: 4px solid #000;
	}
}

@media (max-width: 575px){
	.swiper-effect .swiper-wrapper {max-width: 300px !important;}
}


/* Image Slider */

.imageslider{
	position: relative;
}

.image-slider.overflow-1{
	overflow: hidden;
}

.image-slider .swiper-wrapper{
	margin-bottom: 30px;
}


.image-slider .swiper-button-prev{
	bottom: -25px;
    top: auto;
}
.image-slider .swiper-button-next{
	bottom: -25px;
    top: auto;
}

.image-slider .swiper-button-next:after, .image-slider .swiper-button-prev:after {
    font-size: 22px;
    line-height: 22px;
    color: inherit;
}

.image-slider img {
    width: 100%;
    height: auto;
}

.image-slider .swiper-pagination{
	bottom: -10px;
}

.image-slider .swiper-pagination-bullet{
	background-color: transparent;
	border: 2px solid;
	border-color: inherit;
	opacity: 1;
}

.image-slider .swiper-pagination-bullet-active{
	border: 4px solid;
} 

.swiper-pagination{
	bottom: -10px;
}



/*** Image abgerundet mit Schatten ***/

.image-round-shadow img{
	width: 100%;
	height: auto;
	border-radius: 10px;
	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2); 
	-webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2); 
	-moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2);
}


/********************************/
/******* < Neue Elemente ********/
/********************************/


/*typeform*/

#letstalk {
	width:100%;
	height:800px;
	position:relative;
}

@media (min-width: 992px) {

	#letstalk {
		transform:translateY(-20%);
	}

}
/*chat*/

#chattrigger {
  position: fixed;
  bottom: 50px;
  right: 50px;
  cursor: pointer;
  opacity:1;
  transition: opacity 1s;
}

	#chattrigger #outline {
	  stroke: #FDE352;
	  fill: #FDE352;
	}
	#chattrigger #bubble {
	  stroke: #000000;
	}
	
#chattrigger:hover #outline  {
	  stroke: #000000;
}
#chatbox { 
	position: fixed;
	z-index:2;
	right:50px;
	bottom:50px;
	width:300px;
	height:600px;
}	
#chatbox .buttonclose { 
    position: absolute;
    z-index: 3;
    border-radius: 40px;
    top: -20px;
    right: -20px;
    width: 40px;
    height: 40px;
    line-height: 39px;
    background: #000000;
    color: #ffffff;
    text-align: center;
    font-size: 21px;
    border: 2px solid #fff;
    cursor: pointer;
    transform: rotate(45deg);
}	

#chatbot,
#chatbot > div,
#chatbot > div > iframe { 
	position: absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}	


/*Content skewText*/

.skewText {
  -webkit-transition: -webkit-transform 0.25s;
  transition: -webkit-transform 0.25s;
  transition: transform 0.25s;
  transition: transform 0.25s, -webkit-transform 0.25s;
  will-change: transform;
}

.skewText > div {
  width: 100%;
  display: block;
	text-align: center;
}

.skewText > div > h4 {
	font-size: calc(30px + 30* ((100vw - 375px) / 616));
  line-height: calc(30px + 30* ((100vw - 375px) / 616));
  /*text-transform: uppercase;*/
  margin:2vh 0;
  opacity: 0.5;
  transition: opacity 400ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
}

.skewText > div.active > h4  {
  opacity: 1;
  transition: opacity 400ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
}

.skewText > div > div.text {
  min-height: 80px;
  opacity: 0;
  width: 960px;
  max-width: 80%;
  margin:0 auto;
  transition: opacity 400ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
}
.skewText > div.active > div.text {
  opacity: 1;
  transition: opacity 400ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
}


/**Kontakt Teaser**/
.contact-teaser{
	 	align-items: center;
    display: flex;
    padding: 80px 0 40px 0;
    position: relative;
}

.contact-teaser h2{
	  font-size: 90px;
	  line-height: 110px;
	  margin-bottom: 60px;
	  text-transform: uppercase;
}

@media (max-width: 991px){
		.contact-teaser h2{
			font-size: 58px;
   		line-height: 62px;
		}
}

@media(max-width: 420px){
		.contact-teaser h2{
			 font-size: 37px;
   		 line-height: 43px;
		}
}

.contact-teaser .btn{
		background-color: #000000;
		color: #FDE352;
		border: 3px solid #ffffff;
}

.contact-teaser .btn:hover{
		background-color: #ffffff;
		color: #000000;
}

.contact-teaser .content-end {
    min-height: 20vh;
}

.contact-teaser .social{
		display: flex;
}

.contact-teaser a.socialicon{
		position: relative;
		width: 80px;
		height: 60px;
}

.contact-teaser a.socialicon.instagram::before{
		background: url("/fileadmin/Resources/Public/Images/Icons/Social_Instagram.png");
		position: absolute;
		display: block;
		content: "";
		width: 30px;
		height: 30px;
		background-color: #ffffff;
		background-position: center center;
		background-repeat: no-repeat;
		padding: 30px;
		border-radius: 100px;
}
.contact-teaser a.socialicon.facebook::before{
		background: url("/fileadmin/Resources/Public/Images/Icons/Social_Facebook.png");
		position: absolute;
		display: block;
		content: "";
		width: 30px;
		height: 30px;
		background-color: #ffffff;
		background-position: center center;
		background-repeat: no-repeat;
		padding: 30px;
		border-radius: 100px;
}
.contact-teaser a.socialicon.youtube::before{
		background: url("/fileadmin/Resources/Public/Images/Icons/Social_Youtube.png");
		position: absolute;
		display: block;
		content: "";
		width: 30px;
		height: 30px;
		background-color: #ffffff;
		background-position: center center;
		background-repeat: no-repeat;
		padding: 30px;
		border-radius: 100px;
}
.contact-teaser a.socialicon.linkedin::before{
		background: url("/fileadmin/Resources/Public/Images/Icons/Social_Linkedin.png");
		position: absolute;
		display: block;
		content: "";
		width: 30px;
		height: 30px;
		background-color: #ffffff;
		background-position: center center;
		background-repeat: no-repeat;
		padding: 30px;
		border-radius: 100px;
}

@media (min-width: 992px){
	.contact-teaser > .container-fluid {
		margin: 0 120px;	
	}
	
	.contact-teaser{
		min-height: 80vh;
	}
}



/**Neo Hub Teaser**/

.neohub-teaser{
    padding: 80px 0;
    position: relative;
    align-items: center;
    display: flex;
}

.neohub-teaser h2{
	max-width: 70vw;
	font-size: calc(70px + 70 * ((100vw - 992px) / 928));
	line-height: calc(65px + 65 * ((100vw - 992px) / 928));
	text-align: right;
	margin-bottom: calc(30px + 30 * ((100vw - 992px) / 928));
	text-transform: uppercase;
}

.neohub-teaser h3{
		font-size: calc(40px + 40 * ((100vw - 992px) / 928));
		line-height: calc(46px + 46 * ((100vw - 992px) / 928));
		text-transform: uppercase;
		z-index: 10;
		margin-top: calc(50px + 30 * ((100vw - 992px) / 928));
		position: relative;
}

.neohub-teaser .btn{
	background-color: #FFE2E3;
	margin-top: 30px;
	border: 3px solid #FFE2E3;
	color: #48627B;
}

.neohub-teaser .btn:hover{
	background-color: #48627B;
	color: #FFE2E3;
	margin-top: 30px;
}

.neohub-teaser .neohubslider {
    width: 100%;
    display: block;
    position: relative;
}

.neohub-teaser .hubslider {
    width: 100%;
    margin: 0;
}

.neohubslider .swiper-pagination{
	display: flex;
	bottom: auto;
	top: 10px;
}

.neohubslider .swiper-pagination-bullet{
	flex-grow: 1;
	height: 6px;
	border-radius: 0;
	background: rgba(255,255,255,0.5);
}

.neohubslider .swiper-pagination-bullet-active{
	background: rgba(255,255,255,1);
}

.neohub-teaser .swiper-slide img{
	width: 100%;
	height: auto;
}

.neohub-teaser .hublogo {
    position: absolute;
    right: 6%;
    z-index: 30;
    top: 80%;
}


	
@media (max-width: 1199px){
	
	.neohub-teaser .neohubslider {
	    margin-top: 50px;
	}
	
	.neohub-teaser .hublogo {
	    top: 86%;
	}
	
}

@media (max-width: 991px){
	
	.neohub-teaser h2{
	max-width: none;
	font-size: calc(40px + 40 * ((100vw - 375px) / 616));
	line-height: calc(36px + 36 * ((100vw - 375px) / 616));
	text-align: left;
	margin-bottom: calc(15px + 15 * ((100vw - 375px) / 616));
	word-spacing: 991px;
	}
	
}

@media (max-width: 767px){
	
	.neohub-teaser .hublogo {
	    position: relative;
	    width:38%;
	    left:55%;
	    right: auto;
	    top: auto;
	    margin: 10vw 0;
	}
		
}

@media (min-width: 1200px){
	.neohub-teaser .negativ-ml{
		margin-left: -17%;
	}
}


/** Testimonialslider **/

.testimonialslider{
	position: relative;
	padding: 0 60px;
}

.testimonialslider .slider-element{
	position: relative;
	display: flex;
	justify-content: space-around;
	align-items: center;
}

.testimonialslider .slider-element .left{
	width: 30%;
	margin-left: 50px;
}

.testimonialslider .slider-element .right{
	width: 45%;
}

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

.testimonialslider .author{
	text-align: right;
	font-family: "Barlow";
	font-style: normal;
}

.testimonialslider .profession{
	text-align: right;
	font-family: "Barlow";
	font-weight: 400;
	font-size: 15px;
}

.testimonialslider .swiper-button-next, .testimonialslider  .swiper-button-prev {
	color: inherit;
}

@media (max-width: 991px){
	
	.testimonialslider .slider-element{
		flex-direction: column;
		
	
	}
	.testimonialslider .slider-element .left{
		width: 80%;
		margin-left: 0px;
		order: 2;
	}

	.testimonialslider .slider-element .right{
		width: 80%;
		order: 1;
		margin-bottom: 30px;
	}
	
	.testimonialslider .swiper-button-next{
		right: 0;
	}
	
	.testimonialslider  .swiper-button-prev {
		left: 0;
	}
	
	.testimonialslider .content{
		font-size: 16px;
		line-height: 25px;
	}
}

@media (max-width: 767px){
	.testimonialslider .slider-element .left, .testimonialslider .slider-element .right{
		width: 95%;
	}
	
	.testimonialslider .slider-element .right{
			margin-bottom: 15px;
	}

	.testimonialslider .content{
		font-size: 15px;
		line-height: 25px;
	}
	
	.testimonialslider .swiper-button-next{
		right: 10px;
		top: 25%;
	}
	
	.testimonialslider  .swiper-button-prev {
		left: 10px;
		top: 25%;
	}
	
}

/**Simple Testimonial Slider**/

.testimonialsimpleslider .swiper-wrapper{
	display: flex;
	align-items: center;
}

/**Teamteaser**/

.teamteaser{
    position: relative;
    align-items: center;
    display: flex;
}

.teamteaser .teambild{
	width: 100%;
	height: auto;
	margin-bottom: 30px;
}

.teamteaser h2.title {
	  font-size: 188px;
	  line-height: 170px;
	  text-transform: uppercase;
	  position: relative;
	  left: -200px;
	  top: -200px;
}

.teamteaser h3{
		-webkit-text-stroke-color: #000000;
		font-size: 100px;
	  line-height: 90px;
	  text-transform: uppercase;
	  text-align: right;
	  margin-top: -300px;
	  margin-bottom: 15px;
}

@media (max-width: 1199px){
		.teamteaser h2.title {
			font-size: 100px;
	  	line-height: 90px;
	  	left: -100px;
	  	top: 0px;
		}
		.teamteaser h3{
			margin-top: 0px;
		}
}

@media (max-width: 991px){
		.teamteaser h2.title {
			font-size: 120px;
	 		line-height: 100px;
	  	left: auto;
	  	top: auto;
	  	margin-bottom: -30px;
	  	z-index: 10;
		}
		.teamteaser h3 {
			font-size: 70px;
	  	line-height: 60px;
		}
}

@media (max-width: 767px){
	.teamteaser h2.title {
	  font-size: 90px;
	  line-height: 80px;
	}
}

.teamteaser .btn{
	background-color: #FFE2E3;
	margin-top: 30px;
	border: 3px solid #000000;
	color: #000000;
}

.teamteaser .btn:hover{
	background-color: #000000;
	color: #FFE2E3;
	margin-top: 30px;
}

@media (min-width: 992px){
	.teamteaser {
		min-height: 100vh;
	}
}

/*Termine*/

.dates {
	 	align-items: center;
    display: flex;
    padding: 80px 0;
}

.dates h2{
		font-size: calc(65px + 65 * ((100vw - 992px) / 928));
	  line-height: calc(60px + 60 * ((100vw - 992px) / 928));
	  margin-bottom: calc(30px + 30 * ((100vw - 992px) / 928));
	  text-transform: uppercase;
	  text-align: left;
}

.dates .dates-entry > div {
		border-top: 2px solid currentcolor;
		padding: 20px 0 16px;
}

.dates .dates-entry a::before {
		position: absolute;
		display: block;
		width: 50px;
		height: 50%;
		font-family: 'icomoon';
		content: "\e934";
		right: 15px;
		top: 50%;
		font-size: 48px;
		font-weight: bold;
		transform: translateY(-50%);
}


.dates .dates-entry:last-child > div {
		border-bottom: 2px solid currentcolor;
}

.dates .dates-entry a{

		text-decoration: none;
		display: block;
		position:relative;
		color: inherit;
}
.dates .dates-entry div.date {

		text-decoration: none;
		display: block;
		position:relative;
}

.dates .dates-entry h3{
		font-size: calc(45px + 45 * ((100vw - 992px) / 928));
	  line-height: calc(40px + 40 * ((100vw - 992px) / 928));
	  text-transform: uppercase;
}

.dates .dates-entry span {
		font-size: calc(30px + 30 * ((100vw - 992px) / 928));
	  line-height: calc(35px + 35 * ((100vw - 992px) / 928));
	  text-transform: uppercase;
	  font-family: 'Barlow Semi Condensed';
	  font-style: italic;
	 	font-weight: 800;
	 	-webkit-text-stroke-color: currentColor;
	 	opacity:1;
}

	.dates .dates-entry .marquee {
		max-width: 100vw;
		width: 100%;
		overflow: hidden;
		position: absolute;
		bottom: 0;
		left: 0;
		display: none;
	}

	.dates .dates-entry .marquee span {
		display: inline-block;
		white-space: nowrap;
		animation: marquee 30s linear infinite;
		animation-play-state: paused ;
		padding-right: 100vw;
	}
	
	/*
	
	.dates .dates-entry:hover .marquee {
		display: block;
	}
	.dates .dates-entry:hover .marquee span {
		animation-play-state: running 
	}
	.dates .dates-entry:hover .date {
		opacity:0;
	}
  
  */
	
	@keyframes marquee {
		0%   { transform: translateX(0); }
		2%   { transform: translateX(0); }
		100% { transform: translateX(-100%); }
	}


@media (max-width: 1199px) {
	.dates .dates-entry h3 {
		font-size: 60px;
	  line-height: 50px;
	}
	
	.dates .dates-entry span {
		font-size: 50px;
	  line-height: 40px;
	}
}
@media (max-width: 991px) {
	
	.dates {
    padding: 0;
    margin-top: 20vh;
	}

	.dates h2{
			font-size: calc(40px + 40 * ((100vw - 375px) / 616));
			line-height: calc(36px + 36 * ((100vw - 375px) / 616));
		  margin-bottom: calc(15px + 15 * ((100vw - 375px) / 616));
	}

	.dates .dates-entry h3{
			font-size: calc(22px + 23 * ((100vw - 375px) / 616));
		  line-height: calc(18px + 22 * ((100vw - 375px) / 616));
	}
	.dates .dates-entry span {
			font-size: calc(20px + 24 * ((100vw - 375px) / 616));
		  line-height: calc(18px + 22 * ((100vw - 375px) / 616));
	}
	
}


@media (min-width: 992px) {
	.dates {
		min-height: 100vh;
	}
}


/**XXL**/

.xxl {
	 	align-items: center;
    display: flex;
}
.xxl.pageheader {
	 	margin: 10vh 0 20vh;
}
	
.xxl .column {
	position:relative;
}

.xxl .headline{
	 position:relative;
	 padding-left: 8vw;
	 margin-bottom:-5vh;
	 z-index:2;
}

.xxl h2.title{
		font-size: calc(60px + 40 * ((100vw - 375px) / 616));
	  line-height: calc(54px + 36 * ((100vw - 375px) / 616));
	  text-transform: uppercase;
	  word-spacing: 500px;
	  margin-bottom: calc(50px - 30 * ((100vw - 375px) / 616));
}

.xxl.type-team h2.title {
		font-size: calc(70px + 50 * ((100vw - 375px) / 616));
	  line-height: calc(70px + 50 * ((100vw - 375px) / 616));
}

.xxl .subtitle{
	font-family: 'Barlow Semi Condensed';
	font-weight: 500;
	text-transform: uppercase;
	font-size: 17px;
	line-height: 26px;	
	margin-bottom: calc(5px + 5* ((100vw - 375px) / 616));
	display: block;
	position:relative;
	transform: translateX(-4vw);
	padding-right:8vw;
}

.xxl .hashtag{
	font-size: calc(24px + 45 * ((100vw - 375px) / 616));
	line-height: calc(24px + 45 * ((100vw - 375px) / 616));
	margin-bottom: calc(6px + 4 * ((100vw - 375px) / 616));
	text-align: right;
	display: block;
	font-family: 'Barlow Semi Condensed';
	font-weight: 800;
	font-style: italic;
	text-transform: uppercase;
}

.xxl .vimeoVideo {
	width: 80vw;
	margin-bottom:6vh;
}

.xxl img{
	width: 80vw;
	height: auto;
	margin-bottom: 6vh;
}

	.xxl .btn{
		  margin-top:5vh;
	}

@media (min-width: 992px){

	.xxl {
	    padding: 80px 0;
	}
	.xxl.pageheader {
	 	margin: 0 -15px;
	}

	.xxl .column {
		margin-top: 3vh;
		padding-right: 50%;	
		width:100%;
	}
	
	.xxl.productheader .column {
		padding-right:0;
		padding-left:50%;
	}
	
	.xxl .headline{
		 position:absolute;
		 top: -9vw;
		 left:0;
		 padding-left: 40%;
		 z-index:2;
		 margin-bottom: 0;
	}

	.xxl.type-team .headline,	
	.xxl.type-service .headline {
		top: 2vw;
	}
	
	.xxl.pageheader .headline {
		top: calc(9vw - 60 * ((100vw - 992px) / 928));	
		padding-left: 50%;
	}
	
	.xxl.productheader .headline {
		 position:relative;
		 top: 3vw;
		 padding-left: 0%;
		 z-index: auto;
		 margin-bottom: calc(40px + 40 * ((100vw - 992px) / 928));	
	}
	
	.xxl h2.title{
			font-size: calc(80px + 80 * ((100vw - 992px) / 928));
		  line-height: calc(72px + 72 * ((100vw - 992px) / 928));
		  word-spacing: 900px;
		  margin-bottom:0.5rem;
	}
	
	.xxl.productheader h2.title{
			font-size: calc(60px + 60 * ((100vw - 992px) / 928));
		  line-height: calc(54px + 54 * ((100vw - 992px) / 928));
		  word-spacing: 900px;
	}
	
	
	.xxl.type-team h2.title {
			font-size: calc(138px + 50 * ((100vw - 992px) / 928));
		  line-height: calc(130px + 58 * ((100vw - 992px) / 928));
	}
	
	.xxl .subtitle{
		font-size: calc(17px + 8 * ((100vw - 992px) / 928));
		line-height: calc(26px + 6 * ((100vw - 992px) / 928));	
		margin-bottom: calc(10px + 10 * ((100vw - 992px) / 928));	
		padding-right:0;
	}
	
	.xxl.productheader .subtitle{
		 transform: none;
	}
	
	.xxl .hashtag{
		font-size: calc(45px + 45 * ((100vw - 992px) / 928));
		line-height: calc(40px + 40 * ((100vw - 992px) / 928));	
		margin-bottom: calc(10px + 10 * ((100vw - 992px) / 928));	
		text-align: left;
		transform: translateY(-50%);
		position: relative;
	}
	
	.xxl.pageheader .hashtag{
		font-size: calc(26px + 26 * ((100vw - 992px) / 928));
		line-height: calc(33px + 33 * ((100vw - 992px) / 928));	
		text-align: right;
		transform: none;
		position: relative;
		text-shadow:none;
		-webkit-text-fill-color: transparent;
	  -webkit-text-stroke-width: 1px;
	  -webkit-text-stroke-color: currentColor;
	}
	.xxl .hashtag::before {
    content: "#";
    position: absolute;
    transform: translateX(-100%);
	}
	
	.xxl .vimeoVideo,
	.xxl img{
		width: 100%;
		height: auto;
		margin:0;
	}
	
	.xxl.productheader .vimeoVideo,
	.xxl.productheader img {
		 position:absolute;
		 width:40%;
		 left:0;
		 top: 4vh;
		 z-index: 2;
	}

	.xxl .text{
		 position:absolute;
		 top: calc(60% - 65 * ((100vw - 992px) / 928));
		 left:0;
		 padding-left: calc(55% + 40 * ((100vw - 992px) / 928));
	}
	
	.xxl.type-team .text {
		 top: calc(70% - 80 * ((100vw - 992px) / 928));
	}
		
	.xxl.pageheader .text{	
		 padding-left: calc(50% + 1 * ((100vw - 992px) / 928));
		 width: calc(100% - 300 * ((100vw - 992px) / 928));
		 top: calc(52% - 100 * ((100vw - 992px) / 928));
	}
	.xxl.productheader .text{
		 position:relative;
		 top: auto;
		 left: auto;
		 padding-left:0;
		 width: calc(100% - 150 * ((100vw - 992px) / 928));
	}
	
	.xxl .btn{
		  margin-top: 2.5vh;
	}
	
	
}

/**Future Brands**/

.futurebrands {
    align-items: center;
    display: flex;
}

.futurebrands .col-12 {
	  left: calc(1px + 160 * ((100vw - 375px) / 616));
}

.futurebrands .line1, .futurebrands .line2,
.futurebrands .line3, .futurebrands .line4, .futurebrands .line5 {
	font-family: 'Barlow Semi Condensed';
  font-style: italic;
 	font-weight: 800;
 	display: block;
 	text-transform: uppercase;
  text-align:left;
  position:relative;
}

.futurebrands .line1{
	font-size: calc(70px + 70 * ((100vw - 375px) / 616));
  line-height: calc(70px + 70 * ((100vw - 375px) / 616));
  left: calc(20px + 20 * ((100vw - 375px) / 616));
}

.futurebrands .line2{
	font-size: calc(100px + 100 * ((100vw - 375px) / 616));
  line-height: calc(80px + 80 * ((100vw - 375px) / 616));
}

.futurebrands .line3{
	font-size: calc(40px + 40 * ((100vw - 375px) / 616));
  line-height: calc(40px + 35 * ((100vw - 375px) / 616));
  top: calc(14px + 10 * ((100vw - 375px) / 616));
  left: calc(75px + 75 * ((100vw - 375px) / 616));
  width:80%;
}

.futurebrands .line4,
.futurebrands .line5 {
	font-size: calc(17px + 22 * ((100vw - 375px) / 616));
  line-height: calc(20px + 25 * ((100vw - 375px) / 616));
  top: calc(20px + 20 * ((100vw - 375px) / 616));
  left: calc(20px - 35 * ((100vw - 375px) / 616));
  width:70%;
  text-align:center;
}


@media (min-width: 992px){
	
	.futurebrands{
		min-height: 100vh;
	}

	.futurebrands .col-12 {
	  left: calc(80px + 100 * ((100vw - 992px) / 928));
	} 

	.futurebrands .line1{
		font-size: calc(92px + 16 * ((100vw - 992px) / 928));
	  line-height: calc(80px + 12 * ((100vw - 992px) / 928));
	  left: calc(90px + 10 * ((100vw - 992px) / 928));
	}
	
	.futurebrands .line2{
		font-size: calc(140px + 20 * ((100vw - 992px) / 928));
	  line-height: calc(112px + 18 * ((100vw - 992px) / 928));
	}
	
	.futurebrands .line3{
		font-size: calc(64px + 18 * ((100vw - 992px) / 928));
	  line-height: calc(84px + 16 * ((100vw - 992px) / 928));
	  left: calc(77px + 8 * ((100vw - 992px) / 928));
	  top:0;
	  width:auto;
	}
	
	
	.futurebrands .line4,
	.futurebrands .line5 {
		font-size: calc(22px + 5 * ((100vw - 992px) / 928));
	  line-height: calc(22px + 5 * ((100vw - 992px) / 928));
	  top: calc(-8px - 2 * ((100vw - 992px) / 928));
	  left: calc(200px + 40 * ((100vw - 992px) / 928));
	  width:auto;
	}

}

/**customera**/

.customers {
    display: flex;
    flex-direction: column;
    position:relative;
    align-items: center;
}

	.customerinfo {
		position: relative;
		width:80%;
		max-width:540px;
		margin-bottom: 100px;
		transform: translateX(-20%);
	}
	
		.customerinfo h3  {
			font-size: calc(35px + 35 * ((100vw - 375px) / 616));
		  line-height: calc(35px + 35 * ((100vw - 375px) / 616));
		  text-transform: uppercase;
		}
		
		.customerinfo h3 span.hlRow {
			display: block;
			position:relative;
		}
		
		.customerinfo h3 span.hlRow:first-of-type {
			left: calc(20px + 20 * ((100vw - 375px) / 616));
			font-size: calc(20px + 20 * ((100vw - 375px) / 616));
		  line-height: calc(15px + 15 * ((100vw - 375px) / 616));
		  -webkit-text-fill-color: transparent;
		  -webkit-text-stroke-width: 1px;
		  -webkit-text-stroke-color: currentColor;
		}	
	
	
	/*.customerlogos {*/
	/*	position: absolute;*/
	/*	width:70%; */
	/*	right: -30%;*/
	/*	bottom: -10%;*/
	/*}*/
	
		.customerlogos img {
			width:100%; 
			height:auto;
		}
	
		.customers  .circle {
			 padding: calc(55px + 5 * ((100vw - 992px) / 928));
			 border-radius: 900px;
			 display: inline-block;
			 position:relative;
		}
		
		.customers .circle .outer {
		 display: inline-block;
		 position:relative;
		}
		
		.customers .circle .inner  {
			 display: inline-block;
			 position:relative;
		}
		
		.customerinfo > .circle {
			 background: #FDE352;
		}
		.customerlogos > .circle {
			 background: #000000;
			 padding: calc(20px + 10 * ((100vw - 992px) / 928));
		}
	
		.customerinfo > .circle:after{
			 content:"";
			 top: calc(-8px - 8 * ((100vw - 992px) / 928));
			 left:0;
			 background: transparent;
			 height:100%;
			 width:100%;
			 content:"";
			 position:absolute;
			 border-radius:inherit;
			 border: 2px solid currentcolor;
		}


@media (max-width: 992px){


	.customerinfo {
			width:90%;
	    transform: translateX(-5%);
	}

	.customers .circle {
		 padding: 55px;
  }


	/*.customerlogos {*/
	/*    position: absolute;*/
	/*    width: 70%;*/
	/*    right: -15%;*/
	/*    bottom: -32%;*/
	/*}*/
		
	.customerlogos > .circle {
		 padding: 20px;
	}
		
	
}


/**CTA product**/

.cta-product {
    display: flex;
    flex-direction: column;
    position:relative;
    perspective: 5000px;
}

	.cta-product > div.textlayer .textblock {
		width: calc(100% - 250 * ((100vw - 375px) / 616));
	}
	
	.cta-product > div.textlayer .btn {
		margin-top: 30px;
	}
		
	.cta-product h2.headline {
		  font-size: calc(60px + 60 * ((100vw - 375px) / 616));
		  line-height: calc(52px + 52 * ((100vw - 375px) / 616));
		  margin-bottom: 40px;
		  text-transform: uppercase;
		  word-spacing: 10000%;
	}
	.cta-product h2.headline span.subheader {
			font-family: 'Barlow Semi Condensed';
		  font-weight: 500;
		  font-style: normal;
			font-size: calc(17px + 4 * ((100vw - 375px) / 616));
		  line-height: calc(26px + 5 * ((100vw - 375px) / 616));
		  margin-bottom: 20px;
		  display: block;
		  text-transform: uppercase;
			word-spacing: normal;
	}
	
	.cta-product p {
		  font-family: 'Barlow';
		  font-weight: 400;
		  font-size: 17px;
		  line-height: 26px;
	}

		.cta-product > div.canvas3d {
			  margin-top:30vh;
				width: 100%;
				padding-bottom: 100%;
				position: relative;
				display: block;
		}
		
		.cta-product > div.canvas3d canvas {
			 position:absolute;
			 display: block;
			 width:100% !important; 
			 height:100% !important;
		}

@media (min-width: 992px){
	
	.cta-product {
		  align-items: center;
	    flex-direction: row;
	
	}
	.cta-product.row-reverse {
	    display: flex;
	    flex-direction: row-reverse;
	}	
	
		.cta-product > div.textlayer {
			  width:45%;
			  transform-origin: center center;
			  transform: rotateY(0deg);
			  margin-left:60%;
		}
		.cta-product.row-reverse > div.textlayer {
				margin-left:0;
			  margin-right: 60%;
		}
			
		.cta-product > div.canvas3d {
			  margin-top:0;
				width: 60%;
				position: absolute;
				display: block;
				top: 0;
				bottom: 0;
				padding-bottom:0;
		}
		
		.cta-product > div.canvas3d canvas {
			 position:relative;
			 width:100%;
			 height:100%;
			 z-index:2;
		}
		
		
		.cta-product > div.canvas3d .videoBackground {
		  display: block;
		  width: 100%;
		  height: auto;
		  position: absolute;
		  top: 0;
		  left: 0;
		}
		.cta-product > div.canvas3d video {
		  width: 100%;
		  height: auto;
		}
	
		.cta-product > div.textlayer .textblock {
			width: calc(100% - 170 * ((100vw - 992px) / 928));
		}
		
		.cta-product h2.headline {
			  font-size: calc(100px + 33 * ((100vw - 992px) / 928));
			  line-height: calc(89px + 26 * ((100vw - 992px) / 928));
			  margin-bottom: 60px;
			  word-spacing: normal;
		}
		.cta-product h2.headline span.subheader {
				font-size: calc(22px + 5 * ((100vw - 992px) / 928));
			  line-height: calc(24px + 6 * ((100vw - 992px) / 928));
		}
	
		.cta-product img{
			  width: 100%;
			  height: auto;
		}	
	
}


/**Leaders**/

.leaders  {
  align-items: center;
  display: flex;
  padding: 80px 0;
  min-height: 100vh;
  position:relative;
}

.leaders span{
	font-size: calc(135px + 55 * ((100vw - 992px) / 928));
  line-height: calc(130px + 50 * ((100vw - 992px) / 928));
	-webkit-text-stroke-color: #000000;
	display: block;
	position: relative;
	width: 100%;
	font-family: 'Barlow Semi Condensed';
  font-style: italic;
 	font-weight: 800;
 	text-transform: uppercase;
}


.leaders.hl1 span.hl1,
.leaders.hl2 span.hl2, 
.leaders.hl3 span.hl3, 
.leaders.hl4 span.hl4 { 
	text-shadow: 6px -4px #000000;
}

/*
.leaders .container-fluid { position:relative; }
*/

p.hashtag {
		display: inline-block;
		position:absolute;
		right: 0;
		bottom:5%;
		font-size: 38px;
		line-height: 38px;
		font-family: 'Barlow Semi Condensed';
	  font-style: italic;
	 	font-weight: 800;	
	 	text-transform:uppercase;
	}

@media (max-width: 991px){

	.leaders  {
	  padding: 0;
	}	

	.leaders > div{
	  align-items: center;
	  display: flex;
		width: 100%;
		min-height: 100vh;
	}
	
	.leaders .headline {
		position:relative;
		left:50%;
		transform: translateX(-50%) translateY(-15%);
	}
	
	.leaders span{
		font-size: calc(70px + 25 * ((100vw - 375px) / 616));
	  line-height: calc(70px + 20 * ((100vw - 375px) / 616));
	}
	
	.leaders.hl1 span.hl1,
	.leaders.hl2 span.hl2, 
	.leaders.hl3 span.hl3, 
	.leaders.hl4 span.hl4 { 
		text-shadow: none;
    color: currentcolor;
    -webkit-text-fill-color: currentcolor;
    -webkit-text-stroke-width: 0;
    -webkit-text-stroke-color: none;
	}

	
	p.hashtag {
		right: 10%;
		bottom: 10%;
		font-size: 30px;
		line-height: 30px;
	}
	
}
/*
@media (min-width: 992px){
	.leaders{
		min-height: 100vh;
	}
	.leaders > div{
		margin: 0 120px;
	}
}
*/


/**Image Teaser**/
.imageteaser{
	position: relative;
}

.imageteaser img{
	position: relative;
	width: 100%;
	height: auto;
}

.imageteaser .content{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	padding: 30px;
	z-index: 10;
}

.imageteaser .content > * {
    color: #fff;
}
.imageteaser .content h3{
	font-family: 'Barlow Semi Condensed';
  font-style: italic;
 	font-weight: 800;
	font-size: calc(32px + 18 * ((100vw - 375px) / 616));
  line-height: calc(29px + 16 * ((100vw - 375px) / 616));
 	text-transform: uppercase;
}

.imageteaser.overlay::before{
	position: absolute;
	display: block;
	content: "";
	width: 100%;
	height: 100%;
	z-index: 1;
	transition: 0.6s;
}

.imageteaser.overlay-blue::before{
	background: rgba(120,181,211,0.65);
}

.imageteaser.overlay-purple::before{
	background: rgba(111,31,151,0.81);
}

.imageteaser.overlay-red::before{
	background: rgba(216,38,74,0.77);
}
.imageteaser.overlay-linkedin::before{
		background: rgba(55,119,171,0.77);
}


.imageteaser.overlay-blue:hover::before{
		background: rgba(120,181,211,1);
}

.imageteaser.overlay-purple:hover::before{
		background: rgba(111,31,151,1);
}

.imageteaser.overlay-red:hover::before{
		background: rgba(216,38,74,1);
}
.imageteaser.overlay-linkedin:hover::before{
		background: rgba(55,119,171,1);
}


.imageteaser-link{
	position: relative;
	display: block;
}

.imageteaser-link::before{
		font-family: 'icomoon';
    content: "\e934";
    position: absolute;
    bottom: 20px;
    right: 20px;
    width: 30px;
    height: 30px;
    z-index: 10;
    color: #ffffff;
    font-weight: 600;
    font-size: 30px;
}

.imageteaser .subheader{
	text-transform: uppercase;
}


@media (min-width: 992px){

	.imageteaser .content h3{
		font-size: calc(50px + 20 * ((100vw - 992px) / 928));
	  line-height: calc(45px + 20 * ((100vw - 992px) / 928));
	}

}


/**Team**/

.team > h2.outline{
	font-family: 'Barlow Semi Condensed';
  font-style: italic;
 	font-weight: 800;
	font-size: calc(37px + 37 * ((100vw - 375px) / 616));
  line-height: calc(35px + 35 * ((100vw - 375px) / 616));
 	text-transform: uppercase;
 	text-align: right;
	margin-bottom: calc(15px + 15 * ((100vw - 375px) / 616));
}

.team .team-wrapper{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
}

.team .team-wrapper > div {
		flex-grow: 0;
  	width: calc( 100% / 2 - 1vw);
  	margin-bottom: 2vw;
}

@media (min-width: 992px){
	
	.team > h2.outline{
		font-size: calc(70px + 30 * ((100vw - 992px) / 928));
	  line-height: calc(78px + 27 * ((100vw - 992px) / 928));
	 	text-align: right;
	 	margin-bottom: calc(30px + 20 * ((100vw - 992px) / 928));
	}
	
}

@media (min-width: 1380px){
	.team .team-wrapper > div {
	  width: calc( 100% / 3 - 1vw);
	  margin-bottom: 1.5vw;
	}
}

/*XL Headline**/

.hlXL {
	position: relative;
}

.hlXL span.hlRow {
	display: block;
	position:relative;
}

/*Style1*/

	.hlXL.style1 h2  {
		position: relative;
		display: inline-block;
		left:50%;
		text-transform: uppercase;
		transform: translateX(-50%);
		font-size: calc(70px + 70 * ((100vw - 375px) / 616));
	  line-height: calc(61px + 61 * ((100vw - 375px) / 616));
	  text-shadow:none;
		-webkit-text-fill-color: transparent;
	  -webkit-text-stroke-width: 1px;
	  -webkit-text-stroke-color: currentColor;
	}

	.hlXL.style1 span.hlRow:last-of-type {
		left: calc(40px + 40 * ((100vw - 375px) / 616));
	}

/*Style2*/

	.hlXL.style2 h2  {
		position: relative;
		display: inline-block;
		left:50%;
		text-transform: uppercase;
		transform: translateX(-50%);
		font-size: calc(70px + 70 * ((100vw - 375px) / 616));
	  line-height: calc(61px + 61 * ((100vw - 375px) / 616));
	  text-shadow:none;
		-webkit-text-fill-color: transparent;
	  -webkit-text-stroke-width: 1px;
	  -webkit-text-stroke-color: currentColor;
	}
	
	.hlXL.style2 h1  {
		position: relative;
		display: inline-block;
		left:50%;
		text-transform: uppercase;
		transform: translateX(-50%);
		font-size: calc(70px + 70 * ((100vw - 375px) / 616));
	  line-height: calc(61px + 61 * ((100vw - 375px) / 616));
	  text-shadow:none;
		-webkit-text-fill-color: transparent;
	  -webkit-text-stroke-width: 1px;
	  -webkit-text-stroke-color: currentColor;
	}

	.hlXL.style2 span.hlRow:first-of-type {
		left: calc(40px + 40 * ((100vw - 375px) / 616));
	}
	
	/*Style3*/
	
	.hlXL.style3 h2  {
		text-align: center;
	}
	
	.hlXL.style3 span.hlRow:last-of-type {
		left: calc(40px + 40 * ((100vw - 375px) / 616));
	}
	
	.hlXL.style4 h2  {
		position: relative;
		display: inline-block;
		left:0;
		text-transform: uppercase;
		transform: none;
		font-size: calc(50px + 50 * ((100vw - 375px) / 616));
	  line-height: calc(45px + 45 * ((100vw - 375px) / 616));
	  text-shadow:none;
		-webkit-text-fill-color: transparent;
	  -webkit-text-stroke-width: 1px;
	  -webkit-text-stroke-color: currentColor;
	}
	
	.hlXL.style5 h1  {
		position: relative;
		display: inline-block;
		left:0;
		text-transform: uppercase;
		transform: none;
		font-size: calc(50px + 50 * ((100vw - 375px) / 616));
	  line-height: calc(55px + 55 * ((100vw - 375px) / 616));
	  text-shadow:none;
		-webkit-text-fill-color: transparent;
	  -webkit-text-stroke-width: 1px;
	  -webkit-text-stroke-color: currentColor;
	}
	
	.hlXL.style5 h2  {
		position: relative;
		display: inline-block;
		left:0;
		text-transform: uppercase;
		transform: none;
		font-size: calc(50px + 50 * ((100vw - 375px) / 616));
	  line-height: calc(55px + 55 * ((100vw - 375px) / 616));
	  text-shadow:none;
		-webkit-text-fill-color: transparent;
	  -webkit-text-stroke-width: 1px;
	  -webkit-text-stroke-color: currentColor;
	}
	

@media (max-width: 991px){

	.hlXL.style1 h1,	
	.hlXL.style2 h1  {
		display: block;
		left:auto;
		transform: none;
		font-size: calc(60px + 70 * ((100vw - 375px) / 616));
	  line-height: calc(50px + 61 * ((100vw - 375px) / 616));
	}	
	
	.hlXL.style1 h2,	
	.hlXL.style2 h2  {
		display: block;
		left:auto;
		transform: none;
		font-size: calc(60px + 70 * ((100vw - 375px) / 616));
	  line-height: calc(50px + 61 * ((100vw - 375px) / 616));
	}	
	
	.hlXL.style1 span.hlRow,
	.hlXL.style2 span.hlRow {
		left: auto !important;
	}

}


/*statementslider*/

.statementslider { 
	height: 100vh;
	height: calc(var(--vh, 1vh) * 100);
	width:100%;
	overflow-x: hidden;
	align-items: center;
  display: flex;
}

.statementslider .static {
	display: block;
	position:relative;
	width:100%;
}

.statementslider .static ul.slides  {
	width:300%;
	display: block;
	position: absolute;
	height: 100%;
	top: 0;
	left: 0;
	padding:0;
	transform: translateX(0);
	transition: transform 400ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
}

.statementslider.step2 .static ul.slides  {
	transform: translateX(-33.3333%);
	transition: transform 400ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
}
.statementslider.step3 .static ul.slides  {
	transform: translateX(-66.6666%);
	transition: transform 400ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
}

.statementslider .static ul.slides li.slide {
	list-style: none;
	display: block;
	position: relative;
	float:left;
	width: calc(100% / 3);
	height: 100%;
	margin: 0;
	padding:0;
}

.statementslider .static span.word,
.statementslider .static div.headline {
		text-transform: uppercase;
	  font-family: 'Barlow Semi Condensed';
	  font-style: italic;
	 	font-weight: 800;
		font-size: calc(70px + 70 * ((100vw - 992px) / 928));
	  line-height: calc(72px + 72 * ((100vw - 992px) / 928));
}

.statementslider .invisible { opacity: 0; }

.statementslider .static ul.slides li.slide > div {
	align-items: flex-end;
  display: flex;
}

.statementslider .static ul.slides li.slide  div.text {
	padding-left: 5vw;
  max-width: 45vw;
}

@media (max-width: 991px) {
	
	.statementslider .static {
			left: 10vw;
			transform: translateY(-50%);
	}		
	
	.statementslider .static ul.slides li.slide > div {
	    align-items: flex-start;
	    display: flex;
	    flex-direction: column;
	}	
	
	.statementslider .static span.word,
	.statementslider .static div.headline {
			font-size: calc(70px + 70 *  ((100vw - 375px) / 616));
		  line-height: calc(72px + 72 *  ((100vw - 375px) / 616));
      margin-bottom: calc(40px + 40 *  ((100vw - 375px) / 616));
	}
		
	.statementslider .static ul.slides li.slide div.text {
	    padding-left: 0;
	    left: 10vw;
	    width:80vw;
	    max-width: none;
	}
	

}




/*Statements*/

.statements { 
	/*min-height: 120vh;*/
	width:100%;
	overflow-x: hidden;
}

.statements div.item  {
	position: relative;
	text-align: center;
	margin: 4vw 0;
	float: left;
	clear: both;
}

.statements div.item .circle {
	 padding: calc(40px + 20 * ((100vw - 992px) / 928));
	 background: transparent;
	 border-radius: 900px;
	 display: inline-block;
	 position:relative;
	 transition: background 0.5s ease-in-out;
}

.statements div.item .circle.active{
	 background: #ffffff;
}
.statements div.item .circle:after{
	 content:"";
	 top: calc(-8px - 8 * ((100vw - 992px) / 928));
	 left:0;
	 background: transparent;
	 height:100%;
	 width:100%;
	 content:"";
	 position:absolute;
	 border-radius:inherit;
	 border: 2px solid currentcolor;
	 opacity:0;
}
.statements div.item .circle.active:after{
	 opacity: 1;
	 transition: opacity 0.5s ease-in-out 0.25s;
}


.statements div.item .circle .outer {
	 display: inline-block;
	 position:relative;
}

.statements div.item  .circle .inner  {
	 display: inline-block;
	 position:relative;
	 z-index:3;
}

.statements div.item.message .circle .inner  p { 
  font-size: calc(30px + 30 * ((100vw - 992px) / 928));
  line-height: calc(30px + 30 * ((100vw - 992px) / 928));
  font-weight: 500;
 	font-style: italic;
	margin:0;
}

.statements div.item.counter .circle .inner  p { 
  font-size: calc(30px + 30 * ((100vw - 992px) / 928));
  line-height: calc(30px + 30 * ((100vw - 992px) / 928));
  font-weight: 500;
 	font-style: italic;
	margin:0;
}

		
	.statements div.item.contact .circle .inner  p { 
	  font-size: 17px;
	  line-height: 26px;
	}
			
	.statements div.item.contact .circle .inner h3 { 
	  font-size: calc(20px + 10 * ((100vw - 992px) / 928));
	  line-height: calc(20px + 10 * ((100vw - 992px) / 928));
		text-transform: uppercase;
		text-shadow:none;
		-webkit-text-fill-color: transparent;
	  -webkit-text-stroke-width: 1px;
	  -webkit-text-stroke-color: currentColor;
	}
	
	.statements div.item.contact .circle.active .inner h3 { 
	  font-size: calc(20px + 10 * ((100vw - 992px) / 928));
	  line-height: calc(20px + 10 * ((100vw - 992px) / 928));
		text-transform: uppercase;
		text-shadow:none;
		-webkit-text-fill-color: currentcolor;
	  -webkit-text-stroke-width: 0;
	  -webkit-text-stroke-color: none;
	}

.statements div.item.counter .circle .inner  span.value {
	font-family: 'Barlow Semi Condensed';
  font-style: italic;
 	font-weight: 800;
  font-size: calc(60px + 60 * ((100vw - 992px) / 928));
  line-height: calc(60px + 60 * ((100vw - 992px) / 928));
	text-transform: uppercase;
}

.statements div.item.counter .circle .inner  span.dimension { 
	font-family: 'Barlow Semi Condensed';
  font-style: italic;
 	font-weight: 800;
  font-size: calc(40px + 20 * ((100vw - 992px) / 928));
  line-height: calc(40px + 20 * ((100vw - 992px) / 928));
	text-transform: uppercase;
	position: relative;
	transform: translateX(calc(-12px - 12 * ((100vw - 992px) / 928)));
	display: inline-block;
}
.statements div.item.counter .circle .inner  span.dimension.dim1:after { 
	content:"%";
}
.statements div.item.counter .circle .inner  span.dimension.dim2:after { 
	font-size: calc(30px + 10 * ((100vw - 992px) / 928));
  line-height: calc(30px + 10 * ((100vw - 992px) / 928));
	content:"Jahre";
}
.statements div.item.counter .circle .inner  span.dimension.dim3:after { 
	content:"+";
}


@media (max-width: 991px){


		.statements div.item .circle:after{
			 top: calc(-4px - 4 * ((100vw - 375px) / 616));
		}

		.statements div.item .circle {
			 padding:  calc(50px + 20 * ((100vw - 375px) / 616));
			 transform: translateX(-30%);
		}

		.statements div.item.message .circle .inner  p { 
		  font-size: calc(18px + 10 * ((100vw - 375px) / 616));
		  line-height: calc(18px + 10 * ((100vw - 375px) / 616));
		}
		
		.statements div.item.counter .circle .inner  p { 
		  font-size: calc(17px + 3 * ((100vw - 375px) / 616));
		  line-height: calc(17px + 3 * ((100vw - 375px) / 616));
		}
		
		.statements div.item.counter .circle .inner  span.value {
		  font-size: calc(80px + 20 * ((100vw - 375px) / 616));
		  line-height: calc(80px + 20 * ((100vw - 375px) / 616));

		}
		
		.statements div.item.counter .circle .inner  span.dimension { 
		  font-size: calc(60px + 10 * ((100vw - 375px) / 616));
		  line-height: calc(60px + 10 * ((100vw - 375px) / 616));
			transform: translateX(calc(-6px - 6 * ((100vw - 375px) / 616)));
		}
		
		.statements div.item.counter .circle .inner  span.dimension.dim2:after { 
		  font-size: calc(20px + 10 * ((100vw - 375px) / 616));
		  line-height: calc(20px + 10 * ((100vw - 375px) / 616));
		}
		
		.statements div.item.contact .circle .inner  p { 
		  font-size: 17px;
		  line-height: 26px;
		}

}




/*Accordion*/

.accordion-item {
  border: none;
  background-color: transparent;
}


h4.accordion-header {
  font-size: 18px;
  text-transform: uppercase;
}

.accordion-button {
  
	background-color: transparent !important;
  font-size: 26px;
  font-style: italic;
  /*text-transform: uppercase;*/
  font-weight: 700;
  padding: 10px 0;
  box-shadow: inset 0 -1px 0 rgba(0,0,0,.125) !important;
}

.accordion-body {
  padding: 10px 0px;
}

.accordion-button::after {
  font: normal normal normal 1em/1 'Nucleo';
  content: "\ea31";
  background-image: none;
  width: 1.6rem;
	height: 1.6rem;
	padding-left: 30px;
  margin-right: 30px;
}

.accordion-button:focus, .accoirdion-button:active{
	outline: 0 !important;
	border: none !important;
	box-shadow: inset 0 -1px 0 rgba(0,0,0,.125) !important;
}

.accordion-button:not(.collapsed)::after{
	background-image: none;
}

.accordion-button:not(.collapsed)::after{
	transform: scaleY(-1);
}



/**Teasermore**/

.teasermore a{
	text-decoration: none;
}

.teasermore .teaser-wrapper{
	display: flex;
}

.teasermore .image {
    position: relative;
    display: inline;
    height: 150px;
}

.teasermore .image img{
	border-radius: 100%;
	width: 150px;
	height: 150px;
}

.teasermore .image::after{
    top: -0.5rem;
    left: 0.25rem;
    background: transparent;
    height: 100%;
    width: 100%;
    content: "";
    position: absolute;
    border-radius: 100%;
    border: 2px solid #ffffff;
}

.teasermore .content{
	padding-left: 40px;
	color: #ffffff;
}

.teasermore .content span.outline{
	font-family: 'Barlow Semi Condensed';
  font-style: italic;
 	font-weight: 800;
 	font-size: 35px;
 	line-height: 30px;
 	text-transform: uppercase;
}

.teasermore .content span.teasertext{
	font-family: 'Barlow Semi Condensed';
  font-style: italic;
 	font-weight: 800;
 	font-size: 73px;
 	line-height: 65px;
 	text-transform: uppercase;
}

.teasermore .content span.arrow-right{
	display: inline;
  position: relative;
  margin-left: 60px;
}

.teasermore .content span.arrow-right::before{
	font-family: 'icomoon';
  content: "\e934";
  position: absolute;
  bottom: 20px;
  right: 20px;
  width: 30px;
  height: 30px;
  z-index: 10;
  color: #ffffff;
  font-weight: 600;
  font-size: 30px;
  line-height: 24px;
}

/**Keynotes**/

.keynotes{
	margin-bottom: 30px;
}

.keynotes h2{
	font-family: 'Barlow Semi Condensed';
  font-style: italic;
 	font-weight: 800;
 	font-size: 200px;
 	line-height: 200px;
 	text-align: center;
 	text-transform: uppercase;
}

.keynotes .circle{
	position: relative;
	margin-bottom: 30px;
}

.keynotes .circle::after{
	 top: -1rem;
	 left:1rem;
	 background: transparent;
	 height:100%;
	 width:100%;
	 content:"";
	 position:absolute;
	 border-radius:100%;
	 border: 2px solid #ffffff;
}

.keynotes img{
	border-radius: 100%;
	width: 100%;
	height: auto;
}

@media (max-width: 991px){
	.keynotes h2{
	 	font-size: 80px;
	 	line-height: 80px;
	}
}

/**Results**/
.results {
	position: relative;
}

.results ul {
	display: inline-block;
} 

.results li{
	list-style: none;
	margin-bottom: 30px;
}

.results li h3{
	font-family: 'Barlow Semi Condensed';
  font-style: italic;
 	font-weight: 800;
 	font-size: 46px;
 	line-height: 50px;
 	text-transform: uppercase;
 	display: inline-block;
}

@media (max-width: 991px){
		
	/*.pinResult {*/
	/*	min-height: 94vh;*/
	/*	padding-top: 6vh;*/
	/*}*/
	
	/*.pinResult {*/
	/*	min-height: 94vh;*/
	/*	padding-top: 6vh;*/
	/*}*/
	
	.results ul {
		padding-left: 15px;
	}
	.results li h3{
		display: block;
		font-size: 30px;
		line-height: 34px;
		-webkit-text-fill-color: currentColor;
	  -webkit-text-stroke-width: 0px;
	  -webkit-text-stroke-color: currentColor;
	}
	
	.results li .box{
		position: relative;
		display: block;
		width: 100%;
		margin: 20px 0;
	}

	.results .circle  {
		background: none !important;
	}
	
	.results .circle .outer {
		margin: 0 !important;
	}
	
		
}

@media (min-width: 992px){
	
	.results li .box{
		position: absolute;
		left:50%;
		opacity: 0;
		top: 0;
		width: 50%;
		height:100%;
		transition: opacity 400ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
	}

	.results li .box > div {
    top: 50%;
    position: relative;
    transform: translateY(-50%);
	}
	
	.results  .circle {
		 padding: calc(40px + 20 * ((100vw - 992px) / 928));
		 border-radius: 900px;
		 display: inline-block;
		 position:relative;
		 left:50%;
		 transform: translateX(-50%);
	}
	
	.results .circle .outer {
	 display: inline-block;
	 position:relative;
	}
	
	.results .circle .inner  {
		 display: inline-block;
		 position:relative;
	}
	
	.results .circle .inner p {
		 display: inline-block;
		 position:relative;
		 width: 20vw;
	}
	
	.results .circle:after{
		 content:"";
		 top: calc(-8px - 8 * ((100vw - 992px) / 928));
		 left:0;
		 background: transparent;
		 height:100%;
		 width:100%;
		 content:"";
		 position:absolute;
		 border-radius:inherit;
		 border: 2px solid currentcolor;
	}
	
	.results li.active h3 {
		-webkit-text-fill-color: currentColor;
	  -webkit-text-stroke-width: 0px;
	  -webkit-text-stroke-color: currentColor;
	  transform: scale(1.2);
	  position: relative;
	  display: inline-block;
	}
	.results li.active .box{
		opacity: 1;
		transition: opacity 400ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
	}

}


.glow-on-hover {
    border: none;
    outline: none;
    position:relative;
    background:#ffffff;
}

.glow-on-hover:before {
    content: '';
    background: linear-gradient(45deg, #ff0000, #ff7300, #fffb00, #48ff00, #00ffd5, #002bff, #7a00ff, #ff00c8, #ff0000);
    position: absolute;
    top: -2px;
    left:-2px;
    background-size: 400%;
    z-index: -1;
    filter: blur(5px);
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    animation: glowing 20s linear infinite;
    opacity: 0;
    transition: opacity .3s ease-in-out;
    border-radius: 100%;
}

.glow-on-hover.linkedin:before {
    background: linear-gradient(45deg, #0A66C2, #3685d4, #6ba5de, #cadff3, #6ba5de, #3685d4, #084e94, #3685d4);
}
.glow-on-hover.facebook:before {
    background: linear-gradient(45deg, #4267B2, #819bcf, #cfd8ec, #819bcf, #4267B2, #052c7c, #1b48a3, #819bcf);
}
.glow-on-hover.instagram:before {
    background: linear-gradient(45deg, #405DE6, #5851DB, #833AB4, #C13584, #E1306C, #FD1D1D, #F56040, #F77737, #FCAF45);
}
.glow-on-hover.podcast:before {
    background: linear-gradient(45deg, #82b02b, #7ebc09, #98d524, #6f9d17, #8ab736, #7dba09, #81b71a);
}

.glow-on-hover:active {
    color: #000
}

.glow-on-hover:active:after {
    background: transparent;
}

.glow-on-hover:hover:before {
    opacity: 1;
}

.glow-on-hover:after {
    z-index: -1;
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: none;
    left: 0;
    top: 0;
    border-radius: 10px;
}

@keyframes glowing {
    0% { background-position: 0 0; }
    50% { background-position: 400% 0; }
    100% { background-position: 0 0; }
}

/** Landing Page **/

.layoutpagets__landingpage {
    margin-top: 96px;
}

.layoutpagets__landingpage header.page-header {
/*    position: fixed;*/
/*    width: 100%;*/
			height: auto;
/*    top: 0;*/
/*    left: 0;*/
			padding: 16px 30px;
      display: flex;
      justify-content: space-between;
      align-items: center;
/*    z-index: 999;*/
}

.layoutpagets__landingpage header.page-header .logo {
    position: relative;
    top: auto;
    left: auto;
}
.layoutpagets__landingpage header.page-header .logo svg {
    height: 66px;
}

/*.layoutpagets__landingpage .nav-landingpage{*/
/*	display: none;*/
/*}*/

.layoutpagets__landingpage .nav-landingpage ul{
	margin: 0;
	padding: 0;
}

.layoutpagets__landingpage .nav-landingpage li{
	list-style: none;
}

.layoutpagets__landingpage_2 .nav-landingpage ul{
	margin: 0;
	padding: 0;
}

.layoutpagets__landingpage_2 .nav-landingpage li{
	list-style: none;
}

@media(min-width: 992px){
	.layoutpagets__landingpage {
	    margin-top: 98px;
	}
	
	.layoutpagets__landingpage .nav-landingpage{
		display: block;

	}
}


@media(max-width: 478px){


	.layoutpagets__landingpage {
	    margin-top: 61px;
	}
	
	.layoutpagets__landingpage header.page-header {
				padding: 10px 30px;
	}
	.layoutpagets__landingpage header.page-header .logo svg {
	    height: 41px;
	}
	
	.layoutpagets__landingpage .nav-landingpage .btn {
	  font-size: 17px;
	  line-height: 20px;
	  padding: 6px 0px 6px 37px;
	  min-width: 150px;
	  border-radius: 33px;
	  border-width: 0;
	  background-color: transparent !important;
	  font-weight: 500;
	}
 .layoutpagets__landingpage .nav-landingpage .btn:after {
 		content: "\e93d";
		display: inline;
		font-family: 'icomoon' !important;
	  speak: never;
	  font-style: normal;
	  font-weight: normal;
	  font-variant: normal;
	  text-transform: none;
	  margin-left: 8px;
	  font-size: 14px;
  }

}



/* Accordion */ 

/*Cleverreach*/

.cr_button { margin-bottom: 3rem; }

.cr_input {
  position: relative;
  font-family: 'Barlow Semi Condensed';
  font-weight: 500;
  font-size: 19px;
  font-style: italic;
  line-height: 22px;
  padding: 15px 45px 15px 45px;
  background-color: inherit;
  text-transform: uppercase;
  min-width: 230px;
  border-radius: 33px;
  z-index: 15;
  border-width: 2px;
  border-color:#333333;
}

.powermail_select {
  position: relative;
  font-family: 'Barlow Semi Condensed';
  font-weight: 500;
  font-size: 19px;
  font-style: italic;
  line-height: 22px;
  padding: 10px 45px 10px 20px;
  background-color: inherit;
  text-transform: none !important;
  min-width: 230px;
  border-radius: 0;
  z-index: 15;
  border-width: 1px;
    border-top-width: 1px;
    border-right-width: 1px;
    border-left-width: 1px;
  border-color: #333333;
    border-top-color: rgb(51, 51, 51);
    border-right-color: rgb(51, 51, 51);
    border-left-color: rgb(51, 51, 51);
  border-top: none;
  border-right: none;
  border-left: none;
  background: #fafafa;
  margin-bottom: 30px;
}

.powermail_fieldwrap_type_check{
	margin-bottom: 30px;
}

.powermail_fieldwrap_type_check .checkbox {
  font-size: 22px;
  line-height: 35px;
}

input.powermail_checkbox {
  width: 16px;
  height: 16px;
}

.clever_form_error {
	outline: 2px solid #ff0000;
}

.itemname  {
  font-weight: 400;
  font-size: 19px;
}

@media(max-width: 1199px){
	.itemname  {
	  font-weight: 400;
	  font-size: 16px;
	  margin-left:30px;
	  margin-top:10px;
	}
}


/* Powermail */

.tx-powermail{
	padding-bottom: 44px;
}

.tx-powermail > .container-fluid{
	padding: 0;
}

.powermail_input, .powermail_textarea{
	margin: 0 0 30px 0;
}

.powermail-errors-list{
	display: none !important;
}


.nopowermail input[type="text"],
.nopowermail input[type="email"],
.nopowermail input[type="tel"],
.nopowermail textarea,
.tx-powermail input[type="text"],
.tx-powermail input[type="email"],
.tx-powermail input[type="tel"],
.tx-powermail textarea{
  border-top: none;
  border-radius: 0;
  border-right: none;
  border-left: none;
  padding: 15px 15px 5px;
  border-bottom: 1px solid #000;
  text-transform: none;
  background-color: #fafafa;
}

.nopowermail .powermail_input, .nopowermail .powermail_textarea {
  margin: 0 0 15px 0;
}

.tx-powermail .powermail_fieldwrap.powermail_fieldwrap_type_radio {
  margin-bottom: 2rem;
}

.tx-powermail .powermail_fieldwrap.powermail_fieldwrap_type_radio >  label{
  font-family: 'Barlow Semi Condensed';
  font-weight: 500;
  font-size: 19px;
}

/*.tx-powermail .powermail_fieldwrap.powermail_fieldwrap_type_radio > div {*/
/*  display: flex;*/
/*  align-items: center;*/
/*  flex-direction: column;*/
/*}*/

.tx-powermail .powermail_fieldwrap.powermail_fieldwrap_type_radio > div .radio {
  font-family: 'Barlow Semi Condensed';
  font-weight: 400;
  font-size: 17px;
  line-height: 25px;
  margin: 5px 0;
}

.tx-powermail .powermail_fieldwrap_type_text{
	font-size: 17px;
	font-weight: 700;
	padding-bottom: 10px;
}

@media(max-width: 991px){
 .powermail_fieldwrap_absenden div {
    text-align: center;
  }
  
  .powermail_create, 
  .powermail_create * {
   text-align: center;	
  }
  
}


a.calendly-trigger {
	display: inline;
}
#calendly {
  width: 50%;
  margin-left: 10px;
  height:auto;
  display: inline-block;
}


/*.SlideUp {*/
/*	transform: translateY(40vh);*/
/*	transition: 1.3s transform ease-in-out;*/
/*} */


/*.SlideDone {*/
/*	transform: translateY(0);*/
/*	transition: 1.3s transform ease-in-out;*/
/*} */


.SlideUp {
	opacity:0;
} 


.SlideUp.show {
	/*opacity: 1;*/
	/*transition: all .5s ease;*/
	/*transform: translateX(0);*/
	/*max-height: 100%;*/
	animation-name: schreiben;
	animation-duration: .5s;
	animation-fill-mode: forwards;
	animation-delay: 50ms;
}


/*.SlideDone {*/
/*	transform: translateY(0);*/
/*	transition: 1.3s transform ease-in-out;*/
/*} */


.tx-t3extblog .content p {
	font-size: 20px;
	line-height: 27px;
}

.tx-t3extblog .content li,
.tx-t3extblog .content p {
	font-size: 20px;
	line-height: 32px;
}

.tx-t3extblog .content p,
.tx-t3extblog .content ul {
	margin-bottom: 50px;	
}

.tx-t3extblog .content ol {
	margin-left:0;
	padding-left:20px;
}

.tx-t3extblog .content ol  li::marker {
	font-weight:700;
}

.tx-t3extblog .content p strong {
	font-weight: 600;
}



/********** BLOG ************/

.news h1, .news h2, .news h3, .news h4, .news h5, .news h6{
	font-family: "Barlow";
	font-weight: 500;
	font-style: normal;
}

.news h3 {
  font-size: 1.5rem;
}

.news p{
	line-height: 26px;
}

.cat-filter {
  margin: 20px 0;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

.cat-filter .btn-group{
	margin-bottom: 10px;
}

.news-cat {
  font-weight: 700;
  color: #555 !important;
  border: 1px solid #555;
  border-radius: 10px;
  padding: 3px 15px;
  display: block;
}

.news-cat:hover {
  color: #000 !important;
  border: 1px solid #000;
}

.news-cat.active{
	color: #fff !important;
  border: 1px solid #000;
  background-color: #000;
}

.news-list-view .list-group-item{
	border: none;
}

.news-list-view .list-group-item img{
	width: 100%;
	height: auto;
}

.news .thumbnail .img-fluid{
	max-width: 100% !important;
}

.news .row.news-list{
	justify-content: space-between;
}

.news .row.news-list::after, .news .row.news-list::before{
	display: none;
}

.news .row.news-list > div:nth-child(even){
	margin-top: 150px;
}

.news .pagination{
	justify-content: center;
}


.news-related img {
width:100%;
height: auto;
}

@media(min-width: 992px){
	.blog-marginal{
		margin-top: 168px;
	}
}

.blog-marginal .news .row.news-list{
	flex-direction: column;
}

.blog-marginal .news .row.news-list > div{
	width: 100%;
	margin-top: 0px;
}

.news ol{
	font-size: 17px;
  line-height: 26px;
}

.news .top-news{
	text-align: center;
}

.news .news-list-item-small div.extra,
.news .news-list-item-small h5,
.news .news-list-item-small p {
	text-align: left;
}

.news .news-list-item-small div.extra {
	margin-bottom:0 !important;
	font-size: 0.85rem;
}

.news-text-wrap a {
	text-decoration: underline;
	font-weight:500;
}


.news .f3-widget-paginator li > * {
	font-family: 'Barlow Semi Condensed';
  font-weight: 800;
  font-size: 19px;
  font-style: italic;
  line-height: 22px;
  padding: 15px 45px 15px 45px;
  border-width: 2px 1px 2px 1px;
  border-color: #000000 !important;
}
.news .f3-widget-paginator li:first-child > * {
		border-radius: 33px  0 0 33px;
		border-width: 2px 1px 2px 2px;
} 

.news .f3-widget-paginator li:last-child > * {
	border-radius: 0 33px 33px 0;
	border-width: 2px 2px 2px 1px;
} 

.news .f3-widget-paginator li:active > *,
.news .f3-widget-paginator li:hover > * {
  background-color: #fde352;
}

.news .f3-widget-paginator li.active > * {
  background-color: #000000 !important;
  color: #ffffff !important;
}




/***** Storytelling *****/


.bestseller::after{
	top:0;
	left:0;
	content: "";
	background: url('../img/bestseller3d.svg');
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	height:120px;
	aspect-ratio: 1 / 1;
	display: block;
	position:absolute;
	transform: translate(-25%,-25%);
	filter: drop-shadow(4px 4px 1px rgba(0,0,0,0.3));
}

@media(max-width: 619px){
	.bestseller::after{
		transform: translate(0%,-25%);
	}
}



.pricing .ce-col > div {
  border: 1px solid #000;
}


/* Blog Post */


.post-crl {
	position: fixed;
	top: 0;
	left:0;
	z-index:3;
	height: 100svh;
}


#rp-bar{
	top: 50%;
	left: 59px;
	height: 50svh;
	transform: translateY(-50%);
	width: 5px;
	background: #bbbbbb;
	position:relative;
}

#rp-bar:before{
	position: absolute;
	top: 0;
	left: -20px;
	transform-origin: top left;
	content: 'Dein Lesefortschritt';
	white-space: nowrap;
	transform: rotate(-90deg) translateX(-100%);
}
#rp-bar div {
	width: 100%;
	float:left;
	position: relative;
}
#rp-read{
	background-color: #000000;
}
#rp-unread{
	background-color: #bbbbbb;
}

#rp-unread:after{
	position: absolute;
	top:0; 
	left:10px;
	content: attr(data-readingtime);
	transform: translateY(-50%);
	white-space: nowrap;
}

.estimated-reading-time {
	display: none;
}

@media(max-width: 991px){
	
	#rp-bar {
		display: none !important;
  }
	
}

.zitatzeichen {
  font-size: 150px;
  position: absolute;
  top: -52px;
  left: -40px;
  line-height: 0px;
  display: block;
  color: #333 !important;
  margin: ;
}

.quote {
  position: relative;
  margin-left: 40px;
  display: block;
  margin-top: 50px;
  padding: ;
  padding-left: 8px;
  font-size: 20px;
  line-height: 30px;
}

/* Cases */
.caseborder > .col > .frame {
  border: 1px solid #333;
  height: 100%;
}

.caseborder > .col {
  margin-bottom: 30px;
}

/* Quicklinks */

.subfooter .quicklinks{
	padding: 38px;
	border-bottom: 1px solid #4a4a4a;
}

.subfooter .quicklinks .logo svg{
	height: 100px;
	width: auto;
	margin-bottom: 30px;
}

.subfooter .quicklinks a:hover{
	border-bottom: 1px solid #fff;
}

.subfooter .border-right{
	border-left: 1px solid #000;
}