/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/

html, body#body, #wrapper {
	height: 100%;
	width: 100%;
}
html, body#body {
	overflow: hidden;
	padding: 0;
	margin: 0;
}
#slider {
	position: relative;
	height: 100%;
	padding: 0;
}

footer#footer {
	position: absolute;
	width: 100%;
	bottom: 0;
	right: 0;
	left: 0;
}
#search-loader {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: #69C6C6;
	z-index: 9999;
}

#search-loader .css3-spinner > .css3-spinner-ball-scale-multiple {
	width: 160px;
	height: 160px;
	margin-left: -80px;
	margin-top: -80px;
}

#search-loader .css3-spinner > .css3-spinner-ball-scale-multiple > div {
	width: 160px;
	height: 160px;
}

#slider .nav-link {
	border: 1px solid rgba(255, 255, 255, 0.3);
	height: 100%;
}

#search-frame {
	padding: 0;
}

#search-frame .tab-content {
	padding: 1.5rem 2.5rem;
}

#search-frame #search-tabs .nav-item > .nav-link {
	-webkit-transition:	background-color 220ms ease-in, color 220ms ease-in;
	-moz-transition:	background-color 220ms ease-in, color 220ms ease-in;
	transition:			background-color 220ms ease-in, color 220ms ease-in;
}

#search-frame #search-tabs .nav-item > .nav-link:not(.active) {
	color: rgba(255, 255, 255, 0.8);
}

#search-frame #search-tabs .nav-item > .nav-link:not(.active):hover {
	color: rgba(255, 255, 255, 1);
}

#search-frame #search-tabs .nav-item > .nav-link > svg.search-tab-icon {
	height: 1.25em;
	width: auto;
	margin: 0 0.25rem 0 0;
}

#search-frame #search-tabs .nav-item > .nav-link:not(.active) > svg.search-tab-icon > path {
	fill: rgba(255, 255, 255, 0.8);
	-webkit-transition:	fill 220ms ease-in;
	-moz-transition:	fill 220ms ease-in;
	transition:			fill 220ms ease-in;
}

#search-frame #search-tabs .nav-item > .nav-link:not(.active):hover > svg.search-tab-icon > path {
	fill: rgba(255, 255, 255, 1);
}

#search-frame #search-tabs .nav-item > .nav-link:not(.active):hover > svg.search-tab-icon > path {
	fill: rgba(255, 255, 255, 1);
}

#search-frame #search-tabs .nav-item > .nav-link.active {
	-webkit-transition:	background-color 220ms ease-out, color 220ms ease-out;
	-moz-transition:	background-color 220ms ease-out, color 220ms ease-out;
	transition:			background-color 220ms ease-out, color 220ms ease-out;
	color: #65358d;
}

#search-frame #search-tabs .nav-item > .nav-link.active > svg.search-tab-icon > path {
	-webkit-transition:	fill 220ms ease-out;
	-moz-transition:	fill 220ms ease-out;
	transition:			fill 220ms ease-out;
	fill: #65358d;
}

#search-frame ::-moz-placeholder {
  opacity: 1;
}

#search-frame .input-group-text {
	font-size: 14px;
	color: #999 !important;
}

#search-frame input.form-control {
	color: #999 !important;
}

#search-frame input.form-control.valid {
	border-color: #1fba32;
}
#search-frame input.form-control.invalid {
	border-color: #d11a2c;
}

#search-frame input.form-control.valid,
#search-frame input.form-control.error {
	border-radius: 0 4px 4px 0;
}

#search-frame input.form-control:active,
#search-frame input.form-control:focus {
	border-color: #495057;
	color: #495057 !important;
}

#search-frame input.form-control::placeholder {
	color: #999 !important;
}

#search-frame input.form-control:active::placeholder,
#search-frame input.form-control:focus::placeholder {
	color: #495057 !important;
}

