.elementor-13 .elementor-element.elementor-element-c2a1c8d{--display:flex;}.elementor-13 .elementor-element.elementor-element-c2a1c8d:not(.elementor-motion-effects-element-type-background), .elementor-13 .elementor-element.elementor-element-c2a1c8d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#7D1043;}.elementor-13 .elementor-element.elementor-element-d00a815{--display:flex;}.elementor-13 .elementor-element.elementor-element-d00a815:not(.elementor-motion-effects-element-type-background), .elementor-13 .elementor-element.elementor-element-d00a815 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-13 .elementor-element.elementor-element-d6f9c87{--display:flex;--min-height:640px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-13 .elementor-element.elementor-element-d6f9c87:not(.elementor-motion-effects-element-type-background), .elementor-13 .elementor-element.elementor-element-d6f9c87 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://reisewelt-lippstadt.de/wp-content/uploads/2026/04/PHOTO-2023-08-26-12-55-24.jpg");background-size:cover;}.elementor-13 .elementor-element.elementor-element-55d0299{--display:flex;}.elementor-13 .elementor-element.elementor-element-55d0299:not(.elementor-motion-effects-element-type-background), .elementor-13 .elementor-element.elementor-element-55d0299 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #9C1C5A 0%, #7D1043 100%);}.elementor-13 .elementor-element.elementor-element-f7fe646{--display:flex;}.elementor-13 .elementor-element.elementor-element-7df87f9{--display:flex;}.elementor-13 .elementor-element.elementor-element-58867ce{--display:flex;}.elementor-13 .elementor-element.elementor-element-d4669da{--display:flex;}.elementor-13 .elementor-element.elementor-element-7be6f8d{--display:flex;}.elementor-13 .elementor-element.elementor-element-5859b38{--display:flex;}.elementor-13 .elementor-element.elementor-element-5859b38:not(.elementor-motion-effects-element-type-background), .elementor-13 .elementor-element.elementor-element-5859b38 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F9F9F9;}.elementor-13 .elementor-element.elementor-element-5859b38.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-13 .elementor-element.elementor-element-fde1d76{--display:flex;}.elementor-13 .elementor-element.elementor-element-fde1d76:not(.elementor-motion-effects-element-type-background), .elementor-13 .elementor-element.elementor-element-fde1d76 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F9F9F9;}.elementor-13 .elementor-element.elementor-element-4610573{--display:flex;}.elementor-13 .elementor-element.elementor-element-4610573:not(.elementor-motion-effects-element-type-background), .elementor-13 .elementor-element.elementor-element-4610573 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F9F9F9;}.elementor-13 .elementor-element.elementor-element-72efb6d{--display:flex;}.elementor-13 .elementor-element.elementor-element-72efb6d:not(.elementor-motion-effects-element-type-background), .elementor-13 .elementor-element.elementor-element-72efb6d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F9F9F9;}.elementor-13 .elementor-element.elementor-element-6b51d0b{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-13 .elementor-element.elementor-element-6b51d0b:not(.elementor-motion-effects-element-type-background), .elementor-13 .elementor-element.elementor-element-6b51d0b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F9F9F9;}.elementor-13 .elementor-element.elementor-element-2d66ec3{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;}.elementor-13 .elementor-element.elementor-element-0ab16c5{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-13 .elementor-element.elementor-element-420588c{--display:flex;}.elementor-13 .elementor-element.elementor-element-420588c:not(.elementor-motion-effects-element-type-background), .elementor-13 .elementor-element.elementor-element-420588c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F9F9F9;}.elementor-13 .elementor-element.elementor-element-3e8330d{--display:flex;}.elementor-13 .elementor-element.elementor-element-3e8330d:not(.elementor-motion-effects-element-type-background), .elementor-13 .elementor-element.elementor-element-3e8330d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#7D1043;}.elementor-13 .elementor-element.elementor-element-61c97c2{--display:flex;}.elementor-13 .elementor-element.elementor-element-61c97c2:not(.elementor-motion-effects-element-type-background), .elementor-13 .elementor-element.elementor-element-61c97c2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#7D1043;}@media(min-width:768px){.elementor-13 .elementor-element.elementor-element-2d66ec3{--width:50%;}.elementor-13 .elementor-element.elementor-element-0ab16c5{--width:50%;}}@media(max-width:767px){.elementor-13 .elementor-element.elementor-element-d6f9c87:not(.elementor-motion-effects-element-type-background), .elementor-13 .elementor-element.elementor-element-d6f9c87 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://reisewelt-lippstadt.de/wp-content/uploads/2026/04/PHOTO-2023-08-26-12-55-24.jpg");}.elementor-13 .elementor-element.elementor-element-5859b38{--width:365px;}}/* Start custom CSS for html, class: .elementor-element-0c606d2 *//* ================= TOPBAR ================= */
.topbar {
  background: #7d1043;
  color: white;
  font-size: 1.5rem;
}

