/*
 * Globals
 */

 * {
   font-size: 16px;
 }
 h4 {
  /* font-family: 'Barlow', sans-serif; */
  /* font-size: 25px; */
 }
 hr {
   color: gray !important;
 }

/* Links */
a,
a:focus,
a:hover {
  color: #333;
}

/* Custom default button */
.btn-secondary,
.btn-secondary:hover,
.btn-secondary:focus {
  color: #fff;
  text-shadow: none; /* Prevent inheritance from `body` */
  background-color: #333;
  border: .05rem solid #333;
}


/*
 * Base structure
 */

html,
body {
  height: 100%;
  background-color: #fff;
}

body {
  display: -ms-flexbox;
  display: flex;
  overflow-x: hidden;
  color: #171717;
  font-size: 90%;
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  letter-spacing: -.01em;
  /* text-shadow: 0 .05rem .1rem rgba(0, 0, 0, .5); */
  /* box-shadow: inset 0 0 5rem rgba(0, 0, 0, .5); */
}

.cover-container {
  max-width: 70em;
}


/*
 * Header
 */

.header {
  top: 0;
  width: 100vw;
  /* margin: 0 auto; */
  /* height: calc(90px + 40px + 6 * ((100vw - 320px) / 680)); */
  background: white;
  z-index: 10;
  box-shadow: 0px 5px 10px #f0f0f0;
}

.nav-header {
  background: white;
}

.header-brand {
  margin-bottom: 0;
}

.nav-header .nav-link {
  padding: .25rem 0;
  margin: 0 20px;
  /* font-family: 'Barlow', sans-serif; */
  /* font-size: calc(10px + 6 * ((100vw - 320px) / 680)); */
  font-weight: 700;
  color: rgba(0, 0, 0, .5);
  background-color: transparent;
  border-bottom: .25rem solid transparent;
}

.nav-header .nav-link:hover,
.nav-header .nav-link:focus {
  border-bottom-color: rgba(0, 0, 0, .25);
}

.nav-header .nav-link + .nav-link {
  margin-left: 1rem;
}

.nav-header .active {
  color: #333;
  border-bottom-color: #333;
}

.language-switcher {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  margin: .05rem 0 .35rem .8rem;
  border-radius: 50%;
  font-size: 1.25rem;
  line-height: 1;
  text-decoration: none;
  transition: transform .15s ease, background-color .15s ease;
}

.language-switcher:hover,
.language-switcher:focus {
  background-color: #f3f3f3;
  text-decoration: none;
  transform: scale(1.08);
}

@media (max-width: 600px) {
  .language-switcher {
    margin-left: .35rem;
  }
}

.nav-header:hover .active {
  border-bottom-color: black;
}

ul {
  padding-left: 20px;
  list-style-type: disc;
}

/* @media (min-width: 48em) {
  .header-brand {
    float: left;
  }
  .nav-header {
    float: right;
  }
} */

.top {
    background-color: red;
}
main {
  width: 100%;
  /* margin-top: calc(110px + 40px + 6 * ((100vw - 320px) / 680)); */
}

.profile-actions .btn {
  font-weight: 600;
  padding: .65rem 1.15rem;
  border-radius: 999px;
}

.profile-actions .btn-secondary,
.profile-actions .btn-secondary:hover,
.profile-actions .btn-secondary:focus {
  background: #1677d2;
  border-color: #1677d2;
}

.profile-actions .profile-cv-button,
.profile-actions .profile-cv-button:hover,
.profile-actions .profile-cv-button:focus {
  color: #fff;
  background: #1677d2;
  border-color: #1677d2;
  padding: .78rem 1.45rem;
  box-shadow: 0 .35rem .9rem rgba(22, 119, 210, .22);
}

.profile-actions .btn-outline-secondary {
  color: #1677d2;
  border-color: #1677d2;
}

.profile-actions .btn-outline-secondary:hover,
.profile-actions .btn-outline-secondary:focus {
  color: #fff;
  background: #1677d2;
  border-color: #1677d2;
}

