/* Font Roboto */
@font-face {
    font-family: 'Roboto';
    src: url('vhs-assets-css-00e1b89fe12f185d98002a0e8069b4b5.woff2') format('woff2'),
         url('vhs-assets-css-e22e657238c7e2009d4a5a408179e27f.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'Roboto';
    src: url('vhs-assets-css-24f783ded701fb4dcf499627cf2ba43b.woff2') format('woff2'),
         url('vhs-assets-css-891712604ab28cd6bbff648ab46a6e0f.woff') format('woff');
    font-weight: bold;
    font-style: italic;
}
@font-face {
    font-family: 'Roboto';
    src: url('vhs-assets-css-415fba888e8164d923c9f4d0f344ec1c.woff2') format('woff2'),
         url('vhs-assets-css-f098a2af2cef84f105279083606d7a1d.woff') format('woff');
    font-weight: normal;
    font-style: italic;
}
@font-face {
    font-family: 'Roboto';
    src: url('vhs-assets-css-fdb3a3284842224b4539bedfb9d1f021.woff2') format('woff2'),
         url('vhs-assets-css-39a1614d31c5609e0468531b314856ff.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Nunito';
    src: url('vhs-assets-css-0e843c14c085bd7e1a00a79ccf37250f.woff2') format('woff2'),
         url('vhs-assets-css-1845787fb167e4905e2d1d97b49b7676.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'Nunito';
    src: url('vhs-assets-css-41f3727aa464ff22e1c74d2e17a5f499.woff2') format('woff2'),
         url('vhs-assets-css-2101900474219c4702a4732bc346a741.woff') format('woff');
    font-weight: bold;
    font-style: italic;
}
@font-face {
    font-family: 'Nunito';
    src: url('vhs-assets-css-b778d579c0c2139a35170024745f58b8.woff2') format('woff2'),
         url('vhs-assets-css-decd5fd0ebff817b95eacdfa09f759df.woff') format('woff');
    font-weight: normal;
    font-style: italic;
}
@font-face {
    font-family: 'Nunito';
    src: url('vhs-assets-css-54ae3c0a745c44b74acb62616d7f9a2b.woff2') format('woff2'),
         url('vhs-assets-css-d2308a57275673a525063861017ac5b9.woff') format('woff');
    font-weight: 100;
    font-style: normal;
}
@font-face {
    font-family: 'Nunito';
    src: url('vhs-assets-css-1ec21da09a911f48ae61ca5588ee4a65.woff2') format('woff2'),
         url('vhs-assets-css-4e6eaa7a12cc64839b1a08b780f47a76.woff') format('woff');
    font-weight: 100;
    font-style: italic;
}
@font-face {
    font-family: 'Nunito';
    src: url('vhs-assets-css-ea353c207e4e89ec227bd096b5cdd88b.woff2') format('woff2'),
         url('vhs-assets-css-d5aecb310ec2222ae84892cbf8cadec0.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
  font-family: 'icomoon';
  src:  url('vhs-assets-css-8ab2cd2a2cfc1375d83f20dd2045e5a9.eot?jde8dt');
  src:  url('vhs-assets-css-74a4ff04b11755f4d2bb40c1032eb657.eot?jde8dt#iefix') format('embedded-opentype'),
    url('vhs-assets-css-40f8121370d7c7c29518d11424f3f78a.ttf?jde8dt') format('truetype'),
    url('vhs-assets-css-8f16e38ccaccc69da03466fb66e27718.woff?jde8dt') format('woff'),
    url('vhs-assets-css-bf929e0a65b8640e3b2277e91e1eca1a.svg?jde8dt#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-phone:before {
  content: "\e905";
  color: #fff;
  float: left;
  font-size: 2rem;
  padding-right: 10px;
  height: 50px;
  position: relative;
  top: 2px;
}
.icon-time:before {
  content: "\e906";
  color: #fff;
  float: left;
  font-size: 2rem;
  padding-right: 10px;
  height: 50px;
  position: relative;
  top: 10px;
}
.icon-mail:before {
  content: "\e90a";
  color: #fff;
  float: left;
  font-size: 2rem;
  padding-right: 10px;
  height: 50px;
}
.icon-close:before {
  content: "\e900";
}
.icon-open:before {
  content: "\e901";
}
.icon-aufgehoben:before {
  content: "\e902";
  color: #339a33;
  
}
.icon-veranstaltung:before {
  content: "\e903";
  color: #ed8546;
}
.icon-baustelle:before {
  content: "\e904";
  color: #fe3940;
}
.icon-phone, .icon-mail, .icon-time{
	display: block;
 	min-height: 50px; 
	line-height: 1.5rem;
	clear: both;
}

/* 
.icon-time{
	height: 70px;
}
 */
 
.icon-phone p, .icon-mail p, .icon-time p{
	font-size: 0.9rem;
	font-family: "Roboto",sans-serif !important;
}


html {
    font-size: 16px !important;
}
body {
	/* 80% Black */
    color: #666;
    font-family: 'Roboto', sans-serif !important;
	font-size: 1rem !important;
    line-height: 1.5rem;
	background-image: url('vhs-assets-css-2dcd94517b137ab9f2c517b75eb0acbc.jpg');
	background-position: top center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
	background-color: #dceaf2;
}
h1{
	font-family: 'Nunito', sans-serif;
	font-size: 2.133rem;
	line-height: 2.3rem;
	color: #000;
	margin: 20px 0 10px;
}
.page-2 h1:first-of-type{
	margin-top: 50px;
}
h1:first-of-type, h2:first-of-type, body > h3:first-of-type{
	margin-bottom: 25px;
    margin-top: 0;
}
h2{
	font-family: 'Nunito', sans-serif;
	font-size: 1.6rem;
	font-weight: 300;
	line-height: 1.9rem;
	color: #000;
}
h2.unternehmen {
	color: #fe0710;
	text-transform: uppercase;
}
h2.strom{
	color: #70ad2c;
	text-transform: uppercase;
}
h2.gas{
	color: #fece43;
	text-transform: uppercase;
}
h2.waerme{
	color: #e96618;
	text-transform: uppercase;
}
h2.kommunikation{
	color: #31859c;
	text-transform: uppercase;
}
h2.abwasser{
	color: #355b8e;
	text-transform: uppercase;
}
h2.wasser{
	color: #57baea;
	text-transform: uppercase;
}
h2.entsorgung{
	color: #909091;
	text-transform: uppercase;
}
h2.elektromobil{
	color: #8d3dd8;
	text-transform: uppercase;
}
h3{
	font-family: 'Nunito', sans-serif;
	font-size: 1.4rem;
	font-weight: 700;
	line-height: 1.75rem;
	color: #000;
}
h4{
	font-family: 'Nunito', sans-serif;
	font-size: 1.2rem;
	line-height: 1.4rem;
	text-transform: uppercase;
	margin-top: 0;
}
h5{
	font-family: 'Nunito', sans-serif;
	font-size: 1.2rem;
	font-weight: 700;
	line-height: 1.4rem;
}
h6{
	font-family: 'Nunito', sans-serif;
	font-weight: 700;
	font-size: 1.133rem;
	line-height: 1.4rem;
}

.contenttable tr th,
.contenttable tr td{
	padding: 5px 20px 5px 0px;
}

.news h4{
	margin-top: 0;
}
.news h4 a{
	color: #3b3b3a;
	text-transform: none;
	font-size: 1.4rem;
    font-weight: 700;
    line-height: 1.6rem;
}
h1, h2 ,h3 ,h4 ,h5 ,h6 {
	-ms-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
}
a {
    text-decoration: none;
	color: #FE0710;
}
a:hover {
    text-decoration: underline;
}
.tab-pane-unternehmen a,
.unternehmen a, .unternehmen a:hover {
	color: #fe0710;
}

.tab-pane-strom a,
.strom a, .strom a:hover{
	color: #70ad2c;
}

.tab-pane-gas a,
.gas a, .gas a:hover{
	color: #fece43;
}

.tab-pane-waerme a,
.waerme a, .waerme a:hover{
	color: #e96618;
}

.tab-pane-kommunikation a,
.kommunikation a, .kommunikation a:hover{
	color: #31859c;
}

.tab-pane-abwasser a,
.abwasser a, .abwasser a:hover{
	color: #355b8e;
}

.tab-pane-wasser a,
.wasser a, .wasser a:hover{
	color: #57baea;
}
.tab-pane-entsorgung a,
.entsorgung a, .entsorgung a:hover{
	color: #909091;
}
.tab-pane-elektromobil a,
.elektromobil a, .elektromobil a:hover{
	color: #8d3dd8;
}
a:hover, a:focus{
	text-decoration: underline;
}
.cc_container .cc_btn {
    background-color: #e77600 !important;
	color: #fff !important;
}
.cc_message a{
	color: #e77600 !important;
}
.inner{
	background-color: #fff;
}
.no-bg > .inner{
	background-color: transparent !important;
	/*border-bottom: none !important;*/
}
.row.inner{
	padding: 15px;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    padding-left: 0;
    padding-right: 0;
}
.left{
	padding-right: 10px;
}
.middle{
	padding: 0 5px;
}
.right{
	padding-left: 10px;
}
/*########################## Tab/Farbcodes Tab #####################*/
.tabbable{
	position: relative;
}
.tabbable .nav-tabs{
	position: absolute;
	top: 0px;
	z-index: 3;
	width: 100%;
	background-color: #eee;
}
.tabbable .tab-content{
	/* position: absolute; */
	top: 0px;
	/* z-index: 500; */
	padding-top: 58px;
	width: 100%;
	
}
.tabbable .tab-pane{
	/* height: 100% !important; */
	padding: 0 20px;
	background-color: #fff;
}

.tabbable .tab-content .tab-pane div h1,
.tabbable .tab-content .tab-pane div h2,
.tabbable .tab-content .tab-pane div h3,
.tabbable .tab-content .tab-pane div h4,
.tabbable .tab-content .tab-pane div h5 {
	padding-left: 0px;
}

.nav-tabs > li > a{
	color: #000;
	border-radius: 0;
	margin-right: 0px;
}

.page-1 .nav-tabs > li > a{
	color: #000;
	border-radius: 0;
	margin-right: 0px;
}
.page-1 .tabbable .nav-tabs{
	background-color: #fff;
}


.nav-tabs > li.active > a{
	color: #000;
}

.page-275 .tabbable .nav-tabs  {
	height: 57px;
}

/* Strom */
.page-275 .tabbable .nav-tabs > li.nav-link:nth-child(1) > a:nth-child(1){
	border: 5px solid #70AD2C !important;
	font-size: 1.4rem;
}
.page-275 .tabbable .nav-tabs > li.nav-link:nth-child(1).active > a:nth-child(1){
	border: none !important;
	border-left: 5px solid #70AD2C !important;
	border-right: 5px solid #70AD2C !important;
	border-top: 5px solid #70AD2C !important;
	height: 62px;
}
.page-275 .tab-content .tab-pane:nth-child(1).active{
	border-left: 5px solid #70AD2C !important;
	border-right: 5px solid #70AD2C !important;
	border-bottom: 5px solid #70AD2C !important;
}

/* Gas */
.page-275 .tabbable .nav-tabs > li.nav-link:nth-child(2) > a:nth-child(1){
	border: 5px solid #FECE43 !important;
	font-size: 1.4rem;	
}
.page-275 .tabbable .nav-tabs > li.nav-link:nth-child(2).active > a:nth-child(1){
	border: none !important;
	border-left: 5px solid #FECE43 !important;
	border-right: 5px solid #FECE43 !important;
	border-top: 5px solid #FECE43 !important;
	height: 62px;	
}
.page-275 .tab-content .tab-pane:nth-child(2).active{
	border-left: 5px solid #FECE43 !important;
	border-right: 5px solid #FECE43 !important;
	border-bottom: 5px solid #FECE43 !important;
}


/* Wasser */
.page-275 .tabbable .nav-tabs > li.nav-link:nth-child(3) > a:nth-child(1){
	border: 5px solid #57BAEA !important;
	font-size: 1.4rem;	
}
.page-275 .tabbable .nav-tabs > li.nav-link:nth-child(3).active > a:nth-child(1){
	border: none !important;
	border-left: 5px solid #57BAEA !important;
	border-right: 5px solid #57BAEA !important;
	border-top: 5px solid #57BAEA !important;
	height: 62px;	
}
.page-275 .tab-content .tab-pane:nth-child(3).active{
	border-left: 5px solid #57BAEA !important;
	border-right: 5px solid #57BAEA !important;
	border-bottom: 5px solid #57BAEA !important;
}

.page-275 .tab-content h1:nth-child(1){
	padding-top: 30px;
}




/* .unternehmen .inner, .tab-pane-unternehmen, .teaserbox.unternehmen{
	border-bottom: 5px solid #fe0710;
}
.strom .inner, .tab-pane-strom{
	border-bottom: 5px solid #70ad2c;
}
.gas .inner, .tab-pane-gas{
	border-bottom: 5px solid #fece43;
}
.waerme .inner, .tab-pane-waerme{
	border-bottom: 5px solid #e96618;
}
.kommunikation .inner, .tab-pane-kommunikation{
	border-bottom: 5px solid #31859c;
}
.abwasser .inner, .tab-pane-abwasser{
	border-bottom: 5px solid #355b8e;
}
.wasser .inner, .tab-pane-wasser{
	border-bottom: 5px solid #57baea;
}
.entsorgung .inner, .tab-pane-entsorgung{
	border-bottom: 5px solid #909091;
}
.elektromobil .inner, .tab-pane-elektromobil{
	border-bottom: 5px solid #8d3dd8;
} */

.panel-group .panel .panel-body .inner{
	border-bottom: 0px solid #fff !important;
	background-color: transparent !important;
}

.tab-unternehmen{
	border-top: 5px solid #fe0710;
}
.tab-strom{
	border-top: 5px solid #70ad2c;
}
.tab-gas{
	border-top: 5px solid #fece43;
}
.tab-waerme{
	border-top: 5px solid #e96618;
}
.tab-kommunikation{
	border-top: 5px solid #31859c;
}
.tab-abwasser{
	border-top: 5px solid #355b8e;
}
.tab-wasser{
	border-top: 5px solid #57baea;
}
.tab-entsorgung{
	border-top: 5px solid #909091;
}
.tab-elektromobil{
	border-top: 5px solid #8d3dd8;
}

.teaserbox.unternehmen h2{
	text-align: left !important;
	padding: 10px 20px !important;
}
.teaserbox.unternehmen .ce-bodytext{
	text-align: left !important;
}

.home-tab-strom-gas .tab-pane {
	/* height: 100%; */
}


/* ############## RMV iFrame ############# */

.home-rmv-parken .nav > li > a {
    height: 60px;
}
.home-rmv-parken .tab-content h2 {
    margin-top: 15px;
}

#rmv_HafasTPWidget,
#bsFrame{
	/* min-height:465px; */
	width: 100% !important;
	margin-top: 15px;
}
#contact-mobile{
		display: none;
	}
/*########################## Header/Main Navigation #####################*/
#header-top{
	background-color: #fff;
	max-height: 1px;
}
.top-bar{
	width: 100%;
}
.dienste{
	position: relative;
	top: -15px;
	z-index: 2000;
	padding: 0px;
	border: 0px solid #aaa;	
	text-align: right;
	font-size: 0.8rem;
	line-height: 1.2rem;
	color: #666;
	right: 240px;
}
.page-10 .top-bar #headerHotline.dienste{
	top: 27px;
	right: 0px;
}

.search-mobile,
#fxSucheMobile,
#fxHeaderTel{display: none;}


.top-social{float: right !important;}
.top-social li {
    display: inline-block;
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.top-social #sendform{
	padding: 0px 0px 0px 12px !important;
	border: 0px solid green;	
}

.navbar-header{position:relative; top: 15px;}
.form-control {
    border: 1px solid #999;
	border-radius: 0 !important;
}
.input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group {
    background-color: transparent;
}
.fa-search::before {
    font-size: 2rem;
	position: relative;
	top: -3px;
}
.list-inline {
    position: relative;
    top: 30px;
    z-index: 10000;
}
.navbar {
    margin-bottom: 0;
	min-height: 70px;
	width: 100% !important;
	background-color: #fff;
	padding: 0;
	margin-left: 0;
    margin-right: 0;
}
.navbar-collapse {
    background-color: #fff;
    float: right;
    position: relative;
    top: 50px;
    width: 100%;
	border-bottom: 5px solid #fe0710 !important;
}
.navbar-right {
    float: right !important;
    margin-right: 15px!important;
}
.navbar .container {
    padding: 0;
}
.navbar-brand {
    padding: 0;
	height: 25px;
}

.navbar-nav li:hover, .navbar-nav li.active{
    background-color: transparent;
}

.navbar-nav > li > a {
	font-family: 'Nunito', sans-serif;
	color: #4d4d4d !important;
	padding: 10px 35px;
	margin-right: 10px;
	font-size: 1.2rem;
	text-transform: uppercase;
}
/* li.last{
	margin-left: 15px;
} */
.navbar-collapse.mobile{
	display: none !important; 
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
    background-color: #fff;
    color: #4d4c48;
}
.navbar-default {
    border-color: #fff;
}

/* Fehler mit RMV-Plugin end */


.dropdown-menu > li a:hover, .dropdown-menu > li a:focus {
    background-color: #eee;
}
.dropdown-menu{
	min-width: 210px !important;
}
.dropdown-submenu {
    position: relative;
}

.dropdown-submenu >.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
	border-radius: 0;
	min-width: 320px !important;
}

