.sgp-detail .sgpa-detail-section{padding:52px 0 62px}
.sgp-detail .sgpa-detail-section h2{margin:0 0 30px}
.sgp-detail .sgpa-detail-section .sgp-eyebrow{display:block;margin-bottom:24px}
.sgp-detail .sgpa-section-cover{margin:0 0 32px;width:100%}
.sgp-detail .sgpa-section-cover a{display:block;cursor:zoom-in}
.sgp-detail .sgpa-section-cover img{display:block;width:100%;height:auto;max-height:75vh;object-fit:contain;object-position:left center}
.sgp-detail .sgpa-section-intro{max-width:760px;margin:0 0 32px;padding-bottom:32px;border-bottom:1px solid var(--sg-line,#ddd)}
.sgp-detail .sgpa-section-intro p:last-child{margin-bottom:0}
.sgp-detail .sgpa-detail-section .sgp-samples-grid{margin-top:0}
.sgp-detail .sgpa-section-divider{border:0;border-top:1px solid var(--sg-line,#ddd);margin:0}
@media(max-width:580px){.sgp-detail .sgpa-detail-section{padding:44px 0 50px}.sgp-detail .sgpa-section-cover{margin-bottom:26px}}

.sgp-detail .sgp-back{font-weight:700}
.sgp-detail .sgpa-bottom-back{padding:18px 0 60px}

.sgp-detail .sgpa-bottom-back .sgp-back{margin:0}

:is(.sgp-detail,.sgp-catalog) .sgpa-floating-nav{position:fixed;right:calc(80px + env(safe-area-inset-right, 0px));bottom:calc(80px + env(safe-area-inset-bottom, 0px));z-index:1000;display:flex;gap:10px;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(16px);transition:opacity .28s ease,transform .28s ease}
:is(.sgp-detail,.sgp-catalog) .sgpa-floating-nav.is-visible{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}
:is(.sgp-detail,.sgp-catalog) .sgpa-floating-nav a{box-sizing:border-box;display:grid;place-items:center;width:44px;height:44px;touch-action:manipulation;border-radius:50%;background:#fff;color:#28252c;text-decoration:none;box-shadow:0 4px 16px rgba(20,16,28,.18);transition:color .2s ease,box-shadow .2s ease,transform .2s ease}
:is(.sgp-detail,.sgp-catalog) .sgpa-floating-nav a:hover,:is(.sgp-detail,.sgp-catalog) .sgpa-floating-nav a:focus-visible{color:var(--global-palette1,#7b4aa0);box-shadow:0 6px 20px rgba(20,16,28,.24);transform:translateY(-2px)}
:is(.sgp-detail,.sgp-catalog) .sgpa-floating-nav a:focus-visible{outline:2px solid currentColor;outline-offset:3px}
:is(.sgp-detail,.sgp-catalog) .sgpa-floating-nav svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:580px){:is(.sgp-detail,.sgp-catalog) .sgpa-floating-nav{right:calc(16px + env(safe-area-inset-right, 0px));bottom:calc(16px + env(safe-area-inset-bottom, 0px))}}
@media(prefers-reduced-motion:reduce){:is(.sgp-detail,.sgp-catalog) .sgpa-floating-nav,:is(.sgp-detail,.sgp-catalog) .sgpa-floating-nav a{transition:none}}

.sgp-detail .sgp-intro{padding-bottom:48px;border-bottom:1px solid var(--sg-line,#ddd)}
.sgp-detail .mejs-container-fullscreen video{max-height:none!important;height:100%!important;object-fit:contain}
.sgp-detail .sgpa-embed iframe:fullscreen{width:100vw!important;height:100vh!important;max-width:none!important;max-height:none!important}

/* Ruhigere Hierarchie auf Portfolio, Vita und Kontakt. */
.page-id-9 .sgp-site .sgp-page-hero h1,.page-id-155 .sgp-site .sgp-page-hero h1,.page-id-11 .sgp-site .sgp-page-hero h1{font-size:clamp(2.75rem,5vw,4rem);line-height:1.08}
.single-sg_project .sgp-site.sgp-detail .sgp-page-hero h1{font-size:clamp(2.65rem,4.5vw,3.75rem);line-height:1.08}
.sgp-catalog .sgp-catalog-section h2{font-size:clamp(2rem,3.2vw,2.5rem);line-height:1.15}
.sgp-detail .sgpa-detail-section{padding-top:42px;padding-bottom:50px}
.sgp-detail .sgpa-detail-section h2{font-size:clamp(1.65rem,2.45vw,2rem);line-height:1.2;margin-bottom:20px;font-weight:500}
.page-id-155 .entry-content h2.wp-block-heading{font-size:clamp(1.8rem,2.65vw,2.25rem);line-height:1.18}
.page-id-155 .entry-content h3.wp-block-heading{font-size:clamp(1.35rem,1.8vw,1.55rem);line-height:1.28}
@media(max-width:767px){
.page-id-9 .sgp-site .sgp-page-hero h1,.page-id-155 .sgp-site .sgp-page-hero h1,.page-id-11 .sgp-site .sgp-page-hero h1{font-size:clamp(2.5rem,9vw,3.25rem)}
.single-sg_project .sgp-site.sgp-detail .sgp-page-hero h1{font-size:clamp(2.35rem,8vw,3rem)}
.sgp-catalog .sgp-catalog-section h2{font-size:clamp(1.9rem,6vw,2.2rem)}
.sgp-detail .sgpa-detail-section{padding-top:34px;padding-bottom:40px}
.sgp-detail .sgpa-detail-section h2{font-size:1.7rem}
}

/* Portfolio-Kategorien näher an die Einleitung, ohne Trennlinie. */
.page-id-9 .sgp-site .sgp-page-hero{border-bottom:0;padding-bottom:40px;margin-bottom:16px}

/* Info-Fließtext in derselben Größe wie die Arbeitsproben-Titel. */
.single-sg_project .sgp-detail .sgp-intro .sgp-description,
.single-sg_project .sgp-detail .sgp-intro .sgp-description :is(p,li){font-size:1.25rem}

/* Editorial: doppelt große DearFlip-Magazin-Cover nur auf Desktop. */
@media(min-width:1025px){
  #post-27 .sgp-detail .sgpa-embed ._df_thumb.df-popup-thumb{width:280px;max-width:100%;}
}