#search-frame input.form-control:active::placeholder,
#search-frame input.form-control:focus::placeholder {
	color: #495057 !important;
}

#search-frame .nav.nso-select {
	width: 100%;
}

#search-frame .nav.nso-select .nav-item.item-with-icon {
	display: flex;
	width: 100%;
	justify-content: flex-start;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.5;
}

#search-frame .nav.nso-select .nav-item.item-with-icon img {
	display: inline-block;
	max-height: 1rem;
	width: auto;
}

#search-frame .nav.nso-select .nav-item.item-with-icon img.flag {
	margin: 0 0.4rem 2px 0;
}

#search-frame .nav.nso-select .nav-item.item-with-icon .item-icon {
	display: flex;
	flex-grow: 0;
	margin: 0;
	color: #999;
	align-items: center;
	padding: 6px 12px;
	border-color: #ced4da;
	border-style: solid;
	background-clip: padding-box;
	border-width: 1px 0 1px 1px;
	border-radius: 4px 0 0 4px;
}

#search-frame .nav.nso-select .nav-item.item-with-icon .nav-link {
	display: block;
	flex-grow: 1;
	width: auto;
	margin: 0;
	color: #495057;
	height: calc(1.5em + 0.75rem + 6px);
	background-clip: padding-box;
	line-height: 22px;
	padding: 7px 0 5px 14px;
	border-color: #ced4da;
	border-style: solid;
	border-width: 1px 0 1px 1px;
	border-radius: 0 4px 4px 0;
}

#search-frame .nav.nso-select .nav-item.item-with-icon .nav-link.valid {
	border-color: #1fba32;
}
#search-frame .nav.nso-select .nav-item.item-with-icon .nav-link.invalid {
	border-color: #d11a2c;
}

#search-frame .nav.nso-select .nav-item.dropdown {
	position: relative;
}

#search-frame .nav.nso-select .nav-item.dropdown .nav-link.dropdown-toggle {
	color: #999;
}
#search-frame .nav.nso-select .nav-item.dropdown .nav-link.dropdown-toggle[aria-expanded="true"] {
	/* color: #69C6C6; */
	color: #495057;
}
#search-frame .nav.nso-select .nav-item.dropdown .nav-link.dropdown-toggle[aria-expanded="true"],
#search-frame .nav.nso-select .nav-item.dropdown .nav-link.dropdown-toggle:active,
#search-frame .nav.nso-select .nav-item.dropdown .nav-link.dropdown-toggle:focus {
	border-color: #495057;
}
#search-frame .nav.nso-select .nav-item.dropdown .nav-link.dropdown-toggle::after {
	position: absolute;
	display: flex;
	font-family: 'font-icons';
	content: "\e7a7";
	top: 0;
	right: 0;
	bottom: 0;
	color: #555 !important;
	width: 20px;
	background-color: #eee;
	align-items: center;
	justify-content: center;
	border: 1px solid #ced4da;
	border-radius: 0 4px 4px 0;
}
#search-frame .nav.nso-select .nav-item.dropdown .nav-link.dropdown-toggle.valid[aria-expanded="true"]::after,
#search-frame .nav.nso-select .nav-item.dropdown .nav-link.dropdown-toggle.valid:active::after,
#search-frame .nav.nso-select .nav-item.dropdown .nav-link.dropdown-toggle.valid:focus::after,
#search-frame .nav.nso-select .nav-item.dropdown .nav-link.dropdown-toggle.invalid[aria-expanded="true"]::after,
#search-frame .nav.nso-select .nav-item.dropdown .nav-link.dropdown-toggle.invalid:active::after,
#search-frame .nav.nso-select .nav-item.dropdown .nav-link.dropdown-toggle.invalid:focus::after,
#search-frame .nav.nso-select .nav-item.dropdown .nav-link.dropdown-toggle[aria-expanded="true"]::after,
#search-frame .nav.nso-select .nav-item.dropdown .nav-link.dropdown-toggle:active::after,
#search-frame .nav.nso-select .nav-item.dropdown .nav-link.dropdown-toggle:focus::after {
	border-color: #495057;
	border-left-color: #ced4da;
}
#search-frame .nav.nso-select .nav-item.dropdown .nav-link.dropdown-toggle.valid::after {
	border-color: #1fba32;
	border-left-color: #ced4da;
}
#search-frame .nav.nso-select .nav-item.dropdown .nav-link.dropdown-toggle.invalid::after {
	border-color: #d11a2c;
	border-left-color: #ced4da;
}

