/* Baba Kocht Recipe Engine 0.7.0 – Premium UX Preview
   Keine externen Fonts, keine Icon-Fonts, keine Layout-Reparatur per JS. */
.baba-ke-preview .baba-ke-page-layout,.baba-ke-preview .baba-ke-page-layout *,.baba-ke-preview .baba-ke-recipe,.baba-ke-preview .baba-ke-recipe *{box-sizing:border-box}

.baba-ke-preview{
  --baba-orange:#f59a1b;
  --baba-orange-deep:#ff6413;
  --baba-ink:#171717;
  --baba-ink-soft:#3f3934;
  --baba-text:#666d75;
  --baba-text-warm:#6e6259;
  --baba-muted:#9b8878;
  --baba-line:rgba(91,69,50,.115);
  --baba-line-strong:rgba(177,115,51,.19);
  --baba-cream:#fffaf1;
  --baba-cream-2:#fff6e8;
  --baba-paper:#fffdf9;
  --baba-red:#d92332;
  --baba-radius:22px;
  --baba-shadow:0 18px 44px rgba(56,38,25,.075);
}

.baba-ke-preview .baba-ke-page-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:28px;align-items:start;width:100%;min-width:0}
.baba-ke-preview .baba-ke-page-main{min-width:0}
.baba-ke-preview .baba-ke-recipe{width:100%;min-width:0;color:var(--baba-text);font-family:inherit}

