/*
 * CSS
 */

/* Rhein-Sieg-Netz (RSN) */

/*
 * Schriftart
 */

/* normal | normal */

/*
 * Body
 * - Hintergrundfarbe
 */

 

body {
	background-color: #e7e5ec;
	padding: 0;
	font-family: 'Bliss', Arial, sans-serif;
	color: #140043;
} 
 
/* Hintergrundbild auf Login-Seite */
body.background-login {
	background-image: url('../img/Hintergrundfoto_rsn.jpg');
}


/*Linie auf der Startseite ausblenden */
.back-to-top .border-bottom {
    border-bottom: 0 none;
}

/* Linkfarbe */

a,
a.underlined,
.nav_secondary .nav-item a,
.widget.widget-radio .widget_extra .widget-extra-item,
.new-registration .register-cta,
.password-forgotten {
	color: #140043;
}

/* Label-Farbe: #666 */

.checker-label,
.form label {
	color: #140043;
}

/* Table-Head-Farbe: #666 */

.table-verbrauch .table-head td,
.table-status .table-head td,
.table-wrapper .table-head td {
	color: #140043;
}

/* TD-Farbe: #666 */

.table-verbrauch td,
.table-status td,
.table-wrapper td {
	color: #140043; 
}

/*
 * Header-Linie
 * - Linienh?he: 5px
 * - Linienfarbe: #fff
 */

.header {
	border-top: #ff8d2f 5px solid;
}

/*
 * Logo
 * - Breite
 * - Höhe
 * - Bild (@1x, @2x)
 */

.header_logo .logo-image {
	background-image: url('../img/rhein_sieg_netz_logo_neu.svg'); /* Logo @1x */
	width: 170px; /* Logo Breite */
	height: 60px; /* Logo Höhe */
}


@media all and (max-width: 768px) {

.header_logo .logo-image {
	background-image: url('../img/rhein_sieg_netz_logo_neu.svg'); /* Logo Retina @2x */
}

}

/*
 * Navigation
 * - Hintergrundfarbe
 * - Trenner
 * - Logout-Eintrag (< Desktop)
 * - Sub-Navigation Hintergrundfarbe
 */

.nav_main {
    background-color: #ff8d2f; /* Navigation Hintergrundfarbe Desktop */
   	text-transform: none;
	color: #ffffff;    /* #FBBB00;  */
}

.desktop .nav_main .level-1 > li:hover > a {
	color: #140043; /* Navigation, Schriftfarbe, Hover-State */
	background-color: #ffffff;
}

.nav_main .level-1 > li > a {
	color: #ffffff; /* Navigation, Schriftfarbe */
	background-color: #ff8d2f;
}

.nav_main .level-1 {
	border-top: 1px solid #ff8d2f; /* Border der Navigation: #01bae7 */
}

.nav_main .level-1 .level-2 {
	background-color: #ff8d2f; /* Sub-Navigation Hintergrundfarbe */
	color: #ffffff;
	border: 1px solid #ff8d2f;	
}

.nav_main .level-1 .level-2 > li a {
	color: #555; /* Sub-Navigation, Schriftfarbe */
}

.nav_main .level-1 .level-2 > li:hover a {
	color: #ffffff;
	background-color: #140043;	
}

.nav_main .level-1 li.item-deactivated > a {
    color: #ffffff !important;
}

/*
 * Buttons
 * - Schriftfarbe
 * - Hintergrundfarbe
 */

.button {
	background-color: #ffffff; /* Button Hintergrundfarbe */
	color: #ff8d2f;
	border: 2px solid #ff8d2f;	
}

.button:hover {
    background-color: #ffffff;
	color: #ff8d2f;
}

.button.button-inverted {
    background-color: #ffffff;
    color: #ff8d2f;
	border: 2px solid #ff8d2f;	
    padding: 11px 10px;
}

.button.button-inverted:hover {
    background-color: #ffffff;
    color: #ff8d2f;
	border: 2px solid #ff8d2f;	
}

.button.button-secondary {
    background-color: #ffffff;
    color: #ff8d2f;
}

.button.button-secondary:hover {
    background-color: #ffffff;
    color: #ff8d2f;
}

.styled-radio .radio-label {
    background-color: #ffffff;
	border: 0;
	color: #ff8d2f;
}

.styled-radio .radio-label:hover {
	border: 0;
    background-color: #ffffff;
	color: #ff8d2f;
}

/*
 * Radio-Buttons Active State
 */

.styled-radio input[type=radio]:checked + label {
    background-color: #ffffff;
	border: 0;
	color: #ff8d2f;
}

.styled-radio input[type=radio]:checked + label:hover {
    background-color: #ffffff;
	border: 0;
	color: #ff8d2f;
}

/*
 * Headlines
 */

h1 {
	color: #ff8d2f;
	font-size: 18px;
	line-height: 20px;
}

.widget_headline {
	color: #140043;
}

h2 {
    font-family: Calibri, Arial;
	font-size: 18px;
}