:root{--ink:#15131d;--paper:#fbf7f1;--pink:#f05a7e;--gold:#f6b73c;--violet:#5d4be8;--mint:#22b8a7;--muted:#746e79}html{scroll-behavior:smooth;scroll-padding-top:88px}body{font-family:Arial,Helvetica,system-ui,sans-serif;background:var(--paper);color:var(--ink);overflow-x:hidden}h1,h2,h3,.serif{font-family:Georgia,"Times New Roman",serif}.navbar{background:rgba(21,19,29,.74);backdrop-filter:blur(14px);transition:.3s;border-bottom:1px solid rgba(255,255,255,.08)}.navbar.scrolled{background:rgba(21,19,29,.96);box-shadow:0 14px 40px rgba(0,0,0,.2)}.navbar-brand img{width:250px;max-height:66px}.nav-link{color:#fff!important;font-weight:700;font-size:.87rem;letter-spacing:.03em;position:relative}.nav-link:after{content:"";position:absolute;left:.5rem;right:.5rem;bottom:.25rem;height:2px;background:linear-gradient(90deg,var(--pink),var(--gold));transform:scaleX(0);transition:.25s}.nav-link:hover:after,.nav-link.active:after{transform:scaleX(1)}.instagram-link{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border:1px solid rgba(255,255,255,.4);border-radius:50%;color:white}.hero{min-height:100vh;position:relative;display:flex;align-items:center;color:white;background:#15131d;overflow:hidden}
.hero-art{position:absolute;inset:0;opacity:.82;background-image:linear-gradient(90deg,rgba(21,19,29,.9) 0%,rgba(21,19,29,.62) 42%,rgba(21,19,29,.24) 72%,rgba(21,19,29,.38) 100%),url("../img/background.jpeg");background-size:cover;background-position:center 38%;background-repeat:no-repeat}.hero-art:before,.hero-art:after{content:"";position:absolute;width:70vw;height:18vw;border:5vw solid rgba(255,255,255,.08);border-radius:50%;transform:rotate(-18deg);left:-10vw;top:20vh}.hero-art:after{left:auto;right:-18vw;top:55vh;border-color:rgba(240,90,126,.18);transform:rotate(22deg)}.hero-content{position:relative;z-index:2}.eyebrow{text-transform:uppercase;letter-spacing:.28em;font-size:.78rem;font-weight:800;color:#ffd987}.display-art{font-size:clamp(4rem,10vw,8.8rem);line-height:.78}.display-art span{display:block;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.9)}.hero-copy{max-width:660px;font-size:1.15rem;color:rgba(255,255,255,.78)}.btn-art{background:linear-gradient(135deg,var(--pink),var(--gold));border:0;color:#15131d;font-weight:900;padding:.85rem 1.35rem;border-radius:999px}.btn-art:hover{transform:translateY(-2px);color:#15131d;box-shadow:0 16px 35px rgba(240,90,126,.3)}.section-pad{padding:110px 0}.section-title{font-size:clamp(3rem,7vw,6rem);line-height:.85}.stroke-title{color:transparent;-webkit-text-stroke:1px var(--ink)}.paint-line{width:110px;height:8px;background:linear-gradient(90deg,var(--pink),var(--gold),var(--violet));border-radius:50%;transform:rotate(-3deg)}.about-img{border-radius:42% 58% 60% 40%/50% 35% 65% 50%;width:100%;max-height:670px;object-fit:cover;box-shadow:30px 35px 0 rgba(93,75,232,.12)}.stat{padding:1.2rem;border-left:4px solid var(--pink)}.stat strong{font-size:2rem}.gallery-grid{columns:3 280px;column-gap:1.15rem}.gallery-item{position:relative;display:block;margin:0 0 1.15rem;break-inside:avoid;border-radius:20px;overflow:hidden;background:#000}.gallery-item img{width:100%;transition:.55s}.gallery-item:hover img{transform:scale(1.05);opacity:.72}.gallery-item span{position:absolute;left:20px;bottom:18px;color:#fff;font-weight:800;opacity:0;transform:translateY(10px);transition:.3s}.gallery-item:hover span{opacity:1;transform:none}.portfolio-card{height:430px;position:relative;overflow:hidden;border-radius:30px;background:#111;color:#fff}.portfolio-card img{width:100%;height:100%;object-fit:cover;transition:.6s}.portfolio-overlay{position:absolute;inset:0;padding:2rem;display:flex;flex-direction:column;justify-content:flex-end;background:linear-gradient(transparent 30%,rgba(15,12,23,.92));transform:translateY(28%);transition:.45s}.portfolio-card:hover img{transform:scale(1.1) rotate(1deg)}.portfolio-card:hover .portfolio-overlay{transform:none}.tag{display:inline-block;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.25);padding:.35rem .7rem;border-radius:999px;font-size:.75rem}.quote-section{background:var(--ink);color:#fff;position:relative;overflow:hidden}.quote-section:before{content:"SOUL";position:absolute;font:800 28vw/1 Inter;color:rgba(255,255,255,.025);left:-3vw;top:-2vw}.contact-card{background:#fff;border-radius:34px;padding:clamp(1.5rem,4vw,3.5rem);box-shadow:0 30px 80px rgba(21,19,29,.1)}.form-control,.form-select{border:0;border-bottom:2px solid #ded8e0;border-radius:0;background:transparent;padding:1rem .2rem}.form-control:focus{box-shadow:none;border-color:var(--pink)}footer{background:#0f0d14;color:#cfc8d3}.footer-link{color:#cfc8d3;text-decoration:none}.footer-link:hover{color:#fff}.social-big{font-size:2rem;color:#fff}.cursor-blob{position:fixed;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(240,90,126,.16),transparent 70%);pointer-events:none;transform:translate(-50%,-50%);z-index:0}.reveal{opacity:0;transform:translateY(28px);transition:.75s}.reveal.show{opacity:1;transform:none}.legal{padding-top:140px;min-height:70vh}.legal h1{font-size:clamp(3rem,8vw,6rem)}@media(max-width:991px){.navbar-brand img{width:210px}.navbar-collapse{padding:1rem 0}.section-pad{padding:80px 0}.portfolio-card{height:360px}.cursor-blob{display:none}}@media(max-width:575px){.hero-art{background-position:54% center}.display-art{font-size:4rem}.hero{min-height:92vh}.section-title{font-size:3.2rem}.gallery-grid{columns:2 140px}.portfolio-card{height:330px}}
/* Virtuelles Kunstbuch */
.artbook-section{background:linear-gradient(145deg,#eee4d6 0%,#faf6ef 48%,#e9dfd1 100%);overflow:hidden}.artbook-intro{max-width:720px;color:var(--muted);font-size:1.1rem}.artbook-shell{position:relative;max-width:1180px;aspect-ratio:1.62/1;margin:auto;perspective:2200px;filter:drop-shadow(0 35px 35px rgba(38,25,18,.22))}.artbook-shell:after{content:"";position:absolute;left:10%;right:10%;bottom:-22px;height:30px;background:radial-gradient(ellipse,rgba(26,17,12,.32),transparent 70%);filter:blur(8px);z-index:-1}.book-spread{position:absolute;inset:0;display:grid;grid-template-columns:1fr 1fr;opacity:0;visibility:hidden;transform:rotateY(8deg) scale(.96);transform-origin:center;transition:opacity .35s,transform .65s cubic-bezier(.2,.75,.2,1),visibility .35s}.book-spread.is-active{opacity:1;visibility:visible;transform:none;z-index:2}.book-spread.turn-next{animation:bookNext .65s ease}.book-spread.turn-prev{animation:bookPrev .65s ease}@keyframes bookNext{0%{transform:rotateY(0)}45%{transform:rotateY(-10deg) scale(.98)}100%{transform:rotateY(0)}}@keyframes bookPrev{0%{transform:rotateY(0)}45%{transform:rotateY(10deg) scale(.98)}100%{transform:rotateY(0)}}.book-page{position:relative;background:#fffdf8;overflow:hidden;min-width:0;box-shadow:inset 0 0 45px rgba(83,61,40,.08);border:1px solid rgba(71,48,31,.12)}.book-page:first-child{border-radius:14px 2px 2px 14px;box-shadow:inset -25px 0 35px rgba(50,31,18,.08),inset 0 0 45px rgba(83,61,40,.06)}.book-page:last-child{border-radius:2px 14px 14px 2px;box-shadow:inset 25px 0 35px rgba(50,31,18,.08),inset 0 0 45px rgba(83,61,40,.06)}.book-spread:after{content:"";position:absolute;left:50%;top:1%;bottom:1%;width:24px;transform:translateX(-50%);background:linear-gradient(90deg,transparent,rgba(35,21,12,.16),rgba(255,255,255,.45),rgba(35,21,12,.11),transparent);z-index:4;pointer-events:none}.book-cover{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#fff;background:radial-gradient(circle at 25% 20%,rgba(246,183,60,.8),transparent 18%),radial-gradient(circle at 80% 70%,rgba(240,90,126,.8),transparent 24%),linear-gradient(135deg,#17131f,#493b79 55%,#17131f);padding:3rem}.book-cover h3{font-size:clamp(2.2rem,5vw,5.3rem);line-height:.9;margin:.5rem 0 1.2rem}.book-cover p{letter-spacing:.28em;text-transform:uppercase;font-weight:800}.book-cover span{letter-spacing:.12em;color:rgba(255,255,255,.76)}.cover-mark{width:86px;height:86px;border:1px solid rgba(255,255,255,.55);border-radius:50%;display:grid;place-items:center;font-family:"Cormorant Garamond",serif;font-size:2rem;margin-bottom:1.3rem}.book-preface,.book-text-page,.book-ending{padding:clamp(2rem,5vw,5rem);display:flex;flex-direction:column;justify-content:center}.book-kicker{font-size:.72rem;letter-spacing:.28em;text-transform:uppercase;font-weight:800;color:var(--pink)}.book-preface h3,.book-text-page h3,.book-ending h3{font-size:clamp(2rem,4.2vw,4.7rem);line-height:.92;margin:1rem 0}.book-preface p,.book-text-page p,.book-ending p{font-family:"Cormorant Garamond",serif;font-size:clamp(1rem,1.55vw,1.45rem);line-height:1.55;color:#4d4650}.signature{font-size:2.1rem!important;font-style:italic;color:var(--ink)!important}.book-image-page{padding:clamp(1rem,2vw,2.2rem);display:flex;flex-direction:column;justify-content:center}.book-image-page img{width:100%;height:calc(100% - 2.5rem);object-fit:contain;background:#eee6db}.image-caption{font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:#766d72;padding-top:.8rem}.page-no{position:absolute;bottom:.7rem;right:1rem;font-family:"Cormorant Garamond",serif;color:#8b8285;font-size:.85rem}.book-page:first-child .page-no{right:auto;left:1rem}.book-rule{width:80px;height:4px;background:linear-gradient(90deg,var(--pink),var(--gold));margin:1rem 0 1.8rem}.book-text-page blockquote{margin-top:1.5rem;padding-left:1rem;border-left:3px solid var(--gold);font-family:"Cormorant Garamond",serif;font-style:italic;color:#80747b}.book-ending{text-align:center;align-items:center}.book-controls{max-width:850px;margin:2rem auto 0;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem;text-align:center}.book-controls>div{display:flex;flex-direction:column}.book-controls small{color:var(--muted)}.book-btn{border:0;background:var(--ink);color:#fff;border-radius:999px;padding:.8rem 1.2rem;display:flex;align-items:center;justify-content:center;gap:.55rem;font-weight:800;transition:.25s}.book-btn:first-child{justify-self:start}.book-btn:last-child{justify-self:end}.book-btn:hover:not(:disabled){transform:translateY(-2px);background:var(--violet)}.book-btn:disabled{opacity:.35}.book-progress{height:4px;max-width:850px;margin:1rem auto 0;background:rgba(21,19,29,.12);border-radius:99px;overflow:hidden}.book-progress span{display:block;height:100%;width:4.55%;background:linear-gradient(90deg,var(--pink),var(--gold),var(--violet));transition:width .45s}.contact-simple{background:var(--ink)}.contact-banner{position:relative;overflow:hidden;border-radius:34px;padding:clamp(2rem,6vw,5rem);display:flex;align-items:center;justify-content:space-between;gap:3rem;color:#fff;background:radial-gradient(circle at 8% 10%,rgba(240,90,126,.75),transparent 30%),radial-gradient(circle at 90% 90%,rgba(93,75,232,.75),transparent 35%),#211a2d}.contact-banner p{max-width:650px;color:rgba(255,255,255,.8)}.contact-actions{display:flex;flex-direction:column;gap:1.2rem;min-width:max-content}.contact-mail{color:#fff;text-decoration:none;text-align:center}.contact-mail:hover{color:#ffd987}@media(max-width:991px){.artbook-shell{aspect-ratio:auto;height:720px}.contact-banner{align-items:flex-start;flex-direction:column}.contact-actions{min-width:0;width:100%}}@media(max-width:767px){.artbook-shell{height:auto;aspect-ratio:.72/1}.book-spread{grid-template-columns:1fr}.book-page:first-child{display:none}.book-spread[data-spread="0"] .book-cover-front,.book-spread[data-spread="21"] .book-ending{display:flex}.book-spread[data-spread="0"] .book-preface,.book-spread[data-spread="21"] .book-cover-back{display:none}.book-page:last-child{border-radius:12px}.book-spread:after{display:none}.book-preface,.book-text-page,.book-ending{padding:2rem}.book-controls{grid-template-columns:1fr 1fr}.book-controls>div{grid-column:1/-1;grid-row:1}.book-btn{grid-row:2}.book-controls small{display:none}.book-image-page{display:none}.book-text-page h3{font-size:2.7rem}.book-text-page p{font-size:1.2rem}.book-text-page:before{content:"";display:block;width:100%;height:43%;margin-bottom:1.2rem;background-image:var(--mobile-art);background-size:contain;background-repeat:no-repeat;background-position:center}.book-spread[data-spread="1"] .book-text-page{--mobile-art:url('../img/kunst/kunst-01.jpg')}.book-spread[data-spread="2"] .book-text-page{--mobile-art:url('../img/kunst/kunst-02.jpg')}.book-spread[data-spread="3"] .book-text-page{--mobile-art:url('../img/kunst/kunst-03.jpg')}.book-spread[data-spread="4"] .book-text-page{--mobile-art:url('../img/kunst/kunst-04.jpg')}.book-spread[data-spread="5"] .book-text-page{--mobile-art:url('../img/kunst/kunst-05.jpg')}.book-spread[data-spread="6"] .book-text-page{--mobile-art:url('../img/kunst/kunst-06.jpg')}.book-spread[data-spread="7"] .book-text-page{--mobile-art:url('../img/kunst/kunst-07.jpg')}.book-spread[data-spread="8"] .book-text-page{--mobile-art:url('../img/kunst/kunst-08.jpg')}.book-spread[data-spread="9"] .book-text-page{--mobile-art:url('../img/kunst/kunst-09.jpg')}.book-spread[data-spread="10"] .book-text-page{--mobile-art:url('../img/kunst/kunst-10.jpg')}.book-spread[data-spread="11"] .book-text-page{--mobile-art:url('../img/kunst/kunst-11.jpg')}.book-spread[data-spread="12"] .book-text-page{--mobile-art:url('../img/kunst/kunst-12.jpg')}.book-spread[data-spread="13"] .book-text-page{--mobile-art:url('../img/kunst/kunst-13.jpg')}.book-spread[data-spread="14"] .book-text-page{--mobile-art:url('../img/kunst/kunst-14.jpg')}.book-spread[data-spread="15"] .book-text-page{--mobile-art:url('../img/kunst/kunst-15.jpg')}.book-spread[data-spread="16"] .book-text-page{--mobile-art:url('../img/kunst/kunst-16.jpg')}.book-spread[data-spread="17"] .book-text-page{--mobile-art:url('../img/kunst/kunst-17.jpg')}.book-spread[data-spread="18"] .book-text-page{--mobile-art:url('../img/kunst/kunst-18.jpg')}.book-spread[data-spread="19"] .book-text-page{--mobile-art:url('../img/kunst/kunst-19.jpg')}.book-spread[data-spread="20"] .book-text-page{--mobile-art:url('../img/kunst/kunst-20.jpg')}}

/* Realistische Buchhaptik */
.artbook-shell{isolation:isolate;touch-action:pan-y;cursor:grab}.artbook-shell.is-dragging{cursor:grabbing}.book-spread.is-under-turn{opacity:1;visibility:visible;transform:none;z-index:1}.real-page-flip{position:absolute;top:0;bottom:0;width:50%;z-index:8;transform-style:preserve-3d;pointer-events:none;will-change:transform;transition:transform .88s cubic-bezier(.22,.74,.16,1);filter:drop-shadow(0 16px 20px rgba(24,13,7,.22))}.real-page-flip.flip-forward{right:0;transform-origin:left center;transform:rotateY(0deg)}.real-page-flip.flip-forward.is-turning{transform:rotateY(-180deg)}.real-page-flip.flip-backward{left:0;transform-origin:right center;transform:rotateY(0deg)}.real-page-flip.flip-backward.is-turning{transform:rotateY(180deg)}.flip-face{position:absolute;inset:0;backface-visibility:hidden;overflow:hidden;background:#fffdf8}.flip-face>.book-page{width:100%;height:100%;border-radius:0!important}.flip-back{transform:rotateY(180deg)}.real-page-flip:after{content:"";position:absolute;inset:0;z-index:20;backface-visibility:hidden;background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.25) 35%,rgba(44,25,12,.26) 100%);opacity:0;transition:opacity .42s}.real-page-flip.is-turning:after{opacity:1;animation:pageShimmer .88s ease both}@keyframes pageShimmer{0%,100%{opacity:.05}42%{opacity:.65}58%{opacity:.45}}.artbook-shell:before{content:"";position:absolute;left:50%;top:2%;bottom:2%;width:8px;transform:translateX(-50%);background:linear-gradient(90deg,rgba(0,0,0,.08),rgba(255,255,255,.65),rgba(0,0,0,.12));filter:blur(2px);z-index:7;pointer-events:none}.artbook-shell.is-dragging.drag-forward .book-spread.is-active .book-page:last-child{transform-origin:left center;transform:perspective(1800px) rotateY(var(--drag-angle));box-shadow:-18px 12px 30px rgba(20,12,7,.18);transition:none;z-index:9}.artbook-shell.is-dragging.drag-backward .book-spread.is-active .book-page:first-child{transform-origin:right center;transform:perspective(1800px) rotateY(var(--drag-angle));box-shadow:18px 12px 30px rgba(20,12,7,.18);transition:none;z-index:9}.book-page{transform-style:preserve-3d;transition:transform .28s ease,box-shadow .28s ease}.book-page:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(105deg,transparent 0 66%,rgba(88,54,28,.09) 84%,rgba(255,255,255,.4) 100%);mix-blend-mode:multiply;opacity:.55}

/* Innovativer interaktiver Farbnebel */
.paint-trail-canvas{position:absolute;inset:0;z-index:1;pointer-events:none;mix-blend-mode:screen;opacity:.95}.hero-content{z-index:3}.hero:after{content:"";position:absolute;inset:-20%;z-index:2;pointer-events:none;background:conic-gradient(from 90deg at 50% 50%,transparent,rgba(255,255,255,.035),transparent 28%,rgba(240,90,126,.045),transparent 58%,rgba(246,183,60,.04),transparent);animation:soulAura 22s linear infinite}@keyframes soulAura{to{transform:rotate(360deg)}}
@media(max-width:767px){.real-page-flip{width:100%}.real-page-flip.flip-forward,.real-page-flip.flip-backward{left:0;right:0;transform-origin:left center}.real-page-flip.flip-backward{transform-origin:right center}.artbook-shell:before{display:none}.paint-trail-canvas{opacity:.65}}
@media(prefers-reduced-motion:reduce){.hero:after{animation:none}.real-page-flip{transition-duration:.01ms}}

/* Smooth brochure-style page turning */
.book-spread{transition:opacity .16s linear,visibility .16s linear;transform:none}
.book-spread.is-flip-source{opacity:0;visibility:hidden}
.book-transition-base{position:absolute;inset:0;display:grid;grid-template-columns:1fr 1fr;z-index:5;overflow:hidden;border-radius:14px;pointer-events:none}
.book-transition-base>.book-page{width:100%;height:100%}
.real-page-flip{transition:transform .62s cubic-bezier(.32,.02,.18,1);filter:drop-shadow(0 10px 15px rgba(24,13,7,.18))}
.real-page-flip:after{transition:opacity .22s}
.real-page-flip.is-turning:after{animation:pageShimmerSmooth .62s ease both}
@keyframes pageShimmerSmooth{0%,100%{opacity:.03}38%{opacity:.48}62%{opacity:.28}}
.book-image-page img{content-visibility:auto;transform:translateZ(0);backface-visibility:hidden}
.flip-face,.flip-face>.book-page,.book-transition-base>.book-page{transform:translateZ(0);backface-visibility:hidden}
@media(max-width:767px){.book-transition-base{grid-template-columns:1fr}.book-transition-base>.book-page:first-child{display:none}.real-page-flip{transition-duration:.52s}}

/* Moderne Prospekt-Animation: keine 3D-Rotation von Bild oder Text */
.real-page-flip,.book-transition-base{display:none!important}
.book-spread.is-hidden-during-turn{opacity:0!important;visibility:hidden!important}
.brochure-stage{position:absolute;inset:0;z-index:30;display:grid;grid-template-columns:1fr 1fr;overflow:hidden;border-radius:14px;pointer-events:none;background:#fffdf8;contain:layout paint style}
.brochure-static{position:relative;overflow:hidden;min-width:0;background:#fffdf8}
.brochure-static>.book-page{width:100%;height:100%;border-radius:0!important;transform:none!important;backface-visibility:visible!important}
.brochure-left{grid-column:1}.brochure-right{grid-column:2}
.brochure-turning{position:absolute;top:0;bottom:0;width:50%;z-index:4;overflow:hidden;will-change:clip-path;transform:translateZ(0);background:#fffdf8}
.brochure-turning>.book-page{width:100%;height:100%;border-radius:0!important;transform:none!important;backface-visibility:visible!important}
.brochure-stage.forward .brochure-turning{right:0}
.brochure-stage.backward .brochure-turning{left:0}
.brochure-curl{position:absolute;top:-4%;bottom:-4%;width:72px;z-index:7;opacity:0;will-change:transform,opacity;filter:blur(.1px);background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.96) 30%,rgba(224,216,205,.72) 58%,rgba(91,75,65,.18) 76%,rgba(255,255,255,0));border-radius:48%}
.brochure-stage.forward .brochure-curl{left:50%;transform-origin:left center}
.brochure-stage.backward .brochure-curl{right:50%;transform-origin:right center;background:linear-gradient(270deg,rgba(255,255,255,0),rgba(255,255,255,.96) 30%,rgba(224,216,205,.72) 58%,rgba(91,75,65,.18) 76%,rgba(255,255,255,0))}
.brochure-moving-shadow{position:absolute;top:0;bottom:0;width:19%;z-index:6;opacity:0;will-change:transform,opacity;filter:blur(13px);background:radial-gradient(ellipse at center,rgba(31,22,17,.42),rgba(31,22,17,.13) 42%,transparent 72%)}
.brochure-stage.forward .brochure-moving-shadow{left:50%}.brochure-stage.backward .brochure-moving-shadow{right:50%}
.brochure-stage:after{content:"";position:absolute;left:50%;top:0;bottom:0;width:2px;z-index:9;transform:translateX(-50%);background:linear-gradient(#d8d0c7,#fff,#c9c0b6);box-shadow:0 0 12px rgba(22,15,11,.18)}
.artbook-shell.gesture-active{cursor:grabbing}
.artbook-shell.gesture-active:after{content:"";position:absolute;inset:0;z-index:25;pointer-events:none;opacity:calc(abs(var(--gesture,0)) * .16);background:linear-gradient(90deg,transparent,rgba(20,14,11,.25),transparent)}
@media(max-width:767px){.brochure-stage{grid-template-columns:1fr}.brochure-static:first-child{display:none}.brochure-static:last-child{grid-column:1}.brochure-turning{width:100%;left:0!important;right:0!important}.brochure-stage:after{display:none}.brochure-stage.forward .brochure-curl{left:100%}.brochure-stage.backward .brochure-curl{right:100%}}
@media(prefers-reduced-motion:reduce){.brochure-curl,.brochure-moving-shadow{display:none}}


/* Portfolio-Kategorien und künstlerische Modal-Galerien */
.portfolio-category-card{position:relative;display:block;width:100%;height:470px;padding:0;border:0;border-radius:28px;overflow:hidden;background:#17121d;text-align:left;color:#fff;cursor:pointer;box-shadow:0 24px 60px rgba(24,14,30,.16);isolation:isolate}
.portfolio-category-card img{width:100%;height:100%;object-fit:cover;transition:transform .85s cubic-bezier(.2,.75,.2,1),filter .55s ease}
.portfolio-category-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(12,8,16,.05) 18%,rgba(12,8,16,.35) 55%,rgba(12,8,16,.92) 100%);transition:background .5s ease}
.portfolio-category-content{position:absolute;inset:auto 0 0;padding:34px;display:flex;flex-direction:column;align-items:flex-start;z-index:2;transform:translateY(54px);transition:transform .55s cubic-bezier(.2,.8,.2,1)}
.portfolio-category-title{font-family:Georgia,"Times New Roman",serif;font-size:clamp(2rem,1.0vw,3.25rem);line-height:.98;margin:16px 0 12px}
.portfolio-category-desc{max-width:34ch;opacity:0;transform:translateY(15px);transition:opacity .4s ease .05s,transform .4s ease .05s}
.portfolio-category-action{margin-top:22px;font-weight:700;letter-spacing:.04em;opacity:0;transform:translateY(12px);transition:opacity .4s ease .12s,transform .4s ease .12s}
.portfolio-category-card::before{content:"";position:absolute;inset:18px;border:1px solid rgba(255,255,255,.42);border-radius:19px;z-index:3;opacity:0;transform:scale(.96);transition:.45s ease;pointer-events:none}
.portfolio-category-card:hover img,.portfolio-category-card:focus-visible img{transform:scale(1.075) rotate(.45deg);filter:saturate(1.12) contrast(1.03)}
.portfolio-category-card:hover .portfolio-category-content,.portfolio-category-card:focus-visible .portfolio-category-content{transform:translateY(0)}
.portfolio-category-card:hover .portfolio-category-desc,.portfolio-category-card:hover .portfolio-category-action,.portfolio-category-card:focus-visible .portfolio-category-desc,.portfolio-category-card:focus-visible .portfolio-category-action{opacity:1;transform:none}
.portfolio-category-card:hover::before,.portfolio-category-card:focus-visible::before{opacity:1;transform:scale(1)}
.portfolio-category-card:focus-visible{outline:4px solid rgba(240,90,126,.5);outline-offset:4px}
.portfolio-gallery-modal .modal-content{background:#f5f0ea;color:#1b1720}
.portfolio-modal-header{position:sticky;top:0;z-index:20;padding:24px clamp(20px,5vw,72px);border:0;background:rgba(24,16,29,.96);backdrop-filter:blur(18px);color:#fff}
.portfolio-modal-header .btn-close{opacity:1;font-size:1.15rem}
.portfolio-gallery-modal .modal-body{padding:42px 0 70px;background:radial-gradient(circle at 12% 8%,rgba(240,90,126,.09),transparent 30%),radial-gradient(circle at 88% 14%,rgba(93,75,232,.08),transparent 30%),#f5f0ea}
.portfolio-gallery-grid{columns:4 260px;column-gap:22px}
.portfolio-gallery-link{position:relative;display:block;margin:0 0 22px;break-inside:avoid;border-radius:18px;overflow:hidden;background:#ded8d2;box-shadow:0 14px 35px rgba(27,18,31,.12)}
.portfolio-gallery-link img{display:block;width:100%;height:auto;transition:transform .55s cubic-bezier(.2,.8,.2,1),filter .4s ease}
.portfolio-gallery-link::after{content:"↗";font-family:inherit;position:absolute;right:16px;bottom:16px;width:46px;height:46px;display:grid;place-items:center;border-radius:50%;background:rgba(255,255,255,.9);color:#1b1720;font-size:1.1rem;opacity:0;transform:translateY(12px);transition:.35s ease}
.portfolio-gallery-link:hover img{transform:scale(1.035);filter:saturate(1.08)}
.portfolio-gallery-link:hover::after{opacity:1;transform:none}
.portfolio-gallery-loader{grid-column:1/-1;text-align:center;padding:80px 20px;font-family:Georgia,"Times New Roman",serif;font-size:2rem}
@media(max-width:767.98px){.portfolio-category-card{height:410px}.portfolio-category-content{padding:25px;transform:translateY(0)}.portfolio-category-desc,.portfolio-category-action{opacity:1;transform:none}.portfolio-gallery-grid{columns:2 145px;column-gap:12px}.portfolio-gallery-link{margin-bottom:12px;border-radius:12px}.portfolio-modal-header{padding:18px 16px}.portfolio-modal-header .modal-title{font-size:2rem}.portfolio-gallery-modal .modal-body{padding-top:20px}}

/* Navbar-Logo: unverzerrt, kompakt und gut erkennbar */
.navbar-brand{
  display:flex;
  align-items:center;
  flex:0 0 auto;
  padding:.35rem 0;
  line-height:1;
}
.navbar-brand img{
  display:block;
  width:auto !important;
  height:72px;
  max-width:150px;
  max-height:none !important;
  object-fit:contain;
  object-position:center;
}
@media(max-width:991.98px){
  .navbar-brand img{
    width:auto !important;
    height:62px;
    max-width:130px;
  }
}
@media(max-width:575.98px){
  .navbar-brand img{
    height:54px;
    max-width:112px;
  }
}

/* Künstlerischer Pinsel-Cursor – nur auf Geräten mit präziser Maus */
@media (hover:hover) and (pointer:fine){
  html,body,
  body *,
  a,button,[role="button"],.portfolio-category-card,
  input,textarea,select,label{
    cursor:url('../img/pinsel-cursor.svg') 2 2, auto !important;
  }
  .artbook-shell.gesture-active,
  .artbook-shell.is-dragging{
    cursor:url('../img/pinsel-cursor.svg') 2 2, grabbing !important;
  }
}

/* =========================================================
   Navbar wie in der 3D-Kunstbuch-Vorlage – mit neuem Logo
   ========================================================= */
.navbar{
  background:rgba(21,19,29,.74);
  -webkit-backdrop-filter:blur(14px);
  backdrop-filter:blur(14px);
  border-bottom:1px solid rgba(255,255,255,.08);
  transition:background-color .3s ease,box-shadow .3s ease;
}
.navbar.scrolled{
  background:rgba(21,19,29,.96);
  box-shadow:0 14px 40px rgba(0,0,0,.2);
}
.navbar-brand{
  display:flex;
  align-items:center;
  padding:.2rem 0;
  line-height:1;
}
.navbar-brand img{
  display:block;
  width:auto !important;
  height:66px;
  max-width:120px;
  max-height:66px !important;
  object-fit:contain;
}
@media (max-width:991.98px){
  .navbar-brand img{height:58px;max-width:106px;max-height:58px !important}
  .navbar-collapse{padding:1rem 0}
}
@media (max-width:575.98px){
  .navbar-brand img{height:52px;max-width:96px;max-height:52px !important}
}

/* Farbklecks- und Spritzereffekt im Startbereich */
.paint-trail-canvas{filter:saturate(1.12) contrast(1.03)}
.hero .paint-splash-hint{position:absolute;inset:0;pointer-events:none;z-index:1;overflow:hidden}


/* Galerie 2026-08: neue Werke und dauerhaft lesbare Werkdaten */
.gallery-item{background:#17131b}
.gallery-item img{display:block;width:100%;height:auto}
.gallery-item:after{content:"";position:absolute;inset:32% 0 0;background:linear-gradient(to bottom,transparent,rgba(10,8,14,.22) 22%,rgba(10,8,14,.92) 100%);pointer-events:none}
.gallery-item .gallery-caption{position:absolute;z-index:2;left:0;right:0;bottom:0;padding:3.5rem 1.15rem 1.1rem;color:#fff;opacity:1;transform:none;display:flex;flex-direction:column;gap:.2rem;text-shadow:0 2px 8px rgba(0,0,0,.75);transition:.3s}
.gallery-item .gallery-caption strong{font-family:Georgia,"Times New Roman",serif;font-size:clamp(1.35rem,2vw,1.75rem);line-height:1.05}
.gallery-item .gallery-caption small{font-size:.84rem;line-height:1.32;font-weight:500}
.gallery-item .gallery-caption small b{font-weight:800}
.gallery-item:hover .gallery-caption{opacity:1;transform:none}
.gallery-item:hover img{transform:scale(1.025);opacity:.94}
@media(max-width:575px){.gallery-grid{columns:1}.gallery-item .gallery-caption{padding:4rem 1rem 1rem}.gallery-item .gallery-caption strong{font-size:1.45rem}.gallery-item .gallery-caption small{font-size:.86rem}}

/* Meine Philosophie: Familien-Portrait als Hintergrund mit Lesbarkeits-Overlay */
.quote-section{background-image:linear-gradient(90deg,rgba(17,13,23,.78),rgba(17,13,23,.58),rgba(17,13,23,.78)),url("../img/familien-portrait.jpeg");background-size:cover;background-position:center;background-repeat:no-repeat}
.quote-section:before{color:rgba(255,255,255,.035)}
.quote-section .container{z-index:2}
.quote-section blockquote{text-shadow:0 3px 18px rgba(0,0,0,.75)}
.quote-section .eyebrow{text-shadow:0 2px 10px rgba(0,0,0,.75)}

/* Meine Philosophie: Familien-Portrait vollständig und unverfälscht anzeigen */
.quote-section{
  background-color:transparent;
  background-image:url("../img/familien-portrait.jpeg");
  background-size:100% auto;
  background-position:center center;
  background-repeat:no-repeat;
  min-height:50.09vw;
  display:flex;
  align-items:center;
  box-shadow:none;
}
.quote-section:before{display:none !important;content:none !important}
.quote-section blockquote,
.quote-section .eyebrow{text-shadow:none !important;box-shadow:none !important;background:transparent !important}
@media (min-width:2256px){.quote-section{min-height:1132px}}

/* Cookie- und Datenschutzhinweis */
.cookie-notice{position:fixed;left:18px;right:18px;bottom:18px;z-index:99999;display:none;max-width:980px;margin:0 auto;background:#fff;color:#15131d;border:1px solid rgba(21,19,29,.12);border-radius:18px;box-shadow:0 18px 60px rgba(0,0,0,.22);padding:20px 22px}.cookie-notice.show{display:block}.cookie-notice__inner{display:flex;gap:22px;align-items:center;justify-content:space-between}.cookie-notice__text{max-width:720px}.cookie-notice__title{font-family:Georgia,"Times New Roman",serif;font-size:1.35rem;font-weight:700;margin:0 0 6px}.cookie-notice p{margin:0;font-size:.93rem;line-height:1.55}.cookie-notice a{color:#15131d;font-weight:700;text-decoration:underline}.cookie-notice__actions{display:flex;gap:10px;flex-shrink:0}.cookie-notice__btn{border:0;border-radius:999px;padding:11px 18px;font-weight:700;cursor:pointer;background:#15131d;color:#fff}.cookie-notice__btn:hover{opacity:.9}.legal{padding-top:105px;min-height:70vh}.legal h1{font-size:clamp(2.5rem,5vw,4.5rem)}.legal h2{font-size:1.65rem;margin-top:2rem}.legal p,.legal li{line-height:1.7}.legal-card{background:#fff;border-radius:22px;padding:clamp(22px,4vw,46px);box-shadow:0 12px 40px rgba(21,19,29,.08)}.legal-note{font-size:.88rem;color:#6d6671;border-top:1px solid #e8e3de;padding-top:18px;margin-top:30px}@media(max-width:767.98px){.cookie-notice{left:10px;right:10px;bottom:10px;padding:17px}.cookie-notice__inner{display:block}.cookie-notice__actions{margin-top:14px}.cookie-notice__btn{width:100%}}
\n\n/* Verbesserungen 2026-08-11: Galerie, Barrierefreiheit, Kontakt */
.skip-link{position:fixed;left:16px;top:12px;z-index:100000;background:#fff;color:#15131d;padding:.75rem 1rem;border-radius:999px;font-weight:800;transform:translateY(-150%);transition:transform .2s;text-decoration:none}.skip-link:focus{transform:none}
.gallery-filters{display:flex;flex-wrap:wrap;gap:.65rem;margin:-1rem 0 2rem;column-span:all}
.gallery-filter{border:1px solid rgba(21,19,29,.18);background:rgba(255,255,255,.78);color:var(--ink);padding:.65rem 1rem;border-radius:999px;font-weight:800;transition:.25s}
.gallery-filter:hover,.gallery-filter:focus-visible,.gallery-filter.is-active{background:var(--ink);color:#fff;border-color:var(--ink);outline:none}
.gallery-filter:focus-visible{box-shadow:0 0 0 4px rgba(240,90,126,.28)}
.gallery-item.is-filtered-out{display:none}
.gallery-item{outline:none}.gallery-item:focus-visible{box-shadow:0 0 0 5px rgba(240,90,126,.35)}
.gallery-item img{background:#ebe6df}
.gslide-description{background:#fff!important}.gslide-title{font-family:Georgia,"Times New Roman",serif!important;font-size:1.45rem!important}.gslide-desc{font-size:.95rem!important;line-height:1.55!important}
.contact-banner{position:relative;overflow:hidden}.contact-banner:before{content:"";position:absolute;width:260px;height:260px;border-radius:50%;right:-100px;top:-110px;border:42px solid rgba(255,255,255,.06);pointer-events:none}.contact-banner>*{position:relative;z-index:1}
.contact-mail{display:inline-flex;align-items:center;min-height:48px}
@media(max-width:575.98px){.gallery-filters{margin-top:0}.gallery-filter{flex:1 1 calc(50% - .65rem);text-align:center}.contact-actions{align-items:stretch}.contact-actions .btn,.contact-mail{width:100%;justify-content:center;text-align:center}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.cursor-blob,.paint-trail-canvas{display:none!important}.reveal{opacity:1!important;transform:none!important}}

/* Lokale UI-Icons und eigene Kunstwerk-Großansicht */
.ui-icon{display:inline-block;font:inherit;line-height:1}.instagram-link .ui-icon,.social-big .ui-icon{font-size:1.45rem;font-weight:800}.artwork-modal .modal-content{background:#121019;color:#fff}.artwork-modal .modal-header{border:0;background:#121019;padding:18px clamp(18px,4vw,54px)}.artwork-modal .modal-body{padding:0;background:#0d0b11}.artwork-viewer{min-height:calc(100vh - 92px);display:grid;grid-template-columns:72px minmax(0,1fr) 72px;align-items:center;gap:18px;padding:24px}.artwork-stage{height:calc(100vh - 145px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;min-width:0}.artwork-stage img{display:block;max-width:100%;max-height:calc(100% - 96px);width:auto;height:auto;object-fit:contain;box-shadow:0 22px 65px rgba(0,0,0,.36);background:#17131b}.artwork-details{width:min(780px,100%);text-align:center;color:rgba(255,255,255,.83);line-height:1.6}.artwork-details strong{color:#fff}.artwork-nav{width:54px;height:54px;border-radius:50%;border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.08);color:#fff;font-size:1.6rem;display:grid;place-items:center;transition:.2s}.artwork-nav:hover,.artwork-nav:focus-visible{background:#fff;color:#15131d;outline:none}.artwork-modal .modal-title{font-size:clamp(1.8rem,3vw,3rem)}
@media(max-width:767.98px){.artwork-viewer{grid-template-columns:46px minmax(0,1fr) 46px;gap:6px;padding:10px}.artwork-nav{width:42px;height:42px}.artwork-stage{height:calc(100vh - 120px)}.artwork-details{font-size:.9rem}.artwork-modal .modal-header{padding:12px 14px}.artwork-stage img{max-height:calc(100% - 105px)}}
.instagram-icon{width:22px;height:22px;display:block;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.social-big .instagram-icon{width:30px;height:30px}

.instagram-icon-inline{display:inline-block;vertical-align:-5px;margin-right:.5rem}