/*
Theme Name: Sendekultur Custom
Theme URI: http://www.sendekultur.de/
Author: Benjamin Buck
Author URI: http://www.sendekultur.de/
Description: Custom formicore Theme, developed in 2019
Version: 1.0
Text Domain: sendekultur
*/

/*

 ┌────────────────────────────────────────────────────────────────────────────┐
 │ Copyright (C) 2017 sendekultur                                             │
 │                                                                            │
 │ sendekultur uses third-party libraries or other resources that may         │
 │ be distributed under different licensees.                                  │
 │                                                                            │
 │ In the event that we accidentally failed to contain a required notice,     │
 │ please bring it to our attention through any of the ways detailed here:    │
 │                                                                            │
 │ >> buck[at]sendekultur.de                                                  │
 │ >> sendekultur.de                                                          │
 └────────────────────────────────────────────────────────────────────────────┘

*/

a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}table{border-collapse:collapse;border-spacing:0}

* {
    -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}

html {
	font-size: 62.5% !important; /* Results in 1rem = 10px */
}

body {
	color: #181818;
	background: #efefef !important;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	line-height: 1.45;
	font-family: acumin-pro, sans-serif;
	font-weight: 400;
	font-style: normal;
	letter-spacing: 0.02em;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, div {
    display: block;
}

textarea:focus, input:focus { outline: none; }

input { -webkit-appearance: none; }

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

a {
	text-decoration: none;
	color: #181818;
}

/* ===================================================================================================
	GRID
====================================================================================================== */

.be1, .be2, .be3, .be4, .be5, .be6, .be7, .be8, .be9, .be10, .be11, .be12,.slider,
.be1:before, .be2:before, .be3:before, .be4:before, .be5:before, .be6:before, .be7:before, .be8:before, .be9:before, .be10:before, .be11:before, .be12:before,#units:before,
.be1:after, .be2:after, .be3:after, .be4:after, .be5:after, .be6:after, .be7:after, .be8:after, .be9:after, .be10:after, .be11:after, .be12:after, #units:after {
    float:left;
    width: 100%;
    content:"";
    display:table;
    *zoom:1;
}

.be1{width: 8.33333333333%;}.be2{width: 16.6666666667%;}.be10{width: 83.3333333333%;}.be11{width: 91.6666666667%;}.be12{width: 100%;}

.be1, .be2, .be3, .be4, .be5, .be6, .be7, .be8, .be9, .be10, .be11, .be12, {
	width: 100%;
}

/* ===================================================================================================
	SITEWIDE
====================================================================================================== */

#units {
	background-color: #efefef;
	margin-top: 6.3rem;
}

#units,
.beOut,
.beIn {
	position: relative;
	left: 0;
	top: 0;
	z-index: 100;
    width: 100%;
    height: auto;
	float: none;
}

.beAbs {
	position: relative;
	left: 0;
	z-index: 100;
    width: 100%;
    height: auto;
	float: none;
}

.debugMode .beOut,
.debugMode .beIn {
	background-color: #d2f3f5;
}

.beIn {
	max-width: 1400px;
	margin: 0 auto;
	padding: 2.8rem 1.5rem;
}

.beRel {
   position: relative;
   width: 100%;
   top: 0;
   left: 0;
}

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

/* ===================================================================================================
	PAGE FADE
====================================================================================================== */

.prefade {
	opacity: 0;
	-webkit-transition: 	all 300ms ease;
	-moz-transition: 		all 300ms ease;
	-ms-transition: 		all 300ms ease;
	-o-transition: 			all 300ms ease;
	transition: 			all 300ms ease;
}

.prefade.in {
	opacity: 1;
}

/* ===================================================================================================
	TYPOGRAPHY
====================================================================================================== */

/*
Azo Sans Bold
font-family: azo-sans-web, sans-serif;
font-weight: 700;
font-style: normal;


Azo Sans Light
font-family: azo-sans-web, sans-serif;
font-weight: 300;
font-style: normal;


Azo Sans Medium
font-family: azo-sans-web, sans-serif;
font-weight: 500;
font-style: normal;


Azo Sans Regular
font-family: azo-sans-web, sans-serif;
font-weight: 400;
font-style: normal;
*/

/*
Acumin Pro Bold
font-family: acumin-pro, sans-serif;
font-weight: 700;
font-style: normal;


Acumin Pro Light
font-family: acumin-pro, sans-serif;
font-weight: 300;
font-style: normal;


Acumin Pro Regular
font-family: acumin-pro, sans-serif;
font-weight: 400;
font-style: normal;
*/

h1, h2, h3, h4, h5, h6, .claim {
	font-weight: 800 !important;
	line-height: 1.15;
	font-family: azo-sans-web, sans-serif;
	font-weight: 700;
	font-style: normal;
}

.beBoldTxt p {
	font-size: 1.5rem;
}

.beBoldTxt p {
	font-weight: 700;
}

h1 {
	font-size: 2.5rem;
    line-height: 1.05;
    margin-bottom: 0.5rem;
    letter-spacing: -0.05em;
}

.beVideoStage h1 {
	font-size: 1.2rem;
    line-height: 1.5;
    color: #00cac4;
    margin-bottom: 0.5rem;
    letter-spacing: -0.02em;
}


.beVideoStage .claim {
    font-size: 2.5rem;
    line-height: 1;
    margin-top: 20rem;
    color: #efefef;
    letter-spacing: -0.02em;
    text-transform: uppercase;
}

h2 {
    font-size: 2rem;
    letter-spacing: -0.05em;
}

.tUI h3 {
	font-size: 1.8rem;
	letter-spacing: -0.05em;
}

h3,
p,
li,
a,
.beContact li,
.beContact li a {
    font-size: 1.4rem;
    line-height: 1.5;
}

.beContact li a {
    color: #00cac4;
    font-weight: 700;
}

h3,
p,
.beRichTxt .mainCol li {
	margin-bottom: 0.7rem;
}

.colHeadline h3 {
	font-family: acumin-pro, sans-serif;
	margin-bottom: 0;
	color: #efefef;
}

h4,
.beSimpleStage p {
    font-size: 1rem;
    text-transform: uppercase;
    letter-spacing: 1.3px;
}

.beSimpleStage p,
.beSimpleStage .pageTitle {
    font-size: 1.2rem;
    text-transform: uppercase;
    letter-spacing: 1.3px;
}

p:last-child {
	margin-bottom: 0;
}

.marginals h4,
.marginals p,
.marginals a,
.marginals li,
.tMetaTheme .tMetaTxt,
.tMetaGenre .tMetaTxt,
.tMetaInfo .tMetaTxt {
	font-size: 1.2rem;
	text-transform: inherit;
	letter-spacing: inherit;
	line-height: 1.5;
}

.marginals p {
	margin-bottom: 1.4rem;
}

.marginals p:last-child {
	margin-bottom: 0;
}

.tMetaGenre .tMetaTxt,
.beSimpleStage .termName {
	font-weight: 800;
}

mark {
    background-color: #00cac4;
    padding: 0.1rem 0.3rem;
}

.beRichTxt ul {
	list-style: disc;
}

.beAccentType ul {
	list-style: disc;
}

.beRichTxt strong {
	font-weight: 800;
}

.beAccentType .accentTypeWord {
	font-size: 4rem;
    line-height: 0.9;
    font-weight: 800;
    letter-spacing: -0.06em;
}

.beAccentType .accentTypeWord:last-child {
	margin-bottom: 1.3rem;
}

.colMeta p {
    font-weight: 800;
    color: #00cac4;
	font-size: 2.5rem;
    line-height: 1.05;
    margin-bottom: 1rem;
    letter-spacing: -0.05em;
}

.colTxt p,
.colTxt a {
	font-size: 1.4rem;
	line-height: 1.5;
	color: #efefef;
}

.colTxt a,
.beRichTxt a {
	border-bottom: 2px solid #00cac4;
    font-weight: 700;
}

.colTxt a::before,
.beRichTxt a::before {
	content: '→ ';
	border-bottom: 2px solid #fff;
}

/* ===================================================================================================
	HELPERS
====================================================================================================== */

.transitions {
	-webkit-transition: 	all 500ms ease;
	-moz-transition: 		all 500ms ease;
	-ms-transition: 		all 500ms ease;
	-o-transition: 			all 500ms ease;
	transition: 			all 500ms ease;
}

.cPointer       { cursor: pointer; }
.cPointer:hover { cursor: pointer; }

.beMask {
    bottom: 0;
    width: 100%;
    height: 0;
    position: fixed;
    pointer-events: none;
    overflow: hidden;
    background-color: #000;
    z-index: 400;
    opacity: 0.4;
}

.beMask::after {
	content: "";
	background-image: url("_img/formicore-pattern.png");
	background-repeat: no-repeat;
	background-size: contain;
	background-position-y: top;
	opacity: 0.2;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	position: absolute;
	z-index: -1;
}

