.elementor-17070 .elementor-element.elementor-element-c3088bf{--display:flex;--overlay-opacity:1;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#EF7D00;--border-color:#EF7D00;--border-radius:10px 10px 10px 10px;box-shadow:0px 0px 10px 0px #EF7D00;--margin-top:50px;--margin-bottom:80px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-17070 .elementor-element.elementor-element-c3088bf::before, .elementor-17070 .elementor-element.elementor-element-c3088bf > .elementor-background-video-container::before, .elementor-17070 .elementor-element.elementor-element-c3088bf > .e-con-inner > .elementor-background-video-container::before, .elementor-17070 .elementor-element.elementor-element-c3088bf > .elementor-background-slideshow::before, .elementor-17070 .elementor-element.elementor-element-c3088bf > .e-con-inner > .elementor-background-slideshow::before, .elementor-17070 .elementor-element.elementor-element-c3088bf > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-17070 .elementor-element.elementor-element-3e0344e img{max-width:250px;}.elementor-17070 .elementor-element.elementor-element-d321668{text-align:center;}.elementor-17070 .elementor-element.elementor-element-d321668 .elementor-heading-title{font-family:"Handel Gothik", Sans-serif;font-weight:bold;text-transform:uppercase;color:#FFFFFF;}.elementor-17070 .elementor-element.elementor-element-e6a7fb6 > .elementor-widget-container{padding:0px 50px 0px 50px;}body.elementor-page-17070:not(.elementor-motion-effects-element-type-background), body.elementor-page-17070 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}body.elementor-page-17070{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}@media(max-width:767px){.elementor-17070 .elementor-element.elementor-element-c3088bf{--padding-top:5px;--padding-bottom:5px;--padding-left:5px;--padding-right:5px;}.elementor-17070 .elementor-element.elementor-element-3e0344e > .elementor-widget-container{padding:20px 0px 0px 0px;}.elementor-17070 .elementor-element.elementor-element-3e0344e.elementor-element{--align-self:center;}.elementor-17070 .elementor-element.elementor-element-3e0344e{text-align:center;}.elementor-17070 .elementor-element.elementor-element-3e0344e img{max-width:200px;}.elementor-17070 .elementor-element.elementor-element-d321668.elementor-element{--align-self:center;}.elementor-17070 .elementor-element.elementor-element-d321668 .elementor-heading-title{font-size:30px;}.elementor-17070 .elementor-element.elementor-element-e6a7fb6 > .elementor-widget-container{padding:0px 0px 0px 0px;}}/* Start JX Custom Fonts CSS *//* End JX Custom Fonts CSS */
/* Start custom CSS *//* ==========================================================================
   GRAVITY FORMS STYLING: vit:bikes B2B (Formular ID 132)
   ========================================================================== */

/* Allgemeine Schriftart und Textfarbe */
#gform_wrapper_132 {
    font-family: 'Open Sans', sans-serif;
    color: #e0e0e0;
}

/* Formular-Titel */
#gform_wrapper_132 .gform_heading .gform_title {
    font-family: 'Handel Gothic Pro', 'Arial Black', sans-serif !important;
    color: #ffffff !important;
    text-transform: uppercase !important;
    font-size: 24px !important;
    margin-bottom: 10px !important;
}

#gform_wrapper_132 .gform_heading .gform_description {
    color: #a0a0a0 !important;
    font-size: 15px !important;
    margin-bottom: 25px !important;
}

/* Abschnitts-Überschriften (gsection) */
#gform_wrapper_132 .gsection {
    border-bottom: 1px solid #333333 !important;
    padding-bottom: 10px !important;
    margin-bottom: 25px !important;
    margin-top: 35px !important;
}

#gform_wrapper_132 .gsection .gsection_title {
    font-family: 'Handel Gothic Pro', 'Arial Black', sans-serif !important;
    color: #ef7d00 !important;
    text-transform: uppercase !important;
    font-size: 18px !important;
    margin: 0 !important;
}

/* Labels (Beschriftung der Felder) */
#gform_wrapper_132 .gfield_label {
    color: #e0e0e0 !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    margin-bottom: 8px !important;
    display: inline-block !important;
}

/* Eingabefelder, Select-Boxen & Textareas (Dunkles Design) */
#gform_wrapper_132 input[type="text"],
#gform_wrapper_132 input[type="email"],
#gform_wrapper_132 input[type="tel"],
#gform_wrapper_132 input[type="url"],
#gform_wrapper_132 input[type="number"],
#gform_wrapper_132 select,
#gform_wrapper_132 textarea {
    background-color: #222222 !important;
    border: 1px solid #444444 !important;
    color: #ffffff !important;
    border-radius: 4px !important;
    padding: 12px 15px !important;
    width: 100% !important;
    box-sizing: border-box !important;
    font-family: 'Open Sans', sans-serif !important;
    font-size: 15px !important;
    transition: border-color 0.3s ease, box-shadow 0.3s ease !important;
}

