/* =========================================================
   Yemane InfoTech - footer-fullwidth-final.css
   Komplett neu geschrieben
   Ziel:
   - Footer horizontal 100% Breite wie Header
   - ca. 30-40% flacher
   - einheitlicher dunkelblauer Verlauf wie Kopfbereich
   - keine fremden Farbflächen / keine extra Hintergrund-Kästen
   - nur Footer-CSS, keine JavaScript-Funktionen geändert
   ========================================================= */

html,
body {
  overflow-x: hidden;
}

/* Haupt-Footer: volle Browserbreite */
.footer.footer-pro.yi-footer.yi-footer-fullwidth-final,
.footer.footer-pro.yi-footer,
.yi-clean-footer.yi-footer-final-v7 {
  position: relative !important;
  display: block !important;
  width: 100vw !important;
  max-width: 100vw !important;
  margin: 26px 0 0 50% !important;
  transform: translateX(-50%) !important;
  padding: 0 !important;
  border-radius: 0 !important;
  overflow: hidden !important;

  border-top: 1px solid rgba(0, 229, 255, .72) !important;
  border-bottom: 1px solid rgba(0, 229, 255, .16) !important;
  border-left: 0 !important;
  border-right: 0 !important;

  background: linear-gradient(
    180deg,
    #06101f 0%,
    #071427 45%,
    #06101f 100%
  ) !important;

  box-shadow: none !important;
  box-sizing: border-box !important;
}

/* Karte im Footer: nur dezent, nicht als großer Hintergrundblock */
.yi-footer-fullwidth-final .yi-footer-map {
  position: absolute !important;
  inset: 0 0 auto 0 !important;
  height: 72px !important;
  pointer-events: none !important;
  opacity: .20 !important;
  z-index: 0 !important;

  background:
    linear-gradient(180deg, rgba(6,16,31,.08), rgba(6,16,31,.95)),
    url("img/world-network-map.png") center top / min(820px, 84vw) auto no-repeat !important;

  filter: saturate(1.02) contrast(1.02) !important;
}

/* Innenbereich flach und breit */
.yi-footer-fullwidth-final .yi-footer-inner {
  position: relative !important;
  z-index: 1 !important;
  width: min(100% - clamp(28px, 6vw, 110px), 1520px) !important;
  max-width: 1520px !important;
  margin: 0 auto !important;
  padding: 28px 0 14px !important;
  box-sizing: border-box !important;
}

/* 4 Spalten horizontal */
.yi-footer-fullwidth-final .yi-footer-main {
  width: 100% !important;
  display: grid !important;
  grid-template-columns:
    minmax(300px, 1.55fr)
    minmax(180px, .78fr)
    minmax(250px, 1fr)
    minmax(170px, .7fr) !important;
  gap: clamp(22px, 3vw, 54px) !important;
  align-items: start !important;
  justify-content: space-between !important;
  box-sizing: border-box !important;
}

