/*
Theme Name: GeneratePress Child
Description: Child-Theme von GeneratePress
Author: Berecca - Pressday PLantbased
Author URI: http://example.org
Template: generatepress
Version: 3.1.3
*/
html {
  scroll-behavior: smooth;
}

body {
  font-family: 'Sora';
  background: #FFFFFF;
    overflow-x: hidden!important;
}

.mobile {
    display: none;
}

/* header */
/*//////////////////////////////////////*/
.site-header {
    background-color: transparent!important;
	position: absolute;
	z-index: 99;
    right: 0;
    width: 100%;
} 

.inside-header {
    padding: 0px;
}

.main-navigation .inside-navigation {
    margin-top: -88px;
}

.inside-header .site-logo {
    padding: 20px 20px;
}

.main-navigation .inside-navigation a:hover {
    font-weight: 700;
    color: #FFFFFF!important;
}

.main-navigation li {
    position: relative;
    width: 40px;
    height: 40px;
    margin-left: 20px;
    margin-top: 20px;
}

.main-navigation .main-nav ul li a {
    padding-left: 5px;
    padding-right: 10px;
    line-height: 32px;
    border: 2px solid #FFFFFF;
    font-size: 18px;
    font-weight: 700;
}

.main-navigation .main-nav ul li a:hover {
color: #E71F85!important;
    border: 2px solid #FFFFFF;
    background: #FFFFFF;
}



/* schrift */
/*//////////////////////////////////////*/
p {
	color: #222222;
	font-size: 18px;
	line-height: 1.4em;
}


#impressionen .p__16 {
    font-size: 16px;
    display: block;
    margin-top: 10px;
    font-weight: 300!important;
    font-style: italic;
}

.p__24 p {
	font-size: 24px;
}

strong, .p__strong p {
	font-weight: 700;
}


.text__green {
	color: #9FE870;
}


/* headlines */
h1, h2, h3, h4, h5 {
	font-weight: 800;
    font-family: 'Sora';
	line-height: 1.2em;
	color: #E71F85;
}

h1 {
	font-size: 64px;
    color: #FFFFFF;
}

.row__pink p {
    color: #FFFFFF;
}

h2 {
	font-size: 40px;
	
}

h3 {
	font-size: 30px;
	
}

h4 {
	font-size: 24px;
	
}

h5 {
	font-size: 21px;
	
}




/* anchors */
/*//////////////////////////////////////*/
a {
	text-decoration: none;
	font-weight: 800;
    color: #222222;
}

a:hover {
	color: #E71F85; 
}




/* button */
/*//////////////////////////////////////*/
.vc_btn3.vc_btn3-color-grey.vc_btn3-style-flat, .vc_btn3.vc_btn3-color-grey {
    background-color: #65B32E!important;
    color: #FFFFFF!important;
     border: 1px solid #65B32E!important;
}

.vc_btn3.vc_btn3-color-grey.vc_btn3-style-flat:hover, .vc_btn3.vc_btn3-color-grey:hover {
    background-color: #E71F85!important;
     border: 1px solid #E71F85!important;
}

.vc_btn3.vc_btn3-size-md {
    font-size: 16px!important;
    padding: 12px 20px!important;
    text-transform: uppercase;
    font-weight: 800;
}




/*zeilen*/
/*//////////////////////////////////////*/
.row__pink {
    background: #E71F85;
}

.vc_section.row__general {
    padding-right: 90px;
    padding-left: 90px;
}

.row__general {
    padding: 75px 0 50px;
}

.row__green {
    background: #F7FBF5;
}




/*stage*/
/*//////////////////////////////////////*/


/* pinke Balken unterhalb Bild - deutsch */       
#post-9 > div > div > div > section.vc_section.row__pink.row__stage > div.vc_row.wpb_row.vc_row-fluid.vc_row-no-padding > div > div > div > div {
    margin-bottom: 0 !important;
}
/* pinke Balken unterhalb Bild - englisch */ 
#post-309 > div > div > div > section.vc_section.row__pink.row__stage > div.vc_row.wpb_row.vc_row-fluid.vc_row-no-padding > div > div > div > div {
    margin-bottom: 0 !important;
}

