@charset "UTF-8";

input::placeholder  
{
    color: #000000;
    opacity: 0.6;
}

textarea::placeholder
{
    color: #000000;
    opacity: 0.6;
}

.formular-eingabe-feld
{
    font-family: 'Fira Sans', sans-serif;
    font-weight:400;
    font-size:16px;
    color:#000000;
    padding-left:104px;
    position:relative;
}

.formular-eingabe-feld-beschriftung
{
    position:absolute;
    top:12px;
    left:0px;
}

.Formular_Style
{
    margin-top:0px;
    font-family: 'Fira Sans', sans-serif;
}

.Formular_Style .form-field
{
    margin-bottom: 20px;
}

.form-field-weiss
{
    background:#ffffff;
}

.Formular_Style .form-field input
{
    width: 100%;
    height: 50px;
    padding: 5px 18px;
    font-size: 15px;
    border: 2px solid #ac9982;
	background-color:transparent;
}

.Formular_Style .form-field textarea
{
    width: 100%;
    padding: 10px 18px;
    font-size: 15px;
    border: 2px solid #ac9982;
}





.Formular_Style .form-field input:focus, .Formular_Style .form-field textarea:focus
{
    border-color: #7b6957;
    outline: none;
}

.Formular_Style .form-button
{
    margin-top:20px;
    text-align: center;
}

.Formular_Style .form-button button
{
    font-family: "Roboto Condensed", sans-serif;
    font-size:24px;
    font-weight:600;
    padding-top:7px;
    border: 1px solid #ac2840;
    color: #ffffff;
    display:block;    
    transition: all .5s;
    text-align:center;
    margin-left:auto;
    margin-right:auto;
    width:280px;
    height:54px;
    background:#ac2840;
    line-height:1;
    border-radius:27px;
}

.Formular_Style .form-button button:hover
{
    background:#ffffff;
    border: 1px solid #ac2840;
    color:#ac2840;
}



.formular-rahmen
{
    width:100%;
    height:auto;
    padding:30px;
    background:#eee6df;
    display:block;
}

.checkboxfeld-datenschutz, .checkboxfeld
{
    position:absolute;
    top:0px;
    left:0px;
}



input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border:none;
  border-radius: 0;
  font-size: 1em;
  width: 100%
} 

input[type='checkbox'],
input[type='radio'] {
  width:auto;    
  background:transparent;
  border:none;
  position:absolute;

  left:0px;
}

input[type='checkbox']:checked,
input[type='checkbox']:not(:checked),
input[type='radio']:checked,
input[type='radio']:not(:checked) {
  background: transparent;
  position: relative;
  visibility: hidden;
  margin:0;
  padding:0;
}

input[type='checkbox'] + label,
input[type='radio'] + label {
  cursor: pointer;
}
input[type='checkbox']:checked + label::before,
input[type='checkbox']:not(:checked) + label::before,
input[type='radio']:checked + label::before,
input[type='radio']:not(:checked) + label::before {
    content:' ';
    display:inline-block;
    width:30px;
    height:30px;
    position:relative;
    border: 2px solid rgba(0, 0, 0, 0.4);
    background:#ffffff;
    margin-right: 1em;
	margin-left:0px;
    top:0px;
    box-shadow: inset 0 1px 1px 0 rgba(0,0,0,0.1);
}

input[type=radio]:checked + label::before,
input[type=radio]:not(:checked) + label::before {
  border-radius: 30px;
}
 input[type='checkbox']:hover  + label::before,
    input[type='radio']:hover  + label::before {
      background:rgba(0 , 0, 0, 0.1);
      box-shadow: inset 0 0 0 1px white;
      -webkit-transition: all .3s ease-out;
      transition: all .3s ease-out;
    }
    


input[type='checkbox']:checked  + label::before,
input[type='radio']:checked  + label::before {
  background:#ac2840;
  box-shadow: inset 0 0 0 2px white;
  border-radius:50%;
  border: 2px solid #ac2840;
}



#messages
{
    text-align:center;
    font-size:18px;
    font-weight:700;
    color:#000000;
}

.formular-checkbox-datenschutz
{
    width:100%;
    height:34px;
    position:relative;
    display:block;
}

.formular-checkbox-text-datenschutz
{
    width:100%;
    text-align:left;
    padding-left:40px;
    padding-top:8px;
    font-size:16px;
    font-weight:400;
    color:#000000;
    line-height:1;
}

