:root {
    /* Auf WP-Presets mappen, mit Fallback auf die alten Werte */
    --white:       var(--wp--preset--color--white, #rgb(255,255,255));
    --kambo-color-a:    var(--wp--preset--color----kambo-color-a, rgb(86,70,57));
    --kambo-color-b: var(--wp--preset--color--kambo-color-b, rgb(146, 120, 99));
    --kambo-color-c: var(--wp--preset--color--kambo-color-c, rgb(30, 34, 14));
    --light:   var(--wp--preset--color--light, rgb(228, 223, 218));
    --mid:   var(--wp--preset--color--mid, rgb(206, 191, 181));
    --dark:       var(--wp--preset--color--dark, rgb(84, 92, 67));

    font-size: 16px;
        line-height: 1.8;
    letter-spacing: 0.05em;
  }

  /* Webfonts */
  @font-face {
    font-family: 'Nexa Light';
    src: url('../fonts/Playfair/PlayfairDisplay-Regular.ttf') format('truetype');
    /*,
      url('../fonts/Nexa/Nexa-Light.woff') format('woff');*/
    font-weight: 300;
    font-style: normal;
    font-display: swap;
  }

  @font-face {
    font-family: 'Nexa';
    src: url('../fonts/Playfair/PlayfairDisplay-Medium.ttf') format('truetype');
    /*,
      url('../fonts/Nexa/Nexa-Regular.woff') format('woff');*/
    font-weight: 500;
    font-style: normal;
    font-display: swap;
  }

  @font-face {
    font-family: 'Rische';
    src: url('../fonts/Rische/Rische-Light.woff2') format('woff2'),
      url('../fonts/Rische/Rische-Light.otf') format('opentype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
  }

  @font-face {
    font-family: 'Rische';
    src: url('../fonts/Rische/Rische-Regular.woff2') format('woff2'),
      url('../fonts/Rische/Rische-Regular.otf') format('opentype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
  }

  * {
    box-sizing: border-box
  }

  html,
  body {
    margin: 0;
    padding: 0;
    background: var(--white);
    color: var(--kambo-color-a);
    font-family: 'Nexa Light', ui-sans-serif, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, Noto Sans, "Apple Color Emoji", "Segoe UI Emoji";
    line-height: 1.8;
    letter-spacing: 0.05em;
  }
  strong,b, .strong{
    font-family: 'Nexa', ui-sans-serif, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, Noto Sans, "Apple Color Emoji", "Segoe UI Emoji";
  }
  h1,
  h2,
  h3 {
    font-family: 'Rische', ui-serif, Georgia, 'Times New Roman', Times, serif;
    font-weight: 400;
    letter-spacing: .3px
  }
  h1{
    font-size: clamp(2.1rem, 6.3vw, 4.1rem);
    line-height: 1.05;
    letter-spacing: 0em;
  }
  h1 small{
    font-size: clamp(2.1rem, 5.6vw, 3.75rem);
  }
  h2{
    font-size: clamp(2.2rem, 5.5vw, 3.44rem);
    line-height: 1.05;
    letter-spacing: 0em;
    width: 100%;
  }
  h2 small{
    font-size: clamp(1.6rem, 4.6vw, 2.5rem);
  }
  h3{
    font-size: clamp(1.9rem, 4.4vw, 2.8rem);
    line-height: 1.1;
    letter-spacing: 0em;
    width: 100%;
  }
  h3 small{
    font-size: clamp(1.4rem, 3.2vw, 1.9rem);
  }
  h4{
    font-size: clamp(1rem, 1.8vw, 1.1rem);
    text-transform: uppercase;
    letter-spacing: 0.25em;
    font-family: 'Nexa Light', ui-sans-serif, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, Noto Sans, "Apple Color Emoji", "Segoe UI Emoji";
  }
  h5{
    font-size: clamp(0.95rem, 1.6vw, 1rem);
    text-transform: uppercase;
    letter-spacing: 0.25em;
    font-family: 'Nexa Light', ui-sans-serif, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, Noto Sans, "Apple Color Emoji", "Segoe UI Emoji";
  }
  .wp-block-heading{

        margin-block-start: 0.83em;
    margin-block-end: 0.83em;
  }

  a {
    color: var(--kambo-color-a);
    text-decoration: none
  }

  a:hover {
    text-decoration: underline
  }
  /* Reveal Styles as Gutenberg block styles */
  .is-style-reveal-fade,
  .is-style-reveal-up,
  .is-style-reveal-left,
  .is-style-reveal-right{
    opacity: 0;
    transform: translate3d(var(--reveal-x, 0), var(--reveal-y, 0), 0)
               translate3d(var(--parallax-x, 0), var(--parallax-y, 0), 0)
               scale(var(--reveal-scale, 1));
    transition:
      opacity var(--reveal-duration, .9s) var(--reveal-ease, cubic-bezier(.22,.61,.36,1)),
      transform var(--reveal-duration, .9s) var(--reveal-ease, cubic-bezier(.22,.61,.36,1));
  }
  .is-style-reveal-fade{ --reveal-scale: .98; }
  .is-style-reveal-up{ --reveal-y: 25vh; }
  .is-style-reveal-left{ --reveal-x: 25vw; }
  .is-style-reveal-right{ --reveal-x: -25vw; }
  .is-inview.is-style-reveal-fade,
  .is-inview.is-style-reveal-up,
  .is-inview.is-style-reveal-left,
  .is-inview.is-style-reveal-right,
  .in-view.is-style-reveal-fade,
  .in-view.is-style-reveal-up,
  .in-view.is-style-reveal-left,
  .in-view.is-style-reveal-right{
    opacity:1;
    --reveal-x: 0px;
    --reveal-y: 0px;
    --reveal-scale: 1;
  }

  /* Parallax ohne Reveal-Style: aktiviert Transform auf Basis der Variablen */
  [data-parallax], [class*="parallax-"]{ will-change: transform; transform: translate3d(var(--parallax-x,0), var(--parallax-y,0), 0); }

  /* Editor-Vorschau: Immer sichtbar, damit man arbeiten kann */
  .editor-styles-wrapper .is-style-reveal-fade,
  .editor-styles-wrapper .is-style-reveal-up,
  .editor-styles-wrapper .is-style-reveal-left,
  .editor-styles-wrapper .is-style-reveal-right{
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }

  /* Utilities für Geschwindigkeit und Delay */
  .reveal-fast   { --reveal-duration: .6s; }
  .reveal-slow   { --reveal-duration: 1.2s; }
  .reveal-slower { --reveal-duration: 1.6s; }
  .delay-100{ transition-delay:.1s; }
  .delay-200{ transition-delay:.2s; }
  .delay-300{ transition-delay:.3s; }
  .delay-400{ transition-delay:.4s; }
  .delay-500{ transition-delay:.5s; }


  .wp-block-greyd-buttons a, .btn a, .wp-block-greyd-forms-submitbutton{
    border-radius: 999px !important;
    border: 1px solid var(--kambo-color-a);
    padding: 8px 18px !important;
    margin: 10px 0;
    text-decoration: none !important;
    text-transform: uppercase !important;
    color: var(--kambo-color-a) !important;
    background: transparent !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: .5em !important;
    text-align: center !important;
  }
  .wp-block-greyd-buttons a:hover,.btn a:hover,.wp-block-greyd-forms-submitbutton:hover{
    background-color: var(--kambo-color-a) !important;
    color: var(--light) !important;
    border: 1px solid var(--kambo-color-a) !important;
    padding: 8px 18px !important;
  }


  .wp-block-greyd-buttons a::after, .btn a::after,.wp-block-greyd-forms-submitbutton::after{
    content: "";
    width: 1.55em;
    height: 1.55em;
    text-align: right;
    background-color: currentColor;
    /* SVG arrow as mask so it inherits currentColor */
    -webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200"><path fill="%23000" d="M159 70.9l-2.2 2.4L183.6 99H9v3h174.6l-26.2 25.3 2.1 2.6 30.5-29.3-31-29.7z"/></svg>') center / contain no-repeat;
            mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200"><path fill="%23000" d="M159 70.9l-2.2 2.4L183.6 99H9v3h174.6l-26.2 25.3 2.1 2.6 30.5-29.3-31-29.7z"/></svg>') center / contain no-repeat;
  }


  .full-width{
    width: 100%;
  }
  section {
    margin: 3rem 0;
  }
  .text-center{ text-align: center; }
  .text-light{
    color: var(--light);
  }
  .text_lh_12{
    line-height: 1,2;
  }
  .text_lh_11{
    line-height: 1,1;
  }
  .text_lh_10{
    line-height: 1;
  }
  .text_lh_09{
    line-height: 0.9;
  }
  .text_lh_08{
    line-height: 0.8;
  }

  .container {
    max-width: 980px;
    margin: 0 auto;
    padding: 34px 0;
  }



  .bg_light {
    background: var(--light) !important
  }
  .bg_mid {
    background: var(--mid) !important
  }
  /*
  header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;

    z-index: 10;
    transition: background-color 0.7s ease;

  }
  header::before{
    content: "";
    position: absolute;
    inset: 0;
    /*background-image: url('../img/menu.jpg');
    background-size: contain;
    background-repeat: repeat-x;
    background-image:linear-gradient(135deg,var(--mid) 0%,var(--light) 100%);* /
    background-color: var(--mid);
    opacity: 1;
    transition: opacity 0.7s ease;
    z-index: 0;
    pointer-events: none;
    -webkit-box-shadow: 0px 2px 2px 2px rgba(0,0,0,0.15);
    box-shadow: 0px 2px 2px 2px rgba(0,0,0,0.15);
  }

  header .container{ position: relative; z-index: 1; }

  header .wp-block-site-logo a{
    opacity: 1;
    transition: all 0.7s ease;
  }
  .ontop header .wp-block-site-logo a{
    opacity: 0;
    transition: all 0.7s ease;
    display: none;
  }


  .ontop header {
    /* background-color: rgba(206, 191, 181,.7); * /
    background-color: var(--kambo-color-a);
  }
  .ontop header::before { opacity: 0; }

  @media (max-width: 768px) {
    header {
        backdrop-filter: none;
    }
  }*/

  .nav {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px
  }
  nav a.wp-block-navigation-item__content{
    padding: 0 calc(0.7vw + 0.36rem) !important;
  }
  .container.nav {
    width: 100vw;
    max-width: 100vw;
    padding: 24px 50px;
    transition: all 0.7s ease;
  }
  /*.ontop .container.nav {
    padding: 4px 50px;
  }*/
  .brand {
    display: flex;
    align-items: center;
    gap: 12px
  }

  .brand img {
    height: 48px;
    width: auto
  }

  .brand .title {
    font-weight: 700;
    letter-spacing: .14em;
    text-transform: uppercase;
    font-size: 12px;
    color: var(--kambo-color-a)
  }

 /* .menu {
    display: flex;
    gap: 18px
  }
*/
  .wp-block-navigation ul li a {
    letter-spacing: .18em;
    text-transform: uppercase;
    font-size: 12px;
    /* color: var(--kambo-color-a) !important; */
    opacity: .8;
    transition: all 0.3s ease;
    padding:  5px 8px;
  }
  .wp-block-navigation ul li a:hover {
    opacity: 1;
    /* color: var(--dark) !important; */
    text-decoration: underline;
    text-underline-offset: 6px;
    text-decoration-thickness: 0.08em;
    text-decoration-color: currentColor;
  }
  .ontop .wp-block-navigation ul li a {
     /* color: var(--kambo-color-c) !important;
     color: var(--light) !important;*/
  }
  .ontop .wp-block-navigation ul li a:hover {
   /* color: var(--kambo-color-c) !important;
     color: var(--light) !important;*/
  }
  .all{
    width: 100%;
    min-height: 95vh;
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    z-index: 0;
    margin:0;
    padding: 0;
  }

  .wp-block-cover.hero {
    position: relative;
    padding: 0;
    margin: 0;
    overflow: hidden;
    min-height: 43vw;
    max-height: 80vh;
  }
  .hero .wp-block-cover__inner-container {
    position: relative;
    z-index: 1;
  }
  .hero .wp-block-cover__image-background {
    background-attachment: fixed;
    background-position: center top !important;
    background-repeat: no-repeat;
    background-size:cover;
    opacity: var(--hero-bg-opacity, 1);
    transition: opacity 0s linear;
    pointer-events: none;
  }
  .hero img.wp-block-cover__image-background {
    object-fit: cover;
    width: 100%;
    height: 100%;
    opacity: var(--hero-bg-opacity, 1);
    transition: opacity 0.2s linear;
    pointer-events: none;
  }
  .hero .wp-block-group.container{
    padding: 96px 24px 56px;
    will-change: transform;
  }
  .hero .hero-logo{
    margin: 0.6vw auto 1vw;
    display: flex;
    justify-content: center;
  }
  .hero .hero-logo img{
    width: 500px;
    max-width: 80vw;
    opacity: 0;
    transition: all 0.7s ease;
  }
  /*.ontop*/ .hero .hero-logo img{
    opacity: 1;
  }
  .hero h1 {
    line-height: 0.8em;
    margin: 1em 0;
    text-align: center;
    color: var(--wp--preset--color--light);
    /* text-shadow: 1px 1px 0px var(--kambo-color-a); */
    text-shadow: 0px 0px 5px var(--kambo-color-a);
    transition: all 0.4s ease;
    /* opacity: var(--hero-head-opacity, 1); */
    opacity: 1;
  }
  .hero h2 {
    line-height: 0.8em;
    margin: 1em 0;
    text-align: center;
    color: var(--wp--preset--color--light);
    /* text-shadow: 1px 1px 0px var(--kambo-color-a); */
    text-shadow: 0px 0px 4px var(--kambo-color-a);
    transition: all 0.4s ease;
    /* opacity: var(--hero-head-opacity, 1); */
    opacity: 1;
    font-size: clamp(2rem, 4vw, 3rem);
  }
  .hero h3 {
    line-height: 0.8em;
    margin: 1em 0;
    text-align: center;
    color: var(--wp--preset--color--light);
    /* text-shadow: 1px 1px 0px var(--kambo-color-a); */
    text-shadow: 0px 0px 4px var(--kambo-color-a);
    transition: all 0.4s ease;
    /* opacity: var(--hero-head-opacity, 1); */
    opacity: 1;
    font-size: clamp(1.3rem, 3.3vw, 2rem);
  }
  /* .ontop .hero h1{
    opacity: 0.1;
  }

  .hero h2 {
    font-size: 22px;
    color: var(--kambo-color-a);
    font-weight: 400;
    margin: 0 0 28px
  }*/
  .flex {
    display: flex;

    gap: 22px;
  }
  .harter-schatten-dunkel{
    text-shadow: 1px 1px 0px var(--kambo-color-a);
  }
  .harter-schatten-hell{
    text-shadow: 1px 1px 0px var(--light);
  }
  /* Pattern: Vollbreiter Parallax-Abschnitt */
  .pattern-parallax-cover {
    position: relative;
    z-index: 0;
    display: grid;
    place-items: center;
    min-height: 630px;
    padding: clamp(3rem, 8vw, 6rem) 1.5rem;
    overflow: hidden;
    isolation: isolate;
  }
  .pattern-parallax-cover__media {
    position: absolute;
    inset: 0;
    margin: 0;
    z-index: -1 !important;
    will-change: transform;
    pointer-events: none;
  }
  .pattern-parallax-cover__media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: var(--pattern-parallax-cover-object-position, center 10%) !important;
    display: block;
  }
  .pattern-parallax-cover__content {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: var(--wp--preset--spacing--30, 1rem);
    max-width: min(1024px, 80vw);
    width: 100%;
    z-index: 1;
    color: var(--wp--preset--color--white, #fff);
  }
  .pattern-parallax-cover__content > * {
    margin: 0;
  }
  @media (max-width: 1024px) {
    .pattern-parallax-cover {
      padding: clamp(3rem, 10vw, 5rem) 1.25rem;
    }
    .pattern-parallax-cover__content {
      max-width: min(620px, 88vw);
    }
  }
  @media (max-width: 781px) {
    .pattern-parallax-cover {
      min-height: auto;
      padding: clamp(2.5rem, 14vw, 4rem) 1.25rem;
    }
    .pattern-parallax-cover__media {
      transform: none !important;
      --parallax-y: 0 !important;
    }
  }
  .editor-styles-wrapper .pattern-parallax-cover__media {
    pointer-events: auto;
    transform: none !important;
    --parallax-y: 0 !important;
  }

  /* Blog index */
  .blog-index {
    padding: clamp(3rem, 8vw, 5rem) 1.5rem;
    gap: clamp(2.5rem, 6vw, 4rem);
  }
  .blog-index .wp-block-query {
    display: grid;
    gap: clamp(2rem, 5vw, 3rem);
  }
  .blog-index .wp-block-post-template {
    display: grid;
    gap: clamp(2rem, 5vw, 3rem);
  }
  .blog-card {
    display: flex;
    flex-direction: column;
    gap: clamp(1.2rem, 3vw, 1.8rem);
  }
  .blog-card__content {
    gap: 0.75rem;
    text-align: left;
  }
  .blog-card__content .wp-block-post-title {
    margin: 0;
    line-height: 1.1;
  }
  .blog-card__content .wp-block-post-excerpt {
    margin: 0;
  }
  .blog-card .wp-block-post-featured-image img {
    width: 100%;
    height: 260px;
    object-fit: cover;
    object-position: center;
    border-radius: 12px;
    display: block;
  }
  .blog-pagination {
    margin-top: clamp(1.5rem, 4vw, 2.5rem);
  }
  .blog-pagination .wp-block-query-pagination {
    gap: 1rem;
    font-size: 0.9rem;
  }
  .blog-pagination a {
    color: inherit;
    border-bottom: 1px solid currentColor;
    padding-bottom: 2px;
  }
  @media (min-width: 781px) {
    .blog-index .wp-block-post-template {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }

  .flex-row{
    flex-direction: row;
  }
  footer .flex-row{
    justify-content: center;
    align-items: center;
  }
  section{
    overflow: hidden;
  }
  .flex-column{
    flex-direction: column;
  }
  section.popups{
    margin: 0;
  }
  .flex div{
    flex: 1;
  }
  section.bg_img_half{
    position: relative;
    min-height: 30vw;

  }
  section.bg_img_half > .container{
    display: flex;
    flex-wrap: nowrap;
    align-items: stretch;
    gap: 1.5rem; /* gewünschter Abstand */
  }
  /* Reserviert die linke (leere) Spalte, falls kein echtes erstes Div vorhanden ist */
  section.bg_img_half > .container::before{
    content: "";
    flex: 0 0 calc(37% - 3vw - 1.5rem);
  }
  section.bg_img_half > .container > div{ min-width: 0; }
  /* Standard: zwei echte Divs (mittlere + rechte Spalte) */
  section.bg_img_half > .container > div:nth-child(1){ flex: 0 0 26%; }
  section.bg_img_half > .container > div:nth-child(2){ flex: 0 0 calc(37% + 3vw - 1.5rem); }
  /* Fallback: falls doch drei Divs vorhanden sind, Spacer ausblenden und alte Breiten nutzen */
  section.bg_img_half > .container:has(> div:nth-child(3))::before{ content: none; }
  section.bg_img_half > .container:has(> div:nth-child(3)) > div:nth-child(1){ flex: 0 0 calc(37% - 3vw - 1.5rem); }
  section.bg_img_half > .container:has(> div:nth-child(3)) > div:nth-child(2){ flex: 0 0 26%; }
  section.bg_img_half > .container:has(> div:nth-child(3)) > div:nth-child(3){ flex: 0 0 calc(37% + 3vw - 1.5rem); }
  section.bg_img_half::before{
    content: "";
    display: block;
    position: absolute;
    width: 47vw;
    height: 100%;
    background-image: url('../img/IchBinNina.jpg');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    opacity: 1;
    transition: opacity 0.7s ease;
    z-index: -1;
    pointer-events: none;
  }

  footer {
    color: var(--kambo-color-a);
    color: var(--white);
    padding: 0;
    margin-top: 60px
  }
  footer .bg-kambo-gradient-grey{
    padding: 2rem 1.5rem;
  }

  footer .sozial_icon{
    width: 20px;
  }
  footer h3{
    margin: 0;
  }
  footer .wp-block-navigation ul li a {
    opacity: 1;
  }

  .small {
    font-size: 13px;
    color: var(--kambo-color-a)
  }

  .hr {
    height: 1px;
    background: var(--dark);
    margin: 24px 0
  }




  /* (removed auto gradient utilities; keeping fixed .bg-kambo-gradient) */

  /* Reveal animations (fade/slide) and parallax utilities */
  .reveal {
    --reveal-duration: 0.9s;
    --reveal-delay: 0s;
    --reveal-ease: cubic-bezier(.22,.61,.36,1);
    --parallax-x: 0px;
    --parallax-y: 0px;
    opacity: 0;
    transform: translate3d(var(--reveal-x, 0), var(--reveal-y, 0), 0)
               translate3d(var(--parallax-x, 0), var(--parallax-y, 0), 0)
               scale(var(--reveal-scale, 1));
    transition:
      opacity var(--reveal-duration) var(--reveal-ease) var(--reveal-delay),
      transform var(--reveal-duration) var(--reveal-ease) var(--reveal-delay);
    will-change: opacity, transform;
  }
  .reveal.in-view {
    opacity: 1;
    --reveal-x: 0px;
    --reveal-y: 0px;
    --reveal-scale: 1;
  }
  /* Variants (apply offsets only BEFORE reveal) */
  .reveal:not(.in-view)[data-anim="fade"] { --reveal-scale: .98; }
  .reveal:not(.in-view)[data-anim="up"]   { --reveal-y: 25vh; }
  .reveal:not(.in-view)[data-anim="down"] { --reveal-y: -25vh; }
  .reveal:not(.in-view)[data-anim="left"] { --reveal-x: 25vw; }
  .reveal:not(.in-view)[data-anim="right"]{ --reveal-x: -25vw; }

  /* Testimonials carousel */
  .testimonial-slider {
    --testimonial-gap: clamp(1rem, 2vw, 2.4rem);
    --testimonial-columns: 1;/*3;*/
    --testimonial-duration: 600ms;
    gap: 2.5rem;
    margin-block: 4rem;
  }
  .testimonial-slider__viewport {
    overflow: hidden;
    width: 100%;
  }
  .testimonial-slider__track {
    display: flex;
    gap: var(--testimonial-gap);
    padding: 0;
    margin: 0;
    transform: translate3d(var(--testimonial-offset, 0px), 0, 0);
    transition: transform var(--testimonial-duration) cubic-bezier(.25,.8,.25,1);
    will-change: transform;
  }
  .testimonial-slider__track > * {
    list-style: none;
  }
  .testimonial-card {
    flex: 0 0 calc((100% - (var(--testimonial-columns) - 1) * var(--testimonial-gap)) / var(--testimonial-columns));
    /* background-color: var(--light); */
    color: var(--kambo-color-c);
    /* border-radius: 24px; */
    /* padding: clamp(1.5rem, 3vw, 2.5rem); */
    /* box-shadow: 0 16px 40px rgba(0,0,0,0.06); */
    min-height: 100%;
    display: flex;
    flex-direction: column;
  }
  .testimonial-card__headline {
    font-family: 'Nexa', ui-sans-serif, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, Noto Sans, "Apple Color Emoji", "Segoe UI Emoji";
    font-size: clamp(1.15rem, 2vw, 1.45rem);
    letter-spacing: 0.04em;
    text-transform: none;
    margin: 0 0 0.6rem 0;
    /* color: var(--kambo-color-c); */
    color: var(--light);
    text-align: center;
  }
  .testimonial-card__intro {
    font-size: clamp(0.95rem, 1.8vw, 1.1rem);
    color: var(--kambo-color-a);
    margin: 0 0 1rem 0;
    line-height: 1.6;
  }
  .testimonial-card__quote {
    /*
    font-family: 'Nexa', ui-sans-serif, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, Noto Sans, "Apple Color Emoji", "Segoe UI Emoji";
    font-size: clamp(1.05rem, 2vw, 1.3rem);

    font-size: clamp(.8rem, 1.5vw, 1rem);*/
    line-height: 1.4;
    margin: 0 0 1.5rem 0;
  }
  .testimonial-card__quote p:last-child {
    margin-bottom: 0;
  }
  .testimonial-card__quote  .wp-block-buttons-is-layout-flex{
    justify-content: end;
  }

  .testimonial-card__quote .btn a, .testimonial-card__quote .wp-block-greyd-buttons a{
    background: none;
    border-color: transparent;
  }
  .testimonial-card__quote .btn a:hover, .testimonial-card__quote .wp-block-greyd-buttons a:hover{
    color: var(--kambo-color-c);
    border-color: var(--kambo-color-a);
  }

  .testimonial-card__meta {
    font-size: 0.95rem;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    margin: 0;
    color: var(--kambo-color-a);
    margin-top: auto;
  }
  .testimonial-slider__controls {
    margin-top: clamp(1.5rem, 3vw, 2.5rem);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: clamp(1rem, 2vw, 2rem);
  }
  .testimonial-slider__button {
    border: 1px solid var(--light);
    background: transparent;
    color: var(--light);
    border-radius: 999px;
    width: 48px;
    height: 48px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    line-height: 1;
    cursor: pointer;
    transition: background-color 0.3s ease, color 0.3s ease;
  }
  .testimonial-slider__button:hover,
  .testimonial-slider__button:focus-visible {
    background: var(--light);
    color: var(--kambo-color-a);
    outline: none;
  }
  .testimonial-slider__button:disabled {
    opacity: 0.4;
    cursor: default;
  }
  .testimonial-slider__status {
    margin: 0;
    display: inline-flex;
    align-items: center;
    gap: 0.4em;
    font-family: 'Nexa', ui-sans-serif, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, Noto Sans, "Apple Color Emoji", "Segoe UI Emoji";
    font-size: 0.9rem;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--light);
  }
  .testimonial-slider__status-separator{
        font-weight: 900;
    font-size: 200%;
  }
  .testimonial-slider__status-current,
  .testimonial-slider__status-total {
    min-width: 1.2ch;
    text-align: center;
  }
  .testimonial-slider__status-separator {
    opacity: 0.5;
  }
  @media (max-width: 1024px) {
    .testimonial-slider { --testimonial-columns: 1;/*2;*/ }
  }
  @media (max-width: 680px) {
    .testimonial-slider {
      --testimonial-columns: 1;
      margin-block: 3rem;
    }
    .testimonial-slider__controls {
      gap: 1.5rem;
    }
  }
  .testimonial-slider--empty {
    border: 1px dashed var(--mid);
    border-radius: 18px;
    padding: 2rem;
    text-align: center;
    color: var(--kambo-color-a);
    font-size: 0.95rem;
    letter-spacing: 0.06em;
    text-transform: uppercase;
  }

  /* Generic parallax opt-in */
  [data-parallax] { will-change: transform; }


  .versatz-links{
    margin-left: 25vw;
    max-width: 500px;
  }
  @media (min-width: 1024px) {
   .versatz-links{
    margin-left: 300px;
  }
  }
@media (max-width: 1023px) {
  .container{
    padding-left: 24px !important;
    padding-right: 24px !important;
  }
}

.untern_rund{
  padding: 2rem 1rem 4rem 1rem;
  border-color: var(--light);
  border-width: 1px;
  border-style: solid;
  border-bottom-left-radius: 50%;
  border-bottom-right-radius: 50%;
  max-width: 600px;
  border-top: none;
}
.oben_rund{
  padding: 8rem 1rem 2rem 1rem;
  border-color: var(--light);
  border-width: 1px;
  border-style: solid;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom: none;
  height: 100%;
}
.bild_schwebend_390{
 position: relative;
}
.bild_schwebend_390 img{
  position: absolute;
  border-top-left-radius: 200px;
    border-bottom-right-radius: 200px;
    left: 0;
    top: 20px;
    width: 390px;
}
.abgerundet_a img{
  border-top-right-radius: 200px;
    border-bottom-left-radius: 200px;
}
.abgerundet_b img{
  border-top-left-radius: 200px;
    border-bottom-right-radius: 200px;
}

.abgerundet_a .wp-block-group{
  border-top-right-radius: 200px;
    border-bottom-left-radius: 200px;
    padding-top: 135px !important;
    padding-bottom: 155px !important;
}
.breiter{
  max-width: 1180px;
  padding-left: 100px;
  padding-right: 100px;
}
  @media (max-width: 1000px) {
    .breiter{
      padding-left: 24px;
      padding-right: 24px;
    }
  }
.bg-buch-braun{

  background-image: url('../img/BuchtitelBraunLightSmall.jpg');
  background-size: cover;
  background-position: center 0;
}
/* Gradient utility copied from site
.bg-kambo-gradient-green{ background-image:linear-gradient(135deg,var(--kambo-color-b) 0%,var(--kambo-color-c) 100%); }*/
.bg-kambo-gradient-grey{ background-color: var(--mid);}

.text-shadow-white{
  text-shadow: 2px 2px 3px var(--white);
}
.text-shadow-black{
  text-shadow: 2px 2px 3px var(--kambo-color-c);
}
.text-shadow-mid{
text-shadow: 2px 2px 3px var(--mid);
}


.position-absolute{
  position: absolute;
}
.position-relative{
  position: relative;
}
.white-border-top{
  border-top: 25px solid var(--white);
}
.white-border-bottom{
  border-bottom: 25px solid var(--white);
}
.height-100{
  height: 100%;
}
.min-height-40vw{
  min-height: 40vw;
}


/* SECTIONS */
/*
.section-geht-das-content{
  margin-top: -20vh !important;
}
*/





.is-menu-open{
  background-color: var(--light) !important;
  padding: 7vw !important;
}
.is-menu-open ul.wp-block-navigation__container{
  width: 100%;
  border-top: 1px solid var(--kambo-color-a);
}
.is-menu-open ul.wp-block-navigation__container li.wp-block-navigation-link{
  border-bottom: 1px solid var(--kambo-color-a);
  width: 100%;
  padding: 15px 0;
}
.is-menu-open ul.wp-block-navigation__container li.wp-block-navigation-link a{
  display: block;
  width: 100%;
}
iframe{
  border: none !important;
}
.agb p{
  margin-bottom: 20px;
}
.agb ol, .agb ul {
  padding-left: 40px;
}
.testimonial-card{
padding-left: 10vw; padding-right:10vw;}

.footermenu {
  flex-direction: column;
  align-items: end;
}

@media (max-width: 768px) {
.footerlogo h3{
font-size: 400%;
    margin: 0 70px 50px 70px;
    width: 400px;
    display: inline-block;
  margin-block-end: 70px !important;}
}

.greyd_form{
  background-color: var(--light);
  padding: 1.6rem;
  border-radius: 14px;
}
.greyd_form .input-wrapper{
  background-color: rgba(255,255,255,.6);
  padding: 1.4rem;
  border-radius: 10px;
}
.greyd-forms-tooltip-popup.active{
  background-color: var(--white);
}