.dropdown-submenu:hover>.dropdown-menu {
    display: block;
}
.navbar-nav > li > .dropdown-menu {
    border-radius: 0;
	padding: 0;
	margin-top: 4px;
}

.dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #000;
    margin-top: 5px;
    margin-right: -10px;
}

.dropdown-submenu:hover>a:after {
    border-left-color: #fff8e3;
}

.dropdown-submenu.pull-left {
    float: none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}


.button-home{
	max-width: 320px;
	height: auto;
}
.open .dropdown-menu li a{
	/*border-top: none;*/
}
.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
    background-color: #fff8e3;
    color: #000;
    outline: 0 none;
    text-decoration: none;
}

/*########################## Tab/Farbcodes Tab #####################*/

li.unternehmen > a{
	border-bottom: 5px solid #fe0710;
}
li.strom > a{
	border-bottom: 5px solid #70ad2c;
}
li.gas > a{
	border-bottom: 5px solid #fece43;
}
li.waerme > a{
	border-bottom: 5px solid #e96618;
}
li.kommunikation > a{
	border-bottom: 5px solid #31859c;
}
li.abwasser > a{
	border-bottom: 5px solid #355b8e;
}
li.wasser > a{
	border-bottom: 5px solid #57baea;
}
li.entsorgung > a{
    border-bottom: 5px solid #909091;
}
li.elektromobil > a{
    border-bottom: 5px solid #8d3dd8;
}


/*########################## Slide-out div #####################*/
.slide-out-wrapper {
	position: absolute;
	right: 0px;
	top: 207px;
	width: 0px;
	z-index: 64999;	
	border: 0px solid green;
	transition: width 0.8s;
 } 
 
.slide-out-content{
	display: none;
	overflow: hidden;
	width: 0px;
 }
 
.slide-out-content div{
	width: 500px;
} 

.slide-out-content div div{	width: auto;}  

.slide-out-content div a.mail {
    color: #fff !important;
}


.slide-out-content .ce-bodytext > p {
    clear: both !important;
}


 #slide-panel {
    width:300px;
    height:300px;
    padding:10px;
    background:#eee;
    margin-left:-300px;
}  
.slide-out-handle {
	  background: transparent url('vhs-assets-css-dd963ff8f9ff3ac5c525390435b93666.png') no-repeat scroll 0% 0%;
	  height: 100px;
	  width: 100px;
	  display: block; 
	  outline: medium none; 
	  position: absolute; 
	  top: 0px; 
	  left: -100px;
  }  
.handle{
    bottom: -100px;
    color: #fff;
    padding: 8px;
    position: relative;
    text-align: center;
    text-indent: 0 !important
  }
.slide-out-handle:hover, .handle:hover{
	cursor: pointer;
}

#fx_li_contact{display: none;}


.handle.unternehmen{
    background-color: #fe0710; 
  } 
.handle.strom{
    background-color: #70ad2c;  
  }   
.handle.gas{
	background-color: #fece43;
}
.handle.waerme{
	background-color: #e96618;
}
.handle.kommunikation{
	background-color: #31859c;
}
.handle.abwasser{
	background-color: #355b8e;
}
.handle.wasser{
	background-color: #57baea;
}
.handle.entsorgung{
   background-color: #909091;
}
.handle.elektromobil{
    background-color: #8d3dd8;
}
.slide-out-content > div {
	 color: #fff;
	 padding: 20px;
 }
 .slide-out-content h2 {
	 color: #fff !important;
	 text-transform: uppercase;
 }
