@charset "UTF-8";

html {
	height: 100%;
	min-height: 100%;
}

/* common styles */

body {
	background-color: #f1f1f1;
	padding-top: 50px;
	padding-bottom: 25px;
	/* must set min-height: 100% for background-image on android */
	min-height: 100%;
	font-family: "akzidenz-grotesk",Arial,sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 18px;
	line-height: 150%;
}

a:focus {
	outline: 0;
}

a {
	text-decoration: none;
}

ol.ordered-list-alpha {
	list-style-type: lower-alpha;
}

.darker1 a:link, .darker1 a:visited {
	color: #0084bd;
}

.darker1 a:hover, .darker1 a:active {
	color: #002b58;
}

/* force elements to expand to full height
   simply add a <br class="clear"> at the end
	 of the regarding element */

.clear {
	clear: both;
}

.centered-text {
	text-align: center;
}

/* article links */

article a {
	font-weight: 700;
}

article .subnav-left a {
	font-weight: 400;
}

article .subnav-left .active a {
	font-weight: 700;
}

article a:hover, article a:active {
	text-decoration: none;
	/*font-weight: 700;*/
}

article .darker4 a:link, article .darker4 a:visited {
	color: #888;
}

article .dblue3 a:link, article .dblue3 a:visited {
	color: #6985a0;
}

article .darker4 a:hover, article .darker4 a:active,
article .dblue3 a:hover, article .dblue3 a:active {
	color: #fff;
}

/* body IDs */

/* grey */

.darker1 {
	background-color: #f1f1f1;
}

.darker2 {
	background-color: #e9e9e9;
}

.darker3 {
	background-color: #dedede;
}

.darker4 {
	background-color: #cbcbcb;
}

.darker5 {
	background-color: #b3b3b3;
}

.darker6 {
	background-color: #888;
}

/* dark blue */

.dblue1 {
	background-color: #d4dce6;
}

.dblue2 {
	background-color: #c0cee6;
}

.dblue3 {
	background-color: #9fb8d1;
}

.dblue4 {
	background-color: #6985a0;
}

.dblue5 {
	background-color: #425a71;
}

.dblue6 {
	background-color: #002b58;
}

h1, h2, h3, h4, h5, h6 {
	color: #0084bd;
	font-family: "akzidenz-grotesk",Arial,sans-serif;
	font-style: normal;
	font-weight: 700;
}

h1 {
	font-size: 46px;
	line-height: 52px;
	margin-bottom: 20px;
	margin-top: 20px;
}

h2 {
	font-size: 36px;
	line-height: 42px;
	margin-bottom: 20px;
	margin-top: 20px;
}

h3 {
	font-size: 30px;
	line-height: 34px;
	margin-bottom: 20px;
	margin-top: 20px;
}

h4 {
	font-size: 25px;
	line-height: 28px;
	margin-bottom: 20px;
	margin-top: 20px;
}

h5 {
	font-size: 20px;
	line-height: 22px;
	margin-bottom: 20px;
	margin-top: 20px;
}

h2.name span {
	display: block;
	color: #000;
	font-size: 15px;
	line-height: 24px;
}

p {
	padding-bottom: 10px;
}

.darker1 blockquote {
	padding: 30px;
	background: #fefefe url('/assets/img/left_quote.png') no-repeat left top;
	font: italic 16px/24px Georgia, "Times New Roman", serif;
	border-style: none;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.top-bottom-padding-50 {
	padding-top: 50px;
	padding-bottom: 50px;
}

.bottom-padding-50 {
	padding-bottom: 50px;
}

.bottom-padding-25 {
	padding-bottom: 25px;
}

.top-padding-50 {
	padding-top: 50px;
}

@media screen and (max-width: 1200px) {
	.top-bottom-padding-lg-50 {
		padding-top: 0;
		padding-bottom: 50px;
	}
}

@media screen and (min-width: 1201px) {
	.top-bottom-padding-lg-50 {
		padding-top: 50px;
		padding-bottom: 50px;
	}

	.indented-40 {
		margin-left: 40px;
	}
}

.top-bottom-padding-25 {
	padding-top: 25px;
	padding-bottom: 25px;
}

.strong {
	font-family: "akzidenz-grotesk",Arial,sans-serif;
	font-style: normal;
	font-weight: 700;
}

.nodisplay {
	display: none;
}

@media screen and (min-width: 1025px) {
	#start {
		background: #fff url(/assets/img/49915119_47670f570e_o.jpg) no-repeat center center fixed;
	}
}

@media screen and (max-width: 1024px) {
	#start {
		background: #fff url(/assets/img/49915119_47670f570e_b.jpg) no-repeat center center fixed;
	}
}

@media screen and (max-width: 640px) {
	#start {
		background: #fff url(/assets/img/49915119_47670f570e_z.jpg) no-repeat center center fixed;
	}
}

