.navbar {
	border-radius: 0;
	border: 0px none;
	margin-bottom: 0;
}
.navbar-default {
	background-color: #ff6600;
	/* background-image: url(/_img/lc_logo_schriftzug_weiss_1300x300px.svg);
	background-size: auto calc(100% - 12px);
	background-repeat: no-repeat;
	background-position: center; */
}
body.preview .navbar-default {
	background-color: #999;
}
/* .navbar-default .navbar-nav > li.active { */
.navbar-default .navbar-nav > li > a {
	text-align: center;
}
.navbar-default .navbar-nav > li.active::after {
	content: " ";
	height: 0;
	border-style: solid;
	border-width: 0 5px 10px 5px;
	border-color: transparent transparent #333 transparent;
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -5px;
}
.navbar-default .navbar-nav > li > a {
	color: #fff;
}
.navbar-default .navbar-nav > li > a:hover {
	color: #333;
}
.navbar-default .navbar-nav > li.active > a,
.navbar-default .navbar-nav > li.active > a:focus,
.navbar-default .navbar-nav > li.active > a:hover {
	color: #333;
	background-color: transparent;
}
/* .navbar-default .navbar-nav > li.active > a {
	color: #fff;
}
.navbar-default .navbar-nav > li.active > a:focus,
.navbar-default .navbar-nav > li.active > a:hover {
	color: #333;
} */
.navbar-nav > li > .collapse,
.navbar-nav > li > .collapsing {
	position: absolute;
}
.navbar-left, .navbar-right {
	position: relative;
}
.navbar-left {
	z-index: 10;
}
/* .navbar-center {
	text-align: center;
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
}
.navbar-center .navbar-brand {
	float: none;
	padding: .722222em 10px 0;
	display: inline-block;
	/ height: 4em; /
	height: 3.222222em;
}
.navbar-center .navbar-brand img {
	margin: 0 auto;
} */
.navbar-center {
	position: absolute;
	width: 100%;
	left: 0;
	text-align: center;
	margin: 0 auto;
	top: 50%;
	-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
			transform: translateY(-50%);
}
.navbar-default .navbar-brand {
	position: absolute;
	width: 100%;
	left: 0;
	text-align: center;
	margin: 0 auto;
	padding: 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
	text-decoration: none;
	color: #fff;
}
body.preview .navbar-default .navbar-brand::after {
	content: 'Preview';
	font-size: small;
	position: absolute;
	bottom: 0;
	left: 50%;
	color: #333;
}
.navbar-default .navbar-toggle {
	z-index:3;
}
.navbar-black {
	background-color: #333;
	color: #fff;
	min-height: 50px;
}
.navbar-black h2 {
	margin: 0px;
	line-height: 1.6em;
}
.navbar-black .navbar-text {
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 10px;
	padding-bottom: 10px;
}
.navbar-black .navbar-nav > li > a {
	color: #fff;
	padding-top: 10px;
	padding-bottom: 10px;
}
.navbar-black .navbar-nav > li > a:focus,
.navbar-black .navbar-nav > li > a:hover {
	color: #ff6600;
	background-color: transparent;
}
.navbar-black .navbar-nav > li.active > a,
.navbar-black .navbar-nav > li.active > a:focus,
.navbar-black .navbar-nav > li.active > a:hover {
	color: #ff6600;
}
.navbar-black .navbar-left > form > .bootstrap-select-group {
	line-height: 44px;
}
.navbar-black .navbar-nav + form {
	display: inline-block;
}
.navbar-black .navbar-nav > li > .progress {
	min-width: 400px;
	margin-bottom: 0;
	margin-top: 13px;
}
@media (max-width: 1199px) {
	.navbar-black .navbar-nav > li > .progress {
		min-width: 250px;
	}
}
@media (max-width: 991px) {
	.navbar-black .navbar-nav > li > .progress {
		min-width: 200px;
	}
}
/* @media (max-width: 767px) {
	.navbar-black .navbar-nav > li > .progress {
		min-width: 200px;
	}
} */
.navbar-black .navbar-nav > li > .progress > .progressbar-back-text {
	color: #000;
}
.navbar-black .navbar-nav > li > .progress > .progress-bar {
	background-color: #ff6600;
}

