/* Smartphones Portrait */
@media (max-width: 410px) and (orientation: portrait) {
  .layout-smartphone-p { display: block;}
  
  header h1
  {
    font-size:            1px;
    line-height:          1.3;
    color:                #990000;
    font-weight:          400;
  }
  header h2
  {
    font-size:            25px;
    line-height:          1.3;
    color:                #000000;
    font-weight:          700;
  }
  header h3
  {
    font-size:            15px;
    line-height:          1.3;
    color:                #000000;
    font-weight:          700;
  }

  header .subline
  {
    font-size:            20px;
    line-height:          1.3;
    color:                #FFD919;
    font-weight:          700;
  }
  
  header p
  {
    font-size:            25px;
    line-height:          1.2;
    color:                #FFFFFF;
    font-weight:          700;
  }
  
  header nav ul
  {
    display: flex;
    gap: 10px;
  }

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

  header nav ul li a {
    display: block;
    padding: 5px 10px;
    font-size: 14px;
    color: #FFFFFF;
    text-decoration: none;
    font-weight: 700;
  }

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

  main h2
  {
    font-size:            20px;
    line-height:          1.3;
    color:                #000000;
    font-weight:          900;
    padding:              10px 0 0 10px;
  }
  main h3
  {
    font-size:            15px;
    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:            15px;
    line-height:          1.2;
    color:                #000000;
    font-weight:          400;
    padding:              0 0 0 10px;
  }

  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 .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
  {
    flex-direction: column; /* untereinander */
    padding: 0;
    margin: 0;
  }

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

  footer nav ul li a
  {
    text-decoration: none;
    color: #FFFFFF;
    font-weight: 700;
    font-size: 20px;
  }
  
  .tb-1-smartphone-p
  {
    height: 109px;
    background-image: url(images/desktop/buch_und_tee_540.png);
    background-size:cover;
    background-repeat: no-repeat;
    background-position: center;
  }

}