/*Bertsch */		
		
.clearing { clear:both; }

#auswahl1, #auswahl2, #auswahl3, #auswahl4, #auswahl5, #auswahl6, #auswahl7, #auswahl8 {border:4px solid green; width:32.55%;float:left;text-align:center;margin-right:4px;margin-bottom:2px; line-height:100%; }
#auswahl1 img, #auswahl2 img, #auswahl3 img, #auswahl4 img, #auswahl5 img, #auswahl6 img, #auswahl7 img, #auswahl8 img{width:100%;}

#auswahl1::selection {border:6px solid green;}

#gutscheinansicht1, #gutscheinansicht2, #gutscheinansicht3, #gutscheinansicht4, #gutscheinansicht5, #gutscheinansicht6, #gutscheinansicht7, #gutscheinansicht8 {visibility:hidden; position:absolute;margin-top:-24.0em;margin-left:0;background-color:#FFFFFF;border:4px solid white;outline:2px solid #917863;
-webkit-box-shadow: 8px 8px 5px #333333;
			-moz-box-shadow: 8px 8px 5px #333333;
			box-shadow: 8px 8px 5px #333333;
			z-index:99228;}
		
#gutscheinansicht1 img, #gutscheinansicht2 img, #gutscheinansicht3 img, #gutscheinansicht4 img, #gutscheinansicht5 img, #gutscheinansicht6 img, #gutscheinansicht7 img, #gutscheinansicht8 img{max-width:474px;height:auto}
#auswahl1 img:hover, #auswahl2 img:hover, #auswahl3 img:hover, #auswahl4 img:hover, #auswahl5 img:hover, #auswahl6 img:hover, #auswahl7 img:hover, #auswahl8 img:hover {}

/*Ende Gutscheinmotive */

input, select, textarea, button {
	font-size: inherit;
	font-family: inherit;
	}
input[type="submit"] {
   font-size: 1.3em; padding: 5px 12px; 
   font-weight: bold;
   color:green;
   border: 1px solid silver;
   background-image: linear-gradient(to top, gainsboro 0%, white 90%);
   border:3px solid #917863;
   border-radius: 9px;
   cursor:pointer;
   -webkit-box-shadow: 2px 3px 5px #333333;
			-moz-box-shadow: 2px 3px 5px #333333;
			box-shadow: 2px 3px 5px #333333;
}input[type="submit"]:hover {
   color:black;}
   
