@font-face {
    font-family: 'Open Sans Regular';
    font-weight: normal;
    src: url('../fonts/OpenSans-Regular-webfont.eot');
    src: url('../fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-Regular-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-Regular-webfont.woff') format('woff'),
         url('../fonts/OpenSans-Regular-webfont.svg#OpenSansRegular') format('svg');
}
@font-face {
    font-family: 'Open Sans Bold';
    font-weight: bold;
    src: url('../fonts/OpenSans-Bold-webfont.eot');
    src: url('../fonts/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-Bold-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-Bold-webfont.woff') format('woff'),
         url('../fonts/OpenSans-Bold-webfont.svg#OpenSansBold') format('svg');
}
@font-face {
    font-family: 'Open Sans CondLight';
    font-weight: normal;
    src: url('../fonts/OpenSans-CondLight.eot');
    src: url('../fonts/OpenSans-CondLight.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-CondLight.ttf') format('truetype'),
         url('../fonts/OpenSans-CondLight.woff') format('woff'),
         url('../fonts/OpenSans-CondLight.svg#OpenSansCondLight') format('svg');
}
@font-face {
    font-family: 'Open Sans CondBold';
    font-weight: bold;
    src: url('../fonts/OpenSans-CondBold.eot');
    src: url('../fonts/OpenSans-CondBold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-CondBold.ttf') format('truetype'),
         url('../fonts/OpenSans-CondBold.woff') format('woff'),
         url('../fonts/OpenSans-CondBold.svg#OpenSansCondBold') format('svg');
}
@font-face {
    font-family: 'Oswald Regular';
    font-weight: normal;
    src: url('../fonts/Oswald-Regular.eot');
    src: url('../fonts/Oswald-Regular.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Oswald-Regular.ttf') format('truetype'),
         url('../fonts/Oswald-Regular.woff') format('woff'),
         url('../fonts/Oswald-Regular.svg#OswaldRegular') format('svg');
}
@font-face {
    font-family: 'Oswald Bold';
    font-weight: bold;
    src: url('../fonts/Oswald-Bold.eot');
    src: url('../fonts/Oswald-Bold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Oswald-Bold.ttf') format('truetype'),
         url('../fonts/Oswald-Bold.woff') format('woff'),
         url('../fonts/Oswald-Bold.svg#OswaldBold') format('svg');
}
body{
    font-family: 'Open Sans Regular';
    font-size:16px; /* 1em */
    line-height:1.5em;
    color:#333;
}
.container {
    background: #e9e9ea;
}
.container-medium {
    margin-left: auto;
    margin-right: auto;
    max-width: 1070px;
    padding-left: 15px;
    padding-right: 15px;
}
.container-min {
    margin-left: auto;
    margin-right: auto;
    max-width: 900px;
    padding-left: 15px;
    padding-right: 15px;
}
.header .container{
    /*background:#000;*/
}
img.print {
    display:none;
}
img{
    height: auto;
    max-width: 100%;
}
a,
a:visited,
a:hover,
a:active,
a:focus {
    color: #ec6707!important;
    text-decoration: none;
    outline: 0!important;
    cursor:pointer;
}
a:hover,
a:active{
    color: #f66800;
    text-decoration:underline;
}
.center {
    text-align:center;
}
.p-r0 {
    padding-right:0;
}
.p-t20 {
    padding-top:20px;
}
.m-t20 {
    margin-top:20px;
}
.m-t10 {
    margin-top:10px;
}
.m-b10 {
    margin-bottom:10px!important;
}
.m-b20 {
    margin-bottom:20px!important;
}
.content {
    padding-top:20px;
    padding-bottom: 30px;
}
.content .small {
    font-size:0.750em; /* 12px */
}
.color_bold {
    color:#f66800;
    font-weight:bold;
}
.orange-bold {
    color:#f66800;
    font-weight: bold;
}


.no-navi-header {
    color: #fff;
    font-size: 12px;
}
.no-navi-header .pull-right {
    text-align: right;
}
.no-navi-header .pt-b {
    padding-top:15px;
    padding-bottom:15px;
}
.footer-height {
    line-height: 1.9em;
}


/*:::::::::::::::::::::::::::::::::::::::
    Navigation
:::::::::::::::::::::::::::::::::::::::::*/

ul.social {
    margin-top: 20px;
}
ul.social li {
    /*padding-right:30px;*/
}

.navbar {
    border-radius: 0;
    text-transform: uppercase;
    margin-bottom: 0;
    background-color: transparent;
    border-color: transparent;
}
.navbar-nav > li {
    font-family: 'Open Sans CondBold';
    padding-bottom: 15px;
    padding-top: 15px;
    font-size: 1.125em; /*18px*/
}
.navbar-nav > li > a {
    border-right: 2px solid #f66800;
    padding-bottom: 0px;
    padding-top: 0px;
}
.navbar-nav > li:last-child > a {
    border-right: 0px;
}
.nav > li > a {
    padding: 0 15px;
}
.navbar-nav {
    /*margin-top:50px;*/
}
.navbar-brand {
    height:auto;
    padding: 15px 15px 15px 0;
}
.navbar-default .navbar-toggle {
    margin-top: 30px;
}
.navbar-default .navbar-toggle:hover {
    background-color:#000;
}

/*:::::::::::::::::::::::::::::::::::::::
    BGs
:::::::::::::::::::::::::::::::::::::::::*/

