/* RMC Arbeitsstunden – Frontend */
.rmc-stunden{max-width:620px;margin:0 auto;font-size:16px;line-height:1.5}
.rmc-stunden .rmc-st-h{margin:0 0 .2em;padding-bottom:.3em;border-bottom:2px solid #d5d5d5}
.rmc-stunden .rmc-st-sub{margin:.2em 0 1.4em;color:#555;font-size:.92em}
.rmc-st-felder{display:grid;grid-template-columns:1fr 1fr;gap:0 1.2em}
.rmc-st-felder p{margin:0 0 1.2em;display:flex;flex-direction:column}
.rmc-st-felder label{font-weight:600;margin-bottom:.25em;font-size:.92em}
.rmc-st-felder input{width:100%;padding:.6em .7em;border:1px solid #bbb;border-radius:4px;font-size:1em;box-sizing:border-box}
@media(max-width:560px){.rmc-st-felder{grid-template-columns:1fr}}
.rmc-st-btn{background:#0a7d34;color:#fff;border:0;border-radius:4px;padding:.85em 2em;font-size:1.05em;font-weight:600;cursor:pointer}
.rmc-st-btn:hover{background:#086128}
.rmc-st-box{padding:.8em 1em;border-radius:5px;margin:0 0 1.2em}
.rmc-st-fehler{background:#fdecec;border:1px solid #b32d2e}
.rmc-st-warn{background:#fff8e5;border:1px solid #e0b100}
.rmc-st-ok{background:#e8f6ec;border:1px solid #0a7d34}
.rmc-st-hilfe{margin:1.4em 0 0;font-size:.85em;color:#666}
.rmc-st-hp{position:absolute;left:-9999px;height:0;overflow:hidden}

.rmc-st-konto{text-align:center}
.rmc-st-nr{margin:0 0 .3em;font-size:.85em;color:#666;letter-spacing:.03em}
.rmc-st-zahl{margin:0 0 .5em;font-size:3.2em;font-weight:700;line-height:1.1;color:#0a7d34}
.rmc-st-von{font-size:.38em;font-weight:400;color:#555;display:block;margin-top:.3em}
.rmc-st-balken{height:14px;background:#e6e6e6;border-radius:7px;overflow:hidden;margin:0 0 1.2em}
.rmc-st-balken-fuell{height:100%;background:#0a7d34;border-radius:7px;transition:width .3s}
.rmc-st-h4{margin:2em 0 .5em;text-align:left}
.rmc-st-tabelle{width:100%;border-collapse:collapse;text-align:left;font-size:.92em}
.rmc-st-tabelle th,.rmc-st-tabelle td{padding:.5em .6em;border-bottom:1px solid #e2e2e2}
.rmc-st-tabelle thead th{border-bottom:2px solid #ccc;font-size:.85em;text-transform:uppercase;letter-spacing:.04em;color:#555}
.rmc-st-rechts{text-align:right;white-space:nowrap;font-weight:600}
.rmc-st-durch{display:block;font-size:.85em;color:#666}
.rmc-st-leer{color:#666;font-style:italic;margin:1.5em 0}
.rmc-st-neu{margin:1.8em 0 0}

/* ---------- Kachel für die Startseite ---------- */
.rmc-st-kachel{
  display:flex;align-items:center;gap:1.1em;
  max-width:520px;margin:1.5em auto;padding:1.15em 1.4em;
  background:#0a7d34;color:#fff!important;border-radius:12px;
  text-decoration:none!important;box-shadow:0 3px 10px rgba(0,0,0,.13);
  transition:transform .15s ease,box-shadow .15s ease,background .15s ease;
  line-height:1.35
}
.rmc-st-kachel:hover,.rmc-st-kachel:focus{
  background:#086128;transform:translateY(-2px);
  box-shadow:0 7px 18px rgba(0,0,0,.2);color:#fff!important;text-decoration:none!important
}
.rmc-st-kachel:focus-visible{outline:3px solid #ffd34d;outline-offset:3px}
.rmc-st-kachel-icon{flex:0 0 auto;display:flex;align-items:center;justify-content:center;
  width:56px;height:56px;border-radius:50%;background:rgba(255,255,255,.16)}
.rmc-st-kachel-text{flex:1 1 auto;min-width:0}
.rmc-st-kachel-titel{display:block;font-size:1.25em;font-weight:700;letter-spacing:.01em}
.rmc-st-kachel-sub{display:block;font-size:.88em;opacity:.9;margin-top:.15em}
.rmc-st-kachel-pfeil{flex:0 0 auto;display:flex;align-items:center;transition:transform .15s ease}
.rmc-st-kachel:hover .rmc-st-kachel-pfeil{transform:translateX(4px)}

/* helle Variante für farbige Hintergründe */
.rmc-st-kachel-hell{background:#fff;color:#14351f!important;border:2px solid #0a7d34}
.rmc-st-kachel-hell:hover,.rmc-st-kachel-hell:focus{background:#f2f9f4;color:#14351f!important}
.rmc-st-kachel-hell .rmc-st-kachel-icon{background:#e8f6ec;color:#0a7d34}
.rmc-st-kachel-hell .rmc-st-kachel-pfeil{color:#0a7d34}

@media(max-width:480px){
  .rmc-st-kachel{gap:.85em;padding:1em 1.1em}
  .rmc-st-kachel-icon{width:46px;height:46px}
  .rmc-st-kachel-icon svg{width:26px;height:26px}
  .rmc-st-kachel-titel{font-size:1.1em}
}