@charset "utf-8";
/* ===== P&T Backbone – Modernisiert ===== */
/* CSS Variablen */
:root {--bb-bg:#006ec3;--bb-panel:#fde05d;--bb-panel-light:#fde57c;--bb-card-bg:#fef6d0;--bb-border:#c5a030;--bb-shadow:rgba(0,0,0,0.25);--bb-text:#1a1a1a;--bb-text-light:#5a4a3a;--bb-text-shadow:#ffffff;--bb-white:#ffffff;--bb-red:#c0392b;--bb-blue:blue;--bb-green-start:#3ec922;--bb-green-end:#1b540c;--bb-radius:12px;--bb-radius-sm:8px;--bb-gap:12px;--bb-pad:20px;--bb-transition:0.2s ease;}
/* ===== Reset ===== */
*,*::before,*::after {box-sizing:border-box;margin:0;padding:0;}
body {font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;font-size:15px;line-height:1.5;color:var(--bb-text);background:var(--bb-bg) url(../images/background6.jpg) repeat fixed;background-blend-mode:multiply;min-height:100vh;}
/* ===== Gemeinsamer Panel-Container ===== */
.bb-panel {background:var(--bb-panel);width:100%;max-width:720px;margin:20px auto;padding:var(--bb-pad);border:1px solid var(--bb-border);border-radius:20px;box-shadow:7px 7px 5px rgba(48,48,48,0.6);}
.bb-panel--wide {max-width:1000px;}
.bb-panel--xwide {max-width:1200px;}
.bb-panel--xxwide {max-width:1600px;}
.bb-panel--xxxwide {max-width:2000px;}
.bb-panel--narrow {max-width:500px;}
.bb-panel--small {max-width:800px;}
/* ===== Typografie ===== */
.bb-title {font-size:22px;font-weight:700;text-align:center;color:var(--bb-text);text-shadow:var(--bb-text-shadow) 2px 2px;padding-bottom:16px;}
.bb-subtitle {font-size:17px;font-weight:600;color:var(--bb-text);text-shadow:var(--bb-text-shadow) 1px 1px;padding-bottom:8px;}
/* ===== Login ===== */
.bb-login {display:flex;flex-direction:column;align-items:center;gap:12px;}
.bb-login-row {display:flex;gap:10px;flex-wrap:wrap;justify-content:center;}
.bb-input {background:rgba(255,255,255,0.6);font-size:16px;color:var(--bb-blue);border:2px solid var(--bb-border);border-radius:var(--bb-radius-sm);padding:8px 12px;width:180px;font-family:inherit;transition:border-color var(--bb-transition);}
.bb-input:focus {outline:none;border-color:var(--bb-green-start);background:rgba(255,255,255,0.85);}
/* ===== Buttons ===== */
.bb-btn {display:inline-block;background:linear-gradient(to bottom,var(--bb-green-start),var(--bb-green-end));color:var(--bb-white);font-size:14px;font-weight:600;padding:8px 20px;border:none;border-radius:var(--bb-radius-sm);box-shadow:rgba(0,0,0,0.5) 1px 1px 3px;text-shadow:rgba(0,0,0,0.4) 0 1px 0;cursor:pointer;text-decoration:none;letter-spacing:0.5px;transition:all var(--bb-transition);}
.bb-btn:hover {background:linear-gradient(to bottom,#34b01d,#0e3a08);color:#ddd;box-shadow:rgba(0,0,0,0.3) 0 0 1px;}
.bb-btn:active {background:#3cb048;}
.bb-btn--danger {background:linear-gradient(to bottom,#e74c3c,#922b21);}
.bb-btn--danger:hover {background:linear-gradient(to bottom,#c0392b,#7b241c);}
.bb-btn--logout {margin-top:16px;font-size:15px;padding:10px 30px;}
/* ===== Menü-Bereich ===== */
.bb-menu-section {margin-bottom:16px;}
.bb-menu-header {font-size:15px;font-weight:700;color:var(--bb-text);padding:8px 14px;background:var(--bb-card-bg);border-left:4px solid var(--bb-border);border-radius:0 var(--bb-radius-sm) var(--bb-radius-sm) 0;margin-bottom:var(--bb-gap);}
.bb-menu-grid {display:grid;grid-template-columns:1fr 1fr;gap:var(--bb-gap);}
/* ===== Menu Cards ===== */
.bb-card {display:flex;align-items:center;gap:10px;padding:12px 16px;background:var(--bb-card-bg);border:1px solid var(--bb-border);border-radius:var(--bb-radius-sm);text-decoration:none;color:var(--bb-text);font-weight:600;font-size:14px;transition:all var(--bb-transition);box-shadow:0 2px 4px rgba(0,0,0,0.08);}
.bb-card:hover {background:var(--bb-white);border-color:var(--bb-green-start);box-shadow:0 4px 12px rgba(62,201,34,0.15);transform:translateY(-1px);}
.bb-card:active {transform:translateY(0);box-shadow:0 1px 2px rgba(0,0,0,0.1);}
.bb-card--danger {border-color:var(--bb-red);color:var(--bb-red);}
.bb-card--danger:hover {border-color:var(--bb-red);box-shadow:0 4px 12px rgba(192,57,43,0.15);}
.bb-card-icon {width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:linear-gradient(to bottom,var(--bb-green-start),var(--bb-green-end));color:var(--bb-white);border-radius:6px;font-size:15px;flex-shrink:0;}
.bb-card--danger .bb-card-icon {background:linear-gradient(to bottom,#e74c3c,#922b21);}
.bb-badge {display:inline-flex;align-items:center;justify-content:center;background:var(--bb-red);color:var(--bb-white);font-size:11px;font-weight:700;min-width:20px;height:20px;padding:0 6px;border-radius:10px;margin-left:auto;}
/* ===== Center-Wrapper ===== */
.bb-center {text-align:center;}
/* ===== Fehler/Erfolgsmeldungen ===== */
.bb-msg {position:fixed;top:20%;left:50%;transform:translate(-50%,-50%);z-index:1000;width:90%;max-width:400px;padding:6px;background:linear-gradient(135deg,#333,#555);border-radius:var(--bb-radius);box-shadow:0 8px 32px rgba(0,0,0,0.4);}
.bb-msg-inner {padding:20px;text-align:center;font-size:16px;font-weight:600;color:var(--bb-white);text-shadow:1px 1px 2px rgba(0,0,0,0.5);border-radius:var(--bb-radius-sm);}
.bb-msg--error .bb-msg-inner {background:linear-gradient(135deg,#c0392b,#e74c3c);border:1px solid rgba(255,255,255,0.2);}
.bb-msg--success .bb-msg-inner {background:linear-gradient(135deg,var(--bb-green-end),var(--bb-green-start));border:1px solid rgba(255,255,255,0.2);}
/* ===== Formulare ===== */
.bb-form {padding:10px 0;}
.bb-form-row {display:flex;gap:10px;flex-wrap:wrap;align-items:center;justify-content:center;}
.bb-select {background:rgba(255,255,255,0.6);font-size:14px;color:var(--bb-blue);border:2px solid var(--bb-border);border-radius:var(--bb-radius-sm);padding:8px 12px;font-family:inherit;cursor:pointer;flex:1;min-width:0;max-width:400px;transition:border-color var(--bb-transition);}
.bb-select--sm {max-width:140px;flex:0 0 auto;}
.bb-select:focus {outline:none;border-color:var(--bb-green-start);background:rgba(255,255,255,0.85);}
/* ===== Info-Text ===== */
.bb-info {font-size:13px;color:var(--bb-text-light);text-align:center;padding-bottom:14px;line-height:1.4;}
/* ===== Responsive Tabelle ===== */
.bb-table {width:100%;border-collapse:collapse;font-size:13px;}
.bb-table th {background:var(--bb-border);color:var(--bb-white);font-weight:700;padding:8px 10px;text-align:center;white-space:nowrap;}
.bb-table th a {color:var(--bb-white);text-decoration:underline;}
.bb-table td {padding:6px 10px;text-align:center;border-bottom:1px solid rgba(0,0,0,0.08);}
.bb-table tbody tr:nth-child(even) {background:rgba(253,224,93,0.3);}
.bb-table tbody tr:hover {background:rgba(62,201,34,0.1);}
.bb-table-sep {border-top:2px solid var(--bb-border) !important;}
.bb-table-sep td {padding-top:10px;}
.bb-table-highlight {background:rgba(253,224,93,0.5) !important;}
/* ===== Finanz-Blöcke ===== */
.bb-finanz-block {background:var(--bb-card-bg);border:1px solid var(--bb-border);border-radius:var(--bb-radius-sm);padding:16px;margin:14px 0;}
.bb-finanz-grid {display:grid;grid-template-columns:1fr 1fr;gap:20px;}
.bb-finanz-col {display:flex;flex-direction:column;gap:0;}
.bb-finanz-row {display:flex;justify-content:space-between;align-items:baseline;padding:3px 0;font-size:13px;border-bottom:1px solid rgba(0,0,0,0.05);}
.bb-finanz-row--head {padding-top:8px;font-size:14px;border-bottom:1px solid rgba(0,0,0,0.12);}
.bb-finanz-row--sub {padding-left:14px;font-size:12px;color:var(--bb-text-light);}
.bb-finanz-row--sub span:last-child {font-size:12px;}
.bb-finanz-row--sep {border-top:1px dashed var(--bb-border);margin-top:6px;padding-top:8px;}
.bb-finanz-block .bb-input,.bb-edit-section .bb-input {width:100%;}
/* ===== Details/Accordion ===== */
.bb-details {margin:10px 0;border:1px solid var(--bb-border);border-radius:var(--bb-radius-sm);overflow:hidden;}
.bb-details-summary {padding:10px 14px;font-weight:700;font-size:14px;cursor:pointer;background:var(--bb-card-bg);list-style:none;}
.bb-details-summary::-webkit-details-marker {display:none;}
.bb-details-summary::before {content:'▸ ';transition:transform 0.2s;}
.bb-details[open] > .bb-details-summary::before {content:'▾ ';}
.bb-details-content {padding:10px;}
/* Verschachtelte Details in Tabellen-Cards */
.bb-table td .bb-details {margin:4px 0;border-color:var(--bb-border);}
.bb-table td .bb-details-summary {padding:6px 10px;font-size:12px;background:var(--bb-panel);}
/* ===== Textarea ===== */
.bb-textarea {width:100%;font-size:14px;font-family:inherit;padding:8px 12px;border:2px solid var(--bb-border);border-radius:var(--bb-radius-sm);background:rgba(255,255,255,0.6);color:var(--bb-text);resize:vertical;transition:border-color var(--bb-transition);}
.bb-textarea:focus {outline:none;border-color:var(--bb-green-start);background:rgba(255,255,255,0.85);}
/* ===== Brett-spezifisch ===== */
.bb-brett-header {display:flex;align-items:center;gap:16px;flex-wrap:wrap;justify-content:center;padding-bottom:14px;}
.bb-brett-system {display:flex;flex-direction:column;gap:8px;}
.bb-brett-meta {font-size:13px;color:var(--bb-text-light);padding-bottom:4px;}
.bb-brett-label {font-weight:700;font-size:13px;padding-top:4px;display:block;}
.bb-brett-actions {display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding-top:8px;}
.bb-brett-buttons {display:flex;gap:12px;justify-content:center;flex-wrap:wrap;padding:16px 0;}
.bb-brett-vorlagen {display:flex;flex-direction:column;gap:6px;}
.bb-brett-vorlage {display:flex;align-items:center;gap:8px;flex-wrap:wrap;}
.bb-input-copy {flex:1;min-width:0;font-size:11px;font-family:monospace;padding:4px 8px;border:1px solid var(--bb-border);border-radius:4px;background:rgba(255,255,255,0.5);cursor:pointer;}
.bb-bonus-grid {display:grid;grid-template-columns:1fr 1fr;gap:12px;}
/* ===== Multi Accounts ===== */
.bb-multi-group {background:var(--bb-card-bg);border:1px solid var(--bb-border);border-radius:var(--bb-radius-sm);padding:12px;margin-bottom:12px;}
.bb-multi-members {display:flex;flex-wrap:wrap;gap:10px;padding-bottom:10px;}
.bb-multi-member {background:var(--bb-panel);border:1px solid var(--bb-border);border-radius:6px;padding:8px 12px;font-size:13px;min-width:140px;flex:1;}
/* ===== Edit Grid ===== */
.bb-edit-grid {display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;}
.bb-edit-section {display:flex;flex-direction:column;gap:4px;}
/* ===== Changelog ===== */
.bb-changelog-row {display:flex;gap:14px;flex-wrap:wrap;align-items:flex-end;}
.bb-table--brett td {font-size:12px;text-align:left;}
/* ===== Log Viewer ===== */
.bb-log-wrap {background:#1a1a1a;border-radius:var(--bb-radius-sm);padding:12px;max-height:90vh;overflow-y:auto;margin:10px 0;}
.bb-log-line {font-family:'Courier New',monospace;font-size:12px;color:#c0c0c0;padding:2px 0;white-space:pre-wrap;word-break:normal;overflow-wrap:break-word;border-bottom:1px solid rgba(255,255,255,0.05);}
.bb-log-fatal {color:#ff4444;font-weight:bold;}
/* ===== Alte Klassen – Kompatibilität für Unterseiten ===== */
#auswahl,#buero,#buero1,#buero11,#buero2,#buero3,#buero4 {background:var(--bb-panel);padding:var(--bb-pad);width:100%;position:relative;margin:20px auto;border:1px solid var(--bb-border);border-radius:20px;box-shadow:7px 7px 5px rgba(48,48,48,0.6);}
#auswahl {max-width:720px;}
#buero {max-width:1200px;}
#buero1 {max-width:1600px;}
#buero11 {max-width:2000px;}
#buero2 {max-width:1000px;}
#buero3 {max-width:1500px;}
#buero4 {max-width:800px;}
#logsite {background:var(--bb-panel);padding:30px;margin:20px auto;width:100%;max-width:420px;border:1px solid var(--bb-border);border-radius:20px;box-shadow:7px 7px 5px rgba(48,48,48,0.6);}
h1 {font-size:22px;color:var(--bb-text);text-shadow:var(--bb-text-shadow) 2px 2px;padding-bottom:15px;text-align:center;font-weight:bold;}
h2 {font-size:18px;color:var(--bb-text);text-shadow:var(--bb-text-shadow) 1px 1px;padding-bottom:5px;text-align:center;font-weight:bold;}
/* Alte Utility-Klassen */
.clear {clear:both;}
.help {cursor:help;}
.blue {color:blue;}
.green {color:green;}
.rot,.red {color:var(--bb-red);}
.weiss {color:white;}
.grey {color:grey;}
.black {color:black;}
.mini {font-size:8px;}
.klein {font-size:10px;}
.gross {font-size:14px;}
.big {font-size:16px;font-weight:bold;}
.big1 {font-size:20px;font-weight:bold;}
.big2 {font-size:16px;}
.fett {font-weight:bold;}
.right {text-align:right;}
.left {text-align:left;}
.center {text-align:center;}
.nounder {text-decoration:none;}
.mitte {vertical-align:middle;}
.topper {vertical-align:top;}
.top {padding-top:20px;}
/* Alte breit-Klassen */
.breit1 {width:345px;}
.breit2 {width:230px;}
.breit3 {width:100px;}
.breit33 {width:65px;}
.breit4 {width:265px;}
.breit5 {width:138px;}
.breit6 {width:640px;}
.breit7 {width:200px;}
.breit8 {width:150px;}
.breit9 {width:30px;}
.breit10 {width:1050px;}
.breit11 {width:120px;}
.breit12 {width:80px;}
/* Alte Button-Klassen */
.butt {background:url(../images/granite1.png) repeat;margin:7px 15px;padding:10px;box-shadow:4px 4px 10px black;}
.butt1 {background:url(../images/granite1.png) repeat;width:100px;margin:7px 15px;padding:10px;box-shadow:4px 4px 10px black;}
.button,.button2 {border-top:1px solid #cae6e4;background:linear-gradient(to bottom,var(--bb-green-start),var(--bb-green-end));padding:2px 7px;border-radius:8px;box-shadow:rgba(0,0,0,1) 1px 1px 2px;text-shadow:rgba(0,0,0,0.4) 0 1px 0;color:white;font-size:12px;font-family:Georgia,serif;text-decoration:none;vertical-align:top;letter-spacing:1px;}
.button:hover,.button2:hover {background:#11591c;color:#b0aab0;box-shadow:rgba(0,0,0,1) 0 0 0;}
.button2 {width:90px;}
/* Alte Blöcke */
.ablock1,.ablock2 {position:relative;width:100%;max-width:680px;margin:15px auto;padding:10px 20px 15px 20px;background:var(--bb-panel-light) url(../images/background_wrapper.png) repeat;font-size:12px;border:1px solid black;box-shadow:7px 7px 5px #303030;}
.ablock1 td,.ablock2 td {width:150px;}
.block {position:relative;width:100%;max-width:400px;margin:15px auto;padding:10px 20px;background:var(--bb-panel-light) url(../images/background_wrapper.png) repeat;border:1px solid black;box-shadow:7px 7px 5px #303030;}
.block td {font-weight:bold;font-size:16px;}
.block1 {position:relative;width:100%;max-width:800px;margin:0 auto;padding:10px 20px;background:transparent;border:2px solid black;}
.block1 p,.block1 td {font-weight:bold;font-size:16px;}
.bord {border:2px solid black;padding:5px 10px;background:url(../images/granite1.png) repeat;}
.trenner {border-bottom:1px solid black;}
/* Alte Tabellen-Styles */
#ip td,#verdacht td,#jobs td,.produkt td,#brett1 td,#brett2 td,#konto td {text-align:center;font-weight:bold;}
.row_0 {background:transparent url(../images/background_wrapper.png) repeat;}
.row_1 {background:transparent url(../images/background_wrapper2.png) repeat;}
tr.row_0:hover,tr.row_1:hover,tr.row_2:hover,tr.row_3:hover {background:transparent url(../images/background_wrapper3.png) repeat;}
/* Alte Form-Felder */
.konto {background:transparent;font-size:18px;color:blue;border:1px solid #af7d4e;padding:3px 5px;width:320px;max-width:100%;cursor:pointer;font-family:Times New Roman;margin-right:10px;}
.mail {background:transparent;font-size:18px;color:blue;border:1px solid #af7d4e;padding:3px 5px;font-family:Times New Roman;}
.formulag1,.formulag2,.formulag3,.formulag4 {color:blue;background:var(--bb-panel-light);font-weight:bold;text-align:center;border-radius:8px;padding:2px 0;border:2px solid white;border-top-color:grey;border-left-color:grey;}
.formulag2 {width:60px;}
.formulag1 {width:80px;}
.formulag3 {width:200px;max-width:100%;}
.formulag4 {width:400px;max-width:100%;}
.sortfeld {width:17px;max-width:17px;font-size:9px;text-align:center;}
/* Konto-Tabelle */
#konto .eins {text-align:left;width:120px;padding-left:10px;}
#konto .zwei {text-align:left;width:700px;}
#konto .drei {text-align:right;width:150px;padding-right:10px;}
/* Transaktionen */
#trans .eins {width:80px;}
#trans .zwei {width:180px;overflow:hidden;white-space:nowrap;}
#trans .drei {width:160px;}
#trans .vier {width:190px;}
.trans {padding-bottom:10px;}
/* Alte Fehlermelder */
.err,.rig,.err2,.rig2 {position:fixed;top:20%;left:50%;transform:translate(-50%,-50%);background:url(../images/granite1.png) repeat;width:90%;max-width:400px;padding:10px;box-shadow:4px 4px 10px black;}
.rig p,.err p,.rig2 p,.err2 p {font-size:18px;text-align:center;color:white;text-shadow:black 2px 2px;padding:10px;border:1px solid white;}
.rig p,.rig2 p {background:url(../images/richtig.jpg) repeat;}
.err p,.err2 p {background:url(../images/err.jpg) repeat;}
/* Alte Platz-Klassen */
.platz {margin-left:30px;}
.platz2 {margin-left:100px;}
.platz3 {margin-top:30px;}
.platz1 {margin-left:250px;}
.platz11 {margin-left:230px;}
.pl1 {margin-left:10px;}
/* Float & Produkt */
.float {float:left;padding:0 3px;font-size:14px;}
.prodblock {margin:10px;}
.prodblock td {border:1px solid black;padding:0 5px;width:150px;}
/* Newspaper (News) */
#newspaper {background:white url(../images/zeitung.jpg) no-repeat;position:relative;width:100%;max-width:400px;height:565px;margin:20px auto;box-shadow:7px 7px 5px #303030;}
.news td {text-align:center;padding:0 2px;font-size:12px;}
.rb {border-right:1px solid black;font-family:Times New Roman;font-style:italic;font-weight:bold;}
.lb {border-left:1px solid black;font-family:Times New Roman;font-style:italic;font-weight:bold;}
.bb {border-bottom:1px solid black;font-style:italic;font-weight:bold;}
.fs {font-family:Times New Roman;font-style:italic;font-weight:bold;}
.ueb {overflow:hidden;white-space:nowrap;}
.text {font-size:5px;font-family:Verdana;font-weight:normal;font-style:normal;line-height:120%;overflow:hidden;text-align:left;}
.text2 {font-size:10px;font-family:Verdana;font-weight:normal;font-style:normal;line-height:120%;overflow:auto;text-align:left;}
#newspaper a {text-decoration:none;}
.text2 a {color:red;}
.text2 a:hover {color:blue;}
/* Links */
a:hover,a:focus,a:active {color:black;}
/* Submit (alt) */
input.submit {background:url(../images/logo2.jpg) repeat;color:black;font-weight:bold;font-size:18px;padding:2px 8px;}
input[type=submit]:hover,input[type=submit]:focus,input[type=submit]:active {color:white;}
/* Back-to-top (neu) */
#bb-top {position:fixed;bottom:76px;right:20px;z-index:999;width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:linear-gradient(to bottom,var(--bb-green-start),var(--bb-green-end));color:var(--bb-white);font-size:20px;border-radius:50%;box-shadow:0 3px 10px rgba(0,0,0,0.35);text-decoration:none;opacity:0;pointer-events:none;transition:opacity 0.3s ease;}
#bb-top:hover {background:linear-gradient(to bottom,#34b01d,#0e3a08);}
#bb-end {position:fixed;bottom:24px;right:20px;z-index:999;width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:linear-gradient(to bottom,var(--bb-green-start),var(--bb-green-end));color:var(--bb-white);font-size:20px;border-radius:50%;box-shadow:0 3px 10px rgba(0,0,0,0.35);text-decoration:none;opacity:0;pointer-events:none;transition:opacity 0.3s ease;}
#bb-end:hover {background:linear-gradient(to bottom,#34b01d,#0e3a08);}
/* Farbwechsler */
#bb-theme-btn {position:fixed;bottom:24px;left:20px;z-index:999;width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:linear-gradient(to bottom,var(--bb-green-start),var(--bb-green-end));color:var(--bb-white);font-size:20px;border-radius:50%;box-shadow:0 3px 10px rgba(0,0,0,0.35);cursor:pointer;transition:all 0.2s ease;}
#bb-theme-btn:hover {background:linear-gradient(to bottom,#34b01d,#0e3a08);transform:scale(1.1);}
#bb-theme-panel {position:fixed;bottom:80px;left:20px;z-index:1000;width:260px;background:var(--bb-panel);border:2px solid var(--bb-border);border-radius:var(--bb-radius);box-shadow:0 8px 32px rgba(0,0,0,0.3);padding:0;transform:scale(0);transform-origin:bottom left;transition:transform 0.2s ease;overflow:hidden;}
#bb-theme-panel.bb-theme-open {transform:scale(1);}
.bb-theme-head {display:flex;justify-content:space-between;align-items:center;padding:10px 14px;background:var(--bb-card-bg);border-bottom:1px solid var(--bb-border);}
.bb-theme-head span:last-child {cursor:pointer;font-size:16px;padding:2px 6px;border-radius:4px;}
.bb-theme-head span:last-child:hover {background:rgba(0,0,0,0.1);}
.bb-theme-colors {padding:12px 14px;display:grid;grid-template-columns:1fr 1fr;gap:8px;}
.bb-theme-colors label {display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:600;color:var(--bb-text);}
.bb-theme-colors input[type=color] {width:32px;height:26px;border:1px solid var(--bb-border);border-radius:4px;padding:0;cursor:pointer;background:none;-webkit-appearance:none;}
.bb-theme-colors input[type=color]::-webkit-color-swatch-wrapper {padding:1px;}
.bb-theme-colors input[type=color]::-webkit-color-swatch {border:none;border-radius:3px;}
.bb-theme-presets {display:flex;gap:6px;padding:0 14px 12px;flex-wrap:wrap;}
.bb-theme-presets button {flex:1;min-width:0;padding:6px 0;font-size:11px;font-weight:700;border:1px solid var(--bb-border);border-radius:4px;background:var(--bb-card-bg);color:var(--bb-text);cursor:pointer;transition:all 0.15s;}
.bb-theme-presets button:hover {background:var(--bb-white);border-color:var(--bb-green-start);}
/* Back-to-top (alt) */
#back-top {position:fixed;bottom:40px;margin-left:-10px;}
#back-top a {width:50px;display:block;text-align:center;font:7px/100% Arial,Helvetica,sans-serif;text-transform:uppercase;text-decoration:none;color:black;transition:1s;}
#back-top a:hover {color:black;}
#back-top span {width:50px;height:50px;display:block;margin-bottom:4px;background:transparent url(../images/up-arrow.png) no-repeat center center;border:1px solid black;border-radius:15px;transition:1s;}
#back-top a:hover span {background-color:#777;}
/* ===== Responsive ===== */
@media screen and (max-width:768px) {
body {font-size:14px;}
.bb-panel {margin:10px;padding:14px;border-radius:14px;width:auto;}
.bb-title {font-size:19px;}
.bb-menu-grid {grid-template-columns:1fr;}
.bb-input {width:100%;}
.bb-login-row {flex-direction:column;width:100%;}
.bb-form-row {flex-direction:column;}
.bb-select,.bb-select--sm {max-width:100%;width:100%;}
.bb-finanz-grid {grid-template-columns:1fr;}
.bb-brett-vorlage {flex-direction:column;align-items:flex-start;}
.bb-input-copy {width:100%;}
.bb-bonus-grid {grid-template-columns:1fr;}
.bb-multi-member {min-width:100%;}
.bb-edit-grid {grid-template-columns:1fr;}
.bb-log-line {font-size:10px;}
#auswahl,#buero,#buero1,#buero11,#buero2,#buero3,#buero4,#logsite {margin:10px;padding:12px;border-radius:14px;width:auto;}
h1 {font-size:19px;}
h2 {font-size:16px;}
.breit1,.breit2,.breit3,.breit33,.breit4,.breit5,.breit6,.breit7,.breit8,.breit10,.breit11,.breit12 {width:auto;}
.konto {width:100%;}
.formulag3 {width:100%;}
.formulag4 {width:100%;}
.platz,.platz1,.platz2,.platz11 {margin-left:0;}
/* Tabelle zu Cards */
.bb-table thead {display:none;}
.bb-table,.bb-table tbody,.bb-table tr,.bb-table td {display:block;width:100%;}
.bb-table tr {background:var(--bb-card-bg);border:1px solid var(--bb-border);border-radius:var(--bb-radius-sm);padding:10px 12px;margin-bottom:10px;}
.bb-table td {display:flex;justify-content:space-between;align-items:baseline;padding:4px 0;border-bottom:1px solid rgba(0,0,0,0.06);text-align:right;font-size:13px;word-break:normal;overflow-wrap:break-word;gap:8px;}
.bb-table td:last-child {border-bottom:none;}
.bb-table td::before {content:attr(data-label);font-weight:700;color:var(--bb-text);text-align:left;margin-right:10px;flex-shrink:0;}
.bb-table tbody tr:nth-child(even) {background:var(--bb-card-bg);}
.bb-table-sep {border-top:3px solid var(--bb-border) !important;margin-top:18px;}
.bb-table--brett td {flex-direction:column;align-items:flex-start;text-align:left;gap:2px;}
}