
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Mukta:wght@200;300;400;500;600;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;1,200;1,300;1,400;1,500;1,600;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Playball&display=swap');
/* Page Defaults */
.f-1 {
	font-family: 'Mukta', sans-serif;
}
.f-2 {
	font-family: 'Rubik', sans-serif;
}
.f-3 {
	font-family: 'Josefin Sans', sans-serif;
}
.f-4 {
	font-family: 'Playball', cursive;
}
body {
	margin: 0 auto;
	position:relative;
	overflow-wrap:anywhere;
	/*max-width:1000px;
	padding:0px 10px;
	display: grid;
	align-content: center;
	justify-content: center;*/
	
}

main {
	max-width:1200px;
	margin:0 auto;
	padding-bottom:40px;
} 
footer {
	max-width:100%;
	z-index:2000;
}
.body-center {
	/*max-width:1200px;
	margin: 0 auto;
	position:relative;*/
}

a {
	cursor:pointer;
}
#logo_lnk {
	/*margin:20px auto;*/
	display:inline-block;
	position: absolute;
	left: 60px;
	width: 169px;
	height: 66px;
}
.affix {
    top: 0;
	left:0;
    width: 100%;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
	z-index:1049;
}
.affix img {
	display:block !important;
}
.affix a {
    padding: 15px !important;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

.affix-top a {
    padding: 15px !important;
}
.affix + .placeholder {
      padding-top: 75px;
  }

.mar-top-10 {
	margin-top:10px;
}
.mar-bot-10 {
	margin-bottom:10px;
}
.mar-left-10 {
	margin-left:10px;
}
.mar-right-10 {
	margin-right:10px;
}
.mar-top-5 {
	margin-top:5px;
}
.mar-bot-5 {
	margin-bottom:5px;
}
.mar-left-5 {
	margin-left:5px;
}
.mar-right-5 {
	margin-right:5px;
}
.mar-no {
	margin:0;
}
.text-20 {
	font-size:2.0em;
}
.text-15 {
	font-size:1.5em;
}
.text-12 {
	font-size:1.2em;
}
.text-11 {
	font-size:1.1em
}
.text-b {
	font-weight:bold;
}
.color-bg {
	background-image: linear-gradient(135deg, #eee, #aaa);
}
.radius-top-l {
	border-top-left-radius: 7px;
}
.radius-top-r {
	border-top-right-radius: 7px;
}
.radius-bot-l {
	border-bottom-left-radius: 7px;
}
.radius-bot-r {
	border-bottom-right-radius: 7px;
}
.col-inner-l0-r0 {
	padding-left: 0px;
	padding-right: 0px;
}
.col-inner-l5-r5 {
	padding-left: 5px;
	padding-right: 5px;
}
.col-inner-l5-r0 {
	padding-left: 5px;
	padding-right: 0px;
}
.col-inner-l0-r5 {
	padding-left: 0px;
	padding-right: 5px;
}
.col-inner-l10-r10 {
	padding-left: 10px;
	padding-right: 10px;
}
.col-inner-l10-r0 {
	padding-left: 10px;
	padding-right: 0px;
}
.col-inner-l0-r10 {
	padding-left: 0px;
	padding-right: 10px;
}
.col-inner-l0 {
	padding-left: 0px;
}
.col-inner-l5 {
	padding-left: 5px;
}
.col-inner-l10 {
	padding-left: 10px;
}
.col-inner-l15 {
	padding-left: 15px;
}
.col-inner-l20 {
	padding-left: 20px;
}
.col-inner-l25 {
	padding-left: 25px;
}
.col-inner-r0 {
	padding-right: 0px;
}
.col-inner-r5 {
	padding-right: 5px;
}
.col-inner-r10 {
	padding-right: 10px;
}
.col-inner-r15 {
	padding-right: 15px;
}
.col-inner-r20 {
	padding-right: 20px;
}
.col-inner-r25 {
	padding-right: 25px;
}
.page-header-own {
    font-size: 22px;
    text-align: center;
    padding-bottom: 5px;
    margin-bottom: 12px;
    border-bottom: 1px solid #ddd;
}
.arousel-img {
	height:250px;
}

label {
	margin:0;
}
.label-info {
	background-color:#ff3d06 !important;
}



.cleverdeal-schrift {
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:22px;
	display:block;

}
.cleverdeal-schrift-intext {
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:16px;
	display:inline-block;

}
.cleverdeal-schrift .clever, .cleverdeal-schrift-intext .clever {
	font-style:italic;
	font-weight:900;
	color:#fff;
	text-shadow:  1px  1px 1px black,
                  1px -1px 1px black,
                 -1px  1px 1px black,
                 -1px -1px 1px black;
}
.cleverdeal-schrift .deal, .cleverdeal-schrift-intext .deal {
	font-style:normal;
	font-weight:700;
	color:#92D5F6; /*92D5F6*/
	text-shadow:  1px  1px 1px black,
                  1px -1px 1px black,
                 -1px  1px 1px black,
                 -1px -1px 1px black;
}
.cleverdeal-schrift .cd24, .cleverdeal-schrift-intext .cd24 {
	font-style:normal;
	font-weight:600;
	color:#fff;
	text-shadow:  1px  1px 1px black,
                  1px -1px 1px black,
                 -1px  1px 1px black,
                 -1px -1px 1px black;
}

.citybuy-schrift {
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:22px;
	display:block;

}
.citybuy-schrift-intext {
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:16px;
	display:inline-block;

}
.citybuy-schrift .clever, .citybuy-schrift-intext .clever {
	font-style:italic;
	font-weight:900;
	color:#fff;
	text-shadow:  1px  1px 1px black,
                  1px -1px 1px black,
                 -1px  1px 1px black,
                 -1px -1px 1px black;
}
.citybuy-schrift .deal, .citybuy-schrift-intext .deal {
	font-style:normal;
	font-weight:700;
	color:#ff3d06;
	text-shadow:  1px  1px 1px black,
                  1px -1px 1px black,
                 -1px  1px 1px black,
                 -1px -1px 1px black;
}
.citybuy-schrift .cd24, .citybuy-schrift-intext .cd24 {
	font-style:normal;
	font-weight:600;
	color:#fff;
	text-shadow:  1px  1px 1px black,
                  1px -1px 1px black,
                 -1px  1px 1px black,
                 -1px -1px 1px black;
}


.btn-default {
	color: #333;
	background-color:#fff;
	border-color: #ccc;
}
.btn-default:hover, .btn-default:active, .btn-default:focus, .btn-default:active:focus {
	color: #333;
    background-color: #e6e6e6;
    border-color: #adadad;
}


.btn-info {
	color:#fff;
	border-color:#1a3a68;
	background-color:#006;
}
.btn-info:hover, .btn-info:active, .btn-info:focus, .btn-info:active:focus {
	background-color:#1a3a68;
}
.btn-pay {
	/*color:#92D5F6;*/
	color:#fff;
	border-color:#666;
	/*background-color:#EE7203;*/
	background-color:#333;
	opacity:0.85;
	line-height:20px;
	height:22px;
	padding:0px 6px;
	font-weight:bold;
	margin-bottom:10px;
}
.btn-pay:hover, .btn-pay:active, .btn-pay:focus, .btn-pay:active:focus {
	color:#fff;
	opacity:1.0;
}
.btn-option {
	color: #fff;
    background-color: ;
    border-color: #E30614;
	font-weight:bold;
}

.btn-option:hover, .btn-option:active, .btn-option:focus, .btn-option:active:focus {
    color: #fff;
    background-color: #444;
    border-color: #E30614;
}

.btn-special {
	color:#fff;
	font-weight:bold;
	border-color:#ff3d06;
	background-color:#ff3d06;
	transition:all 0.2s ease-in-out;
}
.btn-special:hover, .btn-special:active, .btn-special:focus, .btn-special:active:focus {
	background-color:#ff3d0688;
	color:#fff;
}

.btn-special-cd {
	color:#444;
	font-weight:bold;
	border-color:#92D5F6;
	background-color:#92D5F6;
}
.btn-special-cd:hover, .btn-special-cd:active, .btn-special-cd:focus, .btn-special-cd:active:focus {
	color:#92D5F6;
	border-color:#92D5F6;
	background-color:#444;
	font-weight:bold;
}


.btn-blue-way {
	color:#fff;
	border-color:#1a3a68;
	background-color:#006;
}
.btn-blue-way:hover, .btn-blue-way:active, .btn-blue-way:focus, .btn-blue-way:active:focus {
	color:#fff;
	background-color:#1a3a68;
}



/* Header Neu */

header {
	
	/*max-width: 1200px;*/
	width:100%;
	height:110px;
	position:fixed;
	left:0;
	right:0;
	z-index:1000;
	border-bottom:7px solid;
	border-color:#ff3d06;
	background-color:#fff;
	/*background-image:url(/images/Bildleiste_Startseite.png);*/
	background-position:right;
	background-repeat:no-repeat;
	background-size:40%;
}
.slogan {
	font-size: 19px;
	color: #006;
	position: relative;
	top: 9px;
	padding-left: 20px;
}

@media (max-width: 767px)
{
	header {
	width:100%;
	max-width: 100%;
	height:67px;
	background:#fff;
	position:fixed;	
	left:0;
	right:0;
	z-index:1000;
	border-bottom:7px solid;
	border-color:#ff3d06;
	}
	.col-outer {
	min-height:67px !important;
	}
}


.logo_cg{
	z-index:1040;
	margin: 30px 10px 10px 6px;
	width:193px;
}

a.icon-link {
	font-size:1.8em;
	color:#888;
	line-height:32px;
	border:1px solid #ddd;
	margin: 8px 15px 8px 0px;
	border-radius:4px;
	text-align:center;
	display:inline-block;
	padding:5px 8px 3px 10px !important;
	float:right;
}
.icon-link:hover, .icon-link:focus, .icon-link:active {
	text-decoration:none;
	color:#888;
	background-color:#fff;
}
.cd-apps {
	padding:0px;
	border: 0px solid transparent;
	display:block;
	margin-left:0px;
}
.cd-apps:hover, .cd-apps:focus {
	border:0px solid #666;
}
.cd-apps-gutter {
	margin-right: 29px;
}
.cd-apps-sm {
	width:60px;
	float:left;
}
.cd-apps-img {
	margin:0 auto;
}
.partner-ad {
	margin: 12px -2px 15px 15px;
	height: 80px;
}

.col-outer {
	min-height:110px;
}
.head-top{
	min-height:80px;
}
.head-bottom {
	/*min-height:55px;*/
}

.navbar {
	margin-bottom:0px !important;
	border-radius:0px;
	min-height:20px;
}
.navbar-nav > li > a {
	line-height:16px;
}
.nav > li > a {
	padding: 10px;
}

.navbar-default {
	/*background-color:rgba(255,255,255,0.85);*/
	background-color:transparent;
	border-color:transparent;
}
@media (max-width: 767px)
{
	.navbar-default {
	background-color:#fff;
	border-color:transparent;
	}
	.navbar-default .navbar-nav > li > a{
		padding:20px 10px;
	}
	.navbar-default .navbar-nav > li {
		padding-left: 25px;	
	}
	
	

}
.navbar-default .navbar-nav > li {
	color:#006;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a {
	background-color:#eee;
	color:#006;
}
	
.navbar-default .navbar-nav > li > a {
	color:#006;
	font-size: 12px;
	font-weight: 700;
}
.navbar-toggle {
	padding: 13px 10px;
}
.navbar-default .navbar-toggle {
	border:0;
}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:active {
	background-color:#eee;
}
.navbar-default .navbar-toggle .icon-bar {
	background-color:#333;
}

.search-toggle {
	position: absolute;
	right: 87px;
	top: 17px;
	background-color: #fff;
	color: #333;
	border: 0;
	font-size: 1.2em;
	text-decoration: none;
	z-index:1;
}
.search-toggle:hover {
	color: #666;
	text-decoration: none;
}
.pop-photo {
	cursor:pointer;
}

/*.navbar-default .navbar-toggle:hover .icon-bar {
	background-color:#000;
}*/
.dropdown-menu {
	background-color:#eee;
}
.dropdown-menu>li>a {
	color:#006;
}
#expander{
	height:110px;
}
#site-content-gutter{
	height:7px;
}

