/* ========= Colors ============
Heading:     #1C2D41
Paragraph:   #3C4858
Iconography: #8392A5
Secondary:   #C0CCDA
Dirty Snow:  #E5E9F2
Snow:        #F9FAFC

Magenta: #7551E9
Orange:  #FF7D51
Pink:    #ED63D2
Green:   #2DCA73
Yellow:  #FFC212
*/
/* ========= Colors ersetzt============
Heading:     #1d411c
Paragraph:   #3f583c
Iconography: #98a583
Secondary:   #cadac0
Dirty Snow:  #E5E9F2
Snow:        #F9FAFC

Magenta: #7551E9
Orange:  #FF7D51
Pink:    #ED63D2
Green:   #2DCA73
Yellow:  #FFC212
*/

body {
    background-color: #f9fafc;
  }
  
  h1,
  h2,
  h3,
  h4,
  h5 {
    color: #1d411c;
  }
  
  strong {
    color: #1d411c !important;
  }
  
  p {
    color: #3f583c;
  }
  
  a {
    color: #24aa24;
  }
  
  a:hover {
    color: #24aa24;
  }
  
  .nav-button {
    color: #98a583;
  }
  
  .btn-dark {
    background-color: #3f583c!important;
    border-color: #3f583c!important;
    color: #e5e9f2!important;
  }
  
  .btn-dark:hover,
  .btn-dark:focus {
    background-color: #3aaa24!important;
    border-color: #3aaa24!important;
    
  }
  
  .btn-outline-info {
    color: #49d120 !important;
    border-color: #49d120 !important;
  }
  
  .btn-outline-info:hover {
    background-color: #49d120 !important;
    color: #e5e9f2 !important;
  }
  
  .btn-info {
    background-color: #3aaa24 !important;
    color: #e5e9f2 !important;
  }
  
  .btn-info:hover {
    background-color: #49d120 !important;
    color: #e5e9f2 !important;
  }
  
  .btn-link {
    color: #3aaa24;
  }
  
  .btn-link:hover {
    color: #207089;
  }
  
  .bg-white {
    background-color: #f9fafc !important;
  }
  
  .bg-dimmed {
    background-color: #e5e9f2;
  }
  
  .card:hover,
  .card:focus {
    box-shadow: 0px 8px 56px rgba(15, 80, 100, 0.16);
    border: 1px solid #fff;
    transition: all 0.3s ease-out;
  }
  
  .sub-title {
    color: #cadac0;
    font-size: 10pt;
  }
  
   /* ====== table ====== */
  table {
    background: #e5e9f2;
    border: 1px solid #cadac0;
  }
  
  table th,
  td {
    padding: 0.5rem;
    border-left: 1px solid #98a583;
    border-bottom: 1px solid #98a583;
  }
  
  table thead tr {
    background: #3aaa24;
    color: #e5e9f2;
  }
  
  tbody tr:nth-child(odd) {
    background-color: #e5e9f2;
  }
  
  tbody tr:hover {
    background: #cadac0;
  }

  
  a.header-anchor {
    text-decoration: none;
    color: #1d411c;
  }
  
  a.header-anchor i { 
    color: #3f583c;
  }

  a.header-anchor code {
    color: #e83e8c;
  }
  
  kbd {
    background-color: #3aaa24 !important;
    color: #f9fafc;
  }
  
  mark {
    background-color: #ffc21280;
  }
  
  /* ======= Paginator ========= */
  
  .paginator .page-item > a {
    color: #3aaa24;
  }
  
  .paginator .page-item.active > a {
    background-color: #3aaa24;
    color: #f9fafc;
  }
  
  /* --- FOOTER START --- */
  
  .footer {
    color: #98a583 !important;
    background-color: #1d411c;
    position: relative;
    z-index: 9999;
  }
  
  .footer h5 {
    color: #cadac0;
  }
  .footer a {
    color: #98a583;
  }
  
  
  .footer hr {
    background-color: #98a583;
  }
  
  .footer p:first-child {
    color: #cadac0;
  }
  
  .footer input {
    background-color: #cadac0;
  }
  
  .footer input:focus {
    background-color: #e5e9f2;
  }
  
  .footer #disclaimer{
    color: #98a583 !important;
  }
  .footer #disclaimer>strong{
    color: #cadac0!important;
  }
  
  .footer #theme {
    color: #cadac0;
  }
  
  
  /* --- FOOTER END ---- */
  
  /* === NAVBAR ===== */

  /* --- initial state start ------ */

.initial-navbar {
  background-color: #ffffff75;
}

.initial-navbar .navbar-brand {
  color: #2c302b;
  font-weight: 600;
}

.initial-navbar li a {
  color: #2c302b;
}

.initial-navbar .navbar-nav .active,
.initial-navbar li a:hover {
  color: #1f1f1f;
}

.navbar-collapse {
  margin-top: -5px;
}

.navbar-collapse.show,
.navbar-collapse.collapsing {
  background-color: #f9fafc;
  padding-left: 1rem;
}