.two-columns {
    display: flex;
    height: 80vh; /* volle Höhe */
    width: 100%;
  }

  .column {
    flex: 1;
    display: flex;
    flex-direction: column;
  }

  /* Spacer oben und unten */
  .column.left .spacer.top {
    flex: 2; /* 2/3 Platz oben */
  }

  .column.left .spacer.bottom {
    flex: 1; /* 1/3 Platz unten */
  }

  /* Textblock (H1 + P) */
  .column.left .text-block {
    flex: 0; /* Höhe hängt vom Inhalt ab */
    padding: 0 10%;
  }

  /* Rechte Spalte: Bild */
  .column.right img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
  }



/* vorteile */
/*//////////////////////////////////////*/
.content__vorteile h4 {
    color: #222222;
    margin-bottom: 5px;
}

.content__vorteile.wpb_text_column {
  display: flex;
  align-items: center; 
  gap: 1rem;
}

.content__vorteile.wpb_text_column::before {
  content: "";
  display: block;
  width: 60px;
  height: 60px;
  background-size: contain;
  flex-shrink: 0;
}

.content__vorteile.wpb_text_column.vorteil__sichtbarkeit::before {
  background: url("/wp-content/uploads/2025/09/icon__sichtbarkeit.svg") no-repeat center center;
}

.content__vorteile.wpb_text_column.vorteil__austausch::before {
  background: url("/wp-content/uploads/2025/09/icon__austausch.svg") no-repeat center center;
}

.content__vorteile.wpb_text_column.vorteil__echtzeit::before {
  background: url("/wp-content/uploads/2025/09/icon__echtzeit.svg") no-repeat center center;
}

.content__vorteile.wpb_text_column.vorteil__vernetzung::before {
  background: url("/wp-content/uploads/2025/09/icon__vernetzung.svg") no-repeat center center;
}

.content__vorteile.wpb_text_column.vorteil__marktforschung::before {
  background: url("/wp-content/uploads/2025/09/icon__marktforschung.svg") no-repeat center center;
}

.content__vorteile.wpb_wrapper {
  display: block;        /* Standard-Block-Flow: h4 + p untereinander */
}

.content__vorteile .wpb_wrapper h4,
.content__vorteile .wpb_wrapper p {
  margin: 0;             /* evtl. Margins anpassen */
}




/* galerie */
/*//////////////////////////////////////*/

#impressionen.row__general {
    padding-bottom: 15px;
}

#impressionen.vc_section {
    margin-right: 0!important;
    margin-left: 0!important;
}

#impressionen.vc_section .vc_row {
    margin-right: -15px!important;
}

#impressionen .vc_column_container>.vc_column-inner {
    padding: 0;
}

#impressionen .vc_inner img {
  aspect-ratio: 6 / 4;
  object-fit: cover;
  width: 100%;
  height: auto;
  display: block;
}

.vc_images_carousel .vc_carousel-control {
           opacity: 1!important; 
    text-shadow: none!important;
}
.vc_images_carousel .vc_left.vc_carousel-control {
    left: 5px;
}

.vc_images_carousel .vc_carousel-control.vc_right {
    right: 15px!important;
}

.vc_images_carousel .vc_carousel-control .icon-next, .vc_images_carousel .vc_carousel-control .icon-prev {
        display: block;
        font-size: 24px!important;
        height: 50px!important;
        margin-left: -15px;
        margin-top: -15px;
        padding: 0;
        width: 50px!important;
        background: none;
        border-radius: 40px;
    }

.vc_images_carousel .vc_carousel-control .icon-next, .vc_images_carousel .vc_carousel-control .icon-prev {
        background: white;
    }

.vc_images_carousel .vc_carousel-control .icon-prev {
        background: #FFFFFF;
    }

