/* style.css
   Entry point. Keep your HTML link as-is (<link rel="stylesheet" href="/assets/css/style.css">).
   theme.css must contain variables only.
   base.css + components.css contain all actual rules.
*/

@import url("/assets/css/theme.css");
@import url("/assets/css/base.css");
@import url("/assets/css/components.css");

/* === CTA Social Icons === */

.ctaSocial {
  display: flex;
  gap: 18px;
  align-items: center;
}

/* === CTA Layout Fix === */
.ctaBar{
  display:flex;
  justify-content:center;
  width:100%;
}

.ctaInner{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:18px;
  width:100%;
  max-width:900px;
}

.socialIcon {
  width: 22px;
  height: 22px;
  fill: #001f3f; /* Navy */
  transition: opacity 0.3s ease;
}

.socialIcon:hover {
  opacity: 0.6;
}

/* === CTA: fixiert + mittig + korrektes Spacing === */
.ctaBar{
  position: fixed;
  left: 0;
  right: 0;
  bottom: 22px;              /* Höhe/Abstand nach Geschmack */
  z-index: 9999;
  display: flex;
  justify-content: center;
  pointer-events: none;      /* nur Inner klickbar */
}

.ctaInner{
  pointer-events: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  width: auto;
  max-width: 980px;
  padding: 10px 14px;
}

/* Falls dein Body unten Padding hatte: hier NICHT ändern.
   Diese CTA sitzt jetzt unabhängig davon. */

/* === Kontakt-Button: Underline/Strich entfernen === */
.ctaInner .ctaBtn,
.ctaInner .ctaBtn:link,
.ctaInner .ctaBtn:visited{
  text-decoration: none !important;
  border-bottom: none !important;
  box-shadow: none;          /* falls irgendwo als Linie wahrgenommen */
}

/* Sicherheit: auch für Social Links */
.ctaInner a{
  text-decoration: none;
}

/* === Kontakt Button größer & fetter === */
.ctaInner .ctaBtn{
  font-size: 18px;     /* ca. +2px (wenn vorher 16px war) */
  font-weight: 700;    /* fetter */
  letter-spacing: 0.3px;
  color: #001f3f;      /* Navy text (no underline) */
}