#primary{
	color: #848484;
	
}
	.project{
position: relative;
	
}


.projects	.case__details,
.projects .project__title{
	position:absolute;	
	width: 100%;
	height: 100%;
background: rgba(255, 255, 255, 0.58);
backdrop-filter: blur(8.9px);
-webkit-backdrop-filter: blur(8.9px);
	max-width: calc(100% - 20px);
	
	
	

background-color: #fff;
width: auto;
height: auto;
padding: 5px;
padding-right: 7px;
top: 10px;
left: 10px;
height: auto;
opacity: 0;
	transform: translateX(-20px);
		transition: all 0.1s ease-in-out;
	margin-top: 0;

}

.projects .project__title{
	letter-spacing: -0.02rem;
	padding: 3px;
	font-size: 12px;
		color: #848484;

}

.project__title a:hover,
.project-related__inner a:hover {
	text-decoration: none!important;
}

.projects .case:hover .case__details,
.projects .project:hover .project__title{
	opacity: 1;
		transform: translateX(0px);

	transition: all 0.3s ease-in-out;
}

.case__title{
	padding-top: 0.2em;
	padding-left: 0.2em;
	color: #848484;
	font-size: 1rem;
	letter-spacing: -0.01rem;
	line-height: 0.8;
}




.case__client{
	padding-left: 0.2em;
	font-size: 0.9rem;
	color: #848484;

}

.case{
	grid-column: span 6;
}

.project-related__inner .project__link{
	gap:0.5rem;
}


.swiper-button-next, .swiper-rtl .swiper-button-prev{
	right: 25px;
}
.swiper-button-prev, .swiper-rtl .swiper-button-next{
	left: 25px;
}
.main-navigation .current-menu-ancestor>a, .main-navigation .current-menu-item>a, .main-navigation .current-product-ancestor>a, .main-navigation .current_page_ancestor>a, .main-navigation .current_page_item>a, .main-navigation .current_page_parent>a, .main-navigation li.active>a{
	font-weight: 300;
	color: rgb(0 226 63/var(--tw-bg-opacity));
}

.single-media-multiple__inner{
	display: grid;
  grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
  gap: 2rem; /* or whatever spacing you want */
}

.single-project .sb-grid-outer{
	row-gap: 2rem;
}


.case {
	
	position: relative;
}

.pb-\[75\%\]{
	padding-bottom: 75%;
}

.gap-5{
	gap:5rem;
}

.gap-1{
	gap:1rem;
}

.grid-cols-5{
	grid-template-columns: repeat(5,minmax(0,1fr));
}





/* =========================================================
   Borlabs Cookie – an Studio Bens angepasst
   Lädt nach app.css. #BorlabsCookieBox.BorlabsCookie liefert
   die nötige Spezifität; !important schlägt die Plugin-Defaults.
   Palette: schwarz #070707 · offwhite #fcfcfc · blau #0066ff
            grün #00e23f · body-bg #f2f2f2
   ========================================================= */

/* Overlay / Hintergrund */
#BorlabsCookieBox.BorlabsCookie {
	background-color: rgba(7, 7, 7, 0.6) !important;
	line-height: 1;
}

/* Dialog-Box: flach, scharfe Kanten, Body-Hintergrund */
#BorlabsCookieBox.BorlabsCookie ._brlbs-box {
	background-color: #f2f2f2 !important;
	color: #070707 !important;
	border: 1px solid #070707;
	border-radius: 0 !important;
	box-shadow: none !important;
	font-family: "Scto Grotesk A", system-ui, -apple-system, sans-serif;
	font-weight: 900;
	line-height: 1;
}

/* Überschriften (Essenziell / Externe Medien) */
#BorlabsCookieBox.BorlabsCookie ._brlbs-box ._brlbs-h3,
#BorlabsCookieBox.BorlabsCookie ._brlbs-box ._brlbs-h4 {
	font-family: "Scto Grotesk A", system-ui, -apple-system, sans-serif;
	color: #070707 !important;
}

