@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600|Ubuntu:400,500');


* {
  box-sizing: border-box;
}

/* Position the image container (needed to position the left and right arrows) */
.container {
  position: relative;
}

/* Hide the images by default */
.mySlides {
  display: none;
}

/* Add a pointer when hovering over the thumbnail images */
.cursor {
  cursor: pointer;
}

/* Next & previous buttons */
.prev,
.next {
  background-color: rgba(0, 0, 0, 0.4);
  cursor: pointer;
  position: absolute;
  top: 300px;
  width: auto;
  padding: 16px;
  margin-top: -50px;
  color: white;
  font-weight: bold;
  font-size: 20px;
  border-radius: 0 3px 3px 0;
  user-select: none;
  -webkit-user-select: none;
}

/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover,
.next:hover {
  background-color: rgba(0, 0, 0, 0.8);
}

/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* Container for image text */
.caption-container {
  text-align: center;
  background-color: #222;
  padding: 2px 16px;
  color: white;
}

.row:after {
  content: "";
  display: table;
  clear: both;
}

/* Six columns side by side */
.column {
  float: left;
  width: 16.66%;
}

/* Add a transparency effect for thumnbail images */
.demo {
  opacity: 0.6;
}

.active,
.demo:hover {
  opacity: 1;
}

body {
  background-color: rgb(255, 255, 255);
  font-family: "Open Sans";
  font-weight: 400;
  color: rgb(0, 0, 0);
  text-align: center;
  float: center;
}

#website {
    width: 1200px;
    margin: auto;
    text-align: left;
}

#header {
	position: relative;
}

.weiterlesen {
	color: rgb(255, 200, 0);
	text-decoration: none;
}

.u_nav {
	color: rgb(0, 0, 0);
	text-decoration: none;
}

.nav2 {
	color: rgb(0, 0, 0);
	text-decoration: none;
	padding: 0 0 0 25px;
}

.nav2:hover {
	color: rgb(255, 200, 0);
	text-decoration: none;
}

