.wb-bild-raster{background-color:var(--wb-br-bg, transparent);padding:var(--wb-br-pt, 60px) 2em var(--wb-br-pb, 60px);font-size:16px}.wb-bild-raster__rahmen{display:flex;justify-content:center;align-items:center;margin:auto;max-width:var(--wb-br-breite, 1080px)}.wb-bild-raster__raster{display:grid;width:100%;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(2,var(--wb-br-hoehe, 260px));gap:var(--wb-br-gap, 12px);justify-content:center;grid-auto-flow:row;height:fit-content;margin:1em 0 0}.wb-bild-raster--layout_1 .wb-bild-raster__raster{grid-template-areas:"a a b b" "a a c d"}.wb-bild-raster--layout_2 .wb-bild-raster__raster{grid-template-areas:"a a d d" "b c d d"}.wb-bild-raster--layout_3 .wb-bild-raster__raster{grid-template-areas:"a c d d" "b c d d"}.wb-bild-raster--layout_4 .wb-bild-raster__raster{grid-template-areas:"a a b c" "a a b d"}.wb-bild-raster--layout_5 .wb-bild-raster__raster{grid-template-areas:"a a b c" "a a d d"}.wb-bild-raster--layout_6 .wb-bild-raster__raster{grid-template-areas:"a b d d" "c c d d"}.wb-bild-raster__kachel--a{grid-area:a}.wb-bild-raster__kachel--b{grid-area:b}.wb-bild-raster__kachel--c{grid-area:c}.wb-bild-raster__kachel--d{grid-area:d}.wb-bild-raster__kachel{position:relative;overflow:hidden;border-radius:var(--wb-br-radius, 8px);min-width:0}.wb-bild-raster__link{display:block;position:relative;width:100%;height:100%;margin:0;color:inherit;text-decoration:none}.wb-bild-raster__bild,.wb-bild-raster__platzhalter{display:block;width:100%;height:100%}.wb-bild-raster__bild img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.wb-bild-raster__platzhalter{background-color:#d4d4d4}.wb-bild-raster__text{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:var(--luecke, 4px);width:100%;height:100%;padding:var(--innen, 2em);overflow:hidden;z-index:0}.wb-bild-raster__text:before{content:"";position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;background:linear-gradient(0deg,var(--schleier),var(--schleier)),var(--bild, none);background-size:cover;background-position:center;background-repeat:no-repeat;transition:transform .5s ease}.wb-bild-raster__titel{margin:0;padding:0;font-size:var(--fs-h-m, var(--fs-h));line-height:1.3;letter-spacing:.06rem;color:var(--farbe-h, #fff)}.wb-bild-raster__beschreibung{margin:0;padding:0;font-size:var(--fs-d-m, var(--fs-d));line-height:1.5;letter-spacing:.06rem;color:var(--farbe-d, #fff)}@media(hover:hover){.wb-bild-raster__bild img:hover,.wb-bild-raster__text:hover:before{transform:scale(1.1)}}.wb-hide-mobile{display:none!important}@media screen and (max-width:768px){.wb-bild-raster{padding:var(--wb-br-pt-m, 36px) .5em var(--wb-br-pb-m, 36px);font-size:15px}.wb-bild-raster__text{padding:1em}.wb-bild-raster__text:before{background-image:linear-gradient(0deg,var(--schleier),var(--schleier)),var(--bild-m, var(--bild, none))}.wb-bild-raster--handy-stack .wb-bild-raster__raster{grid-template-columns:1fr;grid-template-rows:auto;grid-template-areas:"a" "b" "c" "d"}.wb-bild-raster--handy-stack .wb-bild-raster__kachel{aspect-ratio:1 / 1}.wb-bild-raster--handy-scroll{padding-left:0;padding-right:0;overflow-x:hidden}.wb-bild-raster--handy-scroll .wb-bild-raster__raster{display:flex;flex-wrap:nowrap;overflow-x:auto;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;gap:0;justify-content:flex-start;margin:1em 0 0}.wb-bild-raster--handy-scroll .wb-bild-raster__kachel{flex:0 0 85vw;width:85vw;height:85vw;margin-right:10px}.wb-bild-raster--handy-scroll .wb-bild-raster__kachel--a{margin-left:.5em}.wb-bild-raster--handy-scroll .wb-bild-raster__kachel:last-child{margin-right:.5em}}@media screen and (min-width:769px){.wb-hide-mobile{display:revert!important}.wb-hide-desktop{display:none!important}.wb-bild-raster__titel{font-size:var(--fs-h)}.wb-bild-raster__beschreibung{font-size:var(--fs-d)}}.wb-bild-collage .wb-bild-raster__raster{grid-template-rows:repeat(3,var(--wb-br-hoehe, 260px))}.wb-bild-collage--layout_1 .wb-bild-raster__raster{grid-template-areas:"a a b c" "d e f f" "g g f f"}.wb-bild-collage--layout_2 .wb-bild-raster__raster{grid-template-areas:"a a b c" "a a d d" "e e f g"}.wb-bild-collage--layout_3 .wb-bild-raster__raster{grid-template-areas:"a a b b" "a a c c" "d e f g"}.wb-bild-collage--layout_4 .wb-bild-raster__raster{grid-template-areas:"a b c d" "e e f f" "e e g g"}.wb-bild-collage--layout_5 .wb-bild-raster__raster{grid-template-areas:"a a b d" "c c c d" "e f g g"}.wb-bild-collage--layout_6 .wb-bild-raster__raster{grid-template-areas:"a a b d" "c c c d" "e f f g"}.wb-bild-collage--layout_7 .wb-bild-raster__raster{grid-template-areas:"a b b c" "a d d d" "e f f g"}.wb-bild-collage--layout_8 .wb-bild-raster__raster,.wb-bild-collage--layout_9 .wb-bild-raster__raster{grid-template-areas:"a c d e" "b c g g" "f f g g"}.wb-bild-raster__kachel--e{grid-area:e}.wb-bild-raster__kachel--f{grid-area:f}.wb-bild-raster__kachel--g{grid-area:g}@media screen and (max-width:768px){.wb-bild-collage.wb-bild-raster--handy-stack .wb-bild-raster__raster{grid-template-rows:auto;grid-template-areas:"a" "b" "c" "d" "e" "f" "g"}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/wb-bild-raster.css.map */