.menu-list-head {
	font-weight:bold;
	border-bottom:1px solid #999;
}

.menu-list ul {
	margin:10px 0px;
	padding:0;
	list-style:none;
}
.menu-list > ul > li {
	
}
.menu-list > ul > li > a {
	color:#006;
	padding:2px 0px;
	display:block;
}

#ads-left, #ads-right {
	position:absolute;
	z-index:-1;
}
#ads-left {
	left:10px;
}
#ads-right {
	right:10px;
	text-align:right;
}

/* ul head-menu */
ul.head-menu {
	display: block;
	list-style:none;
	box-sizing:border-box;
	margin-top: 0;
	margin-bottom: 10px;
	padding:0;
}
.headmenu > li, .head-menu > li > a {
	display:block;
	position:relative;
}
@media (min-width: 767px)
{
	.head-menu > li {
		float:left;
	}
	.navbar-nav>li>a {
		padding-top: 2px;
		padding-bottom: 2px;
	}
}
@media (max-width: 767px)
{
	#expander {
		height:67px;
	}
}

@media (max-width: 767px){
	.navbar-default .navbar-nav .open .dropdown-menu>li>a {
		color: #006;
	}
	.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover {
		text-decoration:underline;
		color:#006;
	}
	.menu-list > ul > li > a {
	padding:11px 0px;
	}
	
}
.head-menu-dark {
	background: #eee;
}
.cd-menu .head-menu-dark > li, .cd-menu .head-menu-dark > li > a {
	color:#006;
	font-size:12px;
}
.head-menu > li > a {
	line-height:20px;
	padding: 10px
}
.head-menu > li > a:hover, .head-menu > li > a:focus, .head-menu > li > a:active {
	background-color:#666;
	text-decoration:none;
}
.open {
	background:transparent;
}
/* Footer */

/* Footer */
/* Footer */
footer {
	
	background-color:#fff;
	color:#666;
	border-top: 7px solid;
    border-color:#ff3d06;
}
footer h5 {
	color:#999;
	font-size:14px;
	/*text-shadow:  1px  1px 1px #eee,
                  1px -1px 1px #eee,
                 -1px  1px 1px #eee,
                 -1px -1px 1px #eee;*/
}
.over-pad-ub5{
	padding:5px 2px;
	border-bottom:1px solid #999;
	font-size:13px;
	font-weight:bold;
	color:#999;
	text-align:left;
}
footer ul {
	margin:5px 0 10px 0;
	padding:0;
}
footer ul li {
	text-align:left;
	list-style:none;
	margin:6px 4px;
}
footer a {
	color:#006;
	text-decoration:none;
	display:inline-block;
	width:100%;
	font-weight:700;
	/*border-bottom:1px solid transparent;*/
}
footer a:hover {
	color:#006;
	/*border-bottom:1px solid #fff;*/
	text-decoration:underline;
}
@media (max-width:767px)
{
	footer a {
		padding: 8px 0px;
	}
}
footer a#footer_betreiber {
	display:inline;
	border-bottom:0;
}
footer #copyright {
	margin:20px 0 0;
}
.footer-sticky {
	position:fixed;
	bottom:0;
}

