/* Einheitliche deutsche Datumseingabe mit unverändertem nativen Kalenderpicker. */
.zg-date-control { display:inline-block; position:relative; vertical-align:middle; width:155px; max-width:100%; }
.zg-date-control .zg-date-text { width:100%; min-width:0; padding-right:30px; }
.zg-date-control .zg-date-button {
    position:absolute; top:1px; right:1px; bottom:1px; width:28px;
    margin:0; padding:0; border:0; border-radius:3px; background:transparent;
    color:#65747b; font-size:12px; cursor:pointer;
}
.zg-date-button:focus-visible { outline:2px solid #2f6f9f; }
.zg-date-button:disabled { opacity:.5; cursor:default; }
.zg-date-control .zg-date-native {
    position:absolute !important; left:0 !important; top:0 !important;
    width:1px !important; height:1px !important; opacity:0 !important;
    pointer-events:none !important; clip-path:none !important; margin:0 !important;
}
.zg-date-control.zg-date-fallback .zg-date-native {
    width:100% !important; height:100% !important; opacity:1 !important;
    pointer-events:auto !important; z-index:4;
}
.rp-block-panel .rp-block-range .zg-date-control { width:120px; max-width:calc((100% - 16px) / 2); }
.rp-block-panel .zg-date-control .zg-date-text { font-size:11px; padding:3px 22px 3px 5px; }
.rp-block-panel .rp-block-range .zg-date-button { width:22px; height:26px; padding:0; }
.rp-block-panel .rp-block-range .zg-date-text { height:28px; }
.rtdoc-date-form .zg-date-control { width:125px; }
.rtdoc-date-form .zg-date-text { height:26px; font-size:11px; padding:3px 25px 3px 5px; }
.tkul-wrapper .zg-date-control .zg-date-button { padding:0; }