body{
  /* TODO: Der Text soll in der Mitte stehen, das wird hier definiert. */
 
 /* TODO: Hier wird die Schriftart für den body festgelegt */
 
 /* TODO: Hier wird die Hintergrundfarbe für den Body definiert */
  
}


/* HEADER */

header{
  top: 0;
  left: 0;
  width: 100%;
  position: fixed;
  
  /* TODO: Hier definierst Du die Hintergrundfarbe des Headers, weiß sollte er nicht bleiben, da unser vorgegebenes Logo bereits weiß ist */
  
}

header nav{
   float: right;
}

header nav ul li{
    float: left;
    margin-right: 25px;
    list-style-type: none;
}

header nav ul li a{
    color: white;
    text-decoration: none;
}

#logo{
    float: left;
    margin: 20px 0 20px 20px;
}

#logo img{
  width: 120px;
  height: 50px;
}


/* ÜBERSCHRIFT */

h1{
    margin: 120px auto 0 auto;
    
    /* TODO: Hier kannst Du eine andere Schriftgröße, Farbe,.. für die h1 definieren */
   
}

hr{
  /* TODO: Hier definierst Du Farbe, Länge, Breite und Umrandung des Strichs unter der Überschrift */
  
}


/* SECTIONS - BEREICHE AUF DER SEITE */

section{
  padding: 20px 0 20px 0;
}

h3{
  /* TODO: für h3 legen wir fest, dass sie unterstrichen ist */
 }

#musthaves, #impressionen{
  /* TODO: Hier kannst Du die Hintergrungfarbe jede zweiten Section (also der Sections musthaves und impressionen) ändern */
  
}


/* MUST-HAVES BEREICH */

#musthaves ol{
  list-style-position: inside;
}


/* TOUR BEREICH */

table{
  margin-right: auto;
  margin-left: auto;
  /* TODO: Hier kannst Du deiner Tabelle eine Hintergrundfarbe geben */
}

table, td{
  /* TODO: Hier gibst Du Deiner Tabelle einen Rahmen */
  
}


/* IMPRESSIONEN BEREICH */

#bild1, #bild3{
  /* TODO: Hier kannst Du die Größe deiner Bilder noch ändern */
  width: 290px;
  height: 200px;
  
}

#bild2{
   /* TODO: Hier kannst Du die Größe deiner Bilder noch ändern */
  width: 290px;
  height: 200px;
 
 
}

.bildrahmen{
  /* TODO: Hier erzeugst du einen Rahmen um die Bilder im Bereich: Impressionen, 
  dafür bietet sich der Klassenselektor an, da mehrere Bilder den gleichen Rahmen bekommen sollen*/
}


/* LINKS BEREICH */

#links img{
  width: 120px;
  height: 120px;
}

#icon2{
  margin-left: 20px;
  margin-right: 20px;
}


/* FOOTER */

footer{
  /* TODO: Hier definierst Du die Hintergrundfarbe des Footers */
  
}

footer div{
  /* TODO: Hier wird der Text im Footer mittig platziert und Du definierst padding für oben und unten */
  
}

footer ul li{
  display: inline;
  margin-right: 25px;
}