/* Formular-Meldungen */
.alert												{ width: 100%; font-weight: bold; font-size: 1.000rem; text-align: center; padding: 0.625rem; display: block; margin-bottom: 0.500rem; border-radius: 5px; }
.orange												{ background: #f9b13f; color: #000; }
.blue													{ background: #99ccff; color: #000; }
.red													{ background: #ff9999; color: #000; }
.green												{ background: #99cc66; color: #000 !important; }

.hrform												{ clear: both; width: 100%; border: none; color: transparent; margin-bottom: 0.500rem; }
.btn													{ padding: 0.625rem; text-align: center; font-size: 1.000rem; display: block; cursor: pointer; background: #e20066; border-radius: 5px; color: #ffffff; }
.btn100												{ width: 100%; }

/* Eingabefelder */
.subject											{ position: absolute; visibility: hidden; z-index: -1; max-width: 50%; }
.input,
.select,
.textarea											{ padding: 0.625rem; margin-bottom: 0.500rem; background: #c3b392; color: #000000; font-size: 1.000rem; border: none; font-family: 'Oxygen', sans-serif; border-radius: 5px; outline: none; }
.txtfull                      { width: 100%; }
/*input[type="time"]            { display: none; } */
.i100													{ width: 100%; }
.i70													{ width: 69%; }
.i50													{ width: 49%; }
.i30													{ width: 29%; }
/* Select-Felder */
.s100													{ width: 100%; }
.s50													{ width: 49%; }
.s30													{ width: 32%; }

.selectbox										{ overflow: auto; }
.fb100												{ width: 100%; }
.fb50													{ width: 49%; }
.fb30													{ width: 32%; }			
.fieldbox label								{ font-style: italic; font-size: 0.750rem; }

.submit												{ cursor: pointer; }

form label										{ display: block; font-size: 0.875rem; font-style: italic; color: #e6e6e6; margin-bottom: 0.313rem; }
form label a									{ text-decoration: underline; }

/* Captcha Felder & Co. */
.capic100, .cacode100					{ width: 100%; text-align: center; box-sizing: border-box; border-radius: 5px; }
.capic50, .cacode50						{ width: 49%; text-align: center; box-sizing: border-box; border-radius: 5px; }
.capic100, .capic50,
.cacode100, .cacode50					{ border: none; margin-bottom: 0.625rem; }
.capic100, .capic50						{ background: #eeeeee; }
.cacode100, .cacode50					{ padding: 0.625rem; font-size: 1.000rem; background: #c3b392;}
.approve											{ font-size: 1.000rem; text-align: center; color: #000; cursor: pointer; border: none; text-decoration: none; display: block; background: #c3b392;  }
.approve:disabled							{ font-size: 1.000rem; text-align: center; color: #999; cursor: default; border: none; text-decoration: none; display: block; background: #bbbbbb; }

/* Checkboxen für DSGVO */
/* The container */
.containerf { display: block; position: relative; padding-left: 35px; margin-bottom: 12px; cursor: pointer; font-size: 0.875rem; font-style: italic; color: #ffffff; text-align: justify; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
/* Hide the browser's default checkbox */
.containerf input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; }
/* Create a custom checkbox */
.checkmark { position: absolute; top: 0; left: 0; height: 22px; width: 22px; background-color: #c3b392; border-radius: 5px; }
/* On mouse-over, add a grey background color */
.containerf:hover input ~ .checkmark { background-color: #999999; }
/* When the checkbox is checked, add a blue background */
.containerf input:checked ~ .checkmark { background-color: #c3b392; }
/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after { content: ""; position: absolute; display: none; }
/* Show the checkmark when checked */
.containerf input:checked ~ .checkmark:after { display: block; }
/* Style the checkmark/indicator */
.containerf .checkmark:after { left: 6px;  top: 4px;  width: 5px; height: 8px;  border: solid white;  border-width: 0 3px 3px 0;  -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }


@media screen and (max-width: 520px) {
.i50													{ width: 100%; }
.i30													{ width: 100%; }

/* Select-Felder */
.s50													{ width: 100%; }
.s30													{ width: 100%; }
.fb50													{ width: 100%; }
.fb30													{ width: 100%; }
	}