.slide-out-content > div {
	 background-color: #fe0710;
 }	

.slide-out-div {
          padding: 20px;
          width: 250px;
          background: #ccc;
          border: #29216d 1px solid;
      }      

/*########################## Jumbotron #####################*/
.container .jumbotron, .container-fluid .jumbotron{
	border-radius: 0;
	margin: 0 -15px;
	padding-left: 0;
	padding-right: 0;
}
.jumbotron{
    margin: 49px 0 0;
    overflow: hidden !important;
    padding: 0;
    text-align: center;
	background-color: transparent;
	text-align: left;
}
.jumbotron h1{
    color: #000;
	font-size: 1.6rem;
	font-weight: 300;
	padding: 20px 20px 10px;
	margin-bottom: 0;
	position: relative;
	text-transform: uppercase;
}
.jumbotron p{
	font-size: 1.2rem;
}
.jumbotron .ce-bodytext{
    color: #666;
	padding: 0 20px;
	line-height: 1.75rem;
	font-size: 1.5rem;
}
[role=content] .jumbotron{
    padding-left: 0;
    padding-right: 0;
	margin: 15px -15px 25px;
	background-color: #fff;
	border-radius: 0;
}
 [role=overview] .jumbotron{
    padding-left: 0;
    padding-right: 0;
	margin: 15px -15px 25px;
	background-color: #fff;
	border-radius: 0;
}
[role=content] .jumbotron > div > .row, [role=overview] .jumbotron > div > .row{
	margin: 0 !important;
}
[role=start] .row{
	margin-bottom: 20px;
}
[role=start] .inner h2{
	padding: 10px 15px 0;
	margin-bottom: 15px;
}
.no-border{
	border: 0;
}
.jumbotron .strom{
    border-top: 5px solid #70ad2c;
}
.jumbotron .gas{
    border-top: 5px solid #fece43;
}
.jumbotron .waerme{
    border-top: 5px solid #e96618;
}
.jumbotron .abwasser{
    border-top: 5px solid #355b8e;
}
.jumbotron .kommunikation{
    border-top: 5px solid #31859c;
}
.jumbotron .wasser {
    border-top: 5px solid #57baea;
}
.jumbotron .entsorgung {
    border-top: 5px solid #909091;
}
.jumbotron .elektromobil {
    border-top: 5px solid #8d3dd8;
}
.jumbotron .container{
    padding: 0;
	position: relative;
}
.jumbotron .container .headercaption{
	font-family: "Nunito",sans-serif;
    font-size: 2.2rem;
    font-weight: 600;
    left: 50px;
    line-height: 2.4rem;
    position: absolute;
    text-align: left;
    top: 50px;
    width: 50%;
	color: #000;
}
.jumbotron .imagewrapper{
	max-height: 580px;
}
.jumbotron img{
    width: 100%;
	height: auto;
}
#header-claim{
	position: absolute;
	z-index: 2000;
}
.tp-simpleresponsive > ul > li img{
	margin-top: 100px;
}
.fa2 {
    color: #eb6000;
    display: block;
    font: 45px/60px "FontAwesome";
    text-align: center;
    text-rendering: auto;
    width: 60px;
}
.bouncer {
    animation: 0s ease 0s normal none infinite running bounce;
    border: 2px solid #fff;
    border-radius: 50%;
    bottom: 150px;
    height: 60px;
    left: 50%;
    margin-left: -30px;
    position: absolute;
    width: 60px;
}
@keyframes bounce {
	0%, 20%, 50%, 80%, 100% {
		transform: translateY(0px);
	}
	40% {
		transform: translateY(-30px);
	}
	60% {
		transform: translateY(-15px);
	}
}
@keyframes bounce {
	0%, 20%, 50%, 80%, 100% {
		transform: translateY(0px);
	}
	40% {
		transform: translateY(-30px);
	}
	60% {
		transform: translateY(-15px);
	}
}
@keyframes bounce {
	0%, 20%, 50%, 80%, 100% {
		transform: translateY(0px);
	}
	40% {
		transform: translateY(-30px);
	}
	60% {
		transform: translateY(-15px);
	}
}
/* Icon Down */
/* Icon Down */
@-webkit-keyframes hvr-icon-down {
  0%,
  50%,
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  25%,
  75% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
  }
}

@keyframes hvr-icon-down {
  0%,
  50%,
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  25%,
  75% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
  }
}

/* Icon Down */
.fa-angle-double-down {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  padding-right: 2.2em;
}
.fa-angle-double-down:before {
  content: "\f01a";
  position: absolute;
  padding: 0 1px;
  font-family: FontAwesome;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  right: 1em;
  top: -13px;
}
.fa-angle-double-down:hover:before, .fa-angle-double-down:focus:before, .fa-angle-double-down:active:before {
  -webkit-animation-name: hvr-icon-down;
  animation-name: hvr-icon-down;
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}


/*########################## Main Container #####################*/
[role=overview] {
	background-color: transparent;
} 
[role=content] .row, [role=overview] .row{
    margin-bottom: 20px;
}
[role=content] .breadcrumb, [role=overview] .breadcrumb{
	margin-top: 45px;
	margin-bottom: -10px;
}
[role=content] .main-content{
	padding: 15px 100px;
}
.breadcrumb{
	padding: 16px 15px 0;
	background-color: transparent;
	margin-bottom: 0;
	color: #fff;
}
.breadcrumb > li + li::before{
	content: none;
}
.breadcrumb > li a{
	color: #fff;
	text-transform: uppercase;
}
.breadcrumb > li a.current{
	color: #fff;
}
.pagetitle{
	font-family: 'Nunito', sans-seriv;
	text-transform: uppercase;
	color: #000;
	font-size: 1.5rem;
	margin-bottom: 30px;
}
.lightbox-images .ce-textpic .ce-bodytext{
	font-size: 0.85rem;
    line-height: 1.1rem;
    min-height: 60px;
    padding-top: 5px;
}
/* .right .ce-above .ce-gallery {
		margin-bottom: 0;
	} */

.unternehmen .ce-textpic .ce-bodytext{
	padding-left: 15px;
}

#main-content .main-content .ce-textpic .ce-bodytext {
		padding: 10px 20px;
}
/*########################## Teaserbox #####################*/
.row.teaser{
	margin-bottom: 0;
}
.row.teaser .col{
	margin-bottom: 25px;
}

.row.teaser .col .content-wrapper img,
#main-content .container .col-md-6 img{
	max-width: 100%;
	height: auto;
}


.row.teaser .col.custom > div{
	background-color: #fff;
	height: 100%;
}
.teaserbox{
	margin-right: 0;
	height: 100%;
	border-bottom: 0;
}
.teaserbox h2{
    margin-bottom: 0;
	padding: 10px 0;
}
.teaserbox h2, .teaserbox h2 a{
	color: #000;
	text-transform: uppercase;
}
.teaserbox h2, .teaserbox .ce-bodytext{
    text-align: center;
}
.teaserbox .ce-bodytext{
   padding: 0 20px !important;
}

.teaserbox .ce-above .ce-gallery {
    margin-bottom: 0px;
}

.col.textpic .strom{
    border-top: 5px solid #70ad2c;
	border-bottom: 0;
}
.col.textpic .gas{
    border-top: 5px solid #fece43;
	border-bottom: 0;
}
.col.textpic .waerme{
    border-top: 5px solid #e96618;
	border-bottom: 0;
}
.col.textpic .abwasser{
    border-top: 5px solid #355b8e;
	border-bottom: 0;
}
.col.textpic .entsorgung{
    border-top: 5px solid #909091;
	border-bottom: 0;
}
.col.textpic .elektromobil{
    border-top: 5px solid #8d3dd8;
	border-bottom: 0;
}
.col.textpic .kommunikation{
    border-top: 5px solid #31859c;
	border-bottom: 0;
}
.col.textpic .wasser {
    border-top: 5px solid #57baea;
	border-bottom: 0;
}
.col.textpic .entsorgung {
    border-top: 5px solid #909091;
	border-bottom: 0;
}
.col.textpic .elektromobil {
    border-top: 5px solid #8d3dd8;
	border-bottom: 0;
}
.col.custom.strom > div{
    border-bottom: 5px solid #70ad2c;
}
.col.custom.strom > div.no-bg{
    border-bottom: 5px solid #70ad2c;
}

.col.custom.entsorgung > div{
    border-bottom: 5px solid #909091;
}
.col.custom.entsorgung > div.no-bg{
    border-bottom: 5px solid #909091;
}
.col.custom.elektromobil > div{
    border-bottom: 5px solid #8d3dd8;
}
.col.custom.elektromobil > div.no-bg{
    border-bottom: 5px solid #8d3dd8;
}
.col.custom.gas > div{
    border-bottom: 5px solid #fece43;
}
.col.custom.gas > div.no-bg{
    border-bottom: 5px solid transparent;
}
.col.custom.waerme > div{
    border-bottom: 5px solid #e96618;
}
.col.custom.waerme > div.no-bg{
    border-bottom: 5px solid transparent;
}
.col.custom.abwasser > div{
    border-bottom: 5px solid #355b8e;
}
.col.custom.abwasser > div.no-bg{
    border-bottom: 5px solid transparent;
}
.col.custom.kommunikation > div{
    border-bottom: 5px solid #31859c;
}
.col.custom.kommunikation > div.no-bg{
   /* border-bottom: 5px solid transparent;*/
}
.col.custom.wasser > div {
    border-bottom: 5px solid #57baea;
}
.col.custom.wasser > div.no-bg{
    border-bottom: 5px solid transparent;
}
.col.custom div > h2 {
    padding: 10px 20px;
	text-transform: uppercase;
	margin-bottom: 0;
}
.col.custom div .ce-bodytext {
    padding: 10px 20px;
}
.col.custom div .ce-bodytext h2 {
    padding: 0px 20px 20px 0;
	margin-bottom: 0;
}

.content-wrapper.bg{
	background-color: #fff;
	padding: 0 10px;
}

.col.custom div.content-wrapper.bg div h2 {
    padding: 10px ;
}

.col.custom div.content-wrapper.bg div .ce-bodytext {
    padding: 10px 10px 0px 10px;
}