#datenschutz {
	position: fixed;
    bottom: 0px;
    left: 0px;
    right: 0px;
    background-color: #ddd;
    color: #000;
    font-weight: bold;
    padding: 30px;
	opacity:0.88;
	display:none;
	z-index:2000;
}
.scrolltop {
	display:inline-block;
	width:35px;
	height:35px;
	background-color:#444;
	border:1px solid #000;
	color:#fff;
	position:fixed;
	bottom: 10px;
	right: 10px;
	border-radius: 3px;
    padding: 7px 10px;
	z-index:2002;
}
.scrolltop:hover {
	color:#fff;
	background-color:#666;
}



/* Standard Containerbox */
.content-container {
	border:1px solid #aaa;
	border-radius:7px;
	
}
.content-container-head {
	border-top-left-radius:7px;
	border-top-right-radius:7px;
	background-color: #006;
	padding:10px;
}
.content-container-head h4 {
	background-color:transparent;
	color:#fff;
	margin:0;
	font-weight:bold;
}
.content-container-content {
	padding:15px;
}
/* Standard Containerbox end */

/* Breadcrumb Sie sind hier */

.breadcrumb {
	font-size:11px;
	background-color:#eee;
}
.breadcrumb>li+li:before {
	content: ">\00a0";
}
/* Breadcrumb Sie sind hier end */


/* Page Defaults End */


a#logout {
	color:#ff3d06;
}
a#logout:hover {
	color:#5F8E51;
}

/* Modal PopUp */
.modal-header, h4, .close {
	background-color: #666;
	color:#fff !important;
	text-align: center;
	font-size: 30px;
}
.modal-footer {
	background-color:#fff;
}

#mod_ajax .modal-header, #mod_mess .modal-header, h4, .close {
	background-color: #666;
	color:#fff !important;
	text-align: center;
	font-size: 18px;
}
 /* Modal PopUp end */

/* PopOver Link */
a.pop, a.pop:hover, a.pop:focus, a.pop:active {
	text-decoration:none;
	color:#fff;
	font-size:14px;
	cursor:pointer;
}
.popover-title {
	background-color:#ff3d06;
	color:#fff;
	font-weight:bold;
}
/* PopOver Link end */

.breadcrumb {
    font-size: 11px;
    background-color: #f3f3f3;
    margin-bottom: 8px;
    padding: 3px 15px;
}

/* User-Dropdown-Menu */
.user-menu .menu-title {
	background-color:#ddd;
	color:#E30614;
	padding:4px 10px;
}
.user-menu > li > a {
	line-height:normal;
}
.user-menu li span.glyphicon {
	color:#E30614;
}

/* User-Dropdown-Menu end */


/* Suchform */
#form-search label {
	font-size:small;
}

/* Suchform end */

select.valid, select.error {
	background-position:right 15px center;
}

.label-placeholder {
	position: absolute;
	font-size:1em;
	top: 6px;
	left: 26px;
	color: #666;
	transition: transform .1s ease-in-out;
}
.label-placeholder-filled {
	color: #000;
	transform-origin:left top;
	transform: translate(-5px, -22px) scale(0.87);
}



/* Spinner */