.banner-box-bg {
    background: #e9e9ea url(../img/banner-box-bg.png) repeat-x;
    /*height:420px;
    padding-bottom: 35px;*/
}
.bg-dark {
    background:#282c30;
    padding-bottom: 5px;
    border-bottom:6px solid #000;
    padding-top:40px;
    color:#fff;
}
.bg-headerimg {
    /*background:#282c30;
    border-bottom:5px solid #000;*/
    background:#666;
    border-bottom:5px solid #282c30;
    padding-left:0;
    padding-right:0;
}

/*:::::::::::::::::::::::::::::::::::::::
    Überschriften
:::::::::::::::::::::::::::::::::::::::::*/

.rechner-start h1{
    font-family: 'Open Sans CondBold';
    font-size:1.313em; /* 21px */
    color:#f66800;
    border-bottom:1px solid #999999;
    padding-bottom:10px;
    margin-top:20px;
    margin-bottom: 0;
    text-transform: uppercase;
}
.rechner-start h2{
    font-family: 'Open Sans CondBold';
    font-size:1.313em; /* 21px */
    color:#fff;
    text-transform:uppercase;
}
.contentclaim h2{
    font-family: 'Open Sans CondBold';
    font-size:2.125em; /* 34px */
    color:#f66800;
    text-transform:uppercase;
    margin-bottom: 15px;
}
.wechsel-bg h2{
    font-family: 'Open Sans CondBold';
    font-size:2.125em; /* 34px */
    color:#f66800;
    text-transform:uppercase;
    margin-bottom: 15px;
    /*margin-top: 45px;*/
}
.col-xs-12.contentclaim.wechsel-bg > h2 {
    /*padding-bottom: 145px;*/
    padding-bottom: 100px;
}
.bestellung h2 {
    /*background: #282c30;*/
    background:#666;
    color: #fff;
    /*padding: 10px 6px;
    margin: 30px 0 20px;*/
    padding: 5px 6px;
    margin: 10px 0 10px;
    font-size: inherit;
    font-weight: bold;
}
h3{
    font-family: 'Open Sans CondBold';
    font-size:1.313em; /* 21px */
    text-transform: uppercase;
    color:#282c30;
    /*margin:10px 0 15px;*/
}
.teaser h3 {
    font-family: 'Open Sans CondBold';
    font-size: 1.125em; /* 18px */
    text-transform: uppercase;
    color: #282c30;
    margin: 10px 0 15px;
}
h1{
    font-family: 'Open Sans CondBold';
    font-size:2.125em; /* 44px */
    color:#f66800;
    margin-top:0;
    margin-bottom: 20px;
    text-transform: uppercase;
}
h2{
    font-size:1.313em; /* 21px */
    margin-bottom: 30px;
    margin-top: 0px;
    line-height:1.3em;
}
.bg-dark h1{
    font-family: 'Open Sans CondBold';
    font-size:1.500em; /* 24px */
    color:#f66800;
    margin-top:0;
    margin-bottom: 30px;
    text-transform: uppercase;
    line-height: 1.1em;
}

.bg-dark h1 span{
    font-family: 'Open Sans CondBold';
    font-size:70%;
    color:#f66800;
    margin-top:0;
    margin-bottom: 0;
    text-transform: uppercase;
    display: block;
}
.modal-header h2 {
    font-family: 'Open Sans CondBold';
    font-size:1.500em; /* 24px */
    color:#f66800;
    text-transform: uppercase;
}

/* =================================
 * Preisrechner Startseite
===================================*/
.rechner-start {
    /*padding-left: 50px;
    padding-right: 50px;*/
}
input.error {
    border: 1px solid #FE0202!important;
}
label.error {
    display: block;
}
#error_strom, #error_gas {
    margin-bottom: 0;
}
#tarife-tab {
    border-bottom:2px solid #999;
}
#tarife-tab > li {
    width:48%;
    text-align: left;
    padding:15px 0px;
}
#tarife-tab > li:first-child {
    width:52%;
}
#tarife-tab > li > a {
    /*background:transparent url(../img/tab_check.png) 148px no-repeat!important;*/
    background:transparent url(../img/tab_check.png) 148px 9px no-repeat!important;
    border:none!important;
    padding: 0 0 0 12px;
}
#tarife-tab > li.active > a {
    /*background:transparent url(../img/tab_check_active.png) 148px no-repeat!important;*/
    background:transparent url(../img/tab_check_active.png) 148px 9px no-repeat!important;
}
#tarife-tab > li:first-child > a {
    /*background:transparent url(../img/tab_check.png) 148px no-repeat!important;*/
    background:transparent url(../img/tab_check.png) 160px 9px no-repeat!important;
    border:none!important;
    padding: 0;
}
#tarife-tab > li:first-child.active > a {
    /*background:transparent url(../img/tab_check_active.png) 148px no-repeat!important;*/
    background:transparent url(../img/tab_check_active.png) 160px 9px no-repeat!important;
}