.vc_images_carousel .vc_carousel-control .icon-next:before {
    content: "\25B6"!important;
    top: 9px!important;
    margin-right: -6px!important;
    color: #65B32E;
}

.vc_images_carousel .vc_carousel-control .icon-prev:before {
    content: "\25C0"!important;
    top: 9px!important;
    margin-right: 3px!important;
    color: #65B32E;
}




/* testimonial */
/*//////////////////////////////////////*/
.content__testimonials {
    margin-top: 50px;
}

.testimonials-slider {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.slider-wrapper {
  display: flex;
  transition: transform 0.5s ease-in-out;
}

.testimonial__gaeste .testimonial, .testimonial__aussteller .testimonial {
  box-sizing: border-box;
  padding: 0px 0px 25px;
  margin: 0;
}

.testimonial__gaeste .testimonial {
  flex: 0 0 100%; 
    padding-left: 5px;
    padding-right: 20px;
}

.testimonial__aussteller .testimonial {
  flex: 0 0 50%; 
    padding-right: 20px;
}

/* Container für die Pfeile unten */
.slider-controls {
  display: flex;
  justify-content: space-between; /* prev links, next rechts */
  margin-top: 15px;
  width: 100%;
}

.prev, .next {
  position: absolute;
  bottom: -35px;
  transform: translateY(-50%);
  background: none;
  border: none;
  cursor: pointer;
  opacity: 0.8;
  transition: opacity 0.2s ease;
  z-index: 10;
  padding: 0;
  width: 50px;
  height: 50px;
}

/* Hover Effekt */
button.prev:hover, button.next:hover {
  opacity: 1;
    background: none!important;
}

button.prev, button.next {
  opacity: 1;
    background: none!important;
}

/* Links und rechts positionieren */
.prev { left: -12px; }
.next { left: 8px; }

/* SVG als Inhalt */
.prev::before, .next::before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%2365B32E'%3E%3Cpath d='M8 5v14l11-7z'/%3E%3C/svg%3E");
  display: inline-block;
  width: 25px;
  height: 25px;
  transform: rotate(0deg);
}

/* Pfeil nach links drehen */
.prev::before {
  transform: rotate(180deg);
}

/* Pfeil nach rechts bleibt normal */
.next::before {
  transform: rotate(0deg);
}





/* reichweite */
/*//////////////////////////////////////*/
.content__reichweite p {
    font-size: 24px;
    font-weight: 800;
    margin-top: 50px;
}

.content__reichweite p span.number {
    font-size: 48px;
}

.content__reichweite.wpb_text_column {
  display: flex;
  align-items: center; 
  gap: 1.4rem;
}

.content__reichweite.wpb_text_column::before {
  content: "";
  display: block;
  width: 90px;
  height: 90px;
  background-size: contain;
  flex-shrink: 0;
  margin-top: 35px;
}

.content__reichweite.wpb_text_column.reichweite__medien::before {
  background: url("/wp-content/uploads/2025/09/icon__reichweite.svg") no-repeat center center;
}

.content__reichweite.wpb_text_column.reichweite__influencer::before {
  background: url("/wp-content/uploads/2025/09/icon__influencer.svg") no-repeat center center;
}

.content__reichweite.wpb_text_column.reichweite__storyslides::before {
  background: url("/wp-content/uploads/2025/09/icon__storyslides.svg") no-repeat center center;
}




/* cta */
/*//////////////////////////////////////*/
.row__cta {
    /*text-align: center;*/
}
.row__cta h2, .row__cta .p__24 p {
    color: #FFFFFF;
}

.row__cta .vc_btn3.vc_btn3-color-grey.vc_btn3-style-flat, .row__cta .vc_btn3.vc_btn3-color-grey {
    background-color: #E71F85!important;
    color: #FFFFFF!important;
    border: 2px solid #FFFFFF!important;
}

.row__cta .vc_btn3.vc_btn3-color-grey.vc_btn3-style-flat:hover, .row__cta .vc_btn3.vc_btn3-color-grey:hover {
    background-color: #FFFFFF!important;
    color: #E71F85!important;
}

