@font-face {
  font-family: 'Andika';
  src: url("andika.woff2");
}

@font-face {
  font-family: 'Cabin Sketch';
  src: url("cabin-sketch.woff2");
}

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



body 
{
font-family: 'Andika';
font-size: 22px;  
}
.clear
{
clear: both;
}



#impressum
{
	background: #fff;
	border-radius: 4px;
	border: 2px solid grey;
	position:fixed;
	bottom:50px;
	padding:10px;
display:none;
left:50%;
right:50%;
margin-left:-160px;;
width:300px;
height:300px;
overflow:auto;

}

#datenschutz{

	overflow:auto;
	background: #fff;
	border-radius: 4px;
	border: 2px solid grey;
	position:fixed;
	bottom:50px;
	display:none;
	padding:10px;
left:50%;
right:50%;
width:320px;
margin-left:-160px;;
height:500px;
z-index:99999;
}


li{
	list-style-type: circle;
}

p
{
padding: 12px 0;
color: #444;
line-height:1.5;
}
h1
{
font-size: 40px;
font-weight: normal;
font-family: 'Cabin Sketch', cursive;
color: #035433;
font-weight: bold;
}
h2
{          
font-size: 32px;
font-weight: normal;
color: #035433;
font-family: 'Cabin Sketch', cursive;
font-weight: bold;
}
h3
{
font-family: 'Cabin Sketch', cursive;	
font-size: 24px;
font-weight: normal;
color: #035433;
}
a
{
color: #035433;
text-decoration: none;
}
a:hover
{
color: #a33;
text-decoration: underline;
}

#header
{
position: fixed;
top: 0;
right: 0;
left: 0;
z-index: 20;
padding: 20px 10px;
background: #035433;
font-size: 2.8vmax;
color: #fff;     
text-align: center;
border-bottom: 2px solid #0044;
font-family: 'Cabin Sketch';
    text-shadow:  1px  1px 1px black,
                  1px -1px 1px black,
                 -1px  1px 1px black,
                 -1px -1px 1px black;
font-weight: bold;
transition: 0.5s all;
}
#header.small
{
padding: 5px 10px;
font-size: 32px;
transition: 0.5s all;
}
	#header a
	{
	color: #fff;
	text-decoration: none;
	}
	#header a:hover
	{
	color: #fff;
	text-decoration: none;
	}
	#headerspacer
	{
	height:100px;
	}
	
	#galerieheader{	margin: 0 auto; max-width:1500px;}
	
#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;  
 
	max-width: 1200px;
    column-count: 2;
    column-width: 550px;
	}
       .textinhalt
       {
       }
       #content ul, #content ol
       {
       margin-left: 20px;
       }
	   
#untercontent
{
background: #fff;
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%;}
}
	
#footer
{
	position:fixed;
	bottom:0px; left:0px; right:0px;
border-top: 2px solid #0044;
background: #035433;  
color: #fff;
margin: 0 auto;
width:100%;
}
	#infooter
	{
text-align:center;
padding: 10px;  

	}
	#footer a
	{
	color: #fff;
	text-decoration: none;
	}
	#footer a:hover
	{
	color: #6666ff;
	text-decoration: underline;
	}
#toplink
{
position: fixed;
bottom:70px;
right: 20px;
background: #ccc;
border-radius: 4px;
opacity: 0;
display: inline-block;
font-size: 30px;
color: #fff;
padding: 10px;
width: 15px;
height: 20px;
overflow: hidden;
text-align: center;
transition: 0.3s all;
pointer-events: none;
cursor: pointer;
}
#toplink:hover
{
opacity: 0;
transition: 0.3s all;
}
#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;
}