#search-frame .nav.nso-select .nav-item.dropdown .dropdown-menu.show {
	width: calc(100% - 44px) !important;
	margin-top: -1px;
	padding: 0;
	border-radius: 0;
	border-color: #495057;
}

#search-frame .nav.nso-select .nav-item.dropdown .dropdown-menu .dropdown-item {
	position: relative;
	padding: 6px 0 6px 14px;
	font-size: 14px;
	color: #555;
}
#search-frame .nav.nso-select .nav-item.dropdown .dropdown-menu .dropdown-item span {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	padding: .25rem 1rem .25rem 0;
}

#search-frame .nav.nso-select .nav-item.dropdown .dropdown-menu .dropdown-item.active {
	background-color: #fff;
	color: #69C6C6;
}
#search-frame .nav.nso-select .nav-item.dropdown .dropdown-menu .dropdown-item:hover:not(.active) {
	background-color: rgba(105, 198, 198, .15);
	cursor: pointer;
	color: #555;
}
#search-frame .nav.nso-select .nav-item.dropdown .dropdown-menu .dropdown-item.disabled {
	color: #eee !important;
}
.search-btn-icon {
	display: inline-block;
	height: 20px;
}
.search-btn-icon path {
	fill: #fff;
}

#search-holder {
	border-radius: 0.5rem;
	padding: 0.5rem;
	background-color:#65358D;
}

#search-tabs > li {
	order: 2;	
}

#search-tabs > li.active {
	order: 1;
}

#haeufig-gesucht .item {
	padding: 1px;
}

#haeufig-gesucht .entry {
	background-color: #fff;
	-webkit-transition: background-color 220ms ease-in-out;
	-moz-transition: background-color 220ms ease-in-out;
	transition: background-color 220ms ease-in-out;
	margin-bottom: 1rem;
}

#haeufig-gesucht .entry:hover {
	background-color: rgba(0, 0, 0, 0.1);
}

#haeufig-gesucht .entry-top {
	height: 4px;
	width: 100%;
	background-color: #69C6C6;
	border-radius: 4px 4px 0 0;
}

#haeufig-gesucht .entry-image {
	width: 100%;
	max-width: 100%;
	margin-bottom: 0;
	border-radius: 0;
	overflow: hidden;	
}

#haeufig-gesucht .entry-image img {
	width: 100%;
	height: auto;
	border-radius: 0;
}

#haeufig-gesucht .entry-title {
	width: 100%;
	padding: 1rem 0 0.5rem 0;
	text-shadow: rgba(0, 0, 0, 0.1) 1px 1px 1px;
	border-left: 1px solid rgba(0, 0, 0, 0.125);
	border-right: 1px solid rgba(0, 0, 0, 0.125);
}

#haeufig-gesucht .entry-meta {
	width: 100%;
	font-size: .92rem;
	border-left: 1px solid rgba(0, 0, 0, 0.125);
	border-right: 1px solid rgba(0, 0, 0, 0.125);
	padding: .5rem 0;
	margin: 0;
}

#haeufig-gesucht .entry-meta ul {
	justify-content: center;
	/* margin: 0 0 -10px -20px; */
	margin: 0;
}

#haeufig-gesucht .entry-meta li.no-spacing {
	margin-left: 0 !important;
	margin-right: 0 !important;
}