@keyframes lds-spinner {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes lds-spinner {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.lds-outer {
	display:block;
	width:0%;
	height:0%;
	position:fixed;
	z-index: 10000;
    background-color: #000;
    opacity: 0.7;
    top: 0;
    left: 0;
}
	
.lds-spinner {
	position: fixed;
	top: 45%;
	left: 45%;
	margin: -50px 0px 0px -50px;
}
.lds-spinner span {
	position: absolute;
	top: 90px;
	left: 55px;
	color:rgb(255, 255, 255);
	text-align: center;
	width: 88px;
}
.lds-spinner div {
  left: 94px;
  top: 23px;
  position: absolute;
  -webkit-animation: lds-spinner linear 1s infinite;
  animation: lds-spinner linear 1s infinite;
  background: #E30614;
  width: 12px;
  height: 34px;
  border-radius: 20%;
  -webkit-transform-origin: 6px 77px;
  transform-origin: 6px 77px;
}
.lds-spinner div:nth-child(1) {
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-animation-delay: -0.916666666666667s;
  animation-delay: -0.916666666666667s;
}
.lds-spinner div:nth-child(2) {
  -webkit-transform: rotate(30deg);
  transform: rotate(30deg);
  -webkit-animation-delay: -0.833333333333333s;
  animation-delay: -0.833333333333333s;
}
.lds-spinner div:nth-child(3) {
  -webkit-transform: rotate(60deg);
  transform: rotate(60deg);
  -webkit-animation-delay: -0.75s;
  animation-delay: -0.75s;
}
.lds-spinner div:nth-child(4) {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-animation-delay: -0.666666666666667s;
  animation-delay: -0.666666666666667s;
}
.lds-spinner div:nth-child(5) {
  -webkit-transform: rotate(120deg);
  transform: rotate(120deg);
  -webkit-animation-delay: -0.583333333333333s;
  animation-delay: -0.583333333333333s;
}
.lds-spinner div:nth-child(6) {
  -webkit-transform: rotate(150deg);
  transform: rotate(150deg);
  -webkit-animation-delay: -0.5s;
  animation-delay: -0.5s;
}
.lds-spinner div:nth-child(7) {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  -webkit-animation-delay: -0.416666666666667s;
  animation-delay: -0.416666666666667s;
}
.lds-spinner div:nth-child(8) {
  -webkit-transform: rotate(210deg);
  transform: rotate(210deg);
  -webkit-animation-delay: -0.333333333333333s;
  animation-delay: -0.333333333333333s;
}
.lds-spinner div:nth-child(9) {
  -webkit-transform: rotate(240deg);
  transform: rotate(240deg);
  -webkit-animation-delay: -0.25s;
  animation-delay: -0.25s;
}
.lds-spinner div:nth-child(10) {
  -webkit-transform: rotate(270deg);
  transform: rotate(270deg);
  -webkit-animation-delay: -0.166666666666667s;
  animation-delay: -0.166666666666667s;
}
.lds-spinner div:nth-child(11) {
  -webkit-transform: rotate(300deg);
  transform: rotate(300deg);
  -webkit-animation-delay: -0.083333333333333s;
  animation-delay: -0.083333333333333s;
}
.lds-spinner div:nth-child(12) {
  -webkit-transform: rotate(330deg);
  transform: rotate(330deg);
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}
/* Spinner end */


/* Result-Page */

/* Gallery */

/* Gallery */

.pagination {
	margin:0;
}

.pagination>li>a, .pagination>li>span {
    padding: 5px 7px;
}

.gallery-item-box {
	padding:0px 5px; margin-bottom:10px;
}
.gallery-item-lnk {
	background-color:#fff;
    display: block;
    padding: 10px;
	border: 1px solid #999;
	border-radius: 2px;
	
 }
 .gallery-item-lnk:hover {
	    box-shadow: 0px 0px 9px #666;
 }
.gallery-item-img {
	height: 200px;
    max-width: 100%;
    min-height: 200px;
    vertical-align: middle;
	-webkit-box-align: center;
	-webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
	margin-top:15px;
    margin-bottom: 15px;
    position: relative;
    text-align: center;
}
.gallery-item-img img {
	max-height:200px;
}
.gallery-item-img .def {
	height: 150px;
    text-align: center;
    font-size: 1.35em;
    color: #fff;
    padding: 50px 10px;
   /* background: #e04534;*/
	background: linear-gradient(#E30614,#fa500e);
    min-width: 220px;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-shadow: 1px 1px 4px #000;
    text-rendering: optimizeLegibility;
}
.gallery-item-lnk > .preis-bevor {
	position: absolute;
    left: 10px;
    top: 6px;
    background-color: #000;
    z-index: 10;
    color: #fff;
    padding: 1px 8px;
    border-radius: 4px;
    opacity: 0.7;
}
.gallery-item-footer {
	height:92px;
}
.cart-add-gallery {
	position:absolute;
	bottom:0px;
	left:0px;
	z-index:1;
}
.gallery-infos {
	position:relative;
	height:100%;
	padding:0px;
}
.gallery-info-store {
	position:absolute;
	bottom:0px;
	left:0px;
	z-index:1;
}


.gallery-item-footer .item-price-1 {
	color:#000;
	font-weight:normal;
	font-size:0.7em;
	position:absolute;
	top:23px;
	right:12px;
}
.gallery-item-footer .item-price-2 {
	color:#000;
	font-weight:bold;
	font-size:1.8em;
}
.gallery-item-footer .item-price-3 {
	color:#000;
	font-weight:900;
	font-size:0.8em;
	position:relative;
	top:-11px;
}

.gallery-item-lnk .fav {
	position:absolute;
	right:24px;
	top:18px;
	color:#ff3d06;
	font-size:2.4em;
	color:##ff3d06;
	
}
.detail-item-4-1 .fav {
	position:absolute;
	right:10px;
	top:0px;
	color:#ff3d06;
	font-size:2.4em;	
}

.gallery-item-lnk .fav:hover, .detail-item-4-1 .fav:hover  {
	cursor:pointer;
}
.gallery-item-lnk .fav .glyphicon-star, .detail-item-4-1 .fav .glyphicon-star  {
	color:#ff3d06;
}





.item-price {
	font-size:1.3em;
	font-weight:bold;
	color:#92D5F6;
}
.new-item-price {
	background-color: transparent;
    padding:18px 0px 0px 0px;
    border-radius: 3px;
    min-width: 180px;
    position: relative;
	min-height:90px;
}
.new-item-price .preis-bevor {
	color:#fff;
	background-color:#E30614;
    font-size: 1.0em;
    height: 48px;
    position: absolute;
    margin-right: 0.5em;
    padding: 2px 6px;
    right: 0px;
	border-radius:3px;
	min-width:155px;
}
.new-item-price .preis-bevor .preis-bevor-uvp {
	font-size:0.85em;
	font-weight:bold;
}
.new-item-price .rabatt {
	border: 1px solid #999;
    position: absolute;
    background: #fff;
    margin-left: 0.3em;
    margin-top: 20px;
    padding: 5px;
    min-width: 152px;
    right: -6px;
	border-radius:3px;
	color:#000;
}
.item-price-1 {
	color:#000;
	font-weight:normal;
	font-size:1.2em;
}
.item-price-2 {
	color:#000;
	font-weight:bold;
	font-size:1.7em;
}
.item-price-3 {
	color:#000;
	font-weight:bold;
	font-size:0.9em;
	position:relative;
	top:-7px;
}




#resultlist {
	max-width:998px;
}
.result-container {
	border: 0px solid #666;
    border-radius: 8px;
    box-shadow: 0px 0px 9px #666;
}
.result-container .preis-bevor {
	background-color:#f00;
	color:#fff; 
	padding:10px; 
	border-top-left-radius:7px; 
	text-align:center;
}
.result-container .rabatt {
	background-color:#ff3d06; 
	color:#000; 
	padding:10px; 
	text-align:center; 
	border-top-right-radius:7px;
	transform:rotate(0deg);
	top:0;
	left:0;
}
.result-container .preis {
	background-color:#ff3d06; 
	color:#000; 
	padding:10px; 
	font-weight:bold; 
	font-size:1.3em; 
	border-bottom-left-radius:7px; 
	border-bottom-right-radius:7px;
	text-align:center;
}
.gallery-item-img .label-result {
	position:absolute; 
	top:17px; 
	left:0px;
	text-shadow:none;
	font-size:.7em;
}
/* Gallery end */

/* Listenansicht */
.row-list {
	margin: 0px -15px;
	font-size:1.0em;
}

.row-list .fav {
	position:absolute;
	right:4px;
	top:8px;
	font-size:2.0em;
	color:#ff3d06;
	z-index:10;
	
}
.row-list .fav:hover {
	color:#ff3d06;
	cursor:pointer;
}
.row-list .fav .glyphicon-star {
	color:#ff3d06;
}

.row-list .label-result {
	position:absolute; 
	top:0px; 
	left:0px;
	text-shadow:none;
	font-size:.7em;
}
.row-list .result_pic img {
	max-height:160px;
}

.new-badge {
	display:block;
	max-width:150px;
	min-width: 100px;
	color:#fff;
	text-align:center;
}
.new-badge .preis-bevor {
	background-color:#006;
	border-top-left-radius: .25em;
	border-top-right-radius: .25em;
	padding: .3em .6em;
	min-height: 25px;
}
.new-badge .preis {
	background-color:#ff3d06;
	font-size:1.0em;
	padding: .3em .6em;
	font-weight:bold;
}
.new-badge .rabatt {
	background-color:transparent;
	transform:rotate(0deg);
	top:0;
	left:0;
	border-bottom-left-radius: .25em;
	border-bottom-right-radius: .25em;
	padding:.3em .6em;
	color:#006;
	font-weight:bold;
	border: 1px solid #006;
	font-size: 1.3em
}

.img-center-list {
	/*display:table-cell;*/
	text-align:center;
	vertical-align:middle;
	max-width:100%;
	height:auto;
	position:relative;
}
.img-list {
	max-height:120px;
}
.default_image {
	height: 170px;
	
}
.default_image span {
	line-height:170px;
	font-size:2em;
	color:#fff;
}
.default_image span.big {
	font-size:1em;
}

.deactivated, .activated {
	text-align:center;
	color: #fff;
	border-radius: 2px;
	font-weight: bold;
	/*margin:9px -5px 5px -5px;*/
}
.activated {
	background: #ff3d06;
}
.deactivated {
	background: #e30614;
}
.result-list-trenner {
	min-height:10px;
	width:100%;
	border-bottom:1px solid #ccc;
	margin-bottom:10px;
}

@media (min-width: 992px)
{
	.result-list-col, .result-list-col-last {
		border: 0px solid #000;
		padding-left:0px;
	}
	.result-list-col-last {
		padding-right:0px;
	}
}

.new-item-price-2 {
	min-width:171px;
}
.new-item-price-2 .price,.new-item-price-2 .price a {
	border:0px solid #aaa;
	background:#333;
	color:#fff;
	padding:4px;
	border-radius:2px;
	border-bottom-left-radius:0px;
	border-bottom-right-radius:0px;
	text-align:center;
	border-bottom:0px;
	min-height:56px;
}

.new-item-price-2 .price b {
	font-size:1.2em;
}
.new-item-price-2 .price-befor {
	border:0px solid #aaa;
	background-color:#E30614;
	color:#fff;
	padding:4px;
	border-radius:2px;
	border-top-left-radius:0px;
	border-top-right-radius:0px;
	text-align:center;
	border-top:0px;
	font-weight:bold;
	font-size:1.1em;
	border-radius:2px;
	min-height:30px;
}
.new-item-price-2 .border {
	height:5px;
	background:#fff;
}
.pay-options {
	text-align:center;
	font-size:.85em;
}


.row-list-apps .cd-apps-img {
	max-height:24px;
	min-width:24px;
	margin:0px 2px 2px 0px;
	margin-left:0px;
	float:left;
}

/* Listenansicht end */

.page-view {
	display: inline-block;
    /* padding: 10px; */
    /* border: 1px solid #ddd; */
    text-align: center;
    font-size: 29px;
    line-height: 29px;
    margin: 0px 10px;
	cursor:pointer;
}

.no-result {
	margin:100px;
	text-align:center;
	font-size:2em;
	font-weight:bold;
}


.img-thumbnail {
	border:1px solid transparent;
}
.img-center {
	display:inline-block;
	text-align:center;
	vertical-align:middle;
	max-width:100%;
	max-height:216px;
}
a.result_pic:hover {
	text-decoration:none;
}
.img-hei-250 {
	height:250px !important;
}

	
.result-container {
	border: 0px solid #666;
    border-radius: 8px;
    box-shadow: 0px 0px 9px #666;
}
.result-container .preis-bevor {
	background-color:#f00;
	color:#fff; 
	padding:10px; 
	border-top-left-radius:7px; 
	text-align:center;
}
.result-container .rabatt {
	background-color:#ff3d06; 
	color:#000; 
	padding:10px; 
	text-align:center; 
	border-top-right-radius:7px;
	transform:rotate(0deg);
	top:0;
	left:0;
}
.result-container .preis {
	background-color:#ff3d06; 
	color:#000; 
	padding:10px; 
	font-weight:bold; 
	font-size:0.7em; 
	border-bottom-left-radius:7px; 
	border-bottom-right-radius:7px;
	text-align:center;
}
.pad-lef-5 {
	padding-left: 5px;
}
.pad-rig-5 {
	padding-right:5px;
}
.edit-option {
}
.special-color {
	color:#ff3d06;
}
.info-color {
	color:#006;
}
.inactive {
	opacity: 0.7;
    color: #e09821;
    font-size: 1.3em;
    transform: rotate(45deg);
    position: relative;
    top: 82%;
    display: inline-block;
}
.inactive-text {
	color: #000;
    font-size: 1.3em;
    transform: rotate(45deg);
    position: relative;
    top: 66%;
    display: inline-block;
	text-shadow: 0px 0px 2px #FFF;
}
.inactive-outer {
	width: 93%;
    height: 166px;
    display: block;
    position: absolute;
}

.result-head-text1 {
	height:70px;
}

/* message result */

.result {
	border-bottom:1px solid #ddd;
}

/* message result end */
/* Result-Page end */




/* Gültigkeit

/*calendar */
div#calendar {
	border:1px solid #666;
}
div#calendar_info {
	font-size:16px;
	font-weight:bold;
	padding:10px;
	text-align:left;
}
div#calendar_active {
	padding:10px 63px;
}
div#display, div#display_ende {
	width:200px;
	height:196px;
}
div#cal_start, div#cal_end {
	width:200px;
}
div#preview, div#preview_ende {
	font-size:16px;
	font-weight:bold;
	border:1px solid #666;
	padding:5px;
	text-align:center;
	width:187px;
}
div#cal_end {
	margin-left:141px;
}
/*calendar end */

