html {
  font-size: 100%;
}
body {
  width: 50%;
  margin: auto;
  position: relative;
}
header {
  width: auto;
  height: auto;
  max-width: 100%;
  margin: 3.5rem auto;
  height: 3.5rem;
  background-image: url(bilder/01starseite/LOGO-BARBARA5.png);
  background-repeat: no-repeat;
  background-size: contain;
  padding-bottom: auto;
  background-position: center
  /*background-position: right top;*/
}
#navigation {
  width: 25%;
  position: fixed;
  top: 10rem;
  left: 75%;
  font-size: 0.8rem;
}
#navigation ul {
  font-family: arial, helvetica, sans-serif;
  list-style-type: none;
  padding-left: 1.5rem;
  position: relative;
}
#navigation ul li {
  color: #c7c7c7;
  margin-bottom: 0.5rem;
}
#navigation ul li.submen:before {
  content: "";
  display: block;
  width: 1rem;
  height: 1rem;
  background-image: url(bilder/dreieckrechts.png);
  background-size: 0.5rem;
  background-repeat: no-repeat;
  background-position: 0rem 0.2rem;
  float: left;
  left: 0.5rem;
  position: absolute;
}
#navigation ul li a {
  text-decoration: none;
}
#navigation ul li a:link {
  color: #000;
}
#navigation ul li a:visited {
  color: #848484;
}
#navigation ul li a:hover {
  color: #c7c7c7;
}
#navigation ul li.submen {
  overflow: hidden;
}
#navigation ul li.submen:hover:before {
  background-image: url(bilder/dreieckunten.png);
}
#navigation ul li.submen:hover ul {
  height: 100%;
}
#navigation ul li.submen:hover ul li {
  line-height: 1.5rem;
  height: 1.5rem;
}
#navigation ul li ul {
  -webkit-transition: height 0.5s linear;
          transition: height 0.5s linear;
  height: 0rem;
}
#navigation ul li ul li {
  -webkit-transition: height 0.5s linear;
          transition: height 0.5s linear;
  line-height: 1.5rem;
  height: 0rem;
}
main {
  margin: auto;
  display: block;
  width: 90%;
}
main .titel {
  font-family: arial, helvetica, sans-serif;
  text-align: left;
  color: #848484;
}
main .startseite {
  margin: auto;
  border: 1px solid #c7c7c7
  /*box-shadow: 1px 1px 15px 1px #cacaca, -1px -1px 15px 1px #cacaca;*/
}
main .startseite .clients {
  /*margin: auto;*/
  font-family: arial, helvetica, sans-serif;
  text-align: left;
  line-height: 2rem;
  color: #848484;
  width: auto;
  padding-left: 2rem;
  padding-right: 2rem;
}
main .startseite figure {
  margin: -1.5rem auto 0.5rem;
  width: 98%;
}
main .startseite figure img {
  margin-top: 2.5rem;
  width: 98%;
  margin-left: 0.4rem
  /*                .zoom{ 
                                    transition: all 1.5s ease-in-out;
                                    transform: scale(1.4);
                                }*/
  /*                .bilder{
                                    width: 98%;
                                    background-image: 70%;
                                    float: left;
                                    margin: 0;
                                    padding: 2rem;*/
  /*                }*/
}
main .startseite figure img.zoom:hover {
  cursor: -webkit-zoom-in;
  cursor: zoom-in;
  -webkit-transition: all 1.5s ease-in-out;
          transition: all 1.5s ease-in-out;
  -webkit-transform: scale(1.4);
      -ms-transform: scale(1.4);
          transform: scale(1.4);
}
main .startseite p {
  margin: 0.5rem auto;
  width: 32rem;
  /*padding: 1rem;*/
  text-align: justify;
}