.clearer {
    clear: both;
    float: none;
}
/*Grid System*/

.column, .columns {
    float:left;
	margin:0;
	background-color:#E1E2E2;
	min-height:1px;
}
.columnCenter {
	text-align:center;
}
.columnCenter  img {
	margin-left:auto;
	margin-right:auto;
}
.colBanner, .colBannerStart {
	width:100%;
	padding:0;
	margin:0;
	max-height:380px;
	position:relative;

}
.bannerBild {
	max-height:380px;
}
.bannerVorhang {
	position:absolute;
	top:0;
	z-index:3;
	height:200px;
	width:100%;
	background:#FFF;
	opacity: 0.7;
    filter:Alpha(Opacity=70);
	display:none;
}
.bannerText, .startText {
	position:absolute;
	top:0;
	z-index:2;
	color:white;
	font-size:20px;
	text-transform:uppercase;
	line-height:200%;
	margin:120px 0 0 200px;
	transition: all .25s ease-in-out;
	
}

.startText {
	margin-top:50px;
	margin-left:150px;
	margin-right:150px;
	text-transform:none;
	font-weight:inherit;
	font-size:100%;
}
.startText h1, .startText h2, .startText h3 {
	font-family:'Poppins',Verdana, Geneva, sans-serif;
	padding:0;
	background:none;
	color:white;
	text-transform:uppercase;
}
.startText h1 {
	font-size:300%;
}
.startText h2 {
	display:block;
	font-size:180%;
	text-align:right;
}
.colBannerStart {
	width:100%;
	padding:0;
	margin:0;
	/*min-height:300px;*/
}
.invisibleLayer {
	width: 100%;
	height:600px;
	position:absolute;
	top:0;
	z-index:3;
}
.invisibleLayer img {
	width:100%;
	height:100%;
}
.col100 {
  width:100%;
  min-height:160px;
  padding:20px 75px 20px 150px;
  
}
.headline {
  padding: 0;
}
.col3of4 {
  width: 67%;
  padding-right:1%;
}

.col2of3 {
  width: 66%;
  padding-right:1%;
}
.col1of2 {
  width: 50%;
  padding-right:1%;
}
.col2of2 {
  width: 50%;
  padding: 0 0;
}
.col1of3 {
  width: 33%;
}
.col1of4 {
  width: 33%;
  margin:0;
  padding:0;

}
.elements2cols {
  width:100%;
}
/* Grids Ende */
/* Boxes*/
.master {
    margin: 2px auto;
    background: white;
    display: -webkit-box;      
	display: -moz-box;         
	display: -ms-flexbox;      
	display: -webkit-flex;     
	display: flex;  
    -webkit-flex-direction: column ;  
    flex-direction: column ;
    max-width:1000px;
}
header {
    width: 100%;
    background: white;
	margin:10px 0 0;
	-moz-hyphens: none;
    -o-hyphens: none;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
	/*Keine Umbrüche on Navigation*/
	position:relative;

/*		position:absolute;*/
	z-index:555;
}

#mobilNav {
	display:none;
}
#hamburger {
	
    border: 1px solid #B7B7B7;
    border-radius: 3px 3px 3px 3px;
    cursor: pointer;
    display: block;
    height: 29px;
    padding: 3px 4px 3px;
	margin:15px;
    /*ori position: relative;*/
	float:left;
    width: 30px;
	background: #E1E2E2; 
}
/*
The white stripes in the hamburger button
*/
#hamburger:hover {
	background:#585860;
	/*gelb: E1DE3F*/
}
#mobilClose {
	display:none;
}
#hamburger div {
    background-color: #fff;
    border: 1px solid #eee;
    border-radius: 2px 2px 2px 3px;
    height: 2px;
    margin-top: 4px;
	margin-left:1px;
    width: 90%;
}
nav {
	display:block;
    width: 100%;
	float:left;

}
.footernav {
	margin-top:-20px;
	float:right;
	border:none;
}
#mainmenu {
	display:block;
	padding:0 50px;
	/*max-height:30px;*/
}
.content {
    display: flex;
	display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -o-flex;
    display: flex;
    align-items: stretch;
	margin:0;
} 
section {
    width: 100%;
	float:left;
	min-height:400px;
    background: white;
	margin:0;
	font-size:85%;
	line-height:1.7em;
}
.startpage section {
	min-height:10px;
}

