/* CSS Document */

body{
	font-family: 'Open Sans', sans-serif;
	color:#000;
	font-size:15px;
	line-height:25px;
	padding:0px;
	margin:0px;}

.center{
	max-width:1170px;
	margin:auto;
	width:100%;
	clear:both;
	text-align:center;
	box-sizing:border-box;
	}
@media screen and (max-width: 1170px){
	.center{
		padding:0px 2%0px 2%;
	}
	
	
}
#sektion1{
	background-color:#e6e0d4;
	padding-top:15px;
	padding-bottom:30px;
	width:100%;
	float:left;
	clear:both;
	}
	
#sektion2{
	padding-top:15px;
	padding-bottom:30px;
	background-color:#f5f2ec;
	float:left;
	width:100%;
	clear:both;
	}
	
#sektion3{
	float:left;
	width:100%;
	padding-top:15px;
	padding-bottom:30px;
	width:100%;
	float:left;
	clear:both;
	}


.standard #sektion3 .center{
	max-width:950px;}
	
	
#sektion4{
	float:left;
	width:100%;
	padding-top:45px;
	padding-bottom:50px;
	width:100%;
	float:left;
	clear:both;
	background-color:#e8e6e3;
	}
	

a{
	color:#bd9a4d;
	text-decoration:none;}
img{
	max-width:100%;
	}

h1{
	font-family: 'Open Sans', sans-serif;
	text-align:center;
	font-size: 36px;
	color: #bd9a4d;
	line-height:42px;
	font-weight:bold;
	-webkit-hyphens:none;
	-moz-hyphens:none;
	hyphens:none;}

h2{
	font-family: 'Open Sans', sans-serif;
	text-align:center;
	font-size: 36px;
	line-height:42px;
	color: #4a4a49;
	font-weight:bold;	}
	
h3{
	font-family: 'Open Sans', sans-serif;
	text-align:center;
	font-size: 36px;
	line-height:42px;
	color: #bd9a4d;
	font-weight:bold;
}


@media screen and (max-width: 600px){


h1,h2,h3{
	font-size:28px;}	
	}



#top{
	clear:both;
	width:100%;
	float:left;
	padding-top:10px;}

#top .logo{
	clear:both;
	float:left;
	width:20%;
	box-sizing:border-box;
	max-width:226px;}
	
#top .toprechts{
	float:right;
	width:80%;
	text-align:right;
	padding-top:10px;}
	




.grad360{
	font-size:14px;
	font-weight:bold;
	color:#b79138;
	background-image:url(https://hotelresort-klopeinersee.at/360/360_grad.png);
	background-position:left;
	background-repeat:no-repeat;
	padding-left:60px;
	margin-right:28px;
	}
	
.mail{
	font-size:14px;
	font-weight:bold;
	color:#b79138;
	background-image:url(../images/brief.jpg);
	background-position:left;
	background-repeat:no-repeat;
	padding-left:40px;
	margin-right:28px;
	}
	
.phone{
	font-size:20px;
	font-weight:bold;
	color:#b79138;
	background-image:url(../images/telefon.png);
	background-position:left;
	background-repeat:no-repeat;
	padding-left:34px;
	cursor:default;
	padding-right:2%;
	}


.kontakt{
	font-size:20px;
	font-weight:bold;
	color:#b79138;
	
  	}



nav{
	clear:both;
	float:left;
	width:100%;
	padding-top:40px;}




@media screen and (max-width: 830px){
	

#top .toprechts{	 
	clear:both;
	width:100%;
	text-align:center;
	padding-bottom:6px;
	display:block;}	


.mail,
.phone{
	}


#top .logo{
	margin:auto;
	height:120px;
	width:100%;
	max-width:100%;
	clear:both;
	text-align:center;
	padding-bottom:12px;}
	
#top .pts_bildrahmen,
#top img{
	height:100%;}
	
#nav{
 
	clear:both;
	width:100%;
	height:auto;
	text-align:center;
	}



}





@media screen and (min-width: 700px){
#mobnav{
	display:none;}


	}