.home-section {
  box-sizing: border-box;
  position: relative;
  width: 100vw;
  padding: clamp(5rem, 9vw, 8.5rem) clamp(1.25rem, 5vw, 5rem);
  margin: 0 calc(50% - 50vw);
}

.home-section--hero {
  min-height: 78vh;
  display: flex;
  align-items: center;
  background: #fff;
}

.home-section--expertise {
  color: #f5f5f7;
  background: #2f3033;
}

.home-section--public {
  color: #171717;
  background: #fff;
}

.section-kicker {
  display: block;
  margin-bottom: .75rem;
  color: #777;
  font-size: .68rem;
  font-weight: 700;
  letter-spacing: .18em;
  text-transform: uppercase;
}

.home-section h1,
.home-section h2 {
  color: #111;
  font-weight: 300;
  letter-spacing: -.045em;
}

.home-section--expertise h2 {
  color: #fff;
}

.home-section h1 {
  font-size: clamp(2.8rem, 6vw, 5.4rem);
  line-height: .98;
}

.home-section h2 {
  margin-bottom: 2.5rem;
  font-size: clamp(2rem, 4vw, 3.2rem);
  line-height: 1;
}

.home-section--hero .cover-heading {
  margin-bottom: 1.5rem;
}

.home-section--hero .lead {
  max-width: 34rem;
  color: #4e4e4e;
  font-size: 1.12rem;
  line-height: 1.55;
}

.profile-hero-visual {
  margin: 0 0 0 8%;
  padding: 0;
}

.profile-hero-visual img {
  display: block;
  width: 100%;
  border-radius: 0;
  filter: none;
}

.profile-photo-carousel,
.profile-photo-carousel .carousel-inner,
.profile-photo-carousel .carousel-item {
  height: clamp(20rem, 42vw, 34rem);
}

.profile-photo-carousel {
  overflow: hidden;
  background: #f1f1ef;
}

.profile-photo-carousel .carousel-item {
  display: flex;
  align-items: center;
  justify-content: center;
}

.profile-photo-carousel .carousel-item img {
  height: 100%;
  object-fit: cover;
  background: #f1f1ef;
}

.profile-photo-carousel .carousel-indicators li {
  background-color: #1677d2;
}

.profile-hero-visual figcaption {
  padding: .8rem .15rem .15rem;
  color: #777;
  font-size: .68rem;
  font-weight: 700;
  letter-spacing: .16em;
  text-transform: uppercase;
}

.profile-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0;
  margin-top: 3.5rem;
}

.profile-card {
  min-height: 22rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin: 0;
  padding: clamp(2.25rem, 5vw, 4.5rem) clamp(1.5rem, 4vw, 3.5rem);
  text-align: center;
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}

.home-section--expertise .profile-card:nth-child(odd) {
  border-right: 1px solid rgba(255, 255, 255, .16);
}

.home-section--expertise .profile-card:nth-child(-n+2) {
  border-bottom: 1px solid rgba(255, 255, 255, .16);
}

.profile-card-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 5.25rem;
  height: 5.25rem;
  flex: 0 0 5.25rem;
  margin: 0 auto 1.75rem;
  padding: 1.25rem;
  color: #65b9e4;
  background: rgba(79, 155, 190, .18);
  border: 1px solid rgba(101, 185, 228, .48);
  border-radius: 50%;
  stroke-width: 1.35;
}

.profile-card h5 {
  max-width: 20rem;
  margin-bottom: .65rem;
  color: #fff;
  font-size: 1.2rem;
  font-weight: 600;
  letter-spacing: -.02em;
}

.profile-card p,
.section-intro,
.profile-list {
  line-height: 1.65;
}

.home-section--expertise > .row:first-child {
  text-align: center;
}

.home-section--expertise > .row:first-child .section-intro {
  margin-right: auto;
  margin-left: auto;
}

.profile-card p {
  max-width: 28rem;
  margin-right: auto;
  margin-left: auto;
  color: #d7d9dc;
}

.section-intro {
  max-width: 32rem;
  color: #4e4e4e;
  font-size: 1.2rem;
  font-weight: 300;
}

