.menu {
        float: right;
	background-color: #fafeff;;
	border-color: #e7e7e71f;
	vertical-align: baseline;
	   -moz-box-shadow: 0 8px 6px -6px black;
       -webkit-box-shadow: 0 10px 17px -9px rgba(0,0,0,.14);
              box-shadow: 0 10px 17px -9px rgba(0,0,0,.14);
}

.nav-lang a{
    color: #5a655d;
}

.welcome-section {
		background-image: url("pics/Julia-Scher-at-Neuer-Aachener-Kunstverein-2.jpg");
		background-repeat: no-repeat;
		background-attachment: fixed;
        min-height:100%;
        height: auto;
        padding-top:100px;
        background-color:#bab9be;
        background-position: center top; 
}

.about-section {

        background-image: url("pics/about_g.jpg");

	    background-repeat: no-repeat;
        padding-top:80px;
        background-position: center top; 
        min-height:100%;
        background-color:#2d2e26;

		color:#000;
		padding-top:30%;

        
}


.whatwedo-section {
        background-color:#d2d6d9;
        height: auto;
        padding-top:80px;
        min-height:100%;
        
}

.illustrationen-section {
        background-color:#635c56;
        height: auto;
        min-height:100%;
        padding-top:80px;
        
        
}

.studio-section {
	    background-color:#000;
        height: 800px;
        padding-top:80px;
        padding-top:80px;
}


.products-section {
        background-color:#bbbcbe;
        height: 500px;
        padding-top:80px;
        padding-top:80px;
}

.contact-section {
        background-color:#fff;
	min-height:70%;
        padding-top:80px;
        
}
.image-auto {
        max-width:80%;
        height:auto;
        margin: 10px;
        background-color:#fff;
        box-shadow: 1px 1px 10px 1px rgba(0,0,0,.09);
		border: 5px solid #b4fcf8;

}

.image-auto-intro {
	 
        max-width:80%;
        height:auto;
        margin: 10px;
		margin-top:-80px;
        background-color:#fff;
        box-shadow: 1px 1px 10px 1px rgba(0,0,0,.09);

}

.image-auto:hover {
  transition: .5s ease;
  opacity: 0.3;
 
}


.footer {
        
        color:#fff;
        padding:20px;
        background-image: url("pics/Julia-Scher-at-Neuer-Aachener-Kunstverein-2.jpg");
	background-repeat: no-repeat;
	background-attachment: fixed;
        //padding-top:80px;


    background-position: center center;
    background-size: cover;
        
}

.navbar-default .navbar-brand{
	background-color: #5a655d;
	color:white;
        clip-path: polygon(3% 6%, 99% 3%, 100% 91%, 9% 93%);

}


#header_logo {
	float: left;
	padding-right: 20px;
	width: 60%;
	max-width: 800px;
	text-align: left;
	min-height: 30px;
	max-height: 150px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.navbar{
	float:right;
}

.content_box{
	background-color: #ebfbf8ab;
        padding: 5px 20px 45px 20px;
        text-align: left;
        margin:10px;
        max-width: 73%;
        margin-left:40px;
}

.name_header{

	color: #b23029;
	

}


.img-fluid {
    padding:10px;
    height: 300px;
    margin-right:20px;
    margin-bottom: 30px;
    margin-top: 20px;

    opacity: 1;
    display: block;
    transition: .5s ease;
    backface-visibility: hidden;
    

}


.project-hover{
  transition: .5s ease;
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: left;


}

.cont:hover .img-fluid {
  opacity: 0.2;

}

.cont:hover .project-hover {
  opacity: 1;
  
}

.cont{
  padding-left:0px;
  padding-left:0px;
  margin-top:10px;
}

a {

    cursor: pointer;
    color: #f0f8ff;

}

h2 { 
    font-family: Reenie Beanie, cursive;
    font-size: 2.1em;
    font-weight: 600;
	color: #cc262e;
  }

body{
   font-family: Helvetica Neue,Helvetica,Arial,sans-serif; 
   font-size: 1.4em;
}

.pic_box{
   padding:10px;

}

.fa-pts {font-family:"FontAwesome" !important;}

.icon-div { padding:0px !important;}

.navbar-default .navbar-nav>.active>a {
    color: #8a6d3b !important;
    background-color: #f5f5f5d9 !important;
}

#back2Top{
    background-color: #5a655d;
    color:white;
    clip-path: polygon(3% 6%, 99% 3%, 100% 91%, 9% 93%);
    margin-right:20px;
}
#form_container {
	margin-bottom:10px;
}


.videoWrapper {
  overflow: hidden;
}
@media (min-width: 1500px) {
  .videoWrapper {
    margin-top: -135px;
  }
}
@media (min-width: 1200px) {
  .videoWrapper {
    margin-top: -75px;
  }
}

a {
  color: #efead3;
  text-decoration: none;
}

a:hover,
a:focus {
  color: #fff;
  #font-weight:400;
  #font-size:20px;
}
a:focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}


header {
  position: relative;
  background-color: black;
  height: 75vh;
  min-height: 25rem;
  width: 100%;
  overflow: hidden;
}

header video {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: 0;
  -ms-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

header .container {
  position: relative;
  z-index: 2;
}

header .overlay {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: black;
  opacity: 0.5;
  z-index: 1;
}

@media (pointer: coarse) and (hover: none) {
  header {
    background: url('https://source.unsplash.com/XT5OInaElMw/1600x900') black no-repeat center center scroll;
  }
  header video {
    display: none;
  }
}