body, html {margin: 0px;
	padding:0px;overflow-x: hidden;}
	
body {background: #f4ebcc }
body { margin: auto; font-family: arial; font-size: 13px;
color: rgb(43, 128, 43);;
font-weight: bold;

}
.strong { font-weight: bold; }
.red { color: red;}
h1, h2 {font-weight: normal; font-size: 22px; }
a {color: rgb(112,82,43);}

.hiddenlight { color: #ccc;}

img,
iframe ,
figure {max-width: 100%;}
 .prices {text-align: center;border-spacing: 3px;}
.prices td {padding: 5px 13px;}

 .prices th {padding: 8px 13px;}
.prices th {background: #2b802b; color: #f7e6b0; font-weight: bold;}
.prices tr:nth-child(odd) td {background: #d2c19b;}
.prices tr:nth-child(even) td {background: #ecdcb7;}
.prices span {font-size: 10px;} 
.main {display:flex;}

.main > * {padding: 10px; flex: 1 100%;}
.flex > * {padding: 10px; flex: 1 100%;}

.flex {display: flex;flex-flow: row wrap; }
.flex .table {background: #f8f3e1; border-radius: 1px 8px 18px 8px; padding: 10px; border: 2px solid #2b802b; margin: 3px 6px 6px 0px; box-shadow: 2px 2px 6px #000000;}

.flex hr { color: #2b802b;}

.flex h2, .flex h1  { font-size: 22px; font-weight: normal; line-height: 30px; margin: 0px; padding: 0; margin-top: 7px;} 
input[type="number"] { background: #fff;width: 40px; }
input[type="text"] { background: #fff; }

.flex div.more a { 
	padding: 6px 0px;
    color: #216121;
	


	
}
.flex  div.more a:hover { 
 color: #2ad52a;
}

.rahmen {
    border: 3px solid #D9AB6C !important;
    padding: 1px !important;
	margin-right: 50px;
}
input[type="number"] { background: #fff;width: 40px; }
input[type="text"] { background: #fff; }

body .visform input {

	
    background: #fff;
}

body  .visform select {

	width: auto;
    background: #fff;
}

body  .visform textarea {


    background: #fff;
}

fieldset { border: none;}
.main {padding: 3px;}
.container {max-width: 1000px; margin: 40px auto; font-size: 16px; font-weight: normal;}
 .main .table {background: #f8f3e1; border-radius: 1px 8px 18px 8px; padding: 10px; border: 2px solid #2b802b; margin: 3px 6px 6px 0px; box-shadow: 2px 2px 6px #000000;}
 
 
header {display: flex; flex-direction: column; background: #f4ebcc;
 /* url('../images/klausner_bg_mobile.svg.php') center top no-repeat; 
 */
 min-height: 200px;}
 

@media only screen and (max-width: 987px) {
	
	.main {flex-flow: row wrap; }

	.container > .visforms-form input,
	.container > .visforms-form textarea
 {width: 100%;}
.visCSSlabel {
    float: none;
}
.visCSSinput, .editor {
    width: 96%;
    margin-top: 10px;
    background: none;
}
.offer-details {flex-direction: column}
.offer-details >*:nth-child(2) {order: 3}


.offer-details > * {min-width: inherit;}

}

@media only screen and (min-width: 988px) {
 header {background: #f4ebcc url('../images/klausner_bg_tablet.svg.php') left top no-repeat;
 z-index: 100; }


  .firstpage-2 { flex: 1 auto; }
  .restaurant { flex: 1 auto; }



  .firstpage-1   { flex: 3 0px; min-width: 66%;}
   .pension { flex: 3 0px;  }



.flex {display: flex;justify-content: space-between; width: 100%}
.flex .restaurant {margin-left: 60px;max-width: 26%;}



.flex hr { color: #2b802b;}

.flex h2, .flex h1  { font-size: 22px; font-weight: normal; line-height: 30px; margin: 0px; padding: 0; margin-top: 7px;} 
input[type="number"] { background: #fff;width: 40px; }
input[type="text"] { background: #fff; }

.flex div.more a { 
	padding: 6px 0px;
    color: #216121;
	


	
}
 
}

@media only screen and (min-width: 988px) and (max-width: 1269px) {
 header {min-height: 200px;}
}


@media only screen and (min-width: 1270px) {
 header {background: #f4ebcc url('../images/klausner_bg.svg.php') center top no-repeat;
 z-index: 100; min-height: 120px;}
 body { max-width: 1280px;}

  .animated_scene {max-width: 1024px; margin: auto;}
  .main {max-width: 1024px;}
  
  .container > .visforms-form {max-width:1024px; margin: auto }
   
}
@media only screen and (min-width: 1900px) {
 .main {}
	  
}