/* Lesefluss : couche conversion, generee par conv_layer.py */
.lf-zeile{margin:1.1em 0 1.6em 0 !important;text-align:left}
.lf-knopf{display:inline-block;box-sizing:border-box;background:#5968d9;color:#ffffff !important;text-decoration:none !important;font:700 15px/1.2 Jost,Futura,"Century Gothic",Helvetica,Arial,sans-serif;letter-spacing:.04em;padding:13px 20px 12px 20px;border-radius:3px;border-bottom:3px solid #455399;min-width:240px;text-align:center}
.lf-knopf:hover{background:#455399;color:#ffffff !important}
.lf-knopf.lf-breit{display:block;width:100%;font-size:16px;padding:13px 14px 12px 14px}
.lf-unter{display:block;font:bold 11px/1.4 "Courier New",Courier,monospace;color:#9a9a9a;margin-top:6px;letter-spacing:.01em}
.lf-fazit{display:block;position:relative;box-sizing:border-box;background:#101010;color:#fff !important;text-decoration:none !important;border:3px double #bbb;padding:14px 16px 14px 16px;margin:0 0 1.6em 0;overflow:hidden}
.lf-fazit:hover{border-color:#5968d9}
.lf-fazit-note{float:left;width:72px;margin:0 14px 6px 0;text-align:center;font-family:Jost,Futura,Helvetica,Arial,sans-serif;border-right:2px dashed #666;padding-right:12px}
.lf-fazit-note b{display:block;font-size:34px;line-height:1;color:#5968d9;filter:brightness(1.35)}
.lf-fazit-note small{display:block;font:bold 10px "Courier New",Courier,monospace;color:#aaa;margin-top:3px;text-transform:uppercase;letter-spacing:.08em}
.lf-fazit-text{display:block;font:15px/1.4 Helvetica,Arial,sans-serif;color:#eee;margin-bottom:12px}
.lf-fazit-label{display:block;font:bold 11px "Courier New",Courier,monospace;color:#9a9a9a;text-transform:uppercase;letter-spacing:.08em;margin-bottom:4px}
.lf-fazit-knopf{display:block;clear:both;background:#5968d9;color:#ffffff;font:700 17px/1.2 Jost,Futura,Helvetica,Arial,sans-serif;letter-spacing:.04em;text-align:center;padding:15px 16px 14px 16px;border-radius:3px;border-bottom:3px solid #455399}
.lf-fazit:hover .lf-fazit-knopf{background:#455399}
.lf-fazit .lf-unter{text-align:center}
.lf-fazit-oben{margin:1.2em 0 1.8em 0}
.lf-fazit-ende{margin:2.2em 0 1.2em 0}
.lf-kasten{background:#161616;border:1px solid #444;border-top:3px solid #fff;padding:10px 14px 12px 14px;margin:0 0 1.8em 0;font-family:Helvetica,Arial,sans-serif}
.lf-kasten-titel{font:bold 12px "Courier New",Courier,monospace;color:#9a9a9a;text-transform:uppercase;letter-spacing:.08em;margin:0 0 6px 0}
.lf-kasten-zeile{display:flex;justify-content:space-between;gap:12px;padding:5px 0;border-bottom:1px dotted #555;font-size:14px;line-height:1.35}
.lf-kasten-zeile span{color:#aaa}
.lf-kasten-zeile b{color:#fff;text-align:right}
.lf-kasten .lf-zeile{margin:12px 0 0 0 !important}
.lf-kasten .lf-knopf{display:block;width:100%}
.lf-stand{display:block;font:bold 10px/1.4 "Courier New",Courier,monospace;color:#777;margin-top:3px;text-transform:uppercase;letter-spacing:.06em}
/* existants : seulement du style, texte intact (fleche, ticket, barre haute) */
.fleche{background:#5968d9;color:#ffffff}
.ticket .l2{color:#5968d9}
.ticket:hover .l2{color:#455399}
#rbd a u{display:inline-block;background:#5968d9;color:#ffffff;border:0;border-radius:3px;padding:3px 10px 2px 10px;margin-left:6px;font-weight:700}
#rbd a:hover u{background:#455399}
/* barre mobile fixe en bas */
.lf-leiste{display:none}
@media (max-width:990px){
  #footer{padding-bottom:90px}
  .lf-leiste{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:60;align-items:center;justify-content:space-between;gap:10px;background:#101010;border-top:3px solid #5968d9;padding:9px 12px calc(9px + env(safe-area-inset-bottom,0px)) 12px;box-shadow:0 -4px 14px rgba(0,0,0,.35)}
  .lf-leiste-text{font:bold 12px/1.3 "Courier New",Courier,monospace;color:#ddd;flex:1 1 auto;min-width:0}
  .lf-leiste-knopf{flex:0 0 auto;background:#5968d9;color:#ffffff;text-decoration:none;font:700 14px/1.1 Jost,Futura,Helvetica,Arial,sans-serif;letter-spacing:.03em;padding:12px 14px 11px 14px;border-radius:3px;border-bottom:3px solid #455399;white-space:nowrap}
  .lf-fazit-note{width:64px}
  .lf-fazit-note b{font-size:30px}
  .lf-knopf{min-width:0;width:100%;display:block}
  #rbd a u{display:inline-block;margin:3px 0 0 0;padding:2px 9px 1px 9px}
  /* en-tete plus compact sur mobile (style seul, texte intact) pour que le premier bouton reste dans le premier ecran */
  #masthead{padding-bottom:10px}
  #masthead .coin{margin:8px 8px 0 8px;font-size:10px}
  #masthead a.titre{font-size:28px;padding-top:8px}
  #masthead .devise{font-size:12px;margin-top:8px}
  #nav{margin-bottom:14px}
  #nav a{height:30px;line-height:30px;font-size:14px}
  .entry .lede{font-size:1em}
}