.elementor-76 .elementor-element.elementor-element-7bdb4f2:not(.elementor-motion-effects-element-type-background), .elementor-76 .elementor-element.elementor-element-7bdb4f2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FAF9F9;background-image:url("https://djklembe.de/wp-content/uploads/2025/10/DJHeader.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-76 .elementor-element.elementor-element-7bdb4f2 > .elementor-background-overlay{background-color:transparent;background-image:linear-gradient(180deg, #060606AD 0%, #1F1D1E8C 33%);opacity:1;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-76 .elementor-element.elementor-element-7bdb4f2{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:-157px;margin-bottom:0px;padding:200px 0px 100px 0px;}.elementor-bc-flex-widget .elementor-76 .elementor-element.elementor-element-87c1cba.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-76 .elementor-element.elementor-element-87c1cba.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-76 .elementor-element.elementor-element-87c1cba > .elementor-element-populated{margin:30px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-76 .elementor-element.elementor-element-0d0101e{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;z-index:1;text-align:center;}.elementor-76 .elementor-element.elementor-element-0d0101e .elementor-heading-title{font-size:62px;font-weight:500;color:var( --e-global-color-e4e2c73 );}.elementor-76 .elementor-element.elementor-element-c5826c6{text-align:center;font-size:22px;font-weight:500;color:var( --e-global-color-e4e2c73 );}.elementor-76 .elementor-element.elementor-element-57f84a70{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:120px 0px 120px 0px;}.elementor-76 .elementor-element.elementor-element-57f84a70 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-76 .elementor-element.elementor-element-203b99f8 > .elementor-element-populated{margin:0px 100px 0px 0px;--e-column-margin-right:100px;--e-column-margin-left:0px;}.elementor-76 .elementor-element.elementor-element-4c6f5402{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;z-index:1;text-align:center;}.elementor-76 .elementor-element.elementor-element-4c6f5402 .elementor-heading-title{font-family:"Lato", Sans-serif;font-size:45px;font-weight:600;}.elementor-76 .elementor-element.elementor-element-2170ec0{text-align:center;}.elementor-76 .elementor-element.elementor-element-60e12fa{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-76 .elementor-element.elementor-element-da8897f{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:15px;}.elementor-76 .elementor-element.elementor-element-80fd367 .elementor-icon-box-wrapper{align-items:center;text-align:left;}.elementor-76 .elementor-element.elementor-element-80fd367{--icon-box-icon-margin:20px;}.elementor-76 .elementor-element.elementor-element-80fd367 .elementor-icon-box-title{margin-block-end:10px;}.elementor-76 .elementor-element.elementor-element-80fd367.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-76 .elementor-element.elementor-element-80fd367.elementor-view-framed .elementor-icon, .elementor-76 .elementor-element.elementor-element-80fd367.elementor-view-default .elementor-icon{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-76 .elementor-element.elementor-element-80fd367 .elementor-icon{font-size:40px;}.elementor-76 .elementor-element.elementor-element-80fd367 .elementor-icon-box-description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-76 .elementor-element.elementor-element-f797525{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:15px;--margin-right:0px;}.elementor-76 .elementor-element.elementor-element-baeda82 .elementor-icon-box-wrapper{align-items:center;text-align:left;}.elementor-76 .elementor-element.elementor-element-baeda82{--icon-box-icon-margin:20px;}.elementor-76 .elementor-element.elementor-element-baeda82 .elementor-icon-box-title{margin-block-end:10px;}.elementor-76 .elementor-element.elementor-element-baeda82.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-76 .elementor-element.elementor-element-baeda82.elementor-view-framed .elementor-icon, .elementor-76 .elementor-element.elementor-element-baeda82.elementor-view-default .elementor-icon{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-76 .elementor-element.elementor-element-baeda82 .elementor-icon{font-size:40px;}.elementor-76 .elementor-element.elementor-element-baeda82 .elementor-icon-box-description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-76 .elementor-element.elementor-element-21448959 > .elementor-element-populated{box-shadow:0px 5px 15px 0px rgba(91, 52.00000000000007, 0.9999999999999964, 0.1);transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:40px 50px 40px 50px;}.elementor-76 .elementor-element.elementor-element-21448959 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}@media(max-width:1024px){.elementor-76 .elementor-element.elementor-element-57f84a70{padding:120px 20px 0100px 20px;}.elementor-76 .elementor-element.elementor-element-203b99f8 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-76 .elementor-element.elementor-element-4c6f5402{text-align:center;}.elementor-76 .elementor-element.elementor-element-2170ec0{text-align:center;}.elementor-76 .elementor-element.elementor-element-8d368e7{--lottie-container-max-width:40%;}.elementor-76 .elementor-element.elementor-element-80fd367 .elementor-icon-box-wrapper{text-align:center;}.elementor-76 .elementor-element.elementor-element-baeda82 .elementor-icon-box-wrapper{text-align:center;}.elementor-76 .elementor-element.elementor-element-21448959 > .elementor-element-populated{margin:50px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}}@media(max-width:767px){.elementor-76 .elementor-element.elementor-element-87c1cba > .elementor-element-populated{padding:0px 20px 0px 20px;}.elementor-76 .elementor-element.elementor-element-4c6f5402{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:center;}.elementor-76 .elementor-element.elementor-element-2170ec0{text-align:center;}.elementor-76 .elementor-element.elementor-element-60e12fa{--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;}.elementor-76 .elementor-element.elementor-element-80fd367 .elementor-icon-box-wrapper{text-align:center;}.elementor-76 .elementor-element.elementor-element-80fd367 .elementor-icon-box-title{margin-block-end:10px;}.elementor-76 .elementor-element.elementor-element-80fd367 .elementor-icon{font-size:66px;}.elementor-76 .elementor-element.elementor-element-f797525{--margin-top:30px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-76 .elementor-element.elementor-element-baeda82 .elementor-icon-box-wrapper{text-align:center;}.elementor-76 .elementor-element.elementor-element-baeda82 .elementor-icon{font-size:66px;}}@media(min-width:768px){.elementor-76 .elementor-element.elementor-element-203b99f8{width:50%;}.elementor-76 .elementor-element.elementor-element-21448959{width:50%;}}@media(max-width:1024px) and (min-width:768px){.elementor-76 .elementor-element.elementor-element-203b99f8{width:100%;}.elementor-76 .elementor-element.elementor-element-21448959{width:100%;}}/* Start custom CSS for shortcode, class: .elementor-element-4caab9b *//* ===== DJ-Klembe Kontaktformular – warm-violett + gelber CTA ===== */
.kontakt-form {
  background: #fff;
  border-radius: 18px;
  padding: 34px;
  box-shadow: 0 12px 40px rgba(179,71,255,0.08);
  border: none;
}

/* Labels */
.kontakt-form label {
  font-weight: 600;
  color: #2b2b2b;
  font-size: 15px;
  margin-bottom: 5px;
  display: block;
}

/* Inputs & Textarea */
.kontakt-form input,
.kontakt-form select,
.kontakt-form textarea {
  width: 100%;
  border: 1px solid #e2d3ff;
  border-radius: 10px;
  padding: 12px 14px;
  font-size: 15px;
  background: #faf6ff; /* sanfter Fliederton */
  transition: all 0.25s ease;
}

.kontakt-form input:focus,
.kontakt-form select:focus,
.kontakt-form textarea:focus {
  border-color: #c46eff;
  box-shadow: 0 0 0 3px rgba(196,110,255,0.25);
  background: #fff;
  outline: none;
}

/* === Gelber Button (passt zu Lottie-Akzent) =========================== */
.kontakt-form input[type="submit"],
.kontakt-form button {
  background: linear-gradient(135deg, #ffce2b 0%, #ffb600 100%);
  color: #1f1f1f;
  border: none;
  border-radius: 12px;
  padding: 14px 18px;
  font-weight: 700;
  font-size: 16px;
  cursor: pointer;
  transition: transform 0.1s ease, filter 0.2s ease;
  box-shadow: 0 6px 18px rgba(255,182,0,0.25);
}

.kontakt-form input[type="submit"]:hover,
.kontakt-form button:hover {
  filter: brightness(1.1);
  transform: translateY(-1px);
}

/* Kleinere Typo-Feinschliffe */
.kontakt-form p { margin: 0; }
.kontakt-form .wpcf7-not-valid-tip { color: #ff5f6d; font-size: 13px; }
.kontakt-form .wpcf7-mail-sent-ok { color: #32a852; font-weight: 600; }

/* === Farbangleichung Kontaktformular =================================== */
#kontaktform input:focus,
#kontaktform select:focus,
#kontaktform textarea:focus {
  border-color: #c46eff; /* Fokus-Lila */
  box-shadow: 0 0 0 3px rgba(196,110,255,0.25);
}

#kontaktform input,
#kontaktform select,
#kontaktform textarea {
  background-color: #faf6ff;
  border-color: #e2d3ff;
}

/* === Button gelb ======================================================= */
#kontaktform input[type="submit"],
#kontaktform button {
  background: linear-gradient(135deg, #ffce2b 0%, #ffb600 100%);
  color: #1f1f1f;
  border: none;
  border-radius: 12px;
  transition: filter 0.2s ease, transform 0.1s ease;
  box-shadow: 0 6px 18px rgba(255,182,0,0.25);
}

#kontaktform input[type="submit"]:hover,
#kontaktform button:hover {
  filter: brightness(1.1);
  transform: translateY(-1px);
}

/* Fehlermeldung + Pflichtfeld-Farbe leicht abgestimmt */
#kontaktform .wpcf7-not-valid-tip {
  color: #ff5f6d;
}
#kontaktform .required {
  color: #c46eff;
}/* End custom CSS */