/*
Theme Name: Huber Fotografie test 05.10.2026
Theme URI: https://huber-consulting.ch
Author: Huber Consulting
Author URI: https://huber-consulting.ch
Description: Webseite Huber Fotografie test 05.10.2026 – erstellt mit dem Prototyp-Studio von Huber Consulting aus dem freigegebenen Entwurf (Stand 27). Farben und Schriften lassen sich im Website-Editor unter «Stile» ändern.
Requires at least: 6.6
Tested up to: 6.8
Requires PHP: 7.4
Version: 1.0.27
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: hc-huber-fotografie-test-05-10-2026
*/

/* Verbindung zu den Stilen von WordPress */

:root{--farbe-primaer:var(--wp--preset--color--primaer);--farbe-primaer-text:var(--wp--preset--color--primaer-text);--farbe-akzent:var(--wp--preset--color--akzent);--farbe-hintergrund:var(--wp--preset--color--hintergrund);--farbe-flaeche:var(--wp--preset--color--flaeche);--farbe-dunkel:var(--wp--preset--color--dunkel);--farbe-text:var(--wp--preset--color--grundtext);--farbe-text-leise:var(--wp--preset--color--text-leise);--farbe-auf-primaer:var(--wp--preset--color--auf-primaer);--farbe-auf-dunkel:var(--wp--preset--color--auf-dunkel);--schrift-titel:var(--wp--preset--font-family--titel);--schrift-text:var(--wp--preset--font-family--text);--radius:var(--wp--custom--radius);--radius-gross:var(--wp--custom--radius-gross);--abstand:var(--wp--preset--spacing--abschnitt);--abstand-klein:var(--wp--preset--spacing--klein);--breite:1180px}

/* Gestaltungsbausteine aus dem Entwurf */

*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--farbe-hintergrund);color:var(--farbe-text);font-family:var(--schrift-text);font-size:clamp(1.0625rem,1rem + .25vw,1.1875rem);line-height:1.65;overflow-x:hidden}
::selection{background:color-mix(in srgb,var(--farbe-akzent) 40%,transparent)}
h1,h2,h3{font-family:var(--schrift-titel);line-height:1.08;letter-spacing:-.01em;margin:0 0 var(--abstand-klein);hyphens:manual;overflow-wrap:normal;text-wrap:balance;color:inherit}
h1{font-size:clamp(2.1rem,1.4rem + 3.6vw,4.75rem);font-weight:500}
h2{font-size:clamp(1.75rem,1.3rem + 2.2vw,3.25rem);font-weight:500}
h3{font-size:clamp(1.2rem,1.1rem + .5vw,1.5rem);font-weight:600;line-height:1.25}
h1 em,h2 em{font-style:italic;color:var(--farbe-primaer-text)}
p{margin:0 0 1em;max-width:68ch}
a{color:var(--farbe-primaer-text);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.2em;transition:color .2s,text-decoration-color .2s}
a:hover{color:var(--farbe-text);text-decoration-color:var(--farbe-akzent)}
img{display:block;max-width:100%;height:auto}
:focus-visible{outline:3px solid var(--farbe-primaer-text);outline-offset:3px;box-shadow:0 0 0 7px color-mix(in srgb,var(--farbe-akzent) 45%,transparent)}
.container{width:100%;max-width:var(--breite);margin-inline:auto;padding-inline:clamp(16px,4vw,24px)}
.abschnitt{padding-block:var(--abstand)}
.abschnitt--flaeche{background:var(--farbe-flaeche);border-block:1px solid color-mix(in srgb,var(--farbe-text) 12%,transparent)}
.abschnitt--flaeche+.abschnitt--flaeche{border-top:0}
.abschnitt--flaeche .karte{background:var(--farbe-hintergrund)}
.abschnitt--dunkel{background:var(--farbe-dunkel);color:var(--farbe-auf-dunkel)}
.abschnitt--dunkel h1 em,.abschnitt--dunkel h2 em{color:inherit}
.abschnitt--dunkel a:not(.btn){color:var(--farbe-auf-dunkel);text-decoration-color:var(--farbe-akzent)}
.abschnitt--dunkel a:not(.btn):hover{color:var(--farbe-akzent)}
.abschnitt--dunkel .leise,.abschnitt--dunkel .eyebrow{color:color-mix(in srgb,var(--farbe-auf-dunkel) 80%,transparent)}
.abschnitt--dunkel :focus-visible{outline-color:var(--farbe-akzent);box-shadow:none}
.abschnitt--dunkel .karte{background:color-mix(in srgb,var(--farbe-auf-dunkel) 6%,transparent);border-color:color-mix(in srgb,var(--farbe-auf-dunkel) 18%,transparent)}
.abschnitt--primaer{background:var(--farbe-primaer);color:var(--farbe-auf-primaer)}
.abschnitt--primaer a:not(.btn){color:var(--farbe-auf-primaer)}
.abschnitt--primaer h1 em,.abschnitt--primaer h2 em{color:inherit}
.abschnitt--primaer :focus-visible{outline-color:var(--farbe-auf-primaer);box-shadow:none}
.eyebrow{display:inline-flex;align-items:center;gap:.6rem;font-family:var(--schrift-text);font-size:.8125rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--farbe-text-leise);margin:0 0 .75rem}
.eyebrow::before{content:'';width:1.5rem;height:2px;background:var(--farbe-akzent)}
.lead{font-size:clamp(1.15rem,1.05rem + .5vw,1.4rem);line-height:1.55;max-width:58ch}
.leise{color:var(--farbe-text-leise)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:48px;padding:.75rem 1.5rem;border:2px solid transparent;border-radius:var(--radius);font-family:var(--schrift-text);font-size:.9375rem;font-weight:600;letter-spacing:.06em;line-height:1.2;text-transform:uppercase;text-decoration:none;cursor:pointer;transition:background-color .2s,color .2s,border-color .2s,transform .2s}
.btn:hover{transform:translateY(-2px)}
.btn--primaer{background:var(--farbe-primaer);color:var(--farbe-auf-primaer)}
.btn--primaer:hover{background:var(--farbe-primaer-text);color:var(--farbe-auf-primaer)}
.btn--sekundaer{background:transparent;color:var(--farbe-text);border-color:currentColor}
.btn--sekundaer:hover{background:var(--farbe-text);border-color:var(--farbe-text);color:var(--farbe-hintergrund)}
.abschnitt--dunkel .btn--sekundaer{color:var(--farbe-auf-dunkel)}
.abschnitt--dunkel .btn--sekundaer:hover{background:var(--farbe-auf-dunkel);border-color:var(--farbe-auf-dunkel);color:var(--farbe-dunkel)}
.btn--hell{background:var(--farbe-auf-dunkel);color:var(--farbe-dunkel)}
.btn--hell:hover{background:var(--farbe-akzent);color:var(--farbe-dunkel)}
.raster{display:grid;gap:clamp(1.25rem,3vw,2rem);grid-template-columns:repeat(auto-fit,minmax(min(100%,17rem),1fr));align-items:start}
.split{display:grid;gap:clamp(1.5rem,4vw,4rem);align-items:start}
.karte{display:flex;flex-direction:column;gap:.5rem;padding:clamp(1.25rem,3vw,1.75rem);background:var(--farbe-flaeche);border:1px solid color-mix(in srgb,var(--farbe-text) 12%,transparent);border-radius:var(--radius);transition:border-color .25s,transform .25s}
.karte:hover{border-color:var(--farbe-primaer)}
.karte>*:last-child{margin-bottom:0}
.badge{display:inline-flex;align-items:center;align-self:flex-start;padding:.25rem .7rem;border-radius:var(--radius);background:color-mix(in srgb,var(--farbe-akzent) 24%,transparent);color:var(--farbe-text);font-size:.8125rem;font-weight:600;line-height:1.4}
.abschnitt--dunkel .badge{background:var(--farbe-akzent);color:var(--farbe-dunkel)}
.liste-haken{list-style:none;padding:0;margin:0 0 1.5rem;display:grid;gap:.65rem}
.liste-haken li{position:relative;padding-left:2rem;max-width:62ch}
.liste-haken li::before{content:'';position:absolute;left:.4rem;top:.25em;width:.45rem;height:.85rem;border:solid var(--farbe-primaer-text);border-width:0 2px 2px 0;transform:rotate(45deg)}
.abschnitt--dunkel .liste-haken li::before{border-color:var(--farbe-akzent)}
.bild{width:100%;height:100%;object-fit:cover;border-radius:var(--radius);background:color-mix(in srgb,var(--farbe-text) 6%,var(--farbe-hintergrund))}
.zahl{display:block;font-family:var(--schrift-titel);font-size:clamp(2.5rem,2rem + 2.5vw,4rem);line-height:1;color:var(--farbe-primaer-text);font-variant-numeric:lining-nums}
.abschnitt--dunkel .zahl{color:var(--farbe-akzent)}
.einblenden{opacity:0;transform:translateY(16px);transition:opacity .6s ease,transform .6s ease}
.einblenden.ist-sichtbar{opacity:1;transform:none}
[data-bewegung=verspielt] .einblenden{transform:translateY(32px) scale(.985);transition-duration:.9s}
[data-bewegung=verspielt] .einblenden.ist-sichtbar{transform:none}
[data-bewegung=verspielt] .raster>.einblenden:nth-child(2){transition-delay:.08s}
[data-bewegung=verspielt] .raster>.einblenden:nth-child(3){transition-delay:.16s}
[data-bewegung=verspielt] .raster>.einblenden:nth-child(4){transition-delay:.24s}
[data-bewegung=verspielt] .karte:hover{transform:translateY(-4px)}
@keyframes langsam-zoom{from{transform:scale(1)}to{transform:scale(1.06)}}
[data-bewegung=verspielt] .bild--langsam{animation:langsam-zoom 20s ease-out both}
[data-bewegung=ruhig] .einblenden{opacity:1;transform:none;transition:none}
[data-bewegung=ruhig] .btn,[data-bewegung=ruhig] .karte{transition:none}
[data-bewegung=ruhig] .btn:hover,[data-bewegung=ruhig] .karte:hover{transform:none}
[data-bewegung=ruhig] .bild--langsam{animation:none}
@media (prefers-reduced-motion:reduce){
html{scroll-behavior:auto}
*,*::before,*::after{animation:none;transition:none}
.einblenden,[data-bewegung] .einblenden,[data-bewegung] .einblenden.ist-sichtbar{opacity:1;transform:none;transition:none}
.btn:hover,.karte:hover,[data-bewegung] .btn:hover,[data-bewegung] .karte:hover{transform:none}
.btn,.karte,[data-bewegung] .btn,[data-bewegung] .karte{transition:none}
[data-bewegung] .bild--langsam{animation:none}
}
@media (min-width:768px){
.split{grid-template-columns:1fr 1fr}
.split--breit-links{grid-template-columns:3fr 2fr}
.raster--zwei{grid-template-columns:repeat(2,1fr)}
.btn{padding-inline:1.75rem}
}
@media (min-width:1100px){
.raster--drei{grid-template-columns:repeat(3,1fr)}
.raster--vier{grid-template-columns:repeat(4,1fr)}
.split{gap:clamp(3rem,6vw,6rem)}
}

/* WordPress */

/* Abschnitte stossen direkt aneinander (wie im Entwurf) */
.wp-site-blocks>*,.wp-block-post-content>.abschnitt,.wp-block-post-content>[data-abschnitt],.wp-block-post-content>.alignfull{margin-block:0}
.wp-site-blocks{padding-top:0}
main#inhalt{margin-block:0}
/* Ohne Skript (Plugin «Huber-Bausteine» fehlt) bleibt alles sichtbar */
html:not(.hb-effekte) .einblenden{opacity:1;transform:none}
h1,h2,h3,h4{hyphens:manual;-webkit-hyphens:manual;overflow-wrap:break-word}
img{max-width:100%;height:auto}
/* Knöpfe: die Klassen .btn … sitzen in WordPress am Rahmen (.wp-block-button), der Link füllt ihn ganz aus */
.wp-block-button.btn{position:relative}
.wp-block-button.btn>.wp-block-button__link{all:unset;cursor:pointer;color:inherit}
.wp-block-button.btn>.wp-block-button__link::after{content:"";position:absolute;inset:0}
.wp-block-button.btn:focus-within{outline:3px solid var(--farbe-primaer-text);outline-offset:3px}
.abschnitt--dunkel .wp-block-button.btn:focus-within{outline-color:var(--farbe-akzent)}
.wp-block-buttons.btn-gruppe{gap:0.75rem}
/* Bilder: die Klassen .bild … sitzen an der figure, das Bild füllt sie aus */
figure.wp-block-image{margin:0}
figure.wp-block-image.bild{overflow:hidden}
figure.wp-block-image.bild>img{width:100%;height:100%;object-fit:cover;border-radius:inherit;display:block}
figure.wp-block-image .wp-element-caption{font-size:12px;color:var(--farbe-text-leise);margin-top:6px}
/* Bildfläche «Bild folgt» (wird vor dem Livegang durch ein Foto ersetzt) */
.foto-wunsch{position:relative;display:flex;align-items:flex-end;min-height:240px;aspect-ratio:4/3;width:100%;border-radius:var(--radius);background:repeating-linear-gradient(135deg,var(--farbe-flaeche) 0 14px,color-mix(in srgb,var(--farbe-flaeche) 82%,var(--farbe-text)) 14px 15px);border:1px dashed color-mix(in srgb,var(--farbe-text) 30%,transparent);overflow:hidden}
.foto-wunsch::before{content:"";position:absolute;left:50%;top:42%;width:56px;height:42px;transform:translate(-50%,-50%);border:2px solid color-mix(in srgb,var(--farbe-text) 45%,transparent);border-radius:8px;box-shadow:inset 0 0 0 9px var(--farbe-flaeche),inset 0 0 0 11px color-mix(in srgb,var(--farbe-text) 45%,transparent)}
.foto-wunsch>p{margin:0;width:100%;padding:10px 14px;font:500 14px/1.4 var(--schrift-text);background:color-mix(in srgb,var(--farbe-hintergrund) 88%,transparent)}
/* Aufklappbare Fragen */
.wp-block-details>summary{cursor:pointer}
/* Kopfzeile */
.wp-site-blocks>header.wp-block-template-part{position:sticky;top:0;z-index:50}
body.admin-bar .wp-site-blocks>header.wp-block-template-part{top:var(--wp-admin--admin-bar--height,32px)}
.hc-kopf{background:var(--farbe-hintergrund);border-bottom:1px solid color-mix(in srgb,var(--farbe-text) 14%,transparent)}
.hc-kopf__zeile{min-height:76px;gap:1rem 1.5rem}
.hc-kopf .wp-block-site-logo img{height:clamp(40px,5vw,56px);width:auto;max-width:min(60vw,320px);object-fit:contain;mix-blend-mode:multiply}
.hc-kopf .wp-block-site-title a{color:var(--farbe-text);text-decoration:none;font-family:var(--schrift-titel);font-weight:600}
.hc-kopf .wp-block-navigation{font-weight:600;font-size:0.9375rem;gap:1.25rem}
.hc-kopf .wp-block-navigation a{text-decoration:none}
.hc-kopf .wp-block-navigation a:hover{text-decoration:underline;text-underline-offset:.3em;text-decoration-thickness:2px;text-decoration-color:var(--farbe-primaer)}
.hc-kopf .wp-block-navigation__responsive-container.is-menu-open{background:var(--farbe-hintergrund);color:var(--farbe-text);padding:1.5rem clamp(16px,4vw,24px)}
.hc-kopf .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item{font-family:var(--schrift-titel);font-size:1.5rem}
.hc-kopf .wp-block-navigation__responsive-container.is-menu-open :is(.wp-block-navigation__responsive-container-content,.wp-block-navigation__container){align-items:flex-start}
.hc-kopf__aktion{flex:none}
/* Menüpunkt des Abschnitts, in dem man gerade ist (setzt das Plugin «Huber-Bausteine») */
.hc-kopf .wp-block-navigation a[aria-current]{text-decoration:underline;text-underline-offset:.3em;text-decoration-thickness:2px;text-decoration-color:var(--farbe-primaer)}
/* Telefon in der Kopfzeile (nur auf grossen Bildschirmen) */
.hc-kopf__tel{margin:0;flex:none;font-weight:600;font-size:.9375rem;white-space:nowrap}
.hc-kopf__tel a{color:var(--farbe-text);text-decoration:none}
.hc-kopf__tel a:hover{text-decoration:underline}
@media (max-width:1279px){.hc-kopf__tel{display:none}}
/* Aktionsleiste unten auf dem Handy (.hc-kopf davor: WordPress 7.1 lädt «.wp-block-buttons{display:flex}» nach dem Theme) */
.hc-kopf .hc-aktionsleiste{display:none}
@media (max-width:781px){.hc-kopf:has(.hc-aktionsleiste) .hc-kopf__aktion{display:none}.hc-kopf .hc-aktionsleiste{display:flex;flex-wrap:nowrap;gap:.5rem;position:fixed;left:0;right:0;bottom:0;z-index:60;margin:0;padding:.6rem clamp(16px,4vw,24px) calc(.6rem + env(safe-area-inset-bottom));background:var(--farbe-hintergrund);border-top:1px solid color-mix(in srgb,var(--farbe-text) 14%,transparent)}.hc-aktionsleiste>.wp-block-button{flex:1 1 0;min-height:44px;padding-inline:.75rem;font-size:.9375rem;white-space:nowrap}body{padding-bottom:72px}}
/* Menü-Knopf schon unter 1100 px (WordPress selbst erst unter 600 px) */
@media (max-width:1099px){.hc-kopf .wp-block-navigation__responsive-container-open:not(.always-shown){display:flex}.hc-kopf .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open){display:none}.hc-kopf .wp-block-navigation{order:3}.hc-kopf .hc-kopf__aktion{margin-left:auto}}
@media (max-width:781px){.hc-kopf__zeile{min-height:64px;gap:.5rem}.hc-kopf .hc-kopf__aktion .wp-block-button__link{font-size:.875rem;padding:.6rem .9rem}}
/* Fusszeile */
.hc-fuss{background:var(--farbe-dunkel);color:var(--farbe-auf-dunkel);padding-block:var(--abstand-klein) 1.5rem}
.hc-fuss a{color:var(--farbe-auf-dunkel)}
.hc-fuss .wp-block-site-title a{text-decoration:none;font-family:var(--schrift-titel)}
.hc-fuss__klein{font-size:0.875rem;color:color-mix(in srgb,var(--farbe-auf-dunkel) 80%,var(--farbe-dunkel))}
.hc-fuss__klein a{color:inherit}
/* Fokus deutlich sichtbar */
:where(a,button,input,select,textarea,summary):focus-visible{outline:3px solid var(--farbe-primaer-text);outline-offset:3px}
.hc-fuss :focus-visible{outline-color:var(--farbe-akzent)}

