:root {
  --first-color: #000;
  --second-color: #fff;
  --third-color: #999;
  --fours-color: #eee;
}

::selection {
  color: var(--second-color);
  background-color: rgba(0,0,0,.99);
}

@font-face {
  font-family:"GT-America-Standard-Regular";
  src:url("../fonts/GT-America-Standard-Regular.eot") format("eot"),
  url("../fonts/GT-America-Standard-Regular.woff") format("woff");
}

@font-face {
  font-family:"GT-America-Standard-Regular-Italic";
  src:url("../fonts/GT-America-Standard-Regular-Italic.eot") format("eot"),
  url("../fonts/GT-America-Standard-Regular-Italic.woff") format("woff");
}

@font-face {
  font-family:"GT-America-Standard-Light";
  src:url("../fonts/GT-America-Standard-Light.eot") format("eot"),
  url("../fonts/GT-America-Standard-Light.woff") format("woff");
}

@font-face {
  font-family:"GT-America-Medium";
  src:url("../fonts/GT-America-Medium.eot") format("eot"),
  url("../fonts/GT-America-Medium.woff") format("woff");
}

@font-face {
  font-family:"GT-America-Condensed-Bold";
  src:url("../fonts/GT-America-Condensed-Bold.eot") format("eot"),
  url("../fonts/GT-America-Condensed-Bold.woff") format("woff");
}

@font-face {
  font-family:"SuisseWorks-Regular-WebXL";
  src:url("../fonts/SuisseWorks-Regular-WebXL.eot") format("eot"),
  url("../fonts/SuisseWorks-Regular-WebXL.woff") format("woff");
}

@font-face {
  font-family:"SuisseWorks-RegularItalic-WebXL";
  src:url("../fonts/SuisseWorks-RegularItalic-WebXL.eot") format("eot"),
  url("../fonts/SuisseWorks-RegularItalic-WebXL.woff") format("woff");
}

@font-face {
  font-family:"fontawesome";
  src:url("../fonts/fontawesome-webfont.eot") format("eot"),
  url("../fonts/fontawesome-webfont.woff") format("woff");
}

@font-face {
  font-family:"no-cutted-font";
  src:url("../fonts/biennale-fuer-aktuelle-fotografie_no-cut.eot") format("eot"),
  url("../fonts/biennale-fuer-aktuelle-fotografie_no-cut.woff") format("woff");
}

@font-face {
  font-family:"logo-font_top";
  src:url("../fonts/biennale-fuer-aktuelle-fotografie_logo-top.eot") format("eot"),
  url("../fonts/biennale-fuer-aktuelle-fotografie_logo-top.woff") format("woff");
}

@font-face {
  font-family:"cutted-font_top";
  src:url("../fonts/biennale-fuer-aktuelle-fotografie_full-cut-top.eot") format("eot"),
  url("../fonts/biennale-fuer-aktuelle-fotografie_full-cut-top.woff") format("woff");
}

/*++++++++++++++++++++++++++++++++++++++++
++++++++++++++++ Genrals +++++++++++++++++
++++++++++++++++++++++++++++++++++++++++*/

html, body {
  font-family: "GT-America-Standard-Regular";
  font-feature-settings: "ss01";
}

footer {
  font-family: "GT-America-Condensed-Bold";
  font-feature-settings: "ss01";
}

h1 {
  font-family: "GT-America-Condensed-Bold";
  font-feature-settings: "ss01";
  font-size: 4rem;
  line-height: 4.4rem;
  color: var(--first-color);
  margin: 36px 0 16px 0;
}

@media (max-width: 768px) {
  h1 {
    font-size: 3rem;
    line-height: 3.2rem;
    margin: 36px 0 16px 0;
  }
}

@media (max-width: 414px) {
  h1 {
      font-size: 10vw;
      line-height: 11vw;
  }
}

h2 {
  font-family: "GT-America-Condensed-Bold";
  font-feature-settings: "ss01";
  font-size: 2.1rem;
  color: var(--first-color);
}

@media (max-width: 768px) {
  h2 {
    font-size: 1.8rem;
  }
}

