/*
Theme Name: Limarco Customizer Extended v3.1.4
Theme URI: https://limarco.de
Author: i-NET-PROMO / Sascha Scheuermann
Author URI: https://www.i-net-promo.de
Description: Limarco-Theme mit Customizer-Menü, Topbar (Social Icons), Slider, Karten, FAQ/Team, dunklem Footer und Vorschaubild.
Version: 1.4.4
License: GPL-2.0+
Text Domain: limarco-customizer
Tags: custom-colors, custom-logo, custom-menu, theme-options
*/

:root{
  --bg-top:#eaf7f0; --bg:#f5faf7; --fg:#122117; --muted:#4e6a5a;
  --brand:#11865b; --brand-2:#0b5f40;
  --card:#ffffff; --glass:rgba(255,255,255,.85); --border:rgba(0,0,0,.1);
  --radius:8px; --shadow:0 10px 25px rgba(0,0,0,.08);
  --footer-bg:#0b5f40; --footer-link:#a6e0c0;
}
*{box-sizing:border-box} html,body{margin:0;padding:0}
body{
  font-family: var(--font-body, Inter), system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial;
  background: linear-gradient(180deg, var(--bg-top) 0%, var(--bg) 100%);
  color: var(--fg);
}
a{color:var(--brand);text-decoration:none}
.container{max-width:1240px;margin:0 auto;padding:0 20px}

