/* assistant-300 - hebrew_latin_latin-ext */
@font-face {
  font-display: swap;
  font-family: 'Assistant';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/assistant-v19-hebrew_latin_latin-ext-300.woff2') format('woff2'),
       url('../fonts/assistant-v19-hebrew_latin_latin-ext-300.ttf') format('truetype');
}
/* assistant-regular - hebrew_latin_latin-ext */
@font-face {
  font-display: swap;
  font-family: 'Assistant';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/assistant-v19-hebrew_latin_latin-ext-regular.woff2') format('woff2'),
       url('../fonts/assistant-v19-hebrew_latin_latin-ext-regular.ttf') format('truetype');
}
/* assistant-600 - hebrew_latin_latin-ext */
@font-face {
  font-display: swap;
  font-family: 'Assistant';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/assistant-v19-hebrew_latin_latin-ext-600.woff2') format('woff2'),
       url('../fonts/assistant-v19-hebrew_latin_latin-ext-600.ttf') format('truetype');
}
/* assistant-700 - hebrew_latin_latin-ext */
@font-face {
  font-display: swap;
  font-family: 'Assistant';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/assistant-v19-hebrew_latin_latin-ext-700.woff2') format('woff2'),
       url('../fonts/assistant-v19-hebrew_latin_latin-ext-700.ttf') format('truetype');
}

/* montserrat-300 - cyrillic_cyrillic-ext_latin_latin-ext_vietnamese */
@font-face {
  font-display: swap;
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/montserrat-v26-cyrillic_cyrillic-ext_latin_latin-ext_vietnamese-300.woff2') format('woff2'),
       url('../fonts/montserrat-v26-cyrillic_cyrillic-ext_latin_latin-ext_vietnamese-300.ttf') format('truetype');
}
/* montserrat-700 - cyrillic_cyrillic-ext_latin_latin-ext_vietnamese */
@font-face {
  font-display: swap;
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/montserrat-v26-cyrillic_cyrillic-ext_latin_latin-ext_vietnamese-700.woff2') format('woff2'),
       url('../fonts/montserrat-v26-cyrillic_cyrillic-ext_latin_latin-ext_vietnamese-700.ttf') format('truetype');
}

