.elementor-284 .elementor-element.elementor-element-f8025c5{--display:flex;--min-height:100vh;--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:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-284 .elementor-element.elementor-element-f8025c5:not(.elementor-motion-effects-element-type-background), .elementor-284 .elementor-element.elementor-element-f8025c5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://estilo-tango.de/wp-content/uploads/2025/11/2_Header-Anfaengerkurse-final-scaled.jpg");background-position:center right;background-repeat:no-repeat;background-size:cover;}.elementor-284 .elementor-element.elementor-element-85d8fb7{--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-284 .elementor-element.elementor-element-287ae34{--display:flex;}.elementor-284 .elementor-element.elementor-element-e173bb4 .elementor-heading-title{font-family:"Scriptina", Sans-serif;font-size:5rem;text-transform:none;color:#A67B52;}.elementor-284 .elementor-element.elementor-element-00a1d6b .elementor-heading-title{color:var( --e-global-color-ed5c547 );}.elementor-284 .elementor-element.elementor-global-605 .elementor-icon-wrapper{text-align:center;}.elementor-284 .elementor-element.elementor-global-605.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-284 .elementor-element.elementor-global-605.elementor-view-framed .elementor-icon, .elementor-284 .elementor-element.elementor-global-605.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-284 .elementor-element.elementor-global-605.elementor-view-framed .elementor-icon, .elementor-284 .elementor-element.elementor-global-605.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-284 .elementor-element.elementor-element-a39e6fb{--display:flex;--position:absolute;--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;bottom:0px;}body:not(.rtl) .elementor-284 .elementor-element.elementor-element-a39e6fb{left:0px;}body.rtl .elementor-284 .elementor-element.elementor-element-a39e6fb{right:0px;}.elementor-284 .elementor-element.elementor-global-82{--divider-border-style:solid;--divider-color:var( --e-global-color-primary );--divider-border-width:10px;}.elementor-284 .elementor-element.elementor-global-82 .elementor-divider-separator{width:33%;}.elementor-284 .elementor-element.elementor-global-82 .elementor-divider{padding-block-start:0px;padding-block-end:0px;}.elementor-284 .elementor-element.elementor-element-53411c5{--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:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:120px;--padding-bottom:120px;--padding-left:10px;--padding-right:10px;}.elementor-284 .elementor-element.elementor-element-53411c5:not(.elementor-motion-effects-element-type-background), .elementor-284 .elementor-element.elementor-element-53411c5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://estilo-tango.de/wp-content/uploads/2025/11/Background-Estilo-Tango.svg");background-position:center center;background-repeat:no-repeat;background-size:75% auto;}.elementor-284 .elementor-element.elementor-element-6aa1030{--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-284 .elementor-element.elementor-element-53013ed{--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:center;}.elementor-284 .elementor-element.elementor-element-53013ed.e-con{--flex-grow:1;--flex-shrink:0;}.elementor-284 .elementor-element.elementor-element-1e1faaf{z-index:10;text-align:center;}.elementor-284 .elementor-element.elementor-element-1e1faaf .elementor-heading-title{font-family:"Scriptina", Sans-serif;font-size:120px;color:#A67B52;}.elementor-284 .elementor-element.elementor-element-8079ece{--display:flex;--gap:20px 20px;--row-gap:20px;--column-gap:20px;border-style:solid;--border-style:solid;border-color:#333333;--border-color:#333333;--border-radius:15px 15px 15px 15px;box-shadow:0px 0px 10px 0px rgba(255, 255, 255, 0.5);--margin-top:15px;--margin-bottom:15px;--margin-left:15px;--margin-right:15px;--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-284 .elementor-element.elementor-element-8079ece:not(.elementor-motion-effects-element-type-background), .elementor-284 .elementor-element.elementor-element-8079ece > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#1A1A1A;}.elementor-284 .elementor-element.elementor-element-8079ece.e-con{--flex-grow:1;--flex-shrink:1;}.elementor-284 .elementor-element.elementor-element-b470c80{width:var( --container-widget-width, 650px );max-width:650px;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:650px;--container-widget-flex-grow:0;}.elementor-284 .elementor-element.elementor-element-b470c80.elementor-element{--align-self:center;}.elementor-284 .elementor-element.elementor-element-dbe6108{width:auto;max-width:auto;font-size:var( --e-global-typography-ecaf6ff-font-size );line-height:var( --e-global-typography-ecaf6ff-line-height );}.elementor-284 .elementor-element.elementor-element-5b2125a{width:auto;max-width:auto;font-size:var( --e-global-typography-ecaf6ff-font-size );line-height:var( --e-global-typography-ecaf6ff-line-height );}.elementor-284 .elementor-element.elementor-global-1203{font-weight:bold;color:var( --e-global-color-secondary );}.elementor-284 .elementor-element.elementor-element-ced1f2c{--display:flex;--min-height:700px;--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;--padding-top:60px;--padding-bottom:60px;--padding-left:10px;--padding-right:10px;}.elementor-284 .elementor-element.elementor-element-89b29a0{--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:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:50px;}.elementor-284 .elementor-element.elementor-element-12571ea img{border-style:solid;border-width:0px 0px 10px 0px;border-color:var( --e-global-color-primary );}.elementor-284 .elementor-element.elementor-element-7692a9d{--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-284 .elementor-element.elementor-element-7692a9d.e-con{--flex-grow:1;--flex-shrink:0;}.elementor-284 .elementor-element.elementor-element-30b5d4e{--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:60px 60px;--row-gap:60px;--column-gap:60px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-284 .elementor-element.elementor-element-a873c5c.elementor-element{--flex-grow:1;--flex-shrink:0;}.elementor-284 .elementor-element.elementor-element-d157d89.elementor-element{--flex-grow:1;--flex-shrink:0;}.elementor-284 .elementor-element.elementor-element-e50a233{--spacer-size:50px;}@media(max-width:1024px){.elementor-284 .elementor-element.elementor-element-dbe6108{font-size:var( --e-global-typography-ecaf6ff-font-size );line-height:var( --e-global-typography-ecaf6ff-line-height );}.elementor-284 .elementor-element.elementor-element-5b2125a{font-size:var( --e-global-typography-ecaf6ff-font-size );line-height:var( --e-global-typography-ecaf6ff-line-height );}.elementor-284 .elementor-element.elementor-element-ced1f2c{--gap:30px 30px;--row-gap:30px;--column-gap:30px;}}@media(max-width:767px){.elementor-284 .elementor-element.elementor-element-f8025c5:not(.elementor-motion-effects-element-type-background), .elementor-284 .elementor-element.elementor-element-f8025c5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://estilo-tango.de/wp-content/uploads/2025/11/blank.png");background-position:center center;background-repeat:no-repeat;background-size:contain;}.elementor-284 .elementor-element.elementor-element-f8025c5{--min-height:0vh;--justify-content:flex-end;--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-284 .elementor-element.elementor-element-e173bb4 .elementor-heading-title{font-size:3rem;}.elementor-284 .elementor-element.elementor-element-53411c5{--min-height:0vh;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-284 .elementor-element.elementor-element-1e1faaf .elementor-heading-title{font-size:3rem;}.elementor-284 .elementor-element.elementor-element-b470c80{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-284 .elementor-element.elementor-element-dbe6108{font-size:var( --e-global-typography-ecaf6ff-font-size );line-height:var( --e-global-typography-ecaf6ff-line-height );}.elementor-284 .elementor-element.elementor-element-5b2125a{font-size:var( --e-global-typography-ecaf6ff-font-size );line-height:var( --e-global-typography-ecaf6ff-line-height );}.elementor-284 .elementor-element.elementor-element-ced1f2c{--min-height:0vh;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-284 .elementor-element.elementor-element-89b29a0{--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-284 .elementor-element.elementor-element-30b5d4e{--gap:20px 20px;--row-gap:20px;--column-gap:20px;}}@media(min-width:768px){.elementor-284 .elementor-element.elementor-element-85d8fb7{--width:50%;}.elementor-284 .elementor-element.elementor-element-53411c5{--content-width:1400px;}.elementor-284 .elementor-element.elementor-element-6aa1030{--width:33.33%;}.elementor-284 .elementor-element.elementor-element-53013ed{--width:66.66%;}.elementor-284 .elementor-element.elementor-element-8079ece{--width:700px;}.elementor-284 .elementor-element.elementor-element-89b29a0{--width:33.33%;}.elementor-284 .elementor-element.elementor-element-7692a9d{--width:66.66%;}}/* Start custom CSS for heading, class: .elementor-element-1e1faaf */.elementor-284 .elementor-element.elementor-element-1e1faaf {
    scroll-margin-top: 150px;
    pointer-events: none; /* DAS IST DER TRICK */
}/* End custom CSS */
/* Start custom CSS for template, class: .elementor-element-a873c5c */.elementor-284 .elementor-element.elementor-element-a873c5c .btn-read-more,
.elementor-284 .elementor-element.elementor-element-a873c5c .btn-cta {
    display: none;
}/* End custom CSS */
/* Start custom CSS for template, class: .elementor-element-d157d89 */.elementor-284 .elementor-element.elementor-element-d157d89 .btn-read-more,
.elementor-284 .elementor-element.elementor-element-d157d89 .btn-cta {
    display: none;
}/* End custom CSS */
/* Start custom CSS *//* =========================================
   1. GRUNDLAYOUT & ABSTÄNDE
   ========================================= */