.row__cta .vc_btn3.vc_btn3-size-md {
    font-size: 18px;
    padding: 14px 20px;
    text-transform: uppercase;
    font-weight: 800;
}

    /*video*/
    /*video vorschau*/
.video-preview {
  position: relative;
  display: inline-block;
  width: 100%;
  cursor: pointer;
  overflow: hidden;
  border-radius: 8px;
}

.video-preview__thumb {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* Play-Button */
.video-preview__play {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 60px;
  height: 60px;
  background: rgba(100,180,45);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform 0.2s ease, background 0.2s ease;
}

.video-preview__play::after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  border-left: 20px solid white; 
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
  transform: translateX(2px);
}

.video-preview:hover .video-preview__play,
.video-preview:focus .video-preview__play {
  transform: translate(-50%, -50%) scale(1.1);
  background: rgba(100,180,45,0.9);
}
    /* video modal */
.video-modal {
  position: fixed;
  inset: 0;
  display: none;
  justify-content: center;
  align-items: center;
  z-index: 1000;
}

.video-modal[aria-hidden="false"] {
  display: flex;
}

.video-modal__overlay {
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,0.7);
}

.video-modal__panel {
  position: relative;
  z-index: 1001;
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 90vw;
  width: 400px;
}

.video-modal__inner {
  width: 100%;
  aspect-ratio: 9/16;
  max-height: 90vh; 
  background: black;
  border-radius: 6px;
  overflow: hidden;
}

.video-modal__inner video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.video-modal__close {
  position: absolute;
  top: 8px;
  right: 8px;
  background: transparent;
  border: none;
  color: white;
  font-size: 24px;
  cursor: pointer;
}




/* termine */
/*//////////////////////////////////////*/
.content__termine h4 {
    color: #222222;
}

.content__termine .p__uhrzeit p, .content__termine .p__ort p {
    display: flex;
    align-items: center;
    gap: 12px;   
}

.content__termine .p__uhrzeit p {
    margin-top: -20px;
}

.content__termine .p__ort p {
    margin-top: -30px;
}

.content__termine .p__uhrzeit p::before, .content__termine .p__ort p::before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background-size: contain;
  flex-shrink: 0;
}

.content__termine .p__uhrzeit p::before {
  background: url("/wp-content/uploads/2025/09/icon__uhrzeit.svg") no-repeat center center;
}

.content__termine .p__ort p::before {
  background: url("/wp-content/uploads/2025/09/icon__ort.svg") no-repeat center center;
}


/* logo */
.row__logos .wpb_single_image img {
    max-width: 180px;
    margin-bottom: 100px;
}




/* sticky element | kasper */
/*//////////////////////////////////////*/
.sticky-element {
  opacity: 1;
  transform: translateY(-20px);
  position: fixed;
  top: 74%;
  color: white;
  padding: 12px;
  z-index: 1000;
  width: 172px;
  height: 57px;
    background: #FFFFFF;
    right: 0;
    box-shadow: 0 4px 8px rgba(0,0,0,0.1); /* leichter Schatten */
  transition: transform 0.2s ease, box-shadow 0.2s ease;
    border-radius: 8px 0 0 8px;
}

.sticky-element p {
    color: #909090;
    font-size: 14px;
    margin-bottom: 8px;
}

.sticky-element img {
    width: 150px;
}

.sticky-element a {
	position: absolute;
}

.sticky-element.visible {
  opacity: 1;
  transform: translateY(0);
}




/* footer */
/*//////////////////////////////////////*/
.site-footer {
    display: none;
}

.row__footer {
    background: #b2b3b3;
}

.row__footer .p__24 a {
    text-decoration: underline;
}

.row__footer .p__copy {
    margin-top: 30px;
}

.row__footer .p__copy p,.row__footer .p__copy a {
    font-size: 14px;
    font-weight: 400;
}

.row__footer .wpb_single_image img {
    width: 60%;
}

.row__general.row__footer {
    padding-bottom: 10px;
}



