/* off canvas ab 768px */
.top-bar-left li a{
   border-left: 2px solid white;
}
.menu .active > a {
    border-left: 2px solid red;
}
.menu .active > a {
  color: #fefefe;
  background: transparent; 
}
h1 {
  color:white;
}
.off-canvas-content {
  box-shadow:none;
}
.menu a {
  color:white;
}
#widemenu, .top-bar-left ul{
  background:#333;
}
section {
  padding-bottom:20px;
}
#bildertableau a{
  padding:1px;
}
#bildertableau a img{
  padding:3px;
  border: 1px solid #ccc;
}
#bildertableau a img:hover {
  border: 1px solid red;
}
.werke {
  padding-top: 50px;
}
.einleitung {
  padding-top: 50px;
  padding-bottom: 20px;
}
.button.expanded {
    background: #333;
}
.button:hover, input[type="submit"]:hover {
    box-shadow: 0 2px 0 red;
}
.button:active, .button:focus, .button:hover, input[type="submit"]:active, input[type="submit"]:focus, input[type="submit"]:hover {
    background-color: red;
}
.button, input[type="submit"] {
    
    box-shadow: 0 4px 0 #666;
}

@media screen and (max-width: 420px) {
  li.box {
    min-width: 100%;
  }
}

@media screen and (min-width:1280px) {
  body, html {
    font-size: 110%;
}
}
.wrapper-kopf {
  margin: 0 auto;
  display: block;
  max-width: 100%;
  max-width: 1240px;
  }
.werke {
  margin: 0 auto;
  display: block;
  max-width: 100%;
  max-width: 1240px;
  }
#box-container li {
  max-width: 100%;
  max-width: 200px;
  float: left;
  padding: 10px;
  display: block;  /* sonst link-Punkte zu sehen */
}
.impressum  a{
  color: grey;
}