/* Slide-Blöcke: jeder Abschnitt eines Artikels kann als TikTok-Slide dienen (Klasse "slide" an einer Gruppe). */
.prose{counter-reset:slide}
.prose .slide{counter-increment:slide;position:relative;margin:32px 0;padding:26px 28px;border:1px solid var(--color-border);border-radius:22px;background:var(--color-surface);box-shadow:0 8px 26px #0717220f}
.prose .slide::before{content:"Slide " counter(slide);display:block;font-size:.68rem;text-transform:uppercase;letter-spacing:.14em;font-weight:750;color:var(--color-accent);margin-bottom:12px}
.prose .slide>h2:first-of-type,.prose .slide>.wp-block-heading:first-of-type{margin-top:0;font-size:1.7rem}
.prose .slide>*:last-child{margin-bottom:0}
.prose .slide li{font-size:1.04rem;line-height:1.6}
.prose .slide img{border-radius:14px}
.prose .slide .callout{margin:0;padding:0;border:0;background:transparent;border-radius:0}
.prose .slide .callout h3{font-size:1.5rem;margin-top:0}

.slide-toggle{position:fixed;right:16px;bottom:16px;z-index:60;min-height:44px;padding:10px 18px;border:1px solid #ffffff40;border-radius:30px;background:#0b2230;color:#fff;font-size:.82rem;font-weight:650;box-shadow:0 8px 24px #0006}
.slide-toggle:hover{background:#245368}

.slide-brand{display:none}
/* Slide-Ansicht: 4:5-Karten zum Abfotografieren oder Screenshotten für TikTok. */
body.slide-mode{background:#05121a;--s:min(405px,calc(100vw - 24px))}
body.slide-mode .site-header,body.slide-mode .site-footer,body.slide-mode .landscape-banner,body.slide-mode .toc-column,body.slide-mode .article-sidebar,body.slide-mode .breadcrumbs,body.slide-mode .article-header,body.slide-mode .article-meta,body.slide-mode .article-cover,body.slide-mode .post-navigation,body.slide-mode .comments-area,body.slide-mode #wpadminbar{display:none!important}
body.slide-mode .guide-shell,body.slide-mode .guide-shell.has-toc{display:block;width:100%;padding:18px 0 90px}
body.slide-mode .prose{max-width:none}
body.slide-mode .prose>*:not(.slide){display:none}
body.slide-mode .prose .slide{width:var(--s);aspect-ratio:4/5;margin:0 auto 22px;padding:calc(var(--s)*.0444) calc(var(--s)*.0494) calc(var(--s)*.1284);border:0;border-radius:calc(var(--s)*.0593);overflow:hidden;background:linear-gradient(165deg,#0b2230 0%,#245368 100%);color:#eaf4f7;display:flex;flex-direction:column;justify-content:flex-start;gap:calc(var(--s)*.0198);font-size:calc(var(--s)*.03477);box-shadow:none}
body.slide-mode .prose .slide::before{display:none}
body.slide-mode .prose .slide>*{margin:0;flex-shrink:0}
body.slide-mode .prose .slide h2,body.slide-mode .prose .slide h3,body.slide-mode .prose .slide strong{color:#fff}
body.slide-mode .prose .slide h2,body.slide-mode .prose .slide>.wp-block-heading:first-of-type{font-size:calc(var(--s)*.0533);line-height:1.15}
body.slide-mode .prose .slide .callout h3{font-size:calc(var(--s)*.0454);margin-bottom:calc(var(--s)*.0099)}
body.slide-mode .prose .slide li,body.slide-mode .prose .slide p{font-size:calc(var(--s)*.03477);line-height:1.35;color:#eaf4f7}
body.slide-mode .prose .slide ul,body.slide-mode .prose .slide ol{padding-left:1.15em}
body.slide-mode .prose .slide li{margin-bottom:calc(var(--s)*.0074)}
body.slide-mode .prose .slide a{color:#b2ede7}
body.slide-mode .prose .slide figure{margin:0}
body.slide-mode .prose .slide figure~figure{display:none}
body.slide-mode .prose .slide img{max-height:calc(var(--s)*.2593);width:100%;object-fit:cover;border-radius:calc(var(--s)*.0296)}
body.slide-mode .prose .slide img.slide-cover{height:calc(var(--s)*.2963);max-height:calc(var(--s)*.2963);margin-bottom:calc(var(--s)*.005)}
body.slide-mode .prose .slide figcaption{display:none}
body.slide-mode .prose .slide .callout{background:transparent;color:inherit}
body.slide-mode .prose .slide .slide-brand{display:block;position:absolute;left:0;right:0;bottom:calc(var(--s)*.0296);text-align:center;line-height:1.1}
body.slide-mode .prose .slide .slide-brand strong{font-size:calc(var(--s)*.0533);letter-spacing:-.05em;color:#fff}
body.slide-mode .prose .slide .slide-brand .brand-spark{color:var(--color-teal-400);font-size:calc(var(--s)*.0237);vertical-align:top;margin-left:3px}
body.slide-mode .prose .slide .slide-brand small{display:block;font-size:calc(var(--s)*.0198);letter-spacing:.14em;color:#9fc2cc;margin-top:2px;font-weight:700}
@media(max-width:600px){.prose .slide{padding:20px 18px;border-radius:18px}.slide-toggle{right:10px;bottom:10px;padding:8px 14px}}