*{box-sizing:border-box;}html,body{margin:0;min-height:100%;font-family:Georgia,"Times New Roman",serif;}html{background:#111;}body{min-height:100vh;background:#111;color:#2a2a2a;}
.hero{position:relative;min-height:100vh;overflow:hidden;background:#111;}
.slideshow,.slide,.overlay{position:absolute;inset:0;}
.slide{opacity:0;transition:opacity 2s ease-in-out;background-size:cover;background-position:center center;background-repeat:no-repeat;transform:scale(1.02);}
.slide.active{opacity:1;}
.overlay{background:transparent;pointer-events:none;}
.content{position:relative;z-index:2;min-height:100vh;max-width:760px;padding:10vh 7vw 7vh;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;}
h1{margin:0;font-size:clamp(1.2rem,2vw,1.8rem);font-weight:400;line-height:1.1;letter-spacing:.12em;text-transform:lowercase;white-space:nowrap;color:#121212;}
.greeting{margin:.7rem 0 1.8rem;font-size:clamp(1.05rem,2vw,1.35rem);line-height:1.6;color:#121212;}
.main-nav{display:flex;flex-wrap:wrap;gap:.8rem 1rem;margin-top:.5rem;}
.hero .main-nav{margin-top:auto;align-self:flex-start;}
.main-nav a,.nav-parent{color:#121212;text-decoration:none;border:1px solid rgba(120,120,120,.28);background:rgba(225,225,225,.52);box-shadow:0 10px 24px rgba(0,0,0,.10), inset 0 1px 0 rgba(255,255,255,.32);backdrop-filter:blur(6px);padding:.72rem 1.02rem;border-radius:999px;transition:background .35s ease,border-color .35s ease,transform .35s ease,box-shadow .35s ease,color .35s ease;display:inline-block;}
.main-nav a:hover,.nav-parent:hover{background:rgba(210,210,210,.68);border-color:rgba(90,90,90,.34);box-shadow:0 14px 28px rgba(0,0,0,.14), inset 0 1px 0 rgba(255,255,255,.38);transform:translateY(-1px);}
.nav-group{position:relative;display:inline-flex;flex-direction:column;padding-bottom:.45rem;margin-bottom:-.45rem;}
.sub-nav{display:flex;flex-direction:column;gap:.45rem;position:absolute;top:calc(100% + .08rem);left:0;min-width:220px;padding:.55rem;border-radius:18px;background:rgba(32,24,18,.92);box-shadow:0 14px 34px rgba(0,0,0,.22);backdrop-filter:blur(6px);z-index:20;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(4px);transition:opacity .22s ease,transform .22s ease,visibility .22s ease;}
.nav-group:hover .sub-nav,.nav-group:focus-within .sub-nav{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0);}
.sub-nav a{color:#f3eee7;text-decoration:none;border:1px solid rgba(243,238,231,.22);background:rgba(255,255,255,.05);padding:.7rem .9rem;border-radius:12px;}
.subpage{position:relative;background:#efe7db;color:#3d3126;}
.subpage-slideshow,.subpage-slide,.subpage-overlay{position:fixed;inset:0;}
.subpage-slideshow{z-index:0;overflow:hidden;}
.subpage-slide{opacity:0;transition:opacity 5s ease-in-out;background-size:cover;background-position:center center;background-repeat:no-repeat;transform:scale(1.03);filter:saturate(.82) brightness(.45);}
.subpage-slide.active{opacity:1;}
.subpage-overlay{background:rgba(246,241,232,.55);pointer-events:none;}
.art-page{position:relative;z-index:1;max-width:1380px;margin:0 auto;padding:3rem 2rem 5rem;}
.page-header{margin-bottom:2.2rem;}
.back-link{display:inline-block;margin-bottom:1.5rem;color:#6c5644;text-decoration:none;font-size:.98rem;}
.page-title{margin:0;font-size:clamp(1.6rem,3vw,2.6rem);font-weight:400;line-height:1.1;letter-spacing:.04em;text-transform:none;white-space:normal;color:#3d3126;}
.art-module{display:grid;grid-template-columns:54px minmax(0,1fr);gap:2rem;align-items:start;margin-bottom:3rem;}
.thumb-column{display:flex;flex-direction:column;gap:.55rem;max-height:46vh;overflow-y:auto;padding-right:0;scrollbar-width:none;transition:transform .18s linear;will-change:transform;-ms-overflow-style:none;}
.thumb-column::-webkit-scrollbar{width:0;height:0;display:none;}
.thumb-column::-webkit-scrollbar-track{background:transparent;}
.thumb-column::-webkit-scrollbar-thumb{background:rgba(92,73,56,.28);border-radius:999px;}
.thumb{padding:.18rem;border:1px solid rgba(92,73,56,.2);background:rgba(255,250,243,.68);border-radius:10px;cursor:pointer;box-shadow:0 8px 24px rgba(52,38,25,.07);backdrop-filter:blur(2px);}
.thumb.is-active{border-color:rgba(92,73,56,.45);}
.thumb img{display:block;width:100%;height:auto;border-radius:6px;}
.preview-figure{margin:0;background:transparent;padding:0;border-radius:0;box-shadow:none;}
.preview-stage{position:relative;min-height:58vh;}
.preview-image{display:block;width:100%;max-height:78vh;object-fit:contain;margin:0 auto;border-radius:12px;}
.preview-image-layer{position:absolute;inset:0;opacity:0;transition:opacity .65s ease-in-out;pointer-events:none;}
.preview-image-layer.is-visible{opacity:1;pointer-events:auto;}
.preview-figure img{display:block;width:100%;max-height:78vh;object-fit:contain;margin:0 auto;border-radius:12px;}
.art-meta{display:flex;flex-direction:column;gap:.3rem;margin-top:1rem;font-size:1rem;color:#6b5a49;line-height:1.45;}
.art-meta #artTitle{font-size:1.2rem;color:#3d3126;}
.simple-page{background:#f6f1e8;}
.text-page{max-width:900px;margin:0 auto;padding:3rem 2rem 5rem;}
.page-intro{margin:.75rem 0 0;font-size:1rem;color:#6b5a49;line-height:1.6;}
.contact-mail{color:#6c5644;text-decoration:none;font-size:1.1rem;}
.contact-form{max-width:760px;margin-top:2rem;display:flex;flex-direction:column;gap:.8rem;}
.contact-form label{color:#5a4737;font-size:.96rem;}
.contact-form input,.contact-form textarea{width:100%;border:1px solid rgba(92,73,56,.22);background:#fffaf3;color:#3d3126;border-radius:14px;padding:.95rem 1rem;font:inherit;box-shadow:0 8px 24px rgba(52,38,25,.05);}
.contact-form textarea{resize:vertical;min-height:180px;}
.contact-form button{align-self:flex-start;border:1px solid rgba(92,73,56,.28);background:#6c5644;color:#fffaf3;padding:.85rem 1.25rem;border-radius:999px;font:inherit;cursor:pointer;}
@media (max-width:900px){.art-module{grid-template-columns:1fr;gap:1.2rem;}.thumb-column{flex-direction:row;flex-wrap:wrap;max-height:none;overflow:visible;padding-right:0;}.thumb{width:62px;}.art-page,.text-page{padding:2rem 1rem 4rem;}}
@media (max-width:700px){.content{padding:9vh 6vw 6vh;}.main-nav{gap:.7rem;}.main-nav a,.nav-parent{width:100%;text-align:center;}.nav-group{width:100%;}.sub-nav{display:flex;position:static;min-width:unset;padding:.5rem 0 0;background:transparent;box-shadow:none;backdrop-filter:none;}.sub-nav a{text-align:center;}}

.impressum-block{margin-top:2rem;color:#4a3b2e;line-height:1.7;}
.impressum-block h2{margin:0 0 .6rem;font-size:1.08rem;font-weight:400;color:#3d3126;}
.impressum-block p{margin:0;font-size:1.02rem;}

.person-layout{display:grid;grid-template-columns:minmax(260px,420px) minmax(0,1fr);gap:2rem;align-items:start;margin-top:2rem;}
.person-figure{margin:0;background:rgba(255,250,243,.74);padding:1rem;border-radius:20px;box-shadow:0 16px 42px rgba(52,38,25,.08);}
.person-figure img{display:block;width:100%;height:auto;border-radius:12px;}
.person-text{padding-top:.4rem;}
.person-text .page-intro{margin-top:0;font-size:1.1rem;color:#4a3b2e;}
@media (max-width:900px){.person-layout{grid-template-columns:1fr;}}


/* Papierarbeiten */
.papier-preview-column{display:flex;justify-content:center;}
.papier-preview-shell{display:block;width:100%;}
.papier-preview-card{background:transparent;padding:0;border-radius:0;box-shadow:none;margin:0 auto;width:fit-content;max-width:min(78vw,860px);}
.papier-preview-stage{position:relative;display:flex;align-items:center;justify-content:center;min-height:0;}
.papier-preview-stage .preview-image{width:auto;max-width:min(72vw,760px);max-height:68vh;object-fit:contain;border-radius:12px;}
.papier-caption{margin-top:1rem;gap:.18rem;align-items:flex-start;}
.papier-caption #artTitle{font-size:1.26rem;color:#3d3126;}
.papier-caption #artMedium,.papier-caption #artSize{font-size:1.02rem;color:#6b5a49;}
@media (max-width:980px){.papier-preview-card{max-width:min(100%,680px);}.papier-preview-stage .preview-image{max-width:100%;max-height:62vh;}}


/* Papierarbeiten – weichere Hintergrundwirkung ohne weiße Fläche */
.papier-page .subpage-slide{filter:saturate(.72) brightness(1.08) contrast(.9);}
.papier-page .subpage-overlay{background:rgba(246,241,232,.74);}
.papier-page .papier-preview-card{background:transparent;box-shadow:none;padding:0;border-radius:0;}
.papier-page .papier-preview-stage .preview-image{border-radius:10px;box-shadow:0 16px 42px rgba(52,38,25,.10);}
.papier-page .papier-caption{margin-top:1rem;margin-left:-300px;padding:0;background:transparent;display:flex;flex-direction:column;align-items:flex-start;gap:.14rem;width:min(72vw,760px);max-width:calc(100% + 300px);color:#4a3b2e;text-shadow:0 1px 0 rgba(255,250,243,.7);position:relative;z-index:3;}
.papier-page .papier-caption #artTitle{font-size:1.18rem;color:#2f241a;font-weight:400;}
.papier-page .papier-caption #artMedium,.papier-page .papier-caption #artSize{font-size:.96rem;color:#4f4134;}
@media (max-width:980px){.papier-page .papier-caption{width:100%;max-width:100%;margin-left:-120px;}}
@media (max-width:680px){.papier-page .papier-caption{margin-left:0;}}


.visual-copy{max-width:860px;display:grid;gap:1.05rem;}
.visual-copy p{margin:0;}

/* Visualisierungen */
.visual-page .subpage-slide{filter:saturate(.78) brightness(.98) contrast(.96);}
.visual-page .subpage-overlay{background:rgba(246,241,232,.7);}
.visual-module{grid-template-columns:54px minmax(0,1fr);}
.visual-preview-column{display:flex;justify-content:flex-start;}
.visual-preview-shell{display:block;width:100%;}
.visual-preview-card{display:grid;grid-template-columns:minmax(220px,280px) minmax(0,1fr);gap:2.4rem;align-items:center;background:transparent;padding:0;border-radius:0;box-shadow:none;margin:0;width:100%;}
.visual-preview-stage{position:relative;display:flex;align-items:center;justify-content:flex-end;min-height:66vh;padding-left:2rem;}
.visual-preview-stage .preview-image{width:auto;max-width:min(62vw,760px);max-height:66vh;object-fit:contain;border-radius:10px;box-shadow:0 16px 42px rgba(52,38,25,.10);}
.visual-caption{margin-top:0;gap:.28rem;align-items:flex-start;width:100%;color:#4a3b2e;text-shadow:0 1px 0 rgba(255,250,243,.72);padding-top:1rem;}
.visual-caption #artTitle{font-size:1.24rem;color:#2f241a;line-height:1.35;}
.visual-caption #artMedium{font-size:1rem;color:#4f4134;line-height:1.55;}
.visual-copy-below{margin-top:2.6rem;padding-top:1.4rem;border-top:1px solid rgba(92,73,56,.14);max-width:940px;position:relative;z-index:5;clear:both;}
@media (max-width:980px){.visual-preview-card{grid-template-columns:1fr;gap:1rem;}.visual-preview-stage{padding-left:0;justify-content:center;min-height:52vh;}.visual-preview-stage .preview-image{max-width:100%;max-height:62vh;}.visual-caption{width:100%;padding-top:0;order:2;}.visual-copy-below{margin-top:1.6rem;}}

.drawing-page .preview-stage{width:min(68vw,760px);min-height:52vh;margin:0 auto;}
.drawing-page .preview-image{max-height:70vh;object-fit:contain;}
@media (max-width:900px){.drawing-page .preview-stage{width:100%;min-height:46vh;}}

.aquarell-page .art-meta{display:flex;flex-direction:column;gap:.3rem;margin-top:14rem;align-self:flex-start;max-width:100%;text-align:left;padding-bottom:1rem;}
@media (max-width:900px){.aquarell-page .art-meta{margin-top:8rem;}}

.form-status{max-width:760px;margin:1rem 0 0;padding:.9rem 1rem;border-radius:14px;font-size:.98rem;}
.form-success{background:rgba(215,232,210,.85);color:#2f5130;border:1px solid rgba(72,112,72,.18);}
.form-error{background:rgba(244,222,216,.88);color:#7a2f25;border:1px solid rgba(146,74,56,.18);}