/* eventMa Theme - Design "Abzug und Etikett". Komponenten aus Startseite Variante E. */
html,body{overflow-x:clip}
.ev{--papier:#fff6ec;--weiss:#fff;--tinte:#2b2d42;--text2:#55586e;--orange:#f17c20;--rot:#e2574c;--blau:#2f73bd;--mint:#4eba9a;--sonne:#ffcf5c;--orange-hell:#ffeedd;--blau-hell:#e8f1fb;--mint-hell:#e6f6f0;--sonne-hell:#fff4d4;--linie:rgba(43,45,66,.12);--r-knopf:10px;
font-family:Mulish,Helvetica,Arial,sans-serif;color:var(--tinte);font-size:17px;line-height:1.6;
width:100vw!important;max-width:100vw!important;margin-left:calc(50% - 50vw)!important;margin-right:calc(50% - 50vw)!important;margin-block:0!important;box-sizing:border-box;-webkit-font-smoothing:antialiased}
.ev *,.ev *:before,.ev *:after{box-sizing:border-box}
:where(.ev) :where(h1,h2,h3,p,ul,ol,li,figure,address){margin:0;padding:0}
:where(.ev) :where(h1,h2,h3){font-family:inherit;color:inherit;letter-spacing:-.02em}
.ev a{color:inherit}
.ev img{display:block;max-width:100%;height:auto}
.ev :focus-visible{outline:3px solid var(--orange);outline-offset:3px;border-radius:4px}
.ev-in{max-width:1200px;margin:0 auto;padding:0 24px}
.ev-sec{padding:104px 0}
.ev-papier{background:var(--papier)}
.ev-weiss{background:var(--weiss)}
.ev-h2{font-size:clamp(30px,3.6vw,46px);line-height:1.1;font-weight:900;max-width:16ch}
.ev-lead{font-size:clamp(17px,1.5vw,19px);color:var(--text2);max-width:58ch}
.ev-kopf{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px 64px;align-items:end;margin-bottom:56px}
/* Etikett */
.ev-tag{display:inline-block;padding:.04em .32em .08em;border-radius:.16em;font-weight:900;line-height:1.15;transform:rotate(-2deg);color:#fff;background:var(--blau)}
.ev-tag.o{background:var(--orange)}.ev-tag.r{background:var(--rot)}.ev-tag.m{background:var(--mint);color:var(--tinte)}
.ev-tag.schief{transform:rotate(1.5deg)}
/* Knoepfe */
.ev-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 26px;border-radius:var(--r-knopf);font-weight:800;font-size:16px;line-height:1.2;text-decoration:none!important;border:0;cursor:pointer;font-family:inherit;background:var(--orange);color:var(--tinte)!important;box-shadow:0 3px 0 #c55e0e}
.ev-btn:hover{background:#f68d3a}
.ev-btn:active{transform:translateY(2px);box-shadow:0 1px 0 #c55e0e}
.ev-btn.t{background:var(--blau);color:#fff!important;box-shadow:0 3px 0 #1f5490}
.ev-btn.t:hover{background:#3a82cf}
.ev-btn.w{background:#fff;color:var(--tinte)!important;box-shadow:0 3px 0 rgba(43,45,66,.25)}
.ev-rating{display:block;width:min(440px,100%)}
.ev-rating .eventma-gb-rating{color:var(--tinte)!important}
.ev-link{font-weight:800;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px;text-decoration-color:var(--orange)}
.ev-link:hover{text-decoration-color:var(--tinte)}
/* Abzug */
.ev-abzug{background:#fff;padding:8px 8px 30px;box-shadow:0 1px 1px rgba(43,45,66,.08),0 16px 32px -14px rgba(43,45,66,.38);transform:rotate(var(--dreh,0deg))}
.ev-abzug img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:2px;background:#eee}
/* Preisliste */
.ev-preise{list-style:none;margin:0;padding:0}
.ev-preise li{margin:0;padding:0}
.ev-preise a{display:flex;align-items:baseline;gap:10px;padding:9px 0;text-decoration:none!important;font-weight:700;font-size:16px}
.ev-preise a:after{content:"";order:2;flex:1;border-bottom:2px dotted rgba(43,45,66,.28);transform:translateY(-4px)}
.ev-preise .n{order:1}
.ev-preise .p{order:3;white-space:nowrap;font-variant-numeric:tabular-nums;font-weight:900}
.ev-preise a:hover .n{text-decoration:underline;text-decoration-color:var(--orange);text-decoration-thickness:2px;text-underline-offset:3px}
@media(max-width:900px){.ev-kopf{grid-template-columns:1fr;align-items:start;margin-bottom:40px}.ev-sec{padding:72px 0}}
@media(max-width:767px){.ev{font-size:16px}.ev-in{padding:0 16px}.ev-sec{padding:60px 0}}


.ev-head{position:sticky;top:var(--wp-admin--admin-bar--height,0px);z-index:50;border-bottom:1px solid var(--linie)}
.ev-head:before{content:"";position:absolute;inset:0;z-index:-1;background:rgba(255,246,236,.94);backdrop-filter:saturate(1.4) blur(8px);-webkit-backdrop-filter:saturate(1.4) blur(8px)}
.ev-head .ev-in{display:flex;align-items:center;gap:28px;height:76px}
.ev-marke{display:inline-flex;align-items:center;gap:8px;text-decoration:none!important;font-weight:900;font-size:27px;letter-spacing:-.03em;line-height:1;white-space:nowrap}
.ev-marke .ev-tag{font-size:13px;letter-spacing:0;padding:.22em .45em;transform:rotate(-4deg) translateY(-2px)}
.ev-nav{display:flex;gap:4px;margin-left:auto}
.ev-nav a{text-decoration:none!important;font-weight:700;font-size:15.5px;padding:10px 12px;border-radius:8px;white-space:nowrap}
.ev-nav a:hover{background:rgba(43,45,66,.06)}
.ev-head-r{display:flex;align-items:center;gap:14px}
.ev-tel{text-decoration:none!important;font-weight:800;font-size:15px;white-space:nowrap;font-variant-numeric:tabular-nums}
.ev-head .ev-btn{min-height:44px;padding:0 18px;font-size:15px;white-space:nowrap}
.ev-cart-slot{display:flex;align-items:center;min-width:44px;min-height:44px}
.ev-menu-btn{display:none}
.ev-mnav{display:none}
@media(max-width:1260px){.ev-tel{display:none}}
@media(max-width:1023px){
.ev-nav,.ev-head-r{display:none}
.ev-head .ev-in{height:64px;justify-content:space-between}
.ev-menu-btn{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 14px;border-radius:var(--r-knopf);border:2px solid var(--tinte);background:transparent;color:var(--tinte);font:800 15px/1 Mulish,Helvetica,Arial,sans-serif;cursor:pointer}
.ev-menu-btn i{display:block;width:18px;height:2px;background:currentColor;position:relative}
.ev-menu-btn i:before,.ev-menu-btn i:after{content:"";position:absolute;left:0;width:18px;height:2px;background:currentColor;top:-6px}
.ev-menu-btn i:after{top:6px}
.ev-menu-open .ev-menu-btn i{background:transparent}
.ev-menu-open .ev-menu-btn i:before{top:0;transform:rotate(45deg)}
.ev-menu-open .ev-menu-btn i:after{top:0;transform:rotate(-45deg)}
.ev-mnav{position:fixed;left:0;right:0;bottom:0;top:calc(var(--wp-admin--admin-bar--height,0px) + 64px);background:var(--papier);padding:24px 16px 120px;overflow:auto}
.ev-menu-open .ev-mnav{display:block}
.ev-mnav a{display:block;text-decoration:none!important;font-weight:900;font-size:26px;letter-spacing:-.02em;padding:10px 0;border-bottom:1px solid var(--linie)}
.ev-mnav .klein a{font-weight:700;font-size:17px;border:0;padding:7px 0;color:var(--text2)}
.ev-mnav .klein{margin-top:22px}
}


.ev-hero{padding:64px 0 88px;overflow:hidden}
.ev-hero .ev-in{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:48px;align-items:center}
.ev-hero h1{font-size:clamp(38px,5vw,66px);line-height:1.07;font-weight:900;margin-bottom:24px}
.ev-hero h1 .ev-tag{margin:.05em 0}
.ev-hero .ev-lead{margin-bottom:20px;color:#45485e}
.ev-hero-rating{margin-bottom:28px}
.ev-ticket{background:#fff;border-radius:14px;max-width:560px;position:relative;box-shadow:0 1px 1px rgba(43,45,66,.08),0 20px 40px -24px rgba(43,45,66,.45)}
.ev-ticket label{display:block;position:relative;padding:18px 22px 14px;font-weight:800;font-size:17px;border-bottom:2px dashed var(--linie)}
.ev-ticket .ev-ticket-w{padding:16px 22px 18px;display:flex;gap:10px}
.ev-ticket input{flex:1;min-width:0;height:52px;border:2px solid #d9c3ab;border-radius:var(--r-knopf);padding:0 12px;font:700 16px Mulish,Helvetica,Arial,sans-serif;color:var(--tinte);background:#fff}
.ev-ticket .ev-btn{flex:none}
.ev-ticket small{display:block;padding:0 22px 18px;color:var(--text2);font-size:14px}
.ev-ticket label:before,.ev-ticket label:after{content:"";position:absolute;width:20px;height:20px;border-radius:50%;background:var(--papier);bottom:-11px}
.ev-ticket label:before{left:-10px}.ev-ticket label:after{right:-10px}
.ev-strips{position:relative;height:620px}
.ev-strip{position:absolute;width:212px;background:#fff;padding:12px 12px 0;box-shadow:0 2px 2px rgba(43,45,66,.08),0 28px 48px -20px rgba(43,45,66,.5)}
.ev-strip img{width:100%;aspect-ratio:4/3;object-fit:cover;margin-bottom:10px;border-radius:1px}
.ev-strip span{display:block;text-align:center;font-weight:800;font-size:13px;padding:2px 0 14px;color:var(--text2)}
.ev-strip.s1{left:4%;top:10px;transform:rotate(-6deg);animation:evfall1 .9s cubic-bezier(.2,.8,.3,1) both}
.ev-strip.s2{left:46%;top:70px;transform:rotate(5deg);animation:evfall2 .9s .18s cubic-bezier(.2,.8,.3,1) both}
@keyframes evfall1{from{transform:translateY(-60px) rotate(-14deg);opacity:0}to{transform:rotate(-6deg);opacity:1}}
@keyframes evfall2{from{transform:translateY(-60px) rotate(12deg);opacity:0}to{transform:rotate(5deg);opacity:1}}
@media(prefers-reduced-motion:reduce){.ev-strip.s1,.ev-strip.s2{animation:none}}
@media(max-width:1023px){.ev-hero .ev-in{grid-template-columns:1fr;gap:28px}.ev-strips{height:auto;order:-1;max-width:520px}.ev-strip.s2{display:none}.ev-strip.s1{position:static;width:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:6px;transform:rotate(-1.5deg);animation:none}.ev-strip.s1 img{margin:0}.ev-strip.s1 span{display:none}}
@media(max-width:767px){.ev-hero{padding:32px 0 48px}.ev-hero h1{font-size:clamp(34px,9.4vw,44px)}.ev-ticket .ev-ticket-w{flex-direction:column}.ev-ticket input{flex:none;width:100%}.ev-ticket .ev-btn{width:100%}}
/* Vorteile */
.ev-vorteile{background:#fff;border-top:1px solid var(--linie);border-bottom:1px solid var(--linie)}
.ev-vorteile ul{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0}
.ev-vorteile li{padding:26px 24px;border-left:1px solid var(--linie);display:flex;gap:14px;align-items:flex-start;font-size:15.5px;line-height:1.45}
.ev-vorteile li:first-child{border-left:0;padding-left:0}
.ev-vorteile li b{display:block;font-weight:900;font-size:16.5px;margin-bottom:2px}
.ev-vorteile li span{color:var(--text2)}
.ev-vorteile li:nth-child(1) .ic{background:var(--sonne-hell)!important}.ev-vorteile li:nth-child(2) .ic{background:var(--blau-hell)!important}.ev-vorteile li:nth-child(3) .ic{background:var(--mint-hell)!important}.ev-vorteile li:nth-child(4) .ic{background:var(--orange-hell)!important}
.ev-vorteile .ic{flex:none;width:40px;height:40px;border-radius:50%;background:var(--papier);display:flex;align-items:center;justify-content:center}
@media(max-width:1023px){.ev-vorteile ul{grid-template-columns:1fr 1fr}.ev-vorteile li:nth-child(3){border-left:0;padding-left:0}.ev-vorteile li:nth-child(n+3){border-top:1px solid var(--linie)}}
@media(max-width:600px){.ev-vorteile ul{grid-template-columns:1fr}.ev-vorteile li{border-left:0;padding:18px 0}.ev-vorteile li+li{border-top:1px solid var(--linie)}}


.ev-anlass{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.ev-anlass a{display:flex;flex-direction:column;gap:12px;height:100%;padding:26px 24px 24px;background:#fff;border-radius:14px;text-decoration:none!important;border:2px solid transparent;box-shadow:0 1px 1px rgba(43,45,66,.06),0 10px 24px -18px rgba(43,45,66,.4)}
.ev-anlass a:hover{border-color:var(--tinte)}
.ev-anlass .ev-tag{align-self:flex-start;font-size:21px}
.ev-anlass li:nth-child(even) .ev-tag{transform:rotate(1.5deg)}
.ev-anlass span.t{color:var(--text2);font-size:16px}
.ev-anlass .mehr{margin-top:auto;font-weight:800;font-size:15px;text-decoration:underline;text-decoration-color:var(--orange);text-decoration-thickness:2px;text-underline-offset:4px}
.ev-anlass-fuss{margin-top:28px}
@media(max-width:900px){.ev-anlass{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.ev-anlass{grid-template-columns:1fr 1fr;gap:10px}.ev-anlass a{padding:16px 14px;gap:10px}.ev-anlass .ev-tag{font-size:16px}.ev-anlass span.t{display:none}.ev-anlass .mehr{font-size:14px}}


.ev-boxen{list-style:none;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:28px}
.ev-boxen a{display:flex;flex-direction:column;height:100%;text-decoration:none!important}
.ev-boxen .ev-abzug{margin-bottom:18px;padding:7px 7px 22px}
.ev-boxen li:nth-child(odd) .ev-abzug{--dreh:-1.5deg}
.ev-boxen li:nth-child(even) .ev-abzug{--dreh:1.2deg}
.ev-boxen .hin{display:inline-block;align-self:flex-start;font-size:12.5px;font-weight:900;padding:3px 9px;border-radius:999px;background:var(--orange-hell);margin-bottom:10px}
.ev-boxen h3{font-size:20px;line-height:1.2;margin-bottom:6px}
.ev-boxen .t{color:var(--text2);font-size:15px;line-height:1.5;margin-bottom:14px}
.ev-boxen .pr{margin-top:auto;font-weight:900;font-size:17px;font-variant-numeric:tabular-nums}
.ev-boxen .pr small{font-weight:700;font-size:14px;color:var(--text2)}
.ev-boxen a:hover h3{text-decoration:underline;text-decoration-color:var(--orange);text-decoration-thickness:2px;text-underline-offset:4px}
.ev-boxen-fuss{margin-top:44px;display:flex;flex-wrap:wrap;gap:14px 24px;align-items:center}
@media(max-width:1100px){.ev-boxen{grid-template-columns:repeat(3,minmax(0,1fr));gap:36px 24px}}
@media(max-width:767px){.ev-boxen{grid-template-columns:1fr 1fr;gap:28px 14px}.ev-boxen h3{font-size:17px}.ev-boxen .t{font-size:14px}}


.ev .ev-streifen{list-style:none;margin:0}
.ev-bew .ev-kopf{margin-bottom:36px}
.ev-bew .ev-rating{margin:0}



.ev-sort{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
.ev-kat{padding:0 36px;border-left:1px solid var(--linie);display:flex;flex-direction:column}
.ev-kat:first-child{padding-left:0;border-left:0}
.ev-kat:last-child{padding-right:0}
.ev-kat h3{font-size:clamp(24px,2.2vw,30px);margin-bottom:26px}
.ev-kat .ev-abzug{margin-bottom:26px;max-width:400px}
.ev-kat:nth-child(1) .ev-abzug{--dreh:1deg}
.ev-kat:nth-child(2) .ev-abzug{--dreh:-1.2deg}
.ev-kat:nth-child(3) .ev-abzug{--dreh:-.8deg}
.ev-kat .txt{color:var(--text2);margin-bottom:14px;min-height:3.2em}
.ev-kat .ev-preise{margin-bottom:28px}
.ev-kat .ev-btn{margin-top:auto;align-self:flex-start}
.ev-sommer{margin-top:64px;padding-top:28px;border-top:1px solid var(--linie);display:flex;flex-wrap:wrap;gap:12px 20px;align-items:center}
.ev-sommer .ev-tag{font-size:15px}
@media(max-width:900px){.ev-sort{grid-template-columns:1fr;gap:56px}.ev-kat,.ev-kat:first-child,.ev-kat:last-child{padding:0;border:0}.ev-kat .txt{min-height:0}.ev-kat .ev-abzug{max-width:520px}}


.ev-streifen{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;background:#fff;padding:12px;box-shadow:0 2px 2px rgba(43,45,66,.08),0 30px 50px -28px rgba(43,45,66,.5);transform:rotate(-.6deg)}
.ev-bild{background:var(--orange-hell);padding:30px 28px 34px;border-radius:1px}
.ev-bild:nth-child(2){background:var(--blau-hell)}.ev-bild:nth-child(3){background:var(--mint-hell)}
.ev-bild:nth-child(2) .nr{color:var(--blau)}.ev-bild:nth-child(3) .nr{color:#2e9a7a}
.ev-bild .nr{display:block;font-size:64px;line-height:1;font-weight:900;color:var(--orange);margin-bottom:18px;font-variant-numeric:tabular-nums}
.ev-bild h3{font-size:22px;line-height:1.25;margin-bottom:10px}
.ev-bild p{color:var(--text2);font-size:16px}
.ev-streifen-fuss{grid-column:1/-1;text-align:center;font-weight:800;font-size:13px;color:var(--text2);padding:4px 0 6px}
@media(max-width:900px){.ev-streifen{grid-template-columns:1fr;max-width:460px;transform:rotate(-1deg);gap:8px;padding:8px}.ev-bild{padding:24px 22px 26px}.ev-bild .nr{font-size:48px;margin-bottom:10px}}


.ev-hier{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;align-items:center}
.ev-adresse{font-size:clamp(30px,3.4vw,44px);font-weight:900;line-height:1.15;letter-spacing:-.02em;margin:22px 0 26px}
.ev-adresse .ev-tag{font-size:.82em}
.ev-hier .ev-lead{margin-bottom:28px}
.ev-wege{list-style:none;margin:0;padding:0;border-top:1px solid var(--linie)}
.ev-wege li{border-bottom:1px solid var(--linie)}
.ev-wege a,.ev-wege .ev-wege-zeile{display:grid;grid-template-columns:130px 1fr;gap:16px;padding:18px 0;text-decoration:none!important;align-items:baseline}
.ev-wege b{font-weight:900}
.ev-wege span{color:var(--text2)}
.ev-wege a:hover b{text-decoration:underline;text-decoration-color:var(--orange);text-decoration-thickness:2px;text-underline-offset:4px}
@media(max-width:900px){.ev-hier{grid-template-columns:1fr;gap:36px}.ev-wege a,.ev-wege .ev-wege-zeile{grid-template-columns:1fr;gap:2px}}


.ev-faq{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:56px;align-items:start}
.ev-faq .ev-lead{margin-top:16px}
.ev-faq details{border-bottom:1px solid var(--linie)}
.ev-faq details:first-child{border-top:1px solid var(--linie)}
.ev-faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:20px;align-items:center;padding:22px 0;font-weight:800;font-size:19px;line-height:1.35}
.ev-faq summary::-webkit-details-marker{display:none}
.ev-faq summary:after{content:"";flex:none;width:30px;height:30px;border-radius:50%;background:#fff no-repeat center/14px 14px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath d='M7 1v12M1 7h12' stroke='%232b2d42' stroke-width='2.4' stroke-linecap='round'/%3E%3C/svg%3E");transition:transform .2s}
.ev-faq details[open] summary:after{transform:rotate(45deg);background-color:var(--orange)}
.ev-faq details p{padding:0 48px 24px 0;color:var(--text2)}
@media(max-width:900px){.ev-faq{grid-template-columns:1fr;gap:28px}.ev-faq summary{font-size:17px}.ev-faq details p{padding-right:0}}


.ev-fuss{background:#ffe9d4;color:var(--tinte)}
.ev-fuss a{text-decoration:none!important;color:var(--tinte)}
.ev-fuss a:hover{text-decoration:underline!important;text-decoration-color:var(--orange)!important;text-underline-offset:4px}
.ev-cta{padding:88px 0 72px;background:var(--orange)}
.ev-cta .ev-in{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:end;gap:28px}
.ev-cta h2{font-size:clamp(30px,3.8vw,50px);line-height:1.08;font-weight:900;color:var(--tinte);max-width:20ch}
.ev-cta p{color:#3d2a1a;margin-top:14px;max-width:46ch}
.ev-cta .knoepfe{display:flex;flex-wrap:wrap;gap:14px}
.ev-fuss-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr 1.1fr;gap:40px;padding:64px 0 48px}
.ev-fuss .ev-marke{color:var(--tinte);margin-bottom:18px}
.ev-fuss p{color:#5a4a3e;font-size:15px;line-height:1.65}
.ev-fuss h3{font-size:15px;font-weight:900;color:var(--tinte);margin-bottom:14px;letter-spacing:0}
.ev-fuss ul{list-style:none;margin:0;padding:0}
.ev-fuss li{margin:0 0 8px;font-size:15px}
.ev-fuss .addr{font-style:normal;color:#5a4a3e;font-size:15px;line-height:1.65}
.ev-fuss-unten{border-top:1px solid rgba(43,45,66,.14);padding:22px 0 28px;display:flex;flex-wrap:wrap;gap:10px 28px;justify-content:space-between;font-size:13.5px;color:#6b5a4c}
.ev-fuss-unten nav{display:flex;flex-wrap:wrap;gap:6px 22px}
.ev-fuss-unten a{color:var(--tinte)}
@media(max-width:1023px){.ev-fuss-grid{grid-template-columns:1fr 1fr}}
@media(max-width:767px){.ev-cta{padding:60px 0 52px}.ev-cta .knoepfe{width:100%;display:grid;grid-template-columns:1fr 1fr}.ev-cta .ev-btn{padding:0 12px}.ev-fuss-grid{grid-template-columns:1fr 1fr;gap:32px 20px;padding:48px 0 32px}.ev-fuss-grid>div:first-child,.ev-fuss-grid>div:last-child{grid-column:1/-1}.ev-fuss-unten{padding-bottom:96px}}


.ev-bar{display:none}
@media(max-width:767px){
.ev-bar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:9990;gap:8px;align-items:center;padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:#fdeedd;border-top:1px solid rgba(43,45,66,.12);font-family:Mulish,Helvetica,Arial,sans-serif;box-sizing:border-box}
.ev-bar *{box-sizing:border-box}
.ev-bar-k{flex:none;width:48px;height:48px;border-radius:12px;border:0;background:#2f73bd;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0}
.ev-bar form{flex:1;display:flex;gap:6px;min-width:0;margin:0}
.ev-bar input{flex:1;min-width:0;height:48px;border:2px solid #d9c3ab;border-radius:12px;padding:0 8px;font:700 15px Mulish,Helvetica,Arial,sans-serif;color:#2b2d42;background:#fff}
.ev-bar button[type=submit]{flex:none;height:48px;padding:0 14px;border:0;border-radius:12px;background:#f17c20;color:#2b2d42;font:900 15px Mulish,Helvetica,Arial,sans-serif;box-shadow:0 3px 0 #c55e0e;cursor:pointer}
.ev-bar-cart{flex:none;width:48px;height:48px;display:flex;align-items:center;justify-content:center}
.ev-bar-menu{position:absolute;left:12px;bottom:calc(100% + 8px);background:#fff;border-radius:14px;box-shadow:0 18px 40px -12px rgba(43,45,66,.45);padding:8px;min-width:220px}
.ev-bar-menu[hidden]{display:none}
.ev-bar-menu a,.ev-bar-menu button{display:flex;align-items:center;gap:12px;width:100%;padding:13px 12px;border:0;background:none;text-align:left;font:800 16px Mulish,Helvetica,Arial,sans-serif;color:#2b2d42;text-decoration:none;border-radius:10px;cursor:pointer}
.ev-bar-menu a:hover,.ev-bar-menu button:hover{background:#fbf3ea}
.ev-bar svg{flex:none}
}

/* ---- Design-Tokens auch außerhalb der .ev-Abschnitte verfügbar ---- */
:root{--papier:#fff6ec;--weiss:#fff;--tinte:#2b2d42;--text2:#55586e;--orange:#f17c20;--rot:#e2574c;--blau:#2f73bd;--mint:#4eba9a;--sonne:#ffcf5c;--orange-hell:#ffeedd;--blau-hell:#e8f1fb;--mint-hell:#e6f6f0;--sonne-hell:#fff4d4;--linie:rgba(43,45,66,.12);--r-knopf:10px}
body{margin:0;background:var(--papier);color:var(--tinte);font-family:Mulish,Helvetica,Arial,sans-serif}
.wp-site-blocks{padding:0}
.wp-site-blocks > *{margin-block-start:0}

/* ---- Seitentypen (über die Startseite hinaus) ---- */
.ev-seite main{display:block}
.ev-seitenkopf{background:var(--papier);padding:56px 0 48px}
.ev-seitenkopf .ev-in{max-width:1200px}
.ev-seitenkopf h1{font-size:clamp(34px,4.4vw,56px);line-height:1.08;font-weight:900;letter-spacing:-.02em;margin:0;max-width:22ch}
.ev-seitenkopf .ev-auszug{font-size:clamp(17px,1.5vw,19px);color:var(--text2);max-width:58ch;margin:16px 0 0}
.ev-seitenkopf .ev-meta{font-size:14px;color:var(--text2);margin:14px 0 0}
.ev-seitenkopf .wp-block-post-terms a{display:inline-block;background:var(--orange);color:#fff!important;font-weight:900;font-size:14px;padding:.12em .45em;border-radius:.16em;transform:rotate(-2deg);text-decoration:none!important;margin-bottom:14px}

/* Fliesstext von Seiten und Ratgebern */
.ev-inhalt{padding:56px 24px 88px;font-family:Mulish,Helvetica,Arial,sans-serif;color:var(--tinte);font-size:18px;line-height:1.7}
.ev-inhalt > *{max-width:760px;margin-left:auto;margin-right:auto}
.ev-inhalt > .alignwide{max-width:1200px}
.ev-inhalt > .alignfull{max-width:none}
.ev-inhalt h2{font-size:clamp(26px,3vw,36px);line-height:1.15;font-weight:900;letter-spacing:-.02em;margin-top:2em;margin-bottom:.5em}
.ev-inhalt h3{font-size:22px;line-height:1.25;font-weight:800;margin-top:1.6em;margin-bottom:.4em}
.ev-inhalt a{text-decoration:underline;text-decoration-color:var(--orange);text-decoration-thickness:2px;text-underline-offset:3px;font-weight:700}
.ev-inhalt img{border-radius:2px}
.ev-inhalt .wp-block-image.is-style-abzug img,.ev-inhalt figure.is-style-abzug img{background:#fff;padding:8px 8px 28px;box-shadow:0 1px 1px rgba(43,45,66,.08),0 16px 32px -14px rgba(43,45,66,.38);transform:rotate(-1deg)}
.ev-inhalt blockquote{border-left:4px solid var(--orange);margin-left:0;padding-left:20px;color:var(--text2)}
.ev-beitragsbild{max-width:1000px;margin:0 auto;padding:0 24px}
.ev-beitragsbild img{width:100%;height:auto;background:#fff;padding:10px 10px 34px;box-shadow:0 1px 1px rgba(43,45,66,.08),0 20px 40px -18px rgba(43,45,66,.4);transform:rotate(-.8deg)}

/* Archiv / Ratgeber-Übersicht */
.ev-karten{padding:56px 24px 88px;max-width:1248px;margin:0 auto}
.ev-karten .wp-block-post-template{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px 28px;list-style:none;margin:0;padding:0}
.ev-karten .wp-block-post{margin:0}
.ev-karten .wp-block-post-featured-image img{background:#fff;padding:7px 7px 22px;box-shadow:0 1px 1px rgba(43,45,66,.06),0 12px 26px -14px rgba(43,45,66,.38);aspect-ratio:4/3;object-fit:cover;width:100%;height:auto}
.ev-karten .wp-block-post:nth-child(odd) .wp-block-post-featured-image img{transform:rotate(-1deg)}
.ev-karten .wp-block-post:nth-child(even) .wp-block-post-featured-image img{transform:rotate(1deg)}
.ev-karten .wp-block-post-title{font-size:21px;line-height:1.25;font-weight:800;margin:16px 0 6px}
.ev-karten .wp-block-post-title a{text-decoration:none}
.ev-karten .wp-block-post-excerpt{color:var(--text2);font-size:15.5px}
.ev-karten .wp-block-query-pagination{margin-top:44px;font-weight:800}
@media(max-width:900px){.ev-karten .wp-block-post-template{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.ev-karten .wp-block-post-template{grid-template-columns:1fr}.ev-inhalt{font-size:17px;padding:40px 16px 64px}.ev-seitenkopf{padding:40px 0 32px}}

/* 404 */
.ev-404{padding:96px 24px;text-align:left;max-width:760px;margin:0 auto}
.ev-404 h1{font-size:clamp(34px,5vw,56px);font-weight:900;letter-spacing:-.02em}

/* ---- Barrierefreiheit (Review 0.1.0) ---- */
/* Kontrast: weisse Schrift auf Orange nur bei grossen Etiketten mit dunklerem Ton (3,4:1),
   kleine Etiketten in Tinte auf Orange (4,9:1); Koralle dunkler fuer weisse Schrift (4,9:1). */
.ev-tag.o{background:#e06a10}
.ev-tag.r{background:#c94236}
.ev-marke .ev-tag.o,.ev-anlass .ev-tag.o,.ev-seitenkopf .wp-block-post-terms a{background:var(--orange);color:var(--tinte)!important}
/* Fokus im orangen Abschluss-Kasten sichtbar */
.ev-cta :focus-visible{outline-color:var(--tinte)}

/* Abschluss im Fussbereich (Theme 0.4.4): Text mit Vertrauenspunkten links,
   Ticket mit Datum und direkter Kontakt rechts. Auf Produktseiten ersetzt
   ein Knopf zum Kalender das Datumsfeld (inc/produktseite.php). */
.ev-cta .ev-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,480px);gap:56px;align-items:center;justify-content:space-between}
.ev-cta .ev-cta-tag{margin:0 0 16px}
.ev-tag.w{background:#fff;color:var(--tinte)}
.ev-cta-tag .ev-tag{font-size:16px;padding:.18em .5em;transform:rotate(-3deg)}
.ev-cta .ev-cta-punkte{list-style:none;margin:26px 0 0;padding:0;display:grid;gap:10px}
.ev-cta-punkte li{position:relative;padding-left:32px;font-weight:800;color:var(--tinte)}
.ev-cta-punkte li:before{content:"";position:absolute;left:0;top:2px;width:22px;height:22px;border-radius:50%;background:#fff no-repeat center/12px 12px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2 6.5l2.5 2.5L10 3' fill='none' stroke='%232b2d42' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
.ev-cta-box{display:grid;gap:18px}
.ev-cta .ev-ticket{max-width:none;transform:rotate(1deg)}
.ev-cta .ev-ticket label:before,.ev-cta .ev-ticket label:after{background:var(--orange)}
.ev-cta .ev-ticket .ev-btn{background:var(--tinte);color:#fff!important;box-shadow:0 3px 0 #11121d}
.ev-cta .ev-ticket .ev-btn:hover{background:#3a3d57}
.ev-cta-kalender{background:var(--tinte);color:#fff!important;box-shadow:0 3px 0 #11121d;min-height:58px;font-size:17px}
.ev-cta-kalender:hover{background:#3a3d57}
.ev-cta .ev-ticket .ev-btn:active,.ev-cta .ev-cta-kalender:active{box-shadow:0 1px 0 #11121d}
.ev-cta-kalender[hidden],.ev-cta-datum[hidden]{display:none}
.ev-cta-kontakt{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.ev-cta-kontakt span{grid-column:1/-1;font-weight:800;color:var(--tinte);font-size:15px}
.ev-cta-kontakt .ev-btn{white-space:nowrap;padding:0 14px}
@media(max-width:900px){.ev-cta .ev-in{grid-template-columns:1fr;gap:36px}}
@media(max-width:767px){.ev-cta .ev-ticket{transform:none}.ev-cta-kontakt{grid-template-columns:1fr}}
/* Nutzer: "das orange wirkt mir zu knallig" - Abschluss in warmem Apricot,
   Orange nur noch als Akzent (Etikett). */
.ev-cta{background:#fdd3a8}
.ev-cta .ev-ticket label:before,.ev-cta .ev-ticket label:after{background:#fdd3a8}
.ev-cta .ev-cta-tag .ev-tag{background:var(--orange);color:var(--tinte)}
.ev-cta p{color:#4a3a2c}

/* ==== Ruhigere Fassung (Theme 0.5.0) ====
   Nutzer: "das orange bei den buttons ist mir zu knallig ... die seite sieht
   gut aus aber noch zu verspielt und knallig". Knoepfe in Tinte, Etiketten
   als sanfte Pastell-Markierung mit dunkler Schrift, deutlich weniger
   Schraeglage, keine Fall-Animation. Orange nur noch als feiner Akzent. */
.ev-btn{background:var(--tinte);color:#fff!important;box-shadow:0 3px 0 #11121d}
.ev-btn:hover{background:#3a3d57}
.ev-btn:active{box-shadow:0 1px 0 #11121d}
.ev-btn.t{background:var(--tinte);color:#fff!important;box-shadow:0 3px 0 #11121d}
.ev-btn.t:hover{background:#3a3d57}
.ev-btn.w{background:#fff;color:var(--tinte)!important;box-shadow:0 3px 0 rgba(43,45,66,.18)}
.ev-btn.w:hover{background:#fff6ec}
.ev-btn.w:active{box-shadow:0 1px 0 rgba(43,45,66,.18)}
.ev-bar button[type=submit]{background:#2b2d42;color:#fff;box-shadow:0 3px 0 #11121d}
.ev-bar-k{background:#2b2d42}

.ev-tag{transform:rotate(-1deg);color:#1f4f86;background:#dce9f7}
.ev-tag.o,.ev-marke .ev-tag.o,.ev-anlass .ev-tag.o{background:#fde3cc;color:#8f4309!important}
.ev-cta .ev-cta-tag .ev-tag{background:#fff;color:var(--tinte)}
.ev-tag.r{background:#f9dcd8;color:#9b2f25}
.ev-tag.m{background:#d9f1e8;color:#1f6b54}
.ev-tag.w{background:#fff;color:var(--tinte)}
.ev-tag.schief{transform:rotate(.8deg)}
.ev-marke .ev-tag{transform:rotate(-2deg) translateY(-2px)}
.ev-anlass li:nth-child(even) .ev-tag{transform:rotate(.8deg)}
.ev-cta-tag .ev-tag{transform:rotate(-1deg)}
.ev-seitenkopf .wp-block-post-terms a{background:#fde3cc;color:#8f4309!important;transform:rotate(-1deg)}

.ev-abzug{transform:rotate(calc(var(--dreh,0deg) * .4))}
.ev-strip.s1{transform:rotate(-2.5deg);animation:none}
.ev-strip.s2{transform:rotate(2deg);animation:none}
.ev-streifen{transform:rotate(-.3deg)}
.ev-inhalt .wp-block-image.is-style-abzug img,.ev-inhalt figure.is-style-abzug img{transform:rotate(-.4deg)}
.ev-beitragsbild img{transform:rotate(-.3deg)}
.ev-karten .wp-block-post:nth-child(odd) .wp-block-post-featured-image img{transform:rotate(-.4deg)}
.ev-karten .wp-block-post:nth-child(even) .wp-block-post-featured-image img{transform:rotate(.4deg)}
.ev-cta .ev-ticket{transform:none}
.ev-faq details[open] summary:after{background-color:#fde3cc}
@media(max-width:1023px){.ev-strip.s1{transform:rotate(-1deg)}}
@media(max-width:900px){.ev-streifen{transform:none}}

/* ==== Kopfbereich (Theme 0.6.0) ====
   Nutzer: Menue "Startseite, Fotoboxen, Hueupfburgen, Alle Eventmodule" mittig,
   Telefon bleibt, "Termin pruefen" oeffnet ein Datumsfeld, die Kopfleiste
   bleibt beim Scrollen immer sichtbar. Der Template-Part-Container ist genau
   so hoch wie der Kopf - darum klebt er (nicht .ev-head) am oberen Rand. */
@supports selector(:has(*)){.wp-site-blocks > :has(> .ev-head){position:sticky;top:var(--wp-admin--admin-bar--height,0px);z-index:60}.ev-head{position:relative;top:auto}}
.ev-nav{margin:0 auto}
.ev-head-r{position:relative}
.ev-termin{position:relative}
.ev-termin-pop{position:absolute;right:0;top:calc(100% + 12px);width:340px;background:#fff;border-radius:14px;box-shadow:0 1px 1px rgba(43,45,66,.08),0 24px 48px -20px rgba(43,45,66,.45);padding:16px 18px 18px;z-index:70}
.ev-termin-pop[hidden]{display:none}
.ev-termin-pop label{display:block;font-weight:800;font-size:16px;margin-bottom:10px;color:var(--tinte)}
.ev-termin-w{display:flex;gap:10px}
.ev-termin-w input{flex:1;min-width:0;height:48px;border:2px solid #d9c3ab;border-radius:var(--r-knopf);padding:0 10px;font:700 15px Mulish,Helvetica,Arial,sans-serif;color:var(--tinte);background:#fff}
.ev-termin-w .ev-btn{flex:none;min-height:48px}
@media(max-width:1260px){.ev-nav,.ev-head-r{display:flex}.ev-tel{display:none}.ev-menu-btn{display:none}.ev-head .ev-in{height:76px;justify-content:flex-start}}
@media(max-width:1260px){.ev-head .ev-in{gap:20px}.ev-nav a{padding:10px 9px}}
@media(max-width:1120px){.ev-nav{display:none}.ev-head-r{margin-left:auto}.ev-menu-btn{display:inline-flex}.ev-head .ev-in{height:64px}}
@media(max-width:767px){.ev-head-r{display:none}.ev-head .ev-in{justify-content:space-between}}
/* Kubio setzt "#kubio body{overflow-x:hidden!important}" - das macht body zum
   Scroll-Container und hebelt position:sticky des Kopfes aus. clip schneidet
   genauso ab, ohne Scroll-Container zu werden. */
html#kubio body,html body{overflow-x:clip!important;overflow-y:visible!important}

/* Brotkruemelleiste und engere Abstaende (Theme 0.6.1) */
.ev-krumen{background:var(--papier);border-bottom:1px solid var(--linie)}
.ev-krumen ol{list-style:none;display:flex;flex-wrap:wrap;align-items:center;gap:4px 0;margin:0 auto;padding-top:12px;padding-bottom:12px;font-size:14px;font-weight:600;color:var(--text2)}
.ev-krumen li{display:flex;align-items:center;margin:0;padding:0}
.ev-krumen li+li:before{content:"›";margin:0 10px;color:#b3a594;font-weight:700}
.ev-krumen a{color:var(--text2);text-decoration:none!important}
.ev-krumen a:hover{color:var(--tinte);text-decoration:underline!important;text-decoration-color:var(--orange)!important;text-underline-offset:3px}
.ev-krumen [aria-current]{color:var(--tinte);font-weight:800}
.ev-sec{padding:72px 0}
.ev-seitenkopf{padding:40px 0 36px}
.ev-inhalt{padding-top:40px;padding-bottom:64px}
.ev-karten{padding-top:40px;padding-bottom:64px}
.ev-cta{padding:64px 0 56px}
@media(max-width:767px){.ev-sec{padding:48px 0}.ev-seitenkopf{padding:32px 0 28px}.ev-cta{padding:48px 0 40px}.ev-krumen ol{font-size:13px;padding-top:10px;padding-bottom:10px}.ev-krumen li+li:before{margin:0 6px}}

/* Schrift eine Stufe kleiner (Theme 0.6.3, Nutzer: "die schriftart etwas gross
   vom inhalt"): Grundschrift 16px, Einleitungen und Fliesstext 17px, Listen
   16px; Ueberschriften unveraendert. Handy bleibt bei mindestens 16px. */
.ev{font-size:16px}
.ev-lead,.ev-seitenkopf .ev-auszug{font-size:17px;line-height:1.6}
.ev-inhalt{font-size:17px;line-height:1.65}
.ev-faq summary{font-size:17px;padding:18px 0}
.ev-ticket label{font-size:16px}
@media(max-width:767px){.ev-inhalt{font-size:16px}.ev-lead,.ev-seitenkopf .ev-auszug{font-size:16px}}

/* Warenkorb-Knopf im Kopf: eventMa Performance reserviert auf der Startseite
   36 x 36 px fuer das alte schwebende Symbol - der Knopf mit Text braucht mehr
   Platz (Fehlerpruefung 2026-10-16, Theme 0.7.5). */
.ev-head #eventma-cart-icon{width:auto!important;height:auto!important}
/* Kein Springen beim Laden (Theme 0.9.17, Nutzer 2026-10-19: Knopf erscheint erst rund, wird eckig und schiebt
   alles nach links): Der Platz fuer den fertigen Knopf (146 px mit Beschriftung) ist von Anfang an reserviert, und der
   Knopf bleibt unsichtbar, bis kopf.js das Theme-CSS in seinen Shadow-Root geladen hat (Klasse ev-cart-bereit). */
@media(min-width:768px){#ev-cart-d{min-width:146px;justify-content:flex-end}}
#eventma-cart-icon:not(.ev-cart-bereit){visibility:hidden}
/* Sofort sichtbarer Platzhalter (Theme 0.9.18, Nutzer 2026-10-19: "der button hat aber eine ladeerzoegerung"):
   sieht aus wie der fertige Knopf aus buchungswidget.css und liegt genau an dessen Stelle, bis kopf.js den echten
   Knopf zeigt und den Platzhalter entfernt. Nicht bedienbar (aria-hidden, keine Klicks). */
.ev-cart-slot,.ev-bar-cart{position:relative}
.ev-cart-platzhalter{position:absolute;right:0;top:50%;transform:translateY(-50%);display:inline-flex;align-items:center;justify-content:center;gap:8px;box-sizing:border-box;min-width:44px;height:44px;padding:0;border:2px solid #2b2d42;border-radius:10px;background:#fff;color:#2b2d42;font:800 15px Mulish,Helvetica,Arial,sans-serif;line-height:1;white-space:nowrap;box-shadow:0 3px 0 rgba(43,45,66,.18);pointer-events:none}
.ev-cart-platzhalter svg{flex:none;width:24px;height:24px}
.ev-cart-platzhalter-text{display:none}
@media(min-width:768px){.ev-cart-slot .ev-cart-platzhalter{padding:0 16px 0 13px}.ev-cart-slot .ev-cart-platzhalter-text{display:inline}}
.ev-bar-cart .ev-cart-platzhalter{right:auto;left:50%;transform:translate(-50%,-50%)}

/* Ruhige Startseiten-Variante (2026-10-16, Nutzer: "zu chaotisch") - nur unter body.ev-ruhig.
   Eine Akzentfarbe, keine gekippten Elemente, Ueberschrift immer ueber dem Inhalt. */
.ev-ruhig .ev-sec .ev-tag,.ev-ruhig .ev-hero .ev-tag,.ev-ruhig .ev-anlass li .ev-tag{transform:none;background:none;color:var(--tinte)!important;padding:0}
.ev-ruhig .ev-hero-ruhig h1{font-size:clamp(36px,4.2vw,56px);line-height:1.1}
/* Anlaesse (Theme 0.9.1, Nutzer: "der block sieht billig und unprofessionell aus"): ruhige Kacheln
   in 3 Spalten mit Symbol, Titel, einer Zeile Beschreibung und Pfeil. Die ganze Kachel ist der Link,
   kein zweiter unterstrichener Linktext. Vorher 6 schmale Kacheln mit umbrechenden Linktexten. */
.ev-anlass .ic{display:none}
.ev-ruhig #anlass{padding:72px 0}
.ev-ruhig #anlass .ev-h2{font-size:clamp(26px,2.6vw,34px)}
.ev-ruhig #anlass .ev-kopf{margin-bottom:28px}
.ev-ruhig .ev-anlass{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.ev-ruhig .ev-anlass a{position:relative;display:grid;grid-template-columns:48px 1fr;grid-template-rows:auto 1fr;column-gap:16px;row-gap:4px;align-items:start;padding:22px 52px 22px 22px;border:1px solid var(--linie);border-radius:14px;box-shadow:0 1px 2px rgba(43,45,66,.04);transition:border-color .15s,box-shadow .15s,transform .15s}
.ev-ruhig .ev-anlass a::after{content:"";position:absolute;right:22px;top:50%;width:9px;height:9px;margin-top:-5px;border-top:2px solid currentColor;border-right:2px solid currentColor;transform:rotate(45deg);color:var(--text2);transition:right .15s,color .15s}
.ev-ruhig .ev-anlass a:hover,.ev-ruhig .ev-anlass a:focus-visible{border-color:var(--orange);box-shadow:0 12px 28px -18px rgba(43,45,66,.45);transform:translateY(-2px)}
.ev-ruhig .ev-anlass a:hover::after,.ev-ruhig .ev-anlass a:focus-visible::after{right:18px;color:var(--orange)}
.ev-ruhig .ev-anlass .ic{display:flex;grid-row:1/3;width:48px;height:48px;border-radius:12px;align-items:center;justify-content:center;background:var(--orange-hell);color:#b85a10}
.ev-ruhig .ev-anlass .ev-tag{font-size:18px;line-height:1.3;font-weight:800;align-self:end}
.ev-ruhig .ev-anlass span.t{display:block;font-size:15px;line-height:1.45;color:var(--text2)}
.ev-ruhig .ev-anlass .mehr{display:none}
.ev-ruhig .ev-anlass-fuss{margin-top:24px}
@media(max-width:1023px){.ev-ruhig .ev-anlass{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.ev-ruhig #anlass{padding:48px 0}.ev-ruhig .ev-anlass{grid-template-columns:1fr;gap:10px}.ev-ruhig .ev-anlass a{grid-template-columns:40px 1fr;column-gap:14px;padding:16px 44px 16px 16px}.ev-ruhig .ev-anlass .ic{width:40px;height:40px;border-radius:10px}.ev-ruhig .ev-anlass .ic svg{width:21px;height:21px}.ev-ruhig .ev-anlass .ev-tag{font-size:17px}.ev-ruhig .ev-anlass span.t{font-size:14px}.ev-ruhig .ev-anlass a::after{right:18px}}
@media(prefers-reduced-motion:reduce){.ev-ruhig .ev-anlass a,.ev-ruhig .ev-anlass a::after{transition:none}.ev-ruhig .ev-anlass a:hover,.ev-ruhig .ev-anlass a:focus-visible{transform:none}}
.ev-ruhig .ev-abzug,.ev-ruhig .ev-streifen,.ev-ruhig .ev-cta-tag .ev-tag{transform:none}
.ev-ruhig .ev-vorteile li .ic{background:var(--orange-hell)!important}
.ev-ruhig .ev-btn.t{background:var(--tinte);box-shadow:0 3px 0 #15161f}
.ev-ruhig .ev-kopf{grid-template-columns:1fr;align-items:start;gap:12px;max-width:760px;margin-bottom:40px}
.ev-ruhig .ti-widget,.ev-ruhig .ti-widget *{font-family:inherit!important}
.ev-ruhig #ablauf{background:var(--weiss)}
.ev-akzent{color:var(--orange)}
.ev-hero-ruhig .ev-in{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)}
.ev-hero-bild{margin:0}
.ev-hero-bild img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:16px;box-shadow:0 1px 1px rgba(43,45,66,.08),0 24px 48px -24px rgba(43,45,66,.45)}
.ev-ruhig-h2{margin-bottom:40px}
.ev-ablauf-kontakt{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:56px;align-items:start}
.ev-schritte{list-style:none;margin:0;padding:0;display:grid;gap:28px}
.ev-schritte li{display:grid;grid-template-columns:48px 1fr;gap:18px;align-items:start}
.ev-schritte .nr{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background:var(--orange-hell);color:var(--orange);font-weight:900;font-size:22px}
.ev-schritte h3{font-size:21px;line-height:1.25;margin:8px 0 6px}
.ev-schritte p{color:var(--text2);font-size:16px;margin:0}
.ev-kontaktkarte{background:var(--papier);border-radius:16px;padding:28px 30px}
.ev-kontaktkarte h3{font-size:22px;margin:0 0 10px}
.ev-kontakt-adresse{font-weight:900;font-size:20px;line-height:1.35;margin:0 0 12px}
.ev-kontaktkarte p{color:var(--text2);font-size:16px}
.ev-kontaktkarte .ev-wege{margin-top:18px}
.ev-kontaktkarte .ev-wege a,.ev-kontaktkarte .ev-wege .ev-wege-zeile{grid-template-columns:120px 1fr;padding:14px 0}
@media(max-width:1023px){.ev-hero-ruhig .ev-in{grid-template-columns:1fr}.ev-hero-bild{order:-1;max-width:560px}}
@media(max-width:900px){.ev-ablauf-kontakt{grid-template-columns:1fr;gap:36px}}
@media(max-width:600px){.ev-kontaktkarte{padding:22px 18px}.ev-kontaktkarte .ev-wege a,.ev-kontaktkarte .ev-wege .ev-wege-zeile{grid-template-columns:1fr;gap:2px}}
/* Startseite einstellbar (0.8.1): Kategorien-Spalten nach Anzahl (2 oder 3) */
.ev-ruhig .ev-sort{grid-template-columns:repeat(var(--n,2),minmax(0,1fr))}
.ev-ruhig .ev-kat h3{font-size:24px;margin-bottom:16px}
@media(max-width:900px){.ev-ruhig .ev-sort{grid-template-columns:1fr}}
/* Titel und Texte in voller Breite (Theme 0.9.2, Nutzer 2026-10-16: "titel und texte nicht in halber
   breite sondern voller breite - pruefe das auf allen seiten"). Hebt die Lesebreiten-Begrenzungen
   auf allen Seiten auf (Startseite, Produkt-, Uebersichts-, Inhalts- und Ratgeberseiten). body.ev-theme
   als Praefix, damit die Regel auch gegen produktseite.css, seiten.css und ratgeber.css gewinnt, die
   nach dieser Datei geladen werden. Bilder, Formulare und Buchungsfelder behalten ihre Breite. */
body.ev-theme .ev-h2,body.ev-theme .ev-lead,body.ev-theme .ev-kopf,body.ev-theme .ev-cta h2,body.ev-theme .ev-cta p,
body.ev-theme .ev-seitenkopf h1,body.ev-theme .ev-seitenkopf .ev-auszug,
body.ev-theme .ev-r-kopf .ev-p-titel,body.ev-theme .ev-r-kopf .ev-p-lead,body.ev-theme .ev-u-kopf .ev-p-lead,body.ev-theme .ev-u-listetext,
body.ev-theme .ev-t .ev-t-kopf,body.ev-theme .ev-p-story-zeile.ev-p-ohne-bild .ev-p-fliess{max-width:none}
/* Diese beiden sind selbst der Seitencontainer (.ev-in) - auf dessen 1200 px, nicht auf "none". */
body.ev-theme .ev-t-lang .ev-in,body.ev-theme .ev-p-story.ev-p-nur-text{max-width:1200px}
/* Fliesstext in page.html/single.html: buendig mit dem Seitenkopf (.ev-in 1200 px minus 2 x 24 px). */
body.ev-theme .ev-inhalt>:not(.alignwide):not(.alignfull){max-width:1152px}
/* Abschnittskoepfe: Ueberschrift und Einleitung untereinander statt links/rechts je halb. */
body.ev-theme .ev-kopf{grid-template-columns:minmax(0,1fr);gap:12px;align-items:start}
/* Fragen und Abholung: Kopf (Titel, Einleitung) ueber dem Inhalt statt links in einer schmalen Spalte. */
body.ev-theme .ev-faq,body.ev-theme .ev-p-abholung-grid{grid-template-columns:minmax(0,1fr);gap:28px}
/* Fragen wieder zweispaltig (Theme 0.9.20, Nutzer 2026-10-19: FAQ "gefaellt mir optisch nicht", Wahl "Zweispaltig"):
   links Titel, Einleitung und WhatsApp-Knopf (mitlaufend), rechts die Fragen. Bis 900 px untereinander. */
.ev-faq-kopf .ev-btn{margin-top:22px}
/* Review-Fund: auf weissen Abschnitten (Produktseiten wechseln papier/weiss) sonst kaum als Knopf erkennbar -
   Rand in Tinte wie die Kartenknoepfe (.ev-u-mehr). */
.ev-faq-kopf .ev-btn.w{border:2px solid var(--tinte)}
.ev-faq-kopf .ev-btn.w:hover{background:var(--papier)}
.ev-weiss .ev-faq-kopf .ev-btn.w:hover{background:var(--papier)}
@media(min-width:901px){
body.ev-theme .ev-faq{grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:64px}
/* Erster Teil = Kopf, auch in den 13 Seiten mit eigenem Fragen-Markup (ohne .ev-faq-kopf). */
.ev-faq>:first-child{position:sticky;top:calc(var(--wp-admin--admin-bar--height,0px) + 110px)}
body.ev-theme .ev-faq>:first-child .ev-h2{font-size:clamp(30px,3.2vw,42px)}
}
/* Gleiche Darstellung auf allen Seiten (Theme 0.9.4, Nutzer 2026-10-16: "alle seiten muessen die
   gleiche darstellungsrichtlinien haben", Richtlinien in wordpress-theme/theme-eventma.md): nichts
   ist mehr schraeg gestellt oder faellt animiert ins Bild - Etiketten, Fotos, Fotostreifen,
   Beitragsbilder und das Datumsfeld im Abschlussblock stehen gerade. !important, weil die alten
   Drehungen teils staerkere Selektoren haben (z. B. .ev-anlass li:nth-child(even) .ev-tag). */
body.ev-theme .ev-tag,body.ev-theme .ev-abzug,body.ev-theme .ev-strip,body.ev-theme .ev-streifen,
body.ev-theme .ev-inhalt .wp-block-image.is-style-abzug img,body.ev-theme .ev-inhalt figure.is-style-abzug img,
body.ev-theme .ev-beitragsbild img,body.ev-theme .ev-karten .wp-block-post-featured-image img,
body.ev-theme .ev-cta .ev-ticket,body.ev-theme .ev-seitenkopf .wp-block-post-terms a{transform:none!important;animation:none!important}
body.ev-theme .ev-marke .ev-tag{transform:translateY(-2px)!important}
/* Externe Karten und Videos erst nach Einwilligung (Theme 0.9.8, inc/extern.php, assets/extern.js). */
.ev-extern{display:flex;flex-direction:column;justify-content:center;gap:12px;min-height:260px;margin:8px 0 28px;padding:28px;border:1px dashed rgba(43,45,66,.3);border-radius:14px;background:var(--papier,#fff6ec);color:var(--text2,#55586e);font-size:15px;line-height:1.5}
.ev-extern p{margin:0}
.ev-extern-aktion{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px}
.ev-extern .ev-btn{min-height:44px}

/* Handy (bis 600 px): Die WordPress-Leiste scrollt dort mit weg (position:absolute),
   der Kopf darf dann nicht 46 px tiefer kleben, sonst bleibt oben ein Spalt (Theme 0.9.13). */
@media screen and (max-width:600px){.ev-head,.wp-site-blocks > :has(> .ev-head){top:0}}
/* Startseite straffer (Theme 0.9.25, Nutzer 2026-10-19 "alle 5 punkte umsetzen"): kurze Bewertungszeile im Kopf,
   weniger Abstand oben, damit die Datumssuche am Laptop ohne Scrollen ganz sichtbar ist. */
.ev-hero-bewertung{margin:0 0 22px;font-weight:800;font-size:15px;color:var(--tinte)}
.ev-hero-bewertung .ev-p-sterne{color:#b07d00;letter-spacing:2px}
@media(min-width:1024px){.ev-ruhig .ev-hero-ruhig{padding-top:20px;padding-bottom:64px}.ev-ruhig .ev-hero-ruhig h1{margin-bottom:14px}.ev-ruhig .ev-hero-ruhig .ev-lead{margin-bottom:16px}}
/* Fragen auf weissem Abschnitt (Theme 0.9.25): Plus-Kreis sonst unsichtbar (Review-Fund). Offen bleibt er orange-hell. */
.ev-weiss .ev-faq summary:after{background-color:var(--papier)}
/* Theme 0.9.26 (Nutzer 2026-10-19): Online-Buchung als erster, hervorgehobener Vorteil; Textabschnitt fuer die Suche. */
.ev-vorteile li.ev-vorteil-online .ic{background:var(--orange)!important}
/* Textabschnitt (Nutzer: "etwas besser aber der biss fehlt"): Kopf ueber drei weissen Karten mit kraeftigem
   orangem Symbol und verkaufenden Ueberschriften. Kopf zweispaltig (Titel | Einleitung) ab 901 px. */
.ev-fotobox-text-kopf{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;align-items:end;margin-bottom:40px}
.ev-fotobox-text-kopf .ev-h2{margin:0}
.ev-fotobox-text-kopf .ev-lead{margin:0}
.ev-fotobox-text .ev-akzent{color:var(--orange)}
/* Beispielfotos mit Vorlage (Theme 0.9.28, Nutzer: Event-Fotos aus der Mediathek nutzen). */
.ev-fotobox-text-bilder{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:0 0 40px}
.ev-fotobox-text-bilder figure{margin:0;border-radius:14px;overflow:hidden;box-shadow:0 14px 30px -18px rgba(43,45,66,.45)}
.ev-fotobox-text-bilder img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}
@media(max-width:767px){.ev-fotobox-text-bilder{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:28px}.ev-fotobox-text-bilder figure:nth-child(3){display:none}}
.ev-fotobox-text-punkte{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.ev-fotobox-text-punkte li{display:flex;flex-direction:column;gap:16px;background:#fff;border-radius:16px;padding:30px 28px;box-shadow:0 1px 0 var(--linie),0 14px 30px -18px rgba(43,45,66,.35);border-top:4px solid var(--orange);transition:transform .2s,box-shadow .2s}
.ev-fotobox-text-punkte li:hover{transform:translateY(-3px);box-shadow:0 1px 0 var(--linie),0 22px 40px -20px rgba(43,45,66,.45)}
.ev-fotobox-text-punkte .ic{flex:none;width:52px;height:52px;border-radius:14px;background:var(--orange);display:flex;align-items:center;justify-content:center}
.ev-fotobox-text-punkte .ic svg{width:26px;height:26px;stroke:#fff}
.ev-fotobox-text-punkte h3{font-size:21px;line-height:1.25;font-weight:900;margin:0 0 8px;color:var(--tinte)}
.ev-fotobox-text-punkte p{margin:0;color:var(--text2);font-size:16px;line-height:1.6}
/* Nutzer 2026-10-19: "zuviel fettschrift" - Namen in normaler Schrift, nur dezent unterstrichen. */
.ev-fotobox-text-name{color:inherit;font-weight:inherit;text-decoration:underline;text-decoration-color:rgba(43,45,66,.3);text-decoration-thickness:1px;text-underline-offset:3px}
.ev-fotobox-text-name:hover,.ev-fotobox-text-name:focus-visible{color:var(--tinte);text-decoration-color:var(--orange);text-decoration-thickness:2px}
@media(prefers-reduced-motion:reduce){.ev-fotobox-text-punkte li{transition:none}.ev-fotobox-text-punkte li:hover{transform:none}}
@media(max-width:1000px){.ev-fotobox-text-punkte{grid-template-columns:1fr}}
@media(max-width:900px){.ev-fotobox-text-kopf{grid-template-columns:1fr;gap:14px;margin-bottom:28px}}
/* Preis im Kopf (Theme 0.9.30): hinter der Bewertung, mit Trennpunkt; am Handy eigene Zeile. */
@media(min-width:601px){.ev-hero-preis{white-space:nowrap}}
.ev-hero-nur-preis .ev-hero-preis:before{content:none}
.ev-hero-preis:before{content:"·";margin:0 10px;color:var(--text2);font-weight:400}
.ev-hero-preis b{color:var(--orange);font-weight:900}
@media(max-width:600px){.ev-hero-preis{display:block;margin-top:4px}.ev-hero-preis:before{content:none}}

/* 0.9.34 Datumsfelder auf dem iPhone: Safari gibt input[type=date] ohne appearance:none eine eigene
   Mindestbreite (ragte rechts aus der Karte) und zeigt leer gar nichts an. Breite und Ausrichtung wie die
   Textfelder, leer ein grauer Hinweis (nur iOS, dort rendert das Datumsfeld ::before; Klasse ev-leer aus kopf.js,
   nicht :invalid, weil ein Datum vor min sonst Wert und Hinweis zugleich zeigte). */
.ev-ticket input[type=date],.ev-bar input[type=date]{-webkit-appearance:none;appearance:none;display:block;max-width:100%;text-align:left}
.ev-ticket input[type=date]{line-height:48px}
.ev-bar input[type=date]{line-height:44px}
.ev-ticket input[type=date]::-webkit-date-and-time-value,.ev-bar input[type=date]::-webkit-date-and-time-value{text-align:left;margin:0}
@supports (-webkit-touch-callout:none){
.ev-ticket input[type=date].ev-leer::before,.ev-bar input[type=date].ev-leer::before{content:"Datum wählen";color:var(--text2,#55586e);font-weight:600}
}

/* Theme 0.9.37 (Nutzer 2026-10-22, Handy): Bleibt in der letzten Reihe eine Kachel allein (zwei Spalten, ungerade
   Anzahl), nimmt sie die ganze Breite ein, Bild links, Text rechts. Sonst stand daneben eine leere Lücke. Nur für Kacheln
   mit Bild; einzelne Kacheln (data-anzahl="1") und die einspaltigen Übersichten unter 421 px bleiben, wie sie sind. */
@media(max-width:767px){
.ev-boxen:not(.ev-u-boxen)>li:last-child:nth-child(odd):has(>a>.ev-abzug){grid-column:1/-1}
.ev-boxen:not(.ev-u-boxen)>li:last-child:nth-child(odd):has(>a>.ev-abzug)>a{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:14px;align-content:start}
.ev-boxen:not(.ev-u-boxen)>li:last-child:nth-child(odd):has(>a>.ev-abzug)>a>.ev-abzug{grid-column:1;grid-row:1/span 6;align-self:start;margin-bottom:0}
.ev-boxen:not(.ev-u-boxen)>li:last-child:nth-child(odd):has(>a>.ev-abzug)>a>:not(.ev-abzug){grid-column:2}
.ev-boxen:not(.ev-u-boxen)>li:last-child:nth-child(odd):has(>a>.ev-abzug)>a>.hin{justify-self:start}
.ev-boxen:not(.ev-u-boxen)>li:last-child:nth-child(odd):has(>a>.ev-abzug)>a>.pr{margin-top:10px}
}
@media(min-width:421px) and (max-width:767px){
.ev-u-boxen:not([data-anzahl="1"])>li:last-child:nth-child(odd):has(>a>.ev-abzug){grid-column:1/-1}
.ev-u-boxen:not([data-anzahl="1"])>li:last-child:nth-child(odd):has(>a>.ev-abzug)>a{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:14px;align-content:start}
.ev-u-boxen:not([data-anzahl="1"])>li:last-child:nth-child(odd):has(>a>.ev-abzug)>a>.ev-abzug{grid-column:1;grid-row:1/span 6;align-self:start;margin-bottom:0}
.ev-u-boxen:not([data-anzahl="1"])>li:last-child:nth-child(odd):has(>a>.ev-abzug)>a>:not(.ev-abzug){grid-column:2}
.ev-u-boxen:not([data-anzahl="1"])>li:last-child:nth-child(odd):has(>a>.ev-abzug)>a>.hin{justify-self:start}
.ev-u-boxen:not([data-anzahl="1"])>li:last-child:nth-child(odd):has(>a>.ev-abzug)>a>.pr{margin-top:10px}
}