/* Alles transparent, keine inneren Kästen */
.yi-footer-fullwidth-final .yi-footer-brand,
.yi-footer-fullwidth-final .yi-footer-nav,
.yi-footer-fullwidth-final .yi-footer-contact,
.yi-footer-fullwidth-final .yi-footer-legal {
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  background-image: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

/* Dezente Trennlinien */
.yi-footer-fullwidth-final .yi-footer-nav,
.yi-footer-fullwidth-final .yi-footer-contact,
.yi-footer-fullwidth-final .yi-footer-legal {
  border-left: 1px solid rgba(0, 229, 255, .18) !important;
  padding-left: clamp(22px, 2.6vw, 38px) !important;
  min-height: 205px !important;
}

/* Logo-Zeile */
.yi-footer-fullwidth-final .yi-footer-logo-row {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 14px !important;
  margin: 0 0 18px !important;
  white-space: nowrap !important;
}

.yi-footer-fullwidth-final .yi-footer-logo-row img {
  width: 54px !important;
  height: 54px !important;
  min-width: 54px !important;
  object-fit: cover !important;
  border-radius: 14px !important;
  box-shadow: 0 0 18px rgba(0, 229, 255, .18) !important;
}

.yi-footer-fullwidth-final .yi-footer-logo-row strong {
  display: inline-flex !important;
  align-items: center !important;
  gap: .35rem !important;
  margin: 0 !important;
  color: #f4f8ff !important;
  font-size: clamp(1.25rem, 1.85vw, 1.72rem) !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  letter-spacing: -.035em !important;
  text-shadow: 0 7px 22px rgba(0, 0, 0, .5) !important;
}

.yi-footer-fullwidth-final .yi-footer-logo-row strong span,
.yi-footer-fullwidth-final .yi-footer-bottom span {
  color: #00e5ff !important;
  text-shadow: 0 0 15px rgba(0, 229, 255, .58) !important;
}

/* Beschreibung */
.yi-footer-fullwidth-final .yi-footer-brand p {
  max-width: 510px !important;
  margin: 0 0 20px !important;
  padding: 0 !important;
  color: rgba(232, 241, 255, .9) !important;
  font-size: clamp(.9rem, .96vw, .98rem) !important;
  font-weight: 600 !important;
  line-height: 1.55 !important;
}

/* Social Icons */
.yi-footer-fullwidth-final .yi-socials {
  display: flex !important;
  flex-flow: row wrap !important;
  align-items: center !important;
  gap: 11px !important;
  margin: 0 !important;
  padding: 0 !important;
}

.yi-footer-fullwidth-final .yi-social {
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 50% !important;
  background: rgba(255, 255, 255, .065) !important;
  border: 1px solid rgba(255, 255, 255, .08) !important;
  box-shadow: 0 8px 20px rgba(0, 0, 0, .22) !important;
  transition: transform .22s ease, border-color .22s ease, background .22s ease !important;
  text-decoration: none !important;
}

.yi-footer-fullwidth-final .yi-social:hover {
  transform: translateY(-2px) !important;
  background: rgba(0, 229, 255, .11) !important;
  border-color: rgba(0, 229, 255, .35) !important;
}

.yi-footer-fullwidth-final .yi-social svg {
  width: 21px !important;
  height: 21px !important;
  display: block !important;
}

/* Überschriften */
.yi-footer-fullwidth-final h3 {
  display: flex !important;
  align-items: center !important;
  gap: 11px !important;
  margin: 0 0 16px !important;
  padding: 0 !important;
  color: #00e5ff !important;
  font-size: clamp(.98rem, 1.05vw, 1.12rem) !important;
  font-weight: 900 !important;
  line-height: 1.15 !important;
  letter-spacing: -.01em !important;
  position: relative !important;
}

.yi-footer-fullwidth-final h3::after {
  content: "" !important;
  position: absolute !important;
  left: 42px !important;
  top: 28px !important;
  width: 70px !important;
  height: 1px !important;
  background: linear-gradient(90deg, rgba(0, 229, 255, .75), transparent) !important;
}

/* Icons */
.yi-footer-fullwidth-final h3 svg,
.yi-footer-fullwidth-final .yi-footer-contact p svg,
.yi-footer-fullwidth-final .yi-footer-cta svg,
.yi-footer-fullwidth-final li a svg {
  width: 18px !important;
  height: 18px !important;
  min-width: 18px !important;
  fill: none !important;
  stroke: #00e5ff !important;
  stroke-width: 2.25 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}

/* Links */
.yi-footer-fullwidth-final ul {
  list-style: none !important;
  display: grid !important;
  gap: 11px !important;
  margin: 0 !important;
  padding: 0 !important;
}

.yi-footer-fullwidth-final li {
  margin: 0 !important;
  padding: 0 !important;
}

.yi-footer-fullwidth-final li a,
.yi-footer-fullwidth-final .yi-footer-contact p,
.yi-footer-fullwidth-final .yi-footer-bottom a {
  color: rgba(248, 251, 255, .95) !important;
  font-size: clamp(.88rem, .92vw, .98rem) !important;
  font-weight: 800 !important;
  line-height: 1.22 !important;
  text-decoration: none !important;
}

.yi-footer-fullwidth-final li a {
  display: inline-flex !important;
  align-items: center !important;
  gap: 11px !important;
  transition: color .2s ease, transform .2s ease !important;
}

.yi-footer-fullwidth-final li a:hover,
.yi-footer-fullwidth-final .yi-footer-bottom a:hover {
  color: #00e5ff !important;
  transform: translateX(3px) !important;
}

/* Kontakt */
.yi-footer-fullwidth-final .yi-footer-contact {
  overflow-wrap: anywhere !important;
}

.yi-footer-fullwidth-final .yi-footer-contact p {
  display: flex !important;
  align-items: center !important;
  gap: 13px !important;
  margin: 0 0 14px !important;
  padding: 0 !important;
}

.yi-footer-fullwidth-final .yi-footer-cta {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 12px !important;
  min-height: 44px !important;
  margin-top: 4px !important;
  padding: 0 22px !important;
  border-radius: 12px !important;
  color: #fff !important;
  font-weight: 900 !important;
  text-decoration: none !important;
  background: rgba(0, 174, 220, .10) !important;
  border: 1px solid rgba(0, 229, 255, .36) !important;
  box-shadow: none !important;
  transition: transform .22s ease, background .22s ease, border-color .22s ease !important;
}

.yi-footer-fullwidth-final .yi-footer-cta:hover {
  transform: translateY(-2px) !important;
  background: rgba(0, 229, 255, .16) !important;
  border-color: rgba(0, 229, 255, .65) !important;
}

/* Untere Copyright-Zeile */
.yi-footer-fullwidth-final .yi-footer-bottom {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 18px !important;
  margin: 20px 0 0 !important;
  padding: 13px 0 0 !important;
  border-top: 1px solid rgba(255, 255, 255, .12) !important;
}

.yi-footer-fullwidth-final .yi-footer-bottom p {
  margin: 0 !important;
  color: rgba(232, 241, 255, .88) !important;
  font-size: clamp(.82rem, .88vw, .94rem) !important;
  line-height: 1.35 !important;
}

.yi-footer-fullwidth-final .yi-footer-bottom nav {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 20px !important;
  margin: 0 !important;
  padding: 0 !important;
}

.yi-footer-fullwidth-final .yi-footer-bottom i {
  color: rgba(255, 255, 255, .32) !important;
  font-style: normal !important;
}

/* Tablet */
@media (max-width: 1180px) {
  .yi-footer-fullwidth-final .yi-footer-main {
    grid-template-columns: 1.2fr .9fr 1fr !important;
  }

  .yi-footer-fullwidth-final .yi-footer-legal {
    grid-column: 2 / 4 !important;
    min-height: 0 !important;
  }

  .yi-footer-fullwidth-final .yi-footer-nav,
  .yi-footer-fullwidth-final .yi-footer-contact,
  .yi-footer-fullwidth-final .yi-footer-legal {
    min-height: 0 !important;
  }
}

/* Mobile */
@media (max-width: 860px) {
  .footer.footer-pro.yi-footer.yi-footer-fullwidth-final,
  .footer.footer-pro.yi-footer,
  .yi-clean-footer.yi-footer-final-v7 {
    margin-top: 24px !important;
  }

  .yi-footer-fullwidth-final .yi-footer-map {
    height: 58px !important;
    opacity: .16 !important;
  }

  .yi-footer-fullwidth-final .yi-footer-inner {
    width: calc(100% - 32px) !important;
    padding: 24px 0 14px !important;
  }

  .yi-footer-fullwidth-final .yi-footer-main {
    grid-template-columns: 1fr !important;
    gap: 20px !important;
  }

  .yi-footer-fullwidth-final .yi-footer-nav,
  .yi-footer-fullwidth-final .yi-footer-contact,
  .yi-footer-fullwidth-final .yi-footer-legal {
    grid-column: auto !important;
    min-height: 0 !important;
    padding-left: 0 !important;
    padding-top: 16px !important;
    border-left: 0 !important;
    border-top: 1px solid rgba(0, 229, 255, .16) !important;
  }

  .yi-footer-fullwidth-final .yi-footer-logo-row {
    margin-bottom: 14px !important;
  }

  .yi-footer-fullwidth-final .yi-footer-brand p {
    margin-bottom: 16px !important;
  }

  .yi-footer-fullwidth-final .yi-footer-bottom {
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    gap: 10px !important;
    margin-top: 16px !important;
    padding-top: 12px !important;
  }
}

/* Kleine Geräte */
@media (max-width: 520px) {
  .yi-footer-fullwidth-final .yi-footer-inner {
    width: calc(100% - 24px) !important;
    padding: 20px 0 12px !important;
  }

  .yi-footer-fullwidth-final .yi-footer-logo-row {
    gap: 11px !important;
  }

  .yi-footer-fullwidth-final .yi-footer-logo-row img {
    width: 48px !important;
    height: 48px !important;
    min-width: 48px !important;
    border-radius: 13px !important;
  }

  .yi-footer-fullwidth-final .yi-footer-logo-row strong {
    font-size: 1.25rem !important;
  }

  .yi-footer-fullwidth-final .yi-social {
    width: 37px !important;
    height: 37px !important;
    min-width: 37px !important;
  }

  .yi-footer-fullwidth-final .yi-socials {
    gap: 9px !important;
  }

  .yi-footer-fullwidth-final .yi-footer-cta {
    width: 100% !important;
    padding: 0 16px !important;
  }

  .yi-footer-fullwidth-final .yi-footer-bottom nav {
    width: 100% !important;
    justify-content: flex-start !important;
    flex-wrap: wrap !important;
  }
}


/* =========================================================
   HEADER COLOR MATCH FINAL
   Footer-Farbe exakt wie Kopfbereich:
   background: rgba(3,9,18,.97)
   border: rgba(34,230,255,.22)
   Keine anderen Hintergrund-Farbflächen.
   ========================================================= */

.footer.footer-pro.yi-footer.yi-footer-fullwidth-final,
.footer.footer-pro.yi-footer,
.yi-clean-footer.yi-footer-final-v7{
  width:100vw!important;
  max-width:100vw!important;
  margin:24px 0 0 50%!important;
  transform:translateX(-50%)!important;
  padding:0!important;
  border-radius:0!important;
  overflow:hidden!important;

  background:rgba(3,9,18,.97)!important;
  background-image:none!important;

  border-top:1px solid rgba(34,230,255,.22)!important;
  border-bottom:1px solid rgba(34,230,255,.22)!important;
  border-left:0!important;
  border-right:0!important;

  box-shadow:none!important;
  backdrop-filter:blur(18px)!important;
  -webkit-backdrop-filter:blur(18px)!important;
}

/* Karte nur als dezente Grafik, ohne eigene Farbfläche */
.yi-footer-fullwidth-final .yi-footer-map{
  height:58px!important;
  opacity:.16!important;
  background:
    linear-gradient(180deg, rgba(3,9,18,.10), rgba(3,9,18,.97)),
    url("img/world-network-map.png") center top / min(760px,82vw) auto no-repeat!important;
  filter:saturate(1) contrast(1)!important;
}

/* Footer noch flacher und sauber */
.yi-footer-fullwidth-final .yi-footer-inner{
  padding:22px 0 12px!important;
}

.yi-footer-fullwidth-final .yi-footer-main{
  gap:clamp(20px,2.8vw,48px)!important;
}

.yi-footer-fullwidth-final .yi-footer-nav,
.yi-footer-fullwidth-final .yi-footer-contact,
.yi-footer-fullwidth-final .yi-footer-legal{
  min-height:175px!important;
  border-left:1px solid rgba(34,230,255,.18)!important;
}

.yi-footer-fullwidth-final .yi-footer-logo-row{
  margin-bottom:14px!important;
}

.yi-footer-fullwidth-final .yi-footer-logo-row img{
  width:50px!important;
  height:50px!important;
  min-width:50px!important;
}

.yi-footer-fullwidth-final .yi-footer-brand p{
  margin-bottom:16px!important;
  line-height:1.45!important;
}

.yi-footer-fullwidth-final ul{
  gap:9px!important;
}

.yi-footer-fullwidth-final .yi-footer-contact p{
  margin-bottom:11px!important;
}

.yi-footer-fullwidth-final .yi-footer-cta{
  min-height:40px!important;
  margin-top:2px!important;
}

.yi-footer-fullwidth-final .yi-footer-bottom{
  margin-top:15px!important;
  padding-top:10px!important;
}

@media (max-width:860px){
  .yi-footer-fullwidth-final .yi-footer-map{
    height:44px!important;
  }
  .yi-footer-fullwidth-final .yi-footer-inner{
    padding:18px 0 10px!important;
  }
  .yi-footer-fullwidth-final .yi-footer-nav,
  .yi-footer-fullwidth-final .yi-footer-contact,
  .yi-footer-fullwidth-final .yi-footer-legal{
    min-height:0!important;
    border-top:1px solid rgba(34,230,255,.16)!important;
  }
}


/* =========================================================
   FOOTER LINE + DARK BACKGROUND FIX
   - Linien neben Home/Deutschland entfernt
   - Linien nur unter Navigation/Kontakt/Rechtliches
   - obere komische helle Farbe entfernt
   - Footer-Hintergrund komplett dunkelblau wie Header
   - responsive bleibt erhalten
   ========================================================= */

.footer.footer-pro.yi-footer.yi-footer-fullwidth-final,
.footer.footer-pro.yi-footer,
.yi-clean-footer.yi-footer-final-v7{
  background:#030912!important;
  background-image:linear-gradient(180deg,#030912 0%,#06101f 55%,#030912 100%)!important;
  border-top:1px solid rgba(34,230,255,.22)!important;
  border-bottom:1px solid rgba(34,230,255,.16)!important;
}

/* Weltkarte/oberer Bereich deutlich dunkler, keine helle Box */
.yi-footer-fullwidth-final .yi-footer-map{
  opacity:.10!important;
  height:50px!important;
  background:
    linear-gradient(180deg,rgba(3,9,18,.35),rgba(3,9,18,.98)),
    url("img/world-network-map.png") center top / min(720px,80vw) auto no-repeat!important;
}

/* Alle inneren Hintergründe dunkel/transparent halten */
.yi-footer-fullwidth-final .yi-footer-inner,
.yi-footer-fullwidth-final .yi-footer-main,
.yi-footer-fullwidth-final .yi-footer-brand,
.yi-footer-fullwidth-final .yi-footer-nav,
.yi-footer-fullwidth-final .yi-footer-contact,
.yi-footer-fullwidth-final .yi-footer-legal{
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
}

/* Die falschen Linien neben Home/Deutschland entfernen */
.yi-footer-fullwidth-final h3::after{
  content:""!important;
  position:absolute!important;
  left:42px!important;
  top:28px!important;
  width:72px!important;
  height:1px!important;
  background:linear-gradient(90deg,rgba(0,229,255,.65),transparent)!important;
  transform:none!important;
}

.yi-footer-fullwidth-final li a::after,
.yi-footer-fullwidth-final .yi-footer-contact p::after,
.yi-footer-fullwidth-final .yi-footer-contact strong::after,
.yi-footer-fullwidth-final .yi-footer-contact span::after,
.yi-footer-fullwidth-final .yi-footer-nav a::after{
  display:none!important;
  content:none!important;
}

/* Nur vertikale Trennlinien zwischen den Spalten bleiben */
.yi-footer-fullwidth-final .yi-footer-nav,
.yi-footer-fullwidth-final .yi-footer-contact,
.yi-footer-fullwidth-final .yi-footer-legal{
  border-left:1px solid rgba(34,230,255,.16)!important;
}

/* Etwas flacher und sauberer */
.yi-footer-fullwidth-final .yi-footer-inner{
  padding:20px 0 11px!important;
}

.yi-footer-fullwidth-final .yi-footer-nav,
.yi-footer-fullwidth-final .yi-footer-contact,
.yi-footer-fullwidth-final .yi-footer-legal{
  min-height:165px!important;
}

.yi-footer-fullwidth-final ul{
  gap:8px!important;
}

.yi-footer-fullwidth-final .yi-footer-contact p{
  margin-bottom:10px!important;
}

.yi-footer-fullwidth-final .yi-footer-bottom{
  margin-top:14px!important;
  padding-top:10px!important;
  border-top:1px solid rgba(255,255,255,.10)!important;
}

@media (max-width:860px){
  .yi-footer-fullwidth-final .yi-footer-map{
    height:38px!important;
    opacity:.08!important;
  }

  .yi-footer-fullwidth-final .yi-footer-inner{
    padding:18px 0 10px!important;
  }

  .yi-footer-fullwidth-final .yi-footer-nav,
  .yi-footer-fullwidth-final .yi-footer-contact,
  .yi-footer-fullwidth-final .yi-footer-legal{
    min-height:0!important;
    border-left:0!important;
    border-top:1px solid rgba(34,230,255,.14)!important;
  }

  .yi-footer-fullwidth-final h3::after{
    left:38px!important;
    top:27px!important;
    width:66px!important;
  }
}


/* ==================================================
   ABOUT PAGE CLEAN VERSION
   Logo-Kreis + Border entfernt
   ================================================== */

.about-profile-image,
.about-avatar,
.about-hero-image,
.profile-image-wrapper,
.profile-ring,
.hero-ring,
.about-image-ring,
.about-glow-ring,
.logo-ring,
.profile-circle,
.about-photo-wrapper{
    border:none !important;
    box-shadow:none !important;
    outline:none !important;
}

.about-profile-image img,
.about-avatar img,
.about-hero-image img,
.profile-image-wrapper img,
.profile-circle img{
    display:none !important;
}

/* Linke Bildspalte komplett ausblenden */
.about-image-column,
.about-hero-left,
.about-profile-left,
.profile-visual,
.about-visual{
    display:none !important;
}

/* Textbereich volle Breite */
.about-content,
.about-hero-content,
.about-right,
.about-text-column{
    width:100% !important;
    max-width:100% !important;
    flex:1 1 100% !important;
}

/* ABOUT NO BORDER FINAL */
.about-hero-modern,
.about-section,
.about-container,
.about-card{
    border:none !important;
    outline:none !important;
    box-shadow:none !important;
}
.about-hero-modern::before,
.about-hero-modern::after{
    display:none !important;
    content:none !important;
}


/* ICONS FEST ZENTRIERT - KEINE BEWEGUNG */
.stat-icon-box,
.yi-about-creative .stat-icon-box{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    position:relative !important;
    overflow:hidden !important;
}

.stat-icon-box svg,
.yi-about-creative .stat-icon-box svg{
    position:absolute !important;
    top:50% !important;
    left:50% !important;
    transform:translate(-50%,-50%) !important;
    margin:0 !important;
    animation:none !important;
    transition:none !important;
}

.stat-icon-box:hover svg,
.yi-about-creative .stat-icon-box:hover svg{
    transform:translate(-50%,-50%) !important;
}


/* Header brand color like footer */
.brand{
 color:#ffffff !important;
}
.brand .accent,
.brand-highlight,
.brand span:last-child{
 background:linear-gradient(135deg,#00e5ff,#2dd4ff) !important;
 -webkit-background-clip:text !important;
 -webkit-text-fill-color:transparent !important;
 color:transparent !important;
 font-weight:800 !important;
}