/**
 * Theme Name:     Hello Elementor Child
 * Author:         Elementor Team
 * Template:       hello-elementor
 * Text Domain:	   hello-elementor-child
 * Description:    Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
 */

.showroom-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
	gap: 24px;
}

/* Auf größeren Bildschirmen nur 2 Spalten */
@media (min-width: 850px) {
	.showroom-grid {
		grid-template-columns: repeat(2, 1fr);
	}
}

.showroom-grid .showroom-item {
	position: relative;
	text-align: center;
}

.showroom-grid .showroom-link {
	display: block;
	position: relative;
}

.showroom-grid .showroom-link img {
	width: 100%;
	max-width: 400px;
	height: auto;
	border-radius: 8px;
	box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}

.showroom-grid .showroom-overlay {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	height: 60px;
	width: 60px;
	border-radius: 30px;
	opacity: 0;
	transition: opacity .5s ease;
	background: center center no-repeat #EFF4F7;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23000000' viewBox='0 0 256 256'%3E%3Cpath d='M152,112a8,8,0,0,1-8,8H120v24a8,8,0,0,1-16,0V120H80a8,8,0,0,1,0-16h24V80a8,8,0,0,1,16,0v24h24A8,8,0,0,1,152,112Zm77.66,117.66a8,8,0,0,1-11.32,0l-50.06-50.07a88.11,88.11,0,1,1,11.31-11.31l50.07,50.06A8,8,0,0,1,229.66,229.66ZM112,184a72,72,0,1,0-72-72A72.08,72.08,0,0,0,112,184Z'%3E%3C/path%3E%3C/svg%3E");
	cursor: pointer; /* Jetzt klickbar */
}

.showroom-grid .showroom-link:hover .showroom-overlay {
	opacity: 1;
}

form.elementor-form .elementor-field.elementor-field-textual:focus-visible {
	border: 1px solid #095295;
	outline: 2px solid #095295;
}

.f12-captcha input.f12c  {
	border: 2px solid #095295;
}