@charset "UTF-8";

/*
 Theme Name:   	Website of Yumbau Dim Dum
 Theme URI:    	https://www.desightstudio.com
 Description:  	Custom theme for client "Yumbau Dim Dum"
 Author: 		DeSight Studio GmbH
 Author URI: 	https://www.desightstudio.com
 Template: hello-biz
 Text Domain:	child-theme
 Version:      	1.0.0
 License: 		GNU General Public License v2.0
 License URI: 	http://www.gnu.org/licenses/gpl-2.0.html
*/




.elementor-element-4c81519 {
    display: none;
}


/* Header */
.cf7-header {
    text-align: center;
    margin-bottom: 30px;
}
.cf7-header h2 { font-size: 28px; margin-bottom: 8px; }
.cf7-header p { font-size: 16px; color: #666; margin: 0; }

/* Grid */
.cf7-grid { max-width: 900px; margin: 0 auto; padding: 10px; }
.cf7-row { display: flex; gap: 20px; margin-bottom: 18px; }
.cf7-col { flex: 1; }
.cf7-col-small { width: 150px; }

/* Labels */
.cf7-grid label { font-weight: 600; font-size: 14px; display: block; margin-bottom: 6px; }

/* Inputs, Textareas, Selects */
.cf7-grid input,
.cf7-grid select,
.cf7-grid textarea {
    width: 100%;
    padding: 14px 16px;
    border: 1px solid #ddd;
    border-radius: 8px;
    font-size: 16px;
    background: #fff;
    color: #111;
    transition: border 0.2s ease, box-shadow 0.2s ease;
}
.cf7-grid input:focus,
.cf7-grid select:focus,
.cf7-grid textarea:focus {
    border-color: #000;
    box-shadow: 0 0 0 2px rgba(0,0,0,0.05);
    outline: none;
}

/* Dropdown Optionen */
.cf7-grid select option {
    background: #fff;
    color: #111;
}

/* Submit Button */
.cf7-grid .wpcf7-submit {
    margin-top: 25px;
    padding: 16px 22px;
    background: #111;
    color: #fff;
    border: none;
    border-radius: 8px;
    font-size: 17px;
    cursor: pointer;
    width: 100%;
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    z-index: 999;
    transition: opacity 0.2s ease;
}
.cf7-grid .wpcf7-submit:hover { opacity: 0.9; }

/* Datum */
.cf7-grid input[type="date"]::-webkit-inner-spin-button,
.cf7-grid input[type="date"]::-webkit-calendar-picker-indicator {
    cursor: pointer;
    opacity: 1;
}

/* Mobile */
@media (max-width: 768px) {
    .cf7-row { flex-direction: column; gap: 14px; margin-bottom: 14px; }
    .cf7-col-small { width: 100%; }
    .cf7-grid input, .cf7-grid select, .cf7-grid textarea { font-size: 16px; padding: 16px; }
    .cf7-grid label { font-size: 15px; }
}