.page-referenzen .hero-section,body.page-referenzen,body.page-referenzen .site-main{background:var(--color-bg-primary)}.page-referenzen .hero-background{background:#f0f7f6;padding-bottom:0}@media (min-width:969px){.page-referenzen .hero-grid{grid-template-columns:1.3fr 0.7fr}}@media (prefers-color-scheme:dark){.page-referenzen .hero-background,.page-referenzen .hero-section,body.page-referenzen,body.page-referenzen .site-main{background:#0a1e22}.page-referenzen .hero-background{padding-bottom:0!important}}.kat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-6);margin-top:var(--spacing-10)}.kat-card{background:var(--color-bg-primary);border:1px solid var(--color-border-light);border-radius:var(--radius-2xl);overflow:hidden;transition:box-shadow .3s,transform .3s;display:flex;flex-direction:column}.kat-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.kat-thumb{aspect-ratio:16/9;background:linear-gradient(135deg,var(--ice-dark) 0,var(--ice-darkest) 100%);position:relative;overflow:hidden}.kat-thumb img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.kat-thumb-badge{position:absolute;bottom:var(--spacing-3);left:var(--spacing-3);background:rgba(13,36,40,.75);color:var(--color-accent);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:.1em;text-transform:uppercase;padding:var(--spacing-1) var(--spacing-3);border-radius:var(--radius-lg)}.kat-thumb-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:rgba(168,230,225,.15);font-size:clamp(24px, 3vw, 36px);font-weight:800;letter-spacing:-.02em}.kat-body{padding:var(--spacing-6);flex:1;display:flex;flex-direction:column;align-items:flex-start}.kat-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--spacing-3);letter-spacing:-.01em;line-height:1.3;min-height:2.6em}.kat-text{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.65;margin-bottom:var(--spacing-4);flex:1}.kat-clients{font-size:var(--font-size-xs);color:var(--color-text-muted);letter-spacing:.03em;margin-bottom:var(--spacing-5);font-weight:var(--font-weight-medium)}.kat-link{display:inline-flex;align-items:center;gap:var(--spacing-2);margin-top:var(--spacing-4);padding:var(--spacing-2) var(--spacing-5);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--ice-dark);border:1.5px solid var(--ice-dark);background:0 0;text-decoration:none;transition:.2s;width:fit-content}.kat-link:hover{background:var(--ice-dark);color:#fff;border-color:var(--ice-dark)}.kat-link svg{width:14px;height:14px;transition:transform .2s;flex-shrink:0}.kat-link:hover svg{transform:translateX(3px)}@media (prefers-color-scheme:dark){.kat-link{color:var(--color-accent);border-color:var(--color-accent)}.kat-link:hover{background:var(--color-accent);color:var(--ice-darkest)}}.page-referenzen-sub .hero-background{background:var(--bg-page-alt);padding:0 var(--spacing-10)}.page-referenzen-sub .floating-container{border-radius:0;box-shadow:none;background:var(--bg-page-alt);padding-bottom:0}.page-referenzen-sub .landing-content-wrapper{background:var(--bg-page-alt);padding-top:0;margin-top:0;padding-left:var(--spacing-10);padding-right:var(--spacing-10)}.page-referenzen-sub .floating-container-content{border-radius:var(--radius-3xl);box-shadow:none!important;background:var(--color-bg-card)}.page-referenzen-sub .floating-container-content:not(.kontakt-container){border-radius:0 0 var(--radius-3xl) var(--radius-3xl)}.page-referenzen-sub .coolwhite-navbar-wrapper{background:var(--color-bg-card)}.ref-sub-header{background:var(--color-bg-primary);padding:var(--spacing-12) 0 0}.ref-sub-header-inner{max-width:1200px;margin:0 auto;padding:0 var(--spacing-12)}.ref-sub-breadcrumb{display:flex;align-items:center;gap:var(--spacing-2);margin-bottom:var(--spacing-5)}.ref-sub-breadcrumb a,.ref-sub-breadcrumb span{font-size:var(--font-size-xs);color:var(--color-text-muted);text-decoration:none;letter-spacing:.04em}.ref-sub-breadcrumb a:hover{color:var(--color-text-primary)}.ref-sub-breadcrumb-sep{color:var(--color-border-dark)}.ref-sub-header h1{font-size:clamp(1.75rem, 4vw, 3rem);font-weight:800;color:var(--color-text-primary);letter-spacing:-.03em;line-height:1.15;margin-bottom:var(--spacing-3)}.ref-sub-subline{font-size:clamp(1rem, 2vw, 1.25rem);color:var(--color-text-secondary);line-height:1.5;max-width:680px;margin-bottom:var(--spacing-8)}.ref-kat-nav{display:flex;gap:var(--spacing-3);padding:var(--spacing-5) 0;border-top:1px solid var(--color-border-light);border-bottom:1px solid var(--color-border-light);flex-wrap:wrap}.ref-kat-nav-item{display:inline-flex;align-items:center;padding:var(--spacing-2) var(--spacing-5);border-radius:var(--radius-full,9999px);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);letter-spacing:.02em;border:1.5px solid var(--color-border-medium);color:var(--color-text-secondary);background:0 0;transition:.2s;text-decoration:none;cursor:pointer}.ref-kat-nav-item:hover{border-color:var(--ice-dark);color:var(--color-text-primary)}.ref-kat-nav-item.active{background:var(--color-accent);color:var(--ice-darkest);border-color:var(--color-accent)}@media (prefers-color-scheme:dark){.ref-kat-nav-item.active{background:var(--color-accent);color:var(--ice-darkest);border-color:var(--color-accent)}}.ref-intro{background:var(--color-bg-secondary);border-left:3px solid var(--color-accent);border-radius:0 var(--radius-xl) var(--radius-xl) 0;padding:var(--spacing-5) var(--spacing-8);margin-bottom:var(--spacing-16)}.ref-intro p{font-size:var(--font-size-base);color:var(--color-text-secondary);line-height:1.75;margin:0}@media (prefers-color-scheme:dark){.ref-intro{background:rgba(168,230,225,.06)}}.ref-videogrid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-8);margin-top:var(--spacing-6)}.ref-video-card{background:var(--color-bg-card);border:1px solid var(--color-border-light);border-radius:var(--radius-2xl);overflow:hidden;box-shadow:var(--shadow-sm);transition:box-shadow .3s,transform .3s}.ref-video-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.ref-video-thumb{aspect-ratio:16/9;background:linear-gradient(135deg,var(--ice-dark) 0,var(--ice-darkest) 100%);position:relative;overflow:hidden;cursor:default}.ref-video-thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:opacity .3s}.ref-video-play{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(10,30,34,.35);transition:background-color .3s}.ref-video-thumb:hover .ref-video-play{background:rgba(10,30,34,.55)}.ref-video-play svg{width:52px;height:52px;filter:drop-shadow(0 2px 8px rgba(0,0,0,.5));transition:transform .2s}.ref-video-thumb:hover .ref-video-play svg{transform:scale(1.1)}.ref-video-thumb-badge{position:absolute;top:var(--spacing-3);left:var(--spacing-3);background:rgba(13,36,40,.75);color:var(--color-accent);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:.1em;text-transform:uppercase;padding:var(--spacing-1) var(--spacing-3);border-radius:var(--radius-lg);transition:opacity .3s;z-index:2}.ref-video-thumb.is-playing .ref-video-thumb-badge{opacity:0}.ref-video-info{padding:var(--spacing-6)}.ref-video-tags{display:flex;gap:var(--spacing-2);margin-bottom:var(--spacing-3);flex-wrap:wrap}.ref-video-tag{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:.08em;text-transform:uppercase;color:var(--ice-dark);background:var(--color-bg-secondary);padding:2px var(--spacing-2);border-radius:var(--radius-lg)}.ref-video-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);line-height:1.3;margin-bottom:var(--spacing-2);letter-spacing:-.01em}.referenzen-sub-corporate .ref-video-title,.referenzen-sub-doku .ref-video-title{min-height:3.2rem}.ref-video-client{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--ice-dark);margin-bottom:var(--spacing-3)}.ref-video-desc{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.65}.referenzen-sub-corporate .ref-video-card,.referenzen-sub-doku .ref-video-card{display:flex;flex-direction:column}.referenzen-sub-corporate .ref-video-info,.referenzen-sub-doku .ref-video-info{display:flex;flex-direction:column;flex:1}.referenzen-sub-corporate .ref-video-desc,.referenzen-sub-doku .ref-video-desc{flex:1}@media (max-width:768px){.ref-videogrid{grid-template-columns:1fr}.ref-sub-header-inner{padding:0 var(--spacing-6)}.ref-kat-nav{gap:var(--spacing-2)}.ref-kat-nav-item{font-size:var(--font-size-xs);padding:var(--spacing-2) var(--spacing-4)}.page-referenzen-sub .landing-content-wrapper{padding-left:16px;padding-right:16px}}@media (max-width:480px){.ref-sub-header-inner{padding:0 var(--spacing-4)}}@media (prefers-color-scheme:dark){.ref-sub-header,body.page-referenzen-sub,body.page-referenzen-sub .site-main{background:#0a1e22}.ref-kat-nav{border-top-color:rgba(168,230,225,.1);border-bottom-color:rgba(168,230,225,.1)}.ref-kat-nav-item{border-color:rgba(168,230,225,.15);color:var(--ice-light)}.ref-kat-nav-item:hover{border-color:var(--color-accent);color:var(--color-accent)}.kat-card{background:rgba(255,255,255,.04);border-color:rgba(168,230,225,.1)}.kat-card:hover{background:rgba(255,255,255,.06)}.kat-title{color:var(--ice-lightest)}.kat-text{color:rgba(214,234,232,.65)}.kat-clients{color:rgba(214,234,232,.4)}.kat-link{color:var(--color-accent);border-bottom-color:rgba(168,230,225,.3)}.kat-link:hover{color:var(--ice-light);border-bottom-color:var(--ice-light)}.ref-video-card{background:rgba(255,255,255,.04);border-color:rgba(168,230,225,.1)}.ref-video-card:hover{background:rgba(255,255,255,.06)}.ref-video-title{color:var(--ice-lightest)}.ref-video-client{color:var(--color-accent)}.ref-video-desc{color:rgba(214,234,232,.65)}.ref-video-tag{background:rgba(168,230,225,.08);color:var(--color-accent)}.page-referenzen-sub .floating-container,.page-referenzen-sub .hero-background,.page-referenzen-sub .landing-content-wrapper{background:#0a1e22}.ref-sub-header h1{color:var(--ice-lightest)}.ref-sub-subline{color:var(--ice-light)}}.ref-multicam-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-6);margin-top:var(--spacing-6)}.referenzen-sub-corporate .ref-multicam-grid,.referenzen-sub-doku .ref-multicam-grid{grid-template-columns:1fr 1fr}@media (max-width:968px){.ref-multicam-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.ref-multicam-grid{grid-template-columns:1fr}}.ref-kompetenz-section{margin-top:var(--spacing-16);padding-top:var(--spacing-10)}.ref-kompetenz-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-6);margin-top:var(--spacing-8)}.ref-kompetenz-item{display:flex;flex-direction:column;gap:var(--spacing-3)}.ref-kompetenz-icon{width:28px;height:28px;color:var(--color-accent);flex-shrink:0}.ref-kompetenz-item h3{font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0;min-height:2.6rem}.ref-kompetenz-item p{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.65;margin:0}@media (max-width:968px){.ref-kompetenz-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.ref-kompetenz-grid{grid-template-columns:1fr}}@media (prefers-color-scheme:dark){.ref-kompetenz-section{border-top-color:rgba(168,230,225,.1)}.ref-kompetenz-item h3{color:var(--ice-lightest)}.ref-kompetenz-item p{color:rgba(214,234,232,.65)}}.ref-page-header{padding-top:var(--spacing-10);margin-bottom:var(--spacing-10);padding-bottom:var(--spacing-10)}.ref-page-header h1{margin-top:0;margin-bottom:var(--spacing-3)}.ref-page-header .ref-sub-subline{margin-bottom:var(--spacing-6)}.ref-page-header .ref-kat-nav{padding:0;border:none}@media (prefers-color-scheme:dark){.ref-page-header{border-bottom-color:rgba(168,230,225,.1)}}.page-referenzen-sub .floating-container-content{padding-top:var(--spacing-10)!important}