div[id^="gform_wrapper_"] {
    max-width: 600px !important;
    margin: 0 auto !important;
    padding: 0 !important;

    /* Zwingt GF 2.9, die Lücken klein zu halten */
    --gform-theme-field-gap-row: 8px !important;
    --gform-theme-field-gap-label: 4px !important;
    --gform-theme-layout-row-gap: 8px !important; 
    
    /* Globale Link-Variable für GF */
    --gform-theme-color-control-link: #d4af37 !important;
}

/* Fallback */
.gform_fields {
    grid-row-gap: 8px !important;
    row-gap: 8px !important;
}

/* =========================================
   2. TEXTFARBEN (ALLE FELDER & CHECKBOXEN)
   ========================================= */
/* A. Normale Labels (Vorname, Nachname) */
body div[id^="gform_wrapper_"] label.gfield_label,
body div[id^="gform_wrapper_"] legend.gfield_label,
body div[id^="gform_wrapper_"] .gfield_label {
    color: #e0e0e0 !important; /* Hellgrau */
    font-weight: 500;
}

/* B. DIE NORMALEN CHECKBOXEN (Gleicher Nachname, Email Partner) */
/* Das hat gefehlt! Wir machen sie explizit hellgrau */
body div[id^="gform_wrapper_"] .gfield_checkbox label {
    color: #cccccc !important;
    font-weight: normal;
    margin-bottom: 0 !important;
}

