/* Genel Stiller */
* { margin: 0; padding: 0; box-sizing: border-box; }
body { font-family: 'Arial', sans-serif; line-height: 1.6; color: #333; overflow-x: hidden; padding: 0 5%; }

/* Header ve Navigasyon */
.navbar {
  display:flex; justify-content:space-between; align-items:center;
  padding:1rem 5%; background-color:#fff; box-shadow:0 2px 5px rgba(0,0,0,0.1);
  position:fixed; top:0; left:0; right:0; z-index:1000; width:100%; box-sizing:border-box;
}
.nav-left, .nav-right { flex:1; }
.nav-links { display:flex; list-style:none; margin:0; padding:0; }
.nav-left .nav-links { justify-content:flex-end; margin-right:1rem; }
.nav-right .nav-links { justify-content:flex-start; margin-left:1rem; }
.nav-links li { position:relative; margin:0 0.5rem; }
.nav-links a {
  text-decoration:none; color:#DC281E; font-weight:700; padding:0.5rem 0; display:block; position:relative; transition:color .3s;
}
.nav-links a::before {
  content:''; position:absolute; bottom:0; left:0; width:100%; height:2px; background:#000;
  transform:scaleX(0); transform-origin:right; transition:transform .3s;
}
.nav-links a:hover { color:#000; }
.nav-links a:hover::before { transform:scaleX(1); transform-origin:left; }
.nav-links .sub-menu{
  position:absolute; top:100%; left:0; background:#fff; min-width:200px; box-shadow:0 10px 30px rgba(0,0,0,0.1);
  opacity:0; visibility:hidden; transform:translateY(20px); transition:all .3s; border-top:3px solid #000; list-style:none; padding:0;
}
.nav-links li:hover > .sub-menu { opacity:1; visibility:visible; transform:translateY(0); }
.sub-menu a{ padding:.8rem 1.5rem; border-bottom:1px solid rgba(0,0,0,0.05); font-weight:500; }
.sub-menu a::before{ display:none; }
.sub-menu a:hover{ background:rgba(0,0,0,0.05); }
.menu-item-has-children > a::after{ content:'\f107'; font-family:'Font Awesome 5 Free'; font-weight:900; margin-left:5px; transition:transform .3s; }
.menu-item-has-children:hover > a::after{ transform:rotate(180deg); }
.nav-links .uk-active > a{ color:#000; }
.nav-links .uk-active > a::before{ transform:scaleX(1); }
@keyframes glow { 0%{box-shadow:0 0 5px rgba(0,0,0,0)} 50%{box-shadow:0 0 20px rgba(0,0,0,0.2)} 100%{box-shadow:0 0 5px rgba(0,0,0,0)} }
.nav-links li:hover > a{ animation:glow 1.5s infinite; }
.logo{ flex:0 0 120px; text-align:center; margin:0 1rem; }
.logo img{ max-width:100%; height:auto; display:block; }
.menu-toggle{ display:none; font-size:1.5rem; cursor:pointer; }

/* Hero Bölümü */
.hero{
  position:relative; height:100vh; display:flex; flex-direction:column; justify-content:center; align-items:center; text-align:center;
  background: linear-gradient(rgba(220, 40, 30, 0.8), rgba(220, 40, 30, 0.8)), url('../images/hero/hero-bg.webp');
  background-size:cover; background-position:center; background-repeat:no-repeat; color:#fff; margin:0 5%;
  margin-top:-80px; padding-top:80px;
}
.hero-content{ z-index:2; max-width:1200px; margin:0 auto; padding:0 20px; display:flex; flex-direction:column; align-items:center; justify-content:center; width:100%; text-align:center; }
.hero-text{ flex:1; text-align:center; max-width:800px; margin:0 auto; }

/* >>> FIX: neuer Titelstil */
.hero-title{
  font-size: clamp(1.9rem, 4.5vw, 3rem);
  line-height:1.2; font-weight:800; text-align:center; color:#fff; margin:0 0 1rem 0;
  text-wrap: balance;
}

.hero-content p{ font-size:1.5rem; margin-bottom:2rem; text-align:center; }
.cta-button{ display:inline-block; padding:1rem 2rem; background:#DC281E; color:#fff; text-decoration:none; border-radius:5px; transition:.3s; border:2px solid #fff; text-align:center; }
.cta-button:hover{ background:#fff; color:#DC281E; }
.scroll-indicator{ position:absolute; bottom:2rem; left:50%; transform:translateX(-50%); animation:bounce 2s infinite; }
.scroll-indicator i{ font-size:2rem; color:#fff; }

/* Über Uns Sayfası Stilleri */
.page-header{ height:50vh; background: linear-gradient(rgba(220, 40, 30, 0.8), rgba(220, 40, 30, 0.8)), url('../images/career/header-bg.jpg'); background-size:cover; background-position:center; display:flex; align-items:center; justify-content:center; text-align:center; color:#fff; margin:0 5%; }
.page-header-content h1{ font-size:3.5rem; margin-bottom:1rem; }
.page-header-content p{ font-size:1.5rem; }
.career-section{ padding:5rem 0; margin:0 5%; }
.career-section:nth-child(even){ background-color:#f9f9f9; }
.career-content{ max-width:1200px; margin:0 auto; }
.career-content h2{ text-align:center; font-size:2.5rem; color:#333; margin-bottom:3rem; }
.job-listings, .training-listings{ display:grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap:2rem; }
.job-card, .training-card{ background:#fff; padding:2rem; border-radius:10px; box-shadow:0 5px 15px rgba(0,0,0,0.1); transition:transform .3s; }
.job-card:hover, .training-card:hover{ transform:translateY(-10px); }
.job-card h3, .training-card h3{ color:#DC281E; font-size:1.5rem; margin-bottom:1rem; }
.job-card p, .training-card p{ color:#666; margin-bottom:1.5rem; }
.job-card ul, .training-card ul{ list-style:none; padding:0; margin-bottom:2rem; }
.job-card ul li, .training-card ul li{ position:relative; padding-left:1.5rem; margin-bottom:.5rem; color:#666; }
.job-card ul li:before, .training-card ul li:before{ content:'\f00c'; font-family:'Font Awesome 5 Free'; font-weight:900; position:absolute; left:0; color:#DC281E; }
.apply-btn{ display:inline-block; padding:.8rem 2rem; background:#DC281E; color:#fff; text-decoration:none; border-radius:4px; font-weight:500; transition:.3s; }
.apply-btn:hover{ background:#d23c0e; transform:translateY(-2px); }

/* About */
.about{ padding:5rem 0; background:#fff; margin:0 5%; }
.about-content{ max-width:1200px; margin:0 auto; padding:0 2rem; display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; }
.about-text{ flex:1; min-width:300px; padding-right:2rem; }
.about-animation{ flex:1; min-width:400px; display:flex; justify-content:center; align-items:center; }
.about-text h2{ font-size:2.5rem; color:#333; margin-bottom:2rem; }
.about-text p{ margin-bottom:1.5rem; line-height:1.8; color:#666; }

/* Services */
.services{ padding:5rem 0; background:#fff; margin:0 5%; }
.services h2{ text-align:center; margin-bottom:3rem; color:#2c3e50; font-size:2.5rem; }
.service-grid{ display:grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap:2rem; max-width:1400px; margin:0 auto; }
.service-card{ background:#DC281E; padding:2rem; text-align:center; color:#fff; display:flex; flex-direction:column; align-items:center; justify-content:space-between; min-height:300px; transition:.3s; position:relative; overflow:hidden; }
.service-card:hover{ transform:translateY(-10px); box-shadow:0 8px 15px rgba(0,0,0,0.2); }
.service-card::before{ content:''; position:absolute; inset:0; background:linear-gradient(45deg, rgba(255,255,255,.1), rgba(255,255,255,.05)); opacity:0; transition:.3s; }
.service-card:hover::before{ opacity:1; }
/* nutzt auch IMG-Icons */
.service-icon{ font-size:3rem; margin-bottom:1.5rem; transition:.3s; width:80px; height:80px; object-fit:contain; }
.service-card:hover .service-icon{ transform:scale(1.05) rotate(3deg); }
.service-card h3{ font-size:1.4rem; margin-bottom:1.25rem; text-transform:uppercase; line-height:1.35; }

/* Projekte/sonstiges (unverändert aus deiner Datei) */
.projects{ padding:5rem 0; margin:0 5%; }
.projects h2{ text-align:center; margin-bottom:3rem; color:#2c3e50; }

/* Kontakt */
.contact-section{ position:relative; padding:6rem 0; background:linear-gradient(135deg,#f8f9fa 0%, #e9ecef 100%); overflow:hidden; margin:0 5%; }
.contact-container{ position:relative; max-width:1400px; margin:0 auto; display:grid; grid-template-columns:repeat(2,1fr); gap:3rem; align-items:start; }
.contact-info-wrapper, .contact-form-wrapper{ background:#fff; padding:3rem; border-radius:20px; box-shadow:0 20px 40px rgba(0,0,0,0.1); display:flex; flex-direction:column; }
.form-header{ text-align:center; margin-bottom:2rem; }
.form-header h3{ color:#333; font-size:1.8rem; margin-bottom:.5rem; }
.form-header p{ color:#666; font-size:1.1rem; }
.form-group{ margin-bottom:1.5rem; }
.form-group input, .form-group textarea, .form-group select{
  width:100%; padding:1rem; border:2px solid #e9ecef; border-radius:12px; font-size:1rem; transition:.3s; background:#fff; color:#333;
}
.form-group textarea{ height:150px; resize:vertical; }
.form-group input:focus, .form-group textarea:focus{ border-color:#DC281E; outline:none; box-shadow:0 0 0 3px rgba(233,78,27,0.1); }
.submit-button{ width:100%; padding:1rem 2rem; background:#DC281E; color:#fff; border:none; border-radius:12px; font-size:1.1rem; font-weight:500; cursor:pointer; transition:.3s; display:flex; align-items:center; justify-content:center; gap:.5rem; }
.submit-button:hover{ background:#d23c0e; transform:translateY(-2px); }
.map-container{ width:100%; height:500px; margin-top:1rem; border-radius:15px; overflow:hidden; position:relative; background:#fff; box-shadow: inset 0 0 20px rgba(0,0,0,0.05); border:1px solid rgba(233,78,27,0.1); }

/* Footer */
footer{ background:#DC281E; color:#fff; padding:1rem 0; margin:0 5%; }
.footer-bottom{ text-align:center; }

/* Animations */
@keyframes bounce { 0%,20%,50%,80%,100%{transform:translateY(0)} 40%{transform:translateY(-20px)} 60%{transform:translateY(-10px)} }

/* Responsive Menü / Layout */
@media (max-width: 1024px){
  .navbar{ padding:1rem; flex-wrap:wrap; }
  .nav-left, .nav-right{ display:none; width:100%; order:3; }
  .nav-left.active, .nav-right.active{
    display:block; position:static; background:#fff; padding:1rem; box-shadow:none; border-top:1px solid rgba(0,0,0,0.1);
  }
  .nav-links{ flex-direction:column; width:100%; }
  .nav-left .nav-links, .nav-right .nav-links{ margin:0; flex-direction:column; gap:0; }
  .nav-links li{ margin:0; width:100%; border-bottom:1px solid rgba(0,0,0,0.1); }
  .nav-links li:last-child{ border-bottom:none; }
  .nav-links a{ padding:.8rem 1rem; display:flex; justify-content:space-between; align-items:center; font-size:.95rem; }
  .nav-links .sub-menu{
    position:static; box-shadow:none; opacity:1; visibility:visible; transform:none; display:none; padding-left:1rem; width:100%; background:rgba(0,0,0,0.02);
  }
  .menu-item-has-children.active > .sub-menu{ display:block; }
  .menu-toggle{ display:block; order:2; margin-left:auto; padding:.5rem; font-size:1.8rem; color:#DC281E; }
  .logo{ order:1; flex:0 0 100px; }
  /* Kontakt untereinander */
  .contact-container{ grid-template-columns:1fr; gap:1.5rem; }
  .map-container{ height:320px; }
}

@media (max-width: 768px){
  .page-header-content h1{ font-size:2.5rem; }
  .page-header-content p{ font-size:1.2rem; }
  .hero-content{ flex-direction:column; }
}

/* Ana içerik için padding ekle */
main{ padding-top:80px; }