@charset "UTF-8";
/***************************************************/
/* Kontaktformulare */
/***************************************************/
#mailform .csc-mailform-field {
  position: relative;
  float: left;
  display: block;
  width: 505px;
  clear: both;
  padding: 5px 0 5px 0;
  dispay: block; }

#mailform .csc-mailform-field label {
  position: relative;
  float: left;
  display: inline;
  width: 130px;
  margin: 0 10px 0 0;
  text-align: left; }

#mailform .csc-mailform-field input {
  position: relative;
  float: left;
  display: inline;
  width: 350px;
  height: 18px;
  margin: 3px 0 3px 0;
  border: 1px solid #999999;
  font-family: 'Rubik', sans-serif; }

#mailform .csc-mailform-field select {
  position: relative;
  float: left;
  display: inline;
  width: 350px;
  height: 22px;
  margin: 3px 0 3px 0;
  border: 1px solid #999999; }

* html #mailform .csc-mailform-field select {
  width: 300px; }

#mailform .csc-mailform-field textarea {
  position: relative;
  float: left;
  display: inline;
  width: 350px;
  height: 100px;
  border: 1px solid #999999;
  font-family: 'Rubik', sans-serif;
  font-size: 0.9em; }

/****************************************************/
/* RADIOS: Erfordert spezielles Rendering im Setup! */
/****************************************************/
#mailform div.eag-radiolayout {
  position: relative;
  float: left;
  display: block;
  width: 350px;
  margin: 5px 0 10px 140px; }

#mailform div.eag-radiolayout label {
  position: relative;
  float: left;
  display: inline;
  width: 310px; }

/* Label f├╝r den gesamten Radio-Block (erstes Label): */
#mailform div.eag-radiolayout label:first-child {
  position: relative;
  float: left;
  display: block;
  width: 100%;
  margin: 0 0 5px -140px; }

#mailform .csc-mailform-field input.csc-mailform-radio {
  position: relative;
  float: left;
  display: inline;
  width: 15px;
  height: 15px;
  background: none;
  border: none;
  margin: 2px 8px 0 0;
  clear: both; }

/****************************************************/
/* CHECKBOXEN: Erfordert spez. Rendering im Setup!  */
/****************************************************/
#mailform div.eag-mailform-check {
  position: relative;
  float: left;
  display: block;
  padding: 0;
  border: none;
  width: 365px;
  margin: 0 0 0 140px; }

#mailform div.eag-mailform-check label {
  width: 320px;
  margin: 2px 0 0 0; }

/****************************************************/
#mailform .csc-mailform-field input.csc-mailform-check {
  position: relative;
  float: left;
  display: inline;
  width: 15px;
  height: 15px;
  background: none;
  border: none;
  margin: 3px 8px 0 0; }

#mailform legend {
  display: none; }

#mailform fieldset.csc-mailform {
  border: none; }

#mailform input.csc-mailform-submit {
  margin: 10px 0 0 140px;
  background-color: #efefef;
  border: 1px solid #999;
  vertical-align: middle;
  height: 20px;
  width: 130px;
  font-family: 'Rubik', sans-serif;
  font-size: 1.3em; }

#mailform input.csc-mailform-submit:hover {
  background-color: #fff;
  cursor: pointer; }

/************************************/
/* Trenner */
/************************************/
#mailform input#mailformtrenner_1, #mailform input#mailformtrenner_2, #mailform input#mailformtrenner_3 {
  border: none;
  background: transparent !important;
  height: 30px; }

/************************************/
/* FE-LOGIN */
/************************************/
.tx-felogin-pi1 form {
  margin-top: 20px; }

.tx-felogin-pi1 form div {
  position: relative;
  float: left;
  width: 100%;
  display: block;
  clear: both;
  padding: 5px 0 5px 0; }

.tx-felogin-pi1 div label {
  position: relative;
  float: left;
  display: inline-block;
  width: 100%; }

.tx-felogin-pi1 input {
  position: relative;
  float: left;
  display: inline-block;
  width: 98%;
  height: 30px;
  border: 1px solid #666;
  padding: 2px 0 0 1%; }

.tx-felogin-pi1 input[type=submit] {
  margin: 30px 0 30px;
  width: 50%; }

/******************************/
/* Textfelder weniger breit als submit ... */
.tx-felogin-pi1 input#user,
.tx-felogin-pi1 input#pass {
  /*width: 180px;*/ }

.tx-felogin-pi1 legend {
  display: none; }

.tx-felogin-pi1 .felogin-hidden {
  border: none; }

.tx-felogin-pi1 .felogin-hidden input {
  border: none; }

/*  Link analog Links im Fliesstext  */
div.tx-felogin-pi1 a {
  /*border-bottom: 2px solid $gruen;*/ }

/*******************************/
/* Bedingt Anpassung am Template (id f├╝r den Submit-Button): */
input#fe_login_submit {
  width: 182px; }

/* Schriftfamilie, gr├Âsse und Farbe f├╝r alle Elemente */
.tx-felogin-pi1 * {
  font-family: 'Rubik', sans-serif;
  font-size: 1em;
  color: #3c3c3c; }

/********************************************************/
/*  FE User Registration Anpassungen  */
/********************************************************/
#tx-srfeuserregister-pi1-fe_users_form fieldset {
  width: 100%; }

