/* Smartphones Portrait */
@media (max-width: 480px) and (orientation: portrait) {
  .layout-smartphone-p { display: block;}

  .header_h1
  {
    font-size:            33px;
    line-height:          1.3;
    color:                #FFD919;
    font-weight:          900;
    font-family:          'Nunito Sans', sans-serif;
  }
  
  .header_subline
  {
    font-size:            20px;
    line-height:          1.3;
    color:                #FFFFFF;
    font-weight:          700;
    font-family:          'Nunito Sans', sans-serif;
  }
  
  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 h1
  {
    font-size:            21px;
    line-height:          1.3;
    color:                #000000;
    font-weight:          900;
  }
  main h2
  {
    font-size:            19px;
    line-height:          1.3;
    color:                #000000;
    font-weight:          700;
    font-family:          'Nunito Sans', sans-serif;
  }
  main h3
  {
    font-size:            34px;
    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:            17px;
    line-height:          1.2;
    color:                #000000;
    font-weight:          400;
    padding:              0 0 0 0;
  }
  
  main a:link
  {
    font-size:            17px;
    color:                #990000;
    font-weight:          700;
    font-family:          'Nunito Sans', sans-serif;
  }

  main a:visited
  {
    font-size:            17px;
    color:                #990000;
    font-weight:          400;
    font-family:         'Nunito Sans', sans-serif;
  }

  main a:hover
  {
    font-size:            17px;
    color:                #990000;
    font-weight:          400;
    font-family:         'Nunito Sans', sans-serif;
    text-decoration:      underline;
  }

  main a:active
  {
    font-size:            17px;
    color:                #990000;
    font-weight:          400;
    font-family:         'Nunito Sans', sans-serif;
    opacity:              0.6;
  }

  main ul
  {
    font-size:            17px;
    line-height:          1.3;
    color:                #000000;
    font-weight:          400;
    font-family:          'Nunito Sans', sans-serif;
    margin-left:          20px;
  }
  
.table_hm
{
  font-size:              11px;
  line-height:            1.3;
  color:                  #000000;
  font-weight:            400;
  font-family:            'Nunito Sans', sans-serif;
  margin-left:            0;
}

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

  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;
  }

}