/* ALLGEMEIN --------------------------------------------------------------------- START */
html, body {
	width:						100%;
	height:						100%;
	margin:						0;
	padding:					0;
	font-family:				'Open Sans', sans-serif;
	font-size:					15px;
	color:						#333333;
}

a {
	color:						#ffffff;
	text-decoration:			none;
	outline:					none;
}

a:hover {
	color:						#171553;
}

body {
	background-color:			#F0F0F0;
	background-position:		center center;
	background-repeat:			no-repeat;
	background-size:			cover;
    background-attachment: 		fixed;
	overflow:					hidden;
}

body.B2,
body.B370,
body.B380,
body.B43,
body.B45 {
	background-image:			url(images/body-200-bg.png);
}

body.B31 {
	background-image:			url(images/body-310-bg.png);
}

body.B33 {
	background-image:			url(images/body-330-bg.png);
}

body.B34 {
	background-image:			url(images/body-340-bg.png);
}

body.B35 {
	background-image:			url(images/body-350-bg.png);
}

body.B41 {
	background-image:			url(images/body-410-bg.png);
}

body.B42 {
	background-image:			url(images/body-420-bg.png);
}

body.B44 {
	background-image:			url(images/body-440-bg.png);
}

body > #page {
	width:						100%;
	height:						calc(100% - 210px);
	padding:					0;
	top:						130px;
	left:						0;
	position:					relative;
	overflow-y:					auto; 
}

body.B100 > #page {
	height:						calc(100% - 130px);
}

body.ac > #page {
	height:						100%;
	top:						0px;
	background:					#ffffff;
}

@media (min-width: 0px) and (max-width: 767px) {
	body > #page {
		height:						calc(100% - 150px);
		top:						70px;
	}
}

body.B100  > #page {
	background:					none;
	overflow:					hidden;
}

body.ac > #page > .container.content-box {
	width:						85%;
}

@media (min-width: 1350px) {
	.container-box {
		width:						85%;
		margin:						0 auto;
		max-width:					1920px;
	}
	.container-box-small {
		width:						62.5%;
		margin:						40px auto;
		min-height:					calc(100% - 80px);
		height:						auto;
	}
	.sub-box {
		min-height:					calc(100% - 50px);
		height:						auto;
		margin-bottom:				50px;
	}
	.data-box {
		height:						100%;
		overflow:					hidden;
	}
}

@media (max-width: 1350px) {
	.container-box {
		width:						90%;
		margin:						0 auto;
	}
	.container-box-small {
		width:						90%;
		margin:						40px auto;
		min-height:					calc(100% - 80px);
		height:						auto;
	}
	.sub-box {
		min-height:					calc(100% - 50px);
		height:						auto;
		margin-bottom:				50px;
	}
	.data-box {
		height:						100%;
		overflow:					hidden;
	}
}

@media (min-width: 1450px) {
	.page-content {
		padding:					0;
		padding-top:				40px;
		padding-left:				0px;
		padding-right:				0px;
		width:						600px;
		position:					relative;
	}
}

@media (min-width: 1050px) and (max-width: 1450px) {
	.page-content {
		height:						100%;
		padding:					0;
		padding-top:				40px;
		padding-left:				0px;
		padding-right:				0px;
		width:						500px;
		position:					relative;
	}
}

@media (min-width: 1700px) {
	.page-image {
		height:						580px;
		margin:						50px 0px;
		padding:					0px 0px;
		width:						800px;
		position:					relative;
		float:						right;						
	}
}

@media (min-width: 1300px) and (max-width: 1700px) {
	.page-image {
		height:						435px;
		width:						600px;
		margin:						50px 0px;
		padding:					0px 0px;
		position:					relative;
		float:						right;		
	}
}

@media (min-width: 992px) and (max-width: 1300px) {
	.page-image {
		height:						290px;
		width:						400px;
		margin:						110px 0px 50px;
		padding:					0px 0px;
		position:					relative;
		float:						right;		
	}
}

@media (min-width: 992px) and (max-width: 1050px) {
	.page-content {
		height:						100%;
		padding:					0;
		padding-top:				40px;
		padding-left:				0px;
		padding-right:				0px;
		width:						450px;
		position:					relative;
		float:						right;
	}
}