/* Global CSS */
body { font-family: 'Assistant', sans-serif; line-height: 21px; overflow-x: hidden; font-weight: 300; }
a { color: #000; -webkit-transition: ease-in-out 0.1s; -moz-transition: ease-in-out 0.1s; transition: ease-in-out 0.1s; }
a:hover, a:focus, a:active { color: #c19300; }
.container { max-width: 1230px; z-index: 1; }

h1, .h1 { font-family: 'Montserrat', sans-serif; font-size: 70px; line-height: 60px; font-weight: 600; color: #c19300; }
h2, .h2 { font-family: 'Montserrat', sans-serif; font-size: 30px; line-height: 40px; color: #c19300; font-weight: 400; }
h3, .h3, h3 a, .h3 a { font-family: 'Assistant', sans-serif; font-size: 16px; line-height: 22px; font-weight: 600; color: #c19300; margin-bottom: 3px; }
.uppercase { text-transform: uppercase; }
p { margin-bottom: 1rem; font-size: 18px; line-height: 1.625em; }
p.strong, p strong, .strong { font-weight: 700; }

p ul { padding-left: 3px; }
p li { list-style-type: none; }
p li::before {content: "▪"; color: #c09400; display: inline-block; width: 8px;
  margin-left: -3px;}

/* Cookieconsent */
.cc-revoke, .cc-window { font-size: 16px !important; font-family: "Assistant", sans-serif !important; }
.cc-theme-classic .cc-btn { border-radius: 0px !important; }

/****************** HEADER *****************/
.header-logo { width: 265px; }
#nav-left { width: calc(50% - 132.5px); float: left; }
#nav-left li { margin-right: 18%; }
#nav-left li:last-child { margin-right: 0px; }
.logobox { width: 265px; float: left; top: -20px; position: relative; }
#nav-right { width: calc(50% - 132.5px); float: left;  }
#nav-right li { margin-left: 21%; }
#nav-right li:first-child { margin-left: 0px; }
header { background-color: #fff; z-index: 99; height: 80px; text-transform: uppercase; font-size: 14px; font-family: 'Montserrat', sans-serif; border-bottom: 1px solid #b2b2b2; margin-bottom: 40px; position: fixed; display: block; width: 100%; top: 0px; }
header a { color: #c19300; font-weight: 400; }
header a:hover, header a:focus, header a:active {  }
header a.active { font-weight: 700; }
header .langbox { float:left; width: 50%; height: 21px; }
header ul.lang { float: left; width: auto; height: 21px; margin: 0px; background-color: #c19300; padding-left: 10px; padding-right: 10px; }
header ul.lang li::after { content: "|"; color: #fff; }
header ul.lang li:before { display: block; }
header ul.lang li:last-child::after { content: ""; }
header ul.lang li.active a { font-weight: 700; }
header ul.lang a { color: #ffffff; }
header ul { padding-left: 0px; }
header ul li { list-style-type: none; display: inline-block; }
header ul li::before { content: ''; width: 0px; display: block; }
header .linkbox { float: left; width: 50%; text-align: right; }
header .linkbox a { font-weight: 700; }
header .top { height: 45px; padding-top: 7px;  }
header .bottom { height: 35px; }
.navbar-toggle { display: none; }

/* Social Left */
.social-left { position: fixed; top: 236px; z-index: 10; }
.social-left .box { display: table; margin-bottom: 1px; }
.social-left .box .icon { background-color: #191919; height: 35px; width: 35px; text-align: center; vertical-align: middle; display: table-cell;  }
.social-left .box:hover .popup { visibility: visible; opacity: 1; }
.social-left .box .popup { visibility: hidden; opacity: 0; position: absolute; background-color: #c19300; padding: 7px 15px; margin-left: 1px; font-size: 14px; font-family: 'Montserrat', sans-serif; color: #fff; transition: visibility 0s, opacity 0.5s linear; -webkit-transition: ease-in-out 0.1s; -moz-transition: ease-in-out 0.1s; transition: ease-in-out 0.1s; }
.social-left .box .popup a { color: #fff; }
.social-left svg{ max-height: 25px; max-width: 25px; }
.social-left img{ max-height: 25px; max-width: 25px; }
.social-left path { fill: #c19300; }

/**************** CONTENT *********************/

/* Jobs */
.filters { background-color: #F2F0EF; padding: 20px; margin-bottom: 30px; }
.filters select { margin-bottom: 0px; }
.jobs { border-top: 1px solid #333333; margin-bottom: 160px; }
.jobs .job { border-bottom: 1px solid #333333; padding-top: 25px; padding-bottom: 25px; }
.jobs .job h2 { text-transform: uppercase; font-size: 20px; margin-bottom: 0px; line-height: 24px; }
.jobs .job .subtitle { text-transform: uppercase; font-size: 18px; color: #999999; }
.jobs .job .industries { margin-top: 10px; }
.jobs .job .description { margin-bottom: 0px; }
#jobfilter .filter {  }
#jobfilter input[type="checkbox"] { display:none; }
#jobfilter input[type="checkbox"] + label::before {
  width: 15px;
  height: 15px;
  border-radius: 15px;
  border: 2px solid #c19300;
  background-color: #fff;
  display: block;
  content: "";
  float: left;
  margin-right: 5px;
  margin-top: 3px;
}
#jobfilter input[type="checkbox"]:checked+label::before {
  box-shadow: inset 0px 0px 0px 3px #fff;
  background-color: #c19300;
}
#jobfilter label { }
#filters_reset { margin-top: 10px;  display: block;}


/* Home */
.home-title .h1 { height: 50px; display: table; text-align: center; width: 100%; }
.home-title .h2 { margin-bottom: 0px; margin-top: 5px; display: table; text-align: center; width: 100%;  }
.home-title { margin-bottom: 287px; margin-top: 110px; height: 167px; }
.home-imagefullwidth { height: 266px; background-size: contain; background-repeat: no-repeat; background-position: center; }
.home-imagefullwidth .teamimg { width: 1060px; position: absolute; top: 385px; left: calc(50% - 530px); }
.home-imagefullwidth .buttonrow { height: 83px; position: relative; top: 169px; }
.home-imagefullwidth .buttonrow a { color: #fff; text-transform: uppercase; font-size: 30px; font-family: 'Montserrat', sans-serif; }
.home-imagefullwidth .buttonrow .bottom { height: 14px; }
.home-imagefullwidth .buttonrow .left .bottom { background-color: #4a314b; }
.home-imagefullwidth .buttonrow .right .bottom { background-color: #2a4550; }
.home-imagefullwidth .buttonrow .left { padding-left: 0px; padding-right: 20px; text-align: right; }
.home-imagefullwidth .buttonrow .right { padding-right: 0px; padding-left: 20px; }
.home-imagefullwidth .buttonrow .button { background-color: #c19300; display: block; height: 100%; padding-top: 30px; padding-left: 140px; padding-right: 100px; }

/* Fullwidth-Box */
.fullwidth-box { height: 580px; margin-top: 50px; padding-top: 90px; padding-bottom: 90px; background-position: center; background-size: cover; background-repeat: no-repeat; }
.fullwidth-box + .contactform { margin-top: 0px; }
.fullwidth-box .h1 { line-height: 70px; }
.fullwidth-box a { color: #c19300; text-decoration: underline; font-size:1.2em; }
.fullwidth-box + .container.text-center { margin-top: 150px; }

/* fullwidth-box-text-center */
.fullwidth-box-text-center { height: 415px; background-size: cover; background-position: center; background-repeat: no-repeat; box-sizing: content-box; margin-top: 50px; margin-bottom: 50px; }
.fullwidth-box-text-center .text-center { position: relative; height: 100%; }
.fullwidth-box-text-center .h1 { line-height: 70px; position: absolute;top: 50%; transform: translateY(-50%); font-size: 55px; }
.fullwidth-box-text-center.borderbottom { border-bottom: 14px solid; }
.fullwidth-box-text-center.borderbottom.blue { border-color: #2a4550; }
.fullwidth-box-text-center.borderbottom.purple { border-color: #4a314b; }

/* fullwidth-parallax-box */
.fullwidth-parallax-box { height: 320px; background-color: #191919;  background-attachment: fixed;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  z-index: 0; }
.parallax { background-color: #191919; margin-bottom: 200px; }
.parallax .parallax-img { width: 100%; height: 300px; background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover; margin-top: 160px; margin-bottom: 80px; }
/*.fullwidth-parallax-box .parallax-text {  color: white;
  padding-top: 275px;
  position: fixed;
  top: 0px;
  z-index: 0; }
.fullwidth-parallax-box span { display: block; }*/


/* Specialisation */
.spezialisierung-row { margin-bottom: 200px; position: relative; }

.specialisation { margin-bottom: 60px; background-color: #282727; padding: 40px 60px; padding-bottom: 60px; height: 670px; }
.specialisation svg .bubbletitle { font-weight: 700; cursor: pointer; }
.specialisation svg .label { fill: #c19300;  }
.specialisation svg .spezial_1, .spezial_2, .spezial_3, .spezial_4, .spezial_5, .spezial_6 { cursor: pointer; pointer-events: all; }
text.spezial_1, text.spezial_2, text.spezial_3, text.spezial_4, text.spezial_5, text.spezial_6 { cursor: initial; }
.specialisation svg#dots .dots-class-5 { /*fill: #c19300;*/ opacity: 1; }
.specialisation svg#dots text.deactive { /*fill: #56481b;*/ /*opacity: 0.25;*/ }
.specialisation svg#dots  text.active { /*fill: #c19300;*/ opacity: 1; }
.specialisation svg#dots  g.active path { /*stroke: #c19300;*/ opacity: 1; }
.specialisation svg#dots  g.deactive path.dots-class-3 { /*stroke: #56481b; */ }
.specialisation-text { display: flex; flex-direction: column; margin-bottom: 60px; }
.specialisation-text .default, .specialisation-text .text-block { flex-grow: 1;  min-height: 300px; padding-bottom: 20px; }
.specialisation-text .spez_1, .specialisation-text .spez_2, .specialisation-text .spez_3, .specialisation-text .spez_4, .specialisation-text .spez_5, .specialisation-text .spez_6 { display: none; }

.spezialisierungcloser { display: none; position: absolute; right: 38px; top: 20px; cursor: pointer; z-index: 9; }
.spezialisierungcloser img { width: 20px; }

.datapie { margin-bottom: 25px; }
.datapie .procent { text-align: center; }
.datapie svg#pie_default { width: 100%; width: 280px; height: 280px; opacity: 1; }
.datapie svg#pie_default .cls-3 { stroke-width: 0px; opacity: 1; }

.datapie svg#pie_special { display: none; opacity: 0; width: 280px; height: 280px; opacity: 1; }
.datapie svg#pie_special .pie-spec-6 { text-anchor: middle; font-size: 14px; opacity: 1; }
.datapie svg#pie_special .pie-spec-11 { text-anchor: middle; opacity: 1; }
.datapie svg#pie_special .pie-spec-3.active, .datapie svg#pie_special .pie-spec-4.active { fill: #c19300; opacity: 1; }

.specialisation-contact p { margin-bottom: 0px; font-size: 26px; line-height: 28px; color: #c19300; }
.specialisation-contact a { color: #c19300; font-size: 18px; }

/* Honeycomb */
.honeycombs { position: relative; width: 100%; margin-top: 60px; }
.honeycombs svg { position: absolute; top: 0; left: 0;  margin-bottom: 120px; text-transform: uppercase; height: auto; }
.honeycombs canvas { visibility: hidden; width: 100%; margin-bottom: 120px; height: 1500px; }
.honeycombs svg .textcentered { text-anchor: middle; }
.honeycombs svg polygon, .honeycombs svg text { cursor: pointer; }
.honeycombs .ptext { display: flex; }
.honeycombs .ptext p { color: #fff; font-size: 27px; text-transform: uppercase; text-align: center; margin-bottom: 0px; line-height: 37px; display: flex; justify-content: center; flex-direction: column; height: 220px; }
.honeycombs .text.active { font-size: 16px; line-height: 21px; text-transform: initial; text-transform: none; }
.honeycombs .text { display: none; }
.honeycombs .mobile-text { display: none; }

/* Link-Banner */
.linkbanner { margin-top: 70px; padding-top: 40px; padding-bottom: 40px; background-color: #2a4550; text-align: center; word-wrap: break-word; overflow-wrap: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; }
.linkbanner img { max-height: 120px; max-width: 140px; margin-bottom: 40px; min-height: 100px; }
.linkbanner h3 { margin-bottom: 25px; padding-left: 10%; padding-right: 10%; }
.linkbanner p { padding-left: 10%; padding-right: 10%; font-size: 20px; color: #c19300; margin-bottom: 15px; line-height: 25px; }
.linkbanner p a { color: #c19300; }

/* Spacer */
.spaceMobile { display: none; }

/* Contactform */
.contactform {  min-height: 770px; background-color: #f2f0ef; padding-top: 60px; padding-bottom: 40px; }
.contactform { color: #c19300; }
.contactform a { color: #c19300; }
.contactform p { font-size: 16px; }
.contactform-row { margin-top: 80px; }

/* Blog Overview */
.blogcontainer { margin-top: 50px; }
.blog-category-title { height: 40px; text-align: center; font-size: 18px; text-transform: uppercase; }
.article  { padding-top: 0px; padding-bottom: 40px; display: flex; flex-direction: column; }


.blog-content p a { text-decoration: underline }

.article .picture { padding-left: 20px; padding-right: 20px; padding-top: 20px; }

.article .text { padding-top: 20px; padding-bottom: 20px; color: #fff; padding-left: 20px; padding-right: 20px; flex: 1 0 auto; }
.article .text h2 { text-align: center; font-size: 18px; line-height: 21px; text-transform: uppercase; }

.article .links { text-align: right; font-weight: 700; color: #c19300; font-size: 17px; padding-left: 20px; padding-right: 20px; padding-bottom: 20px; }
.article .links .read-more { float: left; line-height: 40px; }
.article .links .share { margin-right: 20px; }
.article .links a { text-decoration: none; font-weight: 700; color: #c19300; }
.article .links .twitter img{ height: 30px; padding-top: 2px; padding-bottom: 4px; }
.article .links img{ height: 30px; }
.article .links .box.email img { width: 32px; }
.article .links .box { display: inline-block; width: 45px; height: 45px; background-color: #c19300; padding-bottom: 5px; padding-right: 7px; padding-top: 8px; padding-left: 4px; }

.blogsidebar .categories { background-color: #191919; padding: 20px; padding-left: 15px; min-height: 325px; }
.blogsidebar .categories h3 { margin-bottom: 35px; font-size: 20px; }
.blogsidebar .categories ul { padding-left: 0px;  }
.blogsidebar .categories li { list-style-type: none; line-height: 32px;  }
.blogsidebar .categories li::before { content: ''; }
.blogsidebar .categories li a { font-size: 20px; }
.blogsidebar .categories li a.active { font-weight: 700; }

.blogsidebar .abo { margin-top: 50px;  }
.blogsidebar .abo h3 { font-size: 20px; margin-left: 20px; margin-right: 20px; }
.blogsidebar .abo p { font-size: 20px; line-height: 27px; color: #c19300; margin-left: 20px; margin-right: 20px; }
.blogsidebar #newsletter-subscribe input{ border: 1px solid #ba8e00; font-size: 20px; }
.blogsidebar #newsletter-subscribe input[type="submit"]{ border: none; background-color: #c19300; color: #fff; width: 140px; border-radius: 12px; }

/* Blog Detail */
.blog-content { padding-top: 30px; padding-bottom: 50px; }
.blog-content .abo{ margin-top: 0px; }

.blog-detail-title { position: relative; }
.blog-detail-back { display: block; position: absolute; left: 15px; line-height: 63px; text-transform: uppercase; font-size: 18px; }
.blog-detail-h1 { text-transform: uppercase; }
.blog-detail-h2 { text-align: center; text-transform: uppercase; font-size: 18px; text-align: center; display: block; margin-top: 50px; }

.blog-header { padding: 30px 50px; color: #fff; position: relative; }
.blog-header h1 { text-transform: uppercase; }
.blog-header .createdate { margin-bottom: 5px; font-weight: 300; }
.blog-header p { font-size: 20px; line-height: 31px; }
.blog-header .headerimg { width: 100%; }

.blog-header .text { padding-bottom: 45px; }

.blog-header .links { position: absolute; bottom: 0; }
.blog-header .links a { text-decoration: none; font-weight: 700; color: #c19300; }
.blog-header .links .twitter img{ height: 30px; padding-top: 2px; padding-bottom: 4px; }
.blog-header .links img{ height: 30px; }
.blog-header .links .box.email img { width: 32px; }
.blog-header .links .box { display: inline-block; width: 45px; height: 45px; background-color: #c19300; padding-bottom: 5px; padding-right: 7px; padding-top: 8px; padding-left: 4px; text-align: right;}

/* Animated Parallax-Text */
.content-logo { text-align: center; }
.content-logo img { width: 600px; }
.animated-parallax { background-color: #4a314b; height: 550px; margin-top: 160px; }
.home .animated-parallax {  background-color: #191918; margin-bottom: 160px; }


.honeycomb-big { margin-top: 60px; margin-bottom: 170px; -webkit-animation: fadeInFromNone 0.5s ease-out; -moz-animation: fadeInFromNone 0.5s ease-out; -o-animation: fadeInFromNone 0.5s ease-out; animation: fadeInFromNone 0.5s ease-out; }
/*.honeycomb-big.animate { display: none; }*/
.honeycomb-big #yellow-honey { height: auto; width: 445px; height: 385px; position: relative; right: -15px; font-weight: 700; text-transform: uppercase; }
.honeycomb-big #purple-honey { height: auto; width: 445px; height: 385px; position: relative; left: -15px; font-weight: 700; text-transform: uppercase; }
.honeycomb-big #yellow-honey .yellowhonclass-1 { opacity: 0.95; }
.honeycomb-big #yellow-honey .yellowhonclass-2 { text-anchor: middle; }
.honeycomb-big #purple-honey .purplehonclass-6 { opacity: 0.95; }
.honeycomb-big #purple-honey .purplehonclass-7 { text-anchor: middle; }

.honeycomb-big-text { display: none; -webkit-animation: fadeInFromNone 0.5s ease-out; -moz-animation: fadeInFromNone 0.5s ease-out; -o-animation: fadeInFromNone 0.5s ease-out; animation: fadeInFromNone 0.5s ease-out; }
.honeycomb-big-text h3 { font-size: 45px; line-height: 45px; }
.honeycomb-big-text p { font-size: 56px; line-height: 80px; }
.honeycomb-big-text.animate { display: block; }

/* TEAM */
.team { margin-bottom: 200px; margin-left: auto; margin-right: auto; }
.team img { width: 100%; padding-left: 5px; padding-right: 5px;  }
.team .info h2 { font-size: 26px; margin-top: 15px; line-height: 20px; margin-bottom: 0px; }
.team .info .profession { display: block; margin-bottom: 20px; color: #c19300; }
.team .info a { color: #c19300; }
.teammember .imagebox { position: relative; cursor: pointer; }
.teammember .overlay { margin-left: 5px; visibility: hidden; opacity: 0; position: absolute;top: 0px; height: 100%; text-align: center; background-color: rgba(0,0,0,0.4);outline: 1px solid #fff; outline-offset: -18px; transition: visibility 0s, opacity 0.2s linear; }
.teammember:hover .overlay { visibility: visible; opacity: 1; cursor: pointer; }
.teammember .overlay .text { display: flex; flex-direction: column; padding-left: 20px; padding-right: 20px;position: relative; top: 50%; transform: translateY(-50%); color: #fff; font-family: 'Montserrat', sans-serif; font-weight: 700; font-size: 26px; line-height: 30px;  }
.teammember .overlay .text p { font-family: 'Montserrat', sans-serif; font-weight: 700; font-size: 26px; line-height: 30px; }
.jcarousel .hide { display: none !important; }
.jcarousel .teampopup { display: flex; flex-wrap: wrap; position: absolute; top: 0px; width: 100%; height: 100%; background-color: #fff; padding-bottom: 3%; }
.jcarousel .teampopup .image { flex-basis: 30%; flex-grow: 1; }
.jcarousel .teampopup .spacer { flex-basis: 3%; flex-grow: 1; }
.jcarousel .teampopup .text { flex-basis: 63%; flex-grow: 1; padding: 20px 20px; background-color: #F2F0EF; }
.jcarousel .teampopup .text .profession, .jcarousel .teampopup .text .title { font-size: 28px; line-height: 30px; margin-bottom: 5px; color: #c19300; }
.jcarousel .teampopup .text .title + .strong { color: #c19300; }
.jcarousel .teampopup .contact { width: 100%; margin-top: 25px; color: #c19300; padding-left: 5px; }
.jcarousel .teampopup .text .description ul{ width: initial; position: initial; list-style: initial; margin: 0px; margin: 0px; padding-left: 20px; }
.jcarousel .teampopup .text .description ul li { width: initial; float: none; }
.jcarousel .teampopup .text .experience { margin-top: 30px; font-weight: 700; margin-bottom: 40px; }
.jcarousel .teampopup .text .experience  p { font-size: 28px; line-height: 30px; }
.jcarousel .teampopup .contact .title { display: block; margin-bottom: 5px; }
.jcarousel .teampopup .contact a { color: #c19300; font-weight: 700; }
.jcarousel .teampopup .teamcloser { width: 30px; position: absolute; right: 20px; top: 20px; cursor: pointer; }
.jcarousel .teampopup .teamcloser img{  }

.jcarousel-wrapper {
    position: relative;
}

/** Carousel **/

.jcarousel {
    /*position: relative;*/
    overflow: hidden;
    width: 100%;
}

.jcarousel ul {
    width: 10000em;
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
}

.jcarousel li {
    width: 200px;
    float: left;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.jcarousel img {
    display: block;
    max-width: 100%;
    height: auto !important;
}

/** Carousel Controls **/

.jcarousel-control-prev,
.jcarousel-control-next {
    position: absolute;
    top: 50%;
    margin-top: -15px;
}

.jcarousel-control-prev {
    left: -50px;
}

.jcarousel-control-prev img,
.jcarousel-control-next img {
    height: 40px;
    width: 30px;
}

.jcarousel-control-next {
    right: -50px;
}

input, select, textarea { margin-bottom: 22px; display: block; width: 100%; height: 50px; padding: .375rem .75rem; background-color: #fff; border: none; font-size: 14px;  }
input::placeholder, select::placeholder, textarea::placeholder { color: #111; }
select { padding-left: 0.375rem; margin: 0; margin-bottom: 22px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-appearance: none; -moz-appearance: none; background-image: linear-gradient(45deg, transparent 50%, #b2b2b2 50%), linear-gradient(135deg, #b2b2b2 50%, transparent 50%); background-position: calc(100% - 20px) calc(25px), calc(100% - 15px) calc(25px), calc(100% - 2.5em) 0.5em; background-size: 5px 5px, 5px 5px, 1px 1.5em; background-repeat: no-repeat; }
select:focus {
  background-image:
    linear-gradient(45deg, #b2b2b2 50%, transparent 50%),
    linear-gradient(135deg, transparent 50%, #b2b2b2 50%);
  background-position:
    calc(100% - 15px) 23px,
    calc(100% - 20px) 23px,
    calc(100% - 3.5em) 0.5em;
  background-size:
    5px 5px,
    5px 5px,
    1px 1.5em;
  background-repeat: no-repeat;
  outline: 0;
}
textarea { height: 140px; min-height: 140px; padding-top: 15px; padding-bottom: 15px; }

input[type="submit"] { background-color: #fff; color: #c19300; font-size: 16px; font-weight: 700; }

ul.error { background-color: #c23616; padding: 15px; }
ul.error li { color: #fff; list-style-type: none; }
ul.error li::before {content: '';}

.success-message { background-color: #44bd32; padding: 15px;  }
.success-message p { color: #fff; margin-bottom: 0px; }
.blogsidebar .abo .success-message p { color: #fff; margin-bottom: 0px; }

/******************* FOOTER ************************/
footer { height: 415px; background-color: #000; color: #fff; padding-top: 70px; padding-bottom: 90px; font-family: 'Montserrat', sans-serif; font-size: 13px; }
footer a { color: #fff; }
footer a:hover, footer a:focus, footer a:active { color: #fff; }
footer ul li a { font-size: 13px; }
footer ul li:first-child a { font-size: 15px; }
footer ul { padding-left: 0px; }
footer ul li { list-style-type: none; }
footer .footer-top { min-height: 220px; }
#nav-footer { margin-top: 7px; }
#nav-footer ul li { display: inline-block; margin-right: 30px; }
#nav-footer ul li:last-child { margin-right: 0px; }
footer .mailicon { width: 45px; float: left; }
footer .mailicon svg { width: 28px; }
footer .mailicon svg path { fill: #c19300; }
footer .contactinfo { width: calc(100% - 45px); float: left; }
footer .footer-slogan { font-size: 26px; color: #c19300; text-transform: uppercase; float: right; }
footer .footer-social { text-align: right; }
footer .footer-social a { text-decoration: none; }
footer .footer-social .twitter img{ height: 30px; padding-top: 2px; padding-bottom: 4px; }
footer .footer-social img{ height: 30px; }
footer .footer-social .box { display: inline-block; width: 45px; height: 45px; background-color: #c19300; padding-bottom: 5px; padding-right: 7px; padding-top: 8px; padding-left: 4px; }
footer .footer-bottom ul li:first-child a{ font-size: 13px; }

/* -------------------------------------------------- */

.blog-content ul {
    list-style: none;
    padding: 0;
}

.blog-content ul li {
    margin-left: 1rem;
}

.blog-content ul li::before {
    content: "\25A0";
    color: #c19300;
    display: inline-block;
    width: 1rem;
    margin-left: -1rem;
}

.error-message,
.success-message {
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15);
}

.error-message {
    background-color: #fe2e2e;
}

.error-message p,
.success-message p {
    font-weight: 700;
}

.contactform .error-message {
    margin-top: 38px;
    padding: 15px;
}

.contactform .error-message ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.contactform .error-message li {
    color: #fff;
    font-weight: 700;
}

.contactform .success-message {
    margin: 0 -15px 38px;
}

.link-banner {
    -webkit-hyphens: auto;
    -webkit-hyphenate-limit-chars: auto 3;
    -ms-hyphens: auto;
    -ms-hyphenate-limit-chars: auto 3;
    hyphens: auto;
    hyphenate-limit-chars: auto 3;
}

#newsletter-subscribe.error-message p,
#newsletter-subscribe.success-message p {
    margin: 0 10px;
}

.success-message {
    background-color: #c19300;
}

@media(min-width: 768px) {
    .contactform .success-message {
        margin: -15px -15px 38px;
    }
}

/* -------------------------------------------------- */

@media (max-width: 1300px) {
  .jcarousel-control-prev {
    left: 15px;
  }
  .jcarousel-control-next {
    right: 15px;
  }
  .jcarousel-control-prev, .jcarousel-control-next { top: 45%; }
}

@media (max-width: 1200px) {

    h1, .h1 { font-size: 60px; line-height: 60px; font-weight: 600; color: #c19300; }
    h2, .h2 { font-size: 26px; line-height: 36px; }


    /* Fullwidth Box text center */
    .fullwidth-box-text-center { height: 360px; }
    .fullwidth-box-text-center .h1 { font-size: 50px; line-height: 50px; }

    .jcarousel .teampopup .image { flex-basis: 26%; }

    /* TOP NAV */
    #nav-right { width: calc(50% - 110px); }
    #nav-right li { margin-left: 12%; }
    #nav-left { width: calc(50% - 110px); }
    #nav-left li { margin-right: 12%; }
    .logobox { width: 220px; top: -10px; }
    .header-logo { width: 220px; }

    /* Linkbanner */
    .linkbanner h3 { font-size: 23px; padding-left: 0px; padding-right: 0px; margin-bottom: 20px; line-height: 26px; }
    .linkbanner p { line-height: 26px; margin-bottom: 10px; padding-left: 0px; padding-right: 0px; }

    /* Home Banner */
    .home-title { margin-top: 80px; margin-bottom: 257px; }
    .home-imagefullwidth .teamimg { top: 325px; }
    .home-imagefullwidth .buttonrow a { font-size: 26px; }
    .home-imagefullwidth .buttonrow .button { padding-left: 70px; padding-right: 70px; }

      /* Parallax */
    .parallax .parallax-img { background-position: -17vw center; width: 100%; margin-top: 0px; background-attachment: scroll; margin-bottom: 0px; }
    .parallax .parallax-container { overflow: hidden;  }
    .parallax { margin-top: 100px; margin-bottom: 100px; }

    /* TEAM */
    .team { margin-bottom: 100px; }
    .team .info h2 { font-size: 22px; line-height: 18px; }
    .teammember .overlay .text { font-size: 20px; }
    .teammember .overlay .text p { font-size: 20px; }

    /* Home Spezialisation */
    .specialisation { padding-bottom: 40px; height: auto; }
    .spezialisierung-row { margin-bottom: 80px; }
    .specialisation-contact p { font-size: 24px; line-height: 26px; }
    .specialisation-text .default, .specialisation-text .text-block { min-height: initial; }

    /* Facts Honeycomb */
    .honeycombs { height: auto; }
    .honeycombs svg { height: auto; }
    .honeycombs canvas { height: auto; }

    /* Fullwidth Box */
    .fullwidth-box { height: 500px; }
    .fullwidth-box .h1 { line-height: 65px; }

    /* Animated Parallax */
    .honeycomb-big { margin-bottom: 40px; }
    .honeycomb-big #yellow-honey { width: 40%; }
    .honeycomb-big #purple-honey { width: 40%; }
    .honeycomb-big-text h3 { font-size: 30px; line-height: 30px; }
    .honeycomb-big-text p { font-size: 38px; line-height: 50px; }
    .animated-parallax { height: 300px; overflow: hidden; }
    .animated-parallax .animated-parallax-img {
      background-position: -16vw center;
	  width: 100%;
	  height: 300px;
	  margin-top: 0px;
	  background-attachment: scroll;
	  background-repeat: no-repeat;
	  background-size: cover;
	  margin-bottom: 0px;
      background-image: url(/theme/img/animated_parallax.png);
    }

    .animated-parallax .animated-parallax-img-home {
      background-position: -16vw center;
	  width: 100%;
	  height: 300px;
	  margin-top: 0px;
	  background-attachment: scroll;
	  background-repeat: no-repeat;
	  background-size: cover;
	  margin-bottom: 0px;
    }

    /* contactform */
    .contactform { min-height: initial; }
}

@media (min-width: 1200px) {

	/* Animated parallax Home */
  .animated-parallax .animated-parallax-img-home {
  height: 100%; background-position: 0vw calc(50% - 135px), 0vw calc(50% + 45px);

  background-attachment: fixed; background-size: contain;
  background-repeat: no-repeat; z-index: 0;
  }
  .animated-parallax .animated-parallax-img-home::after {
    content: '';
    height: 100%; background-position: 0vw calc(50% - 45px), 0vw calc(50% + 135px);
    background-attachment: fixed; background-size: contain;
    background-repeat: no-repeat; z-index: 0;
    display: block;
  }

  .animated-parallax .animated-parallax-img-home.animate{
    -webkit-animation-name: MOVE-BG-RIGHT;
    -webkit-animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
  }

  .animated-parallax .animate.animated-parallax-img-home::after{
    -webkit-animation-name: MOVE-BG-LEFT;
    -webkit-animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
  }

  /* Animated parallax */
  .animated-parallax .animated-parallax-img {
  height: 100%; background-position: 0vw calc(50% - 135px), 0vw calc(50% + 45px);

  background-attachment: fixed; background-size: contain;
  background-repeat: no-repeat; z-index: 0;
  background-image: url(/theme/img/lifesciences.png), url(/theme/img/biotech.png);
  }
  .animated-parallax .animated-parallax-img::after {
    content: '';
    height: 100%; background-position: 0vw calc(50% - 45px), 0vw calc(50% + 135px);
    background-attachment: fixed; background-size: contain;
    background-repeat: no-repeat; z-index: 0;
    background-image: url(/theme/img/pharma.png), url(/theme/img/medtech.png);
    display: block;
  }

  .animated-parallax .animated-parallax-img.animate{
    -webkit-animation-name: MOVE-BG-RIGHT;
    -webkit-animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
  }

  .animated-parallax .animate.animated-parallax-img::after{
    -webkit-animation-name: MOVE-BG-LEFT;
    -webkit-animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
  }

  @-webkit-keyframes MOVE-BG-LEFT { from { background-position-x: -100vw; }
      to { background-position-x: 0vw; }
  }

  @-webkit-keyframes MOVE-BG-RIGHT {
      from { background-position-x: 100vw; }
      to { background-position-x: 0vw; }
  }

}

@media (min-width: 1400px) {
	.animated-parallax .animated-parallax-img {
		background-position: 0vw calc(50% - 185px), 0vw calc(50% + 65px);
	}
	 .animated-parallax .animated-parallax-img::after {
	 	background-position: 0vw calc(50% - 65px), 0vw calc(50% + 185px);
	 }

	 .animated-parallax .animated-parallax-img-home {
		background-position: 0vw calc(50% - 185px), 0vw calc(50% + 65px);
	}
	 .animated-parallax .animated-parallax-img-home::after {
	 	background-position: 0vw calc(50% - 65px), 0vw calc(50% + 185px);
	 }
}

@media (max-width: 980px) {

	body .wrapper { padding-top: 0px; }

	.home-title .h1 { height: 40px; }

  h1, .h1 { font-size: 40px; line-height: 40px; font-weight: 600; color: #c19300; }
  h2, .h2 { font-size: 26px; line-height: 36px; }

  .home-title .h2 { margin-top: 3px; }

  /* MOBILE NAV */
  #mobile-nav-background { display: none;  position: fixed; height: 100vh; width: 100vw; background-color: rgba(0,0,0,0.5); z-index: 10; }
  header { position: fixed; z-index: 20; left: 0; top: 0; width: 100%; z-index: 100; background-color: #fff; height: 95px; }
  header .top { padding-top: 15px; position: fixed; z-index: 20; }
  header .langbox { width: 75px; }
  header .header-logo { position: fixed; z-index: 20; top: 45px; }
  header .linkbox { width: 65px; display: none; }
  header .container { z-index: 20; position: fixed; z-index: 20; background-color: #fff; height: 94px; }
  #nav-left { display: none; position: fixed; z-index: 20; width: 100%; top: 95px; left:0px; background-color: #fff; padding-top: 20px; padding-left: 15px; font-size: 22px; }
  #nav-left ul { margin-bottom: 0px; }
  #nav-left ul li { display: block; height: 30px; }
  #nav-right { display: none; position: fixed; z-index: 20; width: 100%; top: 205px; left:0px; background-color: #fff; padding-bottom: 10px; padding-left: 15px; font-size: 22px; border-bottom: 1px solid #b2b2b2; }
  #nav-right ul { margin-bottom: 0px; }
  #nav-right ul li { display: block; float: none; margin: 0px; height: 30px; }

  .social-left { display: none; display: none; position: fixed; padding-left: 15px; padding-right: 15px; width: 100%; top: 281px; left:0px; background-color: #fff; padding-bottom: 5px; border-bottom: 1px solid #b2b2b2; }
  .social-left .box { display: inline-block; cursor: pointer; }
  .social-left .box:hover .popup { display: none; }
  .social-left .box .icon { padding-bottom: 5px; padding-right: 5px; padding-top: 5px; padding-left: 5px; display: inline-block; }

  .logobox { top: 0px; }

  .menu-icon { width: 30px; height: 20px; cursor: pointer; position: absolute; right: 15px; top: 27px; margin-top: -10px; z-index: 21;  }
  .menu-icon .bar-1, .menu-icon .bar-2 , .menu-icon .bar-3 { width: 100%; background: #c19300; height: 3px; }
  .menu-icon .bar-1, .menu-icon .bar-2 { margin-bottom: 5px; }

  /* BODY CONTENT */
  .body-content { margin-top: 140px; }

  /* Team */
  .jcarousel .teampopup .text .profession, .jcarousel .teampopup .text .title { font-size: 26px; }
  .jcarousel .teampopup .image { flex-basis: 28%; }
  .jcarousel { height: initial; }
  .jcarousel .popups { height: 100%; }

  /* Specialisation */
  .honeycomb-big #purple-honey { left: -2%; }
  .honeycomb-big #yellow-honey { right: -2%; }


  /* Home team fullwidth */
  .home-title { margin-top: 140px; margin-bottom: 92px; }
  .home-imagefullwidth {height: 340px;}
  .home-imagefullwidth .buttonrow .button { padding-top: 34px; }
  .home-imagefullwidth .buttonrow .left .button { padding-right: 40px; padding-left: 0px; }
  .home-imagefullwidth .buttonrow .right .button { padding-left: 40px; padding-right: 0px; }
  .home-imagefullwidth .buttonrow a {font-size: 22px;}
  .home-imagefullwidth .teamimg { top: 285px; width: 768px; left: calc((100% - 768px) / 2); }

  /* Fullwidth-box */
  .fullwidth-box { height: 400px; }

  /* Fullwidth Box text center */
  .fullwidth-box-text-center { height: 300px;  }
  .fullwidth-box-text-center .h1 { font-size: 35px; line-height: 35px; }

  /* Linkbanner */
  .linkbanner h3 { font-size: 20px; padding-left: 0px; padding-right: 0px; margin-bottom: 20px; }
  .linkbanner p { font-size: 18px; line-height: 22px; margin-bottom: 8px; }

  /* Blog */
  .blogcontainer { margin-top: 0px; }
  .blogsidebar .categories { min-height: 280px; }
  .blogsidebar .categories li { line-height: 28px; }
  .blogsidebar .categories li a { font-size: 16px; }

  /* Home Specialisation */
  .specialisation { padding: 20px; }
  .spezialisierung-row { margin-bottom: 50px; }
  .datapie svg#pie_default { width: 220px; height: 220px; }
  .datapie svg#pie_special { width: 220px; height: 220px; }

  /* Spacer */
  .spaceMobile { display: block; }
  .spaceDesktop { display: none; }
}

@media (min-width: 980px) {
	.blog-mobile-nav { display: none; }
	.home-imagefullwidth { margin-bottom: 80px; }
	.honeycomb-big #yellow-honey .yellowhonclass-2, .honeycomb-big #purple-honey .purplehonclass-7{ display: none; }
	.honeycomb-big #purple-honey { left: -15px; }
	.honeycomb-big #yellow-honey { right: -15px; }
	.honeycomb-big { min-height: 385px; }
	body .wrapper { padding-top: 120px; }
	body .wrapper.home { padding-top: 80px; }
    #nav-right ul { text-align: right; }
}

@media (min-width: 981px) {
    #contact {
        height: 80px;
        margin-top: -80px;
        position: absolute;
        z-index: -1;
    }
}

@media (max-width: 920px) {
  /* Home Specialisation */
  .datapie svg#pie_default { width: 190px; height: 190px; }
  .datapie svg#pie_special { width: 190px; height: 190px; }
}

@media (max-width: 768px) {

  h1, .h1 { font-size: 34px; line-height: 40px; font-weight: 600; color: #c19300; }
  h2, .h2 { font-size: 22px; line-height: 28px; }

  .home-title .h2 { margin-top: 0px; }

  p { margin-bottom: 1rem; font-size: 15px; }

  .honeycombs { height: auto; }
  .honeycombs svg { display: none; }
  .honeycombs canvas { display: none; }
  .honeycombs .mobile-text { display: block; }
  .honeycombs .mobile-text { text-transform: initial; }

  .content-logo img { width: 60%; }

  /* Blog Detail */
  .blog-header { padding: 30px 0px; }
  .blog-header p { font-size: 18px; line-height: 28px; }
  .blog-content li { font-size: 15px; }
  .blog-header .text { margin-bottom: 0px; margin-top: 15px; }
  .blog-content .abo { margin-top: 30px; }
  .blog-content .abo h3, .blog-content .abo p { margin-left: 0px; margin-right: 0px; }
  .blog-category-title.empty { display: none; }
  .h2.blog-detail-back { font-size: 16px; }

  /* Fullwidth Box text center */
  .fullwidth-box-text-center { height: 200px; }
  .fullwidth-box + .container.text-center { margin-top:	80px; }
  .fullwidth-box-text-center .h1 { font-size: 22px; line-height: 28px; }

  	.animated-parallax { margin-top: 80px; }
  	.home .animated-parallax { margin-bottom: 80px; }

  /* parallax-container */
  .parallax .parallax-img { height: 200px; margin-bottom: 0px; background-size: cover; }

  /* Home team fullwidth */
  .home-imagefullwidth { height: 300px; }
  .home-imagefullwidth .teamimg { top: 261px; width: 650px; left: calc((100% - 650px) / 2); }
  .home-imagefullwidth .buttonrow .left { padding-right: 10px; }
  .home-imagefullwidth .buttonrow .right { padding-left: 10px; }
  .home-title .h1 { margin-bottom: 3px; }
  .home-title { margin-bottom: 10px; }

  /* Fullwidth-box */
  .fullwidth-box { height: 300px; }
  .fullwidth-box .h1 { line-height: 40px; }

  /* Blog */
  .blogsidebar .categories { margin-bottom: 20px; min-height: 0px; }
  .article { padding-bottom: 20px; }
  .blogsidebar .categories h3 { margin-bottom: 10px; }
  .blogsidebar #newsletter-subscribe input[type="submit"] { width: 100%; }

  /* Team */
  .jcarousel .teampopup .text .profession, .jcarousel .teampopup .text .title { font-size: 22px; line-height: 28px; }
  .jcarousel .teampopup .text { width: 100%; margin-left: 0px; flex-basis: 100%; }
  .jcarousel .teampopup .image { display: none; }
  .jcarousel .teampopup .spacer { display: 	none; }

  /* Contact form */
  .contactform-row { margin-top: 30px; }
  .contactform p { font-size: 15px; }
  #contactform { margin-bottom: 30px; }
  #contact {
      height: 94px;
      margin-top: -94px;
      position: absolute;
  }

  /* Jobs */
  .jobs { margin-bottom: 80px; }

  /* Honeycombs */
  .honeycombs { margin-bottom: 60px; }
  .honeycomb-big { margin-top: 50px; }

  /* Specialisation */
  .specialisation-text .text-block, .specialisation-contact, .specialisation-text .default, .specialisation-text #pie_default, .specialisation-text #pie_special, .specialisation-text .procent { display: none; }
  .specialisation-text .active { display: block !important; }
  .specialisation-text .deactive { display: none !important; }
  .specialisation-text { display: none; position: absolute; width: calc(100% - 30px); background-color: #F2F0EF; padding-top: 30px; padding-bottom: 30px; margin-left: 15px; margin-right: 15px; padding-left: 15px; padding-right: 15px; }

  /* Footer */
  footer { padding-top: 40px; padding-bottom: 20px; height: auto; }
  footer .footer-slogan { font-size: 22px; }
  footer .footer-top { height: auto; margin-bottom: 30px; }
  footer .contactinfo { width: 100%; }
  #nav-footer ul li { margin-right: 15px; }
  .footer-top .mailicon { display: none; }
}

@media (min-width: 768px) {



}

@media (max-width: 650px) {
   /* Home team fullwidth */
  .home-imagefullwidth { height: 300px; }
  .home-title { margin-bottom: 0px; margin-bottom: 0px; }
  .home-imagefullwidth .buttonrow { height: 63px; }
  .home-imagefullwidth .buttonrow a { font-size: 18px; }
  .home-imagefullwidth .buttonrow .button { padding-top: 23px; }
  .home-imagefullwidth .buttonrow .left .button { padding-right: 15px; }
  .home-imagefullwidth .buttonrow .right .button { padding-left: 15px; }
  .home-imagefullwidth .teamimg { top: 250px; width: 576px; left: calc((100% - 576px) / 2); }
  .home-title { height: 100px; margin-bottom: 49px; }
}

@media (max-width: 576px) {

  h1, .h1 { font-size: 28px; line-height: 34px; font-weight: 600; color: #c19300; }
  h2, .h2 { font-size: 20px; line-height: 28px; }

  .home-title .h1 { height: 30px; }

  /* Parallax */
  .parallax .parallax-img { background-position: -25vw center; width: 150%; }
  .parallax .parallax-container { overflow: hidden; }

  .animated-parallax { height: 250px; }
  .animated-parallax .animated-parallax-img {
      background-position: -24vw center;
	  width: 150%;
	  height: 250px;
  }

  .animated-parallax .animated-parallax-img-home {
      background-position: -24vw center;
	  width: 150%;
	  height: 250px;
  }

  .honeycomb-big #yellow-honey { height: 280px; }
  .honeycomb-big #purple-honey { height: 280px; }

  /* Home team fullwidth */
  .home-imagefullwidth .teamimg { top: 245px; width: 480px; left: calc((100% - 480px) / 2); }
  .home-title { height: 97px; margin-bottom: 0px; }

  /* Fullwidth Box */
  .fullwidth-box { height: 250px; }
  .fullwidth-box .h1 { line-height: 26px; font-size: 22px; }

  /* Fullwidth Box text center */
  .fullwidth-box-text-center { margin-top: 50px; }
  .fullwidth-box-text-center .h1 { font-size: 18px; line-height: 30px; }

  /* Home Specialisation */
  .specialisation { margin-bottom: 20px; }
  .spezialisierung-row { margin-bottom: 70px; }
  .specialisation-text { margin-bottom: 0px; }
  .datapie svg#pie_default { width: 100%; height: auto; }
  .datapie svg#pie_special { width: 100%; height: auto; }

  /* Footer */
  footer .footer-slogan { float: initial; }
  /*footer .footer-social { text-align: right; }*/
  footer .footer-social .box { margin-bottom: 5px; }
  footer .footer-social { text-align: left; margin-top: 10px; }
  footer .mailicon { float: initial; position: absolute; left: 110px; width: 28px; }
  footer .footer-slogan { font-size: 16px; }
}

@media (max-width: 480px) {

	.home-title .h1 { font-size: 22px; }
	.home-title .h2 { font-size: 16px; }

  /* Home team fullwidth */
  .home-imagefullwidth .teamimg { top: 245px; width: 400px; left: calc((100% - 400px) / 2); }
  .home-title { height: 95px; margin-bottom: 0px; }
  .home-imagefullwidth { height: 250px; }
  .home-imagefullwidth .buttonrow { height: 50px; top: 144px; }
  .home-imagefullwidth .buttonrow a { font-size: 16px; }
  .home-imagefullwidth .buttonrow .button { padding-top: 15px; }

  /* Team */
  .team img { padding-left: 0px; padding-right: 0px; }
  /*.jcarousel .teampopup .image { width: 25%; }*/
  /*.jcarousel .teampopup .text { width: 73%; }*/
  .jcarousel .teampopup .text .profession { padding-right: 30px; }
  .jcarousel-control-prev, .jcarousel-control-next { padding: 10px; top: calc(45% - 10px); }
  .jcarousel-control-next { right: -5px; }
  .jcarousel-control-prev { left: -5px; }

  .teammember .overlay .text { padding-left: 17px; padding-right: 17px; }
}

@media (max-width: 400px) {
  /* Home team fullwidth */
  .home-imagefullwidth .teamimg { top: 285px; width: 320px; left: calc((100% - 320px) / 2); }
  .home-imagefullwidth .buttonrow a { font-size: 15px; }
  .home-imagefullwidth .buttonrow .left { padding-right: 5px; }
  .home-imagefullwidth .buttonrow .left .button { text-transform: initial; }
  .home-imagefullwidth .buttonrow .right { padding-left: 5px; }
  .home-imagefullwidth .buttonrow .right .button { text-transform: initial;  }
}

/* --------------------------------------------------
   CHANGES AND EXTENSIONS TO PRIVACYBEE:
   -------------------------------------------------- */
privacybee-widget .prx_wrapper  {
    --custom-title-color: #c19300;
    --custom-body-color: #212529;
    padding-bottom: 0;
}

.prx_wrapper .prx_h1 {
    margin-top: 0;
    padding-top: 0;
    font-family: 'Montserrat', sans-serif;
    font-size: 70px;
    line-height: 60px;
    font-weight: 600;
}

@media (max-width: 1200px){
    .prx_wrapper .prx_h1 {
        font-size: 60px;
        line-height: 60px;
        font-weight: 600;
        color: #c19300;
    }
}

@media (max-width: 980px){
    .prx_wrapper .prx_h1 {
        font-size: 40px;
        line-height: 40px;
        font-weight: 600;
    }
}

@media (max-width: 768px){
    .prx_wrapper .prx_h1 {
        font-size: 34px;
        line-height: 40px;
        font-weight: 600;
        color: #c19300;
    }
}

@media (max-width: 576px){
    .prx_wrapper .prx_h1 {
        font-size: 28px;
        line-height: 34px;
        font-weight: 600;
        color: #c19300;

        -webkit-hyphens: auto;
        -webkit-hyphenate-limit-chars: auto 3;
        -ms-hyphens: auto;
        -ms-hyphenate-limit-chars: auto 3;
        hyphens: auto;
        hyphenate-limit-chars: auto 3;
    }
}

.prx_wrapper .prx_h2 {
    font-family: 'Montserrat', sans-serif;
    font-size: 30px;
    line-height: 40px;
    font-weight: 400;
    margin-bottom: 0.5rem;
}

@media (max-width: 1200px){
    .prx_wrapper .prx_h2 {
        font-size: 26px;
        line-height: 36px;
    }
}

@media (max-width: 980px){
    .prx_wrapper .prx_h2 {
        font-size: 26px;
        line-height: 36px;
    }
}

@media (max-width: 768px){
    .prx_wrapper .prx_h2 {
        font-size: 22px;
        line-height: 28px;
    }
}

@media (max-width: 576px){
    .prx_wrapper .prx_h2 {
        font-size: 20px;
        line-height: 28px;

        -webkit-hyphens: auto;
        -webkit-hyphenate-limit-chars: auto 3;
        -ms-hyphens: auto;
        -ms-hyphenate-limit-chars: auto 3;
        hyphens: auto;
        hyphenate-limit-chars: auto 3;
    }
}

.prx_wrapper .prx_h3 {
    font-family: 'Assistant', sans-serif;
    font-size: 16px;
    line-height: 22px;
    font-weight: 600;
    color: #c19300;
    margin-bottom: 3px;
}

.prx_wrapper .prx_text {
    max-width: 100%;
    margin-bottom: 1rem;
    font-size: 16px;
    font-weight: 300;
    line-height: 21px;
}

.prx_wrapper .prx_expandableName {
    font-size: 16px;
    font-weight: 700;
    line-height: 21px;
}

@media (max-width: 576px){
    .prx_wrapper .prx_expandableName {
        -webkit-hyphens: auto;
        -webkit-hyphenate-limit-chars: auto 3;
        -ms-hyphens: auto;
        -ms-hyphenate-limit-chars: auto 3;
        hyphens: auto;
        hyphenate-limit-chars: auto 3;
    }
}

.prx_wrapper .prx_expandableText {
    font-size: 16px;
    font-weight: 300;
    line-height: 21px;
}

.prx_wrapper .prx_link {
    font-size: 16px;
    font-weight: 300;
    line-height: 21px;
    text-decoration: underline;
}

@media (max-width: 768px){
    .prx_wrapper .prx_text,
    .prx_wrapper .prx_expandableName,
    .prx_wrapper .prx_expandableText,
    .prx_wrapper .prx_link,
    .prx_wrapper .prx_listElement {
        font-size: 15px;
    }
}

.prx_wrapper strong {
    font-weight: 700;
}

.prx_wrapper .prx_expandableDescription {
    word-break: break-word;
    line-height: 21px;
}

/* ==========================================================================
   EXTENSION AND CHANGES TO MODULE LANDING PAGE [26]
   ========================================================================== */
.wrapper:has(.primary-header + .body-content .bst-wrapper) {
    padding-top: 0;
}

.bst-wrapper {
    position: relative;
    height: 100%;
    display: grid;
    margin-bottom: 5rem;
}

@media (min-width: 991px) {
    .bst-wrapper {
        height: 100vh;
    }
}

.bst-wrapper .bst__image-wrapper {
    grid-column: 1 / -1;
    grid-row: 1 / -1;
    overflow: hidden;
}

.bst-wrapper .bst__image-wrapper img {
    width: 100%;
}

.bst-wrapper .bst__glass {
    position: absolute;
    margin: 0;
    padding-block: 30px 13px;
    padding-inline: 30px;
    top: 0;
    display: flex;
    min-height: 100%;
    width: 20%;
    flex-direction: column;
    justify-content: space-between;
    background-transition: 0.3s;
    z-index: 0;
    backdrop-filter: blur(14px) brightness(.92);
    -webkit-backdrop-filter: blur(14px) brightness(.92);
}

@media (min-width: 991px) {
    .bst-wrapper .bst__glass {
        min-height: 100vh;
    }
}

.bst-wrapper .bst__content-wrapper {
    width: 100%;
    max-width: calc(100% - 25%);
    grid-column: 1 / -1;
    grid-row: 1 / -1;
    display: flex;
    align-items: center;
    margin: 0 auto;
    z-index: 1;
}

@media (min-width: 991px) and (max-width: 1600px) {
    .bst-wrapper .bst__content-wrapper {
        max-width: calc(700px + 700 * (100vw - 991px) / 609);
    }
}

@media (min-width: 1600px) {
    .bst-wrapper .bst__content-wrapper {
        max-width: 1400px;
    }
}

.bst-wrapper .bst__content-wrapper .bst__content {
    max-width: 700px;
}

.bst-wrapper .bst__content-wrapper .bst__content .bst__subtitle {
    display: flex;
    align-items: center;
    font-size: 13px;
    line-height: 1.46154em;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: .3em;
    color: #FFFFFF;
}

.bst-wrapper .bst__content-wrapper .bst__content .bst__subtitle:before {
    content: '';
    width: 37px;
    height: 1px;
    border-radius: 2px;
    background-color: currentColor;
    margin-right: 10px;
}

.bst-wrapper .bst__content-wrapper .bst__content .bst__title h1,
.bst-wrapper .bst__content-wrapper .bst__content .bst__title .h1 {
    font-size: 25px;
    font-weight: 600;
    line-height: 1.21667em;
    color: #FFFFFF;
}

@media (min-width: 768px) {
    .bst-wrapper .bst__content-wrapper .bst__content .bst__title h1,
    .bst-wrapper .bst__content-wrapper .bst__content .bst__title .h1 {
        font-size: 60px;
    }
}

/* ==========================================================================
   EXTENSION AND CHANGES TO MODULE TEXT - ZWEISPALTIG [27]
   ========================================================================== */
.bst__double-column {
    margin-bottom: 5rem;
    .bst__column-left {
        .bst__wysiwyg {
            .bst__subtitle {
                display: flex;
                align-items: center;
                font-size: 13px;
                line-height: 1.46154em;
                font-weight: 500;
                text-transform: uppercase;
                letter-spacing: .3em;
                color: #c19300;
            }

            .bst__subtitle:before {
                content: '';
                width: 37px;
                height: 1px;
                border-radius: 2px;
                background-color: currentColor;
                margin-right: 10px;
            }

            h3, .h3 {
                font-size: 39px;
                font-weight: 600;
                line-height: 1.25641em;
            }
        }
    }

    .bst__column-right {
        .bst__wysiwyg {
            margin-top: 16px;
            p:not([class]) {
                font-size: 18px;
                font-weight: 300;
                line-height: 1.625em;
            }

            ul {
                li {
                    font-size: 18px;
                    font-weight: 300;
                    line-height: 1.625em;
                }
            }
        }
    }
}

/* ==========================================================================
   EXTENSION AND CHANGES TO MODULE HONEYCOMB - v2 [28]
   ========================================================================== */
.bst__honeycombs {
    padding-block: 5rem;

    .honeycomb {
        display: flex;
        height: 100%;
        justify-content: center;
        align-items: center;
    }

    #hexGrid {
        display: flex;
        flex-wrap: wrap;
        width: 100%;
        padding-bottom: 7%;
        overflow: hidden;
        list-style-type: none;
    }

    .hex {
        position: relative;
        visibility: hidden;
        outline: 1px solid transparent;
        width: 25%;
    }

    .hex:nth-child(n+4) .hexFront .hexInner {
        background-color: #49314b;
    }

    .hex:nth-child(n+4) .hexBack .hexInner {
        background-color: #c19300;
    }

    .hex:nth-child(7n + 4) {
        margin-left: 12.5%;
    }

    .hex::after {
        content: "";
        display: block;
        padding-bottom: 86.602%;
    }

    .hexFront, .hexBack, .hexPov {
        perspective: 800;
        transform-style: preserve-3d;
        transform: rotateY(0deg);
        backface-visibility: hidden;
        transition: transform 1s ease-out, opacity 0.5s ease-out;

        @-moz-document url-prefix() {
            transform-style: initial;
        }
    }

    .hexBack {
        opacity: 0;
        transform: rotateY(180deg);
    }

    .hexIn {
        position: absolute;
        width: 96%;
        padding-bottom: 110.851%;
        margin: 0 2%;
        overflow: hidden;
        visibility: hidden;
        outline: 1px solid transparent;
        transform: rotate3d(0, 0, 1, -60deg) skewY(30deg);
    }

    .hexFront .hexInner {
        background-color: #c19300;
    }

    .hexBack .hexInner {
        background-color: #49314b;
    }

    .hexInner {
        position: absolute;
        visibility: visible;
        outline: 1px solid transparent;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 100%;
        padding: 10px;
        overflow: hidden;
        transform: skewY(-30deg) rotate3d(0, 0, 1, 60deg);
        cursor: pointer;
    }

    .hexInner h3,
    .hexInner .h3 {
        font-size: 30px;
        font-weight: 300;
        line-height: 1.25641em;
        color: #FFFFFF;
        text-align: center;
        text-transform: uppercase;
        transition: 4s;
    }

    .hexInner p {
        color: #FFFFFF;
        cursor: default;
        text-align: center;
        font-weight: 300;
        font-size: 16px;
        line-height: 1.625em;
        margin: 0;
    }
}

.bst__honeycombs.bst__restricted {
    #hexGrid {
        .hex .hexPov .hexInner {
            cursor: auto;
        }
        .hex:first-child .hexPov .hexInner {
            background-color: #c19300;
        }
        .hex:last-child .hexPov .hexInner {
            background-color: #49314b;
        }
    }
}

/* ==========================================================================
   EXTENSION AND CHANGES TO MODULE TEAM - v2 [29]
   ========================================================================== */
.bst__team {
    max-width: 2000px;
    margin-top: 5rem;
    margin-inline: auto;

    .team {
        margin-bottom: 5rem;

        .teammember {
            .info {
                .profession {
                    margin-block: 1em;
                    font-size: 18px;
                }
                .email {
                    font-size: 18px;
                }
            }
        }
    }
    .jcarousel-control-prev,
    .jcarousel-control-next {
        display: block;
    }

    @media (min-width: 768px) {
        .jcarousel-control-prev,
        .jcarousel-control-next {
            display: none;
        }
    }
}

/* ==========================================================================
   EXTENSION AND CHANGES TO MODULE CTA [30]
   ========================================================================== */
.bst__cta-wrapper {
    .bst__cta {
        display: flex;
        justify-content: center;

        a {
            display: inline-flex;
            position: relative;
            font-size: 30px;
            font-weight: 500;
            line-height: 1.46667em;
            vertical-align: middle;
            width: auto;
            margin: 0;
            text-decoration: none;
            text-transform: uppercase;
            border-radius: 0;
            outline: 0;
            transition: color .3s ease-out, background-color .3s ease-out, border-color .3s ease-out;
            box-shadow: none;
            opacity: 1;
            padding: 15px 30px;
            background-color: #c19300;
            color: #FFFFFF;
            cursor: pointer;

            span {
                -webkit-text-fill-color: transparent;
                position: relative;
                clip-path: inset(-.05em);
            }

            span:before {
                content: attr(data-title);
                display: block;
                -webkit-text-fill-color: currentColor;
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                transform: translateY(0);
                transition: opacity .2s ease-out, transform .55s cubic-bezier(.22,.61,.36,1);
            }

            span:after {
                content: attr(data-title);
                display: block;
                -webkit-text-fill-color: currentColor;
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                transform: translateY(80%) skewY(0);
                transition-duration: .35s, .35s;
                opacity: 0;
                transition: opacity .2s ease-out, transform .55s cubic-bezier(.22,.61,.36,1);
            }
        }

        a:hover {
            span:before {
                transform: translateY(-95%);
                opacity: 0;
                transition-duration: .35s, .4s;
            }
            span:after {
                opacity: 1;
                transform: translateY(0);
                transition-duration: .2s, .55s;
            }
        }
    }
}

/* ==========================================================================
   EXTENSION AND CHANGES TO MODULE LIST ELEMENT [31]
   ========================================================================== */
.bst__list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    padding-block: 60px;
    padding-inline: 40px;
    border-top: 1px solid #d4e1e6;

    .bst__column-left {
        .bst__title-holder {
            display: flex;
            align-items: baseline;
            margin: 0;
            line-height: 1;

            h4, .h4 {
                font-family: 'Montserrat', sans-serif;
                font-size: 32px;
                font-weight: 300;
                line-height: 1.25641em;
                color: #c19300;
            }
        }
    }

    .bst__column-right {
        .bst__features-holder {
            ul {
                list-style: none;
                li {
                    font-size: 18px;
                    font-weight: 300;
                    line-height: 1.625em;
                }

                li:before {
                    content: "\25A0";
                    color: #c19300;
                    display: inline-block;
                    width: 1rem;
                    margin-left: -1rem;
                }
            }
        }
    }
}

/* ==========================================================================
   EXTENSION AND CHANGES TO MODULE BLOG ÜBERSICHT - v2 [34]
   ========================================================================== */
.bst__blog-overview {
    margin-top: 5rem;
    .bst__blog-container {
        display: grid;
        grid-template-columns: 1fr;
        gap: 1px;

        @media (min-width: 480px) {
            grid-template-columns: repeat(2, minmax(0,1fr));
        }

        @media (min-width: 768px) {
            grid-template-columns: repeat(3, minmax(0,1fr));
        }

        @media (min-width: 1200px) {
            grid-template-columns: repeat(4, minmax(0,1fr));
        }

        .bst__blog-item {
            position: relative;
            display: inline-block;
            width: 100%;
            vertical-align: top;
            min-height: 1px;
            outline: 1px solid #d4e1e6;
            overflow: hidden;

            &:hover {
                .bst__blog-content {
                    .bst__blog-arrow--wrapper {
                        color: #fff;
                        border-color: rgba(255, 255, 255, .1);
                        background-color: rgba(255, 255, 255, 0);
                        -webkit-backdrop-filter: blur(14px) brightness(92%);
                        backdrop-filter: blur(14px) brightness(92%);
                    }
                }

                .bst__blog-media {
                    opacity: 1;
                    .bst__blog-media--image {
                        a {
                            img {
                                transform: scale(1.04);
                            }
                        }
                    }
                }

                .bst__blog-contents {
                    .bst__blog-content--initial {
                        transform: translateY(0);

                        .bst__blog-top--holder {
                            .bst__blog-info {
                                span {
                                    color: #FFFFFF;
                                }
                            }
                        }

                        .bst__blog-text {
                            .bst__blog-title {
                                color: #FFFFFF;
                            }
                        }
                    }

                    .bst__blog-content--additional {
                        opacity: 1;
                        transform: translateY(0);

                        p {
                            color: #FFFFFF;
                        }
                    }
                }
            }

            .bst__blog-content {

                .bst__blog-arrow--wrapper {
                    position: absolute;
                    top: 20px;
                    right: 20px;
                    height: 77px;
                    width: 77px;
                    border: 1px solid #d4e1e6;
                    border-radius: 20px;
                    z-index: 1;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    color: #000;
                    transition: all .3s ease-out;

                    .bst__blog-arrow {
                        svg {
                            fill: currentColor;
                        }
                    }
                }
            }

            .bst__blog-media {
                position: relative;
                display: inline-block;
                height: 100%;
                width: 100%;
                opacity: 0;
                border-radius: 0;
                /*overflow: hidden;*/
                transition: opacity .8s cubic-bezier(.22,.61,.36,1);

                &:after {
                    content: '';
                    position: absolute;
                    top: 0;
                    left: 0;
                    width: 100%;
                    height: 100%;
                    background: linear-gradient(to top, rgba(7, 14, 30, .47), rgba(0, 0, 0, 0));
                }

                .bst__blog-media--image {
                    a {
                        position: relative;
                        overflow: hidden;

                        img {
                            transform: scale(1.01);
                            transition: transform .8s cubic-bezier(.22,.61,.36,1);
                        }
                    }
                }
            }

            .bst__blog-contents {
                margin: 0;
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                display: flex;
                justify-content: flex-end;
                flex-direction: column;
                padding: 30px 40px 30px 40px;
                opacity: 1;
                transition: opacity .3s ease-out .7s;

                .bst__blog-content--initial {
                    transform: translateY(63px);
                    transition: .7s;

                    .bst__blog-top--holder {
                        margin-bottom: 5px;

                        .bst__blog-info {
                            span {
                                position: relative;
                                color: #212529;
                                z-index: 3;
                                transition: color .8s cubic-bezier(.22,.61,.36,1), background-size .6s cubic-bezier(.22,.61,.36,1);
                            }
                        }
                    }

                    .bst__blog-text {
                        .bst__blog-title {
                            font-family: Montserrat, sans-serif;
                            font-weight: 600;
                            color: #212529;
                            font-size: 24px;
                            line-height: 1.25em;
                        }
                    }
                }

                .bst__blog-content--additional {
                    padding: 0 0 5px;
                    opacity: 0;
                    transform: translateY(63px);
                    transition: .7s;

                    p {
                        margin-top: 10px;
                    }
                }
            }
        }
    }
}

/* ==========================================================================
   EXTENSION AND CHANGES TO MODULE KONTAKTFORMULAR - COMPANY [32]
   ========================================================================== */
.bst__contact-form {
    .bst__wysiwyg {
        p {
            max-width: 700px;
            margin-top: 1em;
            font-size: 18px;
            font-weight: 300;
            line-height: 1.625em;
            color: #212529;
        }
    }
}

/* ==========================================================================
   EXTENSION AND CHANGES TO MODULE PARALLAX - PURPLE [33]
   ========================================================================== */
.bst__parallax {
    margin-top: 5rem;
}