.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%;
  }
}

/**
* 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: 140rem;
	
    --font-family-primary: 'Roboto';
    --font-family-secondary: 'Roboto Slab';
	
	--color-green: #89c946;
	--color-blue: #1fa7df;
	--color-purple: #882996;
	--color-bg-grey: #eef0f4;
	--color-text: #000;
	--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: 2rem;
    --base-line-height: 1.625;
	
    --headings-line-height: 1.1;
	--headings-weight: 700;
    --headings-color: #262626;
	
	--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+ */
}

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

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

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

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

.orange a {
	color: var(--color-brand);
	text-decoration: underline;
}

.text--short {
	max-width: 90rem;
}

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

.article--grey {
	background: #ededed;
}

.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;
}
html {
	font-size: 62.5%;
}

body {
	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;
}

::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 {
	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);
}

.article--dark h1,
.article--dark h2,
.article--dark h3,
.article--dark h4,
.article--dark h5,
.article--dark h6 {
	color: #fff;
}

h1 {
	margin: 0 0 0.5em;
	font-size: 9rem;
}

h2 {
	font-size: 3rem;
}

h3 {
	font-size: 2.7rem;
}

h4 {
	font-size: 2.4rem;
}

.content-headline.headline--has-line::after,
.content-text.headline--has-line > h1:first-of-type::after, 
.content-text.headline--has-line > h2:first-of-type::after, 
.content-text.headline--has-line > h3:first-of-type::after, 
.content-text.headline--has-line > h4:first-of-type::after, 
.content-text.headline--has-line > h5:first-of-type::after, 
.content-text.headline--has-line > h6:first-of-type::after {
	content: "";
	content: "";
	display: block;
	margin: 0.3em 0 0;
	width: 7rem;
	height: 2px;
	background: var(--color-brand);
}

.content-headline.headline--outline,
.content-text.headline--outline > h1:first-of-type, 
.content-text.headline--outline > h2:first-of-type, 
.content-text.headline--outline > h3:first-of-type, 
.content-text.headline--outline > h4:first-of-type, 
.content-text.headline--outline > h5:first-of-type, 
.content-text.headline--outline > h6:first-of-type {
	color: #fff;
	background-color: #fff;
	text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
}

.article--dark .content-text.headline--has-line > h1:first-of-type::after,
.article--dark .content-text.headline--has-line > h2:first-of-type::after,
.article--dark .content-text.headline--has-line > h3:first-of-type::after,
.article--dark .content-text.headline--has-line > h4:first-of-type::after,
.article--dark .content-text.headline--has-line > h5:first-of-type::after,
.article--dark .content-text.headline--has-line > h6:first-of-type::after {
	background: #fff;
}

.article--dark .content-text.headline--outline > h1:first-of-type,
.article--dark .content-text.headline--outline > h2:first-of-type,
.article--dark .content-text.headline--outline > h3:first-of-type,
.article--dark .content-text.headline--outline > h4:first-of-type,
.article--dark .content-text.headline--outline > h5:first-of-type,
.article--dark .content-text.headline--outline > h6:first-of-type {
	color: #262626;
	background-color: #262626;
	text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;
}




body.subpage .main {
	padding: 8rem 0 0;
}

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

.headlinebox__headline {
	margin: 0 0 0.6em;
	font-size: 9rem;
}

.headlinebox--has-line::after {
	content: "";
	display: block;
	margin: 0.4em 0 2.5em;
	width: 7rem;
	height: 2px;
	background: #fff;
}

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

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

.mod_article.full-width .wrapper {
	max-width: none;
}

@media only screen and (max-width: 1550px) {
	
	body.home .wrapper {
		padding-left: 13rem;
	}
	
	body.home .mod_article.full-width .wrapper {
		padding-left: 3rem;
	}
}

.main .content-image {
	margin: 0 0 4rem;
}

.image_container.float_right {
	float: right;
	margin: 0 0 1rem 2rem;
	width: 35%;
}

.image_container.float_left {
	float: left;
	margin: 0 2rem 1rem 0;
	width: 35%;
}
.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: #666;
    opacity: 1; /* Firefox */
}

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

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

input, textarea, select {
	padding: 1.5rem 1rem;
	border: 3px solid transparent;
	width: 100%;
	font-size: 2rem;
	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: 20rem;
}

select {
	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.5rem 4rem;
	border: 0;
	font-size: 2rem;
	font-weight: 700;
	color: #fff;
	cursor: pointer;
	transition: 0.3s all;
	background: var(--color-brand);
}

