@import url("/assets/css/navigation.css");
@import url("/assets/css/footer.css");

.docID-4792 .content, .docID-7952 .content {
	justify-content: start;
}
.docID-4792 .person, .docID-7952 .person {
	margin-right: .25vw;
	margin-bottom: .25vw;
	margin-right: .5vw;
	margin-bottom: .5vw;
}
.docID-5647 .floatleft div.teaserimage, .articlelist .floatleft div.teaserimage {
	width: 30%;
}
.docID-5647 .floatleft div.teaser, .articlelist .floatleft div.teaser {
	width: 64%;
}
body * { 
	box-sizing: border-box;
}

html { width: 100% ; 
	font-size: 16px; /* for older browsers */
}

body {
	width: 100% !important; 
	margin:0 !important; 
	padding: 0 !important; 
	text-align: center; 
	background-color: rgb(0,30, 50);
	font-family: "utopia-std", serif;
	font-family: "akzidenz-grotesk", sans-serif;
	font-weight: 400;
	color: #083e67;
	font-size: 16px; 

}

.artikel {font-size: 18px;}
.date-topic {font-size: 1.17rem;}

.clearfix::before,
.clearfix::after {
	content: " ";
	display: table;
} 

.clearfix::after {
	clear: both;
}

.content ul {
	list-style-type: square;
}

.content .glossarylist ul, .content .linklist {
	list-style-type: none;
}

.content ol {
	list-style-type: latin;
}

.preview100 .article--header {width: 100%; margin-bottom: 1em;}

.article--header--left {
	display: inline; float: left; margin-right: 2.2em; height: 20vw; max-height: 300px;
}

.clearfix {
	*zoom: 1; /* F?r den IE6 und IE7 */
}


.mainNav {
	height: 6.5vw; 
	height: 5rem;
	max-height: 120px;
	padding-left: 2rem; 
	padding-left: 1.67em;
	padding-top:   1.5em;
	width: 100%; 
	color: white;

}
.home .mainNav, .events .mainNav {

	color: #ffffff; 
}
.mainNavMobile, .mobileNav {
	display: none;
	background-color: #083e67;
}

ul .subNav li {font-size: 0.7rem !important; white-space: nowrap;}

@media screen and  (min-width: 1200px) {
	/* max font size */
	html {
		font-size: 16px;
	}
	.docID-4792 .content .person:nth-of-type(3n+3), .docID-7952 .content .person:nth-of-type(3n+3) {
		margin-right: 0;
	}


}

.wrapper {width: 100%; margin: 0 auto; max-width: 1920px; max-width: 1200px; background-color: rgba(0,30, 50,0.1);height: 50em;
	/* background: url(/assets/img/startpage_dummy.jpg) no-repeat top left; background-size: cover; */
}

.d1,.d2,.d3,.d4, .d5, .d6, .d9, .d10 {
	text-align: left; 
	padding: 1.67em; 
	background-color: white; 
	min-height: 10em;
}
.d2.transparent, .d4.transparent {
	background-color: transparent; 
}

.content { 
	width: 100%;
	display:-webkit-flex;
	display: flex;


	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;

	-webkit-justify-content: space-between;
	justify-content: space-between;

	-webkit-align-items: stretch; 
	align-items: stretch; 

}

.content img {
	max-width: 100%;
	height: auto;
}

.content img.nopad, .nopad {
	margin:-1.67em; margin-bottom: 1em; 
	max-width: none;
	width: -webkit-calc(100% + 3.36em);
	width: calc(100% + 3.36em);
	height: auto;
}


iframe.nopad {margin-bottom:-2em; }
/* Ohne Rand */

.d1, .d5 {
	/*  width: 49.666%;  */
	-webkit-flex:  1 1 49.666%;
	flex:  1 1 49.666%;
	margin-bottom: 0.5vw;
}
.calendarbox {margin-bottom: 0 !important;}
.d1 {   
	margin-right: 0.5vw;
}
.d5 {   
	-webkit-flex:  0 1 100%;
	flex: 0 1 100%;
}

.d2, .d3  {
	/* migrosch - 2016-09-17
	SAFARI PROBLEM
	*/
	-webkit-flex: 1 1 24.666%;
	flex: 1 1 30.666%;

	-webkit-flex: 1 1 30%;
	flex: 1 1 30%;

	margin: 0;

	margin-bottom: 0.5vw;
}
.home .floatright .d2, .home .floatright .d3  {
	-webkit-flex: 1 1 30%;
	flex: 1 1 30%;
}
/* ssommer - 2016-10-20
SAFARI PROBLEM
*/
.home .leftrow .d2, .home .leftrow .d3,  .home .middlerow .d2, .home .middlerow .d3 {
	-webkit-flex: 0 0 98%;
	flex:0 0 98%;
}

.floatright .d2, .floatright .d3  {
	-webkit-flex: initial;
	flex: initial;
}

.d6  {
	-webkit-flex: 0 1 33%;
	flex: 0 1 33%;
	margin: 0;
	margin-bottom: 0.5vw;
}

.person {
	-webkit-flex: 0 1 32.5%;
	flex: 0 1 32.5%;
	position: relative;
}

.d7 {
	-webkit-flex: 0 1 48;
	flex: 0 1 48%;
	margin: 0;
	padding: 0;
	margin-bottom: 0.5vw;
}


.d8 {    
	background-color: #083E67;
	color: white;
	-webkit-flex: 0 0  24.666;
	flex: 0 0 24.666%;
	padding: 1.67em; 

	margin: 0;
	margin-bottom: 0.5vw;
}


.presscards .d8 {
	/* migrosch - 2016-09-18
	-webkit-flex: 0 1 16%; 
	flex: 0 1 16%; 
	*/
	text-align: center;
	padding: 1.67em .25em 0;
}

.presscards .d8 img {
	/* migrosch - 2016-09-18
	width: 20%;
	*/
	max-height: 4em;
}
.pressmanagement div {
	-webkit-flex: 0 1 32.666%;
	flex: 0 1 32.666%;
}

.pressmanagement div img {width: 100%;}
.pressmanagement h2, .pressmanagement h3,  .pressmanagement hr { margin: 0; } 
.pressmanagement p, .biobox h2 {padding-bottom: 0.5em;}
.pressmanagement h2 {font-size: 160%;padding-top: 0.5em;}
.pressmanagement h3 {font-size: 100%;}
.pressmanagement .blueline {margin-top: 0.5em;}


.d9 {

	-webkit-flex: 0 0  49.666;
	flex: 0 0 49.666%;

	margin-bottom: 0.5vw;
}

.d10 {

	-webkit-flex: 0 0  74.666;
	flex: 0 0 74.666%;

	margin-bottom: 0.5vw;
}

.d4 {
	-webkit-flex: 1 1 44%;
	flex: 1 1 44%;
	margin: 0  0.5vw  0.5vw 0;
}

.referenzen .d4 {
	margin: 0 0 0.5vw  0; 
	max-width: 100% !important;
	flex: 1 0 100%;
}
.referenzen .d4.nopadding {
padding: 0 !important;
}
.referenzen .d4.nopadding img {
	display: block;
}


.d3.weitere  {


	-webkit-flex: 1 1 100%;
	flex: 1 1 100%;

}

.d2 { 
	margin-right: 0.5vw; 
}



