:root{--bg:#060809;--bg2:#0b0e0f;--ink:#f4f4f0;--muted:#a7abad;--line:#252a2b;--turq:#26d6d1;--turq-deep:#0a8f8c;--serif:Georgia,'Times New Roman',serif;--sans:Arial,Helvetica,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);line-height:1.5}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}img{display:block;width:100%}.micro{font-size:10px;letter-spacing:.28em;font-weight:700;text-transform:uppercase;margin:0 0 10px}.turquoise{color:var(--turq)}
.topbar{height:68px;position:absolute;z-index:20;top:0;left:0;width:100%;display:grid;grid-template-columns:230px 1fr 120px;align-items:center;padding:0 5.7vw;border-bottom:1px solid rgba(255,255,255,.03);background:linear-gradient(180deg,rgba(0,0,0,.82),rgba(0,0,0,.18),transparent)}.brand{font-family:var(--serif);font-size:27px;letter-spacing:.02em}.brand span{color:var(--turq)}.main-nav{justify-self:center;display:flex;gap:28px}.main-nav a{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.11em;opacity:.9}.main-nav a:hover,.social-mini a:hover{color:var(--turq)}.social-mini{display:flex;justify-content:flex-end;gap:18px;font-size:19px}.nav-toggle{display:none;border:0;background:none;color:#fff;font-size:23px}
.hero{height:min(680px,100vh);min-height:610px;position:relative;overflow:hidden;display:grid;grid-template-columns:53% 47%;border-bottom:1px solid var(--line)}.hero-copy{position:relative;z-index:3;align-self:center;padding:84px 0 0 6vw}.hero h1{font-family:var(--serif);font-size:clamp(65px,7.1vw,108px);letter-spacing:-.045em;line-height:.88;margin:18px 0 12px;font-weight:400}.hero h1 span{color:var(--turq)}.hero-role{font-size:22px;letter-spacing:.32em;margin:0 0 14px}.hero-sub{color:#c8cbcc;font-size:13px;margin:0 0 28px}.cta-row{display:flex;gap:14px}.btn{height:43px;min-width:156px;display:inline-flex;align-items:center;justify-content:center;padding:0 24px;border:1px solid var(--turq);font-size:10px;letter-spacing:.13em;font-weight:700;text-transform:uppercase;cursor:pointer}.btn-solid{background:var(--turq);color:#061011}.btn-ghost{background:rgba(0,0,0,.15);color:#fff}.btn:hover{filter:brightness(1.12)}.hero-meta{display:flex;gap:14px;align-items:center;margin-top:52px;color:#929899}.hero-meta span{display:block;width:3px;height:35px;background:var(--turq)}.hero-meta p{font-size:9px;letter-spacing:.2em;margin:0;font-weight:700}.hero-portrait{position:absolute;right:0;top:0;width:62%;height:100%;background-image:linear-gradient(90deg,#060809 0%,rgba(6,8,9,.94) 6%,rgba(6,8,9,.57) 20%,rgba(6,8,9,.1) 48%),linear-gradient(0deg,rgba(6,8,9,.48),transparent 50%),url('assets/images/portrait-city.jpg');background-size:cover;background-position:center 37%}.handnote{position:absolute;right:5vw;bottom:46px;z-index:4;color:var(--turq);font-family:'Brush Script MT','Segoe Script',cursive;font-size:38px;line-height:1.12;transform:rotate(-5deg);text-align:center}
.split-section{display:grid;grid-template-columns:49% 51%;min-height:470px;border-bottom:1px solid var(--line)}.about-image{height:470px;overflow:hidden}.about-image img{height:100%;object-fit:cover;object-position:center 31%;filter:grayscale(1) contrast(1.05)}.about-copy{padding:40px 7vw 30px 4vw;background:linear-gradient(120deg,#0b0d0e,#080a0b)}.about-copy h2,.section-title,.gallery h2,.booking h2{font-family:var(--serif);font-weight:400;line-height:1.03;margin:0}.about-copy h2{font-size:44px}.short-rule{width:44px;height:2px;background:var(--turq);margin:16px 0 18px}.about-copy p:not(.micro):not(.signature){font-size:13px;color:#d2d4d4;max-width:580px}.signature{font-family:'Brush Script MT','Segoe Script',cursive;font-size:28px;margin:15px 0 0;transform:rotate(-3deg)}
.content-section{padding:34px 6vw 38px;border-bottom:1px solid var(--line);background:linear-gradient(110deg,#080a0b,#050708)}.section-kicker-row{display:flex;align-items:flex-start;justify-content:space-between;gap:30px}.right-note{text-align:right;color:#bfc3c3;line-height:1.55}.section-title{font-size:39px;margin:0 0 28px}.title-rule{display:inline-block;vertical-align:middle;width:48px;height:2px;background:var(--turq);margin-left:18px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:18px}.service{display:grid;grid-template-columns:58px 1fr;gap:18px;padding:18px 31px 5px 0}.service+.service{border-left:1px solid #333839;padding-left:38px}.service-icon{width:45px;height:45px;border:2px solid var(--turq);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--turq);font-size:24px}.service h3{font-size:14px;letter-spacing:.21em;margin:0}.service p{font-size:12px;color:#c5c8c9;margin:9px 0}.service .micro{font-size:9px;margin:3px 0 15px}
.gallery{padding-top:24px}.gallery-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:19px}.gallery h2{font-size:29px}.gallery-arrows{display:flex;gap:14px}.gallery-arrows button{width:30px;height:30px;background:transparent;border:0;color:#fff;font-size:28px;cursor:pointer}.gallery-strip{display:grid;grid-auto-flow:column;grid-auto-columns:23.5%;gap:12px;overflow-x:auto;scroll-behavior:smooth;scrollbar-width:none}.gallery-strip::-webkit-scrollbar{display:none}.gallery figure{margin:0;height:190px;overflow:hidden;border:1px solid #202425}.gallery img{height:100%;object-fit:cover;filter:grayscale(1) contrast(1.02)}.gallery figure:nth-child(1) img{object-position:center 34%}.gallery figure:nth-child(2) img{object-position:center 25%}.gallery figure:nth-child(3) img{object-position:center 30%}.gallery figure:nth-child(4) img{object-position:center 23%}
.music{
  padding-top:30px
}

.mix-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px
}

.mix-card{
  min-height:125px;
  border:1px solid #363c3d;
  background:#101314;

  display:grid;
  grid-template-columns:1fr;
  grid-template-rows:auto 1fr;

  padding:10px;
  gap:8px 12px;
}

.mix-title{
  grid-column:1 / -1;
}

.mix-title h3{
  font-size:12px;
  margin:0;
}

.mix-title p{
  font-size:10px;
  margin:1px 0 0;
  color:#c8cccc;
}

.mix-cover{
  background-size:cover;
  background-position:center
}



.mix-info{
  display:flex;
  flex-direction:column;
  justify-content:center;
  min-width:0
}

.mix-info h3{
  font-size:12px;
  margin:0 0 2px
}

.mix-info p{
  font-size:10px;
  margin:0 0 10px;
  color:#c8cccc
}

.mixcloud-player{
  width:100%;
  overflow:hidden
}

.mixcloud-player iframe{
  display:block;
  width:100%;
  height:80px;
  border:0
}
.events{padding-top:16px}.events .section-title{margin-bottom:10px}.event-table{border-top:1px solid #313637}.event-row{min-height:42px;border-bottom:1px solid #2b3031;display:grid;grid-template-columns:120px 70px 1.25fr .6fr .85fr 82px;gap:20px;align-items:center;font-size:11px}.event-row a{justify-self:end;width:72px;height:25px;border:1px solid var(--turq);color:var(--turq);display:flex;align-items:center;justify-content:center;font-size:8px;font-weight:700;letter-spacing:.15em}.event-row span{color:#d3d5d5}
.booking{min-height:315px;position:relative;overflow:hidden;display:grid;grid-template-columns:58% 42%;padding:26px 6vw 30px;border-bottom:1px solid var(--line);background:#087d80}.booking-bg{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,91,93,.9),rgba(0,102,104,.64),rgba(2,65,67,.54)),url('assets/images/singer-stage.png');background-size:cover;background-position:center 40%;filter:saturate(.3);opacity:.85}.booking-copy,.booking-form{position:relative;z-index:2}.booking h2{font-size:38px}.booking-copy>p:not(.micro){font-size:13px;margin-top:15px}.booking-tags{display:flex;flex-wrap:wrap;gap:15px 26px;margin-top:24px;max-width:620px}.booking-tags span{font-size:10px}.booking-form{align-self:center;display:grid;gap:5px;padding-left:20px}.booking-form input,.booking-form textarea{width:100%;border:0;background:rgba(255,255,255,.94);color:#151819;padding:8px 11px;font-size:11px;outline:none}.booking-form textarea{resize:vertical}.booking-form .btn{height:36px;border:0;justify-self:start;width:175px}.form-note{font-size:8px;margin:2px 0 0;color:rgba(255,255,255,.74)}
.footer{display:grid;grid-template-columns:1.25fr .55fr .9fr 1fr;gap:35px;padding:28px 6vw 24px;background:#080a0b;border-bottom:1px solid var(--line);align-items:start}.footer-brand .brand{font-size:31px}.footer-brand .micro{margin:6px 0 9px;line-height:1.5}.footer-social{display:flex;gap:13px;margin-bottom:20px}.footer small{font-size:9px;color:#a5aaab}.footer-note{font-family:'Brush Script MT','Segoe Script',cursive;font-size:27px;line-height:1.1;color:#d8dcdc;transform:rotate(-8deg);text-align:center}.footer-links{display:flex;flex-direction:column;gap:10px;border-left:1px solid #373c3d;padding-left:55px;font-size:10px;color:#d1d4d4}.footer-quote{text-align:right;font-family:var(--serif);font-size:15px;line-height:1.6;color:#dfdfda}.footer-quote span{display:block;width:28px;height:2px;background:var(--turq);margin:15px 0 0 auto}
.legal-page{min-height:100vh;background:#080a0b}.legal-header{position:sticky;top:0;height:68px;padding:0 6vw;display:flex;align-items:center;justify-content:space-between;background:rgba(8,10,11,.96);border-bottom:1px solid var(--line);z-index:5}.legal-header a.back{font-size:10px;letter-spacing:.15em;color:var(--turq)}.legal-main{max-width:1080px;margin:0 auto;padding:70px 6vw 100px}.legal-main h1{font-family:var(--serif);font-size:48px;font-weight:400;margin:0 0 12px}.legal-main h2{font-family:var(--serif);font-weight:400;font-size:24px;margin:38px 0 12px}.legal-main p,.legal-main li{font-size:13px;color:#c4c8c8}.legal-main .placeholder{color:#fff;border-left:2px solid var(--turq);padding-left:14px}.legal-main a{color:var(--turq)}
@media(max-width:900px){.topbar{position:fixed;grid-template-columns:1fr auto;background:#080a0b;height:62px;padding:0 5vw}.social-mini{display:none}.nav-toggle{display:block}.main-nav{display:none;position:absolute;top:62px;left:0;width:100%;padding:22px 5vw;background:#080a0b;flex-direction:column;gap:18px}.main-nav.open{display:flex}.hero{height:auto;min-height:760px;display:block}.hero-copy{padding:150px 6vw 70px}.hero-portrait{width:100%;opacity:.48;background-position:62% center}.hero h1{font-size:68px}.hero-role{font-size:14px}.handnote{font-size:29px}.split-section{grid-template-columns:1fr}.about-image{height:430px}.about-copy{padding:40px 6vw}.service-grid{grid-template-columns:1fr}.service+.service{border-left:0;border-top:1px solid #333839;padding-left:0;padding-top:25px}.gallery-strip{grid-auto-columns:48%}.mix-grid{grid-template-columns:1fr}.event-row{grid-template-columns:95px 1fr 74px}.event-row span:nth-of-type(2),.event-row span:nth-of-type(3){display:none}.booking{grid-template-columns:1fr;gap:30px}.booking-form{padding-left:0}.footer{grid-template-columns:1fr 1fr}.footer-links{padding-left:20px}.footer-quote{text-align:left}.footer-quote span{margin-left:0}}
@media(max-width:560px){.hero h1{font-size:54px}.hero-role{letter-spacing:.22em}.cta-row{flex-direction:column;align-items:flex-start}.section-kicker-row{display:block}.right-note{text-align:left;margin-top:10px}.content-section{padding-left:5vw;padding-right:5vw}.gallery-strip{grid-auto-columns:78%}.gallery figure{height:220px}.service{grid-template-columns:48px 1fr}.event-row{grid-template-columns:88px 1fr 62px;gap:10px}.footer{grid-template-columns:1fr}.footer-note{text-align:left}.footer-links{border-left:0;border-top:1px solid #373c3d;padding:20px 0 0}.legal-main{padding-top:45px}.legal-main h1{font-size:38px}}

/* Datenschutzfreundlicher Mixcloud-Platzhalter */
.mixcloud-consent{min-height:80px;border:1px solid #2f3637;padding:10px;display:grid;grid-template-columns:1fr auto;gap:7px 10px;align-items:center;background:#0b0e0f}
.mixcloud-consent p{grid-column:1/-1;margin:0;color:#bfc4c4;font-size:9px;line-height:1.35}
.mixcloud-load{border:1px solid var(--turq);background:transparent;color:var(--turq);padding:7px 10px;font-size:8px;font-weight:700;letter-spacing:.11em;cursor:pointer;width:max-content}
.mixcloud-load:hover{background:var(--turq);color:#061011}
.mixcloud-privacy{font-size:8px;color:#aeb3b3;text-decoration:underline;justify-self:end}
.mixcloud-iframe{display:block;width:100%;height:80px;border:0}
@media(max-width:560px){.mixcloud-consent{grid-template-columns:1fr}.mixcloud-privacy{justify-self:start}}