button.submit:hover {
	background: var(--color-brand-lighter);
}
.header {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1000;
	width: 100%;
	background: #000;
}

.header__wrapper {
	display: grid;
	grid-template-columns: auto auto;
	align-items: center;
	padding-right: 5rem;
}

.header__scroll-progress {
	position: absolute;
	bottom: -2px;
	left: 0;
	height: 3px;
	width: 0%;
	background: var(--color-brand);
}

.header__logo__link:focus-visible {
	transition: none;
	outline: 3px dashed var(--color-blue);
	outline-offset: 3px;
}

.nav--main {
	justify-self: end;
}

.nav--main > a.invisible:focus {
	content: "Navigation überspringen";
	padding: 1rem;
	left: 0;
	width: auto;
	height: auto;
	color: #000;
	background: #fff;
	transition: none;
	outline: 0;
}

.nav--main ul {
	display: flex;
	margin: 0;
}

.nav--main ul li {
	margin: 0 0 0 9.5rem;
}

.nav--main > ul > li.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;
}

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

.nav--main ul li:first-of-type {
	margin: 0;
}

.nav--main ul li a,
.nav--main ul li span {
	display: block;
	height: 10rem;
	line-height: 10rem;
	font-size: 1.8rem;
	font-weight: 300;
	color: #fff;
}

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

.nav--main ul .nav-item--contact {
	position: relative;
}

.nav--main ul .nav-item--contact a {
	margin: 3rem 0 0;
	padding: 0.7rem 1.7rem;
	height: auto;
	font-weight: 700;
	font-family: var(--font-family-secondary);
	line-height: normal;
}

.nav--main ul .nav-item--contact a::after {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	display: block;
	transform: skewY(-1deg);
	width: 100%;
	height: 100%;
	background: var(--color-brand);
}

.nav--main ul .nav-item--contact a:hover::after {
	background: var(--color-brand-lighter);
}

.nav--main ul .nav-item--contact a:hover {
	color: #fff;
}

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

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

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

.nav--main .mega-dropdown .mod_customnav {
	position: relative;
	padding: 0 5rem;
}

.nav--main .mega-dropdown .mod_customnav:nth-of-type(1) { width: 25%; }
.nav--main .mega-dropdown .mod_customnav:nth-of-type(2) { width: 30%; }
.nav--main .mega-dropdown .mod_customnav:nth-of-type(3) { width: 22%; }

/*
.nav--main .mega-dropdown .content-text::after {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
	width: 1px;
	height: 100%;
	background: #4f4f4f;
}*/

.nav--main .mega-dropdown .mod_customnav:last-of-type::after {
	display: none;
}

.nav--main .mega-dropdown .mod_customnav:first-of-type {
	padding-left: 0;
}

.nav--main .mega-dropdown .content-image {
	margin: -3.5rem 0 0 0;
	width: 23%;
}

.nav--main .mega-dropdown h6 {
	margin: 0 0 2rem;
	font-size: 1.5rem;
}

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

.nav--main .mega-dropdown li {
	display: block;
	margin: 1.3rem 0 0 !important;
}

.nav--main .mega-dropdown .nav-item--downloads {
	margin-top: 3.6rem !important;
}

.nav--main .mega-dropdown li a,
.nav--main .mega-dropdown li span {
	height: auto;
	line-height: normal;
	color: #000;
}

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

.nav--main .mega-dropdown .nav-item--downloads a::before {
	content: "» ";
}
.footer {
	overflow: hidden;
	position: relative;
	padding: 11rem 0 0;
	border-top: 0.8rem solid var(--color-brand);
	border-bottom: 0.8rem solid var(--color-brand);
	font-size: 2rem;
	color: #fff;
	background: #262626;
}

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

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

.footer__logo {
	margin: 0 0 6rem;
	width: 32.5rem;
}

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

.footer h5 span {
	margin: 0 0 0 12rem;
}

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

.footer .brandorange {
	font-family: var(--font-family-secondary);
}

.footer a {
	color: #fff;
}

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

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

.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 ul {
	display: flex;
	flex-wrap: wrap;
	max-width: 385px;
}

.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 {
	padding: 5rem 0 0.5rem;
	text-align: center;
}
.home-welcome {
	height: 100vh;
	background: url("../../files/theme/img/home-welcome-bg.png") #1a1a1a no-repeat right top 8.5rem;
	background-size: 120vh;
}