.content-wrapper.no-bg{
	 border-bottom: 5px solid #transparent;
}
/*########################## Well #####################*/
.well{
	background-color: #f1f1f1;
	padding: 0 15px;
	margin-bottom: 15px;
	-moz-hyphens: auto;
   -o-hyphens: auto;
   -webkit-hyphens: auto;
   -ms-hyphens: auto;
   hyphens: auto; 
}
/*########################## Gallery Slider #####################*/
.mask-top{
    width:100%;
}

.mask-top h4:before {
    top: -18px;
    content: "";
    display: block;
    height: 2px;
    left: 0;
    right:0;
    margin:-2px auto;
    position: absolute;
    width: 40px;
}

.owl-item:hover .mask-top{
    top:-240px;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -o-transition:all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}
.owl-item{
    overflow:hidden;
    position:relative;
    /*height:320px;*/
    margin-bottom:20px;
    cursor:pointer;
}
.mask-top{
	overflow: hidden;
}
.mask-top img{
	width: 100%;
	height: auto;
}
.mask-bottom{
    color:#fff;
	font-size: 17px;
	text-align: left;
    padding:20px 15px 20px 30px;
    width:100%;
    position:absolute;
    bottom: -500px;
    height:100%;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
	background-color: rgba(32, 32, 32, 0.8);
}
.mask-bottom::before {
    border-bottom: 20px solid rgba(32, 32, 32, 0.8);
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    content: "";
    display: block;
    height: 20px;
    left: 20px;
    position: absolute;
    top: -20px;
    width: 20px;
    z-index: 100;
}
.owl-item:hover .mask-bottom, .isotope-grid-item:hover .mask-bottom {
    bottom:0;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    -ms-transition:all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}


/*########################## #####################*/


.panel-group.unternehmen .panel-heading + .panel-collapse > .panel-body, .panel-group .panel-heading + .panel-collapse > .list-group {
	border-top: 1px solid #fe0710;
}
.panel-group.strom  .panel-heading + .panel-collapse > .panel-body, .panel-group .panel-heading + .panel-collapse > .list-group {
    border-top: 1px solid #70ad2c;
}
.panel-group.gas  .panel-heading + .panel-collapse > .panel-body, .panel-group .panel-heading + .panel-collapse > .list-group {
   border-top: 1px solid #fece43;
}
.panel-group.waerme   .panel-heading + .panel-collapse > .panel-body, .panel-group .panel-heading + .panel-collapse > .list-group {
   border-top: 1px solid #e96618;
}
.panel-group.abwasser   .panel-heading + .panel-collapse > .panel-body, .panel-group .panel-heading + .panel-collapse > .list-group {
   border-top: 1px solid #355b8e;
}
.panel-group.kommunikation   .panel-heading + .panel-collapse > .panel-body, .panel-group .panel-heading + .panel-collapse > .list-group {
    border-top: 1px solid #31859c;
}
.panel-group.wasser   .panel-heading + .panel-collapse > .panel-body, .panel-group .panel-heading + .panel-collapse > .list-group {
    border-top: 1px solid #57baea;
}
.panel-group.entsorgung   .panel-heading + .panel-collapse > .panel-body, .panel-group .panel-heading + .panel-collapse > .list-group{
	border-top: 1px solid #909091;
}
.panel-group.elektromobil   .panel-heading + .panel-collapse > .panel-body, .panel-group .panel-heading + .panel-collapse > .list-group{
    border-top: 1px solid #8d3dd8;
}
.slide-out-content .tx-powermail .powermail_fieldset .powermail_submit{
	width: 100%;
	border-radius: 7px !important;
}
.powermail_fieldwrap_ueberschrift, .powermail_fieldwrap_marker, .powermail_fieldwrap_ueberschrift_01, .powermail_fieldwrap_ueberschrift_03, .powermail_fieldwrap_ueberschrift_04{
	font-weight: 700;
}


/*########################## Footer #####################*/
section#footer{
	clear: both !important;
}
section#footer > .container{
    background-color: #fff;
    border-bottom: 5px solid #fe0710;
    padding-top: 25px;
}
section#footer .copytext > div{
    position: absolute;
	bottom: 0;
	text-align: left;
}
section#footer .footeraddress{
    float: right;
}
section#footer .footermenu > div{
    position: absolute;
	bottom: 0;
	text-align: center;
	width: 100%;
}

section#footer .row, section#gallery-slider .row{
	margin-left: 0 !important;
	margin-right: 0 !important;
}

section#footer .ce-row{
	width: auto;
	margin: auto;
}

section#footer .ce-column{
	margin: 2px !important;
}

.footermenu ul{
	padding-left: 0;
}
.footermenu li{
	text-decoration: none;
	display: inline;
	border-left: 1px solid #fff;
    color: #fff;
    display: inline;
    margin: 0 5px;
    padding: 0 5px;
}
.footermenu li a,
.footermenu li.active a{
	font-family: 'Nunito', sans-seriv;
	color: #666;
	text-transform: uppercase;
}
.footermenu li.active a{
	color: #FE0710;
}

.footermenu .ce-gallery img {
    height: 151px !important;
    width: auto;
}

section#footer #qid_copytext{
	background: transparent !important;
	border:  0px solid transparent !important;
	margin: 0px auto;
    padding: 0px;
	font-size: 12px;
	color: #fff;
}
section#footer #qid_copytext #qid_typo3_by{
	text-align: left;
	float: left;
}
section#footer #qid_copytext #qid_copytext_inner{
	text-align: right;
	float: none;
}
section#footer #qid_copytext #qid_typo3_by a{
	color: #fff !important;
}
section#footer #qid_copytext #qid_typo3_by a:focus,
section#footer #qid_copytext #qid_typo3_by a:hover{
	color: #fff !important;
}
/*########################## Akkordeon #####################*/
#course-select{
	position: relative;
}
h4.panel-title{
	font-weight: 700;
	text-transform: none;
}
.panel-title .subtitle{
	text-transform: none;
	font-weight: 400;
}
.panel-title > a, .panel-title > small, .panel-title > .small, .panel-title > small > a, .panel-title > .small > a {
    color: inherit;
    display: block;
    width: 100%;
}
.panel-group .panel-heading + .panel-collapse > .panel-body, .panel-group .panel-heading + .panel-collapse > .list-group {
    border-top: 1px solid #666;
}
.panel-teaser{
    padding: 0 15px;
}
.panel {
    border: none;
    border-radius: 0;
    box-shadow: none;
    margin-bottom: 15px;
}
.panel-title {
    position: relative;
}
.panel-group .panel {
	border: 1px solid #666666;
    border-radius: 0 !important;
	background-color: #fff;
}
.panel-group .panel + .panel {
    margin-top: -1px;
}
.panel.panel-default{
	background-color: #f1f1f1;
	border-top: 1px solid #666;
}

.panel-body .ce-bodytext {
    padding: 0px 0px !important;
}




.slide-out-content .panel-group{
	padding: 0;
}
.slide-out-content .panel.panel-default, .slide-out-content .tx-powermail .powermail_fieldset{
	background-color: transparent;
	border: 0;
}
.slide-out-content .panel-heading{
	text-align: center;
}
.slide-out-content .panel-default > .panel-heading{
	background-color: transparent !important;
	border: 0px !important;
}
.panel-group.unternehmen {
	 background-color: #fcdede;
 }	
.panel-group.strom {
	 background-color: #eaf2e3;
 }
.panel-group.gas {
	 background-color: #fece43;
 }	
.panel-group.waerme {
	 background-color: #e96618;
 }
.panel-group.kommunikation {
	 background-color: #31859c;
 }
.panel-group.abwasser {
	 background-color: #355b8e;
 }	
.panel-group.wasser {
	 background-color: #57baea;
 }
.panel-group.entsorgung{
	background-color: #909091;
}
.panel-group.elektromobil{
    background-color: #8d3dd8;
}
.panel-default > .panel-heading {
    background-color: #fff;
    border-color: #none;
	border-radius: 0 !important;
}
.panel-heading .accordion-toggle[aria-expanded="false"]:after {
    content: "\e900";
    font-family: 'icomoon';
	color: #666;
    font-size: 1.3em;
    font-weight: 100;
    position: absolute;
    right: 0;
}
.panel-heading .accordion-toggle[aria-expanded="true"]:after {
    /* symbol for "collapsed" panels */
    content:"\e901";   /* adjust as needed, taken from bootstrap.css */
	font-family: 'icomoon';
	color: #666;
    font-size: 1.3em;
    font-weight: 700;
    position: absolute;
    right: 0;
}


/* .form-group.col-md-6{
	width: 100%;
} */


label {
    display: inline-block;
    margin-bottom: 5px;
	font-size: 1.2rem;
	line-height: 1.2rem;
	font-weight: 100;
    max-width: 100%;
}
label .label-detail {
    display: inline-block;
    margin-bottom: 5px;
	font-size: 1rem;
	font-weight: 100;
    max-width: 100%;
	padding-left: 30px;
}

html input[type="button"], input[type="reset"], .button-small{
	background-color: #868686;
    font-size: 1.2rem;
    font-weight: 700;
	padding: 5px 15px;
	color: #fff;
	float: right;
	text-align: left;
	width: 180px;
	border: 0;
}
.news-backlink-wrap .back{
	background-color: #868686;
	font-family: 'Roboto', sans-serif;
    font-size: 1.2rem;
    font-weight: 700;
	padding: 5px 25px 5px 45px;
	color: #fff;
	text-align: left;
	width: 180px;
	border: 0;
}
.news-backlink-wrap{
	position: relative;
}
.news-backlink-wrap .back:before{
	content: "\e091";
	font-family: 'Glyphicons Halflings';
    font-size: 1rem;
    color: #fff;
	position: absolute;
    left: 10px;
	top: 2px;
}
input[type="submit"]:after, .button-small:after{
	content: "\e092";
	font-family: 'Glyphicons Halflings';
    font-size: 1rem;
    color: #fff;
	position: absolute;
    right: 30px;
}
.collapsing {
    transition: height 0.6s;
}
/*###########################  Bootstrap Buttons  ###############*/
.buttonwrap{
	text-align: center;
	margin-bottom: 5px;
}
.btn{
	border: 1px solid transparent;
}
.buttonwrap.strom .btn-default{
    background-color: #70ad2c;
	color: #fff;
	border-radius: 7px;
    width: 75%;
	padding: 10px 12px;
}
.buttonwrap.gas .btn-default{
    background-color: #fece43;
	color: #fff;
	border-radius: 7px;
    width: 75%;
	padding: 10px 12px;
}
.buttonwrap.waerme .btn-default{
    background-color: #e96618;
	color: #fff;
	border-radius: 7px;
    width: 75%;
	padding: 10px 12px;
}
.buttonwrap.abwasser .btn-default{
    background-color: #355b8e;
	color: #fff;
	border-radius: 7px;
    width: 75%;
	padding: 10px 12px;
}
.buttonwrap.kommunikation .btn-default{
    background-color: #31859c;
	color: #fff;
	border-radius: 7px;
    width: 75%;
	padding: 10px 12px;
}
.buttonwrap.wasser .btn-default{
    background-color: #57baea;
	color: #fff;
	border-radius: 7px;
    width: 75%;
	padding: 10px 12px;
}
.buttonwrap.entsorgung .btn-default{
	background-color: #909091;
	color: #fff;
	border-radius: 7px;
    width: 75%;
	padding: 10px 12px;
}
.buttonwrap.elektromobil .btn-default{
    background-color: #8d3dd8;
	color: #fff;
	border-radius: 7px;
    width: 75%;
	padding: 10px 12px;
}