@media (max-width: 992px) {
	.page-content {
		height:						100%;
		padding:					0;
		padding-top:				40px;
		padding-left:				0px;
		padding-right:				0px;
		width:						100%;
		position:					relative;
	}
	
	.page-image {
		height:						580px;
		width:						100%;
		margin:						50px 0px;
		padding:					0px 0px;
		position:					relative;
		float:						right;
	}
}

.page-content {
	float:						left;
}

.page-id-con:nth-child(odd) .page-content,
.page-id-con:nth-child(even) .page-image {
	float:						left;
}

.page-id-con:nth-child(odd) .page-image,
.page-id-con:nth-child(even) .page-content {
	float:						right;
}

@media (min-width: 550px) and (max-width: 768px) {
	.page-image {
		height:						400px;
		padding:					0px 0px;
	}
}

@media (min-width: 380px) and (max-width: 550px) {
	.page-image {
		height:						300px;
		padding:					0px 0px;
	}
}

@media (max-width: 380px) {
	.page-image {
		height:						200px;
		padding:					0px 0px;
	}
}

.Bcontact .page-image {
    border: 					10px solid #fff;
    box-shadow: 				0 0 5px rgb(0, 0, 0, 1);
    height: 					580px;
    padding: 					0;
}

/*@media (max-width: 991px) {
	body .page-overview,
	body .page-content,
	body:not(.Home) .page-image {
		height:					auto;
	}
}*/

@media (max-width: 480px) {
	body > #page {
		height:						calc(100% - 150px);
		top:						70px;
	}
}

.page-image .bximg {
	padding:					15px;
}

.page-image .bximg > img {
	margin-top:					15px;
}

.page-content-title {
	width:						100%;
    height: 					auto;
	padding:					5px 0px 20px 0px;
	position:					relative;
	overflow:					hidden;
}

.Bcontact .page-content-title {
	padding:					5px 0px 0px 0px;
}

.B250 .page-content-title {
	padding:					55px 0px 20px 0px;
}

.page-overview-title {
	width:						100%;
    height: 					auto;
	padding:					30px 0;
	position:					relative;
}

.page-content-box {
	width:						100%;
	height:						auto;
/*	overflow-x:					hidden;
	overflow-y:					visible;*/
	float:						left;
	position:					relative;
	padding:					0px;
}

.page-content-box a {
	color:						#171553;
	text-decoration:			underline;
}

.content-box {
	height:						100%;
}

@media (min-width: 992px) {
	/*
	.page-content {
		padding-top:			100px;
		padding-right:			30px;
		padding-bottom:			30px;
	}

	.page-overview {
		padding-top:			200px;
		padding-bottom:			80px;
	}
	*/

	/*
	.page-content-title {
		top:					30px;
		left:					15px;
		position:				absolute;
	}
	.page-content-box {
		overflow-y:				auto;
	}
	*/
}

/* ALLGEMEIN ---------------------------------------------------------------------- ENDE */

/* HEADER ------------------------------------------------------------------------ START */

.navbar {
	min-height:					130px;
}

.navbar-default {
	background-color:			transparent;
	border-color:				transparent;
}

.navbar:before {
	content:					"";
	width:						100%;
	height:						130px;
	top:						0;
	left:						0;
	z-index:					1;
	position:					fixed;
/*	background-color:			rgba(255,255,255, 0.85);*/
	background:					url(images/body-header.png) repeat;
	box-shadow:					#333333 0em 0.2em 0.5em;
	background-position:		center;
}

@media (max-width: 767px) {
	.navbar:before {
		height:					70px;
	}
}

.navbar > div {
	z-index:					2;
	position:					relative;
	height:						130px;
}

.navbar .navbar-header .navbar-brand {
	width:						auto;
	height:						auto;
	padding:					0;
	margin:						10px 0 0 0;
	z-index:					5;
	position:					relative;
}

.navbar .navbar-header .navbar-brand img {
	border:						none;
	max-height:					110px;
	width:						auto!important;
}

.navbar #navbar {
	position:					relative;
	float:						right;
}

.navbar #navbar .navbar-nav {
	margin-top:					55px;
}

.navbar #navbar .navbar-nav > li {
	margin-left:				10px;
	margin-right:				10px;
}

