/* ===== Rennplanung – Design v5 ===== Hell, ruhig, viel Luft. Farben zentral in :root (Akzentfarbe --acc kann leicht angepasst werden). */ :root{--bg:#f3f4f7;--card:#fff;--ink:#1c2430;--mut:#667085;--line:#e4e7ec;--line2:#eef0f4;--acc:#e10000;--acc-soft:#fdecee;--navy:#002d5d;--brand:#0050a9;--yel:#ffef00;--r:10px; --shadow:0 1px 2px rgba(16,24,40,.06),0 1px 3px rgba(16,24,40,.08)} *{box-sizing:border-box} html,body{height:100%} body{font:13px/1.4 system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;margin:0;color:var(--ink);display:flex;flex-direction:column;background:var(--bg);-webkit-font-smoothing:antialiased} button,select,input{font:inherit;color:inherit} input[type=checkbox]{accent-color:var(--brand)} code{background:#eef1f4;border-radius:4px;padding:1px 5px;white-space:nowrap;font-size:12px} *{scrollbar-width:thin;scrollbar-color:#c5cbd4 transparent} /* ---------- Login / Installer ---------- */ .box{max-width:360px;margin:10vh auto;padding:30px;background:var(--card);border-radius:16px;box-shadow:0 10px 40px rgba(16,24,40,.12);width:calc(100% - 32px)} .box h1{font-size:20px;margin:0 0 16px}.box label{display:block;margin:12px 0 0;color:var(--mut);font-weight:600;font-size:12px} .box input{width:100%;padding:10px 12px;margin-top:4px;border:1px solid #cfd5dd;border-radius:8px;font-size:14px;color:var(--ink)} .box input:focus{outline:3px solid #cfe0ff;border-color:#6b9bff} .box button{margin-top:18px;width:100%;padding:11px;border:0;border-radius:8px;background:var(--brand);color:#fff;font-weight:600;cursor:pointer;font-size:14px} .err{color:#b42318;background:#fef3f2;padding:8px 10px;border-radius:8px}hr{border:0;border-top:1px solid var(--line)} /* ---------- Kopfzeile ---------- */ #top{display:flex;align-items:center;gap:22px;padding:0 16px;height:48px;background:var(--card);border-bottom:1px solid var(--line);flex:none;position:relative;z-index:30} .brand{display:flex;align-items:center;gap:12px} .logo{display:block;width:64px;height:32px;border-radius:6px;object-fit:cover} .biglogo{display:block;width:200px;height:100px;margin:-6px auto 14px;border-radius:10px}.box h1{text-align:center} .brand b{display:block;font-size:15px;letter-spacing:-.1px}.brand small{color:var(--mut);font-size:11.5px} .tabs{display:flex;gap:2px;align-self:stretch} .tabs button{border:0;background:none;padding:0 16px;position:relative;color:var(--mut);font-weight:600;cursor:pointer;font-size:13.5px} .tabs button:hover{color:var(--ink)}.tabs button.on{color:var(--ink)} .tabs button.on::after{content:"";position:absolute;left:10px;right:10px;bottom:-1px;height:3px;background:var(--brand);border-radius:3px 3px 0 0} .who{margin-left:auto;display:flex;align-items:center;gap:8px}.usr{color:var(--mut);margin:0 4px;font-size:12px} .ghost{background:var(--card);border:1px solid var(--line);color:var(--ink);border-radius:8px;padding:7px 12px;cursor:pointer;text-decoration:none;font-weight:500;box-shadow:var(--shadow)} .ghost:hover:not(:disabled){background:#f6f7f9;border-color:#d3d8e0}.ghost:disabled{opacity:.4;cursor:default;box-shadow:none} /* ---------- Werkzeugleiste ---------- */ #tools{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:8px 16px;flex:none} #tools.off{display:none} #tools input[type=search]{width:210px;padding:6px 12px 6px 33px;border:1px solid var(--line);border-radius:8px;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%23667085' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='7' cy='7' r='5'/%3E%3Cpath d='m11 11 3.5 3.5'/%3E%3C/svg%3E") 10px center no-repeat;box-shadow:var(--shadow)} #tools input[type=search]:focus{outline:3px solid #cfe0ff;border-color:#6b9bff} #tools label{display:flex;align-items:center;gap:6px;color:var(--mut)} #count{color:var(--mut);font-size:12px}.sp{flex:1} #tools button,dialog button{padding:6px 12px;border:1px solid var(--line);background:#fff;border-radius:8px;cursor:pointer;font-weight:500;box-shadow:var(--shadow)} #tools button:hover,dialog button:hover:not(:disabled){background:#f6f7f9;border-color:#d3d8e0} button.primary{background:var(--brand)!important;border-color:var(--brand)!important;color:#fff!important} button.primary:hover{filter:brightness(1.08)} button.danger{color:#b42318!important}button.danger:hover{background:#fef3f2!important;border-color:#fecdca!important} button:disabled{opacity:.5;cursor:default} .ms{position:relative}.clsBtn.act{background:#fff7e0;border-color:#f0c24b} #clsMenu,.clsMenu,#expMenu,#setMenu{position:absolute;top:calc(100% + 6px);left:0;z-index:50;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 12px 32px rgba(16,24,40,.16);padding:8px;max-height:360px;overflow:auto;min-width:220px} .clsMenu[hidden],#clsMenu[hidden],#expMenu[hidden],#setMenu[hidden]{display:none} #clsMenu .clsAll,.clsMenu .clsAll{width:100%;margin-bottom:6px;text-align:left;font-size:12px;box-shadow:none} #clsMenu label,.clsMenu label{display:flex;align-items:center;gap:9px;padding:6px 9px;border-radius:7px;cursor:pointer;color:var(--ink)} #clsMenu label:hover,.clsMenu label:hover{background:#f3f4f7}.clsMenu label small{margin-left:auto;color:#98a2b3} #expMenu{left:auto;right:0;width:340px} #setMenu{left:auto;right:0;width:250px}#setMenu a{display:block;padding:9px 12px;border-radius:8px;color:var(--ink);text-decoration:none;font-weight:500}#setMenu a:hover{background:#f3f4f7} #expMenu a{display:block;padding:10px 12px;border-radius:8px;color:var(--ink);text-decoration:none} #expMenu a:hover{background:#f3f4f7}#expMenu a b{display:block;font-size:13px}#expMenu a small{display:block;color:var(--mut);margin-top:2px;font-size:11.5px;line-height:1.35} /* Meldungen als Hinweis unten */ #msg{position:fixed;inset:auto;left:50%;bottom:24px;margin:0;border:0;overflow:visible;transform:translateX(-50%);z-index:80;max-width:min(720px,92vw);padding:11px 18px;border-radius:12px;background:var(--ink);color:#fff;box-shadow:0 10px 30px rgba(16,24,40,.3);white-space:pre-wrap} #msg:empty{display:none}#msg.good{background:#0b5d32;color:#fff}#msg.bad{background:#912018;color:#fff} .good{color:#067647}.bad{color:#b42318;white-space:pre-wrap} /* ---------- Pop-ups ---------- */ dialog{border:0;border-radius:16px;padding:0;width:min(660px,94vw);box-shadow:0 24px 64px rgba(16,24,40,.35);color:var(--ink);background:#fff} dialog::backdrop{background:rgba(16,24,40,.5);backdrop-filter:blur(2px)} dialog form{padding:22px 26px 24px} dialog h2{margin:0 0 16px;font-size:18px;display:flex;align-items:center;justify-content:space-between;letter-spacing:-.2px} dialog h2 .x{border:0;background:none;box-shadow:none;font-size:16px;color:var(--mut);padding:4px 8px;border-radius:6px}dialog h2 .x:hover{background:#f3f4f7!important} .grid{display:grid;grid-template-columns:1fr 1fr;gap:12px 16px}.grid .w2{grid-column:span 2} dialog label{display:flex;flex-direction:column;gap:4px;color:var(--mut);font-weight:600;font-size:12px} dialog input,dialog select{padding:9px 11px;border:1px solid #cfd5dd;border-radius:8px;font-weight:400;font-size:13.5px;color:var(--ink);background:#fff} dialog input:focus,dialog select:focus{outline:3px solid #cfe0ff;border-color:#6b9bff} dialog .hint{color:var(--mut);font-size:12px;margin:12px 0 4px} dialog .heads{line-height:2.1} dialog menu{display:flex;justify-content:flex-end;gap:8px;margin:20px 0 0;padding:0} #upres{margin-top:8px;min-height:18px;white-space:pre-wrap} .slist{display:flex;flex-direction:column;gap:6px;max-height:50vh;overflow:auto;padding:2px} .sn{display:flex;align-items:center;gap:6px}.sn input{flex:1}.sn small{color:#98a2b3;min-width:34px;text-align:right} .sn button{padding:6px 9px;box-shadow:none;color:var(--mut)} .addrow{margin-top:10px;border-style:dashed!important;color:var(--mut);box-shadow:none!important} /* ---------- Planungstabelle ---------- */ #plan{overflow:auto;flex:1;min-height:0;margin:0 16px 12px;background:var(--card);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow)} #t{border-collapse:separate;border-spacing:0;white-space:nowrap;table-layout:fixed;font-variant-numeric:tabular-nums} #t th{background:#f1f3f6;position:sticky;top:0;z-index:3;padding:3px 6px;border-bottom:1px solid #d9dde4;border-right:1px solid #e6e9ee;overflow:hidden;white-space:normal;line-height:1.2; font-size:11px;font-weight:600;color:#475467;letter-spacing:.01em} #t td{border-bottom:1px solid var(--line2);border-right:1px solid var(--line2);padding:0 6px;background:var(--bg,#fff);height:28px;overflow:hidden;text-overflow:ellipsis} #t td.rd,#t td.fl{cursor:pointer;font-size:22px;line-height:1;user-select:none;background:#fff;padding:0} #t td.rd:hover,#t td.fl:hover{background:#f3f6fb} #t td.c,#t td.dt{text-align:center} #t td[contenteditable]:focus{outline:2px solid #3b82f6;outline-offset:-2px;background:#fff;text-overflow:clip} #t tbody tr:hover td:not(.rd):not(.fl){box-shadow:inset 0 0 0 9999px rgba(31,58,95,.055)} #t tbody tr.on td:nth-child(2),#t tbody tr.on:hover td:nth-child(2){box-shadow:inset 4px 0 0 var(--acc),inset 0 0 0 9999px rgba(31,58,95,.055)} #t tbody tr.on td.nm{font-weight:600} /* Staff-Auswahl */ #t td.sf{padding:0} #t td.sf select{width:100%;height:27px;border:0;background:transparent;padding:0 6px;font-size:12px;appearance:none;-webkit-appearance:none;cursor:pointer;text-overflow:ellipsis;color:var(--ink)} #t td.sf select:hover{background:rgba(255,255,255,.75)}#t td.sf select:focus{outline:2px solid #3b82f6;outline-offset:-2px;background:#fff} /* Spaltengriff zum Ziehen der Breite */ #t th .rs{position:absolute;top:0;right:0;width:6px;height:100%;cursor:col-resize;z-index:6} #t th .rs:hover,#t th .rs:active{background:rgba(59,130,246,.5)} #t th.rt{height:100px;padding:4px 0 3px;text-align:center;vertical-align:bottom} #t th.rt span{writing-mode:vertical-rl;transform:rotate(180deg);display:inline-block;white-space:nowrap;line-height:1.1} #t th.rt b.sm{display:block;margin-top:4px;font-size:10.5px;letter-spacing:-.2px;color:var(--ink);font-weight:700} #t .fz{position:sticky;z-index:2}#t th.fz{z-index:5} #t .fz:nth-child(1){left:var(--l0,0)}#t .fz:nth-child(2){left:var(--l1,0)}#t .fz:nth-child(3){left:var(--l2,0)} #t .fz:nth-child(4){left:var(--l3,0)}#t .fz:nth-child(5){left:var(--l4,0)}#t .fz:nth-child(6){left:var(--l5,0)}#t .fz:nth-child(7){left:var(--l6,0)}#t .fz:nth-child(8){left:var(--l7,0)}#t .fz:nth-child(9){left:var(--l8,0);border-right:1px solid #cdd3dc}#t .fz:nth-child(10){left:var(--l9,0);border-right:1px solid #cdd3dc}#t .fz:nth-child(9):has(+ .fz){border-right:0} /* v77.1: Travel-Spalte bleibt mit stehen */ /* Fahrertypen: Farben frei wählbar im Reiter Fahrerprofile */ #t th.ty-sprinter,#pt th.ty-sprinter,.ev td.ty-sprinter.nmx{background:var(--c-sprinter,#ffb3b3)} #t th.ty-climber,#pt th.ty-climber,.ev td.ty-climber.nmx{background:var(--c-climber,#cdb4f0)} #t th.ty-puncheur,#pt th.ty-puncheur,.ev td.ty-puncheur.nmx{background:var(--c-puncheur,#ffd9a8)} #t th.ty-classics,#pt th.ty-classics,.ev td.ty-classics.nmx{background:var(--c-classics,#e6d3a8)} #t th.ty-tt,#pt th.ty-tt,.ev td.ty-tt.nmx{background:var(--c-tt,#b8e6c9)} #t th.ty-allrounder,#pt th.ty-allrounder,.ev td.ty-allrounder.nmx{background:var(--c-allrounder,#fff3a8)} #t th.ty-helper,#pt th.ty-helper,.ev td.ty-helper.nmx{background:var(--c-helper,#d9dde3)} #t th.ty-breakaway,#pt th.ty-breakaway,.ev td.ty-breakaway.nmx{background:var(--c-breakaway,#f7c6e3)} /* ---------- Kalender ---------- */ #cal{padding:4px 20px 20px;overflow:auto;flex:1;min-height:0} #cal h2{margin:4px 0 12px;font-size:18px;letter-spacing:-.2px} .cal{border-collapse:separate;border-spacing:0;width:100%;table-layout:fixed;font-size:10px;background:#fff;border-radius:12px;overflow:hidden;box-shadow:var(--shadow);border:1px solid var(--line)} .cal col.d{width:38px} .cal th{background:var(--navy);color:#fff;padding:7px 2px;font-size:11px;letter-spacing:.04em;text-transform:uppercase;border-left:1px solid rgba(255,255,255,.18)} .cal td{border-bottom:1px solid var(--line2);padding:0 3px;height:18px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis} .cal td.d{text-align:left;color:#475467}.cal td.we{background:#bfe9fb;color:#0b4a63} .cal td.m{border-left:1px solid #d3d8e0} /* ---------- Fahrerprofile ---------- */ #prof{padding:4px 20px 20px;overflow:auto;flex:1;min-height:0} .pset{display:flex;flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:16px;padding:12px 16px;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow)} .pset label{display:flex;align-items:center;gap:7px}.pset input[type=color]{width:36px;height:28px;padding:0;border:1px solid #cfd5dd;border-radius:6px;background:#fff;cursor:pointer} .pset button{padding:6px 11px;border:1px solid var(--line);background:#fff;border-radius:8px;cursor:pointer}.hint{color:var(--mut);font-size:12px} #pt{border-collapse:separate;border-spacing:0;background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden;box-shadow:var(--shadow)} #pt th,#pt td{border-bottom:1px solid var(--line2);border-right:1px solid var(--line2);padding:5px 9px;height:30px} #pt thead th{background:#f1f3f6;position:sticky;top:0;z-index:2;font-size:11.5px;min-width:88px;color:#475467} #pt th.al{text-align:left;background:#f8f9fb;position:sticky;left:0;z-index:1;min-width:120px;font-weight:600} #pt thead th.al{z-index:3}#pt td{text-align:center;font-weight:600}#pt td.sc[contenteditable]:focus{outline:2px solid #3b82f6;outline-offset:-2px} #pt select{border:1px solid #cfd5dd;border-radius:6px;padding:3px;font-size:11.5px;background:#fff} /* ---------- Druck (A3 quer, nur Kalender) ---------- */ @media print{ @page{size:A3 landscape;margin:8mm} html,body{height:auto;display:block;background:#fff} #top,#tools,#msg,#plan,#prof,dialog{display:none!important} #cal,#cal[hidden]{display:block!important;overflow:visible;padding:0} #cal h2{margin:0 0 4px} .cal{font-size:7px;box-shadow:none;border-radius:0;border:1px solid #bbb}.cal td{height:13px}.cal th{padding:3px 2px;font-size:8px} *{-webkit-print-color-adjust:exact;print-color-adjust:exact} } /* ---------- Lidl-Trek Branding, Links, Farben ---------- */ #top::before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:linear-gradient(90deg,#f80000 0 33.3%,#ffef00 33.3% 66.6%,#0050a9 66.6%)} #top{padding-top:4px;height:62px} body:not(:has(#top)){background:linear-gradient(135deg,#002d5d 0%,#0050a9 55%,#207cff 100%)} #t td.lk,#t td.mp{padding:0;text-align:center} #t a.lnk,#t span.lnk{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:7px;color:var(--brand);vertical-align:middle} #t a.lnk:hover{background:#e3edfa}#t span.lnk.off{color:#b5bcc8}#t td.lk:hover span.lnk.off{color:#667085} #t td.mp a.lnk{color:#d92d20}#t td.mp a.lnk:hover{background:#fde8e6} #t th svg{vertical-align:middle;color:#667085} .clist{display:grid;gap:10px;margin:8px 0 4px}.crow{display:flex;align-items:center;gap:12px;font-weight:600} .crow input[type=color]{width:46px;height:30px;padding:0;border:1px solid var(--line);border-radius:7px;background:#fff;cursor:pointer} dialog .clist .crow{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:12px;margin:0;text-align:left;color:var(--ink);font-size:13.5px} dialog .clist .crow span{flex:1} /* ---------- Personenkalender & Auswertung ---------- */ #pcal,#ev{padding:8px 20px 20px;overflow:auto;flex:1;min-height:0} #pcal h2{margin:4px 0 12px;font-size:18px;letter-spacing:-.2px} .pbar{display:flex;align-items:center;gap:18px;margin:4px 0 6px;flex-wrap:wrap} .pbar label{font-weight:600;color:var(--mut);display:flex;align-items:center;gap:8px} .pbar select{padding:8px 12px;border:1px solid var(--line);border-radius:8px;background:#fff;font-size:14px;color:var(--ink);box-shadow:var(--shadow);min-width:220px} #pInfo{color:var(--mut)}#pInfo b{color:var(--ink)} .cal td.res{opacity:.55;font-style:italic} .evw{display:flex;flex-wrap:wrap;gap:20px;align-items:flex-start} .evw>div{max-width:100%;overflow-x:auto} #ev h3{margin:6px 0 8px;font-size:15px} table.ev{table-layout:fixed;border-collapse:separate;border-spacing:0;background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden;box-shadow:var(--shadow)} .ev th{background:#f1f3f6;font-size:11.5px;color:#475467;padding:8px 10px;text-align:center;border-bottom:1px solid var(--line)} .ev td{padding:7px 10px;border-bottom:1px solid var(--line2);text-align:center;font-variant-numeric:tabular-nums} .ev .nmx{text-align:left;font-weight:600}.ev tbody tr{cursor:pointer}.ev tbody tr:hover td{background:#eef4fc} .ev tr.zero td{color:#98a2b3} .ev td.bar,.ev th.bar{width:28%;text-align:left}.ev td.bar i{display:block;height:9px;border-radius:5px;background:linear-gradient(90deg,var(--brand),#207cff)} dialog.wide{width:min(1040px,96vw)}#pdBody{max-height:62vh;overflow:auto} .chips{display:flex;gap:10px;flex-wrap:wrap;margin:4px 0 14px}.chips span{background:#eef4fc;border-radius:999px;padding:6px 14px;color:#1d3f72} table.pl{border-collapse:collapse;width:100%;font-size:13px}.pl th{text-align:left;color:#475467;font-size:11.5px;padding:6px 8px;border-bottom:2px solid var(--line);position:sticky;top:0;background:#fff} .pl td{padding:6px 8px;border-bottom:1px solid var(--line2)}.pl td.with{color:var(--mut);font-size:12px;white-space:normal;max-width:300px} #pdBody h4{margin:16px 0 6px;color:var(--mut)} @media print{body.pc #cal,body.pc #cal[hidden]{display:none!important}#pcal:not([hidden]){display:block!important;padding:0;overflow:visible}.pbar select{border:0;box-shadow:none;appearance:none;padding:0}.pbar label.chk{display:none}} #top button,#top a.ghost,.brand b{white-space:nowrap} .tabs button{padding:0 13px}#top{gap:20px} @media(max-width:1650px){.usr{display:none}} /* ---------- Lösch-Modus, Einträge, Benutzer ---------- */ #t.nodel .dcol{padding:0!important;border-right:0!important;visibility:hidden;overflow:hidden} #t.nodel th.dcol .rs{display:none} #tools button[hidden]{display:none} #rm.solid{background:#d92d20!important;border-color:#d92d20!important;color:#fff!important}#rm.solid:disabled{opacity:.45;cursor:default} .cal td.en{font-size:10px;cursor:pointer;border-left:3px solid rgba(0,0,0,.28)} .cal td.en b{font-weight:700}.cal td.en:hover{filter:brightness(.95)} .cal.pc td[data-iso]{cursor:cell}.cal.pc td.m[data-iso]:hover{background:#dbeafe} #enAdd{padding:8px 14px;border-radius:8px;border:0;font-weight:600;cursor:pointer;color:#fff} .crow2{display:flex;align-items:center;gap:8px}.crow2 .cn{flex:1}.crow2 input[type=color]{width:42px;height:34px;padding:2px;cursor:pointer} .crow2 label.act{flex-direction:row;align-items:center;gap:6px;white-space:nowrap}.crow2 small{color:#98a2b3;min-width:30px;text-align:right}.crow2 button{padding:6px 9px;box-shadow:none;color:var(--mut)} .clist2{display:flex;flex-direction:column;gap:8px;max-height:50vh;overflow:auto;padding:2px} .gset{background:#f6f8fb;border:1px solid var(--line);border-radius:12px;padding:12px 14px;margin-bottom:14px} .gline{display:flex;gap:8px;margin-top:8px}.gline input{flex:1}.gset .hint{margin:8px 0 0} .ulist{display:flex;flex-direction:column;gap:6px;max-height:46vh;overflow:auto;padding:2px} .urow{display:grid;grid-template-columns:1.7fr 1.1fr .8fr 1.3fr 1.1fr auto;gap:6px;align-items:center}.urow input,.urow select{min-width:0;width:100%} .urow.uh{font-size:11px;color:var(--mut);font-weight:600;position:sticky;top:0;background:#fff;padding:2px 0} .urow .ub{display:flex;gap:4px}.urow .ub button{padding:7px 10px} .gsep{display:flex;align-items:center;gap:10px;margin:18px 0 12px;color:var(--mut);font-size:12px}.gsep::before,.gsep::after{content:"";flex:1;border-top:1px solid var(--line)} #gbtn{display:flex;justify-content:center;min-height:44px} @media print{.cal td.en{border-left:0}} #t tbody tr:has(input.del:checked) td:not(.rd):not(.fl){box-shadow:inset 0 0 0 9999px rgba(217,45,32,.14)} @media print{#enAdd,#pInfo{display:none}} .sn label.act{flex-direction:row;align-items:center;gap:6px;white-space:nowrap;font-size:12px} #t td.av{background-image:repeating-linear-gradient(135deg,transparent 0 5px,rgba(0,0,0,.07) 5px 7px)} #t td.cf{outline:2px solid #e10000;outline-offset:-2px} #t td.sf.av{background-image:none} @media print{#t td.cf{outline:0}} /* Flag columns (Climber / Sprinter / Priority): tinted column + coloured badge, clearly different from the rider dots */ #t td.fl{font-size:12px} #t td.f-climber,#t td.f-sprinter,#t td.f-priority{background:#fff} #t td.fl:hover{filter:brightness(.96);background-color:inherit} #t .flg{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:6px;font-size:12px;line-height:1;color:#fff;box-shadow:0 1px 2px rgba(0,0,0,.25)} #t td.f-climber .flg{background:#8e6fd0}#t td.f-sprinter .flg{background:#e5393f}#t td.f-priority .flg{background:#f5b400;color:#3a2a00} .ev th{position:relative}.ev th .rs{position:absolute;top:0;right:0;width:6px;height:100%;cursor:col-resize}.ev th .rs:hover,.ev th .rs:active{background:rgba(59,130,246,.5)} .ev td,.ev th{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ev td.bar,.ev th.bar{width:auto} .vlist{display:flex;flex-direction:column;gap:6px;max-height:50vh;overflow:auto;margin-top:10px} .vrow{display:flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid var(--line);border-radius:10px;background:#fff}.vrow .vm{flex:1;min-width:0}.vrow small{color:var(--mut)} .vk{font-size:11px;padding:1px 7px;border-radius:99px;background:#eef2f7;color:#475467;margin-left:6px}.vk.manual{background:#dcebf8;color:#0050a9}.vk.restore{background:#fff1d6;color:#8a5a00} /* Entry status icons: neutral line icons, colour only where it carries meaning */ .rg{display:inline-flex;vertical-align:middle;color:#667085}.rg svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round} .rg.none{color:#b8bfca}.rg.applied{color:var(--navy)}.rg.invited{color:var(--brand)}.rg.confirmed{color:#17803d}.rg.rejected{color:var(--acc)}.rg.declined{color:#667085}.rg.received{color:#0e9384}.rg.waitlist{color:#c4320a} /* v75 */ .rg svg .fill{fill:currentColor;stroke:none}.rg svg .wh{stroke:#fff} #t td.reg{cursor:pointer;background:#fff;padding:0}#t td.reg:hover{background:#f3f6fb} #t td.reg.todo{background-image:repeating-linear-gradient(135deg,transparent 0 5px,rgba(0,0,0,.07) 5px 7px)} #t td.reg.warn{outline:2px solid var(--acc);outline-offset:-2px} .cal td .rg{margin-right:3px}.cal td .rg svg{width:13px;height:13px}.cal td.tent{background-image:repeating-linear-gradient(135deg,transparent 0 5px,rgba(255,255,255,.55) 5px 7px)} #regF{height:34px;border:1px solid var(--line);border-radius:8px;background:#fff;padding:0 8px;font-size:13px} #regSum{display:inline-flex;gap:10px;margin-left:10px;font-size:12.5px;color:var(--mut);align-items:center}#regSum span{display:inline-flex;align-items:center;gap:3px} .rgopts{display:flex;flex-direction:column;gap:2px;margin:6px 0 12px}.rgo{display:flex;align-items:center;gap:10px;padding:7px 10px;border-radius:9px;cursor:pointer}.rgo:hover{background:#f3f6fb}.rgo:has(input:checked){background:#eaf1fb;font-weight:600} .rgo input{margin:0}.rgo .rg svg{width:20px;height:20px} .rgdates{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:10px}#fReg textarea{width:100%;box-sizing:border-box;font:inherit;border:1px solid var(--line);border-radius:8px;padding:8px} @media print{#t td.reg.todo{background-image:none}} #fReg label.rgo{display:flex;flex-direction:row;align-items:center;gap:10px;font-size:14px;color:var(--ink);font-weight:inherit}#fReg label.rgo input{width:auto;margin:0}#fReg label.rgo:has(input:checked){font-weight:600} /* View as, permissions, version compare */ .va{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--mut)}.va select{height:32px;border:1px solid var(--line);border-radius:8px;background:#fff;padding:0 6px;font-size:13px} #vaBar{background:#fff1d6;color:#5c3b00;border-bottom:1px solid #f0d28a;padding:7px 20px;font-size:13px;position:sticky;top:0;z-index:50}#vaBar button{margin-left:10px;height:28px;border:1px solid #d9b25a;border-radius:8px;background:#fff;cursor:pointer;font-weight:600} .permbox{max-height:60vh;overflow:auto;margin-top:8px}table.perm{border-collapse:collapse;width:100%;font-size:13px}table.perm th{position:sticky;top:0;background:#f1f3f6;padding:8px;text-align:center;font-size:12px} table.perm td{padding:6px 8px;border-bottom:1px solid var(--line2)}table.perm td.c{text-align:center;width:78px}table.perm tr.pg td{background:#f7f8fa;font-weight:700;font-size:12px;color:var(--mut);text-transform:uppercase;letter-spacing:.04em}.perm .na{color:#c3c9d3} .dfbar{display:flex;gap:8px;align-items:center;margin:6px 0}.dfbar #dfCount{color:var(--mut);font-size:13px;margin-left:6px}.dfbody{max-height:56vh;overflow:auto}.dfbody h3{margin:14px 0 6px;font-size:13px;text-transform:uppercase;letter-spacing:.04em;color:var(--mut)} .dfcard{border:1px solid var(--line);border-radius:10px;background:#fff;margin-bottom:8px;overflow:hidden}.dfh{display:flex;align-items:center;gap:8px;padding:7px 10px;background:#f7f8fa;border-bottom:1px solid var(--line2)}.dfh small{color:var(--mut)}.dfall{margin-left:auto;font-size:12px;display:flex;gap:4px;align-items:center} .dfr{display:grid;grid-template-columns:20px minmax(120px,190px) 1fr 24px 1fr;gap:8px;align-items:center;padding:5px 10px;border-bottom:1px solid var(--line2);font-size:13px;cursor:pointer}.dfr:hover{background:#f3f6fb}.dfr input{margin:0;width:auto} .dfc{background:#fde3e1;color:#912018;border-radius:6px;padding:2px 7px}.dfo{background:#e3f3ea;color:#0b5d32;border-radius:6px;padding:2px 7px}.dfa{color:var(--mut);text-align:center}.dfinfo{font-size:13px;color:var(--mut)}.sw{display:inline-block;width:12px;height:12px;border-radius:3px;margin-right:5px;vertical-align:-1px;border:1px solid rgba(0,0,0,.2)} #fAdd label.dfall,.dfr{font-weight:400}#dfApply:disabled{opacity:.45;cursor:default} .va{white-space:nowrap}.dfall{white-space:nowrap}.dfall input{width:auto;margin:0} .pbar .clsBtn,#cal>.pbar .clsBtn{height:34px;padding:0 12px;border:1px solid var(--line);border-radius:8px;background:#fff;font-size:13px;cursor:pointer}#cal>.pbar{display:flex;gap:10px;padding:8px 0} @media print{.clsBtn{display:none}} .tgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px;margin-top:10px}.tcard{border:1px solid var(--line);border-radius:10px;background:#fff;padding:9px 11px} .tcard .th{display:flex;align-items:center;gap:8px}.tcard .th input{width:26px;height:26px;padding:0;border:0;background:none;cursor:pointer}.tcard .tcode{margin-left:auto;font-size:11px;color:var(--mut);background:#eef2f7;border-radius:99px;padding:1px 8px} .tcard p{margin:6px 0 0;font-size:12.5px;line-height:1.4;color:var(--mut)}#pt th.al small{display:block;font-weight:400;color:var(--mut);font-size:10.5px} .pset{max-width:none!important} .pset .tgrid{flex:1 1 100%} #t td.f-tt{background:#e6f5ee}#t td.f-tt:hover{background:#d3eee1}#t td.f-tt .flg{background:#1f9d6b}#t td.f-tt .flg svg{display:block} #t td.ni{padding:0;text-align:center;background:var(--bg,#fff)} #t td.ni .nic{display:inline-flex;vertical-align:middle}#t td.ni svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round} #t td.ni:not(.has) .nic{opacity:0;color:#98a2b3}#t tr:hover td.ni:not(.has) .nic{opacity:.7} #t td.ni.has .nic{color:#b45309}#t td.ni[data-ce]{cursor:pointer}#t td.ni[data-ce]:hover .nic{color:#0b57b7;opacity:1} #noteTip{max-height:80vh;overflow:hidden;position:fixed;z-index:200;max-width:440px;background:#fff;border:1px solid #c9d0db;border-radius:8px;box-shadow:0 6px 22px rgba(16,24,40,.22);padding:10px 12px;font-size:12.5px;line-height:1.45;pointer-events:none} #noteTip[hidden]{display:none}#noteTip b{display:block;margin-bottom:4px}#noteTip div{white-space:pre-wrap;color:#344054}#noteTip i{display:block;margin-top:6px;color:#667085;font-size:11.5px} #nbText{width:100%;min-height:220px;resize:vertical;padding:8px;border:1px solid var(--line);border-radius:8px;font:inherit;box-sizing:border-box} /* ---------- Kompakter Kopf (v22) ---------- */ #t th.fhd{text-align:center;vertical-align:middle;padding:0} #t th .fh{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:6px;font-size:12px;color:#fff;box-shadow:0 1px 2px rgba(0,0,0,.25)} #t th.f-climber .fh{background:#8e6fd0}#t th.f-sprinter .fh{background:#e5393f}#t th.f-priority .fh{background:#f5b400;color:#3a2a00} #legend{color:var(--mut);font-size:11.5px} #fltBtn{display:none} #tools #compBtn.act{background:#e8f0fb;border-color:#9db9e3} #actMenu{position:absolute;top:calc(100% + 6px);right:0;z-index:50;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 12px 32px rgba(16,24,40,.16);padding:6px;min-width:190px;display:flex;flex-direction:column;gap:2px} #actMenu[hidden]{display:none}#actMenu button{border:0;box-shadow:none;text-align:left;width:100%} .flt{display:contents} body.compact #t td{height:22px;font-size:12px} body.compact #t td.rd,body.compact #t td.fl{font-size:18px} body.compact #t td.sf select{height:21px} body.compact #t col[data-k=distance],body.compact #t col[data-k=stage2],body.compact #t col[data-k=stage3],body.compact #t col[data-k=stage4],body.compact #t col[data-k=stage5], body.compact #t [data-f=distance],body.compact #t [data-f=stage2],body.compact #t [data-f=stage3],body.compact #t [data-f=stage4],body.compact #t [data-f=stage5], body.compact #t th[data-k=distance],body.compact #t th[data-k=stage2],body.compact #t th[data-k=stage3],body.compact #t th[data-k=stage4],body.compact #t th[data-k=stage5]{display:none} @media screen and (max-width:1100px){ #top{flex-wrap:wrap;height:auto;gap:0 12px;padding:3px 12px 0}.brand small,.brand b{display:none}.who{gap:5px;margin-left:auto;padding-bottom:3px}.who .ghost,.who button{padding:5px 9px} .tabs{order:3;width:100%;height:34px;overflow-x:auto}.tabs button{padding:0 12px}.va{font-size:0}.va select{font-size:13px} #legend{display:none} #fltBtn{display:inline-flex} .flt{display:none;width:100%;flex-wrap:wrap;gap:8px;order:9}body.fopen .flt{display:flex} #tools input[type=search]{flex:1;min-width:160px} } body.hideTop #top,body.hideTop #tools,body.hideTop #vaBar,body.hideTop #attnBar,body.hideTop #offBar{display:none} @media print{#legend,#compBtn,#actMenu{display:none!important}} @media(max-width:1650px){#top{gap:10px;padding:0 12px}.tabs button{padding:0 11px}.brand small{display:none}.who{gap:6px}.who .ghost,.who button{padding:6px 10px}} /* ---------- Leistungsdaten (v24) ---------- */ .pfbar{display:flex;gap:10px;align-items:center;margin-top:8px;flex-wrap:wrap}.pfbar label{display:flex;gap:6px;align-items:center;color:var(--mut)} .pfbar button,.pfbar select{padding:6px 10px;border:1px solid var(--line);background:#fff;border-radius:8px;cursor:pointer;box-shadow:var(--shadow)} .pfwrap{overflow:auto;margin-top:10px} #pft{border-collapse:separate;border-spacing:0;background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden;box-shadow:var(--shadow);font-variant-numeric:tabular-nums} #pft th,#pft td{border-bottom:1px solid var(--line2);border-right:1px solid var(--line2);padding:4px 8px;height:28px;text-align:center;white-space:nowrap} #pft thead th{background:#f1f3f6;font-size:11.5px;color:#475467}#pft th.al{text-align:left;min-width:150px;background:#f8f9fb;font-weight:600} #pft thead th.al{background:#f1f3f6}#pft tr.pfno td{text-align:left;color:var(--mut);font-style:italic} #pft td.pfsc{font-size:14px}.pfsg{text-align:left!important}.sgt{display:inline-block;padding:1px 8px;border-radius:10px;background:#e8f0fb;color:#0b3d8a;font-weight:600;font-size:11.5px}.sgt.alt{background:#f1f3f6;color:#475467;font-weight:500;margin-left:4px} .pfApply{margin-left:6px;padding:1px 7px;border:1px solid var(--line);background:#fff;border-radius:6px;cursor:pointer;font-size:11px} /* Fahrertyp-Farbe hinter den Punkten in der Planung (v26) */ /* ---------- Legende, Typkürzel, Kopf unten ausgerichtet (v28) ---------- */ #t thead th{vertical-align:bottom;padding-bottom:6px} #t th.fhd{vertical-align:bottom;padding:0 0 5px} #t th.rt{height:146px} #t th.rt{position:sticky;padding-top:56px} #t th.rt em.tcd{position:absolute;top:5px;left:0;right:0;font-style:normal;font-size:9px;font-weight:700;letter-spacing:.04em;color:#344054;opacity:.85} #tyLeg{display:inline-flex;gap:3px;align-items:center} .tychip{display:inline-flex;align-items:center;justify-content:center;min-width:30px;height:18px;padding:0 5px;border-radius:5px;font-size:9.5px;font-weight:700;letter-spacing:.03em;color:#2b3445;border:1px solid rgba(20,30,50,.18)} #legMenu{position:absolute;top:calc(100% + 6px);right:0;z-index:60;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 12px 32px rgba(16,24,40,.18);padding:12px 14px;width:min(640px,calc(100vw - 32px));max-height:78vh;overflow:auto} #legMenu[hidden]{display:none} .lg{display:grid;grid-template-columns:1fr 1fr;gap:6px 22px}@media(max-width:700px){.lg{grid-template-columns:1fr}} .lg h4{margin:12px 0 5px;font-size:11.5px;color:#475467;text-transform:uppercase;letter-spacing:.04em}.lg h4:first-child{margin-top:0}.lg h4 small{text-transform:none;letter-spacing:0;color:var(--mut);font-weight:400;margin-left:4px} .lrow{display:flex;align-items:center;gap:9px;padding:2px 0;font-size:12.5px} .ldot{display:inline-block;width:22px;text-align:center;font-size:17px;line-height:1;-webkit-text-stroke:.5px rgba(20,30,50,.45)} .lflag{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:6px;font-size:12px;color:#fff;flex:none}.lflag svg{display:block} .lic{display:inline-flex;width:20px;justify-content:center;color:#b45309}.lic svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round} .lbar{display:inline-block;width:5px;height:18px;border-radius:2px;margin:0 8px 0 5px;flex:none}.lcf{width:22px;text-align:center} @media screen and (max-width:1100px){#tyLeg{display:none}} @media print{#tyLeg,#legBtn,#legMenu{display:none!important}} /* ---------- Kennzahlenleiste + Auslastungsbalken (v30) ---------- */ #t td.f-climber .flg svg,#t th .fh svg,.lflag svg{display:block} #t th.fz.kpiHost{overflow:visible;z-index:9} .kpi{position:absolute;left:5px;top:8px;width:500px;text-align:left;font-weight:400;cursor:default} .kts{display:flex;gap:6px} .kt{flex:1;min-width:0;background:#fff;border:1px solid #dfe3ea;border-radius:9px;padding:6px 8px 5px} .kt b{display:block;font-size:20px;line-height:1.05;color:var(--ink);font-variant-numeric:tabular-nums} .kt small{display:block;margin-top:2px;font-size:10.5px;color:var(--mut);white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .kt.warn{background:#fff4e5;border-color:#f3c98b}.kt.warn b{color:#b45309} .kcl{margin-top:6px;display:flex;flex-wrap:wrap;gap:3px 10px;font-size:11px;color:#344054;align-items:baseline}.kcl em{font-style:normal;color:var(--mut);font-size:10.5px}.kcl b{font-weight:700} #t th i.lb{position:absolute;top:20px;left:50%;width:12px;margin-left:-6px;height:30px;background:rgba(20,30,50,.07);border-radius:3px;display:flex;align-items:flex-end;overflow:hidden} #t th i.lb u{display:block;width:100%;background:#5b7fb5;border-radius:3px;transition:height .25s} #t th i.lb u.hi{background:#e08a1e}#t th i.lb u.lo{background:#a4adbb} @media screen and (max-width:1100px){#t th.rt{height:112px;padding-top:20px}#t th i.lb,.kpi{display:none}} /* ---------- Saison-Zeitleiste (v32) ---------- */ #t th.tlHost{overflow:visible;z-index:4} .tl{position:absolute;left:6px;top:8px;height:100px;text-align:left;font-weight:400;background:#fff;border:1px solid #dfe3ea;border-radius:9px;padding:6px 10px 4px;box-sizing:border-box;cursor:default} .tlh{font-size:11px;color:#344054;white-space:nowrap;line-height:14px}.tlh b{font-weight:700}.tlk{color:var(--mut);margin-left:8px;font-size:10.5px} .tlp{position:relative;display:flex;align-items:flex-end;margin-top:3px;border-bottom:1px solid #cfd6e0} .tlc{display:flex;flex-direction:column-reverse;gap:1px;padding:0 1px;box-sizing:border-box;flex:none} .tlb{display:block;border-radius:2px;cursor:pointer;border:1px solid rgba(20,30,50,.22);box-sizing:border-box}.tlb:hover{filter:brightness(.88);outline:1.5px solid #1d4ed8;z-index:2} .tln{position:absolute;top:-2px;bottom:0;width:0;border-left:1.5px dashed #e5393f;pointer-events:none} .tla{position:relative;height:14px;font-size:9.5px;color:var(--mut)}.tla span{position:absolute;top:2px;white-space:nowrap;overflow:visible} #t tbody tr.flash td{animation:flashrow 1.8s ease-out}@keyframes flashrow{0%,30%{box-shadow:inset 0 0 0 100px rgba(59,130,246,.35)}100%{box-shadow:inset 0 0 0 100px rgba(59,130,246,0)}} @media screen and (max-width:1100px){.tl{display:none}} /* ---------- Fokus-Bearbeitung (v35) ---------- */ #t td.sl{white-space:nowrap} #t td.sl .edr{margin-left:4px;vertical-align:middle;border:1px solid transparent;background:transparent;color:#667085;border-radius:6px;font-size:13px;line-height:1;padding:3px 5px;cursor:pointer;opacity:.35} #t tbody tr:hover .edr,#t .edr.on{opacity:1}@media(pointer:coarse){#t .edr{opacity:.8}} #t .edr:hover{background:#eef2ff;color:#1d4ed8;border-color:#c7d2fe} #t .edr.on{background:#00a843;color:#fff;font-weight:800;font-size:15px;padding:2px 9px;border-color:#007a30;box-shadow:0 0 0 3px rgba(0,168,67,.28),0 1px 3px rgba(0,0,0,.3)} #t.focusing tbody tr:not(.fx){pointer-events:none;user-select:none} #t.focusing tbody tr:not(.fx) td{filter:blur(1.6px);opacity:.4;transition:opacity .18s,filter .18s} #t tbody tr.fx td{border-top:2px solid #1d4ed8!important;border-bottom:2px solid #1d4ed8!important} #t tbody tr.fx td:first-child,#t tbody tr.fx td.sl{border-left:2px solid #1d4ed8} #t tbody tr.fx{position:relative;z-index:2} @media print{#t .edr{display:none}} #t tbody tr.on .edr:not(.on){color:var(--brand);opacity:.95} /* ---------- Eingeladen = automatisch gewählt, gelb-orange (v37) ---------- */ #t input.sel.inv,.lck.inv{accent-color:#f59e0b} #t tbody tr.on.inv td:nth-child(2),#t tbody tr.on.inv:hover td:nth-child(2){box-shadow:inset 4px 0 0 #f59e0b,inset 0 0 0 9999px rgba(31,58,95,.055)} #t tbody tr.on.inv .edr:not(.on){color:#b45309} .lck{margin:0 5px 0 1px;pointer-events:none}.lck:not(.inv){accent-color:var(--brand)} /* ---------- Eingeladen / Bestätigt im Dashboard (v38) ---------- */ .tlb.inv{border:2px solid #f59e0b}.tlb.cf{border:2px solid #0050a9} .tlg{display:inline-block;width:9px;height:9px;border-radius:2px;background:#fff;vertical-align:-1px;margin:0 2px 0 4px;box-sizing:border-box}.tlg.inv{border:2px solid #f59e0b}.tlg.cf{border:2px solid #0050a9} .kt.kc{flex:1.7}.kt.kc small em{font-style:normal;color:#b45309;font-weight:600} .kbar{display:flex;height:5px;border-radius:3px;background:#e4e7ec;overflow:hidden;margin-top:4px}.kbar i{display:block;height:100%}.kbar i.c{background:#0050a9}.kbar i.v{background:#f59e0b}.kbar i.w{background:#5fc4b8} /* ---------- Druckmenü, Planung 1:1 / A3 (v39) ---------- */ #prMenu{position:absolute;top:calc(100% + 6px);right:0;z-index:60;min-width:340px;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 12px 32px rgba(16,24,40,.18);padding:6px;display:flex;flex-direction:column} #prMenu[hidden]{display:none} #prMenu a{display:block;padding:8px 10px;border-radius:8px;color:var(--ink);text-decoration:none}#prMenu a:hover{background:#f1f5fb} #prMenu small{display:block;color:var(--mut);font-size:11.5px;font-weight:400;margin-top:1px} @media print{ #prBtn,#prMenu{display:none!important} body.pp #top,body.pp header,body.pp .tabs,body.pp #tools,body.pp #vaBar,body.pp #cal,body.pp #pcal,body.pp #ev,body.pp #prof{display:none!important} body.pp{display:block!important;height:auto!important;background:#fff!important;overflow:visible!important} body.pp #plan{display:block!important;overflow:visible!important;height:auto!important;max-height:none!important;margin:0!important;border:0!important;box-shadow:none!important;border-radius:0!important;background:#fff!important} body.pp #t th,body.pp #t .fz{position:relative!important;top:auto!important} body.pp #t .fz{left:auto!important} body.pp #t tbody tr,body.pp #t thead tr{break-inside:avoid} body.pa3 #t thead{display:table-header-group} *{-webkit-print-color-adjust:exact;print-color-adjust:exact} } /* ---------- Fahrer-Markierungen: abgerundete Kästchen, Nations Cup mit Rahmen (v42) ---------- */ /* ---------- Kompaktmodus = Platz + Geschwindigkeit (v43) ---------- */ body.compact:not(.cmplock) #top,body.compact:not(.cmplock) .tabs,body.compact:not(.cmplock) #vaBar{display:none!important} /* v74: nur, wenn die Kompaktansicht frei gewaehlt ist */ body.compact #tools{padding:6px 10px;gap:10px} body.compact:not(.cmplock) #tools>*:not(#compBtn):not(.flt):not(.sp){display:none!important} body.compact:not(.cmplock) #tools .flt{display:flex!important;gap:8px} body.compact:not(.cmplock) #tools .flt>*:not(.chk){display:none!important} body.compact #t th.rt{height:112px;padding-top:20px} body.compact #t th i.lb,body.compact .kpi,body.compact .tl{display:none!important} body.compact #t.focusing tbody tr:not(.fx) td{filter:none;opacity:.35;transition:none} @media(pointer:coarse){#t.focusing tbody tr:not(.fx) td{filter:none;opacity:.35;transition:none}} /* v45: ruhige Fahrerflaeche - nur Punkte sind farbig */ #t td.rd{-webkit-text-stroke:0} #t .dbl{background:linear-gradient(90deg,var(--d1) 50%,var(--d2) 50%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent} #rdTip{position:fixed;z-index:190;pointer-events:none;padding:5px 10px;border-radius:8px;border:1px solid rgba(20,30,50,.2);box-shadow:0 4px 14px rgba(16,24,40,.25);font-size:12.5px;line-height:1.25;white-space:nowrap;color:#1c2430}#rdTip[hidden]{display:none}#rdTip em{display:block;font-style:normal;font-size:10px;font-weight:700;letter-spacing:.04em;opacity:.8}#rdTip b{display:block} @media print{#rdTip{display:none!important}} #rdTip .rc{display:flex;gap:3px;align-items:flex-end;background:#fff;border-radius:6px;padding:3px 5px 2px;margin-bottom:5px;opacity:1}#rdTip .rc span{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;width:24px;height:66px}#rdTip .rc u{text-decoration:none;font-size:10px;font-weight:700;height:12px;line-height:12px;color:#344054}#rdTip .rc i{display:block;width:16px;border-radius:3px 3px 0 0;border:1px solid rgba(20,30,50,.25);border-bottom:0;box-sizing:border-box}#rdTip .rc s{text-decoration:none;font-size:8.5px;font-weight:700;letter-spacing:.02em;color:#667085;border-top:1px solid #d0d5dd;width:100%;text-align:center;margin-top:0}#rdTip .rc i[style*="height:0px"]{display:none} #rdTip small{display:block;margin-top:3px;font-size:10.5px;opacity:.75}#rdTip .rc i.gh{background:transparent!important;border:1.5px dashed;border-bottom:0;margin-bottom:0} /* ---------- v52: Statistik-Grafiken, Leistungskurven ---------- */ .scw{display:grid;grid-template-columns:minmax(420px,1.25fr) minmax(380px,1fr);gap:16px;margin:4px 0 20px} .scw .scard:nth-child(3){grid-column:2}.scw .scard:first-child{grid-row:span 2} .scard{background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);padding:14px 16px 16px;min-width:0} .scard h3{margin:0 0 12px!important;font-size:15px}.scard h3 small{font-weight:400;color:var(--mut);font-size:12px;margin-left:6px} .scl{--scn:150px;--scv:96px;position:relative;display:flex;flex-direction:column;gap:5px} .scr{display:grid;grid-template-columns:var(--scn) 1fr var(--scv);align-items:center;gap:0;height:22px} .scn{display:flex;align-items:center;gap:7px;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-right:8px}.scn i{width:10px;height:10px;border-radius:3px;flex:none;border:1px solid rgba(20,30,50,.18)} .scb{display:flex;height:16px;background:#f2f4f7;border-radius:5px;overflow:hidden}.scb i{display:block;height:100%}.scb i.tr{opacity:.85} .scv{font-size:12.5px;padding-left:8px;white-space:nowrap}.scv small{color:var(--mut)}.scv .rs{color:#8a5a00} .sav{position:absolute;top:-6px;bottom:-4px;border-left:2px dashed #1c2430;opacity:.55;pointer-events:none}.sav span{position:absolute;bottom:-16px;left:3px;font-size:10.5px;font-weight:700;white-space:nowrap} .smw{display:flex;align-items:flex-end;gap:6px;height:190px;padding-top:6px} .smc{flex:1;min-width:22px;display:flex;flex-direction:column;align-items:center;height:100%}.smc b{font-size:11.5px;height:16px} .smb{flex:1;width:70%;display:flex;flex-direction:column-reverse;justify-content:flex-start;gap:1px}.smb i{display:block;width:100%;border-radius:2px;border:1px solid rgba(20,30,50,.15);box-sizing:border-box;min-height:2px} .smc small{font-size:11px;color:var(--mut);margin-top:4px;border-top:1px solid var(--line);width:100%;text-align:center;padding-top:3px}.smc em{font-style:normal;font-size:10.5px;color:var(--mut)} .sor{display:grid;grid-template-columns:130px 1fr 34px;align-items:center;gap:8px;height:24px;font-size:13px}.sor span:first-child{display:flex;align-items:center;gap:7px}.sor span:first-child i{width:11px;height:11px;border-radius:50%} .sob{height:12px;background:#f2f4f7;border-radius:6px;overflow:hidden}.sob i{display:block;height:100%;border-radius:6px}.sor b{text-align:right} @media (max-width:1100px){.scw{grid-template-columns:1fr}.scw .scard:nth-child(3){grid-column:auto}.scw .scard:first-child{grid-row:auto}} td.spc{padding:2px 6px!important}.spk{display:block}.spk path{fill:none;stroke-width:1.8;stroke-linejoin:round}.spk path.td{stroke:#98a2b3;stroke-dasharray:3 2}.spk path.pp{stroke:#1f3a5f} .pcw{margin:16px 0 8px}.pc{width:100%;height:auto;display:block;max-height:560px} .pc .gl{stroke:#eaecf0}.pc .gv{stroke:#f2f4f7}.pc .ya{font-size:11px;fill:#667085;text-anchor:end}.pc .xa{font-size:11px;fill:#667085;text-anchor:middle} .pc g.ln path{fill:none;stroke-width:2.2;stroke-linejoin:round;stroke-linecap:round;cursor:pointer}.pc g.ln circle{cursor:pointer} .pc g.lb{cursor:pointer}.pc g.lb text{font-size:11.5px;font-weight:600}.pc g.lb line{stroke-width:1.5} .pc.has g.ln:not(.hl),.pc.has g.lb:not(.hl){opacity:.13}.pc.has g.ln.hl path{stroke-width:3.4} .pc g.ln:hover path{stroke-width:3.4} .pcchips{display:flex;flex-wrap:wrap;gap:6px;margin:-4px 0 10px} .pcc,.pcclr{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);background:#fff;border-radius:999px;padding:3px 10px 3px 7px;font-size:12px;cursor:pointer;color:var(--ink)} .pcc i{width:10px;height:10px;border-radius:50%}.pcc.on{background:#1c2430;color:#fff;border-color:#1c2430}.pcclr{padding:3px 10px;color:var(--mut)}.pcclr[hidden]{display:none} @media print{.pcchips{display:none}} .pc .g100{stroke:#1c2430;stroke-dasharray:4 3;opacity:.5} .pcc em{font-style:normal;font-size:9.5px;font-weight:700;border-radius:4px;padding:0 4px;color:#344054;border:1px solid rgba(20,30,50,.15)}.pcc.on em{color:#1c2430} .pcw h3{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px}.pcmode{margin-left:auto;display:inline-flex;border:1px solid var(--line);border-radius:9px;overflow:hidden} .pcmode button{border:0;background:#fff;padding:4px 10px;font-size:12px;cursor:pointer;color:var(--mut)}.pcmode button.on{background:#1f3a5f;color:#fff} .scl{padding-bottom:16px} @media print{.pcmode{display:none}} /* ---------- v52: Sammel-PDF mit Deckblatt ---------- */ @media screen{#prCover{display:none}} #prCover{font-size:12px;color:var(--ink);background:#fff} .cvh{display:flex;align-items:center;gap:18px;border-bottom:3px solid #1f3a5f;padding-bottom:10px;margin-bottom:14px}.cvh img{height:54px}.cvh h1{margin:0;font-size:26px}.cvh p{margin:2px 0 0;color:var(--mut);font-size:13px} .cvts{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:14px} .cvt{background:#fff;border:1px solid var(--line);border-radius:14px;padding:10px 14px;box-shadow:var(--shadow)}.cvt b{display:block;font-size:30px;line-height:1.1;color:#1f3a5f}.cvt b small{font-size:16px;color:var(--mut)} .cvt span{font-weight:700;font-size:13px}.cvt small{display:block;color:var(--mut);font-size:11.5px;margin-top:2px}.cvt.warn b{color:#b42318}.cvt.ok b{color:#0b7a3e}.cvt.cfm b{color:#1f5fbf} .cvg{display:grid;grid-template-columns:1.3fr 1fr;gap:12px}.cvg>.cvs{grid-column:1/-1}.cvg .scw{display:contents}.cvg .scw .scard:first-child{grid-row:span 2}.cvg .scw .scard:nth-child(3){grid-column:auto} .cvms{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:8px} .cvm h4{margin:0 0 5px;font-size:13px;border-bottom:2px solid #1f3a5f;padding-bottom:2px}.cvm h4 small{color:var(--mut);font-weight:400}.cvm .e{color:var(--mut);margin:0} .cvr{display:grid;grid-template-columns:34px 1fr auto;grid-template-rows:auto auto;column-gap:4px;background:var(--cc);border-radius:6px;padding:3px 6px;margin-bottom:4px;font-size:10.5px;line-height:1.25;border:1.5px solid transparent;break-inside:avoid} .cvr.iv{border-color:#f79009}.cvr.cf{border-color:#1f5fbf}.cvr .d{font-weight:700}.cvr .n{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cvr .f{display:flex;gap:2px;align-items:center;color:#8a5a00}.cvr .k{grid-column:2/4;color:#475467;font-size:9.5px} i.fc,i.fs{display:inline-block;width:8px;height:8px;border-radius:50%}i.fc{background:#6a2fe0}i.fs{background:#e00000} .cvl{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.3fr;gap:16px}.cvl h5{margin:0 0 6px;font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--mut)}.cvl p{margin:0 0 4px;display:flex;align-items:center;gap:6px;flex-wrap:wrap} .lgd{font-size:16px;line-height:1}.lsw{display:inline-block;width:16px;height:11px;border-radius:3px;border:1px solid rgba(20,30,50,.2)}.lsw.ivb{background:#fff;border:2px solid #f79009} .cvty{display:flex;flex-wrap:wrap;gap:4px}.cvty span{border-radius:6px;padding:2px 7px;font-size:11px;border:1px solid rgba(20,30,50,.15)} .cvg .scard{box-shadow:none}.cvg .scl{--scn:130px;--scv:90px}.cvg .scr{height:19px}.cvg .smw{height:150px} @media print{ body.pall #prCover{display:block!important;break-after:page} body.pall #plan{display:block!important;break-after:page} body.pall #cal,body.pall #ev,body.pall #prof{display:block!important;overflow:visible!important;height:auto!important;max-height:none!important;padding:0!important;break-before:page} body.pall #pcal,body.pall #msg{display:none!important} body.pall #ev,body.pall #prof{font-size:12px} body.pall .pfwrap,body.pall .evw>div{overflow:visible!important} body.pall #prof button,body.pall .pfbar,body.pall #prof .tcard p,body.pall #ev .hint{display:none!important} body.pall #prof input[type=color]{display:none} body.pall #prof select{appearance:none;border:0;background:transparent;padding:0} body.pall .scard,body.pall table.ev,body.pall #pft,body.pall #pt{box-shadow:none!important} body.pall #ev::before{content:"Statistics";display:block;font:700 20px/1.2 inherit;margin:0 0 10px} body.pall #prof::before{content:"Rider profiles";display:block;font:700 20px/1.2 inherit;margin:0 0 10px} body.pall .scw,body.pall .pcw{break-inside:avoid} } .cvt b small{display:inline;font-size:16px;margin:0} @media print{body.pall #ev .scw{grid-template-columns:1.25fr 1fr!important}body.pall #ev .scw .scard:first-child{grid-row:span 2!important}body.pall #ev .scw .scard:nth-child(3){grid-column:2!important}body.pall #ev .smw{height:140px}body.pall #ev .scw{margin-bottom:10px}} .lgd{display:inline-block}.cvg .scl{--scn:142px} /* v52: einheitliche Meldungen + Touch */ #msg{display:flex;align-items:flex-start;gap:10px;cursor:pointer;font-size:14px;line-height:1.4;padding:12px 18px 12px 14px} #msg::before{flex:none;width:22px;height:22px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-weight:800;font-size:13px;background:rgba(255,255,255,.2)} #msg.good::before{content:"✓"}#msg.bad::before{content:"!"} #msg:empty{display:none} @media (pointer:coarse){body.compact #t td{height:36px}body.compact #t td.rd,body.compact #t td.fl{font-size:21px}body.compact #t td.sf select{height:32px}} /* v53: Offline-Hinweis */ #offBar{position:sticky;top:0;z-index:90;background:#fef0c7;color:#7a2e0e;border-bottom:1px solid #fdb022;padding:7px 14px;font-size:13.5px;display:flex;align-items:center;gap:8px;flex-wrap:wrap} #offBar b{background:#b54708;color:#fff;border-radius:6px;padding:1px 8px}#offBar button{margin-left:auto;border:1px solid #b54708;background:#fff;color:#b54708;border-radius:8px;padding:3px 10px;cursor:pointer} body.offline #t td[contenteditable],body.offline #t td.rd,body.offline #t td.fl,body.offline #t input.sel,body.offline #t select{cursor:not-allowed} body.offline #openAdd,body.offline #actBtn{opacity:.4;pointer-events:none} @media print{#offBar{display:none}} /* ================= v54: Handy-Ansicht ================= */ #mob{display:none} body.mob{overflow:hidden;background:#fff} body.mob>*:not(#mob):not(#offBar):not(#msg):not(script):not(dialog):not(.lv):not(.lc):not(#plPick){display:none!important} body.mob #mob{display:flex!important;flex-direction:column;position:fixed;inset:0;background:#fff;color:#1c2430;font-size:15px;z-index:50;padding-top:env(safe-area-inset-top)} body.mob.offline #mob{top:40px}body.mob #offBar{position:fixed;left:0;right:0;top:0;z-index:60;font-size:12.5px} #mob button{font:inherit;color:inherit} .mtop{display:flex;align-items:center;gap:10px;padding:10px 16px 8px;border-bottom:1px solid #eef0f4;flex:none} .mtop img{height:24px}.mtop h2{font-size:19px;margin:0;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .mtoday{border:1px solid #d0d5dd;background:#fff;border-radius:999px;padding:4px 12px;font-size:13px!important;font-weight:600;color:#1f3a5f!important} .mlay{display:flex;gap:6px;padding:8px 16px;border-bottom:1px solid #eef0f4;overflow-x:auto;flex:none;scrollbar-width:none} .mlay button{font-size:12.5px!important;border-radius:999px;padding:4px 11px;border:1px solid #d0d5dd;background:#fff;white-space:nowrap}.mlay button.on{background:#1f3a5f;color:#fff!important;border-color:#1f3a5f} .mbody{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding-bottom:90px;position:relative} .mnav{flex:none;display:flex;justify-content:space-around;border-top:1px solid #e4e7ec;background:#fff;padding:6px 4px calc(6px + env(safe-area-inset-bottom))} .mnav button{flex:1;border:0;background:none;display:flex;flex-direction:column;align-items:center;gap:1px;font-size:11px!important;color:#667085!important;padding:4px 0} .mnav button i{font-style:normal;font-size:20px;line-height:1.2}.mnav button.on{color:#1f3a5f!important;font-weight:700} .mfab{position:absolute;right:18px;bottom:calc(76px + env(safe-area-inset-bottom));width:58px;height:58px;border-radius:18px;border:0;background:#1f3a5f;color:#fff!important;font-size:32px!important;line-height:1;box-shadow:0 8px 20px rgba(31,58,95,.4);z-index:5} .mmh{position:sticky;top:0;z-index:2;background:#f5f7fa;font-weight:700;font-size:13.5px;padding:7px 16px;color:#475467;border-bottom:1px solid #eef0f4;display:flex;justify-content:space-between}.mmh small{font-weight:500;font-size:12px} .mnow{display:flex;align-items:center;gap:8px;padding:8px 16px 4px;color:#e00000;font-size:11.5px;font-weight:800;letter-spacing:.02em}.mnow:after{content:"";flex:1;height:2px;background:#e00000} .mag{display:flex;gap:12px;padding:7px 14px 7px 12px} .mdc{width:40px;text-align:center;flex:none;padding-top:4px}.mdc b{display:block;font-size:21px;line-height:1}.mdc small{font-size:11px;color:#667085;text-transform:uppercase} .mcard{flex:1;min-width:0;border-radius:14px;padding:9px 12px 10px 16px;border:1px solid #e4e7ec;background:#fff;box-shadow:0 1px 2px rgba(16,24,40,.06);position:relative;overflow:hidden} .mcard:before{content:"";position:absolute;left:0;top:0;bottom:0;width:6px;background:var(--cc)} .mag.tm .mcard{background:#fafbfc;box-shadow:none}.mag.tm .mt{font-weight:600;color:#475467} .mt{display:flex;align-items:center;gap:6px;font-weight:700;font-size:15px}.mt>span:not(.mcd){flex:none} .mcd{margin-left:auto;font-size:12px;color:#1f5fbf;font-weight:600;white-space:nowrap}.mcd.now{color:#fff;background:#e00000;border-radius:6px;padding:1px 6px} .mm{font-size:12.5px;color:#475467;margin-top:2px} .mch{display:flex;gap:5px;flex-wrap:wrap;margin-top:6px} .mp{font-size:11px;font-weight:700;border-radius:6px;padding:2px 7px;white-space:nowrap}.mp.st{background:#1c2430;color:#fff}.mp.rs{background:#fff;border:1.5px dashed #98a2b3;color:#475467} .mp.cf{background:#d1fadf;color:#05603a}.mp.iv{background:#fef0c7;color:#93370d}.mp.ap{background:#eaf2ff;color:#1f5fbf}.mp.rc{background:#ccfbef;color:#0b6b62}.mp.wl{background:#fff1e6;color:#b93815}.mp.pr{background:#fff4d6;color:#8a5a00} .mwi{display:flex;gap:4px;margin-top:6px;flex-wrap:wrap}.mwi span{font-size:11px;background:#f2f4f7;border-radius:999px;padding:2px 8px}.mwi span.sf{background:#eef3fb;color:#1f3a5f} .mlk{display:flex;gap:8px;margin-top:8px;flex-wrap:wrap}.mlk a,.mlk button{font-size:12.5px!important;color:#1f5fbf!important;text-decoration:none;border:1px solid #d0d5dd;border-radius:9px;padding:5px 10px;background:#fff} .mown{flex:1;border-radius:12px;padding:9px 12px;background:var(--oc);font-weight:700;font-size:14px}.mown small{display:block;font-weight:400;font-size:12.5px;color:#344054;margin-top:1px} .mpast{display:block;margin:8px auto 2px;border:1px solid #d0d5dd;background:#fff;border-radius:999px;padding:5px 14px;font-size:12.5px!important;color:#475467!important} .mpastl{opacity:.6}.mempty{color:#667085;padding:18px 20px;text-align:center} /* Wochen */ .mwd{display:grid;grid-template-columns:28px repeat(7,1fr);font-size:11px;color:#667085;padding:5px 6px 4px;border-bottom:1px solid #eef0f4;text-align:center;font-weight:600;flex:none;margin:0 -0px} .mwd .we,.mwk .dn.we{color:#98a2b3} .mwks{user-select:none;-webkit-user-select:none;-webkit-touch-callout:none} .wmh{position:sticky;top:0;z-index:3;background:#f5f7fa;font-weight:700;font-size:13px;padding:5px 12px;color:#1f3a5f;border-bottom:1px solid #eef0f4} .mwk{display:grid;grid-template-columns:28px repeat(7,1fr);padding:0 6px 6px;border-bottom:1px solid #eef0f4;min-height:84px;position:relative} .mwk .kw{grid-column:1;grid-row:1/-1;font-size:10px;color:#98a2b3;padding-top:7px;text-align:center} .mwk .dz{grid-row:1/-1;z-index:0;border-radius:6px;margin:0 1px}.mwk .dz.sel{background:#dbe7fb}.mwk .dz.out{background:repeating-linear-gradient(135deg,#fafbfc 0 4px,#fff 4px 8px)} .mwk .dn{grid-row:1;font-size:13px;text-align:center;padding:5px 0 3px;font-weight:600;z-index:1;pointer-events:none}.mwk .dn.out{color:#d0d5dd} .mwk .dn.tdy span{background:#e00000;color:#fff;border-radius:50%;padding:1px 5px} .bar{z-index:1;font-size:11px!important;font-weight:600;border-radius:5px;padding:2px 5px;margin:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3;text-align:left;border:0;cursor:pointer} .bar.rc{background:var(--cc);border-left:4px solid #1c2430}.bar.rr{background:#fff;border:1.5px dashed #98a2b3;color:#475467!important}.bar.ow{background:var(--oc)}.bar.tb{background:#eef0f4;color:#667085!important} .bar.cont{border-top-left-radius:0;border-bottom-left-radius:0;border-left-width:0}.bar.go{border-top-right-radius:0;border-bottom-right-radius:0} .wmore{position:absolute;left:4px;bottom:3px;font-size:10px;color:#667085;font-weight:700} /* Jahr */ .myr{display:grid;grid-template-columns:repeat(2,1fr);gap:14px 12px;padding:12px} @media (min-width:430px){.myr{grid-template-columns:repeat(3,1fr)}} .mym{border:0;background:none;padding:0;text-align:left}.mym b{display:block;font-size:13px;color:#1f3a5f;margin-bottom:4px} .myg{display:grid;grid-template-columns:repeat(7,1fr);gap:1px}.myg i{font-style:normal;font-size:9.5px;text-align:center;line-height:16px;border-radius:3px;color:#344054} .myg i.t{box-shadow:inset 0 0 0 1.5px #e00000}.myg i.rs{box-shadow:inset 0 0 0 1.2px #98a2b3;border-radius:50%}.myg i.ob{box-shadow:inset 0 -3px 0 var(--oc)} .mylg{display:flex;flex-wrap:wrap;gap:6px 14px;padding:4px 16px 16px;font-size:12px;color:#475467}.mylg span{display:flex;align-items:center;gap:5px}.mylg i{width:14px;height:12px;border-radius:3px;display:inline-block}.mylg i.rs{box-shadow:inset 0 0 0 1.2px #98a2b3;border-radius:50%}.mylg i.t{box-shadow:inset 0 0 0 1.5px #e00000} /* Mehr */ .msec{padding:14px 16px;border-bottom:1px solid #eef0f4}.msec h4{margin:0 0 6px;font-size:15px}.msec p{margin:0 0 8px;color:#475467;font-size:13.5px} .msec select{width:100%;font-size:16px;padding:10px;border:1px solid #d0d5dd;border-radius:10px;background:#fff} .mbtn{display:block;width:100%;text-align:center;border:1px solid #d0d5dd;background:#fff;border-radius:12px;padding:11px;font-weight:700;margin:6px 0;color:#1f3a5f!important;text-decoration:none;font-size:15px} .mbtn.out{color:#b42318!important}.mver{text-align:center;font-size:12px!important;margin-top:6px!important} .mcopy{display:flex;gap:6px;margin:6px 0}.mcopy input{flex:1;min-width:0;font-size:12px;padding:8px;border:1px solid #d0d5dd;border-radius:8px}.mcopy button{border:1px solid #d0d5dd;background:#fff;border-radius:8px;padding:0 12px;font-weight:600} .mlnk{border:0;background:none;color:#1f5fbf!important;text-decoration:underline;padding:0;font-size:inherit!important} .mleg p{display:flex;flex-wrap:wrap;gap:5px;align-items:center}.mlsw{font-size:11.5px;border-radius:6px;padding:2px 7px;border:1px solid rgba(20,30,50,.12);color:#1c2430} /* Bottom-Sheet */ .msh{position:fixed;inset:0;z-index:70}.mdim{position:absolute;inset:0;background:rgba(16,24,40,.45);opacity:0;transition:opacity .2s} .mpanel{position:absolute;left:0;right:0;bottom:0;max-height:88vh;overflow-y:auto;background:#fff;border-radius:22px 22px 0 0;padding:8px 16px calc(18px + env(safe-area-inset-bottom));box-shadow:0 -10px 30px rgba(0,0,0,.25);transform:translateY(100%);transition:transform .22s ease-out} .msh.on .mdim{opacity:1}.msh.on .mpanel{transform:none} .mgrab{width:44px;height:5px;border-radius:3px;background:#d0d5dd;margin:2px auto 12px} .mpanel h3{margin:0 0 4px;font-size:18px;display:flex;justify-content:space-between;align-items:baseline;gap:8px}.mpanel h3 small{font-size:13px;color:#667085;font-weight:500} .mpanel h5{margin:12px 0 3px;font-size:12px;color:#667085;text-transform:uppercase;letter-spacing:.04em}.mlist{margin:0;font-size:14px;line-height:1.5}.msub{color:#667085;font-size:13px;margin:0 0 8px} .mfl{display:block;font-size:11.5px;color:#667085;font-weight:700;margin:8px 0 4px;letter-spacing:.03em} .mtpl{display:flex;flex-wrap:wrap;gap:7px}.mtpl button{border:1.5px solid #d0d5dd;background:#fff;border-radius:12px;padding:8px 11px;font-size:14px!important;font-weight:600;display:flex;align-items:center;gap:6px} .mtpl button i{width:10px;height:10px;border-radius:3px;display:inline-block}.mtpl button.on{border-color:#1f3a5f;background:#eef3fb;box-shadow:inset 0 0 0 1px #1f3a5f} .mdts{display:grid;grid-template-columns:1fr 1fr;gap:10px} .mpanel input[type=date],.mpanel input#mNote{width:100%;border:1px solid #d0d5dd;border-radius:10px;padding:10px 12px;font-size:16px;background:#fff;color:#1c2430;box-sizing:border-box;min-height:44px} .mwarn{background:#fffaeb;border:1px solid #fdb022;border-radius:12px;padding:9px 11px;font-size:13px;color:#7a2e0e;margin-top:12px;display:flex;gap:8px}.mwarn b{display:block} .mbtns{display:grid;grid-template-columns:1fr 1.6fr;gap:10px;margin-top:14px}.mbtns button{border-radius:12px;padding:13px;font-weight:700;font-size:15px!important} .mbtns .c{border:1px solid #d0d5dd;background:#fff}.mbtns .s{background:#1f3a5f;border:0;color:#fff!important}.mbtns .d{border:1px solid #fda29b;background:#fff;color:#b42318!important} .mbtns:has(>:only-child){grid-template-columns:1fr} .mtip{font-size:12px;color:#667085;text-align:center;margin:12px 0 0} #toMob{position:fixed;right:12px;bottom:12px;z-index:90;border:0;background:#1f3a5f;color:#fff;border-radius:999px;padding:10px 16px;font-weight:700;box-shadow:0 6px 16px rgba(0,0,0,.25)} .rmb{display:flex!important;align-items:center;gap:8px;font-weight:400!important;font-size:14px}.rmb input{width:auto!important;margin:0} @media print{#mob{display:none!important}} /* ================= v55: Entry-Dialog mit Kontakt, Bewerbung, Schriftverkehr ================= */ #dReg.wide{width:min(1180px,96vw);max-width:none} .rgcols{display:grid;grid-template-columns:minmax(300px,1fr) minmax(380px,1.35fr);gap:22px;align-items:start} .rgcols h4{margin:4px 0 8px;font-size:14px;display:flex;align-items:center;gap:8px}.rgcols h4 small{font-weight:400;color:var(--mut);font-size:12px} .rgcols h4 button{margin-left:auto;font-size:12px;padding:3px 10px} .rgcontact{margin-top:14px;border-top:1px solid var(--line);padding-top:10px} .rgcf{display:grid;grid-template-columns:1fr 1fr;gap:8px}.rgcf label{font-size:12px} .rgapp{background:#f8fafc;border:1px solid var(--line);border-radius:12px;padding:10px 12px;margin-bottom:12px}.rgapp:empty{display:none} .rgapp textarea{font:13px/1.45 Arial,Helvetica,sans-serif;width:100%;box-sizing:border-box}.rgapp input{width:100%;box-sizing:border-box} .apbtn{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}.apbtn .primary{margin-left:auto} .rgmails .ml{border:1px solid var(--line);border-radius:10px;margin:6px 0;background:#fff} .rgmails summary{display:flex;gap:8px;align-items:baseline;padding:7px 10px;cursor:pointer;list-style:none}.rgmails summary::-webkit-details-marker{display:none} .rgmails summary b{flex:1;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rgmails summary small{color:var(--mut);font-size:11.5px;white-space:nowrap} .mld{font-size:11px;font-weight:700;border-radius:6px;padding:1px 6px;white-space:nowrap}.mld.in{background:#eaf2ff;color:#1f5fbf}.mld.out{background:#d1fadf;color:#05603a} .mlb{padding:8px 12px 10px;border-top:1px solid var(--line);font-size:12.5px;line-height:1.45;max-height:320px;overflow:auto;white-space:normal;color:#344054} .mlDel{margin:0 10px 8px;font-size:11.5px;color:#b42318} .mlf{border:1px solid #c7d7f2;background:#f5f9ff;border-radius:10px;padding:10px;margin:6px 0}.mlfr{display:grid;grid-template-columns:130px 150px 1fr;gap:8px} .mlf textarea,.mlf input{width:100%;box-sizing:border-box}.mlf textarea{font:12.5px/1.4 Arial,sans-serif} #t td.reg sup.mcn{font-size:9px;font-weight:700;color:#fff;background:#1f5fbf;border-radius:7px;padding:0 4px;margin-left:1px;vertical-align:top;position:relative;top:-2px} @media (max-width:900px){.rgcols{grid-template-columns:1fr}} /* Konflikt-Glocke */ #bellBtn{position:relative}#bellBtn b{position:absolute;top:-4px;right:-4px;background:#d92d20;color:#fff;border-radius:999px;font-size:10.5px;min-width:17px;height:17px;line-height:17px;padding:0 4px;box-sizing:border-box} #bellBtn.ring{animation:bell 1.6s ease-in-out 3}@keyframes bell{0%,100%{transform:none}10%,30%{transform:rotate(-12deg)}20%,40%{transform:rotate(12deg)}50%{transform:none}} #bellMenu{position:absolute;top:calc(100% + 6px);right:0;z-index:60;width:420px;max-height:70vh;overflow:auto;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 12px 32px rgba(16,24,40,.18)} #bellMenu[hidden]{display:none}.blh{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-bottom:1px solid var(--line)} .bli{display:flex;gap:10px;padding:10px 12px;border-bottom:1px solid #f2f4f7;font-size:13px}.bli>div:first-child{flex:1}.bli span{color:#b42318;font-weight:600}.bli small{display:block;color:var(--mut);font-size:11px;margin-top:2px} .blb{display:flex;flex-direction:column;gap:4px}.blb button,.blh button{font-size:12px;padding:3px 9px;white-space:nowrap} #t td.rd.nw{box-shadow:inset 0 0 0 2.5px #d92d20;animation:nwp 1.4s ease-in-out 3}@keyframes nwp{50%{box-shadow:inset 0 0 0 4px #f97066}} @media print{#bellBtn,#bellMenu{display:none!important}#t td.rd.nw{box-shadow:none}} /* ================= v56: Postfach, Signatur, Anhänge, Vorschläge ================= */ .sigbox{min-height:70px;max-height:220px;overflow:auto;border:1px solid var(--line);border-radius:8px;padding:8px 10px;background:#fff;font:13px/1.4 Arial,sans-serif;margin-top:4px} .sigbox:empty:before{content:"Paste your signature here (Ctrl+V)";color:var(--mut)} fieldset.mbx{border:1px solid var(--line);border-radius:12px;padding:10px 12px;margin:12px 0 4px}fieldset.mbx legend{font-weight:700;font-size:13px;padding:0 6px} .mlclip,.mlauto{font-style:normal;font-size:11px;color:var(--mut);white-space:nowrap}.mlauto{background:#f2f4f7;border-radius:5px;padding:0 5px} .mlfiles{display:flex;flex-wrap:wrap;gap:6px;padding:6px 12px;border-top:1px solid var(--line)}.mlfiles a{font-size:12px;border:1px solid var(--line);border-radius:7px;padding:2px 8px;text-decoration:none;color:#1f5fbf}.mlfiles small{color:var(--mut)} .mlsug{display:flex;align-items:center;gap:8px;padding:6px 12px;background:#fffaeb;border-top:1px solid #fde68a;font-size:12.5px}.mlsug button{font-size:12px;padding:2px 9px} .bli select.mlAssign{margin-top:6px;width:100%;font-size:12px} /* v61: Lösch-Dialog mit drei Optionen */ #dDel{max-width:520px}.ddlist{max-height:160px;overflow:auto;margin:-6px 0 12px;padding:8px 10px;background:#f6f7f9;border-radius:8px;font-size:13px;line-height:1.5} .ddopt{font-size:13px;line-height:1.45;color:var(--mut);margin:0 0 8px}.ddopt b{color:var(--fg,#1c2430)} .ddhint{font-size:12px;color:#b54708;margin:4px 0 0} button.ddperm{background:#b42318!important;border-color:#b42318!important;color:#fff!important}button.ddperm:hover{filter:brightness(1.08)}button.ddperm:disabled{opacity:.4;cursor:not-allowed;filter:none} /* v62: UCI-Abgleich */ .ucibody{max-height:62vh;overflow:auto;font-size:13px}.ucibody h3{font-size:14px;margin:16px 0 6px;display:flex;gap:10px;align-items:baseline}.ucibody h3 small{font-weight:400;color:var(--mut)} .ucibody h3 a{font-size:12px;font-weight:400;cursor:pointer;color:var(--brand)} .ucisum{padding:8px 10px;background:#f6f7f9;border-radius:8px;line-height:1.5}.ucisum.bad{background:#fef3f2;color:#b42318} .ucirow{display:flex;gap:8px;align-items:flex-start;padding:5px 2px;border-bottom:1px solid #eef0f3}.ucirow input{margin-top:2px} .ucirow .m{color:var(--mut)}.ucirace{padding:6px 0 4px;border-bottom:1px solid #e4e7ec}.ucirace>b{display:block;margin:2px 0 2px} .ucirace .ucirow{border:0;padding:2px 2px 2px 14px}.uciold{color:#b42318;text-decoration:line-through}.ucinew{color:#067647} .ucilast{margin-right:auto;font-size:12px;color:var(--mut);align-self:center} .ucispin{display:inline-block;width:14px;height:14px;border:2px solid #c7cdd6;border-top-color:var(--brand);border-radius:50%;animation:ucs .8s linear infinite;vertical-align:-2px;margin-right:6px}@keyframes ucs{to{transform:rotate(360deg)}} label.ucirow{display:flex!important;flex-direction:row!important;gap:8px!important;align-items:flex-start;margin:0!important;font-weight:400!important;font-size:13px!important;color:inherit!important;cursor:pointer} label.ucirow input{width:auto!important;flex:none;margin:2px 0 0!important} .ucinote{color:#b54708;font-size:12px} /* v69: Fahrerliste mit Jahrgang und PCS-Link */ .sn input.by{flex:0 0 70px!important;width:70px!important;min-width:0;text-align:center}.sn input.nm{flex:1 1 180px}.sn input.pcs{flex:1.4}.sn .pcsq{text-decoration:none;padding:4px 6px;border-radius:6px}.sn .pcsq:hover{background:#f3f4f7} /* v70: Vorschau im Vorlagen-Dialog */ fieldset.tplpvf{border:1px solid #e4e7ec;border-radius:10px;padding:10px 12px 12px;margin:14px 0 0}fieldset.tplpvf legend{font-weight:600;font-size:13px;padding:0 4px} .tplpvbar{display:flex;gap:14px;align-items:flex-end;flex-wrap:wrap}.tplpvbar label{min-width:280px}.tplpvbar .hint{margin:0 0 6px} .tplpvsub{font-size:13px;margin:10px 0 6px}#tplPv{width:100%;height:560px;border:1px solid #d0d5dd;border-radius:8px;background:#fff} /* v72: Hinweisleiste für offene Mails */ #attnBar{position:relative;z-index:20;flex:none;display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:9px 16px;background:#fff4e5;border-bottom:2px solid #f79009;color:#7a2e0e;font-size:14px;box-shadow:0 2px 6px rgba(0,0,0,.06)} #attnBar .ai{font-size:18px}#attnBar b{color:#b54708}#attnBar button{padding:5px 12px;border-radius:8px;cursor:pointer}#attnBar #attnGo{margin-left:auto} #attnBar #attnLater{background:#fff;border:1px solid #f79009;color:#b54708} @media print{#attnBar{display:none}} /* v75: Nachfass-Hinweis */ #t td.reg.fup{box-shadow:inset 0 0 0 2px #f79009;border-radius:4px} #t td.reg.fup::after{content:"!";position:absolute;top:2px;right:2px;font:700 9px/12px Arial,sans-serif;width:12px;height:12px;border-radius:50%;background:#f79009;color:#fff;text-align:center} .blhs{color:var(--mut);font-weight:400;margin-left:6px} /* v76: Aufgaben je Rennen */ #t td.reg .tdn{position:absolute;right:2px;bottom:2px;min-width:14px;height:14px;padding:0 3px;box-sizing:border-box;border-radius:7px;background:#fff;border:1.5px solid #d92d20;color:#d92d20;font:700 9px/11px Arial,sans-serif;text-align:center} #t td.reg .tdn.due{background:#d92d20;color:#fff;animation:tdpulse 1.6s ease-in-out infinite} @keyframes tdpulse{0%,100%{box-shadow:0 0 0 0 rgba(217,45,32,.45)}50%{box-shadow:0 0 0 4px rgba(217,45,32,0)}} @media print{#t td.reg .tdn.due{animation:none}} .rgtodo{margin:0 0 14px;padding:10px 12px;border:1px solid #fecdca;background:#fffbfa;border-radius:10px}.rgtodo:empty{display:none} .rgtodo h4{margin:0 0 8px}.rgtodo h4 small{font-weight:400;color:var(--mut);margin-left:6px}.tdwarn{color:#d92d20} .tdi{display:flex;align-items:center;gap:8px;padding:4px 0;border-bottom:1px solid #f2f4f7}.tdi .tdt{flex:1}.tdi .tdt small{display:block;color:var(--mut);font-size:11px} .tdi.due .tdt{color:#b42318;font-weight:600}.tdi.dn .tdt{text-decoration:line-through;color:var(--mut)}.tdi.dn .tdt small{text-decoration:none} .tdi .tdDue{width:140px;font-size:12px}.tdi .tdDel{border:0;background:none;color:var(--mut);cursor:pointer} .tdadd{display:flex;gap:6px;margin-top:8px}.tdadd #tdNew{flex:1;min-width:0}.tdadd #tdNewDue{width:140px} .tdpre{display:flex;flex-wrap:wrap;gap:5px;margin-top:6px}.tdpre button{font-size:11px;padding:3px 9px;border-radius:999px;border:1px dashed #d0d5dd;background:#fff;cursor:pointer}.tdpre button::before{content:"+ "} .tddone{margin-top:6px;font-size:13px}.tddone summary{cursor:pointer;color:var(--mut)} #tdTip{position:fixed;z-index:200;max-width:340px;background:#fff;border:1px solid var(--line);border-left:4px solid #d92d20;border-radius:8px;box-shadow:0 8px 24px rgba(16,24,40,.14);padding:9px 12px;font-size:13px;pointer-events:none} #tdTip small{display:block;color:var(--mut);margin:1px 0 4px}#tdTip ul{margin:0;padding:0;list-style:none}#tdTip li{padding:2px 0}#tdTip li.due{color:#b42318;font-weight:600}#tdTip em{font-style:normal;color:var(--mut);font-weight:400}#tdTip i{display:block;color:var(--mut);font-size:11px;margin-top:5px} /* ================= v77: Reiseplanung ================= */ #t td.trv{cursor:pointer;padding:0}#t td.trv svg{vertical-align:middle} .tr-green{color:#12b76a}.tr-yellow{color:#f79009}.tr-red{color:#d92d20}.tr-grey{color:#c0c6d0} .trdot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:6px;vertical-align:middle;background:currentColor} #travel{padding:14px 20px 40px;overflow:auto} .trbar{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;margin-bottom:12px}.trbar select{max-width:340px}.trinfo{flex:1;min-width:260px} .trwarn{border:1px solid #fecdca;background:#fffbfa;border-radius:10px;padding:10px 14px;margin-bottom:14px;font-size:13px}.trwarn ul{margin:6px 0 0;padding-left:18px}.trwarn.ok{border-color:#abefc6;background:#f6fef9;color:#067647} .s-red{color:#b42318}.s-yellow{color:#b54708}.s-info{color:var(--mut)} .trsec{background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px 14px;margin-bottom:16px}.trsec h3{display:flex;align-items:center;gap:10px;margin:0 0 10px}.trsec h3 button{font-size:12px} .trp{width:100%;border-collapse:collapse;font-size:13px}.trp th{text-align:left;font-size:11px;color:var(--mut);text-transform:uppercase;letter-spacing:.3px;padding:6px 8px;border-bottom:1px solid var(--line)} .trp td{padding:7px 8px;border-bottom:1px solid #f2f4f7;vertical-align:top}.trp td:first-child{white-space:nowrap;width:1%}.trp td:nth-child(2){width:1%}.trp select.trHome{max-width:170px;font-size:12px} .trp tr.isres td{background:#fafbfc} .trr{font-style:normal;font-size:11px;border-radius:5px;padding:1px 6px;margin-left:4px;background:#1c2430;color:#fff}.trr.res{background:#fff;color:#475467;border:1px dashed #98a2b3}.trr.st{background:#eef4fc;color:#1d3f72}.trr.gone{background:#fee4e2;color:#b42318} .trchain{display:flex;flex-wrap:wrap;align-items:center;gap:4px}.tra{color:#98a2b3;font-weight:700} .trc{display:inline-flex;flex-direction:column;align-items:flex-start;gap:1px;border:1px solid #d0d5dd;border-left-width:4px;border-radius:7px;background:#fff;padding:3px 8px;font:inherit;font-size:12px;cursor:pointer;text-align:left} .trc small{color:var(--mut);font-size:11px}.trc.st-open{border-left-color:#f79009}.trc.st-proposed{border-left-color:#fdb022;background:#fffaeb}.trc.st-booked{border-left-color:#12b76a}.trc.st-self{border-left-color:#2e90fa}.trc.drv{background:#f5f8ff} .tradd{border:1px dashed #98a2b3;background:#fff;border-radius:7px;width:28px;height:28px;cursor:pointer;color:#475467} .trpi{display:flex;flex-wrap:wrap;gap:4px 12px;margin-top:4px;font-size:11.5px} .tl2{margin:4px 0 12px;font-size:11px}.tl2r,.tl2ax{display:flex;align-items:center;min-height:20px}.tl2l{flex:0 0 150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-right:8px;color:#344054} .tl2tr{position:relative;flex:1;height:18px;border-bottom:1px solid #f2f4f7}.tl2ax .tl2tr{height:16px;border:0}.tl2ax span:not(.tl2l){position:absolute;top:0;transform:translateX(-50%);white-space:nowrap;color:var(--mut);font-size:10px} .tl2b{position:absolute;top:3px;height:12px;border-radius:4px;background:#98a2b3}.tl2b.vb{background:#c7d7fe;top:6px;height:6px}.tl2s{position:absolute;top:1px;transform:translateX(-50%);width:15px;height:15px;border-radius:50%;background:#2e5bdb;color:#fff;font-size:9px;line-height:15px;text-align:center} .tl2b.m-flight{background:#7a5af8}.tl2b.m-train_long,.tl2b.m-train_regional{background:#2e90fa}.tl2b.m-bus{background:#0ba5ec}.tl2b.m-car_own,.tl2b.m-car_brought{background:#98a2b3}.tl2b.m-team{background:#12b76a}.tl2b.st-open,.tl2b.st-proposed{opacity:.55;outline:1px dashed #f79009} .tl2h{margin:2px 0 0 150px;font-size:10.5px}.trnotl{margin:0 0 8px} .trv-card{border:1px solid var(--line);border-left:4px solid #12b76a;border-radius:10px;padding:8px 12px;margin:12px 0 0;background:#fcfcfd}.trv-card.lv-red{border-left-color:#d92d20}.trv-card.lv-yellow{border-left-color:#f79009} .trvh{display:flex;flex-wrap:wrap;align-items:center;gap:6px 16px;font-size:13px;margin-bottom:6px}.trvh span{color:#475467}.trvh button{margin-left:auto;font-size:12px} .trst{width:100%;border-collapse:collapse;font-size:12.5px}.trst th{text-align:left;font-size:11px;color:var(--mut);padding:4px 6px;border-bottom:1px solid var(--line)}.trst td{padding:4px 6px;border-bottom:1px solid #f2f4f7;vertical-align:top}.trst td small{display:block;color:var(--mut)} .trissues{margin:6px 0 0;padding-left:18px;font-size:12.5px} .trm{border-collapse:collapse;font-size:13px}.trm td,.trm th{padding:4px 10px 4px 0;text-align:left;border-bottom:1px solid #f2f4f7}.trm th{font-size:11px;color:var(--mut)}.trman{color:#b54708}.trtruck{margin:8px 0 0;font-size:13px} .trdlg [hidden]{display:none!important}.trdlg .grid label small{font-weight:400;color:var(--mut)}.trhow b{font-size:13px}.trkind{display:flex;flex-wrap:wrap;gap:6px 22px;margin-top:6px}.trkind label{display:flex!important;flex-direction:row!important;gap:6px;align-items:center;font-weight:400}.trkind input{width:auto;margin:0} .trpl{display:flex;gap:4px}.trpl select{flex:1;min-width:0}.trpl button{flex:none;width:30px} .trsrow{display:grid;grid-template-columns:22px minmax(180px,1.6fr) 220px 1fr 30px 30px 30px;gap:6px;align-items:center;margin-bottom:6px} .trplist{max-height:55vh;overflow:auto}.trplr{display:flex;align-items:center;gap:8px;padding:6px 0;border-bottom:1px solid #f2f4f7;font-size:13px}.trplr small{color:var(--mut);flex:1}.trplr.off{opacity:.5}.trplr code{font-size:11px;background:#f2f4f7;padding:1px 5px;border-radius:4px} .vhlist{overflow-x:auto}.vhr{display:grid;grid-template-columns:60px 150px 110px 120px 56px 46px 66px 60px 90px 46px 30px;gap:5px;align-items:center;margin-bottom:4px;font-size:12px}.vhr.vhh{color:var(--mut);font-size:11px}.vhr input[type=checkbox]{justify-self:center}.vhr .vhn{grid-column:2/-1;margin-bottom:6px} .trbufs{grid-template-columns:repeat(3,1fr)} @media (max-width:900px){.tl2l{flex-basis:90px}.trsrow{grid-template-columns:22px 1fr 1fr}.trbufs{grid-template-columns:1fr}} @media print{#travel .trsec button,#travel .tradd{display:none}} /* v77.2 Datum/Uhrzeit */ .trdt{display:flex;gap:4px;align-items:center;min-width:0}.trdt .dtd{flex:1 1 auto;min-width:0}.trdt .dtx{flex:1 1 auto;min-width:0}.trdt .dtt{flex:none;width:68px!important;text-align:center;font-variant-numeric:tabular-nums}.trdt .dtt.bad{border-color:#d33!important;background:#fff1f1} #rdTip .rc u small{font-size:8.5px;font-weight:600;opacity:.65;margin-left:1px} .trbar .trback{font-weight:600} /* v77.4 Zeitachse ziehen */ .tl2b.dg,.tl2b.lock{cursor:pointer}.tl2b.dg{cursor:grab}.tl2s.dg{cursor:ew-resize;z-index:2}.tl2b.lock{cursor:pointer} .tl2b .h1,.tl2b .h2{position:absolute;top:-2px;bottom:-2px;width:7px;cursor:ew-resize}.tl2b .h1{left:-3px}.tl2b .h2{right:-3px} .tl2b.dg:hover{box-shadow:0 0 0 2px rgba(46,91,219,.35)}.tl2b.dg:hover .h1,.tl2b.dg:hover .h2{background:rgba(255,255,255,.55);border-radius:3px} body.tldrag,body.tldrag *{cursor:grabbing!important;user-select:none} #tlDrag{position:fixed;z-index:1000;background:#1c2430;color:#fff;font-size:12px;padding:5px 8px;border-radius:6px;pointer-events:none;white-space:nowrap;box-shadow:0 4px 14px rgba(0,0,0,.2)}#tlDrag i{color:#fdb022;font-style:normal} /* v78 My travel / My route */ #mytr{padding:18px 22px 40px}.mywrap{max-width:860px;margin:0 auto}.myhd{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.myhd h2{margin:0 0 6px} .myrace{background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px 16px;margin:14px 0;box-shadow:0 1px 2px rgba(16,24,40,.04)} .myrace h3{margin:0 0 6px;font-size:16px}.myrace h3 small{font-weight:400;color:var(--mut);font-size:12.5px;margin-left:4px} .mydest{margin:0 0 8px;font-size:13px;color:#344054}.mydir{margin-top:10px}.mydir h4{display:flex;align-items:center;gap:4px;margin:0 0 6px;font-size:13px;text-transform:uppercase;letter-spacing:.04em;color:#475467} .myadd{margin-left:auto;font-size:12px;padding:4px 10px;text-transform:none;letter-spacing:0} .mystep{border:1px solid var(--line);border-left:4px solid #98a2b3;border-radius:9px;padding:8px 10px;background:#fcfcfd} .mystep.m-flight{border-left-color:#7a5af8}.mystep.m-train_long,.mystep.m-train_regional{border-left-color:#2e90fa}.mystep.m-bus{border-left-color:#0ba5ec}.mystep.m-team{border-left-color:#12b76a} .myh{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:3px}.myh small{color:var(--mut)} .mys{margin-left:auto;font-size:11px;padding:2px 8px;border-radius:999px;background:#eef0f4;color:#475467;white-space:nowrap}.mys.st-booked{background:#d1fadf;color:#05603a}.mys.st-proposed{background:#fef0c7;color:#93370d}.mys.st-open{background:#fff1e6;color:#b93815}.mys.st-self{background:#eaf2ff;color:#1f5fbf} .myedit{font-size:12px;padding:3px 9px} .myl{font-size:13px;margin:2px 0;color:#1c2430}.myt{display:inline-block;min-width:118px;color:#475467;font-variant-numeric:tabular-nums} .myx{font-size:12.5px;color:#475467;margin-top:3px}.mytel{white-space:nowrap;font-weight:600;text-decoration:none}.mymap{text-decoration:none} .myarrow{text-align:center;color:#98a2b3;line-height:14px;font-size:12px} .myroute{list-style:none;margin:4px 0 0;padding:0}.myroute li{display:flex;gap:8px;padding:5px 0;border-top:1px dashed var(--line);font-size:13px}.myroute li:first-child{border-top:0} .myon{color:#05603a;font-size:12.5px}.myoff{color:#b42318;font-size:12.5px}.myseat{color:var(--mut);font-size:11.5px} .myiss{margin:6px 0 0;padding-left:18px;font-size:12.5px}.myiss .s-red{color:#b42318}.myiss .s-yellow{color:#93370d} .mycontact{margin:14px 0 4px;font-size:13px}.mytz{font-size:11.5px} .mtrv .myrace{margin:8px 0;padding:10px 12px}.mtrv .myt{min-width:96px}.mtrv{padding:4px 10px 80px}.msh .mtrv{padding:0} @media (max-width:700px){#mytr{padding:10px}.myt{min-width:0;display:block;font-size:12px}} /* v79 Unterreiter, Hotel & Zimmer, Kosten, Druck */ .trsub{display:flex;gap:4px;align-items:center;margin:10px 0 2px;border-bottom:1px solid var(--line);flex-wrap:wrap}.trsub button{border:0;background:none;box-shadow:none;padding:8px 14px;font-weight:600;color:var(--mut);border-bottom:3px solid transparent;border-radius:0}.trsub button.on{color:var(--ink);border-bottom-color:var(--brand)}.trsub .sp{flex:1}.trsub #trPrint,.trsub #trSeason,.trsub #trInv{border:1px solid var(--line);border-radius:8px;padding:5px 11px;margin-bottom:4px;color:var(--ink)} .lodg{border:1px solid var(--line);border-radius:12px;padding:12px 14px;margin:10px 0;background:#fff}.lodgh{display:flex;gap:10px;align-items:center;flex-wrap:wrap;font-size:13px}.lodgh b{font-size:15px}.lodgh .lk{background:#eef0f4;border-radius:999px;padding:2px 8px;font-size:11.5px;color:#475467}.lodgh .okb{color:#05603a;font-weight:600}.lodgh .opb{color:#b93815}.lodgh button{margin-left:auto} .lodgi{font-size:12.5px;color:#475467;margin:4px 0 8px} .rooms{display:flex;flex-wrap:wrap;gap:8px;align-items:stretch}.room{border:1.5px solid #d0d5dd;border-radius:10px;padding:6px 8px;min-width:170px;background:#fcfcfd}.room.full{border-color:#12b76a;background:#f6fef9}.room.over{border-color:#d92d20;background:#fff5f4}.room.dz,.rmun.dz{outline:2px dashed var(--brand);outline-offset:2px}.room.pick{cursor:copy;box-shadow:0 0 0 2px rgba(0,80,169,.25)} .roomh{display:flex;gap:4px;align-items:center;margin-bottom:5px}.roomh .rml{flex:1;min-width:0;font-weight:600;padding:3px 6px}.roomh .rmb{width:52px;padding:3px}.roomh .rmdel{padding:2px 7px;box-shadow:none;color:var(--mut)} .roomp{display:flex;flex-wrap:wrap;gap:4px;min-height:24px;align-items:center}.roomp .free{color:#c0c6d0;letter-spacing:3px;font-style:normal} .rmp{display:inline-flex;align-items:center;gap:3px;border-radius:999px;padding:2px 9px;font-size:12px;background:#eaf2ff;color:#1f3a5f;cursor:grab;user-select:none}.rmp.ss{background:#fef0c7;color:#7a2e0e}.rmp.sel{box-shadow:0 0 0 2px var(--brand)}.rmp .rmx{border:0;background:none;box-shadow:none;padding:0 0 0 3px;font-size:11px;color:inherit;opacity:.6;cursor:pointer} .roomadd{display:flex;flex-direction:column;gap:3px;justify-content:center;font-size:11.5px;color:var(--mut)}.roomadd button{padding:2px 8px;font-size:12px} .rmun{margin-top:10px;display:flex;flex-wrap:wrap;gap:4px;align-items:center;padding:6px;border-radius:8px;background:#f7f8fa}.rmun.ok{color:#05603a;font-size:12.5px}.rmun small{color:var(--mut)}.rmres{margin-left:8px} .cbud{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;margin:6px 0 12px;font-size:13px}.cbud input{width:110px}.cbud #cBudCur{width:56px}.cbar{flex:0 0 220px;height:10px;background:#eef0f4;border-radius:5px;overflow:hidden}.cbar i{display:block;height:100%;background:#12b76a}.cbar i.ov,.ov{background:#d92d20;color:#b42318}.cbar i.ov{color:inherit} table.ctab{border-collapse:collapse;width:100%;font-size:13px}table.ctab th,table.ctab td{padding:5px 8px;border-bottom:1px solid var(--line2);text-align:left}table.ctab .r{text-align:right}table.ctab input.camt{width:100px;text-align:right}table.ctab tfoot input{width:100%}table.ctab tfoot td{background:#f7f8fa}table.ctab td.ov{color:#b42318;background:none} .cper{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:13px}.myhotel{background:#f7f8fa;border-radius:9px;padding:7px 10px;margin:0 0 8px;font-size:13px}.myhb{display:flex;gap:12px;align-items:center} .cal td.trvd{background:repeating-linear-gradient(135deg,#eef0f4 0 6px,#f7f8fa 6px 12px);color:#475467;font-size:.92em} #trPrintBox{display:none} @media print{ body.ptr>*:not(#trPrintBox){display:none!important}body.ptr #trPrintBox{display:block!important;font-size:11px;color:#000} body.ptr #trPrintBox h1{font-size:18px;margin:0 0 6px}body.ptr #trPrintBox h1 small,body.ptr #trPrintBox h2 small{font-weight:400;font-size:.7em;color:#444}body.ptr #trPrintBox h2{font-size:14px;margin:14px 0 4px}body.ptr #trPrintBox h3{font-size:12px;margin:10px 0 3px} body.ptr #trPrintBox table{border-collapse:collapse;width:100%}body.ptr #trPrintBox th,body.ptr #trPrintBox td{border:1px solid #999;padding:3px 5px;text-align:left;vertical-align:top}body.ptr #trPrintBox th{background:#eee}body.ptr #trPrintBox .pb{break-before:page} body.ptr{}body.ptr #top,body.pmy #top,body.pmy .tabs,body.pmy #mob{display:none!important} body.pmy main:not(#mytr),body.pmy #cal,body.pmy #cal[hidden],body.pmy #pcal{display:none!important}body.pmy #mytr{display:block!important;padding:0}body.pmy .myadd,body.pmy .myedit,body.pmy .myhb{display:none!important}body.pmy .myrace{break-inside:avoid;box-shadow:none} } table.ctab tfoot #cAmt{width:100px;text-align:right}table.ctab .chk2{display:flex;gap:4px;align-items:center;flex-direction:row} /* v79.1 Personenwechsel in der Handy-Reiseansicht */ .mtsw{display:flex;align-items:center;gap:8px;padding:8px 10px 2px}.mtsw button{width:40px;height:40px;border-radius:50%;font-size:22px;line-height:1;padding:0;flex:none}.mtsw span{flex:1;text-align:center;display:flex;flex-direction:column}.mtsw small{color:var(--mut);font-size:11px} #mBody.sw-l{animation:swl .22s ease-out}#mBody.sw-r{animation:swr .22s ease-out}@keyframes swl{from{transform:translateX(40px);opacity:.3}to{transform:none;opacity:1}}@keyframes swr{from{transform:translateX(-40px);opacity:.3}to{transform:none;opacity:1}} /* v79.2 Kosten je Teamfahrzeug */ .cveh{display:flex;flex-direction:column;gap:6px;margin:0 0 14px}.cvr{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;border:1px solid var(--line);border-left:4px solid #12b76a;border-radius:9px;padding:7px 10px;background:#fcfcfd} .cvn{display:flex;flex-direction:column;min-width:220px;flex:1}.cvn small{color:var(--mut)}.cvs{font-weight:700;min-width:90px;text-align:right}.cvq{display:flex;flex-wrap:wrap;gap:4px}.cvq button{font-size:12px;padding:3px 9px} table.ctab tr.hl td{background:#eaf2ff} table.ctab tr.cedit input,table.ctab tr.cedit select{width:100%;min-width:0;padding:3px 6px} /* v80 Ladeliste */ .ldw{font-size:13px}.ldh{display:flex;align-items:center;gap:10px;margin-bottom:6px}.ldh b{font-size:15px}.ldh button{margin-left:auto;font-size:12px;padding:4px 10px} .ldsum{display:flex;flex-wrap:wrap;gap:6px 18px;margin:0 0 6px}.ldp{margin-left:auto;font-weight:700;color:#05603a} .ldtr{font-size:12.5px;color:#344054;margin:2px 0}.ldtt{margin:8px 0;padding:8px 10px;border-radius:8px;background:#fff6e5;border:1px solid #fdb022;color:#7a2e0e} table.ldtab{border-collapse:collapse;width:100%;margin-top:8px}table.ldtab th,table.ldtab td{border-bottom:1px solid var(--line2);padding:6px 8px;text-align:left;vertical-align:top}table.ldtab th{font-size:12px;color:var(--mut)} table.ldtab td.ldt label{display:flex;align-items:center;gap:6px;cursor:pointer;white-space:nowrap}table.ldtab td.ldt.on{background:#ecfdf3;color:#05603a}table.ldtab td.ldr{background:#fff6e5;color:#93370d}table.ldtab td.ldr small{display:block;font-size:11px;opacity:.8}table.ldtab td.ldn{color:#98a2b3} table.ldtab input[type=checkbox]{width:18px;height:18px}.myload{margin-top:12px;border-top:1px dashed var(--line);padding-top:10px}.ldhint{font-size:11.5px} @media (max-width:700px){table.ldtab th,table.ldtab td{padding:5px 4px;font-size:12px}table.ldtab td.ldt label{white-space:normal}} /* v80 Einladung */ .inv{font-family:Calibri,"Segoe UI",Arial,sans-serif;font-size:12px;color:#111;max-width:190mm;margin:0 auto}#invPv{margin-top:14px;border:1px solid var(--line);border-radius:10px;padding:14px;background:#fff;max-height:60vh;overflow:auto} .ivhd{display:flex;align-items:center;gap:12px;border-bottom:2px solid #c00;padding-bottom:6px;margin-bottom:8px}.ivhd .ivs{flex:1;font-size:9.5px;color:#444}.ivhd img{height:34px} .ivpp{margin:4px 0 10px}.ivn{display:grid;grid-template-columns:repeat(4,1fr);gap:0 10px;margin:0 0 4px 12px}.ivpp>b{display:block} .inv h1{font-size:15px;margin:10px 0 0}.inv h1 span{color:#d00}.ivsub{margin:0 0 6px;color:#444} .ivtt2{border:2px solid #d00;background:#fff1f1;border-radius:6px;padding:7px 10px;margin:6px 0 10px;font-size:12.5px} table.ivt{border-collapse:collapse;width:100%}table.ivt>tbody>tr>th,table.ivt>tr>th{width:28mm;text-align:left;vertical-align:top;text-decoration:underline;font-weight:400;padding:5px 6px;border:1px solid #333}table.ivt>tbody>tr>td,table.ivt>tr>td{border:1px solid #333;padding:5px 6px;vertical-align:top} table.ivt td>div{margin:1px 0}table.ivb,table.ivp{border-collapse:collapse;width:100%}table.ivb td{border:1px solid #333;padding:2px 5px;width:50%} table.ivp th,table.ivp td{border-bottom:1px solid #bbb;padding:2px 4px;text-align:left;vertical-align:top;font-size:11px}table.ivp td small{display:block;color:#555}table.ivp .ivtt{color:#b00} table.ivt ul{margin:0;padding-left:16px}.ivc{margin:8px 0 2px}.ivf{font-size:9.5px;color:#333;margin:0 0 8px}.ivsig{margin-top:8px}.ivsig span{color:#555} @media print{body.ptr #trPrintBox .inv{font-size:11px;max-width:none}body.ptr #trPrintBox .inv table.ivt th,body.ptr #trPrintBox .inv table.ivt td{border:1px solid #333}body.ptr #trPrintBox .inv table.ivb td{border:1px solid #333}body.ptr #trPrintBox .inv table.ivp td,body.ptr #trPrintBox .inv table.ivp th{border:0;border-bottom:1px solid #bbb;background:none}body.ptr #trPrintBox .ldprintbox table th,body.ptr #trPrintBox .ldprintbox table td{border:1px solid #999}} /* v81 Geführte Reiseplanung, Orte nur für ein Rennen */ #dWiz{width:min(1100px,96vw)}.wzsteps{display:flex;flex-wrap:wrap;gap:4px;list-style:none;padding:0;margin:0 0 12px}.wzsteps li{font-size:12px;padding:4px 10px;border-radius:999px;background:#eef0f4;color:#667085}.wzsteps li.on{background:var(--brand);color:#fff;font-weight:600}.wzsteps li.done{background:#d1fadf;color:#05603a;cursor:pointer} .wzbody{max-height:58vh;overflow:auto;padding:2px}.wzrad{margin:8px 0;display:flex;flex-wrap:wrap;gap:8px;align-items:center}.wzrad.sub{margin-left:26px}.wzrad label{display:flex;gap:6px;align-items:center} table.wzt{border-collapse:collapse;width:100%;font-size:13px}table.wzt th,table.wzt td{padding:5px 6px;border-bottom:1px solid var(--line2);text-align:left;vertical-align:middle}table.wzt th{font-size:12px;color:var(--mut)}table.wzt td small{display:block;color:var(--mut);font-size:11px}table.wzt tr.off td{opacity:.45} table.wzt input.dtt{width:68px;text-align:center}table.wzt select{max-width:260px}.wzcap{display:flex;flex-wrap:wrap;gap:6px 14px;margin:0 0 8px;font-size:12.5px}.wzcap span{background:#f2f4f7;border-radius:8px;padding:4px 9px}.wzcap span.over{background:#fee4e2;color:#b42318} .wzwarn{margin:12px 0;padding:8px 10px;border-radius:8px;background:#fff6e5;border:1px solid #fdb022;font-size:13px;display:flex;flex-wrap:wrap;gap:6px 16px}.wzwarn label{display:flex;gap:5px;align-items:center} .wzsum li{margin:3px 0}.wzsum .s-red{color:#b42318}.wzsum .s-yellow{color:#93370d} .wzhint{margin:10px 0;padding:10px 12px;border-radius:10px;background:#eaf2ff;border:1px solid #b2ccff;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.wzhint button{margin-left:auto} .trplist .plrace{font-style:normal;font-size:11px;background:#fef0c7;color:#93370d;border-radius:999px;padding:1px 7px} /* v81.1 Zubringer-Ketten */ .wzfeed{border:1px solid var(--line);border-radius:10px;padding:8px 10px;margin:0 0 10px;background:#fff}.wzfeed.off{opacity:.5}.wzfh{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.wzfh small{color:var(--mut)}.wzfh label{margin-left:auto} table.wzst td{border-bottom:0;padding:3px 4px}table.wzst td.wzn{width:18px;color:var(--mut);font-weight:700}table.wzst td.wzft{min-width:280px}table.wzst input.wSr{width:120px}.wzdel{padding:2px 7px;box-shadow:none;color:var(--mut)} .wzff{display:flex;align-items:center;gap:12px;margin-top:4px}.wzff button{font-size:12px;padding:3px 10px}.wziss{color:#b42318;font-size:12px}.wzok{color:#05603a} .wzfh label.chk2{display:flex!important;flex-direction:row!important;align-items:center;gap:5px}table.wzst td.wzft{width:38%} /* v82 E-mail unzustellbar */ .rg.bounced{color:#d92d20}.rg.bounced svg .fill{fill:#d92d20;stroke:#d92d20}#t td.reg.warn .rg.bounced{animation:none}.mp.bn{background:#fee4e2;color:#b42318} .rgbnc{background:#fee4e2;border:1px solid #fda29b;color:#912018;border-radius:8px;padding:8px 10px;margin:0 0 8px;font-size:13px}.blh.bnc b,b.bnc{color:#d92d20} /* v82 Setup check */ #dSetup{width:min(1180px,97vw)}.subody{max-height:62vh}.wzsteps li.has b{background:#d92d20;color:#fff;border-radius:999px;padding:0 6px;margin-left:3px;font-size:11px}.wzsteps li{cursor:pointer} table.sut{border-collapse:collapse;width:100%;font-size:13px}table.sut th,table.sut td{padding:4px 6px;border-bottom:1px solid var(--line2);text-align:left;vertical-align:middle}table.sut th{font-size:12px;color:var(--mut)}table.sut tr.off td{opacity:.5} table.sut input{padding:4px 6px}table.sut .suRb{width:62px}table.sut .suRp{width:220px}table.sut .suRn,table.sut .suSn{width:190px}table.sut select{max-width:200px} .suM{color:#b42318;font-weight:700;font-size:11.5px;margin-left:4px}.suO{color:#05603a;margin-left:6px}.suMenu{display:flex;gap:8px;justify-content:flex-end;margin-top:10px} .suC{border:1px solid var(--line);border-radius:10px;padding:7px 10px;margin:0 0 8px}.suCh{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.suCh small{color:var(--mut)}.suCh button{margin-left:auto;font-size:12px;padding:3px 10px} .suCr{display:grid;grid-template-columns:150px 1fr 150px 1.2fr 1.2fr auto auto;gap:5px;margin-top:5px;align-items:center}.suCr input,.suCr select{padding:4px 6px;min-width:0}.suCr button{font-size:12px;padding:3px 8px} .suU{display:inline-block;background:#f2f4f7;border-radius:8px;padding:3px 8px;margin:2px;font-size:12.5px}.suU small{color:var(--mut)} .suG{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:8px}.suG button{text-align:left;padding:10px 12px;display:flex;flex-direction:column;gap:3px}.suG small{color:var(--mut);font-weight:400} @media (max-width:900px){.suCr{grid-template-columns:1fr 1fr}} /* ===== v83: Stammblätter (👤 People) ===== */ #people{padding:12px 20px 20px;overflow:hidden;flex:1;min-height:0;display:flex} #people[hidden]{display:none} .pfwrap{display:grid;grid-template-columns:260px 1fr;gap:16px;flex:1;min-height:0;width:100%} .pflist{background:var(--card);border-radius:var(--r);box-shadow:var(--shadow);padding:10px;overflow:auto;min-height:0} .pflist h4{margin:12px 4px 4px;font-size:12px;color:var(--mut);text-transform:uppercase;letter-spacing:.04em} .pfsearch input{width:100%;padding:7px 9px;border:1px solid #cfd5dd;border-radius:8px} .pfli{display:block;width:100%;text-align:left;background:none;border:0;border-radius:8px;padding:6px 9px;cursor:pointer} .pfli:hover{background:#f2f5f9}.pfli.on{background:#e7effa;box-shadow:inset 3px 0 0 var(--brand)} .pfli b{display:block;font-weight:600}.pfli small{color:var(--mut)}.pfli.off b{color:var(--mut)}.pfli.nosheet b{font-weight:400;font-style:italic} .pfmiss{color:#b54708}.pfok{color:#067647} .pfadd{display:block;width:100%;margin-top:10px;padding:7px;border:1px dashed #b9c2cf;border-radius:8px;background:#fafbfc;cursor:pointer} .pfsheet{background:var(--card);border-radius:var(--r);box-shadow:var(--shadow);padding:16px 20px;overflow:auto;min-height:0} .pfhead{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;border-bottom:1px solid var(--line);padding-bottom:10px;margin-bottom:6px} .pfhead h2{margin:0;font-size:20px}.pfhead h2 small{font-weight:400;color:var(--mut);font-size:13px}.pfhead>div>small{color:var(--mut)} .pfact{display:flex;gap:6px;flex-wrap:wrap} .pfmissl{background:#fff6e5;border:1px solid #fedf89;border-radius:8px;padding:6px 10px;color:#93370d;margin:8px 0} .pfsec{margin-top:14px}.pfsec h3{font-size:13px;margin:0 0 6px;color:var(--navy)}.pfsec h3 small{font-weight:400;color:var(--mut)} .pfg{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:6px 14px} .pff{display:flex;flex-direction:column;min-width:0}.pff.w{grid-column:1/-1}.pff span{font-size:11px;color:var(--mut)}.pff b{font-weight:500;overflow-wrap:anywhere}.pff i{color:#c0c6cf} .pfmap{display:flex!important;flex-direction:row!important;flex-wrap:wrap;gap:6px 12px;align-items:center} .pfbtn{display:inline-block;padding:4px 10px;border:1px solid #cfd5dd;border-radius:8px;text-decoration:none;color:var(--brand);background:#fff} .pfair{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:6px} .pfchip{display:inline-flex;gap:5px;align-items:center;border:1px solid #cdd8e8;background:#f4f8fd;border-radius:999px;padding:3px 10px;text-decoration:none;color:var(--ink)} .pfchip.main{border-color:var(--brand);background:#e7effa}.pfchip b{color:var(--brand)}.pfchip small{color:var(--mut)}.pfchip button{border:0;background:none;cursor:pointer;padding:0 2px;color:var(--mut)} .pfct{border-collapse:collapse;width:100%}.pfct th,.pfct td{text-align:left;padding:4px 8px;border-bottom:1px solid var(--line2)}.pfct th{font-size:11px;color:var(--mut);font-weight:600} #pfForm .grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:8px 12px}#pfForm .w2{grid-column:span 2} #pfForm label{display:flex;flex-direction:column;font-size:11px;color:var(--mut);gap:2px}#pfForm input,#pfForm textarea{padding:5px 7px;border:1px solid #cfd5dd;border-radius:6px;font-size:13px;color:var(--ink)} #pfForm label.chk2{flex-direction:row;align-items:center;gap:6px;font-size:12px;color:var(--ink)} .pfsec .gline{display:flex;gap:6px;flex-wrap:wrap} input.pfro,input[readonly].pfro{background:#f2f4f7;color:#475467} .suCro{grid-template-columns:120px 1fr 150px 1.2fr 1fr auto}.suCro span,.suCro small{color:var(--mut)} .plho{font-style:normal;font-size:11px;background:#e7effa;color:var(--brand);border-radius:999px;padding:1px 7px;white-space:nowrap} .pfo{border:0;background:none;cursor:pointer;padding:0 2px} #pfPrintBox{display:none} @media print{body.ppf>*:not(#pfPrintBox){display:none!important}body.ppf #pfPrintBox{display:block!important;font-size:11px;color:#000} .pfp.pb{break-before:page}.pfph{display:flex;justify-content:space-between;border-bottom:2px solid #000;padding-bottom:4px;margin-bottom:8px;font-size:12px} #pfPrintBox .pfhead{border-bottom:1px solid #999}#pfPrintBox .pfsec{break-inside:avoid;margin-top:10px}#pfPrintBox a{color:#000;text-decoration:none} #pfPrintBox .pfbtn,#pfPrintBox .pfmap .pfmiss,#pfPrintBox .hint{display:none}#pfPrintBox .pfg{grid-template-columns:repeat(4,1fr)}#pfPrintBox .pfchip{border:1px solid #999;background:none} #pfPrintBox .pfct th,#pfPrintBox .pfct td{border:1px solid #999}.pfpf{margin-top:14px;font-size:9px;color:#555}} @media (max-width:800px){.pfwrap{grid-template-columns:1fr}#people{overflow:auto;display:block;padding:8px}.pflist{max-height:40vh}#pfForm .w2{grid-column:1/-1}} /* v84: Handy – Personen (Stammblätter) */ .mpsearch{position:sticky;top:0;background:#f6f7f9;padding:10px 12px;z-index:2}.mpsearch input{width:100%;box-sizing:border-box;font-size:16px;padding:10px 12px;border:1px solid #d0d5dd;border-radius:12px;background:#fff} .mph{margin:12px 16px 4px;font-size:13px;color:#667085;text-transform:uppercase;letter-spacing:.04em} .mpli{display:flex;align-items:center;gap:12px;margin:0 10px 6px;padding:10px 12px;background:#fff;border:1px solid #e4e7ec;border-radius:14px;cursor:pointer} .mpav{flex:none;width:38px;height:38px;border-radius:50%;background:#1f3a5f;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px} .mpnm{flex:1;min-width:0;display:flex;flex-direction:column}.mpnm b{font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mpnm small{color:#667085;font-size:12.5px} .mpcall{flex:none;font-size:20px;text-decoration:none;padding:6px} .mpact{display:flex;gap:8px;margin:8px 0 4px;flex-wrap:wrap}.mpa{flex:1;min-width:88px;text-align:center;border:1px solid #d0d5dd;border-radius:12px;padding:9px 6px;font-weight:700;font-size:14px;color:#1f3a5f!important;text-decoration:none;background:#fff} .mpkv{display:flex;justify-content:space-between;gap:12px;padding:6px 0;border-bottom:1px solid #f0f2f5;font-size:14px}.mpkv span{color:#667085}.mpkv b{font-weight:600;text-align:right;word-break:break-word}.mpkv a{color:#1f3a5f} .mpaddr{display:block;padding:10px 12px;border:1px solid #e4e7ec;border-radius:12px;color:#1c2430!important;text-decoration:none;font-size:14.5px;line-height:1.4}.mpaddr small{display:block;color:#1f6feb;font-size:12.5px;margin-top:2px} .mpair{display:block;padding:8px 12px;margin:4px 0;border:1px solid #e4e7ec;border-radius:12px;color:#1c2430!important;text-decoration:none;font-size:14px}.mpair small{color:#667085} .mpsz{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.mpsz span{background:#f6f7f9;border-radius:10px;padding:6px 4px;text-align:center}.mpsz small{display:block;color:#667085;font-size:11px}.mpsz b{font-size:15px} .mpcon{padding:8px 0;border-bottom:1px solid #f0f2f5}.mpcon small{color:#667085} .mpbtns{display:flex;gap:8px;margin-top:14px}.mpbtns .mbtn{margin:0}.mbtn.pri{background:#1f3a5f;color:#fff!important;border-color:#1f3a5f} .mpf{display:block;margin:6px 0}.mpf span{display:block;font-size:12.5px;color:#667085;margin-bottom:2px}.mpf input,.mpf textarea{width:100%;box-sizing:border-box;border:1px solid #d0d5dd;border-radius:10px;padding:10px 12px;font-size:16px;background:#fff;color:#1c2430} .mnav button{min-width:0} .plwarn{background:#fff4d6;border:1px solid #f5c26b;border-radius:10px;padding:8px 12px;margin:0 0 10px;font-size:13px;line-height:1.4} /* v85: Kalender (Team + persönlich) – Tabelle bleibt Tabelle (Klasse .pc kollidierte mit dem Diagramm-Stil .pc{display:block;max-height:560px}); auf schmalen/Touch-Bildschirmen feste, lesbare Monatsbreite und seitlich verschiebbar */ .cal.pc{display:table;max-height:none;height:auto;width:100%} @media screen and (max-width:1100px),screen and (pointer:coarse) and (max-width:1400px){ .cal,.cal.pc{width:auto;table-layout:auto}.cal td{min-width:150px;width:150px;max-width:150px}.cal td.m{min-width:40px;width:40px;max-width:40px} #cal,#pcal{overflow:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}} /* v85: Handy – Person direkt im Kalender wählen, Wochen pro Bildschirm, mehrzeilige Termine */ .mper{display:flex;align-items:center;gap:6px;padding:6px 12px;border-bottom:1px solid #eef0f4;flex:none;background:#fff} .mper label{flex:1;display:flex;align-items:center;gap:6px;min-width:0;font-size:16px} .mper select{flex:1;min-width:0;font-size:15px;font-weight:700;padding:7px 10px;border:1px solid #d0d5dd;border-radius:10px;background:#fff;color:#1f3a5f} .mper button{flex:none;width:38px;height:36px;border:1px solid #d0d5dd;border-radius:10px;background:#fff;font-size:20px;line-height:1;color:#1f3a5f} .mwnsel{flex:none;font-size:14px;padding:6px 8px;border:1px solid #d0d5dd;border-radius:999px;background:#fff;color:#1f3a5f;font-weight:600} .bar.ml{white-space:normal;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:var(--tl);line-clamp:var(--tl);text-overflow:clip;line-height:1.25;overflow-wrap:break-word;word-break:normal;hyphens:auto;-webkit-hyphens:auto;align-self:start;padding:2px 3px 2px 4px;letter-spacing:-.1px} /* v85: Lizenzfotos */ .licg{display:grid;grid-template-columns:1fr 1fr;gap:12px;max-width:720px}.licg.licm{gap:8px} .lict{border:1px solid var(--line,#e4e7ec);border-radius:12px;overflow:hidden;background:#fff;display:flex;flex-direction:column}.lict.empty{border-style:dashed} .licimg{aspect-ratio:1.586;background:#f6f7f9;display:flex;align-items:center;justify-content:center}.licimg img{width:100%;height:100%;object-fit:contain;display:block}.licimg span{font-size:34px;opacity:.35}.licimg a{display:block;width:100%;height:100%} .licpdf{display:flex!important;align-items:center;justify-content:center;font-size:18px;font-weight:700;text-decoration:none} .licinfo{padding:8px 10px;display:flex;flex-direction:column;gap:2px}.licinfo small{color:#667085;font-size:12px}.lict.empty .licinfo small{color:#b42318;font-weight:600} .licbtns{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px} .licb{display:inline-flex;align-items:center;gap:4px;border:1px solid #d0d5dd;border-radius:9px;background:#fff;padding:6px 10px;font-size:13px;font-weight:600;cursor:pointer;color:#1f3a5f!important;text-decoration:none} .licg.licm .licb{padding:9px 10px;font-size:13.5px;flex:1;justify-content:center} @media print{.licbtns{display:none}} /* v85: Reiseplanung am Handy */ body.mob dialog.trdlg,body.mob dialog#dTrLeg,body.mob dialog#dTrTr,body.mob dialog#dTrPlace,body.mob dialog#dTrCopy,body.mob dialog#dTrLodg{width:100vw!important;max-width:100vw!important;height:100dvh;max-height:100dvh;margin:0;border-radius:0;padding:0;box-sizing:border-box;overflow-y:auto;overflow-x:hidden} body.mob dialog.trdlg form{padding:6px 14px calc(14px + env(safe-area-inset-bottom))} body.mob dialog.trdlg .grid>*,body.mob dialog.trdlg label{min-width:0}body.mob dialog.trdlg select,body.mob dialog.trdlg input{max-width:100%;box-sizing:border-box} body.mob dialog.trdlg .trpl{display:flex;gap:6px}body.mob dialog.trdlg .trpl select{flex:1;min-width:0}body.mob dialog.trdlg .trpl button{flex:none;min-width:40px} body.mob dialog.trdlg .dtw,body.mob dialog.trdlg .trdt{display:flex;gap:6px;min-width:0}body.mob dialog.trdlg .dtw>*,body.mob dialog.trdlg .trdt>*{min-width:0} body.mob dialog.trdlg .grid{grid-template-columns:1fr!important}body.mob dialog.trdlg .grid>*{grid-column:auto!important} body.mob dialog.trdlg input,body.mob dialog.trdlg select,body.mob dialog.trdlg textarea{font-size:16px!important;min-height:40px} body.mob dialog.trdlg menu{position:sticky;bottom:calc(-14px - env(safe-area-inset-bottom));background:#fff;padding:10px 0;margin:10px 0 0;display:flex;gap:8px;flex-wrap:wrap;border-top:1px solid #eef0f4}body.mob dialog.trdlg menu button{flex:1;min-height:44px;font-size:15px} body.mob dialog.trdlg h2{position:sticky;top:-6px;background:#fff;z-index:2;padding:8px 0;margin:0 0 6px;font-size:18px} body.mob dialog.trdlg .trsrow{display:grid!important;grid-template-columns:22px 1fr 40px 40px 40px!important;gap:6px;align-items:center;padding:8px 0;border-bottom:1px solid #eef0f4} body.mob dialog.trdlg .trsrow>b{grid-column:1;grid-row:1}body.mob dialog.trdlg .trsrow>.trpl{grid-column:2/6;grid-row:1}body.mob dialog.trdlg .trsrow>.trdt{grid-column:2/6;grid-row:2} body.mob dialog.trdlg .trsrow>.sn2{grid-column:2;grid-row:3;width:100%}body.mob dialog.trdlg .trsrow>button[data-a]{grid-row:3;min-height:40px;width:40px;padding:0}body.mob dialog.trdlg .trsrow>button[data-a=up]{grid-column:3}body.mob dialog.trdlg .trsrow>button[data-a=dn]{grid-column:4}body.mob dialog.trdlg .trsrow>button[data-a=rm]{grid-column:5} .mtrmode{display:flex;gap:6px;padding:8px 12px;border-bottom:1px solid #eef0f4;background:#fff}.mtrmode button{flex:1;border:1px solid #d0d5dd;border-radius:10px;background:#fff;padding:8px;font-weight:700;color:#1f3a5f}.mtrmode button.on{background:#1f3a5f;color:#fff!important;border-color:#1f3a5f} .mtrph{position:sticky;top:0;z-index:3;background:#f6f7f9;padding:8px 10px 6px;border-bottom:1px solid #e4e7ec} .mtrrace{display:flex;gap:6px}.mtrrace select{flex:1;min-width:0;font-size:15px;font-weight:700;padding:8px 10px;border:1px solid #d0d5dd;border-radius:10px;background:#fff;color:#1f3a5f}.mtrrace button{flex:none;width:40px;border:1px solid #d0d5dd;border-radius:10px;background:#fff;font-size:20px;color:#1f3a5f} .mtrdest{display:flex;align-items:center;gap:6px;margin-top:6px;font-size:14px}.mtrdest select{flex:1;min-width:0;font-size:14px;padding:6px 8px;border:1px solid #d0d5dd;border-radius:10px;background:#fff} .mtrseg{display:flex;gap:4px;margin-top:6px;background:#e9ecf1;border-radius:11px;padding:3px}.mtrseg button{flex:1;border:0;background:none;border-radius:9px;padding:7px 4px;font-weight:700;font-size:13.5px;color:#475467}.mtrseg button.on{background:#fff;color:#1f3a5f!important;box-shadow:0 1px 3px rgba(0,0,0,.12)} .mtrb{padding:8px 10px 90px} .mtrbar{display:flex;gap:6px;flex-wrap:wrap;margin:4px 0 10px}.mtrbar button{flex:1;min-height:42px;border:1px solid #d0d5dd;border-radius:11px;background:#fff;font-weight:700;color:#1f3a5f;font-size:14px}.mtrbar .mtrbig{background:#1f3a5f;color:#fff!important;border-color:#1f3a5f;flex:1.4} .mtrpc,.mtrtc{display:flex;gap:10px;align-items:flex-start;width:100%;text-align:left;background:#fff;border:1px solid #e4e7ec;border-radius:14px;padding:10px 12px;margin:0 0 8px;cursor:pointer;color:#1c2430;font:inherit} .mtrpc .trdot,.mtrtc .trdot{margin-top:5px;flex:none}.mtrpm{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.mtrpn b{font-size:15px}.mtrpn small{color:#667085} .mtrl{font-size:12.5px;color:#475467;display:flex;flex-wrap:wrap;gap:2px 8px;align-items:baseline}.mtrl em{font-style:normal;font-weight:700;color:#98a2b3;font-size:11px;text-transform:uppercase;min-width:34px}.mtrl i{color:#98a2b3} .mts{white-space:nowrap}.mtrgo{flex:none;color:#98a2b3;font-size:20px;align-self:center} .mtri{display:flex;flex-direction:column;gap:2px}.mtrisv{font-size:12px;border-radius:6px;padding:2px 6px;display:inline-block}.mtrisv.red{background:#fde2e1;color:#b42318}.mtrisv.yellow{background:#fff4d6;color:#93370d} .mtrst{display:flex;gap:6px;margin:0 0 6px}.mtrsb{flex:1;display:flex;gap:10px;align-items:flex-start;text-align:left;border:1px solid #e4e7ec;border-left:4px solid #98a2b3;border-radius:12px;background:#fff;padding:9px 10px;font:inherit;color:#1c2430} .mtrsb.st-booked{border-left-color:#12b76a}.mtrsb.st-open{border-left-color:#f79009}.mtrsb.st-proposed,.mtrsb.st-self{border-left-color:#2e90fa} .mtrsb .mtrpm span{font-size:13px;color:#475467}.mtrsb .mtrpm small{font-size:12px;color:#667085}.mtrsi{font-size:22px;line-height:1} .mtrcp{flex:none;width:44px;border:1px solid #d0d5dd;border-radius:12px;background:#fff;font-size:18px} .mtrchk{display:flex;flex-direction:column;gap:2px;max-height:55vh;overflow:auto}.mtrchk label{display:flex;gap:10px;align-items:center;padding:9px 4px;border-bottom:1px solid #f0f2f5;font-size:15px}.mtrchk label.dis{color:#98a2b3}.mtrchk input{width:20px;height:20px} .mtrb .trsec h3{display:flex;flex-wrap:wrap;gap:6px;align-items:center;font-size:15px}.mtrb .lodg{border:1px solid #e4e7ec;border-radius:12px;padding:8px;margin:0 0 10px;background:#fff}.mtrb .rooms{gap:6px}.mtrb .room{min-width:0;flex:1 1 140px}.mtrb .rmp{padding:6px 8px;font-size:13px} /* v85.1: Vollansicht auf dem Handy – Kopfzeile darf die Seite nicht breiter machen (sonst zoomt das Handy heraus und die Ansicht „verrutscht“) */ @media screen and (max-width:1100px){ html,body{max-width:100%;overflow-x:hidden} #top{max-width:100%;box-sizing:border-box} .tabs{min-width:0;max-width:100%;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none} .who{flex-wrap:wrap;min-width:0;max-width:100%;justify-content:flex-end;row-gap:4px} } /* v85.2: Vollansicht auf dem Handy quer – flacherer Tabellenkopf, damit mehr Zeilen sichtbar bleiben; „Mobile view“-Knopf klein */ @media screen and (max-height:500px) and (pointer:coarse){ #t th.rt,body.compact #t th.rt{height:50px;padding-top:12px;padding-bottom:3px}#t th.rt span{font-size:10.5px;line-height:1.05;max-height:50px;overflow:hidden;text-overflow:ellipsis}#t th.rt b.sm{margin-top:2px;font-size:9.5px}#t th.rt em.tcd{top:1px;font-size:8.5px} #t thead th{font-size:11px} #toMob{padding:7px 10px;font-size:0;right:8px;bottom:8px;opacity:.9}#toMob::before{content:"📱";font-size:18px} } @media screen and (max-width:700px) and (pointer:coarse){#toMob{padding:8px 12px;font-size:13px}} /* v86: Handy – Rennen bearbeiten */ .mp.ns{background:#f2f4f7;color:#667085}.mp.tc{background:#eef4ff;color:#1f3a5f} .mrsel{display:flex;flex-direction:column;gap:8px;margin:10px 0 4px;padding:10px 12px;background:#f6f7f9;border-radius:12px} .mtgl{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:15px}.mtgl input{position:absolute;opacity:0;width:0;height:0}.mtgl span{flex:none;width:44px;height:26px;border-radius:13px;background:#d0d5dd;position:relative;transition:.15s}.mtgl span::after{content:"";position:absolute;left:3px;top:3px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.25);transition:.15s}.mtgl input:checked+span{background:#12b76a}.mtgl input:checked+span::after{left:21px} .mrl{display:flex;flex-direction:column;gap:4px} .mrr{display:flex;align-items:center;gap:8px;padding:6px 8px;border:1px solid #eef0f4;border-radius:10px}.mrr.s1{background:#eef4ff;border-color:#c7d7fe}.mrr.s2{background:#fafafa;border-style:dashed;border-color:#98a2b3} .mrn{flex:1;min-width:0;display:flex;flex-direction:column}.mrn b{font-size:14.5px}.mbz{color:#b54708;font-size:12px} .mseg3{flex:none;display:flex;background:#e9ecf1;border-radius:9px;padding:2px}.mseg3 button{border:0;background:none;border-radius:7px;padding:7px 9px;font-size:12.5px;font-weight:700;color:#475467;min-width:34px}.mseg3 button.on{background:#1f3a5f;color:#fff!important}.mrr.s2 .mseg3 button.on{background:#667085} .mpf2{display:grid;grid-template-columns:1fr 1fr;gap:8px}.mflg{display:flex;flex-direction:column;gap:10px;margin:10px 0} .mpf select{width:100%;box-sizing:border-box;border:1px solid #d0d5dd;border-radius:10px;padding:9px 10px;font-size:16px;background:#fff} /* v87: Jahreskalender – Tag antippen = Overlay oben */ .msh.top .mpanel{top:0;bottom:auto;max-height:82vh;border-radius:0 0 22px 22px;padding:calc(10px + env(safe-area-inset-top)) 12px 14px;transform:translateY(-100%);box-shadow:0 10px 30px rgba(0,0,0,.25)} .msh.top.on .mpanel{transform:none}.msh.top .mgrab{display:none} .mday .mag{padding:4px 0}.mday .mdc{display:none} .mym{display:block}.myg i{line-height:20px;cursor:pointer}.myg i.mlt{box-shadow:inset 0 -2px 0 #1f3a5f} /* v88: Vollansicht auf dem Handy – beim Bearbeiten einer einzelnen Zeile (✎) sind die linken Spalten nicht mehr festgestellt: die ganze Zeile lässt sich nach links schieben (Kopfzeile bleibt oben stehen) */ @media (pointer:coarse) and (max-width:1100px),(pointer:coarse) and (max-height:500px){ #t.focusing .fz{left:auto!important}#t.focusing td.fz{position:relative}#t.focusing th.fz{z-index:3} } /* v89: personenbezogene Ortsauswahl */ select.plhid{display:none!important} .plbtn{display:flex;align-items:center;gap:6px;width:100%;min-width:0;box-sizing:border-box;text-align:left;border:1px solid var(--line,#d0d5dd);border-radius:8px;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%23667085' stroke-width='1.6'/%3E%3C/svg%3E") no-repeat right 10px center;padding:6px 26px 6px 9px;font:inherit;font-size:13px;color:var(--ink,#1c2430);cursor:pointer;min-height:32px} .plbtn:disabled{background-color:#f6f7f9;color:#98a2b3;cursor:default}.plbtn .pll{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.plbtn .plph{color:#98a2b3}.plbtn .plic{flex:none} .trpl{display:flex;gap:4px;align-items:center}.trpl button.plbtn{flex:1 1 auto;width:auto;min-width:0}body.mob dialog.trdlg .trpl button.plbtn{flex:1 1 auto;min-width:0;min-height:40px;font-size:15px} .plpk{position:fixed;inset:0;z-index:2147483000;background:transparent} .plbox{position:fixed;display:flex;flex-direction:column;background:#fff;border:1px solid #d0d5dd;border-radius:12px;box-shadow:0 14px 40px rgba(16,24,40,.28);overflow:hidden;min-height:180px} .plpk.full{background:rgba(16,24,40,.45)}.plpk.full .plbox{inset:0;border-radius:0;max-height:none!important;width:auto!important;padding-top:env(safe-area-inset-top)} .plhd{display:flex;gap:6px;padding:8px;border-bottom:1px solid #eef0f4}.plhd input{flex:1;min-width:0;font-size:15px;padding:8px 10px;border:1px solid #d0d5dd;border-radius:9px}.plx{border:0;background:#f2f4f7;border-radius:9px;width:38px;font-size:16px;cursor:pointer} .plfor{padding:6px 12px;font-size:12.5px;color:#475467;background:#f6f7f9;border-bottom:1px solid #eef0f4}.plfor b{color:#1f3a5f} .plbd{overflow-y:auto;flex:1;padding:4px 0 8px} .plg h6{margin:8px 12px 2px;font-size:11.5px;text-transform:uppercase;letter-spacing:.04em;color:#667085;cursor:pointer;user-select:none;display:flex;gap:6px;align-items:center}.plg.plall h6::after{content:"▾";margin-left:auto}.plg.plall.shut h6::after{content:"▸"}.plg h6 small{color:#98a2b3;font-weight:400} .plg.shut .plit{display:none} .plit{display:flex;align-items:center;gap:9px;width:100%;text-align:left;border:0;border-left:4px solid transparent;background:none;padding:7px 12px 7px 8px;font:inherit;cursor:pointer;color:#1c2430} .plit:hover,.plit:focus{background:#f2f6ff}.plit.cur{background:#eef4ff} .plit.mine{border-left-color:#e2001a;background:#fff7f7}.plit.mine b{font-weight:800}.plit.mine:hover{background:#ffeef0} .plic{flex:none;width:28px;text-align:center;font-size:17px}.plm{flex:1;min-width:0;display:flex;flex-direction:column}.plm b{font-size:13.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.plm small{font-size:11.5px;color:#667085;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .plmain{font-style:normal;color:#e2a400} .plme{flex:none;font-style:normal;font-size:11px;font-weight:700;background:#e2001a;color:#fff;border-radius:999px;padding:2px 8px} .plot{flex:none;font-style:normal;font-size:10.5px;color:#98a2b3;max-width:34%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .plnone .plm b{color:#98a2b3;font-weight:500}.plempty{padding:14px;color:#667085;text-align:center} .plft{border-top:1px solid #eef0f4;padding:8px}.plft button{width:100%;min-height:38px;border:1px dashed #98a2b3;border-radius:9px;background:#fff;font-weight:700;color:#1f3a5f;cursor:pointer} .plpk.full .plit{padding:11px 12px 11px 8px}.plpk.full .plm b{font-size:15px} .plit.used{border-left-color:#f5b5bd}.plit.used b{font-weight:700} /* v90: Lizenzfoto – Ansicht mit Zurück, Bearbeiten (Drehen, Zuschneiden) */ .licopen{display:block;width:100%;height:100%;padding:0;border:0;background:none;cursor:zoom-in} .lv{position:fixed;inset:0;z-index:2147483100;background:#0f1520;color:#fff;display:flex;flex-direction:column;padding-top:env(safe-area-inset-top)} body.lvopen{overflow:hidden} .lvbar{display:flex;align-items:center;gap:8px;padding:8px 10px;background:#1c2430;flex:none}.lvbar b{font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lvsp{flex:1} .lvb{display:inline-flex;align-items:center;justify-content:center;gap:4px;min-height:40px;padding:0 14px;border:1px solid #3b4656;border-radius:10px;background:#263142;color:#fff!important;font-size:15px;font-weight:700;text-decoration:none;cursor:pointer;white-space:nowrap} .lvb.pri{background:#1f6feb;border-color:#1f6feb}.lvb:disabled{opacity:.5} .lvimg{flex:1;overflow:auto;display:flex;align-items:center;justify-content:center;-webkit-overflow-scrolling:touch}.lvimg img{max-width:100%;max-height:100%;object-fit:contain;cursor:zoom-in} .lvimg.z{display:block}.lvimg.z img{max-width:none;max-height:none;cursor:zoom-out} .lvhint{margin:0;padding:6px 12px calc(8px + env(safe-area-inset-bottom));font-size:12px;color:#98a2b3;text-align:center;flex:none} .lved{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;padding:8px} .lvstage{position:relative;touch-action:none}.lvstage canvas{display:block} .lvcrop{position:absolute;box-shadow:0 0 0 9999px rgba(0,0,0,.55);outline:2px solid #fff;cursor:move;touch-action:none;background:linear-gradient(#fff4 1px,transparent 1px) 0 33.3%/100% 33.3%,linear-gradient(90deg,#fff4 1px,transparent 1px) 33.3% 0/33.3% 100%} .lvcrop i{position:absolute;width:26px;height:26px;margin:-13px 0 0 -13px;border-radius:50%;background:#fff;border:3px solid #1f6feb;box-sizing:border-box;touch-action:none} .lvcrop i[data-h=nw]{left:0;top:0;cursor:nwse-resize}.lvcrop i[data-h=ne]{left:100%;top:0;cursor:nesw-resize}.lvcrop i[data-h=sw]{left:0;top:100%;cursor:nesw-resize}.lvcrop i[data-h=se]{left:100%;top:100%;cursor:nwse-resize} .lvcrop i[data-h=n]{left:50%;top:0;width:34px;height:12px;margin:-6px 0 0 -17px;border-radius:6px;cursor:ns-resize}.lvcrop i[data-h=s]{left:50%;top:100%;width:34px;height:12px;margin:-6px 0 0 -17px;border-radius:6px;cursor:ns-resize} .lvcrop i[data-h=w]{left:0;top:50%;width:12px;height:34px;margin:-17px 0 0 -6px;border-radius:6px;cursor:ew-resize}.lvcrop i[data-h=e]{left:100%;top:50%;width:12px;height:34px;margin:-17px 0 0 -6px;border-radius:6px;cursor:ew-resize} .lvtools{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:center;padding:8px 10px;background:#1c2430;flex:none} .lvang{display:flex;align-items:center;gap:8px;font-size:13px;color:#d0d5dd;flex:1 1 220px;min-width:200px}.lvang input{flex:1}.lvang output{min-width:40px;text-align:right;font-variant-numeric:tabular-nums} /* v91: Race – Übersicht, Lizenzen, Lizenzkontrolle */ .rov,.rlic{padding:10px 12px 90px} .rhd{border:1px solid #e4e7ec;border-left:5px solid var(--cc);border-radius:12px;padding:10px 12px;background:#fff}.rhd h3{margin:0 0 4px;font-size:18px;color:#1f3a5f}.rhd p{margin:2px 0;color:#475467;font-size:14px}.rhd .mch{margin-top:6px} :is(#mob,#race) .mbtn.rcheck{background:#1f3a5f;color:#fff!important;border-color:#1f3a5f;font-size:16px;min-height:48px} .rov>.mbtn.rcheck{display:flex;width:100%;justify-content:center;margin:12px 0} .rlist{margin:4px 0 10px;padding-left:20px;font-size:15px;line-height:1.6}.rlist b{color:#1f3a5f;margin-right:4px} .rov .msec{padding:8px 0;border:0}.rov .msec h4{margin:8px 0 2px}.rov .msec h4 small{color:#98a2b3;font-weight:600} .rov .mbtns{display:flex;flex-wrap:wrap;gap:8px} .rlsum{font-size:14px;color:#475467;margin:2px 0 8px}.rlsum b{color:#1f3a5f} :is(#mob,#race) .rcbtns{display:grid;grid-template-columns:2fr 1fr;gap:8px;margin-bottom:6px}:is(#mob,#race) .rcbtns .mbtn{width:auto;display:flex;align-items:center;justify-content:center;margin:0;min-height:48px;padding:6px 10px;text-align:center} .rlg{margin:16px 0 6px;font-size:12px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:#667085}.rlg small{color:#98a2b3}.rlg[data-rlg]{cursor:pointer;padding:6px 0;border-top:1px solid #eef0f4} .rlc{border:1px solid #e4e7ec;border-radius:12px;padding:8px 10px;margin:0 0 8px;background:#fff}.rlc.inc{border-left:4px solid #d92d20} .rlh{display:flex;align-items:center;gap:8px}.rlh b{flex:1;font-size:15px}.rlsh{border:0;background:none;color:#1f3a5f;font-weight:700;padding:4px} .rlc>small{display:block;color:#667085;font-size:12px;margin:1px 0 6px} .rlts{display:grid;grid-template-columns:1fr 1fr;gap:8px} .rlth{position:relative;display:flex;align-items:center;justify-content:center;aspect-ratio:1.58;border:1px solid #d0d5dd;border-radius:8px;background:#f2f4f7;overflow:hidden;padding:0;cursor:pointer} .rlth img{width:100%;height:100%;object-fit:cover}.rlth i{position:absolute;left:4px;bottom:4px;font-style:normal;font-size:11px;font-weight:700;background:#fffd;border-radius:6px;padding:1px 6px;color:#1f3a5f} .rlth.miss{border:1px dashed #f04438;background:#fef3f2;cursor:default}.rlth.miss span{font-size:26px;opacity:.5}.rlth.miss i{color:#b42318} .rlst{display:flex;gap:6px;margin-top:8px}.rlst button{flex:1;border:1px solid #d0d5dd;border-radius:8px;background:#fff;padding:6px 4px;font-size:13px;font-weight:700;color:#475467}.rlst button.on{background:#1f3a5f;border-color:#1f3a5f;color:#fff!important} .lc{position:fixed;inset:0;z-index:2147483100;background:#0f1520;color:#fff;display:flex;flex-direction:column;padding-top:env(safe-area-inset-top)} .lc .lvbar{flex-wrap:nowrap}.lc #lcN{font-variant-numeric:tabular-nums} .lcsel{min-height:40px;max-width:34vw;border:1px solid #3b4656;border-radius:10px;background:#263142;color:#fff;font-size:14px;padding:0 6px} .lctr{flex:1;min-height:0;display:flex;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;overscroll-behavior:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch}.lctr::-webkit-scrollbar{display:none} .lcs{flex:0 0 100%;min-width:0;height:100%;scroll-snap-align:center;scroll-snap-stop:always;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:10px 12px;box-sizing:border-box} .lcs img{max-width:100%;max-height:calc(100% - 64px);object-fit:contain;border-radius:10px;background:#fff;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;cursor:zoom-in} .lcs.z{overflow:auto;justify-content:flex-start;align-items:flex-start;scroll-snap-align:none}.lcs.z img{max-width:none;max-height:none;width:240%;cursor:zoom-out}.lcs.z .lccap{display:none} .lccap{text-align:center}.lccap b{display:block;font-size:20px}.lccap small{color:#98a2b3;font-size:13px} .lcmiss{display:flex;flex-direction:column;align-items:center;gap:8px;font-size:52px;color:#f97066;text-decoration:none;padding:30px;border:2px dashed #f9706688;border-radius:14px}.lcmiss b{font-size:17px} .lcnav{display:flex;align-items:center;gap:10px;padding:4px 10px;flex:none}.lcnav .lvb{min-width:52px;font-size:22px} .lcdots{flex:1;display:flex;flex-wrap:wrap;justify-content:center;gap:6px}.lcdots i{width:8px;height:8px;border-radius:50%;background:#3b4656;cursor:pointer}.lcdots i.on{background:#fff} @media (max-height:500px){.lc .lvhint,.lcnav{display:none}.lccap b{font-size:16px}.lcs{gap:4px;padding:4px 8px}.lcs img{max-height:calc(100% - 40px)}} /* v92: Race – Orte */ .rpls{padding:10px 12px 90px} .rplt{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px}:is(#mob,#race) .rplt .mbtn{width:auto;margin:0;flex:1 1 auto;justify-content:center;display:flex;align-items:center;min-height:44px} :is(#mob,#race) .rplt .mbtn.rmym{background:#e8f1fb;border-color:#9cc3ea;color:#1f3a5f!important} :is(#mob,#race) .rpadd{display:flex;width:100%;justify-content:center;align-items:center;margin:4px 0 4px} .rlg.rtoday{color:#1f3a5f} .rpl{border:1px solid #e4e7ec;border-radius:12px;padding:10px;margin:0 0 8px;background:#fff} .rplh{display:flex;gap:10px;align-items:flex-start}.rplh>div{flex:1;min-width:0}.rplh b{display:block;font-size:16px}.rplh small{display:block;color:#667085;font-size:12px}.rplh p{margin:4px 0 0;font-size:13px;color:#344054;overflow-wrap:anywhere} .rpli{font-size:24px;line-height:1;width:30px;text-align:center} .rpled{border:1px solid #d0d5dd;background:#fff;border-radius:10px;min-width:40px;min-height:40px;font-size:16px} .rplb{display:flex;gap:8px;margin-top:10px}.rplb>*{display:flex;align-items:center;justify-content:center;border:1px solid #d0d5dd;border-radius:10px;background:#fff;min-height:44px;padding:0 12px;font-weight:700;font-size:14px;color:#1f3a5f;text-decoration:none} .rplb .rplnav{flex:1;background:#12b76a;border-color:#12b76a;color:#fff!important;font-size:16px} .rpkinds{display:flex;flex-wrap:wrap;gap:6px;margin:4px 0 10px}.rpkinds button{border:1px solid #d0d5dd;border-radius:999px;background:#fff;padding:7px 11px;font-size:13px;font-weight:700;color:#344054}.rpkinds button.on{background:#1f3a5f;border-color:#1f3a5f;color:#fff!important} .rpgm{display:flex;gap:6px}.rpgm input{flex:1;min-width:0}.rpgm button{border:1px solid #d0d5dd;border-radius:10px;background:#fff;padding:0 12px;font-weight:700;color:#1f3a5f} .rpgo{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 0}:is(#mob,#race) .rpgo .mbtn{width:auto;margin:0;flex:1 1 auto;display:flex;justify-content:center;align-items:center} #rpPos{margin:6px 0 10px} .rpf label{display:block}.rpf input,.rpf select,.rpf textarea{width:100%;box-sizing:border-box;border:1px solid #d0d5dd;border-radius:10px;padding:10px 12px;font-size:16px;background:#fff;color:#1c2430;min-height:44px;font-family:inherit} .rpf .rpgm button{min-height:44px} #rpPos.ok{color:#067647;font-weight:700}#rpPos.busy{color:#1f3a5f}#rpPos.err{color:#b42318} /* v93: Race – Tageskarten */ :is(#mob,#race) .mtrmode button{padding:8px 4px;font-size:14px;white-space:nowrap} .dcard{padding:0 12px 90px} .dstrip{display:flex;gap:6px;overflow-x:auto;padding:10px 0 8px;margin:0 -12px;padding-left:12px;padding-right:12px;scrollbar-width:none;-webkit-overflow-scrolling:touch}.dstrip::-webkit-scrollbar{display:none} .dstrip button{flex:0 0 auto;min-width:52px;border:1px solid #d0d5dd;border-radius:12px;background:#fff;padding:5px 6px;display:flex;flex-direction:column;align-items:center;line-height:1.15;color:#344054} .dstrip button small{font-size:11px;color:#667085}.dstrip button b{font-size:18px}.dstrip button i{font-style:normal;font-size:13px} .dstrip button.td{border-color:#12b76a;border-width:2px}.dstrip button.on{background:#1f3a5f;border-color:#1f3a5f;color:#fff}.dstrip button.on small{color:#c9d6e8} .dhd{display:flex;align-items:flex-start;gap:10px;margin:6px 0 8px}.dhd>div{flex:1}.dhd small{font-weight:700;color:#475467;font-size:13px}.dhd h3{margin:2px 0 0;font-size:19px;color:#1f3a5f} .dnote{background:#fffaeb;border:1px solid #fedf89;border-radius:10px;padding:8px 10px;margin:0 0 8px;font-size:14px;white-space:pre-wrap} .dsch{border:1px solid #e4e7ec;border-radius:12px;overflow:hidden;background:#fff} .dit{display:flex;gap:10px;padding:10px 12px;border-top:1px solid #eef0f4}.dit:first-child{border-top:0}.dit.ed{cursor:pointer}.dit.ed:active{background:#f2f4f7} .dtm{width:58px;flex:none;display:flex;flex-direction:column}.dtm b{font-size:18px;color:#1f3a5f;font-variant-numeric:tabular-nums}.dtm small{font-size:11px;color:#b54708;font-weight:700} .dtx{flex:1;min-width:0}.dtx>b{font-size:16px}.dtx p{margin:2px 0 0;font-size:13px;color:#475467} .dwho{margin-left:6px;font-size:11px;font-weight:800;border-radius:6px;padding:1px 6px;vertical-align:2px}.dwho.riders{background:#e8f1fb;color:#1f3a5f}.dwho.staff{background:#fef0c7;color:#93370d} .dchg{margin-left:6px;font-size:11px;font-weight:700;color:#b42318} .dpl{display:inline-block;margin-top:4px;font-size:13px;font-weight:700;color:#067647;text-decoration:none;border:1px solid #abefc6;background:#ecfdf3;border-radius:8px;padding:3px 8px} .dact{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}:is(#mob,#race) .dact .mbtn{width:auto;margin:0;flex:1 1 auto;display:flex;justify-content:center;align-items:center;min-height:46px} .dsec{border:1px solid #e4e7ec;border-radius:12px;padding:8px 12px;margin:10px 0;background:#fff}.dsec h4{margin:2px 0 6px;font-size:15px}.dsec p{margin:4px 0;font-size:14px} .drooms{margin:6px 0 2px;padding-left:18px;font-size:14px}.drooms b{color:#1f3a5f} .dveh{border-top:1px solid #eef0f4;padding:6px 0}.dveh:first-of-type{border-top:0}.dveh ol{margin:4px 0;padding-left:18px;font-size:14px}.dveh ol span{font-weight:700;font-variant-numeric:tabular-nums;color:#1f3a5f}.dveh small{color:#667085} .dnext{font-size:14px;color:#475467;margin:10px 2px} .dshare{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}:is(#mob,#race) .dshare .mbtn{width:auto;margin:0;display:flex;justify-content:center;align-items:center;min-height:46px}:is(#mob,#race) .dshare .rcheck{grid-column:1/-1} .dtx .dpl{display:table} /* v94: Strecke und Feeding Zones */ .dsech{display:flex;align-items:center;gap:8px}.dsech h4{flex:1}.dsec h4 small{font-weight:600;color:#475467} .dprof{display:block;width:100%;height:90px;margin:4px 0 0} .dproflab{position:relative;display:flex;justify-content:space-between;font-size:11px;color:#667085;height:18px}.dproflab i{position:absolute;top:0;transform:translateX(-50%);font-style:normal;font-weight:700;color:#b54708} .dmap{display:block;width:100%;height:auto;border-radius:10px;border:1px solid #e4e7ec;margin-top:6px}.dmap.pick{cursor:crosshair;touch-action:manipulation} .drtb{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}:is(#mob,#race) .drtb .mbtn{width:auto;margin:0;flex:1 1 auto;display:flex;justify-content:center;align-items:center;min-height:44px} .dfz{display:flex;gap:10px;align-items:flex-start;padding:8px 0;border-top:1px solid #eef0f4}.dfz:first-of-type{border-top:0}.dfz.ed{cursor:pointer} .dfzn{flex:none;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;color:#fff;background:#98a2b3}.dfzn.yellow{background:#f79009}.dfzn.green{background:#12b76a} .dfzt{flex:1;min-width:0}.dfzt b{display:block}.dfzt small{display:block;color:#475467;font-size:13px}.dfzt p{margin:2px 0 0;font-size:13px} .dlv{font-weight:700}.dlv.grey{color:#667085!important}.dlv.yellow{color:#b54708!important}.dlv.green{color:#067647!important} .dfznav{flex:none;display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:10px;background:#12b76a;color:#fff;text-decoration:none;font-size:20px} .dfzr{background:#f9fafb;border-radius:10px;padding:6px 10px;margin:6px 0;font-size:13px}.dfzr p{margin:2px 0} :is(#mob,#race) .rpprev{display:flex;width:100%;justify-content:center;margin:6px 0 0;border-style:dashed} .rfrow{display:flex;align-items:center;gap:8px;margin:2px 0 8px}.rfrow>span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}.rfrow small{color:#667085} :is(#mob,#race) .rfrow .mbtn{width:auto;margin:0;min-height:42px;display:flex;align-items:center;padding:0 12px}.rfrow .d{border:1px solid #fda29b;background:#fff;color:#b42318;border-radius:10px;min-height:42px;min-width:42px} :is(#mob,#race) .fzhere{border-color:#12b76a;color:#067647!important} .fzoth{width:100%}.fzoth summary{font-size:13px;color:#475467;cursor:pointer;margin:2px 0 6px}.fzoth button{margin:0 6px 6px 0;border:1px solid #d0d5dd;border-radius:999px;background:#fff;padding:7px 11px;font-size:13px;font-weight:700;color:#344054}.fzoth button.on{background:#1f3a5f;border-color:#1f3a5f;color:#fff!important} #fzMap{margin:8px 0} /* v95: Race in der Vollansicht am PC */ main#race{overflow:auto;background:#f6f8fb} .rdesk{display:grid;grid-template-columns:minmax(0,820px);justify-content:center;gap:16px;padding:12px 16px 40px}.rdesk.two{grid-template-columns:minmax(420px,760px) minmax(380px,1fr);justify-content:stretch} .rdmain{min-width:0;background:#fff;border:1px solid #e4e7ec;border-radius:14px;padding:6px 0 0;align-self:start} .rdtop{display:flex;align-items:center;gap:10px;padding:6px 16px 0}.rdtop h2{flex:1;margin:4px 0;font-size:20px;color:#1f3a5f}#race .rdtop .mbtn{width:auto;margin:0;min-height:38px;display:inline-flex;align-items:center;padding:0 12px} #race .mper{padding:8px 16px}#race .mtrmode{padding:8px 16px}#race .rov,#race .rlic,#race .rpls,#race .dcard{padding-bottom:24px} .rdaside{position:sticky;top:8px;height:calc(100vh - 150px);display:flex;flex-direction:column;background:#fff;border:1px solid #e4e7ec;border-radius:14px;overflow:hidden} .rdah{display:flex;align-items:center;gap:10px;padding:8px 12px;border-bottom:1px solid #eef0f4}.rdah b{flex:1}.rdah a{font-weight:700;color:#1f3a5f}.rdah button{border:1px solid #d0d5dd;background:#fff;border-radius:8px;width:32px;height:32px;cursor:pointer} .rdaside iframe{flex:1;width:100%;border:0} #race [data-race]{display:none} #race .rlts{grid-template-columns:repeat(2,minmax(0,260px))} #race .dmap{max-width:600px} .msh.desk .mpanel{left:50%;right:auto;top:5vh;bottom:auto;width:min(580px,94vw);max-height:88vh;border-radius:16px;transform:translate(-50%,20px);opacity:0;transition:transform .15s,opacity .15s} .msh.desk.on .mpanel{transform:translate(-50%,0);opacity:1}.msh.desk .mgrab{display:none} #race button,#race input,#race select,#race textarea{font-family:inherit} /* v96: offline */ .roff{display:flex;align-items:center;gap:8px;border-radius:12px;padding:8px 12px;margin:8px 0;font-size:14px;border:1px solid #abefc6;background:#ecfdf3}.roff>div{flex:1;min-width:0}.roff b{display:block}.roff small{display:block;color:#475467;font-size:12px} .roff.warn{border-color:#fedf89;background:#fffaeb}.roff.busy{border-color:#b2ddff;background:#eff8ff;color:#1f3a5f;font-weight:700} .roff button{border:1px solid #d0d5dd;background:#fff;border-radius:10px;min-width:40px;min-height:40px;font-size:16px;cursor:pointer} :is(#mob,#race) .mbtn.roffb{display:flex;flex-direction:column;align-items:center;width:100%;margin:8px 0;border-style:dashed}.roffb small{font-weight:400;color:#667085;font-size:12px} body.offline :is(#mob,#race) :is(button[data-rpe],button[data-dit],[data-dhd],button[data-fze],[data-rte],[data-dfill],[data-rls],[data-rpmm]){pointer-events:none;opacity:.45} body.offline :is(#mob,#race) :is(.dit[data-dit],.dfz[data-fze]){pointer-events:none}body.offline :is(#mob,#race) :is(.dit,.dfz) a{pointer-events:auto} body.mob #offBar{position:fixed;left:0;right:0;top:auto;bottom:calc(64px + env(safe-area-inset-bottom));z-index:60;padding:4px 10px;font-size:12px;border-top:1px solid #fdb022;border-bottom:0;flex-wrap:nowrap}body.mob #offBar .offlong{display:none}body.mob #offBar button{padding:2px 8px} body.mob.offline #mob{top:0}body.mob.offline #mBody{padding-bottom:34px} /* v98: gpx.studio */ :is(#mob,#race) .mbtn.gsbtn{display:flex;width:100%;justify-content:center;margin:6px 0;background:#eff8ff;border-color:#84caff;color:#175cd3!important} .gsbox{margin:6px 0}.gsbox iframe{display:block;width:100%;height:min(70vh,520px);border:1px solid #e4e7ec;border-radius:10px;background:#f6f8fb}#race .gsbox iframe{height:600px}.gsbox small{display:block;color:#98a2b3;font-size:11px;margin-top:2px} /* v98.1: rechte Spalte am PC – Karte oder Roadbook */ .rdat{border:1px solid #d0d5dd;background:#fff;border-radius:8px;padding:5px 10px;font-weight:700;color:#344054;cursor:pointer;white-space:nowrap}.rdat.on{background:#1f3a5f;border-color:#1f3a5f;color:#fff} .rdah .lvsp{flex:1}.rdcred{display:block;padding:3px 10px;color:#98a2b3;font-size:11px;border-top:1px solid #eef0f4} .rdtop .mbtn+.mbtn{margin-left:6px!important} .rdah .rdat{width:auto;height:auto;min-height:32px} .mbsteps{margin:4px 0 10px;padding-left:20px;font-size:14px;line-height:1.45;color:#344054}.mbsteps li{margin:4px 0}.mbsteps code{background:#f2f4f7;border-radius:4px;padding:0 4px} /* v101: KOM und Sprint */ .dfzn.kom{background:#d92d20}.dfzn.spr{background:#7a5af8} .dact3{display:grid!important;grid-template-columns:1fr 1fr 1fr;gap:8px}:is(#mob,#race) .dact3 .mbtn{min-height:46px;padding:4px 6px;font-size:14px} .dproflab i.pk{color:#d92d20}.dproflab i.ps{color:#7a5af8} /* v102: km/Koordinaten passen nicht zusammen */ .dwarn{display:block;color:#b42318!important;font-weight:700;font-size:12px} #rpPos.err b{color:#b42318}.fzfix{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.fzfix button{border:1px solid #d0d5dd;background:#fff;border-radius:8px;padding:6px 10px;font-size:13px;font-weight:700;color:#1f3a5f;cursor:pointer} /* v103: Km 0 */ .dproflab i.p0{color:#101828;white-space:nowrap} #rtK0{flex:0 0 38%} /* v104: View as am Handy */ .mvabar{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:8px;background:#fff1d6;color:#5c3b00;border-bottom:1px solid #f0d28a;padding:6px 12px;font-size:13px}.mvabar b{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .mvabar button{flex:none;border:1px solid #d9b25a;border-radius:8px;background:#fff;font-weight:700;padding:5px 10px;font-size:13px;color:#5c3b00} #mVa{width:100%;min-height:44px;font-size:16px;border:1px solid #d0d5dd;border-radius:10px;padding:0 10px;background:#fff} /* ===== v105: Transportsicht (Travel) ===== */ .fhead{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:10px 0 8px} .fhead .sp{flex:1} .fdir{display:inline-flex;border:1px solid var(--line);border-radius:9px;overflow:hidden;background:#fff} .fdir button{border:0;border-radius:0;box-shadow:none;background:none;padding:7px 14px;font-weight:600;color:var(--mut)} .fdir button.on{background:var(--navy);color:#fff} .fdir button small{font-weight:400;opacity:.8;margin-left:4px} .fopn{font-size:13px;color:#b54708;background:#fffaeb;border:1px solid #fedf89;border-radius:8px;padding:5px 10px} .fopn.ok{color:#067647;background:#ecfdf3;border-color:#abefc6} .fchk{margin:0 0 10px;font-size:13px}.fchk summary{cursor:pointer;color:var(--mut)}.fchk .s-red{color:#d92d20}.fchk ul{margin:6px 0 0} .flow{display:grid;grid-template-columns:210px minmax(0,1fr);gap:14px;align-items:start} .fside{position:sticky;top:8px;background:#fff;border:1px solid var(--line);border-radius:10px;padding:8px;max-height:calc(100vh - 160px);overflow:auto} .fside h4{margin:2px 4px 8px;font-size:13px}.fside h4 small{display:block;font-weight:400;color:var(--mut);font-size:11px;margin-top:2px} .fp{display:grid;grid-template-columns:auto 1fr;column-gap:2px;align-items:center;padding:5px 6px;border-radius:7px;cursor:grab;user-select:none;border:1px solid transparent;margin-bottom:2px} .fp b{font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .fp small{grid-column:2;color:var(--mut);font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .fp:hover{background:#f2f4f7}.fp.sel,.fn.sel{background:#eaf2ff;border-color:#84adff}.fp.res{opacity:.7} .fp .trdot{margin-right:6px;margin-top:0} .trdot.tr-none{background:#fff;border:2px solid #d92d20;width:10px;height:10px;box-sizing:border-box} .fclr{width:100%;margin-top:6px;font-size:12px} .fmain{min-width:0} .fg{display:grid;column-gap:0;row-gap:4px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:8px;margin-bottom:12px;box-shadow:var(--shadow);align-items:stretch} .fgl{margin:16px 0 6px;font-size:13px;color:var(--mut)} .fn{display:flex;align-items:center;gap:5px;min-height:42px;padding:0 6px;border-radius:7px;cursor:grab;user-select:none;border:1px solid transparent;font-size:13px;min-width:0} .fn b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:600} .fn .trdot{margin:0}.fn .trr{font-size:10px;padding:1px 5px;margin-left:auto}.fn .fdr{font-size:13px} .fbk{display:flex;align-items:center;gap:0;min-width:0;padding:0 8px 0 4px;position:relative} .fbk.bk{padding:0 4px 0 8px} .fbk::after{content:"";position:absolute;right:0;left:0;top:50%;border-top:2px dotted #d0d5dd;z-index:0} .fbk>*{position:relative;z-index:1} .fg.own .fbk::after{display:none} .fnone{color:#98a2b3;background:#fff;padding:0 6px;font-size:12px} .fempty{color:var(--mut);font-size:13px;font-style:italic;justify-content:center;min-height:42px} .fempty::after{display:none} .fa{font-style:normal;color:#98a2b3;padding:0 3px;background:#fff;font-size:15px} .fb{display:inline-flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:0;min-height:38px;min-width:96px;max-width:190px;padding:3px 10px;border-radius:8px;border:1.5px solid #98a2b3;background:#fff;font:inherit;font-size:12px;line-height:1.25;cursor:pointer;text-align:left;box-shadow:none;--mc:#667085;position:relative} .fb b{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%} .fb small{color:var(--mut);font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%} .fb.m-flight{--mc:#7a5af8;--mt:#f4f3ff}.fb.m-train_long,.fb.m-train_regional{--mc:#1570ef;--mt:#eff8ff}.fb.m-bus{--mc:#0ba5ec;--mt:#f0f9ff} .fb.m-car_own,.fb.m-car_brought,.fb.m-private{--mc:#475467;--mt:#f2f4f7}.fb.m-team{--mc:#079455;--mt:#ecfdf3} .fb.st-bk,.fb.st-ok{border-color:var(--mc);border-left-width:5px;background:var(--mt,#f9fafb)} .fb.st-pl{border-style:dashed;border-color:var(--mc);background:repeating-linear-gradient(135deg,#fff 0 6px,#f9fafb 6px 12px);color:#475467} .fb.st-pl b{font-weight:500} .fok{position:absolute;top:-7px;right:-6px;width:16px;height:16px;border-radius:50%;background:#079455;color:#fff;font-style:normal;font-size:10px;line-height:16px;text-align:center;font-weight:700} .fb.opl{padding-left:26px;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 30px);mask-image:linear-gradient(90deg,transparent 0,#000 30px);border-left-color:transparent} .fb.opr{padding-right:26px;-webkit-mask-image:linear-gradient(270deg,transparent 0,#000 30px);mask-image:linear-gradient(270deg,transparent 0,#000 30px);border-right-color:transparent} .fb:hover{filter:brightness(.97);box-shadow:0 0 0 2px #d1e0ff} .fadd{width:26px;height:26px;min-width:26px;border-radius:50%;padding:0;margin:0 6px 0 0;border:1.5px dashed #98a2b3;background:#fff;color:#475467;font-size:15px;line-height:1;box-shadow:none} .fbk.bk .fadd{margin:0 0 0 6px} .fadd:hover{border-color:var(--brand);color:var(--brand);border-style:solid} .fon{font-size:11px;color:#344054;background:#fff;border:1px solid var(--line);border-radius:6px;padding:2px 6px;margin-left:auto;white-space:nowrap} .fbk.bk .fon{margin:0 auto 0 0} .fout{border:0;background:#fff;box-shadow:none;color:#98a2b3;padding:2px 5px;margin-left:4px;font-size:12px;opacity:0;transition:opacity .15s} .fbk:not(.bk) .fon+.fout{margin-left:4px}.fbk:not(.bk) .fout:first-child{margin-left:auto} .fbk:hover .fout{opacity:1}.fout:hover{color:#d92d20} .fv{flex:1;display:flex;flex-direction:column;gap:3px;border-radius:12px;border:2px solid #079455;background:#ecfdf3;padding:8px 10px;min-height:42px;font-size:12px;position:relative;margin:0 2px} .fv.st-pl{border-style:dashed;background:repeating-linear-gradient(135deg,#f6fef9 0 8px,#ecfdf3 8px 16px)} .fv.lv-red{box-shadow:0 0 0 2px #fda29b} .fvh{border:0;background:none;box-shadow:none;padding:0;text-align:left;font:inherit;font-size:14px;cursor:pointer;display:flex;flex-wrap:wrap;gap:4px 6px;align-items:baseline;position:relative} .fvh em{font-style:normal;font-size:11px;color:#b54708;background:#fffaeb;border:1px solid #fedf89;border-radius:5px;padding:0 5px} .fvh .fok{top:-12px;right:-14px} .fvr{color:#344054}.fvr small{display:block;color:var(--mut)} .fvd{color:#344054}.fvd.no{color:#b54708} .fvs{color:var(--mut)}.fvs.over{color:#d92d20;font-weight:600} .fvi{color:#d92d20;font-size:11px} .fput{margin-top:4px;font-size:12px;padding:4px 8px;background:var(--brand);color:#fff;border-color:var(--brand)} .fdrop{display:none;color:#079455;font-weight:600;text-align:center;margin-top:auto} body.fdragging .fdrop{display:block} body.fdragging [data-fvdrop],body.fdragging [data-fvnew]{outline:2px dashed #84adff;outline-offset:2px} .fover[data-fvdrop],.fover[data-fvnew]{background:#d1fadf!important;outline:3px solid #079455!important} body.fdragging .fside[data-fvside]{outline:2px dashed #fda29b} .fside.fover{background:#fef3f2} .fdst{display:flex;flex-direction:column;justify-content:center;gap:3px;border-radius:12px;background:#f9fafb;border:1px solid var(--line);padding:8px 10px;font-size:12px;margin:0 2px} .fdst small{color:var(--mut)} .fnew{border:2px dashed #d0d5dd;border-radius:12px;padding:14px;text-align:center;color:var(--mut);cursor:pointer;font-size:13px;margin:6px 0 12px;background:#fcfcfd} .fnew:hover{border-color:var(--brand);color:var(--brand)} .fnot{font-size:13px;color:#b42318;margin:8px 2px;line-height:2}.fnot>span{white-space:nowrap;margin-right:10px}.fnot .res{color:var(--mut)}.fnot .fadd{width:22px;height:22px;min-width:22px;margin:0 0 0 4px;font-size:13px;vertical-align:middle}.fnot small{color:var(--mut)} .flegend{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:14px} .flegend .fb{min-height:24px;min-width:0;cursor:default;--mc:#475467;--mt:#f2f4f7} .fmenu{position:absolute;z-index:200;background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:0 12px 30px rgba(16,24,40,.18);padding:6px;width:240px;display:flex;flex-direction:column} .fmenu>b{font-size:12px;color:var(--mut);padding:4px 8px 6px;font-weight:600} .fmenu button{border:0;box-shadow:none;background:none;text-align:left;padding:7px 8px;border-radius:7px;font-size:13px} .fmenu button:hover{background:#f2f4f7}.fmenu button small{color:var(--mut);font-size:11px} .trcodrv>div{display:flex;flex-wrap:wrap;gap:4px 14px;margin-top:6px}.trcodrv label{font-weight:400;font-size:13px;display:inline-flex!important;flex-direction:row!important;gap:5px;align-items:center;margin:0}.trcodrv input,.trconf input{width:auto!important;margin:0}.trcodrv label.atr{font-weight:600} .trconf{display:flex!important;flex-direction:row!important;align-items:center;gap:6px;font-weight:400} @media (max-width:1100px){.flow{grid-template-columns:1fr}.fside{position:static;max-height:none;display:flex;flex-wrap:wrap;gap:4px}.fside h4{width:100%}.fp{width:180px}} /* v106: mehrere Fahrten je Fahrzeug, Zeitskala in der Transportsicht */ .fvb{display:flex;gap:6px;margin-top:6px;flex-wrap:wrap} .fvb button{font-size:12px;padding:3px 9px;background:#fff;border:1px solid #abefc6;border-radius:7px;box-shadow:none} .fvb button:hover{border-color:#079455;color:#067647} .fvt{font-size:11px;color:#344054;background:#fff;border-radius:6px;padding:2px 6px;align-self:flex-start} .fbk.aft{padding:0 4px 0 8px}.fbk.aft.bk{padding:0 8px 0 4px} .fend{font-size:12px;font-weight:600;color:#344054;background:#f9fafb;border:1px solid var(--line);border-radius:7px;padding:4px 8px;white-space:nowrap} .ftl{background:#fff;border:1px solid var(--line);border-radius:12px;padding:6px 10px;margin-bottom:12px} .ftl>summary{cursor:pointer;font-weight:600;font-size:13px;padding:2px 0}.ftl>summary small{font-weight:400;color:var(--mut)} .ftl .tl2{margin-top:6px} /* v109: Fahrten-Kette (gleiches Fahrzeug, Weiterfahrt) nebeneinander */ .fchain .fvw+.fvw{position:relative} .fchain .fvw+.fvw::before{content:"›";position:absolute;left:-4px;top:50%;transform:translateY(-50%);color:#079455;font-size:22px;font-weight:700;z-index:2} .fchain .fvw+.fvw .fv{margin-left:12px} .fvp{display:flex;flex-wrap:wrap;gap:4px;margin-top:2px} .fvp span{display:inline-flex;align-items:center;gap:2px;background:#fff;border:1px solid #abefc6;border-radius:999px;padding:1px 4px 1px 8px;font-size:11px} .fvp i{color:var(--mut);font-size:11px} .fvp .fout{opacity:.5;margin:0;padding:0 4px;font-size:11px;background:none} .fvp .fout:hover{opacity:1} .fvh .fvn{font-size:13px;font-weight:600;color:#067647} .tl2l small{color:var(--mut);font-weight:400} /* v111: Farbe je Fahrzeug, Aktivitäten ohne Reise */ .fv{border-color:var(--vc,#079455);background:color-mix(in srgb,var(--vc,#079455) 8%,#fff)} .fv.st-pl{background:repeating-linear-gradient(135deg,color-mix(in srgb,var(--vc,#079455) 4%,#fff) 0 8px,color-mix(in srgb,var(--vc,#079455) 10%,#fff) 8px 16px)} .fv .fvh b{color:color-mix(in srgb,var(--vc,#079455) 70%,#101828)} .fv .fvp span{border-color:color-mix(in srgb,var(--vc,#079455) 35%,#fff)} .fv .fvb button{border-color:color-mix(in srgb,var(--vc,#079455) 35%,#fff)} .fb.m-team{--mt:color-mix(in srgb,var(--mc) 10%,#fff)} .fchain .fvw+.fvw::before{color:#98a2b3} .fvacts{display:flex;flex-direction:column;gap:3px;margin-top:4px;padding-top:5px;border-top:1px dashed color-mix(in srgb,var(--vc,#079455) 35%,#fff)} .fvacts>small{color:var(--mut);font-size:10px;text-transform:uppercase;letter-spacing:.04em} .fvact{display:flex;align-items:baseline;gap:4px;text-align:left;border:1px solid #fedf89;background:#fffaeb;border-radius:7px;padding:3px 8px;font:inherit;font-size:12px;box-shadow:none;cursor:pointer} .fvact small{color:#93370d;font-size:11px}.fvact:hover{border-color:#f79009} .tl2b.tlact{top:1px;height:15px;background:repeating-linear-gradient(135deg,#fef0c7 0 5px,#fedf89 5px 10px);border:1px solid #f79009;color:#93370d;font-size:10px;line-height:13px;padding:0 4px;overflow:hidden;white-space:nowrap;font-style:normal;cursor:pointer;box-sizing:border-box} /* v112: Baustein verschieben */ #travel .flow .fb[draggable]{cursor:grab} .fb.fbdrag{opacity:.4} body.fbdragging #travel .fbk[data-fslot]{background:rgba(132,173,255,.08);border-radius:8px} #travel .fb.fbover{box-shadow:-4px 0 0 0 #1570ef} #travel .fbk.fbover{background:rgba(132,173,255,.22)!important;outline:2px dashed #84adff;outline-offset:-2px} /* v113: Schritt für Schritt planen */ .fnew.fstep{border-color:#b2ccff;background:#f5f8ff;color:#1849a9} .fnew.fstep:hover{border-color:#1570ef} .fbk:not(.bk) .fadd.fadd2{margin:0 0 0 6px} /* v114: beschriftete Balken in der Zeitskala */ .tl2b{top:1px;height:15px} .tl2b.vb{top:2px;height:13px} .tl2b .tl2t{display:block;padding:0 9px;font-size:10px;line-height:15px;color:#fff;font-style:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none} .tl2b.vb .tl2t{line-height:13px;color:#101828;padding:0 11px} .tl2b.st-proposed .tl2t{color:#101828} /* v116: Zeitskala wie ein Kalender (waagerecht), Fahrzeugzeilen, Gruppen */ .tl3{position:relative} .tl3bar{display:flex;align-items:center;gap:8px;margin:2px 0 6px;flex-wrap:wrap}.tl3bar .sp{flex:1}.tl3bar small{color:var(--mut);font-size:11px} .tl3z{display:inline-flex;border:1px solid var(--line);border-radius:8px;overflow:hidden} .tl3z button{border:0;border-radius:0;box-shadow:none;background:#fff;padding:3px 10px;font-size:12px}.tl3z button.on{background:var(--navy);color:#fff} .tl3bar>button{font-size:12px;padding:3px 10px;border-radius:8px} .tl3sc{overflow-x:auto;overflow-y:hidden;border-radius:8px} .tl3in{position:relative;min-width:100%} .tl3g{position:absolute;left:170px;right:0;top:0;bottom:0;pointer-events:none} .tl3h{position:absolute;top:0;bottom:0;border-left:1px solid #e4e7ec}.tl3h.odd{background:#f9fafb}.tl3h.mid{border-left:2px solid #98a2b3} .tl3hh{position:absolute;top:44px;bottom:0;border-left:1px dashed #eef0f3} .tl3now{position:absolute;top:20px;bottom:0;border-left:2px solid #d92d20;z-index:3}.tl3now b{position:absolute;top:0;left:-21px;background:#d92d20;color:#fff;font-size:10px;padding:0 4px;border-radius:4px;font-weight:600} .tl3 .tl2r{position:relative;display:flex;align-items:center} .tl3 .tl2l{width:170px;flex:none;position:sticky;left:0;z-index:4;background:linear-gradient(90deg,#fff 88%,rgba(255,255,255,0));font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-right:8px} .tl3 .tl2l small{color:var(--mut);margin-left:5px;font-size:10px} .tl3 .tl2tr{position:relative;flex:1;height:20px;border:0} .tl3hd .tl2tr{height:64px} /* v149: feste Termine – Fähnchen-Leiste unter den Uhrzeiten + gestrichelte Linie */ .tl3mk{position:absolute;left:0;right:0;top:43px;height:19px;border-top:1px dashed transparent}.tl3mk.ed{cursor:copy}.tl3mk.ed:hover{background:rgba(127,86,217,.06);border-top-color:#d0d5dd} .tl3mkh{position:absolute;left:6px;top:2px;font-size:11px;color:#98a2b3;pointer-events:none} .tlmk{position:absolute;top:1px;transform:translateX(-1px);display:inline-flex;align-items:center;gap:3px;height:17px;max-width:150px;padding:0 6px 0 3px;border:0;border-left:2px solid var(--mc);border-radius:0 9px 9px 0;background:color-mix(in srgb,var(--mc) 14%,#fff);color:#101828;font:inherit;font-size:10.5px;line-height:17px;white-space:nowrap;cursor:pointer;z-index:4;box-shadow:0 1px 2px rgba(16,24,40,.12)} .tlmk i{font-style:normal;font-size:10px}.tlmk span{overflow:hidden;text-overflow:ellipsis;font-weight:600}.tlmk small{color:#475467;font-size:10px}.tlmk:hover{z-index:6;max-width:none;background:color-mix(in srgb,var(--mc) 24%,#fff)}.tlmk.auto{cursor:help;border-left-style:dotted} .tlml{position:absolute;top:43px;bottom:0;border-left:1.5px dashed var(--mc);opacity:.75;z-index:2} .mksug{display:flex;flex-wrap:wrap;gap:4px;margin:0 0 8px}.mksug button{border:1px solid #d0d5dd;background:#fff;border-radius:14px;padding:2px 9px;font:inherit;font-size:12px;cursor:pointer}.mksug button:hover{background:#eff4fa;border-color:#1f3a5f} .mkl{display:block;font-size:12px;color:#475467;margin:2px 0}.mkic{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:6px}.mkic label{display:inline-flex!important;margin:0;cursor:pointer}.mkic input{position:absolute;opacity:0;width:0}.mkic span{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border:1.5px solid #e4e7ec;border-radius:8px;font-size:15px}.mkic input:checked+span{border-color:#1f3a5f;box-shadow:0 0 0 2px #c7d7fe}.mkcol{border-radius:50%!important;width:22px!important;height:22px!important} .tl3ds{position:absolute;left:0;right:0;top:0;height:20px} .tl3d{position:absolute;top:0;height:19px;background:var(--navy);color:#fff;border-radius:5px;font-size:11px;line-height:19px;padding-left:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-sizing:border-box;border-right:2px solid #fff} .tl3d.race{background:#e10000} .tl3tk{position:absolute;left:0;right:0;top:24px;height:18px}.tl3tk span{position:absolute;transform:translateX(-50%);font-size:11px;font-weight:600;color:#475467;white-space:nowrap} .tl3 .tl2r.veh .tl2tr{height:30px} .tl3 .tl3trip{top:3px;height:24px;border-radius:7px;background:color-mix(in srgb,var(--c) 16%,#fff)!important;border:1.5px solid var(--c);box-sizing:border-box} .tl3 .tl3trip .tl2t{line-height:21px;font-size:11px;font-weight:600;color:color-mix(in srgb,var(--c) 75%,#101828);padding:0 34px} .tl3 .tl3s{top:8px;width:auto;min-width:14px;height:14px;line-height:14px;border-radius:5px;padding:0 4px;font-size:9px;font-weight:700;background:var(--c);z-index:2;white-space:nowrap} .tl3 .tl3s.s0{transform:translateX(3px)}.tl3 .tl3s.sn{transform:translateX(calc(-100% - 3px))} .tl3 .tl2r.veh .tlact{top:7px} .tl3grp{margin-bottom:6px}.tl3grp .tl2r .tl2l{border-left:3px solid var(--c);padding-left:6px}.tl3grp .tl2r.veh .tl2l{background:color-mix(in srgb,var(--c) 10%,#fff)}.tl3grp .tl2r.veh{border-top:1px solid color-mix(in srgb,var(--c) 30%,transparent)} .tl3gh{display:flex;align-items:baseline;gap:8px;margin:8px 0 2px;padding:2px 6px;border-left:4px solid var(--c);font-size:11px;font-weight:700;color:#475467;text-transform:uppercase;letter-spacing:.04em;cursor:pointer;position:sticky;left:0;width:max-content;background:#fff;z-index:4;user-select:none} .tl3gh small{font-weight:400;text-transform:none;letter-spacing:0;color:var(--mut)} .tl3gh:hover{background:#f2f4f7} .tl3 .tlact.adg{cursor:grab}.tlact.agdrag{opacity:.85;z-index:6;box-shadow:0 4px 12px rgba(16,24,40,.25)} .tl3 .tl2r.tlhov{background:rgba(132,173,255,.15)} .tl3 .tlact .tl2t{color:#93370d;line-height:13px;padding:0 4px} .tl3 .tl3trip{overflow:hidden} body.tldrag .tl3 .tl2b,body.tldrag .tl3 .tl2s{pointer-events:none} /* v121: Mitfahrende im Fahrzeug-Fenster */ .trpax>div,.trpax details>div{display:flex;flex-wrap:wrap;gap:5px 8px;margin-top:6px} .trpax label{display:inline-flex!important;flex-direction:row!important;align-items:center;gap:5px;margin:0;font-weight:400;font-size:13px;border:1px solid var(--line);border-radius:999px;padding:3px 10px 3px 7px;background:#fff;cursor:pointer} .trpax label.on,.trpax label:has(input:checked){background:#ecfdf3;border-color:#75e0a7} .trpax label small{color:var(--mut);font-size:11px} .trpax input{width:auto!important;margin:0} .trpax details summary{cursor:pointer;color:var(--mut);font-size:12px;margin-top:6px} /* v123: Umstieg */ .fchg{font-size:11px;font-weight:700;color:#93370d;background:#fffaeb;border:1px dashed #f79009;border-radius:7px;padding:3px 7px;margin-right:4px;white-space:nowrap} .fvx small{color:var(--mut);font-size:10px;margin-right:2px}.fvx span{border-style:dashed!important}.fvx i{font-style:normal;color:var(--mut);font-size:10px} /* v124: Fahrten ohne Zeiten in der Zeitskala */ .tl3 .tl3est{border:1.5px dashed var(--c)!important;background:repeating-linear-gradient(135deg,#fff 0 5px,color-mix(in srgb,var(--c) 14%,#fff) 5px 10px)!important;cursor:pointer} .tl3 .tl3est .tl2t{color:color-mix(in srgb,var(--c) 70%,#101828)!important} /* v125: Race – Tactics-Tab (Präfix .tq) */ .tqg{display:grid;grid-template-columns:92px 1fr;column-gap:8px;align-items:stretch;margin:6px 0 4px} .tql0{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-end;font-size:11px;color:#667085;padding:2px 0} .tqpf{position:relative;padding-top:calc(var(--rows,1)*21px + 4px);min-width:0}.tqpf.ed{cursor:crosshair} .tqpf svg{display:block;width:100%;height:150px} .tqic{position:absolute;inset:0 0 auto 0;height:0} .tqi{position:absolute;transform:translateX(-50%);font-style:normal;font-size:15px;line-height:19px;background:#fff;border:1px solid #d0d5dd;border-radius:6px;padding:0 3px;white-space:nowrap;z-index:1} .tqi.m{border-color:#1f3a5f;cursor:pointer}.tqi.k{border-color:#fda29b}.tqi.s{border-color:#bdb4fe} .tqnog{height:110px;display:flex;align-items:center;justify-content:center;text-align:center;background:#f6f8fb;border:1px dashed #d0d5dd;border-radius:8px;font-size:13px;color:#667085;padding:8px} .tqax{position:relative;height:18px;border-top:1px solid #98a2b3;font-size:11px;color:#667085;margin-bottom:6px} .tqax i{position:absolute;top:1px;transform:translateX(-50%);font-style:normal}.tqax i.e{transform:translateX(-100%);font-weight:700;color:#344054} .tqwb{position:relative;height:30px;margin:2px 0 6px}.tqwb svg{display:block;width:100%;height:10px;border-radius:3px;margin-top:18px} .tqwb i{position:absolute;top:0;transform:translateX(-50%);font-style:normal;font-size:12px;font-weight:700;white-space:nowrap}.tqwb i.l2{color:#d92d20}.tqwb i.l1{color:#b54708} .tqn{display:flex;flex-direction:column;justify-content:center;align-items:flex-end;text-align:right;font-size:13px;line-height:1.2;padding:3px 0;border-top:1px solid #eaecf0;min-width:0} .tqn b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.tqn span{font-size:11px;font-weight:700;color:var(--c,#667085);white-space:nowrap}.tqn span.nr{color:#98a2b3;font-weight:600}.tqn span.res{color:#98a2b3} .tqb{position:relative;border-top:1px solid #eaecf0;background:repeating-linear-gradient(90deg,transparent 0 calc(10% - 1px),#f2f4f7 calc(10% - 1px) 10%);min-width:0} .tqn[data-tco],.tqb[data-tco],.tqri[data-tco],.tqpt[data-tcm]{cursor:pointer} .tqbar{position:absolute;height:18px;line-height:18px;border-radius:5px;background:var(--c);color:#fff;font-size:11px;font-weight:600;padding:0 5px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;box-sizing:border-box} .tqbar.pt{background:none;color:var(--c);padding:0 2px;font-weight:700} .tqpl{white-space:pre-wrap}.tqpl b{display:inline-block;background:#1f3a5f;color:#fff;border-radius:5px;padding:0 6px;font-size:12px;margin-right:4px} .tqri{padding:6px 0;border-top:1px solid #eaecf0;font-size:14px}.tqri:first-of-type{border-top:0}.tqri ul{margin:3px 0 0;padding-left:18px}.tqri li{margin:2px 0}.tqri small{color:#667085} .tqrc{font-size:12px;font-weight:700;color:var(--c)} .tqpts{display:grid;grid-template-columns:auto 1fr auto;gap:2px 10px;font-size:14px}.tqpt{display:contents}.tqpt b{white-space:nowrap}.tqpt small{color:#667085} .tqsg{display:flex;align-items:center;gap:6px;padding:5px 0;border-top:1px solid #eaecf0;font-size:13px}.tqsg span{flex:1}.tqsg.l2 b{color:#d92d20}.tqsg.l1 b{color:#b54708} .tqsg button{border:1px solid #1f3a5f;background:#fff;color:#1f3a5f;border-radius:8px;padding:4px 9px;font-weight:700;font-size:13px}.tqsg button.x{border-color:#d0d5dd;color:#667085} .tqwx{display:flex;flex-wrap:wrap;gap:4px 12px;font-size:14px;padding:4px 0}.tqwx b{min-width:52px} .tqleg{font-size:11px;color:#475467;margin:6px 0;line-height:1.8}.tqleg i{display:inline-block;width:14px;height:9px;border-radius:2px;background:var(--c);margin:0 3px 0 8px;vertical-align:middle} .tqh{margin:10px 0 2px!important;font-size:14px!important}.tqsrc{font-size:11px!important;color:#667085} .tqil{display:flex;flex-direction:column;gap:4px;margin:4px 0 10px}.tqil div{display:flex;align-items:center;gap:6px;border:1px solid #e4e7ec;border-radius:8px;padding:6px 8px;font-size:13px}.tqil div.on{border-color:#1f3a5f;background:#eff4fa} .tqil span{flex:1;cursor:pointer}.tqil button{border:0;background:none;color:#98a2b3;font-size:15px} .rpkinds.sm button{padding:4px 9px;font-size:12px;font-weight:600} @media(max-width:520px){.tqg{grid-template-columns:70px 1fr;column-gap:6px}.tqn{font-size:12px}} /* v126: Testmodus Wetter */ .tqwt{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:4px 0 8px;font-size:13px;color:#475467}.tqwt button{padding:4px 10px;font-size:13px} .tqtest{background:#fffaeb;border:1px solid #fedf89;border-radius:8px;padding:6px 10px;font-size:13px!important;color:#93370d} /* v126: Mapbox-Token maskiert */ .mbcur{font-size:14px;margin:6px 0}.mbcur code{background:#f2f4f7;border-radius:5px;padding:1px 6px} /* v127: Profil interaktiv, Karte mit Rennkilometern */ .tqpf{touch-action:pan-y;user-select:none;-webkit-user-select:none} .tqcur{position:absolute;bottom:0;height:150px;width:0;border-left:2px solid #1570ef;pointer-events:none;z-index:2} .tqtip{position:absolute;top:0;transform:translateX(-50%);background:#101828;color:#fff;font-size:12px;line-height:1.3;border-radius:6px;padding:3px 7px;white-space:nowrap;pointer-events:none;z-index:3} .tqtip.r{transform:translateX(-100%)}.tqtip:not(.r){transform:translateX(0)} .tqsel{position:absolute;bottom:0;height:150px;background:rgba(247,144,9,.22);border-left:2px solid #f79009;border-right:2px solid #f79009;pointer-events:none;z-index:1} .tqselp:empty{display:none}.tqselb{display:flex;flex-wrap:wrap;align-items:center;gap:6px;background:#fffaeb;border:1px solid #fedf89;border-radius:8px;padding:6px 8px;margin:4px 0 6px;font-size:13px} .tqselb span{flex:1 1 220px}.tqselb button{border:1px solid #1f3a5f;background:#fff;color:#1f3a5f;border-radius:8px;padding:4px 9px;font-weight:700;font-size:13px}.tqselb button.x{border-color:#d0d5dd;color:#667085} .tqmapw .dmap{margin-top:4px}.tqmsel{fill:none;stroke:#f79009;stroke-width:9;stroke-linecap:round;stroke-linejoin:round;opacity:.9}.tqmdot{fill:#1570ef;stroke:#fff;stroke-width:3} /* v128: Wind zu fester Uhrzeit */ .tqtm{margin:6px 0 2px}.tqtm .rlst{margin-top:0}.tqtmr{display:flex;align-items:center;gap:8px;margin-top:8px;flex-wrap:wrap}.tqtmr input{flex:1 1 200px;accent-color:#1f3a5f;min-height:28px} .tqtmr b{font-size:16px;min-width:46px}.tqtmr small{color:#475467}.tqtms{display:flex;justify-content:space-between;font-size:11px;color:#667085;margin-top:2px} /* v129: Windpfeil am Kartenpunkt */ .tqmart{font-size:17px;font-weight:800;stroke:#fff;stroke-width:3px;paint-order:stroke} .tqmapw .dmap{overflow:visible} /* v131: Spuren oben, Markierung */ .tqsp{height:10px}.tqselh{flex-basis:100%;color:#93370d;font-size:12px} /* v133: Notiz zur Anmeldung – Ecke in der Entry-Zelle, Text im Hover */ #t td.reg .rgnc{position:absolute;top:0;right:0;width:0;height:0;border-top:8px solid #1f5fbf;border-left:8px solid transparent;pointer-events:none} #tdTip .tdnote{margin:2px 0 6px;padding:5px 8px;background:#eff4fa;border-radius:6px;white-space:pre-wrap;color:#101828}#tdTip.nt{border-left-color:#1f5fbf} /* v136: Reiseplanung Handy – jede Fahrt/Aktivität eine Zeile mit Umbruch, Aktivitäten dazwischen */ .mtrl{display:block;position:relative;padding-left:44px;min-height:16px}.mtrl em{position:absolute;left:0;top:1px} .mtrl .mts{display:block;white-space:normal;overflow-wrap:anywhere;margin:1px 0}.mtrl>i{display:block} .mtrl .mta{color:#6938ef}.mtrl .mta b{color:#6938ef} /* v137: Höhenlinien im Profil, Handy über volle Breite, Vollbild */ .tqpf svg{height:var(--ph,150px)}.tqcur,.tqsel{height:var(--ph,150px)} .tqgl{position:absolute;left:0;right:0;bottom:0;height:var(--ph,150px);pointer-events:none} .tqgl i{position:absolute;left:2px;transform:translateY(50%);font-style:normal;font-size:10px;line-height:1;color:#667085;background:rgba(255,255,255,.75);border-radius:3px;padding:0 2px} .tqwn{font-size:12px!important;color:#667085;margin:4px 0 0!important} .tqfsh{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:4px 0 0}.tqfsh b{font-size:15px} .tqfsb{border:1px solid #d0d5dd;background:#fff;color:#1f3a5f;border-radius:8px;padding:4px 10px;font:inherit;font-size:13px;font-weight:700;cursor:pointer} .tqfs.on{position:fixed;inset:0;z-index:2000;background:#fff;overflow:auto;padding:8px 12px calc(12px + env(safe-area-inset-bottom));--ph:34vh} .tqfs.on .tqn,.tqfs.on .tqb,.tqfs.on .tqsp,.tqfs.on .tqfsx{display:none} .tqfs.on .tqmapw .dmap{max-width:none;max-height:calc(62vh - 40px);width:auto;margin:4px auto 0} body.tqfson{overflow:hidden} @media (orientation:landscape){.tqfs.on{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);grid-template-rows:auto 1fr;column-gap:14px;--ph:calc(100vh - 230px)} .tqfs.on .tqfsh{grid-column:1/-1}.tqfs.on .tqmapw{grid-column:2;grid-row:2;align-self:start}.tqfs.on .tqmapw .dmap{max-height:calc(100vh - 70px);width:100%}} @media(max-width:520px){ .tqg{grid-template-columns:1fr}.tqg>.tql0,.tqg>div:empty:not(.tqb){display:none} .tqn{flex-direction:row;justify-content:flex-start;align-items:baseline;gap:8px;text-align:left;padding:5px 0 1px} .tqb{border-top:0}.tqwb{margin-top:0}} body.tqfson .msh,body.tqfson #note,body.tqfson .toast{z-index:2100} .tqfs.on .tqg{grid-template-columns:1fr}.tqfs.on .tqg>.tql0,.tqfs.on .tqg>div:empty:not(.tqb){display:none} /* v138: Vollbild-Knopf direkt über dem Profil */ .tqfsrow{grid-column:1/-1;display:flex;justify-content:flex-end;margin:6px 0 2px} /* v139: Vollbild hochkant – Profil ~15 %, Karte füllt den Rest; Markier-Modus am Handy */ .tqpf{-webkit-touch-callout:none}.tqcur.mk{border-left:3px solid #f79009} @media (orientation:portrait){ .tqfs.on{display:flex;flex-direction:column;--ph:15vh;height:100vh;height:100dvh;overflow:hidden;padding-top:6px} .tqfs.on .tqfsh{flex:none;margin:0}.tqfs.on .tqfsp{flex:none} .tqfs.on .tqmapw{flex:1;min-height:0;display:flex;flex-direction:column} .tqfs.on .tqmapw .dmap{flex:1;min-height:0;width:100%;height:100%;max-height:none;margin:2px 0 0} .tqfs.on .tqtm{margin:2px 0}.tqfs.on .tqtm .msub,.tqfs.on .tqtms{display:none} .tqfs.on .tqtm .rlst button{padding:4px 8px;font-size:13px;min-height:0} .tqfs.on .tqtmr{margin-top:4px}.tqfs.on .tqax{margin-bottom:2px}.tqfs.on .tqwb{height:22px}.tqfs.on .tqwb svg{margin-top:12px}} /* v141: Google Flights / Schnelleingabe, gesperrte Flüge in der Zeitleiste */ .trgf{margin-left:6px;border:1px solid #d0d5dd;background:#fff;color:#1a73e8;border-radius:999px;padding:1px 9px;font:inherit;font-size:12px;font-weight:700;cursor:pointer;vertical-align:1px} .trgf[hidden]{display:none}.trfq{display:block;color:#067647;font-size:12px;min-height:0}.trfq:empty{display:none} .tl2b.fixd{cursor:pointer} /* v147: feste Zeiten (Nummer oder berechnete Fahrzeit) – violetter Rahmen + 🔒 */ .tfix{--fixc:#7f56d9}.tl2b.tfix{box-shadow:0 0 0 1.5px var(--fixc),0 0 0 3.5px rgba(127,86,217,.22)}.tl2s.tfix{box-shadow:0 0 0 2px var(--fixc)} .fb.tfix{border-color:var(--fixc)!important;box-shadow:0 0 0 2px rgba(127,86,217,.22)}.mtrsb.tfix{box-shadow:inset 3px 0 0 var(--fixc),0 0 0 1px rgba(127,86,217,.35)} .tfl{font-style:normal;font-size:.85em;margin-right:3px}.tl2b.tfix .tl2t{font-weight:600} /* v142: Bahn-Knöpfe und Suchliste */ .trrb{display:inline-flex;flex-wrap:wrap;gap:4px;margin-left:4px}.trrb[hidden]{display:none}.trgf.trs{color:#067647} .trrl{display:flex;flex-direction:column;gap:4px;margin-top:6px;max-height:300px;overflow:auto;border:1px solid #e4e7ec;border-radius:10px;padding:6px;background:#f9fafb;font-weight:400}.trrl[hidden]{display:none} .trrl>small,.trrl>i{color:#475467;font-size:12px;font-style:normal}.trri{display:flex;flex-wrap:wrap;gap:2px 8px;align-items:baseline;text-align:left;border:1px solid #d0d5dd;background:#fff;border-radius:8px;padding:6px 8px;font:inherit;font-size:13px;cursor:pointer} .trri:hover{border-color:#1f3a5f;background:#eff4fa}.trri small{flex-basis:100%;color:#667085;font-size:12px}.trri em{color:#b54708;font-style:normal;font-weight:700}.trsrc{font-size:11px!important;color:#98a2b3!important} .trtq{display:flex;flex-wrap:wrap;gap:4px 8px;align-items:center;justify-content:space-between;font-size:12px;color:#344054;font-weight:600}.trtqb{display:inline-flex;gap:4px;align-items:center} .trtqb button{border:1px solid #d0d5dd;background:#fff;border-radius:6px;padding:3px 7px;font:inherit;font-size:12px;cursor:pointer}.trtqb button:hover{border-color:#1f3a5f;background:#eff4fa}.trtqb input{width:92px;padding:2px 4px;font:inherit;font-size:12px} .trtqh{color:#067647!important} .trplh{position:sticky;top:0;z-index:1;background:var(--bg,#fff);margin:10px 0 2px;font-size:13px;color:#1f3a5f;border-bottom:1px solid #e4e7ec;padding-bottom:2px}.trplh small{color:#98a2b3;font-weight:400}.trplist>.trplh:first-child{margin-top:0} .trdrv{display:flex;flex-wrap:wrap;gap:6px 12px;align-items:center}.trdt.trro select,.trdt.trro input{background:#f2f4f7!important;color:#667085!important;border-style:dashed!important;cursor:not-allowed}.trdt.trro{position:relative}.trdt.trro::after{content:'🔒';position:absolute;right:-6px;top:-8px;font-size:11px} .trrot{background:#f2f4f7!important;color:#475467!important;border-style:dashed!important;cursor:not-allowed} .tlbuf{font-style:normal;position:absolute;top:4px;height:9px;border-radius:3px;background:repeating-linear-gradient(90deg,#99f6e0 0 3px,#ccfbef 3px 6px);border:1px solid #2ed3b7;z-index:0;cursor:pointer;min-width:3px;overflow:visible} .tlbuf span{position:absolute;left:50%;top:-1px;transform:translateX(-50%);font-size:9.5px;line-height:10px;font-weight:700;color:#107569;white-space:nowrap;background:rgba(255,255,255,.85);padding:0 3px;border-radius:4px;pointer-events:none} .tlbuf.short{background:repeating-linear-gradient(90deg,#fecdca 0 3px,#fef3f2 3px 6px);border-color:#f97066}.tlbuf.short span{color:#b42318}.tlbuf:hover{border-color:#107569;box-shadow:0 0 0 2px #99f6e0} .fbuf{display:inline-flex;align-items:center;align-self:center;flex:none;margin:0 2px;padding:1px 6px;border:1px solid #2ed3b7;border-radius:10px;background:#f0fdf9;color:#107569;font:inherit;font-size:11px;font-weight:700;white-space:nowrap;cursor:pointer}.fbuf.short{border-color:#f97066;background:#fef3f2;color:#b42318}.fbuf:hover{background:#ccfbef} .bufw{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:0 0 8px}.bufarr{color:#107569;font-weight:700}.bufq{display:flex;flex-wrap:wrap;gap:4px;align-items:flex-end}.bufq button{border:1px solid #d0d5dd;background:#fff;border-radius:12px;padding:2px 8px;font:inherit;font-size:12px;cursor:pointer}.bufq button.bmin{border-color:#2ed3b7;background:#f0fdf9} .bufmv label{display:block!important;font-weight:400;margin:4px 0}.bufmv label.off{color:#98a2b3}.bufmv small{color:#667085} .tl3 .tlsel{outline:2.5px solid #f79009!important;outline-offset:1px;box-shadow:0 0 0 5px rgba(247,144,9,.25)!important;z-index:5} .tlselbar{display:inline-flex;flex-wrap:wrap;align-items:center;gap:4px 10px;margin-left:8px;padding:2px 8px;border:1.5px solid #f79009;border-radius:10px;background:#fffaeb;font-size:12px}.tlselbar>span{display:inline-flex;gap:2px;align-items:center;color:#475467} .tlselbar button{border:1px solid #d0d5dd;background:#fff;border-radius:6px;padding:1px 6px;font:inherit;font-size:12px;cursor:pointer}.tlselbar button:hover{background:#fef0c7}.tlselbar input{width:56px;padding:1px 4px;font-size:12px}.tlselbar select{font-size:12px;padding:1px 2px} .trdrw{display:inline-flex;gap:6px;align-items:center;flex-wrap:wrap;margin-left:4px}.trdrw[hidden]{display:none}.trbrk{display:inline-flex;flex-direction:row;gap:4px;align-items:center;font-size:12px;color:#475467;font-weight:400;margin:0}.trbrk select{font-size:12px;padding:2px 4px;width:auto!important;min-width:0} .trdrv>span{display:inline-flex;gap:8px;align-items:center;flex-wrap:wrap}.trdrv label{display:inline-flex!important;gap:4px;align-items:center;font-size:12px;color:#475467;margin:0}.trdrv .addrow{width:auto;margin:0}.trdrv select{font-size:12px;padding:2px}#trDrvOut{flex-basis:100%;color:#067647;font-size:12px}#trDrvOut:empty{display:none} .trgm{display:inline-flex;gap:4px;align-items:center;color:#b54708;margin-left:4px}.trgm .trgf{font-size:12px}