/* MILLER LEADERSHIP Newsletter-Banner | CSS | WPCodeBox: Typ CSS, External File */

@import url('https://fonts.googleapis.com/css2?family=Public+Sans:wght@400;500;600;700&family=Spectral:wght@400;500;600&display=swap');

/* --- nur auf diesen Banner gescoped (Prefix .ml-nl) --- */
  .ml-nl, .ml-nl *{ box-sizing:border-box; }
  .ml-nl{
    --navy:#2f455d;
    --accent:#2B8DAA;
    --accent-hover:#24768f;
    font-family:'Public Sans', system-ui, -apple-system, sans-serif;
    color:#F4F2EE;
    background:var(--navy);
    border-radius:16px;
    padding:46px 96px;
    position:relative;
    overflow:hidden;
    -webkit-font-smoothing:antialiased;
  }
  .ml-nl__glow{
    position:absolute; inset:0; pointer-events:none;
    background:radial-gradient(700px 360px at 90% 120%, rgba(43,141,170,0.28), transparent 60%);
  }
  .ml-nl__grid{
    position:relative;
    display:grid;
    grid-template-columns:1.05fr 0.95fr;
    align-items:center;
    max-width:1240px;
    margin:0 auto;
  }
  .ml-nl__col--left{
    padding-right:48px;
    min-width:0;
  }
  .ml-nl__col--right{
    padding-left:48px;
    border-left:1px solid rgba(255,255,255,0.16);
  }
  .ml-nl__eyebrow{
    font-size:12px; font-weight:700; letter-spacing:1.6px;
    text-transform:uppercase; color:var(--accent);
  }
  .ml-nl__title{
    font-family:'Spectral', Georgia, serif; font-weight:600;
    font-size:30px; line-height:1.2; margin:12px 0 0;
    color:#fff !important; text-wrap:balance;
  }
  .ml-nl__text{
    font-size:16px; line-height:1.6; color:#C3CAD3;
    margin:14px 0 0; max-width:44ch;
  }
  .ml-nl__form{ display:flex; flex-direction:column; gap:12px; }
  .ml-nl__label{ font-size:13px; font-weight:600; color:#E6E9ED; }
  .ml-nl__input{
    border:1.5px solid rgba(255,255,255,0.22);
    background:rgba(255,255,255,0.06);
    border-radius:8px; padding:13px 15px;
    font-size:15px; font-family:inherit; color:#fff;
    transition:border-color .15s ease, background .15s ease;
  }
  .ml-nl__input::placeholder{ color:#9AA6B2; }
  .ml-nl__input:focus{
    outline:none; border-color:var(--accent);
    background:rgba(255,255,255,0.1);
  }
  .ml-nl__consent{
    display:flex; gap:10px; align-items:flex-start;
    font-size:12.5px; line-height:1.5; color:#AEB7C0; cursor:pointer;
  }
  .ml-nl__consent input{
    margin-top:2px; width:16px; height:16px; flex:0 0 auto;
    accent-color:var(--accent); cursor:pointer;
  }
  .ml-nl__consent a{ color:#E6E9ED; text-decoration:underline; }
  .ml-nl__error{ margin:0; font-size:12.5px; color:#F0B3A0; }
  .ml-nl__btn{
    display:inline-flex; align-items:center; justify-content:center; gap:9px;
    background:var(--accent); color:#fff; border:none;
    font-size:15.5px; font-weight:600; padding:14px 20px;
    border-radius:8px; cursor:pointer; font-family:inherit;
    transition:background .15s ease;
  }
  .ml-nl__btn:hover{ background:var(--accent-hover); }
  .ml-nl__success{
    background:rgba(255,255,255,0.06);
    border:1px solid rgba(255,255,255,0.16);
    border-radius:12px; padding:26px;
    display:flex; gap:14px; align-items:flex-start;
  }
  .ml-nl__check{
    flex:0 0 auto; width:40px; height:40px; border-radius:50%;
    background:var(--accent); display:flex; align-items:center; justify-content:center;
  }
  .ml-nl__success h3{ margin:0; font-weight:600; font-size:16px; color:#fff !important; font-family:inherit; }
  .ml-nl__success p{ margin:6px 0 0; font-size:14px; line-height:1.5; color:#C3CAD3; }
  .ml-nl [hidden]{ display:none !important; }

  .ml-nl :focus-visible{ outline:3px solid var(--accent); outline-offset:2px; border-radius:4px; }

  @media (max-width:820px){
    .ml-nl{ padding:34px 26px; }
    .ml-nl__grid{ grid-template-columns:1fr; }
    .ml-nl__title{ font-size:25px; }
    .ml-nl__col--left{ padding-right:0; padding-bottom:28px; }
    .ml-nl__col--right{
      padding-left:0; padding-top:28px;
      border-left:none;
      border-top:1px solid rgba(255,255,255,0.16);
    }
  }