.mega-dropdown {
    backface-visibility: hidden;
    background: rgba(0, 0, 0, 0.9);
    display: block;
    font-size: 0.875em;
    right: 0;
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    padding: 0;
    pointer-events: none;
    position: absolute;
    top: 100%;
    transition: max-height 0s ease 0.3s, padding 0s ease 0.3s, opacity 0.3s ease 0s;
    width: 100%;
    text-transform: none;
}

.rs-columns {
  clear: both;
  display: inline-block;
  width: 100%;
}

.rs-column {
  float: left;
  width: 100%;
  margin-top: 7.69231%;
  margin-right: 7.69231%;
}
.rs-column.-large-first {
  clear: left;
}
.rs-column.-large-last {
  margin-right: -5px;
}
.rs-column.-large-first-row {
  margin-top: 0;
}
.rs-column.-large-col-1-1 {
  width: 100%;
}
.rs-column.-large-col-2-1 {
  width: 46.15385%;
}
.rs-column.-large-col-2-2 {
  width: 100%;
}
.rs-column.-large-col-3-1 {
  width: 28.20513%;
}
.rs-column.-large-col-3-2 {
  width: 64.10256%;
}
.rs-column.-large-col-3-3 {
  width: 100%;
}
.rs-column.-large-col-4-1 {
  width: 19.23077%;
}
.rs-column.-large-col-4-2 {
  width: 46.15385%;
}
.rs-column.-large-col-4-3 {
  width: 73.07692%;
}
.rs-column.-large-col-4-4 {
  width: 100%;
}
.rs-column.-large-col-5-1 {
  width: 13.84615%;
}
.rs-column.-large-col-5-2 {
  width: 35.38462%;
}
.rs-column.-large-col-5-3 {
  width: 56.92308%;
}
.rs-column.-large-col-5-4 {
  width: 78.46154%;
}
.rs-column.-large-col-5-5 {
  width: 100%;
}
.rs-column.-large-col-6-1 {
  width: 10.25641%;
}
.rs-column.-large-col-6-2 {
  width: 28.20513%;
}
.rs-column.-large-col-6-3 {
  width: 46.15385%;
}
.rs-column.-large-col-6-4 {
  width: 64.10256%;
}
.rs-column.-large-col-6-5 {
  width: 82.05128%;
}
.rs-column.-large-col-6-6 {
  width: 100%;
}
@media screen and (max-width: 900px) {
  .rs-column {
    margin-top: 7.69231%;
    margin-right: 7.69231%;
  }
  .rs-column.-large-first {
    clear: none;
  }
  .rs-column.-large-last {
    margin-right: 7.69231%;
  }
  .rs-column.-large-first-row {
    margin-top: 7.69231%;
  }
  .rs-column.-medium-first {
    clear: left;
  }
  .rs-column.-medium-last {
    margin-right: -5px;
  }
  .rs-column.-medium-first-row {
    margin-top: 0;
  }
  .rs-column.-medium-col-1-1 {
    width: 100%;
  }
  .rs-column.-medium-col-2-1 {
    width: 46.15385%;
  }
  .rs-column.-medium-col-2-2 {
    width: 100%;
  }
  .rs-column.-medium-col-3-1 {
    width: 28.20513%;
  }
  .rs-column.-medium-col-3-2 {
    width: 64.10256%;
  }
  .rs-column.-medium-col-3-3 {
    width: 100%;
  }
  .rs-column.-medium-col-4-1 {
    width: 19.23077%;
  }
  .rs-column.-medium-col-4-2 {
    width: 46.15385%;
  }
  .rs-column.-medium-col-4-3 {
    width: 73.07692%;
  }
  .rs-column.-medium-col-4-4 {
    width: 100%;
  }
  .rs-column.-medium-col-5-1 {
    width: 13.84615%;
  }
  .rs-column.-medium-col-5-2 {
    width: 35.38462%;
  }
  .rs-column.-medium-col-5-3 {
    width: 56.92308%;
  }
  .rs-column.-medium-col-5-4 {
    width: 78.46154%;
  }
  .rs-column.-medium-col-5-5 {
    width: 100%;
  }
  .rs-column.-medium-col-6-1 {
    width: 10.25641%;
  }
  .rs-column.-medium-col-6-2 {
    width: 28.20513%;
  }
  .rs-column.-medium-col-6-3 {
    width: 46.15385%;
  }
  .rs-column.-medium-col-6-4 {
    width: 64.10256%;
  }
  .rs-column.-medium-col-6-5 {
    width: 82.05128%;
  }
  .rs-column.-medium-col-6-6 {
    width: 100%;
  }
}
@media screen and (max-width: 599px) {
  .rs-column {
    margin-top: 7.69231%;
    margin-right: 7.69231%;
  }
  .rs-column.-large-last {
    margin-right: 7.69231%;
  }
  .rs-column.-large-first-row {
    margin-top: 7.69231%;
  }
  .rs-column.-medium-first {
    clear: none;
  }
  .rs-column.-medium-last {
    margin-right: 7.69231%;
  }
  .rs-column.-medium-first-row {
    margin-top: 7.69231%;
  }
  .rs-column.-small-first {
    clear: left;
  }
  .rs-column.-small-last {
    margin-right: -5px;
  }
  .rs-column.-small-first-row {
    margin-top: 0;
  }
  .rs-column.-small-col-1-1 {
    width: 100%;
  }
  .rs-column.-small-col-2-1 {
    width: 46.15385%;
  }
  .rs-column.-small-col-2-2 {
    width: 100%;
  }
  .rs-column.-small-col-3-1 {
    width: 28.20513%;
  }
  .rs-column.-small-col-3-2 {
    width: 64.10256%;
  }
  .rs-column.-small-col-3-3 {
    width: 100%;
  }
  .rs-column.-small-col-4-1 {
    width: 19.23077%;
  }
  .rs-column.-small-col-4-2 {
    width: 46.15385%;
  }
  .rs-column.-small-col-4-3 {
    width: 73.07692%;
  }
  .rs-column.-small-col-4-4 {
    width: 100%;
  }
  .rs-column.-small-col-5-1 {
    width: 13.84615%;
  }
  .rs-column.-small-col-5-2 {
    width: 35.38462%;
  }
  .rs-column.-small-col-5-3 {
    width: 56.92308%;
  }
  .rs-column.-small-col-5-4 {
    width: 78.46154%;
  }
  .rs-column.-small-col-5-5 {
    width: 100%;
  }
  .rs-column.-small-col-6-1 {
    width: 10.25641%;
  }
  .rs-column.-small-col-6-2 {
    width: 28.20513%;
  }
  .rs-column.-small-col-6-3 {
    width: 46.15385%;
  }
  .rs-column.-small-col-6-4 {
    width: 64.10256%;
  }
  .rs-column.-small-col-6-5 {
    width: 82.05128%;
  }
  .rs-column.-small-col-6-6 {
    width: 100%;
  }
}

#colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden;-webkit-transform:translate3d(0,0,0)}#cboxWrapper{max-width:none}#cboxOverlay{position:fixed;width:100%;height:100%}#cboxMiddleLeft,#cboxBottomLeft{clear:left}#cboxContent{position:relative}#cboxLoadedContent{overflow:auto;-webkit-overflow-scrolling:touch}#cboxTitle{margin:0}#cboxLoadingOverlay,#cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;height:100%}#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{cursor:pointer}.cboxPhoto{float:left;margin:auto;border:0;display:block;max-width:none;-ms-interpolation-mode:bicubic}.cboxIframe{width:100%;height:100%;display:block;border:0;padding:0;margin:0}#colorbox,#cboxContent,#cboxLoadedContent{box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box}#cboxOverlay{background:#000;opacity:.9;filter:alpha(opacity = 90)}#colorbox{outline:0}#cboxContent{margin-top:20px;background:#000}.cboxIframe{background:#fff}#cboxError{padding:50px;border:1px solid #ccc}#cboxLoadedContent{border:5px solid #000;background:#fff}#cboxTitle{position:absolute;top:-20px;left:0;color:#ccc}#cboxCurrent{position:absolute;top:-20px;right:0;color:#ccc}#cboxLoadingGraphic{background:url(../../assets/colorbox/images/loading.gif) no-repeat center center}#cboxPrevious,#cboxNext,#cboxSlideshow,#cboxClose{border:0;padding:0;margin:0;overflow:visible;width:auto;background:0 0}#cboxPrevious:active,#cboxNext:active,#cboxSlideshow:active,#cboxClose:active{outline:0}#cboxSlideshow{position:absolute;top:-20px;right:90px;color:#fff}#cboxPrevious{position:absolute;top:50%;left:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top left;width:28px;height:65px;text-indent:-9999px}#cboxPrevious:hover{background-position:bottom left}#cboxNext{position:absolute;top:50%;right:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top right;width:28px;height:65px;text-indent:-9999px}#cboxNext:hover{background-position:bottom right}#cboxClose{position:absolute;top:5px;right:5px;display:block;background:url(../../assets/colorbox/images/controls.png) no-repeat top center;width:38px;height:19px;text-indent:-9999px}#cboxClose:hover{background-position:bottom center}
.content-slider{overflow:hidden;visibility:hidden;position:relative}.slider-wrapper{overflow:hidden;position:relative}.slider-wrapper>*{float:left;width:100%;position:relative}.slider-control{height:30px;position:relative}.slider-control a,.slider-control .slider-menu{position:absolute;top:9px;display:inline-block}.slider-control .slider-prev{left:0}.slider-control .slider-next{right:0}.slider-control .slider-menu{top:0;width:50%;left:50%;margin-left:-25%;font-size:27px;text-align:center}.slider-control .slider-menu b{color:#bbb;cursor:pointer}.slider-control .slider-menu b.active{color:#666}
/**
* html5doctor.com Reset Stylesheet v1.6.1 (http://html5doctor.com/html-5-reset-stylesheet/)
* Richard Clark (http://richclarkdesign.com)
* http://cssreset.com
*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
margin:0;
padding:0;
border:0;
outline:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
}
body {
line-height:1;
}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
display:block;
}
nav ul {
list-style:none;
}
blockquote, q {
quotes:none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content:'';
content:none;
}
a {
margin:0;
padding:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
}
/* change colours to suit your needs */
ins {
background-color:#ff9;
color:#000;
text-decoration:none;
}
/* change colours to suit your needs */
mark {
background-color:#ff9;
color:#000;
font-style:italic;
font-weight:bold;
}
del {
text-decoration: line-through;
}
abbr[title], dfn[title] {
border-bottom:1px dotted;
cursor:help;
}
table {
border-collapse:collapse;
border-spacing:0;
}
/* change border colour to suit your needs */
hr {
display:block;
height:1px;
border:0;
border-top:1px solid #cccccc;
margin:1em 0;
padding:0;
}
input, select {
vertical-align:middle;
}
:root {
	
	--wrapper-width: 144rem;
	
    --font-family-primary: 'Roboto';
    --font-family-secondary: 'Roboto Slab';
	
	--color-green: #89c946;
	--color-blue: #1fa7df;
	--color-purple: #882996;
	--color-black: #191919;
	--color-brand: #f39200;
	--color-brand-lighter: #faa628;
	--color-brand-darker: #f38600;
	--color-links: var(--color-brand);
	--color-links-lighter: var(--color-brand-lighter);
	--color-btn: var(--color-brand);
	
	--base-line-height: 1.4;
    --base-font-size: 1.6rem;
    --base-line-height: 1.625;
	
    --headings-line-height: 1.1;
	--headings-weight: 700;
    --headings-color: #1a1a1a;
	
	--font-size-s: 1.2rem;
	--font-size-m: 1.4rem;
	--font-size-l: 1.8rem;
	--font-size-xl: 2rem;
	--font-size-xxl: 2.2rem;
}
/* roboto-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url('../../files/theme/fonts/roboto-v30-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('../../files/theme/fonts/roboto-v30-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: url('../../files/theme/fonts/roboto-v30-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url('../../files/theme/fonts/roboto-v30-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}



/* roboto-slab-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 400;
  src: url('../../files/theme/fonts/roboto-slab-v34-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-slab-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 500;
  src: url('../../files/theme/fonts/roboto-slab-v34-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-slab-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 600;
  src: url('../../files/theme/fonts/roboto-slab-v34-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-slab-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 700;
  src: url('../../files/theme/fonts/roboto-slab-v34-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}


@font-face {
	font-family: 'PT-Mono-Bold';
	src:url('../../files/theme/fonts/PT-Mono-Bold.ttf.woff') format('woff'),
		url('../../files/theme/fonts/PT-Mono-Bold.ttf.svg#PT-Mono-Bold') format('svg'),
		url('../../files/theme/fonts/PT-Mono-Bold.ttf.eot'),
		url('../../files/theme/fonts/PT-Mono-Bold.ttf.eot?#iefix') format('embedded-opentype'); 
	font-weight: normal;
	font-style: normal;
}

.clear::after {
	content: "";
	display: table;
	clear: both;
}

.invisible {
	position:absolute;
	left:-10000px;
	top:auto;
	width:1px;
	height:1px;
	overflow:hidden;
}

.space {
	float: left;
	width: 8rem;
}

.roboto {
	font-family: var(--font-family-primary);
}

.roboto-slab {
	font-family: var(--font-family-secondary);
}

.orange {
	color: var(--color-brand);
}

.orange-gradient {
	background: linear-gradient(to right, #f39100, #ea5c0a);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	color: transparent;
}

.article--grey { background: linear-gradient(to right, #dadada 0%, #e6e6e6 50%, #dadada 100%); }
.article--black { background: var(--color-black); color: #fff; }

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

.text--short--800 { max-width: 80rem; }
.text--short--1000 { max-width: 100rem; }

.text--center.text--short--800,
.text--center.text--short--1000 {
	margin-left: auto;
	margin-right: auto;
}

.text--brighter { color: rgb(0,0,0,0.4); }
.article--black .text--brighter { color: rgb(255,255,255,0.4); }


.full-width {
	position: relative;
	left: 50%;
	right: 50%;
	margin: 0 -50vw;
	width: 100vw;
}

.font--s { font-size: var(--font-size-s); }
.font--m { font-size: var(--font-size-m); }
.font--l { font-size: var(--font-size-l); }
.font--xl { font-size: var(--font-size-xl); }
.font--xxl { font-size: var(--font-size-xxl); }

.m-b-0 { margin-bottom: 0 !important; }
.m-b-10 { margin-bottom: 1rem !important; }
.m-b-20 { margin-bottom: 2rem !important; }
.m-b-30 { margin-bottom: 3rem !important; }
.m-b-40 { margin-bottom: 4rem !important; }
.m-b-50 { margin-bottom: 5rem !important; }
.m-b-60 { margin-bottom: 6rem !important; }
.m-b-70 { margin-bottom: 7rem !important; }
.m-b-80 { margin-bottom: 8rem !important; }

.m-t-0 { margin-top: 0 !important; }
.m-t-10 { margin-top: : 1rem !important; }
.m-t-20 { margin-top: 2rem !important; }
.m-t-30 { margin-top: 3rem !important; }
.m-t-40 { margin-top: 4rem !important; }
.m-t-50 { margin-top: 5rem !important; }
.m-t-60 { margin-top: 6rem !important; }
.m-t-70 { margin-top: 7rem !important; }
.m-t-80 { margin-top: 8rem !important; }

.p-b-0 { padding-bottom: 0 !important; }


.article--p-40 {
	padding-top: 4rem !important;
	padding-bottom: 4rem !important;
}
.article--p-60 {
	padding-top: 6rem !important;
	padding-bottom: 6rem !important;
}
.article--p-80 {
	padding-top: 8rem !important;
	padding-bottom: 8rem !important;
}
.article--p-100 {
	padding-top: 10rem !important;
	padding-bottom: 10rem !important;
}



.has-shadow {
	position: relative;
}

.has-shadow::after {
	content: "";
	position: absolute;
	left: 50%;
	bottom: -8rem;
	transform: translateX(-50%);
  
	width: 70%;
	height: 5rem;
	opacity: 0.7;
  
	background: radial-gradient(
	  ellipse at center,
	  rgba(0,0,0,0.25) 0%,
	  rgba(0,0,0,0.18) 25%,
	  rgba(0,0,0,0.10) 45%,
	  rgba(0,0,0,0.05) 60%,
	  rgba(0,0,0,0.02) 65%,
	  rgba(0,0,0,0) 100%
	);
}

.has-shadow--wide::after {
	bottom: -9rem;
	width: 100%;
}
html {
	font-size: 62.5%;
}

body {
	padding: 9.5rem 0 0;
	height: 2000px;
	line-height: var(--base-line-height);
	font-size: var(--base-font-size);
    font-family: var(--font-family-primary);
    color: var(--color-text);
	overflow-x: hidden;
}

body::before {
	content: "";
	display: block;
	height: 1rem;
	background: #fff;
}

::selection { color: #fff; background: var(--color-links); }
::-moz-selection { color: #fff; background: var(--color-links); }
::-webkit-selection { color: #fff; background: var(--color-links); }

*,
*:after,
*:before {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box
}

p, ul, ol {
	margin: 0 0 3rem;
}

a {
	color: var(--color-brand);
	text-decoration: none;
	transition: 0.3s all;
}

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

h1, h2, h3, h4, h5, h6 {
	margin: 0 0 0.5em;
	line-height: var(--headings-line-height);
    font-family: var(--font-family-secondary);
	font-weight: var(--headings-weight);
    color: var(--headings-color);
}

.headlinebox__headline {
	margin: 0 0 0.5em;
	line-height: var(--headings-line-height);
	font-size: 8.7rem;
	font-family: var(--font-family-secondary);
	font-weight: var(--headings-weight);
}

.headlinebox__addon {
	display: block;
	margin: 0;
	font-size: 1.6rem;
	font-weight: 400;
	letter-spacing: 0.1rem;
	color: var(--headings-color);
	text-transform: uppercase;
}

.headlinebox--center {
	text-align: center;
}

.article--black .headlinebox__headline,
.article--black .headlinebox__addon {
	color: #fff;
}


.container {
	margin: 0 auto;
	padding: 0 3rem;
	max-width: var(--wrapper-width);
}



.main .mod_article {
	padding: 10rem 0;
}

.article--dark {
	color: #fff;
	background: #262626;
}

.main .article--grey-shaped {
	position: relative;
	margin: 0 0 10rem;
	padding-bottom: 3rem;
	background: linear-gradient(to right, #dadada 0%, #e6e6e6 50%, #dadada 100%);
}

.article--grey-shaped::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: -80px;
	width: 100%;
	height: 80px;
	background: linear-gradient(to right, #dadada 0%, #e6e6e6 50%, #dadada 100%);
	clip-path: polygon(0 0, 100% 0, 75% 100%);
}



.content-text {
	margin-bottom: 5rem;
}





#dynamo {
	display: inline-block; 
}
.rs-columns {
  clear: both;
  display: inline-block;
  width: 100%;
}

.rs-column {
  float: left;
  width: 100%;
  margin-top: 3%;
  margin-right: 3%;
}
.rs-column.-large-first {
  clear: left;
}
.rs-column.-large-last {
  margin-right: -5px;
}
.rs-column.-large-first-row {
  margin-top: 0;
}
.rs-column.-large-col-1-1 {
  width: 100%;
}
.rs-column.-large-col-2-1 {
  width: 48.5%;
}
.rs-column.-large-col-2-2 {
  width: 100%;
}
.rs-column.-large-col-3-1 {
  width: 31.3333%;
}
.rs-column.-large-col-3-2 {
  width: 64.6666%;
}
.rs-column.-large-col-3-3 {
  width: 100%;
}
.rs-column.-large-col-4-1 {
  width: 22.75%;
}
.rs-column.-large-col-4-2 {
  width: 48.5%;
}
.rs-column.-large-col-4-3 {
  width: 77.25%;
}
.rs-column.-large-col-4-4 {
  width: 100%;
}
.rs-column.-large-col-5-1 {
  width: 13.84615%;
}
.rs-column.-large-col-5-2 {
  width: 35.38462%;
}
.rs-column.-large-col-5-3 {
  width: 56.92308%;
}
.rs-column.-large-col-5-4 {
  width: 78.46154%;
}
.rs-column.-large-col-5-5 {
  width: 100%;
}
.rs-column.-large-col-6-1 {
  width: 10.25641%;
}
.rs-column.-large-col-6-2 {
  width: 31.3333%;
}
.rs-column.-large-col-6-3 {
  width: 48.5%;
}
.rs-column.-large-col-6-4 {
  width: 64.6666%;
}
.rs-column.-large-col-6-5 {
  width: 82.05128%;
}
.rs-column.-large-col-6-6 {
  width: 100%;
}
@media screen and (max-width: 900px) {
  .rs-column {
    margin-top: 3%;
    margin-right: 3%;
  }
  .rs-column.-large-first {
    clear: none;
  }
  .rs-column.-large-last {
    margin-right: 3%;
  }
  .rs-column.-large-first-row {
    margin-top: 3%;
  }
  .rs-column.-medium-first {
    clear: left;
  }
  .rs-column.-medium-last {
    margin-right: -5px;
  }
  .rs-column.-medium-first-row {
    margin-top: 0;
  }
  .rs-column.-medium-col-1-1 {
    width: 100%;
  }
  .rs-column.-medium-col-2-1 {
    width: 48.5%;
  }
  .rs-column.-medium-col-2-2 {
    width: 100%;
  }
  .rs-column.-medium-col-3-1 {
    width: 31.3333%;
  }
  .rs-column.-medium-col-3-2 {
    width: 64.6666%;
  }
  .rs-column.-medium-col-3-3 {
    width: 100%;
  }
  .rs-column.-medium-col-4-1 {
    width: 22.75%;
  }
  .rs-column.-medium-col-4-2 {
    width: 48.5%;
  }
  .rs-column.-medium-col-4-3 {
    width: 77.25%;
  }
  .rs-column.-medium-col-4-4 {
    width: 100%;
  }
  .rs-column.-medium-col-5-1 {
    width: 13.84615%;
  }
  .rs-column.-medium-col-5-2 {
    width: 35.38462%;
  }
  .rs-column.-medium-col-5-3 {
    width: 56.92308%;
  }
  .rs-column.-medium-col-5-4 {
    width: 78.46154%;
  }
  .rs-column.-medium-col-5-5 {
    width: 100%;
  }
  .rs-column.-medium-col-6-1 {
    width: 10.25641%;
  }
  .rs-column.-medium-col-6-2 {
    width: 31.3333%;
  }
  .rs-column.-medium-col-6-3 {
    width: 48.5%;
  }
  .rs-column.-medium-col-6-4 {
    width: 64.6666%;
  }
  .rs-column.-medium-col-6-5 {
    width: 82.05128%;
  }
  .rs-column.-medium-col-6-6 {
    width: 100%;
  }
}
@media screen and (max-width: 599px) {
  .rs-column {
    margin-top: 3%;
    margin-right: 3%;
  }
  .rs-column.-large-last {
    margin-right: 3%;
  }
  .rs-column.-large-first-row {
    margin-top: 3%;
  }
  .rs-column.-medium-first {
    clear: none;
  }
  .rs-column.-medium-last {
    margin-right: 3%;
  }
  .rs-column.-medium-first-row {
    margin-top: 3%;
  }
  .rs-column.-small-first {
    clear: left;
  }
  .rs-column.-small-last {
    margin-right: -5px;
  }
  .rs-column.-small-first-row {
    margin-top: 0;
  }
  .rs-column.-small-col-1-1 {
    width: 100%;
  }
  .rs-column.-small-col-2-1 {
    width: 48.5%;
  }
  .rs-column.-small-col-2-2 {
    width: 100%;
  }
  .rs-column.-small-col-3-1 {
    width: 31.3333%;
  }
  .rs-column.-small-col-3-2 {
    width: 64.6666%;
  }
  .rs-column.-small-col-3-3 {
    width: 100%;
  }
  .rs-column.-small-col-4-1 {
    width: 22.75%;
  }
  .rs-column.-small-col-4-2 {
    width: 48.5%;
  }
  .rs-column.-small-col-4-3 {
    width: 77.25%;
  }
  .rs-column.-small-col-4-4 {
    width: 100%;
  }
  .rs-column.-small-col-5-1 {
    width: 13.84615%;
  }
  .rs-column.-small-col-5-2 {
    width: 35.38462%;
  }
  .rs-column.-small-col-5-3 {
    width: 56.92308%;
  }
  .rs-column.-small-col-5-4 {
    width: 78.46154%;
  }
  .rs-column.-small-col-5-5 {
    width: 100%;
  }
  .rs-column.-small-col-6-1 {
    width: 10.25641%;
  }
  .rs-column.-small-col-6-2 {
    width: 31.3333%;
  }
  .rs-column.-small-col-6-3 {
    width: 48.5%;
  }
  .rs-column.-small-col-6-4 {
    width: 64.6666%;
  }
  .rs-column.-small-col-6-5 {
    width: 82.05128%;
  }
  .rs-column.-small-col-6-6 {
    width: 100%;
  }
}

/*!
 * SlickNav Responsive Mobile Menu v1.0.10
 * (c) 2016 Josh Cope
 * licensed under MIT
 */
.slicknav_btn {
  position: relative;
  display: block;
  vertical-align: middle;
  float: right;
  padding: 0.438em 0.625em 0.438em 0.625em;
  line-height: 1.125em;
  cursor: pointer; }
  .slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar {
    margin-top: 0.188em; }

.slicknav_menu {
  *zoom: 1; }
  .slicknav_menu .slicknav_menutxt {
    display: block;
    line-height: 1.188em;
    float: left; }
  .slicknav_menu .slicknav_icon {
    float: left;
    width: 1.125em;
    height: 0.875em;
    margin: 0.188em 0 0 0.438em; }
    .slicknav_menu .slicknav_icon:before {
      background: transparent;
      width: 1.125em;
      height: 0.875em;
      display: block;
      content: "";
      position: absolute; }
  .slicknav_menu .slicknav_no-text {
    margin: 0; }
  .slicknav_menu .slicknav_icon-bar {
    display: block;
    width: 1.5em;
    height: 0.125em;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    -webkit-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.5);
    box-shadow: 0 2px 0 rgba(0, 0, 0, 0.5); }
  .slicknav_menu:before {
    content: " ";
    display: table; }
  .slicknav_menu:after {
    content: " ";
    display: table;
    clear: both; }

