/*
Theme Name: Wohllebe Events
Author: Holger Wohllebe
Description: Persönliches Block-Theme für Wohllebe Events. Erster Entwurf; Inhalte unter Design > Editor bearbeiten.
Version: 1.3.2
Requires at least: 6.6
Requires PHP: 7.4
Text Domain: wohllebe-events
*/
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:#252525;background:white}a{color:inherit}a:focus-visible{outline:3px solid #e51b2b;outline-offset:5px}img{max-width:100%;display:block}figure,p{margin:0}p{line-height:1.7}h1,h2,h3{line-height:1.08;letter-spacing:-.045em;margin:0;font-weight:750}h1{font-size:clamp(42px,4.9vw,76px)}h2{font-size:clamp(34px,4vw,56px)}h3{font-size:27px}em{color:#e51b2b;font-style:normal}.wrap{max-width:1240px;margin:0 auto;padding:0 44px}.site-header{max-width:1440px;margin:auto;padding:28px 44px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{width:250px;flex-shrink:0}.brand img{width:100%;height:auto}.nav-links{display:flex;gap:25px;flex-wrap:wrap}.nav-links p{font-size:14px;font-weight:700}.nav-links a{text-decoration:none}.nav-links a:hover{color:#e51b2b}.hero{max-width:1440px;display:grid;grid-template-columns:1.08fr 1fr;margin:0 auto;padding:30px 44px 70px;gap:50px;align-items:center}.hero-copy>*+*{margin-top:28px}.eyebrow{font-size:11px;font-weight:800;letter-spacing:.15em;color:#a91421}.hero .lead{font-size:19px;max-width:510px;color:#5b5b5b}.hero-photo{height:610px;border-radius:150px 12px 12px 12px;overflow:hidden}.hero-photo img{height:100%;width:100%;object-fit:cover;object-position:50% 50%}.wp-block-buttons{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.wp-block-button__link{display:inline-block;text-decoration:none;background:#e51b2b;color:#fff;padding:15px 22px;border:2px solid #e51b2b;border-radius:50px;font-size:14px;font-weight:700;line-height:1.4}.is-style-outline .wp-block-button__link{background:transparent;color:inherit;border-color:currentColor}.wp-block-button__link:hover{background:#b91623;color:white;border-color:#b91623}.intro{padding-top:60px;padding-bottom:75px;display:grid;grid-template-columns:1fr 1fr;gap:20px 65px;border-top:1px solid #ddd}.intro .eyebrow{grid-column:1/-1}.intro>p:last-child{color:#646464}.services,.projects,.figures,.about,.contact{padding:90px 0}.services{background:#f4f3f0}.services h2,.projects h2,.figures h2,.about h2,.contact h2{margin:16px 0 35px}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:28px}.service-card{border-top:1px solid #ccc;padding-top:24px}.number{color:#e51b2b;font-size:15px;margin-bottom:30px}.service-card h3{font-size:23px;min-height:52px;margin-bottom:17px}.service-card p:last-child{font-size:15px;color:#666}.featured-project{display:grid;grid-template-columns:1.15fr 1fr;gap:45px;background:#f4f3f0;border-radius:14px;overflow:hidden}.project-photo img{height:100%;min-height:430px;width:100%;object-fit:cover}.project-copy{padding:40px 38px 40px 0}.project-copy h2{font-size:38px;margin:14px 0 22px}.project-copy>p+p{margin-top:18px}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:40px}.project-card{border-bottom:2px solid #252525;padding:15px 0 32px}.project-card h3{margin:16px 0}.project-card p:last-child{font-size:16px;color:#666}.figures{background:#252525;color:white}.figures .eyebrow{color:#ff8892}.figure-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:35px}.figure-card{background:#333;border-radius:12px;overflow:hidden}.figure-card figure{height:360px}.figure-card img{width:100%;height:100%;object-fit:cover;object-position:center 25%}.figure-card:nth-child(2) img{object-fit:contain;background:black}.figure-copy{padding:28px}.figure-copy h3{margin-bottom:16px}.figure-copy p{font-size:15px;color:#ddd}.figure-copy p+p{margin-top:20px}.figure-copy a{font-weight:700;color:white}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.about-photo img{width:100%;height:650px;object-fit:cover;border-radius:12px 120px 12px 12px}.about-copy>p+p{margin-top:20px}.signature{font-size:25px;font-weight:700}.contact{background:#e51b2b;color:white}.contact .eyebrow{color:white}.contact h2{font-size:clamp(48px,7vw,86px);margin-bottom:25px}.contact p{max-width:650px}.contact .wp-block-button:not(.is-style-outline) .wp-block-button__link{background:white;color:#b91623;border-color:white}.contact .wp-block-buttons{margin-bottom:25px}.site-footer{padding-top:30px;padding-bottom:30px;display:flex;justify-content:space-between;gap:20px;font-size:13px}.page-content{min-height:60vh;padding-top:70px;padding-bottom:70px}.page-content h1{margin-bottom:40px}section{scroll-margin-top:30px}@media(max-width:1000px){.site-header{align-items:flex-start}.brand{width:210px}.nav-links{gap:12px 20px;justify-content:flex-end}.hero{gap:25px}.hero-photo{height:540px}.service-grid{grid-template-columns:repeat(2,1fr)}.about-grid{gap:35px}.figure-copy{padding:20px}.figure-copy h3{font-size:23px}}@media(max-width:700px){.wrap{padding-left:22px;padding-right:22px}.site-header{padding:20px 22px;display:block}.brand{width:220px}.nav-links{margin-top:20px;justify-content:flex-start;gap:10px 20px}.nav-links p{font-size:13px}.hero{display:flex;flex-direction:column;padding:25px 22px 45px;gap:30px;align-items:stretch}.hero-photo{height:340px;border-top-left-radius:85px}.hero-copy>*+*{margin-top:22px}.intro{display:block;padding-top:40px;padding-bottom:45px}.intro>*+*{margin-top:20px}.services,.projects,.figures,.about,.contact{padding:55px 0}.service-grid{gap:32px 22px}.service-card h3{font-size:21px}.featured-project,.project-grid,.figure-grid,.about-grid{display:block}.project-photo img{min-height:0;height:290px}.project-copy{padding:28px}.project-card{margin-bottom:24px}.figure-card{margin-bottom:25px}.figure-card figure{height:400px}.about-photo img{height:520px;margin-bottom:30px}.site-footer{display:block}.site-footer p+p{margin-top:8px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.hero{grid-template-columns:1fr;gap:38px}.hero-copy{max-width:1000px}.hero-copy h1{font-size:clamp(42px,5.1vw,74px)}.hero-copy .lead{max-width:680px}.hero-photo{height:clamp(240px,30vw,415px);border-radius:12px 95px 12px 12px}.featured-project{grid-template-columns:1fr}.project-photo img{height:auto;min-height:0;object-fit:contain}.project-copy{padding:0 40px 40px;max-width:850px}@media(max-width:700px){.hero-photo{height:230px;border-radius:12px 60px 12px 12px}.project-copy{padding:0 24px 28px}.hero-photo img{object-position:42% center}}
body{font-size:18px}.service-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.service-card h3{overflow-wrap:anywhere}@media(max-width:1000px){.service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.service-grid{grid-template-columns:1fr}.service-card h3{min-height:0;font-size:25px}.number{margin-bottom:15px}}

