/* index.css für neues "nfb25-black" === 03.07.25 */
*{box-sizing:border-box;margin:0;font-family:system-ui, sans-serif;color:DarkBlue;line-height:1.125;font-weight:200;}
body{height:100%;width:100%;margin:0;padding:0;left:0;top:0;font-size:clamp(1rem, 2.5vw, 1.25rem);}
h1{font-size:clamp(1.9rem,3.5vw,2.25rem);line-height:2rem;margin:0;padding:.25em;text-align:center;}
h2{font-size:clamp(1.7rem,1.64rem + 0.3vw,2rem);line-height:1.75rem;margin:0;padding:.25em;text-align:center;}
h3{font-size:clamp(1.5rem,1.45rem + 0.25vw,1.75rem);line-height:1.5rem;margin:0;padding:.25em;}
p{font-size:clamp(1rem, 0.9rem + 0.5vw, 1.5rem);margin:0;padding:.25em;text-align:center;}
a:link,a:visited{color:red;padding:0.2rem;border:1px solid red;text-decoration:none;display:inline-block;margin:5px;}
a:hover,a:focus{color:Beige;background-color:#800080;border:1px solid #800080;}
.item{margin:5px;display:inline;background-color:Beige;}
.clear{clear:both;}
main,.blog{background-color:#FAFAFA;}
header,footer{background-color:SkyBlue;color:DarkBlue;}
.blog{display:grid;grid-template-columns:minmax(.5rem, 1fr) minmax(310px, 70ch) minmax(.5rem, 1fr);grid-template-areas:". mitte .";}
.mitte{grid-area:mitte;background-color:#eeeeee;padding-left:15px;padding-right:15px;}
.mitte p{text-align:left;}
.mitte h2{text-align:center;}
.gallery {display: grid;grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));gap: 10px;justify-items: center;margin: 2em auto;max-width: 1920px; }
.gallery .item { float: none; display: block; background: Beige; margin: 0;  width: 100%;max-width: 300px; }/* Items innerhalb der Galerie */
.gallery .item img {width: 100%;height: 100%; object-fit: cover;border: 1px solid red; box-shadow: 3px 3px 4px rgba(255, 0, 0, 0.6)}/* Bilder */