/* Fließtext */
#BorlabsCookieBox.BorlabsCookie ._brlbs-box p,
#BorlabsCookieBox.BorlabsCookie ._brlbs-box ._brlbs-paragraph {
	color: #070707 !important;
	line-height: 1;
}

/* Buttons – wie .sb-button: hell mit Rahmen, Hover invertiert.
   Alle Buttons gleich = gleichwertige Prominenz (siehe Hinweis unten). */
#BorlabsCookieBox.BorlabsCookie ._brlbs-box ._brlbs-btn {
	background-color: #f2f2f2 !important;
	color: #070707 !important;
	border: 0px solid #070707 !important;
	border-radius: 0 !important;
	padding: 0 !important;
	margin-bottom: 0rem !important;
	font-family: "Scto Grotesk A", system-ui, -apple-system, sans-serif !important;
	font-size: .9375rem !important;
	font-weight: 700 !important;
	line-height: 1.2 !important;
	text-transform: none !important;
	transition: color .15s, background-color .15s, border-color .15s;
}
#BorlabsCookieBox.BorlabsCookie ._brlbs-box ._brlbs-btn:hover,
#BorlabsCookieBox.BorlabsCookie ._brlbs-box ._brlbs-btn:focus {
	background-color: #070707 !important;
	color: #fcfcfc !important;
	text-decoration: none !important;
}

#BorlabsCookieBox.BorlabsCookie ._brlbs-box .container ul li ._brlbs-checkbox {
	line-height: 1!important;
		padding-left:1.5rem!important;

}

/* Footer-Links (Cookie-Details | Datenschutzerklärung | Impressum) */
#BorlabsCookieBox.BorlabsCookie ._brlbs-box ._brlbs-legal a,
#BorlabsCookieBox.BorlabsCookie ._brlbs-box a._brlbs-cursor {
	color: #070707 !important;
	text-decoration: none;
}
#BorlabsCookieBox.BorlabsCookie ._brlbs-box ._brlbs-legal a:hover,
#BorlabsCookieBox.BorlabsCookie ._brlbs-box a._brlbs-cursor:hover {
	color: #0066ff !important;
	text-decoration: underline;
}

/* Link „Datenschutzerklärung" im Einleitungstext */
#BorlabsCookieBox.BorlabsCookie ._brlbs-box ._brlbs-text-more-information a {
	color: #0066ff !important;
	text-decoration: underline;
}

/* ---- ANGENOMMENE Selektoren – bei Bedarf im DevTools prüfen ---- */

/* Checkbox-Akzent in Markenblau */
#BorlabsCookieBox.BorlabsCookie ._brlbs-box ._brlbs-checkbox-indicator {
	border-color: #070707 !important;
	border-radius: 0 !important;
}
#BorlabsCookieBox.BorlabsCookie ._brlbs-box input:checked + ._brlbs-checkbox-indicator {
	background-color: #0066ff !important;
	border-color: #0066ff !important;
}

#BorlabsCookieBox.BorlabsCookie ._brlbs-box .container ._brlbs-button-area p:last-child{
	margin-bottom: 0px!important;
}

#BorlabsCookieBox.BorlabsCookie ._brlbs-box .container p{
	display: inline-block!important; 
}
/* OPTIONAL: „Alle akzeptieren" in Blau hervorheben.
   Rechtlicher Hinweis siehe unten – Block ggf. weglassen. */
/*
#BorlabsCookieBox.BorlabsCookie ._brlbs-box ._brlbs-btn[data-cookie-accept-all] {
	background-color: #0066ff !important;
	border-color: #0066ff !important;
	color: #fcfcfc !important;
}
#BorlabsCookieBox.BorlabsCookie ._brlbs-box ._brlbs-btn[data-cookie-accept-all]:hover {
	background-color: #070707 !important;
	border-color: #070707 !important;
}
*/