/* Buttons zum Tarifrechner auf Home */
.strom-fx{
	float: right;
	background-color: #70ad2c;
	color: #fff !important;
	border-radius: 7px;
	padding: 10px 12px;
	margin-top: -80px;
}
.gas-fx{
	float: right;
	background-color: #fece43;
	color: #fff !important;
	border-radius: 7px;
	padding: 10px 12px;
	margin-top: -80px;
}

.button-link-fx a{
	color: #fff !important;
}


blockquote {
    padding: 0px 20px;
    margin: 0 0 0px;
    color: #666;
	font-family: 'Roboto', sans-serif !important;
	font-size: 1rem !important;
	line-height: 1.5rem;
    border-left: 0px solid #eeeeee;
}




/*###########################  Bootstrap Carousel  ###############*/
.carousel-inner .item img{
	height: 100%;
}
.carousel-fade .carousel-inner .item {
	transition-property: opacity;
}

.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
	opacity: 0;
	padding: 0 !important;
}

.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
	opacity: 1;
	padding: 0 !important;
}

.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
	left: 0;
	padding: 0 !important;

}
.carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev{
	margin-left: -90px;
}
.carousel-control .glyphicon-chevron-right, .carousel-control .icon-next{
	margin-right: -65px;
}
.carousel-caption {
    left: 50px;
    top: 69px;
}
.carousel-caption h3{
	font-family: 'Nunito', sans-serif;
	font-size: 2.5rem;
	max-width: 355px;
	text-align: left;
	font-weight: 100;
	line-height: 2.8rem;
}
/*###########################  Cube Portfolio  ###############*/
.cbp-wrapper-outer{
	height: 100% !important;
}
.cbp-item{
	background-color: #fff;
}
.cbp-caption-activeWrap {
    background-color: #fff;
}

.cbp-l-caption-body{
	/* height: 184px; */
	overflow:hidden;
}


.cbp-l-caption-title {
    color: #000;
	font-family: 'Nunito',sans-serif !important;
    font-size: 1.2rem;
	text-align: left;
    padding: 5px 15px 5px;
	font-weight: 400;
    min-height: 42px;
}
.cbp-l-caption-desc{
	color: #666;
	padding: 0px 15px;
	font-family: 'Roboto', sans-seriv;
	font-size: 1rem;
	line-height: 1.3rem;
	text-align: left;
}
#c12 .cbp-l-caption-title,
#c12 .cbp-l-caption-desc {
	height: 52px !important;
	overflow: hidden;
}


.cbp-l-filters-button {
    margin-top: 20px;
	margin-bottom: 10px;
}
.cbp-l-filters-button .cbp-filter-item {
    background-color: #fff;
	border: 0;
}
.cbp-l-filters-button .cbp-filter-item.cbp-filter-item-active {
    background-color: #000;
	border: 0;
}
.cbp-l-filters-button .cbp-filter-item.cbp-filter-item-active.unternehmen,
.cbp-l-filters-button .cbp-filter-item.cbp-filter-item-active.verkehr,
.cbp-l-filters-button .cbp-filter-item.cbp-filter-item-active.stadtverkehr{
    background-color: #fe0710;
}
.cbp-l-filters-button .cbp-filter-item.cbp-filter-item-active.strom {
    background-color: #70ad2c;
}
.cbp-l-filters-button .cbp-filter-item.cbp-filter-item-active.gas {
    background-color: #fece43;
}
.cbp-l-filters-button .cbp-filter-item.cbp-filter-item-active.waerme {
    background-color: #e96618;
}
.cbp-l-filters-button .cbp-filter-item.cbp-filter-item-active.abwasser {
    background-color: #355b8e;
}
.cbp-l-filters-button .cbp-filter-item.cbp-filter-item-active.kommunikation {
    background-color: #31859c;
}
.cbp-l-filters-button .cbp-filter-item.cbp-filter-item-active.wasser {
    background-color: #57baea;
}
.cbp-l-filters-button .cbp-filter-item.cbp-filter-item-active.entsorgung{
	background-color: #909091;
}
.cbp-l-filters-button .cbp-filter-item.cbp-filter-item-active.elektromobil{
    background-color: #8d3dd8;
}
.cbp-l-inline {
    background: #545454;
}
.cbp-l-inline-right .ce-bodytext{
	max-width: 90%;
}
.cbp-l-caption-buttonLeft, .cbp-l-caption-buttonRight {
    background-color: transparent;
}
.cbp-caption-linkWrap {
/*     max-height: 85px;
	background-color: rgba(167, 167, 167, 0.75);
    position: absolute; */
    width: 100%;
    z-index: 2;
	bottom: 0;
	
}
.cbp-caption-zoom .cbp-caption-activeWrap {
    background-color: rgba(167, 167, 167, 0.75);
}
.fa-search-plus::before {
    font-size: 1.5rem;
    font-weight: 100;
	color: #fff;
}
.cbp-l-caption-body .fa-stack {
    text-align: center;
}
.cbp-nav-pagination-item {
    cursor: pointer;
    display: inline-block;
    height: 13px;
    margin: 0 4px;
    position: relative;
    transition: background 0.5s ease 0s;
    width: 13px;
	border-radius: 0;
	opacity: .5;
}

.cbp-nav-pagination-item.cbp-pagination-active, .cbp-nav-pagination-item:hover{
	opacity: 1;
}

/* Suche / Search */
.page-10 .top-bar .pull-right .top-social{
	display: none !important;
}
.page-10 .top-bar #headerHotline{
	width: auto;
	float: right !important;
	clear: none !important;
}

.result-list-item{
	margin-top: 6px;
	padding-top: 6px;
	border-top: 1px solid #eee;
}

.result-list-item .teaser_icon img{
	border: 0px solid #999;	
}

.result-list-item .hit{	
	color: red;
	font-weight: bold;
}
.tx-kesearch-pi1 .next {
    background: transparent url('img/arrow-next.gif') no-repeat left 0;
}


#kesearch_pagebrowser_top .pages_total, #kesearch_pagebrowser_bottom .pages_total {
    padding: 8px 0;
    background: #fff;
    margin: 15px 0px;
}

#kesearch_pagebrowser_bottom .pages_total {
    border-top: 1px dashed #707070;
}
#kesearch_pagebrowser_top, #kesearch_pagebrowser_bottom {
    text-align: center;
    word-wrap: break-word;
    font-size: 16px;
    color: #707070;
}
#kesearch_pagebrowser_bottom ul{
	margin: 0px auto;
}
#kesearch_pagebrowser_bottom ul li{
	display: inline;
	padding: 4px;
	margin: 0px 5px;
	line-height: 30px;
}
.tx-kesearch-pi1 a.next, .tx-kesearch-pi1 a.prev {
    width: 24px;
    height: 29px;
    color: transparent;
    text-decoration: none;
    padding: 5px 0 !important;
    margin: 2px 0 -10px 0;
}
.tx-kesearch-pi1 .next {
    background: transparent url('vhs-assets-css-24089da9b5d7036999e82ab0882749d1.gif') no-repeat left 0;
}
.tx-kesearch-pi1 .prev {
    background: transparent url('vhs-assets-css-7cfebc06bcb76b5cb50036038e3fee43.gif') no-repeat right 0;
}
#kesearch_pagebrowser_bottom ul li a{
	padding: 1px 4px;
}
.tx-kesearch-pi1 .current{
	border: 0px solid #aaa;
	border-radius: 10px;
	background: #ddd;
}
.tx-kesearch-pi1 .kesearchbox{display: inline;}
.tx-kesearch-pi1 .kesearchbox .clearer {display: none;}
.tx-kesearch-pi1 .resetbutt{display: none;}
.main-content #c373 {margin-top: 30px;}


/* Pagination */
#cbp-news-pagination{
	bottom: 14px;
    left: 10px;
    position: absolute;
    z-index: 300;
}
.cbp-nav-pagination-item.unternehmen{
	background-color: #fe0710;
}
.cbp-nav-pagination-item.strom{
	background-color: #70ad2c;
}
.cbp-nav-pagination-item.gas{
	background-color: #fece43;
}
.cbp-nav-pagination-item.waerme{
	background-color: #e96618;
}
.cbp-nav-pagination-item.kommunikation{
	background-color: #31859c;
}
.cbp-nav-pagination-item.abwasser{
	background-color: #355b8e;
}
.cbp-nav-pagination-item.wasser{
	background-color: #57baea;
}
.cbp-nav-pagination-item.entsorgung{
	background-color: #909091;
}
.cbp-nav-pagination-item.elektromobil{
    background-color: #8d3dd8;
}

/* Border bottom */
.cbp-item{
	border-bottom: 5px solid #fff;
	background-color: #fff;
}
.cbp-item.unternehmen{
	border-bottom: 5px solid #fe0710;
	background-color: #fff;
}
.cbp-item.strom{
	border-bottom: 5px solid #70ad2c;
	background-color: #fff;
}
.cbp-item.gas{
	border-bottom: 5px solid #fece43;
	background-color: #fff;
}
.cbp-item.waerme{
	border-bottom: 5px solid #e96618;
	background-color: #fff;
}
.cbp-item.kommunikation{
	border-bottom: 5px solid #31859c;
	background-color: #fff;
}
.cbp-item.abwasser{
	border-bottom: 5px solid #355b8e;
	background-color: #fff;
}
.cbp-item.wasser{
	border-bottom: 5px solid #57baea;
	background-color: #fff;
}
.cbp-item.entsorgung{
	border-bottom: 5px solid #909091;
	background-color: #fff;
}
.cbp-item.elektromobil{
	border-bottom: 5px solid #8d3dd8;
	background-color: #fff;
}

