@import url(../fonts/stylesheet.css);
@import url(../../Thirdparty/animate.css);
body, html {
  padding: 0px;
  overflow: hidden;
  font-weight: 200;
  background-color: #ececec; }

body {
  width: 100vw;
  height: 100vh; }

nav .sh-menu {
  width: 160px;
  height: 160px;
  position: absolute;
  right: 40px;
  top: calc(20vh - 80px);
  background-image: url("../img/powerswitch_off.png");
  background-size: 110px 110px;
  background-repeat: no-repeat;
  background-position: center center;
  background-color: rgba(0, 0, 0, 0.3);
  z-index: 10;
  cursor: pointer;
  -webkit-transition: right 3s ease;
  -moz-transition: right 3s ease;
  -o-transition: right 3s ease;
  transition: right 3s ease; }
  @media (min-height: 680px) {
    nav .sh-menu {
      top: calc(50vh - 80px); } }
  @media (max-width: 992px) {
    nav .sh-menu {
      width: 110px;
      height: 110px;
      right: 0px;
      top: 0px; } }
  nav .sh-menu:hover, nav .sh-menu:focus, nav .sh-menu:active {
    background-image: url("../img/powerswitch_on.png"); }
  nav .sh-menu.active {
    background-image: url("../img/powerswitch_on.png");
    right: 85px; }
nav .side-menu-mine {
  width: 150px;
  height: 672px;
  background-image: url("../img/off-panell.png");
  background-size: 150px 672px;
  background-position: top center;
  background-repeat: no-repeat;
  position: absolute;
  top: 0px;
  right: -150px;
  z-index: 50;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease; }
  @media (min-height: 675px) {
    nav .side-menu-mine {
      top: calc(50vh - 336px); } }
  nav .side-menu-mine.opened-menu {
    right: 0px; }
  nav .side-menu-mine .nav-item-img {
    display: block;
    width: 150px; }
    nav .side-menu-mine .nav-item-img img {
      width: 100%;
      opacity: 0; }
    nav .side-menu-mine .nav-item-img span {
      display: none; }
    nav .side-menu-mine .nav-item-img.active img {
      opacity: 1; }

.insetted-img {
  width: 100vw;
  height: 100vh;
  z-index: 1;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center;
  -webkit-box-shadow: inset 0px 0px 0px 20px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0px 0px 0px 20px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0px 0px 0px 20px rgba(0, 0, 0, 0.3); }
  @media (min-width: 1400px) {
    .insetted-img {
      -webkit-box-shadow: inset 0px 0px 0px 40px rgba(0, 0, 0, 0.3);
      -moz-box-shadow: inset 0px 0px 0px 40px rgba(0, 0, 0, 0.3);
      box-shadow: inset 0px 0px 0px 40px rgba(0, 0, 0, 0.3); } }
  @media (min-width: 1650px) {
    .insetted-img {
      -webkit-box-shadow: inset 0px 0px 0px 50px rgba(0, 0, 0, 0.3);
      -moz-box-shadow: inset 0px 0px 0px 50px rgba(0, 0, 0, 0.3);
      box-shadow: inset 0px 0px 0px 50px rgba(0, 0, 0, 0.3); } }

.claimed-article h1 {
  font-family: 'Code Pro Light LC';
  font-size: 40px;
  position: absolute;
  bottom: 125px;
  left: 61px;
  padding: 18px 50px 40px 50px;
  background-color: rgba(0, 0, 0, 0.3);
  color: white; }
  @media (min-width: 992px) {
    .claimed-article h1 {
      bottom: 190px;
      left: 125px;
      font-size: 107px; } }
.claimed-article p {
  font-family: 'Code Pro Light LC';
  font-size: 25px;
  position: absolute;
  padding: 10px 50px 10px 210px;
  bottom: 90px;
  right: 70px;
  left: auto;
  background-color: rgba(0, 0, 0, 0.3);
  color: white; }
  @media (min-width: 992px) {
    .claimed-article p {
      bottom: 90px;
      right: auto;
      left: 380px;
      font-size: 62px; } }

.biography-wrapper {
  position: absolute;
  top: 40px;
  left: 40px;
  overflow: hidden;
  z-index: 2; }
  @media (min-width: 1650px) {
    .biography-wrapper {
      top: 50px;
      left: 50px; } }
  .biography-wrapper .biography {
    height: calc(100vh - 80px);
    overflow: auto;
    padding-top: 40px;
    padding-bottom: 60px; }
    @media (max-width: 991px) {
      .biography-wrapper .biography {
        padding-top: 0px; } }
    .biography-wrapper .biography h1 {
      font-family: 'Code Pro Light LC';
      color: white;
      padding: 7px 15px 0px 120px;
      margin-right: 100px;
      font-size: 42px;
      text-align: right;
      float: right;
      display: inline-block;
      background-color: rgba(0, 0, 0, 0.5); }
      @media (max-width: 991px) {
        .biography-wrapper .biography h1 {
          float: none;
          padding: 7px 15px 0px 15px;
          margin-right: 0px;
          text-align: left; } }
    .biography-wrapper .biography .event-wrapper {
      width: 50%;
      color: white;
      display: block;
      padding-top: 70px;
      min-height: 255px; }
      @media (max-width: 991px) {
        .biography-wrapper .biography .event-wrapper {
          width: 100%; } }
      .biography-wrapper .biography .event-wrapper .event-image-wrapper {
        width: 255px;
        height: 255px;
        background-color: rgba(0, 0, 0, 0.5);
        padding: 20px;
        border-radius: 300px;
        margin-top: -70px; }
        @media (max-width: 991px) {
          .biography-wrapper .biography .event-wrapper .event-image-wrapper {
            margin-top: 20px; } }
        .biography-wrapper .biography .event-wrapper .event-image-wrapper img {
          width: 100%;
          border-radius: 500px; }
      .biography-wrapper .biography .event-wrapper .event-text-wrapper {
        font-family: 'Code Pro LC';
        width: calc(100% - 100px);
        margin: 0px;
        background-color: rgba(0, 0, 0, 0.5); }
        @media (max-width: 991px) {
          .biography-wrapper .biography .event-wrapper .event-text-wrapper {
            width: 100%; } }
        .biography-wrapper .biography .event-wrapper .event-text-wrapper p {
          font-size: 14px; }
          .biography-wrapper .biography .event-wrapper .event-text-wrapper p.konani {
            font-size: 16px;
            padding: 0px;
            margin-bottom: 0px;
            text-transform: uppercase; }
    .biography-wrapper .biography .event-wrapper:nth-child(even) {
      margin-left: 40px; }
      @media (max-width: 991px) {
        .biography-wrapper .biography .event-wrapper:nth-child(even) {
          margin-left: 0px; } }
      .biography-wrapper .biography .event-wrapper:nth-child(even) .event-image-wrapper {
        float: right; }
        @media (max-width: 991px) {
          .biography-wrapper .biography .event-wrapper:nth-child(even) .event-image-wrapper {
            float: none; } }
      .biography-wrapper .biography .event-wrapper:nth-child(even) .event-text-wrapper {
        padding: 13px 165px 1px 15px; }
        @media (max-width: 991px) {
          .biography-wrapper .biography .event-wrapper:nth-child(even) .event-text-wrapper {
            padding: 15px; } }
    .biography-wrapper .biography .event-wrapper:nth-child(odd) {
      margin-left: 44%; }
      @media (max-width: 991px) {
        .biography-wrapper .biography .event-wrapper:nth-child(odd) {
          margin-left: 0px; } }
      .biography-wrapper .biography .event-wrapper:nth-child(odd) .event-image-wrapper {
        float: left; }
        @media (max-width: 991px) {
          .biography-wrapper .biography .event-wrapper:nth-child(odd) .event-image-wrapper {
            float: none; } }
      .biography-wrapper .biography .event-wrapper:nth-child(odd) .event-text-wrapper {
        padding: 13px 15px 1px 165px;
        margin-left: 100px; }
        @media (max-width: 991px) {
          .biography-wrapper .biography .event-wrapper:nth-child(odd) .event-text-wrapper {
            padding: 15px;
            margin-left: 0px; } }
    .biography-wrapper .biography .arrows-wrapper {
      position: fixed;
      bottom: 60px;
      left: 0px;
      width: 100vw;
      height: 50px;
      display: flex;
      justify-content: center;
      z-index: 50; }
      .biography-wrapper .biography .arrows-wrapper .arrow-up {
        width: 50px;
        height: 50px;
        margin-right: 15px;
        background-image: url("../img/arrow-up.svg");
        background-size: contain;
        background-position: center center;
        background-repeat: no-repeat;
        z-index: 50;
        cursor: pointer; }
      .biography-wrapper .biography .arrows-wrapper .arrow-down {
        width: 50px;
        height: 50px;
        background-image: url("../img/arrow-down.svg");
        background-size: contain;
        background-position: center center;
        background-repeat: no-repeat;
        z-index: 50;
        cursor: pointer; }
    @media (min-width: 992px) {
      .biography-wrapper .biography.gallerie {
        padding-left: 40px; } }
    .biography-wrapper .biography.gallerie .gallery-images {
      display: flex;
      flex-wrap: wrap;
      justify-content: center; }
      .biography-wrapper .biography.gallerie .gallery-images .myblockone {
        display: flex;
        flex-wrap: wrap;
        width: 34vw; }
        .biography-wrapper .biography.gallerie .gallery-images .myblockone a {
          margin-bottom: 1vw;
          display: block;
          padding: 10px;
          background-repeat: no-repeat;
          background-position: center center;
          background-size: cover; }
          .biography-wrapper .biography.gallerie .gallery-images .myblockone a img {
            width: 100%; }
        .biography-wrapper .biography.gallerie .gallery-images .myblockone a:nth-child(1n) {
          width: 16vw;
          height: 16vw;
          overflow: hidden;
          margin-right: 1vw; }
        .biography-wrapper .biography.gallerie .gallery-images .myblockone a:nth-child(2n) {
          width: 16vw;
          height: 16vw;
          overflow: hidden;
          margin-right: 1vw; }
        .biography-wrapper .biography.gallerie .gallery-images .myblockone a:nth-child(3n) {
          width: 33vw;
          height: 16vw;
          overflow: hidden; }
      .biography-wrapper .biography.gallerie .gallery-images .myblocktwo {
        display: flex;
        flex-wrap: wrap;
        width: 34vw; }
        .biography-wrapper .biography.gallerie .gallery-images .myblocktwo a {
          margin-bottom: 1vw;
          display: block;
          padding: 10px;
          background-repeat: no-repeat;
          background-position: center center;
          background-size: cover;
          width: 33vw;
          height: 33vw;
          overflow: hidden; }
        .biography-wrapper .biography.gallerie .gallery-images .myblocktwo img {
          width: 100%; }
      .biography-wrapper .biography.gallerie .gallery-images .myblockthree {
        display: flex;
        flex-wrap: wrap;
        width: 68vw; }
        .biography-wrapper .biography.gallerie .gallery-images .myblockthree a {
          margin-bottom: 1vw;
          display: block;
          padding: 10px;
          background-repeat: no-repeat;
          background-position: center center;
          background-size: cover;
          width: 16vw;
          height: 16vw;
          overflow: hidden;
          margin-right: 1vw; }
          .biography-wrapper .biography.gallerie .gallery-images .myblockthree a.video {
            background-image: url("../img/video.png");
            background-size: contain;
            background-color: rgba(0, 0, 0, 0.5); }

.myblockthreeFiles {
  display: flex;
  flex-wrap: wrap; }
  .myblockthreeFiles a {
    margin-bottom: 20px;
    display: block;
    padding: 20px;
    background-repeat: no-repeat;
    background-position: 73px 48px;
    background-size: 70px 70px;
    width: 220px;
    height: 220px;
    overflow: hidden;
    margin-right: 20px; }
    .myblockthreeFiles a.video {
      background-image: url("../img/video.png");
      background-color: rgba(0, 0, 0, 0.5);
      color: white;
      text-align: center;
      font-family: 'Code Pro LC';
      word-break: break-all;
      padding-top: 161px; }
    .myblockthreeFiles a.sound {
      background-image: url("../img/sound.png");
      background-color: rgba(0, 0, 0, 0.5);
      color: white;
      text-align: center;
      font-family: 'Code Pro LC';
      word-break: break-all;
      padding-top: 161px; }

.fb-page.fb_iframe_widget {
  width: 100% !important;
  height: 100% !important;
  text-align: center; }
  .fb-page.fb_iframe_widget span {
    width: 340px;
    max-width: 100% !important;
    height: 500px;
    max-height: 100% !important; }
    @media (min-height: 620px) {
      .fb-page.fb_iframe_widget span {
        top: 50%;
        transform: translateY(-50%); } }
    .fb-page.fb_iframe_widget span iframe {
      width: 340px;
      max-width: 100% !important;
      height: 100% !important;
      text-align: center; }

.transparentaccount {
  color: white;
  font-family: 'Code Pro LC'; }
  .transparentaccount tr:nth-child(even) td {
    background-color: rgba(0, 0, 0, 0.6); }
  .transparentaccount tr:nth-child(odd) td {
    background-color: rgba(0, 0, 0, 0.3); }
  .transparentaccount th {
    background-color: rgba(0, 0, 0, 0.5); }
  .transparentaccount td {
    color: white;
    font-family: 'Code Pro LC'; }
    .transparentaccount td a {
      color: white;
      text-decoration: underline;
      font-family: 'Code Pro LC'; }
  .transparentaccount h2 {
    margin-top: 92px;
    background-color: rgba(0, 0, 0, 0.5);
    padding: 7px 15px 0px 15px;
    text-align: center; }

.subnavigation {
  position: fixed;
  top: 70px;
  right: 160px;
  padding: 15px;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 60; }
  @media (max-width: 992px) {
    .subnavigation {
      top: 0px;
      left: 0px;
      right: auto; } }
  .subnavigation .nav-item {
    color: white;
    font-family: 'Code Pro';
    border-right: 2px solid white;
    padding-right: 15px;
    padding-left: 15px; }
    .subnavigation .nav-item:last-child {
      border-right: 0px solid transparent;
      padding-right: 0px; }
    .subnavigation .nav-item:first-child {
      padding-left: 0px; }
    .subnavigation .nav-item.active, .subnavigation .nav-item:hover {
      color: yellow;
      text-decoration: none; }

.fullscreen-bg {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  z-index: 0;
  background-color: black; }

.fullscreen-bg__video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.video-wrapper-yt {
  display: inline-block;
  padding: 20px;
  width: 290px;
  height: 180px;
  position: relative; }
  .video-wrapper-yt .play-yt-video {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px; }
    .video-wrapper-yt .play-yt-video a {
      width: 100%;
      height: 100%;
      position: relative;
      display: block; }

.mine-wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
  padding-top: 80px; }

#tabletosearch-events .dataTables_wrapper > .row > .col-sm-12.col-md-6:first-child {
  order: 2; }
#tabletosearch-events .dataTables_wrapper > .row > .col-sm-12.col-md-6:last-child {
  order: 1; }
#tabletosearch-events div.dataTables_wrapper div.dataTables_filter {
  text-align: left; }

.widemap {
  width: 100%;
  height: 500px; }

.mappoints {
  position: fixed;
  bottom: 0px;
  left: 20px; }
  .mappoints a {
    display: inline-block; }
    .mappoints a img {
      width: 50px;
      height: 50px; }
      @media (max-width: 768px) {
        .mappoints a img {
          width: 35px;
          height: 35px; } }
  .mappoints p {
    color: white; }
    @media (max-width: 768px) {
      .mappoints p {
        font-size: 13px; } }

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