#div_teaser_text{
	background-color:var(--color-1-100);
}


#teaser_image{
	height:20em;
	background:url(../images/stock/kind_mit_kreide.jpg);
    background-size: cover;
	background-position: center center;
	background-attachment: fixed;
	background-repeat: no-repeat;
}
.teaser_text{
	position:relative;
	
	padding-left:1em;
	font-size:15vh;
	color:var(--font-color-2);
}
.teaser_text span{
	font-family: 'BrandonGrotesqueWeb-Light';
	text-transform: uppercase;
	font-size:55%;
}

.a_mehrinfos{
	background-color:var(--color-3-100);
	color:var(--font-color-2);
	border-radius: 15px;
	padding:0.5em 1em;
	text-transform: uppercase;
}
.a_mehrinfos:hover
,.a_mehrinfos:focus{
	background-color:var(--color-3-50);
	color:var(--font-color-1);
	border-radius: 15px;
	padding:0.5em 1em;
	text-transform: uppercase;
}

h2{
	font-size:280%;
}

#div_gutscheinbestellen_erfolgreich{
	display:none;
}
#form_gutscheinbestellen{
	background-color:var(--color-1-20);
	padding:2em 1em;
	border-radius:15px;	
}


@media handheld, only screen and (max-width: 768px) {
	.teaser_text{
		font-size:10vh;
		border-radius:0 15px 15px 0;
		width:fit-content;
		top:-0.2em;
	}
	#teaser_image{
		display:none;
	}
}