/*
Theme Name: Cicor Child
Theme URI: https://point-break.ch/
Template: Cicor
Author: the PB team
Author URI: https://point-break.ch/
Description: Cicor theme
Tags: one-column,accessibility-ready,custom-colors,custom-menu,custom-logo,editor-style,featured-images,footer-widgets,block-patterns,rtl-language-support,sticky-post,threaded-comments,translation-ready
Version: 1.6.1785153031
Updated: 2026-07-27 13:50:31

*/

/* navigation */
.navigation_wrapper{
  --ofs: 2.5vw;
  position: fixed;
  inset: 160px 0 0 auto;
  padding-top: 20px;
  text-align: right;
  overflow: hidden;
  user-select: none;
  z-index: 200;
  display: flex;
  flex-direction: column;
}
.home .is-section-heute .navigation_wrapper,
.home .is-section-morgen .navigation_wrapper{
  color: var(--dark);
}
html.with-fancybox body.hide-scrollbar .navigation_wrapper{
  right: calc(var(--fancybox-body-margin, 0px) + var(--fancybox-scrollbar-compensate, 0px));
}
.navigation_line{
  position: absolute;
  width: 1px;
  height: 100%;
  top: calc(((var(--fz-p) * 1.4) / 2) + 20px);
  right: var(--ofs);
  background: white;
  transform: translateX(50%);
}
.home .navigation_line,
.home .cpt-titles__heading::after, .home .cpt-titles__item--parent>.cpt-titles__title-label .cpt-titles__title::after, .home .point{
  transition: background-color 1s ease;
}
.single-heute .navigation_line,
.single-heute .cpt-titles__heading::after, .single-heute .cpt-titles__item--parent>.cpt-titles__title-label .cpt-titles__title::after, .single-heute .point,
.is-section-heute .navigation_line,
.is-section-heute .cpt-titles__heading::after, .is-section-heute .cpt-titles__item--parent>.cpt-titles__title-label .cpt-titles__title::after, .is-section-heute .point,
.is-section-morgen .navigation_line,
.is-section-morgen .cpt-titles__heading::after, .is-section-morgen .cpt-titles__item--parent>.cpt-titles__title-label .cpt-titles__title::after, .is-section-morgen .point{
  background: var(--dark);
}
.cpt-titles__group + .cpt-titles__group{
  margin-top: 68px;
}
.cpt-titles__title-label_inner, .cpt-titles__heading{
  padding-right: calc((var(--ofs) * 2) + 6px);
}
.cpt-titles__heading, .cpt-titles__item--parent>.cpt-titles__title-label .cpt-titles__title{
  position: relative;
}
.cpt-titles__title-label_inner, .cpt-titles__heading{
  cursor: pointer;
}
.cpt-titles__heading::after, .cpt-titles__item--parent>.cpt-titles__title-label .cpt-titles__title::after{
  content: '';
  position: absolute;
  top: 50%;
  width: calc(var(--ofs) * 0.7);
  height: 1px;
  background: white;
  z-index: 2;
}
.cpt-titles__heading::after{
  right: var(--ofs);
}
.cpt-titles__item--parent>.cpt-titles__title-label .cpt-titles__title::after{
  right: calc((var(--ofs) * -1) - 6px);
}
.cpt-titles__title, .cpt-titles__label{
  font-size: 0.8125rem;
  max-width: 158px;
  text-wrap: balance;
  display: block;
  position: relative;
}
.footer_impressum_link p{
  font-size: 0.625rem;
}
.footer_impressum_link{
  margin-top: auto;
  padding: 100px calc((var(--ofs) * 2) + 6px) 32px 0;
}
.cpt-titles__item--parent>.cpt-titles__title-label .cpt-titles__title, .cpt-titles__item--parent>.cpt-titles__title-label .cpt-titles__label{
  font-weight: 700;
}
.cpt-titles__title-label{
  /* padding-bottom: 32px; */
}
.cpt-titles__posts>div:last-child{
  padding-bottom: 32px;
}
.cpt-titles__posts>div{
  padding-top: 32px;
}
.cpt-titles__children .cpt-titles__title-label {
  padding-bottom: 24px;
}
.cpt-titles__children .cpt-titles__title-label:last-child{
  padding-bottom: 48px;
}
.cpt-titles__children .cpt-titles__title-label:first-child{
  padding-top: 32px;
}
.point_wrapper{
  position: absolute;
  top: 50%;
  right: calc(var(--ofs));
  transform: translate(50%, -50%);
  isolation: isolate;
  z-index: 4;
}
.cpt-titles__title .point_wrapper{
  right: calc((var(--ofs) * -1) - 6px);
}
.point{
  width: 11px;
  height: 11px;
  border-radius: 50%;
  background: white;
  display: block;
  opacity: 0;
}
.point_shadow{
  position: absolute;
  z-index: -1;
  width: 41px;
  height: 41px;
  opacity: .7;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: white;
  filter: blur(9px);
  border-radius: 50%;
  animation: pointPulse 3s ease-in-out infinite;
  background: transparent;
}
.home .point_shadow{
  transition: background-color 1s ease;
}
@keyframes pointPulse {
  0%,
  100% {
      transform: translate(-50%, -50%) scale(.9);
      opacity: .65;
  }
  50% {
      transform: translate(-50%, -50%) scale(1.1);
      opacity: .75;
  }
}
.cpt-titles__posts, .cpt-titles__children{
  display: none;
  /* display: block!important; */
}
.cpt-titles__heading .point_shadow{
  background: transparent;
}
.cpt-titles__group--frueher .cpt-titles__heading .point_shadow{
  display: none;
}
.cpt-titles__children>div, .cpt-titles__posts>div>div{
  opacity: 0;
  transition: opacity .4s ease;
}
.is_open + .cpt-titles__posts>div>div, .cpt-titles__item--parent.is_open .cpt-titles__children>div{
  transition-delay: var(--d);
  opacity: 1
}
body.single .navigation_wrapper{
  opacity: 0;
}
body.single .navigation_wrapper.is_ready{
  opacity: 1;
}
.has_data-id.is_current,
.home .has_data-id.is_active{
  color: var(--accent-color);
}
.home .has_data-id{
  transition: color 1s ease;
}
.has_data-id.is_current .point_shadow,
.has_data-id.is_current .point,
.has_data-id.is_current::after,
.home .has_data-id.is_active .point_shadow,
.home .has_data-id.is_active .point,
.home .has_data-id.is_active::after,
.home .cpt-titles__item--parent>.cpt-titles__title-label .is_active .cpt-titles__title::after{
  background: var(--accent-color);
}
.has_data-id.is_current .point, .cpt-titles__heading .point,
.home .has_data-id.is_active .point{
  opacity: 1;
}
.home .has_data-id .point{
  transition: opacity 1s ease, background-color 1s ease;
}
.home .cpt-titles__heading .point_shadow{
  transition: background-color 1s ease;
}
.home .cpt-titles__heading.is_active[data-id="frueher"]{
  color: white;
}
.home .cpt-titles__heading.is_active[data-id="frueher"]::after, .home .has_data-id.is_active[data-id="frueher"] .point{
  background-color: white;
}
.home .is-section-morgen .cpt-titles__group--morgen .has_data-id{
  color: white;
}
.is-section-morgen .cpt-titles__group--morgen .cpt-titles__heading::after, .is-section-morgen .cpt-titles__group--morgen .has_data-id .point,
.home .is-section-morgen .cpt-titles__group--morgen .point_shadow{
  background: white;
}

