/*
Theme Name: CULTIC Punk Exact V4
Theme URI: https://www.cultic.ch
Author: CULTIC
Description: Dunkles, kompaktes Punk-Rock WordPress Theme fuer CULTIC, eng nach dem freigegebenen Mockup umgesetzt.
Version: 1.4.0
Text Domain: cultic-punk
*/
@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Permanent+Marker&display=swap');
:root{--bg:#030303;--panel:#070707;--red:#ed1c24;--red2:#b60810;--white:#f4f1ea;--muted:#bcbcbc;--line:#252525;--max:1460px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#020202;color:var(--white);font-family:Arial,Helvetica,sans-serif;line-height:1.38;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;z-index:9999;pointer-events:none;opacity:.12;background-image:radial-gradient(rgba(255,255,255,.28) .45px,transparent .7px),radial-gradient(rgba(237,28,36,.15) .45px,transparent .8px);background-size:4px 4px,8px 8px;background-position:0 0,2px 3px;mix-blend-mode:screen}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}.wrap{width:min(var(--max),calc(100% - 54px));margin:auto}.muted{color:#8d8d8d}.red{color:var(--red)}h1,h2,h3,.menu a,.eyebrow,.btn,.concert-date,.footer-title,.text-link,.gallery-social{font-family:"Bebas Neue",Impact,"Arial Narrow",sans-serif;text-transform:uppercase;letter-spacing:.045em}
.site-header{height:84px;background:#020202;border-bottom:1px solid #171717;position:relative;z-index:50}.nav{height:84px;display:flex;align-items:center;gap:34px}.brand{display:flex;align-items:center;margin-right:auto;min-width:300px;height:100%}.brand-wordmark{width:190px;height:68px;object-fit:contain;object-position:left center;filter:drop-shadow(2px 3px 0 rgba(255,255,255,.07))}.brand-skull{width:58px;height:58px;object-fit:cover;border-radius:50%;margin-left:2px;filter:drop-shadow(0 0 8px rgba(237,28,36,.35))}.menu{display:flex;align-items:stretch;height:100%;gap:39px}.menu a{font-size:18px;height:100%;display:flex;align-items:center;border-bottom:3px solid transparent;padding-top:4px}.menu a:hover,.menu .current-menu-item>a{color:var(--red);border-bottom-color:var(--red)}.social-mini{display:flex;gap:18px;align-items:center;font-weight:800;font-size:20px}.social-mini a:hover{color:var(--red)}.menu-toggle{display:none;background:#0b0b0b;border:1px solid #343434;color:#fff;border-radius:10px;font-size:20px;padding:7px 11px}
.hero{position:relative;min-height:470px;overflow:hidden;border-bottom:1px solid #242424;background:radial-gradient(circle at 69% 43%,rgba(237,28,36,.12),transparent 31%),linear-gradient(180deg,#060606,#020202)}.hero-wall{position:absolute;inset:0;opacity:.37;background-image:linear-gradient(90deg,transparent 0 93%,rgba(255,255,255,.045) 94% 96%,transparent 97%),linear-gradient(0deg,transparent 0 88%,rgba(255,255,255,.038) 89% 92%,transparent 93%),radial-gradient(circle at 30% 35%,rgba(255,255,255,.05),transparent 27%);background-size:84px 42px,84px 42px,100% 100%;filter:contrast(1.4)}.hero-wall:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.25),transparent 20%,transparent 80%,rgba(0,0,0,.22)),repeating-linear-gradient(174deg,transparent 0 16px,rgba(255,255,255,.015) 17px 18px)}.hero-tag{position:absolute;z-index:1;color:#4a4a4a;font:400 34px/1 "Bebas Neue";opacity:.48;letter-spacing:.03em}.hero-tag-left{left:27px;top:66px;transform:rotate(-3deg)}.hero-tag-right{right:30px;bottom:62px;transform:rotate(5deg)}.hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:1.55fr .9fr;align-items:center;min-height:470px;padding:20px 0 30px}.hero-copy{padding-left:8.7%;position:relative;z-index:3}.eyebrow{display:inline-block;background:linear-gradient(180deg,#ef252d,#c10d15);padding:9px 24px;border-radius:3px;transform:rotate(-5deg);font-size:23px;box-shadow:10px 8px 0 rgba(93,0,0,.23);position:relative;margin-left:12px}.eyebrow:before,.eyebrow:after{content:"";position:absolute;background:var(--red);width:4px;bottom:-27px;border-radius:4px}.eyebrow:before{height:29px;left:32px}.eyebrow:after{height:17px;left:46px}.hero-wordmark-wrap{width:min(760px,100%);margin-top:-1px;position:relative}.hero-wordmark{display:block;width:100%;height:auto;filter:drop-shadow(3px 5px 0 rgba(255,255,255,.03));transform:rotate(-1.2deg)}.paint-underline{position:absolute;left:15%;right:0;bottom:4px;height:24px;background:#f0ede7;clip-path:polygon(0 63%,14% 42%,36% 62%,60% 28%,100% 49%,100% 63%,64% 47%,39% 79%,15% 58%,0 86%);transform:rotate(-3deg);opacity:.96}.hero-sub{text-align:center;max-width:690px;margin:-4px 0 0 11%;font-size:24px;letter-spacing:.22em;color:#eee;text-transform:uppercase}.hero-intro{max-width:690px;margin:4px 0 0 11%;color:#cfcfcf;font-size:13px;text-align:center}.hero-intro:empty{display:none}.hero-intro p{margin:3px 0}.hero-actions{display:flex;justify-content:center;gap:18px;flex-wrap:wrap;margin:14px 0 0 8%}.btn{display:inline-flex;align-items:center;justify-content:center;gap:11px;min-height:44px;padding:0 23px;border-radius:14px;border:1px solid #999;background:#0b0b0b;color:#fff;font-size:17px;box-shadow:0 7px 18px rgba(0,0,0,.33);transition:.18s ease}.btn:hover{transform:translateY(-2px);border-color:#fff}.btn-primary{background:linear-gradient(180deg,#f0232b,#b90810);border-color:#d71119}.btn-primary:hover{background:#ef1d26}.btn-dark{background:rgba(8,8,8,.9)}.circle-icon{font-size:12px}.hero-logo{position:relative;display:grid;place-items:center;align-self:center;min-height:390px}.hero-logo img{position:relative;z-index:3;width:min(430px,88%);aspect-ratio:1;object-fit:cover;border-radius:50%;filter:drop-shadow(0 17px 25px #000);mix-blend-mode:screen}.burst{position:absolute;width:118%;aspect-ratio:1;background:repeating-conic-gradient(from 1deg,rgba(237,28,36,.63) 0 2.5deg,transparent 2.5deg 8.5deg);clip-path:circle(47%);opacity:.58;transform:rotate(9deg)}.splatter{position:absolute;z-index:1;border-radius:50%;background:var(--red);filter:blur(.2px);opacity:.58}.splatter-a{width:9px;height:9px;right:12%;top:17%;box-shadow:34px 14px 0 -2px var(--red),-23px -7px 0 -3px var(--red),48px 48px 0 -3px var(--red),-40px 42px 0 -2px var(--red)}.splatter-b{width:5px;height:5px;left:8%;bottom:22%;box-shadow:23px -20px 0 1px var(--red),44px 8px 0 -1px var(--red),-16px 17px 0 0 var(--red)}.scroll-mark{position:absolute;z-index:3;bottom:6px;left:50%;font-size:34px;line-height:1;animation:bob 1.4s ease-in-out infinite}
.home-main{background:#030303}.section-tight{padding:0;border-bottom:1px solid var(--line)}.home-columns{display:grid;grid-template-columns:1.04fr 1fr 1.34fr;gap:0}.home-panel{padding:17px 28px 12px;border-right:1px solid var(--line);min-width:0}.home-panel:first-child{padding-left:0}.home-panel:last-child{border-right:0;padding-right:0}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:8px}.section-title{font:400 30px/1 "Permanent Marker",Impact,sans-serif;letter-spacing:-.045em;margin:0;transform:rotate(-2deg);position:relative;text-transform:uppercase}.section-title:after{content:"";position:absolute;height:2px;background:var(--red);width:93%;left:0;bottom:-4px;transform:rotate(-1deg)}.text-link{font-size:12px;color:#eee}.text-link:hover{color:var(--red)}.news-list{display:grid;gap:7px}.news-item{display:grid;grid-template-columns:118px 1fr;gap:14px;padding:3px 0}.news-item img,.news-thumb{width:118px;height:72px;object-fit:cover;border:1px solid #383838;filter:grayscale(1) contrast(1.15);background:#101010}.skull-placeholder{display:grid;place-items:center;font-size:34px;color:#eee}.news-item h3{font:400 18px/1.08 "Bebas Neue",Impact,sans-serif;letter-spacing:.04em;color:var(--red);margin:1px 0 3px}.news-item p{margin:0;color:#e0e0e0;font-size:13px;line-height:1.22}.news-item time{font-size:11px;color:#ddd}.music-card{background:transparent;border:0;padding:0}.music-card>img{display:block;width:100%;max-width:330px;aspect-ratio:1.15;object-fit:cover;border:1px solid #555;filter:grayscale(.2) contrast(1.08)}.album-placeholder{position:relative;width:100%;max-width:330px;aspect-ratio:1.15;background:radial-gradient(circle at 50% 58%,#3a0f14,#070707 64%);border:1px solid #555;overflow:hidden}.album-placeholder:before{content:"";position:absolute;inset:-10%;background:repeating-conic-gradient(rgba(237,28,36,.65) 0 3deg,transparent 3deg 12deg);opacity:.45}.album-wordmark{position:absolute;z-index:3;left:9%;top:5%;width:82%;filter:drop-shadow(2px 2px 0 #000)}.album-skull{position:absolute;z-index:2;left:24%;top:29%;width:52%;border-radius:50%;mix-blend-mode:screen}.album-caption{position:absolute;bottom:7px;left:0;right:0;z-index:3;text-align:center;font:400 18px/1 "Bebas Neue";letter-spacing:.17em}.music-card h3{font-size:19px;margin:6px 0 0}.music-card p{font-size:12px;color:#ddd;margin:2px 0 7px}.btn-small{min-height:34px;padding:0 14px;border-radius:10px;font-size:14px}.concert-list{display:grid}.concert{display:grid;grid-template-columns:89px 1fr;gap:17px;align-items:center;padding:8px 0;border-bottom:1px solid #242424}.concert:last-child{border-bottom:0}.concert-date{border:1px solid #777;border-radius:6px;padding:8px 6px;text-align:center;font-size:36px;line-height:.8;background:#080808}.concert-date span{display:block;margin-top:7px;color:var(--red);font-size:21px}.concert h3{font-size:19px;margin:0 0 2px}.concert p{font-size:12px;margin:0;color:#ddd}.concert a{font-size:12px;color:var(--red);margin-top:4px;display:inline-block}.gallery-section{padding:8px 0 7px;background:#030303;border-bottom:1px solid #222}.gallery-head{margin-bottom:7px}.gallery-social{font-size:15px}.gallery-social span{font-size:23px;margin-left:8px}.gallery-content .wp-block-gallery,.gallery-content .gallery{gap:5px!important;margin:0!important}.gallery-content img{filter:grayscale(1) contrast(1.17);border:1px solid #444}.gallery-demo{display:grid;grid-template-columns:repeat(5,1fr);gap:5px}.demo-shot{aspect-ratio:1.8;background:radial-gradient(circle at 50% 18%,#7d7d7d 0,#252525 17%,#070707 58%),linear-gradient(135deg,#111,#444);border:1px solid #444;display:grid;place-items:end center;overflow:hidden;position:relative;filter:grayscale(1)}.demo-shot:before{content:"";position:absolute;inset:20% 0 0;background:repeating-radial-gradient(ellipse at bottom,#bbb 0 2px,transparent 3px 16px);opacity:.4}.demo-shot span{position:relative;z-index:2;font:400 19px "Permanent Marker";margin-bottom:9px}
.site-footer{background:#020202;padding:9px 0 7px}.footer-grid{display:grid;grid-template-columns:1.15fr .45fr 1.2fr .9fr;gap:27px;align-items:center}.footer-slogan{font:400 27px/1.04 "Permanent Marker",Impact,sans-serif;text-transform:uppercase;transform:rotate(-2deg)}.footer-slogan .red{display:block}.footer-skull img{width:98px;border-radius:50%;mix-blend-mode:screen;filter:drop-shadow(0 0 8px rgba(237,28,36,.2))}.footer-title{font-size:19px}.site-footer p{font-size:12px;color:#bbb;margin:2px 0 6px}.newsletter-fake{display:flex;align-items:center;justify-content:space-between;border:1px solid #444;border-radius:7px;overflow:hidden;height:33px;color:#666;font-size:11px;padding-left:10px}.newsletter-fake b{height:100%;width:41px;background:var(--red);display:grid;place-items:center;color:#fff}.footer-social{display:flex;gap:17px;font-size:18px}.copyright{border-top:1px solid #1f1f1f;margin-top:7px;padding-top:6px;text-align:center;color:#777;font-size:10px}.copyright a:hover{color:var(--red)}
.page-hero{padding:46px 0 27px;background:#050505;border-bottom:1px solid var(--line)}.page-hero h1{font-size:clamp(4rem,10vw,8rem);margin:0}.content{padding:34px 0 48px}.editor-content a{color:var(--red);text-decoration:underline}.post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.post-card{background:#090909;border:1px solid var(--line)}.post-card img{width:100%;aspect-ratio:16/10;object-fit:cover}.post-card-body{padding:18px}.contact-form{max-width:760px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field.full{grid-column:1/-1}.field label{display:block;font-family:"Bebas Neue";font-size:16px;margin-bottom:5px}.field input,.field textarea{width:100%;padding:13px 14px;background:#0b0b0b;color:#fff;border:1px solid #333;border-radius:12px;font:inherit}.field textarea{min-height:150px}.notice{padding:13px 16px;background:#111;border-left:4px solid var(--red);margin-bottom:20px}.hp{position:absolute;left:-9999px}@keyframes bob{50%{transform:translateY(5px)}}
@media(max-width:1120px){.menu{gap:20px}.menu a{font-size:16px}.brand{min-width:235px}.brand-wordmark{width:165px}.brand-skull{width:51px;height:51px}.hero-copy{padding-left:2%}.hero-grid{grid-template-columns:1.3fr .8fr}.hero-sub,.hero-intro{margin-left:6%}.hero-actions{margin-left:3%}.home-columns{grid-template-columns:1fr 1fr}.concerts-panel{grid-column:1/-1;border-top:1px solid var(--line);padding-left:0}.home-panel:nth-child(2){border-right:0}.footer-grid{grid-template-columns:1fr .35fr 1fr 1fr}}
@media(max-width:820px){.social-mini{display:none}.menu-toggle{display:block}.menu{display:none;position:absolute;top:84px;left:0;right:0;height:auto;background:#050505;border-bottom:1px solid #333;padding:10px 28px 16px;flex-direction:column;gap:0}.menu.open{display:flex}.menu a{height:auto;padding:10px 0}.hero-grid{grid-template-columns:1fr;min-height:590px}.hero-copy{z-index:3}.hero-logo{position:absolute;right:-90px;bottom:-5px;opacity:.32}.hero-logo img{width:430px}.burst{width:500px}.hero-sub{text-align:left;margin-left:0}.hero-intro{margin-left:0;text-align:left}.hero-actions{justify-content:flex-start;margin-left:0}.paint-underline{left:8%}.home-columns{grid-template-columns:1fr}.home-panel,.home-panel:first-child,.home-panel:last-child{padding:17px 0;border-right:0;border-bottom:1px solid var(--line)}.gallery-demo{grid-template-columns:repeat(3,1fr)}.footer-grid{grid-template-columns:1.2fr .5fr 1fr}.footer-contact{grid-column:1/-1}.post-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.wrap{width:min(var(--max),calc(100% - 28px))}.site-header,.nav{height:68px}.menu{top:68px}.brand{min-width:0}.brand-wordmark{width:128px;height:52px}.brand-skull{width:42px;height:42px}.hero{min-height:515px}.hero-grid{min-height:515px;padding-top:15px}.hero-tag{display:none}.eyebrow{font-size:17px;padding:8px 16px}.hero-wordmark-wrap{width:108%;margin-left:-4%}.paint-underline{height:18px}.hero-sub{font-size:17px;letter-spacing:.14em}.btn{font-size:15px;min-height:41px;padding:0 16px}.hero-logo{right:-142px;bottom:-7px}.hero-logo img{width:375px}.home-panel{padding:13px 0}.section-title{font-size:26px}.news-item{grid-template-columns:92px 1fr}.news-item img,.news-thumb{width:92px;height:64px}.concert{grid-template-columns:72px 1fr}.concert-date{font-size:29px}.gallery-demo{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr .4fr;gap:14px}.footer-newsletter,.footer-contact{grid-column:1/-1}.footer-slogan{font-size:23px}.post-grid,.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}}