/*
Theme Name: Twenty Twenty-Five Child
Theme URI: https://wordpress.org/themes/twentytwentyfive/
Template: twentytwentyfive
Author: the WordPress team
Author URI: https://wordpress.org
Description: Twenty Twenty-Five emphasizes simplicity and adaptability. It offers flexible design options, supported by a variety of patterns for different page types, such as services and landing pages, making it ideal for building personal blogs, professional portfolios, online magazines, or business websites. Its templates cater to various blog styles, from text-focused to image-heavy layouts. Additionally, it supports international typography and diverse color palettes, ensuring accessibility and customization for users worldwide.
Tags: one-column,custom-colors,custom-menu,custom-logo,editor-style,featured-images,full-site-editing,block-patterns,rtl-language-support,sticky-post,threaded-comments,translation-ready,wide-blocks,block-styles,style-variations,accessibility-ready,blog,portfolio,news
Version: 1.4.1765314889
Updated: 2025-12-09 22:14:49

*/

main {margin-top:0 !important;}

/* Grundlegendes Formular-Styling */
form {
  max-width: unset;
  margin: 0 auto;
  padding: 0;
}

/* Label-Stil */
form label {
    display: block;
    margin-bottom: 8px;
}

/* Gemeinsame Stile für alle Eingabefelder */
form input[type="text"],
form input[type="email"],
form input[type="tel"],
form select,
form textarea {
    width: 100%;
    padding: 12px 15px;
    margin-bottom: 20px;
    border: 0; /* Dunkelgrauer Rahmen */
    border-radius: 4px;
    box-sizing: border-box;
    font-size: 16px;
    transition: all 0.3s ease;
    background-color: rgba(255, 255, 255, 0.7); /* 5% weiß/durchsichtig */
}

/* Fokus-Effekt für Eingabefelder */
form input[type="text"]:focus,
form input[type="email"]:focus,
form input[type="tel"]:focus,
form select:focus,
form textarea:focus {
    outline: none;
    border-color: #333;
    background-color: rgba(255, 255, 255, 1);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}

/* Dropdown-Spezifisches Styling */
form select {
    height: 46px; /* Gleiche Höhe wie Textfelder */
    background-color: rgba(255, 255, 255, 0.7);
    cursor: pointer;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url('data:image/svg+xml;utf8,<svg fill="%23666" height="36" viewBox="0 0 24 24" width="36" xmlns="http://www.w3.org/2000/svg"><path d="M7 10l5 5 5-5z"/></svg>');
    background-repeat: no-repeat;
    background-position: right 15px center;
    padding-right: 40px;
}

/* Radio-Buttons Styling */
form input[type="radio"] {
    width: 20px; /* Größere Radio-Buttons */
    height: 20px;
    margin-right: 10px;
    vertical-align: middle;
    cursor: pointer;
    appearance: none;
    -webkit-appearance: none;
    background-color: rgba(255, 255, 255, 0.05);
    border: 1px solid #f2f2f2;
    border-radius: 50%;
    position: relative;
    transition: all 0.3s ease;
}

/* Radio-Buttons Hover-Effekt */
form input[type="radio"]:hover {
    background-color: rgba(255, 255, 255, 0.1);
}

/* Radio-Buttons Ausgewählt */
form input[type="radio"]:checked {
background-color: rgba(255, 255, 255, 0.2);
  border-color: #fff;
  border-width: 3px;
}

/* Radio-Buttons Innenkreis */
form input[type="radio"]:checked::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 10px;
    height: 10px;
    background-color: #666;
    border-radius: 50%;
}

/* Radio-Buttons Label */
form input[type="radio"] + label {
    display: inline-block;
    margin-right: 4px;
    margin-bottom: 10px;
    font-weight: normal;
    cursor: pointer;
    vertical-align: middle;
}

/* Radio-Buttons Container */
.radio-group {
    margin-bottom: 20px;
}

/* Textarea spezifisch */
form textarea {
    min-height: 120px;
    resize: vertical;
}

/* Button-Styling */
form input[type="submit"] {
    background-color: #666; /* Dunkelgrau */
    color: white; /* Weiße Typografie */
    border: none;
    padding: 15px 30px;
    font-size: 16px;
    font-weight: bold;
    border-radius: 4px;
    cursor: pointer;
    transition: all 0.3s ease;
    width: 100%;
    text-transform: uppercase;
    letter-spacing: 1px;
}

/* Button Hover-Effekt */
form input[type="submit"]:hover {
    background-color: #555;
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

/* Button Aktiv-Effekt */
form input[type="submit"]:active {
    transform: translateY(0);
}

/* Responsive Anpassungen */
@media (max-width: 768px) {
    form {
        padding: 15px;
    }
    
    form input[type="text"],
    form input[type="email"],
    form input[type="tel"],
    form select,
    form textarea {
        padding: 10px 12px;
        font-size: 14px;
    }
    
    form select {
        height: 42px;
    }
    
    form input[type="submit"] {
        padding: 12px 20px;
        font-size: 14px;
    }
}

/* Platzhalter Text Styling */
::placeholder {
    color: #777;
    opacity: 1;
}

:-ms-input-placeholder {
    color: #999;
}

::-ms-input-placeholder {
    color: #999;
}

.wpcf7-list-item {
  margin: 0 30px 0 0;
}