@import "https://font.nicdn.de/asap.css";
@import "https://lib.nicdn.de/fa/6.0.0-beta1/css/all.min.css?v1.0";
@import "https://lib.nicdn.de/bootstrap/4.0.0/css/bootstrap.min.css";
/* --------------------------------- */
body {
	font-family: 'Asap',sans-serif;
	color: #444444;
	/* hyphens */
	-moz-hyphens: auto;
	-o-hyphens: auto;
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
}

.navbar {
	position: inherit;
}

.navbar-brand {
	position:absolute;
	top:3px;
	margin-left:-5px;
}

.navbar-brand svg {
	width:150px;
}

.rounded-circle {
	float: left;
	max-width: 50px;
	margin-right: 15px;
}


.main-root {
	background: #ffffff url("/uploads/tx_niimg/1024x768_1_1527326778_fotolia_193921958_s.jpg") no-repeat right center;
	background-size: cover;
}


:root {
	--jumbotron-padding-y: 3rem;
}

.jumbotron {
	padding-top: var(--jumbotron-padding-y);
	padding-bottom: var(--jumbotron-padding-y);
	margin-bottom: 0;
	background-color: #fff;
}

.main-root .jumbotron {
	background-color: transparent;
	background: rgba(0,0,0,0.3);
}


@media (min-width: 768px) {
	.jumbotron {
		padding-top: calc(var(--jumbotron-padding-y) * 4);
		padding-bottom: calc(var(--jumbotron-padding-y) * 4);
	}
}

.jumbotron p:last-child {
	margin-bottom: 0;
}

.jumbotron-heading {
	font-weight: 300;
}

.jumbotron .container {
	max-width: 40rem;
	padding-top: 25px;
	padding-bottom: 25px;
	background: rgba(255,255,255,0.8);
}

footer {
	padding-top: 3rem;
	padding-bottom: 3rem;
}

footer p {
	margin-bottom: .25rem;
}

.box-shadow { box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05); }

/* -------------------- */
#closeNav {
	float:right;
}
#closeBtn {
	color:rgba(255,255,255,0.125);
	font-weight: 100;
	font-size:3rem;
	line-height:3rem;
	margin-right: 1rem;
	margin-top:1rem;
}
#closeBtn:hover {
	color:#fff;
	color:rgba(255,255,255,0.25);
	text-decoration: none;
}