.home-welcome h1 {
	color: #fff;
}

.home-welcome h1 .orange {
	display: block;
}

.home-welcome .headlinebox__addon {
	margin: 0 0 1rem;
	font-size: 1.9rem;
	font-weight: 500;
	font-family: var(--font-family-primary);
	text-transform: uppercase;
	color: #fff;
}

.home-welcome__inner {
	position: absolute;
	top: 70%;
	left: 50%;
	transform: translate(-50%, -70%);
	margin: 0 auto;
	padding: 0 3rem;
	width: 100%;
	max-width: var(--wrapper-width);
}

.home-welcome .content-text {
	color: #fff;
}

.home-welcome__text {
	font-size: 1.9rem;
}

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

.home-welcome .button__wrapper a {
	position: relative;
	font-weight: 500;
	font-size: 2rem;
	font-family: var(--font-family-secondary);
	color: var(--color-brand);
}

.home-welcome .button__wrapper a:hover {
	color: var(--color-brand-lighter);
}

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

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

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

@media only screen and (max-width: 1550px) {

	.home-welcome__inner,
	.home-welcome .button__wrapper {
		padding-left: 13rem;
	}
}






.home-services .text--short {
	margin: -2rem 0 9rem;
	max-width: 90rem;
}

.home-services .card__wrapper {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.home-services .card {
	position: relative;
	width: 30%;
	border-radius: 2rem;
}

.home-services .card::before {
	content: "";
	position: absolute;
	z-index: 10;
	top: 2px;
	left: 2px;
	width: calc(100% - 4px);
	height: calc(100% - 4px);
	border-radius: 2rem;
	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+ */
}

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

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

.home-services .card img {
	position: relative;
	z-index: 1;
	border-radius: 2rem;
	padding: 3px;
	width: 100%;
}

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

.home-services .card__headline {
	margin: 0 0 2rem;
	font-size: 3.4rem;
	font-family: var(--font-family-primary);
	color: #fff;
}

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

.home-services .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: 2rem;
	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;
}

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

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

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





.home-agentur .content-headline {
	margin: 0 0 9rem;
}

.home-agentur__linkblock {
	margin: 10rem 0;
}

.home-agentur__collage {
	position: absolute;
	right: 0;
	margin: -4.5rem 0 0;
	width: 45%;
	padding: 5rem 0 0;
}

.home-agentur__collage::after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 90%;
	background: #d9d9d9;
}

.home-agentur__collage img {
	position: relative;
	z-index: 10;
	margin: 0 0 0 -10%;
}

.home-agentur__singleimage {
	margin: 10rem 0 0;
}

.home-agentur__singleimage__text {
	padding: 20rem 0 0 15%;
}




.home-projects {
	background: url("../../files/theme/img/home-projects-bg.jpg") no-repeat;
	background-size: cover;
}

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

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

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

.home-projects .text--short {
	color: #fff;
}

.homeproject a {
	color: inherit
}

.homeproject img {
	width: 100%;
}

.homeproject__text {
	position: relative;
	margin: -1rem 0 0 2rem;
	padding: 5rem 0 0 3rem;
	line-height: 1.2;
}

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

.homeproject__text h3 {
	font-size: 2.5rem;
	color: #fff;
}

.homeproject__text span {
	line-height: 0;
	font-size: 2rem;
	font-weight: 300;
	color: #fff;
}





.home-logos {
	padding: 7rem 0 !important;
}

.home-logos ul {
	display: flex;
	align-items: center;
	gap: 5%;
	margin: 0;
	padding: 0 5%;
}

.home-logos li {
	width: 14.2857%;
	list-style: none;
}





.home-references .text--short {
	margin: 0 0 15rem;
}

.home-references .swiper-pagination {
	left: auto;
	right: 0;
	width: 52%;
}

.home-references .swiper-pagination-bullet {
	margin: 0 10px !important;
	width: 4.3rem;
	height: 4.3rem;
	line-height: 4.2rem;
	font-size: 2.1rem;
	font-weight: 700;
	font-family: var(--font-family-secondary);
	background: var(--color-brand);
	opacity: 0.4;
}

.home-references .swiper-pagination-bullet-active {
	opacity: 1;
} 

