body{margin: 0; padding: 0; font-family: Arial; font-size: 14px;}
a{text-decoration: underline; color: #000;}
input::placeholder {color: #000;}
input.required{ border: 1px solid #E8031F; }
.container{ width: 800px; margin: 0 auto; }
.logo,.language{ border-bottom: 1px solid #000; padding: 20px 0;display: inline-block;width: 100%; }
.language span{ float: right; }
.language span img{float: left;margin-right: 10px;}
.language span select{display: inline-block; border: none;}
.steps{ padding: 20px 0; position: relative; display: inline-block; }
.steps:before{content: "";width: 80%;height: 1px;background: #000;position: absolute;left: 10px;top: 50%;z-index: -1;}
.steps span{ 
    box-sizing: unset;
    line-height: 16px; border: 1px solid #000;padding: 10px 5px;width: 30px;text-align: center;margin-right: 25px;display: inline-block;background: #fff;}
/* .steps span:hover,*/.steps span.active{background: #000; color: #fff; cursor: pointer;}
.contentarea{padding: 30px 0;}
.contentarea h3{font-size: 18px;display: block;}

.formarea.step2 *{width: 80%;display:block;margin-bottom: 20px;}
.formarea input {padding: 10px; border: 1px solid #000;}
.formarea input[type="file"] {padding-left: 0px;}
.formarea.step2 select{padding: 10px; border: 1px solid #000;width: 83.5%;}
.formarea.step2 .buttonarea{width: 98%;margin: 0;}

.buttonarea button:hover
.buttonarea input:hover
{background: #000 !important;color: #fff !important;cursor: pointer;transition: 1s all;}
.buttonarea button.prev,
.buttonarea input.prev {background: #fff;border: 1px solid #000;color: #000;padding: 14px;min-width: 200px; margin: 20px 0; display: inline-block; float:left; width: auto; }
.buttonarea input.next,
.buttonarea button.next{background: #E8031F;color: #fff;border: none;padding: 14px; min-width: 200px; margin: 20px 0;display: inline-block; float: right; width: auto;}

button.prev {background: #fff;border: 1px solid #000;color: #000;padding: 14px;min-width: 200px; margin: 20px 0; display: inline-block; float:left; width: auto; }
button.next{background: #E8031F;color: #fff;border: none;padding: 14px; min-width: 200px; margin: 20px 0;display: inline-block; float: right; width: auto;}

a.disabled {
    color: #6c757d;
}
a.disabled:hover {
    text-decoration: none;
}


.invalid-feedback {
    line-height: 1.5;
}

.datepicker {
    border-radius: 0;
}

.buttonarea button,
.buttonarea a,
.buttonarea input {
    min-width: 200px;
    text-align: center;
}


.buttonarea {
    text-align: right;
    width: 100%;
    margin: 10px 0;
    display: inline-block;
}

.buttonarea.buttonarea-left {
    text-align: left;
}

.buttonarea a {
    /* -webkit-appearance: button; */
    display: inline-block;
    background: #fff;
    border: 1px solid #000;
    color: #000;
    padding: 8px;
    text-transform: none;
    text-decoration: none;
}
.buttonarea a:hover{background: #000 !important;color: #fff !important;cursor: pointer;transition: 1s all;}
.buttonarea a.prev{background: #fff;border: 1px solid #000;color: #000;padding: 14px; min-width: 200px; display: inline-block; }
.buttonarea a.next{background: #E8031F;color: #fff;border: none;padding: 14px; min-width: 200px; display: inline-block; }

.formarea input:not([type='checkbox']) {padding-top:25px;}

.formarea input[type="date"] {
    padding-top: 8px;
    padding-bottom: 8px;
}
/*
#date_of_birth {
    padding-bottom: 0;
}
*/

.formarea input#country {
    padding-top: 10px;
}


.ep-label {
    font-weight: bold;
    margin-bottom: 5px !important;
}

.margin-bottom-5px {
    margin-bottom: 5px !important;
}

.label {
    font-weight: bold;
    /* margin-bottom: 5px !important; */
}


ul.country-list, 
ul.country-list li {
    overflow-x: hidden;
    z-index: 8999;
    position: relative;
    background-color: #ffffff;
}

.formarea div.container-group-50 {
    width: 48.5%;
    display: inline-block;
    margin-right: 5px;
    margin-bottom: 20px;
}

.formarea .container-group-50 {
    width: 48.5%;
}


.formarea .container-group-50 input[type="text"],
.formarea .container-group-50 select {
    width: 100%;
}

.formarea .container-group-50 * {
    /* width: 100%; */
    margin-bottom: 3px;
}
.formarea .container-group-50 small {
    padding-left: 10px;
}

/*
.formarea input.input-pt0 {
    padding-top: 0px !important;
}
*/

.container-person {
    margin-top: 20px;
}

.pure-text-aligned {
    padding-left: 10px;
}

div[class="country-select inside"] {
    width: 100%;
}

.formarea select[readonly],
input[readonly] {
    color: #6c757d !important;
    border: 1px solid #6c757d;
    background-color: #e9ecef;
    opacity: 1;
}

.container-label {
}

.container-label-a {
    position: absolute;
}

.formarea .container-group-50 div[class="container-label"] small {
    position: relative; 
    top: 7px; 
    padding-left: 11px;
}


.formarea .container-group-50 small label {
    font-weight: normal;
}

.container-person {
    border-top: 1px solid #E8031F;
    padding-top: 10px;
}

.noselect {
    -webkit-touch-callout: none; /* iOS Safari */
      -webkit-user-select: none; /* Safari */
       -khtml-user-select: none; /* Konqueror HTML */
         -moz-user-select: none; /* Old versions of Firefox */
          -ms-user-select: none; /* Internet Explorer/Edge */
              user-select: none; /* Non-prefixed version, currently
                                    supported by Chrome, Edge, Opera and Firefox */
    pointer-events: none;                                    
  }

/*
.formarea select[readonly],
input[readonly] {
    background-color:transparent;
    border: 0;
    font-size: 1em;
}
*/


.formarea .container-group-file {
    margin-bottom: 30px;
    margin-left: 0px;
    padding-left: 18px;
}

.formarea .container-group-file input[type="file"] {
    padding-top: 2px;
    padding-bottom: 2px;
}

.formarea .container-group-file,
.formarea .container-group-file input[type="file"],
.formarea .container-group,
.formarea .container-checkbox {
    width: 100% !important;
}

.container-checkbox {
    margin-bottom: 50px;
}


.formarea .container-checkbox label {
    font-weight: normal;
}
.formarea .container-checkbox input {
    margin-bottom: 12px;
}

.formarea .container-group-file * {
    width: auto;
    display: block;
    margin-bottom: 0px;
    border: 0;
}

.invalid {
    color: #dc3545;
}

.formarea .container-group {
    width: auto;
    display: block;
    margin-bottom: 0px;
}

.formarea .container-checkbox * {
    width: auto;
    display: block;
    margin-bottom: 0px;
}
.formarea .container-checkbox label * {
    display: inline-block;
}

.formarea select {
    padding: 12px;
    border: 1px solid #000;
    width: 48.5%;
}

.formarea .buttonarea {
    width: 98%;
    margin: 0;
}

.contentarea {
    padding: 30px 0;
    min-height: 72vh;
}

input.form-control {
    padding: 10px;
    border: 1px solid #000;
    border-radius: 0px;
}

.contentarea h3 {
    font-weight: bold;
    margin-top: 20px;
}

.col-form-label {
    box-sizing: border-box;
}

footer{border-top: 1px solid #000; margin-top: 20px;}
footer .copyright,footer .footerlink,footer .socialicon{ display: inline-block; }
footer .copyright,footer .socialicon{width: 24%;}
footer .footerlink{width: 50%; text-align: center;}
footer .socialicon{text-align: right;}
footer .socialicon a{display: inline-block; border-left: 1px solid #000;padding: 10px 6px 6px;}

@media only screen and (max-width: 768px) {
    .formarea input,
    .formarea select,
    .contentarea h3 {
        width: 100%;
    }


    .formarea div[class="container-group-50"] {
        width: 100%;
    }

    div[class="col-3"] {
        width: 100% !important;
        min-width: 100% !important;
    }

    .container-ausgabestellen {
        padding-top: 0px !important;
        padding-bottom: 0px !important;
    }

    .container{ width: 100%; }
  	.formarea.step2 * {width: 93%;margin-right: 0;}
	.formarea.step2 select {width: 99%;}
	.formarea .buttonarea {width: 100%;}
	footer div {width: 100% !important;text-align: center;padding: 5px 0;}
	footer .socialicon{ text-align: center; }
	footer .socialicon a{border: none;}

    .buttonarea a.prev,
    .buttonarea button.prev {
        background: #fff;
        border: 1px solid #000;
        color: #000;
        padding: 14px;
        width: 100%;
        margin: 20px 0 0;
        display: block;
        float:none;
    }
    
    .buttonarea a.next,
    .buttonarea button.next {
        background: #E8031F;
        color: #fff;
        border: none;
        padding: 14px;
        width: 99%;
        margin: 20px 0;
        display: block;
        float:none;
    }    
}


::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #6c757d !important;
  }
  ::-moz-placeholder { /* Firefox 19+ */
    color: #6c757d !important;
  }
  :-ms-input-placeholder { /* IE 10+ */
    color: #6c757d !important;
  }
  :-moz-placeholder { /* Firefox 18- */
    color: #6c757d !important;
  }


/*
div[class="country-select inside"] {
    margin-top: 30px;
}
*/

div[class*="container-checkbox_group-file"] input {
    padding: 0px;
    margin-left: 20px;
    border: 0px;
}

.no-spacing {
    margin-bottom: 0px;
}

select {
    -webkit-appearance: initial;
    border-radius: 0;
    padding-top: 11px !important;
    padding-bottom: 10px !important;
    padding-left: 8px;
    margin-top: 0px;
}

#togglePassword {
    float: right;
    margin-right: 12px;
    margin-top: -28px;
    position: relative;
    z-index: 2;
    color: #666 !important;
   
    cursor: pointer;
}


.container-checkbox_group-file.d-block.container-chbx-file {
    padding-left: 20px;
    margin-bottom: 20px;
}

input.form-control-file.chbx-file  {
    margin-top: 3px;
    padding-top: 0px;
    margin-left: 0px;
    padding-left: 0px;

    margin-bottom: 3px;
}

#language {
    padding: 0px !important;
}

button, button * {
    cursor: pointer;
}

.accordion .card .card-header button[aria-expanded="false"]:before {
    content: "\f078";
}

.accordion .card .card-header button[aria-expanded="true"]:before {
    content: "\f054";
}

.accordion .card .card-header button:before {
    
    position: absolute; 
    left: 20px;
    font-size: 18px;
    font-family: FontAwesome;
      
     display: inline-block;
     padding-right: 3px;
     vertical-align: middle;
     font-size: .756em;
     color: #405189
}