/*interval*/
div#interval, div#optionen {
	border:1px solid #666;
	margin:10px 0px;
	padding:10px;
	text-align:left;
	font-size:16px;
	font-weight:bold;
}
div#weekdays{
	margin:10px 0px;
}
div.weekday {
	width:auto;
	display:inline-block;
}
div#time_info {
	font-size:14px;
	margin:30px 0px 10px;
}
div#time {
	text-align:center;
	display:none;
}
div#time_start, div#time_end {
	min-width:154px;
	display:inline-block;
}
input.time {
	width:60px;
	font-size:2.0em;
	text-align:center;
	font-weight:bold;
	margin:0px;
	border:0px solid #333;
	color:#fff;
	background-color:#000;
}
input.time_changer {
	width:70px;
	display:block;
	font-size:25px;
	font-weight:bold;
	margin:0px;
}
div.time_head {
	border-bottom:1px solid #ccc;
	margin-bottom:4px;
}
div.time_desc {
	color:#666;
	font-size:14px;
}
span.time_points {
	display:inline-block;
	font-size:48px;
	height:100px;
	margin-top:57px;
	vertical-align:top;
}

/*interval end*/

/* Gültigkeit end */

.page-view {
	display: inline-block;
	
	border: 1px solid #999; 
    text-align: center;
    font-size: 15px;
    line-height: 20px;
    margin: 0px 0px;
	cursor:pointer;
	color:#333;
	background-color:#fff;
}
.page-view:hover {
	background-color:#ddd;
	color:#006;
}
.page-view-gallery {
	border-right:0;
	border-left:0;
	padding: 3px 3px 1px 5px;
}
.page-view-list {
	border-top-right-radius:3px;
	border-bottom-right-radius:3px;
	padding:3px 4px 1px 5px;
}
.page-view-gallery-active, .page-view-list-active {
	background-color: #ddd;
	color:#006;
}


.order {
	width: 120px;
	padding:4px 4px;
	font-size:12px;
	height:26px;
	border-color: #999;
    border-bottom-right-radius: 0px;
    border-top-right-radius: 0px;
}

.no-result {
	margin:100px;
	text-align:center;
	font-size:2em;
	font-weight:bold;
}



/* Detailansicht Anbieter */

.detail-head {
	background-color:#fff;
	font-size:1.2em;
	font-weight:bold;
}
.detail-head .small {
	font-weight:normal;
	color:#666;
}
.firma-logo {
	width: 178px;
	height: 72px;
	border: 1px solid #ddd;
	margin-right: 10px;
	text-align:center;
	display: flex;
	align-items: center;
	border-radius:4px;
}
.firma-logo img {
	border-radius:4px;
	height:100%;
}
.firma-logo-text {
	margin:13% auto;
}
.firma-logo-result {
	position:absolute;
	background: #fff;
 	left: 5px;
 	bottom: 5px;
	border-radius: 4px;
	margin-right: 0px;
	width:45%;
	max-width: 144px;
	height:44px;
}
.table-style span {
	display:inline-block;
	width:70%;
}
.table-style span.desc {
	color:#666;
	width:30%;
}
.panel {
	min-height:289px;
	position:relative;
}
.panel-footer {
	position:absolute;
	bottom:0px;
	width:100%;
}
.detail-img-center {
	margin:auto;
}
.carousel-control.right, .carousel-control.left {
	background-image:none;
}
.carousel-control {
	text-shadow:0px 0px 8px rgba(0,0,0,0.8);
}
.carousel-indicators {
	width: 80%;
	margin-left:-40%;
}
.carousel-indicators li {
	border:1px solid #aaa;
}
.gu-head-center {
	position:relative; 
	height:116px;
	
	}
