/*Alle Seiten*/
.logo{margin:.5em;width:492px;max-width:100%;height:auto;align-self:center;color:#FFFFFF;font-size:1rem;font-weight:bold;font-family:Times, 'Times New Roman', Georgia;overflow:auto;vertical-align:center}
.logo h2{color:#FFFFFF;font-size:2rem;font-weight:bold;font-family:Times, 'Times New Roman', Georgia;margin:0;padding:0}
@media (max-width: 35em) {.logo h2{font-size:1.2rem}}
a{text-decoration:none}
a:link{color:#009}
a:hover{color:#900}
a:visited{color:#366}
/*flexbox Inhalte flexibel nebeneinander zentriert*/
.flbox{background-color:#000;display:flex;flex-flow:row wrap;justify-content:center;align-items:baseline;align-content:flex-start;text-decoration:none;text-align:center;color:#FFF;border:1px solid #CB9D29;margin:0;padding:0}/*flexbox Inhalte flexibel nebeneinander zentriert*/
@media (max-width: 35em) {.flbox{width: 100vw}}
.flbox a:link{color:#FFF}
.flbox a:visited{color:#FDEAEA}
.flbox a:active{color:#000}
.nav-ext{position:relative;padding:1em;text-align:center}
.flbox ul{padding:.6em;text-transform:lowercase;position:relative;width:10em;display:block;background-color:#4D4D4D;text-align:center}
.flbox li{padding:.25em .1em .25em;line-height:1em;list-style:none outside none}
.flbox a{display:block;text-decoration:none;color:#FFF;background-color:#000;padding-left:.1em;padding-top:.25em;padding-bottom:.25em;border-style:solid;border-color:#CB9D29 #CDCACA #CDCACA #CB9D29;border-width:.1em;}
.flbox ul a:hover{border-color:#000 #CB9D29 #CB9D29 #000;color:#FAEED1;background-color:#847F7F;padding-left:.4em;padding-top:.3em;padding-bottom:.2em}
/*Fußzeile*/
.footer{display:flex;flex-flow:row wrap;justify-content:space-around;align-items:center;margin:1em;color:#CFF;text-align:center}
.footer a{text-decoration:none;font-size:.9rem;color:#CB9D29}
.footer a:link{font-size:.9rem;color:#3CF}
.footer a:hover{font-size:.9rem;color:#F90}
.footer a:visited{font-size:.9rem;color:#FC6}
.footer a:active{font-size:.9rem}
.fomitte{flex-grow:4}
.founten{flex-flow:row wrap;display:inline-flex}
.intern{margin:.5em 1em}/*Fußzeile interne Links*/
/*Alle Seiten*/
mark{background:#F6F6BF}
.durchzug{text-decoration:line-through}
.einzug{padding-left:4.5em}
.mittig{text-align:center}
.zentriert{margin-right:auto;margin-left:auto}
.gross{text-transform:uppercase}
.box{border:.1em solid #000;padding:1em;overflow:auto}
#gotop{position:fixed;top:80%;left:.2em;color:#FFF;background-color:#000;border-radius:.2em;opacity:.4;padding:0 .2em}
@keyframes fadeIn { 0% { opacity:0; } 50% { opacity:1; } 100% { opacity:0; } }
@keyframes ausklappen { from { opacity:0; } to { opacity:1; } }/*Ausklappmenü animiert angezeigt*/ 
.pinwand{display: grid;
    grid-template-columns: repeat(3, 1fr);
    max-width:90vw;width:960px;
    grid-gap: 15px;align-items:self-start;margin:auto}
.pinwand img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
    
.intext{position: sticky;text-align:left;width:auto;padding:3px;margin:0;font-size:.8rem;border:1px solid #BFBFBF}
.intext p{background-color:#AD914B;padding:0 0 0 3px;margin:2px 0 0 0}
@media (max-width: 35em) {.intext{max-width:150px}.intext a, .intext a:link, .intext a:hover, .intext a:visited{font-size:.4rem}}
@media (min-width: 50em) {.intext{max-width:300px}}
.intext img{display:block;max-width:100%;padding:0;margin:0}
.intext span{bottom:.3em;left:.3em;position:absolute;z-index:200}
.intext a, .intext a:link, .intext a:hover, .intext a:visited{font-size:.6rem;color:#FFF;text-shadow:.1em .1em .1em #000,-.1em -.1em .1em #000,-.1em .1em .1em #000}
@media (min-width: 35em) {.intext a, .intext a:link, .intext a:hover, .intext a:visited{font-size:.6rem}}
@media (min-width: 50em) {.intext a, .intext a:link, .intext a:hover, .intext a:visited{font-size:.8rem;font-weight:bold}}
.bildnavi{max-height:8em;position:relative;display:table;margin:2em auto 1em;z-index:100}
.bildnavi img{height:80px;object-fit:cover;width:80px;float:left;margin:.3em;border:0}
.text{display:inline-block;margin:1em auto;width:40em;max-width:77vw;background-color:#FFF;border:.1em solid #000;padding:1em}
figure{    grid-template-columns: 100%;
    display: inline-grid;
    grid-gap: 12px;
    align-items: center;
    align-self: center;
    align-content: center;
    margin:auto
} 
figcaption{text-align:justify;border:1px solid #E5E5E5;padding:5px;align-self: center;
max-width:520px;margin: auto;;
display: inherit;;background-color:#fff;margin:0 auto 12px auto}