html .btn-primary, .btn-primary:focus {
  background-color: #5DB735;
  border-color: #5DB735 #5DB735 #4d972c;
  color: #FFF; }

#tx_cookies_showPermanent {
  top: initial !important;
  bottom: 1rem; }
@media screen and (max-width: 767px) {
  #tx_cookies_showPermanent {
    right: initial;
    left: 1em; } }
#tx_cookies_showPermanent .btn-primary {
  background-color: #5DB735; }
#tx_cookies_showPermanent button.btn-secondary {
  background-color: #6c757d61;
  border: none; }
  #tx_cookies_showPermanent button.btn-secondary:hover {
    background-color: #6c757d; }

#tx_cookies .btn {
  border-radius: 5px;
  color: #fff;
  padding: 5px;
  font-weight: 400; }

#tx_cookies_inner {
  margin-bottom: -15%;
  width: 60%;
  margin-left: 20%;
  border-radius: 15px;
  padding: 1em !important;
  box-shadow: 6px 6px 15px rgba(0, 0, 0, 0.1);
  line-height: 1.5;
  border: 1px solid #000; }
  #tx_cookies_inner.show {
    margin-bottom: 15%; }
  @media screen and (max-width: 575px) {
    #tx_cookies_inner {
      width: 75%;
      margin-left: 13%; }
      #tx_cookies_inner small.form-text {
        display: none; }
      #tx_cookies_inner.show {
        margin-bottom: 10%; } }
@media screen and (max-height: 650px) {
  #tx_cookies_inner small.form-text {
    display: none; } }

#FloatingSideMenu {
  display: none;
  position: fixed;
  top: 20%;
  bottom: 50%;
  right: 15px;
  z-index: 999;
  font-size: 1.8rem; }
  #FloatingSideMenu .sidebar-circle {
    border-radius: 100%;
    background-color: #8D8E95;
    width: 60px;
    height: 60px;
    margin-block: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: white; }
    #FloatingSideMenu .sidebar-circle > * {
      z-index: 3; }
    #FloatingSideMenu .sidebar-circle > img {
      max-width: 65%; }
    #FloatingSideMenu .sidebar-circle > svg {
      max-width: 60%; }
    #FloatingSideMenu .sidebar-circle[data-count]::before {
      background-color: red;
      content: attr(data-count);
      position: absolute;
      border-radius: 100%;
      font: inherit;
      padding: 0.5em;
      font-size: 0.6em;
      top: -0.35em;
      right: -0.35em;
      z-index: 9;
      width: 3ch;
      height: 3ch;
      text-align: center;
      display: flex;
      align-items: center;
      justify-content: center;
      align-content: center; }
    #FloatingSideMenu .sidebar-circle:hover {
      background-color: #5DB735;
      box-shadow: 6px 6px 15px rgba(0, 0, 0, 0.1);
      text-decoration: none !important; }
      #FloatingSideMenu .sidebar-circle:hover.tooltip-wraper {
        background-color: #5DB735;
        box-shadow: 6px 6px 15px rgba(0, 0, 0, 0.1); }
  #FloatingSideMenu .custom-tooltip {
    position: relative; }
    #FloatingSideMenu .custom-tooltip:after {
      opacity: 0;
      visibility: hidden;
      position: absolute;
      content: attr(data-tooltip);
      padding: 6px 15px;
      padding-left: 7px;
      font-size: 0.5em;
      /*top: 1.4em;*/
      left: 50%;
      transform: translateX(-50%) translateY(-2px);
      background: #5DB735;
      color: white;
      white-space: nowrap;
      z-index: 2;
      border-radius: 2px;
      transition: opacity 0.2s cubic-bezier(0.64, 0.09, 0.08, 1), transform 0.2s; }
      #FloatingSideMenu .custom-tooltip:hover:after {
        display: block;
        opacity: 1;
        visibility: visible;
        transform: translateX(-50%) translateY(0); }
  #FloatingSideMenu .tooltip-left:after {
    /*top: 0;*/
    left: 0;
    transform: translateX(-90%) translateY(0); }
    #FloatingSideMenu .tooltip-left:hover:after {
      transform: translateX(-90%) translateY(0); }

body, .body {
  background-color: #EEEEEE;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif !important; }
  body .owl-carousel .owl-nav, .body .owl-carousel .owl-nav {
    display: none;
    top: 60%; }
    body .owl-carousel .owl-nav > button, .body .owl-carousel .owl-nav > button {
      background-color: rgba(255, 255, 255, 0.384);
      box-shadow: inset 0 0 2000px rgba(255, 255, 255, 0.363); }
  body #header .header-nav-top .nav-item > span, .body #header .header-nav-top .nav-item > span, body #header .header-nav-top .nav-item > a, .body #header .header-nav-top .nav-item > a {
    color: #8D8E95 !important;
    cursor: pointer;
    padding-inline: 0 !important; }
    body #header .header-nav-top .nav-item > span:hover, .body #header .header-nav-top .nav-item > span:hover, body #header .header-nav-top .nav-item > a:hover, .body #header .header-nav-top .nav-item > a:hover {
      color: #5DB735 !important; }
  body #header .header-nav-top ul.header-social-icons.social-icons.d-none.d-sm-block, .body #header .header-nav-top ul.header-social-icons.social-icons.d-none.d-sm-block {
    margin-left: 5em !important; }
  body #header .header-nav-top li.social-icon.social-icons-facebook, .body #header .header-nav-top li.social-icon.social-icons-facebook {
    margin-top: 5px; }
  body #header .header-nav-top .social-icons-facebook > a, .body #header .header-nav-top .social-icons-facebook > a {
    background-color: #8D8E95; }
    body #header .header-nav-top .social-icons-facebook > a > i, .body #header .header-nav-top .social-icons-facebook > a > i {
      color: #EEEEEE;
      padding-top: 9px;
      font-size: 1.7em; }
    body #header .header-nav-top .social-icons-facebook > a:hover, .body #header .header-nav-top .social-icons-facebook > a:hover {
      background-color: #0088CC;
      box-shadow: 6px 6px 15px rgba(0, 0, 0, 0.1); }
  body #header .header-top, .body #header .header-top {
    border-bottom: none; }
  body #header .btn.header-btn-collapse-nav, .body #header .btn.header-btn-collapse-nav {
    background: none; }
  body #header .header-row.top-row, .body #header .header-row.top-row {
    justify-content: center !important; }
  body #header .header-body, .body #header .header-body {
    background-color: #EEEEEE;
    height: auto; }
    body #header .header-body .header-nav, .body #header .header-body .header-nav {
      align-items: flex-end; }
      body #header .header-body .header-nav .collapse, .body #header .header-body .header-nav .collapse {
        align-items: flex-end; }
        body #header .header-body .header-nav .collapse li.dropdown, .body #header .header-body .header-nav .collapse li.dropdown {
          margin-inline: 0.2em;
          vertical-align: baseline; }
          body #header .header-body .header-nav .collapse li.dropdown.active, .body #header .header-body .header-nav .collapse li.dropdown.active {
            background-color: #5DB735 !important; }
            body #header .header-body .header-nav .collapse li.dropdown.active > a, .body #header .header-body .header-nav .collapse li.dropdown.active > a {
              color: #fff !important; }
              body #header .header-body .header-nav .collapse li.dropdown.active > a .fas.fa-chevron-down, .body #header .header-body .header-nav .collapse li.dropdown.active > a .fas.fa-chevron-down {
                color: #fff; }
          body #header .header-body .header-nav .collapse li.dropdown > a, .body #header .header-body .header-nav .collapse li.dropdown > a {
            letter-spacing: 0.5px !important;
            font-weight: 400 !important;
            padding-inline: 0.5em;
            min-height: 40px;
            min-width: 7em;
            justify-content: center; }
            body #header .header-body .header-nav .collapse li.dropdown > a .fas.fa-chevron-down, .body #header .header-body .header-nav .collapse li.dropdown > a .fas.fa-chevron-down {
              display: block !important;
              color: #5DB735;
              font-size: 2.2em;
              padding-bottom: 10px;
              margin-left: 0.2em; }
              body #header .header-body .header-nav .collapse li.dropdown > a .fas.fa-chevron-down:before, .body #header .header-body .header-nav .collapse li.dropdown > a .fas.fa-chevron-down:before {
                content: "\f0dd"; }
        body #header .header-body .header-nav .collapse .dropdown:not(.dropdown-reverse)::before, .body #header .header-body .header-nav .collapse .dropdown:not(.dropdown-reverse)::before {
          font-family: "Font Awesome 5 Free";
          content: '';
          position: absolute;
          right: 0.5ch;
          top: 35%; }
    body #header .header-body .header-logo, .body #header .header-body .header-logo {
      margin: 0;
      max-width: 15vw;
      margin-bottom: 0.8em; }
  body .order-button-container, .body .order-button-container {
    margin-left: 2em;
    margin-bottom: 1em;
    display: flex;
    justify-content: center;
    display: none;
    align-items: center; }
    body .order-button-container:hover, .body .order-button-container:hover {
      text-decoration: none; }
      body .order-button-container:hover > .order-button, .body .order-button-container:hover > .order-button {
        box-shadow: 6px 6px 15px rgba(0, 0, 0, 0.2); }
    body .order-button-container i, .body .order-button-container i, body .order-button-container svg, .body .order-button-container svg {
      margin-right: 0.3em;
      color: #5DB735;
      font-size: 2.5em; }
    body .order-button-container a, .body .order-button-container a {
      unset: all;
      cursor: pointer; }
    body .order-button-container .order-button, .body .order-button-container .order-button {
      text-transform: uppercase;
      border: none;
      background-color: #5DB735;
      color: white;
      border-radius: 5px;
      font-size: 1.4em;
      padding-block: 0.3em;
      padding-inline: 0.4em; }
      body .order-button-container .order-button:focus-visible, .body .order-button-container .order-button:focus-visible, body .order-button-container .order-button:focus, .body .order-button-container .order-button:focus {
        outline: none;
        box-shadow: 6px 6px 15px rgba(0, 0, 0, 0.1); }
      body .order-button-container .order-button:hover, .body .order-button-container .order-button:hover {
        outline: none;
        box-shadow: 6px 6px 15px rgba(0, 0, 0, 0.2); }
    body .order-button-container.mobile, .body .order-button-container.mobile {
      display: flex;
      font-size: 2em;
      margin: 0;
      position: absolute;
      top: 4%;
      left: 28%;
      z-index: 5;
      align-items: center; }
      body .order-button-container.mobile > button, .body .order-button-container.mobile > button {
        padding-block: 0.5em; }
  body .call-to-action, .body .call-to-action {
    background-color: rgba(152, 153, 153, 0.534);
    background: linear-gradient(316deg, #00000085, #d3d3d3, #fff);
    background-image: url("/typo3conf/ext/ns_theme_extend/Resources/Public/Images/CTA-bg.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border: none !important; }
    body .call-to-action .call-to-action-content, .body .call-to-action .call-to-action-content {
      display: none; }
    body .call-to-action .call-to-action-btn > a.btn, .body .call-to-action .call-to-action-btn > a.btn {
      font-size: 1.5em !important;
      padding: 0;
      padding-inline: 3em;
      padding-block: 0.5em;
      border-bottom-left-radius: 1.3em !important; }
    body .call-to-action .col-12, .body .call-to-action .col-12 {
      justify-content: center !important; }
  body div.heading a, .body div.heading a {
    all: unset;
    cursor: pointer; }
body form h2, .body form h2 {
  text-align: center;
  text-transform: uppercase;
  border-bottom: 2px #5DB735 solid;
  margin-inline: 16em; }
body form .btn-toolbar, .body form .btn-toolbar {
  justify-content: center; }
  body form .btn-toolbar button, .body form .btn-toolbar button {
    text-transform: uppercase;
    font-size: 1.1em;
    letter-spacing: 0.1em;
    padding: 0;
    padding-inline: 1.5em;
    padding-block: 0.4em;
    border-radius: 0.25em 0.25em 0 0; }
body form input, .body form input, body form textarea, .body form textarea, body form .form-control, .body form .form-control {
  border-color: #707070;
  border-radius: 0;
  color: #333333;
  padding-block: 1.5em; }
body form label.font-weight-bold.text-dark.text-2, .body form label.font-weight-bold.text-dark.text-2 {
  color: #333333 !important; }
body form hr, .body form hr {
  display: none; }
body a.scroll-to-top, .body a.scroll-to-top {
  border-radius: 100%;
  width: 50px;
  height: 50px;
  right: 10px;
  bottom: 10px;
  background-color: #fff;
  color: #707070;
  display: flex;
  justify-content: center;
  align-items: flex-start; }
  body a.scroll-to-top:hover > i, .body a.scroll-to-top:hover > i {
    color: #000000; }
  body a.scroll-to-top > i, .body a.scroll-to-top > i {
    font-size: 2.8em;
    background-clip: text; }
body ul.nav-pills li.dropdown, .body ul.nav-pills li.dropdown {
  border-top-right-radius: 1em;
  background-color: #fff;
  max-height: 50px; }
  body ul.nav-pills li.dropdown > a::before, .body ul.nav-pills li.dropdown > a::before {
    content: none !important; }
body footer, .body footer, body #footer, .body #footer {
  background-color: #333333 !important;
  margin-top: 20px !important; }
  body footer > .container, .body footer > .container, body #footer > .container, .body #footer > .container {
    margin-block: 0 !important; }
    body footer > .container > .row, .body footer > .container > .row, body #footer > .container > .row, .body #footer > .container > .row {
      justify-content: flex-end;
      padding-block: 1.5em !important; }
      body footer > .container > .row .col-md-6, .body footer > .container > .row .col-md-6, body #footer > .container > .row .col-md-6, .body #footer > .container > .row .col-md-6 {
        display: none; }
      body footer > .container > .row h5, .body footer > .container > .row h5, body #footer > .container > .row h5, .body #footer > .container > .row h5 {
        text-transform: uppercase !important;
        font-size: 1.75em !important; }
  body footer ul > li, .body footer ul > li, body #footer ul > li, .body #footer ul > li {
    padding: 0;
    font-size: 1.25em !important;
    font-weight: 300;
    color: #fff; }
    body footer ul > li:hover > i, .body footer ul > li:hover > i, body #footer ul > li:hover > i, .body #footer ul > li:hover > i {
      display: block;
      padding-right: 0.2em; }
    body footer ul > li:hover > a, .body footer ul > li:hover > a, body #footer ul > li:hover > a, .body #footer ul > li:hover > a {
      padding-left: 0.5em; }
    body footer ul > li > i, .body footer ul > li > i, body #footer ul > li > i, .body #footer ul > li > i {
      display: none; }
    body footer ul > li > a, .body footer ul > li > a, body #footer ul > li > a, .body #footer ul > li > a {
      color: #fff !important;
      margin: 0 !important; }
  body footer > div.footer-copyright, .body footer > div.footer-copyright, body #footer > div.footer-copyright, .body #footer > div.footer-copyright {
    background-color: #555555;
    padding: 0; }
    body footer > div.footer-copyright > div > div.row, .body footer > div.footer-copyright > div > div.row, body #footer > div.footer-copyright > div > div.row, .body #footer > div.footer-copyright > div > div.row {
      padding-block: 0.3em !important; }
      body footer > div.footer-copyright > div > div.row p, .body footer > div.footer-copyright > div > div.row p, body #footer > div.footer-copyright > div > div.row p, .body #footer > div.footer-copyright > div > div.row p {
        color: #AAAAAA !important;
        font-size: 1.25em !important; }
      body footer > div.footer-copyright > div > div.row .footer-links, .body footer > div.footer-copyright > div > div.row .footer-links, body #footer > div.footer-copyright > div > div.row .footer-links, .body #footer > div.footer-copyright > div > div.row .footer-links {
        color: #707070;
        font-size: 1.25em;
        display: flex;
        justify-content: flex-end; }
        body footer > div.footer-copyright > div > div.row .footer-links a.left-border:not(:first-of-type), .body footer > div.footer-copyright > div > div.row .footer-links a.left-border:not(:first-of-type), body #footer > div.footer-copyright > div > div.row .footer-links a.left-border:not(:first-of-type), .body #footer > div.footer-copyright > div > div.row .footer-links a.left-border:not(:first-of-type) {
          margin-left: 10px;
          padding-left: 10px;
          position: relative; }
          body footer > div.footer-copyright > div > div.row .footer-links a.left-border:not(:first-of-type):after, .body footer > div.footer-copyright > div > div.row .footer-links a.left-border:not(:first-of-type):after, body #footer > div.footer-copyright > div > div.row .footer-links a.left-border:not(:first-of-type):after, .body #footer > div.footer-copyright > div > div.row .footer-links a.left-border:not(:first-of-type):after {
            background: #707070;
            content: "";
            width: 1px;
            height: 1.2em;
            position: absolute;
            display: block;
            top: 50%;
            transform: translate3d(0, -50%, 0);
            left: 0; }