@media (max-width: 414px) {
  h2 {
    font-size: 7vw;
    line-height: 8.4vw;
  }
}

h3 {
  font-family: "GT-America-Condensed-Bold";
  font-feature-settings: "ss01";
  font-size: 1.7rem;
  line-height: 2.2rem;
  color: var(--first-color);
}

@media (max-width: 768px) {
  h3 {
    font-size: 1.4rem;
    line-height: 1.7rem;
  }
}

@media (max-width: 414px) {
  h3 {
    font-size: 4vw;
    line-height: 5vw;
  }
}


h4 {
  font-family: "GT-America-Standard-Regular";
  font-feature-settings: "ss01";
  font-size: 1.7rem;
  line-height: 2.2rem;
  color: var(--first-color);
}

@media (max-width: 768px) {
  h4 {
    font-size: 1.4rem;
    line-height: 1.7rem;
  }
}

@media (max-width: 414px) {
  h4 {
    font-size: 4vw;
    line-height: 5vw;
  }
}

h5 {
  font-family: "GT-America-Standard-Regular";
  font-feature-settings: "ss01";
  font-size: 1.3rem;
  line-height: 1.8rem;
  font-weight: 900;
  color: var(--first-color);
}

p {
  font-family: "GT-America-Standard-Regular";
  font-feature-settings: "ss01";
  font-size: 1.3rem;
  line-height: 1.8rem;
  color: var(--first-color);
}

@media (max-width: 414px) {
  p {
    font-size: 1rem;
    line-height: 1.4rem;
  }
}

a {
  font-family: "GT-America-Standard-Regular";
  font-feature-settings: "ss01";
  font-size: 1.3rem;
  line-height: 1.4rem;
  color: var(--first-color);
}

@media (max-width: 414px) {
  a {
    font-size: 1rem;
    line-height: 1.4rem;
  }
}

main p a:before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  margin: 0 4px 0 0;
  background-image: url(../img/ic_link.svg);
  background-size: 100%;
  background-repeat: no-repeat;
}

@media (max-width: 414px) {
  main p a:before {
    width: 12px;
    height: 12px;
    margin: 0 4px 0 0;
  }
}

main p a:before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  margin: 0 4px 0 0;
  background-image: url(../img/ic_link.svg);
  background-size: 100%;
  background-repeat: no-repeat;
}

a[download]:before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  margin: 0 4px 0 0;
  background-image: url(../img/ic_download.svg);
  background-size: 100%;
  background-repeat: no-repeat;
}

@media (max-width: 414px) {
  a[download]:before {
    width: 12px;
    height: 12px;
    margin: 0 4px 0 0;
  }
}

.caption {
  font-family: "GT-America-Standard-Regular-Italic";
  font-feature-settings: "ss01";
  font-size: .8rem;
  line-height: 1.4em;
  padding: 4px 0 0 0;
}

input {
  border-top: 0;
  border-left: 0;
  border-right: 0;
  border-bottom: 1px solid var(--first-color);
  outline: 0;
  width: 100%;
  padding: 4px 0;
  margin: 16px 0;
  display: block;
  font-family: "GT-America-Standard-Regular";
  font-feature-settings: "ss01";
  font-size: 1.3rem;
  line-height: 1.8rem;
}

::placeholder {
  color: var(--first-color);
  font-family: "GT-America-Standard-Regular";
  font-feature-settings: "ss01";
  font-size: 1.3rem;
  line-height: 1.8rem;
}


.jump-spacer {
  height: 200px;
  width: 100%;
}

@media (max-width: 1024px) {
  .jump-spacer {
    height: 20px;
  }
}

.nopadding {
  padding: 0 !important;
}

html, body {
  overflow-x: hidden;
  background: var(--second-color);
}

div#intro img.wallpaper {
  position: relative;
  z-index: 100;
  min-width: 100%;
  width: 100%;
  min-height: 100vh;
  height: 100vh;
  object-fit: cover;
}