.gu-head-center-overlay {
	background:rgba(0,0,0,.65);
	color:#fff;
	padding:10px 11px;
	border-radius:3px;
	position:absolute;
	margin: 6px 0px 6px 21px;
	font-size:16px;
	font-weight:bold;
	max-width:58%;
	z-index:2;
	box-shadow:0px 0px 14px #fff;
	min-width:30%;
	min-height:104px;
}
.gu-head-center-overlay-desc {
	font-size:12px;
	font-weight:normal;
	color:#e5e5e5;
}
.gu-head-center-qrc {
	top:12%; 
	right:3%; 
	position:absolute;
}
.product-image {
	min-width: 100%;
	min-height:216px;
	display:flex;
	align-items:center;
}
.product-image-result {
	min-width: 100%;
	min-height:216px;
	display:flex;
	align-items:center;
	border:1px solid #999;
	border-radius:4px;
	position:relative;
	font-size: 1.5em;
    text-shadow: 2px 2px 10px #000;
	background:#aaa;
}
.product-image-preis {
	position:absolute;
	width:100%;
	text-align:center;
	font-size:1.5em;
	font-weight:bold;
	top:-100px;
}
.default-image {
	min-width: 100%;
	min-height:216px;
	background: linear-gradient(to bottom, #009cab, #009cab, #004f9f);
	border-radius: 4px;
	border-bottom-left-radius:0px;
	border-bottom-right-radius:0px;
	text-align: center;
	color: #fff;
	line-height: 100px;
	font-size: 1.5em;
	text-shadow: 2px 2px 10px #000;
	position:relative;
}
.default-image-type {
	position: absolute;
	font-size: .6em;
	line-height: 27px;
	text-shadow: none;
	color: #ddd;
	width: 100%;
	left: 0px;
}
.default-image .other {
	line-height: 80px;
	font-size:1.3em;
}
.highlight {
	color:#ff3d06;
	font-size:1.5em;
}
.default-image .desc{
	font-size: .7em;
	line-height: 40px;
}
.gu-counter {
	background:rgba(0,0,0,.6);
	padding:2px 11px;
	font-size:.57em;
	/*transform:rotate(-31deg);*/
	border-radius:4px;
	line-height:20px;
	display:inline-block;
	position:absolute;
	color:#ff3d06;
	bottom:5px;
	right:5px;
	font-weight:bold;
	text-align:right;
}

.treffer {
	margin:15px;
	padding:5px;
	border:1px solid #aaa;
	border-radius: 4px;
	background:#fff;
}
.result_headline {
	font-weight:bold;
}
.default-image-result {
	min-width: 204px;
	min-height:175px;
	border-radius: 4px;
	border-bottom-left-radius:0px;
	border-bottom-right-radius:0px;
	text-align: center;
	color: #fff;
	line-height: 100px;
	font-size: 1.5em;
	text-shadow: 2px 2px 10px #000;
	position:relative;
}
.weihnachten_001 {
	background: linear-gradient(to bottom, #FDB6AC, #D92928, #9D3839);
	background: linear-gradient(to bottom, #666, #aaa, #ddd);
	background:#aaa;
}
.himmel_001 {
	background: linear-gradient(to bottom, #009cab, #009cab, #004f9f);
	background: linear-gradient(to bottom, #666, #aaa, #ddd);
	background:#aaa;
}
.shopping_001 {
	background: linear-gradient(to bottom, #98A7B7, #213B8C, #A81728);
	background: linear-gradient(to bottom, #666, #aaa, #ddd);
	background:#aaa;
}
.default-image-result .rabatt {
	line-height: 50px;
	font-size:1.5em;
	padding-top:20px;
}
.default-image-result .other {
	line-height: 36px;
	font-size:1.2em;
}
.kauf-zahl {
	padding:6px 5px 5px 0px;	
}
.highlight {
	color:#ff3d06;
	font-size:1.5em;
}
.default-image-result .desc{
	font-size: .7em;
	line-height: 30px;
}
.gu-counter-result {
	background:rgba(0,0,0,.6);
	padding:2px 6px;
	font-size:.7em;
	/*transform:rotate(-31deg);*/
	border-radius:70px;
	line-height:30px;
	display:inline-block;
	position:absolute;
	color:#ff3d06;
	bottom:18px;
	right:-15px;
}
.vorteil {
	font-size:1.0em;
	text-align:right;
	padding-right:10px;
}
.vorteil .num {
	font-weight:bold;
	font-size:1.8em;
}
.result-link, .result-link:hover {
	text-decoration:none;
	color:#fff;
}

.dropdown-block, .dropdown-block>li>a {
	width:100%;
	color:#000;
	background-color:#eee;
}
.dropdown-block>li>a:hover {
	background-color:#E30614;
	color:#fff;
}

#sellerlogo-top {
	max-width:120px;
	max-height:60px;
}
#sellerlogo-bottom {
	max-width:170px;
	max-height:80px;
}


.gutschein-box-def-img {
	min-height:140px;
	max-width:288px;
	background-color:#E30614;
	position:relative;
	margin:0 auto;
	border-radius:3px;
	border:1px solid #ddd;
}
.def-img {
	background:#fff url(/images/gutschein_default/gu_def_2.png) no-repeat center bottom / 100% scroll;
}
.def-img-0 {
	background:#fff url(/images/gutschein_default/gu_def_0.png) no-repeat center bottom / 100% scroll;/*#E30614*/
}
.def-img-1 {
	background:#fff url(/images/gutschein_default/gu_def_1.png) no-repeat center bottom / 100% scroll;
}
.def-img-2 {
	background:#fff url(/images/gutschein_default/gu_def_2.png) no-repeat center bottom / 100% scroll;
}
.def-img-3 {
	background:#fff url(/images/gutschein_default/gu_def_3.png) no-repeat center bottom / 100% scroll;
}
.def-img-4 {
	background:#fff url(/images/gutschein_default/gu_def_4.png) no-repeat center bottom / 100% scroll;
}
.def-img-5 {
	background:#fff url(/images/gutschein_default/gu_def_5.png) no-repeat center bottom / 100% scroll;
}
.def-img-6 {
	background:#fff url(/images/gutschein_default/gu_def_6.png) no-repeat center bottom / 100% scroll;
}
.gutschein-box-def-img .def-img-desc {
	width:49%;
	float:left;
	padding: 2px 5px;
    color: #E30614;
	min-height:44px;
	text-align:left;
}
.gutschein-box-def-img .def-img-minumsatz {
	width:100%;
	color:#E30614;
	font-size: 1em;
	float:left;
	font-weight:bold;
	min-height:44px;
	text-align:center;
	padding-top: 10px;
}

.gutschein-box-def-img .def-img-vorher {
	width:100%;
	color:#E30614;
	font-size:1em;
	float:left;
	font-weight:bold;
	min-height:44px;
	text-align:center;
	padding-top:10px;
}


.gutschein-box-wert {
	color:#E30614;
	font-size:1.7em;
	font-weight:bold;
	text-align:center;
	padding-top:0px;
	clear:both;
}
.product {
	font-size:1.7em;
	font-weight:bold;
	padding-top:0;
}
.product span {
	font-size:1.6em;
	font-weight:bold;
	line-height:30px;
}
.gutschein-box-def-img .def-img-nimmx {
	color:#E30614;
	font-size: 1em;
    clear: both;
    text-align: center;
    font-weight: bold;
	padding-top:10px;
	min-height:44px;
}
.gutschein-box-zahly {
	color:#E30614;
    font-size: 1.7em;
    clear: both;
    text-align: center;
    font-weight: bold;
}
.gutschein-box-def-img .def-img-kaufx {
	color:#E30614;
    font-size: 1em;
    clear: both;
    text-align: center;
    font-weight: bold;
	padding-top:10px;
	min-height:44px;
}
@media (max-width: 468px)
{
	.gutschein-box-def-img .def-img-kaufx, .gutschein-box-def-img .def-img-nimmx, .gutschein-box-def-img .def-img-vorher, .gutschein-box-def-img .def-img-minumsatz {
		font-size:0.73em;
	}
	.gutschein-box-zahly, .product, .gutschein-box-wert {
		font-size:1.3em;
	}
}



/* Detailansicht Anbieter end */

/* Flexisel Carousel */

.slider-over {
	border-bottom:1px solid #999; 
	color:#333; 
	font-size:1.2em; 
	font-weight:bold; 
	background-color:#eee; 
	padding:4px 0px 0px 20px;
}

.clearout {
height:20px;
clear:both;
}

#portal-slider {
display:none;
}
.portal-slider-btn { 
    background-color: transparent;
    width: 398px;
    height: 60px;
    position: absolute;
    margin-top:11px;
	left:20px;
}


#portal-slider .nbs-flexisel-container {
    position:relative;
    max-width:318px;
	height:70px;
	left:65px;
	top:6px;
}


@media (max-width: 767px)
{
#portal-slider .portal-slider-btn { 
    background-color: transparent;
    width: 275px;
    height: 60px;
    position: absolute;
    margin-top:11px;
	left:20px;
}

#portal-slider .nbs-flexisel-container {
    position:relative;
    max-width:195px;
	height:70px;
	left:65px;
	top:6px;
}

}



/* Adsslider */

.ads-slider {
	display:none;
}
.ads1-slider-btn { 
    background-color: transparent;
    width: auto;
    height: 120px;
    position: absolute;
    margin-top:11px;
	left:20px;
}
.ads-slider .nbs-flexisel-container {
    position:relative;
    max-width:100%;
}

.ads-slider + .nbs-flexisel-nav-left{
	left: 0px;
	border-top-right-radius:0px;
	border-bottom-right-radius:0px;
}
.ads-slider + .nbs-flexisel-nav-left + .nbs-flexisel-nav-right {
	right: 0px;
	border-top-right-radius:0px;
	border-bottom-right-radius:0px;
}

.ads-slider + .nbs-flexisel-nav-left,
.ads-slider + .nbs-flexisel-nav-left + .nbs-flexisel-nav-right {
    padding:81px 3px;
    border-radius:3px;
    position: absolute;
    cursor: pointer;
    z-index: 4;
    top: 50%;
    transform: translateY(-50%);   
    background: rgba(0,0,0,0.1);
    color: #666;
	border:0px solid #666;
}

.ads-slider + .nbs-flexisel-nav-left:hover,
.ads-slider + .nbs-flexisel-nav-left + .nbs-flexisel-nav-right:hover {
	background:#999;
}
.ads-slider .slider-a {
	display:block;
	position:relative;
}
.ads-slider .img-top {
	display:block;
	height:160px;

}
.ads-slider .slider-ext {
}
.ads-slider .slider-price {
	position:absolute;
	bottom:20px;
	background: rgba(0,0,0,0.7);
	padding:15px 10px;
	color:#fff;
	font-weight:bold;
}


.nbs-flexisel-ul {
    position:relative;
    width:99999px;
    margin:0px;
    padding:0px;
    list-style-type:none;   
    text-align:center;  
    overflow: auto;
}

.nbs-flexisel-inner {
    position: relative;
    overflow: hidden;
    float:left;
    max-width:300px;
    background:#eee;
   
}

.ads-slider .nbs-flexisel-item {
    float:left;
    margin:0px;
    padding:0px;
    cursor:pointer;
    position:relative;
    line-height:0px;
	height:208px;
	
	border-top:0px;
}
.ads-slider .nbs-flexisel-item .slider-head {
	background:rgba(0,0,0,0.8);
	/*background:rgba(146,213,246,0.8);*/
	color:#fff;
	padding:15px 10px;
	position:absolute;
	top:0px;
	left:0px;
	right:0px;
	display:none;
	line-height:normal;
	z-index:10;
}
.ads-slider .nbs-flexisel-item:hover {
	/*border:0px solid #666;
	border-top:0px;*/
}
.ads-slider .nbs-flexisel-item:hover  .slider-head{
	/*display:block;*/
}
.ads-slider .nbs-flexisel-item .slider-a {
	padding:7px;	
}
.nbs-flexisel-item {
    float:left;
    margin:0px;
    padding:0px;
    cursor:pointer;
    position:relative;
    line-height:0px;
}
.nbs-flexisel-item img {
    max-width: 100%;
    cursor: pointer;
    position: relative;
    margin:5px auto;
}

/*** Navigation ***/

.nbs-flexisel-nav-left,
.nbs-flexisel-nav-right {
    padding:18px 5px;
    border-radius:3px;
    position: absolute;
    cursor: pointer;
    z-index: 4;
    top: 50%;
    transform: translateY(-50%);   
    background: rgba(0,0,0,0.5);
    color: #fff;
	border:1px solid #666;
}

.nbs-flexisel-nav-left:hover,
.nbs-flexisel-nav-right:hover {
	background:#333;
}
.nbs-flexisel-nav-left {
    left: 20px;
	border-top-right-radius:0px;
	border-bottom-right-radius:0px;
}

.nbs-flexisel-nav-left:before {
    content: "<"
}

.nbs-flexisel-nav-left.disabled {
    opacity: 0.4;
}

.nbs-flexisel-nav-right {
    right: 15px;
	border-top-left-radius:0px;
	border-bottom-left-radius:0px;
}

.nbs-flexisel-nav-right:before {
    content: ">"
}

.nbs-flexisel-nav-right.disabled {
    opacity: 0.4;
}


/* imgslider */

.img-slider {
	display:none;
}
#img-slider-btn { 
    background-color: transparent;
    width: auto;
    height: 80px;
    position: absolute;
    margin-top:11px;
	left:20px;
}
.img-slider .nbs-flexisel-container {
    position:relative;
    max-width:100%;
}




