/* neu-03-boxes.css */
@media all{
body {
    background-image: url("../slices/zebrano.jpg");
    background-repeat: repeat;
    background-attachment: fixed;
}
#wrapper {
    max-width: 1600
	}
    figure{
        margin-bottom: 0.5em
    }
.nav-link {
    display: grid;
    grid-template-columns: 56px 56px;
    grid-gap: 1rem;
    align-items: center
}

.custom {
    width: 90% ;
    margin: 0 auto;
    display: grid;
    grid: "kopf kopf rechts" "links mitte rechts" "links fuss fuss";
    grid-template-columns: 240px 1fr 240px;
    grid-gap: 0em
}
.custom > div {
    overflow: hidden;
    display: block;
    padding: 1.5em
}
#sp0-oben {
    max-height: 177px;
    padding: 0;
    background-color: #ffffff;
    grid-area: kopf
}
#sp1-links {
    background-color: rgba(255, 255, 255, .75);
    grid-area: links
}
#sp2-mitte {
    background-color: rgba(255, 255, 255, .87);
    grid-area: mitte
}
#sp3-rechts {
    background-color: rgba(197, 187, 182, .9);
    grid-area: rechts
}
#sp4-fuss {
    background-color: #ffffff;
    grid-area: fuss
}
#startseite.content-hyperlink.caption {
    display: none
}
.ce_caroufredsel_gallery {
        margin-top: 0.5em;
margin-bottom: 0.5em
    }
.media--left figure {
float:right;
margin-right: 1em;
margin-bottom: 1em
}
figure.float_above {
    margin-bottom: 1em
}
.mod_newslist.more {
    display: none
}
.mapgrid {
    height: 0;
    position: relative;
    overflow: hidden;
    margin-bottom: 1em;
    padding-bottom: 100%
}
.mapgrid iframe {
    width: 100% ;
    height: 100% ;
    right: 0;
    top: 0;
    position: absolute
}
    
}
.artikel-grid {
    margin-bottom: 1em;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
    grid-gap: 1em;
justify-items:  center;
  align-content:end;
padding-top:1.5em
      
}
.newslist-latest-projekte h2.category_name{
display: none;
position: absolute;
top: -1.25em        
}
.layout_latest:first-child h2.category_name{
display: block
}
.mod_newscategories ul{
list-style-type: none;
margin-left: -1em;
    }
.menu-grid, .artikel-grid img, .uebersicht img {
-webkit-transition: all.55s ease-in-out 0s;
    -moz-transition: all.55s ease-in-out 0s;
    -o-transition: all.55s ease-in-out 0s;
    transition: all.55s ease-in-out 0s;
        transform-origin: center bottom
}
.menu-grid figure, .artikel-grid figure, .uebersicht figure {
    overflow: hidden
}
.menu-grid img:hover, .artikel-grid img:hover {
-webkit-transform: scale(1.1, 1.1); 
-moz-transform: scale(1.1, 1.1); 
transform: scale(1.1, 1.1)
}

div.menu-grid>ul{
display: grid;
grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
grid-gap: 1em;
justify-items: center;
margin-left: -1em
    }

div.menu-grid li{
text-align: center
    }
div.menu-grid span{
display: block;
line-height: 1.5em
    }

#footer {
    margin-top: 1em;
    margin-bottom: 1em;
    margin-left: auto;
    vertical-align: top;
    text-align: right
}
}
