.karte-breit{display:grid;border-radius:18px;corner-shape:superellipse(2);background:#0a1430;box-shadow:0 30px 60px -40px #0a143099;transition:translate .25s ease,box-shadow .25s ease}@media(min-width:900px){.karte-breit{grid-template-columns:1.3fr 1fr}}.group:hover .karte-breit{translate:0 -4px;box-shadow:0 40px 70px -40px #0a1430b3}.kb-bilder{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;align-items:center;padding:34px 28px;background:#f2b705}.kb-bilder:has(.kb-notiz){padding-top:112px}.kb-notiz{position:absolute;left:30px;right:30px;top:18px;margin:0;display:flex;flex-direction:column;font-family:Caveat Brush,Comic Sans MS,cursive;color:#121212;rotate:-1.5deg}.kb-notiz span{font-size:clamp(22px,2.3vw,30px);line-height:1.05}.kb-notiz small{position:absolute;right:6px;top:6px;display:flex;align-items:flex-start;gap:2px;font-size:clamp(15px,1.4vw,18px);rotate:5deg}.kb-notiz small svg{width:30px;height:26px;margin-top:10px;fill:none;stroke:#121212;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}@media(max-width:640px){.kb-bilder:has(.kb-notiz){padding-top:120px}.kb-notiz small{position:static;margin-top:4px;rotate:0deg}}.kb-bilder img{width:100%;height:auto;aspect-ratio:4 / 5;object-fit:cover;border-radius:8px;box-shadow:0 16px 28px -14px #12121299,0 0 0 4px #fff;rotate:calc((var(--k) - 1.5) * 2.4deg);transition:rotate .45s cubic-bezier(.2,.8,.2,1),translate .45s cubic-bezier(.2,.8,.2,1)}.kb-bilder img:nth-child(odd){translate:0 -6px}.kb-bilder img:nth-child(2n){translate:0 8px}.group:hover .kb-bilder img{rotate:0deg;translate:0 0}.kb-ki{position:absolute;right:12px;bottom:12px;padding:2px 7px;border-radius:6px;background:#121212bf;color:#fff;font-size:11px;font-weight:700;font-style:normal}.kb-text{display:flex;flex-direction:column;justify-content:center;gap:14px;padding:28px 26px 30px}@media(min-width:900px){.kb-text{padding:36px 40px}}@font-face{font-family:Caveat Brush;font-weight:400;font-display:swap;src:url(/fonts/ginger/CaveatBrush-400-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}.kb-stempel{align-self:flex-start;padding:0 4px 9px;font-family:Caveat Brush,Comic Sans MS,cursive;font-size:25px;line-height:1.1;color:#f2b705;rotate:-3deg;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 10' preserveAspectRatio='none'%3E%3Cpath d='M2 6 C 30 2, 62 9, 100 5 S 168 2, 198 6' fill='none' stroke='%23F2B705' stroke-width='2.6' stroke-linecap='round'/%3E%3C/svg%3E") left bottom / 100% 9px no-repeat}.kb-titel{font-size:clamp(22px,2.4vw,30px);font-weight:800;line-height:1.15;color:#fff}.group:hover .kb-titel{color:#fff}.kb-desc{font-size:15px;line-height:1.6;color:#ffffffbf}.kb-tags{display:flex;flex-wrap:wrap;gap:10px 8px;margin:2px 0 0;padding:0;list-style:none}.kb-tags li{padding:3px 14px 2px;font-family:Caveat Brush,Comic Sans MS,cursive;font-size:19px;line-height:1.2;color:#121212;background:#f2b705eb;rotate:-2deg;clip-path:polygon(0 8%,4% 0,8% 10%,12% 2%,88% 4%,92% 0,96% 9%,100% 3%,98% 50%,100% 96%,95% 90%,91% 100%,87% 92%,13% 97%,9% 90%,5% 100%,1% 92%,3% 50%)}.kb-tags li:nth-child(2n){rotate:1.6deg;background:#ede4d3eb}.kb-tags li:nth-child(3n){rotate:-.6deg}.kb-link{display:inline-flex;align-items:center;gap:6px;margin-top:6px;font-family:Caveat Brush,Comic Sans MS,cursive;font-size:27px;line-height:1;color:#f2b705;rotate:-2deg}.kb-link svg{width:58px;height:26px;fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round;transition:translate .2s ease}.group:hover .kb-link svg{translate:5px 0}@media(prefers-reduced-motion:reduce){.karte-breit,.kb-bilder img{transition:none}}.karten-tags{margin-bottom:8px;font-size:12.5px;font-weight:600;line-height:1.5;color:#0b7470}.register{display:flex;flex-wrap:wrap;justify-content:center;align-items:baseline;gap:6px 14px}.register-strich{font-size:22px;font-weight:300;color:#0a143038}.filter-btn{position:relative;padding:4px 2px 10px;border:0;background:none;cursor:pointer;font-size:clamp(16px,1.6vw,20px);font-weight:700;letter-spacing:-.01em;color:#8a96a8;transition:color .2s ease}.filter-btn sup{margin-left:3px;font-size:.55em;font-weight:600;color:#0b7470}.filter-btn:after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;border-radius:2px;background:#46bfba;transform-origin:left center;scale:0 1;transition:scale .3s cubic-bezier(.6,0,.2,1)}.filter-btn:hover{color:#0a1430}.filter-btn:not(.is-active):hover:after{scale:1 1;background:#0a143026}.filter-btn.is-active{color:#0a1430}.filter-btn.is-active:after{scale:1 1}.filter-btn:focus-visible{outline:2px solid #007398;outline-offset:4px;border-radius:4px}.preview-stack{position:absolute;inset:0;background:#08102066}.preview-img{opacity:0;animation-duration:calc(var(--preview-count) * 3s);animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-delay:calc(var(--idx) * 3s);will-change:opacity;background:#08102066}.preview-img:first-child{opacity:1;animation-name:preview-first}.preview-img:not(:first-child){animation-name:preview-other}@keyframes preview-first{0%,30%{opacity:1}36%{opacity:0}98%{opacity:0}to{opacity:1}}@keyframes preview-other{0%{opacity:0}4%{opacity:1}30%{opacity:1}36%,to{opacity:0}}@media(prefers-reduced-motion:reduce){.preview-img{animation:none;opacity:0}.preview-img:first-child{opacity:1}}.portfolio-item:hover .preview-img{animation-play-state:paused}