.skip-link.screen-reader-text:focus{background:var(--farbe-dunkel);color:var(--farbe-auf-dunkel);padding:10px 14px;border-radius:var(--radius);z-index:100000}

/* Abschnitt «Laufschrift unter der Kopfzeile» (#laufschrift) */
:is(#laufschrift,.abschnitt-laufschrift).abschnitt{padding-block:0;background:var(--farbe-hintergrund);border-block:1px solid color-mix(in srgb,var(--farbe-text) 12%,transparent);overflow:hidden}
:is(#laufschrift,.abschnitt-laufschrift) .laufschrift__titel{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
:is(#laufschrift,.abschnitt-laufschrift) .hb-lauf__band li{font-family:var(--schrift-titel);font-style:italic;font-size:clamp(1.15rem,1rem + .8vw,1.6rem);color:var(--farbe-text);white-space:nowrap}

/* Abschnitt «Startbereich mit Versprechen» (#hero) */
:is(#hero,.abschnitt-hero){padding:0;margin-top:0;position:relative;border:0;outline:0;box-shadow:none;background:var(--farbe-dunkel);color:var(--farbe-auf-dunkel)}:is(#hero,.abschnitt-hero) .hb-bildwechsel--start{display:flex;flex-direction:column;height:auto;min-height:0;max-height:none;margin:0;border:0;outline:0;box-shadow:none;background:var(--farbe-dunkel);color:var(--farbe-auf-dunkel)}:is(#hero,.abschnitt-hero) .hb-bildwechsel--start::before,:is(#hero,.abschnitt-hero) .hb-bildwechsel--start::after,:is(#hero,.abschnitt-hero) .hb-bildwechsel--start>.hb-slider__spur::before,:is(#hero,.abschnitt-hero) .hb-bildwechsel--start>.hb-slider__spur::after,:is(#hero,.abschnitt-hero) .hb-bildwechsel__bild::after{background:none;background-image:none}:is(#hero,.abschnitt-hero) .hb-bildwechsel--start>.hb-slider__spur{order:0;flex:0 0 auto;position:relative;inset:auto;width:100%;height:auto;min-height:0;max-height:none;aspect-ratio:3/2;margin:0;border:0;outline:0;box-shadow:none;background:var(--farbe-dunkel);overflow:hidden;isolation:isolate}:is(#hero,.abschnitt-hero) .hb-bildwechsel__bild img{object-position:50% 30%}:is(#hero,.abschnitt-hero) .hb-bildwechsel--start>.hb-bildwechsel__inhalt{order:1;flex:0 0 auto;position:relative;inset:auto;top:auto;right:auto;bottom:auto;left:auto;transform:none;z-index:2;width:auto;max-width:none;margin:0;padding:2rem clamp(16px,4vw,24px) 2.5rem;background:var(--farbe-dunkel);background-image:none;color:var(--farbe-auf-dunkel)}:is(#hero,.abschnitt-hero) .hero__titel{font-size:clamp(2.1rem,1.4rem + 3vw,4.25rem);color:var(--farbe-auf-dunkel);background:transparent}:is(#hero,.abschnitt-hero) .hero__titel em{display:block;color:var(--farbe-auf-dunkel);font-style:italic}:is(#hero,.abschnitt-hero) .hb-bildwechsel__inhalt .lead{color:var(--farbe-auf-dunkel);text-wrap:pretty}:is(#hero,.abschnitt-hero) .hero__frist{white-space:nowrap}:is(#hero,.abschnitt-hero) .hero__knoepfe{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.5rem}:is(#hero,.abschnitt-hero) .hero__knoepfe .btn{flex:1 1 100%}:is(#hero,.abschnitt-hero) .hb-bildwechsel__inhalt :focus-visible{outline-color:var(--farbe-akzent);box-shadow:none}@media (min-width:768px){:is(#hero,.abschnitt-hero) .hb-bildwechsel--start{display:grid;grid-template-columns:minmax(0,1fr)}:is(#hero,.abschnitt-hero) .hb-bildwechsel--start>.hb-slider__spur{grid-row:1;grid-column:1;aspect-ratio:auto;min-height:clamp(34rem,78vh,56rem)}:is(#hero,.abschnitt-hero) .hb-bildwechsel__bild img{object-position:50% 35%}:is(#hero,.abschnitt-hero) .hb-bildwechsel--start>.hb-bildwechsel__inhalt{grid-row:1;grid-column:1;align-self:end;justify-self:start;max-width:min(44rem,calc(100% - 3rem));margin:2rem 0 clamp(2rem,5vw,4rem) max(clamp(16px,4vw,24px),calc((100% - var(--breite)) / 2 + clamp(16px,4vw,24px)));padding:clamp(1.75rem,3vw,2.75rem);background:var(--farbe-dunkel)}:is(#hero,.abschnitt-hero) .hero__knoepfe .btn{flex:0 0 auto}}@media (min-width:1100px){:is(#hero,.abschnitt-hero) .hb-bildwechsel--start>.hb-slider__spur{min-height:clamp(36rem,80vh,58rem)}}

/* Abschnitt «Belege als schmale Leiste» (#belege) */
:is(#belege,.abschnitt-belege).abschnitt{padding-block:clamp(1.5rem,4vw,2.5rem);background:var(--farbe-hintergrund)}
:is(#belege,.abschnitt-belege),:is(#belege,.abschnitt-belege) *{hyphens:none;-webkit-hyphens:none;-ms-hyphens:none;overflow-wrap:normal;word-break:normal}
:is(#belege,.abschnitt-belege) .belege__titel{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
:is(#belege,.abschnitt-belege) .belege__liste{list-style:none;margin:0;padding:clamp(1.5rem,4vw,2.25rem) 0;display:grid;grid-template-columns:minmax(0,1fr);gap:1.25rem;border-top:1px solid color-mix(in srgb,var(--farbe-text) 18%,transparent);border-bottom:1px solid color-mix(in srgb,var(--farbe-text) 18%,transparent)}
:is(#belege,.abschnitt-belege) .belege__eintrag{display:flex;flex-direction:column;gap:.3rem;min-width:0}
:is(#belege,.abschnitt-belege) .belege__eintrag::before{content:'';display:block;width:1.75rem;height:2px;background:var(--farbe-akzent);margin-bottom:.4rem}
:is(#belege,.abschnitt-belege) .belege__kopf{font-family:var(--schrift-text);font-size:1rem;font-weight:700;line-height:1.3;letter-spacing:0;margin:0;color:var(--farbe-text);text-wrap:balance}
:is(#belege,.abschnitt-belege) .belege__text{margin:0;font-size:1rem;line-height:1.5;color:var(--farbe-text-leise);text-wrap:pretty}
@media (min-width:768px){
:is(#belege,.abschnitt-belege) .belege__liste{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.75rem 2rem}
:is(#belege,.abschnitt-belege) .belege__kopf{font-size:1.0625rem}
:is(#belege,.abschnitt-belege) .belege__eintrag::before{margin-bottom:.5rem}
}
@media (min-width:1100px){
:is(#belege,.abschnitt-belege) .belege__liste{grid-template-columns:repeat(4,minmax(0,1fr));gap:0}
:is(#belege,.abschnitt-belege) .belege__eintrag{padding-inline:clamp(1.5rem,2.5vw,2.25rem)}
:is(#belege,.abschnitt-belege) .belege__eintrag:first-child{padding-left:0}
:is(#belege,.abschnitt-belege) .belege__eintrag:last-child{padding-right:0}
:is(#belege,.abschnitt-belege) .belege__eintrag+.belege__eintrag{border-left:1px solid color-mix(in srgb,var(--farbe-text) 12%,transparent)}
}
:is(#belege,.abschnitt-belege) .container>.belege__liste{margin-block:0}
:is(#belege,.abschnitt-belege) .belege__liste>.belege__eintrag{margin-block:0}
:is(#belege,.abschnitt-belege) .belege__eintrag>.belege__kopf,:is(#belege,.abschnitt-belege) .belege__eintrag>.belege__text{margin-block:0}

/* Abschnitt «Zwei Wege: Neulinge und erfahrene Models» (#zwei-wege) */
:is(#zwei-wege,.abschnitt-zwei-wege){scroll-margin-top:calc(var(--kopf-hoehe, 72px) + 1.5rem);position:relative;z-index:0;padding-top:calc(var(--abstand) + 1rem)}
:is(#zwei-wege,.abschnitt-zwei-wege) .zwei-wege__kopf{display:grid;gap:var(--abstand-klein, 1rem);margin-bottom:clamp(2.5rem,6vw,4.5rem)}
:is(#zwei-wege,.abschnitt-zwei-wege) .zwei-wege__kopf h2{max-width:18ch;margin:0;scroll-margin-top:calc(var(--kopf-hoehe, 72px) + 1.5rem)}
:is(#zwei-wege,.abschnitt-zwei-wege) .zwei-wege__kopf .lead{margin:0}
:is(#zwei-wege,.abschnitt-zwei-wege) .zwei-wege__spalten{display:grid;grid-template-columns:1fr;align-items:stretch;border-top:1px solid color-mix(in srgb,var(--farbe-text) 18%,transparent)}
:is(#zwei-wege,.abschnitt-zwei-wege) .zwei-wege__weg{display:flex;flex-direction:column;align-items:stretch;padding-block:clamp(2rem,5vw,2.75rem)}
:is(#zwei-wege,.abschnitt-zwei-wege) .zwei-wege__weg + .zwei-wege__weg{border-top:1px solid color-mix(in srgb,var(--farbe-text) 18%,transparent)}
:is(#zwei-wege,.abschnitt-zwei-wege) .zwei-wege__bild,:is(#zwei-wege,.abschnitt-zwei-wege) .zwei-wege__bild.foto-wunsch{position:relative;display:block;flex:0 0 auto;margin:0 0 clamp(1.5rem,3vw,2rem);width:100%;height:auto;min-height:0;max-height:none;aspect-ratio:4/3;overflow:hidden;border-radius:var(--radius)}
:is(#zwei-wege,.abschnitt-zwei-wege) .zwei-wege__bild .bild{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:0}
:is(#zwei-wege,.abschnitt-zwei-wege) .zwei-wege__fuer{font-size:.9375rem;font-weight:600;color:var(--farbe-text-leise);margin:0 0 .5rem}
:is(#zwei-wege,.abschnitt-zwei-wege) .zwei-wege__weg h3{font-size:clamp(1.5rem,1.2rem + 1.2vw,2.125rem);font-weight:500;line-height:1.15;margin-bottom:1rem}
:is(#zwei-wege,.abschnitt-zwei-wege) .zwei-wege__weg > p{max-width:52ch}
:is(#zwei-wege,.abschnitt-zwei-wege) .liste-haken{margin-block:.5rem 2rem}
:is(#zwei-wege,.abschnitt-zwei-wege) .zwei-wege__link{margin:auto 0 0}
:is(#zwei-wege,.abschnitt-zwei-wege) .zwei-wege__link a{display:inline-flex;align-items:center;min-height:44px;font-weight:600}
@media (min-width:768px){
:is(#zwei-wege,.abschnitt-zwei-wege) .zwei-wege__spalten{grid-template-columns:1fr 1fr}
:is(#zwei-wege,.abschnitt-zwei-wege) .zwei-wege__weg{padding-right:clamp(1.5rem,4vw,3.5rem)}
:is(#zwei-wege,.abschnitt-zwei-wege) .zwei-wege__weg + .zwei-wege__weg{border-top:0;border-left:1px solid color-mix(in srgb,var(--farbe-text) 18%,transparent);padding-right:0;padding-left:clamp(1.5rem,4vw,3.5rem)}
:is(#zwei-wege,.abschnitt-zwei-wege) .zwei-wege__bild,:is(#zwei-wege,.abschnitt-zwei-wege) .zwei-wege__bild.foto-wunsch{aspect-ratio:5/4}
}
@media (min-width:1100px){
:is(#zwei-wege,.abschnitt-zwei-wege) .zwei-wege__kopf{grid-template-columns:3fr 2fr;align-items:end;gap:clamp(3rem,6vw,6rem)}
}
:is(#zwei-wege,.abschnitt-zwei-wege) .zwei-wege__bild img{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;border-radius:0;background:color-mix(in srgb,var(--farbe-text) 6%,var(--farbe-hintergrund))}

/* Abschnitt «Bildstreifen mit Highlights» (#bildstreifen) */
:is(#bildstreifen,.abschnitt-bildstreifen){--bs-hoehe:clamp(15rem,52vh,22rem);--bs-rand:clamp(16px,4vw,24px);overflow:hidden}
:is(#bildstreifen,.abschnitt-bildstreifen) .bildstreifen__kopf{display:flex;flex-direction:column;align-items:flex-start;gap:1.5rem;margin-bottom:clamp(2rem,4vw,3rem)}
:is(#bildstreifen,.abschnitt-bildstreifen) .bildstreifen__titel h2{margin-bottom:1rem}
:is(#bildstreifen,.abschnitt-bildstreifen) .bildstreifen__titel .lead{margin:0}
:is(#bildstreifen,.abschnitt-bildstreifen) .bildstreifen__spur{list-style:none;margin:0;display:flex;gap:clamp(.5rem,1.2vw,1rem);overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;padding-block:4px;padding-inline:max(var(--bs-rand),calc((100% - var(--breite))/2 + var(--bs-rand)));scroll-padding-inline:max(var(--bs-rand),calc((100% - var(--breite))/2 + var(--bs-rand)));scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--farbe-auf-dunkel) 35%,transparent) transparent;-webkit-overflow-scrolling:touch}
:is(#bildstreifen,.abschnitt-bildstreifen) .bildstreifen__spur:focus-visible{outline-offset:-3px}
:is(#bildstreifen,.abschnitt-bildstreifen) .bildstreifen__bild{flex:0 0 auto;height:var(--bs-hoehe);scroll-snap-align:start}
:is(#bildstreifen,.abschnitt-bildstreifen) .bildstreifen__bild--quer{width:min(calc(var(--bs-hoehe) * 2.26),86vw)}
:is(#bildstreifen,.abschnitt-bildstreifen) .bildstreifen__bild--hoch{width:calc(var(--bs-hoehe) * .667)}
:is(#bildstreifen,.abschnitt-bildstreifen) .bildstreifen__bild figure{margin:0;width:100%;height:100%}
:is(#bildstreifen,.abschnitt-bildstreifen) .bildstreifen__bild .bild{background:color-mix(in srgb,var(--farbe-auf-dunkel) 8%,transparent)}
:is(#bildstreifen,.abschnitt-bildstreifen) .bildstreifen__fuss{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem 2rem;margin-top:clamp(1.5rem,3vw,2rem)}
:is(#bildstreifen,.abschnitt-bildstreifen) .bildstreifen__pfeile{display:flex;gap:.75rem}
:is(#bildstreifen,.abschnitt-bildstreifen) .bildstreifen__pfeil{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;padding:0;background:transparent;color:var(--farbe-auf-dunkel);border:2px solid color-mix(in srgb,var(--farbe-auf-dunkel) 70%,transparent);border-radius:var(--radius);cursor:pointer;transition:background-color .2s,color .2s,border-color .2s}
:is(#bildstreifen,.abschnitt-bildstreifen) .bildstreifen__pfeil:hover:not(:disabled){background:var(--farbe-auf-dunkel);color:var(--farbe-dunkel);border-color:var(--farbe-auf-dunkel)}
:is(#bildstreifen,.abschnitt-bildstreifen) .bildstreifen__pfeil:disabled{opacity:.4;cursor:default}
:is(#bildstreifen,.abschnitt-bildstreifen) .bildstreifen__mehr{margin:0;font-weight:600}
[data-bewegung="ruhig"] :is(#bildstreifen,.abschnitt-bildstreifen) .bildstreifen__pfeil{transition:none}
@media (prefers-reduced-motion:reduce){:is(#bildstreifen,.abschnitt-bildstreifen) .bildstreifen__pfeil{transition:none}:is(#bildstreifen,.abschnitt-bildstreifen) .bildstreifen__spur{scroll-behavior:auto}}
@media (min-width:768px){:is(#bildstreifen,.abschnitt-bildstreifen){--bs-hoehe:clamp(20rem,58vh,30rem)}:is(#bildstreifen,.abschnitt-bildstreifen) .bildstreifen__kopf{flex-direction:row;align-items:flex-end;justify-content:space-between;gap:3rem}:is(#bildstreifen,.abschnitt-bildstreifen) .bildstreifen__kopf .btn{flex-shrink:0}}
@media (min-width:1100px){:is(#bildstreifen,.abschnitt-bildstreifen){--bs-hoehe:clamp(24rem,62vh,36rem)}}
:is(#bildstreifen,.abschnitt-bildstreifen) .bildstreifen__kopf>*,:is(#bildstreifen,.abschnitt-bildstreifen) .bildstreifen__fuss>*,:is(#bildstreifen,.abschnitt-bildstreifen) .bildstreifen__spur>*{margin:0}
:is(#bildstreifen,.abschnitt-bildstreifen) .bildstreifen__kopf>.wp-block-buttons{flex-shrink:0}
:is(#bildstreifen,.abschnitt-bildstreifen) .bildstreifen__titel>.lead{margin-top:0}
:is(#bildstreifen,.abschnitt-bildstreifen) .wp-block-image.bildstreifen__bild{margin:0}
:is(#bildstreifen,.abschnitt-bildstreifen) .wp-block-image.bildstreifen__bild img{width:100%;height:100%;object-fit:cover;border-radius:var(--radius);background:color-mix(in srgb,var(--farbe-auf-dunkel) 8%,transparent)}
:is(#bildstreifen,.abschnitt-bildstreifen) .bildstreifen__bild>.foto-wunsch{width:100%;height:100%;margin:0}

/* Abschnitt «Wer hinter der Kamera steht» (#ueber-mich-kurz) */
:is(#ueber-mich-kurz,.abschnitt-ueber-mich-kurz) .ueber__raster{display:grid;gap:clamp(2rem,5vw,3rem);align-items:start}:is(#ueber-mich-kurz,.abschnitt-ueber-mich-kurz) .ueber__bild{aspect-ratio:4/5;width:100%;max-width:32rem}:is(#ueber-mich-kurz,.abschnitt-ueber-mich-kurz) .ueber__bild .foto-wunsch{margin:0;width:100%;height:100%}:is(#ueber-mich-kurz,.abschnitt-ueber-mich-kurz) .ueber__text h2{margin-bottom:var(--abstand-klein)}:is(#ueber-mich-kurz,.abschnitt-ueber-mich-kurz) .ueber__text .lead{margin-bottom:1.75rem}:is(#ueber-mich-kurz,.abschnitt-ueber-mich-kurz) .ueber__fakten{margin:0 0 1.75rem;padding:0;display:grid;max-width:36rem;border-top:1px solid color-mix(in srgb,var(--farbe-text) 18%,transparent)}:is(#ueber-mich-kurz,.abschnitt-ueber-mich-kurz) .ueber__fakt{display:grid;gap:.15rem;padding:.8rem 0;border-bottom:1px solid color-mix(in srgb,var(--farbe-text) 18%,transparent)}:is(#ueber-mich-kurz,.abschnitt-ueber-mich-kurz) .ueber__fakt dt{font-size:.8125rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--farbe-text-leise)}:is(#ueber-mich-kurz,.abschnitt-ueber-mich-kurz) .ueber__fakt dd{margin:0;font-family:var(--schrift-titel);font-size:1.15rem;line-height:1.35;color:var(--farbe-text)}:is(#ueber-mich-kurz,.abschnitt-ueber-mich-kurz) .ueber__handlung{margin:2rem 0 0}@media (min-width:768px){:is(#ueber-mich-kurz,.abschnitt-ueber-mich-kurz) .ueber__raster{grid-template-columns:5fr 7fr;gap:clamp(2.5rem,5vw,4rem)}:is(#ueber-mich-kurz,.abschnitt-ueber-mich-kurz) .ueber__bild{max-width:none}:is(#ueber-mich-kurz,.abschnitt-ueber-mich-kurz) .ueber__fakt{grid-template-columns:9rem 1fr;gap:1rem;align-items:baseline}}@media (min-width:1100px){:is(#ueber-mich-kurz,.abschnitt-ueber-mich-kurz) .ueber__raster{grid-template-columns:5fr 6fr;gap:clamp(4rem,7vw,7rem)}}
:is(#ueber-mich-kurz,.abschnitt-ueber-mich-kurz) :where(.ueber__raster,.ueber__text,.ueber__fakten)>*{margin-block-start:0}:is(#ueber-mich-kurz,.abschnitt-ueber-mich-kurz) .ueber__fakt>p{margin:0;max-width:none}:is(#ueber-mich-kurz,.abschnitt-ueber-mich-kurz) .ueber__fakt>p:first-child{font-size:.8125rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--farbe-text-leise)}:is(#ueber-mich-kurz,.abschnitt-ueber-mich-kurz) .ueber__fakt>p:last-child{font-family:var(--schrift-titel);font-size:1.15rem;line-height:1.35;color:var(--farbe-text)}

/* Abschnitt «So läuft ein TFP-Shooting» (#ablauf-kurz) */
:is(#ablauf-kurz,.abschnitt-ablauf-kurz) .ablauf-kurz__kopf{display:grid;gap:1rem;margin-bottom:clamp(2.5rem,6vw,4.5rem)}
:is(#ablauf-kurz,.abschnitt-ablauf-kurz) .ablauf-kurz__kopf h2{margin:0;max-width:18ch}
:is(#ablauf-kurz,.abschnitt-ablauf-kurz) .ablauf-kurz__kopf .lead{margin:0}
:is(#ablauf-kurz,.abschnitt-ablauf-kurz) .ablauf-kurz__zeitleiste{--lk-luecke:2.25rem;--lk-marke:3rem;list-style:none;margin:0;padding:0;display:grid;gap:var(--lk-luecke);max-width:44rem}
:is(#ablauf-kurz,.abschnitt-ablauf-kurz) .ablauf-kurz__schritt{position:relative;padding-left:calc(var(--lk-marke) + 1.25rem)}
:is(#ablauf-kurz,.abschnitt-ablauf-kurz) .ablauf-kurz__schritt::after{content:'';position:absolute;left:calc(var(--lk-marke) / 2 - 1px);top:var(--lk-marke);bottom:calc(-1 * var(--lk-luecke));width:2px;background:var(--farbe-primaer-text);transform-origin:top center}
:is(#ablauf-kurz,.abschnitt-ablauf-kurz) .ablauf-kurz__schritt:last-child::after{content:none}
:is(#ablauf-kurz,.abschnitt-ablauf-kurz) .ablauf-kurz__nummer{position:absolute;left:0;top:0;z-index:1;display:grid;place-items:center;width:var(--lk-marke);height:var(--lk-marke);background:var(--farbe-hintergrund);border:2px solid var(--farbe-primaer-text);border-radius:var(--radius);font-family:var(--schrift-titel);font-size:1.375rem;line-height:1;color:var(--farbe-primaer-text);font-variant-numeric:lining-nums}
:is(#ablauf-kurz,.abschnitt-ablauf-kurz) .ablauf-kurz__zeit{display:inline-flex;align-items:center;min-height:1.9rem;margin:.55rem 0 .75rem;padding:.2rem .7rem;border:1px solid var(--farbe-text-leise);border-radius:var(--radius);font-size:.8125rem;font-weight:600;letter-spacing:.04em;line-height:1.3;color:var(--farbe-text-leise)}
:is(#ablauf-kurz,.abschnitt-ablauf-kurz) .ablauf-kurz__zeit--frist{background:var(--farbe-akzent);border-color:var(--farbe-akzent);color:var(--farbe-dunkel)}
:is(#ablauf-kurz,.abschnitt-ablauf-kurz) .ablauf-kurz__schritt h3{margin-bottom:.5rem}
:is(#ablauf-kurz,.abschnitt-ablauf-kurz) .ablauf-kurz__schritt p:last-child{margin:0;max-width:34ch}
:is(#ablauf-kurz,.abschnitt-ablauf-kurz) .ablauf-kurz__fuss{display:grid;gap:1.5rem;margin-top:clamp(2.5rem,6vw,4.5rem);padding-top:clamp(1.5rem,3vw,2rem);border-top:1px solid color-mix(in srgb,var(--farbe-text) 15%,transparent)}
:is(#ablauf-kurz,.abschnitt-ablauf-kurz) .ablauf-kurz__vertrag{margin:0;font-family:var(--schrift-titel);font-size:clamp(1.2rem,1.1rem + .5vw,1.5rem);font-style:italic;line-height:1.35}
:is(#ablauf-kurz,.abschnitt-ablauf-kurz) .ablauf-kurz__aktionen{display:flex;flex-wrap:wrap;align-items:center;gap:1rem 1.75rem}
:is(#ablauf-kurz,.abschnitt-ablauf-kurz) .ablauf-kurz__mehr{display:inline-flex;align-items:center;min-height:44px;font-weight:600}
@media (prefers-reduced-motion:no-preference){
[data-bewegung="verspielt"] :is(#ablauf-kurz,.abschnitt-ablauf-kurz) .ablauf-kurz__schritt{opacity:0;transform:translateY(12px);transition:opacity .6s ease,transform .6s ease}
[data-bewegung="verspielt"] :is(#ablauf-kurz,.abschnitt-ablauf-kurz) .ablauf-kurz__schritt::after{transform:scaleY(0);transition:transform .7s ease}
[data-bewegung="verspielt"] :is(#ablauf-kurz,.abschnitt-ablauf-kurz) .ablauf-kurz__zeitleiste.ist-sichtbar .ablauf-kurz__schritt{opacity:1;transform:none}
[data-bewegung="verspielt"] :is(#ablauf-kurz,.abschnitt-ablauf-kurz) .ablauf-kurz__zeitleiste.ist-sichtbar .ablauf-kurz__schritt::after{transform:none}
[data-bewegung="verspielt"] :is(#ablauf-kurz,.abschnitt-ablauf-kurz) .ablauf-kurz__schritt:nth-child(1){transition-delay:.2s}
[data-bewegung="verspielt"] :is(#ablauf-kurz,.abschnitt-ablauf-kurz) .ablauf-kurz__schritt:nth-child(1)::after{transition-delay:.5s}
[data-bewegung="verspielt"] :is(#ablauf-kurz,.abschnitt-ablauf-kurz) .ablauf-kurz__schritt:nth-child(2){transition-delay:.9s}
[data-bewegung="verspielt"] :is(#ablauf-kurz,.abschnitt-ablauf-kurz) .ablauf-kurz__schritt:nth-child(2)::after{transition-delay:1.2s}
[data-bewegung="verspielt"] :is(#ablauf-kurz,.abschnitt-ablauf-kurz) .ablauf-kurz__schritt:nth-child(3){transition-delay:1.6s}
[data-bewegung="verspielt"] :is(#ablauf-kurz,.abschnitt-ablauf-kurz) .ablauf-kurz__schritt:nth-child(3)::after{transition-delay:1.9s}
[data-bewegung="verspielt"] :is(#ablauf-kurz,.abschnitt-ablauf-kurz) .ablauf-kurz__schritt:nth-child(4){transition-delay:2.3s}
}
@media (prefers-reduced-motion:reduce){
:is(#ablauf-kurz,.abschnitt-ablauf-kurz) .ablauf-kurz__schritt,:is(#ablauf-kurz,.abschnitt-ablauf-kurz) .ablauf-kurz__schritt::after{opacity:1;transform:none;transition:none}
}
@media (min-width:768px){
:is(#ablauf-kurz,.abschnitt-ablauf-kurz) .ablauf-kurz__fuss{grid-template-columns:1fr auto;align-items:center}
}
@media (min-width:1100px){
:is(#ablauf-kurz,.abschnitt-ablauf-kurz) .ablauf-kurz__kopf{grid-template-columns:7fr 5fr;align-items:end;gap:4rem}
:is(#ablauf-kurz,.abschnitt-ablauf-kurz) .ablauf-kurz__zeitleiste{--lk-luecke:2.5rem;grid-template-columns:repeat(4,1fr);max-width:none;align-items:start}
:is(#ablauf-kurz,.abschnitt-ablauf-kurz) .ablauf-kurz__schritt{padding-left:0;padding-top:calc(var(--lk-marke) + .75rem)}
:is(#ablauf-kurz,.abschnitt-ablauf-kurz) .ablauf-kurz__schritt::after{left:var(--lk-marke);right:calc(-1 * var(--lk-luecke));top:calc(var(--lk-marke) / 2 - 1px);bottom:auto;width:auto;height:2px;transform-origin:left center}
:is(#ablauf-kurz,.abschnitt-ablauf-kurz) .ablauf-kurz__zeit{margin-top:.25rem}
}
@media (min-width:1100px) and (prefers-reduced-motion:no-preference){
[data-bewegung="verspielt"] :is(#ablauf-kurz,.abschnitt-ablauf-kurz) .ablauf-kurz__schritt::after{transform:scaleX(0)}
[data-bewegung="verspielt"] :is(#ablauf-kurz,.abschnitt-ablauf-kurz) .ablauf-kurz__zeitleiste.ist-sichtbar .ablauf-kurz__schritt::after{transform:none}
}
:is(#ablauf-kurz,.abschnitt-ablauf-kurz) .ablauf-kurz__kopf>*,:is(#ablauf-kurz,.abschnitt-ablauf-kurz) .ablauf-kurz__zeitleiste>*,:is(#ablauf-kurz,.abschnitt-ablauf-kurz) .ablauf-kurz__fuss>*{margin-block-start:0}
:is(#ablauf-kurz,.abschnitt-ablauf-kurz) .ablauf-kurz__schritt>h3,:is(#ablauf-kurz,.abschnitt-ablauf-kurz) .ablauf-kurz__schritt>p:not(.ablauf-kurz__zeit){margin-block-start:0}
:is(#ablauf-kurz,.abschnitt-ablauf-kurz) .ablauf-kurz__nummer{margin:0;max-width:none}
:is(#ablauf-kurz,.abschnitt-ablauf-kurz) .ablauf-kurz__aktionen{margin:0}
:is(#ablauf-kurz,.abschnitt-ablauf-kurz) .ablauf-kurz__mehr .wp-block-button__link{display:inline-flex;align-items:center;min-height:44px;padding:0;border:0;border-radius:0;background:transparent;color:var(--farbe-primaer-text);font-family:var(--schrift-text);font-size:inherit;font-weight:600;letter-spacing:normal;text-transform:none;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.2em;transition:color .2s,text-decoration-color .2s}
:is(#ablauf-kurz,.abschnitt-ablauf-kurz) .ablauf-kurz__mehr .wp-block-button__link:hover{color:var(--farbe-text);text-decoration-color:var(--farbe-akzent)}

/* Abschnitt «Checkliste und Posing-Guide» (#vorbereitung-kurz) */
:is(#vorbereitung-kurz,.abschnitt-vorbereitung-kurz){scroll-margin-top:var(--kopf-hoehe,72px);position:relative;z-index:auto}
:is(#vorbereitung-kurz,.abschnitt-vorbereitung-kurz) .vk__raster{display:grid;gap:clamp(2.5rem,6vw,5rem);align-items:start}
:is(#vorbereitung-kurz,.abschnitt-vorbereitung-kurz) .vk__raster>*{min-width:0}
:is(#vorbereitung-kurz,.abschnitt-vorbereitung-kurz) .vk__text h2{max-width:14ch}
:is(#vorbereitung-kurz,.abschnitt-vorbereitung-kurz) .vk__zwischentitel{font-family:var(--schrift-text);font-size:1rem;font-weight:600;letter-spacing:.02em;margin:clamp(1.75rem,4vw,2.5rem) 0 1rem;padding-top:1.25rem;border-top:1px solid color-mix(in srgb,var(--farbe-text) 18%,transparent)}
:is(#vorbereitung-kurz,.abschnitt-vorbereitung-kurz) .vk__liste{gap:1rem}
:is(#vorbereitung-kurz,.abschnitt-vorbereitung-kurz) .vk__liste strong{display:block;font-weight:600;color:var(--farbe-text)}
:is(#vorbereitung-kurz,.abschnitt-vorbereitung-kurz) .vk__mehr{margin:0}
:is(#vorbereitung-kurz,.abschnitt-vorbereitung-kurz) .vk__mehr a{display:inline-flex;align-items:center;min-height:44px;font-weight:600}
:is(#vorbereitung-kurz,.abschnitt-vorbereitung-kurz) .vk__guide{padding:clamp(1.5rem,4vw,2.5rem);background:var(--farbe-hintergrund);border-top:3px solid var(--farbe-akzent);border-radius:var(--radius)}
:is(#vorbereitung-kurz,.abschnitt-vorbereitung-kurz) .vk__guide-titel{font-size:clamp(1.35rem,1.2rem + .8vw,1.85rem);font-weight:500;max-width:20ch}
:is(#vorbereitung-kurz,.abschnitt-vorbereitung-kurz) .vk__guide .hb-datei{margin-top:1.5rem}
@media (min-width:768px){
:is(#vorbereitung-kurz,.abschnitt-vorbereitung-kurz) .vk__raster{grid-template-columns:repeat(12,1fr)}
:is(#vorbereitung-kurz,.abschnitt-vorbereitung-kurz) .vk__text{grid-column:1 / span 7}
:is(#vorbereitung-kurz,.abschnitt-vorbereitung-kurz) .vk__guide{grid-column:8 / span 5}
:is(#vorbereitung-kurz,.abschnitt-vorbereitung-kurz) .hb-datei__karte{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:1rem;row-gap:.75rem;align-items:center}
:is(#vorbereitung-kurz,.abschnitt-vorbereitung-kurz) .hb-datei__text{display:contents}
:is(#vorbereitung-kurz,.abschnitt-vorbereitung-kurz) .hb-datei__symbol{grid-column:1;grid-row:1;position:static}
:is(#vorbereitung-kurz,.abschnitt-vorbereitung-kurz) .hb-datei__titel{grid-column:2;grid-row:1;min-width:0;overflow-wrap:break-word}
:is(#vorbereitung-kurz,.abschnitt-vorbereitung-kurz) .hb-datei__beschreibung{grid-column:1 / -1;grid-row:2;width:auto;max-width:none;min-width:0}
:is(#vorbereitung-kurz,.abschnitt-vorbereitung-kurz) .hb-datei__info{grid-column:1 / -1;grid-row:3}
:is(#vorbereitung-kurz,.abschnitt-vorbereitung-kurz) .hb-datei__knopf{grid-column:1 / -1;grid-row:4;justify-self:start;position:static;margin:.5rem 0 0;max-width:100%;white-space:normal;text-align:center}
}
@media (min-width:1100px){
:is(#vorbereitung-kurz,.abschnitt-vorbereitung-kurz) .vk__text{grid-column:1 / span 6}
:is(#vorbereitung-kurz,.abschnitt-vorbereitung-kurz) .vk__guide{grid-column:8 / span 5;margin-top:.5rem}
}

/* Abschnitt «Das Studio» (#studio-kurz) */
:is(#studio-kurz,.abschnitt-studio-kurz) .studio-kurz__raster{display:grid;gap:clamp(1.75rem,4vw,3rem);align-items:start}
:is(#studio-kurz,.abschnitt-studio-kurz) .studio-kurz__bild{margin:0;aspect-ratio:3/2;overflow:hidden;background:var(--farbe-hintergrund)}
:is(#studio-kurz,.abschnitt-studio-kurz) .studio-kurz__bild .bild{width:100%;height:100%;object-fit:cover;border-radius:0}
:is(#studio-kurz,.abschnitt-studio-kurz) .studio-kurz__text{min-width:0}
:is(#studio-kurz,.abschnitt-studio-kurz) .studio-kurz__text h2{margin-bottom:1rem}
:is(#studio-kurz,.abschnitt-studio-kurz) .studio-kurz__fakten{margin:1.75rem 0 2rem;padding:0;display:grid}
:is(#studio-kurz,.abschnitt-studio-kurz) .studio-kurz__fakt{display:grid;gap:.15rem;padding:.9rem 0;border-top:1px solid color-mix(in srgb,var(--farbe-text) 18%,transparent)}
:is(#studio-kurz,.abschnitt-studio-kurz) .studio-kurz__fakt:last-child{border-bottom:1px solid color-mix(in srgb,var(--farbe-text) 18%,transparent)}
:is(#studio-kurz,.abschnitt-studio-kurz) .studio-kurz__fakt dt{font-size:.8125rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--farbe-text-leise)}
:is(#studio-kurz,.abschnitt-studio-kurz) .studio-kurz__fakt dd{margin:0;font-size:1.0625rem;color:var(--farbe-text)}
:is(#studio-kurz,.abschnitt-studio-kurz) .studio-kurz__fakt address{font-style:normal}
:is(#studio-kurz,.abschnitt-studio-kurz) .studio-kurz__aktionen{display:flex;flex-wrap:wrap;align-items:center;gap:1rem 1.75rem}
:is(#studio-kurz,.abschnitt-studio-kurz) .studio-kurz__route{display:inline-flex;align-items:center;min-height:44px;font-weight:600}
@media (min-width:768px){
:is(#studio-kurz,.abschnitt-studio-kurz) .studio-kurz__raster{grid-template-columns:3fr 2fr}
:is(#studio-kurz,.abschnitt-studio-kurz) .studio-kurz__fakt{grid-template-columns:8.5rem 1fr;gap:1rem;align-items:baseline}
}
@media (min-width:1100px){
:is(#studio-kurz,.abschnitt-studio-kurz) .studio-kurz__raster{gap:clamp(3rem,5vw,5rem)}
:is(#studio-kurz,.abschnitt-studio-kurz) .studio-kurz__bild{aspect-ratio:4/3}
}
:is(#studio-kurz,.abschnitt-studio-kurz) .studio-kurz__raster>*,:is(#studio-kurz,.abschnitt-studio-kurz) .studio-kurz__fakten>*,:is(#studio-kurz,.abschnitt-studio-kurz) .studio-kurz__fakt>*,:is(#studio-kurz,.abschnitt-studio-kurz) .studio-kurz__aktionen>*{margin:0}
:is(#studio-kurz,.abschnitt-studio-kurz) .studio-kurz__bild img{display:block;width:100%;height:100%;object-fit:cover;border-radius:0;background:color-mix(in srgb,var(--farbe-text) 6%,var(--farbe-hintergrund))}
:is(#studio-kurz,.abschnitt-studio-kurz) .studio-kurz__fakt>p:first-child{font-size:.8125rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--farbe-text-leise)}
:is(#studio-kurz,.abschnitt-studio-kurz) .studio-kurz__fakt>p:last-child{font-size:1.0625rem;color:var(--farbe-text)}
:is(#studio-kurz,.abschnitt-studio-kurz) .studio-kurz__aktionen{display:flex;flex-wrap:wrap;align-items:center;gap:1rem 1.75rem}

/* Abschnitt «Häufige Fragen» (#faq) */
:is(#faq,.abschnitt-faq) .faq__raster{display:grid;gap:clamp(2rem,5vw,3rem)}
:is(#faq,.abschnitt-faq) .faq__kopf h2{max-width:14ch}
:is(#faq,.abschnitt-faq) .faq__links{display:flex;flex-wrap:wrap;align-items:center;gap:1rem 1.75rem;margin-top:1.5rem}
:is(#faq,.abschnitt-faq) .faq__textlink{font-weight:600;min-height:44px;display:inline-flex;align-items:center}
:is(#faq,.abschnitt-faq) .faq__liste{border-top:1px solid color-mix(in srgb,var(--farbe-text) 22%,transparent)}
:is(#faq,.abschnitt-faq) .faq__frage{border-bottom:1px solid color-mix(in srgb,var(--farbe-text) 22%,transparent)}
:is(#faq,.abschnitt-faq) .faq__frage summary{display:flex;align-items:center;justify-content:space-between;gap:1.25rem;min-height:44px;padding:1.25rem 0;cursor:pointer;list-style:none}
:is(#faq,.abschnitt-faq) .faq__frage summary::-webkit-details-marker{display:none}
:is(#faq,.abschnitt-faq) .faq__frage summary:focus-visible{outline-offset:4px}
:is(#faq,.abschnitt-faq) .faq__titel{font-family:var(--schrift-titel);font-size:clamp(1.15rem,1.05rem + .45vw,1.4rem);font-weight:500;line-height:1.3;color:var(--farbe-text)}
:is(#faq,.abschnitt-faq) .faq__frage summary:hover .faq__titel{color:var(--farbe-primaer-text)}
:is(#faq,.abschnitt-faq) .faq__zeichen{position:relative;flex:0 0 auto;width:2.25rem;height:2.25rem;border:2px solid var(--farbe-primaer-text);border-radius:var(--radius)}
:is(#faq,.abschnitt-faq) .faq__zeichen::before,:is(#faq,.abschnitt-faq) .faq__zeichen::after{content:'';position:absolute;left:50%;top:50%;width:.85rem;height:2px;background:var(--farbe-primaer-text);transform:translate(-50%,-50%)}
:is(#faq,.abschnitt-faq) .faq__zeichen::after{transform:translate(-50%,-50%) rotate(90deg)}
:is(#faq,.abschnitt-faq) .faq__frage[open] .faq__zeichen{background:var(--farbe-primaer-text)}
:is(#faq,.abschnitt-faq) .faq__frage[open] .faq__zeichen::before,:is(#faq,.abschnitt-faq) .faq__frage[open] .faq__zeichen::after{background:var(--farbe-auf-primaer)}
:is(#faq,.abschnitt-faq) .faq__frage[open] .faq__zeichen::after{transform:translate(-50%,-50%) rotate(0deg)}
:is(#faq,.abschnitt-faq) .faq__antwort{padding:0 0 1.5rem;max-width:62ch}
:is(#faq,.abschnitt-faq) .faq__antwort p:last-child{margin-bottom:0}
[data-bewegung="verspielt"] :is(#faq,.abschnitt-faq) .faq__zeichen::after{transition:transform .3s ease}
[data-bewegung="verspielt"] :is(#faq,.abschnitt-faq) .faq__frage[open] .faq__antwort{animation:faq-auf .35s ease both}
@keyframes faq-auf{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){:is(#faq,.abschnitt-faq) .faq__zeichen::after{transition:none}:is(#faq,.abschnitt-faq) .faq__frage[open] .faq__antwort{animation:none}}
@media (min-width:768px){:is(#faq,.abschnitt-faq) .faq__frage summary{padding:1.5rem 0}}
@media (min-width:1100px){:is(#faq,.abschnitt-faq) .faq__raster{grid-template-columns:5fr 7fr;gap:clamp(3rem,6vw,6rem);align-items:start}:is(#faq,.abschnitt-faq) .faq__kopf{position:sticky;top:calc(var(--kopf-hoehe, 72px) + 2rem)}}
:is(#faq,.abschnitt-faq) .faq__frage summary{font-family:var(--schrift-titel);font-size:clamp(1.15rem,1.05rem + .45vw,1.4rem);font-weight:500;line-height:1.3;color:var(--farbe-text)}
:is(#faq,.abschnitt-faq) .faq__frage summary::marker{content:''}
:is(#faq,.abschnitt-faq) .faq__frage summary:hover{color:var(--farbe-primaer-text)}
:is(#faq,.abschnitt-faq) .faq__frage summary::after{content:'';flex:0 0 auto;width:2.25rem;height:2.25rem;border:2px solid var(--farbe-primaer-text);border-radius:var(--radius);background:linear-gradient(var(--farbe-primaer-text),var(--farbe-primaer-text)) center/.85rem 2px no-repeat,linear-gradient(var(--farbe-primaer-text),var(--farbe-primaer-text)) center/2px .85rem no-repeat}
:is(#faq,.abschnitt-faq) .faq__frage[open] summary::after{background:linear-gradient(var(--farbe-auf-primaer),var(--farbe-auf-primaer)) center/.85rem 2px no-repeat,var(--farbe-primaer-text)}
:is(#faq,.abschnitt-faq) .faq__links{margin-bottom:0}
:is(#faq,.abschnitt-faq) .faq__textlink .wp-block-button__link{display:inline-flex;align-items:center;min-height:44px;padding:0;border:0;border-radius:0;background:none;color:var(--farbe-primaer-text);font-family:var(--schrift-text);font-size:inherit;font-weight:600;letter-spacing:normal;text-transform:none;line-height:inherit;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.2em}
:is(#faq,.abschnitt-faq) .faq__textlink .wp-block-button__link:hover{color:var(--farbe-text);text-decoration-color:var(--farbe-akzent)}

/* Abschnitt «Models gesucht – Shooting anfragen» (#anfrage) */
:is(#anfrage,.abschnitt-anfrage) .anfrage__raster{display:grid;gap:clamp(2rem,5vw,4rem);align-items:start}:is(#anfrage,.abschnitt-anfrage) .anfrage__text h2{max-width:14ch}:is(#anfrage,.abschnitt-anfrage) .anfrage__text .liste-haken{margin-top:1.75rem}:is(#anfrage,.abschnitt-anfrage) .anfrage__termin{border-left:3px solid var(--farbe-akzent);padding:.25rem 0 .25rem 1.25rem;max-width:52ch}:is(#anfrage,.abschnitt-anfrage) .anfrage__termin-titel{font-family:var(--schrift-titel);font-size:clamp(1.2rem,1.1rem + .5vw,1.5rem);margin:0 0 .35rem}:is(#anfrage,.abschnitt-anfrage) .anfrage__termin p:last-child{margin:0}:is(#anfrage,.abschnitt-anfrage) .anfrage__formular{background:var(--farbe-hintergrund);border-radius:var(--radius);padding:clamp(1.25rem,4vw,2.5rem)}:is(#anfrage,.abschnitt-anfrage) .anfrage__form{display:grid;gap:1.25rem}:is(#anfrage,.abschnitt-anfrage) .anfrage__pflicht{font-size:.9375rem;margin:0}:is(#anfrage,.abschnitt-anfrage) .anfrage__feld{display:grid;gap:.4rem;min-width:0}:is(#anfrage,.abschnitt-anfrage) .anfrage__feld label{font-weight:600;line-height:1.35}:is(#anfrage,.abschnitt-anfrage) .anfrage__feld label .leise{font-weight:400}:is(#anfrage,.abschnitt-anfrage) .anfrage__feld input,:is(#anfrage,.abschnitt-anfrage) .anfrage__feld textarea{width:100%;min-height:48px;padding:.7rem .85rem;font:inherit;color:var(--farbe-text);background:var(--farbe-hintergrund);border:1px solid var(--farbe-text-leise);border-radius:var(--radius)}:is(#anfrage,.abschnitt-anfrage) .anfrage__feld textarea{resize:vertical;min-height:8rem}:is(#anfrage,.abschnitt-anfrage) .anfrage__feld input:focus-visible,:is(#anfrage,.abschnitt-anfrage) .anfrage__feld textarea:focus-visible{border-color:var(--farbe-primaer-text)}:is(#anfrage,.abschnitt-anfrage) .anfrage__feld [aria-invalid="true"]{border:2px solid var(--farbe-text)}:is(#anfrage,.abschnitt-anfrage) .anfrage__hilfe{font-size:.9375rem;margin:0}:is(#anfrage,.abschnitt-anfrage) .anfrage__fehler{margin:0;font-size:.9375rem;font-weight:600;color:var(--farbe-text);padding-left:.75rem;border-left:3px solid var(--farbe-akzent)}:is(#anfrage,.abschnitt-anfrage) .anfrage__zeile{display:grid;gap:1.25rem}:is(#anfrage,.abschnitt-anfrage) .anfrage__datenschutz{font-size:.9375rem;margin:0}:is(#anfrage,.abschnitt-anfrage) .anfrage__knopf{justify-self:start}:is(#anfrage,.abschnitt-anfrage) .anfrage__danke{padding:1rem 0}:is(#anfrage,.abschnitt-anfrage) .anfrage__danke-titel{font-family:var(--schrift-titel);font-size:clamp(1.6rem,1.3rem + 1.4vw,2.4rem);line-height:1.15;margin:0 0 .5rem}:is(#anfrage,.abschnitt-anfrage) .anfrage__danke:focus-visible{outline-offset:6px}@media (max-width:767px){:is(#anfrage,.abschnitt-anfrage) .anfrage__knopf{width:100%}}@media (min-width:768px){:is(#anfrage,.abschnitt-anfrage) .anfrage__raster{grid-template-columns:5fr 7fr}}@media (min-width:1100px){:is(#anfrage,.abschnitt-anfrage) .anfrage__zeile{grid-template-columns:1fr 1fr;align-items:end}}
:is(#anfrage,.abschnitt-anfrage) .container>*,:is(#anfrage,.abschnitt-anfrage) .anfrage__raster>*{margin-block:0}:is(#anfrage,.abschnitt-anfrage) .anfrage__text>*{margin-block-start:0}:is(#anfrage,.abschnitt-anfrage) .anfrage__termin>*{margin-block-start:0}

/* Abschnitt «Portfolio nach Themen» (#galerie-themen) */
:is(#galerie-themen,.abschnitt-galerie-themen) .galerie-themen__kopf{display:grid;gap:var(--abstand-klein,1rem);margin-bottom:clamp(2rem,5vw,3.5rem)}:is(#galerie-themen,.abschnitt-galerie-themen) .galerie-themen__kopf h2{max-width:18ch;margin-bottom:0}:is(#galerie-themen,.abschnitt-galerie-themen) .galerie-themen__intro .lead{margin-bottom:.75rem}:is(#galerie-themen,.abschnitt-galerie-themen) .galerie-themen__hinweis{font-size:.9375rem;margin-bottom:0;padding-left:1rem;border-left:2px solid var(--farbe-akzent)}@media (min-width:768px){:is(#galerie-themen,.abschnitt-galerie-themen) .galerie-themen__kopf{grid-template-columns:3fr 2fr;align-items:end;gap:clamp(2rem,5vw,4rem)}}@media (min-width:1100px){:is(#galerie-themen,.abschnitt-galerie-themen) .galerie-themen__kopf{grid-template-columns:7fr 4fr}}

/* Abschnitt «Aufruf nach der Galerie» (#galerie-schluss) */
:is(#galerie-schluss,.abschnitt-galerie-schluss){background:color-mix(in srgb,var(--farbe-akzent) 12%,var(--farbe-hintergrund))}
:is(#galerie-schluss,.abschnitt-galerie-schluss) .galerie-schluss__band{display:grid;grid-template-columns:1fr;gap:clamp(1.5rem,4vw,2.5rem);align-items:start}
:is(#galerie-schluss,.abschnitt-galerie-schluss) .galerie-schluss__text{display:flex;flex-direction:column;align-items:flex-start;padding:0;margin:0}
:is(#galerie-schluss,.abschnitt-galerie-schluss) .galerie-schluss__titel{margin:0 0 1rem;max-width:14ch;padding-top:1.25rem;border-top:3px solid var(--farbe-akzent)}
:is(#galerie-schluss,.abschnitt-galerie-schluss) .galerie-schluss__text .lead{margin-bottom:.5rem}
:is(#galerie-schluss,.abschnitt-galerie-schluss) .galerie-schluss__info{margin-bottom:1.5rem;font-size:1rem}
:is(#galerie-schluss,.abschnitt-galerie-schluss) .galerie-schluss__knoepfe{display:flex;flex-wrap:wrap;gap:.75rem;width:100%}
:is(#galerie-schluss,.abschnitt-galerie-schluss) .galerie-schluss__knoepfe .btn{flex:1 1 100%}
:is(#galerie-schluss,.abschnitt-galerie-schluss) .galerie-schluss__bild{margin:0;aspect-ratio:3/2;background:var(--farbe-dunkel);border-radius:var(--radius);overflow:hidden}
:is(#galerie-schluss,.abschnitt-galerie-schluss) .galerie-schluss__bild .bild{width:100%;height:100%;object-fit:cover;border-radius:0}
@media (min-width:768px){:is(#galerie-schluss,.abschnitt-galerie-schluss) .galerie-schluss__band{grid-template-columns:5fr 6fr}:is(#galerie-schluss,.abschnitt-galerie-schluss) .galerie-schluss__knoepfe .btn{flex:0 0 auto}:is(#galerie-schluss,.abschnitt-galerie-schluss) .galerie-schluss__bild{aspect-ratio:4/3}}
@media (min-width:1100px){:is(#galerie-schluss,.abschnitt-galerie-schluss) .galerie-schluss__band{grid-template-columns:5fr 7fr;gap:4rem}:is(#galerie-schluss,.abschnitt-galerie-schluss) .galerie-schluss__bild{aspect-ratio:3/2}}
:is(#galerie-schluss,.abschnitt-galerie-schluss) .galerie-schluss__bild img{display:block;width:100%;height:100%;max-width:none;object-fit:cover;border-radius:0}

/* Abschnitt «Zeitleiste vom Vorgespräch bis zur Lieferung» (#ablauf-zeitleiste) */
:is(#ablauf-zeitleiste,.abschnitt-ablauf-zeitleiste) .zl-kopf{max-width:46rem;margin-bottom:clamp(2.5rem,6vw,4.5rem)}
:is(#ablauf-zeitleiste,.abschnitt-ablauf-zeitleiste) .visually-hidden-zl{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
:is(#ablauf-zeitleiste,.abschnitt-ablauf-zeitleiste) .zl-raster{display:grid;gap:clamp(2.5rem,6vw,4rem);align-items:start}
:is(#ablauf-zeitleiste,.abschnitt-ablauf-zeitleiste) .zl-liste{list-style:none;margin:0;padding:0}
:is(#ablauf-zeitleiste,.abschnitt-ablauf-zeitleiste) .zl-station{position:relative;padding-left:3.75rem;padding-bottom:clamp(2.25rem,5vw,3rem)}
:is(#ablauf-zeitleiste,.abschnitt-ablauf-zeitleiste) .zl-station::before{content:'';position:absolute;left:calc(1.375rem - 1px);top:2.75rem;bottom:0;width:2px;background:color-mix(in srgb,var(--farbe-text) 18%,transparent)}
:is(#ablauf-zeitleiste,.abschnitt-ablauf-zeitleiste) .zl-station:last-child{padding-bottom:0}
:is(#ablauf-zeitleiste,.abschnitt-ablauf-zeitleiste) .zl-station:last-child::before{display:none}
:is(#ablauf-zeitleiste,.abschnitt-ablauf-zeitleiste) .zl-nummer{position:absolute;left:0;top:0;width:2.75rem;height:2.75rem;display:grid;place-items:center;border:2px solid var(--farbe-primaer-text);border-radius:var(--radius);background:var(--farbe-hintergrund);color:var(--farbe-primaer-text);font-family:var(--schrift-titel);font-size:1.25rem;font-weight:600;line-height:1}
:is(#ablauf-zeitleiste,.abschnitt-ablauf-zeitleiste) .zl-station--lieferung .zl-nummer{background:var(--farbe-primaer);border-color:var(--farbe-primaer);color:var(--farbe-auf-primaer)}
:is(#ablauf-zeitleiste,.abschnitt-ablauf-zeitleiste) .zl-inhalt{display:flex;flex-direction:column;align-items:flex-start;gap:.6rem;padding-top:.3rem}
:is(#ablauf-zeitleiste,.abschnitt-ablauf-zeitleiste) .zl-inhalt h3{margin:0}
:is(#ablauf-zeitleiste,.abschnitt-ablauf-zeitleiste) .zl-teile{display:grid;gap:.75rem;width:100%;margin-top:.25rem}
:is(#ablauf-zeitleiste,.abschnitt-ablauf-zeitleiste) .zl-teil p{margin:0}
:is(#ablauf-zeitleiste,.abschnitt-ablauf-zeitleiste) .zl-teil p+p{margin-top:.25rem}
:is(#ablauf-zeitleiste,.abschnitt-ablauf-zeitleiste) .zl-label{font-size:.8125rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--farbe-text-leise);margin:0 0 .25rem}
:is(#ablauf-zeitleiste,.abschnitt-ablauf-zeitleiste) .zl-teil--bekommst{padding:.9rem 1.1rem;background:var(--farbe-flaeche);border-left:3px solid var(--farbe-primaer);border-radius:var(--radius)}
:is(#ablauf-zeitleiste,.abschnitt-ablauf-zeitleiste) .zl-seite{display:grid;gap:1.5rem}
:is(#ablauf-zeitleiste,.abschnitt-ablauf-zeitleiste) .zl-bild{margin:0;width:100%;aspect-ratio:3/2}
:is(#ablauf-zeitleiste,.abschnitt-ablauf-zeitleiste) .zl-kurz{padding-top:1.25rem;border-top:2px solid var(--farbe-text)}
:is(#ablauf-zeitleiste,.abschnitt-ablauf-zeitleiste) .zl-frist{margin:0 0 .9rem}
:is(#ablauf-zeitleiste,.abschnitt-ablauf-zeitleiste) .zl-frist-zahl{display:block;font-family:var(--schrift-titel);font-size:clamp(1.5rem,1.3rem + 1vw,2rem);line-height:1.15;color:var(--farbe-text)}
:is(#ablauf-zeitleiste,.abschnitt-ablauf-zeitleiste) .zl-link{margin:.5rem 0 0}
:is(#ablauf-zeitleiste,.abschnitt-ablauf-zeitleiste) .zl-link a{display:inline-block;padding-block:.6rem}
@media (min-width:768px){
:is(#ablauf-zeitleiste,.abschnitt-ablauf-zeitleiste) .zl-station{padding-left:5rem}
:is(#ablauf-zeitleiste,.abschnitt-ablauf-zeitleiste) .zl-station::before{left:calc(1.625rem - 1px);top:3.25rem}
:is(#ablauf-zeitleiste,.abschnitt-ablauf-zeitleiste) .zl-nummer{width:3.25rem;height:3.25rem;font-size:1.4rem}
:is(#ablauf-zeitleiste,.abschnitt-ablauf-zeitleiste) .zl-inhalt{padding-top:.45rem}
:is(#ablauf-zeitleiste,.abschnitt-ablauf-zeitleiste) .zl-teile{grid-template-columns:1fr 1fr;gap:1.25rem;align-items:start}
:is(#ablauf-zeitleiste,.abschnitt-ablauf-zeitleiste) .zl-seite{grid-template-columns:3fr 2fr;align-items:start}
:is(#ablauf-zeitleiste,.abschnitt-ablauf-zeitleiste) .zl-kurz{padding-top:1.25rem}
}
@media (min-width:1100px){
:is(#ablauf-zeitleiste,.abschnitt-ablauf-zeitleiste) .zl-raster{grid-template-columns:minmax(0,7fr) minmax(0,4fr);gap:clamp(3rem,6vw,6rem)}
:is(#ablauf-zeitleiste,.abschnitt-ablauf-zeitleiste) .zl-seite{grid-template-columns:1fr;position:sticky;top:calc(var(--kopf-hoehe,72px) + 2rem)}
:is(#ablauf-zeitleiste,.abschnitt-ablauf-zeitleiste) .zl-bild{aspect-ratio:4/5}
}
:is(#ablauf-zeitleiste,.abschnitt-ablauf-zeitleiste) .zl-raster>*,:is(#ablauf-zeitleiste,.abschnitt-ablauf-zeitleiste) .zl-liste>*,:is(#ablauf-zeitleiste,.abschnitt-ablauf-zeitleiste) .zl-station>*,:is(#ablauf-zeitleiste,.abschnitt-ablauf-zeitleiste) .zl-inhalt>*,:is(#ablauf-zeitleiste,.abschnitt-ablauf-zeitleiste) .zl-teile>*,:is(#ablauf-zeitleiste,.abschnitt-ablauf-zeitleiste) .zl-seite>*{margin-block-start:0}
:is(#ablauf-zeitleiste,.abschnitt-ablauf-zeitleiste) p.zl-nummer{margin:0;max-width:none}
:is(#ablauf-zeitleiste,.abschnitt-ablauf-zeitleiste) .zl-inhalt>.badge{margin:0}
:is(#ablauf-zeitleiste,.abschnitt-ablauf-zeitleiste) .zl-frist strong{display:block;font-family:var(--schrift-titel);font-size:clamp(1.5rem,1.3rem + 1vw,2rem);font-weight:inherit;line-height:1.15;color:var(--farbe-text)}

/* Abschnitt «Was TFP heisst und was der Vertrag regelt» (#tfp-erklaert) */
:is(#tfp-erklaert,.abschnitt-tfp-erklaert){position:relative;z-index:0;scroll-margin-top:calc(var(--kopf-hoehe,72px) + 1.5rem)}:is(#tfp-erklaert,.abschnitt-tfp-erklaert) .tfp__raster{display:grid;gap:clamp(2rem,5vw,3rem)}:is(#tfp-erklaert,.abschnitt-tfp-erklaert) .tfp__kopf{position:relative}:is(#tfp-erklaert,.abschnitt-tfp-erklaert) .tfp__kopf h2{max-width:16ch}:is(#tfp-erklaert,.abschnitt-tfp-erklaert) .tfp__frage{margin-top:1.5rem;font-size:1rem}:is(#tfp-erklaert,.abschnitt-tfp-erklaert) .tfp__bloecke{display:grid}:is(#tfp-erklaert,.abschnitt-tfp-erklaert) .tfp__block{padding-block:clamp(1.5rem,3vw,2.25rem);border-top:1px solid color-mix(in srgb,var(--farbe-text) 18%,transparent);scroll-margin-top:calc(var(--kopf-hoehe,72px) + 1.5rem)}:is(#tfp-erklaert,.abschnitt-tfp-erklaert) .tfp__block:last-child{border-bottom:1px solid color-mix(in srgb,var(--farbe-text) 18%,transparent)}:is(#tfp-erklaert,.abschnitt-tfp-erklaert) .tfp__block h3{margin-bottom:.75rem}:is(#tfp-erklaert,.abschnitt-tfp-erklaert) .tfp__block>*:last-child{margin-bottom:0}:is(#tfp-erklaert,.abschnitt-tfp-erklaert) .tfp__block .liste-haken{margin-bottom:0}:is(#tfp-erklaert,.abschnitt-tfp-erklaert) .tfp__nutzung{margin:0 0 1rem;display:grid;gap:1rem}:is(#tfp-erklaert,.abschnitt-tfp-erklaert) .tfp__zeile{display:grid;gap:.15rem}:is(#tfp-erklaert,.abschnitt-tfp-erklaert) .tfp__zeile dt{font-weight:600;color:var(--farbe-text)}:is(#tfp-erklaert,.abschnitt-tfp-erklaert) .tfp__zeile dd{margin:0;max-width:60ch}@media (min-width:768px){:is(#tfp-erklaert,.abschnitt-tfp-erklaert) .tfp__zeile{grid-template-columns:12rem 1fr;gap:1.5rem}:is(#tfp-erklaert,.abschnitt-tfp-erklaert) .tfp__block h3{margin-bottom:1rem}}@media (min-width:1100px){:is(#tfp-erklaert,.abschnitt-tfp-erklaert) .tfp__raster{grid-template-columns:5fr 7fr;gap:clamp(4rem,7vw,7rem);align-items:start}:is(#tfp-erklaert,.abschnitt-tfp-erklaert) .tfp__kopf,:is(#tfp-erklaert,.abschnitt-tfp-erklaert) .tfp__bloecke{margin-top:0;padding-top:0}:is(#tfp-erklaert,.abschnitt-tfp-erklaert) .tfp__kopf .tfp__kennzeile{display:flex;align-items:center;margin-top:0;min-height:2.25rem;line-height:1.2}:is(#tfp-erklaert,.abschnitt-tfp-erklaert) .tfp__block:first-child{padding-top:0;border-top:0}:is(#tfp-erklaert,.abschnitt-tfp-erklaert) .tfp__block:first-child h3{display:flex;align-items:center;margin-top:0;min-height:2.25rem;line-height:1.1}}
:is(#tfp-erklaert,.abschnitt-tfp-erklaert) .tfp__raster>*,:is(#tfp-erklaert,.abschnitt-tfp-erklaert) .tfp__bloecke>*,:is(#tfp-erklaert,.abschnitt-tfp-erklaert) .tfp__nutzung>*,:is(#tfp-erklaert,.abschnitt-tfp-erklaert) .tfp__zeile>*{margin-block-start:0}:is(#tfp-erklaert,.abschnitt-tfp-erklaert) .tfp__zeile>p{margin:0}:is(#tfp-erklaert,.abschnitt-tfp-erklaert) .tfp__zeile .tfp__begriff{font-weight:600;color:var(--farbe-text)}:is(#tfp-erklaert,.abschnitt-tfp-erklaert) .tfp__zeile .tfp__erklaerung{max-width:60ch}

/* Abschnitt «Was ein Shooting umfasst» (#shooting-inhalt) */
:is(#shooting-inhalt,.abschnitt-shooting-inhalt){position:relative;scroll-margin-top:var(--kopf-hoehe,72px)}
:is(#shooting-inhalt,.abschnitt-shooting-inhalt) .si-kopf{width:100%;max-width:none;margin-bottom:clamp(2rem,5vw,3.5rem)}
:is(#shooting-inhalt,.abschnitt-shooting-inhalt) .si-kopf h2{margin:0;max-width:none}
:is(#shooting-inhalt,.abschnitt-shooting-inhalt) .si-gebunden{white-space:nowrap}
:is(#shooting-inhalt,.abschnitt-shooting-inhalt) .si-themen{list-style:none;margin:0 0 clamp(2.5rem,6vw,4.5rem);padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(1.75rem,4vw,2.5rem) clamp(.75rem,2.5vw,1.5rem);align-items:start}
:is(#shooting-inhalt,.abschnitt-shooting-inhalt) .si-thema{display:flex;flex-direction:column;gap:.35rem;margin:0;min-width:0}
:is(#shooting-inhalt,.abschnitt-shooting-inhalt) .si-thema__medium{position:relative;aspect-ratio:4/5;margin:0 0 .85rem;overflow:hidden;background:var(--farbe-hintergrund);border-radius:var(--radius)}
:is(#shooting-inhalt,.abschnitt-shooting-inhalt) .si-thema__medium .bild{width:100%;height:100%;object-fit:cover}
:is(#shooting-inhalt,.abschnitt-shooting-inhalt) .si-thema__medium .foto-wunsch{width:100%;height:100%;margin:0}
:is(#shooting-inhalt,.abschnitt-shooting-inhalt) .si-thema__medium--leer{display:flex;align-items:flex-end;padding:clamp(1rem,3vw,1.5rem);background:var(--farbe-dunkel);color:var(--farbe-auf-dunkel)}
:is(#shooting-inhalt,.abschnitt-shooting-inhalt) .si-thema__vermerk{margin:0;padding-top:.75rem;border-top:2px solid var(--farbe-akzent);font-size:.9375rem;line-height:1.4;color:var(--farbe-auf-dunkel)}
:is(#shooting-inhalt,.abschnitt-shooting-inhalt) .si-thema__name{font-family:var(--schrift-titel);font-size:clamp(1.5rem,1.1rem + 1.6vw,2.5rem);font-weight:500;line-height:1.1;color:var(--farbe-text)}
:is(#shooting-inhalt,.abschnitt-shooting-inhalt) .si-thema__text{font-size:1rem;line-height:1.45;color:var(--farbe-text-leise);max-width:26ch}
:is(#shooting-inhalt,.abschnitt-shooting-inhalt) .si-text p:last-child{margin-bottom:0}
:is(#shooting-inhalt,.abschnitt-shooting-inhalt) .si-abmachungen{background:var(--farbe-hintergrund);padding:clamp(1.5rem,4vw,2.25rem);border-radius:var(--radius);border-top:3px solid var(--farbe-akzent)}
:is(#shooting-inhalt,.abschnitt-shooting-inhalt) .si-abmachungen h3{margin-bottom:1rem}
:is(#shooting-inhalt,.abschnitt-shooting-inhalt) .si-abmachungen .liste-haken{margin:0}
@media (min-width:768px){:is(#shooting-inhalt,.abschnitt-shooting-inhalt) .si-themen{gap:2.5rem 1.5rem}}
@media (min-width:1100px){:is(#shooting-inhalt,.abschnitt-shooting-inhalt) .si-themen{grid-template-columns:repeat(4,minmax(0,1fr));gap:2rem}:is(#shooting-inhalt,.abschnitt-shooting-inhalt) .si-split{grid-template-columns:7fr 5fr}}
:is(#shooting-inhalt,.abschnitt-shooting-inhalt) .si-themen>*,:is(#shooting-inhalt,.abschnitt-shooting-inhalt) .si-split>*{margin-block:0}
:is(#shooting-inhalt,.abschnitt-shooting-inhalt) .si-thema>*{margin-block-start:0}
:is(#shooting-inhalt,.abschnitt-shooting-inhalt) .si-thema>p{margin:0}
:is(#shooting-inhalt,.abschnitt-shooting-inhalt) .si-thema__medium .wp-block-image{margin:0;width:100%;height:100%}
:is(#shooting-inhalt,.abschnitt-shooting-inhalt) .si-thema__medium .wp-block-image img{width:100%;height:100%;object-fit:cover;border-radius:inherit}

/* Abschnitt «Aufruf nach dem Ablauf» (#ablauf-schluss) */
:is(#ablauf-schluss,.abschnitt-ablauf-schluss) .ablauf-schluss__band{display:grid;gap:clamp(2rem,5vw,4rem);align-items:center}:is(#ablauf-schluss,.abschnitt-ablauf-schluss) h2{max-width:16ch;margin-bottom:var(--abstand-klein)}:is(#ablauf-schluss,.abschnitt-ablauf-schluss) .lead{color:var(--farbe-auf-dunkel)}:is(#ablauf-schluss,.abschnitt-ablauf-schluss) .ablauf-schluss__fakten{list-style:none;padding:0;margin:1.5rem 0 2rem;display:flex;flex-wrap:wrap;gap:.5rem 1.5rem;font-size:.9375rem;font-weight:600}:is(#ablauf-schluss,.abschnitt-ablauf-schluss) .ablauf-schluss__fakten li{display:inline-flex;align-items:center;gap:.6rem}:is(#ablauf-schluss,.abschnitt-ablauf-schluss) .ablauf-schluss__fakten li::before{content:'';width:1rem;height:2px;background:var(--farbe-akzent)}:is(#ablauf-schluss,.abschnitt-ablauf-schluss) .ablauf-schluss__knoepfe{display:flex;flex-wrap:wrap;gap:.75rem 1rem}:is(#ablauf-schluss,.abschnitt-ablauf-schluss) .ablauf-schluss__knoepfe .btn{flex:1 1 100%}:is(#ablauf-schluss,.abschnitt-ablauf-schluss) .ablauf-schluss__bild{aspect-ratio:4/3;overflow:hidden;border-radius:var(--radius)}:is(#ablauf-schluss,.abschnitt-ablauf-schluss) .ablauf-schluss__bild .bild{background:var(--farbe-dunkel)}@media (min-width:768px){:is(#ablauf-schluss,.abschnitt-ablauf-schluss) .ablauf-schluss__knoepfe .btn{flex:0 0 auto}:is(#ablauf-schluss,.abschnitt-ablauf-schluss) .ablauf-schluss__band{grid-template-columns:3fr 2fr}:is(#ablauf-schluss,.abschnitt-ablauf-schluss) .ablauf-schluss__bild{aspect-ratio:4/5}}@media (min-width:1100px){:is(#ablauf-schluss,.abschnitt-ablauf-schluss) .ablauf-schluss__band{grid-template-columns:7fr 5fr}:is(#ablauf-schluss,.abschnitt-ablauf-schluss) .ablauf-schluss__bild{aspect-ratio:1/1}}
:is(#ablauf-schluss,.abschnitt-ablauf-schluss) .ablauf-schluss__bild{margin:0}:is(#ablauf-schluss,.abschnitt-ablauf-schluss) .ablauf-schluss__bild img{width:100%;height:100%;object-fit:cover;border-radius:var(--radius);background:var(--farbe-dunkel)}

/* Abschnitt «Checkliste zum Aufklappen» (#checkliste) */
:is(#checkliste,.abschnitt-checkliste) .checkliste__raster{display:grid;gap:clamp(2rem,5vw,4rem);align-items:start}
:is(#checkliste,.abschnitt-checkliste) .checkliste__links h2{margin-bottom:1rem}
:is(#checkliste,.abschnitt-checkliste) .checkliste__bild{margin-top:clamp(1.5rem,3vw,2.5rem);aspect-ratio:4/5;width:100%}
:is(#checkliste,.abschnitt-checkliste) .checkliste__bild .foto-wunsch{width:100%;height:100%;margin:0}
:is(#checkliste,.abschnitt-checkliste) .checkliste__steuerung{display:flex;justify-content:flex-end;margin-bottom:.5rem}
:is(#checkliste,.abschnitt-checkliste) .checkliste__alle{min-height:44px;padding:.5rem 0;background:none;border:0;font-family:var(--schrift-text);font-size:.9375rem;font-weight:600;color:var(--farbe-primaer-text);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.25em;cursor:pointer}
:is(#checkliste,.abschnitt-checkliste) .checkliste__alle:hover{color:var(--farbe-text);text-decoration-color:var(--farbe-akzent)}
:is(#checkliste,.abschnitt-checkliste) .checkliste__bereich{border-top:1px solid color-mix(in srgb,var(--farbe-text) 22%,transparent)}
:is(#checkliste,.abschnitt-checkliste) .checkliste__bereich:last-child{border-bottom:1px solid color-mix(in srgb,var(--farbe-text) 22%,transparent)}
:is(#checkliste,.abschnitt-checkliste) summary{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:56px;padding:1.1rem 0;cursor:pointer;list-style:none}
:is(#checkliste,.abschnitt-checkliste) summary::-webkit-details-marker{display:none}
:is(#checkliste,.abschnitt-checkliste) .checkliste__titel{font-family:var(--schrift-titel);font-size:clamp(1.25rem,1.1rem + .7vw,1.65rem);font-weight:500;line-height:1.2;transition:color .2s}
:is(#checkliste,.abschnitt-checkliste) summary:hover .checkliste__titel{color:var(--farbe-primaer-text)}
:is(#checkliste,.abschnitt-checkliste) .checkliste__zeichen{position:relative;flex:0 0 auto;width:2.25rem;height:2.25rem;border:1.5px solid currentColor;border-radius:var(--radius)}
:is(#checkliste,.abschnitt-checkliste) .checkliste__zeichen::before,:is(#checkliste,.abschnitt-checkliste) .checkliste__zeichen::after{content:'';position:absolute;left:50%;top:50%;width:.9rem;height:2px;background:currentColor;transform:translate(-50%,-50%)}
:is(#checkliste,.abschnitt-checkliste) .checkliste__zeichen::after{transform:translate(-50%,-50%) rotate(90deg)}
:is(#checkliste,.abschnitt-checkliste) details[open] .checkliste__zeichen{background:var(--farbe-primaer);border-color:var(--farbe-primaer);color:var(--farbe-auf-primaer)}
:is(#checkliste,.abschnitt-checkliste) details[open] .checkliste__zeichen::after{transform:translate(-50%,-50%) rotate(0deg)}
:is(#checkliste,.abschnitt-checkliste) .checkliste__inhalt{padding:0 0 1.75rem}
:is(#checkliste,.abschnitt-checkliste) .checkliste__inhalt .liste-haken{margin-bottom:0}
:is(#checkliste,.abschnitt-checkliste) .checkliste__inhalt p{margin:1rem 0 0;color:var(--farbe-text-leise)}
:is(#checkliste,.abschnitt-checkliste) .checkliste__stichworte{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.5rem}
:is(#checkliste,.abschnitt-checkliste) .checkliste__stichworte li{padding:.4rem .9rem;background:var(--farbe-flaeche);border-radius:var(--radius);line-height:1.4}
:is(#checkliste,.abschnitt-checkliste) .checkliste__inhalt .checkliste__tipp{padding:.25rem 0 .25rem 1rem;border-left:3px solid var(--farbe-akzent);color:var(--farbe-text)}
[data-bewegung="verspielt"] :is(#checkliste,.abschnitt-checkliste) .checkliste__zeichen::after{transition:transform .3s ease}
[data-bewegung="verspielt"] :is(#checkliste,.abschnitt-checkliste) .checkliste__zeichen{transition:background-color .3s,border-color .3s,color .3s}
@media (prefers-reduced-motion:reduce){:is(#checkliste,.abschnitt-checkliste) .checkliste__zeichen,:is(#checkliste,.abschnitt-checkliste) .checkliste__zeichen::after,:is(#checkliste,.abschnitt-checkliste) .checkliste__titel{transition:none}}
@media (min-width:768px){:is(#checkliste,.abschnitt-checkliste) .checkliste__raster{grid-template-columns:5fr 7fr}:is(#checkliste,.abschnitt-checkliste) .checkliste__links{position:sticky;top:calc(var(--kopf-hoehe,72px) + 2rem)}:is(#checkliste,.abschnitt-checkliste) .checkliste__bild{aspect-ratio:4/5}}
@media (min-width:1100px){:is(#checkliste,.abschnitt-checkliste) .checkliste__raster{grid-template-columns:4fr 6fr;gap:clamp(4rem,7vw,7rem)}:is(#checkliste,.abschnitt-checkliste) .checkliste__inhalt{padding-right:3.5rem}}
:is(#checkliste,.abschnitt-checkliste) .checkliste__alle .wp-block-button__link{display:inline;padding:0;min-height:0;background:none;border:0;border-radius:0;box-shadow:none;font:inherit;letter-spacing:inherit;text-transform:none;color:inherit;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.25em;cursor:pointer}
:is(#checkliste,.abschnitt-checkliste) .checkliste__alle:hover .wp-block-button__link{color:inherit;text-decoration-color:var(--farbe-akzent)}
:is(#checkliste,.abschnitt-checkliste) .checkliste__bereich>summary{font-family:var(--schrift-titel);font-size:clamp(1.25rem,1.1rem + .7vw,1.65rem);font-weight:500;line-height:1.2;transition:color .2s}
:is(#checkliste,.abschnitt-checkliste) .checkliste__bereich>summary:hover{color:var(--farbe-primaer-text)}
:is(#checkliste,.abschnitt-checkliste) .checkliste__bereich>summary::after{content:'';flex:0 0 auto;width:2.25rem;height:2.25rem;border:1.5px solid var(--farbe-text);border-radius:var(--radius);color:var(--farbe-text);background:linear-gradient(currentColor,currentColor) center/.9rem 2px no-repeat,linear-gradient(currentColor,currentColor) center/2px .9rem no-repeat}
:is(#checkliste,.abschnitt-checkliste) .checkliste__bereich[open]>summary::after{border-color:var(--farbe-primaer);color:var(--farbe-auf-primaer);background:linear-gradient(currentColor,currentColor) center/.9rem 2px no-repeat,var(--farbe-primaer)}
[data-bewegung="verspielt"] :is(#checkliste,.abschnitt-checkliste) .checkliste__bereich>summary::after{transition:background-color .3s,border-color .3s,color .3s}
@media (prefers-reduced-motion:reduce){:is(#checkliste,.abschnitt-checkliste) .checkliste__bereich>summary,:is(#checkliste,.abschnitt-checkliste) .checkliste__bereich>summary::after{transition:none}}

/* Abschnitt «Posing-Guide» (#posing) */
:is(#posing,.abschnitt-posing) .posing__raster{display:grid;gap:clamp(2rem,5vw,3rem);align-items:start}:is(#posing,.abschnitt-posing) .posing__text h2{max-width:14ch}:is(#posing,.abschnitt-posing) .posing__text p:last-child{margin-bottom:0}:is(#posing,.abschnitt-posing) .posing__praxis{border-top:2px solid var(--farbe-akzent);padding-top:clamp(1.25rem,3vw,1.75rem);min-width:0}:is(#posing,.abschnitt-posing) .posing__untertitel{margin-bottom:1rem}:is(#posing,.abschnitt-posing) .liste-haken{margin-bottom:clamp(1.5rem,4vw,2.25rem)}:is(#posing,.abschnitt-posing) .posing__download{display:grid;grid-template-columns:minmax(0,1fr);gap:1rem;min-width:0}:is(#posing,.abschnitt-posing) .posing__download .posing__vorschau{display:block;margin:0;width:100%;min-height:12rem;aspect-ratio:3/2}:is(#posing,.abschnitt-posing) .posing__download .hb-datei{width:100%;min-width:0}:is(#posing,.abschnitt-posing) .posing__download .hb-datei .hb-datei__karte{display:grid;grid-template-columns:auto minmax(0,1fr);grid-auto-flow:row;align-items:start;gap:1rem;width:100%;flex-direction:column;flex-wrap:nowrap}:is(#posing,.abschnitt-posing) .posing__download .hb-datei .hb-datei__symbol{grid-column:1;grid-row:1}:is(#posing,.abschnitt-posing) .posing__download .hb-datei .hb-datei__text{grid-column:2;grid-row:1;display:flex;flex-direction:column;min-width:0;width:auto;max-width:none;flex:none}:is(#posing,.abschnitt-posing) .posing__download .hb-datei .hb-datei__titel{white-space:nowrap}:is(#posing,.abschnitt-posing) .posing__download .hb-datei .hb-datei__knopf{grid-column:1/-1;grid-row:2;justify-self:start;width:auto;margin:0}@media (min-width:768px){:is(#posing,.abschnitt-posing) .posing__raster{grid-template-columns:1fr 1fr;gap:clamp(2.5rem,5vw,4rem)}}@media (min-width:1100px){:is(#posing,.abschnitt-posing) .posing__raster{grid-template-columns:6fr 5fr;gap:clamp(4rem,7vw,7rem)}}

/* Abschnitt «Aufruf nach der Vorbereitung» (#vorbereitung-schluss) */
:is(#vorbereitung-schluss,.abschnitt-vorbereitung-schluss) .vs__band{display:grid;gap:clamp(1.75rem,4vw,3rem);align-items:start;padding-top:clamp(1.5rem,3vw,2.25rem);border-top:1px solid color-mix(in srgb,var(--farbe-auf-dunkel) 22%,transparent);position:relative}
:is(#vorbereitung-schluss,.abschnitt-vorbereitung-schluss) .vs__band::before{content:'';position:absolute;top:-1px;left:0;width:3.5rem;height:3px;background:var(--farbe-akzent)}
:is(#vorbereitung-schluss,.abschnitt-vorbereitung-schluss) .vs__bild{margin:0;width:100%;aspect-ratio:4/3;overflow:hidden;border-radius:var(--radius)}
:is(#vorbereitung-schluss,.abschnitt-vorbereitung-schluss) .vs__bild .bild{width:100%;height:100%;object-fit:cover}
:is(#vorbereitung-schluss,.abschnitt-vorbereitung-schluss) .vs__text{display:flex;flex-direction:column;align-items:flex-start;min-width:0}
:is(#vorbereitung-schluss,.abschnitt-vorbereitung-schluss) .vs__titel{margin:0 0 clamp(1.25rem,2.5vw,1.75rem);max-width:16ch;font-size:clamp(2rem,1.4rem + 2.6vw,3.6rem);line-height:1.04}
:is(#vorbereitung-schluss,.abschnitt-vorbereitung-schluss) .vs__titel em{display:block;font-style:italic}
:is(#vorbereitung-schluss,.abschnitt-vorbereitung-schluss) .vs__handlung{display:flex;flex-direction:column;align-items:flex-start;gap:.25rem;width:100%}
:is(#vorbereitung-schluss,.abschnitt-vorbereitung-schluss) .vs__satz{font-family:var(--schrift-titel);font-size:clamp(1.25rem,1.1rem + .6vw,1.6rem);line-height:1.3;margin:0 0 .5rem}
:is(#vorbereitung-schluss,.abschnitt-vorbereitung-schluss) .vs__klein{margin:0 0 1.5rem;max-width:44ch}
:is(#vorbereitung-schluss,.abschnitt-vorbereitung-schluss) .btn{width:100%}
@media (min-width:768px){:is(#vorbereitung-schluss,.abschnitt-vorbereitung-schluss) .vs__band{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr)}:is(#vorbereitung-schluss,.abschnitt-vorbereitung-schluss) .vs__zeile{display:block}:is(#vorbereitung-schluss,.abschnitt-vorbereitung-schluss) .btn{width:auto}}
@media (min-width:1100px){:is(#vorbereitung-schluss,.abschnitt-vorbereitung-schluss) .vs__band{gap:clamp(3rem,6vw,5rem)}}
:is(#vorbereitung-schluss,.abschnitt-vorbereitung-schluss) .vs__bild img{display:block;width:100%;height:100%;object-fit:cover;border-radius:var(--radius);background:color-mix(in srgb,var(--farbe-text) 6%,var(--farbe-hintergrund))}
:is(#vorbereitung-schluss,.abschnitt-vorbereitung-schluss) .vs__handlung>.wp-block-buttons{width:100%;margin:0}
@media (max-width:767px){:is(#vorbereitung-schluss,.abschnitt-vorbereitung-schluss) .vs__satz br{display:none}}

/* Abschnitt «Vom Lithografen zum Fotografen» (#ueber-mich) */
:is(#ueber-mich,.abschnitt-ueber-mich) .ueber-mich__raster{display:grid;gap:clamp(2rem,5vw,4rem);align-items:start}
:is(#ueber-mich,.abschnitt-ueber-mich) .ueber-mich__bildspalte{width:100%}
:is(#ueber-mich,.abschnitt-ueber-mich) .ueber-mich__bild{margin:0;width:100%;aspect-ratio:4/5}
:is(#ueber-mich,.abschnitt-ueber-mich) .ueber-mich__text h2{margin-bottom:var(--abstand-klein)}
:is(#ueber-mich,.abschnitt-ueber-mich) .ueber-mich__weg{list-style:none;margin:clamp(1.75rem,4vw,2.5rem) 0;padding:0;display:grid;gap:clamp(1.25rem,3vw,1.75rem);border-left:1px solid color-mix(in srgb,var(--farbe-text) 22%,transparent)}
:is(#ueber-mich,.abschnitt-ueber-mich) .ueber-mich__weg li{position:relative;padding-left:clamp(1.25rem,3vw,1.75rem)}
:is(#ueber-mich,.abschnitt-ueber-mich) .ueber-mich__weg li::before{content:'';position:absolute;left:-5px;top:.45em;width:9px;height:9px;background:var(--farbe-hintergrund);border:2px solid var(--farbe-primaer-text)}
:is(#ueber-mich,.abschnitt-ueber-mich) .ueber-mich__weg li:last-child::before{background:var(--farbe-akzent);border-color:var(--farbe-akzent)}
:is(#ueber-mich,.abschnitt-ueber-mich) .ueber-mich__weg p{margin:0}
:is(#ueber-mich,.abschnitt-ueber-mich) .ueber-mich__etappe{font-family:var(--schrift-titel);font-size:clamp(1.15rem,1.05rem + .4vw,1.35rem);font-weight:600;line-height:1.3;color:var(--farbe-text);margin-bottom:.25rem!important}
:is(#ueber-mich,.abschnitt-ueber-mich) .ueber-mich__weg li p:not(.ueber-mich__etappe){color:var(--farbe-text-leise)}
:is(#ueber-mich,.abschnitt-ueber-mich) .ueber-mich__antrieb{font-family:var(--schrift-titel);font-style:italic;font-size:clamp(1.2rem,1.1rem + .5vw,1.5rem);line-height:1.45;margin-bottom:1.75rem}
:is(#ueber-mich,.abschnitt-ueber-mich) .ueber-mich__knoepfe{display:flex;flex-wrap:wrap;gap:.75rem}
@media (min-width:768px){
:is(#ueber-mich,.abschnitt-ueber-mich) .ueber-mich__raster{grid-template-columns:5fr 6fr}
:is(#ueber-mich,.abschnitt-ueber-mich) .ueber-mich__bildspalte{position:sticky;top:calc(var(--kopf-hoehe,72px) + 1.5rem)}
}
@media (min-width:1100px){
:is(#ueber-mich,.abschnitt-ueber-mich) .ueber-mich__raster{grid-template-columns:1fr 1fr;gap:clamp(3rem,6vw,6rem)}
}
:is(#ueber-mich,.abschnitt-ueber-mich) .ueber-mich__raster>*,:is(#ueber-mich,.abschnitt-ueber-mich) .ueber-mich__weg>*{margin-block:0}
:is(#ueber-mich,.abschnitt-ueber-mich) .ueber-mich__weg>.ueber-mich__schritt{position:relative;padding-left:clamp(1.25rem,3vw,1.75rem)}
:is(#ueber-mich,.abschnitt-ueber-mich) .ueber-mich__weg>.ueber-mich__schritt::before{content:'';position:absolute;left:-5px;top:.45em;width:9px;height:9px;background:var(--farbe-hintergrund);border:2px solid var(--farbe-primaer-text)}
:is(#ueber-mich,.abschnitt-ueber-mich) .ueber-mich__weg>.ueber-mich__schritt:last-child::before{background:var(--farbe-akzent);border-color:var(--farbe-akzent)}
:is(#ueber-mich,.abschnitt-ueber-mich) .ueber-mich__schritt p:not(.ueber-mich__etappe){color:var(--farbe-text-leise)}

/* Abschnitt «Haltung» (#haltung) */
:is(#haltung,.abschnitt-haltung) .haltung__kopf{display:grid;gap:clamp(2rem,5vw,4rem);align-items:start;margin-bottom:clamp(3rem,7vw,5.5rem)}
:is(#haltung,.abschnitt-haltung) .haltung__zitat h2{font-size:clamp(2.6rem,1.6rem + 4.6vw,5.75rem);line-height:1.02;letter-spacing:-.02em;margin-bottom:clamp(1.25rem,3vw,2rem);max-width:12ch}
:is(#haltung,.abschnitt-haltung) .haltung__zitat .lead{color:var(--farbe-text);margin-bottom:0}
:is(#haltung,.abschnitt-haltung) .haltung__bild{width:100%;aspect-ratio:4/5;margin:0}
:is(#haltung,.abschnitt-haltung) .haltung__grundsaetze{list-style:none;margin:0;padding:0;display:grid;gap:clamp(2rem,4vw,2.5rem);align-items:start}
:is(#haltung,.abschnitt-haltung) .haltung__grundsatz{border-top:1px solid color-mix(in srgb,var(--farbe-text) 35%,transparent);padding-top:clamp(1.25rem,2.5vw,1.75rem)}
:is(#haltung,.abschnitt-haltung) .haltung__grundsatz h3{margin-bottom:.75rem}
:is(#haltung,.abschnitt-haltung) .haltung__grundsatz p{margin:0;color:var(--farbe-text-leise);max-width:42ch}
@media (min-width:768px){
:is(#haltung,.abschnitt-haltung) .haltung__kopf{grid-template-columns:3fr 2fr}
:is(#haltung,.abschnitt-haltung) .haltung__grundsaetze{grid-template-columns:repeat(3,1fr);gap:clamp(1.5rem,3vw,3rem)}
}
@media (min-width:1100px){
:is(#haltung,.abschnitt-haltung) .haltung__kopf{grid-template-columns:7fr 4fr;gap:6rem}
:is(#haltung,.abschnitt-haltung) .haltung__zitat{padding-top:clamp(1rem,4vw,4rem)}
}
:is(#haltung,.abschnitt-haltung) .haltung__kopf>*,:is(#haltung,.abschnitt-haltung) .haltung__grundsaetze>*,:is(#haltung,.abschnitt-haltung) .haltung__zitat>*,:is(#haltung,.abschnitt-haltung) .haltung__grundsatz>*{margin-block-start:0}

/* Abschnitt «Aufruf nach Über mich» (#ueber-mich-schluss) */
:is(#ueber-mich-schluss,.abschnitt-ueber-mich-schluss){padding-top:0}
:is(#ueber-mich-schluss,.abschnitt-ueber-mich-schluss) .ums__band{display:grid;gap:clamp(1.75rem,4vw,2.5rem);align-items:start}
:is(#ueber-mich-schluss,.abschnitt-ueber-mich-schluss) .ums__portrait{width:100%}
:is(#ueber-mich-schluss,.abschnitt-ueber-mich-schluss) .ums__portrait .foto-wunsch{margin:0;width:100%;aspect-ratio:4/3;border-radius:0}
:is(#ueber-mich-schluss,.abschnitt-ueber-mich-schluss) .ums__inhalt{display:flex;flex-direction:column;gap:clamp(1.25rem,3vw,2rem);padding-inline:clamp(16px,4vw,24px)}
:is(#ueber-mich-schluss,.abschnitt-ueber-mich-schluss) .ums__titel{font-size:clamp(2.1rem,1.4rem + 3.2vw,4.25rem);max-width:14ch;margin:0;padding:0;line-height:1.05}
:is(#ueber-mich-schluss,.abschnitt-ueber-mich-schluss) .ums__text{padding-left:1.25rem;border-left:2px solid var(--farbe-akzent)}
:is(#ueber-mich-schluss,.abschnitt-ueber-mich-schluss) .ums__text p{margin-bottom:1rem}
:is(#ueber-mich-schluss,.abschnitt-ueber-mich-schluss) .ums__text .leise{margin-bottom:1.75rem}
:is(#ueber-mich-schluss,.abschnitt-ueber-mich-schluss) .ums__knoepfe{display:flex;flex-wrap:wrap;gap:.75rem 1rem}
:is(#ueber-mich-schluss,.abschnitt-ueber-mich-schluss) .ums__knoepfe .btn{flex:1 1 100%}
@media (min-width:768px){:is(#ueber-mich-schluss,.abschnitt-ueber-mich-schluss){padding-top:var(--abstand)}:is(#ueber-mich-schluss,.abschnitt-ueber-mich-schluss) .ums__band{grid-template-columns:minmax(0,2fr) minmax(0,3fr);gap:clamp(2rem,5vw,4rem);padding-right:max(clamp(16px,4vw,24px),calc((100% - var(--breite)) / 2 + clamp(16px,4vw,24px)))}:is(#ueber-mich-schluss,.abschnitt-ueber-mich-schluss) .ums__portrait .foto-wunsch{aspect-ratio:4/5;max-height:85vh;border-radius:0 var(--radius) var(--radius) 0}:is(#ueber-mich-schluss,.abschnitt-ueber-mich-schluss) .ums__inhalt{padding-inline:0}:is(#ueber-mich-schluss,.abschnitt-ueber-mich-schluss) .ums__knoepfe .btn{flex:0 0 auto}}
@media (min-width:1100px){:is(#ueber-mich-schluss,.abschnitt-ueber-mich-schluss) .ums__band{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(3rem,6vw,6rem)}:is(#ueber-mich-schluss,.abschnitt-ueber-mich-schluss) .ums__text{padding-left:1.75rem}}
:is(#ueber-mich-schluss,.abschnitt-ueber-mich-schluss) .ums__band>*,:is(#ueber-mich-schluss,.abschnitt-ueber-mich-schluss) .ums__inhalt>*{margin-block:0}:is(#ueber-mich-schluss,.abschnitt-ueber-mich-schluss) .ums__text>*{margin-block-start:0}:is(#ueber-mich-schluss,.abschnitt-ueber-mich-schluss) .ums__portrait>.foto-wunsch{margin:0}:is(#ueber-mich-schluss,.abschnitt-ueber-mich-schluss) .foto-wunsch p{margin:0}

/* Abschnitt «Das Studio in Zofingen» (#studio) */
:is(#studio,.abschnitt-studio) .studio__kopf{display:grid;gap:clamp(1rem,3vw,2rem);margin-bottom:clamp(2rem,5vw,3.5rem)}
:is(#studio,.abschnitt-studio) .studio__titel h2{max-width:18ch;margin-bottom:0}
:is(#studio,.abschnitt-studio) .studio__einleitung .lead{margin-bottom:.75rem}
:is(#studio,.abschnitt-studio) .studio__weg{margin:0;font-weight:600}
:is(#studio,.abschnitt-studio) .studio__bilder{display:grid;grid-template-columns:1fr;gap:clamp(.75rem,2vw,1.25rem)}
:is(#studio,.abschnitt-studio) .studio__figur{margin:0;aspect-ratio:3/2;width:100%;overflow:hidden;background:var(--farbe-flaeche)}
:is(#studio,.abschnitt-studio) .studio__figur .bild{width:100%;height:100%;object-fit:cover;border-radius:0}
:is(#studio,.abschnitt-studio) .studio__punkte{list-style:none;padding:0;margin:clamp(2.5rem,5vw,4rem) 0 0;display:grid;grid-template-columns:1fr;gap:clamp(1.75rem,3vw,2.5rem)}
:is(#studio,.abschnitt-studio) .studio__punkt{position:relative;padding-top:1.25rem;border-top:1px solid color-mix(in srgb,var(--farbe-text) 18%,transparent)}
:is(#studio,.abschnitt-studio) .studio__punkt::before{content:'';position:absolute;top:-2px;left:0;width:2.5rem;height:3px;background:var(--farbe-akzent)}
:is(#studio,.abschnitt-studio) .studio__punkt h3{margin-bottom:.5rem}
:is(#studio,.abschnitt-studio) .studio__punkt p{margin:0;color:var(--farbe-text-leise);max-width:40ch}
:is(#studio,.abschnitt-studio) .studio__handlung{margin-top:clamp(2rem,5vw,3rem)}
@media (min-width:768px){
:is(#studio,.abschnitt-studio) .studio__kopf{grid-template-columns:3fr 2fr;align-items:end}
:is(#studio,.abschnitt-studio) .studio__bilder{grid-template-columns:1fr 1fr}
:is(#studio,.abschnitt-studio) .studio__punkte{grid-template-columns:repeat(2,1fr)}
}
@media (min-width:1100px){
:is(#studio,.abschnitt-studio) .studio__punkte{grid-template-columns:repeat(4,1fr)}
}
:is(#studio,.abschnitt-studio) .studio__kopf>*,:is(#studio,.abschnitt-studio) .studio__bilder>*,:is(#studio,.abschnitt-studio) .studio__punkte>*,:is(#studio,.abschnitt-studio) .studio__titel>*,:is(#studio,.abschnitt-studio) .studio__einleitung>*,:is(#studio,.abschnitt-studio) .studio__punkt>*{margin-block-start:0}
:is(#studio,.abschnitt-studio) .studio__figur img{display:block;width:100%;height:100%;object-fit:cover;border-radius:0;background:color-mix(in srgb,var(--farbe-text) 6%,var(--farbe-hintergrund))}

/* Abschnitt «Anreise mit Bahn und Auto» (#anreise) */
:is(#anreise,.abschnitt-anreise){scroll-margin-top:calc(var(--kopf-hoehe, 72px) + 1rem)}:is(#anreise,.abschnitt-anreise) .anreise__raster{display:grid;gap:clamp(2rem,5vw,3.5rem);align-items:start}:is(#anreise,.abschnitt-anreise) .anreise__text{min-width:0}:is(#anreise,.abschnitt-anreise) .anreise__text>.eyebrow{margin-top:0}:is(#anreise,.abschnitt-anreise) .anreise__text h2{max-width:16ch}:is(#anreise,.abschnitt-anreise) .anreise__liste{margin:clamp(1.5rem,4vw,2.25rem) 0 1.5rem;padding:0;display:grid}:is(#anreise,.abschnitt-anreise) .anreise__eintrag{display:grid;gap:.35rem;padding-block:1.1rem;border-top:1px solid color-mix(in srgb,var(--farbe-text) 16%,transparent)}:is(#anreise,.abschnitt-anreise) .anreise__eintrag:last-child{border-bottom:1px solid color-mix(in srgb,var(--farbe-text) 16%,transparent)}:is(#anreise,.abschnitt-anreise) .anreise__eintrag dt{display:flex;align-items:center;gap:.6rem;font-weight:600;color:var(--farbe-text)}:is(#anreise,.abschnitt-anreise) .anreise__symbol{width:1.375rem;height:1.375rem;flex:none;color:var(--farbe-primaer-text)}:is(#anreise,.abschnitt-anreise) .anreise__eintrag dd{margin:0;padding-left:1.975rem;max-width:52ch}:is(#anreise,.abschnitt-anreise) address{font-style:normal;font-size:clamp(1.15rem,1.05rem + .5vw,1.35rem);line-height:1.45;font-family:var(--schrift-titel)}:is(#anreise,.abschnitt-anreise) .anreise__frage{margin-bottom:1.25rem}:is(#anreise,.abschnitt-anreise) .anreise__text>.btn{margin-bottom:0}:is(#anreise,.abschnitt-anreise) .anreise__medien{display:flex;flex-direction:column;gap:clamp(1.25rem,3vw,2rem);min-width:0}:is(#anreise,.abschnitt-anreise) .anreise__karte{margin:0;flex:none}:is(#anreise,.abschnitt-anreise) .anreise__karte>.hb-karte{margin-top:0;margin-bottom:0}:is(#anreise,.abschnitt-anreise) .anreise__foto{margin:0;aspect-ratio:3/2;width:100%}@media (min-width:768px){:is(#anreise,.abschnitt-anreise) .anreise__raster{grid-template-columns:1fr 1fr;align-items:stretch}:is(#anreise,.abschnitt-anreise) .anreise__text{align-self:start}:is(#anreise,.abschnitt-anreise) .anreise__medien{align-self:stretch}:is(#anreise,.abschnitt-anreise) .anreise__foto{aspect-ratio:auto;flex:1 1 10rem;min-height:10rem;height:auto}}@media (min-width:1100px){:is(#anreise,.abschnitt-anreise) .anreise__raster{grid-template-columns:5fr 6fr;gap:clamp(3rem,6vw,6rem)}}
:is(#anreise,.abschnitt-anreise) .anreise__liste>*,:is(#anreise,.abschnitt-anreise) .anreise__eintrag>*{margin-block:0}:is(#anreise,.abschnitt-anreise) .anreise__eintrag-titel{display:flex;align-items:center;gap:.6rem;margin:0;font-weight:600;color:var(--farbe-text)}:is(#anreise,.abschnitt-anreise) .anreise__eintrag-titel::before{content:'';flex:none;width:.75rem;height:.75rem;margin-inline:.3125rem;border:2px solid var(--farbe-primaer-text);border-radius:50%}:is(#anreise,.abschnitt-anreise) .anreise__eintrag-text{margin:0;padding-left:1.975rem;max-width:52ch}:is(#anreise,.abschnitt-anreise) .anreise__adresse{font-style:normal;font-size:clamp(1.15rem,1.05rem + .5vw,1.35rem);line-height:1.45;font-family:var(--schrift-titel)}:is(#anreise,.abschnitt-anreise) .anreise__text>.wp-block-buttons{margin-bottom:0}:is(#anreise,.abschnitt-anreise) .anreise__medien>*{margin-block:0}

/* Abschnitt «Formular «Shooting anfragen»» (#kontakt-formular) */
:is(#kontakt-formular,.abschnitt-kontakt-formular){scroll-margin-top:calc(var(--kopf-hoehe,72px) + 1rem);padding-top:calc(var(--abstand) + 1.5rem)}
:is(#kontakt-formular,.abschnitt-kontakt-formular) input,:is(#kontakt-formular,.abschnitt-kontakt-formular) textarea,:is(#kontakt-formular,.abschnitt-kontakt-formular) .kf__danke{scroll-margin-top:calc(var(--kopf-hoehe,72px) + 1.5rem)}
:is(#kontakt-formular,.abschnitt-kontakt-formular) .kf__raster{display:grid;gap:clamp(2rem,5vw,4rem);align-items:start}
:is(#kontakt-formular,.abschnitt-kontakt-formular) .kf__untertitel{font-family:var(--schrift-text);font-size:.8125rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--farbe-text-leise);margin:2.25rem 0 1rem}
:is(#kontakt-formular,.abschnitt-kontakt-formular) .kf__schritte{list-style:none;margin:0;padding:0;display:grid;gap:0;border-top:1px solid color-mix(in srgb,var(--farbe-text) 15%,transparent)}
:is(#kontakt-formular,.abschnitt-kontakt-formular) .kf__schritte li{display:grid;grid-template-columns:2.5rem 1fr;gap:1rem;padding:1.1rem 0;border-bottom:1px solid color-mix(in srgb,var(--farbe-text) 15%,transparent)}
:is(#kontakt-formular,.abschnitt-kontakt-formular) .kf__nr{font-family:var(--schrift-titel);font-size:1.75rem;line-height:1;color:var(--farbe-primaer-text)}
:is(#kontakt-formular,.abschnitt-kontakt-formular) .kf__schritt-titel{font-weight:600;margin:0 0 .2rem}
:is(#kontakt-formular,.abschnitt-kontakt-formular) .kf__schritte .leise{margin:0}
:is(#kontakt-formular,.abschnitt-kontakt-formular) .kf__nebenbei{margin:1.5rem 0 0;padding-left:1rem;border-left:3px solid var(--farbe-akzent)}
:is(#kontakt-formular,.abschnitt-kontakt-formular) .kf__panel{background:var(--farbe-flaeche);border-radius:var(--radius);padding:clamp(1.25rem,4vw,2.75rem)}
:is(#kontakt-formular,.abschnitt-kontakt-formular) .kf__pflicht-hinweis{font-size:.9375rem;margin-bottom:1.25rem}
:is(#kontakt-formular,.abschnitt-kontakt-formular) .kf__felder{display:grid;gap:1.25rem;margin-bottom:1.5rem}
:is(#kontakt-formular,.abschnitt-kontakt-formular) .kf__feld{display:flex;flex-direction:column;gap:.4rem;min-width:0}
:is(#kontakt-formular,.abschnitt-kontakt-formular) .kf__paar{display:grid;gap:1.25rem;min-width:0}
:is(#kontakt-formular,.abschnitt-kontakt-formular) label{font-weight:600}
:is(#kontakt-formular,.abschnitt-kontakt-formular) .kf__sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
:is(#kontakt-formular,.abschnitt-kontakt-formular) input,:is(#kontakt-formular,.abschnitt-kontakt-formular) textarea{width:100%;min-height:48px;padding:.75rem .9rem;font:inherit;color:var(--farbe-text);background:var(--farbe-hintergrund);border:1px solid var(--farbe-text-leise);border-radius:var(--radius)}
:is(#kontakt-formular,.abschnitt-kontakt-formular) textarea{resize:vertical;min-height:9rem}
:is(#kontakt-formular,.abschnitt-kontakt-formular) input:hover,:is(#kontakt-formular,.abschnitt-kontakt-formular) textarea:hover{border-color:var(--farbe-text)}
:is(#kontakt-formular,.abschnitt-kontakt-formular) input:focus-visible,:is(#kontakt-formular,.abschnitt-kontakt-formular) textarea:focus-visible{border-color:var(--farbe-primaer-text)}
:is(#kontakt-formular,.abschnitt-kontakt-formular) [aria-invalid="true"]{border:2px solid var(--farbe-text)}
:is(#kontakt-formular,.abschnitt-kontakt-formular) .kf__tipp{font-size:.9375rem;margin:0}
:is(#kontakt-formular,.abschnitt-kontakt-formular) .kf__fehler{margin:0;font-size:.9375rem;font-weight:600;color:var(--farbe-text);padding-left:.75rem;border-left:3px solid var(--farbe-akzent)}
:is(#kontakt-formular,.abschnitt-kontakt-formular) .kf__fehler::before{content:'Fehler: '}
:is(#kontakt-formular,.abschnitt-kontakt-formular) .kf__datenschutz{font-size:.9375rem}
:is(#kontakt-formular,.abschnitt-kontakt-formular) .kf__senden{width:100%}
:is(#kontakt-formular,.abschnitt-kontakt-formular) .kf__danke{padding:clamp(1rem,3vw,2rem) 0}
:is(#kontakt-formular,.abschnitt-kontakt-formular) .kf__danke-titel{font-family:var(--schrift-titel);font-size:clamp(1.6rem,1.3rem + 1.4vw,2.4rem);line-height:1.15;margin-bottom:.75rem}
:is(#kontakt-formular,.abschnitt-kontakt-formular) .kf__danke:focus-visible{outline-offset:6px}
[data-bewegung="verspielt"] :is(#kontakt-formular,.abschnitt-kontakt-formular) .kf__danke:not([hidden]){animation:kf-auf .5s ease both}
@keyframes kf-auf{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){[data-bewegung] :is(#kontakt-formular,.abschnitt-kontakt-formular) .kf__danke:not([hidden]){animation:none}}
@media (min-width:768px){:is(#kontakt-formular,.abschnitt-kontakt-formular){padding-top:calc(var(--abstand) + 2.5rem)}:is(#kontakt-formular,.abschnitt-kontakt-formular) .kf__felder{grid-template-columns:1fr 1fr}:is(#kontakt-formular,.abschnitt-kontakt-formular) .kf__feld--breit,:is(#kontakt-formular,.abschnitt-kontakt-formular) .kf__paar{grid-column:1/-1}:is(#kontakt-formular,.abschnitt-kontakt-formular) .kf__paar{grid-template-columns:1fr 1fr;grid-template-rows:auto auto auto;column-gap:1.25rem;row-gap:.4rem}:is(#kontakt-formular,.abschnitt-kontakt-formular) .kf__paar .kf__feld{display:grid;grid-template-rows:subgrid;grid-row:span 3;gap:.4rem;align-content:start}:is(#kontakt-formular,.abschnitt-kontakt-formular) .kf__paar label{align-self:end}:is(#kontakt-formular,.abschnitt-kontakt-formular) .kf__senden{width:auto}}
@media (min-width:1100px){:is(#kontakt-formular,.abschnitt-kontakt-formular) .kf__raster{grid-template-columns:5fr 7fr}:is(#kontakt-formular,.abschnitt-kontakt-formular) .kf__intro{position:sticky;top:calc(var(--kopf-hoehe,72px) + 2rem)}}
:is(#kontakt-formular,.abschnitt-kontakt-formular) .kf__raster>*,:is(#kontakt-formular,.abschnitt-kontakt-formular) .kf__schritte>*,:is(#kontakt-formular,.abschnitt-kontakt-formular) .kf__schritt>*{margin-block:0}
:is(#kontakt-formular,.abschnitt-kontakt-formular) .kf__schritt{display:grid;grid-template-columns:2.5rem 1fr;gap:1rem;padding:1.1rem 0;border-bottom:1px solid color-mix(in srgb,var(--farbe-text) 15%,transparent)}
:is(#kontakt-formular,.abschnitt-kontakt-formular) .kf__schritt .wp-block-group>*{margin-block-start:0}
:is(#kontakt-formular,.abschnitt-kontakt-formular) p.kf__nr{margin:0}

/* Abschnitt «Blog-Übersicht» (#blog) */
:is(#blog,.abschnitt-blog) .blog__kopf{max-width:46rem;margin-bottom:clamp(2rem,5vw,3.5rem)}
:is(#blog,.abschnitt-blog) .blog__kopf .lead{color:var(--farbe-text-leise);margin-bottom:0}
:is(#blog,.abschnitt-blog) .beitrag{display:grid;gap:1.25rem;align-content:start}
:is(#blog,.abschnitt-blog) .beitrag__bild{aspect-ratio:4/3;width:100%;overflow:hidden;background:var(--farbe-flaeche)}
:is(#blog,.abschnitt-blog) .beitrag__bild .foto-wunsch{width:100%;height:100%;margin:0}
:is(#blog,.abschnitt-blog) .beitrag__text>*:last-child{margin-bottom:0}
:is(#blog,.abschnitt-blog) .beitrag__meta{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;margin:0 0 .75rem;font-size:.9375rem;color:var(--farbe-text-leise)}
:is(#blog,.abschnitt-blog) .beitrag__titel{margin-bottom:.75rem}
:is(#blog,.abschnitt-blog) .beitrag--gross .beitrag__titel{font-size:clamp(1.6rem,1.25rem + 1.6vw,2.5rem);font-weight:500;line-height:1.12}
:is(#blog,.abschnitt-blog) .beitrag__link{display:inline-flex;align-items:center;min-height:44px;font-weight:600;color:var(--farbe-primaer-text)}
:is(#blog,.abschnitt-blog) .beitrag__link:hover{color:var(--farbe-text)}
:is(#blog,.abschnitt-blog) .blog__paar{display:grid;gap:clamp(2.5rem,6vw,3rem);margin-top:clamp(3rem,7vw,5rem);padding-top:clamp(2.5rem,6vw,4rem);border-top:1px solid color-mix(in srgb,var(--farbe-text) 15%,transparent);align-items:start}
:is(#blog,.abschnitt-blog) .blog__versteckt{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
@media (min-width:768px){
:is(#blog,.abschnitt-blog) .beitrag--gross{grid-template-columns:7fr 5fr;gap:clamp(2rem,4vw,3.5rem);align-items:center}
:is(#blog,.abschnitt-blog) .beitrag--gross .beitrag__bild{aspect-ratio:3/2}
:is(#blog,.abschnitt-blog) .blog__paar{grid-template-columns:1fr 1fr;gap:clamp(2rem,4vw,3rem)}
:is(#blog,.abschnitt-blog) .blog__paar .beitrag__bild{aspect-ratio:3/2}
}
@media (min-width:1100px){
:is(#blog,.abschnitt-blog) .beitrag--gross{gap:5rem}
:is(#blog,.abschnitt-blog) .blog__paar{gap:4rem}
}
:is(#blog,.abschnitt-blog) .beitrag__meta>p{margin:0}
:is(#blog,.abschnitt-blog) .beitrag__meta>.badge{align-self:center}
:is(#blog,.abschnitt-blog) p.beitrag__link a{color:inherit}

/* Abschnitt «Aufruf nach dem Blog» (#blog-schluss) */
:is(#blog-schluss,.abschnitt-blog-schluss) .schluss__raster{display:grid;gap:clamp(2rem,5vw,4rem);align-items:center}
:is(#blog-schluss,.abschnitt-blog-schluss) .schluss__text h2{max-width:14ch;margin-bottom:var(--abstand-klein)}
:is(#blog-schluss,.abschnitt-blog-schluss) .schluss__frist{display:flex;align-items:center;gap:.75rem;font-weight:600;color:var(--farbe-auf-dunkel)}
:is(#blog-schluss,.abschnitt-blog-schluss) .schluss__frist::before{content:'';flex:0 0 auto;width:.6rem;height:.6rem;background:var(--farbe-akzent)}
:is(#blog-schluss,.abschnitt-blog-schluss) .schluss__frist-wert{white-space:nowrap}
:is(#blog-schluss,.abschnitt-blog-schluss) .schluss__handlung{display:flex;flex-wrap:wrap;align-items:center;gap:1rem 2rem;margin-top:2rem}
:is(#blog-schluss,.abschnitt-blog-schluss) .schluss__handlung .btn--primaer{background:var(--farbe-primaer);color:var(--farbe-auf-primaer);border-color:transparent}
:is(#blog-schluss,.abschnitt-blog-schluss) .schluss__handlung .btn--primaer:hover{background:var(--farbe-primaer-text);color:var(--farbe-auf-primaer)}
:is(#blog-schluss,.abschnitt-blog-schluss) .schluss__link{display:inline-flex;align-items:center;min-height:48px;font-weight:600}
:is(#blog-schluss,.abschnitt-blog-schluss) .schluss__bild{margin:0;aspect-ratio:3/2;overflow:hidden}
:is(#blog-schluss,.abschnitt-blog-schluss) .schluss__bild .bild{border-radius:0;background:color-mix(in srgb,var(--farbe-auf-dunkel) 8%,transparent)}
@media (min-width:768px){:is(#blog-schluss,.abschnitt-blog-schluss) .schluss__raster{grid-template-columns:5fr 6fr}:is(#blog-schluss,.abschnitt-blog-schluss) .schluss__bild{aspect-ratio:4/3}}
@media (min-width:1100px){:is(#blog-schluss,.abschnitt-blog-schluss) .schluss__raster{grid-template-columns:4fr 6fr}:is(#blog-schluss,.abschnitt-blog-schluss) .schluss__bild{aspect-ratio:3/2}}
:is(#blog-schluss,.abschnitt-blog-schluss) .schluss__bild.wp-block-image img{width:100%;height:100%;object-fit:cover;border-radius:0;background:color-mix(in srgb,var(--farbe-auf-dunkel) 8%,transparent)}
:is(#blog-schluss,.abschnitt-blog-schluss) .schluss__frist{white-space:normal}
:is(#blog-schluss,.abschnitt-blog-schluss) .schluss__link .wp-block-button__link{background:none;color:var(--farbe-auf-dunkel);padding:0;border:0;border-radius:0;font-family:var(--schrift-text);font-size:inherit;font-weight:600;letter-spacing:normal;text-transform:none;text-decoration:underline;text-decoration-thickness:1px;text-decoration-color:var(--farbe-akzent);text-underline-offset:.2em}
:is(#blog-schluss,.abschnitt-blog-schluss) .schluss__link .wp-block-button__link:hover{color:var(--farbe-akzent)}

/* Abschnitt «Fusszeile» (#fusszeile) */
:is(#fusszeile,.abschnitt-fusszeile){background:var(--farbe-dunkel);color:var(--farbe-auf-dunkel);padding-block:var(--abstand) 1.5rem}:is(#fusszeile,.abschnitt-fusszeile) a:not(.btn){color:var(--farbe-auf-dunkel);text-underline-offset:.25em;text-decoration-color:var(--farbe-akzent)}:is(#fusszeile,.abschnitt-fusszeile) a:not(.btn):hover{color:var(--farbe-akzent)}:is(#fusszeile,.abschnitt-fusszeile) :focus-visible{outline:3px solid var(--farbe-akzent);outline-offset:3px;box-shadow:none}:is(#fusszeile,.abschnitt-fusszeile) .fuss__haupt{display:grid;grid-template-columns:1fr;gap:2.5rem;padding-bottom:clamp(2rem,5vw,3.5rem)}:is(#fusszeile,.abschnitt-fusszeile) .fuss__aufruf{display:flex;flex-direction:column;align-items:flex-start;gap:1.75rem}:is(#fusszeile,.abschnitt-fusszeile) .fuss__claim{font-family:var(--schrift-titel);font-size:clamp(1.75rem,1.2rem + 2.4vw,3rem);line-height:1.12;margin:0;max-width:20ch}:is(#fusszeile,.abschnitt-fusszeile) .fuss__claim em{font-style:italic;color:color-mix(in srgb,var(--farbe-auf-dunkel) 80%,transparent)}:is(#fusszeile,.abschnitt-fusszeile) .fuss__seiten{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr;border-top:1px solid color-mix(in srgb,var(--farbe-auf-dunkel) 18%,transparent)}:is(#fusszeile,.abschnitt-fusszeile) .fuss__seiten li{border-bottom:1px solid color-mix(in srgb,var(--farbe-auf-dunkel) 18%,transparent)}:is(#fusszeile,.abschnitt-fusszeile) .fuss__seiten a{display:flex;align-items:center;min-height:52px;font-family:var(--schrift-titel);font-size:clamp(1.15rem,1.05rem + .5vw,1.4rem);text-decoration:none}:is(#fusszeile,.abschnitt-fusszeile) .fuss__seiten a:hover{text-decoration:underline}:is(#fusszeile,.abschnitt-fusszeile) .fuss__infos{display:grid;grid-template-columns:1fr 1fr;gap:1.75rem 1.5rem;padding-block:clamp(2rem,5vw,3rem);border-top:1px solid color-mix(in srgb,var(--farbe-auf-dunkel) 18%,transparent)}:is(#fusszeile,.abschnitt-fusszeile) .fuss__info{min-width:0}:is(#fusszeile,.abschnitt-fusszeile) .fuss__titel{font-size:.8125rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:color-mix(in srgb,var(--farbe-auf-dunkel) 80%,transparent);margin:0 0 .6rem}:is(#fusszeile,.abschnitt-fusszeile) .fuss__adresse{font-style:normal;line-height:1.6;font-size:.9375rem}:is(#fusszeile,.abschnitt-fusszeile) .fuss__text{font-size:.9375rem;line-height:1.6;margin:0;max-width:30ch}:is(#fusszeile,.abschnitt-fusszeile) .fuss__text a{text-decoration:underline}:is(#fusszeile,.abschnitt-fusszeile) .fuss__unten{display:flex;flex-direction:column;gap:.25rem;padding-top:1.25rem;border-top:1px solid color-mix(in srgb,var(--farbe-auf-dunkel) 18%,transparent);font-size:.875rem}:is(#fusszeile,.abschnitt-fusszeile) .fuss__copy{margin:0;color:color-mix(in srgb,var(--farbe-auf-dunkel) 80%,transparent)}:is(#fusszeile,.abschnitt-fusszeile) .fuss__recht{list-style:none;margin:0;padding:0;display:flex;gap:1.5rem}:is(#fusszeile,.abschnitt-fusszeile) .fuss__recht a{display:inline-flex;align-items:center;min-height:44px;text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--farbe-auf-dunkel) 40%,transparent)}:is(#fusszeile,.abschnitt-fusszeile) .fuss__recht a:hover{text-decoration-color:var(--farbe-akzent)}:is(#fusszeile,.abschnitt-fusszeile) .nach-oben{position:fixed;right:clamp(16px,3vw,32px);bottom:calc(clamp(16px,3vw,32px) + var(--nach-oben-versatz,0px) + env(safe-area-inset-bottom,0px));z-index:40;display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;padding:0;margin:0;border:1px solid color-mix(in srgb,var(--farbe-auf-dunkel) 25%,transparent);border-radius:var(--radius);background:var(--farbe-dunkel);color:var(--farbe-auf-dunkel);cursor:pointer;opacity:0;visibility:hidden;transform:translateY(12px);transition:opacity .25s ease,transform .25s ease,visibility 0s linear .25s,background-color .2s,color .2s}:is(#fusszeile,.abschnitt-fusszeile) .nach-oben.ist-sichtbar{opacity:1;visibility:visible;transform:none;transition:opacity .25s ease,transform .25s ease,visibility 0s linear 0s,background-color .2s,color .2s}:is(#fusszeile,.abschnitt-fusszeile) .nach-oben:hover{background:var(--farbe-primaer);color:var(--farbe-auf-primaer)}:is(#fusszeile,.abschnitt-fusszeile) .nach-oben:focus-visible{outline:3px solid var(--farbe-akzent);outline-offset:3px;box-shadow:none}:is(#fusszeile,.abschnitt-fusszeile) .nach-oben .nach-oben__symbol{display:block;width:22px;height:22px;pointer-events:none}[data-bewegung="ruhig"] :is(#fusszeile,.abschnitt-fusszeile) .nach-oben,[data-bewegung="ruhig"] :is(#fusszeile,.abschnitt-fusszeile) .nach-oben.ist-sichtbar{transform:none;transition:none}@media (prefers-reduced-motion:reduce){:is(#fusszeile,.abschnitt-fusszeile) .nach-oben,:is(#fusszeile,.abschnitt-fusszeile) .nach-oben.ist-sichtbar{transform:none;transition:none}}@media (min-width:768px){:is(#fusszeile,.abschnitt-fusszeile) .fuss__seiten{grid-template-columns:1fr 1fr;column-gap:2rem}:is(#fusszeile,.abschnitt-fusszeile) .fuss__infos{grid-template-columns:repeat(4,1fr);gap:2rem}:is(#fusszeile,.abschnitt-fusszeile) .fuss__unten{flex-direction:row;justify-content:space-between;align-items:center}}@media (min-width:1100px){:is(#fusszeile,.abschnitt-fusszeile) .fuss__haupt{grid-template-columns:1.1fr 1fr;gap:5rem;align-items:start}}
:is(#fusszeile,.abschnitt-fusszeile) .fuss__haupt>*,:is(#fusszeile,.abschnitt-fusszeile) .fuss__aufruf>*,:is(#fusszeile,.abschnitt-fusszeile) .fuss__nav>*,:is(#fusszeile,.abschnitt-fusszeile) .fuss__infos>*,:is(#fusszeile,.abschnitt-fusszeile) .fuss__info>*,:is(#fusszeile,.abschnitt-fusszeile) .fuss__unten>*{margin-block-start:0}:is(#fusszeile,.abschnitt-fusszeile) .fuss__adresse{margin:0}:is(#fusszeile,.abschnitt-fusszeile) .fuss__recht li{margin:0}