/*
Theme Name: SMC-Wendlingen
Theme URI:  https://example.com/
Author: Dennis Schmidt
Author URI: https://example.com/
Description: Responsive Elementor Theme with custom header, footer and mobile menu.
Version: 1.1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: smc-wendlingen
Tags: responsive, elementor, starter, minimal
*/

body { font-family: system-ui, sans-serif; margin:0; padding:0; }
.site-wrapper { display:flex; flex-direction:column; min-height:100vh; }

header.site-header { background:#fff; border-bottom:1px solid #eee; }
.header-inner { display:flex; align-items:center; justify-content:space-between; max-width:1200px; margin:0 auto; padding:1rem; }
.site-branding { flex:0 0 auto; }
.main-navigation { flex:1 1 auto; display:flex; justify-content:center; }

.menu-toggle { display:none; background:none; border:none; font-size:1.5rem; cursor:pointer; }

.menu { list-style:none; display:flex; gap:1rem; margin:0; padding:0; }
.menu li a { text-decoration:none; color:#333; }

footer.site-footer { background:#222; color:#fff; padding:1.5rem 1rem; text-align:center; }
footer.site-footer a { color:#ddd; }

@media(max-width:768px) {
  .header-inner { flex-wrap:wrap; }
  .menu-toggle { display:block; }
  .main-navigation { width:100%; order:3; display:none; flex-direction:column; align-items:center; }
  .main-navigation.active { display:flex; }
  .menu { flex-direction:column; gap:0.5rem; }
}