/*
Theme Name: AlbrechtEnergie Landing
Theme URI: https://albrechtenergie.de
Author: TechPaddy – IT & KI-Lösungen
Description: One-Page Landingpage für AlbrechtEnergie innovativ. Navy/Gold, Montserrat, ohne Plugins. Kontaktformular über admin-post.php + wp_mail.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: albrechtenergie
*/

*,*::before,*::after{box-sizing:border-box}
    @font-face{font-family:"AE Display";src:url("assets/fonts/montserrat-700.woff2") format("woff2");font-weight:700;font-style:normal;font-display:swap}
    @font-face{font-family:"AE Display";src:url("assets/fonts/montserrat-600.woff2") format("woff2");font-weight:600;font-style:normal;font-display:swap}
    html{scroll-behavior:smooth}
    body{margin:0;overflow-x:hidden}
    @media (prefers-reduced-motion:reduce){*{scroll-behavior:auto !important}}

    /* ---------- Responsive (tablet / mobile) ---------- */
    /* Tablet: teaser grid 3 -> 2, footer 3 -> 2, contact stacks */
    @media (max-width:900px){
      .ae-contactgrid{grid-template-columns:1fr !important;gap:34px !important}
      .ae-footergrid{grid-template-columns:1fr 1fr !important;gap:30px !important}
    }
    @media (max-width:860px){
      .ae-teasergrid{grid-template-columns:repeat(2,1fr) !important}
    }
    /* Phone: everything single column */
    @media (max-width:600px){
      .ae-teasergrid{grid-template-columns:1fr !important}
      .ae-footergrid{grid-template-columns:1fr !important;gap:30px !important;text-align:center}
      .ae-footergrid ul{justify-items:center}
      .ae-sec{padding-top:56px !important;padding-bottom:56px !important}
      .ae-logo{height:52px !important}
      .ae-hero-pad{padding-top:56px !important;padding-bottom:56px !important}
      .ae-aside{padding:26px 22px !important}
      .ae-cta a,.ae-cta button{width:100%;justify-content:center}
    }
  

/* --- static nav (replaces runtime style strings) --- */
.ae-burger{display:none;flex-direction:column;gap:5px;width:42px;height:42px;align-items:center;justify-content:center;cursor:pointer;border:1px solid #E2E8F0;border-radius:10px;background:#fff;padding:0}
.ae-nav{display:flex;align-items:center;gap:28px}
.ae-scrim{display:none;position:fixed;inset:96px 0 0 0;z-index:200;background:rgba(10,24,42,.45);transition:opacity .25s ease;opacity:0;pointer-events:none}
.ae-mobilemenu{display:none;position:fixed;top:96px;left:0;right:0;z-index:210;background:#fff;border-bottom:1px solid #E2E8F0;box-shadow:0 18px 40px -24px rgba(18,42,71,.45);padding:14px 24px 22px;flex-direction:column;gap:0;transition:transform .25s ease,opacity .2s ease;transform:translateY(-14px);opacity:0;pointer-events:none}
@media(max-width:820px){.ae-nav{display:none}.ae-burger{display:flex}.ae-scrim{display:block}.ae-mobilemenu{display:flex}}
body.ae-nav-open .ae-scrim{opacity:1;pointer-events:auto}
body.ae-nav-open .ae-mobilemenu{transform:translateY(0);opacity:1;pointer-events:auto}
/* --- field focus / button hover --- */
.ae-field:focus{outline:none;border-color:#EDB11D;box-shadow:0 0 0 3px rgba(237,177,29,.25)}
.ae-submit{transition:transform .15s ease,background .15s ease}
.ae-submit:hover{background:#122A47 !important;transform:translateY(-2px)}

/* ---------- Hero auf dem Smartphone: kein leerer Navy-Bereich, Skyline unten sichtbar ---------- */
@media (max-width:600px){
  .ae-hero{
    min-height:auto !important;
    align-items:flex-start !important;
    background-position:center bottom !important;
  }
  .ae-hero .ae-hero-pad{
    padding-top:120px !important;
    padding-bottom:190px !important;
  }
  /* Überschrift kleiner, damit "Verantwortung" nicht abgeschnitten wird */
  .ae-hero h1{ font-size:clamp(1.8rem,8vw,2.6rem) !important; }
  .ae-hero h1, .ae-hero p{ overflow-wrap:break-word; }
}