* { font-family: Helvetica, Arial, Sans-Serif; 
    color: black;
  }


body, html {
  height: 100%;
}

h1 { text-transform: uppercase;
     font-size:1em;
   } 

h2 { text-transform: uppercase;
     font-size:1.1em;
     font-weight:bold;
     text-align:left;
     padding-bottom:8px;
   }

h3 { text-transform: uppercase;
     font-size:1.0em;
     font-weight:bold;
     text-align:center;
   }

td,th,tr { border-style:solid;
     border-width:1px;
     border-color:black;
     text-align:center;
   }

.parallax { 
  height: 100%; 
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  clear:both;
  overflow:auto;
  } 

.first {
  background-image: url('./ski-race.jpg');
}

.gernot {
  background-color: white;
  padding:10px;
  height:fit-content;
}

.angebot {
  background-image: url('./tennis.jpg');
  }

.prana
  { margin-left: 15%;
    margin-right: 5%;
    width: 75%;
    padding-bottom: 5%;
    height: 80%;
    border-style: solid;
    border-width: 1px;
    border-color: black;
    float: left;
    top: 10%;
    position: relative;padding-right:5%;
    font-size:1.2em;
    text-transform:uppercase;
    border-collapse: collapse;
  } 

.last {
  background-image: url('./jet-ski.jpg');
}

.quote { text-transform: uppercase;
         font-weight: bold;
         width:30%;
         margin-left:10%;
	 padding-top: 10%;
         float: left;
       }

.author { font-weight: normal; 
          font-style:italic;
          text-align:right;
        }

.headline { 
         width:45%;
         right:5%;
         bottom:10%;
         text-align:right;
         float: right;
         text-transform:uppercase;
 	 position: absolute;
       }

.fontheadline { font-size:3em;
		white-space:nowrap;
              } 

.subheadline { font-size:1em;
             } 

.interested { padding-top:30px; padding-bottom:30px;
              text-align:center;
              width:100%;
              text-transform:uppercase;
            }

.media { bottom:20px;
         float:left;
         left:10%;
         width:80%;
         position:relative;
         display:flex;
         justify-content:center;
       }

.media > div { 
            width:33%; 
            padding:10px;
            height:100%;
            display:grid;
            justify-content:center;
          }

.media > div > img {
            margin:auto;
          }

.bold { font-weight:bold; }
.regular { font-weight:normal; } 
.white { color:white; } 
.minheight { min-height:20% } 

.lightbackground { background: rgb(240, 240, 240);
                   background-color: rgba(240, 240, 240, 0.4);
                   padding: 4px;
                 }

.impressum { column-count: 2;
             column-gap: 10%;
             padding-top:20px;
             margin:auto;
             clear:both;
             width:80%;
             font-size:0.8em;
           } 

.impressum > h2 { column-span: all; text-align:center; }