﻿/* =========================================================
   BRG14 TYPOGRAPHY
   ---------------------------------------------------------
   Globale Typografie und wiederverwendbare Textbausteine

   ZustÃ¤ndig fÃ¼r:
   - globale Schriftfamilie
   - globale Textfarben
   - Links
   - Kicker / Rollenlabels
   - Subtitles
   - Meta-Informationen
   - Startseiten-Hero-Typografie

   NICHT zustÃ¤ndig fÃ¼r:
   - Karten
   - Grids
   - konkrete Seitenlayouts
   - Footer-AbstÃ¤nde
   - MenÃ¼
   - Buttons
   ========================================================= */


/* =========================================================
   Globale Schriftbasis
   ========================================================= */

body {
  font-family: "Poppins", sans-serif;
  color: var(--brg14-text);
}


/* =========================================================
   Globale Textfarben
   ========================================================= */

h1,
h2,
h3,
h4,
h5,
h6 {
  color: #071E42;
}

p,
li {
  color: var(--brg14-text);
}


/* =========================================================
   Globale Links
   ---------------------------------------------------------
   Reparatur:
   Links wieder ruhiger, stÃ¤rker und ohne permanente
   Unterstreichung.
   ========================================================= */

a {
  color: var(--brg14-blue);

  font-weight: 600;

  text-decoration: none !important;

  transition:
    color 0.18s ease,
    text-decoration-color 0.18s ease;
}

a:hover {
  color: #2E5D8E;

  text-decoration: none !important;
}


/* =========================================================
   Kicker / Rollenlabel
   ---------------------------------------------------------
   Neue Hauptklasse:
   - .brg14-kicker

   Neues HTML bevorzugt:
   - .brg14-kicker   ========================================================= */

.brg14-kicker {
  display: block;

  margin-bottom: 2px;

  color: var(--brg14-muted);

  font-size: 0.78rem;
  font-weight: 700;
  line-height: 1.2;

  letter-spacing: 0.06em;
  text-transform: uppercase;
}


/* =========================================================
   Kicker mit Trennlinie
   ---------------------------------------------------------
   Neue Hauptklasse:
   - .brg14-kicker-divider

   Neues HTML bevorzugt:
   - .brg14-kicker-divider

   LEGACY-ALIAS:
   - .ql-divider
   ========================================================= */

.brg14-kicker-divider,
.ql-divider {
  display: block;

  margin-bottom: 12px;
  padding-bottom: 8px;

  border-bottom: 1px solid var(--brg14-border);

  color: var(--brg14-muted);

  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1.4;

  letter-spacing: 0.06em;
  text-transform: uppercase;
}


/* =========================================================
   Subtitle / Zusatztext
   ---------------------------------------------------------
   Neue Hauptklasse:
   - .brg14-subtitle

   Neues HTML bevorzugt:
   - .brg14-subtitle   ========================================================= */

.brg14-subtitle {
  margin: 0;

  color: var(--brg14-muted);

  font-size: 0.95rem;
  font-weight: 400;
  line-height: 1.5;
}


/* =========================================================
   Meta-Informationen
   ---------------------------------------------------------
   Neue Hauptklasse:
   - .brg14-meta

   Neues HTML bevorzugt:
   - .brg14-meta   ========================================================= */

.brg14-meta {
  color: var(--brg14-muted);

  font-size: 0.95rem;
  line-height: 1.6;
}


/* =========================================================
   Leadtext
   ---------------------------------------------------------
   Wiederverwendbarer Einleitungstext fÃ¼r Inhaltsseiten.
   ========================================================= */

.brg14-lead {
  max-width: 780px;

  color: var(--brg14-muted);

  font-size: 1.08rem;
  line-height: 1.7;
}


/* =========================================================
   STARTSEITE: groÃŸe Hero-Typografie
   ---------------------------------------------------------
   Bewusster Sonderfall:
   - Poppins
   - groÃŸe Headlines
   - Startseitencharakter
   ========================================================= */

.brg14-page-hero-kicker {
  margin-bottom: 10px;

  color: #2E5D8E;

  font-family: "Poppins";
  font-size: 1.05rem;
  font-weight: 700;
  line-height: 1.3;

  letter-spacing: 0.12em;
  text-transform: uppercase;
}
















.brg14-page-hero-title {
  margin: 0;

  color: #071E42;

  font-family: "Poppins";
  font-size: clamp(2.4rem, 4vw, 4.5rem);
  font-weight: 700;
  line-height: 0.95;

  letter-spacing: -0.045em;
  text-wrap: balance;
}


















