/*  MICROTHEMER STYLES  */

/*= Full Code Editor CSS ====== */

:root {
  --ap-page-width: 1280px !important;
  --ap-page-width-half: 640px !important;
  --ap-page-width-down: 1279px !important;
  --ap-page-width-padding: 1250px !important;
  --ap-bp-s: 480px !important;
  --ap-bp-s-half: 240px !important;
  --ap-bp-s-down: 479px !important;
  --ap-bp-m: 768px !important;
  --ap-bp-m-half: 384px !important;
  --ap-bp-m-down: 767px !important;
  --ap-bp-l: 992px !important;
  --ap-bp-l-half: 496px !important;
  --ap-bp-l-down: 991px !important;
  --admin-bar: 0px !important;
  --logo-height: 100% !important;
  --header-height: 150px !important;
}

/*
    @media (min-width: $ap-bp-s) {
    	// min-s | is | mins 
    }
    
    @media (min-width: $ap-bp-m) {
    	// min-m | im | minm
    }
    
    @media (min-width: $ap-bp-l) {
    	// min-l | il | minl
    }
    
    @media (min-width: $ap-page-width) {
    	// min-xl | ix | minxl
    }
    
    // ===== 
    
    @media (max-width: $ap-page-width) {
    	// max-xl | ax | maxxl
    }
    
    @media (max-width: $ap-bp-l) {
    	// max-l | al | maxl
    }
    
    @media (max-width: $ap-bp-m) {
    	// max-m | am | maxm
    }
    
    @media (max-width: $ap-bp-s) {
    	// max-s | as | maxs
    }
*/

/*= General =================== */

/** General >> body **/
body .ap-mainbar-title-holder {
  grid-gap: var(--space-s) !important;
  gap: var(--space-s) !important;
}

body .youtubeplayer iframe {
  height: auto !important;
  width: 100% !important;
  aspect-ratio: 16 / 9 !important;
}


/*= Header ==================== */

/** Header >> Main Banner **/
@media (max-width: 768px) {
  body .main-banner-full [class*=image] {
    height: auto !important;
  }

  body .main-banner-full [class*=image] img {
    height: auto !important;
    aspect-ratio: unset !important;
  }

  body .main-banner-wrapper [class*=caption] {
    margin-left: 0 !important;
    padding: 20px !important;
  }

  body .main-banner-wrapper h1 {
    margin-left: 20px !important;
    margin-top: var(--space-m) !important;
    width: calc(100% - 40px) !important;
  }

  body #ct_inner_wrapper.root-elemenet {
    margin-top: 0 !important;
  }
}

/** Header >> Title **/
body {
  /* END MAX WIDTH */
}

@media (max-width: 768px) {
  body .ap-mainbar-title-holder.ap-menu {
    -webkit-flex-direction: column !important;
    -moz-flex-direction: column !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
    grid-gap: 2px !important;
    gap: 2px !important;
  }

  body .ap-mainbar-title-holder:not(.ct-section):not(.oxy-easy-posts):not(.ap-menu),
  body .ap-mainbar-title-holder.oxy-easy-posts .oxy-posts,
  body .ap-mainbar-title-holder.ct-section .ct-section-inner-wrap {
    -webkit-flex-direction: row !important;
    -moz-flex-direction: row !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }

  body .ap-mainbar a {
    font-size: var(--text-s) !important;
  }

  body-subtitle {
    font-size: var(--text-s) !important;
  }
}

@media (min-width: 1280px) {
  body .ap-mainbar-title-icons {
    margin-right: 10px !important;
  }
}

/** Header >> mainheader **/
body #mainheader {
  top: 0 !important;
}


/*= Content =================== */

/** Content >> home **/
body.home :not(.home-loop-has-image).post-type-ausstellung {
  background-color: white !important;
}

@media (max-width: 768px) {
  body.home #global-animation-inner > div {
    display: -webkit-box !important;
    display: -moz-box !important;
    display: -ms-flexbox !important;
    display: -webkit-flex !important;
    display: flex !important;
    -webkit-align-items: center !important;
    align-items: center !important;
    -webkit-flex-direction: row !important;
    -moz-flex-direction: row !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important;
    -webkit-justify-content: center !important;
    justify-content: center !important;
    -webkit-align-content: center !important;
    align-content: center !important;
    -webkit-flex-wrap: wrap !important;
    -moz-flex-wrap: wrap !important;
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }

  body.home #global-animation-inner > div.animation-logo-5 img {
    max-width: 35vw !important;
  }

  body.home #global-animation-inner > div img {
    width: 100% !important;
    height: auto !important;
    margin-top: auto !important;
  }
}

@media (max-width: 768px) {
  body .home-loop-fig {
    min-height: unset !important;
  }
}

/** Content >> Popup **/
body .wp-post-modal #subpage-logo-holder {
  display: none !important;
}

/** Content >> YouTube **/
body .youtubeplayer-inner {
  width: 100% !important;
}

