/*
Theme Name: Shuttergau
Author: Edwin Scherer
Description: Individuelles Fotografie-Portfolio mit Themengalerien und dezenten Animationen. Ergänzt durch Shuttergau Studio.
Version: 1.0.1
Requires at least: 6.6
Requires PHP: 8.1
License: GPL-2.0-or-later
Text Domain: shuttergau
*/

:root{--navy:#071d2b;--ink:#182d37;--blue:#69b1ca;--paper:#f5f4ef;--muted:#66716f}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:85px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:15px;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.5}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--blue);outline-offset:5px}img{display:block;width:100%;object-fit:cover}button{border:0}h1,h2,h3,p{margin:0}h1,h2{font-weight:400;letter-spacing:-.055em}h2{font-family:Georgia,'Times New Roman',serif;font-size:clamp(40px,4.2vw,65px);line-height:1.1}h2 em{font-weight:400;color:#64828b}p{line-height:1.75}.site-header{height:92px;background:var(--navy);color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;position:relative;z-index:10}.brand{display:flex;gap:11px;align-items:center;font-size:30px;letter-spacing:.12em;font-weight:300}.brand small{display:block;font-size:8px;letter-spacing:.23em;margin-top:5px;color:#a5b6bf}.mark{display:block;position:relative;width:49px;height:49px;overflow:hidden;border-radius:50%}.mark img{position:absolute;width:99px;max-width:none;height:99px;left:-25px;top:-22px}.blue{color:var(--blue)}nav{display:flex;align-items:center;gap:38px;font-size:12px}nav a{transition:color .2s}nav a:hover{color:var(--blue)}.nav-contact{border:1px solid #697982;padding:13px 19px}.nav-contact span{margin-left:22px}.menu-toggle{display:none}.hero{height:min(790px,calc(100svh - 92px));min-height:580px;position:relative;background:var(--navy);color:white;overflow:hidden}.hero-image{height:100%;position:absolute;object-position:center 48%;animation:hero-in 1.2s ease-out both}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,18,26,.52),rgba(3,18,26,.05) 80%),linear-gradient(0deg,rgba(3,18,26,.83),transparent 90%)}.hero-content{position:absolute;bottom:74px;left:7vw;right:7vw;animation:rise .75s .1s both}.eyebrow{font-size:10px;font-weight:500;letter-spacing:.21em;line-height:1.4}.hero .eyebrow{display:flex;gap:10px;align-items:center;color:#d1e0e5;margin-bottom:28px}.hero .eyebrow span{width:5px;height:5px;background:var(--blue);border-radius:50%}h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(65px,7.8vw,126px);line-height:.99;margin-bottom:30px}h1 span{display:block}h1 span+span{font-style:italic}.hero-bottom{display:flex;justify-content:space-between;align-items:end;gap:30px}.hero-bottom p{max-width:340px;font-size:13px;color:#dae1e3}.round-link{display:flex;gap:24px;align-items:center;font-size:11px}.round-link b{display:grid;place-items:center;border:1px solid #b4c1c3;border-radius:50%;width:49px;height:49px;font-size:20px;font-weight:400;transition:background .2s}.round-link:hover b{background:#ffffff20}.hero-index{position:absolute;right:2vw;top:45%;writing-mode:vertical-rl;letter-spacing:.2em;font-size:8px;color:#ced5d7}.section-pad{padding:100px 7vw}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:35px}.section-heading .eyebrow,.about .eyebrow{margin-bottom:24px;color:#68818a}.section-heading>p{font-size:13px;color:var(--muted);padding-bottom:6px}.filters{display:flex;gap:24px;flex-wrap:wrap;border-bottom:1px solid #d9dcd6;margin:40px 0 32px}.filters button{background:none;color:#677674;font-size:11px;padding:14px 0 17px;border-bottom:2px solid transparent;margin-bottom:-1px;white-space:nowrap}.filters button.active{color:var(--ink);border-bottom-color:var(--ink)}sup{font-size:8px;margin-left:6px}.photo-grid{display:grid;grid-template-columns:1fr 1fr;gap:38px 28px}.photo-card{background:none;padding:0;text-align:left;min-width:0;align-self:start}.photo-frame{position:relative;overflow:hidden;background:#dce0db;aspect-ratio:4/3}.photo-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .6s ease}.photo-card:hover img{transform:scale(1.025)}.photo-open{position:absolute;bottom:18px;right:18px;border-radius:50%;width:38px;height:38px;display:grid;place-items:center;color:#fff;background:#071d2b6b;backdrop-filter:blur(5px)}.photo-meta{display:flex;justify-content:space-between;margin-top:13px;font-size:10px;letter-spacing:.08em;color:#586a6d}.about{background:#e8ece7;display:grid;grid-template-columns:1fr 1fr;gap:9vw;align-items:center}.portrait-wrap{position:relative}.portrait-wrap>img{aspect-ratio:4/4.5;object-position:50% 40%}.portrait-label{position:absolute;bottom:20px;left:20px;right:20px;background:var(--paper);padding:17px 20px;display:flex;justify-content:space-between;align-items:center}.portrait-label span{font-size:8px;letter-spacing:.15em}.portrait-label b{font-family:Georgia,serif;font-size:19px;font-weight:400}.about-body{white-space:pre-line;font-size:14px;color:#526462;margin:29px 0 17px}.signature{font-family:Georgia,serif;font-size:36px;font-style:italic;transform:rotate(-8deg);margin:0 0 36px 6px;color:#68818a}.text-link{display:inline-block;border-bottom:1px solid #81918f;padding:0 0 9px;font-size:12px}.text-link span{margin-left:28px}.tfp{display:grid;grid-template-columns:1.3fr 1fr;gap:20px 10vw}.tfp>.eyebrow{grid-column:1/-1;color:#68818a}.tfp h2{font-size:clamp(35px,3.4vw,52px)}.tfp>div p{color:#60716f;font-size:13px;margin-bottom:26px}.contact{background:var(--navy);color:#f4f6f3;text-align:center}.contact>.eyebrow{color:var(--blue);margin-bottom:32px}.contact h2{font-size:clamp(45px,5.5vw,85px)}.contact h2 em{color:var(--blue)}.contact>p:not(.eyebrow){color:#a8b8be;font-size:13px;margin:28px 0}.contact-mail{font-family:Georgia,serif;font-size:clamp(25px,3vw,45px);display:inline-flex;gap:65px;align-items:center;border-bottom:1px solid #526976;padding-bottom:16px}.contact-mail span{font-family:Arial,sans-serif}.contact-bottom{display:flex;justify-content:space-between;font-size:10px;letter-spacing:.13em;border-top:1px solid #2b4350;padding-top:26px;margin-top:90px;color:#a8b8be}footer{background:var(--navy);color:#b3c0c4;border-top:1px solid #2b4350;padding:12px 5vw 28px;display:flex;align-items:center;justify-content:space-between;gap:25px;font-size:10px}footer>div{display:flex;gap:24px}.footer-brand{width:125px;height:65px;overflow:hidden}.footer-brand img{height:125px;transform:translateY(-27px)}.lightbox{position:fixed;inset:0;width:100vw;height:100dvh;max-width:100vw;max-height:100dvh;border:0;margin:0;padding:50px 60px 18px;background:rgba(4,14,20,.98);color:white}.lightbox[open]{display:flex;align-items:center;justify-content:center;flex-direction:column}.lightbox>img{object-fit:contain;min-height:0;flex:1}.lightbox::backdrop{background:#071d2b}.lightbox-close{position:absolute;top:10px;right:20px;color:white;background:transparent;font-size:34px;width:44px;height:44px}.lightbox-bar{display:flex;justify-content:space-between;align-items:center;width:min(100%,900px);gap:20px;margin-top:18px}.lightbox-bar button{background:transparent;color:white;font-size:25px;min-width:44px;height:44px}.lightbox-bar p{font-size:12px;text-align:center}.lightbox-bar small{display:block;color:#a4b5bd;margin-top:5px}.empty-gallery{padding:70px 20px;text-align:center}.empty-gallery h3{font-family:Georgia,serif;font-size:28px;margin-bottom:15px}.empty-gallery a{margin-top:20px}[data-reveal]{transition:opacity .65s,transform .65s}[data-reveal].visible{animation:rise .65s both}@keyframes rise{from{opacity:.1;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@keyframes hero-in{from{transform:scale(1.035)}to{transform:scale(1)}}.legal{max-width:800px;margin:auto;padding:70px 25px}.legal h1{font-size:55px;margin:40px 0}.legal h2{font-size:28px;margin:35px 0 12px}.legal p{margin-bottom:15px}.legal a{text-decoration:underline}.studio{max-width:1150px;margin:auto;padding:40px 25px 100px}.studio h1{font-size:52px;margin:25px 0}.studio h2{font-size:28px;margin:25px 0}.studio-head{display:flex;justify-content:space-between;align-items:center}.studio label{display:block;font-size:12px;margin:15px 0}.studio input:not([type=file]),.studio textarea,.studio select{display:block;width:100%;border:1px solid #bbc5c4;background:#fff;padding:12px;border-radius:3px;margin-top:7px;color:var(--ink)}.studio textarea{min-height:110px}.studio button,.studio .button{background:var(--navy);color:white;padding:12px 18px;border-radius:3px;font-size:12px}.studio .subtle{background:#e0e7e3;color:var(--ink)}.studio section{padding:22px 0;border-bottom:1px solid #cbd2ce}.editor-grid{display:grid;grid-template-columns:1fr 1fr;gap:35px}.editor-media{width:160px;height:120px;object-fit:cover;margin:15px 0}.studio-actions{position:sticky;bottom:0;background:#f5f4eff5;border-top:1px solid #bbc5c4;padding:18px;display:flex;gap:20px;align-items:center;z-index:5}.studio-actions p{font-size:12px}.edit-photo{display:grid;grid-template-columns:90px 1fr 1fr auto;align-items:center;gap:15px;padding:15px 0;border-bottom:1px solid #d8dfdb}.edit-photo>img{height:100px}.edit-photo label{margin:0}.photo-controls{display:flex;gap:5px}.photo-controls button{padding:10px}.hint{font-size:12px;color:#667674}.error{color:#a03229}.category-row{display:flex;align-items:center;justify-content:space-between;padding:10px 0}.studio input[type=file]{display:block;margin:10px 0;max-width:100%}
@media(min-width:1500px){.section-pad{padding-left:max(7vw,calc((100vw - 1300px)/2));padding-right:max(7vw,calc((100vw - 1300px)/2))}}@media(max-width:760px){.site-header{height:78px;padding:0 6vw}.brand{font-size:24px}.brand small{font-size:6px}.mark{width:39px;height:39px}.mark img{width:80px;height:80px;left:-20px;top:-18px}.menu-toggle{display:block;background:none;color:white;font-size:12px}nav{display:none;position:absolute;top:78px;left:0;right:0;background:var(--navy);padding:25px 7vw}nav.open{display:flex;flex-direction:column;align-items:stretch;gap:25px}.hero{height:calc(90svh - 78px);min-height:550px}.hero-content{left:7vw;right:7vw;bottom:40px}.hero-image{object-position:60% center}h1{font-size:clamp(57px,12vw,84px)}.hero-bottom{display:block}.hero-bottom p{font-size:12px;max-width:300px}.round-link{margin-top:25px;justify-content:space-between;max-width:300px}.hero-index{display:none}.section-pad{padding:65px 7vw}.section-heading{display:block}.section-heading>p{margin-top:22px}.filters{gap:8px 21px;margin-top:24px}.filters button{font-size:10px;padding:11px 0}.photo-grid{gap:24px 14px}.photo-meta{font-size:8px;letter-spacing:0}.photo-open{width:29px;height:29px;right:10px;bottom:10px}.about{grid-template-columns:1fr;gap:42px}.portrait-wrap{max-width:460px}.portrait-label{left:12px;right:12px;bottom:12px;padding:15px 12px}.portrait-label b{font-size:18px}.tfp{grid-template-columns:1fr;gap:24px}.contact-mail{gap:25px}.contact-bottom{margin-top:55px;font-size:8px}footer{flex-wrap:wrap;gap:10px 20px;padding:14px 7vw 28px}footer>div{width:100%;justify-content:space-between}.lightbox{padding:55px 12px 15px}.editor-grid{grid-template-columns:1fr;gap:5px}.edit-photo{grid-template-columns:65px 1fr;gap:10px}.edit-photo>img{grid-row:span 2}.photo-controls{grid-column:2}.studio-head{align-items:start;gap:20px}.studio-head h1{font-size:40px}.studio-actions{padding:12px 0;gap:12px}.studio-actions button{white-space:nowrap}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}

[hidden]{display:none!important}.screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.skip-link:focus{position:fixed;top:8px;left:8px;z-index:999;background:white;color:#071d2b;padding:15px;clip-path:none;width:auto;height:auto}.standard-content{max-width:850px;padding:70px 25px;margin:auto;min-height:65vh}.standard-content h1{font-size:clamp(38px,6vw,65px)}.standard-content h2{font-size:35px;margin:30px 0 16px}.standard-content p{margin:15px 0}.standard-content a{text-decoration:underline}.standard-content ul,.standard-content ol{padding-left:25px}.standard-content input,.standard-content textarea{max-width:100%}.custom-logo{width:180px;height:70px;object-fit:contain}.lightbox-image{width:100%}.site-header nav ul{list-style:none;display:flex;gap:30px;padding:0;margin:0}.site-header nav .sub-menu{display:none}.photo-frame img{width:100%}.wp-block-image img{height:auto}.navigation.pagination{display:block;margin:30px 0}.page-numbers{padding:8px}.contact-mail{overflow-wrap:anywhere}@media(max-width:760px){.site-header nav ul{flex-direction:column;gap:25px}}