/* Werte aus template.css der Originalseite (Template Creator / Joomla) */
*{box-sizing:border-box;margin:0;padding:0}
html{height:100%}
body{min-height:100vh;background:#dfdfdf;color:#666;line-height:24px;font-size:16px;font-family:"Courier New",serif}
img{max-width:100%;height:auto}
p{padding:5px 0}
a{color:#666;text-decoration:underline}
a:hover,a:focus{color:#666;text-decoration:none}
h1{font-weight:normal;line-height:45px;font-size:36px}
h2{padding-bottom:25px;font-weight:normal;line-height:36px;font-size:30px}
h3{font-weight:normal;line-height:30px;font-size:24px}
/* Kopfbild + Textband */
header{background:url(../images/header.jpg) center center/cover no-repeat scroll;padding-top:500px}
.intro{background:rgba(0,0,0,.4);color:#fff;padding:60px 10%;text-align:center;font-size:18px}
/* Inhalt */
.wrap{max-width:1000px;margin:50px auto 0;padding-bottom:90px}
main{margin:0 2%}
main>h1,main>h2,main>p{margin-bottom:10px}
.wrap.wide{max-width:none}
.gallery{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-start}
.gallery a{display:block;flex:0 0 auto}
.gallery img{display:block;height:300px;width:auto;max-width:none}
.gallery.js{display:block}
.gallery .row{display:flex;gap:10px;margin-bottom:10px}
.gallery .row:last-child{margin-bottom:0}
.gallery.js a{height:300px;overflow:hidden}
.gallery.js img{width:100%;height:100%;object-fit:cover}
.gallery a:hover img,.gallery a:focus img{opacity:.8}
/* Footer */
footer{position:fixed;left:0;right:0;bottom:0;z-index:50;background:rgba(0,0,0,.6);color:#dfdfdf;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}
footer nav{margin:0 2%;padding:15px 0;display:flex;justify-content:center;align-items:center;flex-wrap:wrap}
.menu{list-style:none;display:flex;flex-wrap:wrap;justify-content:center}
.menu li+li::before,.menu+.bar::before{content:"|"}
.bar{display:flex;align-items:center}
.burger{display:none;background:none;border:0;color:#dfdfdf;cursor:pointer;padding:0 6px;line-height:0}
.burger:hover,.burger:focus{color:#333}
@media(max-width:700px){footer nav{flex-direction:column}.menu{display:none;flex-direction:column;align-items:center;padding-bottom:8px}footer nav.open .menu{display:flex}.menu li+li::before,.menu+.bar::before{content:none}.menu a{display:block;padding:6px 12px}.burger{display:inline-block}}
footer a{color:#dfdfdf;text-decoration:none;margin:0 6px}
footer a:hover,footer a:focus{color:#333;text-decoration:underline}
footer a.info{display:inline-block;vertical-align:middle;line-height:0}
footer a.info:hover,footer a.info:focus{color:#333;text-decoration:none}
/* Shadowbox-Lightbox */
.lb{position:fixed;inset:0;background:rgba(0,0,0,.85);display:none;align-items:center;justify-content:center;z-index:99}
.lb.on{display:flex}
.lb img{max-width:92vw;max-height:88vh;box-shadow:0 0 20px #000}
.lb button{position:absolute;background:none;border:0;color:#fff;font-size:36px;cursor:pointer;padding:12px}
.lb .x{top:4px;right:8px}.lb .p{left:8px}.lb .n{right:8px}
@media(max-width:700px){header{padding-top:50vw}.intro{padding:30px 6%;font-size:16px}h1{font-size:28px}h2{font-size:24px}}