@charset "UTF-8";



@font-face {
    font-family: 'Bariol';
    src: url('../fonts/bariol_thin-webfont.eot');
    src: url('../fonts/bariol_thin-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/bariol_thin-webfont.woff2') format('woff2'),
         url('../fonts/bariol_thin-webfont.woff') format('woff'),
         url('../fonts/bariol_thin-webfont.ttf') format('truetype'),
         url('../fonts/bariol_thin-webfont.svg#bariolregular') format('svg');
    font-weight: 100;
    font-style: normal;

}

@font-face {
    font-family: 'Bariol';
    src: url('../fonts/bariol_thin_italic-webfont.eot');
    src: url('../fonts/bariol_thin_italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/bariol_thin_italic-webfont.woff2') format('woff2'),
         url('../fonts/bariol_thin_italic-webfont.woff') format('woff'),
         url('../fonts/bariol_thin_italic-webfont.ttf') format('truetype'),
         url('../fonts/bariol_thin_italic-webfont.svg#bariolitalic') format('svg');
    font-weight: 100;
    font-style: italic;

}

@font-face {
    font-family: 'Bariol';
    src: url('../fonts/bariol_light-webfont.eot');
    src: url('../fonts/bariol_light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/bariol_light-webfont.woff2') format('woff2'),
         url('../fonts/bariol_light-webfont.woff') format('woff'),
         url('../fonts/bariol_light-webfont.ttf') format('truetype'),
         url('../fonts/bariol_light-webfont.svg#bariollight') format('svg');
    font-weight: 300;
    font-style: normal;

}

@font-face {
    font-family: 'Bariol';
    src: url('../fonts/bariol_light_italic-webfont.eot');
    src: url('../fonts/bariol_light_italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/bariol_light_italic-webfont.woff2') format('woff2'),
         url('../fonts/bariol_light_italic-webfont.woff') format('woff'),
         url('../fonts/bariol_light_italic-webfont.ttf') format('truetype'),
         url('../fonts/bariol_light_italic-webfont.svg#bariolitalic') format('svg');
    font-weight: 300;
    font-style: italic;

}

@font-face {
    font-family: 'Bariol';
    src: url('../fonts/bariol_regular-webfont.eot');
    src: url('../fonts/bariol_regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/bariol_regular-webfont.woff2') format('woff2'),
         url('../fonts/bariol_regular-webfont.woff') format('woff'),
         url('../fonts/bariol_regular-webfont.ttf') format('truetype'),
         url('../fonts/bariol_regular-webfont.svg#bariolregular') format('svg');
    font-weight: 400;
    font-style: normal;

}

@font-face {
    font-family: 'Bariol';
    src: url('../fonts/bariol_regular_italic-webfont.eot');
    src: url('../fonts/bariol_regular_italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/bariol_regular_italic-webfont.woff2') format('woff2'),
         url('../fonts/bariol_regular_italic-webfont.woff') format('woff'),
         url('../fonts/bariol_regular_italic-webfont.ttf') format('truetype'),
         url('../fonts/bariol_regular_italic-webfont.svg#bariolitalic') format('svg');
    font-weight: 400;
    font-style: italic;

}

@font-face {
    font-family: 'Bariol';
    src: url('../fonts/bariol_bold-webfont.eot');
    src: url('../fonts/bariol_bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/bariol_bold-webfont.woff2') format('woff2'),
         url('../fonts/bariol_bold-webfont.woff') format('woff'),
         url('../fonts/bariol_bold-webfont.ttf') format('truetype'),
         url('../fonts/bariol_bold-webfont.svg#bariolbold') format('svg');
    font-weight: 700;
    font-style: normal;

}

@font-face {
    font-family: 'Bariol';
    src: url('../fonts/bariol_bold_italic-webfont.eot');
    src: url('../fonts/bariol_bold_italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/bariol_bold_italic-webfont.woff2') format('woff2'),
         url('../fonts/bariol_bold_italic-webfont.woff') format('woff'),
         url('../fonts/bariol_bold_italic-webfont.ttf') format('truetype'),
         url('../fonts/bariol_bold_italic-webfont.svg#bariolbold_italic') format('svg');
    font-weight: 700;
    font-style: italic;

}

