/* Ulber Telegram Abwesenheit – Version 1.4.2 */ .uat-auto-output{width:100%;position:relative;z-index:30} /* Banner: nicht klickbar, zentriert und mit allen vorhandenen Informationen. */ .uat-banner{font-family:inherit;width:100%;margin:0;border-top:3px solid #0087BE;border-bottom:1px solid rgba(0,135,190,.25);background:#eaf7fc;color:#17242c;box-sizing:border-box} .uat-banner-active{border-top-color:#c62828;border-bottom-color:rgba(198,40,40,.28);background:#fff4f4} .uat-banner-content{width:min(1400px,100%);margin:0 auto;min-height:50px;padding:7px 22px 8px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;box-sizing:border-box;line-height:1.3} .uat-banner-main{display:flex;align-items:baseline;justify-content:center;gap:8px;flex-wrap:wrap} .uat-banner-title{font-weight:800;color:#0087BE;font-size:13px;text-transform:uppercase;letter-spacing:.035em} .uat-banner-active .uat-banner-title{color:#c62828} .uat-banner-text{font-weight:700;font-size:15px} .uat-banner-details{margin-top:3px;font-size:13px;line-height:1.32;color:#34444d;font-weight:500;text-align:center} /* Modals werden per JavaScript direkt unter verschoben, damit sie nicht in einem Slider-/Überschriften-Stacking-Context hängen bleiben. */ html.uat-modal-open,body.uat-modal-open{overflow:hidden!important} .uat-modal[hidden]{display:none!important} .uat-modal{position:fixed!important;inset:0!important;background:rgba(15,24,30,.62);z-index:2147483640!important;padding:22px;align-items:center;justify-content:center;overflow:auto;box-sizing:border-box} .uat-modal.is-open{display:flex!important} .uat-modal-card{position:relative;z-index:1;background:#fff;max-width:640px;width:min(640px,100%);max-height:88vh;overflow:auto;border-radius:16px;padding:38px 38px 32px;box-shadow:0 22px 75px rgba(0,0,0,.38);border-top:6px solid #0087BE;text-align:center;color:#263238;box-sizing:border-box} .uat-modal-active .uat-modal-card{border-top-color:#c62828} .uat-modal-card h2{margin:0 46px 16px;color:#1d2a33;text-align:center;font-size:28px} .uat-popup-main{color:#303b42;font-size:20px;font-weight:700;line-height:1.45;margin:0 auto 18px;max-width:550px;text-align:center} .uat-modal-active .uat-popup-main{color:#c62828} .uat-section{margin:18px auto 0;text-align:center;max-width:540px} .uat-section strong{display:block;color:#0087BE;margin-bottom:7px;font-size:17px} .uat-section p{margin:0;line-height:1.58;text-align:center} .uat-modal-x{position:absolute;right:15px;top:11px;width:36px;height:36px;border:0;border-radius:999px;background:#f0f6f9;color:#0087BE;font-size:28px;line-height:32px;text-align:center;cursor:pointer;padding:0} .uat-button{appearance:none;border:0;display:inline-block;margin-top:24px;padding:10px 22px;border-radius:999px;background:#0087BE;color:#fff!important;cursor:pointer;font-weight:700;text-decoration:none;font-size:15px} .uat-button:hover,.uat-button:focus{background:#006f9d} /* Kompakte, mittig zentrierte Übersicht. Auf großen Bildschirmen nimmt eine Karte ungefähr ein Sechstel der Gesamtbreite ein. */ .uat-overview-empty{padding:18px;border:1px solid #dbe5ea;border-radius:10px;background:#f7fcff;text-align:center} .uat-carousel{position:relative;width:min(920px,calc(100% - 32px));margin:6px auto 8px;padding:0 42px;box-sizing:border-box;isolation:isolate} .uat-carousel-viewport{width:100%;overflow-x:auto;overflow-y:visible;scroll-behavior:smooth;scrollbar-width:none;scroll-snap-type:x mandatory;padding:2px 0 4px} .uat-carousel-viewport::-webkit-scrollbar{display:none} .uat-carousel-track{display:flex;gap:12px;align-items:stretch;width:100%;min-width:100%} .uat-carousel-no-overflow .uat-carousel-track{justify-content:center} .uat-overview-card{scroll-snap-align:start;flex:0 0 calc((100% - 24px)/3);min-width:0;border:1px solid #dbe5ea;border-radius:12px;background:#fff;box-shadow:0 6px 18px rgba(0,0,0,.07);overflow:hidden;box-sizing:border-box} .uat-overview-card-button{appearance:none;-webkit-appearance:none;border:0;background:transparent;width:100%;min-height:126px;padding:13px 12px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;cursor:pointer;color:#263238;font:inherit;box-sizing:border-box} .uat-overview-card-button:hover,.uat-overview-card-button:focus{background:#f4fbfe;outline:none} .uat-overview-card-button:focus-visible{box-shadow:inset 0 0 0 3px rgba(0,135,190,.35)} .uat-overview-status{display:inline-block;border-radius:999px;background:#e7f4fa;color:#006b96;font-weight:700;padding:3px 8px;font-size:11px;margin-bottom:7px} .uat-overview-title{font-size:17px;line-height:1.2;color:#1d2a33;margin-bottom:6px} .uat-overview-period{font-size:13px;font-weight:700;line-height:1.3} .uat-overview-more{margin-top:7px;color:#0087BE;font-size:11px;font-weight:700} .uat-overview-active{border-color:#e8b6b6;border-top:4px solid #c62828;background:#fffafa} .uat-overview-active .uat-overview-status{background:#fde3e3;color:#a11d1d} .uat-overview-active .uat-overview-title{color:#a11d1d} .uat-overview-future{border-top:4px solid #0087BE} .uat-overview-archived{border-top:4px solid #9aa4aa;background:#f7f7f7;color:#5f666a} .uat-overview-archived .uat-overview-status{background:#e6e6e6;color:#555} .uat-carousel-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:32px;height:48px;border:0;border-radius:9px;background:#0087BE;color:#fff;font-size:30px;line-height:40px;cursor:pointer;box-shadow:0 6px 17px rgba(0,0,0,.17);padding:0} .uat-carousel-arrow:hover,.uat-carousel-arrow:focus{background:#006f9d} .uat-carousel-arrow[hidden]{display:none!important} .uat-carousel-prev{left:3px} .uat-carousel-next{right:3px} /* Das Ordinations-Informationspopup darf bei einer aktiven Abwesenheit nicht zusätzlich erscheinen. Die UAT-eigenen Modals sind davon ausgeschlossen. */ html.uat-suppress-ordination-popup #zozo-modal-697966f3eedbe, html.uat-suppress-ordination-popup [id^="zozo-modal-"]:not(.uat-modal), html.uat-suppress-ordination-popup .zozo-modal:not(.uat-modal), html.uat-suppress-ordination-popup .zozo-modal-wrapper:not(.uat-modal), html.uat-suppress-ordination-popup .zozo-modal-overlay, html.uat-suppress-ordination-popup .zozo-modal-backdrop, html.uat-suppress-ordination-popup .modal-backdrop, html.uat-suppress-ordination-popup .mfp-bg, html.uat-suppress-ordination-popup .mfp-wrap, html.uat-suppress-ordination-popup .fancybox-container, html.uat-suppress-ordination-popup .fancybox__container{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important} /* Die WPBakery-Zeile des Übersichts-Shortcodes soll keine künstliche Mindesthöhe oder riesige Innenabstände übernehmen. */ .uat-overview-host-row{min-height:0!important;height:auto!important;padding-top:8px!important;padding-bottom:8px!important;margin-top:0!important;margin-bottom:0!important;background-image:none!important} .uat-overview-host-row>.wpb_column>.vc_column-inner,.uat-overview-host-inner{min-height:0!important;height:auto!important;padding-top:0!important;padding-bottom:0!important;margin-top:0!important;margin-bottom:0!important} .uat-overview-host-row .wpb_text_column,.uat-overview-host-row .wpb_wrapper{margin-top:0!important;margin-bottom:0!important} .uat-hidden-theme-decoration{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important} @media (max-width:900px){ .uat-carousel{width:min(650px,calc(100% - 24px));padding:0 38px} .uat-overview-card{flex-basis:calc((100% - 12px)/2)} } @media (max-width:600px){ .uat-banner-content{padding:7px 12px 8px} .uat-banner-main{gap:5px} .uat-banner-title{font-size:11px} .uat-banner-text{font-size:13px} .uat-banner-details{font-size:11px} .uat-modal{padding:14px} .uat-modal-card{padding:32px 18px 25px;max-height:92vh} .uat-modal-card h2{font-size:24px;margin-left:38px;margin-right:38px} .uat-popup-main{font-size:17px} .uat-carousel{width:100%;padding:0 38px} .uat-carousel-track{gap:10px} .uat-overview-card{flex-basis:100%} .uat-carousel-arrow{width:30px;height:46px;font-size:28px} .uat-overview-card-button{min-height:122px;padding:12px 10px} }