@import url('https://googleapis.com|Oswald');

html {
  background: url(../skilo.jpg) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  color: rgba(0,0,255,1);
  text-shadow: 0 1px 0 #ccc,
               0 2px 0 #c9c9c9,
               0 3px 0 #bbb,
               0 4px 0 #b9b9b9,
               0 5px 0 #aaa,
               0 6px 1px rgba(0,0,0,.1),
               0 0 5px rgba(0,0,0,.1),
               0 1px 3px rgba(0,0,0,.3),
               0 3px 5px rgba(0,0,0,.2),
               0 5px 10px rgba(0,0,0,.25),
               0 10px 10px rgba(0,0,0,.2),
               0 20px 20px rgba(0,0,0,.15);
}

h1, h2 {
  font-size: 160px;
  margin: 0;
  font-family: 'Gentium Book Basic', serif;
}

h2 {
  font-size: 60px;
  font-family: 'Oswald', sans-serif;
}

.center-text {
  text-align: center;
}

#container {
  width: 100%;
  max-width: 1180px;
  margin: 0 auto;
  padding: 0 20px;
  box-sizing: border-box;
}

section {
  padding-top: 250px;
}

a:link, a:visited {
  text-decoration: none;
  color: #faa;
  text-shadow: 0 0;
  font-family: 'Oswald', sans-serif;
}

a:hover, a:active {
  text-decoration: underline;
  text-shadow: 0 0;
  font-family: 'Oswald', sans-serif;
}

.stanza {
  float: left;
  padding-right: 25px;
  font-size: 100px;
  font-family: 'Gentium Book Basic', serif;
  line-height: 1.5;
}

.lastline {
  margin-bottom: 200px;
}

.newline {
  clear: both;
}

.gold {
  color: rgba(202, 157, 4, 0.95);
}

.footnote {
  padding: 20px;
  font-size: 24px;
}

/* ==========================================================================
   SMARTPHONE & TABLET ANPASSUNGEN (Media Query)
   ========================================================================== */
@media screen and (max-width: 768px) {
  h1 {
    font-size: 40px; /* Reduziert von 160px */
  }

  h2 {
    font-size: 30px; /* Reduziert von 60px */
  }

  section {
    padding-top: 80px; /* Verhindert endlos langes Scrollen ohne Inhalt */
  }

  .stanza {
    font-size: 32px; /* Reduziert von 100px für Mobilgeräte */
    padding-right: 12px;
    line-height: 1.3;
  }

  .lastline {
    margin-bottom: 60px; /* Kleinere Lücke auf dem Smartphone */
  }
}