.title {

    color: #7f7472;
    font-weight: 700 !important;
}

.input {
    border-radius:0;
    box-shadow:none;
    padding: 15px;
}
.select select {
    border-radius: 0;
    width: 100%;
}
.select {
    width: 100%;
}
.spende {
    padding:15px;
}
.personal {
    background:#eee;
    margin-bottom:15px;

}

.active {
    display: block;
}
.summe {
    background:#eee;
    margin-bottom:15px;
}
.zahlungsweise {
    background:#eee;
    margin-bottom:15px;
}
.stheadline {
    margin-top:22px;
    font-size: 16px !important;
}
.spbutton {
    background-color: #e60002;
    border-color: transparent;
    color: #fff;
    border-radius: 0;

}
.spbutton:hover {
    background-color: #e60002;
    border-color: transparent;
    color: #fff;
    border-radius: 0;
}
.help {
    margin: 5px 0 !important;
    padding-left: 15px;
}
label.required span{position: relative; display: inline-block}
label.required span::after{
    content: '*';
    position: absolute;
    display: block;
    right: -10px;
    top: 0;
    height: 10px;
    width: 10px;
    text-align: right;
}
.company, .steuer, .artvalue, p.help.is-danger{display: none}
.company.company-active, .steuer.steuer-active, .help.is-danger.danger-active{display: block}
p.validate-is-danger{color: #ff3860;margin: 5px 0 -12px 0!important;padding-left: 15px;display: block;font-size: 1.1rem;}
span.art-radio{display: inline-block; float: left; padding: 12px 10px 12px 0;}
span.art-logo{display: inline-block; float: left}
span.art-logo img{height: 46px ; width: auto}
span.art-descr{display: inline-block; float: left; padding: 11px 0px 11px 5px}
span.art-descr-frst{padding-right: 46px}
.button[disabled]{ background-color: #e60002;}
.radio-inline{
    padding-bottom: 8px;
    padding-top: 6px;}

.payment-overflow > div > div{height: 100px; position: relative}
.payment-overflow{margin-top:20px}
.payment-overflow .payment{position: absolute; background: rgb(218, 218, 218) url("../images/osf_sepa.jpg") no-repeat 50% 50% ;  background-size: auto 70px; left:0; right: 0; top: 0; bottom: 0; border-radius: 4px;}
.payment-overflow .payment input[type=radio]{opacity: 0.01}
.payment-overflow .payment.active,
.payment-overflow .payment:active,
.payment-overflow .payment:focus{box-shadow: 0 0 1px 4px rgba(23,65,149,1) inset}
.payment-active{box-shadow: 0 0 1px 4px rgba(23,65,149,1) inset}
.payment-overflow .payment.sepa{background-image: url("../images/osf_sepa.jpg")}
.payment-overflow .payment.visa{background-image: url("../images/osf_visa.jpg")}
.payment-overflow .payment.paypal{background-image: url("../images/osf_paypal.jpg")}
.payment-overflow .payment.eps{background-image: url("../images/osf_eps.jpg")}
label{font-weight: normal}


.form-horizontal .control-label{text-align: left}
.form-control {background-color: rgb(218,218,218); border: none; box-shadow: none; color: rgb(51, 51, 51) }
select.form-control{padding: 12px; height: 44px}
input.form-control {height: 44px; line-height: 44px }

.form-control:focus, .form-control:active {box-shadow: 0 0 1px 4px rgba(23,65,149,1) inset}
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: rgb(100,100,100) !important;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: rgb(100,100,100) !important;
}

::-ms-input-placeholder { /* Microsoft Edge */
    color: rgb(100,100,100) !important;
}

.btn-send{
    height: 68px; line-height: 68px; font-weight: bold;color: white;border-radius: 8px; border: 1px solid #ccc; background:rgba(23,65,149,1) ; padding: 0 25px;
}
.btn-send:disabled {background:rgba(23,65,149,.3);cursor: not-allowed }

@media only screen and (min-width: 992px) {
    .no-padding-right{padding-right: 0}
}

@media only screen and (max-width: 991px) {
    .margin-bottom-md{margin-bottom: 15px}
    body{font-size: 1.8rem}
    p.validate-is-danger{font-size: 1.4rem}
}

.form-right-padding{padding-top: 26px}
.artvalue-overflow{height: 0px; clear: both}