/* teaserbild styles */

.slider-text {
	position: relative;
	max-width: 1120px;
	margin: 0px auto
}
.teaserbild {
	z-index: 4500;
	position: absolute;
	bottom: 10%;
	left: 0;
	width: 60%;
	background-color: rgba(178, 156, 140, 0.9);
	padding: 1.5em;
	right: 0;
	margin: 0 auto !important;
	border-radius: 0.2em;
}


.bild-text {
	text-align: center;
	color: #ffffff;
	padding: 0.5em;
	position: absolute;
	min-width: 300px;
	max-width: 870px;
	left: 0;
	right: 0;
	margin: 0 auto;
}

a.bild-text-link {
	padding:0.5rem 1rem 0.5rem 1rem;
	cursor:pointer;
	background:#f7a900;
	color:#ffffff;
	text-decoration:none;
}
a.bild-text-link:after {
	font-family:FontAwesome;
	content:"\f101";
	padding-left:0.5em;
}
a.bild-text-link:hover {
	background: #f78000;
	color:#ffffff !important;
	text-decoration:none;
}
p.bild-text-desc {
	font-weight:lighter;
}	



@media (max-width:320px)
{	
	.teaserbild {
		position: initial;
		left: 0;
		width: 100%;
		padding: 1em;
		right: 0;
		margin: 0 auto !important;
		border-radius: 0em;
	}
	
	p.bild-text-heading {
		margin:0.5rem 0rem 0.5rem 0rem;
		font-size:1.3em;
	}
	p.bild-text-desc {
		font-size:1em;
	}	
}

/* up to 576px*/
@media (max-width:575px)
{
	.header_outside, .custom {height:80px !important;}
	
	.teaserbild {
		padding-bottom:150px;
		position: initial;
		left: 0;
		width: 100%;
		padding: 1em;
		right: 0;
		margin: 0 auto !important;
		border-radius: 0em;
	}
	.bild-text {
		top: 3em;
	}
	p.bild-text-heading {
		margin:0.5rem 0rem 0.5rem 0rem;
		font-size: 2em;
		font-weight: 900;
	}
	p.bild-text-desc {
		font-size: 1.25em;
	}
}

@media (min-width:576px) and (max-width:768px)
{
	p.bild-text-heading {
		margin:0.5rem 0rem 0.5rem 0rem;
		font-size: 3em;
		font-weight: 900;
	}
	p.bild-text-desc {
		font-size:1em;
	}	
}

/* from 768px to 991px*/
@media (min-width:768px) and (max-width:991px)
{
	p.bild-text-heading {
		margin:0.5rem 0rem 0.5rem 0rem;
		font-size:3em;
		font-weight: 900;
	}
	p.bild-text-desc {
		font-size:2.25em;
	}	
}

/* from 992px*/
@media screen and (min-width:992px)
{
	p.bild-text-heading {
		margin:0.5rem 0rem 0.5rem 0rem;
		font-size: 5em;
		font-weight: 900;
	}
	p.bild-text-desc {
		font-size: 2.5em;
		font-weight: lighter;
	}
	
}