.img-slider + .nbs-flexisel-nav-left{
	left: 0px;
	border-top-right-radius:0px;
	border-bottom-right-radius:0px;
}
.img-slider + .nbs-flexisel-nav-left + .nbs-flexisel-nav-right {
	right: 0px;
	border-top-right-radius:0px;
	border-bottom-right-radius:0px;
}

.img-slider + .nbs-flexisel-nav-left,
.img-slider + .nbs-flexisel-nav-left + .nbs-flexisel-nav-right {
    padding:81px 3px;
    border-radius:3px;
    position: absolute;
    cursor: pointer;
    z-index: 4;
    top: 50%;
    transform: translateY(-50%);   
    background: rgba(0,0,0,0.1);
    color: #666;
	border:0px solid #666;
}

.img-slider + .nbs-flexisel-nav-left:hover,
.img-slider + .nbs-flexisel-nav-left + .nbs-flexisel-nav-right:hover {
	background:#999;
}
.img-slider .slider-a {
	display:block;
	position:relative;
}
.img-slider .img-top {
	display:block;
	height:160px;

}
.img-slider .slider-ext {
}

.img-slider .nbs-flexisel-item {
    float:left;
    margin:0px;
    padding:0px;
    cursor:pointer;
    position:relative;
    line-height:0px;
	height:53px;
	border-top:0px;
}
.img-slider .nbs-flexisel-item img {
    max-width: 100%;
    cursor: pointer;
    position: relative;
    margin-top: 0px;
    margin-bottom: 0px;
	border:1px solid #666;
}

.img-slider .nbs-flexisel-item:hover {
	border:0px solid #666;
	border-top:0px;
}
.img-slider .nbs-flexisel-item:hover  .slider-head{
	display:block;
}
.img-slider .nbs-flexisel-item .slider-a {
	padding:0px;	
}



/* APP-Slider */

.app-slider-outer {
	width:300px;
	float:left;
	background:#999;
	display:none;
}
.app-slider-outer > .nbs-flexisel-container > .nbs-flexisel-inner {
	background:transparent;
}
.app-slider-outer  #app-slider  .nbs-flexisel-item img {
	margin-top:0px;
	margin-bottom:0px;
}

.app-slider-outer #app-slider + .nbs-flexisel-nav-left{
	left: 0px;
	border-top-right-radius:0px;
	border-bottom-right-radius:0px;
}
.app-slider-outer #app-slider + .nbs-flexisel-nav-left + .nbs-flexisel-nav-right {
	right: 0px;
	border-top-right-radius:0px;
	border-bottom-right-radius:0px;
}

.app-slider-outer #app-slider + .nbs-flexisel-nav-left,
.app-slider-outer #app-slider + .nbs-flexisel-nav-left + .nbs-flexisel-nav-right {
    padding:19px 3px;
    border-radius:0px;
    position: absolute;
    cursor: pointer;
    z-index: 4;
    top: 50%;
    transform: translateY(-50%);   
    background: rgba(0,0,0,0.1);
    color: #fff;
	border:0px solid #444;
}

.app-slider-outer #app-slider + .nbs-flexisel-nav-left:hover,
.app-slider-outer #app-slider + .nbs-flexisel-nav-left + .nbs-flexisel-nav-right:hover {
	background:#333;
}




/* Flexisel Carousel end */