input[type="text"],
input[type="email"],
input[type="search"],
input[type="number"],
textarea { 
  width: 100%; min-width: 100%; 
  box-sizing: border-box;
  padding:9px 6px;
  border:4px solid #917863;
  border-radius:3px;
  margin-bottom:0.8em;
   background-image: linear-gradient(to bottom, #E4D3C4 20%, #F2E8DF 70%);
  }

  
input:active, input:focus, textarea:focus { outline: solid 4px green;border:3px solid green;}

input[type="number"] { 
font-size:1.5em; font-weight:bold;
  width: 200px;min-width:0; 
  }

input[type="color"] {
	padding: 0; /** für firefox **/
	width: 64px;
	height: 64px;
	cursor: pointer;	
}

::-moz-color-swatch {
   
}

/** Webkit-Browser **/
input[type="color"]::-webkit-color-swatch-wrapper {
	padding: 0;
}

::placeholder {
	color:#C1996F;
	opacity:1;
	transition: opacity 1s;
}

:focus::placeholder { opacity:0  }

input[type="checkbox"] {
   appearance: none;
   width: 40px; 
   height: 38px; 
   background-image: url(../px/bttns/check_off.png);
   outline:none;
   border:0;
}
input[type=checkbox]:checked {
   background-image: url(../px/bttns/check_on.png);
   outline:none;
   border:0;
}
input[type="checkbox"]:active {
outline:none;
}

/*
input:invalid {
	border: 2px solid red; outline: 2px solid red; 
}
*/


input[type="radio"] {
   appearance: none;
   width: 40px; 
   height: 38px; 
   background-image: url(../px/bttns/radio_off4.png);
}
input[type=radio]:active {
      outline:none;  border:0;}
input[type=radio]:checked {
   background-image: url(../px/bttns/radio_on3.png);
   outline:none;  border:0;}


/*
.form-box > label:first-child {display:block;}

.form-box > input[type="text"],
.form-box > input[type="email"],
.form-box > input[type="password"]
.form-box > input[type="number"]
{width:100%;
padding:8px;
border-radius:7px;
border:1px solid #333;
font-size:1rem;
}

.form-box > input[type="checkbox"]
.form-box > input[type="radiobutton"]
{width:30px;
height:30px;
accent-color:green;}

.form-box > label:last-child {
position:relative;
bottom:10px;
vertical-align:middle;}

.form-box > button {
font-size:2rem;
border-radius:18px;padding:10px;
margin:5px;
cursor: pointer;}
.form-box > button [type="submit"]
 {background-color:green;}
 .form-box > button [type="reset"]
 {background-color:pink;}
 
 .form-box select {border-radius.6px;
 color:blue; background-color:yellow;
 padding:14px;
 cursor: pointer;}
 
  .form-box select::after {
  content: "";
  position:absolute;background-color:beige;
  padding:7px;
  transition: 0.25s all ease;}

form {}
fieldset {   }
ol { }


fieldset legend {
  font-weight:bold;  margin:1em -1em 0.3em 0;}

label {  cursor: pointer;  }
 
input, textarea {}
  

input, textarea, select {
font-family: 'text';
  font-size:100%;
  background-color:beige;
  color: black;
  border: 1px solid silver;
  padding: 5px 6px;
  margin-bottom:0.5em;


  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 2px 2px 5px #e2e2e2, inset 2px 2px 5px #e2e2e2;
  -moz-box-shadow: 2px 2px 5px #e2e2e2, inset 2px 2px 5px #e2e2e2;
  box-shadow: 2px 2px 5px #e2e2e2, inset 2px 2px 5px #e2e2e2;
  filter:progid:DXImageTransform.Microsoft.Shadow
  (color=#e2e2e2, Direction=135, Strength=5);
  -ms-filter:"progid:DXImageTransform.Microsoft.Shadow
  (color=#e2e2e2, Direction=135, Strength=5)";}

input:focus, textarea:focus, select:focus { border:3px solid green;}

textarea {
  width: 100%;
  overflow: auto;}


.button {
	-moz-box-shadow:inset 0px 1px 0px 0px #bee2f9;
	-webkit-box-shadow:inset 0px 1px 0px 0px #bee2f9;
	box-shadow:inset 0px 1px 0px 0px #bee2f9;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #69A546), color-stop(1, #A6D28C) );
	background:-moz-linear-gradient( center top, #63b8ee 5%, #468ccf 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#63b8ee', endColorstr='#468ccf');
	background-color:#63b8ee;
	-webkit-border-top-left-radius:20px;
	-moz-border-radius-topleft:20px;
	border-top-left-radius:20px;
	-webkit-border-top-right-radius:20px;
	-moz-border-radius-topright:20px;
	border-top-right-radius:20px;
	-webkit-border-bottom-right-radius:20px;
	-moz-border-radius-bottomright:20px;
	border-bottom-right-radius:20px;
	-webkit-border-bottom-left-radius:20px;
	-moz-border-radius-bottomleft:20px;
	border-bottom-left-radius:20px;
	text-indent:0px;
	border:1px solid #A6D28C;
	display:inline-block;
	color:black;
	font-size:1.2em;
	font-weight:bold;
	font-style:normal;
	height:40px;
	text-decoration:none;
	text-align:center;
	padding:0.3em 1em;
	width:auto;

}
.button:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #69A546), color-stop(1, #A6D28C) );
	background:-moz-linear-gradient( center top, #468ccf 5%, #63b8ee 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#468ccf', endColorstr='#63b8ee');
	background-color:#468ccf;
		cursor:pointer;
		border:1px solid red;
		color:white;
		
}.button:active {
	position:relative;
	top:1px;
}

*/