.page-12 .cbp-item,
.page-13 .cbp-item,
.page-14 .cbp-item,
.page-15 .cbp-item,
.page-16 .cbp-item{
	border-bottom: 5px solid transparent;
	background-color: #fff;
}


/* kommunikation Login */

.page-16 .kommunikation .custom div div .login-box-header{
	margin: 0px;
}	
.page-16 .kommunikation .form-signin{
	margin-left: 20px;
}
.page-16 .kommunikation .form-signin .btn{
	background-color: #31859C;
}
.page-16 .kommunikation .form-signin .btn:hover{
	color: #31859C;
	background-color: #fff;
}


/* Tarifrechner alter Code -> korrektur */
#Gaspreisrechner_fx1 input[type="radio"] + label {padding: 0px 20px 0px 10px;}
#Gaspreisrechner_fx1 input[type="radio"] + label::before{ display: none;}
#Erdgasklima_fx{
	padding: 4px;
	border: 1px solid #459E00;
	border-radius: 6px;
	cursor: pointer;
}
#Erdgasklima_fx:hover{
	color: #459E00;
}



/* Weiter Link */

.read-more{
	font-size: 1.3rem;
	text-transform: uppercase;
	text-align: right;
	padding-right: 25px;
	padding-top: 5px;
}
.go-back{
	font-size: 1.3rem;
	text-transform: uppercase;
	text-align: left;
	padding-right: 25px;
	padding-top: 5px;
}
.strom .read-more, .strom .go-back{
	color: #70ad2c;
}
.gas .read-more, .gas .go-back{
	color: #fece43;
}
.waerme .read-more, .waerme .go-back{
	color: #e96618;
}
.kommunikation .read-more, .kommunikation .go-back{
	color: #31859c;
}
.abwasser .read-more, .abwasser .go-back{
	color: #355b8e;
}
.wasser .read-more, .wasser .go-back{
	color: #57baea;
}
.unternehmen .read-more, .unternehmen .go-back{
	color: #fe0710;
}
.entsorgung .read-more, .unternehmen .go-back{
	color: #909091;
}
.elektromobil .read-more, .unternehmen .go-back{
	color: #8d3dd8;
}

#cbp-news-slider .cbp-nav-controls {
    position: static;
}
#cbp-news-slider .cbp-nav-prev {
    position: absolute;
    left: 0;
}
#cbp-news-slider .cbp-nav-next {
    position: absolute;
    right: 0;
}
.cbp-nav-controls {
   position: absolute;
    right: 0;
    top: 259px;
    width: 100%;
    z-index: 100;
	transform: translateX(-50%);       
}
#news-masonry .cbp-l-caption-body .fa-stack, #cbp-masonry-gallery-arbeitsbereiche .cbp-l-caption-body .fa-stack {
    height: 2em;
    line-height: 2em;
    width: 100%;
    text-align: right;
	bottom: 15px;
}
#cbp-masonry-gallery-default .cbp-l-caption-title{
	min-height: 24px;
}
#cbp-masonry-gallery-default .cbp-l-caption-desc{
	color: #fff;
    font: 100 1.2rem "Roboto",sans-serif;
    padding-left: 15px;
    text-align: left;
}
#cbp-masonry-gallery-default .cbp-l-caption-body .fa-stack {
    bottom: 20px;
    text-align: right;
    width: 100%;
}


/* Icon Wobble Horizontal */
@-webkit-keyframes hvr-icon-wobble-horizontal {
  16.65% {
    -webkit-transform: translateX(6px);
    transform: translateX(6px);
  }

  33.3% {
    -webkit-transform: translateX(-5px);
    transform: translateX(-5px);
  }

  49.95% {
    -webkit-transform: translateX(4px);
    transform: translateX(4px);
  }

  66.6% {
    -webkit-transform: translateX(-2px);
    transform: translateX(-2px);
  }

  83.25% {
    -webkit-transform: translateX(1px);
    transform: translateX(1px);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes hvr-icon-wobble-horizontal {
  16.65% {
    -webkit-transform: translateX(6px);
    transform: translateX(6px);
  }

  33.3% {
    -webkit-transform: translateX(-5px);
    transform: translateX(-5px);
  }

  49.95% {
    -webkit-transform: translateX(4px);
    transform: translateX(4px);
  }

  66.6% {
    -webkit-transform: translateX(-2px);
    transform: translateX(-2px);
  }

  83.25% {
    -webkit-transform: translateX(1px);
    transform: translateX(1px);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

.hvr-icon-wobble-horizontal {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  padding-right: 2.2em;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-icon-wobble-horizontal:before {
    content: ">>";
    font-family: FontAwesome;
    position: absolute;
    transform: translateZ(0px);
	bottom: -27px;
	color: #eb6000;
}
.hvr-icon-wobble-horizontal:hover:before, .hvr-icon-wobble-horizontal:focus:before, .hvr-icon-wobble-horizontal:active:before {
  -webkit-animation-name: hvr-icon-wobble-horizontal;
  animation-name: hvr-icon-wobble-horizontal;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  color: #fff;
}




/*########################## Checkboxen #####################*/

.checkbox-option{
	position: relative;
	z-index: 10;
}

 
input[type=radio] + label:before {
	content: "";  
	display: inline-block;  
	width: 15px;  
	height: 15px;  
	vertical-align:middle;
	margin-right: 8px;  
	background-color: #aaa;  
	box-shadow: inset 0px 2px 2px rgba(0, 0, 0, .3);
	border-radius: 8px;  
}

#accordion input[type=checkbox] + label:before {
	background-color: #fff;
    border: 1px solid #000;
    content: "";
    display: inline-block;
    height: 20px;
    margin-right: 8px;
    vertical-align: middle;
    width: 20px; 
}
input[type=radio]:checked + label:before {
	content: "\2022";
	color:white;
	background-color: #666; 
	font-size:1.8em;
	text-align:center;
	line-height:14px;
	text-shadow:0px 0px 3px #eee;
}
#accordion input[type=checkbox]:checked + label:before{
	background-color: #fff;
    color: #000;
    content: "×";
    font-family: 'Roboto', sans-serif;
    font-size: 32px;
    font-weight: 100;
    line-height: 17px;
    text-align: center;
    text-shadow: 0 0 3px #eee;
}


.tx-powermail .container-fluid{
	padding: 0;
}
.tx-powermail .col-sm-10{
	width: 100%;
}
.col-sm-offset-2{
	margin-left: 0;
}
.tx-powermail input[type="checkbox"] + label:before {
    background-color: #f1f1f1 !important;
    border: none !important;
    content: "";
    display: inline-block;
    height: 25px;
    margin-right: 8px;
    vertical-align: middle;
    width: 25px;
	padding-left: 0;
}
.tx-powermail input[type=checkbox]:checked + label:before {
	text-align: left;
    text-shadow: 0 0 3px #eee;
}
.tx-powermail .radio, .checkbox {
    display: block;
    float: left;
    margin-bottom: 10px;
    margin-top: 10px;
    position: relative;
    width: auto;
	margin-right: 20px;
}

.tx-powermail label {
    padding-left: 0px;
	font-size: 1rem !important;
	font-weight: normal;
}

.powermail_fieldwrap_type_check .control-label {
	display: none;  
}

.tx_powermail .control-label label {
   text-align: left !important;
   font-size: 1rem !important;
   font-weight: normal;
}
.tx-powermail .powermail_fieldset .powermail_submit{
	width: 180px;
	text-transform: uppercase;
	border-radius: 0 !important;
}
.form-horizontal .form-group{
	margin-left: 0;
	margin-right: 0;
}

.form-horizontal .control-label {
    text-align: left;
    margin-bottom: 0;
    padding-top: 7px;
	font-size: 1rem !important;
	font-weight: normal;
}
.btn-primary {
    color: #ffffff;
    background-color: #FE0710;
    border: 1px solid #FE0710;
	width: 180px;
	text-transform: uppercase;
	border-radius: 0 !important;
}
.btn-primary:focus,.btn-primary:hover {
    color: #FE0710 !important;
    background-color: #fff;
    border: 1px solid #FE0710;
}
.DSVGO-Link{
	margin: -16px 0 0 20px;
}

.unternehmen .powermail_submit{
	background-color: #fe0710;
}
.strom .read-powermail_submit{
	background-color: #70ad2c;
}
.gas .read-powermail_submit{
	background-color: #fece43;
}
.waerme .read-powermail_submit{
	background-color: #e96618;
}
.kommunikation .read-powermail_submit{
	background-color: #31859c;
}
.abwasser .read-powermail_submit{
	background-color: #355b8e;
}
.wasser .read-powermail_submit{
	background-color: #57baea;
}
.entsorgung .read-powermail_submit{
	background-color: #909091;
}
.elektromobil .read-powermail_submit{
	background-color: #8d3dd8;
}
.radio label, .checkbox label {
    cursor: pointer;
    float: left;
    font-weight: normal;
    margin-bottom: 0;
    min-height: 21px;
    padding-left: 20px;
}

.powermail_fieldwrap_name, .powermail_fieldwrap_e_mail {
    display: inline-block;
    width: 100%;
}

#powermail_field_nachricht{
	width: 93%;
}
.powermail_fieldset_3 .powermail_fieldwrap_grundderablesung .control-label{
	width: 250px !important;
}
.powermail_fieldset_3 .powermail_fieldwrap_ueberschrift_01{
	font-weight: normal !important;
}

.powermail_fieldset .row {
    margin-left: 0px;
    margin-right: 0px;
	margin-bottom: 0px;
}
.powermail_fieldwrap .col-sm-10{
    margin-bottom: 15px;
}

/*########################## News #####################*/
.news.headerlist{
	padding: 0 15px
}
.news.headerlist h4{
	border-bottom: 1px dotted #000;
}
.news.headerlist h4 a{
	font-size: 1.1rem;
	font-weight: 300;
}
#cbp-masonry-news{
	margin-bottom: 25px;
}
#cbp-masonry-news .news-list-date{
	padding: 10px 15px;
}
#cbp-masonry-news .cbp-l-caption-body{
	padding-top: 0;
}
#cbp-masonry-news .cbp-l-caption-title{
	padding-top: 5px;
}



/* Notfall_News_Home */
.Notfall_News_Home{
	background-color: #fff;
	Border: 5px solid #FE0710;
	margin: 10px 0px 15px -15px;
	padding: 10px;
}



