/*
background: #fff
rot: #e3000b
dunkelgrau: #5c5c5c
mittelgrau: #8d8d8d
hellgrau: #c2c2c2
hellhellgrau: #f4f4f4
*/
  
	
/*
--------------------------------------------
   *** BODY & TEXT ***
--------------------------------------------
*/

/* forms */
.tx-powermail input::-moz-placeholder,
.tx-powermail textarea::-moz-placeholder {
	color: #000 !important;
}
.tx-powermail input:-moz-placeholder,
.tx-powermail textarea:-moz-placeholder {
	color: #000 !important;
}
.tx-powermail input::-webkit-input-placeholder,
.tx-powermail textarea::-webkit-input-placeholder {
	color: #000 !important;
}  
.tx-powermail input:-ms-input-placeholder,
.tx-powermail textarea:-ms-input-placeholder {  
	color: #000 !important;
}

/*
--------------------------------------------
   *** SET ***
--------------------------------------------
*/

header {
	font-size: 90%;
}	
.banner {
	padding: 46vw 0 0 0;
}
main .container {
	padding-top: 0;
	padding-bottom: 20px;
}
article,
aside {
	display: block;
	float: none;
	height: auto;
	min-height: auto;
	width: 100%;
	overflow: show;
}
article {
	padding-top: 2em;
}
footer {
	position: relative;
}


/*
--------------------------------------------
   *** NAVIGATION COLLAPSE ***
--------------------------------------------
*/	

/* navigation collapse */	
.mainnavi .collapse {
  display: none;
}


	
/* button navbar */
.mainnavi button {
	display: block;
	position: absolute;
	border: 0;	
	width: 100%;
	height: auto;
	background: #fff5f7;	
  cursor: pointer;
  padding: 6px 0 4px 0;
  z-index: 20;
}	

.mainnavi button .icon-bar {
 	display: block;
  width: 2.6em;
  height: 0.3em;
  margin: 0.4em auto;
  background-color: #666;
}

.mainnavi button:hover .icon-bar {
	opacity: 0.6;
}
nav .mainnavi  {
	height: 3em;
	padding: 0;
}





/* mainnavi */
.mainnavi .nav-collapse ul.sf-menu {
	position: absolute;
	display: block;
	width: 100%;
	height: auto !important;	
	margin-top: 2em;
	margin-left: 0;	
	padding-left: 0;
	list-style: none;
	background: #fff5f7;
	border-radius: 0;
  z-index: 40;
}	
.mainnavi .nav-collapse ul.sf-menu li {
	display: block;
	float: none;
	list-style: none;
	width:  calc(100% + 1.5em);
	height: auto !important;
	padding: 0;
	border-top: 1px solid #b2283e;
}
.mainnavi .nav-collapse ul.sf-menu li a {
	padding: 0.5em 0 0.5em 2em;
}



/* subnavi 1 */
.mainnavi .nav-collapse ul.sf-menu ul {
  	position: relative;
  	left: 0;
    width: 100%;  
    margin-left: 0;
    padding: 0.4em 0 0.6em 0;
    background-color: #fff5f7;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    border-radius: 0;
	}
.mainnavi .nav-collapse ul.sf-menu li li {
	float: none;
	width: 100% !important; 
  background-color: transparent;
  border-top: 1px dotted #b2283e;
}
.mainnavi .nav-collapse ul.sf-menu li li a {
	  padding: 0.4em 0 0.6em 2.2em;
	}



/*
--------------------------------------------
   *** DEVICES ***
--------------------------------------------
*/	


@media (max-width: 800px) {
	header .fixed-header {
		position: absolute;
		top: 0;
		width: 100%;
		height: auto;
	}
	header .container {
		display: block;
	}
	.logo-container {
		position: relative;
		display: block;
		width: 100%;
		height: 80px;
		padding-bottom: 0;
		padding-top: -2em;
	}
	.logo img {
		max-height: auto;
		width: 200px;
	}
	.tools-container {
		position: relative;
		top: 0;
		left: 0;
		display: block;
		width: 100%;
	}
	.tools,
	.language {
		position: relative;
		display: inline-block;
		right: auto;
		left: 0;
		z-index: 100;
	}
	.language {
		margin-right: 4em;		
	}				
	.claim-container {
		position: absolute;
		top: -110px;
		left: 240px;
		display: inline-block;
		width: auto;
	}
	.claim {
		font-size: 96%;
		line-height: 1.5em;
	}
	.searchbox {
		position: absolute;
		top: -50px;
		right: 2em;
		width: auto;
		min-width: auto;
		display: inline-block;
	}
}

@media (max-width: 640px) {
	h5 {
		margin-bottom: 0.5em;
	}
	.claim {
		display: none !important;
	}
	article .homecontainer .ce-right.ce-intext .ce-gallery {
		display: none !important;
	}
	article .homecontainer .ce-left.ce-below .ce-gallery {
		display: block !important;
		width: 100%;
		background: #f8f8f8;
		border-radius: 6px;
		padding: 1.5em 25px 0 25px;
		margin: 0 !important;
	}
	article .homecontainer .ce-left.ce-below .ce-media {
		float: left;
		width: 30%;
		max-width: 150px;
		margin-right: 1em;
	}
	article .homecontainer .ce-left.ce-below .ce-row .ce-column:last-child .ce-media {
		margin-right: 0;
	}
	footer {
		padding-top: 12px;
	}
}
	
@media (max-width: 520px){
	article .homecontainer .ce-left.ce-below .ce-media {
		float: none;
		width: 100%;
		margin-right: 0;
		margin-bottom: 1em;
	}
	.searchbox {
		top: -90px;
		right: 2em;
		z-index: 999;
	}
	.logo-container {
		height: 60px;
	}
	.top {
		display: none;
	}
	
}

@media (max-width: 460px) {
	.container {
		padding: 0 1em;
	}
	.language {
		margin-right: 3em;		
	}	
	.impressum {
		display: none;
	}
}


@media (max-width: 360px) {
	.language {
		margin-right: 0;		
	}	

}