.preisrechner input[type="text"]{
    background:#fff;
    border:1px solid #ccc;
    border-radius: 0px;
}
.preisrechner .form-control {
    font-family: 'Open Sans CondBold';
    color: #666;
    text-align:center;
    height: 50px;
    font-size:0.938em; /* 15px */
}
input[type="text"],
select,
textarea {
    border-radius: 0px!important;
}
.form-control:focus {
    border-color: #798394;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(121, 131, 148, 0.6);
    outline: 0 none;
}
.tab-content .row {
    margin-bottom:20px;
}
.tab-content img {
    border-bottom:10px solid #f66800;
}
.tab-content img:hover,
.tab-content img.active {
    border-bottom:10px solid #fff;
}
.nav-tabs h2{
    margin:0px;
    padding:0px;
}
.nav-tabs span.strom{
    background: transparent url(../img/gasstromsprites.png) 0 0 no-repeat;
    width:21px;
    height:32px;
    display:inline-block;
    position:relative;
    margin: 0 5px -7px 0;
}
.nav-tabs span.gas{
    background: transparent url(../img/gasstromsprites.png) 0 -39px no-repeat;
    width:20px;
    height:25px;
    display:inline-block;
    position:relative;
    margin: 0 5px 0px 0;
}
#ortdiv_strom label,
#ortdiv_gas label{
    display:none;
}
label#plz_strom-error,
label#plz_gas-error,
label#verbrauch_strom-error,
label#verbrauch_gas-error {
    color:#fff;
    font-size: 0.875em; /*14px*/
}

/*:::::::::::::::::::::::::::::::::::::::
    Claims
:::::::::::::::::::::::::::::::::::::::::*/

.claim {
    color:#f66800;
    padding-top:95px;
    padding-left: 40px;
}
.claim-bg {
    background: url(../img/claim-bg.png) no-repeat right bottom;
    width:475px;
    height:420px;
    left:200px;
    position:absolute;
    top:0px;
    /*width:583px;
    height:336px;*/
    /*left: 92px;*/

}
.claim h2{
    font-family: 'Oswald Bold';
    /*font-size:2.25em;  36px */
    font-size:3.8125em; /* 61px */
    text-transform: uppercase;
    line-height: 1em;
    margin-bottom: 20px;
    position: relative;
}
.claim h2 a,
.claim h2 a:hover{
    text-decoration:none;
}
.claim h2 span{
    font-size:84%;
}
.arrow_box h3 {
    font-size:1.813em; /* 29px */
    color:#fff;
    padding:0;
    margin:0;
}
.arrow_box a {
    text-decoration:none;
    color: #fff !important;
}
.arrow_box {
    position: relative;
    background: #f7931e;
    border-bottom: 7px solid #000000;
    padding:15px 20px 15px 30px;
    /*margin: 40px 0px 0 0;*/
    margin: 0px 0px 0 0;
}
.arrow_box:after, .arrow_box:before {
    top: 100%;
    left: 50%;
    border: solid transparent; content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}
.arrow_box:after {
    border-color: rgba(0, 0, 0, 0);
    border-top-color: #000;
    border-width: 15px;
    margin-left: -15px;
}
.arrow_box:before {
    border-color: rgba(0, 0, 0, 0);
    border-top-color: #000000;
    border-width: 25px;
    margin-left: -25px;
}
.contentclaim {
    text-align:center;
    margin-bottom:20px;
}
.contentclaim p {
    font-size:1.125em; /* 18px */
}
.wechsel-bg {
    /*background: url("../img/wechsel-bg.png") no-repeat scroll 0px 140px transparent;*/
    background: url("../img/wechsel-bg.png") no-repeat scroll 0px 75px transparent;
    padding-bottom: 20px;
}
div.boxes-container {
    float:right;
    /*margin-right:70px;*/
    margin-top:20px;
}
.box-shadow {
    background: url("../img/box-shadow.png") no-repeat scroll 41px 113px transparent;
    height: 150px;
    width: 200px;
    display: inline-block;
}
div.boxes {
    /*border-top:10px solid #f66800;*/
    background:#585b5f;
    /*width:140px;*/
    width:115px;
    height: 130px;
    display: inline-block;
    vertical-align: top;
}
div.box1 {
    /*border-top:10px solid #f66800;*/
    opacity: 0.4;
    -moz-transform:skew(10deg,-9deg); /* Firefox 3.6 Firefox 4 */
        -webkit-transform:skew(10deg,-9deg); /* Safari */
            -o-transform:skew(10deg,-9deg); /* Opera */
            -ms-transform:skew(10deg,-9deg); /* IE9 */
                transform:skew(9deg,-9deg); /* W3C */
}
div.box2 {
    opacity: 0.6;
    margin-right: 25px;
}
div.box3 {
    opacity: 0.8;
    margin-right: 25px;
}
div.box-header {
    width:100%;
    height:10px;
    background: #f66800;
}
div.box-num {
    font-size: 1.875em; /* 30px */
    font-weight: bold !important;
    margin-bottom: 5px;
}
div.box-content {
    color:#fff;
    font-size:0.750em; /* 12px */
    font-weight:bold;
    padding:9px;
    line-height: 1.5em;
    text-align:left;
}

/*:::::::::::::::::::::::::::::::::::::::
    teaser startseite
:::::::::::::::::::::::::::::::::::::::::*/

.teaser {
    margin-top:15px;
    padding-bottom:50px;
    border-bottom:1px solid #ccc;
    margin-bottom: 40px;
}
.teaser:last-child {
    border-bottom:0;
}
.teaser p{
    font-size:0.750em; /* 12px */
    line-height: 1.3em;
}
.teaser.col-img {
    padding-bottom:0;
}

