@charset "UTF-8";
/**
 *
 * tanzplanost-ch: Stylesheet public web
 *
 * @author     Manuel Märklin
 * @copyright  2023 Manuel Märklin Programmierung, Switzerland
 * @link       https://www.2mp.ch
 */
/**
	Fonts
**/
@import url("https://use.typekit.net/ujx6orw.css");
/** Zyklus 3 **/
@import url("https://use.typekit.net/vdj8gue.css");
@import url("https://fonts.googleapis.com/css2?family=Chivo&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Comic+Neue:ital,wght@1,700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital@1&display=swap");
@font-face {
  font-family: "Valizas";
  src: url("../Fonts/ValizasWeb-Book.woff2") format("woff2"), url("../Fonts/ValizasWeb-Book.woff") format("woff");
  font-weight: 300;
  font-style: normal; }
@media all {
  * {
    margin: 0;
    padding: 0; }

  body.archiv21 hr {
    border: 1px solid black;
    height: 0;
    margin-bottom: 20px; }
  body.archiv21 .archiv21nav {
    bottom: unset;
    top: 97px; }
    body.archiv21 .archiv21nav ul {
      display: flex; }
      body.archiv21 .archiv21nav ul li {
        flex-basis: calc(50vw / 3);
        list-style-type: none;
        box-sizing: border-box; }
        body.archiv21 .archiv21nav ul li a {
          display: block;
          padding: 10px;
          color: rgba(0, 0, 0, 0.2);
          font-size: 20px; }
        body.archiv21 .archiv21nav ul li.green {
          background-color: #99c26e; }
          body.archiv21 .archiv21nav ul li.green a {
            color: #000000; }
        body.archiv21 .archiv21nav ul li.purple {
          background-color: #cf388d; }
          body.archiv21 .archiv21nav ul li.purple a {
            color: #000000; }
        body.archiv21 .archiv21nav ul li.yellow {
          background-color: #ffd74f; }
          body.archiv21 .archiv21nav ul li.yellow a {
            color: #000000; }
        body.archiv21 .archiv21nav ul li:nth-child(4) {
          flex: 50vw 0;
          background-color: #000000;
          text-align: right;
          padding-right: 80px; }
          body.archiv21 .archiv21nav ul li:nth-child(4) a {
            color: #ffffff; }
  body.archiv21 .archiv21menu {
    display: none;
    position: absolute;
    background-image: url("../images/navx_w.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    right: 20px;
    top: 5px;
    width: 30px;
    height: 30px;
    cursor: pointer;
    z-index: 500; }
  body.archiv21 .header .nav ul li ul {
    top: 88px; }
  body.archiv21 .main {
    font-family: 'Chivo', sans-serif; }
    body.archiv21 .main .page {
      padding-top: 144px; }
      body.archiv21 .main .page a {
        color: #000;
        text-decoration: none;
        cursor: pointer; }
      body.archiv21 .main .page .close {
        top: 144px !important; }
    body.archiv21 .main .artists #artistcontainer .artistdetails {
      margin-top: 140px; }
      body.archiv21 .main .artists #artistcontainer .artistdetails.associated .left .teaser {
        color: #ffd74f !important; }
    body.archiv21 .main .artists.opaque {
      background-color: #395234;
      transition: background-color 0.5s; }
      body.archiv21 .main .artists.opaque .artist {
        opacity: 0.3;
        transition: opacity 0.5s; }
        body.archiv21 .main .artists.opaque .artist.highlight {
          opacity: 1; }
    body.archiv21 .main .artists.twocols.opaque {
      background-color: #ffd74f !important; }
    body.archiv21 .main .artists.twocols .artist .artistname {
      color: #ffd74f !important; }
    body.archiv21 .main .artists.twocols .artist .projecttitle {
      color: #ffd74f !important; }
    body.archiv21 .main .tour.twocols #artistcontainer .artistdetails {
      padding-top: 40px; }

  body.archiv23 hr {
    border: 1px solid black;
    height: 0;
    margin-bottom: 20px; }
  body.archiv23 .archiv23nav {
    bottom: unset;
    top: 49px; }
    body.archiv23 .archiv23nav ul {
      display: flex; }
      body.archiv23 .archiv23nav ul li {
        flex-basis: calc(50vw / 3);
        list-style-type: none;
        box-sizing: border-box; }
        body.archiv23 .archiv23nav ul li a {
          display: block;
          padding: 10px;
          color: rgba(0, 0, 0, 0.2);
          font-size: 20px; }
        body.archiv23 .archiv23nav ul li.orange {
          background-color: #ff922e; }
          body.archiv23 .archiv23nav ul li.orange a {
            color: #000000; }
        body.archiv23 .archiv23nav ul li.violet {
          background-color: #95609a; }
          body.archiv23 .archiv23nav ul li.violet a {
            color: #000000; }
        body.archiv23 .archiv23nav ul li.lightblue {
          background-color: #a6e1dc; }
          body.archiv23 .archiv23nav ul li.lightblue a {
            color: #000000; }
        body.archiv23 .archiv23nav ul li:nth-child(4) {
          flex: 50vw 0;
          background-color: #000000;
          text-align: right;
          padding-right: 80px; }
          body.archiv23 .archiv23nav ul li:nth-child(4) a {
            color: #ffffff; }
  body.archiv23 .archiv23menu {
    display: none;
    position: absolute;
    background-image: url("../images/navx_w.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    right: 20px;
    top: 5px;
    width: 30px;
    height: 30px;
    cursor: pointer;
    z-index: 500; }
  body.archiv23 .header .nav ul li ul {
    top: 88px; }
  body.archiv23 .main {
    font-family: 'Valizas', Arial, sans-serif; }
    body.archiv23 .main .page {
      padding-top: 100px; }
      body.archiv23 .main .page a {
        color: #000;
        text-decoration: none;
        cursor: pointer; }
      body.archiv23 .main .page .close {
        top: 100px; }
    body.archiv23 .main .artists #artistcontainer .artistdetails.associated .left .teaser {
      color: #a6e1dc; }
    body.archiv23 .main .artists.opaque {
      background-color: #395234;
      transition: background-color 0.5s; }
      body.archiv23 .main .artists.opaque .artist {
        opacity: 0.3;
        transition: opacity 0.5s; }
        body.archiv23 .main .artists.opaque .artist.highlight {
          opacity: 1; }
    body.archiv23 .main .artists.twocols.opaque {
      background-color: #a6e1dc; }
    body.archiv23 .main .artists.twocols .artist .artistname {
      color: #a6e1dc; }
    body.archiv23 .main .artists.twocols .artist .projecttitle {
      color: #a6e1dc; }

  body {
    font-family: 'azo-sans-web', Arial, sans-serif;
    font-size: 20px;
    color: #000000;
    width: 100vw;
    height: 100vh;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-color: #4F534F; }

  h1, h2 {
    font-weight: normal;
    text-decoration: underline; }

  h1 {
    font-size: 1.5em;
    padding-bottom: 0.5em; }

  h2 {
    font-size: 1.25em;
    padding-bottom: 0.25em; }

  a {
    color: #fff;
    text-decoration: none;
    cursor: pointer; }

  hr {
    border: 1px solid white;
    height: 0;
    margin-bottom: 20px; }

  p {
    padding-bottom: 1.0em;
    text-align: left; }

  img {
    height: auto;
    max-width: 100%; }

  .header {
    position: fixed;
    width: 100vw;
    z-index: 300;
    background-color: white; }
    .header .nav ul {
      display: flex; }
      .header .nav ul li {
        flex-basis: calc(50vw/3);
        list-style-type: none;
        box-sizing: border-box;
        align-items: baseline; }
        .header .nav ul li a {
          display: block;
          padding: 20px 10px 5px 10px;
          color: rgba(0, 0, 0, 0.2); }
        .header .nav ul li.active a {
          color: #000000; }
        .header .nav ul li.blue {
          background-color: #99ccff; }
        .header .nav ul li.pink {
          background-color: #f975a8; }
        .header .nav ul li.rosa {
          background-color: #f9dcdc; }
        .header .nav ul li:nth-child(4) {
          flex: 50vw 0;
          font-family: 'azo-sans-web', sans-serif;
          text-align: right;
          padding-right: 80px; }
          .header .nav ul li:nth-child(4) a {
            color: #000000; }
        .header .nav ul li ul {
          display: block;
          position: fixed;
          top: 44px;
          right: 0;
          text-align: right;
          z-index: 200;
          background-color: #ffffff;
          padding: 0;
          width: 0;
          transition-property: all;
          transition-duration: 0.6s;
          transition-timing-function: ease-in; }
          .header .nav ul li ul li {
            list-style-type: none;
            padding: 0 !important;
            border: none; }
            .header .nav ul li ul li:nth-child(1) {
              border-top: 1px solid black; }
            .header .nav ul li ul li a {
              display: block;
              padding: 10px 80px;
              border-bottom: 1px solid black; }
            .header .nav ul li ul li.facebook, .header .nav ul li ul li.instagram, .header .nav ul li ul li.mail {
              display: inline-block;
              background-position: center center;
              background-repeat: no-repeat;
              background-size: cover;
              width: 35px;
              height: 35px; }
              .header .nav ul li ul li.facebook a, .header .nav ul li ul li.instagram a, .header .nav ul li ul li.mail a {
                display: block;
                padding: 0;
                border: 0;
                color: transparent; }
            .header .nav ul li ul li.facebook {
              background-image: url("../images/igt_icons_FB_white.svg"); }
            .header .nav ul li ul li.instagram {
              background-image: url("../images/igt_icons_IN_white.svg"); }
            .header .nav ul li ul li.mail {
              background-image: url("../images/igt_icons_M_white.svg");
              margin: 10px 75px 10px 0; }
        .header .nav ul li.open ul {
          width: 50vw; }
    .header .menu {
      position: absolute;
      background-image: url("../images/nav.png");
      background-size: contain;
      background-repeat: no-repeat;
      background-position: center;
      right: 20px;
      top: 15px;
      width: 30px;
      height: 30px;
      cursor: pointer; }
      .header .menu.open {
        background-image: url("../images/navx.png"); }

  .archiv21nav {
    font-family: 'Chivo', sans-serif;
    position: fixed;
    bottom: 0;
    width: 100vw;
    z-index: 300; }
    .archiv21nav ul {
      display: flex; }
      .archiv21nav ul li {
        flex-basis: calc(50vw/3);
        list-style-type: none;
        box-sizing: border-box; }
        .archiv21nav ul li a {
          display: block;
          padding: 0 10px;
          color: rgba(0, 0, 0, 0.2);
          font-size: 12px; }
        .archiv21nav ul li.active a {
          color: #000000; }
        .archiv21nav ul li.green {
          background-color: #99c26e; }
          .archiv21nav ul li.green a {
            color: #99c26e; }
        .archiv21nav ul li.purple {
          background-color: #cf388d; }
          .archiv21nav ul li.purple a {
            color: #cf388d; }
        .archiv21nav ul li.yellow {
          background-color: #ffd74f; }
          .archiv21nav ul li.yellow a {
            color: #ffd74f; }
        .archiv21nav ul li:nth-child(4) {
          flex: 50vw 0;
          background-color: #000000;
          text-align: right;
          padding-right: 80px; }
          .archiv21nav ul li:nth-child(4) a {
            color: #ffffff; }
        .archiv21nav ul li ul {
          display: block;
          position: fixed;
          top: 44px;
          right: 0;
          text-align: right;
          z-index: 200;
          background-color: #ffffff;
          padding: 0;
          width: 0;
          transition-property: all;
          transition-duration: 0.6s;
          transition-timing-function: ease-in; }
          .archiv21nav ul li ul li {
            list-style-type: none;
            padding: 0 !important;
            border: none; }
            .archiv21nav ul li ul li:nth-child(1) {
              border-top: 1px solid black; }
            .archiv21nav ul li ul li a {
              display: block;
              padding: 10px 80px;
              border-bottom: 1px solid black; }
        .archiv21nav ul li.open ul {
          width: 50vw; }

  .archiv23nav {
    font-family: 'Valizas', Arial, sans-serif;
    position: fixed;
    bottom: 14px;
    width: 100vw;
    z-index: 300; }
    .archiv23nav ul {
      display: flex; }
      .archiv23nav ul li {
        flex-basis: calc(50vw/3);
        list-style-type: none;
        box-sizing: border-box; }
        .archiv23nav ul li a {
          display: block;
          padding: 0 10px;
          color: rgba(0, 0, 0, 0.2);
          font-size: 10px; }
        .archiv23nav ul li.active a {
          color: #000000; }
        .archiv23nav ul li.orange {
          background-color: #ff922e; }
          .archiv23nav ul li.orange a {
            color: #ff922e; }
        .archiv23nav ul li.violet {
          background-color: #95609a; }
          .archiv23nav ul li.violet a {
            color: #95609a; }
        .archiv23nav ul li.lightblue {
          background-color: #a6e1dc; }
          .archiv23nav ul li.lightblue a {
            color: #a6e1dc; }
        .archiv23nav ul li:nth-child(4) {
          flex: 50vw 0;
          background-color: #000000;
          text-align: right;
          padding-right: 80px; }
          .archiv23nav ul li:nth-child(4) a {
            color: #ffffff; }
        .archiv23nav ul li ul {
          display: block;
          position: fixed;
          top: 44px;
          right: 0;
          text-align: right;
          z-index: 200;
          background-color: #ffffff;
          padding: 0;
          width: 0;
          transition-property: all;
          transition-duration: 0.6s;
          transition-timing-function: ease-in; }
          .archiv23nav ul li ul li {
            list-style-type: none;
            padding: 0 !important;
            border: none; }
            .archiv23nav ul li ul li:nth-child(1) {
              border-top: 1px solid black; }
            .archiv23nav ul li ul li a {
              display: block;
              padding: 10px 80px;
              border-bottom: 1px solid black; }
        .archiv23nav ul li.open ul {
          width: 50vw; }

  .main {
    position: relative;
    max-width: 100%;
    height: 100%;
    box-sizing: border-box;
    overflow-x: hidden; }
    .main .aaheadline {
      position: fixed;
      top: 20%;
      left: 30%;
      background-image: url("../images/tpo_blase_102021.png");
      background-size: 100% 100%;
      background-repeat: no-repeat;
      width: 750px;
      height: 560px; }
      .main .aaheadline .text {
        font-family: 'Comic Neue', sans-serif;
        font-style: italic;
        font-weight: bold;
        font-size: 40px;
        text-transform: uppercase;
        color: black;
        padding: 170px 150px 0px 253px; }
    .main .logo {
      position: fixed;
      top: 20vh;
      right: 15vw;
      width: 320px;
      height: 320px;
      pointer-events: none; }
    .main .mainimage {
      width: 100vw;
      height: calc( 100vh - 44px );
      position: relative;
      background-repeat: no-repeat;
      background-position: center;
      background-size: cover; }
    .main .artists {
      display: flex;
      flex-wrap: wrap;
      padding-top: 44px; }
      .main .artists.opaque {
        background-color: #395234;
        transition: background-color 0.5s; }
        .main .artists.opaque .artist {
          opacity: 0.3;
          transition: opacity 0.5s; }
          .main .artists.opaque .artist.highlight {
            opacity: 1; }
      .main .artists.twocols {
        flex-wrap: nowrap; }
        .main .artists.twocols.opaque {
          background-color: #99ccff; }
        .main .artists.twocols .artist {
          position: relative;
          width: 50vw;
          height: calc(100vh - 44px);
          background-position: center; }
          .main .artists.twocols .artist .artistname {
            position: absolute;
            bottom: 0;
            margin: 0 0 10px 20px;
            color: #99ccff; }
            .main .artists.twocols .artist .artistname .projecttitle {
              color: #99ccff;
              font-size: 30px; }
            .main .artists.twocols .artist .artistname p {
              padding: 0;
              margin: 0; }
      .main .artists > a {
        cursor: pointer; }
      .main .artists .artist {
        width: 20vw;
        height: calc((100vh - 44px) / 4);
        background-repeat: no-repeat;
        background-size: cover;
        transition: opacity 0.5s; }
        .main .artists .artist #agenda-soraya,
        .main .artists .artist #agenda-elenita {
          position: absolute;
          top: 700px;
          width: 110%;
          transform: rotate(10deg);
          background-color: rgba(166, 225, 220, 0.5);
          text-align: center;
          left: -50px;
          font-size: 80px;
          z-index: 1; }
        .main .artists .artist #agenda-neil,
        .main .artists .artist #agenda-andrea {
          position: absolute;
          top: 500px;
          width: 110%;
          transform: rotate(-10deg);
          background-color: rgba(166, 225, 220, 0.5);
          text-align: center;
          left: -50px;
          font-size: 80px;
          z-index: 1; }
        .main .artists .artist #agenda-elenita,
        .main .artists .artist #agenda-andrea {
          background-color: rgba(255, 215, 79, 0.5);
          font-size: 100px; }
      .main .artists img {
        width: 20vw; }
      .main .artists #artistcontainer {
        display: none;
        position: absolute;
        bottom: 0;
        max-height: 100vh;
        width: 100vw;
        z-index: 200; }
    .main .tour {
      display: flex;
      flex-wrap: wrap;
      padding-top: 44px; }
      .main .tour.opaque {
        background-color: #395234;
        transition: background-color 0.5s; }
        .main .tour.opaque .artist {
          opacity: 0.3;
          transition: opacity 0.5s; }
          .main .tour.opaque .artist.highlight {
            opacity: 1; }
      .main .tour.twocols {
        flex-wrap: nowrap; }
        .main .tour.twocols .artist {
          position: relative;
          width: 50vw;
          height: calc(100vh - 44px);
          background-position: center;
          background-repeat: no-repeat;
          background-size: cover;
          transition: opacity 0.5s; }
          .main .tour.twocols .artist.topleft {
            background-position: inherit; }
          .main .tour.twocols .artist .artistnamecontainer {
            position: absolute;
            bottom: 78px;
            right: 0;
            text-align: right;
            font-size: 55px; }
            .main .tour.twocols .artist .artistnamecontainer .artistname, .main .tour.twocols .artist .artistnamecontainer .projecttitle > p {
              background-color: white;
              padding: 0 10px; }
            .main .tour.twocols .artist .artistnamecontainer .projecttitle p {
              margin: 0;
              color: black; }
        .main .tour.twocols.pink .artistdetails .left .teaser {
          color: #f975a8; }
        .main .tour.twocols.pink .artistnamecontainer .artistname {
          color: #f975a8; }
        .main .tour.twocols.pink.opaque {
          background-color: #f975a8; }
        .main .tour.twocols.purple .artistdetails .left .teaser {
          color: #cf388d; }
        .main .tour.twocols.purple .artistnamecontainer .artistname {
          color: #cf388d; }
        .main .tour.twocols.purple.opaque {
          background-color: #cf388d; }
      .main .tour.violet .artistdetails .left .teaser {
        color: #95609a; }
      .main .tour.violet .artistnamecontainer .artistname {
        color: #95609a; }
      .main .tour.violet.opaque {
        background-color: #95609a; }
      .main .tour > a {
        cursor: pointer; }
      .main .tour img {
        width: 20vw; }
      .main .tour #artistcontainer {
        display: none;
        position: absolute;
        bottom: 0;
        max-height: 100vh;
        width: 100vw;
        z-index: 200; }
        .main .tour #artistcontainer .artistdetails .left h1 {
          padding: 0; }
        .main .tour #artistcontainer .artistdetails .left .biography {
          font-size: 0.9em;
          line-height: 1em;
          padding-left: 30px;
          padding-right: 30px; }
        .main .tour #artistcontainer .artistdetails .left .smallfont {
          font-size: 1.2em;
          line-height: 1em;
          padding-left: 30px;
          padding-right: 30px; }
    .main .tourheadline {
      position: fixed;
      bottom: 0;
      background-color: #f975a8;
      width: 110vw;
      font-style: italic;
      font-weight: bold;
      color: black;
      padding: 15px 0;
      white-space: nowrap;
      overflow: hidden;
      cursor: pointer; }
      .main .tourheadline a {
        cursor: pointer; }
      .main .tourheadline p {
        padding: 0 0 0 105%;
        display: inline-block;
        text-transform: uppercase;
        animation: tourheadline 10s linear infinite;
        animation-delay: 0s;
        font-size: 40px; }
        .main .tourheadline p .pink, .main .tourheadline p.pink {
          color: white; }
      .main .tourheadline p:hover {
        animation-play-state: paused; }
  @keyframes tourheadline {
    0% {
      transform: translateX(0); }
    100% {
      transform: translateX(-100%); } }
    .main .artistdetails .yellow,
    .main .pageContent .yellow {
      color: #ffd74f; }
      .main .artistdetails .yellow a,
      .main .pageContent .yellow a {
        color: #ffd74f; }
    .main .artistdetails .green,
    .main .pageContent .green {
      color: #99c26e; }
      .main .artistdetails .green a,
      .main .pageContent .green a {
        color: #99c26e; }
    .main .artistdetails .purple,
    .main .pageContent .purple {
      color: #cf388d; }
      .main .artistdetails .purple a,
      .main .pageContent .purple a {
        color: #cf388d; }
    .main .artistdetails .orange,
    .main .pageContent .orange {
      color: #ff922e; }
      .main .artistdetails .orange a,
      .main .pageContent .orange a {
        color: #ff922e; }
    .main .artistdetails .lightblue,
    .main .pageContent .lightblue {
      color: #a6e1dc; }
      .main .artistdetails .lightblue a,
      .main .pageContent .lightblue a {
        color: #a6e1dc; }
    .main .artistdetails .violet,
    .main .pageContent .violet {
      color: #95609a; }
      .main .artistdetails .violet a,
      .main .pageContent .violet a {
        color: #95609a; }
    .main .artistdetails .rosa,
    .main .pageContent .rosa {
      color: #f9dcdc; }
      .main .artistdetails .rosa a,
      .main .pageContent .rosa a {
        color: #f9dcdc; }
    .main .artistdetails .blue,
    .main .pageContent .blue {
      color: #99ccff; }
      .main .artistdetails .blue a,
      .main .pageContent .blue a {
        color: #99ccff; }
    .main .artistdetails .pink,
    .main .pageContent .pink {
      color: #f975a8; }
      .main .artistdetails .pink a,
      .main .pageContent .pink a {
        color: #f975a8; }
    .main .artistdetails {
      position: relative;
      width: 1600px;
      height: calc( 100vh - 100px );
      left: 50%;
      margin-left: -800px;
      margin-top: 100px;
      overflow-y: scroll;
      background-color: #ffffff;
      display: flex; }
      .main .artistdetails img {
        width: auto; }
      .main .artistdetails .left,
      .main .artistdetails .right {
        background-color: white;
        flex: 1; }
      .main .artistdetails .left {
        position: relative;
        padding: 20px; }
        .main .artistdetails .left h1, .main .artistdetails .left h2 {
          text-decoration: none; }
        .main .artistdetails .left h1 {
          width: 500px; }
        .main .artistdetails .left h2 {
          color: #8cc580;
          padding: 50px 50px 0 50px; }
        .main .artistdetails .left hr {
          margin-left: 50px;
          margin-right: 50px; }
        .main .artistdetails .left p {
          font-size: 1.5em;
          line-height: 1em; }
        .main .artistdetails .left ul {
          list-style-type: none; }
          .main .artistdetails .left ul li::before {
            content: '\2014';
            padding-right: 5px;
            color: #99ccff; }
          .main .artistdetails .left ul li a {
            color: black;
            text-decoration: underline;
            text-decoration-color: #99ccff;
            text-decoration-thickness: 3px; }
        .main .artistdetails .left .biography {
          font-size: 0.9em;
          line-height: 1em;
          padding-left: 30px;
          padding-right: 30px; }
        .main .artistdetails .left .smallfont {
          font-size: 1.2em;
          line-height: 1em;
          padding-left: 30px;
          padding-right: 30px; }
        .main .artistdetails .left .close {
          position: absolute;
          top: 10px;
          right: 50px;
          width: 60px; }
        .main .artistdetails .left .teaser {
          margin-top: 100px;
          margin-bottom: 50px;
          padding-right: 30px; }
          .main .artistdetails .left .teaser a {
            text-decoration: none;
            color: #8cc580; }
      .main .artistdetails .right div {
        position: relative; }
      .main .artistdetails .right .credits {
        background-color: black;
        position: absolute;
        bottom: 0;
        right: 0;
        padding: 0 5px;
        color: white;
        font-size: 15px; }
      .main .artistdetails .right .teaser {
        display: none; }
      .main .artistdetails.associated .close, .main .artistdetails.tour .close {
        width: 30px;
        top: 20px;
        right: 5px; }
      .main .artistdetails.associated .teaser, .main .artistdetails.tour .teaser {
        margin: 0; }
      .main .artistdetails.associated .teaser {
        color: #99ccff; }
      .main .artistdetails.tour .teaser {
        color: #f975a8; }
    .main .pageContent .smallfont {
      font-size: 0.8em; }
    .main .headline_1, .main .headline_2, .main .headline_3, .main .headline_4 {
      position: absolute;
      padding: 5px 0;
      background: white;
      width: 110vw;
      white-space: nowrap;
      overflow: hidden;
      cursor: pointer; }
      .main .headline_1 a, .main .headline_2 a, .main .headline_3 a, .main .headline_4 a {
        cursor: pointer; }
      .main .headline_1 p, .main .headline_2 p, .main .headline_3 p, .main .headline_4 p {
        padding: 0 0 0 105%;
        display: inline-block;
        text-transform: uppercase;
        animation: lauftext 10s linear infinite;
        font-size: 48px; }
      .main .headline_1 p:hover, .main .headline_2 p:hover, .main .headline_3 p:hover, .main .headline_4 p:hover {
        animation-play-state: paused; }
  @keyframes lauftext {
    0% {
      transform: translateX(0); }
    100% {
      transform: translateX(-100%); } }
    .main .headline_1 {
      top: 25vh;
      left: -20px;
      transform: rotate(-1deg); }
      .main .headline_1 a {
        color: #ee2073; }
      .main .headline_1 p {
        animation-duration: 11s; }
    .main .headline_2 {
      top: 50vh;
      left: -20px;
      transform: rotate(5deg); }
      .main .headline_2 a {
        color: #ffd74f; }
      .main .headline_2 p {
        animation-delay: 2s;
        animation-duration: 10s; }
    .main .headline_3 {
      top: 70vh;
      right: -20px;
      transform: rotate(-5deg); }
      .main .headline_3 a {
        color: #bbe1dc; }
      .main .headline_3 p {
        animation-delay: 3s;
        animation-duration: 9s; }
    .main .headline_4 {
      top: 50vh;
      left: -20px;
      transform: rotate(8deg); }
      .main .headline_4 a {
        color: #8cc580; }
      .main .headline_4 p {
        animation-delay: 0s;
        animation-duration: 10s; }
    .main #impressions {
      display: none;
      position: fixed;
      top: 44px;
      height: calc(100vh - 44px);
      width: 100vw;
      background-color: rgba(0, 0, 0, 0.9);
      z-index: 500; }
      .main #impressions .close {
        position: absolute;
        top: 50px;
        right: 50px;
        width: 35px;
        z-index: 1000; }
      .main #impressions .gallery,
      .main #impressions .slick-list,
      .main #impressions .slick-track {
        height: 100%; }
      .main #impressions .gallery {
        padding: 0 50px; }
      .main #impressions .slick-prev, .main #impressions .slick-prev:before, .main #impressions .slick-prev:hover {
        content: url(../images/arrow_left_white.png);
        z-index: 9999;
        width: auto;
        height: auto; }
      .main #impressions .slick-next, .main #impressions .slick-next:before, .main #impressions .slick-next:hover {
        content: url(../images/arrow_right_white.png);
        z-index: 9999;
        width: auto;
        height: auto; }
      .main #impressions .slide {
        position: relative;
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain; }
      .main #impressions .legende {
        position: absolute;
        bottom: 20px;
        left: 0;
        display: flex;
        color: white;
        line-height: 16px; }
      .main #impressions .credits {
        font-size: 16px;
        padding: 2px 0 0 10px; }
    .main .page {
      position: absolute;
      left: -50vw;
      width: 50vw;
      height: 100%;
      overflow-y: auto;
      padding: 60px 20px;
      box-sizing: border-box;
      background-color: #ffffff;
      z-index: 0;
      transition-property: all;
      transition-duration: 0.6s;
      transition-timing-function: ease-in; }
      .main .page.open {
        left: 0;
        z-index: 200; }
      .main .page.orange, .main .page.lightblue, .main .page.violet, .main .page.rosa, .main .page.blue, .main .page.pink {
        background-color: #000000;
        color: #ffffff; }
        .main .page.orange .pageContent a, .main .page.lightblue .pageContent a, .main .page.violet .pageContent a, .main .page.rosa .pageContent a, .main .page.blue .pageContent a, .main .page.pink .pageContent a {
          color: #ffffff; }
      .main .page.violet h1, .main .page.violet h2 {
        color: #95609a; }
      .main .page.green h1, .main .page.green h2 {
        color: #99c26e; }
      .main .page.lightblue h1, .main .page.lightblue h2 {
        color: #a6e1dc; }
      .main .page.orange h1, .main .page.orange h2 {
        color: #ff922e; }
      .main .page.purple h1, .main .page.purple h2 {
        color: #cf388d; }
      .main .page.yellow h1, .main .page.yellow h2 {
        color: #ffd74f; }
      .main .page.rosa h1, .main .page.rosa h2 {
        color: #f9dcdc; }
      .main .page.blue h1, .main .page.blue h2 {
        color: #99ccff; }
      .main .page.pink h1, .main .page.pink h2 {
        color: #f975a8; }
      .main .page.info {
        left: auto;
        right: -50vw; }
        .main .page.info a {
          color: #000; }
        .main .page.info.open {
          left: auto;
          right: 0;
          font-family: 'Chivo', sans-serif; }
        .main .page.info + .logo {
          top: 20vh;
          left: 5vw; }
      .main .page.agenda {
        left: auto;
        right: -50vw; }
        .main .page.agenda.open {
          left: auto;
          right: 0; }
        .main .page.agenda #agenda-soraya, .main .page.agenda #agenda-neil,
        .main .page.agenda #agenda-andrea, .main .page.agenda #agenda-elenita {
          padding-bottom: 50px; }
        .main .page.agenda ul {
          list-style-type: none; }
          .main .page.agenda ul li::before {
            content: '\2014';
            padding-right: 5px;
            color: #ffd74f; }
          .main .page.agenda ul li a {
            color: black;
            text-decoration: underline;
            text-decoration-color: #ffd74f;
            text-decoration-thickness: 3px; }
      .main .page .close {
        position: absolute;
        top: 60px;
        right: 10px;
        width: 30px; } }
@media screen and (max-width: 1650px) {
  #artistcontainer .artistdetails {
    width: auto;
    margin: 0 20px;
    left: 0; }

  .main .tour.twocols .artist .artistnamecontainer {
    font-size: 40px; }
  .main .aaheadline {
    top: 15%;
    left: 25%; }
  .main .tourheadline p {
    font-size: 40px; } }
@media screen and (max-width: 1200px) {
  body.archiv21 .archiv21nav {
    bottom: unset;
    top: 79px; }
    body.archiv21 .archiv21nav ul li a {
      font-size: 14px; }
  body.archiv21 .main .artists #artistcontainer .artistdetails.associated {
    margin: 40px 20px 0 20px; }
  body.archiv21 .main .page {
    padding-top: 144px; }
    body.archiv21 .main .page .close {
      top: 144px; }

  body.archiv23 .archiv23nav {
    bottom: unset;
    top: 39px; }
    body.archiv23 .archiv23nav ul li a {
      font-size: 14px; }
  body.archiv23 .main .artists #artistcontainer .artistdetails.associated {
    margin: 40px 20px 0 20px; }
  body.archiv23 .main .page {
    padding-top: 100px; }

  .header .nav ul li {
    font-size: 14px; }
    .header .nav ul li ul {
      top: 38px; }
  .header .menu {
    top: 10px; }

  .main .aaheadline {
    top: 25%;
    left: 10%;
    width: 640px;
    height: 400px; }
    .main .aaheadline .text {
      font-size: 32px;
      padding: 120px 130px 0 240px; }
  .main .artists {
    padding-top: 37px; }
    .main .artists.twocols {
      flex-direction: column; }
      .main .artists.twocols .artist {
        width: 100vw;
        height: calc(50vh - 18.5px); }
        .main .artists.twocols .artist #agenda-soraya,
        .main .artists.twocols .artist #agenda-elenita {
          top: 60%;
          width: 110%;
          transform: rotate(5deg);
          font-size: 1.5em; }
        .main .artists.twocols .artist #agenda-neil,
        .main .artists.twocols .artist #agenda-andrea {
          top: 60%;
          width: 110%;
          transform: rotate(-5deg);
          font-size: 1.5em; }
      .main .artists.twocols .artistdetails.associated .left h1 {
        width: auto; }
      .main .artists.twocols .artistdetails.associated .left p {
        font-size: 1.3em; }
      .main .artists.twocols .artistdetails.associated .left .smallfont {
        font-size: 1em; }
  .main .tour {
    padding-top: 37px; }
    .main .tour.twocols {
      flex-direction: column; }
      .main .tour.twocols .artist {
        width: 100vw;
        height: calc(50vh - 18.5px); }
        .main .tour.twocols .artist .artistnamecontainer.first {
          bottom: 0; }
      .main .tour.twocols .artistdetails.associated .left h1 {
        width: auto; }
      .main .tour.twocols .artistdetails.associated .left p {
        font-size: 1.3em; }
      .main .tour.twocols .artistdetails.associated .left .smallfont {
        font-size: 1em; }
  .main #impressions {
    top: 37px; }
    .main #impressions .slide {
      background-size: contain; }
  .main .page .close {
    width: 25px; } }
@media screen and (max-height: 1050px) {
  .main .artists .artist #agenda-soraya,
  .main .artists .artist #agenda-elenita {
    top: 550px; }
  .main .artists .artist #agenda-neil,
  .main .artists .artist #agenda-andrea {
    top: 400px; }
  .main .artists .artist #agenda-soraya,
  .main .artists .artist #agenda-neil {
    font-size: 60px; } }
@media screen and (max-width: 880px) {
  body {
    font-size: 16px; }
    body.archiv21 .archiv21nav {
      bottom: unset;
      top: 43px; }
      body.archiv21 .archiv21nav ul {
        flex-wrap: wrap; }
        body.archiv21 .archiv21nav ul li:nth-child(1) {
          order: 2;
          flex-basis: 33.3%; }
        body.archiv21 .archiv21nav ul li:nth-child(2) {
          order: 3;
          flex-basis: 33.4%; }
        body.archiv21 .archiv21nav ul li:nth-child(3) {
          order: 4;
          flex-basis: 33.3%; }
        body.archiv21 .archiv21nav ul li:nth-child(4) {
          order: 1;
          flex: 100vw;
          padding: 0; }
          body.archiv21 .archiv21nav ul li:nth-child(4) a {
            display: block;
            padding: 12px 80px; }
    body.archiv21 .archiv21menu {
      display: block; }
    body.archiv21 .header, body.archiv21 .menu {
      display: none; }
    body.archiv23 .archiv23nav {
      bottom: unset;
      top: 0; }
      body.archiv23 .archiv23nav ul {
        flex-wrap: wrap; }
        body.archiv23 .archiv23nav ul li:nth-child(1) {
          order: 2;
          flex-basis: 33.3%; }
        body.archiv23 .archiv23nav ul li:nth-child(2) {
          order: 3;
          flex-basis: 33.4%; }
        body.archiv23 .archiv23nav ul li:nth-child(3) {
          order: 4;
          flex-basis: 33.3%; }
        body.archiv23 .archiv23nav ul li:nth-child(4) {
          order: 1;
          flex: 100vw;
          padding: 0; }
          body.archiv23 .archiv23nav ul li:nth-child(4) a {
            display: block;
            padding: 12px 80px; }
    body.archiv23 .archiv23menu {
      display: block; }
    body.archiv23 .header, body.archiv23 .menu {
      display: none; }

  .header .nav ul {
    flex-wrap: wrap; }
    .header .nav ul li {
      height: auto; }
      .header .nav ul li a {
        padding: 12px 10px; }
      .header .nav ul li:nth-child(1) {
        order: 2;
        flex-basis: 33.3%; }
      .header .nav ul li:nth-child(2) {
        order: 3;
        flex-basis: 33.4%; }
      .header .nav ul li:nth-child(3) {
        order: 4;
        flex-basis: 33.3%; }
      .header .nav ul li:nth-child(4) {
        order: 1;
        flex-basis: 100%;
        padding: 0; }
        .header .nav ul li:nth-child(4) a {
          display: block;
          padding: 12px 80px; }
      .header .nav ul li ul {
        position: relative;
        top: auto;
        width: 100%;
        height: 0;
        overflow: hidden; }
      .header .nav ul li.open ul {
        width: 100%;
        height: auto; }
  .header .menu {
    top: 2px; }

  .main .aaheadline {
    top: 30%;
    left: 10%;
    width: 440px;
    height: 380px; }
    .main .aaheadline .text {
      font-size: 24px;
      padding: 110px 100px 0 170px; }
  .main .logo {
    top: 50vh;
    left: 50vw;
    width: 240px;
    height: 240px; }
    .main .logo img {
      width: auto; }
  .main .artists {
    padding-top: 82px;
    position: relative; }
    .main .artists a {
      cursor: pointer; }
    .main .artists.twocols .artist {
      height: calc(50vh - 41px); }
    .main .artists .artist {
      width: 25vw; }
    .main .artists .headline_1 p {
      animation-duration: 9s; }
    .main .artists .headline_2 p {
      animation-duration: 8s; }
    .main .artists .headline_3 p {
      animation-duration: 7s; }
    .main .artists .socialmedia {
      bottom: 10px;
      right: 10px; }
      .main .artists .socialmedia .logo_sm {
        width: 35px;
        padding: 2px; }
    .main .artists #artistcontainer {
      position: fixed;
      bottom: auto;
      height: 100vh; }
      .main .artists #artistcontainer .artistdetails {
        margin: 20px 20px 0 20px; }
        .main .artists #artistcontainer .artistdetails .left .close {
          top: 5px;
          width: 40px; }
        .main .artists #artistcontainer .artistdetails .left h1 {
          padding: 10px; }
        .main .artists #artistcontainer .artistdetails .left h2 {
          padding: 20px 25px 0 25px;
          font-size: 13px; }
        .main .artists #artistcontainer .artistdetails .left hr {
          margin-left: 25px;
          margin-right: 25px; }
        .main .artists #artistcontainer .artistdetails .left p {
          padding-left: 25px;
          padding-right: 25px;
          font-size: 16px; }
        .main .artists #artistcontainer .artistdetails.associated .left .close {
          width: 20px;
          top: 15px; }
        .main .artists #artistcontainer .artistdetails.associated .left p {
          font-size: 1.1em; }
  .main .tour {
    padding-top: 82px;
    position: relative; }
    .main .tour a {
      cursor: pointer; }
    .main .tour.twocols .artist {
      height: calc(50vh - 41px); }
      .main .tour.twocols .artist .artistnamecontainer .projecttitle p {
        text-align: right; }
    .main .tour .artist {
      width: 25vw; }
    .main .tour .headline_1 p {
      animation-duration: 9s; }
    .main .tour .headline_2 p {
      animation-duration: 8s; }
    .main .tour .headline_3 p {
      animation-duration: 7s; }
    .main .tour .socialmedia {
      bottom: 10px;
      right: 10px; }
      .main .tour .socialmedia .logo_sm {
        width: 35px;
        padding: 2px; }
    .main .tour #artistcontainer {
      position: fixed;
      bottom: auto;
      height: 100vh; }
      .main .tour #artistcontainer .artistdetails {
        margin: 0;
        height: 100vh; }
        .main .tour #artistcontainer .artistdetails .left .close {
          top: 5px;
          width: 40px; }
        .main .tour #artistcontainer .artistdetails .left h1 {
          padding: 10px; }
        .main .tour #artistcontainer .artistdetails .left h2 {
          padding: 20px 25px 0 25px;
          font-size: 13px; }
        .main .tour #artistcontainer .artistdetails .left hr {
          margin-left: 25px;
          margin-right: 25px; }
        .main .tour #artistcontainer .artistdetails .left p {
          padding-left: 25px;
          padding-right: 25px;
          font-size: 16px; }
        .main .tour #artistcontainer .artistdetails.associated .left .close {
          width: 20px;
          top: 15px; }
        .main .tour #artistcontainer .artistdetails.associated .left p {
          font-size: 1.1em; }
  .main .page {
    left: -100vw;
    width: 100vw;
    height: auto;
    padding: 100px 20px 120px 20px;
    transition-duration: 0.3s; }
    .main .page .close {
      top: 100px;
      width: 20px;
      right: 10px; }
    .main .page.info {
      right: -100vw; }
      .main .page.info + .logo {
        top: 50vh; }
  .main #impressions {
    top: 82px; }
    .main #impressions .close {
      width: 20px;
      top: 10px;
      right: 10px; }
    .main #impressions .slide {
      background-size: contain; }
    .main #impressions .legende span {
      padding-top: 1px; }
    .main #impressions .legende .credits {
      font-size: 14px;
      padding-top: 2px; } }
@media screen and (max-width: 600px) {
  body {
    font-size: 14px; }

  body.archiv21 .main .artists #artistcontainer .artistdetails {
    padding-top: 50px !important; }
  body.archiv21 .main .artists #artistcontainer .artistdetails.associated {
    margin: unset; }
    body.archiv21 .main .artists #artistcontainer .artistdetails.associated .left h1 {
      top: 150px !important; }
    body.archiv21 .main .artists #artistcontainer .artistdetails.associated .left .close {
      top: 165px !important;
      right: 50px !important; }
  body.archiv21 .main .tour #artistcontainer .artistdetails {
    padding-top: unset !important; }
  body.archiv21 .main .tour #artistcontainer .artistdetails.associated .left .close {
    top: 165px !important;
    right: 50px !important; }

  body.archiv23 .main .artists #artistcontainer .artistdetails {
    margin: unset; }
    body.archiv23 .main .artists #artistcontainer .artistdetails .left .close {
      top: 20px;
      right: 50px; }
  body.archiv23 .main .artists #artistcontainer .artistdetails.associated {
    margin: unset; }
    body.archiv23 .main .artists #artistcontainer .artistdetails.associated .left h1 {
      top: 100px; }
    body.archiv23 .main .artists #artistcontainer .artistdetails.associated .left .close {
      top: 110px;
      right: 20px !important; }
  body.archiv23 .main .tour #artistcontainer .artistdetails.associated .left .close {
    top: 115px;
    right: 20px !important; }

  .archiv21nav ul li:nth-child(4) {
    padding-right: 0; }

  .archiv23nav {
    bottom: 28px; }
    .archiv23nav ul li:nth-child(4) {
      padding-right: 0; }

  .header .nav ul li:nth-child(1) {
    flex-basis: 30%; }
  .header .nav ul li:nth-child(2) {
    flex-basis: 40%; }
  .header .nav ul li:nth-child(3) {
    flex-basis: 30%; }

  .main .aaheadline {
    top: 50%;
    left: -10%;
    width: 500px;
    height: 200px; }
    .main .aaheadline .text {
      font-size: 24px;
      padding: 50px 80px 0 170px; }
  .main .logo {
    width: 160px;
    height: 160px; }
    .main .logo img {
      width: auto; }
  .main .artists {
    padding-top: 80px;
    position: relative; }
    .main .artists a {
      cursor: pointer; }
    .main .artists .artist {
      width: 50vw; }
    .main .artists .headline_1 p, .main .artists .headline_2 p, .main .artists .headline_3 p {
      font-size: 24px; }
    .main .artists .headline_1 p {
      animation-duration: 7s; }
    .main .artists .headline_2 p {
      animation-duration: 6s; }
    .main .artists .headline_3 p {
      animation-duration: 5s; }
    .main .artists #artistcontainer .artistdetails {
      flex-wrap: wrap;
      height: calc( 100vh - 120px ); }
      .main .artists #artistcontainer .artistdetails .left, .main .artists #artistcontainer .artistdetails .right {
        flex: unset;
        width: 100%; }
      .main .artists #artistcontainer .artistdetails .left .close {
        top: 5px;
        right: 0; }
      .main .artists #artistcontainer .artistdetails .left h1 {
        padding: 10px; }
      .main .artists #artistcontainer .artistdetails .left h2 {
        padding: 20px 25px 0 25px;
        font-size: 11px; }
      .main .artists #artistcontainer .artistdetails .left p {
        font-size: 14px; }
      .main .artists #artistcontainer .artistdetails .left .teaser {
        display: none; }
      .main .artists #artistcontainer .artistdetails .right {
        margin-top: 50px;
        margin-bottom: 50px; }
        .main .artists #artistcontainer .artistdetails .right .teaser {
          display: block;
          margin: 20px 0 125px 0; }
          .main .artists #artistcontainer .artistdetails .right .teaser p {
            padding: 0 25px;
            font-size: 14px; }
      .main .artists #artistcontainer .artistdetails.associated {
        border-top: 70px solid white; }
        .main .artists #artistcontainer .artistdetails.associated .left h1 {
          position: fixed;
          top: 100px;
          left: 25px;
          width: 350px; }
        .main .artists #artistcontainer .artistdetails.associated .left .close {
          position: fixed;
          top: 110px;
          right: 35px; }
        .main .artists #artistcontainer .artistdetails.associated .left .teaser {
          display: unset; }
        .main .artists #artistcontainer .artistdetails.associated .right .credits {
          font-size: 12px; }
  .main .tour {
    padding-top: 80px;
    position: relative; }
    .main .tour a {
      cursor: pointer; }
    .main .tour .artist {
      width: 50vw; }
    .main .tour.twocols .artist .artistnamecontainer {
      bottom: 64px;
      font-size: 24px; }
    .main .tour .headline_1 p, .main .tour .headline_2 p, .main .tour .headline_3 p {
      font-size: 24px; }
    .main .tour .headline_1 p {
      animation-duration: 7s; }
    .main .tour .headline_2 p {
      animation-duration: 6s; }
    .main .tour .headline_3 p {
      animation-duration: 5s; }
    .main .tour #artistcontainer .artistdetails {
      flex-wrap: wrap; }
      .main .tour #artistcontainer .artistdetails .left, .main .tour #artistcontainer .artistdetails .right {
        flex: unset;
        width: 100%; }
      .main .tour #artistcontainer .artistdetails .left .close {
        top: 5px;
        right: 0; }
      .main .tour #artistcontainer .artistdetails .left h1 {
        padding: 10px; }
      .main .tour #artistcontainer .artistdetails .left h2 {
        padding: 20px 25px 0 25px;
        font-size: 11px; }
      .main .tour #artistcontainer .artistdetails .left p {
        font-size: 14px; }
      .main .tour #artistcontainer .artistdetails .left .teaser {
        display: none; }
      .main .tour #artistcontainer .artistdetails .right {
        margin-top: 50px;
        margin-bottom: 50px; }
        .main .tour #artistcontainer .artistdetails .right .teaser {
          display: block;
          margin: 20px 0 125px 0; }
          .main .tour #artistcontainer .artistdetails .right .teaser p {
            padding: 0 25px;
            font-size: 14px; }
      .main .tour #artistcontainer .artistdetails.associated {
        border-top: 70px solid white; }
        .main .tour #artistcontainer .artistdetails.associated .left h1 {
          position: fixed;
          top: 100px;
          left: 25px;
          width: 350px; }
        .main .tour #artistcontainer .artistdetails.associated .left .close {
          position: fixed;
          top: 110px;
          right: 35px; }
        .main .tour #artistcontainer .artistdetails.associated .left .teaser {
          display: unset; }
        .main .tour #artistcontainer .artistdetails.associated .right .credits {
          font-size: 12px; }
  .main .tourheadline p {
    font-size: 30px; }
  .main .page {
    padding: 100px 20px 20px 20px; }
  .main #impressions {
    top: 80px;
    height: calc(100vh - 80px); }
    .main #impressions .legende .credits {
      font-size: 12px; } }
