/* Kulturkanzlei / Original: intentionally restrained reconstruction of the existing theatre-photo / warm-paper design. */
:root{--kk-ink:#453b37;--kk-deep:#2e2422;--kk-brown:#675149;--kk-taupe:#a38672;--kk-cream:#fffdfa;--kk-line:rgba(65,51,45,.16);--kk-content:1110px;--kk-wide:1160px}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body.kk-culture{margin:0;min-width:320px;font-family:Arial,Helvetica,sans-serif;line-height:1.65;color:var(--kk-ink);background:#2f2523;-webkit-font-smoothing:antialiased}
.kk-culture a{color:inherit;text-underline-offset:4px}.kk-culture a:hover{color:#a47961}
.kk-culture :focus-visible{outline:3px solid #d29f71;outline-offset:4px}
.kk-culture button{font:inherit}.kk-container{width:min(calc(100% - 48px),var(--kk-wide));margin:0 auto}
.kk-skip{position:fixed;top:-100px;left:15px;z-index:9999;padding:9px 17px;background:white;color:#211a17;text-decoration:none}.kk-skip:focus{top:12px}
.kk-background{position:fixed;inset:0;z-index:0;background:radial-gradient(circle at 55% 25%,#5b4639,#121014 75%);overflow:hidden;pointer-events:none}
.kk-background::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(to bottom,rgba(23,17,18,.22),rgba(24,17,17,.16) 46%,rgba(57,43,40,.62) 76%,#483932 100%)}
.kk-background__frame{position:absolute;inset:-2%;background-position:center 28%;background-size:cover;opacity:0;transition:opacity 1.8s ease;transform:scale(1.04)}
.kk-background__frame.is-visible{opacity:1}
.kk-site-wrap{position:relative;z-index:1;min-height:100vh;display:flex;flex-direction:column}
.kk-header{position:relative;z-index:80;padding:14px 0}.kk-header__inner{display:flex;align-items:center;justify-content:space-between;gap:30px;min-height:105px}
.kk-brand{width:133px;min-height:91px;padding:8px;flex:0 0 auto;background:#fff;display:flex;align-items:center;justify-content:center;flex-direction:column;text-decoration:none;box-shadow:0 5px 30px rgba(0,0,0,.1)}
.kk-brand img{display:block;max-width:100%;height:auto;max-height:104px;object-fit:contain}
.kk-brand__symbol{display:block;font-size:33px;line-height:1;font-weight:800;letter-spacing:-.08em;color:#553e35}.kk-brand__accent{color:#ad8a75;padding:0 3px}.kk-brand__word{font-size:9px;font-weight:800;letter-spacing:.085em;color:#49372e;margin-top:8px}
.kk-nav{background:rgba(255,255,255,.96);box-shadow:0 4px 24px rgba(0,0,0,.08);padding:0 10px}.kk-nav__items{display:flex;align-items:center;gap:0;list-style:none;margin:0;padding:0}
.kk-nav li{margin:0}.kk-nav a{display:block;padding:18px 20px 16px;color:#584942;font-size:12px;font-weight:700;letter-spacing:.105em;text-transform:uppercase;text-decoration:none;border-bottom:2px solid transparent;white-space:nowrap}
.kk-nav a:hover,.kk-nav a.is-active,.kk-nav .current-menu-item>a,.kk-nav .current-menu-ancestor>a{border-bottom-color:#a58a78;color:#342a25}
.kk-nav-toggle{display:none;flex-direction:column;justify-content:space-around;width:46px;height:43px;padding:12px 10px;border:0;cursor:pointer;background:#fff}
.kk-nav-toggle span{display:block;width:100%;height:2px;background:#56433c}
.kk-home--original{flex:1;display:grid;place-items:center;text-align:center;padding:30px 22px 110px;min-height:65vh}.kk-home__center{max-width:800px;padding:52px 25px;color:#fff;text-shadow:0 2px 28px rgba(0,0,0,.5)}
.kk-home__intro{display:block;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.28em;margin-bottom:15px;color:rgba(255,255,255,.85)}
.kk-home h1{font-size:clamp(34px,5.3vw,70px);font-weight:800;line-height:1;letter-spacing:.075em;margin:0;word-break:break-word}
.kk-home p{font-size:clamp(19px,2.6vw,28px);line-height:1.4;margin:24px 0 12px}.kk-home__meta{font-size:14px;letter-spacing:.025em}.kk-home__meta span{padding:0 7px}
.kk-home__actions{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;margin-top:43px}.kk-home__actions a{border:1px solid rgba(255,255,255,.75);padding:12px 18px;text-decoration:none;text-transform:uppercase;font-size:11px;letter-spacing:.13em;font-weight:700;min-width:200px;transition:background .2s,color .2s}.kk-home__actions a:hover{color:#3e3029;background:#fff}
.kk-home__actions a span{margin-left:10px}
.kk-content{flex:1;padding:10px 0 80px}.kk-content__inner{width:min(calc(100% - 48px),var(--kk-content));background:rgba(255,253,250,.98);padding:54px 67px 75px;box-shadow:0 28px 60px rgba(8,7,8,.27);min-height:450px}
.kk-page-intro{border-bottom:1px solid var(--kk-line);margin:0 0 18px;padding:0 0 24px}.kk-eyebrow{display:block;color:#9e8170;font-size:11px;font-weight:700;letter-spacing:.21em;text-transform:uppercase}
.kk-page-intro h1{margin:8px 0 10px;color:#463934;font-size:clamp(31px,4vw,42px);font-weight:400;line-height:1.18}.kk-page-intro>p{max-width:720px;font-size:15px;margin:0 0 13px;color:#766962}
.kk-period-nav{display:flex;gap:6px;flex-wrap:wrap;margin:20px 0 0}.kk-period-nav a{font-size:12px;text-transform:uppercase;font-weight:700;letter-spacing:.06em;text-decoration:none;padding:10px 13px;color:#64554e;border:1px solid #d8d0ca}.kk-period-nav a.is-active,.kk-period-nav a:hover{background:#604d43;color:#fff;border-color:#604d43}
.kk-events{display:flex;flex-direction:column}.kk-event-card{display:grid;grid-template-columns:minmax(180px,32%) minmax(0,1fr);gap:35px;border-bottom:1px solid var(--kk-line);padding:32px 0 37px}.kk-event-card:last-child{border-bottom:0}
.kk-event-card__media{display:block;aspect-ratio:3/2;overflow:hidden;background:#e2d9d4;text-decoration:none;max-height:290px}.kk-event-card__image{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s ease}.kk-event-card__media:hover img{transform:scale(1.025)}
.kk-event-card__placeholder{display:grid;place-content:center;text-align:center;width:100%;height:100%;background:linear-gradient(140deg,#4d3e38,#ad9586);color:#f8f0e8;font-size:19px;letter-spacing:.18em;font-weight:700;line-height:1.4}
.kk-event-card__body{min-width:0}.kk-event-card__overline{display:none}.kk-event-card__title{margin:-5px 0 11px;font-weight:400;font-size:clamp(21px,2.2vw,25px);line-height:1.3;color:#342923}.kk-event-card__title a{text-decoration:none}.kk-event-card__title a:hover{color:#a07d69}
.kk-event-card__text{font-size:14px;line-height:1.73;color:#544c48;margin:0 0 16px}.kk-dates{padding:0;margin:0;list-style:none;font-size:14px;line-height:1.75;font-weight:700}.kk-dates li{margin:0}.kk-event-card__venue{font-size:14px;font-weight:700;margin-top:5px}.kk-event-card__duration{font-size:13px;color:#746862}.kk-event-card__actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:19px}
.kk-ticket{display:inline-flex;align-items:center;gap:15px;justify-content:space-between;border:1px solid #695147;color:#594137;padding:9px 14px;font-size:11px;font-weight:700;text-decoration:none;text-transform:uppercase;letter-spacing:.09em;transition:background .2s,color .2s}.kk-ticket:hover{background:#594137;color:#fff}.kk-ticket--soldout{border-color:#cac0bb;background:#f0ece9;color:#7c7470}.kk-ticket--soldout:hover{background:#f0ece9;color:#7c7470}.kk-more{font-size:12px;text-decoration:none;font-weight:700;color:#886a58}.kk-more:hover{text-decoration:underline}
.kk-pagination{padding:35px 0 0}.kk-pagination .nav-links{display:flex;gap:10px;align-items:center;justify-content:center;flex-wrap:wrap}.kk-pagination a,.kk-pagination span{display:inline-block;padding:8px 13px;border:1px solid #d0c5bd;text-decoration:none}.kk-pagination .current{background:#655046;color:white}
.kk-empty{padding:38px 0 50px}.kk-empty h2{font-weight:400;font-size:24px}
.kk-single .kk-breadcrumb{margin:-4px 0 24px;font-size:13px;font-weight:700}.kk-breadcrumb a{text-decoration:none}.kk-detail{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(225px,.7fr);gap:25px 48px}
.kk-detail__cover{grid-column:1/-1;aspect-ratio:16/8;overflow:hidden;background:#ddd1c8}.kk-detail__cover .kk-event-card__image,.kk-detail__cover .kk-event-card__placeholder{width:100%;height:100%;object-fit:cover}.kk-detail__main h1{font-size:clamp(29px,4vw,43px);font-weight:400;line-height:1.2;margin:9px 0 27px}.kk-detail__description{font-size:16px;line-height:1.85}.kk-detail__description p{margin-top:0}.kk-detail__aside{border-left:1px solid #dfd4cd;padding-left:27px}.kk-detail__aside h2{font-size:17px;font-weight:700;margin-top:0}.kk-detail__label{display:block;margin:21px 0 6px;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#998172;font-weight:700}.kk-detail__aside p{font-size:14px;margin:0}.kk-detail__ticket{margin-top:26px}
.kk-page__body{font-size:17px;line-height:1.8;max-width:700px}.kk-page__body p:first-child{margin-top:0}.kk-contact{margin-top:24px;padding-top:28px;border-top:1px solid var(--kk-line)}.kk-contact__label{font-size:12px;letter-spacing:.14em;font-weight:700;text-transform:uppercase;color:#988171}.kk-contact h2{font-size:clamp(21px,2.8vw,31px);font-weight:400;overflow-wrap:anywhere}.kk-contact h2 a{text-decoration:none}.kk-contact h2 span{font-size:20px;padding-left:8px}.kk-contact>p:last-child{font-size:16px}
.kk-generic-post{padding:25px 0;border-bottom:1px solid var(--kk-line)}.kk-generic-post h2{font-size:22px;font-weight:400}.kk-error .kk-content__inner{min-height:55vh}.kk-error h1{font-size:36px;font-weight:400}.kk-primary-button{display:inline-block;text-decoration:none;border:1px solid #665047;padding:12px 20px;margin-top:15px}
.kk-footer{margin-top:auto;background:linear-gradient(0deg,rgba(44,34,32,.95),rgba(58,43,38,.85));color:#f1eae7}.kk-footer__inner{min-height:124px;display:flex;justify-content:space-between;align-items:center;gap:25px;padding:25px 0}.kk-footer__identity{display:flex;flex-direction:column;font-size:12px;line-height:1.5}.kk-footer__identity strong{font-size:13px;letter-spacing:.11em}.kk-footer__identity small{font-size:11px;opacity:.8}.kk-footer__links{display:flex;flex-wrap:wrap;gap:14px;font-size:12px}.kk-footer a{text-decoration:none}.kk-footer a:hover{color:white;text-decoration:underline}.kk-footer__email{font-size:12px}
@media(max-width:900px){.kk-content__inner{padding:42px 35px 58px}.kk-event-card{gap:25px;grid-template-columns:minmax(160px,34%) minmax(0,1fr)}.kk-header__inner{gap:16px}.kk-nav a{padding:15px 13px}}
@media(max-width:680px){.kk-container{width:calc(100% - 30px)}.kk-header{padding:10px 0}.kk-header__inner{min-height:74px}.kk-brand{width:95px;min-height:70px;padding:6px}.kk-brand img{max-height:68px}.kk-brand__symbol{font-size:23px}.kk-brand__word{font-size:6.5px}.kk-nav-toggle{display:flex}.kk-nav{display:none;position:absolute;top:calc(100% - 3px);left:15px;right:15px;padding:12px;background:#fff;box-shadow:0 18px 45px rgba(0,0,0,.25)}.kk-nav.is-open{display:block}.kk-nav__items{display:flex;flex-direction:column;align-items:stretch}.kk-nav a{padding:12px 16px;font-size:13px}.kk-home--original{padding:12px 15px 85px}.kk-home__center{padding:42px 8px}.kk-home h1{letter-spacing:.015em;font-size:clamp(30px,8vw,47px)}.kk-home p{font-size:19px}.kk-home__actions{flex-direction:column;align-items:center}.kk-home__actions a{width:min(100%,285px)}.kk-content{padding:5px 0 40px}.kk-content__inner{width:calc(100% - 24px);padding:30px 21px 41px}.kk-event-card{display:block;padding:28px 0}.kk-event-card__media{aspect-ratio:3/2;margin-bottom:17px;max-height:none}.kk-event-card__title{margin:0 0 11px}.kk-detail{grid-template-columns:1fr;gap:24px}.kk-detail__cover{grid-column:1;aspect-ratio:3/2}.kk-detail__aside{border-left:0;border-top:1px solid #dfd4cd;padding:20px 0 0}.kk-footer__inner{flex-direction:column;text-align:center;gap:13px}.kk-footer__links{justify-content:center}.kk-page-intro>p{font-size:14px}.kk-period-nav a{flex:1;text-align:center;font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.kk-background__frame,.kk-event-card__image,.kk-home__actions a{transition:none}}


/* v1.1 – original-website layout aligned with 27.10.2026 reference screenshots.
   Brand file is provided by client and shipped locally in assets/images/. */
:root{--kk-original-bg:#4b3e37;--kk-original-txt:#cfc4bd;--kk-original-orange:#e6701d}
.kk-visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
body.kk-original{background:var(--kk-original-bg);color:var(--kk-original-txt);font-family:Arial,Helvetica,sans-serif}
body.kk-original .kk-site-wrap{min-height:100svh;isolation:isolate}
body.kk-original .kk-background{background:#473b35}
body.kk-original .kk-background::after{background:rgba(59,49,44,.15)}
body.kk-original--interior .kk-background::after{background:linear-gradient(180deg,rgba(73,60,54,.91),rgba(75,63,57,.9)),rgba(43,34,30,.4)}
body.kk-original .kk-background__frame{background-position:center center;transform:none}
body.kk-original .kk-container{width:min(calc(100% - 36px),1100px)}
body.kk-original .kk-header{position:relative;z-index:50;padding:0;flex:0 0 auto}
body.kk-original--home .kk-header{height:185px}
body.kk-original--interior .kk-header{height:106px}
body.kk-original .kk-header__inner{position:relative;width:100%;height:100%;min-height:0;max-width:none;display:block}
body.kk-original .kk-brand{position:absolute;z-index:2;top:1px;left:50%;transform:translateX(-50%);padding:0;min-height:0;width:172px;height:180px;background:transparent;box-shadow:none;display:block}
body.kk-original .kk-brand img{display:block;width:172px;height:180px;max-height:none;max-width:none;object-fit:contain}
body.kk-original--interior .kk-brand{width:95px;height:100px}
body.kk-original--interior .kk-brand img{width:95px;height:100px}
body.kk-original .kk-nav-toggle{position:absolute;z-index:95;top:9px;left:9px;width:30px;height:29px;display:flex;flex-direction:column;justify-content:space-between;padding:4px 0;border:0;background:transparent;cursor:pointer}
body.kk-original .kk-nav-toggle span{display:block;width:27px;height:2px;background:#fff;border-radius:2px;box-shadow:0 1px 1px rgba(0,0,0,.25)}
body.kk-original .kk-nav-toggle:hover span{background:#f3d5bf}
body.kk-original .kk-nav{display:none;position:absolute;z-index:90;top:45px;left:8px;min-width:235px;max-width:calc(100vw - 16px);padding:8px;background:rgba(42,32,28,.97);box-shadow:0 18px 48px rgba(0,0,0,.32);border:1px solid rgba(232,212,198,.3);backdrop-filter:blur(12px)}
body.kk-original .kk-nav.is-open{display:block}
body.kk-original .kk-nav__items{display:flex;flex-direction:column;align-items:stretch;gap:2px}
body.kk-original .kk-nav a{border:0!important;padding:12px 15px;color:#f5ebe4;font-size:13px;font-weight:500;letter-spacing:.04em;text-transform:none}
body.kk-original .kk-nav a:hover,body.kk-original .kk-nav a.is-active{background:rgba(178,136,109,.23);color:#fff}
/* Home: full-bleed theatre photo, centered logo top, links and contact near the foot. */
body.kk-original--home .kk-home--original{display:flex;align-items:flex-end;justify-content:center;text-align:center;min-height:0;flex:1;padding:0 20px 7px}
body.kk-original--home .kk-home__bottom{width:100%;margin:0 auto;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.5)}
body.kk-original--home .kk-home__actions{display:flex;justify-content:center;gap:55px;margin:0 auto 39px;flex-wrap:wrap}
body.kk-original--home .kk-home__actions a{display:flex;align-items:center;justify-content:center;width:242px;min-width:0;height:26px;padding:1px 9px;border:2px solid rgba(255,255,255,.95);border-radius:4px;background:rgba(79,57,49,.42);text-transform:none;color:#fff;text-decoration:none;font-size:18px;font-weight:400;letter-spacing:.025em;line-height:1;transition:background .2s}
body.kk-original--home .kk-home__actions a:hover{background:rgba(30,20,18,.65)}
body.kk-original--home .kk-home__contact{margin:0 0 5px;color:#fff;font-size:19px;line-height:1.5;letter-spacing:.01em}
body.kk-original--home .kk-home__contact a{text-decoration:none}
/* Original signature: two fine separator lines and a near-black transparent strip. */
body.kk-original .kk-footer{position:relative;z-index:10;display:block;margin-top:auto;padding:0;color:#f4eeee;background:rgba(13,9,9,.68);border-top:4px double rgba(224,216,217,.56);box-shadow:0 -2px 4px rgba(0,0,0,.1)}
body.kk-original .kk-footer__identity{display:flex;align-items:center;flex-direction:column;justify-content:center;gap:1px;padding:11px 15px 13px;margin:auto;min-height:58px;font-size:13px;line-height:1.25;font-weight:400;text-align:center;letter-spacing:-.025em}
body.kk-original .kk-footer__identity strong{font-size:inherit;letter-spacing:0;font-weight:400}
body.kk-original .kk-footer__contact{font-size:18px;line-height:1.35;text-align:center;padding:28px 15px 10px;margin:0;background:linear-gradient(180deg,transparent,rgba(32,22,19,.12));border-bottom:1px solid rgba(255,255,255,.23)}
body.kk-original .kk-footer__contact a{text-decoration:none}
/* Event list: no white card; photos left, compact copy / orange titles right. */
body.kk-original--interior .kk-content{flex:1;padding:0 0 8px;min-height:0}
body.kk-original--interior .kk-content__inner{width:min(calc(100% - 36px),860px);min-height:0;margin:auto;padding:0 0 26px;background:transparent;box-shadow:none;color:#d4cbc5}
body.kk-original .kk-page-intro{position:relative;padding:0;margin:0 0 23px;border:0;text-align:center}
body.kk-original .kk-page-intro h1{margin:0 0 17px;color:#f3eeed;font-family:Impact,"Arial Narrow",Arial,sans-serif;font-size:22px;line-height:1.05;letter-spacing:.01em;text-transform:uppercase;font-weight:700}
body.kk-original .kk-page-intro .kk-eyebrow{display:none}
body.kk-original .kk-page-intro>p{display:none}
body.kk-original .kk-period-nav{display:flex;justify-content:center;margin:8px 0 5px;gap:15px}
body.kk-original .kk-period-nav a{display:block;padding:3px 7px;color:rgba(243,228,218,.78);border:0;border-bottom:1px solid transparent;background:transparent;font-size:10px;line-height:1.4;font-weight:400;letter-spacing:.03em;text-transform:none;text-decoration:none}
body.kk-original .kk-period-nav a.is-active{color:#fff;border-bottom-color:#dfaa83;background:transparent}
body.kk-original .kk-period-nav a:hover{color:#fff;border-bottom-color:#fff;background:transparent}
body.kk-original .kk-event-card{display:grid;grid-template-columns:34% minmax(0,1fr);gap:30px;border:0;padding:0;margin:0 0 27px;align-items:start}
body.kk-original .kk-event-card__media{aspect-ratio:1.43;max-height:none;background:rgba(57,44,38,.5);overflow:hidden}
body.kk-original .kk-event-card__image{width:100%;height:100%;object-fit:cover}
body.kk-original .kk-event-card__placeholder{font-size:15px}
body.kk-original .kk-event-card__body{color:#d1c7c0;padding:0;min-width:0}
body.kk-original .kk-event-card__title{font-family:"Eurostile","Microgramma","Century Gothic",Arial,sans-serif;font-size:20px;line-height:1.17;letter-spacing:.025em;font-weight:400;color:var(--kk-original-orange);margin:0 0 6px}
body.kk-original .kk-event-card__title a{text-decoration:none;color:inherit}
body.kk-original .kk-event-card__title a:hover{color:#ffa150}
body.kk-original .kk-event-card__text{font-size:11px;line-height:1.38;color:#d7cbc5;margin:0 0 10px}
body.kk-original .kk-event-card__details{color:#e4d8d2;font-size:12px;line-height:1.3}
body.kk-original .kk-dates,body.kk-original .kk-event-card__venue,body.kk-original .kk-event-card__duration{font-size:12px;line-height:1.24;color:#e3d8d1;font-weight:700}
body.kk-original .kk-event-card__venue{margin-top:7px}
body.kk-original .kk-event-card__actions{margin-top:12px;display:block}
body.kk-original .kk-ticket{display:inline-block;color:var(--kk-original-orange)!important;text-decoration:none;text-transform:none;font-size:12px;letter-spacing:0;padding:0;margin:0;background:transparent!important;border:0!important;box-shadow:none!important}
body.kk-original .kk-ticket--soldout{color:#ea1f12!important}
body.kk-original .kk-more{display:none}
body.kk-original .kk-pagination a,body.kk-original .kk-pagination span{color:white}
/* Event detail / generic page inherit the same dark palette. */
body.kk-original--interior .kk-page__body,body.kk-original--interior .kk-detail__description{color:#e5dad3}
body.kk-original--interior .kk-page__body a,body.kk-original--interior .kk-detail__main a{color:#ffae72}
body.kk-original .kk-contact{border-color:rgba(255,255,255,.2)}
body.kk-original .kk-contact__label{color:#ecac7b}
body.kk-original .kk-contact h2{color:#fff}
body.kk-original .kk-breadcrumb a,body.kk-original .kk-detail h1,body.kk-original .kk-detail__aside h2{color:#fff}
body.kk-original .kk-detail__aside{border-color:rgba(255,255,255,.25)}
body.kk-original .kk-detail__label{color:#e5a06d}
body.kk-original .kk-empty{color:#e8ded9}
body.kk-original .kk-generic-post{border-color:rgba(255,255,255,.2)}
/* Responsiveness retains legible event content instead of retaining tiny screenshot text on mobile. */
@media(max-width:850px){
 body.kk-original--interior .kk-content__inner{width:min(calc(100% - 35px),710px)}
 body.kk-original .kk-event-card{grid-template-columns:34% 1fr;gap:20px}
 body.kk-original .kk-event-card__title{font-size:18px}
 body.kk-original--home .kk-home__actions{gap:25px}
}
@media(max-width:620px){
 body.kk-original--home .kk-header{height:155px}
 body.kk-original--home .kk-brand{top:9px;width:140px;height:146px}
 body.kk-original--home .kk-brand img{width:140px;height:146px}
 body.kk-original--interior .kk-header{height:115px}
 body.kk-original--interior .kk-content__inner{width:calc(100% - 32px)}
 body.kk-original--home .kk-home__actions{flex-direction:column;align-items:center;gap:12px;margin-bottom:24px}
 body.kk-original--home .kk-home__actions a{width:min(100%,290px);height:33px;font-size:16px}
 body.kk-original--home .kk-home__contact{font-size:14px;margin-bottom:10px}
 body.kk-original .kk-footer__identity{font-size:11px;min-height:48px;padding:10px 12px}
 body.kk-original .kk-footer__contact{font-size:14px;padding:25px 12px 10px}
 body.kk-original .kk-page-intro{margin-bottom:24px}
 body.kk-original .kk-page-intro h1{font-size:22px}
 body.kk-original .kk-event-card{display:flex;flex-direction:column;gap:11px;margin-bottom:38px}
 body.kk-original .kk-event-card__media{width:100%;aspect-ratio:1.56;max-height:260px}
 body.kk-original .kk-event-card__body{padding:0}
 body.kk-original .kk-event-card__title{font-size:21px}
 body.kk-original .kk-event-card__text{font-size:14px;line-height:1.55}
 body.kk-original .kk-dates,body.kk-original .kk-event-card__venue,body.kk-original .kk-event-card__duration,body.kk-original .kk-ticket{font-size:13px;line-height:1.5}
}
/* Final alignment adjustments for reference screenshot proportions. */
body.kk-original--home .kk-footer{min-height:145px}
body.kk-original--interior .kk-page-intro{margin-bottom:16px}
body.kk-original--interior .kk-page-intro h1{margin-bottom:7px}
body.kk-original--interior .kk-period-nav{position:absolute;right:0;bottom:2px;margin:0;gap:7px}
@media(max-width:620px){
 body.kk-original--home .kk-footer{min-height:72px}
 body.kk-original--interior .kk-period-nav{position:static;justify-content:center;margin:12px 0 0}
}

/* v1.2 – Original-Logo rund 20 % groesser, unveraenderte PNG-Datei. */
body.kk-original--home .kk-header{height:219px}
body.kk-original .kk-brand{width:206px;height:216px}
body.kk-original .kk-brand img{width:206px;height:216px}
body.kk-original--interior .kk-header{height:125px}
body.kk-original--interior .kk-brand,body.kk-original--interior .kk-brand img{width:114px;height:120px}
@media(max-width:620px){
 body.kk-original--home .kk-header{height:184px}
 body.kk-original--home .kk-brand{width:168px;height:175px}
 body.kk-original--home .kk-brand img{width:168px;height:175px}
 body.kk-original--interior .kk-header{height:132px}
}

/* v1.3 – pixel-proportion alignment to the supplied 1414px-wide Kultur/Events reference.
   Only presentation changes here. Event content and date/archive logic are independent. */
body.kk-original--interior {
  --kk-reference-brown: #493e3a;
  --kk-reference-shift: clamp(0px, calc((100vw - 1100px) * .35), 110px);
  background: var(--kk-reference-brown);
}
body.kk-original--interior .kk-background {background:var(--kk-reference-brown)}
body.kk-original--interior .kk-background::after {
  background:linear-gradient(180deg,rgba(73,62,58,.91),rgba(73,62,58,.90));
}
/* The original repeats a subtle stage photograph under a near-solid brown veil.
   Cover on the homepage is intentionally not changed. */
body.kk-original--interior .kk-background__frame {
  background-position:center top;
  background-size:100% auto;
  background-repeat:repeat-y;
}
body.kk-original--interior .kk-header {height:144px}
body.kk-original--interior .kk-brand {top:0;width:114px;height:120px}
body.kk-original--interior .kk-brand img {width:114px;height:120px}
body.kk-original--interior .kk-archive .kk-content__inner {
  width:min(calc(100% - 40px),930px);
  transform:translateX(var(--kk-reference-shift));
  padding:0 0 22px;
}
body.kk-original--interior .kk-archive .kk-page-intro {
  /* The heading is centered on the screen, while the original's list is offset right. */
  margin-left:calc(0px - var(--kk-reference-shift));
  margin-right:var(--kk-reference-shift);
  margin-bottom:31px;
}
body.kk-original--interior .kk-archive .kk-page-intro h1 {
  margin:0;
  font-family:Impact,'Arial Narrow','Liberation Sans Narrow',Arial,sans-serif;
  font-stretch:condensed;
  font-size:24px;
  line-height:1.14;
  font-weight:800;
  letter-spacing:0;
  color:#f3eeed;
}
body.kk-original--interior .kk-archive .kk-period-nav {
  position:absolute;top:4px;right:0;bottom:auto;
  justify-content:flex-end;gap:7px;
}
body.kk-original--interior .kk-archive .kk-period-nav a {font-size:10px;color:#e7dbd3;opacity:.8}
body.kk-original--interior .kk-archive .kk-period-nav a:hover,
body.kk-original--interior .kk-archive .kk-period-nav a.is-active {opacity:1}
body.kk-original--interior .kk-archive .kk-event-card {
  grid-template-columns:330px minmax(0,1fr);
  gap:44px;
  margin:0 0 27px;
  padding:0;
  border:0;
  align-items:start;
}
body.kk-original--interior .kk-archive .kk-event-card__media {
  width:330px;
  max-width:100%;
  aspect-ratio:1.42;
  background:rgba(58,44,38,.45);
}
body.kk-original--interior .kk-archive .kk-event-card__image {object-fit:cover}
body.kk-original--interior .kk-archive .kk-event-card__body {padding:2px 0 0}
body.kk-original--interior .kk-archive .kk-event-card__title {
  font-family:'Eurostile','Microgramma','Century Gothic','Trebuchet MS',Arial,sans-serif;
  color:#e97828;
  font-size:20px;
  line-height:1.15;
  font-weight:400;
  margin:0 0 5px;
  letter-spacing:.006em;
}
body.kk-original--interior .kk-archive .kk-event-card__text {
  color:#d1c5bf;
  font-family:Arial,Helvetica,sans-serif;
  font-size:10px;
  line-height:1.31;
  margin:0 0 11px;
}
body.kk-original--interior .kk-archive .kk-event-card__details,
body.kk-original--interior .kk-archive .kk-dates,
body.kk-original--interior .kk-archive .kk-event-card__venue,
body.kk-original--interior .kk-archive .kk-event-card__duration {
  color:#d6cbc5;
  font-size:12px;
  line-height:1.20;
  font-weight:700;
}
body.kk-original--interior .kk-archive .kk-event-card__venue {margin-top:7px}
body.kk-original--interior .kk-archive .kk-event-card__actions {margin-top:12px}
body.kk-original--interior .kk-archive .kk-ticket {color:#e97828!important;font-size:12px}
body.kk-original--interior .kk-archive .kk-ticket--soldout {color:#f2261b!important}
body.kk-original--interior .kk-footer {
  background:rgba(27,19,19,.45);
  border-top:4px double rgba(219,207,206,.50);
}
body.kk-original--interior .kk-footer__contact {padding-top:26px}
@media (max-width:1100px) {
  body.kk-original--interior .kk-archive .kk-content__inner {transform:none;width:min(calc(100% - 38px),930px)}
  body.kk-original--interior .kk-archive .kk-page-intro {margin-left:0;margin-right:0}
}
@media (max-width:800px) {
  body.kk-original--interior .kk-archive .kk-event-card {grid-template-columns:minmax(185px,36%) minmax(0,1fr);gap:24px}
  body.kk-original--interior .kk-archive .kk-event-card__media {width:100%}
  body.kk-original--interior .kk-archive .kk-event-card__title {font-size:18px}
  body.kk-original--interior .kk-archive .kk-event-card__text {font-size:11px;line-height:1.48}
  body.kk-original--interior .kk-archive .kk-period-nav {position:static;justify-content:center;margin-top:10px}
}
@media (max-width:620px) {
  body.kk-original--interior .kk-header {height:132px}
  body.kk-original--interior .kk-archive .kk-page-intro {margin-bottom:22px}
  body.kk-original--interior .kk-archive .kk-event-card {display:flex;flex-direction:column;gap:12px;margin-bottom:36px}
  body.kk-original--interior .kk-archive .kk-event-card__media {width:100%;aspect-ratio:1.5}
  body.kk-original--interior .kk-archive .kk-event-card__title {font-size:21px}
  body.kk-original--interior .kk-archive .kk-event-card__text {font-size:14px;line-height:1.5}
  body.kk-original--interior .kk-archive .kk-dates,
  body.kk-original--interior .kk-archive .kk-event-card__venue,
  body.kk-original--interior .kk-archive .kk-event-card__duration,
  body.kk-original--interior .kk-archive .kk-ticket {font-size:13px;line-height:1.45}
  body.kk-original--interior .kk-background__frame {background-size:auto 100%;background-repeat:no-repeat}
}

/* v1.3 final screenshot alignment: don't force all theatre posters to the same crop.
   Natural poster ratios reproduce the original page's varying row heights. */
@media (min-width:801px) {
  body.kk-original--interior .kk-archive .kk-event-card__media {
    height:auto;
    aspect-ratio:auto;
    max-height:none;
    overflow:visible;
  }
  body.kk-original--interior .kk-archive .kk-event-card__image {
    width:100%;
    height:auto;
    object-fit:contain;
  }
  body.kk-original--interior .kk-archive .kk-event-card:first-child { margin-bottom:47px; }
}

/* Keep the reference page's compact two-line footer on desktop. */
@media (min-width:801px) {
 body.kk-original--interior .kk-archive .kk-content__inner {padding-bottom:12px}
 body.kk-original--interior .kk-footer__contact {padding:8px 15px 5px}
 body.kk-original--interior .kk-footer__identity {min-height:42px;padding:5px 12px 6px}
}

/* Static event photos are not interactive when detail pages are disabled. */
.kk-event-card__media:not(a):hover .kk-event-card__image{transform:none}
.kk-event-card__media:not(a) .kk-event-card__image{transition:none}


/* v1.5 – DESIGN ONLY: Michroma, original fullscreen menu and restrained footer.
   All event content, archive dates and plugin interfaces remain untouched. */
:root {--kk-brand-font: 'Michroma','Eurostile','Century Gothic',sans-serif;}

/* Use the original's futuristic narrow-square display face on headings and UI,
   and keep long event descriptions in their legible Arial family. */
body.kk-original .kk-event-card__title,
body.kk-original--interior .kk-archive .kk-event-card__title {
  font-family:var(--kk-brand-font);font-size:16px;font-weight:400;
  line-height:1.32;letter-spacing:-.015em;
}
body.kk-original .kk-home__actions a,
body.kk-original .kk-home__contact,
body.kk-original .kk-footer__contact,
body.kk-original .kk-footer__identity,
body.kk-original .kk-nav a {font-family:var(--kk-brand-font);font-weight:400;}
body.kk-original .kk-page-intro h1,
body.kk-original--interior .kk-archive .kk-page-intro h1 {
  font-family:Impact,'Arial Narrow','Liberation Sans Narrow',Arial,sans-serif;
  font-size:24px;font-weight:800;letter-spacing:0;
}

/* Original navigation: full-viewport dark translucent veil (not a dropdown).
   The toggle is always at the upper-left corner and morphs into a close X. */
body.kk-original .kk-header {z-index:100;}
body.kk-original .kk-nav {
  display:flex;align-items:flex-start;justify-content:center;
  position:fixed;inset:0;top:0;left:0;right:0;bottom:0;
  z-index:990;min-width:0;max-width:none;width:100vw;height:100dvh;
  margin:0;padding:0;border:0;border-radius:0;box-shadow:none;
  background:rgba(78,61,55,.91);backdrop-filter:none;
  opacity:0;visibility:hidden;pointer-events:none;
  transition:opacity .18s ease,visibility .18s ease;
  overflow-y:auto;overscroll-behavior:contain;
}
body.kk-original .kk-nav.is-open {
  display:flex;opacity:1;visibility:visible;pointer-events:auto;
}
body.kk-original .kk-nav__items {
  display:flex;flex-direction:column;align-items:center;justify-content:flex-start;
  width:100%;max-width:100%;gap:20px;
  margin:0;padding:56px 20px 46px;list-style:none;
}
body.kk-original .kk-nav__items > li {
  width:auto;max-width:100%;margin:0;padding:0;text-align:center;
}
body.kk-original .kk-nav__items > li:first-child {margin-bottom:29px;}
body.kk-original .kk-nav__items a {
  display:inline-block;max-width:100%;padding:4px 8px;
  font-family:var(--kk-brand-font);font-size:23px;font-weight:400;
  line-height:1.36;letter-spacing:-.04em;text-transform:none;
  color:#f5f2f1;text-decoration:none;border:0!important;
  background:transparent!important;box-shadow:none!important;
  white-space:normal;overflow-wrap:anywhere;
  transition:color .18s ease;
}
body.kk-original .kk-nav__items a:hover,
body.kk-original .kk-nav__items a.is-active,
body.kk-original .kk-nav__items .current-menu-item > a,
body.kk-original .kk-nav__items a:focus-visible {
  color:#fff;background:transparent!important;text-decoration:underline;
  text-decoration-thickness:1px;text-underline-offset:6px;
}
body.kk-original .kk-nav-toggle {
  position:fixed;left:9px;top:7px;z-index:1000;
  width:30px;height:30px;padding:4px 0;border:0;background:transparent;
  display:flex;flex-direction:column;align-items:center;justify-content:space-between;
}
body.kk-original .kk-nav-toggle span {width:28px;height:2px;flex:none;
  background:#fff;transform-origin:center;transition:transform .15s ease,opacity .15s ease;
}
body.kk-original .kk-nav-toggle.is-active span:first-child {transform:translateY(10px) rotate(45deg)}
body.kk-original .kk-nav-toggle.is-active span:nth-child(2) {opacity:0}
body.kk-original .kk-nav-toggle.is-active span:last-child {transform:translateY(-10px) rotate(-45deg)}
body.kk-menu-open {overflow:hidden;}
body.kk-original.kk-menu-open .kk-site-wrap {z-index:100001;}
@media (min-width:783px) {
  body.kk-original.admin-bar.kk-menu-open #wpadminbar {visibility:hidden;}
}

/* Logo remains the exact supplied transparent PNG, without replacement text.
   Center it just like the reference (including on event/archive pages). */
body.kk-original .kk-brand {box-shadow:none;background:transparent;}
body.kk-original--interior .kk-header {height:144px;}
body.kk-original--interior .kk-brand,
body.kk-original--interior .kk-brand img {width:114px;height:120px;}
body.kk-original--interior .kk-archive .kk-page-intro {margin-bottom:31px;}
body.kk-original--interior .kk-archive .kk-page-intro h1 {line-height:1.06;}

/* Footer follows the original's thin double divider and compact Michroma lines. */
body.kk-original .kk-footer {
  min-height:0;background:rgba(26,18,17,.60);
  border-top:4px double rgba(231,220,218,.55);
  color:#f5f0ed;box-shadow:none;
}
body.kk-original .kk-footer__contact {
  margin:0;padding:11px 14px 9px;
  font-family:var(--kk-brand-font);font-size:12px;
  font-weight:400;line-height:1.5;letter-spacing:-.03em;
  text-align:center;background:transparent;
  border-bottom:1px solid rgba(238,226,224,.45);
}
body.kk-original .kk-footer__identity {
  min-height:0;gap:1px;margin:0;padding:8px 10px 9px;
  font-family:var(--kk-brand-font);font-size:9px;
  line-height:1.35;letter-spacing:-.04em;font-weight:400;text-align:center;
}
body.kk-original .kk-footer__identity strong {font:inherit;letter-spacing:inherit;}
body.kk-original--interior .kk-footer__contact {padding:11px 14px 9px;}
body.kk-original--interior .kk-footer__identity {min-height:0;padding:8px 10px 9px;}
body.kk-original--home .kk-footer {min-height:0;}
body.kk-original--home .kk-footer__identity {min-height:60px;justify-content:center;}
body.kk-original--home .kk-home__contact {font-size:13px;letter-spacing:-.02em;}
body.kk-original--home .kk-home__actions a {font-size:12px;letter-spacing:-.025em;}

@media (max-width:800px) {
  body.kk-original .kk-nav__items {padding-top:60px;}
  body.kk-original .kk-nav__items a {font-size:clamp(17px,4.1vw,23px);}
  body.kk-original--interior .kk-archive .kk-event-card__title {font-size:16px;}
}
@media (max-width:620px) {
  body.kk-original--interior .kk-header {height:113px;}
  body.kk-original--interior .kk-brand,
  body.kk-original--interior .kk-brand img {width:108px;height:113px;}
  body.kk-original--interior .kk-archive .kk-event-card__title {font-size:16px;line-height:1.4;}
  body.kk-original .kk-footer__contact {font-size:11px;padding:16px 10px 10px;}
  body.kk-original .kk-footer__identity {font-size:8px;padding:9px 8px 12px;}
  body.kk-original .kk-nav__items {gap:20px;}
  body.kk-original .kk-nav__items > li:first-child {margin-bottom:25px;}
  body.kk-original--home .kk-home__actions a {font-size:12px;}
  body.kk-original--home .kk-home__contact {font-size:11px;}
}
@media (prefers-reduced-motion:reduce) {
 body.kk-original .kk-nav, body.kk-original .kk-nav-toggle span {transition:none;}
}


/* ===============================================================
   v1.6 – Lesbarkeit: bewusst deutlich groessere Schriftgroessen.
   Nur Typografie; keine Aenderung an Logo, Bildern oder Eventlogik.
   Am Ende der Datei, damit alte v1.1–1.5-Werte nicht wieder greifen.
   =============================================================== */
body.kk-original {
  font-size:16px;
}
body.kk-original .kk-page-intro h1,
body.kk-original--interior .kk-archive .kk-page-intro h1 {
  font-size:28px;
  line-height:1.18;
}
body.kk-original .kk-period-nav a,
body.kk-original--interior .kk-archive .kk-period-nav a {
  font-size:14px;
  line-height:1.4;
  padding:5px 8px;
}
body.kk-original .kk-event-card__title,
body.kk-original--interior .kk-archive .kk-event-card__title {
  font-family:var(--kk-brand-font);
  font-size:clamp(25px,1.9vw,27px);
  line-height:1.37;
  letter-spacing:-.018em;
  margin-bottom:12px;
  overflow-wrap:break-word;
}
body.kk-original .kk-event-card__text,
body.kk-original--interior .kk-archive .kk-event-card__text {
  font-family:Arial,Helvetica,sans-serif;
  font-size:16px;
  line-height:1.60;
  margin-bottom:16px;
  color:#e7dcd6;
}
body.kk-original .kk-event-card__details,
body.kk-original .kk-dates,
body.kk-original .kk-event-card__venue,
body.kk-original .kk-event-card__duration,
body.kk-original--interior .kk-archive .kk-event-card__details,
body.kk-original--interior .kk-archive .kk-dates,
body.kk-original--interior .kk-archive .kk-event-card__venue,
body.kk-original--interior .kk-archive .kk-event-card__duration {
  font-size:16px;
  line-height:1.50;
  color:#f0e6e1;
}
body.kk-original .kk-ticket,
body.kk-original--interior .kk-archive .kk-ticket,
body.kk-original .kk-more {
  font-size:16px;
  line-height:1.5;
}
body.kk-original--interior .kk-archive .kk-event-card__actions {margin-top:16px;}
body.kk-original--interior .kk-archive .kk-event-card {margin-bottom:39px;}
body.kk-original .kk-nav__items a {
  font-size:27px;
  line-height:1.46;
}
body.kk-original .kk-footer__contact,
body.kk-original--interior .kk-footer__contact {
  font-size:17px;
  line-height:1.5;
}
body.kk-original .kk-footer__identity,
body.kk-original--interior .kk-footer__identity {
  font-size:13px;
  line-height:1.45;
}
body.kk-original--home .kk-home__actions a {font-size:17px;}
body.kk-original--home .kk-home__contact {font-size:18px;}
/* Event detail pages, contact pages and other generic content remain readable. */
body.kk-original--interior .kk-page__body,
body.kk-original--interior .kk-detail__description {font-size:17px;line-height:1.75;}
body.kk-original--interior .kk-detail__aside p {font-size:16px;line-height:1.55;}
body.kk-original--interior .kk-detail__label {font-size:14px;}

@media (max-width:800px) {
  body.kk-original .kk-event-card__title,
  body.kk-original--interior .kk-archive .kk-event-card__title {font-size:24px;line-height:1.36;}
  body.kk-original .kk-nav__items a {font-size:24px;line-height:1.5;}
  body.kk-original--interior .kk-archive .kk-period-nav a {font-size:14px;}
}
@media (max-width:620px) {
  body.kk-original .kk-page-intro h1,
  body.kk-original--interior .kk-archive .kk-page-intro h1 {font-size:26px;}
  body.kk-original .kk-event-card__title,
  body.kk-original--interior .kk-archive .kk-event-card__title {font-size:23px;line-height:1.38;}
  body.kk-original .kk-event-card__text,
  body.kk-original--interior .kk-archive .kk-event-card__text {font-size:16px;line-height:1.63;}
  body.kk-original .kk-event-card__details,
  body.kk-original .kk-dates,
  body.kk-original .kk-event-card__venue,
  body.kk-original .kk-event-card__duration,
  body.kk-original--interior .kk-archive .kk-event-card__details,
  body.kk-original--interior .kk-archive .kk-dates,
  body.kk-original--interior .kk-archive .kk-event-card__venue,
  body.kk-original--interior .kk-archive .kk-event-card__duration {font-size:15px;line-height:1.6;}
  body.kk-original .kk-ticket,
  body.kk-original--interior .kk-archive .kk-ticket {font-size:16px;}
  body.kk-original .kk-nav__items a {font-size:23px;}
  body.kk-original .kk-footer__contact {font-size:15px;line-height:1.5;}
  body.kk-original .kk-footer__identity {font-size:12px;line-height:1.55;}
  body.kk-original--home .kk-home__actions a {font-size:16px;}
  body.kk-original--home .kk-home__contact {font-size:16px;}
}


/* ===============================================================
   v1.7 – Eventuebersicht breiter, Schrift nur leicht reduziert.
   Reines Design-Update: keinerlei Aenderung an Beitrags-/Eventdaten,
   Navigation, CPT, Archivausgabe, Logo oder WordPress-Funktionen.
   =============================================================== */
/* Desktop: ca. +20 % nutzbare Eventbreite gegenueber v1.6. */
body.kk-original--interior {
  --kk-reference-shift:clamp(0px,calc((100vw - 1100px) * .18),55px);
}
body.kk-original--interior .kk-archive .kk-content__inner {
  width:min(calc(100% - 56px),1120px);
}
body.kk-original--interior .kk-archive .kk-event-card {
  grid-template-columns:minmax(0,34%) minmax(0,1fr);
  column-gap:42px;
}
body.kk-original--interior .kk-archive .kk-event-card__media {
  width:100%;
  max-width:100%;
}
/* Eventtypografie: nur ca. 5–7 % kleiner als v1.6. */
body.kk-original--interior .kk-archive .kk-event-card__title {
  font-size:clamp(23px,1.76vw,25px);
  line-height:1.36;
  margin-bottom:10px;
}
body.kk-original--interior .kk-archive .kk-event-card__text {
  font-size:15px;
  line-height:1.57;
  margin-bottom:14px;
}
body.kk-original--interior .kk-archive .kk-event-card__details,
body.kk-original--interior .kk-archive .kk-dates,
body.kk-original--interior .kk-archive .kk-event-card__venue,
body.kk-original--interior .kk-archive .kk-event-card__duration,
body.kk-original--interior .kk-archive .kk-ticket {
  font-size:15px;
}
/* Zwischenbreiten: keine Verschiebung oder zu schmale Textspalte. */
@media (max-width:1100px) {
  body.kk-original--interior .kk-archive .kk-content__inner {
    width:calc(100% - 38px);
    transform:none;
  }
}
@media (max-width:800px) {
  body.kk-original--interior .kk-archive .kk-event-card {
    grid-template-columns:minmax(0,37%) minmax(0,1fr);
    column-gap:22px;
  }
  body.kk-original--interior .kk-archive .kk-event-card__title {
    font-size:22px;
  }
  body.kk-original--interior .kk-archive .kk-event-card__text {
    font-size:15px;
  }
}
@media (max-width:620px) {
  body.kk-original--interior .kk-archive .kk-content__inner {
    width:calc(100% - 32px);
  }
  body.kk-original--interior .kk-archive .kk-event-card {
    display:flex;
    flex-direction:column;
    gap:12px;
  }
  body.kk-original--interior .kk-archive .kk-event-card__title {
    font-size:22px;
    line-height:1.37;
  }
  body.kk-original--interior .kk-archive .kk-event-card__text {
    font-size:15px;
    line-height:1.6;
  }
  body.kk-original--interior .kk-archive .kk-event-card__details,
  body.kk-original--interior .kk-archive .kk-dates,
  body.kk-original--interior .kk-archive .kk-event-card__venue,
  body.kk-original--interior .kk-archive .kk-event-card__duration {
    font-size:14px;
    line-height:1.55;
  }
  body.kk-original--interior .kk-archive .kk-ticket {
    font-size:15px;
  }
}

/* Kulturkanzlei Original v1.8 – ausschliesslich Logo etwas groesser.
   Alle weiteren Design- und Event-Einstellungen bleiben wie in v1.7. */

/* Logo auf inneren Seiten (Veranstaltungen, Archiv, Kommunikation). */
body.kk-original--interior .kk-header { height:160px; }
body.kk-original--interior .kk-brand,
body.kk-original--interior .kk-brand img { width:132px; height:138px; }

/* Grosses Logo auf der Startseite. */
body.kk-original--home .kk-header { height:251px; }
body.kk-original--home .kk-brand,
body.kk-original--home .kk-brand img { width:236px; height:247px; }

/* Etwas kleiner auf Smartphones, relativ zu v1.7 dennoch ca. 15 % groesser. */
@media (max-width:620px) {
  body.kk-original--interior .kk-header { height:139px; }
  body.kk-original--interior .kk-brand,
  body.kk-original--interior .kk-brand img { width:124px; height:130px; }

  body.kk-original--home .kk-header { height:212px; }
  body.kk-original--home .kk-brand,
  body.kk-original--home .kk-brand img { width:193px; height:201px; }
}


/* v1.9 – Startseite + austauschbare Hintergrundbilder aus der WordPress-Mediathek */
body.kk-original .kk-background__frame {
  background-image:var(--kk-bg-desktop);
  background-position:var(--kk-bg-focus-desktop,center center);
}
/* On the home page the stage photo must remain colourful, not covered by
   the dark brown interior overlay used on the events page. */
body.kk-original--home .kk-background::after {
  background:linear-gradient(180deg,rgba(0,0,0,.06) 0%,transparent 54%,rgba(0,0,0,.08) 100%);
}
body.kk-original--home .kk-background__frame {
  inset:0;
  transform:none;
  background-size:cover;
  background-repeat:no-repeat;
}
/* Only the Events button remains, aligned with the full-screen stage image. */
body.kk-original--home .kk-home__actions {
  gap:0;
  flex-wrap:nowrap;
}
body.kk-original--home .kk-home__actions a {
  min-width:240px;
}
/* The email is deliberately stored in separate HTML span elements. CSS
   generates the @ sign; JS opens the mail client on click or keyboard. */
body.kk-original .kk-protected-email {
  display:inline;
  cursor:pointer;
  text-decoration:none;
  overflow-wrap:anywhere;
}
body.kk-original .kk-protected-email:hover {
  text-decoration:underline;
  text-underline-offset:3px;
}
body.kk-original .kk-protected-email:focus-visible {
  border-radius:2px;
  outline:2px solid #fff;
  outline-offset:3px;
}
body.kk-original .kk-protected-email__at::before {content:"\40";}
@media (max-width:767px) {
  body.kk-original .kk-background__frame {
    background-image:var(--kk-bg-mobile,var(--kk-bg-desktop));
    background-position:var(--kk-bg-focus-mobile,center center);
  }
  body.kk-original--interior .kk-background__frame {
    background-size:cover;
    background-repeat:no-repeat;
  }
  body.kk-original--home .kk-home__actions a {
    width:min(100%,300px);
    min-width:0;
  }
}


/* ===============================================================
   v1.10 – event rows: align heading with top image edge and add
   breathing room. Also improve page heading legibility.
   No changes to event content, CPT logic or image dimensions.
   =============================================================== */
body.kk-original--interior .kk-archive .kk-event-card__body {
  padding-top:0;
}
/* Michroma has pronounced built-in ascent spacing; a small optical
   adjustment aligns the visible title with the photo's top edge. */
body.kk-original--interior .kk-archive .kk-event-card__title {
  margin-top:-6px;
}
body.kk-original--interior .kk-archive .kk-event-card,
body.kk-original--interior .kk-archive .kk-event-card:first-child {
  margin-bottom:68px;
}
body.kk-original--interior .kk-archive .kk-event-card:last-child {
  margin-bottom:0;
}
/* Replace narrow condensed heading with a readable branded typeface. */
body.kk-original--interior .kk-archive .kk-page-intro h1 {
  font-family:var(--kk-brand-font);
  font-size:clamp(22px,2.1vw,28px);
  line-height:1.27;
  font-weight:400;
  letter-spacing:0;
  color:#fffaf5;
  text-shadow:0 1px 3px rgba(0,0,0,.3);
}
@media (max-width:800px) {
  body.kk-original--interior .kk-archive .kk-event-card,
  body.kk-original--interior .kk-archive .kk-event-card:first-child {
    margin-bottom:54px;
  }
}
@media (max-width:620px) {
  /* Image and text are stacked on phones; maintain breathing room. */
  body.kk-original--interior .kk-archive .kk-event-card__title {
    margin-top:0;
  }
  body.kk-original--interior .kk-archive .kk-event-card,
  body.kk-original--interior .kk-archive .kk-event-card:first-child {
    margin-bottom:48px;
  }
  body.kk-original--interior .kk-archive .kk-page-intro h1 {
    font-size:clamp(20px,5.3vw,25px);
  }
}


/* ================================================================
   v1.11 – Ticketvorverkauf als gut sichtbarer "Tickets"-Button.
   Gilt fuer die Eventuebersicht und die Eventdetailseite.
   "Ausverkauft" bleibt eine Textmeldung, keine klickbare Flaeche.
   ================================================================ */
body.kk-original a.kk-ticket.kk-ticket--button,
body.kk-original--interior .kk-archive a.kk-ticket.kk-ticket--button {
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  box-sizing:border-box;
  min-width:132px;
  min-height:42px;
  margin:0;
  padding:10px 20px;
  border:1px solid #e97828 !important;
  border-radius:4px;
  background:#e97828 !important;
  box-shadow:none !important;
  color:#221914 !important;
  font-family:var(--kk-brand-font,"Michroma",Arial,sans-serif);
  font-size:13px;
  font-weight:700;
  line-height:1.25;
  letter-spacing:.025em;
  text-align:center;
  text-decoration:none !important;
  text-transform:none;
  cursor:pointer;
  transition:background-color .18s ease,border-color .18s ease,transform .18s ease;
}
body.kk-original a.kk-ticket.kk-ticket--button:hover,
body.kk-original--interior .kk-archive a.kk-ticket.kk-ticket--button:hover {
  background:#ffad6a !important;
  border-color:#ffad6a !important;
  color:#221914 !important;
  transform:translateY(-1px);
}
body.kk-original a.kk-ticket.kk-ticket--button:focus-visible,
body.kk-original--interior .kk-archive a.kk-ticket.kk-ticket--button:focus-visible {
  outline:3px solid #ffffff;
  outline-offset:3px;
}
@media(max-width:620px) {
  body.kk-original a.kk-ticket.kk-ticket--button,
  body.kk-original--interior .kk-archive a.kk-ticket.kk-ticket--button {
    min-width:124px;
    min-height:44px;
    padding:10px 18px;
    font-size:13px;
  }
}
@media(prefers-reduced-motion:reduce) {
  body.kk-original a.kk-ticket.kk-ticket--button,
  body.kk-original--interior .kk-archive a.kk-ticket.kk-ticket--button {
    transition:none;
  }
}


/* v1.12 – Tickets-Button: etwas breiter, etwas flacher, mit kleinem Pfeil. */
body.kk-original a.kk-ticket.kk-ticket--button,
body.kk-original--interior .kk-archive a.kk-ticket.kk-ticket--button {
  min-width:154px;
  min-height:36px;
  padding:8px 18px;
  gap:10px;
  border-radius:4px;
}
body.kk-original a.kk-ticket.kk-ticket--button .kk-ticket__label,
body.kk-original--interior .kk-archive a.kk-ticket.kk-ticket--button .kk-ticket__label {
  display:inline-block;
}
body.kk-original a.kk-ticket.kk-ticket--button .kk-ticket__icon,
body.kk-original--interior .kk-archive a.kk-ticket.kk-ticket--button .kk-ticket__icon {
  display:inline-block;
  font-size:14px;
  line-height:1;
  transform:translateY(-1px);
}
@media(max-width:620px) {
  body.kk-original a.kk-ticket.kk-ticket--button,
  body.kk-original--interior .kk-archive a.kk-ticket.kk-ticket--button {
    min-width:146px;
    min-height:36px;
    padding:8px 16px;
    gap:9px;
  }
}