/* =================================
 * legende
===================================*/

ul.legende {
    list-style-type: none;
    margin-bottom:0;
}
ul.legende li{
    margin-bottom:7px;
}

/* =================================
 * form
===================================*/

form {
    font-family: 'Open Sans CondBold';
}
.form_angaben_aendern label {
    color:#fff;
}

/* =================================
 * Ergebnistabelle
===================================*/

.table {
    color:#333;
    font-size: 0.750em; /* 12px */
}
.ergebnistabelle {
    font-family: 'Open Sans Bold';
}
.ergebnistabelle a {
    color:inherit!important;
    text-decoration:none;
}
.table > thead > tr > th {
    background-color: #fff!important;
    border-bottom: 0;
}
.table > thead > tr > th,
.table tbody > tr > td,
.table tfoot > tr > td {
    border-top: 0;
    padding: 10px 6px 10px 6px!important;
}
.table span.anbieter,
.table span.kosten {
    display: block;
    font-size: 120%;
}
.table span.tarif,
.table span.ersparnis {
    color: #ec6707;
    display: block;
    margin-top: 5px;
}
.table ul {
    list-style-type: none;
    padding-left: 0;
    font-size:90%;
}
.table ul li{
    margin-bottom:1px;
}
.table.border > thead > tr > th,
.table.border tbody > tr > td,
.table.border tfoot > tr > td {
    border-top: 1px solid #666!important;
}
@-moz-document url-prefix() {
  fieldset { display: table-cell; }
}

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
    background-color: #fff;
    cursor: pointer;
    opacity: 1;
}

/* datepicker */
.ui-datepicker-month{
    color: #000000;
}

.ui-datepicker-year{
    color: #000000;
}

/* dataTables */

