html, body{min-height:100%;}
body    {margin:0;padding:0;text-align:center;background-image:url('bg_body.webp')}
p, a    {font:0.9em Arial,Helvetica,sans-serif;line-height:1.4em;color:#22297d;text-decoration:none}
a:focus {outline:0}
#container  {width:90%;margin:0 auto;padding:0;background-image:url('bg_container.webp');min-height: calc(100vh - 5em - 6px)}
#header, #header p  {width:100%;color:#22297d;text-align:center} 
#header img   {margin-left:26px;width:98px;height:114px;margin:0 auto}
#logo_menu {display:none}
#nav         {width:90%;margin:0 auto;padding:0 4%;text-align:center;background:#22297d}
#nav a       {color:white;padding:0 1%;background:#22297d}
#nav a:hover {color:#fff}
#titelimg {margin:10% auto 0 auto;}
#content  {width:90%;max-width:900px;text-align:left;margin:40px auto 0 auto;padding:0 4px 20px 4px;border:1px solid #a9a9a9}
.content_titel{font-size:2em;font-weight:bold;color:#ccc;margin:0 4px 8px 0;padding:0}
#smartkontakt {display:none}
#galerie {margin:3% 0 0 0;padding:4px 0;list-style: none;text-align:center}
#galerie ul {padding: 0}
#galerie ul > li {margin-top: 10px}
#galerie img {max-height:200px;width:auto;padding:2px}
#galerie img:hover{transform:scale(2.4);-webkit-transform:scale(2.4);-moz-transform:scale(2.4);-o-transform:scale(2.4);transition:all 400ms; -webkit-transition:all 400ms; -moz-transition:all 400ms; -o-transition:all 400ms;z-index:500}
footer{position:absolute:bottom:0;width:100%;height:10px;padding:0;margin:0;font-size:0.7em;}

  /* lightbox vom 1.7.22 */
#gallery1 {width:100%;max-width:800px;margin-top:60px;padding:0;text-align:center;background-image: url("bg_container.jpg");border:0;z-index:10}
.photos {
    position: relative;
    display: block;
    box-sizing: border-box;
    width: 700px;
    max-width: 100%;
    margin: 40px auto;
    padding: 10px;
    border: 1px solid #aaa;
    text-align: center;
    font-size: 0;
}
.magnifier {
    position: relative;
    box-sizing: border-box;
    display: inline-block;
    vertical-align: middle;
    width: calc(50% - 8px);
    margin: 4px;
}
.magnifier img {
    position: relative;
    display: inline-block;
    width: 100%;
    height: auto;
}

@media (max-width:767.98px) {
  #galerie img:hover{transform:none}
  }