.st8NavOpen .beMask, .st8SearchOpen .beMask {
    height: 100%;
    opacity: 0.96;
    pointer-events: inherit;
}

/* ===================================================================================================
	RESPONSIVE IFRAMES
====================================================================================================== */

.elasticFrame {
	position: relative;
	padding-bottom: 55%;
	padding-top: 15px;
	height: 0;
	overflow: hidden;
}

.elasticFrame iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* ===================================================================================================
	LAZY LOADING
====================================================================================================== */

.ratioBox {
    position: relative;
    height: 0;
    display: block;
    width: 100%;
    background-color: #202020;
}

.ratioBox img,
.ratioBox iframe,
.ratioBox video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    background-color: #00cac4;
}

.lazyload {
	opacity: 0;
}

.lazyloading {
	opacity: 1;
	transition: opacity 300ms;
	background: #f7f7f7 url(_img/oval.svg) no-repeat center;
}

/* ===================================================================================================
	MODULES
====================================================================================================== */

/* ================================================
	Main UI
=================================================== */

.beMainUi,
.beMainUi .beIn {
	background-color: #efefef;
}

.beMainUi,
.beMainUi .beIn {
	height: 63px;
}

.st8NavOpen .beMainUi,
.st8NavOpen .beMainUi .beIn {
	background-color: #000;
}

.beMainUi {
	position: fixed;
	z-index: 1000;
	width: 100%;
}

.beMainUi .beIn {
	    padding: 1.2rem 1.5rem;
}

.beMainUi .be6 {
	width: 50%;
}

.beMainUi a.logo {
    padding-top: 0.7rem;
    display: block;
}

.beMainUi svg {
    max-width: 12rem;
}

.st8NavOpen .beMainUi svg g {
    fill: #efefef;
}

.uiTools {
	position: relative;
	overflow: hidden;
	z-index: 650;
	height: 3.3rem;
	padding: 0;
	    top: 0.3rem;
}

.tools {
	width: 3.3rem;
	height: 3.3rem;
	border: 1px solid #181818;
	text-align: center;
	line-height: 3rem;
}

.st8NavOpen .tools, .st8SearchOpen span {
	border: 1px solid #efefef;
}

.st8NavOpen span, .st8SearchOpen span {
	color: #efefef;
}

/* tools tNav */

.uiOpenNav, .uiCloseNav {
	display: block;
	position: relative;
}

.uiOpenNav {
	-webkit-transform: 		translate(0, 0);
	-moz-transform:    		translate(0, 0);
	-ms-transform:     		translate(0, 0);
	-o-transform:      		translate(0, 0);
	transform:         		translate(0, 0);
}

.st8NavOpen .uiOpenNav {
	-webkit-transform: 		translate(0, 400%);
	-moz-transform:    		translate(0, 400%);
	-ms-transform:     		translate(0, 400%);
	-o-transform:      		translate(0, 400%);
	transform:         		translate(0, 400%);
}

.uiCloseNav {
	-webkit-transform: 		translate(0, -400%);
	-moz-transform:    		translate(0, -400%);
	-ms-transform:     		translate(0, -400%);
	-o-transform:      		translate(0, -400%);
	transform:         		translate(0, -400%);
}

.st8NavOpen .uiCloseNav {
	-webkit-transform: 		translate(0, -100%);
	-moz-transform:    		translate(0, -100%);
	-ms-transform:     		translate(0, -100%);
	-o-transform:      		translate(0, -100%);
	transform:         		translate(0, -100%);
}

.uiNav {
	position: absolute;
    right: 0;
}

/* ================================================
	Navs
=================================================== */

.beMainNav,
.beMainNav .beIn {
	background-color: transparent !important;
}

.beMainNav {
	position: fixed;
	z-index: 600;
	width: 100%;

	overflow: hidden;
    height: auto;
    -webkit-overflow-scrolling: touch;

	-webkit-transform: 		translate(0, -100%);
	-moz-transform:    		translate(0, -100%);
	-ms-transform:     		translate(0, -100%);
	-o-transform:      		translate(0, -100%);
	transform:         		translate(0, -100%);
}

.beMainNav .beIn {
	padding-top: 6.2rem;
}

.st8NavOpen .beMainNav {
	-webkit-transform: 		translate(0, 0);
	-moz-transform:    		translate(0, 0);
	-ms-transform:     		translate(0, 0);
	-o-transform:      		translate(0, 0);
	transform:         		translate(0, 0);
}

.beMainNav .uiMainNav,
.beMainNav .uiSubNav {
    border-top: 1px solid #4b4846;
    padding-top: 2rem;
}

.beMainNav .uiSubNav {
	margin-top: 1.5rem;
}

.menuNames {
    font-size: 0.7rem;
    text-transform: uppercase;
    letter-spacing: 1.3px;
    color: #00cac4;
}

.beMainNav .menuNames {
	margin-bottom: 0.5rem;
}

.beMainNav .uiMainNav ul,
.beMainNav .uiSubNav ul {
    list-style: none;
}

.beMainNav .uiSubNav li {
    display: block;
}

.beMainNav .uiSubNav .navSep {
	display: none;
}

.beMainNav .uiMainNav a,
.beMainNav .uiSubNav a {
    color: #fdfdfd;
    font-size: 2rem;
    line-height: 2.5rem;
    font-weight: 800;
    text-shadow: 0 0 10px #181818;
    letter-spacing: -0.05em;

	-webkit-transition: 	all 500ms ease;
	-moz-transition: 		all 500ms ease;
	-ms-transition: 		all 500ms ease;
	-o-transition: 			all 500ms ease;
	transition: 			all 500ms ease;
}

.beMainNav a:hover {
    color: #00cac4;
}

.beMainNav .uiSubNav a {
    font-size: 1.6rem;
    line-height: 1.5;
}

.beMainNav .uiMainNav .current-menu-item a,
.beMainNav .uiSubNav .current-menu-item a {
	color: #00cac4;
}

span.navDisturber {
	display: none;
}

/* ===================================================================================================
	Stages
====================================================================================================== */