div#intro img.logo {
  position: absolute;
  z-index: 101;
  left: calc(50% - 150px);
  top: calc(50vh - 150px);
  width: 300px;
}

#home {
  padding: 0;
}

div#main-wrapper {
  padding: 86px 53px 0 53px;
}

@media (max-width: 768px) {
  div#main-wrapper {
    padding: 98px 16px 0 16px;
  }
}

form#paypal input {
  width: 120px;
  border: 0;
}

/*++++++++++++++++++++++++++++++++++++++++
++++++++++++ Thumbnail News ++++++++++++++
++++++++++++++++++++++++++++++++++++++++*/

.category-nav ul {
  margin: 0;
}

.category-nav ul li {
  display: inline-block;
  margin: 0 0 8px 0;
}

.category-nav ul li a {
  display: block;
  background: var(--first-color);
  border: 1px solid var(--first-color);
  border-radius: 100px;
  padding: 4px 16px;
  font-size: 16px;
  letter-spacing: 0.5px;
  text-decoration: none;
  color: var(--second-color);
  transition: background .3s, border .3s, color .3s;
}

.category-nav ul li a:hover {
  background: var(--third-color);
  border: 1px solid var(--third-color);
  color: var(--second-color);
  transition: background .3s, border .3s, color .3s;
}

.category-nav ul li.selected a {
  background: var(--second-color);
  border: 1px solid var(--first-color);
  color: var(--first-color);
}

.owl-one.owl-carousel {
  height: calc((33.333333vw / 16 ) * 10);
}

@media (max-width: 991px) {
  .owl-one.owl-carousel {
    height: calc((50vw / 16 ) * 10);
  }
}

@media (max-width: 768px) {
  .owl-one.owl-carousel {
    height: calc((100vw / 16 ) * 5.1);
  }
}

@media (max-width: 767px) {
  .owl-one.owl-carousel {
    height: calc((100vw / 16 ) * 10);
  }
}

.owl-one.owl-carousel .owl-item img {
  object-fit: contain;
}

.owl-item video {
  object-fit: contain;
  width: 100%;
  max-height: 600px;
}

.owl-one.owl-carousel .owl-nav {
    position: absolute;
    width: 32px;
    pointer-events: none;
    right: 0;
    top: calc((33.333333vw / 16 ) * 10);
}

@media (max-width: 991px) {
  .owl-one.owl-carousel .owl-nav {
      top: calc((50vw / 16 ) * 10);
  }
}

@media (max-width: 768px) {
  .owl-one.owl-carousel .owl-nav {
      top: calc((100vw / 16 ) * 5.1);
  }
}

@media (max-width: 767px) {
  .owl-one.owl-carousel .owl-nav {
      top: calc((100vw / 16 ) * 10);
  }
}

.img-wrapper_thumb img,
.img-wrapper_thumb video {
  height: calc((33.333333vw / 16 ) * 10);
  object-fit: contain;
}

@media (max-width: 991px) {
  .img-wrapper_thumb img,
  .img-wrapper_thumb video {
    height: calc((50vw / 16 ) * 10);
  }
}

@media (max-width: 768px) {
  .img-wrapper_thumb img,
  .img-wrapper_thumb video {
    height: calc((100vw / 16 ) * 5.1);
  }
}

@media (max-width: 767px) {
  .img-wrapper_thumb img,
  .img-wrapper_thumb video {
    height: calc((100vw / 16 ) * 10);
  }
}

.img-wrapper_thumb video {
  width: 100%;
}

.thumb a, .thumb a:hover {
  color: var(--first-color);
  text-decoration: none;
  display: block;
}

a.img-link:before {
  display: none;
}

.thumb:hover h3 {
  text-decoration: underline;
  text-decoration-color: var(--first-color);
}

.thumb a:hover h3 {
  text-decoration: underline;
  text-decoration-color: var(--first-color);
}

.thumb h3 {
  display: block;
  padding: 8px 0 0 0;
}

.date, .date:hover {
  display: inline-block;
  font-size: 14px;
  letter-spacing: 0.5px;
  color: var(--first-color);
}

