.main-columns {
	clear: both;
	
	margin-top: -30px;
	margin-bottom: 50px;
}



.users_footer {
    margin: 0;
    padding: 30px 0;
    clear: both;
    background-color: #D3D3D3;
}

footer{
	padding: 40px 24px 50px;
	background: #D3D3D3;
	a{
		color: inherit !important;
	}
}

.social-links {
    text-align: center;
    padding: 30px 10px;
    margin: 0;
}




.js-copyright {
    position: fixed;
    bottom: 10px;
    right: 3px;
    width: 8px;
    height: 130px;
    z-index: 20;
    display: none;
}


div[itemprop=articleBody] .chronoforms6_credits{
    clear: both;
    display: none;
}



blockquote p {
	margin-bottom: 0;
	font-size: 110%;
	font-weight: 300;
	line-height: 1.4;
	border-left: 5px solid #800000;
	padding-left: 10px;
}

blockquote h2 {
	margin-bottom: 0;
	font-size: 110%;
	font-weight: 300;
	line-height: 1.4;
	border-left: 5px solid #800000;
	padding-left: 10px;
}

.bgWhite{
	background: #ffffff;
	color: #3d3d3d;
	padding: 30px 60px;
	h1,
	h2,
	a{
		
	}
}
@media (max-width: 979px){
	.bgWhite{
		padding: 30px 10px;
		.content-module{
			max-width: unset !important;
		}
	}
}


body{
	min-width: 320px;
	font-size: 1em;
}
#website-header{
	z-index: 30;
	
  background-color: #f4f4f4;

  
	padding: 10px 60px;
	box-shadow: none;
	border: none;
	transition: .5s;
	&.scrolled{
		
	}
	+ .website-content{
		padding-top: 120px;
	}
	.wrapper-website{
		margin: 0;
		width: 100%;
		display: flex;
		justify-content: space-between;
		.logo-module{
			margin: 0;
			padding: 0;
			background: transparent;
			a{ 
				overflow: hidden;
				display: block;
				img{
					margin: -5px 0 -5px;
					height: 131px;
                  width:320px;
				}
			}
		}
		.drop-down{
			margin: 0;
			width: 100%;
			text-align: right;
		}
	}
}

.image-text-column a {
  border: none;
  }
  
@media (max-width: 1200px) {
	#website-header .wrapper-website .drop-down a{
		line-height: 40px;
	}
}
@media (max-width: 979px) {
	#website-header{
		position: fixed;
		&.scrolled{
		}
		+ .website-content{
		}
		.wrapper-website{
			.logo-module{
				margin-top: 10px;
				a{ 
					img{
						margin-top: -24px;
					}
				}
			}
			#js_navigation.drop-down{
				padding: 10px 0 0 0;
				span.title_menu{
					display: block;
					a{
						padding: 0;
						height: 70px;
						border-top: 20px solid transparent;
						.icon-main-menu{
							display: block;
							width: 50px;
							height: 2px;
							margin: 0;
							float: right;
							background: #808080;
							&:before,
							&:after{
								content: '';
								display: block;
								width: 50px;
								height: 2px;
								background: #808080;
								position: relative;
								top: 12px;
							}
							&:after{
								top: 22px;
							}
						}
						.text-icon-menu{
						}
					}
					&.fixed{
						position: static;
						padding: 0;
						box-shadow: none;
						background: none;
					}
				}
				> .module{
					position: fixed;
					transition: .3s;
					width: 100%;
					ul{
						top: 10px;
						padding-bottom: 20px;
						border-bottom: 60px solid #808080;
						display: block !important;
						transition: .3s;
						left: 100%;
						li{
							margin-top: 0;
						}
					}
				}
				&.fifabOpenMenu{
					> .module{
						left: 0;
						ul{
							left: 0;
						}
					}
				}
			}
		}
	}
}
@media (max-width: 440px) {
	#website-header{
		padding: 10px;
	}
}

.image-position.with-text-before{
	display: flex;
	min-height: 800px;
	background: #808080;
	.image-text-before{
		width: 30vw;
		z-index: 10;
		white-space: nowrap;
		display: flex;
		flex-direction: column;
		justify-content: space-around;
		padding-left: 15vw;

		hr{
			border-width: 4px;
			border-radius: 2px;
			border-color: #ffffff;
			margin-left: 0.25vw;
			width: 10vw;
		}
		+ .moduletable{
			width: 70vw;
			.flexslider{
				min-height: 800px;
				.jslider-image{
					min-height: 800px;
				}
			}
		}
	}
}
@media (max-width: 979px) {
	.image-position.with-text-before{
		flex-direction: column-reverse;
		min-height: unset;
		.image-text-before{
			width: 100%;
			white-space: wrap;
			padding: 40px;
			hr{
				border-width: 2px;
				width: 30vw;
			}
			+ .moduletable{
				width: 100%;
				.flexslider{
					min-height: unset;
					.jslider-image{
						min-height: unset;
					}
				}
			}
		}
	}
}


@media screen and (min-width: 9999px){

	#website-header{
		background-color: #f2f2f2;
		background-image: url(../../../images/headers/header.jpg);
		background-size: cover;
		background-position: center;
		border-width: 0;
	}
	#website-header .wrapper-website:after{
		position: absolute;
		display: block;
		top: 120px;
		right: 10px;
		content: 'Die Küchenprofis aus der Ortenau';
		color: #ffffff;
		font-size: 2.5rem;
		font-weight: bold;
		text-shadow: 6px 0 0 #025099, 0 0 30px #000000, 0 0 30px #000000;
		letter-spacing: -2px;
	}

	#website-header .logo-module{
		
		margin: 30px;
		box-shadow: 0 0 50px #f2f2f2, 0 0 50px #f2f2f2, 0 0 50px #f2f2f2, 0 0 50px #f2f2f2, 0 0 50px #f2f2f2, 0 0 50px #f2f2f2, 0 0 50px #f2f2f2, 0 0 50px #f2f2f2, 0 0 50px #f2f2f2, 0 0 50px #f2f2f2;
		border-radius: 5px;
		padding: 0 0 0 10px;
		display: inline-block;
		float: none;
	}
	#js_navigation{
		text-align: center;
		background-color: #f2f2f2;
	}
	#js_navigation .nav a,
	#js_navigation .nav span{
		margin-top: 3px;
		font-weight: bold;
		line-height: 40px;
		border-top: 3px solid transparent;
	}
	
	@media all and (max-width: 1099px){
		#website-header .wrapper-website:after{
			font-size: 2rem;
			text-shadow: 4px 0 0 #025099, 0 0 30px #000000, 0 0 30px #000000;
		}
	}
	@media all and (max-width: 979px){
		#website-header .wrapper-website:after{
			top: 200px;
			left: 10px;
			right: 10px;
			text-align: center;
			z-index: 30;
		}
		#website-header .logo-module{
			left: 50%;
			transform: translateX(-50%);
			margin-bottom: 80px;
		}
		#js_navigation ul{
			padding-bottom: 0;
		}
		#js_navigation li{
			margin: 0;
			padding: 0;
		}
		#js_navigation .nav a,
		#js_navigation .nav span{
			line-height: 20px;
		}
	}
	@media all and (max-width: 589px){
		#website-header .wrapper-website:after{
			font-size: 1.5rem;
		}
	}
	@media all and (max-width: 429px){
		#website-header .logo-module{
			margin-bottom: 100px;
		}
		#website-header .wrapper-website:after{
			top: 170px;
			line-height: 2rem;
		}
	}
}