/*
Theme Name: Artbase
Description: Klassisches WordPress-Theme für ArtBase Cologne mit nativen Künstlerprofilen.
Version: 1.0.0
Author: ArtBase Cologne
Text Domain: artbase
Requires at least: 6.0
Requires PHP: 8.0
*/
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#000;color:#f2f2f2;font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.9}img{max-width:100%;height:auto;vertical-align:middle}a{color:#ff008a;text-decoration:none;font-weight:600}a:hover{color:#e36cfe}h1,h2,h3,h4,h5,h6{color:#fff;margin:0 0 20px;line-height:1.2;font-weight:600}h1{font-size:4.2em;line-height:1.14;letter-spacing:-3px}h2{font-size:3em}h3{font-size:1.6em;line-height:1.3}h4{font-size:1.4em}h5{font-size:1.2em}p{margin:0 0 20px}.wrap{width:100%;max-width:1140px;margin-inline:auto}.skip-link{position:absolute;left:-10000px}.skip-link:focus{left:10px;top:10px;z-index:100;background:#000;padding:10px}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid #f90bf6;outline-offset:4px}.header-inner{display:flex;align-items:center;justify-content:space-between;padding:30px 10px}.site-logo{margin-left:-10px;display:block;width:220px;line-height:0}.site-logo img{width:220px}.custom-logo-link img{width:220px}.nav-links{padding:0;margin:0;list-style:none;display:flex}.nav-links a{color:#f0f0f0;display:block;text-transform:uppercase;padding:13px 20px;line-height:20px}.nav-links a:hover,.nav-links .current-menu-item>a{color:#f90bf6}.menu-toggle{display:none}.home-hero{position:relative;padding:310px 10px 40px;background:url('assets/dance-club-bg.jpg') center bottom/cover no-repeat;text-align:center}.home-hero:before{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#000 20%,#da29f2);opacity:.53}.home-hero>.wrap{position:relative}.home-hero h1{margin-bottom:20px}.home-hero p{margin:0;font-weight:400;line-height:1.5}.artist-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:60px;row-gap:70px;padding:110px 20px 0}.artist-card{text-align:center;padding-bottom:0;min-width:0}.artist-portrait{width:300px;border-radius:50%;opacity:.75;transition:opacity .25s}.artist-card>a{display:block;margin-bottom:40px;line-height:0}.artist-card a:hover img{opacity:1}.artist-card h3{margin:0 0 5px}.artist-card h3 a{color:inherit}.artist-card p{margin:0}.artist-card:last-child:nth-child(3n+1){grid-column:2}.site-footer{display:grid;grid-template-columns:1fr 1fr;padding-top:160px;position:relative;overflow:hidden}.site-footer:before{content:'';position:absolute;right:-188px;top:0;width:188px;height:189px;background:url('assets/figure-1.png') center/contain no-repeat}.project-panel{padding:100px 0;border-radius:0 20px 0 0;background:linear-gradient(210deg,#0439eb,#520469);align-self:start}.footer-inner{max-width:550px;padding:10px;margin:0 auto}.project-logo{width:300px}.project-copy{margin-top:40px;margin-bottom:30px;color:#fff}.project-copy p:last-child{margin:0}.contact-panel{margin-top:70px;background:#181818;padding:100px 0 120px}.footer-columns{display:grid;grid-template-columns:1fr 1fr;gap:20px}.footer-columns h4{margin-bottom:35px}.footer-columns p{margin:0}.footer-columns .nav-links{display:block}.footer-columns .nav-links a{font-size:13.6px;letter-spacing:.2px;padding:12px 0;line-height:1}.sponsors{margin-top:60px}.sponsors img{display:block;margin-bottom:20px;width:100%}.sponsors .kubu-logo{width:50%;background:#fff;padding:16px}.copyright{margin:0;line-height:1.9}.artist-heading{text-align:center;padding:90px 10px 10px}.artist-heading h1{margin:0}.artist-visuals{margin-top:60px;background:url('assets/figure-2.png') right bottom/contain no-repeat}.artist-hero{text-align:center;padding:10px}.artist-hero img{border-radius:10px;width:auto;max-height:none}.artist-gallery{display:flex;gap:10px;padding:10px;align-items:stretch}.gallery-item{flex:var(--ratio) 1 0;min-width:0;overflow:hidden}.gallery-item img{width:100%;height:100%;object-fit:cover}.artist-detail-bg{background:url('assets/figure-1.png') left center no-repeat;margin-top:80px}.artist-details{display:grid;grid-template-columns:60% 40%;padding:10px}.artist-biography{padding-right:10px}.artist-facts{padding-left:100px}.fact{margin-bottom:30px}.fact h5{text-transform:uppercase;font-size:13.6px;letter-spacing:.2px;line-height:1;margin:0 0 5px}.fact p{margin:0}.button,button[type=submit]{display:inline-block;border:0;background:#ff008a;color:#fff;border-radius:100px;padding:23px 50px;font:600 17.6px/1 Arial,sans-serif;cursor:pointer}.button:hover,button[type=submit]:hover{background:#dd117f;color:#fff}.inquiry-open{text-transform:uppercase}.artist-biography audio{width:100%;margin-bottom:20px}.video-container{position:relative;aspect-ratio:16/9;margin-top:20px}.video-container iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.page-content{padding:90px 10px 0;overflow-wrap:anywhere}.page-content h1{margin-bottom:40px}.page-content h2{font-size:2em}.contact-page{padding:60px 10px 0}.contact-eyebrow{display:flex;justify-content:flex-end;margin-bottom:100px;text-transform:uppercase;font-size:13.6px;line-height:1;letter-spacing:.2px;font-weight:600}.contact-eyebrow span{display:flex;align-items:center;gap:42px}.contact-eyebrow span:before{content:'';display:block;width:230px;height:1px;background:#f6f6f6}.contact-page h1{max-width:750px;margin-bottom:0}.contact-columns{display:grid;grid-template-columns:1fr 1fr;gap:100px;padding-top:120px;padding-bottom:80px}.plain-link{color:inherit;font-weight:400}.social-links{display:flex;gap:25px;font-size:33px;color:white;line-height:1;margin-top:40px}.contact-columns h5{font-size:16px;text-transform:uppercase;margin:25px 0 0}.artbase-form{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-field{grid-column:1/-1;display:block}.form-field.half{grid-column:auto}.form-field input,.form-field textarea{width:100%;border:1px solid transparent;border-radius:3px;background:#242424;color:#ddd;font:400 16px/1.5 Arial,sans-serif;padding:15px 20px}.form-field textarea{min-height:140px;resize:vertical}.form-field input::placeholder,.form-field textarea::placeholder{color:#aaa;opacity:1}.artbase-form button{justify-self:start}.form-status{grid-column:1/-1;margin:0}.form-trap{position:absolute;left:-9999px}.screen-reader-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}dialog{color:#f2f2f2;background:#000;border:0;max-width:calc(100vw - 30px);max-height:90vh;overflow:auto;padding:40px}dialog::backdrop{background:rgba(0,0,0,.85)}.inquiry-dialog{width:640px}.inquiry-dialog h2{font-size:28px}.dialog-close{position:absolute;right:10px;top:5px;background:transparent;color:white;border:0;font-size:30px;cursor:pointer}.lightbox{width:95vw;height:95vh;max-height:95vh;padding:40px 60px;background:transparent;overflow:hidden}.lightbox img{width:100%;height:100%;object-fit:contain}.lightbox-prev,.lightbox-next{position:absolute;top:45%;border:0;color:#fff;background:transparent;font-size:50px;cursor:pointer}.lightbox-prev{left:10px}.lightbox-next{right:10px}
@media(min-width:1025px){.artist-card:nth-child(3n){margin-right:0}.artist-card:last-child:nth-child(3n+1){width:340px;max-width:100%;justify-self:center}}
@media(max-width:1024px){h1{font-size:3.2em}h2{font-size:2.3em}h3{font-size:1.5em}.header-inner{padding:40px 30px}.site-logo{margin:0}.home-hero{padding:90px 30px 10px}.artist-grid{grid-template-columns:1fr;gap:70px;padding:70px 40px 0}.artist-card:last-child:nth-child(3n+1){grid-column:auto}.artist-card>a{margin-bottom:40px}.site-footer{grid-template-columns:1fr;padding-top:50px}.project-panel{padding:100px 0}.contact-panel{margin:0;padding:100px 0}.project-copy{text-align:center}.footer-inner{max-width:550px}.artist-heading{padding:60px 30px 0}.artist-visuals{margin-top:30px;padding:0 30px}.artist-details{grid-template-columns:1fr;padding:10px 40px}.artist-detail-bg{margin-top:40px}.artist-biography{padding:0}.artist-facts{padding:30px 0 0}.contact-page{padding-inline:30px}.contact-page h1{text-align:center;max-width:none}.contact-columns{grid-template-columns:1fr;gap:80px;padding:40px 0 70px}.contact-columns>div:first-child{text-align:center}.social-links{justify-content:center}.contact-eyebrow{justify-content:center}.page-content{padding:60px 30px 0}}
@media(max-width:767px){h1{font-size:2.7em}h2{font-size:2em}h3{font-size:1.2em}h4{font-size:1.3em}.header-inner{padding:40px 30px}.site-logo,.custom-logo-link{width:50%;max-width:220px}.menu-toggle{display:flex;flex-direction:column;gap:5px;background:none;border:0;padding:10px;cursor:pointer}.menu-toggle span{height:3px;width:27px;background:#ededed}#primary-menu{display:none;position:absolute;top:130px;left:0;right:0;z-index:20;background:#181818}#primary-menu.is-open{display:block}#primary-menu .nav-links{display:block;text-align:center}#primary-menu a{padding:15px}.home-hero h1{letter-spacing:-3px}.home-hero{padding-top:90px}.artist-grid{padding:70px 20px 0;gap:50px}.artist-portrait{max-width:300px;width:100%}.artist-card h3{margin-bottom:5px}.project-panel{padding:70px 20px}.footer-inner{padding:0}.project-copy{margin-top:40px}.contact-panel{padding:70px 20px}.footer-columns{grid-template-columns:1fr;gap:40px}.footer-columns h4{margin-bottom:35px}.sponsors{margin-top:60px}.artist-heading{padding:40px 20px 0}.artist-visuals{padding:0 10px;margin-top:30px}.artist-gallery{gap:5px;flex-wrap:wrap}.gallery-item{flex:1 1 28%;min-height:120px}.artist-details{padding:10px 20px}.artist-facts{padding-top:30px}.button,button[type=submit]{font-size:16px;padding:22px 45px}.page-content{padding:50px 20px 0}.contact-page{padding:50px 20px 0}.contact-eyebrow{margin-bottom:100px}.contact-columns{padding-top:60px;padding-bottom:40px;gap:40px}.artbase-form{gap:15px}dialog{padding:35px 20px}.lightbox{padding:35px}.inquiry-dialog h2{font-size:25px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* Measured spacing of the original artist overview. */
.home-hero p{line-height:1}.artist-grid{column-gap:100px;row-gap:94.4px}.artist-grid{padding-bottom:34.4px}.artist-biography p{margin-bottom:14.4px}
@media(max-width:1024px){.artist-grid{row-gap:84.4px}}
@media(max-width:767px){.site-logo,.custom-logo-link{width:calc(50% - 10px)}.artist-grid{row-gap:84.4px}.artist-grid{padding-left:30px;padding-right:30px}}
.project-copy{margin-top:20px}.site-footer:before{right:calc(50% - 782px);top:108px}.footer-columns{gap:20px}.footer-columns>div:first-child{padding-right:0}.kubu-wrap{background:#fff;padding:16px;margin-bottom:20px}.sponsors .kubu-logo{padding:0;margin:0;width:50%}.artist-gallery{display:flex;flex-wrap:wrap;gap:10px;padding:0;margin:10px 10px 0}.gallery-item{flex:none;height:245px;width:calc(var(--ratio)*245px)}.gallery-item img{display:block}.artist-visuals{padding-bottom:10px}.artist-details{padding:10px 0}.artist-biography{padding:0 10px}.artist-facts{padding-left:110px;padding-right:10px}.biography-copy{margin-bottom:20px}.biography-copy p:last-child{margin-bottom:0}.artist-biography h3{line-height:1.5}.artist-biography .wp-audio-shortcode{margin:0 0 20px!important}.project-copy p{margin-bottom:0}.contact-eyebrow{margin-bottom:120px}.contact-page h1{max-width:728px}.contact-columns{gap:120px;padding-top:140px}.artbase-form{column-gap:17px;row-gap:25px}.form-field input{line-height:21px}.form-field textarea{min-height:116px;line-height:21px}.contact-columns .artbase-form button{width:100%;margin-top:25px}.artist-gallery a{transition:filter .2s}.artist-gallery a:hover{filter:brightness(.8)}
@media(max-width:1024px){.artist-details{padding:10px 30px}.artist-biography{padding:0 10px}.artist-facts{padding:30px 10px 0}.artist-visuals{padding-left:30px;padding-right:30px}.contact-columns{padding-top:60px;gap:80px}.contact-page h1{max-width:none}.gallery-item{height:150px;width:calc(var(--ratio)*150px)}}
@media(max-width:767px){.artist-details{padding:10px}.artist-visuals{padding-inline:0}.artist-hero{padding:0 10px}.artist-gallery{margin-top:20px}.artist-visuals{padding-bottom:0}.artist-heading{padding-bottom:0}.artist-facts{padding:30px 10px 0}.gallery-item{min-height:0}.contact-columns{gap:40px}.contact-eyebrow{margin-bottom:100px}.contact-page h1{max-width:none}}
/* Font Awesome Free 5.15.3 by @fontawesome - https://fontawesome.com
 * Font license: SIL OFL 1.1. Copyright Fonticons, Inc. */
@font-face{font-family:ArtbaseBrands;font-style:normal;font-weight:400;font-display:block;src:url('assets/fa-brands-400.woff2') format('woff2')}.social-links span{font-family:ArtbaseBrands;font-weight:400;line-height:1}
.home-hero{background:none;overflow:hidden}.home-hero:after{content:'';position:absolute;inset:0;background:url('assets/dance-club-bg.jpg') center bottom/cover no-repeat;transform:scale(1.1);z-index:0}.home-hero:before{z-index:1}.home-hero>.wrap{z-index:2}
.form-captcha{grid-column:1/-1;min-width:0}.form-captcha:empty{display:none}
/* Semantic headings retain the exact original visual hierarchy. */
.artist-card-title{font-size:1.6em;line-height:1.3;margin:0 0 5px}.artist-card-title a{color:inherit}.demo-heading{font-size:1.6em;line-height:1.5;margin:0 0 20px}.footer-title{font-size:1.4em;line-height:1.2;margin:0 0 35px}.fact{margin:0 0 30px}.fact dt{color:#fff;font-weight:600;text-transform:uppercase;font-size:13.6px;letter-spacing:.2px;line-height:1;margin:0 0 5px}.fact dd{margin:0}.social-heading{font-size:16px;line-height:1.2;font-weight:600;text-transform:uppercase;margin:25px 0 0}
@media(max-width:1024px){.artist-card-title,.demo-heading{font-size:1.5em}}
@media(max-width:767px){.artist-card-title,.demo-heading{font-size:1.2em}.footer-title{font-size:1.3em}}