@media screen and (max-width: 700px){
	 
.mail,
.phone{
	clear:both;
	display:inline-block;
	}



	
#nav{
	display:none;
	float:right;	 
	clear:both;
	width:100%;
	height:auto;
	}


.mobile{
	clear:both;
	width:100%;
	float:left;}


#mobnav{
	display:block;
	width:50px;	 
	height:24px;
	background-image:url(../images/mobnav_trans.png);
	background-repeat:no-repeat;
	background-position:0px 0px;
	margin:2%;
	float:left;
	margin-top:20px;}
#mobnav:hover{background-image:url(../images/mobnav.png);}


#closenav{
	display:none;
	 width:30px;
	height:24px;
	background-image:url(../images/closenav_trans.png);
	background-repeat:no-repeat;
	background-position:top right;
	margin:2%;
	float:left;
	margin-top:20px}
#closenav:hover{background-image:url(../images/closenav.png);}


#nav.displayed{
	display:block;}

#nav.hidden{
	display:none;}

#closenav.displayed{
	display:block;}

#closenav.hidden{
	display:none;}

	}



header{
	line-height:0px;
	clear:both;}

 

 




footer{
	background-color:#e6e0d4;
	color:#000;
	padding-top:40px;
	padding-bottom:40px;
	font-size:14px;
	float:left;
	width:100%;
	text-align:left;
	clear:both;}

footer .logof{
	clear:both;
	float:left;
	width:22%;
	text-align:left;
	
	}
	
footer .adressef
{width:25%;
float:left;
text-align:left;}
	

	
footer .navf
{	float:right;
	text-align:left;}

footer .legalf
{	width:100%;
	float:left;
	text-align:left;
	padding-top:20px;}
	

footer a{
	color:#000;
	text-decoration:none;}

footer a:hover{
	color:#000;
	text-decoration:underline;}

@media screen and (max-width: 625px){
	
	
	footer .logof{
	clear:both;
	float:left;
	width:100%;
	text-align:center;
	
	}
	
footer .adressef{
	width:50%;
    float:left;
    text-align:left;
	box-sizing:border-box;
	padding:2%;}
	

	
footer .navf{	
   float:right;
   width:50%;
   text-align:left;
   padding:2%;
   box-sizing:border-box;}
	


footer .legalf{
	width:100%;
 	 
	text-align:center;
	box-sizing:border-box;
	padding-top:20px;
	 }

}


/*ZIMMER*/

.zbilder{
	width:45%;
	float:left;
	padding-right:4%;
	box-sizing:border-box;
	padding-top:15px;}


.zbilder .pts_bildrahmen{
	width:32%;
	margin-right:2%;
	float:left;}

.zbilder .pts_bildrahmen:nth-of-type(4){
	width:32%;
	margin-right:0%;}

.zbilder .pts_bildrahmen:nth-of-type(1){
	width:100%;
	clear:both;
	margin:0px;
	margin-bottom:2%;}


.ztext{
	width:55%;
	float:left;
	text-align:left;
	padding-top:15px;}

.ztext h1{
	margin-top:0px;}



.zpreise{
	clear:both;
	padding-top:20px;
	padding-bottom:20px;}

.zpreise h2{
	font-size:28px;}

.zanfrage{
	clear:both;
	text-align:right;}

.zanfrage a{
	display:inline-block;
	padding:8px 15px;
	background-color:#F5F2EC;
	border:1px solid #d1ab52;
	border-radius:3px;
	font-size:18px;
	}

.back{
	clear:both;
	text-align:left;}

@media screen and (max-width: 680px){
	
	.zbilder{
	width:100%;
	float:left;
	padding-right:0%;
	box-sizing:border-box;
	padding-top:15px;}
	
	.ztext{
	width:100%;
	float:left;
	text-align:left;
	padding-top:15px;}


.zimmer header{
	display:none;}


	}


.table{
	clear:both;
	padding:10px 0px 10px;
	width:100%;
	font-size:16px;
	float:left;}

.tr{
	clear:both;
	background-color:#fff;
	float:left;
	width:100%;
	clear:both;
}


