/*
Theme Name: COMMSUMMIT Child
Theme URI: https://point-break.ch
Template: COMMSUMMIT
Author: the PB team
Author URI: https://point-break.ch
Description: COMMSUMMIT 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.0.1751977546
Updated: 2025-07-08 14:25:46

*/

/* ===========================================
------------------GENERAL---------------------
============================================== */
body{
/*  section styles*/
  --spacing: min(165px, 10vw);
  --section-offset: 70px;
/*  row styles*/
  --max-width: 1398px;
  --row-offset: 80px;
/*  column styles*/
  --column-gap: 56px;
/*elements styles*/
  --default-gap: 32px;

/*  header height*/
  --hh: 147px;

/*font*/
 --font-family: 'Rubik';
 --font-color: #1D1D1B;

 /* colors */
 --pink: #E60064;
 --grau: #E3E3E3;
}
@media screen  and (min-width: 1200px) and (max-width: 1480px){
 body{
   /*  section styles*/
     --spacing: 7vw;
     --section-offset: 64px;
   /*  row styles*/
     --row-offset: 72px;
   /*elements styles*/
     --default-gap: 28px;
    /*  header height*/
      --hh: 116px;
 }
}
@media screen  and (min-width: 768px) and (max-width: 1199px){
   body{
     /*  section styles*/
       --spacing: 48px;
       --section-offset: 56px;
     /*  row styles*/
       --row-offset: 64px;
     /*elements styles*/
       --default-gap: 24px;
      /*  header height*/
        --hh: 100px;
   }
}
@media screen and (max-width: 767px){
  body{
    /*  section styles*/
      --spacing: 20px;
      --section-offset: 40px;
    /*  row styles*/
      --row-offset: 48px;
    /*elements styles*/
      --default-gap: 24px;
     /*  header height*/
       --hh: 70px;
  }
}
*{
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  word-break: break-word;
  word-wrap: break-word;
}
body .vc_section, body{
  margin: 0;
}
body{
   background: var(--grau);
}
.edit-link{
  display: none;
}
.grecaptcha-badge {
  visibility: hidden;
}
.site{
  padding-top: var(--hh, 100px);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 100vh;
}
.lh-0{
  line-height: 0;
}
html.with-fancybox body.hide-scrollbar .site_header{
  margin-right: calc(var(--fancybox-body-margin, 0px) + var(--fancybox-scrollbar-compensate, 0px));
}
.wpb_single_image .vc_figure, .wpb_single_image .vc_single_image-wrapper{
  display: block;
}
.full_image img{
  max-width: 100%!important;
}

/* @sections */
section.vc_section, .wpb-content-wrapper>.vc_row{
  padding-left: var(--spacing, 7vw);
  padding-right: var(--spacing, 7vw);
}
.vc_section.full_width{
  padding-left: 0;
  padding-right: 0;
}
.vc_section.full_width_section>.vc_row{
  margin-left: 0;
  margin-right: 0;
}
.entry-content section, .wpb-content-wrapper>.vc_row{
  padding-top: var(--section-offset, 100px);
  padding-bottom: var(--section-offset, 100px);
}
.entry-content .vc_section.vc_section-has-fill+.vc_section, .entry-content .vc_section.vc_section-has-fill{
  padding-top: calc(var(--section-offset, 100px) * 1.3);
}
.entry-content .vc_section.vc_section-has-fill{
  padding-bottom: calc(var(--section-offset, 100px) * 1.3);
}
.vc_section:not(.vc_section-has-fill) + .vc_section.vc_section-has-fill{
  margin-top: calc(var(--section-offset, 100px) * .3);
}
.entry-content .vc_section:first-child:not(.home_hero){
  padding-top: calc(var(--section-offset, 100px) * 2.3);
}
.entry-content .vc_section.home_hero{
  padding-top: calc(var(--section-offset, 100px) * 1.4);
}
.entry-content .vc_section:last-child{
  padding-bottom: calc(var(--section-offset, 100px) * 2);
}
.vc_section>.vc_row{
  max-width: var(--max-width, 1500px);
  width: 100%;
}
.vc_section>.vc_row, .wpb-content-wrapper>.vc_row{
  margin-left: auto;
  margin-right: auto;
}
.wpb-content-wrapper>.vc_row{
  max-width: calc(var(--max-width, 1500px) + (var(--spacing, 7vw) * 2));
}
/* @row */
.vc_row{
  margin-bottom: var(--row-offset, 80px);
}
.entry-content .vc_section.vc_section-has-fill+.vc_row-full-width+.vc_section,
.entry-content .vc_col-has-fill>.vc_column-inner, .entry-content .vc_row-has-fill+.vc_row-full-width+.vc_row>.vc_column_container>.vc_column-inner, .entry-content .vc_row-has-fill+.vc_row>.vc_column_container>.vc_column-inner, .entry-content .vc_row-has-fill>.vc_column_container>.vc_column-inner{
  padding-top: 0;
}
.master_row .vc_row{
  margin-left: 0;
  margin-right: 0;
}
.master_row .vc_row .vc_column_container>.vc_column-inner, section.full_width>.vc_row>.vc_column_container>.vc_column-inner, .vc_row.full_width_row .vc_column_container>.vc_column-inner{
  padding-left: 0;
  padding-right: 0;
}

