/* ========================================
   GREEN GLOW FOCUS EFFECT - STRONG INSET
   ======================================== */

/* Override browser default focus */
.form-border .form-control:focus,
.form-border input:focus,
.form-border select:focus,
.form-border textarea:focus,
#contact_form .form-control:focus,
#contact_form input:focus,
#contact_form select:focus,
#contact_form textarea:focus {
    outline: none !important;
    border-color: #1ECB15 !important;
    /* Mehrere Schatten-Ebenen für weichen Glow */
    box-shadow:
        inset 0 0 20px 5px rgba(30, 203, 21, 0.15),
        inset 0 0 10px 2px rgba(30, 203, 21, 0.25),
        inset 0 0 5px 1px rgba(30, 203, 21, 0.4) !important;
    -webkit-box-shadow:
        inset 0 0 20px 5px rgba(30, 203, 21, 0.15),
        inset 0 0 10px 2px rgba(30, 203, 21, 0.25),
        inset 0 0 5px 1px rgba(30, 203, 21, 0.4) !important;
}

/* Button hover glow - bleibt nach außen */
.btn-main:hover {
    box-shadow: 0 0 20px rgba(30, 203, 21, 0.6) !important;
}

/* ========================================
   STICKY HEADER FIX - Desktop & Mobile
   ======================================== */

/* Header immer sticky/fixed */
header {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 1000 !important;
    width: 100% !important;
}

/* Abstand für Content, damit er nicht unter dem Header verschwindet */
#content {
    padding-top: 120px !important;
}

/* Spezifisch für Seiten mit Subheader (wie contact.php) */
#subheader {
    margin-top: 0 !important;
}

/* Header Transition für smooth Farbwechsel */
header.transparent {
    transition: background 0.3s ease, box-shadow 0.3s ease;
}

/* Header wird weiß beim Scrollen - force it */
header.smaller,
header.scroll-light,
header.transparent.scrolled {
    background: #ffffff !important;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}

/* Logo-Wechsel beim Scrollen */
header.smaller .logo-1,
header.scroll-light .logo-1 {
    display: none !important;
}

header.smaller .logo-2,
header.scroll-light .logo-2 {
    display: inline-block !important;
}

/* Textfarbe dunkel bei weißem Hintergrund */
header.smaller #mainmenu li a,
header.scroll-light #mainmenu li a {
    color: #333333 !important;
}

/* Mobile Header fix */
header.header-mobile {
    position: fixed !important;
    top: 0 !important;
}

/* Topbar anpassen für fixed header */
#topbar {
    transition: margin-top 0.3s ease;
}

header.smaller #topbar,
header.scroll-light #topbar {
    margin-top: -50px !important;
}