.preise .tr:nth-of-type(1){
 	font-weight:400;}

 
.preise  .tr:nth-of-type(2n+0){
	clear:both;
	background-color:#F5F2EC;
}
 

 
.td{
	padding:6px;
	text-align:center;
	width:33%;
	float:left;
	box-sizing:border-box;}
	
	
 
.type1 .td{
	padding:6px;
	text-align:center;
	width:33%;
	float:left;
	box-sizing:border-box;}	
	
.type1 .td:nth-of-type(2){
	padding:6px;
	text-align:left;
	width:66%;
	float:left;
	box-sizing:border-box;
	 }	


.type2 .td{
	padding:6px;
	text-align:left;
	width:25%;
	float:left;
	box-sizing:border-box;}	
	


.type3 .td{
	padding:8px;
	text-align:right;
	width:50%;
	float:left;
	box-sizing:border-box;}	


.type3 .td:nth-of-type(2){
	padding:8px;
	text-align:left;
	width:50%;
	float:left;
	box-sizing:border-box;}	
	

.type4 .td{
	padding:8px;
	text-align:left;
	width:100%;
	box-sizing:border-box;
	margin:auto;
	max-width:650px;
	float:none;}	


.preise.four .td{
	width:25%;}

@media screen and (max-width: 450px){

.td{
	width:50%;}
.preise.four .td{
	width:33%;}


.td:nth-of-type(1),
.preise.four .td:nth-of-type(1){
	width:100%;}
 
}



/*TEASER */
.teaser{
	width:23.125%;
	float:left;
	margin-right:2.5%;
	position:relative;
	line-height:0px;}

.teaser:nth-of-type(4){	
	margin-right:0%;}


.overlay{
	position:absolute;
	width:100%;
	height:100%;
	box-sizing:border-box;
	color:#fff;
	font-family: 'Libre Baskerville', serif;
	font-style:italic;
	font-size:30px;
	line-height:40px;
	text-align:center;
	padding-top:40%;
	top:0px;
	left:0px;
	background-color:rgba(157,157,157,0.50);
	transition: background-color 0.5s ease;}

.overlay:hover{
	background-color:rgba(199,169,99,0.90);
 	}

@media screen and (max-width: 750px){

.teaser{
	width:47.5%;
	margin-right:5%;
	max-width:302px;
	margin-bottom:5%;
	}

.teaser:nth-of-type(2n+0){
	margin-right:0px;}


}

@media screen and (max-width: 450px){
	.teaser{
	width:95%;
	margin-right:0%;
	margin:auto;
	max-width:302px;
	margin-bottom:5%;
	float:none;

	}
	.teaser:nth-of-type(2n+0){
	margin:auto;
	margin-bottom:5%;}
	}



#sektion1 .intro,
#sektion3 .intro{
	float:left;
	width:80%;
	box-sizing:border-box;
	padding-right:40px;
	text-align:left;}


#sektion1 .buchen,
#sektion3 .buchen{
	float:right;
	width:20%;}



@media screen and (max-width: 820px){

#sektion1 .intro,
#sektion3 .intro{
	float:left;
	width:70%;
	 }


#sektion1 .buchen,
#sektion3 .buchen{
	float:right;
	width:30%;}

}


@media screen and (max-width: 620px){

#sektion1 .intro,
#sektion3 .intro{
	float:left;
	width:100%;
	clear:both;
	padding-right:0px;
	 }


#sektion1 .buchen,
#sektion3 .buchen{
	float:none;
	clear:both;
	width:100%;
	max-width:300px;
	margin:auto;
	padding-top:15px;}


#sektion3 .buchen{
	display:none;}


#sektion1 .buchen .pts_input_4,
#sektion3 .buchen .pts_input_4{
	width:100%;}


}

.buchen h2{
	font-size:16px;
	}
 



.hotels{
	clear:both;	
	padding:2%;
	text-align:center;
	}

