@import url(https://www.barmherzige-muenchen.de/typo3conf/ext/base_template/Resources/Public/Stylesheets/styles.css);

code {
    font-family: source-code-pro, Menlo, Monaco, Consolas, Courier New, monospace
}

input[type=radio] {
    -webkit-appearance: none;
    appearance: none;
    border: 1px solid #00a2d6;
    border-radius: 10px;
    float: left;
    height: 20px;
    margin-right: 10px;
    width: 20px
}

input[type=radio]:checked {
    background: #00a2d6;
    position: relative
}

input[type=radio]:checked:after {
    background-color: #fff;
    border-radius: 5px;
    content: "";
    height: 10px;
    left: calc(50% - 5px);
    position: absolute;
    top: calc(50% - 5px);
    width: 10px
}

input[type=checkbox] {
    -webkit-appearance: none;
    appearance: none;
    border: 1px solid #00a2d6;
    float: left;
    height: 20px;
    margin-right: 10px;
    width: 20px
}

input[type=checkbox]:checked {
    background: #00a2d6;
    position: relative
}

input[type=checkbox]:checked:after {
    background-color: #fff;
    content: "";
    height: 10px;
    left: calc(50% - 5px);
    position: absolute;
    top: calc(50% - 5px);
    width: 10px
}

#auswahl, #auswahl0, #auswahl1, #auswahlundefined {
    margin-bottom: 20px
}

#auswahl0:after, #auswahl1:after, #auswahl:after {
    clear: both;
    content: "";
    display: block
}

.onlinetermin label {
    display: block;
    font-weight: 700;
    margin-bottom: 10px
}

.radio, div {
    clear: both
}

.radio label {
    float: left
}

.textInput {
    margin-bottom: 20px;
    margin-right: 10px
}

.textInput, select#docSelection, select.treeSelection {
    -webkit-appearance: none;
    appearance: none;
    border: 1px solid #00a2d6;
    font-size: 1em;
    min-width: 300px;
    padding: 10px 14px;
    text-indent: .01px;
    text-overflow: ""
}

select#docSelection, select.treeSelection {
    background: url('data:image/svg+xml;utf8,%3Csvg version="1.1" id="Ebene_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="15px" height="8px" viewBox="0 0 15 8" enable-background="new 0 0 15 8" xml:space="preserve"%3E%3Cpolygon fill="%239C9C9D" points="13.458,0 7.5,6.355 1.541,0 0,0 7.5,8 15,0 "%3E%3C/polygon%3E%3C/svg%3E') 97% no-repeat #fff;
    margin-bottom: 14px
}

select#docSelection:focus-visible, select.treeSelection:focus-visible {
    border-radius: 0
}

#conditionContainer button {
    -webkit-appearance: none;
    appearance: none;
    background-color: #fff;
    border: 1px solid #00a2d6;
    font-size: 1em;
    margin-bottom: 14px;
    min-width: 300px;
    padding: 10px 14px;
    text-indent: .01px
}

#conditionContainer button:hover {
    background-color: #00a2d6;
    border: 1px solid #00a2d6;
    color: #fff
}

textarea {
    border: 1px solid #00a2d6;
    max-width: 300px;
    min-height: 140px;
    width: 300px
}

fieldset, textarea {
    margin-bottom: 10px
}

label[for=check-x] {
    display: block;
    margin-left: 30px
}

iframe {
    border: none
}

.onlinetermin {
    margin-bottom: 40px;
    padding: 5px
}

button:focus, input:focus, select:focus, textarea:focus {
    outline: 2px solid blue !important
}

/*# sourceMappingURL=main.52f5b88d.css.map*/