/* teaserbild styles */
* {
	transition: all;
}
.tagline {
    width: 100%;
}
.slider-bg {
    display: flex;
    align-items: center;
    justify-content: center;
}
.slider-text {
	position: absolute;
}
.teaserbild {
	max-width:666px;
}
a.button-green {
    background: #4ec1ae;
    color: #ffffff;
    padding: 1em 2em;
    margin: 1em;
    border-radius: 2px;
	transition: all 0.5s ease-out;
}
a.button-green:hover {
	background:#41a18b;
	text-decoration:none;
}
a.bild-text-link-info::before {
	font: 100%/1 "RockSolid Icons";
	content:'\e009';
	margin-right: 7px;
}
a.bild-text-link-kaufen::before {
	font: 100%/1 "RockSolid Icons";
	content:'\e039';
	margin-right: 7px;
}

p.bild-text-heading {
	margin: 0.5rem 0rem 0.5rem 0rem;
	font-size: 2.75em;
	color: #ffffff;
	text-shadow: 1px 1px #000000;
}
p.bild-text-subline {
    color: #ffffff;
}

.bild-text {
	color: #000000;
	text-align: center;
	
}
a.bild-text-link, a.btn {
	cursor:pointer;
	text-decoration:none;
}

a.bild-text-link:hover {
  background: #27b563;
  color:#ffffff !important;
  text-decoration:none;
  padding: 0.5em 1em;
}




@media (max-width:320px)
{
	.header_outside, .custom {
		height:80px !important;
	}

	.mod_rocksolid_slider {
		height: 33vh;
		min-height:400px;
		max-height:800px;
	}
	.teaserbild {

	}
	@media (max-height:750px)
	{
		.teaserbild {

		}
		
	}
	p.bild-text-heading {
		font-size: 1.5em;
		margin-bottom: 1.25em;
	}
	p.bild-text-desc {
		font-size:0.85em;
	}
	a.button-green {
		margin:0.25em;
		padding: 1.25em;
	}
}

/* up to 576px*/
@media (max-width:599px) {
	
	.tagline {
		overflow: hidden;
		margin-top: 75px;
	}
	.slider-bg {
		height: auto;
	}
	.header_outside, .custom {
		height:80px !important;
	}

	.mod_rocksolid_slider {
		height: 33vh;
		min-height:400px;
		max-height:800px;
	}
	.teaserbild {

	}
	@media (max-height:750px)
	{
		.teaserbild {

		}
		
	}
	p.bild-text-heading {
		font-size: 1.5em;
		margin-bottom: 1.25em;
	}
	p.bild-text-desc {
		font-size:0.85em;
	}
	a.button-green {
		margin:0.25em;
		padding: 1.25em;
	}
}
/* up to 576px*/

@media (min-width:577px) and (max-width:767px)
{
	.mod_rocksolid_slider {
		height: 33vh;
		min-height:400px;
		max-height:800px;
	}
	.teaserbild {

	}
	@media (max-height:750px)
	{
		.teaserbild {

		}
		
	}
	p.bild-text-heading {
		font-size: 1.5em;
		margin-bottom: 0.75em;
	}
	p.bild-text-desc {
		font-size:1em;
	}
}

/* from 768px to 991px*/
@media (min-width:768px) and (max-width:991px)
{
	.mod_rocksolid_slider {
		height: 50vh;
		min-height:400px;
		max-height:800px;
	}
	.teaserbild {

	}
	@media (max-height:750px)
	{
		.teaserbild {

		}
		
	}
	p.bild-text-heading {
		font-size: 2em;
		margin-bottom: 0.75em;
	}
	p.bild-text-desc {
		font-size:1em;
	}
}


/* from 992px to 1440px*/
@media (min-width:992px) and (max-width:1440px)
{
	.mod_rocksolid_slider {
		height: 10vh;
		min-height:600px;
		max-height:800px;
	}
	.teaserbild {

	}
	@media (max-height:750px) {
		.teaserbild {
		}
	}
	p.bild-text-heading {
		font-size: 2.75em;
		margin-bottom: 0.75em;
	}
	p.bild-text-desc {
		font-size:1em;
	}
}

@media (min-width: 1441px)
{
	.slider-bg {
		overflow: hidden;
		display: flex;
		align-items: center;
		justify-content: center;
		height:720px;
	}
	.mod_rocksolid_slider {
		height: 50vh;
	}
	.teaserbild {

	}
	p.bild-text-heading {
		margin: 0.5rem 0rem 0.5rem 0rem;
		font-size: 3.25em;
		color: #ffffff;
		text-shadow: 2px 0px #000000;
		margin-bottom: 0.75em
	}
	p.bild-text-desc {
		font-size:1em;
	}
}