.slicknav_nav {
  clear: both; }
  .slicknav_nav ul {
    display: block; }
  .slicknav_nav li {
    display: block; }
  .slicknav_nav .slicknav_arrow {
    font-size: 0.8em;
    margin: 0 0 0 0.4em; }
  .slicknav_nav .slicknav_item {
    cursor: pointer; }
    .slicknav_nav .slicknav_item a {
      display: inline; }
  .slicknav_nav .slicknav_row {
    display: block; }
  .slicknav_nav a {
    display: block; }
  .slicknav_nav .slicknav_parent-link a {
    display: inline; }

.slicknav_brand {
  float: left; }

.slicknav_menu {
  font-size: 16px;
  box-sizing: border-box;
  background: #4c4c4c;
  padding: 5px; }
  .slicknav_menu * {
    box-sizing: border-box; }
  .slicknav_menu .slicknav_menutxt {
    color: #fff;
    font-weight: bold;
    text-shadow: 0 1px 3px #000; }
  .slicknav_menu .slicknav_icon-bar {
    background-color: #fff; }

.slicknav_btn {
  margin: 5px 5px 6px;
  text-decoration: none;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px; }

.slicknav_nav {
  color: #fff;
  margin: 0;
  padding: 0;
  font-size: 0.875em;
  list-style: none;
  overflow: hidden; }
  .slicknav_nav ul {
    list-style: none;
    overflow: hidden;
    padding: 0;
    margin: 0 0 0 20px; }
  .slicknav_nav .slicknav_txtnode {
    margin-left: 15px; }
  .slicknav_nav .slicknav_item a {
    padding: 0;
    margin: 0; }
  .slicknav_nav .slicknav_parent-link a {
    padding: 0;
    margin: 0; }

.slicknav_brand {
  color: #fff;
  font-size: 18px;
  line-height: 30px;
  padding: 7px 12px;
  height: 44px; }


::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
	color: #b3b3b3;
    opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
	color: #b3b3b3;
}

::-ms-input-placeholder { /* Microsoft Edge */
	color: #b3b3b3;
}

input, textarea, select {
	padding: 1.3rem 1rem;
	border: 3px solid transparent;
	width: 100%;
	font-size: 1.5rem;
	font-family: inherit;
	outline: 0;
	transition: 0.3s all;
}

input:hover,
textarea:hover {
	background: #eee;
}

input:focus,
textarea:focus {
	border-color: var(--color-brand);
}

textarea {
	height: 24rem;
}

select {
	color: #fff;
	font-weight: 700;
	background: var(--color-brand) url("../../files/theme/img/select-arrow.svg") no-repeat right 2rem center;
	background-size: 25px 20px;
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
}

.widget {
	margin: 0 0 2rem;
}

.checkbox_container input {
	display: inline-block;
	position: relative;
	top: -2px;
	margin: 0 1rem 0 0;
	width: 2rem;
	height: 2rem;
	padding: 0;
	border: 0;
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	background: url("../../files/theme/img/checkbox.png") no-repeat;
	background-size: contain;
}

.checkbox_container input:checked {
	background-image: url("../../files/theme/img/checkbox-active.png");
}

.checkbox_container a {
	color: var(--color-brand) !important;
}

.checkbox_container a:hover {
	color: var(--color-brand-lighter) !important;
}

button.submit {
	padding: 1.8rem 8rem;
	border: 0;
	font-size: 1.5rem;
	font-weight: 700;
	color: #fff;
	cursor: pointer;
	transition: 0.3s all;
	background: linear-gradient(to right, #f39100, #ea5c0a);
}

button.submit:hover {
	filter: brightness(1.1);
}
.header__scroll-progress {
	position: absolute;
	bottom: -3px;
	left: 0;
	height: 5px;
	width: 0%;
	background: var(--color-brand);
}

.site-header {
	position: fixed;
	z-index: 1000;
	top: 0;
	left: 0;
	width: 100%;
	border-bottom: 1px solid #4b4b4b;
	background: var(--color-black);
}

.site-header__inner {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.main-nav__list {
	display: flex;
	margin: 0;
}

.main-nav__item {
	margin: 0 0 0 10rem;
}

.main-nav__item a,
.main-nav__item span {
	display: block;
	height: 10.5rem;
	line-height: 10.5rem;
	font-size: 1.6rem;
	color: #fff;
}


.main-nav__item.submenu > span::after {
	content: "";
	display: inline-block;
	position: relative;
	top: -0.2rem;
	margin: 0 0 0 1.3rem;
	width: 0.8rem;
	height: 0.8rem;
	transform: rotate(-45deg);
	border-left: 2px solid #fff;
	border-bottom: 2px solid #fff;
}

.main-nav > ul > li.submenu > span.active::after,
.main-nav > ul > li.submenu:hover > span::after,
.main-nav > ul > li.submenu.trail > span::after {
	transition: 0.3s all;
	border-color: var(--color-brand);
}

.main-nav__item a:hover,
li.main-nav__item--submenu:hover > span,
.main-nav__item .trail,
.main-nav__item span.active {
	transition: 0.3s all;
	color: var(--color-brand);
}

.main-nav__cta {
	position: relative;
	top: 2px;
}

li.main-nav__cta a,
li.main-nav__cta span {
	margin: 3rem 0 0;
	padding: 0.8rem 1.3rem;
	height: 4rem;
	font-weight: 700;
	font-family: var(--font-family-secondary);
	line-height: normal;
	color: #fff !important;
}

li.main-nav__cta a::after,
li.main-nav__cta span::after {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	display: block;
	transform: skewY(-1deg);
	width: 100%;
	height: 100%;
	border: 1px solid #f39205;
	border-radius: 1.2rem;
    background: linear-gradient(to right, #f39205, #ea5c0a);
}

li.main-nav__cta a:hover::after {
	filter: brightness(1.1); 
}

li.main-nav__cta a:active {
	top: 3px;
}



.main-nav .mega-dropdown {
	z-index: 10000000;
	top: 10.5rem;
	max-width: calc(var(--wrapper-width) - 6rem);
	left: 50%;
	transform: translateX(-50%);
	color: #000;
	pointer-events: auto;
	background: none;
	
}

.main-nav li.mega-menu:hover .mega-dropdown,
.main-nav li.mega-menu:focus-within .mega-dropdown {
	opacity: 1;
	max-height: none;
}

.main-nav .mega-dropdown-inner {
	display: flex;
	padding: 4.5rem 0 3.5rem 5.5rem;
	box-shadow: 0 0 5px rgba(0,0,0,0.3);
	background: #e6e6e6;
}

.main-nav .mega-dropdown__group {
	position: relative;
	width: 25%;
}

.main-nav .mega-dropdown__group__title {
	margin: 0 0 1.5rem;
	height: auto;
	line-height: normal;
	font-size: 1.8rem;
	font-weight: 700;
	font-family: var(--font-family-secondary);
	color: var(--color-black);
}

.main-nav .mega-dropdown ul {
	display: block;
}

.main-nav .mega-dropdown li {
	margin: 0 0 1.5rem;
}

.main-nav .mega-dropdown li a,
.main-nav .mega-dropdown li span {
	height: auto;
	line-height: normal;
	color: #000;
	font-size: 1.8rem;
	font-weight: 300;
}

.main-nav .mega-dropdown li a:hover,
.main-nav .mega-dropdown li span.active {
	color: var(--color-brand);
}

.main-nav .mega-dropdown .nav-item--downloads a::before {
	content: "» ";
}
.footer {
	overflow: hidden;
	position: relative;
	padding: 11rem 0 0;
	font-size: 1.6rem;
	color: #fff;
	background: var(--color-black);
}

.footer::before {
	content: "";
	display: block;
	position: absolute;
	left: -8rem;
	bottom: -17rem;
	width: 85rem;
	height: 85rem;
	background: url("../../files/theme/img/footer-bg.svg") no-repeat;
	background-size: cover;
}

.footer::after {
	content: "";
	position: relative;
	display: block;
	height: 0.8rem;
	background: linear-gradient(to right, #f39100, #ea5c0a);
}

.footer__top__wrapper,
.footer__bottom__wrapper {
	position: relative;
	z-index: 1;
}

.footer__logo {
	margin: 0 0 10rem;
	width: 34.5rem;
}

.footer h5 {
	margin: 0 0 2rem;
	line-height: 1.5;
	font-size: 2.1rem;
	color: #fff;
}

.footer h5 .brandorange {
	font-weight: 400;
	font-family: 'PT-Mono-Bold';
}

.footer h5 .roboto {
	font-size: 1.6rem;
	font-weight: 400;
}

.footer__top__right-col h5 {
	margin: 0 0 4rem;
	font-size: 1.6rem;
}

.footer h6 {
	margin: 0 0 1rem;
	font-size: 1.6rem;
	color: #fff;
}

.footer a {
	color: #fff;
}

.footer a:hover {
	color: var(--color-brand);
}

.footer__top__right-col {
	padding: 0 0 0 15%;
}

.footer__socials {
	display: flex;
	gap: 2rem;
	margin: 2rem 0 0;
}

.footer__socials li {
	list-style: none;
}

.footer__socials__link {
	display: block;
	width: 4.2rem;
	height: 4.2rem;
	text-indent: -999rem;
	background: url("../../files/theme/img/footer-socials.svg");
	background-size: 10.3rem 4.2rem;
}

.footer__socials__link--fb {
	background-position: -6rem 0;
}

.footer .shortcuts {
	margin: -2rem 0 0;
}

.footer .shortcuts ul {
	display: flex;
	flex-wrap: wrap;
	max-width: 580px;
}

.footer .shortcuts ul li {
	list-style: none;
}

.footer .shortcuts ul li::after {
	content: "|";
	margin: 0 0.5rem;
}

.footer .shortcuts ul li:last-of-type::after {
	display: none;
}

.footer__bottom__wrapper {
	position: relative;
	padding: 15rem 0 1.5rem;
	font-size: 1.4rem;
	text-align: center;
}

.footer__bottom__wrapper p {
	margin: 0;
}

.footer__bottom__wrapper .brandorange {
	font-family: 'PT-Mono-Bold';
	font-weight: 400;
}

.footer__contact {
	position: absolute;
	right: 5.5rem;
	bottom: 0;
}

.footer__contact__content {
	position: absolute;
	transform: translateX(-50%) rotate(-5deg);
	left: 50%;
	bottom: 12rem;
	padding: 1rem;
	width: 15rem;
	font-size: 1.7rem;
	text-align: center;
	font-weight: 700;
	color: #0c0700 !important;
	background: var(--color-brand);
}

.footer__contact__content::before {
	content: "";
	display: inline-block;
	position: absolute;
	transform: rotate(-228deg);
	top: 6.8rem;
	right: 1.5rem;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 20px 22px 0px 22px;
	border-color: var(--color-brand) transparent transparent transparent;
}



.footer__contact__content .white {
	color: #fff;
}

.footer__contact__image {
	width: 9.2rem;
	height: 9.5rem;
	background: url("../../files/theme/img/footer-chameleon.png") no-repeat;
}
.main .home-intro {
	padding: 7.5rem 0;
}



.cards {
	position: relative;
	z-index: 10;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin: 7rem auto;
	max-width: 116rem;
}

.card {
	position: relative;
	width: 31%;
	border-radius: 3rem;
}

.card::before {
	content: "";
	position: absolute;
	z-index: 10;
	top: 3px;
	left: 3px;
	width: calc(100% - 6px);
	height: calc(100% - 6px);
	border-radius: 3rem;
	pointer-events: none;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100,000000+100&0+20,0.65+100 */
	background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 20%,rgba(0,0,0,0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.card::after {
	content: "";
	position: absolute;
	z-index: 10;
	bottom: -0.2rem;
	left: 50%;
	transform: translateX(-50%);
	width: 15rem;
	height: 0.8rem;
	background: var(--color-brand);
}

.card:nth-of-type(2)::after { background: var(--color-green); }
.card:nth-of-type(3)::after { background: var(--color-blue); }

.card img {
	position: relative;
	z-index: 1;
	border-radius: 3rem;
	padding: 4px;
	width: 100%;
	transition: filter 0.3s ease;
}

.card:hover img {
	filter: brightness(0.8);
}

.card__content {
	position: absolute;
	width: 100%;
	z-index: 100;
	bottom: 0;
	padding: 0 7% 1rem;
	font-size: 1.8rem;
	text-align: center;
	color: #fff;
}

.card__headline {
	margin: 0 0 3rem;
	font-size: 2.7rem;
	font-family: var(--font-family-primary);
	color: #fff;
}

.card__description {
	display: none;
	width: 100% !important;
}

.card__border {
	--c: var(--color-brand); /* the border color */
	--b: 0;      /* the border thickness*/
	--g: 0px;      /* the gap on hover */
	
	position: absolute;
	transform: rotate(180deg);
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 3rem;
	padding: calc(var(--g) + var(--b));
	--_g: var(--c) 25%,var(--c) 0;
	background: 
		conic-gradient(from 180deg at top    var(--b) right var(--b),var(--_g))
		 var(--_i,200%) 0  /200% var(--_i,var(--b))  no-repeat,
		conic-gradient(            at bottom var(--b) left  var(--b),var(--_g))
		 0   var(--_i,200%)/var(--_i,var(--b)) 200%  no-repeat;
	transition: .3s, background-position .3s .3s;
}

.card:nth-of-type(2) .card__border {
	--c: var(--color-green);
}

.card:nth-of-type(3) .card__border {
	--c: var(--color-blue);
}

.card:hover .card__border {
	--_i: 100%;
	transition: .3s, background-size .3s .1s;
	background-position: center top;
}




.home-big-logo img {
	float: right;
	margin: 5rem 0 0;
}






.why-us__content {
	padding: 0 5% 0 0;
}






.main .home-projects {
	padding: 12rem 0;
	color: #fff;
	background: url("../../files/theme/img/bgs/home-projects-bg.jpg") no-repeat;
	background-size: cover;
}

.home-projects .headlinebox__addon {
	color: #fff;
}

.home-projects .headlinebox__headline {
	color: #fff;
}

.home-projects .headlinebox + .content-text {
	max-width: 75rem;
}

.home-projects__slider {
	margin: 10rem -20vw 0 0;
}

.home-projects__slider img {
	width: 100%;
}

.home-projects__slider__text {
	position: relative;
	margin: -2rem 0 0 2rem;
	padding: 6rem 0 0 2rem;
	line-height: 1.2;
}

.home-projects__slider__text::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0.4rem;
	height: 100%;
	width: 3px;
	background: var(--color-brand);
}

.home-projects__slider__title {
	font-size: 1.6rem;
	color: #fff;
}

.home-projects__slider__service {
	font-size: 1.6rem;
	font-weight: 300;
	color: #fff;
}




.main .home-logos {
	padding: 7rem 0;
	background: #e6e6e6;
}

.home-logos__list ul {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 0;
}

.home-logos__list ul li {
	width: 22.5%;
	list-style: none;
}

.home-logos__list ul li img {
	margin: 0 auto;
	max-width: 70%;
}





.main .home-quote {
	overflow-y: hidden;
	position: relative;
	padding: 13rem 0;
	border-bottom: 1rem solid var(--color-black);
	color: #fff;
	text-align: center;
	background: linear-gradient(to right, #f39100, #ea5c0a);
}

.main .home-quote::before {
	content: "";
	position: absolute;
	left: 10%;
	bottom: -30%;
	display: block;
	width: 35rem;
	height: 35rem;
	background: url("../../files/theme/img/bgs/logo-quote-bg.svg") no-repeat;
}

.home-quote p {
	position: relative;
	margin: 0 0 1rem;
	font-size: 3.3rem;
	font-weight: 700;
	font-family: var(--font-family-secondary);
}

.home-quote footer {
	position: relative;
	font-size: 1.3rem;
}

.home-quote footer cite {
	font-style: normal;
}
/* ==============================
   Button
   ============================== */

.btn {
	margin: 0 0 5rem;
}

.btn a {
	display: inline-block;
	padding: 1.6rem 3rem;
	font-size: 1.6rem;
	font-weight: 700;
	font-family: var(--font-family-secondary);
	line-height: normal;
	border-radius: 2rem;
	color: #fff;
}

.btn--orange a {
	background: var(--color-brand);
}

.btn--orange-gradient a {
	background: linear-gradient(to right, #f39205, #ea5c0a);
}

.btn--orange a:hover,
.btn--orange-gradient a:hover {
	filter: brightness(1.1); 
}

/* ==============================
   Hero Image
   ============================== */

#hero {
	position: relative;
}

#hero figure {
	height: calc(100vh - 9.5rem);
}

#hero .container {
	max-width: none;
	padding: 0;
	width: 100%;
}

#hero img {
	object-fit: cover;
	width: 100%;
	height: 100%;
}

.hero__text-wrapper {
	position: absolute;
	top: 60%;
	left: 50%;
	transform: translate(-50%, -60%);
	max-width: var(--wrapper-width);
	padding: 0 3rem;
	width: 100%;
	color: #fff;
}

.hero__text-wrapper .headlinebox,
.hero__text-wrapper .hero__text {
	max-width: 65%;
}

.hero__text-wrapper .headlinebox__addon {
	color: #fff;
	font-size: 1.5rem;
}

.hero__text {
	margin: 10rem 0 0;
	font-size: 1.6rem;
}

.hero__button {
	position: absolute;
	z-index: 100;
	bottom: 6rem;
	left: 50%;
	transform: translateX(-50%);
	padding: 0 3rem;
	max-width: var(--wrapper-width);
	width: 100%;
}

.hero__button a {
	position: relative;
	font-weight: 500;
	font-size: 1.6rem;
	font-family: var(--font-family-secondary);
}

.hero__button a:hover {
	filter: brightness(1.1); 
}

.hero__button__arrow {
	position: absolute;
	top: 3rem;
	left: 50%;
	transform: translateX(-50%);
}

.hero__button__arrow span {
	display: block;
	width: 1.1rem;
	height: 1.1rem;
	border-bottom: 3px solid var(--color-brand);
	border-right: 3px solid var(--color-brand);
	transform: rotate(45deg);
	margin: -3px;
	animation: arrows 1.5s infinite;
}

.hero__button__arrow span:nth-of-type(3),
.hero__button__arrow span:nth-of-type(4) {
	border-color: #fff;
}

@keyframes arrows {
	0% {
		opacity: 0;
		transform: rotate(45deg) translate(-5px, -5px);
	}
	50% {
		opacity: 1;
	}
	100% {
		opacity: 0;
		transform: rotate(45deg) translate(5px, 5px);
	}
}



/* ==============================
   Icon-Teasers
   ============================== */

.iconteasers {
	display: flex;
	flex-wrap: wrap;
	margin: 11rem 0 5rem;
}

.iconteasers__entry {
	width: 25%;
	text-align: center;
}

.iconteasers strong {
	font-family: var(--font-family-secondary);
}

.iconteasers figcaption {
	padding: 0 10%;
}

.iconteasers img {
	margin: 0 auto 3rem;
}

.iconteasers figcaption a {
	color: var(--color-brand);
}





/* ==============================
   Icon-Karten
   ============================== */

.iconcards {
	display: flex;
	justify-content: space-between;
	margin: 0 0 8rem;
}

.iconcard {
	position: relative;
	padding: 2rem;
	border-radius: 2.5rem;
	width: 17.5%;
	height: 28rem;
	text-align: center;
	box-shadow: 0 0 10px rgba(0,0,0,0.2);
	background: #fff;
}

.iconcard:hover {
	transition: 0.3s all;
	box-shadow: 0 0 20px rgba(0,0,0,0.4);
}

.iconcard__content {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
}

.iconcard__title {
	margin: 0 0 6rem;
	font-family: var(--font-family-primary);
}

.iconcard__text {
	display: none;
	margin: -4.5rem 0 0;
	width: 100% !important;
	padding: 0 2rem !important;
	font-size: 1.3rem;
	font-weight: 300;
	hyphens: auto;        /* automatische Silbentrennung */
	overflow-wrap: break-word; /* falls ein Wort gar nicht trennbar ist */
}

.iconcard__image img {
	margin: 0 auto 5rem;
	height: 8rem;
	transition: 0.3s all;
}

.iconcard:hover .iconcard__image img {
	margin: 0 auto 3rem;
}



/* ==============================
   Grid gallery
   ============================== */

.grid-gallery--v1 .grid-gallery__list {
	display: grid;
	grid-template-columns: repeat(8, 1fr);
	grid-template-rows: repeat(16, 1fr);
	grid-column-gap: 30px;
	grid-row-gap: 30px; 
	margin: 0;
}

.grid-gallery--v1 .grid-gallery__item {
	list-style: none;
}

.grid-gallery--v1 .grid-gallery__item--large {
	grid-area: 1 / 1 / 9 / 6;
}

.grid-gallery--v1 .grid-gallery__item--medium {
	grid-area: 3 / 6 / 9 / 9;
}

.grid-gallery--v1 .grid-gallery__item--highlight {
	grid-area: 9 / 1 / 15 / 4;
}

.grid-gallery--v1 .grid-gallery__item--wide {
	grid-area: 9 / 4 / 17 / 9; 
}

.grid-gallery--v1 .grid-gallery__item img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.grid-gallery--v2 .grid-gallery__list {
	display: grid;
	grid-template-columns: repeat(16, 1fr);
	grid-template-rows: repeat(5, 1fr);
	grid-column-gap: 20px;
	grid-row-gap: 20px;
	margin: 0;
	width: 300%;
}

.grid-gallery--v2 .grid-gallery__item {
	list-style: none;
}

.grid-gallery--v2 .grid-gallery__item--1 {
	grid-area: 6 / 1 / 8 / 3;
}

.grid-gallery--v2 .grid-gallery__item--2 {
	grid-area: 1 / 3 / 8 / 6;
}

.grid-gallery--v2 .grid-gallery__item--3 {
	grid-area: 8 / 1 / 12 / 6;
}

.grid-gallery--v2 .grid-gallery__item--4 {
	grid-area: 12 / 4 / 14 / 6;
}

.grid-gallery--v2 .grid-gallery__item--5 {
	grid-area: 12 / 1 / 17 / 4;
}

.grid-gallery--v2 .grid-gallery__item img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}



.parent {
display: grid;
grid-template-columns: repeat(16, 1fr);
grid-template-rows: repeat(5, 1fr);
grid-column-gap: 20px;
grid-row-gap: 20px;
}

.div1 { grid-area: 6 / 1 / 8 / 3; }
.div2 { grid-area: 1 / 3 / 8 / 6; }
.div3 { grid-area: 8 / 1 / 12 / 6; }
.div4 { grid-area: 12 / 4 / 14 / 6; }
.div5 { grid-area: 12 / 1 / 17 / 4; }



/* ==============================
   Text-Bild Sektionen
   ============================== */

.media-text {
	display: flex;
	margin: 0 0 20rem;
}

.iconteasers + .media-text {
	margin-top: 12rem;
}

.media-text__content {
	padding: 0 0 0 5%;
}

.media-text--teamwork .media-text__content {
	padding-top: 9rem;
}

.media-text--reverse .media-text__content {
	padding-left: 0;
	padding-right: 5%;
}

.media-text__content {
	display: flex;
	flex-direction: column;
	flex: 1;
}

.media-text__links {
	margin: auto 0 0;
}

.media-text__links p {
	margin: 0;
	font-weight: 700;
	color: var(--color-brand);
}

.media-text__links ul {
	margin: 0;
}

.media-text__links ul li {
	display: inline;
}

.media-text__links ul li::after {
	content: " | ";
}

.media-text__links ul li:last-of-type::after {
	display: none;
}

.media-text__links ul li a {
	color: inherit;
}

.media-text__links ul li a:hover {
	color: var(--color-brand);
}