/*============================*/
/*===== Media queries ========*/
/*============================*/
@media (max-width:1199px){
	
	body {
		background-image: none;
		background-color: #dceaf2;
	}
		
	.navbar-nav > li > a {
		padding: 10px 20px;
	}			
		
	.button-home {
		max-width: 260px;
	}
	.carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev {
		margin-left: -80px;
	}
	.carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {
		margin-right: -60px;
	}
	.tabbable .nav > li > a {
		padding: 8px 8px;
	}
	.footermenu ul {
		padding-left: 12px;
	}
}

@media (max-width:991px){
	#main-content{
		margin-top: 30px;
	}		
	.dienste{
		top: 23px;
		right: 0px;
	}
		
	#headerHotline{
		clear:both;
		width: 100%;
		border: 0px solid green;
	}
	#headerHotline div{
		line-height: 1.2rem;
		padding: 0px;
	}
	
	.navbar-default{
		border: 0px solid green;		
		height: 135px;
	}
	.navbar-nav > li {
		padding-left: 10px ;
	}
	
	.carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev {
		margin-left: -60px;
	}
	.carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {
		margin-right: -40px;
	}
	
	.breadcrumb {
		padding: 8px 7px;
	}
	.breadcrumb > li a.current {
		color: #999;
	}
	
	[role="start"] .row {
		margin-bottom: 0px;
	}
	
	
	/* Kontakt-Slideout Anzeige im Footer !!! */
	#fx_li_contact{display: block;}
	#fx-slide-out-wrapper{
		position: relative;
		left: auto;
		top: auto;
		float: none;
		border: 0px solid green;
		width: 750px;
		margin: 20px auto 0px auto;
	}
	.slide-out-handle {
		display: none !important;
	}
	.slide-out-content {
		display: block !important;
		overflow: visible !important;
		width: 100% !important;
		background-color: #fe0710;
	}
	
	.list-inline {
		top: 20px;
	}
	.navbar-header {
		position: relative;
		top: 10px;
	}
	.button-home {
		max-width: 260px;
	}
	.icon-home:before {
	  display: none;
	}
	.navbar-default .navbar-nav > .first > a, .navbar-default .navbar-nav > .first > a:hover, .navbar-default .navbar-nav > .first > a:focus .navbar-default .navbar-nav > .active.first > a, .navbar-default .navbar-nav > .active.first > a:hover, .navbar-default .navbar-nav > .active.first > a:focus {
		background-color: #fff;
		color: #484848 !important;
		line-height: 20px;
		margin-right: 10px;
		padding-bottom: 10px;
		padding-top: 10px;
		padding-left: 10px;
		font-size: 15px;
		font-size: 1.1rem;
	}
	li.last {
		margin-left: 0;
	}	
	.dropdown-menu {
		margin: 0px 0px 0px 0px !important;
		padding: 0px 0px 0px 15px !important;
	}		
	.dropdown-menu > li > a {
		font-family: 'Nunito', sans-serif;
		color: #4d4d4d !important;		
		font-size: 1.0rem;
		line-height: 1.4rem;		
	}	
	.dropdown-submenu ul > li > a {
		font-family: 'Nunito', sans-serif;
		color: #4d4d4d !important;		
		font-size: 0.9rem;
		line-height: 1.4rem;
		
	}	
	.dropdown-menu li.unternehmen > a{border-bottom: 0px solid #fe0710;border-left: 5px solid #fe0710;}
	.dropdown-menu li.strom > a{border-bottom: 0px solid #70ad2c;border-left: 5px solid #70ad2c;}
	.dropdown-menu li.gas > a{border-bottom: 0px solid #fece43;	border-left: 5px solid #fece43;	}
	.dropdown-menu li.waerme > a{border-bottom: 0px solid #e96618;	border-left: 5px solid #e96618;	}
	.dropdown-menu li.kommunikation > a{border-bottom: 0px solid #31859c;border-left: 5px solid #31859c;}
	.dropdown-menu li.abwasser > a{border-bottom: 0px solid #355b8e;border-left: 5px solid #355b8e;}
	.dropdown-menu li.wasser > a{border-bottom: 0px solid #57baea;border-left: 5px solid #57baea;}
	.dropdown-menu li.entsorgung > a{border-bottom: 0px solid #909091;border-left: 5px solid #909091;}
	.dropdown-menu li.elektromobil > a{border-bottom: 0px solid #8d3dd8;border-left: 5px solid #8d3dd8;}
	.dropdown-menu li.strom ul {border-left: 5px solid #70ad2c !important;margin: 0px 0px 0px 0px !important;padding: 0px 0px 0px 15px !important;}
	.dropdown-menu li.gas ul {border-left: 5px solid #fece43 !important;margin: 0px 0px 0px 0px !important;	padding: 0px 0px 0px 15px !important;}
	.dropdown-menu li.waerme ul {border-left: 5px solid #e96618 !important;	margin: 0px 0px 0px 0px !important;	padding: 0px 0px 0px 15px !important;}
	.dropdown-menu li.kommunikation ul {border-left: 5px solid #31859c !important;margin: 0px 0px 0px 0px !important;padding: 0px 0px 0px 15px !important;}
	.dropdown-menu li.abwasser ul {border-left: 5px solid #355b8e !important;margin: 0px 0px 0px 0px !important;padding: 0px 0px 0px 15px !important;}		
	.dropdown-menu li.wasser ul {border-left: 5px solid #57baea !important;margin: 0px 0px 0px 0px !important;padding: 0px 0px 0px 15px !important;}
	.dropdown-menu li.entsorgung ul {border-left: 5px solid #909091 !important;margin: 0px 0px 0px 0px !important;padding: 0px 0px 0px 15px !important;}						
	
	#main-content .ce-bodytext {
		padding: 0 25px;
	}
	
	[role=content] .breadcrumb, [role=overview] .breadcrumb{
		margin-top: 0;
	}
	.left, .middle, .right{
		padding: 0;
	}
	#contact-mobile{
		display: block;
		position: absolute;
		right: 20px;
		top: -10px;
		font-size: 12px;
	}
	/*######## Hamburger Menu at 991px ##########*/
	 .navbar-header {
        float: none;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
		top: 32px;
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none! important;
		margin-top: -50px;
    }
    .navbar-nav > li {
        float: none;
		border-bottom: 1px solid #e7e7e7 !important;
    }
    .navbar-nav > li > a {
        padding-top: 10px;
        padding-bottom: 10px;
    }

   .navbar-collapse.collapse.in {  /* NEW */
        display: block !important; 
    }
	.navbar-nav .open .dropdown-menu {
		background-color: transparent;
		border: 0 none;
		box-shadow: none;
		float: none;
		margin-top: 0;
		position: static;
		width: auto;
	}
	.dropdown-submenu>a:after {
		content: none;
	}
	/*############ End Hamburger Menu ###########*/
	.navbar-right {
		float: none !important;
		margin-right: 0px !important;
	}
	.navbar-collapse {
		width: 96%;
	}
	.navbar-collapse.in{
		display: block !important; 
		margin: 0;		
	} 	
	.navbar-brand {
		height: auto;
	}
	.navbar-brand {
		padding-left: 30px;
	}
	.navbar-toggle {
		border: medium none !important;
		border-radius: none;
		float: right;
		margin-bottom: 8px;
		margin-right: 15px;
		margin-top: 8px;
		padding: 9px 10px;
		position: relative;
		right: 20px;
		top: 0px;
	}
	.navbar-toggle .icon-bar {
		border-radius: 1px;
		display: block;
		height: 4px;
		width: 30px;
	}
	.nav > li > a, .dropdown-menu {
		font-size: 1.1rem;
	}
	.nav li a{
		border-top: 1px solid #fff;
	}
	.nav .dropdown-menu li a{
		border-top: none;
	}
	.navbar-default .navbar-nav > li:hover > a,
	.navbar-default .navbar-nav .open .dropdown-menu > li:hover > a	{
		background-color: #d2d2d2;
	}
	.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus,
	.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus	{
		border-top: 1px solid #fff;
		border-bottom: none;
	}
	.navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
		background-color: #efefef;
	}
	.dropdown{
		position: relative;
	}
	.navbar-nav {
		margin-top: 0;
	}
	.navbar-nav .open .dropdown-menu{
		padding: 0;
	}
	
	.dropdown.open .dropdown-menu{
		display: block;		
		background-color: #fff;
		color: #00f !important;
		line-height: 20px;
		margin-right: 10px;
		padding-bottom: 10px;
		padding-top: 10px;
		padding-left: 10px;
		font-size: 15px;
		font-size: 1.1rem;		
	}
		
	.dropdown.open .dropdown-menu .dropdown-menu{
		padding-left: 20px;
	}
	.caret{
		position: absolute;
		right: 30px;
	}
	.container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse {
		/*margin-left: -15px;
		margin-right: -15px;*/
		margin: 0 !important;
		width: 100% !important;
	}
	
	#main-content .container > .row > .col-md-6 {
		margin-bottom: 20px;
	}
	.teaserbox a {
		max-height: 200px;
		width: 100% !important;
	}
	.teaserbox img {
		height: auto;
		width: 100% !important;
	}
	.footerlogos div.ce-column{
		margin: 5px;
	}
	
	.footerlogos div.ce-column:nth-child(5){ 
		clear: both;		
	}
	
}

@media (max-width:768px){
	body{
		background-image: none;
	}

 	.navbar-collapse {
		border-top: 1px solid #fff !important;
	} 

 	.navbar-nav {
		margin-top: 50px !important;		
	} 
	
   [role=aside] {
		display: none;
	}
	[role="content"] .main-content {
		padding: 15px;
	}
	.left, .middle, .right{
		padding: 0 15px;
	}
	.button-home {
		left: 30px;
		max-width: 240px;
		position: absolute;
	}
	#main-content .ce-bodytext {
		padding: 0 25px;
	}
	.ce-column.teaserbox {
		float: none;
	}
	.teaserbox a {
		max-height: 200px;
		width: 100% !important;
	}
	.teaserbox img {
		height: auto;
		width: 100% !important;
	}
	.caret{
		right: 15px !important;
	}
	.tp-caption h2{
		font-size: 1.7rem;
		line-height:2rem;
		max-width: 580px;
		margin-top: 5px;
	}
	.tp-caption .link{
		position:relative;
		top: 375px !important;
	}
	.btn-default, .btn-default:hover{
		position: relative;
		top: 30px;
	}
	.strom-fx,
	.gas-fx{
		float: none;
		margin-top: 0px;		
	}
		
	.tab-content .ce-bodytext{
		padding: 0px 0px !important;
	}
	
	#cbp-news-pagination {
		clear: both;
		left: 25px;
		z-index: 300;
		padding-top: 15px;
		margin-top: 0px;
	}
	
	#cbp-news-slider .read-more {
		padding-right: 25px;
		padding-top: 10px;
		padding-bottom: 5px;
		margin-top: -12px;
		width: auto;
	}
	
	.footermenu{
		font-size: 0.9rem !important;
	}	
	.footermenu ul{
		margin: auto;
		text-align: center;
	}
	.footermenu ul li a{
		white-space: nowrap;
	}
	.footermenu > ul > li{		
		display: inline-table;
	}

	#fx-slide-out-wrapper {
		width: 100%;
		margin: 20px auto 0px auto;
	} 
	.slide-out-content div {
		width: 100%;
	}
}

@media (max-width:767px){
	#fxSucheMobile{
		display: block;
		padding: 6px 3px 0px 10px;	
		border-bottom: 1px solid #fff !important;
	}
	#fxSucheMobile .btn{
		padding: 0px 0px 0px 8px;		
	}
	#fxSucheMobile input{
		background-color: #f9f9f9;		
	}
	#fxHeaderTel{
		display: block;
		padding: 0px;
		border: 0px solid #aaa;	
		position: absolute;
		width: auto;
		z-index: 1001;
		top: 80px;
		right: 45px;
		text-align: right;
		font-size: 0.8rem;
		line-height: 1.1rem;
		color: #666;
	}
	#c12 .cbp-l-caption-title,
	#c12 .cbp-l-caption-desc {
		height: auto !important;
	}
}



@media (max-width:682px){
	.footermenu{
		font-size: 0.8rem !important;
	}	
}


@media (max-width:599px){
	.tp-caption h2{
		font-size: 1.5rem;
		line-height: 1.8rem;
		max-width: 550px;
		margin-top: 5px;
	}
	.tp-caption .link{
		position:relative;
		top: 375px !important;
	}
	.btn-default, .btn-default:hover{
		position: relative;
		top: 5px;
	}
	.ce-textpic.ce-left .ce-gallery{
		width: 100%;
		float: none;
	}
	.ce-textpic.ce-left .ce-column, .ce-textpic.ce-left .ce-gallery a img{
		width: 100%;
		height: auto;
	}
	.nav-tabs > li > a{
		font-size: 0.85rem;
		padding: 5px;
	}
	.col.custom div.content-wrapper.bg div h2 {
		padding-right: 0px;
		padding-left: 0px;
	}

	#main-content .ce-bodytext {
		padding: 0 0px;
	}
	#main-content .jumbotron .ce-bodytext {
		padding: 0 20px;
	}
	.contenttable tr th, .contenttable tr td {
		padding: 1px 20px 1px 0px;
		font-size: 85%;
	}
	.contenttable tr {
		border-bottom: 1px dotted #999;
	}
	
	
	
	
}