.eventscolumn {


	text-align: left;
	float: left; 
	display: inline; 
	width: 33vw; 
	width: calc(33.333% - 0.333vw);
	/* padding: 1.67em; */
	background-color: white; 
	margin-bottom: 0.5vw;
	margin-right: 0.5vw;
}
.eventscolumn img {width: 100%}
.eventscolumn:nth-of-type(3) {
	margin-right: 0;
}
div.eventscolEntry {padding: 1.76em; border-bottom: 0.5vw solid #001E32;}
.eventscolLink {
	border: 0;
	border-top: 1px solid #c1ced9;
	margin-top: 1.6em;
}
.eventsColDivider {width: calc(100% + 4em) ; margin: 1em -2em; background-color: #001e32; border: none; padding: 0; height: 0.5vw;}
.eventspersonscolumn {display: inline; float: left; width: 100%; padding: 1.67em; background-color: white; text-align: left; margin-bottom: 0.5vw;}

.floatright .d2 {margin-right: 0}

.article {border-top: 1px solid #c1ced9; padding-top: 2.2em; padding-bottom: 2.2em;}

.article:first-of-type {border-top: none; padding-top: 0;}
.article.prewiew {
	clear: both;
}
.article.preview50{ display: inline; float: left; width: -webkit-calc(50% - 1.1em); width: calc(50% - 1.1em);}

.article.preview50.first50::before {
	background-color: rgba(8, 62, 103, 0.7);
	content: "";
	display: block;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 0;
}

.article.preview50, .article.preview50 p, .article.preview50 h2, .article.preview50 div {
	position: relative;
	z-index: 1;
}
.article.preview50 div.objectmeta { z-index: 2; }

.article.preview50 img { margin-bottom: 1em;}


.article.preview50.first50 {margin-right: 1.1em;}

.article.preview50.second50 {margin-left: 1.1em;}

.article.preview50 .article--header {width: 100%;}

.article h1 {
	color: #083e67; margin: 0;
	font-size: 3.3em; 
	line-height: 4.5rem;
	line-height: 0.9;
	text-align: left;
	padding-top: 1em;
}

.article.detail h1 {
	color: #083e67; margin: 0;
	font-size: 3.3em; 
	font-size: 3.3rem; 
	line-height: 4.5rem;
	line-height: 0.9;
	text-align: left;
	padding-top: 1em;
}
.articleheader {}
.articleheader.einblicke {
	padding: 0 0 2.78em 2.78em;
}

.articleheader h1 { 
	color: #083e67; margin: 0;

	font-size: 3.3rem; 
	line-height: 0.9;
	text-align: left;
	padding-top: 0.6em;
}

.header .einblicke h1 {font-size: 5.3em;}

.articleheader.einblicke h1 { 
	padding-top: 1em;
	font-size: 3.4em;
}

.home h1 {
	color: white; margin: 0 auto; 
	/* max-width: 90%; */
	font-size: 3.3em; 
	line-height: 140%; 
	line-height: 4.5rem;
	line-height: 1.14;
	padding: 1em;
	background-color: rgba(8,62,103,0.5);
}

.events h1 {
	color: white; 
	text-align: left; 
} 


.header h1 {

	position: absolute;
	text-align: left;
	left: 2rem;
	bottom: 1.5vw;
	font-size: 2.8em;
	padding: 0; margin: 0;
}

.home .header h1 {
	line-height: 114%;
	font-size: 3.5rem;
	font-size: 3.25rem;
	position: absolute; 
	bottom: 1em;
	margin-left: auto;
	margin-right: auto;
	left: 0;
	right: 0;
	bottom: 0;
	padding: 0.5em;
	text-align: center;
	/*  text-shadow: 1px 1px 2px #333; */

}

.home .header h1 a {
	text-decoration: none;
	color: #fff;
}

.events h1.first {padding-left: 1em;}

h2 { 
	font-weight: 400;
	font-size: 1.9em; 
	font-size: calc(1.1vw + 1.1em);
	line-height: 118%;
	line-height: 1.18;
	margin: 0;

}
/* HEADLINE2 */
@media screen and (min-width:1200px) {
	h2 { 
		font-size: 1.85em;
	}
}

h1, h2, h3, h4, h5, nav {font-family: "utopia-std", serif; font-weight: 400;}
/* .articleBox h3 {font-family: "akzidenz-grotesk", sans-serif; font-weight: bold;} */
.header {
	position: relative;
	background-color: #001e32;
	color: white;
	height: 380px; 
	/* max-height: 250px;
	min-height: 180px; */
}


.additionalheader {
	background-color: white;
	width: 100%;
	margin: 0.5em 0;
	text-align: left;
	padding: 0.5em 1.2em;
}

.additionalheader p {
	font-family: "utopia-std", serif !important;
	font-weight: 400;
	font-size: 1.85em;
	margin: 0;
}

.tmplID-575 .additionalheader p, .tmplID-506 .additionalheader p, .tmplID-502 .additionalheader p {
	font-family: unset !important;
	font-weight: unset;
	font-size: unset;
}


.werwirsind .additionalheader h2 {
	color: #083e67;
}
.werwirsind .header {height: auto;}
.generalheader {
	z-index: 2;
	position: relative;
	width: 100%;
	background: url(/assets/img/headerbackground01.jpg) no-repeat top center;
	height: 238px !important;
	background-size: cover;
}
.docID-5604 .generalheader { background-image: url(/bdt2016/img/header/was-wir-tun-header.jpg); }
.docID-4786 .generalheader, .tmplID-421 .generalheader, .tmplID-435 .generalheader, .tmplID-410 .generalheader { background-image: url(/bdt2016/img/header/presse.jpg); }
.docID-4787 .generalheader { background-image: url(/bdt2016/img/header/inspiration-header.jpg); }
.docID-5602 .generalheader { background-image: url(/bdt2016/img/4-ws-der-markenfuehrung-header.jpg); }
.docID-5605 .generalheader { background-image: url(/bdt2016/img/was-wir-nicht-tun-header.jpg); }
.docID-5649 .generalheader, .docID-5651 .generalheader, .docID-5657 .generalheader, .tmplID-407 .generalheader { background-image: url(/bdt2016/img/header/recruiting-events.jpg); }
.docID-5656 .generalheader  { background-image: url(/bdt2016/img/header/header.png); }
.docID-5969 .generalheader, .tmplID-398 .generalheader { background-image: url(/bdt2016/img/header/presse.jpg); }
.docID-5860 .generalheader, .tmplID-398 .generalheader, .tmplID-513 .generalheader { background-image: url(/bdt2016/img/header/presse-header.jpg); }
.docID-4792 .generalheader, .tmplID-383 .generalheader { background-image: url(/bdt2016/img/header/gruppenbild-persoenlichkeitsprofile.png); }
.docID-8582 .generalheader, .docID-8583 .generalheader { background-image: url(/bdt2016/img/4-ws-der-markenfuehrung-header.jpg); }
/*
.docID-5607 .generalheader, .docID-8672 .generalheader { background-image: url(/bdt2016/img/header/fuer-wen-wir-arbeiten-header.jpg); }
*/
.docID-5607 .generalheader { background-image: url(/bdt2016/img/header/fuer-wen-wir-arbeiten-header.jpg); }

.generalheader:before {
	position: absolute;
	content:" ";
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:0;
	display: block; 
	background-color: rgba(8,62,103,0.7);
}
.generalheader.einblicke {color: #083e67;}


.generalheader.einblicke:before {background: white;}
// .header .logo {position: absolute; z-index: 1000; top: 0; right: 0; height:100%;  width: auto; text-align: right;}
.header .logo {position: absolute; top: 0; right: 0; height: 180px; z-index: 1000;}

.header .logo img {height: 100%;}




.home .header {
	/*
	background: url(/assets/img/content/startseite_desktop.png) no-repeat center 5em;
	*/
	background: url(/assets/img/content/startseite-desktop-v2.jpg) no-repeat center 5em;
	background-size: cover;
	position: relative;
	height: 53vw;
	max-height: 1036px;
	max-height: 800px;
	z-index: 10;
	margin-bottom: 0.5vw;
}
.devMode .home .header {
	margin-bottom: 62px;
}
.home .header .logo {height: 180px;}
.events .header { 
	height: auto;max-height: none;
	min-height: auto;
}
.events .header .logo { 
	position: absolute;
	top: 0;
	right: 0;
	height: 180px;
	z-index: 2000;}

.eventheader {
	display: block; width: 100%;

}


.subNavContainer {

	position: absolute;
	top: 0.8em; 
	padding-top: .67em;
	right: calc(180px + 1.37em); 
	text-align: right !important;

}

@media screen and (max-width:1060px)  {
	.subNavContainer { padding-top: 0; top: .25em }
	div.search {
		display: inline-block !important;
	}
	.mainNav {
		padding-top: 2.5em;
	}
}

.subNavContainer div {display: inline-block; margin-left: 1.67em; margin-right: 0; padding: 0;}



.metaNav {
	width: 100%; 
	color: #083e67;
	background-color: #b4c5d1;
	padding-left: 3.33vw; 

}
nav.metaNav li a:link, nav.metaNav li a:visited {
	color: #083e67;
}
.mainNav ul, .metaNav .metaMainContainer ul, .metaNav .metaSubContainer ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.mainNav ul.mainMenu, .metaNav .metaMainContainer ul, .metaNav .metaSubContainer ul { 
	display: inline; float: left;
}
.mainNav li, .metaNav .metaMainContainer li, .metaNav .metaSubContainer li { 
	float: left;
	text-align: left;
}

.mainMenu li {
	margin-right: 1.38em;
	font-size: 1.28rem;
}

.mainMenu > li > a{
	display: inline-block;
	height: 19px;
	line-height: 20px;
	padding-left: 7px;
}
.mainMenu > li > a[rel="fokus"]{
	border-left: 3px solid #2E70A1;
}
.mainMenu > li > a[rel="karriere"]{
	border-left: 3px solid #B8A999;
}
.mainMenu > li > a[rel="inspiration"]{
	border-left: 3px solid #9DAE88;
}

.subNav li, .languageNav li {
	font-size: 0.9rem;
}
.subNav li {
	margin-right: 1.38em;
}
.search {
	margin-left: 1.38em;
	/* migrosch - 2016-09-18 */
	/*
	display: none !important;
	*/
	display: block !important;
	border: 1px solid #ccc;
	background-color: #fff;
	text-align: left;
	white-space: nowrap;

}
.search input[type=text] {
	display: inline-block;
	height: 2em;
	font-size: .75em;
	border: none;
	max-width: 85%;
	box-sizing: border-box;
	white-space: nowrap;
}
.mainNavMobile .search input[type=text] {
	width: 75%
		white-space: nowrap;

}
.search button {
	display: inline-block;
	box-sizing: border-box;
	width: 10%;
	height: 1em;
	font-size: 1em;
	line-height: 1em;
	background-color: #fff;
	border: none;
	cursor: pointer;
	white-space: nowrap;

}

.search .fa.fa-search { display: inline !important; }


.searchResultsItem h3, .searchResultsItem p {
	margin: 0
}

p.event {
	display: inline-block; 
	font-family: "utopia-std", serif; 
	font-size: 0.8rem; 
	padding: 0.4em; 
	color: white; 
	background-color:  #839eb3; 
	margin: 0 0 1em 0;
}
.tmplID-394 p.event, .tmplID-520 p.event {
	margin: 1em 0 0;
}
.karriere > p.event,
.karriere > a > p.event{
	background-color: #B8A999;
}

.accordion-content .teasertext p.event {
	float: left;
	margin-right: 1em;
}

.accordion-content .teasertext p.event-category {
	float: left;
	margin: 0 0 1em 0;
	padding: 0.2em;
	color: #dd7019;
}

.accordion-content .teasertext h3 {
	clear: both;
}

.inspiration > p.event,.inspiration p.event,
.inspiration > a > p.event{
	background-color: #9DAE88;
}
.fokus > p.event,
.fokus > a > p.event,
p.premiumArticle {
	background-color: #2E70A1;
}


h2 a:link, h2 a:visited {text-decoration: none; color: #083e67;}
h2 a:active, h2 a:hover {color: #dd7019;}
nav li a:link,  nav li a:visited {color: white; text-decoration: none;}

nav li.active {color: #dd7019;}
nav li .active a:link, nav li.active a:visited
{color: #dd7019 !important; text-decoration: none;}


nav li.active .mainNavSub li a:link, nav li.active .mainNavSub li a:visited  {
	color: #083e67 !important;
}

.mainNavSub ul ul {
	margin-left: .5em;
}

.mainNavSub > ul > li {
	font-weight: bold;
}
.mainNavSub > ul > li li {
	font-weight: normal;
}

.meta {padding-top: 0.5em; border-top: 1px solid #b4c5d1;}

.meta a:link, .meta a:visited, .artikel a, .artikel a:visited {font-weight: 500; color: #dd7019; text-decoration: none;}

.meta a:active, .meta a:hover, .artikel a:active, .artikel a:hover  {color: #eeb78c;}
.artikel h2 a:visited {color: inherit;}
.artikel h2 a:hover {color: #dd7019;}
.artikel h4 {
	font-family: "akzidenz-grotesk", sans-serif;
	font-weight: 600;
}

.authorimg {display: inline; float: left; border-radius: 50%; width: 5em; height: 5em; margin-top: -1em; margin-right: 1em;}  
.authorimg { border-radius: 0; } /* migrosch - 2017-03-27 */
.authorname { max-width: 80%; margin-left: auto; margin-right: auto; text-align: left; font-size: 1.3em; font-weight: 700; margin-top: 1em;}
.authorsub {font-size: 0.9em; font-weight: 400;}
.quote {
	clear: left; 
	text-align: center; 
	font-size: 1.8em; 
	font-weight: 700; 
	max-width: 95%;
	margin: 0 auto; 
	padding: 40px 0;
	position: relative;}

.quote-logo {display: inline; float: left; margin-right: 1em; max-height: 2.5em; width: auto;}

.quotebox {text-align: center; padding: 1em}

.quoteinfo { text-align: left; margin-top: .5em; }
.quoteinfo .authorimg { margin-top: 0; }

/* .quotemark {float: left !important; font-size: 48px; line-height: 0.5em;}
.quotemark.b {float: right !important;} */
.quote:before { position: absolute; left: 0; top: -40px; content:"\201D"; font-size: 144px; font-weight: 500;}
.quote:after { position: absolute; right: 0; bottom: -100px; content:"\201C"; font-size: 144px;font-weight: 500; }
.quotemark {display: none;}

.article-addons .quotebox {background-color: #e6ebf0;}
.article-addons .quotebox .articlemeta {width: 80%;}
.article-addons .quotebox .articlemeta h3 {
	padding-top: 0.5em;
}

.article-addons .quote {
	font-size: 1.2em; margin-bottom: 1em;
}
.article-addons .quote:before { position: absolute; left: 0; top: -10px; content:"\201D"; font-size: 74px; font-weight: 500;}
.article-addons .quote:after { position: absolute; right: 0; bottom: -50px; content:"\201C"; font-size: 74px; font-weight: 500; }

/*
.eventsheader img {width: 100%; height: auto; } */

.breadcrumb {
	color: #dd7019; 
	color: #F7F3DC;
	position: absolute;
	bottom: 1.2rem; 
	/* right: 2rem;  */
	left: 1.67em;
	text-align: right !important;
}
.home .breadcrumb {
	display: none;
}
div.werwirsind {position: relative;}
.werwirsind .breadcrumb {top: 2rem;}
.events .breadcrumb {bottom: -48px; 
	z-index: 10;}

.catNav { 
	text-align: right !important;
	position: absolute; right: 2rem; 
	bottom: 1.5vw;;
}



p.catNav a:link {color: #dd7019;}
p.catNav a.current {font-weight: bold;}



.catNav a {color: #dd7019; font-size: 1.2rem; padding: 0 0.5em;}
.catNav a:nth-last-of-type(1) {padding-right: 0 !important;}
ul {list-style-type: none;}


@media screen and (max-width:900px)  {

	/*
	div.search {
	display: inline; 
	white-space:pre; 
	margin-top: 0.5em;
	margin-left: 0;
	line-height: 1.6em;
}
	.search:before { content: '\A';  } 
	*/

	.home .header h1 {font-size: 5vw; !important}


}


/* .events .search {margin-right: 220px !important;}*/

.floatleft {display: inline; float: left; width: 50%; padding-right: 0vw;}
.floatleft.col4 {width: 75%;}
.floatleft.col4.erleben {
	width: 74.5%;
	margin-right: 0.5%;}
.floatright.col4 {width: 25%;}

.floatright {display: inline; float: right; width: 50%;}
.calendarbox{
	background-color: #e6ebf0;
	-webkit-flex: 0 1 100%;
	flex: 0 1 100%;
	padding-top: 3em; 
	margin-bottom: 0;
	position: relative;
}

/* new sorting start
mkuettner 2016-10-10 */
.leftrow{display: inline; float: left; width: 25%;}
.middlerow{display: inline; float: left; width: 25%;}
.rightrow{display: inline; float: left; width: 50%;}
/* new sorting end */

.cols3 .leftrow{display: inline; float: left; width: 33.3%;}
.cols3 .middlerow{display: inline; float: left; width: 33.3%;}
.cols3 .rightrow{display: inline; float: left; width: 33.4%;}

.cols3 .leftrow .d1 {margin-right: 0.1vw;}

.content img.nopad {display: inline-block;}

@media screen and (max-width:1199px) and (min-width: 769px) {

	html, body {
		font-size: calc(16px * (100vw -769px) / (1199px - 769px ));
		font-size: 16px;
	}


	.home .floatleft .d2 {
		margin-right: 0.5vw;
	}
	.floatleft {display: inline; float: left; width: 66.7%;}
	.tmplID-498 .floatleft { width: 50%; }
	.floatright {display: inline; float: right; width: 33.3%;}
	.tmplID-498 .floatright { width: 50%; }

	.floatleft.narrow {display: inline; float: left; width: 33.3%;}

	.floatright.wide {display: inline; float: right; width: 66.7%;}

	.col4 .d2 {margin-right: 0.5vw;}
	.floatright .d2 {margin-right: 0;}

	.d4 {

		-webkit-flex: 1 1 100%;
		flex: 1 1 100%;
	}


	.wrapper  {
		width:100%;
		margin: 0;
	}


	.content { 
		width: 100%;

		display: -webkit-flex;
		display: flex;

		-webkit-flex-flow: row wrap;
		flex-flow: row wrap;

		-webkit-justify-content: space-between;
		justify-content: space-between;

		-webkit-align-items:stretch;
		align-items:stretch;

	}



	.d1, .d2, .d3, .d5 {
		font-size: 1.63vw; 
		font-size: 1em;
		font-size: 1rem;
		-webkit-flex: 1 1 60%;
		flex: 1 1 60%;
		margin: 0;
		margin-bottom: 0.5vw;
	}

	.d1 {   
		-webkit-flex:  1 1 49.666%;
		flex:  1 1 49.666%;
		margin: 0 0.5vw 0.5vw 0;

	}

	/* new sorting start
	mkuettner 2016-10-10 */
	.leftrow{display: inline; float: left; width: 33.3%;}
	.middlerow{display: inline; float: left; width: 33.3%;}
	.rightrow{display: inline; float: left; width: 33.4%;}

	.leftrow .d2, .middlerow .d2, .rightrow .d2{
		margin-right: 0.5vw;
	}
	/* new sorting end */
}

@media screen and (max-width:1199px) {

	.quotebox{background-color: #e6ebf0; padding-left: 0; padding-right: 0;}

}


.bg--blue {background-color: #083e67 !important;}
.bg--blue50 {background-color: #839eb3 !important;}
.bg--blue30 {background-color: #b4c5d1 !important;}
.bg--blue10 {background-color: #e6ebf0 !important;}


.slicknav_menu { display: none;}
.mobileHomeCTA {display: none;}

@media screen and (max-width:768px)  {


	.eventscolumn {
		width: 100%; display: block;

	}
	.catNav {
		right: 1rem;
		bottom: 65px !important;
	}
	.catNav a {padding: 0 0 0 0.2em;
		font-size: 1.2rem;
	}
	.mobileHomeCTA {
		display: block;
		background-color: rgba(8,62,103,1);
	}


	.mobileHomeCTA ul {
		padding: 1em 0;
		width: 100%;
		margin: 0;
	}

	.mobileHomeCTA  li{
		border-bottom: 1px solid #ffffff;
	}

	.mobileHomeCTA  li:last-child{
		border: none;
	}

	.mobileHomeCTA  li a{
		font-family: "utopia-std",serif;
		color: #FFFFFF;
		text-decoration: none;
		display: block;
		padding: 10px 1em;
		font-size: 3rem;

	}

	.header {height: auto;}

	.floatleft.changeflow {width: 100%; display:table-footer-group;float:none;}
	.floatright.changeflow {width: 100%; display:table-header-group;float:none;}

	.changeflow .d5 {
		-webkit-flex: 1 1 100%;
		flex: 1 1 100%;
	}

	.breadcrumb {
		display: none; right: 2em !important; 
	}
	.calendarbox .breadcrumb {
		position: relative;display: inline !important; text-align: center;
		width: 100%;
		/* display: none; right: 2em !important; */

	}

	.calendarbox .breadcrumb strong {width; 70% !important;}

	.mainNav {
		display: none !important;
	}

	.slicknav_menu  {
		display:block;
	}

	.mobileNav  {
		text-align: left;
		font-size: 3em;
		font-size: 3rem;
		width: 100%;
		display:block;
		height: 3em;
		color:white;
		background-color:#083e67 ;
		padding: 1em 7vw;
		min-height: 100px;

	}

	.mobileNav .fa {padding-right:  1em;}
	.mobileNav .fa:nth-last-of-type(1) {padding-right:  0;}

	.mobileNav form.search { margin: 10px 1em; }

}

@media screen and (max-width:768px){
	/*  @media screen and (max-width:768px) and (min-width: 480px) { */

	html {
		font-size:-webkit-calc(14px + (18 - 14) * (100vw -480px) / (768px - 480px ));
		font-size: calc(14px + (18 - 14) * (100vw -480px) / (768px - 480px ));
		font-size: 14px;
	}


	.home .header {
		background-position: top left; 
	}
	.header h1 {font-size: 36px ;}

	.header .einblicke h1 {
		font-size: 52px;
	}

	.home .header h1 {font-size: 2.8rem; font-size: 2.25rem;}

	.wrapper  {
		width:100%;
		margin: 0;

	}

	.content {   
		-webkit-flex-direction: row;
		flex-direction: row;
	}

	.referenzen .content {
		-webkit-flex-direction: column;
		flex-direction: column;
	}

	.floatleft, .floatright, .floatleft.col4.erleben {width: 100%;}

	.d1, .d2, .d3, .d5{
		font-size: 2.56vw; 
		font-size: 1.5rem;
		-webkit-flex: 1 1 49.5%;
		flex: 1 1 49.5%;
		/* margin: 0; */
		margin-bottom: 0.5vw;
		margin-right: 0;
	}


	.d6  {
		-webkit-flex: 0 1 49.5%;
		flex: 0 1 49.5%;
		margin-bottom: 1vw;


	}

	.d2 {margin-right: 0.5vw;}

	.article.preview50 {width: 100%; margin-left: 0 !important; margin-right: 0 !important;}


}

@media screen and (max-width: 769px) {
	.docID-4792 .content .person:nth-of-type(even), .docID-7952 .content .person:nth-of-type(even) {
		margin-right: 0;
	}

	.home .floatleft .d2:nth-of-type(2n) { margin-right: 0; }

	.d9, .d10 {-webkit-flex: 0 0 100%; flex: 0 0  100%;}
	.d8 {-webkit-flex: 0 1 49.5%; flex: 0 1  49.5%;}

	.floatleft.col4 {display: block; width: 100%;}
	.floatright.col4 {display: block; width: 100%;}

	.logo {display: none !important;}

	.mobileLogo {
		display: inline; 
		float: right; 
		text-align: right;

		/* 

		width: 18vw; text-align: right; background-color: transparent; margin-top: -0.5em; */
	}

	.mobileLogo img {   
		height: 8vw;
		min-height: 50px;
		margin-top: -0.3rem;
	}


	/* new sorting start
	mkuettner 2016-10-10 */
	.leftrow, .middlerow, .rightrow, 	.cols3 .leftrow, .cols3 .middlerow, .cols3 .rightrow{
		width: 100%;
	}


	.leftrow .content > div,
	.middlerow .content > div,
	.rightrow .content > div{
		width: 100%;
	}

	.cols3  .leftrow .content > div,
	.cols3 .middlerow .content > div,
	.cols3  .rightrow .content > div{
		width: inherit;
	}

	/*
	.leftrow .content > div:first-child,
	.leftrow .content > div:nth-child(2n),
	.leftrow .content > div:nth-child(3n){
	flex: 1 1 100%;
}
	*/
	/* new sorting end */

}

@media screen and (max-width:479px) {



	.docID-5647 .floatleft div.teaserimage, .docID-5647 .floatleft div.teaser, .articlelist .floatleft div.teaserimage, .articlelist .floatleft div.teaser {
		width: 100%;

	}

	.home	.withmargin {margin-right: 0 !important;}
	.home .leftrow .d2, .home .leftrow .d3, .home .middlerow .d2, .home .middlerow .d3 { 
		-webkit-flex: 0 0 100%; 
		flex: 0 0 100%;
	}

	.authorname {
		width: 80%; }

	.d6{
		-webkit-flex: 0 1 100%;
		flex: 0 1 100%;
		margin-bottom: 2vw;
	}


	body {
		font-size: 16px;
	}



	.wrapper, .d1, .d2, .d3 , .d4 , .d5 {
		font-size: 1em; 
		width:100% !important;
		margin: 0 0 1vw 0;

	}
	.home .floatright .d2, .home .floatright .d3  {
		width:100% !important; -webkit-flex: none; flex: none;
	}	
	.floatleft, .floatright {display: block; width: 100%;}

	.mobileNav {font-size: 2rem;}

	.mobileLogo {
		height: 100%;
		/*  width: 30vw;
		margin-top: -1.2em; /* migrosch - 2016-07-15 */ */

	}
	.mobileLogo img {height: 100%;}

	.d1, .d2, .d3, .d4 , .d5 {
		-webkit-flex: 0 0 100%;
		flex: 0 0 100%;
	}

	.home .header {
		/*
		background-image: url(/assets/img/content/startseite_mobile.png);
		*/
		background-image: url(/assets/img/content/startseite-mobile-v2.jpg);
		background-size: cover;
		min-height: 480px;
		height: 60%;
		min-height: 320px; /* migrosch - 2016-07-15 */
		background-position: center center; 
	}

	.home .header h1 { font-size: 2.5rem !important; font-size: 2rem !important; } /* migrosch - 2016-07-15 */
	.generalheader {height: 8rem !important; }
	.docID-5398 .generalheader {min-height: 16rem !important;}

	h2, 	.additionalheader p  { 
		font-size: 1.5rem; 
	} /* migrosch - 2016-07-15 */


}


@media screen and (max-width: 375px) {
	.mobileNav {margin: 0; width: 100% !important; padding: 2rem; height: 5rem; min-height: 100px;}
	.mobileNav .fa {font-size: 2rem;}
	.mobileLogo .img {max-height: 2rem;}
}

/* Month header */
.month {
	padding: 0 ;
	width: 100%;
}

/* Month list */
.month ul {
	margin: 0 -2em;
	padding: 0;
}

/* Weekdays (Mon-Sun) */
.weekdays {
	margin: 0 -2em;
	padding: 10px 0;
}

.weekdays li {
	display: inline-block;
	font-weight: 600;
	width: 12.7%;
	color: #666;
	text-align: center;
	font-size:1.4em;

}

/* Days (1-31) */
.days {
	margin: 0 -2em;
	padding: 0 0;
}

.days li {
	list-style-type: none;
	display: inline-block;
	width: 12.7%;
	width: 13.3%;
	text-align: center;
	margin-bottom: 5px;
	font-size:1.4em;
}
/* Highlight day with event */
.days li.selected {
	background-color: #dd7019;
}

.days li .active {
	color: #dd7019 !important;
	text-decoration: none;
}
.days li.selected .active {
	/* color: #083e67 !important; */
	color: white !important;
}

/* Highlight the "current" day */

.days li .current {
	border: 1px solid #dd7019; 
	border-radius: 50%;  
	padding: 3px 5px !important;
}

.days li.othermonth {
	color: #839eb3 !important;
}

div.teaserimage {display: inline; float: left; margin-right: 1.1em ;}
div.teasertext {
	padding-top: 0;  width: -webkit-calc(100% - 100px - 1.1em); 
	width: calc(100% - 100px - 1.1em);
	display: inline; float: right;
}

div.teaser {
	padding-top: 0; 
	display: inline; float: right;
}
div.teaserarticle {
	padding-top: 0;  width: -webkit-calc(100% - 100px - 1.1em); 
	width: calc(100% - 100px - 1.1em);
	display: inline; float: right;
}
/* div.vortrag {width: 50%; display: inline; float: left; padding: 2.2em 0 0 0;}
div.vortrag {-webkit-flex: 0 1 49%; flex: 1 0 49%; padding: 2.2em 0 0 0;} */
/*
.d3.weitere div.vortrag:nth-of-type(odd) {margin-right: 1.1em; }
.d3.weitere div.vortrag:nth-of-type(even) {margin-left: 1.1em; }*/

.d3 div.vortrag {width:100%;}

.d3.weitere div.vortrag {
	/*  width:-webkit-calc(50% - 1.1em) ;
	width:calc(50% - 1.1em) ; */
	-webkit-flex: 0 0 48%; flex:0 0 48%;
	margin-bottom: 1em;
	border-bottom: 1px solid #839eb3;
}
/*
.d3.weitere div.vortrag:nth-last-of-type(1),  .d3.weitere div.vortrag:nth-last-of-type(2)  {
border-bottom: 1px solid #FFF;
} */


@media screen and (max-width: 1199px) and (min-width: 769px) {
	.docID-4792 .content .person:nth-of-type(3n+3), .docID-7952 .content .person:nth-of-type(3n+3) {
		margin-right: 0;
	}

	/* div.vortrag {width: 100%; display: inline; float: left;} */
	/*  .d3.weitere div.vortrag, .d3.weitere div.vortrag:nth-of-type(3) {
	width: 100%;
	border-bottom: 1px solid #839eb3;
}

	.weitere div.vortrag:nth-of-type(odd) {padding-right: 0; }
	.weitere div.vortrag:nth-of-type(even) {padding-left: 0; }
	*/

}

@media screen and (max-width:768px)  {
	.authorimg {
		width: 4em; height: 4em;
		margin: 0 1em 0 0; 

	}
	.d3.weitere div.vortrag {
		width: 100%; -webkit-flex: 0 0 100%; flex: 0 0 100%; 
	}
}
.breadcrumb a:link, .breadcrumb a:visited { color: #dd7019; color: #F7F3DC; text-decoration: none; padding: 0 0.5em;}
.breadcrumb a.calendarnavigation {color: #dd7019; font-size: 1.3em; line-height: inherit; font-weight: bold}

.calendarbox .breadcrumb strong {color: #001e32; font-size: 140%; display: inline-block; width: 185px; text-align: center;}

@media screen and (max-width:768px)  { 
	.calendarbox .breadcrumb { margin: -1em 0 1em 0; text-align: center !important; }

	.calendarbox .breadcrumb strong { width: 70%; margin: -1em 0 1em 0; }

}

/* .breadcrumb a:link:nth-last-of-type(1){padding-right: 0 !important;} */
.breadcrumb i.fa-chevron-right:nth-last-of-type(1){margin-right: .5em !important;}
/* p {font-size: 1rem; line-height: 1.4;} */

/*
a:link, a:visited { color: #dd7019; text-decoration: none;}
a:active, a:hover {color: #eeb78c;}

h2 a:link, h2 a:visited, h3 a:link, h3 a:visited, a:link p, a:visited p, a:link h2, a:visited h2, a:link h3, a:visited h3 { color: #083e67; text-decoration: none;}
h2 a:active, h2 a:hover, h3 a:active, h3 a:hover, a:active p, a:hover p, a:active h2, a:hover h2, a:active h3, a:hover h3 {color: #083e67;}
*/
p a:link, p a:visited, li a:link, li a:visited { color: #dd7019; text-decoration: none;}
p a:active, p a:hover, li a:active, li a:hover, .breadcrumb a:active, .breadcrumb a:hover {color: #eeb78c;}
p a.inactive, li a.inactive {color: #eeb78c;color: rgba(221,112,25,0.65);}
.storify p a:link, .storify p a:visited { color: #aaa; }
p.catNav  a:link, p.catNav a:visited { color: #dd7019;  text-decoration: none;}
.presscards a:link, .presscards a:visited, .presscards a:hover, .presscards a:active { color: #fff; text-decoration: none;}

p a.inactive:active, p a.inactive:hover {color: #dd7019;}
.vortrag h3 {font-size: 1.2em; line-height: 1.2;    margin: 0.5em 0 0 0;
}

.divlink {display: block; cursor: pointer; text-decoration: none; color: inherit;}
.divlink.video {background: url(/assets/img/YouTube-icon-dark-80percent.png) 50% 45% no-repeat; background-size: 10%; }
.divlink.video:hover {background: url(/assets/img/YouTube-icon-full_color.png) 50% 45% no-repeat; background-size: 10%; 
}

.objectdate, .vortragdate {color:#839eb3; font-weight: 500; margin: 0 0 0.5em 0;}
.articleMeta {color:#839eb3; font-weight: 500;}
.d3 .objectdate,.d3 .vortragdate {max-width: 76%;}

.objectmeta {
	display: inline; float: right;    
	vertical-align:middle;
	height: 40px; margin:0; padding:0;
}

.objectmeta img.speaker { 
	width: 45px;
	width: calc(2.5vw +  2em);  
	max-width: 80px;
	height: auto;
	min-width: 30px; 
	border-radius: 50%;
	margin-left: 0.5em;
}
.objectmeta img.speaker {border-radius: 0;} /* migrosch - 2017-03-27 */
.objectmeta i {vertical-align: top; color: #dd7019; font-size: 1.6em; line-height: 40px; margin:0; padding:0;}

.calendar--filter {display: inline; float: right;}
.calendar--filter a {margin-left: 1em;}



@media screen and (max-width:768px)  {
	.calendarbox {flex: 0 0 100%;}
	.calendar--filter {display: inline-block; text-align: left;  width: 100%; float: none;}
	.calendar--filter a {margin-left: 0; margin-right: 1em;}
	.calendarbox {padding: 1em;}
	.weekdays, .days {margin: 0;}
	.events h1 {    margin-left: 1.67rem;}
}




.readmore {border-top: 1px solid  #b4c5d1; padding-top: 0.8em; margin-bottom: 0;}
.biometa { /* border-bottom: 1px solid  #b4c5d1; */}

.articlemeta {width: 70%; margin-bottom: 1.1em;}
.articlemeta h3, .articlemeta h4, .biobox h3, .biobox h4{ margin: 0; font-family: "akzidenz-grotesk", sans-serif;
	;}
.articlemeta h3, .biobox h3  {font-weight: bold; }
.articlemeta img {display: inline; float: left; height: 5em; width: 5em; border-radius: 50%; margin-right: 1.1em;}
.articlemeta img {border-radius: 0;} /* migrosch - 2017-03-27 */

.calendar-entry-headline + .articlemeta { margin-top: 1em; }
.vortrag .articlemeta img {border-radius: 0;}
.vortrag .articlemeta.round img {border-radius: 50%; }
.vortrag .articlemeta.round img {border-radius: 0; } /* migrosch - 2017-03-27 */

hr.blueline {
	clear: left;
	margin-top: 1.6em;
	border: 0;
	height: 1px !important;
	background: #c1ced9;
}

hr.whiteline {
	clear: left;
	margin-top: 1.6em;
	border: 0;
	height: 1px !important;
	background: #ffffff;

}

.referenten h3 {
	font-size: 2.2em;
	margin: 0;
} 
.referenten h4 {
	font-size: 1.6em;
	margin: 0;
} 


/* Update 2016-11-04 ssommer */
.referenten h3 {
	font-size: 1.3em;
	margin: 0;
} 
.referenten h4 {
	font-size: 1.1em;
	margin: 0;
} 

.biobox .biometa {border: none !important;}
.biobox img {max-width: 100px; height: auto;}
.biobox h3 a, .biobox h4 a  {text-decoration: none; color: inherit;}
.imagewrapper {width: 100%;position: relative;}
.imagewrapper img {display: block; width: 100%; !important}
.imagewrapper p.caption {width: 100%;position: absolute; bottom: 0; padding: 0.5em; margin: 0 !important; background-color: background-color: #e6ebf0; font-size: 90%;}

.imagewrapper p.caption2 {
	width: 100%;
	position: absolute; 
	bottom: 0; 
	padding:0.5em 1em; 
	margin: 0 !important; 
	color: white;
	background-color: rgba(8,62,103,0.8);  
	font-size: 80%;
	line-height: 1.2;
}

@media screen and (max-width: 479px) {
	font-size: 70%;

}

.article-addons {display:-webkit-flex; display: flex; justify-content: space-between; margin-top: 1em;}
/* .abstract, .storify, .article-addons .quotebox {-webkit-flex: 0 1 49%;flex: 0 1 49%;  width: 40%; padding:  0 1em; } */
.abstract, .article-addons .quotebox {-webkit-flex: none ;flex: none ;  width: 100%; padding:  0 1em; }
.storify {display: none;}

@media screen and (max-width:479px) {

	.article-addons {display:block;}
	.abstract, .storify, .article-addons .quotebox {width: 100%; margin: 1em 0;}
	.storify {display: none;}

}	

.abstract {border: 1px solid #b4c5d1;}
h2 + .abstract { margin-top: 1em; }
.storify {border: 1px solid #dd7019;}


.elastic-video {
	position: relative;
	padding-bottom: 55%;
	padding-top: 15px;
	height: 0;
	overflow: hidden;
}
.elastic-video iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.werwirsind h2, h2.referenten {padding: 0.5em 1.2em; text-align: left; color: white;}



.expander:after { content: "\f054"; 
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	text-decoration: inherit;
	color: #083e67;
	top: 50%;
	left: 50%;
	z-index: 1; 
	font-size: 1.5em;

}


.open .expander:after { content: "\f078"; 
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	text-decoration: inherit;
	color: #dd7019;
	top: 50%;
	left: 50%;
	z-index: 1; 
	font-size: 1.5em;
}
.accordion-toggle {padding-top: 1em; cursor: pointer;}
.expander, .vitalink {text-align: right; display: inline; float: right; color: #dd7019;;}
.expander i {font-size: 1.5em; padding-left: 2em;}

.expander a:link, .objectmeta a:link, .expander a:visited , .objectmeta a:visited{color: #dd7019; text-decoration: none;}
.person {padding-bottom: 0.5em;}
.person h2 {color: #001E32 !important; padding: 0 !important; margin-bottom: 0 !important; }
.person h3 {margin-top: 0;}

.person .objectmeta {height: 1em !important; margin: -3em 0 0 0;}


@media screen and (max-width:1220px)  {

	.person .objectmeta {display: block; margin: -0.5em 0 2em 0; }


}

.card {background-color: transparent; padding: 0; min-height: 15rem; text-align: left;}
.card .front {background-color: #083E67; color: #FFFFFF; }

.card .back {padding: 1em 0.67em 1.67em 1.67em;
	text-align:left; background-color: #FFF; color: #083E67; 
	overflow:hidden; overflow-y: scroll;
	border: 1px solid #083E67;}

.back-btn { 
	color:  #dd7019; text-align: right !important; display: inline; float: right;}

.back-btn.noicon {
	font-size: 3rem;
	line-height: 1rem;
}

.back-btn:hover {color:  #eeb78c; cursor:pointer;}

.card.convictions .front h3 {font-size: 5rem; line-height: 1; margin: 0; padding: 0.67rem; margin-bottom: 0.8em;}
.card.convictions .front h4 { font-size: 1.37rem; line-height: 1; padding: 0 0.67rem;}
.card.competence  .front {text-align: center; padding-top: 0.67em;}
.card.competence  .front img {max-height: 7em; margin: 1em 1em 0.5em 1em;}
.card.competence .front h3 {
	font-size: 1.4rem; 
	text-align: center; 
	line-height: 1;
	margin: 0; 
	padding: 0.67rem;
	margin-bottom: 0.8em;
}
.card.competence .back {
	border: 1px solid #083E67;
}


.glossarylist { max-height: 30em; overflow-y: scroll; border: 0.666em solid white; padding-top: 1em; border-left: 0;}
.glossarylist  p {text-align: center; width: 1em; font-family: "utopia-std", serif; font-weight: 400; font-size: 1.6rem; margin-top: 1em;}
.glossarylist ul {margin-top: -3em; margin-bottom: 2em;}
.glossarylist li a:link{color:#083e67 ; text-decoration: none;}
.linklist li a:link, .linklist a:visited  {color: #dd7019; text-decoration: none;}
.linklist {padding-left: 0;}
.glossarylist li      { padding-left: 0.75em; text-indent: -0.75em; }
.glossarylist li > *  { text-indent: 0; }

.subNavContainer a{text-decoration: none; color: white}
.subNavContainer .language a.current {color:#839eb3; pointer: text;}


.fixed {
	position:fixed;
	top:0;
	z-index: 50000;
}
.branchenschwerpunkte { 
	width: 100%;
	display:-webkit-flex;
	display: flex;
	justify-content: start;
}

.branchenschwerpunkt {
	text-align: center;
	-webkit-flex: 0 1 24%;
	flex: 0 1 24%;
	color: white; 
	background-color: #083E67;
	padding: 1em;
	margin-left: .5vw;
}
.branchenschwerpunkt:first-of-type {
	margin-left: 0;
}
.branchenschwerpunkt img {max-width: 60%; margin: 1em 0 1em 0; }

.articleMainImage {width: 100%; height: auto; margin-bottom: 1em;}
.imagewrapper .articleMainImage {margin-bottom: 0 !important;}
/*.docID-5604 .articleMainImage { width: 50%; }*/

.objectmeta .fa.fa-share-alt { display: none; }
.fa.fa-ellipsis-h { display: none; }
.fa.fa-search { display: none; }
/*
.en .navigation-toggler { display: none; }
*/

.semitransparentBlueOverlay, .semitransparentBlueOverlay p, .semitransparentBlueOverlay h2, .semitransparentBlueOverlay div, .semitransparentBlueOverlay hr {
	position: relative;
	z-index: 1;
}
.semitransparentBlueOverlay h2 a:link, .semitransparentBlueOverlay p a:link, .semitransparentBlueOverlay h2 a:visited, .semitransparentBlueOverlay p a:visited {
	color: #fff;
}
.semitransparentBlueOverlay::before {
	background-color: rgba(8, 62, 103, 0.7);
	content: "";
	display: block;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 0;
}

.card { cursor: pointer; }
.docID-4799 .card:nth-of-type(2) { cursor: default; }

.withmargin {margin-right: 0.5vw !important;}

@media screen and (max-width:768px)  {

}




.content.cards{
	display: initial;
}

.first-text,
.last-text{
	background-color: white;
	padding: 1.67em;
	text-align: left;
	border: 1px solid rgb(0, 30, 50);
}
.last-text.type-2{
	padding: 0;
}
.expandable-box{
	width: 100%;
	border: 1px solid rgb(0, 30, 50);
}

.expandable-box .fa-times {
	font-size: 3em;
	margin-top: -.25em;
}

.expandable-box .front{
	padding: 0.67em;
	text-align: center;
	background-color: #083e67;
	color: #ffffff;
	width: 100%;
	height: 100%;
	display: inline-block;
	cursor: pointer;
}
.expandable-box.expanded .front{
	display: none;
}
.expandable-box .front img{
	margin: 1em 1em 0.5em;
	max-height: 7em;
	height: auto;
	max-width: 100%;
}
.expandable-box.type-2 .front h3{
	font-size: 5rem;
	line-height: 1;
	margin: 0 0 0.5em 0;
	padding: 0.67rem;
	text-align: left;
}
.expandable-box.type-2 .front h4{
	font-size: 1.37rem;
	line-height: 1;
	padding: 0 0.67rem;
	text-align: left;
}

.expandable-box .text{
	background-color: #fff;
	color: #083e67;
	padding: 1em 0.67em 1.67em 1.67em;
	text-align: left;

	display: none;
}
.expandable-box.expanded .text{
	display: inline-block;
}

@media only screen and (min-width:500px){
	.last-text{
		clear: both;
	}
	.expandable-box{
		float: left;
		width: 50%;
		height: 240px;
	}
	.expandable-box.expanded .text{
		position: absolute;
		left: 0;
		height: 478px;
	}
	.expandable-box.type-1:nth-child(4).expanded .text,
	.expandable-box.type-1:nth-child(5).expanded .text,
	.expandable-box.type-1:nth-child(8).expanded .text,
	.expandable-box.type-1:nth-child(9).expanded .text,
	.expandable-box.type-1:nth-child(12).expanded .text{
		margin-top: -240px;
	}
	.expandable-box.type-2:nth-child(3).expanded .text,
	.expandable-box.type-2:nth-child(4).expanded .text,
	.expandable-box.type-2:nth-child(7).expanded .text,
	.expandable-box.type-2:nth-child(8).expanded .text,
	.expandable-box.type-2:nth-child(9).expanded .text,
	.expandable-box.type-2:nth-child(10).expanded .text{
		margin-top: -240px;
	}
}

@media only screen and (min-width:900px){
	.expandable-box{
		width: 25%;
		position: relative;
	}
	.expandable-box.expanded{
		z-index: 10;
	}
	.expandable-box.expanded .text{
		position: absolute;
		height: 478px;
	}
	.expandable-box:nth-child(12){
		clear: both;
	}
	.first-text,
	.last-text{
		float: left;
		height: 480px;
		width: 50%;
	}
	.last-text.type-2{
		height: 240px;
		margin-top: 0;
		overflow: hidden;
	}
	.last-text{
		clear: none;
		float: right;
		margin-top: -240px;
	}

	.expandable-box.type-1:nth-child(2).expanded .text,
	.expandable-box.type-1:nth-child(4).expanded .text,
	.expandable-box.type-1:nth-child(6).expanded .text,
	.expandable-box.type-1:nth-child(8).expanded .text,
	.expandable-box.type-1:nth-child(10).expanded .text,
	.expandable-box.type-1:nth-child(12).expanded .text{
		left: 0;
		width: calc(200% + 2px);
	}
	.expandable-box.type-1:nth-child(3).expanded .text,
	.expandable-box.type-1:nth-child(5).expanded .text,
	.expandable-box.type-1:nth-child(7).expanded .text,
	.expandable-box.type-1:nth-child(9).expanded .text,
	.expandable-box.type-1:nth-child(11).expanded .text{
		left: calc(-100% - 2px);
		width: calc(200% + 2px);
	}

	.expandable-box.type-2:nth-child(1).expanded .text,
	.expandable-box.type-2:nth-child(3).expanded .text,
	.expandable-box.type-2:nth-child(5).expanded .text,
	.expandable-box.type-2:nth-child(7).expanded .text,
	.expandable-box.type-2:nth-child(9).expanded .text{
		left: 0;
		width: calc(200% + 2px);
	}
	.expandable-box.type-2:nth-child(2).expanded .text,
	.expandable-box.type-2:nth-child(4).expanded .text,
	.expandable-box.type-2:nth-child(6).expanded .text,
	.expandable-box.type-2:nth-child(8).expanded .text,
	.expandable-box.type-2:nth-child(10).expanded .text{
		left: calc(-100% - 2px);
		width: calc(200% + 2px);
	}
	.expandable-box.type-2:nth-child(3).expanded .text,
	.expandable-box.type-2:nth-child(4).expanded .text{
		margin-top: 0;
	}
	.expandable-box.type-2:nth-child(5).expanded .text,
	.expandable-box.type-2:nth-child(6).expanded .text{
		margin-top: -240px;
	}
}

form.order-form {
	overflow: hidden;
}
form.order-form div {
	float: left;
	margin-bottom: 0.5em;
	margin-right: 2%;
	width: 48%;
}
form.order-form div.hundred {
	width: 98%;
}
form.order-form.order-form-only-email div {
	float: none;
	width: 98%;
}
@media screen and (max-width:479px) {
	form.order-form div {
		float: none;
		width: 98%;
	}
}
form.order-form label, form.contact-form label  {
	display: inline-block;
	width: 100%;
}
form.order-form select, form input, form.contact-form select {
	display: block;
	font-size: 1em;
	height: 1.75em;
	padding: 0.25em;
	width: 100%;
}
form.order-form input, form.contact-form input{
	border: none;
	border-bottom: 1px solid #839eb3;
}
form.order-form textarea, form.contact-form textarea {
	border: 1px solid #839eb3;
	width: 100%;
	height: 6em;
}

form.order-form input[type=checkbox] {
	border: 1px solid red;
	width: 2em;
	height: 2em;
	margin: 0;
	padding: 0;
	vertical-align: text-bottom;
	float: left;
}
form.premiumArticleRegistration .hundred label {
	width: calc(100% - 3em);
	float: left;
	margin-top: .375em;
}
form.premiumArticleRegistration .hundred input[type=checkbox] {
	margin-right: .5em;
}
form.order-form.order-form-only-email input[name=Email] {
	border: 1px solid #839eb3;
}
form.order-form select {
	border: 1px solid #839eb3;
}
form.order-form input[type="submit"], form.contact-form input[type="submit"] {
	background-color: #083e67;
	color: #fff;
	font-size: 1.25em;
	height: auto;
	padding: 0.5em;
	width: 100%;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	cursor: pointer;
}

form.order-form input[type="reset"] {
	background-color: #e6ebf0;
	border-bottom: none;
	appearance: none;
	cursor: pointer;
}

form.premiumArticleRegistration.order-form div {
	clear: both;
}
@media screen and (max-width:768px) {
	form.premiumArticleRegistration.order-form div {
		width: 98%;
	}
}
.alertBox { color: red; border: 2px solid red; padding:  0 .5em; width: 98%; margin-bottom: .5em;}
.notificationBox { border: 2px solid #839eb3; padding:  0 .5em; width: 98%; margin-bottom: .5em;}

.notificationBox p {
	color: #839eb3;
	font-weight: 500;
}

/* quick fixes */
.docID-5398 .quotebox {
	padding: 1.5em 2em !important;
}
.docID-5398 .quote {
	padding-bottom: 20px;
}
.docID-5398 .quote + p {
	margin-top: 0;
}

.stoerer {
	position: absolute;
	top: 0;
	right: 0;
	width: calc(3vw + 3em);
}

.stoerer img {
	width: 100%,
		height: auto;
}
.socialSharingBox {
	display: inline;
	float: right;
	color: #dd7019;
	text-align: right;
}

.socialBox  { position: absolute; right: 1.67em; bottom: 1.2rem;}

@media screen and (max-width:768px){
	.socialBox  {  
		bottom: -10.1em;
	}
}

.socialSharingBox i {margin-left: 0.5em;}
.socialSharingBox  a:link, .socialSharingBox  a:visited, .socialSharingBox .turnOff { color: #eeb78c;}
.socialSharingBox  a:active, .socialSharingBox  a:hover { color: #dd7019;}
.socialSharingLinks {
	/* migrosch - 2017-03-06
	display: none;
	*/
	width: 9em;
	float: left; 
	overflow: hidden;
}
.socialSharingBox  .fa-share-alt {
	/* migrosch - 2017-03-06 */
	display: none;
}

.socialSharingLinks > div {
	display: inline-block; 
	width: 9em;
}

.fa-youtube-play::before { color: #cd201f; }
.fa-twitter::before { color: #0eabe1; }
.fa-xing::before { color: #005b5f; }
.fa-linkedin-square::before { color: #177db9; }
.fa-facebook::before { color: #3b5998; }
.fa-envelope::before { color: #999; }

.socialSharingBox a .fa-xing { color: #005b5f; }
.socialSharingBox a .fa-twitter { color: #0eabe1; }
.socialSharingBox a .fa-linkedin { color: #177db9; }
.socialSharingBox a .fa-facebook { color: #3b5998; }
.socialSharingBox a .fa-envelope { color: #999; }

.editInfo.white {color: white;}
.editBox {background-color: white; padding: 0.5em; text-align: left;}




a.u-floatLeft {display: none !important;}


.timeline-Widget, .timeline-Header {background-color: #0C3F66 !important; }

.articlelist .floatright .d5 { max-width: 100%; }
.articlelist .floatright .d5 select { width: 100%; }
.articlelist .floatright .d3 .objectmeta { min-height: 40px; height: auto; }

select.linksDropdown {
	-webkit-appearance: none;
	-moz-appearance: none;
	border: 1px solid #083e67;
	color: #083e67;
	padding: 5px 2.25em 5px 5px;
	border-radius: none;
	-webkit-border-radius: 0px;
	background-color: transparent;
	position: relative;
	z-index: 2;
	font-size: .75em;
}

select.linksDropdown option {
	position: relative;
	z-index: 2;
}

.article-filter p {
	position: relative;
}

select.linksDropdown + .fa {
	content:"\f107";
	font-family: FontAwesome;
	bottom: 0.1em;
	font-size: 1.5em;
	position: absolute;
	right: 0.25em;
	z-index: 1;
}

.hidden {
	display: none;
}

.gaOptoutLink { cursor: pointer; color: #dd7019; font-weight: 500; }
.gaOptoutLink:hover { color: #dd7019; }

/* *** Cookie Bar START *** */
.cookie-bar {
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 1000;
	width: 100%;
	/*
	max-width: 1920px;
	*/
	background-color: #000;
	background-color: rgba(0, 0, 0, 0.8);
	background-color: rgba(5, 57, 127, 0.8);
	color: #fff;
	padding: .75em;
	font-family: 'ff-dax-web-pro',sans-serif;
	box-sizing: border-box;
	text-align: left;
}

@media only screen and (min-width: 761px) {
	.cookie-bar {
		padding: .75em 5%;
	}
}

@media only screen and (min-width: 1280px) {
	.cookie-bar {
		padding: .75em 10%;
	}
}

.cookie-bar a {
	color: #fff;
	text-decoration: underline;
}

.cookie-bar-close-button {
	float: right;
	margin-left: 1em;
	cursor: pointer;
}

.btn {
	border-style: solid;
	border-width: 2px;
	/*
	border-radius:  10px;
	*/
	text-align: center;
	padding: 0.5rem 2rem;
	padding: 0.5rem;
	font-family: "ff-dax-web-pro",sans-serif;
	font-weight: 400;
	text-decoration: none;
	line-height: 100%;
	text-shadow: none;
	white-space: nowrap !important;
	background-color: #2E70A1;
	color: #fff;
}
.btn:focus, .btn:hover, .btn:active
{ 
	color: #B8A999;
}
/* *** Cookie Bar END *** */

.tmplID-519 .home .header {
	max-height: none;
}
span.masterCaption {
	display: block;
	color: #fff !important;
	font-family: "utopia-std", serif;
	font-weight: 400;
	font-size: 1.975rem;
	padding: .5em .125em .25em;
	text-decoration: none !important;
}
@media screen and (min-width:1200px) {
	span.masterCaption {
		font-size: 1.975rem;
	}
}
@media screen and (max-width:768px)  {
	span.masterCaption {
		font-size: 1.875rem;
	}
}
@media screen and (max-width:479px) {
	span.masterCaption {
		font-size: 1.625rem;
		padding: .5em .5em .25em;
	}
}

.docID-8672 .floatleft.col4, .tmplID-543 .floatleft.col4 { width: 100%; }
.docID-8672 .floatright.col4, .tmplID-543 .floatright.col4 { display: none; }


.floatleft.col4.referenzen 	{
	width: 100%; 
}


.downloadFooter {
	clear: both;
	padding: 1px 1em;
	color: white;
	text-align: left;
}

.SocialMediaChannelsPerson {
	position: absolute;
	bottom: 3px;
	right: 7px;
	font-size: 2em;
}
.SocialMediaChannelsPerson a {
	display: inline-block;
	margin-left: 0.2em;
}

audio.mediaelementplayer {
	width: 100%;
}
.mejs__container, .mejs__controls {
	background-color: #083e67 !important;
}

.cookieconsent-optout-marketing div {
	display: block;
	width: 100%;
	background-color: #083e67;
	padding: 1rem;
}

.cookieconsent-optout-marketing p {
	color: #fff;
	text-align: center;
}

.d2 .elastic-video {
	padding-top: 0;
}

.d6 .cookieconsent-optout-marketing div {
	padding: .25rem;
}

.articleArchiveEntry {
	clear: both;
}
.articleArchiveEntryImage {
	float: left;
	margin-right: 20px;
}
.articleArchiveEntryImage img {
	width: 100px;
	height: auto;
}
.articleArchiveEntryContent {
	margin-left: 120px;
}

.articleArchiveEntry + hr.blueline {
	margin-top: 0;
}

/*** START quote slider ***/
.articleBox {
	max-width: calc(100% - 0.5vw);
}

.quotesSliderContainer {
	padding: 0 2em;
}

.logosSliderContainer {
	padding: 0 2em;
}


 .logosSlider img, .teilnehmerstimmenSlider img, .awardSlider img {
	width: 95%;
} 
.quotesSlider, .quotesSlider div, .quotesSlider .slick-slide {
	width: 100%;
}
.quotesSlider blockquote {
	display: block;
	background-color: #e6ebf0;
	width: 100%;
	margin: 0 0 .75em;
	padding: .5em 1em;
}
.quotesSlider blockquote p {
	word-wrap: break-word;
}
/*** END quote slider ***/

.input-container input:invalid {
	box-shadow: none;
}

.input-container.required {
	position: relative;
}
.input-container.invalid input[type=text], .input-container.invalid input[type=email] {
	border-bottom: 1px solid red;
}
.input-container.invalid:after {
	font-family: FontAwesome;
	content: '\f00d';
	position: absolute;
	right: .25em;
	bottom: .25em;
	color: red;
}
.input-container.valid input[type=text], .input-container.valid input[type=email] {
	border-bottom: 1px solid #87b09a;
}
.input-container.valid:after {
	font-family: FontAwesome;
	content: '\f00c';
	position: absolute;
	right: .25em;
	bottom: .25em;
	color: #87b09a;
}
.input-container.select.invalid:after, .input-container.select.valid:after {
	right: 1em;
}


.referenzen .examplesOfSuccess, .referenzen .refFurtherReading
 {
display: flex;
flex-direction: row;
	gap: 1em;
}

.referenzen .examplesOfSuccess div {
flex: 1 1 0%;
}

.referenzen .examplesOfSuccess p {
margin-top: 0.5em;
}
.referenzen .refFurtherReading
div {
	flex: 1 1 100%; 
}


.referenzen form.contact-form {
    overflow: hidden;
    display: flex;
    justify-content: start;
    flex-flow: row;
    flex-wrap: wrap;
    gap: 1em;
}
form.contact-form div {
margin-bottom: 0.5em;
    flex: 0 1 48%;
}



@media (max-width: 600px) {
 .referenzen .examplesOfSuccess, .referenzen .refFurtherReading {
flex-direction: column;
}
	
	form.contact-form div {
flex: 1 0 100%;
}
	}
.center {text-align: center;}

.referenzen h3 {
font-size: 1.5em;
}

.referenzen h4 {
	font-size: 1.3em;
   margin: 0 0 0.5em 0;
}

@media screen and (min-width: 1200px) {
.referenzen h3 {
    font-size: 1.85em;
} 
}