@font-face {
    font-family: 'Metropolis';
    src: url('../fonts/Metropolis-Regular.eot');
    src: url('../fonts/Metropolis-Regular.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Metropolis-Regular.woff2') format('woff2'),
         url('../fonts/Metropolis-Regular.woff') format('woff'),
         url('../fonts/Metropolis-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;

}

@font-face {
    font-family: 'Metropolis';
    src: url('../fonts/Metropolis-Medium.eot');
    src: url('../fonts/Metropolis-Medium.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Metropolis-Medium.woff2') format('woff2'),
         url('../fonts/Metropolis-Medium.woff') format('woff'),
         url('../fonts/Metropolis-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;

}

@font-face {
    font-family: 'Metropolis';
    src: url('../fonts/Metropolis-SemiBold.eot');
    src: url('../fonts/Metropolis-SemiBold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Metropolis-SemiBold.woff2') format('woff2'),
         url('../fonts/Metropolis-SemiBold.woff') format('woff'),
         url('../fonts/Metropolis-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;

}

@font-face {
    font-family: 'Metropolis';
    src: url('../fonts/Metropolis-Bold.eot');
    src: url('../fonts/Metropolis-Bold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Metropolis-Bold.woff2') format('woff2'),
         url('../fonts/Metropolis-Bold.woff') format('woff'),
         url('../fonts/Metropolis-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;

}

@font-face {
    font-family: 'Metropolis';
    src: url('../fonts/Metropolis-ExtraBold.eot');
    src: url('../fonts/Metropolis-ExtraBold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Metropolis-ExtraBold.woff2') format('woff2'),
         url('../fonts/Metropolis-ExtraBold.woff') format('woff'),
         url('../fonts/Metropolis-ExtraBold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;

}

@font-face {
    font-family: 'Metropolis';
    src: url('../fonts/Metropolis-Black.eot');
    src: url('../fonts/Metropolis-Black.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Metropolis-Black.woff2') format('woff2'),
         url('../fonts/Metropolis-Black.woff') format('woff'),
         url('../fonts/Metropolis-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;

}


/*** colors ***/
:root {
	--brnhm-default: #31425b;
	--brnhm-dark: #253449;
	--brnhm-darkgrey: #5a687c;
	--brnhm-mediumgrey: #a0a6b4;
	--brnhm-lightgrey: #e9ecf2 /*#ebeff2*/;
	--brnhm-limesignal: #d5d900;
	--brnhm-olive: #595c3d;
	--brnhm-khaki: #635a39;
	--brnhm-tierra: #5c5447;
	--brnhm-sand: #f2f0ec;
	--brnhm-white: #f8f8f8;
	--brnhm-black: #050505;
	--brnhm-highlight1: #a7b0c4;
	--brnhm-highlight2: #26bfbf;
	--brnhm-highlight3: #26ffff;
	--alert-color: #9a0000;
}


:root {
	--grid-row-maxwidth: 75rem;
	--grid-gutter: 1.25rem;
	--grid-gutter-half: 1.25rem;
}
@media print, screen and (min-width: 40em) {
	:root {
		--grid-row-maxwidth: 75rem;
		--grid-gutter: 1.5rem;
		--grid-gutter-half: 0.75rem;
	}
}
@media print, screen and (min-width: 64em) {
	:root {
		--grid-row-maxwidth: 75rem;
		--grid-gutter: 1.5rem;
		--grid-gutter-half: 0.75rem;
	}
}
@media print, screen and (min-width: 75em) {
	:root {
		--grid-row-maxwidth: 72rem;
		--grid-gutter: 1.5rem;
		--grid-gutter-half: 0.75rem;
	}
}
@media print, screen and (min-width: 90em) {
	:root {
		--grid-row-maxwidth: 84vw;
		--grid-gutter: 1.5rem;
		--grid-gutter-half: 0.75rem;
	}
}
@media print, screen and (min-width: 120em) {
	:root {
		--grid-row-maxwidth: 82vw;
		--grid-gutter: 1.5rem;
		--grid-gutter-half: 0.75rem;
	}
}
@media print, screen and (min-width: 140em) {
	:root {
		--grid-row-maxwidth: 115rem;
		--grid-gutter: 1.5rem;
		--grid-gutter-half: 0.75rem;
	}
}


:root {
    --header-height: 0px;
}











/*** grid ***/

.grid-container {
  max-width: var(--grid-row-maxwidth);
  margin-left: auto;
  margin-right: auto;
  padding-right: var(--grid-gutter-half);
  padding-left: var(--grid-gutter-half);
}
@media print, screen and (min-width: 40em) {
  
}
.grid-container.fluid {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  
}
@media print, screen and (min-width: 40em) {
  .grid-container.fluid {
   
  }
}






body {
  margin: 0;
  padding: 0;
  background: #fff;
  font-family: Metropolis, "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  font-weight: 400;
  line-height: 1.5;
  color: #050505;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}



.btn-round {border-radius: 100px; }
a.j_anchor {display: block; position: relative; top: 0; }
header {background: var(--brnhm-default); padding: 0; position: fixed; width: 100%; z-index: 9999; transition: all ease-in-out 0.5s; }
#header-topline {background: var(--brnhm-default); padding: 0.6875rem 0; transition: all ease-in-out 0.5s; }
#header-topline p {font-family: Bariol; font-size: 0.75rem; font-weight: 700; color: var(--brnhm-white); line-height: 1; margin-bottom: 0; text-align: center; }
#header-topline a, footer a {color: var(--brnhm-white); }
#header-topline a:hover, #header-topline a:focus, footer a:hover, footer a:focus, footer .active a, footer .is-active a, footer a.is-active {color: var(--brnhm-highlight1); }

.main-nav {padding: 0.25rem 0; }
.title-bar {background: var(--brnhm-default); justify-content: space-between; padding: 0.5rem 0; }
.top-bar {background: none; padding: 0; }
.top-bar, .top-bar ul {background: transparent; }
.top-bar .menu {font-family: Bariol; font-weight: 700; }
.top-bar .menu > li {border-bottom: 1px solid var(--brnhm-mediumgrey); }
.top-bar .menu > li > a {color: var(--brnhm-white); background: var(--brnhm-default); padding: 1rem 0; }
.top-bar .drilldown .is-drilldown-submenu-parent > a::after {color: var(--brnhm-mediumgrey); border-color: transparent transparent transparent var(--brnhm-mediumgrey); }
.top-bar .drilldown .js-drilldown-back > a::before {border-color: transparent var(--brnhm-mediumgrey) transparent transparent; }
.top-bar .button {margin: 0; }
.logo {width: 10rem; transition: all ease-in-out 0.3s; }
.logo-top {display: block; width: 100%; transition: all ease-in-out 0.3s; background-image: url(../img/logo_brnhm_light_subline.svg); background-size: 100% 100%; }

/*.page-subnav-overlay {position: fixed; left:0; top:0;  width: 100vw; height: 100vh; background: #fff; z-index: 5; opacity: 0; visibility: hidden; }*/
.scrolled header { }

.subnav2-container {background: #fff; }
.subnav2 {margin-left: 0; margin-top: 0.5rem; }
.tabs-subcats {margin: 0.5rem 0; }

/* Sub-Navigation Standardzustand */
.subnav2-container {
    width: 100%;
    z-index: 999;
    transition: all 0.3s ease;
}

/* Wenn Sub-Navigation sticky wird */
.subnav2-container.super-sticky {
    position: fixed;
    left: 0;
}


.stage-slider, .stage-image {height: 100vh; height: 100svh; max-height: 100vh; }
.orbit-wrapper::after, .slick-slide > div::after, .stage-image::after {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.slick-slider, .slick-list, .slick-slide > div, .slick-slide > div > div {position: relative; height: 100%; }
.objf-cov, .stage-img, .slide-img, .mood-img img {display: inline-block !important; vertical-align: middle; width: 100%; height: 100%; object-fit: cover; }

.orbit-wrapper, .orbit-container, .orbit-slide, .orbit-figure {width: 100%; height: 100%; }
.orbit-image {display: inline-block; width: 100%; height: 100%; object-fit: cover; }
.hero-text {position: absolute; left: var(--grid-gutter-half); bottom: 3.5rem; width: calc(100vw - var(--grid-gutter-half) - var(--grid-gutter-half)); transform: translateY(0); z-index: +5; background: rgba(37,52,73,0.9); padding: var(--grid-gutter-half); }
.hero-text p {font-family: Bariol; font-weight: 700; color: #fff; line-height: 1.1; margin-bottom: 0.125rem; }
.hero-prehead {font-size: 1rem; }
.hero-claim {font-size: 1.75rem; line-height: 1.05; }
.hero-button {margin-top: 1rem; margin-bottom: 0.25rem; }
.page-head {background: var(--brnhm-default); padding: calc(var(--headerHeight) + 2.5rem) 0 2rem 0; }

.contents {padding: 1.25rem 0; }
.contents.no-padding-y {padding-top: 0 !important; padding-bottom: 0 !important; }
.contents.mega, .contents.quotes {padding: 2rem 0; margin-bottom: 0; }
.contents.content-teaser {padding: 1rem 0; }

.brnhm-default {background: var(--brnhm-default); }
.brnhm-dark {background: var(--brnhm-dark); }
.brnhm-mediumgrey {background: var(--brnhm-mediumgrey); }
.brnhm-lightgrey {background: var(--brnhm-lightgrey); }
.brnhm-sand {background: var(--brnhm-sand); }


.h100 {height: 100%; }
.h50 {height: 50%; }
.w100 {width: 100%; }
.box-padding {padding: var(--grid-gutter-half);}
.box-padding-x {padding: 0 var(--grid-gutter-half); }
.box-padding-y {padding: var(--grid-gutter-half) 0; }
.has-border {border: 1px solid var(--brnhm-mediumgrey); }
.content-image.image-full {height: 80vw; }

.brnhm-default :is(h1, h2, h3, h4, h5, h6, p, li, .h1, .h2, .h3, .h4, .h5, .h6) {color: var(--brnhm-white); }
.brnhm-dark :is(h1, h2, h3, h4, h5, h6, p, li, .h1, .h2, .h3, .h4, .h5, .h6) {color: var(--brnhm-white); }


.full .txt-left, .info-box .contents {padding-left: var(--grid-gutter-half); padding-right: var(--grid-gutter-half); }
.full .txt-right, .info-box .contents {padding-left: var(--grid-gutter-half); padding-right: var(--grid-gutter-half); }

.image-container {padding: var(--grid-gutter) 0; }
.content-teaser-text {display: flex; flex-direction: column; justify-content: center; }
.teaser-image {height: calc(90vw - var(--grid-gutter-half) * 2); overflow: hidden; }
.teaser-image img, .service-teaser img, .gallery-img img {display: inline-block !important; vertical-align: middle; width: 100%; height: 100%; object-fit: cover; transition: all ease-in-out 0.3s; }
.teaser-text {padding: var(--grid-gutter); }
.service-teaser {position: relative; overflow: hidden; }
.service-teaser .teaser-content {position: absolute; left: 0; top: 0; width: 100%; height: 100%; padding: 1rem; z-index: +1; text-shadow: 0 0 20px rgba(0,0,0,0.4); }
.service-teaser::before {content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.4); transition: all ease-in-out 0.3s; }
.service-teaser:hover::before {background: rgba(0,0,0,0); }
.service-teaser .teaser-content .icon-simple {position: absolute; left: 1rem; bottom: 1rem; width: 3rem; height: 3rem; border-radius: 50%; transform: rotate(90deg); background-color: var(--brnhm-white); background-image: url(../img/arrow_default.svg); background-size: 100%; transition: all ease-in-out 0.3s; }
.service-teaser:hover .teaser-content .icon-simple {background-color: var(--brnhm-default); background-image: url(../img/arrow_neg.svg); }

.service-teaser:hover img {transform: translateZ(0) scale(1.05); }
.numbers {margin-bottom: 1.25rem; }
.fact-number {display: flex; justify-content: center; align-items: center; width: 5rem; height: 5rem;  background: var(--brnhm-default); border-radius: 50%; margin: 0 auto; }
.fact-number .number {display: inline-block; font-family: Bariol; font-weight: 700; font-size: 2.5rem; line-height: 1; color: var(--brnhm-white); }

.text-container.facts {background: #fff; padding: var(--grid-gutter); margin: var(--grid-gutter-half) 0; border-radius: 1rem; }

#facts-mete .text-container.facts {position: relative; padding: var(--grid-gutter-half); }
#facts-mete .text-container.facts::after {content: ''; position: absolute; width: 3rem; height: 3rem; bottom: -2.25rem; left: 50%; transform: translateX(-50%) rotate(90deg); background-image: url("../img/arrow_infos.svg"); background-size: 100% 100%; z-index: +1; }
.no-connector::after {display: none; }
.icon-image {margin-bottom: 0.75rem; }
.icon-img {background: var(--brnhm-default); border-radius: 50%; width: 8rem; }

.brands {background: #fff; }
.brands img {width: 100%; }

.tabsnav {background: #fff; }
.tabs-subcats, .tabs-content-subcats {background: transparent; border: 0px !important; }
.tabs-content-subcats .tabs-panel {padding: 0; }

.team {margin: var(--grid-gutter) 0; }
.team-image {margin-bottom: var(--grid-gutter); }

.download-container {margin-bottom: 3rem; }
.download-container:last-child {margin-bottom: 0 !important; }
.download-item {padding: 0.75rem 0; border-top: 1px solid var(--brnhm-mediumgrey); }
.download-item:last-child {border-bottom: 1px solid var(--brnhm-mediumgrey); }
.download-item .button {margin-bottom: 0.5rem; }

footer {padding: 3rem 0; background: var(--brnhm-dark); }
.footer-logo {width: 12rem; margin-bottom: 2rem; }
.footer-bottom {padding: 1rem 0; }
.footer-bottom .line-top {border-top: 1px solid var(--brnhm-white); margin-bottom: 1rem; }
.footer-nav {margin-bottom: 2rem; }
.footer-nav .menu a {font-family: Bariol; font-size: 1rem; font-weight: 700; text-transform: uppercase; padding: 1rem 1rem 1rem 0; }

.no-margin {margin-bottom: 0; }

h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 {
  font-family: Bariol, "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  font-style: normal;
  font-weight: 700;
  color: var(--brnhm-default);
  text-rendering: optimizeLegibility;
	line-height: 1.2;
}

h1, .h1 {font-size: 2rem; }
h2, .h2 {font-size: 1.5rem; margin-bottom: 1rem; }
h3, .h3 {font-size: 1.25rem; }
h4, .h4 {font-size: 1.125rem; }

main a {font-weight: 700; color: var(--brnhm-default); }
main a:hover, main a:focus, main a:active, main a.active {color: var(--brnhm-black); }
p, li {line-height: 1.5; }
.contents p:not([class]) {margin-bottom: 1.125rem; }
.contents li {margin-bottom: 0.3125rem; }

.page-head h1, .page-head h2 {color: var(--brnhm-white); }
.subhead {font-weight: 400; text-transform: uppercase; letter-spacing: 0.03em; color: var(--brnhm-darkgrey); margin-bottom: 1.5rem; }

.mega h2, .mega .h2 {font-size: 1.875rem; margin-bottom: 1.5rem; }
.teaser-text h2 {font-size: 1.25rem; color: var(--brnhm-black); margin-bottom: 0.25rem; }
.teaser-text h3 {font-size: 1.75rem; margin-bottom: 1.5rem; }
.teaser-text .button, .contents-cta .button {margin-top: 1.75rem; }

.service-teaser h2 {font-size: 1rem; color: var(--brnhm-white); margin-bottom: 0.25rem; }
.service-teaser h3 {font-size: 1.25rem; color: var(--brnhm-white); }

.team-name, .team-function {font-family: Bariol; font-weight: 700; line-height: 1.25; text-transform: uppercase; }
.team-name {font-size: 1.625rem; color: var(--brnhm-default); margin-bottom: 0; }
.team-mobile {margin-bottom: 0; }
.team span {display: inline-block; width: 3.5rem; margin-right: 0.375rem; }

.download-container h3 {margin-bottom: 1.5rem; }
.download-description h4 {margin-bottom: 1.5rem; }

.lead, .quote {font-family: Bariol; font-weight: 400; line-height: 1.3; }
.lead {font-size: 1.3125rem; }
.quote {font-size: 1.5rem; margin-bottom: 1.25rem; }
.claim {font-family: Bariol; font-weight: 700; color: var(--brnhm-default); text-transform: uppercase; }
p.author {font-family: Bariol; font-weight: 700; line-height: 1.2; color: var(--brnhm-default); margin-bottom: 0; }
p.company {margin-bottom: 0; font-weight: 700; }

p.fact-mega {font-family: Bariol; font-weight: 700; font-size: 2.5rem; line-height: 1.1; color: var(--brnhm-default); margin-bottom: 0.125rem; }

.round {border-radius: 999px; }

.button, .button.disabled, .button[disabled], .button.disabled:hover, .button[disabled]:hover, .button.disabled:focus, .button[disabled]:focus {
  font-family: Bariol, Metropolis, "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  font-style: normal;
  font-weight: 700;
  text-transform: uppercase; 
	letter-spacing: 0.05em;
  background-color: var(--brnhm-default);
  color: var(--brnhm-white);
	border: 1px solid var(--brnhm-default);
  padding: 1.125rem 1.5rem;
}

.btn-ghost {background: transparent; border: 1px solid #fff; color: #fff; }
.btn-tabs {font-size: 0.9rem; letter-spacing: 0; background: transparent; border: 1px solid var(--brnhm-default); color: var(--brnhm-default); text-transform: none; padding: 0.7rem 1rem; margin-right: 0.5rem; }
.tabs-title > a.btn-tabs, .subnav2 a {background: transparent; font-size: 0.9rem; letter-spacing: 0; color: var(--brnhm-default); text-transform: none; padding: 0.7rem 1rem; margin-right: 0.5rem; }

.subnav2 a, .tabs-subcats a {margin-bottom: 0.5rem; }

.button:hover, .button:focus, .tabs-title > a.btn-tabs:hover, .tabs-title > a.btn-tabs:focus, .tabs-title.is-active > a.btn-tabs, a.button.is-active {
  background-color: var(--brnhm-limesignal);
  color: var(--brnhm-dark);
	border-color: var(--brnhm-limesignal);
}
.subnav2 .button:not(.is-active):focus {background-color: transparent; border-color: var(--brnhm-default); }

.super-button {position: relative; overflow: hidden; transition: all ease-in-out 0.3s; line-height: 0.8; }
.super-button:hover, .super-button:focus, .super-button:active {padding-left: 3.5rem; }
.super-button::before {content: ''; position: absolute; left: -50px; top: 50%; width: 1.5rem; height: 0.9rem; transform: translateY(-50%); transition: all ease-in-out 0.3s; background-image: url("../img/button_arrow_default.svg"); background-size: 100%; }
.super-button:hover::before, .super-button:focus::before, .super-button:active::before {left: 18px; }
.super-button.download-button::before {background-image: url("../img/button_download_icon.svg"); width: 1.5rem; height: 1.125rem; }

p.copyright {font-size: 0.875rem; line-height: 1; margin-bottom: 0; }

a.back-to-top {display: inline-block; position: fixed; bottom: 1.25rem; right: 1rem; width: 48px; height: 48px; z-index: 900; text-align: center; margin: 0 auto; overflow: hidden; text-indent: -3000px; background-color: var(--brnhm-default) ; background-image: url(../img/arrow_neg.svg); background-position: center center; background-repeat: no-repeat; background-size: 100%; box-shadow: rgba(0, 0, 0, 0.4) 0 0 8px; border-radius: 50%; }
a.back-to-top:hover {background-color: var(--brnhm-dark); }

/*** FORMS ***/
[type="text"], [type="password"], [type="date"], [type="datetime"], [type="datetime-local"], [type="month"], [type="week"], [type="email"], [type="number"], [type="search"], [type="tel"], [type="time"], [type="url"], [type="color"], textarea {padding: 0.75rem 1.125rem; border-radius: 999px; height: auto; }
textarea {border-radius: 0.75rem; }
.yform label {padding-left: 1.125rem; font-family: Bariol; color: var(--brnhm-default); font-weight: 700; margin-bottom: 0.25rem; }
.alert-danger {padding: 1rem; border: 1px solid var(--alert-color); border-radius: 1rem; margin-bottom: 2rem; }
.alert-danger li, .has-error label {font-weight: 700; color: var(--alert-color); }
.alert-danger ul {margin-bottom: 0; }
.has-error input, .has-error textarea {border-color: var(--alert-color); }

.yform legend {font-family: Bariol, Metropolis, "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; font-style: normal; font-weight: 700; font-size: 1.25rem; color: var(--brnhm-default); text-rendering: optimizeLegibility; line-height: 1.2; margin-bottom: 1.25rem; }

@media print, screen and (min-width: 40em) {
	
	.hero-text {left: var(--grid-gutter); bottom: 6.5rem; width: 76%; transform: translateY(-10%); }
	.hero-prehead {font-size: 1.25rem; }
	.hero-claim {font-size: 3.5rem; }
	
	.contents {padding: 2rem 0; }
	.contents.mega, .contents.quotes {padding: 2.75rem 0; }
	
	.teaser-image {height: calc(70vw - var(--grid-gutter-half) * 2); overflow: hidden; }
	
	.full .txt-left {padding-left: var(--grid-gutter-half); padding-right: var(--grid-gutter-half); }
	.full .txt-right {padding-left: var(--grid-gutter-half); padding-right: var(--grid-gutter-half); }
	.content-image.image-full {height: 22rem; }
	.teaser-text {padding: calc(var(--grid-gutter) * 1.5); }
	
	.info-box .text.contents {padding-left: var(--grid-gutter); padding-right: var(--grid-gutter); }
	
	.text-container.facts {padding: calc(var(--grid-gutter) * 1.5); }
	
	.wrapper.gallery {height: 55.21vw; overflow: hidden; }
	.gallery-wrap.gallery01 {display: grid; grid-template-columns: 33.333333% 33.333333% 33.333333%; grid-template-rows: 39.5% 21% 39.5%; }
	
	.gallery01 .gallery-img-1 {grid-column: 1 / 2; grid-row: 1 ; }
	.gallery01 .gallery-img-2 {grid-column: 2 / 3; grid-row: 1 ; }
	.gallery01 .gallery-img-3 {grid-column: 3 / 3; grid-row: 1 / 3 ; }
	.gallery01 .gallery-img-4 {grid-column: 1 / 3; grid-row: 2 / 4 ; }
	.gallery01 .gallery-img-5 {grid-column: 3; grid-row: 3 / 4 ; }
	
	.download-item {display: flex; align-items: center; justify-content: space-between; }
	.download-item .button {margin-bottom: 0; }
	
	#facts-mete .text-container.facts::after {width: 3rem; height: 3rem; bottom: auto; left: auto; top: calc(4rem + var(--grid-gutter-half)); right: calc(var(--grid-gutter-half) * -1); transform: translateX(50%) translateY(-50%) rotate(0deg);  }
	.medium-no-connector::after {display: none; }
	
	h1, .h1 {font-size: 2.25rem; }
	h2, .h2 {font-size: 1.75rem; }
	h3, .h3 {font-size: 1.4375rem; }
	h4, .h4 {font-size: 1.25rem; }

	.subhead {margin-bottom: 1.75rem; }

	.mega h2, .mega .h2 {font-size: 2.25rem; margin-bottom: 1.75rem; }
	.teaser-text h2 {font-size: 1.25rem; color: var(--brnhm-black); margin-bottom: 0.25rem; }
	.teaser-text h3 {font-size: 2rem; margin-bottom: 1.5rem; }
	.teaser-text .button {margin-top: 1.75rem; }
	.service-teaser h2 {font-size: 1.0125rem;  }
	.service-teaser h3 {font-size: 1.5rem;  }
	.team {margin: var(--grid-gutter-half) 0 var(--grid-gutter) 0; }
	.download-description h4 {margin-bottom: 0; }
	.quote {font-size: 1.75rem; margin-bottom: 1.375rem; }
	
	.yform legend {font-size: 1.4375rem; margin-bottom: 1.4375rem; }
}

@media print, screen and (min-width: 64em) {
	header {background: transparent; padding: 0; position: fixed; width: 100%; z-index: 9999; transition: all ease-in-out 0.5s; }
	#header-topline {background: var(--brnhm-default); padding: 0; transition: all ease-in-out 0.3s; }
	.topline-infos {display: flex; align-items: center; justify-content: flex-end; }
	#header-topline p {display: inline-block; font-size: 0.9125rem; line-height: 1; margin-bottom: 0; padding-top: 0.125rem; }
	#header-topline a {color: var(--brnhm-white); }
	#header-topline .social-button {display: inline-block; margin-left: 1rem; padding: 0.4135rem; }
	#header-topline .social-button:hover, #header-topline .social-button:focus {background: var(--brnhm-limesignal); }
	

	.main-nav {padding: 0; }
	.top-bar {background: none; padding: 0; }
	.top-bar, .top-bar ul {background: transparent; }
	.top-bar .menu {font-family: Bariol; font-weight: 700; }
	.top-bar .button {margin: 0; }
	.logo {width: 16rem; transition: all ease-in-out 0.3s; }
	.logo-top {display: block; width: 100%; transition: all ease-in-out 0.3s; }

	.scrolled header, .subnav-active header {background: rgba(255,255,255, 1); border-bottom: 1px solid #ddd; }
	
	.top-bar-left {display: flex; align-items: stretch; }
	.top-bar .menu { }
	.top-bar .menu > li {border-bottom: none; }
	.top-bar .menu > li > a {color: var(--brnhm-white); padding: 0.7rem; background: none; }
	.top-bar .menu > li.is-active > a {color: var(--brnhm-white); }
	.top-bar .menu.lev0 > li, .top-bar .menu.lev0 > li > a {display: flex; flex-direction: row; align-items: center; height: 100%; }
	.top-bar-right {padding-left: 1.75rem; }
	
	.dropdown.menu.large-horizontal > li.is-dropdown-submenu-parent > a {padding-right: 0.7rem; }
	.dropdown.menu.large-horizontal > li.is-dropdown-submenu-parent > a::after {display: none; }
	
	.top-bar .menu.lev0 li {position: relative; }
	.top-bar .menu.lev0 > .active a {background: none; }
	.top-bar .menu.lev0 > .active::after, .top-bar .menu.lev0 > .is-active::after, .top-bar .menu.lev0 > li > a:hover::after {content: ''; position: absolute; left: 15%; bottom: 1.75rem; width: 70%; height: 6px; border-bottom: 3px solid var(--brnhm-white); transition: all ease-in-out 0.3s; }
	.scrolled .top-bar .menu a {color: var(--brnhm-black) !important; }
	
	.subnav-container {background: rgba(255,255,255,0.2); backdrop-filter: blur(15px); }
	.subnav1.menu {margin: 0; margin-left: -0.75rem; }
	.subnav1.menu a {position: relative; font-family: Bariol; font-size: 1rem; font-weight: 400; color: var(--brnhm-white); padding: 0.75rem 0.75rem; }
	.subnav1.menu a::after {content: ''; position: absolute; left: 15%; bottom: 0; width: 70%; height: 3px; border-bottom: 2px solid transparent;  }
	.scrolled .subnav1.menu a {color: var(--brnhm-black); }
	.subnav1.menu a:hover::after, .subnav1.menu a.is-active::after, .subnav1.menu .is-active a::after, .subnav1.menu .active a::after  { border-bottom: 2px solid var(--brnhm-white); }
	.scrolled .subnav1.menu a:hover::after, .scrolled .subnav1.menu a.is-active::after, .scrolled .subnav1.menu .is-active a::after, .scrolled .subnav1.menu .active a::after  { border-bottom: 2px solid var(--brnhm-default); }
	.scrolled .top-bar .menu.lev0 > .active::after, .scrolled .top-bar .menu.lev0 > .is-active::after, .scrolled .top-bar .menu.lev0 > li > a:hover::after {content: ''; position: absolute; left: 0%; bottom: 0rem; width: 100%; height: 6px; border-bottom: 5px solid var(--brnhm-default);  }
	
	.logo {display: flex; flex-direction: row; flex-wrap: wrap; width: 12rem; transition: all ease-in-out 0.3s; margin-right: 2.25rem; padding: 1.5rem 0; }
	.logo-top { width: 100%; }
	.scrolled .logo-top, .subnav-active .logo-top { background-image: url(../img/logo_brnhm_regular_subline.svg); }
	.scrolled .logo-top {width: 12rem; }
	
	.menu.lev0, .is-dropdown-submenu-parent {position: static; }
	
	
	.top-bar .menu.subnav1.lev1 > li > a {font-size: 1.5rem; text-transform: uppercase; letter-spacing: 0.02em; color: var(--brnhm-black); padding-left: 0; }
	.top-bar .menu.subnav1.lev1 > li > a:hover, .top-bar .menu.subnav1.lev1 > li > a:focus {color: var(--brnhm-olive); }
	
	.orbit-wrapper::after, .slick-slide > div::after, .stage-image::after {background: linear-gradient(rgba(17,19,20,0.86) 8%, rgba(17,19,20,0.38) 33%, rgba(17,19,20,0) 50%); }
	.hero-text {left: 10%; top: 68%; bottom: auto; width: 52%; transform: translateY(-50%); }
	.hero-prehead {font-size: 1.125rem; }
	.hero-claim {font-size: 3rem; }
	
	.page-head {padding: calc(var(--headerHeight) + 3rem) 0 2.25rem 0; }
	
	.contents {padding: 1.75rem 0; }
	.contents.mega, .contents.quotes {padding: 3rem 0; }
	.contents.content-teaser {padding: 1.25rem 0; }
	
	.txt-left {padding-right: var(--grid-gutter); }
	.txt-right {padding-left: var(--grid-gutter); }
	.full .txt-left {padding-left: var(--grid-gutter-half); padding-right: var(--grid-gutter); }
	.full .txt-right {padding-left: var(--grid-gutter); padding-right: var(--grid-gutter-half); }
	.xtra-padding-left {padding-left: var(--grid-gutter-half); }
	.teaser-image {height: calc((100vw - var(--grid-gutter-half) * 2) / 2); }
	.content-image.image-full {height: 24rem; }
	.services-teaser .teaser-container {height: 34rem; }
	.service-teaser .teaser-content {width: 60%; }
	.service-teaser h2 {font-size: 1.125rem;  }
	.service-teaser h3 {font-size: 1.75rem;  }
	
	.info-box .text.contents {padding-left: calc(var(--grid-gutter) * 1.5); padding-right: calc(var(--grid-gutter) * 1.5); }
	
	.catalogues {margin-top: 1rem; }
	
	.footer-bottom {padding: 2.75rem 0 0.5rem 0; }
	.footer-bottom .line-top {margin-bottom: 1.5rem; }
	.footer-nav {margin-bottom: 0; }
	.footer-nav .menu a {padding: 0.7rem 1.25rem 0.7rem 0; }
	p.copyright {text-align: right; padding-top: 0.7rem; }
	
	
	
	
	h1, .h1 {font-size: 2.25rem; }
	h2, .h2 {font-size: 1.75rem;  margin-bottom: 1.5rem; }
	h3, .h3 {font-size: 1.5rem; }

	.subhead {margin-bottom: 1.75rem; }

	.mega h2, .mega .h2 {font-size: 2.5rem; margin-bottom: 0; }
	.teaser-text h2 {font-size: 1.125rem; color: var(--brnhm-black); }
	.teaser-text h3 {font-size: 1.875rem; margin-bottom: 1.75rem; }
	.teaser-text .button {margin-top: 1.5rem; }
	.lead {font-size: 1.5625rem; }
	.quote {font-size: 1.875rem; margin-bottom: 1.5rem; }
	
	p.details, li.details, ul.details li {font-size: 0.875rem; }
	
	.yform legend {font-size: 1.5rem; margin-bottom: 1.5rem; }
}



@media print, screen and (min-width: 75em) {
	 
	
	.logo {width: 16rem; transition: all ease-in-out 0.3s; margin-right: 3.5rem; }
	.top-bar .menu > li > a {font-size: 1.05625rem; padding: 0.7rem; }
	
	
	subnav1.menu {margin-left: -0.75rem; }
	.subnav1.menu a {position: relative; font-family: Bariol; font-size: 1.0625rem; padding: 0.75rem 0.75rem; }
	
	.hero-text {left: calc((100vw - var(--scrollbarWidth) - var(--grid-row-maxwidth)) / 2 + var(--grid-gutter-half)); top: 55%; width: calc(var(--grid-row-maxwidth) * 0.44); transform: translateY(-5%); }
	.hero-prehead {font-size: 1.125rem; }
	.hero-claim {font-size: 2.75rem; }
	
	.page-head {padding: calc(var(--headerHeight) + 3.75rem) 0 2.25rem 0; }
	
	.contents {padding: 2.5rem 0; }
	.contents.content-teaser {padding: 1.375rem 0; }
	
	.txt-left {padding-right: var(--grid-gutter); }
	.txt-right {padding-left: var(--grid-gutter); }
	.full .txt-left {padding-left: calc((100vw - var(--scrollbarWidth) - var(--grid-row-maxwidth)) / 2 + var(--grid-gutter-half)); padding-right: calc(var(--grid-gutter) * 2); }
	.full .txt-right {padding-right: calc((100vw - var(--scrollbarWidth) - var(--grid-row-maxwidth)) / 2 + var(--grid-gutter-half)); padding-left: calc(var(--grid-gutter) * 2); }
	.content-image.image-full {height: 28rem; }
	.teaser-image {height: calc(var(--grid-row-maxwidth) / 2); }
	.teaser-text {padding: calc(var(--grid-gutter) * 2); }
	
	.info-box .text.contents {padding-left: calc(var(--grid-gutter) * 2); padding-right: calc(var(--grid-gutter) * 2); }
	
	.services-teaser .teaser-container {height: 37rem; }
	.service-teaser h2 {font-size: 1.125rem;  }
	.service-teaser h3 {font-size: 1.875rem;  }
	
	.download-container {margin-bottom: 3.75rem; }
	.download-item {padding: 1rem 0; }
	
	.team-image {margin-bottom: var(--grid-gutter-half); }
	
	footer {padding: 3.25rem 0; }
	
	.quote {font-size: 2.25rem; margin-bottom: 1.5rem; }
	
	.team-name {font-size: 1.75rem; }
	.team span {width: 3.75rem; margin-right: 0.475rem; }
	.team-function, .team-landline {margin-bottom: 1.25rem; }
	
	.medium-no-connector::after {display: block; }
	.xlarge-no-connector::after {display: none; }
	
	
	.yform legend {font-size: 1.75rem; margin-bottom: 2.25rem; }
}


@media print, screen and (min-width: 90em) {
	.logo {margin-right: 4rem; }
	.top-bar .menu > li > a {font-size: 1.125rem; padding: 0.7rem 1rem; }
	.dropdown.menu.large-horizontal > li.is-dropdown-submenu-parent > a {padding-right: 1rem; }
	.top-bar .menu.subnav1.lev1 > li > a {font-size: 1.75rem; }
	
	subnav1.menu {margin-left: -0.75rem; }
	.subnav1.menu a {font-size: 1.125rem; padding: 0.8125rem 0.75rem; }
	
	.hero-prehead {font-size: 1.25rem; margin-bottom: 0.25rem !important; }
	.hero-claim {font-size: 3.25rem; }
	.hero-button {margin-top: 1.75rem; }
	
	.page-head {padding: calc(var(--headerHeight) + 4.25rem) 0 2.25rem 0; }
	
	.contents {padding: 4rem 0; }
	.contents.content-teaser {padding: 1.5rem 0; }
	
	.teaser-text {padding: calc(var(--grid-gutter) * 2.5); }
	
	.services-teaser .teaser-container {height: 40rem; overflow: hidden; }
	.content-image.image-full {height: 32rem; }
	
	.info-box .text.contents {padding-left: calc(var(--grid-gutter) * 2.5); padding-right: calc(var(--grid-gutter) * 2.5); }
	
	.xlarge-no-connector::after {display: block; }
	.xxlarge-no-connector::after {display: none; }
	
	.catalogues {margin-top: 1.25rem; }
	
	footer {padding: 3.5rem 0; }
	
	p, li {font-size: 1.125rem; }
	
	p.details, li.details, ul.details li {font-size: 0.9375rem; }
	
	h1, .h1 {font-size: 2.25rem; }
	h2, .h2 {font-size: 1.75rem; }

	.subhead {margin-bottom: 1.75rem; }

	.mega h2, .mega .h2 {font-size: 2.5rem; margin-bottom: 0; }
	.teaser-text h2 {font-size: 1.25rem; color: var(--brnhm-black); }
	.teaser-text h3 {font-size: 2.25rem; margin-bottom: 2rem; }
	.teaser-text .button {margin-top: 1.5rem; }
	.lead {font-size: 1.75rem; }
	
	.quote {font-size: 2.5rem; margin-bottom: 1.5rem; }
	
	.team-name {font-size: 1.875rem; }
}


@media print, screen and (min-width: 120em) {
	.logo {margin-right: 5rem; }
	.top-bar .menu > li > a {font-size: 1.25rem; padding: 0.7rem 1.25rem; }
	.dropdown.menu.large-horizontal > li.is-dropdown-submenu-parent > a {padding-right: 1.25rem; }
	
	.top-bar .menu.subnav1.lev1 > li > a {font-size: 2.25rem; padding: 1rem 0; }
	
	subnav1.menu {margin-left: -0.75rem; }
	.subnav1.menu a {font-size: 1.125rem; padding: 0.875rem 0.75rem; }
	
	.hero-text {top: 50%; width: calc(var(--grid-row-maxwidth) * 0.36); transform: translateY(0); padding: 2.5rem; overflow: hidden; }
	.hero-prehead {font-size: 1.25rem; margin-bottom: 0.75rem !important; }
	.hero-claim {font-size: 3.25rem; }
	
	.page-head {padding: calc(var(--headerHeight) + 5rem) 0 2.25rem 0; }
	
	.contents {padding: 6rem 0; }
	.contents.mega, .contents.quotes {padding: 6.5rem 0; }
	.contents.content-teaser {padding: 2rem 0; }
	
	.teaser-text {padding: calc(var(--grid-gutter) * 3.5); }
	
	.txt-left {padding-right: calc(var(--grid-gutter) * 1.5 ); }
	.txt-right {padding-left: calc(var(--grid-gutter) * 1.5 ); }
	.full .txt-left {padding-left: calc((100vw - var(--scrollbarWidth) - var(--grid-row-maxwidth)) / 2 + var(--grid-gutter-half)); padding-right: calc(var(--grid-gutter) * 2.5); }
	.full .txt-right {padding-right: calc((100vw - var(--scrollbarWidth) - var(--grid-row-maxwidth)) / 2 + var(--grid-gutter-half)); padding-left: calc(var(--grid-gutter) * 2.5); }
	
	.content-image.image-full {height: 36rem; }
	.services-teaser .teaser-container {height: 48rem; }
	
	.info-box .text.contents {padding-left: calc(var(--grid-gutter) * 3.5); padding-right: calc(var(--grid-gutter) * 3.5); }
	
	.catalogues {margin-top: 1.75rem; }
	
	.tabs-title > a.btn-tabs, .subnav2 a, .subnav2 .button {font-size: 1rem; padding: 1rem 1.25rem; margin-right: 0.5rem; }
	
	footer {padding: 4rem 0; }
	
	h1, .h1 {font-size: 2.75rem; }
	h2, .h2 {font-size: 2rem; }
	
	.subhead {margin-bottom: 2rem; }
	
	.quote {font-size: 3rem; margin-bottom: 1.5rem; }
}