.navbar #navbar .navbar-nav > li.rp {
	margin-right:				0;
}

.navbar #navbar .navbar-nav > li > a {
	color:						#171553;
	text-transform:				uppercase;
	font-size:					14px;
	white-space:				nowrap;
}

.navbar #navbar > ul > li.separator {
    line-height:				20px;
	font-size:					20px;
	color:						#171553;
	padding:					14px 0px!important;
}
/*
@media (min-width: 1060px) and (max-width: 1185px) {
	.navbar #navbar .navbar-nav > li > a {
		font-size:				16px;
	}
}*/

@media (min-width: 1220px) and (max-width: 1350px) {
	.navbar #navbar .navbar-nav > li > a {
		font-size:				18px;
	}
}

@media (min-width: 1089px) and (max-width: 1220px) {
	.navbar #navbar .navbar-nav > li > a {
		font-size:				17px;
	}
	
	.navbar #navbar .navbar-nav > li {
		margin-left:			5px;
		margin-right:			5px;
	}
}

@media (min-width: 1051px) and (max-width: 1088px) {
	.navbar #navbar .navbar-nav > li > a {
		font-size:				16px;
	}
	
	.navbar #navbar .navbar-nav > li {
		margin-left:			5px;
		margin-right:			0px;
	}
}

@media (min-width: 992px) and (max-width: 1050px) {
	.navbar #navbar .navbar-nav > li > a {
		font-size:				15px;
	}
	
	.navbar #navbar .navbar-nav > li {
		margin-left:			5px;
		margin-right:			0px;
	}
}

@media (min-width: 1350px) {
	.navbar #navbar .navbar-nav > li > a {
		font-size:				20px;
	}
}

@media (min-width: 1550px) {
	.navbar #navbar .navbar-nav > li > a {
		font-size:				20px;
	}

}

@media (max-width: 1087px) {
	.navbar .navbar-phone {
		display:				none;
	}
}

@media (min-width: 0px) and (max-width: 1736px) {
	.navbar .navbar-header .navbar-brand {
		width:						auto;
		height:						auto;
		padding:					0;
	}
}

@media (min-width: 1155px) and (max-width: 1300px) {
	.navbar .navbar-header .navbar-brand {
		max-width:					300px;
		margin-top:					10px;
	}
}

@media (min-width: 992px) and (max-width: 1155px) {
	.navbar .navbar-header .navbar-brand img {
		max-width:					235px;
	}
	.navbar .navbar-header .navbar-brand {
		margin-top:					10px;
	}
}

@media (min-width: 0px) and (max-width: 767px) {
	.navbar .navbar-header .navbar-brand img {
		max-height:					60px;
	}
	.navbar .navbar-header .navbar-brand {
		margin-top:					5px;
	}
}

@media (min-width: 0px) and (max-width: 380px) {
	.navbar-toggle {
		top:0;
	}
}

.navbar #navbar .navbar-nav > li.active > a,
.navbar #navbar .navbar-nav > li.active > a:hover,
.navbar #navbar .navbar-nav > li.active > a:focus,
.navbar #navbar .navbar-nav > li.open > a,
.navbar #navbar .navbar-nav > li.open > a:hover,
.navbar #navbar .navbar-nav > li.open > a:focus {
	background:					none;
}

@media (min-width:992px){
	.navbar #navbar .navbar-nav > li.active > a {
		border:						1px solid #171553;
		border-radius:				5px;
	}
	.navbar #navbar .navbar-nav > li:hover > a,
	.navbar #navbar .navbar-nav > li:focus > a,
	.navbar #navbar .navbar-nav > li.open > a {
		text-decoration:			underline;
	}
}

.navbar #navbar .dropdown-menu {
	width:						90%;
	left:						5%;
	right:						5%;
}

.navbar #navbar .dropdown-menu.dropdown-menu-last-child {
	width:						175px;
	left:						auto;
	text-align:					right;
}

.navbar #navbar .dropdown-menu > li > a {
	color:						#333333;
	font-size:					16px;
	padding-top:				10px;
	padding-bottom:				10px;
}

