/* ==========================================================================
   Smartphones - 0 - 759px;
   ========================================================================== */
@media (max-width: 759px) {
img {
	width: 100%;
 }
p.more a, a.more, p.back a, .enclosure a {
	display: block;
}
*[class*="grid"] {
	display: block;
	width: 100%;
	float: inherit;
	margin: 0;
}
.header {
	position: inherit;
}
.header .inside {
	padding-top: 0;
	padding-bottom: 0;
}
#topbuttons {
	width: 100%;
}
#search {
	display: block;
	position: relative;
	margin-right: 1px;
	width: 100%;
}
#search-button {
	display: block;
	float: left;
	cursor: pointer;
	position: relative;
	z-index: 100;
}
#search-input.active {
	width: 100%;
}
#search-input.active input {
	width: 100%;
	padding-left: 50px;
	position: absolute;
	top: 0;
	z-index: 99;
	border-radius: 0;
}
.mod_changelanguage {
	position: absolute;
	min-width: 100px;
}
#logo {
	display: block;
	background-image: url('../images/bna_logo_@2x.jpg');
	background-repeat: no-repeat;
	text-indent: -9999px;
	float: right;
	position: relative;
	top: 0;
	margin: 40px 0;
	
		width: 200px;
		height: 33px;
		background-size: 200px 33px;
}
#navi {
	display: none;
}
#m-navi-icon {
	display: block;
	float: left;
	line-height: 33px;
	font-size: 2.5rem;
	margin: 40px 0;
/*
	position: relative;
	top: -3px;
*/
}
#m-navi {
	background-color: #00577F;
}
.mm-list a,
.mm-list a.mm-subopen + a,
.mm-list a.mm-subopen + span {
	color: #E5EEF2;
	font-size: 1.25rem;
	/* font-family:'UniversLTW01-67BoldCn'; */
	font-family:'Roboto Condensed';
	font-weight: 700;
	text-transform: uppercase;
}
#breadcrumb {
	display: none;
}
#banner {
	height: auto;
	background-color: #00577F;
}
#banner .inside {
	height: auto;
}
#main .mod_article > .inside,
.header .inside,
#breadcrumb .inside,
#slider,
#footer .inside,
.pagination {
	width: 90%;
	margin: 0 auto;
}
#footer .inside {
	width: 90%;
	margin: 0 auto;
}
#footer-logo {
	float: none;
}
#footer-adresse,
#footer-kontakt {
	float: none;
	margin-left: 0px;
}
#footernavi {
	float: none;
	width: auto;
	height: auto;
}
#footernavi ul li {
	display: block;
	float: left;
	width: 100%;
	padding: 0;
}
#footernavi ul li a,
#footernavi ul li span {
	display: block;
	padding: 15px 0;
}
.content-image {
	margin-bottom: 1rem;
}
.content-headline {
	margin-bottom: 2rem;
}
.ce_kachel {
	float: none;
	margin-left: 0;
	margin-right: 0;
}
.ce_kachel_white {
	margin-bottom: 1rem;
}
.ce_kachel_white p {
	font-size: 1rem;
}
.ce_kachel .teaser,
.ce_kachel_white {
	float: none;
	position: inherit;
	min-width: 50px;
	width: 100%;
	height: 300px;
	background-size: cover;
}
.ce_kachel .teaser .date,
.ce_kachel .teaser p {
	width: 100%;
	max-width: 100%;
	font-size: 1rem;
	padding-right: 30px; /* Sicherheitsabstand Ecke */
}
.ce_kachel .content {
	height: 0;
	width: 0;
	padding: 0;
	margin: 0;
	/*transition-property*/
	-webkit-transition-property:height, padding;
	   -moz-transition-property:height, padding;
	     -o-transition-property:height, padding;
	        transition-property:height, padding;
}
.ce_kachel.active .content {
	width: 100%;
	height: auto;
	padding: 30px;
	overflow: hidden;
	cursor: default;
}
/* ==========================================================================
   BNA Slider Header
   ========================================================================== */