.hotel{
	
	background-color:#fff;
	padding:4px;
	text-align:center;
	display:inline-block;
	color:#bd9a4d;
	font-size:14px;
	line-height:18px;
	margin-bottom:6px;
	margin-right:10px;
	 }
	
	
	
.hotels .hotel_text{
	padding:6px 0px 6px 0px}

.hotels .hotel_text a{
	text-decoration:none;	
	color:#bd9a4d;}

/*ANGEBOTE*/
.index #sektion2{
	background-color:#fff;}

.index #sektion3{
	background-color:#f5f2ec;}
.angebote{
	clear:both;
	text-align:center;
	width:100%;
	}

.angebote .angebot_wrapper{
	display:inline-block;
	text-align:center;
	vertical-align:text-top;
	margin-right:2.5%;
	max-width:23.125%;}

.angebote .angebot_wrapper:nth-of-type(4){
	margin-right:0%;
	}


.angebote .angebot{	
	background-color:#fff;
	transition:all ease 1s;
 	
	}


.angebote .angebot:hover{
	background-color:rgba(199,169,99,0.30);
	 
 	}


.angebot .angebot_bild{
	line-height:0px;
	clear:both;
    transition:all ease 1s;
	opacity:0.7;
	}


.angebote .angebot:hover .angebot_bild{
	opacity:1;
	 
 	}



.angebot .angebot_titel{
	-webkit-box-shadow: inset 0px 8px 5px -3px rgba(0,0,0,0.23);
    -moz-box-shadow: inset 0px 8px 5px -3px rgba(0,0,0,0.23);
    box-shadow: inset 0px 8px 5px -3px rgba(0,0,0,0.23);
	width:100%;
	padding-top:34px;
	text-align:center;
	text-transform:uppercase;
	color:#b79138;
	font-size:20px;
	font-weight:500;
	min-height:84px;
	box-sizing:border-box;
	}


.angebot .angebot_text{
	padding:25px 8px 25px 8px;
	text-align:center;
	min-height:125px;
	box-sizing:border-box;}


.angebot .angebot_preis{
	color:#fff;
	font-weight:bold;
	text-align:center;
	display:inline-block;
	clear:both;
	background-color:#d1ab52;
	padding:10px 20px;
	
	}



/*Promotion*/

.promotion{
	float:left;
	width:31%;
	margin-right:3.5%;
	background-image:url(../images/bg_brown_textured1.jpg);
	background-position:bottom;
	background-repeat:repeat;
	padding:24px 10px 0px 20px;
	box-sizing:border-box;
	color:#fff;
	font-size:22px;
	text-align:left;
	-webkit-box-shadow: 0px 6px 5px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 6px 5px 0px rgba(0,0,0,0.2);
    box-shadow: 0px 6px 5px 0px rgba(0,0,0,0.2);}

.promotion:nth-of-type(2){	
	margin-right:3.5%;
	background-image:url(../images/bg_brown_textured2.jpg);}

.promotion:nth-of-type(3){	
	margin-right:0%;
	background-image:url(../images/bg_brown_textured3.jpg);}

.promotion .sub{
	font-size:16px;
	background-image:url(../images/white-bar.png);
	background-position:bottom left;
	background-repeat:no-repeat;
	padding-bottom:35px;
	padding-top:10px;}

.promotion a{
	color:#FFF;}


@media screen and (max-width: 875px){
	
	.promotion,
	.promotion:nth-of-type(2),
	.promotion:nth-of-type(3)
	{
		width:80%;
		clear:both;
		float:none;
		margin:auto;
		margin-bottom:30px;}
	
	}


@media screen and (max-width: 400px){
	
	.promotion,
	.promotion:nth-of-type(2),
	.promotion:nth-of-type(3)
	{
		width:95%;
		}
	
	}


.zm_galerie_vorschaubild{
	width:33.333333%;
	display:inline-block;
	vertical-align:text-top;
	box-sizing:border-box;
	padding:1% 0.5% 1% 0.5%;
}









.smallblock{
	margin:auto;
	width:100%;
	max-width:650px;
	text-align:left;}

.smallblock h1{
	text-align:left;}

.clear{
	clear:both;}
/*CMS-Formatierungen*/	


.schrift1{
	font-size:11px;}
.schrift2{
	font-size:12px;}
.schrift3{
	font-size:14px;}
.schrift4{
	font-size:16px;}
.schrift5{
	font-size:18px;}
.schrift6{
	font-size:22px;}
.schrift7{
	font-size:30px;}


sup {
  font-size:8px;
  font-weight:bold;
  line-height:12px;
}

code {
  font-family:"Courier New",Courier,mono;
  font-size:11px;
}

ul {
  margin: 0 0 0 18px;
  padding: 0 0 0 0;
}

article ul.geteilt{
	clear:both;
	float:left;
	width:100%;
	margin-bottom:20px;
	 }

article ul.geteilt li{
	width:50%;
	float:left;
	box-sizing:border-box;
	padding-right:10px;
	 }

ol {
  margin: 0 0 0 25px;
  padding: 0 0 0 0;
}

img {
  border: none;
  margin:0px;
  max-width:100%;
   
}

.ku {
  white-space:nowrap;
}

/*#sektion3 ul{
	width:50%;
	margin:auto;
	text-align:left;}*/
	
@media screen and (max-width: 600px){
	#sektion3 ul{
	width:95%;
	margin:auto;
	text-align:left;}}

/* allgemeine Ausrichtungsanweisungen */

.links {
  float:left;
}

.rechts {
  float:right;
}

.zentriert{
	text-align:center;}

.text_right{
	text-align:right;}


/* Auswahlformate für Links und Bilder */

a.hintergrund {
  background-color: #EEEEEE;
}

a.extern {
  border: 1px dotted #999999;
}


.rahmen img{
  padding: 3px;
border-radius: 18px 0px 0px;
border: 1px solid #CCC;
margin-right:4%;
 
}




.abstandlinks {
  margin-left: 10px;
}

.abstandrechts {
  margin-right: 10px;
}

.abstandoben {
  margin-top: 10px;
}

.abstandunten {
  margin-bottom: 10px;
}




/* Formate für Bildunterschrift */

.pts_bildrahmen,
.pts_bildrahmen_links,
.pts_bildrahmen_rechts {
  display: inline-block;
  max-width:100%;
  line-height:1px;
  
}

.pts_bildrahmen.rahmen{
	float:left !important;
	max-width:24% !important;
	padding-right:1%;
	 }

.pts_bildrahmen {
  margin:0px;
   padding:0px;
   }

.pts_bildrahmen_links {
  float: left;
  margin-right: 20px;
}

.pts_bildrahmen_rechts {
  float: right;
  margin-left:20px;
}

.pts_bildunterschrift {
  clear:both;

  
  line-height:18px;
  font-size:14px;
  clear:both;
}
 

.drittel{
	width:33%;
	box-sizing:border-box;
	padding-right:8px;
	}

.halb{
	max-width:50%;
	box-sizing:border-box;
	padding-right:8px;
	}



/* Box mit der Seitennavigation */
.pts_seiten {
  font-family: Verdana, Lucida, Arial, Helvetica, Sans-Serif;
  color: #000000;
  margin: 0 5px 0 5px;
  padding: 5px 5px 5px 5px;
}

a.pts_seiten, a.pts_seiten:link, a.pts_seiten:visited {
  font-weight: bold;
  color: #880000;
  text-decoration: underline;
  margin: 0 5px 0 0;
  padding: 0 0 0 0;
}

a.pts_seiten:hover {
  background-color:#EEEEEE;
}

/* aktuelle Seite */
.pts_seitenaktiv {
  color: #666666;
}




/* Box für Fehler-/Erfolgsmeldungen */
.pts_meldungsbox {
  border: 1px dotted #999999;
  font-size: 12px;
  color: #000000;
  margin: 5px 5px 20px 5px;
  padding: 5px 5px 5px 5px;
  background-color: #F5F5F5;
}

.pts_fehler {
  font-weight:bold;
  color:#CC0000;
}
input.pts_fehler,
textarea.pts_fehler,
select.pts_fehler,
span.pts_fehler textarea,
span.pts_fehler select {
  border: 2px solid #CC0000;
}

.pts_meldung {
  font-weight:bold;
  color:#666666;
}

.pts_erfolg {
  font-weight:bold;
  color:#088800;
}

div.pts_fehler,
div.pts_meldung,
div.pts_erfolg {
  display: block;
}
span.pts_fehler,
span.pts_meldung,
span.pts_erfolg {
  display: inline;
}




/* Ausblendung  */

.pts_verdeckt {
  display: none;
}




/* Hinweistext */
.pts_hinweis {
  font-size:10px;
  line-height:14px;
  color:#666666;
}



/* Trennlinie */
.pts_trennlinie {
  border-bottom: 3px solid #b4b4b4;
  line-height:1px;
  margin: 0px 0 0px 0;
  padding-top:24px;
  clear: both;
}




/* Formulare */

/* Eingabefeld: Bezeichnung und Feld */
.pts_feld_bez {
   
  font-weight:normal;
  
}

.pts_feld_eing {
   
}

/* Pflichtfeld: Bezeichnung und Feld */
.pts_pfeld_bez {
   
  font-weight:bold;
}

.pts_pfeld_eing {
  
}

/* Feldgrößen */
.pts_input_opt { width:15px; }

input, textarea{
	border:1px solid #c1c1c1; 
	height:32px; 
	box-sizing:border-box; 
	margin:1% 1% 1% 0px;
	padding:3px 5px; 
 	font-size:14px;
	max-width:100%;}

.checkbox input{height:auto}
.checkbox{
	float:left;
	padding-right:10%;
	white-space:nowrap;
	margin:1px;
	padding-bottom:2%;}

select{
	margin:0px 1% 0px 1%;
	height:30px;
	padding:5px;
	font-size:12px;}	

.pts_input_1 { width:27%; padding:0.5% 2%; margin:0%; }
.pts_input_2 { width:12.5%; padding:0.5% 2%; margin:0%; }
.pts_input_3 { width:27.5%; padding:0.5% 2%; margin:0%; }
.pts_input_4 { width:100%; padding:2% 2%; margin:0%; }
.pts_input_5 { width:90%; padding:0.5% 1%; margin:0%; }

.pts_textarea_1 { width:45%; height:45%;   padding:0.5% 2%;  margin:1%;}
.pts_textarea_2 { width:45%; height:45%;   padding:0.5% 2%;  margin:1%;}
.pts_textarea_3 { width:80%; height:45%;   padding:0.5% 2%;  margin:1%;}
.pts_textarea_4 { width:86.5%; height:150px;   padding:1% 2%;  margin:1% 1% 1% 0px; box-sizing:border-box; border:none}
.pts_textarea_5 { width:100%; height:45%;  padding:0.5% 2%;  margin:1%;}



.felder{
	width:85%;
	float:left;}


.side .felder{
	width:100%;
	float:left;}


.field{
	width:33%;
	float:left;
	padding-bottom:12px;
	box-sizing:border-box;
	padding-right:12px;
	text-align:left;
	}
	
.side .field{
	width:100%;
	float:left;
	padding-bottom:12px;
	box-sizing:border-box;
	padding-right:12px;
	text-align:left;
	}	



.field .pts_input_4,
.field .pts_input_2,
.field .pts_input_3,
.field .pts_input_1{
	border:1px solid #d1ab52;
	font-size:13px;
	padding:18px 30px 18px 30px;
	height:55px;}
	
	
.side .field .pts_input_4,
.side .field .pts_input_2,
.side .field .pts_input_3,
.side .field .pts_input_1{
	border:1px solid #d1ab52;
	font-size:13px;
	padding:10px 30px 10px 30px;
	height:39px;}	

.age .pts_input_1{
	margin-right:12px;}




 .weiter{
	color:#fff;
	background-color:#d1ab52;
	font-size:18px;
	border:none;
	width:130px;
	padding-top:18px;
	padding-bottom:18px;
	 
	margin-top:30px;
	height:55px;
	box-sizing:border-box;
	float:left;}



.short .weiter{
	color:#fff;
	background-color:#d1ab52;
	font-size:18px;
	border:none;
	width:13%;
	padding-top:18px;
	padding-bottom:18px;
	float:right;
	margin-top:30px;
	height:55px;
	box-sizing:border-box;}


.side .weiter{
	color:#fff;
	background-color:#d1ab52;
	font-size:15px;
	border:none;
	width:94%;
	padding:10px 0px 10px 0px;
	float:left;
	margin-top:0px;
	height:39px;
	box-sizing:border-box;}



.row{
	width:100%;
	clear:both;
	text-align:left;}

.row .pts_feld_bez,
.row .pts_pfeld_bez{
	clear:both;
	float:left;
	width:100%;
	padding-top:15px;}



.row div{
	display:block;
	width:45%;
	float:left;}

.nowrap{
	white-space:nowrap;}

.nowrap input{
	height:auto;}

label{
	margin-right:8%;
	margin-bottom:2%;
	line-height:1.5em}

.nowrap label{
	width:150px;
	display:inline-block;
	padding:0px 30px 10px 0px;
	
	 }


.radio input,
.radio{
	vertical-align:middle;}


#from,
#to{
	background-image:url(../images/calendar.png);
	background-position:right;
	background-repeat:no-repeat;
	width:45%;
	background-size:20%;
	 }
	
	