.dropdown-menu a:hover,
.dropdown-menu > li.active > a,
.dropdown-menu > li.active > a:hover,
.dropdown-menu > li.active > a:focus {
	font-weight:				bold;
	background-color:			#c9c9c9;
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
	background:					none;
}


.navbar-fixed-top .navbar-collapse.in {
	max-height:					235px;
}

.navbar-header {
	position:					relative;
}

.navbar-header .navbar-toggle {
	right:						0;
	position:					absolute;
	background-color:			rgba(255,255,255,0);
	border:						1px solid #171553;
	top:						calc(50% - 18px);
	margin-top:					0px;
	margin-right:				0px;
}

.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus,
.navbar-header .navbar-toggle[aria-expanded="true"] {
	background-color:			rgba(255,255,255,0);
	height:						34px;
}

.navbar-header .navbar-toggle[aria-expanded="true"] > .icon-bar:nth-child(4) {
	display:					none;
}

.navbar-header .navbar-toggle[aria-expanded="true"] > .icon-bar:nth-child(2) {
	-webkit-transform: 			rotate(45deg);
	-moz-transform: 			rotate(45deg);
	-o-transform: 				rotate(45deg);
	transform: 					rotate(45deg);
	-webkit-transition: 		all 0.3s ease 0s;
	-moz-transition: 			all 0.3s ease 0s;
	-o-transition: 				all 0.3s ease 0s;
	transition: 				all 0.3s ease 0s;
	top:						2.5px;
	position:					relative;
}

.navbar-header .navbar-toggle[aria-expanded="true"] > .icon-bar:nth-child(3) {
	-webkit-transform: 			rotate(-45deg);
	-moz-transform: 			rotate(-45deg);
	-o-transform: 				rotate(-45deg);
	transform: 					rotate(-45deg);
	-webkit-transition: 		all 0.3s ease 0s;
	-moz-transition: 			all 0.3s ease 0s;
	-o-transition: 				all 0.3s ease 0s;
	transition: 				all 0.3s ease 0s;
	top:						-3.5px;
	position:					relative;
}

.navbar-header .navbar-toggle .icon-bar {
	background-color:			#171553;
}

/* --- Menue schon ab 992px als mobiles Menue --- */

@media(max-width:992px) {
	.navbar-header {
		float: 					none;
	}
	.navbar-left,.navbar-right {
		float: 					none !important;
	}
	.navbar-toggle {
		display: 				block;
	}
	.navbar-collapse {
		border-top: 			1px solid transparent;
		box-shadow: 			inset 0 1px 0 rgba(255,255,255,0.1);
	}
	.navbar-fixed-top {
		top: 					0;
		border-width: 			0 0 1px;
	}
	.navbar-collapse.collapse {
		display: 				none!important;
	}
	.navbar-nav {
		float: 					none!important;
		margin-top: 			7.5px;
	}
	.navbar-nav>li {
		float: 					none;
	}
	.navbar-nav>li>a {
		padding-top: 			10px;
		padding-bottom: 		10px;
	}
	.collapse.in{
		display:				block !important;
	}
	
	.navbar .navbar-header .navbar-brand {
		margin-right: 			60px;
	}
	
	.navbar-fixed-top .navbar-collapse.in {
		max-height:				335px;
	}
	
	.navbar #navbar .dropdown-menu {
		width:					25%;
	}

	.navbar #navbar.in {
		margin-top:					10px;
		background-color:			rgba(255,255,255,0.9);
		box-shadow:					0px 0px 4px #000000, 0px 0px 4px #000000;
	}

	.navbar #navbar.in .navbar-nav {
		margin-top:					0;
	}

	.navbar #navbar.in .navbar-nav > li > a {
		color:						#000;
		font-size:					20px;
		margin:						2px 0;
	}
}

.open > .finder-menu {
    display: 					block;
}

.finder-menu {
	width:						auto;
	height:						auto;
	background:					rgba(255,255,255,0.9);
	box-shadow:					-5px 5px 10px rgba(0,0,0,0.5);
	border-left:				5px solid #ffffff;
	border-right:				5px solid #ffffff;
	border-bottom:				5px solid #ffffff;
	position:					absolute;
	margin-top:					25px;
	color:						#1e1e1e;
	min-width:					670px;
	display:					none;
	left:						-220px;
}