#start {
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/img/49915119_47670f570e_b.jpg', sizingMethod='scale')";
}

.navbar-brand {
	padding-top: 0;
	padding-right: 0;
}

#top-menu {
	background-color: #fff;
	box-shadow: 0 0 7px #333;
}

#start #top-menu {
	box-shadow: 0 0 10px #000;
}

/* bootstrap-tweaks */

#top-menu .navbar-toggle {
	/*border-color: #0084bd;*/
	border-width: 0;
}

#top-menu .navbar-toggle:hover,
#top-menu .navbar-toggle:focus {
	background-color: #0084bd;
}

#top-menu .navbar-toggle .icon-bar {
	height: 3px;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	background-color: #0084bd;
}

#top-menu .navbar-toggle:hover .icon-bar,
#top-menu .navbar-toggle:focus .icon-bar {
	background-color: #fff;
}

#main-nav ul {
	font-family: "akzidenz-grotesk",Arial,sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	letter-spacing: 1px;
}

#main-nav a {
	color: #0084bd;
	border-collapse: collapse;
}

#main-nav li > a {
	border-left: 1px solid #fff;
}

#main-nav li.divider {
	height: 16px;
	margin: 10px 20px 0px 20px;
	background-color: #fff;
	color: #425a71;
}

li.divider {
	line-height: 12px;
	font-size: 10px;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 700;
	color: #425a71;
}

@media screen and (max-width: 1200px) {
	#main-nav li.divider {
		margin-left: 26px;
	}

	#main-nav li > a {
		border-bottom: 1px solid #fff;
	}
}

#main-nav li li > a {
	border-bottom: 1px solid #fff;
}

#main-nav .active > a,
#main-nav li > a:hover {
	background-color: #c8e5f4;
}

#lang-switch > div {
	position: fixed;
	z-index: 1031;
	width: 100%;
}

#lang-switch .container {
	margin: 0 auto;
	max-width: 1200px;
}

#lang-switch > div,
#lang-switch .container {
	height: 1px;
}

article a:hover,
article a:active {
	color: #425a71;
}

article .darker2,
article .darker2 h1,
article .darker2 h2,
article .darker2 h3,
article .darker2 h4,
article .darker2 h5,
article .darker2 h6 {
	color: #b3b3b3;
}

article .darker3,
article .darker3 h1,
article .darker3 h2,
article .darker3 h3,
article .darker3 h4,
article .darker3 h5,
article .darker3 h6 {
	color: #888;
}

article .darker4,
article .darker4 h1,
article .darker4 h2,
article .darker4 h3,
article .darker4 h4,
article .darker4 h5,
article .darker4 h6 {
	color: #5f5f5f;
}

article .darker5,
article .darker5 h1,
article .darker5 h2,
article .darker5 h3,
article .darker5 h4,
article .darker5 h5,
article .darker5 h6 {
	color: #181818;
}

article .darker6,
article .darker6 h1,
article .darker6 h2,
article .darker6 h3,
article .darker6 h4,
article .darker6 h5,
article .darker6 h6 {
	color: #fff;
}

article .dblue1,
article .dblue1 h1,
article .dblue1 h2,
article .dblue1 h3,
article .dblue1 h4,
article .dblue1 h5,
article .dblue1 h6 {
	color: #9fb8d1;
}

article .dblue2,
article .dblue2 h1,
article .dblue2 h2,
article .dblue2 h3,
article .dblue2 h4,
article .dblue2 h5,
article .dblue2 h6 {
	color: #6985a0;
}

article .dblue3,
article .dblue3 h1,
article .dblue3 h2,
article .dblue3 h3,
article .dblue3 h4,
article .dblue3 h5,
article .dblue3 h6 {
	color: #425a71;
}

article .dblue4,
article .dblue4 h1,
article .dblue4 h2,
article .dblue4 h3,
article .dblue4 h4,
article .dblue4 h5,
article .dblue4 h6,
article .dblue5,
article .dblue5 h1,
article .dblue5 h2,
article .dblue5 h3,
article .dblue5 h4,
article .dblue5 h5,
article .dblue5 h6,
article .dblue6,
article .dblue6 h1,
article .dblue6 h2,
article .dblue6 h3,
article .dblue6 h4,
article .dblue6 h5,
article .dblue6 h6 {
	color: #fff;
}

article ul {
	list-style-type: none;
	margin-left: -40px;
}

article li {
	border-bottom: 1px dotted #888;
	padding-bottom: 7px;
	margin-bottom: 7px;
}

article ul li {
	padding-left: 40px;
	background: transparent url(/assets/img/list-bullet-light.png) no-repeat left 4px;
}