.label-inner {
	position: absolute;
    top: 8px;
    left: 26px;
    color: #666;
}
.form-ani {
	padding-top:12px;
}
.form-ani-center {
	
}
.glyphicon-placeholder {
	width:19px;
}
@media (max-width:468px)
{
	.glyphicon-placeholder {
		width:16px;
	}
}


.ads {
	min-height:260px;
	border:1px solid #eee;
	text-align:center;
	font-size:2.0em;
	font-weight:bold;
	display:flex;
	align-items:center;
	justify-content:center;
	color:#fff;
	background-color:#6fa3bc;
}
.ads-info {
	margin-top:5px;
}
.ads-info::before {
	content:"Anzeige";
	font-size:.7em;
}


/* --------------------------------------------------------------------------
---------------------------------------------------- CUSTOM CHECKBOXES
----------------------------------------------------------------------------*/

 /* Customize the label (the container) */
.container-label {
  display: block;
  position: relative;
  padding-left: 22px;
  margin-bottom: 5px;
  cursor: pointer;
  font-size: 14px;
  font-weight:normal;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.container-label-big {
	padding-left: 32px;
	 font-size: 18px;
}

/* Hide the browser's default checkbox */
.container-label input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 16px;
  width: 16px;
  background-color: #eee;
  border-radius:2px;
  border:1px solid #ff3d06;
  transition:background-color 0.4s ease-out;
}
.checkmark-big {
	height: 26px;
 	 width: 26px;
}

/* On mouse-over, add a grey background color */
.container-label:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a green background */
.container-label input:checked ~ .checkmark {
  background-color: #ff3d06;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.container-label input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.container-label .checkmark:after {
  left: 5px;
  top: 1px;
  width: 4px;
  height: 10px;
  border: solid white;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.container-label .checkmark-big:after {
	left: 8px;
	top: 2px;
	width: 8px;
	height: 16px;
	border-width: 0 3px 3px 0;
}
.container-label .count {
	float:right;
	padding-right:5px;
	color:#666;	 
}
.container-label .count::before {
	content: "(";
}
.container-label .count::after {
	content: ")";
}

/* --------------------------------------------------------------------------
---------------------------------------------------- CUSTOM CHECKBOXES END
----------------------------------------------------------------------------*/


/* --------------------------------------------------------------------------
---------------------------------------------------- TOGGLE SWITCH
----------------------------------------------------------------------------*/

 /* The switch - the box around the slider */
.switch {
  position: relative;
  display: inline-block;
  width: 32px;
  height: 16px;
}

/* Hide default HTML checkbox */
.switch input {display:none;}

/* The slider */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 12px;
  width: 12px;
  left: 3px;
  bottom: 2px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #006;
}

input:focus + .slider {
  box-shadow: 0 0 1px #006;
}

input:checked + .slider:before {
  -webkit-transform: translateX(14px);
  -ms-transform: translateX(14px);
  transform: translateX(14px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
} 
.switch .desc {
	position:relative;
	top:-2px;
	padding:0px 0px 0px 37px;
	cursor:pointer;
}

/* --------------------------------------------------------------------------
---------------------------------------------------- TOGGLE SWITCH END
----------------------------------------------------------------------------*/



/* --------------------------------------------------------------------------
---------------------------------------------------- RANGE-SLIDER
----------------------------------------------------------------------------*/
.noUi-horizontal {
	height:12px;
}
.noUi-connect {
	background: #006;
}
.noUi-horizontal .noUi-handle {
    width: 20px;
    height: 22px;
    left: -17px;
    top: -6px;
}

.noUi-handle::after, .noUi-handle::before {
    content: "";
    display: block;
    position: absolute;
    height: 10px;
    width: 1px;
    background: #CECDCC;
    left: 6px;
    top: 5px;
}
.noUi-handle::after {
    left: 11px;
}
.range-slider-inputs {
	width:49.9%;
	float:left;
}
.range-slider-input {
	padding: 2px;
	width: 75px;
}
.range-slider-input-min {
	float:left;
}
.range-slider-input-max {
	float:right;
}
.range-slider-text {
	text-align:center;
	padding:3px 0px;
}
.range-slider-text-min{
	float:left;
	text-align:left;
}
.range-slider-text-max {
	float: right;
	text-align:right;
}
.noUi-tooltip {
    display: none;
}
.noUi-active .noUi-tooltip {
    display: block;
}
.range-slider-btn {
	text-align:right;
	padding:5px 0px;
}
.range-slider-head {
	padding:2px 0px 8px 2px;
	font-weight:bold;
}

/* --------------------------------------------------------------------------
---------------------------------------------------- RANGE-SLIDER
----------------------------------------------------------------------------*/



/* --------------------------------------------------------------------------
---------------------------------------------------- Treeview
----------------------------------------------------------------------------*/

.sub-btn {
	padding-right:10px;
}


/* --------------------------------------------------------------------------
---------------------------------------------------- Treeview
----------------------------------------------------------------------------*/



/* --------------------------------------------------------------------------
---------------------------------------------------- Search-Box
----------------------------------------------------------------------------*/

.select-box {
	position:relative;
	
	
	/*border-radius:3px;*/
	padding:3px;
	font-size:12px;
}
.select-box-head > a {
	display:block;
	font-size:14px;
	font-weight:bold;
	color:#000;
}
.select-box-head > a:hover, .select-box-head > a:active:focus, .select-box-head > a:focus {
	text-decoration:none;
}

.select-box .sort-toggle {
	width: 7px;
	height: 7px;
	border: solid #999;
	border-width: 0 3px 3px 0;
	position:relative;
	display:inline-block;
}
.select-box .sort-toggle-az {
	left:5px;
	top:1px;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
.select-box .sort-toggle-za {
	left:-2px;
	top:-3px;
	-webkit-transform: rotate(-135deg);
	-ms-transform: rotate(45deg);
	transform: rotate(-135deg);
}

.select-box .selected-count {
	float:right;
	color:#006;
}

.select-box .select-box-head .select-box-toggle {
	font-size:12px;
	transition: transform .3s ease-in-out;
}
.select-box .select-box-head .select-box-toggle--active {
	transform: rotate(90deg);
}

.select-box .searcher {
    background-image: url('/images/searchicon.png'); /* Add a search icon to input */
    background-position: 94% center; /* Position the search icon */
	background-size: 8%;
    background-repeat: no-repeat; /* Do not repeat the icon image */
    width: 100%; /* Full-width */
    font-size: 12px; /* Increase font-size */
    padding: 5px 38px 5px 10px; /* Add some padding */
    border: 1px solid #ddd; /* Add a grey border */
    margin-bottom: 10px; /* Add some space below the input */
}

.search-box-content {
	padding:5px 0px;
}

.select-box .search-box-list {
	overflow:hidden;
	max-height:110px;
}
.select-box .scrollbar {
	overflow-y:scroll;
}

.select-box .search-box-list ul {
    /* Remove default list styling */
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.select-box .search-box-list ul li {
	padding:5px 0px 3px 10px; 
}

.select-box .search-box-list ul li:hover:not(.header) {
    background-color: #eee; /* Add a hover effect to all links, except for headers */
}

/* --------------------------------------------------------------------------
---------------------------------------------------- Search-Box
----------------------------------------------------------------------------*/



/* --------------------------------------------------------------------------
---------------------------------------------------- FILTERS
----------------------------------------------------------------------------*/
.filters {
	margin:50px 10px;
	max-width:250px;
}
.filter {
	margin:5px 0px;
	border-bottom:1px solid #999;
}
.clear {
	clear:both;
	float: none;
}

/* --------------------------------------------------------------------------
---------------------------------------------------- FILTERS
----------------------------------------------------------------------------*/



/* print */

@media print {
	a[href]:after {
		content: none;
	}
	header, footer, .breadcrumb, .btn {
		display:none;
	}
	.expander:after {
		content:url(/images/logo3_cd.jpg);
	}
	
	

}

/* print end */

