/**
 * IEN Tornesch – Responsive Ergänzungen
 * Wird NACH style.css geladen – nur Verfeinerungen
 */

/* ==========================================================================
   Admin-Bar Korrekturen
   ========================================================================== */

@media screen and (max-width: 782px) {
    .admin-bar #pagecontainer { margin-top: 46px; }
}

@media screen and (max-width: 600px) {
    .admin-bar #pagecontainer { margin-top: 0; }
}

/* ==========================================================================
   Navigation – Mobile Übergänge
   ========================================================================== */

#ien-nav-col {
    transition: max-height 0.3s ease-in-out;
}

#menu-toggle:focus {
    outline: 2px solid #333;
    outline-offset: 2px;
}

/* ==========================================================================
   Bilder in Inhalten
   ========================================================================== */

#ien-content-col img {
    max-width: 100%;
    height: auto;
}

/* ==========================================================================
   Tabellen im Content
   ========================================================================== */

@media screen and (max-width: 600px) {
    #ien-content-col table {
        width: 100% !important;
        display: block;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
}

/* ==========================================================================
   Kontaktformular responsiv
   ========================================================================== */

@media screen and (max-width: 700px) {
    #TheFormTable {
        width: 100%;
    }

    #TheFormTable td {
        display: block;
        width: 100%;
    }

    #TheFormTable input[type="text"],
    #TheFormTable input[type="email"],
    #TheFormTable input[type="tel"],
    #TheFormTable textarea,
    #TheFormTable select {
        width: 100% !important;
        box-sizing: border-box;
    }
}

/* ==========================================================================
   OpenStreetMap iframe
   ========================================================================== */

@media screen and (max-width: 500px) {
    .ien-map-wrapper iframe {
        width: 100% !important;
        height: 200px !important;
    }
}

/* ==========================================================================
   Print
   ========================================================================== */

@media print {
    #menu-toggle,
    .ien-nav-tools,
    .ien-nav-search,
    #ien-sidebar-col,
    .wpcf7-submit,
    .ien-map-wrapper { display: none !important; }

    #ien-nav-col { max-height: none !important; display: block !important; }

    #ien-columns { display: block; }

    #ien-content-col { width: 100% !important; border: none !important; padding: 0 !important; }

    body { background: white; }

    a[href]::after { content: " (" attr(href) ")"; font-size: 10px; color: #999; }
}