/* ================================================================
   TemplateBuilder – modules.css
   Passt Standard-WBCE-Module an die CSS-Variablen dieses Templates an.
   Automatisch generiert – nicht manuell bearbeiten.
   ================================================================ */

/* ── MiniForm ── */
.miniform input[type="text"],
.miniform input[type="email"],
.miniform input[type="tel"],
.miniform input[type="url"],
.miniform select,
.miniform textarea {
    border: 1px solid var(--input-border);
}
.miniform input[type="text"]:hover,
.miniform input[type="email"]:hover,
.miniform input[type="tel"]:hover,
.miniform input[type="url"]:hover,
.miniform select:hover,
.miniform textarea:hover {
    border-color: color-mix(in srgb, var(--input-border) 60%, #000);
}
.miniform input[type="text"]:focus,
.miniform input[type="email"]:focus,
.miniform input[type="tel"]:focus,
.miniform input[type="url"]:focus,
.miniform select:focus,
.miniform textarea:focus {
    border-color: var(--input-focus-border) !important;
}
.miniform button[type="submit"] {
    background:    var(--btn-bg);
    color:         var(--btn-text);
    border:        1px solid var(--btn-border);
    border-radius: var(--btn-border-radius);
    padding:       var(--btn-padding);
    font-size:     var(--btn-font-size);
    font-weight:   var(--btn-font-weight);
}
.miniform button[type="submit"]:hover {
    background: var(--btn-hover-bg);
    color:      var(--btn-hover-text);
}

/* ── News with Images (news_img) ── */
body .mod_nwi_default .mod_nwi_content_short {
    background:    var(--box-bg);
    color:         var(--box-text);
    border:        1px solid var(--box-border);
    border-radius: var(--box-border-radius);
    box-shadow:    var(--box-shadow);
    padding:       var(--box-padding);
}
body .mod_nwi_default .mod_nwi_content_short h1,
body .mod_nwi_default .mod_nwi_content_short h2,
body .mod_nwi_default .mod_nwi_content_short h3,
body .mod_nwi_default .mod_nwi_content_short h4,
body .mod_nwi_default .mod_nwi_content_short h5,
body .mod_nwi_default .mod_nwi_content_short h6 { color: var(--box-text); }
body .mod_nwi_default .mod_nwi_content_short a  { color: var(--color-link); }
body .mod_nwi_default .mod_nwi_tag {
    background-color: var(--color-secondary);
    border-radius:    var(--box-border-radius);
}
body .mod_nwi_default .mod_nwi_tag:nth-of-type(1) {
    background-color: var(--color-primary);
}
body .mod_nwi_default div.mod_nwi_readmore a {
    background-color: var(--btn-bg);
    color:            var(--btn-text);
    border-radius:    var(--btn-border-radius);
    text-decoration:  none;
    transition:       background-color 0.2s, color 0.2s;
}
body .mod_nwi_default div.mod_nwi_readmore a:hover {
    background-color: var(--btn-hover-bg);
    color:            var(--btn-hover-text);
}

body .mod_nwi_faq .mod_nwi_content_short {
    background:    var(--box-bg);
    color:         var(--box-text);
    border:        1px solid var(--box-border);
    border-radius: var(--box-border-radius);
    box-shadow:    var(--box-shadow);
    padding:       var(--box-padding);
}
body .mod_nwi_faq .mod_nwi_content_short h1,
body .mod_nwi_faq .mod_nwi_content_short h2,
body .mod_nwi_faq .mod_nwi_content_short h3,
body .mod_nwi_faq .mod_nwi_content_short h4,
body .mod_nwi_faq .mod_nwi_content_short h5,
body .mod_nwi_faq .mod_nwi_content_short h6 { color: var(--box-text); }
body .mod_nwi_faq .mod_nwi_content_short a  { color: var(--color-link); }
body .mod_nwi_faq .mod_nwi_tag {
    background-color: var(--color-secondary);
    border-radius:    var(--box-border-radius);
}
body .mod_nwi_faq .mod_nwi_tag:nth-of-type(1) {
    background-color: var(--color-primary);
}
body .mod_nwi_faq .left-block {
    background-color: var(--color-primary);
}
body .mod_nwi_faq .left-block:after {
    border-color:        var(--color-primary);
    border-top-color:    transparent;
    border-right-color:  transparent;
    border-bottom-color: transparent;
}
body .mod_nwi_faq div.mod_nwi_readmore a {
    background-color: var(--btn-bg);
    color:            var(--btn-text);
    border-radius:    var(--btn-border-radius);
    text-decoration:  none;
    transition:       background-color 0.2s, color 0.2s;
}
body .mod_nwi_faq div.mod_nwi_readmore a:hover {
    background-color: var(--btn-hover-bg);
    color:            var(--btn-hover-text);
}

body .mod_nwi_grid_box .mod_nwi_readmore a {
    display:          inline-block;
    background-color: var(--btn-bg);
    color:            var(--btn-text);
    border-radius:    var(--btn-border-radius);
    padding:          2px 5px;
    text-decoration:  none;
    transition:       background-color 0.2s, color 0.2s;
}
body .mod_nwi_grid_box .mod_nwi_readmore a:hover {
    background-color: var(--btn-hover-bg);
    color:            var(--btn-hover-text);
}