aside {
    -webkit-flex-basis: 29%;
    width: 29%;
    background: #F8F8ED;
	margin:0;
}

footer {
	width:100%;
    font-size: 0.8em;
	line-height:1.2em;
	background-color:white;
	padding:0px 0 12px;
	margin:0;
}
.startpage footer {
	position:relative;
	top:190px;
	left:0;
}
footer .adresse {
	margin:0px 0px 0px 0px;
	color:#BB0E1B;
}
#logo {
	width:20%;
	float:left;
	margin:20px 5px 0 50px;
}
#wolle {
	width:700px;
	float:right;
	margin-top:20px;
}
#logo img {
	
}
/* Nav */
ul.menu {
	width:100%;
    display: flex;
	display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -o-flex;
    display: flex;
    list-style-type: none;
	list-style: none;
	margin: 0;
	padding: 0;
	/*flex-direction: row;
	-webkit-flex-direction: row;
	flex-wrap: nowrap;*/
	justify-content: space-around;
}
.footernav ul.menu {
	width: 200px;
	float:right;
}
ul.menu ul.menu {
	background:rgba(255,255,255, 0.85);
	/*opacity: 0.85;*/
    border:none;
    display:none;
    left:0;
    padding:0;
    position:absolute;
    top:100%;
	left:-15px;
    width:auto;
	padding-top:10px;

}
ul.menu li {
	background:none;
	/*border-bottom:8px solid white;*/
	margin:0 2px;
	padding-bottom:0px;
	transition: all .25s ease-in-out;
	text-align:center;
    position:relative;
}
ul.menu li:first-child {
	margin-left:0px;
}
.footernav ul.menu li{
	height: 20px;
}
ul.menu ul.menu li {
	margin:0;
	border: none;
    float:none;
    width:auto;
	opacity:1;
	white-space:nowrap;
}
ul.menu ul.menu li:first-child {

}
ul.menu ul.menu li:last-child {
	

}
ul.menu li a {
	-ms-flex-align:center;
    -ms-flex-pack:center;
    -webkit-align-items:center;
    -webkit-box-align:center;
    -webkit-box-pack:center;
    -webkit-justify-content:center;
    align-items:center;
    color:#585860;
	font-weight:bold;
    justify-content:center;
    padding:0;
    text-decoration:none;
	margin-top:10px;
	padding-right:20px;
	border-right:#585860 2px solid;
}
ul.menu li:last-child a {
	border-right:none;
}
ul.menu li:last-child ul {
	/*left:-90px;*/
}
ul.menu li:last-child ul li {
	/*float:right;*/
}
footer ul.menu li {
	background:none;
	padding-top:2px;
}
footer ul.menu li a {
	margin-top:0px;
}
ul.menu ul.menu a {
	-ms-flex-pack: start;
	-webkit-box-pack: start;
	-webkit-justify-content: flex-start;
	display: block;
	justify-content: flex-start;
	line-height: 140%;
	padding: 5px 15px;
	text-align: left;
	margin-top: 0px;
	/*color:#E1E2E2;*/
	color: #585860;
	border-right: none;
	white-space: nowrap;
}
ul.menu ul.menu a:hover {
	/*color:#FFFFAA;*/
	color: #BB0E1B;
/*	background:#CCC;*/
	background:rgba(200,200,200, 0.60);
	
}
ul.menu a:hover {
	color:#BB0E1B;
}
ul.menu li a.active {
	color:#BB0E1B;
}
ul.menu li a:hover {
	border-bottom:none;
}