/*#table-detail_wrapper {
    margin-top:20px;
}*/
#table-detail_wrapper input {
    border-radius:0;
}
.dataTables_length label,
.dataTables_filter label{
    font-weight:normal;
    color:#333;
}
.dataTables_length,
.dataTables_filter,
.dataTables_info,
.dataTables_paginate{
    font-size:0.750em; /* 12px */
}
.dataTables_info{
    color:#333;
}
.dataTables_length input[type="text"],
.dataTables_filter input[type="text"],
.dataTables_length select,
.dataTables_filter select{
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #ccc;
    border-radius: 0;
    padding:2px 3px;
}
table.dataTable thead .sorting { background: #fff; no-repeat center right!important;}
table.dataTable thead .sorting_asc { background: #fff; no-repeat center right!important; }
table.dataTable thead .sorting_desc { background: #fff; no-repeat center right!important; }

table.dataTable thead .sorting_asc_disabled { background: #fff; no-repeat center right!important; }
table.dataTable thead .sorting_desc_disabled { background: #fff; no-repeat center right!important; }

ul.pagination > .disabled > span,
ul.pagination > .disabled > a,
ul.pagination > .disabled > a:hover,
ul.pagination > .disabled > a:focus {
    background-color: rgba(0, 0, 0, 0);
    color: #333;
    cursor: default;
}
ul.pagination > li > a,
ul.pagination > li > span {
    background-color: #FFFFFF;
    border-color: #ccc;
    border-image: none;
    border-style: solid;
    /*border-width: 1px 1px 1px 0;*/
    float: left;
    line-height: 20px;
    padding: 4px 12px;
    text-decoration: none;
}
ul.pagination > .active > a, ul.pagination > .active > span {
    color: #333;
    cursor: default;
}
ul.pagination > li > a:hover,
ul.pagination > li > a:focus,
ul.pagination > .active > a,
ul.pagination > .active > span {
    background-color: #F5F5F5;
    color: #ec6707;
}
div.dataTables_paginate {
    margin-left:80px!important;
}
.pagination>.active>a,
.pagination>.active>span,
.pagination>.active>a:hover,
.pagination>.active>span:hover,
.pagination>.active>a:focus,
.pagination>.active>span:focus {
    z-index: 2;
    color: #fff;
    background-color: #ec6707;
    border-color: #ec6707;
    cursor: default;
}
.pagination>li>a,
.pagination>li>span {
    color: #ec6707;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
    border-bottom-left-radius: 0px;
    border-top-left-radius: 0px;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
    border-bottom-right-radius: 0px;
    border-top-right-radius: 0px;
}

/* =================================
 * Detailseite
===================================*/

.progress-bar {
    box-shadow: none;
}
.progress {
    background-color: #d4d8dc;
    border-left: 1px solid #fff;
    border-radius: 0;
    box-shadow: none;
    height: 4px;
    margin-bottom: 0;
    overflow: hidden;
}
.progress-bar-warning {
    background-color: #ec6707;
}
.table.details > thead > tr > th {
    background-color: #282c30!important;
    color:#fff;
}
.table-striped>tbody>tr:nth-child(odd)>td,
.table-striped>tbody>tr:nth-child(odd)>th {
    background-color: #fff;
}
.table.bg_white {
    background-color: #fff;
}

/*:::::::::::::::::::::::::::::::::::::::
    Progress bar
:::::::::::::::::::::::::::::::::::::::::*/

.progress-bar {
    box-shadow: none;
}
.progress {
    background-color: #fff;
     /*border-left: 1px solid #fff;*/
    border-radius: 0;
    box-shadow: none;
    /*height: 4px;*/
    margin-bottom: 0;
    overflow: hidden;
}
.progress-vertical {
    position: relative;
    width: 80%;
    min-height: 240px;
    float: left;
    margin-right: 20px;
}

/* =================================
 * Vergleichen
===================================*/

.modal-dialog {
    max-width: 1070px;
    width: auto;
}
.modal-content {
    border-radius:0px;
}
tr.dark td{
    background:#282c30!important;
    color:#ff6600;
}
tr.grey td {
    background: #e9e9ea;
}
.compare-icons{
    margin:5px 5px 0 0;
    float:left;
    font-family: "Open Sans CondBold";
}
.compare-legend-wrap {
    float: left;
    clear: both;
    margin-top:15px;
}
.compare-legend-wrap:first-child {
    margin-top:0px;
}
.compare-legend {
    display: inline-block;
    float: left;
    height: 15px;
    margin: 0px 5px 0 0;
    width: 15px;
}
.regenerativ {
    background-color: #329900;
}
.fossil {
    background-color: #666666;
}
.nuklear {
    background-color: #ffcc00;
}
.close {
    color: #ff6600;
    font-size: 3.125em; /* 50px */
    opacity: 1;
    line-height: inherit;
    font-family: "Open Sans CondBold";
}

#tablehideCol .hide{
    display: inherit!important;
}
/*#scroller {
    width: 300px;
    overflow-x: scroll;
}*/
 /*#scroller table {
    just a quick hack to make the table overflow the containing div
       your method may differ *
    width: 600px;
}/
 /*#scroller .table.fixedCol {
    width: auto;
    position: absolute;
    below styles are specific for borderd Bootstrap tables
       to remove rounded corners on cloned table
    -webkit-border-top-right-radius: 0px;
    -webkit-border-bottom-right-radius: 0px;
       -moz-border-radius-topright: 0px;
       -moz-border-radius-bottomright: 0px;
            border-top-right-radius: 0px;
            border-bottom-right-radius: 0px;
}*/
/* .table.fixedCol th,
.table.fixedCol td {
    background is set to white to hide underlaying column
       of original table
    background: white;
}
*/

/* =================================
 * Vergleichleiste
===================================*/

.comp-row {
    background-color: #808080;
    bottom: 0;
    height: 50px;
    left: 0;
    position: fixed;
    text-align: center;
    width: 100%;
    z-index: 4000;
}
.comp-row-compare-q {
    display: table;
    height: 100%;
    margin: 0 auto;
    width: auto;
    color:#fff;
}
.comp-row-now-comparing {
    display: table-cell;
    font-size: 12px; /* 0.750em */
    font-weight: bold;
    padding: 0 0 0 10px;
    position: relative;
    text-transform: uppercase;
    vertical-align: middle;
    white-space: nowrap;
    text-align: left;
}
.comp-row-listings {
    background-color: #282d30;
    display: table-cell;
    list-style: none outside none;
    padding: 1px 5px 0 15px;
    vertical-align: middle;
}
.comp-row-item {
    background-color: #fff;
    border: 2px solid #fff;
    border-radius: 22px;
    float: left;
    height: 20px;
    margin-right: 8px;
    padding: 0;
    position: relative;
    transition: all 0.1s ease 0s;
    width: 20px;
}
.compare-item {
    background-color: #FFFFFF;
    border-color: #808080;
    border-image: none;
    border-style: solid;
    border-width: 5px;
    padding: 20px;
    position: relative;
    width: 180px;
    text-align:left;
}
.compare-item-wrap {
    bottom: 18px;
    display: none;
    left: -82px;
    padding-bottom: 19px;
    position: absolute;
}
.compare-item:after {
    border: medium solid rgba(0, 0, 0, 0);
    content: " ";
    height: 0;
    pointer-events: none;
    position: absolute;
    top: 100%;
    width: 0;
}
.compare-item:after {
    border-color: #808080 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
    border-width: 10px;
    left: 50%;
    margin-left: -10px;
}
.comp-row-listings li:hover .compare-item-wrap {
    display: block;
    opacity: 1 !important;
}
.comp-row-listings li:hover {
    box-shadow: 0 0 0 2px #fff inset, 0 2px 3px 1px rgba(0, 0, 0, 0.1);
    padding: 0;
}
.comp-row-listings .name-anbieter {
    font-size:0.875em; /* 14px */
    font-weight:bold;
    color:#333;
    padding: 3px 0;
    margin-bottom:5px;
    line-height: 1.3em;
}
.comp-row-listings .name-anbieter:hover {
   text-decoration:underline;
   color:#333;
}
.comp-row-listings .name-tarif {
    font-size:0.750em; /* 12px */
    font-weight:bold;
    color:#ec6707;
    line-height: 1.2em;
    padding-bottom:10px;
}
.comp-row-listings .name-tarif:hover {
    color:#ec6707;
    text-decoration:underline;
}
.comp-row-compare-btn-wrap {
    display: table-cell;
    padding: 0 10px;
    vertical-align: middle;
}
.comp-row-compare-btn,
.comp-row-compare-btn:hover{
    border: 0 none;
    font-family: "Oswald Bold";
    font-weight: bold;
    text-transform:uppercase;
    padding: 3px 15px;
    background:#ec6707;
    cursor:pointer;
    color: #fff!important;
    text-decoration: none;
}
.comp-row-clear,
.comp-row-clear:hover{
    color: #fff!important;
    cursor: pointer;
    display: table-cell;
    font-size: 0.75em; /* 12px */
    font-weight:bold;
    text-transform:uppercase;
    height: 100%;
    vertical-align: middle;
}
.comp-row-clear:hover {
    text-decoration: underline;
}
.comp-row-count {
    color: #fff;
}
/*
.compare-item ul {
    font-size: 90%;
    list-style-type: none;
    padding-left: 0;
    color:#333;
}
.compare-item ul li {
    margin-bottom: 1px;
}
*/

/* =================================
 * Ökostrom-Seite
===================================*/

.content-teaser {
    margin-bottom:30px;
    padding-bottom:25px;
    border-bottom:1px solid #ccc;
}
.content-teaser:last-child {
    border-bottom:0;
}
.content-teaser h3 {
    margin:0 0 15px;
}


/* =================================
 * Lexikon-Seite
===================================*/
.ankernavi {
    margin-bottom: 20px;
}
.ankernavi ul {
    margin:0;
    padding:0;
}
.ankernavi li {
    display: inline-block;
    list-style: none;
    padding: 2px 7px;
    border: 1px solid #ccc;
    text-align: center;
}
.ankernavi a{
    font-size:1.125em; /* 18px */
    font-family: 'Open Sans CondBold';
    text-transform: uppercase;
}
#accordion h3,
#accordion h3 a:focus,
#accordion h3 a:hover {
    border-top: 1px solid #ccc;
    padding: 10px 10px 10px 0;
    margin: 0;
    text-decoration: none;
}
#accordion .accordion-caret.collapsed:before {
    content: url(../img/accordion_icon_plus.png);
}
#accordion .accordion-caret:not(.collapsed):before {
content: url(../img/accordion_icon_minus.png);
}
#accordion .collapse.in {
    padding-bottom: 10px;
}