.brg14-page-hero-subtitle {
  margin-top: 18px;
  margin-bottom: 0;

  color: var(--brg14-muted);

  font-family: "Poppins";
  font-size: 1.05rem;
  font-weight: 400;
  line-height: 1.7;
}


/* =========================================================
   Mobile Hero Kicker
   ========================================================= */

.brg14-mobile-kicker {
  margin-bottom: 16px;

  color: #2E5D8E;

  font-size: 0.68rem;
  font-weight: 800;
  line-height: 1.2;

  letter-spacing: 0.12em;
  text-transform: uppercase;
}




/* =========================================================
   Mobile Hero Titel
   ========================================================= */

.brg14-mobile-hero-card h1 {
  font-family: "Poppins";
}


/* =========================================================
   Onepage-Navigation
   ========================================================= */

.brg14-onepage-dot,
.brg14-onepage-name,
.brg14-onepage-sub,
.brg14-school-image-label {
  font-family: "Poppins";
}

/* =========================================================
   Ausgelagerte Typografie
   ---------------------------------------------------------
   Zentrale Sammlung frueher layout-/modulnaher
   Schriftregeln. Layout, Farben und Abstaende bleiben
   in den jeweiligen Dateien.
   ========================================================= */

.brg14-button,
.brg14-accordion summary,
.menu-icon-kalender a::after,
.menu-icon-kontakt a::after,
.menu-icon-quicklinks a::after,
.brg14-tabs-switch label,
.brg14-circle-badge,
.brg14-standard-hero-kicker,
.brg14-standard-hero-title,
.brg14-standard-hero-subtitle,
.brg14-news-search input.brg14-news-search-input[type="search"],
.brg14-news-search-button,
.brg14-news-search-reset,
.brg14-news-date,
.brg14-news-section-heading,
.brg14-news-list-title,
.brg14-news-list-excerpt,
.brg14-news-pagination a,
.brg14-news-pagination span,
.brg14-erasmus-post-date,
.brg14-erasmus-post-title,
.brg14-erasmus-post-list-link,
.brg14-termine-top input[type="search"],
.brg14-termine-top button,
.brg14-termine-top .brg14-reset
{
  font-family: "Poppins";
}

.brg14-termine
{
  font-family: "Poppins";
}

#lv-wrap,
#lv-toolbar input,
#lv-toolbar select,
#lv-wrap #lv-reset,
#lv-wrap .lv-az-btn
{
  font-family: "Poppins";
}

.brg14-card h2,
.brg14-card h3
{
  line-height: 1.35;
}

.brg14-card h2
{
  font-size: clamp(1.35rem, 2vw, 1.8rem);
}

.brg14-card h3
{
  font-size: 1.05rem;
}

.brg14-contact-info
{
  font-size: 1rem;
  line-height: 1.65;
}

.brg14-button
{
  font-size: 0.88rem;
  font-weight: 700;
  line-height: 1;
}

.brg14-list li
{
  line-height: 1.6;
}

.brg14-list-compact li
{
  line-height: 1.5;
}

.brg14-download-inline
{
  font-size: 1rem;
  line-height: 1.35;
}

.brg14-download-inline-label
{
  font-weight: 800;
}

.brg14-accordion summary
{
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.4;
}

.brg14-accordion summary::after
{
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1;
}

.main-navigation .primary-menu-container > ul > li.menu-icon-kalender > a,
.main-navigation .primary-menu-container > ul > li.menu-icon-kontakt > a,
.main-navigation .primary-menu-container > ul > li.menu-icon-quicklinks > a
{
  line-height: 1 !important;
}

.menu-icon-quicklinks a::after
{
  font-size: 13px;
  font-weight: 500;
  line-height: 1.2;
}
.brg14-tabs-switch label
{
  font-size: 0.92rem;
  font-weight: 700;
  line-height: 1;
}

.brg14-service-note
{
  font-size: 1rem;
  line-height: 1.6;
}

.brg14-service-qr-item span
{
  font-size: 0.74rem;
  line-height: 1.35;
}

.brg14-logo-dummy
{
  font-weight: 700;
  letter-spacing: 0.04em;
}

.brg14-erasmus-compact-list li
{
  line-height: 1.6;
}

.brg14-erasmus-lead
{
  font-size: 1.08rem;
  line-height: 1.72;
}