/* Künstlerverzeichnis */
.artist-directory,.artist-profile{padding-top:60px;padding-bottom:90px}.artist-directory h1{margin:20px 0 25px}.artist-intro{max-width:710px;color:#666;font-size:20px}.artist-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin:50px 0}.artist-card{background:#f4f3f0;border-radius:12px;overflow:hidden}.artist-picture{display:flex;align-items:center;justify-content:center;background:#eee;height:350px}.artist-picture img{height:100%;width:100%;object-fit:contain}.artist-placeholder{padding:25px;font-size:28px}.artist-card-copy{padding:25px}.artist-card h2{font-size:32px;margin:16px 0}.artist-card h2 a{text-decoration:none}.artist-card p:not(.eyebrow){font-size:16px;color:#666}.artist-more{display:inline-block;margin-top:24px;font-weight:700;text-underline-offset:5px}.artist-help{padding:38px;background:#f4f3f0;border-radius:12px;margin-top:45px}.artist-help h2{font-size:32px;margin:0 0 20px}.artist-help p{margin-bottom:24px}.artist-back{display:inline-block;margin-bottom:35px;text-underline-offset:5px}.artist-detail{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}.artist-portrait img{width:100%;max-height:680px;object-fit:contain;border-radius:12px}.artist-detail h1{margin:20px 0 30px;font-size:clamp(42px,5vw,70px)}.artist-content p{margin-bottom:25px}.artist-content img{height:auto}.artist-content iframe{max-width:100%}.artist-contact{margin-top:28px;color:#666;font-size:15px}.page-numbers{display:inline-block;padding:8px 14px}.page-numbers.current{background:#e51b2b;color:white} [hidden]{display:none!important}
@media(max-width:850px){.artist-grid{grid-template-columns:1fr 1fr}.artist-detail{gap:30px}.artist-picture{height:310px}}
@media(max-width:600px){.artist-grid,.artist-detail{grid-template-columns:1fr}.artist-directory,.artist-profile{padding-top:35px;padding-bottom:55px}.artist-help{padding:25px}.artist-picture{height:380px}.artist-portrait img{max-height:500px}.artist-card-copy{padding:25px}.artist-intro{font-size:18px}}

/* Eigenständige Seiten */
.site-header{flex-wrap:wrap}.nav-links{gap:12px 20px}.nav-links a[aria-current="page"]{color:#c21727;text-decoration:underline;text-underline-offset:6px}.page-heading{padding-top:40px;padding-bottom:45px}.page-heading h1{font-size:clamp(36px,5vw,65px)}.home-overview{padding-top:30px;padding-bottom:80px}.home-overview>h2{margin:18px 0 35px}.home-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.home-card{padding:30px;background:#f4f3f0;border-radius:12px}.home-card h2{font-size:28px;margin-bottom:18px}.home-card p{font-size:17px}.home-card .artist-more{margin-top:20px}@media(max-width:900px){.home-grid{grid-template-columns:1fr 1fr}}@media(max-width:600px){.home-grid{grid-template-columns:1fr}.page-heading{padding-top:25px;padding-bottom:30px}}

/* Einheitliche Künstlerfotos: Ausschnitt nur in der Übersicht. */
.artist-picture{height:auto;aspect-ratio:1.414/1;overflow:hidden;background:#eeece8}
.artist-picture img{width:100%;height:100%;object-fit:cover;object-position:50% 50%;filter:saturate(.9) contrast(1.025)}
.artist-picture img[alt="Mandy D."]{object-position:50% 0%;filter:saturate(.82) brightness(1.06) contrast(1.02)}
.artist-picture img[alt="Toni Dare"]{object-position:50% 35%;filter:saturate(.86) contrast(1.025)}
.artist-card{display:flex;flex-direction:column}.artist-card-copy{flex:1;display:flex;flex-direction:column;align-items:flex-start}.artist-card-copy .artist-more{margin-top:auto;padding-top:24px}

/* Show edition: expressive stage, calm readable content. */
.site-header{position:relative;z-index:5;background:#fff;padding-top:23px;padding-bottom:23px}
.nav-links a{position:relative;text-decoration:none;display:inline-block;padding-bottom:5px}
.nav-links a:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:2px;background:#e51b2b;transform:scaleX(0);transform-origin:left;transition:transform .25s}
.nav-links a:hover:after,.nav-links a:focus-visible:after{transform:scaleX(1)}
.hero{position:relative;isolation:isolate;overflow:hidden;background:#17151a;color:#fff;border-radius:28px;padding:65px 55px 45px;margin:12px auto 65px;gap:40px;box-shadow:0 24px 60px #1b101c15}
.hero:before{content:"";position:absolute;z-index:-1;pointer-events:none;width:850px;height:850px;right:-330px;top:-430px;background:radial-gradient(ellipse,#d718456b 0%,#8f153629 40%,transparent 68%);animation:we-light 3s ease-out both}
.hero:after{content:"";position:absolute;z-index:-1;pointer-events:none;width:560px;height:560px;border:1px solid #ffffff12;border-radius:50%;right:-150px;top:-240px}
.hero .eyebrow{color:#ff9aaa}.hero em{color:#ff637b}.hero .lead{color:#e0dce2;max-width:700px}.hero h1{font-size:clamp(42px,5.5vw,82px);letter-spacing:-.055em;line-height:1.03}.hero .hero-photo{border-radius:16px;height:auto;aspect-ratio:3/1;overflow:hidden;border:1px solid #ffffff25;box-shadow:0 12px 32px #0004}.hero .hero-photo img{width:100%;height:100%;object-fit:cover}.hero .is-style-outline .wp-block-button__link{border-color:#ffffff70;color:white}
.home-overview>p:first-child{font-size:11px;letter-spacing:.17em;font-weight:800;color:#b1182a}.home-card,.artist-card,.figure-card,.service-card{position:relative;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}.home-card{background:linear-gradient(145deg,#faf9f7,#f1efed);border:1px solid #e6e2df;padding:34px}.home-card:before{content:"";display:block;width:30px;height:4px;background:#e51b2b;border-radius:4px;margin-bottom:26px}.home-card h2{letter-spacing:-.04em}.artist-card{border:1px solid #e8e5e2;background:#faf9f7}.artist-picture img,.figure-card img,.featured-project img{transition:transform .65s cubic-bezier(.2,.7,.25,1)}.artist-picture,.figure-card figure,.project-photo{overflow:hidden}.artist-more{transition:color .2s}.artist-more:hover{color:#c3172b}.wp-block-button__link{transition:transform .25s,box-shadow .25s,background .25s}.featured-project{box-shadow:0 12px 45px #23101b0c}.page-heading{position:relative;padding-top:55px;padding-bottom:50px}.page-heading:after{content:"";display:block;width:65px;height:5px;background:#e51b2b;border-radius:5px;margin-top:25px}.contact{background:radial-gradient(ellipse at top right,#ff5a6840,transparent 55%),linear-gradient(125deg,#a9142b,#dc1a32 65%,#c21a38)}.figures{background:radial-gradient(ellipse at top right,#62253655,transparent 60%),#19171c}.site-footer{border-top:1px solid #e9e5e2}
@keyframes we-light{from{opacity:.2;transform:translate(90px,-40px) scale(.9)}to{opacity:1;transform:translate(0,0) scale(1)}}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.home-card:hover,.artist-card:hover,.figure-card:hover{transform:translateY(-7px);box-shadow:0 20px 40px #24102016}.artist-card:hover .artist-picture img,.figure-card:hover img{transform:scale(1.035)}.wp-block-button__link:hover{transform:translateY(-3px);box-shadow:0 8px 22px #0002}}
@media(max-width:1500px){.hero{margin-left:24px;margin-right:24px}}
@media(max-width:700px){.hero{margin:8px 12px 45px;padding:35px 22px 24px;border-radius:20px;gap:30px}.hero .hero-photo{aspect-ratio:1.8/1;border-radius:12px}.hero h1{font-size:clamp(36px,9vw,52px)}.hero .lead{font-size:17px}.hero:before{width:600px;height:600px;right:-350px;top:-250px}.home-card{padding:27px}.page-heading{padding-top:32px;padding-bottom:30px}}
@media(prefers-reduced-motion:reduce){.hero:before{animation:none}.home-card,.artist-card,.figure-card,.service-card,.artist-picture img,.figure-card img,.featured-project img,.wp-block-button__link,.nav-links a:after{transition:none}}

/* Markenrot und Punkte statt Nummern, auch für bereits gespeicherte Seiten. */
body{overflow-x:clip}
.hero em,.hero .eyebrow{color:#e51b2b}
.service-card .number{font-size:0;line-height:1;margin-bottom:30px}
.service-card .number:before{content:"";display:block;width:13px;height:13px;border-radius:50%;background:#e51b2b;box-shadow:0 0 0 7px #e51b2b0d}