/* Kontaktformular - Allgemeine Stiloptimierungen */
input:focus, .contactTextarea:focus, input.contactField:focus {
    outline: none;
border: var(--gi-shadow-border);
}

/* Textfeld und Textbereich Stile */
.contactTextarea, input.contactField, select.contactField {
    width: 500px;
    margin: 0;
    padding: .6em .7em;
border: var(--gi-shadow-border);
   background-color: var(--gi-input);
  color: var(--gi-font-color-white);
    font-size: var(--base-font-size);
    font-family: inherit;
}

.contactTextarea {
    height: 150px;
}
.contactTextarea:focus {
  outline: none;
  border-bottom: 2px solid #59a4de;
  color: var(--gi-font-color-white);
  outline: 0;
  box-shadow: var(--gi-input-bg);
}

/* Stile für Beschriftungen und Bilder im Kontaktformular */
.contactInputTd label, .contactInputTd img {
    margin: 10px 0 10px 20px;
}

/* Stile für die Submit-Schaltfläche und die 'bereits gespendet'-Schaltfläche */
input[type=submit], .alreadydonated {
margin-top: 10px;
  background-color: #3b4c69;
  padding: 12px 24px;
  font-weight: bold;
  color: var(--gi-font-color-white);
  font-size: var(--base-font-size);
  cursor: pointer;
border-radius: 3px;
  border: var(--gi-shadow-border);
  box-shadow: var(--gi-shadow-box);
  border-radius:3px;
  transition: background 0.3s ease, transform 0.2s ease, box-shadow 0.2s ease;
}
input[type=submit]:hover, .alreadydonated:hover {
filter: brightness(1.1);
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.45);
  border-left: var(--gi-border-accent-blue);
  border-right: var(--gi-border-accent-blue);
  border-radius: 5px;
}
.alreadydonated {
    padding: 6px;
}

.alreadydonated a {
    color: white;
    text-decoration: none;
}

/* Entfernen der 'clear' und 'reveal' Buttons bei Texteingabefeldern in IE */
input[type=text]::-ms-clear, input[type=text]::-ms-reveal {
    display: none;
}

/* Entfernen von Webkit-spezifischen Dekorationen für Suchfelder */
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
    display: none;
}

/* Stil für Formularüberschriften */
.form_head {
    font-weight: bold;
}
/* Kontaktformuluar */
.cformular {
	max-width: 700px;
	margin: auto;
	padding: 20px;
	border: var(--gi-shadow-border);
	font-family: Arial, sans-serif;
	background: var(--gi-background-box);
}
	.clabel {
	display: block;
	margin-bottom: 5px;
	font-weight: bold;
	color: var(--gi-font-color-white);
}
.cinput, .cinput_captcha {
	display: block;
	width: 100%;
	padding: 10px;
	border: none;
	margin-bottom: 15px;
	font-size: var(--base-font-size);
	font-family: Arial, sans-serif;
	box-sizing: border-box;
	background-color: var(--gi-input);
	box-sizing: border-box;
	color: var(--gi-font-color-white);
}
.cinput:focus, .cinput_captcha:focus {
  outline: none;
  border-bottom: 2px solid #59a4de;
  color: var(--gi-font-color-white);
  outline: 0;
  box-shadow: var(--gi-input-bg);
}
input#captcha_code.cinput_captcha {
	display: block;
	width: 100%;
	padding: 10px;
border:none;
	margin-bottom: 15px;
	font-size: 16px;
	font-family: Arial, sans-serif;
	box-sizing: border-box;
	width: 30%;
	margin-left:20px;
}
input#captcha_code.cinput_captcha:focus {
  outline: none;
  border-bottom: 2px solid #59a4de;
  color: var(--gi-font-color-white);
  outline: 0;
  box-shadow: var(--gi-input-bg);
}
.csubmit {
	width: 200px !important;
	background: green;
	border: 1px solid hsla(0,1%,62%,1.00);
	margin:unset !important;
}		
select {
	height: 40px;
}
textarea {
height: 200px;
}
img.captcha {
display: block;
margin-bottom: 10px;
}
.error {
color: red;
margin-bottom: 10px;
}