.container {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.element {
  position: relative;
  float: left;
  border-radius: 1px;
  background-color: rgb(255, 200, 0);
}

.text-11 p,
.text-5 p,
.text-7 p,
.text-9 p {
  margin-bottom: 1em;
}

._button {
  display: block;
  position: relative;
  float: left;
  z-index: 13;
  width: 130px;
  height: 33px;
  margin: -17px 0 0 1020px;
  border-radius: 3px;
  background-color: rgb(255, 200, 0);
  font-size: 1em;
  text-align: center;
  color: rgb(0, 0, 0);
}

._container {
  float: left;
}

.container-2 {
  width: 842px;
  height: 500px;
  margin: 94px 0 0 308px;
  border-radius: 5px;
  background-image: url('../images/bastian2.jpg');
}

.container-3 {
  position: relative;
  clear: both;
  z-index: 22;
  width: 100%;
  height: 330px;
  margin-top: 220px;
  background-image: url('../images/footer_banner_bastian.png');
}

.element-1 {
  z-index: 5;
  width: 4px;
  height: 300px;
  margin: 519px 0 0 148px;
}

.element-2 {
  clear: both;
  z-index: 6;
  width: 30px;
  height: 4px;
  margin: -300px 0 0 315px;
}

.element-3 {
  z-index: 7;
  width: 20px;
  height: 4px;
  margin: -263px 0 0 315px;
}

.element-4 {
  z-index: 9;
  width: 20px;
  height: 4px;
  margin: -224px 0 0 315px;
}

.element-5 {
  z-index: 10;
  width: 20px;
  height: 4px;
  margin: -186px 0 0 315px;
}

.element-6 {
  z-index: 11;
  width: 20px;
  height: 4px;
  margin: -150px 0 0 315px;
}

.element-7 {
  z-index: 12;
  width: 20px;
  height: 4px;
  margin: -111px 0 0 315px;
}

.element-8 {
  clear: both;
  z-index: 18;
  width: 4px;
  height: 27px;
  margin: -165px 0 0 318px;
}

.text-1 {
  position: absolute;
  top: 54px;
  left: 473px;
  z-index: 3;
  font-size: 1.25em;
  letter-spacing: 2px;
  color: rgb(255, 200, 0);
}

.text-10 {
  position: relative;
  float: left;
  clear: both;
  z-index: 20;
  margin: 128px 0 0 50px;
  font-size: 1.5em;
  color: rgb(0, 0, 0);
}

.text-11 {
  position: relative;
  float: left;
  z-index: 21;
  width: 840px;
  margin: 128px 0 0 63px;
  font-size: 1em;
  color: rgb(0, 0, 0);
}

.text-12 {
  position: relative;
  float: left;
  clear: both;
  z-index: 23;
  margin: -284px 0 0 50px;
  font-size: 1em;
  color: rgb(0, 0, 0);
}

.text-13 {
  position: relative;
  float: left;
  z-index: 27;
  margin: -284px 0 0 869px;
  font-size: 1em;
  color: rgb(0, 0, 0);
}

.text-14 {
  position: relative;
  float: left;
  z-index: 24;
  margin: -244px 0 0 50px;
  font-size: 1em;
  color: rgb(0, 0, 0);
}

.text-15 {
  position: relative;
  float: left;
  z-index: 28;
  margin: -244px 0 0 869px;
  font-size: 1em;
  color: rgb(0, 0, 0);
}

.text-16 {
  position: relative;
  float: left;
  z-index: 25;
  margin: -204px 0 0 50px;
  font-size: 1em;
  color: rgb(0, 0, 0);
}

.text-17 {
  position: relative;
  float: left;
  z-index: 26;
  margin: -164px 0 0 50px;
  font-size: 1em;
  color: rgb(0, 0, 0);
}

.text-18 {
  position: relative;
  float: left;
  z-index: 29;
  margin: -47px 0 0 869px;
  font-size: 1em;
  color: rgb(0, 0, 0);
}

.text-2 {
  position: absolute;
  top: 260px;
  left: 50px;
  z-index: 2;
  font-size: 1.5em;
  text-align: center;
  letter-spacing: 1px;
  color: rgb(0, 0, 0);
}

.text-2nav {
  position: absolute;
  top: 270px;
  right: 0px;
  z-index: 2;
  font-size: 1em;
  text-align: center;
  letter-spacing: 1px;
  color: rgb(0, 0, 0);
}

.text-3 {
  position: absolute;
  top: 187px;
  left: 50px;
  z-index: 1;
  font-size: 3em;
  text-align: center;
  color: rgb(0, 0, 0);
  font-family: "Ubuntu";
}

.text-4 {
  position: relative;
  float: left;
  z-index: 4;
  margin: 500px 0 0 50px;
  font-size: 1.5em;
  color: rgb(0, 0, 0);
}

.text-5 {
  position: relative;
  float: left;
  z-index: 8;
  margin: -311px 0 0 376px;
  font-size: 1em;
  color: rgb(0, 0, 0);
}

.text-6 {
  position: relative;
  float: left;
  clear: both;
  z-index: 14;
  margin: 500px 0 0 50px;
  font-size: 1.5em;
  color: rgb(0, 0, 0);
}

.text-7 {
  position: relative;
  float: left;
  z-index: 15;
  width: 840px;
  margin: 500px 0 0 138px;
  font-size: 1em;
  color: rgb(0, 0, 0);
}

.text-8 {
  position: relative;
  float: left;
  clear: both;
  z-index: 16;
  margin: 111px 0 0 50px;
  font-size: 1.5em;
  color: rgb(0, 0, 0);
}

.text-9 {
  position: relative;
  float: left;
  z-index: 17;
  width: 840px;
  margin: 111px 0 0 45px;
  font-size: 1em;
  color: rgb(0, 0, 0);
}

@media(max-width: 480px) {
  .element {
    position: relative;
  }

  ._button {
    position: relative;
    clear: both;
    z-index: 13;
    margin-top: 92px;
  }

  ._container {
    position: relative;
  }

  .container-1 {
    top: 302px;
    left: 449px;
    width: 240px;
    height: 311px;
  }

  .container-2 {
    clear: both;
    z-index: 19;
    width: 461px;
    height: 272px;
    margin-top: -1471px;
    margin-left: 9px;
  }

  .container-3 {
    z-index: 22;
    height: 234px;
    margin-top: -2346px;
  }

  .element-1 {
    z-index: 5;
    margin-top: 775px;
    margin-left: 352px;
  }

  .element-2 {
    z-index: 6;
    margin-left: 475px;
  }

  .element-3 {
    clear: both;
    z-index: 7;
    margin-left: 476px;
  }

  .element-4 {
    clear: both;
    z-index: 9;
    margin-left: 476px;
  }

  .element-5 {
    clear: both;
    z-index: 10;
    margin-left: 476px;
  }

  .element-6 {
    clear: both;
    z-index: 11;
    margin-left: 476px;
  }

  .element-7 {
    clear: both;
    z-index: 12;
    margin-left: 476px;
  }

  .element-8 {
    z-index: 18;
    margin-top: 15px;
    margin-left: 445px;
  }

  .text-1 {
    top: 48px;
    left: 0;
    right: 0;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
  }

  .text-10 {
    position: relative;
    clear: none;
    z-index: 20;
    margin-top: -1648px;
    margin-left: 9px;
  }

  .text-11 {
    position: relative;
    clear: both;
    z-index: 21;
    margin-top: 1033px;
    margin-left: 440px;
  }

  .text-12 {
    position: relative;
    clear: none;
    z-index: 23;
    margin-top: -377px;
    margin-left: 426px;
  }

  .text-13 {
    position: relative;
    z-index: 27;
    margin-top: -2328px;
    margin-left: 9px;
  }

  .text-14 {
    position: relative;
    z-index: 24;
    margin-top: -337px;
    margin-left: 426px;
  }

  .text-15 {
    position: relative;
    z-index: 28;
    margin-top: -2288px;
    margin-left: 9px;
  }

  .text-16 {
    position: relative;
    clear: both;
    z-index: 25;
    margin-top: -297px;
    margin-left: 426px;
  }

  .text-17 {
    position: relative;
    clear: both;
    z-index: 26;
    margin-top: -257px;
    margin-left: 426px;
  }

  .text-18 {
    position: relative;
    z-index: 29;
    margin-top: -2149px;
    margin-left: 240px;
  }

  .text-2 {
    top: 282px;
    left: 0;
    right: 0;
    margin-right: auto;
    margin-left: auto;
  }

  .text-3 {
    top: 208px;
    left: 0;
    right: 0;
    margin-right: auto;
    margin-left: auto;
  }

  .text-4 {
    position: relative;
    z-index: 4;
    margin-top: 499px;
    margin-left: 9px;
  }

  .text-5 {
    position: relative;
    clear: both;
    z-index: 8;
    margin-left: 540px;
  }

  .text-6 {
    position: relative;
    z-index: 14;
    margin-top: -1048px;
    margin-left: 9px;
  }

  .text-7 {
    position: relative;
    clear: both;
    z-index: 15;
    margin-top: 242px;
    margin-left: 472px;
  }

  .text-8 {
    position: relative;
    z-index: 16;
    margin-top: -1372px;
    margin-left: 9px;
  }

  .text-9 {
    position: relative;
    clear: both;
    z-index: 17;
    margin-top: 114px;
    margin-left: 445px;
  }
}