.elementor-39324 .elementor-element.elementor-element-75c3b5b{--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-39324 .elementor-element.elementor-element-a088145{--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-39324 .elementor-element.elementor-element-affc04f{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}:root{--page-title-display:none;}@media(max-width:767px){.elementor-39324 .elementor-element.elementor-element-a088145{--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-39324 .elementor-element.elementor-element-affc04f{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}}/* Start custom CSS for html, class: .elementor-element-affc04f *//* ==============================
   AquariumLesson – Compact Page Header (Viewport-Optimized, Modern)
   ============================== */

.al-page-header{
  padding: 0 1.5rem 1.25rem;
  background: #fff;
}

.al-page-header-inner{
  max-width: 980px;
  margin: 0 auto;
  text-align: center;
}

.al-page-title{
  font-size: clamp(1.85rem, 2.8vw, 2.35rem);
  font-weight: 650;                 /* moderner als 600, aber nicht fett */
  letter-spacing: -0.025em;
  line-height: 1.08;                /* kompakter, hochwertiger Look */
  margin: 0 0 0.25rem;
  color: #101413;
  text-wrap: balance;               /* nicer line breaks (wo unterstützt) */
}

.al-page-subline{
  font-size: clamp(0.92rem, 0.8vw, 0.98rem);
  line-height: 1.45;
  color: #5f6f67;
  max-width: 62ch;                  /* typografisch nicer als px */
  margin: 0 auto;
  text-wrap: pretty;
}

/* ==============================
   AquariumLesson – Compact Page Header (Viewport-Optimized, Modern)
   ============================== */

.al-page-header{
  padding: 0 1.5rem 1.25rem;
  background: #fff;
}

.al-page-header-inner{
  max-width: 980px;
  margin: 0 auto;
  text-align: center;
}

.al-page-title{
  font-size: clamp(1.85rem, 2.8vw, 2.35rem);
  font-weight: 650;
  letter-spacing: -0.025em;
  line-height: 1.08;
  margin: 0 0 0.25rem;
  color: #101413;
  text-wrap: balance;
}

.al-page-subline{
  font-size: clamp(0.92rem, 0.8vw, 0.98rem);
  line-height: 1.45;
  color: #5f6f67;
  max-width: 62ch;
  margin: 0 auto;
  text-wrap: pretty;
}

/* ==============================
   Mobile optimization
   ============================== */
@media (max-width: 767px){

  .al-page-header{
    padding: 0 1rem 0.5rem;
  }

  .al-page-header-inner{
    max-width: 100%;
  }

  .al-page-title{
    font-size: clamp(1.5rem, 6vw, 1.8rem);
    line-height: 1.1;
    margin: 0 0 0.15rem;
  }

  .al-page-subline{
    display: none;
  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-469cda1 */@media (max-width: 767px){

  /* Sticky bar insgesamt kompakter */
  #filterbar,
  .filterbar{
    margin-top: 0 !important;
    margin-bottom: 0.4rem !important;
    padding: 0.45rem 0.6rem !important;
    gap: 0.5rem !important;
    border-radius: 12px !important;
  }

  /* Search nimmt sauber Platz ein */
  .filterbar__search{
    min-width: 0;
    flex: 1 1 auto;
  }

  /* Suchfeld kompakter */
  #search,
  [data-algae-search]{
    min-height: 40px !important;
    height: 40px !important;
    padding: 0.55rem 0.75rem 0.55rem 2rem !important;
    font-size: 14px !important;
    border-radius: 10px !important;
  }

  .filterbar__search .input-icon{
    left: 0.65rem !important;
    width: 16px !important;
    height: 16px !important;
  }

  /* Filterbutton kompakter */
  #toggle-sidebar,
  .sidebar-toggle{
    min-height: 40px !important;
    height: 40px !important;
    padding: 0 0.8rem !important;
    font-size: 14px !important;
    border-radius: 10px !important;
    white-space: nowrap;
    flex: 0 0 auto;
  }

  .sidebar-toggle svg{
    width: 16px !important;
    height: 16px !important;
  }

  /* Active chips enger */
  .filterbar__chips,
  #active-filter-chips{
    margin-top: 0.35rem !important;
    margin-bottom: 0.35rem !important;
    min-height: 0 !important;
  }

  /* Grid startet höher */
  #algae-grid,
  .algae-grid{
    margin-top: 0 !important;
    padding-top: 0 !important;
  }

  /* Sentinel darf keinen Extra-Abstand erzeugen */
  #algae-sentinel,
  .algae-sentinel{
    margin: 0 !important;
    padding: 0 !important;
  }
}/* End custom CSS */