/* ================================
   Footer Newsletter UI (global, aber gekapselt)
   ================================ */

.th-footer-newsletter{
  max-width:420px;
  margin-left:auto;
  margin-right:auto;

  /* Grid: Hint/Msg nur unter dem Eingabefeld */
  display:grid;
  grid-template-columns: 1fr auto; /* Input | Button */
  column-gap:8px;
  row-gap:10px;

  /* Schutz gegen “Mobile sprengt Breite” */
  max-width: min(420px, 100%);
  box-sizing: border-box;
}

/* Form-Wrapper “aufklappen”, damit Input/Button echte Grid-Items werden */
.th-footer-newsletter .th-newsletter-ui{
  display:contents;
  max-width:100%;
}

/* Eingabe */
.th-footer-newsletter #th-news-email{
  grid-column:1;
  min-width:0;

  background:#161b22;
  border:1px solid #b8ab7d;
  color:#c7cbcf;
  text-align:center;
  border-radius:4px;
  padding:8px 10px;
  font-size:15px;

  box-sizing:border-box;
}

.th-footer-newsletter #th-news-email::placeholder{
  color:#7d8286;
}

/* Button */
.th-footer-newsletter .th-news-btn{
  grid-column:2;

  background:#161b22;
  color:#d4c797;
  border:1px solid #d4c797;
  border-radius:4px;
  padding:8px 10px;
  font-size:14px;
  line-height:1.1;
  cursor:pointer;
  white-space:nowrap;

  box-sizing:border-box;
}

.th-footer-newsletter .th-news-btn:hover{
  background:#d4c797;
  color:#161b22;
}

/* Hint: nur unter dem Eingabefeld */
.th-footer-newsletter .th-news-hint{
  grid-column:1;

  margin-top:0;
  font-size:14px;
  color:#bfc4c8;
  text-align:center;
  width:100%;

  /* Schutz gegen Breiten-Sprengung */
  max-width:100%;
  box-sizing:border-box;
  white-space: normal !important;
  overflow-wrap: anywhere;
  word-break: break-word;
  hyphens: auto;
}

/* Message: auch nur unter dem Eingabefeld */
.th-footer-newsletter .th-news-msg{
  grid-column:1;

  margin-top:0;
  font-size:14px;
  color:#bfc4c8;
  text-align:center;
  width:100%;

  /* Schutz gegen Breiten-Sprengung */
  max-width:100%;
  box-sizing:border-box;
  white-space: normal !important;
  overflow-wrap: anywhere;
  word-break: break-word;
  hyphens: auto;
}

/* Mobile: untereinander */
@media (max-width: 768px){

  /* Grid deaktivieren */
  .th-footer-newsletter{
    display:block;
  }

  .th-footer-newsletter .th-newsletter-ui{
    display:block;
    max-width:100%;
  }

  .th-footer-newsletter #th-news-email{
    font-size: 16px;
    box-sizing: border-box;
    width:100%;
  }

  .th-footer-newsletter .th-news-btn{
    width:100%;
    margin-top:8px;
  }

  .th-footer-newsletter .th-news-hint,
  .th-footer-newsletter .th-news-msg{
    margin-top:10px;
  }
}

/* Newsletter: Honeypot unsichtbar */
.th-footer-newsletter .th-news-hp{
  position:absolute !important;
  left:-9999px !important;
  top:-9999px !important;
  width:1px !important;
  height:1px !important;
  overflow:hidden !important;
  opacity:0 !important;
  pointer-events:none !important;
}

/* Newsletter: Statusmeldung darf Mobile nicht sprengen */
.th-footer-newsletter .th-news-msg{
  max-width:100%;
  overflow-wrap:anywhere;
  word-break:break-word;
}