article .darker1 ul li {
	padding-left: 40px;
	background: transparent url(/assets/img/list-bullet-grey.png) no-repeat left 4px;
}

article ul.standard li {
	padding-left: 0;
	background-image: none;
	list-style-type: square;
}

.no-bullet li {
	background-image: none !important;
	padding-left: 0 !important;
}

article li:last-child {
	border-bottom: none;
}

.factbox h1,
.factbox h2,
.factbox h3,
.factbox h4,
.factbox h5,
.factbox h6 {
	margin-left: 40px
}

.partner-foto {
	width: 100%;
	margin-top: 20px;
}

/* Sub-Navigation "Unsere Aktivitäten", "Unsere Partner" */

.subnav-left {
	font-size: 15px;
}

.subnav-left a {
	text-decoration: none;
}

.subnav-left li {
	padding-bottom: 7px;
	margin-bottom: 7px;
	border-bottom: 1px dotted #0084bd;
}

.subnav-left .active,
.subnav-left a:hover,
.subnav-left a:focus {
	font-weight: 800;
	color: #0084bd;
}

.subnav-left .divider {
	margin-top: 18px;
	margin-bottom: 0;
	border-bottom-style: none;
}

.no-deco:hover,
.no-deco:active {
	text-decoration: none;
	color: #0084bd;
}

@media screen and (min-width: 1201px) {
	.subnav-left {
		position: fixed;
		margin-top: 75px;
		width: 165px;
	}

	.subnav-left li {
		width: 100%;
		text-align: right;
	}
}

@media screen and (max-width: 1200px) {
	.subnav-left {
		margin-top: 25px
	}
}

@media screen and (min-width: 1201px) {
	#bottom-menu .navbar {
		max-height: 25px;
		min-height: 25px;
	}
}

@media screen and (max-width: 1200px) {
	#bottom-menu .pull-right {
		margin-right: 0;
		position: relative;
		top: 23px;
	}

	#bottom-menu #lang-switch-bottom,
	#bottom-menu #impressum,
	#bottom-menu #privacy {
		display: inline-block;
	}

	#bottom-menu #impressum {
		margin-right: -5px;
		margin-right: 1px;
	}

	#bottom-menu #privacy {
		margin-right: 9px;
	}

	#bottom-menu #impressum a,
	#bottom-menu #privacy a {
		top: -7px;
	}

	#bottom-menu .navbar-nav,
	#bottom-menu #impressum,
	#bottom-menu #privacy {
		margin-top: 2px;
	}
}

@media screen and (min-width: 1201px) {
	#bottom-menu .navbar-nav,
	#bottom-menu #impressum,
	#bottom-menu #privacy {
		margin-top: 1px;
	}

	#bottom-menu #impressum {
		margin-right: 1px;
	}

	/* special */
	.extra-padding-bottom {
		padding-bottom: 40px;
	}
}

/* internet explorer uglyfication */
/* align 'impressum' and langswitch at the same vertical position */

@media screen and (min-width: 0\0) and (min-width: 1201px) {
	#bottom-menu #impressum,
	#bottom-menu #privacy {
		margin-top: 1px;
	}
}

@media screen and (min-width: 0\0) and (max-width: 1200px) {
	#bottom-menu #impressum,
	#bottom-menu #privacy {
		top: -7px;
	}
}

#bottom-menu .navbar {
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 2px;
}

#bottom-menu li > a {
	max-height: 23px;
	padding-top: 2px;
	padding-bottom: 2px;
}

#bottom-menu .bfh-selectbox-toggle {
	padding-top: 2px;
}

#bottom-menu a .caret {
	border-bottom: 4px solid #fff;
	line-height: 0;
}

#bottom-menu .bfh-selectbox-option {
	font-size: 12px;
	margin-top: 1px;
	margin-bottom: 0;
}

#bottom-menu div > .bfh-selectbox-toggle {
	border-style: none;
	box-shadow: none;
	background-color: rgba(0, 43, 88, 0.85);
	color: #fff;
	border-radius: 0;
	max-height: 23px;
	text-decoration: none;
}

#bottom-menu div > .bfh-selectbox-toggle:hover,
#bottom-menu div > .bfh-selectbox-toggle:focus {
	background: #002b58;
}

#bottom-menu #impressum a,
#bottom-menu #privacy a {
	color: #fff;
	background-color: rgba(0, 132, 189, 0.85);
	padding-left: 10px;
	padding-right: 10px;
}

#bottom-menu #impressum a:hover,
#bottom-menu #impressum a:focus,
#bottom-menu #privacy a:hover,
#bottom-menu #privacy a:focus {
	background-color: #0084bd;
}

#lang-switch-bottom {
	margin-left: 1px;
}

#lang-switch-bottom .bfh-selectbox-options {
	min-width: 60px;
}

