/* Erzeugt von standalone/themen_bauen.py – nicht von Hand ändern. Benutzer wählen ihr Design unter „Mein Design“. */

/* Hafenlicht */
html[data-design="hafenlicht"],html[data-design="hafenlicht"] body {background: var(--pap) !important; }
html[data-design="hafenlicht"] {--papier: var(--pap); --petrol: var(--ak); --petrol-dunkel: var(--ak2); --petrol-hell: var(--akhell); --tinte: var(--ink); --linie: var(--lin); --linie-2: var(--lin2); }
html[data-design="hafenlicht"] .seitenleiste {background: var(--navbg) !important; }
html[data-design="hafenlicht"] .seitentitel h1 {background: none !important; -webkit-background-clip: initial !important; color: var(--ink) !important; }
html[data-design="hafenlicht"] .knopf.haupt,html[data-design="hafenlicht"] .anmelden .knopf.haupt {background: var(--ak) !important; border-color: var(--ak) !important; color: var(--aktext, #fff) !important; }
html[data-design="hafenlicht"] .box {border-left: 1px solid var(--lin) !important; box-shadow: var(--sch) !important; border-radius: var(--rad) !important; }
html[data-design="hafenlicht"] .stat-kachel,html[data-design="hafenlicht"] .sk,html[data-design="hafenlicht"] .belegung .uk {border-left-width: 1px !important; box-shadow: var(--sch) !important; border-radius: var(--rad) !important; }
html[data-design="hafenlicht"] .sk,html[data-design="hafenlicht"] .belegung .uk {border-top: 1px solid var(--lin) !important; }
html[data-design="hafenlicht"] .sk,html[data-design="hafenlicht"] .belegung .uk,html[data-design="hafenlicht"] .belegung .uk:nth-child(n) {--fa: var(--ak) !important; }
html[data-design="hafenlicht"] .sk.gruen,html[data-design="hafenlicht"] .sk.lila,html[data-design="hafenlicht"] .sk.rot {--fa: var(--ak) !important; }
html[data-design="hafenlicht"] .knopf {border-radius: var(--radk) !important; }
html[data-design="hafenlicht"] input[type=search],html[data-design="hafenlicht"] .suche input {border-radius: var(--radk) !important; }
html[data-design="hafenlicht"] .nav li svg {color: var(--navico) !important; }
html[data-design="hafenlicht"] .nav a {color: var(--navtext) !important; }
html[data-design="hafenlicht"] .nav a:hover {background: var(--navhover) !important; }
html[data-design="hafenlicht"] .nav a.aktiv {border-left-color: var(--navakt) !important; background: var(--navaktbg) !important; color: var(--navaktt) !important; }
html[data-design="hafenlicht"] .marke span,html[data-design="hafenlicht"] .wer span,html[data-design="hafenlicht"] .wer .leise,html[data-design="hafenlicht"] .seitenleiste .version {color: var(--navleise) !important; }
html[data-design="hafenlicht"] .wer a,html[data-design="hafenlicht"] .wer button {color: var(--navtext) !important; }
html[data-design="hafenlicht"] .kopf {background: var(--kopfbg) !important; }
html[data-design="hafenlicht"] .hilfe-knopf {background: var(--ak) !important; color: var(--aktext, #fff) !important; box-shadow: none !important; }
html[data-design="hafenlicht"] .anmelden {background: var(--navbg) !important; }
html[data-design="hafenlicht"] .anmelden .karte {box-shadow: var(--sch) !important; border-radius: var(--rad) !important; }
html[data-design="hafenlicht"] .login-logo,html[data-design="hafenlicht"] .marke-logo {filter: none !important; }
html[data-design="hafenlicht"] .box > header {border-top: 0 !important; }
html[data-design="hafenlicht"] .wer b {color: var(--navtext) !important; }
html[data-design="hafenlicht"] .ansicht-umschalter button,html[data-design="hafenlicht"] .nav .trenner {color: var(--navleise) !important; }
html[data-design="hafenlicht"] .seitenleiste .krypt.aus {color: var(--krypt-aus, #ffd1d1) !important; }
html[data-design="hafenlicht"] .seitenleiste .krypt.an {color: var(--krypt-an, #c9f5d8) !important; }
html[data-design="hafenlicht"] {--pap:#f3f0ea; --ink:#0f2236; --ak:#e8590c; --ak2:#c24a0a; --akhell:#fde8d9; --lin:#d9d4c9; --lin2:#e8e4da; --navbg:#0f2236; --navico:#7fa6c9; --navtext:#d7e2ee; --navhover:rgba(255,255,255,.06); --navakt:#ff7a2f; --navaktbg:rgba(255,122,47,.12); --navaktt:#fff; --navleise:#8ea4ba; --kopfbg:#fbf9f5; --sch:0 1px 0 rgba(15,34,54,.04); --rad:4px; --radk:4px; }
html[data-design="hafenlicht"] .marke b {letter-spacing:.02em; font-size:1.02rem; }
html[data-design="hafenlicht"] .marke span {text-transform:uppercase; letter-spacing:.06em; font-size:.62rem; }
html[data-design="hafenlicht"] .seitentitel h1 {text-transform:none; font-size:2rem; letter-spacing:-.01em; border-bottom:3px solid var(--ak); display:inline-block; padding-bottom:4px; }
html[data-design="hafenlicht"] .sk b,html[data-design="hafenlicht"] .uk-zahlen .gross {color: var(--ink) !important; }
html[data-design="hafenlicht"] .belegung .uk .uk-zahlen .gross {color: var(--ink) !important; }
html[data-design="hafenlicht"] .sk-icon {background:#0f2236 !important; color:#ffb27d !important; border-radius:4px !important; }
html[data-design="hafenlicht"] .belegung .uk {border-top:4px solid var(--ink) !important; }
html[data-design="hafenlicht"] .belegung .uk .bett.belegt {background: var(--ink) !important; border-color: var(--ink) !important; }
html[data-design="hafenlicht"] .belegung .uk .bett {border-color: var(--ink) !important; }
html[data-design="hafenlicht"] .box > header {background: #ece8de; border-bottom:1px solid var(--lin); }
html[data-design="hafenlicht"] .box > header h2 {text-transform:uppercase; letter-spacing:.08em; font-size:.85rem; color:#35506b; }

/* Papier */
html[data-design="papier"],html[data-design="papier"] body {background: var(--pap) !important; }
html[data-design="papier"] {--papier: var(--pap); --petrol: var(--ak); --petrol-dunkel: var(--ak2); --petrol-hell: var(--akhell); --tinte: var(--ink); --linie: var(--lin); --linie-2: var(--lin2); }
html[data-design="papier"] .seitenleiste {background: var(--navbg) !important; }
html[data-design="papier"] .seitentitel h1 {background: none !important; -webkit-background-clip: initial !important; color: var(--ink) !important; }
html[data-design="papier"] .knopf.haupt,html[data-design="papier"] .anmelden .knopf.haupt {background: var(--ak) !important; border-color: var(--ak) !important; color: var(--aktext, #fff) !important; }
html[data-design="papier"] .box {border-left: 1px solid var(--lin) !important; box-shadow: var(--sch) !important; border-radius: var(--rad) !important; }
html[data-design="papier"] .stat-kachel,html[data-design="papier"] .sk,html[data-design="papier"] .belegung .uk {border-left-width: 1px !important; box-shadow: var(--sch) !important; border-radius: var(--rad) !important; }
html[data-design="papier"] .sk,html[data-design="papier"] .belegung .uk {border-top: 1px solid var(--lin) !important; }
html[data-design="papier"] .sk,html[data-design="papier"] .belegung .uk,html[data-design="papier"] .belegung .uk:nth-child(n) {--fa: var(--ak) !important; }
html[data-design="papier"] .sk.gruen,html[data-design="papier"] .sk.lila,html[data-design="papier"] .sk.rot {--fa: var(--ak) !important; }
html[data-design="papier"] .knopf {border-radius: var(--radk) !important; }
html[data-design="papier"] input[type=search],html[data-design="papier"] .suche input {border-radius: var(--radk) !important; }
html[data-design="papier"] .nav li svg {color: var(--navico) !important; }
html[data-design="papier"] .nav a {color: var(--navtext) !important; }
html[data-design="papier"] .nav a:hover {background: var(--navhover) !important; }
html[data-design="papier"] .nav a.aktiv {border-left-color: var(--navakt) !important; background: var(--navaktbg) !important; color: var(--navaktt) !important; }
html[data-design="papier"] .marke span,html[data-design="papier"] .wer span,html[data-design="papier"] .wer .leise,html[data-design="papier"] .seitenleiste .version {color: var(--navleise) !important; }
html[data-design="papier"] .wer a,html[data-design="papier"] .wer button {color: var(--navtext) !important; }
html[data-design="papier"] .kopf {background: var(--kopfbg) !important; }
html[data-design="papier"] .hilfe-knopf {background: var(--ak) !important; color: var(--aktext, #fff) !important; box-shadow: none !important; }
html[data-design="papier"] .anmelden {background: var(--navbg) !important; }
html[data-design="papier"] .anmelden .karte {box-shadow: var(--sch) !important; border-radius: var(--rad) !important; }
html[data-design="papier"] .login-logo,html[data-design="papier"] .marke-logo {filter: none !important; }
html[data-design="papier"] .box > header {border-top: 0 !important; }
html[data-design="papier"] .wer b {color: var(--navtext) !important; }
html[data-design="papier"] .ansicht-umschalter button,html[data-design="papier"] .nav .trenner {color: var(--navleise) !important; }
html[data-design="papier"] .seitenleiste .krypt.aus {color: var(--krypt-aus, #ffd1d1) !important; }
html[data-design="papier"] .seitenleiste .krypt.an {color: var(--krypt-an, #c9f5d8) !important; }
html[data-design="papier"] {--pap:#faf8f4; --ink:#26302b; --ak:#1f6b4f; --ak2:#15523c; --akhell:#e1efe8; --lin:#e2ddd2; --lin2:#eeeae1; --navbg:#efebe2; --navico:#1f6b4f; --navtext:#2d3a34; --navhover:rgba(31,107,79,.08); --navakt:#1f6b4f; --navaktbg:#fff; --navaktt:#15523c; --navleise:#7b857f; --kopfbg:#faf8f4; --krypt-aus:#a32626; --krypt-an:#1f6b4f; --navleise:#5d6962; --sch:none; --rad:2px; --radk:2px; --aktext:#fff; }
html[data-design="papier"] .seitenleiste {border-right:1px solid var(--lin); }
html[data-design="papier"] h1,html[data-design="papier"] h2,html[data-design="papier"] h3,html[data-design="papier"] legend,html[data-design="papier"] .marke b {font-family: Georgia, "Times New Roman", serif !important; font-weight:600; }
html[data-design="papier"] .marke b {color:#26302b !important; font-size:1.25rem; }
html[data-design="papier"] .seitentitel h1 {font-size:2.1rem; font-weight:500; }
html[data-design="papier"] .nav a {padding:8px 20px; font-size:.97rem; }
html[data-design="papier"] .sk b,html[data-design="papier"] .uk-zahlen .gross {font-family: Georgia, serif !important; color: var(--ink) !important; font-weight:500; }
html[data-design="papier"] .belegung .uk .uk-zahlen .gross {color: var(--ak) !important; }
html[data-design="papier"] .sk-icon {background:transparent !important; color:var(--ak) !important; border:1px solid var(--lin) !important; border-radius:50% !important; }
html[data-design="papier"] .belegung .uk,html[data-design="papier"] .sk,html[data-design="papier"] .box {background:#fff; border:1px solid var(--lin) !important; }
html[data-design="papier"] .belegung .uk:hover {transform:none !important; box-shadow:none !important; border-color:var(--ak) !important; }
html[data-design="papier"] .box > header {border-bottom:1px solid var(--lin); background:transparent; }
html[data-design="papier"] .knopf.haupt {border-radius:2px !important; }

/* Graphit */
html[data-design="graphit"],html[data-design="graphit"] body {background: var(--pap) !important; }
html[data-design="graphit"] {--papier: var(--pap); --petrol: var(--ak); --petrol-dunkel: var(--ak2); --petrol-hell: var(--akhell); --tinte: var(--ink); --linie: var(--lin); --linie-2: var(--lin2); }
html[data-design="graphit"] .seitenleiste {background: var(--navbg) !important; }
html[data-design="graphit"] .seitentitel h1 {background: none !important; -webkit-background-clip: initial !important; color: var(--ink) !important; }
html[data-design="graphit"] .knopf.haupt,html[data-design="graphit"] .anmelden .knopf.haupt {background: var(--ak) !important; border-color: var(--ak) !important; color: var(--aktext, #fff) !important; }
html[data-design="graphit"] .box {border-left: 1px solid var(--lin) !important; box-shadow: var(--sch) !important; border-radius: var(--rad) !important; }
html[data-design="graphit"] .stat-kachel,html[data-design="graphit"] .sk,html[data-design="graphit"] .belegung .uk {border-left-width: 1px !important; box-shadow: var(--sch) !important; border-radius: var(--rad) !important; }
html[data-design="graphit"] .sk,html[data-design="graphit"] .belegung .uk {border-top: 1px solid var(--lin) !important; }
html[data-design="graphit"] .sk,html[data-design="graphit"] .belegung .uk,html[data-design="graphit"] .belegung .uk:nth-child(n) {--fa: var(--ak) !important; }
html[data-design="graphit"] .sk.gruen,html[data-design="graphit"] .sk.lila,html[data-design="graphit"] .sk.rot {--fa: var(--ak) !important; }
html[data-design="graphit"] .knopf {border-radius: var(--radk) !important; }
html[data-design="graphit"] input[type=search],html[data-design="graphit"] .suche input {border-radius: var(--radk) !important; }
html[data-design="graphit"] .nav li svg {color: var(--navico) !important; }
html[data-design="graphit"] .nav a {color: var(--navtext) !important; }
html[data-design="graphit"] .nav a:hover {background: var(--navhover) !important; }
html[data-design="graphit"] .nav a.aktiv {border-left-color: var(--navakt) !important; background: var(--navaktbg) !important; color: var(--navaktt) !important; }
html[data-design="graphit"] .marke span,html[data-design="graphit"] .wer span,html[data-design="graphit"] .wer .leise,html[data-design="graphit"] .seitenleiste .version {color: var(--navleise) !important; }
html[data-design="graphit"] .wer a,html[data-design="graphit"] .wer button {color: var(--navtext) !important; }
html[data-design="graphit"] .kopf {background: var(--kopfbg) !important; }
html[data-design="graphit"] .hilfe-knopf {background: var(--ak) !important; color: var(--aktext, #fff) !important; box-shadow: none !important; }
html[data-design="graphit"] .anmelden {background: var(--navbg) !important; }
html[data-design="graphit"] .anmelden .karte {box-shadow: var(--sch) !important; border-radius: var(--rad) !important; }
html[data-design="graphit"] .login-logo,html[data-design="graphit"] .marke-logo {filter: none !important; }
html[data-design="graphit"] .box > header {border-top: 0 !important; }
html[data-design="graphit"] .wer b {color: var(--navtext) !important; }
html[data-design="graphit"] .ansicht-umschalter button,html[data-design="graphit"] .nav .trenner {color: var(--navleise) !important; }
html[data-design="graphit"] .seitenleiste .krypt.aus {color: var(--krypt-aus, #ffd1d1) !important; }
html[data-design="graphit"] .seitenleiste .krypt.an {color: var(--krypt-an, #c9f5d8) !important; }
html[data-design="graphit"] {--pap:#eceef1; --ink:#181c23; --ak:#f5a623; --ak2:#d98b0a; --akhell:#fdf0d5; --lin:#d3d7de; --lin2:#e3e6eb; --navbg:#181c23; --navico:#f5a623; --navtext:#cfd5df; --navhover:rgba(255,255,255,.06); --navakt:#f5a623; --navaktbg:#262b35; --navaktt:#fff; --navleise:#8b94a3; --kopfbg:#ffffff; --sch:0 1px 2px rgba(24,28,35,.08); --rad:10px; --radk:8px; --aktext:#181c23; }
html[data-design="graphit"] .marke b {font-size:1.1rem; font-weight:700; }
html[data-design="graphit"] .seitentitel h1 {font-size:1.6rem; font-weight:700; }
html[data-design="graphit"] .sk-icon {background:#181c23 !important; color:#f5a623 !important; border-radius:10px !important; }
html[data-design="graphit"] .sk b,html[data-design="graphit"] .uk-zahlen .gross {color: var(--ink) !important; }
html[data-design="graphit"] .belegung .uk .uk-zahlen .gross {color: var(--ink) !important; }
html[data-design="graphit"] .belegung .uk .bett.belegt {background:#181c23 !important; border-color:#181c23 !important; }
html[data-design="graphit"] .belegung .uk .bett {border-color:#181c23 !important; }
html[data-design="graphit"] .belegung .uk {border-top:1px solid var(--lin) !important; border-left:6px solid #f5a623 !important; }
html[data-design="graphit"] .box {border-left:6px solid #f5a623 !important; }
html[data-design="graphit"] .box > header h2 {font-size:1rem; }