/* Vorschau-Hinweis */
.baba-ke-preview .baba-ke-preview-note{display:flex;flex-wrap:wrap;gap:6px 10px;align-items:center;margin:0 0 18px;padding:10px 13px;border:1px solid #b8e4c7;border-radius:13px;background:#eef9f1;color:#1f6b3d;font-size:12px;line-height:1.35}

/* Hero */
.baba-ke-preview .baba-ke-hero{width:min(100%,900px);margin:0 auto 24px;padding:8px 8px 7px;border:1px solid rgba(184,139,67,.32);border-radius:22px;background:#fff;box-shadow:0 12px 30px rgba(68,43,24,.075);overflow:hidden}
.baba-ke-preview .baba-ke-hero img{display:block!important;width:100%!important;max-width:100%!important;height:auto!important;max-height:none!important;object-fit:contain!important;margin:0!important;border-radius:14px 14px 7px 7px}
.baba-ke-preview .baba-ke-hero figcaption{margin:7px 3px 0;color:#786f68;font-size:11.5px;line-height:1.4;text-align:center}

/* Rezeptkopf */
.baba-ke-preview .baba-ke-head{padding:0 0 20px;border-bottom:1px solid var(--baba-line)}
.baba-ke-preview .baba-ke-title-block{max-width:930px}
.baba-ke-preview .baba-ke-title{margin:0 0 9px;color:var(--baba-ink);font-family:inherit;font-size:clamp(32px,3.25vw,46px);line-height:1.06;letter-spacing:-.038em;font-weight:850;text-wrap:balance}
.baba-ke-preview .baba-ke-author{margin:0;color:#75685f;font-size:16px;line-height:1.45}
.baba-ke-preview .baba-ke-head-rail{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-top:20px;padding-top:18px;border-top:1px dashed rgba(92,75,61,.14)}
.baba-ke-preview .baba-ke-head-info{display:flex;flex-direction:column;gap:15px;min-width:0}
.baba-ke-preview .baba-ke-rating{display:inline-flex;align-items:center;align-self:flex-start;gap:10px;min-height:42px;padding:0;border:0;background:transparent;color:#80674f;font:inherit;font-size:14px;font-weight:800;cursor:pointer}
.baba-ke-preview .baba-ke-stars{color:#efa316;font-size:31px;letter-spacing:1.5px;line-height:1;font-weight:400}
.baba-ke-preview .baba-ke-meta{display:flex;flex-wrap:wrap;gap:15px 27px}
.baba-ke-preview .baba-ke-meta-item{position:relative;display:flex;flex-direction:column;gap:3px;padding-right:2px}
.baba-ke-preview .baba-ke-meta-item span{color:#a18f80;opacity:1!important;font-size:10px;font-weight:850;letter-spacing:.085em;text-transform:uppercase}
.baba-ke-preview .baba-ke-meta-item strong{color:#48433f;font-size:15px;line-height:1.2;font-weight:850}
.baba-ke-preview .baba-ke-actions{display:inline-flex;gap:10px;flex:0 0 auto}
.baba-ke-preview .baba-ke-action{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:124px;min-height:46px;padding:0 17px;border-radius:999px;background:#fffdfa;font:inherit;font-size:13.5px;font-weight:850;cursor:pointer;box-shadow:0 5px 15px rgba(53,35,23,.055);transition:background .16s ease,box-shadow .16s ease,transform .16s ease}
.baba-ke-preview .baba-ke-action svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.baba-ke-preview .baba-ke-share{color:#ef7d22;border:1.5px solid rgba(239,125,34,.68)}
.baba-ke-preview .baba-ke-share:is(:hover,:focus-visible),.baba-ke-preview .baba-ke-share[aria-expanded=true]{color:#ef7d22;background:#fff2e6;box-shadow:0 7px 18px rgba(239,125,34,.11)}
.baba-ke-preview .baba-ke-save{color:var(--baba-red);border:1.5px solid rgba(217,35,50,.6)}
.baba-ke-preview .baba-ke-save:is(:hover,:focus-visible),.baba-ke-preview .baba-ke-save[aria-pressed=true]{color:var(--baba-red);background:#fff0f2;box-shadow:0 7px 18px rgba(217,35,50,.09)}

/* Teilen */
.baba-ke-preview .baba-ke-share-popover{position:fixed;z-index:99999;width:min(410px,calc(100vw - 32px));padding:10px;border:1px solid rgba(93,71,52,.12);border-radius:23px;background:rgba(255,253,249,.985);box-shadow:0 24px 65px rgba(47,31,20,.2);backdrop-filter:blur(10px)}
.baba-ke-preview .baba-ke-share-popover[hidden]{display:none!important}
.baba-ke-preview .baba-ke-share-popover button{display:grid;grid-template-columns:44px minmax(0,1fr);gap:12px;align-items:center;width:100%;min-height:68px;padding:10px 12px;border:0;border-bottom:1px solid rgba(93,71,52,.08);border-radius:14px;background:transparent;color:#2a2622;font:inherit;text-align:left;cursor:pointer}
.baba-ke-preview .baba-ke-share-popover button:last-child{border-bottom:0}
.baba-ke-preview .baba-ke-share-popover button:hover,.baba-ke-preview .baba-ke-share-popover button:focus-visible{background:#fff5e9;outline:none}
.baba-ke-preview .baba-ke-share-icon{display:grid;place-items:center;width:42px;height:42px;border:1px solid rgba(183,111,54,.17);border-radius:13px;background:#fff8ef;color:#b86c36}
.baba-ke-preview .baba-ke-share-icon svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.85;stroke-linecap:round;stroke-linejoin:round}
.baba-ke-preview .baba-ke-share-popover strong{display:block;color:#29241f;font-size:14.5px;line-height:1.2;font-weight:850}
.baba-ke-preview .baba-ke-share-popover small{display:block;margin-top:3px;color:#8a7b6e;font-size:11.5px;line-height:1.35;font-weight:550}

/* Info-Karten */
.baba-ke-preview .baba-ke-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:24px 0 24px}
.baba-ke-preview .baba-ke-detail{position:relative;overflow:hidden;display:flex;min-height:100px;flex-direction:column;justify-content:center;padding:15px 17px;border:1px solid rgba(113,82,58,.105);border-radius:20px;background:linear-gradient(145deg,#fffdf9 0%,#fbf5ec 100%);box-shadow:0 10px 26px rgba(61,43,31,.055)}
.baba-ke-preview .baba-ke-detail::after{content:"";position:absolute;right:-28px;bottom:-38px;width:92px;height:92px;border-radius:50%;background:radial-gradient(circle,rgba(245,154,27,.07),rgba(245,154,27,0) 70%);pointer-events:none}
.baba-ke-preview .baba-ke-detail-head{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:9px}
.baba-ke-preview .baba-ke-detail-icon{display:grid;place-items:center;width:28px;height:28px;border:1px solid rgba(245,154,27,.2);border-radius:9px;background:#fff7ea;color:#c97724;box-shadow:0 4px 10px rgba(93,59,28,.045)}
.baba-ke-preview .baba-ke-detail-icon svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
.baba-ke-preview .baba-ke-detail-label{color:#4b4744;font-size:14.5px;font-weight:850}
.baba-ke-preview .baba-ke-detail-value{color:#676d74;font-size:16px;line-height:1.25;text-align:center}
.baba-ke-preview .baba-ke-detail-value strong{color:#525960;font-size:18px;font-weight:600}
.baba-ke-preview .baba-ke-per-serving{white-space:nowrap}
.baba-ke-preview .baba-ke-serving{display:grid;grid-template-columns:42px minmax(0,1fr) 42px;align-items:center;width:100%;gap:10px}
.baba-ke-preview .baba-ke-serving-copy{text-align:center;color:#676d74;font-size:16px}
.baba-ke-preview .baba-ke-serving-btn{width:42px;height:42px;border:0;border-radius:50%;background:#171d24;color:#fff;font:inherit;font-size:23px;line-height:1;cursor:pointer;box-shadow:0 7px 14px rgba(23,29,36,.17);transition:transform .14s ease,box-shadow .14s ease}
.baba-ke-preview .baba-ke-serving-btn:hover,.baba-ke-preview .baba-ke-serving-btn:focus-visible{transform:translateY(-1px);box-shadow:0 9px 18px rgba(23,29,36,.2)}

.baba-ke-preview .baba-ke-summary{margin:0 4px 28px;color:#646b73;font-size:17.5px;line-height:1.68}

/* Gemeinsame Section-Typografie */
.baba-ke-preview .baba-ke-section-head,.baba-ke-preview .baba-ke-directions-head{position:relative;display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
.baba-ke-preview .baba-ke-section-kicker{display:block;margin:0 0 6px;color:#b66b36;font-size:10px;line-height:1.2;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.baba-ke-preview .baba-ke-section-mark,.baba-ke-preview .baba-ke-directions-mark,.baba-ke-preview .baba-ke-reader-mark{color:rgba(136,86,48,.055);font-family:Georgia,"Times New Roman",serif;font-size:66px;line-height:.8;letter-spacing:-.06em;pointer-events:none;user-select:none}

/* Zutaten */
.baba-ke-preview .baba-ke-ingredients{position:relative;overflow:hidden;margin:0 0 22px;padding:30px 30px 23px;border:1px solid rgba(174,126,62,.22);border-radius:22px;background:linear-gradient(155deg,var(--baba-paper) 0%,var(--baba-cream) 58%,var(--baba-cream-2) 100%);box-shadow:var(--baba-shadow)}
.baba-ke-preview .baba-ke-top-accent{position:absolute;top:0;left:32px;width:92px;height:4px;border-radius:0 0 5px 5px;background:linear-gradient(90deg,#ff7217,#f5ad42)}
.baba-ke-preview .baba-ke-ingredients h2,.baba-ke-preview .baba-ke-directions h2,.baba-ke-preview .baba-ke-reader h2{margin:0;color:#15191f;font-family:inherit;font-size:30px;line-height:1.12;letter-spacing:-.028em;font-weight:850}
.baba-ke-preview .baba-ke-subtitle{margin:7px 0 22px;color:#8d7662;font-size:13px;font-weight:650}
.baba-ke-preview .baba-ke-ingredients ul{margin:0;padding:0;list-style:none}
.baba-ke-preview .baba-ke-group{margin:14px 0 7px;padding:11px 14px;border:1px solid rgba(235,165,75,.31);border-left:5px solid #f5a01b;border-radius:11px;background:rgba(255,232,195,.5);color:#554237;font-size:16px;box-shadow:inset 0 1px 0 rgba(255,255,255,.6)}
.baba-ke-preview .baba-ke-group:first-child{margin-top:0}
.baba-ke-preview .baba-ke-ingredient{display:grid;grid-template-columns:38px minmax(0,1fr);gap:13px;align-items:center;min-height:52px;padding:8px 4px;border-bottom:1px solid rgba(112,85,62,.105)}
.baba-ke-preview .baba-ke-check{display:grid;place-items:center;width:31px;height:31px;padding:0;border:2px solid #e6d5aa;border-radius:50%;background:#fffdf8;cursor:pointer;box-shadow:0 3px 8px rgba(73,53,34,.05)}
.baba-ke-preview .baba-ke-check span{width:8px;height:14px;border:solid transparent;border-width:0 3px 3px 0;transform:rotate(45deg) translate(-1px,-1px)}
.baba-ke-preview .baba-ke-check[aria-pressed=true]{border-color:#f5a01b;background:#f5a01b}
.baba-ke-preview .baba-ke-check[aria-pressed=true] span{border-color:#fff}
.baba-ke-preview .baba-ke-ingredient-text{color:#675f58;font-size:16.5px;line-height:1.45}
.baba-ke-preview .baba-ke-amount{color:#514941;font-weight:850}
.baba-ke-preview .baba-ke-ingredient.is-checked .baba-ke-ingredient-text{text-decoration:line-through;opacity:.52}

/* Kochmodus */
.baba-ke-preview .baba-ke-cookmode{display:flex;align-items:center;justify-content:space-between;margin:24px 0 30px;padding:15px 18px;border:1px solid rgba(239,125,34,.25);border-radius:18px;background:linear-gradient(145deg,#fffaf4,#fffdf9);box-shadow:0 8px 20px rgba(70,43,24,.045)}
.baba-ke-preview .baba-ke-cook-toggle{display:flex;align-items:center;gap:13px;min-height:44px;padding:0;border:0;background:transparent;color:#24334a;font:inherit;text-align:left;cursor:pointer}
.baba-ke-preview .baba-ke-cook-toggle>span:last-child{display:flex;flex-direction:column}
.baba-ke-preview .baba-ke-cook-toggle strong{font-size:16.5px}
.baba-ke-preview .baba-ke-cook-toggle small{font-size:12.5px;color:#6f7c90}
.baba-ke-preview .baba-ke-switch{position:relative;width:50px;height:29px;border-radius:999px;background:#cbd3df;box-shadow:inset 0 0 0 1px rgba(46,62,81,.1)}
.baba-ke-preview .baba-ke-switch i{position:absolute;top:3px;left:3px;width:23px;height:23px;border-radius:50%;background:#fff;box-shadow:0 2px 5px rgba(0,0,0,.16);transition:transform .18s ease}
.baba-ke-preview .baba-ke-cook-toggle[aria-checked=true] .baba-ke-switch{background:#f5a01b}
.baba-ke-preview .baba-ke-cook-toggle[aria-checked=true] .baba-ke-switch i{transform:translateX(21px)}
.baba-ke-preview .baba-ke-cook-status{color:#a5652e;font-size:12px;font-weight:750}

/* Zubereitung – Premium Cards */
.baba-ke-preview .baba-ke-directions{position:relative;margin-top:0}
.baba-ke-preview .baba-ke-directions-head{padding:0 2px}
.baba-ke-preview .baba-ke-directions-accent{display:block;width:72px;height:4px;margin:13px 0 24px;border-radius:9px;background:linear-gradient(90deg,#ff6815,#f3b13e)}
.baba-ke-preview .baba-ke-directions ol{margin:0;padding:0;list-style:none;counter-reset:baba-step}
.baba-ke-preview .baba-ke-step{position:relative;display:grid;grid-template-columns:56px minmax(0,1fr);gap:20px;margin:0 0 20px;padding:24px 24px 25px;border:1px solid rgba(119,89,64,.115);border-radius:22px;background:linear-gradient(145deg,#fffdf9 0%,#fff 58%,#fbf5ec 100%);box-shadow:0 16px 38px rgba(54,39,28,.065);isolation:isolate}
.baba-ke-preview .baba-ke-step::before{content:"";position:absolute;z-index:-1;left:0;top:25px;width:4px;height:52px;border-radius:0 4px 4px 0;background:linear-gradient(180deg,#ff6b16,#f5ad42);opacity:.88}
.baba-ke-preview .baba-ke-step-number{display:grid;place-items:center;width:52px;height:52px;border:1px solid rgba(255,255,255,.65);border-radius:15px;background:linear-gradient(145deg,#ff7018,#ff5a0a);color:#fff;font-size:20px;font-weight:900;box-shadow:0 9px 20px rgba(255,100,19,.22),inset 0 1px 0 rgba(255,255,255,.28)}
.baba-ke-preview .baba-ke-step-content{min-width:0}
.baba-ke-preview .baba-ke-step-content h3{margin:0 0 7px;color:#3c3936;font-family:inherit;font-size:18px;line-height:1.3;font-weight:850;letter-spacing:-.012em}
.baba-ke-preview .baba-ke-step-content p{margin:0;color:#676e76;font-size:17.5px;line-height:1.66}
.baba-ke-preview .baba-ke-cook-value{color:#555e67;font-weight:850}
.baba-ke-preview .baba-ke-step-media{display:block!important;width:100%!important;max-width:620px!important;margin:20px 0 0!important;padding:0!important;overflow:visible!important}
.baba-ke-preview .baba-ke-step-media img{display:block!important;width:100%!important;max-width:620px!important;height:auto!important;max-height:none!important;aspect-ratio:auto!important;margin:0!important;border:1px solid rgba(109,82,60,.12);border-radius:15px!important;object-fit:contain!important;object-position:left top!important;box-shadow:0 9px 24px rgba(52,39,30,.075)}

/* Rezept anhören */
.baba-ke-preview .baba-ke-reader{position:relative;overflow:hidden;margin:30px 0 34px;padding:24px 25px 22px;border:1px solid rgba(175,113,53,.18);border-left:5px solid var(--baba-orange);border-radius:22px;background:linear-gradient(145deg,#fffdf9 0%,#fbf4ea 100%);box-shadow:0 16px 38px rgba(61,42,27,.07)}
.baba-ke-preview .baba-ke-reader-top{display:grid;grid-template-columns:52px minmax(0,1fr) auto;gap:14px;align-items:start;padding-bottom:18px;border-bottom:1px solid rgba(122,84,56,.1)}
.baba-ke-preview .baba-ke-reader-icon{display:grid;place-items:center;width:50px;height:50px;border-radius:15px;background:#171717;color:#fff;box-shadow:0 9px 18px rgba(24,20,17,.14)}
.baba-ke-preview .baba-ke-reader-icon svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.baba-ke-preview .baba-ke-reader h2{font-size:24px}
.baba-ke-preview .baba-ke-reader-top p{margin:5px 0 0;color:#78685c;font-size:14px;line-height:1.5}
.baba-ke-preview .baba-ke-reader-mark{font-size:58px}
.baba-ke-preview .baba-ke-reader-controls{display:flex;flex-wrap:wrap;gap:9px;margin-top:18px}
.baba-ke-preview .baba-ke-reader-controls button,.baba-ke-preview .baba-ke-reader-speed{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:0 13px;border:1px solid rgba(129,91,61,.15);border-radius:13px;background:#fff;color:#2f2925;font:inherit;font-size:12.5px;font-weight:800;box-shadow:0 5px 13px rgba(51,37,27,.045)}
.baba-ke-preview .baba-ke-reader-controls button{cursor:pointer}
.baba-ke-preview .baba-ke-reader-controls button:hover,.baba-ke-preview .baba-ke-reader-controls button:focus-visible{background:#fff6e9;border-color:rgba(245,154,27,.3)}
.baba-ke-preview .baba-ke-reader-controls .baba-ke-reader-primary{border-color:#171717;background:#171717;color:#fff;box-shadow:0 7px 16px rgba(23,23,23,.14)}
.baba-ke-preview .baba-ke-reader-controls .baba-ke-reader-primary:hover,.baba-ke-preview .baba-ke-reader-controls .baba-ke-reader-primary:focus-visible{background:#2a2724;border-color:#2a2724}
.baba-ke-preview .baba-ke-reader-controls svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.baba-ke-preview .baba-ke-reader-speed{gap:6px;padding-right:7px;color:#75665b}
.baba-ke-preview .baba-ke-reader-speed>span{font-size:10px;letter-spacing:.06em;text-transform:uppercase}
.baba-ke-preview .baba-ke-reader-speed select{min-height:32px;padding:0 24px 0 8px;border:0;border-radius:9px;background:#fff7ec;color:#3d352f;font:inherit;font-size:12px;font-weight:800;outline:none}
.baba-ke-preview .baba-ke-reader-status{display:flex;align-items:center;gap:8px;margin-top:14px;padding:11px 13px;border:1px solid rgba(119,88,61,.09);border-radius:12px;background:rgba(255,255,255,.62);color:#8b725d;font-size:12px;font-weight:650}
.baba-ke-preview .baba-ke-reader-dot{width:7px;height:7px;border-radius:50%;background:#bcb2aa;box-shadow:0 0 0 4px rgba(188,178,170,.13)}
.baba-ke-preview .baba-ke-reader.is-reading .baba-ke-reader-dot{background:var(--baba-orange);box-shadow:0 0 0 4px rgba(245,154,27,.14)}
.baba-ke-preview .baba-ke-reader.is-unsupported{opacity:.68}

/* Tipps & Hinweise – serverseitig gewrappt */
.baba-ke-preview .baba-ke-tips{position:relative;overflow:hidden;width:100%;margin:30px 0 0!important;padding:28px 30px 24px!important;background:linear-gradient(145deg,#fffdf9 0%,#fbf4ea 100%)!important;border:1px solid rgba(190,119,60,.18)!important;border-left:5px solid var(--baba-orange)!important;border-radius:22px!important;box-shadow:0 16px 38px rgba(62,42,27,.07)!important}
.baba-ke-preview .baba-ke-tips-mark{position:absolute;right:22px;top:18px;color:rgba(136,86,48,.055);font-family:Georgia,"Times New Roman",serif;font-size:72px;line-height:1;pointer-events:none}
.baba-ke-preview .baba-ke-tips>h2,.baba-ke-preview .baba-ke-tips>h3,.baba-ke-preview .baba-ke-tips>h4{position:relative;z-index:1;margin:0 0 15px!important;padding:0 0 13px!important;color:#261b14!important;font-family:inherit!important;font-size:27px!important;line-height:1.15!important;letter-spacing:-.025em!important;border-bottom:1px solid rgba(122,84,56,.1)!important}
.baba-ke-preview .baba-ke-tips>h2::before,.baba-ke-preview .baba-ke-tips>h3::before,.baba-ke-preview .baba-ke-tips>h4::before{content:"✦";display:inline-block;margin-right:10px;color:var(--baba-orange);font-size:17px;transform:translateY(-1px)}
.baba-ke-preview .baba-ke-tips>p,.baba-ke-preview .baba-ke-tips>ul,.baba-ke-preview .baba-ke-tips>ol{position:relative;z-index:1;margin:0!important;padding:10px 0!important;color:#51463e!important;font-size:16.5px!important;line-height:1.68!important}
.baba-ke-preview .baba-ke-tips>p+p,.baba-ke-preview .baba-ke-tips>p+ul,.baba-ke-preview .baba-ke-tips>p+ol{border-top:1px solid rgba(122,84,56,.07)}
.baba-ke-preview .baba-ke-tips+.post-edit-link,.baba-ke-preview .baba-ke-tips .post-edit-link{font-size:12px;color:#8d7c6c}

/* Baba empfiehlt dir */
.baba-ke-preview .baba-ke-recommendations{position:sticky;top:92px;width:100%;min-width:0;padding:21px 18px 18px;background:linear-gradient(145deg,rgba(255,253,249,.98),rgba(252,245,235,.98));border:1px solid rgba(120,86,61,.13);border-radius:22px;box-shadow:0 18px 40px rgba(54,39,28,.075)}
.baba-ke-preview .baba-ke-rec-head{margin-bottom:17px}
.baba-ke-preview .baba-ke-rec-kicker{display:block;margin:0 0 5px;color:#b56b38;font-size:9.5px;line-height:1.2;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.baba-ke-preview .baba-ke-rec-head h2{margin:0!important;padding:0!important;color:#2a2019!important;font-family:inherit!important;font-size:25px!important;line-height:1.05!important;letter-spacing:-.03em!important;font-weight:850!important}
.baba-ke-preview .baba-ke-rec-head p{margin:7px 0 0!important;color:#8a796b!important;font-size:11.5px!important;line-height:1.45!important}
.baba-ke-preview .baba-ke-rec-track{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 12px}
.baba-ke-preview .baba-ke-rec-card{overflow:hidden;min-width:0;background:#fff;border:1px solid rgba(113,82,59,.11);border-radius:15px;box-shadow:0 8px 18px rgba(44,32,24,.055)}
.baba-ke-preview .baba-ke-rec-media{position:relative;display:block;width:100%;aspect-ratio:1.18/1;overflow:hidden;background:#eee6dc;text-decoration:none}
.baba-ke-preview .baba-ke-rec-media img{display:block;width:100%!important;height:100%!important;object-fit:cover!important;margin:0!important}
.baba-ke-preview .baba-ke-rec-placeholder{display:grid;place-items:center;width:100%;height:100%;color:#b37b50;font-size:28px;font-weight:900}
.baba-ke-preview .baba-ke-rec-body{padding:10px 10px 11px}
.baba-ke-preview .baba-ke-rec-body h3{margin:0 0 8px!important;padding:0!important;font-family:inherit!important;font-size:14px!important;line-height:1.18!important;letter-spacing:-.015em!important;font-weight:850!important}
.baba-ke-preview .baba-ke-rec-body h3 a{color:#292019!important;text-decoration:none!important}
.baba-ke-preview .baba-ke-rec-meta{display:flex;flex-wrap:wrap;gap:4px 7px;color:#766a61;font-size:9.5px;line-height:1.25;font-weight:700}
.baba-ke-preview .baba-ke-rec-meta span{display:inline-flex;align-items:center;gap:3px}
.baba-ke-preview .baba-ke-rec-meta svg{width:11px;height:11px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.baba-ke-preview .baba-ke-rec-meta svg path[d*="M4 18"]{fill:currentColor;stroke:none}

/* Kommentar + Rating – neuer Baba-Look, WPZOOM bleibt nur Daten-/Rating-Backend */























/* Toast – fixed = kein Layout Shift */
.baba-ke-toast{position:fixed!important;left:50%!important;bottom:24px!important;z-index:2147483001!important;max-width:min(420px,calc(100vw - 28px))!important;padding:11px 16px!important;color:#fff!important;background:#2f241d!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:999px!important;box-shadow:0 16px 36px rgba(30,20,13,.24)!important;font-size:13.5px!important;line-height:1.3!important;font-weight:700!important;text-align:center!important;opacity:0!important;transform:translate(-50%,12px)!important;pointer-events:none!important;transition:opacity .2s ease,transform .2s ease!important}
.baba-ke-toast.is-visible{opacity:1!important;transform:translate(-50%,0)!important}

/* Focus */
.baba-ke-preview .baba-ke-recipe button:focus-visible,.baba-ke-preview .baba-ke-recommendations a:focus-visible{outline:3px solid rgba(245,154,27,.28);outline-offset:3px}

/* Tablet: Sidebar wird unter das Rezept gesetzt */
@media (max-width:1179px){
  .baba-ke-preview .baba-ke-page-layout{grid-template-columns:1fr;gap:28px}
  .baba-ke-preview .baba-ke-recommendations{position:relative;top:auto;padding:20px}
  .baba-ke-preview .baba-ke-rec-track{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(235px,280px);grid-template-columns:none;gap:14px;overflow-x:auto;padding:2px 2px 9px;scroll-snap-type:x proximity;overscroll-behavior-inline:contain;scrollbar-width:thin}
  .baba-ke-preview .baba-ke-rec-card{scroll-snap-align:start}
}

/* Smartphone */
@media (max-width:689px){
  .baba-ke-preview .baba-ke-preview-note{font-size:10.5px;margin-bottom:14px}
  .baba-ke-preview .baba-ke-hero{margin-bottom:20px;padding:7px;border-radius:18px}
  .baba-ke-preview .baba-ke-title{font-size:clamp(29px,8vw,39px);line-height:1.08}
  .baba-ke-preview .baba-ke-author{font-size:15px}
  .baba-ke-preview .baba-ke-head-rail{align-items:flex-start;flex-direction:column;gap:15px;margin-top:16px;padding-top:15px}
  .baba-ke-preview .baba-ke-stars{font-size:29px}
  .baba-ke-preview .baba-ke-meta{gap:13px 22px}
  .baba-ke-preview .baba-ke-actions{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
  .baba-ke-preview .baba-ke-action{min-width:0;width:100%;min-height:44px;padding:0 12px}
  .baba-ke-preview .baba-ke-share-popover button{grid-template-columns:40px minmax(0,1fr);min-height:63px}
  .baba-ke-preview .baba-ke-share-icon{width:39px;height:39px}
  .baba-ke-preview .baba-ke-details{gap:9px;margin:20px 0 22px}
  .baba-ke-preview .baba-ke-detail{min-height:96px;padding:13px 10px;border-radius:17px}
  .baba-ke-preview .baba-ke-detail-head{gap:6px;margin-bottom:7px}
  .baba-ke-preview .baba-ke-detail-icon{width:25px;height:25px;border-radius:8px}
  .baba-ke-preview .baba-ke-detail-icon svg{width:14px;height:14px}
  .baba-ke-preview .baba-ke-detail-label{font-size:13px}
  .baba-ke-preview .baba-ke-detail-value,.baba-ke-preview .baba-ke-serving-copy{font-size:14.5px}
  .baba-ke-preview .baba-ke-detail-value strong{font-size:16px}
  .baba-ke-preview .baba-ke-serving{grid-template-columns:38px minmax(0,1fr) 38px;gap:6px}
  .baba-ke-preview .baba-ke-serving-btn{width:38px;height:38px;font-size:21px}
  .baba-ke-preview .baba-ke-summary{font-size:16.5px;line-height:1.64;margin-bottom:24px}
  .baba-ke-preview .baba-ke-ingredients{padding:27px 29px 20px;border-radius:19px}
  .baba-ke-preview .baba-ke-section-mark,.baba-ke-preview .baba-ke-directions-mark{display:none}
  .baba-ke-preview .baba-ke-ingredients h2,.baba-ke-preview .baba-ke-directions h2{font-size:28px}
  .baba-ke-preview .baba-ke-ingredient{grid-template-columns:34px minmax(0,1fr);gap:10px;min-height:50px;padding:7px 0}
  .baba-ke-preview .baba-ke-ingredient-text{font-size:16px}
  .baba-ke-preview .baba-ke-cookmode{margin:22px 0 27px;padding:14px 16px}
  .baba-ke-preview .baba-ke-directions-accent{margin-bottom:20px}
  .baba-ke-preview .baba-ke-step{grid-template-columns:47px minmax(0,1fr);gap:12px;margin-bottom:16px;padding:18px 13px 19px;border-radius:19px}
  .baba-ke-preview .baba-ke-step::before{top:19px;height:46px}
  .baba-ke-preview .baba-ke-step-number{width:46px;height:46px;border-radius:13px;font-size:18px}
  .baba-ke-preview .baba-ke-step-content h3{font-size:16.5px;margin-bottom:6px}
  .baba-ke-preview .baba-ke-step-content p{font-size:16.5px;line-height:1.62}
  .baba-ke-preview .baba-ke-step-media,.baba-ke-preview .baba-ke-step-media img{width:100%!important;max-width:100%!important}
  .baba-ke-preview .baba-ke-step-media{margin-top:16px!important}
  .baba-ke-preview .baba-ke-reader{margin:24px 0 28px;padding:20px 18px 18px;border-radius:19px}
  .baba-ke-preview .baba-ke-reader-top{grid-template-columns:44px minmax(0,1fr);gap:12px}
  .baba-ke-preview .baba-ke-reader-icon{width:43px;height:43px;border-radius:13px}
  .baba-ke-preview .baba-ke-reader-mark{display:none}
  .baba-ke-preview .baba-ke-reader h2{font-size:22px}
  .baba-ke-preview .baba-ke-reader-top p{font-size:13px}
  .baba-ke-preview .baba-ke-reader-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .baba-ke-preview .baba-ke-reader-controls button,.baba-ke-preview .baba-ke-reader-speed{width:100%;min-height:44px;padding:0 10px}
  .baba-ke-preview .baba-ke-reader-primary{grid-column:1/-1}
  .baba-ke-preview .baba-ke-reader-speed{grid-column:1/-1;justify-content:space-between;padding-left:13px}
  .baba-ke-preview .baba-ke-tips{padding:24px 24px 21px!important;border-radius:19px!important}
  .baba-ke-preview .baba-ke-tips>h2,.baba-ke-preview .baba-ke-tips>h3,.baba-ke-preview .baba-ke-tips>h4{font-size:24px!important}
  .baba-ke-preview .baba-ke-tips>p,.baba-ke-preview .baba-ke-tips>ul,.baba-ke-preview .baba-ke-tips>ol{font-size:15.5px!important}
  .baba-ke-preview .baba-ke-recommendations{border-radius:19px;padding:18px 16px}
  .baba-ke-preview .baba-ke-rec-head h2{font-size:23px!important}
  .baba-ke-preview .baba-ke-rec-track{grid-auto-columns:min(76vw,260px)}
  
  
  
  
  
  
  .baba-ke-toast{bottom:16px!important;font-size:13px!important}
}

@media (prefers-reduced-motion:reduce){
  .baba-ke-preview *{scroll-behavior:auto!important;transition:none!important;animation:none!important}
  .baba-ke-toast{transition:none!important}
}
@media print{
  .baba-ke-preview .baba-ke-preview-note,.baba-ke-preview .baba-ke-actions,.baba-ke-preview .baba-ke-share-popover,.baba-ke-preview .baba-ke-cookmode,.baba-ke-preview .baba-ke-reader,.baba-ke-preview .baba-ke-recommendations,.baba-ke-toast{display:none!important}
  .baba-ke-preview .baba-ke-page-layout{display:block!important}
  .baba-ke-preview .baba-ke-step{break-inside:avoid;box-shadow:none}
}

/* =========================================================
   v0.7.0 – MEISTERWERK FEINSCHLIFF
   Ein eigenes Baba-Designsystem: ruhig, warm, hochwertig.
   Keine externen Fonts/Icons, keine Layout-Reparatur per JS.
========================================================= */

/* Echte Desktop-Proportionen statt schmaler Testspalte */
@media (min-width:1180px){
  body.baba-ke-preview article.post .entry-content,body.baba-ke-preview .entry-content{
    box-sizing:border-box!important;
    width:min(100%,1340px)!important;
    max-width:1340px!important;
    margin-left:auto!important;
    margin-right:auto!important;
    padding-left:16px!important;
    padding-right:16px!important;
    overflow:visible!important;
  }
  .baba-ke-preview .baba-ke-page-layout{
    grid-template-columns:minmax(0,940px) 340px!important;
    column-gap:28px!important;
    max-width:1308px!important;
    margin:0 auto!important;
  }
  .baba-ke-preview .baba-ke-recommendations{max-width:340px!important}
}

/* Kopf enger zusammenhalten */
.baba-ke-preview .baba-ke-head{padding-bottom:16px!important}
.baba-ke-preview .baba-ke-head-rail{margin-top:16px!important;padding-top:14px!important;align-items:center!important}
.baba-ke-preview .baba-ke-head-info{gap:12px!important}
.baba-ke-preview .baba-ke-meta{gap:12px 24px!important}
.baba-ke-preview .baba-ke-title{max-width:900px!important}

/* v0.10.36 – schlanke Premium-Sterne, identisch zum Formular */
.baba-ke-preview .baba-ke-rating{display:flex!important;align-items:center!important;gap:10px!important;min-height:36px!important}
.baba-ke-preview .baba-ke-top-stars{display:inline-flex;align-items:center;gap:1px}
.baba-ke-preview .baba-ke-top-star{
  display:grid;place-items:center;width:28px;height:30px;padding:0;border:0;background:transparent;color:#cdbba7;cursor:pointer;
  transform-origin:50% 55%;transition:transform .12s ease,color .12s ease;outline:none
}
.baba-ke-preview .baba-ke-top-star svg{
  width:24px;height:24px;overflow:visible;fill:transparent;stroke:currentColor;stroke-width:1.45;stroke-linecap:round;stroke-linejoin:round;
  transition:fill .12s ease,stroke .12s ease,transform .12s ease
}
.baba-ke-preview .baba-ke-top-star.is-on{color:#df961f}
.baba-ke-preview .baba-ke-top-star.is-on svg{fill:rgba(223,150,31,.18);stroke:currentColor;stroke-width:1.45}
.baba-ke-preview .baba-ke-top-star:hover,.baba-ke-preview .baba-ke-top-star:focus-visible{color:#df961f;transform:translateY(-1px) scale(1.035)}
.baba-ke-preview .baba-ke-top-star:hover svg,.baba-ke-preview .baba-ke-top-star:focus-visible svg{fill:rgba(223,150,31,.12);stroke:currentColor}
.baba-ke-preview .baba-ke-top-star:focus-visible{box-shadow:0 0 0 3px rgba(223,150,31,.12);border-radius:8px}
.baba-ke-preview .baba-ke-rating-label{padding:5px 2px;border:0;background:transparent;color:#7b6048;font:inherit;font-size:13.5px;font-weight:850;cursor:pointer}
.baba-ke-preview .baba-ke-rating-label:hover,.baba-ke-preview .baba-ke-rating-label:focus-visible{color:#b5662d;text-decoration:underline;text-underline-offset:3px}

/* Aktionen: gleichwertig, aber nicht laut */
.baba-ke-preview .baba-ke-action{min-width:128px!important;min-height:45px!important;background:rgba(255,255,255,.76)!important;box-shadow:0 6px 16px rgba(53,35,23,.055)!important}
.baba-ke-preview .baba-ke-action:active{transform:translateY(1px)}

/* Share-Popover: Icons garantiert sichtbar und edler */
.baba-ke-preview .baba-ke-share-popover{padding:9px!important;border-radius:20px!important;background:#fffdf9!important;backdrop-filter:none!important}
.baba-ke-preview .baba-ke-share-popover button{grid-template-columns:38px minmax(0,1fr)!important;min-height:63px!important;gap:12px!important;padding:9px 11px!important}
.baba-ke-preview .baba-ke-share-icon{display:grid!important;place-items:center!important;width:36px!important;height:36px!important;border:0!important;border-radius:50%!important;background:linear-gradient(145deg,#fff7e9,#fff)!important;color:#b86c36!important;box-shadow:inset 0 0 0 1px rgba(184,108,54,.13),0 5px 12px rgba(80,51,30,.05)!important}
.baba-ke-preview .baba-ke-share-icon svg{display:block!important;width:20px!important;height:20px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important}
.baba-ke-preview .baba-ke-share-popover strong{font-size:14px!important}
.baba-ke-preview .baba-ke-share-popover small{font-size:11px!important}

/* Info-Karten: keine billigen Mini-App-Kästchen mehr */
.baba-ke-preview .baba-ke-details{gap:12px!important;margin:20px 0 22px!important}
.baba-ke-preview .baba-ke-detail{
  min-height:92px!important;padding:16px 19px!important;border:1px solid rgba(117,84,58,.11)!important;border-radius:20px!important;
  background:radial-gradient(circle at 100% 0%,rgba(245,154,27,.055),transparent 34%),linear-gradient(145deg,#fffefb 0%,#fbf5ec 100%)!important;
  box-shadow:0 13px 30px rgba(57,40,28,.055),inset 0 1px 0 rgba(255,255,255,.92)!important
}
.baba-ke-preview .baba-ke-detail::before{content:"";position:absolute;left:20px;top:0;width:42px;height:2px;border-radius:0 0 3px 3px;background:linear-gradient(90deg,#ef7f25,#f5b13b);opacity:.72}
.baba-ke-preview .baba-ke-detail::after{right:-24px!important;bottom:-44px!important;width:110px!important;height:110px!important;opacity:.72}
.baba-ke-preview .baba-ke-detail-head{justify-content:center!important;gap:9px!important;margin-bottom:8px!important}
.baba-ke-preview .baba-ke-detail-icon{display:inline-grid!important;place-items:center!important;width:27px!important;height:27px!important;border:0!important;border-radius:0!important;background:transparent!important;color:#c7782e!important;box-shadow:none!important}
.baba-ke-preview .baba-ke-detail-icon svg{width:22px!important;height:22px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.55!important;stroke-linecap:round!important;stroke-linejoin:round!important}
.baba-ke-preview .baba-ke-detail-label{font-size:14.5px!important;letter-spacing:-.01em!important;color:#433d38!important}
.baba-ke-preview .baba-ke-detail-value,.baba-ke-preview .baba-ke-serving-copy{font-size:15.5px!important;color:#697079!important}
.baba-ke-preview .baba-ke-detail-value strong{font-size:18px!important;color:#4c535a!important;font-weight:650!important}
.baba-ke-preview .baba-ke-serving{grid-template-columns:42px minmax(0,1fr) 42px!important}
.baba-ke-preview .baba-ke-serving-btn{width:42px!important;height:42px!important;background:#171d24!important;box-shadow:0 8px 18px rgba(23,29,36,.18)!important}

/* Zutaten: etwas mehr Kochbuch, weniger Formular */
.baba-ke-preview .baba-ke-ingredients{box-shadow:0 18px 42px rgba(56,38,25,.07)!important}
.baba-ke-preview .baba-ke-group{background:linear-gradient(90deg,#fff0d6 0%,rgba(255,245,225,.74) 100%)!important;border-color:rgba(239,147,31,.27)!important}
.baba-ke-preview .baba-ke-ingredient{border-bottom-color:rgba(94,72,53,.085)!important}

/* Zubereitung: redaktionelle Premium-Karten */
.baba-ke-preview .baba-ke-directions-accent{width:76px!important;margin-bottom:22px!important}
.baba-ke-preview .baba-ke-step{
  grid-template-columns:58px minmax(0,1fr)!important;gap:19px!important;margin-bottom:22px!important;padding:25px 26px 27px!important;
  border:1px solid rgba(115,83,58,.12)!important;border-radius:24px!important;
  background:radial-gradient(circle at 0 0,rgba(245,154,27,.045),transparent 22%),linear-gradient(145deg,#fffefb 0%,#fff 62%,#fbf5ec 100%)!important;
  box-shadow:0 18px 42px rgba(54,39,28,.07),inset 0 1px 0 rgba(255,255,255,.95)!important
}
.baba-ke-preview .baba-ke-step::before{left:0!important;top:27px!important;width:4px!important;height:48px!important;background:linear-gradient(180deg,#ff7319,#f2b043)!important}
.baba-ke-preview .baba-ke-step-number{width:54px!important;height:54px!important;border-radius:16px!important;background:linear-gradient(145deg,#ff7a1d 0%,#ff5e0b 100%)!important;box-shadow:0 10px 22px rgba(255,100,19,.2),inset 0 1px 0 rgba(255,255,255,.34)!important}
.baba-ke-preview .baba-ke-step-content h3{margin-bottom:8px!important;color:#37332f!important;font-size:18.5px!important;letter-spacing:-.018em!important}
.baba-ke-preview .baba-ke-step-content p{color:#656c74!important;font-size:17.25px!important;line-height:1.67!important}
.baba-ke-preview .baba-ke-cook-value{color:#555b62!important;font-weight:800!important}
.baba-ke-preview .baba-ke-step-media{max-width:620px!important;margin-top:19px!important;padding:7px!important;border:1px solid rgba(118,86,61,.11)!important;border-radius:18px!important;background:#fffdf9!important;box-shadow:0 11px 26px rgba(52,39,30,.065)!important}
.baba-ke-preview .baba-ke-step-media img{max-width:100%!important;border:0!important;border-radius:12px!important;box-shadow:none!important}

/* Rezeptleser: wie ein hochwertiges Werkzeug, nicht wie Browser-UI */
.baba-ke-preview .baba-ke-reader{padding:25px 27px 23px!important;border-left-width:4px!important;background:radial-gradient(circle at 100% 0%,rgba(245,154,27,.06),transparent 32%),linear-gradient(145deg,#fffefb,#fbf4ea)!important;box-shadow:0 18px 42px rgba(61,42,27,.07)!important}
.baba-ke-preview .baba-ke-reader-icon{width:48px!important;height:48px!important;border-radius:14px!important;background:linear-gradient(145deg,#222,#111)!important}
.baba-ke-preview .baba-ke-reader-controls{gap:8px!important}
.baba-ke-preview .baba-ke-reader-controls button,.baba-ke-preview .baba-ke-reader-speed{border-color:rgba(111,80,58,.13)!important;background:rgba(255,255,255,.84)!important;box-shadow:0 6px 15px rgba(51,37,27,.04)!important}
.baba-ke-preview .baba-ke-reader-controls .baba-ke-reader-primary{background:#181818!important;color:#fff!important;border-color:#181818!important}

/* Tipps: klare Premium-Karte */
.baba-ke-preview .baba-ke-tips{margin-top:28px!important;padding:30px 34px 27px!important;border-left-width:4px!important;background:radial-gradient(circle at 100% 0%,rgba(245,154,27,.055),transparent 31%),linear-gradient(145deg,#fffefb,#fbf5ed)!important;box-shadow:0 18px 42px rgba(62,42,27,.07)!important}
.baba-ke-preview .baba-ke-tips>h2,.baba-ke-preview .baba-ke-tips>h3,.baba-ke-preview .baba-ke-tips>h4{font-size:28px!important;margin-bottom:13px!important;padding-bottom:13px!important}
.baba-ke-preview .baba-ke-tips>p,.baba-ke-preview .baba-ke-tips>ul,.baba-ke-preview .baba-ke-tips>ol{font-size:16.5px!important;line-height:1.72!important}

/* Empfehlungen: Original-Desktopbreite und ruhigere Premium-Cards */
.baba-ke-preview .baba-ke-recommendations{top:24px!important;padding:22px 19px 19px!important;border-radius:23px!important;box-shadow:0 18px 42px rgba(54,39,28,.07)!important}
.baba-ke-preview .baba-ke-rec-head h2{font-size:26px!important}
.baba-ke-preview .baba-ke-rec-track{gap:13px 11px!important}
.baba-ke-preview .baba-ke-rec-card{border-radius:16px!important;box-shadow:0 9px 21px rgba(44,32,24,.055)!important;transition:transform .16s ease,box-shadow .16s ease}
@media (hover:hover){.baba-ke-preview .baba-ke-rec-card:hover{transform:translateY(-2px);box-shadow:0 14px 28px rgba(44,32,24,.085)}}
.baba-ke-preview .baba-ke-rec-media{aspect-ratio:1.18/1!important}
.baba-ke-preview .baba-ke-rec-body{padding:10px 10px 12px!important}

/* Kommentarbereich – aufgeräumt, warm, hochwertig */













/* Englisch verschwindet ohne gettext/PHP-Hook und damit ohne Admin-Risiko */








/* Mobile: Qualität behalten, aber nicht aufblasen */
@media (max-width:689px){
  .baba-ke-preview .baba-ke-head-rail{gap:13px!important}
  .baba-ke-preview .baba-ke-meta{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;width:100%!important;gap:10px!important}
  .baba-ke-preview .baba-ke-meta-item{min-width:0!important}
  .baba-ke-preview .baba-ke-meta-item strong{font-size:14px!important}
  .baba-ke-preview .baba-ke-top-star{width:28px;height:31px}
  .baba-ke-preview .baba-ke-top-star svg{width:23px;height:23px}
  .baba-ke-preview .baba-ke-details{gap:9px!important}
  .baba-ke-preview .baba-ke-detail{min-height:91px!important;padding:14px 12px!important}
  .baba-ke-preview .baba-ke-detail-head{gap:6px!important}
  .baba-ke-preview .baba-ke-detail-icon{width:24px!important;height:24px!important}
  .baba-ke-preview .baba-ke-detail-icon svg{width:19px!important;height:19px!important}
  .baba-ke-preview .baba-ke-detail-label{font-size:13.5px!important}
  .baba-ke-preview .baba-ke-step{grid-template-columns:47px minmax(0,1fr)!important;gap:12px!important;padding:18px 14px 20px!important;border-radius:20px!important}
  .baba-ke-preview .baba-ke-step-number{width:46px!important;height:46px!important;border-radius:13px!important}
  .baba-ke-preview .baba-ke-step-content h3{font-size:16.5px!important}
  .baba-ke-preview .baba-ke-step-content p{font-size:16.25px!important;line-height:1.62!important}
  .baba-ke-preview .baba-ke-step-media{width:100%!important;max-width:100%!important;padding:5px!important;border-radius:15px!important}
  .baba-ke-preview .baba-ke-reader{padding:21px 18px 19px!important}
  .baba-ke-preview .baba-ke-tips{padding:24px 22px 22px!important}
  
  
  
  
}

/* =========================================================
   v0.9.1 – ULTIMATE PREMIUM DESIGN
   Ruhige Luxus-Optik aus reinen CSS-Ebenen: keine externen
   Fonts, keine Icon-Bibliothek, keine neuen Server-Requests.
========================================================= */

/* Gesamtkomposition etwas wärmer und kompakter */
.baba-ke-preview .baba-ke-page-main{position:relative;min-width:0}
.baba-ke-preview .baba-ke-recipe{--baba-gold:#d99a3d;--baba-gold-soft:#f1d6a5;--baba-cocoa:#6f4d35;--baba-paper-rich:#fffaf0}
.baba-ke-preview .baba-ke-hero{box-shadow:0 18px 44px rgba(55,36,22,.09)!important}
.baba-ke-preview .baba-ke-title{letter-spacing:-.045em!important}
.baba-ke-preview .baba-ke-head{padding-bottom:15px!important}

/* Meta-Informationen: editorial statt Datenbank-Zeile */
.baba-ke-preview .baba-ke-meta{display:flex!important;align-items:stretch!important;gap:10px 12px!important}
.baba-ke-preview .baba-ke-meta-item{
  display:grid!important;grid-template-columns:31px minmax(0,1fr)!important;gap:9px!important;align-items:center!important;
  min-width:132px!important;padding:8px 11px!important;border:1px solid rgba(121,87,60,.075)!important;border-radius:13px!important;
  background:linear-gradient(145deg,rgba(255,255,255,.78),rgba(255,249,240,.78))!important
}
.baba-ke-preview .baba-ke-meta-icon{display:grid;place-items:center;width:31px;height:31px;color:#b87336}
.baba-ke-preview .baba-ke-meta-icon svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.45;stroke-linecap:round;stroke-linejoin:round}
.baba-ke-preview .baba-ke-meta-copy{display:flex;flex-direction:column;gap:2px;min-width:0}
.baba-ke-preview .baba-ke-meta-label{color:#aa8e76!important;font-size:9px!important;font-weight:900!important;letter-spacing:.1em!important;text-transform:uppercase!important}
.baba-ke-preview .baba-ke-meta-item strong{font-size:14px!important;color:#3e3833!important}

/* Info-Karten: auf Desktop vier kompakte Premium-Karten in einer Reihe */
@media (min-width:860px){
  .baba-ke-preview .baba-ke-details{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:11px!important}
}
.baba-ke-preview .baba-ke-detail{
  min-height:112px!important;padding:17px 13px 15px!important;border-color:rgba(133,93,60,.11)!important;
  background:
    radial-gradient(circle at 100% 0%,rgba(245,154,27,.075),transparent 35%),
    linear-gradient(152deg,#fffefb 0%,#fbf4e9 100%)!important;
  box-shadow:0 15px 34px rgba(58,39,25,.06),inset 0 1px 0 rgba(255,255,255,.96)!important
}
.baba-ke-preview .baba-ke-detail::before{width:48px!important;height:3px!important;left:18px!important;background:linear-gradient(90deg,#ee7d28,#efb34f)!important}
.baba-ke-preview .baba-ke-detail-icon{width:30px!important;height:30px!important;color:#c67a2d!important}
.baba-ke-preview .baba-ke-detail-icon svg{width:24px!important;height:24px!important;stroke-width:1.4!important}
.baba-ke-preview .baba-ke-detail-head{flex-direction:column!important;gap:5px!important;margin-bottom:7px!important}
.baba-ke-preview .baba-ke-detail-label{font-size:13.5px!important;text-align:center!important}
.baba-ke-preview .baba-ke-detail-value,.baba-ke-preview .baba-ke-serving-copy{font-size:14px!important}
.baba-ke-preview .baba-ke-detail-value strong{font-size:17.5px!important;color:#3d444b!important;font-weight:800!important}
.baba-ke-preview .baba-ke-serving{grid-template-columns:38px minmax(0,1fr) 38px!important;gap:5px!important}
.baba-ke-preview .baba-ke-serving-btn{width:38px!important;height:38px!important;font-size:20px!important}

/* Speichern als klarer Premium-CTA, ohne grell zu wirken */
.baba-ke-preview .baba-ke-save{color:#fff!important;border-color:#cf2735!important;background:linear-gradient(145deg,#df3140,#c91e2f)!important;box-shadow:0 9px 22px rgba(201,30,47,.18)!important}
.baba-ke-preview .baba-ke-save svg{stroke:#fff!important}
.baba-ke-preview .baba-ke-save:is(:hover,:focus-visible),.baba-ke-preview .baba-ke-save[aria-pressed=true]{color:#fff!important;background:linear-gradient(145deg,#cc2232,#b91929)!important;box-shadow:0 11px 25px rgba(185,25,41,.23)!important}

/* Zutaten – echte Premium-Bühne mit adaptiven Gruppen */
.baba-ke-preview .baba-ke-ingredients{
  isolation:isolate!important;margin-top:4px!important;margin-bottom:28px!important;padding:30px 30px 30px!important;
  border:1px solid rgba(179,125,64,.22)!important;border-radius:25px!important;
  background:
    radial-gradient(circle at 10% 0%,rgba(255,255,255,.92) 0,rgba(255,255,255,0) 32%),
    radial-gradient(circle at 94% 12%,rgba(241,178,85,.11) 0,rgba(241,178,85,0) 30%),
    linear-gradient(145deg,#fffdf8 0%,#fff8ec 48%,#f9f0e4 100%)!important;
  box-shadow:0 24px 55px rgba(61,42,27,.085),inset 0 1px 0 rgba(255,255,255,.96)!important
}
.baba-ke-preview .baba-ke-ingredients::before{
  content:"";position:absolute;z-index:-1;inset:0;pointer-events:none;opacity:.7;
  background:
    linear-gradient(115deg,transparent 0 64%,rgba(176,111,56,.025) 64.2% 64.5%,transparent 64.7%),
    linear-gradient(65deg,transparent 0 78%,rgba(176,111,56,.022) 78.2% 78.5%,transparent 78.7%)
}
.baba-ke-preview .baba-ke-ingredients::after{
  content:"BK";position:absolute;z-index:-1;right:28px;top:27px;color:rgba(134,82,42,.047);
  font-family:Georgia,"Times New Roman",serif;font-size:86px;line-height:.8;letter-spacing:-.07em;pointer-events:none
}
.baba-ke-preview .baba-ke-ingredients-glow{position:absolute;z-index:-1;right:-75px;bottom:-95px;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(228,154,67,.09),rgba(228,154,67,0) 69%);pointer-events:none}
.baba-ke-preview .baba-ke-ingredients .baba-ke-section-head{margin:0 0 20px;padding:0 0 15px;border-bottom:1px solid rgba(113,82,59,.085)}
.baba-ke-preview .baba-ke-ingredients .baba-ke-section-head::before{content:"";width:28px;height:2px;position:absolute;left:0;bottom:-1px;background:#dc8e38;border-radius:4px}
.baba-ke-preview .baba-ke-ingredients h2{font-size:32px!important;color:#211c18!important}
.baba-ke-preview .baba-ke-ingredients .baba-ke-section-mark{display:none!important}
.baba-ke-preview .baba-ke-ingredient-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin:0}
.baba-ke-preview .baba-ke-ingredient-group{
  position:relative;min-width:0;padding:18px 18px 10px;border:1px solid rgba(125,87,59,.105);border-radius:18px;
  background:linear-gradient(145deg,rgba(255,255,255,.72),rgba(255,249,239,.78));
  box-shadow:0 9px 22px rgba(59,40,27,.038),inset 0 1px 0 rgba(255,255,255,.9)
}
.baba-ke-preview .baba-ke-ingredient-group::before{content:"";position:absolute;left:0;top:18px;width:3px;height:31px;border-radius:0 3px 3px 0;background:linear-gradient(#ef8a2d,#e8b15a)}
.baba-ke-preview .baba-ke-ingredient-group--wide{grid-column:1/-1}
.baba-ke-preview .baba-ke-ingredient-group-title{margin:0 0 10px;padding:0 0 10px 3px;color:#47382e;font-size:15.5px;line-height:1.25;font-weight:900;letter-spacing:-.01em;border-bottom:1px solid rgba(105,77,56,.075)}
.baba-ke-preview .baba-ke-ingredient-group ul{margin:0!important;padding:0!important;list-style:none!important}
.baba-ke-preview .baba-ke-ingredient{grid-template-columns:31px minmax(0,1fr)!important;gap:9px!important;min-height:43px!important;padding:6px 2px!important;border-bottom-color:rgba(98,73,54,.07)!important}
.baba-ke-preview .baba-ke-ingredient:last-child{border-bottom:0!important}
.baba-ke-preview .baba-ke-check{width:27px!important;height:27px!important;border-width:1.5px!important;border-color:#dfc78f!important;box-shadow:0 3px 8px rgba(73,53,34,.035)!important}
.baba-ke-preview .baba-ke-ingredient-text{font-size:15.2px!important;line-height:1.42!important;color:#625850!important}
.baba-ke-preview .baba-ke-amount{color:#3f352e!important;font-weight:900!important}

/* Kochmodus als schmale Werkzeugleiste zwischen den großen Bereichen */
.baba-ke-preview .baba-ke-cookmode{margin:0 0 24px!important;padding:13px 16px!important;border-color:rgba(188,124,56,.16)!important;border-radius:15px!important;background:linear-gradient(145deg,rgba(255,253,249,.92),rgba(251,244,234,.92))!important;box-shadow:0 8px 20px rgba(55,38,27,.038)!important}

/* Zubereitung – zusammenhängende Premium-Fläche statt frei schwebender Einzelkarten */
.baba-ke-preview .baba-ke-directions{
  position:relative;isolation:isolate;overflow:hidden;margin:0 0 28px;padding:28px 28px 8px;border:1px solid rgba(149,102,65,.14);border-radius:25px;
  background:
    radial-gradient(circle at 100% 0%,rgba(242,163,62,.075),transparent 25%),
    linear-gradient(145deg,#fffdf9 0%,#faf3e9 100%);
  box-shadow:0 23px 52px rgba(57,40,27,.072),inset 0 1px 0 rgba(255,255,255,.96)
}
.baba-ke-preview .baba-ke-directions::after{content:"BK";position:absolute;z-index:-1;right:28px;top:27px;color:rgba(134,82,42,.038);font-family:Georgia,"Times New Roman",serif;font-size:84px;line-height:.8;letter-spacing:-.07em}
.baba-ke-preview .baba-ke-directions-head{margin-bottom:3px;padding-bottom:14px;border-bottom:1px solid rgba(111,80,58,.08)}
.baba-ke-preview .baba-ke-directions .baba-ke-section-kicker{margin-bottom:5px!important;color:#b76b34!important}
.baba-ke-preview .baba-ke-directions h2{font-size:31px!important;color:#201b17!important}
.baba-ke-preview .baba-ke-directions-mark{display:none!important}
.baba-ke-preview .baba-ke-directions-accent{display:none!important}
.baba-ke-preview .baba-ke-directions ol{margin:18px 0 0!important;padding:0!important}
.baba-ke-preview .baba-ke-step{
  margin-bottom:17px!important;padding:22px 22px 23px!important;border-radius:21px!important;border-color:rgba(111,80,58,.095)!important;
  background:linear-gradient(145deg,rgba(255,255,255,.9),rgba(255,251,245,.88))!important;
  box-shadow:0 10px 24px rgba(54,39,28,.045),inset 0 1px 0 rgba(255,255,255,.98)!important
}
.baba-ke-preview .baba-ke-step::before{width:3px!important;top:23px!important;height:43px!important}
.baba-ke-preview .baba-ke-step-number{width:50px!important;height:50px!important;border-radius:15px!important;font-size:17px!important;box-shadow:0 9px 19px rgba(255,100,19,.17),inset 0 1px 0 rgba(255,255,255,.32)!important}
.baba-ke-preview .baba-ke-step-content h3{font-size:17.5px!important;color:#342d28!important}
.baba-ke-preview .baba-ke-step-content p{font-size:16.6px!important;line-height:1.64!important;color:#646a72!important}
.baba-ke-preview .baba-ke-step-media{max-width:620px!important;margin-left:0!important;margin-right:0!important;padding:6px!important;border-radius:17px!important;background:#fff!important;box-shadow:0 10px 23px rgba(48,35,26,.055)!important}

/* Vorleser – dezentes Audio-Werkzeug mit CSS-Wellenform */
.baba-ke-preview .baba-ke-reader{position:relative;overflow:hidden!important;border-radius:22px!important}
.baba-ke-preview .baba-ke-reader::after{content:"";position:absolute;right:24px;top:28px;width:116px;height:34px;opacity:.28;background:repeating-linear-gradient(90deg,#e58d35 0 2px,transparent 2px 7px);mask:linear-gradient(180deg,transparent 0,black 20%,black 80%,transparent 100%);pointer-events:none}
.baba-ke-preview .baba-ke-reader-top{padding-right:128px}

/* Tipps und Kommentar tragen denselben warmen Material-Look */
.baba-ke-preview .baba-ke-tips{border-color:rgba(148,101,64,.15)!important;border-radius:22px!important;background:radial-gradient(circle at 96% 10%,rgba(244,169,67,.08),transparent 27%),linear-gradient(145deg,#fffdf9,#fbf4e9)!important}




/* Sidebar: hochwertige horizontale Teaser auf Desktop */
@media (min-width:1180px){
  .baba-ke-preview .baba-ke-rec-track{grid-template-columns:1fr!important;gap:11px!important}
  .baba-ke-preview .baba-ke-rec-card{display:grid!important;grid-template-columns:108px minmax(0,1fr)!important;min-height:106px!important;border-radius:15px!important}
  .baba-ke-preview .baba-ke-rec-media{height:100%!important;min-height:106px!important;aspect-ratio:auto!important;border-radius:15px 0 0 15px!important}
  .baba-ke-preview .baba-ke-rec-body{position:relative!important;display:flex!important;flex-direction:column!important;justify-content:center!important;padding:11px 35px 11px 12px!important}
  .baba-ke-preview .baba-ke-rec-body h3{font-size:13.5px!important;line-height:1.18!important;margin-bottom:7px!important}
  .baba-ke-preview .baba-ke-rec-body::after{content:"→";position:absolute;right:10px;top:50%;display:grid;place-items:center;width:23px;height:23px;margin-top:-12px;border:1px solid rgba(231,130,42,.5);border-radius:50%;color:#d97d2d;font-size:14px;font-weight:800}
}

/* Mobile/Tablet – dieselbe Designsprache, aber niemals Desktop erzwingen */
@media (max-width:859px){
  .baba-ke-preview .baba-ke-details{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .baba-ke-preview .baba-ke-detail{min-height:96px!important;padding:14px 10px!important}
  .baba-ke-preview .baba-ke-detail-head{gap:4px!important}
  .baba-ke-preview .baba-ke-ingredient-groups{grid-template-columns:1fr!important;gap:11px!important}
  .baba-ke-preview .baba-ke-ingredient-group,.baba-ke-preview .baba-ke-ingredient-group--wide{grid-column:1!important}
  .baba-ke-preview .baba-ke-directions{padding:23px 18px 6px!important;border-radius:21px!important}
  .baba-ke-preview .baba-ke-reader-top{padding-right:0!important}
  .baba-ke-preview .baba-ke-reader::after{display:none!important}
}
@media (max-width:689px){
  .baba-ke-preview .baba-ke-meta{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important}
  .baba-ke-preview .baba-ke-meta-item{grid-template-columns:1fr!important;justify-items:start!important;gap:3px!important;min-width:0!important;padding:7px 5px!important;border:0!important;background:transparent!important}
  .baba-ke-preview .baba-ke-meta-icon{display:none!important}
  .baba-ke-preview .baba-ke-meta-item strong{font-size:13.5px!important}
  .baba-ke-preview .baba-ke-ingredients{padding:24px 17px 20px!important;border-radius:20px!important}
  .baba-ke-preview .baba-ke-ingredients::after{font-size:60px!important;right:16px!important;top:23px!important}
  .baba-ke-preview .baba-ke-ingredients .baba-ke-section-head{margin-bottom:14px!important;padding-bottom:11px!important}
  .baba-ke-preview .baba-ke-ingredients h2{font-size:27px!important}
  .baba-ke-preview .baba-ke-ingredient-group{padding:15px 13px 7px!important;border-radius:15px!important}
  .baba-ke-preview .baba-ke-ingredient-group-title{font-size:15px!important}
  .baba-ke-preview .baba-ke-ingredient-text{font-size:15.5px!important}
  .baba-ke-preview .baba-ke-directions{padding:21px 13px 5px!important}
  .baba-ke-preview .baba-ke-directions::after{display:none!important}
  .baba-ke-preview .baba-ke-step{grid-template-columns:46px minmax(0,1fr)!important;gap:11px!important;padding:17px 12px 18px!important;border-radius:17px!important}
  .baba-ke-preview .baba-ke-step-number{width:45px!important;height:45px!important;border-radius:13px!important}
  .baba-ke-preview .baba-ke-step-content h3{font-size:16.2px!important}
  .baba-ke-preview .baba-ke-step-content p{font-size:15.9px!important;line-height:1.6!important}
}

/* =========================================================
   v0.9.1 – PREMIUM BALANCE
   Besprochene Punkte: ruhige Zutatenliste, angedockter Kochmodus,
   hochwertiger Seitenhintergrund, kleineres Hero, edlere Info-Icons,
   Foto-CTA + sauberes Mobile fuer Empfehlungen.
   Nur CSS/Inline-SVG – keine externen Fonts oder Bibliotheken.
========================================================= */

/* Gemeinsame Premium-Buehne: oben nicht mehr blank/weiss. */
.baba-ke-preview .baba-ke-page-layout{
  position:relative!important;
  isolation:isolate!important;
}
.baba-ke-preview .baba-ke-page-layout::before{
  content:"";
  position:absolute;
  z-index:-2;
  inset:-22px -26px -38px;
  border:1px solid rgba(160,111,67,.055);
  border-radius:34px;
  background:
    radial-gradient(circle at 14% 4%,rgba(245,154,27,.070),transparent 26%),
    radial-gradient(circle at 88% 13%,rgba(193,143,92,.055),transparent 24%),
    linear-gradient(180deg,rgba(255,252,247,.96) 0%,rgba(255,249,240,.88) 47%,rgba(255,252,248,.93) 100%);
  box-shadow:0 32px 80px rgba(64,43,28,.045),inset 0 1px 0 rgba(255,255,255,.92);
  pointer-events:none;
}
.baba-ke-preview .baba-ke-page-layout::after{
  content:"BK";
  position:absolute;
  z-index:-1;
  right:356px;
  top:44px;
  color:rgba(113,76,47,.020);
  font-family:Georgia,"Times New Roman",serif;
  font-size:150px;
  line-height:1;
  letter-spacing:-.08em;
  pointer-events:none;
  user-select:none;
}

/* Hero bewusst praesent, aber nicht mehr die ganze Seite erschlagend. */
.baba-ke-preview .baba-ke-hero{
  width:min(100%,860px)!important;
  margin:0 auto 18px!important;
  padding:7px 7px 6px!important;
  border-color:rgba(174,125,68,.24)!important;
  border-radius:21px!important;
  background:rgba(255,255,255,.91)!important;
  box-shadow:0 16px 38px rgba(57,38,24,.075)!important;
}
.baba-ke-preview .baba-ke-hero img{border-radius:13px 13px 7px 7px!important}
.baba-ke-preview .baba-ke-head{padding-top:2px!important}
.baba-ke-preview .baba-ke-title{font-size:clamp(31px,3vw,43px)!important}

/* Info-Karten: keine kleinen App-Kaestchen um Icons. */
.baba-ke-preview .baba-ke-detail{
  min-height:104px!important;
  padding:17px 16px 15px!important;
  border-color:rgba(118,84,58,.105)!important;
  background:
    radial-gradient(circle at 80% 15%,rgba(245,154,27,.055),transparent 34%),
    linear-gradient(145deg,#fffdf9 0%,#fbf5ec 100%)!important;
  box-shadow:0 11px 28px rgba(58,40,28,.052),inset 0 1px 0 rgba(255,255,255,.96)!important;
}
.baba-ke-preview .baba-ke-detail-icon{
  width:35px!important;
  height:35px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:#c97828!important;
  box-shadow:none!important;
}
.baba-ke-preview .baba-ke-detail-icon svg{
  width:29px!important;
  height:29px!important;
  stroke-width:1.35!important;
}
.baba-ke-preview .baba-ke-detail-head{gap:4px!important;margin-bottom:7px!important}
.baba-ke-preview .baba-ke-detail-label{font-size:13.75px!important;letter-spacing:-.006em}

/* Zutaten: eine grosse edle Rezeptpapier-Flaeche statt Box-in-Box-Mauer. */
.baba-ke-preview .baba-ke-ingredients{
  isolation:isolate!important;
  overflow:hidden!important;
  margin:0 0 25px!important;
  padding:30px 32px 0!important;
  border:1px solid rgba(172,122,62,.20)!important;
  border-left:4px solid rgba(236,139,42,.88)!important;
  border-radius:24px!important;
  background:
    radial-gradient(circle at 92% 5%,rgba(239,167,78,.085),transparent 26%),
    linear-gradient(137deg,rgba(255,254,250,.98) 0%,rgba(255,249,239,.96) 62%,rgba(252,244,232,.94) 100%)!important;
  box-shadow:0 20px 48px rgba(59,40,27,.065),inset 0 1px 0 rgba(255,255,255,.98)!important;
}
.baba-ke-preview .baba-ke-ingredients::before{
  content:""!important;
  position:absolute!important;
  z-index:-1!important;
  inset:0!important;
  background:
    linear-gradient(112deg,transparent 0 45%,rgba(206,151,90,.018) 45.2% 45.45%,transparent 45.7% 100%),
    linear-gradient(68deg,transparent 0 68%,rgba(206,151,90,.015) 68.2% 68.38%,transparent 68.6% 100%)!important;
  pointer-events:none!important;
}
.baba-ke-preview .baba-ke-ingredients::after{
  content:"BK"!important;
  position:absolute!important;
  z-index:-1!important;
  right:24px!important;
  top:21px!important;
  color:rgba(126,77,42,.040)!important;
  font-family:Georgia,"Times New Roman",serif!important;
  font-size:78px!important;
  line-height:.85!important;
  letter-spacing:-.07em!important;
  pointer-events:none!important;
}
.baba-ke-preview .baba-ke-ingredients-glow{display:none!important}
.baba-ke-preview .baba-ke-ingredients .baba-ke-section-head{
  margin:0 0 4px!important;
  padding:0 0 15px!important;
  border-bottom:1px solid rgba(104,75,53,.10)!important;
}
.baba-ke-preview .baba-ke-ingredients .baba-ke-section-head::before{
  width:44px!important;
  height:2px!important;
  background:linear-gradient(90deg,#e8842c,#f0b458)!important;
}
.baba-ke-preview .baba-ke-ingredients h2{font-size:31px!important}
.baba-ke-preview .baba-ke-ingredient-groups{
  display:block!important;
  margin:0!important;
  padding:0!important;
}
.baba-ke-preview .baba-ke-ingredient-group,.baba-ke-preview .baba-ke-ingredient-group--wide{
  display:block!important;
  width:100%!important;
  min-width:0!important;
  margin:0!important;
  padding:23px 0 4px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.baba-ke-preview .baba-ke-ingredient-group + .baba-ke-ingredient-group{
  margin-top:7px!important;
  padding-top:26px!important;
  border-top:1px solid rgba(102,75,55,.105)!important;
}
.baba-ke-preview .baba-ke-ingredient-group::before{display:none!important}
.baba-ke-preview .baba-ke-ingredient-group-title{
  position:relative!important;
  margin:0 0 9px!important;
  padding:0 0 0 16px!important;
  border:0!important;
  color:#40342b!important;
  font-size:16px!important;
  line-height:1.3!important;
  font-weight:900!important;
  letter-spacing:-.012em!important;
}
.baba-ke-preview .baba-ke-ingredient-group-title::before{
  content:"";
  position:absolute;
  left:0;
  top:.18em;
  width:4px;
  height:1.05em;
  border-radius:5px;
  background:linear-gradient(180deg,#ed8b2e,#efb14e);
}
.baba-ke-preview .baba-ke-ingredient{
  display:grid!important;
  grid-template-columns:34px minmax(0,1fr)!important;
  align-items:center!important;
  gap:10px!important;
  min-height:48px!important;
  padding:7px 4px!important;
  border-bottom:1px solid rgba(100,75,57,.072)!important;
}
.baba-ke-preview .baba-ke-ingredient:last-child{border-bottom:0!important}
.baba-ke-preview .baba-ke-check{
  width:28px!important;
  height:28px!important;
  border:1.5px solid rgba(215,173,103,.70)!important;
  background:rgba(255,255,255,.58)!important;
  box-shadow:0 3px 9px rgba(73,53,34,.025)!important;
}
.baba-ke-preview .baba-ke-ingredient-text{font-size:15.7px!important;line-height:1.46!important;color:#61574f!important}
.baba-ke-preview .baba-ke-amount{color:#3a312b!important;font-weight:900!important}

/* Kochmodus ist jetzt Teil des Zutatenpapiers, nicht mehr Fremdkoerper darunter. */
.baba-ke-preview .baba-ke-ingredients-tools{
  margin:20px -32px 0!important;
  border-top:1px solid rgba(112,80,57,.095)!important;
  background:linear-gradient(180deg,rgba(255,255,255,.38),rgba(249,240,227,.58))!important;
}
.baba-ke-preview .baba-ke-ingredients-tools .baba-ke-cookmode{
  margin:0!important;
  padding:14px 27px!important;
  border:0!important;
  border-radius:0 0 20px 20px!important;
  background:transparent!important;
  box-shadow:none!important;
}

/* Empfehlungen: Foto-CTA wie besprochen. */
.baba-ke-preview .baba-ke-rec-discover{
  position:relative;
  isolation:isolate;
  display:block;
  overflow:hidden;
  min-height:128px;
  margin-top:14px;
  border:1px solid rgba(122,87,60,.13);
  border-radius:17px;
  background:#2f251f;
  box-shadow:0 11px 25px rgba(49,34,24,.075);
  text-decoration:none!important;
}
.baba-ke-preview .baba-ke-rec-discover-media,.baba-ke-preview .baba-ke-rec-discover-media img{
  position:absolute!important;
  inset:0!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  margin:0!important;
  object-fit:cover!important;
}
.baba-ke-preview .baba-ke-rec-discover-overlay{
  position:absolute;
  z-index:1;
  inset:0;
  background:linear-gradient(90deg,rgba(35,26,20,.80) 0%,rgba(35,26,20,.52) 58%,rgba(35,26,20,.22) 100%);
}
.baba-ke-preview .baba-ke-rec-discover-copy{
  position:relative;
  z-index:2;
  display:flex;
  min-height:128px;
  flex-direction:column;
  justify-content:flex-end;
  padding:18px 46px 17px 17px;
  color:#fff;
}
.baba-ke-preview .baba-ke-rec-discover-copy small{
  margin-bottom:4px;
  color:#ffd5a7;
  font-size:9px;
  line-height:1.2;
  font-weight:900;
  letter-spacing:.10em;
  text-transform:uppercase;
}
.baba-ke-preview .baba-ke-rec-discover-copy strong{font-size:16px;line-height:1.15;font-weight:900;text-shadow:0 1px 6px rgba(0,0,0,.25)}
.baba-ke-preview .baba-ke-rec-discover-copy i{
  position:absolute;
  right:14px;
  bottom:16px;
  display:grid;
  place-items:center;
  width:29px;
  height:29px;
  border:1px solid rgba(255,255,255,.72);
  border-radius:50%;
  color:#fff;
  font-style:normal;
  font-size:16px;
}
@media (hover:hover){
  .baba-ke-preview .baba-ke-rec-discover{transition:transform .16s ease,box-shadow .16s ease}
  .baba-ke-preview .baba-ke-rec-discover:hover{transform:translateY(-2px);box-shadow:0 15px 30px rgba(49,34,24,.11)}
}

/* Desktop: Sidebar leicht ruhiger in die gemeinsame Buehne einbetten. */
@media (min-width:1180px){
  .baba-ke-preview .baba-ke-page-layout{grid-template-columns:minmax(0,940px) 340px!important;gap:27px!important}
  .baba-ke-preview .baba-ke-recommendations{
    background:linear-gradient(145deg,rgba(255,253,249,.93),rgba(251,244,234,.91))!important;
    border-color:rgba(121,86,61,.105)!important;
    box-shadow:0 16px 36px rgba(54,39,28,.055)!important;
  }
}

/* Tablet: Empfehlungen ohne Mini-Sidebar-Gefuehl. */
@media (min-width:690px) and (max-width:1179px){
  .baba-ke-preview .baba-ke-recommendations{max-width:100%!important}
  .baba-ke-preview .baba-ke-rec-track{grid-auto-flow:initial!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-auto-columns:auto!important;overflow:visible!important}
  .baba-ke-preview .baba-ke-rec-discover{min-height:155px}
}

/* Smartphone: eigener Bereich unter dem Rezept, 3 horizontale Karten + grosser CTA. */
@media (max-width:689px){
  .baba-ke-preview .baba-ke-page-layout::before{inset:-12px -8px -24px;border-radius:24px}
  .baba-ke-preview .baba-ke-page-layout::after{display:none}
  .baba-ke-preview .baba-ke-hero{width:100%!important;margin-bottom:16px!important;padding:6px!important;border-radius:17px!important}
  .baba-ke-preview .baba-ke-title{font-size:clamp(28px,7.8vw,37px)!important}
  .baba-ke-preview .baba-ke-detail-icon{width:30px!important;height:30px!important}
  .baba-ke-preview .baba-ke-detail-icon svg{width:25px!important;height:25px!important}
  .baba-ke-preview .baba-ke-ingredients{padding:24px 17px 0!important;border-left-width:3px!important;border-radius:20px!important}
  .baba-ke-preview .baba-ke-ingredients::after{right:12px!important;top:18px!important;font-size:55px!important}
  .baba-ke-preview .baba-ke-ingredient-group{padding-top:19px!important}
  .baba-ke-preview .baba-ke-ingredient-group + .baba-ke-ingredient-group{margin-top:4px!important;padding-top:22px!important}
  .baba-ke-preview .baba-ke-ingredient-group-title{padding-left:13px!important;font-size:15px!important}
  .baba-ke-preview .baba-ke-ingredient-group-title::before{width:3px!important}
  .baba-ke-preview .baba-ke-ingredient{grid-template-columns:32px minmax(0,1fr)!important;min-height:47px!important;padding:7px 1px!important}
  .baba-ke-preview .baba-ke-ingredient-text{font-size:15.5px!important}
  .baba-ke-preview .baba-ke-ingredients-tools{margin:17px -17px 0!important}
  .baba-ke-preview .baba-ke-ingredients-tools .baba-ke-cookmode{padding:13px 15px!important}

  .baba-ke-preview .baba-ke-recommendations{
    position:relative!important;
    top:auto!important;
    width:100%!important;
    max-width:100%!important;
    padding:21px 15px 15px!important;
    border-radius:20px!important;
  }
  .baba-ke-preview .baba-ke-rec-head{margin-bottom:14px!important}
  .baba-ke-preview .baba-ke-rec-head h2{font-size:25px!important}
  .baba-ke-preview .baba-ke-rec-head p{font-size:12.5px!important}
  .baba-ke-preview .baba-ke-rec-track{
    display:grid!important;
    grid-template-columns:1fr!important;
    grid-auto-flow:row!important;
    grid-auto-columns:auto!important;
    gap:10px!important;
    overflow:visible!important;
    padding:0!important;
  }
  .baba-ke-preview .baba-ke-rec-card{display:grid!important;grid-template-columns:118px minmax(0,1fr)!important;min-height:108px!important}
  .baba-ke-preview .baba-ke-rec-card:nth-child(n/**/+4){display:none!important}
  .baba-ke-preview .baba-ke-rec-media{height:100%!important;min-height:108px!important;aspect-ratio:auto!important}
  .baba-ke-preview .baba-ke-rec-body{padding:11px 35px 11px 12px!important}
  .baba-ke-preview .baba-ke-rec-body h3{font-size:14px!important;line-height:1.2!important}
  .baba-ke-preview .baba-ke-rec-meta{font-size:10px!important}
  .baba-ke-preview .baba-ke-rec-discover{min-height:150px!important;margin-top:13px!important}
  .baba-ke-preview .baba-ke-rec-discover-copy{min-height:150px!important;padding:20px 52px 18px 18px!important}
  .baba-ke-preview .baba-ke-rec-discover-copy strong{font-size:18px!important}
}

@media print{
  .baba-ke-preview .baba-ke-rec-discover{display:none!important}
}

/* =========================================================
   v0.9.1 – LOGIK + RUHIGER PREMIUM-FEINSCHLIFF
   - Koch-/Backzeit dynamisch
   - Aktionen auf Meta-Zeile
   - Koch-Modus bei Zubereitung
   - Überschriften dezenter
   - Kommentarbereich an Hauptspalte angeglichen
========================================================= */

/* Titel und Abschnittsüberschriften bewusst etwas leiser: hochwertig statt laut. */
.baba-ke-preview .baba-ke-title{
  font-size:clamp(30px,2.75vw,40px)!important;
  line-height:1.08!important;
  letter-spacing:-.034em!important;
  font-weight:800!important;
}
.baba-ke-preview .baba-ke-ingredients h2,.baba-ke-preview .baba-ke-directions h2{font-size:28px!important;line-height:1.1!important;font-weight:800!important;letter-spacing:-.025em!important}
.baba-ke-preview .baba-ke-tips>h2,.baba-ke-preview .baba-ke-tips>h3,.baba-ke-preview .baba-ke-tips>h4{font-size:25px!important;font-weight:800!important;letter-spacing:-.02em!important}
.baba-ke-preview .baba-ke-reader h2{font-size:23px!important;font-weight:800!important;letter-spacing:-.018em!important}


/* Sterne oben, darunter Meta und Aktionen auf exakt derselben Grundzeile. */
.baba-ke-preview .baba-ke-head-rail{align-items:flex-end!important}
.baba-ke-preview .baba-ke-actions{align-self:flex-end!important;margin-bottom:0!important}

/* Detailraster bleibt bei normalen Rezepten vierteilig; Sonderfälle mit
   Back- UND Kochzeit dürfen eine fünfte saubere Karte zeigen. */
@media (min-width:1180px){
  .baba-ke-preview .baba-ke-details{grid-template-columns:repeat(auto-fit,minmax(165px,1fr))!important}
}
.baba-ke-preview .baba-ke-detail--cooking_time .baba-ke-detail-icon{color:#c97828!important}

/* Kochmodus gehört semantisch zur Zubereitung. */
.baba-ke-preview .baba-ke-directions-tools{margin:14px 0 20px!important}
.baba-ke-preview .baba-ke-directions-tools .baba-ke-cookmode{
  margin:0!important;
  padding:13px 16px!important;
  border:1px solid rgba(188,124,56,.14)!important;
  border-radius:15px!important;
  background:linear-gradient(145deg,rgba(255,253,249,.90),rgba(251,244,234,.86))!important;
  box-shadow:0 7px 18px rgba(55,38,27,.032)!important;
}
.baba-ke-preview .baba-ke-ingredients-tools{display:none!important}

/* KI-Hinweis bleibt mittig, aber optisch eine Stufe ruhiger. */
.baba-ke-preview .baba-ke-hero figcaption{font-size:11px!important;color:#8b827b!important;margin-top:5px!important}

/* Die gemeinsame obere Bühne wird nur angedeutet, nicht als Muster gelesen. */
.baba-ke-preview .baba-ke-page-layout::before{
  background:
    radial-gradient(circle at 14% 4%,rgba(245,154,27,.044),transparent 27%),
    radial-gradient(circle at 88% 13%,rgba(193,143,92,.034),transparent 25%),
    linear-gradient(180deg,rgba(255,252,247,.965) 0%,rgba(255,249,240,.90) 47%,rgba(255,252,248,.94) 100%)!important;
  border-color:rgba(160,111,67,.045)!important;
}

/* Kommentare: gleiche Desktop-Achse/-Breite wie Tipps, nicht mittig schwebend. */





/* =========================================================
   v0.9.5 – gezielter Bugfix: Zutaten-Check + Kommentare
========================================================= */

/* 1) Zutaten: aktiver Zustand muss die spaetere !important-Basisregel schlagen. */
.baba-ke-preview .baba-ke-check[aria-pressed="true"]{
  border-color:#f29a1b!important;
  background:#f29a1b!important;
  box-shadow:0 5px 12px rgba(227,137,24,.18)!important;
}
.baba-ke-preview .baba-ke-check[aria-pressed="true"] span{
  display:block!important;
  width:8px!important;
  height:14px!important;
  border:solid #fff!important;
  border-width:0 3px 3px 0!important;
  transform:rotate(45deg) translate(-1px,-1px)!important;
}

/* 2) Kommentare: nach dem JS-Mount exakt Teil der Hauptspalte. */




/* WPZOOM fuehrt intern teils einen 0-Wert als technischen Stern. Nie anzeigen. */


/* In der Admin-Vorschau brauchen wir den WordPress-Edit-Link nicht im Layout. */
.baba-ke-preview .post-edit-link{display:none!important}

/* =========================================================
   v0.9.5 – SAFE COMMENT SLOT FIX
   Bewaehrte Strategie aus dem bisherigen Premium-Rezeptlayout:
   Nur .comment-respond wird verschoben, nie die Theme-Kommentarhuelle.
   Dadurch keine fremde Max-Breite, kein zentrierter Insel-Look und
   kein reservierter Leerraum durch Blocksy/WordPress-Wrapper.
========================================================= */




/* Bewusst einspaltig: stabil, wie das bewaehrte Premium-Formular. */



/* Leere Ursprungs-Huellen duerfen keinen unsichtbaren Abstand reservieren. */




/* =========================================================
   v0.9.9 – MOBILE PREMIUM COMPACT
   - Sterne + Meta linksbuendig
   - Aktionen kompakter unter Meta
   - Info-Karten deutlich flacher
   - Empfehlungen auf echten Smartphones nach Tipps
   - Empfehlungskarten + Foto-CTA deutlich kompakter
   Nur CSS + serverseitige Reihenfolge, keine zusaetzlichen Requests.
========================================================= */
@media (max-width:689px){
  /* Kopf: nicht mehr mittig auseinanderziehen. */
  .baba-ke-preview .baba-ke-head{
    padding-bottom:14px!important;
  }
  .baba-ke-preview .baba-ke-head-rail{
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    justify-content:flex-start!important;
    gap:11px!important;
    margin-top:14px!important;
    padding-top:13px!important;
  }
  .baba-ke-preview .baba-ke-head-info{
    width:100%!important;
    align-items:flex-start!important;
    gap:10px!important;
  }
  .baba-ke-preview .baba-ke-rating{
    width:100%!important;
    min-height:34px!important;
    justify-content:flex-start!important;
    align-self:stretch!important;
    gap:8px!important;
  }
  .baba-ke-preview .baba-ke-top-stars{
    justify-content:flex-start!important;
    gap:0!important;
  }
  .baba-ke-preview .baba-ke-top-star{
    width:27px!important;
    height:30px!important;
  }
  .baba-ke-preview .baba-ke-top-star svg{
    width:24px!important;
    height:24px!important;
  }
  .baba-ke-preview .baba-ke-rating-label{
    font-size:12.5px!important;
    padding:3px 1px!important;
  }

  /* Gang / Kueche / Schwierigkeit als kompakte linke Gruppe. */
  .baba-ke-preview .baba-ke-meta{
    display:flex!important;
    flex-wrap:wrap!important;
    justify-content:flex-start!important;
    align-items:flex-start!important;
    width:100%!important;
    gap:8px 15px!important;
  }
  .baba-ke-preview .baba-ke-meta-item{
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    justify-content:flex-start!important;
    width:auto!important;
    min-width:0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }
  .baba-ke-preview .baba-ke-meta-icon{display:none!important}
  .baba-ke-preview .baba-ke-meta-copy{gap:1px!important}
  .baba-ke-preview .baba-ke-meta-label{
    font-size:8.2px!important;
    letter-spacing:.085em!important;
  }
  .baba-ke-preview .baba-ke-meta-item strong{
    font-size:12.5px!important;
    line-height:1.15!important;
  }

  /* Aktionen direkt unter Meta, aber nicht als riesige CTA-Flaeche. */
  .baba-ke-preview .baba-ke-actions{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    align-self:stretch!important;
    width:100%!important;
    gap:8px!important;
    margin:2px 0 0!important;
  }
  .baba-ke-preview .baba-ke-action{
    width:100%!important;
    min-width:0!important;
    min-height:42px!important;
    padding:0 10px!important;
    font-size:12.5px!important;
    box-shadow:0 5px 13px rgba(53,35,23,.045)!important;
  }
  .baba-ke-preview .baba-ke-action svg{
    width:18px!important;
    height:18px!important;
  }

  /* Titel minimal ruhiger fuer kleine Displays. */
  .baba-ke-preview .baba-ke-title{
    font-size:clamp(27px,7.3vw,33px)!important;
    line-height:1.08!important;
  }
  .baba-ke-preview .baba-ke-author{font-size:14.5px!important}

  /* Info-Karten: 2x2, aber deutlich weniger Hoehe und Luft. */
  .baba-ke-preview .baba-ke-details{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
    margin:17px 0 19px!important;
  }
  .baba-ke-preview .baba-ke-detail{
    min-height:84px!important;
    padding:9px 8px 10px!important;
    border-radius:16px!important;
    box-shadow:0 7px 18px rgba(58,40,28,.042),inset 0 1px 0 rgba(255,255,255,.94)!important;
  }
  .baba-ke-preview .baba-ke-detail::before{
    left:14px!important;
    width:36px!important;
    height:2px!important;
  }
  .baba-ke-preview .baba-ke-detail-head{
    gap:2px!important;
    margin-bottom:3px!important;
  }
  .baba-ke-preview .baba-ke-detail-icon{
    width:25px!important;
    height:25px!important;
  }
  .baba-ke-preview .baba-ke-detail-icon svg{
    width:21px!important;
    height:21px!important;
  }
  .baba-ke-preview .baba-ke-detail-label{
    font-size:12.25px!important;
    line-height:1.15!important;
  }
  .baba-ke-preview .baba-ke-detail-value,.baba-ke-preview .baba-ke-serving-copy{
    font-size:13px!important;
    line-height:1.18!important;
  }
  .baba-ke-preview .baba-ke-detail-value strong{
    font-size:15.5px!important;
  }
  .baba-ke-preview .baba-ke-serving{
    grid-template-columns:34px minmax(0,1fr) 34px!important;
    gap:4px!important;
  }
  .baba-ke-preview .baba-ke-serving-btn{
    width:34px!important;
    height:34px!important;
    font-size:18px!important;
  }
  .baba-ke-preview .baba-ke-summary{
    margin:0 2px 22px!important;
    font-size:15.5px!important;
    line-height:1.58!important;
  }

  /* Empfehlungen stehen mobil direkt vor „Rezept anhören“. Derselbe Block wird nur verschoben. */
  .baba-ke-preview .baba-ke-recipe > .baba-ke-recommendations,
  .baba-ke-preview .baba-ke-page-main > .baba-ke-recommendations{
    margin:18px 0 18px!important;
  }
  .baba-ke-preview .baba-ke-recommendations{
    position:relative!important;
    top:auto!important;
    width:100%!important;
    max-width:100%!important;
    padding:16px 12px 12px!important;
    border-radius:18px!important;
    box-shadow:0 10px 25px rgba(54,39,28,.05)!important;
  }
  .baba-ke-preview .baba-ke-rec-head{
    margin-bottom:10px!important;
  }
  .baba-ke-preview .baba-ke-rec-kicker{
    font-size:8.5px!important;
    letter-spacing:.09em!important;
  }
  .baba-ke-preview .baba-ke-rec-head h2{
    margin-top:2px!important;
    font-size:22px!important;
    line-height:1.08!important;
  }
  .baba-ke-preview .baba-ke-rec-head p{
    margin-top:5px!important;
    font-size:11.5px!important;
    line-height:1.4!important;
  }
  .baba-ke-preview .baba-ke-rec-track{
    gap:8px!important;
  }
  .baba-ke-preview .baba-ke-rec-card{
    grid-template-columns:96px minmax(0,1fr)!important;
    min-height:88px!important;
    border-radius:14px!important;
  }
  .baba-ke-preview .baba-ke-rec-media{
    min-height:88px!important;
    height:88px!important;
    border-radius:14px 0 0 14px!important;
  }
  .baba-ke-preview .baba-ke-rec-body{
    min-height:88px!important;
    justify-content:center!important;
    padding:8px 28px 8px 10px!important;
  }
  .baba-ke-preview .baba-ke-rec-body h3{
    margin-bottom:5px!important;
    font-size:13px!important;
    line-height:1.16!important;
    display:-webkit-box!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:3!important;
    overflow:hidden!important;
  }
  .baba-ke-preview .baba-ke-rec-meta{
    gap:3px 6px!important;
    font-size:9px!important;
  }
  .baba-ke-preview .baba-ke-rec-body::after{
    right:7px!important;
    width:21px!important;
    height:21px!important;
    margin-top:-11px!important;
    font-size:12px!important;
  }
  .baba-ke-preview .baba-ke-rec-discover{
    min-height:105px!important;
    margin-top:10px!important;
    border-radius:15px!important;
  }
  .baba-ke-preview .baba-ke-rec-discover-copy{
    min-height:105px!important;
    padding:14px 42px 13px 14px!important;
  }
  .baba-ke-preview .baba-ke-rec-discover-copy small{
    margin-bottom:3px!important;
    font-size:8px!important;
  }
  .baba-ke-preview .baba-ke-rec-discover-copy strong{
    font-size:15px!important;
  }
  .baba-ke-preview .baba-ke-rec-discover-copy i{
    right:11px!important;
    bottom:12px!important;
    width:27px!important;
    height:27px!important;
  }
}

/* =========================================================
   v0.9.9 – MOBILE WIDTH + SCROLL PERFORMANCE SAFE FIX
   Ziel: kein horizontales Ueberlaufen, mehr Seitenluft und
   weniger teure Paint-Effekte auf Android-Smartphones.
   Ausschliesslich CSS; keine Daten-/Renderer-Logik geaendert.
========================================================= */
@media (max-width:689px){
  /* Die Premium-Buehne hatte negative horizontale Insets und konnte
     dadurch den Viewport minimal verbreitern. Auf Mobile strikt clippen. */
  body.baba-ke-preview{
    overflow-x:hidden!important;
  }
  .baba-ke-preview .baba-ke-page-layout{
    width:calc(100% - 24px)!important;
    max-width:calc(100% - 24px)!important;
    min-width:0!important;
    margin-left:auto!important;
    margin-right:auto!important;
    column-gap:0!important;
    row-gap:0!important;
  }
  .baba-ke-preview .baba-ke-page-main,.baba-ke-preview .baba-ke-recipe,.baba-ke-preview .baba-ke-head,.baba-ke-preview .baba-ke-hero,.baba-ke-preview .baba-ke-ingredients,.baba-ke-preview .baba-ke-directions,.baba-ke-preview .baba-ke-reader,.baba-ke-preview .baba-ke-tips,.baba-ke-preview .baba-ke-recommendations{
    min-width:0!important;
    max-width:100%!important;
  }

  /* Keine negative Seitenbreite mehr durch den dekorativen Hintergrund. */
  .baba-ke-preview .baba-ke-page-layout::before{
    inset:-8px 0 -18px!important;
    border-radius:22px!important;
    background:linear-gradient(180deg,#fffaf2 0%,#fffdf9 100%)!important;
    box-shadow:none!important;
  }
  .baba-ke-preview .baba-ke-page-layout::after{display:none!important}

  /* Hero etwas mehr Luft zur Displaykante, aber volle Inhaltsbreite. */
  .baba-ke-preview .baba-ke-hero{
    width:100%!important;
    margin-left:0!important;
    margin-right:0!important;
    box-shadow:0 3px 10px rgba(57,38,24,.045)!important;
  }

  /* Android: grosse Blur-Shadows + mehrere Radial-Gradienten kosten Paint.
     Auf Mobile gleiche Farbwelt, aber deutlich leichtere Oberflaechen. */
  .baba-ke-preview .baba-ke-detail,.baba-ke-preview .baba-ke-ingredients,.baba-ke-preview .baba-ke-directions,.baba-ke-preview .baba-ke-step,.baba-ke-preview .baba-ke-reader,.baba-ke-preview .baba-ke-tips,.baba-ke-preview .baba-ke-recommendations{
    box-shadow:0 3px 10px rgba(55,38,27,.035)!important;
  }
  .baba-ke-preview .baba-ke-detail{
    background:linear-gradient(145deg,#fffdf9,#fbf6ee)!important;
  }
  .baba-ke-preview .baba-ke-detail::after{display:none!important}
  .baba-ke-preview .baba-ke-ingredients{
    background:linear-gradient(145deg,#fffdf9,#fff8ee)!important;
  }
  .baba-ke-preview .baba-ke-ingredients::before{display:none!important}
  .baba-ke-preview .baba-ke-directions{
    background:linear-gradient(145deg,#fffdf9,#fffaf3)!important;
  }
  .baba-ke-preview .baba-ke-step{
    background:#fffdf9!important;
  }
  .baba-ke-preview .baba-ke-reader,.baba-ke-preview .baba-ke-tips,.baba-ke-preview .baba-ke-recommendations{
    background:#fffaf3!important;
  }

  /* Keine Hover-/Lift-Komposition auf Touch-Geraeten. */
  .baba-ke-preview .baba-ke-action,.baba-ke-preview .baba-ke-top-star,.baba-ke-preview .baba-ke-serving-btn,.baba-ke-preview .baba-ke-rec-card,.baba-ke-preview .baba-ke-rec-discover{
    transition:none!important;
    transform:none!important;
  }

  /* Auch verschachtelte Bilder/Controls duerfen nie breiter als ihre Spalte sein. */
  .baba-ke-preview img,.baba-ke-preview figure,.baba-ke-preview button,.baba-ke-preview input,.baba-ke-preview textarea,.baba-ke-preview select{
    max-width:100%!important;
  }
}

/* =========================================================
   v0.9.9 – REZEPT-ABLAUF + MOBILE SWIPE
   Feste Reihenfolge:
   Zubereitung -> Tipps & Hinweise -> Rezept anhoeren.
   Mobile danach: Baba empfiehlt dir als horizontale Wischleiste.
   Kein Slider-JS, nur natives overflow-x + scroll-snap.
========================================================= */
.baba-ke-preview .baba-ke-rec-discover--mobile{display:none!important}
.baba-ke-preview .baba-ke-rec-discover--desktop{display:block}
.baba-ke-preview .baba-ke-directions + .baba-ke-tips{margin-top:24px!important}
.baba-ke-preview .baba-ke-tips + .baba-ke-reader{margin-top:18px!important}

@media (max-width:689px){
  .baba-ke-preview .baba-ke-directions + .baba-ke-tips{margin-top:16px!important}
  .baba-ke-preview .baba-ke-tips + .baba-ke-reader{margin-top:12px!important}

  /* Empfehlungen sitzen im mobilen Lesefluss direkt nach dem Rezeptleser. */
  .baba-ke-preview .baba-ke-recipe > .baba-ke-recommendations,.baba-ke-preview .baba-ke-reader + .baba-ke-recommendations{
    position:relative!important;
    top:auto!important;
    width:100%!important;
    max-width:100%!important;
    margin:16px 0 20px!important;
    padding:15px 12px 13px!important;
    overflow:hidden!important;
    border-radius:18px!important;
  }

  .baba-ke-preview .baba-ke-rec-head{margin-bottom:10px!important}
  .baba-ke-preview .baba-ke-rec-head p{margin-bottom:0!important}

  /* Eine Reihe zum Links-/Rechtswischen. Die naechste Karte bleibt leicht
     sichtbar, damit die Wischfunktion ohne Erklaertext verstanden wird. */
  .baba-ke-preview .baba-ke-rec-track{
    display:flex!important;
    grid-template-columns:none!important;
    gap:10px!important;
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    padding:2px 18px 7px 0!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scroll-snap-type:x mandatory!important;
    scroll-padding-left:0!important;
    overscroll-behavior-inline:contain!important;
    -webkit-overflow-scrolling:touch!important;
    scrollbar-width:none!important;
    touch-action:pan-x pan-y!important;
  }
  .baba-ke-preview .baba-ke-rec-track::-webkit-scrollbar{display:none!important}

  .baba-ke-preview .baba-ke-rec-card,.baba-ke-preview .baba-ke-rec-card:nth-child(n/**/+4){
    display:grid!important;
    flex:0 0 min(82vw,310px)!important;
    width:min(82vw,310px)!important;
    max-width:min(82vw,310px)!important;
    min-width:250px!important;
    min-height:90px!important;
    grid-template-columns:98px minmax(0,1fr)!important;
    scroll-snap-align:start!important;
    scroll-snap-stop:normal!important;
  }
  .baba-ke-preview .baba-ke-rec-media{
    width:98px!important;
    min-width:98px!important;
    height:90px!important;
    min-height:90px!important;
  }
  .baba-ke-preview .baba-ke-rec-body{
    min-height:90px!important;
    padding:8px 28px 8px 10px!important;
  }

  /* Der Entdecken-CTA ist die letzte Wischkarte statt eines weiteren
     grossen Blocks unter der Liste. */
  .baba-ke-preview .baba-ke-rec-discover--desktop{display:none!important}
  .baba-ke-preview .baba-ke-rec-discover--mobile{
    display:block!important;
    flex:0 0 min(82vw,310px)!important;
    width:min(82vw,310px)!important;
    max-width:min(82vw,310px)!important;
    min-width:250px!important;
    min-height:90px!important;
    height:90px!important;
    margin:0!important;
    scroll-snap-align:start!important;
    border-radius:14px!important;
  }
  .baba-ke-preview .baba-ke-rec-discover--mobile .baba-ke-rec-discover-copy{
    min-height:90px!important;
    height:90px!important;
    padding:13px 38px 12px 13px!important;
  }
  .baba-ke-preview .baba-ke-rec-discover--mobile .baba-ke-rec-discover-copy strong{
    font-size:14px!important;
    line-height:1.12!important;
  }
  .baba-ke-preview .baba-ke-rec-discover--mobile .baba-ke-rec-discover-copy i{
    right:9px!important;
    bottom:10px!important;
    width:25px!important;
    height:25px!important;
  }
}

/* =========================================================
   v0.9.9 – SAFE REIHENFOLGE FIX
   1) Zubereitung -> Tipps & Hinweise -> Rezept anhoeren
   2) Desktop: Empfehlungen rechts, Kommentare links darunter
   3) Smartphone/Tablet: Empfehlungen VOR den Kommentaren
   Keine Device-Erkennung auf PHP-Seite; nur stabiles CSS-Grid.
========================================================= */






/* Der gewuenschte Rezeptfluss soll sichtbar eng zusammenliegen. */
.baba-ke-preview .baba-ke-directions + .baba-ke-tips{margin-top:24px!important}
.baba-ke-preview .baba-ke-tips + .baba-ke-reader{margin-top:18px!important}

@media (max-width:1179px){
  
  .baba-ke-preview .baba-ke-page-layout > .baba-ke-recommendations{
    position:relative!important;
    top:auto!important;
    width:100%!important;
    max-width:100%!important;
    margin:18px 0 18px!important;
  }
  
}

@media (max-width:689px){
  .baba-ke-preview .baba-ke-directions + .baba-ke-tips{margin-top:16px!important}
  .baba-ke-preview .baba-ke-tips + .baba-ke-reader{margin-top:12px!important}

  /* Mobile: Baba empfiehlt dir sitzt garantiert zwischen Reader und Kommentaren. */
  .baba-ke-preview .baba-ke-page-layout > .baba-ke-recommendations{
    position:relative!important;
    top:auto!important;
    width:100%!important;
    max-width:100%!important;
    margin:14px 0 16px!important;
    padding:15px 12px 13px!important;
    overflow:hidden!important;
    border-radius:18px!important;
  }
  
  
}

/* =========================================================
   v0.10.14 – MOBILE RENDERING PERFORMANCE + BUEHNE
   Ziel: gleiche Premium-Optik, aber weniger Repaint/Layout-Arbeit
   auf Android. Rein CSS; keine Rezept-/Datenlogik veraendert.
========================================================= */

/* Desktop: die Rezept-Buehne etwas naeher an das Hauptmenue ziehen.
   Nur ein kleiner Rhythmus-Fix, kein Eingriff in Header/Theme. */
@media (min-width:1180px){
  .baba-ke-preview .baba-ke-page-layout{
    margin-top:-12px!important;
  }
}

@media (max-width:689px){
  /* Mobile bekommt EINE echte, durchgehende warme Flaeche statt eines
     grossen, viewportweiten Pseudo-Layers. Das entfernt die sichtbare
     weisse Unterbrechung und spart gleichzeitig Paint-Arbeit. */
  .baba-ke-preview .baba-ke-page-layout{
    position:relative!important;
    isolation:auto!important;
    overflow:visible!important;
    border:1px solid rgba(160,111,67,.055)!important;
    border-radius:22px!important;
    background:linear-gradient(180deg,#fffaf2 0%,#fff9f0 52%,#fffdf9 100%)!important;
    box-shadow:none!important;
  }
  .baba-ke-preview .baba-ke-page-layout::before,.baba-ke-preview .baba-ke-page-layout::after{
    display:none!important;
    content:none!important;
  }
  .baba-ke-preview .baba-ke-page-main,.baba-ke-preview .baba-ke-recipe{
    background:transparent!important;
  }

  /* Offscreen-Rendering: der Browser darf grosse Bereiche ueberspringen,
     bis sie in Viewport-Naehe kommen. auto merkt sich nach dem ersten
     Rendern die echte Hoehe und verhindert spaetere Layoutspruenge. */
  .baba-ke-preview .baba-ke-ingredients{
    content-visibility:auto;
    contain-intrinsic-size:auto 1050px;
  }
  .baba-ke-preview .baba-ke-step{
    content-visibility:auto;
    contain-intrinsic-size:auto 620px;
  }
  .baba-ke-preview .baba-ke-tips{
    content-visibility:auto;
    contain-intrinsic-size:auto 300px;
  }
  .baba-ke-preview .baba-ke-reader{
    content-visibility:auto;
    contain-intrinsic-size:auto 390px;
  }
  .baba-ke-preview .baba-ke-recommendations{
    content-visibility:auto;
    contain-intrinsic-size:auto 250px;
  }
  

  /* Auf Touch sind tiefe Blur-Shadows optisch kaum noetig, aber teuer.
     Rahmen/Farbkontrast tragen die Premium-Hierarchie weiter. */
  .baba-ke-preview .baba-ke-detail,.baba-ke-preview .baba-ke-ingredients,.baba-ke-preview .baba-ke-step,.baba-ke-preview .baba-ke-step-media,.baba-ke-preview .baba-ke-step-media img,.baba-ke-preview .baba-ke-reader,.baba-ke-preview .baba-ke-tips,.baba-ke-preview .baba-ke-recommendations,.baba-ke-preview .baba-ke-rec-card,.baba-ke-preview .baba-ke-rec-discover{
    box-shadow:none!important;
  }
  .baba-ke-preview .baba-ke-serving-btn{
    box-shadow:0 2px 5px rgba(23,29,36,.13)!important;
  }

  /* Rein dekorative Layer auf Mobile nicht malen. */
  .baba-ke-preview .baba-ke-section-mark,.baba-ke-preview .baba-ke-directions-mark,.baba-ke-preview .baba-ke-reader-mark,.baba-ke-preview .baba-ke-tips-mark,.baba-ke-preview .baba-ke-ingredients-glow{
    display:none!important;
  }

  /* Noch einfachere Oberflaechen: keine grossen Radial-Highlights. */
  .baba-ke-preview .baba-ke-detail,.baba-ke-preview .baba-ke-ingredients,.baba-ke-preview .baba-ke-reader,.baba-ke-preview .baba-ke-tips,.baba-ke-preview .baba-ke-recommendations{
    background:#fffaf3!important;
  }
  .baba-ke-preview .baba-ke-step{
    background:#fffdf9!important;
  }

  /* Bewegte/Lift-Effekte auf Touch komplett vermeiden. */
  .baba-ke-preview .baba-ke-action,.baba-ke-preview .baba-ke-top-star,.baba-ke-preview .baba-ke-serving-btn,.baba-ke-preview .baba-ke-rec-card,.baba-ke-preview .baba-ke-rec-discover,.baba-ke-preview .baba-ke-reader-controls button{
    transition:none!important;
    animation:none!important;
  }
}

/* =========================================================
   v0.10.14 – RHYTHM + MOBILE SMOOTHNESS SAFE FIX
   Gesammelte Punkte:
   - einheitlicher vertikaler Rhythmus
   - weniger Leerraum unter dem Header
   - Reader -> Kommentar auf Desktop enger
   - content-visibility wieder entfernt (Android-Mikroruckler)
   - Mobile-Oberflaechen bewusst simpel halten
   Nur Layout/CSS; keine Rezeptdaten oder Funktionen geaendert.
========================================================= */

/* Desktop: Bühne etwas näher ans Menü und Kommentare nicht durch eine
   über zwei Zeilen gespannte Sidebar auseinanderziehen lassen. */
@media (min-width:1180px){
  
  /* Der Reader ist der letzte echte Rezeptblock. Sein alter Bottom-Margin
     plus der Kommentar-Margin erzeugte sichtbar doppelte Luft. */
  .baba-ke-preview .baba-ke-reader{
    margin-bottom:0!important;
  }
  
}

@media (max-width:689px){
  /* Der Theme-Content startet auf dem Smartphone mit viel Luft unter dem
     Header. Die komplette Baba-Bühne (inkl. Breadcrumbs) näher heranziehen,
     ohne den Theme-Header selbst anzufassen. */
  .baba-ke-preview .baba-ke-page-layout{
    margin-top:-46px!important;
    background:#fffaf3!important;
  }

  /* v0.9.10 nutzte content-visibility:auto. Auf einigen Android/Chrome-
     Geräten entsteht beim erstmaligen Sichtbarwerden eines grossen Blocks
     ein kleiner Render-Hänger. Für diese Rezeptseite ist simples, bereits
     fertiges Layout flüssiger. */
  .baba-ke-preview .baba-ke-ingredients,.baba-ke-preview .baba-ke-step,.baba-ke-preview .baba-ke-tips,.baba-ke-preview .baba-ke-reader,.baba-ke-preview .baba-ke-recommendations{
    content-visibility:visible!important;
    contain-intrinsic-size:none!important;
    contain:none!important;
  }

  /* EIN vertikaler Rhythmus für den gesamten Rezeptfluss. */
  .baba-ke-preview .baba-ke-ingredients{
    margin-bottom:14px!important;
  }
  .baba-ke-preview .baba-ke-directions{
    margin-top:0!important;
    margin-bottom:0!important;
  }
  .baba-ke-preview .baba-ke-directions + .baba-ke-tips{
    margin-top:14px!important;
  }
  .baba-ke-preview .baba-ke-tips{
    margin-bottom:0!important;
  }
  .baba-ke-preview .baba-ke-tips + .baba-ke-reader,.baba-ke-preview .baba-ke-reader{
    margin-top:14px!important;
  }
  .baba-ke-preview .baba-ke-reader{
    margin-bottom:0!important;
  }
  .baba-ke-preview .baba-ke-page-layout > .baba-ke-recommendations{
    margin:14px 0 0!important;
  }
  

  /* Innenabstände harmonisieren. Optik bleibt gleich, die Blöcke wirken
     aber nicht mehr abwechselnd sehr luftig und sehr eng. */
  .baba-ke-preview .baba-ke-tips{
    padding:22px 20px 20px!important;
  }
  .baba-ke-preview .baba-ke-reader{
    padding:22px 20px 20px!important;
  }
  .baba-ke-preview .baba-ke-recommendations{
    padding:16px 13px 14px!important;
  }

  /* Möglichst billige Paint-Flächen auf Touch: keine grossen Blur-Schatten,
     keine versteckten Filter/Masken. Rahmen und Farbkontrast reichen. */
  .baba-ke-preview .baba-ke-page-layout,.baba-ke-preview .baba-ke-hero,.baba-ke-preview .baba-ke-detail,.baba-ke-preview .baba-ke-ingredients,.baba-ke-preview .baba-ke-directions,.baba-ke-preview .baba-ke-step,.baba-ke-preview .baba-ke-step-media,.baba-ke-preview .baba-ke-reader,.baba-ke-preview .baba-ke-tips,.baba-ke-preview .baba-ke-recommendations,.baba-ke-preview .baba-ke-rec-card,.baba-ke-preview .baba-ke-rec-discover{
    box-shadow:none!important;
    filter:none!important;
    backdrop-filter:none!important;
  }

  /* Auf Mobile keinerlei dekorative Layer, die beim Scrollen neu gemalt
     werden müssten. */
  .baba-ke-preview .baba-ke-page-layout::before,.baba-ke-preview .baba-ke-page-layout::after,.baba-ke-preview .baba-ke-detail::after,.baba-ke-preview .baba-ke-ingredients::before,.baba-ke-preview .baba-ke-directions::after,.baba-ke-preview .baba-ke-reader::after,.baba-ke-preview .baba-ke-section-mark,.baba-ke-preview .baba-ke-directions-mark,.baba-ke-preview .baba-ke-reader-mark,.baba-ke-preview .baba-ke-tips-mark,.baba-ke-preview .baba-ke-ingredients-glow{
    display:none!important;
    content:none!important;
  }

  /* Die lange Rezeptseite soll vertikal scrollen; horizontale Swipe-Karten
     bleiben davon unabhängig. */
  body.baba-ke-preview{
    overscroll-behavior-y:auto!important;
  }
}

/* =========================================================
   v0.10.14 – TYPOGRAFIE + SEO-FEINSCHLIFF
   Design bleibt Baba; nur Hierarchie und Konsistenz werden ruhiger.
========================================================= */

/* H1 bleibt technisch H1, wirkt aber mehr wie Premium-Kochmagazin. */
.baba-ke-preview .baba-ke-title{
  font-size:clamp(34px,2.45vw,39px)!important;
  line-height:1.10!important;
  letter-spacing:-.026em!important;
  font-weight:760!important;
  color:#17191b!important;
}
.baba-ke-preview .baba-ke-author{margin-top:6px!important}

/* Abschnittshierarchie: H2 klar, aber nicht klopperhaft. */
.baba-ke-preview .baba-ke-ingredients h2,.baba-ke-preview .baba-ke-directions h2{
  font-size:26px!important;
  line-height:1.12!important;
  letter-spacing:-.018em!important;
  font-weight:780!important;
}
.baba-ke-preview .baba-ke-tips>h2,.baba-ke-preview .baba-ke-tips>h3,.baba-ke-preview .baba-ke-tips>h4{
  font-size:24px!important;
  line-height:1.15!important;
  letter-spacing:-.016em!important;
  font-weight:770!important;
}
.baba-ke-preview .baba-ke-reader h2{
  font-size:22px!important;
  line-height:1.15!important;
  letter-spacing:-.014em!important;
  font-weight:770!important;
}


/* Portionenzahl genauso betonen wie Zeit- und Kalorienwerte. */
.baba-ke-preview .baba-ke-serving-value{
  font-weight:850!important;
  color:#343b43!important;
}

/* Step-Anker sollen unter Sticky Header sauber landen. */
.baba-ke-preview .baba-ke-step{scroll-margin-top:110px}

@media (min-width:1180px){
  /* Reader -> Kommentar: keine doppelte Luft. */
  .baba-ke-preview .baba-ke-reader{margin-bottom:0!important}
  
}

@media (max-width:689px){
  .baba-ke-preview .baba-ke-title{
    font-size:clamp(29px,7vw,32px)!important;
    line-height:1.12!important;
    letter-spacing:-.020em!important;
    font-weight:750!important;
  }
  .baba-ke-preview .baba-ke-author{margin-top:5px!important;font-size:14px!important}
  .baba-ke-preview .baba-ke-ingredients h2,.baba-ke-preview .baba-ke-directions h2{font-size:25px!important;font-weight:780!important}
  .baba-ke-preview .baba-ke-tips>h2,.baba-ke-preview .baba-ke-tips>h3,.baba-ke-preview .baba-ke-tips>h4{font-size:23px!important;font-weight:770!important}
  .baba-ke-preview .baba-ke-reader h2{font-size:22px!important;font-weight:770!important}
  .baba-ke-preview .baba-ke-serving-value{font-size:15.5px!important}
}

/* =========================================================
   v0.10.14 – TITEL-TYPOGRAFIE FEINSCHLIFF
   Nur die Rezept-H1 wird minimal ruhiger: gleiche Größe,
   etwas leichter, luftiger und mit weniger hartem Tracking.
========================================================= */
.baba-ke-preview .baba-ke-title{
  line-height:1.13!important;
  letter-spacing:-.020em!important;
  font-weight:730!important;
}

@media (max-width:689px){
  .baba-ke-preview .baba-ke-title{
    line-height:1.15!important;
    letter-spacing:-.016em!important;
    font-weight:720!important;
  }
}

/* =========================================================
   v0.10.14 – KOMMENTARE PREMIUM / BABA-TIPP / PILOT-FEINSCHLIFF
   Finale Overrides: echte Kommentare werden per JS in den Baba-Slot
   verschoben und stehen immer VOR dem Kommentarformular.
========================================================= */







/* Der Avatar darf von keinem Theme-CSS mehr horizontal gestreckt werden. */










/* WPZOOMs ausgegebene Sterne innerhalb vorhandener Kommentare kompakt halten. */


/* Das Formular ist nach dem Verschieben immer der letzte Block der Kommentarbox. */

/* Baba-Tipp: dieselbe Premium-Kartenlogik wie Tipps & Hinweise. */
body.baba-ke-preview .baba-ke-tips{
  margin-top:14px!important;
  padding:23px 24px 22px!important;
  border:1px solid rgba(181,116,57,.18)!important;
  border-left:4px solid #f39a23!important;
  border-radius:20px!important;
  background:#fffaf3!important;
  box-shadow:0 9px 26px rgba(54,38,27,.04)!important;
}

@media (max-width:689px){
  
  
  
  
  
  
  
  
  body.baba-ke-preview .baba-ke-tips{
    padding:20px 18px 19px!important;
    border-radius:17px!important;
    box-shadow:none!important;
  }
}

/* =========================================================
   v0.10.14 – BABA-TIPP + KOMMENTAR-RHYTHMUS
   - Baba-Tipp ist garantiert eine echte Karte
   - Kommentarbereich sitzt direkt darunter
   - Blocksy/Theme-Innencontainer verlieren fremde Max-Breiten
   - Formular steht direkt hinter der Kommentarliste
========================================================= */
body.baba-ke-preview .baba-ke-page-main{
  margin-bottom:0!important;
  padding-bottom:0!important;
}
body.baba-ke-preview .baba-ke-baba-tip{
  display:block!important;
  width:100%!important;
  max-width:none!important;
  margin:14px 0 0!important;
  padding:23px 24px 22px!important;
  border:1px solid rgba(181,116,57,.18)!important;
  border-left:4px solid #f39a23!important;
  border-radius:20px!important;
  background:radial-gradient(circle at 96% 10%,rgba(244,169,67,.08),transparent 27%),linear-gradient(145deg,#fffdf9,#fbf4e9)!important;
  box-shadow:0 9px 26px rgba(54,38,27,.04)!important;
}
body.baba-ke-preview .baba-ke-baba-tip>h2,body.baba-ke-preview .baba-ke-baba-tip>h3,body.baba-ke-preview .baba-ke-baba-tip>h4{
  margin:0 0 10px!important;
  padding:0 0 10px!important;
  border-bottom:1px solid rgba(122,84,56,.10)!important;
}
body.baba-ke-preview .baba-ke-baba-tip>p,body.baba-ke-preview .baba-ke-baba-tip>ul,body.baba-ke-preview .baba-ke-baba-tip>ol{
  margin:0!important;
  padding:4px 0 0!important;
}






@media (max-width:689px){
  body.baba-ke-preview .baba-ke-baba-tip{
    margin-top:12px!important;
    padding:20px 18px 19px!important;
    border-radius:17px!important;
    box-shadow:none!important;
  }
  
}

/* v0.10.14: Rezept-Metawerte niemals per CSS in Versalien zwingen.
 * So bleibt z. B. „Soßen“ exakt wie in den Rezeptdaten und wird nicht zu „SOSSEN“. */
.baba-ke-preview .baba-ke-meta-item strong,.baba-ke-preview .baba-ke-meta-copy strong{
  text-transform:none!important;
}


/* =========================================================
   v0.10.14 – KOMMENTAR-STACK FINAL
   Titel + Kommentar(e) + Formular liegen in einem eigenen Baba-Stack.
   Theme-Innenbreiten und alte Grid-/Spacer-Abstaende koennen den Bereich
   dadurch nicht mehr einruecken oder auseinanderziehen.
========================================================= */







/* Nur leere Theme-Huellen ausserhalb des neuen Stacks verschwinden. */

/* Der letzte Baba-Tipp und die Kommentare bekommen exakt EINEN Abstand. */
body.baba-ke-preview .baba-ke-page-main > .baba-ke-baba-tip:last-child{
  margin-bottom:0!important;
}



/* =========================================================
   v0.10.18 – KOMMENTAR-VORSCHAU + ALLE-KOMMENTARE-PANEL
   - Maximal 3 Kommentare bleiben im normalen Seitenfluss.
   - Mehr Kommentare öffnen in einem eigenen Overlay statt die
     Rezeptseite endlos zu verlängern.
   - Das Formular bleibt direkt NACH der Vorschau.
========================================================= */






















/* Formular garantiert direkt unter der 3er-Vorschau statt davor/dahinter. */




/* =========================================================
   v0.10.18 – BLOCKSY KOMMENTARLISTE ROBUST
   Die echte native Liste bekommt unabhaengig von ihrem Theme-Klassennamen
   eine Baba-Klasse und wird garantiert VOR dem Formular einsortiert.
========================================================= */








/* =========================================================
   v0.10.18 – SERVERSEITIGE KOMMENTARE, KEIN CLS
   Ueberschrift, Kommentarliste und Formular kommen bereits in finaler
   Reihenfolge aus PHP. JavaScript darf hier nur noch das optionale Panel
   oeffnen/schliessen – niemals Nodes verschieben oder neu einsortieren.
========================================================= */







/* Nur die ersten drei Top-Level-Threads bleiben in der Rezeptseite sichtbar. */



/* Nach bewusstem Nutzer-Klick wird dieselbe serverseitige Liste zum Panel.
   Kein appendChild/insertBefore: IDs, Reply-Links und Rating-DOM bleiben an Ort. */










/* =========================================================
   v0.10.20 – KOMMENTARBREITE / AUSRICHTUNG FINAL
   Nur Layout. Keine DOM-Verschiebung, keine Rezeptdaten.
   Ziel: Kommentare + Formular exakt auf derselben Hauptspalte
   wie Baba-Tipp, Zutaten, Schritte und Reader.
========================================================= */




/* Blocksy/Walker-Fallback: egal ob article.comment-body oder div.comment-body. */



@media (min-width:1180px){
  
  body.baba-ke-preview .baba-ke-page-layout > .baba-ke-page-main{
    grid-column:1!important;
    min-width:0!important;
    width:100%!important;
    max-width:none!important;
  }
  
  
}






/* =========================================================
   v0.10.20 – KOMMENTARE DIREKT IN DER BABA-HAUPTSPALTE
   Kein separates Grid-Item, kein DOM-Umhaengen, kein CLS.
   Die Karten besitzen eigenes Markup und sind nicht mehr von
   Blocksy-Kommentarstrukturen oder Theme-Max-Breiten abhängig.
========================================================= */























/* Formular: exakt dieselbe Breite wie die Kommentar-Karten und Baba-Tipp. */

/* =========================================================
   v0.10.36 – COMMUNITY KOMPLETT NEU, EINMALIG UND SERVERSEITIG
   - keine Blocksy-Kommentarbreiten
   - keine alten Baba-Kommentar-Slots
   - kein DOM-Verschieben / kein CLS
   - exakt die Breite der Baba-Hauptspalte
========================================================= */
body.baba-ke-preview .baba-ke-page-main > .baba-ke-community{
  box-sizing:border-box!important;
  display:block!important;
  position:relative!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  margin:18px 0 32px!important;
  padding:0!important;
  left:auto!important;
  right:auto!important;
  transform:none!important;
  float:none!important;
  clear:both!important;
  text-align:left!important;
}
body.baba-ke-preview .baba-ke-page-main > .baba-ke-baba-tip + .baba-ke-community{
  margin-top:18px!important;
}
body.baba-ke-preview .baba-ke-community-title{
  box-sizing:border-box!important;
  display:block!important;
  width:100%!important;
  max-width:none!important;
  margin:0 0 14px!important;
  padding:0!important;
  color:#171717!important;
  font-family:inherit!important;
  font-size:30px!important;
  line-height:1.12!important;
  letter-spacing:-.028em!important;
  font-weight:850!important;
  text-align:left!important;
}
body.baba-ke-preview .baba-ke-community-shell,
body.baba-ke-preview .baba-ke-community-scroll,
body.baba-ke-preview .baba-ke-community-list,
body.baba-ke-preview .baba-ke-community-children{
  box-sizing:border-box!important;
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  list-style:none!important;
}
body.baba-ke-preview .baba-ke-community-list{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  gap:13px!important;
}
body.baba-ke-preview .baba-ke-community-list > .baba-ke-community-item:nth-child(n+4){
  display:none!important;
}
body.baba-ke-preview .baba-ke-community-shell.is-open .baba-ke-community-list > .baba-ke-community-item:nth-child(n+4){
  display:block!important;
}
body.baba-ke-preview .baba-ke-community-children{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  gap:10px!important;
  margin-top:10px!important;
  padding-left:46px!important;
}
body.baba-ke-preview .baba-ke-community-item{
  box-sizing:border-box!important;
  display:block!important;
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  float:none!important;
  position:static!important;
  transform:none!important;
}
body.baba-ke-preview .baba-ke-community-card{
  box-sizing:border-box!important;
  display:block!important;
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  margin:0!important;
  padding:21px 23px!important;
  border:1px solid rgba(181,116,57,.18)!important;
  border-radius:20px!important;
  background:linear-gradient(145deg,#fffdf9 0%,#fbf5ed 100%)!important;
  box-shadow:0 10px 27px rgba(54,38,27,.045)!important;
  color:#65707a!important;
  float:none!important;
  position:relative!important;
  left:auto!important;
  right:auto!important;
  transform:none!important;
}
body.baba-ke-preview .baba-ke-community-card-head{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:18px!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
}
body.baba-ke-preview .baba-ke-community-author{
  display:flex!important;
  align-items:flex-start!important;
  gap:13px!important;
  min-width:0!important;
}
body.baba-ke-preview .baba-ke-community-avatar{
  display:block!important;
  flex:0 0 58px!important;
  width:58px!important;
  height:58px!important;
  margin:0!important;
  padding:0!important;
}
body.baba-ke-preview .baba-ke-community-avatar img,
body.baba-ke-preview img.baba-ke-community-avatar-img{
  display:block!important;
  width:58px!important;
  height:58px!important;
  max-width:58px!important;
  max-height:58px!important;
  margin:0!important;
  padding:0!important;
  border-radius:50%!important;
  object-fit:cover!important;
}
body.baba-ke-preview .baba-ke-community-author-copy{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  min-width:0!important;
  padding-top:2px!important;
}
body.baba-ke-preview .baba-ke-community-name{
  display:block!important;
  margin:0!important;
  color:#171717!important;
  font-size:16px!important;
  line-height:1.25!important;
  font-weight:850!important;
}
body.baba-ke-preview .baba-ke-community-stars{
  display:flex!important;
  align-items:center!important;
  gap:1px!important;
  margin-top:7px!important;
  color:#ed9b17!important;
  font-size:20px!important;
  line-height:1!important;
  letter-spacing:0!important;
}
body.baba-ke-preview .baba-ke-community-meta{
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:5px 13px!important;
  margin:3px 0 0!important;
  color:#756f69!important;
  font-size:10.5px!important;
  line-height:1.35!important;
  text-align:right!important;
}
body.baba-ke-preview .baba-ke-community-meta a{
  color:#706b66!important;
  font:inherit!important;
  text-decoration:underline!important;
  text-underline-offset:2px!important;
}
body.baba-ke-preview .baba-ke-community-content{
  box-sizing:border-box!important;
  display:block!important;
  width:auto!important;
  max-width:none!important;
  margin:12px 0 0 71px!important;
  padding:0!important;
  color:#65707a!important;
  font-size:16.5px!important;
  line-height:1.62!important;
}
body.baba-ke-preview .baba-ke-community-content p{
  margin:0 0 8px!important;
  padding:0!important;
  color:inherit!important;
  font:inherit!important;
}
body.baba-ke-preview .baba-ke-community-content p:last-child{margin-bottom:0!important}

/* "Alle Kommentare" – im Seitenfluss nur ein Button; dieselbe Liste wird im
   Panel lediglich positioniert, niemals in einen anderen Container verschoben. */
body.baba-ke-preview .baba-ke-community-more{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:9px!important;
  width:100%!important;
  min-height:48px!important;
  margin:12px 0 0!important;
  padding:0 18px!important;
  border:1px solid rgba(181,116,57,.19)!important;
  border-radius:15px!important;
  background:#fffaf2!important;
  color:#6d4c32!important;
  font:inherit!important;
  font-size:13.5px!important;
  font-weight:850!important;
  cursor:pointer!important;
}
body.baba-ke-preview .baba-ke-community-more strong{
  display:grid!important;
  place-items:center!important;
  min-width:25px!important;
  height:25px!important;
  padding:0 7px!important;
  border-radius:999px!important;
  background:#f59a1b!important;
  color:#fff!important;
  font-size:11.5px!important;
}
body.baba-ke-preview .baba-ke-community-panel-head{display:none!important}
body.baba-ke-community-panel-open{overflow:hidden!important}
body.baba-ke-preview .baba-ke-community-shell.is-open{
  position:fixed!important;
  z-index:2147483000!important;
  left:50%!important;
  top:50%!important;
  width:min(900px,calc(100vw - 40px))!important;
  max-width:min(900px,calc(100vw - 40px))!important;
  max-height:82vh!important;
  margin:0!important;
  padding:22px!important;
  transform:translate(-50%,-50%)!important;
  border:1px solid rgba(181,116,57,.20)!important;
  border-radius:24px!important;
  background:#fffdf9!important;
  box-shadow:0 0 0 9999px rgba(22,18,15,.55),0 30px 90px rgba(30,21,15,.28)!important;
  overflow:hidden!important;
}
body.baba-ke-preview .baba-ke-community-shell.is-open .baba-ke-community-panel-head{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:18px!important;
  margin:0 0 16px!important;
  padding:0 0 14px!important;
  border-bottom:1px solid rgba(122,84,56,.11)!important;
}
body.baba-ke-preview .baba-ke-community-panel-head span{
  display:block!important;
  margin-bottom:4px!important;
  color:#b66b36!important;
  font-size:10px!important;
  font-weight:900!important;
  letter-spacing:.12em!important;
}
body.baba-ke-preview .baba-ke-community-panel-head h2{
  margin:0!important;
  color:#171717!important;
  font-size:28px!important;
  line-height:1.1!important;
}
body.baba-ke-preview .baba-ke-community-panel-close{
  display:grid!important;
  place-items:center!important;
  flex:0 0 44px!important;
  width:44px!important;
  height:44px!important;
  padding:0!important;
  border:1px solid rgba(89,65,47,.13)!important;
  border-radius:50%!important;
  background:#fff!important;
  color:#2d2722!important;
  font:inherit!important;
  font-size:27px!important;
  line-height:1!important;
  cursor:pointer!important;
}
body.baba-ke-preview .baba-ke-community-shell.is-open .baba-ke-community-scroll{
  max-height:calc(82vh - 94px)!important;
  overflow-y:auto!important;
  overscroll-behavior:contain!important;
  padding-right:4px!important;
}

/* Formular: eigene Baba-Karte, aber echtes WordPress/WPZOOM-Formular bleibt
   funktional. Alle Theme-Max-Breiten werden nur innerhalb dieser neuen Sektion
   neutralisiert. */
body.baba-ke-preview .baba-ke-community-form{
  box-sizing:border-box!important;
  display:block!important;
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  margin:16px 0 0!important;
  padding:0!important;
}
body.baba-ke-preview .baba-ke-community-form .comment-respond,
body.baba-ke-preview .baba-ke-community-form #respond{
  box-sizing:border-box!important;
  display:block!important;
  position:relative!important;
  overflow:hidden!important;
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  margin:0!important;
  padding:30px 32px!important;
  border:1px solid rgba(181,116,57,.17)!important;
  border-radius:22px!important;
  background:linear-gradient(145deg,#fffdf9 0%,#fbf4ea 100%)!important;
  box-shadow:0 16px 38px rgba(60,41,27,.06)!important;
  float:none!important;
  left:auto!important;
  right:auto!important;
  transform:none!important;
  text-align:left!important;
}
body.baba-ke-preview .baba-ke-community-form .comment-respond::after,
body.baba-ke-preview .baba-ke-community-form #respond::after{
  content:"BK"!important;
  position:absolute!important;
  right:24px!important;
  top:17px!important;
  color:rgba(136,86,48,.05)!important;
  font-family:Georgia,"Times New Roman",serif!important;
  font-size:76px!important;
  line-height:1!important;
  pointer-events:none!important;
}
body.baba-ke-preview .baba-ke-community-form .comment-reply-title,
body.baba-ke-preview .baba-ke-community-form #reply-title{
  position:relative!important;
  z-index:1!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  gap:5px!important;
  width:100%!important;
  margin:0 0 12px!important;
  padding:0!important;
  color:#171717!important;
  font-family:inherit!important;
  font-size:28px!important;
  line-height:1.12!important;
  letter-spacing:-.025em!important;
  font-weight:850!important;
  text-align:left!important;
}
body.baba-ke-preview .baba-ke-community-form .comment-reply-title::before,
body.baba-ke-preview .baba-ke-community-form #reply-title::before{
  content:"DEINE MEINUNG ZÄHLT"!important;
  color:#b66b36!important;
  font-size:10px!important;
  line-height:1.2!important;
  font-weight:900!important;
  letter-spacing:.13em!important;
  text-transform:uppercase!important;
}
body.baba-ke-preview .baba-ke-community-form .comment-notes,
body.baba-ke-preview .baba-ke-community-form .logged-in-as{
  position:relative!important;
  z-index:1!important;
  width:100%!important;
  max-width:none!important;
  margin:0 0 20px!important;
  padding:0!important;
  color:#76685d!important;
  font-size:13px!important;
  line-height:1.55!important;
  text-align:left!important;
}
body.baba-ke-preview .baba-ke-community-form .comment-form{
  position:relative!important;
  z-index:1!important;
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:15px 18px!important;
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
}
body.baba-ke-preview .baba-ke-community-form .comment-form>p{
  box-sizing:border-box!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
}
body.baba-ke-preview .baba-ke-community-form .comment-form-comment,
body.baba-ke-preview .baba-ke-community-form .comment-form-cookies-consent,
body.baba-ke-preview .baba-ke-community-form .form-submit,
body.baba-ke-preview .baba-ke-community-form .wpzoom-rcb-comment-rating-form,
body.baba-ke-preview .baba-ke-community-form [class*="recipe-rating"],
body.baba-ke-preview .baba-ke-community-form [class*="comment-rating"]{
  grid-column:1/-1!important;
  width:100%!important;
  max-width:none!important;
}
body.baba-ke-preview .baba-ke-community-form label{
  display:block!important;
  margin:0 0 7px!important;
  color:#433a34!important;
  font-size:12.5px!important;
  line-height:1.3!important;
  font-weight:850!important;
}
body.baba-ke-preview .baba-ke-community-form input[type="text"],
body.baba-ke-preview .baba-ke-community-form input[type="email"],
body.baba-ke-preview .baba-ke-community-form input[type="url"],
body.baba-ke-preview .baba-ke-community-form textarea,
body.baba-ke-preview .baba-ke-community-form select{
  box-sizing:border-box!important;
  display:block!important;
  width:100%!important;
  max-width:none!important;
  border:1px solid rgba(103,79,59,.16)!important;
  border-radius:14px!important;
  background:#fff!important;
  color:#37322e!important;
  font:inherit!important;
  font-size:14px!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.6)!important;
  outline:none!important;
}
body.baba-ke-preview .baba-ke-community-form input[type="text"],
body.baba-ke-preview .baba-ke-community-form input[type="email"],
body.baba-ke-preview .baba-ke-community-form input[type="url"],
body.baba-ke-preview .baba-ke-community-form select{
  min-height:46px!important;
  padding:10px 13px!important;
}
body.baba-ke-preview .baba-ke-community-form textarea{
  min-height:170px!important;
  padding:14px!important;
  resize:vertical!important;
}
body.baba-ke-preview .baba-ke-community-form input:focus,
body.baba-ke-preview .baba-ke-community-form textarea:focus,
body.baba-ke-preview .baba-ke-community-form select:focus{
  border-color:rgba(245,154,27,.65)!important;
  box-shadow:0 0 0 3px rgba(245,154,27,.11)!important;
}
body.baba-ke-preview .baba-ke-community-form .wpzoom-rcb-comment-rating-form{
  box-sizing:border-box!important;
  margin:0!important;
  padding:16px 18px!important;
  border:1px solid rgba(117,84,59,.12)!important;
  border-radius:16px!important;
  background:rgba(255,255,255,.72)!important;
}
body.baba-ke-preview .baba-ke-community-form .wpzoom-rcb-comment-rating-stars{
  box-sizing:border-box!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  max-width:none!important;
  min-height:48px!important;
  margin:0!important;
  padding:4px 8px!important;
  border:1px solid rgba(115,86,64,.11)!important;
  border-radius:999px!important;
  background:#fff!important;
}
body.baba-ke-preview .baba-ke-community-form .wpzoom-rcb-comment-rating-stars label{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:38px!important;
  min-height:38px!important;
  margin:0!important;
  padding:0 3px!important;
  cursor:pointer!important;
}
body.baba-ke-preview .baba-ke-community-form .wpzoom-rcb-comment-rating-stars svg{
  width:28px!important;
  height:28px!important;
}
body.baba-ke-preview .baba-ke-community-form .form-submit{
  display:flex!important;
  justify-content:flex-start!important;
}
body.baba-ke-preview .baba-ke-community-form .form-submit input[type="submit"],
body.baba-ke-preview .baba-ke-community-form input[type="submit"]{
  width:auto!important;
  min-height:48px!important;
  margin:0!important;
  padding:0 22px!important;
  border:0!important;
  border-radius:14px!important;
  background:linear-gradient(135deg,#ff8a18,#ff6413)!important;
  color:#fff!important;
  font:inherit!important;
  font-size:13.5px!important;
  font-weight:900!important;
  box-shadow:0 9px 20px rgba(255,100,19,.2)!important;
  cursor:pointer!important;
}
@media(max-width:689px){
  body.baba-ke-preview .baba-ke-page-main > .baba-ke-community{
    margin:14px 0 24px!important;
  }
  body.baba-ke-preview .baba-ke-community-title{
    margin-bottom:10px!important;
    font-size:25px!important;
  }
  body.baba-ke-preview .baba-ke-community-card{
    padding:16px!important;
    border-radius:17px!important;
    box-shadow:none!important;
  }
  body.baba-ke-preview .baba-ke-community-card-head{
    flex-direction:column!important;
    gap:8px!important;
  }
  body.baba-ke-preview .baba-ke-community-avatar,
  body.baba-ke-preview .baba-ke-community-avatar img,
  body.baba-ke-preview img.baba-ke-community-avatar-img{
    width:52px!important;
    height:52px!important;
    max-width:52px!important;
    max-height:52px!important;
    flex-basis:52px!important;
  }
  body.baba-ke-preview .baba-ke-community-meta{
    justify-content:flex-start!important;
    margin-left:65px!important;
    margin-top:-7px!important;
    text-align:left!important;
  }
  body.baba-ke-preview .baba-ke-community-content{
    margin:10px 0 0!important;
    font-size:15.5px!important;
  }
  body.baba-ke-preview .baba-ke-community-children{
    padding-left:16px!important;
  }
  body.baba-ke-preview .baba-ke-community-shell.is-open{
    inset:0!important;
    left:0!important;
    top:0!important;
    width:100vw!important;
    max-width:100vw!important;
    height:100dvh!important;
    max-height:100dvh!important;
    padding:18px 16px!important;
    transform:none!important;
    border:0!important;
    border-radius:0!important;
  }
  body.baba-ke-preview .baba-ke-community-shell.is-open .baba-ke-community-scroll{
    max-height:calc(100dvh - 88px)!important;
  }
  body.baba-ke-preview .baba-ke-community-panel-head h2{font-size:24px!important}
  body.baba-ke-preview .baba-ke-community-form{margin-top:12px!important}
  body.baba-ke-preview .baba-ke-community-form .comment-respond,
  body.baba-ke-preview .baba-ke-community-form #respond{
    padding:24px 18px!important;
    border-radius:18px!important;
    box-shadow:none!important;
  }
  body.baba-ke-preview .baba-ke-community-form .comment-respond::after,
  body.baba-ke-preview .baba-ke-community-form #respond::after{
    right:15px!important;
    top:15px!important;
    font-size:62px!important;
  }
  body.baba-ke-preview .baba-ke-community-form .comment-reply-title,
  body.baba-ke-preview .baba-ke-community-form #reply-title{
    font-size:24px!important;
  }
  body.baba-ke-preview .baba-ke-community-form .comment-form{
    grid-template-columns:minmax(0,1fr)!important;
    gap:14px!important;
  }
  body.baba-ke-preview .baba-ke-community-form .comment-form>p,
  body.baba-ke-preview .baba-ke-community-form .comment-form-author,
  body.baba-ke-preview .baba-ke-community-form .comment-form-email,
  body.baba-ke-preview .baba-ke-community-form .comment-form-url,
  body.baba-ke-preview .baba-ke-community-form .comment-form-comment,
  body.baba-ke-preview .baba-ke-community-form .comment-form-cookies-consent,
  body.baba-ke-preview .baba-ke-community-form .form-submit,
  body.baba-ke-preview .baba-ke-community-form .wpzoom-rcb-comment-rating-form{
    grid-column:1!important;
  }
  body.baba-ke-preview .baba-ke-community-form textarea{min-height:155px!important}
}

/* ============================================================
   v0.10.36 – obere Sterne = echte Schnellbewertung
   Kein Sprung zum Kommentarformular, kein Rating-JavaScript.
   ============================================================ */
.baba-ke-preview .baba-ke-quick-rating{
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  cursor:default!important;
  flex-wrap:wrap!important;
}
.baba-ke-preview .baba-ke-quick-rating .baba-ke-top-star{
  appearance:none;
  -webkit-appearance:none;
}
.baba-ke-preview .baba-ke-quick-rating .baba-ke-rating-label{
  cursor:default!important;
  text-decoration:none!important;
}
.baba-ke-preview .baba-ke-rating-saved{
  flex-basis:100%;
  margin-top:1px;
  color:#7b6048;
  font-size:12px;
  font-weight:750;
}

/* Hover-Vorschau rein per CSS: bis zum anvisierten Stern fuellen. */
.baba-ke-preview .baba-ke-quick-rating .baba-ke-top-stars:hover .baba-ke-top-star{
  color:#cdbba7;
}
.baba-ke-preview .baba-ke-quick-rating .baba-ke-top-stars:hover .baba-ke-top-star svg{
  fill:transparent;
}
.baba-ke-preview .baba-ke-quick-rating .baba-ke-top-stars:has(.baba-ke-top-star:nth-child(1):hover) .baba-ke-top-star:nth-child(-n+1),
.baba-ke-preview .baba-ke-quick-rating .baba-ke-top-stars:has(.baba-ke-top-star:nth-child(2):hover) .baba-ke-top-star:nth-child(-n+2),
.baba-ke-preview .baba-ke-quick-rating .baba-ke-top-stars:has(.baba-ke-top-star:nth-child(3):hover) .baba-ke-top-star:nth-child(-n+3),
.baba-ke-preview .baba-ke-quick-rating .baba-ke-top-stars:has(.baba-ke-top-star:nth-child(4):hover) .baba-ke-top-star:nth-child(-n+4),
.baba-ke-preview .baba-ke-quick-rating .baba-ke-top-stars:has(.baba-ke-top-star:nth-child(5):hover) .baba-ke-top-star:nth-child(-n+5){
  color:#df961f;
}
.baba-ke-preview .baba-ke-quick-rating .baba-ke-top-stars:has(.baba-ke-top-star:nth-child(1):hover) .baba-ke-top-star:nth-child(-n+1) svg,
.baba-ke-preview .baba-ke-quick-rating .baba-ke-top-stars:has(.baba-ke-top-star:nth-child(2):hover) .baba-ke-top-star:nth-child(-n+2) svg,
.baba-ke-preview .baba-ke-quick-rating .baba-ke-top-stars:has(.baba-ke-top-star:nth-child(3):hover) .baba-ke-top-star:nth-child(-n+3) svg,
.baba-ke-preview .baba-ke-quick-rating .baba-ke-top-stars:has(.baba-ke-top-star:nth-child(4):hover) .baba-ke-top-star:nth-child(-n+4) svg,
.baba-ke-preview .baba-ke-quick-rating .baba-ke-top-stars:has(.baba-ke-top-star:nth-child(5):hover) .baba-ke-top-star:nth-child(-n+5) svg{
  fill:rgba(223,150,31,.18);
}


/* ============================================================
   v0.10.36 – AJAX-Sterne ohne Reload + feiner Premium-Gold-Look
   Nur Interaktion/Optik: keine DOM-Verschiebung, kein Scroll-Hack.
   ============================================================ */
.baba-ke-preview .baba-ke-quick-rating{position:relative!important;gap:9px!important}
.baba-ke-preview .baba-ke-quick-rating .baba-ke-top-stars{
  position:relative;display:inline-flex;align-items:center;gap:2px;padding:3px 7px;border:1px solid rgba(166,116,52,.10);
  border-radius:999px;background:linear-gradient(180deg,rgba(255,255,255,.92),rgba(255,250,241,.78));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.96),0 5px 15px rgba(84,56,34,.045)
}
.baba-ke-preview .baba-ke-quick-rating .baba-ke-top-star{
  position:relative;width:30px;height:30px;border-radius:50%;color:#cbbca9!important;
  transition:transform .13s ease,color .13s ease,background .13s ease,box-shadow .13s ease!important
}
.baba-ke-preview .baba-ke-quick-rating .baba-ke-top-star svg{
  width:22px;height:22px;fill:rgba(255,255,255,.02)!important;stroke:currentColor!important;stroke-width:1.28!important;
  filter:drop-shadow(0 1px 0 rgba(255,255,255,.75));transition:fill .13s ease,stroke .13s ease,filter .13s ease,transform .13s ease!important
}
.baba-ke-preview .baba-ke-quick-rating .baba-ke-top-star.is-on{color:#d98a13!important;background:rgba(239,159,31,.035)!important}
.baba-ke-preview .baba-ke-quick-rating .baba-ke-top-star.is-on svg{
  fill:rgba(239,159,31,.20)!important;filter:drop-shadow(0 1px 1px rgba(160,94,16,.10)) drop-shadow(0 0 5px rgba(244,174,54,.08))
}
.baba-ke-preview .baba-ke-quick-rating .baba-ke-top-star:hover,
.baba-ke-preview .baba-ke-quick-rating .baba-ke-top-star:focus-visible{background:rgba(239,159,31,.065)!important;transform:translateY(-1px) scale(1.045)!important}
.baba-ke-preview .baba-ke-quick-rating .baba-ke-top-star:focus-visible{box-shadow:0 0 0 3px rgba(221,143,27,.13)!important}
.baba-ke-preview .baba-ke-quick-rating.is-saving .baba-ke-top-stars{opacity:.58;pointer-events:none}
.baba-ke-preview .baba-ke-quick-rating.is-saving .baba-ke-top-star{cursor:wait!important}
.baba-ke-preview .baba-ke-quick-rating.is-confirmed .baba-ke-top-stars{box-shadow:inset 0 1px 0 rgba(255,255,255,.96),0 0 0 3px rgba(223,150,31,.07),0 6px 16px rgba(84,56,34,.05)}
.baba-ke-preview .baba-ke-rating-saved{
  position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;
  clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important
}
@media(max-width:689px){
  .baba-ke-preview .baba-ke-quick-rating .baba-ke-top-stars{padding:4px 6px}
  .baba-ke-preview .baba-ke-quick-rating .baba-ke-top-star{width:34px;height:34px}
  .baba-ke-preview .baba-ke-quick-rating .baba-ke-top-star svg{width:23px;height:23px}
}


/* ============================================================
   v0.10.36 – leichte Premium-Sterne + mobile freundlicher
   Ziel: edler, schlanker, einheitlich und ohne Scroll-Mehrlast.
   ============================================================ */
.baba-ke-preview .baba-ke-rating{gap:11px!important}
.baba-ke-preview .baba-ke-rating-label{padding:4px 0!important;color:#785e47!important;font-size:13px!important;font-weight:820!important}
.baba-ke-preview .baba-ke-top-stars{gap:2px!important}
.baba-ke-preview .baba-ke-top-star{
  width:29px!important;height:29px!important;border-radius:999px!important;color:#c9b8a5!important;
  transition:transform .14s ease,color .14s ease,background .14s ease,box-shadow .14s ease!important
}
.baba-ke-preview .baba-ke-top-star svg{
  width:21px!important;height:21px!important;fill:transparent!important;stroke:currentColor!important;stroke-width:1.35!important;
  transition:fill .14s ease,stroke .14s ease,transform .14s ease!important;filter:none!important
}
.baba-ke-preview .baba-ke-top-star.is-on{color:#d49628!important}
.baba-ke-preview .baba-ke-top-star.is-on svg{fill:rgba(212,150,40,.22)!important;stroke:currentColor!important}
.baba-ke-preview .baba-ke-top-star:hover,
.baba-ke-preview .baba-ke-top-star:focus-visible{color:#d49628!important;background:rgba(212,150,40,.07)!important;transform:translateY(-1px) scale(1.03)!important}
.baba-ke-preview .baba-ke-top-star:hover svg,
.baba-ke-preview .baba-ke-top-star:focus-visible svg{fill:rgba(212,150,40,.16)!important}
.baba-ke-preview .baba-ke-top-star:focus-visible{box-shadow:0 0 0 3px rgba(212,150,40,.12)!important}
.baba-ke-preview .baba-ke-quick-rating{gap:10px!important}
.baba-ke-preview .baba-ke-quick-rating .baba-ke-top-stars{
  padding:4px 8px!important;border:1px solid rgba(166,116,52,.11)!important;border-radius:999px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(255,249,239,.88))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.98),0 4px 12px rgba(84,56,34,.04)!important
}
.baba-ke-preview .baba-ke-quick-rating .baba-ke-top-star{background:transparent!important;box-shadow:none!important}
.baba-ke-preview .baba-ke-quick-rating .baba-ke-top-star.is-on{background:rgba(212,150,40,.045)!important}
.baba-ke-preview .baba-ke-quick-rating.is-confirmed .baba-ke-top-stars{box-shadow:inset 0 1px 0 rgba(255,255,255,.98),0 0 0 3px rgba(212,150,40,.06),0 4px 12px rgba(84,56,34,.04)!important}
.baba-ke-preview .baba-ke-quick-rating .baba-ke-top-stars[data-preview-rating="1"] .baba-ke-top-star:nth-child(-n+1),
.baba-ke-preview .baba-ke-quick-rating .baba-ke-top-stars[data-preview-rating="2"] .baba-ke-top-star:nth-child(-n+2),
.baba-ke-preview .baba-ke-quick-rating .baba-ke-top-stars[data-preview-rating="3"] .baba-ke-top-star:nth-child(-n+3),
.baba-ke-preview .baba-ke-quick-rating .baba-ke-top-stars[data-preview-rating="4"] .baba-ke-top-star:nth-child(-n+4),
.baba-ke-preview .baba-ke-quick-rating .baba-ke-top-stars[data-preview-rating="5"] .baba-ke-top-star:nth-child(-n+5){color:#d49628!important}
.baba-ke-preview .baba-ke-quick-rating .baba-ke-top-stars[data-preview-rating="1"] .baba-ke-top-star:nth-child(-n+1) svg,
.baba-ke-preview .baba-ke-quick-rating .baba-ke-top-stars[data-preview-rating="2"] .baba-ke-top-star:nth-child(-n+2) svg,
.baba-ke-preview .baba-ke-quick-rating .baba-ke-top-stars[data-preview-rating="3"] .baba-ke-top-star:nth-child(-n+3) svg,
.baba-ke-preview .baba-ke-quick-rating .baba-ke-top-stars[data-preview-rating="4"] .baba-ke-top-star:nth-child(-n+4) svg,
.baba-ke-preview .baba-ke-quick-rating .baba-ke-top-stars[data-preview-rating="5"] .baba-ke-top-star:nth-child(-n+5) svg{fill:rgba(212,150,40,.18)!important}
@media(max-width:689px){
  .baba-ke-preview .baba-ke-quick-rating .baba-ke-top-stars{padding:5px 8px!important}
  .baba-ke-preview .baba-ke-quick-rating .baba-ke-top-star{width:33px!important;height:33px!important}
  .baba-ke-preview .baba-ke-quick-rating .baba-ke-top-star svg{width:22px!important;height:22px!important}
}


/* v0.10.40 · Empfehlung direkt unter einer einzelnen Zutat */
.baba-ke-preview .baba-ke-ingredient-main{min-width:0;width:100%}
.baba-ke-preview .baba-ke-ingredient.has-baba-recommendation{align-items:flex-start!important}
.baba-ke-preview .baba-ke-ingredient.has-baba-recommendation .baba-ke-check{margin-top:2px}
.baba-ke-preview .baba-ke-ingredient-main>.baba-ingredient-recommendation{margin-top:8px}
@media(max-width:689px){.baba-ke-preview .baba-ke-ingredient-main>.baba-ingredient-recommendation{margin-top:7px}}


/* =========================================================
   v0.10.55 – ZUTATEN GPU/SCROLL PERFORMANCE FIX
   Firefox/Windows konnte die grossflaechigen, gestapelten
   Gradients der Zutatenbox bei jedem Scroll-Schritt teuer neu
   malen. Der visuelle Grundton bleibt erhalten, aber die
   Zutatenflaeche nutzt jetzt eine ruhige Vollfarbe und das
   rein dekorative ::before-Overlay wird nicht mehr gerendert.
   Rahmen, linker Akzent, BK-Marke und Schatten bleiben erhalten.
========================================================= */
.baba-ke-preview .baba-ke-ingredients{
  background:#fffaf3!important;
}
.baba-ke-preview .baba-ke-ingredients::before{
  display:none!important;
  content:none!important;
}


/* =========================================================
   v0.10.60 – MOBILE EMPFEHLUNGEN VOR „REZEPT ANHÖREN“
   Ein und derselbe bereits gerenderte Empfehlungsblock wird nur
   auf Smartphones direkt vor den Vorlese-Block verschoben.
   Desktop bleibt strukturell und optisch unveraendert.
========================================================= */
@media (max-width:689px){
  body.baba-ke-preview .baba-ke-recipe > .baba-ke-recommendations--mobile-raised{
    position:relative!important;
    top:auto!important;
    width:100%!important;
    max-width:100%!important;
    margin:16px 0 20px!important;
    padding:15px 12px 13px!important;
    overflow:hidden!important;
    border-radius:18px!important;
  }
}
/* =========================================================
   v0.10.61 – SCHRITTBILD AUTO-SIZES HOTFIX
   WordPress kann bei lazy geladenen Bildern mit sizes="auto,..." eine
   grosse contain-intrinsic-size reservieren. Schrittbilder bekommen seit
   0.10.61 wieder die bewaehrte feste src-Ausgabe ohne srcset/sizes. Diese
   Regel ist nur eine zusaetzliche Absicherung und veraendert das Design nicht.
========================================================= */
.baba-ke-preview .baba-ke-step-media img[sizes="auto"],
.baba-ke-preview .baba-ke-step-media img[sizes^="auto,"]{
  contain-intrinsic-size:none!important;
}



/* =========================================================
   v0.10.62 – MOBILE EMPFEHLUNGEN KOMPAKTER
   Nur der bereits nach oben gezogene Empfehlungsblock auf Smartphones
   wird vertikal gestrafft. Breite, Schriftgroessen, Swipe-Verhalten,
   Desktop-Layout und Empfehlungslogik bleiben unveraendert.
========================================================= */
@media (max-width:689px){
  body.baba-ke-preview .baba-ke-recipe > .baba-ke-recommendations--mobile-raised{
    margin:12px 0 14px!important;
    padding:11px 12px 9px!important;
  }
  body.baba-ke-preview .baba-ke-recommendations--mobile-raised .baba-ke-rec-head{
    margin-bottom:6px!important;
  }
  body.baba-ke-preview .baba-ke-recommendations--mobile-raised .baba-ke-rec-kicker{
    margin-bottom:3px!important;
  }
  body.baba-ke-preview .baba-ke-recommendations--mobile-raised .baba-ke-rec-head h2{
    margin-top:0!important;
  }
  body.baba-ke-preview .baba-ke-recommendations--mobile-raised .baba-ke-rec-head p{
    margin-top:3px!important;
  }
  body.baba-ke-preview .baba-ke-recommendations--mobile-raised .baba-ke-rec-track{
    padding-top:0!important;
    padding-bottom:3px!important;
  }
  body.baba-ke-preview .baba-ke-recommendations--mobile-raised .baba-ke-rec-card,
  body.baba-ke-preview .baba-ke-recommendations--mobile-raised .baba-ke-rec-card:nth-child(n+4){
    min-height:82px!important;
    height:82px!important;
  }
  body.baba-ke-preview .baba-ke-recommendations--mobile-raised .baba-ke-rec-media{
    min-height:82px!important;
    height:82px!important;
  }
  body.baba-ke-preview .baba-ke-recommendations--mobile-raised .baba-ke-rec-body{
    min-height:82px!important;
    height:82px!important;
    padding-top:6px!important;
    padding-bottom:6px!important;
  }
  body.baba-ke-preview .baba-ke-recommendations--mobile-raised .baba-ke-rec-discover--mobile,
  body.baba-ke-preview .baba-ke-recommendations--mobile-raised .baba-ke-rec-discover--mobile .baba-ke-rec-discover-copy{
    min-height:82px!important;
    height:82px!important;
  }
}

/* =========================================================
   v0.10.63 – TABLET-EMPFEHLUNGEN RUHIGER + KLARER
   Ziel:
   - Tablet Hochformat: keine riesigen 2-Spalten-Karten mehr,
     sondern kompakte, wischbare Empfehlungen.
   - Tablet Querformat: Sidebar bleibt, wird aber etwas schmaler
     und die Karten darin werden ruhiger/proportionierter.
   Smartphone und grosser Desktop bleiben unveraendert.
========================================================= */

/* Tablet Hochformat und mittlere Tablet-Breiten:
   vollbreiter Block mit kompakter Wischleiste statt grossen Kacheln. */
@media (min-width:690px) and (max-width:1179px),
       (min-width:690px) and (max-width:1366px) and (orientation:portrait){
  body.baba-ke-preview .baba-ke-page-layout > .baba-ke-recommendations,
  body.baba-ke-preview .baba-ke-recipe > .baba-ke-recommendations{
    position:relative!important;
    top:auto!important;
    width:100%!important;
    max-width:100%!important;
    margin:18px 0 0!important;
    padding:18px 16px 14px!important;
    border-radius:20px!important;
  }
  body.baba-ke-preview .baba-ke-recommendations .baba-ke-rec-head{
    margin-bottom:11px!important;
  }
  body.baba-ke-preview .baba-ke-recommendations .baba-ke-rec-head h2{
    font-size:24px!important;
    line-height:1.08!important;
  }
  body.baba-ke-preview .baba-ke-recommendations .baba-ke-rec-head p{
    margin-top:5px!important;
    font-size:12px!important;
    line-height:1.45!important;
  }
  body.baba-ke-preview .baba-ke-recommendations .baba-ke-rec-track{
    display:grid!important;
    grid-auto-flow:column!important;
    grid-auto-columns:minmax(270px,320px)!important;
    grid-template-columns:none!important;
    gap:12px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    padding:2px 2px 8px!important;
    scroll-snap-type:x proximity!important;
    overscroll-behavior-inline:contain!important;
    -webkit-overflow-scrolling:touch!important;
  }
  body.baba-ke-preview .baba-ke-recommendations .baba-ke-rec-card{
    display:grid!important;
    grid-template-columns:116px minmax(0,1fr)!important;
    min-height:98px!important;
    scroll-snap-align:start!important;
    border-radius:15px!important;
  }
  body.baba-ke-preview .baba-ke-recommendations .baba-ke-rec-media{
    height:98px!important;
    min-height:98px!important;
    aspect-ratio:auto!important;
    border-radius:15px 0 0 15px!important;
  }
  body.baba-ke-preview .baba-ke-recommendations .baba-ke-rec-body{
    min-height:98px!important;
    padding:9px 30px 9px 11px!important;
    justify-content:center!important;
  }
  body.baba-ke-preview .baba-ke-recommendations .baba-ke-rec-body h3{
    margin-bottom:5px!important;
    font-size:13.5px!important;
    line-height:1.18!important;
    display:-webkit-box!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:3!important;
    overflow:hidden!important;
  }
  body.baba-ke-preview .baba-ke-recommendations .baba-ke-rec-meta{
    gap:3px 6px!important;
    font-size:9.5px!important;
  }
  body.baba-ke-preview .baba-ke-recommendations .baba-ke-rec-body::after{
    right:7px!important;
    width:20px!important;
    height:20px!important;
    margin-top:-10px!important;
    font-size:11px!important;
  }
  body.baba-ke-preview .baba-ke-recommendations .baba-ke-rec-discover--desktop{
    display:none!important;
  }
  body.baba-ke-preview .baba-ke-recommendations .baba-ke-rec-discover--mobile{
    display:grid!important;
    min-height:98px!important;
    scroll-snap-align:start!important;
    margin-top:0!important;
    border-radius:15px!important;
  }
  body.baba-ke-preview .baba-ke-recommendations .baba-ke-rec-discover--mobile .baba-ke-rec-discover-copy{
    min-height:98px!important;
    padding:14px 44px 13px 14px!important;
  }
  body.baba-ke-preview .baba-ke-recommendations .baba-ke-rec-discover--mobile .baba-ke-rec-discover-copy small{
    font-size:8px!important;
  }
  body.baba-ke-preview .baba-ke-recommendations .baba-ke-rec-discover--mobile .baba-ke-rec-discover-copy strong{
    font-size:15px!important;
  }
  body.baba-ke-preview .baba-ke-recommendations .baba-ke-rec-discover--mobile .baba-ke-rec-discover-copy i{
    width:26px!important;
    height:26px!important;
    right:11px!important;
    bottom:11px!important;
  }
}

/* Tablet Querformat / kleinere Laptops:
   Sidebar bleibt, aber proportional ruhiger und etwas schlanker. */
@media (min-width:1180px) and (max-width:1366px){
  body.baba-ke-preview .baba-ke-page-layout{
    grid-template-columns:minmax(0,1fr) 292px!important;
    gap:22px!important;
  }
  body.baba-ke-preview .baba-ke-page-layout > .baba-ke-recommendations{
    width:100%!important;
    max-width:292px!important;
  }
  body.baba-ke-preview .baba-ke-recommendations{
    top:86px!important;
    padding:18px 14px 14px!important;
    border-radius:20px!important;
  }
  body.baba-ke-preview .baba-ke-recommendations .baba-ke-rec-head{
    margin-bottom:12px!important;
  }
  body.baba-ke-preview .baba-ke-recommendations .baba-ke-rec-kicker{
    font-size:8.5px!important;
  }
  body.baba-ke-preview .baba-ke-recommendations .baba-ke-rec-head h2{
    font-size:22px!important;
    line-height:1.06!important;
  }
  body.baba-ke-preview .baba-ke-recommendations .baba-ke-rec-head p{
    margin-top:5px!important;
    font-size:11px!important;
    line-height:1.42!important;
  }
  body.baba-ke-preview .baba-ke-recommendations .baba-ke-rec-track{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:10px!important;
    overflow:visible!important;
    padding:0!important;
  }
  body.baba-ke-preview .baba-ke-recommendations .baba-ke-rec-card{
    display:grid!important;
    grid-template-columns:88px minmax(0,1fr)!important;
    min-height:82px!important;
    border-radius:14px!important;
  }
  body.baba-ke-preview .baba-ke-recommendations .baba-ke-rec-media{
    min-height:82px!important;
    height:82px!important;
    aspect-ratio:auto!important;
    border-radius:14px 0 0 14px!important;
  }
  body.baba-ke-preview .baba-ke-recommendations .baba-ke-rec-body{
    min-height:82px!important;
    padding:8px 26px 8px 10px!important;
    justify-content:center!important;
  }
  body.baba-ke-preview .baba-ke-recommendations .baba-ke-rec-body h3{
    margin-bottom:4px!important;
    font-size:12.5px!important;
    line-height:1.15!important;
    display:-webkit-box!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:3!important;
    overflow:hidden!important;
  }
  body.baba-ke-preview .baba-ke-recommendations .baba-ke-rec-meta{
    gap:2px 5px!important;
    font-size:8.75px!important;
  }
  body.baba-ke-preview .baba-ke-recommendations .baba-ke-rec-body::after{
    right:6px!important;
    width:18px!important;
    height:18px!important;
    margin-top:-9px!important;
    font-size:10px!important;
  }
  body.baba-ke-preview .baba-ke-recommendations .baba-ke-rec-discover{
    min-height:116px!important;
    margin-top:10px!important;
    border-radius:15px!important;
  }
  body.baba-ke-preview .baba-ke-recommendations .baba-ke-rec-discover-copy{
    min-height:116px!important;
    padding:14px 40px 14px 14px!important;
  }
  body.baba-ke-preview .baba-ke-recommendations .baba-ke-rec-discover-copy small{
    font-size:8px!important;
  }
  body.baba-ke-preview .baba-ke-recommendations .baba-ke-rec-discover-copy strong{
    font-size:15px!important;
  }
}

/* =========================================================
   v0.10.64 – TABLET-FIX NACH ECHTEM GERAETETEST
   - Tablet Hochformat: Empfehlungen werden wie am Smartphone vor
     „Rezept anhören“ eingesetzt.
   - Tablet Querformat: 2-Spalten-Bühne wird sauber eingepasst,
     damit die rechte Empfehlungsspalte nicht abgeschnitten wird.
========================================================= */

/* Tablet Hochformat: derselbe angehobene Block wie mobil, nur etwas breiter. */
@media (min-width:690px) and (max-width:1366px) and (orientation:portrait){
  body.baba-ke-preview .baba-ke-recipe > .baba-ke-recommendations--mobile-raised{
    position:relative!important;
    top:auto!important;
    width:100%!important;
    max-width:100%!important;
    margin:18px 0 16px!important;
    padding:18px 16px 14px!important;
    border-radius:20px!important;
  }
}

/* Tablet Querformat: gesamte Rezeptbühne innerhalb des sichtbaren Bereichs halten. */
@media (min-width:900px) and (max-width:1366px) and (orientation:landscape){
  body.baba-ke-preview .baba-ke-page-layout{
    width:calc(100% - 28px)!important;
    max-width:1180px!important;
    margin-left:auto!important;
    margin-right:auto!important;
    grid-template-columns:minmax(0,1fr) 270px!important;
    gap:16px!important;
    align-items:start!important;
  }
  body.baba-ke-preview .baba-ke-page-layout > .baba-ke-page-main,
  body.baba-ke-preview .baba-ke-page-layout > .baba-ke-recommendations{
    min-width:0!important;
  }
  body.baba-ke-preview .baba-ke-page-layout > .baba-ke-recommendations{
    width:100%!important;
    max-width:270px!important;
    justify-self:stretch!important;
  }
  body.baba-ke-preview .baba-ke-recommendations{
    top:82px!important;
    padding:16px 12px 12px!important;
    border-radius:18px!important;
  }
  body.baba-ke-preview .baba-ke-recommendations .baba-ke-rec-head{
    margin-bottom:10px!important;
  }
  body.baba-ke-preview .baba-ke-recommendations .baba-ke-rec-kicker{
    font-size:8px!important;
    letter-spacing:.10em!important;
  }
  body.baba-ke-preview .baba-ke-recommendations .baba-ke-rec-head h2{
    font-size:21px!important;
    line-height:1.06!important;
  }
  body.baba-ke-preview .baba-ke-recommendations .baba-ke-rec-head p{
    margin-top:4px!important;
    font-size:10.5px!important;
    line-height:1.4!important;
  }
  body.baba-ke-preview .baba-ke-recommendations .baba-ke-rec-track{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:9px!important;
    overflow:visible!important;
    padding:0!important;
  }
  body.baba-ke-preview .baba-ke-recommendations .baba-ke-rec-card{
    display:grid!important;
    grid-template-columns:80px minmax(0,1fr)!important;
    min-height:76px!important;
    border-radius:13px!important;
  }
  body.baba-ke-preview .baba-ke-recommendations .baba-ke-rec-media{
    min-height:76px!important;
    height:76px!important;
    aspect-ratio:auto!important;
    border-radius:13px 0 0 13px!important;
  }
  body.baba-ke-preview .baba-ke-recommendations .baba-ke-rec-body{
    min-height:76px!important;
    padding:7px 22px 7px 9px!important;
    justify-content:center!important;
  }
  body.baba-ke-preview .baba-ke-recommendations .baba-ke-rec-body h3{
    margin-bottom:4px!important;
    font-size:12px!important;
    line-height:1.14!important;
    display:-webkit-box!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:3!important;
    overflow:hidden!important;
  }
  body.baba-ke-preview .baba-ke-recommendations .baba-ke-rec-meta{
    gap:2px 5px!important;
    font-size:8.5px!important;
  }
  body.baba-ke-preview .baba-ke-recommendations .baba-ke-rec-body::after{
    right:5px!important;
    width:17px!important;
    height:17px!important;
    margin-top:-8px!important;
    font-size:10px!important;
  }
  body.baba-ke-preview .baba-ke-recommendations .baba-ke-rec-discover{
    min-height:104px!important;
    margin-top:9px!important;
    border-radius:14px!important;
  }
  body.baba-ke-preview .baba-ke-recommendations .baba-ke-rec-discover-copy{
    min-height:104px!important;
    padding:13px 36px 13px 13px!important;
  }
  body.baba-ke-preview .baba-ke-recommendations .baba-ke-rec-discover-copy small{
    font-size:7.5px!important;
  }
  body.baba-ke-preview .baba-ke-recommendations .baba-ke-rec-discover-copy strong{
    font-size:14px!important;
  }
}