p {
font-size: 16px;
}
.navbar {
background: #ffffff;
}
.nopadding {
padding: 0px;
margin: 0px;
}
.skills h3 {
font-size: 18px;
text-transform: uppercase;
font-weight: 600;
}
.skills p {
font-size: 14px;
color: #0a0a0a:
}

.skills img {
margin: 0px auto;
width: 40%;
padding-top: 40px;
padding-bottom: 30px;
}
.skills .eigenschaft {
border-right: 2px solid black
}

.story {
background: #000000;
padding: 30px 0px;
}
hr {
height: 8px;
background: #000000;
}
.story h1, .story h2, .story h3, .story p {
color: #ffffff}

.titelbild {
padding-top: 50px
}

.buttonsolid {
background: #000000;
color: #ffffff;
text-transform: uppercase;
font-weight: 600;
padding: 5px 12px
}

      ul.feature, ul.skills {
      list-style-type: none;
      margin: 0px;
      padding: 0px;
      }
      ul.feature li, ul.skills li {
      background-image: url("/assets/check.svg");
      background-repeat: no-repeat;
      background-position: 0px 8px;
      background-repeat: no-repeat;
  	  background-size: 15px 15px;
      padding-left: 25px;
      line-height: 2rem;
      color: #ffffff;
      }	
      ul.skills li {
      color: #000000;
      background-image: url("/assets/check-black.svg");
      }	
      
      .headfeature h3 {
      font-size: 18px;
      text-transform: uppercase;
      font-weight: 600;
      color: #666666;
      }
      .headfeature {
      padding-top: 20px}
      
      .sema {
      border-top: 4px solid #333333;
      padding-top: 40px;
      margin-top: 60px;
      color: #666666;
      }
      .sema p {
      color: #666666;
      text-transform: uppercase;
      }
      #map {
      height: 600px;
      widht: 100%;
      }
      .nopadding {
      padding: 0px;
      margin: 0px;
      }
      p.klein {
      font-size: 12px;
      }
      .services img {
      width: 50%;
      margin: 10px auto;
      }
.arrow-up { position: absolute; bottom: 75px; left; 100px;
	position:fixed;
	bottom:0px;
	right:0px;
	overflow:hidden;
	width:50px;
	height:50px;
	border:none;
	text-indent:100%;
	background-color: #9dbe36;
	background-image: url(/assets/arrow-up.png);
	background-repeat: repeat;
	background-position: 0px 0px;
	z-index: 700;
	transition: all 0.5s;
	-moz-transition: all 0.5s; /* Firefox 4 */
	-webkit-transition: all 0.5s; /* Safari and Chrome */
	-o-transition: all 0.5s; /* Opera */
}
.arrow-up:hover {
	background-color: #000;
	background-image: url(/assets/arrow-up.png);
	background-position: 0px -50px;
}
.arrow-up a {
width: 50px; 
height: 50px;
display: block;
}
#Bilder div {
margin: 0px;
padding: 0px;
}
#Logo {
	transition: all 0.35s;
}
.navbar {
	background-color: rgba(255,255,255,0.92) !important
}
.nav-item {
 font-size: 18px;
 text-transform: uppercase;
 paddng-left: 20px;
}
.TWLogo {
	width: 120px;
}
.kleinesLogo {
	width: 40px
}

@media (max-width: 767px) {
.TWLogo {
	width: 50px;
}
.kleinesLogo {
	width: 40px
}
.navbar-brand {
margin: 0px auto
}
}