.short #from,
.short #to{
	background-image:url(../images/calendar.png);
	background-position:right;
	background-repeat:no-repeat;
	width:100%;
	background-size: auto;
	 }	

.side #from,
.side #to{
	background-image:url(../images/calendar.png);
	background-position:right;
	background-repeat:no-repeat;
	width:100%;
	background-size: auto;
	 }	


@media screen and (max-width: 930px){
	.row div{
	width:50%;}
	
	.short .field{
		width:50%;}
		
		.short .felder{
			width:100%;
			clear:both;}
		
.short .weiter{
	 
	width:130px;
	 
	float:none;
	margin-top:20px;
	height:55px;
	box-sizing:border-box;
	clear:both;}		
	
	
	}


@media screen and (max-width: 600px){
	
	
.row div{
	width:100%;}	
	
.short .field{
		width:100%;}	
		
		
.pts_input_1 { width:90%;  height:32px; padding:0.5% 2%; margin:1%; box-sizing:border-box;}
.pts_input_2 { width:90%;  height:32px; padding:0.5% 2%; margin:1%; box-sizing:border-box;}
.pts_input_3 { width:90%;  height:32px; padding:0.5% 2%; margin:1%; box-sizing:border-box;}
.pts_input_4 { width:90%;  height:32px; padding:0.5% 2%; margin:1%; box-sizing:border-box;}
.pts_input_5 { width:90%;  height:32px; padding:0.5% 1%; margin:1%; box-sizing:border-box; }

.short #from,
.short #to{
	background-image:url(../images/calendar.png);
	background-position:right;
	background-repeat:no-repeat;
	width:90%;
	background-size: auto;
	 }	

	
	}	

