* {
  font-family: "Arial Rounded MT Bold", sans-serif;
  font-size: 16px;
  font-weight: 100;
  color: #000000
  padding: 0px;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  text-decoration: none;
}

html{
  width: 100%;
  height: 100%;
  font-size: 16px;
  font-family: inherit;
  text-decoration: none;
}

body {
  min-height: 100%;
  width: 100%;
}

/* font style > */
a {
  font-family: "Arial Rounded MT Bold";
  font-weight: 100;
  color: #000000;
  text-decoration: none;
}

a:hover {
  font-family: "Arial Rounded MT Bold";
  font-weight: 100;
  color: #1D2EFF;
  text-decoration: none;
}

a:active {
  font-family: "Arial Rounded MT Bold";
  font-weight: 100;
  color: #000000;
  text-decoration: none;
}

p {
  font-family: "Arial Rounded MT Bold", sans-serif;
  font-size: 16px;
  font-weight: 100;
  padding: 0px;
  margin: 0;
  padding: 0;
  text-decoration: none;
  line-height: 22px
}

h1 {
  font-family: "Arial Rounded MT Bold";
  font-size: 42px;
  font-weight: 100;
  padding: 0px;
  margin: 0;
  padding: 0;
  text-decoration: none;
}

h2 {
  font-family: "Arial Rounded MT Bold";
  font-size: 24px;
  font-weight: 100;
  text-decoration: none;
}

/* < font style */

/* about > */
.about--content {
  padding-top: 50px;
}

.about--img {
     float: left;
     padding-right: 30px;
     width: 300px
}

.img {
width: 500px
}

.about--text {
     float: left;
     max-width: 600px;
     padding-top: 10px;
}
/* < about */

/* general > */
.wahl {
  height: 50px;
}

.header {
  position: fixed;
  padding-left: 40px;
  padding-top: 30px;
}

.content__header {
  position: relative;
  float: left;
  padding-left: 30px;
  padding-top: 20px;
}
/* < general */



.content__img {
  padding-top: 20px;
}

.content__work-infosheet {
  padding-left: 600px;
  padding-top: 175px;
  position: fixed;
}

/* work1 */

.boot-b {
  width: 300px;
}

.boot-s {
  width: 300px;
}

.content__work1 {
  opacity: 5;
  margin-left: 600px;
  margin-top: 175px;
  position: fixed;
  width: 300px;
  position: relative;
  display: inline-block;
}

.content__work1 .boot-s {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 99;
}

.content__work1:hover .boot-s {
  display: inline;
}

.content__work1:hover .boot-b {
  display: none;
}
/* work1 */

/* work2 */
.content__work2 {
  position: absolute;
  left: 100px;
  top: 300px;
  display: inline-block;
}

.content__work2 .kiste-s {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 99;
}

.content__work2:hover .kiste-s {
  display: inline;
}

.content__work2:hover .kiste-b {
  display: none;
}

.kiste-b {
  width: 200px;
}

.kiste-s {
  width: 200px;
}
/* work2 */


/* section positioning */
.section--content{
  padding-left: 40px;
  padding-right: 40px;
  padding-top: 120px;
  padding-bottom: 120px;
}

.content__menu{
  float: left;
  bottom: 30px;
  font-size: 36px;
  padding-left: 40px;
}

.section--menu{
  position: fixed;
  bottom: 30px;
}

.content__imprint {
  max-width: 800px;
}

.about__content {
  padding-top: 120px;
  float: left;
  font-size: 360px;
}
/* section positining */