@font-face {
  font-family: 'Baloo Thambi 2';
  src: url("baloo-thambi-2.woff2");
}

@font-face {
  font-family: 'Lobster Two';
  src: url("lobster-two.woff2");
}

*
{
margin: 0;
padding: 0;
border: none;
outline: none;
}



body 
{
font-family: 'Baloo Thambi 2', cursive;
font-size: 18px;  
}
.clear
{
clear: both;
}





#datenschutz, #impressum{

	overflow:auto;
	background-image: url("hintergrund.jpg");		
	color:#fff;
	border-radius: 12px;
	border: 1px solid  #550000;
	position:fixed;
	bottom:50px;
	display:none;
	padding:10px;
left:50%;
right:50%;
top:70px;
width:50%;
margin-left:-25%;
height:75%;
z-index:100006;
}






#schliessen{
		position:fixed;
		right:26%;
		top:80px;;
		z-index:100007;
		cursor:pointer;
		font-size:40px;
}


@media (max-width: 1000px)
{
#datenschutz, #impressum{width:75%;margin-left:-37.5%;}
#schliessen{right:13.5%;}
}


@media (max-width: 500px)
{  
#datenschutz, #impressum{
width:90%;
margin-left:-50%;
}
}

#finster{
	position:fixed;
	left:0px; top:0px;
	right:0px; bottom:0px;
	z-index:100005;
	background:rgba(97, 152, 97, 0.85);
	visibility:hidden;
}





li{
	list-style-type: circle;
}

p
{
padding: 12px 0;
color: #000;
line-height:1.5;
}
h1
{
font-size: 40px;
font-weight: normal;
font-family: 'Lobster Two';
color: #00954a;
font-weight: bold;
}
h2
{          
font-size: 32px;
font-weight: normal;
color: #00954a;
font-family: 'Lobster Two';
font-weight: bold;
}
h3
{
font-family: 'Lobster Two';
font-size: 24px;
font-weight: normal;
color: #00954a;
}
a
{
color: #00954a;
text-decoration: none;
transition: 4s all;
}
a:hover
{
color: #000;
text-decoration: none;
transform: scale(1.7);
}



#header
{
	font-family: 'Lobster Two';
position: fixed;
top: 0;
right: 0;
left: 0;
z-index: 1000;
padding: 20px 10px;
font-size: 3.58vmax;
    color: #00954a;
background: transparent;
text-align: center;
border-bottom: 0px solid #0044;
    text-shadow:  1px  1px 1px white,
                  1px -1px 1px white,
                 -1px  1px 1px white,
                 -1px -1px 1px white;
font-weight: normal;
transition: 0.5s all;
}
#header.small
{
padding: 5px 10px;
font-size: 32px;
transition: 1.5s all;
border-bottom: 1px solid #0044;
background: #00954a;
color: #fff; 
    text-shadow:  1px  1px 1px black,
                  1px -1px 1px black,
                 -1px  1px 1px black,
                 -1px -1px 1px black;
}
	#header a
	{
	color: #fff;
	text-decoration: none;
	}
	#header a:hover
	{
	color: #fff;
	text-decoration: none;
	}
	#headerspacer
	{
	height:150px;
	}
	
	#galerieheader{	margin: 0 auto; max-width:1500px; text-align:center;}
	
#content
{
	background-image: url("hintergrund.jpg");
	background-attachment: fixed;
	border-top: 1px solid #444;
	border-bottom: 1px solid #444;
line-height: 1.25;
}
	#incontent
	{
	margin: 0 auto;  
	padding: 10px;
		width:100%;
 	max-width: 1200px;

	}
       .textinhalt
       {
       }
       #content ul, #content ol
       {
       margin-left: 20px;
	   color: #000;
       }
	   
#untercontent
{
background: url("haenel-luftbild.jpg");
background-attachment: fixed;
background-size:cover;
width:100%; 
}
	 
#kalender {
	width:90%;
	height:500px;
}

	 
#untercontent2
{
background: #fff;
  display: grid;
  grid-template-columns: 2% 55% 40%;
  grid-gap: 5px; 
}
	#inuntercontent
	{
	#untercontent2{grid-template-columns: 5% 55% 40%;}

	}
	
	
	@media screen and (max-width: 1300px) {
	#kalender {	height:360px;}
	}
	
@media screen and (max-width: 900px) {
	#kalender {	height:460px;}
	#untercontent2{grid-template-columns: 100%;}
}
	
	
	
	
#abstand {
	height:120px;
}

#footer
{
	position:relative;
	width:100%;
border-top: 1px solid #0044;
background: #00954a;  
color: #fff;
margin: 0 auto;
width:100%;
}
	#infooter
	{
text-align:center;
padding: 10px;  

	}
	#footer a
	{
	color: #fff;
	text-decoration: none;
	}
	#footer a:hover
	{
	color: #d8eab2;
	text-decoration: underline;
	}
#toplink
{
position: fixed;
bottom:70px;
right: 20px;
background: #00954a;
color: #fff;
border-radius: 4px;
opacity: 0;
display: inline-block;
font-size: 30px;

padding: 10px;
width: 15px;
height: 20px;
overflow: hidden;
text-align: center;
transition: 0.3s all;
pointer-events: none;
cursor: pointer;
}
#toplink:hover
{
opacity: 0;
color: #00954a;
background: #fff;
transition: 0.3s all;
border:1px #000 solid;
}
#toplink.seh
{
opacity: 0.7;
pointer-events: all;
}
#toplink.seh:hover
{
opacity: 0.7;
}
@media (max-width: 880px)
{
iframe[name="ferienwohnungholzhau"]
{
height: 1000px;
}
}

input[name="warenkorbbutton"]
{
margin: 4px 0;
display: inline-block;
padding: 5px 10px;
border: 1px solid #1B334B;
background: #1B334B;
color: #fff;
font-size: 16px; 
border-radius: 4px;
cursor: pointer;
transition: 0.5s all;
}
input[name="warenkorbbutton"]:hover
{
background: #245687;
transition: 0.5s all;
}