/*PANELS*/	
/* --------- COLLAPSIBLE PANELS ----------*/
 
.expandable-panel {
    width:100%;
    position:relative;
    min-height:36px;
    overflow:auto;
    margin-bottom: 0px;
 }

.expandable-panel-heading:hover {
    color:#000;
	background-color:#e6e0d4;
}
#container_accord1 h3,
#container_accord2 h3,
#container_accord3 h3,
#container_accord4 h3,
#container_accord5 h3,
#container_accord6 h3,
#container_accord7 h3,
#container_accord8 h3,
#container_accord9 h3,
#container_accord10 h3     {
    padding:0px;
	margin:0px;
    font-size:15px;
    line-height:36px;
	font-weight:400;
	display:block;
	text-align:left;
	border-bottom:3px solid #e6e0d4;
	margin-bottom:18px;
	 
}

  div.greybox {
    padding:0px ;
	background-color:#f9f9f9;
	margin-bottom:18px;
	color:#000;
	float:left;
	width:100%;	
}
 
.icon-close-open {
    width:36px;
    height:36px;
    background-image: url(../images/arrow-down.png);
	display:block;
	background-color:#e6e0d4;
	background-repeat:no-repeat;
	float:left;
	margin-right:15px;
    
}


.header-active {
    background-color:#e6e0d4;
}