/* main box */
.home .site{
  padding-top: 0;
}
section.vc_section.main_section{
  padding-left: 0;
  padding-right: 0;
  --section-offset: 0;
}
section.vc_section.main_section .vc_column_container>.vc_column-inner{
  padding: 0;
}
.main_container{
  position: relative;
  min-height: 120vh;
  user-select: none;
  transition: color 1s ease;
}
.is-section-heute .main_container{
  color: var(--dark);
}
.main_container_inner{
  height: 100vh;
  position: sticky;
  top: 0;
  display: flex;
  overflow: hidden;
}
.main_container_border{
  border: 1px dashed tomato;
  position: fixed;
  inset: var(--hh) var(--spacing-f) 0;
  z-index: -1;
  display: none;
}
.main_box{
  position: relative;
  width: 100%;
  perspective: 800px;
  -moz-perspective: none;
  perspective-origin: center center;
  transform-style: preserve-3d;
}
.scroll_cta{
  position: absolute;
  left: 50%;
  bottom: 80px;
  transform: translateX(-50%);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  transition: opacity 1s ease;
  pointer-events: none;
}
.scroll_cta.is_hidden{
  opacity: 0;
}
.scroll_cta .lh-0{
  animation: scroll-bounce 2.4s ease-in-out infinite;
}