/* input-container */
#tx-srfeuserregister-pi1-fe_users_form fieldset dl dd {
  width: 100%; }

/* label-container */
#tx-srfeuserregister-pi1-fe_users_form fieldset dl dt {
  width: 100%;
  text-align: left; }

/* Label f├╝r Passwort wiederholen (innerhalb DD ...) */
label.tx-srfeuserregister-pi1-password-again {
  padding: 0 !important; }

/* text-Inputfelder */
#tx-srfeuserregister-pi1-fe_users_form input.tx-srfeuserregister-pi1-text,
#tx-srfeuserregister-pi1-fe_users_form input.tx-srfeuserregister-pi1-password,
#tx-srfeuserregister-pi1-fe_users_form input#tx-srfeuserregister-pi1-pass {
  border: 1px solid #666;
  width: 98%;
  height: 30px;
  padding: 2px 0 0 1%; }

/* PullDown Länder */
#tx-srfeuserregister-pi1-fe_users_form select#tx-srfeuserregister-pi1-static_info_country {
  border: 1px solid #666;
  width: 99%; }

/* Submit */
input.tx-srfeuserregister-pi1-submit {
  border: 1px solid #666;
  height: 30px;
  width: 50%; }

.felogin-hidden {
  height: 1px !important;
  width: 1px !important;
  overflow: hidden !important; }

/* Schriftfamilie, gr├Âsse und Farbe f├╝r alle Elemente */
#tx-srfeuserregister-pi1-fe_users_form * {
  font-family: 'Rubik', sans-serif;
  font-size: 1em;
  color: #3c3c3c; }

/* FORM neu TYPO3 7.6 */
#content article.csc-mailform ol {
  margin: 0 !important;
  float: none !important;
  width: 100%; }

article.csc-mailform li {
  /*position: relative;
  float: left;*/
  display: block;
  width: 100%;
  border: none;
  margin: 0 0 10px 0 !important; }

/* allgemein */
article.csc-mailform li.csc-form-element label {
  position: relative;
  display: inline-block;
  width: 99%;
  max-width: 99%;
  margin: 0 10px 0 0;
  text-align: left;
  vertical-align: top; }

/* select */
article.csc-mailform li.csc-form-element-select select {
  position: relative;
  display: inline-block;
  width: 99%;
  max-width: 99%;
  height: 30px;
  margin: 3px 0 3px 0;
  border: 1px solid #999999; }

/* textfeld */
article.csc-mailform li.csc-form-element-textline input {
  position: relative;
  display: inline-block;
  width: 98%;
  max-width: 99%;
  height: 30px;
  margin: 3px 0 3px 0;
  border: 1px solid #999999;
  padding: 2px 0 0 1%; }

/* mehrzeiliges textfeld */
article.csc-mailform li.csc-form-element-textarea textarea {
  position: relative;
  display: inline-block;
  width: 98%;
  max-width: 99%;
  height: 100px;
  border: 1px solid #999999;
  padding: 2px 0 0 1%; }

/* submit */
article.csc-mailform li.csc-form-element-submit input {
  margin: 30px 0 0 0;
  background-color: #efefef;
  border: 1px solid #999;
  vertical-align: middle;
  height: 30px;
  width: 50%; }

/* Schriftfamilie, gr├Âsse und Farbe f├╝r alle Elemente */
article.csc-mailform_WEGDAMIT * {
  font-family: 'Rubik', sans-serif;
  font-size: 1em;
  color: #3c3c3c; }

@media only screen and (max-width: 640px) {
  article.csc-mailform li.csc-form-element-submit input_ {
    margin: 0;
    height: 40px;
    width: 350px;
    max-width: 99%;
    margin-top: 10px; } }
/**********************************/
/* NEUE FORMULARE: Checkboxen */
/**********************************/
/* label zu checkbox */
li.csc-form-element-checkbox label {
  float: right !important;
  width: 93% !important; }

/* die Checkbox an sich */
li.csc-form-element-checkbox input {
  float: left !important;
  width: 4% !important;
  margin: 4px 0 0 3px !important; }

/**********************************/
/* NEUE FORMULARE: Radios in Radiogroup */
/**********************************/
/* li um alle Radios */
ol li.csc-form-element {
  padding: 0; }

/* Titel der Radiogroup */
li.csc-form-element-radiogroup legend {
  width: 100%;
  margin: 0 0 20px 0;
  padding: 0; }

/* ol um label und input */
li.csc-form-element-radiogroup ol {
  width: 100%;
  padding: 0 !important; }

/* li um label und input */
li.csc-form-element-radiogroup ol li {
  width: 100%;
  padding: 0;
  margin: 5px 0 0 0 !important; }

/* label radio */
li.csc-form-element-radiogroup ol li label {
  position: relative;
  float: right !important;
  margin: 0 !important;
  width: 94% !important; }

/* input radio */
li.csc-form-element-radiogroup ol li input {
  position: relative;
  float: left !important;
  padding: 0;
  margin: 4px 0 0 0;
  width: 5%; }

/*# sourceMappingURL=eag_t3_formulare.css.map */