/* =========================================================
   Yemane InfoTech - Schriftgrößen Optimierung
   Fokus: bessere Lesbarkeit auf Desktop, Tablet und Handy
   Keine Funktionen/JS geändert
   ========================================================= */

/* Grundtext */
body{
  font-size:16.5px!important;
  line-height:1.65!important;
}

/* Navigation */
.nav-links a,
.site-nav-link,
.yi-nav-links a{
  font-size:clamp(.96rem,1vw,1.08rem)!important;
  font-weight:800!important;
}

/* Große Hero-Überschriften */
.about-hero-modern h1,
.yi-about-creative h1,
.services-hero-pro h1,
.projects-hero-pro h1,
.downloads-hero-pro h1,
.hero h1,
.home-hero h1{
  font-size:clamp(3.6rem,7.8vw,7.4rem)!important;
  line-height:.94!important;
  letter-spacing:-.07em!important;
}

/* Kicker */
.about-kicker,
.services-kicker,
.project-kicker,
.download-kicker,
.why-kicker,
.kicker{
  font-size:clamp(.86rem,1vw,1rem)!important;
  letter-spacing:.38em!important;
}

/* Hero-Untertexte */
.about-lead,
.services-lead,
.project-lead,
.download-lead,
.hero-subtitle,
.hero p{
  font-size:clamp(1.04rem,1.35vw,1.28rem)!important;
  line-height:1.75!important;
}

/* Statistik-/Info-Box Zahlen */
.stat-card strong,
.creative-card strong,
.project-stat strong,
.download-stat strong,
.hero-stats strong{
  font-size:clamp(2.15rem,3vw,3.25rem)!important;
  line-height:1!important;
  font-weight:950!important;
}

/* Statistik-/Info-Box Text */
.stat-card span,
.creative-card span,
.project-stat span,
.download-stat span,
.hero-stats span{
  font-size:clamp(.98rem,1.05vw,1.12rem)!important;
  line-height:1.35!important;
  font-weight:700!important;
}

/* Karten-Titel allgemein */
.service-pro-card h3,
.project-card h3,
.download-item h3,
.about-panel h2,
.section-title,
.tech-title{
  font-size:clamp(1.35rem,1.8vw,1.8rem)!important;
  line-height:1.25!important;
}

/* Fließtext in Sektionen */
.about-panel p,
.about-intro p,
.service-pro-card p,
.project-card p,
.download-item p,
.legal-card p,
.content-card p{
  font-size:clamp(1.02rem,1.08vw,1.16rem)!important;
  line-height:1.85!important;
}

/* Listenpunkte */
.service-pro-card li,
.project-card li,
.about-panel li,
.content-card li{
  font-size:clamp(.98rem,1vw,1.08rem)!important;
  line-height:1.55!important;
}

/* Buttons */
button,
.btn,
.service-more,
.yi-footer-cta,
.cta,
.download-btn{
  font-size:clamp(.95rem,1vw,1.05rem)!important;
  font-weight:850!important;
}

/* Skill-/Tech-Badges */
.tech-badge,
.skills-grid span,
.badge,
.tag{
  font-size:clamp(.88rem,.95vw,1rem)!important;
  line-height:1.25!important;
  font-weight:800!important;
}

/* Footer */
.yi-footer-fullwidth-final li a,
.yi-footer-fullwidth-final .yi-footer-contact p,
.yi-footer-fullwidth-final .yi-footer-bottom a,
.footer a,
.footer p{
  font-size:clamp(.9rem,.98vw,1.04rem)!important;
  line-height:1.45!important;
}

/* Footer Brand Text */
.yi-footer-fullwidth-final .yi-footer-brand p{
  font-size:clamp(.96rem,1vw,1.08rem)!important;
  line-height:1.65!important;
}

/* Mobile Optimierung */
@media(max-width:760px){
  body{
    font-size:16px!important;
  }

  .about-hero-modern h1,
  .yi-about-creative h1,
  .services-hero-pro h1,
  .projects-hero-pro h1,
  .downloads-hero-pro h1,
  .hero h1,
  .home-hero h1{
    font-size:clamp(2.9rem,13vw,4.2rem)!important;
    line-height:.96!important;
  }

  .about-lead,
  .services-lead,
  .project-lead,
  .download-lead,
  .hero-subtitle,
  .hero p{
    font-size:1rem!important;
    line-height:1.65!important;
  }

  .stat-card strong,
  .creative-card strong,
  .project-stat strong,
  .download-stat strong,
  .hero-stats strong{
    font-size:2rem!important;
  }

  .stat-card span,
  .creative-card span,
  .project-stat span,
  .download-stat span,
  .hero-stats span{
    font-size:.92rem!important;
    line-height:1.3!important;
  }

  .about-panel p,
  .about-intro p,
  .service-pro-card p,
  .project-card p,
  .download-item p,
  .content-card p{
    font-size:1rem!important;
    line-height:1.75!important;
  }

  .service-pro-card li,
  .project-card li,
  .about-panel li{
    font-size:.96rem!important;
  }
}

/* Sehr kleine Geräte */
@media(max-width:390px){
  .about-hero-modern h1,
  .yi-about-creative h1,
  .services-hero-pro h1,
  .projects-hero-pro h1,
  .downloads-hero-pro h1{
    font-size:2.75rem!important;
  }

  .stat-card span,
  .creative-card span{
    font-size:.86rem!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;
}
