.XContainer {
    border: 0px solid #fff;
    min-height: 25px;
    padding-bottom: 10px;
}

/* Select the container of repeatable elements

  and reset the counter here */

.CXTextField[data-xm-dynamic] {
    counter-reset: counter;
}


.countme .dynamic-row {
    counter-increment: counter;
}

.countme .dynamic-row label>p::before,
.countme .dynamic-row legend::before {

    content: counter(counter) ". ";
    color: #4274ad;

}

/*Footer und Header sollen weiß bleiben*/
.CXHeader .XContainer,
.CXFooter .XContainer,
.CXHeader,
.CXFooter {
    background-color: #fff !important;
}

button.XItem {
    color: #ffffff !important;
    background-color: #4274ad !important;
}

fieldset>legend:focus {
    outline-style: none !important;
    outline-width: 0px !important;
}

/*alle Buttons, die Klasse *senden* enthalten, werden grün*/
button[class*="senden"],
button[name*="senden"],
button[name*="reservieren"],
button[class*="reservieren"] {
    background-color: green !important;
    color: white !important;
}

button.red {
    background-color: red !important;
    color: white !important;
}

button[class*="senden"]::after,
button[name*="senden"]::after {
    content: " ✉";
}

button[class*="reservieren"]::after,
button[name*="reservieren"]::after {
    content: " ✎";
}

button.XItem:hover,
button.XItem[value="zurück"] {
    background-color: #ffffff !important;
    color: #4274ad !important;
}

button.hoverbutton {
    background-color: #ffffff !important;
    color: #4274ad !important;
}

.XRatingContainer .star.active I {
    color: #4274ad !important;
}

.XRating[readonly]~.star I::before,
.XRating:disabled~.star I::before {
    color: #4274ad !important;
}

/*die Div Container*/
div.CXPage div.XContainer {
    background-color: white;
}

div.CXPage .bluecon>div {
    background-color: rgba(67, 116, 174, 0.1) !important;
}

div.XSpanHint {
    background-color: #4373ae06 !important;
}

.bluecon {
    background-color: #4373ae06 !important;
}

div.CXPage div.ctnrAllBK {
    background-color: white;
}

.XNavigationBar .active .xnav-view,
.XNavigationBar .active-before .xnav-view {
    background-color: #4274ad;
}

.modern .XItem,
.modern .xm-item-div input[type=checkbox]:checked+label:before,
.modern .xm-item-div input[type=radio]:checked+label:before {
    color: #000000DD;
}

.XFieldSet {
    padding-bottom: 10px !important;
}

.XFieldSet LEGEND {
    padding: 10px !important;
}

.XFieldSetWrapper {
    margin-top: 10px !important;
}

.modern label span {
    font-size: 14px !important;
    font-weight: 500;
}

.modern .XItem {
    font-size: 14px !important;
}

.modern .xm-item-div label {
    font-size: 14px !important;
}

.CXContainer.xm-item-div,
.xm-item-div {
    margin-bottom: 5px;
}

div.xm-item-div {

    padding: 5px !important;

}

.XTextArea,
div.xm-item-div {
    font-size: 14px;
}

button[class*="schriftform"],
button[class*="bkLogin"],
.extrawide {
    width: 100% !important;
}

button[class*="bericht"] {
    width: 30% !important;
    padding-left: 5px;
    padding-right: 5px;
}

button[name="btn_help"] {
    background-image: url('https://fms.donau-ries.de/formcycle/form/includes/ressource?mid=1&name=help.png');

    background-size: cover;
    border: none !important;
    font-size: 2em;
    background-repeat: no-repeat;
    height: 50px;
    width: 50px;
}

.formelungesperrt {
    background: white !important;
}

label.label-left {
    vertical-align: middle !important;
}

.nospace {
    padding: 0px;
}

.nospace div {
    padding: 0px !important;
}

.short div,
.short {
    padding-top: 1px !important;
    ;
    padding-bottom: 1px !important;
    ;
    margin-top: 0px !important;
    ;
    margin-bottom: 1px !important;
    ;
}

.short hr {
    margin-block-start: 0px !important;
    margin-block-end: 0px !important;
}

.shorttables .dynamic-row,
.shorttables .dynamic-row div {
    padding-top: 1px !important;
    ;
    padding-bottom: 1px !important;
    ;
    margin-top: 0px !important;
    ;
    margin-bottom: 1px !important;
    ;
}

head::content {
    content: '<link id="favicon" rel="shortcut icon" type="image/png" href="https://fms.donau-ries.de/formcycle/includes/ressource?mid=1&amp;name=favicon32x32.png">' !important;
}

/*hier der Code ohne Umrandung*/
div.XSelect {
    border: none !important;
    outline: none !important;
}

div.CXCheckbox {
    border: none !important;
    outline: none !important;
}

xm-item-div label-top CXCheckbox ccb1 .nosilbe p,
.nosilbe span {
    hyphens: none !important;
    white-space: normal !important;
    overflow-wrap: normal !important;
}

.easteregg {
    width: 50px;
    height: 50px;
    background-image: url('https://fms.donau-ries.de/formcycle/form/includes/ressource?mid=1&name=easter-egg-1324879.svg');
    background-size: cover;
    /* Bild wird skaliert, um das gesamte Element zu füllen */
    background-position: center;
    /* Bild wird zentriert */
    background-repeat: no-repeat;
    /* Verhindert Wiederholung des Bildes */
}

div[data-cn='XContainerInvisible'] {
    padding: 0 !important;
}

.XContainerInvisible {
    background-color: rgba(255, 255, 255, 0) !important;
    padding: 0 !important;
}

div.xm-form-row {
    padding-right: 0 !important;
}

@media print {

    div.cLRAfooter {
        display: none !important;
    }

    .notvisible {
        display: none !important;
    }

    .nobreak {
        page-break-before: avoid !important;
    }

    .pagebreak {
        page-break-before: always !important;

    }

    .noborder .XFieldSetWrapper {
        border-width: 0pt !important;
    }

    .tablerow {
        display: table-row !important;
        width: auto;
    }

    .tablecell {
        display: table-cell !important;
        width: auto;
    }

    .mshort div,
    .mshort {
        padding-top: 0px !important;
        ;
        padding-bottom: 1px !important;
        ;
        margin-top: 0px !important;
        ;
        margin-bottom: 1px !important;
        ;
    }

    .mshort h1 {
        font-size: 16px !important;
    }

    .mshort h2,
    .mshort h3 {
        font-size: 14px !important;
    }

    .mshort fieldset>legend {
        font-size: 16px !important;
    }

    fieldset.small>legend {
        font-size: 16px !important;
    }

    input[type=checkbox]:disabled+.label-icon-checkbox::before,
    .modern .xm-item-div input[type=radio]:disabled+.label-icon-radio::before {
        color: #000000DD !important;
    }
}