/* @elements */
.wpb_content_element, .vc_do_btn, .wpb_wrapper .vc_tta-container, .vc_do_message, .vc_row .vc_row{
  margin-bottom: var(--gap, var(--default-gap, 32px));
}
.wpb_content_element:last-child, .vc_do_btn:last-child, .wpb_wrapper .vc_tta-container:last-child, .vc_row .vc_row:last-child, .vc_row .vc_do_message:last-child, .vc_row .vc_row:last-child, .vc_row:last-child, .wpb_content_element.mb-0{
  margin-bottom: 0;
}
.clear{
  --gap: 0;
}
.gap-40{
  --gap: 40px;
}
.gap-24{
  --gap: 24px;
}
.gap-16{
  --gap: 16px;
}
.gap-8{
  --gap: 8px;
}
@media screen and (max-width: 960px){
  .wpb_column {
    margin-top: var(--column-gap, 48px);
  }
  .wpb_column:first-child, .wpb_column:has(.wpb_wrapper:empty){
    margin-top: 0;
  }
  .clear_column{
    --column-gap: 0;
  }
}
/* @fonts */
body{
  font-family: var(--font-family, 'arial'),sans-serif;
  color: var(--font-color, black);
  letter-spacing: 0;
  cursor: default;
}
button, input, textarea, select{
  font-family: inherit;
}
p:last-child, .clear_text p{
  margin-bottom: 0;
}
h1, h2, h3, h4, h5, h6, p{
  margin-top: 0;
}
.white_text{
  color: white;
}
@font-face {
  font-family: "Rubik";
  font-weight: 700;
  font-style: normal;
  src: url("/wp-content/themes/COMMSUMMIT-child/fonts/Rubik-Bold.ttf") format("truetype");
}
@font-face {
  font-family: "Rubik";
  font-weight: 400;
  font-style: normal;
  src: url("/wp-content/themes/COMMSUMMIT-child/fonts/Rubik-Regular.ttf") format("truetype");
}
h1, .h1 *{
  font-size: 4.75rem;
  line-height: 1.28;
  font-weight: 700;
  letter-spacing: 0;
}
h2, .h2 *{
  font-size: 4.5rem;
  line-height: normal;
  font-weight: 700;
  letter-spacing: 0;
}
h3, .h3 *, .title_m *, .h2_like_h3 h2{
  font-size: 2.9375rem;
  line-height: 1.28;
  font-weight: 700;
  letter-spacing: 0;
}
h4, .h4 *, .title_s *{
  font-size: 2.125rem;
  line-height: 1.32;
  font-weight: 700;
  letter-spacing: 0;
}
.lead_text *{
  font-size: 2rem;
  line-height: 1.32;
  font-weight: 700;
  letter-spacing: 0.64px;
  text-transform: uppercase;
}
h5, h6, li, p, .wpcf7 form .wpcf7-response-output{
  font-size: 1.6875rem;
  line-height: 1.24;
  letter-spacing: 0.54px;
  font-weight: 400;
}
p, .wpb_text_column ul{
  margin-bottom: 24px;
}
.white_text{
  color: white;
}
em{
  color: var(--pink);
  font-style: normal;
}
.black_highlight em{
  color: var(--font-color);
}
.description_text p{
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.32;
  letter-spacing: 0.72px;
}
/* .wpb_text_column ul {
  list-style: none;
  padding: 0;
  margin: 0 0 24px;
}
.wpb_text_column ul li {
  position: relative;
  padding-left: 40px;
  margin-bottom: 8px;
}
.wpb_text_column ul li::before{
  content: '';
  position: absolute;
  width: 24px;
  background-image: url(/wp-content/uploads/2025/05/Frame-71.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  left: 0;
  top: 0;
  bottom: 2px;
} */
@media screen  and (min-width: 1200px) and (max-width: 1480px){
  h1, .h1 *{
    font-size: 3.75rem;
  }
  h2, .h2 *{
    font-size: 3.5rem;
  }
  h3, .h3 *, .title_m *, .h2_like_h3 h2{
    font-size: 2.25rem;
  }
  h4, .h4 *, .title_s *{
    font-size: 1.875rem;
  }
  .lead_text *{
    font-size: 1.625rem;
  }
  h5, h6, li, p, .wpcf7 form .wpcf7-response-output{
    font-size: 1.375rem;
  }
}
@media screen  and (min-width: 768px) and (max-width: 1199px){
  h1, .h1 *{
    font-size: 2.75rem;
  }
  h2, .h2 *{
    font-size: 2.5rem;
  }
  h3, .h3 *, .title_m *, .h2_like_h3 h2{
    font-size: 1.5rem;
  }
  h4, .h4 *, .title_s *{
    font-size: 1.375rem;
  }
  .lead_text *{
    font-size: 1.375rem;
  }
  h5, h6, li, p, .wpcf7 form .wpcf7-response-output{
    font-size: 1.125rem;
  }
  .description_text p{
    font-size: 1rem;
  }
}
@media screen and (max-width: 767px){
  h1, .h1 *{
    font-size: 1.375rem;
  }
  h2, .h2 *{
    font-size: 1.25rem;
  }
  h3, .h3 *, .title_m *, .h2_like_h3 h2{
    font-size: 1.125rem;
  }
  h4, .h4 *, .title_s *{
    font-size: 1rem;
  }
  .lead_text *{
    font-size: 1rem;
    letter-spacing: 0.48px;
  }
  h5, h6, li, p, .wpcf7 form .wpcf7-response-output{
    font-size: 0.875rem;
    letter-spacing: 0.32px;
  }
  .description_text p{
    font-size: .75rem;
  }
  p, .wpb_text_column ul{
    margin-bottom: 16px;
  }
}


