/*
Theme Name: Huber Fotografie Test 20261104
Template: kadence
Theme URI: https://huber-consulting.ch
Author: Huber-Consulting
Author URI: https://huber-consulting.ch
Description: Webseite Huber Fotografie Test 20261104 – erstellt mit dem Prototyp-Studio von Huber-Consulting aus dem freigegebenen Entwurf (Stand 122). 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.122
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-20261104
*/

/* 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;--groesse-klein:var(--wp--preset--font-size--klein);--groesse-normal:var(--wp--preset--font-size--normal);--groesse-gross:var(--wp--preset--font-size--gross);--groesse-titel-klein:var(--wp--preset--font-size--titel-klein);--groesse-titel:var(--wp--preset--font-size--titel);--groesse-titel-gross:var(--wp--preset--font-size--titel-gross)}
.paar-hell{background-color:var(--farbe-hintergrund);color:var(--farbe-text);--paar-text:var(--farbe-text);--paar-leise:var(--farbe-text-leise);--paar-link:var(--farbe-primaer-text)}.paar-hell a:not([class*="btn"]){color:var(--paar-link)}
.paar-flaeche,.abschnitt--flaeche{background-color:var(--farbe-flaeche);color:var(--farbe-text);--paar-text:var(--farbe-text);--paar-leise:var(--farbe-text-leise);--paar-link:var(--farbe-primaer-text)}.paar-flaeche a:not([class*="btn"]),.abschnitt--flaeche a:not([class*="btn"]){color:var(--paar-link)}
.paar-primaer,.abschnitt--primaer{background-color:var(--farbe-primaer);color:var(--farbe-auf-primaer);--paar-text:var(--farbe-auf-primaer);--paar-leise:var(--farbe-auf-primaer);--paar-link:var(--farbe-auf-primaer)}.paar-primaer h1,.abschnitt--primaer h1,.paar-primaer h2,.abschnitt--primaer h2,.paar-primaer h3,.abschnitt--primaer h3{color:inherit}.paar-primaer a:not([class*="btn"]),.abschnitt--primaer a:not([class*="btn"]){color:var(--paar-link)}
.paar-dunkel,.abschnitt--dunkel{background-color:var(--farbe-dunkel);color:var(--farbe-auf-dunkel);--paar-text:var(--farbe-auf-dunkel);--paar-leise:var(--farbe-auf-dunkel);--paar-link:var(--farbe-auf-dunkel)}.paar-dunkel h1,.abschnitt--dunkel h1,.paar-dunkel h2,.abschnitt--dunkel h2,.paar-dunkel h3,.abschnitt--dunkel h3{color:inherit}.paar-dunkel a:not([class*="btn"]),.abschnitt--dunkel a:not([class*="btn"]){color:var(--paar-link)}

/* Gestaltungsbausteine aus dem Entwurf (auch als Block-Stile im Editor) */

/* Grundlagen */
html{scroll-behavior:smooth}
body{margin:0;background:var(--farbe-hintergrund);color:var(--farbe-text);font-family:var(--schrift-text);font-size:var(--groesse-normal);line-height:1.6;overflow-x:clip;-webkit-font-smoothing:antialiased}
::selection{background:var(--farbe-akzent);color:var(--farbe-text)}
h1,h2,h3{font-family:var(--schrift-titel);font-weight:600;font-style:normal;line-height:1.12;letter-spacing:-0.01em;margin:0 0 0.45em;color:inherit;hyphens:manual;overflow-wrap:normal;text-wrap:balance}
h1{font-size:var(--groesse-titel-gross)}
h2{font-size:var(--groesse-titel)}
h3{font-size:var(--groesse-titel-klein);line-height:1.25}
p,li{text-wrap:pretty;hyphens:manual}
p{margin:0 0 1em;max-width:68ch}
p+h2,p+h3,ul+h3,:is(.liste-haken,.is-style-liste-haken)+h3{margin-top:1.6em}
a{color:var(--paar-link,var(--farbe-primaer-text));text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:0.22em;text-decoration-color:color-mix(in srgb,currentColor 45%,transparent)}
a:hover{text-decoration-color:currentColor;text-decoration-thickness:2px}
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 6px color-mix(in srgb,var(--farbe-akzent) 40%,transparent)}
:is(.abschnitt--dunkel,.is-style-abschnitt-dunkel) :focus-visible,:is(.paar-dunkel,.is-style-paar-dunkel) :focus-visible{outline-color:var(--farbe-akzent)}
:is(.abschnitt--primaer,.is-style-abschnitt-primaer) :focus-visible,:is(.paar-primaer,.is-style-paar-primaer) :focus-visible{outline-color:var(--farbe-auf-primaer);box-shadow:none}

/* Raster und Abschnitte */
.container{width:100%;max-width:var(--breite);margin-inline:auto;padding-inline:20px;box-sizing:border-box}
.abschnitt{padding-block:var(--abstand)}
:is(.abschnitt--primaer,.is-style-abschnitt-primaer) :is(.btn--hell,.is-style-btn-hell){background:var(--farbe-auf-primaer);color:var(--farbe-primaer-text)}
:is(.abschnitt--dunkel,.is-style-abschnitt-dunkel) :is(.btn--hell,.is-style-btn-hell){background:var(--farbe-auf-dunkel);color:var(--farbe-dunkel)}

/* Text */
:is(.eyebrow,.is-style-eyebrow){display:inline-flex;align-items:center;gap:0.65em;margin:0 0 var(--abstand-klein);font-family:var(--schrift-text);font-size:var(--groesse-klein);font-weight:600;letter-spacing:0.12em;text-transform:uppercase;color:var(--paar-leise,var(--farbe-text-leise))}
:is(.eyebrow,.is-style-eyebrow)::before{content:'';flex:none;width:0.6em;height:0.6em;background:var(--farbe-akzent)}
:is(.lead,.is-style-lead){font-size:var(--groesse-gross);line-height:1.5;max-width:58ch}
:is(.leise,.is-style-leise){color:var(--paar-leise,var(--farbe-text-leise))}