.home-section--public .section-intro,
.home-section--public .profile-list {
  color: #4e4e4e;
}

.home-section--public .profile-list strong {
  color: #171717;
}

.home-section--public .profile-list li::marker {
  color: #62b5dd;
}

.content-band {
  box-sizing: border-box;
  width: 100vw;
  margin: 0 calc(50% - 50vw);
  padding: clamp(3.5rem, 7vw, 6rem) clamp(1.25rem, 5vw, 5rem);
}

.content-band--light {
  color: #171717;
  background: #fff;
}

.content-band--dark {
  color: #f5f5f7;
  background: #2f3033;
}

.content-band-heading {
  max-width: 48rem;
  margin: 0 auto clamp(3rem, 6vw, 4.5rem);
  text-align: center;
}

.content-band-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 4.5rem;
  height: 4.5rem;
  margin: 0 auto 1.5rem;
  color: #55add7;
  background: rgba(79, 155, 190, .14);
  border: 1px solid rgba(79, 155, 190, .34);
  border-radius: 50%;
}

.content-band-icon svg {
  width: 2rem;
  height: 2rem;
  stroke-width: 1.35;
}

.content-band-heading h2 {
  margin: 0 0 .85rem;
  color: #171717;
  font-size: clamp(2rem, 4vw, 3.2rem);
  font-weight: 300;
  letter-spacing: -.045em;
  line-height: 1;
}

.content-band-heading p {
  max-width: 38rem;
  margin: 0 auto;
  color: #5a5a5a;
  font-size: 1.08rem;
  line-height: 1.6;
}

.content-band--dark .content-band-heading h2 {
  color: #fff;
}

.content-band--dark .content-band-heading p {
  color: #d7d9dc;
}

.content-band--dark .text-secondary,
.content-band--dark .cv-institution,
.content-band--dark .cv-description,
.content-band--dark .description {
  color: #d7d9dc !important;
}

.content-band--dark a,
.content-band--dark a.text-primary {
  color: #75c5ed !important;
}

.content-band .cv-entry {
  max-width: 68rem;
  margin-right: auto;
  margin-left: auto;
}

.content-band .cv-entry:last-child {
  margin-bottom: 0 !important;
}

.profile-list {
  margin: 0;
  padding-left: 1.25rem;
}

.profile-list li {
  margin-bottom: 1rem;
}

.profile-list li:last-child {
  margin-bottom: 0;
}

.profile-list strong {
  color: #171717;
  font-weight: 700;
}

@media (max-width: 767px) {
  .home-section {
    padding: 4rem 1rem;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
  }

  .home-section--hero {
    min-height: auto;
  }

  .profile-hero-visual {
    margin-top: 2rem;
    margin-left: 0;
  }

  .profile-grid {
    grid-template-columns: 1fr;
    margin-top: 2.5rem;
  }

  .profile-card {
    min-height: 18rem;
  }

  .home-section--expertise .profile-card:nth-child(odd) {
    border-right: 0;
  }

  .home-section--expertise .profile-card:nth-child(-n+2) {
    border-bottom: 0;
  }

  .home-section--expertise .profile-card:not(:last-child) {
    border-bottom: 1px solid rgba(255, 255, 255, .16);
  }

  .content-band {
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    padding: 3.5rem 1rem;
  }
}

.sticky {
  position: fixed;
  top: 0;
  width: 100%
}

/* Add some top padding to the page content to prevent sudden quick movement (as the header gets a new position at the top of the page (position:fixed and top:0) */
.sticky + #maincontent {
  padding-top: 110px;
}

.header-profile {
  width: calc(450px + 50 * ((100vw - 320px) / 680));
  margin: 0 auto;
}