/* @link */
a{
  font-family: inherit;
  color: var(--pink);
  text-decoration: underline;
}
.no_hover a, .default_link a:not(:hover){
  text-decoration: none;
}
input[type=submit]{
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

/* @buttons */
.site-content .entry-content .vc_btn3-container>.vc_general, .wp-block-button__link, input[type=submit]{
  text-decoration: none;
  display: inline-block;
  text-decoration: none;
  padding: 38px 35px 32px;
  border-radius: 30px;
  border: 2px solid var(--pink);
  background-color: var(--pink);
  color: white;
  outline: none;
  transition: all .3s ease;
  cursor: pointer;
  font-weight: 700;
  font-size: 1.5rem;
  line-height: 1.32;
  letter-spacing: 1.44px;
  text-transform: uppercase;
  min-width: min(428px, 100%);
  background-image: unset;
}
.site-content .entry-content .vc_btn3-container.anchor_btn>.vc_general{
  display: grid;
  grid-template-columns: auto 1fr;
  grid-gap: 24px;
  padding: 0;
  color: inherit;
  border: 0;
  background-color: transparent;
  text-align: left;
  font-size: 2.125rem;
  letter-spacing: 0;
  text-transform: unset;
}
.btn_text{
  padding-top: 3px;
}
.anchor_btn svg{
  width: 48px;
  height: auto;
  transition: transform .3s ease;
}
.konferenzpartner_anchor_btn{
  max-width: 810px;
}
@media screen and (min-width: 1200px){
  .site-content .entry-content .vc_btn3-container:not(.anchor_btn)>.vc_general:hover, .wp-block-button__link:hover, input[type=submit]:hover{
    background-color: black;
    border-color: black;
  }
  .anchor_btn:hover svg{
    transform: translateX(8px);
  }
}
@media screen  and (min-width: 1200px) and (max-width: 1480px){
  .site-content .entry-content .vc_btn3-container.anchor_btn>.vc_general{
    font-size: 1.875rem;
  }
  .anchor_btn svg{
    width: 44px;
  }
  .site-content .entry-content .vc_btn3-container>.vc_general, .wp-block-button__link, input[type=submit]{
    font-size: 1.375rem;
    padding: 30px 28px 26px;
    min-width: min(380px, 100%);
  }
  .konferenzpartner_anchor_btn {
    max-width: 724px;
  }
}
@media screen  and (min-width: 768px) and (max-width: 1199px){
  .site-content .entry-content .vc_btn3-container.anchor_btn>.vc_general{
    font-size: 1.375rem;
  }
  .anchor_btn svg{
    width: 36px;
  }
  .site-content .entry-content .vc_btn3-container>.vc_general, .wp-block-button__link, input[type=submit]{
    font-size: 1.125rem;
    padding: 26px 20px 22px;
    min-width: min(340px, 100%);
  }
  .konferenzpartner_anchor_btn {
    max-width: 548px;
  }
}
@media screen  and (max-width: 1199px){
  .site-content .entry-content .vc_btn3-container>.vc_general, .wp-block-button__link, input[type=submit]{
    border-radius: 16px;
  }
}
@media screen and (max-width: 767px){
  .site-content .entry-content .vc_btn3-container.anchor_btn>.vc_general{
    font-size: 1rem;
    grid-gap: 16px;
  }
  .anchor_btn svg{
    width: 24px;
  }
  .btn_text {
    padding-top: 2px;
  }
  .site-content .entry-content .vc_btn3-container>.vc_general, .wp-block-button__link, input[type=submit]{
    font-size: .875rem;
    padding: 18px 20px 16px;
    min-width: 100%;
  }
}


/* accordion */
.vc_tta-container{
  margin-top: 56px;
}
.vc_tta-panel .vc_tta-panel-heading{
  border: 0!important;
  margin: 0!important;
  border-radius: 0!important;
  cursor: pointer;
}
.vc_tta-panel{
  border-radius: 20px;
  overflow: hidden;
  transform: translateZ(0);
}
.vc_tta-panel + .vc_tta-panel{
  margin-top: 48px;
}
.vc_tta-panel-title>a{
  color: var(--pink)!important;
  padding: 30px 26px 30px 26px!important;
  display: grid!important;
  grid-template-columns: 1fr 51px;
  grid-gap: 40px;
  pointer-events: none;
  align-items: center;
}
.vc_tta-panel-title a span{
  letter-spacing: 2.04px;
}
.vc_tta-panel svg{
  height: auto;
  margin: 0!important;
}
.vc_tta-panel svg .m{
  transition: opacity .3s ease;
}
.vc_tta-panel .is_open svg .m{
  opacity: 0;
}
.vc_tta-panel-body{
  padding: 0!important;
  border: 0!important;
  min-height: 0!important;
  border-radius: 0!important;
}
.vc_tta-panel-body-inner{
  padding: 0 26px 35px;
}
.vc_tta-panel-heading:hover{
  background: white!important;
}
@media screen  and (min-width: 1200px) and (max-width: 1480px){
  .vc_tta-panel svg{
    width: 46px;
  }
  .vc_tta-panel-title>a{
    grid-template-columns: 1fr 46px;
  }
  .vc_tta-panel + .vc_tta-panel{
    margin-top: 40px;
  }
  .vc_tta-container {
    margin-top: 48px;
  }
}
@media screen  and (min-width: 768px) and (max-width: 1199px){
  .vc_tta-panel svg{
    width: 40px;
  }
  .vc_tta-panel + .vc_tta-panel{
    margin-top: 32px;
  }
  .vc_tta-panel-title>a{
    padding: 24px!important;
    grid-template-columns: 1fr 40px;
  }
  .vc_tta-panel-body-inner {
    padding: 0 24px 24px;
  }
  .vc_tta-container {
    margin-top: 40px;
  }
}
@media screen and (max-width: 1199px){
  .vc_tta-panel {
    border-radius: 16px;
  }
}
@media screen and (max-width: 767px){
  .vc_tta-panel svg{
    width: 26px;
  }
  .vc_tta-panel-title>a{
    padding: 22px 20px!important;
    grid-template-columns: 1fr 24px;
    grid-gap: 24px;
  }
  .vc_tta-panel-body-inner {
    padding: 0 20px 20px;
  }
  .vc_tta-panel + .vc_tta-panel {
    margin-top: 16px;
  }
  .vc_tta-container {
    margin-top: 24px;
  }
}

/* @header */
.site_header{
  position: fixed;
  inset: 0 0 auto;
  z-index: 500;
  background: black;
  padding: 47.5px 25px 47.5px var(--spacing);
}
.header_inner{
  padding: 0 15px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-inline: auto;
  max-width: 1538px;
}
.header_sidebar{
  display: flex;
  align-items: flex-end;
  gap: 72px;
}
.header_sidebar .lead_text p{
  color: var(--pink);
  text-transform: none;
  line-height: .65;
}
.header_burger svg{
  cursor: pointer;
}
.logo img{
  height: auto;
  width: 168px;
}
@media screen  and (min-width: 1200px) and (max-width: 1480px){
  .site_header{
    padding-top: 32px;
    padding-bottom: 32px;
  }
}
@media screen  and (min-width: 768px) and (max-width: 1199px){
  .site_header{
    padding-top: 24px;
    padding-bottom: 24px;
  }
}
@media screen and (max-width: 767px){
  .site_header{
    padding-top: 16px;
    padding-bottom: 16px;
    padding-right: 15px;
  }
  .logo img{
    width: 120px;
  }
  .header_sidebar .lead_text p{
    line-height: 1.2;
    text-align: right;
    max-width: 124px;
  }
  .header_sidebar {
    gap: 40px;
    justify-content: space-between;
    width: 100%;
  }
}


/* @nav */
.primary_navigation{
  position: fixed;
  z-index: 510;
  background: white;
  inset: 0;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.primary_navigation, .header_burger{
  display: none;
}

/* @footer */
.site_footer{
  padding: 40px var(--spacing) 32px;
  background-color: black;
  color: white;
}
.site_footer a{
  color: inherit;
}
.footer_inner{
  padding: 0 15px;
  margin-inline: auto;
  max-width: var(--max-width);
  display: grid;
  grid-template-columns: 336px 1fr auto;
  grid-gap: 40px;
}
.footer_logo .wp-block-image{
  margin: 0;
}
.footer_logo a{
  display: block;
}
.footer_logo img{
  width: 100%;
}
.footer_info{
  display: flex;
  justify-content: center;
}
.footer_info p{
  font-size: 1.25rem;
  letter-spacing: 0.4px;
  line-height: 1.38;
}
.footer_info section + section{
  margin-top: 8px;
}
.footer_info em{
  color: inherit;
}
.footer_info a:has(em){
  opacity: .5;
  transition: opacity .2s ease;
}
.footer_info a:has(em):hover{
  opacity: 1;
}
.footer_social_wrapper p{
  line-height: 0;
}
.footer_social_wrapper svg{
  height: auto;
}
.footer_social_wrapper{
  display: flex;
  gap: 48px;
  align-items: center;
  padding-bottom: 14px;
}
@media screen  and (min-width: 1200px) and (max-width: 1480px){
  .footer_social_wrapper svg{
    width: 56px;
  }
  .footer_social_wrapper{
    gap: 32px;
  }
  .footer_inner{
    grid-template-columns: 260px 1fr auto;
  }
}
@media screen and (max-width: 1199px){
  .footer_inner{
    grid-template-columns: 1fr;
    grid-gap: 56px;
  }
  .footer_info{
    justify-content: flex-start;
  }
}
@media screen  and (min-width: 768px) and (max-width: 1199px){
  .footer_social_wrapper svg{
    width: 48px;
  }
  .footer_social_wrapper{
    padding-top: 24px;
    gap: 28px;
  }
  .footer_logo {
    max-width: 240px;
  }
  .footer_info p{
    font-size: 1.125rem;
  }
}
@media screen and (max-width: 767px){
  .footer_social_wrapper svg{
    width: 40px;
  }
  .footer_social_wrapper{
    padding-top: 14px;
    gap: 24px;
  }
  .footer_logo {
    max-width: 192px;
  }
  .footer_info p{
    font-size: 1rem;
  }
  .site_footer{
    padding-bottom: 96px;
  }
}
/* @fixed icons */
.fixed_icons_wrapper p{
  line-height: 0;
}
.fixed_icons_wrapper .fade_el{
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.fixed_icons_wrapper{
  position: fixed;
  right: 45px;
  top: 50%;
  z-index: 480;
  transform: translateY(-50%);
}
.fixed_icons_wrapper svg{
  height: auto;
}
@media screen  and (min-width: 1200px) and (max-width: 1480px){
  .fixed_icons_wrapper svg{
    width: 56px;
  }
  .fixed_icons_wrapper{
    right: 28px;
  }
}
@media screen  and (min-width: 768px) and (max-width: 1199px){
  .fixed_icons_wrapper svg{
    width: 48px;
  }
  .fixed_icons_wrapper{
    right: 8px;
  }
}
@media screen and (max-width: 767px){
  .fixed_icons_wrapper{
    right: 0;
    bottom: 0;
    top: auto;
    left: 0;
    background: black;
    transform: translateY(0);
    padding: 10px 15px 16px;
  }
  .fixed_icons_wrapper svg{
    width: 40px;
  }
  .fixed_icons_wrapper .fade_el{
    flex-direction: row;
    gap: 24px;
    justify-content: center;
  }
}
/* @video */
.autoplay_video_wrapper video{
  width: 100%;
  max-width: 100%;
}

/* =================================
---------------PAGES----------------
==================================== */
/* @home */
.vc_section:has(.highlight_el){
  overflow: hidden;
}
.highlight_el{
  position: relative;
}
.highlight_el>div::before{
  content: '';
  position: absolute;
  inset: 0 100% 0 auto;
  background-color: var(--pink);
  width: 50vw;
}
.highlight_el em{
  color: white;
  background-color: var(--pink);
  padding: 6px 60px 9px 0;
  display: inline-block;
}
.home_hero .highlight_el em{
  padding-right: 20px;
}
.home_hero .has_offset{
  padding-left: 19.25%;
}
.home_hero{
  --gap: 42px;
}
.hero_date{
  padding: 2px 0 20px;
}
.column_row>div>div>div{
  display: grid;
  grid-gap: 55px 50px;
}
.column_row.two_col>div>div>div{
  grid-template-columns: 1fr 1fr;
}
.column_row.three_col>div>div>div{
  grid-template-columns: 1fr 1fr 1fr;
}
.column_row .vc_row{
  background-color: white;
  border-radius: 20px;
  padding: 30px 28px;
  --gap: 30px;
  margin-bottom: 0;
}
.column_row.black_items .vc_row{
  background: black;
  color: white;
}
.row_before_column_row{
  --row-offset: 55px;
}
.home_color_section{
  --gap: 42px;
}
.home_color_section p{
  margin-bottom: 42px;
}
.home_color_section_title{
  margin-bottom: 48px;
}
.home_color_section p, .home_intro_row p, .home_video_text p{
  max-width: 88%;
}
section.vc_section.home_video_section{
  --max-width: 1728px;
  padding: calc(var(--section-offset, 100px) * .3) 0;
}
.home_video_section .vc_column_container>.vc_column-inner{
  padding: 0;
}
.home_video_text{
  position: absolute;
  inset: auto var(--spacing) 48px;
  padding: 0 15px;
}
@media screen  and (min-width: 1200px) and (max-width: 1480px){
  .home_hero .has_offset {
    padding-left: 16%;
  }
  .home_hero .has_offset .vc_single_image-wrapper{
    max-width: 850px;
  }
  .column_row>div>div>div{
    grid-gap: 48px 40px;
  }
  .home_hero {
    --gap: 32px;
  }
}
@media screen  and (min-width: 768px) and (max-width: 1199px){
  .home_hero .has_offset {
    padding-left: 12%;
  }
  .home_hero .has_offset .vc_single_image-wrapper{
    max-width: 640px;
  }
  .column_row>div>div>div {
    grid-gap: 40px 32px;
  }
  .column_row .vc_row {
    padding: 28px 24px;
    --gap: 24px;
  }
  .row_before_column_row {
    --row-offset: 48px;
  }
  .home_color_section_title, .home_color_section p{
    margin-bottom: 36px;
  }
}
@media screen and (max-width: 1199px){
  .column_row .vc_row{
    border-radius: 16px;
  }
}
@media screen  and (min-width: 768px) and (max-width: 960px){
  .column_row.three_col>div>div>div {
      grid-template-columns: 1fr 1fr;
  }
}
@media screen and (max-width: 960px){
  .column_row.two_col>div>div>div {
      grid-template-columns: 1fr;
  }
}
@media screen and (max-width: 767px){
  .home_hero .has_offset {
    padding-left: 0;
  }
  .home_hero {
    --gap: 20px;
  }
  .hero_date {
    padding: 0;
  }
  .home_hero .highlight_el em {
    padding-right: 8px;
  }
  .highlight_el em {
    padding: 2px 16px 2px 0;
  }
  .home_color_section p, .home_intro_row p, .home_video_text p{
    max-width: 100%;
  }
  .home_video_text{
    bottom: 16px;
  }
  .row_before_column_row {
    --row-offset: 24px;
  }
  .column_row .vc_row {
    padding: 22px 20px;
    --gap: 8px;
  }
  .column_row>div>div>div{
    grid-gap: 16px;
  }
  .column_row.three_col>div>div>div {
    grid-template-columns: 1fr;
  }
  .home_color_section_title, .home_color_section p{
    margin-bottom: 24px;
  }
  .home_color_section{
    --gap: 24px;
  }
}


/* @form */
.form_wrapper{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.hw{
  width: calc((100% / 3) - 21px);
  margin-bottom: 46px;
}
.fw{
  width: 100%;
}
.wpcf7-form-control-wrap{
  display: block;
  line-height: 1;
}
.form_item input, .form_item textarea, .form_item select{
  font-size: 1.5rem;
  text-transform: uppercase;
  border-radius: 30px;
  border: 2px solid var(--pink);
  padding: 35px 24px;
  color: var(--pink);
  font-weight: 700;
  line-height: 1.32;
  letter-spacing: 1.44px;
  outline: none;
  width: 100%;
}
.form_item textarea{
  resize: none;
  height: 358px;
}
.form_submit{
  margin-top: 88px;
  display: grid;
  grid-template-columns: 1fr 428px;
  align-items: center;
  grid-gap: 128px;
  position: relative;
}
.wpcf7 form .wpcf7-response-output{
  border: 0!important;
  padding: 0!important;
  margin: 40px 0 0!important;
}
.wpcf7-spinner{
  position: absolute;
  bottom: 50%;
  transform: translateY(50%);
  margin-left: 16px;
}
.wpcf7-not-valid-tip{
  font-size: 1rem;
  padding-top: 4px;
  color: var(--pink);
}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: var(--pink);;
}
::-moz-placeholder { /* Firefox 19+ */
  color: var(--pink);;
}
:-ms-input-placeholder { /* IE 10+ */
  color: var(--pink);;
}
:-moz-placeholder { /* Firefox 18- */
  color: var(--pink);;
}
.wpcf7-list-item{
  margin: 0;
  display: block;
  font-weight: 700;
  line-height: 1.32;
  font-size: 2.125rem;
}
.wpcf7-list-item + .wpcf7-list-item{
  padding-top: 8px;
}
.wpcf7-list-item .wpcf7-list-item-label{
  cursor: pointer;
  position: relative;
  padding-left: 65px;
  display: inline-block;
}
.wpcf7-list-item-label::before, .wpcf7-list-item-label::after{
  position: absolute;
  left: 0;
  top: 2px;
  padding: 19px;
}
.wpcf7-list-item-label::before{
  background: url(/wp-content/uploads/2025/07/checkbox_default.svg) no-repeat center/contain;
}
.wpcf7-list-item-label::after{
  background: url(/wp-content/uploads/2025/07/checkbox_active.svg) no-repeat center/contain;
  opacity: 0;
  transition: opacity .2s ease;
}
.wpcf7-list-item input:checked + .wpcf7-list-item-label::after{
  opacity: 1;
}
.wpcf7-list-item input{
  position: absolute;
  z-index: -1;
  visibility: hidden;
  opacity: 0;
}
.form_checkbox{
  margin-bottom: 56px;
}
@media screen  and (min-width: 1200px) and (max-width: 1480px){
  .wpcf7-list-item{
    font-size: 1.875rem;
  }
  .wpcf7-list-item-label::before, .wpcf7-list-item-label::after{
    padding: 17px;
  }
  .wpcf7-list-item .wpcf7-list-item-label {
    padding-left: 56px;
  }
  .form_item input, .form_item textarea, .form_item select{
    font-size: 1.375rem;
    padding-top: 28px;
    padding-bottom: 28px;
  }
  .hw {
    width: calc((100% / 2) - 21px);
    margin-bottom: 40px;
  }
  .hw.small_screen{
    width: 100%;
  }
  .form_checkbox {
    margin-bottom: 48px;
  }
  .form_submit {
    margin-top: 72px;
    grid-template-columns: 1fr 380px;
  }
}
@media screen  and (min-width: 768px) and (max-width: 1199px){
  .wpcf7-list-item{
    font-size: 1.375rem;
  }
  .wpcf7-list-item-label::before, .wpcf7-list-item-label::after{
    padding: 12px;
  }
  .wpcf7-list-item .wpcf7-list-item-label {
    padding-left: 40px;
  }
  .form_checkbox {
    margin-bottom: 40px;
  }
  .form_submit{
    margin-top: 56px;
    grid-gap: 24px;
  }
  .hw {
    margin-bottom: 32px;
  }
  .form_item input, .form_item textarea, .form_item select{
    font-size: 1.125rem;
    padding-top: 24px;
    padding-bottom: 24px;
  }
  .form_item textarea {
    height: 240px;
  }
  .wpcf7-spinner{
    bottom: 37px;
  }
}
@media screen  and (max-width: 1199px){
  .hw {
    width: 100%;
  }
  .form_submit{
    grid-template-columns: 1fr;
  }
  .form_item input, .form_item textarea, .form_item select{
    border-radius: 16px;
  }
}
@media screen and (max-width: 767px){
  .wpcf7-list-item{
    font-size: 1rem;
  }
  .wpcf7-list-item .wpcf7-list-item-label{
    padding-left: 24px;
  }
  .wpcf7-list-item-label::before, .wpcf7-list-item-label::after {
    top: 1px;
    padding: 9px;
  }
  .form_checkbox {
    margin-bottom: 32px;
  }
  .hw {
    margin-bottom: 16px;
  }
  .form_item input, .form_item textarea, .form_item select{
    font-size: .875rem;
    padding: 16px 20px;
  }
  .form_item textarea {
    height: 180px;
  }
  .form_submit{
    margin-top: 40px;
    grid-gap: 20px;
  }
  .wpcf7-spinner{
    margin-right: 0;
    margin-left: 6px;
    bottom: 30px;
  }
  .wpcf7-not-valid-tip{
    font-size: .75rem;
  }
}


/* @impressum */
.impressum_section{
  --gap: 48px;
  --row-offset: 120px;
}
.impressum_section p{
  margin-bottom: 48px;
}
@media screen  and (min-width: 1200px) and (max-width: 1480px){
  .impressum_section{
    --gap: 40px;
    --row-offset: 88px;
  }
  .impressum_section p{
    margin-bottom: 40px;
  }
}
@media screen  and (min-width: 768px) and (max-width: 1199px){
  .impressum_section{
    --gap: 32px;
    --row-offset: 72px;
  }
  .impressum_section p{
    margin-bottom: 32px;
  }
}
@media screen and (max-width: 767px){
  .impressum_section{
    --gap: 24px;
    --row-offset: 48px;
  }
  .impressum_section p{
    margin-bottom: 24px;
  }
}

/* @404 */
.not_found_section h1{
  font-size: 10.375rem;
}
.not_found_content{
  padding-top: 20px;
}
.not_found_content div{
  max-width: 1220px;
}
.not_found_content .title_s p {
  font-weight: 400;
}
.not_found_content div + div{
  margin-top: 32px;
}
.not_found_section>div{
  padding: 0 15px;
}
@media screen  and (min-width: 1200px) and (max-width: 1480px){
  .not_found_section h1{
    font-size: 8rem;
  }
}
@media screen  and (min-width: 768px) and (max-width: 1199px){
  .not_found_section h1{
    font-size: 6rem;
  }
}
@media screen and (max-width: 767px){
  .not_found_section h1{
    font-size: 5rem;
  }
  .not_found_content div + div {
    margin-top: 24px;
  }
}
/* @animation */
.wpb_content_element .wpb_wrapper, .vc_btn3-container,
.animation_el, .vc_tta, .leistungen_el_title_m{
  transform: translateY(32px) translateZ(0);
  transition-property: opacity, transform;
  transition-timing-function: cubic-bezier(0.39, 0.58, 0.57, 1);
	opacity: 0;
  will-change: opacity, transform;
}
.slide_el, .f_slide_el{
  transform: translateY(32px) translateZ(0);
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.39, 0.58, 0.57, 1);
  will-change: transform;
}
.vc_section.vc_section-has-fill, .fade_el{
  opacity: 0;
  transition: opacity 0.35s cubic-bezier(0.39, 0.58, 0.57, 1);
}
.wpb_content_element.is_shown .wpb_wrapper, .vc_btn3-container.is_shown,
.animation_el.is_shown, .vc_tta.is_shown, .is_shown .leistungen_el_title_m{
	opacity: 1;
	transform: translateY(0) translateZ(0);
  transition-duration: .65s, .5s;
}
.slide_el.is_shown, .is_shown .f_slide_el{
  transform: translateY(0) translateZ(0);
  transition-duration: .5s;
}
.vc_section.vc_section-has-fill.is_shown, .fade_el.is_shown{
  opacity: 1;
}
.animation_el .wpb_content_element .wpb_wrapper, .animation_el .vc_btn3-container, .animation_el .vc_tta, .static_el .vc_tta, .static_el.vc_tta, .static_el .wpb_content_element .wpb_wrapper, .static_el .vc_btn3-container, .static_el.wpb_content_element .wpb_wrapper, .static_el.vc_btn3-container,
.vc_tta-panel-body .wpb_content_element .wpb_wrapper, .vc_tta-panel-body .wpb_content_element .vc_btn3-container{
  transform: unset;
  will-change: unset;
  opacity: unset;
}

/* @cookies */
.cky-preference-content-wrapper .cky-show-desc-btn, .cky-accordion-header .cky-always-active{
  color: var(--pink)!important;
}
.cky-switch input[type="checkbox"]:checked {
  background: var(--pink)!important;
}
.cky-cookie-des-table *{
  font-size: 12px;
}
.cky-btn{
  border-radius: 12px!important;
}









/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}
/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}
/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block;
}
/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}
/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}
/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}
/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}
/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}
/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}
/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}
/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input { /* 1 */
  overflow: visible;
}
/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select { /* 1 */
  text-transform: none;
}
/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}
/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}
/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}
/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}
/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}
/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}
/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}
/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}
/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}
/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}
/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}
/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}
