*{
     
	 margin:0;
padding:0;
   }
  
  body{
  font-size: 1em;
  margin: 0px;
  padding: 0px;
  font-family: Verdana,  Arial, sans-serif;
  color: #3e3d40;
    
  }

/* Formularelemente*/

.select-wrapper{
  
  border: solid 0px red;
  width: 100%;
  /*margin: auto;*/
  margin-bottom: 1em;

}
   
    
	select{
      -moz-appearance: none;
      -webkit-appearance: none;
      appearance: none;
      border: none;
	   background-image: url('../imgs/arr_dwn_black.png'); /* add custom arrow */
	   background-repeat: no-repeat;
	    background-position: bottom right; 
	

}

    select::-ms-expand {
      display: none;
    }


    select {
      /* ... */
      width: 100%;
      height: 40px;
      padding-left: 10px;
      background-color: #e1e1e0;
      border-radius: .1em;
  box-shadow: -2px 3px 2px 0px #e1e1e0;
   transition: all 0.5s ease-in-out;
   -webkit-transition: all 0.5s ease-in-out;
      
      font-size: 100%;
  outline: none;
  cursor: pointer;
    }

 select:hover {
 background-color: #f1f1f1;
cursor: pointer;   




box-shadow: -3px 4px 3px 0px  #e1e1e0;

}

	.select-wrapper option{

      
	  color: black;
	 background-color: #f1f1f1;
	 cursor: pointer;
	 border-bottom: solid 2px white;
	  transition: all 0.5s ease-in-out;
   -webkit-transition: all 0.5s ease-in-out;
}


	.sel_box1{
	 border: solid 0px red;
	}



/* Buttons **/
.button {
   background-color: #dc001a; /*red */
    border: none;
    color: white;
	font-weight: normal;
    padding: 1em 2em;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 100%;
    margin: 4px 2px;
    cursor: pointer;
    transition: all 0.5s ease-in-out;
   -webkit-transition: all 0.5s ease-in-out;
	border-radius: 10px;
	letter-spacing: 5px;
	box-shadow: -2px 3px 2px 0px #e1e1e0;
	

}

.button:hover {
      color: white;
      background-color: red;
cursor: pointer;   

box-shadow: -2px 5px 4px 0px #e1e1e0;

	
}

/*** Button Ende **/
.fld_set_fv{
 
 padding: 1em;
 margin-left: auto;
 margin-right: auto;
 margin-bottom: 1em; 
 max-width: 97%;
 border: solid 2px #ed1c24;
 background-color: white!important;
}

.frm_tl2{
  font-size: 1.4em;
 color: #ed1c24;
 padding: 10px;
 background-color: white;
}

.inhalt_tbl_row{
  margin-bottom: 1em;
}



.label_inhalt{
 font-style: italic; 
}
.hyp_lb{
 font-weight: bold;
}

.fv_form_row{
  margin-bottom: 1em;
  border-bottom: dotted 0px blue;
}

.fv_form_row input[type=text]{
       border: solid 1px #e1e1e0;

       box-sizing: border-box;
      height: 2.2em;
	  width: 100%;
      padding-left: 10px;
      background-color: #ffffff;
      border-radius: .3em;
 
   transition: all 0.5s ease-in-out;
   -webkit-transition: all 0.5s ease-in-out;
      
      font-size: 100%;
  
  
}

.fv_form_row input:hover{
box-shadow: -3px 4px 3px 0px  #e1e1e0;
}

.fv_form_row textarea{
       border: solid 1px #e1e1e0;

       box-sizing: border-box;
      height: 2.2em;
	  width: 100%;
	  height: 7em;
      padding-left: 10px;
	   padding-top: 10px;
      background-color: #ffffff;
      border-radius: .3em;
 
   transition: all 0.5s ease-in-out;
   -webkit-transition: all 0.5s ease-in-out;
      
      font-size: 100%;
  
  
}

.fv_form_row textarea:hover{
box-shadow: -3px 4px 3px 0px  #e1e1e0;
}




.r5_bth{
border: solid 0px green;
margin-bottom: 1em;
}

.cls{
 clear: both;
}


div.upload {
    width: 200px;
    height: 40px;
	background-color: #dc001a;
	background: url('../imgs/upload.png');
	background-repeat: no-repeat;
    overflow: hidden;
	border: solid 0px #dc001a;
	border-radius: 6px;
    
	transition: all 0.5s ease-in-out;
   -webkit-transition: all 0.5s ease-in-out;
}

div.upload:hover {       
   box-shadow: 3px 4px 3px 0px  #e1e1e0;
   
     
}

div.upload input{
   
    display: block !important;
    width: 200px !important;
    height: 40px !important;
    opacity: 0 !important;
    overflow: hidden !important;
		cursor: pointer;

	
}

.fv_reg_plz{
width: 80px;  
float: left; 
margin-right: 5px; 
border: solid 0px red;
}

.fv_reg_ort{
float: right;
display: block;
width: calc(100% - 85px);
}

.fv_reg_logo_lab{
 font-weight: bold;
 margin-bottom: .5em;
}
.fv_warn_txt{
  margin-bottom: 10px;
}

.fv_lab_span{
 font-weight: normal;
 font-size: .8em;
 font-style: italic;
}

.fv_mst{
 color: red;
}

.fv_agb_link{
  color: #ed1c24; 
 text-decoration: none;
 border-bottom: solid 2px transparent;
 transition: all 0.5s ease-in-out;
   -webkit-transition: all 0.5s ease-in-out;
}

.fv_agb_link:hover{
  color: #ed1c24; 
 text-decoration: none;
 border-bottom: solid 2px #ed1c24;

}

