/* res_id: 673967abed2947dffb79a373272aa0b8 */ @charset "utf-8"; /* CSS Document for HPBO */ /* Fonts */ @import url('fonts/hpbo/stylesheet.css'); @import url('fonts/hpbo/fontawesome-free-5.15.4-web/css/all.min.css'); /* Vorgaben */ :root { --col-primary: #FFF; /* globale 1. Projektfarbe */ --col-primary-text: #333; /* Textfarbe */ --col-secondary: #EFEFEF; /* globale 2. Projektfarbe */ --col-secondary-text: #333; /* Textfarbe */ --col-text: #333; /* globale Schriftfarbe */ --col-light: #FFF; /* für Basis-Farbset (z.B. Gridblock) */ --col-dark: #222; /* für Basis-Farbset (z.B. Gridblock) */ --col-overlay: rgba(0,0,0, 0.75); /* für Lightbox-Overlays */ --font-header: 'Poppins', sans-serif; /* globale Schriftart für Überschriften */ --font-text: 'Noto Sans', sans-serif; /* globale Schriftart für Texte */ --fontsize-text: 1.15rem; /* globale Basis-Schriftgröße für Text */ --fontsize-header: clamp(27px, 4vw, 3.05rem); /* globale Schriftgröße für Header-liked Texte */ --fontsize-title: clamp(27px, 4vw, 2.4rem); /* globale Schriftgröße für Modul-Titel */ --margin-xs: 1px; --margin-sm: 10px; --margin-md: 30px; --margin-lg: 50px; --margin-xl: 100px; --margin-neg-xs: -10px; --margin-neg-sm: -20px; --margin-neg-md: -40px; --margin-neg-lg: -60px; --margin-neg-xl: -80px; --padding-sm: 20px; --padding-md: 40px; --padding-lg: 70px; --padding-xl: 100px; --padding-smp: 3%; --padding-mdp: 7%; --padding-lgp: 11%; --padding-xlp: 15%; --borderRadius-xs: 4px; --borderRadius-sm: 9px; --borderRadius-md: 15px; --borderRadius-lg: 20px; --gap-xs: 1px; --gap-sm: 10px; --gap-md: 30px; --gap-lg: 50px; --gap-xl: 100px; --transform: skewY(0deg); --margin-divisor: 1; --padding-divisor: 1; --overlay-opacity: 1; --filter-grey: grayscale(1); --filter-blur: blur(3px); --filter-greyblur: grayscale(1) blur(3px); --fx-liftup-transf: translateY(-7px); --fx-liftup-shadow: rgba(50, 50, 93, 0.25) 0px 30px 60px -12px, rgba(0, 0, 0, 0.3) 0px 18px 36px -18px; --fx-scaleup: scale(1.07); --scroll-margin-top: 150px; /* projektspezifische Zusatzangaben */ /*--p-col-primary: rgb(7,52,45);*/ } /* globale Klassen für Gridblock + Module */ .pdT-15px { padding-top: 15px; } .pdB-15px { padding-bottom: 15px; } .pdH-15px { padding-left: 15px; padding-right: 15px; } .pdT-sm { padding-top: var(--padding-sm); } .pdT-md { padding-top: var(--padding-md); } .pdT-lg { padding-top: var(--padding-lg); } .pdT-xl { padding-top: var(--padding-xl); } .pdT-smp { padding-top: var(--padding-smp); } .pdT-mdp { padding-top: var(--padding-mdp); } .pdT-lgp { padding-top: var(--padding-lgp); } .pdT-xlp { padding-top: var(--padding-xlp); } .pdB-sm { padding-bottom: var(--padding-sm); } .pdB-md { padding-bottom: var(--padding-md); } .pdB-lg { padding-bottom: var(--padding-lg); } .pdB-xl { padding-bottom: var(--padding-xl); } .pdB-smp { padding-bottom: var(--padding-smp); } .pdB-mdp { padding-bottom: var(--padding-mdp); } .pdB-lgp { padding-bottom: var(--padding-lgp); } .pdB-xlp { padding-bottom: var(--padding-xlp); } .pdH-sm { padding-left: var(--padding-sm); padding-right: var(--padding-sm); } .pdH-md { padding-left: var(--padding-md); padding-right: var(--padding-md); } .pdH-lg { padding-left: var(--padding-lg); padding-right: var(--padding-lg); } .pdH-xl { padding-left: var(--padding-xl); padding-right: var(--padding-xl); } .pdH-smp { padding-left: var(--padding-smp); padding-right: var(--padding-smp); } .pdH-mdp { padding-left: var(--padding-mdp); padding-right: var(--padding-mdp); } .pdH-lgp { padding-left: var(--padding-lgp); padding-right: var(--padding-lgp); } .pdH-xlp { padding-left: var(--padding-xlp); padding-right: var(--padding-xlp); } .pdM-12 { --padding-divisor: 0.5 !important; } .pdM-14 { --padding-divisor: 0.25 !important; } .pdM-34 { --padding-divisor: 0.75 !important; } .mgM-12 { --margin-divisor: 0.5 !important; } .mgM-14 { --margin-divisor: 0.25 !important; } .mgM-34 { --margin-divisor: 0.75 !important; } .mgT-xs:not(.mgOnlyMobile) { margin-top: var(--margin-xs) !important; } .mgT-sm:not(.mgOnlyMobile) { margin-top: var(--margin-sm) !important; } .mgT-md:not(.mgOnlyMobile) { margin-top: var(--margin-md) !important; } .mgT-lg:not(.mgOnlyMobile) { margin-top: var(--margin-lg) !important; } .mgT-xl:not(.mgOnlyMobile) { margin-top: var(--margin-xl) !important; } .mgB-xs:not(.mgOnlyMobile) { margin-bottom: var(--margin-xs) !important; } .mgB-sm:not(.mgOnlyMobile) { margin-bottom: var(--margin-sm) !important; } .mgB-md:not(.mgOnlyMobile) { margin-bottom: var(--margin-md) !important; } .mgB-lg:not(.mgOnlyMobile) { margin-bottom: var(--margin-lg) !important; } .mgB-xl:not(.mgOnlyMobile) { margin-bottom: var(--margin-xl) !important; } .mgNT-xs:not(.mgOnlyMobile) { margin-top: var(--margin-neg-xs) !important; } .mgNT-sm:not(.mgOnlyMobile) { margin-top: var(--margin-neg-sm) !important; } .mgNT-md:not(.mgOnlyMobile) { margin-top: var(--margin-neg-md) !important; } .mgNT-lg:not(.mgOnlyMobile) { margin-top: var(--margin-neg-lg) !important; } .mgNT-xl:not(.mgOnlyMobile) { margin-top: var(--margin-neg-xl) !important; } .mgNB-xs:not(.mgOnlyMobile) { margin-bottom: var(--margin-neg-xs) !important; } .mgNB-sm:not(.mgOnlyMobile) { margin-bottom: var(--margin-neg-sm) !important; } .mgNB-md:not(.mgOnlyMobile) { margin-bottom: var(--margin-neg-md) !important; } .mgNB-lg:not(.mgOnlyMobile) { margin-bottom: var(--margin-neg-lg) !important; } .mgNB-xl:not(.mgOnlyMobile) { margin-bottom: var(--margin-neg-xl) !important; } .bgCol-primary { background-color: var(--col-primary); } .bgCol-secondary { background-color: var(--col-secondary); } .bgCol-accent { background-color: var(--col-accent); } .bgFill-cover { background-size: cover; background-repeat: no-repeat; } .bgFill-contain { background-size: contain; background-repeat: no-repeat; } .bgFill-repeat { background-repeat: repeat; } .bgFill-repeatX { background-repeat: repeat-x; } .bgFill-repeatY { background-repeat: repeat-y; } .bgAlign-cc { background-position: center center; } .bgAlign-lt { background-position: left top; } .bgAlign-rt { background-position: right top; } .bgAlign-rb { background-position: right bottom; } .bgAlign-lb { background-position: left bottom; } .bgAlign-ct { background-position: center top; } .bgAlign-cr { background-position: center right; } .bgAlign-cb { background-position: center bottom; } .bgAlign-cl { background-position: center left; } .bgSkewY-smb { --transform: skewY(2deg); transform: var(--transform); } .bgSkewY-smb > div { transform: skewY(-2deg); } .bgSkewY-mdb { --transform: skewY(5deg); transform: var(--transform); } .bgSkewY-mdb > div { transform: skewY(-5deg); } .bgSkewY-lgb { --transform: skewY(8deg); transform: var(--transform); } .bgSkewY-lgb > div { transform: skewY(-8deg); } .bgSkewY-smt { --transform: skewY(-2deg); transform: var(--transform); } .bgSkewY-smt > div { transform: skewY(2deg); } .bgSkewY-mdt { --transform: skewY(-5deg); transform: var(--transform); } .bgSkewY-mdt > div { transform: skewY(5deg); } .bgSkewY-lgt { --transform: skewY(-8deg); transform: var(--transform); } .bgSkewY-lgt > div { transform: skewY(8deg); } .bgTrOr-left { transform-origin: left; } .bgTrOr-right { transform-origin: right; } .bgOlay-dark:after, .bgOlay-light:after, .bgOlay-vigdark:after, .bgOlay-viglight:after, .bgOlay-dotdark:after, .bgOlay-dotlight:after, .bgOlay-linesdark:after, .bgOlay-lineslight:after, .bgOlay-diagdark:after, .bgOlay-diaglight:after { content: ''; position: absolute; z-index: 1; width: 100%; height: 100%; top: 0px; left: 0px; opacity: calc(var(--overlay-opacity) / 100); } .bgOlay-dark:after { background: rgba(0,0,0, 1); } .bgOlay-light:after { background: rgba(255,255,255, 1); } .bgOlay-vigdark:after { background: radial-gradient(transparent 60%, rgba(0,0,0, 1)); } .bgOlay-viglight:after { background: radial-gradient(transparent 60%, rgba(255,255,255, 1)); } .bgOlay-dotdark:after { background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGAQMAAADaAn0LAAAABGdBTUEAALGPC/xhBQAAAAZQTFRFAAAAAAAApWe5zwAAAAF0Uk5TAEDm2GYAAAAPSURBVAjXY2AAAgMgBAIAAkwAYT8MS18AAAAASUVORK5CYII=') repeat; } .bgOlay-dotlight:after { background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGAQMAAADaAn0LAAAABGdBTUEAALGPC/xhBQAAAAZQTFRFAAAA////pdmf3QAAAAF0Uk5TAEDm2GYAAAAPSURBVAjXY2AAAgMgBAIAAkwAYT8MS18AAAAASUVORK5CYII=') repeat; } .bgOlay-linesdark:after { background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFAgMAAADwAc52AAAABGdBTUEAALGPC/xhBQAAAAlQTFRFAAAAAAAAAAAAg2PpwAAAAAJ0Uk5TgABNEFVzAAAAFElEQVQI12MIdWAAolUNDEAQ6gAAF9YC6ok5McwAAAAASUVORK5CYII=') repeat; } .bgOlay-lineslight:after { background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFAgMAAADwAc52AAAABGdBTUEAALGPC/xhBQAAAAlQTFRF////AAAA////fu+PTwAAAAJ0Uk5TgABNEFVzAAAAFElEQVQI12MIdWAAolUNDEAQ6gAAF9YC6ok5McwAAAAASUVORK5CYII=') repeat; } .bgOlay-diagdark:after { background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFAQMAAAC3obSmAAAABGdBTUEAALGPC/xhBQAAAAZQTFRFAAAAAAAApWe5zwAAAAF0Uk5TAEDm2GYAAAASSURBVAjXY2hg4GAQYFBgcAAABbIA+Zl88MsAAAAASUVORK5CYII=') repeat; } .bgOlay-diaglight:after { background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFAQMAAAC3obSmAAAABGdBTUEAALGPC/xhBQAAAAZQTFRFAAAA////pdmf3QAAAAF0Uk5TAEDm2GYAAAASSURBVAjXY2hg4GAQYFBgcAAABbIA+Zl88MsAAAAASUVORK5CYII=') repeat; } .shadow-dh { -webkit-box-shadow: 6px 6px 3px 0 rgba(0,0,0,0.4); box-shadow: 6px 6px 3px 0 rgba(0,0,0,0.4); } /* schlag hart */ .shadow-dm { -webkit-box-shadow: 7px 7px 9px 0 rgba(0,0,0,0.4); box-shadow: 7px 7px 9px 0 rgba(0,0,0,0.4); } /* schlag mittel */ .shadow-ds { -webkit-box-shadow: 10px 10px 20px 0 rgba(0,0,0,0.4); box-shadow: 10px 10px 20px 0 rgba(0,0,0,0.4); } /* schlag soft */ .shadow-gs { -webkit-box-shadow: 0 0 20px 0 rgba(0,0,0,0.25); box-shadow: 0 0 20px 0 rgba(0,0,0,0.25); } /* glühen klein */ .shadow-gm { -webkit-box-shadow: 0 0 32px 0 rgba(0,0,0,0.33); box-shadow: 0 0 32px 0 rgba(0,0,0,0.33); } /* glühen mittel */ .shadow-gl { -webkit-box-shadow: 0 0 50px 2px rgba(0,0,0,0.4); box-shadow: 0 0 50px 2px rgba(0,0,0,0.4); } /* glühen groß */ .shadow-is { -webkit-box-shadow: inset 0 0 20px 0 rgba(0,0,0,0.4); box-shadow: inset 0 0 20px 0 rgba(0,0,0,0.4); } /* inline klein */ .shadow-im { -webkit-box-shadow: inset 0 0 32px 0 rgba(0,0,0,0.4); box-shadow: inset 0 0 32px 0 rgba(0,0,0,0.4); } /* inline mittel */ .shadow-il { -webkit-box-shadow: inset 0 0 40px 2px rgba(0,0,0,0.5); box-shadow: inset 0 0 40px 2px rgba(0,0,0,0.5); } /* inline groß */ .shadow-rs { -webkit-box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 20px -20px; box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 20px -20px; } /* angehoben klein */ .shadow-rm { -webkit-box-shadow: rgba(0, 0, 0, 0.25) 0px 14px 28px, rgba(0, 0, 0, 0.22) 0px 10px 10px; box-shadow: rgba(0, 0, 0, 0.25) 0px 14px 28px, rgba(0, 0, 0, 0.22) 0px 10px 10px; } /* angehoben mittel */ .shadow-rl { -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0px 19px 38px, rgba(0, 0, 0, 0.22) 0px 15px 12px; box-shadow: rgba(0, 0, 0, 0.3) 0px 19px 38px, rgba(0, 0, 0, 0.22) 0px 15px 12px; } /* angehoben groß */ .shadow-ft { box-shadow: -10px -10px 0px 0px rgba(0,0,0, 0.38); } /* gerahmt oben */ .shadow-fb { box-shadow: 10px 10px 0px 0px rgba(0,0,0, 0.38); } /* gerahmt unten */ .shadow-fa { box-shadow: 0px 6px 0px 10px rgba(0,0,0, 0.38); } /* gerahmt rundum */ .shadow-ss { box-shadow: -18px 0px 10px -17px rgba(0,0,0, 0.38), 18px 0px 10px -17px rgba(0,0,0, 0.38); } /* seiten klein */ .shadow-sm { box-shadow: -24px 0px 13px -17px rgba(0,0,0, 0.38), 24px 0px 13px -17px rgba(0,0,0, 0.38); } /* seiten mittel */ .shadow-sl { box-shadow: -30px 0px 15px -17px rgba(0,0,0, 0.38), 30px 0px 15px -17px rgba(0,0,0, 0.38); } /* seiten groß */ .bRadius.bRadius-50p, .gridblock .bRadius.bRadius-50p:after, .gridblock .bRadius.bRadius-50p > .farallax-wrapper { -webkit-border-radius: 50%; border-radius: 50%; } .bRadius.bRadius-xs, .gridblock .bRadius.bRadius-xs:after, .gridblock .bRadius.bRadius-xs > .farallax-wrapper { -webkit-border-radius: var(--borderRadius-xs); border-radius: var(--borderRadius-xs); } .bRadius.bRadius-sm, .gridblock .bRadius.bRadius-sm:after, .gridblock .bRadius.bRadius-sm > .farallax-wrapper { -webkit-border-radius: var(--borderRadius-sm); border-radius: var(--borderRadius-sm); } .bRadius.bRadius-md, .gridblock .bRadius.bRadius-md:after, .gridblock .bRadius.bRadius-md > .farallax-wrapper { -webkit-border-radius: var(--borderRadius-md); border-radius: var(--borderRadius-md); } .bRadius.bRadius-lg, .gridblock .bRadius.bRadius-lg:after, .gridblock .bRadius.bRadius-lg > .farallax-wrapper { -webkit-border-radius: var(--borderRadius-lg); border-radius: var(--borderRadius-lg); } .bRadius.bRadiusTL-none, .gridblock .bRadius.bRadiusTL-none:after, .gridblock .bRadius.bRadiusTL-none > .farallax-wrapper { -webkit-border-top-left-radius: 0px !important; border-top-left-radius: 0px !important; } .bRadius.bRadiusTR-none, .gridblock .bRadius.bRadiusTR-none:after, .gridblock .bRadius.bRadiusTR-none > .farallax-wrapper { -webkit-border-top-right-radius: 0px !important; border-top-right-radius: 0px !important; } .bRadius.bRadiusBL-none, .gridblock .bRadius.bRadiusBL-none:after, .gridblock .bRadius.bRadiusBL-none > .farallax-wrapper { -webkit-border-bottom-left-radius: 0px !important; border-bottom-left-radius: 0px !important; } .bRadius.bRadiusBR-none, .gridblock .bRadius.bRadiusBR-none:after, .gridblock .bRadius.bRadiusBR-none > .farallax-wrapper { -webkit-border-bottom-right-radius: 0px !important; border-bottom-right-radius: 0px !important; } /* für Abwärtskompatibilität + Inhaltsmodule */ .bRadius.bRadius-ltrt, .gridblock .bRadius.bRadius-ltrt:after, .gridblock .bRadius.bRadius-ltrt > .farallax-wrapper { -webkit-border-bottom-left-radius: 0px; -webkit-border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; } .bRadius.bRadius-lbrb, .gridblock .bRadius.bRadius-lbrb:after, .gridblock .bRadius.bRadius-lbrb > .farallax-wrapper { -webkit-border-top-left-radius: 0px; -webkit-border-top-right-radius: 0px; border-top-left-radius: 0px; border-top-right-radius: 0px; } .bRadius.bRadius-ltrb, .gridblock .bRadius.bRadius-ltrb:after, .gridblock .bRadius.bRadius-ltrb > .farallax-wrapper { -webkit-border-top-right-radius: 0px; -webkit-border-bottom-left-radius: 0px; border-top-right-radius: 0px; border-bottom-left-radius: 0px; } .bRadius.bRadius-rtlb, .gridblock .bRadius.bRadius-rtlb:after, .gridblock .bRadius.bRadius-rtlb > .farallax-wrapper { -webkit-border-top-left-radius: 0px; -webkit-border-bottom-right-radius: 0px; border-top-left-radius: 0px; border-bottom-right-radius: 0px; } .filter-grey { filter: grayscale(1); } .filter-color { filter: grayscale(0); } .filter-blur { filter: blur(3px); } .filter-greyblur { filter: grayscale(1) blur(3px); } .border-xs-light { border: 1px solid var(--col-light); } /* z.B. genutzt im Modul Einzelbild */ .border-sm-light { border: 5px solid var(--col-light); } .border-lg-light { border: 15px solid var(--col-light); } .border-xs-dark { border: 1px solid var(--col-dark); } .border-sm-dark { border: 5px solid var(--col-dark); } .border-lg-dark { border: 15px solid var(--col-dark); } .border-xs-primary { border: 1px solid; border-color: var(--col-primary); } .border-sm-primary { border: 5px solid; border-color: var(--col-primary); } .border-lg-primary { border: 15px solid; border-color: var(--col-primary); } .border-xs-secondary { border: 1px solid; border-color: var(--col-secondary); } .border-sm-secondary { border: 5px solid; border-color: var(--col-secondary); } .border-lg-secondary { border: 15px solid; border-color: var(--col-secondary); } .border-xs-accent { border: 1px solid; border-color: var(--col-accent); } .border-sm-accent { border: 5px solid; border-color: var(--col-accent); } .border-lg-accent { border: 15px solid; border-color: var(--col-accent); } .width-margin { margin-left: 50px; margin-right: 50px; } .mw500 { max-width: 500px; } .mw600 { max-width: 600px; } .mw700 { max-width: 700px; } .mw800 { max-width: 800px; } .mw900 { max-width: 900px; } .mw1000 { max-width: 1000px; } .mw1100 { max-width: 1100px; } .mw1200 { max-width: 1200px; } .mw1300 { max-width: 1300px; } .mw1400 { max-width: 1400px; } .mw1500 { max-width: 1500px; } .mw1600 { max-width: 1600px; } .mw1700 { max-width: 1700px; } .mw1800 { max-width: 1800px; } .mw1900 { max-width: 1900px; } .mw2000 { max-width: 2000px; } .wa-left { margin-left: 0px !important; margin-right: auto !important; } .wa-center { margin-left: auto !important; margin-right: auto !important; } .wa-right { margin-left: auto !important; margin-right: 0px !important; } .ha-top { align-self: start; } .ha-center { align-self: center; } .ha-bottom { align-self: end; } .ofHidden { overflow: hidden; } .hide, .content-hide { display: none !important; } .left { text-align: left; } .center { text-align: center; } .right { text-align: right; } .justify { text-align: justify; } .block { display: block; } .inline { display: inline; } .inline-block { display: inline-block; } /* AOS-Effekt-Anpassung für Neigung (skew) */ [data-aos^=fade-][data-aos^=fade-].aos-animate {transform:translateZ(1px) var(--transform) !important; } [data-aos=fade-up] { transform:translate3d(0,100px,0) var(--transform) !important; } [data-aos=fade-down] { transform:translate3d(0,-100px,0) var(--transform) !important; } [data-aos=fade-right] { transform:translate3d(-100px,0,0) var(--transform) !important; } [data-aos=fade-left] { transform:translate3d(100px,0,0) var(--transform) !important; } [data-aos=flip-left] { transform:perspective(2500px) rotateY(-100deg) var(--transform) !important; } [data-aos=flip-left].aos-animate { transform:perspective(2500px) rotateY(0) var(--transform) !important; } [data-aos=flip-right] { transform:perspective(2500px) rotateY(100deg) var(--transform) !important; } [data-aos=flip-right].aos-animate { transform:perspective(2500px) rotateY(0) var(--transform) !important; } [data-aos=flip-up] { transform:perspective(2500px) rotateX(-100deg) var(--transform) !important; } [data-aos=flip-up].aos-animate { transform:perspective(2500px) rotateX(0) var(--transform) !important; } [data-aos=flip-down] { transform:perspective(2500px) rotateX(100deg) var(--transform) !important; } [data-aos=flip-down].aos-animate { transform:perspective(2500px) rotateX(0) var(--transform) !important; } [data-aos^=zoom][data-aos^=zoom].aos-animate { transform:translateZ(1px) scale(1) var(--transform) !important; } [data-aos=zoom-in] { transform:scale(.6) var(--transform) !important; } [data-aos=zoom-out] { transform:scale(1.2) var(--transform) !important; } /* BG-Video + Parallax-Effekt (FM) v1.0 */ .farallax-wrapper, .background-video { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 0; overflow: hidden; pointer-events: none; backface-visibility: hidden; } .farallax-image { background: none; background-repeat: no-repeat; background-position: center top; background-size: cover; position: absolute; margin: 0px; padding: 0px; bottom: 0px; left: 0px; width: 100.1%; height: 100.1%; display: block; pointer-events: none; backface-visibility: hidden; will-change: transform height; } .bgAlign-lt .farallax-image, .bgAlign-lb .farallax-image, .bgAlign-cl .farallax-image { background-position: left top; } .bgAlign-rt .farallax-image, .bgAlign-rb .farallax-image, .bgAlign-cr .farallax-image { background-position: right top; } video.background-video { object-fit: cover; object-position: center center; } .bgAlign-lt video.background-video { object-position: cleft top; } .bgAlign-rt video.background-video { object-position: right top; } .bgAlign-rb video.background-video { object-position: right bottom; } .bgAlign-lb video.background-video { object-position: left bottom; } .bgAlign-ct video.background-video { object-position: center top; } .bgAlign-cr video.background-video { object-position: center right; } .bgAlign-cb video.background-video { object-position: center bottom; } .bgAlign-cl video.background-video { object-position: center left; } /* Projekt-Anpassungen globaler Klassen */ /* .bgOlay-xxxx:after { content: ''; position: absolute; z-index: 1; width: 100%; height: 63%; bottom: 0px; left: 0px; } .bgOlay-xxxx:after { background: linear-gradient(0deg, #1355A0 0%, rgba(249,197,180,0) 100%); } */ /* Standard */ * { margin: 0px; padding: 0px; box-sizing: border-box; } html { scroll-behavior: smooth; } body { background: #FFF; } body,td,th { font-family: var(--font-text); font-size: var(--fontsize-text); font-weight: normal; color: var(--col-text); line-height: 1.55; word-wrap: break-word; overflow-wrap: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; } #clearing, .clearing { clear: both; font-size: 0px; } #clearleft, .clearleft { clear: left; font-size: 0px; } #clearright, .clearright { clear: right; font-size: 0px; } #clearfix, .clearfix { display: block !important; width: 100% !important; height: 0px !important; overflow: hidden !important; font-size: 0px !important; float: none !important; } #clearfix:after, .clearfix:after { content: "."; display: inline-block !important; height: 0px !important; width: 100% !important; clear: both; visibility: hidden !important; padding: 0px !important; margin: 0px !important; font-size: 0px !important; } /* Allgemein */ h1, h2, h3, h4, h5, h6 { font-family: var(--font-header); margin: 0px 0px 35px; font-weight: 600; text-align: left; line-height: 1.15; color: var(--col-text); letter-spacing: normal; padding: 0px 0px; word-wrap: break-word; word-break: break-word; font-size: var(--fontsize-header); } h3, h4, h5, h6 { margin-bottom: 15px; } h3 { font-size: clamp(25px, 4vw, 2.35rem); margin-top: 0px; } h4 { font-size: clamp(23px, 4vw, 1.95rem); margin-top: 0px; } h5, h6 { font-size: clamp(21px, 4vw, 1.55rem); margin-top: 0px; } h1 small, h2 small, h3 small, h4 small, h5 small, h6 small { display: block; font-weight: normal; font-size: 0.7em; font-family: inherit; letter-spacing: inherit; line-height: inherit; } h1.seitenueberschrift { margin-bottom: 40px; } h1.nomargin { margin: 0px !important; } h1.seitenueberschrift:after, .ueberschrift h1:after, .ueberschrift h2:after, .ueberschrift h3:after, .ueberschrift h4:after, .ueberschrift h5:after, .ueberschrift h6:after { content: ''; display: block; height: 3px; background: var(--col-primary-linkbutton); width: 100px; margin: 27px auto 0px; } h4:after, h5:after, h6:after { margin-top: 20px; } .ueberschrift.left > * { text-align: left; } .ueberschrift.center > * { text-align: center; } .ueberschrift.right > * { text-align: right; } h1.seitenueberschrift.left:after, .ueberschrift.left > *:after, h1.left:after, h2.left:after, h3.left:after, h4.left:after, h5.left:after, h6.left:after { margin-left: 35px; } h1.seitenueberschrift.right:after, .ueberschrift.right > *:after, h1.right:after, h2.right:after, h3.right:after, h4.right:after, h5.right:after, h6.right:after { margin-right: 35px; } /* Projektspezifische Anpassungen */ .bgCol-even h1:after, .bgCol-even h2:after, .bgCol-even h3:after, .bgCol-even h4:after, .bgCol-even h5:after, .bgCol-even h6:after { background: var(--col-secondary-linkbutton) !important; } p { margin-top: 15px; } p:first-child { margin-top: 0px; } a { color: var(--col-primary-text); text-decoration: underline; word-break: break-word; transition: all 0.3s ease; } a:hover { text-decoration: none; } a img { border: none; } /* Projektspezifische Anpassungen */ .bgCol-even a { color: var(--col-secondary-text); } hr { height: 0px; width: 100%; max-width: 350px; text-decoration: none; text-align: center; border: none; border-top: 3px solid var(--col-text); margin: 15px auto; } ul, ol { margin: 13px 0px 0px 25px; list-style-type: none; } ul { list-style-type: square; } ol { list-style-type: decimal; } li { position: relative; margin-top: 2px; font-weight: normal; } /* Blöcke */ header, section, nav, article, footer, .slider-wrapper { display: block; position: relative; z-index: 10; } div[id]:not([id=""]), section[id]:not([id=""]) { scroll-margin-top: var(--scroll-margin-top); } /* ScrollOffset Oben für feststehende Kopfzeile */ header { display: flex; width: 100%; min-height: 70px; padding: 0px; z-index: 100; transition: all 0.3s ease; background: #FFF; box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.1); } header .inner { display: flex; justify-content: space-between; align-content: center; padding: 20px 20px; max-width: 1600px; margin: 0px auto; } header.hasnologo .inner, header.hasnonav .inner { justify-content: center; align-items: center; padding-bottom: 17px; } header.hasnologo .inner { padding-bottom: 17px; } header.fixto-fixed { position: fixed; left: 0px !important; right: 0px !important; width: 100% !important; } .logo { transition: all 0.3s ease; padding-right: 50px; } header.hasnologo .logo, header.hasnonav .logo { margin: 0px; } .logo a { display: block; text-decoration: none !important; } header.hasnologo .logo, header.hasnonav .logo { text-align: center; } .logo img { max-height: 60px; width: auto; max-width: 350px; height: auto; } .logo span { display: block; font-size: clamp(1rem, 3vw, 1.4rem); color: #333; font-weight: normal; font-family: var(--font-header); letter-spacing: -1px; } .logo img + span, .logo img + h1 { margin-top: 8px; } header.hasnologo .logo span { font-size: clamp(1rem, 3vw, 1.2rem); } #mobileNav { position: fixed; top: 0px; right: -250px; } .navopener, .navcloser, #mobileNav { display: none !important; } .swipebox-html .navopener { pointer-events: none; right: -250px; } /* swipebox workaround - prevent deeper click on navopener at close */ .navtop, .flyoutbuttons a { position: fixed; bottom: 20px; right: -100px; z-index: 110; display: block; width: 75px; height: 40px; overflow: hidden; margin: 0px auto; padding: 0px 15px 0px 0px; cursor: pointer; background: #FFF; text-align: center; color: #333; font-size: 20px; box-shadow: rgba(67,71,85, 0.5) 1px 1px 0.25em, rgba(90,125,188, 0.05) 0px 0.25em 1em; border-radius: 100px 0px 0px 100px; -webkit-transition: all 350ms cubic-bezier(0.600, 0, 0.735, 0.045); transition: all 350ms cubic-bezier(0.600, -0.280, 0.735, 0.045); -webkit-transition-timing-function: cubic-bezier(0.600, 0, 0.735, 0.045); transition-timing-function: cubic-bezier(0.600, -0.280, 0.735, 0.045); } .navtop span { display: none; } .navtop i, .flyoutbuttons i { display: inline-block; transition: all 0.3s ease; line-height: 20px; vertical-align: middle; /*transform: translateY(-2px);*/ } .navtop:hover, .flyoutbuttons a:hover { background: #888; } .navtop:hover i, .flyoutbuttons a:hover i { color: #FFF; } .navtop.ntshow, .flyoutbuttons a { right: -15px; -webkit-transition: all 350ms cubic-bezier(0.175, 0.885, 0.320, 1); transition: all 350ms cubic-bezier(0.175, 0.885, 0.320, 1.275); -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.275); } .navtop.ntshow:hover { right: -5px; } .flyoutbuttons a { right: auto; left: -15px; padding: 0px 0px 0px 15px; border-radius: 0px 100px 100px 0px; } .flyoutbuttons a + a { bottom: 70px; } .flyoutbuttons a:hover { left: -5px; } nav { display: flex; align-items: center; margin: 0px; padding: 0px; text-align: right; } nav ul { display: inline-block; list-style-type: none; line-height: normal; margin: 0px; padding: 0px; text-align: right; } nav li { position: relative; display: inline-block; margin: 0px 0px 0px 28px; padding: 0px; list-style-type: none; } nav li a { position: relative; display: block; font-family: var(--font-text); font-size: 0.95rem; font-weight: normal; color: #888; text-transform: uppercase; text-decoration: none; margin: 0px 0px 0px; padding: 4px 1px; overflow: hidden; transition: none; transition: all 0.3s ease; letter-spacing: 0.5px; } nav li a:hover, nav li a.selected, nav li a.rex-current { color: #000; } /*nav li a:before { content: ''; position: absolute; bottom: 5px; left: 0px; width: 100%; height: 2px; margin: 0px 0px; background: var(--col-primary); opacity: 0; transition: all 0.25s ease; } nav li a:hover:before, nav li a.selected:before, nav li a.rex-current:before { opacity: 1; }*/ nav ul ul ul { display: none; } /* Klappmenüsteuerung CSS-Klappmenü */ /* Anpassung der Hauptebene - Klappmenü-Opener */ ul.dropdown { position: relative; } ul.dropdown li.haschilds > a:after { content:'+'; font-family: var(--font-text); font-size: 0.95em; display: inline-block; padding: 0px 0px 0px 3px; } ul.dropdown > li:hover > a:before { opacity: 1; } /* Hauptmenüpunkt selektiert lassen im Untermenü */ /* Design des Klappmenüs */ ul.dropdown ul { display: block; visibility: hidden; opacity: 0; position: absolute; top: 40px; left: 50%; margin: 0px; padding: 10px 0px 0px; z-index: 500; width: 200px; height: auto; text-transform: none; transition: opacity 0.3s ease; transform: translateX(-50%); } ul.dropdown ul .childlist { background: var(--col-primary); color: #FFF; box-shadow: 0px 6px 4px 0px rgba(0,0,0, 0.4); border-bottom: 1px solid #FFF; padding: 15px 20px; } /*ul.dropdown li:last-child ul { margin: 0px 0px 0px auto; left: auto; right: -30px; transform: none; }*/ ul.dropdown ul li { display: block; margin: 0px; padding: 0px; height: auto; min-height: 0px; border: none; /*word-wrap: break-word;*/ } /* Design des Pfeils */ /* Design der Links */ ul.dropdown li:hover ul li a.hide { background: none; } ul.dropdown li:hover ul li:hover a.hide { background: none; } ul.dropdown ul li a { position: relative;display: block; margin: 0px 0px; padding: 5px 0px; font-weight: normal; font-size: 14px; color: #FFF; line-height: 1.2; text-align: center; overflow: visible; } ul.dropdown ul li a:before, ul.dropdown ul li a:after { content:'\f0da'; font-family: "Font Awesome 5 Free"; font-size: 14px; font-weight: 900; color: #FFF; position: absolute; top: 50%; left: -7px; bottom: auto; right: auto; transform: translateY(-50%); opacity: 0; transition: all 0.25s ease; width: auto; height: auto; margin: 0px; background: none; } ul.dropdown ul li a:after { content:'\f0d9'; left: auto; right: -7px; } ul.dropdown ul li a:hover:before, ul.dropdown ul li a:hover:after, ul.dropdown ul li a.selected:before, ul.dropdown ul li a.selected:after { opacity: 1; } /* show Status */ ul.dropdown li.haschilds a:hover+ul, ul.dropdown li ul:hover, ul.dropdown li ul.opened { z-index: 10000; visibility: visible; opacity: 1; pointer-events: auto; } /* Klappmenü - ENDE */ /* sonstige Blöcke */ section { margin: 0px auto; background: #FFF; } section#content { margin: 0px 0px; padding: 0px; position: relative; z-index: 15; } .content { padding: 0px 0px; margin: 0px auto; min-height: 300px; } .content img { max-width: 100%; height: auto; } /* maximale Bildbreite bei mobiler Ansicht für Inhaltsbilder */ footer { position: relative; background: #333; color: #FFF; padding: 45px 100px 45px; text-align: center; box-shadow: 0px -10px 20px 0px rgba(0,0,0,0.1); z-index: 100; } footer .inner { display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; max-width: 1400px; margin: 0px auto; padding: 0px; } footer img { display: block; margin-bottom: 25px; } footer a { color: #AAA; text-decoration: none; } footer a:hover { color: #FFF; } footer ul { list-style-type: none; margin: 0px; padding: 0px; } footer li { display: inline-block; margin: 0px 10px 10px 0px; list-style-type: none; color: #888; } footer li a { margin: 0px; padding: 0px; cursor: pointer; } footer .socials { margin: 0px 0px 25px; } footer .socials a { color: #FFF; font-size: 40px; margin: 15px 27px 0px; opacity: 0.75; } footer .socials a:hover { opacity: 1; text-decoration: none; } footer .socials span { display: none; } .footernav { flex: 0 0 100%; width: 100%; } .footernav ul { display: inline-block; } .footernav li { font-size: 0.8em; text-transform: uppercase; margin: 0px 7px 12px; } .footernav a { } .serviceblock { margin-top: 50px; text-align: center; } .serviceblock * { transition: all 0.3s ease; } .serviceblock div { display: inline-flex; justify-content: center; align-items: center; flex-direction: column; vertical-align: top; margin: 30px 12px 0px; width: 130px; } .serviceblock span { display: block; font-size: 0.75em; text-align: center; margin: 8px 0px 0px; line-height: 1.15; } .serviceblock i { display: flex; justify-content: center; align-items: center; border: 5px solid rgba(255,255,255, 0.75); width: 100px; height: 100px; background: var(--col-primary-linkbutton) !important; color: var(--col-primary-linkbutton-text) !important; border-radius: 50%; font-size: 40px; box-shadow: rgba(0,0,0, 0.20) 0px 2px 2px; } .serviceblock i svg { width: 75%; height: auto; } .serviceblock i svg path { fill: var(--col-primary-linkbutton-text); stroke: var(--col-primary-linkbutton-text); stroke-width: 25px; } .serviceblock span.header { display: block; text-align: center; font-family: var(--font-header); margin: 0px; font-weight: 600; line-height: 1.15; color: var(--col-primary-text); letter-spacing: normal; padding: 0px 0px; word-wrap: break-word; font-size: clamp(23px, 4vw, 2.05rem); } div.bgCol-even .serviceblock i { /*background: var(--col-primary-linkbutton); color: var(--col-primary-linkbutton-text);*/ } div.bgCol-even .serviceblock i svg path { /*fill: var(--col-primary-linkbutton-text); stroke: var(--col-primary-linkbutton-text);*/ } div.bgCol-even .serviceblock span.header { /*color: var(--col-secondary-text);*/ } /* Module + Content */ /* Modul: Formulargenerator (ab v1.2.3) */ .content form { margin: 0px; display: block; } .content form > * { /*padding: 0px;*/ } .content form p { margin: 0px; } .content label { display: inline-block; width: auto; float: left; margin: -18px 8px 0px 13px; text-align: left; background: none; color: #666 !important; padding: 0px; font-size: 12px; border-radius: 5px; transform: translateY(22px); border: none; position: relative; z-index: 5; } .content .form-check-group label { display: none; } .content .form-radiogroup label { display: inline-block; transform: none; clear: right; } .content input, .content textarea, .content select, .content .choices__inner { position: relative; width: 100%; margin: 0px 0px 15px 0px; border: none; padding: 18px 13px 5px; font-family: var(--font-text); font-size: 16px; transition: all 0.3s ease; border: 1px solid #999; border-radius: var(--borderRadius-xs); background: #FFF; color: #333 !important; } .content input:focus, .content textarea:focus, .content select:focus { outline: none; box-shadow: 0px 0px 5px 0px rgba(0,0,0, 0.5); } .content textarea { height: 120px; /*padding: 11px 13px;*/ } .content select { -webkit-appearance: menulist-button; padding: 9px 10px; min-width: 75px; min-height: 44px; width: 100%; } .content input.short { width: 60px; margin-right: 5px; } .content input.half { width: 220px; } .content input.auto { width: auto; } .content input.inp50 { width: 50px; } .content input.inpShorter { width: 238px; } .content button[type=submit] { display: block; margin: 35px auto 0px; /*padding: 11px 15px;*/ /*min-width: clamp(0px, 100%, 220px);*/ /*color: var(--col-secondary-text);*/ } .content button[type=submit].left { margin-left: 0px; } .content button[type=submit].right { margin-right: 0px; } .content .form-check-group { margin: 0px 0px 15px; } .content .form-radiogroup { margin: 11px 0px 15px; } .content .form-check-group:after, .content .form-radiogroup:after { content:''; display: block; float: none; clear: both; } .content input[type=radio], .content input[type=checkbox] { width: auto; /*margin: 0px;*/ padding: 0px; } .content input.checkbox { width: auto; vertical-align: -webkit-baseline-middle; } .content label.checkbox { float: none; width: auto; } /* styled checkbox / radio */ .content .checkbox label, .content .radio label { display: inline-block; float: left; width: auto; position: relative; padding: 0px 0px 0px 30px; margin: 5px 50px 0px 0px; background: none; color: inherit !important; font-size: inherit; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; transform: none; border-radius: 0px; border: none; } .content .checkbox label { margin-right: 0px; } .content .checkbox label input, .content .radio label input { position: absolute; cursor: pointer; top: 1px; left: 0px; height: 22px; width: 22px; appearance: none; background: #FFF; border-radius: 3px; border: 1px solid #888; } .content .radio label input { border-radius: 50%; } .content .form-check-group input+i.form-helper { background: none; border: none; position: absolute; top: 1px; left: 0px; width: 22px; height: 22px; z-index: 50; } .content .checkbox input+i.form-helper { } .content .checkbox input+i.form-helper:before, .content .checkbox input+i.form-helper:after { display: none; content:''; width: 2px; height: 15px; background: #000; position: absolute; top: 4px; left: 10px; transform: rotate(45deg); } .content .checkbox input+i.form-helper:after { transform: rotate(-45deg); } .content .radio input+i.form-helper { border-radius: 50%; } .content .checkbox label input:checked+i.form-helper:before, .content .checkbox label input:checked+i.form-helper:after { display: block; } .content .radio input:checked+i.form-helper { background: var(--col-primary); top: 5px; left: 5px; width: 12px; height: 12px; border-radius: 3px; } .content .form-check-group .has-error i.form-helper { background: rgba(255,255,255, 0.75); border-radius: 3px; border: 1px solid #888; } /* Meldungen Eingabefehler */ .content .alert { color: #000; background: rgb(242,242,242); box-shadow: inset 0px 0px 3px 0px rgba(0,0,0, 0.15); padding: 18px 25px; position: relative; margin: 0px 0px 40px; border-radius: 5px; } .content .alert-danger { border: 2px solid rgb(204,9,24); box-shadow: 0px 0px 4px 0px rgb(204,9,24); background: rgb(250,229,231); } .content .alert-success { box-shadow: 0px 0px 4px 0px rgb(0,128,0); background: rgb(229,242,229); } .content .alert-info { } .content .alert ul { list-style: none; margin: 0px; padding: 0px; } .content .alert ul li { margin: 0px; font-size: 0.9em; color: #000 !important; } .content .alert ul li+li { margin-top: 0px; } .content .has-error input, .content .has-error select, .content .has-error textarea { background: rgba(225,255,255, 0.75); /*border: 2px solid darkred;*/ } .content .has-error input[type=checkbox], .content .has-error input[type=radio] { background: inherit; } .content .checkbox.has-error input+i.form-helper:before, .content .checkbox.has-error input+i.form-helper:after { top: 3px; left: 9px; } .content .has-error label { } .content .alert .alert-close { display: none; } .content :not(form) .alert .alert-close { display: inline-block; position: absolute; top: 0px; right: 5px; width: 20px; height: 20px; text-align: center; cursor: pointer; color: #999 !important; } .content :not(form) .alert .alert-close:before { content: "\f00d"; font-family: "Font Awesome 5 Free"; font-weight: 900; } /* sonstige Elemente */ .content .form-miniheader { display: block; margin-bottom: 7px; font-weight: bold; } .content .form-info { /*display: block; text-align: center;*/ font-size: 0.8em; /*margin: 20px 0px 0px;*/ } .content .form-zweispaltig { display: -ms-grid; display: grid; -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; column-gap: 15px; grid-column-gap: 15px; grid-auto-rows: 1fr; -ms-grid-column-align: left; justify-items: left; -ms-flex-align: end; align-items: end; } .content .form-zweispaltig > * { width: 100%; } .content p.formlabel-kon_dse, .content p.formdse { padding-left: 30px; margin-right: 0px; display: block; } .content div.form-check-group + p.formdse { margin-top: -15px; } .content p.formlabel-kon_dse > *, .content p.formdse > * { margin-right: 0px; } .content .formdse_spacer { margin-top: 25px; } /* Projektspezifische Anpassungen */ .content .checkbox label, .content .formdse { font-size: 0.8em; } /* Modul: Bildergalerie (Lightbox - ab v1.5.3) */ .lbGalerie { position: relative; display: grid; grid-template-columns: repeat(var(--lbG-grid), 1fr); margin: 5px 0px 0px; text-align: left; --lbG-gap: 0px; --lbG-grid: 3; --lbG-format1-1: 100%; --lbG-format16-9: 56.25%; --lbG-format4-3: 75%; --lbG-format3-2: 66.66%; --lbG-format8-5: 62.5%; } .lbGalerie a { display: block; position: absolute; z-index: 5; top: 0px; left: 0px; right: 0px; bottom: 0px; margin: 0px; padding: 0px; } .lbGalerie a:after { content: ''; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; z-index: 100; opacity: 0; transition: all .4s ease; background: url(thumb-plus.png) no-repeat center center var(--col-overlay); } .lbGalerie a:hover:after { opacity: 1; } .lbGalerie img { display: block; border: none; margin: 0px; transition: all .3s ease; image-rendering: pixelated; image-rendering: -webkit-optimize-contrast; } .lbGalerie > div, .lbGalerie > div > div { background: center center no-repeat; background-size: cover; overflow: hidden; transition: all .4s ease; transform-origin: center; image-rendering: pixelated; image-rendering: -webkit-optimize-contrast; } .lbGalerie > div:hover { z-index: 10; } .lbGalerie > div:before { content: ''; position: relative; z-index: 3; padding-top: var(--lbG-format1-1); display: block; transition: all .4s ease; pointer-events: none; cursor: none; } .lbGalerie.lbG-greytone > div:before { backdrop-filter: var(--filter-grey); } .lbGalerie .lbG-thumb { position: relative; vertical-align: top; } .lbGalerie .lbG-thumb > div, .lbGalerie .lbG-thumb img { position: absolute; z-index: 1; top: 0; right: 0; bottom: 0; left: 0; margin: 0px; padding: 0px; transform: scale(1.01); } .lbGalerie .lbG-thumb img { bottom: auto; right: auto; width: 100%; height: 100%; object-fit: cover; object-position: center; } .lbGalerie.lbG-grid2 { --lbG-grid: 2; } .lbGalerie.lbG-grid3 { --lbG-grid: 3; } .lbGalerie.lbG-grid4 { --lbG-grid: 4; } .lbGalerie.lbG-grid5 { --lbG-grid: 5; } .lbGalerie.lbG-grid6 { --lbG-grid: 6; } .lbGalerie.lbG-grid7 { --lbG-grid: 7; } .lbGalerie.lbG-grid8 { --lbG-grid: 8; } .lbGalerie.lbG-format-1-1 > div:before { padding-top: var(--lbG-format1-1); } .lbGalerie.lbG-format-16-9 > div:before { padding-top: var(--lbG-format16-9); } .lbGalerie.lbG-format-4-3 > div:before { padding-top: var(--lbG-format4-3); } .lbGalerie.lbG-format-3-2 > div:before { padding-top: var(--lbG-format3-2); } .lbGalerie.lbG-format-8-5 > div:before { padding-top: var(--lbG-format8-5); } .lbGalerie.lbG-gap-xs { --lbG-gap: 1px; grid-gap: var(--lbG-gap); } .lbGalerie.lbG-gap-sm { --lbG-gap: 5px; grid-gap: var(--lbG-gap); } .lbGalerie.lbG-gap-md { --lbG-gap: 10px; grid-gap: var(--lbG-gap); } .lbGalerie.lbG-gap-lg { --lbG-gap: 20px; grid-gap: var(--lbG-gap); } .lbGalerie.lbG-gap-xl { --lbG-gap: 35px; grid-gap: var(--lbG-gap); } .lbGalerie.lbG-hover-grey a:after, .lbGalerie.lbG-hover-color a:after, .lbGalerie.lbG-hover-blur a:after, .lbGalerie.lbG-hover-liftup a:after, .lbGalerie.lbG-hover-scaleup a:after { display: none; } .lbGalerie.lbG-hover-grey > div:hover:before { backdrop-filter: var(--filter-grey); } .lbGalerie.lbG-hover-color > div:hover:before { backdrop-filter: grayscale(0); } .lbGalerie.lbG-hover-blur > div:hover:before { backdrop-filter: var(--filter-blur); } .lbGalerie.lbG-greytone.lbG-hover-blur > div:hover:before { backdrop-filter: var(--filter-greyblur); } .lbGalerie.lbG-hover-liftup > div:hover { transform: var(--fx-liftup-transf); box-shadow: var(--fx-liftup-shadow); } .lbGalerie.lbG-hover-scaleup > div:hover > div, .lbGalerie-classic.lbG-hover-scaleup > div:hover, .lbGalerie-masonry.lbG-hover-scaleup > div:hover { transform: var(--fx-scaleup); } .lbGalerie-classic.lbG-hover-scaleup > div:hover, .lbGalerie-masonry.lbG-hover-scaleup > div:hover { transform: scale(1.04); } .lbGalerie-classic div:before, .lbGalerie-masonry div:before, .lbGalerie-stripV div:before, .lbGalerie-stripH div:before { position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; padding: 0px !important; z-index: 10; } .lbGalerie-classic .lbG-thumb > div, .lbGalerie-masonry .lbG-thumb > div { display: none; } .lbGalerie-classic { display: block; } .lbGalerie-classic > div { display: inline-flex; background: none !important; } .lbGalerie-classic > div { margin-right: var(--lbG-gap); margin-bottom: var(--lbG-gap); } .lbGalerie-classic.center > div { margin-right: calc(var(--lbG-gap) / 2); margin-left: calc(var(--lbG-gap) / 2); } .lbGalerie-classic.right > div { margin-right: auto; margin-left: var(--lbG-gap); } .lbGalerie-classic a { position: relative; top: auto; left: auto; } .lbGalerie-classic img { position: static !important; transform: none !important; } .lbGalerie-collage {} .lbGalerie-collage > div:nth-child(2) { grid-column: span 3; grid-row: span 3; } .lbGalerie-collage.lbG-grid3 > div:nth-child(2), .lbGalerie-collage.lbG-grid4 > div:nth-child(2), .lbGalerie-collage.lbG-grid5 > div:nth-child(2), .lbGalerie-collage.lbG-grid6 > div:nth-child(2) { grid-column: span 2; grid-row: span 2; } .lbGalerie-collage.lbG-grid2 > div:nth-child(2) { grid-column: span 1; grid-row: span 1; } .lbGalerie-collage.lbG-grid2 > div:nth-child(3) { grid-column: span 2; grid-row: span 2; } .lbGalerie-collage > div:nth-child(13n+4) { grid-column: span 1; grid-row: span 2; padding-bottom: calc(var(--lbG-format1-1) + var(--lbG-gap)); } .lbGalerie-collage.lbG-format-16-9 > div:nth-child(13n+4) { padding-bottom: calc(var(--lbG-format16-9) + var(--lbG-gap)); } .lbGalerie-collage.lbG-format-4-3 > div:nth-child(13n+4) { padding-bottom: calc(var(--lbG-format4-3) + var(--lbG-gap)); } .lbGalerie-collage.lbG-format-3-2 > div:nth-child(13n+4) { padding-bottom: calc(var(--lbG-format3-2) + var(--lbG-gap)); } .lbGalerie-collage.lbG-format-8-5 > div:nth-child(13n+4) { padding-bottom: calc(var(--lbG-format8-5) + var(--lbG-gap)); } .lbGalerie-collage.lbG-grid5 > div:nth-child(10n), .lbGalerie-collage.lbG-grid6 > div:nth-child(6n+1), .lbGalerie-collage.lbG-grid7 > div:nth-child(7n+1), .lbGalerie-collage.lbG-grid8 > div:nth-child(13n+1) { grid-column: span 2; grid-row: span 2; } .lbGalerie-collage img { } .lbGalerie-masonry { display: block; width: 100%; column-count: var(--lbG-grid); column-gap: var(--lbG-gap); } .lbGalerie-masonry a { display: block; position: static; } .lbGalerie-masonry > div { display: inline-block; margin: 0px 0px var(--lbG-gap); width: 100%; padding: 0px; height: auto; background: none !important; } .lbGalerie-masonry img { position: static !important; width: 100%; height: auto; } .lbGalerie-circle { margin-bottom: 3.6%; } .lbGalerie-circle.lbG-grid2 { --lbG-grid: 4; } /* 2er nicxht möglich > 2er = 3er */ .lbGalerie-circle.lbG-grid3 { --lbG-grid: 4; } .lbGalerie-circle.lbG-grid4 { --lbG-grid: 5; } .lbGalerie-circle.lbG-grid5 { --lbG-grid: 6; } .lbGalerie-circle.lbG-grid6 { --lbG-grid: 7; } .lbGalerie-circle.lbG-grid7 { --lbG-grid: 8; } .lbGalerie-circle.lbG-grid8 { --lbG-grid: 9; } .lbGalerie-circle a { -webkit-clip-path: circle(50% at 50% 50%); clip-path: circle(50% at 50% 50%); } .lbGalerie-circle > div { grid-column: span 2; width: 100%; border-radius: 50% !important; margin-bottom: -13.4%; overflow: hidden; } .lbGalerie-circle.lbG-grid2 > div:nth-child(3n+1), .lbGalerie-circle.lbG-grid3 > div:nth-child(3n+1), .lbGalerie-circle.lbG-grid4 > div:nth-child(4n+1), .lbGalerie-circle.lbG-grid5 > div:nth-child(5n+1), .lbGalerie-circle.lbG-grid6 > div:nth-child(6n+1), .lbGalerie-circle.lbG-grid7 > div:nth-child(7n+1), .lbGalerie-circle.lbG-grid8 > div:nth-child(8n+1) { grid-column: 2 / span 2; } .lbGalerie-circle.lbG-grid2.lbG-gap-xs > div, .lbGalerie-circle.lbG-grid3.lbG-gap-xs > div { margin-bottom: -13.3%; } .lbGalerie-circle.lbG-grid4.lbG-gap-xs > div { margin-bottom: -13.4%; } .lbGalerie-circle.lbG-grid5.lbG-gap-xs > div { margin-bottom: -13.35%; } .lbGalerie-circle.lbG-grid6.lbG-gap-xs > div { margin-bottom: -13.35%; } .lbGalerie-circle.lbG-grid7.lbG-gap-xs > div { margin-bottom: -13.35%; } .lbGalerie-circle.lbG-grid8.lbG-gap-xs > div { margin-bottom: -13.4%; } .lbGalerie-circle.lbG-grid2.lbG-gap-sm > div, .lbGalerie-circle.lbG-grid3.lbG-gap-sm > div { margin-bottom: -13.4%; } .lbGalerie-circle.lbG-grid4.lbG-gap-sm > div { margin-bottom: -13.5%; } .lbGalerie-circle.lbG-grid5.lbG-gap-sm > div { margin-bottom: -13.5%; } .lbGalerie-circle.lbG-grid6.lbG-gap-sm > div { margin-bottom: -13.4%; } .lbGalerie-circle.lbG-grid7.lbG-gap-sm > div { margin-bottom: -13.4%; } .lbGalerie-circle.lbG-grid8.lbG-gap-sm > div { margin-bottom: -13.5%; } .lbGalerie-circle.lbG-grid2.lbG-gap-md > div, .lbGalerie-circle.lbG-grid3.lbG-gap-md > div { margin-bottom: -13.5%; } .lbGalerie-circle.lbG-grid4.lbG-gap-md > div { margin-bottom: -13.6%; } .lbGalerie-circle.lbG-grid5.lbG-gap-md > div { margin-bottom: -13.6%; } .lbGalerie-circle.lbG-grid6.lbG-gap-md > div { margin-bottom: -13.6%; } .lbGalerie-circle.lbG-grid7.lbG-gap-md > div { margin-bottom: -13.6%; } .lbGalerie-circle.lbG-grid8.lbG-gap-md > div { margin-bottom: -13.6%; } .lbGalerie-circle.lbG-grid2.lbG-gap-lg > div, .lbGalerie-circle.lbG-grid3.lbG-gap-lg > div { margin-bottom: -13.7%; } .lbGalerie-circle.lbG-grid4.lbG-gap-lg > div { margin-bottom: -13.8%; } .lbGalerie-circle.lbG-grid5.lbG-gap-lg > div { margin-bottom: -13.8%; } .lbGalerie-circle.lbG-grid6.lbG-gap-lg > div { margin-bottom: -13.8%; } .lbGalerie-circle.lbG-grid7.lbG-gap-lg > div { margin-bottom: -13.8%; } .lbGalerie-circle.lbG-grid8.lbG-gap-lg > div { margin-bottom: -14%; } .lbGalerie-circle.lbG-grid2.lbG-gap-xl > div, .lbGalerie-circle.lbG-grid3.lbG-gap-xl > div { margin-bottom: -13.7%; } .lbGalerie-circle.lbG-grid4.lbG-gap-xl > div { margin-bottom: -13.8%; } .lbGalerie-circle.lbG-grid5.lbG-gap-xl > div { margin-bottom: -13.8%; } .lbGalerie-circle.lbG-grid6.lbG-gap-xl > div { margin-bottom: -13.8%; } .lbGalerie-circle.lbG-grid7.lbG-gap-xl > div { margin-bottom: -13.8%; } .lbGalerie-circle.lbG-grid8.lbG-gap-xl > div { margin-bottom: -14%; } .lbGalerie-stripV {} .lbGalerie-stripH { grid-template-columns: none; } /* Modul: Bildslider mit mBlock (ab v1.2.5) */ .slGalerie { position: relative; margin: 0px; overflow: hidden; --slG-format1-1: 100%; --slG-format16-9: 56.25%; --slG-format4-3: 75%; --slG-format3-2: 66.66%; --slG-format8-5: 62.5%; --swiper-pagination-bullet-size: 11px; } .slGalerieSlides { transform: translate(0px); } .slGalerie.slG-format-100perc, .slGalerie.slG-format-100perc .slGalerieSlides { height: 100% !important; } .slGalerie .slG-slide { position: relative; padding-top: 0% !important; overflow: hidden; display: block; /*width: 100% !important; height: 100% !important;*/ } .slGalerie .slG-slide.slG-slidespreview { max-width: 80%; } .slGalerie .slG-slide:after { content: ''; padding-top: 50%; display: block; } .slGalerie.slG-format-1-1 .slG-slide:after { padding-top: var(--slG-format1-1); } .slGalerie.slG-format-3-2 .slG-slide:after { padding-top: var(--slG-format3-2); } .slGalerie.slG-format-4-3 .slG-slide:after { padding-top: var(--slG-format4-3); } .slGalerie.slG-format-8-5 .slG-slide:after { padding-top: var(--slG-format8-5); } .slGalerie.slG-format-16-9 .slG-slide:after { padding-top: var(--slG-format16-9); } .slGalerie .slG-slide > div { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; } .slGalerie .slG-slide a.slG-slidelink { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 20; } /* Dots */ .slGalerie .slG-dots { left: 50% !important; transform: translateX(-50%) !important; bottom: 10px !important; text-align: center; background: none !important; width: 100% !important; max-width: 500px; } .slGalerie .slG-dots span { background: #FFF; opacity: 0.35 !important; vertical-align: middle; transform: none !important; } .slGalerie .slG-dots span:hover, .slGalerie .slG-dots span.swiper-pagination-bullet-active { opacity: 1 !important; } .slGalerie.slG-dots-square .slG-dots span { border-radius: 0px; } .slGalerie.slG-dots-line .slG-dots span { border-radius: 0px; --swiper-pagination-bullet-width: 20px; --swiper-pagination-bullet-height: 3px; } .slGalerie.slG-dots-line .slG-dots span.swiper-pagination-bullet-active { --swiper-pagination-bullet-width: 50px; } /* Farben */ .slGalerie.slG-dots-o .slG-dots span { background: var(--col-text); } /* Standard: außerhalb */ .slGalerie.slG-dots-col-white .slG-dots span { background: #FFF; } .slGalerie.slG-dots-col-black .slG-dots span { background: #000; } .slGalerie.slG-dots-col-primary .slG-dots span { background: var(--col-primary); } .slGalerie.slG-dots-col-secondary .slG-dots span { background: var(--col-secondary); } .slGalerie.slG-dots-col-accent .slG-dots span { background: var(--col-accent); } /* Position */ .slGalerie.slG-dots-lt .slG-dots, .slGalerie.slG-dots-lb .slG-dots, .slGalerie.slG-dots-ol .slG-dots { left: 0% !important; transform: translateX(10px) !important; text-align: left; } .slGalerie.slG-dots-rt .slG-dots, .slGalerie.slG-dots-rb .slG-dots, .slGalerie.slG-dots-or .slG-dots { left: 100% !important; transform: translateX( calc(-100% + -10px) ) !important; text-align: right; } .slGalerie.slG-dots-lt .slG-dots, .slGalerie.slG-dots-rt .slG-dots, .slGalerie.slG-dots-ct .slG-dots { top: 10px; bottom: auto !important; } .slGalerie.slG-dots-o .slG-dots { position: relative; bottom: auto !important; margin: 10px 0px 0px 0px; } /* Pfeilnavigation */ .slGalerie .slG-nav { width: auto; height: auto; padding: 10px 17px; opacity: 0.75; transition: all 0.5s ease; } .slGalerie.slG-nav-defaultpos .slG-nav { padding: 10% 17px; margin: 0px; transform: translateY(-50%); } .slGalerie .slG-nav:hover { opacity: 1; } .slGalerie .slG-nav:hover svg polyline { stroke-width: 2px; } .slGalerie .slG-nav:after { content: ''; display: none; } .slGalerie .slG-prev { left: 0px; } .slGalerie .slG-next { right: 0px; } .slGalerie .slG-nav svg { width: 19px; height: 33px; } .slGalerie:is(.slG-nav-arr) .slG-nav svg { filter: drop-shadow(2px 1px 1px rgba(0, 0, 0, 0.5)); } /* Farben */ .slGalerie .slG-nav polyline { stroke: #FFF; transition: all 0.5s ease; }/* Standard: Pfeil + Dreieck */ /* :not(.slG-nav-box) */ .slGalerie.slG-nav-o:not(.slG-nav-box) .slG-nav polyline { stroke: #999; } /* Standard: Pfeil + Dreieck außerhalb */ .slGalerie.slG-nav-box .slG-nav { background: rgba(255,255,255, 1); } /* Standard: Box */ .slGalerie.slG-nav-o.slG-nav-box .slG-nav { background: rgba(153,153,153, 1); } /* Standard: Box außerhalb */ .slGalerie.slG-nav-tri .slG-nav polyline { stroke: none !important; fill: #FFF; } /* Standard: Dreieck */ .slGalerie.slG-nav-o.slG-nav-tri .slG-nav polyline { fill: #999; } /* Standard: Dreieck außerhalb */ .slGalerie.slG-nav-col-white .slG-nav polyline { stroke: #FFF; } .slGalerie.slG-nav-col-white.slG-nav-tri .slG-nav polyline { fill: #FFF; } .slGalerie.slG-nav-col-white.slG-nav-box .slG-nav { background: #FFF; } .slGalerie.slG-nav-col-white.slG-nav-box .slG-nav polyline { stroke: #000; } .slGalerie.slG-nav-col-black .slG-nav polyline { stroke: #000; } .slGalerie.slG-nav-col-black.slG-nav-tri .slG-nav polyline { fill: #000; } .slGalerie.slG-nav-col-black.slG-nav-box .slG-nav { background: #000; } .slGalerie.slG-nav-col-black.slG-nav-box .slG-nav polyline { stroke: #FFF; } .slGalerie.slG-nav-col-primary .slG-nav polyline { stroke: var(--col-primary); } .slGalerie.slG-nav-col-primary.slG-nav-tri .slG-nav polyline { fill: var(--col-primary); } .slGalerie.slG-nav-col-primary.slG-nav-box .slG-nav { background: var(--col-primary); } .slGalerie.slG-nav-col-primary.slG-nav-box .slG-nav polyline { stroke: #FFF; } .slGalerie.slG-nav-col-secondary .slG-nav polyline { stroke: var(--col-secondary); } .slGalerie.slG-nav-col-secondary.slG-nav-tri .slG-nav polyline { fill: var(--col-secondary); } .slGalerie.slG-nav-col-secondary.slG-nav-box .slG-nav { background: var(--col-secondary); } .slGalerie.slG-nav-col-secondary.slG-nav-box .slG-nav polyline { stroke: #FFF; } .slGalerie.slG-nav-col-accent .slG-nav polyline { stroke: var(--col-accent); } .slGalerie.slG-nav-col-accent.slG-nav-tri .slG-nav polyline { fill: var(--col-accent); } .slGalerie.slG-nav-col-accent.slG-nav-box .slG-nav { background: var(--col-accent); } .slGalerie.slG-nav-col-accent.slG-nav-box .slG-nav polyline { stroke: #FFF; } /* Position */ .slGalerie.slG-nav-pos .slG-nav-wrapper { display: inline-flex; flex-direction: row-reverse; position: absolute; z-index: 9999; } .slGalerie.slG-nav-pos .slG-nav { position: static; margin: 0px 0.5px; } .slGalerie.slG-nav-lt .slG-nav-wrapper { top: 12px; left: 12px; } .slGalerie.slG-nav-ct .slG-nav-wrapper { top: 12px; left: 50%; transform: translateX(-50%); } .slGalerie.slG-nav-rt .slG-nav-wrapper { top: 12px; right: 12px; } .slGalerie.slG-nav-lb .slG-nav-wrapper { bottom: 12px; left: 12px; } .slGalerie.slG-nav-cb .slG-nav-wrapper { bottom: 12px; left: 50%; transform: translateX(-50%); } .slGalerie.slG-nav-rb .slG-nav-wrapper { bottom: 12px; right: 12px; } .slGalerie.slG-nav-o .slG-nav-wrapper { position: relative; bottom: auto; margin: 20px 0px 0px 0px; left: 50%; transform: translateX(-50%); } .slGalerie.slG-nav-ol .slG-nav-wrapper { left: 0%; transform: translateX(20px); } .slGalerie.slG-nav-or .slG-nav-wrapper { left: 100%; transform: translateX( calc(-100% + -20px) ); } /* Bilder */ .slGalerie .slG-image { z-index: 1; background: center center no-repeat; background-size: cover; } .slGalerie .slG-image picture { display: block; height: 100%; } .slGalerie .slG-image img { max-width: none !important; width: 100%; height: 100%; object-fit: cover; object-position: center; } .slGalerie .bgAlign-lt img { object-position: left top; } .slGalerie .bgAlign-rt img { object-position: right top; } .slGalerie .bgAlign-rb img { object-position: right bottom; } .slGalerie .bgAlign-lb img { object-position: left bottom; } .slGalerie .bgAlign-ct img { object-position: center top; } .slGalerie .bgAlign-cr img { object-position: right center; } .slGalerie .bgAlign-cb img { object-position: center bottom; } .slGalerie .bgAlign-cl img { object-position: left center; } .slGalerie .slG-ifx-zoom img { transition: transform 7s ease; transform-origin: bottom left; } .slGalerie .slG-ifx-zoom.slG-ifx-active img { transform: scale(1.2); transition-duration: 25s; } .slGalerie .slG-ifx-colorin picture { transition: filter 3s ease; filter: grayscale(1) brightness(1.2); } .slGalerie .slG-ifx-colorin.slG-ifx-active picture { filter: grayscale(0) brightness(1); transition-duration: 4.5s; } .slGalerie .slG-ifx-blurin picture { transition: filter 3s ease; filter: blur(10px); } .slGalerie .slG-ifx-blurin.slG-ifx-active picture { filter: blur(0); transition-duration: 4.5s; } .slGalerie .slG-ifx-colorin.slG-ifx-blurin picture { transition: filter 3s ease; filter: blur(10px) grayscale(1) brightness(1.2); } .slGalerie .slG-ifx-colorin.slG-ifx-blurin.slG-ifx-active picture { filter: blur(0) grayscale(0) brightness(1); transition-duration: 4.5s; } /* Thumbnails */ .slGalerieThumbs { margin-top: 3px; padding-top: 5px; height: auto; transition: all 0.5s ease; } .slGalerieThumbs .slGT-slide { width: 100px; height: 100%; margin-right: 6px; aspect-ratio: 4/3; opacity: 0.4; transition: all 0.5s ease; cursor: pointer; } .slGalerieThumbs .slGT-slide:hover, .slGalerieThumbs .slGT-slide.swiper-slide-thumb-active { opacity: 1; } .slGalerieThumbs .slGT-image { height: 100%; } /* Content */ .slGalerie .slG-content { z-index: 5; display: flex; transition: all 0.5s ease; pointer-events: none; text-rendering: optimizeLegibility; font-variant-ligatures: common-ligatures; font-feature-settings: "liga", "kern"; font-kerning: normal; text-align: center; color: #FFF; letter-spacing: 0.1em; text-transform: uppercase; font-weight: 300; font-size: 1.143em; text-shadow: -1px 1px 0 rgb(0,0,0, 0.3), -1px 2px 2px rgb(0,0,0, 0.1); } .slGalerie .slG-align-left { text-align: left; } .slGalerie .slG-align-right { text-align: right; } .slGalerie .slG-content > div { position: relative; max-width: 800px; max-height: 100%; margin: 5% 10%; transition: all 0.5s ease; overflow: hidden; } .slGalerie .slG-content span { position: relative; display: block; z-index: 5; } .slGalerie .ca-cc { align-items: center; justify-content: center; } .slGalerie .ca-lt { align-items: flex-start; justify-content: flex-start; } .slGalerie .ca-rt { align-items: flex-start; justify-content: flex-end; } .slGalerie .ca-rb { align-items: flex-end; justify-content: flex-end; } .slGalerie .ca-lb { align-items: flex-end; justify-content: flex-start; } .slGalerie .ca-ct { align-items: flex-start; justify-content: center; } .slGalerie .ca-cr { align-items: center; justify-content: flex-end; } .slGalerie .ca-cb { align-items: flex-end; justify-content: center; } .slGalerie .ca-cl { align-items: center; justify-content: flex-start; } /* Animationen/Einblendungen */ .slGalerie .slG-hasFX > div > span, .slGalerie .slG-hasFX > div:after { position: relative; opacity: 0; } .slGalerie .slG-fx-fade > div > span, .slGalerie .slG-fx-fade > div:after { -webkit-animation: slG-fx-fadeslide 0.75s 0s forwards cubic-bezier(.28,.83,.57,1.05); animation: slG-fx-fadeslide 0.75s 0s forwards cubic-bezier(.28,.83,.57,1.05); } /* alle Elemente gleichzeitig einblenden */ .slGalerie div[class*="slG-fx-fade-"] > div:after, .slGalerie .slG-fx-fade-up > div > span, .slGalerie .slG-fx-fade-down > div > span, .slGalerie .slG-fx-fade-left > div > span, .slGalerie .slG-fx-fade-right > div > span, .slGalerie .slG-fx-fade-scaleup > div > span, .slGalerie .slG-fx-fade-scaledown > div > span { -webkit-animation: slG-fx-fadeslide 0.5s 0s forwards cubic-bezier(.28,.83,.57,1.05); animation: slG-fx-fadeslide 0.5s 0s forwards cubic-bezier(.28,.83,.57,1.05); } .slGalerie .slG-fx-fade-up > div > span { transform: translate3d(0, 100px, 0); } .slGalerie .slG-fx-fade-down > div > span { transform: translate3d(0, -100px, 0); } .slGalerie .slG-fx-fade-left > div > span { transform: translate3d(100px, 0, 0); } .slGalerie .slG-fx-fade-right > div > span { transform: translate3d(-100px, 0, 0); } .slGalerie .slG-fx-fade-scaleup > div > span { transform: scale(0); animation-name: slG-fx-fadescale; } .slGalerie .slG-fx-fade-scaledown > div > span { transform: scale(2); animation-name: slG-fx-fadescale; } .slGalerie div[class*="slG-fx-fade-"] span:nth-child(1) { } .slGalerie div[class*="slG-fx-fade-"] span:nth-child(2) { animation-delay: 0.2s; } .slGalerie div[class*="slG-fx-fade-"] span:nth-child(3) { animation-delay: 0.4s; } .slGalerie div[class*="slG-fx-fade-"] span:nth-child(4) { animation-delay: 0.8s; } @-webkit-keyframes slG-fx-fadeslide { 0% {} 100% { opacity: 1; transform: translate3d(0, 0, 0); } } @keyframes slG-fx-fadeslide { 0% {} 100% { opacity: 1; transform: translate3d(0, 0, 0); } } @-webkit-keyframes slG-fx-fadescale { 0% {} 100% { opacity: 1; transform: scale(1); } } @keyframes slG-fx-fadescale { 0% {} 100% { opacity: 1; transform: scale(1); } } /* Texttrenner */ .slGalerie .slG-textseparator { display: none !important; justify-content: space-between; align-items: center; color: #FFF; margin: 19px auto 20px; width: 100%; max-width: 200px; } .slGalerie .slG-textseparator > span:before { content: '*'; display: block; position: relative; top: 3px; } .slGalerie .slG-textseparator:before, .slGalerie .slG-textseparator:after { content:''; display: block; width: 40%; border-top: 2px solid #FFF; } .slGalerie .slG-align-left .slG-textseparator { margin-left: 0px; } .slGalerie .slG-align-right .slG-textseparator { margin-right: 0px; } .slGalerie .slG-text1 + .slG-textseparator { display: flex !important; } /* Texte */ .slGalerie .slG-text1, .slGalerie .slG-text2 { font-family: var(--font-header); font-weight: 600; text-transform: none; color: var(--col-primary); } .slGalerie .slG-text1 { font-size: 4vw; font-size: clamp(18px, 4vw, 3.5em); line-height: 1.15em; } .slGalerie .slG-text2 { font-family: var(--font-accent); font-weight: normal; font-size: 2vw; font-size: clamp(14px, 2vw, 1.5em); line-height: 1.3; } .slGalerie .slG-text1 + .slG-text2 { margin-top: 15px; } /* .slGalerie.slG-viewslides-2 .slG-text1 { font-size: clamp(18px, 4vw, 3.0em); } .slGalerie.slG-viewslides-2 .slG-text2 { font-size: clamp(14px, 2vw, 1.35em); } */ .slGalerie.slG-viewslides-3 .slG-text1 { font-size: clamp(18px, 4vw, 2.5em); } .slGalerie.slG-viewslides-3 .slG-text2 { font-size: clamp(14px, 2vw, 1.3em); } .slGalerie .slG-link { text-shadow: none; margin-bottom: 6px; } .slGalerie .slG-link a { font-size: clamp(10px, 1.2vw, 15px); margin: 0px !important; pointer-events: all; } .slGalerie .slG-link a:hover { } .slGalerie .slG-text1 + .slG-link, .slGalerie .slG-text2 + .slG-link { margin-top: 35px; } .slGalerie .slG-content.slG-boxed > div { padding: 13px 20px 12px; border-radius: 10px; overflow: hidden; } .slGalerie .slG-content.slG-boxed > div:after { content:''; position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; z-index: 1; background: rgba(0,0,0, 0.33); } /* Farb-Themes */ .slGalerie .slG-boxed.slG-boxed-col-white > div:after { background: rgba(255,255,255, 0.5); } .slGalerie .slG-boxed.slG-boxed-col-black > div:after { background: rgba(0,0,0, 0.5); } .slGalerie .slG-boxed.slG-boxed-col-primary > div:after { background: var(--col-primary-opa); } .slGalerie .slG-boxed.slG-boxed-col-secondary > div:after { background: var(--col-secondary-opa); } .slGalerie .slG-boxed.slG-boxed-col-accent > div:after { background: var(--col-accent-opa); } .slGalerie .slG-col-white span:not(.slG-link) { color: #FFF; } .slGalerie .slG-col-white .slG-link a { background: rgba(255,255,255, 0.75); color: #000; } .slGalerie .slG-col-white .slG-link a:hover { background: rgba(255,255,255, 1); } .slGalerie .slG-col-white .slG-textseparator:before, .slGalerie .slG-col-white .slG-textseparator:after { border-color: #FFF; } .slGalerie .slG-col-black span:not(.slG-link) { color: #000; } .slGalerie .slG-col-black .slG-link a { background: rgba(65,65,65, 0.75); color: #EEE; } .slGalerie .slG-col-black .slG-link a:hover { background: rgba(65,65,65, 1); } .slGalerie .slG-col-black .slG-textseparator:before, .slGalerie .slG-col-black .slG-textseparator:after { border-color: rgba(65,65,65, 1); } .slGalerie .slG-col-primary span:not(.slG-link) { color: var(--col-primary); } .slGalerie .slG-col-primary .slG-link a { background: var(--col-primary-opa); color: #EEE; } .slGalerie .slG-col-primary .slG-link a:hover { background: var(--col-primary); } .slGalerie .slG-col-primary .slG-textseparator:before, .slGalerie .slG-col-primary .slG-textseparator:after { border-color: var(--col-primary-opa); } .slGalerie .slG-col-secondary span:not(.slG-link) { color: var(--col-secondary); } .slGalerie .slG-col-secondary .slG-link a { background: var(--col-secondary-opa); color: #EEE; } .slGalerie .slG-col-secondary .slG-link a:hover { background: var(--col-secondary); } .slGalerie .slG-col-secondary .slG-textseparator:before, .slGalerie .slG-col-secondary .slG-textseparator:after { border-color: var(--col-secondary-opa); } .slGalerie .slG-col-accent span:not(.slG-link) { color: var(--col-accent); } .slGalerie .slG-col-accent .slG-link a { background: var(--col-accent-opa); color: #EEE; } .slGalerie .slG-col-accent .slG-link a:hover { background: var(--col-accent); } .slGalerie .slG-col-accent .slG-textseparator:before, .slGalerie .slG-col-accent .slG-textseparator:after { border-color: var(--col-accent-opa); } /* nachträglich die Texte anpassen, wenn Sliderhöhe zu gering */ .slGalerie [data-initheight="300"] .slG-text1 { font-size: 3vw; font-size: clamp(18px, 3vw, 2.0em); } .slGalerie [data-initheight="300"] .slG-text2 { font-size: 1.5vw; font-size: clamp(14px, 1.5vw, 1.25em); } .slGalerie [data-initheight="300"] .slG-link { display: none; } /* Projektspezisifische Anpassungen */ .slGalerie .slG-content { position: absolute; top: 50%; left: 0px; width: 100%; height: auto; justify-content: center; align-items: center; flex-direction: column; z-index: 100; transform: translateY(-50%); padding: 15px; text-transform: none; } .slGalerie .slG-content > * { flex: 1 1 100%; } .slGalerie .slG-content .slG-text1 { color: #FFF !important; font-size: clamp(22px, 4vw, 4.5rem); hyphens: none; } .slGalerie .slG-content .slG-link a { display: inline-block; font-size: var(--fontsize-text); background: #FFF; color: #333; border: none; } .slGalerie .slG-content .slG-link i { margin-right: 8px; } /* Modul: Einzelbild mit Verlinkung & imageArea (ab v1.3.7) */ .singleImage { position: relative; display: inline-block; max-width: 100%; line-height: 0px; margin: 0px auto -5px; /* -5px: inline-block-Abstand aufheben */ overflow: hidden; transition: all .3s ease; } .singleImage img { position: relative; display: block; max-width: 100%; height: auto; z-index: -2; transition: all .3s ease; margin: 0px; image-rendering: auto; image-rendering: -webkit-optimize-contrast; } .singleImage.si-greytone img { filter: var(--filter-grey); } .singleImage a { display: inline-block; position: relative; } .singleImage a:after { content: ''; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; opacity: 0; transition: all .3s ease; background: url(thumb-plus.png) no-repeat center center var(--col-primary-opa); } .singleImage a:hover:after { opacity: 1; } .left > .singleImage { margin-left: 0px; } .right > .singleImage { margin-right: 0px; } .singleImage100ph, .singleImage100ph * { height: 100% !important; } .singleImage100ph img { object-fit: cover; object-position: center; } .singleImage100pw, .singleImage100pw * { width: 100% !important; } .singleImage.si-hover-grey a:after, .singleImage.si-hover-color a:after, .singleImage.si-hover-blur a:after, .singleImage.si-hover-liftup a:after, .singleImage.si-hover-scaleup a:after { display: none; } .singleImage.si-hover-grey:hover img { filter: var(--filter-grey); } .singleImage.si-hover-color:hover img { filter: grayscale(0); } .singleImage.si-hover-blur:hover img { filter: var(--filter-blur); } .singleImage.si-greytone.si-hover-blur:hover img { filter: var(--filter-greyblur); } .singleImage.si-hover-liftup:not(.hasimagemap):hover { transform: var(--fx-liftup-transf); box-shadow: var(--fx-liftup-shadow); } .singleImage.si-hover-scaleup:hover { transform: var(--fx-scaleup); transform-origin: center; } /* Imagemap-Option */ .si-imagemapwrapper img { display: inline-block; z-index: auto !important; } .si-imagemapwrapper:hover img { filter: grayscale(0) !important; } .si-imagemapwrapper a.area { display: flex; position: absolute; overflow: hidden; text-decoration: none; font-size: 15px; color: #FFF; text-shadow: 1px 1px #000; line-height: 1.1; transition: background 0.7s ease; } .si-imagemapwrapper a.area:hover, .mobile .imagemap-wrapper a.area { background: rgba(67,67,67, 0.35); } .si-imagemapwrapper a.area span { display: inline-block; opacity: 1; width: 100%; text-align: center; padding: 0px 5px; vertical-align: middle; transition: opacity 0.3s ease; align-self: center; justify-self: center; } html:not(.mobile) .si-imagemapwrapper a.area span { opacity: 0; } .si-imagemapwrapper a.area:hover span { opacity: 1 !important; } .si-imagemaptooltip { position: absolute; top: -10px; left: -10px; opacity: 0; width: auto; max-width: 150px; margin: 0px; padding: 4px 6px 3px; background: var(--col-primary); border-radius: 0px; font-size: 12px; color: #FFF; text-shadow: 1px 1px #000; line-height: 1.1; transition: property 0.3s ease; transition-property: transform, opacity; pointer-events: none; } .si-imagemaptooltip.show { opacity: 1; } .si-imagemaptooltip-boxed { top: 0px !important; left: 0px !important; right: 0px; border-radius: 0px 0px 5px 5px; margin: 0px auto; transform: translateY(-20px); text-shadow: none; width: 100%; max-width: 350px; text-align: center; padding: 6px 12px; background: var(--col-primary-opa); color: var(--col-primary); } .si-imagemaptooltip-boxed.show { transform: translateY(0px); } /* Modul: Video einbinden (ab v1.2.7) */ .video-galerie { display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; grid-gap: 0px; margin: 0px auto; } .video-galerie.videogrid-1 { } .video-galerie.videogrid-2 { -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; } .video-galerie.videogrid-3 { -ms-grid-columns: 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr; } .video-galerie video { display: block; width: 100%; } .video-galerie div.ct-privacy a { z-index: 5; } .video-galerie div.ct-privacy:after { content: ''; width: 0px; height: 0px; -webkit-transform:rotate(360deg); border-style: solid; border-width: 76px 0 76px 130px; border-color: transparent transparent transparent rgba(0,0,0, 0.1); position: absolute; top: 50%; left: 50%; z-index: 0; margin: -74px 0px 0px -65px; } .video-galerie.videoalign-left { margin-left: 0px; } .video-galerie.videoalign-center { } .video-galerie.videoalign-right { margin-right: 0px; } .video-galerie.videogap-sm { grid-gap: 40px; } .video-galerie.videogap-md { grid-gap: 90px; } .video-galerie.videogap-lg { grid-gap: 140px; } .video-galerie.videoheight-ori div.ct-privacy { height: 100%; min-height: 200px; } .video-galerie.videoheight-1-1 .plyr__video-wrapper, .video-galerie.videoheight-1-1 div.ct-privacy { aspect-ratio: 1/1 !important; } .video-galerie.videoheight-3-2 .plyr__video-wrapper, .video-galerie.videoheight-3-2 div.ct-privacy { aspect-ratio: 3/2 !important; } .video-galerie.videoheight-4-3 .plyr__video-wrapper, .video-galerie.videoheight-4-3 div.ct-privacy { aspect-ratio: 4/3 !important; } .video-galerie.videoheight-8-5 .plyr__video-wrapper, .video-galerie.videoheight-8-5 div.ct-privacy { aspect-ratio: 8/5 !important; } .video-galerie.videoheight-16-9 .plyr__video-wrapper, .video-galerie.videoheight-16-9 div.ct-privacy { aspect-ratio: 16/9 !important; } .video-container { height: auto; padding: 0px; } .video-container div.ct-privacy { position: relative !important; background: rgba(255,255,255, 1); } .video-galerie figure, .video-galerie figcaption { display: block; } .video-galerie figcaption { display: flex; align-items: center; justify-content: center; min-height: 48px; padding: 5px 9px; /*margin-bottom: -8px;*/ font-size: 0.85em; background: rgba(255,255,255, 1); border-top: 1px solid rgb(238,238,238); } .video-container .plyr .plyr__control--overlaid { background: #FFF; } .video-container .plyr .plyr__control--overlaid svg use, .video-container .plyr__progress .plyr__tooltip { color: var(--col-primary); } .video-container .plyr .plyr__control--overlaid:hover svg use { color: #FFF; } .video-container .plyr .plyr__control:hover, .video-container .plyr .plyr__control--overlaid:hover { background: var(--col-primary); } .video-container .plyr input[type=range] { color: var(--col-secondary); border: none !important; } @media screen and (max-width:560px){ .video-container .plyr .plyr__controls { padding-top: calc(var(--plyr-control-spacing, 4px)*2); } .video-container .plyr .plyr__progress__container { display: none; } } /* Modul: FAQ (ab v1.5.2) */ .faq { position: relative; padding: 0px; margin: 0px 0px 2px; border-bottom: 1px solid var(--col-secondary); } .faq > div.faq-question { position: relative; font-family: var(--font-header); font-size: var(--fontsize-title); font-weight: bold; color: var(--col-primary); margin: 0px 0px 30px; line-height: normal; letter-spacing: 0; word-wrap: break-word; text-align: left; vertical-align: middle; margin: 0px; text-decoration: none; padding: 28px 40px 28px 0px; cursor: pointer; transition: all 0.3s ease; max-width: none; } .faq > div.faq-question:hover { color: var(--col-secondary); } .faq > div.faq-question i { position: absolute; top: 9px; left: 0px; font-size: 20px; font-weight: bold; } .faq > div.faq-question.active { } .faq > div.faq-question span { position: absolute; left: 10px; display: inline-block; text-align: left; margin-top: -8px; line-height: 41px; } .faq.faq-type-counter > div.faq-question { padding-left: 50px; padding-top: 10px; } .faq.faq-type-counter > div.faq-question span { background: var(--col-primary); color: var(--col-secondary); margin-top: -6px; left: 1px; font-size: 17px; width: 32px; height: 32px; border-radius: 50%; line-height: 32px; text-align: center; transition: all 0.3s ease; } .faq.faq-type-counter > div.faq-question:hover span { background: var(--col-secondary); color: #FFF; } .faq.faq-type-line > div.faq-question { padding-left: 35px; } .faq.faq-type-line > div.faq-question span { left: 9px; margin-top: -10px; } .faq.faq-type-plusminus > div.faq-question { /*padding-left: 35px !important;*/ } .faq.faq-type-plusminus > div.faq-question span { margin-top: -2px; left: auto; right: 3px; font-weight: 100; font-size: 35px; color: var(--col-primary); top: 50%; transform: translateY(-50%); margin-top: 0px; } .faq.faq-type-plusminus > div.faq-question.active span { /*margin-top: -10px;*/ right: 2px; } .faq.faq-type-boxed > div.faq-question { background: var(--col-primary); color: var(--col-secondary); padding: 13px 15px 10px; } .faq.faq-type-boxed > div.faq-question:hover { background: var(--col-secondary); color: #FFF; } .faq.faq-type-boxedplusminus > div.faq-question { } .faq.faq-type-boxedplusminus > div.faq-question span { margin-top: -11px; } .faq.faq-type-boxedplusminus > div.faq-question.active span { margin-top: -10px; } .faq > div.faq-answer { padding: 0px 2px 30px; position: relative; background: none; overflow: hidden; } .faq.faq-type-counter > div.faq-answer { padding-left: 50px; } .faq.faq-type-line > div.faq-answer { padding-left: 35px; } .faq.faq-type-boxed > div.faq-answer { padding-left: 10px !important; padding-top: 15px !important; } .faq.faq-type-plusminus > div.faq-answer { /*padding-left: 35px;*/ } .faq.faq-type-boxedplusminus > div.faq-answer { } /* Anpassungen für alternativen Font */ .faq.faq-font > div.faq-question { font-size: 1.2em; } .faq.faq-font.faq-type-counter > div.faq-question { padding-left: 45px; } .faq.faq-font.faq-type-counter > div.faq-question span { left: 1px; margin-top: -4px; font-size: inherit; width: 32px; height: 32px; line-height: 30px; } .faq.faq-font.faq-type-line > div.faq-question { padding-left: 35px; } .faq.faq-font.faq-type-line > div.faq-question span { margin-top: -12px; } .faq.faq-font.faq-type-line > div.faq-answer { padding-left: 35px; } .faq.faq-font.faq-type-plusminus > div.faq-question { padding-left: 35px; } .faq.faq-font.faq-type-plusminus > div.faq-question span { margin-top: -10px; } .faq.faq-font.faq-type-plusminus > div.faq-question.active span { margin-top: -12px; } .faq.faq-font.faq-type-plusminus > div.faq-answer { padding-left: 35px; } /* Farb-Themes */ .bc-light .faq { border-color: var(--col-light); } .bc-light .faq > div.faq-question { color: var(--col-light); } .bc-light .faq > div.faq-question:hover { opacity: 0.75; } .bc-light .faq.faq-type-plusminus > div.faq-question span { color: var(--col-light); } .bc-light .faq.faq-type-counter > div.faq-question span, .bc-light .faq.faq-type-boxed > div.faq-question { background: var(--col-light); color: var(--col-accent); } .bc-light .faq.faq-type-counter > div.faq-question:hover span, .bc-light .faq.faq-type-boxed > div.faq-question:hover { background: #EEE; } .bc-light .faq.faq-type-boxed > div.faq-question span, .bc-light .faq.faq-type-boxed > div.faq-question:hover { color: var(--col-light); } .bc-dark .faq { border-color: var(--col-dark); } .bc-dark .faq > div.faq-question { color: var(--col-dark); } .bc-dark .faq > div.faq-question:hover { opacity: 0.75; } .bc-dark .faq.faq-type-counter > div.faq-question span, .bc-dark .faq.faq-type-boxed > div.faq-question { background: var(--col-light); color: #FFF; } .bc-dark .faq.faq-type-counter > div.faq-question:hover span, .bc-dark .faq.faq-type-boxed > div.faq-question:hover { background: var(--col-accent); color: var(--col-light); } .bc-dark .faq.faq-type-boxed > div.faq-question span, .bc-dark .faq.faq-type-boxed > div.faq-question:hover { color: var(--col-light); } /* Modul: iFrame (externe Seite oder Kartenausschnitte - ab v2.0) */ .iframe-embed { max-width: 100%; height: 100%; } .iframe-embed:after { content: ''; clear: both; height: 0px; display: block; } .iframe-embed.ie-left { margin: 0px auto 0px 0px; } .iframe-embed.ie-center { margin: 0px auto; } .iframe-embed.ie-right { margin: 0px 0px 0px auto; } .iframe-embed iframe.ie-cardstyle-gray, .iframe-embed .ie-cardstyle-gray .leaflet-tile-pane { filter: grayscale(1) !important; } .iframe-embed iframe.ie-cardstyle-dark, .iframe-embed .ie-cardstyle-dark .leaflet-tile-pane { filter: grayscale(1) invert(1) opacity(0.8) !important; } /* Maps + Leaflet */ div.leaflet-container { height: 100%; } div.leaflet-container * { color: #222 !important; } div.leaflet-container .osm-infowindow { max-width: 320px; background: #FFF; border: 2px solid rgba(0,0,0,0.2); border-radius: 4px; padding: 8px 10px; margin-right: 55px; background-clip: paddingbox; box-shadow: 0 1px 4px -1px rgba(0,0,0,0.3); } div.leaflet-container .osm-infowindow td { color: #5B5B5B; font-size: 12px; font-family: var(--font-text); } div.leaflet-container .osm-infowindow td strong { color: #222; font-size: 14px; } div.leaflet-container img.leaflet-marker-icon { /*filter: grayscale(1);*/ } div.leaflet-container .osm-tooltip { opacity: 1 !important; font-weight: bold; } div.leaflet-container .marker-cluster { background: #BBB; outline: 1px solid rgba(255,255,255, 0.5); } div.leaflet-container .marker-cluster > div { background: var(--col-primary-opa); } div.leaflet-container .marker-cluster > div span { color: var(--col-primary-text) !important; font-weight: bold; } @media only screen and (max-width: 600px) { div.leaflet-container .osm-infowindow .osm-iw-image { display: none; } } @media only screen and (max-width: 350px) { div.leaflet-container .osm-infowindow .osm-iw-content { display: none; } } /* Interner Zurück-Link (ab v1.2) */ div.link-historyback { padding: 25px 0px; } div.link-historyback.left { text-align: left; } div.link-historyback.center { text-align: center; } div.link-historyback.right { text-align: right; } /* Modul: RSS-Feed (ab v1.0) */ .feedlist { margin: 0px; padding: 0px; } .feedlist .fl-item { display: flex; flex-direction: row; flex-wrap: nowrap; margin: 65px 0px 0px 0px; padding: 0px; transition: all 0.3s ease; } .feedlist .fl-item.first { border: none !important; margin-top: 0px !important; } .feedlist .fl-item.minmargin { margin-top: 35px; } .feedlist .fl-item.minmargin.hasnoimage.hasnotext { margin-top: 25px; } .feedlist .fl-image { position: relative; margin: 0px; margin-right: 15px; /*aspect-ratio: 1/1;*/ } .feedlist .fl-image figure { /*position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; aspect-ratio: 1/1;*/ overflow: hidden; } .feedlist .fl-image img { width: 100%; height: auto; } .feedlist .fl-image span { display: block; background: rgba(150,150,150, 0.1); aspect-ratio: 3/2; } /* Platzhalter-Bild */ .feedlist .fl-image a { position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; margin: 0px; padding: 0px; z-index: 10; } .feedlist .fl-image.ratio20-80 { width: 20%; } .feedlist .fl-image.ratio25-75 { width: 25%; } .feedlist .fl-image.ratio30-70 { width: 30%; } .feedlist .fl-image.ratio35-65 { width: 35%; } .feedlist .fl-image.ratio40-60 { width: 40%; } .feedlist .fl-image.ratio45-55 { width: 45%; } .feedlist .fl-image.ratio50-50 { width: 50%; } .feedlist .fl-content { width: 100%; margin: 0px; padding: 0px; } .feedlist .fl-item.hasimage .fl-content { margin-left: 15px; } .feedlist .fl-content.ratio20-80 { width: 80%; } .feedlist .fl-content.ratio25-75 { width: 75%; } .feedlist .fl-content.ratio30-70 { width: 70%; } .feedlist .fl-content.ratio35-65 { width: 65%; } .feedlist .fl-content.ratio40-60 { width: 60%; } .feedlist .fl-content.ratio45-55 { width: 55%; } .feedlist .fl-content.ratio50-50 { width: 50%; } .feedlist .fl-headline a { color: var(--col-text); text-decoration: none; } .feedlist .fl-headline { font-family: var(--font-header); font-size: var(--fontsize-title); font-weight: bold; text-transform: uppercase; text-decoration: none; line-height: 1.25; } .feedlist .fl-title { word-break: break-word; text-overflow: ellipsis; } .feedlist .fl-date { margin: 4px 0px 0px; font-size: 0.85em; color: #999; } .feedlist .fl-item.minmargin.hasnoimage .fl-date { margin-top: 2px; } .feedlist .fl-date i { display: none; margin-right: 5px; } .feedlist .fl-text { margin-top: 15px; } .feedlist .fl-item.minmargin.hasnoimage .fl-text { margin-top: 7px; } .feedlist .fl-link { margin-top: 20px; } .feedlist .fl-item.minmargin.hasnoimage .fl-link { margin-top: 15px; } .feedlist .fl-item.minmargin.hasnoimage.hasnotext .fl-link { margin-top: 12px; } .feedlist .fl-link a { margin: 0px; } /* Design: Raster */ .feedlist.feed-squares { display: flex; flex-wrap: wrap; gap: 5px 5px; justify-content: center; } .feedlist.feed-squares .fl-item { flex: 0 1 180px; display: block; position: relative; vertical-align: top; margin: 0px 0px; cursor: pointer; } .feedlist.feed-squares .fl-item.bigimages { flex: 0 1 300px; } .feedlist.feed-squares .fl-image, .feedlist.feed-squares .fl-title { position: relative; width: 100%; margin: 0px; overflow: hidden; } .feedlist.feed-squares .fl-image { padding-top: 100%; background: rgba(150,150,150, 0.1); } .feedlist.feed-squares .fl-image span { aspect-ratio: auto; } .feedlist.feed-squares .fl-title { position: absolute; top: 0; left: 0; z-index: 5; display: flex; justify-items: center; align-items: center; height: 100%; padding: 15px; font-size: 13px; background: var(--col-primary-opa); text-overflow: ellipsis; line-height: 1.2; opacity: 0; transition: all 0.4s ease; } .feedlist.feed-squares .fl-title, .feedlist.feed-squares .fl-title span { color: var(--col-primary-text) !important; } .feedlist.feed-squares .fl-item.bigimages .fl-title { padding: 25px; } .feedlist.feed-squares .fl-item:hover .fl-title { opacity: 1; } .feedlist.feed-squares .hasnotitle .fl-title { background: url(thumb-plus.png) no-repeat center center var(--col-primary-opa); } .feedlist.feed-squares .hasnotitle .fl-title span { display: none; } .feedlist.feed-squares .fl-image img, .feedlist.feed-squares a { position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; margin: 0px; padding: 0px; object-fit: cover; object-position: center; } .feedlist.feed-squares a { z-index: 10; } /* Farb-Themes */ .bc-light .feedlist .fl-image span { background: rgba(255,255,255, 0.15); } .bc-light .feedlist .fl-headline a, .bc-light .feedlist .fl-date { color: var(--col-light); } /* Modul: Gridblock (Zusatzeinstellungen ab CS v1.2.6) */ .gridblock { /*margin: 0px;*/ padding: 0px; --GBcolumns: 1; --GBgap: 0px; } .gridtemplate-2col { --GBcolumns: 2; } .gridtemplate-3col { --GBcolumns: 3; } .gridtemplate-4col { --GBcolumns: 4; } .gridtemplate-5col { --GBcolumns: 5; } .gridtemplate-6col { --GBcolumns: 6; } .gridblock, .gridblock .tmpl, .gridblock .row, .gridblock .col { box-sizing: border-box; position: relative; background-repeat: no-repeat; --margin-divisor: 1; --padding-divisor: 1; } .gridblock .tmpl { z-index: 5; } .gridblock .row { display: flex; flex-wrap: wrap; margin: 0px; z-index: 5; } .gridblock .col { display: flex; flex-grow: 1; margin: 0px auto; width: calc((100% / var(--GBcolumns)) - var(--GBgap) + (var(--GBgap) / var(--GBcolumns))); } .gridblock .col.wAuto { width: auto !important; margin-left: auto !important; margin-right: auto !important; } .gridblock .col.wFull { width: 100% !important; } .gridblock .col.wHalf { width: calc(50% - var(--GBgap) + (var(--GBgap) / var(--GBcolumns))) !important; } .gridtemplate-80-20 .col, .gridtemplate-20-80 .col { width: calc(20% - var(--GBgap) + (var(--GBgap) / var(--GBcolumns))); } .gridtemplate-80-20 .col:nth-child(1), .gridtemplate-20-80 .col:nth-child(2) { width: calc(80% - var(--GBgap) + (var(--GBgap) / var(--GBcolumns))); } .gridtemplate-70-30 .col, .gridtemplate-30-70 .col { width: calc(30% - var(--GBgap) + (var(--GBgap) / var(--GBcolumns))); } .gridtemplate-70-30 .col:nth-child(1), .gridtemplate-30-70 .col:nth-child(2) { width: calc(70% - var(--GBgap) + (var(--GBgap) / var(--GBcolumns))); } .gridtemplate-60-40 .col, .gridtemplate-40-60 .col { width: calc(40% - var(--GBgap) + (var(--GBgap) / var(--GBcolumns))); } .gridtemplate-60-40 .col:nth-child(1), .gridtemplate-40-60 .col:nth-child(2) { width: calc(60% - var(--GBgap) + (var(--GBgap) / var(--GBcolumns))); } .gridtemplate-25-50-25 .col, .gridtemplate-50-25-25 .col, .gridtemplate-25-25-50 .col { width: calc(25% - var(--GBgap) + (var(--GBgap) / var(--GBcolumns))); } .gridtemplate-25-50-25 .col:nth-child(2), .gridtemplate-50-25-25 .col:nth-child(1), .gridtemplate-25-25-50 .col:nth-child(3) { width: calc(50% - var(--GBgap) + (var(--GBgap) / var(--GBcolumns))); } .gridtemplate-16-67-16 .col, .gridtemplate-67-16-16 .col, .gridtemplate-16-16-67 .col { width: calc(16.5% - var(--GBgap) + (var(--GBgap) / var(--GBcolumns))); } .gridtemplate-16-67-16 .col:nth-child(2), .gridtemplate-67-16-16 .col:nth-child(1), .gridtemplate-16-16-67 .col:nth-child(3) { width: calc(67% - var(--GBgap) + (var(--GBgap) / var(--GBcolumns))); } .gridblock .col > div { position: relative; z-index: 5; } /* Inhaltsebene */ @supports (gap: 1px) { .gridblock .cGap-xs { --GBgap: var(--gap-xs); gap: var(--GBgap); } .gridblock .cGap-sm { --GBgap: var(--gap-sm); gap: var(--GBgap); } .gridblock .cGap-md { --GBgap: var(--gap-md); gap: var(--GBgap); } .gridblock .cGap-lg { --GBgap: var(--gap-lg); gap: var(--GBgap); } .gridblock .cGap-xl { --GBgap: var(--gap-xl); gap: var(--GBgap); } } .gridblock .ca-cc { align-items: center; justify-content: center; } .gridblock .ca-lt { align-items: flex-start; justify-content: flex-start; } .gridblock .ca-rt { align-items: flex-start; justify-content: flex-end; } .gridblock .ca-rb { align-items: flex-end; justify-content: flex-end; } .gridblock .ca-lb { align-items: flex-end; justify-content: flex-start; } .gridblock .ca-ct { align-items: flex-start; justify-content: center; } .gridblock .ca-cr { align-items: center; justify-content: flex-end; } .gridblock .ca-cb { align-items: flex-end; justify-content: center; } .gridblock .ca-cl { align-items: center; justify-content: flex-start; } .gridblock .cs-width > div { width: 100%; } .gridblock .cs-height > div { height: 100%; } .gridblock .cs-full > div { width: 100%; height: 100%; } .gridblock .bc-dark * { color: var(--col-dark); } .gridblock .bc-light * { color: var(--col-light); } .gridblock .colsReverse { flex-direction: row-reverse; } .gridblock .height100p { align-self: auto; } .gridblock .brd.brd-solid { border-style: solid; } /* klassischer Border */ .gridblock .brd.brd-double { border-style: double; } .gridblock .brd.brd-dotted { border-style: dotted; } .gridblock .brd.brd-dashed { border-style: dashed; } .gridblock .brd.brd-groove { border-style: groove; } .gridblock .brd.brdCol-primary { border-color: var(--col-primary); } .gridblock .brd.brdCol-secondary { border-color: var(--col-secondary); } .gridblock .brd.brdCol-accent { border-color: var(--col-accent); } .gridblock .brd.brdT-none { border-top: none; } .gridblock .brd.brdR-none { border-right: none; } .gridblock .brd.brdB-none { border-bottom: none; } .gridblock .brd.brdL-none { border-left: none; } .gridblock .brdOutline.brd-solid { outline-style: solid; } /* Ouline-Border */ .gridblock .brdOutline.brd-double { outline-style: double; } .gridblock .brdOutline.brd-dotted { outline-style: dotted; } .gridblock .brdOutline.brd-dashed { outline-style: dashed; } .gridblock .brdOutline.brd-groove { outline-style: groove; } .gridblock .brdOutline.brdCol-primary { outline-color: var(--col-primary); } .gridblock .brdOutline.brdCol-secondary { outline-color: var(--col-secondary); } .gridblock .brdOutline.brdCol-accent { outline-color: var(--col-accent); } .gridblock .divi { position: relative; display: block; width: 100%; margin: 0px; padding: 0px; overflow: hidden; line-height: 0; border: none; z-index: 3; } .gridblock .divi-aboveContent { z-index: 20; } .gridblock .divi-inside { position: absolute; left: 0px; } .gridblock .divi-top.divi-inside { top: -1px; } .gridblock .divi-bottom.divi-inside { bottom: -1px; } .gridblock .divi-outside {} .gridblock .divi-top.divi-outside { top: 1px; } .gridblock .divi-bottom.divi-outside { bottom: 1px; } .gridblock .divi > * { display: block; position: relative; left: 50%; transform: translateX(-50%); overflow: hidden; border: none; background: none !important; max-width: none !important; transition: all 0.3s ease; } .gridblock .divi.divi-flipX > * { transform: translateX(-50%) rotateY(180deg); } .gridblock .divi.divi-flipY > * { transform: translateX(-50%) rotateX(180deg); } .gridblock .divi.divi-flipX.divi-flipY > * { transform: translateX(-50%) rotateX(180deg) rotateY(180deg); } .gridblock .divi svg.bgCol-primary > * { fill: var(--col-primary); } .gridblock .divi svg.bgCol-secondary > * { fill: var(--col-secondary); } .gridblock .divi svg.bgCol-accent > * { fill: var(--col-accent); } .gridblock .divi img { height: auto; } /* Projektspezifische Anpassungen */ .gridblock .tmpl, .gridblock .divi svg { background-color: var(--col-primary); --col-text: var(--col-primary-text); } .gridblock .tmpl *:not(a.linkbutton-primary):not(.btn-primary) { color: var(--col-primary-text); } .gridblock .tmpl.bgCol-even { background-color: var(--col-secondary); --col-text: var(--col-secondary-text); } .gridblock .tmpl.bgCol-even *:not(a.linkbutton-primary):not(.btn-primary) { color: var(--col-secondary-text); } /* Interner Zurück-Link (ab v1.2) */ div.link-historyback { padding: 25px 0px; } div.link-historyback.left { text-align: left; } div.link-historyback.center { text-align: center; } div.link-historyback.right { text-align: right; } /* Sonstiges */ /* Gridcontainer (simple & easy) */ .gridcontainer { --gridcontainergap: 35px; display: flex; flex-wrap: wrap; box-sizing: border-box; margin: 0px calc(var(--gridcontainergap)/2 * -1); } .gridcontainer [class^="col"] { box-sizing: border-box; flex: 1 1 100%; margin: 0px calc(var(--gridcontainergap)/2); } /* set permanent fixed width */ .gridcontainer .col-1-sm { flex-basis: calc(8.3333% - var(--gridcontainergap)); } .gridcontainer .col-2-sm { flex-basis: calc(16.6666% - var(--gridcontainergap)); } .gridcontainer .col-3-sm { flex-basis: calc(25% - var(--gridcontainergap)); } .gridcontainer .col-4-sm { flex-basis: calc(33.3333% - var(--gridcontainergap)); } .gridcontainer .col-5-sm { flex-basis: calc(41.6666% - var(--gridcontainergap)); } .gridcontainer .col-6-sm { flex-basis: calc(50% - var(--gridcontainergap)); } .gridcontainer .col-7-sm { flex-basis: calc(58.3333% - var(--gridcontainergap)); } .gridcontainer .col-8-sm { flex-basis: calc(66.6666% - var(--gridcontainergap)); } .gridcontainer .col-9-sm { flex-basis: calc(75% - var(--gridcontainergap)); } .gridcontainer .col-10-sm { flex-basis: calc(83.3333% - var(--gridcontainergap)); } .gridcontainer .col-11-sm { flex-basis: calc(91.6666% - var(--gridcontainergap)); } .gridcontainer .col-12-sm { flex-basis: 100%; } @media only screen and (min-width: 680px) { .gridcontainer .col-1 { flex-basis: calc(8.3333% - var(--gridcontainergap)); } .gridcontainer .col-2 { flex-basis: calc(16.6666% - var(--gridcontainergap)); } .gridcontainer .col-3 { flex-basis: calc(25% - var(--gridcontainergap)); } .gridcontainer .col-4 { flex-basis: calc(33.3333% - var(--gridcontainergap)); } .gridcontainer .col-5 { flex-basis: calc(41.6666% - var(--gridcontainergap)); } .gridcontainer .col-6 { flex-basis: calc(50% - var(--gridcontainergap)); } .gridcontainer .col-7 { flex-basis: calc(58.3333% - var(--gridcontainergap)); } .gridcontainer .col-8 { flex-basis: calc(66.6666% - var(--gridcontainergap)); } .gridcontainer .col-9 { flex-basis: calc(75% - var(--gridcontainergap)); } .gridcontainer .col-10 { flex-basis: calc(83.3333% - var(--gridcontainergap)); } .gridcontainer .col-11 { flex-basis: calc(91.6666% - var(--gridcontainergap)); } .gridcontainer .col-12 { flex-basis: 100%; } } /* Infolabels */ .infoblock, .infoinlineblock { display: block; font-size: 0.825em; margin-top: 7px; } .infoinlineblock { display: inline; } .info-labels { display: inline-block; padding: 3px 6px; background: #E0E0E0; font-size: 12px; border-radius: 2px; text-align: center; } .info-labels.info-green { background: #360; color: #FFF; } .info-labels.info-red { background: #900; color: #FFF; } /* Responsive (scrollbare) Tabellen */ .tablescroll { display: block; overflow: auto; overflow-x: auto; overflow-y: hidden; margin: 0px; /*margin-bottom: 1em !important;*/ scrollbar-width: thin; scrollbar-color: rgba(0,0,0, 0.2) #FFF; } .tablescroll::-webkit-scrollbar { -webkit-appearance: none; width: 14px; height: 12px; } .tablescroll::-webkit-scrollbar-track { background: #FFF; border-radius: 6px; border: 1px solid rgba(0,0,0, 0.2); border-left: none; border-right: none; } .tablescroll::-webkit-scrollbar-thumb { border-radius: 6px; border: 3px solid rgba(255,255,255, 0.5); background: rgba(0,0,0, 0.2); } /* CTH Imprint */ .cthwebdesign { display: block; margin-top: 0px; font-size: 0.7em; } .cthwebdesign a { text-decoration: none !important; opacity: 0.75; } .cthwebdesign a:hover { opacity: 1; } /* Editorstyles */ span.textfarbe-primary { color: var(--col-primary); } span.textfarbe-secondary { color: var(--col-secondary); } span.text-grossbuchstaben { text-transform: uppercase; } span.text-einrueckung { margin-left: 1em; } span.text-zeichenabstand { letter-spacing: 0.05em; } span.text-zeilenabstand { line-height: 1.5em; } span.text-2spaltig, ul.text-2spaltig { display: block; columns: 300px 2; column-gap: 40px; } span.text-3spaltig, ul.text-3spaltig { display: block; columns: 300px 3; column-gap: 40px; } ul.text-2spaltig, ul.text-3spaltig { column-gap: 60px; } span.text-initiale { display: block; } span.text-initiale::first-letter { float: left; font-size: 3.27em; line-height: 0.9em; padding: 0px 8px 0px 0px; margin: 0px } span.schrift-header { font-family: var(--font-header); font-weight: 900; font-size: var(--fontsize-header); line-height: 1.15; letter-spacing: normal; word-wrap: break-word; } span.schrift-slogan { font-family: var(--font-header); font-weight: 900; font-size: var(--fontsize-header); line-height: 1.15; letter-spacing: normal; word-wrap: break-word; hyphens: none; text-shadow: -1px 1px 0 rgb(0,0,0, 0.3), -1px 2px 2px rgb(0,0,0, 0.1); } img.bild-links-mit-textfluss { text-align: left; margin-bottom: clamp(40px, 3vw, 3vw); margin-right: clamp(50px, 4vw, 4vw); float: left; transition: all 0.3s ease; } img.bild-rechts-mit-textfluss { text-align: right; margin-bottom: clamp(40px, 3vw, 3vw); margin-left: clamp(50px, 4vw, 4vw); float: right; transition: all 0.3s ease; } img.bild-links-mit-textfluss-und-rahmen { text-align: left; margin-bottom: clamp(40px, 3vw, 3vw); margin-right: clamp(50px, 4vw, 4vw); border: 10px solid var(--col-primary-linkbutton); float: left; transition: all 0.3s ease; } img.bild-rechts-mit-textfluss-und-rahmen { text-align: right; margin-bottom: clamp(40px, 3vw, 3vw); margin-left: clamp(50px, 4vw, 4vw); border: 10px solid var(--col-primary-linkbutton); float: right; transition: all 0.3s ease; } img.bild-rahmen { border: 10px solid var(--col-primary-linkbutton); } span.img_abstand-oben-unten img { margin-top: 35px; margin-bottom: 35px; } span.img_abgerundete-ecken-sm img { border-radius: var(--borderRadius-sm); } span.img_abgerundete-ecken-lg img { border-radius: var(--borderRadius-lg); } span.img_abgerundete-ecken-100p img { border-radius: 100%; } span.img_form-leftpoint img { clip-path: polygon(25% 0%, 100% 0%, 100% 100%, 25% 100%, 0% 50%); } span.img_form-rightpoint img { clip-path: polygon(0% 0%, 75% 0%, 100% 50%, 75% 100%, 0% 100%); } span.img_form-rightparallelogram img { clip-path: polygon(0% 0%, 75% 0%, 100% 100%, 25% 100%); } span.img_form-rightparallelogram img { clip-path: polygon(25% 0%, 100% 0%, 75% 100%, 0% 100%); } /* Projektspezifische Anpassungen */ div.bgCol-even img.bild-links-mit-textfluss-und-rahmen, div.bgCol-even img.bild-rechts-mit-textfluss-und-rahmen, div.bgCol-even img.bild-rahmen { border-color: var(--col-secondary-linkbutton); } table.tabelle-links { margin-left: 0px; margin-right: auto; } table.tabelle-mittig { margin-left: auto; margin-right: auto; } table.tabelle-rechts { margin-left: auto; margin-right: 0px; } table.tabelle-breite600 { width: 100%; max-width: 600px; } table.tabelle-breite800 { width: 100%; max-width: 800px; } table.tabelle-breite1000 { width: 100%; max-width: 1000px; } table.tabelle-breite1200 { width: 100%; max-width: 1200px; } table.tabelle-formatiert { width: 100%; overflow: hidden; padding: 30px; margin: 0px auto; } table.tabelle-formatiert tbody { border-radius: var(--borderRadius-xs); overflow: hidden; box-shadow: 0 0 30px 0 rgba(0,0,0, 0.2); display: table; width: 100%; border-collapse: collapse; outline: 1px solid rgba(255,255,255, 0.2); } table.tabelle-formatiert tr { border-top: 1px solid rgba(0,0,0, 0.1); transition: all 0.3s ease; } table.tabelle-formatiert tr:nth-child(1) { border: none; } table.tabelle-formatiert tr:nth-child(even) { background: rgba(255,255,255, 0.65); } table.tabelle-formatiert tr:nth-child(odd) { background: rgba(255,255,255, 0.25); } table.tabelle-formatiert th, table.tabelle-formatiert td { padding: 16px 16px 16px 0px; text-align: left; vertical-align: top; word-break: break-word; } table.tabelle-formatiert th:first-child, table.tabelle-formatiert td:first-child { padding-left: 26px; } table.tabelle-formatiert th:last-child, table.tabelle-formatiert td:last-child { padding-right: 26px; } .colorset-1 table.tabelle-formatiert tr:nth-child(even), .colorset-6 table.tabelle-formatiert tr:nth-child(even), .colorset-9 table.tabelle-formatiert tr:nth-child(even), .colorset-10 table.tabelle-formatiert tr:nth-child(even), .colorset-13 table.tabelle-formatiert tr:nth-child(even), .colorset-15 table.tabelle-formatiert tr:nth-child(even), .colorset-16 table.tabelle-formatiert tr:nth-child(even), .colorset-18 table.tabelle-formatiert tr:nth-child(even), .colorset-20 table.tabelle-formatiert tr:nth-child(even) { background: var(--col-secondary); } .colorset-12 table.tabelle-formatiert tr:nth-child(even), .colorset-19 table.tabelle-formatiert tr:nth-child(even) { background: var(--col-primary); } a.linkbutton-primary, .btn-primary, a.linkbutton-primary_abstand { display: inline-block; text-decoration: none; margin: 0px 2px 0px; padding: 8px 15px 11px; background: var(--col-primary-linkbutton); color: var(--col-primary-linkbutton-text); text-align: center; font-family: var(--font-text); font-style: normal; font-weight: 600; font-size: var(--fontsize-text); letter-spacing: normal; line-height: normal; cursor: pointer; border: 1px solid var(--col-primary-linkbutton); border-radius: var(--borderRadius-xs); min-width: clamp(0px, 100%, 220px); box-shadow: rgba(0,0,0, 0.20) 0px 2px 2px; transition: all 0.3s ease; } a.linkbutton-primary:hover, .btn-primary:hover, a.linkbutton-primary_abstand:hover { background: #FFF; color: #000; transform: translateY(-5px); } a.linkbutton-primary i { margin-right: 7px; } a.linkbutton-primary_abstand { margin: 15px 15px 15px; } div.bgCol-even a.linkbutton-primary, div.bgCol-even .btn-primary { background: var(--col-secondary-linkbutton); color: var(--col-secondary-linkbutton-text); border-color: var(--col-secondary-linkbutton); } div.bgCol-even a.linkbutton-primary i, div.bgCol-even .btn-primary i { color: var(--col-secondary-linkbutton-text) !important; } div.bgCol-even a.linkbutton-primary:hover, div.bgCol-even .btn-primary:hover { background: #FFF !important; color: #000; } div.bgCol-even a.linkbutton-primary:hover i, div.bgCol-even .btn-primary:hover i { color: #000 !important; } ul.liste-links, ol.liste-links { display: table; margin-left: 25px; margin-right: auto; } ul.liste-mittig, ol.liste-mittig { display: table; margin-left: auto; margin-right: auto; } ul.liste-rechts, ol.liste-rechts { display: table; margin-left: auto; margin-right: 0px; } ul.liste-anstrich-innen, ol.liste-anstrich-innen { list-style-position: inside; } /* Consent & Hacks */ /* Consent Manager + 2Klick-Lösung */ a.consent_manager-save-selection, a.consent_manager-accept-all { background-color: var(--col-primary); text-decoration: none; border: none; border-radius: 0px; } a.consent_manager-save-selection:hover, a.consent_manager-accept-all:hover { background-color: var(--col-secondary); text-decoration: none; color: var(--col-primary); } body a.consent_manager-close-box::before { left: 9px; } .consent_manager-show-details .icon-info-circled:before { vertical-align: baseline !important; } .consent_manager-wrapper { border-radius: 10px; } /* .consent_manager-reopen { box-sizing: border-box; position: fixed; left: 15px; bottom: 15px; z-index: 500; overflow: hidden; cursor: pointer; opacity: 0; transition: opacity .25s ease-in-out; background: rgba(255,255,255, 0.5); border-radius: 50%; padding: 5px; } .consent_manager-reopen img { display: block !important; width: 25px; height: auto; margin: 0px; opacity: 0.5; transition: all 0.3s ease; } .consent_manager-reopen:hover img { opacity: 1; } .consent_manager-reopen span { display: none; color: #999; font-family: var(--font-text); font-size: 12px; font-weight: normal; letter-spacing: 0px; } .cmcookieset .consent_manager-reopen { opacity: 1; } */ div.ct-privacy { position: relative; background: #fff center center; background-size: cover; padding: 30px; box-sizing: border-box; } a.ct-privacy-accept { position: absolute; top: 50%; left: 50%; max-width: 500px; transform: translate(-50%,-50%); display: inline-block; width: auto; height: auto; background: var(--col-primary); color: #FFF; border-radius: 3px; padding: 12px 20px 14px; font-size: 14px; text-align: center; text-decoration: none; line-height: normal; cursor: pointer; box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px; } a.ct-privacy-accept:hover { background: var(--col-secondary); color: var(--col-primary); } div.tc-privacy { background: url(/media/basic-dummy.jpg) center center; background-size: cover; padding: 25px; } div.tc-privacy > div { position: relative; width: auto; height: auto; text-align: center; max-width: 400px; margin: auto; background: rgba(255,255,255, 0.75); border-radius: 3px; padding: 15px 15px; box-shadow: 2px 2px 5px 0px rgba(0,0,0, 0.3); } div.tc-privacy > div span { display: block; margin: 20px 0px 0px; font-size: 13px; color: #000; line-height: 1.2; } div.tc-privacy a.tc-privacy-accept { position: static; transform: none; } div.tc-privacy + iframe { display: none; } /* .consent_manager-buttons button, div.consent_manager-cookiegroup-title { background: var(--col-primary) !important; color: var(--col-primary-text) !important; border: none !important; } .consent_manager-buttons button:hover { background: var(--col-primary-opa) !important; } .consent_manager-wrapper [type="checkbox"]:checked:after, .consent_manager-close-box:hover::before, .consent_manager-close-box:hover::after { background: var(--col-primary) !important; } */ /*div.consent_manager-detail a, .consent_manager-show-details a:hover, .consent_manager-sitelinks a:hover { color: var(--col-primary) !important; }*/ div.consent_manager-cookie, div.consent_manager-cookiegroup-description { border: none !important; } /* Hacks */ .moveitout { position: absolute; top: -3000px; left: -3000px; } .glightbox-container.glightbox-clean .goverlay { background: var(--col-overlay); } .glightbox-container.glightbox-clean button.gbtn { background: #FFF; border-radius: 0px; opacity: 0.7; top: 50%; transform: translateY(-50%); } .glightbox-container.glightbox-clean button.gbtn path { fill: #000; } .glightbox-container.glightbox-clean .gclose { display: flex !important; top: 25px !important; right: 25px; width: 40px; height: 40px; opacity: 1 !important; transform: none !important; } .glightbox-container.glightbox-clean .gnext { right: 0px; } .glightbox-container.glightbox-clean .gprev { left: 0px; } .glightbox-mobile .glightbox-container button { display: none; } .glightbox-mobile .glightbox-container.glightbox-clean .gslide-description { padding-bottom: 0px; } .glightbox-container.glightbox-clean .gslide-title { margin: 0px; line-height: normal; } .glightbox-container.glightbox-clean .gslide-image img { max-width: 90vw; max-height: 85vh; background: #FFF; } .gscrollbar-fixer { margin: 0px !important; } /* #imagelightbox-overlay { background: rgba(0,0,0,0.65) !important; } #imagelightbox-close { background: #CC0918 !important; border: none; top: 15px !important; right: 15px !important; width: 40px !important; height: 40px !important; border-radius: 0px !important; border: 5px solid #555; } #imagelightbox-close:after, #imagelightbox-close:before { top: 33% !important; bottom: 33% !important; } .imagelightbox-arrow, .imagelightbox-arrow:focus, .imagelightbox-arrow:hover { background: none !important; border: none; } */ /* .swipebox-html body { overflow-x: hidden; overflow-y: hidden; } @-moz-document url-prefix() { .swipebox-html body { overflow-x: inherit; } } #swipebox-overlay { background: var(--col-overlay) !important; } #swipebox-bottom-bar, #swipebox-top-bar { opacity: 1 !important; text-shadow: none !important; } #swipebox-top-bar { top: -400px !important; line-height: 1.75em !important; height: auto !important; padding: 8px 70px !important; } #swipebox-top-bar.visible-bars { transform: translate3d(0, 400px, 0) !important; } #swipebox-slider { height: auto !important; top: 70px !important; bottom: 70px; } #swipebox-close, #swipebox-next, #swipebox-prev { background-image: url(/assets/addons/jqlightboxes/swipebox/img/icons.png) !important; } #swipebox-close { position: absolute; top: 15px !important; right: 15px !important; width: 40px !important; height: 40px !important; cursor: pointer; background: #000 !important; } #swipebox-close:before, #swipebox-close:after { content:''; position: absolute; top: 50%; left: 50%; background: #FFF; display: block; width: 28px; height: 2px; transform-origin: center; transform: rotate(45deg) translate(-10px, 10px); } #swipebox-close:before {} #swipebox-close:after { transform: rotate(-45deg) translate(-10px, -10px); } #swipebox-close:hover:before, #swipebox-close:hover:after { height: 4px; } @media screen and (max-width:450px){ #swipebox-top-bar { padding-left: 10px !important; } } */ @charset "utf-8"; /* CSS Document for HPBO mobile */ @media screen and (max-width:1650px){ /* 6-Spalter umstellen auf: 3/3 */ .gridtemplate-6col .col { --GBcolumns: 3; } /* Blöcke */ /* sonstiges */ } @media screen and (max-width:1500px){ /* 4-Spalter umstellen auf: 2/2 | 5-Spalter umstellen auf: 1/2/2 */ .gridtemplate-4col .col, .gridtemplate-5col .col { --GBcolumns: 2; width: calc((100% / var(--GBcolumns)) - var(--GBgap) + (var(--GBgap) / var(--GBcolumns))); } .gridtemplate-5col .col:nth-child(1) { width: calc(100% - var(--GBgap) + (var(--GBgap) / var(--GBcolumns))); } /* Blöcke */ header.fixto-fixed .topline { padding-top: 15px; } header .navline { padding: 25px 30px !important; } header .navline .inner { display: block; margin-top: -65px; } ul.dropdown { margin-left: 0px; } /* sonstiges */ } @media screen and (max-width:1400px){ /* Blöcke */ /* sonstiges */ .lbGalerie-masonry.lbG-grid7, .lbGalerie-masonry.lbG-grid8 { --lbG-grid: 5; } .lbGalerie-squares.lbG-grid7, .lbGalerie-squares.lbG-grid8 { --lbG-grid: 6; } } @media screen and (max-width:1200px){ /* 6-Spalter umstellen auf: 2/2/2 */ .gridtemplate-6col .col { --GBcolumns: 2; width: calc((100% / var(--GBcolumns)) - var(--GBgap) + (var(--GBgap) / var(--GBcolumns))); } /* Blöcke */ /* sonstiges */ .video-galerie.videogrid-3, .audio-galerie.audiogrid-3 { -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; } } @media screen and (max-width:1100px){ /* 3-Spalter umstellen auf: einzeilig | 2-Spalter (70-30 & 30-70) umstellen auf: einzeilig */ .gridtemplate-3col .col, .gridtemplate-70-30 .col, .gridtemplate-30-70 .col { --GBcolumns: 1; width: 100%; } .gridtemplate-3col .col.posOnMobile, .gridtemplate-70-30 .col.posOnMobile, .gridtemplate-30-70 .col.posOnMobile { top: auto !important; right: auto !important; bottom: auto !important; left: auto !important; } .gridtemplate-3col .col.posOnMobileV, .gridtemplate-70-30 .col.posOnMobileV, .gridtemplate-30-70 .col.posOnMobileV { right: auto !important; left: auto !important; } .gridtemplate-3col .ca-ml, .gridtemplate-70-30 .ca-ml, .gridtemplate-30-70 .ca-ml { justify-content: flex-start !important; } .gridtemplate-3col .ca-mc, .gridtemplate-70-30 .ca-mc, .gridtemplate-30-70 .ca-mc { justify-content: center !important; } .gridtemplate-3col .ca-mr, .gridtemplate-70-30 .ca-mr, .gridtemplate-30-70 .ca-mr { justify-content: flex-end !important; } /* Blöcke */ /* sonstiges */ .lbGalerie-masonry.lbG-grid6, .lbGalerie-masonry.lbG-grid7, .lbGalerie-masonry.lbG-grid8 { --lbG-grid: 4; } .lbGalerie-squares.lbG-grid6, .lbGalerie-squares.lbG-grid7, .lbGalerie-squares.lbG-grid8 { --lbG-grid: 5; } } @media screen and (max-width:1000px){ /* Blöcke */ .width-margin { margin: 0px 30px; } /* sonstiges */ .lbGalerie-stripV.lbG-grid7, .lbGalerie-stripV.lbG-grid8 { --lbG-grid: 6; } } @media screen and (max-width:920px){ /* ab hier nur noch Tablet-Version */ /* globale Klassen für Inhalte + Module */ .mgT-xs.mgOnlyMobile { margin-top: calc(var(--margin-xs) * var(--margin-divisor)) !important; } .mgT-sm.mgOnlyMobile { margin-top: calc(var(--margin-sm) * var(--margin-divisor)) !important; } .mgT-md.mgOnlyMobile { margin-top: calc(var(--margin-md) * var(--margin-divisor)) !important; } .mgT-lg.mgOnlyMobile { margin-top: calc(var(--margin-lg) * var(--margin-divisor)) !important; } .mgT-xl.mgOnlyMobile { margin-top: calc(var(--margin-xl) * var(--margin-divisor)) !important; } .mgB-xs.mgOnlyMobile { margin-bottom: calc(var(--margin-xs) * var(--margin-divisor)) !important; } .mgB-sm.mgOnlyMobile { margin-bottom: calc(var(--margin-sm) * var(--margin-divisor)) !important; } .mgB-md.mgOnlyMobile { margin-bottom: calc(var(--margin-md) * var(--margin-divisor)) !important; } .mgB-lg.mgOnlyMobile { margin-bottom: calc(var(--margin-lg) * var(--margin-divisor)) !important; } .mgB-xl.mgOnlyMobile { margin-bottom: calc(var(--margin-xl) * var(--margin-divisor)) !important; } .mgNT-xs.mgOnlyMobile { margin-top: calc(var(--margin-neg-xs) * var(--margin-divisor)) !important; } .mgNT-sm.mgOnlyMobile { margin-top: calc(var(--margin-neg-sm) * var(--margin-divisor)) !important; } .mgNT-md.mgOnlyMobile { margin-top: calc(var(--margin-neg-md) * var(--margin-divisor)) !important; } .mgNT-lg.mgOnlyMobile { margin-top: calc(var(--margin-neg-lg) * var(--margin-divisor)) !important; } .mgNT-xl.mgOnlyMobile { margin-top: calc(var(--margin-neg-xl) * var(--margin-divisor)) !important; } .mgNB-xs.mgOnlyMobile { margin-bottom: calc(var(--margin-neg-xs) * var(--margin-divisor)) !important; } .mgNB-sm.mgOnlyMobile { margin-bottom: calc(var(--margin-neg-sm) * var(--margin-divisor)) !important; } .mgNB-md.mgOnlyMobile { margin-bottom: calc(var(--margin-neg-md) * var(--margin-divisor)) !important; } .mgNB-lg.mgOnlyMobile { margin-bottom: calc(var(--margin-neg-lg) * var(--margin-divisor)) !important; } .mgNB-xl.mgOnlyMobile { margin-bottom: calc(var(--margin-neg-xl) * var(--margin-divisor)) !important; } .hideOnMobile { display: none !important; } .content-onlymobile { display: block !important; } .pdT-15px { padding-top: calc(15px * var(--padding-divisor)); } .pdB-15px { padding-bottom: calc(15px * var(--padding-divisor)); } .pdH-15px { padding-left: calc(15px * var(--padding-divisor)); padding-right: calc(15px * var(--padding-divisor)); } .pdT-sm { padding-top: calc(var(--padding-sm) * var(--padding-divisor)); } .pdT-md { padding-top: calc(var(--padding-md) * var(--padding-divisor)); } .pdT-lg { padding-top: calc(var(--padding-lg) * var(--padding-divisor)); } .pdT-xl { padding-top: calc(var(--padding-xl) * var(--padding-divisor)); } .pdT-smp { padding-top: calc(var(--padding-smp) * var(--padding-divisor)); } .pdT-mdp { padding-top: calc(var(--padding-mdp) * var(--padding-divisor)); } .pdT-lgp { padding-top: calc(var(--padding-lgp) * var(--padding-divisor)); } .pdT-xlp { padding-top: calc(var(--padding-xlp) * var(--padding-divisor)); } .pdB-sm { padding-bottom: calc(var(--padding-sm) * var(--padding-divisor)); } .pdB-md { padding-bottom: calc(var(--padding-md) * var(--padding-divisor)); } .pdB-lg { padding-bottom: calc(var(--padding-lg) * var(--padding-divisor)); } .pdB-xl { padding-bottom: calc(var(--padding-xl) * var(--padding-divisor)); } .pdB-smp { padding-bottom: calc(var(--padding-smp) * var(--padding-divisor)); } .pdB-mdp { padding-bottom: calc(var(--padding-mdp) * var(--padding-divisor)); } .pdB-lgp { padding-bottom: calc(var(--padding-lgp) * var(--padding-divisor)); } .pdB-xlp { padding-bottom: calc(var(--padding-xlp) * var(--padding-divisor)); } .pdH-sm { padding-left: calc(var(--padding-sm) * var(--padding-divisor)); padding-right: calc(var(--padding-sm) * var(--padding-divisor)); } .pdH-md { padding-left: calc(var(--padding-md) * var(--padding-divisor)); padding-right: calc(var(--padding-md) * var(--padding-divisor)); } .pdH-lg { padding-left: calc(var(--padding-lg) * var(--padding-divisor)); padding-right: calc(var(--padding-lg) * var(--padding-divisor)); } .pdH-xl { padding-left: calc(var(--padding-xl) * var(--padding-divisor)); padding-right: calc(var(--padding-xl) * var(--padding-divisor)); } .pdH-smp { padding-left: calc(var(--padding-smp) * var(--padding-divisor)); padding-right: calc(var(--padding-smp) * var(--padding-divisor)); } .pdH-mdp { padding-left: calc(var(--padding-mdp) * var(--padding-divisor)); padding-right: calc(var(--padding-mdp) * var(--padding-divisor)); } .pdH-lgp { padding-left: calc(var(--padding-lgp) * var(--padding-divisor)); padding-right: calc(var(--padding-lgp) * var(--padding-divisor)); } .pdH-xlp { padding-left: calc(var(--padding-xlp) * var(--padding-divisor)); padding-right: calc(var(--padding-xlp) * var(--padding-divisor)); } .mgT-xs:not(.mgOnlyMobile) { margin-top: calc(var(--margin-xs) * var(--margin-divisor)) !important; } .mgT-sm:not(.mgOnlyMobile) { margin-top: calc(var(--margin-sm) * var(--margin-divisor)) !important; } .mgT-md:not(.mgOnlyMobile) { margin-top: calc(var(--margin-md) * var(--margin-divisor)) !important; } .mgT-lg:not(.mgOnlyMobile) { margin-top: calc(var(--margin-lg) * var(--margin-divisor)) !important; } .mgT-xl:not(.mgOnlyMobile) { margin-top: calc(var(--margin-xl) * var(--margin-divisor)) !important; } .mgB-xs:not(.mgOnlyMobile) { margin-bottom: calc(var(--margin-xs) * var(--margin-divisor)) !important; } .mgB-sm:not(.mgOnlyMobile) { margin-bottom: calc(var(--margin-sm) * var(--margin-divisor)) !important; } .mgB-md:not(.mgOnlyMobile) { margin-bottom: calc(var(--margin-md) * var(--margin-divisor)) !important; } .mgB-lg:not(.mgOnlyMobile) { margin-bottom: calc(var(--margin-lg) * var(--margin-divisor)) !important; } .mgB-xl:not(.mgOnlyMobile) { margin-bottom: calc(var(--margin-xl) * var(--margin-divisor)) !important; } .mgNT-xs:not(.mgOnlyMobile) { margin-top: calc(var(--margin-neg-xs) * var(--margin-divisor)) !important; } .mgNT-sm:not(.mgOnlyMobile) { margin-top: calc(var(--margin-neg-sm) * var(--margin-divisor)) !important; } .mgNT-md:not(.mgOnlyMobile) { margin-top: calc(var(--margin-neg-md) * var(--margin-divisor)) !important; } .mgNT-lg:not(.mgOnlyMobile) { margin-top: calc(var(--margin-neg-lg) * var(--margin-divisor)) !important; } .mgNT-xl:not(.mgOnlyMobile) { margin-top: calc(var(--margin-neg-xl) * var(--margin-divisor)) !important; } .mgNB-xs:not(.mgOnlyMobile) { margin-bottom: calc(var(--margin-neg-xs) * var(--margin-divisor)) !important; } .mgNB-sm:not(.mgOnlyMobile) { margin-bottom: calc(var(--margin-neg-sm) * var(--margin-divisor)) !important; } .mgNB-md:not(.mgOnlyMobile) { margin-bottom: calc(var(--margin-neg-md) * var(--margin-divisor)) !important; } .mgNB-lg:not(.mgOnlyMobile) { margin-bottom: calc(var(--margin-neg-lg) * var(--margin-divisor)) !important; } .mgNB-xl:not(.mgOnlyMobile) { margin-bottom: calc(var(--margin-neg-xl) * var(--margin-divisor)) !important; } /* Gridblock: alle Spalten umstellen auf einzeilig */ .gridblock .col { --GBcolumns: 1; width: 100% !important; } .gridblock .col.posOnMobile { top: auto !important; right: auto !important; bottom: auto !important; left: auto !important; } .gridblock .col.posOnMobileV { right: auto !important; left: auto !important; } .gridblock .colsReverse, .gridblock .colsMobileReverse { flex-direction: column-reverse; } .gridblock:not(.gridtemplate-1col) .colsMobileMargin, .gridblock:not(.gridtemplate-1col) .colsNoMobileMargin { --GBgap: 0px !important; } .gridblock:not(.gridtemplate-1col) .colsMobileMargin .col { margin-top: 30px !important; } .gridblock:not(.gridtemplate-1col) .colsNoMobileMargin .col:not(.mgT), .gridblock:not(.gridtemplate-1col) .colsMobileMargin:not(.colsReverse):not(.colsMobileReverse) .col:not(.mgT).col:first-child, .gridblock:not(.gridtemplate-1col) .colsMobileMargin.colsMobileReverse .col:not(.mgT).col:last-child, .gridblock:not(.gridtemplate-1col) .colsMobileMargin.colsReverse .col:not(.mgT).col:last-child { margin-top: 0px !important; } .gridblock .mgAOnlyMobile { margin-top: 0px !important; margin-bottom: 0px !important; } .gridblock .ca-ml { justify-content: flex-start !important; } .gridblock .ca-mc { justify-content: center !important; } .gridblock .ca-mr { justify-content: flex-end !important; } /* mobile Nav */ nav#mainnav, nav#mainNav > ul, header .right, .suche { display: none !important; } .navopener, .navcloser, header .navline { height: 90px; } .navopener, .navcloser { position: absolute; top: 50%; right: 0px; z-index: 1000; transform: translateY(-50%); display: flex !important; justify-content: center; align-items: center; color: #303030; aspect-ratio: 1/1; margin: 0px 0px 0px auto; padding: 0px; cursor: pointer; overflow: hidden; } .navopener-inner { position: relative; padding: 20px 10px; } .navopener span { display: block; position: relative; width: 34px; } .navopener span.nav-icon { background: #333; height: 1px; transition: transform 0.3s ease; transform-origin: center; } .navopener span.nav-icon:nth-child(1) { top: -11px; } .navopener span.nav-icon:nth-child(3) { top: 11px; } .navopener:hover span.nav-icon:nth-child(1) { transform: translateY(-2px); } .navopener:hover span.nav-icon:nth-child(2) { transform: translateY(0px); } .navopener:hover span.nav-icon:nth-child(3) { transform: translateY(2px); } .navcloser { height: 90px; top: 0px; right: 3px; background: none; transform: none; } .navcloser span.nav-icon { background: var(--col-primary-text); } .navcloser span.nav-icon:nth-child(1) { transform: rotate(-45deg); top: 0px; } .navcloser:hover span.nav-icon:nth-child(1) { transform: translateY(-4px); } .navcloser:hover span.nav-icon:nth-child(2) { transform: translateY(4px); } .navcloser span.nav-icon:nth-child(2) { transform: rotate(45deg); } .navcloser span.nav-text, .navcloser span.nav-icon:nth-child(3) { display: none; } #mobileNavOverlay { width: 100%; height: 100%; position: fixed; top: 0px; left: 0px; background: var(--col-overlay); z-index: -1; opacity: 0; transition: all 0.25s ease; } #mobileNavOverlay.overlayShow { z-index: 1005; opacity: 1; } nav#mobileNav { display: block !important; position: fixed; top: 0px; right: -405px; z-index: 2000; width: 90%; max-width: 400px; height: 100%; margin: 0px; padding: 0px; overflow: hidden; background: var(--col-primary); border: none; word-wrap: break-word; transition: all 0.35s ease; } nav#mobileNav:after, nav#mobileNav:before { content: ''; background: var(--p-col-primary); position: absolute; z-index: 10; top: 0px; left: 0px; height: 95px; right: 35px; box-shadow: 0px 0px 10px 10px var(--col-primary); } nav#mobileNav:after { top: auto; bottom: 0px; display: none; } nav#mobileNav ul { display: block; padding: 0px; margin: 0px; text-align: left; transform: none; } nav#mobileNav > ul { overflow-y: auto; overflow-x: hidden; position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; padding: 110px 35px 0px; } nav#mobileNav ul ul, nav#mobileNav ul ul > div { position: static; opacity: 1; visibility: visible; display: block; width: auto; padding: 0px; border: none; margin: 0px auto 30px; background: none; box-shadow: none; pointer-events: auto; } nav#mobileNav ul ul:before { display: none; } nav#mobileNav ul ul > div { display: block; padding: 0px; } nav#mobileNav li { display: block; margin: 0px; padding: 0px; } ul.dropdown > li:hover > a:before { opacity: 0; } nav#mobileNav li.opened > a:before { opacity: 1; } nav#mobileNav ul ul li { width: auto; } nav#mobileNav li a { display: inline-block; min-width: 0px; color: var(--col-primary-text); font-size: 1.05rem; } nav#mobileNav li a:hover { font-weight: bold; } nav#mobileNav li a:before { left: auto; right: 50px; } nav#mobileNav li a:hover:before { opacity: 1; } nav#mobileNav ul ul li a { text-align: left; padding: 12px 14px; display: block; margin: 0px 0px 1px; } nav#mobileNav ul ul li a:hover, nav#mobileNav ul ul li a.selected { } nav#mobileNav ul ul li a:before, nav#mobileNav ul ul li a:after { display: none; } .simplesidebar-opened { -webkit-transform: translate(-400px 0); -ms-transform: translate(-400px, 0); transform: translate(-400px, 0); } .simplesidebar-body { overflow-x: hidden; overflow-y: hidden; } @-moz-document url-prefix() { .simplesidebar-body { overflow-x: inherit; } } /* Blöcke */ header .inner { padding-right: 100px; padding-left: 100px; } .logo { padding: 0px; text-align: center; } #contact + div.gridblock, #contact + div.gridblock + div.gridblock { text-align: center; } /* sonstiges */ .singleImage100ph, .singleImage100ph * { height: auto !important; } .lbGalerie-masonry.lbG-grid5, .lbGalerie-masonry.lbG-grid6, .lbGalerie-masonry.lbG-grid7, .lbGalerie-masonry.lbG-grid8 { --lbG-grid: 3; } .lbGalerie-squares.lbG-grid5, .lbGalerie-squares.lbG-grid6, .lbGalerie-squares.lbG-grid7, .lbGalerie-squares.lbG-grid8 { --lbG-grid: 4; } table.tabelle-formatiert tr { display: flex; flex-wrap: wrap; padding: 10px 0px; width: 100%; } table.tabelle-formatiert td { flex: 1 0 50%; padding: 0px 16px; } table.tabelle-formatiert td:nth-child(2n+1) { padding-left: 26px; } table.tabelle-formatiert td:nth-child(2n+2) { padding-right: 26px; } } @media screen and (max-width:800px){ /* Blöcke */ footer { padding: 45px 75px 45px; } /* sonstiges */ .zeilenabstand.nomobile { display: none; } .lbGalerie-stripV.lbG-grid6, .lbGalerie-stripV.lbG-grid7, .lbGalerie-stripV.lbG-grid8 { --lbG-grid: 5; } .lbGalerie-masonry, .lbGalerie-squares { --lbG-grid: 3 !important; } .slGalerieThumbs { height: 90px; } .slGalerie .slG-slide.slG-mh-nomobile { min-height: 0px !important; } img.bild-links-mit-textfluss, img.bild-rechts-mit-textfluss, img.bild-links-mit-textfluss-und-rahmen, img.bild-rechts-mit-textfluss-und-rahmen { display: block; margin-top: 25px; margin-left: auto; margin-right: auto; float: none; } .faq > div.faq-question { padding-left: 80px; padding-right: 30px; } .faq.faq-type-plusminus > div.faq-question span { left: 30px; transform: translateY( calc(-50% - 7px) ); } .faq.faq-type-plusminus > div.faq-question.active span { transform: translateY( calc(-50% + 1px) ); } .faq.faq-type-plusminus > div.faq-question span:after { padding: 1.3vw; } .faq > div.faq-answer { padding: 0px 30px 30px; } } @media screen and (max-width:720px){ /* Blöcke */ header .inner { padding-left: 20px; margin-left: 0px; } header.hasnologo .inner, header.hasnonav .inner { justify-content: flex-start; } .logo { text-align: left; } /*.logo span { font-size: 1.1rem;}*/ /* sonstiges */ .content .form-zweispaltig { display: block; } .video-galerie, .audio-galerie { -ms-grid-columns: 1fr !important; grid-template-columns: 1fr !important; } } @media screen and (max-width:680px){ /* Blöcke */ /* sonstiges */ .slGalerieThumbs { height: 75px; } .lbGalerie.lbG-gap-sm { --lbG-gap: 4px; } .lbGalerie.lbG-gap-md { --lbG-gap: 8px; } .lbGalerie.lbG-gap-lg { --lbG-gap: 15px; } .lbGalerie.lbG-gap-xl { --lbG-gap: 22px; } table.tabelle-formatiert { padding: 15px; } table.tabelle-formatiert tbody { box-shadow: 0 0 15px 0 rgba(0,0,0,.15); } table.tabelle-formatiert td { flex: 1 0 100%; padding: 0px 26px; } /* Form: disable Placeholders */ /* ::-webkit-input-placeholder { color: transparent; } :-moz-placeholder { color: transparent; } ::-moz-placeholder { color: transparent; } :-ms-input-placeholder { color: transparent; } input::placeholder { color: transparent; } textarea::-webkit-input-placeholder { color: transparent; } textarea:-moz-placeholder { color: transparent; } textarea::-moz-placeholder { color: transparent; } textarea:-ms-input-placeholder { color: transparent; } textarea::placeholder { color: transparent; } */ } @media screen and (max-width:560px){ /* ab hier nur noch mobile Version */ /* Blöcke */ .width-margin { margin: 0px 20px; } header .inner { padding: 15px 85px 15px 15px; } header.hasnologo .inner { padding-bottom: 9px; } .logo img { max-height: 38px; max-width: 195px; height: auto; } /*.logo span { font-size: 0.8em;}*/ .navopener, .navcloser, header .navline { height: 70px; } nav#mobileNav > ul { padding: 90px 35px 0px; } nav#mobileNav a.linkbutton-login { bottom: 25px; } nav#mobileNav:after, nav#mobileNav:before { height: 80px; } footer { padding: 45px 15px 65px; } .serviceblock div { width: 100px; } .serviceblock i { width: 80px; height: 80px; font-size: 30px; } .serviceblock i svg { width: 70%; } .navtop, .flyoutbuttons a { position: fixed; right: 15px; bottom: -100px; width: 40px; height: 75px; padding: 0px; border-radius: 100px 100px 0px 0px; } .navtop.ntshow { bottom: -35px; right: 15px; } .navtop.ntshow:hover { bottom: -25px; right: 15px; } .flyoutbuttons a { right: auto; bottom: -35px !important; left: 15px; padding: 0px; } .flyoutbuttons a:last-child { left: 65px; } .flyoutbuttons a:hover { left: 15px; bottom: -25px !important; } .flyoutbuttons a + a:hover { left: 65px; } /* sonstiges */ #map + .gridblock .col > div > div, .leaflet-container { height: 450px !important; } .content .checkbox label, .content .radio label { display: block; float: none; } .content button[type=submit] { display: block; margin-left: 0px; transform: none; width: 100%; } .content .alert-danger { padding: 10px 17px; } .lbGalerie-stripV { --lbG-grid: 4 !important; } .lbGalerie-stripV .lbG-thumb { max-height: 500px; } .lbGalerie-masonry, .lbGalerie-squares { --lbG-grid: 2 !important; } .slGalerieThumbs { height: 60px; } .slGalerie:not(.slG-nav-o):not(.conS-nav-inset) .slG-nav { display: none !important; } .slGalerie:not(.slG-dots-o) .slG-dots { bottom: 5px !important; } .slGalerie.slG-dots-o .slG-dots { margin-top: 5px; } .slGalerie.slG-dots-lt .slG-dots, .slGalerie.slG-dots-lb .slG-dots, .slGalerie.slG-dots-ol .slG-dots { transform: translateX(5px) !important; } .slGalerie.slG-dots-rt .slG-dots, .slGalerie.slG-dots-rb .slG-dots, .slGalerie.slG-dots-or .slG-dots { transform: translateX( calc(-100% + -5px) ) !important; } .slGalerie.slG-dots-lt .slG-dots, .slGalerie.slG-dots-rt .slG-dots, .slGalerie.slG-dots-ct .slG-dots { top: 5px !important; bottom: auto !important; } .slGalerie .slG-content > div { margin: 7% 5%; } } @media screen and (max-width:420px){ /* Blöcke */ header .slider .slG-slide { height: 230px !important; } /* sonstiges */ .lbGalerie-stripV .lbG-thumb { max-height: 450px; } } /* Querformat-Anpassungen */ @media screen and (min-width:400px) and (max-height:600px){ } @media screen and (min-width:400px) and (max-height:500px){ } @charset "UTF-8";@keyframes plyr-progress{to{background-position:25px 0;background-position:var(--plyr-progress-loading-size,25px) 0}}@keyframes plyr-popup{0%{opacity:.5;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes plyr-fade-in{0%{opacity:0}to{opacity:1}}.plyr{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;align-items:center;direction:ltr;display:flex;flex-direction:column;font-family:inherit;font-family:var(--plyr-font-family,inherit);font-variant-numeric:tabular-nums;font-weight:400;font-weight:var(--plyr-font-weight-regular,400);line-height:1.7;line-height:var(--plyr-line-height,1.7);max-width:100%;min-width:200px;position:relative;text-shadow:none;transition:box-shadow .3s ease;z-index:0}.plyr audio,.plyr iframe,.plyr video{display:block;height:100%;width:100%}.plyr button{font:inherit;line-height:inherit;width:auto}.plyr:focus{outline:0}.plyr--full-ui{box-sizing:border-box}.plyr--full-ui *,.plyr--full-ui :after,.plyr--full-ui :before{box-sizing:inherit}.plyr--full-ui a,.plyr--full-ui button,.plyr--full-ui input,.plyr--full-ui label{touch-action:manipulation}.plyr__badge{background:#4a5464;background:var(--plyr-badge-background,#4a5464);border-radius:2px;border-radius:var(--plyr-badge-border-radius,2px);color:#fff;color:var(--plyr-badge-text-color,#fff);font-size:9px;font-size:var(--plyr-font-size-badge,9px);line-height:1;padding:3px 4px}.plyr--full-ui ::-webkit-media-text-track-container{display:none}.plyr__captions{animation:plyr-fade-in .3s ease;bottom:0;display:none;font-size:13px;font-size:var(--plyr-font-size-small,13px);left:0;padding:10px;padding:var(--plyr-control-spacing,10px);position:absolute;text-align:center;transition:transform .4s ease-in-out;width:100%}.plyr__captions span:empty{display:none}@media (min-width:480px){.plyr__captions{font-size:15px;font-size:var(--plyr-font-size-base,15px);padding:20px;padding:calc(var(--plyr-control-spacing, 10px)*2)}}@media (min-width:768px){.plyr__captions{font-size:18px;font-size:var(--plyr-font-size-large,18px)}}.plyr--captions-active .plyr__captions{display:block}.plyr:not(.plyr--hide-controls) .plyr__controls:not(:empty)~.plyr__captions{transform:translateY(-40px);transform:translateY(calc(var(--plyr-control-spacing, 10px)*-4))}.plyr__caption{background:#000c;background:var(--plyr-captions-background,#000c);border-radius:2px;-webkit-box-decoration-break:clone;box-decoration-break:clone;color:#fff;color:var(--plyr-captions-text-color,#fff);line-height:185%;padding:.2em .5em;white-space:pre-wrap}.plyr__caption div{display:inline}.plyr__control{background:#0000;border:0;border-radius:4px;border-radius:var(--plyr-control-radius,4px);color:inherit;cursor:pointer;flex-shrink:0;overflow:visible;padding:7px;padding:calc(var(--plyr-control-spacing, 10px)*.7);position:relative;transition:all .3s ease}.plyr__control svg{fill:currentColor;display:block;height:18px;height:var(--plyr-control-icon-size,18px);pointer-events:none;width:18px;width:var(--plyr-control-icon-size,18px)}.plyr__control:focus{outline:0}.plyr__control:focus-visible{outline:2px dashed #00b2ff;outline:2px dashed var(--plyr-focus-visible-color,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));outline-offset:2px}a.plyr__control{text-decoration:none}.plyr__control.plyr__control--pressed .icon--not-pressed,.plyr__control.plyr__control--pressed .label--not-pressed,.plyr__control:not(.plyr__control--pressed) .icon--pressed,.plyr__control:not(.plyr__control--pressed) .label--pressed,a.plyr__control:after,a.plyr__control:before{display:none}.plyr--full-ui ::-webkit-media-controls{display:none}.plyr__controls{align-items:center;display:flex;justify-content:flex-end;text-align:center}.plyr__controls .plyr__progress__container{flex:1;min-width:0}.plyr__controls .plyr__controls__item{margin-left:2.5px;margin-left:calc(var(--plyr-control-spacing, 10px)/4)}.plyr__controls .plyr__controls__item:first-child{margin-left:0;margin-right:auto}.plyr__controls .plyr__controls__item.plyr__progress__container{padding-left:2.5px;padding-left:calc(var(--plyr-control-spacing, 10px)/4)}.plyr__controls .plyr__controls__item.plyr__time{padding:0 5px;padding:0 calc(var(--plyr-control-spacing, 10px)/2)}.plyr__controls .plyr__controls__item.plyr__progress__container:first-child,.plyr__controls .plyr__controls__item.plyr__time+.plyr__time,.plyr__controls .plyr__controls__item.plyr__time:first-child{padding-left:0}.plyr [data-plyr=airplay],.plyr [data-plyr=captions],.plyr [data-plyr=fullscreen],.plyr [data-plyr=pip],.plyr__controls:empty{display:none}.plyr--airplay-supported [data-plyr=airplay],.plyr--captions-enabled [data-plyr=captions],.plyr--fullscreen-enabled [data-plyr=fullscreen],.plyr--pip-supported [data-plyr=pip]{display:inline-block}.plyr__menu{display:flex;position:relative}.plyr__menu .plyr__control svg{transition:transform .3s ease}.plyr__menu .plyr__control[aria-expanded=true] svg{transform:rotate(90deg)}.plyr__menu .plyr__control[aria-expanded=true] .plyr__tooltip{display:none}.plyr__menu__container{animation:plyr-popup .2s ease;background:#ffffffe6;background:var(--plyr-menu-background,#ffffffe6);border-radius:8px;border-radius:var(--plyr-menu-radius,8px);bottom:100%;box-shadow:0 1px 2px #00000026;box-shadow:var(--plyr-menu-shadow,0 1px 2px #00000026);color:#4a5464;color:var(--plyr-menu-color,#4a5464);font-size:15px;font-size:var(--plyr-font-size-base,15px);margin-bottom:10px;position:absolute;right:-3px;text-align:left;white-space:nowrap;z-index:3}.plyr__menu__container>div{overflow:hidden;transition:height .35s cubic-bezier(.4,0,.2,1),width .35s cubic-bezier(.4,0,.2,1)}.plyr__menu__container:after{border:4px solid #0000;border-top-color:#ffffffe6;border:var(--plyr-menu-arrow-size,4px) solid #0000;border-top-color:var(--plyr-menu-background,#ffffffe6);content:"";height:0;position:absolute;right:14px;right:calc(var(--plyr-control-icon-size, 18px)/2 + var(--plyr-control-spacing, 10px)*.7 - var(--plyr-menu-arrow-size, 4px)/2);top:100%;width:0}.plyr__menu__container [role=menu]{padding:7px;padding:calc(var(--plyr-control-spacing, 10px)*.7)}.plyr__menu__container [role=menuitem],.plyr__menu__container [role=menuitemradio]{margin-top:2px}.plyr__menu__container [role=menuitem]:first-child,.plyr__menu__container [role=menuitemradio]:first-child{margin-top:0}.plyr__menu__container .plyr__control{align-items:center;color:#4a5464;color:var(--plyr-menu-color,#4a5464);display:flex;font-size:13px;font-size:var(--plyr-font-size-menu,var(--plyr-font-size-small,13px));padding:4.66667px 10.5px;padding:calc(var(--plyr-control-spacing, 10px)*.7/1.5) calc(var(--plyr-control-spacing, 10px)*.7*1.5);-webkit-user-select:none;user-select:none;width:100%}.plyr__menu__container .plyr__control>span{align-items:inherit;display:flex;width:100%}.plyr__menu__container .plyr__control:after{border:4px solid #0000;border:var(--plyr-menu-item-arrow-size,4px) solid #0000;content:"";position:absolute;top:50%;transform:translateY(-50%)}.plyr__menu__container .plyr__control--forward{padding-right:28px;padding-right:calc(var(--plyr-control-spacing, 10px)*.7*4)}.plyr__menu__container .plyr__control--forward:after{border-left-color:#728197;border-left-color:var(--plyr-menu-arrow-color,#728197);right:6.5px;right:calc(var(--plyr-control-spacing, 10px)*.7*1.5 - var(--plyr-menu-item-arrow-size, 4px))}.plyr__menu__container .plyr__control--forward:focus-visible:after,.plyr__menu__container .plyr__control--forward:hover:after{border-left-color:initial}.plyr__menu__container .plyr__control--back{font-weight:400;font-weight:var(--plyr-font-weight-regular,400);margin:7px;margin:calc(var(--plyr-control-spacing, 10px)*.7);margin-bottom:3.5px;margin-bottom:calc(var(--plyr-control-spacing, 10px)*.7/2);padding-left:28px;padding-left:calc(var(--plyr-control-spacing, 10px)*.7*4);position:relative;width:calc(100% - 14px);width:calc(100% - var(--plyr-control-spacing, 10px)*.7*2)}.plyr__menu__container .plyr__control--back:after{border-right-color:#728197;border-right-color:var(--plyr-menu-arrow-color,#728197);left:6.5px;left:calc(var(--plyr-control-spacing, 10px)*.7*1.5 - var(--plyr-menu-item-arrow-size, 4px))}.plyr__menu__container .plyr__control--back:before{background:#dcdfe5;background:var(--plyr-menu-back-border-color,#dcdfe5);box-shadow:0 1px 0 #fff;box-shadow:0 1px 0 var(--plyr-menu-back-border-shadow-color,#fff);content:"";height:1px;left:0;margin-top:3.5px;margin-top:calc(var(--plyr-control-spacing, 10px)*.7/2);overflow:hidden;position:absolute;right:0;top:100%}.plyr__menu__container .plyr__control--back:focus-visible:after,.plyr__menu__container .plyr__control--back:hover:after{border-right-color:initial}.plyr__menu__container .plyr__control[role=menuitemradio]{padding-left:7px;padding-left:calc(var(--plyr-control-spacing, 10px)*.7)}.plyr__menu__container .plyr__control[role=menuitemradio]:after,.plyr__menu__container .plyr__control[role=menuitemradio]:before{border-radius:100%}.plyr__menu__container .plyr__control[role=menuitemradio]:before{background:#0000001a;content:"";display:block;flex-shrink:0;height:16px;margin-right:10px;margin-right:var(--plyr-control-spacing,10px);transition:all .3s ease;width:16px}.plyr__menu__container .plyr__control[role=menuitemradio]:after{background:#fff;border:0;height:6px;left:12px;opacity:0;top:50%;transform:translateY(-50%) scale(0);transition:transform .3s ease,opacity .3s ease;width:6px}.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]:before{background:#00b2ff;background:var(--plyr-control-toggle-checked-background,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)))}.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]:after{opacity:1;transform:translateY(-50%) scale(1)}.plyr__menu__container .plyr__control[role=menuitemradio]:focus-visible:before,.plyr__menu__container .plyr__control[role=menuitemradio]:hover:before{background:#23282f1a}.plyr__menu__container .plyr__menu__value{align-items:center;display:flex;margin-left:auto;margin-right:-5px;margin-right:calc(var(--plyr-control-spacing, 10px)*.7*-1 - -2px);overflow:hidden;padding-left:24.5px;padding-left:calc(var(--plyr-control-spacing, 10px)*.7*3.5);pointer-events:none}.plyr--full-ui input[type=range]{-webkit-appearance:none;appearance:none;background:#0000;border:0;border-radius:26px;border-radius:calc(var(--plyr-range-thumb-height, 13px)*2);color:#00b2ff;color:var(--plyr-range-fill-background,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));display:block;height:19px;height:calc(var(--plyr-range-thumb-active-shadow-width, 3px)*2 + var(--plyr-range-thumb-height, 13px));margin:0;min-width:0;padding:0;transition:box-shadow .3s ease;width:100%}.plyr--full-ui input[type=range]::-webkit-slider-runnable-track{background:#0000;background-image:linear-gradient(90deg,currentColor 0,#0000 0);background-image:linear-gradient(to right,currentColor var(--value,0),#0000 var(--value,0));border:0;border-radius:2.5px;border-radius:calc(var(--plyr-range-track-height, 5px)/2);height:5px;height:var(--plyr-range-track-height,5px);-webkit-transition:box-shadow .3s ease;transition:box-shadow .3s ease;-webkit-user-select:none;user-select:none}.plyr--full-ui input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#fff;background:var(--plyr-range-thumb-background,#fff);border:0;border-radius:100%;box-shadow:0 1px 1px #23282f26,0 0 0 1px #23282f33;box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px #23282f26,0 0 0 1px #23282f33);height:13px;height:var(--plyr-range-thumb-height,13px);margin-top:-4px;margin-top:calc((var(--plyr-range-thumb-height, 13px) - var(--plyr-range-track-height, 5px))/2*-1);position:relative;-webkit-transition:all .2s ease;transition:all .2s ease;width:13px;width:var(--plyr-range-thumb-height,13px)}.plyr--full-ui input[type=range]::-moz-range-track{background:#0000;border:0;border-radius:2.5px;border-radius:calc(var(--plyr-range-track-height, 5px)/2);height:5px;height:var(--plyr-range-track-height,5px);-moz-transition:box-shadow .3s ease;transition:box-shadow .3s ease;user-select:none}.plyr--full-ui input[type=range]::-moz-range-thumb{background:#fff;background:var(--plyr-range-thumb-background,#fff);border:0;border-radius:100%;box-shadow:0 1px 1px #23282f26,0 0 0 1px #23282f33;box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px #23282f26,0 0 0 1px #23282f33);height:13px;height:var(--plyr-range-thumb-height,13px);position:relative;-moz-transition:all .2s ease;transition:all .2s ease;width:13px;width:var(--plyr-range-thumb-height,13px)}.plyr--full-ui input[type=range]::-moz-range-progress{background:currentColor;border-radius:2.5px;border-radius:calc(var(--plyr-range-track-height, 5px)/2);height:5px;height:var(--plyr-range-track-height,5px)}.plyr--full-ui input[type=range]::-ms-track{color:#0000}.plyr--full-ui input[type=range]::-ms-fill-upper,.plyr--full-ui input[type=range]::-ms-track{background:#0000;border:0;border-radius:2.5px;border-radius:calc(var(--plyr-range-track-height, 5px)/2);height:5px;height:var(--plyr-range-track-height,5px);-ms-transition:box-shadow .3s ease;transition:box-shadow .3s ease;user-select:none}.plyr--full-ui input[type=range]::-ms-fill-lower{background:#0000;background:currentColor;border:0;border-radius:2.5px;border-radius:calc(var(--plyr-range-track-height, 5px)/2);height:5px;height:var(--plyr-range-track-height,5px);-ms-transition:box-shadow .3s ease;transition:box-shadow .3s ease;user-select:none}.plyr--full-ui input[type=range]::-ms-thumb{background:#fff;background:var(--plyr-range-thumb-background,#fff);border:0;border-radius:100%;box-shadow:0 1px 1px #23282f26,0 0 0 1px #23282f33;box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px #23282f26,0 0 0 1px #23282f33);height:13px;height:var(--plyr-range-thumb-height,13px);margin-top:0;position:relative;-ms-transition:all .2s ease;transition:all .2s ease;width:13px;width:var(--plyr-range-thumb-height,13px)}.plyr--full-ui input[type=range]::-ms-tooltip{display:none}.plyr--full-ui input[type=range]::-moz-focus-outer{border:0}.plyr--full-ui input[type=range]:focus{outline:0}.plyr--full-ui input[type=range]:focus-visible::-webkit-slider-runnable-track{outline:2px dashed #00b2ff;outline:2px dashed var(--plyr-focus-visible-color,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));outline-offset:2px}.plyr--full-ui input[type=range]:focus-visible::-moz-range-track{outline:2px dashed #00b2ff;outline:2px dashed var(--plyr-focus-visible-color,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));outline-offset:2px}.plyr--full-ui input[type=range]:focus-visible::-ms-track{outline:2px dashed #00b2ff;outline:2px dashed var(--plyr-focus-visible-color,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));outline-offset:2px}.plyr__poster{background-color:#000;background-color:var(--plyr-video-background,var(--plyr-video-background,#000));background-position:50% 50%;background-repeat:no-repeat;background-size:contain;height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .2s ease;width:100%;z-index:1}.plyr--stopped.plyr__poster-enabled .plyr__poster{opacity:1}.plyr--youtube.plyr--paused.plyr__poster-enabled:not(.plyr--stopped) .plyr__poster{display:none}.plyr__time{font-size:13px;font-size:var(--plyr-font-size-time,var(--plyr-font-size-small,13px))}.plyr__time+.plyr__time:before{content:"⁄";margin-right:10px;margin-right:var(--plyr-control-spacing,10px)}@media (max-width:767px){.plyr__time+.plyr__time{display:none}}.plyr__tooltip{background:#fff;background:var(--plyr-tooltip-background,#fff);border-radius:5px;border-radius:var(--plyr-tooltip-radius,5px);bottom:100%;box-shadow:0 1px 2px #00000026;box-shadow:var(--plyr-tooltip-shadow,0 1px 2px #00000026);color:#4a5464;color:var(--plyr-tooltip-color,#4a5464);font-size:13px;font-size:var(--plyr-font-size-small,13px);font-weight:400;font-weight:var(--plyr-font-weight-regular,400);left:50%;line-height:1.3;margin-bottom:10px;margin-bottom:calc(var(--plyr-control-spacing, 10px)/2*2);opacity:0;padding:5px 7.5px;padding:calc(var(--plyr-control-spacing, 10px)/2) calc(var(--plyr-control-spacing, 10px)/2*1.5);pointer-events:none;position:absolute;transform:translate(-50%,10px) scale(.8);transform-origin:50% 100%;transition:transform .2s ease .1s,opacity .2s ease .1s;white-space:nowrap;z-index:2}.plyr__tooltip:before{border-left:4px solid #0000;border-left:var(--plyr-tooltip-arrow-size,4px) solid #0000;border-right:4px solid #0000;border-right:var(--plyr-tooltip-arrow-size,4px) solid #0000;border-top:4px solid #fff;border-top:var(--plyr-tooltip-arrow-size,4px) solid var(--plyr-tooltip-background,#fff);bottom:-4px;bottom:calc(var(--plyr-tooltip-arrow-size, 4px)*-1);content:"";height:0;left:50%;position:absolute;transform:translateX(-50%);width:0;z-index:2}.plyr .plyr__control:focus-visible .plyr__tooltip,.plyr .plyr__control:hover .plyr__tooltip,.plyr__tooltip--visible{opacity:1;transform:translate(-50%) scale(1)}.plyr .plyr__control:hover .plyr__tooltip{z-index:3}.plyr__controls>.plyr__control:first-child .plyr__tooltip,.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip{left:0;transform:translateY(10px) scale(.8);transform-origin:0 100%}.plyr__controls>.plyr__control:first-child .plyr__tooltip:before,.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip:before{left:16px;left:calc(var(--plyr-control-icon-size, 18px)/2 + var(--plyr-control-spacing, 10px)*.7)}.plyr__controls>.plyr__control:last-child .plyr__tooltip{left:auto;right:0;transform:translateY(10px) scale(.8);transform-origin:100% 100%}.plyr__controls>.plyr__control:last-child .plyr__tooltip:before{left:auto;right:16px;right:calc(var(--plyr-control-icon-size, 18px)/2 + var(--plyr-control-spacing, 10px)*.7);transform:translateX(50%)}.plyr__controls>.plyr__control:first-child .plyr__tooltip--visible,.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip--visible,.plyr__controls>.plyr__control:first-child+.plyr__control:focus-visible .plyr__tooltip,.plyr__controls>.plyr__control:first-child+.plyr__control:hover .plyr__tooltip,.plyr__controls>.plyr__control:first-child:focus-visible .plyr__tooltip,.plyr__controls>.plyr__control:first-child:hover .plyr__tooltip,.plyr__controls>.plyr__control:last-child .plyr__tooltip--visible,.plyr__controls>.plyr__control:last-child:focus-visible .plyr__tooltip,.plyr__controls>.plyr__control:last-child:hover .plyr__tooltip{transform:translate(0) scale(1)}.plyr__progress{left:6.5px;left:calc(var(--plyr-range-thumb-height, 13px)*.5);margin-right:13px;margin-right:var(--plyr-range-thumb-height,13px);position:relative}.plyr__progress input[type=range],.plyr__progress__buffer{margin-left:-6.5px;margin-left:calc(var(--plyr-range-thumb-height, 13px)*-.5);margin-right:-6.5px;margin-right:calc(var(--plyr-range-thumb-height, 13px)*-.5);width:calc(100% + 13px);width:calc(100% + var(--plyr-range-thumb-height, 13px))}.plyr__progress input[type=range]{position:relative;z-index:2}.plyr__progress .plyr__tooltip{left:0;max-width:120px;overflow-wrap:break-word}.plyr__progress__buffer{-webkit-appearance:none;background:#0000;border:0;border-radius:100px;height:5px;height:var(--plyr-range-track-height,5px);left:0;margin-top:-2.5px;margin-top:calc((var(--plyr-range-track-height, 5px)/2)*-1);padding:0;position:absolute;top:50%}.plyr__progress__buffer::-webkit-progress-bar{background:#0000}.plyr__progress__buffer::-webkit-progress-value{background:currentColor;border-radius:100px;min-width:5px;min-width:var(--plyr-range-track-height,5px);-webkit-transition:width .2s ease;transition:width .2s ease}.plyr__progress__buffer::-moz-progress-bar{background:currentColor;border-radius:100px;min-width:5px;min-width:var(--plyr-range-track-height,5px);-moz-transition:width .2s ease;transition:width .2s ease}.plyr__progress__buffer::-ms-fill{border-radius:100px;-ms-transition:width .2s ease;transition:width .2s ease}.plyr--loading .plyr__progress__buffer{animation:plyr-progress 1s linear infinite;background-image:linear-gradient(-45deg,#23282f99 25%,#0000 0,#0000 50%,#23282f99 0,#23282f99 75%,#0000 0,#0000);background-image:linear-gradient(-45deg,var(--plyr-progress-loading-background,#23282f99) 25%,#0000 25%,#0000 50%,var(--plyr-progress-loading-background,#23282f99) 50%,var(--plyr-progress-loading-background,#23282f99) 75%,#0000 75%,#0000);background-repeat:repeat-x;background-size:25px 25px;background-size:var(--plyr-progress-loading-size,25px) var(--plyr-progress-loading-size,25px);color:#0000}.plyr--video.plyr--loading .plyr__progress__buffer{background-color:#ffffff40;background-color:var(--plyr-video-progress-buffered-background,#ffffff40)}.plyr--audio.plyr--loading .plyr__progress__buffer{background-color:#c1c8d199;background-color:var(--plyr-audio-progress-buffered-background,#c1c8d199)}.plyr__progress__marker{background-color:#fff;background-color:var(--plyr-progress-marker-background,#fff);border-radius:1px;height:5px;height:var(--plyr-range-track-height,5px);position:absolute;top:50%;transform:translate(-50%,-50%);width:3px;width:var(--plyr-progress-marker-width,3px);z-index:3}.plyr__volume{align-items:center;display:flex;position:relative}.plyr__volume input[type=range]{margin-left:5px;margin-left:calc(var(--plyr-control-spacing, 10px)/2);margin-right:5px;margin-right:calc(var(--plyr-control-spacing, 10px)/2);max-width:90px;min-width:60px;position:relative;z-index:2}.plyr--audio{display:block}.plyr--audio .plyr__controls{background:#fff;background:var(--plyr-audio-controls-background,#fff);border-radius:inherit;color:#4a5464;color:var(--plyr-audio-control-color,#4a5464);padding:10px;padding:var(--plyr-control-spacing,10px)}.plyr--audio .plyr__control:focus-visible,.plyr--audio .plyr__control:hover,.plyr--audio .plyr__control[aria-expanded=true]{background:#00b2ff;background:var(--plyr-audio-control-background-hover,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));color:#fff;color:var(--plyr-audio-control-color-hover,#fff)}.plyr--full-ui.plyr--audio input[type=range]::-webkit-slider-runnable-track{background-color:#c1c8d199;background-color:var(--plyr-audio-range-track-background,var(--plyr-audio-progress-buffered-background,#c1c8d199))}.plyr--full-ui.plyr--audio input[type=range]::-moz-range-track{background-color:#c1c8d199;background-color:var(--plyr-audio-range-track-background,var(--plyr-audio-progress-buffered-background,#c1c8d199))}.plyr--full-ui.plyr--audio input[type=range]::-ms-track{background-color:#c1c8d199;background-color:var(--plyr-audio-range-track-background,var(--plyr-audio-progress-buffered-background,#c1c8d199))}.plyr--full-ui.plyr--audio input[type=range]:active::-webkit-slider-thumb{box-shadow:0 1px 1px #23282f26,0 0 0 1px #23282f33,0 0 0 3px #23282f1a;box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px #23282f26,0 0 0 1px #23282f33),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,#23282f1a)}.plyr--full-ui.plyr--audio input[type=range]:active::-moz-range-thumb{box-shadow:0 1px 1px #23282f26,0 0 0 1px #23282f33,0 0 0 3px #23282f1a;box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px #23282f26,0 0 0 1px #23282f33),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,#23282f1a)}.plyr--full-ui.plyr--audio input[type=range]:active::-ms-thumb{box-shadow:0 1px 1px #23282f26,0 0 0 1px #23282f33,0 0 0 3px #23282f1a;box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px #23282f26,0 0 0 1px #23282f33),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,#23282f1a)}.plyr--audio .plyr__progress__buffer{color:#c1c8d199;color:var(--plyr-audio-progress-buffered-background,#c1c8d199)}.plyr--video{overflow:hidden}.plyr--video.plyr--menu-open{overflow:visible}.plyr__video-wrapper{background:#000;background:var(--plyr-video-background,var(--plyr-video-background,#000));border-radius:inherit;height:100%;margin:auto;overflow:hidden;position:relative;width:100%}.plyr__video-embed,.plyr__video-wrapper--fixed-ratio{aspect-ratio:16/9}@supports not (aspect-ratio:16/9){.plyr__video-embed,.plyr__video-wrapper--fixed-ratio{height:0;padding-bottom:56.25%;position:relative}}.plyr__video-embed iframe,.plyr__video-wrapper--fixed-ratio video{border:0;height:100%;left:0;position:absolute;top:0;width:100%}.plyr--full-ui .plyr__video-embed>.plyr__video-embed__container{padding-bottom:240%;position:relative;transform:translateY(-38.28125%)}.plyr--video .plyr__controls{background:linear-gradient(#0000,#000000bf);background:var(--plyr-video-controls-background,linear-gradient(#0000,#000000bf));border-bottom-left-radius:inherit;border-bottom-right-radius:inherit;bottom:0;color:#fff;color:var(--plyr-video-control-color,#fff);left:0;padding:5px;padding:calc(var(--plyr-control-spacing, 10px)/2);padding-top:20px;padding-top:calc(var(--plyr-control-spacing, 10px)*2);position:absolute;right:0;transition:opacity .4s ease-in-out,transform .4s ease-in-out;z-index:3}@media (min-width:480px){.plyr--video .plyr__controls{padding:10px;padding:var(--plyr-control-spacing,10px);padding-top:35px;padding-top:calc(var(--plyr-control-spacing, 10px)*3.5)}}.plyr--video.plyr--hide-controls .plyr__controls{opacity:0;pointer-events:none;transform:translateY(100%)}.plyr--video .plyr__control:focus-visible,.plyr--video .plyr__control:hover,.plyr--video .plyr__control[aria-expanded=true]{background:#00b2ff;background:var(--plyr-video-control-background-hover,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));color:#fff;color:var(--plyr-video-control-color-hover,#fff)}.plyr__control--overlaid{background:#00b2ff;background:var(--plyr-video-control-background-hover,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));border:0;border-radius:100%;color:#fff;color:var(--plyr-video-control-color,#fff);display:none;left:50%;opacity:.9;padding:15px;padding:calc(var(--plyr-control-spacing, 10px)*1.5);position:absolute;top:50%;transform:translate(-50%,-50%);transition:.3s;z-index:2}.plyr__control--overlaid svg{left:2px;position:relative}.plyr__control--overlaid:focus,.plyr__control--overlaid:hover{opacity:1}.plyr--playing .plyr__control--overlaid{opacity:0;visibility:hidden}.plyr--full-ui.plyr--video .plyr__control--overlaid{display:block}.plyr--full-ui.plyr--video input[type=range]::-webkit-slider-runnable-track{background-color:#ffffff40;background-color:var(--plyr-video-range-track-background,var(--plyr-video-progress-buffered-background,#ffffff40))}.plyr--full-ui.plyr--video input[type=range]::-moz-range-track{background-color:#ffffff40;background-color:var(--plyr-video-range-track-background,var(--plyr-video-progress-buffered-background,#ffffff40))}.plyr--full-ui.plyr--video input[type=range]::-ms-track{background-color:#ffffff40;background-color:var(--plyr-video-range-track-background,var(--plyr-video-progress-buffered-background,#ffffff40))}.plyr--full-ui.plyr--video input[type=range]:active::-webkit-slider-thumb{box-shadow:0 1px 1px #23282f26,0 0 0 1px #23282f33,0 0 0 3px #ffffff80;box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px #23282f26,0 0 0 1px #23282f33),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,#ffffff80)}.plyr--full-ui.plyr--video input[type=range]:active::-moz-range-thumb{box-shadow:0 1px 1px #23282f26,0 0 0 1px #23282f33,0 0 0 3px #ffffff80;box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px #23282f26,0 0 0 1px #23282f33),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,#ffffff80)}.plyr--full-ui.plyr--video input[type=range]:active::-ms-thumb{box-shadow:0 1px 1px #23282f26,0 0 0 1px #23282f33,0 0 0 3px #ffffff80;box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px #23282f26,0 0 0 1px #23282f33),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,#ffffff80)}.plyr--video .plyr__progress__buffer{color:#ffffff40;color:var(--plyr-video-progress-buffered-background,#ffffff40)}.plyr:fullscreen{background:#000;border-radius:0!important;height:100%;margin:0;width:100%}.plyr:fullscreen video{height:100%}.plyr:fullscreen .plyr__control .icon--exit-fullscreen{display:block}.plyr:fullscreen .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr:fullscreen.plyr--hide-controls{cursor:none}@media (min-width:1024px){.plyr:fullscreen .plyr__captions{font-size:21px;font-size:var(--plyr-font-size-xlarge,21px)}}.plyr--fullscreen-fallback{background:#000;border-radius:0!important;bottom:0;height:100%;left:0;margin:0;position:fixed;right:0;top:0;width:100%;z-index:10000000}.plyr--fullscreen-fallback video{height:100%}.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen{display:block}.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr--fullscreen-fallback.plyr--hide-controls{cursor:none}@media (min-width:1024px){.plyr--fullscreen-fallback .plyr__captions{font-size:21px;font-size:var(--plyr-font-size-xlarge,21px)}}.plyr__ads{border-radius:inherit;bottom:0;cursor:pointer;left:0;overflow:hidden;position:absolute;right:0;top:0;z-index:-1}.plyr__ads>div,.plyr__ads>div iframe{height:100%;position:absolute;width:100%}.plyr__ads:after{background:#23282f;border-radius:2px;bottom:10px;bottom:var(--plyr-control-spacing,10px);color:#fff;content:attr(data-badge-text);font-size:11px;padding:2px 6px;pointer-events:none;position:absolute;right:10px;right:var(--plyr-control-spacing,10px);z-index:3}.plyr__ads:empty:after{display:none}.plyr__cues{background:currentColor;display:block;height:5px;height:var(--plyr-range-track-height,5px);left:0;opacity:.8;position:absolute;top:50%;transform:translateY(-50%);width:3px;z-index:3}.plyr__preview-thumb{background-color:#fff;background-color:var(--plyr-tooltip-background,#fff);border-radius:8px;border-radius:var(--plyr-menu-radius,8px);bottom:100%;box-shadow:0 1px 2px #00000026;box-shadow:var(--plyr-tooltip-shadow,0 1px 2px #00000026);margin-bottom:10px;margin-bottom:calc(var(--plyr-control-spacing, 10px)/2*2);opacity:0;padding:3px;pointer-events:none;position:absolute;transform:translateY(10px) scale(.8);transform-origin:50% 100%;transition:transform .2s ease .1s,opacity .2s ease .1s;z-index:2}.plyr__preview-thumb--is-shown{opacity:1;transform:translate(0) scale(1)}.plyr__preview-thumb:before{border-left:4px solid #0000;border-left:var(--plyr-tooltip-arrow-size,4px) solid #0000;border-right:4px solid #0000;border-right:var(--plyr-tooltip-arrow-size,4px) solid #0000;border-top:4px solid #fff;border-top:var(--plyr-tooltip-arrow-size,4px) solid var(--plyr-tooltip-background,#fff);bottom:-4px;bottom:calc(var(--plyr-tooltip-arrow-size, 4px)*-1);content:"";height:0;left:calc(50% + var(--preview-arrow-offset));position:absolute;transform:translateX(-50%);width:0;z-index:2}.plyr__preview-thumb__image-container{background:#c1c8d1;border-radius:7px;border-radius:calc(var(--plyr-menu-radius, 8px) - 1px);overflow:hidden;position:relative;z-index:0}.plyr__preview-thumb__image-container img,.plyr__preview-thumb__image-container:after{height:100%;left:0;position:absolute;top:0;width:100%}.plyr__preview-thumb__image-container:after{border-radius:inherit;box-shadow:inset 0 0 0 1px #00000026;content:"";pointer-events:none}.plyr__preview-thumb__image-container img{max-height:none;max-width:none}.plyr__preview-thumb__time-container{background:linear-gradient(#0000,#000000bf);background:var(--plyr-video-controls-background,linear-gradient(#0000,#000000bf));border-bottom-left-radius:7px;border-bottom-left-radius:calc(var(--plyr-menu-radius, 8px) - 1px);border-bottom-right-radius:7px;border-bottom-right-radius:calc(var(--plyr-menu-radius, 8px) - 1px);bottom:0;left:0;line-height:1.1;padding:20px 6px 6px;position:absolute;right:0;z-index:3}.plyr__preview-thumb__time-container span{color:#fff;font-size:13px;font-size:var(--plyr-font-size-time,var(--plyr-font-size-small,13px))}.plyr__preview-scrubbing{bottom:0;filter:blur(1px);height:100%;left:0;margin:auto;opacity:0;overflow:hidden;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .3s ease;width:100%;z-index:1}.plyr__preview-scrubbing--is-shown{opacity:1}.plyr__preview-scrubbing img{height:100%;left:0;max-height:none;max-width:none;object-fit:contain;position:absolute;top:0;width:100%}.plyr--no-transition{transition:none!important}.plyr__sr-only{clip:rect(1px,1px,1px,1px);border:0!important;height:1px!important;overflow:hidden;padding:0!important;position:absolute!important;width:1px!important}.plyr [hidden]{display:none!important} [data-aos][data-aos][data-aos-duration="50"],body[data-aos-duration="50"] [data-aos]{transition-duration:50ms}[data-aos][data-aos][data-aos-delay="50"],body[data-aos-delay="50"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="50"].aos-animate,body[data-aos-delay="50"] [data-aos].aos-animate{transition-delay:50ms}[data-aos][data-aos][data-aos-duration="100"],body[data-aos-duration="100"] [data-aos]{transition-duration:.1s}[data-aos][data-aos][data-aos-delay="100"],body[data-aos-delay="100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="100"].aos-animate,body[data-aos-delay="100"] [data-aos].aos-animate{transition-delay:.1s}[data-aos][data-aos][data-aos-duration="150"],body[data-aos-duration="150"] [data-aos]{transition-duration:.15s}[data-aos][data-aos][data-aos-delay="150"],body[data-aos-delay="150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="150"].aos-animate,body[data-aos-delay="150"] [data-aos].aos-animate{transition-delay:.15s}[data-aos][data-aos][data-aos-duration="200"],body[data-aos-duration="200"] [data-aos]{transition-duration:.2s}[data-aos][data-aos][data-aos-delay="200"],body[data-aos-delay="200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="200"].aos-animate,body[data-aos-delay="200"] [data-aos].aos-animate{transition-delay:.2s}[data-aos][data-aos][data-aos-duration="250"],body[data-aos-duration="250"] [data-aos]{transition-duration:.25s}[data-aos][data-aos][data-aos-delay="250"],body[data-aos-delay="250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="250"].aos-animate,body[data-aos-delay="250"] [data-aos].aos-animate{transition-delay:.25s}[data-aos][data-aos][data-aos-duration="300"],body[data-aos-duration="300"] [data-aos]{transition-duration:.3s}[data-aos][data-aos][data-aos-delay="300"],body[data-aos-delay="300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="300"].aos-animate,body[data-aos-delay="300"] [data-aos].aos-animate{transition-delay:.3s}[data-aos][data-aos][data-aos-duration="350"],body[data-aos-duration="350"] [data-aos]{transition-duration:.35s}[data-aos][data-aos][data-aos-delay="350"],body[data-aos-delay="350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="350"].aos-animate,body[data-aos-delay="350"] [data-aos].aos-animate{transition-delay:.35s}[data-aos][data-aos][data-aos-duration="400"],body[data-aos-duration="400"] [data-aos]{transition-duration:.4s}[data-aos][data-aos][data-aos-delay="400"],body[data-aos-delay="400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="400"].aos-animate,body[data-aos-delay="400"] [data-aos].aos-animate{transition-delay:.4s}[data-aos][data-aos][data-aos-duration="450"],body[data-aos-duration="450"] [data-aos]{transition-duration:.45s}[data-aos][data-aos][data-aos-delay="450"],body[data-aos-delay="450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="450"].aos-animate,body[data-aos-delay="450"] [data-aos].aos-animate{transition-delay:.45s}[data-aos][data-aos][data-aos-duration="500"],body[data-aos-duration="500"] [data-aos]{transition-duration:.5s}[data-aos][data-aos][data-aos-delay="500"],body[data-aos-delay="500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="500"].aos-animate,body[data-aos-delay="500"] [data-aos].aos-animate{transition-delay:.5s}[data-aos][data-aos][data-aos-duration="550"],body[data-aos-duration="550"] [data-aos]{transition-duration:.55s}[data-aos][data-aos][data-aos-delay="550"],body[data-aos-delay="550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="550"].aos-animate,body[data-aos-delay="550"] [data-aos].aos-animate{transition-delay:.55s}[data-aos][data-aos][data-aos-duration="600"],body[data-aos-duration="600"] [data-aos]{transition-duration:.6s}[data-aos][data-aos][data-aos-delay="600"],body[data-aos-delay="600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="600"].aos-animate,body[data-aos-delay="600"] [data-aos].aos-animate{transition-delay:.6s}[data-aos][data-aos][data-aos-duration="650"],body[data-aos-duration="650"] [data-aos]{transition-duration:.65s}[data-aos][data-aos][data-aos-delay="650"],body[data-aos-delay="650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="650"].aos-animate,body[data-aos-delay="650"] [data-aos].aos-animate{transition-delay:.65s}[data-aos][data-aos][data-aos-duration="700"],body[data-aos-duration="700"] [data-aos]{transition-duration:.7s}[data-aos][data-aos][data-aos-delay="700"],body[data-aos-delay="700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="700"].aos-animate,body[data-aos-delay="700"] [data-aos].aos-animate{transition-delay:.7s}[data-aos][data-aos][data-aos-duration="750"],body[data-aos-duration="750"] [data-aos]{transition-duration:.75s}[data-aos][data-aos][data-aos-delay="750"],body[data-aos-delay="750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="750"].aos-animate,body[data-aos-delay="750"] [data-aos].aos-animate{transition-delay:.75s}[data-aos][data-aos][data-aos-duration="800"],body[data-aos-duration="800"] [data-aos]{transition-duration:.8s}[data-aos][data-aos][data-aos-delay="800"],body[data-aos-delay="800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="800"].aos-animate,body[data-aos-delay="800"] [data-aos].aos-animate{transition-delay:.8s}[data-aos][data-aos][data-aos-duration="850"],body[data-aos-duration="850"] [data-aos]{transition-duration:.85s}[data-aos][data-aos][data-aos-delay="850"],body[data-aos-delay="850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="850"].aos-animate,body[data-aos-delay="850"] [data-aos].aos-animate{transition-delay:.85s}[data-aos][data-aos][data-aos-duration="900"],body[data-aos-duration="900"] [data-aos]{transition-duration:.9s}[data-aos][data-aos][data-aos-delay="900"],body[data-aos-delay="900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="900"].aos-animate,body[data-aos-delay="900"] [data-aos].aos-animate{transition-delay:.9s}[data-aos][data-aos][data-aos-duration="950"],body[data-aos-duration="950"] [data-aos]{transition-duration:.95s}[data-aos][data-aos][data-aos-delay="950"],body[data-aos-delay="950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="950"].aos-animate,body[data-aos-delay="950"] [data-aos].aos-animate{transition-delay:.95s}[data-aos][data-aos][data-aos-duration="1000"],body[data-aos-duration="1000"] [data-aos]{transition-duration:1s}[data-aos][data-aos][data-aos-delay="1000"],body[data-aos-delay="1000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1000"].aos-animate,body[data-aos-delay="1000"] [data-aos].aos-animate{transition-delay:1s}[data-aos][data-aos][data-aos-duration="1050"],body[data-aos-duration="1050"] [data-aos]{transition-duration:1.05s}[data-aos][data-aos][data-aos-delay="1050"],body[data-aos-delay="1050"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1050"].aos-animate,body[data-aos-delay="1050"] [data-aos].aos-animate{transition-delay:1.05s}[data-aos][data-aos][data-aos-duration="1100"],body[data-aos-duration="1100"] [data-aos]{transition-duration:1.1s}[data-aos][data-aos][data-aos-delay="1100"],body[data-aos-delay="1100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1100"].aos-animate,body[data-aos-delay="1100"] [data-aos].aos-animate{transition-delay:1.1s}[data-aos][data-aos][data-aos-duration="1150"],body[data-aos-duration="1150"] [data-aos]{transition-duration:1.15s}[data-aos][data-aos][data-aos-delay="1150"],body[data-aos-delay="1150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1150"].aos-animate,body[data-aos-delay="1150"] [data-aos].aos-animate{transition-delay:1.15s}[data-aos][data-aos][data-aos-duration="1200"],body[data-aos-duration="1200"] [data-aos]{transition-duration:1.2s}[data-aos][data-aos][data-aos-delay="1200"],body[data-aos-delay="1200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1200"].aos-animate,body[data-aos-delay="1200"] [data-aos].aos-animate{transition-delay:1.2s}[data-aos][data-aos][data-aos-duration="1250"],body[data-aos-duration="1250"] [data-aos]{transition-duration:1.25s}[data-aos][data-aos][data-aos-delay="1250"],body[data-aos-delay="1250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1250"].aos-animate,body[data-aos-delay="1250"] [data-aos].aos-animate{transition-delay:1.25s}[data-aos][data-aos][data-aos-duration="1300"],body[data-aos-duration="1300"] [data-aos]{transition-duration:1.3s}[data-aos][data-aos][data-aos-delay="1300"],body[data-aos-delay="1300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1300"].aos-animate,body[data-aos-delay="1300"] [data-aos].aos-animate{transition-delay:1.3s}[data-aos][data-aos][data-aos-duration="1350"],body[data-aos-duration="1350"] [data-aos]{transition-duration:1.35s}[data-aos][data-aos][data-aos-delay="1350"],body[data-aos-delay="1350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1350"].aos-animate,body[data-aos-delay="1350"] [data-aos].aos-animate{transition-delay:1.35s}[data-aos][data-aos][data-aos-duration="1400"],body[data-aos-duration="1400"] [data-aos]{transition-duration:1.4s}[data-aos][data-aos][data-aos-delay="1400"],body[data-aos-delay="1400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1400"].aos-animate,body[data-aos-delay="1400"] [data-aos].aos-animate{transition-delay:1.4s}[data-aos][data-aos][data-aos-duration="1450"],body[data-aos-duration="1450"] [data-aos]{transition-duration:1.45s}[data-aos][data-aos][data-aos-delay="1450"],body[data-aos-delay="1450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1450"].aos-animate,body[data-aos-delay="1450"] [data-aos].aos-animate{transition-delay:1.45s}[data-aos][data-aos][data-aos-duration="1500"],body[data-aos-duration="1500"] [data-aos]{transition-duration:1.5s}[data-aos][data-aos][data-aos-delay="1500"],body[data-aos-delay="1500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1500"].aos-animate,body[data-aos-delay="1500"] [data-aos].aos-animate{transition-delay:1.5s}[data-aos][data-aos][data-aos-duration="1550"],body[data-aos-duration="1550"] [data-aos]{transition-duration:1.55s}[data-aos][data-aos][data-aos-delay="1550"],body[data-aos-delay="1550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1550"].aos-animate,body[data-aos-delay="1550"] [data-aos].aos-animate{transition-delay:1.55s}[data-aos][data-aos][data-aos-duration="1600"],body[data-aos-duration="1600"] [data-aos]{transition-duration:1.6s}[data-aos][data-aos][data-aos-delay="1600"],body[data-aos-delay="1600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1600"].aos-animate,body[data-aos-delay="1600"] [data-aos].aos-animate{transition-delay:1.6s}[data-aos][data-aos][data-aos-duration="1650"],body[data-aos-duration="1650"] [data-aos]{transition-duration:1.65s}[data-aos][data-aos][data-aos-delay="1650"],body[data-aos-delay="1650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1650"].aos-animate,body[data-aos-delay="1650"] [data-aos].aos-animate{transition-delay:1.65s}[data-aos][data-aos][data-aos-duration="1700"],body[data-aos-duration="1700"] [data-aos]{transition-duration:1.7s}[data-aos][data-aos][data-aos-delay="1700"],body[data-aos-delay="1700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1700"].aos-animate,body[data-aos-delay="1700"] [data-aos].aos-animate{transition-delay:1.7s}[data-aos][data-aos][data-aos-duration="1750"],body[data-aos-duration="1750"] [data-aos]{transition-duration:1.75s}[data-aos][data-aos][data-aos-delay="1750"],body[data-aos-delay="1750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1750"].aos-animate,body[data-aos-delay="1750"] [data-aos].aos-animate{transition-delay:1.75s}[data-aos][data-aos][data-aos-duration="1800"],body[data-aos-duration="1800"] [data-aos]{transition-duration:1.8s}[data-aos][data-aos][data-aos-delay="1800"],body[data-aos-delay="1800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1800"].aos-animate,body[data-aos-delay="1800"] [data-aos].aos-animate{transition-delay:1.8s}[data-aos][data-aos][data-aos-duration="1850"],body[data-aos-duration="1850"] [data-aos]{transition-duration:1.85s}[data-aos][data-aos][data-aos-delay="1850"],body[data-aos-delay="1850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1850"].aos-animate,body[data-aos-delay="1850"] [data-aos].aos-animate{transition-delay:1.85s}[data-aos][data-aos][data-aos-duration="1900"],body[data-aos-duration="1900"] [data-aos]{transition-duration:1.9s}[data-aos][data-aos][data-aos-delay="1900"],body[data-aos-delay="1900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1900"].aos-animate,body[data-aos-delay="1900"] [data-aos].aos-animate{transition-delay:1.9s}[data-aos][data-aos][data-aos-duration="1950"],body[data-aos-duration="1950"] [data-aos]{transition-duration:1.95s}[data-aos][data-aos][data-aos-delay="1950"],body[data-aos-delay="1950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1950"].aos-animate,body[data-aos-delay="1950"] [data-aos].aos-animate{transition-delay:1.95s}[data-aos][data-aos][data-aos-duration="2000"],body[data-aos-duration="2000"] [data-aos]{transition-duration:2s}[data-aos][data-aos][data-aos-delay="2000"],body[data-aos-delay="2000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2000"].aos-animate,body[data-aos-delay="2000"] [data-aos].aos-animate{transition-delay:2s}[data-aos][data-aos][data-aos-duration="2050"],body[data-aos-duration="2050"] [data-aos]{transition-duration:2.05s}[data-aos][data-aos][data-aos-delay="2050"],body[data-aos-delay="2050"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2050"].aos-animate,body[data-aos-delay="2050"] [data-aos].aos-animate{transition-delay:2.05s}[data-aos][data-aos][data-aos-duration="2100"],body[data-aos-duration="2100"] [data-aos]{transition-duration:2.1s}[data-aos][data-aos][data-aos-delay="2100"],body[data-aos-delay="2100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2100"].aos-animate,body[data-aos-delay="2100"] [data-aos].aos-animate{transition-delay:2.1s}[data-aos][data-aos][data-aos-duration="2150"],body[data-aos-duration="2150"] [data-aos]{transition-duration:2.15s}[data-aos][data-aos][data-aos-delay="2150"],body[data-aos-delay="2150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2150"].aos-animate,body[data-aos-delay="2150"] [data-aos].aos-animate{transition-delay:2.15s}[data-aos][data-aos][data-aos-duration="2200"],body[data-aos-duration="2200"] [data-aos]{transition-duration:2.2s}[data-aos][data-aos][data-aos-delay="2200"],body[data-aos-delay="2200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2200"].aos-animate,body[data-aos-delay="2200"] [data-aos].aos-animate{transition-delay:2.2s}[data-aos][data-aos][data-aos-duration="2250"],body[data-aos-duration="2250"] [data-aos]{transition-duration:2.25s}[data-aos][data-aos][data-aos-delay="2250"],body[data-aos-delay="2250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2250"].aos-animate,body[data-aos-delay="2250"] [data-aos].aos-animate{transition-delay:2.25s}[data-aos][data-aos][data-aos-duration="2300"],body[data-aos-duration="2300"] [data-aos]{transition-duration:2.3s}[data-aos][data-aos][data-aos-delay="2300"],body[data-aos-delay="2300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2300"].aos-animate,body[data-aos-delay="2300"] [data-aos].aos-animate{transition-delay:2.3s}[data-aos][data-aos][data-aos-duration="2350"],body[data-aos-duration="2350"] [data-aos]{transition-duration:2.35s}[data-aos][data-aos][data-aos-delay="2350"],body[data-aos-delay="2350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2350"].aos-animate,body[data-aos-delay="2350"] [data-aos].aos-animate{transition-delay:2.35s}[data-aos][data-aos][data-aos-duration="2400"],body[data-aos-duration="2400"] [data-aos]{transition-duration:2.4s}[data-aos][data-aos][data-aos-delay="2400"],body[data-aos-delay="2400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2400"].aos-animate,body[data-aos-delay="2400"] [data-aos].aos-animate{transition-delay:2.4s}[data-aos][data-aos][data-aos-duration="2450"],body[data-aos-duration="2450"] [data-aos]{transition-duration:2.45s}[data-aos][data-aos][data-aos-delay="2450"],body[data-aos-delay="2450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2450"].aos-animate,body[data-aos-delay="2450"] [data-aos].aos-animate{transition-delay:2.45s}[data-aos][data-aos][data-aos-duration="2500"],body[data-aos-duration="2500"] [data-aos]{transition-duration:2.5s}[data-aos][data-aos][data-aos-delay="2500"],body[data-aos-delay="2500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2500"].aos-animate,body[data-aos-delay="2500"] [data-aos].aos-animate{transition-delay:2.5s}[data-aos][data-aos][data-aos-duration="2550"],body[data-aos-duration="2550"] [data-aos]{transition-duration:2.55s}[data-aos][data-aos][data-aos-delay="2550"],body[data-aos-delay="2550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2550"].aos-animate,body[data-aos-delay="2550"] [data-aos].aos-animate{transition-delay:2.55s}[data-aos][data-aos][data-aos-duration="2600"],body[data-aos-duration="2600"] [data-aos]{transition-duration:2.6s}[data-aos][data-aos][data-aos-delay="2600"],body[data-aos-delay="2600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2600"].aos-animate,body[data-aos-delay="2600"] [data-aos].aos-animate{transition-delay:2.6s}[data-aos][data-aos][data-aos-duration="2650"],body[data-aos-duration="2650"] [data-aos]{transition-duration:2.65s}[data-aos][data-aos][data-aos-delay="2650"],body[data-aos-delay="2650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2650"].aos-animate,body[data-aos-delay="2650"] [data-aos].aos-animate{transition-delay:2.65s}[data-aos][data-aos][data-aos-duration="2700"],body[data-aos-duration="2700"] [data-aos]{transition-duration:2.7s}[data-aos][data-aos][data-aos-delay="2700"],body[data-aos-delay="2700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2700"].aos-animate,body[data-aos-delay="2700"] [data-aos].aos-animate{transition-delay:2.7s}[data-aos][data-aos][data-aos-duration="2750"],body[data-aos-duration="2750"] [data-aos]{transition-duration:2.75s}[data-aos][data-aos][data-aos-delay="2750"],body[data-aos-delay="2750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2750"].aos-animate,body[data-aos-delay="2750"] [data-aos].aos-animate{transition-delay:2.75s}[data-aos][data-aos][data-aos-duration="2800"],body[data-aos-duration="2800"] [data-aos]{transition-duration:2.8s}[data-aos][data-aos][data-aos-delay="2800"],body[data-aos-delay="2800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2800"].aos-animate,body[data-aos-delay="2800"] [data-aos].aos-animate{transition-delay:2.8s}[data-aos][data-aos][data-aos-duration="2850"],body[data-aos-duration="2850"] [data-aos]{transition-duration:2.85s}[data-aos][data-aos][data-aos-delay="2850"],body[data-aos-delay="2850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2850"].aos-animate,body[data-aos-delay="2850"] [data-aos].aos-animate{transition-delay:2.85s}[data-aos][data-aos][data-aos-duration="2900"],body[data-aos-duration="2900"] [data-aos]{transition-duration:2.9s}[data-aos][data-aos][data-aos-delay="2900"],body[data-aos-delay="2900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2900"].aos-animate,body[data-aos-delay="2900"] [data-aos].aos-animate{transition-delay:2.9s}[data-aos][data-aos][data-aos-duration="2950"],body[data-aos-duration="2950"] [data-aos]{transition-duration:2.95s}[data-aos][data-aos][data-aos-delay="2950"],body[data-aos-delay="2950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2950"].aos-animate,body[data-aos-delay="2950"] [data-aos].aos-animate{transition-delay:2.95s}[data-aos][data-aos][data-aos-duration="3000"],body[data-aos-duration="3000"] [data-aos]{transition-duration:3s}[data-aos][data-aos][data-aos-delay="3000"],body[data-aos-delay="3000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="3000"].aos-animate,body[data-aos-delay="3000"] [data-aos].aos-animate{transition-delay:3s}[data-aos][data-aos][data-aos-easing=linear],body[data-aos-easing=linear] [data-aos]{transition-timing-function:cubic-bezier(.25,.25,.75,.75)}[data-aos][data-aos][data-aos-easing=ease],body[data-aos-easing=ease] [data-aos]{transition-timing-function:ease}[data-aos][data-aos][data-aos-easing=ease-in],body[data-aos-easing=ease-in] [data-aos]{transition-timing-function:ease-in}[data-aos][data-aos][data-aos-easing=ease-out],body[data-aos-easing=ease-out] [data-aos]{transition-timing-function:ease-out}[data-aos][data-aos][data-aos-easing=ease-in-out],body[data-aos-easing=ease-in-out] [data-aos]{transition-timing-function:ease-in-out}[data-aos][data-aos][data-aos-easing=ease-in-back],body[data-aos-easing=ease-in-back] [data-aos]{transition-timing-function:cubic-bezier(.6,-.28,.735,.045)}[data-aos][data-aos][data-aos-easing=ease-out-back],body[data-aos-easing=ease-out-back] [data-aos]{transition-timing-function:cubic-bezier(.175,.885,.32,1.275)}[data-aos][data-aos][data-aos-easing=ease-in-out-back],body[data-aos-easing=ease-in-out-back] [data-aos]{transition-timing-function:cubic-bezier(.68,-.55,.265,1.55)}[data-aos][data-aos][data-aos-easing=ease-in-sine],body[data-aos-easing=ease-in-sine] [data-aos]{transition-timing-function:cubic-bezier(.47,0,.745,.715)}[data-aos][data-aos][data-aos-easing=ease-out-sine],body[data-aos-easing=ease-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.39,.575,.565,1)}[data-aos][data-aos][data-aos-easing=ease-in-out-sine],body[data-aos-easing=ease-in-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.445,.05,.55,.95)}[data-aos][data-aos][data-aos-easing=ease-in-quad],body[data-aos-easing=ease-in-quad] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quad],body[data-aos-easing=ease-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quad],body[data-aos-easing=ease-in-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-cubic],body[data-aos-easing=ease-in-cubic] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-cubic],body[data-aos-easing=ease-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-cubic],body[data-aos-easing=ease-in-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-quart],body[data-aos-easing=ease-in-quart] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quart],body[data-aos-easing=ease-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quart],body[data-aos-easing=ease-in-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos^=fade][data-aos^=fade]{opacity:0;transition-property:opacity,transform}[data-aos=fade][data-aos=fade].aos-animate{opacity:1}[data-aos^=fade-][data-aos^=fade-].aos-animate{opacity:1;transform:translateZ(1px)}[data-aos=fade-up]{transform:translate3d(0,100px,0)}[data-aos=fade-down]{transform:translate3d(0,-100px,0)}[data-aos=fade-right]{transform:translate3d(-100px,0,0)}[data-aos=fade-left]{transform:translate3d(100px,0,0)}[data-aos=fade-up-right]{transform:translate3d(-100px,100px,0)}[data-aos=fade-up-left]{transform:translate3d(100px,100px,0)}[data-aos=fade-down-right]{transform:translate3d(-100px,-100px,0)}[data-aos=fade-down-left]{transform:translate3d(100px,-100px,0)}[data-aos^=zoom][data-aos^=zoom]{opacity:0;transition-property:opacity,transform}[data-aos^=zoom][data-aos^=zoom].aos-animate{opacity:1;transform:translateZ(1px) scale(1)}[data-aos=zoom-in]{transform:scale(.6)}[data-aos=zoom-in-up]{transform:translate3d(0,100px,0) scale(.6)}[data-aos=zoom-in-down]{transform:translate3d(0,-100px,0) scale(.6)}[data-aos=zoom-in-right]{transform:translate3d(-100px,0,0) scale(.6)}[data-aos=zoom-in-left]{transform:translate3d(100px,0,0) scale(.6)}[data-aos=zoom-out]{transform:scale(1.2)}[data-aos=zoom-out-up]{transform:translate3d(0,100px,0) scale(1.2)}[data-aos=zoom-out-down]{transform:translate3d(0,-100px,0) scale(1.2)}[data-aos=zoom-out-right]{transform:translate3d(-100px,0,0) scale(1.2)}[data-aos=zoom-out-left]{transform:translate3d(100px,0,0) scale(1.2)}[data-aos^=slide][data-aos^=slide]{transition-property:transform}[data-aos^=slide][data-aos^=slide].aos-animate{transform:translateZ(1px)}[data-aos=slide-up]{transform:translate3d(0,100%,0)}[data-aos=slide-down]{transform:translate3d(0,-100%,0)}[data-aos=slide-right]{transform:translate3d(-100%,0,0)}[data-aos=slide-left]{transform:translate3d(100%,0,0)}[data-aos^=flip][data-aos^=flip]{backface-visibility:hidden;transition-property:transform}[data-aos=flip-left]{transform:perspective(2500px) rotateY(-100deg)}[data-aos=flip-left].aos-animate{transform:perspective(2500px) rotateY(0)}[data-aos=flip-right]{transform:perspective(2500px) rotateY(100deg)}[data-aos=flip-right].aos-animate{transform:perspective(2500px) rotateY(0)}[data-aos=flip-up]{transform:perspective(2500px) rotateX(-100deg)}[data-aos=flip-up].aos-animate{transform:perspective(2500px) rotateX(0)}[data-aos=flip-down]{transform:perspective(2500px) rotateX(100deg)}[data-aos=flip-down].aos-animate{transform:perspective(2500px) rotateX(0)} /** * Swiper 8.4.4 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2022 Vladimir Kharlampidi * * Released under the MIT License * * Released on: October 12, 2022 */ @font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-pointer-events{touch-action:pan-y}.swiper-pointer-events.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d,.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-horizontal.swiper-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-vertical.swiper-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:50%;background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-next+.swiper-slide,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden} .glightbox-container{width:100%;height:100%;position:fixed;top:0;left:0;z-index:999999!important;overflow:hidden;-ms-touch-action:none;touch-action:none;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;outline:0;overflow:hidden}.glightbox-container.inactive{display:none}.glightbox-container .gcontainer{position:relative;width:100%;height:100%;z-index:9999;overflow:hidden}.glightbox-container .gslider{-webkit-transition:-webkit-transform .4s ease;transition:-webkit-transform .4s ease;transition:transform .4s ease;transition:transform .4s ease,-webkit-transform .4s ease;height:100%;left:0;top:0;width:100%;position:relative;overflow:hidden;display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.glightbox-container .gslide{width:100%;position:absolute;opacity:1;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;opacity:0}.glightbox-container .gslide.current{opacity:1;z-index:99999;position:relative}.glightbox-container .gslide.prev{opacity:1;z-index:9999}.glightbox-container .gslide-inner-content{width:100%}.glightbox-container .ginner-container{position:relative;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;max-width:100%;margin:auto;height:100vh}.glightbox-container .ginner-container.gvideo-container{width:100%}.glightbox-container .ginner-container.desc-bottom,.glightbox-container .ginner-container.desc-top{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.glightbox-container .ginner-container.desc-left,.glightbox-container .ginner-container.desc-right{max-width:100%!important}.gslide iframe,.gslide video{outline:0!important;border:none;min-height:165px;-webkit-overflow-scrolling:touch;-ms-touch-action:auto;touch-action:auto}.gslide:not(.current){pointer-events:none}.gslide-image{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.gslide-image img{max-height:100vh;display:block;padding:0;float:none;outline:0;border:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;max-width:100vw;width:auto;height:auto;-o-object-fit:cover;object-fit:cover;-ms-touch-action:none;touch-action:none;margin:auto;min-width:200px}.desc-bottom .gslide-image img,.desc-top .gslide-image img{width:auto}.desc-left .gslide-image img,.desc-right .gslide-image img{width:auto;max-width:100%}.gslide-image img.zoomable{position:relative}.gslide-image img.dragging{cursor:-webkit-grabbing!important;cursor:grabbing!important;-webkit-transition:none;transition:none}.gslide-video{position:relative;max-width:100vh;width:100%!important}.gslide-video .gvideo-wrapper{width:100%;margin:auto}.gslide-video::before{content:'';display:block;position:absolute;width:100%;height:100%;background:rgba(255,0,0,.34);display:none}.gslide-video.playing::before{display:none}.gslide-video.fullscreen{max-width:100%!important;min-width:100%;height:75vh}.gslide-video.fullscreen video{max-width:100%!important;width:100%!important}.gslide-inline{background:#fff;text-align:left;max-height:calc(100vh - 40px);overflow:auto;max-width:100%}.gslide-inline .ginlined-content{padding:20px;width:100%}.gslide-inline .dragging{cursor:-webkit-grabbing!important;cursor:grabbing!important;-webkit-transition:none;transition:none}.ginlined-content{overflow:auto;display:block!important;opacity:1}.gslide-external{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;min-width:100%;background:#fff;padding:0;overflow:auto;max-height:75vh;height:100%}.gslide-media{display:-webkit-box;display:-ms-flexbox;display:flex;width:auto}.zoomed .gslide-media{-webkit-box-shadow:none!important;box-shadow:none!important}.desc-bottom .gslide-media,.desc-top .gslide-media{margin:0 auto;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.gslide-description{position:relative;-webkit-box-flex:1;-ms-flex:1 0 100%;flex:1 0 100%}.gslide-description.description-left,.gslide-description.description-right{max-width:100%}.gslide-description.description-bottom,.gslide-description.description-top{margin:0 auto;width:100%}.gslide-description p{margin-bottom:12px}.gslide-description p:last-child{margin-bottom:0}.zoomed .gslide-description{display:none}.glightbox-button-hidden{display:none}.glightbox-mobile .glightbox-container .gslide-description{height:auto!important;width:100%;background:0 0;position:absolute;bottom:0;padding:19px 11px;max-width:100vw!important;-webkit-box-ordinal-group:3!important;-ms-flex-order:2!important;order:2!important;max-height:78vh;overflow:auto!important;background:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0)),to(rgba(0,0,0,.75)));background:linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,.75) 100%);-webkit-transition:opacity .3s linear;transition:opacity .3s linear;padding-bottom:50px}.glightbox-mobile .glightbox-container .gslide-title{color:#fff;font-size:1em}.glightbox-mobile .glightbox-container .gslide-desc{color:#a1a1a1}.glightbox-mobile .glightbox-container .gslide-desc a{color:#fff;font-weight:700}.glightbox-mobile .glightbox-container .gslide-desc *{color:inherit}.glightbox-mobile .glightbox-container .gslide-desc string{color:#fff}.glightbox-mobile .glightbox-container .gslide-desc .desc-more{color:#fff;opacity:.4}.gdesc-open .gslide-media{-webkit-transition:opacity .5s ease;transition:opacity .5s ease;opacity:.4}.gdesc-open .gdesc-inner{padding-bottom:30px}.gdesc-closed .gslide-media{-webkit-transition:opacity .5s ease;transition:opacity .5s ease;opacity:1}.greset{-webkit-transition:all .3s ease;transition:all .3s ease}.gabsolute{position:absolute}.grelative{position:relative}.glightbox-desc{display:none!important}.glightbox-open{overflow:hidden}.gloader{height:25px;width:25px;-webkit-animation:lightboxLoader .8s infinite linear;animation:lightboxLoader .8s infinite linear;border:2px solid #fff;border-right-color:transparent;border-radius:50%;position:absolute;display:block;z-index:9999;left:0;right:0;margin:0 auto;top:47%}.goverlay{width:100%;height:calc(100vh + 1px);position:fixed;top:-1px;left:0;background:#000;will-change:opacity}.glightbox-mobile .goverlay{background:#000}.gclose,.gnext,.gprev{z-index:99999;cursor:pointer;width:26px;height:44px;border:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.gclose svg,.gnext svg,.gprev svg{display:block;width:25px;height:auto;margin:0;padding:0}.gclose.disabled,.gnext.disabled,.gprev.disabled{opacity:.1}.gclose .garrow,.gnext .garrow,.gprev .garrow{stroke:#fff}.gbtn.focused{outline:2px solid #0f3d81}iframe.wait-autoplay{opacity:0}.glightbox-closing .gclose,.glightbox-closing .gnext,.glightbox-closing .gprev{opacity:0!important}.glightbox-clean .gslide-description{background:#fff}.glightbox-clean .gdesc-inner{padding:22px 20px}.glightbox-clean .gslide-title{font-size:1em;font-weight:400;font-family:arial;color:#000;margin-bottom:19px;line-height:1.4em}.glightbox-clean .gslide-desc{font-size:.86em;margin-bottom:0;font-family:arial;line-height:1.4em}.glightbox-clean .gslide-video{background:#000}.glightbox-clean .gclose,.glightbox-clean .gnext,.glightbox-clean .gprev{background-color:rgba(0,0,0,.75);border-radius:4px}.glightbox-clean .gclose path,.glightbox-clean .gnext path,.glightbox-clean .gprev path{fill:#fff}.glightbox-clean .gprev{position:absolute;top:-100%;left:30px;width:40px;height:50px}.glightbox-clean .gnext{position:absolute;top:-100%;right:30px;width:40px;height:50px}.glightbox-clean .gclose{width:35px;height:35px;top:15px;right:10px;position:absolute}.glightbox-clean .gclose svg{width:18px;height:auto}.glightbox-clean .gclose:hover{opacity:1}.gfadeIn{-webkit-animation:gfadeIn .5s ease;animation:gfadeIn .5s ease}.gfadeOut{-webkit-animation:gfadeOut .5s ease;animation:gfadeOut .5s ease}.gslideOutLeft{-webkit-animation:gslideOutLeft .3s ease;animation:gslideOutLeft .3s ease}.gslideInLeft{-webkit-animation:gslideInLeft .3s ease;animation:gslideInLeft .3s ease}.gslideOutRight{-webkit-animation:gslideOutRight .3s ease;animation:gslideOutRight .3s ease}.gslideInRight{-webkit-animation:gslideInRight .3s ease;animation:gslideInRight .3s ease}.gzoomIn{-webkit-animation:gzoomIn .5s ease;animation:gzoomIn .5s ease}.gzoomOut{-webkit-animation:gzoomOut .5s ease;animation:gzoomOut .5s ease}@-webkit-keyframes lightboxLoader{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes lightboxLoader{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes gfadeIn{from{opacity:0}to{opacity:1}}@keyframes gfadeIn{from{opacity:0}to{opacity:1}}@-webkit-keyframes gfadeOut{from{opacity:1}to{opacity:0}}@keyframes gfadeOut{from{opacity:1}to{opacity:0}}@-webkit-keyframes gslideInLeft{from{opacity:0;-webkit-transform:translate3d(-60%,0,0);transform:translate3d(-60%,0,0)}to{visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@keyframes gslideInLeft{from{opacity:0;-webkit-transform:translate3d(-60%,0,0);transform:translate3d(-60%,0,0)}to{visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@-webkit-keyframes gslideOutLeft{from{opacity:1;visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{-webkit-transform:translate3d(-60%,0,0);transform:translate3d(-60%,0,0);opacity:0;visibility:hidden}}@keyframes gslideOutLeft{from{opacity:1;visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{-webkit-transform:translate3d(-60%,0,0);transform:translate3d(-60%,0,0);opacity:0;visibility:hidden}}@-webkit-keyframes gslideInRight{from{opacity:0;visibility:visible;-webkit-transform:translate3d(60%,0,0);transform:translate3d(60%,0,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@keyframes gslideInRight{from{opacity:0;visibility:visible;-webkit-transform:translate3d(60%,0,0);transform:translate3d(60%,0,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@-webkit-keyframes gslideOutRight{from{opacity:1;visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{-webkit-transform:translate3d(60%,0,0);transform:translate3d(60%,0,0);opacity:0}}@keyframes gslideOutRight{from{opacity:1;visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{-webkit-transform:translate3d(60%,0,0);transform:translate3d(60%,0,0);opacity:0}}@-webkit-keyframes gzoomIn{from{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:1}}@keyframes gzoomIn{from{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:1}}@-webkit-keyframes gzoomOut{from{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}@keyframes gzoomOut{from{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}@media (min-width:769px){.glightbox-container .ginner-container{width:auto;height:auto;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.glightbox-container .ginner-container.desc-top .gslide-description{-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0}.glightbox-container .ginner-container.desc-top .gslide-image,.glightbox-container .ginner-container.desc-top .gslide-image img{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.glightbox-container .ginner-container.desc-left .gslide-description{-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0}.glightbox-container .ginner-container.desc-left .gslide-image{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.gslide-image img{max-height:97vh;max-width:100%}.gslide-image img.zoomable{cursor:-webkit-zoom-in;cursor:zoom-in}.zoomed .gslide-image img.zoomable{cursor:-webkit-grab;cursor:grab}.gslide-inline{max-height:95vh}.gslide-external{max-height:100vh}.gslide-description.description-left,.gslide-description.description-right{max-width:275px}.glightbox-open{height:auto}.goverlay{background:rgba(0,0,0,.92)}.glightbox-clean .gslide-media{-webkit-box-shadow:1px 2px 9px 0 rgba(0,0,0,.65);box-shadow:1px 2px 9px 0 rgba(0,0,0,.65)}.glightbox-clean .description-left .gdesc-inner,.glightbox-clean .description-right .gdesc-inner{position:absolute;height:100%;overflow-y:auto}.glightbox-clean .gclose,.glightbox-clean .gnext,.glightbox-clean .gprev{background-color:rgba(0,0,0,.32)}.glightbox-clean .gclose:hover,.glightbox-clean .gnext:hover,.glightbox-clean .gprev:hover{background-color:rgba(0,0,0,.7)}.glightbox-clean .gprev{top:45%}.glightbox-clean .gnext{top:45%}}@media (min-width:992px){.glightbox-clean .gclose{opacity:.7;right:20px}}@media screen and (max-height:420px){.goverlay{background:#000}}