.active.open > .finder-menu {
    margin-top:					23px;
}


.finder:hover > .finder-menu,
.finder:focus > .finder-menu {
	display:					block;
}

.finder-column {
	height:						100%;
	border-right:				1px solid #333333;
}

.finder-column:last-child {
	border-right:				none;
}

.finder-title {
	font-size:					18px;
	font-weight:				bold;
	margin:						10px 0px;
}

.finder-link,
.finder-prod {
	font-size:					15px;
	font-weight:				bold;
	margin:						10px 0px;
	display:					block;
	position:					relative;
	white-space:				nowrap;
	color:						#333333;
}

.finder-prod {
	text-decoration:			underline;
}

.finder-info {
	font-size:					15px;
	font-weight:				normal;
	display:					block;
	position:					relative;	
}

/* HEADER ------------------------------------------------------------------------- ENDE */

/* FOOTER ------------------------------------------------------------------------ START */
footer {
	width:						100%;
	height:						80px;
	bottom:						0;
	position:					fixed;
	z-index:					8998;
/*	background-color:			#333333;*/
	float:						left;
	background:					url(images/body-header.png) repeat;
	background-position:		center;
	box-shadow:					#333333 0em -0.2em 0.5em;
}

.B100 footer {
	background:					url(images/body-footer-start.png) repeat;
	height:						200px;
	box-shadow:					none;
	background-position:		center;
}
/*
@media (max-width: 991px) {
	footer {
		height:						60px;
	}
}*/

footer a:hover {
	text-decoration:			underline;
}


.home-footer,
.icon-box,
.main-footer {
	height:						100%;
}

.footer-container {
	position:					relative;
	height:						80%;
	top:						10%;
	width:						calc(33.3% - 1px);
	float:						left;
	text-align:					center;
}

@media (min-width: 750px) and (max-width: 991px) {
	.footer-container {
		width:						calc(50% - 1px);
	}
}

@media (max-width: 750px) {
	.footer-container {
		width:						100%;
	}
}

@media (max-width: 350px) {
	.footer-container-title {
		display:					none!important;
	}
}

.footer-container:first-child,
.footer-container:nth-child(2) {
	border-right:				1px solid #fff;
}

@media (max-width: 750px) {
	.footer-container:nth-child(2) {
		display:				none;
	}
}

.footer-container-align {
	width:						auto;
	margin:						0 auto;
	position:					relative;
	height:						100%;
	display:					inline-flex;
	float:						none;
	text-align:					left;
}

.footer-container-title {
	display:					block;
	width:						auto;
	height:						30px;
	line-height:				30px;
	font-size:					20px;
	color:						#171553;
	text-transform:				uppercase;
	position:					relative;
	float:						left;
}

.footer-container-info {
	width:						auto;
	height:						100%;
	position:					relative;
	float:						left;
	margin-left:				30px;
}

.quick-links {
	line-height:				30px;
	display:					block;
	border-bottom:				1px solid #ffffff;
	margin-top:					5px;
}

.quick-links span {
	color:						#171553;
	line-height:				30px;
	font-weight:				bold;
}

.info-links {
	line-height:				30px;
	display:					block;
	margin-top:					5px;
	padding-left:				35px;
}

.info-download {
	background:					url(images/icon-download.png) no-repeat center left;
}

.info-katalog {
	background:					url(images/icon-katalog.png) no-repeat center left;
}

.info-ap {
	background:					url(images/icon-ap.png) no-repeat center left;
}

.info-imprint {
	background:					url(images/icon-info.png) no-repeat center left;
}

.kontakt-links {
	display:					block;
	padding-left:				35px;
}

.kontakt-map {
	background:					url(images/icon-kontakt-map.png) no-repeat center left;
}

.kontakt-phone {
	background:					url(images/icon-kontakt-phone.png) no-repeat center left;
}

.kontakt-mail {
	background:					url(images/icon-kontakt-mail.png) no-repeat center left;
}

.main-footer > div > div > a {
	padding-left:				50px;
	display:					block;
	height:						50px;
	line-height:				50px;
	font-size:					18px;
	color:						#171553;
}

.footer-col {
	width:						25%;
	float:						left;
	position:					relative;
	height:						auto;
	top:						15px;
}

