/*
Theme Name: Warburg-Haus UP
Theme URI: 
Author: MeCreative
Author URI: www.mecreative.de
Description: Dieses Theme benötigt ACF Pro.
Version: 1.2
License: 
License URI: 
Tags:  
Text Domain: wbh-theme
*/

/*==================================================================
 *	FONTS
 *==================================================================*/

/**
 * @license
 * MyFonts Webfont Build ID 3200017, 2016-04-07T05:19:21-0400
 * 
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are 
 * explicitly restricted from using the Licensed Webfonts(s).
 * 
 * You may obtain a valid license at the URLs below.
 * 
 * Webfont: CallunaSans-Italic by exljbris
 * URL: http://www.myfonts.com/fonts/exljbris/calluna-sans/italic/
 * Copyright: Copyright (c) 2010 by Jos Buivenga. All rights reserved.
 * Licensed pageviews: 500,000
 * 
 * Webfont: CallunaSans-Bold by exljbris
 * URL: http://www.myfonts.com/fonts/exljbris/calluna-sans/bold/
 * Copyright: Copyright (c) 2010 by Jos Buivenga. All rights reserved.
 * Licensed pageviews: 500,000
 * 
 * Webfont: CallunaSans-Regular by exljbris
 * URL: http://www.myfonts.com/fonts/exljbris/calluna-sans/regular/
 * Copyright: Copyright (c) 2010 by Jos Buivenga. All rights reserved.
 * Licensed pageviews: Unlimited
 * 
 * Webfont: BrandonGrotesqueWeb-Light by HVD Fonts
 * URL: http://www.myfonts.com/fonts/hvdfonts/brandon-grotesque/light/
 * Copyright: Copyright (c) 2015 by Hannes von Doehren. All rights reserved.
 * Licensed pageviews: 10,000
 * 
 * Webfont: BrandonGrotesqueWeb-Bold by HVD Fonts
 * URL: http://www.myfonts.com/fonts/hvdfonts/brandon-grotesque/bold/
 * Copyright: Copyright (c) 2015 by Hannes von Doehren. All rights reserved.
 * Licensed pageviews: 10,000
 * 
 * 
 * License: http://www.myfonts.com/viewlicense?type=web&buildid=3200017
 * 
 * © 2016 MyFonts Inc
*/


/* @import must be at top of file, otherwise CSS will not work */
@import url("//hello.myfonts.net/count/30d411");

  
@font-face {font-family: 'CallunaSans-Italic';src: url('fonts/30D411_0_0.eot');src: url('fonts/30D411_0_0.eot?#iefix') format('embedded-opentype'),url('fonts/30D411_0_0.woff2') format('woff2'),url('fonts/30D411_0_0.woff') format('woff'),url('fonts/30D411_0_0.ttf') format('truetype');}
 
  
@font-face {font-family: 'CallunaSans-Bold';src: url('fonts/30D411_1_0.eot');src: url('fonts/30D411_1_0.eot?#iefix') format('embedded-opentype'),url('fonts/30D411_1_0.woff2') format('woff2'),url('fonts/30D411_1_0.woff') format('woff'),url('fonts/30D411_1_0.ttf') format('truetype');}
 
  
@font-face {font-family: 'CallunaSans-Regular';src: url('fonts/30D411_2_0.eot');src: url('fonts/30D411_2_0.eot?#iefix') format('embedded-opentype'),url('fonts/30D411_2_0.woff2') format('woff2'),url('fonts/30D411_2_0.woff') format('woff'),url('fonts/30D411_2_0.ttf') format('truetype');}
 
  
@font-face {font-family: 'BrandonGrotesqueWeb-Light';src: url('fonts/30D411_3_0.eot');src: url('fonts/30D411_3_0.eot?#iefix') format('embedded-opentype'),url('fonts/30D411_3_0.woff2') format('woff2'),url('fonts/30D411_3_0.woff') format('woff'),url('fonts/30D411_3_0.ttf') format('truetype');}
 
  
@font-face {font-family: 'BrandonGrotesqueWeb-Bold';src: url('fonts/30D411_4_0.eot');src: url('fonts/30D411_4_0.eot?#iefix') format('embedded-opentype'),url('fonts/30D411_4_0.woff2') format('woff2'),url('fonts/30D411_4_0.woff') format('woff'),url('fonts/30D411_4_0.ttf') format('truetype');}
 

@font-face {
	font-family: 'icons'; 
	src: url('fonts/icomoon.eot?bpk2ec#iefix') format('embedded-opentype'), 
			 url('fonts/icomoon.woff?bpk2ec') format('woff'), 
			 url('fonts/icomoon.ttf?bpk2ec') format('truetype'), 
			 url('fonts/icomoon.svg?bpk2ec#icomoon') format('svg'); 
			 font-weight: normal; 
			 font-style: normal; 
}

/*==================================================================
 *	TYPO
 *==================================================================*/

body {
	font-family:'CallunaSans-Regular', sans-serif;
	height:100%; 
	min-height:100%; 
	position:relative;
	background:#E1E2DB;
	overflow-x:hidden;
}


h1,h2,h4,h6,
.button, .bb, .timespan, .figure
{font-family:'BrandonGrotesqueWeb-Bold',sans-serif;font-weight:normal;letter-spacing:0.05em}

.bl, h1.title, h3 
{font-family:'BrandonGrotesqueWeb-Light',sans-serif;font-weight:normal;letter-spacing:0.05em}

h5, 
.large-copy, .button.open-excurse 
{font-family:'CallunaSans-Regular', sans-serif;font-size:16px;line-height:1.3;}

strong, b {font-family: 'CallunaSans-Bold'; font-weight:normal !important }
em, i {font-family: 'CallunaSans-Italic';font-style:normal }

h1 {font-size:24px;line-height:1.1;text-transform:uppercase;}
h1.title {font-size:24px;letter-spacing:0.11em;margin-bottom:2.8125rem;padding-top:0.1em;}
h2 {font-size:18px;line-height:1.2;text-transform:uppercase;}
h3 {font-size:18px;line-height:1.2;text-transform:uppercase;letter-spacing:0.15em}
h4, .timespan {font-size:18px;text-transform:uppercase;}
h5 {margin-bottom:1.250rem }
h5.subtitle {margin-top:-10px;}
h6 {font-size:1rem;text-transform:uppercase;color:rgb(104,105,111);line-height:1.2;margin:2.8125rem 0 .9375em}

p {line-height:1.4 !important;margin-bottom:0.9rem;}
p:last-of-type {margin-bottom:0}
p > a {color:rgb(104,105,111);font-family: 'CallunaSans-Italic';}


p,h1,h2,h3,h4,h5,h6,a,button {/*filter: url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><filter id="gaussian_blur"><feGaussianBlur in="SourceGraphic" stdDeviation="0" /></filter></defs></svg>#gaussian_blur');*/}
h1,h2, p {/*-ms-word-break: break-all; word-break: break-all;*/ -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; }

/*==================================================================
 *	ICONS
 *==================================================================*/
	
.big-icon {font-size:45px;line-height:45px;font-family:'icons';display:block;width:45px;height:45px}
.big-icon.atright {position:absolute;right:0;top:0; }
.big-icon:after {display:block;;width:45px;height:45px }
.big-icon.down:after {content:"\e903";}

.explore:before {content:"\e903";font-size:45px;line-height:45px;font-family:'icons';display:block;width:45px;height:45px;position:absolute;left:-2px;top:-7px;}

/*==================================================================
 *	UTILITY
 *==================================================================*/

.upper {text-transform:uppercase}
.caption {font-size:14px}
.small {font-size:12px}