/* Knöpfe */
:is(.btn,.is-style-btn-primaer,.is-style-btn-sekundaer,.is-style-btn-hell){display:inline-flex;align-items:center;justify-content:center;gap:0.5em;min-height:48px;padding:0.75em 1.5em;box-sizing:border-box;border:2px solid transparent;border-radius:var(--radius);font-family:var(--schrift-text);font-size:var(--groesse-normal);font-weight:600;line-height:1.2;text-decoration:none;cursor:pointer;transition:transform 0.2s ease-out,opacity 0.2s ease-out}
:is(.btn,.is-style-btn-primaer,.is-style-btn-sekundaer,.is-style-btn-hell):hover{transform:translateY(-2px)}
:is(.btn,.is-style-btn-primaer,.is-style-btn-sekundaer,.is-style-btn-hell):active{transform:translateY(0)}
:is(.btn--primaer,.is-style-btn-primaer){background:var(--farbe-primaer);color:var(--farbe-auf-primaer)}
:is(.btn--primaer,.is-style-btn-primaer):hover{background:var(--farbe-primaer-text)}
:is(.btn--sekundaer,.is-style-btn-sekundaer){background:transparent;color:var(--paar-text,var(--farbe-text));border-color:currentColor}
:is(.btn--sekundaer,.is-style-btn-sekundaer):hover{background:color-mix(in srgb,currentColor 8%,transparent)}
:is(.btn--hell,.is-style-btn-hell){background:var(--farbe-auf-dunkel);color:var(--farbe-dunkel)}
:is(.btn--hell,.is-style-btn-hell):hover{opacity:0.9}

/* Bausteine */
.raster{display:grid;gap:var(--abstand-klein);grid-template-columns:1fr;align-items:start}
:is(.karte,.is-style-karte){background:var(--farbe-flaeche);color:var(--farbe-text);padding:var(--abstand-klein);border-radius:var(--radius);overflow:hidden;transition:transform 0.25s ease-out}
:is(.abschnitt--flaeche,.is-style-abschnitt-flaeche) :is(.karte,.is-style-karte){background:var(--farbe-hintergrund)}
:is(.abschnitt--dunkel,.is-style-abschnitt-dunkel) :is(.karte,.is-style-karte){background:color-mix(in srgb,var(--farbe-auf-dunkel) 7%,var(--farbe-dunkel));color:var(--farbe-auf-dunkel)}
a:is(.karte,.is-style-karte){display:block;text-decoration:none}
a:is(.karte,.is-style-karte):hover{transform:translateY(-4px)}
:is(.badge,.is-style-badge){display:inline-block;padding:0.25em 0.7em;background:var(--farbe-akzent);color:var(--farbe-text);font-size:var(--groesse-klein);font-weight:600;border-radius:var(--radius)}
:is(.liste-haken,.is-style-liste-haken){list-style:none;margin:0 0 1.2em;padding:0;display:grid;gap:0.6em}
:is(.liste-haken,.is-style-liste-haken) li{position:relative;padding-left:1.8em;max-width:64ch}
:is(.liste-haken,.is-style-liste-haken) li::before{content:'';position:absolute;left:0.15em;top:0.5em;width:0.85em;height:0.45em;border-left:2px solid var(--paar-link,var(--farbe-primaer-text));border-bottom:2px solid var(--paar-link,var(--farbe-primaer-text));transform:rotate(-45deg)}
.bild{display:block;width:100%;height:100%;object-fit:cover;border-radius:var(--radius);background:var(--farbe-flaeche);transition:transform 0.6s ease-out}
:is(.zahl,.is-style-zahl){display:block;font-family:var(--schrift-titel);font-size:var(--groesse-titel-gross);font-weight:600;line-height:1;font-variant-numeric:lining-nums tabular-nums;color:var(--paar-text,var(--farbe-text))}