@media (max-width:549px){
	.footerlogos div.ce-column:nth-child(4){ 
		clear: both;		
	}
	.footerlogos div.ce-column:nth-child(5){ 
		clear: none;		
	}

}


@media (max-width:499px){
	h1 {
		font-size: 1.6rem;
		line-height: 1.9rem;
		padding: 5px 0px 0;
	}
	h2 {
		font-size: 1.4rem;
		line-height: 1.7rem;
		padding: 5px 15px 0;
	}
	section#footer .col-xs-6 {
		width: 100%;
		height: auto !important;
		min-height: 20px;
	}
	section#footer .copytext > div, section#footer .footeraddress > div{
		text-align: center;
		width: 100%;
	}
	.tp-caption h2{
		font-size: 1.4rem;
		line-height: 1.6rem;
		max-width: 450px;
		margin-top: 5px;
	}
	.tp-caption .link{
		position:relative;
		top: 375px !important;
	}

}
@media (max-width:422px){
	[role="content"] .main-content {
		padding: 3px;
	}
	.tabbable .nav > li > a {
		padding: 8px 4px;
	}
	.tabbable .nav-tabs > li > a {
		font-size: 0.75rem;
	}	
	.footerlogos div.ce-column:nth-child(5),
	.footerlogos div.ce-column:nth-child(4){ 
		clear: none;		
	}
	
	.footerlogos div.ce-column:nth-child(3),
	.footerlogos div.ce-column:nth-child(5),
	.footerlogos div.ce-column:nth-child(7){ 
		clear: both;		
	}

}
	

@media (max-width:399px){
	h1 {
		font-size: 1.4rem;
		line-height: 1.6rem;
		padding: 5px 0px 0;
	}
	h2 {
		font-size: 1.2rem;
		line-height: 1.4rem;
		padding: 5px 15px 0;
	}
	.button-home {
		left: 30px;
		top: 7px;
		max-width: 210px;
		position: absolute;
	}
	.tp-caption h2{
		font-size: 1.25rem;
		line-height: 1.5rem;
		max-width: 330px;
		margin-top: 5px;
	}
	.tp-caption .link{
		position:relative;
		top: 400px !important;
	}

	.nav-tabs > li > a{
		font-size: 0.65rem;
		padding: 3px;
	}
	
	.footermenu li{
		display: inline-block;
	}
	.footermenu li a{
		font-size: 0.85rem;
		font-family: 'Roboto', sans-serif !important;
		text-transform: none;
	}
}

@media (max-width:348px){
	h2 {
		font-size: 1.2rem;
		line-height: 1.4rem;
		padding: 0px 15px 0;
	}
	.tabbable .nav > li > a {
		padding: 8px 2px;
	}
	.tabbable .nav-tabs > li > a {
		font-size: 0.65rem;
	}
	.footerlogos div.ce-column:nth-child(5),
	.footerlogos div.ce-column:nth-child(4){ 
		clear: none;		
	}
	
	.footerlogos div.ce-column:nth-child(3),
	.footerlogos div.ce-column:nth-child(5),
	.footerlogos div.ce-column:nth-child(7){ 
		clear: both;		
	}

}


/* jquery Lightbox  chocolat*/
/*  Lightbox - CSS  */
.chocolat-zoomable.chocolat-zoomed{
    cursor : zoom-out;
}
.chocolat-open{
    overflow: hidden;
}
.chocolat-overlay{
    height:100%;
    width:100%;
    position:fixed;
    left:0;
    top:0;
    z-index:10;
    background-color:#fff;
    display: none;
    opacity: 0.8;
}
.chocolat-wrapper{
    height:100%;
    width:100%;
    position:fixed;
    display: none;
    left:0;
    top:0;
    z-index:16;
    color: #fff;
}
.chocolat-zoomable .chocolat-img{
    cursor : zoom-in;
}
.chocolat-loader{
    height:32px;
    width:32px;
    position:absolute;
    left:50%;
    top:50% ;
    margin-left:-16px;
    margin-top:-16px;
    z-index:11;
    background:url('vhs-assets-css-fa36b7338b49a29e1b7d561556fa9ee6.gif');
    display:none;
}
.chocolat-content{
    position:fixed;
    width:0px;
    height:0px;
    left:50%;
    top:50%;
    z-index:14;
    text-align: left;
}

.chocolat-content .chocolat-img{
    position:absolute;
    width:100%;
    height:100%;
}
.chocolat-wrapper .chocolat-left{
    position:absolute;
    left:0;
    width:50px;
    height:100px;
    top: 50%;
    margin-top: -50px;
    cursor:pointer;
    background:url('vhs-assets-css-0bf5f85694ce911de8005acabdc7fefa.png') 50% 50% no-repeat;
    z-index: 17;
    display: none;

}
.chocolat-wrapper .chocolat-right{
    position:absolute;
    right:0;
    width:50px;
    height:100px;
    top: 50%;
    margin-top: -50px;
    cursor:pointer;
    background:url('vhs-assets-css-faeb6ecdd4a695f5742929cc122d03d8.png')  50% 50% no-repeat;
    z-index: 17;
    display: none;
}
.chocolat-wrapper .chocolat-right.active{
    display: block;
}
.chocolat-wrapper .chocolat-left.active{
    display: block;
}
.chocolat-wrapper .chocolat-top{
    position:absolute;
    top:0px;
    right: 0;
    left: 0;
    line-height:50px;
    height:50px;
    overflow: hidden;
    z-index: 17;
    margin-bottom: 10px;
}
.chocolat-wrapper .chocolat-close{
    width:50px;
    height:50px;
    cursor:pointer;
    position: absolute;
    top: 0;
    right: 0;
    background:url('vhs-assets-css-da89827d6dc301ab7c98f1e5dc197ac4.png') 50% 50% no-repeat;
}
.chocolat-wrapper .chocolat-bottom{
    position:absolute;
    bottom:0;
    left: 0;
    right: 0;
    line-height:40px;
    height:40px;
    font-size:12px;
    z-index: 17;
    padding-left: 15px;
    padding-right: 15px;
    background: rgba(0, 0, 0, 0.2);
    text-align: right;
    margin-top: 10px;
}
.chocolat-wrapper .chocolat-set-title{
    display: inline-block;
    padding-right: 15px;
    line-height: 1;
    border-right: 1px solid rgba(255, 255, 255, 0.3);
}
.chocolat-wrapper .chocolat-pagination{
    float: right;
    display: inline-block;
    padding-left: 15px;
    padding-right: 15px;
    margin-right: 15px;
    /*border-right: 1px solid rgba(255, 255, 255, 0.2);*/
}
.chocolat-wrapper .chocolat-fullscreen{
    width: 16px;
    height: 40px;
    background: url('vhs-assets-css-ac018dd14a19612dfa9792852904a4e4.png') 50% 50% no-repeat;
    display: block;
    margin:auto;
    cursor: pointer;
    float: right;
}
.chocolat-wrapper .chocolat-description{
    display: inline-block;
    float: left;
}

/* no container mode*/
body.chocolat-open>.chocolat-overlay{
    z-index:15;
}
body.chocolat-open>.chocolat-loader{
    z-index:15;
}
body.chocolat-open>.chocolat-content{
    z-index:17;
}

/* container mode*/
.chocolat-in-container .chocolat-wrapper,
.chocolat-in-container .chocolat-content,
.chocolat-in-container .chocolat-overlay{
    position: absolute;
}
.chocolat-in-container{
    position: relative;
}

.chocolat-wrapper{
	border: 0px solid red;
	z-index: 65001;
}
.chocolat-overlay {
    background-color: #000;
    opacity: 0.8;
}
/* jquery Lightbox  chocolat END */