.footer-col p {
	float:						left;
}

.footer-lg-map > a,
.footer-lg-imprint > a {
	line-height:				22.5px!important;
}

.footer-icon {
	height:						37px;
	width:						37px;
	display:					block;
	position:					relative;
	float:						right;
	background-position: 		left center;
    background-repeat: 			no-repeat;
	margin:						0px 5%;
	top:						calc(50% - 18.35px);
}

.footer-icon:first-child {
	margin-right:				0;
}

.footer-icon:nth-child(5) {
	margin-left:				0;
}

.footer-icon.map {
	background:					url(images/icon-map.png);
}

.footer-icon.phone {
	background:					url(images/icon-phone.png);
}

.footer-icon.mail {
	background:					url(images/icon-mail.png);
}

.footer-icon.facebook {
	background:					url(images/icon-facebook.png);
}

.footer-icon.lisa {
	background:					url(images/icon-lisa.png);
}

.footer-icon:focus {
    outline: 					none;
}

.icon-info,
.icon-info a {
	display:					none;
	height:						auto;
	position:					absolute;
	background:					#ffffff;
	color:						#444444;
	box-shadow: 				0px 0px 6px rgba(0, 0, 0, 1);
	border-radius:				7px;
	padding:					5px 10px;
	line-height:				30px;
}

.footer-icon.map:hover > .info-map,
.footer-icon.phone:hover > .info-phone,
.footer-icon.mail:hover > .info-mail,
.footer-icon.facebook:hover > .info-facebook,
.footer-icon.map:focus > .info-map,
.footer-icon.phone:focus > .info-phone,
.footer-icon.mail:focus > .info-mail,
.footer-icon.facebook:focus > .info-facebook {
	display:					block;
	width:						auto;
	top:						-70px;
	white-space:				nowrap;
}

.footer-imprint {
	position:					absolute;
	float:						right;
	right:						15px;
	bottom:						10px;
	color:						#171553;
}

.footer-wide-icon {
	float:						left;
	height:						37px;
	width:						37px;
	display:					block;
	position:					relative;
	top:						calc(50% - 18.35px);
}

.footer-lg-phone,
.footer-wide-icon.phone {
	background:					url(images/icon-phone.png) no-repeat;
	background-position: 		left center;
    background-repeat: 			no-repeat;
}

.footer-lg-contact,
.footer-wide-icon.contact {
	background:					url(images/icon-mail.png) no-repeat;
	background-position: 		left center;
    background-repeat: 			no-repeat;
}

.footer-wide-icon.whatsapp {
	background:					url(images/icon-whatsapp.png) no-repeat;
	background-position: 		left center;
    background-repeat: 			no-repeat;
}

.footer-lg-map,
.footer-wide-icon.map {
	background:					url(images/icon-map.png) no-repeat;
	background-position: 		left center;
    background-repeat: 			no-repeat;
}

.footer-lg-imprint,
.footer-wide-icon.imprint {
	background:					url(images/icon-imprint.png) no-repeat;
	background-position: 		left center;
    background-repeat: 			no-repeat;
}

.footer-lg-lisa {
	background:					url(images/icon-lisa.png) no-repeat;
	background-position: 		right center;
    background-repeat: 			no-repeat;
}

@media (min-width: 0px) and (max-width: 415px) {
	.footer-wide-icon.phone {
		margin-left:			5%!important;
	}
	.footer-wide-icon.whatsapp {
		margin-left:			25.5%!important;
	}
	.footer-wide-icon.contact {
		margin-left:			25.5%!important;
	}	
}
/*
@media (min-width: 350px) and (max-width: 600px) {
	.footer-wide-icon.phone {
		margin-left:			6%!important;
	}
	.footer-wide-icon.whatsapp {
		margin-left:			40.5%!important;
	}
	.footer-wide-icon.contact {
		margin-left:			40.5%!important;
	}
	.Bcontact footer {
		height:					40px!important;
	}		
}*/

@media (min-width: 0px) and (max-width: 768px) {
	.footer-wide-icon.phone {
		margin-left:			0%!important;
	}
	.footer-wide-icon.map {
		margin-left:			calc(50% - 65px)!important;
	}
	.footer-wide-icon.contact {
		margin-left:			calc(50% - 65px)!important;
	}		
}

