/* BFZ_V599_BACKGROUND_IMAGES */
/* BRAHIMI V5.9.9 · responsive system-wide background images */
.bfz-v599-responsive-background{position:absolute;inset:0;display:block;overflow:hidden;pointer-events:none;z-index:0}
.bfz-v599-responsive-background img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;user-select:none;-webkit-user-drag:none}
.bfz-v599-background-overlay{position:absolute;inset:0;pointer-events:none;z-index:1}

/* Login: the image belongs to the login surface, while the card remains readable. */
.bfz-v271-login-shell.bfz-v599-has-login-background{position:relative;isolation:isolate;overflow:hidden;border-radius:28px}
.bfz-v271-login-shell.bfz-v599-has-login-background>.bfz-v599-login-background{z-index:-2}
.bfz-v271-login-shell.bfz-v599-has-login-background>.bfz-v599-background-overlay{z-index:-1;background:linear-gradient(90deg,rgba(244,249,252,.18),rgba(244,249,252,.06) 52%,rgba(255,255,255,.10))}
.bfz-v271-login-shell.bfz-v599-has-login-background .bfz-v271-login-card{background:rgba(255,255,255,.88);box-shadow:0 28px 88px rgba(28,45,64,.18)}

/* Home background: stays behind every start-page element, never inside the app grid. */
.bfz-v240-home.bfz-v599-has-page-background{position:relative;isolation:isolate}
.bfz-v240-home.bfz-v599-has-page-background>.bfz-v599-home-background{inset:-24px -28px -30px;z-index:-2;border-radius:30px}
.bfz-v240-home.bfz-v599-has-page-background>.bfz-v599-background-overlay{inset:-24px -28px -30px;z-index:-1;border-radius:30px;background:linear-gradient(180deg,rgba(246,250,252,.26),rgba(246,250,252,.52))}