/* Platzhalter-Text abdunkeln */
#gform_wrapper_132 ::placeholder {
    color: #777777 !important;
}

/* Hover & Focus Status für Felder (Oranger Rahmen) */
#gform_wrapper_132 input[type="text"]:focus,
#gform_wrapper_132 input[type="email"]:focus,
#gform_wrapper_132 input[type="tel"]:focus,
#gform_wrapper_132 select:focus,
#gform_wrapper_132 textarea:focus {
    border-color: #ef7d00 !important;
    outline: none !important;
    box-shadow: 0 0 8px rgba(239, 125, 0, 0.4) !important;
    background-color: #2a2a2a !important;
}

/* Checkboxen & Radio-Buttons Textfarbe */
#gform_wrapper_132 .gfield_checkbox li label,
#gform_wrapper_132 .gfield_radio li label {
    color: #e0e0e0 !important;
    font-weight: 400 !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
    padding-top: 2px !important;
}

/* Senden Button */
#gform_wrapper_132 .gform_footer {
    padding-top: 20px !important;
    text-align: center !important; /* Button zentrieren */
}

#gform_wrapper_132 .gform_footer input[type="submit"] {
    background-color: #ef7d00 !important;
    color: #ffffff !important;
    text-transform: uppercase !important;
    font-family: 'Handel Gothic Pro', 'Arial Black', sans-serif !important;
    font-weight: bold !important;
    font-size: 16px !important;
    border: none !important;
    padding: 15px 40px !important;
    border-radius: 4px !important;
    cursor: pointer !important;
    transition: background-color 0.3s ease, transform 0.2s ease !important;
    width: auto !important;
    display: inline-block !important;
}

#gform_wrapper_132 .gform_footer input[type="submit"]:hover {
    background-color: #d16d00 !important;
    transform: translateY(-2px) !important;
}

/* Fehlermeldungen (Validierung) */
#gform_wrapper_132 .gfield_error input,
#gform_wrapper_132 .gfield_error select,
#gform_wrapper_132 .gfield_error textarea {
    border-color: #ff4c4c !important;
    background-color: rgba(255, 76, 76, 0.05) !important;
}

#gform_wrapper_132 .validation_message {
    color: #ff4c4c !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    margin-top: 5px !important;
}

#gform_wrapper_132 .gform_validation_errors {
    background-color: rgba(255, 76, 76, 0.1) !important;
    border-left: 4px solid #ff4c4c !important;
    border-radius: 0 4px 4px 0 !important;
    padding: 15px !important;
    color: #ffffff !important;
}

#gform_wrapper_132 .gform_validation_errors h2 {
    color: #ff4c4c !important;
}

/* ==========================================================================
   FIX: Checkbox und Label in eine Zeile zwingen
   ========================================================================== */

/* Container für Checkbox und Consent-Feld zu Flexbox machen */
#gform_wrapper_132 .gfield_checkbox li,
#gform_wrapper_132 .ginput_container_consent {
    display: flex !important;
    align-items: flex-start !important; /* Richtet Box und Text oben bündig aus */
}

/* Die Checkbox selbst formatieren */
#gform_wrapper_132 input[type="checkbox"] {
    flex-shrink: 0 !important; /* Verhindert, dass die Box gequetscht wird */
    width: auto !important; /* Falls ein anderes CSS 100% Breite erzwingt */
    margin-top: 4px !important; /* Feintuning: Box auf exakte Höhe der 1. Zeile schieben */
    margin-right: 12px !important; /* Abstand zwischen Box und Text */
}

/* Den Text (Label) direkt neben der Box positionieren */
#gform_wrapper_132 .gfield_checkbox li label,
#gform_wrapper_132 .ginput_container_consent label {
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1.5 !important;
}

/* BONUS-FIX: Die weiße Box um den HTML-Hinweistext unten entfernen */
#gform_wrapper_132 .gfield_html {
    background-color: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-top: -15px !important; /* Zieht den Text etwas näher an die Checkbox ran */
}

.gform_title {display:none;}

.gform_required_legend {display: none;}

.jupiterx-main-content {background-color:black;}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Handel Gothik';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://vitbikes.de/wp-content/uploads/2023/06/HANDGOTN.woff') format('woff');
}
/* End Custom Fonts CSS */