.elementor-2665 .elementor-element.elementor-element-41c1b81b{--display:flex;--min-height:533px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.77;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2665 .elementor-element.elementor-element-41c1b81b:not(.elementor-motion-effects-element-type-background), .elementor-2665 .elementor-element.elementor-element-41c1b81b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://ds-klein.de/wp-content/uploads/2025/11/WhatsApp-Image-2025-11-19-at-12.56.28-6.jpeg");background-position:center center;background-size:cover;}.elementor-2665 .elementor-element.elementor-element-41c1b81b::before, .elementor-2665 .elementor-element.elementor-element-41c1b81b > .elementor-background-video-container::before, .elementor-2665 .elementor-element.elementor-element-41c1b81b > .e-con-inner > .elementor-background-video-container::before, .elementor-2665 .elementor-element.elementor-element-41c1b81b > .elementor-background-slideshow::before, .elementor-2665 .elementor-element.elementor-element-41c1b81b > .e-con-inner > .elementor-background-slideshow::before, .elementor-2665 .elementor-element.elementor-element-41c1b81b > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-2665 .elementor-element.elementor-element-c0aae5c{margin:80px 0px calc(var(--kit-widget-spacing, 0px) + 0px) -100px;}.elementor-2665 .elementor-element.elementor-element-2ce2741{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2665 .elementor-element.elementor-element-dd5bd28{--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;--margin-top:94px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-2665 .elementor-element.elementor-element-dd5bd28.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-2665 .elementor-element.elementor-element-7a12e48{margin:-99px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-2665 .elementor-element.elementor-element-ebbc633{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2665 .elementor-element.elementor-element-accbaf6{--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;--margin-top:-122px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-2665 .elementor-element.elementor-element-daa1245{--divider-border-style:solid;--divider-color:var( --e-global-color-secondary );--divider-border-width:1px;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:-11px 0px 16px 0px;}.elementor-2665 .elementor-element.elementor-element-daa1245 .elementor-divider-separator{width:66%;margin:0 auto;margin-center:0;}.elementor-2665 .elementor-element.elementor-element-daa1245 .elementor-divider{text-align:center;padding-block-start:15px;padding-block-end:15px;}.elementor-2665 .elementor-element.elementor-element-b24f066{margin:30px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-2665 .elementor-element.elementor-element-c7944e2{--divider-border-style:solid;--divider-color:var( --e-global-color-secondary );--divider-border-width:1px;margin:-5px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-2665 .elementor-element.elementor-element-c7944e2 .elementor-divider-separator{width:66%;margin:0 auto;margin-center:0;}.elementor-2665 .elementor-element.elementor-element-c7944e2 .elementor-divider{text-align:center;padding-block-start:15px;padding-block-end:15px;}.elementor-2665 .elementor-element.elementor-element-4c4b0d56{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--overlay-opacity:0.96;--margin-top:-58px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-2665 .elementor-element.elementor-element-4c4b0d56::before, .elementor-2665 .elementor-element.elementor-element-4c4b0d56 > .elementor-background-video-container::before, .elementor-2665 .elementor-element.elementor-element-4c4b0d56 > .e-con-inner > .elementor-background-video-container::before, .elementor-2665 .elementor-element.elementor-element-4c4b0d56 > .elementor-background-slideshow::before, .elementor-2665 .elementor-element.elementor-element-4c4b0d56 > .e-con-inner > .elementor-background-slideshow::before, .elementor-2665 .elementor-element.elementor-element-4c4b0d56 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-69e0776 );--background-overlay:'';}.elementor-2665 .elementor-element.elementor-element-3870f23{--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;--margin-top:-102px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2665 .elementor-element.elementor-element-0c699d7{--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-2665 .elementor-element.elementor-element-0c699d7:not(.elementor-motion-effects-element-type-background), .elementor-2665 .elementor-element.elementor-element-0c699d7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0D1B2A;}.elementor-2665 .elementor-element.elementor-element-4dc80da{--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;--border-radius:0px 0px 0px 0px;--margin-top:38px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-2665 .elementor-element.elementor-element-4dc80da:not(.elementor-motion-effects-element-type-background), .elementor-2665 .elementor-element.elementor-element-4dc80da > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0D1B2A;}.elementor-2665 .elementor-element.elementor-element-e1690fe > .elementor-widget-container{margin:-12px 4px 12px 4px;padding:1px 9px 14px 9px;}.elementor-2665 .elementor-element.elementor-element-e1690fe.elementor-element{--align-self:flex-start;--order:-99999 /* order start hack */;--flex-grow:1;--flex-shrink:0;}.elementor-2665 .elementor-element.elementor-element-85cd002{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}@media(max-width:1180px){.elementor-2665 .elementor-element.elementor-element-41c1b81b{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-2665 .elementor-element.elementor-element-c0aae5c{margin:67px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-2665 .elementor-element.elementor-element-0c699d7{--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;}}@media(min-width:768px){.elementor-2665 .elementor-element.elementor-element-4c4b0d56{--width:100%;}.elementor-2665 .elementor-element.elementor-element-0c699d7{--content-width:81%;}.elementor-2665 .elementor-element.elementor-element-4dc80da{--width:93%;}}@media(max-width:1180px) and (min-width:768px){.elementor-2665 .elementor-element.elementor-element-0c699d7{--content-width:90%;}.elementor-2665 .elementor-element.elementor-element-4dc80da{--width:952px;}}@media(max-width:1024px) and (min-width:768px){.elementor-2665 .elementor-element.elementor-element-dd5bd28{--width:845.5px;}}@media(max-width:880px) and (min-width:768px){.elementor-2665 .elementor-element.elementor-element-4dc80da{--width:667px;}}@media(max-width:880px){.elementor-2665 .elementor-element.elementor-element-0c699d7{--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-2665 .elementor-element.elementor-element-4dc80da{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}}@media(max-width:767px){.elementor-2665 .elementor-element.elementor-element-41c1b81b{--min-height:450px;}.elementor-2665 .elementor-element.elementor-element-41c1b81b:not(.elementor-motion-effects-element-type-background), .elementor-2665 .elementor-element.elementor-element-41c1b81b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:top center;}.elementor-2665 .elementor-element.elementor-element-c0aae5c{margin:38px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-2665 .elementor-element.elementor-element-ebbc633{--margin-top:-14px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-2665 .elementor-element.elementor-element-daa1245{padding:77px 0px 0px 0px;}.elementor-2665 .elementor-element.elementor-element-b24f066{margin:-12px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-2665 .elementor-element.elementor-element-c7944e2{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-2665 .elementor-element.elementor-element-4c4b0d56{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2665 .elementor-element.elementor-element-2fe4760{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-2665 .elementor-element.elementor-element-3870f23{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-2665 .elementor-element.elementor-element-0c699d7{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-2665 .elementor-element.elementor-element-4dc80da{--border-radius:35px 35px 35px 35px;}.elementor-2665 .elementor-element.elementor-element-e1690fe{width:auto;max-width:auto;}.elementor-2665 .elementor-element.elementor-element-e1690fe > .elementor-widget-container{margin:0px 0px 0px 0px;padding:-14px 0px 0px 0px;}.elementor-2665 .elementor-element.elementor-element-85cd002{margin:-58px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}}/* Start custom CSS for wpforms, class: .elementor-element-e1690fe *//* ========================================================= */
/*  KONTAKT-BEREICH GRID – linke (Header + Formular) & rechts */
/* ========================================================= */

.contact-grid {
    display: grid;
    grid-template-columns: 1fr 1fr; /* links / rechts gleich breit */
    gap: 2rem;
    align-items: start;
}

/* Mobile / Tablet: untereinander */
@media (max-width: 900px) {
    .contact-grid {
        grid-template-columns: 1fr;
    }
}


/* ========================================================= */
/*  HEADER-KASTEN – Dark Glass Style                          */
/* ========================================================= */

.dsk-contact-header {
    background: rgba(255,255,255,0.06) !important;
    border-radius: 20px !important;
    padding: 2rem !important;
    border: 1px solid rgba(255,255,255,0.12) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    box-shadow: 0 12px 28px rgba(0,0,0,0.45) !important;
    margin-bottom: 2rem !important;

    /* Animation */
    opacity: 0;
    transform: translateY(30px);
    animation: headerSlide 0.8s ease-out forwards;
}

/* Slide-In Keyframes */
@keyframes headerSlide {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}


/* ========================================================= */
/*  HEADER – Typografie + Responsive                          */
/* ========================================================= */

.dsk-contact-header h2 {
    color: #66c7ff !important;
    font-size: 32px !important;
    font-weight: 900 !important;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 15px;
    position: relative;
}

/* Linie */
.dsk-contact-header h2::after {
    content: "";
    display: block;
    width: 90px;
    height: 3px;
    margin-top: 8px;
    background: linear-gradient(90deg, #00aaff, #0066cc);
    border-radius: 50px;
}

/* Untertext */
.dsk-contact-header p {
    font-size: 17px !important;
    color: #d8e7f7 !important;
    line-height: 1.6 !important;
    margin: 0 !important;
}


/* ---------- Responsive Überschrift ↓ ---------- */

/* Tablet */
@media (max-width: 900px) {
    .dsk-contact-header h2 {
        font-size: 26px !important;
    }
}

/* Handy */
@media (max-width: 600px) {
    .dsk-contact-header h2 {
        font-size: 22px !important;
    }
    .dsk-contact-header p {
        font-size: 15px !important;
    }
}
/* ========================================================= */
/*  GLOBALER WHITE TEXT FIX FÜR DARK UI                      */
/* ========================================================= */

/* Alle Texte im Formular */
.wpforms-container-full .wpforms-form,
.wpforms-container-full .wpforms-form * {
    color: #ffffff !important;
}

/* Label-Texte */
.wpforms-field-label,
.wpforms-field-description,
.wpforms-field-sublabel {
    color: #ffffff !important;
}

/* Placeholder */
.wpforms-form ::placeholder {
    color: rgba(255,255,255,0.65) !important;
}

/* Gewählte Dropdown-Option */
.wpforms-form select {
    color: #ffffff !important;
}

/* Liste der Dropdown-Optionen */
.wpforms-form select option {
    color: #ffffff !important;
    background: #0f1c2e !important;
}

/* Fehlermeldungen */
.wpforms-error,
.wpforms-error-message {
    color: #ff6b6b !important;
}

/* HEADERTEXT */
.dsk-contact-header,
.dsk-contact-header *,
.dsk-contact-header p,
.dsk-contact-header h2 {
    color: #ffffff !important;
}


/* ========================================================= */
/*  FORMULAR – gleiche Breite wie die rechte Box              */
/* ========================================================= */

.wpforms-container-full .wpforms-form {
  background: rgba(255,255,255,0.06) !important;
  border-radius: 20px !important;
  padding: 2rem !important;
  border: 1px solid rgba(255,255,255,0.12) !important;
  backdrop-filter: blur(10px) !important;
  -webkit-backdrop-filter: blur(10px) !important;
  box-shadow: 0 12px 28px rgba(0,0,0,0.35) !important;

  /* gleiche Breite erzwingen wie rechte Box */
  width: 100% !important;
  box-sizing: border-box !important;
}


/* ========================================================= */
/*  FORMULARTITEL – Typografie + Linie                        */
/* ========================================================= */

.wpforms-container-full .wpforms-form .wpforms-title {
    color: #66c7ff !important;
    font-size: 32px !important;
    font-weight: 900 !important;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 25px;
    text-align: left !important;
    position: relative;
}

.wpforms-container-full .wpforms-form .wpforms-title::after {
    content: "";
    display: block;
    width: 90px;
    height: 3px;
    margin-top: 8px;
    background: linear-gradient(90deg, #00aaff, #0066cc);
    border-radius: 50px;
}

.wpforms-field-container {
    margin-top: -30px !important; /* stärker = -15px / -20px */
}

.wpforms-form select {
    font-size: 18px !important;      /* Größerer Text */
    line-height: 1.8 !important;     /* Bessere Lesbarkeit */
    min-height: 64px !important;     /* Höher machen */
    padding: 14px 48px 14px 18px !important;  /* Platz für Text + Pfeil */
    background-size: 18px !important; /* Pfeil etwas größer */
}

/* Dropdown-Optionen (Liste beim Öffnen) */
.wpforms-form select option {
    font-size: 18px !important;
    padding: 12px !important;
    line-height: 1.8 !important;
}

/* Wenn ausgewählt */
.wpforms-form select:focus,
.wpforms-form select:active,
.wpforms-form select:checked {
    font-size: 18px !important;
}

/* ---------- Responsive Formular-Überschrift ---------- */
@media (max-width: 900px) {
    .wpforms-container-full .wpforms-form .wpforms-title {
        font-size: 26px !important;
    }
}
@media (max-width: 600px) {
    .wpforms-container-full .wpforms-form .wpforms-title {
        font-size: 25px !important;
    }
}


/* ========================================================= */
/*  FORMULARINPUTS + DROPDOWN                                */
/* ========================================================= */

.wpforms-form input[type="text"],
.wpforms-form input[type="email"],
.wpforms-form input[type="tel"],
.wpforms-form textarea,
.wpforms-form select {
    background: rgba(255,255,255,0.10) !important;
    border: 2px solid rgba(255,255,255,0.18) !important;
    padding: 14px 18px !important;
    border-radius: 12px !important;
    width: 100% !important;
    color: #ffffff !important;
    font-size: 16px !important;
    line-height: 1.4 !important;
    transition: 0.25s ease !important;
}

.wpforms-form input:focus,
.wpforms-form textarea:focus,
.wpforms-form select:focus {
    background: rgba(255,255,255,0.18) !important;
    border-color: #00aaff !important;
    box-shadow: 0 0 12px rgba(0,170,255,0.55) !important;
    outline: none !important;
}


/* Dropdown Fix */
.wpforms-form select {
    appearance: none !important;
    background-position: right 14px center !important;
    background-repeat: no-repeat !important;
    background-size: 16px !important;
    padding-right: 40px !important;
    color: #ffffff !important;
}

/* Dropdown Text */
.wpforms-form select option {
    background-color: #0f1c2e !important;
    color: #ffffff !important;
    padding: 10px !important;
}


/* ========================================================= */
/*  BUTTON                                                    */
/* ========================================================= */

.wpforms-submit {
    background: linear-gradient(135deg, #00aaff, #004ecc) !important;
    color: #fff !important;
    border: none !important;
    padding: 15px 30px !important;
    font-size: 18px !important;
    border-radius: 50px !important;
    cursor: pointer !important;
    font-weight: 700 !important;
    letter-spacing: 0.5px !important;
    transition: 0.3s ease !important;
    box-shadow: 0 10px 25px rgba(0,170,255,0.35) !important;
}

.wpforms-submit:hover {
    transform: translateY(-3px) !important;
    box-shadow: 0 18px 38px rgba(0,170,255,0.45) !important;
    
    
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4dc80da *//* --------------------------------------------------------- */
/* GESAMTER FORMULAR-CONTAINER – Dark Card Style              */
/* --------------------------------------------------------- */
.wpforms-container-full .wpforms-form {
    background: #0f1c2e;
    padding: 40px;
    border-radius: 20px;
    box-shadow: 0 15px 40px rgba(0,0,0,0.4);
    border: 1px solid rgba(255,255,255,0.05);
}

/* Titel */
.wpforms-title {
    text-align: center;
    color: #ffffff;
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 30px;
    letter-spacing: 1px;
}


/* --------------------------------------------------------- */
/* FELDER – Dark Mode + Glow Focus                            */
/* --------------------------------------------------------- */
.wpforms-form input[type="text"],
.wpforms-form input[type="email"],
.wpforms-form input[type="tel"],
.wpforms-form textarea,
.wpforms-form select {
    background: rgba(255,255,255,0.05);
    border: 2px solid rgba(255,255,255,0.08);
    padding: 14px 18px;
    border-radius: 12px;
    width: 100%;
    color: #fff;
    transition: 0.25s ease;
}

.wpforms-form input:focus,
.wpforms-form textarea:focus,
.wpforms-form select:focus {
    background: rgba(255,255,255,0.12);
    border-color: #00aaff;
    box-shadow: 0 0 12px rgba(0,170,255,0.6);
    outline: none;
}

/* Placeholder */
.wpforms-form ::placeholder {
    color: rgba(255,255,255,0.4);
}


/* --------------------------------------------------------- */
/* LABELS                                                     */
/* --------------------------------------------------------- */
.wpforms-field-label {
    font-size: 16px;
    font-weight: 600;
    color: #d8e2f0;
    margin-bottom: 6px;
}


/* --------------------------------------------------------- */
/* BUTTON – starker Dark/Blue Gradient                        */
/* --------------------------------------------------------- */
.wpforms-submit {
    background: linear-gradient(135deg, #00aaff, #0051b8);
    color: #fff !important;
    border: none;
    padding: 15px 30px;
    font-size: 18px;
    border-radius: 50px;
    cursor: pointer;
    font-weight: 700;
    letter-spacing: 0.5px;
    transition: 0.3s ease;
    box-shadow: 0 10px 25px rgba(0,170,255,0.35);
}

.wpforms-submit:hover {
    transform: translateY(-3px);
    box-shadow: 0 18px 35px rgba(0,170,255,0.45);
}/* End custom CSS */