/* =========================================================
   Yemane InfoTech - Typography Standard Final
   Ziel:
   - moderne, professionelle Website-Schriftgrößen
   - keine Funktionen geändert
   - Formen/Layout bleiben erhalten
   - nur Typografie optimiert
   ========================================================= */

/* Grundlesbarkeit */
html body{
  font-size:16px!important;
  line-height:1.65!important;
}

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

/* Kicker: PROFIL, PORTFOLIO, LEISTUNGEN, VIDEOS, DOWNLOADS, KONTAKT */
.about-kicker,
.project-kicker,
.services-kicker,
.video-kicker,
.download-kicker,
.contact-kicker-v2,
.why-kicker,
.kicker{
  font-size:clamp(.9rem,1vw,.98rem)!important;
  letter-spacing:.38em!important;
  line-height:1.2!important;
  font-weight:900!important;
}

/* Hero-Titel: professionell begrenzt, nicht übergroß */
.yi-about-creative h1,
.about-hero-modern h1,
.projects-hero-pro h1,
.services-hero-pro h1,
.videos-hero-pro h1,
.downloads-hero-pro h1,
.contact-hero-copy-v2 h1,
.hero h1,
.home-hero h1{
  font-size:clamp(3rem,5vw,5rem)!important;
  line-height:.98!important;
  letter-spacing:-.06em!important;
  font-weight:950!important;
}

/* Speziell sehr lange Titel */
.downloads-hero-pro h1,
.services-hero-pro h1{
  font-size:clamp(2.8rem,4.8vw,4.8rem)!important;
  line-height:1!important;
}

/* Hero-Beschreibung */
.about-lead,
.project-lead,
.services-lead,
.video-lead,
.download-lead,
.contact-lead-v2,
.hero-subtitle,
.hero p{
  font-size:clamp(1.05rem,1.18vw,1.15rem)!important;
  line-height:1.7!important;
}

/* Statistik-Zahlen / große Werte */
.stat-card strong,
.creative-card strong,
.project-stat strong,
.download-stat strong,
.video-stat strong,
.hero-stats strong{
  font-size:clamp(2rem,2.7vw,3rem)!important;
  line-height:1.05!important;
  font-weight:950!important;
}

/* Statistik-Text / Box-Text */
.stat-card span,
.creative-card span,
.project-stat span,
.download-stat span,
.video-stat span,
.hero-stats span{
  font-size:clamp(.9rem,1vw,1rem)!important;
  line-height:1.35!important;
  font-weight:750!important;
}

/* Kleine Card Texte nicht unter 0.9rem */
.creative-card span,
.service-pro-card li,
.project-card li,
.about-panel li,
.content-card li,
.download-stat span,
.project-stat span{
  font-size:max(.9rem, 0.9rem)!important;
}

/* Kartenüberschriften */
.service-pro-card h3,
.project-card h3,
.download-item h3,
.about-panel h2,
.section-title,
.tech-title,
.section-title-v2 h2{
  font-size:clamp(1.3rem,1.65vw,1.7rem)!important;
  line-height:1.25!important;
  font-weight:900!important;
}

/* Fließtexte in Content-Blöcken */
.about-panel p,
.about-intro p,
.service-pro-card p,
.project-card p,
.download-item p,
.legal-card p,
.content-card p,
.info-card-v2 p,
.why-card-v2 p{
  font-size:clamp(1rem,1.05vw,1.1rem)!important;
  line-height:1.8!important;
}

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

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

/* Badges / Skills */
.tech-badge,
.skills-grid span,
.badge,
.tag{
  font-size:clamp(.9rem,.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.02rem)!important;
  line-height:1.45!important;
}

.yi-footer-fullwidth-final .yi-footer-brand p{
  font-size:clamp(.95rem,1vw,1.05rem)!important;
  line-height:1.65!important;
}

/* Mobile sauber lesbar, aber Layout bleibt stabil */
@media(max-width:760px){
  html body{
    font-size:16px!important;
  }

  .yi-about-creative h1,
  .about-hero-modern h1,
  .projects-hero-pro h1,
  .services-hero-pro h1,
  .videos-hero-pro h1,
  .downloads-hero-pro h1,
  .contact-hero-copy-v2 h1,
  .hero h1,
  .home-hero h1{
    font-size:clamp(2.55rem,11vw,3.8rem)!important;
    line-height:1.02!important;
  }

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

  .stat-card strong,
  .creative-card strong,
  .project-stat strong,
  .download-stat strong,
  .video-stat strong{
    font-size:1.85rem!important;
  }

  .stat-card span,
  .creative-card span,
  .project-stat span,
  .download-stat span,
  .video-stat span{
    font-size:.9rem!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.72!important;
  }
}

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

  .about-kicker,
  .project-kicker,
  .services-kicker,
  .video-kicker,
  .download-kicker,
  .contact-kicker-v2{
    font-size:.82rem!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;
}