/* ========================[ Breakpoint XLarge ]======================== */

/* Ab 1360px. Hier steht nur, was sich gegenüber Large ändert. */

@media screen and (min-width: 1360px) {


  /* ------------[ Sichtbarkeits-Helfer ]------------ */

  .only-l {
    display: none !important;
  }

  .only-xl,
  .no-l {
    display: revert !important;
  }

  .no-xl {
    display: none !important;
  }


  /* ========================[ Variablen ]======================== */

  :root {

    /* ------------[ Farben ]------------ */

    /* ------------[ Schriften ]------------ */

    --font-size-h2: 3.2rem;
    --line-height-h2: 3.8rem;

    /* ------------[ Abstände ]------------ */

    /* Exakt die Werte aus dem Design (Frame 1728 x 900) */
    --keyvisual-height: 56.25rem;
    --keyvisual-space: 9.75rem;


  }


  /* ========================[ Schriften ]======================== */

  /* ========================[ Body ]======================== */

  /* ========================[ Begrenzung Inhalt ]======================== */

  /* ========================[ Formate für Sektionen ]======================== */

  /* ------------[ Spezielle Klassen für Sektionen ]------------ */

  /* ------------[ Sektionen aus dem Baukasten ]------------ */

  /* ========================[ Universelle Klassen ]======================== */

  /* ------------[ Positionierung der Elemente ]------------ */

  /* ------------[ Verschiedene Abstände ]------------ */

  /* ------------[ Verschiedene Abstände im Grid ]------------ */

  /* ------------[ Klassen für Texte ]------------ */

  /* ========================[ Animationen ]======================== */

  /* ========================[ Header-Bereich ]======================== */


  /* ------------[ Logo ]------------ */

  .logo {
    height: 4rem;
  }


  /* ------------[ Hauptnavigation ]------------ */

  /* ------------[ Subnavigation ]------------ */

  /* ------------[ Mobile Navigation ]------------ */

  /* ========================[ Standard-Elemente ]======================== */

  /* ------------[ Überschriften ]------------ */

  /* ------------[ Absätze ]------------ */

  /* ------------[ Verlinkungen ]------------ */

  /* ------------[ Buttons ]------------ */

  /* ------------[ Bilder ]------------ */

  /* ------------[ Listen ]------------ */

  /* ------------[ Tabellen ]------------ */

  /* ========================[ Sonderelemente ]======================== */

  /* ------------[ Spalten ]------------ */

  /* ------------[ Text mit Meilensteinen ]------------ */

  /* ------------[ Schritte ]------------ */

  /* ------------[ Akkordeon ]------------ */

  /* ------------[ Häufige Fragen ]------------ */

  /* ------------[ Angebote mit Preisen ]------------ */

  /* ------------[ Aufruf mit Bild ]------------ */

  /* ------------[ Text mit Bilderraster ]------------ */

  /* ------------[ Karten mit Bild ]------------ */

  /* ------------[ Text auf Hintergrundbild ]------------ */

  /* ------------[ Text mit Bild ]------------ */

  .textimage .icon-list {
    font-size: 1.5rem;
    line-height: 2.25rem;
  }


  /* ------------[ Textblock ]------------ */

  /* ------------[ Baukasten: Text ]------------ */

  /* ------------[ Baukasten: Liste ]------------ */

  /* ------------[ Baukasten: Bild ]------------ */

  /* ------------[ Baukasten: Bilderraster ]------------ */

  /* ------------[ Baukasten: Teaser ]------------ */

  /* ------------[ Baukasten: Zitat ]------------ */

  /* ========================[ Sonderelemente Website ]======================== */


  /* ------------[ Keyvisual ]------------ */

  .keyvisual h1 {
    font-size: 4.4rem;
    line-height: 5.2rem;
  }

  .keyvisual-text {
    max-width: 900px;
    font-size: 1.5rem;
    line-height: 2rem;
  }


  


  /* ------------[ Rechtstext ]------------ */


/* ========================[ Footer-Bereich ]======================== */

  .site-footer-name {
    height: 4rem;
  }


}