/* Bewegung: ohne Skript bleibt alles sichtbar */
.einblenden{opacity:1}
.einblenden.ist-sichtbar{animation:einblenden-auf 0.6s ease-out both}
@keyframes einblenden-auf{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
@keyframes einblenden-verspielt{from{opacity:0;transform:translateY(36px) scale(0.98)}to{opacity:1;transform:none}}
[data-bewegung=verspielt] .einblenden.ist-sichtbar{animation-name:einblenden-verspielt;animation-duration:0.8s}
[data-bewegung=verspielt] .raster>.einblenden:nth-child(2){animation-delay:0.08s}
[data-bewegung=verspielt] .raster>.einblenden:nth-child(3){animation-delay:0.16s}
[data-bewegung=verspielt] .raster>.einblenden:nth-child(4){animation-delay:0.24s}
[data-bewegung=verspielt] :is(.karte,.is-style-karte):hover .bild{transform:scale(1.03)}
[data-bewegung=ruhig] .einblenden.ist-sichtbar{animation:none}
[data-bewegung=ruhig] :is(.btn,.is-style-btn-primaer,.is-style-btn-sekundaer,.is-style-btn-hell),[data-bewegung=ruhig] :is(.karte,.is-style-karte),[data-bewegung=ruhig] .bild{transition:none}
[data-bewegung=ruhig] :is(.btn,.is-style-btn-primaer,.is-style-btn-sekundaer,.is-style-btn-hell):hover,[data-bewegung=ruhig] a:is(.karte,.is-style-karte):hover,[data-bewegung=ruhig] :is(.karte,.is-style-karte):hover .bild{transform:none}

/* Responsiv */
@media (min-width:768px){
.container{padding-inline:24px}
.raster{grid-template-columns:repeat(2,1fr)}
}
@media (min-width:1100px){
.raster{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}
}
@media (prefers-reduced-motion:reduce){
html{scroll-behavior:auto}
.einblenden.ist-sichtbar,[data-bewegung] .einblenden.ist-sichtbar{animation:none}
:is(.btn,.is-style-btn-primaer,.is-style-btn-sekundaer,.is-style-btn-hell),:is(.karte,.is-style-karte),.bild{transition:none}
:is(.btn,.is-style-btn-primaer,.is-style-btn-sekundaer,.is-style-btn-hell):hover,a:is(.karte,.is-style-karte):hover,[data-bewegung] :is(.karte,.is-style-karte):hover .bild{transform:none}
}

/* 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}
/* Block-Editor zentriert Listenpunkte (.wp-block{margin:auto}) – die Haken-Liste sah dort verschoben aus */
:is(:is(.liste-haken,.is-style-liste-haken),.is-style-liste-haken)>li{margin-inline:0}
/* Knöpfe: die Klassen :is(.btn,.is-style-btn-primaer,.is-style-btn-sekundaer,.is-style-btn-hell) … sitzen in WordPress am Rahmen (.wp-block-button), der Link füllt ihn ganz aus */
.wp-block-button:is(.btn,.is-style-btn-primaer,.is-style-btn-sekundaer,.is-style-btn-hell){position:relative}
.wp-block-button:is(.btn,.is-style-btn-primaer,.is-style-btn-sekundaer,.is-style-btn-hell)>.wp-block-button__link{all:unset;cursor:pointer;color:inherit}
/* Linkfarben der Abschnitte (z.B. «#fusszeile a») gelten nicht für den Link im Knopf – seine Farbe kommt vom Rahmen */
.wp-block-button:is(.btn,.is-style-btn-primaer,.is-style-btn-sekundaer,.is-style-btn-hell)>.wp-block-button__link,.wp-block-button:is(.btn,.is-style-btn-primaer,.is-style-btn-sekundaer,.is-style-btn-hell)>.wp-block-button__link:is(:hover,:focus,:visited){color:inherit!important;text-decoration:none!important}
.wp-block-button:is(.btn,.is-style-btn-primaer,.is-style-btn-sekundaer,.is-style-btn-hell)>.wp-block-button__link::after{content:"";position:absolute;inset:0}
.wp-block-button:is(.btn,.is-style-btn-primaer,.is-style-btn-sekundaer,.is-style-btn-hell):focus-within{outline:3px solid var(--farbe-primaer-text);outline-offset:3px}
:is(.abschnitt--dunkel,.is-style-abschnitt-dunkel) .wp-block-button:is(.btn,.is-style-btn-primaer,.is-style-btn-sekundaer,.is-style-btn-hell):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}
/* R3 (F-R3-3): WordPress 7.1 setzt bei runden Ecken «border-style:solid» – ohne eingestellte Rahmenbreite kein Rahmen */
.wp-block-image.has-custom-border img{border-width:0}
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}}
/* Handy: Logo bzw. Name darf schrumpfen, Menü-Knopf und Hauptknopf nie (sonst ragt die Kopfzeile bei langem Firmennamen über den Rand) */
@media (max-width:781px){.hc-kopf__zeile>*{min-width:0}.hc-kopf__zeile>:is(.wp-block-site-logo,.wp-block-site-title){flex:0 1 auto;overflow:hidden}.hc-kopf .wp-block-site-logo img{max-width:100%}.hc-kopf .wp-block-site-title{font-size:1rem;white-space:nowrap;text-overflow:ellipsis}.hc-kopf__zeile>:is(.wp-block-navigation,.hc-kopf__aktion){flex:none}.hc-kopf .hc-kopf__aktion .wp-block-button__link{white-space:nowrap}}
@media (max-width:420px){.hc-kopf .hc-kopf__aktion .wp-block-button__link{font-size:.8125rem;padding:.55rem .7rem}}
/* Knopf «Nach oben» */
.hc-nach-oben{position:fixed;right:clamp(12px,3vw,24px);bottom:clamp(12px,3vw,24px);z-index:55;display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background:var(--farbe-dunkel);color:var(--farbe-auf-dunkel);font:600 22px/1 var(--schrift-text);text-decoration:none;box-shadow:0 4px 14px rgba(0,0,0,.18);transition:opacity .2s,transform .2s}
.hc-nach-oben:hover{transform:translateY(-2px)}
.hc-nach-oben:focus-visible{outline:3px solid var(--farbe-primaer);outline-offset:3px}
.hc-nach-oben--versteckt{opacity:0;pointer-events:none;transform:translateY(8px)}
@media (max-width:781px){body:has(.hc-aktionsleiste) .hc-nach-oben{bottom:84px}}
@media (prefers-reduced-motion:reduce){.hc-nach-oben{transition:none}}
/* 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}

/* Kadence Blocks (Kundenfarben, auch wenn Kadence nur als Werkzeugkiste dient) */

html:root{--global-palette1:var(--wp--preset--color--primaer);--global-palette2:var(--wp--preset--color--primaer-text);--global-palette3:var(--wp--preset--color--grundtext);--global-palette4:var(--wp--preset--color--grundtext);--global-palette5:var(--wp--preset--color--text-leise);--global-palette6:var(--wp--preset--color--text-leise);--global-palette7:color-mix(in srgb,var(--wp--preset--color--grundtext) 8%,var(--wp--preset--color--hintergrund));--global-palette8:color-mix(in srgb,var(--wp--preset--color--grundtext) 4%,var(--wp--preset--color--hintergrund));--global-palette9:var(--wp--preset--color--hintergrund);--global-palette-highlight:var(--wp--preset--color--primaer-text);--global-palette-btn-bg:var(--wp--preset--color--primaer);--global-palette-btn-bg-hover:var(--wp--preset--color--primaer-text);--global-palette-btn:var(--wp--preset--color--auf-primaer);--global-palette-btn-hover:var(--wp--preset--color--auf-primaer);--global-content-width:var(--breite);--global-heading-font-family:var(--schrift-titel);--global-body-font-family:var(--schrift-text)}