/* =================================
 * Bestellformular
===================================*/

.bestellung {
    font-family: 'Open Sans Regular';
    font-size: 0.75em;
    line-height: 1.5em;
}
.bestellung .form-control {
    font-size:inherit;
}
.underline {
    text-decoration: underline;
}
.bestellung .radio label:first-child {
    margin-right:10px;
}
.well {
    overflow: hidden;
    margin-bottom: 10px;
    padding: 5px;
}
.well .control-label {
    margin-bottom: 0;
    padding-top: 0px;
    text-align: left;
}
.bestellung .form-group {
    margin-bottom: 5px;
}
.well .form-group:nth-child(2n+1) {
    clear:both;
}
.bestellung .form-control {
    height: 31px;
}
.bestellung .form-control {
    height: 31px;
}
.bestellung-text {
    font-size: 12px;
    line-height: 1.6em;
}
.bestellung.preview .control-label {
    padding-top: 0;
}
.bestellung.preview .form-group {
    padding-top: 7px;
}
.bestellung.preview .radio,
.bestellung.preview .checkbox {
    min-height: auto;
}
.bestellung.preview .radio,
.bestellung.preview .checkbox,
.bestellung.preview .radio-inline,
.bestellung.preview .checkbox-inline {
    padding-top: 0;
}

/* =================================
 * Buttons
===================================*/

.btn,
button.accordion-caret.collapsed{
    color:#fff;
    border-radius: 0px;
    font-weight:bold;
    text-transform: uppercase;
    background: #ec6707;
    border-bottom:5px solid #000;
    font-family: 'Oswald Bold';
    font-size:1.313em; /* 21px */
}
.btn:hover{
    background: #888a8d;
    border-bottom:5px solid #fff;
    color:#fff;
}
.preisrechner .btn{

}
button.vergleichen{
    background: #f7931e;
    padding:15px 10px;
    border-bottom:0;
}
button.vergleichen:hover{
    background: #f5a64a;
    border-bottom:0;
}
button.accordion-caret,
button.accordion-caret:hover,
button.accordion-caret:focus{
    background: #888a8d;
    border-bottom:5px solid #fff;
    color:#fff;
}
button.details,
button.details:hover{
    /*background: transparent;
    border-bottom:1px solid #ec6707;
    color:#ec6707;
    padding-bottom:0;*/
    border-bottom:0;
    width:auto;
    background:#f7931b;
}
button.wechseln,
button.wechseln:hover{
    border-bottom:0;
    margin-top:20px!important;
    width:auto;
}
button.back,
button.back:hover{
    background: transparent;
    color:#fff;
    padding-bottom:0;
    border-bottom:0;
    font-size:1em; /* 16px */
}
/* =================================
 * icons
===================================*/