ul.menu li:hover, ul.menu li.liactive {
	/*'border-bottom-color: #BB0E1B;*/
}
ul.menu > li:hover > ul {
    display:block;
}
/*@media all and (max-width: 970px) {
	footer {
		margin:0;
	}
	#wolle {
		float:right;
		margin-top:30px;
		width:100%;
	}
}*/
@media all and (max-width: 900px) {
	#mobilNav {
		display:block !important;
	}
	#mainmenu {
		display:none;
		padding:0px;
	}
	.bannerText {
		display:none;
	}
	footer {
		margin:0;
	}
	#wolle {
		float:right;
		margin-top:30px;
		width:100%;
	}

}

@media all and (max-width: 899px) {
	.master {
		max-width:98%;
	}
	header {
		margin:0;
	}
	.bannerText {
		display:none;
	}
	#mobilNav {
		display:block !important;
	}
	#mainmenu {
		display:none;
		padding:0px;
	}
	section {
		min-height:1px;
		font-size:inherit;
		line-height:inherit;
	}
	.startText {
		display:none;
		margin:10px 5px;;
		width:100%;
		font-size:12px;
		font-weight:normal;
	}
	/*.startpage .startText h1 {
		font-size:140%;
		text-align:left;
	}
	.startpage .startText h2 {
		font-size:120%;
		text-align:left;
	}*/
	.startpage footer {
		top:0;
	}
	footer {
		position:static;
	}
	footer .adresse {
		background:white;
		font-size:80%;
		margin:0;
		
	}
	footer, #logo, .adresse,  #wolle , .colBannerStart{
		display:block !important;
		width:100% !important;
		height:auto;
		float: left;
		margin:0;
		padding: 0 1%;
	}
	#logo {
		max-width:250px !important;
		padding:15px;
	}
	.column, .columns {
		float:left;
		margin:0;
		padding: 0 1%;
	}
	
	.col3of4, .col2of3, .col1of2, .col2of2, .col1of3, .col1of4
	 {
	  width: 100%;
	  padding: 0 1%;
	}
	
	ul.menu {
		display:block;
	}
	ul.menu li {
		border:none;
		border-top:1px solid #B7B7B7;
	}
	ul.menu li.liactive {
		background:none;
	}
	ul.menu li, ul.menu ul.menu li {
		float:left;
		width:98%;
		height:auto;
		/*line-height:30px;*/
		margin:0 1%;
		border-top:1px solid #B7B7B7;
	}
	ul.menu li:last-child {
		border-bottom:1px solid #B7B7B7;
	}
	ul.menu li a {
	    -ms-flex-pack:start;
		-webkit-box-pack:start;
		-webkit-justify-content:flex-start;
		display:block;
		justify-content:flex-start;
		line-height:120%;
		padding:5px 15px;
		text-align:left;
		border:none;
	}
	ul.menu li a:hover {
		border-bottom:none;
		background:white;

	}

	ul.menu li:hover {
		background:none;		
	}
	ul.menu ul.menu {
		display:block;
		position:relative;
		top:0;
		left:0;
		padding-left:20px;
	}
	ul.menu a, ul.menu ul.menu a {
		text-transform:inherit;
		color:#585860;
		
	}
	ul.menu.specialFont > li.liactive.showHidePic > ul.menu.specialFont > li.liactive.showHidePic > a.active {
		color: #bb0e1b;
	}
	ul.menu a:hover, ul.menu ul.menu a:hover {
		color:#BB0E1B;
	}
	footer .adresse{
		font-size:1em;
		line-height:2em;
	}
	.footernav {
		width: 100%;
		margin-top:0px;
	}
	.footernav ul.menu {
		width: 100%;
		float:none;
	}
	.footernav ul.menu li {
		float:left;
		width:98%;
		
	}

}
@media all and (max-width: 800px) {
	.bannerText, .startText, .bannerVorhang  {
		visibility:hidden !important;
	}
	section {
		min-height:1px;
	}
}