.elementor-2109 .elementor-element.elementor-element-fdc7262{--display:flex;}.elementor-2109 .elementor-element.elementor-element-f7cdc51 .elementor-heading-title{font-family:"Roboto", Sans-serif;color:#000000;}.elementor-2109 .elementor-element.elementor-element-52b90f8 .elementor-author-box__avatar img{width:72px;height:72px;}.elementor-2109 .elementor-element.elementor-element-52b90f8 .elementor-author-box__bio{font-family:"Roboto", Sans-serif;font-size:12px;font-weight:400;}.elementor-2109 .elementor-element.elementor-element-f345b2d{color:#000000;}.elementor-2109 .elementor-element.elementor-element-801b11f{--display:flex;}.elementor-2109 .elementor-element.elementor-element-2809976{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2109 .elementor-element.elementor-element-9a8231f{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2109 .elementor-element.elementor-element-65cf91d{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2109 .elementor-element.elementor-element-65cf91d.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-2109 .elementor-element.elementor-element-2412bdb{padding:0px 0px 0px 0px;}.elementor-2109 .elementor-element.elementor-element-2b6ef40{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2109 .elementor-element.elementor-element-19f7bb8{font-family:"Roboto", Sans-serif;font-size:19px;color:#000000;}.elementor-2109 .elementor-element.elementor-element-0e1af14{--spacer-size:50px;}.elementor-2109 .elementor-element.elementor-element-c597b7f{--display:flex;}.elementor-2109 .elementor-element.elementor-element-e138036{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2109 .elementor-element.elementor-element-6e9759f{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2109 .elementor-element.elementor-element-9a47790{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2109 .elementor-element.elementor-element-9a47790.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-2109 .elementor-element.elementor-element-35789a8{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2109 .elementor-element.elementor-element-607cbb7{font-size:19px;}.elementor-2109 .elementor-element.elementor-element-ebb1686{--spacer-size:50px;}.elementor-2109 .elementor-element.elementor-element-5526553{--display:flex;}.elementor-2109 .elementor-element.elementor-element-cd8aacc{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2109 .elementor-element.elementor-element-9306001{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2109 .elementor-element.elementor-element-160111a{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2109 .elementor-element.elementor-element-160111a.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-2109 .elementor-element.elementor-element-4904d6e{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2109 .elementor-element.elementor-element-465b3e4{font-size:19px;}.elementor-2109 .elementor-element.elementor-element-67b8fbe{--spacer-size:50px;}.elementor-2109 .elementor-element.elementor-element-8171926{--display:flex;}.elementor-2109 .elementor-element.elementor-element-028e614{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2109 .elementor-element.elementor-element-38f2009{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2109 .elementor-element.elementor-element-24cfead{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2109 .elementor-element.elementor-element-24cfead.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-2109 .elementor-element.elementor-element-d74cd0b{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2109 .elementor-element.elementor-element-221e8eb{font-size:19px;}.elementor-2109 .elementor-element.elementor-element-cd81d25{--spacer-size:50px;}.elementor-2109 .elementor-element.elementor-element-cd8f896{--display:flex;}.elementor-2109 .elementor-element.elementor-element-227d2f0{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2109 .elementor-element.elementor-element-c177eac{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2109 .elementor-element.elementor-element-493b242{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2109 .elementor-element.elementor-element-493b242.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-2109 .elementor-element.elementor-element-adefda5{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2109 .elementor-element.elementor-element-c140d74{font-size:19px;}.elementor-2109 .elementor-element.elementor-element-99019ad{--spacer-size:50px;}.elementor-2109 .elementor-element.elementor-element-b8ea5ff{--display:flex;}.elementor-2109 .elementor-element.elementor-element-d4f66ba{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2109 .elementor-element.elementor-element-304a77e{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2109 .elementor-element.elementor-element-bc328d3{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2109 .elementor-element.elementor-element-bc328d3.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-2109 .elementor-element.elementor-element-f4472c9{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2109 .elementor-element.elementor-element-987dc8d{font-size:19px;}.elementor-2109 .elementor-element.elementor-element-5165ff3{--spacer-size:50px;}.elementor-2109 .elementor-element.elementor-element-65f6369{--display:flex;}.elementor-2109 .elementor-element.elementor-element-6d34fd1{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2109 .elementor-element.elementor-element-bb0e5f7{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2109 .elementor-element.elementor-element-a9769af{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2109 .elementor-element.elementor-element-a9769af.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-2109 .elementor-element.elementor-element-2d90a78{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2109 .elementor-element.elementor-element-47ad485{font-size:19px;}.elementor-2109 .elementor-element.elementor-element-b1b82d3{--spacer-size:50px;}.elementor-2109 .elementor-element.elementor-element-fa8cc3c{--display:flex;}.elementor-2109 .elementor-element.elementor-element-76aef99{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2109 .elementor-element.elementor-element-3e56550{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2109 .elementor-element.elementor-element-8dd9b0f{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2109 .elementor-element.elementor-element-8dd9b0f.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-2109 .elementor-element.elementor-element-3eb051b{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2109 .elementor-element.elementor-element-ca81873{font-size:19px;}.elementor-2109 .elementor-element.elementor-element-6536a1a{--spacer-size:50px;}.elementor-2109 .elementor-element.elementor-element-bd36351{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;}.elementor-2109 .elementor-element.elementor-element-d23e3f2{margin:-440px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-2109 .elementor-element.elementor-element-16e6681{--spacer-size:50px;}.elementor-2109 .elementor-element.elementor-element-47e231d6{--display:flex;--min-height:0px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:0px 0px 0px 0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-2109 .elementor-element.elementor-element-47e231d6:not(.elementor-motion-effects-element-type-background), .elementor-2109 .elementor-element.elementor-element-47e231d6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFBE5;}.elementor-2109 .elementor-element.elementor-element-4cc3d446{--display:flex;--min-height:0px;border-style:dashed;--border-style:dashed;border-width:1px 0px 1px 1px;--border-top-width:1px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:1px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-2109 .elementor-element.elementor-element-4cc3d446:not(.elementor-motion-effects-element-type-background), .elementor-2109 .elementor-element.elementor-element-4cc3d446 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-2109 .elementor-element.elementor-element-4cc3d446.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-2109 .elementor-element.elementor-element-70a90032{width:100%;max-width:100%;background-color:#120E3F;margin:-8px -8px calc(var(--kit-widget-spacing, 0px) + -8px) -8px;padding:131px 0px 0px 0px;}.elementor-2109 .elementor-element.elementor-element-7f911a16{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:dashed;--border-style:dashed;border-width:1px 1px 1px 0px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2109 .elementor-element.elementor-element-7f911a16:not(.elementor-motion-effects-element-type-background), .elementor-2109 .elementor-element.elementor-element-7f911a16 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-2109 .elementor-element.elementor-element-14ec4991{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2109 .elementor-element.elementor-element-86afa9a{text-align:center;}.elementor-2109 .elementor-element.elementor-element-7f288ab1{--display:flex;}.elementor-2109 .elementor-element.elementor-element-7246c9e7 .elementor-button{background-color:#2A2552;font-family:"Roboto", Sans-serif;font-size:17px;font-weight:800;text-transform:uppercase;border-radius:13px 13px 13px 13px;padding:32px 32px 32px 32px;}.elementor-2109 .elementor-element.elementor-element-7246c9e7 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-2109 .elementor-element.elementor-element-af60f97{--display:flex;}.elementor-2109 .elementor-element.elementor-element-4b2d2b1{text-align:center;}.elementor-2109 .elementor-element.elementor-element-4eaddde{--spacer-size:50px;}.elementor-2109 .elementor-element.elementor-element-42cd4810{--display:flex;}.elementor-2109 .elementor-element.elementor-element-40dc609a{margin:-450px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}:root{--page-title-display:none;}@media(max-width:767px){.elementor-2109 .elementor-element.elementor-element-f7cdc51 .elementor-heading-title{font-size:36px;}.elementor-2109 .elementor-element.elementor-element-52b90f8 .elementor-author-box__avatar img{width:56px;height:56px;}body.rtl .elementor-2109 .elementor-element.elementor-element-52b90f8.elementor-author-box--layout-image-left .elementor-author-box__avatar,
					 body:not(.rtl) .elementor-2109 .elementor-element.elementor-element-52b90f8:not(.elementor-author-box--layout-image-above) .elementor-author-box__avatar{margin-right:9px;margin-left:0;}body:not(.rtl) .elementor-2109 .elementor-element.elementor-element-52b90f8.elementor-author-box--layout-image-right .elementor-author-box__avatar,
					 body.rtl .elementor-2109 .elementor-element.elementor-element-52b90f8:not(.elementor-author-box--layout-image-above) .elementor-author-box__avatar{margin-left:9px;margin-right:0;}.elementor-2109 .elementor-element.elementor-element-52b90f8.elementor-author-box--layout-image-above .elementor-author-box__avatar{margin-bottom:9px;}.elementor-2109 .elementor-element.elementor-element-a68cb88 .elementor-heading-title{font-size:28px;}.elementor-2109 .elementor-element.elementor-element-19f7bb8{font-size:16px;}.elementor-2109 .elementor-element.elementor-element-0e1af14{--spacer-size:1px;}.elementor-2109 .elementor-element.elementor-element-ebb1686{--spacer-size:1px;}.elementor-2109 .elementor-element.elementor-element-67b8fbe{--spacer-size:1px;}.elementor-2109 .elementor-element.elementor-element-cd81d25{--spacer-size:1px;}.elementor-2109 .elementor-element.elementor-element-c140d74{font-size:19px;}.elementor-2109 .elementor-element.elementor-element-99019ad{--spacer-size:1px;}.elementor-2109 .elementor-element.elementor-element-987dc8d{font-size:19px;}.elementor-2109 .elementor-element.elementor-element-5165ff3{--spacer-size:1px;}.elementor-2109 .elementor-element.elementor-element-47ad485{font-size:19px;}.elementor-2109 .elementor-element.elementor-element-b1b82d3{--spacer-size:1px;}.elementor-2109 .elementor-element.elementor-element-ca81873{font-size:19px;}.elementor-2109 .elementor-element.elementor-element-6536a1a{--spacer-size:1px;}.elementor-2109 .elementor-element.elementor-element-d23e3f2{margin:-820px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-2109 .elementor-element.elementor-element-47e231d6{--margin-top:20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-2109 .elementor-element.elementor-element-4cc3d446{border-width:1px 1px 0px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:0px;--border-left-width:1px;--padding-top:25px;--padding-bottom:25px;--padding-left:25px;--padding-right:25px;}.elementor-2109 .elementor-element.elementor-element-70a90032{padding:66px 0px 0px 0px;}.elementor-2109 .elementor-element.elementor-element-7f911a16{border-width:0px 1px 1px 1px;--border-top-width:0px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;}.elementor-2109 .elementor-element.elementor-element-14ec4991{--border-radius:0px 1px 0px 1px;}.elementor-2109 .elementor-element.elementor-element-40dc609a{margin:-930px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}}@media(min-width:768px){.elementor-2109 .elementor-element.elementor-element-fdc7262{--content-width:855px;}.elementor-2109 .elementor-element.elementor-element-65cf91d{--width:41.976%;}.elementor-2109 .elementor-element.elementor-element-9a47790{--width:41.976%;}.elementor-2109 .elementor-element.elementor-element-160111a{--width:41.976%;}.elementor-2109 .elementor-element.elementor-element-24cfead{--width:41.976%;}.elementor-2109 .elementor-element.elementor-element-493b242{--width:41.976%;}.elementor-2109 .elementor-element.elementor-element-bc328d3{--width:41.976%;}.elementor-2109 .elementor-element.elementor-element-a9769af{--width:41.976%;}.elementor-2109 .elementor-element.elementor-element-8dd9b0f{--width:41.976%;}.elementor-2109 .elementor-element.elementor-element-47e231d6{--content-width:786px;}.elementor-2109 .elementor-element.elementor-element-4cc3d446{--width:35.144%;}.elementor-2109 .elementor-element.elementor-element-7f911a16{--width:50%;}}



/* Start custom CSS for html, class: .elementor-element-0197bd4 */<style>
/* Dein bestehendes CSS bis .compare-wrapper ... */
.compare-wrapper {
  max-width: 800px;
  margin: 0 auto;
  font-family: Arial, sans-serif;
}

/* WICHTIG: Änderungen an .compare-row */
.compare-row {
  display: flex;
  align-items: center; /* Behält die vertikale Zentrierung der Zellen bei */
  /* border-bottom: 1px solid #eee; -- ENTFERNT VON HIER */
  /* padding: 15px 0; -- ENTFERNT VON HIER, Padding kommt jetzt in die Zellen */
}

/* WICHTIG: Änderungen an .compare-cell für Padding */
.compare-cell {
  padding: 15px 10px; /* Einheitlicher Innenabstand für ALLE Zellen (15px oben/unten, 10px links/rechts) */
  text-align: center;
  font-size: 15px;
  /* position: relative; -- Kann nützlich sein, aber erstmal nicht zwingend */
}

/* Flex-Breiten für die Spalten (bleibt gleich) */
.label-cell {
  flex: 1.8;
  text-align: left;
  font-weight: bold; /* Wird jetzt über .header-row .compare-cell für Titelzeile gesetzt */
  display: flex; /* Für Icon-Ausrichtung */
  align-items: center; /* Für Icon-Ausrichtung */
}
.javvy-cell {
  flex: 2.5;
  background-color: #e6f7f9; /* Blauer Hintergrund bleibt */
  /* Padding wird von .compare-cell geerbt */
  text-align: center;
}
.mainstream-cell,
.protein-cell {
  flex: 2;
}

/* NEU: Rand nur für bestimmte Zellen */
.label-cell,
.mainstream-cell,
.protein-cell {
  border-bottom: 1px solid #eee;
}

/* NEU: Rand von diesen Zellen in der LETZTEN Zeile entfernen */
.compare-row:last-child .label-cell,
.compare-row:last-child .mainstream-cell,
.compare-row:last-child .protein-cell {
  border-bottom: none;
}

/* Abgerundete Ecken für Javvy-Spalte (bleibt gleich, aber wichtig, dass .javvy-cell keinen border-bottom hat) */
.header-row .javvy-cell {
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  border-bottom: none; /* Sicherstellen, dass hier kein Rand ist */
}
.compare-row:not(.header-row):not(:last-child) .javvy-cell {
  border-radius: 0;
  border-bottom: none; /* Sicherstellen, dass hier kein Rand ist */
}
.compare-row:last-child .javvy-cell {
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
  border-bottom: none; /* Sicherstellen, dass hier kein Rand ist */
}


/* Styling für Titelzeile und deren Zellen */
.header-row .compare-cell { /* Macht Text in allen Zellen der Titelzeile fett */
    font-weight: bold;
}
/* Die .label-cell in der .header-row ist leer, falls sie Text hätte, wäre er fett */

.header-mainstream, /* Dies sind Klassen auf den Zellen in der .header-row */
.header-mainstream { /* Dies ist eine Klasse auf der Zelle in der .header-row */
  color: #d32b5c;
}
.header-protein {
  font-size: 14px; /* Fett durch .header-row .compare-cell */
}
.header-protein { /* Dies ist eine Klasse auf der Zelle in der .header-row */
  color: #d32b5c;
}


/* Inhalte der Javvy-Zelle (weitgehend unverändert) */
.javvy-headline {
  font-size: 22px;
  /* font-weight: bold; -- Wird von .header-row .compare-cell geerbt, falls in Titelzeile */
  padding: 0 5px;
  margin-bottom: 10px; /* Abstand zum nächsten Element in der Zelle */
}
.javvy-box {
  padding: 5px;
  margin-bottom: 10px; /* Abstand zum nächsten Element oder zum Zellenboden */
}
.javvy-value {
  font-weight: bold;
  font-size: 18px;
}
.javvy-sub {
  font-size: 11px;
  color: #555;
  margin-top: 4px;
}
.javvy-cell .emoji {
  font-size: 28px;
  padding-top: 5px; /* Oder margin-top, um es vom Element darüber abzusetzen */
}

/* Andere Zellinhalte */
.small-note {
  font-size: 11px;
  color: #999;
  display: block;
  margin-top: 3px;
}
.mainstream-cell .emoji,
.protein-cell .emoji {
    font-size: 28px;
    /* Das Padding kommt jetzt von .compare-cell (15px oben/unten) */
}
/* Innerhalb deines <style>-Tags */

/* ... (alle vorherigen CSS-Regeln bleiben gleich bis zu .compare-row) ... */

.compare-row {
  display: flex;
  /* align-items: center; -- Das war der vorherige Wert */
  align-items: stretch; /* NEUER WERT: Zwingt alle Zellen in der Zeile, gleich hoch zu sein */
  /* Kein direktes Padding oder border-bottom auf der Zeile selbst */
}

/* ... (der Rest deines CSS bleibt gleich) ... */
.javvy-cell {
  flex: 2.5;
  background-color: #e6f7f9;
  text-align: center;
  /* padding wird von .compare-cell geerbt */

  /* NEU: Schatten hinzufügen */
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.12); /* Ein dezenter Schatten */
  position: relative; /* Kann für die Stapelreihenfolge nützlich sein */
  /* z-index: 1; */ /* Nur hinzufügen, falls der Schatten von den Linien benachbarter Zellen überdeckt wird */
}
/* =================================================================== */
/* VOLLSTÄNDIGE MOBILE STYLES (Desktop-Layout kompakter darstellen)    */
/* =================================================================== */
@media (max-width: 640px) { /* Du kannst diesen Wert (Breakpoint) bei Bedarf anpassen */

    .compare-wrapper {
        max-width: 100%; /* Tabelle nutzt die volle verfügbare Breite */
        margin-left: 5px;  /* Kleiner Rand links und rechts für etwas Abstand zum Bildschirmrand */
        margin-right: 5px;
        /* border-radius: 0; */ /* Optional: Entferne abgerundete Ecken des Wrappers, falls störend */
    }

    /* Basis-Schriftgröße und Padding für alle Zellen reduzieren */
    .compare-cell {
        font-size: 12px;   /* Kleinere Grundschriftgröße (Desktop z.B. 15px) */
        padding: 5px 5px; /* Reduziertes Padding (Desktop z.B. 15px 10px) */
    }

    /* Überschriften in der Kopfzeile anpassen */
    .javvy-headline { /* Für "✨ javvy ✨" oder "✨ True Nature ✨" */
        font-size: 16px; /* Verkleinert (Desktop z.B. 22px) */
        padding: 8px 5px;
        margin-bottom: 5px;
    }

    .grouped-header-cell { /* Die Zelle mit rosa Hintergrund */
        border-top-width: 1px;    /* Dünnere gestrichelte Linie */
        border-bottom-width: 1px;
        /* display: flex; align-items: stretch; -- bleibt vom Desktop für die Struktur erhalten */
    }

    .mainstream-header-title,
    .protein-header-title {
        font-size: 11px; /* Verkleinert (Desktop z.B. 14px) */
        font-weight: bold;
        text-align: center;
        flex: 1; /* Beibehalten von Desktop für gleichmäßige Verteilung */
        /* Angepasstes Padding, um Text nach unten zu schieben für bessere vertikale Ausrichtung */
        padding-top: 16px;    /* Erhöhe diesen Wert, um Text weiter nach unten zu schieben */
        padding-bottom: 8px;   /* Ggf. anpassen für Gesamthöhe */
        padding-left: 3px;
        padding-right: 3px;
    }
    /* Die Textfarbe für .protein-header-title wird von den Desktop-Stilen übernommen */


    /* Label-Zelle (Calories, Protein etc.) Text anpassen */
    .label-cell {
        /* font-size erbt von .compare-cell (12px) */
        padding-left: 1px;
        /* Icons (Emojis) in der Label-Zelle werden durch die vererbte Schriftgröße kleiner */
    }


    /* Inhalte der Javvy-Zelle anpassen */
    .javvy-box { /* Container für Wert und Untertitel */
        padding: 6px 5px;
        margin-bottom: 5px;
    }
    .javvy-value {
        font-size: 14px; /* Verkleinert (Desktop z.B. 18px) */
    }
    .javvy-sub {
        font-size: 10px; /* Verkleinert (Desktop z.B. 11px) */
        margin-top: 2px;
    }


    /* Inhalte der Mainstream- und Protein-Zellen */
    /* Die Schriftgröße wird von .compare-cell (12px) geerbt. */

    .small-note { /* Notiz wie "or artificial sweeteners" */
        font-size: 9px;  /* Verkleinert (Desktop z.B. 11px) */
        margin-top: 2px;
        line-height: 1.2; /* Hilft bei eventuellem Umbruch */
    }

    /* Emojis anpassen */
    .emoji {
        font-size: 1.3em; /* Relativ zur Schriftgröße der Zelle (ca. 15-16px) */
    }
    /* Spezifisches Padding für Emojis in Javvy-Zelle ist evtl. nicht mehr nötig
       oder muss an das reduzierte Zell-Padding angepasst werden.
    .javvy-cell .emoji {
        padding-top: 3px;
    } */


    /* Wichtig: Die Desktop Flexbox-Struktur für Spalten (`display: flex` auf .compare-row,
       `flex-direction: row`, und die `flex` Werte der Zellen) bleibt für dieses Layout erhalten
       und wird NICHT überschrieben.
       Auch `align-items: stretch;` auf `.compare-row` bleibt wichtig.
    */

    /* Option für horizontales Scrollen, falls der Inhalt immer noch zu breit ist (auskommentiert): */
    /*
    .compare-wrapper {
        overflow-x: auto; // Erlaubt horizontales Wischen/Scrollen
    }
    .compare-row {
        min-width: 500px; // Setze eine Mindestbreite für die Zeilen, um das Layout zu halten.
                          // Dieser Wert (z.B. 500px) muss experimentell ermittelt werden,
                          // je nachdem, wie schmal die Spalten minimal werden dürfen.
    }
    */
}
/* Innerhalb deiner @media (max-width: 640px) { ... } Regel */

/* ... (alle anderen mobilen CSS-Regeln bleiben unverändert) ... */

/* NEU: Anpassung der Flex-Werte für mobile Spaltenbreiten */
/* Diese überschreiben die Desktop-Flex-Werte nur für die mobile Ansicht. */

/* Label-Zelle (erste Spalte) bekommt mehr Platz */
.label-cell { /* Gilt für Label-Zellen in Datenzeilen UND in der Kopfzeile (falls sie dort sichtbar wäre und Text hätte) */
  flex: 2.4; /* Vorher z.B. 1.8 - Erhöhe diesen Wert, um die Spalte breiter zu machen */
  /* Andere .label-cell Stile wie text-align, padding etc. bleiben wie sie sind */
}
/* Falls du explizite Regeln für .header-row .label-cell hattest, auch dort anpassen,
   aber da die Label-Zelle in deinem Header leer ist, wirkt sich das primär auf Datenzeilen aus.
   Wenn die Regel oben allgemein für .label-cell gilt, ist es abgedeckt. */
.header-row .label-cell { /* Sicherstellen, dass es auch für die (leere) Header-Label-Zelle gilt, falls es die Ausrichtung beeinflusst */
    flex: 2.4;
}


/* Javvy-Zelle (zweite Spalte) ggf. leicht anpassen */
.javvy-cell { /* Gilt für Javvy-Zellen in Datenzeilen UND in der Kopfzeile */
  flex: 2.4; /* Vorher z.B. 2.5 - Leicht reduziert oder gleich belassen, je nach Bedarf */
}
/* Die spezifischen .header-row .javvy-cell und .compare-row:not(.header-row) .javvy-cell
   Regeln sind nicht mehr nötig, wenn .javvy-cell allgemein den mobilen Flex-Wert bekommt. */


/* Gruppierte Header-Zelle (für "Andere Komplexe" & "Melatonin Sprays") anpassen */
.header-row .grouped-header-cell {
  /* Die Summe der Flex-Werte der Spalten, die sie repräsentiert (Mainstream + Protein)
     Wenn Mainstream und Protein jeweils 1.75 bekommen (siehe unten), dann hier 3.5 */
  flex: 3.5; /* Vorher z.B. 4 */
}


/* Mainstream-Zelle (dritte Spalte in Datenzeilen) etwas schmaler */
.mainstream-cell { /* Gilt nur für Datenzeilen, da Header anders strukturiert */
  flex: 1.75; /* Vorher z.B. 2 */
}

/* Protein-Zelle (vierte Spalte in Datenzeilen) etwas schmaler */
.protein-cell { /* Gilt nur für Datenzeilen */
  flex: 1.75; /* Vorher z.B. 2 */
}

/* Wichtig: Die Summe der Flex-Werte sollte idealerweise gleich bleiben oder bewusst angepasst werden.
   Vorherige Summe (Beispiel): 1.8 (Label) + 2.5 (Javvy) + 2 (Mainstream) + 2 (Protein) = 8.3
   Neue Summe (Beispiel):    2.4 (Label) + 2.4 (Javvy) + 1.75 (Mainstream) + 1.75 (Protein) = 8.3
   Für die Kopfzeile:         2.4 (Label) + 2.4 (Javvy) + 3.5 (Grouped) = 8.3
   So bleibt die relative Aufteilung erhalten, nur die Gewichtung verschiebt sich.
*/

/* ... (alle anderen mobilen CSS-Regeln für Schriftgrößen, Padding etc. bleiben unverändert) ... */

</style>/* End custom CSS */



















































































/* Start custom CSS for text-editor, class: .elementor-element-4b2d2b1 */@media screen and (max-width: 768px) {/* End custom CSS */







