/* ======= Skill-Liste mit Icons ======= */
.skills-list {
  list-style: none;
  padding-left: 0;
}
.skills-list li {
  margin-bottom: 0.6em;
  display: flex;
  align-items: center;
  font-size: 1.05em;
}
.skill-icon {
  color: #FF5733;
  font-size: 1.2em;
  margin-right: 0.6em;
  min-width: 1.2em;
  text-align: center;
}
/* ======= TemplateMag Lizenz & Infos ======= */

body {
  /* ======= Grundlegende Body-Styles ======= */
  background-color: #080809;
  font-family: "Aptos", "Segoe UI", system-ui, -apple-system, "Roboto", "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif;
  font-weight: 300;
  font-size: 15px;
  color: #FEFEFD;
}

/* Titles */

h1, h2, h3, h4, h5, h6 {
  /* ======= Überschriften-Styles ======= */
  font-family: "Aptos", "Segoe UI", system-ui, -apple-system, "Roboto", "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif;
  font-weight: 350;
  font-size: 15px;
  color: #FEFEFD;
}

/* Paragraph & Typographic */

p {
  /* ======= Absatz- und Typografie-Styles ======= */
  line-height: 28px;
  margin-bottom: 25px;
}

.centered {
/* ======= Zentrierte Elemente ======= */
  text-align: center;
}

/* Links */

a {
  /* ======= Link-Styles ======= */
  color: #FF5733;
  word-wrap: break-word;
  transition: color 0.1s ease-in, background 0.1s ease-in;
}

a:hover, a:focus {
  color: #FF5733;
  text-decoration: none;
  outline: 0;
}

a:before, a:after {
  transition: color 0.1s ease-in, background 0.1s ease-in;
}

hr {
  /* ======= Horizontale Linie ======= */
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}

.social-links a {
/* ======= Social Links ======= */
  display: inline-block;
  margin-right: 16px;
  color: #343a40;
  font-size: 1.2rem;
  text-decoration: none;
  font-family: 'Segoe UI', Arial, sans-serif;
  transition: color 0.2s;
}
.social-links a:hover {
  color: #FF5733;
}
.social-links i {
  margin-right: 6px;
  font-size: 1.3em;
  vertical-align: middle;
}

/*---------------------------------------------------
3.1 Topbar
---------------------------------------------------*/

#section-topbar {
/* ======= Topbar Navigation ======= */
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 10000;
  overflow: visible;
  font: normal 16px/24px 'Open Sans', "Helvetica Neue", Helvetica, Arial, sans-serif;
}

#section-topbar a {
  color: #fff;
}

#topbar-inner {
  background: #000;
  line-height: 0;
  text-align: center;
}

#section-topbar ul#nav {
  display: inline-block;
  position: relative;
  margin: 0;
  padding: 0;
  border-right: 1px solid #222;
}

#section-topbar ul#nav>li {
  display: block;
  float: left;
  padding: 0;
}

#section-topbar ul#nav a {
  display: block;
  font: normal 11px/18px "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-decoration: none;
  padding: 18px 20px 18px 20px;
  border-left: 1px solid #222;
}

#section-topbar ul#nav a:focus {
  background: #111;
  text-decoration: none;
  border-left: 1px solid #111;
}

#section-topbar ul#nav a:hover {
  background: #222;
  text-decoration: none;
  border-left: 1px solid #111;
}

#section-topbar ul#nav .active a {
  background: #008ad7;
  border-left: 1px solid #111;
}

#section-topbar ul#nav .active a:hover {
  background: #008ad7;
}

#section-topbar i {
  font-size: 25px;
}

/*---------------------------------------------------
SECTION WRAPS
---------------------------------------------------*/

/* Header Wrap */

#headerwrap {
  /* ======= Header mit Hintergrundbild ======= */
  background: url(../img/ales-nesetril-Im7lZjxeLhg-unsplash.jpg) no-repeat center top;
  margin-top: 60px;
  padding-top: 140px;
  text-align: center;
  background-attachment: relative;
  background-position: center center;
  min-height: 500px;
  width: 100%;
  background-size: cover;
}

