/**
 * customer.css
 * =============
 *
 *
 * Mit Hilfe dieser CSS-Datei lassen sich die Farben für Kundenprojekte einfach ändern. Fehlt diese
 * Datei, so wird automatisch die DefaultFarbe (grün) angezeigt. Dabei fungiert diese Datei als
 * Template.
 *
 * Neben diesen CSS-Statments können beliebig weitere hinzugefügt werden. Jedoch sollten diese nach
 * folgenden Gesichtspunkten eingefügt werden:
 *      * Bootstrap Version 3.3.4 konform (http://getbootstrap.com)
 *      * jQueryUi Version 1.11.4 konform (http://jqueryui.com)
 *      * CrossBrowser konform
 *
 * Aus Performanz-Gründen sind nicht alle Bestandteile von den Frameworks Bootstrap und jQueryUi 
 * mit kompiliert worden, weshalb einige CSS-Klassen des jeweiligen Standard-Paketes hier fehlen
 * könnten. Diese lassen sich aber bei Bedarf ergänzen.
 *
 * Nach Bearbeitung dieses Templates, sollte eine Kopie mit dem Namen "customer.css" im Order "/css"
 * abgelegt werden (gleiches Verzeichnis wie die Basis CSS-Datei "bhkw.css").
 *
 * Die "customer.css" Datei kann bei Kundenprojekten fehlen, in diesen Fällen würden die
 * Default-Farben aus der "bhkw.css" Datei erscheinen.
 *
 * Auf keinen Fall darf jedoch die "bhkw.css" Datei fehlen! Diese Datei enthält neben den
 * Default-Farben auch alle anderen CSS-Statments damit der Browser die Applikation richtig
 * darstellt bzw. rendern kann.
 *
 * Nachfolgend werden alle verwendenten Grundfarben gruppiert aufgelistet. Zum einen nach
 * Helligkeitsabstufungen und als 2. Ebene nach ihrer Verwendung für Texte, Hintergründe und Rahmen.
 *
 * Zu empfehlen ist die Verwendung von Hex-Farbwerten. Es können auch andere Notationsvarianten
 * verwendet werden, jedoch sollte auf Grund der CrossBrowser-Kompatibilität nur die Folgenden
 * Verwendung finden:
 *        * Hex-Farbwerte (z.B.: background-color: #ff0066; )
 *        * RGB-Farbwerte (z.B.: color: rgb(123, 4, 56); )
 *
 * Auf eine verkürzte schreibweise wie "background" anstatt "background-color" sollte weitestgehend
 * verzeichtet werden, da dadurch ungewollte Nebeneffekte auftreten können.
 *
 * Sollte eine "customer.css" Datei überhaupt nicht zum Einsatz kommen, dann sollte unbedingt auch
 * in der "index.html" Datei der "Ladeeintrag" ntfernt werden.
 *
 */
/* ---------------------------------------------------------------------------------------------- */
/**
 * COLOR: white
 * =============
 *
 * @default #fff
 *
 *
 *
 * Text-Color
 * -----------
 */
 

 
 
header a,
header a:hover,
header a:focus {
  color: #000;
}


/* Farbverläufe der Abfragefelder für Strom und Wärme*/

#waermeverbrauch div.form-group {
    /* background-color: #FFFFFF;*/
    /* background-image: none;*/
   background-image: linear-gradient(to bottom, #ffffff 90%, #51b12c 99%);  */
}

#stromverbrauch div.form-group {
  /*   background-color: #FFFFFF;  */
  / background-image: linear-gradient(to bottom, #ffffff 90%, #51b12c 99%);  */
}

/**
 * COLOR: Brand-Primary
 * =====================
 *
 * @default #9BD772
 *
 *
 *
 * Text-Color
 * -----------
 */
.text-primary,
.panel-success > .panel-heading .badge,
.form-control::-moz-placeholder,
.form-control:-ms-input-placeholder,
.form-control::-webkit-input-placeholder,
.btn-primary .badge {
  color: #76a5c8;
}
/**
 * Background-Color
 * -----------------
 */