/* Hero background: actual <picture>/<img> gives the browser responsive srcset selection. */
.bfz-v240-hero.bfz-v599-has-background-image,
.bfz-v250-module-hero.bfz-v599-has-background-image{position:relative!important;isolation:isolate!important;overflow:hidden!important;color:#fff!important}
.bfz-v240-hero.bfz-v599-has-background-image>.bfz-v599-hero-background,
.bfz-v250-module-hero.bfz-v599-has-background-image>.bfz-v599-hero-background{z-index:0}
.bfz-v240-hero.bfz-v599-has-background-image>.bfz-v599-background-overlay,
.bfz-v250-module-hero.bfz-v599-has-background-image>.bfz-v599-background-overlay{z-index:1;background:linear-gradient(90deg,rgba(13,31,48,.62),rgba(13,31,48,.36) 55%,rgba(13,31,48,.28))}
.bfz-v240-hero.bfz-v599-has-background-image>:not(.bfz-v599-responsive-background):not(.bfz-v599-background-overlay),
.bfz-v250-module-hero.bfz-v599-has-background-image>:not(.bfz-v599-responsive-background):not(.bfz-v599-background-overlay){position:relative;z-index:2}
body.bfz-v321-has-app-hero .bfz-v321-app-hero.bfz-v599-has-background-image,
body.bfz-v321-has-app-hero .bfz-v321-app-hero.bfz-v599-has-background-image :is(h1,h2,h3,p,span,strong,label,a,button){color:#fff!important}
.bfz-v599-has-background-image .bfz-v240-hero-search{background:rgba(255,255,255,.15)!important;border-color:rgba(255,255,255,.42)!important}
.bfz-v599-has-background-image .bfz-v240-shortcut{background:rgba(255,255,255,.13)!important;border-color:rgba(255,255,255,.38)!important}

/* Settings -> Darstellung & Startseite -> existing "Hintergrund" accordion. */
.bfz-v599-background-images{display:grid;gap:14px;margin-top:4px;padding-top:18px;border-top:1px solid rgba(75,94,118,.12)}
.bfz-v599-background-images-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}
.bfz-v599-background-images-head>span:first-child{display:grid;gap:4px}
.bfz-v599-background-images-head strong{font-size:16px;color:#17324d}
.bfz-v599-background-images-head small{max-width:760px;color:#6d7888;line-height:1.4}
.bfz-v599-background-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.bfz-v599-background-card{display:grid;grid-template-rows:148px 1fr;min-width:0;overflow:hidden;border:1px solid rgba(75,94,118,.13);border-radius:18px;background:rgba(255,255,255,.82);box-shadow:0 5px 18px rgba(35,53,78,.04)}
.bfz-v599-background-preview{position:relative;isolation:isolate;display:grid;place-items:center;overflow:hidden;background:linear-gradient(135deg,#f1f5f9,#e7eef5)}
.bfz-v599-background-preview>.bfz-v599-settings-picture{z-index:0}
.bfz-v599-background-preview>.bfz-v599-background-overlay{z-index:1;background:linear-gradient(180deg,transparent,rgba(12,32,52,.12))}
.bfz-v599-background-empty{padding:14px;color:#7d8998;font-size:12px;font-weight:750;text-align:center}
.bfz-v599-background-preview.is-local-preview{background-position:center;background-size:cover;background-repeat:no-repeat}
.bfz-v599-background-preview.is-local-preview>.bfz-v599-responsive-background,
.bfz-v599-background-preview.is-local-preview>.bfz-v599-background-overlay,
.bfz-v599-background-preview.is-local-preview>.bfz-v599-background-empty{display:none}
.bfz-v599-background-copy{display:grid;align-content:start;gap:10px;padding:14px}
.bfz-v599-background-copy>div:first-child{display:grid;gap:3px}
.bfz-v599-background-copy strong{color:#17324d;font-size:14px}
.bfz-v599-background-copy small{color:#6f7b8d;font-size:11px;line-height:1.4}
.bfz-v599-background-meta{display:flex!important;flex-wrap:wrap;gap:5px!important;margin:0!important}
.bfz-v599-background-meta span{padding:4px 7px;border-radius:999px;background:#f1f5f8;color:#667588;font-size:10px;font-weight:700}
.bfz-v599-background-actions{display:flex;flex-wrap:wrap;gap:8px}
.bfz-v599-upload-button,.bfz-v599-remove-button{min-height:38px;display:inline-flex;align-items:center;justify-content:center;padding:0 12px;border-radius:11px;font:inherit;font-size:12px;font-weight:800;cursor:pointer}
.bfz-v599-upload-button{border:1px solid color-mix(in srgb,var(--user-blue) 28%,#d7e0e9);background:color-mix(in srgb,var(--user-blue) 6%,#fff);color:var(--user-blue-dark)}
.bfz-v599-upload-button input{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}
.bfz-v599-remove-button{border:1px solid #efc5c7;background:#fff5f5;color:#ad3439}
.bfz-v599-selected-file{display:block;min-height:30px}
.bfz-v599-background-admin-note{margin:0!important;padding:10px 12px;border-radius:12px;background:#f4f6f8;color:#687588!important}

@media(max-width:1050px){.bfz-v599-background-grid{grid-template-columns:1fr}.bfz-v599-background-card{grid-template-columns:220px minmax(0,1fr);grid-template-rows:auto}.bfz-v599-background-preview{min-height:150px}}
@media(max-width:760px){.bfz-v271-login-shell.bfz-v599-has-login-background{border-radius:22px}.bfz-v599-background-images-head{display:grid}.bfz-v599-background-card{grid-template-columns:1fr;grid-template-rows:150px 1fr}.bfz-v240-home.bfz-v599-has-page-background>.bfz-v599-home-background,.bfz-v240-home.bfz-v599-has-page-background>.bfz-v599-background-overlay{inset:-18px}}
@media(prefers-reduced-data:reduce){.bfz-v599-responsive-background img{filter:none}}