.time {
  display: inline-block;
  font-size: 14px;
  letter-spacing: 0.5px;
  color: var(--first-color);
}

.category-txt {
  display: inline-block;
  font-size: 14px;
  letter-spacing: 0.5px;
  color: var(--first-color);
}

.category-txt:after {
  content:" |";
  color: var(--first-color);
}


/*++++++++++++++++++++++++++++++++++++++++
++++++++++++++++ Störer ++++++++++++++++++
++++++++++++++++++++++++++++++++++++++++*/


.modal-box {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1000;
  background-color: rgba(0, 0, 0, .5);
  display: flex;
  align-items: center;
  justify-content: center;
}

.modal-wrapper {
  width: 70%;
  background-color: rgba(255, 255, 255, 1);
  position: relative;
}

@media (max-width: 768px) {
  .modal-wrapper {
    width: 90%;
  }
}

.modal-wrapper .modal-content {
  width: 100%;
  max-height: 80vh;
  border: 0;
  border-radius: 0;
  overflow-y: scroll;
  overflow-x: hidden;
}

.modal-wrapper img {
  object-fit: contain;
  min-height: 100%;
}

.modal-wrapper .text-content {
  padding: 32px;
}

.modal-wrapper .text-content h1 {
  margin:  0 0 24px 0;
}

.modal-wrapper .text-content h2 {
  margin: 0 0 12px 0;
}

.modal-wrapper .text-content p {
  font-size: 1.7rem;
  line-height: 2.2rem;
}

.modal-wrapper .text-content a {
  font-size: 1.7rem;
  line-height: 2.2rem;
}

.modal-wrapper .text-content a:before {
  width: 24px;
  height: 24px;
}

.modal-wrapper .text-content a[download]:before {
  width: 24px;
  height: 24px;
}


.modal-wrapper .btn-close {
  position: absolute;
  right: 0;
  top: -50px;
  color: #000;
  background: #fff;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 16px;
  cursor: pointer;
}

.modal-wrapper .btn-close:after {
  content: "";
  width: 24px;
  height: 24px;
  margin: 0 0 0 8px;
  display: inline-block;
  background-image: url(../img/ic_close.svg);
  background-size: 100%;
  vertical-align: bottom;
}

/*++++++++++++++++++++++++++++++++++++++++
++++++++++++++++ Anker Nav +++++++++++++++
++++++++++++++++++++++++++++++++++++++++*/


ul#anker-nav {
  position: absolute;
  z-index: 1;
  left: 0;
  display: block;
  padding: 0 53px;
  width: 100%;
  background-color: #fff;
}

@media (max-width: 1024px) {
  ul#anker-nav {
    display: none;
  }
}

ul#anker-nav.fixed-header {
  position: fixed;
  top: 48px;
  padding: 18px 0 18px 54px;
  box-shadow: 0px 9px 10px -8px rgb(0 0 0 / 30%);
}

ul#anker-nav li {
  display: inline-block;
  margin: 0 8px 0 0;
}

ul#anker-nav li a,
ul#anker-nav li a:hover {
  font-family: "GT-America-Condensed-Bold" !important;
  font-feature-settings: "ss01";
  font-size: 2.2rem;
  line-height: 3rem;
  text-decoration: none;
}

ul#anker-nav.fixed-header li a {
  font-size: 1.5rem;
  line-height: 2.2rem;
}

ul#anker-nav li a:hover {
  border-bottom: 2px solid #000;
}

ul#anker-nav li a:after {
  content: ", ";
  display: inline-block;
}

ul#anker-nav li:nth-last-child(1) a:after {
  display: none;
}

/*++++++++++++++++++++++++++++++++++++++++
++++++++++++++++ Footer ++++++++++++++++++
++++++++++++++++++++++++++++++++++++++++*/

.footer {
  padding: 16px 0;
  text-align: center;
  text-decoration: none;
  max-width: var(--content-width);
  margin: 0 53px 76px 53px;
  line-height: 1.5em;
  border-top: 1px solid var(--first-color);
}

@media (max-width: 1024px) {
  .footer {
    margin: 0 60px;
    border-bottom: 0;
  }
}

