* {
  outline: none; }
  *::selection {
    background: rgba(133, 218, 114, 0.5);
    color: white; }

body {
  min-height: 100vh; }

h1, h2, h3 {
  text-align: center; }

a {
  color: green;
  text-decoration: underline; }
  a:hover, a:active, a:focus {
    color: greenyellow;
    text-decoration: underline; }

#title {
  position: absolute;
  z-index: -1;
  width: 100%;
  top: 0;
  left: 0;
  text-align: center;
  color: white;
  text-shadow: black 0 0 1px; }
  @media only screen and (min-width: 0px) and (max-width: 767px) {
    #title {
      top: 1.5em; } }

#main #main-head {
  position: relative;
  width: 100%;
  min-height: 100vh; }
  #main #main-head #main-headAnim {
    position: fixed;
    width: 100%;
    height: 100vh;
    z-index: -1; }
    #main #main-head #main-headAnim > div {
      position: absolute;
      top: 0;
      width: 100%;
      height: 100%;
      background: url("http://via.placeholder.com/1920x1080") no-repeat center;
      background-size: cover;
      opacity: 0;
      filter: brightness(0.5) grayscale(0.2);
      transition: opacity 2s ease, transform 7s linear, background-position 7s linear; }
      #main #main-head #main-headAnim > div.main-headAnim-done {
        transform: none !important;
        background-position: center center !important;
        opacity: 1; }
    #main #main-head #main-headAnim > div:nth-of-type(1) {
      transform: scale(2);
      transform-origin: 20% 30%;
      background-image: url("img/home-slider/1.jpg"); }
    #main #main-head #main-headAnim > div:nth-of-type(2) {
      transform: scale(1.2);
      transform-origin: 60% center;
      background-position: bottom center;
      background-image: url("img/home-slider/2.jpg"); }
      #main #main-head #main-headAnim > div:nth-of-type(2).main-headAnim-done {
        transform: none !important;
        background-position: top center !important; }
    #main #main-head #main-headAnim > div:nth-of-type(3) {
      transform: scale(2);
      transform-origin: 100% 50%;
      background-image: url("img/home-slider/3.jpg"); }
    #main #main-head #main-headAnim > div:nth-of-type(4) {
      transform: scale(2.5);
      transform-origin: 60% 90%;
      background-image: url("img/home-slider/4.jpg"); }
    #main #main-head #main-headAnim > div:nth-of-type(5) {
      transform: scale(2);
      transform-origin: 20% 30%;
      background-image: url("img/home-slider/5.jpg"); }
  #main #main-head #main-headHeadings {
    position: absolute;
    width: 100%;
    top: 50%;
    transform: translate(0, -50%);
    color: white;
    text-align: center; }
    #main #main-head #main-headHeadings > div {
      position: relative;
      display: inline-block;
      border-bottom: solid #009900 1px;
      font-size: 1.2em; }
      #main #main-head #main-headHeadings > div h1 {
        font-size: 4em;
        font-weight: bold; }
      #main #main-head #main-headHeadings > div span {
        font-family: "Caveat", cursive;
        font-family: "Allura", cursive;
        font-family: "Ruthie", cursive;
        position: absolute;
        bottom: -0.25em;
        right: -1em;
        font-size: 3em;
        font-weight: 500;
        text-shadow: black 1px 1px 3px;
        color: #ff9700; }
    #main #main-head #main-headHeadings h3 {
      display: block;
      max-width: 60%;
      font-size: 2em;
      margin: 0.75em auto; }

#maps {
  position: relative; }
  #maps > div {
    pointer-events: none;
    position: absolute;
    display: inline-block;
    z-index: 1;
    width: 30%;
    padding: 6em 3em 2em;
    color: white;
    text-shadow: black 0 0 1px; }
    #maps > div h4 {
      font-size: 2em; }
    #maps > div span {
      font-size: 1.5em; }
    #maps > div:first-of-type {
      margin-left: 20%;
      text-align: right; }
    #maps > div:last-of-type {
      margin-left: 50%;
      text-align: left; }
  #maps > a {
    position: relative;
    display: inline-block;
    width: 50%;
    height: 100vh;
    transition: all 1s ease, background-position 3s ease-out; }
    #maps > a:first-of-type {
      filter: grayscale(100%) brightness(40%) sepia(50%) hue-rotate(180deg) saturate(3) contrast(0.8);
      border-right: 1px solid #000099;
      background: no-repeat url("img/nature/DSC_0450-min.JPG") 100% center;
      background-size: cover; }
    #maps > a:last-of-type {
      filter: grayscale(100%) brightness(40%) sepia(50%) hue-rotate(45deg) saturate(3) contrast(0.8);
      border-left: 1px solid #009900;
      background: no-repeat url("img/nature/IMG_1526-min.JPG") 0% center;
      background-size: cover; }
    #maps > a:hover {
      filter: grayscale(0) brightness(0.8) sepia(0) hue-rotate(0) saturate(1) contrast(1);
      border-width: 5px;
      transition: all 1s ease, background-position 10s ease; }
      #maps > a:hover:first-of-type {
        background-position: 0% center; }
      #maps > a:hover:last-of-type {
        background-position: 100% center; }

#kontakt {
  width: 100%; }
  #kontakt > div {
    display: inline-block;
    padding: 10px;
    vertical-align: top; }
  #kontakt #con-form {
    width: 70%; }
  #kontakt #con-other {
    width: 30%;
    background: #88aa6d;
    color: white; }
    #kontakt #con-other a {
      display: block; }

/*# sourceMappingURL=styleSass.css.map */