/*
 Theme Name:   hello-elementor child
 Theme URI:    https://lesson.johnlove.de
 Description:  hello-elementor Child Theme
 Author:       Dein Name
 Author URI:   https://johnlove.de
 Template:     hello-elementor
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  hello-elementor-child
*/
.profile-image-comm{
    width: 80px;     /* Muss gleich width sein für einen perfekten Kreis */
    height: 80px; /* Muss gleich width sein für einen perfekten Kreis */
    border-radius: 50%; /* Rundes Bild */
    object-fit: cover; /* Stellt sicher, dass das Bild den Kreis füllt */
    border: 3px solid #ddd; /* Optional: Rahmen hinzufügen */
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); /* Optional: leichter Schatten */


}

.rudimentals-theme-mode-form {
    display: grid;
    gap: 14px;
    max-width: 420px;
}

.rudimentals-theme-mode-form fieldset {
    display: grid;
    gap: 10px;
    padding: 0;
    border: 0;
}

.rudimentals-theme-mode-form legend {
    margin-bottom: 4px;
    font-weight: 700;
}

.rudimentals-theme-mode-form label {
    display: flex;
    align-items: center;
    gap: 8px;
}

.rudimentals-theme-mode-form button {
    width: fit-content;
}

.rudimentals-theme-mode-message {
    margin: 0;
    color: #1f7a3f;
}

.rudimentals-theme-mode-message-error {
    color: #b42318;
}

body.rudimentals-dark-mode {
    background: #101114;
    color: #f2f4f7;
}

body.rudimentals-dark-mode a {
    color: #8ec5ff;
}

body.rudimentals-dark-mode a:hover,
body.rudimentals-dark-mode a:focus {
    color: #b8ddff;
}

body.rudimentals-dark-mode .site-header,
body.rudimentals-dark-mode .site-footer,
body.rudimentals-dark-mode .elementor-section,
body.rudimentals-dark-mode .elementor-container,
body.rudimentals-dark-mode .elementor-widget-container,
body.rudimentals-dark-mode .e-con {
    background-color: #101114;
    color: #f2f4f7;
}

body.rudimentals-dark-mode .elementor-heading-title,
body.rudimentals-dark-mode .elementor-widget-heading,
body.rudimentals-dark-mode .elementor-widget-text-editor,
body.rudimentals-dark-mode .elementor-icon-list-text {
    color: #f2f4f7;
}

body.rudimentals-dark-mode input,
body.rudimentals-dark-mode select,
body.rudimentals-dark-mode textarea {
    background-color: #1b1d22;
    border-color: #3a3f4b;
    color: #f2f4f7;
}

body.rudimentals-dark-mode button,
body.rudimentals-dark-mode input[type="submit"],
body.rudimentals-dark-mode .elementor-button {
    background-color: #f2f4f7;
    color: #101114;
}