header .label-default[href]:hover,
header .label-default[href]:focus,
body,
.bg-primary,
.bg-success,
.has-success .input-group-addon,
.btn-primary,
.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active,
.sc_slider-group .sc_slider .ui-state-default.ui-state-hover,
.sc_slider-group .sc_slider .ui-state-default.ui-state-focus,
.pager li > a:hover,
.pager li > a:focus
 {

/*Main Fraime Hintergrundfarbe*/
 /*  background-color: #76a5c8; */
background-color: #FFF;
color: #333333;
}
.img-thumbnail {
  border: #000000;
}
/* ---------------------------------------------------------------------------------------------- */
/**
 * COLOR: Brand-Primary-Mega-Dark
 * ================================
 *
 * @default #56952b
 *
 *
 *
 * Text-Color
 * -----------
 */

.nav-pills > li > a,
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus,
.panel-default > .panel-heading,
.sc_loader-container .sc_loader .sc_loader-info-text

 {
 color: #000000;

}

/* Normale schrift */
a
{
  color: #000000;
}



/* Kontaktformular-Schriftfarbe in Eingabefeldern Kontaktformular */
.form-control
{
 color: #000000;
}



/* ---------------------------------------------------------------------------------------------- */
/**
 * COLOR: Brand-Primary-Super-Dark
 * ================================
 *
 * @default #3f6d1f
 *
 *
 *
 *
 * Text-Color
 * -----------
 */
.sc_navbar .sc_navbar-header {
 color: #000000;
}
/* ---------------------------------------------------------------------------------------------- */
/**
 * COLOR: Brand-Primary-Darkest
 * =============================
 *
 * @default #62a930
 *
 *
 * Border-Color
 * -------------
 */

/* Sliderpunkte Rahmenfarbe wenn nicht aktiv*/
.form-control,
.form-control:focus,
.sc_slider-group .sc_slider.ui-widget-content,
.sc_slider-group .sc_slider .ui-state-default,
.pager li > a,
.pager li > span {
  border-color: #51b12c;
}
/* ---------------------------------------------------------------------------------------------- */
/**
 * COLOR: Brand-Primary-Darker
 * ============================
 *
 * @default #7AC943
 *
 *
 *
 * Text-Color
 * -----------
 */
a:hover,
a:focus {
  color: #788a98;
}
/**
 * Background-Color
 * -----------------
 */
