html {
    scroll-behavior: smooth;
}

/* META
=================================*/

.info-head {
	position:relative;
	height:71px;
	background:#dcdcdc;
}

.meta {
	position:absolute;
	top:40px;
	left:15px;
}

.meta ul {
	list-style:none;
	margin:0;
	padding:0;
}

.meta ul li {
	float:left;
	margin:0;
	padding:0;
	line-height:12px;
}

#navigationFirstLevelMobile{display: none;}

.meta ul li a {
	font-size:15px; color:#616060; padding:16px 20px 16px 20px; border-bottom-left-radius:0; border-top-left-radius:6px; border-bottom-right-radius:0; border-top-right-radius:6px;}
.meta ul li.active a {
	background:#fff; }
	
@media (max-width:767px) {
	.info-head {
		position:relative;
		height:35px;
		background:#dcdcdc;
	}
	
	#navigationFirstLevelMobile{display: block; position:absolute; z-index: 90000;opacity:0;}
	
	.meta {
		position:absolute;
		top:7px;
		left:15px; 
	}
	
	.meta ul {
		list-style:none;
		margin:0;
		padding:0;
	}
	
	.meta ul li {
		float:none;
		margin:0;
		padding:0;
		line-height:12px;
                
	}
	
	.meta ul li a {
		font-size:13px; color:#616060; padding:9px 20px 8px 20px; border-bottom-left-radius:0; border-top-left-radius:6px; border-bottom-right-radius:0; border-top-right-radius:6px; display:none;}
	.meta ul li.active a {
		background:#fff; display:inline-block;}
	.meta ul li.active a:after {
		font-family: 'stadtwerke-hamm'; content: "\e901"; font-size:7px; padding:0 0 0 10px; color:#008339;}
}


/* HELP
=================================*/

.help {
	float:right;
	margin:10px 20px 0 0;
}

.help h4 {
	font-size:14px; color:#616060; line-height:24px; margin:0; padding:0; float:left;
}

.help ul {
	float:left;
	list-style:none;
	margin:0;
	padding:0;
}

.help ul li {
	float:left;
	margin:0 0 0 30px;
	padding:0;
}

.help ul li:first-child {
	margin:0 0 0 20px;
}

.help ul li i {
	background:#eee; text-align:center; margin:8px 10px 0 0; padding:6px; border-radius:6px; float:left; }

.help ul li a {
	color:inherit; line-height:21px; }
.help ul li a:hover {
	color:#008339; }

.help ul li span {
	font-size:14px; display:inline-block; }
.help ul li span.phone {
	font-size:20px; clear:left; }



/* HEADER
=================================*/

header {
	position:relative;
	z-index:9999;
}

.logo {
	position:absolute;
	width:66px;
	top:20px;
	right:35px;
	z-index:100;
}

	@media (min-width:768px) {
		.logo {
			width:108px;
			top:20px;
		}
	}

	@media (min-width:992px) {
		.logo {
			width:108px;
			top:20px;
		}
	}



/* BREADCRUMB */

.breadcrumb {
	background:none;
	border-radius:0;
	margin:0;
	padding:23px 0 0 20px;
}

.breadcrumb p {
	font-size:14px; color:#616060; margin:0; padding:0; }

.breadcrumb p.path {
	float:left;
}

.breadcrumb p.lang {
	float:left;
}

	@media (min-width:768px) {
		.breadcrumb {
			border-bottom:1px solid #dcdcdc;
			padding:23px 0 24px 20px;
			width:570px;
		}

		.breadcrumb p.lang {
			float:right;
		}
	}
	
	@media (min-width:992px) {
		.breadcrumb {
			width:780px; 
		}
	}
	
	@media (min-width:1200px) {
		.breadcrumb {
			width:985px; 
		}
	}
	
	@media (min-width:1600px) {
		.breadcrumb {
			width:1370px; 
		}
	}



/* MENU
=================================*/

.nav-wrap {
	position:relative;
	padding:107px 0 0 0;
}

.sm-simple {
	position:relative;
	border:0;
	box-shadow:none;
	background:none;
	border-top:1px solid #b9b8b8;
	border-bottom:1px solid #b9b8b8;
	margin:0 0 30px 0;
	z-index:3;
}

.sm-simple.collapsed {
	margin:0;
}

.sm-simple li {
	border-left:0;
	border-top:1px solid #e0e0e0;
}

.sm-simple a,
.sm-simple a.has-submenu {
	font-family:"Ubuntu Regular"; font-size:18px; color:#008339; margin:0; padding:15px 20px; }

.sm-simple a:hover, 
.sm-simple a:focus, 
.sm-simple a:active, 
.sm-simple a.highlighted,
.sm-simple li.selected a.has-submenu {
	font-family:"Ubuntu Regular"; font-size:18px; color:#616060; margin:0; padding:15px 20px; }
	
.sm-simple li.active a {
	color:#616060;
}

.sm-simple li.active .teaser a {
	color:#ffffff;
}

.sm-simple .megalomania a,
.sm-simple .megalomania a.has-submenu {
	padding:13px 30px; }
	
.sm-simple .megalomania li.active a {
	color: #008339!important;
}
.sm-simple .megalomania li.active ul li a {
	color: #616060!important;
}
.sm-simple .megalomania li.active ul li a:hover {
	color: #008339!important;
}
.sm-simple .megalomania li.active ul li.active a {
	color: #008339!important;
}
.sm-simple .megalomania li.active ul li.active a:hover {
	color: #008339!important;
}



/* SUBMENU */

.sm-simple ul.sm-nowrap li a,
.sm-simple ul.sm-nowrap li a.has-submenu {
	font-family:"Ubuntu Regular"; font-size:18px; color:#616060; margin:0; padding:10px 20px; }

.sm-simple ul.sm-nowrap li a:hover, 
.sm-simple ul.sm-nowrap li a:focus, 
.sm-simple ul.sm-nowrap li a:active, 
.sm-simple ul.sm-nowrap li a.highlighted,
.sm-simple ul.sm-nowrap li.selected a.has-submenu {
	font-family:"Ubuntu Regular"; font-size:18px; color:#616060; margin:0; padding:10px 20px; }

.sm-simple a.active {
	color:#616060; }

.sm-simple a span.sub-arrow {
	background:none;
    font:bold 14px/34px monospace !important;
    height:34px;
    left:auto;
    margin-top:-17px;
    overflow:hidden;
    position:absolute;
    right:4px;
    text-align:center;
    text-shadow:none;
    top:50%;
    width:34px;
}

.sm-simple a span.sub-arrow:before {
	font-family:"stadtwerke-hamm"; font-size:6px; color:#616060; content:"\e901";
}

.sm-simple a.highlighted .sm-simple a span.sub-arrow:before {
	content:"\e902";
}

.sm-simple a.highlighted span.sub-arrow:before {
  content:"\e902";
}

.sm-simple .megalomania h2{
	display:none; }

.sm-simple .megalomania .teaser {
	display:none !important; 
}

.sm-simple [class*="col-"] {
	padding:0;
	position:relative;
}

.sm-simple .container {
	position:relative;
	max-width:1560px;
	width:auto;
}

/*.sm-simple ul {
	height:auto !important;
}
*/


/* MENU BUTTON MOBILE */

#menu-button {
 	position:absolute;
 	top:55px;
 	left:18px;
}

.nav-wrap .nav-wrap #menu-button {
	display:none;
}

#menu-button span {
	display:none;
}

#menu-button:before {
 	font-family:"stadtwerke-hamm"; font-size:30px; color:#008339; content:"\e120";
}

	@media (min-width:768px) {
		#menu-button {
		 	top:43px;
		 	left:18px;
		}

		.nav-wrap {
			padding:100px 0 10px 0;
		}
	}

	@media (min-width:992px) {
		.sm-simple [class*="col-"] {
			padding:0 15px; 
		}

		.nav-wrap {
			padding:30px 140px 28px 0;
		}
		
		.sm-simple {
			border:0;
			margin:0;
		}

		.sm-simple > li {
			border:0;
		}

		.sm li, 
		.sm a {
			position:static;
		}

		ul.megalomania {
			position:absolute !important;
			max-width:none !important;
			left:0 !important;
			width:940px !important;
			margin:0 !important;
			padding:0 0 50px 0;
			border-bottom-left-radius:6px;
		    border-top-left-radius:6px;
		    border-bottom-right-radius:6px;
		    border-top-right-radius:6px;
			z-index:99999;
		}

		.sm-simple li:first-child ul.megalomania {
			border-bottom-left-radius:6px;
		    border-top-left-radius:0;
		    border-bottom-right-radius:6px;
		    border-top-right-radius:6px;
		}

		.sub-arrow {
			display:none;
		}

		ul.megalomania li, 
		ul.megalomania li a {
			position:relative;
		}

		.megalomania .col-md-8 > li {
			position: static !important;
		}

		.sm-simple .megalomania li,
		.sm-simple .megalomania ul.sm-nowrap li:first-child  {
			border-top:1px solid #e0e0e0;
		}

		.sm-simple .megalomania li:last-child {
			border-bottom:1px solid #e0e0e0;
		}



		/* LEVEL 1 */

		.sm-simple a,
		.sm-simple a.has-submenu {
			font-size:18px; padding:20px 15px 19px 14px; 	
			border-bottom-left-radius:0;
		    border-top-left-radius:6px;
		    border-bottom-right-radius:0;
		    border-top-right-radius:6px; }

		.sm-simple a:hover, 
		.sm-simple a:focus, 
		.sm-simple a:active, 
		.sm-simple a.highlighted,
		.sm-simple li.selected a.has-submenu {
			font-size:18px; padding:20px 15px 19px 14px; background:#fff; position:relative; z-index:9999; }



		/* LEVEL 2 */

		.sm-simple ul.sm-nowrap li a,
		.sm-simple ul.sm-nowrap li a.has-submenu {
			font-family:"Ubuntu Regular"; font-size:18px; line-height: 24px; color:#616060; margin:0; padding:10px 20px; }

		.sm-simple ul.sm-nowrap li a:hover, 
		.sm-simple ul.sm-nowrap li a:focus, 
		.sm-simple ul.sm-nowrap li a:active, 
		.sm-simple ul.sm-nowrap li a.highlighted,
		.sm-simple ul.sm-nowrap li.selected a.has-submenu {
			font-family:"Ubuntu Regular"; font-size:18px; color:#616060; margin:0; padding:15px 20px; }

		

		/* LEVEL 3 */

		.sm-simple .megalomania a,
		.sm-simple .megalomania a.has-submenu {
			font-size:18px; color:#616060; padding:13px 20px; }

		/*.sm-simple .megalomania a:after,*/
		.sm-simple .megalomania a.has-submenu:after {
			font-family:"stadtwerke-hamm"; font-size:13px; content:"\e804"; position:absolute; top:12px; right:0; }

		.sm-simple .megalomania ul li a:after,
		.sm-simple .megalomania ul li a.has-submenu:after {
			display:none; }

		.sm-simple .megalomania a:hover,
		.sm-simple .megalomania a.has-submenu:hover {
			color:#008339; }



		/* HEADLINE IN LEVEL 2 */

		.sm-simple .megalomania h2 {
			display:block; font-family:"Ubuntu Light"; font-size:30px; color:#008339; margin:0; padding:30px 0 19px 20px; }



		/* TEASER IN MEGAMENU */

		.sm-simple .megalomania .teaser {
			display:block !important;
			padding:30px 0 0 0;
		}

		.sm-simple .megalomania .teaser a {
			padding:0;
			margin:0;
		}

		.sm-simple .megalomania .teaser a:after {
			display:none;
		}

		.sm-simple .megalomania .teaser a.btn-default {
			font-size:16px; margin:0; padding:10px 15px 9px 15px; }
		.sm-simple .megalomania .teaser a.btn-default:hover {
			color:#fff; background:#616060; }
		.sm-simple .megalomania .teaser a.btn-default:before {
			top:11px; }



		/* SET MIN-WIDTH FOR SINGLE FLYOUT */

		.sm-simple ul {
			border:0;
			box-shadow:none;
		}

		.sm-simple .megalomania ul.sm-nowrap {
			position:absolute;
			right:0 !important;
			width:50% !important;
			max-width:none !important;
			padding:0 15px 0 30px;
			margin-top:0 !important;
			margin-left:50% !important;
			top:91px !important;
		}
		


		/* HANDLE SUBMENU-WIDTH IN MEGAMENU */

		.megalomania li {
			width:50%;
		}

		.megalomania li ul li {
			width:100%;
		}
		
		
		
		
		.sm-simple .sm-nowrap > li > a, .sm-simple .sm-nowrap > li > :not(ul) a { white-space:inherit; }
	}

	@media (min-width:1200px) {
		ul.megalomania {
			width:1140px !important; }
		.sm-simple a,
		.sm-simple a.has-submenu {
			font-size:19px; padding:20px 19px 19px 18px; }

		.sm-simple a:hover, 
		.sm-simple a:focus, 
		.sm-simple a:active, 
		.sm-simple a.highlighted,
		.sm-simple li.selected a.has-submenu {
			font-size:19px; padding:20px 19px 19px 18px; background:#fff; }

	}

	@media (min-width:1600px) {
		ul.megalomania {
			width:1530px !important; }
		.sm-simple a,
		.sm-simple a.has-submenu {
			font-size:22px; padding:20px 19px 19px 18px; }

		.sm-simple a:hover, 
		.sm-simple a:focus, 
		.sm-simple a:active, 
		.sm-simple a.highlighted,
		.sm-simple li.selected a.has-submenu {
			font-size:22px; padding:20px 19px 19px 18px; background:#fff; }
	}

	#fade-to-black {
	    position:fixed;
	    width:100%;
	    height:100%;
	    top:0;
	    left:0;
	    background:rgba(0,0,0,.8);
	    opacity:0;
	    z-index:1;
	}

	.fade-to-black.fade-mobile,
	.fade-to-black.fade-tablet {
	    display:none !important;
	}



/* searchbutton */

.openSearch .icon-search {
	line-height:12px;
}

.searchbox-mobil { 
	margin:10px 0; 
}

.searchbox-mobil .col-sm-8, .searchbox-mobil .col-sm-4 { padding: 0 15px 0 15px; }

.searchbox {
	position:absolute !important;
	max-width:none !important;
	left:0 !important;
	width:940px !important;
	margin:0 !important;
	padding:30px 35px 50px 35px!important;
	border-radius:6px;
	z-index:99999;
	background:#fff;
}
.searchbox .formee, .searchbox-mobil .formee { padding:30px 30px 0px 30px; }
.searchbox .form-control, .searchbox-mobil .form-control { height:40px;  }

@media (min-width:1200px) {
		.searchbox {
			width:1140px !important; }
			
}

@media (min-width:1600px) {
		.searchbox {
			width:1530px !important; }
			
}


/* search result */

.tx-indexedsearch-searchbox.formee { padding: 30px 30px 0px 30px; margin:10px 0 30px 0; }
.tx-indexedsearch-searchbox.formee .form-control { height:40px; }



/* STAGE
=================================*/

.stage {
	position:relative;
	margin:0 0 30px 0;
	overflow:hidden;
}

.stage-slider {
	position:relative;
	overflow:hidden;
	padding:0 0 30px 0;
}

.stage-slider img {
	border-radius:6px;
}

.flex-caption {
	position:relative;
	margin:15px 0 0 0;
	padding:20px 20px 20px 20px;
	background:rgba(216,216,216,1);
	border-bottom-left-radius:6px;
    border-top-left-radius:6px;
    border-bottom-right-radius:6px;
    border-top-right-radius:6px;
}

.flex-caption h2 {
	font-size: 24px;
	line-height: 30px;
}

	@media (min-width:768px) {
		.flex-caption h2 {
			font-size: 30px;
			line-height: 42px;
		}
	}



/* FLEXNAV IN STAGE */

.stage-slider .flex-control-nav {
	clear:both;
	position:relative;
	padding:20px 0 0 0;
	bottom:inherit;
	z-index:100;
}


.stage-slider .flex-control-paging li a {
	width:15px;
	height:15px;
	display:block;
	background:transparent;
	cursor:pointer;
	text-indent:-9999px;
	box-shadow:none;
	-webkit-border-radius:20px;
	-moz-border-radius:20px;
	border-radius:20px;
	border:2px solid #008339;
}

.stage-slider .flex-control-paging li a:hover,
.stage-slider .flex-control-paging li a.flex-active {
	background:#008339;
	background:rgba(0, 131, 57, 1);
}

	@media (min-width:768px) {
		.flex-caption {
			position:absolute;
			width:430px;
			top:78px;
			right:0;
			min-height:164px;
			margin:0;
			padding:30px;
			background:rgba(255,255,255,.8);
			border-bottom-left-radius:6px;
		    border-top-left-radius:6px;
		    border-bottom-right-radius:0;
		    border-top-right-radius:0;
		}
	}

	@media (min-width:992px) {
		.flex-caption {
			top:180px;
		}

		.stage-slider .flex-control-nav {
			position:absolute;
			bottom:inherit;
			top:135px;
			right:24px;
			width:auto;
		}
	}

	@media (min-width:1200px) {
		.stage-slider {
			padding:0;
		}

		.flex-caption {
			top:128px;
		}

		.stage-slider .flex-control-nav {
			top:83px;
		}
	}

	@media (min-width:1600px) {
		.flex-caption {
			top:205px;
		}

		.stage-slider .flex-control-nav {
			top:160px;
		}
	}



/* CALCULATOR
=================================*/

.calculator {
	position:relative;
	margin:0 0 30px 0;
}

.calculator-content {
	position:relative;
	padding:27px 30px 30px 30px;
	border-top-right-radius:6px;
	border-bottom-left-radius:6px;
	border-bottom-right-radius:6px;	
}

.calculator .nav-tabs {
    border-bottom:0;
}

.calculator ul li a {
	outline:0;
}

.calculator .nav-tabs > li > a, 
.calculator .nav-tabs > li > a:hover, 
.calculator .nav-tabs > li > a:focus {
	font-family:"Ubuntu Regular"; font-size:16px; font-weight:normal; color:#fff; border:0; background:#8B8A8A; border-radius:6px 6px 0 0; }
.calculator .nav-tabs > li.active > a, 
.calculator .nav-tabs > li.active > a:hover, 
.calculator .nav-tabs > li.active > a:focus {
	background:#008339; }

.calculator-content {
	background:#008339;
}

.calculator-content h3 {
	font-family:"Ubuntu Light"; font-size:26px; color:#fff; line-height:31px; margin:0; padding:0; }

.calculator-content p {
	color:#fff; margin:0; padding:0; }

.calculator-content form label {
	color:#fff; margin:0 0 14px 0;
}

.calculator-content .form-control {
	border:0;
}

.calculator .btn-default:before {
	display:none;
}

.calculator .btn-default {
	background:#fff url(../img/bullets.png) no-repeat;
	background-size:8px;
	background-position:15px 13px;
	padding:9px 15px 10px 30px !important;
}

.calculator .btn-default:hover {
	background:#616060 url(../img/bullets.png) no-repeat;
	background-size:8px;
	background-position:15px -62px;
	padding:9px 15px 10px 30px !important;
}

	@media (min-width:768px) {
		.calculator-content h3 {
			font-size:30px; line-height:36px; }
	}

	@media (min-width:1200px) {
		.stage .calculator {
			margin:0;
		}
	}
	
	@media (min-width:1200px) and (max-width: 1599px) {
		.calculator .form-group {
			margin-bottom:5px;  }
		.calculator .select-persons ul {
			padding-top: 8px; }
		.calculator .select-gas ul  {
			padding-top: 2px; }
		.calculator .buttons {
			border-top: 0px none!important; margin-top:4px!important; }
	}

	@media (min-width:1600px) {
		.calculator .nav-tabs > li > a, 
		.calculator .nav-tabs > li > a:hover, 
		.calculator .nav-tabs > li > a:focus {
			font-size:20px; }
	}
	
	@media (min-width:992px) {
		.calculator-content {
			height:auto;
		}
		.calculator-content.radius-full-6 {
			height:416px;
		}
	}
	
	@media (min-width:1200px) {
		.calculator-content {
			height:322px;
		}
		.calculator-content.radius-full-6 {
			height:367px;
		}
	}

	@media (min-width:1600px) {
		.calculator-content {
			height:442px;
		}
		.calculator-content.radius-full-6 {
			height:412px;
		}	
		
	}
	
	/* CALC ASIDE 1024 
	wichtig wenn der Preisrechner auch bei dieser Aufloesung in der Marginalspalte bleiben und nicht unter die Illu umbrechen soll */
	
	@media (min-width:992px) and (max-width: 1199px) {
		aside .calculator .col-sm-6 {
			width:100%;
		}
	}

		

/* SELECT ENERGY */

.select-energy {
	padding:0 0 9px 0;
}

.calculator-content form .select-energy label {
	margin:0 0 0 40px;
}

.calculator-content form .select-energy label:first-child {
	margin:0;
}

	@media (min-width:768px) {
		.calculator-content form .select-energy label {
			margin:0 0 0 58px;
		}
	}



/* ESTIMATED USAGE */

	@media (min-width:1600px) {
		.estimated-usage {
			padding:24px 0 0 0;
		}

		.select-energy {
			padding:0;
		}
	}



/* SELECT PERSONS */

.select-persons ul {
	list-style:none;
	margin:0;
	padding:20px 0 0 0;
}

.select-persons ul li {
	position:relative;
	float:left;	
	width:16.66666666%;
	margin:0;
	padding:0 1px 0 0;
	text-align:center;
}

.select-persons ul li input[type="checkbox"] {
	position:absolute;
	top:0;
	left:-2000px;
	display:inline;
	width:100%;
}

.select-persons ul li label {
	display:inline-block;
	width:100%;
	margin:0;
	padding:0;
	cursor:pointer;
}

.select-persons ul li label i {
	font-size:40px; display:block; margin:0; padding:0;
}

.select-persons ul li label span.number {
	font-family:"Ubuntu Bold"; font-size:16px; color:#008339; text-align:center; display:block; position:absolute; top:17px; width:100%; }
.select-persons ul li label span.border {
	display:block; background:#b3dac4; height:10px; margin:10px 0 0 0; }

.select-persons ul li:first-child label span.border {
	-webkit-border-top-left-radius:6px;
	-webkit-border-bottom-left-radius:6px;
	-moz-border-radius-topleft:6px;
	-moz-border-radius-bottomleft:6px;
	border-top-left-radius:6px;
	border-bottom-left-radius:6px;	
}

.select-persons ul li:last-child label span.border {
	-webkit-border-top-right-radius:6px;
	-webkit-border-bottom-right-radius:6px;
	-moz-border-radius-topright:6px;
	-moz-border-radius-bottomright:6px;
	border-top-right-radius:6px;
	border-bottom-right-radius:6px;
}

.select-persons ul li input[type="checkbox"]:checked + label span.border,
.select-persons ul li:hover label span.border {
	background:#fff; }

.calculator .buttons {
	margin:30px 0 0 0;
	padding:28px 0 0 0;
	border-top:1px solid #fff;
}

/* SELECT GAS */

.select-gas { display:none; }

.select-gas ul {
	list-style:none;
	margin:0;
	padding:14px 0 0 0;
}

.select-gas ul li {
	position:relative;
	float:left;	
	width:16.66666666%;
	margin:0;
	padding:0 1px 0 0;
	text-align:center;
}

.select-gas ul li input[type="checkbox"] {
	position:absolute;
	top:0;
	left:-2000px;
	display:inline;
	width:100%;
}

.select-gas ul li label {
	display:inline-block;
	width:100%;
	margin:0;
	padding:0;
	cursor:pointer;
}

.select-gas ul li label i {
	font-size:27px; display:block; margin:0 0 28px 0; padding:0;
}

.select-gas ul li:first-child label i { font-size:17px; margin:9px 0 30px 0;}
.select-gas ul li + li label i { font-size:19px; margin:7px 0 30px 0;}
.select-gas ul li + li + li label i { font-size:21px; margin:5px 0 30px 0;}
.select-gas ul li + li + li + li label i { font-size:24px; margin:3px 0 29px 0;}
.select-gas ul li + li + li + li + li label i { font-size:27px; margin:0 0 29px 0;}
.select-gas ul li + li + li + li + li + li label i { font-size:27px; margin:0 0 29px 0;}

.select-gas ul li label span.number {
	font-family:"Ubuntu Regular"; font-size:15px; color:#ffffff; text-align:center; display:block; position:absolute; top:27px; width:100%; }
.select-gas ul li label span.border {
	display:block; background:#b3dac4; height:10px; margin:10px 0 0 0; }

.select-gas ul li:first-child label span.border {
	-webkit-border-top-left-radius:6px;
	-webkit-border-bottom-left-radius:6px;
	-moz-border-radius-topleft:6px;
	-moz-border-radius-bottomleft:6px;
	border-top-left-radius:6px;
	border-bottom-left-radius:6px;	
}

.select-gas ul li:last-child label span.border {
	-webkit-border-top-right-radius:6px;
	-webkit-border-bottom-right-radius:6px;
	-moz-border-radius-topright:6px;
	-moz-border-radius-bottomright:6px;
	border-top-right-radius:6px;
	border-bottom-right-radius:6px;
}

.select-gas ul li input[type="checkbox"]:checked + label span.border,
.select-gas ul li:hover label span.border {
	background:#fff; }
	




/* CALC RESULT */

.calc-result-short {
	margin:0 0 30px 0;
}

.calc-result-header {
	padding:0;
	border-bottom: 2px solid #dcdcdc;
}

.calc-result-header h4 { 
	line-height:24px; 
}

.calc-result {
	padding: 15px 0 15px 0;
	border-bottom: 1px solid #dcdcdc;
}

.price-label {
		font-family:"Ubuntu Bold"; font-weight:normal; }

.calc-result a { 
	padding:0 0 0 15px; }

.calc-result a:before {
    font-family: "stadtwerke-hamm";
    font-size: 12px;
    content: "\e804";
    padding: 0px 8px 0 0;
    position: absolute;
    top: -1px;
    left: 15px;
}

@media (min-width:992px) {	
	.calc-result h4 { margin:4px 0 0 0; }
	.calc-result a { padding:0 0 0 20px; }
	.calc-result a:before { font-family: "stadtwerke-hamm"; font-size: 14px; }
	.calc-result-header .col-md-2, .calc-result .col-md-2 {	text-align:right; }
}



/* SEARCH RESULT */

.tx-indexedsearch-browsebox ul.browsebox.searchresult li { 
	border:0; 
	padding: 0 0 10px 16px;
	display:inline-block;
}

ul.browsebox.searchresult .tx-indexedsearch-browselist-currentPage a { background:none!important; color:#616060!important; }

.tx-indexedsearch-browsebox ul.browsebox.searchresult {
	display:inline-block; background:#dcdcdc; width:100%; border-radius:6px; padding: 16px 10px 3px 10px!important; margin: 20px 0 0 0;
}

.tx-indexedsearch-browsebox { margin:0!important; }





/* NEWS + TEASER START
=================================*/

.news-timetable {
	position:relative;
}



/* NEWS */

.news {
	position:relative;
	overflow:hidden;
}

.news-timetable .news {
	padding: 0px;
}

.news-timetable .news-img-wrap {
	display:none;
}

 aside .news-img-wrap { 
	width: 100px; 
 }


.news h2 {
	font-family:"Ubuntu Light"; font-size:26px; color:#008339; line-height:31px; margin:0; padding:0; }
	
.news-text-wrap h2 { margin: 0 0 15px 0; }
	
.news h3 { font-size:18px; line-height:20px; }

.news ul.items {
	list-style:none;
	margin:0;
	padding:0;
}

.news ul.items li {
	margin:0;
	padding:12px 0 13px 0;
	border-top:1px solid #dcdcdc;
}

.news ul.items li:first-child {
	border:0;
	padding:10px 0 13px 0;
}

.news ul.items li:last-child {
	border-bottom:1px solid #dcdcdc;
	margin-bottom: 20px;
}

.news ul.items li h3 {
	line-height:26px; margin:0; padding:0; }

.content .news ul.items li h3 {
	line-height:26px; font-size:24px; margin:10px 0 0 0; font-family:"Ubuntu Light"; }
.content aside .news ul.items li h3 {
	line-height:26px; font-size:18px; margin:0; font-family:"Ubuntu Regular"; }
	
span.date-category {
	font-size:16px; color:#616060; display:inline-block; padding:0 0 1px 0; }

aside .news {
	padding:0px 0 23px 0;
}

.content span.date-category {
	font-family:"Ubuntu Light";
}

.content aside span.date-category {
	font-family:"Ubuntu Regular";;
}

.content .news ul.items li {
	padding:18px 20px 18px 0;
}

.content .news ul.items li p {
	font-size:16px; padding-top:10px; margin-bottom:0;
}

.news .page-navigation ul li { 
	border:0; 
}

.page-navigation p { 
	margin:21px 0 0 0; 
}

.page-navigation { 
	display:inline-block; background:#dcdcdc; width:100%; border-radius:6px; padding: 0 0 0 20px; margin: 20px 0;
}

	@media (min-width:768px) {
		.news h2 {
			font-size:30px; line-height:36px; }
	}

	@media (min-width:992px) {
		.news-timetable .news {
			height:516px;
		}
	}

	@media (min-width:1200px) {
		.news-timetable .news {
			height:548px;
		}
	}

	@media (min-width:1600px) {
		.news-timetable .news {
			height:537px;
		}
	}



/* NEWS-ROTATION */

.news-rotation, .news-rotation-autoplay {
	position:relative;
	padding:30px 0 0 0;
	overflow:hidden;	
}

.news-rotation .teaser .buttons .btn, .news-rotation-autoplay .teaser .buttons .btn {
	margin:0 0 10px 0;
}

	@media (min-width:768px) {
		.news-rotation .teaser .buttons .btn, .news-rotation-autoplay .teaser .buttons .btn {
			margin:0 5px 10px 0;
		}
	}

	@media (min-width:992px) {
		.news-rotation, .news-rotation-autoplay {
			padding:0;
		}

		.news-timetable .news-rotation, .news-timetable .news-rotation-autoplay {
			height:573px;
		}
	}

	@media (min-width:1200px) {
		.news-timetable .news-rotation, .news-timetable .news-rotation-autoplay {
			height:621px;
		}
	}

	@media (min-width:1600px) {
		.news-timetable .news-rotation, .news-timetable .news-rotation-autoplay {
			height:594px;
		}
	}
	


.content .news-rotation .teaser, .content .news-rotation-autoplay .teaser,
.content aside .news-rotation .teaser, .content aside .news-rotation-autoplay .teaser {
	border-bottom:0px none!important;
}

.content .news-rotation, .content .news-rotation-autoplay,
.content aside .news-rotation, .content aside .news-rotation-autoplay {
	border-bottom:1px solid #dcdcdc;
	margin-bottom:30px;
}



/* TIMETABLE */

.timetable {
	height:auto !important;
	background:#dcdcdc;
	margin:30px 0 0 0;
	padding:23px 30px 30px 30px;
}


	@media (min-width:1200px) {
		.timetable {
			height:597px!important;
		}
		aside .timetable {
			height:auto!important;
		}
	}

	@media (min-width:1600px) {
		.timetable {
			height:594px!important;
		}
		aside .timetable {
			height:auto!important;
		}
	}

.timetable form label {
	margin:0 0 0 26px;
}

.timetable form .form-control {
	margin:13px 0 17px 0;
	border:1px solid #616060;
}

.timetable form label:first-child {
	margin:0;
}

.timetable h2 {
	font-family:"Ubuntu Light"; font-size:26px; color:#616060; line-height:31px; margin:0; padding:0 0 14px 0; }

.timetable .buttons {
	padding:13px 0 0 0;
}

.timetable .btn-default:before {
	display:none;
}

.timetable .btn-default {
	background:#616060 url(../img/bullets.png) no-repeat;
	background-size:8px;
	background-position:15px -62px;
	padding:9px 15px 10px 30px !important;
}

.timetable .btn-default:hover {
	background:#616060 url(../img/bullets.png) no-repeat;
	background-size:8px;
	background-position:15px -62px;
	padding:9px 15px 10px 30px !important;
}

aside .timetable {
	margin:0 0 30px 0;
}

	@media (min-width:768px) {
		.timetable h2 {
			font-size:30px; line-height:36px; }

		.timetable form label {
			margin:0 0 0 58px;
		}
	}

	@media (min-width:1200px) {
		.timetable {
			margin:0;
		}

		.timetable .buttons .btn {
			float:left;
		}

		.timetable .buttons .btn + .btn {
			float:right;
		}
	}



/* TEASER
=================================*/

.teaser {
	position:relative;
	overflow:hidden;
	margin:30px 0 0 0;
	padding:0 0 15px 0;
}

.news-rotation .teaser, .news-rotation-autoplay .teaser {
	margin:0;
	padding:0;
}

.teaser h3 {
	font-family:"Ubuntu Light"; font-size:26px; line-height:31px; margin:0; padding:0 0 16px 0; }
.teaser p {
	margin:0; padding:0; line-height:26px; }
	
.teaser-illu {
	position:relative;
}

.teaser img {
	position:relative;
	border-radius:6px;
	margin:0 0 23px 0;
}

.teaser-illu a {
	position:relative;
}

.teaser h3 + h4 {
	margin-top:0; }

.teaser h4 {
	margin:20px 0 10px 0; }

.content .teaser {
	border-bottom:1px solid #dcdcdc;
}

.content aside .teaser {
	border-bottom:1px solid #dcdcdc;
}


aside .teaser {
	margin:0 0 30px 0;
}

.teaser .buttons {
	margin:20px 0 0 0;
}

.teaser .illu-bg {
	position:relative;
	z-index:1;
}



/* QUICKLINKS IN TEASER */

.teaser .quick-links {
	padding:19px 0 7px 0; 
}

.teaser .quick-links h4 {
	font-size:16px; color:#008339; line-height:26px; margin:0; padding:0; }

.teaser .quick-links ul {
	list-style:none;
	margin:0;
	padding:21px 0 0 0;
}

.teaser .quick-links ul li {
	display:block;
	margin:0 0 10px 0;
	padding:0;
}

	@media (min-width:768px) {
		.teaser .quick-links ul li {
			display:inline-block;
			margin:0 11px 15px 0;
		}
	}

	@media (min-width:1600px) {
		.teaser h3 {
			font-size:30px; line-height:36px; }
	}



/* TEASER ICONS */

.teaser .teaser-icon {
	position:absolute;
	top:55px;
	left:0;
	background:rgba(255,255,255,.8);
	border-bottom-left-radius:0;
    border-top-left-radius:0;
    border-bottom-right-radius:6px;
    border-top-right-radius:6px;
    text-align:center;
    z-index:2;
}

.teaser .teaser-icon {
	top:50%;
	width:60px;
	height:60px;
	margin-top:-45px;
	line-height:85px;
}

_::selection,
.teaser .teaser-icon {
	margin-top:-110px\0;
}	
_:-ms-lang(x), _:-webkit-full-screen, .teaser .teaser-icon { margin-top:-110px; }
_:-ms-lang(x), _::-webkit-meter-bar, .teaser .teaser-icon { margin-top:-110px; }

.teaser .teaser-icon i {
	font-size:38px; color:#008339; }

	@media (min-width:768px) {
		.teaser .teaser-icon {
			top:50%;
			width:130px;
			height:130px;
			margin-top:-75px;
			line-height:190px;
		}
		
		_::selection,
		.teaser .teaser-icon {
			margin-top:-155px\0;
		}	
		_:-ms-lang(x), _:-webkit-full-screen, .teaser .teaser-icon { margin-top:-155px; }
		_:-ms-lang(x), _::-webkit-meter-bar, .teaser .teaser-icon { margin-top:-155px; }
		
		.teaser .teaser-icon i {
			font-size:80px; color:#008339; }
	}

	@media (min-width:992px) {
		.teaser .teaser-icon {
			width:100px;
			height:100px;
			margin-top:-60px;
			line-height:150px;
		}
		
		_::selection,
		.teaser .teaser-icon {
			margin-top:-120px\0;
		}	
		_:-ms-lang(x), _:-webkit-full-screen, .teaser .teaser-icon { margin-top:-120px; }
		_:-ms-lang(x), _::-webkit-meter-bar, .teaser .teaser-icon { margin-top:-120px; }
		
		
		.teaser .teaser-icon i {
			font-size:65px; color:#008339; }
	}

	@media (min-width:1200px) {
		.teaser .teaser-icon {
			width:130px;
			height:130px;
			margin-top:-75px;
			line-height:190px;
		}
		
		_::selection,
		.teaser .teaser-icon {
			margin-top:-143px\0;
		}	
		_:-ms-lang(x), _:-webkit-full-screen, .teaser .teaser-icon { margin-top:-143px; }
		_:-ms-lang(x), _::-webkit-meter-bar, .teaser .teaser-icon { margin-top:-143px; }

		.teaser .teaser-icon i {
			font-size:80px; color:#008339; }
	}


	@media (min-width:1600px) {
		.teaser .teaser-icon {
			width:180px;
			height:180px;
			margin-top:-100px;
			
			line-height:260px;
		}
		
		_::selection,
		.teaser .teaser-icon {
			margin-top:-185px\0;
		}	
		_:-ms-lang(x), _:-webkit-full-screen, .teaser .teaser-icon { margin-top:-185px; }
		_:-ms-lang(x), _::-webkit-meter-bar, .teaser .teaser-icon { margin-top:-185px; }
		
		.teaser .teaser-icon i {
			font-size:101px; color:#008339; }
		
	}




/* Teaser mit Bild im Hintergrund */

.content .image-teaser { 
	border-radius:6px;
	margin-top:0;
	border-bottom:0px none;
	background-repeat: no-repeat;
	background-position: left bottom;
	background-size:cover;
	padding: 27px 30px 30px 30px;
	position:relative;
}

/*
.image-teaser-content {
	
}

.image-teaser .buttons {
		
}*/

@media (max-width: 767px) {
	.content .image-teaser { 
		background:#E8E7EC;	
		background-image:none!important;
	}	
}

@media (min-width: 767px) {
	.content .image-teaser {
		height: 416px;
		background-position: left -180px;
	}
	.image-teaser .buttons {
		bottom:15px;
		position:absolute;
		right:30px;
	}
}

@media (min-width: 992px) {
	.content .image-teaser {
		height: 416px;
		background-position: left bottom;
	}
}


@media (min-width: 1200px) {
	.content .image-teaser {
		height: 367px;
	}
}

@media (min-width: 1600px) {
	.content .image-teaser {
		height: 412px;
	}

}





/* SERVICES (SLIDER)
=================================*/

.services {
	position:relative;
	overflow:hidden;
	margin:32px 0 0 0;
	padding:30px 0;
	background:#cce6d7;
}

.services h2 {
	font-family:"Ubuntu Light"; font-size:26px; color:#008339; line-height:31px; margin:0; padding:0; }

.service-slider {
	position:relative;
	padding:25px 0 0 0;
}

.service-teaser {
	padding:0;
	text-align:center;
}

.service-teaser img {
	max-width:150px;
	border-radius:100%;
}

.service-teaser img + img {
	display:none;
}

.service-teaser a {
	display:block;
}

.service-teaser p {
	color:#008339; margin:0; padding:24px 0 0 0; }
.service-teaser p:before {
	font-family:"stadtwerke-hamm"; font-size:16px; content:"\e804"; padding:0 8px 0 0; }
.service-teaser a:hover p {
	color:#616060;
}

.services .owl-buttons {
	position:absolute;
	width:100%;
	top:50%;
	color:#66b488;
}

.services .owl-buttons .owl-prev {
	position:absolute;
	left:0;
	height:32px;
	margin:-16px 0 0 0;
}

.services .owl-buttons .owl-next {
	position:absolute;
	right:0;
	height:32px;
	margin:-16px 0 0 0;
}

.services .owl-buttons .owl-prev:before {
	font-family:"stadtwerke-hamm"; font-size:35px; content:"\e808"; }
.services .owl-buttons .owl-next:before {
	font-family:"stadtwerke-hamm"; font-size:35px; content:"\e804"; }

	@media (min-width:768px) {
		.services h2 {
			font-size:30px; line-height:36px; }
	}

	@media (min-width:1200px) {
		.services .owl-buttons .owl-prev {
			left:-50px;
		}

		.services .owl-buttons .owl-next {
			right:-50px;
		}
	}



/* INFO START
=================================*/

.info {
	position:relative;
	margin:30px 0 0 0;
}



/* OVERALL VIEW (RUBRIKSTART)
=================================*/

.content {
	position:relative;
}



/* ILLU
=================================*/

.illu {
	padding:0 0 30px 0;
}

.illu img {
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	border-radius:6px;
}

	@media (min-width:1200px) {
		.illu {
			padding:0;
		}
	}



/* BREITE ILLU MIT TEXT
=================================*/

.illu.full-width {
	padding-bottom:0;
	position: relative;
}

.illu-folge .illu.full-width {
	margin-bottom: 30px;
}

.stage-content {
	width:100%;
    margin: 10px 0 0 0;
    padding: 30px;
    background: #cce6d7;
    border-bottom-left-radius: 6px;
    border-top-left-radius: 6px;
    border-bottom-right-radius: 6px;
    border-top-right-radius: 6px;
}
@media (min-width:992px) {
	.stage-content {
		margin:0;
		position: absolute;
		height:90%;
		width:90%;
		padding: 30px;
		background: rgba(255,255,255,.8);
		bottom:5%;
		right:5%;
	}
}
@media (min-width:1200px) {
	.stage-content {
		right: 0px;
		min-height: 164px;
		padding: 30px;
		width: 847px;
		bottom: 20px;	
		height:auto;
		background: rgba(255,255,255,.8);
		border-bottom-right-radius: 0px;
		border-top-right-radius: 0px;
	}
}
@media (min-width:1600px) {
	.stage-content {
		width: 750px;
		bottom: 40px;	
	}
}











/* TEXT
=================================*/

.text {
	padding:0 0 40px 0;
}



h1 {
	font-size:30px; line-height:36px; margin:0; padding:0 0 15px 0; }
	
h1.csc-firstHeader {
	padding-top:0px; margin-top:-20px; }

	@media (min-width:768px) {
		h1 {
			font-size:36px; line-height:43px; padding:16px 0 15px 0; }
	}
	
	@media (min-width:1200px) {
		h1 {
			font-size:36px; line-height:43px; padding:46px 0 15px 0; }
		h1.csc-firstHeader {
			padding-top:30px; margin-top:-20px; }
	}



/* PRODUCT-DETAILS
=================================*/

.product-details .nav-tabs {
	border-color:#008339;
}

.product-details table {
	width:100%;
	margin:45px 0 0 0;
	padding:0;
}

.product-details table th,
.product-details table td {
	padding:9px 20px 8px 20px;
}

.product-details table tr:nth-child(odd) { 
	background:#fff;
}

.product-details tr:nth-child(even) {
	background:#ebf5ef;
}

.product .nav-tabs {
	border-color:#008339;
	padding:10px 0 0 0;
}

.product .nav-tabs > li > a, 
.product .nav-tabs > li > a:hover, 
.product .nav-tabs > li > a:focus {
	font-family:"Ubuntu Regular"; font-size:15px; font-weight:normal; color:#616060; border:0; background:#fff; border-left:1px solid transparent; border-right:1px solid transparent; border-top:1px solid transparent; border-bottom:1px solid #008339; }
.product .nav-tabs > li.active > a, 
.product .nav-tabs > li.active > a:hover, 
.product .nav-tabs > li.active > a:focus {
	color:#008339; border-left:1px solid #008339; border-right:1px solid #008339; border-top:1px solid #008339; border-bottom:1px solid #fff; }

.product .tab-content {
	padding:30px 0 0 0;
}

	@media (min-width:1600px) {
		.product .nav-tabs > li > a, 
		.product .nav-tabs > li > a:hover, 
		.product .nav-tabs > li > a:focus {
			font-size:20px; }
	}


/* ASIDE
=================================*/

aside {
	margin:30px 0 0 0;
}

	@media (min-width:992px) {
		aside {
			margin:0;
		}
	}



/* FOOTER
=================================*/

footer {
	position:relative;
	margin:30px 0 0 0;
	padding:30px 0;
	background:#008339;
	overflow:hidden;
}



/* COPY & CORPORATE-LINKS / ADVERT
=================================*/

.copy ul,
.corporate-links ul {
	list-style:none;
	margin:0;
	padding:0;
}

.copy ul {
	float:left;
}

.copy ul li {
	margin:0;
	padding:5px 0;
	line-height:16px;
}

.copy p {
	font-size:16px; color:#fff; line-height:16px; padding:0 10px 0 0; }

.copy ul li a {
	font-size:16px; color:#fff; padding:0;}

.corporate-links {
	margin:0 0 0 -30px;
	padding:16px 0 0 0;
}

.corporate-links ul li {
	margin:0 0 10px 0;
	padding:0;
	line-height:16px;
}

.corporate-links ul li a {
	font-size:16px; line-height:24px; color:#fff; margin:0 0 0 30px; padding:0 0 0 15px; position:relative; display:block;  }
.corporate-links ul li a:before {
	font-family:"stadtwerke-hamm"; font-size:12px; content:"\e804"; padding:1px 8px 0 0; position:absolute; top:0; left:0; }

	@media (min-width:768px) {
		
		.copy ul li { border-left:1px solid #fff; padding:0; }
		
		.copy ul li a { padding:0 10px; }
		
		.copy p {
			float:left; }

		.copy ul li,
		.corporate-links ul li {
			float:left;
		}
		
		.corporate-links ul li a { display:inline; line-height:16px;}

	}

.advert {
	display:table;
	height:100%;
	background:#006f31;
	margin:30px 0 0 0;
	padding:20px;
}

.advert-text {
	display:table-cell;
	vertical-align:middle;
	padding:0 20px 0 0;
	height:100%;
}

.advert-text h4 {
	font-size:22px; color:#fff; line-height:28px; margin:0; padding:0 0 9px 0; }
.advert-text p {
	font-size:16px; color:#fff; line-height:23px; margin:0; padding:0; }

.advert img {
	float:right;
	right:20px;
	width:127px;
}

	@media (min-width:992px) {
		.advert {
			margin:0;
		}

		.corporate-links {
			margin:0 0 0 -30px;
			padding:26px 0 0 0;
		}
	}
	
	@media (min-width:1200px) {
		.corporate-links {
			padding:6px 0 0 0;
		}
	}


/* claim */

.claim { margin:20px 0 0 0; }

.icon-claim {
	color:#fff;
	font-size:50px;
}
.claim span { display:none; }

.claim img { width:auto; }

	@media (min-width:992px) {
		.claim { margin:40px 0 0 0; }	
	}




/* FORMS
=================================*/

.formee {
	border-radius:6px;
	background:#dcdcdc; 
	padding:30px;
}

.formee form label {
	font-size:16px;
	margin:0; 
	padding:0 0 7px 0;
}

.formee form .form-control {
	border:1px solid #616060;
}

.formee .buttons {
	padding:10px 0 0 0;
}

.formee form .form-group.error .form-control {
	border:1px solid #d30404;
	color:#d30404;
}

.formee form .form-group.error label {
	color:#d30404;
}


.error p {
	color:#d30404; 
	margin:20px 0 15px 0!important;
}
.error ul {
	margin:0 0 30px 0; 
	padding:0;
	color:#d30404; 
}

.error ul li {
	list-style:none;

}
	



/* PAGINATION
======================== */

.pagination {
	margin:0;
	padding:30px 0 30px 0;
}

.pagination li {
	margin:0;
	padding:0;
	border:0;
}

.pagination li a,
.pagination li span {  
	color:#008339;
	background-color:#fff;
}

.pagination li a:hover,
.pagination li span:hover,
.pagination li a:focus,
.pagination li span:focus {
	color:#616060;
	background-color:#eee;
}

.pagination .active a,
.pagination .active span,
.pagination .active a:hover,
.pagination .active span:hover,
.pagination .active a:focus,
.pagination .active span:focus {
	color:#fff;
	background-color:#008339;
	border-color:#008339;
}

.pagination .disabled span,
.pagination .disabled span:hover,
.pagination .disabled span:focus,
.pagination .disabled a,
.pagination .disabled a:hover,
.pagination .disabled a:focus {
	color:#777;
	background-color:#fff;
}

.pagination li i {
	font-size:13px;
}



/* FLEXSLIDER SETTINGS
=================================*/

.flexslider {
	position:relative;
	margin:0;
	padding:0;
	box-shadow:none;
	background:none;
	border:0;
	overflow:hidden;
}



/* FLEXNAV IN NEWS-TIMETABLE */

.news-rotation .flex-control-nav, .news-rotation-autoplay .flex-control-nav {
	position:relative;
	bottom:inherit;
	margin:19px 0 10px 0;
}

.news-timetable .flex-control-nav {
	margin:19px 0 0 0;
}

.news-rotation .flex-control-paging li a, .news-rotation-autoplay .flex-control-paging li a {
	width:15px;
	height:15px;
	display:block;
	background:#fff;
	background:rgba(255, 255, 0255, 1);
	cursor:pointer;
	text-indent:-9999px;
	box-shadow:none;
	-webkit-border-radius:20px;
	-moz-border-radius:20px;
	border-radius:20px;
	border:2px solid #616060;
}

.news-rotation .flex-control-paging li a:hover, .news-rotation-autoplay .flex-control-paging li a:hover {
	background:#616060;
	background:rgba(115, 114, 114, 1);
}

.news-rotation .flex-control-paging li a.flex-active, .news-rotation-autoplay .flex-control-paging li a.flex-active {
	background:#616060;
	background:rgba(115, 114, 114, 1);
}

.interactive-map h2 { margin-top:0px; }



/* ACCORDION */

.panel {box-shadow:none;}
.panel-group { margin-top: 15px; }
.panel-default { border:0px none;  border-bottom:1px solid #dcdcdc; }
.panel-group .panel { border-radius:0; }
.panel-default > .panel-heading { background:none;  border:0px none; border-radius:0; }
.panel-default > .panel-heading + .panel-collapse > .panel-body { border:0px none; }
.panel-group .panel-heading + .panel-collapse > .panel-body, .panel-group .panel-heading + .panel-collapse > .list-group { border:0px none; }
.panel-title { font-size:16px; line-height:23px !important; }
.panel-heading { padding: 0; }
.panel-heading a { padding:10px 45px 14px 0; display:block; position:relative; }
.panel-heading a:after { font-family:"stadtwerke-hamm"; font-size:8px; content:"\e901"; position:absolute; top:9px; right:15px; }
.panel-heading a[aria-expanded="true"]:after, .panel-heading.in a:after { content:"\e902"; }
.panel-body { padding:15px 10px 20px 0; }

	@media (min-width:992px) {
		.panel-body { 
			padding:15px 60px 20px 0; 
		}

		.panel-heading a { padding:9px 40px 13px 0; }

		.panel-title { font-size:18px; line-height:26px !important; }

		.panel-heading a:after { top:10px; }
	}

	



/* NEWS-DETAIL */

.news-list-date { margin: 0 0 20px 0; display:block; }
.news-backlink-wrap { margin-top:40px; }
.infobar {	border-bottom: 1px solid #DCDCDC; margin-bottom:20px; padding-bottom:15px;}
.infobar .news-list-date { margin: 0 3px 10px 0; padding: 0 7px 0 0; display: inline-block;border-right: 1px solid #616060;line-height: 100%;}

.news-img-wrap img {
	border-radius:6px;
}

.news-img-wrap {
    display:none;
}

.news-info-and-content {
	display: block;
	width:100%;	
}

@media (min-width:768px) {	
	.news-img-wrap {
		width:300px;
		position: relative;
		overflow: hidden;
		display: table-cell;
		vertical-align: top;
		padding-right: 20px;
		box-sizing:border-box;
-moz-box-sizing:border-box;
	}
	
	.news-info-and-content {
		display: table-cell;
		vertical-align: top;
		width:auto;
	}
}

@media (min-width:992px) {
	.news-img-wrap {
		width:200px;
	}
}
@media (min-width:1200px) {
	.news-img-wrap {
		width:300px;
	}
}
@media (min-width:1600px) {
	.news-img-wrap {
		width:300px;
	}
}









.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.embed-responsive,.consent-container {
	display: none;
}





/* TIPSO Bubble */

.tipso_content {
	padding: 15px 20px 10px 20px!important;
	text-align:left;
}

.tipso_title {
	padding:10px 20px 10px 20px;
}

.tipso_style {
	color:#008339;
}





/* HELPERS
=================================*/

.container {
	position:relative;
}

section.content section.content .container {
    width:100%;
	padding:0;
}

input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}
input[type=number] {
	appearance: textfield;
   -moz-appearance: textfield;
}



/* BUTTONS */

.btn,
a.btn, 
.sm-simple a.btn {
	position:relative;
	user-select:none;
    -moz-user-select:none;
    background-image:none;
    border:0;
    border-radius:6px;
    cursor:pointer;
    vertical-align:top !important;
    font-size:14px;
    color:inherit;
    font-weight:normal;
    line-height:1.42857;
    margin:0 0 15px 0;
    padding:9px 15px 10px 29px !important;
    text-align:left;
    white-space:normal;
    width:100%;
}


.btn.forward {
	text-align:right;
	padding:9px 29px 10px 15px!important;
}

.btn-default,
a.btn-default,
.sm-simple a.btn-default {
	background:#008339;
    color:#fff;
}

.btn-grey,
a.btn-grey {
	background:#616060;
	color:#fff;
}

.btn-transparent,
a.btn-transparent {
	background:none;
	color:#616060 !important;
	padding:9px 0 10px 0 !important;
}

.btn-white,
a.btn-white {
	background:#fff;
	color:#008339;
}

.btn-lightgreen,
.btn-lightgreen.btn,
a.btn-lightgreen {
	background:#d9ede1;
	color:#008339;
}

.btn:before {
	font-family:"stadtwerke-hamm"; font-size:13px; content:"\e804"; padding:0 6px 0 0; position:absolute; top:10px; left:15px; }
.btn.back:before {
	content:"\e808"; }
.btn.forward:after {
	font-family:"stadtwerke-hamm"; font-size:13px; content:"\e804"; padding:0 0 0 6px; position:absolute; top:10px; right:15px; }
.btn.forward:before {
	content:""; }

.btn:hover,
.btn:active,
.btn:focus,
.btn-default:hover,
.btn-default:active,
.btn-default:active:hover,
.btn-default:focus,
.btn-lightgreen:hover,
.btn-lightgreen:active,
.btn-lightgreen:active:hover,
.btn-lightgreen:focus {
	background:#616060;
	color:#fff;
	outline:0;
}

.btn.btn-default.btn-transparent:hover,
.btn.btn-default.btn-transparent:active,
.btn.btn-default.btn-transparent:active:hover,
.btn.btn-default.btn-transparent:focus {
	color:#616060 !important;
	background:none !important;
}

	@media (min-width:768px) {
		.btn,
		a.btn,
		.sm-simple a.btn {
			width:auto;
			display:inline-block;
			margin:0 11px 15px 0;
		    padding:9px 20px 10px 15px;
		}
		.btn.forward {
			padding:9px 30px 10px 15px!important;
		}
	}

	@media (min-width:1600px) {
		.btn,
		a.btn,
		.sm-simple a.btn {
		    font-size:15px; }
	}



.form-control {
    border-radius:6px;
    height:35px;
    box-shadow:none;
}

.radius-full {
	-webkit-border-radius:100%;
	-moz-border-radius:100%;
	border-radius:100%;
}

.radius-full-6 {
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	border-radius:6px;
}

.radius-top {
	-webkit-border-top-left-radius:6px;
	-webkit-border-top-right-radius:6px;
	-moz-border-radius-topleft:6px;
	-moz-border-radius-topright:6px;
	border-top-left-radius:6px;
	border-top-right-radius:6px;
}

.radius-bottom {
	-webkit-border-bottom-left-radius:6px;
	-webkit-border-bottom-right-radius:6px;
	-moz-border-radius-bottomleft:6px;
	-moz-border-radius-bottomright:6px;
	border-bottom-left-radius:6px;
	border-bottom-right-radius:6px;
}



/* TABS */

ul.nav-tabs {
	margin:0;
	padding:0;
}

.nav-tabs > li > a {
	border-radius:6px 6px 0 0;
}



/* FORMS */

form label {
	font-weight:normal; cursor:pointer; margin:0; padding:0; }

.text-content hr {
	clear:both; 
}



/* FADE BLACK */

.blackscreen {
	opacity:0;
}


@media (min-width:992px) {
	.blackscreen {
		display:none;
		position:fixed;
		width:100%;
		height:100%;
		top:0px;
		left:0px;
		z-index:9000;
		background:rgba(115,115,114, 0.5) none repeat scroll 0% 0%;
		opacity:1;
	}
}

.nav-wrap > nav {
	background:none;
}


/* back to top */
.btn.back-to-top:before {
    content:"";
}
.btn.back-to-top { 
	position: fixed;	
	bottom: 10px; 
	right: 10px; 
	z-index: 10000; 
	display: none; 
	font-size: 16px; 
	padding: 15px 13px 9px 13px!important; 
	border:2px solid #ffffff;  
	background:#008339;
	color:#ffffff;
	width:auto!important;
	opacity:0.8;
}




/* Cookie */

#cookie {
	font-size: 14px;
    line-height: 20px;
	background:#ffffff;
	border-bottom: 1px solid #008339;
	text-align:center;
	padding: 8px;
	display:none;	
}

#cookie .button {
	color:#008339;
	cursor:pointer;
}


/* IMAGES IN CONTENT: WIDTH AUTO */

@media (min-width:768px) {
	.text-content img,  .panel-body img, table img, .news-text-wrap img, .bodytext img, .tab-content img { 
		width:auto; 
	}
}

/* PRINT STYLES
=================================*/

@media print {
	
	html, body, button, input, select, textarea {
		font-size: 11px!important;
		line-height: 16px!important;
	}
	
	h1 {
		font-size: 22px;
		line-height: 34px;
		padding: 0px 0 5px 0;
	}
	
	h1 { font-size: 22px; }
	h2, .text-content .csc-header + h2, .panel-body h2:first-child, .tab-content h2:first-child { font-size: 18px;  line-height: 27px; }
	h3, .text-content .csc-header + h3 { font-size: 15px; line-height: 20px;}
	h4, .text-content .csc-header + h4 { font-size: 14px; line-height: 18px;}
	
	a[href]:after {
		content: none !important;
	  }

	.info-head,
	aside,
	.calculator,
	.breadcrumb,
	#menu-button,
	.nav-wrap,
	footer,
	.nav-tabs,
	.panel-heading a:after,
	.illu,
	.stage-slider,
	.teaser-illu img,
	.news-rotation,
	.news-rotation-autoplay,
	.services,
	#cookie,
	.back-to-top,
	.image-teaser,
	.teaser-icon,
	#progress-bar,
	.formee .buttons  {
		display:none!important;
	}

	header {
		height:90px;
	}

	.logo {
		top:0;
		right:0;
		width:60px;
	}
	
	

	/* PRINT TAB AND ACCORDION CONTENT */

	.tab-content > .tab-pane,
	.fade,
	.collapse {
		display:block !important;
		opacity:1 !important;
	}

	img {
		width:auto;
	}



	/* PRINT RESPONSIVE TABLES */

	.table-responsive {
		overflow:visible;
		min-height:none;
		height:auto;
	}



	/* PRINT GRID */

	.row {
		margin:0;
	}

	.row [class*="col-"] {
		float:none;
		margin:0;
		padding:0;
	}



	/* PRINT TEASER */

	.teaser {
		height:auto !important;
	}


	/* PRINT BUTTON */

	.btn,
	a.btn, 
	.sm-simple a.btn {
	    padding:9px 15px 10px 14px !important;
	}

	.btn:before {
		left:0; }
		
		
	/* form summary */ 
	
	.form-summary .col-md-4 { 
		width:33.33333333%;
		float:left;
	}
	.form-summary .col-md-8 { 
		width:66.66666667%;
		float:left;
	}
	.form-summary .row {
		border-bottom:1px solid #ddd!important;
		padding:5px 0!important;
	}
	
	.formee {
		padding:0; 
	}

	.formee form label {
		font-size: 11px;
	}
	
	/* form-subhead {
		margin-top:0px!important;
		margin-top:0px!important; 
	} */
	
	.formee p {
		margin-bottom:5px!important; 
	}
	
	.form-group {
		margin-bottom:0px!important;
	}
	.radio, .checkbox {
		margin:0!important;
	}
	.error ul {
		margin: 0 0 5px 0!important;
	}
	
	.pflichtfeld {
		margin:0!important;
	}
	
	
		
}

.searchbox{
        display: none;
}
@media print{
	h2, h3, p {
		width: 650px;
	}
}




#cookie-banner {
	display: none!important;
}