/* Bubble-Umbau 2026-11 (BUBBLE-UMBAU-2026-11): nur letter_v2.html (Umbau-Gruppe). Ergaenzt bubble-page.css.
   Kein Kasten-Look: Schnell-Druck als Textzeile, Ausmalbilder als angeklebte Blaetter. */

/* Schnell-Druck-Zeile unter dem Intro */
.bubv2-quick{margin:-8px 0 16px!important;color:#444;font-size:16px;line-height:1.7;max-width:72ch}
.bubv2-quick span{color:#c9b8a6;margin:0 2px}
.bubv2-link{background:none;border:0;padding:0;font:inherit;cursor:pointer;color:#c2410c;font-weight:700;
  text-decoration:underline;text-decoration-color:#f3c9a3;text-decoration-thickness:2px;text-underline-offset:4px}
.bubv2-link:hover{color:#ea580c;text-decoration-color:#ea580c}
.bub-v2 .bubv2-quick .bubv2-link{margin:0 2px;background:none;padding:0;border-radius:0;font-size:inherit;line-height:inherit;color:#c2410c}
.bub-v2 .bubv2-quick .bubv2-link:hover{background:none;color:#ea580c}

.bubv2-lead{color:#444;line-height:1.6;margin:-6px 0 16px!important;max-width:72ch}

/* Stil-Karten: Titel mit Suchbegriff, je ein Knopf fuer gross und klein */
.bub-v2 .bub-card h3 span{display:block;font-weight:400;font-size:13px;line-height:18px;color:#6b6259}
.bubv2-btns{display:flex;gap:8px;margin:auto 10px 10px}
.bub-v2 .bubv2-btns .ccb-use,.bubv2-btn{flex:1 1 0;margin:0;border:0;cursor:pointer;font-family:inherit;font-weight:700;font-size:14px;
  line-height:20px;padding:7px 6px;border-radius:8px;background:#ea580c;color:#fff;min-width:0}
.bubv2-btn.bubv2-lower,.bubv2-btns .bubv2-btn+.bubv2-btn{background:#fff7ed;color:#9a3412;box-shadow:inset 0 0 0 1px #f3d3b8}
.bub-v2 .bubv2-btns .ccb-use:hover,.bubv2-btn:hover{background:#c2410c;color:#fff;box-shadow:none}

/* Ausmalbilder: angeklebte Blaetter */
.bubv2-sheets{display:grid;grid-template-columns:repeat(4,1fr);gap:34px 26px;padding:10px 4px 0}
.bubv2-sheet{position:relative;margin:0;background:#fff;padding:10px 10px 0;border:1px solid #ece6dd;
  box-shadow:0 1px 2px rgba(60,40,20,.08),0 8px 18px -12px rgba(60,40,20,.35);transform:rotate(-.8deg)}
.bubv2-sheet:nth-child(3n+2){transform:rotate(.7deg)}
.bubv2-sheet:nth-child(3n){transform:rotate(-.3deg)}
.bubv2-sheet::before{content:"";position:absolute;top:-11px;left:50%;width:74px;height:22px;margin-left:-37px;
  background:rgba(243,211,184,.72);transform:rotate(-3deg);box-shadow:0 1px 1px rgba(0,0,0,.04)}
.bubv2-sheet:nth-child(2n)::before{transform:rotate(4deg);margin-left:-30px}
.bubv2-sheet img{display:block;width:100%;height:auto;aspect-ratio:3/4;object-fit:contain;background:#fff}
.bubv2-sheet figcaption{display:flex;align-items:baseline;justify-content:space-between;gap:8px;padding:8px 2px 10px;
  font-size:15px;line-height:20px;color:#1f2937;font-weight:600}
.bubv2-sheet figcaption .bubv2-link{font-size:14px;flex:none}

/* Handy: schmale Vorschau, solange sie beim Runterscrollen oben steht (bubble-umbau.js setzt .bubv2-stuck) */
.bub-v2 .ccb.bubv2-stuck .ccb-box{height:clamp(96px,17vh,150px)}
@supports (height:1svh){.bub-v2 .ccb.bubv2-stuck .ccb-box{height:clamp(96px,17svh,150px)}}
.bub-v2 .ccb.bubv2-stuck .ccb-inrow,.bub-v2 .ccb.bubv2-stuck .ccb-note{display:none}
.bub-v2 .ccb.bubv2-stuck .ccb-stage{padding-top:6px;padding-bottom:4px}

@media (max-width:900px){
  .bubv2-sheets{grid-template-columns:repeat(3,1fr)}
}
@media (max-width:640px){
  .bubv2-quick{font-size:15px;margin:-10px 0 14px!important}
  .bubv2-btns{gap:6px;margin:auto 8px 8px}
  .bub-v2 .bubv2-btns .ccb-use,.bubv2-btn{font-size:13px;padding:6px 4px}
  .bub-v2 .bub-card h3 span{font-size:12px;line-height:16px}
  .bubv2-sheets{grid-template-columns:1fr 1fr;gap:26px 14px}
  .bubv2-sheet{padding:6px 6px 0}
  .bubv2-sheet figcaption{font-size:13px;line-height:17px;flex-direction:column;gap:2px}
}
@media print{.bubv2-quick{display:none}}