.beVideoStage {
	background: #002b2a; /* Old browsers */
	background: -moz-linear-gradient(-45deg,  #002b2a 40%, #181818 50%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg,  #002b2a 40%,#181818 50%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg,  #002b2a 40%,#181818 50%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002b2a', endColorstr='#181818',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	overflow: hidden;
    margin-top: 6.3rem;
}

.beVideoStage video {
	opacity: 0.6;
}

.beSimpleStage .beStageTxt {
	position: absolute;
	bottom: 0;
}

.beSimpleStage .inOut {
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
}

.beSimpleStage .inIn {
	position: relative;
	bottom: 0;
	left: 0;
	width: 100%;
}

.beSimpleStage .beStageBG {
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#002b2a+0,000000+50 */
	background: #002b2a; /* Old browsers */
	background: -moz-linear-gradient(-45deg,  #002b2a 0%, #181818 50%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg,  #002b2a 0%,#181818 50%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg,  #002b2a 0%,#181818 50%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002b2a', endColorstr='#181818',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}

.beSimpleStage img {
	opacity: 0.2;
}

.beVideoStage .beAbs {
	bottom: 0;
}

.beSimpleStage h1 {
	color: #efefef;
}

.beSimpleStage .pageTitle {
	color: #00cac4;
	display: block;
}

.beSimpleStage p {
	margin-top: 0.2rem;
	color: #00cac4;
}



.beAside {
	background-color: #181818;
}

.aside {
    color: #009688;
    font-size: 1.4rem;
    text-align: right;
}

.asides {
    font-weight: 700;
}

.asideOne {
	color: #c9c9c7;
}

.asides a {
	font-weight: 700;
	color: #009688;
	text-decoration: none;
	font-size: 1.4rem;
	line-height: 1.5;
}

/* ================================
	Helix
=================================== */

.beHelix {
    display: none;
}

/* ===================================================================================================
	All Mods
====================================================================================================== */

.beMainMods {
	background-color: #efefef;
}

.modComboSpaceIncrease .beIn {
	padding-top: 3rem !important;
}

.modComboSpaceErase .beIn {
	padding-top: 0 !important;
}

.modComboSpaceDecrease .beIn {
	padding-top: 0 !important;
}

/* ===================================================================================================
	Specific Mods
====================================================================================================== */

/* ================================================
	Quick Info Card
=================================================== */

.beQuickInfo {
	background-color: #00cac4;
}

.beQuickInfoCard {
	background-color: #000;
	color: #fff;
	padding: 3rem 3.4rem;
	font-size: 1.2rem;
	line-height: 1.5;
	text-transform: inherit;
	letter-spacing: inherit;
	width: 100%;
	float: right;
}

.beQuickInfoCard h3,
.beQuickInfoCard li,
.beQuickInfoCard li a {
	font-size: 1.2rem;
	line-height: 1.5;
	text-transform: inherit;
	letter-spacing: inherit;
	margin-bottom: 0;
}

.beQuickInfoCard li a {
	text-decoration: underline;
}

.quickInfoCardList {
  list-style: none;
  padding: 0;
  margin: 0;
}

.quickInfoCardList li {
  position: relative;
  display: grid;
  grid-template-columns: max-content 1fr; /* Label so breit wie nötig, Value nimmt Rest */
  column-gap: 0.5rem;

  padding: 0 0 0 2.4rem;
  border-bottom: 1px solid rgba(0,0,0,.1);
  align-items: start;
}
.beQuickInfoCard
.quickInfoCardLabel {
  font-weight: 600;
}

.quickInfoCardValue,
.quickInfoCardValue a {
  text-align: left;
  justify-self: start;
  color: #00cac4;
}

.quickInfoCardList li::before {
  content: "";
  position: absolute;
  left: 0;
  top: -0.7rem;
  width: 24px;
  height: 24px;
  background-color: currentColor;

  mask-image: url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'>\
<path d='M66.5 128.5l-22.3 55.2c-1 2.3 1.4 4.7 3.7 3.7l54.9-23.3c.7-.3 1.2-.9 1.5-1.6l22.3-55.2c1-2.3-1.4-4.7-3.7-3.7L68 126.9c-.7.3-1.2.9-1.5 1.6zM.4 108.4L31 180.5c1 2.3 4.3 2.3 5.3 0l20.8-51.4c.6-1.5-.1-3.1-1.6-3.7l-35.4-14.3-16-6.5c-2.3-.9-4.6 1.4-3.7 3.8z'/>\
</svg>");
  mask-repeat: no-repeat;
  mask-size: contain;
  mask-position: center;
}

/* ================================================
	Accordeon
=================================================== */

.accUnit {
    border-bottom: 1px solid #181818;
}

.accUnit:last-child {
    border-bottom: none;
}

.accUi {
	position: relative;
	width: 100%;
	top: 0;
	left: 0;
	padding: 1.2rem 0;
}




.accBullet {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.accUi:hover .accBullet ,
.accUi:focus .accBullet ,
.accUi:active .accBullet  {
  -webkit-transform: translateX(-8px);
  transform: translateX(-8px);
}




.beRichTxt .marginals .accUi {
	padding: 1.2rem 0;
}

.accBullet {
	position: relative;
	top: -0.1rem;
}

.accUi h3 {
	margin-bottom: 0;
	color: #00cac4;
}

.accOffset {
	height: 0.15rem;
	background-color: #efefef;
}

.beRichTxt .marginals .accOffset {
	height: 0.15rem;
}

/* tools tNav */

.accState {
    position: absolute;
    right: 0;
    top: 0.9rem;
	overflow: hidden;
	z-index: 650;
	height: 2.5rem;
	padding: 0;
}

.beRichTxt .marginals .accState {
    top: 0.8rem;
}

.accTools {
    width: 2.5rem;
    height: 2.5rem;
    border: 1px solid #181818;
    text-align: center;
    line-height: 2.3rem;
}

.uiOpenAcc, .uiCloseAcc {
	display: block;
	position: relative;
}

.uiOpenAcc {
	-webkit-transform: 		translate(0, -2px);
	-moz-transform:    		translate(0, -2px);
	-ms-transform:     		translate(0, -2px);
	-o-transform:      		translate(0, -2px);
	transform:         		translate(0, -2px);
}

.accOpen .uiOpenAcc {
	-webkit-transform: 		translate(0, 400%);
	-moz-transform:    		translate(0, 400%);
	-ms-transform:     		translate(0, 400%);
	-o-transform:      		translate(0, 400%);
	transform:         		translate(0, 400%);
}

.uiCloseAcc {
	-webkit-transform: 		translate(0, -400%);
	-moz-transform:    		translate(0, -400%);
	-ms-transform:     		translate(0, -400%);
	-o-transform:      		translate(0, -400%);
	transform:         		translate(0, -400%);
}

.accOpen .uiCloseAcc {
	-webkit-transform: 		translate(0, -104%);
	-moz-transform:    		translate(0, -104%);
	-ms-transform:     		translate(0, -104%);
	-o-transform:      		translate(0, -104%);
	transform:         		translate(0, -104%);
}

dd { display:none; }

/* ================================================
	Rich Text
=================================================== */

.beRichTxt .beIn {
	padding-bottom: 0;
	padding-top: 0;
}

.beRichTxt .marginals {
    padding: 1.5rem 1.5rem;
    border: 1px solid #181818;
    margin-bottom: 1.5rem;
}

.beRichTxt .marginals ul li {
    margin-left: 1.7rem;
}

.beRichTxt .mainCol {
	margin-bottom: 1.5rem;
}

.beRichTxt .marginals.marginalsAcc {
    padding: 0.5rem 1.5rem;
}

.beRichTxt .marginals:last-child {
    margin-bottom: 0;
}

.beRichTxt.multiRichTxts .beIn {
	padding-top: 0;
}

.beRichTxt.multiRichTxts {
	margin-top: 1.5rem;
}

.beRichTxt .marginalsImg img {
    margin: 0.5rem 0;
}

.beRichTxt .marginalsImg h4 {
    margin-top: 1rem;
}

.beRichTxt .metaCol {
    margin-bottom: 1.5rem;
}

/* ================================================
	Bold Text
=================================================== */

.beBoldTxt,
.beBoldTxt .beIn {
	background-color: #c9c9c7;
}

.beBoldTxt .boldTxtLimiter {
	padding: 0;
}

.beGallery {
	background-color: #181818;
	margin-top: 1.5rem;
}

/* ================================================
	Accent Type
=================================================== */

/* .beAccentType .beIn {
	padding-top: 0;
} */

.accentTypeUnit {
    border-bottom: 1px solid #c9c9c7;
    padding: 1.5rem 0;
}

.accentTypeUnit:first-child {
    padding-top: 0;
}

.accentTypeUnit:last-child {
    border-bottom: none;
    padding-bottom: 0;
}

.accentTypeWord {
	display: block;
}

.accentTypeWord:nth-child(even) {
	color: #00cac4;
}

.accentTypeUnit a {
	border-bottom: 2px solid #00cac4;
    font-weight: 700;
}

.accentTypeUnit a::before {
	content: '→ ';
	border-bottom: 2px solid #fff;
}

/* ================================================
	Gallery
=================================================== */

.beGallery .beIn {
    padding-top: 1.5rem;
    padding-bottom: 0;
}


.beGallery .be4.middles {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}

.beGallery .be4.first {
    padding-left: 0;
    padding-right: 1rem;
}

.beGallery .be4.last {
    padding-left: 1rem;
    padding-right: 0;
}

.beGallery .be4 {
    width: 33.3333333333%;
}

.beGallery hr {
    border: 1px solid #181818;
    margin: 0.2rem 0 0.1rem 0;
    display: inline-block;
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
}

/* ================================================
	Cols
=================================================== */

.beCols .beIn {
	padding: 2.8rem 0 0 0;
}

.beCols.verticalSpacer .beBgImg {
    background-size: contain;
    background-attachment: inherit;
    padding-top: 47%;
    background-position: top center;
}

.beCols .cols {
    background-color: #181818;
    padding: 1.4rem 0;
}

.beCols .colIn {
    background-color: #181818;
    padding: 1.4rem 1.5rem;
    display: block;
}

.beCols hr {
    display: none;
}

.colMeta {
    color: #efefef;
}

/* ================================================
	Featured Studies
=================================================== */

.beStudy .beIn {
    padding-bottom: 0;
    padding-top: 0;
}

.beStudy .studyItem {
	margin-bottom: 1.5rem;
}

.beStudy .studyItem:last-child {
	margin-bottom: 0;
}

.beStudy h3 {
    color: #efefef;
    margin-bottom: 0;
}

.beStudy hr {
    display: none;
}

.beStudy .featStudyCaptionIn {
    background-color: #181818;
    padding: 3rem 3rem 1rem 3rem;
}

/* ================================================
	Share Page
=================================================== */

.beSharePage {
    background-color: #c9c9c7;
}

.beSharePage .line {
    border: none;
    height: .1rem;
    width: 100%;
    position: relative;
    top: 1.5rem;
    z-index: 1;
    background-color: #181818;
}

.beSharePage ul {
	display: inline-block;
	width: auto;
    padding: 0 2rem 0 0;
    z-index: 2;
    position: relative;
    background-color: #c9c9c7;
}

.beSharePage li {
	display: inline-block;
	margin-right: 1.5rem;
}

.beSharePage li:last-child {
	margin-right: 0;
}

.icoOut {
    width: 28px;
    height: 28px;
    display: inline-block;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: 1px solid #181818;
}

/* ================================================
	Footer
=================================================== */

.beFooterNav {
	background-color: #10100f;
}

.beFooterNav .beIn {
	padding: 1.4rem 1.5rem 1.4 1.5rem;
}

.uiFooterNav li {
	display: block;
    width: 100%;
    text-align: center;
}

.uiFooterNav li a {
	padding: 1.4rem 0;
	font-weight: 700;
	color: #7d7977;
	display: block;
}

/* ================================================
	Bar Charts
=================================================== */

.beBarCharts {
    background-color: #181818;
}

.beBarCharts .beIn {
	padding: 2.8rem 1.5rem;
}

.beBarCharts .hiddenBarChartData {
	display: none;
}

/* ================================================
	Radar Charts
=================================================== */

.beRadarCharts,
.beRadarCharts .beIn {
	background-color: #181818;
}

.beRadarCharts .hiddenChartData {
	display: none;
}

.beRadarCharts .be4 {
    margin-bottom: 1.5rem;
}

.beRadarCharts .periodicsOut {
    height: 54rem;
    overflow: hidden;
}

.beRadarCharts .chartOut {
    background-color: #181818;
    padding: 3rem;
    border: 4px solid #efefef;
    position: relative;
    overflow: hidden;
}

.chartHead {
    margin-bottom: 7rem;
}

.chartHead h4 {
    color: #00cac4;
    font-size: 2.5rem;
    text-transform: uppercase;
    letter-spacing: -2px;
    line-height: 1;
}

.chartHead p {
    color: #00cac4;
    text-transform: uppercase;
    font-weight: 800;
    letter-spacing: 2px;
}

.chartMeta p {
    color: #efefef;
    text-transform: uppercase;
    font-weight: 800;
    letter-spacing: 2px;
    font-size: 1rem;
    line-height: 1.2;
    text-align: right;
}

.chartHead p,
.chartMeta p {
    font-size: 1rem;
    line-height: 1.2;
}

.chartMeta {
    position: absolute;
    top: 3rem;
    right: 3rem;
}

.chartBody {
	position: absolute;
    bottom: 3rem;
    left: 0;
    width: 100%;
    padding: 0 3rem;
}

.chartBody h5 {
    color: #00cac4;
    font-size: 1rem;
    text-transform: uppercase;
    letter-spacing: 2px;
    text-align: right;
}

.chartBody ul li {
	list-style: none;
    color: #c9c9c7;
    text-align: right;
    font-size: 1.2rem;
}


.chartBody .clrInfo h5,
.chartBody .clrInfo ul li {
    text-align: left;
}

.chartBody .infos {
	margin-bottom: 4.5rem;
}

.chartBody .infos:last-child {
	margin-bottom: 0;
}

.chartMeta .ecoIco {
    width: 2.8rem;
    position: relative;
    position: absolute;
    right: 0rem;
    /* bottom: 3rem; */
    margin-top: 1rem;
}

.chartOver {
    background-color: #efefef;
    height: 93%;
    width: 90%;
    position: absolute;
    top: 3.5%;
    left: 5%;
    display: block;
    overflow: hidden;
    -webkit-transition: all 500ms ease;
       -moz-transition: all 500ms ease;
         -o-transition: all 500ms ease;
            transition: all 500ms ease;
	-webkit-transform: translate(-110%, 0);
	   -moz-transform: translate(-110%, 0);
	    -ms-transform: translate(-110%, 0);
	    -o-transform: translate(-110%, 0);
	       transform: translate(-110%, 0);
}

.chartOut:hover .chartOver {
	-webkit-transform: translate(0, 0);
	-moz-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	-o-transform: translate(0, 0);
	transform: translate(0, 0);
}

.chartOver,
 .chartOverBody {
	padding: 3rem;
}

.chartOverHead h3 {
	color: #181818;
	font-size: 1.7rem;
    text-transform: uppercase;
}

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

.chartOverBody h4 {
    color: #181818;
    font-size: 1rem;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-top: 3rem;
    margin-bottom: 1rem;
}

.chartOverBody p,
.chartOverBody ul li {
    color: #181818;
    font-size: 1.4rem;
}

.chartOverBody p {

}

.chartOverBody ul li {
    list-style: disc;
    margin-left: 1.5rem;
}

/* ================================================
	Filter UI
=================================================== */

.beFilterUi {
	background-color: #4b4846;
}

.beFilterUi .beIn {
	padding: 2.8rem 1.5rem;
}

.beFilterUi .fTrigger {
    margin: 0.3rem 0.6rem 0.3rem 0;
    padding: 1.3rem 2.3rem;
    display: inline-block;
    text-align: center;
    border: 1px solid #929291;
}

.beFilterUi .fTrigger.fStateActive,
.beFilterUi .fTrigger:hover {
	background-color: #181818;
	border: 1px solid #181818;
}

.beFilterUi .fTrigger.fStateActive span {
	color: #00cac4;
}

span.fTriggerTxt {
    font-size: 0.8rem;
    text-transform: uppercase;
    letter-spacing: 1.3px;
    font-weight: 800;
    color: #c9c9c7;
}

.beFilterUi .fltrTotalNum {
    position: relative;
    top: -0.4rem;
    margin-left: 0.3rem;
    font-size: 0.8rem;
    font-weight: 800;
    color: #00cac4;
}

/* Items */

.fItem {
	opacity: 0;
}

.fItem.fShow {
	opacity: 0;
    display: block;

	-webkit-transition: 	all 600ms ease;
	-moz-transition: 		all 600ms ease;
	-ms-transition: 		all 600ms ease;
	-o-transition: 			all 600ms ease;
	transition: 			all 600ms ease;
}

.fItem.fShow.shown {
	opacity: 1;
}

.clearFltrRow {
	clear: both;
}

.fStock {
	display: none;
}

hr.rowDivider {
    border: 0.1px solid #efefef;
    margin: 0;
    display: inline-block;
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
}

/* ================================================
	More
=================================================== */

.beMore {
	background-color: #efefef;
}

.st8NoMoreBtn .beMore {
	display: none;
}

/* ================================================
	Archives
=================================================== */

.beArchives .beIn {
	padding: 1.5rem 1.5rem;
}

.archives,
.archives .beOut {
	background-color: #efefef;
}

/* ================================================
	Teaser Flex
=================================================== */

.tFlex {
	position: relative;
	width: 100%;
	margin-bottom: 1.5rem;
}

.tFlex:last-child {
	margin-bottom: 0;
}

.tMedia {
    max-width: 100%;
    overflow: hidden;
}

.tFlex .ratioBox img {
    transform: scale(1.15);
}

.fxWrap {
    position: relative;
    bottom: 0;
	left: 0;
    width: 100%;
    z-index: 100;
}

.fxWrap.fx {
	transform:scale(1);
}

.tUI {

	background-color: #181818;
    padding: 2.5rem 3.5rem 1.2rem 3.5rem;
}

.beArchives .tUI h3 {
    color: #efefef;
}

.tMetaTitle {
    margin-bottom: 2.5rem;
}

.tMeta.tMetaGenre {
    border-top: 1px solid #efefef;
    padding: 0.9rem 0 0 0;
}

.tMetaInfos .tMetaInfo {
    display: inline-block;
    margin: -1rem 2rem 0 -1rem;
}

.tMetaInfo .tMetaTxt,
.tMetaInfo .tMetaIco {
    display: inline-block;
    color: #181818;
}

.tMetaInfo .tMetaTxt {
    position: relative;
    top: -12px;
    left: -5px;
    color: #efefef;
}

.tMetaGenre .tMetaTxt {
    display: inline-block;
    color: #efefef;
}

.tMetaTheme .tMetaTxt {
    color: #efefef;
}

.tMetaIco.tMetaIcoRead {
    top: 0.1rem;
    position: relative;
}

.svgGlasses {
	fill: #efefef;
}

/* ================================================
	Author
=================================================== */

.beAuthor .tUI h3 {
    margin-bottom: 0rem;
}

.beAuthor .tMetaTitle {
    margin-bottom: 4rem;
}

.beAuthor .tMetaQuote p {
    font-size: 2rem;
    font-weight: 800;
    line-height: 1.15;
    letter-spacing: -0.05em;
    margin-bottom: 2.8rem;
}

.beAuthor .tMedia {
    position: relative;
}

.beAuthor .tUI {
	position: absolute;
    bottom: 0;
    top: auto;
    left: 1.5rem;
    width: 80%;
    z-index: 100;
    background-color: #181818;
    padding: 2.5rem 3.5rem 1.2rem 3.5rem;
}

.beAuthor .author_firstname,
.beAuthor .author_name,
.beAuthor .author_profession {
	color: #efefef;
}

.beAuthor .tMetaGenre .tMetaTxt {
    font-size: 1.2rem;
    text-transform: inherit;
    letter-spacing: inherit;
    line-height: 1.3;
    font-weight: 400;
}

.beStudy .tMetaInfo .tMetaTxt {
    font-size: 1.2rem;
    text-transform: inherit;
    letter-spacing: inherit;
    line-height: 1.3;
}

/* ================================================
	BG Image And Text
=================================================== */

.beBgImageTxt .beIn,
.beBgImageTxt .beBgImg {
    min-height: 20rem;
}

.beBgImageTxt .beBgImg {
	background-size: cover;
}

.beBgImageTxt .beAbs {
    bottom: 2.8rem;
    padding: 0 1.5rem;
    display: contents;
}

.beBgImageTxt h2 {
	font-size: 2.5rem;
    line-height: 1.05;
    margin-bottom: 0.5rem;
    letter-spacing: -0.05em;
}

.beBgImageTxt.cms-dark h2 {
	color: #181818;
}

.beBgImageTxt.cms-light h2 {
	color: #efefef;
}

.beBgImageTxt.cms-accent h2 {
	color: #00cac4;
}

.beBgImageTxt.cms-layer h2 {
	color: #efefef;
}

.beBgImageTxt.cms-layer {
	background: #002b2a; /* Old browsers */
	background: -moz-linear-gradient(-45deg,  #002b2a 0%, #181818 50%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg,  #002b2a 0%,#181818 50%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg,  #002b2a 0%,#181818 50%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002b2a', endColorstr='#181818',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

/* ================================================
	Lightbox
=================================================== */

.blueimp-gallery, .blueimp-gallery > .slides > .slide > .slide-content {
	opacity: 1;
}

.blueimp-gallery > .slides > .slide > .slide-content {
	max-width: 100% !important;
	padding: 1.5rem;
}

.blueimp-gallery {
	background: #002b2a !important; /* Old browsers */
	background: -moz-linear-gradient(-45deg,  rgba(0, 43, 42, 0.95) 0%, rgba(0, 0, 0, 0.95) 50%) !important; /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg,  rgba(0, 43, 42, 0.95) 0%,rgba(0, 0, 0, 0.95) 50%) !important; /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg,  rgba(0, 43, 42, 0.95) 0%,rgba(0, 0, 0, 0.95) 50%) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002b2ae6', endColorstr='#000000e6',GradientType=1 ) !important; /* IE6-9 fallback on horizontal gradient */
}

/* ================================================
   Call to action
=================================================== */

.beCta {
  text-align: center;
}

.beCta a {
  border: 2px solid #00cac4;
  padding: 2rem 7rem;
  min-width: 31.7%;
  display: inline-flex;
  align-items: center;
  gap: 2rem;
  color: #ffffff;
  text-decoration: none;
  font-weight: 800;
  background-color: #00cac4;

  transition:
	background-color 0.35s ease,
	border-color 0.35s ease,
	color 0.35s ease;
}

.beCta .cta-arrow {
  height: 1em;
  width: auto;
  display: block;

  transform: translateX(0);
  transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}

.beCta.is-bg-black {
  background-color: #000;
}

.beCta.is-bg-white {
  background-color: #fff;
}

.beCta.is-bg-turquoise {
  background-color: #00cac4;
}

.beCta.is-bg-turquoise a {
	background-color: #000;
	border: 2px solid #000;
	color: #00cac4;
}

.beCta a:hover {
  background-color: #000;
  border: 2px solid #000;
  color: #00cac4;
}

.beCta.is-bg-black a:hover {
  background-color: #fff;
  border: 2px solid #fff;
  color: #000;
}

.beCta.is-bg-turquoise a:hover {
	color: #fff;
}

.beCta a:hover .cta-arrow {
  transform: translateX(8px);
}

/* ================================================
   Downloads
=================================================== */

.beDownloads {
	background-color: #181818;
}

.beDownloads+.beDownloads .beIn {
	padding-top: 0;
}

.beDownloads .be4 {
	margin-bottom: 3rem;
}

.beDownloads .be4:last-child {
	margin-bottom: 0;
}

.beDownloads p {
	color: #fff;
	margin-top: 1rem;
}

/* PDF Preview Link */
a.dlPdf{
  /* Stellschrauben */
  --stroke: 2px;                /* Linien-Dicke */
  --c: #00cac4;                 /* Akzentfarbe */
  --w: 140px;                   /* Box Breite */
  --h: 180px;                   /* Box Höhe */
  --bottom-cut: 0%;            /* wie weit die untere Linie nach rechts NICHT geht */
  --right-gap-top: 100%;         /* Ende rechter oberer Strich */
  --right-gap-bot: 0%;         /* Start rechter unterer Strich */

  position: relative;
  display: block;
  width: var(--w);
  height: var(--h);
  text-decoration: none;
  color: #fff;                  /* Titel-Farbe */
  background-color: transparent;

  /* Rahmen zeichnen (5 Segmente) */
  background:
	/* links komplett */
	linear-gradient(var(--c), var(--c)) left top / var(--stroke) 100% no-repeat,
	/* oben komplett */
	linear-gradient(var(--c), var(--c)) left top / 100% var(--stroke) no-repeat,
	/* unten nur bis vor die Öffnung */
	linear-gradient(var(--c), var(--c)) left bottom / calc(100% - var(--bottom-cut)) var(--stroke) no-repeat,
	/* rechts oben Segment */
	linear-gradient(var(--c), var(--c)) right top / var(--stroke) var(--right-gap-top) no-repeat,
	/* rechts unten Segment */
	linear-gradient(var(--c), var(--c)) right bottom / var(--stroke) calc(100% - var(--right-gap-bot)) no-repeat;
}

/* optional: Hover wie im Original */
a.dlPdf{
  transition: transform .2s ease-in-out;
  transform-origin: center;
}
a.dlPdf:hover{
  transform: scale(1.06);
}

/* .PDF oben rechts */
a.dlPdf .dlPdf__tag{
  position: absolute;
  top: 12px;
  right: 12px;
  color: var(--c);
  font-style: italic;
  font-weight: 800;
  letter-spacing: .04em;
  text-transform: uppercase;
  font-size: 12px;
  line-height: 1;
}

/* Titel unten links, übermalt Rahmen = typischer "Break" */
a.dlPdf .dlPdf__title{
  position: absolute;
  left: 30px;
  bottom: 24px;

  /* diese Hintergrundfarbe muss zur Section passen */
  background: #181818;          /* falls dein Download-BG anders ist: anpassen */
  padding: 6px 14px 8px 0;

  font-style: italic;
  font-weight: 800;
  text-transform: uppercase;
  font-size: 22px;
  line-height: 1;

  white-space: nowrap;
  width: auto;
  display: block;
}

/* ================================================
   Comparison
=================================================== */

.beComparison {
	background-color: #181818;
	color: #fff;
}

.deskLabel {
	display: none;
}

.mobileLabel {
	display: block;
}

.beComparison h4 {
	font-size: 3rem;
	color: #00cac4;
}

.beComparison h5 {
	font-size: 1.55rem;
	line-height: 1.55;
}

.beComparison .icon-not-checked {
	color: red;
	font-weight: 800;
}

.beComparison .icon-checked {
	color: lightgreen;
}





@media screen and (min-width: 410px){

	/* ===================================================================================================
		TYPOGRAPHY
	====================================================================================================== */

	.beVideoStage .claim {
		font-size: 5.2rem;
	}

	.beVideoStage h1 {
		font-size: 1.5rem;
		letter-spacing: -0.02em;
	}

	h1 {
		font-size: 3.2rem;
	}

	h2 {
		font-size: 3rem;
	}

	h3, p, li, a,
	.beContact li,
	.beContact li a {
	    font-size: 1.55rem;
	    line-height: 1.55;
	}

	.tUI h3 {
	    font-size: 2.2rem;
	}

	/* ===================================================================================================
		SITEWIDE
	====================================================================================================== */

	.beIn {
		padding: 4rem 6rem;
	}

	/* ===================================================================================================
		MAIN UI
	====================================================================================================== */

	.beMainUi .beIn {
	    padding: 1.2rem 5.5rem;
	}

	.beMainUi,
	.beMainUi .beIn {
	    height: 64px;
	}

	/* ================================================
		Rich Text
	=================================================== */

	.beRichTxt .metaCol {
	    margin-bottom: 3rem;
	}

	/* ================================================
		Cols
	=================================================== */

	.beCols .colIn {
	    padding: 1.4rem 5.5rem;
	}

	/* ================================================
		BG Image And Text
	=================================================== */

	.beBgImageTxt .beAbs {
	    padding: 0 6rem;
	}

	.beBgImageTxt .beIn, .beBgImageTxt .beBgImg {
	    min-height: 29rem;
	}

	/* ================================================
		Filter UI
	=================================================== */

	.beFilterUi .beIn {
	    padding: 2.8rem 4rem;
	}

	/* ================================================
		Archives
	=================================================== */

	.beArchives .beIn {
	    padding: 1.5rem 4rem;
	}

	/* ================================================
		BG Image And Text
	=================================================== */

	.beBgImageTxt .beIn, .beBgImageTxt .beBgImg {
	    min-height: 29rem;
	}

}

@media screen and (min-width: 620px){

	/* ===================================================================================================
		Specific Mods
	====================================================================================================== */
	
	/* ================================================
		Quick Info Card
	=================================================== */
	
	.beQuickInfo .be8 {
		width: 50%;	
	}
	
	.beQuickInfo .be4 {
		width: 50%;
	}
	
	.beQuickInfo h3 {
		border-top: 3px solid #000;
		padding-top: 0rem;
		margin-right: -3rem;
	}
	
	.beQuickInfoCard {
		background-color: #000;
		border-radius: 20px 0;
		color: #fff;
		padding: 3rem 3.4rem;
		font-size: 1.2rem;
		line-height: 1.5;
		text-transform: inherit;
		letter-spacing: inherit;
		width: 100%;
		float: right;
	}

	/* ================================================
		BG Image And Text
	=================================================== */

	.beBgImageTxt .beIn, .beBgImageTxt .beBgImg {
	    min-height: 36rem;
	}

}

@media screen and (min-width: 745px){
	
	/* ================================================
		Quick Info Card
	=================================================== */
	
	.beQuickInfo {
		padding-top: 4rem;
		padding-bottom: 4rem;
	}
	
	.beQuickInfoCard {
		width: 360px;
	}
	
	.beQuickInfo h3 {
		font-size: 4rem;
	}
	
	/* ================================================
		BG Image And Text
	=================================================== */

	.beBgImageTxt .beIn, .beBgImageTxt .beBgImg {
	    min-height: 43rem;
	}

}

@media screen and (min-width: 910px){

	/* ================================================
		Quick Info Card
	=================================================== */

	.beQuickInfo .be8 {
		width: 66.6666666667%;	
	}
	
	.beQuickInfo .be4 {
		width: 33.3333333333%;
	}

	/* ================================================
		BG Image And Text
	=================================================== */

	.beBgImageTxt .beIn, .beBgImageTxt .beBgImg {
	    min-height: 52rem;
	}

}

@media screen and (min-width: 1023px){

	/* ================================================
		BG Image And Text
	=================================================== */

	.beBgImageTxt .beIn, .beBgImageTxt .beBgImg {
	    min-height: 59rem;
	}

}

@media screen and (min-width: 1023px){

	/* ================================================
		BG Image And Text
	=================================================== */

	.beBgImageTxt .beIn, .beBgImageTxt .beBgImg {
	    min-height: 59rem;
	}

}



@media screen and (min-width: 1100px){

	/* ===========================================================
		GRID
	============================================================== */

	.be3{width: 25%;}.be4{width: 33.3333333333%;}.be5{width: 41.6666666667%;}.be6{width: 50%;}.be7{width: 58.3333333333%;}.be8{width:66.6666666667%;}.be9{width: 75%;}

	/* ===================================================================================================
		SITEWIDE
	====================================================================================================== */

	.beIn {
		padding: 4rem 10rem;
	}

	/* ===================================================================================================
		TYPOGRAPHY
	====================================================================================================== */

	.beBoldTxt p {
		font-size: 2.5rem;
	}

	h1 {
		font-size: 8rem;
	    line-height: 1.05;
	    margin-bottom: 1.8rem;
	}

	.beVideoStage h1 {
		font-size: 1.7rem;
	    line-height: 1.5;
	}


	.beVideoStage .claim {
	    font-size: 5.5rem;
	    line-height: 1;
	    margin-top: 20rem;
	}

	h2 {
	    font-size: 8rem;
	    line-height: 1;
	    letter-spacing: -0.05em;
	}

	.tUI h3 {
		font-size: 2.5rem;
	}

	h3,
	p,
	li,
	a {
	    font-size: 1.7rem;
	    line-height: 1.5;
	}

	.beContact li,
	.beContact li a {
	    font-size: 4rem;
	    line-height: 1.5;
	}

	h3,
	p,
	.beRichTxt .mainCol li {
		margin-bottom: 1.7rem;
	}

	.colHeadline h3 {
		margin-bottom: 6rem;
	}

	h4,
	.beSimpleStage p {
	    font-size: 1rem;
	    letter-spacing: 1.3px;
	}

	.beSimpleStage p,
	.beSimpleStage .pageTitle {
	    font-size: 1.7rem;
	    letter-spacing: 1.3px;
	}

	.beRichTxt .mainCol h4,
	.beAcc h4 {
		margin-bottom: 0.25rem;
	    top: 2rem;
	    left: -20rem;
	    width: 20rem;
	    padding-right: 2rem;
	    position: relative;
	    text-align: right;
	}

	.marginals h4,
	.marginals p,
	.marginals a,
	.marginals li,
	.tMetaTheme .tMetaTxt,
	.tMetaGenre .tMetaTxt,
	.tMetaInfo .tMetaTxt {
		font-size: 1.2rem;
		line-height: 1.5;
	}

	.marginals p {
		margin-bottom: 1.2rem;
	}

	mark {
	    padding: 0.1rem 0.3rem;
	}

	.beAccentType .accentTypeWord {
		font-size: 14rem;
	    line-height: 0.9;
	    letter-spacing: -0.06em;
	}

	.beAccentType .accentTypeWord:last-child {
		margin-bottom: 0;
	}

	.colTxt p,
	.colTxt a {
		font-size: 1.5rem;
		line-height: 1.5;
	}

	.colTxt a {
		border-bottom: 2px solid #00cac4;
	}

	.colMeta p {
	    font-weight: 800;
	    color: #00cac4;
		font-size: 2.5rem;
	    line-height: 1.05;
	    margin-bottom: 0rem;
	    letter-spacing: -0.05em;
	}

	/* ===================================================================================================
		HELPERS
	====================================================================================================== */

	.beMask::after {
		background-size: contain;
		background-position-y: bottom;
		opacity: 0.2;
	}

	/* ===================================================================================================
		MODULES
	====================================================================================================== */

	/* ================================================
		Main UI
	=================================================== */

	.beMainUi .beIn {
	    padding: 1.6rem 10rem;
	}

	.beMainUi,
	.beMainUi .beIn {
	    height: 87px;
	}

	.beMainUi a.logo {
	    padding-top: 0.6rem;
	}

	.beMainUi svg {
	    max-width: 17.6rem;
	}

	.uiTools {
		height: 5.5rem;
		padding: 0;
		top: 0;
	}

	.tools {
		width: 5.5rem;
		height: 5.5rem;
		line-height: 5rem;
	}

	/* ================================================
		Navs
	=================================================== */

	.beMainNav .beIn {
		padding-top: 14.5rem;
	}

	.beMainNav .uiMainNav,
	.beMainNav .uiSubNav {
	    padding-top: 2rem;
	}

	.beMainNav .uiSubNav {
		margin-top: 8.5rem;
	}

	.menuNames {
	    font-size: 1.1rem;
	    letter-spacing: 1.3px;
	}

	.beMainNav .menuNames {
		margin-bottom: -0.1rem;
	}

	.beMainNav .uiMainNav .menuNames {
		margin-bottom: 0.5rem;
	}

	.beMainNav .uiSubNav li {
	    display: inline;
	}

	.beMainNav .uiSubNav .navSep {
		color: #c9c9c7;
		display: inline-block;
	}

	.beMainNav .uiSubNav li:last-child .navSep {
	  display:none;
	}

	.beMainNav .uiMainNav a,
	.beMainNav .uiSubNav a {
	    font-size: 4rem;
	    line-height: 5.5rem;
	}

	.beMainNav .uiSubNav a {
	    font-size: 2rem;
	    line-height: 2.5;
	}

	span.navDisturber {
		display: block;
	    position: absolute;
	    top: 34.4rem;
	    color: #ffffffa6;
	    z-index: 9999999;
	    left: 0;
	    text-align: center;
	    background-color: #03cac4;
	    border-radius: 50%;
	    width: 6rem;
	    height: 6rem;
	    font-size: 0.8rem;
	    line-height: 1.2;
	    font-weight: 800;
	    padding-top: 2rem;
	    box-shadow: 0 0 0 3px #171717;
	    letter-spacing: 0.8px;
	    text-transform: uppercase;

		background: #002b2a !important; /* Old browsers */
		background: -moz-linear-gradient(-45deg,  rgba(0, 43, 42, 0.95) 0%, rgba(0, 0, 0, 0.95) 50%) !important; /* FF3.6-15 */
		background: -webkit-linear-gradient(-45deg,  rgba(0, 43, 42, 0.95) 0%,rgba(0, 0, 0, 0.95) 50%) !important; /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(135deg,  rgba(0, 43, 42, 0.95) 0%,rgba(0, 0, 0, 0.95) 50%) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002b2ae6', endColorstr='#000000e6',GradientType=1 ) !important; /* IE6-9 fallback on horizontal gradient */
	}

	/* ===================================================================================================
		Stages
	====================================================================================================== */

	.beVideoStage {

	}

	.beStage,
	.beSimpleStage .inOut {
		min-height: 20rem;
	}

	.beStage.beVideoStage {
		height: 61.5rem;
	}

	.beSimpleStage .beStageTxt {
		bottom: 18%;
	}

	.beVideoStage .beAbs {
		bottom: 15rem;
	}

	.beSimpleStage .pageTitle {
		margin-bottom: 1rem;
	}

	.beSimpleStage p {
		margin-top: 0.2rem;
	}

	.beAside {
		position: absolute;
		top: 18rem;
		left: 0;
		background-color: transparent;
	}

	.beAside .beIn {
		position: relative;
	}

	.aside {
	    z-index: 99999999;
	    font-size: 1.2rem;
	    left: 0;
	    width: 100%;
	}

	.asides {
		position: absolute;
	    right: 3rem;
	    -moz-transform: rotate(270deg);
	    -ms-transform: rotate(270deg);
	    -o-transform: rotate(270deg);
	    -webkit-transform: rotate(270deg);
	    font-weight: 700;
	}

	.asideOne {
		color: #c9c9c7;
	}

	.asides a {
		font-size: 1.4rem;
		line-height: 1.4;
	}

	/* ================================
		Helix
	=================================== */

	.beHelix {
	    position: absolute;
	    top: 0;
	    left: 0;
	    opacity: 0.4;
	    display: block;
	}

	/* ===================================================================================================
		All Mods
	====================================================================================================== */
	.modComboSpaceIncrease .beIn {
		padding-top: 9rem !important;
	}
	/* ===================================================================================================
		Specific Mods
	====================================================================================================== */

	/* ================================================
		Accordeon
	=================================================== */

	.beMainSubHead {
		padding: 9rem 0;
	}

	/* ================================================
		Accordeon
	=================================================== */

	.beAcc .accLimiter {
	    padding: 0 20rem;
	}

	.accUi {
		padding: 2.4rem 0;
	}

	.beRichTxt .marginals .accUi {
		padding: 1.2rem 0;
	}

	.accBullet {
		top: -0.1rem;
	}

	.accUi h3 {
		margin-bottom: 0;
	}

	.accOffset {
		height: 2.4rem;
	}

	.beRichTxt .marginals .accOffset {
		height: 0.15rem;
	}

	/* tools tNav */

	.accState {
	    top: 2.4rem;
		height: 2.5rem;
		padding: 0;
	}

	.beRichTxt .marginals .accState {
	    top: 0.8rem;
	}

	.accTools {
	    width: 2.5rem;
	    height: 2.5rem;
	    line-height: 2.5rem;
	}

	/* ================================================
		Rich Text
	=================================================== */

	.beRichTxt .richTxtLimiter {
		padding: 0 20rem;
	}

	.beRichTxt .marginals {
	    padding: 3rem 3.4rem;
	    margin-bottom: 3.4rem;
	}

	.beRichTxt .mainCol {
		margin-bottom: 0;
	}

	.beRichTxt .marginals.marginalsAcc {
	    padding: 2.4rem 3.4rem;
	}

	.beRichTxt .marginals:last-child {
	    margin-bottom: 0;
	}

	.beRichTxt.multiRichTxts .beIn {
		padding-top: 0;
	}

	.beRichTxt.multiRichTxts {
		margin-top: 2.3rem;
	}

	.beRichTxt .marginalsImg img {
	    margin: 0.5rem 0;
	}

	.beRichTxt .marginalsImg h4 {
	    margin-top: 1rem;
	}

	.beRichTxt .metaCol {
	    margin-bottom: 9rem;
	}

	/* ================================================
		Bold Text
	=================================================== */

	.beBoldTxt .boldTxtLimiter {
		padding: 9rem 20rem;
	}

	.beGallery {
		margin-top: 3.4rem;
	}

	/* ================================================
		Accent Type
	=================================================== */

	.accentTypeUnit {
	    padding: 4rem 0;
	}

	.accentTypeUnit:first-child {
	    padding-top: 0;
	}

	.accentTypeUnit:last-child {
	    border-bottom: none;
	    padding-bottom: 0;
	}

	.accentTypeWord {
		display: block;
	}

	/* ================================================
		Gallery
	=================================================== */


	.beGallery .beIn {
	    padding-top: 7rem;
	    padding-bottom: 4rem;
	}

	.beGallery .be4.middles {
	    padding-left: 1rem;
	    padding-right: 1rem;
	}

	.beGallery .beIn {
	    padding-top: 7rem;
	}

	.beGallery .be4.first {
	    padding-left: 0;
	    padding-right: 2rem;
	}

	.beGallery .be4.last {
	    padding-left: 2rem;
	    padding-right: 0;
	}

	.beGallery hr {
	    border: 1px solid #181818;
	    margin: 1.2rem 0 1.1rem 0;
	    display: inline-block;
	    position: relative;
	    top: 0;
	    left: 0;
	    width: 100%;
	}

	/* ================================================
		Cols
	=================================================== */

	.beCols.verticalSpacer .beBgImg {
	    background-size: cover;
	    background-attachment: fixed;
	    padding-top: 0;
	}

	.beCols .cols {
	    background-color: transparent;
	    padding: 0;
	}

	.beCols .colIn {
	    padding: 2.8rem;
	    min-height: 25rem;
	    position: relative;
	}

	.beCols .colTxt {
	    position: absolute;
	    bottom: 0;
	    width: 100%;
	    left: 0;
	    padding: 2.8rem;
	}

	.beCols.verticalSpacer .beIn {
		padding: 30rem 10rem 4rem 10rem;
	}

	.beCols .be6.first {
	    padding-right: 2rem;
	}

	.beCols .be6.middles {
	    padding-left: 2rem;
	}

	.beCols .be4.first {
	    padding-left: 0;
	    padding-right: 2rem;
	}

	.beCols .be4.middles {
	    padding-left: 1rem;
	    padding-right: 1rem;
	}

	.beCols .be4.last {
	    padding-left: 2rem;
	    padding-right: 0;
	}

	.beCols hr {
	    border: 1px solid transparent;
	    margin: 1.2rem 0 1.1rem 0;
	    display: inline-block;
	    position: relative;
	    top: 0;
	    left: 0;
	    width: 100%;
	}

	.colMeta {
	    color: #efefef;
	}

	/* ================================================
		Featured Studies
	=================================================== */

	.beStudy .studyItem {
		margin-bottom: 0;
	}

	.beStudy .be4.first {
	    padding-left: 0;
	    padding-right: 2rem;
	}

	.beStudy .be4.middles {
	    padding-left: 1rem;
	    padding-right: 1rem;
	}

	.beStudy .be4.last {
	    padding-left: 2rem;
	    padding-right: 0;
	}

	.beStudy h3 {
	    margin-bottom: 0;
	}

	.beStudy hr {
	    border: 1px solid #efefef;
	    margin: 1.2rem 0 1.1rem 0;
	    display: inline-block;
	    position: relative;
	    top: 0;
	    left: 0;
	    width: 100%;
	}

	.beStudy .featStudyCaptionIn {
	    padding: 3rem 3rem 1rem 3rem;
	}

	/* ================================================
		Share Page
	=================================================== */

	.beSharePage {
	    background-color: #efefef;
	}

	.beSharePage .line {
	    border: none;
	    height: .1rem;
	    width: 100%;
	    position: relative;
	    top: 2rem;
	    z-index: 1;
	    background-color: #181818;
	}

	.beSharePage ul {
	    padding: 0 2rem 0 0;
	    background-color: #efefef;
	}

	.beSharePage li {
		margin-right: 1.5rem;
	}

	.beSharePage li:last-child {
		margin-right: 0;
	}

	.icoOut {
	    width: 35px;
	    height: 35px;
	}

	/* ================================================
		Bar Charts
	=================================================== */

	.beBarCharts .beIn {
		padding: 9rem 10rem;
	}

	/* ================================================
		Footer
	=================================================== */

	.beFooterNav .beIn {
		padding: 6rem 10rem
	}

	.uiFooterNav {
		float: right;
	}

	.uiFooterNav li {
		display: inline;
		text-align: inherit;
	}

	.uiFooterNav {
		float: right;
	}

	.uiFooterNav li a {
		padding: 3rem;
		display: inline;
	}

	/* ================================================
		Bar Charts
	=================================================== */

	/* ================================================
		Radar Charts
	=================================================== */

	.beRadarCharts .be4 {
	    padding-left: 1rem;
	    padding-right: 1rem;
	    margin-bottom: 3rem;
	}

	.beRadarCharts .be4.first {
	    padding-left: 0;
	    padding-right: 2rem;
	}

	.beRadarCharts .be4.last {
	    padding-left: 2rem;
	    padding-right: 0;
	}

	.beRadarCharts .periodicsOut {
	    height: 60rem;
	}

	.beRadarCharts .chartOut {
	    padding: 3rem;
	    border: 4px solid #efefef;
	}

	.chartHead {
	    margin-bottom: 14rem;
	}

	.chartHead h4 {
	    font-size: 3rem;
	    letter-spacing: -2px;
	    line-height: 1;
	}

	.chartHead p {
	    letter-spacing: 2px;
	}

	.chartMeta p {
	    letter-spacing: 2px;
	    font-size: 1rem;
	    line-height: 1.2;
	    text-align: right;
	}

	.chartHead p,
	.chartMeta p {
	    font-size: 1rem;
	    line-height: 1.2;
	}

	.chartMeta {
	    top: 3rem;
	    right: 3rem;
	}

	.chartBody {
	    bottom: 3rem;
	    left: 0;
	    padding: 0 3rem;
	}

	.chartBody h5 {
	    font-size: 1rem;
	    letter-spacing: 2px;
	    text-align: right;
	}

	.chartBody ul li {
	    text-align: right;
	    font-size: 1.2rem;
	}

	.chartBody .infos {
		margin-bottom: 4.5rem;
	}

	.chartMeta .ecoIco {
	    width: 2.8rem;
	    right: 0rem;
	    margin-top: 1rem;
	}

	.chartOver {
	    height: 93%;
	    width: 90%;
	    top: 3.5%;
	    left: 5%;
	}

	.chartOver,
	 .chartOverBody {
		padding: 3rem;
	}

	.chartOverHead h3 {
		font-size: 1.7rem;
	}

	.chartOverBody {
		bottom: 0;
		left: 0;
		width: 100%;
	}

	.chartOverBody h4 {
	    font-size: 1rem;
	    letter-spacing: 2px;
	    margin-top: 3rem;
	    margin-bottom: 1rem;
	}

	.chartOverBody p,
	.chartOverBody ul li {
	    font-size: 1.3rem;
	}

	.chartOverBody ul li {
	    margin-left: 1.5rem;
	}

	/* ================================================
		Filter UI
	=================================================== */

	.beFilterUi .beIn {
		padding: 9rem 10rem;
	}

	.beFilterUi .fTrigger:hover {
		cursor: pointer;
	}

	.beFilterUi .fTrigger {
	    margin: 0.75rem 1.5rem 0.75rem 0;
	    padding: 2.8rem 5.5rem;
		min-width: 17.9rem;
	}

	span.fTriggerTxt {
	    font-size: 1rem;
	    letter-spacing: 1.3px;
	}

	.beFilterUi .fltrTotalNum {
	    top: -0.4rem;
	    margin-left: 0.3rem;
	    font-size: 0.8rem;
	}

	/* Items */

	hr.rowDivider {
	    border: 0.1px solid #efefef;
	    margin: 0;
	    display: inline-block;
	    position: relative;
	    top: 0;
	    left: 0;
	    width: 100%;
	}

	/* ================================================
		More
	=================================================== */

	/* ================================================
		Archives
	=================================================== */

	.beArchives .beIn {
		padding: 9rem 10rem;
	}

	/* ================================================
		Teaser Flex
	=================================================== */

	.tFlex {
		width: 50%;
		margin-bottom: 6rem;
	}

	.tFlex.fOdd {
		padding-left: 3rem;
	}

	.tFlex.fEven {
		padding-right: 3rem;
	}

	.tFlex:last-child {
		margin-bottom: 0;
	}

	.tMedia {
	    max-width: 100%;
	}

	.tFlex .ratioBox img {
	    transform: scale(1.15);
	}

	.fxWrap {
	    bottom: 0;
		left: 0;
	}

	.fxWrap.fx {
		transform:scale(1);
	}

	.tUI {
	    padding: 2.5rem 3.5rem 1.2rem 3.5rem;
	}

	.tMetaTitle {
	    margin-bottom: 13rem;
	}

	.tMeta.tMetaGenre {
	    padding: 0.9rem 0 0 0;
	}

	.tMetaInfos .tMetaInfo {
	    margin: -1rem 2rem 0 -1rem;
	}

	.tMetaInfo .tMetaTxt {
	    top: -12px;
	    left: -5px;
	}

	.tMetaIco.tMetaIcoRead {
	    top: 0.1rem;
	}

	/* ================================================
		Author
	=================================================== */

	.beAuthor .tUI h3 {
	    margin-bottom: 0rem;
	}

	.beAuthor .tMetaTitle {
	    margin-bottom: 11rem;
	}

	.beAuthor .tMetaQuote {
		position: absolute;
	    top: 20%;
	    left: 1.5rem;
	    width: 60%;
	    z-index: 100;
	    padding-left: 9rem;
	}

	.beAuthor .tMetaQuote p {
	    font-size: 4rem;
	    line-height: 1.15;
	}

	.beAuthor .tMedia {
		position: relative;
	    max-width: 55%;
	    left: 45%;
	}

	.beAuthor .tUI {
	    bottom: 15%;
	    top: auto;
	    left: 67%;
	    width: 40%;
	    padding: 2.5rem 3.5rem 1.2rem 3.5rem;
	}

	/* ================================================
		BG Image And Text
	=================================================== */

	.beBgImageTxt .beIn,
	.beBgImageTxt .beBgImg {
	    min-height: 90rem;
	}

	.beBgImageTxt .beBgImg {
		background-size:cover;
	}

	.beBgImageTxt .beAbs {
	    bottom: 20rem;
	    padding: 0 10rem;
	}

	.beBgImageTxt h2 {
	    font-size: 10rem;
	}
	
	/* ================================================
		Downloads
	=================================================== */
	
	.beDownloads .be4 {
		padding-left: 1rem;
		padding-right: 1rem;
		margin-bottom: 0;
	}
	
	.beDownloads .be4:first-child {
		padding-left: 0;
		padding-right: 2rem;
	}
	
	.beDownloads .be4:last-child {
		padding-left: 2rem;
		padding-right: 0;
	}
	
	.beDownloads p {
		margin-top: 3rem;
	}
	
	/* ================================================
	   Comparison
	=================================================== */
	
	.beComparison .beIn {
		padding-top: 7rem;
		padding-bottom: 7rem;
	}
	
	.beComparison h3 {
		font-size: 5rem;
		font-size: 8rem;
		line-height: 1;
		letter-spacing: -0.05em;
	}
	
	.beComparison .conmparisonDesciption {
		margin-bottom: 8rem;
	}
	
	.beComparison .conmparisonDesciption p {
		color: #00cac4;
		font-size: 2.5rem;
	}
	
	.beComparison .comparisonLine {
		border-top: 1px solid #00cac41f;
	}
	
	.beComparison .comparisonTable .be12:last-child .comparisonLine {
		border-bottom: 1px solid #00cac41f;
	}
	
	.beComparison .comparisonLine p,
	.beComparison .comparisonLine .icon {
		padding: 2rem 0;
		display: block;
	}
	
	.beComparison .comparisonLine .icon {
		font-size: 1.8rem;
	}
	
	.comparisonHead .be6:first-child,
	.comparisonLine .be6:first-child {
		padding-right: 2rem;
	}
	
	.comparisonHead .be6:last-child,
	.comparisonLine .be6:last-child {
		padding-left: 2rem;
	}
	
	.deskLabel {
		display: block;
	}
	
	.mobileLabel {
		display: none;
	}
	
	.beComparison h4 {
		font-size: 1rem;
		letter-spacing: 1.3px;
		text-align: right;
		margin-right: 2rem;
	}
	
	.beComparison h5 {
		font-size: 2.5rem;
		margin-bottom: 2rem;
		text-transform: uppercase;
		letter-spacing: 6px;
	}

	/* ================================================
		Lightbox
	=================================================== */

	/* ================================================
		Page Specifics
	=================================================== */

	.page-id-800 .beCols .colIn {
		min-height: 45rem;
	}

}

@media screen and (min-width: 1400px){

	/* ================================================
		BG Image And Text
	=================================================== */

	.beBgImageTxt .beBgImg {
		background-size:cover;
		background-attachment:fixed;
	}

	.beMainNav .uiMainNav a,
	.beMainNav .uiSubNav a {
	    font-size: 6rem;
	    line-height: 7.5rem;
	}

	.beMainNav .uiSubNav a {
	    font-size: 2rem;
	    line-height: 2.5;
	}

}

@media screen and (min-width: 1475px){

	.beStage.beVideoStage {
	    height: 83rem;
	}

	h1 {
	    font-size: 10rem;
	    line-height: 1.05;
	    margin-bottom: 1.8rem;
	}

}

@media screen and (min-width: 1800px){

	h1 {
		font-size: 13rem;
		line-height: 1.05;
		margin-bottom: 1.8rem;
	}

}