/*
 * ausmalbilder.css – kleine Ergänzung zum Round-Template (ausdrucken-exakt.css).
 * Nur Deltas, die das Round-CSS nicht abdeckt: semantische <ol>-Breadcrumb,
 * Karten-Galerie, Hauptbild und Anzeigen-Container. Nutzt die Round-Variablen.
 */

/* Breadcrumb als semantisches <ol> (Round stylt nur <ul>) */
.ae-breadcrumb ol.breadcrumb{display:flex;flex-wrap:wrap;align-items:center;list-style:none;margin:0;padding:0;color:var(--muted);font-size:14px}
.ae-breadcrumb ol.breadcrumb li{display:flex;align-items:center}
.ae-breadcrumb ol.breadcrumb li+li:before{content:'\203A';padding:0 7px;color:#91a0b0}
.ae-breadcrumb ol.breadcrumb a{color:var(--navy2)}
.ae-breadcrumb ol.breadcrumb a:hover{color:var(--teal)}
.ae-breadcrumb ol.breadcrumb li[aria-current]{color:var(--text);font-weight:650}

/* Hauptbild */
.ae-content-card .ab-main{display:block;max-width:100%;height:auto;margin:8px auto 4px;border-radius:12px;border:1px solid var(--line);background:#fff}

/* PDF-Hauptbutton (Round liefert .btn-primary orange) */
.ae-content-card .ab-pdf-wrap{margin:22px 0 8px}
.ae-content-card a.btn.ab-pdf{display:inline-block;background:var(--orange)!important;color:#fff!important;border:0!important;border-radius:11px!important;padding:14px 24px!important;font-weight:800!important;font-size:17px;box-shadow:0 8px 20px rgba(239,138,50,.28);text-decoration:none}
.ae-content-card a.btn.ab-pdf:hover{filter:brightness(1.05)}

/* Anzeigen-Container – responsiv, nie über den Rand */
.ae-content-card .ab-ad{margin:24px 0;text-align:center;overflow:hidden;max-width:100%}
.ae-content-card .ab-ad ins.adsbygoogle{max-width:100%!important}

/* Karten-Galerie „weitere Ausmalbilder" */
.ae-content-card ul.ab-cards{list-style:none;margin:18px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:14px}
.ae-content-card ul.ab-cards li.ab-card{margin:0;padding:0}
.ae-content-card ul.ab-cards a{display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px 8px;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 4px 14px rgba(23,47,89,.05);color:var(--text);height:100%;transition:box-shadow .15s,transform .15s}
.ae-content-card ul.ab-cards a:hover{box-shadow:0 10px 24px rgba(23,47,89,.12);transform:translateY(-2px);color:var(--teal)}
.ae-content-card ul.ab-cards img{width:auto;max-width:100%;height:auto;border-radius:6px}
.ae-content-card ul.ab-cards .ab-card-title{font-size:13px;line-height:1.3;text-align:center}
.ae-content-card ul.ab-cards li.is-current a{border-color:var(--teal);box-shadow:0 0 0 2px var(--soft) inset;background:var(--soft)}

/* Sidebar: aktuelle Kategorie markieren + Anzeige responsiv */
.exact-sidebar li.is-current>a{color:var(--teal)!important;font-weight:750}
.exact-sidebar .ab-side-ad{margin-top:16px;text-align:center;overflow:hidden;max-width:100%}
.exact-sidebar .ab-side-ad ins.adsbygoogle{max-width:100%!important}

@media(max-width:640px){
  .ae-content-card ul.ab-cards{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:10px}
}