/* --- initial state end ------ */

/* --- state after scroll start --- */

.final-navbar {
  background-color: #f9fafc;
  color: #1d411c;
}

.final-navbar .navbar-brand {
  color: #1d411c;
}

.final-navbar li a {
  color: #1d411c;
  border-bottom: 2px solid#F9FAFC;
}

.final-navbar .navbar-nav .active,
.final-navbar li a:hover {
  color: #49d120;
  transition: all 0.3s ease-out;
  border-bottom: 2px solid #49d120;
  background: rgb(2, 0, 36);
  background: linear-gradient(
    90deg,
    rgba(2, 0, 36, 1) 0%,
    rgba(34, 136, 168, 0.1) 0%
  );
}

.navbar-collapse.show li a,
.navbar-collapse.collapsing li a {
  color: #1d411c;
}

.navbar-collapse.show .navbar-nav .active,
.navbar-collapse.show .navbar-nav a:hover {
  color: #49d120;
}

/* --- state after scroll end --- */

#top-navbar-divider {
  background: rgba(192, 204, 218, 0.8);
  height: 20px;
  width: 2px;
}

.final-navbar #top-navbar-divider {
  background: rgba(0, 0, 0, 0.6);
}

.top-navbar .dropdown-menu {
  box-shadow: 0px 8px 56px rgba(15, 80, 100, 0.16);
  border: 1px solid #fff;
  max-height: 0vh;
  overflow: hidden;
  display: block;
  visibility: hidden;
  transition: all 0.3s ease-out;
}

.top-navbar .dropdown-menu a {
  color: #1d411c;
}

.top-navbar .dropdown-menu a:hover {
  color: #49d120;
  transition: all 0.3s ease-out;
  border-bottom: none;
  background: rgb(2, 0, 36);
  background: linear-gradient(
    90deg,
    rgba(2, 0, 36, 1) 0%,
    rgba(38, 168, 34, 0.2) 0%
  );
}

/* ==== Expeience === */

.experiences-section ul > li {
   color: #43583c;
}

.circle {
  background-color: #24aa2b;
  color: #f9fafc;
}

.timeline .vertical-line::after {
  border-left: 3px solid #24aa2b;
}

.timeline .horizontal-line hr {
  border-top: 3px solid #24aa2b;
}

.timeline .horizontal-line .corner {
  border: 3px solid #24aa2b;
}

/* === Education  === */

.education-section .timeframe {
  color: #98a583;
}

.education-section .icon .hline {
   background-color: #34aa24;
}



.education-section .icon-holder {
  background-color: #34aa24;
}

.education-section .line div {
  background-color: #34aa24;
}

.education-section .degree-info {
  border-left: 2px solid #34aa24;
  border-top: 1px solid #c0ccda;
  border-bottom: 1px solid #c0ccda;
  border-right: 1px solid #c0ccda;
}

.education-section .taken-courses tr,
.education-section .taken-courses td,
.education-section .taken-courses th {
  color: #212529;
}

/*============ Education Alter Template =============*/
.education-alt .degree-info {
  border-right: 2px solid #34aa24;
}

/* ============ About ===========*/

.social-link a {
  color: #3c4858;
}

.social-link a:hover {
  color: #2faa24;
}

/* ============= Device specific fixes ======= */

/* Large screens such as TV */
@media only screen and (min-width: 1824px) {
}

/* Extra large devices (large desktops, 1200px and up) */

@media (max-width: 1400px) {
}

@media (max-width: 1200px) {
}

/* IPad Pro */
@media (max-width: 1024px) {

  .initial-navbar .navbar-nav .active,
  .initial-navbar li a:hover {
    color: #49d120;

  }

  .final-navbar .navbar-nav .active,
  .final-navbar li a:hover {
    color: #49d120;
  }

  .dropdown-divider {
    border-top: 1px solid #2c302b;
  }
  #top-navbar-divider {
    background: rgba(0, 0, 0, 0.6);
  }
}

/*  Large devices (desktops, 992px and up) */

@media (max-width: 992px) {
  .initial-navbar .navbar-nav .active,
  .initial-navbar li a:hover {
    color: #49d120;
  }

  .final-navbar .navbar-nav .active,
  .final-navbar li a:hover {
    color: #49d120;
  }

  .dropdown-divider {
    border-top: 1px solid #2c302b;
  }
  #top-navbar-divider {
    background: rgba(0, 0, 0, 0.6);
  }
}

/* Medium devices (tablets, 768px and up) */

@media only screen and (max-width: 768px) {
  .initial-navbar .navbar-nav .active,
  .initial-navbar li a:hover {
    color: #49d120;
  }

  .final-navbar .navbar-nav .active,
  .final-navbar li a:hover {
    color: #49d120;
  }

  .dropdown-divider {
    border-top: 1px solid #2c302b;
  }
  #top-navbar-divider {
    background: rgba(0, 0, 0, 0.6);
  }
}