/* Abschnitt «Laufschrift-Band» (#laufschrift) */
:is(#laufschrift,.abschnitt-laufschrift){padding:0!important}:is(#laufschrift,.abschnitt-laufschrift) .hc-lf__titel{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* Abschnitt «Für Neulinge und für erfahrene Models» (#fuer-wen) */
/* Bild und Text in der Kachel übereinanderlegen (Text liegt unten auf dem Bild) */
:is(#fuer-wen,.abschnitt-fuer-wen) .fw-kachel{display:grid;position:relative;overflow:hidden}:is(#fuer-wen,.abschnitt-fuer-wen) .fw-kachel>*{grid-area:1/1;margin:0}:is(#fuer-wen,.abschnitt-fuer-wen) .fw-kachel>.fw-inhalt{align-self:end;z-index:1}/* Bild füllt die ganze Kachel, auch wenn der Text höher ist als das Bildformat */
:is(#fuer-wen,.abschnitt-fuer-wen) .fw-kachel>.wp-block-image{height:100%}:is(#fuer-wen,.abschnitt-fuer-wen) .fw-kachel>.wp-block-image img{height:100%}/* Dunkler Verlauf hinter dem Text, damit er auf jedem Foto lesbar bleibt */
:is(#fuer-wen,.abschnitt-fuer-wen) .fw-inhalt{background:linear-gradient(to top,color-mix(in srgb,var(--farbe-dunkel) 90%,transparent),color-mix(in srgb,var(--farbe-dunkel) 65%,transparent) 55%,transparent)}/* Ganze Kachel klickbar: Der Link «weiter» wird über die ganze Kachel ausgedehnt */
:is(#fuer-wen,.abschnitt-fuer-wen) .fw-weiter a::after{content:'';position:absolute;inset:0;z-index:2}

/* Abschnitt «So funktioniert TFP» (#so-funktioniert-tfp) */
/* Kleiner Zwischentitel über den vier Bereichen: Textschrift statt Titelschrift, leicht gesperrt wie im Entwurf */
:is(#so-funktioniert-tfp,.abschnitt-so-funktioniert-tfp) .tfp-bereiche__titel{font-family:var(--schrift-text);letter-spacing:.04em}
/* Handy: Knopf über die ganze Breite wie im Entwurf */
@media (max-width:599px){:is(#so-funktioniert-tfp,.abschnitt-so-funktioniert-tfp) .tfp-knoepfe .wp-block-button{flex:1 1 100%}:is(#so-funktioniert-tfp,.abschnitt-so-funktioniert-tfp) .tfp-knoepfe .wp-block-button__link{width:100%}}

/* Abschnitt «Portfolio-Vorschau» (#portfolio-vorschau) */
/* Überschrift höchstens 14 Zeichen breit, wie im Entwurf (bricht schön um) */
:is(#portfolio-vorschau,.abschnitt-portfolio-vorschau) h2{max-width:14ch}/* Einleitung und Hinweis schmaler halten als Theme-Standard (42 statt 58/68 Zeichen) */
:is(#portfolio-vorschau,.abschnitt-portfolio-vorschau) p{max-width:42ch}
/* Knopf auf dem Handy über die ganze Breite, ab Tablet normale Breite */
@media (max-width:767px){:is(#portfolio-vorschau,.abschnitt-portfolio-vorschau) .pv-knopf .wp-block-button{width:100%}:is(#portfolio-vorschau,.abschnitt-portfolio-vorschau) .pv-knopf .wp-block-button__link{width:100%}}

/* Abschnitt «Fester Hintergrund: Jeder Mensch ist fotogen» (#fotogen-band) */
/* Textkarte über dem festen Hintergrundbild: auf grossen Bildschirmen schmal und links, wie im Entwurf (Breite einer Gruppe ist keine Block-Einstellung) */
@media (min-width:768px){
:is(#fotogen-band,.abschnitt-fotogen-band) .fotogen-karte{max-width:480px}
}

/* Abschnitt «Kurzvorstellung Rolf Huber» (#ueber-kurz) */
:is(#ueber-kurz,.abschnitt-ueber-kurz) .hc-ue__wert{padding:.6rem 0 .6rem 1.25rem;border-left:3px solid var(--farbe-akzent)}:is(#ueber-kurz,.abschnitt-ueber-kurz) .hc-ue__wert > *{margin-block:0}

/* Abschnitt «Ablauf in drei Schritten» (#ablauf-kurz) */
:is(#ablauf-kurz,.abschnitt-ablauf-kurz) .hc-ab__kreis{width:3rem;height:3rem;border-radius:50%;display:grid;place-items:center;font-weight:700;margin-inline:auto!important}:is(#ablauf-kurz,.abschnitt-ablauf-kurz) .hc-ab__schritt{position:relative}
@media (min-width:782px){:is(#ablauf-kurz,.abschnitt-ablauf-kurz) .hc-ab__schritt:not(:last-child)::after{content:"";position:absolute;top:1.5rem;left:calc(50% + 1.5rem);right:calc(-50% + 1.5rem - var(--wp--preset--spacing--stufe-3));border-top:2px solid color-mix(in srgb,currentColor 18%,transparent)}}

/* Abschnitt «Häufige Fragen» (#fragen) */
:is(#fragen,.abschnitt-fragen) .hc-fr__frage{border-bottom:1px solid color-mix(in srgb,currentColor 20%,transparent)}:is(#fragen,.abschnitt-fragen) .hc-fr__frage > summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1.1rem 0;font-weight:600;font-size:var(--wp--preset--font-size--gross,1.125rem)}:is(#fragen,.abschnitt-fragen) .hc-fr__frage > summary::-webkit-details-marker{display:none}:is(#fragen,.abschnitt-fragen) .hc-fr__frage > summary::after{content:"+";flex:none;width:1.75rem;height:1.75rem;border-radius:50%;display:grid;place-items:center;border:1px solid currentColor;font-weight:400;line-height:1;transition:transform .2s}:is(#fragen,.abschnitt-fragen) .hc-fr__frage[open] > summary::after{transform:rotate(45deg)}:is(#fragen,.abschnitt-fragen) .hc-fr__frage > summary:focus-visible{outline:3px solid var(--wp--preset--color--akzent,currentColor);outline-offset:3px}:is(#fragen,.abschnitt-fragen) .hc-fr__frage > p{margin:0 0 1.25rem;max-width:44rem}
@media (prefers-reduced-motion:reduce){:is(#fragen,.abschnitt-fragen) .hc-fr__frage > summary::after{transition:none}}:is(#fragen,.abschnitt-fragen) .hc-fr__frage{margin-top:0!important}

/* Abschnitt «Aufruf zur Anfrage» (#schluss-start) */
:is(#schluss-start,.abschnitt-schluss-start) .hc-au__riesig{font-size:clamp(2.25rem,1.4rem + 4.2vw,5rem);line-height:1.05;letter-spacing:-.02em;max-width:18ch}

/* Abschnitt «Seitenkopf Portfolio» (#portfolio-kopf) */
/* Einleitung im Seitenkopf über die ganze Breite statt höchstens 58 Zeichen (wie im Entwurf) */
:is(#portfolio-kopf,.abschnitt-portfolio-kopf) .is-style-lead{max-width:none}/* Kurzer Strich in der Hauptfarbe unter dem Text: 3.5rem breit, 3px hoch, voll deckend */
:is(#portfolio-kopf,.abschnitt-portfolio-kopf) .hc-strich{width:3.5rem;max-width:3.5rem;height:3px;border:0;background:var(--farbe-primaer);opacity:1}

/* Abschnitt «Galerie mit Filter und Grossansicht» (#galerie) */
/* Überschrift nur für Screenreader: sichtbar ausgeblendet, aber vorgelesen (wie im Entwurf) */
:is(#galerie,.abschnitt-galerie) .galerie-titel-versteckt{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}

/* Abschnitt «Seitenkopf Ablauf & Vorbereitung» (#ablauf-kopf) */
:is(#ablauf-kopf,.abschnitt-ablauf-kopf){padding-top:calc(var(--kopf-platz,0px) + var(--wp--preset--spacing--stufe-4))}:is(#ablauf-kopf,.abschnitt-ablauf-kopf) .wp-block-image img{border-radius:50%}

/* Abschnitt «Nutzung der Bilder» (#nutzung) */
/* Belege (Sitzung 8d): Zitate und Merkmale – gemeinsam für alle Varianten «belege-…» (nutzung = ID des Abschnitts) */
:is(#nutzung,.abschnitt-nutzung) .hc-bl__stimme{display:flex;flex-direction:column;justify-content:space-between;gap:1rem;margin:0;height:100%}:is(#nutzung,.abschnitt-nutzung) .hc-bl__zitat{margin:0;padding:0;border:0;font-size:var(--wp--preset--font-size--gross,1.125rem);line-height:1.5;text-wrap:pretty}:is(#nutzung,.abschnitt-nutzung) .hc-bl__zitat p{margin:0}:is(#nutzung,.abschnitt-nutzung) .hc-bl__zitat::before{content:"«";display:block;font-family:var(--schrift-titel,inherit);font-size:2.75em;line-height:.8;color:var(--paar-link,var(--farbe-primaer-text));margin-bottom:.15em}:is(#nutzung,.abschnitt-nutzung) .hc-bl__wer{margin:0;font-size:var(--wp--preset--font-size--klein);font-weight:600;opacity:.9}:is(#nutzung,.abschnitt-nutzung) .hc-bl__haken{flex:none;width:2.25rem;height:2.25rem;border-radius:50%;display:grid;place-items:center;background:var(--farbe-primaer);color:var(--farbe-auf-primaer,#fff);font-weight:700}:is(#nutzung,.abschnitt-nutzung) .hc-bl__stimme > *,:is(#nutzung,.abschnitt-nutzung) .hc-bl__karte > *{margin-block:0}:is(#nutzung,.abschnitt-nutzung) .hc-bl__grund{display:flex;gap:1rem;align-items:flex-start}:is(#nutzung,.abschnitt-nutzung) .hc-bl__grund > .hc-bl__haken{margin:0}:is(#nutzung,.abschnitt-nutzung) .hc-bl__grund h3{font-size:clamp(1.05rem,1rem + .35vw,1.25rem)}

/* Abschnitt «Checkliste zum Einpacken» (#checkliste) */
:is(#checkliste,.abschnitt-checkliste) .hc-ck__liste{list-style:none;margin:0;padding:0;border-top:1px solid color-mix(in srgb,currentColor 18%,transparent)}:is(#checkliste,.abschnitt-checkliste) .hc-ck__liste li{position:relative;margin:0;padding:1rem 0 1rem 2.25rem;border-bottom:1px solid color-mix(in srgb,currentColor 18%,transparent)}:is(#checkliste,.abschnitt-checkliste) .hc-ck__liste li::before{content:"";position:absolute;left:0;top:1.15rem;width:1.35rem;height:1.35rem;border-radius:50%;background:var(--wp--preset--color--primaer)}:is(#checkliste,.abschnitt-checkliste) .hc-ck__liste li::after{content:"";position:absolute;left:.47rem;top:1.38rem;width:.4rem;height:.7rem;border:solid var(--wp--preset--color--auf-primaer);border-width:0 2px 2px 0;transform:rotate(45deg)}

/* Abschnitt «Seitenkopf Über mich» (#ueber-kopf) */
:is(#ueber-kopf,.abschnitt-ueber-kopf){padding-top:calc(var(--kopf-platz,0px) + var(--wp--preset--spacing--stufe-4))}:is(#ueber-kopf,.abschnitt-ueber-kopf) .hc-seitenkopf__strich{width:3.5rem!important;max-width:3.5rem;border:0;height:3px;margin-left:0!important;background:var(--wp--preset--color--primaer)}

/* Abschnitt «Vom Lithografen zum Fotografen» (#person) */
:is(#person,.abschnitt-person) h2{font-style:italic}:is(#person,.abschnitt-person) .hc-ue__unterschrift{font-family:var(--schrift-titel,inherit);color:var(--paar-link,var(--farbe-primaer-text))}

/* Abschnitt «Haltung: Jeder Mensch ist fotogen» (#haltung) */
@media (max-width:781px){:is(#haltung,.abschnitt-haltung) .wp-block-image img{aspect-ratio:4/3!important}}

/* Abschnitt «Aufruf Über mich» (#ueber-schluss) */
:is(#ueber-schluss,.abschnitt-ueber-schluss) .hc-au__titel{font-size:clamp(1.9rem,1.4rem + 2.2vw,3rem)}

/* Abschnitt «Seitenkopf Anfrage & Studio» (#anfrage-kopf) */
:is(#anfrage-kopf,.abschnitt-anfrage-kopf){padding-top:calc(var(--kopf-platz,0px) + var(--wp--preset--spacing--stufe-4))}:is(#anfrage-kopf,.abschnitt-anfrage-kopf) .hc-seitenkopf__strich{width:3.5rem!important;max-width:3.5rem;border:0;height:3px;margin-left:0!important;background:var(--wp--preset--color--primaer)}

/* Abschnitt «Anfrageformular mit «So geht es weiter»» (#anfrage) */
/* Sitzung 8e: Anfrage, Karte in WordPress – Standardformular (HTML-Block, gleiches HTML wie im Entwurf), Karte, Kontakt, Schritte */
:is(#anfrage,.abschnitt-anfrage) [hidden]{display:none!important}:is(#anfrage,.abschnitt-anfrage) .hc-form__form{display:grid;gap:1.1rem}:is(#anfrage,.abschnitt-anfrage) .hc-form__zeile{display:grid;gap:1.1rem}
@media (min-width:600px){:is(#anfrage,.abschnitt-anfrage) .hc-form__zeile{grid-template-columns:1fr 1fr}}:is(#anfrage,.abschnitt-anfrage) .hc-form__feld{display:flex;flex-direction:column;gap:.35rem;min-width:0}:is(#anfrage,.abschnitt-anfrage) .hc-form__feld label{font-weight:600}:is(#anfrage,.abschnitt-anfrage) .hc-form__frei{font-weight:400;opacity:.85}:is(#anfrage,.abschnitt-anfrage) .hc-form input:not([type=checkbox]),:is(#anfrage,.abschnitt-anfrage) .hc-form textarea{display:block;width:100%;min-height:48px;padding:.65em .8em;font:inherit;color:var(--farbe-text);background:var(--farbe-hintergrund);border:1px solid color-mix(in srgb,var(--farbe-text) 50%,transparent);border-radius:var(--radius)}:is(#anfrage,.abschnitt-anfrage) .hc-form textarea{min-height:8.5rem;resize:vertical}:is(#anfrage,.abschnitt-anfrage) .hc-form :is(input,textarea):focus-visible{outline:3px solid var(--farbe-primaer);outline-offset:1px;border-color:var(--farbe-primaer)}:is(#anfrage,.abschnitt-anfrage) .hc-form [aria-invalid=true]{border:2px solid var(--farbe-text)!important}:is(#anfrage,.abschnitt-anfrage) .hc-form__feld--haken{flex-direction:row;flex-wrap:wrap;align-items:flex-start;gap:.75rem}:is(#anfrage,.abschnitt-anfrage) .hc-form__feld--haken input{flex:none;width:22px;height:22px;margin:.15em 0 0;accent-color:var(--farbe-primaer)}:is(#anfrage,.abschnitt-anfrage) .hc-form__feld--haken label{flex:1 1 12rem;font-weight:400}:is(#anfrage,.abschnitt-anfrage) .hc-form__fehler{flex-basis:100%;padding-left:.6em;border-left:3px solid var(--farbe-akzent);font-size:var(--wp--preset--font-size--klein);font-weight:600}:is(#anfrage,.abschnitt-anfrage) .hc-form__pflicht{margin:0;font-size:var(--wp--preset--font-size--klein)}:is(#anfrage,.abschnitt-anfrage) .hc-form__knopf{justify-self:start;cursor:pointer}
@media (max-width:599px){:is(#anfrage,.abschnitt-anfrage) .hc-form__knopf{justify-self:stretch;width:100%;justify-content:center}}:is(#anfrage,.abschnitt-anfrage) .hc-form__danke p{margin:0 0 .4rem}:is(#anfrage,.abschnitt-anfrage) .hc-form__danke-titel{font-weight:600;font-size:var(--wp--preset--font-size--titel-klein)}:is(#anfrage,.abschnitt-anfrage) .hc-af__karte{color:var(--farbe-text);box-shadow:0 1px 2px color-mix(in srgb,var(--farbe-text) 8%,transparent),0 12px 32px -18px color-mix(in srgb,var(--farbe-text) 35%,transparent);min-width:0}:is(#anfrage,.abschnitt-anfrage) .hc-kontakt__zeile{margin:0}:is(#anfrage,.abschnitt-anfrage) .hc-kontakt__zeile strong{display:block;font-size:var(--wp--preset--font-size--klein);letter-spacing:.06em;text-transform:uppercase}:is(#anfrage,.abschnitt-anfrage) .hc-af__schritte{counter-reset:hc-af}:is(#anfrage,.abschnitt-anfrage) .hc-af__schritte>.wp-block-group{position:relative;padding-left:3.4rem;counter-increment:hc-af}:is(#anfrage,.abschnitt-anfrage) .hc-af__schritte>.wp-block-group::before{content:counter(hc-af);position:absolute;left:0;top:0;display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:50%;border:2px solid var(--farbe-akzent);font-weight:700}:is(#anfrage,.abschnitt-anfrage) .hc-af__schritte h3{margin:.35rem 0 .15rem}:is(#anfrage,.abschnitt-anfrage) .hc-af__schritte p{margin:0}

/* Abschnitt «Das Studio in Zofingen» (#studio) */
:is(#studio,.abschnitt-studio) .hc-bt__foto--2{margin-top:2.5rem!important}
@media (min-width:782px){:is(#studio,.abschnitt-studio) .hc-bt__foto--2{margin-top:4.5rem!important}}

/* Abschnitt «Fusszeile» (#fusszeile) */
/* Firmenname in der Titelschrift (Schriftart ist keine Block-Einstellung) */
:is(#fusszeile,.abschnitt-fusszeile) .fuss-name{font-family:var(--schrift-titel)}/* Menü- und Kontakt-Links ohne Unterstreichung, erst beim Darüberfahren unterstrichen (wie im Entwurf) */
:is(#fusszeile,.abschnitt-fusszeile) .fuss-menue a,:is(#fusszeile,.abschnitt-fusszeile) .fuss-kontakt a{text-decoration:none;text-underline-offset:.25em}:is(#fusszeile,.abschnitt-fusszeile) .fuss-menue a:hover,:is(#fusszeile,.abschnitt-fusszeile) .fuss-kontakt a:hover{text-decoration:underline}

/* Bildausschnitte aus dem Studio (Lage und Vergrösserung je Foto, z.B. damit Köpfe nicht abgeschnitten werden; Bild-Blöcke haben die Einstellung «Ausschnitt») */
img[src*="/05-foto-22-img-9975-edit-edit"]:not(.wp-block-image img){--hb-x:49%;--hb-y:2.4%;object-position:49% 2.4%}
img[src*="/w04-foto-4-der-seite-huber-fotografie-ch"]:not(.wp-block-image img){--hb-x:48%;--hb-y:40%;object-position:48% 40%}
img[src*="/03-foto-20-img-8968-edit"]:not(.wp-block-image img){--hb-x:35%;--hb-y:20%;object-position:35% 20%}
img[src*="/14-foto-7-img-6495-edit-edit-edit-edit"]:not(.wp-block-image img){--hb-x:45%;--hb-y:1.6%;object-position:45% 1.6%}
img[src*="/16-foto-9-img-7637-edit"]:not(.wp-block-image img){--hb-x:45%;--hb-y:27%;object-position:45% 27%}
img[src*="/22-foto-15-img-8897-edit"]:not(.wp-block-image img){--hb-x:56%;--hb-y:18%;object-position:56% 18%}
img[src*="/18-foto-11-img-7982-edit-edit"]:not(.wp-block-image img){--hb-x:40%;--hb-y:25%;object-position:40% 25%}
img[src*="/10-foto-3-img-5618-edit"]:not(.wp-block-image img){--hb-x:43%;--hb-y:23%;object-position:43% 23%}
img[src*="/w01-foto-1-der-seite-huber-fotografie-ch"]:not(.wp-block-image img){--hb-x:52%;--hb-y:37%;object-position:52% 37%}
img[src*="/20-foto-13-img-8438-edit"]:not(.wp-block-image img){--hb-x:38%;--hb-y:23%;object-position:38% 23%}
img[src*="/w02-foto-2-der-seite-huber-fotografie-ch"]:not(.wp-block-image img){--hb-x:70%;--hb-y:26%;object-position:70% 26%}
img[src*="/w03-foto-3-der-seite-huber-fotografie-ch"]:not(.wp-block-image img){--hb-x:49%;--hb-y:33%;object-position:49% 33%}
img[src*="/08-foto-1-laura-444-von-491"]:not(.wp-block-image img){--hb-x:48%;--hb-y:23%;object-position:48% 23%}
img[src*="/09-foto-2-laura-468-von-491"]:not(.wp-block-image img){--hb-x:38%;--hb-y:28%;object-position:38% 28%}
img[src*="/13-foto-6-img-6315"]:not(.wp-block-image img){--hb-x:54%;--hb-y:22%;object-position:54% 22%}
img[src*="/15-foto-8-img-6566-edit"]:not(.wp-block-image img){--hb-x:61%;--hb-y:22%;object-position:61% 22%}
img[src*="/11-foto-4-img-5790-edit"]:not(.wp-block-image img){--hb-x:29%;--hb-y:15%;object-position:29% 15%}
img[src*="/17-foto-10-img-7714-edit"]:not(.wp-block-image img){--hb-x:38%;--hb-y:20%;object-position:38% 20%}
img[src*="/19-foto-12-img-8182-edit-edit"]:not(.wp-block-image img){--hb-x:44%;--hb-y:48%;object-position:44% 48%}
img[src*="/21-foto-14-img-8469-edit"]:not(.wp-block-image img){--hb-x:42%;--hb-y:24%;object-position:42% 24%}
img[src*="/23-foto-16-img-9198-edit"]:not(.wp-block-image img){--hb-x:50%;--hb-y:23%;object-position:50% 23%}
img[src*="/24-foto-17-img-9362-edit"]:not(.wp-block-image img){--hb-x:45%;--hb-y:18%;object-position:45% 18%}
img[src*="/02-foto-19-img-8938-edit"]:not(.wp-block-image img){--hb-x:30%;--hb-y:25%;object-position:30% 25%}
img[src*="/06-foto-23-img-1519-edit"]:not(.wp-block-image img){--hb-x:46%;--hb-y:21%;object-position:46% 21%}
img[src*="/04-foto-21-img-9505-edit-edit"]:not(.wp-block-image img){--hb-x:42%;--hb-y:19%;object-position:42% 19%}
img[src*="/07-foto-24-img-1609-edit"]:not(.wp-block-image img){--hb-x:40%;--hb-y:13%;object-position:40% 13%}
img[src*="/w06-foto-2-der-seite-bilder"]:not(.wp-block-image img){--hb-x:50%;--hb-y:18%;object-position:50% 18%}
img[src*="/w09-foto-5-der-seite-bilder"]:not(.wp-block-image img){--hb-x:50%;--hb-y:45%;object-position:50% 45%}
img[src*="/w11-foto-7-der-seite-bilder"]:not(.wp-block-image img){--hb-x:37%;--hb-y:34%;object-position:37% 34%}
img[src*="/w10-foto-6-der-seite-bilder"]:not(.wp-block-image img){--hb-x:46%;--hb-y:22%;object-position:46% 22%}
img[src*="/w14-foto-2-der-seite-studio"]:not(.wp-block-image img){--hb-x:67%;--hb-y:65%;object-position:67% 65%}
img[src*="/w13-foto-1-der-seite-studio"]:not(.wp-block-image img){--hb-x:45%;--hb-y:55%;object-position:45% 55%}
img[src*="/01-foto-18-img-0420-edit"]:not(.wp-block-image img){--hb-x:67%;--hb-y:4%;object-position:67% 4%}
img[src*="/12-foto-5-img-6301"]:not(.wp-block-image img){--hb-x:46%;--hb-y:24%;object-position:46% 24%}
img[src*="/96-foto-laura-42-von-491"]:not(.wp-block-image img){--hb-x:52%;--hb-y:30%;object-position:52% 30%}
img[src*="/62-foto-img-0929"]:not(.wp-block-image img){--hb-x:50%;--hb-y:47%;object-position:50% 47%}
img[src*="/107-foto-alexa-nicole-75-von-462"]:not(.wp-block-image img){--hb-x:49%;--hb-y:16%;object-position:49% 16%}
img[src*="/115-foto-img-2249-bearbeitet"]:not(.wp-block-image img){--hb-x:40%;--hb-y:30%;object-position:40% 30%}
img[src*="/71-foto-img-3851-bearbeitet-2"]:not(.wp-block-image img){--hb-x:54%;--hb-y:20%;object-position:54% 20%}
img[src*="/27-foto-alexa-nicole-232-von-462"]:not(.wp-block-image img){--hb-x:50%;--hb-y:17%;object-position:50% 17%}
img[src*="/25-foto-1-waterwigs-7-von-41-1"]:not(.wp-block-image img){--hb-x:50%;--hb-y:20%;object-position:50% 20%}
img[src*="/31-foto-img-0522-bearbeitet"]:not(.wp-block-image img){--hb-x:75%;--hb-y:86%;object-position:75% 86%}
img[src*="/26-foto-alexa-nicole-73-von-462"]:not(.wp-block-image img){--hb-x:50%;--hb-y:29%;object-position:50% 29%}
img[src*="/29-foto-dsc0080"]:not(.wp-block-image img){--hb-x:38%;--hb-y:22%;object-position:38% 22%}
img[src*="/34-foto-img-1777-bearbeitet"]:not(.wp-block-image img){--hb-x:56%;--hb-y:22%;object-position:56% 22%}
img[src*="/35-foto-img-1979-bearbeitet"]:not(.wp-block-image img){--hb-x:47%;--hb-y:24%;object-position:47% 24%}
img[src*="/36-foto-img-2309"]:not(.wp-block-image img){--hb-x:55%;--hb-y:55%;object-position:55% 55%}
img[src*="/38-foto-img-6235-bearbeitet"]:not(.wp-block-image img){--hb-x:40%;--hb-y:20%;object-position:40% 20%}
img[src*="/37-foto-img-5333-bearbeitet"]:not(.wp-block-image img){--hb-x:49%;--hb-y:42%;object-position:49% 42%}
img[src*="/44-foto-waterwigs-10-von-41-1"]:not(.wp-block-image img){--hb-x:49%;--hb-y:25%;object-position:49% 25%}
img[src*="/45-foto-waterwigs-27-von-41-1"]:not(.wp-block-image img){--hb-x:49%;--hb-y:37%;object-position:49% 37%}
img[src*="/42-foto-karo-ugo-249-von-546-1"]:not(.wp-block-image img){--hb-x:63%;--hb-y:37%;object-position:63% 37%}
img[src*="/49-foto-1-waterwigs-33-von-41-1"]:not(.wp-block-image img){--hb-x:50%;--hb-y:30%;object-position:50% 30%}
img[src*="/51-foto-dsc-0005-2"]:not(.wp-block-image img){--hb-x:28%;--hb-y:14%;object-position:28% 14%}
img[src*="/52-foto-dsc-0086"]:not(.wp-block-image img){--hb-x:50%;--hb-y:16%;object-position:50% 16%}
img[src*="/61-foto-img-0890-bearbeitet"]:not(.wp-block-image img){--hb-x:48%;--hb-y:30%;object-position:48% 30%}
img[src*="/55-foto-dsc0376-bearbeitet"]:not(.wp-block-image img){--hb-x:68%;--hb-y:18%;object-position:68% 18%}
img[src*="/54-foto-dsc0028"]:not(.wp-block-image img){--hb-x:27%;--hb-y:33%;object-position:27% 33%}
img[src*="/67-foto-img-2323-bearbeitet"]:not(.wp-block-image img){--hb-x:45%;--hb-y:30%;object-position:45% 30%}
img[src*="/65-foto-img-2052-bearbeitet-1"]:not(.wp-block-image img){--hb-x:50%;--hb-y:48%;object-position:50% 48%}
img[src*="/64-foto-img-1773-bearbeitet"]:not(.wp-block-image img){--hb-x:52%;--hb-y:14%;object-position:52% 14%}
img[src*="/68-foto-img-3309-bearbeitet"]:not(.wp-block-image img){--hb-x:49%;--hb-y:19%;object-position:49% 19%}
img[src*="/72-foto-img-4371-bearbeitet"]:not(.wp-block-image img){--hb-x:52%;--hb-y:30%;object-position:52% 30%}
img[src*="/70-foto-img-3775-bearbeitet"]:not(.wp-block-image img){--hb-x:73%;--hb-y:20%;object-position:73% 20%}
img[src*="/69-foto-img-3359-bearbeitet"]:not(.wp-block-image img){--hb-x:55%;--hb-y:30%;object-position:55% 30%}
img[src*="/76-foto-img-7497-edit-edit"]:not(.wp-block-image img){--hb-x:42%;--hb-y:14%;object-position:42% 14%}
img[src*="/83-foto-img-8182-edit"]:not(.wp-block-image img){--hb-x:26%;--hb-y:38%;object-position:26% 38%}
img[src*="/77-foto-img-7608-edit"]:not(.wp-block-image img){--hb-x:62%;--hb-y:20%;object-position:62% 20%}
img[src*="/93-foto-karo-ugo-1-von-546-1"]:not(.wp-block-image img){--hb-x:50%;--hb-y:36%;object-position:50% 36%}
img[src*="/99-foto-nelli-266-von-286"]:not(.wp-block-image img){--hb-x:54%;--hb-y:43%;object-position:54% 43%}
img[src*="/95-foto-karo-ugo-196-von-546"]:not(.wp-block-image img){--hb-x:46%;--hb-y:27%;object-position:46% 27%}
img[src*="/94-foto-karo-ugo-57-von-546-1"]:not(.wp-block-image img){--hb-x:28%;--hb-y:18%;object-position:28% 18%}
img[src*="/113-foto-img-1444"]:not(.wp-block-image img){--hb-x:77%;--hb-y:30%;object-position:77% 30%}
img[src*="/103-foto-yeimy-218-bearbeitet-2-1"]:not(.wp-block-image img){--hb-x:46%;--hb-y:30%;object-position:46% 30%}
img[src*="/109-foto-dsc-0304"]:not(.wp-block-image img){--hb-x:47%;--hb-y:21%;object-position:47% 21%}
img[src*="/128-foto-waterwigs-8-von-41-1"]:not(.wp-block-image img){--hb-x:55%;--hb-y:30%;object-position:55% 30%}
img[src*="/124-foto-laura-145-von-491-bearbeitet-1"]:not(.wp-block-image img){--hb-x:52%;--hb-y:27%;object-position:52% 27%}
img[src*="/116-foto-img-3346-bearbeitet"]:not(.wp-block-image img){--hb-x:49%;--hb-y:30%;object-position:49% 30%}

.hc-kopf .wp-block-site-logo img{height:auto;width:449px}