@media (min-width: 767px) and (max-width: 995px) {
	.footer-wide-icon.map {
		margin-left:			1%;
	}
	.footer-wide-icon.phone {
		margin-left:			22%;
	}
	.footer-wide-icon.contact {
		margin-left:			26%;
	}
	.footer-wide-icon.imprint {
		margin-left:			28%;
	}	
}

@media (min-width: 996px) and (max-width: 1299px) {
	.footer-wide-icon.map {
		margin-left:			1%;
	}
	.footer-wide-icon.phone {
		margin-left:			24%;
	}
	.footer-wide-icon.contact {
		margin-left:			28%;
	}
	.Bcontact footer {
		height:					80px!important;
	}		
}

@media (min-width: 992px) and (max-width: 1299px) {
	.footer-wide-icon.imprint {
		margin-left:			13%;
		color:					#171553;
		background:				none!important;
		width:					auto;
		line-height:			35px;
		font-size:				bold;
	}
	.footer-wide-icon.privacy {
		margin-left:			2%;
		color:					#171553;
		background:				none!important;
		width:					auto;
		line-height:			35px;
		font-size:				bold;
	}
}

/* NEWS --------------------------------------------------------------------------- START */

.ac .footer-news-block  {
	color:						#ffffff!important;
	-ms-user-select: 			none;
    -webkit-user-select: 		none;
    -moz-user-select: 			none;
    user-select: 				none;
}

.footer-news-box {
	height:			100px;
	display:		block;
	position:		relative;
	overflow:		hidden;
	margin:			7.5px 0px;
	padding:		0px 30px;
}

.footer-news-box:first-child {
	padding-left:	0px;
	border-right:	1px solid #fff;
}

.footer-news-box img {
	height:			100%;
	border:			1px solid #cccccc;
	padding:		0px;
}

.footer-news-info {
	height:			100%;
	display:		block;
	position:		relative;
	padding-right:	0px;
}

.footer-news-title {
	height:			30px;
	line-height:	30px;
	font-size:		15px;
	font-weight:	bold;
	color:			#ffffff;
	text-align:		left;
	top:			0px;
	display:		block;
	position:		relative;
	overflow:		hidden;
	white-space:	nowrap;
	padding-left:	0px;
}

.footer-news-date {
	height:			30px;
	line-height:	30px;
	top:			0;
	position:		relative;
	display:		block;
	text-align:		right;
	font-size:		10px;
	color:			#ffffff;
	padding:		0px;
}

.footer-news-line {
	height:			1px;
	background-color:#ffffff;
	display:		block;
	position:		relative;
	margin-top:		5px;
}

.footer-news-sentence {
	height:			45px;
	line-height:	12px;
	font-size:		12px;
	color:			#ffffff;
	text-align:		left;
	bottom:			0px;
	display:		block;
	position:		relative;
	overflow:		hidden;
	padding-top:	5px;
	padding-left:	0px;
	padding-right:	0px;
}

.footer-news-more-btn {
	line-height:	20px;
	font-size:		12px;
	right: 			0px;
	display:		block;
	position: 		relative;
	color:			#ffffff;
	text-align:		right;
	padding-right:	0px;
	float:			right;
}

.footer-news-more-btn:hover {
	color:			#e51717;
}

@media (min-width: 992px) and (max-width: 1030px) {
	.footer-icon {
		margin:		0px 4%;
	}	
}

@media (max-width: 992px) {
	.footer-icon {
		margin:		0px 7.5%;
	}	
}

@media (max-width: 425px) {
	.footer-icon {
		margin:		0px 5%;
	}	
}

/* NEWS --------------------------------------------------------------------------- ENDE */

.home-circle {
	width:			20%;
	height:			100%;
	float:			left;
	position:		relative;
	max-height:		150px;
}

.home-circle:nth-child(3) {
	margin-top:		-25px;
}

.home-circle:nth-child(2),
.home-circle:nth-child(4) {
	margin-top:		-15px;
}

.home-circle a {
	width:			150px;
	height:			100%;
	display:		block;
	margin:			0 auto;
	border-radius:	150px;
}

