:root {
    --primary: #041c2c;
    --secondary: #00b373;
	--third: #1b3840;
    --on-primary: #fafafa;
    --on-secondary: #000504;
}

/* teaserbild styles */
* {
	transition: all;
}
.tagline {
    width: 100%;
}
.slider-bg {
    display: flex;
    align-items: center;
    justify-content: center;
}
.slider-text {
	position: absolute;
}
.teaserbild {
	max-width:700px;
}
a.button-green {
    background: var(--secondary);
    color: #ffffff !important;
    padding: 1em 2em;
    margin: 0;
    border-radius: 2px;
	transition: all 0.5s ease-out;
}
.bild-text a.button-green {
    background: var(--secondary);
    color: #ffffff !important;
    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:'\2139';
	margin-right: 7px;
}
a.bild-text-link-partner::before {
	font: 100%/1 "RockSolid Icons";
	content:'\e139';
	margin-right: 7px;
}
a.bild-text-link-kaufen::before {
	font: 100%/1 "RockSolid Icons";
	content:'\e039';
	margin-right: 7px;
}
h1.bild-text-heading,
p.bild-text-heading {
    color: #ffffff;
    margin: 0;
	text-shadow: 1px 1px #000000;
}
p.bild-text-subline {
    color: #ffffff;
}
p.bild-text-desc {
    color: #ffffff;
    margin: 2em 0;
    font-weight: 600;
	max-width: 60ch;
    margin: 2em auto 3em auto;
}

.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;
	}
	.slider-bg {
		height: auto;
	}
	.header_outside, .custom {
		height:80px !important;
	}

	.mod_rocksolid_slider {
		height: 33vh;
		min-height:400px;
		max-height:800px;
	}
	.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)
{
	header.page-header {
		height: 75px;
	}
	.slider-bg {
		overflow: hidden;
		display: flex;
		align-items: center;
		justify-content: center;
		height:33vh;
	}
	.mod_rocksolid_slider {
		height: 33vh;
		min-height:400px;
		max-height:800px;
	}
	.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)
{
	
	.slider-bg {
		overflow: hidden;
		display: flex;
		align-items: center;
		justify-content: center;
		height: 37.5vh;
	}
	.mod_rocksolid_slider {
		height: 50vh;
		min-height:400px;
		max-height:800px;
	}
	.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)
{
	.slider-bg {
		overflow: hidden;
		display: flex;
		align-items: center;
		justify-content: center;
		height: 37.5vh;
	}
	.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: 992px)
{
	.slider-bg {
		overflow: hidden;
		display: flex;
		align-items: center;
		justify-content: center;
		height:720px;
	}
	.mod_rocksolid_slider {
		height: 50vh;
	}
	.teaserbild {

	}
	p.bild-text-heading {
		font-size: 3.25em;
	}
	p.bild-text-desc {
		font-size:1em;
	}
	.bild-text h1 {
		font-size: 2.66em;
		margin: 0.67em 0;
	}
}