.brg14-erasmus-preview-card span
{
  font-size: 0.72rem;
  font-weight: 800;
  line-height: 1.35;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.brg14-erasmus-preview-card strong
{
  font-size: 1rem;
  font-weight: 800;
  line-height: 1.35;
}

.brg14-erasmus-preview-card small
{
  font-size: 0.82rem;
  font-weight: 600;
}

.brg14-erasmus-post-date
{
  font-size: 0.72rem;
  font-weight: 700;
  line-height: 1.35;
  letter-spacing: 0.03em;
  text-transform: uppercase;
}

.brg14-erasmus-post-title
{
  font-size: 1.02rem;
  font-weight: 700;
  line-height: 1.18;
}

.brg14-erasmus-post-list-link
{
  font-family: "Poppins", sans-serif !important;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.35;
}

.brg14-erasmus-post-arrow
{
  font-size: 0.95rem;
  font-weight: 600;
  line-height: 1;
}

.brg14-erasmus-link-list a
{
  line-height: 1.45;
}

.brg14-erasmus-disclaimer p
{
  font-size: 0.88rem;
  font-style: italic;
  line-height: 1.65;
}

.brg14-single-erasmus-link-text
{
  font-size: clamp(1.02rem, 1.45vw, 1.26rem);
  font-weight: 400;
  line-height: 1.45;
}

.brg14-single-erasmus-link-text a
{
  font-weight: 700;
}

.brg14-single-erasmus-disclaimer
{
  font-size: clamp(0.95rem, 1.22vw, 1.12rem);
  font-style: italic;
  line-height: 1.58;
}

.brg14-circle-badge
{
  font-size: 0.9rem;
  font-weight: 800;
  line-height: 1;
}

.brg14-standard-hero-kicker
{
  font-size: 0.72rem;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.brg14-standard-hero-title
{
  font-size: clamp(1.4rem, 4vw, 2rem) !important;
  font-weight: 700 !important;
  line-height: 1.18 !important;
}

.brg14-standard-hero-subtitle
{
  font-size: 0.92rem;
  font-weight: 400;
  line-height: 1.6;
}

.brg14-mobile-kicker
{
  font-size: 0.68rem;
  font-weight: 800;
  line-height: 1.2;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.brg14-mobile-hero-card h1
{
  font-size: clamp(2.05rem, 7.7vw, 3.15rem);
  font-weight: 900;
  line-height: 1.08;
  letter-spacing: -0.05em;
}

.brg14-mobile-hero-card p
{
  font-size: 1rem;
  line-height: 1.52;
}

.brg14-mobile-hero-buttons a,
.primary-btn,
.secondary-btn
{
  font-size: 0.82rem;
  font-weight: 700;
  line-height: 1;
}

.brg14-onepage-dot
{
  font-size: 13px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
}

.brg14-onepage-name
{
  font-size: 0.96rem;
  font-weight: 800;
  line-height: 1.35;
  letter-spacing: 0.02em;
}

.brg14-onepage-sub
{
  font-size: 0.79rem;
  font-weight: 700;
  line-height: 1.3;
}

.brg14-notice-label
{
  font-weight: 700;
}

.brg14-notice-text a
{
  font-weight: 900;
}

.brg14-notice-footer
{
  font-size: 0.875rem;
}

@media (max-width: 768px) {

  .brg14-notice-label
  {
      font-size: 0.84rem;
      font-weight: 800;
      letter-spacing: 0;
      text-transform: none;
  }

  .brg14-notice-text
  {
      font-size: 0.9rem;
      line-height: 1.38;
  }

  .brg14-notice-footer
  {
      font-size: 0.8rem;
      line-height: 1.42;
  }

}

.brg14-school-feature h3
{
  font-size: 1.1rem;
  font-weight: 800;
  line-height: 1.25;
}

.brg14-school-feature p
{
  font-size: 0.98rem;
  line-height: 1.6;
}

@media (max-width: 768px) {

  .brg14-school-feature h3
  {
      font-size: 1.05rem;
  }

  .brg14-school-feature p
  {
      font-size: 0.95rem;
      line-height: 1.55;
  }

}

.brg14-school-image-label
{
  font-size: 15px;
  font-weight: 800;
  line-height: 1.25;
}

.brg14-home .brg14-page-hero-kicker
{
  font-size: 0.78rem;
  font-weight: 800;
  line-height: 1.2;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.brg14-home .brg14-page-hero-subtitle
{
  font-size: 1.08rem;
  line-height: 1.65;
}

@media (max-width: 768px) {

  .brg14-home .brg14-page-hero-kicker
  {
      font-size: 0.72rem;
      letter-spacing: 0.13em;
  }

  .brg14-home .brg14-page-hero-subtitle
  {
      font-size: 0.98rem;
      line-height: 1.58;
  }

}

#lv-toolbar input,
#lv-toolbar select
{
  font-size: 14px;
  line-height: 1.3;
}

#lv-wrap #lv-reset
{
  font-size: 13px;
  font-weight: 400;
  line-height: 1.3;
}

#lv-wrap #lv-reset.lv-active
{
  font-weight: 500;
}

#lv-wrap .lv-az-btn
{
  font-size: 12px;
  font-weight: 500;
  line-height: 1;
}

#lv-wrap .lv-az-btn.lv-active
{
  font-weight: 600;
}

#lv-count
{
  font-size: 13px;
}

.lv-avatar-placeholder
{
  font-size: 22px;
  font-weight: 600;
  letter-spacing: -0.02em;
}

.lv-name,
#lv-wrap .lv-name
{
  font-size: 17px !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
}

.lv-hinweis
{
  font-size: 15px;
  line-height: 1.55;
}

.lv-row
{
  font-size: 15px;
  line-height: 1.55;
}

@media (max-width: 600px) {

  .lv-avatar-placeholder
  {
      font-size: 16px;
  }

}

.brg14-news-search input.brg14-news-search-input[type="search"]
{
  font-size: 14px;
  line-height: 1.4;
}

.brg14-news-search-button,
.brg14-news-search-reset
{
  font-size: 14px;
  font-weight: 600;
  line-height: 1.2;
}

.brg14-news-search-info
{
  font-size: 0.95rem;
  line-height: 1.5;
}

.brg14-news-empty
{
  font-size: 1rem;
  line-height: 1.6;
}

.brg14-news-date
{
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.03em;
  text-transform: uppercase;
}

.brg14-news-section-heading
{
  font-size: clamp(1.08rem, 1.2vw, 1.3rem);
  font-weight: 600;
  line-height: 1.15;
}

.brg14-news-card .brg14-news-list-title
{
  font-size: clamp(0.96rem, 1vw, 1.08rem);
  font-weight: 600;
  line-height: 1.16;
}

.brg14-news-list-excerpt
{
  font-size: 0.84rem;
  font-weight: 400;
  line-height: 1.38;
}

.brg14-news-arrow
{
  font-size: 0.95rem;
  font-weight: 600;
  line-height: 1;
}

.brg14-news-list-card .brg14-news-arrow
{
  font-size: 1rem;
}

.brg14-news-pagination a,
.brg14-news-pagination span
{
  font-size: 0.82rem;
  font-weight: 600;
}

@media (max-width: 768px) {

  .brg14-news-card .brg14-news-list-title
  {
    font-size: 1.02rem;
    font-weight: 700;
    line-height: 1.18;
  }

}
.brg14-news-v2 .layout-news-v2 .brg14-news-date
{
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.03em;
  text-transform: uppercase;
}

.brg14-news-v2 .layout-news-v2 .brg14-news-title
{
  font-size: 1.02rem;
  font-weight: 700;
  line-height: 1.18;
}

@media (max-width: 650px) {

  .brg14-news-v2 .layout-news-v2 .brg14-news-card .brg14-news-date
  {
      font-size: 0.7rem;
      font-weight: 700;
      letter-spacing: 0.04em;
      text-transform: none;
  }

  .brg14-news-v2 .layout-news-v2 .brg14-news-card .brg14-news-title
  {
      font-size: 1.08rem;
      font-weight: 700;
      line-height: 1.18;
  }

}

.ql-title
{
  font-size: 0.92rem;
  font-weight: 700;
  line-height: 1.3;
}

.ql-desc
{
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.35;
}

@media (max-width: 480px) {

  .ql-title
  {
      font-size: 0.9rem;
  }

  .ql-desc
  {
      font-size: 0.75rem;
  }

}

.brg14-termine-top input[type="search"]
{
    font-size:14px;
    line-height:1.3;
}

.brg14-termine-top button
{
    font-size:13px;
    font-weight:700;
    line-height:1.3;
}

.brg14-termine-top .brg14-reset
{
    font-size:13px;
    font-weight:500;
    line-height:1.3;
}

.brg14-actions a
{
    font-weight:800;
    font-size:.9rem;
    line-height:1;
}

.brg14-termine-switch a
{
    font-size:0.92rem;
    font-weight:700;
    line-height:1;
}

.brg14-search-note
{
    font-weight:800;
}

.brg14-calendar-nav a
{
    font-weight:800;
    font-size:.9rem;
}

.brg14-calendar-nav strong
{
    font-size:1.15rem;
    font-weight:900;
}

.brg14-calendar-head div
{
    font-size:.78rem;
    font-weight:900;
    text-transform:uppercase;
    letter-spacing:.06em;
}

.brg14-calendar-date
{
    font-weight:900;
}

.brg14-calendar-event strong
{
    font-size:.8rem;
    line-height:1.25;
}

.brg14-calendar-event span
{
    font-size:.7rem;
    font-weight:800;
}

.brg14-calendar-event p
{
    font-size:.73rem;
    line-height:1.35;
}

.brg14-calendar-bar strong
{
    font-size:.78rem;
    font-weight:900;
    line-height:1.15;
}

.brg14-calendar-bar span
{
    font-size:.68rem;
    font-weight:800;
}

.brg14-list-date strong
{
    font-size:1.35rem;
    font-weight:900;
    line-height:1;
}

.brg14-list-date span
{
    font-size:.8rem;
    font-weight:800;
}

.brg14-date-range
{
    line-height:1;
}

.brg14-date-range span
{
    font-size:1.35rem!important;
    font-weight:900!important;
}

.brg14-list-event h3
{
    font-size:1.1rem;
    font-weight:900;
}

.brg14-list-meta
{
    font-size:.9rem;
    font-weight:800;
}

.brg14-list-text
{
    line-height:1.55;
    font-size:.95rem;
}

.brg14-single-ics
{
    font-size:.85rem;
    font-weight:800;
}

.brg14-pagination strong
{
    font-size:.95rem!important;
    font-weight:800!important;
}

.brg14-page-arrow
{
    font-size:1.55rem!important;
    font-weight:900!important;
    line-height:1!important;
}

.brg14-month-picker
{
    font-size:1.15rem;
    font-weight:900;
}

.brg14-month-picker-form label
{
    font-size:.78rem;
    font-weight:900;
}

.brg14-month-picker-form select
{
    font-family: "Poppins";
    font-size:.9rem;
    font-weight:800;
}

.brg14-month-picker-form button
{
    font-weight:900;
}

@media(max-width:760px) {

  .brg14-mobile-list h3
  {
          font-size:1.15rem!important;
          font-weight:900;
  }

  .brg14-list-date strong
  {
          font-size:1.05rem!important;
          line-height:1.05!important;
  }

  .brg14-date-range
  {
          line-height:1.05!important;
  }

  .brg14-date-range span
  {
          font-size:1.05rem!important;
  }

  .brg14-list-date span
  {
          font-size:.72rem!important;
  }

  .brg14-list-content h3,
      .brg14-list-event h3
  {
          font-size:1rem!important;
          line-height:1.2!important;
  }

  .brg14-list-meta
  {
          font-size:.82rem!important;
  }

  .brg14-single-ics
  {
          font-size:.78rem!important;
  }

  .brg14-page-arrow
  {
          font-size:1.75rem!important;
  }

}


/* =========================================================
   Einzelbeitrag: BRG14 News Typografie
   ========================================================= */

.brg14-single-news-kicker {
  font-size: 13px;
  font-weight: 800;
  line-height: 1.2;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.brg14-single-news-title {
  font-size: clamp(2.2rem, 4.6vw, 3.6rem);
  font-weight: 800;
  line-height: 1.08;
  letter-spacing: -0.035em;
}

.brg14-single-news-date {
  font-size: 1rem;
  line-height: 1.5;
}

.brg14-single-news-back {
  font-size: 0.9rem;
  font-weight: 800;
  line-height: 1;
}

.brg14-single-news-content p {
  font-size: 1.12rem;
  line-height: 1.72;
}

.brg14-single-news-sidebar {
  font-size: 0.95rem;
  line-height: 1.55;
}

.brg14-single-sidebar-kicker {
  font-size: 0.75rem;
  font-weight: 800;
  line-height: 1.2;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.brg14-single-sidebar-title {
  font-size: 1.05rem;
  font-weight: 800;
  line-height: 1.25;
}

.brg14-single-sidebar-claim strong {
  font-weight: 800;
}

@media (max-width: 900px) {

  .brg14-single-news-title {
    font-size: clamp(2rem, 10vw, 2.75rem);
  }

  .brg14-single-news-content p {
    font-size: 1.02rem;
    line-height: 1.65;
  }
}