.circle-icon {
	width:			146px;
	height:			146px;
	background:		#ffffff;
	border-radius:	150px;
	display:		block;
	position:		relative;
	border:			2px solid #999999;
	box-shadow:		0px 0px	15px rgba(0,0,0,1);
}

.circle-icon span {
	width:			calc(100% - 14px);
	height:			calc(100% - 14px);
	display:		block;
	position:		relative;
	background-repeat:no-repeat;
	color:			#171553;
	font-weight:	bold;
	text-align:		center;
	border-radius:	150px;
	background-size:contain;
	border:			7px solid rgba(255,255,255,0);
	line-height:	135px;
}

.sports {
	background-image:	url(images/BeSports.png);
	background-color:	#f2f2f2;
	background-position:center;
}

.medical {
	background:		url(images/bemedical.png);
	background-position:center;
	background-color:	#f2f2f2;

}
.tuev {
	background-image:		url(images/body-logo.png);
	background-position:center;
	background-color:	#f2f2f2;
}
.premium {
	background-image:	url(images/vonBehren.png);
	background-color:	#f2f2f2;
	background-position:center;
}
.eco {
	/*background:		url(images/icon-eco.png);*/
	background-position:center;
	background-color:	#f2f2f2;
}

.circle-icon span:hover {
}

.home-circle a:hover > .circle-icon {
	box-shadow:		0px 0px	20px rgba(0,0,0,1);
}

.home-circle a:hover  {
	text-decoration:	none;
}

.themes {
    color: 			#171553;
    display: 		block;
    float: 			left;
    font-size: 		32px;
    height: 		32px;
    letter-spacing: 12px;
    line-height: 	32px;
    margin: 		0 auto;
    position: 		relative;
    text-align: 	center;
    text-transform: uppercase;
    width: 			100%;
}

@media (max-width: 991px) { 
	.home-circle a {
		width:			75px;
	}

	.circle-icon {
		width:			71px;
		height:			71px;
	}
	
	.circle-icon .eco {
		font-size:		1vw;
		line-height:	10px;
		padding-top:	20px;
		hyphens:		auto;
		height:			calc(100% - 34px);
	}
	
	.B100 footer {
		background:					url(images/body-footer-start.png) repeat;
		height:						100px;
		box-shadow:					none;
		background-position:		center;
	}
		
	.home-circle:nth-child(3) {
		margin-top:		-35px;
	}

	.home-circle:nth-child(2),
	.home-circle:nth-child(4) {
		margin-top:		-30px;
	}
	
	.home-circle:nth-child(1),
	.home-circle:nth-child(5) {
		margin-top:		-20px;
	}
}

@media (min-width: 365px) and (max-width: 991px) {	
	.themes {
		font-size: 		20px;
		height: 		20px;
		letter-spacing: 12px;
		line-height: 	20px;
		top:			-10px;
	}
}

@media (max-width: 365px) {	
	.themes {
		font-size: 		20px;
		height: 		20px;
		line-height: 	20px;
		top:			-10px;
		letter-spacing: 0px;

	}
}

@media (max-width: 767px) { 
	.circle-icon .eco {
		font-size:		1.5vw;
		line-height:	15px;
		padding-top:	10px;
		hyphens:		auto;
		height:			calc(100% - 24px);
	}
}

@media (max-width: 500px) { 
	.circle-icon .eco {
		font-size:		2.5vw;
		line-height:	15px;
		padding-top:	10px;
		hyphens:		auto;
		height:			calc(100% - 24px);
	}
}

/* FOOTER ------------------------------------------------------------------------- ENDE */


/* Bootstrap-Standard
@media (min-width: 768px) {
  .container {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .container {
    width: 970px;
  }
}
@media (min-width: 1300px) {
  .container {
    width: 1170px;
  }
}
*/

/* Responsive Anpassung */

@media (max-width: 1480px) {
}

@media (max-width: 1360px) {
}

@media (max-width: 1230px) {
}

@media (max-width: 1040px) {
}

@media (max-width: 950px) {
}

@media (min-width: 1511px) and (max-width: 1620px) {
}

@media (min-width: 921px) and (max-width: 1510px) {
}

@media (min-width: 770px) and (max-width: 920px) {
}

.logo-title {
	max-height:		40px;
	vertical-align: top;
}