/* C. Kleingedrucktes */
body div[id^="gform_wrapper_"] .gfield_description,
body div[id^="gform_wrapper_"] .ginput_complex label {
    color: #888888 !important; 
    font-size: 11px;
}

/* =========================================
   3. SPEZIAL-FIX: EINWILLIGUNG (tango-consent)
   ========================================= */
/* Hier gelten die Regeln NUR für deine AGB-Box */

/* Der Text selbst */
.gform_wrapper .tango-consent .gfield_consent_description,
.gform_wrapper .tango-consent label {
    color: #cccccc !important;
    font-size: 14px;
}

/* Die Links darin (Gold & Fett) */
.gform_wrapper .tango-consent a,
.gform_wrapper .tango-consent a:link,
.gform_wrapper .tango-consent a:visited,
.gform_wrapper .tango-consent a:active {
    color: #d4af37 !important; 
    text-decoration: underline !important;
    font-weight: bold !important;
}
.gform_wrapper .tango-consent a:hover {
    color: #ffffff !important;
}

/* =========================================
   4. EINGABEFELDER (DARK MODE)
   ========================================= */
div[id^="gform_wrapper_"] input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]),
div[id^="gform_wrapper_"] select,
div[id^="gform_wrapper_"] textarea {
    background-color: #1a1a1a !important;
    color: #ffffff !important;
    border: 1px solid #444 !important;
    border-radius: 4px;
    padding: 8px 12px !important;
    font-size: 15px;
    line-height: 1.5;
}

div[id^="gform_wrapper_"] input:focus,
div[id^="gform_wrapper_"] select:focus {
    border-color: #d4af37 !important;
    background-color: #000 !important;
    outline: none;
    
}



/* =========================================
   5. SEKTIONS-TITEL
   ========================================= */
div[id^="gform_wrapper_"] .gsection_title {
    color: #d4af37 !important;
    font-size: 18px !important;
    margin: 0 !important;
    text-transform: uppercase;
    font-weight: 300;
}
div[id^="gform_wrapper_"] .gsection {
    border-bottom: 1px solid #333;
    padding-bottom: 5px !important;
    margin-top: 20px !important;
    margin-bottom: 8px !important;
}

/* =========================================
   6. TANGO CARDS (RADIO BUTTONS)
   ========================================= */
.gform_wrapper .tango-cards .gfield_radio {
    display: grid !important;
    grid-template-columns: 1fr !important; /* Untereinander */
    gap: 8px !important;
}

/* Radio Button verstecken */
.gform_wrapper .tango-cards .gfield_radio input[type="radio"] {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
}

/* Das Label als Karte stylen */
.gform_wrapper .tango-cards .gfield_radio label {
    display: block !important;
    background-color: #1a1a1a !important;
    border: 1px solid #444 !important;
    color: #ccc !important;
    border-radius: 4px !important;
    padding: 10px !important;
    cursor: pointer;
    text-align: center;
    margin: 0 !important;
    max-width: 100% !important;
    font-size: 14px !important;
    transition: all 0.2s ease-in-out;
}