/** Content >> General **/
@media (max-width: 768px) {
  body #inner-wrapper {
    margin-top: 45px !important;
  }
}

/** Content >> Interviews **/
body.page-id-25383 .ap-mainbar-subtitle,
body.page-id-25400 .ap-mainbar-subtitle {
  display: none !important;
}

body.page-id-25383 #ct_inner_wrapper,
body.page-id-25400 #ct_inner_wrapper {
  width: 100vw !important;
  max-width: none !important;
}

body.page-id-25383 #ct_inner_wrapper .apro-youtube-playlist,
body.page-id-25400 #ct_inner_wrapper .apro-youtube-playlist {
  margin-left: -130px !important;
  padding-top: var(--space-xl) !important;
  display: -webkit-box !important;
  display: -moz-box !important;
  display: -ms-flexbox !important;
  display: -webkit-flex !important;
  display: flex !important;
  grid-gap: var(--space-m) !important;
  gap: var(--space-m) !important;
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

body.page-id-25383 #ct_inner_wrapper .apro-youtube-item,
body.page-id-25400 #ct_inner_wrapper .apro-youtube-item {
  -webkit-flex-basis: calc(50% - var(--space-m)) !important;
  flex-basis: calc(50% - var(--space-m)) !important;
}

body.page-id-25383 #ct_inner_wrapper .apro-youtube-item a,
body.page-id-25400 #ct_inner_wrapper .apro-youtube-item a {
  display: -webkit-box !important;
  display: -moz-box !important;
  display: -ms-flexbox !important;
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-align-items: flex-start !important;
  align-items: flex-start !important;
  grid-gap: var(--space-m) !important;
  gap: var(--space-m) !important;
  border: none !important;
  border-top: 2px solid #000 !important;
  padding-top: var(--space-m) !important;
}

body.page-id-25383 #ct_inner_wrapper .apro-youtube-item h3,
body.page-id-25400 #ct_inner_wrapper .apro-youtube-item h3 {
  margin-bottom: var(--space-m) !important;
}


/*= Footer ==================== */

/** Footer >> Slider - Footer **/
body .swiper-slide.post-type-bg-ausstellung {
  background-color: white !important;
}

/** Footer >> Main - Footer **/
@media only screen and (max-width: 699px) {
  body #mainfooter > .ct-section-inner-wrap #div_block-92-37 .ct-div-block.fc3 ul,
  body #mainfooter > .ct-section-inner-wrap #div_block-92-37 .ct-div-block.fc2 ul {
    grid-gap: var(--space-m) !important;
    gap: var(--space-m) !important;
  }
}

@media (max-width: 480px) {
  body #mainfooter > .ct-section-inner-wrap #div_block-92-37 .ct-div-block.fc3 ul,
  body #mainfooter > .ct-section-inner-wrap #div_block-92-37 .ct-div-block.fc2 ul {
    grid-gap: var(--space-s) !important;
    gap: var(--space-s) !important;
  }
}

@media (max-width: 480px) {
  body #mainfooter > .ct-section-inner-wrap #div_block-92-37 .ct-div-block.fc3 ul li a,
  body #mainfooter > .ct-section-inner-wrap #div_block-92-37 .ct-div-block.fc2 ul li a {
    -webkit-flex-wrap: wrap !important;
    -moz-flex-wrap: wrap !important;
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }
}

@media (max-width: 480px) {
  body #mainfooter > .ct-section-inner-wrap #div_block-92-37 .ct-div-block.fc3 ul li a,
  body #mainfooter > .ct-section-inner-wrap #div_block-92-37 .ct-div-block.fc3 ul li a span,
  body #mainfooter > .ct-section-inner-wrap #div_block-92-37 .ct-div-block.fc2 ul li a,
  body #mainfooter > .ct-section-inner-wrap #div_block-92-37 .ct-div-block.fc2 ul li a span {
    font-size: calc(var(--text-s) / 1.2) !important;
  }
}

@media only screen and (max-width: 699px) {
  body #mainfooter > .ct-section-inner-wrap #div_block-92-37 .ct-div-block.fc2 {
    padding-left: calc(var(--space-m) / 2) !important;
  }
}


/*= Ausstellung =============== */

/** Ausstellung >> Überschrift **/
body .ct_custom_wrapper {
  width: 100% !important;
  max-width: 1100px !important;
  display: -webkit-box !important;
  display: -moz-box !important;
  display: -ms-flexbox !important;
  display: -webkit-flex !important;
  display: flex !important;
  margin-top: var(--space-xxl) !important;
}

@media only screen and (min-width: 1479px) {
  body .ct_custom_left {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: -webkit-box !important;
    display: -moz-box !important;
    display: -ms-flexbox !important;
    display: -webkit-flex !important;
    display: flex !important;
    width: 130px !important;
  }

  body .ct_custom_right {
    display: block !important;
    width: calc(100% - 130px) !important;
  }
}