/* Text u. Bilder */ /* ############################################################################################################################################################################## */ .sits_textpic{display:block; width:100%;} .sits_textpic.nowrap{display:flex;} .sits_textpic.nowrap.horizontal_right{flex-direction:row-reverse;} .ce-headline-left { text-align: left; } .ce-headline-center , .text-center{ text-align: center; } .ce-headline-right { text-align: right; } @media (max-width:599px){ .sits_textpic.nowrap{display:block;} } /* ############################################################################################################################################################################## */ /* ENDE -> Text u. Bilder */ /* Bildergallerien */ /* ############################################################################################################################################################################## */ /* Struktur */ /* ============================================================================================================ */ /* Above / Below- */ /* -------------------------------------------------------------------- */ .sits_imgGallery{display:flex; margin:0 -5px; flex-wrap:wrap;} .sits_imgGallery[data-count="5"], .sits_imgGallery[data-count="6"], .sits_imgGallery[data-count="7"], .sits_imgGallery[data-count="8"], .vertical_intext .sits_imgGallery{margin:0 -3px;} .horizontal_left .sits_imgGallery, .ce-left .sits_imgGallery{text-align:left; justify-content:flex-start;} .horizontal_center .sits_imgGallery, .ce-center .sits_imgGallery{text-align:center; justify-content: center;} .horizontal_right .sits_imgGallery, .ce-right .sits_imgGallery{text-align:right; justify-content:flex-end;} .vertical_below .sits_imgGallery{padding-top:10px;} /* -------------------------------------------------------------------- */ /* Intext (float) */ /* -------------------------------------------------------------------- */ .vertical_intext::after{content:''; display:block; clear:both;} .vertical_intext > .sits_imgGallery{float:left;max-width:50%;padding-bottom:40px;} .vertical_intext.horizontal_right > .sits_imgGallery{float:right;padding-left: 40px;} .vertical_intext.horizontal_left > .sits_imgGallery{padding-right: 40px;} /* -------------------------------------------------------------------- */ /* Nowrap (flex) */ /* -------------------------------------------------------------------- */ .vertical_intext.nowrap > .sits_imgGallery{flex:0 0 auto; float:none; padding-bottom:0;} .vertical_intext.nowrap > .sits_textpicBodytext{flex:1 1 auto;} .vertical_intext.nowrap > .sits_imgGallery .sits_imgGalleryInner > div{display:flex; width:100%; flex-wrap:wrap;} /* -------------------------------------------------------------------- */ /* ============================================================================================================ */ /* ENDE -> Struktur */ /* Items */ /* ============================================================================================================ */ /* Normale Items */ /* -------------------------------------------------------------------- */ .sits_imgGalleryItem{flex:0 0 auto;margin:0 5px 10px 5px;transition:all 300ms;max-width: 100%;} .frame-galleryhover .sits_imgGalleryItem, .frame-gallerynoshadow .sits_imgGalleryItem{box-shadow:none;} .sits_imgGallery[data-count="1"]{display:block; margin:0;} .sits_imgGallery[data-count="1"] .sits_imgGalleryItem{margin:0 0 10px 0; display:inline-block;} .sits_imgGallery[data-count="2"] .sits_imgGalleryItem{max-width:calc(50% - 10px);} .sits_imgGallery[data-count="3"] .sits_imgGalleryItem{max-width:calc(33.333% - 10px);} .sits_imgGallery[data-count="4"] .sits_imgGalleryItem{max-width:calc(25% - 10px);} .sits_imgGallery[data-count="5"] .sits_imgGalleryItem{max-width:calc(20% - 6px); margin:0 3px 6px 3px;} .sits_imgGallery[data-count="6"] .sits_imgGalleryItem{max-width:calc(16.666% - 6px); margin:0 3px 6px 3px;} .sits_imgGallery[data-count="7"] .sits_imgGalleryItem{max-width:calc(14.285% - 6px); margin:0 3px 6px 3px;} .sits_imgGallery[data-count="8"] .sits_imgGalleryItem{max-width:calc(12.5% - 6px); margin:0 3px 6px 3px;} /* -------------------------------------------------------------------- */ /* Intext-items */ /* -------------------------------------------------------------------- */ .vertical_intext > .sits_imgGallery .sits_imgGalleryItem{margin:0 3px 6px 3px;} .vertical_intext > .sits_imgGallery[data-count="1"] .sits_imgGalleryItem{margin: 0;display:inline-block;} .vertical_intext > .sits_imgGallery[data-count="2"] .sits_imgGalleryItem{max-width:calc(50% - 6px);} .vertical_intext > .sits_imgGallery[data-count="3"] .sits_imgGalleryItem{max-width:calc(33.333% - 6px);} .vertical_intext > .sits_imgGallery[data-count="4"] .sits_imgGalleryItem{max-width:calc(25% - 6px);} .vertical_intext > .sits_imgGallery[data-count="5"] .sits_imgGalleryItem{max-width:calc(25% - 6px);} .vertical_intext > .sits_imgGallery[data-count="6"] .sits_imgGalleryItem{max-width:calc(25% - 6px);} .vertical_intext > .sits_imgGallery[data-count="7"] .sits_imgGalleryItem{max-width:calc(25% - 6px);} .vertical_intext > .sits_imgGallery[data-count="8"] .sits_imgGalleryItem{max-width:calc(25% - 6px);} /* -------------------------------------------------------------------- */ /* Zoom (Enlarge in Click) und Border */ /* -------------------------------------------------------------------- */ .imgZoom .sits_imgGalleryItem figure{transition:all 300ms;} /*.imgZoom .sits_imgGalleryItem:hover figure{transform: scale(1.04) rotate(-0.5deg);box-shadow: 0 3px 12px -4px #333;} .imgZoom .sits_imgGalleryItem:nth-child(2n):hover figure{transform: scale(1.04) rotate(0.5deg);} */ .imgBorder .sits_imgGalleryItem{display:flex; justify-content:center; align-items:center; border:1px solid #ccc;} .imgBorder .sits_imgGalleryItem > figure{flex:0 0 100%;} /* .imgBorder.imgZoom .sits_imgGalleryItem:hover figure{transform:none;box-shadow:none;} .imgBorder.imgZoom .sits_imgGalleryItem:nth-child(2n):hover figure{transform: none;} .imgBorder.imgZoom .sits_imgGalleryItem:hover{transform: scale(1.04) rotate(-0.5deg);box-shadow: 0 3px 12px -4px #333;} .imgBorder.imgZoom .sits_imgGalleryItem:nth-child(2n):hover{transform: scale(1.04) rotate(0.5deg);} */ /* -------------------------------------------------------------------- */ /* ============================================================================================================ */ /* ENDE -> Items */ @media (max-width:979px){ /* Normale Items */ /* -------------------------------------------------------------------- */ .sits_imgGallery[data-count="7"] .sits_imgGalleryItem{max-width:calc(16.666% - 6px);} .sits_imgGallery[data-count="8"] .sits_imgGalleryItem{max-width:calc(16.666% - 6px);} /* -------------------------------------------------------------------- */ /* Intext-items */ /* -------------------------------------------------------------------- */ .vertical_intext > .sits_imgGallery[data-count="3"] .sits_imgGalleryItem{max-width:calc(33.333% - 6px);} .vertical_intext > .sits_imgGallery[data-count="4"] .sits_imgGalleryItem{max-width:calc(33.333% - 6px);} .vertical_intext > .sits_imgGallery[data-count="5"] .sits_imgGalleryItem{max-width:calc(33.333% - 6px);} .vertical_intext > .sits_imgGallery[data-count="6"] .sits_imgGalleryItem{max-width:calc(33.333% - 6px);} .vertical_intext > .sits_imgGallery[data-count="7"] .sits_imgGalleryItem{max-width:calc(33.333% - 6px);} .vertical_intext > .sits_imgGallery[data-count="8"] .sits_imgGalleryItem{max-width:calc(33.333% - 6px);} /* -------------------------------------------------------------------- */ } @media (max-width:799px){ .sits_imgGallery[data-count="6"] .sits_imgGalleryItem{max-width:calc(20% - 6px);} .sits_imgGallery[data-count="7"] .sits_imgGalleryItem{max-width:calc(20% - 6px);} .sits_imgGallery[data-count="8"] .sits_imgGalleryItem{max-width:calc(20% - 6px);} .vertical_intext > .sits_imgGallery[data-count="3"] .sits_imgGalleryItem{max-width:calc(50% - 6px);} .vertical_intext > .sits_imgGallery[data-count="4"] .sits_imgGalleryItem{max-width:calc(50% - 6px);} .vertical_intext > .sits_imgGallery[data-count="5"] .sits_imgGalleryItem{max-width:calc(50% - 6px);} .vertical_intext > .sits_imgGallery[data-count="6"] .sits_imgGalleryItem{max-width:calc(50% - 6px);} .vertical_intext > .sits_imgGallery[data-count="7"] .sits_imgGalleryItem{max-width:calc(50% - 6px);} .vertical_intext > .sits_imgGallery[data-count="8"] .sits_imgGalleryItem{max-width:calc(50% - 6px);} } @media (max-width:699px){ .sits_imgGallery{margin:0 -3px;} .sits_imgGalleryItem{margin: 0 3px 6px 3px;} .sits_imgGallery[data-count="1"] .sits_imgGalleryItem{margin:0 0 6px 0; display:inline-block;} .vertical_intext > .sits_imgGallery[data-count="1"] .sits_imgGalleryItem{margin:15px 0;} .sits_imgGallery[data-count="2"] .sits_imgGalleryItem{max-width:calc(50% - 6px);} .sits_imgGallery[data-count="3"] .sits_imgGalleryItem{max-width:calc(33.333% - 6px);} .sits_imgGallery[data-count="4"] .sits_imgGalleryItem{max-width:calc(25% - 6px);} .sits_imgGallery[data-count="5"] .sits_imgGalleryItem{max-width:calc(25% - 6px);} .sits_imgGallery[data-count="6"] .sits_imgGalleryItem{max-width:calc(25% - 6px);} .sits_imgGallery[data-count="7"] .sits_imgGalleryItem{max-width:calc(25% - 6px);} .sits_imgGallery[data-count="8"] .sits_imgGalleryItem{max-width:calc(25% - 6px);} } @media (max-width:599px){ .vertical_intext.horizontal_left > .sits_imgGallery, .vertical_intext.horizontal_right > .sits_imgGallery{padding-left:0;padding-right:0;max-width: unset;max-width: initial;} .sits_imgGallery[data-count="3"] .sits_imgGalleryItem{max-width:calc(33.333% - 6px);} .sits_imgGallery[data-count="4"] .sits_imgGalleryItem{max-width:calc(33.333% - 6px);} .sits_imgGallery[data-count="5"] .sits_imgGalleryItem{max-width:calc(33.333% - 6px);} .sits_imgGallery[data-count="6"] .sits_imgGalleryItem{max-width:calc(33.333% - 6px);} .sits_imgGallery[data-count="7"] .sits_imgGalleryItem{max-width:calc(33.333% - 6px);} .sits_imgGallery[data-count="8"] .sits_imgGalleryItem{max-width:calc(33.333% - 6px);} .vertical_intext > .sits_imgGallery[data-count="3"] .sits_imgGalleryItem{max-width:calc(33.333% - 6px);} .vertical_intext > .sits_imgGallery[data-count="4"] .sits_imgGalleryItem{max-width:calc(33.333% - 6px);} .vertical_intext > .sits_imgGallery[data-count="5"] .sits_imgGalleryItem{max-width:calc(33.333% - 6px);} .vertical_intext > .sits_imgGallery[data-count="6"] .sits_imgGalleryItem{max-width:calc(33.333% - 6px);} .vertical_intext > .sits_imgGallery[data-count="7"] .sits_imgGalleryItem{max-width:calc(33.333% - 6px);} .vertical_intext > .sits_imgGallery[data-count="8"] .sits_imgGalleryItem{max-width:calc(33.333% - 6px);} } @media (max-width:499px){ .sits_imgGallery[data-count="3"] .sits_imgGalleryItem{max-width:calc(50% - 6px);} .sits_imgGallery[data-count="4"] .sits_imgGalleryItem{max-width:calc(50% - 6px);} .sits_imgGallery[data-count="5"] .sits_imgGalleryItem{max-width:calc(50% - 6px);} .sits_imgGallery[data-count="6"] .sits_imgGalleryItem{max-width:calc(50% - 6px);} .sits_imgGallery[data-count="7"] .sits_imgGalleryItem{max-width:calc(50% - 6px);} .sits_imgGallery[data-count="8"] .sits_imgGalleryItem{max-width:calc(50% - 6px);} .vertical_intext > .sits_imgGallery[data-count="3"] .sits_imgGalleryItem{max-width:calc(50% - 6px);} .vertical_intext > .sits_imgGallery[data-count="4"] .sits_imgGalleryItem{max-width:calc(50% - 6px);} .vertical_intext > .sits_imgGallery[data-count="5"] .sits_imgGalleryItem{max-width:calc(50% - 6px);} .vertical_intext > .sits_imgGallery[data-count="6"] .sits_imgGalleryItem{max-width:calc(50% - 6px);} .vertical_intext > .sits_imgGallery[data-count="7"] .sits_imgGalleryItem{max-width:calc(50% - 6px);} .vertical_intext > .sits_imgGallery[data-count="8"] .sits_imgGalleryItem{max-width:calc(50% - 6px);} } @media (max-width:399px){ .sits_imgGallery[data-count="2"] .sits_imgGalleryItem{max-width:calc(100% - 6px);} .sits_imgGallery[data-count="3"] .sits_imgGalleryItem{max-width:calc(100% - 6px);} .sits_imgGallery[data-count="4"] .sits_imgGalleryItem{max-width:calc(100% - 6px);} .sits_imgGallery[data-count="5"] .sits_imgGalleryItem{max-width:calc(100% - 6px);} .sits_imgGallery[data-count="6"] .sits_imgGalleryItem{max-width:calc(100% - 6px);} .sits_imgGallery[data-count="7"] .sits_imgGalleryItem{max-width:calc(100% - 6px);} .sits_imgGallery[data-count="8"] .sits_imgGalleryItem{max-width:calc(100% - 6px);} .vertical_intext > .sits_imgGallery[data-count="2"] .sits_imgGalleryItem{max-width:calc(100% - 6px);} .vertical_intext > .sits_imgGallery[data-count="3"] .sits_imgGalleryItem{max-width:calc(100% - 6px);} .vertical_intext > .sits_imgGallery[data-count="4"] .sits_imgGalleryItem{max-width:calc(100% - 6px);} .vertical_intext > .sits_imgGallery[data-count="5"] .sits_imgGalleryItem{max-width:calc(100% - 6px);} .vertical_intext > .sits_imgGallery[data-count="6"] .sits_imgGalleryItem{max-width:calc(100% - 6px);} .vertical_intext > .sits_imgGallery[data-count="7"] .sits_imgGalleryItem{max-width:calc(100% - 6px);} .vertical_intext > .sits_imgGallery[data-count="8"] .sits_imgGalleryItem{max-width:calc(100% - 6px);} } /* ############################################################################################################################################################################## */ /* ENDE -> Bildergallerien */ /* SimpleLightbox css */ /* ############################################################################################################################################################################## */ .slbOverlay,.slbWrapOuter,.slbWrap{position:fixed;top:0;right:0;bottom:0;left:0}.slbOverlay{overflow:hidden;z-index:2000;background-color:#fff;opacity:0.7;-webkit-animation:slbOverlay 0.5s;-moz-animation:slbOverlay 0.5s;animation:slbOverlay 0.5s}.slbWrapOuter{overflow-x:hidden;overflow-y:auto;z-index:2010}.slbWrap{position:absolute;text-align:center}.slbWrap:before{content:"";display:inline-block;height:100%;vertical-align:middle}.slbContentOuter{position:relative;display:inline-block;vertical-align:middle;margin:0px auto;padding:0 1em;box-sizing:border-box;z-index:2020;text-align:left;max-width:100%}.slbContentEl .slbContentOuter{padding:5em 1em}.slbContent{position:relative}.slbContentEl .slbContent{-webkit-animation:slbEnter 0.3s;-moz-animation:slbEnter 0.3s;animation:slbEnter 0.3s;background-color:#fff;box-shadow:0 0.2em 1em rgba(0,0,0,0.4)}.slbImageWrap{-webkit-animation:slbEnter 0.3s;-moz-animation:slbEnter 0.3s;animation:slbEnter 0.3s;position:relative}.slbImageWrap:after{content:"";position:absolute;left:0;right:0;top:5em;bottom:5em;display:block;z-index:-1;box-shadow:0 0.2em 1em rgba(0,0,0,0.6);background-color:#FFF}.slbDirectionNext .slbImageWrap{-webkit-animation:slbEnterNext 0.4s;-moz-animation:slbEnterNext 0.4s;animation:slbEnterNext 0.4s}.slbDirectionPrev .slbImageWrap{-webkit-animation:slbEnterPrev 0.4s;-moz-animation:slbEnterPrev 0.4s;animation:slbEnterPrev 0.4s}.slbImage{width:auto;max-width:100%;height:auto;display:block;line-height:0;box-sizing:border-box;padding:5em 0;margin:0 auto}.slbCaption{display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;font-size:1.4em;position:absolute;left:0;right:0;bottom:0;padding:.71429em 0;color:#000;color:rgba(0,0,0,0.7);text-align:center}.slbCloseBtn,.slbArrow{margin:0;padding:0;border:0;cursor:pointer;background:none}.slbCloseBtn::-moz-focus-inner,.slbArrow::-moz-focus-inner{padding:0;border:0}.slbCloseBtn:hover,.slbArrow:hover{}.slbCloseBtn:active,.slbArrow:active{opacity:0.8}.slbCloseBtn{-webkit-animation:slbEnter 0.3s;-moz-animation:slbEnter 0.3s;animation:slbEnter 0.3s;font-size:3em;width:1.66667em;height:1.66667em;line-height:1.66667em;position:absolute;right:-.33333em;top:0;color:#000;color:#008cde;text-align:center}.slbLoading .slbCloseBtn{display:none}.slbLoadingText{font-size:1.4em;color:#008cde;color:rgba(255,255,255,0.9)}.slbArrows{position:fixed;top:50%;left:0;right:0}.slbLoading .slbArrows{display:none}.slbArrow{position:absolute;top:50%;margin-top:-5em;width:5em;height:10em;text-indent:-999em;overflow:hidden;}.slbArrow:before{content:"";position:absolute;top:50%;left:50%;margin:-.8em 0 0 -.8em;border:.8em solid transparent}.slbArrow.next{right:0}.slbArrow.next:before{border-left-color: #008cde;}.slbArrow.prev{left:0}.slbArrow.prev:before{border-right-color: #008cde;}.slbIframeCont{width:80em;height:0;overflow:hidden;padding-top:56.25%;margin:5em 0}.slbIframe{position:absolute;top:0;left:0;width:100%;height:100%;box-shadow:0 0.2em 1em rgba(0,0,0,0.6);background:#000}@-webkit-keyframes slbOverlay{from{opacity:0}to{opacity:0.7}}@-moz-keyframes slbOverlay{from{opacity:0}to{opacity:0.7}}@keyframes slbOverlay{from{opacity:0}to{opacity:0.7}}@-webkit-keyframes slbEnter{from{opacity:0;-webkit-transform:translate3d(0, -1em, 0)}to{opacity:1;-webkit-transform:translate3d(0, 0, 0)}}@-moz-keyframes slbEnter{from{opacity:0;-moz-transform:translate3d(0, -1em, 0)}to{opacity:1;-moz-transform:translate3d(0, 0, 0)}}@keyframes slbEnter{from{opacity:0;-webkit-transform:translate3d(0, -1em, 0);-moz-transform:translate3d(0, -1em, 0);-ms-transform:translate3d(0, -1em, 0);-o-transform:translate3d(0, -1em, 0);transform:translate3d(0, -1em, 0)}to{opacity:1;-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);-o-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}@-webkit-keyframes slbEnterNext{from{opacity:0;-webkit-transform:translate3d(4em, 0, 0)}to{opacity:1;-webkit-transform:translate3d(0, 0, 0)}}@-moz-keyframes slbEnterNext{from{opacity:0;-moz-transform:translate3d(4em, 0, 0)}to{opacity:1;-moz-transform:translate3d(0, 0, 0)}}@keyframes slbEnterNext{from{opacity:0;-webkit-transform:translate3d(4em, 0, 0);-moz-transform:translate3d(4em, 0, 0);-ms-transform:translate3d(4em, 0, 0);-o-transform:translate3d(4em, 0, 0);transform:translate3d(4em, 0, 0)}to{opacity:1;-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);-o-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}@-webkit-keyframes slbEnterPrev{from{opacity:0;-webkit-transform:translate3d(-4em, 0, 0)}to{opacity:1;-webkit-transform:translate3d(0, 0, 0)}}@-moz-keyframes slbEnterPrev{from{opacity:0;-moz-transform:translate3d(-4em, 0, 0)}to{opacity:1;-moz-transform:translate3d(0, 0, 0)}}@keyframes slbEnterPrev{from{opacity:0;-webkit-transform:translate3d(-4em, 0, 0);-moz-transform:translate3d(-4em, 0, 0);-ms-transform:translate3d(-4em, 0, 0);-o-transform:translate3d(-4em, 0, 0);transform:translate3d(-4em, 0, 0)}to{opacity:1;-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);-o-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}} /* ############################################################################################################################################################################## */