.list-header {color:#000;border-top:1px solid #000;padding-top:5px;margin-top:0}

/*== DATES ======================================================*/

.timespan {color:#D62E5B;padding:0 0 1.875rem;position:relative;transition: font-size .2s ease-out; -webkit-transition: font-size .2s ease-out }
.timespan > span {position:relative;padding-right:3.75rem;line-height:1.9 }
.timespan > span:after, [data-style="page-style-dark"] .timespan:before {content:" ";display:block;width:0;position:absolute;border-left:1px solid #D62E5B;top:-.9375rem;bottom:-.9375rem;right:1.875rem;-webkit-transform: rotate(45deg);transform: rotate(45deg) }
.grey.timespan > span:after {border-color:rgb(104,105,111);}

/*== EVENT DATES ======================================================*/

.date {text-transform:uppercase;line-height:1.1;position:relative;}
.date span {display:block}

.dash-left {padding-left:1.5em !important;position:relative;display:inline-block;  }
.dash-left:after {content:" ";display:block;width:0;position:absolute;border-left:1px solid #D62E5B;top:-.5rem;bottom:-.5rem;left:0.7em;-webkit-transform: rotate(45deg);transform: rotate(45deg) }
.date.dash-left {padding-left:3.5em !important;}
.date.dash-left:after {border-color:#000;}

.dash-right {padding-right:1.5em !important;position:relative;display:inline-block;  }
.dash-right:after {content:" ";display:block;width:0;position:absolute;border-left:1px solid #D62E5B;top:-.5rem;bottom:-.5rem;right:0.7em;-webkit-transform: rotate(45deg);transform: rotate(45deg) }
.date.dash-right {padding-right:3.5em !important;}
.date.dash-right:after {border-color:#000;}
	
/*== SLASHES	 ======================================================*/
	
.slash-right {padding-left:80px}
.slash-right:after {content:" ";display:block;width:0;border-left:1px solid #000;top:-.5rem;bottom:-.5rem;right:30px;-webkit-transform: rotate(45deg);transform: rotate(45deg) }
.transparent {opacity:0; pointer-events:none}

/*== UI ======================================================*/
  
.button {text-transform:uppercase;font-size:1rem}
.link-list li {margin-bottom:0.3rem }

a.list-link, a.down-link {color:#D62E5B;padding:0 1.5rem 0 .3rem;position:relative;left:1.5rem; }
a.list-link:before, a.list-link:after, a.down-link:before {content:"";display:block;position:absolute;top:0;border-right:1px solid #D62E5B;border-left:1px solid #D62E5B;-webkit-transform:skewX(-45deg);transform:skewX(-45deg);width:7px;height:.75em;   }
a.list-link:before, a.down-link:before {left:-1.2em;top:0.2rem} 
a.list-link:after {right:0;top:auto;bottom:0.2rem } 

a.bb.list-link:before, a.bb.down-link:before {left:-1.2em;top:auto;bottom:0.4rem} 
a.bb.list-link:after {right:0.1rem;top:auto;bottom:0.4rem } 

a.down-link, a.down-link:before {color:#000;border-color:#000}
.event-item a.down-link, .event-item a.down-link:before {color:#D62E5B;border-color:#D62E5B}

a.down-link {position:relative;overflow:hidden;}
a.down-link:after {content:"\e904";font-family:'icons';font-size:45px;display:block;position:absolute;right:-15px;bottom:-22px;pointer-events:none}
a.down-link:hover, a.down-link:hover:before {color:#D62E5B;border-color:#D62E5B}

a.event-link {color:#000;display:block; }
a.event-link:hover, a.event-link:focus {color:#D62E5B;}
a.event-link:hover .dash-right:after, a.event-link:focus .dash-right:after {border-color:#D62E5B}

.journal-link {color:#000;display:block;position:relative;}
.journal-link:hover {color:rgb(104,105,111);}
.journal-link .small-1 {position:relative;}
.journal-link .small-1:after {content:"\e90b";font-family:'icons';font-size:30px;line-height:30px;display:block;position:absolute;left:0;top:0;width:30px;height:30px;margin-left:-.9375rem  } 

a[rel="next"], a[rel="prev"] {display:block;position:relative;width:30px;height:30px;color:#000;}
a[rel="next"]:after, 
a[rel="prev"]:after,
.slick-next:after,
.slick-prev:after
{content:"\e90b";font-family:'icons';font-size:30px;line-height:30px;display:block;position:absolute;left:4px;top:4px;width:30px;height:30px;} 
.slick-prev:after,
a[rel="prev"]:after  {content:"\e907";left:-7px;}

#map-canvas {height:300px;}

/*==================================================================
 *  COLOR
 *==================================================================*/

.key {color:#D62E5B;}
.black {color:#000;}
.white {color:#FFF}
.dark-grey {color:#717075;}
.grey {color:rgb(104,105,111);}
.light-blue {color:#97A7B2;}

.is-white {background:#FFF}

.is-dark-blue {background:#3B4A55; color:#fff; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.is-dark-blue-trans {background:rgba(37,45,59,0.95); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-backface-visibility: hidden; }
.is-medium-blue {background:#687985; color:#fff}
.is-light-blue {background:#E2EDF3}
.is-lightmedium-blue {background:#b6c6d1;}
.is-dark-trans {background:rgba(47,47,54,0.8);}

.is-dark-grey {background:#717075;}
.is-light-grey {background:rgb(202,204,199)}

/*==================================================================
 *  Offcanvas Menu
 *==================================================================*/

.off-canvas-content {box-shadow:none;height:100%;}
.off-canvas.position-left  {position:fixed;top:-80px;bottom:-80px;max-height:none;width:320px;left:-320px;z-index:9990;background:#97A7B2;-webkit-transition: -webkit-transform 0.5s linear;transition: transform 0.5s ease-out;overflow:visible;}
.off-canvas.position-right {position:fixed;top:-80px;bottom:-80px;max-height:none;width:320px;right:-320px;z-index:9990;background:#212F46;-webkit-transition: -webkit-transform 0.5s linear;transition: transform 0.5s ease-out;overflow:visible;}
.off-canvas.position-bottom {overflow:hidden;position:absolute;top:60vh;right:5px;left:30px;padding-bottom:4.6875rem;max-height:none;z-index:9989}

#offCanvasSub {z-index:8889;background:#fff;border-right:1px solid #333;left:-321px; }
#offCanvasIndex {width:100%;left:-100%;margin-left:-8px;z-index:9999;	-webkit-transform: translate3d(0,0,6px);padding-left:8px;}
#offCanvasFilter {background:#212F46;z-index:9997;padding-top:170px }
#offCanvasFilter .filters-wrap {overflow-y:auto;max-height:100vh;padding-bottom:5rem   }
#offCanvasFilter .filters-wrap .menu {overflow-y:visible;}
#offCanvasNews {
	background:rgba(255,255,255,0.9);
	z-index:7789;
	transition: bottom .5s ease-out,
							transform 0.5s ease-out, 
							margin-bottom .5s ease-out 5.5s;
	-webkit-transition: -webkit-transform 0.4s linear,
											bottom .5s ease-out,
											margin-bottom .5s ease-out 5.5s;
	}

.is-open-menu .off-canvas.position-left.menu, 
.is-open-menu #offCanvasSub,
.is-open-submenu #offCanvasSub {
	transform:translateX(320px);
	-webkit-transform: translate3d(320px,0,5px)
}
.is-open-menu.is-open-submenu #offCanvasSub {
	transform:translateX(640px);
	-webkit-transform: translate3d(640px,0,5px)
}
.is-open-index #offCanvasIndex {
	transform:translateX(100%);
	-webkit-transform: translate3d(100%,0,6px);
}

.is-drilldown {height:100% !important}
.is-drilldown-submenu {padding-left:15px;width:290px;-webkit-transition:-webkit-transform 0.5s linear;transition: transform 0.5s ease-out;background:#E1E2DB;}
.is-drilldown-submenu.is-active {z-index:9992}

/*== BUTTONS ======================================================*/
  
.js-drilldown-back {position:absolute;display:block;width:40px;top:0;bottom:0;right:0;cursor:pointer;z-index:9992;}
.js-drilldown-back:before {content:none}
.js-drilldown-back a:after {content:"\e901";font-family:'icons';font-size:30px;line-height:40px;position:absolute;top:50%;right:0px;display:block;width:40px;height:40px;margin-top:-20px;}
.js-drilldown-back a {pointer-events:auto; display:block;width:40px;top:0;bottom:0;position:absolute;padding:0;z-index:9999}
.is-drilldown-submenu-parent > a:after {content:none;}

.toggle-menu, .toggle-menu:focus, .toggle-menu:hover {background:none;padding:0;-webkit-backface-visibility: hidden;}
.toggle-menu {position:fixed;top:50%;display:block;width:36px;height:36px;margin-top:-18px;border:0 !important;z-index:9900 }
.toggle-menu:before {content:" ";position:absolute;display:block;top:0;left:0;right:0;border:13px solid;border-color:transparent;margin:5px 0;}
.toggle-menu:after {color:#fff;content:"\e900";font-family:'icons';font-size:30px;line-height:36px;position:absolute;top:50%;left:-4px;display:block;width:40px;height:36px;margin-top:-18px;-webkit-transition: -webkit-transform .5s linear, color .5s ease-out, background .2s ease-out; transition:  transform .5s ease-out, background .2s ease-out, color .5s ease-out;}
.toggle-menu span {padding:12px 18px;text-align:right;line-height:12px;display:block;width:120px;position:absolute;z-index:-1;background:rgba(0,0,0,0.8);top:50%;left:0px;margin-top:-18px;font-size:17px;letter-spacing:0.05em;-webkit-transition: opacity .3s ease, width .3s ease, -webkit-transform .5s linear;transition: opacity .3s ease, width .3s ease, transform .5s ease}

.toggle-menu.menubutton {top:0;bottom:0;width:30px;background:#97A7B2;margin:0;height:auto;-webkit-backface-visibility:hidden;left:0;-webkit-transition:left 0.45s linear;transition:left 0.45s ease-out;}

.is-open-menu .toggle-menu:after, .is-open-menu.is-open-submenu .toggle-menu:after {color:#FFF !important}
.is-open-submenu .toggle-menu:after {color:transparent !important}


.is-open-menu .toggle-menu.menubutton {left:280px;z-index:9991;background:transparent;-webkit-transform:translateZ(10px); }
.is-open-submenu .toggle-menu.menubutton, .is-open-menu.is-open-submenu .toggle-menu.menubutton {opacity:0;pointer-events:none  }
.is-open-menu .toggle-menu.menubutton:before, .is-open-menu.is-open-submenu .toggle-menu.menubutton:before {border-color:transparent;}
.is-open-menu .toggle-menu.menubutton:after, .is-open-menu.is-open-submenu .toggle-menu.menubutton:after {content: "\e901";}
.is-open-menu .toggle-menu span, .is-open-submenu .toggle-menu span {opacity:0;width:0;overflow:hidden;text-indent:9999em }

.is-open-filter #offCanvasFilter {transform:translateX(-320px);-webkit-transform:translateX(-320px);}
.is-open-filter #service, .is-open-filter #logo {opacity:0}

/*==================================================================
 *  Navigation
 *==================================================================*/

.menu > li > a {padding:.5rem 1rem;line-height:1.3;}
.menu > li a, .imprint {letter-spacing:0.05em;font-family: 'BrandonGrotesqueWeb-Bold',sans-serif;color:#fff;text-transform:uppercase;font-size:16px}
.menu > li a:hover, .menu > li a:focus {color:#D62E5B;outline:none }
.menu > li a.is-active, .menu > li a.is-active-sub {color:#6C7880}
.menu.sub-level a {color:#333;}

.top-level, .is-drilldown-submenu {padding:250px 45px 45px;overflow:visible;position:absolute;width:100%;top:0px;bottom:0;}
  
/*== Service menu ======================================================*/

#service {position:fixed;right:25px;top:19px;width:30px;height:30px;z-index:9999;-webkit-transform:translate3d(0,0,6px); -webkit-transition: right .5s ease-out, top .5s ease-out, opacity .3s linear;transition: right .5s ease-out, top .5s ease-out, opacity .3s linear; }
#service .menu > li a {color:rgba(255,255,255,0.5);font-size:12px;padding:.5rem}
#service .menu > li.active a {color:rgba(0,0,0,0.5);font-size:12px;display:none}
#service .menu > li a:hover {text-decoration:underline; }

.imprint.offCan {position:absolute;bottom:120px;z-index:9999;font-size:12px;color:#333;left:45px;padding:0 1rem;-webkit-transform: translate3d(0,0,6px)} 
.imprint.offCan.gdpr {bottom:100px}
.imprint.extern {display:none;}

/*==================================================================
 *  CONTAINER
 *==================================================================*/

.off-canvas-wrapper {height:100%;overflow-x:initial }  
.content-inner {border-right:8px solid #E1E2DB;border-top:8px solid #E1E2DB;border-bottom:8px solid #E1E2DB; min-height:100vh;height:100%;padding:5.625rem 0 1.875rem 30px;overflow:hidden;position:relative;z-index:1}
.off-canvas-content {background:#fff;}

/*==================================================================
 *  GRID AND POSITION
 *==================================================================*/

.row {max-width: 65rem }
.intro-row {min-height:60px;}
hr {max-width:none;width:150%;border:none;height:1px;background:rgb(151,160,163);margin:2.813em 0 2.813em -50%;position:relative;z-index:-1}
hr.collapse {margin-top:0;margin-bottom:0}
hr.strech {width:300%;border:none;height:1px;background:rgb(151,160,163);margin:2.813em 0 2.813em -100%;position:relative;z-index:-1}
hr.black {background:#000}

.at-bottom-right {position:absolute;left:0;bottom:0;right:0;}
.at-top-right {position:absolute;left:0;top:0;right:0;}
.rel-fullscreen-img .at-bottom-right, .rel-fullscreen-img .at-top-right {position:relative; }

.at-top-bottom-right {position:absolute;top:0;left:0;bottom:0;right:0;}

.logo-intend, .menu-intend {padding-left:0.9375rem;padding-right:0.9375rem;}

/*==================================================================
 *	GENERAL BUILDINGBLOCKS
 *==================================================================*/

/*== MEDIAOBJ ======================================================*/

.media-object-section {display:block;}
.media-object-section:first-child {padding-right:0;}
.media-object-section.caption p {max-width:12.5rem }

#stafflist img, #baselist img {pointer-events:none}
#stafflist .media-object-section .aspect-image-23 {width:100%}
#stafflist .media-object-section .aspect-image-23 img {max-width:100% !important }
#stafflist .media-object-section.at-bottom {padding-bottom:1.35rem}

/*== IMG ======================================================*/

.media-object-section.at-bottom {vertical-align:bottom; }
.media-object-section.at-middle {vertical-align:middle; }

.media-object img {max-width:100%}

.fullscreen-img {position:fixed;left:0px;right:0px;top:0px;bottom:0px;background-position:center;background-repeat:no-repeat;background-size:cover;z-index:1;border:5px solid #E1E2DB;}
.rel-fullscreen-img {margin-top:-22px;position:relative;background-position:center;background-repeat:no-repeat;background-size:0}

figure {position:relative;}
figure {min-width:120px; }
.bordered {border:10px solid #FFF;margin:0;display:block;}
.caption {font-size:0.75em;color:#E1E2DB;position:relative;padding:0.9375rem 1.5625rem;}
/*.caption {font-size:0.75em;color:#E1E2DB;position:relative;left:1.875rem;margin-top:0.9375rem;padding:5px;max-width:220px}*/
.figure {color:rgb(104,105,111);font-size:9px;background:#FFF;display:block;width:12px;height:13px;line-height:1.45;position:absolute;text-align:center;right:0;bottom:-1px }


/*==================================================================
 *	SPECIAL ELEMENTS
 *==================================================================*/
	
/*== LOGO ======================================================*/

#logo {position:fixed;z-index:9999;top:0.9375em;left:55px;width:120px;-webkit-transform:translate3d(0,0,6px);-webkit-transition: all .5s ease, width .5s ease;transition: all .5s ease, width .5s ease;margin:0;padding:0;display:block;box-sizing:border-box;  }
#logo svg {max-width:100%;height:auto;}
#logo #logoSig {fill:#253142;-webkit-transition: fill .5s ease;transition: fill .5s ease}
#logo #logoTxt {opacity:0;-webkit-transition: all .5s ease;transition: all .5s ease }
.is-open-menu #logo #logoTxt .is-open-index #logo #logoTxt, .is-open-menu #logo {width:180px;left:60px;}
.is-open-menu #logo #logoSig, .is-open-index #logo #logoSig {fill:#fff;}

/*== LANDING NEWS ======================================================*/

#offCanvasNews .list-link {margin-left:.625rem;}
#offCanvasNews hr {margin:0 0 0 -.9375rem }
#offCanvasNews .date.dash-left {padding:0 3em 0 0 !important }
#offCanvasNews .date.dash-left.dash-left:after {left:auto;right:.3rem;}

.news-container a {color:black;}
.news-container a h4 {color:#97A7B2;transition: color .3s linear }
.news-container a:hover h4 {color:rgb(104,105,111);}
.news-container .ptb2, #offCanvasNews > .row > .columns > .ptb2 {padding-top:1.5rem;padding-bottom:1.3rem;}

.expand-news {background:none;color:#D62E5B;padding:0.9375rem 0 0.85rem;text-align:left;border:0;position:relative;} 
.expand-news:after {content:"\e903";display:block;position:absolute;width:45px;right:0.9375rem;height:45px;top:50%;font-family:'icons';font-size:45px;margin-top:-21px;color:#000;-webkit-transition: all .15s linear;transition: all .15s linear }

.expand-news:hover,.expand-news:focus:hover, .expand-news:active:hover {background:none;color:rgb(104,105,111);}
.expand-news:focus, .expand-news:active {background:none;color:#D62E5B;}

/*== EVENTS ======================================================*/

#eventlist .is-open-event [data-event-content] { max-height:700px;padding-top:1.875rem;padding-bottom:1.875rem;transition: max-height .15s ease, padding .2s linear; }
#eventlist [data-event-content] {max-height:0;background:white;overflow:hidden;padding-top:0;padding-bottom:0;transition: max-height .2s ease, padding .2s linear;}
#eventlist [data-event-title] {cursor:pointer}

.event-wrap {background:#fff; margin:0.9375rem 0 !important}
[data-event-title] {position:relative;}
[data-event-title]:after {content:"\e903";font-size:45px;line-height:45px;font-family:'icons';display:block;width:45px;height:45px;bottom:1.875rem;right:.9375rem;position:absolute;transition: all .15s linear}
.is-open-event [data-event-title]:after {content:"\e902";-webkit-transform:rotate(180deg);transform:rotate(180deg);}

#eventlist .is-open-event .event-wrap [data-event-content]:first-of-type {border-top:1px solid  }
#eventlist .is-open-event .event-wrap [data-event-content]:last-of-type {padding-bottom:5.625rem}
.event-item {width:100%;}

.filterbutton {position:fixed;top:0;right:0;z-index:9998;background:#212F46;padding-top:1.35em;padding-right:1.5em;border:0;color:#6C7880;min-width:320px;text-align:left;padding-left:1.9375rem }
.filterbutton:hover,.filterbutton:active:hover,.filterbutton:focus:hover {background:#212F46;color:#fff;}
.filterbutton:active,.filterbutton:focus {background:#212F46;color:#6C7880;}
.filterbutton:after {content:"\e907";font-family:'icons';font-size:25px;font-weight:bold;display:block;width:25px;height:25px;position:absolute;bottom:.5rem;right:1.875rem;-webkit-transition: all .15s linear;transition: all .15s linear}
.is-open-filter .filterbutton:after {content:"\e902";-webkit-transform:rotate(180deg);transform:rotate(180deg);}

#offCanvasFilter ul {margin:13px 0 30px;}
#offCanvasFilter ul .button {padding:2px 1.875rem;text-align:left  }
#offCanvasFilter ul .button {font-size:14px;font-family:'CallunaSans-Regular', sans-serif;line-height:1.3;text-transform:none;background:none}
#offCanvasFilter ul .button:hover, #offCanvasFilter ul .button:active {background:none}
#offCanvasFilter h6.list-header {color:#fff;border-top:1px solid #fff;padding-top:5px;margin:0 1.875rem ;}

#offCanvasFilter ul .active .button, #offCanvasFilter ul .button:hover {color:#D62E5B;}
#offCanvasFilter ul .active .button:hover {text-decoration:line-through;}

		
/*== ACCORDION ======================================================*/
	
.accordion, .accordion-title {padding:0;border:none;}
.accordion-title:hover, .accordion-title:focus {background:none}
.accordion-title:focus h1, .accordion-title:focus, .accordion-title:hover h1, .accordion-title:hover {color:rgb(104,105,111);}
.is-active .accordion-title, .is-active > .accordion-title h1, .accordion-title h1, .accordion-title {color:#000;}
.is-active > .accordion-title:before {content:"\e902";-webkit-transform:rotate(180deg);transform:rotate(180deg);bottom:-5.625rem;}

.accordion {margin:0;}

.accordion-item { border-top:1px solid rgb(202,204,199) }
.accordion-title {max-width:65rem;width:91.3333%;font-size:inherit;}
.accordion-title:before {content:"\e903";font-family:'icons';font-size:30px;top:51px;right:0rem;display:block;width:30px;height:30px;transition: all .15s linear;color:rgb(104,105,111);}
.accordion-content {padding:0;border:none;}
.is-active > .accordion-content {overflow:visible !important;}

.accordion-item.preview {border-top:none;border-bottom:1px solid rgb(104,105,111);margin-bottom:-1px;}
.accordion-item.preview .accordion-title h1, .accordion-item.preview .accordion-title h5 {color:rgb(151,160,163);}
.accordion-item.no-accordion a {cursor:default;pointer-events:none; }
.accordion-item.no-accordion a:before {content:"";}
.accordion-teaser {max-height:500px;overflow:hidden;transition:max-height .5s cubic-bezier(0, 1, 0.5, 1) .15s,margin .5s ease; }
.is-active .accordion-teaser {max-height:0;transition:max-height .25s cubic-bezier(0, 1, 0.5, 1), margin .25s ease;margin-bottom:-2.8125rem }

.accordion-content > .row, .accordion-title {padding-left:1.5625rem;padding-right:1.5625rem }

#baselist .media-object-section .aspect-image {width:100%;height:auto;}
#baselist .accordion-title {margin:0;padding-top:2.2rem;padding-bottom:1.875rem}
#baselist .accordion-title:before {top:51px;right:-.9375rem;}
#baselist .timespan {padding-top:4px }
#baselist .accordion-content {padding-bottom:2.8125rem !important;margin:0;}

#stafflist .accordion-item  {padding-bottom:4.6875rem !important;margin:0;}

#baselist .media-object-section.caption {padding:1.5625rem}
#baselist .media-object-section:first-child {padding-left:0 !important;}

.accordion-content, .accordion-teaser  {margin-top:2.8125rem}

/*== SLIDER ======================================================*/
.base-slider img {max-width:100%;height:auto;max-height:500px;}
.slider-imgwrap, .slider-caption {float:left}

.base-slider .slick-slide {position:relative; }
.slider-caption {color:#fff;padding:.9375rem 1.5625rem;font-size:0.75em;min-width:16.875rem;background:#717075}

.slick-arrow {position:absolute;width:45px;height:45px;top:50%;margin-top:-23px;/*bottom:18px*/;z-index:800;background:rgba(47,47,54,0.8) }
.slick-prev {left:0px;}
.slick-next {right:0px;}
.slick-next:after,
.slick-prev:after {left:0;font-weight:normal;font-size:30px;color:white;width:45px;text-align:center;line-height:39px }
.slick-next:after {left:auto;right:0;}
.flex-video-wrap {max-width:1070px;position:relative;}
.flex-video {margin-bottom:0}
  
/*== EXCURS ======================================================*/

.open-excurse {position:relative;z-index:99;background:none;color:#D62E5B;text-transform:none;font-family: 'CallunaSans-Italic' !important;margin-left:-10px;padding-left:10px;top:100%;}
.open-excurse:hover, .open-excurse:active, .open-excurse:visited, .open-excurse:focus {background:none;outline:none; }
.open-excurse:after {content:"\e90b";font-family:'icons';color:#FFF;font-style:normal;font-size:45px;line-height:45px;display:block;width:45px;height:45px;position:absolute;top:2px;right:-20px}

.close-excurse {display:block;width:45px;height:45px;position:relative;  }
.close-excurse:after {content:"\e902";font-family:'icons';color:#000;font-style:normal;font-size:45px;line-height:45px;display:block;width:45px;height:45px;position:absolute;top:0;left:0;}

/*==================================================================
 *	SPACE
 *==================================================================*/
	
.pr0 {padding-right:0}  
.pl0 {padding-left:0}  
.pl1 {padding-left:.9375rem}  

.plr0 {padding-left:0; padding-right:0}  
.plr1 {padding-left:.9375rem;padding-right:.9375rem;}
.plr2 {padding-left:1.875rem;padding-right:1.875rem}
.plr3 {padding-left:2.8125rem;padding-right:2.8125rem}
.plr4 {padding-left:3.75rem;padding-right:3.75rem}

.pt0 {padding-top:0 !important}
.pt1 {padding-top:0.9375rem}
.pt2 {padding-top:1.875rem}
.pt3 {padding-top:2.8125rem}
.pt4 {padding-top:3.75rem}

.pb0 {padding-bottom:0 !important}
.pb1 {padding-bottom:.9375rem}
.pb2 {padding-bottom:1.875rem}
.pb3 {padding-bottom:2.8125rem}
.pb4 {padding-bottom:3.75rem}

.ptb0 {padding-top:0 !important;padding-bottom:0 !important}
.ptb1 {padding-top:.9375rem;padding-bottom:.9375rem}
.ptb2 {padding-top:1.875rem;padding-bottom:1.875rem}
.ptb3 {padding-top:2.8125rem;padding-bottom:2.8125rem}
.ptb4 {padding-top:3.75rem;padding-bottom:3.75rem}

.p0 {padding:0 !important}
.p2 {padding:1.875rem}

.m0 {margin:0 !important}
.mt0 {margin-top:0 !important}
.mt1 {margin-top:.9375rem}
.mt2 {margin-top:1.875rem}
.mb2 {margin-bottom:1.875rem !important}
.mt3 {margin-top:2.8125rem}
.mt4 {margin-top:3.75rem}

.mb0 {margin-bottom:0}
.mb1 {margin-bottom:0.9375rem}
.mb2 {margin-bottom:1.875rem}
.mb3 {margin-bottom:2.8125rem}
.mb4 {margin-bottom:3.75rem}

.mr4 {margin-right:3.75rem}
.mr0 {margin-right:0}
.mr2 {margin-right:1.875rem}

.mlr-1 {margin-right:-0.9375rem !important;margin-left:-0.9375rem !important }

/*==================================================================
 *  INTRO
 *==================================================================*/

#intro {position:fixed;overflow:hidden;top:15px;left:15px;right:15px;bottom:15px;z-index:99;background:#E1E2DB  }
#intro div {opacity:1;position:absolute;width:100%;top:0;bottom:0;z-index:2;}
#intro div img {display:none;}

#intro div:nth-child(1) {transition: opacity 1s linear 4s;}
#intro div:nth-child(2) {transition: opacity 1s linear 1.5s;}
.run #intro div {opacity:0}
.run #intro {background:none }

@keyframes intro {0% {opacity: 0;} 50% {opacity: 1;} 100% {opacity: 0;} }

/*==================================================================
 *  PageStyles
 *==================================================================*/
  
/*== Index ======================================================*/


[data-style="page-style-index"] .off-canvas-content {background:#222}
[data-style="page-style-index"] #logo {transition: opacity .5s ease, width .5s ease, margin-top .5s ease-out 5s;}
[data-style="page-style-index"] #logo #logoSig {fill:#fff;}
[data-style="page-style-index"] .content-inner {border:none;overflow-y:auto; }
[data-style="page-style-index"] .content-inner:after {content:" ";display:block;bottom:0;position:fixed;z-index:9997;height:5px;left:30px;right:0;background:#E1E2DB}


/*== White ======================================================*/

[data-style="page-style-white"] .toggle-menu.indexbutton {width:47px;}
[data-style="page-style-white"] .toggle-menu.indexbutton:after {left:0;padding-left:13px;}
[data-style="page-style-white"].is-open-menu .toggle-menu.menubutton:after, [data-style="page-style-dark"].is-open-menu .toggle-menu.menubutton:after,
[data-style="page-style-white"].is-open-submenu .toggle-menu.menubutton:after, [data-style="page-style-dark"].is-open-menu .toggle-submenu.menubutton:after,
[data-style="page-style-white"].is-open-index .toggle-menu.indexbutton:after
 {color:#fff;background:none}

[data-style="page-style-white"] #service .menu > li a {color:#97A7B2}
[data-style="page-style-white"] #service .menu > li.active a {color:#E1E2DB}
    
/*== Dark ======================================================*/
  
/*[data-style="page-style-dark"] .toggle-menu:after {color:#D62E5B;}*/
[data-style="page-style-dark"] #offCanvasSub, [data-style="page-style-dark"] .is-drilldown-submenu, [data-style="page-style-dark"] .off-canvas-content  {background:#2F2F36}
[data-style="page-style-dark"] .js-drilldown-back:after, [data-style="page-style-dark"] .off-canvas-content {color:#fff;}
[data-style="page-style-dark"] .menu.sub-level a {color:#E1E2DB;}
[data-style="page-style-dark"] .menu.sub-level a:hover, [data-style="page-style-dark"] .menu.sub-level a:focus, [data-style="page-style-dark"] .menu.sub-level a.is-active {color:#D62E5B;}
[data-style="page-style-dark"] #logo #logoSig {fill:#fff;}
[data-style="page-style-dark"] #offCanvasSub  {border-color:#000 }
[data-style="page-style-dark"] .slick-arrow {color:#000;}

[data-style="page-style-dark"] h1 {margin-bottom:1.875rem }
[data-style="page-style-dark"] h4 {margin-bottom:1.2rem }
[data-style="page-style-dark"] .caption {background:#2F2F36;color:#97A7B2;}
[data-style="page-style-dark"] .slider-caption {background:transparent; }
    
/*== Events ======================================================*/

[data-style="page-style-events"] .content-inner, [data-style="page-style-journal"] .content-inner {padding-top:150px;}
[data-style="page-style-events"] #logo, [data-style="page-style-journal"] #logo {top:5.5rem;}
[data-style="page-style-events"] .is-open-menu #logo, [data-style="page-style-journal"].is-open-menu #logo {top:25px;}
[data-style="page-style-events"] #service, [data-style="page-style-journal"] #service {top:5rem;}
[data-style="page-style-events"] .off-canvas-content {background:#E2EDF3}
[data-style="page-style-events"] .toggle-menu.menubutton span {display:none !important}
[data-style="page-style-events"].is-open-menu .toggle-menu:after {color:#FFF} 

[data-style="page-style-events"] #service .menu > li a, [data-style="page-style-journal"] #service .menu > li a  {color:#97A7B2}
[data-style="page-style-events"] #service .menu > li.active a, [data-style="page-style-journal"] #service .menu > li.active a {color:#E1E2DB}

/*==================================================================
 *	ABY
 *==================================================================*/

.bioline-start {max-width:none;width:100%;position:relative;}
.bioline-start .line, .bioline-end .line {position:absolute;bottom:0;left:0;right:0;transition: all .5s ease-out;max-width:65rem;min-height:500px;display:none }
.bioline-start .line:after {content:"";background-image:url(img/bioline_head.svg); background-repeat:no-repeat; background-position:right bottom;height:100%;opacity:0.7;position:absolute;display:block;width:50%;bottom:0;left:2px;}

.bioline-end {max-width:none;width:100%;position:relative;height:350px;margin-bottom:-3.75rem  }
.bioline-end .line {top:0;left:-1px;}
.bioline-end .line:after {content:"";background-image:url(img/bioline_head.svg); background-repeat:no-repeat; background-position:left top;height:100%;opacity:0.7;position:absolute;display:block;width:50%;top:0;left:50%;margin-left:-3px }

.bioline-end:before, .bioline-start:before {content:" "; display:block;width:5px;height:5px;border-radius:100%;z-index:999;background:#CACCC7;position:absolute;left:37px;top:0;}
.bioline-start:before {bottom:0;top:auto;}

.bioline {position:relative;overflow:hidden; }
.bioline .line {position:absolute;top:0;bottom:0;left:0;right:0;/*z-index:-1;*/transition: all .5s ease-out;max-width:65rem;}
.bioline .line:after {content:" ";background:#CACCC7;height:100%;opacity:0.7;-webkit-transform:translate3d(0,0,-10px);position:absolute;display:block;width:1px;top:0;left:40px;margin-left:-1px;}


.bioline .logo-intend {padding:0 ;}
.bioline .logo-intend > div {padding-left:3.75rem;}

.bioline-start .logo-intend {padding: 0 0 1.875rem;}
.bioline-start .logo-intend > div {padding-left:1.875rem;}

.bioline img {min-width:100% }
.bioline h1, h1.giant {color:#D62E5B;font-size:3em;background:#2F2F36;padding:18px 8px 0;margin-top:3.75rem;;margin-bottom:1.875rem;white-space: nowrap }
.bioline h1 {left:5px;}
.bioline h4 {color:#D62E5B;background:#2F2F36;margin-left:-39px;padding:12px 8px 4px 1.9em !important;}
.kbw h4.dash-left {color:#D62E5B;background:#2F2F36;padding:12px 8px 4px 1.9em !important;}

.bioline h1:after {top:-.6rem;bottom:-.4rem;}
.bioline h4:after, .kbw h4:after {bottom:-.3rem;left:1em;}
.bioline h6 {color:#fff; letter-spacing:0.3em; background:#2F2F36; padding:10px; position:relative; }

.image-index { margin-left: 0; padding-right: 0; list-style-type: none;}
.image-index li {counter-increment: step-counter;padding:2px 0 2px 25px }
.image-index li::before {content: counter(step-counter);margin-left:-25px; margin-right:10px;display:inline-block;background:rgb(202,204,199);color:#717075;width:12px;height:12px;text-align:center;line-height:12px;font-family:'BrandonGrotesqueWeb-Bold',sans-serif;font-weight:normal;font-size:9px; }

.aby-wrap a.list-link {font-family:'CallunaSans-Regular' !important}

/*==================================================================
 *	KBW
 *==================================================================*/

.kbw p a {color:rgb(202,204,199);font-family: 'CallunaSans-Italic'; }	
.kbw .offcanvas-excurse p a {color:rgb(104,105,111);font-family: 'CallunaSans-Italic';}	

h1.explore {padding-top:50px;margin-bottom:0;position:relative; }


/*==================================================================
 *	FUNK
 *==================================================================*/
	
/*#ropebag {height:auto;overflow:hidden;position:absolute;bottom:0;left:0;right:0;top:0; }*/


/*==================================================================
 *  MEDIA QUERYS
 *==================================================================*/

.imprint.onCan {display:none}
		
/*== HEIGHT ADJUST ======================================================*/

@media screen and (max-height: 500px) {
	
.off-canvas ul.menu {overflow-y:scroll;overflow-x:hidden }
#logo #logoTxt {opacity:0;}
.is-open-menu #logo #logoTxt, .is-open-index #logo #logoTxt, .is-open-menu #logo {opacity:0}
.is-open-menu #logo {width:110px}
.imprint.offCan {display:none}
.imprint.onCan {display:block}

}

@media screen and (max-height: 590px) {
	
.off-canvas ul.menu {overflow-y:scroll;overflow-x:hidden }
.is-open-index #logo #logoTxt, .is-open-menu #logo {opacity:1}
.is-open-menu #logo.transparent {opacity:0}
}

@media screen and (max-height: 700px) {
	.is-open-menu #logo #logoTxt {opacity:0}
	.is-open-menu #logo, .is-open-menu #logo {width:110px}
	.top-level, .is-drilldown-submenu {padding-top:165px; padding-bottom: 100px; }
	[data-style="page-style-events"].is-open-menu #logo, 
	[data-style="page-style-journal"].is-open-menu #logo,
	[data-style="page-style-events"].is-open-submenu #logo, 
	[data-style="page-style-journal"].is-open-submenu #logo
	{top:25px;}

}

/*==================================================================
 *
 * MEDIUM AND UP >= 720px
 *
 *==================================================================*/

@media screen and (min-width: 45em) {

  /*==================================================================
   *  TYPO
   *==================================================================*/

  h1 {font-size:2.063rem}
  h1.title {font-size:2.5rem;margin-left:0;}
  h2 {font-size:1.875rem}
  h3 {font-size:1.875rem}
  h4, .timespan {font-size:1.188rem}
  h5, .large-copy {font-size:1.188rem}

  h1,h2,h3,h4,h5,h6 {-ms-word-break: normal; word-break: normal; }

	p {/*-ms-word-break: break-all; word-break: break-all;*/ -webkit-hyphens:none; -moz-hyphens:none; hyphens: none; }

  .is-active .timespan {font-size:2.063rem}
  .date {font-size:1.313rem;}

  /*==================================================================
   *  CONTAINER
   *==================================================================*/
     
  .content-inner, 
  [data-style="page-style-index"] .content-inner {padding-top:3.75rem;padding-bottom:3.75rem;padding-left:15px;border-right:15px solid #E1E2DB;border-top:15px solid #E1E2DB;border-bottom:15px solid #E1E2DB;}    
  
  .intro-row {min-height:140px;}
	#logo {top:5.2rem;width:202px;left:60px;margin-top:-180px;-ms-transform:translateY(-15px); }
  .run #logo {margin-top:0}
	.is-open-menu #logo #logoTxt, .is-open-index #logo #logoTxt, .is-open-menu #logo {opacity:1}

  /*==================================================================
   *  OFFCANVAS
   *==================================================================*/
	
	#offCanvasIndex {margin-left:-15px;padding-left:15px;}
	
  .is-drilldown {overflow:visible;}
  .is-drilldown-submenu-parent > a:after {content:none;}
  .js-drilldown-back {left:auto;right:0;}
  .js-drilldown-back:before {border-color:transparent; }
  
  .toggle-menu span {margin-left:15px;line-height:14px;height:36px;padding-bottom:0;  }
  .toggle-menu:before {border-color:transparent transparent transparent #97A7B2;top:50%;margin:-13px 0 0;z-index:9998;position:absolute;left:14px;right:auto;  }
  .toggle-menu.menubutton {top:0;bottom:0;width:15px;padding:0;background:#97A7B2;margin:0;height:auto;-webkit-transform: translate3d(0,0,9998px);}
  .toggle-menu.menubutton:after {left:15px;padding-left:10px;}
  .toggle-menu.indexbutton {transform:translateX(-21px);-webkit-transform:translateX(-21px);display:block}

  .filterbutton {padding:1.7875rem 1.9375rem 0.85rem 1.9375rem;}
	.is-open-filter #service, .is-open-filter #logo {opacity:1}

	/*.is-open-submenu .toggle-menu:before {-webkit-transform: translate3d(0,0,9999px);}*/

  /*== NEWS ======================================================*/

	#offCanvasNews .subline {max-height:48px; overflow:hidden;}
	#offCanvasNews .list-link {margin-left:1.875rem;}

	#offCanvasNews .date.dash-left {padding:0 0 0 3.5em !important }
	#offCanvasNews .date.dash-left.dash-left:after {left:0.7em;right:auto;}

  .off-canvas.position-bottom {left:15px;right:15px;bottom:195px;min-height:500px;max-height:70%;position:fixed;-webkit-transform:translateY(100%);transform:translateY(100%);padding-bottom:2.8125rem;top:auto;z-index:2;margin-bottom:-200px } 
  .run .off-canvas.position-bottom {margin-bottom:0}
  .is-open-news .off-canvas.position-bottom {-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);bottom:0;overflow-y:auto;z-index:-1}

	.is-open-news .expand-news:after, .is-open-event [data-event-title]:after {content:"\e902";-webkit-transform:rotate(180deg);transform:rotate(180deg);  }

  /*== EXCURS ======================================================*/

	.ell-pole {padding-right: 10px;}
  .offcanvas-excurse {position:fixed;top:50%;width:100%;right:-32px;padding:3.75rem;background:#FFF;z-index:909;color:#000;-webkit-transform:translate3d(100%,-50%,0);transform:translate3d(100%,-50%,0);transition:all .5s ease-out;box-shadow: 0 0 10px rgba(0,0,0,0.6) }
  .offcanvas-excurse.is-open {-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0);}

  /*==================================================================
   *  MENUSTATES
   *==================================================================*/
	.is-open-menu #logo.transparent, .is-open-submenu #logo.transparent {opacity:1 !important;pointer-events:auto}

  .is-open-menu .toggle-menu.menubutton:after, .is-open-menu.is-open-submenu .toggle-menu.menubutton:after {left:0;padding-left:0;width:30px;}
  .is-open-menu .toggle-menu.menubutton:before, .is-open-menu.is-open-submenu  .toggle-menu.menubutton:before,
  .is-open-menu .toggle-menu.menubutton span, .is-open-submenu  .toggle-menu.menubutton span {-webkit-transform:translateX(-36px);transform:translateX(-36px);}
  .is-open-menu.is-open-submenu .toggle-menu.menubutton, .is-open-menu .toggle-menu.menubutton {opacity:1;width:30px;pointer-events:auto;}
  .is-open-submenu .toggle-menu.menubutton  {opacity:1;width:15px;pointer-events:auto;}

  /*==================================================================
   *  COLUMN INTEND
   *==================================================================*/

	.menu-intend {margin-left:140px !important; margin-right:0 !important;padding-left:1.875rem;} 
	.open-menu-intend {transition: margin .5s ease-out; margin-left:inherit !important }
	.logo-intend, .event-list-wrap {margin-left:140px !important; padding-left:1.875rem; transition: margin .5s ease-out, padding .5s ease-out}  
	.logo-intend > .columns:first-child, .menu-intend > .columns:first-child {padding-left:0;}
  .menu-intend > .columns.pl1:first-child {padding-left:0.9375rem;}

	.half-dark-fond {background:none }
  .half-dark-fond:after {content:" ";position:absolute;margin-left:-140px;left:50%;top:0;bottom:0;right:0;background:rgba(47,47,54,0.95);display:block;z-index:1 }
  .half-dark-fond > * {position:relative;z-index:2;}
	
	.bioline-end:before, .bioline-start:before {content:none;}
	.bioline-start .line, .bioline-end .line {left:60px;margin-left:1.875rem;}
	.bioline-start .line:after, .bioline-end .line:after {background-size:100% 100%;}

  .bioline .line {top:0;left:60px}
	.bioline .line:after {left:50%;margin-left:-8px}
	.bioline .logo-intend ,.kbw .logo-intend {margin-left:60px !important;padding-right:.9375rem;}
	.bioline .logo-intend > div {padding-left:.9375rem;padding-right:.9375rem;}

	/*==================================================================
 	 *	HEADLINE
 	 *==================================================================*/
	
	.journal-link .small-1:after {font-size:45px;line-height:45px;width:45px;height:45px;margin-left:0; }
	a[rel="next"], a[rel="prev"] {width:45px;height:45px;}
	a[rel="next"]:after, a[rel="prev"]:after, .slick-next:after, .slick-prev:after
  {font-size:30px;line-height:45px;left:0;top:0;width:45px;height:45px;} 
	a[rel="prev"]:after  {left:-25px;}

  /*==================================================================
   *  SLIDER
   *==================================================================*/

  .medium-variable .slider-caption, .medium-variable .slider-imgwrap {float:none;}
	.slider-imgwrap .bordered {margin:0;}
	.slider-caption {padding:1.875rem 5.625rem;}

.slider-caption, .caption {font-size:12px }
  /*==================================================================
   *  ELEMENTS
   *==================================================================*/

	.fullscreen-img {border:none;right:15px;top:15px;bottom:15px}
	.force-fill {max-width:none;}
	.bordered {margin-left:-10px}

	#map-canvas {height:600px;}

	/*== ACCORDION ======================================================*/

  .accordion-title {width:auto;}
	.accordion-title:before {font-size:45px;top:auto;bottom:-5.1rem;right:.9375rem;width:45px;height:45px;}
	#baselist .accordion-title:before {right:.9375rem;}
	.accordion-content > .row, .accordion-title {padding-left:1.875rem;padding-right:inherit;}

	/*#baselist .media-object {height:330px;max-height:330px;overflow:hidden; }*/


	#stafflist .media-object-section .aspect-image-23 {width:250px}
	#stafflist .media-object-section.at-bottom h1 {position:relative; }

	.media-object-section {display: table-cell;}
	.media-object img {max-width:none}


  /*==================================================================
   *  NAVIGATION
   *==================================================================*/
  
  .top-level, .sub-level {padding:45px;overflow:visible;position:absolute;width:100%;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);}

	#service {right:30px;top:26px;width:68px;-ms-transform:translateX(-15px);}
	#service .menu > li.active a {display:block}

  /*==================================================================
   *  SPACING
   *==================================================================*/

	.medium-p0 {padding:0;}
  .medium-p2 {padding:1.875rem;}

  .medium-pt2 {padding-top:1.875rem;}
  .medium-pt3 {padding-top:2.8125rem}
  .medium-pt4 {padding-top:3.75rem}
  .medium-pt6 {padding-top:5.625rem;}
  .medium-pt8 {padding-top:7.5rem;}

  .medium-pb0 {padding-bottom:0}
  .medium-pb20 {padding-bottom:20px }
  .medium-pb1 {padding-bottom:0.9375rem}
  .medium-pb4 {padding-bottom:3.75rem}
  .medium-pb8 {padding-bottom:7.5rem}
  
  .medium-pl1 {padding-left:1.875rem;}
  .medium-plr10 {padding-left:0;padding-right:0}
  .medium-plr0 {padding-left:0;padding-right:0}
  .medium-plr1 {padding-left:1.875rem;padding-right:1.875rem}
	.medium-plr05 {padding-left:14px; padding-right:14px}  


  .medium-pl0 {padding-left:0 !important}
  .medium-pl2 {padding-left:1.875rem !important}
  .medium-pr2 {padding-right:1.875rem !important}

  .medium-mt-4 {margin-top:-3.75rem}
  .medium-mt4 {margin-top:3.75rem}
  .medium-mb4 {margin-bottom:3.75rem !important}

	.medium-mr2 {margin-right:1.875rem}


  /*==================================================================
   *  Page styles
   *==================================================================*/

	.toggle-menu.menubutton span {display:none}
	#stafflist .media-object-section.at-bottom h1:before {content:" ";display:block;width:0;position:absolute;border-left:1px solid #D62E5B;top:-2.5em;bottom:1em;left:1.1em;-webkit-transform: rotate(45deg);transform: rotate(45deg);max-height:88px  }
  
	.is-open-news .toggle-menu span {opacity:0 }

	[data-style="page-style-index"] .content-inner {overflow:hidden;-webkit-overflow-scrolling: touch; }
  [data-style="page-style-index"] .content-inner:after {height:16px;left:15px;}
  [data-style="page-style-index"] .imprint {position:fixed;} 
	[data-style="page-style-index"] .toggle-menu.menubutton span {display:block}
	[data-style="page-style-index"].is-open-menu .toggle-menu.menubutton:after {background:none;}
	[data-style="page-style-index"].is-open-news .toggle-menu:after {background:rgba(0,0,0,0.8) }

	[data-style="page-style-white"].is-open-menu #offCanvasSub:after, .is-open-submenu #offCanvasSub:after {right:-48px;}
	[data-style="page-style-white"] .toggle-menu.menubutton:after, 
	[data-style="page-style-journal"] .toggle-menu.menubutton:after,
	[data-style="page-style-white"].is-open-menu .toggle-menu.indexbutton:after, 
	[data-style="page-style-white"].is-open-submenu .toggle-menu.indexbutton:after 
	{color:#000; background:rgba(255,255,255,0.8) }

	[data-style="page-style-dark"] .toggle-menu.menubutton:after { color:#FFF;background:rgba(47,47,54,0.8) }

	[data-style="page-style-journal"].is-open-menu  .toggle-menu.menubutton:after {background:none;}
	[data-style="page-style-journal"] .timespan > span {line-height:1.7 }
  [data-style="page-style-journal"] .journal-link .timespan > span:after {right:-.7em;}

	[data-style="page-style-events"] #service, [data-style="page-style-journal"]  #service {right:330px;top:26px}
	[data-style="page-style-events"] .content-inner, [data-style="page-style-journal"] .content-inner {padding-top:3.75rem;}
	[data-style="page-style-events"] #logo, [data-style="page-style-journal"] #logo {top:5rem;}
	[data-style="page-style-events"] .is-open-menu #logo, [data-style="page-style-journal"].is-open-menu #logo {top:5rem;}

	[data-style="page-style-events"] .toggle-menu:after, [data-style="page-style-journal"] .toggle-menu:after {color:#97A7B2 } 


	.bioline h1 {margin-left:49.5%}
  .bioline h4 {margin-left:0 }
	/*.is-open-menu .bioline .line:after {margin-left:-3px;margin-top:-5px }*/

}


@media screen and (min-width: 61.250em) {
	#baselist .media-object-section {max-height:365px;}
	#baselist .media-object .aspect-image {overflow:hidden; }
	#baselist .media-object-section .aspect-image {width:720px;padding-bottom:46%;height:0;}
	#baselist .media-object-section.caption {padding:1.875rem;}
}

@media screen and (orientation:landscape) {


	.rel-fullscreen-img {height:100vh;background-size:cover }
	.rel-fullscreen-img .hide-for-1250-up {display:none}
	.rel-fullscreen-img .at-top-right {position:absolute;background:rgba(37,45,59,0.95) }
	.rel-fullscreen-img .at-bottom-right {position:absolute;background:rgba(37,45,59,0.95) }
}
@media screen and (min-width: 64em) and (orientation:portrait) {
	.rel-fullscreen-img .at-top-right {position:absolute;background:rgba(37,45,59,0.95) }
	.rel-fullscreen-img .at-bottom-right {position:absolute;background:rgba(37,45,59,0.95) }
}



/*==================================================================
 * 
 * LARGE AND UP >= 1024px
 * 
 *==================================================================*/

@media screen and (min-width: 64em) {

  /*==================================================================
   *  COLUMN INTEND
   *==================================================================*/

  #logo {left:60px;-ms-transform:translateY(-22px);}
  .filterbutton {padding-top:2.225em;padding-right:2.375em;}

  /*==================================================================
   *  SLIDER
   *==================================================================*/

  .base-slider img {max-height:500px;}
  .slider-imgwrap.medium-mr2 {margin-right:1.875rem !important}
  .slider-imgwrap, .has-caption .slider-imgwrap.medium-mr2 {margin-right:16.875rem !important}
  .slider-caption {width:16.875rem;position:absolute;right:0;top:0;bottom:0}
  .slider-caption p {position:absolute;top:50%;left:1.875rem;right:5.625rem;transform:translateY(-50%);-webkit-transform:translateY(-50%);  }
  .flex-video-wrap {padding-right:270px}

	/*==================================================================
	 *  NEWS
	 *==================================================================*/
	
	#offCanvasNews .list-link {margin-left:2.8125rem;}
  .off-canvas.position-bottom {max-height: 80%;}

  /*==================================================================
   *	SPACE
   *==================================================================*/
  .large-plr1 {padding-left:1.875rem;padding-right:1.875rem}
  .large-pt4 {padding-top:3.75rem;}
  .large-pt6 {padding-top:5.625rem;}
  .large-mt-4 {margin-top:-3.75rem}
  .large-pt400-400 {padding-top:200px;margin-top:-200px}

  /*==================================================================
   *  Page styles
   *==================================================================*/
  
  [data-style="page-style-events"] #offCanvas .toggle-menu:after {color:#97A7B2;}

  h1.explore {padding-top:0;margin-bottom:1.875rem;padding-right:45px;}
	.explore:before {content:"\e903";font-size:45px;line-height:45px;font-family:'icons';display:block;width:45px;height:45px;position:absolute;left:auto;top:-7px;right:0;cursor:pointer}
}

/*==================================================================
 * 
 * XLARGE AND UP >= 1250px
 * 
 *==================================================================*/

@media screen and (min-width: 78.125em) {

  .content-inner, [data-style="page-style-index"] .content-inner {border-right:22px solid #E1E2DB;border-top:22px solid #E1E2DB;border-bottom:22px solid #E1E2DB;}
  .off-canvas.position-bottom {right:22px;bottom:200px;}

  .hide-for-1250-up {display:none;}
	.rel-fullscreen-img {height:100vh;background-size:cover}

  /*==================================================================
   *  COLUMN INTEND
   *==================================================================*/

	.logo-intend, .bioline .logo-intend, .large-logo-intend {margin-left:250px !important;}  
	.bioline .line {left:250px}
	.bioline-start .line, .bioline-end .line {left:213px;-ms-transform:translateX(-2px);-moz-transform:translateX(-2px);}

	.menu-intend, .kbw .logo-intend {margin-left:360px !important; margin-right:0 !important;padding-left:5.625rem;} 
	.accordion-content > .row {padding-left:5.625rem}
  .large-menu-intend {margin-left:360px !important; margin-right:0 !important;padding-left:5.625rem;} 

  .half-dark-fond:after {margin-left:-330px }

	.is-open-menu .logo-intend, .is-open-submenu .logo-intend, 
	.is-open-menu .large-logo-intend, .is-open-submenu .large-logo-intend
	{margin-left:360px !important; padding-left:5.625rem}  
	.is-open-menu .open-menu-intend, .is-open-submenu .open-menu-intend {margin-left:304px !important}
	.is-open-menu .event-list-wrap, .is-open-submenu .event-list-wrap {margin-left:276px !important;}

	.is-open-menu .bioline .line {left:406px !important;}
	.is-open-menu .bioline-start .line, .is-open-menu .bioline-end .line {left:369px !important;}

  #offCanvasNews hr {margin:0 }
	#offCanvasIndex {margin-left:-22px;padding-left:22px;}
	
	#intro {top:22px;right:22px;bottom:22px;}
	.fullscreen-img {border:none;right:22px;top:22px;bottom:22px}

	.imprint.offCan {display:none;}
  .imprint.extern {display:block;position:absolute;bottom:1px;z-index:9999;font-size:12px;color:#333;left:45px;padding:0 1rem } 
  .imprint.extern.gdpr {left:145px;} 

  .offcanvas-excurse.tease-open {-webkit-transform:translate3d(90%,-50%,0);transform:translate3d(90%,-50%,0);z-index:919;}
  .offcanvas-excurse.is-open.tease-open {-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0);-webkit-font-smoothing: antialiased;}

  .medium-pt400-400 {padding-top:300px;margin-top:-300px}
	/*.is-open-news .toggle-menu span, .is-open-news .toggle-menu:after {opacity:1}*/

	.is-open-news .toggle-menu:after {opacity:1 }
	h1,h2, p {/*-ms-word-break: break-all; word-break: break-all;*/ -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; }


  /*==================================================================
   *  Page styles
   *==================================================================*/

  [data-style="page-style-index"] .content-inner:after {height:22px;}


}
@media screen and (min-width: 1360px) {
	  .bioline-start .line, .bioline-end .line {display:block;}
}
@media screen and (max-height: 799px) {
	.top-level {margin-top:20px;}
}
/*@media screen and (max-height: 700px) {
	  #logo {top:35px}
}*/
/*X-SMALL*/
@media screen and (max-width: 460px) {
	.bordered {border-width:6px }
	figure {min-width:80px;}
	.bioline h1, .kbw h1.dash-left {font-size:1.8em;left:20px; }
}

@media print {
	.off-canvas, #service, .accordion-title:before {display:none !important;}
	.content-inner {border:none !important;padding-top:160px;}
	#stafflist .accordion-item {border:none;}
	#logo {position:absolute;top:0;left:0;width:100%;margin:0;  }
	#logo a[href]:after{content:none;}
	img {max-width:100% !important}
	.media-object-section {margin-left:20px !important; }
	.media-object-section:first-child {padding-right:30px; }
	.media-object-section:last-child {padding-left:0; }
	.accordion-item {margin-right:30px; }
}
/*==================================================================
 *	PLUGINS
 *==================================================================*/

		
/*== SMOOTHSTATE ======================================================*/
	
.smst .smst-item {animation-duration: 0.5s; transition-timing-function: ease-out; animation-fill-mode: both;}
.smst .smst-item.fade--in {animation-name: fadeIn;} 
.smst.is-exiting .smst-item {animation-direction: alternate-reverse; }
 	
@keyframes fadeIn {0% { opacity: 0; } 100% { opacity: 1; } }

/*== SLICK ======================================================*/

.slick-slider {position: relative; display: block; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } 
.slick-list {position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } 
.slick-list:focus, .slick-arrow:focus {outline: none; } 
.slick-list.dragging {cursor: pointer; cursor: hand; } 
.slick-slider .slick-track, .slick-slider .slick-list {-webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 
.slick-track {position: relative; top: 0; left: 0; display: block; } 
.slick-track:before, .slick-track:after {display: table; content: ''; } 
.slick-track:after {clear: both; } 
.slick-loading .slick-track {visibility: hidden; } 
.slick-slide {display: none; float: left; height: 100%; min-height: 1px; } 
.slick-slide img {display: block; } 
.slick-slide.slick-loading img {display: none; } 
.slick-slide.dragging img {pointer-events: none; } 
.slick-initialized .slick-slide {display: block; } 
.slick-loading .slick-slide {visibility: hidden; } 
.slick-vertical .slick-slide {display: block; height: auto; border: 1px solid transparent; } 
.slick-arrow.slick-hidden, .slick-arrow.slick-disabled {display: none !important; }

/*== AUDIO JS ======================================================*/
	
.audiojs {background:none;box-shadow:none;height:25px;width:100%;}
.audiojs .time {display:none; }
.audiojs .play-pause {width:30px;height:25px;padding:0;border:none}
.audiojs .scrubber {height:2px;margin:11px 0;overflow:visible;border:none;background:rgba(151,160,163,.5);float:none;margin-left:45px;}
.audiojs .progress {height:6px;top:-2px;background:#D62E5B;border:none; }
.audiojs .loaded {height:2px;background:rgb(151,160,163) }
.audiojs p {height:25px;overflow:hidden;  }
.audiojs p.play, 
.audiojs p.pause, 
.audiojs p.loading, 
.audiojs p.error 
{position:relative;background:#fff !important }
.audiojs .play:after, 
.audiojs .pause:after, 
.audiojs .loading:after, 
.audiojs .error:after 
{content:" ";font-family:'icons';font-size:45px;display:block;width:45px;height:45px;position:absolute;left:-6px;top:-19px;pointer-events:none;}
.audiojs .play:after {content:"\e90a";}
.audiojs .pause:after {content:"\e909";}
.audiojs .loading:after {content:"\e908";}
/*
.audiojs .error:after {content:"\e901";}