/*
Theme Name: xpolab
Theme URI: -
Description: WordPress Theme für Udo Wachtendonk
Author: Stefan Völker
Author URI: www.achtzwei.de
Version: 1.0
*/

body,
html {
  margin: 0;
  padding: 0;
  height: 100%;
}

.col-xl-6, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9 {
position: relative;
min-height: 0;
padding-right: 0;
padding-left: 0;
}

.row, .container, .container-fluid {
  margin: 0;
  padding: 0;
}

.row {
  padding: 0 5rem;
}

.container,
.in-fluid {
  margin-left: auto;
  margin-right: auto;
  padding: 0 5rem;
  max-width: 105rem;
}

/* --------------- GLOBAL SETUP --------------- */

:root {
  --main-black: #000000;
  --main-white: #FFFFFF;
  --main-red: #cf4432;
}

.background-black {
  background-color: var(--main-black);
}

.background-white {
  background-color: var(--main-white);
}

.background-green {
  background-color: var(--main-red);
}

body {
  font-family: 'Jost', sans-serif;
  -webkit-font-smoothing: antialiased;
  background-color: #f4f4f4;
}

img {
  width: 100%;
  height: auto;
  -moz-animation: fadein 3s;
  -webkit-animation: fadein 3s;
  -o-animation: fadein 3s;
  animation: fadein 3s;
}

.anchor {
  display: block;
  height: 1.25rem;
  margin-top: -1.25rem;
  visibility: hidden;
}

/* --------------- TYPOGRAHPY --------------- */

/* jost-regular - latin */
@font-face {
  font-family: 'Jost';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/jost-v13-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/jost-v13-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/jost-v13-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/jost-v13-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/jost-v13-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/jost-v13-latin-regular.svg#Jost') format('svg'); /* Legacy iOS */
}
/* jost-600 - latin */
@font-face {
  font-family: 'Jost';
  font-style: normal;
  font-weight: 600;
  src: url('fonts/jost-v13-latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/jost-v13-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/jost-v13-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/jost-v13-latin-600.woff') format('woff'), /* Modern Browsers */
       url('fonts/jost-v13-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/jost-v13-latin-600.svg#Jost') format('svg'); /* Legacy iOS */
}

/* montserrat-subrayada-regular - latin */
@font-face {
  font-family: 'Montserrat Subrayada';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/montserrat-subrayada-v17-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/montserrat-subrayada-v17-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/montserrat-subrayada-v17-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/montserrat-subrayada-v17-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/montserrat-subrayada-v17-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/montserrat-subrayada-v17-latin-regular.svg#MontserratSubrayada') format('svg'); /* Legacy iOS */
}

strong,
b {
  font-weight: 700;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: 600;
}

p, a {
  line-height: 1.4;
  font-size: 1rem;
}

p:last-child {
  margin-bottom: 0;
}

a {
  transition: all 0.4s;
  color: var(--main-black);
}

a:hover {
  color: var(--main-red);
  text-decoration: none;
}

/* --------------- HEADER --------------- */

.page-main-header {
  /* padding-top: 142px; */
  padding-top: 40px;
  padding-bottom: 24px;
  border-bottom: 10px solid var(--main-black);
}

.page-main-header {
  font-family: 'Montserrat Subrayada';
}

.header-col {
  padding-right: 40px;
}

.header-first-col a:hover {
  color: var(--main-black);
}

.header-first-col p {
  margin-bottom: 20px;
}

.header-logo-container {
  height: 80px;
  max-width: 300px;
  width: 100%;
}

.pool-logo {
  background-image: url('assets/xpolab_logo.png');
  background-image: url('assets/xpolab_logo.svg');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  height: 100%;
}

.header-fourth-col {
  padding-left: 60px;
  padding-right: 0;
}

.header-fourth-col p:first-child {
  margin-bottom: 0;
}


.header-second-col a:hover,
.header-third-col a:hover  {
  color: var(--main-red);
}

body.page-id-16 .header-fourth-col a.contact-link {
  color: var(--main-red);
}

body.page-id-18 .header-fourth-col a.imprint-link {
  color: var(--main-red);
}

body.page-id-20 .header-fourth-col a.privacy-link {
  color: var(--main-red);
}

/* --------------- PAGE MAIN CONTENT --------------- */

.main-page-container {
  padding-top: 32px;
}

/* --------------- MAIN CAROUSEL --------------- */

.main-carousel {
  width: 100%;
}

.carousel-cell {
  width: 75%;
  height: auto;
  margin-right: 0px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 10px;
}

.carousel-cell-image {
  display: block;
  max-height: 100%;
  width: 100%;
}

.image-slider {
  padding-bottom: 5rem;
}

/* --------------- TEXT CONTENT --------------- */