.profile-photo {
  border-radius: 50%;
  width: 60px;
  height: 60px;
  background-image: url('../images/profile-face.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  display: inline-block;
}

/*
 * Cover
 */
.cover {
  padding: 0 1.5rem;
}
.cover .btn-lg {
  padding: .75rem 1.25rem;
  font-weight: 700;
}

.filled {
    fill: rgb(155, 230, 242);
}

.skills-header {
    text-align: center;
    font-size: 1.2;
}
.skills-rating {
    text-align: right;
    min-width: 140px;
}

/* CV */
.cv-dates {
    min-width: 180px;
}
.cv-title {
    font-weight: bold;
}
.cv-institution {
    font-size: 90%;
}
.cv-address {
}
.cv-description > p {
	margin-bottom: 5px !important;
}
.show_details {
  cursor: pointer;
  font-size: 80%;
}


.hideContent {
    overflow: hidden;
    line-height: 1.5em;
    height: 3em;
}

.hideContent.trainings {
  display: none;
}

.showContent {
    line-height: 1.5em;
    height: auto;
}

.feather {
  display: inline-flex;
  align-self: center;  
}

.feather-12{
  width: 12px;
  height: 12px;
}

.feather-16{
    width: 16px;
    height: 16px;
}

.feather-20{
  width: 20px;
  height: 20px;
}

.feather-24{
    width: 24px;
    height: 24px;
}

.feather-32{
    width: 32px;
    height: 32px;
}

img {
    border-radius: 5px;
}

@media all {
	.page-break	{ display: none; }
}

@media print {
  * {
    color: #000;    
    background-color: #fff  !important;
  }  
  body {
    -webkit-print-color-adjust: exact !important;
    padding: 0 !important;
    margin: 0 !important;
    width: 210mm !important;
    overflow: visible !important; 
    overflow-x: visible !important; 
    overflow-y: visible !important;     
    display: block !important;
  }
  .header {
    display: none !important;
    position: relative !important;
  }
  #maincontent {
    height: auto !important;
    margin: 0 !important;
  }
  .print-cv {
    display: none !important;
  }
  .cv-profile-address {
    display: block !important;
  }
  .site-title {
    font-size: 55px !important;
  }
  .profile-photo {
    width: 70px !important;
    height: 70px !important;
    margin-right: 20px !important;
  }  
  .header-profile {
    width: 650px !important;
    margin-bottom: 30px !important;
  }
  .page-break	{ display: block; page-break-before: always; }
}

.cv-profile-address {
  display: none;
}
.cv-print-image {
  height: 135px;
  width: 135px;
}
.borderless td, .borderless th {
  border: none;
  padding: 5px;  
}

.cv-entry {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

.trainings-image {
  border-radius: 10px;
  height: 100px;
}

.cv-image {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border: 1px solid black;
  border-radius: 10px;
  min-height: 250px;
}

/* Wera styles */

.bd-placeholder-img {
  font-size: 1.125rem;
  text-anchor: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.site-title {
  /* font-family: 'Barlow', sans-serif; */
  font-size: calc(40px + 6 * ((100vw - 320px) / 680));
  display: block;
  margin: 20px 0 20px 0; 
}

.full-height {
  padding: 5vh 0;
  height: 90vh;
}

.lead {
  text-align: left;
}

.cover-heading {
  margin: 0 0 30px 0;
}

.skills {
  /* background: url("../images/styling/water.jpg");
  background-size: cover; */
  background-color: #f9f9f9;
  /* text-shadow: 0px 0px 10px white; */
}
.skills-header > div > h5 {
  /* font-family: 'Barlow', sans-serif; */
  /* font-size: 25px; */
}
.skills-name {
  font-size: 17px;
}
.water-drop {
  margin: 0 20px 0 0;
}
/* .water-drop i {
  color: rgba(0, 204, 204, 0.9);
} */
.print-cv {
  background: none;
  border: none;
  outline: none;
  float: right;
}
.print-cv:hover {
  color: gray;
}
.fas {
  margin: 0 0 0 5px;
}
.about-me-down {
  margin: 0 auto;
  color: rgba(0,0,0,0.5);
}

iframe {
  width :80%;
  height: 50vh;
  margin: 10% auto;
}
@media (min-width: 768px) {
  .bd-placeholder-img-lg {
      font-size: 3.5rem;
  }
}