/****************/
/*//////////////////////////////////////*/
/*//////////////////////////////////////*/
@media screen and (min-width: 768px) and (max-width: 1225px) {
 
 /* reichweite schrift kleiner */
/*//////////////////////////////////////*/
.content__reichweite p {
  font-size: 21px;
}
    
.content__reichweite p span.number {
  font-size: 36px;
}
    
/* groesse logos */
/*//////////////////////////////////////*/
.row__logos .wpb_single_image img {
  max-width: 100%;
  margin-bottom: 100px;
}
}


@media screen and (min-width: 768px) and (max-width: 1030px) {
 /* reichweite schrift kleiner */
/*//////////////////////////////////////*/
.content__reichweite p {
  font-size: 18px;
}
    
    .content__reichweite p span.number {
  font-size: 30px;
}
}


/****************/
/*//////////////////////////////////////*/
/*//////////////////////////////////////*/
@media (max-width: 768px) {
    
body {
    overflow-x: hidden!important;
}

.container {
  overflow-x: clip; /* moderner als hidden */
}
    

    
.desktop {
    display: none;
}

.mobile {
    display: block;
}

    /* navi */
/*//////////////////////////////////////*/
.nav-float-left .mobile-menu-control-wrapper {
    margin-top: -118px;
}
    
    .main-navigation.toggled .main-nav {
    margin-top: -98px;
}

     /* schriften */
/*//////////////////////////////////////*/   
    
h1 {
        font-size: 54px;
    }

    
    /*zeilen*/
/*//////////////////////////////////////*/
.vc_section.row__general {
    padding-right: 35px;
    padding-left: 35px;
}
    
    /* logo */
/*//////////////////////////////////////*/
.row__logos .wpb_single_image img {
    max-width: 120px;
    margin-bottom: 15px;
}
    
.row__logos .wpb_column.vc_column_container.vc_col-sm-2 {
        max-width: 50%;
        float: left;
    }

    
/* stage */
/*//////////////////////////////////////*/
.content__stage {
    padding: 100px 0px 0px;
}
    
.row__pink p {
    margin-bottom: 50px;
}
    
    .content__vorteile.wpb_text_column {
  display: flex;
  align-items: top; 
  gap: 1rem;
}
    
    .two-columns {
      flex-direction: column;
      height: auto;
    }

    .column.left,
    .column.right {
      height: 50vh;
    }
  /* Textblock (H1 + P) */
  .column.left .text-block {
    flex: 0; /* Höhe hängt vom Inhalt ab */
    padding: 0 20px;
  }
    
    
/* vorteile */
/*//////////////////////////////////////*/
.content__vorteile.wpb_text_column {
  display: flex;
  align-items: flex-start;  /* Oben abschließen */
  gap: 1rem;
}

.content__vorteile.wpb_text_column::before {
  content: "";
  display: block;
  width: 60px;
  height: 60px;
  background-size: contain;
  flex-shrink: 0;
}
    
    
    /* testimonial */
/*//////////////////////////////////////*/
.testimonial__aussteller .testimonial, .testimonial__gaeste .testimonial {
  flex: 0 0 102%; 
    padding-left: 7px;
    padding-right: 7px;
}

.content__testimonials {
    margin-top: 25px;
}
    /* controls */
    .prev, .next {
  bottom: -55px;
}
    
.next {
    bottom: -35px;
}
    
  .prev, .next {
    font-size: 32px;
  }
    
    /* sticky element | kasper */
/*//////////////////////////////////////*/
.p__16 {
    font-size: 12px;
}
    
    #impressionen.vc_section .vc_row {
    margin-right: 0!important;
}
    
    #impressionen.vc_section {
    margin-right: -15px!important;
    margin-left: 0px!important;
}
    
    .sticky-element {
  top: 90%;
  padding: 9px 15px 9px 7px;
  width: 140px;
  height: 49px;
    }
    
    
/* footer */
    .row__footer .wpb_single_image img {
    display: none;
}
}