@keyframes scroll-bounce {
  0%, 100% {
    transform: translateY(0);
    opacity: 1;
  }
  50% {
    transform: translateY(8px);
    opacity: 0.5;
  }
}

@media (prefers-reduced-motion: reduce) {
  .scroll-arrow {
    animation: none;
  }
}

.scroll_cta_label{
  font-size: 0.8125rem;
}
.section_el,
.text_el,
.media_el{
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
}
/* section element */
.section_el.text_el .text_el_inner{
  gap: 24px;
}
.section_el_frueher.text_el{
  pointer-events: auto;
}
.section_el_frueher.text_el.is_half_visible{
  pointer-events: none;
}
.content_el h1, .content_el h2{
  text-wrap: balance;
}

/* text el */
.text_el{
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  padding: var(--hh) var(--spacing) 0;
  will-change: opacity;
  pointer-events: none;
  transform:
  translateZ(var(--tz));
}
.text_el_bgc{
  background: rgba(0,10,60, 0.8);
  transition: background-color 1s ease;
}
.is-section-heute .text_el_bgc{
  background: rgba(205,230,250, 0.8);
}
.text_el_inner{
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  gap: 48px;
  max-width: 1000px;
  margin-inline: auto;
  filter: blur(var(--blur, 0px));
  transform:
  scale(var(--scale, 1));
  will-change: transform, filter;
  transform-origin: center;
}

.text_el,
.section_el_frueher,
.section_el_heute,
.section_el_morgen{
  opacity: var(--opacity, 0);
}

/* media el */
.media_el{
  position: absolute;
  will-change: transform;
  pointer-events: none;
  opacity: var(--opacity, 0);
  transform:
    translate3d(var(--tx, 0px), var(--ty, 0px), var(--tz, 0px))
    rotateY(var(--roty, 0deg))
    rotateX(var(--rotx, 0deg))
    scale(var(--s, 1));
}
.media_el.hoch{
  width: 22%;
}
.media_el.quer{
  width: 12%;
}
.media_el a{
  display: flex;
  flex-direction: column;
  gap: 19px;
  text-decoration: none;
  filter: blur(2px);
  transition: filter .6s ease;
}
.media_el.is_visible, .media_el.is_navigatable{
  pointer-events: auto;
}
.media_el.is_visible.is_done{
  pointer-events: none;
}
.media_el.is_visible a{
  filter: blur(0);
}
.teaser_cta{
  font-size: .875rem;
  display: flex;
  align-items: center;
  gap: 24px;
  padding: 0 24px;
  margin: 0;
  justify-content: space-between;
  padding-bottom: 8px;
}
.media_el.quer .teaser_cta{
  padding: 0 16px;
}
.teaser_icon{
  flex-shrink: 0;
  transition: opacity .4s ease;
}
.teaser_image_video{
  color: var(--accent-color);
}
/* .teaser_icon_video{
  color: #CD9647;
} */
.media_wrapper{
  display: block;
  border-radius: 30px;
  overflow: hidden;
  position: relative;
}
.media_el .media_wrapper img, .media_el .media_wrapper video{
  object-fit: cover;
  width: 100%;
  height: auto;
}
.media_el .media_wrapper img{
  transition: transform .8s ease;
  transform: scale3d(1,1,1);
}
.media_el.hoch .media_wrapper img, .media_el.hoch .media_wrapper video{
  aspect-ratio: 575/400;
}
.media_el.quer .media_wrapper img, .media_el.quer .media_wrapper video{
  aspect-ratio: 276/380;
}
.teaser_icon svg{
  animation: pointarrow 3s ease-in-out infinite;
}
.media_wrapper_overlay{
  position: absolute;
  inset: 0;
  display: flex;
  background: rgba(0,130,237,.75);
  z-index: 2;
  align-items: center;
  justify-content: center;
  pointer-events: none;
  opacity: 0;
  transition: opacity .4s ease;
}
.media_wrapper_overlay svg{
  height: auto;
  width: 30%;
}
@keyframes pointarrow{
  0%,
  100% {
      transform:scale(.9);
      opacity: .85;
  }
  50% {
      transform: scale(1.1);
      opacity: 1;
  }
}
@media (hover: hover) and (pointer: fine) {
  /* .media_el a:hover .teaser_icon_video, .media_el a:hover .teaser_image_video{
    color: white;
  } */
  .media_el a:hover .media_wrapper img{
    transform: scale3d(1.066, 1.066, 1);
  }
  .media_el a:hover .teaser_icon{
    opacity: 0;
  }
  .media_el a:hover .media_wrapper_overlay{
    opacity: 1;
  }
  /* .is-section-heute  .media_el a:hover .teaser_icon_video, .is-section-heute .media_el a:hover .teaser_image_video{
    color: var(--dark);
  } */
}
.media_el.bottomleft{
  right: 56%;
  top: 56%;
  transform-origin: left bottom;
}