.icon-kein-bonus{
    background: transparent url(../img/icons/icon-kein-bonus.png) 10px 5px no-repeat!important;
    padding-left: 58px;
}
.icon-keine-pakete{
    background: transparent url(../img/icons/icon-keine-pakete.png) 10px 5px no-repeat!important;
    padding-left: 58px;
}
.keine-preiserhoehung{
    background: transparent url(../img/icons/keine-preiserhoehung.png) 10px 5px no-repeat!important;
    padding-left: 45px;
}
.icon-ohne-hindernisse{
    background: url(../img/icons/icon-ohne-hindernisse.png) 10px 5px no-repeat!important;
    padding-left: 55px;
}
.icon-keine-fallen{
    background: url(../img/icons/icon-keine-fallen.png) 10px 2px no-repeat!important;
    padding-left: 55px;
}
.icon-keine-nullnummern{
    background: url(../img/icons/icon-keine-nullnummern.png) 10px 7px no-repeat!important;
    padding-left: 50px;
}
.oeko_zert{
    background: transparent url(../img/icons/icon_oeko_zert_white.png) 0 5px no-repeat;
    padding-left: 30px;
}
.erneuer{
    background: transparent url(../img/icons/icon_erneuer_white.png) 0 5px no-repeat;
    padding-left: 30px;
}
.home{
    background: transparent url(../img/icons/icon_home_white.png) 0 5px no-repeat;
    padding-left: 30px;
}
.euro{
    background: transparent url(../img/icons/icon_euro_white.png) 0 5px no-repeat;
    padding-left: 30px;
}
.paket{
    background: transparent url(../img/icons/icon_paket_white.png) 0 5px no-repeat;
    padding-left: 30px;
}
.online{
    background: transparent url(../img/icons/icon_online_white.png) 0 5px no-repeat;
    padding-left: 30px;
}
.kombi{
    background: transparent url(../img/icons/icon_kombi_white.png) 0 5px no-repeat;
    padding-left: 30px;
}
.best{
    background: transparent url(../img/icons/icon_best_white.png) 0 5px no-repeat;
    padding-left: 30px;
}
.grund{
    background: transparent url(../img/icons/icon_grund_white.png) 0 5px no-repeat;
    padding-left: 30px;
}
.atom{
    background: transparent url(../img/icons/icon_atom_white.png) 0 5px no-repeat;
    padding-left: 30px;
}
.co2{
    background: transparent url(../img/icons/icon_co2_white.png) 0 5px no-repeat;
    padding-left: 30px;
}


/*:::::::::::::::::::::::::::::::::::::::
    Footer
:::::::::::::::::::::::::::::::::::::::::*/

.footer{
    background:#282d30;
    color:#6a6e70;
    padding-top:50px;
    padding-bottom:20px;
}
/*.footer .container{
    background:#282d30;
}*/
.footer .zitat {
    color:#fff;
    padding-bottom:60px;
}
.footer .zitat p{
    font-size:18px;
    line-height: 1.4em;
}
.footer .right-italic {
    text-align:right;
    font-size:0.875em!important; /* 14px */
    color:#6a6e70;
    font-style: italic;
    font-weight:bold;
}
.footer a{
    color:#ec6707;
}
.footer p {
    padding: 20px 0 0;
    margin:0;
}
.footer p:first-child {
    padding: 32px 0 0;
    margin:0;
}
.copyright{
    background: #25282a;
    font-size:0.750em; /* 12px */
    color:#fff;
    padding-top: 60px;
    padding-bottom: 40px;
}
.copyright a{
    color:#fff!important;
}
.copyright .container{
    background: #25282a;
}
.fa-phone, .fa-envelope-o, .fa-home {
    font-size:1.625em; /* 26px */
    padding:0 20px 0px 0;
    vertical-align: top;
    color:#6a6e70;
}
.fa-envelope-o {
    font-size:1.375em; /* 22px */
}
.contact-info {
    display: inline-block;
    font-weight: bold;
    margin-bottom: 20px;
}
.contact-info span {
    color:#fff;
    font-size:1.313em; /* 21px */
    font-weight: normal;
    text-decoration: none;
}
.contact-info a {
    color:#fff;
    text-decoration: none;
}
.contact-info span.small {
    font-size:0.750em; /* 12px */
    font-weight:bold;
    color:#6a6e70;
}
#back-top span {
    background: url("../img/back-top.png") no-repeat scroll center center #999;
    border-radius: 4px;
    color: #fff;
    display: block;
    height: 64px;
    opacity: 0.4;
    transition: all 1s ease 0s;
    width: 64px;
}
#back-top a:hover span {
    opacity: 1;
}

/*:::::::::::::::::::::::::::::::::::::::
    Debug-Window
:::::::::::::::::::::::::::::::::::::::::*/

#debugwindow{
    position:fixed;
    bottom:0px;
    left:0px;
    width:800px;
    height:200px;
    overflow:scroll;
    font-size: 12px;
    line-height: 15px;
    background-color:#caffd2;
    z-index: 999999;
}

.develop_div{
    background-color: #caffd2;
    color: #1000d7;
    width: 100%;
    margin:  0px auto;
    text-align: center;
    position: fixed;
    bottom: 0;
    left: 0;
    bottom:0px;
}

.develop_div #develop_headline{
    font-weight: bold
}
.develop_div a{
    font-size: 9px;
}

#develop_details{
    font-size: 9px;
    height: 200px;
    overflow:scroll;
    text-align: left;
    line-height: normal;
}

/*:::::::::::::::::::::::::::::::::::::::
    Back to Top Link
:::::::::::::::::::::::::::::::::::::::::*/