body header > div.heading, .body header > div.heading {
  display: flex;
  justify-content: center;
  margin-bottom: 2rem; }
  body header > div.heading > h2, .body header > div.heading > h2 {
    text-align: center;
    border-bottom: 2px #5DB735 solid;
    padding-inline: 1.2em;
    font-weight: 500 !important;
    font-size: 2em; }
body section > .container, .body section > .container {
  display: flex;
  justify-content: center; }
body .card-container, .body .card-container {
  all: unset;
  margin-inline: 0.3em;
  background-color: white;
  opacity: 0.875;
  width: 17em;
  box-shadow: 0px 0px 15px 8px rgba(0, 0, 0, 0.1);
  border-bottom-left-radius: 2.5em;
  margin-top: -15%;
  z-index: 1;
  cursor: pointer; }
  body .card-container .card-image, .body .card-container .card-image {
    width: 100%;
    height: 60%;
    object-fit: contain;
    object-position: center;
    padding: 10px; }
  body .card-container .card-title, .body .card-container .card-title {
    color: black;
    background-color: inherit;
    border-top: 2px solid #5DB735;
    padding-block: 0.7em;
    text-align: center;
    width: 17ch;
    margin: 0 auto;
    font-weight: 500;
    text-transform: uppercase;
    border-bottom-left-radius: 2.5em;
    font-size: 1.3em; }
  body .card-container:hover, .body .card-container:hover {
    border-color: #5DB735;
    transform: scale(1.05);
    margin-inline: 0.5em;
    opacity: 1;
    transition: all 0.3s cubic-bezier(0.075, 0.82, 0.165, 1);
    cursor: pointer; }
body section.section.section, .body section.section.section {
  margin: 0;
  padding: 30px 0; }
  body .genostar-ofTheMonth > .display-title-container, .body .genostar-ofTheMonth > .display-title-container {
    display: flex;
    justify-content: center;
    margin-bottom: 1em; }
    body .genostar-ofTheMonth > .display-title-container > .display-title, .body .genostar-ofTheMonth > .display-title-container > .display-title {
      text-align: center;
      border-bottom: 2px #5DB735 solid;
      padding-inline: 1.2em;
      padding-bottom: 5px;
      font-weight: 500;
      font-size: 2.2em; }
  body .genostar-ofTheMonth .genostar-display, .body .genostar-ofTheMonth .genostar-display {
    background-color: #fff;
    padding: 7px;
    box-shadow: 6px 6px 15px rgba(0, 0, 0, 0.1);
    display: grid;
    grid-template-columns: 70% 28%;
    grid-template-rows: 0.7fr 1fr 0.5fr;
    gap: 13px;
    grid-template-areas: "image title" "image stats" "image action"; }
    body .genostar-ofTheMonth .genostar-display .image, .body .genostar-ofTheMonth .genostar-display .image {
      grid-area: image; }
      body .genostar-ofTheMonth .genostar-display .image img, .body .genostar-ofTheMonth .genostar-display .image img {
        max-width: 100%;
        max-height: 525px; }
    body .genostar-ofTheMonth .genostar-display .title, .body .genostar-ofTheMonth .genostar-display .title {
      grid-area: title;
      margin-inline: 1rem;
      border-bottom: 2px #5DB735 solid;
      font-size: 1.8em;
      font-weight: 500;
      justify-content: space-evenly;
      text-align: center;
      line-height: 1; }
    body .genostar-ofTheMonth .genostar-display .stats, .body .genostar-ofTheMonth .genostar-display .stats {
      grid-area: stats;
      font-size: 1rem; }
      body .genostar-ofTheMonth .genostar-display .stats .chart-column, .body .genostar-ofTheMonth .genostar-display .stats .chart-column {
        display: flex;
        flex-direction: row;
        gap: 1em;
        width: 100%;
        justify-content: center;
        padding-inline: 10px;
        align-items: flex-end;
        padding-bottom: 1em; }
    body .genostar-ofTheMonth .genostar-display .action, .body .genostar-ofTheMonth .genostar-display .action {
      border-top: 2px #5DB735 solid;
      margin-inline: 1rem;
      grid-area: action; }
      body .genostar-ofTheMonth .genostar-display .action .action-button, .body .genostar-ofTheMonth .genostar-display .action .action-button {
        font-weight: bold;
        font-size: 1rem;
        text-transform: uppercase;
        color: #fff;
        background-color: #5DB735;
        border-radius: 5px;
        padding-inline: 1.5em;
        padding-block: 0.3em; }
        body .genostar-ofTheMonth .genostar-display .action .action-button:not(.cliCart), .body .genostar-ofTheMonth .genostar-display .action .action-button:not(.cliCart) {
          letter-spacing: 0.15em; }
        body .genostar-ofTheMonth .genostar-display .action .action-button:hover:not(.CartDisabled), .body .genostar-ofTheMonth .genostar-display .action .action-button:hover:not(.CartDisabled) {
          text-decoration: none;
          color: #fff;
          box-shadow: 6px 6px 15px rgba(0, 0, 0, 0.1);
          background-color: #4d972c;
          letter-spacing: 0.2em;
          transition: all 0.3s ease-in-out; }
body .footer-container, .body .footer-container {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1.1fr 0.2fr;
  grid-template-areas: "common" "cards";
  gap: 0px 0px;
  justify-content: center;
  margin-top: -10%; }