/* header, */
.sc_tab-wrapper .tab-pane .tab-pane-content > div:nth-child(odd),
.pager li > span,
.panel-default > .panel-heading {
  /* background-color: #FFFFFF;  */
     background-image: linear-gradient(to bottom, #ffffff 90%, #51b12c 99%);
/*  background-image: linear-gradient(to bottom, #9ABDD7 0%, #788A98 100%); */
/*  background-color: #FFFFFF; */ 
}
.sc_tab-wrapper .tab-pane .tab-pane-content > div:nth-child(even) {
	   background-image: linear-gradient(to bottom, #ffffff 90%, #51b12c 99%);
  /* background-image: linear-gradient(to bottom, #9ABDD7 0%, #788A98 100%); */
  background-color: #9ABDD7;  
}
/* Oberster Frame Hintergrund */
header {
  background-color: #FFFFFF;
}

/* Zurück Button Hintergrundfarbe wenn inaktiv */
.pager li > a {
background-color: #51b12c;

/* Zurückbutton  */
color: #FFFFFF


}
.btn-primary:active:hover,
.btn-primary.active:hover,
.open > .dropdown-toggle.btn-primary:hover,
.btn-primary:active:focus,
.btn-primary.active:focus,
.open > .dropdown-toggle.btn-primary:focus,
.btn-primary:active.focus,
.btn-primary.active.focus,
.open > .dropdown-toggle.btn-primary.focus {
  background-color: #788a98;
  border-color: #788a98;
}
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
  background-color: #ffffff;
  
 
/*   background-image: -webkit-linear-gradient(left, #9abdd7 0%, #788a98 100%);
  background-image: -o-linear-gradient(left, #9abdd7 0%, #788a98 100%); */
  background-image: -webkit-linear-gradient(top, #51b12c; 0%, #ffffff 100%);
  background-image: -o-linear-gradient(top, #51b12c 0%, #ffffff 100%);

/* Hintergrundfarbe Banner Wärmebedarf Strombedarf wenn aktiv*/
  background-image: linear-gradient(to bottom, #51b12c 0%, #ffffff 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@brand-primary-light', endColorstr='@brand-primary-darker', GradientType=1);
}
/**
 * Border-Color
 * -------------
 */
.btn-primary,
.btn-primary:hover,
.btn-primary:focus,
.btn-primary.focus,
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  border-color: #788a98;
}

/* Dreieck im Banner Wärmeverbrauch*/
.nav-pills > li.active:after {
	 border-left-color: #51b12c; 
/*   border-left-color: #ffffff; */
}
/* ---------------------------------------------------------------------------------------------- */
/**
 * COLOR: Brand-Primary-Dark
 * ==========================
 *
 * @default #96d46b
 *
 *
 *
 * Background-Color
 * -----------------
 */
.nav-pills > li > a,
.sc_panel-result > .panel-body .panel > .panel-heading,
.btn-primary:hover,
.btn-primary:focus,
.btn-primary.focus,
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  background-color: #51b12c;
}
.nav-pills > li > a {
	
  background-image: -webkit-linear-gradient(left, #ffffff  0%, #ffffff 100%);
  background-image: -o-linear-gradient(left, #ffffff  0%, #ffffff  100%);

/*Hintergrundfarbe Banner Wärmebedarf Strombedarf wenn inaktiv*/
  background-image: linear-gradient(to right, #ffffff  0%, #ffffff 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@brand-primary-light', endColorstr='@brand-primary-dark', GradientType=1);
}
/**
 * Border-Color
 * -------------
 */
/* Dreieck im Banner Stromverkauf*/
.nav-pills > li:after {
/*   border-left-color: #51b12c; */
  border-left-color: #ffffff;
}
/* ---------------------------------------------------------------------------------------------- */
/**
 * COLOR: Brand-Primary-Light
 * ===========================
 *
 * @default #b7e29a
 */
header .label-default,
footer,
.panel,
.panel-default > .panel-heading,
.sc_dropdown-brands .thumbnail .media,
.well,
.modal-content {
  /* background-color: #00008f; */
background-color: #ffffff; 


/* Obere Hintergrundzeile Abfrageboxen*/
}
/* grundfarbe-farbe main-form */
.sc_tab-wrapper {
  background-color: #FFFFFF;

/* Rahmenfarbe Abfrageboxen*/
border-color: #000000;
}

/* schrift slider */
.label
{
color: #000000;
font-size: 85%;
}

/* Sliderpunkte Farbe wenn nicht aktiv*/

.sc_slider-group .sc_slider .ui-state-default {
  background-color: #000000;
}
/**
 * COLOR: Brand-Primary-Lighter
 * =============================
 *
 * @default #d3eec1
 *
 *
 *
 * Text-Color
 * -----------
 */ 
/* Weiter Button Hintergrundfarbe wenn inaktiv->Hier alles auf Weiß,da gewünscht wurde,daß er unsichtbar ist */
.pager .disabled > a,
.pager .disabled > a:hover,
.pager .disabled > a:focus,
.pager .disabled > span {
  color: #ffffff;
  background-color: #ffffff;
  border-color: #ffffff;
}
/**
 * Background-Color
 * -----------------
 */


.sc_slider-group .sc_slider .ui-widget-header,
.form-control
 {
 /*  background-color: #bfd5e5; */
 background-color: #ffffff;
}

/* Objekttypen äussere Kreisfarbe*/
.sc_navbar,
.thumbnail .media {

  background-color: #51b12c;
}

/**
 * Border-Color
 * -------------
 */

.panel-default,
.panel-default > .panel-heading,
.well {
  border-color: #bfd5e5;
}
.panel-group .panel-heading + .panel-collapse > .panel-body,
.panel-group .panel-heading + .panel-collapse > .list-group,
.panel-default > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #bfd5e5;
}

a:focus
{
font-weight: bold;
color: #000000;

}

/* Textfarbe aufklappen Branche */
.sc_dropdown-text
{
color: #ffffff;
}

.text-center
{
color: #000000;
}

.sc_tab-wrapper .tab-pane.form-inline .input-sm  {
width: 9em;
}


.bild_mitte_rechts {

vertical-align: middle;

}




	.sc_ranking-graph .sc_ranking-graph-badge {
	position: absolute;
	top: -0.4em;
	right: -0.4em;
	border-radius: 10em;
	padding: .5em;
	color: #fff;
	font-weight: bold;
	background-color: #000000;
	text-align: center;
	font-size: 18px;
	line-height: 1;
	white-space: nowrap;
	vertical-align: baseline;
}


.btn_Kontakt {
  -webkit-border-radius: 28;
  -moz-border-radius: 28;
  border-radius: 28px;
  font-family: Arial;
  color: #ffffff;
  font-size: 14px;
  background: #51b12c;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
  text-align: center;
}

.btn_Kontakt:hover {
  background: #51b12c;
  text-decoration: none;
}