/* Topbar */
.topbar{background:var(--brand-2);color:#fff;font-size:14px}
.topbar .wrap{max-width:1240px;margin:0 auto;display:flex;gap:12px;align-items:center;justify-content:space-between;padding:6px 20px}
.topbar a{color:#fff;text-decoration:none;opacity:.95}
.topbar a:hover{opacity:1;text-decoration:underline}
.topbar .left, .topbar .right{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.topbar .sep{opacity:.6}
/* Icons in Topbar */
.topbar .icon{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:6px;transition:background .2s ease}
.topbar .icon svg{width:18px;height:18px;fill:#fff;transition:fill .2s ease, transform .2s ease}
.topbar .icon:hover{background:rgba(255,255,255,.08)}
.topbar .icon:hover svg{fill:var(--footer-link); transform: translateY(-1px)}

/* Header/Nav */
header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,0.9);backdrop-filter: blur(10px);border-bottom:1px solid var(--border)}
.nav{max-width:1240px;margin:0 auto;padding:14px 20px;display:flex;align-items:center;justify-content:space-between}
.logo{display:flex;align-items:center;gap:12px;font-weight:800;letter-spacing:.3px;color:var(--brand)}
.logo .mark{width:36px;height:36px;border-radius:10px;background:conic-gradient(from 140deg, var(--brand), #0fb383, var(--brand-2));box-shadow:0 4px 15px rgba(17,134,91,.3)}
.nav .group{display:flex;gap:10px;align-items:center;flex-wrap:wrap}

/* Menu buttons */
.primary-menu, .nav .group{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.primary-menu a{display:inline-flex;align-items:center;gap:8px;justify-content:center;padding:10px 16px;border-radius:6px;border:2px solid var(--brand);color:var(--brand);background:#fff;transition:all .2s ease;font-weight:600}
.primary-menu a:hover{background:var(--brand);color:#fff}
.btn{display:inline-flex;align-items:center;gap:8px;justify-content:center;padding:10px 16px;border-radius:6px;border:2px solid var(--brand);color:var(--brand);background:#fff;transition:all .2s ease;font-weight:600;cursor:pointer}
.btn:hover{background:var(--brand);color:#fff}
.btn-primary{background:linear-gradient(90deg, var(--brand), #16a085);color:#fff;font-weight:800;border:none}

/* Hero */
.hero{max-width:1240px;margin:0 auto;padding:60px 20px;display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center}
.tag{display:inline-flex;gap:10px;align-items:center;background:#e3f4ec;border:1px solid #c6e5d3;padding:8px 12px;border-radius:6px;color:var(--brand)}
h1{font-family: var(--font-heading, Manrope), Inter, system-ui;font-weight:800;font-size:clamp(32px,5vw,56px);line-height:1.04;margin:10px 0 10px;color:var(--brand-2)}
.lead{color:var(--muted);font-size:clamp(16px,2.2vw,18px)}
.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}
.hero-card{background:var(--glass);border:1px solid var(--border);border-radius:10px;padding:16px;box-shadow:var(--shadow)}

/* Slider */
.slider{position:relative;overflow:hidden;border-radius:10px;border:1px solid var(--border);background:#f3fbf6}
.slides{display:flex;transition:transform .5s ease}
.slide{min-width:100%;aspect-ratio:16/9;display:flex;align-items:center;justify-content:center;font-weight:800;letter-spacing:.5px;background:linear-gradient(135deg, rgba(17,134,91,.1), rgba(11,95,64,.1));color:var(--brand-2);border-right:1px solid var(--border)}
.slide span{background:rgba(255,255,255,.8);padding:10px 14px;border-radius:8px;border:1px solid var(--border)}
.slider-controls{position:absolute;inset:0;display:flex;align-items:center;justify-content:space-between;pointer-events:none}
.ctrl{pointer-events:auto;width:42px;height:42px;border-radius:8px;border:1px solid var(--border);background:var(--brand);color:#fff;display:grid;place-items:center;margin:0 12px;cursor:pointer}
.dots{position:absolute;bottom:10px;left:50%;transform:translateX(-50%);display:flex;gap:8px}
.dot{width:8px;height:8px;border-radius:50%;background:#cdebdc;cursor:pointer}
.dot.active{background:var(--brand)}

/* Sections */
section{padding:40px 0}
h2{font-size:clamp(22px,3.5vw,32px);margin:0 0 8px}
.sub{color:var(--muted)}

/* Cards */
.cards{display:grid;grid-template-columns:repeat(3, 1fr);gap:16px}
.card{background:var(--card);border:1px solid var(--border);border-radius:10px;padding:18px;box-shadow:var(--shadow)}
.pill{display:inline-block;font-size:12px;padding:4px 8px;border-radius:999px;background:#e3f4ec;color:var(--brand-2);border:1px solid #c6e5d3}
ul{margin:8px 0 0 18px}

/* CTA */
.cta-band{background:linear-gradient(90deg, rgba(17,134,91,.15), rgba(11,95,64,.15));border:1px solid var(--border);border-radius:12px;padding:16px;display:flex;align-items:center;justify-content:space-between;gap:12px}

/* Grid 2 */
.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.contact{background:var(--card);border:1px solid var(--border);border-radius:10px;padding:18px;box-shadow:var(--shadow)}
.rows{display:grid;gap:6px;color:var(--muted)}
.rows a{color:var(--brand);font-weight:600}

/* FAQ */
.accordion{display:grid;gap:10px}
details{background:var(--card);border:1px solid var(--border);border-radius:10px;padding:14px 16px;box-shadow:var(--shadow)}
summary{cursor:pointer;font-weight:700;list-style:none}
summary::-webkit-details-marker{display:none}
details[open] summary{color:var(--brand)}

/* Team */
.team{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.member{background:var(--card);border:1px solid var(--border);border-radius:10px;padding:18px;box-shadow:var(--shadow);display:grid;gap:8px;justify-items:center;text-align:center}
.avatar{width:84px;height:84px;border-radius:50%;background:linear-gradient(135deg,#dff7ec,#f2fbf7);border:1px dashed rgba(0,0,0,.08);display:grid;place-items:center;font-weight:700;color:var(--brand-2)}

/* Footer */
footer{background:var(--footer-bg); color:#fff; padding:24px 20px; border-top:1px solid rgba(0,0,0,.15)}
footer a{color:var(--footer-link); font-weight:600}
footer a:hover{color:#ffffff; text-decoration:underline}

@media (max-width: 980px){
  .hero{grid-template-columns:1fr}
  .cards{grid-template-columns:1fr}
  .grid-2{grid-template-columns:1fr}
  .team{grid-template-columns:1fr}
}