.da-application {
    box-sizing: border-box;
    position: relative;
    max-width: 1120px;
    margin: 0 auto;
    color: #18212b;
    font-size: 16px;
}

/* Public package and account journey. Intentionally scoped to avoid theme collisions. */
.da-auth {
    --da-auth-bg: #f5f8f7;
    --da-auth-surface: #fff;
    --da-auth-text: #123c45;
    --da-auth-muted: #526773;
    --da-auth-accent: #176b5f;
    --da-auth-accent-dark: #104f47;
    --da-auth-border: #d5e0df;
    --da-auth-radius: 18px;
    width: min(1160px, 100%);
    margin: 0 auto;
    color: var(--da-auth-text);
    font-size: 16px;
    line-height: 1.55;
}
.da-auth *, .da-auth *::before, .da-auth *::after { box-sizing: border-box; }
.da-auth a:not(.da-auth__button) { color: var(--da-auth-accent) !important; }
.da-auth a:not(.da-auth__button):hover, .da-auth a:not(.da-auth__button):focus-visible { color: var(--da-auth-accent-dark) !important; }
.da-auth--narrow { width: min(620px, 100%); }
.da-auth__hero { padding: clamp(28px, 6vw, 72px); border-radius: 24px; background: linear-gradient(135deg, #edf8f5, #f9f6e8); }
.da-auth__hero h2 { max-width: 820px; margin: 8px 0 14px; font-size: clamp(2rem, 5vw, 3.75rem); line-height: 1.08; letter-spacing: -.035em; }
.da-auth__hero > p:not(.da-auth__eyebrow) { max-width: 760px; color: var(--da-auth-muted); font-size: 1.1rem; }
.da-auth__eyebrow { margin: 0; color: var(--da-auth-accent); font-size: .82rem; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }
.da-auth__fact { margin-top: 22px !important; padding-left: 14px; border-left: 4px solid var(--da-auth-accent); }
.da-auth__plans { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; margin: 28px 0; }
.da-auth__plan, .da-auth__card, .da-auth__summary, .da-auth__comparison, .da-auth__trust { border: 1px solid var(--da-auth-border); border-radius: var(--da-auth-radius); background: var(--da-auth-surface); box-shadow: 0 18px 50px rgba(18,60,69,.07); }
.da-auth__plan { display: flex; min-width: 0; flex-direction: column; padding: 28px; }
.da-auth__plan--featured { border: 2px solid var(--da-auth-accent); transform: translateY(-6px); }
.da-auth__badge { align-self: flex-start; margin: -12px 0 12px; padding: 5px 10px; border-radius: 99px; background: #e3f4ee; color: var(--da-auth-accent-dark); font-size: .78rem; font-weight: 900; }
.da-auth__plan h3, .da-auth__summary h2 { margin: 0; font-size: 1.65rem; }
.da-auth__plan-copy, .da-auth__duration { color: var(--da-auth-muted); }
.da-auth__price { margin: 18px 0 0; color: var(--da-auth-text); font-size: 1.65rem; font-weight: 900; }
.da-auth__plan ul, .da-auth__summary ul { flex: 1; margin: 18px 0 24px; padding: 0; list-style: none; }
.da-auth__plan li, .da-auth__summary li { position: relative; margin: 9px 0; padding-left: 25px; }
.da-auth__plan li::before, .da-auth__summary li::before { position: absolute; left: 0; content: '✓'; color: var(--da-auth-accent); font-weight: 900; }
.da-auth .da-auth__button { display: inline-flex; min-height: 48px; align-items: center; justify-content: center; padding: 12px 18px; border: 0; border-radius: 10px; background: var(--da-auth-accent); color: #fff; cursor: pointer; font-weight: 900; text-align: center; text-decoration: none; }
.da-auth .da-auth__button:hover, .da-auth .da-auth__button:focus-visible { background: var(--da-auth-accent-dark); color: #fff; }
.da-auth__comparison, .da-auth__trust { margin-top: 28px; padding: clamp(22px, 4vw, 38px); }
.da-auth__comparison-grid { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 16px; }
.da-auth__comparison-grid article { padding: 18px; border-radius: 12px; background: var(--da-auth-bg); }
.da-auth__comparison-grid dl div { display: flex; justify-content: space-between; gap: 12px; padding: 9px 0; border-bottom: 1px solid var(--da-auth-border); }
.da-auth__comparison-grid dd { margin: 0; font-weight: 800; text-align: right; }
.da-auth__steps { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; margin: 28px 0; padding: 0; counter-reset: auth-step; list-style: none; }
.da-auth__steps li { padding: 18px; border-radius: 12px; background: var(--da-auth-bg); font-weight: 800; }
.da-auth__steps li::before { display: block; margin-bottom: 5px; counter-increment: auth-step; content: counter(auth-step); color: var(--da-auth-accent); font-size: 1.4rem; }
.da-auth__card { padding: clamp(24px, 5vw, 44px); }
.da-auth__card h2 { margin: 7px 0 10px; font-size: clamp(1.85rem, 5vw, 2.65rem); line-height: 1.15; }
.da-auth__card > p { color: var(--da-auth-muted); }
.da-auth__form { display: grid; gap: 9px; margin-top: 24px; }
.da-auth__form label { margin-top: 9px; color: var(--da-auth-text); font-weight: 800; }
.da-auth__form input { width: 100%; min-height: 48px; margin: 0; padding: 11px 13px; border: 1px solid #aebfbd; border-radius: 9px; background: #fff; color: #18212b; font: inherit; }
.da-auth__form input:focus-visible, .da-auth a:focus-visible, .da-auth button:focus-visible { outline: 3px solid #f5d46b; outline-offset: 3px; }
.da-auth__label-row { display: flex; align-items: baseline; justify-content: space-between; gap: 15px; margin-top: 9px; }
.da-auth__label-row label { margin: 0; }
.da-auth__password { position: relative; }
.da-auth__password input { padding-right: 100px; }
.da-auth__password button { position: absolute; top: 5px; right: 5px; min-height: 38px; padding: 6px 10px; border: 0; border-radius: 7px; background: var(--da-auth-bg); color: var(--da-auth-accent-dark); cursor: pointer; font-weight: 800; }
.da-auth__check { display: flex !important; align-items: flex-start; gap: 10px; font-weight: 600 !important; }
.da-auth__check input { width: 20px; min-height: 20px; flex: 0 0 20px; margin-top: 2px; }
.da-auth__footer { margin: 22px 0 0; padding-top: 18px; border-top: 1px solid var(--da-auth-border); }
.da-auth__notice { margin: 18px 0; padding: 14px 16px; border: 1px solid #9fd1b6; border-radius: 10px; background: #eef9f2; color: #175a35; }
.da-auth__notice--error { border-color: #e3a4a4; background: #fff1f1; color: #7c2020; }
.da-auth__progress { display: grid; grid-template-columns: repeat(3, 1fr); margin-bottom: 22px; border-radius: 12px; overflow: hidden; background: var(--da-auth-bg); }
.da-auth__progress span { padding: 12px; color: var(--da-auth-muted); text-align: center; font-weight: 800; }
.da-auth__progress [aria-current] { background: var(--da-auth-accent); color: #fff; }
.da-auth__register-grid { display: grid; grid-template-columns: minmax(250px,.75fr) minmax(0,1.4fr); gap: 22px; align-items: start; }
.da-auth__summary { position: sticky; top: 24px; padding: 28px; }
.da-auth__two { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.da-auth__hp { position: absolute !important; left: -10000px !important; width: 1px !important; height: 1px !important; overflow: hidden !important; }
@media (max-width: 800px) { .da-auth__plans, .da-auth__comparison-grid, .da-auth__register-grid { grid-template-columns: 1fr; } .da-auth__plan--featured { transform: none; } .da-auth__steps { grid-template-columns: 1fr 1fr; } .da-auth__summary { position: static; } }
@media (max-width: 480px) { .da-auth__hero, .da-auth__card, .da-auth__plan, .da-auth__summary { padding: 22px; } .da-auth__two, .da-auth__steps { grid-template-columns: 1fr; } .da-auth__progress span { padding: 10px 4px; font-size: .78rem; } .da-auth .da-auth__button { width: 100%; } .da-auth__label-row { align-items: flex-start; flex-direction: column; gap: 3px; } }
@media (prefers-reduced-motion: reduce) { .da-auth *, .da-auth *::before, .da-auth *::after { scroll-behavior: auto !important; transition: none !important; animation: none !important; } }

.da-application *,
.da-application-public * {
    box-sizing: border-box;
}

.da-application label {
    display: block;
    margin: 0;
    color: #24313d;
    font-weight: 700;
}

.da-application input,
.da-application select,
.da-application textarea {
    width: 100%;
    max-width: 100%;
    margin-top: 7px;
    padding: 12px 14px;
    border: 1px solid #cfd8df;
    border-radius: 8px;
    background: #fff;
    color: #18212b;
}

.da-application textarea {
    resize: vertical;
}

.da-application button {
    min-height: 44px;
    padding: 11px 16px;
    border: 0;
    border-radius: 8px;
    background: #176b5f;
    color: #fff;
    cursor: pointer;
    font-weight: 800;
}

.da-application button:hover,
.da-application button:focus {
    background: #104f47;
}

.da-application--login {
    max-width: 720px;
}

.da-application__login-card {
    padding: 34px;
    border: 1px solid #dce3e8;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 16px 42px rgba(18, 36, 45, 0.08);
}

.da-application__login-card span {
    color: #176b5f;
    font-size: 13px;
    font-weight: 900;
    text-transform: uppercase;
}

.da-application__login-card h2 {
    margin: 8px 0 10px;
    color: #123c45;
    font-size: 32px;
}

.da-application__login-card p {
    max-width: 520px;
    margin: 0 0 18px;
    color: #526773;
}

.da-application__login-card a {
    display: inline-flex;
    min-height: 44px;
    align-items: center;
    padding: 11px 16px;
    border-radius: 8px;
    background: #176b5f;
    color: #fff;
    font-weight: 900;
    text-decoration: none;
}

.da-application__login-card a:hover,
.da-application__login-card a:focus {
    background: #104f47;
    color: #fff;
}

.da-application__login-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.da-application__login-card a.da-application__secondary-link,
.da-application__logout-link {
    border: 1px solid #cfd8df;
    background: #fff;
    color: #176b5f;
}

.da-application__login-card a.da-application__secondary-link:hover,
.da-application__login-card a.da-application__secondary-link:focus,
.da-application__logout-link:hover,
.da-application__logout-link:focus {
    border-color: #176b5f;
    background: #edf8f5;
    color: #104f47;
}

.da-application__logout-link {
    display: inline-flex;
    min-height: 38px;
    align-items: center;
    margin-top: 16px;
    padding: 8px 12px;
    border-radius: 8px;
    font-weight: 900;
    text-decoration: none;
}

.da-application__login-form {
    display: grid;
    gap: 16px;
}

.da-application__package-select {
    display: grid;
    gap: 10px;
    margin: 0;
    padding: 0;
    border: 0;
}

.da-application__package-select legend {
    margin-bottom: 2px;
    color: #123c45;
    font-weight: 900;
}

.da-application__package-select label {
    display: grid;
    grid-template-columns: 22px 1fr;
    gap: 10px;
    align-items: start;
    padding: 12px;
    border: 1px solid #dce3e8;
    border-radius: 8px;
    background: #f8fafb;
    cursor: pointer;
}

.da-application__package-select input {
    width: 18px;
    margin: 3px 0 0;
}

.da-application__package-select span {
    display: grid;
    gap: 4px;
    color: #526773;
    font-size: 14px;
    font-weight: 700;
    text-transform: none;
}

.da-application__package-select strong {
    color: #123c45;
    font-size: 16px;
}

.da-application__package-select em {
    color: #176b5f;
    font-style: normal;
    font-weight: 900;
}

.da-application__package-select small {
    color: #8a5a00;
    font-weight: 900;
}

.da-application__login-form button {
    width: 100%;
}

.da-application__login-remember {
    display: flex !important;
    align-items: center;
    gap: 10px;
    font-weight: 700;
}

.da-application__login-remember input {
    width: 18px;
    margin: 0;
}

.da-application__auth-switch {
    margin: 18px 0 0;
    color: #526773;
    font-weight: 700;
}

.da-application__auth-switch a {
    display: inline;
    min-height: 0;
    padding: 0;
    border-radius: 0;
    background: transparent;
    color: #176b5f;
    font-weight: 900;
    text-decoration: underline;
}

.da-application__auth-switch a:hover,
.da-application__auth-switch a:focus {
    background: transparent;
    color: #104f47;
}

.da-application__auth-register {
    margin-top: 18px;
    padding-top: 18px;
    border-top: 1px solid #dce3e8;
}

.da-application__auth-register summary {
    display: flex;
    min-height: 42px;
    align-items: center;
    justify-content: center;
    padding: 10px 14px;
    border: 1px solid #cfd8df;
    border-radius: 8px;
    background: #fff;
    color: #176b5f;
    cursor: pointer;
    font-weight: 900;
    list-style: none;
}

.da-application__auth-register summary::-webkit-details-marker {
    display: none;
}

.da-application__auth-register summary:hover,
.da-application__auth-register summary:focus {
    border-color: #176b5f;
    background: #edf8f5;
}

.da-application__auth-register[open] summary {
    margin-bottom: 16px;
    border-color: #176b5f;
    background: #edf8f5;
}

.da-application__notice,
.da-application__share,
.da-application__account-panel,
.da-application__payment-box,
.da-application__runtime,
.da-application__hero,
.da-application__jobs,
.da-application__checklist,
.da-application__progress-card,
.da-application__panel {
    margin-bottom: 18px;
    border: 1px solid #dce3e8;
    border-radius: 8px;
    background: #fff;
}

.da-application__notice {
    padding: 16px 18px;
    border-color: #b9dfcb;
    background: #eef9f2;
    color: #175a35;
    font-weight: 700;
}

.da-application__notice--warning {
    border-color: #f1d08a;
    background: #fff7e6;
    color: #8a5a00;
}

.da-application__notice--toast {
    position: fixed;
    top: 74px;
    right: 24px;
    z-index: 99999;
    width: min(360px, calc(100vw - 32px));
    margin: 0;
    box-shadow: 0 18px 45px rgba(13, 40, 50, 0.18);
    animation: da-toast-fade 5s ease forwards;
}

@keyframes da-toast-fade {
    0%,
    82% {
        opacity: 1;
        transform: translateY(0);
    }
    100% {
        opacity: 0;
        transform: translateY(-10px);
        pointer-events: none;
    }
}

.da-application__share {
    padding: 18px;
}

.da-application__payment-box {
    display: grid;
    grid-template-columns: minmax(0, 0.85fr) minmax(0, 1.4fr);
    gap: 20px;
    padding: 20px;
    border-color: #f1d08a;
    background: #fffdf5;
}

.da-application__payment-box span {
    color: #176b5f;
    font-size: 12px;
    font-weight: 900;
    text-transform: uppercase;
}

.da-application__payment-box h3 {
    margin: 6px 0 8px;
}

.da-application__payment-box p {
    margin: 0;
    color: #405366;
}

.da-application__payment-details {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    margin: 0;
}

.da-application__payment-details div,
.da-application__payment-missing {
    padding: 12px;
    border: 1px solid #dce3e8;
    border-radius: 8px;
    background: #fff;
}

.da-application__payment-details dt {
    margin-bottom: 4px;
    color: #607080;
    font-size: 12px;
    font-weight: 800;
}

.da-application__payment-details dd {
    margin: 0;
    color: #0f1b2d;
    font-weight: 800;
    overflow-wrap: anywhere;
}

.da-application__payment-details code {
    color: #176b5f;
    font-size: 14px;
    white-space: normal;
}

.da-application__payment-reference {
    grid-column: 1 / -1;
}

.da-application__payment-reference dd code {
    font-size: 18px;
}

.da-application__payment-box--renewal {
    border-color: #b9dfcb;
    background: #eef9f2;
}

.da-application__runtime {
    display: flex;
    min-height: 112px;
    align-items: center;
    justify-content: space-between;
    gap: 22px;
    padding: 20px;
    border-color: #b9dfcb;
    background: #eef9f2;
}

.da-application__runtime--urgent {
    border-color: #f1d08a;
    background: #fff7e6;
}

.da-application__runtime span {
    color: #176b5f;
    font-size: 12px;
    font-weight: 900;
    text-transform: uppercase;
}

.da-application__runtime h3 {
    margin: 6px 0 8px;
}

.da-application__runtime p {
    margin: 0;
    color: #405366;
}

.da-application__runtime > strong {
    display: flex;
    width: 82px;
    height: 82px;
    flex: 0 0 82px;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #176b5f;
    color: #fff;
    font-size: 32px;
}

.da-application__runtime-action {
    margin-top: 14px !important;
}

.da-application__runtime-action a {
    display: inline-flex;
    min-height: 42px;
    align-items: center;
    padding: 9px 16px;
    border-radius: 8px;
    background: #176b5f;
    color: #fff;
    font-weight: 900;
    text-decoration: none;
}

.da-application__runtime-action a:hover,
.da-application__runtime-action a:focus {
    background: #123c45;
    color: #fff;
}

.da-application__account-panel {
    padding: 0;
}

.da-application__account-panel summary {
    display: flex;
    min-height: 48px;
    align-items: center;
    padding: 14px 18px;
    color: #176b5f;
    cursor: pointer;
    font-weight: 900;
    list-style: none;
}

.da-application__account-panel summary::-webkit-details-marker {
    display: none;
}

.da-application__account-panel[open] summary {
    border-bottom: 1px solid #dce3e8;
}

.da-application__account-menu {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 12px;
    z-index: 80;
}

.da-application__account-menu > summary {
    display: flex;
    width: 58px;
    height: 58px;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border: 2px solid #fff;
    border-radius: 50%;
    background: #176b5f;
    box-shadow: 0 12px 30px rgba(18, 36, 45, 0.16);
    color: #fff;
    cursor: pointer;
    font-size: 18px;
    font-weight: 900;
    list-style: none;
}

.da-application__account-menu > summary::-webkit-details-marker {
    display: none;
}

.da-application__account-menu > summary img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.da-application__account-menu[open] > summary {
    border-color: #f5d46b;
}

.da-application__account-dropdown {
    position: absolute;
    z-index: 90;
    top: 68px;
    right: 0;
    width: min(360px, calc(100vw - 32px));
    padding: 16px;
    border: 1px solid #dce3e8;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 24px 70px rgba(18, 36, 45, 0.18);
    text-align: left;
}

.da-application__account-head {
    display: grid;
    gap: 3px;
    padding-bottom: 12px;
    border-bottom: 1px solid #edf1f3;
}

.da-application__account-head strong {
    color: #123c45;
    font-size: 18px;
}

.da-application__account-head span,
.da-application__account-facts span {
    color: #607080;
    font-size: 12px;
    font-weight: 800;
}

.da-application__account-facts {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    margin: 12px 0;
}

.da-application__account-facts div {
    padding: 10px;
    border: 1px solid #dce3e8;
    border-radius: 8px;
    background: #f7fbfa;
}

.da-application__account-facts strong {
    display: block;
    margin-top: 3px;
    color: #176b5f;
    overflow-wrap: anywhere;
}

.da-application__account-action,
.da-application__account-logout,
.da-application__account-password > summary {
    display: flex;
    min-height: 42px;
    align-items: center;
    justify-content: center;
    padding: 10px 12px;
    border: 1px solid #cfd8df;
    border-radius: 8px;
    background: #fff;
    color: #176b5f;
    cursor: pointer;
    font-weight: 900;
    list-style: none;
    text-decoration: none;
}

.da-application__account-action {
    border-color: #176b5f;
    background: #176b5f;
    color: #fff;
}

.da-application__account-action:hover,
.da-application__account-action:focus {
    background: #104f47;
    color: #fff;
}

.da-application__account-password {
    margin-top: 10px;
}

.da-application__account-password > summary::-webkit-details-marker {
    display: none;
}

.da-application__account-password[open] > summary {
    border-color: #176b5f;
    background: #edf8f5;
}

.da-application__account-dropdown .da-application__password-form {
    display: grid;
    grid-template-columns: 1fr;
    gap: 10px;
    padding: 12px 0 0;
}

.da-application__account-dropdown .da-application__password-form button,
.da-application__account-logout {
    width: 100%;
}

.da-application__account-logout {
    margin-top: 10px;
}

.da-application__profile-delete-open,
.da-application__account-delete-open {
    width:100%;
    margin-top:10px;
    border:1px solid #b63a3a !important;
    background:#fff5f5 !important;
    color:#8b2424 !important;
}

.da-application__account-delete-open {
    background:#9d2f2f !important;
    color:#fff !important;
}

.da-application__delete-modal[hidden] { display:none; }
.da-application__delete-modal { position:fixed; z-index:100001; inset:0; display:grid; place-items:center; padding:20px; }
.da-application__delete-backdrop { position:absolute; inset:0; width:100%; height:100%; border:0; border-radius:0; background:rgba(15,20,24,.72) !important; backdrop-filter:blur(4px); }
.da-application__delete-dialog { position:relative; width:min(620px,100%); max-height:calc(100vh - 40px); overflow:auto; border:1px solid #e2b8b8; border-radius:10px; background:#fff; box-shadow:0 24px 80px rgba(0,0,0,.35); }
.da-application__delete-dialog-head { display:flex; align-items:flex-start; justify-content:space-between; gap:16px; padding:18px 20px; border-bottom:1px solid #eed6d6; background:#fff7f7; }
.da-application__delete-dialog-head span { color:#a12d2d; font-size:12px; font-weight:900; text-transform:uppercase; }
.da-application__delete-dialog-head h3 { margin:3px 0 0; font-size:23px; }
.da-application__delete-dialog-head button { border:1px solid #d8caca; background:#fff; color:#402b2b; }
.da-application__delete-dialog-body { padding:20px; }
.da-application__delete-dialog-body > p { margin:0 0 16px; color:#4d3a3a; line-height:1.55; }
.da-application__delete-dialog form { display:grid; gap:14px; }
.da-application__delete-confirmation { display:grid !important; grid-template-columns:22px minmax(0,1fr); gap:10px; align-items:flex-start; padding:12px; border:1px solid #e8cccc; border-radius:8px; background:#fff8f8; }
.da-application__delete-confirmation input { width:18px; height:18px; margin:2px 0 0; }
.da-application__delete-dialog .da-application__danger-button:disabled { cursor:not-allowed; opacity:.48; }

@media(max-width:560px) {
    .da-application__photo-editor-modal { padding:10px; }
    .da-application__photo-editor-dialog { max-height:calc(100vh - 20px); }
    .da-application__photo-editor-head { flex-direction:column; padding:14px; }
    .da-application__photo-editor-head button { width:100%; }
    .da-application__photo-editor-body { display:block; padding:14px; }
    .da-application__photo-editor-preview { max-width:280px; margin:0 auto 18px; }
    .da-application__delete-modal { padding:10px; }
    .da-application__delete-dialog { max-height:calc(100vh - 20px); }
    .da-application__delete-dialog-head { flex-direction:column; padding:14px; }
    .da-application__delete-dialog-head button { width:100%; }
    .da-application__delete-dialog-body { padding:14px; }
}

.da-application__account-logout:hover,
.da-application__account-logout:focus,
.da-application__account-password > summary:hover,
.da-application__account-password > summary:focus {
    border-color: #176b5f;
    background: #edf8f5;
    color: #104f47;
}

.da-application__password-form {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr)) auto;
    gap: 14px;
    align-items: end;
    padding: 18px;
}

.da-application__hero {
    display: grid;
    gap: 16px;
    padding: 20px 22px;
    overflow: hidden;
    border-color: #cfdbe0;
    background:
        radial-gradient(circle at 90% 10%, rgba(23, 107, 95, 0.12), transparent 28%),
        linear-gradient(135deg, #ffffff 0%, #f7fbfa 58%, #edf4f2 100%);
    color: #17212b;
}

.da-application__hero span {
    color: #176b5f;
    font-size: 13px;
    font-weight: 800;
    text-transform: uppercase;
}

.da-application__hero h2 {
    margin: 6px 0 8px;
    color: #17212b;
    font-size: 30px;
    line-height: 1.08;
}

.da-application__hero p {
    max-width: 620px;
    margin: 0;
    color: #41515d;
}

.da-application__hero--mockup {
    grid-template-columns: minmax(0, 1fr) 260px;
}

.da-application__profile-card {
    display: grid;
    grid-template-columns: 118px minmax(0, 1fr);
    gap: 22px;
    align-items: center;
}

.da-application__avatar {
    display: flex;
    width: 118px;
    height: 118px;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: linear-gradient(145deg, #e8eeee, #cfd8d8);
    color: #176b5f;
    font-size: 34px;
    font-weight: 900;
}

.da-application__profile-card strong {
    display: block;
    margin-bottom: 14px;
    color: #176b5f;
    font-size: 18px;
}

.da-application__share-card {
    padding: 18px;
    border: 1px solid #e1e8eb;
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.86);
    box-shadow: 0 18px 44px rgba(18, 36, 45, 0.08);
}

.da-application__share-card p {
    margin: 8px 0 14px;
    color: #405366;
    font-size: 14px;
}

.da-application__share-state {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 10px;
    border-radius: 8px;
    background: #eef2f4;
    color: #405366 !important;
    font-size: 13px !important;
    text-transform: none !important;
}

.da-application__share-state::before {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: #9aa7af;
    content: "";
}

.da-application__share-state--active {
    background: #e8f6f2;
    color: #176b5f !important;
}

.da-application__share-state--active::before {
    background: #176b5f;
}

.da-application__active-links {
    display: grid;
    gap: 8px;
    margin: 14px 0 0;
    padding: 0;
    list-style: none;
}

.da-application__active-links li {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 10px;
    align-items: center;
    padding: 10px 12px;
    border: 1px solid #dce8e5;
    border-radius: 8px;
    background: #f7fbfa;
}

.da-application__active-links strong {
    overflow: hidden;
    color: #17212b;
    font-size: 14px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.da-application__active-links span {
    padding: 5px 8px;
    border-radius: 999px;
    background: #e8f6f2;
    color: #176b5f;
    font-size: 12px;
    font-weight: 900;
    text-transform: none;
}

.da-application__share-card small {
    display: block;
    margin-top: 10px;
    color: #607080;
    font-weight: 800;
}

.da-application__link-placeholder {
    padding: 16px;
    border: 1px dashed #c7d6dc;
    border-radius: 8px;
    background: #f7fbfa;
    color: #607080;
    font-weight: 800;
}

.da-application__mockup-bottom {
    display: grid;
    grid-column: 1 / -1;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) 220px;
    gap: 18px;
    padding-top: 18px;
    border-top: 1px solid #e4ecef;
}

.da-application__next-step {
    margin-top: 12px !important;
    padding: 12px 14px;
    border-left: 4px solid #176b5f;
    border-radius: 8px;
    background: #f7fbfa;
    color: #17212b !important;
    font-weight: 900;
}

.da-application__skill-preview {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 12px;
}

.da-application__skill-preview b {
    padding: 7px 10px;
    border-radius: 8px;
    background: #edf3f2;
    color: #36505a;
    font-size: 13px;
}

.da-application__quick-stats {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 6px 10px;
    align-content: start;
    padding: 14px;
    border-radius: 8px;
    background: #123c45;
}

.da-application__quick-stats strong {
    color: #f5d46b;
    font-size: 20px;
    line-height: 1;
}

.da-application__quick-stats span {
    color: #d8ece8;
    text-transform: none;
}

.da-application__hero--mockup {
    grid-template-columns: 1fr;
    gap: 12px;
    background: #fff;
}

.da-application__hero--mockup .da-application__profile-card {
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: start;
    padding-bottom: 0;
    border-bottom: 0;
}

.da-application__hero--mockup .da-application__avatar {
    display: none;
}

.da-application__hero--mockup .da-application__profile-card h2 {
    margin-bottom: 0;
    font-size: 28px;
}

.da-application__hero--mockup .da-application__profile-card p {
    max-width: 700px;
}

.da-application__hero--mockup .da-application__logout-link {
    align-self: start;
    margin-top: 10px;
}

.da-application__hero--mockup .da-application__share-card {
    display: none;
}

.da-application__hero--mockup .da-application__share-card p {
    margin-bottom: 10px;
}

.da-application__hero--mockup .da-application__mockup-bottom {
    grid-template-columns: minmax(0, 1fr);
    gap: 12px;
    padding-top: 12px;
    border-top: 1px solid #e4ecef;
}

.da-application__hero--mockup .da-application__mockup-bottom > div:nth-child(2) {
    display: none;
}

.da-application__hero--mockup .da-application__next-step {
    min-height: 64px;
}

.da-application__hero--mockup .da-application__quick-stats {
    display: grid;
    min-height: 0;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: 8px;
    padding: 0;
    background: transparent;
}

.da-application__hero--mockup .da-application__quick-stats div {
    min-width: 0;
    padding: 12px;
    border: 1px solid #e1e8eb;
    border-radius: 8px;
    background: #f7fbfa;
}

.da-application__hero--mockup .da-application__quick-stats strong {
    display: block;
    overflow: hidden;
    color: #176b5f;
    font-size: 18px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.da-application__hero--mockup .da-application__quick-stats span {
    display: block;
    margin-top: 4px;
    color: #405366;
    font-size: 12px;
    font-weight: 800;
    line-height: 1.25;
}

.da-application__quick-stat--urgent {
    border-color: #f1d08a !important;
    background: #fff7e6 !important;
}

.da-application__stat-action {
    display: inline-flex;
    margin-left: 8px;
    color: #176b5f;
    font-weight: 900;
    text-decoration: underline;
}

.da-application__checklist {
    display: grid;
    grid-template-columns: 210px 1fr;
    gap: 14px;
    padding: 16px 18px;
}

.da-application__checklist h3 {
    margin: 0;
    color: #17212b;
    font-size: 20px;
}

.da-application__checklist p {
    margin: 6px 0 0;
    color: #5d6e78;
}

.da-application__checklist ul {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.da-application__checklist li {
    min-height: 38px;
    padding: 8px 10px;
    border: 1px solid #e1e7eb;
    border-radius: 8px;
    background: #f8fafb;
    color: #263946;
    font-weight: 800;
}

.da-application__checklist li span {
    display: inline-flex;
    align-items: center;
    min-height: 24px;
    margin-right: 8px;
    padding: 0 8px;
    border-radius: 8px;
    background: #edf0f2;
    color: #65717a;
    font-size: 12px;
}

.da-application__checklist-item--done {
    border-color: #cce7d6;
    background: #f0faf4;
}

.da-application__checklist-item--done span {
    background: #dff3e7;
    color: #17643a;
}

.da-application__jobs {
    padding: 16px 18px;
}

.da-application__jobs-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 14px;
}

.da-application__jobs-head span {
    color: #176b5f;
    font-size: 12px;
    font-weight: 900;
    text-transform: uppercase;
}

.da-application__jobs-head h3 {
    margin: 4px 0;
    color: #17212b;
    font-size: 20px;
}

.da-application__jobs-head p,
.da-application__job-empty p {
    margin: 0;
    color: #5d6e78;
}

.da-application__jobs-head a {
    display: inline-flex;
    min-height: 38px;
    flex: 0 0 auto;
    align-items: center;
    padding: 8px 12px;
    border-radius: 8px;
    background: #176b5f;
    color: #fff;
    font-weight: 900;
    text-decoration: none;
}

.da-application__jobs-head a:hover,
.da-application__jobs-head a:focus {
    background: #104f47;
    color: #fff;
}

.da-application__job-list {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
}

.da-application__job-card {
    display: grid;
    gap: 6px;
    min-height: 132px;
    padding: 14px;
    border: 1px solid #dce8e5;
    border-radius: 8px;
    background: #f7fbfa;
    color: #17212b;
    text-decoration: none;
}

.da-application__job-card:hover,
.da-application__job-card:focus {
    border-color: #176b5f;
    background: #edf8f5;
    color: #17212b;
}

.da-application__job-card span {
    color: #176b5f;
    font-size: 12px;
    font-weight: 900;
    text-transform: uppercase;
}

.da-application__job-card strong {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    font-size: 15px;
    line-height: 1.35;
}

.da-application__job-card small {
    color: #607080;
    font-weight: 800;
}

.da-application__job-empty {
    padding: 14px;
    border: 1px dashed #c7d6dc;
    border-radius: 8px;
    background: #f7fbfa;
}

.da-application__workspace {
    display: grid;
    gap: 18px;
}

.da-application__tabs > input {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.da-application__tab-list {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 10px;
    margin: 16px 0 0;
}

.da-application__tab-list--feedback {
    grid-template-columns: repeat(7, minmax(0, 1fr));
}

.da-application__tab-list label {
    display: grid;
    grid-template-columns: auto 1fr;
    align-items: center;
    column-gap: 10px;
    row-gap: 2px;
    min-height: 68px;
    padding: 12px 14px;
    border: 1px solid #d6e0e5;
    border-radius: 8px;
    background: #f8fbfa;
    color: #36505a;
    cursor: pointer;
}

.da-application__tab-list label span {
    display: inline-grid;
    width: 28px;
    height: 28px;
    place-items: center;
    border-radius: 999px;
    background: #e8f1ee;
    color: #176b5f;
    font-size: 13px;
    font-weight: 900;
}

.da-application__tab-list label strong {
    color: #102833;
    font-weight: 900;
}

.da-application__tab-list label small {
    grid-column: 2;
    color: #60727c;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.3;
}

.da-application > .da-application__hero--mockup,
.da-application > .da-application__checklist {
    display: none;
}

.da-application__progress-card {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: 16px;
    align-items: center;
    margin: 14px 0 18px;
    padding: 16px 18px;
    border-color: #cfe2dd;
    background: linear-gradient(135deg, #f6fbf9 0%, #ffffff 58%, #eef8f5 100%);
}

.da-application__progress-ring {
    position: relative;
    display: grid;
    width: 72px;
    height: 72px;
    place-items: center;
}

.da-application__progress-ring svg {
    width: 72px;
    height: 72px;
}

.da-application__progress-ring-bg,
.da-application__progress-ring-meter {
    fill: none;
    stroke-width: 4;
}

.da-application__progress-ring-bg {
    stroke: #e0ece8;
}

.da-application__progress-ring-meter {
    stroke: #176b5f;
    stroke-linecap: round;
    stroke-dashoffset: var(--da-progress-offset);
    transform: rotate(-90deg);
    transform-origin: center;
    transition: stroke-dashoffset 0.35s ease;
}

.da-application__progress-ring strong {
    position: absolute;
    color: #102833;
    font-size: 16px;
    font-weight: 900;
}

.da-application__progress-copy span,
.da-application__progress-meta span {
    display: block;
    color: #176b5f;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: 0;
    text-transform: uppercase;
}

.da-application__progress-copy h3 {
    margin: 3px 0 5px;
    color: #102833;
    font-size: 20px;
}

.da-application__progress-copy p {
    margin: 0;
    color: #4f6570;
}

.da-application__progress-meta {
    display: grid;
    grid-template-columns: repeat(3, minmax(88px, auto));
    gap: 8px;
}

.da-application__progress-meta div {
    min-width: 88px;
    padding: 10px 12px;
    border: 1px solid #dce9e5;
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.82);
}

.da-application__progress-meta strong {
    display: block;
    margin-top: 2px;
    color: #102833;
    font-weight: 900;
}

#da-tab-profile:checked ~ .da-application__tab-list label[for="da-tab-profile"],
#da-tab-intro:checked ~ .da-application__tab-list label[for="da-tab-intro"],
#da-tab-cv:checked ~ .da-application__tab-list label[for="da-tab-cv"],
#da-tab-template:checked ~ .da-application__tab-list label[for="da-tab-template"],
#da-tab-links:checked ~ .da-application__tab-list label[for="da-tab-links"],
#da-tab-ats:checked ~ .da-application__tab-list label[for="da-tab-ats"],
#da-tab-feedback:checked ~ .da-application__tab-list label[for="da-tab-feedback"] {
    border-color: #176b5f;
    background: #176b5f;
    color: #fff;
}

#da-tab-profile:checked ~ .da-application__tab-list label[for="da-tab-profile"] span,
#da-tab-intro:checked ~ .da-application__tab-list label[for="da-tab-intro"] span,
#da-tab-cv:checked ~ .da-application__tab-list label[for="da-tab-cv"] span,
#da-tab-template:checked ~ .da-application__tab-list label[for="da-tab-template"] span,
#da-tab-links:checked ~ .da-application__tab-list label[for="da-tab-links"] span,
#da-tab-ats:checked ~ .da-application__tab-list label[for="da-tab-ats"] span,
#da-tab-feedback:checked ~ .da-application__tab-list label[for="da-tab-feedback"] span {
    background: #fff;
    color: #176b5f;
}

#da-tab-profile:checked ~ .da-application__tab-list label[for="da-tab-profile"] strong,
#da-tab-profile:checked ~ .da-application__tab-list label[for="da-tab-profile"] small,
#da-tab-intro:checked ~ .da-application__tab-list label[for="da-tab-intro"] strong,
#da-tab-intro:checked ~ .da-application__tab-list label[for="da-tab-intro"] small,
#da-tab-cv:checked ~ .da-application__tab-list label[for="da-tab-cv"] strong,
#da-tab-cv:checked ~ .da-application__tab-list label[for="da-tab-cv"] small,
#da-tab-template:checked ~ .da-application__tab-list label[for="da-tab-template"] strong,
#da-tab-template:checked ~ .da-application__tab-list label[for="da-tab-template"] small,
#da-tab-links:checked ~ .da-application__tab-list label[for="da-tab-links"] strong,
#da-tab-links:checked ~ .da-application__tab-list label[for="da-tab-links"] small,
#da-tab-ats:checked ~ .da-application__tab-list label[for="da-tab-ats"] strong,
#da-tab-ats:checked ~ .da-application__tab-list label[for="da-tab-ats"] small,
#da-tab-feedback:checked ~ .da-application__tab-list label[for="da-tab-feedback"] strong,
#da-tab-feedback:checked ~ .da-application__tab-list label[for="da-tab-feedback"] small {
    color: #fff;
}

.da-application__panel {
    display: none;
    padding: 22px 24px 24px;
    border-top-left-radius: 0;
}

#da-tab-profile:checked ~ .da-application__editor .da-application__panel--profile,
#da-tab-intro:checked ~ .da-application__editor .da-application__panel--intro,
#da-tab-cv:checked ~ .da-application__editor .da-application__panel--cv,
#da-tab-template:checked ~ .da-application__editor .da-application__panel--template,
#da-tab-links:checked ~ .da-application__panel--links,
#da-tab-ats:checked ~ .da-application__panel--ats,
#da-tab-feedback:checked ~ .bg-feedback-center {
    display: block;
}

.da-application__ats-mode { display:inline-flex; align-items:center; min-height:34px; padding:6px 11px; border:1px solid #a9d7c9; border-radius:999px; background:#edf8f5; color:#105c50; font-size:12px; font-weight:900; white-space:nowrap; }
.da-application__ats-form { display:grid; gap:15px; }
.da-application__ats-form label { display:grid; gap:6px; font-weight:800; }
.da-application__ats-import { margin:0; padding:14px; border:1px solid #d9e5e7; border-radius:8px; }
.da-application__ats-import legend { padding:0 6px; color:#173b44; font-weight:800; }
.da-application__ats-import-options { display:flex; flex-wrap:wrap; gap:10px; }
.da-application__ats-import-options label { display:flex; grid-template-columns:none; flex-direction:row; align-items:center; gap:7px; padding:9px 12px; border:1px solid #d9e5e7; border-radius:8px; background:#f8fbfa; cursor:pointer; }
.da-application__ats-import-options input { width:auto; margin:0; }
.da-application__ats-url-panel { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:end; gap:10px; margin-top:12px; }
.da-application__ats-url-panel[hidden] { display:none; }
.da-application__ats-import-status { grid-column:1/-1; min-height:20px; margin:0; color:#526970; }
.da-application__ats-import-status--error { color:#9b2f2f; }
@media (max-width:760px) { .da-application__ats-url-panel { grid-template-columns:1fr; } }
.da-application__ats-actions { display:flex; flex-wrap:wrap; gap:10px; }
.da-application__ats-actions button { width:auto; }
.da-application__ats-privacy { margin:0; padding:11px 13px; border-left:4px solid #176b5f; background:#f3f8f7; color:#50666e; line-height:1.5; }
.da-application__ats-results { margin-top:22px; }
.da-application__ats-results[hidden] { display:none; }
.da-application__ats-job-type { display:flex; flex-wrap:wrap; align-items:center; gap:8px; margin-bottom:12px; color:#5b6d74; }
.da-application__ats-job-type span { font-size:12px; font-weight:800; text-transform:uppercase; }
.da-application__ats-job-type strong { padding:5px 9px; border-radius:999px; background:#e9f4f1; color:#105c50; }
.da-application__ats-mismatch { margin-bottom:14px; padding:16px; border:1px solid #e4b55f; border-left:5px solid #c48116; border-radius:8px; background:#fff8e9; color:#4f3c1c; }
.da-application__ats-mismatch[hidden] { display:none; }
.da-application__ats-mismatch > strong { display:block; color:#704a0e; font-size:17px; }
.da-application__ats-mismatch p { margin:7px 0 13px; line-height:1.55; }
.da-application__ats-mismatch > div { display:flex; flex-wrap:wrap; gap:8px; }
.da-application__ats-mismatch button { width:auto; }
.da-application__ats-breakdown { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:9px; margin-bottom:10px; }
.da-application__ats-breakdown div { padding:11px 12px; border:1px solid #dce5e7; border-radius:8px; background:#f8fafb; }
.da-application__ats-breakdown span { display:block; min-height:32px; color:#60727a; font-size:11px; font-weight:800; line-height:1.35; }
.da-application__ats-breakdown strong { display:block; margin-top:3px; color:#173b44; font-size:21px; }
.da-application__ats-filter-note { margin:0 0 14px; padding:10px 12px; border-left:4px solid #c48116; background:#fff8e9; color:#654b20; line-height:1.5; }
.da-application__ats-summary { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; }
.da-application__ats-summary div { padding:14px; border:1px solid #d8e5e2; border-radius:8px; background:#f8fbfa; }
.da-application__ats-summary span { display:block; color:#5d7078; font-size:12px; font-weight:800; }
.da-application__ats-summary strong { display:block; margin-top:4px; color:#123c45; font-size:26px; }
.da-application__ats-result-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; margin-top:14px; }
.da-application__ats-result-grid > section,.da-application__ats-checks { padding:16px; border:1px solid #d8e5e2; border-radius:8px; background:#fff; }
.da-application__ats-result-grid h4,.da-application__ats-checks h4 { margin:0 0 6px; }
.da-application__ats-result-grid p { margin:0 0 13px; color:#60727c; line-height:1.5; }
.da-application__ats-chips { display:flex; flex-wrap:wrap; gap:7px; }
.da-application__ats-chips > span { padding:6px 9px; border-radius:999px; font-size:12px; font-weight:800; }
.da-application__ats-chips--found > span { background:#e5f6ef; color:#105c50; }
.da-application__ats-chips--missing > span { background:#fff3dc; color:#775314; }
.da-application__ats-chips--similar > span { background:#eaf2ff; color:#214f83; }
.da-application__ats-chips--review > span { background:#f1edf7; color:#62487c; }
.da-application__ats-priority--required { box-shadow:inset 0 0 0 2px #c56b2c; }
.da-application__ats-priority--preferred { box-shadow:inset 0 0 0 2px #5d91c7; }
.da-application__ats-priority--required::before { content:'Muss'; font-size:9px; font-weight:900; text-transform:uppercase; color:#a6531d; }
.da-application__ats-priority--preferred::before { content:'Kann'; font-size:9px; font-weight:900; text-transform:uppercase; color:#356b9e; }
.da-application__ats-chips > span { display:inline-flex; flex-direction:column; align-items:flex-start; gap:2px; }
.da-application__ats-chips small { font-size:10px; font-weight:600; opacity:.8; }
.da-application__ats-chips > .da-application__ats-empty { border-radius:6px; background:#f3f5f6; color:#62737a; }
.da-application__ats-checks { margin-top:14px; }
.da-application__ats-checks ul { margin:10px 0 0; padding-left:20px; }
.da-application__ats-checks li + li { margin-top:6px; }
.da-application__ats-ai-note { display:grid; gap:3px; margin-top:14px; padding:14px 16px; border:1px dashed #aebbc0; border-radius:8px; background:#f7f8f9; color:#5b6c73; }
.da-application__ats-ai-note strong { color:#263d45; }

.da-application__guide-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    margin-bottom: 16px;
}

.da-application__guide-card {
    padding: 14px 16px;
    border: 1px solid #cfe2dd;
    border-radius: 8px;
    background: #f5fbf9;
}

.da-application__guide-card strong {
    display: block;
    color: #12313b;
    font-weight: 900;
}

.da-application__guide-card p {
    margin: 6px 0 0;
    color: #5d6e78;
    line-height: 1.5;
}

.da-application__panel-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 14px;
    margin-bottom: 18px;
}

.da-application__panel-head h3 {
    margin: 0;
    color: #17212b;
    font-size: 22px;
}

.da-application__panel-head p,
.da-application__empty {
    margin: 6px 0 0;
    color: #5d6e78;
}

.da-application__grid,
.da-application__link-form,
.da-application__template-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}

.da-application__grid {
    align-items: end;
}

.da-application__template-grid {
    align-items: stretch;
}

.da-application__panel > label,
.da-application__editor label + label,
.da-application__grid + label {
    margin-top: 16px;
}

.da-application__profile-extra {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
    margin-top: 18px;
    padding: 16px;
    border: 1px solid #e1e7eb;
    border-radius: 8px;
    background: #f8fafb;
}

.da-application__profile-extra h4 {
    margin: 0 0 12px;
    color: #17212b;
    font-size: 18px;
}

.da-application__photo-field {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 14px;
    align-items: center;
}

.da-application__photo-field input[type="file"] {
    min-height: 48px;
    padding: 10px;
}

.da-application__photo-field img {
    width: 96px;
    height: 96px;
    border-radius: 999px;
    object-fit: cover;
    background: #e7eeee;
}

.da-application__photo-field { overflow:hidden; }
.da-application__photo-editor-open { width:auto; margin-top:12px; border:1px solid #176b5f !important; background:#edf8f5 !important; color:#104f47 !important; }
.da-application__photo-editor-modal[hidden] { display:none; }
.da-application__photo-editor-modal { position:fixed; z-index:100002; inset:0; display:grid; place-items:center; padding:20px; }
.da-application__photo-editor-backdrop { position:absolute; inset:0; width:100%; height:100%; border:0; border-radius:0; background:rgba(15,20,24,.72) !important; backdrop-filter:blur(4px); }
.da-application__photo-editor-dialog { position:relative; width:min(760px,100%); max-height:calc(100vh - 40px); overflow:auto; border-radius:10px; background:#fff; box-shadow:0 24px 80px rgba(0,0,0,.35); }
.da-application__photo-editor-head { display:flex; align-items:flex-start; justify-content:space-between; gap:16px; padding:18px 20px; border-bottom:1px solid #dce7e4; background:#f3faf8; }
.da-application__photo-editor-head span { color:#176b5f; font-size:12px; font-weight:900; text-transform:uppercase; }
.da-application__photo-editor-head h3 { margin:3px 0 0; font-size:23px; }
.da-application__photo-editor-body { display:grid; grid-template-columns:minmax(240px,320px) minmax(0,1fr); gap:24px; padding:20px; }
.da-application__photo-editor-preview { position:relative; width:100%; aspect-ratio:4/5; overflow:hidden; border:1px solid #cadbd7; border-radius:8px; background:#e8f0ee; }
.da-application__photo-editor-preview img { width:100%; height:100%; object-fit:cover; }
.da-application__photo-editor-preview span { position:absolute; inset:0; display:grid; place-items:center; padding:20px; color:#526762; text-align:center; }
.da-application__photo-editor-preview span[hidden] { display:none; }
.da-application__photo-editor-controls { display:grid; align-content:start; gap:16px; }
.da-application__photo-editor-controls label { display:grid; gap:6px; font-weight:800; }
.da-application__photo-editor-controls input[type="range"] { width:100%; padding:0; }
.da-application__photo-editor-controls p { margin:0; color:#5d6e78; line-height:1.5; }

.da-application__check-option {
    display: flex !important;
    align-items: center;
    gap: 10px;
    margin-top: 12px !important;
    font-weight: 800;
}

.da-application__check-option input {
    width: 18px;
    margin: 0;
}

.da-application__wide-field {
    grid-column: 1 / -1;
}

.da-application__link-form {
    grid-template-columns: 1fr 220px auto;
    align-items: end;
}

.da-application__link-summary {
    grid-column: 1 / -1;
}

.da-application__plan-note {
    grid-column: 1 / -1;
    margin: 0;
    padding: 12px 14px;
    border-radius: 8px;
    background: #f8fafb;
    color: #5d6e78;
    font-weight: 700;
}

.da-application__documents {
    margin-top: 18px;
}

.da-application__documents h4 {
    margin: 0 0 10px;
    color: #17212b;
    font-size: 18px;
}

.da-application__document-list {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
    gap: 12px;
    margin-bottom: 14px;
}

.da-application__document-card {
    display: grid;
    grid-template-columns: 88px minmax(0, 1fr);
    gap: 10px 12px;
    align-items: start;
    padding: 12px;
    border: 1px solid #e1e7eb;
    border-radius: 8px;
    background: #f8fafb;
}

.da-application__document-thumb {
    display: flex;
    grid-row: span 3;
    width: 88px;
    height: 110px;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border: 1px solid #dce5e9;
    border-radius: 7px;
    background: #fff;
    color: #176b5f;
    font-size: 18px;
    font-weight: 900;
}

.da-application__document-thumb img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    background: #fff;
}

.da-application__document-title {
    display: grid;
    min-width: 0;
    gap: 5px;
    color: #17212b;
    font-size: 13px;
    font-weight: 800;
    overflow-wrap: anywhere;
}

.da-application__document-title input {
    width: 100%;
    min-height: 40px;
}

.da-application__document-card a {
    justify-self: start;
    color: #176b5f;
    font-weight: 900;
}

.da-application__document-delete {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: #607080;
    font-size: 13px;
    font-weight: 800;
}

.da-application__document-delete input {
    width: 16px;
    margin: 0;
}

.da-application__cv-open {
    margin: 18px 10px 12px 0;
}

.da-application__cv-source {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
}

.da-application__cv-list {
    display: grid;
    gap: 10px;
    margin: 0 0 18px;
}

.da-application__cv-empty {
    margin: 0;
    padding: 14px 16px;
    border: 1px dashed #cfd8df;
    border-radius: 8px;
    background: #f7faf9;
    color: #607080;
    font-weight: 700;
}

.da-application__cv-card {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 16px;
    align-items: start;
    padding: 14px 16px;
    border: 1px solid #dce3e8;
    border-radius: 8px;
    background: #f7faf9;
}

.da-application__cv-card span {
    display: block;
    margin-bottom: 4px;
    color: #176b5f;
    font-size: 12px;
    font-weight: 900;
}

.da-application__cv-card strong {
    display: block;
    color: #0f1b2d;
    font-size: 16px;
}

.da-application__cv-card em {
    display: block;
    margin-top: 3px;
    color: #526773;
    font-style: normal;
    font-weight: 700;
}

.da-application__cv-card ul {
    margin: 8px 0 0 18px;
    color: #405366;
}

.da-application__cv-card > div:last-child {
    display: flex;
    gap: 8px;
}

.da-application__cv-card button {
    min-height: 34px;
    padding: 7px 10px;
    border: 1px solid #cfd8df;
    background: #fff;
    color: #176b5f;
    font-size: 13px;
}

.da-application__skills-editor {
    margin-top: 18px;
}

.da-application__skill-list {
    display: grid;
    gap: 10px;
    margin: 0 0 18px;
}

.da-application__skill-card {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 16px;
    align-items: start;
    padding: 14px 16px;
    border: 1px solid #dce3e8;
    border-radius: 8px;
    background: #f7faf9;
}

.da-application__skill-card strong {
    display: block;
    margin-bottom: 8px;
    color: #176b5f;
}

.da-application__skill-card ul {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.da-application__skill-card li {
    padding: 7px 10px;
    border-radius: 8px;
    background: #edf5f2;
    color: #0f1b2d;
    font-weight: 700;
}

.da-application__skill-card > div:last-child {
    display: flex;
    gap: 8px;
}

.da-application__skill-card button,
.da-application__skill-helper-grid button {
    min-height: 34px;
    padding: 7px 10px;
    border: 1px solid #cfd8df;
    background: #fff;
    color: #176b5f;
    font-size: 13px;
}

.da-application__skill-helper-grid {
    display: grid;
    gap: 12px;
}

.da-application__skill-helper-grid label {
    margin: 0;
}

.da-application__cv-helper {
    position: fixed;
    z-index: 99999;
    top: 50%;
    left: 50%;
    display: none;
    width: min(760px, calc(100vw - 32px));
    max-height: calc(100vh - 64px);
    overflow: auto;
    padding: 20px;
    transform: translate(-50%, -50%);
    border: 1px solid #dce3e8;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 24px 70px rgba(18, 36, 45, 0.28);
}

.da-application__cv-helper.is-open {
    display: block;
}

.da-application__cv-helper h4 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin: 0 0 16px;
    color: #123c45;
    font-size: 18px;
}

.da-application__cv-helper h4 button {
    min-height: 36px;
    padding: 7px 10px;
    border: 1px solid #cfd8df;
    background: #fff;
    color: #176b5f;
}

.da-application__cv-helper-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
    align-items: end;
}

.da-application__cv-helper-current {
    display: flex !important;
    grid-column: 1 / -1;
    min-height: 44px;
    align-items: center;
    gap: 8px;
}

.da-application__cv-helper-current input {
    width: 18px;
    margin: 0;
}

.da-application__cv-helper-title {
    grid-column: span 2;
}

.da-application__cv-helper-company {
    grid-column: span 2;
}

.da-application__cv-helper-tasks {
    grid-column: 1 / -1;
}

.da-application__cv-helper button {
    display: inline-flex;
    width: auto;
    min-width: 170px;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.da-application__cv-helper [data-add-cv-line] {
    grid-column: 1 / -1;
    justify-self: start;
}

.da-application__template-card input:disabled + span {
    opacity: 0.68;
}

.da-application__template-card {
    display: block;
    cursor: pointer;
}

.da-application__template-card input {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.da-application__template-card span {
    display: flex;
    min-height: 124px;
    box-sizing: border-box;
    flex-direction: column;
    justify-content: center;
    padding: 18px;
    border: 1px solid #d6e0e5;
    border-radius: 8px;
    background: #f8fafb;
    color: #526773;
    font-weight: 600;
}

.da-application__template-card strong {
    display: block;
    margin-bottom: 8px;
    color: #17212b;
    font-size: 20px;
}

.da-application__template-card input:checked + span {
    border-color: #176b5f;
    background: #edf8f5;
    box-shadow: inset 0 0 0 1px #176b5f, 0 0 0 2px rgba(23, 107, 95, 0.14);
}

.da-application__panel--template .da-application__template-grid {
    display: none;
}

.da-application__template-builder {
    display: grid;
    gap: 16px;
}

.da-application__template-toolbar {
    display: grid;
    grid-template-columns: minmax(260px, 1fr) auto;
    gap: 14px;
    align-items: end;
    padding: 16px;
    border: 1px solid #dce6eb;
    border-radius: 8px;
    background: #f8fbfa;
}

.da-application__design-open {
    min-height: 48px;
    border: 0;
    border-radius: 8px;
    background: #102f2b;
    color: #fff;
    cursor: pointer;
    font-weight: 900;
}

.da-application__template-actions {
    display: flex;
    gap: 10px;
    align-items: end;
    justify-content: flex-end;
}

.da-application__preview-replay {
    min-height: 48px;
    border: 1px solid #cfe0d9;
    border-radius: 8px;
    background: #fff;
    color: #123c45;
    cursor: pointer;
    font-weight: 900;
}

.da-application__template-preview {
    overflow: hidden;
    width: min(760px, 100%);
    height: 300px;
    margin: 0 auto;
    border: 1px solid #cfe0d9;
    border-radius: 8px;
    background: #06100f;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.04);
}

.da-application__template-preview iframe {
    display: block;
    width: calc(100% / 0.7);
    max-width: none;
    height: 429px;
    transform: scale(0.7);
    transform-origin: top left;
    border: 0;
    background: #06100f;
    pointer-events: none;
    overflow: hidden;
}

.da-application__template-preview-empty {
    display: grid;
    min-height: 360px;
    place-content: center;
    gap: 8px;
    padding: 32px;
    color: #e9fff5;
    text-align: center;
}

.da-application__template-preview-empty span {
    max-width: 380px;
    color: #b8d3cb;
}

.da-application__design-modal[hidden] {
    display: none;
}

.da-application__design-modal {
    position: fixed;
    z-index: 100000;
    inset: 0;
    display: grid;
    place-items: center;
    padding: 24px;
}

.da-application__design-backdrop {
    position: absolute;
    inset: 0;
    border: 0;
    border-radius: 0;
    background: rgba(2, 8, 8, 0.64) !important;
    backdrop-filter: blur(5px);
    cursor: pointer;
}

.da-application__design-backdrop:hover,
.da-application__design-backdrop:focus {
    background: rgba(2, 8, 8, 0.64) !important;
    outline: 0;
}

.da-application__design-dialog {
    position: relative;
    z-index: 1;
    width: min(860px, 100%);
    max-height: min(620px, calc(100vh - 48px));
    overflow: hidden;
    margin: 0;
    padding: 0;
    border: 1px solid rgba(55, 242, 154, 0.24);
    border-radius: 8px;
    background: #f8fbfa;
    box-shadow: 0 24px 80px rgba(0, 0, 0, 0.32);
}

.da-application__design-dialog-head {
    display: flex;
    align-items: start;
    justify-content: space-between;
    gap: 16px;
    margin: 0;
    padding: 20px 22px;
    border-bottom: 1px solid #dce6eb;
    background: linear-gradient(135deg, #f8fbfa, #e8f7f1);
}

.da-application__design-dialog-head span {
    color: #176b5f;
    font-size: 12px;
    font-weight: 900;
    text-transform: uppercase;
}

.da-application__design-dialog-head h4 {
    margin: 2px 0 0;
    font-size: 24px;
}

.da-application__design-dialog-head button {
    min-height: 48px;
    border: 1px solid #d2dee4;
    border-radius: 8px;
    background: #fff !important;
    color: #123c45 !important;
    cursor: pointer;
    font-weight: 800;
}

.da-application__design-dialog-head button:hover,
.da-application__design-dialog-head button:focus {
    border-color: #176b5f;
    background: #edf8f5 !important;
    color: #0b2c29 !important;
    outline: 0;
}

.da-application--modal-open {
    overflow: hidden;
}

.da-application__template-controls {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
    margin: 20px 22px 0;
    align-items: start;
}

.da-application__design-options {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
    margin: 14px 22px 0;
    align-items: start;
}

.da-application__design-dialog label {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: 8px;
    margin: 0;
    line-height: 1.2;
}

.da-application__design-dialog select,
.da-application__design-dialog input[type="color"] {
    min-height: 48px;
    box-sizing: border-box;
}

.da-application__design-options input[type="color"] {
    width: 100%;
    height: 48px;
    padding: 4px;
    position: relative;
    z-index: 2;
    pointer-events: auto;
    cursor: pointer;
}

.da-application__color-presets {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
    margin: 0;
    padding: 18px 22px 22px;
}

.da-application__color-presets > span {
    width: 100%;
    color: #405366;
    font-size: 13px;
    font-weight: 800;
}

.da-application__color-presets button {
    display: inline-flex;
    min-height: 40px;
    align-items: center;
    gap: 8px;
    padding: 8px 12px;
    border: 1px solid #dce3e8;
    border-radius: 8px;
    background: #fff;
    color: #123c45;
    cursor: pointer;
    font-weight: 800;
}

.da-application__color-presets button:hover,
.da-application__color-presets button:focus {
    border-color: #176b5f;
    background: #edf8f5;
}

.da-application__color-presets i {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.08);
}

.da-application__table {
    display: grid;
    gap: 10px;
    margin-top: 18px;
}

.da-application__row {
    display: grid;
    grid-template-columns: 1.2fr 0.6fr 1fr 0.7fr auto auto auto auto;
    align-items: center;
    gap: 12px;
    padding: 12px;
    border: 1px solid #e1e7eb;
    border-radius: 8px;
    background: #f8fafb;
}

.da-application__row form {
    margin: 0;
}

.da-application__share-url {
    grid-column: 1 / -1;
    margin-top: 2px;
    color: #526773;
    font-size: 13px;
    font-weight: 800;
}

.da-application__share-url input {
    margin-top: 6px;
    font-size: 14px;
}

.da-application__qr {
    position: relative;
}

.da-application__qr summary {
    display: inline-flex;
    min-height: 36px;
    align-items: center;
    padding: 8px 12px;
    border-radius: 8px;
    background: #edf8f5;
    color: #176b5f;
    cursor: pointer;
    font-weight: 800;
    list-style: none;
}

.da-application__qr summary::-webkit-details-marker {
    display: none;
}

.da-application__qr[open] img {
    position: absolute;
    z-index: 5;
    top: 42px;
    right: 0;
    display: block;
    width: 240px;
    min-width: 240px;
    max-width: none;
    height: 240px;
    min-height: 240px;
    aspect-ratio: 1 / 1;
    object-fit: contain;
    padding: 10px;
    border: 1px solid #dce3e8;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 16px 42px rgba(18, 36, 45, 0.16);
}

.da-application__copy-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 36px;
    padding: 8px 12px;
    border-radius: 8px;
    background: #edf8f5;
    color: #176b5f;
    font-weight: 800;
    text-decoration: none;
}

.da-application__copy-link:hover,
.da-application__copy-link:focus {
    background: #d9f0ea;
    color: #104f47;
}

.da-application__muted {
    color: #687782;
    font-size: 13px;
    font-weight: 700;
}

.da-application button.da-application__danger-button {
    background: #9d2f2f;
}

.da-application button.da-application__danger-button:hover,
.da-application button.da-application__danger-button:focus {
    background: #782323;
}

.da-application__status {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 30px;
    border-radius: 8px;
    background: #edf0f2;
    color: #5b6870;
    font-weight: 800;
}

.da-application__status--active {
    background: #e6f5ec;
    color: #17643a;
}

.da-application-showcase { width:100%; max-width:980px; margin:0 auto; color:#16212b; font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
.da-application-showcase__head { display:flex; align-items:flex-end; justify-content:space-between; gap:24px; margin-bottom:16px; }
.da-application-showcase__head span { color:#D8F1EF; font-size:12px; font-weight:900; letter-spacing:.08em; text-transform:uppercase; }
.da-application-showcase__slide-name { display:block; margin-top:4px; color:#D8F1EF; font-size:17px; line-height:1.2; }
.da-application-showcase__head h2 { margin:5px 0 7px; color:#102833; font-size:clamp(26px,3vw,42px); line-height:1.08; }
.da-application-showcase__head p { margin:0; color:#5b6d75; font-size:16px; }
.da-application-showcase__actions { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:9px; }
.da-application-showcase__actions button,.da-application-showcase__actions a { display:inline-flex; min-height:44px; align-items:center; justify-content:center; padding:10px 15px; border:1px solid #176b5f; border-radius:8px; font-weight:850; text-decoration:none; cursor:pointer; }
.da-application-showcase__actions button { background:#176b5f; color:#fff; }
.da-application-showcase__actions a { background:#fff; color:#176b5f; }
.da-application-showcase__browser { position:relative; overflow:hidden; border:1px solid #b9c9ce; border-radius:12px; background:#0b1716; box-shadow:0 26px 80px rgba(18,60,69,.22); }
.da-application-showcase__bar { display:flex; height:42px; align-items:center; gap:7px; padding:0 14px; border-bottom:1px solid #263e3c; background:#102a28; }
.da-application-showcase__bar i { width:10px; height:10px; border-radius:50%; background:#6b8884; }
.da-application-showcase__bar i:first-child { background:#df6b65; }
.da-application-showcase__bar i:nth-child(2) { background:#e5bd58; }
.da-application-showcase__bar i:nth-child(3) { background:#54ad79; }
.da-application-showcase__bar span { min-width:0; margin-left:8px; overflow:hidden; color:#b8ceca; font:600 12px/1.2 ui-monospace,SFMono-Regular,Consolas,monospace; text-overflow:ellipsis; white-space:nowrap; }
.da-application-showcase iframe { display:block; width:100%; height:clamp(560px,64vh,680px); border:0; background:#edf2f4; }
.da-application-showcase__marker { position:absolute; z-index:4; top:calc(50% + 21px); display:flex; width:42px; height:58px; align-items:center; justify-content:center; border:1px solid rgba(255,255,255,.64); background:rgba(10,42,39,.88); color:#fff; font:800 35px/1 Arial,sans-serif; cursor:pointer; transform:translateY(-50%); transition:background .18s ease,transform .18s ease; }
.da-application-showcase__marker:hover,.da-application-showcase__marker:focus-visible { background:#176b5f; transform:translateY(-50%) scale(1.06); }
.da-application-showcase__marker--previous { left:10px; border-radius:0 9px 9px 0; }
.da-application-showcase__marker--next { right:10px; border-radius:9px 0 0 9px; }
.da-application-showcase__status { margin:13px 0 0; color:#D8F1EF; text-align:center; font-size:14px; font-weight:750; }

@media(max-width:720px) {
    .da-application-showcase__head { align-items:stretch; flex-direction:column; gap:14px; }
    .da-application-showcase__actions { display:grid; grid-template-columns:1fr; }
    .da-application-showcase__actions button,.da-application-showcase__actions a { width:100%; }
    .da-application-showcase iframe { height:min(720px,82vh); min-height:680px; pointer-events:none; }
    .da-application-showcase__marker { width:38px; height:52px; }
}

@media(min-width:721px) and (max-width:1024px) {
    .da-application-showcase iframe { height:clamp(480px,60vh,560px); }
}

/* Branchenpräsentation: Gastronomie / Service als blätterbare Speisekarte. */
.da-application-public--category-service { max-width:1080px; }
.da-application-public--category-service.da-application-public--booting .da-service-menu { display:none; }
.da-service-menu { position:relative; margin-top:18px; padding:18px; border:1px solid rgba(244,162,97,.55); border-radius:20px; background:linear-gradient(145deg,#2b1713,#4a2a21 58%,#25130f); box-shadow:0 30px 80px rgba(25,10,7,.42); color:#3c241c; }
.da-service-menu::before { position:absolute; inset:8px; border:1px solid rgba(244,162,97,.24); border-radius:14px; content:""; pointer-events:none; }
.da-service-menu__pages { position:relative; z-index:1; display:grid; grid-template-columns:1fr 1fr; gap:2px; height:700px; perspective:1800px; }
.da-service-menu__pages::after { position:absolute; z-index:3; top:0; bottom:0; left:50%; width:18px; background:linear-gradient(90deg,transparent,rgba(63,33,20,.22),rgba(255,255,255,.34),rgba(63,33,20,.18),transparent); content:""; pointer-events:none; transform:translateX(-50%); }
.da-service-menu__pages.is-flipping-forward::before,.da-service-menu__pages.is-flipping-backward::before { position:absolute; z-index:8; top:0; width:50%; height:100%; border:1px solid #dfc9a4; background:linear-gradient(90deg,#ead9bb,#fffaf0 18%,#f3e5ca); box-shadow:0 18px 38px rgba(43,20,12,.28); content:""; pointer-events:none; backface-visibility:hidden; }
.da-service-menu__pages.is-flipping-forward::before { right:0; border-radius:4px 12px 12px 4px; transform-origin:left center; animation:da-service-leaf-forward .9s cubic-bezier(.34,.02,.2,1) both; }
.da-service-menu__pages.is-flipping-backward::before { left:0; border-radius:12px 4px 4px 12px; transform-origin:right center; animation:da-service-leaf-backward .9s cubic-bezier(.34,.02,.2,1) both; }
.da-service-menu.is-cover .da-service-menu__pages::after { display:none; }
.da-service-menu__page { box-sizing:border-box; width:100%!important; height:700px!important; min-height:700px; margin:0!important; overflow-y:auto; border:1px solid #dfc9a4!important; border-radius:4px 12px 12px 4px!important; background:linear-gradient(90deg,rgba(105,66,35,.08),transparent 7%,transparent 93%,rgba(105,66,35,.08)),linear-gradient(180deg,#fffaf0,#f4e7cd)!important; color:#38251d!important; box-shadow:inset 0 0 45px rgba(105,66,35,.09),0 12px 28px rgba(15,7,4,.22)!important; scrollbar-color:#bd8357 transparent; scrollbar-width:thin; transform-origin:left center; backface-visibility:hidden; }
.da-service-menu__page[hidden] { display:none!important; }
.da-service-menu__page.is-left-page { border-radius:12px 4px 4px 12px!important; background:linear-gradient(90deg,rgba(105,66,35,.08),transparent 10%,rgba(105,66,35,.06)),linear-gradient(180deg,#fffaf0,#f4e7cd)!important; }
.da-service-menu__page.is-right-page { border-radius:4px 12px 12px 4px!important; }
.da-service-menu.is-cover .da-service-menu__page { grid-column:1/3; justify-self:center; width:58%!important; border-radius:12px!important; }
.da-service-menu__page.is-right-page.is-turning-forward,.da-service-menu.is-cover .da-service-menu__page.is-turning-forward { animation:da-service-page-forward .9s cubic-bezier(.2,.72,.2,1) both; }
.da-service-menu__page.is-left-page.is-turning-backward,.da-service-menu.is-cover .da-service-menu__page.is-turning-backward { animation:da-service-page-backward .9s cubic-bezier(.2,.72,.2,1) both; transform-origin:right center; }
.da-application-public--category-service .da-application-public__hero { display:flex!important; align-items:center; justify-content:center; flex-direction:column; gap:20px; padding:54px 48px!important; background:radial-gradient(circle at 50% 35%,rgba(244,162,97,.16),transparent 35%),linear-gradient(145deg,#fffaf0,#f0dfbe)!important; color:#38251d!important; text-align:center; }
.da-application-public--category-service .da-application-public__hero::before { display:none!important; content:none!important; }
.da-application-public--category-service .da-application-public__hero::after { position:absolute; right:34px; bottom:28px; color:#9b6b45; font:italic 700 15px Georgia,serif; content:"Mit Sorgfalt serviert"; }
.da-application-public--category-service .da-application-public__hero p { color:#9b572e; font-family:Georgia,serif; letter-spacing:.14em; }
.da-application-public--category-service .da-application-public__hero h1 { margin:0; color:#3a2118; font-family:Georgia,"Times New Roman",serif; font-size:clamp(38px,5vw,58px); line-height:1.02; }
.da-application-public--category-service .da-application-public__hero strong { color:#a75429; }
.da-application-public--category-service .da-application-public__hero .da-application-public__avatar { flex:0 0 auto; width:148px; height:184px; margin:0; border-color:#c47a45; box-shadow:0 14px 32px rgba(80,42,24,.2); }
.da-application-public--category-service .da-application-public__hero .da-application-public__intro { display:flex; align-items:center; flex-direction:column; max-width:100%; }
.da-application-public--category-service .da-application-public__meta { justify-content:center; color:#5a4033!important; }
.da-application-public--category-service .da-application-public__meta span,.da-application-public--category-service .da-application-public__meta a { padding:2px 0; color:#5a4033!important; text-shadow:none!important; }
.da-application-public--category-service .da-application-public__cta,.da-application-public--category-service .da-application-public__cta:hover,.da-application-public--category-service .da-application-public__cta:focus { border:1px solid #c8763f!important; background:#f4a261!important; color:#2b1713!important; box-shadow:0 10px 24px rgba(114,60,30,.18)!important; filter:none!important; transform:none!important; }
.da-application-public--category-service [data-da-window-panel] { min-height:700px; padding:32px 36px!important; animation:none; }
.da-application-public--category-service [data-da-window-panel]::before,.da-application-public--category-service [data-da-window-panel]::after { display:none!important; content:none!important; }
.da-application-public--category-service .da-application-public__section:hover { border-color:#dfc9a4; box-shadow:inset 0 0 45px rgba(105,66,35,.09),0 12px 28px rgba(15,7,4,.22); transform:none; }
.da-application-public--category-service .da-application-public__section>span { border:1px solid rgba(155,87,46,.28)!important; background:#f1dfc2!important; color:#7a3f23!important; font-family:Georgia,"Times New Roman",serif; letter-spacing:.08em; }
.da-application-public--category-service .da-application-public__section h2 { margin-top:6px; color:#3a2118; font-family:Georgia,"Times New Roman",serif; font-size:clamp(27px,3vw,38px); }
.da-application-public--category-service .da-application-public__section p,.da-application-public--category-service .da-application-public__section li { color:#4f3b31; }
.da-application-public--category-service .da-application-public__timeline-item,.da-application-public--category-service .da-application-public__project-card,.da-application-public--category-service .da-application-public__skill-group { border-color:rgba(155,87,46,.22); background:rgba(255,255,255,.42); }
.da-application-public--category-service .da-application-public__documents { grid-template-columns:1fr; }
.da-service-menu__course { margin:0 0 8px!important; color:#a75429!important; font:italic 700 19px/1.2 Georgia,"Times New Roman",serif; letter-spacing:.08em; }
.da-application-public--category-service .da-application-public__timeline { gap:8px; }
.da-application-public--category-service .da-application-public__timeline-item { padding:10px 11px 10px 34px; }
.da-application-public--category-service .da-application-public__timeline-item::before { left:13px; background:#c8763f!important; box-shadow:0 0 0 4px rgba(200,118,63,.16)!important; }
.da-application-public--category-service .da-application-public__timeline::before { background:rgba(200,118,63,.24)!important; }
.da-application-public--category-service .da-application-public__timeline-head { grid-template-columns:78px minmax(0,1fr); gap:10px; }
.da-application-public--category-service .da-application-public__timeline-head time { color:#7a3f23!important; font-family:inherit; font-size:12px; }
.da-application-public--category-service .da-application-public__timeline-head strong { font-size:14px; }
.da-application-public--category-service .da-application-public__timeline ul { margin:7px 0 0; }
.da-application-public--category-service .da-application-public__skills span { border-color:rgba(155,87,46,.24)!important; background:#f1dfc2!important; color:#5b321f!important; box-shadow:none!important; }
.da-application-public--category-service .da-application-public__project-card a,.da-application-public--category-service .da-application-public__project-card a:hover,.da-application-public--category-service .da-application-public__project-card a:focus { border-color:#b86535!important; background:#7a3f23!important; color:#fff5e6!important; box-shadow:0 8px 18px rgba(78,38,19,.18)!important; transform:none!important; }
.da-application-public--category-service .da-application-public__document-card,.da-application-public--category-service .da-application-public__document-card:hover,.da-application-public--category-service .da-application-public__document-card:focus { border-color:rgba(155,87,46,.28)!important; background:#fffaf0!important; box-shadow:none!important; transform:none!important; }
.da-application-public--category-service .da-service-menu__page[hidden] { display:none!important; }
.da-application-public--category-service .da-service-menu__page { overflow-x:hidden!important; overflow-y:auto!important; }
.da-application-public--category-service .da-service-menu__page::-webkit-scrollbar { width:10px; }
.da-application-public--category-service .da-service-menu__page::-webkit-scrollbar-track { margin:8px 0; border-radius:999px; background:rgba(155,87,46,.1); }
.da-application-public--category-service .da-service-menu__page::-webkit-scrollbar-thumb { border:2px solid #f4e7cd; border-radius:999px; background:#bd8357; }
.da-application-public--category-service .da-service-menu__page::-webkit-scrollbar-thumb:hover { background:#9f643c; }
.da-service-menu__controls { position:relative; z-index:2; display:grid; grid-template-columns:1fr auto 1fr; align-items:center; gap:14px; padding:16px 8px 2px; }
.da-service-menu__controls button { min-height:44px; padding:10px 16px; border:1px solid rgba(244,162,97,.72)!important; border-radius:999px; background:#f4a261!important; color:#2b1713!important; font-weight:900; cursor:pointer; box-shadow:none!important; }
.da-service-menu__controls button:hover,.da-service-menu__controls button:focus-visible { border-color:#ffd0a4!important; background:#ffb36f!important; color:#23120e!important; box-shadow:0 0 0 3px rgba(244,162,97,.24)!important; }
.da-service-menu__controls button:disabled { opacity:.38; cursor:not-allowed; }
.da-service-menu__previous { justify-self:start; }
.da-service-menu__next { justify-self:end; }
.da-service-menu__indicator { color:#f8dfc9; font-size:13px; font-weight:800; text-align:center; }
@keyframes da-service-page-forward { 0% { opacity:.18; transform:rotateY(-92deg); } 55% { opacity:.82; } 100% { opacity:1; transform:rotateY(0); } }
@keyframes da-service-page-backward { 0% { opacity:.18; transform:rotateY(92deg); } 55% { opacity:.82; } 100% { opacity:1; transform:rotateY(0); } }
@keyframes da-service-leaf-forward { 0% { transform:rotateY(0); } 48% { box-shadow:-24px 18px 42px rgba(43,20,12,.34); } 100% { transform:rotateY(-180deg); } }
@keyframes da-service-leaf-backward { 0% { transform:rotateY(0); } 48% { box-shadow:24px 18px 42px rgba(43,20,12,.34); } 100% { transform:rotateY(180deg); } }
@media(max-width:720px) {
    .da-service-menu { margin-top:12px; padding:8px; border-radius:14px; }
    .da-service-menu__pages { display:block; height:680px; }
    .da-service-menu__pages::after { display:none; }
    .da-service-menu__page,.da-application-public--category-service [data-da-window-panel] { width:100%!important; height:680px!important; min-height:680px; border-radius:9px!important; }
    .da-service-menu.is-cover .da-service-menu__page { width:100%!important; }
    .da-application-public--category-service .da-application-public__hero { grid-template-columns:1fr!important; gap:14px; padding:30px 22px!important; text-align:center; }
    .da-application-public--category-service .da-application-public__hero::after { position:static; grid-column:1; }
    .da-application-public--category-service [data-da-window-panel] { padding:30px 22px!important; }
    .da-service-menu__controls { grid-template-columns:1fr 1fr; }
    .da-service-menu__indicator { grid-column:1/3; grid-row:1; }
}
@media(prefers-reduced-motion:reduce) { .da-service-menu__page.is-turning-forward,.da-service-menu__page.is-turning-backward { animation:none; } }

.da-application-demo-page,
.da-application-share-page--demo {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.da-application-demo-page::-webkit-scrollbar,
.da-application-share-page--demo::-webkit-scrollbar {
    display: none;
    width: 0;
    height: 0;
}

@media (min-width: 1180px) {
    .da-application {
        max-width: min(1500px, calc(100vw - 56px));
    }

    .da-application > .da-application__notice,
    .da-application > .da-application__share,
    .da-application > .da-application__account-panel,
    .da-application > .da-application__payment-box,
    .da-application > .da-application__runtime,
    .da-application > .da-application__hero,
    .da-application > .da-application__checklist {
        max-width: 1120px;
    }

    .da-application > .da-application__account-menu {
        position: absolute;
        top: 18px;
        right: 141px;
        margin-bottom: 0;
    }

    .da-application__workspace {
        grid-template-columns: minmax(0, 1120px) minmax(280px, 340px);
        align-items: start;
    }

    .da-application__jobs {
        position: sticky;
        top: 42px;
        margin-top: 94px;
    }

    .da-application__jobs-head {
        display: grid;
        gap: 12px;
    }

    .da-application__jobs-head a {
        justify-content: center;
    }

    .da-application__job-list {
        grid-template-columns: 1fr;
    }
}

.da-application-share-page {
    margin: 0;
    background: #edf2f4;
}

.da-application-public {
    --da-public-primary: #123c45;
    --da-public-accent: #f5d46b;
    --da-public-on-primary: #fff;
    --da-public-soft: #edf8f5;
    max-width: 1180px;
    margin: 0 auto;
    padding: 34px 22px 64px;
    color: #16212b;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.da-application-public__hero {
    display: grid;
    grid-template-columns: 108px 1fr auto;
    align-items: center;
    gap: 24px;
    min-height: 260px;
    padding: 38px;
    border-radius: 8px;
    background: var(--da-public-primary);
    color: var(--da-public-on-primary);
    box-shadow: 0 24px 70px rgba(18, 60, 69, 0.22);
}

.da-application-public__avatar {
    display: flex;
    width: 108px;
    height: 108px;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(255, 255, 255, 0.28);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.12);
    color: var(--da-public-accent);
    font-size: 38px;
    font-weight: 900;
    text-transform: uppercase;
    overflow: hidden;
}

.da-application-public__hero--with-photo { grid-template-columns:160px 1fr auto; }
.da-application-public__avatar--photo { width:160px; height:200px; }

.da-application-public__avatar img {
    width: 100%;
    height: 100%;
    border-radius: inherit;
    object-fit: cover;
}

.da-application-public__hero p {
    margin: 0 0 10px;
    color: color-mix(in srgb, var(--da-public-accent) 45%, white);
    font-weight: 800;
    text-transform: uppercase;
}

.da-application-public__hero h1 {
    margin: 0;
    color: var(--da-public-on-primary);
    font-size: 52px;
    line-height: 1.05;
}

.da-application-public__hero strong {
    display: block;
    margin-top: 14px;
    color: var(--da-public-accent);
    font-size: 22px;
}

.da-application-public__meta {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 18px;
    margin-top: 20px;
}

.da-application-public__hero a,
.da-application-public__hero span {
    color: var(--da-public-on-primary);
}

.da-application-public__cta {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 46px;
    padding: 12px 18px;
    border-radius: 8px;
    background: var(--da-public-accent);
    color: var(--da-public-primary) !important;
    font-weight: 900;
    text-decoration: none;
}

.da-application-public__layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 330px;
    gap: 18px;
    margin-top: 18px;
}

.da-application-public__main,
.da-application-public__side {
    display: grid;
    align-content: start;
    gap: 18px;
}

.da-application-public__section {
    padding: 28px;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 12px 34px rgba(18, 36, 45, 0.08);
}

.da-application-public__section > span {
    display: inline-flex;
    min-height: 28px;
    align-items: center;
    margin-bottom: 10px;
    padding: 0 10px;
    border-radius: 8px;
    background: color-mix(in srgb, var(--da-public-accent) 14%, white);
    color: var(--da-public-primary);
    font-size: 12px;
    font-weight: 900;
    text-transform: uppercase;
}

.da-application-public__section h2 {
    margin: 0 0 12px;
    color: var(--da-public-primary);
    font-size: 24px;
}

.da-application-public__section p {
    margin: 0 0 12px;
    line-height: 1.7;
}

.da-application-public__section--summary p {
    font-size: 18px;
}

.da-application-public__timeline {
    display: grid;
    gap: 12px;
}

.da-application-public__timeline-item {
    position: relative;
    margin: 0;
    padding: 12px 14px 12px 40px;
    border: 1px solid #e1e8ec;
    border-radius: 8px;
    background: #f8fafb;
}

.da-application-public__timeline-item::before {
    position: absolute;
    top: 18px;
    left: 16px;
    width: 10px;
    height: 10px;
    border-radius: 999px;
    background: var(--da-public-accent);
    content: "";
}

.da-application-public__timeline p {
    margin: 0;
}

.da-application-public__timeline-head {
    display: grid;
    grid-template-columns: 96px minmax(0, 1fr);
    gap: 14px;
    align-items: start;
}

.da-application-public__timeline-head--no-date {
    grid-template-columns: minmax(0, 1fr);
}

.da-application-public__timeline-head time {
    color: var(--da-public-primary);
    font-size: 14px;
    font-weight: 900;
    line-height: 1.5;
}

.da-application-public__timeline-head strong {
    display: block;
    color: #17212b;
    font-weight: 900;
    line-height: 1.45;
}

.da-application-public__timeline-head em {
    display: block;
    margin-top: 2px;
    color: #526773;
    font-style: normal;
    line-height: 1.45;
}

.da-application-public__timeline ul {
    margin: 8px 0 0 110px;
    padding-left: 18px;
    color: #405366;
}

.da-application-public__timeline li + li {
    margin-top: 4px;
}

.da-application-public__skills {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
}

.da-application-public__skill-groups {
    display: grid;
    gap: 14px;
}

.da-application-public__skill-group {
    display: grid;
    grid-template-columns: 92px minmax(0, 1fr);
    gap: 12px;
    align-items: start;
    padding-bottom: 14px;
    border-bottom: 1px solid #edf1f3;
}

.da-application-public__skill-group:last-child {
    padding-bottom: 0;
    border-bottom: 0;
}

.da-application-public__skill-group strong {
    color: var(--da-public-primary);
    font-size: 13px;
    line-height: 1.35;
}

.da-application-public__skills span {
    display: inline-flex;
    min-height: 30px;
    align-items: center;
    max-width: 100%;
    padding: 6px 9px;
    border: 1px solid color-mix(in srgb, var(--da-public-primary) 14%, #dce3e8);
    border-radius: 8px;
    background: color-mix(in srgb, var(--da-public-primary) 7%, #fff);
    color: #17212b;
    font-size: 13px;
    font-weight: 800;
    line-height: 1.35;
    overflow-wrap: anywhere;
}

.da-application-public__contact a {
    display: inline-flex;
    max-width: 100%;
    min-height: 40px;
    align-items: center;
    margin-bottom: 10px;
    color: var(--da-public-primary);
    font-weight: 900;
    overflow-wrap: anywhere;
}

.da-application-public__documents {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 14px;
}

.da-application-public__document-card {
    display: grid;
    min-height: 210px;
    align-content: start;
    gap: 10px;
    padding: 10px;
    border: 1px solid #e1e8ec;
    border-radius: 8px;
    background: #f8fafb;
    color: var(--da-public-primary);
    font-weight: 900;
    text-decoration: none;
    transition: border-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease;
}

.da-application-public__document-card:hover,
.da-application-public__document-card:focus {
    border-color: var(--da-public-primary);
    background: color-mix(in srgb, var(--da-public-accent) 14%, white);
    box-shadow: 0 14px 34px rgba(18, 36, 45, 0.14);
    transform: translateY(-1px);
}

.da-application-public__document-preview {
    display: flex;
    min-height: 154px;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border: 1px solid #dde6eb;
    border-radius: 7px;
    background: #fff;
    color: var(--da-public-primary);
    text-align: center;
}

.da-application-public__document-preview img {
    display: block;
    width: 100%;
    height: 154px;
    object-fit: contain;
    background: #fff;
}

.da-application-public__document-preview strong {
    display: block;
    font-size: 34px;
    line-height: 1;
}

.da-application-public__document-preview small {
    display: block;
    margin-top: 8px;
    color: #607080;
    font-size: 12px;
    font-weight: 800;
}

.da-application-public__document-name {
    display: block;
    color: #17212b;
    font-size: 14px;
    line-height: 1.35;
    overflow-wrap: anywhere;
}

.da-application-public--modal-open {
    overflow: hidden;
}

.da-application-public__lightbox[hidden] {
    display: none;
}

.da-application-public__lightbox {
    position: fixed;
    z-index: 100000;
    inset: 0;
    display: grid;
    place-items: center;
    padding: 28px;
}

.da-application-public__lightbox-backdrop {
    position: absolute;
    inset: 0;
    border: 0;
    background: rgba(8, 18, 31, 0.76);
    cursor: pointer;
}

body .da-application-public__lightbox .da-application-public__lightbox-backdrop {
    appearance: none;
    padding: 0;
    border-radius: 0;
    background: rgba(8, 18, 31, 0.82) !important;
    box-shadow: none;
}

.da-application-public__lightbox-dialog {
    position: relative;
    z-index: 1;
    display: grid;
    width: min(1040px, 100%);
    max-height: calc(100vh - 56px);
    overflow: hidden;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 28px 90px rgba(0, 0, 0, 0.38);
}

.da-application-public__lightbox-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    padding: 14px 16px;
    border-bottom: 1px solid #e1e8ec;
}

.da-application-public__lightbox-head h2 {
    margin: 0;
    color: #17212b;
    font-size: 18px;
}

.da-application-public__lightbox-head button,
.da-application-public__lightbox-open {
    display: inline-flex;
    min-height: 40px;
    align-items: center;
    justify-content: center;
    padding: 9px 12px;
    border: 1px solid var(--da-public-primary);
    border-radius: 8px;
    background: var(--da-public-primary);
    color: #fff;
    cursor: pointer;
    font-weight: 900;
    text-decoration: none;
}

.da-application-public__lightbox-stage {
    display: grid;
    min-height: 360px;
    max-height: calc(100vh - 178px);
    overflow: auto;
    place-items: center;
    padding: 18px;
    background: #f1f5f7;
}

.da-application-public__lightbox-stage img {
    display: block;
    max-width: 100%;
    max-height: calc(100vh - 214px);
    border-radius: 6px;
    background: #fff;
    box-shadow: 0 10px 32px rgba(18, 36, 45, 0.18);
}

.da-application-public__lightbox-stage iframe {
    width: 100%;
    min-height: calc(100vh - 214px);
    border: 0;
    border-radius: 6px;
    background: #fff;
}

.da-application-public__lightbox-open {
    margin: 0 16px 16px;
    justify-self: start;
}

.da-application__hp {
    position: absolute;
    left: -9999px;
    width: 1px;
    height: 1px;
    overflow: hidden;
    opacity: 0;
}

.da-application-public--modern .da-application-public__hero {
    background: var(--da-public-primary);
}

.da-application-public--modern .da-application-public__hero p {
    color: #c5f0ff;
}

.da-application-public--modern .da-application-public__hero strong {
    color: var(--da-public-accent);
}

.da-application-public--modern .da-application-public__section h2 {
    color: var(--da-public-primary);
}

.da-application-public--modern .da-application-public__timeline-item::before {
    background: var(--da-public-accent);
}

.da-application-public--bg-white {
    max-width: 1120px;
}

.da-application-share-page--white {
    background: #fff;
}

.da-application-share-page--dark {
    background: #111827;
}

.da-application-share-page--it-grid {
    background:
        linear-gradient(rgba(55, 242, 154, 0.085) 1px, transparent 1px),
        linear-gradient(90deg, rgba(55, 242, 154, 0.075) 1px, transparent 1px),
        radial-gradient(circle at 20% 18%, rgba(55, 242, 154, 0.24), transparent 34%),
        radial-gradient(circle at 82% 12%, rgba(89, 255, 183, 0.16), transparent 30%),
        linear-gradient(135deg, #071613 0%, #071012 48%, #0b1714 100%);
    background-attachment: fixed;
    background-size: 64px 64px, 64px 64px, auto, auto;
}

.da-application-share-page--blueprint-grid {
    background:
        linear-gradient(rgba(255, 255, 255, 0.105) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, 0.095) 1px, transparent 1px),
        linear-gradient(rgba(255, 255, 255, 0.045) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, 0.04) 1px, transparent 1px),
        radial-gradient(circle at 16% 14%, rgba(87, 154, 224, 0.46), transparent 35%),
        radial-gradient(circle at 84% 24%, rgba(19, 82, 151, 0.44), transparent 34%),
        linear-gradient(135deg, #1f4f88 0%, #0d3771 46%, #08214e 100%);
    background-attachment: fixed;
    background-size: 96px 96px, 96px 96px, 24px 24px, 24px 24px, auto, auto, auto;
    overflow-x: hidden;
    position: relative;
}

.da-application-share-page--blueprint-grid::before,
.da-application-share-page--blueprint-grid::after {
    position: fixed;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    content: "";
}

.da-application-share-page--blueprint-grid::before {
    background:
        linear-gradient(90deg, transparent 0 8%, rgba(255, 255, 255, 0.28) 8% 8.12%, transparent 8.12% 92%, rgba(255, 255, 255, 0.22) 92% 92.12%, transparent 92.12%),
        linear-gradient(0deg, transparent 0 10%, rgba(255, 255, 255, 0.2) 10% 10.12%, transparent 10.12% 90%, rgba(255, 255, 255, 0.18) 90% 90.12%, transparent 90.12%),
        repeating-linear-gradient(45deg, transparent 0 110px, rgba(255, 255, 255, 0.08) 110px 112px, transparent 112px 220px);
    background-position: 0 0, 0 0, 0 0, 0 0;
    background-size: auto, auto, auto;
    opacity: 0.55;
    transform: translate3d(0, 0, 0);
    animation: da-blueprint-drift 18s ease-in-out infinite alternate;
}

.da-application-share-page--blueprint-grid::after {
    width: 100vw;
    height: 100vh;
    margin: auto;
    background:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1700' height='1050' viewBox='0 0 1700 1050'%3E%3Cstyle%3E.plan%7Bstroke-dasharray:3200;stroke-dashoffset:3200;animation:draw 14s ease-in-out infinite alternate%7D.plan2%7Bstroke-dasharray:2400;stroke-dashoffset:2400;animation:draw 18s ease-in-out infinite alternate .7s%7D.dim%7Bstroke-dasharray:700;stroke-dashoffset:700;animation:draw 10s ease-in-out infinite alternate 1.2s%7D%40keyframes draw%7Bto%7Bstroke-dashoffset:0%7D%7D%3C/style%3E%3Cg fill='none' stroke='%23ffffff' stroke-opacity='.74' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath class='plan' d='M156 178h372v238H156zM528 178h294v238H528zM822 178h294v238H822zM1116 178h356v238h-356zM196 218h136v104H196zM368 218h116v158H368zM568 218h94v72h-94zM698 218h88v72h-88zM862 218h210v158H862zM1160 218h126v92h-126zM1324 218h104v158h-104z'/%3E%3Cpath class='plan2' d='M178 520h278v192H178zM456 520h278v192H456zM734 520h322v192H734zM1056 520h216v192h-216zM1272 520h246v192h-246zM226 560h164v94H226zM506 560h82v94h-82zM626 560h70v94h-70zM780 560h232v94H780zM1102 560h126v94h-126zM1318 560h154v94h-154z'/%3E%3Cpath class='plan' d='M332 322a78 78 0 0 1-78 78M484 376a84 84 0 0 0-84-84M862 376a92 92 0 0 1 92-92M1160 310a78 78 0 0 0 78 78M1324 376a86 86 0 0 1 86-86M456 654a78 78 0 0 0-78-78M734 654a72 72 0 0 1-72-72M1056 654a82 82 0 0 0-82-82M1272 654a74 74 0 0 1 74-74'/%3E%3Cpath class='dim' d='M156 128v-48M1472 128v-48M156 100h1316M178 760v54M1518 760v54M178 790h1340M98 178h-54M98 416h-54M68 178v238M1560 178h54M1560 712h54M1586 178v534M528 142v-34M822 142v-34M528 124h294M1056 474v-34M1518 474v-34M1056 456h462'/%3E%3Cpath class='dim' d='M156 100l20-20m22 20l20-20m22 20l20-20M1450 100l22-20M178 790l18 18m24-18l18 18m1258-18l22 18M68 178l-18 18m18 198l-18 22M1586 178l18 18m-18 494l18 22'/%3E%3Cpath class='plan2' d='M286 868h326M286 900h260M286 932h430M820 850h420M820 882h334M820 914h496M100 872h118v86H100z'/%3E%3C/g%3E%3Cg fill='%23ffffff' fill-opacity='.78' font-family='Arial, sans-serif' font-size='24'%3E%3Ctext x='790' y='86'%3E13160%3C/text%3E%3Ctext x='784' y='118'%3EGRUNDRISS BAUPLAN%3C/text%3E%3Ctext x='630' y='104'%3E2940%3C/text%3E%3Ctext x='1220' y='446'%3E4620%3C/text%3E%3Ctext x='1548' y='462' transform='rotate(90 1548 462)'%3E5340%3C/text%3E%3Ctext x='820' y='826'%3E13400%3C/text%3E%3Ctext x='90' y='310' transform='rotate(-90 90 310)'%3E2380%3C/text%3E%3C/g%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: min(1900px, 145vw) auto;
    opacity: 0.58;
    transform: translate3d(0, 0, 0) rotate(-9deg) scale(1.08);
    clip-path: inset(0 100% 0 0);
    animation: da-blueprint-draw-reveal 16s cubic-bezier(0.22, 1, 0.36, 1) infinite;
}

.da-application-share-page--blueprint-grid .da-application-public::before {
    position: fixed;
    inset: -15% auto -15% 0;
    z-index: -1;
    width: 18vw;
    min-width: 180px;
    pointer-events: none;
    content: "";
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.24), transparent);
    filter: blur(12px);
    opacity: 0;
    transform: translateX(-120%) skewX(-18deg);
    animation: da-blueprint-draw-light 16s cubic-bezier(0.22, 1, 0.36, 1) infinite;
}

.da-application-share-page--blueprint-grid .da-application-public {
    position: relative;
    z-index: 1;
}

.da-application-share-page--care-soft {
    background:
        radial-gradient(circle at 16% 18%, rgba(142, 227, 200, 0.26), transparent 28%),
        radial-gradient(circle at 80% 8%, rgba(174, 236, 221, 0.18), transparent 30%),
        linear-gradient(135deg, #09201c 0%, #071715 54%, #0f2822 100%);
    background-attachment: fixed;
}

.da-application-share-page--office-lines {
    background:
        linear-gradient(120deg, rgba(125, 211, 252, 0.13) 0 1px, transparent 1px 80px),
        linear-gradient(135deg, #0d1521 0%, #0a111a 48%, #111827 100%);
    background-attachment: fixed;
}

.da-application-share-page--service-warm {
    background:
        radial-gradient(circle at 22% 16%, rgba(244, 162, 97, 0.22), transparent 30%),
        linear-gradient(135deg, #211817 0%, #130f0e 50%, #2a1c16 100%);
    background-attachment: fixed;
}

.da-application-share-page--studio-dots {
    background:
        radial-gradient(circle, rgba(255, 79, 216, 0.16) 1px, transparent 1.5px),
        radial-gradient(circle at 76% 18%, rgba(134, 239, 172, 0.18), transparent 28%),
        linear-gradient(135deg, #150f2d 0%, #080711 52%, #1a102b 100%);
    background-attachment: fixed;
    background-size: 30px 30px, auto, auto;
}

.da-application-share-page--route-lines {
    background:
        linear-gradient(90deg, rgba(250, 204, 21, 0.08) 1px, transparent 1px),
        linear-gradient(135deg, rgba(250, 204, 21, 0.12) 0 2px, transparent 2px 80px),
        linear-gradient(135deg, #101827 0%, #070b13 50%, #121a2b 100%);
    background-attachment: fixed;
    background-size: 96px 96px, 120px 120px, auto;
}

.da-application-share-page--shop-grid {
    background:
        linear-gradient(rgba(249, 115, 22, 0.095) 1px, transparent 1px),
        linear-gradient(90deg, rgba(249, 115, 22, 0.08) 1px, transparent 1px),
        radial-gradient(circle at 20% 14%, rgba(249, 115, 22, 0.22), transparent 30%),
        linear-gradient(135deg, #09211e 0%, #07120f 52%, #11241d 100%);
    background-attachment: fixed;
    background-size: 84px 84px, 84px 84px, auto, auto;
}

.da-application-share-page--education-board {
    background:
        linear-gradient(rgba(56, 189, 248, 0.08) 1px, transparent 1px),
        linear-gradient(90deg, rgba(56, 189, 248, 0.065) 1px, transparent 1px),
        radial-gradient(circle at 18% 18%, rgba(56, 189, 248, 0.2), transparent 30%),
        linear-gradient(135deg, #081923 0%, #071116 50%, #102435 100%);
    background-attachment: fixed;
    background-size: 88px 88px, 88px 88px, auto, auto;
}

.da-application-share-page--medical-praxis {
    background:
        radial-gradient(circle at 18% 22%, rgba(103, 232, 249, 0.2), transparent 28%),
        radial-gradient(circle at 80% 16%, rgba(110, 231, 183, 0.16), transparent 30%),
        linear-gradient(135deg, #071b1f 0%, #061314 52%, #0d2528 100%);
    background-attachment: fixed;
}

.da-application-share-page--care-soft,
.da-application-share-page--office-lines,
.da-application-share-page--service-warm,
.da-application-share-page--studio-dots,
.da-application-share-page--route-lines,
.da-application-share-page--shop-grid,
.da-application-share-page--education-board,
.da-application-share-page--medical-praxis {
    position: relative;
    overflow-x: hidden;
}

.da-application-share-page--care-soft::before,
.da-application-share-page--care-soft::after,
.da-application-share-page--office-lines::before,
.da-application-share-page--office-lines::after,
.da-application-share-page--service-warm::before,
.da-application-share-page--service-warm::after,
.da-application-share-page--studio-dots::before,
.da-application-share-page--studio-dots::after,
.da-application-share-page--route-lines::before,
.da-application-share-page--route-lines::after,
.da-application-share-page--shop-grid::before,
.da-application-share-page--shop-grid::after,
.da-application-share-page--education-board::before,
.da-application-share-page--education-board::after,
.da-application-share-page--medical-praxis::before,
.da-application-share-page--medical-praxis::after {
    position: fixed;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    content: "";
}

.da-application-share-page--care-soft .da-application-public,
.da-application-share-page--office-lines .da-application-public,
.da-application-share-page--service-warm .da-application-public,
.da-application-share-page--studio-dots .da-application-public,
.da-application-share-page--route-lines .da-application-public,
.da-application-share-page--shop-grid .da-application-public,
.da-application-share-page--education-board .da-application-public,
.da-application-share-page--medical-praxis .da-application-public {
    position: relative;
    z-index: 1;
}

.da-application-public-bg-video,
.da-application-public-bg-image {
    position: fixed;
    inset: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    pointer-events: none;
    opacity: 0.52;
    filter: saturate(1.08) contrast(1.05) brightness(0.72);
}

.da-application-public-bg-image {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.da-application-share-page--video-bg,
.da-application-share-page--image-bg {
    background-color: #050809;
}

.da-application-share-page--video-bg.da-application-share-page--it-grid {
    background: #050809;
    background-attachment: fixed;
    background-size: auto;
}

.da-application-share-page--video-bg::before,
.da-application-share-page--video-bg::after,
.da-application-share-page--image-bg::before,
.da-application-share-page--image-bg::after {
    display: none;
    content: none;
}

.da-application-share-page--video-bg .da-application-public,
.da-application-share-page--image-bg .da-application-public {
    position: relative;
    z-index: 2;
}

.da-application-share-page--video-bg .da-application-public--fachinformatiker::after,
.da-application-share-page--video-bg .da-application-public--fachinformatiker.da-application-public--bg-it-grid::after {
    display: none;
    content: none;
}

.da-application-share-page--care-soft::before {
    background:
        linear-gradient(90deg, transparent 0 11%, rgba(142, 227, 200, 0.12) 11% 11.12%, transparent 11.12% 89%, rgba(142, 227, 200, 0.1) 89% 89.12%, transparent 89.12%),
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='900' height='360' viewBox='0 0 900 360'%3E%3Cg fill='none' stroke='%238ee3c8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke-opacity='.42' stroke-width='5' d='M40 190h152l34-72 56 150 50-78h176l35-52 48 88 44-36h225'/%3E%3Cpath stroke-opacity='.24' stroke-width='2' d='M96 96h54m-27-27v54M708 82h66m-33-33v66M666 260h48m-24-24v48'/%3E%3Ccircle cx='224' cy='116' r='48' stroke-opacity='.18' stroke-width='3'/%3E%3Ccircle cx='724' cy='260' r='62' stroke-opacity='.16' stroke-width='3'/%3E%3C/g%3E%3C/svg%3E");
    background-position: center, 50% 52%;
    background-repeat: repeat, repeat-x;
    background-size: auto, 900px 360px;
    opacity: 0.72;
    animation: da-care-vitals 18s linear infinite;
}

.da-application-share-page--care-soft::after {
    background: radial-gradient(circle at 26% 28%, rgba(142, 227, 200, 0.16), transparent 24%), radial-gradient(circle at 78% 74%, rgba(174, 236, 221, 0.12), transparent 26%);
    opacity: 0.9;
    animation: da-soft-breathe 7s ease-in-out infinite alternate;
}

.da-application-share-page--office-lines::before {
    background:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='820' height='420' viewBox='0 0 820 420'%3E%3Cg fill='none' stroke='%237dd3fc' stroke-linecap='round'%3E%3Crect x='70' y='64' width='210' height='286' rx='10' stroke-opacity='.22' stroke-width='3'/%3E%3Cpath stroke-opacity='.34' stroke-width='3' d='M102 116h132M102 154h148M102 192h116M102 230h154M102 268h92M392 90h340M392 138h270M392 186h310M392 234h230M392 282h292'/%3E%3Cpath stroke-opacity='.18' stroke-width='2' d='M324 54v312M360 54v312M42 372h724'/%3E%3C/g%3E%3C/svg%3E"),
        linear-gradient(90deg, rgba(125, 211, 252, 0.08) 1px, transparent 1px);
    background-position: 0 24%, 0 0;
    background-repeat: repeat-x, repeat;
    background-size: 820px 420px, 92px 92px;
    opacity: 0.78;
    animation: da-office-slide 24s linear infinite;
}

.da-application-share-page--office-lines::after {
    background: linear-gradient(120deg, transparent 0 46%, rgba(125, 211, 252, 0.12) 48%, transparent 54%);
    transform: translateX(-60%);
    animation: da-bg-sweep 11s ease-in-out infinite;
}

.da-application-share-page--service-warm::before {
    background:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='780' height='420' viewBox='0 0 780 420'%3E%3Cg fill='none' stroke='%23f4a261' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke-opacity='.3' stroke-width='4' d='M112 238h124c24 0 44-20 44-44v-18h-168v62zM280 180h32c34 0 34 50 0 50h-32'/%3E%3Cpath stroke-opacity='.22' stroke-width='4' d='M152 126c-28-38 34-48 4-84M202 126c-28-38 34-48 4-84M450 80v260M496 80v260M450 224h46M610 92v246M650 92v246M590 338h80'/%3E%3Cpath stroke-opacity='.18' stroke-width='3' d='M80 314h258M402 348h310M62 70h212'/%3E%3C/g%3E%3C/svg%3E");
    background-position: 50% 42%;
    background-repeat: repeat;
    background-size: 780px 420px;
    opacity: 0.62;
    animation: da-service-steam 16s ease-in-out infinite;
}

.da-application-share-page--service-warm::after {
    background: radial-gradient(circle at 16% 20%, rgba(244, 162, 97, 0.2), transparent 27%), radial-gradient(circle at 82% 68%, rgba(255, 203, 143, 0.12), transparent 24%);
    animation: da-soft-breathe 6s ease-in-out infinite alternate;
}

.da-application-share-page--studio-dots::before {
    background:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='760' height='420' viewBox='0 0 760 420'%3E%3Cg fill='none' stroke='%23ff4fd8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke-opacity='.26' stroke-width='4' d='M80 306c92-162 230-210 370-98 88 70 142 74 230-34'/%3E%3Cpath stroke-opacity='.2' stroke-width='3' d='M152 124h146v98H152zM492 86h132v132H492zM540 152l86 104h-172z'/%3E%3Ccircle cx='214' cy='312' r='34' stroke-opacity='.28' stroke-width='4'/%3E%3Ccircle cx='646' cy='102' r='22' stroke-opacity='.32' stroke-width='4'/%3E%3C/g%3E%3Cg fill='%2386efac' fill-opacity='.22'%3E%3Ccircle cx='80' cy='306' r='7'/%3E%3Ccircle cx='450' cy='208' r='7'/%3E%3Ccircle cx='680' cy='174' r='7'/%3E%3C/g%3E%3C/svg%3E");
    background-position: center;
    background-repeat: repeat;
    background-size: 760px 420px;
    opacity: 0.72;
    animation: da-studio-float 18s ease-in-out infinite alternate;
}

.da-application-share-page--studio-dots::after {
    background: radial-gradient(circle, rgba(255, 79, 216, 0.14) 1px, transparent 2px);
    background-size: 34px 34px;
    opacity: 0.6;
}

.da-application-share-page--route-lines::before {
    background:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='900' height='430' viewBox='0 0 900 430'%3E%3Cg fill='none' stroke='%23facc15' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke-opacity='.34' stroke-width='5' stroke-dasharray='18 22' d='M54 330C190 178 250 384 384 238S610 76 846 140'/%3E%3Cpath stroke-opacity='.22' stroke-width='3' d='M96 90h110l42 42h156M578 282h190l54-54M650 86h110'/%3E%3Ccircle cx='54' cy='330' r='16' stroke-opacity='.38' stroke-width='5'/%3E%3Ccircle cx='384' cy='238' r='16' stroke-opacity='.38' stroke-width='5'/%3E%3Ccircle cx='846' cy='140' r='16' stroke-opacity='.38' stroke-width='5'/%3E%3C/g%3E%3C/svg%3E");
    background-position: 0 46%;
    background-repeat: repeat-x;
    background-size: 900px 430px;
    opacity: 0.76;
    animation: da-route-move 20s linear infinite;
}

.da-application-share-page--route-lines::after {
    background: radial-gradient(circle at 16% 72%, rgba(250, 204, 21, 0.18), transparent 20%), radial-gradient(circle at 80% 24%, rgba(250, 204, 21, 0.12), transparent 22%);
    animation: da-soft-breathe 7s ease-in-out infinite alternate;
}

.da-application-share-page--shop-grid::before {
    background:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='820' height='430' viewBox='0 0 820 430'%3E%3Cg fill='none' stroke='%23f97316' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke-opacity='.28' stroke-width='4' d='M80 104h280v210H80zM460 104h280v210H460zM80 174h280M80 244h280M460 174h280M460 244h280'/%3E%3Cpath stroke-opacity='.2' stroke-width='3' d='M132 134h58M228 134h72M512 134h64M620 134h72M132 204h108M512 204h126M132 274h72M512 274h86'/%3E%3Cpath stroke-opacity='.32' stroke-width='4' d='M338 76l58 58-58 58-58-58zM394 134h74'/%3E%3C/g%3E%3C/svg%3E");
    background-position: center;
    background-repeat: repeat;
    background-size: 820px 430px;
    opacity: 0.68;
    animation: da-shop-scan 17s ease-in-out infinite alternate;
}

.da-application-share-page--shop-grid::after {
    background: linear-gradient(90deg, transparent 0 38%, rgba(249, 115, 22, 0.13) 48%, transparent 58%);
    transform: translateX(-70%);
    animation: da-bg-sweep 9s ease-in-out infinite;
}

.da-application-share-page--education-board::before {
    background:
        linear-gradient(90deg, rgba(56, 189, 248, 0.12) 1px, transparent 1px),
        linear-gradient(rgba(56, 189, 248, 0.1) 1px, transparent 1px);
    background-size: 88px 88px;
    opacity: 0.56;
    animation: da-office-slide 30s linear infinite;
}

.da-application-share-page--education-board::after {
    background:
        radial-gradient(circle at 22% 18%, rgba(56, 189, 248, 0.2), transparent 24%),
        radial-gradient(circle at 78% 70%, rgba(125, 211, 252, 0.12), transparent 26%);
    animation: da-soft-breathe 8s ease-in-out infinite alternate;
}

.da-application-share-page--medical-praxis::before {
    background:
        radial-gradient(circle at 18% 24%, rgba(103, 232, 249, 0.17), transparent 24%),
        radial-gradient(circle at 78% 30%, rgba(110, 231, 183, 0.14), transparent 24%);
    opacity: 0.74;
    animation: da-soft-breathe 7s ease-in-out infinite alternate;
}

.da-application-share-page--medical-praxis::after {
    background: linear-gradient(120deg, transparent 0 42%, rgba(103, 232, 249, 0.12) 48%, transparent 55%);
    transform: translateX(-70%);
    animation: da-bg-sweep 10s ease-in-out infinite;
}

.da-application-public--bg-dark {
    color: #f6f8fb;
}

.da-application-public--bg-dark .da-application-public__section {
    color: #16212b;
}

.da-application-public--elegant {
    max-width: 1040px;
}

.da-application-public--elegant .da-application-public__hero {
    grid-template-columns: 92px 1fr auto;
    min-height: 220px;
    border: 1px solid color-mix(in srgb, var(--da-public-primary) 16%, white);
    background: #fff;
    color: #17202b;
    box-shadow: 0 20px 60px rgba(15, 23, 42, 0.08);
}

.da-application-public--elegant .da-application-public__avatar {
    width: 92px;
    height: 92px;
    border-color: var(--da-public-primary);
    background: var(--da-public-primary);
    color: var(--da-public-accent);
}

.da-application-public--elegant .da-application-public__hero--with-photo { grid-template-columns:150px 1fr auto; }
.da-application-public--elegant .da-application-public__avatar--photo { width:150px; height:188px; }

.da-application-public--elegant .da-application-public__hero h1,
.da-application-public--elegant .da-application-public__hero a,
.da-application-public--elegant .da-application-public__hero span {
    color: #17202b;
}

.da-application-public--elegant .da-application-public__hero p,
.da-application-public--elegant .da-application-public__hero strong {
    color: var(--da-public-primary);
}

.da-application-public--elegant .da-application-public__cta {
    border: 1px solid var(--da-public-primary);
    background: #fff;
    color: var(--da-public-primary) !important;
}

.da-application-public--elegant .da-application-public__section {
    border: 1px solid #e6ebef;
    box-shadow: none;
}

.da-application-public--kreativ {
    max-width: 1160px;
}

.da-application-public--kreativ .da-application-public__hero {
    position: relative;
    overflow: hidden;
    background: #111;
}

.da-application-public--kreativ .da-application-public__hero::after {
    position: absolute;
    right: -70px;
    bottom: -120px;
    width: 320px;
    height: 320px;
    border-radius: 50%;
    background: var(--da-public-accent);
    opacity: 0.22;
    content: "";
}

.da-application-public--kreativ .da-application-public__hero > * {
    position: relative;
    z-index: 1;
}

.da-application-public--kreativ .da-application-public__layout {
    grid-template-columns: 340px minmax(0, 1fr);
}

.da-application-public--kreativ .da-application-public__main {
    order: 2;
}

.da-application-public--kreativ .da-application-public__side {
    order: 1;
}

.da-application-public--kreativ .da-application-public__section > span {
    border-radius: 2px;
    background: var(--da-public-accent);
    color: #111;
}

.da-application-public--kreativ .da-application-public__skills span {
    border-radius: 2px;
    border-color: color-mix(in srgb, var(--da-public-accent) 45%, #dce3e8);
    background: color-mix(in srgb, var(--da-public-accent) 18%, #fff);
    color: #111;
}

.da-application-public--kreativ .da-application-public__timeline-item {
    border-left: 5px solid var(--da-public-accent);
}

.da-application-public--fachinformatiker {
    --da-public-primary: #071113;
    --da-public-accent: #37f29a;
    position: relative;
    max-width: 1220px;
    color: #d8f7ea;
    font-family: "Segoe UI", -apple-system, BlinkMacSystemFont, sans-serif;
}

.da-application-public--fachinformatiker::after {
    position: fixed;
    inset: 0;
    z-index: -1;
    pointer-events: none;
    content: "";
}

.da-application-public--fachinformatiker.da-application-public--bg-it-grid::after {
    background:
        linear-gradient(180deg, transparent 0%, rgba(55, 242, 154, 0.11) 48%, transparent 56%),
        radial-gradient(circle at 74% 22%, rgba(55, 242, 154, 0.18), transparent 24%);
    opacity: 0.34;
    animation: da-it-scan 7s ease-in-out infinite;
}

.da-application-share-page:has(.da-application-public--fachinformatiker):not(.da-application-share-page--it-grid):not(.da-application-share-page--blueprint-grid):not(.da-application-share-page--care-soft):not(.da-application-share-page--office-lines):not(.da-application-share-page--service-warm):not(.da-application-share-page--studio-dots):not(.da-application-share-page--route-lines):not(.da-application-share-page--shop-grid) {
    background: #050809;
}

.da-application-public--fachinformatiker .da-application-public__terminal-hero {
    max-height: 420px;
    margin-bottom: 20px;
    transition: max-height 0.76s cubic-bezier(0.22, 1, 0.36, 1), margin 0.76s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.48s ease, transform 0.76s cubic-bezier(0.22, 1, 0.36, 1);
}

.da-application-public--fachinformatiker .da-application-public__monitor {
    position: relative;
    overflow: hidden;
    min-height: 330px;
    border: 1px solid rgba(55, 242, 154, 0.28);
    border-radius: 8px;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.08), transparent 26%),
        radial-gradient(circle at 18% 0%, rgba(55, 242, 154, 0.2), transparent 36%),
        linear-gradient(135deg, rgba(8, 20, 24, 0.96), rgba(6, 11, 14, 0.96)),
        #101517;
    box-shadow: 0 28px 80px rgba(0, 0, 0, 0.42), inset 0 0 0 1px rgba(255, 255, 255, 0.04);
}

.da-application-public--fachinformatiker .da-application-public__monitor::after {
    position: absolute;
    inset: 40px 28px 28px;
    border: 1px solid rgba(55, 242, 154, 0.12);
    border-radius: 8px;
    background-image: linear-gradient(rgba(55, 242, 154, 0.06) 1px, transparent 1px);
    background-size: 100% 26px;
    pointer-events: none;
    content: "";
}

.da-application-public--fachinformatiker .da-application-public__monitor-bar {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    gap: 8px;
    min-height: 44px;
    padding: 0 16px;
    border-bottom: 1px solid rgba(55, 242, 154, 0.18);
    background: rgba(0, 0, 0, 0.24);
}

.da-application-public--fachinformatiker .da-application-public__monitor-bar span {
    width: 10px;
    height: 10px;
    border-radius: 999px;
    background: rgba(55, 242, 154, 0.82);
}

.da-application-public--fachinformatiker .da-application-public__monitor-bar span:nth-child(2) {
    background: #f5d46b;
}

.da-application-public--fachinformatiker .da-application-public__monitor-bar span:nth-child(3) {
    background: #ef6b73;
}

.da-application-public--fachinformatiker .da-application-public__monitor-bar output {
    margin-left: auto;
    color: #8edfb8;
    font-family: Consolas, "Courier New", monospace;
    font-size: 11px;
    font-weight: 700;
}

.da-application-public--fachinformatiker [data-da-it-skip] {
    margin-left: 0;
    padding: 8px 11px;
    border: 1px solid rgba(55, 242, 154, 0.38) !important;
    border-radius: 8px;
    background: rgba(55, 242, 154, 0.08) !important;
    color: #c9ffe7 !important;
    cursor: pointer;
    font-size: 12px;
    font-weight: 800;
}

.da-application-public--fachinformatiker [data-da-it-skip]:focus-visible {
    outline: 3px solid #ffffff;
    outline-offset: 3px;
}

.da-application-public--fachinformatiker [data-da-it-skip]:hover,
.da-application-public--fachinformatiker [data-da-it-skip]:focus {
    border-color: rgba(55, 242, 154, 0.72) !important;
    background: rgba(55, 242, 154, 0.18) !important;
    color: #ffffff !important;
    box-shadow: 0 0 0 3px rgba(55, 242, 154, 0.12), 0 10px 26px rgba(55, 242, 154, 0.12) !important;
    outline: none;
}

.da-application-public--fachinformatiker .da-application-public__terminal {
    position: relative;
    z-index: 1;
    display: grid;
    align-content: center;
    min-height: 286px;
    padding: 36px clamp(18px, 5vw, 54px);
    color: #c9ffe7;
    font-family: Consolas, "Courier New", monospace;
    font-size: clamp(14px, 2vw, 20px);
    font-weight: 800;
    line-height: 1.8;
}

.da-application-public--fachinformatiker .da-application-public__terminal p {
    min-height: 1.8em;
    margin: 0;
    overflow-wrap: anywhere;
    text-shadow: 0 0 16px rgba(55, 242, 154, 0.35);
    transform: translateX(0);
    transition: opacity 0.24s ease, transform 0.24s ease;
}

.da-application-public--fachinformatiker .da-application-public__terminal p:last-child::after {
    display: inline-block;
    width: 0.6em;
    height: 1em;
    margin-left: 4px;
    background: #37f29a;
    vertical-align: -0.15em;
    animation: da-terminal-cursor 0.8s steps(1) infinite;
    content: "";
}

html.da-js .da-application-public--fachinformatiker.da-application-public--booting .da-application-public__hero,
html.da-js .da-application-public--fachinformatiker.da-application-public--booting .da-application-public__it-snapshot,
html.da-js .da-application-public--fachinformatiker.da-application-public--booting .da-application-public__it-nav,
html.da-js .da-application-public--fachinformatiker.da-application-public--booting .da-application-public__layout,
html.da-js .da-application-public--it.da-application-public--booting .da-application-public__hero,
html.da-js .da-application-public--it.da-application-public--booting .da-application-public__it-snapshot,
html.da-js .da-application-public--it.da-application-public--booting .da-application-public__it-nav,
html.da-js .da-application-public--it.da-application-public--booting .da-application-public__layout {
    display: none;
    opacity: 0;
    transform: translateY(20px);
    pointer-events: none;
}

.da-application-public--fachinformatiker .da-application-public__hero,
.da-application-public--fachinformatiker .da-application-public__it-snapshot,
.da-application-public--fachinformatiker .da-application-public__it-nav,
.da-application-public--fachinformatiker .da-application-public__layout {
    transition: opacity 0.72s ease, transform 0.72s cubic-bezier(0.22, 1, 0.36, 1);
}

html.da-js .da-application-public--fachinformatiker.da-application-public--intro-complete .da-application-public__terminal-hero,
html.da-js .da-application-public--it.da-application-public--intro-complete .da-application-public__terminal-hero {
    max-height: 0;
    margin-bottom: 0;
    overflow: hidden;
    opacity: 0;
    transform: translateY(-18px) scale(0.985);
}

html.da-js .da-application-public--fachinformatiker.da-application-public--application-ready .da-application-public__hero,
html.da-js .da-application-public--fachinformatiker.da-application-public--application-ready .da-application-public__it-snapshot,
html.da-js .da-application-public--fachinformatiker.da-application-public--application-ready .da-application-public__it-nav,
html.da-js .da-application-public--fachinformatiker.da-application-public--application-ready .da-application-public__layout {
    opacity: 1;
    transform: translateY(0);
}

@media (max-width:400px) {
    .da-application-public--fachinformatiker .da-application-public__monitor-bar {
        gap: 7px;
        padding: 9px 10px;
    }

    .da-application-public--fachinformatiker .da-application-public__monitor-bar output {
        min-width: 0;
        font-size: 10px;
        overflow-wrap: anywhere;
    }

    .da-application-public--fachinformatiker [data-da-it-skip] {
        width: 100%;
        min-width: 0;
        min-height: 44px;
        padding: 9px 12px;
        white-space: normal;
        overflow-wrap: anywhere;
        line-height: 1.25;
    }

    .da-application-public--fachinformatiker .da-application-public__terminal {
        padding: 16px 10px;
        font-size: 12px;
        line-height: 1.6;
    }
}

.da-application-public__blueprint-intro {
    max-height: 520px;
    margin-bottom: 20px;
    overflow: hidden;
    border: 1px solid color-mix(in srgb, var(--da-public-accent) 55%, white);
    border-radius: 8px;
    background: color-mix(in srgb, var(--da-public-primary) 88%, #071827);
    color: #eef8ff;
    box-shadow: 0 28px 80px rgba(4, 19, 31, 0.38);
    transition: max-height 0.76s cubic-bezier(0.22, 1, 0.36, 1), margin 0.76s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.48s ease, transform 0.76s cubic-bezier(0.22, 1, 0.36, 1);
}

.da-application-public__blueprint-bar {
    display: grid;
    grid-template-columns: 1fr auto auto;
    min-height: 48px;
    align-items: center;
    gap: 16px;
    padding: 0 18px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.18);
    background: rgba(0, 0, 0, 0.18);
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.da-application-public__blueprint-bar > span { color:var(--da-public-accent); font-size:11px; font-weight:800; letter-spacing:normal; text-transform:none; }

.da-application-public__blueprint-bar button {
    padding: 8px 11px;
    border: 1px solid color-mix(in srgb, var(--da-public-accent) 70%, white);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.08);
    color: #fff;
    cursor: pointer;
    font-weight: 800;
}

.da-application-public__blueprint-bar button:focus-visible { outline:3px solid #fff; outline-offset:3px; box-shadow:0 0 0 5px color-mix(in srgb,var(--da-public-accent) 70%,transparent); }

.da-application-public__blueprint-stage {
    position: relative;
    display: grid;
    grid-template-columns:minmax(0, 1fr) 270px;
    gap: 20px;
    align-items: center;
    min-height: 360px;
    padding: 20px 28px 24px;
    background-image: linear-gradient(rgba(255,255,255,.055) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.055) 1px, transparent 1px);
    background-size: 24px 24px;
}

.da-application-public__blueprint-stage svg {
    width: 100%;
    max-height: 330px;
    fill: none;
    stroke: color-mix(in srgb, var(--da-public-accent) 82%, white);
    stroke-linecap: round;
    stroke-linejoin: round;
}

.da-blueprint-grid-line { opacity: .2; stroke-width: 1; }
.da-blueprint-draw { stroke-dasharray: 1800; stroke-dashoffset: 1800; stroke-width: 3; animation: da-trade-blueprint-draw 4.6s cubic-bezier(.22,1,.36,1) forwards; }
.da-blueprint-draw--2 { animation-delay: .8s; stroke-width: 1.5; }
.da-blueprint-draw--3 { animation-delay: 1.6s; stroke-width: 2; }
.da-blueprint-labels { fill: #fff; stroke: none; font: 700 15px -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; letter-spacing: .12em; opacity: 0; animation: da-trade-blueprint-labels .7s ease 3.8s forwards; }

.da-application-public__blueprint-steps {
    display: grid;
    gap: 10px;
    margin: 0;
    padding: 0;
    list-style: none;
    counter-reset: blueprint-step;
}

.da-application-public__blueprint-steps li {
    display: grid;
    grid-template-columns: 28px 1fr;
    gap: 9px;
    align-items: center;
    padding: 9px 10px;
    border: 1px solid rgba(255,255,255,.14);
    border-radius: 6px;
    background: rgba(0,0,0,.18);
    color: rgba(255,255,255,.64);
    font-size: 13px;
    font-weight: 700;
    counter-increment: blueprint-step;
    transition: border-color .3s ease, background .3s ease, color .3s ease, transform .3s ease;
}

.da-application-public__blueprint-steps li::before { display:grid; width:28px; height:28px; place-items:center; border:1px solid currentColor; border-radius:50%; content:counter(blueprint-step); }
.da-application-public__blueprint-steps li.is-complete { border-color: var(--da-public-accent); background: color-mix(in srgb, var(--da-public-accent) 15%, transparent); color:#fff; transform:translateX(-4px); }
.da-application-public__blueprint-steps li.is-complete::before { background:var(--da-public-accent); color:var(--da-public-primary); content:"✓"; }

.da-application-public__blueprint-stamp {
    position:absolute;
    right:34px;
    bottom:24px;
    padding:8px 13px;
    border:3px double var(--da-public-accent);
    color:var(--da-public-accent);
    font-size:12px;
    font-weight:900;
    letter-spacing:.12em;
    opacity:0;
    transform:rotate(-7deg) scale(1.35);
    transition:opacity .32s ease, transform .42s cubic-bezier(.2,1.5,.4,1);
}
.da-application-public__blueprint-stamp.is-visible { opacity:1; transform:rotate(-7deg) scale(1); }

html.da-js .da-application-public--intro-blueprint.da-application-public--booting .da-application-public__hero,
html.da-js .da-application-public--intro-blueprint.da-application-public--booting .da-application-public__it-snapshot,
html.da-js .da-application-public--intro-blueprint.da-application-public--booting .da-application-public__it-nav,
html.da-js .da-application-public--intro-blueprint.da-application-public--booting .da-application-public__layout { display:none; opacity:0; transform:translateY(20px); pointer-events:none; }

html.da-js .da-application-public--intro-blueprint.da-application-public--intro-complete .da-application-public__blueprint-intro { max-height:0; margin-bottom:0; opacity:0; transform:translateY(-18px) scale(.985); }
html.da-js .da-application-public--intro-blueprint.da-application-public--application-ready .da-application-public__hero,
html.da-js .da-application-public--intro-blueprint.da-application-public--application-ready .da-application-public__it-snapshot,
html.da-js .da-application-public--intro-blueprint.da-application-public--application-ready .da-application-public__it-nav,
html.da-js .da-application-public--intro-blueprint.da-application-public--application-ready .da-application-public__layout { opacity:1; transform:translateY(0); }

@keyframes da-trade-blueprint-draw { to { stroke-dashoffset:0; } }
@keyframes da-trade-blueprint-labels { to { opacity:.9; } }

@media (max-width: 760px) {
    .da-application-public__blueprint-intro { max-height:720px; }
    .da-application-public__blueprint-bar { grid-template-columns:1fr auto; }
    .da-application-public__blueprint-bar > span { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
    .da-application-public__blueprint-stage { grid-template-columns:1fr; padding:16px; }
    .da-application-public__blueprint-stage svg { max-height:230px; }
    .da-application-public__blueprint-stamp { position:static; justify-self:end; margin-top:4px; }
}

@media (max-width:400px) {
    .da-application-public__blueprint-bar { grid-template-columns:minmax(0,1fr); gap:9px; padding:9px 10px; }
    .da-application-public__blueprint-bar strong { font-size:10px; text-align:center; overflow-wrap:anywhere; }
    .da-application-public__blueprint-bar button { width:100%; min-width:0; min-height:44px; padding:9px 12px; white-space:normal; overflow-wrap:anywhere; line-height:1.25; }
    .da-application-public__blueprint-stage { min-height:0; gap:10px; padding:12px 10px; }
    .da-application-public__blueprint-stage svg { max-height:170px; }
    .da-application-public__blueprint-steps { gap:7px; }
    .da-application-public__blueprint-steps li { padding:7px 8px; font-size:12px; }
    .da-application-public__blueprint-stamp { max-width:100%; justify-self:center; margin-top:2px; text-align:center; overflow-wrap:anywhere; }
}

@media (prefers-reduced-motion: reduce) {
    .da-blueprint-draw { stroke-dashoffset:0; animation:none; }
    .da-blueprint-labels { opacity:.9; animation:none; }
    .da-application-public__blueprint-intro,
    .da-application-public__blueprint-steps li,
    .da-application-public__blueprint-stamp { transition:none; }
}

.da-application-public__care-intro {
    max-height: 560px;
    margin-bottom: 20px;
    overflow: hidden;
    border: 1px solid color-mix(in srgb, var(--da-public-accent) 55%, white);
    border-radius: 12px;
    background: linear-gradient(145deg, color-mix(in srgb, var(--da-public-primary) 88%, #092f35), color-mix(in srgb, var(--da-public-primary) 70%, #e8fff7));
    color: #f4fffb;
    box-shadow: 0 28px 80px rgba(8, 46, 43, .3);
    transition: max-height .76s cubic-bezier(.22,1,.36,1), margin .76s cubic-bezier(.22,1,.36,1), opacity .48s ease, transform .76s cubic-bezier(.22,1,.36,1);
}

.da-application-public__care-bar {
    display:grid;
    grid-template-columns:1fr auto auto;
    min-height:50px;
    align-items:center;
    gap:16px;
    padding:0 18px;
    border-bottom:1px solid rgba(255,255,255,.2);
    background:rgba(255,255,255,.08);
}

.da-application-public__care-bar > span { color:var(--da-public-accent); font-size:11px; font-weight:800; }

.da-application-public__care-bar button {
    padding:8px 11px;
    border:1px solid rgba(255,255,255,.42);
    border-radius:999px;
    background:rgba(255,255,255,.1);
    color:#fff;
    cursor:pointer;
    font-weight:800;
}

.da-application-public__care-bar button:focus-visible { outline:3px solid #fff; outline-offset:3px; box-shadow:0 0 0 5px color-mix(in srgb,var(--da-public-accent) 70%,transparent); }

.da-application-public__care-stage {
    position:relative;
    display:grid;
    min-height:410px;
    align-content:center;
    padding:25px 30px 30px;
}

.da-application-public__care-heart {
    position:absolute;
    top:28px;
    left:50%;
    color:var(--da-public-accent);
    font-size:34px;
    filter:drop-shadow(0 0 14px color-mix(in srgb, var(--da-public-accent) 55%, transparent));
    transform:translateX(-50%);
    animation:da-care-heartbeat 1.8s ease-in-out infinite;
}

.da-application-public__care-stage svg { width:100%; height:150px; overflow:visible; fill:none; }
.da-care-pulse-shadow { stroke:rgba(255,255,255,.13); stroke-width:8; }
.da-care-pulse-line { stroke:var(--da-public-accent); stroke-width:4; stroke-linecap:round; stroke-linejoin:round; stroke-dasharray:1400; stroke-dashoffset:1400; filter:drop-shadow(0 0 8px color-mix(in srgb, var(--da-public-accent) 55%, transparent)); animation:da-care-pulse-draw 5.4s cubic-bezier(.22,1,.36,1) forwards; }

.da-application-public__care-values { display:grid; grid-template-columns:repeat(4,1fr); gap:10px; margin-top:-14px; }
.da-application-public__care-values>div { display:grid; gap:4px; min-height:105px; padding:12px; border:1px solid rgba(255,255,255,.16); border-radius:10px; background:rgba(255,255,255,.08); opacity:.28; transform:translateY(14px); transition:opacity .55s ease, transform .55s cubic-bezier(.22,1,.36,1), border-color .55s ease, background .55s ease; }
.da-application-public__care-values>div.is-visible { border-color:color-mix(in srgb, var(--da-public-accent) 65%, white); background:color-mix(in srgb, var(--da-public-accent) 14%, transparent); opacity:1; transform:translateY(0); }
.da-application-public__care-values span { color:var(--da-public-accent); font-size:11px; font-weight:900; }
.da-application-public__care-values strong { font-size:16px; }
.da-application-public__care-values small { color:rgba(255,255,255,.76); line-height:1.35; }
.da-application-public__care-ready { justify-self:center; margin-top:18px; padding:8px 15px; border-radius:999px; background:var(--da-public-accent); color:var(--da-public-primary); font-size:12px; font-weight:900; opacity:0; transform:scale(.92); transition:opacity .4s ease, transform .4s ease; }
.da-application-public__care-ready.is-visible { opacity:1; transform:scale(1); }

html.da-js .da-application-public--intro-care.da-application-public--booting .da-application-public__hero,
html.da-js .da-application-public--intro-care.da-application-public--booting .da-application-public__it-snapshot,
html.da-js .da-application-public--intro-care.da-application-public--booting .da-application-public__it-nav,
html.da-js .da-application-public--intro-care.da-application-public--booting .da-application-public__layout { display:none; opacity:0; transform:translateY(20px); pointer-events:none; }
html.da-js .da-application-public--intro-care.da-application-public--intro-complete .da-application-public__care-intro { max-height:0; margin-bottom:0; opacity:0; transform:translateY(-18px) scale(.985); }
html.da-js .da-application-public--intro-care.da-application-public--application-ready .da-application-public__hero,
html.da-js .da-application-public--intro-care.da-application-public--application-ready .da-application-public__it-snapshot,
html.da-js .da-application-public--intro-care.da-application-public--application-ready .da-application-public__it-nav,
html.da-js .da-application-public--intro-care.da-application-public--application-ready .da-application-public__layout { opacity:1; transform:translateY(0); }

.da-application-public__office-intro { margin-bottom:18px; overflow:hidden; border:1px solid color-mix(in srgb,var(--da-public-accent) 52%,#7f94ab); border-radius:16px; background:linear-gradient(145deg,rgba(245,249,252,.97),rgba(224,234,243,.96)); color:#182b3d; box-shadow:0 22px 56px rgba(8,28,47,.28); transition:max-height .75s ease,opacity .55s ease,transform .55s ease,margin .75s ease; max-height:680px; }
.da-application-public__office-bar { min-height:48px; padding:9px 14px; display:grid; grid-template-columns:120px 1fr auto; align-items:center; gap:12px; border-bottom:1px solid rgba(60,86,110,.22); background:rgba(255,255,255,.78); }
.da-application-public__office-bar > div { display:flex; gap:6px; }
.da-application-public__office-bar > div span { width:10px; height:10px; border-radius:50%; background:#93a4b5; }
.da-application-public__office-bar > div span:nth-child(1) { background:#5f83a5; }
.da-application-public__office-bar > div span:nth-child(2) { background:#f0b95b; }
.da-application-public__office-bar > div span:nth-child(3) { background:#61b590; }
.da-application-public__office-bar strong { text-align:center; font-size:13px; letter-spacing:.055em; text-transform:uppercase; }
.da-application-public__office-bar button { border:1px solid rgba(40,67,92,.3); border-radius:8px; padding:8px 11px; background:#fff; color:#223c53; font-weight:700; cursor:pointer; }
.da-application-public__office-bar button:focus-visible { outline:3px solid #223c53; outline-offset:3px; box-shadow:0 0 0 5px color-mix(in srgb,var(--da-public-accent) 70%,transparent); }
.da-application-public__office-stage { display:grid; grid-template-columns:180px 1fr; min-height:370px; }
.da-application-public__office-nav { padding:24px 15px; display:flex; flex-direction:column; gap:7px; border-right:1px solid rgba(60,86,110,.18); background:rgba(214,226,237,.58); }
.da-application-public__office-nav > strong { margin:0 8px 12px; color:#587087; font-size:11px; letter-spacing:.08em; text-transform:uppercase; }
.da-application-public__office-nav span { display:flex; justify-content:space-between; padding:10px 11px; border-radius:8px; color:#456078; font-size:13px; font-weight:700; }
.da-application-public__office-nav span.is-active { color:#fff; background:var(--da-public-primary); }
.da-application-public__office-nav b { display:grid; place-items:center; min-width:20px; height:20px; border-radius:10px; background:var(--da-public-accent); color:#102233; }
.da-application-public__office-workspace { padding:24px; }
.da-application-public__office-workspace > header { display:flex; justify-content:space-between; align-items:center; gap:20px; }
.da-application-public__office-workspace > header div { display:flex; flex-direction:column; gap:3px; }
.da-application-public__office-workspace > header small { color:#6c8297; }
.da-application-public__office-workspace > header strong { font-size:20px; }
.da-application-public__office-workspace > header > span { font-size:22px; font-weight:800; color:var(--da-public-primary); }
.da-application-public__office-progress { height:7px; margin:15px 0 20px; overflow:hidden; border-radius:5px; background:#cbd8e3; }
.da-application-public__office-progress i { display:block; width:0; height:100%; border-radius:inherit; background:linear-gradient(90deg,var(--da-public-primary),var(--da-public-accent)); transition:width .7s ease; }
.da-application-public__office-tasks { display:grid; gap:9px; margin:0; padding:0; list-style:none; }
.da-application-public__office-tasks li { display:grid; grid-template-columns:34px 1fr auto; align-items:center; gap:11px; padding:11px 12px; border:1px solid rgba(67,94,119,.18); border-radius:10px; background:rgba(255,255,255,.7); opacity:.42; transform:translateX(14px); transition:opacity .45s ease,transform .45s ease,border-color .45s ease; }
.da-application-public__office-tasks li.is-complete { opacity:1; transform:translateX(0); border-color:color-mix(in srgb,var(--da-public-accent) 52%,#91a3b4); }
.da-application-public__office-tasks li > i { display:grid; place-items:center; width:28px; height:28px; border-radius:50%; background:#d4dee7; color:transparent; font-style:normal; font-weight:900; }
.da-application-public__office-tasks li.is-complete > i { background:var(--da-public-accent); color:#112538; }
.da-application-public__office-tasks li div { display:flex; flex-direction:column; gap:2px; }
.da-application-public__office-tasks li strong { font-size:13px; }
.da-application-public__office-tasks li small { color:#687f93; }
.da-application-public__office-tasks li > span { color:#61798e; font-size:11px; font-weight:800; text-transform:uppercase; }
.da-application-public__office-ready { margin-top:14px; padding:10px 14px; border-radius:9px; background:var(--da-public-primary); color:var(--da-public-on-primary); text-align:center; font-weight:800; opacity:0; transform:translateY(8px); transition:opacity .5s ease,transform .5s ease; }
.da-application-public__office-ready.is-visible { opacity:1; transform:translateY(0); }
html.da-js .da-application-public--intro-office.da-application-public--booting .da-application-public__hero,
html.da-js .da-application-public--intro-office.da-application-public--booting .da-application-public__it-snapshot,
html.da-js .da-application-public--intro-office.da-application-public--booting .da-application-public__it-nav,
html.da-js .da-application-public--intro-office.da-application-public--booting .da-application-public__layout { display:none; opacity:0; transform:translateY(20px); pointer-events:none; }
html.da-js .da-application-public--intro-office.da-application-public--intro-complete .da-application-public__office-intro { max-height:0; margin-bottom:0; opacity:0; transform:translateY(-18px) scale(.985); }
html.da-js .da-application-public--intro-office.da-application-public--application-ready .da-application-public__hero,
html.da-js .da-application-public--intro-office.da-application-public--application-ready .da-application-public__it-snapshot,
html.da-js .da-application-public--intro-office.da-application-public--application-ready .da-application-public__it-nav,
html.da-js .da-application-public--intro-office.da-application-public--application-ready .da-application-public__layout { opacity:1; transform:translateY(0); }
@media (max-width:720px) { .da-application-public__office-bar { grid-template-columns:1fr auto; } .da-application-public__office-bar > div { display:none; } .da-application-public__office-bar strong { text-align:left; } .da-application-public__office-stage { grid-template-columns:1fr; } .da-application-public__office-nav { display:none; } .da-application-public__office-workspace { padding:17px; } .da-application-public__office-tasks li { grid-template-columns:30px 1fr; } .da-application-public__office-tasks li > span { display:none; } }
@media (max-width:400px) { .da-application-public__office-bar { grid-template-columns:minmax(0,1fr); gap:9px; padding:9px 10px; } .da-application-public__office-bar strong { font-size:10px; text-align:center; overflow-wrap:anywhere; } .da-application-public__office-bar button { width:100%; min-width:0; min-height:44px; padding:9px 12px; white-space:normal; overflow-wrap:anywhere; line-height:1.25; } .da-application-public__office-workspace { padding:12px; } .da-application-public__office-workspace > header { align-items:flex-start; gap:10px; } .da-application-public__office-workspace > header strong { font-size:18px; } .da-application-public__office-workspace > header > span { font-size:18px; } .da-application-public__office-tasks li { gap:8px; padding:9px 8px; } .da-application-public__office-tasks li small { font-size:11px; } }

@media (prefers-reduced-motion:reduce) { .da-application-public__office-intro, .da-application-public__office-progress i, .da-application-public__office-tasks li, .da-application-public__office-ready { transition:none; } }

.da-application-public__service-intro { margin-bottom:18px; overflow:hidden; border:1px solid color-mix(in srgb,var(--da-public-accent) 58%,#8d6c53); border-radius:18px; background:linear-gradient(135deg,rgba(45,31,28,.98),rgba(76,50,39,.97)); color:#fff8ee; box-shadow:0 24px 64px rgba(31,17,12,.38); max-height:680px; transition:max-height .75s ease,opacity .55s ease,transform .55s ease,margin .75s ease; }
.da-application-public__service-bar { min-height:48px; display:grid; grid-template-columns:1fr auto auto; align-items:center; gap:16px; padding:9px 15px; border-bottom:1px solid rgba(255,235,209,.17); background:rgba(28,18,16,.55); }
.da-application-public__service-bar strong { font-size:12px; letter-spacing:.09em; text-transform:uppercase; }
.da-application-public__service-bar > span { color:var(--da-public-accent); font-size:11px; font-weight:800; }
.da-application-public__service-bar button { padding:8px 11px; border:1px solid rgba(255,238,216,.32); border-radius:8px; background:rgba(255,255,255,.08); color:#fff8ee; font-weight:700; cursor:pointer; }
.da-application-public__service-bar button:focus-visible { outline:3px solid #fff; outline-offset:3px; box-shadow:0 0 0 5px color-mix(in srgb,var(--da-public-accent) 70%,transparent); }
.da-application-public__service-stage { display:grid; grid-template-columns:minmax(220px,36%) 1fr; min-height:390px; }
.da-application-public__service-cover { position:relative; display:flex; flex-direction:column; align-items:center; justify-content:center; padding:28px; text-align:center; background:radial-gradient(circle at 50% 38%,color-mix(in srgb,var(--da-public-accent) 28%,transparent),transparent 48%),linear-gradient(155deg,rgba(255,255,255,.06),transparent); }
.da-application-public__service-cover::after { content:""; position:absolute; inset:18px; border:1px solid rgba(255,234,204,.2); border-radius:90px 90px 14px 14px; pointer-events:none; }
.da-application-public__service-cloche { position:relative; width:112px; height:76px; margin-bottom:24px; }
.da-application-public__service-cloche i { position:absolute; left:10px; right:10px; bottom:13px; height:51px; border:3px solid var(--da-public-accent); border-bottom:0; border-radius:55px 55px 0 0; }
.da-application-public__service-cloche i::before { content:""; position:absolute; left:50%; top:-14px; width:18px; height:12px; border:3px solid var(--da-public-accent); border-bottom:0; border-radius:10px 10px 0 0; transform:translateX(-50%); }
.da-application-public__service-cloche span { position:absolute; left:0; right:0; bottom:8px; height:3px; border-radius:3px; background:var(--da-public-accent); box-shadow:0 7px 0 color-mix(in srgb,var(--da-public-accent) 62%,#fff); }
.da-application-public__service-cover small { color:var(--da-public-accent); font-size:11px; font-weight:800; letter-spacing:.14em; text-transform:uppercase; }
.da-application-public__service-cover > strong { margin-top:7px; font-family:Georgia,serif; font-size:27px; line-height:1.1; }
.da-application-public__service-cover p { margin:8px 0 0; color:#e9d8c5; font-size:13px; }
.da-application-public__service-checklist { padding:25px; }
.da-application-public__service-checklist header { display:flex; flex-direction:column; gap:3px; margin-bottom:17px; }
.da-application-public__service-checklist header small { color:var(--da-public-accent); font-size:11px; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }
.da-application-public__service-checklist header strong { font-family:Georgia,serif; font-size:21px; }
.da-application-public__service-checklist ol { display:grid; gap:9px; margin:0; padding:0; list-style:none; }
.da-application-public__service-checklist li { display:grid; grid-template-columns:34px 1fr 28px; align-items:center; gap:11px; padding:10px 12px; border:1px solid rgba(255,233,207,.16); border-radius:10px; background:rgba(255,255,255,.055); opacity:.38; transform:translateX(14px); transition:opacity .45s ease,transform .45s ease,border-color .45s ease,background .45s ease; }
.da-application-public__service-checklist li.is-complete { opacity:1; transform:translateX(0); border-color:color-mix(in srgb,var(--da-public-accent) 52%,transparent); background:rgba(255,255,255,.09); }
.da-application-public__service-checklist li > span { color:var(--da-public-accent); font-size:11px; font-weight:900; }
.da-application-public__service-checklist li div { display:flex; flex-direction:column; gap:2px; }
.da-application-public__service-checklist li strong { font-size:13px; }
.da-application-public__service-checklist li small { color:#d6c5b4; }
.da-application-public__service-checklist li > i { display:grid; place-items:center; width:25px; height:25px; border-radius:50%; background:rgba(255,255,255,.1); color:transparent; font-style:normal; font-weight:900; transition:background .35s ease,color .35s ease; }
.da-application-public__service-checklist li.is-complete > i { background:var(--da-public-accent); color:#2a1b17; }
.da-application-public__service-ready { margin-top:14px; padding:10px 14px; border-radius:9px; background:var(--da-public-accent); color:#2a1b17; text-align:center; font-weight:900; opacity:0; transform:translateY(8px); transition:opacity .5s ease,transform .5s ease; }
.da-application-public__service-ready.is-visible { opacity:1; transform:translateY(0); }
html.da-js .da-application-public--intro-service.da-application-public--booting .da-application-public__hero,
html.da-js .da-application-public--intro-service.da-application-public--booting .da-application-public__it-snapshot,
html.da-js .da-application-public--intro-service.da-application-public--booting .da-application-public__it-nav,
html.da-js .da-application-public--intro-service.da-application-public--booting .da-application-public__layout { display:none; opacity:0; transform:translateY(20px); pointer-events:none; }
html.da-js .da-application-public--intro-service.da-application-public--intro-complete .da-application-public__service-intro { max-height:0; margin-bottom:0; opacity:0; transform:translateY(-18px) scale(.985); }
html.da-js .da-application-public--intro-service.da-application-public--application-ready .da-application-public__hero,
html.da-js .da-application-public--intro-service.da-application-public--application-ready .da-application-public__it-snapshot,
html.da-js .da-application-public--intro-service.da-application-public--application-ready .da-application-public__it-nav,
html.da-js .da-application-public--intro-service.da-application-public--application-ready .da-application-public__layout { opacity:1; transform:translateY(0); }
@media (max-width:720px) { .da-application-public__service-bar { grid-template-columns:1fr auto; } .da-application-public__service-bar > span { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; } .da-application-public__service-stage { grid-template-columns:1fr; } .da-application-public__service-cover { min-height:190px; } .da-application-public__service-cover::after { border-radius:70px 70px 12px 12px; } .da-application-public__service-cloche { margin-bottom:12px; transform:scale(.82); } .da-application-public__service-checklist { padding:17px; } }
@media (max-width:400px) { .da-application-public__service-bar { grid-template-columns:minmax(0,1fr); gap:9px; padding:9px 10px; } .da-application-public__service-bar strong { font-size:10px; text-align:center; overflow-wrap:anywhere; } .da-application-public__service-bar button { width:100%; min-width:0; min-height:44px; padding:9px 12px; white-space:normal; overflow-wrap:anywhere; line-height:1.25; } .da-application-public__service-cover { min-height:165px; padding:18px; } .da-application-public__service-cloche { margin-bottom:5px; transform:scale(.68); } .da-application-public__service-cover > strong { font-size:22px; overflow-wrap:anywhere; } .da-application-public__service-checklist { padding:12px; } .da-application-public__service-checklist header strong { font-size:18px; } .da-application-public__service-checklist li { grid-template-columns:30px 1fr 25px; gap:8px; padding:9px 8px; } .da-application-public__service-checklist li small { font-size:11px; } }

@media (prefers-reduced-motion:reduce) { .da-application-public__service-intro, .da-application-public__service-checklist li, .da-application-public__service-ready { transition:none; } }

.da-application-public__design-intro { margin-bottom:18px; overflow:hidden; border:1px solid color-mix(in srgb,var(--da-public-accent) 58%,#725ea0); border-radius:18px; background:linear-gradient(145deg,#151021,#251947 55%,#17233a); color:#fff; box-shadow:0 26px 68px rgba(17,9,37,.42); max-height:680px; transition:max-height .75s ease,opacity .55s ease,transform .55s ease,margin .75s ease; }
.da-application-public__design-bar { min-height:50px; display:grid; grid-template-columns:1fr auto auto; align-items:center; gap:18px; padding:9px 15px; border-bottom:1px solid rgba(255,255,255,.14); background:rgba(10,7,20,.56); }
.da-application-public__design-bar strong { font-size:12px; letter-spacing:.1em; text-transform:uppercase; }
.da-application-public__design-bar > span { color:var(--da-public-accent); font-size:11px; font-weight:800; }
.da-application-public__design-bar button { padding:8px 11px; border:1px solid rgba(255,255,255,.25); border-radius:8px; background:rgba(255,255,255,.08); color:#fff; font-weight:700; cursor:pointer; }
.da-application-public__design-bar button:focus-visible { outline:3px solid #fff; outline-offset:3px; box-shadow:0 0 0 5px color-mix(in srgb,var(--da-public-accent) 70%,transparent); }
.da-application-public__design-stage { position:relative; display:grid; grid-template-columns:1.15fr .75fr .85fr; grid-template-rows:155px 155px; gap:13px; min-height:375px; padding:22px; isolation:isolate; }
.da-application-public__design-grid { position:absolute; inset:0; z-index:-1; opacity:.18; background-image:linear-gradient(rgba(255,255,255,.16) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.16) 1px,transparent 1px); background-size:28px 28px; }
.da-application-public__design-card { position:relative; overflow:hidden; padding:17px; border:1px solid rgba(255,255,255,.17); border-radius:13px; background:rgba(255,255,255,.085); backdrop-filter:blur(9px); opacity:0; transform:translateY(18px) rotate(-1deg) scale(.97); transition:opacity .55s ease,transform .65s cubic-bezier(.2,.8,.2,1),border-color .55s ease; }
.da-application-public__design-card.is-visible { opacity:1; transform:translateY(0) rotate(0) scale(1); border-color:color-mix(in srgb,var(--da-public-accent) 38%,rgba(255,255,255,.25)); }
.da-application-public__design-card small { display:block; margin-bottom:9px; color:var(--da-public-accent); font-size:10px; font-weight:900; letter-spacing:.13em; text-transform:uppercase; }
.da-application-public__design-card--title { grid-row:1/3; display:flex; flex-direction:column; justify-content:flex-end; padding:23px; background:linear-gradient(155deg,color-mix(in srgb,var(--da-public-primary) 84%,#171024),color-mix(in srgb,var(--da-public-accent) 24%,#171024)); }
.da-application-public__design-card--title::before { content:""; position:absolute; width:145px; height:145px; right:-38px; top:-38px; border:25px solid color-mix(in srgb,var(--da-public-accent) 38%,transparent); border-radius:50%; }
.da-application-public__design-card--title strong { max-width:90%; font-size:30px; line-height:1.05; }
.da-application-public__design-card--title span { margin-top:8px; color:#ded5f3; }
.da-application-public__design-card--type b { display:block; font-family:Georgia,serif; font-size:47px; line-height:.9; color:#fff; }
.da-application-public__design-card--type span { display:block; margin-top:9px; color:#d9cfea; font-size:11px; }
.da-application-public__design-card--palette div { display:flex; height:70px; gap:5px; }
.da-application-public__design-card--palette i { flex:1; border-radius:7px; background:var(--da-public-primary); }
.da-application-public__design-card--palette i:nth-child(2) { background:var(--da-public-accent); }
.da-application-public__design-card--palette i:nth-child(3) { background:#7dd3fc; }
.da-application-public__design-card--palette i:nth-child(4) { background:#f4e8ff; }
.da-application-public__design-card--image { display:flex; flex-direction:column; justify-content:space-between; background:linear-gradient(135deg,rgba(125,211,252,.16),rgba(255,255,255,.06)); }
.da-application-public__design-card--image > div { display:flex; align-items:flex-end; gap:7px; height:77px; }
.da-application-public__design-card--image > div span { width:28%; border-radius:28px 28px 7px 7px; background:color-mix(in srgb,var(--da-public-accent) 72%,#fff); }
.da-application-public__design-card--image > div span:nth-child(1) { height:48%; }.da-application-public__design-card--image > div span:nth-child(2) { height:88%; }.da-application-public__design-card--image > div span:nth-child(3) { height:66%; }
.da-application-public__design-card--image strong { font-size:12px; }
.da-application-public__design-card--skills { display:flex; flex-wrap:wrap; align-content:flex-start; gap:7px; }
.da-application-public__design-card--skills small { width:100%; }
.da-application-public__design-card--skills span { padding:7px 9px; border:1px solid rgba(255,255,255,.22); border-radius:15px; color:#eee7fa; font-size:10px; font-weight:800; }
.da-application-public__design-ready { position:absolute; left:50%; bottom:13px; z-index:3; padding:9px 18px; border-radius:20px; background:var(--da-public-accent); color:#171024; font-size:11px; font-weight:900; letter-spacing:.08em; text-transform:uppercase; opacity:0; transform:translate(-50%,10px) scale(.94); transition:opacity .5s ease,transform .5s ease; }
.da-application-public__design-ready.is-visible { opacity:1; transform:translate(-50%,0) scale(1); }
html.da-js .da-application-public--intro-design.da-application-public--booting .da-application-public__hero,
html.da-js .da-application-public--intro-design.da-application-public--booting .da-application-public__it-snapshot,
html.da-js .da-application-public--intro-design.da-application-public--booting .da-application-public__it-nav,
html.da-js .da-application-public--intro-design.da-application-public--booting .da-application-public__layout { display:none; opacity:0; transform:translateY(20px); pointer-events:none; }
html.da-js .da-application-public--intro-design.da-application-public--intro-complete .da-application-public__design-intro { max-height:0; margin-bottom:0; opacity:0; transform:translateY(-18px) scale(.985); }
html.da-js .da-application-public--intro-design.da-application-public--application-ready .da-application-public__hero,
html.da-js .da-application-public--intro-design.da-application-public--application-ready .da-application-public__it-snapshot,
html.da-js .da-application-public--intro-design.da-application-public--application-ready .da-application-public__it-nav,
html.da-js .da-application-public--intro-design.da-application-public--application-ready .da-application-public__layout { opacity:1; transform:translateY(0); }
@media (max-width:720px) { .da-application-public__design-bar { grid-template-columns:1fr auto; } .da-application-public__design-bar > span { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; } .da-application-public__design-stage { grid-template-columns:1fr 1fr; grid-template-rows:180px 125px 125px; padding:14px; } .da-application-public__design-card--title { grid-column:1/3; grid-row:auto; } .da-application-public__design-card--skills { grid-column:1/3; } }
@media (max-width:400px) { .da-application-public__design-bar { grid-template-columns:minmax(0,1fr); gap:9px; padding:9px 10px; } .da-application-public__design-bar strong { font-size:10px; text-align:center; overflow-wrap:anywhere; } .da-application-public__design-bar button { width:100%; min-width:0; min-height:44px; padding:9px 12px; white-space:normal; overflow-wrap:anywhere; line-height:1.25; } .da-application-public__design-stage { grid-template-rows:165px 115px 115px auto; gap:8px; padding:10px; } .da-application-public__design-card { padding:11px; } .da-application-public__design-card--title strong { font-size:23px; overflow-wrap:anywhere; } .da-application-public__design-card--type b { font-size:38px; } .da-application-public__design-card--skills span { padding:6px 7px; } .da-application-public__design-ready { position:static; grid-column:1/3; justify-self:center; transform:translateY(8px) scale(.94); text-align:center; } .da-application-public__design-ready.is-visible { transform:none; } }

@media (prefers-reduced-motion:reduce) { .da-application-public__design-intro, .da-application-public__design-card, .da-application-public__design-ready { transition:none; } }

.da-application-public__logistics-intro { margin-bottom:18px; overflow:hidden; border:1px solid color-mix(in srgb,var(--da-public-accent) 58%,#54708c); border-radius:17px; background:linear-gradient(145deg,#111a2b,#1b2942 58%,#182235); color:#f8fbff; box-shadow:0 25px 65px rgba(8,15,29,.42); max-height:700px; transition:max-height .75s ease,opacity .55s ease,transform .55s ease,margin .75s ease; }
.da-application-public__logistics-bar { min-height:49px; display:grid; grid-template-columns:1fr auto auto; align-items:center; gap:18px; padding:9px 15px; border-bottom:1px solid rgba(255,255,255,.14); background:rgba(5,10,20,.5); }
.da-application-public__logistics-bar strong { font-size:12px; letter-spacing:.09em; text-transform:uppercase; }.da-application-public__logistics-bar > span { color:var(--da-public-accent); font-size:11px; font-weight:900; }.da-application-public__logistics-bar button { padding:8px 11px; border:1px solid rgba(255,255,255,.24); border-radius:8px; background:rgba(255,255,255,.07); color:#fff; font-weight:700; cursor:pointer; }
.da-application-public__logistics-bar button:focus-visible { outline:3px solid #fff; outline-offset:3px; box-shadow:0 0 0 5px color-mix(in srgb,var(--da-public-accent) 70%,transparent); }
.da-application-public__logistics-stage { position:relative; min-height:400px; padding:18px 22px 22px; }.da-application-public__logistics-map { position:relative; height:205px; overflow:hidden; border:1px solid rgba(255,255,255,.12); border-radius:13px; background:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px),rgba(5,12,24,.36); background-size:25px 25px; }
.da-application-public__logistics-map svg { width:100%; height:100%; }.da-logistics-map-line { fill:none; stroke:rgba(153,184,215,.18); stroke-width:2; }.da-logistics-route-shadow { fill:none; stroke:rgba(255,255,255,.12); stroke-width:9; stroke-linecap:round; }.da-logistics-route { fill:none; stroke:var(--da-public-accent); stroke-width:5; stroke-linecap:round; stroke-dasharray:1050; stroke-dashoffset:1050; filter:drop-shadow(0 0 7px color-mix(in srgb,var(--da-public-accent) 60%,transparent)); }.da-logistics-route.is-driving,.da-logistics-route.is-complete { animation:da-logistics-draw 5.8s ease forwards; }.da-logistics-route.is-complete { stroke-dashoffset:0; }.da-logistics-stations circle { fill:#15243a; stroke:var(--da-public-accent); stroke-width:4; }
@keyframes da-logistics-draw { to { stroke-dashoffset:0; } }
.da-application-public__logistics-truck { position:absolute; left:8%; bottom:22%; width:48px; height:27px; border-radius:5px 7px 4px 4px; background:var(--da-public-accent); color:#101c2d; opacity:0; transition:left 5.8s ease,top 5.8s ease,opacity .3s ease; }.da-application-public__logistics-truck span { position:absolute; right:-16px; bottom:0; width:20px; height:20px; border-radius:3px 7px 3px 2px; background:inherit; }.da-application-public__logistics-truck i,.da-application-public__logistics-truck b { position:absolute; bottom:-7px; width:12px; height:12px; border:3px solid #dfe9f2; border-radius:50%; background:#17243a; }.da-application-public__logistics-truck i { left:7px; }.da-application-public__logistics-truck b { right:-10px; }.da-application-public__logistics-truck.is-driving { left:82%; top:38%; opacity:1; }.da-application-public__logistics-truck.is-arrived { left:82%; top:38%; opacity:1; }
.da-application-public__logistics-steps { display:grid; grid-template-columns:repeat(4,1fr); gap:9px; margin:14px 0 0; padding:0; list-style:none; }.da-application-public__logistics-steps li { display:grid; grid-template-columns:27px 1fr 24px; align-items:center; gap:8px; padding:10px; border:1px solid rgba(255,255,255,.13); border-radius:10px; background:rgba(255,255,255,.055); opacity:.36; transform:translateY(10px); transition:.45s ease; }.da-application-public__logistics-steps li.is-complete { opacity:1; transform:none; border-color:color-mix(in srgb,var(--da-public-accent) 50%,transparent); }.da-application-public__logistics-steps li > span { color:var(--da-public-accent); font-size:10px; font-weight:900; }.da-application-public__logistics-steps li div { display:flex; flex-direction:column; gap:2px; }.da-application-public__logistics-steps li strong { font-size:12px; }.da-application-public__logistics-steps li small { color:#b6c5d6; font-size:9px; }.da-application-public__logistics-steps li > i { display:grid; place-items:center; width:22px; height:22px; border-radius:50%; background:rgba(255,255,255,.1); color:transparent; font-style:normal; }.da-application-public__logistics-steps li.is-complete > i { background:var(--da-public-accent); color:#172033; }
.da-application-public__logistics-ready { position:absolute; left:50%; bottom:5px; padding:9px 17px; border-radius:18px; background:var(--da-public-accent); color:#172033; font-size:11px; font-weight:900; opacity:0; transform:translate(-50%,8px); transition:.45s ease; }.da-application-public__logistics-ready.is-visible { opacity:1; transform:translate(-50%,0); }
html.da-js .da-application-public--intro-logistics.da-application-public--booting .da-application-public__hero,html.da-js .da-application-public--intro-logistics.da-application-public--booting .da-application-public__it-snapshot,html.da-js .da-application-public--intro-logistics.da-application-public--booting .da-application-public__it-nav,html.da-js .da-application-public--intro-logistics.da-application-public--booting .da-application-public__layout { display:none; opacity:0; transform:translateY(20px); pointer-events:none; }
html.da-js .da-application-public--intro-logistics.da-application-public--intro-complete .da-application-public__logistics-intro { max-height:0; margin-bottom:0; opacity:0; transform:translateY(-18px) scale(.985); }html.da-js .da-application-public--intro-logistics.da-application-public--application-ready .da-application-public__hero,html.da-js .da-application-public--intro-logistics.da-application-public--application-ready .da-application-public__it-snapshot,html.da-js .da-application-public--intro-logistics.da-application-public--application-ready .da-application-public__it-nav,html.da-js .da-application-public--intro-logistics.da-application-public--application-ready .da-application-public__layout { opacity:1; transform:translateY(0); }
@media(max-width:720px){.da-application-public__logistics-bar{grid-template-columns:1fr auto}.da-application-public__logistics-bar>span{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.da-application-public__logistics-stage{padding:14px 14px 28px}.da-application-public__logistics-map{height:170px}.da-application-public__logistics-steps{grid-template-columns:1fr 1fr}.da-application-public__logistics-truck{transform:scale(.8)}}
@media(max-width:400px){.da-application-public__logistics-bar{grid-template-columns:minmax(0,1fr);gap:9px;padding:9px 10px}.da-application-public__logistics-bar strong{font-size:10px;text-align:center;overflow-wrap:anywhere}.da-application-public__logistics-bar button{width:100%;min-width:0;min-height:44px;padding:9px 12px;white-space:normal;overflow-wrap:anywhere;line-height:1.25}.da-application-public__logistics-stage{min-height:0;padding-bottom:14px}.da-application-public__logistics-map{height:155px}.da-application-public__logistics-truck{transform:scale(.65);transform-origin:left center}.da-application-public__logistics-steps{grid-template-columns:1fr}.da-application-public__logistics-steps li small{font-size:11px}.da-application-public__logistics-ready{position:static;margin-top:12px;transform:translateY(8px);text-align:center}.da-application-public__logistics-ready.is-visible{transform:none}}

@media(prefers-reduced-motion:reduce){.da-application-public__logistics-intro,.da-application-public__logistics-truck,.da-application-public__logistics-steps li,.da-application-public__logistics-ready{transition:none}.da-logistics-route{animation:none;stroke-dashoffset:0}}

.da-application-public__sales-intro { margin-bottom:18px; overflow:hidden; border:1px solid color-mix(in srgb,var(--da-public-accent) 60%,#7d5f43); border-radius:17px; background:linear-gradient(145deg,#122f35,#173f46 58%,#102a32); color:#f7fbfa; box-shadow:0 25px 64px rgba(7,27,31,.4); max-height:690px; transition:max-height .75s ease,opacity .55s ease,transform .55s ease,margin .75s ease; }
.da-application-public__sales-bar { min-height:49px; display:grid; grid-template-columns:1fr auto auto; align-items:center; gap:18px; padding:9px 15px; border-bottom:1px solid rgba(255,255,255,.14); background:rgba(5,23,27,.48); }.da-application-public__sales-bar strong { font-size:12px; letter-spacing:.09em; text-transform:uppercase; }.da-application-public__sales-bar > span { color:var(--da-public-accent); font-size:11px; font-weight:900; }.da-application-public__sales-bar button { padding:8px 11px; border:1px solid rgba(255,255,255,.25); border-radius:8px; background:rgba(255,255,255,.07); color:#fff; font-weight:700; cursor:pointer; }
.da-application-public__sales-bar button:focus-visible { outline:3px solid #fff; outline-offset:3px; box-shadow:0 0 0 5px color-mix(in srgb,var(--da-public-accent) 70%,transparent); }
.da-application-public__sales-stage { display:grid; grid-template-columns:minmax(220px,35%) 1fr; min-height:405px; }.da-application-public__sales-profile { position:relative; display:flex; flex-direction:column; align-items:center; justify-content:center; padding:25px; text-align:center; background:radial-gradient(circle at 50% 36%,color-mix(in srgb,var(--da-public-accent) 25%,transparent),transparent 44%),rgba(255,255,255,.035); }.da-application-public__sales-avatar { position:relative; width:92px; height:92px; margin-bottom:18px; border:2px solid color-mix(in srgb,var(--da-public-accent) 75%,#fff); border-radius:50%; background:rgba(255,255,255,.07); }.da-application-public__sales-avatar i { position:absolute; left:50%; top:18px; width:26px; height:26px; border-radius:50%; background:var(--da-public-accent); transform:translateX(-50%); }.da-application-public__sales-avatar span { position:absolute; left:50%; bottom:14px; width:52px; height:29px; border-radius:30px 30px 13px 13px; background:var(--da-public-accent); transform:translateX(-50%); }.da-application-public__sales-profile small { color:var(--da-public-accent); font-size:10px; font-weight:900; letter-spacing:.12em; text-transform:uppercase; }.da-application-public__sales-profile > strong { margin-top:7px; font-size:24px; }.da-application-public__sales-profile p { margin:6px 0 14px; color:#c7dadb; }.da-application-public__sales-profile > div:last-child { display:flex; flex-wrap:wrap; justify-content:center; gap:6px; }.da-application-public__sales-profile > div:last-child span { padding:6px 9px; border:1px solid rgba(255,255,255,.19); border-radius:14px; font-size:9px; font-weight:800; }
.da-application-public__sales-flow { padding:24px; }.da-application-public__sales-flow header { display:flex; flex-direction:column; gap:3px; margin-bottom:17px; }.da-application-public__sales-flow header small { color:var(--da-public-accent); font-size:10px; font-weight:900; letter-spacing:.1em; text-transform:uppercase; }.da-application-public__sales-flow header strong { font-size:21px; }.da-application-public__sales-flow ol { position:relative; display:grid; gap:9px; margin:0; padding:0; list-style:none; }.da-application-public__sales-flow ol::before { content:""; position:absolute; left:16px; top:25px; bottom:25px; width:2px; background:rgba(255,255,255,.12); }.da-application-public__sales-flow li { position:relative; display:grid; grid-template-columns:35px 1fr 25px; align-items:center; gap:10px; padding:10px 11px; border:1px solid rgba(255,255,255,.13); border-radius:10px; background:rgba(255,255,255,.05); opacity:.36; transform:translateX(14px); transition:.45s ease; }.da-application-public__sales-flow li.is-complete { opacity:1; transform:none; border-color:color-mix(in srgb,var(--da-public-accent) 52%,transparent); }.da-application-public__sales-flow li > b { z-index:1; display:grid; place-items:center; width:32px; height:32px; border-radius:50%; background:#16353c; color:var(--da-public-accent); font-size:10px; }.da-application-public__sales-flow li.is-complete > b { background:var(--da-public-accent); color:#19343a; }.da-application-public__sales-flow li div { display:flex; flex-direction:column; gap:2px; }.da-application-public__sales-flow li strong { font-size:12px; }.da-application-public__sales-flow li small { color:#bed0d2; }.da-application-public__sales-flow li > i { display:grid; place-items:center; width:23px; height:23px; border-radius:50%; background:rgba(255,255,255,.09); color:transparent; font-style:normal; }.da-application-public__sales-flow li.is-complete > i { background:var(--da-public-accent); color:#17353b; }
.da-application-public__sales-ready { margin-top:14px; padding:10px 14px; border-radius:9px; background:var(--da-public-accent); color:#17343a; text-align:center; font-size:11px; font-weight:900; opacity:0; transform:translateY(8px); transition:.45s ease; }.da-application-public__sales-ready.is-visible { opacity:1; transform:none; }
html.da-js .da-application-public--intro-sales.da-application-public--booting .da-application-public__hero,html.da-js .da-application-public--intro-sales.da-application-public--booting .da-application-public__it-snapshot,html.da-js .da-application-public--intro-sales.da-application-public--booting .da-application-public__it-nav,html.da-js .da-application-public--intro-sales.da-application-public--booting .da-application-public__layout { display:none; opacity:0; transform:translateY(20px); pointer-events:none; }html.da-js .da-application-public--intro-sales.da-application-public--intro-complete .da-application-public__sales-intro { max-height:0; margin-bottom:0; opacity:0; transform:translateY(-18px) scale(.985); }html.da-js .da-application-public--intro-sales.da-application-public--application-ready .da-application-public__hero,html.da-js .da-application-public--intro-sales.da-application-public--application-ready .da-application-public__it-snapshot,html.da-js .da-application-public--intro-sales.da-application-public--application-ready .da-application-public__it-nav,html.da-js .da-application-public--intro-sales.da-application-public--application-ready .da-application-public__layout { opacity:1; transform:translateY(0); }
@media(max-width:720px){.da-application-public__sales-bar{grid-template-columns:1fr auto}.da-application-public__sales-bar>span{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.da-application-public__sales-stage{grid-template-columns:1fr}.da-application-public__sales-profile{min-height:200px}.da-application-public__sales-avatar{width:72px;height:72px;margin-bottom:10px}.da-application-public__sales-avatar i{top:13px}.da-application-public__sales-avatar span{bottom:10px}.da-application-public__sales-flow{padding:17px}}
@media(max-width:400px){.da-application-public__sales-bar{gap:9px;padding:9px 10px}.da-application-public__sales-bar strong{font-size:10px}.da-application-public__sales-bar button{min-height:44px;padding:8px 9px}.da-application-public__sales-profile{min-height:180px;padding:17px}.da-application-public__sales-profile>strong{font-size:20px;overflow-wrap:anywhere}.da-application-public__sales-profile>div:last-child{justify-content:center}.da-application-public__sales-flow{padding:14px}.da-application-public__sales-flow li{grid-template-columns:35px 1fr 25px;padding:10px 8px}.da-application-public__sales-flow li small{font-size:11px}}

@media(prefers-reduced-motion:reduce){.da-application-public__sales-intro,.da-application-public__sales-flow li,.da-application-public__sales-ready{transition:none}}

.da-application-public__education-intro{margin-bottom:18px;overflow:hidden;border:1px solid color-mix(in srgb,var(--da-public-accent) 58%,#5d7d96);border-radius:17px;background:linear-gradient(145deg,#102b43,#173f5f 58%,#12334e);color:#f7fbff;box-shadow:0 25px 65px rgba(8,27,43,.4);max-height:700px;transition:max-height .75s ease,opacity .55s ease,transform .55s ease,margin .75s ease}.da-application-public__education-bar{min-height:49px;display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:18px;padding:9px 15px;border-bottom:1px solid rgba(255,255,255,.15);background:rgba(7,25,39,.48)}.da-application-public__education-bar strong{font-size:12px;letter-spacing:.09em;text-transform:uppercase}.da-application-public__education-bar>span{color:var(--da-public-accent);font-size:11px;font-weight:900}.da-application-public__education-bar button{padding:8px 11px;border:1px solid rgba(255,255,255,.25);border-radius:8px;background:rgba(255,255,255,.07);color:#fff;font-weight:700;cursor:pointer}
.da-application-public__education-bar button:focus-visible{outline:3px solid #fff;outline-offset:3px;box-shadow:0 0 0 5px color-mix(in srgb,var(--da-public-accent) 70%,transparent)}
.da-application-public__education-stage{position:relative;min-height:410px;padding:18px 22px 24px}.da-application-public__education-board{position:relative;height:195px;overflow:hidden;border:1px solid rgba(255,255,255,.15);border-radius:13px;background:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px),rgba(4,22,35,.34);background-size:27px 27px}.da-application-public__education-title{position:absolute;left:25px;top:25px;z-index:2;display:flex;flex-direction:column;gap:4px}.da-application-public__education-title small{color:var(--da-public-accent);font-size:10px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.da-application-public__education-title strong{font-size:25px}.da-application-public__education-title span{color:#c5dbea;font-size:12px}.da-application-public__education-book{position:absolute;right:40px;top:25px;width:125px;height:88px}.da-application-public__education-book i{position:absolute;top:10px;width:58px;height:65px;border:3px solid var(--da-public-accent);background:rgba(255,255,255,.04)}.da-application-public__education-book i:first-child{left:4px;border-radius:8px 2px 2px 8px;transform:skewY(8deg)}.da-application-public__education-book i:nth-child(2){right:4px;border-radius:2px 8px 8px 2px;transform:skewY(-8deg)}.da-application-public__education-book span{position:absolute;left:50%;top:8px;width:3px;height:72px;background:var(--da-public-accent);transform:translateX(-50%)}.da-application-public__education-board svg{position:absolute;left:20px;right:20px;bottom:3px;width:calc(100% - 40px);height:88px}.da-application-public__education-board path{fill:none;stroke:var(--da-public-accent);stroke-width:5;stroke-linecap:round;stroke-dasharray:850;stroke-dashoffset:850;filter:drop-shadow(0 0 6px color-mix(in srgb,var(--da-public-accent) 55%,transparent))}.da-application-public__education-board path.is-drawing,.da-application-public__education-board path.is-complete{animation:da-education-path 5.8s ease forwards}.da-application-public__education-board path.is-complete{stroke-dashoffset:0}@keyframes da-education-path{to{stroke-dashoffset:0}}
.da-application-public__education-lessons{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin:14px 0 0;padding:0;list-style:none}.da-application-public__education-lessons li{display:grid;grid-template-columns:28px 1fr 23px;align-items:center;gap:8px;padding:10px;border:1px solid rgba(255,255,255,.13);border-radius:10px;background:rgba(255,255,255,.055);opacity:.35;transform:translateY(11px);transition:.45s ease}.da-application-public__education-lessons li.is-complete{opacity:1;transform:none;border-color:color-mix(in srgb,var(--da-public-accent) 52%,transparent)}.da-application-public__education-lessons li>b{color:var(--da-public-accent);font-size:10px}.da-application-public__education-lessons li div{display:flex;flex-direction:column;gap:2px}.da-application-public__education-lessons li strong{font-size:11px}.da-application-public__education-lessons li small{color:#bfd3e2;font-size:9px}.da-application-public__education-lessons li>i{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:rgba(255,255,255,.09);color:transparent;font-style:normal}.da-application-public__education-lessons li.is-complete>i{background:var(--da-public-accent);color:#102a43}.da-application-public__education-ready{position:absolute;left:50%;bottom:5px;padding:9px 17px;border-radius:18px;background:var(--da-public-accent);color:#102a43;font-size:11px;font-weight:900;opacity:0;transform:translate(-50%,8px);transition:.45s ease}.da-application-public__education-ready.is-visible{opacity:1;transform:translate(-50%,0)}
html.da-js .da-application-public--intro-education.da-application-public--booting .da-application-public__hero,html.da-js .da-application-public--intro-education.da-application-public--booting .da-application-public__it-snapshot,html.da-js .da-application-public--intro-education.da-application-public--booting .da-application-public__it-nav,html.da-js .da-application-public--intro-education.da-application-public--booting .da-application-public__layout{display:none;opacity:0;transform:translateY(20px);pointer-events:none}html.da-js .da-application-public--intro-education.da-application-public--intro-complete .da-application-public__education-intro{max-height:0;margin-bottom:0;opacity:0;transform:translateY(-18px) scale(.985)}html.da-js .da-application-public--intro-education.da-application-public--application-ready .da-application-public__hero,html.da-js .da-application-public--intro-education.da-application-public--application-ready .da-application-public__it-snapshot,html.da-js .da-application-public--intro-education.da-application-public--application-ready .da-application-public__it-nav,html.da-js .da-application-public--intro-education.da-application-public--application-ready .da-application-public__layout{opacity:1;transform:translateY(0)}@media(max-width:720px){.da-application-public__education-bar{grid-template-columns:1fr auto}.da-application-public__education-bar>span{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.da-application-public__education-stage{padding:14px 14px 28px}.da-application-public__education-board{height:180px}.da-application-public__education-book{right:14px;transform:scale(.72)}.da-application-public__education-title{left:15px}.da-application-public__education-lessons{grid-template-columns:1fr 1fr}}
@media(max-width:400px){.da-application-public__education-bar{gap:9px;padding:9px 10px}.da-application-public__education-bar strong{font-size:10px}.da-application-public__education-bar button{min-height:44px;padding:8px 9px}.da-application-public__education-stage{min-height:0;padding-bottom:14px}.da-application-public__education-board{height:165px}.da-application-public__education-title{left:12px;max-width:68%}.da-application-public__education-title strong{font-size:19px;overflow-wrap:anywhere}.da-application-public__education-book{right:2px;transform:scale(.58)}.da-application-public__education-lessons{grid-template-columns:1fr}.da-application-public__education-lessons li small{font-size:11px}.da-application-public__education-ready{position:static;margin-top:12px;transform:translateY(8px);text-align:center}.da-application-public__education-ready.is-visible{transform:none}}

@media(prefers-reduced-motion:reduce){.da-application-public__education-intro,.da-application-public__education-lessons li,.da-application-public__education-ready{transition:none}.da-application-public__education-board path[data-da-education-path]{animation:none;stroke-dashoffset:0}}

.da-application-public__medical-intro{margin-bottom:18px;overflow:hidden;border:1px solid color-mix(in srgb,var(--da-public-accent) 58%,#4c8790);border-radius:17px;background:linear-gradient(145deg,#0d333a,#10505a 58%,#0b3941);color:#f5ffff;box-shadow:0 25px 65px rgba(5,35,40,.4);max-height:700px;transition:max-height .75s ease,opacity .55s ease,transform .55s ease,margin .75s ease}.da-application-public__medical-bar{min-height:49px;display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:18px;padding:9px 15px;border-bottom:1px solid rgba(255,255,255,.15);background:rgba(3,30,35,.5)}.da-application-public__medical-bar strong{font-size:12px;letter-spacing:.09em;text-transform:uppercase}.da-application-public__medical-bar>span{color:var(--da-public-accent);font-size:11px;font-weight:900}.da-application-public__medical-bar button{padding:8px 11px;border:1px solid rgba(255,255,255,.25);border-radius:8px;background:rgba(255,255,255,.07);color:#fff;font-weight:700;cursor:pointer}
.da-application-public__medical-bar button:focus-visible{outline:3px solid #fff;outline-offset:3px;box-shadow:0 0 0 5px color-mix(in srgb,var(--da-public-accent) 70%,transparent)}
.da-application-public__medical-stage{position:relative;min-height:410px;padding:18px 22px 24px}.da-application-public__medical-monitor{position:relative;display:grid;grid-template-columns:85px 1fr;align-items:center;gap:18px;height:190px;padding:22px;overflow:hidden;border:1px solid rgba(255,255,255,.16);border-radius:13px;background:linear-gradient(135deg,rgba(255,255,255,.075),rgba(255,255,255,.025))}.da-application-public__medical-cross{position:relative;width:72px;height:72px;border-radius:50%;background:color-mix(in srgb,var(--da-public-accent) 18%,transparent);border:1px solid color-mix(in srgb,var(--da-public-accent) 55%,transparent)}.da-application-public__medical-cross i{position:absolute;left:50%;top:50%;width:38px;height:12px;border-radius:3px;background:var(--da-public-accent);transform:translate(-50%,-50%)}.da-application-public__medical-cross i:nth-child(2){transform:translate(-50%,-50%) rotate(90deg)}.da-application-public__medical-monitor>div:nth-child(2){display:flex;flex-direction:column;gap:4px}.da-application-public__medical-monitor small{color:var(--da-public-accent);font-size:10px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.da-application-public__medical-monitor strong{font-size:24px}.da-application-public__medical-monitor span{color:#c1e1e4}.da-application-public__medical-monitor svg{position:absolute;left:20px;right:20px;bottom:6px;width:calc(100% - 40px);height:70px}.da-medical-pulse-shadow,.da-application-public__medical-monitor path[data-da-medical-pulse]{fill:none;stroke-linecap:round}.da-medical-pulse-shadow{stroke:rgba(255,255,255,.13);stroke-width:9}.da-application-public__medical-monitor path[data-da-medical-pulse]{stroke:var(--da-public-accent);stroke-width:4;stroke-dasharray:900;stroke-dashoffset:900;filter:drop-shadow(0 0 6px color-mix(in srgb,var(--da-public-accent) 55%,transparent))}.da-application-public__medical-monitor path.is-scanning,.da-application-public__medical-monitor path.is-complete{animation:da-medical-scan 5.8s ease forwards}.da-application-public__medical-monitor path.is-complete{stroke-dashoffset:0}@keyframes da-medical-scan{to{stroke-dashoffset:0}}
.da-application-public__medical-checks{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin:14px 0 0;padding:0;list-style:none}.da-application-public__medical-checks li{display:grid;grid-template-columns:27px 1fr 23px;align-items:center;gap:8px;padding:10px;border:1px solid rgba(255,255,255,.13);border-radius:10px;background:rgba(255,255,255,.055);opacity:.35;transform:translateY(11px);transition:.45s ease}.da-application-public__medical-checks li.is-complete{opacity:1;transform:none;border-color:color-mix(in srgb,var(--da-public-accent) 52%,transparent)}.da-application-public__medical-checks li>b{color:var(--da-public-accent);font-size:10px}.da-application-public__medical-checks li div{display:flex;flex-direction:column;gap:2px}.da-application-public__medical-checks li strong{font-size:11px}.da-application-public__medical-checks li small{color:#bcdadd;font-size:9px}.da-application-public__medical-checks li>i{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:rgba(255,255,255,.09);color:transparent;font-style:normal}.da-application-public__medical-checks li.is-complete>i{background:var(--da-public-accent);color:#0f3f46}.da-application-public__medical-ready{position:absolute;left:50%;bottom:5px;padding:9px 17px;border-radius:18px;background:var(--da-public-accent);color:#0f3f46;font-size:11px;font-weight:900;opacity:0;transform:translate(-50%,8px);transition:.45s ease}.da-application-public__medical-ready.is-visible{opacity:1;transform:translate(-50%,0)}
html.da-js .da-application-public--intro-medical.da-application-public--booting .da-application-public__hero,html.da-js .da-application-public--intro-medical.da-application-public--booting .da-application-public__it-snapshot,html.da-js .da-application-public--intro-medical.da-application-public--booting .da-application-public__it-nav,html.da-js .da-application-public--intro-medical.da-application-public--booting .da-application-public__layout{display:none;opacity:0;transform:translateY(20px);pointer-events:none}html.da-js .da-application-public--intro-medical.da-application-public--intro-complete .da-application-public__medical-intro{max-height:0;margin-bottom:0;opacity:0;transform:translateY(-18px) scale(.985)}html.da-js .da-application-public--intro-medical.da-application-public--application-ready .da-application-public__hero,html.da-js .da-application-public--intro-medical.da-application-public--application-ready .da-application-public__it-snapshot,html.da-js .da-application-public--intro-medical.da-application-public--application-ready .da-application-public__it-nav,html.da-js .da-application-public--intro-medical.da-application-public--application-ready .da-application-public__layout{opacity:1;transform:translateY(0)}@media(max-width:720px){.da-application-public__medical-bar{grid-template-columns:1fr auto}.da-application-public__medical-bar>span{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.da-application-public__medical-stage{padding:14px 14px 28px}.da-application-public__medical-monitor{height:175px;grid-template-columns:65px 1fr;padding:15px}.da-application-public__medical-cross{width:58px;height:58px}.da-application-public__medical-checks{grid-template-columns:1fr 1fr}}
@media(max-width:400px){.da-application-public__medical-bar{gap:9px;padding:9px 10px}.da-application-public__medical-bar strong{font-size:10px}.da-application-public__medical-bar button{min-height:44px;padding:8px 9px}.da-application-public__medical-stage{min-height:0;padding-bottom:14px}.da-application-public__medical-monitor{height:165px;grid-template-columns:48px 1fr;gap:10px;padding:12px}.da-application-public__medical-cross{width:46px;height:46px}.da-application-public__medical-cross i{width:27px;height:9px}.da-application-public__medical-monitor strong{font-size:19px;overflow-wrap:anywhere}.da-application-public__medical-checks{grid-template-columns:1fr}.da-application-public__medical-checks li small{font-size:11px}.da-application-public__medical-ready{position:static;margin-top:12px;transform:translateY(8px);text-align:center}.da-application-public__medical-ready.is-visible{transform:none}}

@media(prefers-reduced-motion:reduce){.da-application-public__medical-intro,.da-application-public__medical-checks li,.da-application-public__medical-ready{transition:none}.da-application-public__medical-monitor path[data-da-medical-pulse]{animation:none;stroke-dashoffset:0}}

@keyframes da-care-pulse-draw { to { stroke-dashoffset:0; } }
@keyframes da-care-heartbeat { 0%,100% { transform:translateX(-50%) scale(1); } 12% { transform:translateX(-50%) scale(1.16); } 24% { transform:translateX(-50%) scale(1); } 34% { transform:translateX(-50%) scale(1.1); } 48% { transform:translateX(-50%) scale(1); } }

@media (max-width:760px) {
    .da-application-public__care-bar { grid-template-columns:1fr auto; }
    .da-application-public__care-bar > span { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
    .da-application-public__care-stage { padding:22px 16px; }
    .da-application-public__care-values { grid-template-columns:1fr 1fr; }
    .da-application-public__care-stage svg { height:120px; }
}

@media (max-width:400px) {
    .da-application-public__care-bar { grid-template-columns:minmax(0,1fr); gap:9px; padding:9px 10px; }
    .da-application-public__care-bar strong { font-size:10px; text-align:center; overflow-wrap:anywhere; }
    .da-application-public__care-bar button { width:100%; min-width:0; min-height:44px; padding:9px 12px; white-space:normal; overflow-wrap:anywhere; line-height:1.25; }
    .da-application-public__care-stage { min-height:0; padding:14px 10px; }
    .da-application-public__care-heart { top:16px; font-size:28px; }
    .da-application-public__care-stage svg { height:100px; }
    .da-application-public__care-values { gap:7px; margin-top:-8px; }
    .da-application-public__care-values > div { min-height:88px; padding:9px; }
    .da-application-public__care-values strong { font-size:14px; overflow-wrap:anywhere; }
    .da-application-public__care-values small { font-size:11px; }
    .da-application-public__care-ready { max-width:100%; margin-top:12px; border-radius:12px; text-align:center; }
}

@media (prefers-reduced-motion:reduce) {
    .da-care-pulse-line { stroke-dashoffset:0; animation:none; }
    .da-application-public__care-heart { animation:none; }
    .da-application-public__care-intro,
    .da-application-public__care-values > div,
    .da-application-public__care-ready { transition:none; }
}

/* Branchenpräsentation: Büro / Verwaltung als geordnete Schreibtisch- und Korrespondenzakte. */
.da-application-public--category-buero { max-width:1080px; }
.da-application-public--category-buero.da-application-public--booting .da-office-desk { display:none; }
.da-office-desk { position:relative; margin-top:18px; padding:18px; overflow:hidden; border:1px solid #cad4dc; border-radius:14px; background:linear-gradient(145deg,#e9eef2,#d8e1e7); box-shadow:0 28px 72px rgba(25,43,56,.27); color:#263744; }
.da-office-desk::before { position:absolute; inset:0; background:linear-gradient(90deg,rgba(255,255,255,.22) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.18) 1px,transparent 1px); background-size:32px 32px; content:""; pointer-events:none; }
.da-office-desk__head,.da-office-desk__workspace { position:relative; z-index:1; }
.da-office-desk__head { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:14px 18px 18px; border-bottom:3px solid #28475d; }
.da-office-desk__head div { display:grid; gap:4px; }
.da-office-desk__head span { color:#52758d; font-size:11px; font-weight:900; letter-spacing:.12em; text-transform:uppercase; }
.da-office-desk__head strong { color:#1d3546; font:700 25px/1.15 Georgia,"Times New Roman",serif; }
.da-office-desk__head em { padding:8px 11px; border:1px solid #9babb7; background:#f8fafb; color:#4e6473; font:normal 800 11px/1 Consolas,"Courier New",monospace; }
.da-office-desk__workspace { display:grid; grid-template-columns:minmax(0,1fr) 148px; gap:0; padding-top:20px; }
.da-office-desk__index { grid-column:2; display:grid; grid-template-columns:1fr; gap:4px; align-content:start; padding:42px 0 0; }
.da-office-desk__tab { display:grid; min-height:57px; align-content:center; gap:3px; padding:8px 11px 8px 18px!important; border:1px solid #9eb0bc!important; border-left:0!important; border-radius:0 7px 7px 0!important; background:#eef2f5!important; color:#405766!important; text-align:left; box-shadow:none!important; cursor:pointer; }
.da-office-desk__tab span { color:#78909f; font:800 10px/1 Consolas,"Courier New",monospace; }
.da-office-desk__tab strong { font-size:11px; line-height:1.2; }
.da-office-desk__tab:hover,.da-office-desk__tab:focus-visible,.da-office-desk__tab.is-active { border-color:#6f93aa!important; background:#28475d!important; color:#fff!important; transform:none!important; }
.da-office-desk__tab.is-active span { color:#9bd9f5; }
.da-office-desk__stack { position:relative; grid-column:1; grid-row:1; padding:20px 18px 14px; border:1px solid #aab7c0; border-radius:8px 0 8px 8px; background:#b9c5cd; box-shadow:0 17px 36px rgba(34,53,66,.2); }
.da-office-desk__stack::before,.da-office-desk__stack::after { position:absolute; top:10px; right:30px; bottom:72px; left:30px; border:1px solid #c7d0d6; background:#f5f7f8; content:""; transform:rotate(-.45deg); }
.da-office-desk__stack::after { transform:rotate(.38deg); }
.da-office-desk__stage,.da-office-desk__controls { position:relative; z-index:2; }
.da-office-desk__stage { height:650px; overflow:hidden; border:1px solid #b8c4cc; background:#fff; box-shadow:0 7px 18px rgba(29,53,70,.14); }
.da-application-public--category-buero .da-office-desk__document { width:100%!important; height:650px!important; min-height:650px!important; margin:0!important; padding:43px 48px 40px!important; overflow-x:hidden!important; overflow-y:auto!important; border:0!important; border-radius:0!important; background:linear-gradient(90deg,transparent 0 45px,rgba(168,190,203,.2) 46px,transparent 47px),#fff!important; color:#2b3b46!important; box-shadow:none!important; scrollbar-color:#7898ac #edf2f5; scrollbar-width:thin; }
.da-application-public--category-buero .da-office-desk__document[hidden] { display:none!important; }
.da-application-public--category-buero .da-office-desk__document::-webkit-scrollbar { width:9px; }
.da-application-public--category-buero .da-office-desk__document::-webkit-scrollbar-track { background:#edf2f5; }
.da-application-public--category-buero .da-office-desk__document::-webkit-scrollbar-thumb { border:2px solid #edf2f5; border-radius:999px; background:#7898ac; }
.da-application-public--category-buero .da-office-desk [data-da-window-panel]::before,.da-application-public--category-buero .da-office-desk [data-da-window-panel]::after { display:none!important; content:none!important; }
.da-application-public--category-buero .da-office-desk [data-da-window-panel] { animation:none!important; }
.da-application-public--category-buero .da-office-desk .da-application-public__section>span:first-of-type { display:none!important; }
.da-office-desk__page-head { display:flex; align-items:center; justify-content:space-between; gap:18px; margin-bottom:28px; padding-bottom:13px; border-bottom:2px solid #28475d; }
.da-office-desk__page-head div { display:grid; gap:3px; }
.da-office-desk__page-head small { color:#708999; font:800 10px/1 Consolas,"Courier New",monospace; letter-spacing:.1em; text-transform:uppercase; }
.da-office-desk__page-head strong { color:#243f52; font:700 23px/1.15 Georgia,"Times New Roman",serif; }
.da-office-desk__page-head>span { padding:7px 9px; border:2px solid rgba(80,113,133,.45); color:#507185; font:900 10px/1 Consolas,"Courier New",monospace; letter-spacing:.08em; transform:rotate(-2deg); }
.da-application-public--category-buero .da-office-desk__document.is-entering-forward { animation:da-office-paper-forward .58s cubic-bezier(.2,.75,.2,1) both!important; }
.da-application-public--category-buero .da-office-desk__document.is-entering-backward { animation:da-office-paper-backward .58s cubic-bezier(.2,.75,.2,1) both!important; }
.da-application-public--category-buero .da-application-public__hero { display:grid!important; grid-template-columns:175px minmax(0,1fr)!important; align-content:center; align-items:center; gap:38px!important; background:linear-gradient(135deg,rgba(125,211,252,.12),transparent 45%),#fff!important; color:#263b49!important; text-align:left!important; }
.da-application-public--category-buero .da-application-public__hero::before,.da-application-public--category-buero .da-application-public__hero::after { display:none!important; content:none!important; }
.da-application-public--category-buero .da-application-public__hero .da-application-public__avatar { width:170px; height:205px; margin:0; border:8px solid #fff; border-radius:3px; box-shadow:0 12px 28px rgba(39,67,84,.2); }
.da-application-public--category-buero .da-application-public__hero h1 { color:#243f52!important; font:700 clamp(40px,5vw,58px)/1.05 Georgia,"Times New Roman",serif; }
.da-application-public--category-buero .da-application-public__hero p { color:#52758d!important; letter-spacing:.09em; text-transform:uppercase; }
.da-application-public--category-buero .da-application-public__hero strong,.da-application-public--category-buero .da-application-public__meta,.da-application-public--category-buero .da-application-public__meta a,.da-application-public--category-buero .da-application-public__meta span { color:#4e6473!important; text-shadow:none!important; }
.da-application-public--category-buero .da-application-public__cta,.da-application-public--category-buero .da-application-public__cta:hover,.da-application-public--category-buero .da-application-public__cta:focus,.da-application-public--category-buero .da-application-public__project-card a,.da-application-public--category-buero .da-application-public__project-card a:hover,.da-application-public--category-buero .da-application-public__project-card a:focus { border-color:#28475d!important; background:#28475d!important; color:#fff!important; box-shadow:0 8px 18px rgba(40,71,93,.18)!important; transform:none!important; }
.da-application-public--category-buero .da-application-public__section h2,.da-application-public--category-buero .da-application-public__timeline-head time,.da-application-public--category-buero .da-application-public__skill-group strong,.da-application-public--category-buero .da-application-public__contact a { color:#28475d!important; }
.da-application-public--category-buero .da-application-public__timeline-item,.da-application-public--category-buero .da-application-public__project-card,.da-application-public--category-buero .da-application-public__document-card,.da-application-public--category-buero .da-application-public__skill-group { border-color:#d3dde3!important; background:#f8fafb!important; box-shadow:none!important; }
.da-application-public--category-buero .da-application-public__timeline-item::before { background:#75b9dc!important; box-shadow:0 0 0 4px rgba(117,185,220,.18)!important; }
.da-application-public--category-buero .da-application-public__skills span { border-color:#cad8e0!important; background:#eaf2f6!important; color:#36566a!important; box-shadow:none!important; }
.da-application-public--category-buero .da-application-public__cover-subject { border-color:#c7d8e2!important; background:#edf5f8!important; }
.da-office-desk__controls { display:grid; grid-template-columns:1fr auto 1fr; align-items:center; gap:12px; padding-top:14px; }
.da-office-desk__controls button { min-height:42px; padding:9px 14px; border:1px solid #28475d!important; border-radius:4px!important; background:#f8fafb!important; color:#28475d!important; font-weight:900; box-shadow:none!important; cursor:pointer; }
.da-office-desk__controls button:hover,.da-office-desk__controls button:focus-visible { background:#28475d!important; color:#fff!important; transform:none!important; }
.da-office-desk__controls button:disabled { opacity:.35; cursor:not-allowed; }
.da-office-desk__controls button:first-child { justify-self:start; }
.da-office-desk__controls button:last-child { justify-self:end; }
.da-office-desk__controls>span { color:#405766; font-size:12px; font-weight:850; }
@keyframes da-office-paper-forward { from{opacity:0;transform:translateY(-34px) rotate(.5deg)} to{opacity:1;transform:translateY(0) rotate(0)} }
@keyframes da-office-paper-backward { from{opacity:0;transform:translateY(34px) rotate(-.5deg)} to{opacity:1;transform:translateY(0) rotate(0)} }
@media(max-width:720px){
    .da-office-desk{margin-top:12px;padding:8px}.da-office-desk__head{align-items:flex-start;flex-direction:column;gap:9px;padding:11px 10px 14px}.da-office-desk__head strong{font-size:20px}.da-office-desk__workspace{display:flex;flex-direction:column;padding-top:8px}.da-office-desk__index{order:0;display:flex;gap:4px;padding:0 0 7px;overflow-x:auto}.da-office-desk__tab{flex:0 0 100px;min-height:52px;padding:7px!important;border:1px solid #9eb0bc!important;border-radius:5px!important}.da-office-desk__stack{order:1;padding:10px 7px 8px;border-radius:7px}.da-office-desk__stack::before,.da-office-desk__stack::after{display:none}.da-office-desk__stage{height:520px}.da-application-public--category-buero .da-office-desk__document{height:520px!important;min-height:520px!important;padding:28px 20px!important}.da-application-public--category-buero .da-application-public__hero{grid-template-columns:1fr!important;justify-items:center;gap:18px!important;text-align:center!important}.da-application-public--category-buero .da-application-public__hero .da-application-public__avatar{width:112px;height:136px}.da-office-desk__page-head strong{font-size:18px}.da-office-desk__page-head>span{display:none}.da-office-desk__controls{grid-template-columns:1fr 1fr}.da-office-desk__controls>span{grid-column:1/3;grid-row:1;text-align:center}
}
@media(prefers-reduced-motion:reduce){.da-office-desk__document.is-entering-forward,.da-office-desk__document.is-entering-backward{animation:none!important}}

/* Branchenpräsentation: Kreativ / Design als Artboard- und Moodboard-Studio. */
.da-application-public--category-kreativ{max-width:1080px}.da-application-public--category-kreativ.da-application-public--booting .da-creative-studio{display:none}
.da-creative-studio{position:relative;margin-top:18px;padding:18px;overflow:hidden;border:1px solid rgba(80,62,145,.38);border-radius:22px;background:linear-gradient(145deg,#211b3f,#33265c 56%,#182b55);box-shadow:0 30px 80px rgba(25,17,57,.42);color:#282238}
.da-creative-studio::before{position:absolute;inset:0;background:radial-gradient(circle at 8% 18%,rgba(244,153,65,.26),transparent 18%),radial-gradient(circle at 92% 80%,rgba(74,125,255,.24),transparent 22%);content:"";pointer-events:none}.da-creative-studio__head,.da-creative-studio__nav,.da-creative-studio__stage,.da-creative-studio__controls{position:relative;z-index:1}
.da-creative-studio__head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:13px 17px 18px;color:#fff}.da-creative-studio__head div{display:grid;gap:4px}.da-creative-studio__head span{color:#f4a85a;font-size:11px;font-weight:900;letter-spacing:.15em;text-transform:uppercase}.da-creative-studio__head strong{font-size:27px;line-height:1.1}.da-creative-studio__head em{padding:8px 11px;border:1px solid rgba(255,255,255,.35);color:#ddd8f5;font:normal 800 11px/1 ui-monospace,Consolas,monospace}
.da-creative-studio__nav{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:6px;padding:0 6px 14px}.da-creative-studio__tab{display:grid;min-width:0;min-height:55px;justify-items:center;align-content:center;gap:7px;padding:6px!important;border:1px solid rgba(255,255,255,.16)!important;border-radius:10px!important;background:rgba(255,255,255,.08)!important;color:#e9e5ff!important;box-shadow:none!important;cursor:pointer}.da-creative-studio__tab i{display:block;width:28px;height:5px;border-radius:999px;background:#6f8fff}.da-creative-studio__tab:nth-child(3n+2) i{background:#f4a85a}.da-creative-studio__tab:nth-child(3n) i{background:#8e7bd8}.da-creative-studio__tab span{max-width:100%;overflow:hidden;font-size:10px;font-weight:850;text-overflow:ellipsis;white-space:nowrap}.da-creative-studio__tab:hover,.da-creative-studio__tab:focus-visible,.da-creative-studio__tab.is-active{border-color:#f4a85a!important;background:#fff4e6!important;color:#29213f!important;transform:none!important}
.da-creative-studio__stage{height:650px;overflow:hidden;border-radius:16px;background:#f7f1e8;box-shadow:0 17px 40px rgba(13,9,34,.3)}
.da-application-public--category-kreativ .da-creative-studio__artboard{width:100%!important;height:650px!important;min-height:650px!important;margin:0!important;padding:43px 48px 40px!important;overflow-x:hidden!important;overflow-y:auto!important;border:0!important;border-radius:0!important;background:linear-gradient(120deg,rgba(111,143,255,.08),transparent 32%),linear-gradient(300deg,rgba(244,168,90,.1),transparent 28%),#fffaf3!important;color:#302a3c!important;box-shadow:none!important;scrollbar-color:#7969ba #efeaf7;scrollbar-width:thin}.da-application-public--category-kreativ .da-creative-studio__artboard[hidden]{display:none!important}.da-application-public--category-kreativ .da-creative-studio__artboard::-webkit-scrollbar{width:9px}.da-application-public--category-kreativ .da-creative-studio__artboard::-webkit-scrollbar-track{background:#efeaf7}.da-application-public--category-kreativ .da-creative-studio__artboard::-webkit-scrollbar-thumb{border:2px solid #efeaf7;border-radius:999px;background:#7969ba}
.da-application-public--category-kreativ .da-creative-studio [data-da-window-panel]::before,.da-application-public--category-kreativ .da-creative-studio [data-da-window-panel]::after{display:none!important;content:none!important}.da-application-public--category-kreativ .da-creative-studio [data-da-window-panel]{animation:none!important}.da-application-public--category-kreativ .da-creative-studio .da-application-public__section>span:first-of-type{display:none!important}
.da-creative-studio__page-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:28px;padding-bottom:15px;border-bottom:3px solid #28204f}.da-creative-studio__page-head div{display:grid;gap:3px}.da-creative-studio__page-head small{color:#776a9e;font-size:10px;font-weight:900;letter-spacing:.13em;text-transform:uppercase}.da-creative-studio__page-head strong{color:#2e2651;font-size:25px}.da-creative-studio__page-head i{width:62px;height:24px;background:linear-gradient(135deg,#6f8fff 0 34%,#f4a85a 34% 67%,#8e7bd8 67%);transform:rotate(-3deg)}
.da-application-public--category-kreativ .da-creative-studio__artboard.is-entering-forward{animation:da-creative-forward .62s cubic-bezier(.2,.75,.2,1) both!important}.da-application-public--category-kreativ .da-creative-studio__artboard.is-entering-backward{animation:da-creative-backward .62s cubic-bezier(.2,.75,.2,1) both!important}
.da-application-public--category-kreativ .da-application-public__hero{display:grid!important;grid-template-columns:190px minmax(0,1fr)!important;align-content:center;align-items:center;gap:42px!important;background:radial-gradient(circle at 20% 35%,rgba(111,143,255,.2),transparent 27%),linear-gradient(135deg,#fff8ed,#f5efff)!important;color:#302a3c!important;text-align:left!important}.da-application-public--category-kreativ .da-application-public__hero::before,.da-application-public--category-kreativ .da-application-public__hero::after{display:none!important;content:none!important}.da-application-public--category-kreativ .da-application-public__hero .da-application-public__avatar{width:180px;height:220px;margin:0;border:10px solid #fff;border-radius:2px;box-shadow:12px 12px 0 #6f8fff,-8px -8px 0 #f4a85a,0 18px 35px rgba(52,38,91,.2);transform:rotate(-2deg)}.da-application-public--category-kreativ .da-application-public__hero h1{color:#2e2651!important;font-size:clamp(42px,5vw,62px)}.da-application-public--category-kreativ .da-application-public__hero p{color:#725b9d!important;letter-spacing:.12em;text-transform:uppercase}.da-application-public--category-kreativ .da-application-public__hero strong,.da-application-public--category-kreativ .da-application-public__meta,.da-application-public--category-kreativ .da-application-public__meta a,.da-application-public--category-kreativ .da-application-public__meta span{color:#574d6b!important;text-shadow:none!important}
.da-application-public--category-kreativ .da-application-public__cta,.da-application-public--category-kreativ .da-application-public__cta:hover,.da-application-public--category-kreativ .da-application-public__cta:focus,.da-application-public--category-kreativ .da-application-public__project-card a,.da-application-public--category-kreativ .da-application-public__project-card a:hover,.da-application-public--category-kreativ .da-application-public__project-card a:focus{border-color:#2e2651!important;background:#2e2651!important;color:#fff!important;box-shadow:7px 7px 0 #f4a85a!important;transform:none!important}.da-application-public--category-kreativ .da-application-public__section h2,.da-application-public--category-kreativ .da-application-public__timeline-head time,.da-application-public--category-kreativ .da-application-public__skill-group strong,.da-application-public--category-kreativ .da-application-public__contact a{color:#2e2651!important}.da-application-public--category-kreativ .da-application-public__timeline-item,.da-application-public--category-kreativ .da-application-public__project-card,.da-application-public--category-kreativ .da-application-public__document-card,.da-application-public--category-kreativ .da-application-public__skill-group{border-color:#ddd3ee!important;background:rgba(255,255,255,.72)!important;box-shadow:none!important}.da-application-public--category-kreativ .da-application-public__timeline-item::before{background:#f4a85a!important;box-shadow:0 0 0 5px rgba(244,168,90,.18)!important}.da-application-public--category-kreativ .da-application-public__skills span{border-color:#d8cff0!important;background:#eee9fa!important;color:#4d4176!important;box-shadow:none!important}.da-application-public--category-kreativ .da-application-public__cover-subject{border-color:#d8cff0!important;background:#f2edfb!important}
.da-creative-studio__controls{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;padding:16px 7px 2px}.da-creative-studio__controls button{min-height:43px;padding:9px 15px;border:1px solid #f4a85a!important;border-radius:9px!important;background:transparent!important;color:#fff!important;font-weight:900;box-shadow:none!important;cursor:pointer}.da-creative-studio__controls button:hover,.da-creative-studio__controls button:focus-visible{background:#f4a85a!important;color:#28204f!important;transform:none!important}.da-creative-studio__controls button:disabled{opacity:.35;cursor:not-allowed}.da-creative-studio__controls button:first-child{justify-self:start}.da-creative-studio__controls button:last-child{justify-self:end}.da-creative-studio__controls>span{color:#e9e5ff;font-size:12px;font-weight:850}
@keyframes da-creative-forward{from{opacity:0;transform:translateX(42px) rotate(1deg) scale(.985)}to{opacity:1;transform:none}}@keyframes da-creative-backward{from{opacity:0;transform:translateX(-42px) rotate(-1deg) scale(.985)}to{opacity:1;transform:none}}
@media(max-width:720px){.da-creative-studio{margin-top:12px;padding:8px;border-radius:15px}.da-creative-studio__head{align-items:flex-start;flex-direction:column;gap:9px;padding:11px 10px 14px}.da-creative-studio__head strong{font-size:21px}.da-creative-studio__nav{display:flex;gap:5px;padding:0 3px 8px;overflow-x:auto}.da-creative-studio__tab{flex:0 0 91px;min-height:50px}.da-creative-studio__stage{height:520px}.da-application-public--category-kreativ .da-creative-studio__artboard{height:520px!important;min-height:520px!important;padding:28px 20px!important}.da-application-public--category-kreativ .da-application-public__hero{grid-template-columns:1fr!important;justify-items:center;gap:18px!important;text-align:center!important}.da-application-public--category-kreativ .da-application-public__hero .da-application-public__avatar{width:112px;height:138px}.da-creative-studio__page-head strong{font-size:19px}.da-creative-studio__page-head i{width:42px;height:18px}.da-creative-studio__controls{grid-template-columns:1fr 1fr}.da-creative-studio__controls>span{grid-column:1/3;grid-row:1;text-align:center}}
@media(prefers-reduced-motion:reduce){.da-creative-studio__artboard.is-entering-forward,.da-creative-studio__artboard.is-entering-backward{animation:none!important}}

.da-application-public--fachinformatiker .da-application-public__hero {
    position: relative;
    overflow: hidden;
    grid-template-columns: 108px minmax(0, 1fr) auto;
    border: 1px solid rgba(55, 242, 154, 0.22);
    background:
        radial-gradient(circle at 16% 24%, rgba(55, 242, 154, 0.22), transparent 34%),
        linear-gradient(115deg, rgba(55, 242, 154, 0.08), transparent 38%),
        linear-gradient(135deg, rgba(8, 32, 26, 0.98), rgba(5, 9, 11, 0.98));
    box-shadow: 0 24px 70px rgba(0, 0, 0, 0.34), inset 0 0 0 1px rgba(255, 255, 255, 0.035);
}

.da-application-public--fachinformatiker .da-application-public__hero--with-photo { grid-template-columns:160px minmax(0,1fr) auto; }

.da-application-public--fachinformatiker .da-application-public__hero::before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 38%;
    background:
        linear-gradient(90deg, transparent, rgba(55, 242, 154, 0.07)),
        radial-gradient(circle at 100% 0%, rgba(157, 255, 26, 0.15), transparent 42%);
    opacity: 0.9;
    content: "";
}

.da-application-public--fachinformatiker .da-application-public__hero > * {
    position: relative;
    z-index: 1;
}

.da-application-public--fachinformatiker .da-application-public__avatar {
    border-color: rgba(55, 242, 154, 0.34);
    background: rgba(55, 242, 154, 0.08);
    color: #37f29a;
    box-shadow: 0 0 0 5px rgba(55, 242, 154, 0.055), 0 18px 34px rgba(0, 0, 0, 0.2);
}

.da-application-public--fachinformatiker .da-application-public__hero p {
    letter-spacing: 0;
}

.da-application-public--fachinformatiker .da-application-public__hero h1 {
    text-shadow: 0 16px 34px rgba(0, 0, 0, 0.28);
}

.da-application-public--fachinformatiker .da-application-public__meta {
    gap: 9px 12px;
}

.da-application-public--fachinformatiker .da-application-public__meta span,
.da-application-public--fachinformatiker .da-application-public__meta a {
    padding: 4px 0;
    color: rgba(255, 255, 255, 0.92);
}

.da-application-public--fachinformatiker .da-application-public__cta {
    box-shadow: 0 14px 34px rgba(55, 242, 154, 0.22);
    transition: transform 0.18s ease, box-shadow 0.18s ease, filter 0.18s ease;
}

.da-application-public--fachinformatiker .da-application-public__cta:hover,
.da-application-public--fachinformatiker .da-application-public__cta:focus {
    box-shadow: 0 18px 44px rgba(55, 242, 154, 0.32);
    filter: saturate(1.08);
    transform: translateY(-1px);
}

.da-application-public--fachinformatiker .da-application-public__section {
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(55, 242, 154, 0.2);
    background:
        linear-gradient(90deg, rgba(55, 242, 154, 0.07), transparent 22%),
        #f7fbf9;
    color: #071113;
    box-shadow: 0 18px 44px rgba(0, 0, 0, 0.14);
    transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}

.da-application-public--fachinformatiker .da-application-public__section::before {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 3px;
    background: linear-gradient(90deg, #37f29a, transparent 68%);
    content: "";
}

.da-application-public--fachinformatiker .da-application-public__section p,
.da-application-public--fachinformatiker .da-application-public__section li {
    color: #16212b;
}

.da-application-public--fachinformatiker .da-application-public__section > span {
    background: #071113;
    color: #37f29a;
    font-family: Consolas, "Courier New", monospace;
    letter-spacing: 0;
}

.da-application-public--fachinformatiker .da-application-public__section:hover {
    border-color: rgba(55, 242, 154, 0.34);
    box-shadow: 0 22px 54px rgba(0, 0, 0, 0.18);
    transform: translateY(-1px);
}

.da-application-public--fachinformatiker .da-application-public__it-snapshot {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
    margin: -2px 0 14px;
}

.da-application-public--fachinformatiker .da-application-public__it-snapshot div {
    border: 1px solid rgba(55, 242, 154, 0.22);
    border-radius: 8px;
    padding: 16px;
    background:
        linear-gradient(135deg, rgba(55, 242, 154, 0.12), rgba(7, 17, 19, 0.92)),
        #071113;
    color: #fff;
    box-shadow: 0 14px 34px rgba(0, 0, 0, 0.18);
}

.da-application-public--fachinformatiker .da-application-public__it-snapshot span {
    display: block;
    margin-bottom: 6px;
    color: #37f29a;
    font-family: Consolas, "Courier New", monospace;
    font-size: 11px;
    font-weight: 800;
    text-transform: uppercase;
}

.da-application-public--fachinformatiker .da-application-public__it-snapshot strong {
    display: block;
    color: #fff;
    font-size: 17px;
    line-height: 1.25;
}

.da-application-public--fachinformatiker .da-application-public__it-nav {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 0 0 22px;
    padding: 10px;
    border: 1px solid rgba(55, 242, 154, 0.2);
    border-radius: 8px;
    background: rgba(7, 17, 19, 0.82);
    backdrop-filter: blur(16px);
}

.da-application-public--fachinformatiker .da-application-public__it-nav a,
.da-application-public--fachinformatiker .da-application-public__it-nav button {
    appearance: none;
    border: 1px solid rgba(55, 242, 154, 0.38) !important;
    border-radius: 999px;
    padding: 8px 12px;
    background: rgba(55, 242, 154, 0.06) !important;
    color: #37f29a !important;
    font-family: Consolas, "Courier New", monospace;
    font-size: 12px;
    font-weight: 800;
    text-decoration: none;
    cursor: pointer;
}

.da-application-public--fachinformatiker .da-application-public__it-nav a:hover,
.da-application-public--fachinformatiker .da-application-public__it-nav a:focus,
.da-application-public--fachinformatiker .da-application-public__it-nav button:hover,
.da-application-public--fachinformatiker .da-application-public__it-nav button:focus,
.da-application-public--fachinformatiker .da-application-public__it-nav button.is-active {
    border-color: rgba(55, 242, 154, 0.72) !important;
    background: rgba(55, 242, 154, 0.16) !important;
    color: #fff !important;
}

.da-application-public--fachinformatiker .da-application-public__layout,
.da-application-public--fachinformatiker .da-application-public__main,
.da-application-public--fachinformatiker .da-application-public__side {
    width: 100% !important;
    max-width: none !important;
}

.da-application-public--fachinformatiker .da-application-public__layout {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 18px !important;
    padding: 0 !important;
}

.da-application-public--fachinformatiker .da-application-public__main {
    display: contents !important;
}

.da-application-public--fachinformatiker .da-application-public__side {
    display: contents !important;
}

.da-application-public--fachinformatiker [data-da-window-panel][hidden] {
    display: none;
}

.da-application-public--fachinformatiker [data-da-window-panel] {
    box-sizing: border-box;
    justify-self: stretch;
    width: 100% !important;
    max-width: none;
    margin: 0 auto;
    padding-top: 64px;
    animation: da-window-open 0.36s cubic-bezier(0.22, 1, 0.36, 1) both;
}

.da-application-public--fachinformatiker.da-application-public--all-windows [data-da-window-panel] {
    margin-bottom: 18px;
}

.da-application-public--fachinformatiker [data-da-window-panel]::before {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 42px;
    padding: 13px 18px 0 92px;
    border-bottom: 1px solid rgba(7, 17, 19, 0.12);
    background: linear-gradient(180deg, #f8fffb, #dff3ea);
    color: #071113;
    font-family: Consolas, "Courier New", monospace;
    font-size: 13px;
    font-weight: 800;
    content: attr(data-window-title);
}

.da-application-public--fachinformatiker [data-da-window-panel]::after {
    position: absolute;
    top: 14px;
    left: 18px;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #ff6b6b;
    box-shadow: 22px 0 0 #f7c948, 44px 0 0 #37f29a;
    content: "";
}

.da-application-public--fachinformatiker #profil,
.da-application-public--fachinformatiker #skills,
.da-application-public--fachinformatiker #praxis,
.da-application-public--fachinformatiker #ausbildung,
.da-application-public--fachinformatiker #projekte,
.da-application-public--fachinformatiker #nachweise {
    scroll-margin-top: 86px;
}

.da-application-public--fachinformatiker .da-application-public__side {
    position: static;
}

.da-application-public--fachinformatiker .da-application-public__timeline-item {
    border-color: rgba(7, 17, 19, 0.1);
    background:
        linear-gradient(90deg, rgba(55, 242, 154, 0.08), transparent 18%),
        #fff;
}

.da-application-public--fachinformatiker .da-application-public__timeline {
    position: relative;
}

.da-application-public--fachinformatiker .da-application-public__timeline::before {
    position: absolute;
    top: 18px;
    bottom: 18px;
    left: 20px;
    width: 1px;
    background: linear-gradient(#37f29a, rgba(55, 242, 154, 0.08));
    content: "";
}

.da-application-public--fachinformatiker .da-application-public__timeline-item::before {
    background: #9dff1a;
    box-shadow: 0 0 0 5px rgba(55, 242, 154, 0.18);
}

.da-application-public--fachinformatiker .da-application-public__cover-subject {
    margin-bottom: 22px;
    padding: 14px 16px;
    border: 1px solid rgba(55, 242, 154, 0.24);
    border-radius: 8px;
    background: rgba(55, 242, 154, 0.1);
}

.da-application-public--fachinformatiker .da-application-public__cover-subject strong {
    color: #071113;
    font-size: 18px;
}

.da-application-public--fachinformatiker .da-application-public__section--cover p:not(.da-application-public__cover-subject) {
    max-width: none;
    margin-bottom: 18px;
    color: #253238;
    line-height: 1.82;
}

.da-application-public__projects {
    display: grid;
    gap: 12px;
}

.da-application-public__project-card {
    display: grid;
    grid-template-columns: minmax(0, 1fr) max-content;
    gap: 18px;
    align-items: center;
    padding: 18px;
    border: 1px solid rgba(18, 36, 45, 0.12);
    border-radius: 8px;
    background:
        linear-gradient(90deg, rgba(55, 242, 154, 0.1), transparent 34%),
        #fff;
    box-shadow: inset 3px 0 0 rgba(55, 242, 154, 0.58);
}

.da-application-public__project-card span {
    display: inline-flex;
    margin-bottom: 8px;
    border: 1px solid rgba(7, 17, 19, 0.1);
    border-radius: 999px;
    padding: 4px 9px;
    background: rgba(7, 17, 19, 0.04);
    color: #0b6b4c;
    font-size: 11px;
    font-weight: 900;
    text-transform: uppercase;
}

.da-application-public__project-card strong {
    display: block;
    margin-bottom: 6px;
    color: #071113;
    font-size: 18px;
}

.da-application-public__project-card p {
    margin: 0;
    max-width: 70ch;
    color: #33424a;
    line-height: 1.58;
}

.da-application-public__project-card a {
    display: inline-flex;
    min-height: 38px;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(7, 17, 19, 0.08);
    border-radius: 8px;
    padding: 0 14px;
    background: #071113;
    color: #37f29a;
    font-size: 13px;
    font-weight: 900;
    text-decoration: none;
    white-space: nowrap;
    box-shadow: 0 10px 22px rgba(7, 17, 19, 0.12);
}

.da-application-public__project-card a:hover,
.da-application-public__project-card a:focus {
    background: #102321;
    transform: translateY(-1px);
}

.da-application-public--fachinformatiker .da-application-public__timeline-head time {
    font-family: Consolas, "Courier New", monospace;
}

.da-application-public--fachinformatiker .da-application-public__skills span {
    border-color: rgba(7, 17, 19, 0.12);
    background: rgba(55, 242, 154, 0.12);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.62);
    transition: background 0.18s ease, border-color 0.18s ease, transform 0.18s ease;
}

.da-application-public--fachinformatiker .da-application-public__skills span:hover {
    border-color: rgba(55, 242, 154, 0.48);
    background: rgba(55, 242, 154, 0.2);
    transform: translateY(-1px);
}

.da-application-public--fachinformatiker .da-application-public__skill-group {
    grid-template-columns: minmax(120px, .42fr) minmax(0, 1fr);
}

.da-application-public--fachinformatiker .da-application-public__skill-group strong {
    overflow-wrap: anywhere;
}

.da-application-public--fachinformatiker .da-application-public__document-card {
    border-color: rgba(7, 17, 19, 0.12);
    background: linear-gradient(180deg, #fff, #f2faf6);
}

.da-application-public--fachinformatiker .da-application-public__document-card:hover,
.da-application-public--fachinformatiker .da-application-public__document-card:focus {
    border-color: rgba(55, 242, 154, 0.58);
    box-shadow: 0 18px 44px rgba(7, 17, 19, 0.18);
}

.da-application-public--fachinformatiker .da-application-public__document-preview {
    border-color: rgba(7, 17, 19, 0.12);
    background:
        linear-gradient(rgba(7, 17, 19, 0.035) 1px, transparent 1px),
        #fff;
    background-size: 100% 22px;
}

html.da-js .da-application-public--fachinformatiker.da-application-public--application-ready .da-application-public__section {
    animation: da-it-card-in 0.58s cubic-bezier(0.22, 1, 0.36, 1) both;
}

html.da-js .da-application-public--fachinformatiker.da-application-public--application-ready .da-application-public__main .da-application-public__section:nth-child(2) {
    animation-delay: 0.06s;
}

html.da-js .da-application-public--fachinformatiker.da-application-public--application-ready .da-application-public__main .da-application-public__section:nth-child(3) {
    animation-delay: 0.12s;
}

html.da-js .da-application-public--fachinformatiker.da-application-public--application-ready .da-application-public__main .da-application-public__section:nth-child(4) {
    animation-delay: 0.18s;
}

html.da-js .da-application-public--fachinformatiker.da-application-public--application-ready .da-application-public__side .da-application-public__section {
    animation-delay: 0.1s;
}

@keyframes da-terminal-cursor {
    50% {
        opacity: 0;
    }
}

@keyframes da-terminal-fade {
    to {
        max-height: 0;
        margin-bottom: 0;
        overflow: hidden;
        opacity: 0;
    }
}

@keyframes da-it-scan {
    0%,
    100% {
        transform: translateY(-18%);
        opacity: 0.26;
    }

    50% {
        transform: translateY(18%);
        opacity: 0.62;
    }
}

@keyframes da-blueprint-drift {
    from {
        background-position: -24px -16px, 0 0, 0 0, 0 0;
        transform: translate3d(-10px, -8px, 0);
    }

    to {
        background-position: 38px 24px, 0 0, 0 0, 0 0;
        transform: translate3d(14px, 12px, 0);
    }
}

@keyframes da-blueprint-draw-reveal {
    0% {
        clip-path: inset(0 100% 0 0);
        opacity: 0;
        transform: translate3d(-24px, -12px, 0) rotate(-9deg) scale(1.08);
    }

    12% {
        opacity: 0.58;
    }

    62%,
    100% {
        clip-path: inset(0 0 0 0);
        opacity: 0.58;
        transform: translate3d(0, 0, 0) rotate(-9deg) scale(1.08);
    }
}

@keyframes da-blueprint-draw-light {
    0% {
        opacity: 0;
        transform: translateX(-120%) skewX(-18deg);
    }

    10%,
    56% {
        opacity: 0.72;
    }

    64%,
    100% {
        opacity: 0;
        transform: translateX(620%) skewX(-18deg);
    }
}

@keyframes da-it-card-in {
    from {
        opacity: 0;
        transform: translateY(18px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes da-window-open {
    from {
        opacity: 0;
        transform: translateY(-10px) scaleY(0.96);
        transform-origin: top center;
    }

    to {
        opacity: 1;
        transform: translateY(0) scaleY(1);
    }
}

@keyframes da-soft-breathe {
    from {
        opacity: 0.62;
        transform: scale(1);
    }

    to {
        opacity: 0.95;
        transform: scale(1.03);
    }
}

@keyframes da-bg-sweep {
    0%,
    18% {
        opacity: 0;
        transform: translateX(-70%);
    }

    42%,
    58% {
        opacity: 1;
    }

    82%,
    100% {
        opacity: 0;
        transform: translateX(70%);
    }
}

@keyframes da-care-vitals {
    from {
        background-position: center, 0 52%;
    }

    to {
        background-position: center, 900px 52%;
    }
}

@keyframes da-office-slide {
    from {
        background-position: 0 24%, 0 0;
    }

    to {
        background-position: 820px 24%, 92px 0;
    }
}

@keyframes da-service-steam {
    0%,
    100% {
        opacity: 0.5;
        transform: translateY(18px);
    }

    50% {
        opacity: 0.76;
        transform: translateY(-18px);
    }
}

@keyframes da-studio-float {
    from {
        transform: translate3d(-18px, 10px, 0) rotate(-1deg);
    }

    to {
        transform: translate3d(18px, -10px, 0) rotate(1deg);
    }
}

@keyframes da-route-move {
    from {
        background-position: 0 46%;
    }

    to {
        background-position: 900px 46%;
    }
}

@keyframes da-shop-scan {
    from {
        opacity: 0.46;
        transform: translateY(16px);
    }

    to {
        opacity: 0.76;
        transform: translateY(-16px);
    }
}

@media (prefers-reduced-motion: reduce) {
    .da-application-share-page--blueprint-grid::before,
    .da-application-share-page--blueprint-grid::after,
    .da-application-share-page--blueprint-grid .da-application-public::before,
    .da-application-share-page--care-soft::before,
    .da-application-share-page--care-soft::after,
    .da-application-share-page--office-lines::before,
    .da-application-share-page--office-lines::after,
    .da-application-share-page--service-warm::before,
    .da-application-share-page--service-warm::after,
    .da-application-share-page--studio-dots::before,
    .da-application-share-page--studio-dots::after,
    .da-application-share-page--route-lines::before,
    .da-application-share-page--route-lines::after,
    .da-application-share-page--shop-grid::before,
    .da-application-share-page--shop-grid::after,
    .da-application-share-page--education-board::before,
    .da-application-share-page--education-board::after,
    .da-application-share-page--medical-praxis::before,
    .da-application-share-page--medical-praxis::after,
    .da-application-public-bg-video,
    .da-application-public--fachinformatiker.da-application-public--bg-it-grid::after,
    .da-application-public--fachinformatiker .da-application-public__terminal p:last-child::after {
        animation: none;
    }

    .da-application-public-bg-video {
        display: none;
    }

    .da-application-public--fachinformatiker .da-application-public__terminal-hero,
    .da-application-public--fachinformatiker .da-application-public__hero,
    .da-application-public--fachinformatiker .da-application-public__layout {
        transition-duration: 0.01ms;
    }

    html.da-js .da-application-public--fachinformatiker.da-application-public--application-ready .da-application-public__section {
        animation: none;
    }
}

@media print {
    .da-application-public {
        max-width: none;
        padding: 0;
    }

    .da-application-public__terminal-hero {
        display: none;
    }

    .da-application-public__hero,
    .da-application-public__section {
        box-shadow: none;
    }
}

@media (max-width: 860px) {
    .da-application__job-list {
        grid-template-columns: minmax(0, 1fr);
    }

    .da-application__job-card {
        min-width: 0;
        min-height: 0;
    }

    .da-application__job-card span,
    .da-application__job-card strong,
    .da-application__job-card small {
        min-width: 0;
        overflow-wrap: anywhere;
        word-break: break-word;
    }

    .da-application__hero,
    .da-application__checklist,
    .da-application__grid,
    .da-application__profile-extra,
    .da-application__link-form,
    .da-application__template-grid,
    .da-application__template-builder,
    .da-application__template-controls,
    .da-application__design-options,
    .da-application__cv-helper-grid,
    .da-application__guide-grid,
    .da-application__password-form,
    .da-application__payment-box,
    .da-application__runtime,
    .da-application__progress-card,
    .da-application__row {
        display: block;
    }

    .da-application__payment-details {
        display: block;
    }

    .da-application__cv-card {
        grid-template-columns: 1fr;
    }

    .da-application__cv-card > div:last-child {
        flex-wrap: wrap;
    }

    .da-application__skill-card,
    .da-application-public__timeline-head,
    .da-application-public__skill-group {
        grid-template-columns: 1fr;
    }

    .da-application__tab-list {
        grid-template-columns: 1fr;
    }

    .da-application-public__timeline ul {
        margin-left: 18px;
    }

    .da-application-public--fachinformatiker .da-application-public__side {
        position: static;
    }

    .da-application-public--fachinformatiker .da-application-public__it-snapshot {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        margin-top: 0;
    }

    .da-application-public--fachinformatiker .da-application-public__it-nav {
        flex-wrap: nowrap;
        overflow-x: auto;
    }

    .da-application-public--fachinformatiker .da-application-public__it-nav a,
    .da-application-public--fachinformatiker .da-application-public__it-nav button {
        flex: 0 0 auto;
    }

    .da-application__skill-card > div:last-child {
        flex-wrap: wrap;
    }

    .da-application__stats,
    .da-application__checklist li,
    .da-application__link-form label,
    .da-application__password-form label,
    .da-application__payment-details div,
    .da-application__runtime > strong,
    .da-application__template-card,
    .da-application__design-options label,
    .da-application__cv-helper-grid > *,
    .da-application__row > * {
        margin-top: 12px;
    }

    .da-application__account-menu {
        justify-content: flex-start;
    }

    .da-application__account-dropdown {
        position: static;
        width: 100%;
        margin-top: 10px;
    }

    .da-application__progress-ring {
        margin-bottom: 12px;
    }

    .da-application__progress-meta {
        grid-template-columns: 1fr;
        margin-top: 14px;
    }

    .da-application__panel-head {
        display: block;
    }

    .da-application__panel-head button,
    .da-application__link-form button,
    .da-application__password-form button,
    .da-application__row button {
        width: 100%;
        margin-top: 12px;
    }

    .da-application__document-list {
        grid-template-columns: 1fr;
    }

    .da-application__document-card {
        grid-template-columns: 66px minmax(0, 1fr);
    }

    .da-application__document-thumb {
        width: 66px;
        height: 80px;
    }

    .da-application-public {
        padding: 18px 12px 38px;
    }

    .da-application__hero--mockup,
    .da-application__profile-card,
    .da-application__mockup-bottom,
    .da-application__quick-stats {
        display: block;
    }

    .da-application__avatar,
    .da-application__share-card,
    .da-application__mockup-bottom > *,
    .da-application__quick-stats > * {
        margin-top: 14px;
    }

    .da-application-public__hero,
    .da-application-public__layout,
    .da-application-public__section {
        display: block;
        padding: 22px;
    }

    .da-application-public__avatar,
    .da-application-public__cta,
    .da-application-public__side {
        margin-top: 16px;
    }

    .da-application-public__hero h1 {
        font-size: 34px;
    }

    .da-application-public--fachinformatiker .da-application-public__monitor {
        min-height: 260px;
    }

    .da-application-public--fachinformatiker .da-application-public__monitor::after {
        inset: 40px 12px 14px;
    }

    .da-application-public--fachinformatiker .da-application-public__monitor-bar {
        flex-wrap: wrap;
        padding: 10px 12px;
    }

    .da-application-public--fachinformatiker [data-da-it-skip] {
        flex-basis: 100%;
        margin-left: 0;
    }

    .da-application-public--fachinformatiker .da-application-public__terminal {
        min-height: 214px;
        padding: 20px 14px;
    }

    .da-application-public__documents {
        grid-template-columns: 1fr;
    }

    .da-application-public__project-card {
        grid-template-columns: 1fr;
    }

    .da-application-public__project-card a {
        width: 100%;
    }

    .da-application-public__document-card {
        min-height: 0;
    }

    .da-application-public__lightbox {
        padding: 12px;
    }

    .da-application-public__lightbox-dialog {
        max-height: calc(100vh - 24px);
    }

    .da-application-public__lightbox-head {
        align-items: flex-start;
        flex-direction: column;
    }

    .da-application-public__lightbox-head button,
    .da-application-public__lightbox-open {
        width: 100%;
    }

    .da-application-public__lightbox-stage {
        min-height: 260px;
        max-height: calc(100vh - 220px);
        padding: 10px;
    }

    .da-application-public__lightbox-stage iframe {
        min-height: calc(100vh - 240px);
    }
}

@media (max-width: 560px) {
    .da-application__ats-summary,
    .da-application__ats-result-grid { grid-template-columns:1fr; }
    .da-application__ats-breakdown { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .da-application__ats-actions { display:grid; }
    .da-application__ats-actions button { width:100%; }
    .da-application__ats-mismatch > div { display:grid; }
    .da-application__ats-mismatch button { width:100%; }
    .da-application__tab-list {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        grid-auto-flow: row;
        width: 100%;
        max-width: 100%;
        min-width: 0;
        gap: 7px;
        overflow: visible;
        margin-top: 12px;
        padding: 0;
    }

    .da-application__tab-list label {
        grid-template-columns: 24px minmax(0, 1fr);
        width: 100%;
        max-width: 100%;
        min-width: 0;
        min-height: 48px;
        column-gap: 7px;
        padding: 8px 9px;
    }

    .da-application__tab-list label span {
        width: 24px;
        height: 24px;
        font-size: 11px;
    }

    .da-application__tab-list label strong {
        min-width: 0;
        font-size: 13px;
        overflow-wrap: anywhere;
    }

    .da-application__tab-list label small {
        display: none;
    }

    .da-application__panel {
        padding: 14px 12px 16px;
    }

    .da-application__panel-head {
        margin-bottom: 12px;
    }

    .da-application__panel-head h3 {
        font-size: 19px;
    }

    .da-application__panel-head p {
        font-size: 14px;
        line-height: 1.45;
    }

    .da-application__panel-head button {
        width: auto;
        min-width: 112px;
        min-height: 44px;
        margin-top: 10px;
        padding: 8px 12px;
    }

    .da-application__editor label {
        font-size: 14px;
    }

    .da-application__editor input,
    .da-application__editor select,
    .da-application__editor textarea {
        margin-top: 5px;
        padding: 9px 11px;
        font-size: 16px;
        line-height: 1.35;
    }

    .da-application__editor button {
        min-height: 44px;
        padding: 8px 12px;
        line-height: 1.25;
    }

    .da-application__profile-extra {
        gap: 12px;
        margin-top: 14px;
        padding: 12px;
    }

    .da-application__guide-grid {
        margin-bottom: 12px;
    }

    .da-application__guide-card {
        padding: 11px 12px;
    }

    .da-application__panel--template {
        padding: 14px 12px 16px;
    }

    .da-application__panel--template .da-application__panel-head {
        margin-bottom: 12px;
    }

    .da-application__panel--template .da-application__panel-head h3 {
        font-size: 19px;
    }

    .da-application__template-toolbar {
        grid-template-columns: minmax(0, 1fr);
        gap: 10px;
        padding: 12px;
    }

    .da-application__template-toolbar select {
        min-height: 44px;
        padding: 9px 11px;
    }

    .da-application__template-actions {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 8px;
    }

    .da-application__template-actions button,
    .da-application__preview-replay,
    .da-application__design-open {
        width: 100%;
        min-width: 0;
        min-height: 44px;
        padding: 8px 10px;
        font-size: 13px;
        line-height: 1.25;
        white-space: normal;
        overflow-wrap: anywhere;
    }

    .da-application__template-preview {
        height: 220px;
    }

    .da-application__template-preview iframe {
        width: calc(100% / 0.52);
        height: 423px;
        transform: scale(0.52);
    }

    .da-application__template-preview-empty {
        min-height: 220px;
        padding: 18px;
    }

    .da-application__design-modal {
        padding: 10px;
    }

    .da-application__design-dialog {
        max-height: calc(100vh - 20px);
    }

    .da-application__design-dialog-head {
        gap: 10px;
        padding: 14px;
    }

    .da-application__design-dialog-head h4 {
        font-size: 20px;
    }

    .da-application__design-dialog-head button {
        min-height: 44px;
        padding: 8px 10px;
    }

    .da-application__template-controls,
    .da-application__design-options {
        margin: 12px 14px 0;
    }

    .da-application__design-dialog select,
    .da-application__design-dialog input[type="color"] {
        min-height: 44px;
    }

    .da-application__design-options input[type="color"] {
        height: 44px;
    }

    .da-application__color-presets {
        gap: 7px;
        padding: 14px;
    }

    .da-application__color-presets button {
        min-height: 40px;
        padding: 7px 9px;
        font-size: 12px;
    }

    .da-application-public--fachinformatiker .da-application-public__it-snapshot {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 400px) {
    .da-application__template-actions {
        grid-template-columns: minmax(0, 1fr);
    }

    .da-application__template-preview {
        height: 200px;
    }

    .da-application__template-preview iframe {
        width: calc(100% / 0.46);
        height: 435px;
        transform: scale(0.46);
    }

    .da-application__design-dialog-head {
        align-items: stretch;
        flex-direction: column;
    }

    .da-application__design-dialog-head button {
        width: 100%;
    }
}

/* Abschließende Gastro-Overrides nach den allgemeinen Profilregeln. */
.da-application-public--category-service .da-application-public__timeline ul {
    margin: 7px 0 0 92px;
    padding-left: 17px;
    font-size: 13px;
    line-height: 1.45;
}

.da-application-public--category-service .da-application-public__timeline li + li {
    margin-top: 3px;
}

.da-application-public--category-service .da-application-public__project-card {
    border-color: rgba(155, 87, 46, 0.25) !important;
    background: linear-gradient(90deg, rgba(200, 118, 63, 0.1), transparent 34%), rgba(255, 250, 240, 0.72) !important;
    box-shadow: inset 3px 0 0 rgba(200, 118, 63, 0.72) !important;
}

.da-application-public--category-service .da-application-public__project-card span {
    border-color: rgba(155, 87, 46, 0.25) !important;
    background: #f1dfc2 !important;
    color: #7a3f23 !important;
}

.da-application-public--category-service .da-application-public__cover-subject {
    border-color: rgba(155, 87, 46, 0.28) !important;
    background: rgba(200, 118, 63, 0.1) !important;
}

.da-application-public--category-service .da-application-public__cover-subject strong {
    color: #5b321f !important;
}

.da-application-public--category-service .da-application-public__skill-group strong,
.da-application-public--category-service .da-application-public__contact a {
    color: #7a3f23 !important;
}

/* Branchenpräsentation: Handwerk als robuste Projekt- und Auftragsmappe. */
.da-application-public--category-handwerk {
    max-width: 1120px;
}

.da-application-public--category-handwerk.da-application-public--booting .da-handwerk-folder {
    display: none;
}

.da-handwerk-folder {
    position: relative;
    margin-top: 18px;
    padding: 18px;
    overflow: hidden;
    border: 1px solid #536777;
    border-radius: 12px;
    background: #182a36;
    box-shadow: 0 28px 70px rgba(4, 17, 25, 0.42);
    color: #16242d;
}

.da-handwerk-folder::before {
    position: absolute;
    inset: 0;
    background-image: linear-gradient(rgba(121, 178, 207, 0.08) 1px, transparent 1px), linear-gradient(90deg, rgba(121, 178, 207, 0.08) 1px, transparent 1px);
    background-size: 24px 24px;
    content: "";
    pointer-events: none;
}

.da-handwerk-folder__head,
.da-handwerk-folder__register,
.da-handwerk-folder__stage,
.da-handwerk-folder__controls {
    position: relative;
    z-index: 1;
}

.da-handwerk-folder__head {
    display: flex;
    min-height: 72px;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 12px 18px;
    border: 1px solid rgba(255, 255, 255, 0.14);
    border-bottom: 4px solid #f5b84b;
    background: #203b4c;
    color: #fff;
}

.da-handwerk-folder__head div {
    display: grid;
    gap: 3px;
}

.da-handwerk-folder__head span {
    color: #f5b84b;
    font: 800 11px/1.2 Consolas, "Courier New", monospace;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.da-handwerk-folder__head strong {
    font-size: 21px;
    letter-spacing: 0.02em;
}

.da-handwerk-folder__head em {
    padding: 7px 10px;
    border: 1px solid rgba(255, 255, 255, 0.34);
    color: #d8e4ea;
    font: normal 800 12px/1 Consolas, "Courier New", monospace;
}

.da-handwerk-folder__register {
    display: grid;
    grid-template-columns: repeat(9, minmax(0, 1fr));
    gap: 3px;
    padding: 10px 0 0;
}

.da-handwerk-folder__tab {
    display: grid;
    min-width: 0;
    min-height: 52px;
    align-content: center;
    gap: 2px;
    padding: 7px 8px;
    border: 1px solid #617583 !important;
    border-radius: 5px 5px 0 0 !important;
    background: #314b5a !important;
    color: #dce7ec !important;
    cursor: pointer;
    box-shadow: none !important;
    text-align: left;
}

.da-handwerk-folder__tab span {
    color: #f5b84b;
    font: 800 10px/1 Consolas, "Courier New", monospace;
}

.da-handwerk-folder__tab strong {
    min-width: 0;
    overflow: hidden;
    font-size: 11px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.da-handwerk-folder__tab:hover,
.da-handwerk-folder__tab:focus-visible,
.da-handwerk-folder__tab.is-active {
    border-color: #f5b84b !important;
    background: #f5b84b !important;
    color: #172934 !important;
    transform: none !important;
}

.da-handwerk-folder__tab.is-active span {
    color: #172934;
}

.da-handwerk-folder__stage {
    height: 650px;
    overflow: hidden;
    border: 1px solid #8798a2;
    background: #e8edf0;
}

.da-application-public--category-handwerk .da-handwerk-folder__sheet {
    width: 100% !important;
    height: 650px !important;
    min-height: 650px !important;
    margin: 0 !important;
    padding: 42px 48px !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    border: 0 !important;
    border-radius: 0 !important;
    background-color: #f7f6f0 !important;
    background-image: linear-gradient(rgba(43, 91, 117, 0.06) 1px, transparent 1px), linear-gradient(90deg, rgba(43, 91, 117, 0.06) 1px, transparent 1px) !important;
    background-size: 28px 28px !important;
    color: #1c2b34 !important;
    box-shadow: inset 0 0 34px rgba(25, 52, 67, 0.08) !important;
    scrollbar-color: #d2942e #dfe7ea;
    scrollbar-width: thin;
}

.da-application-public--category-handwerk .da-handwerk-folder__sheet[hidden] {
    display: none !important;
}

.da-application-public--category-handwerk .da-handwerk-folder__sheet::-webkit-scrollbar {
    width: 10px;
}

.da-application-public--category-handwerk .da-handwerk-folder__sheet::-webkit-scrollbar-track {
    background: #dfe7ea;
}

.da-application-public--category-handwerk .da-handwerk-folder__sheet::-webkit-scrollbar-thumb {
    border: 2px solid #dfe7ea;
    border-radius: 999px;
    background: #d2942e;
}

.da-handwerk-folder__sheet.is-entering-forward {
    animation: da-handwerk-sheet-forward 0.58s cubic-bezier(0.2, 0.75, 0.24, 1) both;
}

.da-handwerk-folder__sheet.is-entering-backward {
    animation: da-handwerk-sheet-backward 0.58s cubic-bezier(0.2, 0.75, 0.24, 1) both;
}

.da-handwerk-folder__sheet-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin: -18px 0 20px;
    padding-bottom: 10px;
    border-bottom: 3px solid #f5b84b;
    color: #1f3a4a;
}

.da-handwerk-folder__sheet-head span {
    font: 800 11px/1 Consolas, "Courier New", monospace;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.da-handwerk-folder__sheet-head strong {
    color: #8a5a0a;
    font-size: 13px;
}

.da-application-public--category-handwerk .da-application-public__hero {
    display: grid !important;
    grid-template-columns: 180px minmax(0, 1fr) !important;
    align-content: center;
    align-items: center;
    gap: 34px !important;
    background: linear-gradient(135deg, rgba(245, 184, 75, 0.18), transparent 42%), #f7f6f0 !important;
    color: #1c2b34 !important;
    text-align: left !important;
}

.da-application-public--category-handwerk .da-application-public__hero::before,
.da-application-public--category-handwerk .da-application-public__hero::after {
    display: none !important;
    content: none !important;
}

.da-application-public--category-handwerk .da-application-public__hero .da-application-public__avatar {
    width: 180px;
    height: 220px;
    margin: 0;
    border: 5px solid #fff;
    border-radius: 4px;
    box-shadow: 9px 9px 0 #f5b84b, 0 15px 30px rgba(24, 42, 54, 0.18);
}

.da-application-public--category-handwerk .da-application-public__hero h1 {
    color: #1f3a4a !important;
    font-size: clamp(38px, 5vw, 60px);
}

.da-application-public--category-handwerk .da-application-public__hero p,
.da-application-public--category-handwerk .da-application-public__hero strong,
.da-application-public--category-handwerk .da-application-public__meta,
.da-application-public--category-handwerk .da-application-public__meta a,
.da-application-public--category-handwerk .da-application-public__meta span {
    color: #314b5a !important;
    text-shadow: none !important;
}

.da-application-public--category-handwerk .da-application-public__hero p {
    font: 800 12px/1.3 Consolas, "Courier New", monospace;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.da-application-public--category-handwerk .da-application-public__cta,
.da-application-public--category-handwerk .da-application-public__cta:hover,
.da-application-public--category-handwerk .da-application-public__cta:focus,
.da-application-public--category-handwerk .da-application-public__project-card a,
.da-application-public--category-handwerk .da-application-public__project-card a:hover,
.da-application-public--category-handwerk .da-application-public__project-card a:focus {
    border-color: #c78720 !important;
    background: #f5b84b !important;
    color: #172934 !important;
    box-shadow: 0 8px 18px rgba(86, 57, 10, 0.18) !important;
    transform: none !important;
}

.da-application-public--category-handwerk .da-application-public__section > span,
.da-application-public--category-handwerk .da-application-public__cover-subject,
.da-application-public--category-handwerk .da-application-public__skills span {
    border-color: rgba(31, 58, 74, 0.22) !important;
    background: rgba(245, 184, 75, 0.18) !important;
    color: #5f430d !important;
    box-shadow: none !important;
}

.da-application-public--category-handwerk .da-application-public__section h2,
.da-application-public--category-handwerk .da-application-public__timeline-head time,
.da-application-public--category-handwerk .da-application-public__skill-group strong,
.da-application-public--category-handwerk .da-application-public__contact a {
    color: #1f3a4a !important;
}

.da-application-public--category-handwerk .da-application-public__timeline-item,
.da-application-public--category-handwerk .da-application-public__project-card,
.da-application-public--category-handwerk .da-application-public__document-card,
.da-application-public--category-handwerk .da-application-public__skill-group {
    border-color: rgba(31, 58, 74, 0.18) !important;
    background: rgba(255, 255, 255, 0.76) !important;
}

.da-application-public--category-handwerk .da-application-public__timeline-item::before {
    background: #f5b84b !important;
    box-shadow: 0 0 0 4px rgba(245, 184, 75, 0.22) !important;
}

.da-application-public--category-handwerk .da-application-public__project-card {
    box-shadow: inset 4px 0 0 #f5b84b !important;
}

.da-handwerk-folder__controls {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    gap: 14px;
    padding: 15px 2px 0;
}

.da-handwerk-folder__controls button {
    min-height: 44px;
    padding: 10px 15px;
    border: 1px solid #f5b84b !important;
    border-radius: 4px !important;
    background: transparent !important;
    color: #fff !important;
    font-weight: 900;
    box-shadow: none !important;
    cursor: pointer;
}

.da-handwerk-folder__controls button:hover,
.da-handwerk-folder__controls button:focus-visible {
    background: #f5b84b !important;
    color: #172934 !important;
}

.da-handwerk-folder__controls button:disabled {
    opacity: 0.35;
    cursor: not-allowed;
}

.da-handwerk-folder__previous { justify-self: start; }
.da-handwerk-folder__next { justify-self: end; }
.da-handwerk-folder__indicator { color: #d8e4ea; font: 800 12px/1 Consolas, "Courier New", monospace; }

@keyframes da-handwerk-sheet-forward {
    from { opacity: 0; transform: translateX(38px) rotate(0.5deg); }
    to { opacity: 1; transform: translateX(0) rotate(0); }
}

@keyframes da-handwerk-sheet-backward {
    from { opacity: 0; transform: translateX(-38px) rotate(-0.5deg); }
    to { opacity: 1; transform: translateX(0) rotate(0); }
}

@media (max-width: 720px) {
    .da-handwerk-folder { margin-top: 12px; padding: 8px; }
    .da-handwerk-folder__head { min-height: 62px; padding: 10px 12px; }
    .da-handwerk-folder__head strong { font-size: 17px; }
    .da-handwerk-folder__register { display: flex; padding-bottom: 3px; overflow-x: auto; scrollbar-width: thin; }
    .da-handwerk-folder__tab { flex: 0 0 92px; }
    .da-handwerk-folder__stage { height: 520px; }
    .da-application-public--category-handwerk .da-handwerk-folder__sheet { height: 520px !important; min-height: 520px !important; padding: 28px 20px !important; }
    .da-application-public--category-handwerk .da-application-public__hero { grid-template-columns: 1fr !important; justify-items: center; gap: 20px !important; text-align: center !important; }
    .da-application-public--category-handwerk .da-application-public__hero .da-application-public__avatar { width: 118px; height: 145px; }
    .da-handwerk-folder__controls { grid-template-columns: 1fr 1fr; }
    .da-handwerk-folder__indicator { grid-column: 1 / 3; grid-row: 1; text-align: center; }
    .da-handwerk-folder__controls button { padding: 9px 10px; font-size: 12px; }
}

@media (prefers-reduced-motion: reduce) {
    .da-handwerk-folder__sheet.is-entering-forward,
    .da-handwerk-folder__sheet.is-entering-backward { animation: none; }
}

/* Handwerk V2: Klemmbrett und klassische Auftragsmappe statt Software-Oberfläche. */
.da-handwerk-folder--clipboard {
    max-width: 1030px;
    margin-inline: auto;
    padding: 16px 18px 20px;
    border-color: #70543f;
    border-radius: 8px;
    background:
        linear-gradient(90deg, rgba(255,255,255,.025) 50%, transparent 50%) 0 0 / 7px 7px,
        linear-gradient(145deg, #3d2f27, #574334 58%, #342820);
    box-shadow: 0 30px 80px rgba(27, 17, 10, .46);
}

.da-handwerk-folder--clipboard::before {
    background: linear-gradient(100deg, transparent 0 46%, rgba(255,255,255,.035) 47%, transparent 49%), linear-gradient(12deg, transparent 0 65%, rgba(0,0,0,.055) 66%, transparent 68%);
    background-size: 190px 130px, 230px 170px;
}

.da-handwerk-folder--clipboard .da-handwerk-folder__head {
    min-height: 68px;
    padding: 10px 16px 12px;
    border: 0;
    border-bottom: 1px solid rgba(255,255,255,.18);
    background: transparent;
}

.da-handwerk-folder--clipboard .da-handwerk-folder__head span { color: #f2b84b; }
.da-handwerk-folder--clipboard .da-handwerk-folder__head strong { font-family: Georgia, "Times New Roman", serif; font-size: 24px; }
.da-handwerk-folder--clipboard .da-handwerk-folder__head em { border-color: #b99b7b; color: #ead9c4; }

.da-handwerk-folder__body {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: 134px minmax(0, 1fr);
    gap: 0;
    align-items: start;
    padding-top: 20px;
}

.da-handwerk-folder--clipboard .da-handwerk-folder__register {
    display: grid;
    grid-template-columns: 1fr;
    gap: 4px;
    padding: 38px 0 0;
    overflow: visible;
}

.da-handwerk-folder--clipboard .da-handwerk-folder__tab {
    position: relative;
    display: grid;
    width: calc(100% + 12px);
    min-height: 54px;
    align-content: center;
    gap: 3px;
    padding: 7px 19px 7px 13px;
    border: 1px solid #b68d5f !important;
    border-right: 0 !important;
    border-radius: 7px 0 0 7px !important;
    background: #cfaa75 !important;
    color: #3d2b1e !important;
    box-shadow: inset 0 1px rgba(255,255,255,.35) !important;
    transform: translateX(0) !important;
}

.da-handwerk-folder--clipboard .da-handwerk-folder__tab:nth-child(even) { background: #bd9361 !important; }
.da-handwerk-folder--clipboard .da-handwerk-folder__tab span { color: #6f421d; }
.da-handwerk-folder--clipboard .da-handwerk-folder__tab strong { font-size: 12px; white-space: normal; }

.da-handwerk-folder--clipboard .da-handwerk-folder__tab:hover,
.da-handwerk-folder--clipboard .da-handwerk-folder__tab:focus-visible,
.da-handwerk-folder--clipboard .da-handwerk-folder__tab.is-active {
    z-index: 3;
    width: calc(100% + 18px);
    border-color: #e3ad3f !important;
    background: #f2b84b !important;
    color: #2f2117 !important;
}

.da-handwerk-folder__clipboard {
    position: relative;
    z-index: 2;
    padding: 54px 18px 16px;
    border: 1px solid #8c6848;
    border-radius: 10px;
    background: linear-gradient(145deg, #9b744f, #755237);
    box-shadow: 0 20px 38px rgba(20, 11, 5, .34), inset 0 1px rgba(255,255,255,.18);
}

.da-handwerk-folder__clip {
    position: absolute;
    z-index: 6;
    top: 13px;
    left: 50%;
    width: 210px;
    height: 62px;
    border: 1px solid #6e777c;
    border-radius: 12px 12px 5px 5px;
    background: linear-gradient(180deg, #e6eaeb 0, #9aa3a7 48%, #697277 52%, #c8ced0 100%);
    box-shadow: 0 8px 12px rgba(20, 20, 20, .28), inset 0 2px rgba(255,255,255,.8);
    transform: translateX(-50%);
}

.da-handwerk-folder__clip::before {
    position: absolute;
    inset: 14px 45px 12px;
    border: 1px solid #657075;
    border-radius: 999px 999px 6px 6px;
    background: linear-gradient(#707a7f, #b9c0c3);
    content: "";
}

.da-handwerk-folder--clipboard .da-handwerk-folder__stage {
    height: 660px;
    overflow: hidden;
    border: 0;
    border-radius: 3px;
    background: #eee6d5;
    box-shadow: 0 4px 13px rgba(30, 18, 9, .26);
}

.da-application-public--category-handwerk .da-handwerk-folder--clipboard .da-handwerk-folder__sheet {
    height: 660px !important;
    min-height: 660px !important;
    padding: 42px 42px 36px !important;
    background-color: #f7f1e4 !important;
    background-image: linear-gradient(rgba(99, 76, 50, .045) 1px, transparent 1px) !important;
    background-size: 100% 30px !important;
    color: #2f2a25 !important;
    box-shadow: inset 18px 0 30px rgba(86, 59, 35, .045) !important;
}

.da-application-public--category-handwerk .da-handwerk-folder--clipboard [data-da-window-panel] {
    min-height: 0 !important;
    padding: 42px 42px 36px !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    animation: none !important;
}

.da-application-public--category-handwerk .da-handwerk-folder--clipboard [data-da-window-panel]::before,
.da-application-public--category-handwerk .da-handwerk-folder--clipboard [data-da-window-panel]::after {
    display: none !important;
    content: none !important;
}

.da-handwerk-folder__group {
    display: grid;
    align-content: start;
    gap: 30px;
}

.da-handwerk-folder__group > .da-application-public__section + .da-application-public__section {
    padding-top: 27px !important;
    border-top: 2px dashed rgba(112, 84, 63, .25) !important;
}

.da-handwerk-folder--clipboard .da-handwerk-folder__sheet-head {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 5px 18px;
    margin: 0 0 28px;
    padding: 0 0 12px;
    border-bottom: 2px solid #253d49;
}

.da-handwerk-folder--clipboard .da-handwerk-folder__sheet-head span {
    color: #765430;
    font-size: 11px;
}

.da-handwerk-folder--clipboard .da-handwerk-folder__sheet-head strong {
    grid-column: 1;
    color: #253d49;
    font: 700 23px/1.15 Georgia, "Times New Roman", serif;
}

.da-handwerk-folder--clipboard .da-handwerk-folder__sheet-head em {
    grid-column: 2;
    grid-row: 1 / 3;
    align-self: center;
    padding: 8px 10px;
    border: 2px solid rgba(161, 85, 44, .65);
    color: #a1552c;
    font: normal 900 11px/1 Consolas, "Courier New", monospace;
    letter-spacing: .08em;
    transform: rotate(-3deg);
}

.da-application-public--category-handwerk .da-handwerk-folder--clipboard .da-application-public__hero {
    grid-template-columns: 170px minmax(0,1fr) !important;
    gap: 38px !important;
    background: linear-gradient(135deg, rgba(242,184,75,.14), transparent 46%), #f7f1e4 !important;
}

.da-application-public--category-handwerk .da-handwerk-folder--clipboard .da-application-public__hero .da-application-public__avatar {
    width: 165px;
    height: 205px;
    border: 9px solid #fff;
    border-radius: 2px;
    box-shadow: 5px 7px 0 rgba(112,84,63,.18), 0 13px 24px rgba(42,29,18,.18);
    transform: rotate(-1.5deg);
}

.da-application-public--category-handwerk .da-handwerk-folder--clipboard .da-application-public__hero h1 {
    font-family: Georgia, "Times New Roman", serif;
}

.da-application-public--category-handwerk .da-handwerk-folder--clipboard .da-application-public__section > span {
    border: 1px solid rgba(112,84,63,.32) !important;
    border-radius: 3px !important;
    background: #ead8bb !important;
    color: #684623 !important;
    font-family: Consolas, "Courier New", monospace;
}

.da-application-public--category-handwerk .da-handwerk-folder--clipboard .da-application-public__section > span:first-of-type {
    display: none !important;
}

.da-application-public--category-handwerk .da-handwerk-folder--clipboard .da-application-public__section h2 {
    color: #253d49 !important;
    font-family: Georgia, "Times New Roman", serif;
}

.da-application-public--category-handwerk .da-handwerk-folder--clipboard .da-application-public__timeline-item,
.da-application-public--category-handwerk .da-handwerk-folder--clipboard .da-application-public__project-card,
.da-application-public--category-handwerk .da-handwerk-folder--clipboard .da-application-public__document-card {
    border-color: rgba(112,84,63,.22) !important;
    background: rgba(255,255,255,.55) !important;
}

.da-handwerk-folder--clipboard .da-handwerk-folder__controls {
    padding-top: 14px;
}

.da-handwerk-folder--clipboard .da-handwerk-folder__controls button {
    border-color: #e1b05b !important;
    background: #f2b84b !important;
    color: #34251a !important;
}

.da-handwerk-folder--clipboard .da-handwerk-folder__controls button:hover,
.da-handwerk-folder--clipboard .da-handwerk-folder__controls button:focus-visible {
    background: #ffd277 !important;
}

.da-handwerk-folder--clipboard .da-handwerk-folder__indicator { color: #f4e6d4; }

.da-handwerk-folder--clipboard .da-handwerk-folder__sheet.is-entering-forward {
    animation: da-handwerk-paper-forward .66s cubic-bezier(.2,.76,.23,1) both;
}

.da-handwerk-folder--clipboard .da-handwerk-folder__sheet.is-entering-backward {
    animation: da-handwerk-paper-backward .66s cubic-bezier(.2,.76,.23,1) both;
}

@keyframes da-handwerk-paper-forward {
    0% { opacity: 0; transform: translate(34px,-28px) rotate(1.8deg); }
    70% { opacity: 1; transform: translate(-3px,2px) rotate(-.25deg); }
    100% { opacity: 1; transform: translate(0,0) rotate(0); }
}

@keyframes da-handwerk-paper-backward {
    0% { opacity: 0; transform: translate(-34px,28px) rotate(-1.8deg); }
    70% { opacity: 1; transform: translate(3px,-2px) rotate(.25deg); }
    100% { opacity: 1; transform: translate(0,0) rotate(0); }
}

@media (max-width: 720px) {
    .da-handwerk-folder--clipboard { padding: 8px; }
    .da-handwerk-folder--clipboard .da-handwerk-folder__head { align-items: flex-start; flex-direction: column; gap: 8px; }
    .da-handwerk-folder__body { display: block; padding-top: 8px; }
    .da-handwerk-folder--clipboard .da-handwerk-folder__register { display: flex; gap: 4px; padding: 0 0 7px; overflow-x: auto; }
    .da-handwerk-folder--clipboard .da-handwerk-folder__tab,
    .da-handwerk-folder--clipboard .da-handwerk-folder__tab:hover,
    .da-handwerk-folder--clipboard .da-handwerk-folder__tab:focus-visible,
    .da-handwerk-folder--clipboard .da-handwerk-folder__tab.is-active { flex: 0 0 102px; width: 102px; min-height: 54px; padding: 8px; border-right: 1px solid #b68d5f !important; border-radius: 5px !important; }
    .da-handwerk-folder__clipboard { padding: 43px 8px 8px; }
    .da-handwerk-folder__clip { top: 8px; width: 135px; height: 45px; }
    .da-handwerk-folder__clip::before { inset: 10px 32px 8px; }
    .da-handwerk-folder--clipboard .da-handwerk-folder__stage { height: 520px; }
    .da-application-public--category-handwerk .da-handwerk-folder--clipboard .da-handwerk-folder__sheet { height: 520px !important; min-height: 520px !important; padding: 28px 18px !important; }
    .da-application-public--category-handwerk .da-handwerk-folder--clipboard [data-da-window-panel] { padding: 28px 18px !important; }
    .da-application-public--category-handwerk .da-handwerk-folder--clipboard .da-application-public__hero { grid-template-columns: 1fr !important; gap: 18px !important; }
    .da-application-public--category-handwerk .da-handwerk-folder--clipboard .da-application-public__hero .da-application-public__avatar { width: 110px; height: 136px; }
    .da-handwerk-folder--clipboard .da-handwerk-folder__sheet-head { grid-template-columns: 1fr; }
    .da-handwerk-folder--clipboard .da-handwerk-folder__sheet-head em { display: none; }
    .da-handwerk-folder__group { gap: 24px; }
}

/* Branchenpräsentation: Pflege / Soziales als ruhiges, menschliches Pflegeportfolio. */
.da-application-public--category-pflege { max-width: 1060px; }
.da-application-public--category-pflege.da-application-public--booting .da-care-portfolio { display: none; }

.da-care-portfolio {
    position: relative;
    margin-top: 18px;
    padding: 18px;
    overflow: hidden;
    border: 1px solid rgba(87, 151, 136, .38);
    border-radius: 26px;
    background: linear-gradient(145deg, rgba(255,255,255,.92), rgba(224,244,238,.94));
    box-shadow: 0 28px 70px rgba(35, 83, 73, .24);
    color: #203a35;
}

.da-care-portfolio::before,
.da-care-portfolio::after {
    position: absolute;
    border-radius: 50%;
    background: rgba(142, 227, 200, .18);
    content: "";
    pointer-events: none;
}

.da-care-portfolio::before { top: -120px; right: -90px; width: 310px; height: 310px; }
.da-care-portfolio::after { bottom: -150px; left: -110px; width: 350px; height: 350px; background: rgba(244, 176, 178, .12); }

.da-care-portfolio__head,
.da-care-portfolio__nav,
.da-care-portfolio__stage,
.da-care-portfolio__controls { position: relative; z-index: 1; }

.da-care-portfolio__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 22px;
    padding: 12px 16px 18px;
}

.da-care-portfolio__head div { display: grid; gap: 4px; }
.da-care-portfolio__head span { color: #397568; font-size: 11px; font-weight: 900; letter-spacing: .12em; text-transform: uppercase; }
.da-care-portfolio__head strong { color: #173d35; font-size: 25px; line-height: 1.15; }
.da-care-portfolio__head em { display: inline-flex; align-items: center; gap: 7px; padding: 8px 12px; border: 1px solid rgba(57,117,104,.22); border-radius: 999px; background: rgba(255,255,255,.72); color: #397568; font-size: 12px; font-style: normal; font-weight: 850; }
.da-care-portfolio__head em i { color: #e1848d; font-style: normal; }

.da-care-portfolio__nav {
    display: grid;
    grid-template-columns: repeat(9, minmax(0,1fr));
    padding: 10px 12px 18px;
}

.da-care-portfolio__nav::before {
    position: absolute;
    top: 24px;
    right: 5%;
    left: 5%;
    height: 3px;
    border-radius: 999px;
    background: #b8dcd2;
    content: "";
}

.da-care-portfolio__tab {
    position: relative;
    display: grid;
    min-width: 0;
    min-height: 56px;
    justify-items: center;
    align-content: start;
    gap: 8px;
    padding: 0 4px !important;
    border: 0 !important;
    background: transparent !important;
    color: #57736c !important;
    cursor: pointer;
    box-shadow: none !important;
}

.da-care-portfolio__tab i {
    position: relative;
    z-index: 1;
    display: block;
    box-sizing: border-box;
    flex: 0 0 18px;
    width: 18px;
    min-width: 18px;
    height: 18px !important;
    min-height: 18px !important;
    aspect-ratio: 1 / 1;
    padding: 0 !important;
    border: 4px solid #e9f6f2;
    border-radius: 50%;
    background: #8fcbbd;
    box-shadow: 0 0 0 2px #8fcbbd;
}

.da-care-portfolio__tab span { max-width: 100%; overflow: hidden; font-size: 11px; font-weight: 800; text-overflow: ellipsis; white-space: nowrap; }
.da-care-portfolio__tab:hover,
.da-care-portfolio__tab:focus-visible,
.da-care-portfolio__tab.is-active { color: #174a43 !important; transform: none !important; }
.da-care-portfolio__tab.is-active i { background: #e1848d; box-shadow: 0 0 0 2px #e1848d, 0 0 0 7px rgba(225,132,141,.16); }

.da-care-portfolio__stage {
    height: 650px;
    overflow: hidden;
    border: 1px solid rgba(57,117,104,.2);
    border-radius: 20px;
    background: rgba(255,255,255,.86);
    box-shadow: 0 16px 38px rgba(42,91,80,.13);
}

.da-application-public--category-pflege .da-care-portfolio__page {
    width: 100% !important;
    height: 650px !important;
    min-height: 650px !important;
    margin: 0 !important;
    padding: 42px 48px 40px !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: linear-gradient(180deg, rgba(242,251,248,.88), #fff 34%) !important;
    color: #2c4640 !important;
    box-shadow: none !important;
    scrollbar-color: #7db7aa #edf7f4;
    scrollbar-width: thin;
}

.da-application-public--category-pflege .da-care-portfolio__page[hidden] { display: none !important; }
.da-application-public--category-pflege .da-care-portfolio__page::-webkit-scrollbar { width: 9px; }
.da-application-public--category-pflege .da-care-portfolio__page::-webkit-scrollbar-track { margin: 10px 0; border-radius: 999px; background: #edf7f4; }
.da-application-public--category-pflege .da-care-portfolio__page::-webkit-scrollbar-thumb { border: 2px solid #edf7f4; border-radius: 999px; background: #7db7aa; }

.da-application-public--category-pflege .da-care-portfolio [data-da-window-panel]::before,
.da-application-public--category-pflege .da-care-portfolio [data-da-window-panel]::after { display: none !important; content: none !important; }
.da-application-public--category-pflege .da-care-portfolio [data-da-window-panel] { animation: none !important; }
.da-application-public--category-pflege .da-care-portfolio .da-application-public__section > span:first-of-type { display: none !important; }

.da-care-portfolio__page-head {
    display: grid;
    grid-template-columns: 46px minmax(0,1fr) 34px;
    align-items: center;
    gap: 14px;
    margin-bottom: 28px;
    padding-bottom: 16px;
    border-bottom: 1px solid rgba(57,117,104,.2);
}

.da-care-portfolio__page-head > span { display: grid; width: 42px; height: 42px; place-items: center; border-radius: 13px; background: #dff3ed; color: #397568; font-size: 12px; font-weight: 900; }
.da-care-portfolio__page-head div { display: grid; gap: 3px; }
.da-care-portfolio__page-head small { color: #699087; font-size: 10px; font-weight: 900; letter-spacing: .1em; text-transform: uppercase; }
.da-care-portfolio__page-head strong { color: #174a43; font-size: 23px; line-height: 1.15; }
.da-care-portfolio__page-head i { color: #e1848d; font-size: 22px; font-style: normal; text-align: center; }

.da-application-public--category-pflege .da-care-portfolio__page.is-entering-forward { animation: da-care-page-forward .62s cubic-bezier(.2,.75,.2,1) both !important; }
.da-application-public--category-pflege .da-care-portfolio__page.is-entering-backward { animation: da-care-page-backward .62s cubic-bezier(.2,.75,.2,1) both !important; }

.da-application-public--category-pflege .da-application-public__hero {
    display: grid !important;
    grid-template-columns: 180px minmax(0,1fr) !important;
    align-content: center;
    align-items: center;
    gap: 38px !important;
    background: radial-gradient(circle at 18% 34%, rgba(142,227,200,.25), transparent 27%), linear-gradient(135deg,#f1fbf8,#fff) !important;
    color: #23443d !important;
    text-align: left !important;
}

.da-application-public--category-pflege .da-application-public__hero::before,
.da-application-public--category-pflege .da-application-public__hero::after { display: none !important; content: none !important; }
.da-application-public--category-pflege .da-application-public__hero .da-application-public__avatar { width: 175px; height: 210px; margin: 0; border: 7px solid #fff; border-radius: 38px 38px 12px 12px; box-shadow: 0 15px 34px rgba(45,106,92,.2); }
.da-application-public--category-pflege .da-application-public__hero h1 { color: #174a43 !important; font-size: clamp(40px,5vw,58px); }
.da-application-public--category-pflege .da-application-public__hero p { color: #397568 !important; letter-spacing: .08em; text-transform: uppercase; }
.da-application-public--category-pflege .da-application-public__hero strong,
.da-application-public--category-pflege .da-application-public__meta,
.da-application-public--category-pflege .da-application-public__meta a,
.da-application-public--category-pflege .da-application-public__meta span { color: #45685f !important; text-shadow: none !important; }

.da-application-public--category-pflege .da-application-public__cta,
.da-application-public--category-pflege .da-application-public__cta:hover,
.da-application-public--category-pflege .da-application-public__cta:focus,
.da-application-public--category-pflege .da-application-public__project-card a,
.da-application-public--category-pflege .da-application-public__project-card a:hover,
.da-application-public--category-pflege .da-application-public__project-card a:focus { border-color: #579788 !important; background: #397568 !important; color: #fff !important; box-shadow: 0 9px 20px rgba(57,117,104,.18) !important; transform: none !important; }

.da-application-public--category-pflege .da-application-public__section h2,
.da-application-public--category-pflege .da-application-public__timeline-head time,
.da-application-public--category-pflege .da-application-public__skill-group strong,
.da-application-public--category-pflege .da-application-public__contact a { color: #174a43 !important; }
.da-application-public--category-pflege .da-application-public__timeline-item,
.da-application-public--category-pflege .da-application-public__project-card,
.da-application-public--category-pflege .da-application-public__document-card,
.da-application-public--category-pflege .da-application-public__skill-group { border-color: rgba(57,117,104,.18) !important; background: #f8fcfb !important; box-shadow: none !important; }
.da-application-public--category-pflege .da-application-public__timeline-item::before { background: #e1848d !important; box-shadow: 0 0 0 5px rgba(225,132,141,.15) !important; }
.da-application-public--category-pflege .da-application-public__skills span { border-color: rgba(57,117,104,.2) !important; background: #e4f5f0 !important; color: #315d53 !important; box-shadow: none !important; }
.da-application-public--category-pflege .da-application-public__cover-subject { border-color: rgba(57,117,104,.2) !important; background: #e9f7f3 !important; }

.da-care-portfolio__controls { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 14px; padding: 16px 8px 2px; }
.da-care-portfolio__controls button { min-height: 44px; padding: 10px 16px; border: 1px solid #579788 !important; border-radius: 999px !important; background: #fff !important; color: #315d53 !important; font-weight: 900; cursor: pointer; box-shadow: none !important; }
.da-care-portfolio__controls button:hover,
.da-care-portfolio__controls button:focus-visible { background: #397568 !important; color: #fff !important; transform: none !important; }
.da-care-portfolio__controls button:disabled { opacity: .35; cursor: not-allowed; }
.da-care-portfolio__controls button:first-child { justify-self: start; }
.da-care-portfolio__controls button:last-child { justify-self: end; }
.da-care-portfolio__controls > span { color: #57736c; font-size: 13px; font-weight: 850; text-align: center; }

@keyframes da-care-page-forward { from { opacity:0; transform:translateX(28px); } to { opacity:1; transform:translateX(0); } }
@keyframes da-care-page-backward { from { opacity:0; transform:translateX(-28px); } to { opacity:1; transform:translateX(0); } }

@media (max-width:720px) {
    .da-care-portfolio { margin-top:12px; padding:9px; border-radius:17px; }
    .da-care-portfolio__head { align-items:flex-start; flex-direction:column; gap:10px; padding:11px 10px 14px; }
    .da-care-portfolio__head strong { font-size:20px; }
    .da-care-portfolio__nav { display:flex; gap:5px; padding:8px 5px 13px; overflow-x:auto; }
    .da-care-portfolio__nav::before { display:none; }
    .da-care-portfolio__tab { flex:0 0 88px; min-height:52px; padding:6px!important; border:1px solid #c5e3db!important; border-radius:12px!important; background:#f7fcfa!important; }
    .da-care-portfolio__tab i { flex-basis:12px; width:12px; min-width:12px; height:12px!important; min-height:12px!important; border-width:2px; }
    .da-care-portfolio__stage { height:520px; border-radius:14px; }
    .da-application-public--category-pflege .da-care-portfolio__page { height:520px!important; min-height:520px!important; padding:28px 20px!important; }
    .da-application-public--category-pflege .da-application-public__hero { grid-template-columns:1fr!important; justify-items:center; gap:18px!important; text-align:center!important; }
    .da-application-public--category-pflege .da-application-public__hero .da-application-public__avatar { width:115px; height:138px; }
    .da-care-portfolio__page-head { grid-template-columns:38px minmax(0,1fr); gap:10px; }
    .da-care-portfolio__page-head > span { width:36px; height:36px; }
    .da-care-portfolio__page-head strong { font-size:18px; }
    .da-care-portfolio__page-head i { display:none; }
    .da-care-portfolio__controls { grid-template-columns:1fr 1fr; }
    .da-care-portfolio__controls > span { grid-column:1/3; grid-row:1; }
}

@media (prefers-reduced-motion:reduce) {
    .da-care-portfolio__page.is-entering-forward,
    .da-care-portfolio__page.is-entering-backward { animation:none!important; }
}

/* Logistik: eigenständiger Strecken- und Transportplan */
.da-application-public--category-logistik { --da-log-navy:#172b3b; --da-log-blue:#244c66; --da-log-yellow:#f5b942; --da-log-paper:#f5f1e7; }
.da-application-public--category-logistik.da-application-public--booting section.da-logistics-route { display:none; }
.da-application-public--category-logistik .da-application-public__it-snapshot,
.da-application-public--category-logistik .da-application-public__it-nav,
.da-application-public--category-logistik [data-da-window-panel]::before,
.da-application-public--category-logistik [data-da-window-panel]::after { display:none!important; content:none!important; }
section.da-logistics-route { width:min(1180px,calc(100% - 28px)); margin:24px auto; padding:18px; color:#172b3b; border:1px solid rgba(255,255,255,.28); border-radius:24px; background:linear-gradient(145deg,rgba(15,38,54,.98),rgba(28,66,86,.96)); box-shadow:0 28px 70px rgba(4,18,28,.38); }
.da-logistics-route__head { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:8px 10px 20px; color:#fff; border-bottom:1px solid rgba(255,255,255,.18); }
.da-logistics-route__head div { display:grid; gap:5px; }
.da-logistics-route__head span { color:#f5b942; font-size:11px; font-weight:900; letter-spacing:.14em; text-transform:uppercase; }
.da-logistics-route__head strong { font-size:clamp(20px,3vw,30px); line-height:1.1; }
.da-logistics-route__head em { padding:8px 12px; color:#172b3b; border-radius:4px; background:#f5b942; font:900 12px/1 monospace; font-style:normal; letter-spacing:.08em; }
.da-logistics-route__map { position:relative; display:grid; grid-template-columns:repeat(9,minmax(76px,1fr)); gap:0; padding:24px 8px 20px; overflow-x:auto; scrollbar-width:thin; }
.da-logistics-route__map::before { position:absolute; top:36px; right:44px; left:44px; height:4px; content:""; border-radius:5px; background:repeating-linear-gradient(90deg,#f5b942 0 18px,rgba(255,255,255,.25) 18px 28px); }
.da-logistics-route__map button { position:relative; z-index:1; display:grid; justify-items:center; gap:8px; min-width:76px; padding:0 4px!important; color:#cbd9e1!important; border:0!important; background:transparent!important; box-shadow:none!important; font-size:10px!important; font-weight:800!important; line-height:1.15; text-align:center; }
.da-logistics-route__map button i { display:block; width:22px; height:22px; border:4px solid #244c66; border-radius:50%; background:#d8e0e2; box-shadow:0 0 0 3px #f5b942; transition:transform .25s ease,background .25s ease; }
.da-logistics-route__map button.is-active { color:#fff!important; }
.da-logistics-route__map button.is-active i { background:#f5b942; transform:scale(1.3); box-shadow:0 0 0 4px #fff,0 0 0 7px #f5b942; }
.da-logistics-route__stage { position:relative; height:650px; overflow:hidden; border-radius:16px; background:var(--da-log-paper); box-shadow:inset 0 0 0 1px rgba(23,43,59,.14); }
.da-application-public--category-logistik .da-logistics-route__station { box-sizing:border-box!important; width:100%!important; max-width:none!important; height:650px!important; min-height:650px!important; margin:0!important; padding:52px 58px!important; overflow-y:auto; color:#172b3b!important; border:0!important; border-radius:0!important; background:linear-gradient(90deg,transparent 0 48px,rgba(36,76,102,.1) 48px 50px,transparent 50px),repeating-linear-gradient(0deg,transparent 0 35px,rgba(36,76,102,.055) 35px 36px),#f5f1e7!important; box-shadow:none!important; scrollbar-color:#f5b942 transparent; }
.da-application-public--category-logistik .da-logistics-route__station[hidden] { display:none!important; }
.da-logistics-route__station.in-forward { animation:da-logistics-forward .55s cubic-bezier(.2,.75,.25,1); }
.da-logistics-route__station.in-back { animation:da-logistics-back .55s cubic-bezier(.2,.75,.25,1); }
.da-logistics-route__station-head { display:flex; align-items:center; justify-content:space-between; gap:15px; margin:0 0 28px; padding:0 0 14px; border-bottom:3px solid #172b3b; }
.da-logistics-route__station-head span { padding:7px 10px; color:#172b3b; border-radius:3px; background:#f5b942; font:900 11px/1 monospace; letter-spacing:.08em; }
.da-logistics-route__station-head strong { font-size:clamp(22px,3vw,34px); }
.da-application-public--category-logistik .da-logistics-route__station > span:first-of-type { display:none!important; }
.da-application-public--category-logistik .da-logistics-route__station > h2 { margin-top:0!important; }
.da-application-public--category-logistik .da-application-public__hero { align-items:center; min-height:540px; padding:36px!important; border:0!important; background:transparent!important; }
.da-application-public--category-logistik .da-application-public__hero::before { position:absolute; right:28px; bottom:28px; width:110px; height:70px; content:"EXPRESS\A BEWERBUNG"; white-space:pre; color:#172b3b; border:3px solid #172b3b; transform:rotate(-4deg); display:grid; place-items:center; font:900 13px/1.35 monospace; text-align:center; opacity:.62; }
.da-application-public--category-logistik .da-application-public__section h2,
.da-application-public--category-logistik .da-application-public__hero h1 { color:#172b3b!important; }
.da-application-public--category-logistik .da-application-public__timeline-item,
.da-application-public--category-logistik .da-application-public__project,
.da-application-public--category-logistik .da-application-public__document-card { padding:18px!important; border:1px solid #ccd3d1!important; border-left:6px solid #f5b942!important; border-radius:5px!important; background:rgba(255,255,255,.75)!important; box-shadow:0 5px 14px rgba(23,43,59,.07)!important; }
.da-application-public--category-logistik .da-application-public__skill { color:#fff!important; border:0!important; border-radius:3px!important; background:#244c66!important; }
.da-application-public--category-logistik a.da-application-public__button,
.da-application-public--category-logistik .da-application-public__button { color:#172b3b!important; border:0!important; border-radius:4px!important; background:#f5b942!important; box-shadow:0 5px 0 #bb8120!important; }
.da-logistics-route__controls { display:grid; grid-template-columns:1fr auto 1fr; align-items:center; gap:12px; padding:16px 8px 2px; color:#d9e6eb; }
.da-logistics-route__controls button { width:max-content; padding:11px 16px!important; color:#172b3b!important; border:0!important; border-radius:4px!important; background:#f5b942!important; box-shadow:none!important; font-weight:900!important; }
.da-logistics-route__controls button:last-child { justify-self:end; }
.da-logistics-route__controls button:disabled { opacity:.35; }
.da-logistics-route__controls span { font-size:12px; font-weight:850; text-align:center; }
@keyframes da-logistics-forward { from { opacity:0; transform:translateX(65px) scale(.985); } to { opacity:1; transform:none; } }
@keyframes da-logistics-back { from { opacity:0; transform:translateX(-65px) scale(.985); } to { opacity:1; transform:none; } }
@media(max-width:720px) {
    section.da-logistics-route { width:calc(100% - 14px); margin:8px auto; padding:8px; border-radius:16px; }
    .da-logistics-route__head { align-items:flex-start; padding:10px 8px 14px; }
    .da-logistics-route__head em { display:none; }
    .da-logistics-route__map { grid-template-columns:repeat(9,82px); padding:22px 4px 16px; }
    .da-logistics-route__stage { height:520px; }
    .da-application-public--category-logistik .da-logistics-route__station { height:520px!important; min-height:520px!important; padding:34px 24px!important; background:repeating-linear-gradient(0deg,transparent 0 35px,rgba(36,76,102,.055) 35px 36px),#f5f1e7!important; }
    .da-application-public--category-logistik .da-application-public__hero { min-height:450px; grid-template-columns:1fr!important; justify-items:center; padding:28px 18px!important; text-align:center; }
    .da-application-public--category-logistik .da-application-public__hero::before { display:none; }
    .da-logistics-route__station-head { align-items:flex-start; flex-direction:column; }
    .da-logistics-route__controls { grid-template-columns:1fr 1fr; }
    .da-logistics-route__controls span { grid-column:1/3; grid-row:1; }
}
@media(prefers-reduced-motion:reduce) { .da-logistics-route__station { animation:none!important; } }

/* Logistik 2: Frachtzentrum statt Karten-Slider */
@media (min-width:721px) {
    section.da-logistics-route { display:grid; grid-template-columns:190px minmax(0,1fr); grid-template-rows:auto 650px auto; column-gap:22px; width:min(1320px,calc(100% - 36px)); padding:0; border:0; border-radius:0; background:transparent; box-shadow:none; }
    .da-logistics-route__head { grid-column:1/3; position:relative; margin:0 0 18px; padding:18px 24px; border:0; border-left:12px solid #f5b942; border-radius:0; background:#172b3b; box-shadow:12px 12px 0 rgba(245,185,66,.18); }
    .da-logistics-route__head::after { position:absolute; right:155px; bottom:0; width:210px; height:8px; content:""; background:repeating-linear-gradient(135deg,#f5b942 0 12px,#172b3b 12px 24px); }
    .da-logistics-route__map { grid-column:1; grid-row:2/4; display:flex; flex-direction:column; gap:0; padding:18px 0; overflow:visible; border-left:5px solid #f5b942; background:rgba(12,35,50,.92); }
    .da-logistics-route__map::before { top:28px; bottom:28px; left:27px; width:4px; height:auto; background:repeating-linear-gradient(0deg,#f5b942 0 14px,rgba(255,255,255,.18) 14px 24px); }
    .da-logistics-route__map button { grid-template-columns:50px minmax(0,1fr); align-items:center; justify-items:start; flex:1 1 0; width:100%; min-width:0; padding:5px 10px 5px 4px!important; text-align:left; }
    .da-logistics-route__map button i { grid-column:1; grid-row:1; justify-self:center; width:18px; height:18px; }
    .da-logistics-route__map button span { grid-column:2; grid-row:1; width:100%; padding:8px 7px; border-left:3px solid transparent; }
    .da-logistics-route__map button.is-active span { color:#172b3b; border-left-color:#f5b942; background:#f5b942; clip-path:polygon(0 0,90% 0,100% 50%,90% 100%,0 100%); }
    .da-logistics-route__stage { grid-column:2; grid-row:2; height:650px; border:14px solid #244c66; border-top-width:26px; border-radius:0; background:#d8d6ca; box-shadow:inset 0 0 0 2px #fff,14px 14px 0 rgba(7,25,37,.3); clip-path:polygon(0 0,96% 0,100% 7%,100% 100%,0 100%); }
    .da-logistics-route__stage::before { position:absolute; z-index:4; top:-20px; left:24px; content:"LADEZONE 01  ·  ZUGANG FREI"; color:#fff; font:900 11px/1 monospace; letter-spacing:.12em; pointer-events:none; }
    .da-logistics-route__controls { grid-column:2; grid-row:3; margin-top:14px; padding:0; }
}
.da-application-public--category-logistik .da-logistics-route__station { background:linear-gradient(90deg,transparent 0 48px,rgba(36,76,102,.11) 48px 50px,transparent 50px),repeating-linear-gradient(0deg,transparent 0 35px,rgba(36,76,102,.06) 35px 36px),#f2eddf!important; }
.da-application-public--category-logistik .da-logistics-route__station-head { justify-content:flex-start; border-bottom:0; }
.da-application-public--category-logistik .da-logistics-route__station-head::after { flex:1; height:4px; content:""; background:repeating-linear-gradient(90deg,#172b3b 0 22px,transparent 22px 32px); }
.da-application-public--category-logistik .da-application-public__project-card { display:grid!important; grid-template-columns:78px minmax(0,1fr) auto; align-items:center; gap:18px; padding:18px!important; border:2px solid #9b8056!important; border-left:16px solid #9b8056!important; border-radius:0!important; background:#e5d2ab!important; box-shadow:inset 0 0 0 5px rgba(255,255,255,.22)!important; }
.da-application-public--category-logistik .da-application-public__project-card::before { content:"FRACHT"; display:grid; place-items:center; align-self:stretch; min-height:52px; color:#f2eddf; background:#172b3b; font:900 10px/1 monospace; letter-spacing:.1em; }
.da-application-public--category-logistik .da-application-public__project-card > div { min-width:0; }
.da-application-public--category-logistik .da-application-public__project-card span { display:inline-block!important; padding:4px 7px!important; color:#5d431e!important; border:1px solid #9b8056!important; border-radius:0!important; background:transparent!important; box-shadow:none!important; font:800 10px/1.2 monospace!important; }
.da-application-public--category-logistik .da-application-public__project-card a,
.da-application-public--category-logistik .da-application-public__project-card a:hover,
.da-application-public--category-logistik .da-application-public__project-card a:focus,
.da-application-public--category-logistik .da-application-public__cta,
.da-application-public--category-logistik .da-application-public__cta:hover,
.da-application-public--category-logistik .da-application-public__cta:focus { padding:11px 14px!important; color:#172b3b!important; border:2px solid #172b3b!important; border-radius:0!important; background:#f5b942!important; box-shadow:5px 5px 0 #172b3b!important; transform:none!important; }
.da-application-public--category-logistik .da-application-public__skills span { color:#172b3b!important; border:1px dashed #8a6b3d!important; border-radius:0!important; background:#e5d2ab!important; box-shadow:none!important; font-family:monospace!important; }
.da-application-public--category-logistik .da-application-public__timeline-item,
.da-application-public--category-logistik .da-application-public__document-card,
.da-application-public--category-logistik .da-application-public__skill-group { border-color:#a58c63!important; border-radius:0!important; background:rgba(255,252,242,.78)!important; box-shadow:6px 6px 0 rgba(36,76,102,.12)!important; }
@media(max-width:720px) {
    .da-application-public--category-logistik .da-application-public__project-card { grid-template-columns:52px minmax(0,1fr)!important; gap:10px!important; }
    .da-application-public--category-logistik .da-application-public__project-card a { grid-column:1/3; justify-self:start; }
}

/* Logistik: ruhige Projektzeilen und sauber positionierte Zeitachsen */
.da-application-public--category-logistik .da-application-public__timeline::before { left:22px!important; background:linear-gradient(#f5b942,rgba(245,185,66,.12))!important; }
.da-application-public--category-logistik .da-application-public__timeline-item { padding:14px 18px 14px 54px!important; background:rgba(255,252,242,.82)!important; }
.da-application-public--category-logistik .da-application-public__timeline-item::before { top:20px!important; left:17px!important; width:11px!important; height:11px!important; background:#f5b942!important; box-shadow:0 0 0 4px rgba(36,76,102,.18)!important; }
.da-application-public--category-logistik .da-application-public__timeline-head time { color:#244c66!important; }
.da-application-public--category-logistik .da-application-public__project-card { grid-template-columns:minmax(0,1fr) auto!important; gap:18px!important; padding:18px 20px!important; border:1px solid #b9a47e!important; border-left:5px solid #f5b942!important; background:rgba(255,252,242,.86)!important; box-shadow:5px 5px 0 rgba(36,76,102,.12)!important; }
.da-application-public--category-logistik .da-application-public__project-card::before { display:none!important; content:none!important; }
@media(max-width:720px) {
    .da-application-public--category-logistik .da-application-public__timeline-item { padding-left:48px!important; }
    .da-application-public--category-logistik .da-application-public__project-card { grid-template-columns:1fr!important; }
    .da-application-public--category-logistik .da-application-public__project-card a { grid-column:auto; }
}

/* Verkauf: Kaufhaus mit Etagenaufzug */
.da-application-public--category-verkauf { --da-sales-red:#a62639; --da-sales-cream:#fff8e9; --da-sales-gold:#d9a441; --da-sales-ink:#2e2630; }
.da-application-public--category-verkauf.da-application-public--booting .da-sales-store { display:none; }
.da-application-public--category-verkauf .da-application-public__it-snapshot,
.da-application-public--category-verkauf .da-application-public__it-nav,
.da-application-public--category-verkauf [data-da-window-panel]::before,
.da-application-public--category-verkauf [data-da-window-panel]::after { display:none!important; content:none!important; }
.da-sales-store { display:grid; grid-template-columns:190px minmax(0,1fr); grid-template-rows:auto 650px auto; width:min(1180px,calc(100% - 28px)); margin:24px auto; color:#2e2630; filter:drop-shadow(0 28px 40px rgba(35,16,26,.28)); }
.da-sales-store__sign { grid-column:1/3; position:relative; display:flex; align-items:center; justify-content:space-between; gap:20px; padding:20px 28px 34px; color:#fff8e9; border-radius:18px 18px 0 0; background:#a62639; }
.da-sales-store__sign::after { position:absolute; right:0; bottom:0; left:0; height:18px; content:""; background:repeating-linear-gradient(90deg,#fff8e9 0 42px,#d9a441 42px 84px); clip-path:polygon(0 0,100% 0,98% 100%,94% 0,90% 100%,86% 0,82% 100%,78% 0,74% 100%,70% 0,66% 100%,62% 0,58% 100%,54% 0,50% 100%,46% 0,42% 100%,38% 0,34% 100%,30% 0,26% 100%,22% 0,18% 100%,14% 0,10% 100%,6% 0,2% 100%); }
.da-sales-store__sign div { display:grid; gap:4px; }
.da-sales-store__sign span { color:#f7d997; font-size:11px; font-weight:900; letter-spacing:.15em; text-transform:uppercase; }
.da-sales-store__sign strong { font:800 clamp(23px,3vw,34px)/1.1 Georgia,serif; }
.da-sales-store__sign em { padding:8px 12px; color:#a62639; border-radius:999px; background:#fff8e9; font-size:11px; font-style:normal; font-weight:900; letter-spacing:.08em; }
.da-sales-store__lift { grid-column:1; grid-row:2; display:flex; flex-direction:column; gap:0; padding:18px 12px; border-right:8px solid #d9a441; background:#2e2630; }
.da-sales-store__lift button { display:grid; grid-template-columns:38px minmax(0,1fr); align-items:center; flex:1; gap:8px; width:100%; padding:5px!important; color:#fff8e9!important; border:0!important; border-bottom:1px solid rgba(255,255,255,.12)!important; border-radius:0!important; background:transparent!important; box-shadow:none!important; text-align:left; }
.da-sales-store__lift button b { display:grid; place-items:center; width:32px; height:32px; color:#2e2630; border-radius:50%; background:#fff8e9; font-size:10px; }
.da-sales-store__lift button span { font-size:11px; font-weight:800; }
.da-sales-store__lift button.is-active { background:#fff8e9!important; color:#a62639!important; }
.da-sales-store__lift button.is-active b { color:#fff; background:#a62639; box-shadow:0 0 0 3px #d9a441; }
.da-sales-store__shaft { grid-column:2; grid-row:2; position:relative; height:650px; overflow:hidden; border-right:12px solid #2e2630; border-left:12px solid #2e2630; background:#fff8e9; }
.da-sales-store__shaft::before,.da-sales-store__shaft::after { display:none; content:none; }
.da-sales-store__track { height:100%; transition:transform .85s cubic-bezier(.65,.05,.25,1); will-change:transform; }
.da-application-public--category-verkauf .da-sales-store__floor { box-sizing:border-box!important; width:100%!important; max-width:none!important; height:650px!important; min-height:650px!important; margin:0!important; padding:50px 54px!important; overflow-y:auto; color:#2e2630!important; border:0!important; border-radius:0!important; background:linear-gradient(110deg,rgba(255,255,255,.9),rgba(255,248,233,.82)),repeating-linear-gradient(90deg,transparent 0 88px,rgba(166,38,57,.05) 88px 89px)!important; box-shadow:none!important; scrollbar-color:#a62639 #f4e8cf; }
.da-sales-store__floor-head { display:flex; align-items:end; justify-content:space-between; gap:20px; margin-bottom:26px; padding-bottom:14px; border-bottom:1px solid #d9a441; }
.da-sales-store__floor-head span { color:#a62639; font-size:10px; font-weight:900; letter-spacing:.14em; }
.da-sales-store__floor-head strong { color:#2e2630; font:800 clamp(24px,3vw,36px)/1 Georgia,serif; }
.da-application-public--category-verkauf .da-sales-store__floor > span:first-of-type { display:none!important; }
.da-application-public--category-verkauf .da-application-public__hero { align-items:center; min-height:550px; padding:40px!important; border:0!important; background:transparent!important; }
.da-application-public--category-verkauf .da-application-public__hero::before { position:absolute; inset:24px; content:""; border:1px solid rgba(217,164,65,.6); pointer-events:none; }
.da-application-public--category-verkauf .da-application-public__hero h1,
.da-application-public--category-verkauf .da-application-public__section h2 { color:#2e2630!important; font-family:Georgia,serif; }
.da-application-public--category-verkauf .da-application-public__timeline-item,
.da-application-public--category-verkauf .da-application-public__project-card,
.da-application-public--category-verkauf .da-application-public__skill-group,
.da-application-public--category-verkauf .da-application-public__document-card { border:1px solid #e5d3ad!important; border-radius:12px!important; background:rgba(255,255,255,.76)!important; box-shadow:0 8px 18px rgba(76,39,50,.07)!important; }
.da-application-public--category-verkauf .da-application-public__timeline-item::before { background:#a62639!important; box-shadow:0 0 0 4px rgba(217,164,65,.25)!important; }
.da-application-public--category-verkauf .da-application-public__timeline-head time,
.da-application-public--category-verkauf .da-application-public__skill-group strong,
.da-application-public--category-verkauf .da-application-public__contact a { color:#a62639!important; }
.da-application-public--category-verkauf .da-application-public__skills span { color:#672434!important; border:1px solid #e0c58e!important; border-radius:999px!important; background:#fff1cf!important; box-shadow:none!important; }
.da-application-public--category-verkauf .da-application-public__project-card span { color:#8b263c!important; border-color:#e4cfa2!important; background:#fff5de!important; box-shadow:none!important; }
.da-application-public--category-verkauf .da-application-public__project-card a,
.da-application-public--category-verkauf .da-application-public__project-card a:hover,
.da-application-public--category-verkauf .da-application-public__project-card a:focus,
.da-application-public--category-verkauf .da-application-public__cta { color:#fff!important; border:0!important; border-radius:999px!important; background:#a62639!important; box-shadow:0 6px 0 #71192a!important; transform:none!important; }
.da-sales-store__controls { grid-column:1/3; display:grid; grid-template-columns:1fr auto 1fr; align-items:center; gap:12px; padding:15px 20px; color:#fff8e9; background:#2e2630; border-radius:0 0 18px 18px; }
.da-sales-store__controls button { width:max-content; padding:10px 16px!important; color:#a62639!important; border:0!important; border-radius:999px!important; background:#fff8e9!important; box-shadow:none!important; font-weight:900!important; }
.da-sales-store__controls button:last-child { justify-self:end; }
.da-sales-store__controls button:disabled { opacity:.3; }
.da-sales-store__controls span { font-size:12px; font-weight:850; text-align:center; }
@media(max-width:720px) {
    .da-sales-store { grid-template-columns:1fr; grid-template-rows:auto auto 680px auto; width:calc(100% - 14px); margin:8px auto; }
    .da-sales-store__sign { grid-column:1; padding:16px 18px 30px; }
    .da-sales-store__sign em { display:none; }
    .da-sales-store__lift { grid-column:1; grid-row:2; flex-direction:row; padding:8px; overflow-x:auto; border-right:0; border-bottom:6px solid #d9a441; }
    .da-sales-store__lift button { flex:0 0 92px; grid-template-columns:28px 1fr; min-height:48px; border-bottom:0!important; border-right:1px solid rgba(255,255,255,.12)!important; }
    .da-sales-store__lift button b { width:25px; height:25px; }
    .da-sales-store__shaft { grid-column:1; grid-row:3; height:680px; border-width:0 6px; }
    .da-application-public--category-verkauf .da-sales-store__floor { height:680px!important; min-height:680px!important; padding:32px 22px!important; }
    .da-application-public--category-verkauf .da-application-public__hero { min-height:450px; grid-template-columns:1fr!important; justify-items:center; padding:28px 18px!important; text-align:center; }
    .da-sales-store__floor-head { align-items:flex-start; flex-direction:column; }
    .da-sales-store__controls { grid-column:1; grid-row:4; grid-template-columns:1fr 1fr; }
    .da-sales-store__controls span { grid-column:1/3; grid-row:1; }
}
@media(prefers-reduced-motion:reduce) { .da-sales-store__track { transition:none!important; } }

/* Bildung: digitales Ringbuch und Lernjournal */
.da-application-public--category-bildung { --da-edu-blue:#315f7d; --da-edu-coral:#ef806f; --da-edu-paper:#fffdf5; --da-edu-ink:#263746; }
.da-application-public--category-bildung.da-application-public--booting .da-education-journal { display:none; }
.da-application-public--category-bildung .da-application-public__it-snapshot,
.da-application-public--category-bildung .da-application-public__it-nav,
.da-application-public--category-bildung [data-da-window-panel]::before,
.da-application-public--category-bildung [data-da-window-panel]::after { display:none!important; content:none!important; }
.da-education-journal { width:min(1120px,calc(100% - 28px)); margin:24px auto; color:#263746; filter:drop-shadow(0 24px 38px rgba(23,43,58,.25)); }
.da-education-journal__title { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:18px 26px; color:#fff; border-radius:18px 18px 0 0; background:#315f7d; }
.da-education-journal__title div { display:grid; gap:4px; }
.da-education-journal__title span { color:#ffd7cf; font-size:11px; font-weight:900; letter-spacing:.15em; text-transform:uppercase; }
.da-education-journal__title strong { font-size:clamp(22px,3vw,31px); }
.da-education-journal__title em { display:grid; place-items:center; width:58px; height:58px; color:#315f7d; border-radius:50%; background:#fffdf5; font-size:13px; font-style:normal; font-weight:900; }
.da-education-journal__book { position:relative; display:grid; grid-template-columns:56px minmax(0,1fr) 150px; height:650px; padding:0; perspective:1600px; background:#c7dbe6; }
.da-education-journal__spiral { position:relative; z-index:6; display:flex; flex-direction:column; align-items:center; justify-content:space-around; padding:15px 0; background:#315f7d; }
.da-education-journal__spiral i { display:block; width:56px; height:15px; margin-left:24px; border:4px solid #d7a938; border-right:0; border-radius:9px 0 0 9px; box-shadow:inset 0 0 0 2px rgba(255,255,255,.45); }
.da-education-journal__pages { position:relative; height:650px; overflow:hidden; background:#fffdf5; }
.da-application-public--category-bildung .da-education-journal__page { box-sizing:border-box!important; width:100%!important; max-width:none!important; height:650px!important; min-height:650px!important; margin:0!important; padding:52px 58px 52px 70px!important; overflow-y:auto; color:#263746!important; border:0!important; border-radius:0!important; background:linear-gradient(90deg,transparent 0 42px,rgba(239,128,111,.36) 42px 44px,transparent 44px),repeating-linear-gradient(0deg,transparent 0 33px,rgba(49,95,125,.12) 33px 34px),#fffdf5!important; box-shadow:inset -12px 0 20px rgba(38,55,70,.05)!important; transform-origin:left center; scrollbar-color:#ef806f transparent; }
.da-education-journal__page.turn-forward { animation:da-edu-forward .72s cubic-bezier(.25,.7,.2,1); }
.da-education-journal__page.turn-back { animation:da-edu-back .72s cubic-bezier(.25,.7,.2,1); }
.da-education-journal__page-head { display:flex; align-items:flex-end; justify-content:space-between; gap:18px; margin-bottom:28px; padding-bottom:12px; border-bottom:3px double #315f7d; }
.da-education-journal__page-head span { color:#ef806f; font-size:11px; font-weight:900; letter-spacing:.12em; text-transform:uppercase; }
.da-education-journal__page-head strong { color:#263746; font-size:clamp(23px,3vw,34px); }
.da-application-public--category-bildung .da-education-journal__page > span:first-of-type { display:none!important; }
.da-education-journal__markers { display:flex; flex-direction:column; gap:4px; padding:16px 0; overflow-y:auto; background:#c7dbe6; }
.da-education-journal__markers button { display:grid; grid-template-columns:30px 1fr; align-items:center; gap:7px; flex:1; width:100%; padding:7px 9px!important; color:#315f7d!important; border:0!important; border-radius:0!important; background:#eef6f8!important; box-shadow:none!important; text-align:left; clip-path:polygon(0 0,94% 0,100% 50%,94% 100%,0 100%); }
.da-education-journal__markers button:nth-child(3n+2) { background:#ffe5df!important; }
.da-education-journal__markers button:nth-child(3n) { background:#fff0bd!important; }
.da-education-journal__markers button b { font-size:10px; }
.da-education-journal__markers button span { font-size:10px; font-weight:850; line-height:1.15; }
.da-education-journal__markers button.is-active { color:#fff!important; background:#315f7d!important; transform:translateX(-8px); }
.da-application-public--category-bildung .da-application-public__hero { align-items:center; min-height:540px; padding:36px!important; border:0!important; background:transparent!important; }
.da-application-public--category-bildung .da-application-public__hero::before { position:absolute; right:34px; bottom:30px; width:96px; height:36px; content:"LERNZIEL ✓"; display:grid; place-items:center; color:#315f7d; border:2px solid #315f7d; transform:rotate(-5deg); font-size:11px; font-weight:900; opacity:.65; }
.da-application-public--category-bildung .da-application-public__hero h1,
.da-application-public--category-bildung .da-application-public__section h2 { color:#263746!important; }
.da-application-public--category-bildung .da-application-public__timeline-item,
.da-application-public--category-bildung .da-application-public__project-card,
.da-application-public--category-bildung .da-application-public__document-card,
.da-application-public--category-bildung .da-application-public__skill-group { border:1px solid #bad0dc!important; border-radius:10px!important; background:rgba(255,255,255,.82)!important; box-shadow:4px 5px 0 rgba(49,95,125,.1)!important; }
.da-application-public--category-bildung .da-application-public__timeline-item::before { background:#ef806f!important; box-shadow:0 0 0 4px rgba(239,128,111,.18)!important; }
.da-application-public--category-bildung .da-application-public__timeline-head time,
.da-application-public--category-bildung .da-application-public__skill-group strong,
.da-application-public--category-bildung .da-application-public__contact a { color:#315f7d!important; }
.da-application-public--category-bildung .da-application-public__skills span { color:#315f7d!important; border:1px solid #bad0dc!important; border-radius:5px!important; background:#edf6f8!important; box-shadow:none!important; }
.da-application-public--category-bildung .da-application-public__project-card span { color:#9a4b40!important; border-color:#f2c3bb!important; background:#fff0ed!important; box-shadow:none!important; }
.da-application-public--category-bildung .da-application-public__project-card a,
.da-application-public--category-bildung .da-application-public__project-card a:hover,
.da-application-public--category-bildung .da-application-public__project-card a:focus,
.da-application-public--category-bildung .da-application-public__cta { color:#fff!important; border:0!important; border-radius:6px!important; background:#315f7d!important; box-shadow:4px 4px 0 #ef806f!important; transform:none!important; }
.da-education-journal__controls { display:grid; grid-template-columns:1fr auto 1fr; align-items:center; gap:12px; padding:15px 20px; color:#fff; border-radius:0 0 18px 18px; background:#315f7d; }
.da-education-journal__controls button { width:max-content; padding:10px 15px!important; color:#263746!important; border:0!important; border-radius:6px!important; background:#fffdf5!important; box-shadow:3px 3px 0 #ef806f!important; font-weight:900!important; }
.da-education-journal__controls button:last-child { justify-self:end; }
.da-education-journal__controls button:disabled { opacity:.3; }
.da-education-journal__controls span { font-size:12px; font-weight:850; text-align:center; }
@keyframes da-edu-forward { from { opacity:.35; transform:rotateY(-52deg) translateX(18px); } to { opacity:1; transform:none; } }
@keyframes da-edu-back { from { opacity:.35; transform:rotateY(52deg) translateX(-18px); } to { opacity:1; transform:none; } }
@media(max-width:720px) {
    .da-education-journal { width:calc(100% - 14px); margin:8px auto; }
    .da-education-journal__title { padding:14px 16px; }
    .da-education-journal__title em { display:none; }
    .da-education-journal__book { grid-template-columns:30px minmax(0,1fr); grid-template-rows:520px auto; height:auto; }
    .da-education-journal__spiral { grid-row:1; }
    .da-education-journal__spiral i { width:32px; height:12px; margin-left:14px; border-width:3px; }
    .da-education-journal__pages { height:520px; }
    .da-application-public--category-bildung .da-education-journal__page { height:520px!important; min-height:520px!important; padding:34px 24px 34px 38px!important; }
    .da-education-journal__markers { grid-column:1/3; grid-row:2; flex-direction:row; padding:8px; overflow-x:auto; }
    .da-education-journal__markers button { flex:0 0 92px; min-height:48px; clip-path:none; }
    .da-education-journal__markers button.is-active { transform:none; }
    .da-application-public--category-bildung .da-application-public__hero { min-height:450px; grid-template-columns:1fr!important; justify-items:center; padding:28px 16px!important; text-align:center; }
    .da-application-public--category-bildung .da-application-public__hero::before { display:none; }
    .da-education-journal__page-head { align-items:flex-start; flex-direction:column; }
    .da-education-journal__controls { grid-template-columns:1fr 1fr; }
    .da-education-journal__controls span { grid-column:1/3; grid-row:1; }
}
@media(prefers-reduced-motion:reduce) { .da-education-journal__page { animation:none!important; } }

/* Medizin: klinische Personalakte */
.da-application-public--category-medizin { --da-med-teal:#167a7b; --da-med-blue:#244b66; --da-med-red:#dc6570; --da-med-paper:#f7fbfb; }
.da-application-public--category-medizin.da-application-public--booting .da-medical-record { display:none; }
.da-application-public--category-medizin .da-application-public__it-snapshot,
.da-application-public--category-medizin .da-application-public__it-nav,
.da-application-public--category-medizin [data-da-window-panel]::before,
.da-application-public--category-medizin [data-da-window-panel]::after { display:none!important; content:none!important; }
.da-medical-record { width:min(1160px,calc(100% - 28px)); margin:24px auto; color:#244b66; border-radius:20px; background:#dbe9e9; box-shadow:0 28px 65px rgba(21,55,65,.3); overflow:hidden; }
.da-medical-record__bar { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:20px 26px; color:#fff; background:#244b66; }
.da-medical-record__bar > div:first-child { display:grid; gap:4px; }
.da-medical-record__bar span { color:#8de0d7; font-size:11px; font-weight:900; letter-spacing:.14em; text-transform:uppercase; }
.da-medical-record__bar strong { font-size:clamp(22px,3vw,31px); }
.da-medical-record__vital { display:flex; align-items:center; gap:12px; }
.da-medical-record__vital i { width:105px; height:28px; background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 32'%3E%3Cpath d='M0 18h24l7-10 10 19 12-24 11 20 8-12 8 7h40' fill='none' stroke='%238de0d7' stroke-width='3'/%3E%3C/svg%3E") center/contain no-repeat; }
.da-medical-record__vital b { padding:7px 10px; color:#164f52; border-radius:4px; background:#8de0d7; font-size:10px; letter-spacing:.08em; }
.da-medical-record__body { display:grid; grid-template-columns:190px minmax(0,1fr); height:650px; }
.da-medical-record__index { display:flex; flex-direction:column; gap:5px; padding:18px 12px; background:#e7f1f1; border-right:1px solid #b7cece; }
.da-medical-record__index button { display:grid; grid-template-columns:34px 1fr; align-items:center; flex:1; gap:8px; width:100%; padding:6px!important; color:#416370!important; border:0!important; border-radius:7px!important; background:transparent!important; box-shadow:none!important; text-align:left; }
.da-medical-record__index button b { display:grid; place-items:center; width:30px; height:30px; color:#167a7b; border:1px solid #87b8b6; border-radius:50%; background:#fff; font-size:10px; }
.da-medical-record__index button span { font-size:10px; font-weight:850; line-height:1.15; }
.da-medical-record__index button.is-active { color:#fff!important; background:#167a7b!important; }
.da-medical-record__index button.is-active b { color:#fff; border-color:#fff; background:#dc6570; }
.da-medical-record__screen { position:relative; height:650px; overflow:hidden; background:#f7fbfb; }
.da-application-public--category-medizin .da-medical-record__sheet { box-sizing:border-box!important; width:100%!important; max-width:none!important; height:650px!important; min-height:650px!important; margin:0!important; padding:52px 58px!important; overflow-y:auto; color:#244b66!important; border:0!important; border-radius:0!important; background:linear-gradient(90deg,rgba(22,122,123,.025),transparent 32%),repeating-linear-gradient(0deg,transparent 0 39px,rgba(36,75,102,.055) 39px 40px),#f7fbfb!important; box-shadow:none!important; scrollbar-color:#167a7b #e5f0f0; }
.da-medical-record__sheet-head { display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:16px; margin-bottom:28px; padding-bottom:14px; border-bottom:2px solid #b8d3d2; }
.da-medical-record__sheet-head span { color:#167a7b; font-size:10px; font-weight:900; letter-spacing:.12em; }
.da-medical-record__sheet-head strong { color:#244b66; font-size:clamp(23px,3vw,34px); }
.da-medical-record__sheet-head em { padding:6px 9px; color:#167a7b; border:1px solid #87b8b6; border-radius:4px; font-size:10px; font-style:normal; font-weight:900; }
.da-application-public--category-medizin .da-medical-record__sheet > span:first-of-type { display:none!important; }
.da-medical-record__scan { position:absolute; z-index:5; top:0; right:0; left:0; height:3px; opacity:0; pointer-events:none; background:#dc6570; box-shadow:0 0 18px 5px rgba(220,101,112,.3); }
.da-medical-record__scan.is-scanning { animation:da-med-scan .7s ease-out; }
.da-application-public--category-medizin .da-application-public__hero { align-items:center; min-height:540px; padding:38px!important; border:0!important; background:transparent!important; }
.da-application-public--category-medizin .da-application-public__hero::before { position:absolute; right:32px; bottom:28px; content:"PERSONALAKTE\A VOLLSTÄNDIG"; white-space:pre; padding:12px 16px; color:#167a7b; border:2px solid #167a7b; transform:rotate(-3deg); font-size:10px; font-weight:900; line-height:1.4; text-align:center; opacity:.66; }
.da-application-public--category-medizin .da-application-public__hero h1,
.da-application-public--category-medizin .da-application-public__section h2 { color:#244b66!important; }
.da-application-public--category-medizin .da-application-public__timeline-item,
.da-application-public--category-medizin .da-application-public__project-card,
.da-application-public--category-medizin .da-application-public__document-card,
.da-application-public--category-medizin .da-application-public__skill-group { border:1px solid #c4dada!important; border-radius:7px!important; background:rgba(255,255,255,.84)!important; box-shadow:0 5px 14px rgba(36,75,102,.07)!important; }
.da-application-public--category-medizin .da-application-public__timeline-item::before { background:#dc6570!important; box-shadow:0 0 0 4px rgba(220,101,112,.16)!important; }
.da-application-public--category-medizin .da-application-public__timeline-head time,
.da-application-public--category-medizin .da-application-public__skill-group strong,
.da-application-public--category-medizin .da-application-public__contact a { color:#167a7b!important; }
.da-application-public--category-medizin .da-application-public__skills span { color:#155e61!important; border:1px solid #a9cfcc!important; border-radius:5px!important; background:#e9f6f4!important; box-shadow:none!important; }
.da-application-public--category-medizin .da-application-public__project-card span { color:#9d3f49!important; border-color:#efc2c6!important; background:#fff0f1!important; box-shadow:none!important; }
.da-application-public--category-medizin .da-application-public__project-card a,
.da-application-public--category-medizin .da-application-public__project-card a:hover,
.da-application-public--category-medizin .da-application-public__project-card a:focus,
.da-application-public--category-medizin .da-application-public__cta { color:#fff!important; border:0!important; border-radius:5px!important; background:#167a7b!important; box-shadow:4px 4px 0 #244b66!important; transform:none!important; }
.da-medical-record__controls { display:grid; grid-template-columns:1fr auto 1fr; align-items:center; gap:12px; padding:15px 20px; color:#fff; background:#244b66; }
.da-medical-record__controls button { width:max-content; padding:10px 15px!important; color:#244b66!important; border:0!important; border-radius:5px!important; background:#f7fbfb!important; box-shadow:none!important; font-weight:900!important; }
.da-medical-record__controls button:last-child { justify-self:end; }
.da-medical-record__controls button:disabled { opacity:.3; }
.da-medical-record__controls span { font-size:12px; font-weight:850; text-align:center; }
@keyframes da-med-scan { 0% { top:0; opacity:0; } 18% { opacity:1; } 82% { opacity:1; } 100% { top:100%; opacity:0; } }
@media(max-width:720px) {
    .da-medical-record { width:calc(100% - 14px); margin:8px auto; border-radius:14px; }
    .da-medical-record__bar { padding:14px 16px; }
    .da-medical-record__vital { display:none; }
    .da-medical-record__body { grid-template-columns:1fr; grid-template-rows:auto 520px; height:auto; }
    .da-medical-record__index { flex-direction:row; padding:8px; overflow-x:auto; border-right:0; border-bottom:1px solid #b7cece; }
    .da-medical-record__index button { flex:0 0 94px; min-height:48px; }
    .da-medical-record__screen { height:520px; }
    .da-application-public--category-medizin .da-medical-record__sheet { height:520px!important; min-height:520px!important; padding:34px 22px!important; }
    .da-application-public--category-medizin .da-application-public__hero { min-height:450px; grid-template-columns:1fr!important; justify-items:center; padding:28px 16px!important; text-align:center; }
    .da-application-public--category-medizin .da-application-public__hero::before { display:none; }
    .da-medical-record__sheet-head { grid-template-columns:1fr; align-items:start; }
    .da-medical-record__sheet-head em { justify-self:start; }
    .da-medical-record__controls { grid-template-columns:1fr 1fr; }
    .da-medical-record__controls span { grid-column:1/3; grid-row:1; }
}
@media(prefers-reduced-motion:reduce) { .da-medical-record__scan { animation:none!important; } }

/* Verhindert das kurze Anzeigen des noch nicht aufgebauten Grundlayouts. */
.da-application-public--category-service > .da-application-public__hero,
.da-application-public--category-service > .da-application-public__layout,
.da-application-public--category-handwerk > .da-application-public__hero,
.da-application-public--category-handwerk > .da-application-public__layout,
.da-application-public--category-pflege > .da-application-public__hero,
.da-application-public--category-pflege > .da-application-public__layout,
.da-application-public--category-buero > .da-application-public__hero,
.da-application-public--category-buero > .da-application-public__layout,
.da-application-public--category-kreativ > .da-application-public__hero,
.da-application-public--category-kreativ > .da-application-public__layout,
.da-application-public--category-logistik > .da-application-public__hero,
.da-application-public--category-logistik > .da-application-public__layout,
.da-application-public--category-verkauf > .da-application-public__hero,
.da-application-public--category-verkauf > .da-application-public__layout,
.da-application-public--category-bildung > .da-application-public__hero,
.da-application-public--category-bildung > .da-application-public__layout,
.da-application-public--category-medizin > .da-application-public__hero,
.da-application-public--category-medizin > .da-application-public__layout { visibility:hidden; }
.bg-legal-document {
    color: #1f2937;
    line-height: 1.7;
    margin: 0 auto;
    max-width: 860px;
}

.bg-legal-document h2,
.bg-legal-document h3 {
    color: #123c45;
    line-height: 1.25;
    margin-top: 1.6em;
}

.bg-legal-document a:focus-visible {
    border-radius: 3px;
    outline: 3px solid #f5d46b;
    outline-offset: 3px;
}

.bg-legal-notice {
    border-left: 4px solid #dba617;
    padding: 12px 16px;
}

.bg-public-account-notice{position:fixed;z-index:999999;top:12px;left:50%;transform:translateX(-50%);display:flex;gap:12px;align-items:center;width:min(760px,calc(100% - 24px));padding:12px 18px;border:2px solid #a33a23;border-radius:12px;background:#fff7ed;color:#541c0f;box-shadow:0 8px 30px rgba(0,0,0,.22);font:500 14px/1.4 system-ui,sans-serif}.bg-public-account-notice strong{flex:0 0 auto;letter-spacing:.06em}.bg-public-account-notice--coach{border-color:#8a6500;background:#fffbea;color:#513b00}.bg-public-account-notice:focus-visible{outline:3px solid #123c45;outline-offset:3px}@media(max-width:600px){.bg-public-account-notice{top:6px;align-items:flex-start;flex-direction:column;gap:3px;padding:10px 13px;font-size:12px}}

.bg-feedback-center{grid-column:1/-1}.bg-feedback-layout{display:grid;grid-template-columns:minmax(280px,1fr) minmax(320px,1.2fr);gap:24px}.bg-feedback-form{display:grid;gap:14px}.bg-feedback-form label{display:grid;gap:6px;font-weight:650}.bg-feedback-form input,.bg-feedback-form select,.bg-feedback-form textarea{width:100%;box-sizing:border-box}.bg-feedback-form button[disabled]{opacity:.65;cursor:wait}.bg-feedback-tech{padding:12px;border-radius:10px;background:#f4f7f7;font-size:13px}.bg-feedback-history{display:grid;gap:12px}.bg-feedback-card{padding:16px;border:1px solid #d8e1e1;border-radius:12px;background:#fff}.bg-feedback-card h4{margin:4px 0 10px}.bg-feedback-card dl{display:grid;grid-template-columns:auto 1fr;gap:5px 12px;margin:0}.bg-feedback-card dd{margin:0}.bg-feedback-admin-response{margin-top:10px;padding:10px;border-left:3px solid #123c45;background:#f4f7f7}.bg-feedback-success{padding:12px;border-left:4px solid #287a46;background:#edf9f1}@media(max-width:780px){.bg-feedback-layout{grid-template-columns:1fr}}

.da-application-public__action-buttons{grid-column:3;grid-row:1;display:flex;flex-direction:column;align-items:stretch;justify-self:end;gap:10px}
.da-application-public__action-buttons .da-application-public__cta{width:100%;box-sizing:border-box}
.da-application-public__pdf-button{display:inline-flex!important;align-items:center;justify-content:center;min-height:44px;margin:0!important;cursor:pointer;font-size:inherit!important;line-height:1.2!important;text-indent:0!important;opacity:1!important}
.da-application-public__pdf-button span{display:inline!important;visibility:visible!important;opacity:1!important;color:inherit!important;font-size:inherit!important}
@media(max-width:720px){.da-application-public__action-buttons{grid-column:1/-1;grid-row:auto;justify-self:stretch;margin-top:10px}.da-application-public__action-buttons .da-application-public__cta{width:100%}}
@media print{
  @page{size:A4;margin:14mm}
  *,*:before,*:after{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}
  .da-application-public__pdf-button,.da-application-public__cta,.da-application-public-bg-video,.da-application-public-bg-image{display:none!important}
  .da-application-public__it-nav,.da-application-public__it-snapshot{display:none!important}
  .da-application-public__section[hidden]{display:block!important}
  .da-application-public__layout{display:block!important}
  .da-application-public__main,.da-application-public__side{display:block!important;width:100%!important;max-width:none!important}
  .da-application-public__project-card a{display:none!important}
  .da-application-public__project-card{display:block!important;margin:0 0 10px!important;padding:14px 16px!important;border:1px solid #cbd5d8!important;border-left:4px solid var(--da-public-accent,#f5d46b)!important;background:#fff!important;box-shadow:none!important}
  .da-application-public__skill-groups{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px!important}
  .da-application-public__skill-group{padding:12px!important;border:1px solid #cbd5d8!important;background:#fff!important;box-shadow:none!important;break-inside:avoid;page-break-inside:avoid}
  .da-application-public__skills{display:flex!important;flex-wrap:wrap!important;gap:5px!important;margin-top:7px!important}
  .da-application-public__skills span{display:inline-block!important;padding:5px 8px!important;border:1px solid var(--da-public-accent,#cbd5d8)!important;border-radius:4px!important;background:#f4f7f7!important;color:#16212b!important;box-shadow:none!important;font-size:11px!important}
  .da-application-public__documents{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
  .da-application-public__document-card{display:block!important;min-height:0!important;padding:12px!important;border:1px solid #cbd5d8!important;background:#fff!important;box-shadow:none!important;transform:none!important;break-inside:avoid;page-break-inside:avoid}
  .da-application-public__document-card .da-application-public__document-preview{min-height:70px!important;background:#f4f7f7!important}
  .da-application-public__document-card small{display:none!important}
  .da-application-public a{color:inherit!important;text-decoration:none!important}
  .da-application-public__document-card{pointer-events:none!important}
  .da-application-public__section:last-child{margin-bottom:0!important}
  .da-application-share-page{background:#fff!important;color:#16212b!important}
  .da-application-public{max-width:none!important;margin:0!important;box-shadow:none!important;background:#fff!important;color:#16212b!important}
  .da-application-public__hero,.da-application-public__header,.da-application-public__summary,.da-application-public__section,.da-application-public__card,.da-application-public__window,.da-application-public__stats,.da-application-public__tabs{break-inside:avoid;page-break-inside:avoid}
  .da-application-public__hero{background:var(--da-public-primary,#123c45)!important;color:var(--da-public-on-primary,#fff)!important;border-color:var(--da-public-accent,#f5d46b)!important}
  .da-application-public__hero h1,.da-application-public__hero h2,.da-application-public__hero strong,.da-application-public__hero span,.da-application-public__hero a{color:var(--da-public-on-primary,#fff)!important}
  .da-application-public__section-title,.da-application-public__label,.da-application-public__eyebrow,.da-application-public__badge{color:var(--da-public-primary,#123c45)!important}
  .da-application-public__window,.da-application-public__card,.da-application-public__section{background:#fff!important;color:#16212b!important;border-color:var(--da-public-accent,#d8e1e1)!important}
  .da-application-public__terminal-hero,.da-application-public__blueprint-intro,.da-application-public__care-intro,.da-application-public__office-intro,.da-application-public__service-intro,.da-application-public__design-intro,.da-application-public__logistics-intro,.da-application-public__sales-intro,.da-application-public__education-intro,.da-application-public__medical-intro,.da-application-public__it-nav{display:none!important}
}