#sLeistung-calc {
    max-width: 960px;
}

.formWrapper {
    border: 1px solid rgb(214, 214, 214);
}
.formWrapper fieldset {
    border: none;
    margin: 0;
    padding: 0;
}

#sLeistungForm ul {
    list-style: none;
    margin: 0;
}

#sLeistungForm ul li {
    list-style: none;
    margin: 15px 0;
}

#sLeistungForm ul li label {
    display: inline-block;
    margin-right: 10px;
    text-align: right;
    vertical-align: middle;
    width: 200px;
}

#sLeistungForm ul li input, #sLeistungForm ul li select {
    border: 1px solid rgb(148, 148, 148);
    border-radius: 4px;
    font-family: Arial, Helvetica, sans-serif;
    padding: 8px 5px;
    vertical-align: middle;
    width: 200px;
    transition-duration: .3s;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
}
#sLeistungForm ul li input:focus, #sLeistungForm ul li select:focus {
   box-shadow: 0 0 0 2px #38713f;
   outline: none;
}
#sLeistungForm ul li select {
    width: auto;
}

#sLeistung-calc .sleistung-button {
    background-color: rgb(56, 113, 63);
    border: 1px solid rgb(56, 113, 63);
    border-radius: 4px;
    box-sizing: border-box;
    color: #FFF;
    font-size: 16px;
    outline: none;
    padding: 10px 20px;
    margin: 10px;
}

#sLeistung-calc .sleistung-button:hover, #sLeistung-calc .sleistung-button:focus {
    background-color:rgb(11, 77, 31);
    cursor: pointer;
}

.sleistungErrorMessage {
    display: none;
    font-weight: bold;
    margin-top: 20px;
    padding: 10px;
    width: auto;
}
.sleistungErrorMessage.loading, .sleistungErrorMessage.haserror {
    display: inline-block;
}
.sleistungErrorMessage.haserror {
    border: 1px solid rgb(186, 41, 12); 
}

.resultWrapper {
    border: 1px solid rgb(214, 214, 214);
    display: none;
    margin-top: 4em;
}

.resultWrapper.showwrapper {
    display: block;
}

.sleistung-result-block {
    display: inline-block;
    padding: 0 10px 10px;
    vertical-align: top;
    width: 400px;
}

@media (min-width: 960px) {

    .sleistung-output-wrap {
        display:block;
        width:400px;
    }
}
.sleistung-output-wrap dt, .sleistung-output-wrap dd {
    display: inline-block;
    margin: 5px 0;
    vertical-align: top;
    width: 200px;
}

.sleistung-output-wrap dd span {
    padding-right: 3px;
}

.bg-head {
    background: rgb(214, 214, 214);
    margin-top: 0;
    padding: 5px 5px 5px 10px;
}

.f-bold {
    font-weight: 600;
}
.fs-2 {
    font-size: 1.1em;
}


@media print {
    #pfadleiste, .formWrapper, .sleistung-button {
        display: none;
    }
}