/*
 Theme Name:   Bricks Child Theme
 Theme URI:    https://bricksbuilder.io/
 Description:  Use this child theme to extend Bricks.
 Author:       Bricks
 Author URI:   https://bricksbuilder.io/
 Template:     bricks
 Version:      1.1
 Text Domain:  bricks
*/

/**
 * Header
 **/

/**
 * Footer
 **/

.rwp_link a {
	text-decoration: underline;
}

.rwp_link a:hover {
	text-decoration: none;
}

/**
 * Startseite
 **/
.rwp_btn_abspielen {
	transition: all 0.5s ease-in-out;
}

.rwp_btn_abspielen:hover {
	transform: scale(0.97);
	transition: all 0.5s ease-in-out;
}

a.rwp_link_leistungen::before {
	content: " ";
	width: 2px;
	height: var(--h2);
	background-color: var(--secondary);
	display: flex;
	position: absolute;
	margin-left: -1.5rem;
	transition: all 0.3s ease-in-out;
}

a.rwp_link_leistungen {
	margin-left: 1.5rem;
	transition: all 0.3s ease-in-out;
}


.rwp_leistungen {
	transition: all 0.3s ease-in-out; 
}

/* Wenn der Container hovered ist, ALLE Links erstmal blurren */
.rwp_leistungen:hover a.rwp_link_leistungen {
	filter: blur(3px);
	opacity: 0.1;
	transition: all 0.3s ease-in-out; /* smoother Effekt */
}

/* Aber: Der gerade aktive/hovered Link bleibt klar */
.rwp_leistungen:hover a.rwp_link_leistungen:hover {
	filter: none;
	opacity: 1;
	transition: all 0.3s ease-in-out; 
	font-size: calc(var(--h2) * 1.02);
}

.rwp_leistungen:hover .rwp_link_leistungen:hover::before {
  width: 4px;
  height: calc(var(--h2) * 1.02);
  transition: all 0.3s ease-in-out;
}

a.rwp_leistungen_container, a.rwp_leistungen_container:hover, 
a.rwp_leistungen_container h3, 
a.rwp_leistungen_container h3:hover, a.rwp_leistungen_container div, a.rwp_leistungen_container div:hover, .rwp_leistungen_container::before {
	transition: all 0.3s ease-in-out; 
}

a.rwp_leistungen_container {
	background-size: 100% !important;
	transition: all 0.3s ease-in-out; 
}

a.rwp_leistungen_container:hover {
	background-size: 103% !important;
	transition: all 0.3s ease-in-out; 
}
.rwp_leistungen_container p {
	opacity: 0;
	transform: translateY(2rem);
	transition: all 0.3s ease-in-out; 
}

.rwp_leistungen_container p:hover {
	transition: all 0.3s ease-in-out; 
}

.rwp_leistungen_container:hover p {
	opacity: 1;
	transform: translateY(0);
	transition: all 0.3s ease-in-out; 
}
.rwp_leistungen_container h3 {
	opacity: 1;
	transform: translateY(1rem);
	transition: all 0.3s ease-in-out; 
}

.rwp_leistungen_container:hover h3 {
	opacity: 1;
	transform: translateY(0);
	transition: all 0.3s ease-in-out; 
}

.rwp_leistungen_container svg {
	transition: all 0.3s ease-in-out; 
}

.rwp_leistungen_container:hover svg {
	transform: rotate(45deg);
	transition: all 0.3s ease-in-out; 
}

.rwp_leistungen_container:hover::before {
	background: rgba(255, 255, 255, 0.2);
	box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
	backdrop-filter: blur(10.5px);
	-webkit-backdrop-filter: blur(10.5px);
	transition: all 0.5s ease-in-out; 
}

.rwp_gallery, .rwp_gallery figure {
	transition: all 0.5s ease-in-out;
	overflow: hidden;
}

.rwp_gallery figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;     
  transition: all 0.5s ease-in-out;
}

.rwp_gallery figure:hover img {
  transform: scale(1.1);
}