/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

.services-section {
  padding: 60px 20px;
  text-align: center;
}

.section-title {
  font-size: 32px;
  margin-bottom: 40px;
}

.services-wrapper {
  display: flex;
  gap: 20px;
/*   flex-wrap: wrap; */
}

.service-card {
  position: relative;
  width: 100%;
  max-width: 100%;
  height: 320px;
  cursor: pointer;
  overflow: hidden;
  border-radius: 12px;
}

/* FRONT */
.card-front {
  height: 100%;
  background-size: cover;
  background-position: center;
  display: flex;
  align-items: flex-end;
  transition: transform 0.4s ease;
}

.card-front.owner {
  background-image: url('/wp-content/uploads/2026/03/stock-photo-group-of-businesswomen-and-businessmen-working-in-modern-office-busy-coworking-open-space-with-1725545836-2.webp');
}

.card-front.buyer {
  background-image: url('/wp-content/uploads/2026/03/innomakler-ueber-uns-dummy-header-img.webp');
}

.overlay {
  background: rgba(0,0,0,0.5);
  color: #fff;
  width: 100%;
  padding: 20px;
  text-align: left;
}

.overlay h3 {
  margin: 0;
  font-size: 20px;
}

.overlay p {
  font-size: 14px;
  margin: 8px 0;
}

.cta {
  font-size: 13px;
  text-decoration: underline;
}

/* BACK (SLIDE UP) */
.card-back {
  position: absolute;
  bottom: -100%;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  padding: 25px;
  transition: bottom 0.4s ease;
  overflow-y: auto;
  text-align: left;
}

.card-back ul {
  padding-left: 20px;
}

.card-back li {
  margin-bottom: 10px;
  font-size: 14px;
}

/* ACTIVE STATE */
.service-card.active .card-back {
  bottom: 0;
}

.service-card.active .card-front {
  transform: scale(1.05);
}

/* MOBILE */
@media (max-width: 768px) {
  .services-wrapper {
    flex-direction: column;
    align-items: center;
  }
}
.svg-bg{
    background-size: 100% 300px;
    background-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 300' preserveAspectRatio='none'><path d='M0,150 C150,50 350,250 500,150 C650,50 850,250 1000,150 L1000,300 L0,300 Z' fill='%23708ccc'/><path d='M0,180 C200,80 400,280 600,180 C800,80 1000,280 1000,180 L1000,300 L0,300 Z' fill='%23001844'/></svg>");
    background-repeat: no-repeat;
    background-position: bottom;
}
.immowelt {
    display: flex;
    justify-content: center;
	gap: 10px;
    margin-top: 1em;
}