/* CF Homes · Als App speichern. Scoped: never alter cards and modals elsewhere. */
.cfh-app-guide-card,.cfh-app-guide-card *, .cfh-app-guide-dialog,.cfh-app-guide-dialog *{box-sizing:border-box}
.cfh-app-guide-card{--c:#0798b6;--navy:#0c3570;position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.5fr) minmax(190px,.5fr);gap:24px;align-items:center;width:100%;padding:clamp(24px,4vw,48px);background:linear-gradient(125deg,#fff 24%,#f0fbfd 100%);border:1px solid #d9e8eb;border-radius:26px;box-shadow:0 13px 36px rgba(12,53,112,.09);font-family:inherit;color:#183e54}
.cfh-app-guide-card__content{position:relative;z-index:1;min-width:0}
.cfh-app-guide-card__eyebrow{font-size:12px;font-weight:800;letter-spacing:.105em;color:#078dac;text-transform:uppercase;margin-bottom:11px}
.cfh-app-guide-card h2{font-family:inherit!important;font-size:clamp(25px,3.1vw,39px)!important;line-height:1.13!important;font-weight:750!important;color:#0c3570!important;margin:0 0 14px!important;letter-spacing:-.015em}
.cfh-app-guide-card p{font-family:inherit!important;font-size:clamp(14px,1.6vw,17px)!important;line-height:1.56!important;margin:0 0 20px!important;color:#506d7c!important;max-width:680px}
.cfh-app-guide-card__facts{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:25px}
.cfh-app-guide-card__facts span{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:700;color:#0c567a;background:#eaf7f9;border:1px solid #d4edf1;padding:8px 11px;border-radius:999px;line-height:1.2}
.cfh-app-guide-card__facts svg{height:16px;width:16px;flex:none}
.cfh-app-guide-card__button{display:inline-flex;align-items:center;justify-content:center;gap:13px;padding:14px 22px;min-height:50px;max-width:100%;border:0;border-radius:13px;background:#078bac!important;color:white!important;font-size:15px!important;font-family:inherit;font-weight:800;line-height:1.2!important;cursor:pointer;transition:background-color .18s ease,box-shadow .18s ease;box-shadow:0 9px 22px rgba(5,134,166,.16)}
.cfh-app-guide-card__button:hover,.cfh-app-guide-card__button:focus-visible{background:#056782!important;color:white!important;box-shadow:0 11px 25px rgba(5,104,133,.23)}
.cfh-app-guide-card__button svg{width:18px;height:18px;flex:none}
.cfh-app-guide-card__visual{min-width:0;min-height:235px;position:relative;display:grid;place-items:center}
.cfh-app-guide-card__halo{position:absolute;inset:12px;border-radius:50%;background:radial-gradient(circle,rgba(7,152,182,.19),transparent 68%)}
.cfh-app-guide-card__phone{position:relative;display:flex;align-items:center;flex-direction:column;width:145px;min-height:240px;padding:16px 10px 12px;border:7px solid #103c5c;border-radius:25px;background:linear-gradient(#fff,#d9f4f7);box-shadow:15px 23px 36px rgba(13,39,71,.20);transform:rotate(7deg);text-align:center}
.cfh-app-guide-card__speaker{width:34px;height:5px;background:#0c3570;border-radius:8px;margin-bottom:35px}
.cfh-app-guide-card__phone-icon{width:69px;height:69px;display:block;filter:drop-shadow(0 7px 7px rgba(0,41,73,.18))}
.cfh-app-guide-card__phone strong{font-size:12px!important;margin-top:12px;color:#0c3570!important;letter-spacing:0!important;line-height:1.15}
.cfh-app-guide-card__phone small{font-size:10px;color:#467287;margin-top:3px}
.cfh-app-guide-dialog[hidden]{display:none!important}
.cfh-app-guide-dialog{position:fixed!important;inset:0!important;width:100vw;height:100vh;height:100dvh;z-index:2147483500!important;padding:clamp(8px,2vw,22px);display:flex;align-items:center;justify-content:center;background:rgba(8,30,51,.74);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);font-family:inherit}
.cfh-app-guide-dialog__window{position:relative;width:min(1220px,100%);height:min(92vh,940px);height:min(92dvh,940px);border-radius:19px;overflow:hidden;background:#f7fbfc;box-shadow:0 28px 90px rgba(0,14,30,.46);display:flex;flex-direction:column;border:1px solid #d1e4e9}
.cfh-app-guide-dialog__bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 20px 12px 24px;min-height:68px;flex:none;background:#fff;border-bottom:1px solid #d5e7eb;color:#0c3570}
.cfh-app-guide-dialog__bar>div{display:flex;flex-direction:column;gap:3px;min-width:0}
.cfh-app-guide-dialog__bar strong{font-size:16px;line-height:1.2;color:#0c3570;font-family:inherit}
.cfh-app-guide-dialog__bar span{font-size:12px;color:#68818b;line-height:1.2}
.cfh-app-guide-dialog__close{display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;padding:0;border:0!important;border-radius:50%!important;background:#087fa8!important;color:#fff!important;cursor:pointer;box-shadow:0 3px 8px rgba(0,64,93,.17)}
.cfh-app-guide-dialog__close:hover,.cfh-app-guide-dialog__close:focus-visible{background:#005a85!important;color:#fff!important}
.cfh-app-guide-dialog__close svg{width:18px;height:18px}
.cfh-app-guide-dialog__scroll{min-height:0;flex:1;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;outline:none}
.cfh-app-guide-dialog__scroll #emp-app-guide{font-family:inherit}
@media(max-width:700px){.cfh-app-guide-card{grid-template-columns:1fr;padding:23px 19px;border-radius:21px}.cfh-app-guide-card__visual{position:absolute;right:-34px;top:-8px;min-height:0;transform:scale(.55);transform-origin:top right;opacity:.17;pointer-events:none}.cfh-app-guide-card__facts{gap:6px}.cfh-app-guide-card__facts span{font-size:11px;padding:7px 9px}.cfh-app-guide-card__button{width:100%}.cfh-app-guide-dialog{padding:7px}.cfh-app-guide-dialog__window{width:100%;height:calc(100dvh - 14px);max-height:none;border-radius:14px}.cfh-app-guide-dialog__bar{padding:10px 12px;min-height:60px}.cfh-app-guide-dialog__bar span{font-size:11px}}
@media(prefers-reduced-motion:reduce){.cfh-app-guide-card__button{transition:none}}