/* Hover */
.gform_wrapper .tango-cards .gfield_radio label:hover {
    border-color: #d4af37 !important;
    color: #fff !important;
}

/* Ausgewählt */
.gform_wrapper .tango-cards .gfield_radio input[type="radio"]:checked + label {
    background-color: #d4af37 !important;
    color: #000 !important;
    border-color: #d4af37 !important;
    font-weight: bold !important;
    box-shadow: 0 0 10px rgba(212, 175, 55, 0.2);
}

/* =========================================
   7. SENDEN BUTTON
   ========================================= */
div[id^="gform_wrapper_"] .gform_footer input[type="submit"] {
    background-color: #d4af37 !important;
    color: #000 !important;
    border: none;
    padding: 12px 30px;
    font-weight: bold;
    text-transform: uppercase;
    border-radius: 4px;
    width: 100%;
    margin-top: 15px;
    cursor: pointer;
}
div[id^="gform_wrapper_"] .gform_footer input[type="submit"]:hover {
    background-color: #fff !important;
}

/* =========================================
   8. BUGFIX: TELEFONNUMMER (MIT KLASSE tango-phone)
   ========================================= */
/* Wir nutzen die ID + deine Klasse + input. Das ist spezifischer als Block 4. */
body div[id^="gform_wrapper_"] .tango-phone input:not([type="radio"]):not([type="checkbox"]) {
    padding-left: 120px !important; /* Extra viel Platz für die Flagge */
    padding-right: 12px !important;
    padding-top: 8px !important;
    padding-bottom: 8px !important;
    background-color: #1a1a1a !important;
}

/* Falls die Bibliothek (intl-tel-input) eigene Elemente nutzt */
body div[id^="gform_wrapper_"] .tango-phone .iti__tel-input {
    padding-left: 80px !important;
}

/* =========================================
   9. WEITERE ANMELDUNG BUTTON (IN BESTÄTIGUNG)
   ========================================= */
.tango-reload-button {
    display: inline-block;
    background-color: #1a1a1a;
    color: #d4af37 !important; /* Gold Text */
    border: 1px solid #d4af37;
    padding: 10px 20px;
    text-decoration: none !important;
    font-weight: bold;
    text-transform: uppercase;
    border-radius: 4px;
    transition: all 0.3s ease;
    margin-top: 10px;
}

.tango-reload-button:hover {
    background-color: #d4af37;
    color: #000 !important; /* Schwarz bei Hover */
    cursor: pointer;
}

/* =========================================
   10. OPTIK: TELEFON PLATZHALTER (KEIN BLAU)
   ========================================= */
/* Färbt die Beispiel-Nummer (0170...) hellgrau */
body div[id^="gform_wrapper_"] .ginput_container_phone input::placeholder {
    color: #888888 !important;
    opacity: 0.6 !important; /* Etwas transparenter, damit es nicht wie echter Text wirkt */
}

/* =========================================
   11. FINALER OPTIK-SCHLIFF (TEXT & CHECKBOX)
   ========================================= */

/* 1. Großschreibung verbieten (Die "Nuke"-Methode) */
/* Wir sprechen gezielt JEDES Text-Element an und zwingen es zur Ruhe */
body div[id^="gform_wrapper_"] label,
body div[id^="gform_wrapper_"] legend,
body div[id^="gform_wrapper_"] .gfield_label,
body div[id^="gform_wrapper_"] .gsection_title {
    text-transform: none !important; /* Normale Schreibweise erzwingen */
    font-variant: normal !important; /* Verhindert "Kapitälchen" */
    letter-spacing: 0px !important;  /* Normaler Buchstabenabstand */
}

/* 2. Checkboxen & Radio Buttons: Das Blau muss weg! */
/* Wir nutzen accent-color UND background-color für maximale Sicherheit */
body div[id^="gform_wrapper_"] input[type="checkbox"],
body div[id^="gform_wrapper_"] input[type="radio"] {
    accent-color: #d4af37 !important; /* Färbt das Browser-Element */
    border-color: #d4af37 !important;
}

/* Zusatz-Hammer für den "Checked"-Zustand (Falls accent-color ignoriert wird) */
body div[id^="gform_wrapper_"] input[type="checkbox"]:checked,
body div[id^="gform_wrapper_"] input[type="radio"]:checked {
    background-color: #d4af37 !important;
    border-color: #d4af37 !important;
    color: #000000 !important; /* Farbe des Häkchens selbst */
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Scriptina';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://estilo-tango.de/wp-content/uploads/2025/11/scriptina-webfont.woff') format('woff'),
		url('https://estilo-tango.de/wp-content/uploads/2025/11/scriptina-webfont.ttf') format('truetype');
}
/* End Custom Fonts CSS */