@charset "UTF-8";

/*------------------------------------*\
    #RESPONSIVE 6
\*------------------------------------*/

html { font-size: .6em; }


.text-header { font-size: 11.5vw; }


.text-outline-black {
  -webkit-text-stroke: .15vw black;
}


.resp-6-grid-u-1  { grid-template-columns: repeat(1, 1fr); }

.resp-6-grid-item-1-4  { grid-column: 1 / 4; }
.resp-6-grid-item-1-13  { grid-column: 1 / 13; }

.resp-6-grid-gap-0 { grid-gap: 0; }
.resp-6-grid-gap-1 { grid-gap: 1em; }

.resp-6-pad-b-1   { padding-bottom: 1em; }
.resp-6-pad-b-1-5 { padding-bottom: 1.5em; }
.resp-6-pad-b-2   { padding-bottom: 2em; }
.resp-6-pad-b-0   { padding-bottom: 0; }

.resp-6-pad-t-0   { padding-top: 0; }
.resp-6-pad-t-0-5 { padding-top: .5em; }
.resp-6-pad-t-1-5 { padding-top: 1.5em; }

.resp-6-pad-tb-1-5 { padding-top: 1.5em;; padding-bottom: 1.5em; }

.resp-6-pad-r-2 { padding-right: 2em; }
.resp-6-pad-r-4 { padding-right: 4em; }

.resp-6-pad-l-2 { padding-left: 2em; }

.resp-6-pad-lr-2 { padding-left: 2em; padding-right: 2em; }

.resp-6-visible {
  display: block;
}

.resp-6-hidden {
  display: none;
}

.resp-6-bor-t-2 {
  border-top: 2px solid;
}

.resp-6-bor-b-2 {
  border-bottom: 2px solid;
}

.resp-6-align-left {
  text-align: left;
}





.menu-item.text-outline-black:hover {
  color: transparent;
  -webkit-text-stroke: .075vw black;
}


.logo-adbk-container {
  padding: .75em;
}

.logo-adbk {
  height: 3em;
}


/*--- icons -------------------------*/

.close-icon {
  top: 1.45em;
  right: 2em;
  width: 3em;
  height: 3em;
}

.open-icon {
  top: 1em;
  right: 2em;
  width: 3em;
  height: 3em;
}

.download-icon {
  background-image: url('../../img/icons/download-small.svg');
}

/*--- menu --------------------------*/

.frontend-menu {
  flex-direction: column;
  padding-left: 2em;
  padding-right: 2em;
  padding-bottom: 2em;
  border-bottom: 2px solid rgba(0,0,0,1);
}

#overlay-main-menu .header-container {
  padding-left: 2em;
  padding-right: 2em;
  padding-bottom: 0;
}

/*--- footer ------------------------*/

.logo-footer-container {
  position: absolute;
  top: 1.25em;
  right: 0;
}

/*--- front page --------------------*/

.semester-block > div:nth-child(2) {
  border-top: 2px solid rgba(0,0,0,1);
}

/*--- education ---------------------*/

.paragraph-download:first-of-type {
  border-top: 2px solid rgba(0,0,0,1);
}

/*--- project index -----------------*/

.packery-grid-item {
  width: 100%;
  box-sizing: border-box;
}

/*--- project single ----------------*/

.info-panel-top-out {
  transform: translateY(100%) translateY(-5em);
}