.ks-job-card {
    position: fixed !important;
    right: auto !important;
    bottom: auto !important;
    left: var(--ks-x) !important;
    top: var(--ks-y) !important;
    width: min(330px, calc(100vw - 40px)) !important;
    max-width: none !important;
    z-index: var(--ks-z) !important;
    transform: rotate(var(--ks-r)) scale(var(--ks-s)) !important;
    transform-origin: center center;
    color: var(--ks-text);
    font-family: inherit;
    touch-action: none;
    user-select: none;
    filter: drop-shadow(0 12px 18px rgba(0,0,0,.20));
}
.ks-job-content {
    position: relative;
    padding: 29px 25px 24px;
    overflow: visible;
    border: 3px solid var(--ks-accent);
    border-radius: 12px;
    background:
        linear-gradient(145deg, rgba(255,255,255,.11), transparent 38%),
        var(--ks-bg);
    box-shadow:
        0 8px 20px rgba(0,0,0,.18),
        0 2px 5px rgba(0,0,0,.14),
        inset 0 0 0 1px rgba(255,255,255,.12);
}
.ks-job-content::after {
    content: "";
    position: absolute;
    width: 115px;
    height: 115px;
    right: -52px;
    bottom: -58px;
    border: 18px solid rgba(255,255,255,.07);
    border-radius: 50%;
    pointer-events: none;
}
.ks-job-pin {
    position: absolute;
    z-index: 3;
    left: 50%;
    top: -10px;
    width: 20px;
    height: 20px;
    transform: translateX(-50%);
    border: 3px solid rgba(255,255,255,.7);
    border-radius: 50%;
    background: var(--ks-accent);
    box-shadow: 0 4px 8px rgba(0,0,0,.30);
}
.ks-job-kicker { display:block; margin-bottom:7px; font-size:12px; font-weight:800; letter-spacing:.16em; color:var(--ks-accent); }
.ks-job-card h2 { margin:0 0 9px; color:inherit; font-size:27px; line-height:1.08; font-weight:800; text-transform:uppercase; }
.ks-job-card p { margin:0 0 17px; color:inherit; font-size:15px; line-height:1.45; }
.ks-job-actions { position:relative; z-index:5; display:flex; flex-wrap:wrap; gap:9px; align-items:center; }
.ks-job-link,
.ks-job-share { display:inline-flex; align-items:center; justify-content:center; min-height:40px; padding:9px 14px; border:0; border-radius:6px; font:inherit; font-weight:800; text-decoration:none !important; cursor:pointer; transition:transform .18s ease, filter .18s ease, background .18s ease; }
.ks-job-link { background:var(--ks-accent); color:#241b0b !important; }
.ks-job-share { gap:7px; border:1px solid rgba(255,255,255,.34); background:rgba(255,255,255,.10); color:var(--ks-text); }
.ks-job-link:hover, .ks-job-share:hover { transform:translateY(-2px); filter:brightness(1.08); }
.ks-job-share:focus-visible, .ks-job-share-menu a:focus-visible, .ks-job-share-menu button:focus-visible { outline:3px solid var(--ks-accent); outline-offset:2px; }
.ks-job-share-icon { font-size:18px; line-height:1; }
.ks-job-share-menu { position:absolute; z-index:20; left:24px; right:24px; top:calc(100% - 12px); display:grid; grid-template-columns:1fr 1fr; gap:7px; padding:10px; border:1px solid rgba(255,255,255,.18); border-radius:9px; background:#fff; color:#1d2327; box-shadow:0 12px 28px rgba(0,0,0,.28); transform:rotate(calc(var(--ks-r) * -1)) scale(calc(1 / var(--ks-s))); transform-origin:top center; }
.ks-job-share-menu[hidden] { display:none; }
.ks-job-share-menu a, .ks-job-share-menu button { display:flex; align-items:center; justify-content:center; min-height:37px; padding:7px 9px; border:1px solid #dcdcde; border-radius:5px; background:#f6f7f7; color:#1d2327 !important; font:inherit; font-size:13px; font-weight:700; text-decoration:none !important; cursor:pointer; }
.ks-job-share-menu a:hover, .ks-job-share-menu button:hover { background:#e9eaeb; }
.ks-share-status { grid-column:1/-1; min-height:16px; text-align:center; font-size:12px; font-weight:700; }
.ks-job-editable { outline:2px dashed rgba(35,115,255,.9); outline-offset:8px; cursor:move; }
.ks-job-admin { position:absolute; z-index:30; left:0; bottom:calc(100% + 15px); display:flex; align-items:center; gap:6px; width:max-content; padding:5px; border-radius:7px; background:#1d2327; box-shadow:0 5px 18px rgba(0,0,0,.25); transform:rotate(calc(var(--ks-r) * -1)) scale(calc(1 / var(--ks-s))); transform-origin:left bottom; }
.ks-job-admin button { min-height:28px; padding:3px 9px; border:0; border-radius:4px; cursor:pointer; font-size:12px; font-weight:700; }
.ks-job-save { background:#72aee6; color:#07121d; }
.ks-job-reset { background:#f0f0f1; color:#1d2327; }
.ks-job-status { padding:0 5px; color:#fff; font-size:12px; }
.ks-job-rotate, .ks-job-resize { position:absolute; z-index:31; width:28px; height:28px; padding:0; border:2px solid #fff; border-radius:50%; background:#2271b1; box-shadow:0 2px 8px rgba(0,0,0,.28); cursor:grab; }
.ks-job-rotate { left:50%; top:-45px; transform:translateX(-50%); }
.ks-job-rotate::before { content:"↻"; color:#fff; font-size:19px; line-height:22px; }
.ks-job-resize { right:-22px; bottom:-22px; border-radius:5px; }
.ks-job-resize::before { content:"↘"; color:#fff; font-size:17px; line-height:22px; }
.ks-job-embedded { position:relative; left:auto; top:auto; margin:35px auto; transform:rotate(var(--ks-r)) scale(var(--ks-s)); }
.ks-job-card::before {
    content:"WIR SUCHEN DICH";
    position:absolute;
    z-index:4;
    right:-18px;
    top:18px;
    padding:6px 12px;
    border:2px solid #151515;
    background:var(--ks-accent);
    color:#151515;
    font-size:11px;
    font-weight:900;
    letter-spacing:.08em;
    transform:rotate(7deg);
    box-shadow:0 4px 10px rgba(0,0,0,.22);
}
@media (max-width:782px) {
    .ks-job-card:not(.ks-job-embedded) {
        left:var(--ks-mx) !important;
        top:var(--ks-my) !important;
        width:min(var(--ks-mw), calc(100vw - 48px)) !important;
        transform:rotate(var(--ks-mr)) scale(var(--ks-ms)) !important;
    }
    .ks-job-card h2 { font-size:21px; }
    .ks-job-card p { font-size:14px; line-height:1.4; }
    .ks-job-content { padding:23px 18px 19px; }
    .ks-job-admin { transform:rotate(calc(var(--ks-mr) * -1)) scale(calc(1 / var(--ks-ms))); }
    .ks-job-share-menu { left:14px; right:14px; transform:rotate(calc(var(--ks-mr) * -1)) scale(calc(1 / var(--ks-ms))); }
    .ks-job-card::before { right:-7px; top:12px; padding:5px 9px; font-size:9px; }
    .ks-job-actions { gap:7px; }
    .ks-job-link, .ks-job-share { min-height:38px; padding:8px 11px; font-size:13px; }
}
@media (max-width:390px) {
    .ks-job-card:not(.ks-job-embedded) { width:min(var(--ks-mw), calc(100vw - 44px)) !important; }
    .ks-job-share-menu { grid-template-columns:1fr; }
    .ks-share-status { grid-column:1; }
}
@media (prefers-reduced-motion:reduce) {
    .ks-job-link, .ks-job-share { transition:none; }
}
