/* rodec.ch – eigene Anpassungen (ergänzend zu theme.css) */

/* --- Header (übernommen aus dem ursprünglichen Theme) --- */
.tm-header-mobile, .uk-navbar-sticky .uk-container { padding-top: 1rem; }
header * .uk-logo img { width: 170px; }
header * .uk-navbar-container.uk-navbar-sticky {
    -webkit-box-shadow: 0 15px 42px -13px rgba(58, 88, 137, .82);
    box-shadow: 0 15px 42px -13px rgba(58, 88, 137, .82);
}
.hero-slideshow * .uk-slideshow-items * .uk-section-small { padding-top: 0; padding-bottom: 0; }
.hero-slideshow * .uk-slideshow-items * .el-content { display: flex; flex-flow: column; justify-content: center; }
.text-shadow * { text-shadow: 0 0 10px rgba(58, 88, 137, .86); }
footer *, footer * a { color: #fff; text-decoration: none; }
footer * .uk-subnav * a.el-link { color: #fff !important; }
footer * .uk-subnav * a.el-link:hover, footer * .uk-subnav * a.el-link:focus { text-decoration: underline; }
footer p a:hover { text-decoration: underline; }
@media screen and (min-width: 960px) {
    header * .uk-logo img { width: 270px; }
}

/* Skip-Link nur bei Fokus sichtbar */
.tm-skip-link { position: absolute; left: -9999px; }
.tm-skip-link:focus { position: static; }

/* --- Inhaltsblöcke (ein Block pro REDAXO-Modul) --- */
.rodec-block + .rodec-block { margin-top: 40px; }
@media (min-width: 960px) {
    .rodec-block + .rodec-block { margin-top: 70px; }
}
.rodec-block > :first-child { margin-top: 0; }

/* Checkliste */
.rodec-checklist .uk-list > li { padding: 10px 0; }

/* Karte Standorte */
.rodec-map { height: 400px; background: #e9e9e9; }
.leaflet-container { font: inherit; }

/* --- Kontaktformular --- */
.rodec-form .uk-form-label { font-weight: 600; font-size: .95rem; color: #231f20; margin-bottom: 6px; }
.rodec-form .uk-input, .rodec-form .uk-textarea {
    border: 2px solid #d5d8de;
    background: #fff;
    padding: 0 14px;
    height: 46px;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
.rodec-form .uk-textarea { height: auto; padding-top: 10px; padding-bottom: 10px; }
.rodec-form .uk-input:focus, .rodec-form .uk-textarea:focus {
    border-color: #3a5889;
    box-shadow: 0 0 0 3px rgba(58, 88, 137, .15);
    outline: none;
}
.rodec-form .uk-input.uk-form-danger, .rodec-form .uk-textarea.uk-form-danger { border-color: #c0392b; }
.rodec-form .rodec-form-field-error .uk-form-label, .rodec-form .rodec-form-field-error .rodec-choice { color: #c0392b; }
.rodec-form .rodec-required { color: #3a5889; font-weight: 700; }
.rodec-form .rodec-choices { display: flex; flex-wrap: wrap; gap: 8px 24px; }
.rodec-form .rodec-choice { display: inline-flex; align-items: flex-start; gap: 8px; cursor: pointer; line-height: 1.5; }
.rodec-form .rodec-choice-block { width: 100%; }
.rodec-form .rodec-choice input { flex: none; margin-top: 4px; }
.rodec-form .uk-radio, .rodec-form .uk-checkbox { border: 2px solid #9aa3b2; width: 18px; height: 18px; background-color: #fff; }
.rodec-form .uk-radio:checked, .rodec-form .uk-checkbox:checked { background-color: #3a5889; border-color: #3a5889; }
.rodec-form .uk-radio:focus, .rodec-form .uk-checkbox:focus { border-color: #3a5889; outline: none; box-shadow: 0 0 0 3px rgba(58, 88, 137, .15); }
.rodec-form .rodec-form-notice { line-height: 1.4; }
.rodec-form .rodec-form-errors { border-left: 4px solid #c0392b; }
.rodec-form .cf-turnstile { margin-top: 10px; min-height: 65px; }
.rodec-form .rodec-honeypot { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; opacity: 0; }

/* Absenden-Button */
.rodec-form .rodec-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 2px solid #3a5889;
    background: #3a5889;
    color: #fff;
    padding: 0 34px;
    line-height: 50px;
    letter-spacing: .5px;
    transition: background-color .15s ease-in-out, color .15s ease-in-out, transform .15s ease-in-out, box-shadow .15s ease-in-out;
}
.rodec-form .rodec-button:hover, .rodec-form .rodec-button:focus-visible {
    background: #231f20;
    border-color: #231f20;
    color: #fff;
    box-shadow: 0 10px 25px -12px rgba(35, 31, 32, .7);
    transform: translateY(-1px);
}
.rodec-form .rodec-button .uk-icon { transition: transform .15s ease-in-out; }
.rodec-form .rodec-button:hover .uk-icon { transform: translateX(3px); }
@media (max-width: 639px) {
    .rodec-form .rodec-button { width: 100%; }
}

/* Erfolgsmeldung */
.rodec-form-success { border-left: 4px solid #3a5889; }
