@charset "UTF-8";
/* CSS Document */

body {
/*	font-family:Applied Sans W01 Regular, Arial, sans-serif;
	font-weight:400;   */
	font-family:Applied Sans W01 Cond Black, Arial, sans-serif;
	font-weight:700;
	color:#000}
strong {
	font-family:Applied Sans W01 Cond Black, Arial, sans-serif;
	font-weight:700}
a:active, a:focus, a:hover {
	outline:0}
.content-text__container h1, .customtext__content h1, .journal-item__description h1, .page__headline, .team__partner-title {
/*	font-family:Applied Sans W01 Condensed Bol, Arial, sans-serif;  */
	font-family:Applied Sans W01 Cond Black, Arial, sans-serif;
	line-height:.95;
	font-size:2.375rem;
	margin-bottom:20px}
@media (min-width:37.5em) {
	.content-text__container h1, .customtext__content h1, .journal-item__description h1, .page__headline, .team__partner-title {
	font-size:4.375rem}
}
@media (min-width:56.25em) {
	.content-text__container h1, .customtext__content h1, .journal-item__description h1, .page__headline, .team__partner-title {
	font-size:6.25rem;
	margin-bottom:40px}
}



.content-lead__container {
/*	font-family:Applied Sans W01 Condensed Bol, Arial, sans-serif;  */
	font-family:Applied Sans W01 Cond Black, Arial, sans-serif;
	font-size:1.5rem;
	line-height:1.625rem}
@media (min-width:37.5em) {
	.content-lead__container {
	font-size:2rem;
	line-height:2.25rem}
}
@media (min-width:56.25em) {
	.content-lead__container {
	font-size:2.625rem;
	line-height:2.75rem}
}



.content-text__container h2, .content-text__container h3, .content-text__container h4, .content-text__container h5, .customtext__content h2, .customtext__content h3, .customtext__content h4, .customtext__content h5, .journal-item__description h2, .journal-item__description h3, .journal-item__description h4, .journal-item__description h5, .partners__title {
	font-family:Applied Sans W01 Cond Black, Arial, sans-serif;
	font-size:1rem;
	margin-bottom:1.25rem}
.content-text__container p+h2, .content-text__container p+h3, .content-text__container p+h4, .content-text__container p+h5, .customtext__content p+h2, .customtext__content p+h3, .customtext__content p+h4, .customtext__content p+h5, .journal-item__description p+h2, .journal-item__description p+h3, .journal-item__description p+h4, .journal-item__description p+h5, p+.partners__title {
	margin-top:5rem}
@media (min-width:37.5em) {
	.content-text__container h2, .content-text__container h3, .content-text__container h4, .content-text__container h5, .customtext__content h2, .customtext__content h3, .customtext__content h4, .customtext__content h5, .journal-item__description h2, .journal-item__description h3, .journal-item__description h4, .journal-item__description h5, .partners__title {
	font-size:1.25rem}
}
@media (min-width:56.25em) {
	.content-text__container h2, .content-text__container h3, .content-text__container h4, .content-text__container h5, .customtext__content h2, .customtext__content h3, .customtext__content h4, .customtext__content h5, .journal-item__description h2, .journal-item__description h3, .journal-item__description h4, .journal-item__description h5, .partners__title {
	font-size:1.5rem;
	margin-bottom:5rem}
}


html {
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	-moz-osx-font-smoothing:grayscale;
	-webkit-font-smoothing:antialiased;
	text-rendering:optimizeLegibility}
body {
	margin:0}
*, :after, :before {
	-webkit-box-sizing:inherit;
	box-sizing:inherit}
a {
	text-decoration:none;
	color:inherit}
a:focus, button:focus {
	outline-color:transparent}
img {
	max-width:100%;
	border:0}
ol, ul {
	padding:0;
	margin:0;
	list-style:none}
h1, h2, h3, h4, h5, h6 {
	margin:0;
	font:inherit}
p {
	margin:0}
fieldset {
	margin:0;
	padding:0;
	border:0}
table {
	border-spacing:0}



.content-images--hero html.object-fit .content-images__image, .content-images--mosaic html.object-fit .content-images__image, .content-images--three-reversed html.object-fit .content-images__image, .content-images--three html.object-fit .content-images__image, .projectpreview--hero html.object-fit .content-images__image, html.object-fit .background__image, html.object-fit .barkgallery__item-image, html.object-fit .barkteaser__background-image, html.object-fit .barkteaser__cover-image, html.object-fit .barkteaser__foreground-image, html.object-fit .content-images--hero .content-images__image, html.object-fit .content-images--mosaic .content-images__image, html.object-fit .content-images--three-reversed .content-images__image, html.object-fit .content-images--three .content-images__image, html.object-fit .employee__image, html.object-fit .imageslider__image, html.object-fit .projectpreview--hero .content-images__image, html.object-fit .projectpreview__image, html.object-fit .teaserbox__image {
	-o-object-fit:cover;
	object-fit:cover;
	height:100%;
	width:100%;
	top:0;
	left:0;
	-webkit-transform:none;
	-ms-transform:none;
	transform:none}
.bark__footer, .barkshop, .barkteaser, .columnlist, .content-images, .content-lead, .content-text, .employees, .imagelist, .page__header, .partners, .project__footer, .projectgallery, .projectpreview, .team__partner-title {
	margin-bottom:6.25rem}
@media (min-width:37.5em) {
	.bark__footer, .barkshop, .barkteaser, .columnlist, .content-images, .content-lead, .content-text, .employees, .imagelist, .page__header, .partners, .project__footer, .projectgallery, .projectpreview, .team__partner-title {
	margin-bottom:0rem}
}
@media (min-width:56.25em) {
	.bark__footer, .barkshop, .barkteaser, .columnlist, .content-images, .content-lead, .content-text, .employees, .imagelist, .page__header, .partners, .project__footer, .projectgallery, .projectpreview, .team__partner-title {
	margin-bottom:0rem;}
}

/*  */
.bark__footer, .barkshop, .centeredtext__content, .columnlist, .container, .content-images--one, .content-images--three, .content-images--three-reversed, .content-images--two, .content-lead, .content-text, .footer__container, .imagelist, .newsletter__container, .page__header, .partners, .project__footer, .projectgallery, .projectpreview--one, .projectpreview--three, .projectpreview--two, .team {
	max-width:90rem;
	margin-left:auto;
	margin-right:auto;
	width:100%;
	position:relative;
	padding:0 1.25rem;
	padding-left:max(20px, env(safe-area-inset-left));
	padding-right:max(20px, env(safe-area-inset-right))}
.bark__footer:after, .barkshop:after, .centeredtext__content:after, .columnlist:after, .container:after, .content-images--one:after, .content-images--three-reversed:after, .content-images--three:after, .content-images--two:after, .content-lead:after, .content-text:after, .footer__container:after, .imagelist:after, .newsletter__container:after, .page__header:after, .partners:after, .project__footer:after, .projectgallery:after, .projectpreview--one:after, .projectpreview--three:after, .projectpreview--two:after, .team:after {
	content:" ";
	display:block;
	clear:both}
@media (min-width:56.25em) {
	.bark__footer, .barkshop, .centeredtext__content, .columnlist, .container, .content-images--one, .content-images--three, .content-images--three-reversed, .content-images--two, .content-lead, .content-text, .footer__container, .imagelist, .newsletter__container, .page__header, .partners, .project__footer, .projectgallery, .projectpreview--one, .projectpreview--three, .projectpreview--two, .team {
	padding:0 2.5rem}
}

.main-wrapper {
	min-height:100vh;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-direction:column;
	flex-direction:column;

	overflow:hidden;
/*	background-color:#262626}  */
	background-color:#FFF}
.content-wrapper {
	position:relative;
	-ms-flex:1 1;
	flex:1 1;
	-ms-flex-preferred-size:auto;
	margin-top:24vw}
@media (min-width:37.5em) {
	.content-wrapper {
	margin-top:11.25rem}
}
@media (min-width:56.25em) {
	.content-wrapper {
	margin-top:15rem}
}
.content-wrapper--wot {
	margin-top:26vw}
@media (min-width:37.5em) {
	.content-wrapper--wot {
	margin-top:17.5rem}
}
@media (min-width:56.25em) {
	.content-wrapper--wot {
	margin-top:21.25rem}
}
.footer, .header {
	-ms-flex-negative:0;
	flex-shrink:0}
.opening-hours {
	min-width:110px;
	max-width:160px;
	margin:0 auto}
.opening-hours td:not(:first-of-type) {
	width:1%;
	white-space:nowrap}
.footer {
	background-color:#f2f2f2;
	background-color:#FFF;
	font-size:0;
	position:relative}
.footer__container {
	padding-top:8.75rem;
	padding-bottom:8.75rem}
@media (min-width:56.25em) {
	.footer__content {
	width:100%;
	float:left;
	margin-left:0;
	margin-right:0;
	margin:10vw 0}
}
@media (min-width:80em) {
	.footer__content {
	margin:16vw 0}
}
.footer__address, .footer__agency-claim, .footer__agency-name, .footer__contact {
	font-family:Applied Sans W01 Black, Arial, sans-serif;
	font-size:.875rem}
@media (min-width:37.5em) {
	.footer__address, .footer__agency-claim, .footer__agency-name, .footer__contact {
	font-size:1.125rem}
}
@media (min-width:56.25em) {
	.footer__address, .footer__agency-claim, .footer__agency-name, .footer__contact {
	font-size:1.25rem}
}
.footer__agency {
	width:100%;
	float:left;
	margin-left:0;
	margin-right:0;
	margin-bottom:3.75rem}
@media (min-width:80em) {
	.footer__agency {
	width:32.02614%;
	float:left;
	margin-right:1.96078%;
	margin-bottom:0}
}
.footer__agency-name {
	width:32.02614%;
	float:left;
	margin-right:1.96078%}
@media (min-width:80em) {
	.footer__agency-name {
	width:auto;
	margin-right:3.125rem;
	margin-bottom:0;
	float:left}
}
.footer__agency-claim {
	width:49.01961%;
	float:right;
	margin-right:0}
@media (min-width:56.25em) {
	.footer__agency-claim {
	width:66.01307%;
	float:right;
	margin-right:0}
}
@media (min-width:80em) {
	.footer__agency-claim {
	width:auto;
	margin-bottom:0;
	float:left}
}
.footer__group {
	width:49.01961%;
	float:right;
	margin-right:0}
@media (min-width:56.25em) {
	.footer__group {
	width:66.01307%;
	float:right;
	margin-right:0}
}
@media (min-width:80em) {
	.footer__group {
	float:right;
	width:auto;
	max-width:57.51634%;
	white-space:nowrap}
}
.footer__address, .footer__claim, .footer__contact, .footer__nav {
	width:100%;
	float:left;
	margin-left:0;
	margin-right:0}
@media (min-width:80em) {
	.footer__address, .footer__claim, .footer__contact, .footer__nav {
	width:auto;
	float:left;
	display:inline-block}
.footer__address:not(:first-child), .footer__claim:not(:first-child), .footer__contact:not(:first-child), .footer__nav:not(:first-child) {
	margin-left:3.75rem}
}
.footer__address {
	margin-bottom:1.25rem}
@media (min-width:80em) {
	.footer__address {
	margin-bottom:0}
}
.footer__contact {
	margin-bottom:3.75rem}




.tbslogo {
	position:fixed;
	left:50%;
	top:1.25rem;
	-webkit-transform:translateX(-50%);
	-ms-transform:translateX(-50%);
	transform:translateX(-50%);
	overflow-x:hidden;
	overflow-y:hidden;
	z-index:10;
	pointer-events:auto;
	width:14.8125rem;
	height:6rem;
	max-width:36vw;
	max-height:14.58228vw;
	-webkit-transition:top .3s cubic-bezier(.075, .82, .165, 1);
	-o-transition:top cubic-bezier(.075, .82, .165, 1) .3s;
	transition:top .3s cubic-bezier(.075, .82, .165, 1)}
.tbslogo svg {
	-webkit-transform:translateZ(0);
	transform:translateZ(0);
	width:100%}
.cms-toolbar-expanded .tbslogo {
	top:4.3125rem}
@media (min-width:37.5em) {
	.tbslogo {
	top:2.1875rem}
.cms-toolbar-expanded .tbslogo {
	top:5.25rem}
}
@media (min-width:56.25em) {
	.tbslogo {
	top:3.125rem}
.cms-toolbar-expanded .tbslogo {
	top:6.1875rem}
}
.tbslogo--black path {
	fill:#000}
.tbslogo--white path {
	fill:#fff}
.panel {
	position:relative;
	width:100%}
.panel--fulscreen {
	height:100vw}
@media (min-width:56.25em) {
	.panel--fulscreen {
	height:100vh}
}
.footer__clip, .panel__clip {
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	clip:rect(auto, auto, auto, auto);
	-webkit-clip-path:inset(0 0 0 0);
	clip-path:inset(0 0 0 0);
	pointer-events:none;
	z-index:10}
.panel__container {
	display:block;
	height:100%;
	width:100%;
	z-index:1}




@media only screen and (max-width:56.24em) {
    .onlydesktop {
        display: none !important;
    }

}

@media only screen and (min-width:56.25em) {
    .onlymobile {
        display: none !important;
    }

}


.video {
	display:inline-block;
	width:100%;
	overflow:hidden;
	padding-bottom:62.5%;
	position:relative}
.panel .video {
	padding:0}
.panel .video, .video__item-container {
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0}
.video__item {
	position:relative;
	width:100%}
.video__item--embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%}


/* TBS Video  */
.video__item {
	width:100%;
	float:left;
	margin-left:0;
	margin-right:0}
@media (min-width:37.5em) {
	.video__item {
	width:80%;
	float:left;
	margin-right:10%;
	margin-left:10%;
	margin-bottom: 2em}
}
@media (min-width:56.25em) {
	.video__item {
	width:80%;
	float:left;
	margin-right:10%;

	margin-left:10%;
	margin-bottom: 2em}
}
/* END – TBS Video  */




/* TBS Formular */
.formular__container {
	width:90%;
	float:left;
	margin-left:5%;
	margin-right:5%;
/*	font-family:Applied Sans W01 Condensed Bol, Arial, sans-serif;  */
	font-family:Applied Sans W01 Cond Black, Arial, sans-serif;
	font-size:1.5rem;
	line-height:1.625rem}
@media (min-width:37.5em) {
	.formular__container {
	width:80%;
	float:left;
	margin-right:10%;
	margin-left:10%;
	font-size:2rem;
	line-height:2.25rem}
}
@media (min-width:56.25em) {
	.formular__container {
	width:80%;
	float:left;
	margin-right:10%;
	margin-left:10%;
	font-size:2.625rem;
	line-height:2.75rem}
}



.form{ width: 100%; background-color: #FFF; color: #333333; border: 1px double; border-color: #FFF #FFF #000 #FFF; padding: 0 0 4px; height: 50px; font-family:Applied Sans W01 Cond Black, Arial, sans-serif; font-weight:700; color: #5058FF; font-size: 1.5rem;
	-webkit-appearance: none;
} 
.form_schmal { width: 50%;}
.button{ color: #5058FF; border:0px double; letter-spacing:0.05em; background-color: #FFF}


input[type="submit"] {
    font-size: 16px; 
	font-size: 1.5rem;
    padding: 8px 0px 8px 8px;
	font-family:Applied Sans W01 Cond Black, Arial, sans-serif; font-weight:700;
    outline: none;
	text-transform: uppercase;
	font-style: italic;
	letter-spacing: 0.2em;
	
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none; 
	/*added no border rounding*/
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	
}



div.element div.label{
	float:left;
	padding:8px 0 2px 0;
	width:100%;
}

.floatingElements {
	height: 19px;
}

.floatingElements div.element {
	float: left;
	clear: none;
	width: 20%;

}

.floatingElements div.element div.label {
	float: left;
	width:auto;
	line-height: 19px;
}

.floatingElements div.element div.field input {
	width:auto;
}

div.element{
	clear:both;
	margin-bottom:5px;
}




@media (min-width:37.5em) {
	div.element div.label{
	float:left;
	width:30%;
	}

	.form{ width: 70%; font-size: 2.25rem }
	.form_schmal { width: 34%;}
	
	input[type="submit"] {
	font-size: 2.25rem;
	}
}
@media (min-width:56.25em) {
	.form{ width: 70%; font-size: 2.625rem }
	.form_schmal { width: 34%;}
	
	input[type="submit"] {
	font-size: 2.625rem;
	}
}




/* END – TBS Formular */