.cd-top {
  display: inline-block;
  height: 40px;
  width: 40px;
  position: fixed;
  bottom: 40px;
  /*right: 10px;*/
  left:50%;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  /* image replacement properties */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background: rgba(37, 40, 42, 0.8) url(../img/back-top-arrow.png) no-repeat center 50%;
  border:1px solid #3a3d3e;
  visibility: hidden;
  opacity: 0;
  border-radius:4px;
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
  -webkit-transition: opacity .3s 0s, visibility 0s .3s;
  -moz-transition: opacity .3s 0s, visibility 0s .3s;
  transition: opacity .3s 0s, visibility 0s .3s;
}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
  -webkit-transition: opacity .3s 0s, visibility 0s 0s;
  -moz-transition: opacity .3s 0s, visibility 0s 0s;
  transition: opacity .3s 0s, visibility 0s 0s;
}
.cd-top.cd-is-visible {
  /* the button becomes visible */
  visibility: visible;
  opacity: 1;
}
.cd-top.cd-fade-out {
  /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
  opacity: .5;
}
.no-touch .cd-top:hover {
  background-color: #e86256;
  opacity: 1;
}
@media only screen and (min-width: 768px) {
  /*.cd-top {
    right: 20px;
    bottom: 20px;
  }*/
}
@media only screen and (min-width: 1024px) {
  .cd-top {
    height: 60px;
    width: 60px;
    right: 30px;
    bottom: 30px;
  }
}

/*:::::::::::::::::::::::::::::::::::::::
    social
:::::::::::::::::::::::::::::::::::::::::*/

.twitter-share-button {
    margin-bottom:-6px;
}

/*:::::::::::::::::::::::::::::::::::::::
    Media Queries
:::::::::::::::::::::::::::::::::::::::::*/
@media screen and (max-width : 1199px) {
    .claim-bg {
        background: url(../img/claim-bg_tablet.png) no-repeat right bottom;
        width:475px;
        height:420px;
        position:absolute;
        top:0px;
        left: 89px;
        /*width:515px;
        height:336px;
        top:0px;
        left: 48px;*/
    }
    .arrow_box h3 {
        font-size: 1.563em; /* 25px */
    }
}
@media screen and (max-width : 1024px) {
    .rechner-start {
        /*padding-left: 15px;
        padding-right: 15px;*/
    }
}
@media screen and (max-width : 991px) {
    .claim-bg {
        display: none;
    }
    .wechsel-bg {
        background:none;
        padding-bottom: inherit;
    }
    .col-xs-12.contentclaim.wechsel-bg > h3 {
        padding-bottom: inherit;
    }
}
@media screen and (min-width : 768px) and (max-width : 1199px) {
    ul.social li {
        padding-left: 1px;
        padding-right: 1px;
    }
    .contact-info span {
        font-size: 1.125em; /*18px*/
    }
}
@media screen and (max-width : 767px) {
    .navbar-nav {
        margin-top:0px;
    }
    .navbar-nav > li > a {
        border-right: 0px;
    }
}
@media screen and (max-width : 400px) {
    .claim h2 {
        text-align: center;
        font-size: 3.125em; /*50px*/
        margin-top: 10px;
    }
    .contentclaim h2{
        font-family: 'Open Sans CondBold';
        font-size:1.625em; /* 26px */
    }
    .col-xs-12.contentclaim.wechsel-bg > h2 {
        padding-bottom:inherit;
    }
    .arrow_box {
        margin: 0px 0px 0 0;
    }
    .arrow_box h3 {
        text-align: center;
    }
    .icon-ohne-hindernisse,
    .icon-keine-fallen,
    .icon-keine-nullnummern,
    .icon-kein-bonus,
    .icon-keine-pakete,
    .keine-preiserhoehung {
        /*padding-left:15px;*/
        padding-left:50px;
    }
    .contact-info span {
        font-size: 1.125em; /* 18px */
    }
    .copyright {
        padding-top: 25px;
    }
}
@media screen and (max-width : 376px) {
    .nav-tabs span.strom{
        display: none;
    }
    .nav-tabs span.gas{
        display: none;
    }
    #tarife-tab > li > a {
        background:transparent url(../img/tab_check.png) 130px no-repeat!important;
    }
    #tarife-tab > li.active > a {
        background:transparent url(../img/tab_check_active.png) 130px no-repeat!important;
    }
    #tarife-tab > li:first-child > a {
        background:transparent url(../img/tab_check.png) 130px no-repeat!important;
    }
    #tarife-tab > li:first-child.active > a {
        background:transparent url(../img/tab_check_active.png) 130px no-repeat!important;
    }
    .preisrechner .form-control {
        font-size:0.875em; /* 14px */
    }
}
@media screen and (max-width : 340px) {
    .container-medium {
        padding-left: 0px;
        padding-right: 0px;
    }
    #tarife-tab > li > a {
        background:transparent url(../img/tab_check.png) 105px no-repeat!important;
    }
    #tarife-tab > li.active > a {
        background:transparent url(../img/tab_check_active.png) 105px no-repeat!important;
    }
    #tarife-tab > li:first-child > a {
        background:transparent url(../img/tab_check.png) 117px no-repeat!important;
    }
    #tarife-tab > li:first-child.active > a {
        background:transparent url(../img/tab_check_active.png) 117px no-repeat!important;
    }
    .banner-box-bg {
        background: #e9e9ea url(../img/banner-box-bg.png) repeat-x;
        padding-bottom: 35px;
    }
    .claim {
        padding-top: 0;
        padding-left: 15px;
    }
    .wechsel-bg {
        background: none;
    }
    .col-xs-12.contentclaim.wechsel-bg > h3 {
        padding-bottom: inherit;
    }
    .copyright .pull-right{
        float:left!important;
    }
}