/* Tablets Landscape */
@media (min-width: 845px) and (max-width: 1133px) and (orientation: landscape) {
  .layout-tablet-l { display: block;}
  
  .row + .row /* ungeprüft */
  {
    margin-top: 0px;
  }

  .full /* ungeprüft */
  {
    margin: 0 -15px;
  }

  .medium /* ungeprüft */
  {
    padding: 0 25px;
  }

  .small /* ungeprüft */
  {
    padding: 0 25px;
    max-width: 1200px;
    margin: auto;
  }

  header h1
  {
    font-size:            60px;
    line-height:          1.3;
    color:                #000000;
    font-weight:          900;
  }
  header h2
  {
    font-size:            57px;
    line-height:          1.3;
    color:                #000000;
    font-weight:          900;
  }
  header h3
  {
    font-size:            44px;
    line-height:          1.3;
    color:                #000000;
    font-weight:          900;
  }
  header h4
  {
    font-size:            34px;
    line-height:          1.3;
    color:                #000000;
    font-weight:          900;
  }
  header h5
  {
    font-size:            26px;
    line-height:          1.3;
    color:                #000000;
    font-weight:          900;
  }
  header h6
  {
    font-size:            20px;
    line-height:          1.3;
    color:                #000000;
    font-weight:          900;
  }
  
  header .subline
  {
    font-size:            20px;
    line-height:          1.3;
    color:                #000000;
    font-weight:          700;
  }
  
  header p
  {
    font-size:            20px;
    line-height:          1.2;
    color:                #000000;
    font-weight:          400;
  }
  
  header nav ul
  {
    display: flex;
    gap: 10px;
  }

  header nav ul li
  {
    list-style: none;
  }

  header nav ul li a {
    display: block;      /* macht das Padding sauber */
    /* display: inline-block; legacy */ 
    padding: 5px 10px;   /* klickbare Fläche */
    font-size: 20px;
    color: #FFFFFF;
    text-decoration: none;
    font-weight: 900;
  }

    /*-- ---------- --*/

  main h1
  {
    font-size:            63px;
    line-height:          1.3;
    color:                #000000;
    font-weight:          900;
  }
  main h2
  {
    font-size:            57px;
    line-height:          1.3;
    color:                #000000;
    font-weight:          900;
  }
  main h3
  {
    font-size:            44px;
    line-height:          1.3;
    color:                #000000;
    font-weight:          900;
  }
  main h4
  {
    font-size:            34px;
    line-height:          1.3;
    color:                #000000;
    font-weight:          900;
  }
  main h5
  {
    font-size:            26px;
    line-height:          1.3;
    color:                #000000;
    font-weight:          900;
  }
  main h6
  {
    font-size:            20px;
    line-height:          1.3;
    color:                #000000;
    font-weight:          900;
  }

  main .subline
  {
    font-size:            20px;
    line-height:          1.3;
    color:                #000000;
    font-weight:          700;
  }

  main p
  {
    font-size:            20px;
    line-height:          1.2;
    color:                #000000;
    font-weight:          400;
  }

  main nav ul
  {
    display: flex;
    gap: 10px;
  }

  main nav ul li
  {
    list-style: none;
  }

  main nav ul li a {
    display: block;      /* macht das Padding sauber */
    /* display: inline-block; legacy */ 
    padding: 5px 10px;   /* klickbare Fläche */
    font-size: 20px;
    color: #FFFFFF;
    text-decoration: none;
    font-weight: 900;
  }
  
  /*-- ---------- --*/

  footer h1
  {
    font-size:            62px;
    line-height:          1.3;
    color:                #000000;
    font-weight:          900;
  }
  footer h2
  {
    font-size:            57px;
    line-height:          1.3;
    color:                #000000;
    font-weight:          900;
  }
  footer h3
  {
    font-size:            44px;
    line-height:          1.3;
    color:                #000000;
    font-weight:          900;
  }
  footer h4
  {
    font-size:            34px;
    line-height:          1.3;
    color:                #000000;
    font-weight:          900;
  }
  footer h5
  {
    font-size:            26px;
    line-height:          1.3;
    color:                #000000;
    font-weight:          900;
  }
  footer h6
  {
    font-size:            20px;
    line-height:          1.3;
    color:                #000000;
    font-weight:          900;
  }
  
  footer .subline
  {
    font-size:            20px;
    line-height:          1.3;
    color:                #000000;
    font-weight:          700;
  }
  
  footer p
  {
    font-size:            20px;
    line-height:          1.2;
    color:                #000000;
    font-weight:          400;
  }
  
  footer nav ul
  {
    display: flex;
    flex-direction: column; /* untereinander */
    gap: 8px;               /* schöner Abstand */
    padding: 0;
    margin: 0;
  }

  footer nav ul li
  {
    list-style: none;
  }

  footer nav ul li a
  {
    display: block;
    text-decoration: none;
    color: #FFFFFF;
    padding: 4px 0;
    font-weight: 700;
    font-size: 34px;
  }
  
  .tb-1-tablet-l
  {
    height: 228px;
    background-image: url(images/desktop/buch_und_tee_540.png);
    background-size:cover;
    background-repeat: no-repeat;
    background-position: center;
  }
}