@import 'style_header.css';
@import 'style_home_main.css';
@import 'mobile.css';
@import 'bandvorstellung.css';



/* arimo-500 - latin */
@font-face {
     font-family: 'Arimo';
     src: url('../Fonts/arimo-v27-latin-500.eot'); /* IE9 Compat Modes */
     src: local(''),
          url('../Fonts/arimo-v27-latin-500.eot') format('embedded-opentype'), /* IE6-IE8 */
          url('../Fonts/arimo-v27-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
          url('../Fonts/arimo-v27-latin-500.woff') format('woff'), /* Modern Browsers */
          url('../Fonts/arimo-v27-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
          url('../Fonts/arimo-v27-latin-500.svg') format('svg'); /* Legacy iOS */
     }


@media screen and (min-width: 901px) {     
     body {
          font-family: 'Arimo';
          background-color: black;
          color: white;
          margin-top: 40px;
          margin-left: 160px;
          margin-right: 120px;
          margin-bottom: 40px;
          background: url(../Pics/Hintergrund.png) no-repeat center center fixed;
          -webkit-background-size: cover;
          -moz-background-size: cover;
          -o-background-size: cover;
          background-size: cover;
     }

     .grid-container {
          display: grid;
          grid-template-areas:
          'header'
          'navbar'
          'main'
          'footer';
          grid-template-columns: 1fr;
          text-align: center;
          display: block;
     }

  
     .item1 { grid-area: navbar; }
     .item2 { grid-area: header; }
     .item3 { grid-area: main;}
     .item4 { grid-area: footer;}

.item4 ul {
     padding-top: 30px;
     padding-bottom: 30px;
     padding-left: 0px;
     text-align: center;
     list-style: none;
     list-style-position: outside;
}

.item4 li {
     padding-left: 0px;
     margin-left: 0px;
     text-align: center;
     list-style: none;
     list-style-position: outside;
}

.item4 a {font-size: 16px;
     color: rgba(220, 138, 8, 1);}
.item4 a:link { text-decoration: none; }
.item4 a:visited { text-decoration: none; }
.item4 a:hover {    text-decoration: none; background-color: dimgray;}
.item4 a:active { text-decoration: none;}

.echo {
     display: block;
     margin-left: auto;
     margin-right: auto;
     padding-top: 20px;
     padding-bottom: 20px;
}
     
}