.fv_upl_button_box{
  text-align: center;
}


.fv_upl_response_box{
  
  border: solid 0px red;

}

.fv_upl_resp_img{
 display: block;
 text-align: center;
 max-width: 95%;

 
  
  border: solid 0px green;

}

fv_upl_resp_img img{
 max-width: 100%;
}

/**** FV_Steps ******************/
.grid-container {
  display: grid;
  grid-template-columns: 25% 25% 25% 25%;
 
  padding: 1px;
  margin-bottom: 1em;
  border-bottom: solid 2px #f1f1f1;
  }

.grid-item {
  
  font-size: 1em;
  text-align: left;
  border: solid 0px red;
}

.step_nr{

display: inline-block;
padding: 1em;
color: white;
font-size: 1.2em;
font-weight: bold;
 background-color: gray; 
 border-radius: 50%;
 opacity: .5;

}

.step_nr_txt{
   color: gray;
  display: block;
  border: solid 0px black;
  opacity: .5;
}

.step_nr_act{

display: inline-block;
padding: 1em;
color: white;
font-size: 1.2em;
font-weight: bold;
 background-color: #dc001a;
 border-radius: 50%;
 opacity: 1;
  box-shadow: -2px 3px 2px 0px #e1e1e0;

}

.step_nr_txt_act{
   color: #dc001a;
  display: block;
  border: solid 0px black;
  opacity: 1;
}

.fv_info_box{
  margin-top: 1em;
  margin-bottom: 1em;
}

/******  FV Steps ***************/

/* preview */
.fv_row{
margin-bottom: 1em;
}

.fv_ttl{
 font-size: 1.2em;
 color: black;
 
}

.fv_mail_lab{
display: inline-block;
  width: 6em;
  border: solid 0px red;
}

a{ 
 color: black;
 text-decoration: underline;
 	 transition: all 0.5s ease-in-out;
   -webkit-transition: all 0.5s ease-in-out;
 }

a:hover{
color: #ed1c24; 
text-decoration: underline;
transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
}


.fv_long_txt{
  display: block;
  border-left: solid 1px #f6f6f6;
  
  margin-bottom: 2.5em;
   padding: .5em;
  padding-left: 1.6em;
-webkit-box-shadow: 1px 6px 15px -12px rgba(0,0,0,1);
-moz-box-shadow: 1px 6px 15px -12px rgba(0,0,0,1);
 box-shadow: 1px 6px 15px -12px rgba(0,0,0,1);

	 transition: all .5s ease-in-out;
     -webkit-transition: all .5s ease-in-out; 
}

.fv_long_txt figure{
   max-width: 30%;
   border: solid 0px red;
   display: inline-block;
   float: right;
}

.fv_long_txt img{
   width: 100%;
   
}


/* Checkbox **/
input[type='checkbox'] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border:none;
  border-radius: 0;
  font-size: 1em;
  width: 100%
} 
/* graceful degradation for ie8 */
input[type='checkbox']
{
  width:auto;
  float:left;
  margin-right: .75em;
  background:transparent;
  border:none;
}

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

input[type='checkbox'] + label
{
  cursor: pointer;
  
}

input[type='checkbox']:checked + label::before,
input[type='checkbox']:not(:checked) + label::before
{
    content:' ';
    display:inline-block;
    width: 20px;
    height:20px;
    position: relative;
    top: 4px;
    border: 2px solid #bbb;
    background: white;
    margin-right: 1em;
    box-shadow: inset 0 1px 1px 0 rgba(0,0,0,.1);

	 

}


input[type='checkbox']:hover + label::before
{
  background-color: #f1f1f1;
  
}

input[type='checkbox']:checked  + label::before
{
  background-image: url('../imgs/tick2.png');
  background-repeat: no-repeat;
   background-position: center; 
  /*box-shadow: inset 0 0 0 2px white;*/

}

/** Checkbox **/

h3{
  font-size: 1.1em;
 color: #ed1c24;
 font-weight: normal;
 margin-bottom: 1em;
 
}

.priv_box{
  display: block;
  box-sizing: border-box;
  position: absolute;
  top: 0;
  left: 0;
  height:200%;
  width: 100%;
   z-index: 10;
   background-image: url('../imgs/fv_prav_bg.png');
   background-attachment: fixed;
   background-color: white!important;
  padding: 1.2em;
  transition: all .5s ease-in-out;
     -webkit-transition: all .5s ease-in-out; 
 }
.priv_box_out{
  visibility: hidden;
  box-sizing: border-box;
  position: absolute;
  top: 0;
  left: -2000px;
  height:100%;
  width: 100%;
   z-index: 10;
   background-image: url('../imgs/fv_prav_bg.png');
   background-attachment: fixed;
   background-color: white!important;
  padding: 1.2em;

   transition: all .5s ease-in-out;
     -webkit-transition: all .5s ease-in-out; 
}


@media screen and (max-width: 1080px) { /*960*/
/* Buttons **/
.button {
    background-color: #dc001a; /*red */
    width: 100%;
	border: none;
    color: white;
	font-weight: bold;
    padding: 1em 2em;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 100%;
    margin: 4px 2px;
    cursor: pointer;
    -webkit-transition-duration: 0.6s; /* Safari */
    transition-duration: 0.6s;
	border-radius: 10px;
	letter-spacing: 5px;
	box-shadow: -2px 3px 2px 0px #e1e1e0;
	

}

.button:hover {
      color: white;
       background-color: #ff0000; /*red */
	   cursor: pointer;	
}
/* Buttons */

}/* max-width: 1080