#haeufig-gesucht .entry-meta li.no-separator::before {
    content: '';
    display: none;
}

#haeufig-gesucht .entry-content {
	width: 100% !important;
	margin-top: 0;
	padding: 0.5rem 1rem 1rem 1rem;
	border-left: 1px solid rgba(0, 0, 0, 0.125);
	border-right: 1px solid rgba(0, 0, 0, 0.125);
	border-bottom: 1px solid rgba(0, 0, 0, 0.125);
	border-radius: 0 0 4px 4px;
}

#haeufig-gesucht .owl-nav [class*="owl-"] {
	transform: translateX(-10%);
	background-color: #e1f3f3;
	justify-content: center;
	align-items: center;
	border-radius: 4px;
	display: flex;
	height: 2rem;
	width: 2rem;
	left: 0;
}
#haeufig-gesucht .owl-nav [class*="owl-"] i {
	margin: 0;
}
#haeufig-gesucht .owl-nav .owl-next {
	transform: translateX(10%);
    left: auto;
    right: 0;
}

#haeufig-gesucht .owl-dots .owl-dot {
	margin-top: 0 !important;
	border: 1px solid rgba(0, 0, 0, 0.2);
	background-color: rgba(105, 198, 198, 0.4);
	height: 1.5rem;
	width: 1.5rem;
}
#haeufig-gesucht .owl-dots .owl-dot:hover {
	background-color: rgba(105, 198, 198, 0.6);
}
#haeufig-gesucht .owl-dots .owl-dot:active,
#haeufig-gesucht .owl-dots .owl-dot.active {
	background-color: rgba(105, 198, 198, 1);
}

#oc-clients-full .item-holder {
	/* background-color: #343c43; */
}

#oc-clients-full .item-holder .firma {
	display:flex;
	height: 240px;
	align-items: flex-end;
	margin-bottom: 20px;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}

#oc-clients-full .item-holder .firma:last-child {
	margin-bottom: 0;
}

#oc-clients-full .item-holder .firma h4.firma-name {
	width: 100%;
	padding: 4px 8px;
	margin: 0;
	background-color: #69C6C6;
	color: #65358D;
}

.iconlist {
	margin-bottom: 0;
}


.hidden-input {
	background-color: rgba(0,0,0,0);
	outline-color: rgba(0,0,0,0);
	border-color: rgba(0,0,0,0);
	height: 0 !important;
	width: 0 !important;
	outline-style: none;
	position: absolute;
	border-style: none;
	overflow: hidden;
	outline-width: 0;
	border-width: 0;
	left: -9999px;
	z-index: -1;
	opacity: 0;
	top: -1px;
}

@media (min-width: 992px) {
	#slider .tab-content {
		padding: 1.5rem;
		background-color: #fff;
	}
	
}
@media (max-width: 991.98px) {
	#slider ul#search-tabs {
		border: 1px solid rgba(255, 255, 255, .5);
		border-radius: 4px 4px 0 0;
	}
	#slider .nav-item > .nav-link {
		border-radius: 0;
		border-width: 0;
		border-style: none;
	}
	#slider .tab-content {
		padding: 0;
		border: 1px solid rgba(255, 255, 255, .5);
		border-bottom-color: #fff;
	}
	#slider .tab-content .tab-pane {
		background-color: #fff;
		border-radius: 0 0 4px 4px;
		padding: 1rem;
	}
	#search-frame {
		padding: 2rem;
	}
	.topmargin {
		margin-top: 0 !important;
	}
	.rounded-bottom {
		border-bottom-right-radius: 5px !important;
		border-bottom-left-radius: 5px !important;
	}
}

@media (max-width: 767.98px) {
	#search-frame {
		padding: 0.5rem;
	}
	#search-tabs > li {
		order: 0;
	}

	#search-tabs > li.active {
		order: 1;
	}
	.iconlist {
		font-size: .75rem;
	}
}