/* Login */
body:not(.preview) #login-container {
	background-color: #ff6600;
}
body:not(.preview) #login-container .panel-default {
	border-color: #ff6600;
}
body:not(.preview) #login-container .panel-default > .panel-heading {
	color: #fff;
	background-color: #000;
}
body:not(.preview) #login-container .panel-default > .panel-body .btn-success {
	background-color: #ff6600;
	border-color: #ff6600;
}
/* Auth-Info / Logoff */
#auth_container {
/* 	line-height: 5.142857em; */
	line-height: 4.142857em;
}
#auth_container .form-group {
	line-height: normal;
	line-height: initial;
}
#auth_container .form-group a/* ,
#auth_container .form-group a:focus,
#auth_container .form-group a:hover */ {
	color: #333;
	position: relative;
}
#auth_container .form-group a.btn.active,
#auth_container .form-group a.btn:active {
	-webkit-box-shadow: none;
	box-shadow: none;
}
#auth_container .form-group a.active::after {
	content: " ";
	height: 0;
	border-style: solid;
	border-width: 0 5px 10px 5px;
	border-color: transparent transparent #333 transparent;
	position: absolute;
/* 	bottom: -22px; */
	bottom: -17px;
	left: 50%;
	margin-left: -5px;
}
#auth_container .form-group a.btn.active::after {
	bottom: -10px;
}
/* Grid */
@media (min-width: 768px) {
	.columns-2 {
		-webkit-column-count: 2;
		   -moz-column-count: 2;
				column-count: 2;
	}
	.columns-2 > .control-label, .columns-2 > .error {
		-webkit-column-span: all;
				column-span: all;
		display: block;
	}
	.columns-2 > .checkbox {
		margin-top: 0;
		margin-bottom: 5px;
		padding-top: 5px;
		-webkit-column-break-inside: avoid;
				  page-break-inside: avoid;
					   break-inside: avoid-column;
	}
	.navbar-default .navbar-brand {
		height: 100%;
	}
}
@media (max-width: 767px) {
	.navbar-default .navbar-left {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.navbar-default .nav > li {
		/* -webkit-box-flex: 0;
		-ms-flex: 0 0 25%;
		flex: 0 0 25%;
		max-width: 25%; */
		width: 25%;
		-ms-flex-preferred-size: 0;
		flex-basis: auto;
		-webkit-box-flex: 1;
		-ms-flex-positive: 1;
		flex-grow: 1;
		max-width: 100%;
	}
	.navbar-default .collapse.in .navbar-right {
		border-top: 1px solid #e7e7e7;
		margin-top: -7.5px;
		padding-top: 7.5px;
	}
	.navbar-default .navbar-right .form-inline {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.navbar-default .navbar-right .form-group {
		-ms-flex-preferred-size: 0;
		flex-basis: 0;
		-webkit-box-flex: 1;
		-ms-flex-positive: 1;
		flex-grow: 1;
		max-width: 100%;
		margin-bottom: 0;
		text-align: center;
	}
	.navbar-default .navbar-right .form-group.auth_info {
		flex-grow: 2;
	}
	.navbar-black .form-inline {
		float: none !important;
	}
}

/* TODO */
/* #container:has(> #sidebar) {
	display: flex;
    /align-items: stretch;
    position: relative;
    min-height: calc(100vh - 109.5px);/
} */
#sidebar {
    min-width: 20vw;
    max-width: 20vw;
    background: #ccc;
    transition: all 0.3s;
    /* margin-left: -15px; */
/*     position: absolute; */
    position: fixed;
    left: 0;
/*     top: 0; */
    bottom: 0;
/*     height: calc(100vh - 109.5px); */
    overflow-x: hidden;
    z-index: 1030;
}
#sidebar:not(.active) {
	margin-left: -20vw;
}
#sidebar + main {
	width: 100%;
}
#sidebar.active + main {
	padding-left: 20vw;
}