.formular-checkbox
{
    width:100%;
    height:30px;
    position:relative;
    display:block;
}

.formular-checkbox-text
{
    width:100%;
    text-align:left;
    padding-left:40px;
    padding-top:8px;
    font-size:16px;
    font-weight:600;
    color:#000000;
    line-height:1;
}

.formular-input-datei-text
{
    width:100%;
    text-align:left;
    font-size:16px;
    font-weight:600;
    color:#000000;
    line-height:1;
}

.formular-checkbox-text-2
{
    width:100%;
    text-align:left;
    padding-left:40px;
    padding-top:0px;
    font-size:16px;
    font-weight:600;
    color:#000000;
    line-height:1;
}

.kontakt-beschreibungstext-header
{
    text-align:center;
    color:#ac2840;
    font-size:18px;
    font-weight:600;
}

.kontakt-beschreibungstext
{
    text-align:center;
    color:#000000;
    font-size:15px;
    font-weight:400;
}

.kontakt-beschreibungstext-2
{
    text-align:left;
    color:#000000;
    font-size:15px;
    font-weight:400;
    max-width:600px;
}

.formular-input-beschreibung-text
{
    width:100%;
    text-align:left;
    font-size:16px;
    font-weight:600;
    color:#ac2840;
    line-height:1;
}

.feldfehler
{
	background-color:rgba(245, 35, 25, 0.15)!important;
}

.Formular_Style input[type="file"] 
{
    display: none;
}

.inputfeldmeldung
{
	border:2px solid #ac2840!important;

}

.Formular_Style .datei-upload 
{
   	padding-left:20px;
	padding-top:12px;
    border: 2px solid #ac9982;
    color: #ac2840;
    display:block;    
    font-size: 18px;
    transition: all .5s;
    text-align:left;
    margin-left:auto;
    margin-right:auto;
    width:100%;
	height:50px;
	cursor: pointer;
	background:#ffffff;
	user-select: none;
	position:relative;
}

.Formular_Style .datei-upload:hover
{
   	padding-left:20px;
    border: 2px solid #7b6957;
    color: #000000;
    display:block;    
    transition: all .5s;
    text-align:left;
    margin-left:auto;
    margin-right:auto;
    width:100%;
	height:50px;
	cursor: pointer;
	background:#ffffff;
	user-select: none;
	position:relative;
}



.Formular_Style .datei-upload-pfeil
{
	position:absolute;
	width:8px;
	height:auto;
	right:20px;
	top:9px;
}

.dateifehler
{
	font-weight:400;
	color:#ac2840!important;
}

.delete-icon
{
	width:12px;
	height:auto;
	display:block;
	cursor:pointer;
	position:absolute;
	right:0px;
	top:6px;
}

#bfile1deleteicon, #bfile2deleteicon, #bfile3deleteicon
{
	display:none;
}

.upload-anzeige
{
	width:100%;
    height:10%;
    top:45%;
    left:45%;
    position:fixed;
    display:none;
}

.upload-kreis
{
	width:10%;
	height:auto;
	display:block;
    animation: animatekreis 2.0s linear infinite;
    animation-iteration-count: infinite;
    
}

@keyframes animatekreis {
    0% {
        transform:rotate(0deg);
        
        
    }
    100% {
        transform:rotate(359deg);
       
    }
}



.abstand-file
{
	width:100%;
	height:25px;
	font-size:15px;
	font-weight:400;
	line-height:1;
	padding-top:6px;
	color:#000000;
	text-align:center;
	position:relative;
}




@media (max-width: 879px)
{
    .formular-checkbox-datenschutz
    {
        width:100%;
        height:76px;
    }

    .formular-checkbox-text-datenschutz
    {
        font-size:16px;
        line-height:1.3;
        max-width:382px;
    }
    
    .checkboxfeld-datenschutz
    {
        top:11px;
    }

}

@media (max-width: 466px)
{
    
    .formular-rahmen
    {
        width:100%;
        height:auto;
        padding:15px;
        padding-top:40px;
        border:solid 0px #ac2840;
        display:block;

    }
    
   .formular-checkbox-datenschutz
    {
        width:100%;
        height:76px;
    }

    .formular-checkbox-text-datenschutz
    {
        font-size:15px;
        line-height:1.3;
        max-width:290px;
        
    }
    
    .checkboxfeld-datenschutz
    {
        top:18px;
    }
    
}