/* COLORSET DEFAULT for Projekt: XXXXXXX
 * Copyright 2017 Quellcodekunst Webdesign
 */
/***** GLOBALS ************************************************************************************************************************/

body {}
body.popup {background: #fff;}
.message{color:#0000cc;}
.alert{color:#cc0000;}
.anleitung{color:#0000ff;}
.trennlinie{border-top:1px solid #dcdde2;}
.points{border-top:1px dotted #dcdde2;}
.greenglow{box-shadow: 0px 0px 3px 3px RGBA(133, 205, 34, 0.20);-webkit-box-shadow: 0px 0px 3px 3px RGBA(133, 205, 34, 0.20);-moz-box-shadow: 0px 0px 3px 3px RGBA(133, 205, 34, 0.20);}
.redglow{box-shadow: 0px 0px 3px 3px RGBA(183, 88, 104, 0.20);-webkit-box-shadow: 0px 0px 3px 3px RGBA(183, 88, 104, 0.20);-moz-box-shadow: 0px 0px 3px 3px RGBA(183, 88, 104, 0.20);}
.bgdarkgrey{background:#333;color:#fff;}
.mand{color:#cc0000;font-weight:bold;}

/***** FORMS ************************************************************************************************************************/

form label.error {color:#cc0000;}
.form-control.error:focus{background:RGBA(183, 88, 104, 0.1);}
.form-control.error:focus,
form input.error,
form select.error{border:1px solid #cc0000;box-shadow: 0px 0px 3px 3px RGBA(183, 88, 104, 0.20);-webkit-box-shadow: 0px 0px 3px 3px RGBA(183, 88, 104, 0.20);-moz-box-shadow: 0px 0px 3px 3px RGBA(183, 88, 104, 0.20);}
.form-control.valid:focus,
form input.valid,
form select.valid{border:1px solid #00cc00;box-shadow: 0px 0px 3px 3px RGBA(133, 205, 34, 0.20);-webkit-box-shadow: 0px 0px 3px 3px RGBA(133, 205, 34, 0.20);-moz-box-shadow: 0px 0px 3px 3px RGBA(133, 205, 34, 0.20);}

.form-control{color: #464a4c;background-color: #fff;border-color: rgba(0,0,0,.15);outline: 0;}
.form-control:focus{color: #464a4c;background-color: #ededed;border-color: rgba(0,0,0,.15);outline: 0;}

.form-control::-moz-placeholder{color:#aaa;}
.form-control::-webkit-input-placeholder{color:#aaa;}
.form-control:-moz-placeholder{color:#aaa;}
.form-control:-ms-input-placeholder{color:#aaa;}
.form-control.error:focus::-moz-placeholder{color:transparent;}
.form-control.error:focus::-webkit-input-placeholder{color:transparent;}
.form-control.error:focus:-moz-placeholder{color:transparent;}
.form-control.error:focus:-ms-input-placeholder{color:transparent;}
.form-control.error:focus{background:#fff;}
.form-control.error:focus{background:#fff;}
.form-control.error:focus{background:#fff;}
.form-control.error:focus{background:#fff;}




/***** HEADLINES ************************************************************************************************************************/

h1,
.h1{}
h1.untertitel,
.h1untertitel{}
h2,
.h2{}
h2.untertitel,
.h2untertitel{color:#999;}
h3,
.h3{}
h3.untertitel,
.h3untertitel{}
h4,
.h4{}
h4.untertitel,
.h4untertitel{}

/***** LINKS ************************************************************************************************************************/



/***** KONTAKTFORM ************************************************************************************************************************/

/* CSS Trick: Wenn der Placeholder nicht zu sehen sein soll, dann die font-color auf background-color setzen */
.kontaktform .form-control::-moz-placeholder{color:#777;}
.kontaktform .form-control::-webkit-input-placeholder{}
.kontaktform .form-control:-moz-placeholder{}
.kontaktform .form-control:-ms-input-placeholder{}
.kontaktform img#captcha{background:RGBA(66, 139, 202, 1);border:1px solid #357EBD;}

/***** REGISTERFORM ************************************************************************************************************************/

.registerForm label{color:#999;}




/***** DRAGGABLE ************************************************************************************************************************/

.dragme{background:#CCC;}
.draggable .title{color:#fff;}
.draggable .content{border: 1px solid #CCC;background:#fff;}



/***** SLICK-SLIDER ************************************************************************************************************************/

.slick-prev:before,
.slick-next:before {color: #fff;}
.slick-loading .slick-list{background-color: #fff;}

/* Arrows */
.slick-prev,
.slick-next{color: #000;}
.slick-prev:before,
.slick-next:before{color: white;}

/* Dots */
.slick-dots li button{color: transparent;background: transparent;}
.slick-dots li button:before{color: black;}
.slick-dots li.slick-active button:before{color: black;}

/***** SLICKSLIDER POPUP'S ************************************************************************************************************************/

.slider.popup .inner{background:#E9DEC7;}

/***** PROFIL ************************************************************************************************************************/

.profil img.usericon{border:1px solid #ccc;background:#fff;}

/***** Routeplaner GOOGLE ************************************************************************************************************************/

#map_canvas{color:#000;}

/***** MODUL :: SCALE *****************************************************************************************************************/

.scale a,
.scale .active a {}
.scale a:hover{color:#0275d8;}
.scale a.active{color:#0275d8;border:1px solid #0275d8;}

/***** HEADER ************************************************************************************************************************/

header{}
/* LOGO & BRAND */
a.logo,
a.logo:hover{color:#999;}
/* .navbar-toggler */
.navbar-toggler{border-color:#999;}
.navbar-toggler:active{background:RGBA(246, 246, 246, 1);}
.navbar-toggler .icon-bar{background-color:#999;}
/* .nav LINKS*/
.nav > li > a {}
.nav > li > a:hover{}
.nav > li.active > a,
.nav > li.active > a:hover,
.nav > li.active > a:focus{}
/* .dropdown-menu LINKS*/
.dropdown-menu{color:#333;background-color:#fff;border-color:#BABABA;}
.dropdown-menu .arrow.top,
.dropdown-menu .arrow.right,
.dropdown-menu .arrow.bottom,
.dropdown-menu .arrow.left{color:#999;background-color:#000;}
.dropdown-menu > li > a {color:#999;}
.dropdown-menu > li > a:hover{color:#0275d8}
.dropdown-menu > li.active > a,
.dropdown-menu > li.active > a:hover,
.dropdown-menu > li.active > a:focus{color:#0275d8;}

/***** FLOATING SIDEBAR ************************************************************************************************************************/

aside.service{background:RGBA(0, 0, 0, 1) ;border: 1px solid #000;}
aside.service .title{border-bottom:1px solid #fff;color:#fff;}
aside.service .title .fa{color:green;background:white;}
aside.service.right .trigger{}
aside.service.right .trigger .avatar img,
aside.service.right .trigger .avatar span.fa{background:#fff;color:#000;}

.nav.side .label{color:#999;}
.nav.side span.nolink .stars a,
.nav.side span.nolink,
.nav.side a{color:#999;}
.nav.side a:hover{color:#fab100;}
.nav.side a.facebook{color:RGBA(74, 110, 169, 1);}
.nav.side a.google{color:RGBA(216, 65, 50, 1);}
.nav.side a.twitter{color:RGBA(0, 172, 236, 1);}

/***** FOOTER ************************************************************************************************************************/

footer{}
footer a{color:#999;}
footer a:hover{color:#555;background:none;color:#777;}
footer a:active,
footer a:focus,
footer .active a{}
footer .text{color:RGBA(153, 153, 153, 1);}
footer li.avatar{border:1px solid transparent;}
footer .avatar div.bg.icn{}
footer .avatar img{opacity:1;}
footer .avatar img:hover{opacity:1;}



/* .dropup-menu LINKS*/

.dropup .dropdown-menu li ul li a:hover.search{background:#4cae4c;}
.dropup .dropdown-menu a.btn-search{color:#fff;}
.dropup .dropdown-menu a.btn-search:hover{background-color:#5cb85c;}
.dropup .dropdown-menu .btn.login,
.dropup .dropdown-menu .btn.logout{}
.dropup .dropdown-menu .btn.logout{color:#d9534f;}
.dropup .dropdown-menu .btn.logout:hover{color:#d43f3a;}
.dropup .dropdown-menu .btn.login{color:#47a447;}
.dropup .dropdown-menu .btn.login:hover{color:#398439;}

@media (max-width: 767px) {
	.dropup .dropdown-menu .nav.listfunctions .btn.search:hover{background:#4cae4c}
}

/***** MODUL LISTVIEW BLÄTTERN ************************************************************************************************************************/

.lv_status{color:#333;}
.lv_zurueck a,
.lv_vor a,
.lv_zurueck:hover a,
.lv_vor:hover a,
.lv_zurueck:focus a,
.lv_vor:focus a{}
.lv_status a.seitenzahlen{color:#333;}
.lv_status a.seitenzahlen.active{color:#333;}

/***** POPUP VOTEConfirm************************************************************************************************************************/

.vote{background: #fff;}
.vote label{color:#999;}
.vote a.btn{color:#fff;}
.vote a.btn:hover{color:#fff;}

/***** MODUL CARD FLIP ************************************************************************************************************************/

.marrone .card .back{background:#3F3B2E;color:#fff;}

/***** SEARCH Modul & Sites ************************************************************************************************************************/

.search.list a{color:#333;}

/***** MODUL STARRATE BEWERTUNGSANZEIGE ************************************************************************************************************************/

.starrating .label{color:#999;}
.starrating .rating{background:#999;}
.starrating .rating .current-rating{background: #fab100;}
.starrating .count{color:#fab100;}
.starrating a:hover.count{color:#85bc22;}
.starrating .hint{color:#f49e02;}

.starrating .rating .cover,
.quote.article:hover .starrating .rating .cover{background: url(/img/layout/iconsprite.png) -17.5em 0 no-repeat;}

.quote.article .starrating .rating,
.quote.article .starrating .rating .cover{background-position: -13.75em 0;}

.quote.comment .rating{background-color:#fff;}
.quote.comment .starrating .rating,
.quote.comment .starrating .rating .cover{background-position: -21.25em 0;}

/***** STARRATE BEWERTUNG ************************************************************************************************************************/

.starrate .label{color:#999;}

/***** HORIZONTAL ACCORDEON ************************************************************************************************************************/



/* ----------   At the ABSOLUTE Bottom of CSS Stylesheet: DESIGN Colorsets ----------------------------------------------------------------------------------------------------------- */

/* ----------   orange ---------- */
/*.quote,
.scale a.active{border-color:#fab100;}

.scale a.active,
header h2,
header h2.untertitel,
footer a{color:#fab100;}
*/

/* ----------   lemon ---------- */
/*.quote,
.scale a.active{border-color:#C3FF0D;}

.scale a.active,
header h2,
header h2.untertitel,
footer a{color:#C3FF0D;}
*/