#lang-switch-bottom .bfh-selectbox-options a {
	color: #0084bd;
}

#lang-switch-bottom .bfh-selectbox-options a:hover,
#lang-switch-bottom .bfh-selectbox-options a:focus {
	background-color: #c8e5f4;
}

/* navigation: screen-size specific  */

@media screen and (min-width: 769px) {
	#top-menu .navbar-right .dropdown-menu {
		left: 0;
		right: auto;
	}

	#top-menu .navbar-nav > .open > a,
	#top-menu .navbar-nav > .open > a:hover,
	#top-menu .navbar-nav > .open > a:focus {
		background-color: #c8e5f4;
	}
}

#claim a {
	color: #fff;
	text-decoration: none;
}

#error {
	text-align: center;
}

@media screen and (min-width: 769px) {
	#claim, #error {
		position: absolute;
		width: 100%;
		top: 38%;
	}

	#claim h1 {
		text-align: center;
		font-size: 60px !important;
		line-height: 64px;
		color: #fff;
		text-shadow: 0 0 10px #000;
	}

	#error h1 {
		font-size: 60px !important;
		line-height: 64px;
	}
}

@media screen and (max-width: 768px) {
	#claim, #error {
		position: absolute;
		width: 100%;
		top: 23%;
	}

	#claim h1 {
		text-align: center;
		font-size: 46px !important;
		line-height: 48px;
		color: #fff;
		text-shadow: 0 0 10px #000;
	}

	#error h1 {
		font-size: 46px !important;
		line-height: 48px;
	}

	/* special */

	.ccsp {
		margin-left: 34px;
	}
}

/* Kontakt.html */

.citymap {
	border-style: none;
	border-width: 0;
	width: 100%;
	height: 400px;
}

/* special */

.inline-button-link {
	padding: 1px 3px;
	font-size: 12px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 1px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	-webkit-box-shadow: 1px 1px 1px 1px rgba(66,90,113,0.25);
	-moz-box-shadow: 1px 1px 1px 1px rgba(66,90,113,0.25);
	box-shadow: 1px 1px 1px 1px rgba(66,90,113,0.25);
}

.inline-button-link:link,
.inline-button-link:visited {
	background-color: #0084bd;
	color: #fff !important;
}

.inline-button-link:hover,
.inline-button-link:active {
	background-color: #fff;
	color: #0084bd !important;
}

.dblue3 .inline-button-link:link,
.dblue3 .inline-button-link:visited {
	background-color: #6985a0;
	color: #fff !important;
}

.dblue3 .inline-button-link:hover,
.dblue3 .inline-button-link:active {
	background-color: #d4dce6;
	color: #425a71 !important;
}

.darker4 .inline-button-link:link,
.darker4 .inline-button-link:visited {
	background-color: #888;
	color: #fff !important;
}

.darker4 .inline-button-link:hover,
.darker4 .inline-button-link:active {
	background-color: #f1f1f1;
	color: #888 !important;
}

/* privacy notice */
#cookie-banner,
noscript {
	padding: 15px;
	background-color: #a82287;
	width: 100%;
	color: #fff;
	position: fixed;
	z-index: 100000;
	bottom: 0;
}

#cookie-banner {
	display: none;
}

#cookie-banner div {
	float: left;
}

#cookie-banner button {
	background-color: #fff;
	color: #425a71;
	font-weight: 700;
	float: right;
}

#cookie-banner a {
	color: #a0d2e9;
}

/* akismet privacy opt-in on comments */
#commentform .privacy-notice::before {
	content: "*";
	color: #f00;
	font-size: 18px;
	font-weight: 700;
}

/* icons */

.pdf {
	margin-left: 40px;
	/*margin-top: 40px;*/
	width: 48px;
	height: 48px;
	display: block;
	background: transparent url('/assets/img/48x48-pdf.png') no-repeat center center;
}

.cissp {
	margin-top: 10px;
	margin-left: 34px;
}

.ccsp {
	margin-top: 10px;
}

/* team */
.team-short-info {
	min-height: 310px;
}

.team-short-info p {
	font-size: 16px;
	line-height: 140%;
}

.team-image img {
	width: 150px;
	height: 150px;
	-webkit-border-radius: 75px;
	-moz-border-radius: 75px;
	border-radius: 75px;
	margin-left: auto;
	margin-right: auto;
	display: block;
	background: #fff url('/assets/img/team/missing_person_placeholder.png') no-repeat center bottom;
}

.team-desc {
	text-align: center;
}

.team-desc h5 {
	font-size: 18px;
	margin-bottom: 0;
}

@media screen and (min-width: 992px) {
	.team-centered-single {
		max-width: 33.33333333%;
	}
}

@media screen and (min-width: 768px) and (max-width: 991px) {
	.team-centered-single {
		max-width: 50%;
	}
}