/* Pre hide sections with JavaScript on
--- */
#container_accord1 h3+div,
#container_accord2 h3+div,
#container_accord3 h3+div,
#container_accord4 h3+div,
#container_accord5 h3+div,
#container_accord6 h3+div,
#container_accord7 h3+div,
#container_accord8 h3+div {
  display: none;
}

/* CSS3 Animation example
--- */
#container_accord1 h3 + div,
#container_accord2 h3 + div,
#container_accord3 h3 + div,
#container_accord4 h3 + div,
#container_accord5 h3 + div,
#container_accord6 h3 + div,
#container_accord7 h3 + div,
#container_accord8 h3 + div,
#container_accord9 h3 + div,
#container_accord10 h3 + div {
  height: 0px;
  padding: 0px;
  overflow: hidden;
  display: block!important;
  -webkit-transform: translateZ(0);
  -webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition:all 0.3s ease;
	transition: all 0.3s ease;
	float:left;
	width:100%;
}
#container_accord1 .content,
#container_accord2 .content,
#container_accord3 .content,
#container_accord4 .content,
#container_accord5 .content,
#container_accord6 .content,
#container_accord7 .content,
#container_accord8 .content,
#container_accord9 .content,
#container_accord10 .content {
  padding: 10px;
}

#container_accord1 h3.open + div,
#container_accord2 h3.open + div,
#container_accord3 h3.open + div,
#container_accord4 h3.open + div,
#container_accord5 h3.open + div,
#container_accord6 h3.open + div,
#container_accord7 h3.open + div,
#container_accord8 h3.open + div,
#container_accord9 h3.open + div,
#container_accord10 h3.open + div   {
  height: auto;
 
}

