/* Zusaetzliches Stylesheet NUR fuer den Ratgeber-Bereich (/ratgeber/*).
   Ergaenzt die sitewide css/style.min.css um Komponenten, die dort wegen
   des purgecss-Laufs nicht enthalten sind (Tabellen, Hinweis-/Rechts-Boxen,
   Zitate) - in Markengruen statt Bootstrap-Standardfarben. Bleibt unabhaengig
   vom naechsten sitewide-Rebuild, da nur auf den 12 Ratgeber-Seiten
   eingebunden. */

.ratgeber-toc{background:#f9f9f9;border:1px solid #e5e5e5;border-radius:.25rem;padding:1rem 1.5rem;margin-bottom:1.5rem}
.ratgeber-toc p{font-weight:600;margin-bottom:.5rem}
.ratgeber-toc ul{margin-bottom:0}

.ratgeber-table{width:100%;margin-bottom:1.5rem;border-collapse:collapse}
.ratgeber-table caption{caption-side:top;text-align:left;font-weight:600;padding-bottom:.5rem;color:#000}
.ratgeber-table th,.ratgeber-table td{padding:.6rem .9rem;border:1px solid #dee2e6;vertical-align:top}
.ratgeber-table thead th{background:#286400;color:#fff;font-weight:700}
.ratgeber-table tbody tr:nth-child(even){background:#f9f9f9}

.ratgeber-alert{border-radius:.25rem;padding:1rem 1.25rem;margin-bottom:1.5rem;border:1px solid transparent}
.ratgeber-alert p:last-child{margin-bottom:0}
.ratgeber-alert-info{background:rgba(40,150,0,.08);border-color:rgba(40,150,0,.35);color:#1a3d00}
.ratgeber-alert-legal{background:#fff8e6;border-color:#e6c200;color:#5c4a00}
.ratgeber-alert-legal strong{color:#403300}

.ratgeber-blockquote{border-left:4px solid #286400;padding:.25rem 0 .25rem 1.25rem;margin:0 0 1.5rem;font-style:italic;color:#333}
.ratgeber-blockquote-cite{margin-top:.5rem;font-size:.85rem;font-style:normal;color:#666}

.ratgeber-source{font-size:.85rem;color:#666}

/* Hub-Kacheln: sitewide hat .card bewusst border:0 (flaches Design), aber auf
   einer Kachel-Uebersicht mit lauter weissen Kacheln auf fast-weissem
   Hintergrund braucht es eine eindeutige, sichtbare Grenze statt nur auf den
   (kaum wahrnehmbaren) Grid-Gutter zu vertrauen. */
.ratgeber-tile{border:1px solid #d8ded3!important;border-radius:.25rem;box-shadow:0 1px 4px rgba(0,0,0,.07)}

/* Artikel-/Schaedlings-Icons (img/ratgeber/*.png) */
.ratgeber-tile-icon{width:90px;height:auto;margin:0 auto}
.ratgeber-hero-icon{width:100%;max-width:170px;height:auto}

/* .col-md-9 kommt sitewide nirgends sonst vor und wird beim naechsten
   Purge-Lauf aus style.min.css entfernt - hier fest verankert, damit das
   Icon+Ueberschrift-Layout im Artikelkopf ab 768px nebeneinander bleibt.
   .col-md-3 ist eigentlich schon im sitewide-Bundle (Footer), wird hier nur
   zur Sicherheit dupliziert. */
@media (min-width:768px){
    .col-md-3{flex:0 0 auto;width:25%}
    .col-md-9{flex:0 0 auto;width:75%}
}