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

}

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

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;} 


.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 {max-width: 1000px; margin: 40px auto;padding: 3px;}
.container {max-width:98%;}
 .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) {
	.container > .visforms-form input,
	.container > .visforms-form textarea
 {width: 100%;}
}

@media only screen and (min-width: 988px) {
 header {background: #f4ebcc url('../images/klausner_bg_tablet.svg.php') left top no-repeat;
 z-index: 100; }
 .main {border: 1px solid gold;}
 
 .main {display: flex; flex-direction: row; justify-content: space-between; }
 .firstpage-1 {width: 66%;}
 .firstpage-2 {width: 28%}
 

 




.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: 1270px) {
 header {background: #f4ebcc url('../images/klausner_bg.svg.php') center top no-repeat;
 z-index: 100;}
 body { max-width: 1280px;}

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