#container_accord1 h3.open,
#container_accord2 h3.open,
#container_accord3 h3.open,
#container_accord4 h3.open,
#container_accord5 h3.open,
#container_accord6 h3.open,
#container_accord7 h3.open,
#container_accord8 h3.open,
#container_accord9 h3.open,
#container_accord10 h3.open{
	margin-bottom:0px;
	background-color:#e6e0d4;
 
}
#container_accord1 h3:hover,
#container_accord2 h3:hover,
#container_accord3 h3:hover,
#container_accord4 h3:hover,
#container_accord5 h3:hover,
#container_accord6 h3:hover,
#container_accord7 h3:hover,
#container_accord8 h3:hover,
#container_accord9 h3:hover,
#container_accord10 h3:hover{
	background-color:#e6e0d4;
 
}

#container_accord1 div.open div,
#container_accord2 div.open div,
#container_accord3 div.open div,
#container_accord4 div.open div,
#container_accord5 div.open div,
#container_accord6 div.open div,
#container_accord7 div.open div,
#container_accord8 div.open div,
#container_accord9 div.open div,
#container_accord10 div.open div   {
 padding-bottom:15px;
 border-bottom:3px solid #e6e0d4;
 margin-bottom:6px;
 
}


/* Event example
--- */
pre#event-log {
  background: #fafacc;
  padding: 10px;
  display: block;
}








/*PANELS ENDE*/	

/* cookies */
#cookiesdirective{
	font-family: 'Varela Round', sans-serif;
	padding:25px;
	font-size:16px;
	font-weight:300;
	background-color:rgba(0,0,0,0.8);}

.cookiebutton{
	float:right;
	width:20%;}
.cookietext{
	float:left;
	width:80%;}


#impliedsubmit,
#explicitsubmit{
	border-radius:4px;
	background-color:rgba(41,117,11,1.00);
	border:1px solid rgba(9,152,6,1.00);
	color:#fff;
	opacity:1;
	padding:10px 20px 12px 20px;
	height:40px;
	cursor:pointer;}