html {
  height: 100%;
}

body {
  background-color: #ddd;
  background-image : url("https://www.hochzeitsreporter-freiburg.de/img/bgpattern.png");
  background-attachment: fixed;
  height: 100%;
}

.header-wrapper {
  box-shadow : 0 5px 5px #323131 inset, 0 -5px 5px #323131 inset;
  text-shadow : 1px 2px 3px #000;
  color : #fff;
  background-color: #fff;
  background-attachment : fixed;
  background-image : url("https://www.hochzeitsreporter-freiburg.de/img/silkscreen.svg"), url("https://www.hochzeitsreporter-freiburg.de/img/backdrop02.jpg");
  /*background-image : url("https://www.hochzeitsreporter-freiburg.de/img/backdrop02.jpg");*/
  background-opacity: 0.2;
  background-origin : padding-box;
  background-position : top left, center center;
  background-repeat : repeat, no-repeat;
  background-size : 3px 3px, cover;
  filter: grayscale(0);
  min-width : 100%;
  height: 100%; 
}

.header-inner h1 {
    color: #ddd;
}

.header-inner {
  margin : 0 auto;
  position : relative;
  height : auto;
  overflow : hidden;
/*  padding : 10% 57px 25%; */
  width: auto;
  text-align: center;
}

#logo, #address,  #address h2 {
  height: 50%;
  padding: 5% 0 0 0;
  position: absoulte;
  vertical-align: center;
}

#address {
  text-align: bottom;
  bottom: 0px;
}

.img-profile {
  margin-top: 0px;
}

.navbar a {
  font: 24px 'LeagueGothicRegular', Arial, sans-serif;letter-spacing: 0;
}

#portfolio, #references, #contact, #impress {
  height: auto;
  width: 100%;
}

#webdesign h2, #photography h2, #contact h2, #impress h2, footer h2, .header-inner h2 {
  font: 24px 'LeagueGothicRegular', Arial, sans-serif;letter-spacing: 0;
}

footer h3, .header-inner h3 {
  font: 14px 'lato', Arial, sans-serif;letter-spacing: 0;
}


.line-black {
  height: 1px;
  width: 100%;
  background-color: #000;
}

.line-white {
  height: 1px;
  width: 100%;
  background-color: #fff;
}

.separator {
/*  box-shadow : 0 5px 5px #323131 inset, 0 -5px 5px #323131 inset;*/
  text-shadow : 1px 2px 3px #000;
  height: 250px;
  min-width: 100%;
  text-align: center;
  color : #fff;
  background-color: #fff;
  background-attachment : fixed;
  background-origin : padding-box;
  background-position : center center;
  background-repeat : no-repeat;
  background-size : cover;
}

.separator-inner {
  margin : 0 auto;
  position : relative;
  min-height : 100px;
  overflow : hidden;
  padding : 74px 57px 80px;
  width: auto;
}

.sep1 {
  background-image : url("/img/sep1.jpg");
}

.sep2 {
  background-image : url("/img/sep2.jpg");
}

.sep3 {
  background-image : url("/img/sep3.jpg");
}

.sep4 {
  background-image : url("/img/sep4.jpg");
}

footer {
  height: auto;
  width: 100%;
  background-color: #ddd;
  text-align: center;
}

#photogrid .mix{
    opacity: 0;
    display: none;
}