.topbar-container {
  max-width: 1500px;
  margin: 0 auto;
  padding: 0 clamp(20px, 5vw, 200px);

  display: flex;
  justify-content: space-between;
  align-items: center;
}

.topbar-left {
  display: flex;
  gap: 15px;
}

.topbar-left span {
  white-space: nowrap;
}

.topbar a[href^="tel"],
.topbar a[href^="mailto"] {
  color: white !important;
}

.topbar-right {
  display: flex;
  gap: 15px;
}

.topbar-right a {
  width: 40px;
  height: 40px;
  border-radius: 50%;

  display: flex;
  align-items: center;
  justify-content: center;

  background: rgba(255,255,255,0.15);
}

.topbar-right a i {
  font-size: 28px;
  color: white;
}

.topbar-right a .fa-whatsapp {
  color: white !important;
}

/* ================= MOBILE ================= */
@media (max-width: 1000px) {

  .topbar-container {
    padding: 0 5px;
  }

  .topbar {
    font-size: 1.1rem;
    font-weight: 600;
  }

  .topbar-left {
    gap: 4px;
  }

  .topbar-right {
    gap: 4px;
  }

  .topbar-right a i {
    font-size: 20px;
  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a339423 *//* ================= NAVBAR ================= */
.navbar {
  width: 100%;
  background: white;
  padding: 10px 15px;
  position: relative;
  z-index: 1000;
}

/* CONTAINER */
.nav-container {
  max-width: 1500px;
  margin: 0 auto;
  padding: 0 clamp(20px, 5vw, 200px); /* 🔥 exakt wie topbar */

  display: flex;
  align-items: center;
  justify-content: space-between;
}

/* LOGO */
.logo a {
  display: inline-block;
}

.logo img {
  height: 70px;    
  cursor: pointer;
  transition: 0.3s;
}

.logo img:hover {
  transform: scale(1.05);
}

/* ================= DESKTOP ================= */
.nav-menu {
  display: flex;
  gap: 40px;

  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}

.nav-menu a {
  color: #333;
  text-decoration: none;
  font-weight: 600;
  font-size: 2rem;
}

.nav-menu a:hover {
  color: #7d1043;
}

/* BUTTON */
.call-btn {
  background: #7d1043;
  color: white;
  padding: 10px 20px;
  border-radius: 6px;
  text-decoration: none;
  font-weight: 600;
}

/* ================= BURGER ================= */
.hamburger {
  display: none;
  flex-direction: column;
  gap: 5px;
  cursor: pointer;
}

.hamburger span {
  width: 25px;
  height: 3px;
  background: #333;
}

/* MOBILE LINKS AUS */
.mobile-only {
  display: none;
}

/* ================= MOBILE ================= */
@media (max-width: 900px) {

  /* Container etwas luftiger */
  .nav-container {
    padding: 0 15px;
  }

  /* BURGER AN */
  .hamburger {
    display: flex;
    margin-left: auto;
  }

  /* BUTTON AUS */
  .call-btn {
    display: none;
  }

  /* MENU BOX */
  .nav-menu {
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);

    width: 95%;
    max-width: 500px;

    background: white;
    border-radius: 14px;

    flex-direction: column;
    align-items: center;
    gap: 25px; /* 🔥 mehr Abstand */

    padding: 35px 25px; /* 🔥 höher / größer */
    margin-top: 12px;

    display: none;
  }

  .nav-menu.active {
    display: flex;
  }

  /* HAUPTLINKS größer */
  .nav-menu a {
    font-size: 1.4rem; /* 🔥 größer */
    font-weight: 600;
  }

  /* MOBILE ONLY AN */
  .mobile-only {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    gap: 12px; /* 🔥 Abstand zwischen Datenschutz & Impressum */
  }

  /* TRENNLINIE */
  .menu-divider {
    width: 85%;
    height: 1px;
    background: #ddd;
    margin: 15px 0; /* 🔥 mehr Luft */
  }

  /* RECHTLICHES */
  .mobile-only a {
    font-size: 1.05rem;
    color: #666;
    padding: 6px 0; /* 🔥 mehr klickfläche */
  }

  .mobile-only a:hover {
    color: #7d1043;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c76afef *//* ================= RESET ================= */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  font-family: Arial, sans-serif;
  color: white;
}

/* ================= HERO ================= */
.hero {
  position: relative;
  height: 100vh;
  background: url('dein-bild.jpg') center/cover no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

/* DUNKLER VERLAUF (bessere Lesbarkeit) */
.overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to bottom,
    rgba(0,0,0,0.5),
    rgba(0,0,0,0.65)
  );
}

/* CONTENT */
.hero-content {
  position: relative;
  z-index: 2;
  max-width: 1100px;
  padding: 20px;
  animation: fadeUp 1s ease forwards;
}

/* LOGO */
.hero-logo {
  display: block;
  margin: 0 auto 30px auto;
  max-width: 200px;
  height: auto;
  filter: drop-shadow(0 10px 25px rgba(0,0,0,0.5));
}

/* HEADLINE */
.hero h1 {
  font-size: 5rem;
  font-weight: 800;
  line-height: 1.2;
  margin-bottom: 15px;
  letter-spacing: -1px;
  color: white;
}

/* SUBTEXT */
.hero p {
  font-size: 4rem;
  opacity: 0.9;
  color: white;
}

/* BUTTON */
.cta-btn {
  display: inline-block;
  margin-top: 35px;
  padding: 16px 32px;
  background: linear-gradient(135deg, #7d1043, #a3155a);
  color: white;
  text-decoration: none;
  border-radius: 8px;
  font-weight: 700;
  font-size: 1.1rem;
  transition: all 0.3s ease;
  box-shadow: 0 10px 25px rgba(0,0,0,0.3);
}

.cta-btn:hover {
  transform: translateY(-3px);
  box-shadow: 0 15px 35px rgba(0,0,0,0.4);
  background: linear-gradient(135deg, #5f0c33, #7d1043);
}

/* ANIMATION */
@keyframes fadeUp {
  from {
    opacity: 0;
    transform: translateY(40px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* ================= MOBILE ================= */
@media (max-width: 768px) {

  .hero {
    height: 85vh;
    padding: 20px;
  }

  .hero-logo {
    max-width: 140px;
    margin-bottom: 20px;
  }

  .hero h1 {
    font-size: 2.8rem;
  }

  .hero p {
    font-size: 2rem;
    margin-top: 10px;
    font-weight: 600;
  }

  .cta-btn {
    margin-top: 25px;
    padding: 14px 22px;
    font-size: 1rem;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-752aad3 *//* ================= BANNER ================= */
.banner {
  color: white;
  padding: 8px 0;
  font-family: Arial, sans-serif;
}

/* Inhalt */
.banner-inner {
  max-width: 1500px;
  margin: auto;
  padding: 0 clamp(20px, 5vw, 200px);

  display: flex;
  justify-content: center;
  align-items: center;
  gap: 15px;

  font-size: 14px;
  font-weight: 600;
}

/* Punkte */
.divider {
  opacity: 0.6;
}

/* ================= MOBILE ================= */
@media (max-width: 768px) {

  .banner-inner {
    flex-wrap: wrap;
    gap: 6px;
    font-size: 10px;
    max-width: 1500px;
    margin: auto;
  }

  .divider {
    opacity: 0.6;
  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-31646a1 *//* SECTION */
#about-custom {
  padding: 80px 20px;
  text-align: center;
}

/* TEXT */
#about-custom .intro {
  font-size: 2rem;
  font-weight: 600;
  color: #333;
}

/* Linie */
#about-custom .line {
  width: 100px;
  height: 4px;
  background: #7d1043;
  margin: 25px auto;
  border-radius: 2px;
}

/* ================= WHATSAPP ICON ================= */

.whatsapp-box {
  display: flex;
  justify-content: center;
}

/* Kreis */
.whatsapp-box a {
  width: 80px;
  height: 80px;
  border-radius: 50%;

  display: flex;
  align-items: center;
  justify-content: center;

  background: rgba(125, 16, 67, 0.1);
  text-decoration: none;

  transition: 0.3s;
}

/* Icon */
.whatsapp-box i {
  font-size: 40px; /* 🔥 HIER kannst du Größe ändern */
  color: #7d1043;
}

/* Hover */
.whatsapp-box a:hover {
  background: #7d1043;
  transform: scale(1.1);
}

.whatsapp-box a:hover i {
  color: white;
}

/* ================= MOBILE ================= */
@media (max-width: 768px) {

  #about-custom .intro {
    font-size: 1.4rem;
  }

  .whatsapp-box a {
    width: 80px;
    height: 80px;
  }

  .whatsapp-box i {
    font-size: 50px;
  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-eade4aa */#about-custom {
  padding: 100px 40px;
}

/* CONTAINER */
#about-custom .about-container {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 60px;
  align-items: center;
  max-width: 70%;
  margin: auto;
}

/* BILD */
#about-custom .about-image img {
  width: 100%;
  object-fit: cover;
  box-shadow: 0 10px 30px rgba(0,0,0,0.1);
}

#about-custom .about-image img {
  border-radius: 0; /* 🔥 keine Rundung mehr */
}

/* TEXT */
#about-custom .about-content {
  max-width: 600px;
  text-align: center;
}

/* HEADLINE */
#about-custom .intro {
  font-size: 2rem;
  font-weight: 600;
  color: #333;
}

/* Linie */
#about-custom .line {
  width: 100px;
  height: 4px;
  background: #7d1043;
  margin: 25px auto;
  border-radius: 2px;
}

/* TEXT */
#about-custom .text {
  font-size: 1.8rem;
  color: #555;
  line-height: 1.7;
  text-align: center;
}

