/* Allgemeine Angaben
--------------------------------------*/
* {
  /* drinnen lassen -- wichtig! */
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  font: 100%/1.5 "Helvetica Neue", Helvetica, Verdana, Sans-Serif;
  /* width: 70%; */
  /* margin: 40px auto; */
  min-width: 500px;
  /* cari tau lewat photoshop? */
  /* max-width: 1080px; */
}

a {
  text-decoration: none;
  color: inherit;
  border-bottom: 1px dotted;
}

a:hover {
  border-bottom: 1px solid;
}

img {
  max-width: 100%;
  height: auto;
}

video {
  max-width: 100%;
  height: auto;
}

h1 {
  font-weight: 100;
  font-size: 520%;
  line-height: 1.1;
}

h2 {
  font-size: 16px;
}

h3 {
  font-size: 16px;
  margin-bottom: 15px;
}

article {
}

p,
ul,
figure {
  line-height: 1.2;
  margin: 20px 0;
}

blockquote {
  font-style: italic;
  font-size: 18px;
  margin: 20px 0px;
}

/* Header
--------------------------------------*/

header {
  background-image: url(../p/ocean.jpg);
  background-size: cover;
  padding: 5% 15%;
}

.headerArticle {
  /* margin: 40px auto; */
  /* min-width: 524px;
  max-width: 800px; */

  background-color: rgba(300, 300, 300, 0.7);
  padding: 20px 15px;
}

.headerArticle h1 {
  color: #fff;
}

.headerArticle h2 {
  font-weight: 300;
  margin-bottom: 20px;
}

.niepce {
  /* kreisForm via CSS generieren -- border-radius */

  border: 3px solid #fff;
  box-shadow: 0 0 10px 4px black;
  border-radius: 100%;
}

/* SECTION */
section {
  padding: 5% 15%;
}

/* Footer
--------------------------------------*/

footer {
  background-color: black;
  padding: 0px 15% 20px 15%;
  ul {
    color: white;
  }
}

/* spezielle Angaben für Elemente mit Klassen
---------------------------------------------*/

.sand {
  background-image: url(../p/Sand-3.jpg);
  background-size: cover;
}

.aufSand,
.aufManhattan {
  background-color: rgba(300, 300, 300, 0.65);
  padding: 20px 15px;
  margin: 0 -15px;
}

.manhattan {
  background-image: url(../p/Buildings-NYC.jpg);
  background-size: cover;
}

.mitSchatten {
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.5);
}

figure {
  img {
    margin-bottom: 10px;
  }
}