﻿/* PARALLAX TEASER */
#main .teaser-image-parallax {
	display:inline-block;
	width:100%;
	margin-top:30px;
	padding:100px;
	background-position:50% 50%;
	background-size:cover;
	color:#FFF;
	position:relative;
	text-align:right;
}
#main .teaser-image-parallax::before {
	content:"";
	position:absolute;
	left:0;
	top:0;
	z-index:-10;
	width:100%;
	height:100%;
	background: url(../Images/overlay.png) 50% 50% repeat;
}
	#main .teaser-content-parallax {
		display:inline-block;
		width:40%;
		text-align:left;
	}
		#main .teaser-image-parallax span,#main .teaser-image-parallax p {
			display:block;
		}
		#main .teaser-image-parallax span {
			font-family:"Fjalla One", sans-serif;
			font-weight:400;
			line-height:46px;
			font-size:40px;
		}
		#main .teaser-image-parallax a,#main .teaser-image-parallax a:link,#main .teaser-image-parallax a:hover,#main .teaser-image-parallax a:active,#main .teaser-image-parallax a:visited,#main .teaser-image-parallax a:focus {
			display:inline-block;
			padding:0 15px;
			line-height:40px;
			color:#FFF;
			border:1px solid #FFF;
			text-decoration:none;
		}
/* ############### */


/* TIPPS */
#main .tipps-wrap {
	display:inline-block;
	width:100%;
	margin-top:5px;
	background:#F6F1EE;
	text-align:center;
	padding:40px;
}
	#main .tipps-wrap span.title {
		display:block;
		font-weight:400;
		color:#BEA596;
		font-family:"Fjalla One", sans-serif;
		text-align:center;
		line-height:46px;
		font-size:40px;
		padding-bottom:15px;
		margin-bottom:30px;
		background:url(../Images/tipps.png) 50% bottom no-repeat;
	}
	#main .tipps-wrap .tipps-inner {
		display:flex;
		justify-content:space-between;
		align-items:stretch;
	}
		#main .tipps-inner > div {
			width:48%;
			background:#F2E5DD url(../Images/m.png) left 50% no-repeat;
			padding:5px 10px 5px 120px;
		}
			#main .tipps-inner p {
				margin:0;
				font-size:16px;
			}
				#main .tipps-inner p a,#main .tipps-inner p a:link,#main .tipps-inner p a:hover,#main .tipps-inner p a:active,#main .tipps-inner p a:visited,#main .tipps-inner p a:focus {
					/*display:block;
					text-align:center;
					background:#DBC6B9;
					padding:24px;*/
					color:#4B4F60;
					/*text-decoration:none;
					font-size:22px;
					position:relative;*/
				}
				/*#main .tipps-inner p a::after {
					content:'hier klicken';
					font-size:14px;
					color:#BEA596;
					line-height:20px;
					position:absolute;
					right:5px;
					bottom:0;
					z-index:1;
				}*/
/* ##### */


/* ###################################################################################################### */
/* ###################################################################################################### */
/* ###################################################################################################### */
/* ###################################################################################################### */
/* ###################################################################################################### */
/* responsive Seetings */


@media only screen and (max-width: 1000px) {


/* PARALLAX TEASER */
#main .teaser-image-parallax {
	text-align:left;
	padding:5%;
}
	#main .teaser-content-parallax {
		display:block;
		width:100%;
	}
/* ############### */


/* TIPPS */
#main .tipps-wrap {
	margin:5px auto 0 auto;
	padding:40px 5%;
}
	#main .tipps-wrap .tipps-inner {
		display:block;
	}
		#main .tipps-inner > div {
			width:100%;
			margin:2% 0;
			padding:10px 10px 10px 120px;
		}
/* ##### */


}


@media only screen and (max-width: 800px) {
}


@media only screen and (max-width: 600px) {
}


@media only screen and (max-width: 400px) {
}