@media (max-width: 768px) {
  .footer {
    margin: 0 16px;
  }
}

.footer-item a {
  text-decoration: none;
}

ul.social-wrapper {
  margin: 16px 0 16px 0;
}

ul.social-wrapper li {
    display: inline-block;
    width: 32px;
    height: 32px;
    background: var(--first-color);
    text-align: center;
}

ul.social-wrapper li a {
    color: var(--second-color);
    width: 32px;
    height: 32px;
    font-size: 24px;
    line-height: 32px;
}

.wrapper-footer-copyright, .wrapper-footer-link, .wrapper-footer-partner {
  text-align: left;
}

@media (max-width: 768px) {
  .wrapper-footer-link {
    margin: 16px 0 0 0;
  }
}

.wrapper-footer-partner h3 {
    margin: 0 0 8px 24px;
}

@media (max-width: 990px) {
  .wrapper-footer-partner h3 {
      margin: 0 0 8px 48px;
  }
}

@media (max-width: 768px) {
  .wrapper-footer-partner h3 {
      margin: 0 0 8px 24px;
  }
}

.wrapper-footer-partner li {
    display: inline-block;
    width: 33.333%;
}

.wrapper-footer-partner div {
    display: inline-block;
    vertical-align: top;
    width: calc(100% + 48px);
    margin: 0 -24px 24px -24px;
}

@media (max-width: 990px) {
  .wrapper-footer-partner div {
      display: inline-block;
      vertical-align: top;
      width: calc(100% + 96px);
      margin: 0 -48px 24px -48px;
  }
}

@media (max-width: 768px) {
  .wrapper-footer-partner div {
      display: inline-block;
      vertical-align: top;
      width: calc(100% + 48px);
      margin: 0 -24px 24px -24px;
  }
}

.wrapper-footer-partner div:nth-last-child(1) {
  margin: 0 -24px 0 -24px;
}

@media (max-width: 990px) {
  .wrapper-footer-partner div:nth-last-child(1) {
    margin: 0 -48px 0 -48px;
  }
}

@media (max-width: 768px) {
  .wrapper-footer-partner div:nth-last-child(1) {
    margin: 0 -24px 0 -24px;
  }
}

.wrapper-footer-partner div figure {
  padding: 0 24px;
  margin: 0;
}

@media (max-width: 990px) {
  .wrapper-footer-partner div figure {
    padding: 0 48px;
    margin: 0;
  }
}

@media (max-width: 768px) {
  .wrapper-footer-partner div figure {
    padding: 0 24px;
    margin: 0;
  }
}

.wrapper-footer-partner div figure img {
  width: 100%;
  max-width: 180px;
  filter: grayscale(1) contrast(2);
}


.footer > a {
  margin-bottom: 1.5rem;
  border-top: 2px solid #000;
  width: 16.5rem;
  padding-top: .5rem;
  text-decoration: none;
}

.footer a:hover {
  text-decoration: underline;
}

.footer p, .footer a, .footer h3 {
  font-family: "GT-America-Standard-Regular";
  font-size: 14px;
  letter-spacing: 0.5px;
  line-height: 20px;
  display: block;
}

footer .footer-ad {
  width: 100%;
  color: var(--first-color);
  background: var(--second-color);
  text-align: left;
  font-size: 2.2rem;
  line-height: 2rem;
  padding: 0 30px 24px 28px;
  position: fixed;
  bottom: -100px;
  left: 0;
  z-index: 1;
  transition: bottom .3s;
}

@media (max-width: 1024px) {
  footer .footer-ad {
    display: none;
  }
}

footer .footer-ad.scrolled {
  bottom: 0;
  width: 100%;
  transition: bottom .3s;
}

.footer-ad img {
  width: 160px;
  margin: -14px 0 0 0;
}


@media (max-width: 990px) {
  footer .footer-type1 {
    border-bottom: 1px solid var(--first-color);
  }
}

@media (max-width: 990px) {
  footer .footer-type2 {
    margin: 16px 0 0 0;
  }
}