.text-content {
  padding-bottom: 5rem;
}

.text-content p {
  color: var(--main-red);
}

/* --------------- IMAGE CONTENT --------------- */

.image-content {
  padding-bottom: 5rem;
}

.image-container {
  padding-right: 20px;
}

.image-text-left,
.image-text-right {
  padding-bottom: 72px;
}

/* --------------- EXHIBTION CONTENT --------------- */

.exhibtion-archive-title p {
  font-family: 'Montserrat Subrayada';
}

.exhibtion-content {
  padding-bottom: 5rem;
}

.exhibtion-container {
  padding-right: 20px;
}

.current-exhibtion-date p ,
.current-exhibtion-text {
  color: var(--main-red);
}

.divider-container {
  padding-top: 10px;
}

.divider-container-top {
  padding: 10px 0;
}

.divider {
  width: 100%;
  height: 2px;
}

.exhibition-row {
  padding-bottom: 160px;
}

.exhibtion-container-right {
  padding-top: 31px;
}

.exhibtion-container-right img,
.exhibtion-container-right video {
  padding-bottom: 20px;
}

.exhibtion-container-left {
  padding-bottom: 20px;
}

#sticky {
  position: -webkit-sticky;
  position: sticky;
  top: 22px;
}

.soon-link-container {
  margin-bottom: 0;
}

/* --------------- 404 PAGE --------------- */

body.error404 .text-content h2 {
  color: var(--main-red);
}
/* --------------- RESPONSIVE 1199PX --------------- */
@media (max-width: 1199.98px) {

  .row {
    padding: 0 2.5rem;
  }

  /* --------------- HEADER 1199PX --------------- */

  .page-main-header {
    /* padding-top: 5rem; */
    padding-top: 20px;
  }

  .header-logo-container {
    height: 64px;
    max-width: 250px;
  }

  .header-col.header-first-col {
    padding-left: 0;
    padding-right: 40px;
  }

  .header-col {
    padding: 0;
  }

  .header-col.header-third-col {
    padding-left: 20px;
    padding-right: 0;
  }

  .header-fourth-col {
    padding-left: 20px;
  }

  /* --------------- TEXT CONTENT 1199PX --------------- */

  .text-content {
    padding-bottom: 5rem;
  }

  /* --------------- IMAGE CONTENT 1199PX --------------- */

  .image-container {
    padding-right: 0;
  }

  .image-container-left {
    padding-right: 20px;
  }

  .image-container-right {
    padding-left: 20px;
  }

  /* --------------- EXHIBITION CONTENT 1199PX --------------- */

  .row.exhibition-row {
    padding-bottom: 80px;
  }
  
  .exhibtion-container-video {
    padding-top: 0;
  }

  .exhibtion-container-video video {
    padding-bottom: 13px;
  }

}

/* --------------- RESPONSIVE 991PX --------------- */
@media (max-width: 991.98px) {

  .container,
  .in-fluid {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .row {
    padding: 0 2.5rem;
  }

  .anchor {
    display: block;
    height: 2.5rem;
    margin-top: -2.5rem;
    visibility: hidden;
  }

  /* --------------- HEADER 991PX --------------- */

  .header-fourth-col {
    padding-left: 20px;
    padding-top: 20px;
  }

  /* --------------- IMAGE CONTENT 991PX --------------- */

  .image-container-left,
  .image-container-right  {
    padding: 0 0 20px 0;
  }

  .image-text-left {
    padding-top: 0;
    padding-bottom: 36px;
  }

  .image-text-right {
    padding-top: 72px;
    padding-bottom: 36px;
  }

  .soon-link-container,
  .archive-link {
    display: none;
  }

}

/* --------------- RESPONSIVE 767PX --------------- */
@media (max-width: 767.98px) {

  .container,
  .in-fluid {
    padding: 0 1.25rem;
  }

  .row {
    padding: 0 1.25rem;
  }

  /* --------------- HEADER 767PX --------------- */

  .header-first-col p {
    margin-bottom: 10px;
  }

  .header-logo-container {
    height: 57px;
    width: 240px;
  }

  .header-col.header-second-col,
  .header-col.header-third-col,
  .header-col.header-fourth-col {
    padding-left: 0;
    padding-top: 20px;
  }

  /* --------------- TEXT CONTENT 767PX --------------- */

  .text-content {
    padding-left: 0;
    padding-bottom: 5rem;
  }

  /* --------------- EXHIBTION 767PX --------------- */

  .exhibtion-container {
    padding-right: 0px;
  }

  .exhibtion-container-right {
    padding-top: 0;
  }

  .row.exhibition-row {
    padding-bottom: 80px;
  }

  .exhibtion-container-video {
    padding-top: 0;
  }

  .exhibtion-container-video video {
    padding-bottom: 13px;
  }


}
