/* dt-feiertage 1.0.0 — Verzeichnisschicht deutschtime.de
   Zwei Farben, Karten, KPI-Leiste, Antwort-Box, mobile first.
   Dateiname traegt die Version, weil LiteSpeed ?ver= strippt. */

.dtf-wrap{--dtf-a:#1d3557;--dtf-b:#c1440e;--dtf-l:#f4f6f9;--dtf-r:#d8dee7;--dtf-t:#20242b;--dtf-m:#5b6473}
.dtf-wrap{color:var(--dtf-t);
  font-size:1.0625rem;line-height:1.65;overflow-wrap:break-word}
.dtf-inhalt h1{font-size:1.75rem;line-height:1.25;margin:.4rem 0 1rem;color:var(--dtf-a)}
.dtf-inhalt h2{font-size:1.3rem;margin:2.2rem 0 .7rem;color:var(--dtf-a);
  border-top:2px solid var(--dtf-r);padding-top:1rem}
.dtf-inhalt h3{font-size:1.08rem;margin:1.5rem 0 .5rem;color:var(--dtf-a)}
.dtf-inhalt p{margin:0 0 .9rem}
.dtf-inhalt a{color:var(--dtf-b)}

/* Brotkrumen */
.dtf-brot ol{list-style:none;display:flex;flex-wrap:wrap;gap:.35rem;margin:0;padding:0;
  font-size:.82rem;color:var(--dtf-m)}
.dtf-brot li+li::before{content:"›";margin-right:.35rem;color:var(--dtf-r)}
.dtf-brot a{color:var(--dtf-m);text-decoration:none}
.dtf-brot a:hover{text-decoration:underline}

/* Antwort-Zone */
.dtf-antwort{background:var(--dtf-l);border-left:4px solid var(--dtf-a);
  padding:1rem 1.1rem;margin:0 0 1.4rem;border-radius:0 6px 6px 0}
.dtf-antwort-titel{font-size:.74rem;letter-spacing:.09em;text-transform:uppercase;
  color:var(--dtf-m);margin:0 0 .35rem;font-weight:700}
.dtf-antwort-satz{font-size:1.15rem;font-weight:600;margin:0;line-height:1.45}
.dtf-antwort-zusatz{margin:.5rem 0 0;color:var(--dtf-m);font-size:.95rem}

/* KPI-Leiste */
.dtf-kpi{display:grid;grid-template-columns:repeat(2,1fr);gap:.6rem;margin:1.2rem 0 1.6rem}
.dtf-kpi>div{background:#fff;border:1px solid var(--dtf-r);border-radius:8px;
  padding:.7rem .8rem;text-align:center}
.dtf-kpi strong{display:block;font-size:1.6rem;line-height:1.1;color:var(--dtf-b)}
.dtf-kpi span{display:block;font-size:.76rem;color:var(--dtf-m);margin-top:.15rem}

/* Karten */
.dtf-karten{display:grid;grid-template-columns:1fr;gap:.55rem;margin:1rem 0 1.5rem}
.dtf-karte{display:block;border:1px solid var(--dtf-r);border-radius:8px;padding:.7rem .9rem;
  text-decoration:none;background:#fff;transition:border-color .12s,transform .12s}
.dtf-karte:hover{border-color:var(--dtf-a);transform:translateY(-1px)}
.dtf-karte-t{display:block;font-weight:650;color:var(--dtf-a)}
.dtf-karte-s{display:block;font-size:.82rem;color:var(--dtf-m);margin-top:.1rem}

/* Chips */
.dtf-chips{display:flex;flex-wrap:wrap;gap:.4rem;margin:.8rem 0 1.4rem}
.dtf-chip{display:inline-flex;flex-direction:column;border:1px solid var(--dtf-r);
  border-radius:999px;padding:.32rem .8rem;font-size:.88rem;text-decoration:none;
  background:#fff;color:var(--dtf-a)}
.dtf-chip:hover{border-color:var(--dtf-b)}
.dtf-chip em{font-style:normal;font-size:.7rem;color:var(--dtf-m)}

/* Tabellen */
.dtf-tabwrap{overflow-x:auto;margin:0 0 1.4rem;-webkit-overflow-scrolling:touch}
.dtf-tab{width:100%;border-collapse:collapse;font-size:.94rem;min-width:30rem}
.dtf-tab caption{caption-side:top;text-align:left;font-size:.8rem;color:var(--dtf-m);
  padding:0 0 .45rem}
.dtf-tab th,.dtf-tab td{text-align:left;padding:.5rem .6rem;border-bottom:1px solid var(--dtf-r);
  vertical-align:top}
.dtf-tab thead th{background:var(--dtf-a);color:#fff;font-weight:600;font-size:.82rem;
  border-bottom:none;position:sticky;top:0}
.dtf-tab tbody tr:nth-child(even){background:var(--dtf-l)}
.dtf-tab tr.dtf-teilweise td{color:var(--dtf-m);font-style:italic}
.dtf-tab tr.dtf-hl{outline:2px solid var(--dtf-b)}
.dtf-amtlich{display:block;font-size:.74rem;color:var(--dtf-m);font-style:normal}

/* Geltungs-Raster auf den Feiertagsseiten */
.dtf-geltung{display:grid;grid-template-columns:repeat(2,1fr);gap:.4rem;margin:.8rem 0 1.5rem}
.dtf-g{display:block;padding:.45rem .6rem;border-radius:6px;text-decoration:none;
  font-size:.85rem;border:1px solid var(--dtf-r);background:#fff}
.dtf-g span{display:block;color:var(--dtf-t)}
.dtf-g em{font-style:normal;font-size:.74rem;color:var(--dtf-m)}
.dtf-g-ja{border-left:4px solid #2d7a3e}
.dtf-g-teils{border-left:4px solid #c9860a}
.dtf-g-nein{border-left:4px solid var(--dtf-r);opacity:.72}

/* Boxen */
.dtf-tipp,.dtf-quelle{border:1px solid var(--dtf-r);border-radius:8px;padding:.85rem 1rem;
  margin:1.4rem 0;font-size:.93rem;background:#fff}
.dtf-tipp{background:#fffaf3;border-color:#f0d9b8}
.dtf-tipp-titel,.dtf-quelle-titel{font-weight:700;margin:0 0 .35rem;color:var(--dtf-a)}
.dtf-tipp p:last-child,.dtf-quelle li:last-child{margin-bottom:0}
.dtf-quelle ul{margin:0;padding-left:1.1rem}
.dtf-quelle li{margin-bottom:.3rem}
.dtf-warn{color:#a33; font-weight:600}
.dtf-besonderheit{background:var(--dtf-l);padding:.8rem 1rem;border-radius:6px;font-size:.95rem}

.dtf-liste{margin:0 0 1.2rem;padding-left:1.2rem}
.dtf-liste li{margin-bottom:.35rem}

/* Jahresreiter */
.dtf-jahre details{border:1px solid var(--dtf-r);border-radius:8px;margin-bottom:.5rem;background:#fff}
.dtf-jahre summary{cursor:pointer;padding:.65rem .9rem;font-weight:600;color:var(--dtf-a)}
.dtf-jahre details[open] summary{border-bottom:1px solid var(--dtf-r)}
.dtf-jahre .dtf-tabwrap{margin:.8rem}

/* Werkzeug */
.dtf-wahl{margin:0 0 1.5rem}
.dtf-wahl label{display:block;font-size:.8rem;color:var(--dtf-m);margin-bottom:.25rem;font-weight:600}
.dtf-wahl select{width:100%;max-width:22rem;padding:.55rem .6rem;font-size:1rem;
  border:1px solid var(--dtf-r);border-radius:6px;background:#fff}

.dtf-dl{display:inline-block;background:var(--dtf-a);color:#fff !important;text-decoration:none;
  padding:.5rem .9rem;border-radius:6px;font-size:.9rem;margin:0 .4rem .4rem 0}
.dtf-dl:hover{background:var(--dtf-b)}

.dtf-stand{font-size:.8rem;color:var(--dtf-m);border-top:1px solid var(--dtf-r);
  padding-top:.8rem;margin-top:2rem}

@media (min-width:40rem){
  .dtf-inhalt h1{font-size:2.1rem}
  .dtf-kpi{grid-template-columns:repeat(4,1fr)}
  .dtf-karten{grid-template-columns:repeat(2,1fr)}
  .dtf-geltung{grid-template-columns:repeat(4,1fr)}
}
@media (min-width:60rem){
  .dtf-karten{grid-template-columns:repeat(4,1fr)}
}