#navigation {
  justify-content: flex-end;
  display: flex;
}
#navigation svg {
  width: 24px;
  height: 24px;
  margin-left: 24px;
}
@media (max-width: 550px) {
  #navigation {
    margin-top: 40px;
  }
}

a.start:hover svg .st0{
  background: yellow;
  fill: #ffba00;
}
a.kontakt:hover svg .st0{
  background: yellow;
  fill: #b1e82d;
}
a.impressum:hover svg .st0{
  background: yellow;
  fill: #ffff00;
}


#kopf {
  font-family: skolar-sans-latin, sans-serif;
  text-transform: uppercase;
  font-size: 0.85em;
  margin-bottom: 40px;
}
#kopf a {
  text-decoration: none;
}
#kopf a:hover {
  text-decoration: underline;
}
#kopf .name {
  margin-top: 20px;
  margin-bottom: 40px;
}
span.titel {
  padding-left: 4em;
}

/* NAVI KORR */
.sm-simple {
  border: none;
}
@media (min-width: 768px) {
  .sm-simple a, .sm-simple a:hover, .sm-simple a:focus, .sm-simple a:active, .sm-simple a.highlighted {
    padding: 2px 6px;
    margin-right: 24px;
    margin-left: -6px;
    color: #aaa;
    font-size: 1em;
  }
  .sm-simple a:hover, .sm-simple a:focus, .sm-simple a:active, .sm-simple a.highlighted {
    background: #eeeeee;
  }
  .sm-simple a.current {
    background: #fff;
    color: #000;
    text-decoration: underline;
  }
}
.fancybox-bg {
    background: rgba(0,0,0,1);
  }

/*Fancy box weiß ############*/

.pagelayout-1 .fancybox-bg {
    background: #fff;
  }
.pagelayout-1 .fancybox-caption {
    background: none;
    color: #aaa;
  }
.pagelayout-1 .fancybox-button {
    background: none;
    color: #aaa;
}
.pagelayout-1 .fancybox-button:hover {
  color: #666;
}
.pagelayout-1 .fancybox-is-open .fancybox-bg {
  opacitiy: 1;
}