body {
	background-color: #e1e1e0;
	position: relative;
}
pre {
	background-color: #e1e1e0;
}
.pointer {
	cursor: pointer;
}
.main,
.main-header {
	background-color: #ffffff;
}
.topnavi  {
	padding-top: 5px;
	padding-bottom: 5px;
	color: #fff;
}
.brand-top {
	max-height: 85px;
}
.brand-top-small {
	max-height: 45px;
}
.icons-highlight {

}

.position-relative {
    position: relative;
}

.teaser-image {
    background-position-x: center;
	position: relative;
	height: 380px;
	width: 100%;
	background-size: cover;
}
.footer {
	padding-top: 15px;
	padding-bottom: 5px;
	margin-top: 5px;
	color: #fff;
}
.footer a,
.topnavi a {
	color: #ffffff;
	font-size: 1.15em;
}
.custom-file-input:lang(de) ~ .custom-file-label::after {
	content: "Durchsuchen";
}
.alert-secondary .custom-control-label:before {
	background-color: #ffffff;
	border: 1px solid #999;
}
.file-preview-frame {
	display: table;
	height: 160px;
	border: 1px solid #ddd;
	box-shadow: 1px 1px 5px 0 #a2958a;
	padding: 6px;
	float: left;
	text-align: center;
	vertical-align: middle;
	margin-top:10px;
}
.file-preview-frame:hover {
	box-shadow: 3px 3px 5px 0 #333
}
.file-thumbnail-footer .file-caption-name {
	padding-top: 4px;
	font-size: 11px;
	color: #777
}
.file-upload-indicator:hover {
	font-size: 1.2em;
	font-weight: 700;
	padding-top: 0
}
input[type='number'] {
	appearance: textfield;
}
input[type='number']::-webkit-inner-spin-button,
input[type='number']::-webkit-outer-spin-button,
input[type='number']:hover::-webkit-inner-spin-button,
input[type='number']:hover::-webkit-outer-spin-button {
	-webkit-appearance: none;
	margin: 0;
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.preloader {
  cursor: wait;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  border: .25rem solid #003366;
  border-top-color: #ff9933;
  animation: spin 1s infinite linear;
}
.preloader.small {
  width: 20px;
  height: 20px;
}
.preloader.big {
  width: 50px;
  height: 50px;
}

/*
Spinner Loading indicator
 */
.spinner {
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.4);
	backdrop-filter: blur(4px);
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	visibility: hidden;
	transition: visibility 0s linear .12s, opacity .12s linear;
}
.spinner.active {
	opacity: 1;
	visibility: visible;
	transition-delay: 0s;
	z-index: 999;
}
.spinner > div {
	left: 50%;
	padding: 20px 25px;
	position: fixed;
	text-align: center;
	top: 200px;
	transform: translateX(-50%);
	z-index: 401;
	background-color: rgba(255,255,255,0.8);
	border: 1px solid rgba(255,255,255,0.85);
	box-shadow: rgba(0,0,0,0.2) 0 0.9em 0.5em -0.5em;
	backdrop-filter: blur(5px);
	border-radius: 5px;
	color: rgba(0,0,0,0.8);
}
.spinner > div > span:not(.icon) {
	display: block;
	margin-top: 5px;
}

/* Snackbar */
#snackbar {
	display: none;
	min-width: 250px;
	max-width: 80%;
	background-color: #333;
	color: #fff;
	text-align: center;
	border-radius: 2px;
	padding: 16px;
	position: fixed;
	z-index: 9999;
	left: 50%;
	transform: translateX(-50%);
	bottom: 0;
	opacity: 0;
	box-shadow: 0 2px 0 #222;
}
#snackbar.danger {
	background-color: #d9534f;
	box-shadow: 0 2px 0 #d2322d;
}
#snackbar.success {
	background-color: #5cb85c;
	box-shadow: 0 2px 0 #47a447;
}
#snackbar.warning {
	background-color: #f0ad4e;
	box-shadow: 0 2px 0 #ed9c28;
}