body .footer-cards, .body .footer-cards {
  grid-row: common / cards;
  grid-column: 1 / -1;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  gap: 2em; }
  body .footer-cards .card-container, .body .footer-cards .card-container {
    margin: 0;
    margin-inline: 1em;
    min-height: 180px;
    min-width: 200px;
    background-color: #5DB735;
    box-shadow: 6px 6px 15px rgba(0, 0, 0, 0.1);
    font-size: 1.25em;
    height: 12em;
    padding-bottom: 0.5em; }
    body .footer-cards .card-container.logo-card, .body .footer-cards .card-container.logo-card {
      background-image: url("/typo3conf/ext/ns_theme_extend/Resources/Public/Images/Logo.jpg");
      background-size: cover;
      background-position: center;
      display: none; }
    body .footer-cards .card-container.address-card, .body .footer-cards .card-container.address-card {
      display: grid;
      grid-auto-columns: 1fr;
      grid-template-columns: 0.5fr 1.1fr 1.1fr 1.1fr;
      grid-template-rows: 0.7fr 0.8fr 1fr;
      gap: 0em 0;
      grid-template-areas: "title title title icon" ". address-1 address-1 address-1" ". address-2 address-2 address-2";
      color: #fff; }
      body .footer-cards .card-container.address-card .icon, .body .footer-cards .card-container.address-card .icon {
        grid-area: icon;
        position: relative; }
        body .footer-cards .card-container.address-card .icon > img, .body .footer-cards .card-container.address-card .icon > img {
          position: absolute;
          top: 0;
          right: 0;
          max-width: 100%; }
      body .footer-cards .card-container.address-card .title, .body .footer-cards .card-container.address-card .title {
        grid-area: title;
        text-transform: uppercase;
        text-decoration: underline;
        text-underline-offset: 0.7em;
        text-decoration-thickness: 2px;
        margin-left: 1em;
        margin-top: 0.5em; }
      body .footer-cards .card-container.address-card .address-1, .body .footer-cards .card-container.address-card .address-1 {
        grid-area: address-1;
        line-height: normal; }
      body .footer-cards .card-container.address-card .address-2, .body .footer-cards .card-container.address-card .address-2 {
        grid-area: address-2;
        line-height: normal; }
        body .footer-cards .card-container.address-card .address-2 > a, .body .footer-cards .card-container.address-card .address-2 > a {
          all: unset;
          cursor: default; }
          body .footer-cards .card-container.address-card .address-2 > a:hover, .body .footer-cards .card-container.address-card .address-2 > a:hover {
            text-decoration: underline;
            text-underline-offset: 0.25em; }
body .team-wrapper, .body .team-wrapper {
  position: relative;
  display: grid;
  column-count: 1; }
  body .team-wrapper .team-bg-image, .body .team-wrapper .team-bg-image {
    position: absolute;
    inset: 0;
    z-index: 1;
    margin-top: 8em;
    grid-column: 1;
    filter: grayscale(1); }
  body .team-wrapper > .content-section, .body .team-wrapper > .content-section {
    grid-column: 1;
    z-index: 2; }
body .team-display, .body .team-display {
  background-color: #fff;
  padding-block: 1.5em;
  max-width: calc(min(70%, 1200px));
  margin: 0 auto; }
  body .team-display .team-title, .body .team-display .team-title {
    text-align: center;
    font-weight: 500;
    margin-bottom: 0.6em;
    font-size: 2em;
    line-height: 1.2; }
  body .team-display .title-underline, .body .team-display .title-underline {
    background-color: #5DB735;
    margin: 0 auto;
    margin-bottom: 2em;
    height: 2px;
    width: 40%; }
  body .team-display .team-members, .body .team-display .team-members {
    display: flex;
    justify-content: space-evenly;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 1em 0; }
    body .team-display .team-members .team-member, .body .team-display .team-members .team-member {
      font-size: 1.25em; }
      body .team-display .team-members .team-member .text, .body .team-display .team-members .team-member .text {
        text-align: center; }
        body .team-display .team-members .team-member .text.name, .body .team-display .team-members .team-member .text.name {
          font-weight: 600; }
      body .team-display .team-members .team-member .headshot, .body .team-display .team-members .team-member .headshot {
        margin-bottom: 0.5em;
        border: 1px solid #707070;
        border-bottom-left-radius: 55px;
        max-height: 16em; }
body .stat-page .genostar-ofTheMonth.detail, .body .stat-page .genostar-ofTheMonth.detail {
  margin-top: -20vw; }
  body .stat-page .genostar-ofTheMonth.detail .genostar-display, .body .stat-page .genostar-ofTheMonth.detail .genostar-display {
    grid-template-columns: 69% 29%;
    grid-template-rows: 0.25fr 1fr 0.8fr; }
    body .stat-page .genostar-ofTheMonth.detail .genostar-display .title, .body .stat-page .genostar-ofTheMonth.detail .genostar-display .title {
      margin-inline: 0.5rem;
      border-bottom: none;
      font-size: 1.68rem;
      text-decoration: underline #EEEEEE;
      text-underline-offset: 0.5em;
      display: flex;
      align-items: flex-end; }
      body .stat-page .genostar-ofTheMonth.detail .genostar-display .title > div, .body .stat-page .genostar-ofTheMonth.detail .genostar-display .title > div {
        margin-bottom: 10px; }
    body .stat-page .genostar-ofTheMonth.detail .genostar-display .stats, .body .stat-page .genostar-ofTheMonth.detail .genostar-display .stats {
      border-bottom: 2px #5DB735 solid; }
      body .stat-page .genostar-ofTheMonth.detail .genostar-display .stats .chart-column, .body .stat-page .genostar-ofTheMonth.detail .genostar-display .stats .chart-column {
        height: 100%; }
    body .stat-page .genostar-ofTheMonth.detail .genostar-display .image, .body .stat-page .genostar-ofTheMonth.detail .genostar-display .image {
      max-height: 100%;
      max-width: 100%; }
      body .stat-page .genostar-ofTheMonth.detail .genostar-display .image .carousel-inner, .body .stat-page .genostar-ofTheMonth.detail .genostar-display .image .carousel-inner {
        width: 51em;
        height: 36em;
        max-height: 100%;
        max-width: 100%; }
        body .stat-page .genostar-ofTheMonth.detail .genostar-display .image .carousel-inner .item, .body .stat-page .genostar-ofTheMonth.detail .genostar-display .image .carousel-inner .item {
          height: 100%;
          width: 100%; }
      body .stat-page .genostar-ofTheMonth.detail .genostar-display .image img, .body .stat-page .genostar-ofTheMonth.detail .genostar-display .image img {
        width: 100%;
        height: 100%;
        object-fit: cover; }
    body .stat-page .genostar-ofTheMonth.detail .genostar-display .action, .body .stat-page .genostar-ofTheMonth.detail .genostar-display .action {
      border-top: none;
      margin-inline: 0.5rem;
      grid-area: action;
      display: flex;
      flex-direction: column;
      justify-content: center;
      gap: 1em;
      margin: 0 auto;
      align-items: center;
      width: 100%; }
      body .stat-page .genostar-ofTheMonth.detail .genostar-display .action .action-button, .body .stat-page .genostar-ofTheMonth.detail .genostar-display .action .action-button {
        font-weight: bold;
        font-size: 1rem;
        text-transform: none;
        color: #fff;
        background-color: #5DB735;
        border-radius: 5px;
        padding-inline: 0;
        padding-block: 0.3em;
        font-weight: 400;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        padding-left: 0.7em;
        padding-right: 3em;
        gap: 0.5em;
        box-shadow: 6px 6px 15px rgba(0, 0, 0, 0.1);
        width: fit-content;
        cursor: pointer; }
        body .stat-page .genostar-ofTheMonth.detail .genostar-display .action .action-button > i, .body .stat-page .genostar-ofTheMonth.detail .genostar-display .action .action-button > i {
          color: #5DB735; }
        body .stat-page .genostar-ofTheMonth.detail .genostar-display .action .action-button.print, .body .stat-page .genostar-ofTheMonth.detail .genostar-display .action .action-button.print {
          background-color: #F2F2F2;
          color: #000; }
        body .stat-page .genostar-ofTheMonth.detail .genostar-display .action .action-button.media, .body .stat-page .genostar-ofTheMonth.detail .genostar-display .action .action-button.media {
          background-color: #F2F2F2;
          color: #000; }
          body .stat-page .genostar-ofTheMonth.detail .genostar-display .action .action-button.order > i, .body .stat-page .genostar-ofTheMonth.detail .genostar-display .action .action-button.order > i {
            color: #fff; }
          body .stat-page .genostar-ofTheMonth.detail .genostar-display .action .action-button.order.CartDisabled, .body .stat-page .genostar-ofTheMonth.detail .genostar-display .action .action-button.order.CartDisabled {
            background-color: #a8a4a473;
            cursor: not-allowed; }
        body .stat-page .genostar-ofTheMonth.detail .genostar-display .action .action-button:hover, .body .stat-page .genostar-ofTheMonth.detail .genostar-display .action .action-button:hover {
          text-decoration: none;
          color: #fff;
          box-shadow: 6px 6px 15px rgba(0, 0, 0, 0.1);
          background-color: #4d972c;
          transition: all 0.3s ease-in-out; }
          body .stat-page .genostar-ofTheMonth.detail .genostar-display .action .action-button:hover > i, .body .stat-page .genostar-ofTheMonth.detail .genostar-display .action .action-button:hover > i {
            color: #fff; }
      body .stat-page .genostar-ofTheMonth.detail .genostar-display .action .product-container, .body .stat-page .genostar-ofTheMonth.detail .genostar-display .action .product-container {
        width: 100%;
        display: flex;
        flex-direction: column;
        row-gap: 5px; }
      body .stat-page .genostar-ofTheMonth.detail .genostar-display .action .product, .body .stat-page .genostar-ofTheMonth.detail .genostar-display .action .product {
        display: flex;
        align-items: center;
        justify-content: center;
        column-gap: 10px; }
        body .stat-page .genostar-ofTheMonth.detail .genostar-display .action .product .extraValues.price, .body .stat-page .genostar-ofTheMonth.detail .genostar-display .action .product .extraValues.price {
          justify-content: flex-end !important;
          font-size: 0.75em;
          padding-left: 0.5em; }
          body .stat-page .genostar-ofTheMonth.detail .genostar-display .action .product .extraValues.price div, .body .stat-page .genostar-ofTheMonth.detail .genostar-display .action .product .extraValues.price div {
            background-color: #888888;
            color: white;
            width: 7ch;
            border-bottom-left-radius: 5px;
            position: relative;
            padding-left: 0.2em; }
            body .stat-page .genostar-ofTheMonth.detail .genostar-display .action .product .extraValues.price div::after, .body .stat-page .genostar-ofTheMonth.detail .genostar-display .action .product .extraValues.price div::after {
              position: absolute;
              content: '';
              right: -8px;
              top: 35%;
              width: 0;
              height: 0;
              border-top: 5px solid transparent;
              border-bottom: 5px solid transparent;
              border-left: 8px solid #888888;
              z-index: 2; }
        body .stat-page .genostar-ofTheMonth.detail .genostar-display .action .product .extraValues.quantity, .body .stat-page .genostar-ofTheMonth.detail .genostar-display .action .product .extraValues.quantity {
          display: flex;
          column-gap: 2px; }
          body .stat-page .genostar-ofTheMonth.detail .genostar-display .action .product .extraValues.quantity input, .body .stat-page .genostar-ofTheMonth.detail .genostar-display .action .product .extraValues.quantity input {
            width: 5ch;
            border: 1px solid;
            text-align: center;
            border-radius: 5px; }
          body .stat-page .genostar-ofTheMonth.detail .genostar-display .action .product .extraValues.quantity.acc-1::after, .body .stat-page .genostar-ofTheMonth.detail .genostar-display .action .product .extraValues.quantity.acc-1::after {
            background-color: #54A231; }
          body .stat-page .genostar-ofTheMonth.detail .genostar-display .action .product .extraValues.quantity.acc-2::after, .body .stat-page .genostar-ofTheMonth.detail .genostar-display .action .product .extraValues.quantity.acc-2::after {
            background-color: #388416; }
          body .stat-page .genostar-ofTheMonth.detail .genostar-display .action .product .extraValues.quantity.acc-3::after, .body .stat-page .genostar-ofTheMonth.detail .genostar-display .action .product .extraValues.quantity.acc-3::after {
            background-color: #2A6A0E; }
          body .stat-page .genostar-ofTheMonth.detail .genostar-display .action .product .extraValues.quantity::after, .body .stat-page .genostar-ofTheMonth.detail .genostar-display .action .product .extraValues.quantity::after {
            position: relative;
            white-space: nowrap;
            content: attr(data-label);
            padding-left: 3px;
            margin-left: 3px;
            width: 10ch;
            color: #fff;
            font-weight: 500;
            display: flex;
            align-items: center; }
body .stat-page .propertiesModule, .body .stat-page .propertiesModule {
  padding-top: 3em;
  font-size: 0.88rem;
  color: #8D8E95;
  display: grid;
  grid-template-columns: 0.2fr 1fr 1fr;
  grid-template-rows: 0.4fr;
  gap: 0px 2.5em;
  grid-template-areas: "stat col1 col2";
  justify-content: center;
  align-items: center; }
  body .stat-page .propertiesModule .stat, .body .stat-page .propertiesModule .stat {
    grid-area: stat;
    display: flex;
    align-items: center;
    justify-content: center; }
  body .stat-page .propertiesModule .info-1, .body .stat-page .propertiesModule .info-1 {
    grid-area: col1; }
  body .stat-page .propertiesModule .info-2, .body .stat-page .propertiesModule .info-2 {
    grid-area: col2; }
  body .stat-page .propertiesModule table, .body .stat-page .propertiesModule table {
    width: 100%; }
    body .stat-page .propertiesModule table td, .body .stat-page .propertiesModule table td {
      text-align: right; }
    body .stat-page .propertiesModule table tr, .body .stat-page .propertiesModule table tr {
      border-bottom: solid 1px #EEEEEE; }
  body .stat-page .propertiesModule .label, .body .stat-page .propertiesModule .label, body .stat-page .propertiesModule th, .body .stat-page .propertiesModule th, body .stat-page .propertiesModule b, .body .stat-page .propertiesModule b {
    color: black; }
  body .stat-page .propertiesModule .chart-col-item, .body .stat-page .propertiesModule .chart-col-item {
    min-width: 8ch; }
body .stat-page .ancestryModule, .body .stat-page .ancestryModule {
  margin-bottom: 0.5em; }
body .stat-page .paper, body .stat-page .news.news-single > .article, body .stat-page .body .news.news-single > .article, .body body .stat-page .news.news-single > .article, body .stat-page .news-list-view, body .stat-page .body .news-list-view, .body body .stat-page .news-list-view, .body .stat-page .paper, .body .stat-page body .news.news-single > .article, body .body .stat-page .news.news-single > .article, .body .stat-page .news.news-single > .article, .body .stat-page body .news-list-view, body .body .stat-page .news-list-view, .body .stat-page .news-list-view {
  margin-bottom: 1.5em; }
body .t3s-slickslider, .body .t3s-slickslider {
  max-width: 1900px;
  margin: auto; }
body .slick-track, .body .slick-track {
  display: flex;
  column-gap: 1em; }
body .slick-slide, .body .slick-slide {
  margin-bottom: 10px; }
  body .slick-slide > div, .body .slick-slide > div {
    display: flex;
    justify-content: center; }
  body .slick-slide a.card.slick-link, .body .slick-slide a.card.slick-link {
    display: grid !important;
    grid-template-columns: 1fr;
    grid-template-rows: 0.3fr 0.3fr 2.6fr 0.9fr 0.6fr;
    gap: 0px 0px;
    grid-template-areas: "date-1" "date-2" "image" "title" "title-2";
    background: none;
    border: none;
    margin: 0 !important;
    margin-inline: 1em;
    font-size: 1.2em;
    max-height: 280px;
    max-width: 330px;
    height: 30vh !important; }
    body .slick-slide a.card.slick-link:hover, .body .slick-slide a.card.slick-link:hover {
      text-decoration: none;
      transition: all 0.2s cubic-bezier(0.075, 0.82, 0.165, 1); }
      body .slick-slide a.card.slick-link:hover .card-title, .body .slick-slide a.card.slick-link:hover .card-title, body .slick-slide a.card.slick-link:hover .news-list-date, .body .slick-slide a.card.slick-link:hover .news-list-date {
        background-color: #5DB735;
        transition: all 0.2s cubic-bezier(0.075, 0.82, 0.165, 1);
        opacity: 1; }
    body .slick-slide a.card.slick-link > p, .body .slick-slide a.card.slick-link > p, body .slick-slide a.card.slick-link > ul, .body .slick-slide a.card.slick-link > ul {
      margin: 0 !important;
      display: none; }
    body .slick-slide a.card.slick-link .news-list-date, .body .slick-slide a.card.slick-link .news-list-date {
      background-color: #8D8E95;
      border: none;
      width: 50%;
      margin: 0 auto;
      margin-block: 0;
      grid-row: date-1 / date-2;
      grid-column: 1 / -1;
      padding: 0px;
      padding-block: 10px;
      display: flex;
      flex-direction: column;
      align-content: center;
      justify-content: center;
      align-items: center;
      font-weight: 600; }
      body .slick-slide a.card.slick-link .news-list-date > time, .body .slick-slide a.card.slick-link .news-list-date > time {
        margin: 0;
        padding: 0;
        color: white !important; }
    body .slick-slide a.card.slick-link .card-title, .body .slick-slide a.card.slick-link .card-title {
      grid-row: title;
      grid-column: 1 / -1;
      background-color: white;
      opacity: 0.7;
      z-index: 1;
      margin: 0 !important;
      display: flex;
      flex-direction: column;
      align-content: center;
      justify-content: center;
      align-items: center;
      font-size: 1em;
      letter-spacing: normal;
      text-align: center; }
    body .slick-slide a.card.slick-link .card-img-top.img-fluid, .body .slick-slide a.card.slick-link .card-img-top.img-fluid {
      grid-row: date-2 / title-2;
      grid-column: 1 / -1;
      min-width: 200px;
      width: 100%;
      height: 100%;
      object-fit: cover;
      margin: 0;
      border-bottom-left-radius: 1.5rem;
      background: #fff;
      box-shadow: 6px 6px 15px rgba(0, 0, 0, 0.1), 6px 6px 15px rgba(0, 0, 0, 0.1); }
      body .slick-slide a.card.slick-link .card-img-top.img-fluid.dummy, .body .slick-slide a.card.slick-link .card-img-top.img-fluid.dummy {
        object-fit: none !important; }
body .news.news-single > .article, .body .news.news-single > .article {
  display: grid;
  grid-template-columns: 70% 30%;
  grid-template-rows: auto 4em 5em 2.6fr;
  gap: 0em 0.5em;
  grid-template-areas: "title title" "date date" "teaser images" "content images" "back back";
  justify-content: center;
  padding-block: 2em;
  padding-inline: 3em; }
  body .news.news-single > .article img, .body .news.news-single > .article img, body .news.news-single > .article .mediaelement iframe, .body .news.news-single > .article .mediaelement iframe, body .news.news-single > .article .media2click-placeholder, .body .news.news-single > .article .media2click-placeholder {
    width: auto !important;
    height: auto !important;
    max-width: 100% !important;
    object-fit: contain; }
  body .news.news-single > .article div.news-img-wrap, .body .news.news-single > .article div.news-img-wrap, body .news.news-single > .article div.frame, .body .news.news-single > .article div.frame {
    grid-area: images;
    grid-column: 2;
    display: flex;
    align-items: flex-end;
    width: 100%;
    margin: 0 !important;
    flex-direction: column; }
    body .news.news-single > .article div.news-img-wrap > *, .body .news.news-single > .article div.news-img-wrap > *, body .news.news-single > .article div.frame > *, .body .news.news-single > .article div.frame > * {
      max-width: 100%; }
    body .news.news-single > .article div.news-img-wrap.news-img-wrap, .body .news.news-single > .article div.news-img-wrap.news-img-wrap, body .news.news-single > .article div.frame.news-img-wrap, .body .news.news-single > .article div.frame.news-img-wrap {
      align-items: start;
      display: grid;
      grid-template-columns: 1fr 1fr;
      justify-items: center;
      gap: 8px; }
      body .news.news-single > .article div.news-img-wrap.news-img-wrap .outer:has(.mediaelement-video), .body .news.news-single > .article div.news-img-wrap.news-img-wrap .outer:has(.mediaelement-video), body .news.news-single > .article div.frame.news-img-wrap .outer:has(.mediaelement-video), .body .news.news-single > .article div.frame.news-img-wrap .outer:has(.mediaelement-video) {
        grid-column: span 2; }
  body .news.news-single > .article div.frame div.ce-gallery, .body .news.news-single > .article div.frame div.ce-gallery {
    width: 100%; }
    body .news.news-single > .article div.frame div.ce-gallery[data-ce-columns="2"] .ce-row, .body .news.news-single > .article div.frame div.ce-gallery[data-ce-columns="2"] .ce-row {
      display: flex; }
  body .news.news-single > .article div.header, .body .news.news-single > .article div.header {
    grid-area: title;
    grid-column: 1/-1;
    text-decoration: underline #5DB735;
    text-underline-offset: 0.2em;
    max-width: 100%; }
    body .news.news-single > .article div.header h3, .body .news.news-single > .article div.header h3 {
      line-height: 1.5;
      font-size: 2.5em; }
  body .news.news-single > .article div.news-backlink-wrap, .body .news.news-single > .article div.news-backlink-wrap {
    grid-area: back;
    grid-column: 1; }
    body .news.news-single > .article div.news-backlink-wrap a, .body .news.news-single > .article div.news-backlink-wrap a {
      background-color: #5DB735;
      color: #fff;
      border-radius: 7px;
      padding: 7px;
      padding-inline: 1em;
      width: max-content;
      font-weight: bold; }
      body .news.news-single > .article div.news-backlink-wrap a:hover, .body .news.news-single > .article div.news-backlink-wrap a:hover {
        text-decoration: none;
        background-color: #fff;
        border: 1px solid #5DB735;
        color: #5DB735; }
  body .news.news-single > .article span.news-list-date, .body .news.news-single > .article span.news-list-date {
    grid-area: date;
    grid-column: 1;
    line-height: 1.75;
    padding-top: 0.3em; }
    body .news.news-single > .article span.news-list-date time, .body .news.news-single > .article span.news-list-date time {
      font-weight: 500; }
      body .news.news-single > .article span.news-list-date time::before, .body .news.news-single > .article span.news-list-date time::before {
        content: '\f073';
        font-family: 'Font Awesome 5 Pro';
        color: #5DB735; }
  body .news.news-single > .article div.news-text-wrap, .body .news.news-single > .article div.news-text-wrap {
    grid-area: content; }
  body .news.news-single > .article div.news-related-wrap, .body .news.news-single > .article div.news-related-wrap, body .news.news-single > .article .news-list-category, .body .news.news-single > .article .news-list-category, body .news.news-single > .article .news-list-author, .body .news.news-single > .article .news-list-author {
    display: none; }
  body .news.news-single > .article .teaser-text, .body .news.news-single > .article .teaser-text {
    grid-area: teaser;
    grid-column: 1; }
    body .news.news-single > .article .teaser-text > p, .body .news.news-single > .article .teaser-text > p {
      margin: 0 !important;
      font-size: 1.5em;
      line-height: 2; }
  body .news.news-single > .article .footer, .body .news.news-single > .article .footer {
    border: none !important;
    margin: 0 !important;
    grid-area: date;
    grid-column: 1; }
    body .news.news-single > .article .footer > p, .body .news.news-single > .article .footer > p {
      margin: 0 !important; }
body .news-list-view, .body .news-list-view {
  padding-top: 2em;
  display: grid;
  grid-template-areas: "news" "pagination";
  row-gap: 1em; }
  body .news-list-view .news-list, .body .news-list-view .news-list {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
    gap: 1.5em;
    grid-area: news; }
  body .news-list-view .article, .body .news-list-view .article {
    display: grid;
    position: relative;
    background-color: #EEE;
    border-radius: 10px;
    border: 2px #EEE solid;
    gap: 0px 0em;
    justify-content: center;
    grid-template-areas: "date" "image" "title" "teaser" "more";
    padding: 1em !important;
    padding-top: 0 !important;
    margin: 0 !important;
    margin-top: 1em !important;
    width: 32%; }
    body .news-list-view .article .header, .body .news-list-view .article .header {
      grid-area: title;
      grid-column: 1;
      margin-bottom: 1.2em;
      margin-top: 0.5em; }
      body .news-list-view .article .header > h3, .body .news-list-view .article .header > h3 {
        line-height: 1.3;
        font-size: 1.5em;
        font-weight: 500; }
        body .news-list-view .article .header > h3 > a:hover, .body .news-list-view .article .header > h3 > a:hover {
          text-decoration-color: #5DB735; }
    body .news-list-view .article .news-img-wrap, .body .news-list-view .article .news-img-wrap {
      background: transparent;
      grid-area: image;
      margin: 0; }
      body .news-list-view .article .news-img-wrap > a, .body .news-list-view .article .news-img-wrap > a {
        border: none;
        padding: 0;
        background: transparent;
        display: flex;
        justify-content: center; }
        body .news-list-view .article .news-img-wrap > a img, .body .news-list-view .article .news-img-wrap > a img {
          height: 100%;
          width: 100%;
          object-fit: cover; }
    body .news-list-view .article .teaser-text, .body .news-list-view .article .teaser-text {
      margin-bottom: 0;
      grid-area: teaser;
      grid-column: 1; }
      body .news-list-view .article .teaser-text p, .body .news-list-view .article .teaser-text p {
        padding-left: 7px; }
    body .news-list-view .article .more-container, .body .news-list-view .article .more-container {
      grid-area: more;
      grid-column: 1;
      display: flex;
      align-items: flex-end; }
    body .news-list-view .article a.more, .body .news-list-view .article a.more {
      background-color: #5DB735;
      color: #fff;
      border-radius: 7px;
      padding: 7px;
      width: max-content;
      height: max-content; }
      body .news-list-view .article a.more:hover, .body .news-list-view .article a.more:hover {
        text-decoration: none; }
    body .news-list-view .article .news-list-date, .body .news-list-view .article .news-list-date {
      grid-area: date; }
    body .news-list-view .article .news-list-category, .body .news-list-view .article .news-list-category, body .news-list-view .article .news-list-author, .body .news-list-view .article .news-list-author {
      display: none; }
    body .news-list-view .article .footer, .body .news-list-view .article .footer {
      border-top: none;
      padding-top: 0.5em;
      margin: 0; }
      body .news-list-view .article .footer p, .body .news-list-view .article .footer p {
        margin: 0 !important;
        padding: 0 !important;
        margin-bottom: 0.5em; }
      body .news-list-view .article .footer span.news-list-date, .body .news-list-view .article .footer span.news-list-date {
        grid-column: 1;
        line-height: 1.75;
        padding-top: 0.3em; }
        body .news-list-view .article .footer span.news-list-date time, .body .news-list-view .article .footer span.news-list-date time {
          position: absolute;
          top: -1.5em;
          font-weight: 500;
          background-color: #8D8E95;
          color: #fff;
          border-radius: 10px;
          padding: 7px; }
          body .news-list-view .article .footer span.news-list-date time::before, .body .news-list-view .article .footer span.news-list-date time::before {
            content: '\f073';
            font-family: 'Font Awesome 5 Pro';
            color: #fff;
            margin-right: 0.2em; }
    body .news-list-view .article:hover, .body .news-list-view .article:hover {
      border-color: #5DB735; }
      body .news-list-view .article:hover span.news-list-date > time, .body .news-list-view .article:hover span.news-list-date > time {
        background-color: #5DB735; }
    body .news-list-view .article::after, .body .news-list-view .article::after {
      content: none; }
  body .news-list-view .page-navigation, .body .news-list-view .page-navigation {
    grid-area: pagination; }
    body .news-list-view .page-navigation:first-of-type, .body .news-list-view .page-navigation:first-of-type {
      display: none; }
    body .news-list-view .page-navigation p, .body .news-list-view .page-navigation p {
      color: #8D8E95;
      font-size: 1em; }
      body .news-list-view .page-navigation ul.f3-widget-paginator li, .body .news-list-view .page-navigation ul.f3-widget-paginator li {
        border: 1px solid #8D8E95;
        padding-inline: 0.5em;
        border-collapse: collapse;
        cursor: pointer; }
        body .news-list-view .page-navigation ul.f3-widget-paginator li span, .body .news-list-view .page-navigation ul.f3-widget-paginator li span, body .news-list-view .page-navigation ul.f3-widget-paginator li a, .body .news-list-view .page-navigation ul.f3-widget-paginator li a {
          all: unset; }
        body .news-list-view .page-navigation ul.f3-widget-paginator li.current, .body .news-list-view .page-navigation ul.f3-widget-paginator li.current {
          background-color: #5DB735;
          color: #fff;
          font-weight: bold; }
        body .news-list-view .page-navigation ul.f3-widget-paginator li:hover:not(.current), .body .news-list-view .page-navigation ul.f3-widget-paginator li:hover:not(.current) {
          background-color: #E3E3E3; }
        body .news-list-view .page-navigation ul.f3-widget-paginator li:first-of-type, .body .news-list-view .page-navigation ul.f3-widget-paginator li:first-of-type {
          border-top-left-radius: 5px;
          border-bottom-left-radius: 5px; }
        body .news-list-view .page-navigation ul.f3-widget-paginator li:last-of-type, .body .news-list-view .page-navigation ul.f3-widget-paginator li:last-of-type {
          border-top-right-radius: 5px;
          border-bottom-right-radius: 5px; }
  body .news-list-view .news-clear, .body .news-list-view .news-clear {
    display: none; }
body .frame-space-after-extra-large, .body .frame-space-after-extra-large {
  margin-bottom: 6.5em; }
body h2.font-weight-normal, .body h2.font-weight-normal, body strong.font-weight-extra-bold, .body strong.font-weight-extra-bold {
  font-weight: 500 !important; }
  body #gsShopModal .invalid-feedback, .body #gsShopModal .invalid-feedback, body .gsShopLoginInline .invalid-feedback, .body .gsShopLoginInline .invalid-feedback, body #gsShopModal .common-error, .body #gsShopModal .common-error, body .gsShopLoginInline .common-error, .body .gsShopLoginInline .common-error {
    color: red;
    display: none; }
    body #gsShopModal .common-error.successInfo, .body #gsShopModal .common-error.successInfo, body .gsShopLoginInline .common-error.successInfo, .body .gsShopLoginInline .common-error.successInfo {
      color: #5DB735; }
  body #gsShopModal .form-group, .body #gsShopModal .form-group, body .gsShopLoginInline .form-group, .body .gsShopLoginInline .form-group {
    max-width: 300px; }
    body #gsShopModal .form-group label, .body #gsShopModal .form-group label, body .gsShopLoginInline .form-group label, .body .gsShopLoginInline .form-group label {
      font-weight: bold; }
      body #gsShopModal .form-group.invalid input, .body #gsShopModal .form-group.invalid input, body .gsShopLoginInline .form-group.invalid input, .body .gsShopLoginInline .form-group.invalid input {
        border-color: red; }
      body #gsShopModal .form-group.invalid .invalid-feedback, .body #gsShopModal .form-group.invalid .invalid-feedback, body .gsShopLoginInline .form-group.invalid .invalid-feedback, .body .gsShopLoginInline .form-group.invalid .invalid-feedback {
        display: block; }
  body #gsShopModal .loading, .body #gsShopModal .loading, body .gsShopLoginInline .loading, .body .gsShopLoginInline .loading {
    width: max-content;
    display: flex;
    flex-direction: column;
    align-items: center; }
    body #gsShopModal .loader .content span, .body #gsShopModal .loader .content span, body .gsShopLoginInline .loader .content span, .body .gsShopLoginInline .loader .content span {
      font-weight: bold; }
  body #gsShopModal .conProducts .productRow, .body #gsShopModal .conProducts .productRow, body .gsShopLoginInline .conProducts .productRow, .body .gsShopLoginInline .conProducts .productRow {
    padding-bottom: 1em; }
    body #gsShopModal .conProducts .productRow > span, .body #gsShopModal .conProducts .productRow > span, body .gsShopLoginInline .conProducts .productRow > span, .body .gsShopLoginInline .conProducts .productRow > span, body #gsShopModal .conProducts .productRow > input, .body #gsShopModal .conProducts .productRow > input, body .gsShopLoginInline .conProducts .productRow > input, .body .gsShopLoginInline .conProducts .productRow > input {
      margin-right: 0.5em; }
    body #gsShopModal .conProducts .productRow > input, .body #gsShopModal .conProducts .productRow > input, body .gsShopLoginInline .conProducts .productRow > input, .body .gsShopLoginInline .conProducts .productRow > input {
      text-align: right;
      max-width: 4em; }
    body #gsShopModal .conProducts .productRow .type, .body #gsShopModal .conProducts .productRow .type, body .gsShopLoginInline .conProducts .productRow .type, .body .gsShopLoginInline .conProducts .productRow .type, body #gsShopModal .conProducts .productRow .price, .body #gsShopModal .conProducts .productRow .price, body .gsShopLoginInline .conProducts .productRow .price, .body .gsShopLoginInline .conProducts .productRow .price {
      font-weight: bold; }
    body #gsShopModal .conProducts .productRow .cnt, .body #gsShopModal .conProducts .productRow .cnt, body .gsShopLoginInline .conProducts .productRow .cnt, .body .gsShopLoginInline .conProducts .productRow .cnt {
      float: right; }
    body #gsShopModal .conProducts .productRow.notSellable, .body #gsShopModal .conProducts .productRow.notSellable, body .gsShopLoginInline .conProducts .productRow.notSellable, .body .gsShopLoginInline .conProducts .productRow.notSellable {
      font-style: italic; }
      body #gsShopModal .conProducts .productRow.notSellable .price, .body #gsShopModal .conProducts .productRow.notSellable .price, body .gsShopLoginInline .conProducts .productRow.notSellable .price, .body .gsShopLoginInline .conProducts .productRow.notSellable .price, body #gsShopModal .conProducts .productRow.notSellable .cnt, .body #gsShopModal .conProducts .productRow.notSellable .cnt, body .gsShopLoginInline .conProducts .productRow.notSellable .cnt, .body .gsShopLoginInline .conProducts .productRow.notSellable .cnt {
        text-decoration: line-through; }
  body #gsShopModal .vatInfo, .body #gsShopModal .vatInfo, body .gsShopLoginInline .vatInfo, .body .gsShopLoginInline .vatInfo {
    font-size: 0.9em;
    padding-top: 2em;
    text-align: right; }
  body #gsShopModal .lost-pw, .body #gsShopModal .lost-pw, body .gsShopLoginInline .lost-pw, .body .gsShopLoginInline .lost-pw {
    text-decoration: underline;
    color: #5DB735;
    cursor: pointer;
    padding-top: 0.5em;
    display: inline-block; }
body .gsShopLoginInline, .body .gsShopLoginInline {
  position: relative; }
  body .gsShopLoginInline .common-error, .body .gsShopLoginInline .common-error {
    padding-bottom: 1em; }
body .form-control, .body .form-control {
  border: none;
  box-shadow: 6px 6px 15px rgba(0, 0, 0, 0.27); }
body .conLogin .form-control, .body .conLogin .form-control {
  border: 1px solid rgba(0, 0, 0, 0.09); }

.chart-column {
  display: flex;
  flex-direction: row;
  gap: 2em;
  width: 100%; }
  .chart-column .chart-col-item {
    width: 100%;
    position: relative;
    border-radius: 5px;
    min-width: 5ch;
    max-width: 75px; }
    .chart-column .chart-col-item .posValue {
      width: 100%;
      border-radius: 5px 5px 0 0;
      z-index: 1;
      transform-origin: bottom center;
      animation: grow cubic-bezier(0.64, 0.09, 0.08, 1) 0.5s; }
    .chart-column .chart-col-item .negValue {
      width: 100%;
      border-radius: 0 0 5px 5px;
      z-index: 1;
      transform-origin: top center;
      animation: grow cubic-bezier(0.64, 0.09, 0.08, 1) 0.5s; }
    .chart-column .chart-col-item .value {
      color: white;
      position: absolute;
      top: 2%;
      left: 0;
      right: 0;
      text-align: center;
      font-size: 1.05em; }
    .chart-column .chart-col-item .label {
      background-color: #F2F2F2;
      font-weight: bold;
      width: 100%;
      text-align: center;
      padding-block: 0.5em;
      -webkit-box-shadow: 6px 6px 15px rgba(0, 0, 0, 0.1);
      box-shadow: 6px 6px 15px rgba(0, 0, 0, 0.1);
      z-index: 2;
      position: relative;
      font-size: 1.05em; }
    .chart-column .chart-col-item .visiblePart {
      position: relative; }
      .chart-column .chart-col-item .visiblePart:hover {
        filter: brightness(1.1);
        transform: scale(1.05); }
        .chart-column .chart-col-item .visiblePart:hover > .color {
          background-color: #5DB735 !important; }
    .chart-column .chart-col-item.negative .value {
      top: unset;
      bottom: 0; }
    .chart-column .chart-col-item .color {
      background-color: #8D8E95; }
    .chart-column .chart-col-item .arrow-up {
      position: absolute;
      top: -8px;
      left: 60%;
      width: 0;
      height: 0;
      border-left: 5px solid transparent;
      border-right: 5px solid transparent;
      border-bottom: 8px solid #F2F2F2; }
    .chart-column .chart-col-item .arrow-down {
      position: absolute;
      bottom: -8px;
      left: 60%;
      width: 0;
      height: 0;
      border-left: 5px solid transparent;
      border-right: 5px solid transparent;
      border-top: 8px solid #F2F2F2; }

.chart-ancestry {
  row-gap: 2em;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap; }
  .chart-ancestry .chart-row {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    row-gap: 1em;
    column-gap: 0.2em; }
  .chart-ancestry .chart-column {
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
    width: 32%;
    column-gap: 0.2em; }
  .chart-ancestry .chart-item {
    background-color: #E3E3E3;
    width: 100%;
    min-height: 4.5em;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    margin-block: 0.7em;
    border-radius: 5px;
    position: relative;
    font-size: 0.75em; }
    .chart-ancestry .chart-item.light {
      background-color: #F6F6F6; }
    .chart-ancestry .chart-item.big {
      min-height: 5.3em;
      flex-direction: column;
      padding-block: 0.2em; }
    .chart-ancestry .chart-item .heritage {
      position: absolute;
      top: 0;
      left: 0.3em;
      color: #8D8E95; }
    .chart-ancestry .chart-item .name {
      font-weight: bold;
      margin-right: 0.3em;
      font-size: 1.2em; }
    .chart-ancestry .chart-item .identifier {
      color: #707070; }
    .chart-ancestry .chart-item > .detail-text {
      color: #707070; }
    .chart-ancestry .chart-item:hover {
      background-color: #5DB735;
      color: white;
      filter: brightness(1.1);
      transform: scale(1.05); }
      .chart-ancestry .chart-item:hover .identifier {
        color: white; }
      .chart-ancestry .chart-item:hover > .detail-text {
        color: white; }
      .chart-ancestry .chart-item:hover .heritage {
        color: white; }

.chart-bar table {
  width: 100%;
  font-size: 1em; }
  .chart-bar table thead > tr > th {
    position: relative;
    color: transparent; }
    .chart-bar table thead > tr > th > .scale-label::before {
      position: absolute;
      content: attr(data-title);
      color: black;
      background-color: #F2F2F2;
      padding-block: 1px;
      width: 4ch;
      text-align: center;
      border-radius: 5px;
      top: -9px;
      left: -2ch;
      -webkit-box-shadow: 6px 6px 15px rgba(0, 0, 0, 0.1);
      box-shadow: 6px 6px 15px rgba(0, 0, 0, 0.1);
      z-index: 1; }
    .chart-bar table thead > tr > th > .scale-label::after {
      position: absolute;
      content: '';
      left: -5px;
      top: 14px;
      width: 0;
      height: 0;
      border-left: 5px solid transparent;
      border-right: 5px solid transparent;
      border-top: 8px solid #F2F2F2;
      z-index: 2; }
  .chart-bar table .spacer > th, .chart-bar table .spacer td {
    color: transparent; }
  .chart-bar table .spacer .space {
    padding-inline: 15px;
    text-align: center; }
  .chart-bar table .spacer > td:not(:last-child):not(:first-child) {
    border-right: #E3E3E3 1px solid; }
  .chart-bar table th.lbl {
    background-color: #F2F2F2;
    display: flex;
    border-radius: 5px 0 0 5px;
    transform: scale(1.16);
    width: min-content;
    margin-left: 14px; }
    .chart-bar table th.lbl::after {
      content: '';
      position: absolute;
      bottom: 11px;
      right: -14.8px;
      width: 0;
      height: 0;
      border-top: 5px solid transparent;
      border-bottom: 5px solid transparent;
      border-left: 8px solid #F2F2F2;
      -webkit-box-shadow: 6px 6px 15px rgba(0, 0, 0, 0.1);
      box-shadow: 6px 6px 15px rgba(0, 0, 0, 0.1); }
    .chart-bar table th.lbl::before {
      content: '';
      position: absolute;
      inset: 0;
      right: -7px;
      background: #F2F2F2;
      z-index: -1;
      -webkit-box-shadow: 6px 6px 15px rgba(0, 0, 0, 0.1);
      box-shadow: 6px 6px 15px rgba(0, 0, 0, 0.1); }
  .chart-bar table .chart-bar-row {
    animation: fadein cubic-bezier(0.64, 0.09, 0.08, 1) 0.3s; }
    .chart-bar table .chart-bar-row:hover th.lbl {
      color: white; }
      .chart-bar table .chart-bar-row:hover th.lbl::before {
        position: absolute;
        background-color: #5DB735;
        transition: all cubic-bezier(0.64, 0.09, 0.08, 1) 0.2s; }
    .chart-bar table .chart-bar-row:hover > td.bar-container > div > .bar-2 {
      filter: brightness(1.1);
      background-color: #5DB735; }
    .chart-bar table .chart-bar-row th, .chart-bar table .chart-bar-row td {
      padding-block: 0.5%; }
    .chart-bar table .chart-bar-row .lbl-text {
      width: 18ch;
      padding-block: 1.8%;
      padding-left: 5%; }
    .chart-bar table .chart-bar-row .lbl-value {
      width: 3ch;
      padding-block: 1.8%; }
    .chart-bar table .chart-bar-row .bar-container {
      height: auto;
      position: relative;
      background-color: #EEEEEE;
      width: 55%; }
      .chart-bar table .chart-bar-row .bar-container .bar-1, .chart-bar table .chart-bar-row .bar-container .bar-2 {
        position: absolute;
        border-radius: 5px;
        inset: 0; }
      .chart-bar table .chart-bar-row .bar-container .bar-1 {
        opacity: 0.3;
        background-color: grey;
        height: 140%;
        margin: auto; }
      .chart-bar table .chart-bar-row .bar-container .bar-2 {
        background-color: #8D8E95;
        height: 100%; }
        .chart-bar table .chart-bar-row .bar-container .bar-2:hover {
          filter: brightness(1.1);
          background-color: #5DB735; }
        .chart-bar table .chart-bar-row .bar-container .bar-2.left-arrow::before {
          position: absolute;
          inset: 0 auto 0 1em;
          content: '';
          width: 0;
          height: 0;
          border-top: 5px solid transparent;
          border-bottom: 5px solid transparent;
          border-right: 8px solid #F2F2F2;
          margin: auto; }
        .chart-bar table .chart-bar-row .bar-container .bar-2.right-arrow::after {
          position: absolute;
          inset: 0;
          content: '';
          width: 0;
          height: 0;
          border-top: 5px solid transparent;
          border-bottom: 5px solid transparent;
          border-left: 8px solid #F2F2F2;
          margin: auto;
          inset: 0 1em 0 auto; }
      .chart-bar table .chart-bar-row .bar-container .animate-center {
        transform-origin: center center;
        animation: growX cubic-bezier(0.64, 0.09, 0.08, 1) 0.5s; }
      .chart-bar table .chart-bar-row .bar-container .animate-ltr {
        transform-origin: left center;
        animation: growX cubic-bezier(0.64, 0.09, 0.08, 1) 0.5s; }
      .chart-bar table .chart-bar-row .bar-container .animate-rtl {
        transform-origin: right center;
        animation: growX cubic-bezier(0.64, 0.09, 0.08, 1) 0.5s; }
    .chart-bar table .chart-bar-row .description {
      background-color: #EEEEEE;
      border-color: #EEEEEE;
      color: #8D8E95;
      font-size: 0.75em; }
    .chart-bar table .chart-bar-row .description-left {
      padding-inline: 50px;
      text-align: left;
      white-space: nowrap; }
    .chart-bar table .chart-bar-row .description-right {
      text-align: right;
      padding-left: 35px;
      padding-right: 1.2em;
      border-radius: 0 5px 5px 0; }

.base-color {
  color: #5DB735 !important; }

.base-bg {
  background-color: #5DB735 !important; }

.flex-center-center {
  display: flex;
  flex-direction: column;
  align-content: center;
  justify-content: center;
  align-items: center; }

.paper, body .news.news-single > .article, .body .news.news-single > .article, body .news-list-view, .body .news-list-view {
  background: white;
  padding-inline: 5em;
  max-width: 1200px;
  margin: 0 auto;
  padding-bottom: 2em; }
  .paper.detail-paper, body .news.news-single > .detail-paper.article, .body .news.news-single > .detail-paper.article, body .detail-paper.news-list-view, .body .detail-paper.news-list-view {
    max-width: 1000px; }

.icon-header {
  display: inline-flex;
  width: 100%;
  margin-bottom: 2em;
  padding-top: 1em; }
  .icon-header > i, .icon-header svg {
    font-size: 3.31em;
    margin-right: 0.25em;
    color: #5DB735; }
  .icon-header .title {
    display: flex;
    align-items: flex-end;
    font-size: 1.5em;
    border-bottom: 1px solid #EEEEEE;
    text-transform: uppercase;
    width: 100%; }

.gsShopCart:hover {
  text-decoration: none !important; }
.gsShopCart.hasItems {
  -webkit-animation-name: wiggle;
  -ms-animation-name: wiggle;
  -ms-animation-duration: 2000ms;
  -webkit-animation-duration: 2000ms;
  -webkit-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  -webkit-animation-timing-function: ease-in-out;
  -ms-animation-timing-function: ease-in-out; }

@-webkit-keyframes wiggle {
  0% {
    -webkit-transform: rotate(10deg); }
  25% {
    -webkit-transform: rotate(-10deg); }
  50% {
    -webkit-transform: rotate(20deg); }
  75% {
    -webkit-transform: rotate(-5deg); }
  100% {
    -webkit-transform: rotate(0deg); } }
@-ms-keyframes wiggle {
  0% {
    -ms-transform: rotate(1deg); }
  25% {
    -ms-transform: rotate(-1deg); }
  50% {
    -ms-transform: rotate(1.5deg); }
  75% {
    -ms-transform: rotate(-5deg); }
  100% {
    -ms-transform: rotate(0deg); } }
@keyframes wiggle {
  0% {
    transform: rotate(10deg); }
  10% {
    transform: rotate(-10deg); }
  20% {
    transform: rotate(20deg); }
  30% {
    transform: rotate(-5deg); }
  40%, 100% {
    transform: rotate(0deg); } }
@keyframes grow {
  0% {
    transform: scaleY(0); }
  100% {
    transform: scaleY(1); } }
@keyframes growX {
  0% {
    transform: scaleX(0); }
  100% {
    transform: scaleX(1); } }
@keyframes fadein {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
@media screen and (min-width: 1500px) {
  #c122 > rs-fullwidth-wrap {
    margin-bottom: 7% !important; } }

@media only screen and (min-width: 992px) {
  #FloatingSideMenu {
    display: unset; }
  .hide-desktop {
    display: none !important; }
    body #header .header-row.top-row, .body #header .header-row.top-row {
      justify-content: flex-end !important; }
    body .owl-carousel .owl-nav, .body .owl-carousel .owl-nav {
      display: unset; }
    body .order-button-container, .body .order-button-container {
      display: flex !important; }
      body .order-button-container.mobile, .body .order-button-container.mobile {
        display: none !important; }
    body tr.spacer, .body tr.spacer {
      /* font-size: .2em !important; */
      height: 18px !important;
      line-height: 0.6; }
    body .footer-container > .footer-cards, .body .footer-container > .footer-cards {
      flex-direction: row;
      align-items: normal;
      gap: 0; }
      body .footer-container > .footer-cards > .card-container.logo-card, .body .footer-container > .footer-cards > .card-container.logo-card {
        display: initial !important; }
      body .footer-container > .footer-cards > .card-container-address-card, .body .footer-container > .footer-cards > .card-container-address-card {
        padding-bottom: 0; } }

@media only screen and (min-width: 630px) {
  body .footer-container > .footer-cards, .body .footer-container > .footer-cards {
    flex-direction: row;
    align-items: normal;
    gap: 0; }
    body .footer-container > .footer-cards > .card-container-address-card, .body .footer-container > .footer-cards > .card-container-address-card {
      padding-bottom: 0; } }

@media only screen and (max-width: 1075px) {
  body .stat-page .genostar-display, .body .stat-page .genostar-display {
    grid-template-rows: 0.1fr 0.15fr 0.25fr !important;
    grid-template-areas: "image image" "title title" "stats action"; }
    body .stat-page .genostar-display .title, .body .stat-page .genostar-display .title {
      font-size: 1.68em !important;
      align-items: center !important;
      justify-content: center; }
      body .stat-page .genostar-display .title > div, .body .stat-page .genostar-display .title > div {
        margin-bottom: 0px !important; }
    body .stat-page .genostar-display .stats, .body .stat-page .genostar-display .stats {
      border-bottom: none !important; }
      body .stat-page .genostar-display .stats .chart-column, .body .stat-page .genostar-display .stats .chart-column {
        height: 100%; }
    body .stat-page .genostar-display .image, .body .stat-page .genostar-display .image {
      max-height: 100%;
      max-width: 100%; }
      body .stat-page .genostar-display .image .carousel-inner, .body .stat-page .genostar-display .image .carousel-inner {
        width: auto !important;
        height: auto !important;
        max-height: 100%;
        max-width: 100%; }
        body .stat-page .genostar-display .image .carousel-inner .item, .body .stat-page .genostar-display .image .carousel-inner .item {
          height: 100%;
          width: 100%; }
      body .stat-page .genostar-display .image img, .body .stat-page .genostar-display .image img {
        width: 100%;
        height: 100%;
        object-fit: cover; }
  body .news-list-view .article, .body .news-list-view .article {
    width: 90%; } }

@media only screen and (max-width: 991px) {
  html .scroll-to-top.hidden-mobile {
    display: flex !important; }
    body #header .header-logo, .body #header .header-logo {
      max-width: 30vw !important;
      min-width: 180px; }
    body #header .header-nav-top .nav-item > a.order-button-mobile, .body #header .header-nav-top .nav-item > a.order-button-mobile {
      font-weight: 600;
      color: #5DB735 !important; }
    body nav.collapse.in.show, .body nav.collapse.in.show {
      border-top: 2px #5db735 solid; }
      body nav.collapse.in.show::after, .body nav.collapse.in.show::after {
        /* border-bottom: 2px solid #5db735; */
        content: '';
        position: absolute;
        inset: 0;
        background: #9d9b9ba3;
        z-index: -2;
        filter: drop-shadow(2px 4px 6px #9d9b9ba3);
        top: 98%;
        left: 0;
        right: 0;
        box-shadow: black;
        box-shadow: 0px 11px 20px 20px #534e4e; }
    body #header .header-nav-main nav, .body #header .header-nav-main nav {
      height: auto;
      max-height: none; }
      body #header .header-nav-main nav > ul li.dropdown .dropdown-menu, .body #header .header-nav-main nav > ul li.dropdown .dropdown-menu {
        margin: 0 !important;
        padding-left: 20px;
        position: relative;
        background: #fff;
        width: 100%; }
      body #header .header-nav-main nav ul.nav-pills .li.dropdown, .body #header .header-nav-main nav ul.nav-pills .li.dropdown {
        max-height: none; }
      body #header .header-nav-main nav ul.nav-pills li.dropdown, .body #header .header-nav-main nav ul.nav-pills li.dropdown {
        border-top-right-radius: 1em;
        background-color: #fff;
        max-height: none; }
    body .genostar-ofTheMonth .genostar-display, .body .genostar-ofTheMonth .genostar-display {
      grid-template-columns: 100% !important;
      grid-template-rows: 1fr 0.2fr 0.4fr;
      grid-template-areas: "image" "title" "stats" "action"; }
      body .genostar-ofTheMonth .genostar-display .action, .body .genostar-ofTheMonth .genostar-display .action {
        border-top: 0; }
      body .genostar-ofTheMonth .genostar-display .title, .body .genostar-ofTheMonth .genostar-display .title {
        padding-bottom: 0.35em; }
  body form h2, .body form h2 {
    margin-inline: 4em; }
  body footer#footer .top-footer-menu, .body footer#footer .top-footer-menu {
    display: none; }
    body footer#footer .footer-copyright .row, .body footer#footer .footer-copyright .row {
      flex-direction: column; }
      body footer#footer .footer-copyright .row .copyright, .body footer#footer .footer-copyright .row .copyright {
        display: flex;
        justify-content: center; }
      body footer#footer .footer-copyright .row .footer-links, .body footer#footer .footer-copyright .row .footer-links {
        justify-content: center !important; }
  body .team-display, .body .team-display {
    max-width: 80%; } }

@media only screen and (max-width: 820px) {
  body .team-display, .body .team-display {
    font-size: 12px; }
    body .chart-ancestry .chart-row .chart-column, .body .chart-ancestry .chart-row .chart-column {
      align-items: stretch !important; }
      body .chart-ancestry .chart-row .chart-column .chart-item, .body .chart-ancestry .chart-row .chart-column .chart-item {
        padding-top: 1.2em; }
        body .chart-ancestry .chart-row .chart-column .chart-item > div:not(.heritage):not(.detail-text), .body .chart-ancestry .chart-row .chart-column .chart-item > div:not(.heritage):not(.detail-text) {
          display: flex;
          justify-content: center;
          align-items: center;
          align-content: center;
          flex-wrap: wrap;
          flex-direction: row; }
        body .chart-ancestry .chart-row .chart-column .chart-item .detail-text, .body .chart-ancestry .chart-row .chart-column .chart-item .detail-text {
          padding-inline: 0.6em;
          text-align: center; }
  body .main .card-container, .body .main .card-container {
    font-size: 0.7em;
    margin-top: -20%; }
    body .main .card-container .card-title, .body .main .card-container .card-title {
      line-height: 1; } }

@media only screen and (max-width: 768px) {
  body .main .genostar-ofTheMonth.detail, .body .main .genostar-ofTheMonth.detail {
    margin-top: -15vw; }
  body .main .card-container, .body .main .card-container {
    margin-top: -25%; }
    body .main .card-container .card-title, .body .main .card-container .card-title {
      line-height: 1; }
  .chart-bar .description-right {
    display: none; }
  .chart-bar .description-left {
    padding-inline: 0 !important;
    color: transparent !important; }
    .chart-bar tr .space:last-of-type {
      display: none; }
  .chart-column {
    flex-wrap: wrap; } }

@media only screen and (max-width: 650px) {
  body .team-display, .body .team-display {
    max-width: 100%;
    font-size: 10px; }
  body .news.news-single > .article, .body .news.news-single > .article {
    display: grid;
    grid-template-columns: 100%;
    grid-template-rows: none;
    gap: 0px 0em;
    grid-template-areas: "title" "date" "teaser" "content" "images" "back"; }
    body .news.news-single > .article div.news-img-wrap, .body .news.news-single > .article div.news-img-wrap, body .news.news-single > .article div.frame, .body .news.news-single > .article div.frame {
      grid-area: images;
      grid-column: 1;
      margin-bottom: 1em !important; }
  .chart-bar {
    font-size: 12px; } }

@media only screen and (max-width: 575px) {
  body div.header-row.top-row .header-nav-top, .body div.header-row.top-row .header-nav-top {
    width: 100%;
    justify-content: center; }
    body div.header-row.top-row .header-nav-top ul.nav.nav-pills, .body div.header-row.top-row .header-nav-top ul.nav.nav-pills {
      width: 75%;
      justify-content: space-evenly; }
      body div.header-row.top-row .header-nav-top ul.nav.nav-pills li.nav-item.nav-item-left-border, .body div.header-row.top-row .header-nav-top ul.nav.nav-pills li.nav-item.nav-item-left-border {
        padding-top: 6px;
        display: flex;
        justify-content: center;
        align-items: center; }
        body div.header-row.top-row .header-nav-top ul.nav.nav-pills li.nav-item.nav-item-left-border > span, .body div.header-row.top-row .header-nav-top ul.nav.nav-pills li.nav-item.nav-item-left-border > span {
          padding-block: 0 !important; }
        body div.header-row.top-row .header-nav-top ul.nav.nav-pills li.nav-item.nav-item-left-border::after, .body div.header-row.top-row .header-nav-top ul.nav.nav-pills li.nav-item.nav-item-left-border::after {
          display: none !important; }
  body .chart-column.prop, .body .chart-column.prop {
    justify-content: center; }
  body .chart-ancestry .chart-item, .body .chart-ancestry .chart-item {
    font-size: 12px; }
    body .chart-bar thead, .body .chart-bar thead {
      display: none; }
    body .chart-bar td, .body .chart-bar td {
      display: none; }
    body .chart-bar .chart-bar-row, .body .chart-bar .chart-bar-row {
      padding-bottom: 10px;
      display: block; }
      body .chart-bar .chart-bar-row .lbl, .body .chart-bar .chart-bar-row .lbl {
        width: 180px;
        margin: 0 auto; }
        body .chart-bar .chart-bar-row .lbl::after, .body .chart-bar .chart-bar-row .lbl::after {
          display: none;
          content: none; }
    body .chart-bar .lbl-value :after, .body .chart-bar .lbl-value :after {
      display: none; } }

@media only screen and (max-width: 480px) {
  body #header img.header-logo, .body #header img.header-logo {
    max-width: 65vw; }
    body .main .card-container, .body .main .card-container {
      font-size: 0.55em; }
    body .main .call-to-action, .body .main .call-to-action {
      display: none; }
  body div.header-row.top-row .header-nav-top ul.nav.nav-pills, .body div.header-row.top-row .header-nav-top ul.nav.nav-pills {
    width: 100%; }
  body .team-display, .body .team-display {
    font-size: 9px !important;
    line-height: 1.75 !important; }
    body .stat-page .genostar-display, .body .stat-page .genostar-display {
      grid-template-columns: 100% !important;
      grid-template-rows: 0.1fr 0.15fr 0.25fr 0.25fr !important;
      grid-template-areas: "image" "title" "stats" "action";
      row-gap: 2em; }
      body .stat-page .genostar-display .title, .body .stat-page .genostar-display .title {
        font-size: 1.68em !important;
        align-items: center !important;
        justify-content: center; }
        body .stat-page .genostar-display .title > div, .body .stat-page .genostar-display .title > div {
          margin-bottom: 0px !important; }
      body .stat-page .genostar-display .stats, .body .stat-page .genostar-display .stats {
        border-bottom: none !important; }
        body .stat-page .genostar-display .stats .chart-column, .body .stat-page .genostar-display .stats .chart-column {
          height: 100%; }
    body .stat-page .propertiesModule, .body .stat-page .propertiesModule {
      grid-template-columns: 1fr;
      grid-template-rows: 0.4fr 0.4fr 0.4fr;
      gap: 1.5em;
      grid-template-areas: "stat" "col1" "col2"; }
      body .stat-page .propertiesModule .chart-column .chart-col-item, .body .stat-page .propertiesModule .chart-column .chart-col-item {
        min-width: 10ch; }
  body .paper, body .news.news-single > .article, body .body .news.news-single > .article, .body body .news.news-single > .article, body .news-list-view, body .body .news-list-view, .body body .news-list-view, .body .paper, .body .news.news-single > .article, .body .news-list-view {
    padding-inline: 2em !important; }
  body .chart-ancestry .chart-item, .body .chart-ancestry .chart-item {
    min-height: 7.5em;
    padding: 8px; }
    body .chart-ancestry .chart-item.big, .body .chart-ancestry .chart-item.big {
      min-height: 12.3em; }
  body .chart-bar, .body .chart-bar {
    font-size: 10px; } }

@media only screen and (max-width: 390px) {
  body {
    font-size: 12px; }
    body .news.news-single > .article div.header h3, body .body .news.news-single > .article div.header h3 {
      line-height: 1.5;
      font-size: 2.2em; } }

@media only screen and (max-width: 340px) {
  .body.body #header .header-nav-top .nav-item > a, .body.body .body #header .header-nav-top .nav-item > a.order-button-mobile {
    padding-inline: 5px !important;
    font-size: 1.1em; } }

.grid-container .ce-gallery img {
  max-width: 100%;
  height: auto; }
  .grid-container .ce-gallery .ce-row .ce-column {
    margin-right: 0;
    margin-left: 0; }
.grid-container .frame-custom-41 h2, .grid-container .frame-custom-41 h2.header3 {
  margin: 0;
  padding: 0.75rem 0; }
  .grid-container .frame-custom-41 a .ce-bodytext {
    color: #000e2c; }
.grid-container .frame-custom-41 .teaser-media {
  position: relative;
  overflow: hidden; }
  .grid-container .frame-custom-41 .teaser-media img {
    transition: transform 0.2s ease-in-out; }
    .grid-container .frame-custom-41 .teaser-media img:hover, .grid-container .frame-custom-41 .teaser-media img:focus {
      transform: scale(1.04); }
  .grid-container .frame-custom-41 .teaser-media .video-embed {
    margin-bottom: 0; }
.grid-container .frame-custom-41 .ce-bodytext p {
  margin-bottom: 0; }
.grid-container .ce-textpic li, .grid-container .ce-nowrap .ce-bodytext li, .grid-container .ce-gallery li, .grid-container .ce-row li, .grid-container .ce-uploads li, .grid-container .ce-textpic div, .grid-container .ce-nowrap .ce-bodytext div, .grid-container .ce-gallery div, .grid-container .ce-row div, .grid-container .ce-uploads div {
  overflow: hidden; }
.grid-container .ce-left .ce-gallery, .grid-container .ce-column {
  float: left; }
.grid-container .ce-right .ce-gallery {
  float: right; }
.grid-container figcaption {
  color: #4b4e54; }
  .grid-container .ce-gallery figure {
    margin: 0; }
  .grid-container .ce-gallery img {
    display: block; }
  .grid-container .ce-gallery iframe {
    border-width: 0; }
.grid-container .ce-right.ce-intext .ce-gallery {
  margin-left: 1.5rem; }
.grid-container .ce-left.ce-intext .ce-gallery {
  margin-right: 1.5rem; }
.grid-container .ce-below .ce-gallery {
  margin-top: 1.5rem; }
.grid-container .ce-column {
  padding-right: 0.75rem;
  margin-bottom: 0.75rem;
  max-width: 50%;
  width: 50%; }
.grid-container .ce-intext.ce-right .ce-column, .grid-container .ce-intext [data-ce-columns="1"] .ce-column {
  padding-right: 0; }
.grid-container .ce-above .ce-bodytext {
  clear: both; }
  .grid-container .ce-intext.ce-left ol, .grid-container .ce-intext.ce-left ul {
    padding-left: 3rem;
    overflow: auto; }
.grid-container .ce-center .ce-outer, .grid-container .ce-center .ce-inner {
  float: none;
  right: 0; }
.grid-container .ce-intext > .ce-gallery, .grid-container .ce-intext > .ce-bodytext {
  width: 100%; }
.grid-container .ce-above .ce-gallery, .grid-container .ce-below .ce-gallery {
  margin-right: -0.75rem; }
.grid-container .ce-center .ce-gallery[data-ce-columns="1"] img {
  margin-left: auto;
  margin-right: auto; }
.grid-container .ce-right.ce-above, .grid-container .ce-right.ce-below {
  margin-left: -0.75rem;
  margin-right: 0; }
  .grid-container [data-ce-columns="1"] .ce-column {
    max-width: 100%;
    width: 100%; }
.grid-container [data-ce-columns="3"] .ce-column {
  max-width: 33.33333333%;
  width: 33.33333333%; }
.grid-container .col-gallery-6 figcaption {
  text-align: center; }
.grid-container .col-gallery-6 .ce-column {
  max-width: 33.333333333%;
  width: 33.333333333%; }
.grid-container .ce-textpic:not(.ce-nowrap) .ce-bodytext {
  display: inline; }
.grid-container .ce-textpic > .ce-bodytext {
  width: auto; }
@media screen and (min-width: 601px) {
  .grid-container .ce-column, .grid-container .ce-uploads-img-link {
    padding-right: 1.5rem; }
  .grid-container .ce-intext [data-ce-columns="1"] .ce-column {
    padding-right: 0; }
  .grid-container .ce-column {
    margin-bottom: 1.5rem; }
  .grid-container .ce-intext .ce-gallery {
    width: 41.6667%; }
  .grid-container .ce-intext.ce-nowrap .ce-gallery ~ .ce-bodytext {
    width: 58.3333%; }
  .grid-container .ce-intext.ce-left .ce-gallery {
    margin-right: 0.75rem; }
  .grid-container .ce-intext.ce-left .ce-column {
    padding-right: 0.75rem; }
  .grid-container .ce-left.ce-nowrap .ce-gallery {
    margin-right: -0.75rem;
    margin-left: 0; }
  .grid-container .ce-left.ce-nowrap .ce-bodytext {
    padding-left: 1.5rem; }
  .grid-container .ce-right.ce-nowrap.ce-intext .ce-gallery {
    margin-left: -0.75rem;
    margin-right: 0; }
  .grid-container .ce-right.ce-nowrap .ce-bodytext {
    padding-right: 1.5rem; }
  .grid-container .ce-intext.ce-right .ce-gallery {
    margin-left: 0.75rem; }
  .grid-container .ce-intext.ce-right .ce-column {
    padding-left: 0.75rem; }
  .grid-container [data-ce-columns="2"] .ce-column, .grid-container [data-ce-columns="4"] .ce-column {
    max-width: 50%; }
  .grid-container [data-ce-columns="4"] .ce-column {
    max-width: 25%; }
  .grid-container .col-gallery-6 .ce-column {
    max-width: 16.666666667%;
    width: 16.666666667%; }
  .grid-container .ce-above .ce-gallery, .grid-container .ce-below .ce-gallery {
    margin-right: -1.5rem; }
  .grid-container .ce-right.ce-above, .grid-container .ce-right.ce-below {
    margin-left: -1.5rem;
    margin-right: 0; } }
@media screen and (max-width: 980px) {
  .grid-container [data-ce-columns="2"] .ce-column:nth-child(odd) {
    clear: left; } }
@media screen and (max-width: 600px) {
  .grid-container [data-ce-columns="4"] .ce-column:nth-child(odd) {
    clear: left; } }
.grid-container .imagewidth25 .ce-intext .ce-gallery {
  width: 25%; }
.grid-container .imagewidth25 .ce-nowrap .ce-gallery ~ .ce-bodytext {
  width: 75%; }
.grid-container .imagewidth25 .ce-left .ce-bodytext {
  padding-left: 1.5rem; }
.grid-container .imagewidth25 .ce-right .ce-bodytext {
  padding-right: 1.5rem; }
.grid-container .imagewidth25 .ce-below .ce-bodytext, .grid-container .imagewidth25 .ce-above .ce-bodytext {
  padding-left: 0; }
.grid-container .imagewidth25 .ce-left.ce-nowrap .ce-gallery {
  margin-right: -0.75rem;
  margin-left: 0; }
.grid-container .imagewidth25 .ce-right.ce-nowrap.ce-intext .ce-gallery {
  margin-left: -0.75rem;
  margin-right: 0; }
.grid-container .imagewidth25 .ce-column {
  max-width: 100%;
  width: 100%; }