.media_el.bottomright{
  right: 15%;
  top: 58%;
  transform-origin: right bottom;
}

.media_el.topcenter{
  bottom: 60%;
  right: 36%;
  transform-origin: center top;
}

.media_el.bottomcenter{
  left: 23%;
  top: 60%;
  transform-origin: center bottom;
}

.media_el.topright{
  bottom: 58%;
  right: 12%;
  transform-origin: right top;
}

@media screen and (min-width: 1200px) {
  .media_el.has_video{
    width: 40%;
  }
  .media_el.bottomleft.has_video{
    right: 36%;
    top: 30%;
    --roty: 0deg!important;
    --rotx: 0deg!important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px){
  .media_el.hoch {
    width: 44%;
  }
  .media_el.quer {
    width: 24%;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) and (max-height: 980px){
  .media_el.hoch {
    width: 36%;
  }
  .media_el.quer {
    width: 20%;
  }
}
@media screen and (max-width: 767px){
  .media_el.hoch {
    width: 62%;
  }
  .media_el.quer {
    width: 36%;
  }
}
@media screen and (max-width: 1199px){
  .media_el{
    -webkit-transform:
      translateX(var(--mtx))
      translateY(var(--mty))
      translateZ(var(--tz))
      rotateY(var(--roty))
      rotateX(var(--rotx))
      scale(var(--s));
            transform:
      translateX(var(--mtx))
      translateY(var(--mty))
      translateZ(var(--tz))
      rotateY(var(--roty))
      rotateX(var(--rotx))
      scale(var(--s));
  }
  .media_el.bottomleft, .media_el.bottomcenter{
    right: auto;
    top: auto;
    bottom: 4%;
    left: var(--spacing-f);
    transform-origin: left bottom;
  }
  .media_el.topcenter, .media_el.topright{
    right: auto;
    top: 12%;
    bottom: auto;
    left: var(--spacing-f);
    transform-origin: top left;
  }
  .media_el.bottomright{
    right: var(--spacing-f);
    top: 38%;
    transform-origin: right center;
  }
  .media_el.quer .teaser_cta {
    padding: 0 8px;
  }
  .text_el_inner{
    padding: 0 16px;
  }
}

/* back_btn */
.home .top_btn{
  position: fixed;
  bottom: var(--section-offset);
  right: var(--spacing-f);
  z-index: 44;
}
html.with-fancybox body.hide-scrollbar.single{
  margin-right: calc(var(--fancybox-body-margin, 0px) + var(--fancybox-scrollbar-compensate, 0px));
}
@media screen and (min-width: 1729px){
  .single .entry-content{
    padding-top: 40px;
  }
}


.home .top_btn{
  opacity: 0;
  pointer-events: none;
  transition: opacity .5s ease;
}
.home .top_btn.is_visible{
  opacity: 1;
  pointer-events: auto;
}

/* eq col */
.single_section_eq_columns .wpb_text_column {
  --gap: 24px;
}
.single_title{
  --row-offset: 56px;
}
.single_section_eq_columns .vc_col-sm-6:first-child>div>div{
  padding-right: 9%;
}
.single_section_eq_columns .vc_col-sm-6:last-child>div>div{
  padding-left: 9%;
}

/* full */
.full_content_section>.vc_row{
  padding-right: max(21.5%, 150px);
}
.content_section_v1 .post-header-row{
  max-width: max(80%, 820px);
}
.content_section_v1 .vc_row:has(.post-header-row){
  margin-bottom: 80px;
}
.content_section_v1{
  --gap: 56px;
  --row-offset: 56px;
}
.post-header-row{
  display: grid;
  grid-gap: 40px;
}
.content_section_v2 .wpb_text_column {
  --gap: 24px;
}
.content_section_v2 .post-header-row{
  --gap: var(--row-offset);
  margin-right: -24%;
}
.content_section_v2{
  --gap: 64px;
}
.content_section_v2 .wpb_text_column + div:not(.wpb_text_column){
  margin-top: var(--gap);
}
.statements_section>.vc_row, .kundenstatements_section>.vc_row{
  padding-right: 150px;
}
/* home */
.entry-content section.home_content_section{
  padding-top: 0;
}
.home_content_section_title{
  --gap: var(--row-offset);
}


.fixed_gallery_column .vc_column-inner, .fixed_gallery_column .wpb_wrapper{
  height: 100%;
}
.fixed_gallery_column .wpb_wrapper{
  position: relative;
}
.fixed_gallery_column .image-grid_wrapper{
  position: sticky;
  --top: calc(var(--hh) + 40px);
  top: var(--top);
}
@media screen and (min-width: 1481px) and (max-width: 1728px){
  .content_section_v2 .post-header-row{
    margin-right: -20%;
  }
  .vertical_el.top_el {
    padding-top: 16px;
  }
  .single_section_eq_columns .vc_col-sm-6:first-child>div>div {
    padding-right: 4%;
  }
  .single_section_eq_columns .vc_col-sm-6:last-child>div>div {
    padding-left: 4%;
    padding-right: 16px;
  }
  .statement_inner{
    padding: 48px;
  }
  .statement__person {
    margin-top: 40px;
  }
  .statement {
    padding-bottom: 64px;
  }
  .statements{
    margin-bottom: -64px!important;
  }
  .kundenstatement.has_image .kundenstatement_content{
    padding-inline: 48px;
  }
  .cpt-titles__title, .cpt-titles__label {
    max-width: 140px;
  }
}
@media screen and (max-width: 1480px){
  .media_el a{
    gap: 16px;
  }
  .teaser_cta{
    font-size: .75rem;
    padding: 0 16px;
  }

}
@media screen and (min-width: 1200px) and (max-width: 1480px){
  .home_content_section>.vc_row>div>div>div{
    padding-right: calc(5vw + 146px)
  }
  .teaser_icon svg, .video_cta a svg{
    width: 24px;
    height: 24px;
  }
  .scroll_cta{
    bottom: 56px;
  }
  .text_el_inner{
    max-width: 720px;
  }
  .cpt-titles__title, .cpt-titles__label {
    font-size: 0.75rem;
    max-width: 140px;
  }
  .cpt-titles__heading::after, .cpt-titles__item--parent>.cpt-titles__title-label .cpt-titles__title::after {
    width: calc(var(--ofs) * 0.8);
  }
  .navigation_wrapper{
    padding-top: 0;
  }
  .navigation_line {
    top: calc((var(--fz-p) * 1.4) / 2);
  }
  .navigation_wrapper{
    top: 140px;
  }
  .cpt-titles__posts>div {
    padding-top: 24px;
  }
  .cpt-titles__group + .cpt-titles__group {
    margin-top: 48px;
  }
  .cpt-titles__posts>div:last-child {
    padding-bottom: 8px;
  }
  .cpt-titles__children .cpt-titles__title-label:first-child {
    padding-top: 24px;
  }
  .cpt-titles__children .cpt-titles__title-label {
    padding-bottom: 16px;
  }
  .cpt-titles__children .cpt-titles__title-label:last-child {
    padding-bottom: 8px;
  }
  .footer_impressum_link{
    padding-top: 64px;
    padding-bottom: 24px;
  }

  .single .entry-content{
    padding-right: calc(5vw + 146px);
  }
  .home .top_btn{
    bottom: 40px;
    right: calc(5vw + 146px + 16px);
  }
  .full_content_section>.vc_row, .statements_section>.vc_row, .kundenstatements_section>.vc_row{
    padding-right: 0;
  }
  .content_section_v1 .vc_row:has(.post-header-row){
    margin-bottom: 64px;
  }
  .content_section_v1 {
    --gap: 48px;
    --row-offset: 48px;
  }
  .statement_inner {
    padding: 40px 32px;
  }
  .statement__person {
    margin-top: 32px;
  }
  .statement{
    padding-bottom: 40px;
  }
  .statements{
    margin-bottom: -40px!important;
  }
  .single_section_eq_columns .vc_col-sm-6:first-child>div>div {
    padding-right: 2%;
  }
  .single_section_eq_columns .vc_col-sm-6:last-child>div>div {
    padding-left: 2%;
  }
  .vertical_el.top_el {
    padding-top: 16px;
  }
  .content_section_v2 .post-header-row{
    margin-right: 0;
  }
  .content_section_v2 {
    --gap: 48px;
  }
}

@media screen and (max-width: 1199px){
  .teaser_icon svg{
    width: 16px;
    height: 16px;
  }
  .video_cta a svg{
    width: 24px;
    height: 24px;
  }
  .cpt-titles__title, .cpt-titles__label{
    display: inline;
  }
  .entry-content .navigation_wrapper{
    display: none;
  }
 .home .top_btn{
    position: static;
    text-align: right;
  }
  .full_content_section>.vc_row,
  .statements_section>.vc_row, .kundenstatements_section>.vc_row{
    padding-right: 0;
  }
  .statement{
    padding-bottom: 20px;
  }
  .statement_inner {
    padding: 24px 20px;
    border-radius: 15px;
  }
  .statement__person {
    margin-top: 24px;
  }
  .statements{
    margin-bottom: -20px!important;
  }
  .content_section_v1 .post-header-row{
    max-width: 100%;
  }
  .post-header-row {
    grid-gap: 24px;
  }
  .content_section_v1 .vc_row:has(.post-header-row) {
    margin-bottom: 40px;
  }
  .content_section_v1 {
    --gap: 40px;
    --row-offset: 40px;
  }
  .single_section_eq_columns .vc_col-sm-6:first-child>div>div{
    padding-right: 0;
  }
  .single_section_eq_columns .vc_col-sm-6:last-child>div>div {
    padding-left: 0;
  }
  .single_title {
    --row-offset: 40px;
  }
  .content_section_v2 .post-header-row{
    margin-right: 0;
  }
  .content_section_v2 {
    --gap: 40px;
  }
  .content_section_v2{
    --column-gap: 0;
  }
  .media_wrapper{
    border-radius: 15px;
  }

}

@media screen and (max-width: 991px){
  .content_gallery_row{
    flex-direction: column-reverse;
    --column-gap: 0;
    gap: 40px;
  }
}
@media screen and (max-width: 767px){
  .statement{
    width: 100%;
  }
  .section_el_frueher.text_el{
    --fz-h1: 3rem;
  }
  .main_container_inner{
    height: 100svh;
  }
  .media_el.bottomleft, .media_el.bottomcenter{
    bottom: 0;
  }
  .scroll_cta{
    bottom: 40px;
  }
  .media_el a {
    gap: 8px;
  }
  .media_el.quer .media_wrapper img, .media_el.quer .media_wrapper video {
    aspect-ratio: 276 / 360;
  }
  .teaser_cta{
    gap: 16px;
  }
}