#headerwrap h1 {
  font-size: 80px;
  color: white;
}

#headerwrap h3 {
  font-size: 35px;
  color: white;
  font-weight: 500;
  margin-top: -3%;
}

/* Intro Wrap */

#intro {
  /* ======= Intro-Abschnitt ======= */

    background: #1e1e1e;
  padding-top: 60px;
  padding-bottom: 30px;
  color: #FEFEFD;
}

#intro h5 {
  color: #FEFEFD;
  font-weight: bold;
}

#intro p {
  color: #FEFEFD;
}

#intro i {
  color: #38383A;
  font-size: 20px;
  padding-right: 8px;
  vertical-align: middle;
}

/* Resume Wrap */

#resumewrap {
  /* ======= Lebenslauf-Abschnitt ======= */
  background: #121011;
  padding-top: 15px;
  padding-bottom: 30px;
  color: #FEFEFD;
}

#resumewrap h5 {
  color: #FEFEFD;
  font-weight: bold;
}

#resumewrap p {
  color: #FEFEFD;
}

/* Skills Wrap */

#skillswrap {
  /* ======= Fähigkeiten-Abschnitt ======= */
  background: #1e1e1e;
  padding-top: 60px;
  padding-bottom: 60px;
  color: white;
}

#skillswrap h5 {
  color: white;
  font-weight: bold;
}

#skillswrap p {
  color: white;
}

#footwrap {
  /* ======= Kontakt-Abschnitt ======= */
  background: #121011;
  padding-top: 50px;
  padding-bottom: 50px;
}

#footwrap p {
  color: #FEFEFD;
}

#footwrap h5 {
  color: #FEFEFD;
}

#footwrap i {
  padding-right: 9px;
  color: #FEFEFD;
}
#footwrap i:hover {
  color: #FF5733; /* oder jede andere Farbe, die du möchtest */
}

/* Copyright Wrap */

#copyrights {
  /* ======= Footer & Copyright ======= */
  background: #000000;
  padding: 20px 0;
  text-align: center;
  color: #FEFEFD;
  font-size: 10px;
}

#copyrights p {
  margin: 0 0 5px 0;
}

.credits {
  color: #FEFEFD;
}

/* Global Values */

.desc {
/* ======= Globale Werte & Spacing ======= */
  padding-top: 50px;
}

/* Reusable spacer for resume entries (smaller than mb-4) */
.resume-entry {
/* ======= Lebenslauf-Eintrag Abstand ======= */
  margin-bottom: 0.5rem; /* mobile: ~8px */
}

@media (min-width: 768px) {
  /* more breathing room on tablets and desktop */
  .resume-entry {
    margin-bottom: 1rem; /* ~16px */
  }
}

/* Institution styling for degree/employer lines */
.institution {
/* ======= Institutionen-Styles ======= */
  display: block;
  color: #FEFEFD;
  font-size: 0.95rem;
  margin-top: 0.25rem;
}

/* #skillswrap .row and .col-lg-2.centered removed: not needed for skill list layout */

/* Kompakte Bullet-Listen für Aufgaben */
ul {
/* ======= Kompakte Bullet-Listen für Aufgaben ======= */
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  padding-left: 1.2em;
  font-size: 0.95em;
  line-height: 1.4;
}

ul li {
  margin-bottom: 0.2em;
}

/* Job-Titel besonders hervorheben */
.job-title {
/* ======= Job-Titel-Styles ======= */
  font-weight: 600;
  font-size: 1.08em;
  color: #FF5733;
  letter-spacing: 0.5px;
}

/* Hervorhebungen, z.B. für Status oder wichtige Infos */
.highlight {
/* ======= Hervorhebungen ======= */
  background: #38383A;
  color: #FF5733;
  padding: 2px 6px;
  border-radius: 4px;
  font-weight: 500;
  font-size: 0.98em;
}

/*Kleine Schrift für Zeiträume etc. */
small {
/* ======= Kleine Schrift für Zeiträume etc. ======= */
  font-size: 0.93em;
  color: #FF5733;
  font-weight: bold;
}