/*für Bildschirm größer 960px*/
@media screen and (min-width:960px) {
    body {
        line-height: 1.5;
      }
      main{
        padding:2em; 
        width:90%;
      }
      section{
        flex: 1;
      }
      figure {
        float:none;
        text-align: center;
        font-style: italic;
        text-indent: 0;
        margin: 0px;
        padding: 0px;
      }
      .scaled{
        width: 100%;
      }
      
    /*Topbox */
    #topbox{
      display:flex;
      background-color: lightyellow;
      color: blue;
    }
    #logo{
      height: 80px;
      width: 80px;
      background-color: #FE2E64;
      background: url(mh48-symbol.png);
      background-size: contain;
      background-repeat: no-repeat;
      float: left;
    }
        
    #gesamttabelle {
      margin-left: auto;
      margin-right: auto;
      border-collapse: separate;
      border-spacing: 0.2em;
      font-family:Arial, Sans-Serif;
      font-size:14px;
      text-align:center;
      }
      
   #gesamttabelle th {
      position: sticky;
      position: -webkit-sticky;
      top:0;
      z-index:2;
      border:3px solid #3333;
      padding:3px 3px;
      background: lightgrey;
      }

   #gesamttabelle td {
    border:1px solid green;
    padding:3px 3px;
    text-align: center;
    }

/*Spalte 6 PM25, 7 PM10 bei weniger als 400 Pixel Breite 	
@media only screen and (max-width: 400px) {
    #pm25, tr td:nth-child(6)			{ display:none; visibility:hidden; }
    #pm10, tr td:nth-child(7)			{ display:none; visibility:hidden; }
    }*/

  input[type="submit"],
  input[type="date"] {
 font-size: 0.9em; padding: 5px 12px; 
 font-family: Roboto, sans-serif;
 font-weight: 300;
 color: teal;
 border: 1px solid silver;
 background-image: linear-gradient(to top, gainsboro 0%, white 90%);
 border-radius: 10px;
  }

    /*Hamburger Menü verstecken*/
    nav a#nav-m,
    nav a.close {
      display: none;
    }
    nav ul li { /*die Links in der oberen Leiste 30px zwischen den Einträgen*/
      margin: 0 30px 0 0;
    }
  
    .quellTextBox {
      display: flex;
      box-sizing: border-box;
      width: 80%;
      word-break: break-all;
      background-color: greenyellow;
      border:  5px solid yellow;
      border-radius: 0 1em 1em 0;
      margin: 5px;
      padding: 1em;
    } 
    .quellTextPython {
      box-sizing: border-box;
      width: 100%;
      background-color: lightblue;
      border: 5px solid yellow;
      border-radius: 0 1em 1em 0;
      margin: 5px;
      padding: 1em;
      overflow-wrap: break-word;
    }
    pre{
      white-space: pre-wrap;
    }
  }