/*

	\m/ade with passion
	06. Okt 2017

	* Allgemeine Definitionen
	* Seitenkopf
	* Seitenfuß
	* Navigation
	* Mobiles Menü
	* Inhaltsbereich

 */

/* . . . . . Allgemeine Definitionen . . . . . */
body {
	font-family:   Arial, sans-serif;
	font-size:     18px;
	color:         rgb(80,80,80);
	overflow-x:    hidden;
}

b, strong, h1, h2, h3, h4, h5, h6 {
	font-weight: 600;
}

h1, h2, h3, h4 {
	font-family: 'Droid Serif', serif;
	font-weight: 400;
	color:       rgb(0,103,165);
}

hr {
	border-top: 2px solid rgb(0,103,165);
	margin:     3.25rem auto;
}

.frame-layout-0 hr {
	border-top: 2px solid rgb(0,103,165);
	margin:     0 auto 3.25rem auto;
}

a {
	color: rgb(0, 103, 165);
}

.grid-container {
	max-width: 64em;
}

hr.dnb-spacer {
	border-color:  transparent;
	margin-top:    2rem;
	margin-bottom: 2rem;
}

ul.list-unstyled {
	list-style-type: none;
	margin:          0;
	padding:         0;
}

.list-unstyled li {
	padding-left: 0;
}

.margin-btm {
	margin-bottom: 1.5rem;
}

.frame-layout-1 {
	padding-right: .9375rem;
	padding-left: .9375rem;
}

/* . . . . . Seitenkopf . . . . . */
.dnb-sticky-container {
	padding-bottom: 20px;
	background:     rgb(255,255,255);
}

.dnb-header {
	border-bottom: 1px solid rgb(0,103,165);
	background:    rgb(255,255,255);
	min-height:    117px;
}

.dnb-header-logo {
	position:   absolute;
	background: rgb(255,255,255);
}

.dnb-keyvisual {
	position:               relative;
	background-repeat:      no-repeat;
	background-size:        cover;
	background-position:    bottom;
	background-attachment:  fixed;
	height:                 354px;
}

/* Turn off parallax scrolling for tablets and phones. Increase/decrease the pixels if needed */

@media only screen and (max-device-width: 1024px) {
	.dnb-keyvisual {
		background-attachment: scroll;
	}
}


.dnb-keyvisual-slogan {
	position:          absolute;
	bottom:            0;
	left:              50%;
	-webkit-transform: translate(-50%,0);
	-moz-transform:    translate(-50%,0);
	-ms-transform:     translate(-50%,0);
	-o-transform:      translate(-50%,0);
	transform:         translate(-50%,0);
	text-transform:    uppercase;
	font-size:         42px;
	color:             rgb(255,255,255);
	text-align:        center;
	line-height:       65%;
}

@media ( min-width: 768px ) {
	.dnb-keyvisual-slogan {
		font-size:     80px;
	}
}

/* . . . . . Seitenfuß . . . . . */
.dnb-footer {
	background: rgb(226,226,226);
	padding:    3rem 0;
}

.dnb-footer-contact span {
	display: inline-block;
	width:   80px;
}

.dnb-footer-navigation ul {
	margin:          0;
	padding:         0;
	list-style-type: none;
}

.dnb-footer-navigation li {
	margin:  0;
	padding: 0;
}

.language-menu {
	margin-top: 2rem !important;
	/* display: none; */
}

.language-menu-top a {
	color: rgb(0,103,165);
	font-size: 12px;
}

.language-menu-top li.active {
	display: none !important;
}

ul.language-menu-top {
	margin: 0 !important;
}

.dnb-thissite {
	margin-bottom: 3rem;
}

.list-inline .list-inline-item {
	display: inline-block;
	margin-right: 1rem;
}

/* . . . . . Navigation . . . . . */
.myNavigation a {
	display: inline-block;
	color: rgb(80,80,80);
	padding: 60px 10px 18px 10px !important;
	margin-top: 20px;
	background: transparent;
}

.myNavigation a:hover, .myNavigation a.active {
	background: rgb(0,103,165);
	color:      rgb(255,255,255);
}

.dropdown.menu>li.is-dropdown-submenu-parent>a::after {
	border: none;
	content: '';
}

.submenu a {
	padding: 0;
}




/* . . . . . Inhaltsbereich . . . . . */
.dnb-page {
	margin: 1rem 0;
}

.dnb-background {
	background: rgb(240,240,240);
	padding: 1rem;
}

@media ( min-width: 40em ) {
	.dnb-background {
		padding: 2rem 4rem;
	}
}

.dnb-background>h2:after {
	display:       block;
	content:       '';
	border-bottom: 2px solid rgb(0,103,165);
	margin:        0 20% 2rem;
}


.overlay {
	height: 0%;
	width: 100%;
	position: fixed;
	z-index: 1;
	top: 0;
	left: 0;
	background-color: rgb(0,0,0);
	background-color: rgba(0,0,0, 0.9);
	overflow-y: hidden;
	transition: 0.5s;
}

.overlay-content {
	position: relative;
	top: 25%;
	width: 100%;
	text-align: center;
	margin-top: 15px;
}

.overlay a {
	padding: 8px;
	text-decoration: none;
	font-size: 32px;
	color: #818181;
	display: block;
	transition: 0.3s;
}

.overlay a:hover, .overlay a:focus {
	color: #f1f1f1;
}

.overlay .closebtn {
	position: absolute;
	top: 20px;
	right: 45px;
	font-size: 60px;
}

@media screen and (max-height: 450px) {
	.overlay {overflow-y: auto;}
	.overlay a {font-size: 20px}
	.overlay .closebtn {
		font-size: 40px;
		top: 15px;
		right: 35px;
	}
}