/* ================= RESPONSIVE ================= */
@media (max-width: 1200px) {

  #about-custom .about-container {
    grid-template-columns: 1fr;
    text-align: center;
    max-width: 100%;
    gap: 30px;
  }

  #about-custom .about-image {
    display: flex;
    justify-content: center;
  }

  #about-custom .about-image img {
    width: 100%;
  }
  
  #about-custom {
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 10px;
  padding-right: 10px;
  }

  #about-custom .about-content {
    max-width: 100%;
    padding: 0 10px;
  }

  #about-custom .intro {
    font-size: 1.9rem;
  }

  #about-custom .text {
    font-size: 1.7rem;
  }

  #about-custom .line {
    margin: 20px auto;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a2697ee *//* SECTION */
.services {
  padding-top: 0;
  padding-bottom: 100px;
  padding-left: 40px;
  padding-right: 40px;
  text-align: center;
}

.services h2 {
  font-size: 2.5rem;
  margin-bottom: 50px;
  color: #7d1043;
}

/* GRID */
.grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 60px;
  padding-left: 100px;
  padding-right: 100px;
  margin: auto;
}

/* CARD */
.card {
  background: white;
  padding: 30px 30px;
  border-radius: 12px;
  box-shadow: 0 10px 25px rgba(0,0,0,0.05);
  transition: 0.3s;
}

