/* allgemeine Formatierungen */


.gutscheintabelle input, .gutscheintabelle textarea, .gutscheintabelle select {
    font-size: 12px !important; border-radius: 3px;
	padding: 2px 4px !important;
	border: 1px solid #CCC;
	box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset;
	transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
	line-height: 20px;
	font-weight:normal;
}

.gutscheintabelle input, .gutscheintabelle select
 {height:22px;}

.gutscheintabelle select
{height:28px;}

.gutscheintabelle-bilder td
{padding: 0 5px 0 5px; font-size:12px}

#gutscheine
{padding:0 20px 0 20px}

#demoform input, #demoform textarea, #demoform select 
{
width:90%; 
padding: 2px 4px !important;
border-radius: 3px;
border: 1px solid #CCC;
box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset;
transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
line-height: 20px;  !important;
font-size: 12px !important;
margin-top:5px;
margin-bottom:1px;
background-color: #FFF;
}	

#demoform textarea
 {vertical-align: top;}
 
#demoform input, #demoform select
 {height:28px !important;
 font-weight:normal !important;}

#demoform select
{height:28px;}

#demoform fieldset {width:80%;margin:auto;font-size: 12px !important; padding:1%; border:1px solid #EFB957; border-radius:4px; background: #F1FDDB;}
#demoform legend { padding:0 20px; margin-bottom:1em; font-size:1.2em}
#demoform label { border-bottom:#FFF solid 1px;cursor:pointer; display:block; font-size:1.1em; padding: 4px 0 6px 0; border-radius:2px; margin-bottom: 4px;}
#demoform .labelrot {color:#C00}
#demowidth {background:#F0C85E; color:white; padding:1ex; text-align:center; border-radius:4px}
#demoform fieldset h3 {text-transform:uppercase;font-size:14px;margin-bottom:4px;margin-top:8px;}

#demoform .gutscheinbutton {font-size:14px !important;}

#demoform .small  { width:25%; margin-right:1%}
#demoform .small2  { width:66%; }

#demoform label span {
    display: inline-block;
    width: 100%;}
	
.rot
{color:#C00}

.anmerkung
{font-size:12px!important; font-weight:normal!important; line-height:18px!important}

.error {
    color: #AA0225;
    background-color: #F6D3CF;
    background-image: url('../../../../../../../typo3/sysext/t3skin/icons/gfx/error.png');
    border-color: #D66C68;
    border: 1px solid;
    background-position: 10px 12px;
    background-repeat: no-repeat;
    margin-bottom: 4px;
    padding: 12px;
        padding-left: 12px;
    padding-left: 36px;
}

#gutscheinmotive
{min-height: 260px; overflow: auto; margin:auto; margin-top:30px; text-align:center}

#gutscheinmotive td, #gutscheinmotive table
{width:90%}


#gutscheinmotive table td
{padding:5px !important;
font-size:12px;
font-weight:bold}

#gutscheinmotive img
{border:none}

.weitereinfos a
{padding-right: 15px;
font-size:12px;
background:url(../images/pfeil2.gif) no-repeat;
background-position: right;
}

@media only screen and (min-width:450px)  {
	#demoform label span { display:block; width:100%}
	#demoform input, #demoform textarea, #demoform select { width:95%}
	#demoform .small  { width:24%; margin-right:1%}
	#demoform .small2  { width:67%; }

}


}
@media only screen and (min-width:767px)  {
	#demoform fieldset {width:80%}
	#gutscheine{padding:0}
	#demoform label span { display:inline-block; width:25%}
	#demoform input, #demoform select  { width:70%; }
	#demoform .small  { width:20%; margin-right:1%}
	#demoform .small2  { width:47%; }
	
	#gutscheinmotive{width: 760px; height: 240px; overflow: auto; margin-top:30px}
	#gutscheinmotive td, #gutscheinmotive table {width:100%}
	
	.gutscheinbutton{width:50% !important}
}

@media only screen and (min-width:991px)  {
	#demoform fieldset {width:60%}

#aflex { display: -webkit-flex; 
display: -ms-flexbox;  
display:flex; 
-webkit-justify: space-between;
-ms-flex-pack:justify;
justify: space-between;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;}

.demobox {
-webkit-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
background: #F1D564;
border-radius:4px;
border:1px solid gainsboro;
margin-bottom:1em;
line-height: 150%
}

.demobox select {display:block; margin: 0 auto; margin-bottom: 1em; font-size:1.1em}
.demobox p {font-size: 1.2em; margin: 1em; text-align: center}
.demobox div { margin-left: 10px; margin-bottom: 10px}
hr { height:2px; color: white; background: gold;visibility:visible }

}

@media only screen and (max-width:450px)  {
	#demoform fieldset {width:90%;}
}

#demoform .weitereinfos
{margin-top:40px;margin-bottom:40px}

#demoform .gutscheinbutton
{-webkit-appearance: none;cursor: pointer; border: none !important;background: #C00 !important;color: #ffffff !important; font-size:18px !important;padding:10px !important;text-align:center;max-width:220px !important;font-family: Verdana, Arial, Helvetica, sans-serif;font-weight:bold;-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;margin:3px;margin-top:20px !important; height:auto !important}

#demoform .gutscheinbutton:hover
{background: #ec6e00 !important}