@media screen and (max-width: 450px) {
  body.archiv21 .archiv21nav {
    bottom: unset;
    top: 61px; }
  body.archiv21 .main .page {
    padding-top: 153px !important; }
  body.archiv23 .main .page {
    padding-top: 110px; }
    body.archiv23 .main .page .close {
      padding-top: 15px; }
  body .main .aaheadline {
    top: 15%;
    left: -10%;
    width: 380px;
    height: 160px; }
    body .main .aaheadline .text {
      font-size: 16px;
      padding: 46px 70px 0 140px; }
  body .main .artists #artistcontainer .artistdetails.associated {
    border-top: 70px solid white; }
    body .main .artists #artistcontainer .artistdetails.associated .left h1 {
      width: 300px; }
  body .main .artists.twocols .artist .artistname {
    width: 250px; }
    body .main .artists.twocols .artist .artistname .projecttitle {
      font-size: 16px; }
  body .main .page {
    padding: 110px 20px 20px 20px; }
    body .main .page .close {
      top: 110px; }
  body .main .tour #artistcontainer .artistdetails.associated {
    border-top: 70px solid white; }
    body .main .tour #artistcontainer .artistdetails.associated .left h1 {
      width: 300px; }
  body .main .tour.twocols .artist .artistnamecontainer {
    font-size: 20px; }
    body .main .tour.twocols .artist .artistnamecontainer .artistname {
      width: 250px; }
  body .main #impressions .gallery {
    padding: 0 30px; }
    body .main #impressions .gallery .slick-prev, body .main #impressions .gallery .slick-prev:before, body .main #impressions .gallery .slick-prev:hover {
      content: url(../images/arrow_left_white_small.png);
      left: -15px; }
    body .main #impressions .gallery .slick-next, body .main #impressions .gallery .slick-next:before, body .main #impressions .gallery .slick-next:hover {
      content: url(../images/arrow_right_white_small.png);
      right: -15px; } }