/* Hover Effekt */
.card:hover {
  transform: translateY(-8px);
  box-shadow: 0 15px 35px rgba(0,0,0,0.1);
}

/* Icon */
.icon {
  font-size: 5rem;
  margin-bottom: 15px;
}

/* Text */
.card p {
  font-size: 2rem;
  font-weight: 600;
  color: #333;
}

/* ICON STYLE */
.icon {
  width: 100px;
  height: 100px;
  margin: 0 auto 15px;

  display: flex;
  align-items: center;
  justify-content: center;

  border-radius: 50%;
  background: rgba(125, 16, 67, 0.1); /* leichter Hintergrund */
  color: #7d1043;

  font-size: 40px;
  font-weight: bold;

  transition: 0.3s;
}

/* Hover Effekt */
.card:hover .icon {
  background: #7d1043;
  color: white;
  transform: scale(1.1);
}

/* ================= RESPONSIVE ================= */

@media (max-width: 500px) {

  /* IMMER 2 SPALTEN */
  .grid {
    grid-template-columns: repeat(2, 1fr); /* ✅ 2 Boxen pro Reihe */
    gap: 10px;
    padding-left: 0px;
    padding-right: 0px;
  }
  
  .services {
    padding-left: 10px;
    padding-right: 10px;
  }

  /* Grid enger */
  .grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
    padding-left: 0;
    padding-right: 0;
  }
  
  /* Karten kleiner */
  .card {
    padding: 15px;
  }

  /* Icons kleiner */
  .icon {
    width: 60px;
    height: 60px;
    font-size: 35px;
  }

  /* Text kleiner */
  .card p {
    font-size: 1.4rem;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-67fbcf0 *//* SECTION */
.about {
  padding: 100px 40px;
}

/* CONTAINER */
.about-container {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 60px;
  align-items: center;
  max-width: 70%;
  margin: auto;
}

/* BILD */
.about-image img {
  width: 70%;
  border-radius: 16px;
  object-fit: cover;
  box-shadow: 0 10px 30px rgba(0,0,0,0.1);
}

/* TEXT */
.about-content {
  max-width: 600px;
  text-align: center;
}

/* HEADLINE */
.intro {
  font-size: 2rem;
  font-weight: 600;
  color: #333;
}

.intro span {
  display: block;
  color: #7d1043;
  margin-top: 10px;
}

/* Linie */
.line {
  width: 100px;
  height: 4px;
  background: #7d1043;
  margin: 25px 0;
  border-radius: 2px;
  margin: 25px auto;
}

/* TEXT */
.text {
  font-size: 1.8rem;
  color: #555;
  line-height: 1.7;
  text-align: center;
}

/* ================= RESPONSIVE ================= */
@media (max-width: 900px) {

  /* Container */
  .about-container {
    grid-template-columns: 1fr;
    text-align: center;
    max-width: 100%;
    gap: 30px;
  }

  /* Bild mittig + kleiner */
  .about-image {
    display: flex;
    justify-content: center;
  }

  .about-image img {
    width: 80%;
  }

  /* Text */
  .about-content {
    max-width: 100%;
    padding: 0 10px;
  }

  /* Überschrift */
  .intro {
    font-size: 1.5rem;
  }

  /* Text kleiner */
  .text {
    font-size: 1.2rem;
  }

  /* Linie bleibt mittig */
  .line {
    margin: 20px auto;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c68cfd0 *//* LINKER BEREICH FIX */
.contact-info {
  max-width: 500px;
  width: 100%;
}

/* Überschrift */
.contact-info h2 {
  font-size: 4rem;
  color: #7d1043;
  margin-bottom: 20px;
  line-height: 1.2;
  text-align: center;
}

/* Text */
.contact-info p {
  font-size: 2rem;
  color: #555;
  line-height: 1.6;
  margin-bottom: 15px;
  text-align: center;
}

/* Highlight */
.contact-info .highlight {
  font-weight: 600;
  color: #7d1043;
  margin-top: 10px;
}

/* Button */
.contact-btn {
  display: block;              /* wichtig! */
  margin: 20px auto 0;         /* zentriert horizontal */
  padding: 14px 28px;
  background: #7d1043;
  color: white;
  text-decoration: none;
  border-radius: 6px;
  font-weight: 600;
  transition: 0.3s;
  width: fit-content;          /* bleibt so breit wie Inhalt */
}

.contact-btn:hover {
  background: #5f0c33;
  transform: scale(1.05);
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-5ced2bd *//* ================= FORMULAR ================= */

/* alle Felder */
.wpforms-field {
  width: 100% !important;
  margin-bottom: 18px;
}

/* ================= INPUTS (nur Textfelder!) ================= */
.wpforms-form input[type="text"],
.wpforms-form input[type="email"],
.wpforms-form textarea {
  width: 100% !important;
  padding: 16px !important;
  border: 1px solid #ddd !important;
  border-radius: 8px !important;
  font-size: 1.8rem !important;
  transition: 0.3s;
}

/* Placeholder */
.wpforms-form input::placeholder,
.wpforms-form textarea::placeholder {
  color: #888;
}

/* Fokus Effekt */
.wpforms-form input[type="text"]:focus,
.wpforms-form input[type="email"]:focus,
.wpforms-form textarea:focus {
  border-color: #7d1043 !important;
  box-shadow: 0 0 0 2px rgba(125,16,67,0.1);
}

/* TEXTAREA */
.wpforms-form textarea {
  min-height: 140px;
}

/* ================= BUTTON ================= */
.wpforms-form button {
  width: 100% !important;
  padding: 16px !important;
  background: #7d1043 !important;
  color: white !important;
  border: none !important;
  border-radius: 8px !important;
  font-size: 1.2rem !important;
  font-weight: 600;
  cursor: pointer;
  transition: 0.3s;
}

.wpforms-form button:hover {
  background: #5f0c33 !important;
  transform: scale(1.02);
}

/* ================= CHECKBOX ================= */

/* Container */
.wpforms-field-checkbox ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

/* Zeile */
.wpforms-field-checkbox li {
  display: flex;
  align-items: flex-start;
  gap: 10px;
}

/* Checkbox selbst (reset!) */
.wpforms-form input[type="checkbox"] {
  width: auto !important;
  padding: 0 !important;
  border: none !important;
  box-shadow: none !important;
  transform: scale(1.1);
  margin-top: 4px;
  flex-shrink: 0;
}

/* Text */
.wpforms-field-checkbox label {
  font-size: 0.95rem;
  line-height: 1.5;
  color: #333;
  cursor: pointer;
}

/* Farbe */
.wpforms-form input[type="checkbox"] {
  accent-color: #7d1043;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-50c691a *//* ================= FOOTER ================= */
.footer {
  color: white;
  padding: 10px 10px;
}

/* Container */
.footer-container {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 40px;
  max-width: 1100px;
  margin: auto;
}

/* Boxen */
.footer-box h3,
.footer-box h4 {
  margin-bottom: 15px;
  color:white;
}

.footer-box p {
  margin-bottom: 10px;
  font-size: 1.5rem;
}

/* Links */
.footer-box a {
  color: white;
  text-decoration: none;
  transition: 0.3s;
}

.footer-box a:hover {
  opacity: 0.7;
}

/* ================= SOCIAL ICONS ================= */
.social-icons {
  display: flex;
  gap: 10px;
  margin-top: 10px;
}

.social-icons a {
  width: 36px;
  height: 36px;
  border-radius: 50%;

  display: flex;
  align-items: center;
  justify-content: center;

  background: rgba(255,255,255,0.15);
  color: white;
  text-decoration: none;

  font-size: 20px;
  transition: 0.3s;
}

.social-icons a:hover {
  background: #7d1043;
  transform: scale(1.1);
}

/* ================= RESPONSIVE ================= */
@media (max-width: 900px) {
  .footer-container {
    grid-template-columns: repeat(2, 1fr);
    text-align: center;
  }
}

@media (max-width: 500px) {
  .footer-container {
    grid-template-columns: 1fr;
  }
  
  .social-icons {
    justify-content: center; /* 🔥 zentriert die Icons */
  }
  
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-70a3017 */.copyright {
  color: white;
  text-align: center;
}

.copyright-container {
  max-width: 1100px;
  margin: auto;
}

.copyright p {
  font-size: 1.5rem;
}/* End custom CSS */