.home-references .swiper-pagination-bullet:nth-of-type(1)::before { content: "1"; }
.home-references .swiper-pagination-bullet:nth-of-type(2)::before { content: "2"; }
.home-references .swiper-pagination-bullet:nth-of-type(3)::before { content: "3"; }
.home-references .swiper-pagination-bullet:nth-of-type(4)::before { content: "4"; }
.home-references .swiper-pagination-bullet:nth-of-type(5)::before { content: "5"; }

.reference {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.reference__left {
	width: 43%;
}

.reference__left__text {
	margin: 5rem 0 0;
	padding: 5rem 0 0;
	border-top: 5px dotted #666;
}

.reference__right {
	padding: 0 0 5rem;
	width: 52%;
}

.reference__right figure {
	position: relative;
	padding: 0 0 75%;
	width: 100%;
	height: 0;
	background: url("../../files/theme/img/mockup-referenzen.png") no-repeat;
	background-size: contain;
}

.reference__right img {
	position: absolute;
	left: 1%;
	top: 1.5%;
	width: 98%;
}




.home-ratings h4 {
	font-size: 2.3rem;
	text-align: center;
	color: #000;
}
.home-ratings .ratings-slider {
	margin: 8rem -20vw 0 0;
}

.home-ratings .swiper-container {
	padding: 7rem 0 7rem;
}

.rating {
	position: relative;
	padding: 1% 1% 3rem 3rem;
	box-shadow: 5px 5px 10px rgba(0,0,0,0.2);
	background: #fff;
}

.rating__stars {
  position: relative;
  display: inline-block;
  font-size: 5.5rem;
  line-height: 1;
}

.rating__stars .stars-empty {
  color: #ccc; /* leere Sterne */
}

.rating__stars .stars-filled {
  color: #f39200; /* gefüllte Sterne */
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  white-space: nowrap;
  width: 0; /* Standard */
}

.rating__stars--1 .stars-filled { width: 20%; }
.rating__stars--2 .stars-filled { width: 40%; }
.rating__stars--3 .stars-filled { width: 60%; }
.rating__stars--4 .stars-filled { width: 80%; }
.rating__stars--5 .stars-filled { width: 100%; }

.rating figure {
	position: absolute;
	right: 3%;
	top: -7rem;
	max-width: 15rem;
}

.rating blockquote {
	position: relative;
	margin: 2rem 0 0 10%;
	font-size: 1.9rem;
}

.rating blockquote::before {
	content: "» ";
	position: absolute;
	left: -4.5rem;
	top: 0.8rem;
	line-height: 0;
	font-weight: 700;
	font-size: 7.5rem;
	color: var(--color-brand);
}

.rating__author {
	margin: 0;
	font-weight: 700;
}

.rating__author cite {
	font-style: normal;
}

.rating__text p:last-of-type {
	margin: 0;
}

.home-ratings .swiper-pagination {
	margin: 0 0 0 -10vw;
	bottom: 0;
}

.home-ratings .swiper-pagination-bullet {
	width: 1.5rem;
	height: 1.5rem;
	border: 2px solid #b3b3b3;
	background: none;
	opacity: 1;
}

.home-ratings .swiper-pagination-bullet-active,
.home-ratings .swiper-pagination-bullet:hover {
	background: #b3b3b3;
}



.home-werbetechnik h1::after {
	background: var(--color-green) !important;
}

.home-werbetechnik .content-gallery {
	margin-top: 6rem;
}





.home-clothing h1::after {
	background: var(--color-blue) !important;
}

.home-clothing .content-gallery {
	margin-top: 6rem;
}





.home-agenturlife h1 {
	color: var(--color-purple);
}

.home-agenturlife h1::after {
	background: var(--color-purple) !important;
}

.home-agenturlife .content-gallery {
	margin-top: 6rem;
}




.content-gallery.gallery--bordered ul {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.content-gallery.gallery--bordered li {
	position: relative;
	width: 30%;
	padding: 2px;
	list-style: none;
}

.content-gallery.gallery--bordered li::before {
	content: "";
	position: absolute;
	z-index: 11;
	top: 1px;
	left: 1px;
	width: calc(100% - 2px);
	height: calc(100% - 2px);
	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+ */
}

.content-gallery.gallery--bordered li::after {
	content: "";
	position: absolute;
	z-index: 100;
	bottom: -0.2rem;
	left: 50%;
	transform: translateX(-50%);
	width: 9rem;
	height: 0.6rem;
	background: var(--color-brand);
}

.content-gallery.gallery--bordered.border--green li::after { background: var(--color-green); }
.content-gallery.gallery--bordered.border--blue li::after { background: var(--color-blue); }
.content-gallery.gallery--bordered.border--purple li::after { background: var(--color-purple); }

.content-gallery.gallery--bordered li img {
	position: relative;
	z-index: 10;
	width: 100%;
}

.content-gallery.gallery--bordered figcaption {
	position: absolute;
	z-index: 500;
	bottom: 2.5rem;
	left: 0;
	padding: 0 10%;
	width: 100%;
	line-height: 1.3;
	font-size: 3rem;
	font-weight: 500;
	color: #fff;
	text-align: center;
	pointer-events: none;
}

.content-gallery.gallery--bordered .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%;
	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;
}

.content-gallery.gallery--bordered.border--green .border { --c: var(--color-green); }
.content-gallery.gallery--bordered.border--blue .border { --c: var(--color-blue); }
.content-gallery.gallery--bordered.border--purple .border { --c: var(--color-purple); }

.content-gallery.gallery--bordered figure:hover .border {
	--_i: 100%;
	transition: .3s, background-size .3s .1s;
	background-position: center top;
}






.ce_accordion.first {
	margin-top: 8rem;
}

.ce_accordion .toggler {
	padding: 1.5rem 0;
	border-bottom: 1px solid #000;
	cursor: pointer;
	font-size: 1.7rem;
	font-weight: 600;
	font-family: var(--font-family-secondary);
}

.ce_accordion p:last-of-type {
	margin: 0;
}

.ce_accordion .accordion {
	font-size: 1.6rem;
}

.ce_accordion .accordion div {
	padding: 1rem 0;
}

.ce_accordion.accordion--orange.first {
	margin-top: 0;
}

.ce_accordion.accordion--orange .toggler {
	padding: 0;
	border: 0;
	font-size: 2.2rem;
	color: var(--color-brand);
}

.ce_accordion.accordion--orange .toggler::before {
 	content: "» ";
}

.ce_accordion.accordion--orange .accordion {
	margin-left: 1.5rem;
	font-size: 2rem;
}

.ce_accordion.accordion--orange .accordion div {
	padding: 1rem 0 2rem;
	overflow: hidden;
}



.iconteasers {
	display: flex;
	flex-wrap: wrap;
	margin: 0 0 -7rem;
	padding: 6rem 0 0;
}

.iconteasers__entry {
	margin: 0 0 7rem;
	width: 33.3334%;
	text-align: center;
}

.iconteasers figcaption {
	padding: 0 10%;
}

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

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




.websites-mockup__wrapper {
	position: relative;
}

.websites-mockup {
	position: absolute;
	right: -10vw;
	top: -7rem;
	width: 70%;
	height: 0;
	padding-bottom: 58%;
	background: url("../../files/theme/img/mockup.png") no-repeat;
	background-size: contain;
}

.websites-mockup__inner {
	position: absolute;
	overflow: hidden;
	right: 10.1rem;
	top: 2.2rem;
	width: 40rem;
	height: 33.5rem;
	clip-path: polygon(0 14%, 100% 0, 100% 100%, 0 90%);
	background: red;
}

.websites-mockup__inner::after {
	content: "";
	top: 0;
	position: absolute;
	top: 0;
	right: 0;
	width: 45rem;
	height: 61.8rem;
	animation: mockup 5s infinite;
	animation-delay: 1.3s;
	background: url("../../files/theme/img/website-dummy.jpg") no-repeat;
}

@keyframes mockup {
   0% { top: 0; }
   50% { top: -28rem; }
   100% { top: 0; }
}






.testimonial {
	display: flex;
	justify-content: space-between;
}

.testimonial figure {
	width: 10rem;
}

.testimonial img {
	border-radius: 100%;
}

.testimonial .rte {
	position: relative;
	margin: 6.5rem 0 0;
	width: calc(100% - 12rem);
	font-size: 1.6rem;
}

.testimonial .rte::before {
	content: "» ";
	position: absolute;
	left: -4.2rem;
	top: 0.8rem;
	line-height: 0;
	font-weight: 700;
	font-size: 6rem;
	color: var(--color-brand);
}





.main .corporate-hero {
	padding: 40rem 0 8rem;
	height: 100vh;
	background: url("../../files/theme/img/corporate-design-bg.jpg") no-repeat center center;
	background-size: cover;
}

.corporate-hero .headlinebox__headline {
	font-size: 12rem;
}