@font-face {font-family: "Lato Bold";font-display: swap;src: url(../fonts/Lato-Bold.woff2) format("woff2");}
@font-face {font-family: "Lato";font-display: swap;src: url(../fonts/Lato-Regular.woff2) format("woff2");}
#wrapper2 {position: fixed;z-index: 90;padding:20px 0 0 12px;width:100%;}
#beispiele2 {position:fixed;background: url(../bilder/haelt-hg.jpg) no-repeat center center;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;width:100%;top:0;}
#textfeld {background:#fff;padding-top:8%;height:100%;max-width:1200px;margin: 0 auto;}
#gallery{max-width:1200px;padding:3% 0;margin:0 auto}#gallery a{text-decoration:none}
#gallery .item{width:150px;height:150px;overflow:hidden;display:inline-block;}
#gallery .item a{overflow:hidden}#gallery .item a img{height:100%;align-self:center}
#logogal{max-width:1500px;padding:0% 0% 1% 1%;margin:0 auto}
.lightbox{opacity:0;position:fixed;z-index:9999;width:100%;height:100%;top:-100%;left:0;}
.lightbox:target{opacity:1;outline:none;background: url(../bilder/haelt-hg.jpg) no-repeat center center;
-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;width:100%;top:0;}
.lightbox .box{max-width: 1200px;height:100%;margin:0 auto;background:#fff;}
.lightbox .title{max-width:400px;margin:0 auto;padding:15px 0 10px 0px;font-size:1.4em;font-weight:bold;text-align:left;color:#5D5959}
.lightbox .content{display:block;margin:0 auto;background:#fff;padding-top:90px;}
.lightbox .content .desc{max-width:400px;height:150px;padding:10px 0 10px 0px;color:#5D5959;text-align:left;font-size:1.2rem; line-height:160%;margin: 0 auto;}
.galerienavi{max-width:480px;text-decoration:none;color:#5D5959;font:normal 2.2rem/190% 'Lato';margin:0 auto;text-align:center}
.drei{float:left;padding:0 5%;width:33.3333%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.clearfix-bsp:before,
.clearfix-bsp:after{content:" ";display:table}
.clearfix-bsp:after{clear:both}
.clearfix-bsp{*zoom:1}
.clearfix-bsp{width:100%;min-height:675px;}
.bildseite{width:40%;float:left;padding-top:30px;padding-left:100px;}
.buseite{width:40%;float:left; padding-top:30px;padding-left:75px;}
.clear{display:block;clear:both}
.fuss{width:100%; margin:0 auto;padding:2%}
.fusstext{margin:0 auto; font-size:16px;text-align:left;color:#5D5959;;padding:0px 70px;line-height:1.7;text-align:center}
.trennlinie{width:88%;margin:0 auto;border:none;border-top:2px solid #b5b5b5;color:#FFF;background-color:#FFF;height:1px;bottom:2;left:0;right:0}

@media screen and (max-width:1400px)
{
	.clearfix-bsp{padding:1% 0;width:90%;margin:0 auto;}
	.fuss{margin-top:5px;padding: 2% 6%}
	.fusstext{padding-left:5px;}
	.bildseite{width:100%;clear:left;margin:0 auto;padding:0;text-align:center}
	.buseite{width:100%;clear:left;margin:0 auto;padding:0}
	.lightbox .content{padding-top:1%;}
	.lightbox .content .desc{font-size:1.1rem;height:120px}img{max-height:400px;}#wrapper2 {background:#fff}#beispiele2 {position:relative;}#textfeld {padding-top:25%;}}