.ce_bna_header {
	height: auto;
	margin: 0;
}
.bna_header_image {
	width: 100%;
	height: auto;
	background-color: #333;
}
.bna_header_image img {
	
}
.bna_header_slider ul li {

}
.bna_header_content {
	position: relative;
	z-index: 98;
	width: 100%;
	height: auto;
	background-image: none;
	background-color: #00577F;
	padding: 25px 0;
}
.bna_header_content h2 {
	font-size: 2rem;
}
.bna_header_content p {
	font-size: 1.25rem;
}
.bna_header_content .back {
	position: inherit;
	display: block;
	bottom: 0;
	margin-left: 0;
	min-width: 200px;
	line-height: 50px;
	height: 50px;
	padding-left: 70px;
	font-size: 1rem;
	/* font-family:'UniversLTW01-67BoldCn'; */
	font-family:'Roboto Condensed';
	font-weight: 700;
	text-transform: uppercase;
	padding-right: 20px;
	text-align: right;
	color: #FFF;
	background-image: url('../images/bna-icon-back@2x.jpg');
	background-position: left center;
	background-repeat: no-repeat;
	background-size: 50px 50px;
	background-color: #fcbe2c;
	margin-bottom: -25px;
}
.bna_header_menu {
	position: relative;
	bottom: 0;
	margin: 0;
}
.bna_header_menu li {

}
.bna_header_menu li a {
	display: block;
	/* font-family:'UniversLTW01-67BoldCn'; */
	font-family:'Roboto Condensed';
	font-weight: 700;
	font-size: 1rem;
	text-transform: uppercase;
	text-align: center;
	vertical-align: bottom;
	color: #FFF;
	background-position: left center;
	background-repeat: no-repeat;
	background-size: 50px 50px;
	background-position: center top;
	
	padding: 0;
	min-width: 0;
	width: 33.333%;
	height: 70px;
	float: left;
	padding-top: 40px;
}
.bna_header_menu li a:after {
	content: "";
}
.bna_header_menu li.wasser a { background-color: #1d9dc3; }
.bna_header_menu li.energie a { background-color: #ea6721; }
.bna_header_menu li.industrie a { background-color: #76b535; }
.bna_header_slider,
.bna_header_image {
	/*display: none;*/
}
/* ==========================================================================
   Module
   ========================================================================== */
.content-text, .content-image, .content-gallery, .content-table, .content-form, .content-divider {
	margin-bottom: 1.875rem;
}
#slider.mod_article .content-text:after {
	width: 50px;
	height: 50px;
	right: -25px;
	bottom: -25px;
}
/* #slider.mod_article .image_container { */
#slider.mod_article figure {
	max-width: inherit;
	margin-right: 0;
	margin-bottom: 1rem;
}
#slider.mod_article .content-text img {
	margin-right: 0;
}
#slider.mod_article .content-text h2,
#slider.mod_article .content-text h3,
#slider.mod_article .content-text p {
	padding: 0 30px 0 30px;
}
#slider .flex-direction-nav {
	display: none;
}
.content-table.table-scrollable-mobile {
	-webkit-box-shadow: inset -25px 0px 10px -25px rgba(0,0,0,0.2);
	-moz-box-shadow: inset -25px 0px 10px -25px rgba(0,0,0,0.2);
	box-shadow: inset -25px 0px 10px -25px rgba(0,0,0,0.2);
}
	.table-scrollable-mobile::-webkit-scrollbar {
	  -webkit-appearance: none;
	  width: 14px;
	  height: 14px;
	}
	.table-scrollable-mobile::-webkit-scrollbar-thumb {
	  border-radius: 8px;
	  border: 3px solid #fff;
	  background-color: rgba(0, 0, 0, .3);
	}
.pagination {
	/* margin: 0; */
	padding-left:0;
	padding-right:0;
}
.pagination ul li {
	margin-bottom: 1rem;
}
/* ==========================================================================
   ENDE
   ========================================================================== */
}