:root {
    /* Color */
    /* ----- */
    --pik-blue: #009FDA; 
    --pik-orange: #E37222; 
    --pik-green: #69923A; 
    --pik-gey: #8E908F; 
}

/* Font */
/* ---- */
/*.reveal,*/
/*.reveal h1,*/
/*.reveal h2,*/
/*.reveal h3,*/
/*.reveal h4,*/
/*.reveal h5,*/
/*.reveal h6 {*/
  /*[>font-family: "Officina Serif";<]*/
  /*[>font-family: "Scala Sans";<]*/
/*}*/

/* Title Page */
/* ---------- */
.reveal .slides section.title .grid-wrapper {
    box-sizing: border-box;
    display: grid;
    grid-template-areas:
      "header header"
      "content content"
      "add credit";
    grid-template-columns: 40% auto;
    grid-template-rows: 1fr 1.3fr auto;
    grid-column-gap: 10vmin;
    height: 100%;
    padding: 10vmin;
}
.logo {
  grid-area: header;
  align-self: center;
}
.content {
  grid-area: content;
}
.credit {
  grid-area: credit;
}

.add {
  grid-area: add;
}

div.name {
  font-size: 4vmin;
}

div.role {
  font-size: 4vmin;
}


/* Headline */
/* -------- */
.reveal h1, .reveal h2, .reveal h3, .reveal h4, .reveal h5, .reveal h6 {
    color: var(--pik-blue)
}


/* Flex-grid */
/* --------- */
.flex_img_gallery_item {
    width: 50vmax;
    height: 100%;
    margin:  0px 0px;
    padding: 0px 0px;
    background: none;
    border: none;
    box-shadow: none;
    font-size: 1vmin;
    position: relative;
    font-size: 30px;
}

.flex_img_gallery_item:hover {
    width: 70vmax;
    font-size: 50px
}