/* res_id: 6b913ff0e70e3d245d4f19383aaf369d */ @charset "utf-8"; /* CSS Document */ /* Fonts */ @import url('fonts/stylesheet.css'); @import url('fonts/fontawesome-free-5.15.4-web/css/all.min.css'); /* font-family: 'Poppins', sans-serif; font-family: 'Open Sans', sans-serif; */ /* Vorgaben */ :root { --col-primary: rgb(174,203,62); /* globale 1. Projektfarbe */ --col-primary-opa: rgba(174,203,62, 0.85); /* mit Opazität */ --col-primary-text: #FFF; /* Textfarbe */ --col-secondary: rgb(57,49,133); /* globale 2. Projektfarbe */ --col-secondary-opa: rgba(57,49,133, 0.80); /* mit Opazität */ --col-secondary-text: rgb(174,203,62); /* Textfarbe */ --col-accent: rgb(240,240,240); /* globale 3. Projektfarbe (Akzentfarbe) */ --col-accent-opa: rgba(155,181,54, 0.80); /* mit Opazität */ --col-accent-text: rgb(57,49,133); /* 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(174,203,62, 0.80); /* für Lightbox-Overlays */ --col-background: #FFF; /* Farbe für Body-Background */ --font-header: 'Ubuntu', sans-serif; /* globale Schriftart für Überschriften */ --font-text: 'Ubuntu', sans-serif; /* globale Schriftart für Texte */ --font-accent: 'Ubuntu', sans-serif; /* globale Schriftart für Akzente */ --fontsize-text: 17px; /* globale Basis-Schriftgröße für Text */ --fontsize-header: clamp(23px, 4vw, 2.4rem); /* globale Schriftgröße für Header-liked Texte */ --fontsize-title: clamp(23px, 4vw, 2.0rem); /* globale Schriftgröße für Modul-Titel */ --fontsize-accent: clamp(23px, 4vw, 3.4rem); /* globale Schriftgröße für Sondertitel */ --fontweight-header: bold; /* globale Schriftstärke für Header-liked Texte */ --fontweight-title: bold; /* globale Schriftstärke 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); } /* globale Klassen für Inhalte + 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; } .mw200 { max-width: 200px; } .mw300 { max-width: 300px; } .mw400 { max-width: 400px; } .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-Image/Video + Parallax-Effekt (FM) ab CS_v1.3.3 + Helper_v1.3.0 */ .farallax-wrapper { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 0; overflow: hidden; pointer-events: none; backface-visibility: hidden; } .farallax-wrapper * { background: none; background-repeat: no-repeat; object-position: center center; background-position: center center; position: absolute; margin: 0px; padding: 0px; bottom: 0px; left: 0px; z-index: 5; width: 100.1%; height: 100.1%; display: block; pointer-events: none; backface-visibility: hidden; will-change: transform height; } .farallax-preview { display: none; z-index: 1; } .bgFill-cover .farallax-preview, .bgFill-contain .farallax-preview { display: block; } .farallax-image video { object-fit: cover; } .bgFill-cover > .farallax-wrapper * { background-size: cover; } .bgFill-contain > .farallax-wrapper * { background-size: contain; } .bgFill-repeat > .farallax-wrapper .farallax-image { background-repeat: repeat; } .bgFill-repeatX > .farallax-wrapper .farallax-image { background-repeat: repeat-x; } .bgFill-repeatY > .farallax-wrapper .farallax-image { background-repeat: repeat-y; } .bgAlign-lt > .farallax-wrapper * { object-position: left top; background-position: left top; } .bgAlign-rt > .farallax-wrapper * { object-position: right top; background-position: right top; } .bgAlign-rb > .farallax-wrapper * { object-position: right bottom; background-position: right bottom; } .bgAlign-lb > .farallax-wrapper * { object-position: left bottom; background-position: left bottom; } .bgAlign-ct > .farallax-wrapper * { object-position: center top; background-position: center top; } .bgAlign-cr > .farallax-wrapper * { object-position: center right; background-position: center right; } .bgAlign-cb > .farallax-wrapper * { object-position: center bottom; background-position: center bottom; } .bgAlign-cl > .farallax-wrapper * { object-position: center left; background-position: center left; } html:not(.mobile) .farallax-wrapper[data-bgparallax=fixed] > * { height: 100.1% !important; background-attachment: fixed; } .farallax-wrapper[data-bgparallax=toTop] > * { bottom: auto; top: 0px; } .farallax-wrapper[data-bgparallax=scaleIn] > * { transform: scale(1); } .farallax-wrapper[data-bgparallax=scaleIn].farallax-animate > * { transform: scale(1.25); transition: transform 1.25s ease-in-out; } .farallax-wrapper[data-bgparallax=scaleOut] > * { transform: scale(1.25); } .farallax-wrapper[data-bgparallax=scaleOut].farallax-animate > * { transform: scale(1); transition: transform 1.25s ease-in-out; } .farallax-wrapper[data-bgparallax=scaleIn][data-bgparallaxspeed=slow].farallax-animate > *, .farallax-wrapper[data-bgparallax=scaleOut][data-bgparallaxspeed=slow].farallax-animate > *, { transition: transform 1.75s ease-in-out; } .farallax-wrapper[data-bgparallax=scaleIn][data-bgparallaxspeed=fast].farallax-animate > *, .farallax-wrapper[data-bgparallax=scaleOut][data-bgparallaxspeed=fast].farallax-animate > *, { transition: transform 0.75s ease-in-out; } /* Projekt-Anpassungen globaler Klassen */ .bgOlay-jacob:after { content: ''; position: absolute; z-index: 1; width: 100%; height: 100.1%; top: 0px; left: 0px; opacity: calc(var(--overlay-opacity) / 100); } .bgOlay-jacob:after { background: url(/assets/schraffur.png) repeat-x center bottom; } /* 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.5; word-wrap: break-word; overflow-wrap: break-word; word-break: 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); font-size: var(--fontsize-header); font-weight: var(--fontweight-header); color: var(--col-primary); line-height: 1.1em; margin: 0px 0px 30px; text-align: left; letter-spacing: 1px; padding: 0px 0px; position: relative; overflow-wrap: break-word; word-wrap: break-word; word-break: break-word; -webkit-hyphens: auto; hyphens: auto; } .ueberschrift > * { letter-spacing: 8px; text-transform: uppercase; margin: 0px 0px 60px; } h1 small, h2 small, h3 small, h4 small, h5 small, h6 small { display: block; font-weight: normal; font-size: 0.7em; margin-top: 7px; color: var(--col-primary-opa); font-family: inherit; letter-spacing: normal; line-height: 1.1; } .seitenueberschrift h1 { /*margin-bottom: 25px; font-family: var(--font-accent); font-size: 48px; line-height: 1.1em; letter-spacing: 0px;*/ } .ueberschrift { display: flex; align-items: center; justify-items: center; margin: 0px 0px 60px; } .ueberschrift-h3, .ueberschrift-h4, .ueberschrift-h5, .ueberschrift-h6 { margin-bottom: 45px; } .ueberschrift > * { flex: 1 1 33.3333%; display: inline-block; margin: 0px; padding: 0px 20px; hyphens: none; } .ueberschrift:before, .ueberschrift:after { content: ''; flex-basis: 30%; display: block; width: 100%; height: 2px; background: var(--col-secondary); } h3, h4, h5, h6, .ueberschrift-h3, .ueberschrift-h4, .ueberschrift-h5, .ueberschrift-h6 { margin-bottom: 45px; } h3 { font-size: clamp(23px, 4vw, 2.2rem); } h4 { font-size: clamp(21px, 4vw, 2.0rem); } h5, h6 {font-size: clamp(19px, 4vw, 1.8rem); } h1 span.sep, h2 span.sep, h3 span.sep, h4 span.sep, h5 span.sep, h6 span.sep { display: none; /*background: #a3ae45; height: 2px; max-width: 200px; margin: 5px auto 5px; overflow: hidden;*/ } /* .ueberschrift h1:after, .ueberschrift h2:after, .ueberschrift h3:after, .ueberschrift h4:after, .ueberschrift h5:after, .ueberschrift h6:after { content: ''; display: block; position: absolute; top: 50%; left: 0px; z-index: 1; width: 100%; height: 2px; background: var(--col-secondary); transform: translateY(-50%); } h4:after, h5:after, h6:after { margin-top: 20px; } seitenueberschrift h1:after { margin-top: 20px; } */ /* .seitenueberschrift h1 span.line1 { display: flex; justify-content: space-between; } .seitenueberschrift h1 span.line1:after { content: ''; height: 2px; background: var(--col-secondary); display: block; flex: 1 0 100px; margin: 28px 0px 0px 35px; } */ .ueberschrift.left > * { text-align: left; } .ueberschrift.center > * { text-align: center; } .ueberschrift.right > * { text-align: right; } .ueberschrift.left > *:after, h1.left:after, h2.left:after, h3.left:after, h4.left:after, h5.left:after, h6.left:after { margin-left: 35px; } .ueberschrift.right > *:after, h1.right:after, h2.right:after, h3.right:after, h4.right:after, h5.right:after, h6.right:after { margin-right: 35px; } /* Farb-Themes */ .bc-light .ueberschrift:before, .bc-light .ueberschrift:after { background: var(--col-light); } p { margin-bottom: 15px; } p:last-child { margin-bottom: 0px; } a { color: rgb(155,181,54); text-decoration: underline; transition: all 0.3s ease; } a:hover { text-decoration: none; } a img { border: none; } hr { height: 0px; width: 100%; max-width: 350px; text-decoration: none; text-align: center; border: none; border-top: 3px solid var(--col-secondary); margin: 15px auto; } ul, ol { margin: 0px 0px 0px 20px; /*line-height: normal;*/ list-style-type: none; } ul { list-style-type: square; } ol { list-style-type: decimal; } li { position: relative; margin-bottom: 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: 125px; } /* ScrollOffset Oben für feststehende Kopfzeile */ header { width: 100%; padding: 0px; z-index: 100; transition: all 0.3s ease; background: var(--col-primary); box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.1); } header > div { padding: 0px 20px; } header > div .inner { display: flex; justify-content: space-between; align-items: center; max-width: 1300px; margin: 0px auto; padding: 0px; } header .navline { padding: 0px 20px; } header #servicenav { display: inline-flex; padding: 0px 0px 0px 25px; } div a.linkbutton-meta { padding: 12px 15px; margin: 0px; border: none; } div a.linkbutton-meta:not(.linkbutton-accent) { background: #FFF; color: var(--col-secondary); } div a.linkbutton-meta:hover { background: var(--col-secondary); color: var(--col-secondary-text); } div a.linkbutton-metaicon i { margin: 0px !important; } div a.linkbutton-metamargin { margin-right: 5px !important; } /* header .slider { background: rgba(255,255,255, 0.1); overflow: hidden; margin: 25px 0px 0px; transition: all 0.3s ease; } header .slider .slG-slide { padding-top: 0% !important; height: 565px !important; width: 100%; max-width: 1065px; } header .slider .slG-slide:after { content:''; display: block; position: absolute; top: 0px; left: 0px; z-index: 5; width: 100%; height: 100%; background: rgba(255,255,255, 0.5); opacity: 0; transition: all 0.1s ease; } header .slider .slG-slide:hover:after { opacity: 1; } header .slider .slG-slide picture { height: 100%; } */ header.fixto-fixed { position: fixed; left: 0px !important; right: 0px !important; } .logo { padding: 10px 25px 10px 0px; transition: all 0.3s ease; } .logo a { display: flex; } .logo img { max-height: 58px; width: auto; } .logo img:hover { animation-name: tada; animation-duration: 1s; animation-fill-mode: both; } @keyframes tada { from { transform: scale3d(1,1,1); } 10%, 20% { transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } 100% { transform: scale3d(1,1,1); } } #mobileNav { position: fixed; top: 0px; right: -250px; } .navopener, .navcloser, #mobileNav { display: none !important; } .swipebox-html .navopener { pointer-events: none; transform: translateX(150%); } /* swipebox workaround - prevent deeper click on navopener at close */ .flybtn { position: fixed; bottom: 15px; right: -70px; z-index: 1000; display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; overflow: hidden; margin: 0px auto; cursor: pointer; background: #FFF; text-align: center; color: var(--col-primary); font-size: 20px; border: 1px solid var(--col-primary); border-radius: 50%; box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px; transition: all 550ms cubic-bezier(0.600, -0.280, 0.735, 0.045); transition-timing-function: cubic-bezier(0.600, -0.280, 0.735, 0.045); } .flybtn a { display: flex; text-decoration: none; width: 100%; height: 100%; justify-content: center; align-items: center; } .flybtn span { display: none; } .flybtn i { transition: all 0.3s ease; } .flybtn:hover { background: var(--col-secondary); border-color: var(--col-secondary); } .flybtn:hover i { color: #FFF; } .navtop { width: 50px; height: 50px; } .navmail { bottom: 75px; } .navmenu { bottom: 125px; } .navmail, .navmenu { display: none !important; } .flybtn-show { right: 20px; transition: all 550ms cubic-bezier(0.175, 0.885, 0.320, 1.275); transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.275); } .navtop.flybtn-show { right: 15px; } .navmail.flybtn-show { transition-duration: 650ms; } .navmenu.flybtn-show { transition-duration: 750ms; } nav { margin: 0px; padding: 0px; text-align: right; flex: 1 1; } nav ul { display: flex; flex-wrap: wrap; justify-content: flex-end; list-style-type: none; line-height: normal; margin: 0px; padding: 0px; text-align: left; } nav li { position: relative; /*display: inline-block;*/ margin: 0px 0px 0px 10px; padding: 0px; list-style-type: none; } nav li:first-child { margin-left: 0px; } nav li a { position: relative; display: block; font-family: var(--font-header); font-size: 17px; font-weight: 500; color: var(--col-primary-text); text-transform: uppercase; text-decoration: none; margin: 0px 0px 0px; padding: 32px 20px; overflow: hidden; transition: none; transition: all 0.3s ease; letter-spacing: 0.5px; hyphens: none; white-space: normal; } nav li a:hover, nav li a.selected, nav li a.rex-current { background: var(--col-secondary); color: var(--col-secondary-text); } /*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 { background: var(--col-secondary); color: var(--col-secondary-text); } /* Hauptmenüpunkt selektiert lassen im Untermenü */ /* Design des Klappmenüs */ ul.dropdown ul { display: block; visibility: hidden; opacity: 0; position: absolute; top: 100%; left: 50%; margin: 0px; padding: 10px 0px 0px; z-index: 500; width: auto; max-width: 250px; height: auto; text-transform: none; transition: all 0.3s ease; transform: translate(-50%, 10%); } ul.dropdown ul .childlist { background: var(--col-secondary); color: var(--col-secondary-text); box-shadow: 0px 3px 10px 0px rgba(0,0,0, 0.4); padding: 10px 20px; border-radius: 10px; } /*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 */ ul.dropdown ul .childlist:before, ul.dropdown ul .childlist:after { content: ""; position: absolute; right: 50%; width: 0; height: 0; border: solid transparent; touch-action: none; pointer-events: none; } ul.dropdown ul .childlist:before { top: -7px; z-index: 1; margin-right: -9px; border-width: 9px; border-bottom-color: var(--col-secondary); } ul.dropdown ul .childlist:after { display: none; top: -16px; z-index: 5; margin-right: -8px; border-width: 8px; border-bottom-color: #434343; } ul.dropdown li:last-child ul .childlist:before, ul.dropdown li:last-child ul .childlist:after { right: 42px; } /* 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: 2px 0px; padding: 8px 0px; font-weight: normal; font-size: 0.9em; line-height: 1.2; text-align: center; overflow: visible; word-break: normal; } /* 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; transform: translate(-50%, 0%); pointer-events: auto; } /* Klappmenü - ENDE */ /* sonstige Blöcke */ section { margin: 0px auto; background: #FFF; } section#content { margin: 0px 0px; padding: 0px 0px 100px; position: relative; z-index: 15; box-shadow: 0px 10px 40px rgba(0,0,0,0.42); } .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 { background: #FFF; padding: 0px; margin: 0px; } .footermap { position: relative; z-index: 1; height: 400px; } .footercontent { position: relative; z-index: 5; } .footercontent:before { content:''; position: absolute; top: 0px; left: 0px; z-index: 1; box-shadow: 0px -10px 40px rgba(0,0,0,0.42); width: 100%; height: 50%; } footer img { display: block; margin-bottom: 25px; max-width: 100%; height: auto; } footer a { text-decoration: none; } footer a:hover { text-decoration: underline; } footer ul { list-style-type: none; margin: 0px; padding: 0px; } footer li { display: inline-block; margin: 0px 10px 10px 0px; list-style-type: none; } footer li a { margin: 0px; padding: 0px; font-size: 0.95em; } footer li.rex-active a { color: var(--col-primary); } footer .inner { background: #FFF; position: relative; z-index: 5; } footer .inner > div { display: flex; justify-content: space-between; flex-wrap: wrap; max-width: 1400px; padding: 50px 0px; margin: 0px auto; } footer .inner > div > div { display: flex; flex-grow: 1; align-items: flex-start; justify-content: center; text-align: center; } footer .fbox { flex: 1 1 25%; padding: 20px 25px; border-left: 1px solid var(--col-primary); } footer .fbox:first-child { border: none; } footer .inner a { display: inline-block; text-decoration: none; color: var(--col-text); } footer .inner a:hover { transform: scale(1.2); } footer .inner .fbox1 a:hover { transform: none; } footer .inner span { display: block; text-align: center; font-size: 0.9em; } footer .inner .title { font-weight: bold; font-size: 1.3em; text-transform: uppercase; margin: 0px 0px 5px; } footer .inner i { font-size: 3.3em; color: var(--col-primary); margin: 0px 0px 25px; } footer .inner .fbox3 i { font-size: 3em; } .footernav { flex: 0 0 100%; width: 100%; margin-top: 35px; } .footernav ul { display: block; } .footernav li { display: block; font-size: 0.9em; margin: 15px 0px 0px 0px; } .footernav a:hover { color: var(--col-primary); } footer .socials { text-align: center; padding: 0px 60px; } footer .socials a { font-size: 2.5em; margin: 15px 15px 0px; } footer .socials a:hover { opacity: 0.80; text-decoration: none; } footer .socials span { display: none; } /* 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: right; margin: -18px 8px 0px 20px; text-align: left; /*background: #7273a7;*/ background: var(--col-primary); color: var(--col-primary-text); padding: 2px 6px 2px; font-size: 12px; border-radius: 5px; transform: translateY(11px); border: 2px solid #FFF; position: relative; z-index: 5; } .content .form-check-group label.control-label { /*display: none;*/ margin: 0px 0px 8px; float: none; transform: none; } .content .form-radiogroup label { display: inline-block; transform: none; clear: right; } .content input, .content textarea, .content select, .content .choices__inner, .content .checkboxcontainer { position: relative; width: 100%; margin: 0px 0px 15px 0px; border: 1px solid var(--col-primary-opa) !important; padding: 15px 15px; font-family: var(--font-text); font-size: 17px; transition: all 0.3s ease; border-radius: 3px; background: #FFF; color: var(--col-text) !important; } .content input:focus, .content textarea:focus, .content select:focus { outline: 1px solid var(--col-primary); box-shadow: 0px 0px 5px 0px var(--col-primary); } .content textarea { height: 120px; padding: 15px 15px; } .content select { -webkit-appearance: menulist-button; padding: 14px 15px; min-width: 75px; min-height: 51px; width: 100%; } .content .choices { font-size: inherit; width: 100%; } .content .choices .choices__inner { position: relative; padding-bottom: inherit; vertical-align: inherit; } .content .choices[data-type=select-multiple] .choices__inner { padding-top: 7.5px; } .content .choices .choices__inner:after { content: ""; width: 10px; height: 5px; background: #333; position: absolute; right: 11.5px; top: 50%; pointer-events: none; transform: translateY(-50%); clip-path: polygon(50% 100%, 0 0, 100% 0); } .content .choices .choices__list { z-index: 999; } .content .choices .choices__list--single { padding: 0px; } .content .choices .choices__list--dropdown, .content .choices__list[aria-expanded] { transform: translateY(-11px); padding: 10px; box-shadow: 0 6px 12px rgba(0,0,0,0.175); } .content .choices:not(.is-open) .choices__list input { display: none; } .content .choices .choices__list input { margin: 3px 0px 10px; padding-top: 6px; padding-bottom: 6px; } .content .choices[data-type=select-multiple] input { margin: 0px; padding: 0px 10px; background: none; border: none !important; outline: none !important; box-shadow: none !important; } .content .choices::after { display: none; } .content .choices__list--multiple .choices__item { background: var(--col-secondary); color: var(--col-secondary-text); border: none !important; border-radius: 3px; margin: 0px 6px 6px 0px; font-size: 0.85em; font-weight: normal; } .content .choices__list--multiple .choices__item.is-highlighted { background: var(--col-secondary-opa); color: var(--col-secondary-text); } .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; width: auto; text-decoration: none; text-align: center; transition: all 0.3s ease; cursor: pointer; text-transform: uppercase; /*border: 1px solid var(--col-primary); border-bottom-width: 3px; border-radius: 5px;*/ font-size: var(--fontsize-text); font-weight: 500; font-size: var(--fontsize-text); font-family: var(--font-header); margin: 35px auto 0px; padding: 15px 15px 12px; min-width: 150px; /*background: var(--col-primary); color: var(--col-primary-text); */ } .content button[type=submit]:hover { /*border-color: var(--col-primary-opa); border-bottom-color: var(--col-primary); background: var(--col-primary-opa);*/ } .content button[type=submit].left { margin-left: 0px; } .content button[type=submit].right { margin-right: 0px; } .content div.form-group[id*=upload] .input-group { position: relative; } .content div.form-group[id*=upload] input { padding-right: 45px;} .content div.form-group[id*=upload] button { position: absolute; top: 26px; right: 13px; font-size: 1.5rem; margin: 0px; padding: 0px; height: 22px; width: 22px; appearance: none; background: var(--col-primary-opa); border: none; border-radius: 3px; color: #FFF; display: inline-flex; align-content: center; justify-content: center; flex-wrap: wrap; /*line-height: 23px;*/ cursor: pointer; } .content div.form-group[id*=upload] + div.checkbox label { float: none; display: block; padding: 0px; margin: -10px 0px 0px; color: rgb(204,9,24); font-size: 0.8em; } .content div.form-group[id*=upload] + div.checkbox input { display: none; } .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; 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 { width: 100%; margin-right: 0px; } .content .checkboxcontainer { display: flex; width: 100%; } .content .checkboxcontainer .form-check-group { display: flex; width: 100%; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; } .content .checkboxcontainer .form-check-group > * { flex: 0 1 25%; padding: 5px 30px 5px 0px; } .content .checkboxcontainer .form-check-group:last-child { margin-bottom: 0px; } .content .checkbox label input, .content .radio label input { position: absolute; cursor: pointer; top: 0px; left: 0px; height: 22px; width: 22px; appearance: none; background: #FFF; border: 1px solid var(--col-primary-opa); } .content .radio label input { border-radius: 50%; } .content .form-check-group input+i.form-helper { background: none; border: none; position: absolute; top: 0px; 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: var(--col-text); 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; } .content .form-check-group .has-error i.form-helper { background: rgba(204,9,24, 0.1); } /* Meldungen Eingabefehler */ .content .alert { color: var(--col-text); 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 { /*display: none;*/ list-style: none; margin: 0px; padding: 0px; } .content .alert ul li { margin: 0px; } .content .alert ul li+li { margin-top: 10px; } /*.content .alert:after { content: "Füllen Sie bitte mindestens die farbig markierten Felder und Fragen aus, um Ihre Anfrage versenden zu können."; display: block; text-align: center; margin: 0px 0px 40px; padding: 0px 0px; color: var(--col-secondary); font-weight: bold; }*/ .content .has-error input, .content .has-error select, .content .has-error textarea { background: rgba(204,9,24, 0.1); /*border: 2px solid var(--col-secondary);*/ } .content .has-error input[type=checkbox], .content .has-error input[type=radio] { background: inherit; } .content .has-error label { /*color: var(--col-secondary);*/ } /*.content :not(form) .alert-success { color: var(--col-primary); background: var(--col-accent-opa); padding: 18px 25px; border: 1px solid var(--col-accent); position: relative; }*/ .content .alert .alert-close { display: none; } .content :not(form) .alert .alert-close { display: inline-block; position: absolute; top: 3px; right: 3px; width: 20px; height: 20px; text-align: center; cursor: pointer; color: var(--col-primary); } .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: 13px; margin: 20px 0px 0px; color: #888; } .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; } .content .forminfo-required { text-align: center; font-size:0.8em; } .content div.pswinput-wrapper { position: relative; } .content div.pswinput-wrapper input { padding-right: 50px; } .content div.pswinput-wrapper span.pswinput-toggler { display: flex; position: absolute; top: calc(50% - 4px); right: 15px; width: 25px; justify-content: center; transform: translateY(-50%); color: #999; cursor: pointer; } .content div.pswinput-wrapper span.pswinput-toggler.pswinput-isVisible i:before { content:'\f070'; } /* Farb-Themes */ .content .bc-dark input, .content .bc-dark textarea, .content .bc-dark select, .content .bc-dark .checkbox label:after { border: 1px solid var(--col-primary); } .content .bc-light input, .content .bc-light textarea, .content .bc-light select { color: var(--col-dark); } .content .bc-light .has-error input, .content .bc-light .has-error select, .content .bc-light .has-error textarea { background: var(--col-secondary); } .content .bc-light .has-error label { color: var(--col-light); } .content .bc-light .alert:after { color: var(--col-secondary); } .content .bc-light button[type=submit] { /*background: var(--col-accent); color: var(--col-accent-text); border-color: var(--col-accent);*/ } .content .bc-light button[type=submit]:hover { /*background: var(--col-accent); color: var(--col-primary); border-color: var(--col-primary-opa); border-bottom-color: var(--col-primary);*/ } /* Modul: Teamübersicht (ab v1.0) */ .teamGalerie { display: flex; flex-wrap: wrap; gap: 50px 50px; width: 100%; margin: 0px auto; justify-content: center; position: relative; transition: all .3s ease; } .teamGalerie span { display: block; } .teamGalerie a { position: absolute; z-index: 10; top: 0px; left: 0px; width: 100%; height: 100%; } .teamGalerie .tG-item { flex: 0 1 350px; position: relative; vertical-align: top; margin: 0px; transition: all .3s ease; } .teamGalerie .tG-image { position: relative; background: #EEE; width: 100%; padding-top: 100%; } .teamGalerie img { position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; margin: 0px; padding: 0px; object-fit: cover; object-position: center; } .teamGalerie .tG-link { top: auto; left: auto; right: 0px; bottom: 0px; background: var(--col-primary); color: var(--col-primary-text); font-size: var(--fontsize-text); font-weight: bold; text-transform: uppercase; text-decoration: none; width: auto; height: auto; padding: 12px 20px; border-radius: 5px 0px 0px 0px; border: 1px solid var(--col-primary); border-bottom: none; border-right: none; } .teamGalerie .tG-image:hover .tG-link { background: var(--col-primary-text); color: var(--col-primary); } .teamGalerie .tG-content { position: relative; padding: 7px 0px 0px; } .teamGalerie .tG-content > * { line-height: 1.2; color: var(--col-text); } .teamGalerie .tG-name { font-weight: bold; font-size: 22px; } .teamGalerie .tG-text { margin-top: 3px; } .teamGalerie-circle {} .teamGalerie-circle .tG-item { flex-basis: 220px; padding: 0px 10px; } .teamGalerie-circle .tG-image, .teamGalerie-circle img { border-radius: 50%; overflow: hidden; } .teamGalerie-circle img { border: 5px solid #FFF; } .teamGalerie-circle .tG-link { display: none; } .teamGalerie-circle .tG-content { padding-top: 25px; margin: 0px -10px; } .teamGalerie-circle .tG-content > * { text-align: center; } .teamGalerie-circle .tG-text { margin-top: 7px; } .teamGalerie-circle a:after { content:''; display: inline-flex; justify-content: center; align-items: center; background: url(thumb-plus.png) no-repeat center center var(--col-primary-opa); position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; font-size: 40px; color: #FFF; opacity: 0; transition: all .3s ease; } .teamGalerie-circle a:hover:after { opacity: 1; } /* Farb-Themes */ .bc-light .teamGalerie a { color: var(--col-light); } .bc-dark .teamGalerie a { color: #FFF; } /* Modul: Bildergalerie (Lightbox - ab v1.5.3) */ .lbGalerie { position: relative; display: grid; grid-template-columns: repeat(var(--lbG-grid), 1fr); margin: 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; /*text-transform: none; font-weight: bold; border-radius: 5px; background: var(--col-accent-opa); color: #FFF;*/ } .slGalerie .slG-link a:hover { /*background: var(--col-accent); color: #FFF;*/ } .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); } /*.slGalerie .slG-boxed .slG-text1 + .slG-link, .slGalerie .slG-boxed .slG-text2 + .slG-link { margin: 0px; position: absolute; right: 40px; bottom: 40px; }*/ /* 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 */ /* 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) */ .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; color: var(--col-primary); } .video-container .plyr .plyr__control--overlaid:hover { 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 { bottom: -10px; } .video-container .plyr .plyr__progress__container { display: none; } } /* Modul: Audioogalerie */ /* .audio-galerie { display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; grid-gap: 0px; margin: 0px auto; } .audio-galerie.audiogrid-1 { } .audio-galerie.audiogrid-2 { -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; } .audio-galerie.audiogrid-3 { -ms-grid-columns: 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr; } .audio-galerie audio { display: block; width: 100%; } .audio-galerie.audioalign-left { margin-left: 0px; } .audio-galerie.audioalign-center { } .audio-galerie.audioalign-right { margin-right: 0px; } .audio-galerie.audiogap-sm { grid-gap: 40px; } .audio-galerie.audiogap-md { grid-gap: 90px; } .audio-galerie.audiogap-lg { grid-gap: 140px; } .audio-galerie .audio-container { height: auto; padding: 0px; } .audio-galerie .audio-header { display: flex; align-items: center; background: rgba(255,255,255, 1); padding: 15px 15px 5px; } .audio-galerie .audio-header svg { height: 50px; width: auto; } .audio-galerie .audio-header svg path { fill: var(--col-primary) !important; } .audio-galerie .audio-header span { padding-left: 25px; font-size: 1.2em; } .audio-galerie figure, .audio-galerie figcaption { display: block; } .audio-galerie figcaption { display: flex; align-items: center; justify-content: center; min-height: 48px; padding: 5px 9px; font-size: 0.85em; background: rgba(255,255,255, 1); border-top: 1px solid rgb(238,238,238); } .audio-container .plyr .plyr__control--overlaid { background: #FFF; color: var(--col-primary); } .audio-container .plyr .plyr__control--overlaid:hover { color: #FFF; } .audio-container .plyr .plyr__control:hover, .audio-container .plyr .plyr__control--overlaid:hover { background: var(--col-primary); } .audio-container .plyr input[type=range] { color: var(--col-secondary); } @media screen and (max-width:560px){ .audio-container .plyr .plyr__controls { bottom: -10px; } .audio-container .plyr .plyr__progress__container { display: none; } } */ /* Modul: Leistungs-/Angebotsslider mit mBlock (ab v1.0) */ .offerGalerie { position: relative; margin: 0px; max-width: 1350px; overflow: hidden; margin: 0px auto; } .offerGalerie .ofG-slide { position: relative; width: 400px; height: 300px; overflow: hidden; display: block; background: #EEE; } .offerGalerie .ofG-slide > div { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; border: 1px solid var(--col-primary); border-bottom-width: 10px; } /* Pfeilnavigation */ .offerGalerie .ofG-nav { position: static; margin: 0px; width: 100px; height: auto; padding: 14px 17px; opacity: 0.75; transition: all 0.5s ease; } .offerGalerie .ofG-nav:hover { opacity: 1; } .offerGalerie .ofG-nav:after { content: ''; display: none; } .offerGalerie .ofG-nav svg { width: 19px; height: 25px; } .offerGalerie .ofG-prev { left: 0px; } .offerGalerie .ofG-next { right: 0px; } .offerGalerie .ofG-nav-wrapper { display: inline-flex; flex-direction: row-reverse; position: relative; bottom: auto; margin: 50px 0px 0px 0px; left: 50%; transform: translateX(-50%); background: var(--col-primary); border-radius: 5px; overflow: hidden; } .offerGalerie .ofG-nav-wrapper:after { content:''; background: rgba(255,255,255, 0.4); width: 1px; position: absolute; top: 8px; bottom: 8px; left: 50%; } .offerGalerie .ofG-nav polyline { stroke: #FFF; stroke-width: 3px; } /* Bilder */ .offerGalerie .ofG-image { z-index: 1; background: center center no-repeat; background-size: cover; } .offerGalerie .ofG-image picture { display: block; height: 100%; } .offerGalerie .ofG-image img { max-width: none !important; width: 100%; height: 100%; object-fit: cover; object-position: center; } /* Content */ .offerGalerie .ofG-content { z-index: 5; display: flex; justify-content: flex-start; align-items: flex-end; transition: all 0.3s ease; text-rendering: optimizeLegibility; font-variant-ligatures: common-ligatures; font-feature-settings: "liga", "kern"; font-kerning: normal; text-align: left; text-transform: uppercase; font-weight: bold; font-size: 1.143em; } .offerGalerie .ofG-content > div { position: relative; width: 100%; background: rgba(255,255,255, 0.8); color: var(--col-text) !important; margin: 0px 0px 20px; padding: 13px 50px 13px 20px; overflow: hidden; transition: all 0.3s ease; } .offerGalerie .ofG-content > div:before, .offerGalerie .ofG-content > div:after { content:''; display: block; width: 20px; height: 40px; background: var(--col-primary); clip-path: polygon(100% 100%, 100% 0, 0 50%); position: absolute; top: 50%; right: -1px; transform: translateY(-50%); } .offerGalerie .ofG-content > div:after { width: 6px; height: 12px; background: #FFF; right: 3px; transform: translateY(-50%) rotate(180deg); } .offerGalerie .ofG-content:hover > div { background: #FFF; } /* Farb-Themes */ .bc-light .offerGalerie .ofG-nav-wrapper { background: var(--col-light); } .bc-light .offerGalerie .ofG-nav polyline { stroke: var(--col-primary); } .bc-light .offerGalerie .ofG-nav-wrapper:after { background: var(--col-primary); } /* Modul: Linkboxen mit mBlock (ab v1.2.1) */ .linkboxes { display: flex; flex-wrap: wrap; gap: var(--linkboxes-gap); width: 100%; margin: 0px auto; justify-content: center; position: relative; transition: all 0.3s ease; --linkboxes-gap: 40px; --linkboxes-fonticon: '\f30b'; --linkboxes-fonticonfamily: 'Font Awesome 5 Free'; --linkboxes-fonticonweight: 900; } .linkboxes span { display: block; } .linkboxes a { position: absolute; z-index: 10; top: 0px; left: 0px; width: 100%; height: 100%; } .linkboxes .lbox-item { position: relative; background: #FFF; display: flex; flex-direction: column; align-items: center; justify-content: center; margin: 0px; vertical-align: top; box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.1); border: 1px solid var(--col-primary); transition: all 0.3s ease; } .linkboxes .lbox-item * { transition: all 0.3s ease; } .linkboxes .lbox-image, .linkboxes .lbox-icon { position: relative; z-index: 3; display: flex; justify-content: center; align-items: center; } .linkboxes .lbox-content { position: relative; z-index: 7; padding: 0px; text-align: center; } .linkboxes .lbox-content > * { line-height: 1.2; color: var(--col-text); } .linkboxes .lbox-title { font-size: 1.1em; font-weight: var(--fontweight-title); } .linkboxes .lbox-text { font-size: 0.9em; } /* Designs */ /* Clean 1 */ .linkboxes-clean .lbox-item { flex: 1 1 320px; max-width: 350px; padding: 30px 35px; min-height: 200px; border: none; } .linkboxes-clean .lbox-item.hasimage { padding-top: 35px; } .linkboxes-clean .lbox-icon { width: 100%; height: 70px; margin: 0px 0px 20px; align-items: flex-start; } .linkboxes-clean .lbox-icon img { width: auto; height: auto; max-height: 65px; max-width: 100%; } .linkboxes-clean .lbox-text { margin-top: 10px; } .linkboxes-clean .lbox-item.haslink:hover { background: var(--col-primary); } .linkboxes-clean .lbox-item.haslink:hover .lbox-content > * { color: var(--col-primary-text); } /* Clean 2 */ .linkboxes-clean2 { column-gap: 65px; } .linkboxes-clean2 .lbox-item { flex: 1 1 320px; max-width: 350px; padding: 40px 20px 40px 65px; min-height: 210px; border-radius: var(--borderRadius-xs); background: var(--col-accent); border: none; justify-content: flex-start; align-items: flex-start; } .linkboxes-clean2 .lbox-item.hasimage { padding-left: 50px; } .linkboxes-clean2 .lbox-image { display: none; } .linkboxes-clean2 .lbox-icon { position: absolute; top: 50%; left: 0px; transform: translate(-50%, -50%); text-align: center; width: 95px; height: 95px; background: var(--col-secondary); border-radius: 50%; border: none; margin: 0px; } .linkboxes-clean2 .lbox-icon img { width: auto; height: auto; max-height: 45px; max-width: 45px; } .linkboxes-clean2 .lbox-content { text-align: left; } .linkboxes-clean2 .lbox-content > * { color: var(--col-accent-text); } .linkboxes-clean2 .lbox-title { font-size: 1em; } /* .linkboxes-clean2 .lbox-title:after { content: ''; background: rgba(255,255,255, 0.35); width: 85%; height: 35px; position: absolute; z-index: -1; display: inline-block; top: -2px; left: 60px; transform: skewX(-12deg); opacity: 0; transition: all 0.3s ease; } */ .linkboxes-clean2 .lbox-text { margin-top: 15px; font-size: 0.75em; } .linkboxes-clean2 .lbox-item.haslink:hover, .linkboxes-clean2 .lbox-item.haslink:hover .lbox-icon { background: var(--col-primary); } .linkboxes-clean2 .lbox-item.haslink:hover .lbox-icon { box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.1); } .linkboxes-clean2 .lbox-item.haslink:hover .lbox-content > * { color: var(--col-primary-text); } .linkboxes-clean2 .lbox-item.haslink:hover .lbox-title:after { opacity: 1; left: -7px; } /* Clean-Grid */ .linkboxes-clean-grid1 { gap: 0px; justify-content: flex-start; } .linkboxes-clean-grid1.lbox-count-1, .linkboxes-clean-grid1.lbox-count-2 { justify-content: center; } .linkboxes-clean-grid1 .lbox-item { flex: 0 0 33.3333%; max-width: 33.3333%; align-items: flex-start; justify-content: flex-start; padding: 43px 45px; min-width: 300px; min-height: 200px; border: 1px solid var(--col-primary); box-shadow: none; background: var(--col-background); } .linkboxes-clean-grid1:not(.lbox-count-1) .lbox-item { border-left: none; border-top: none; } .linkboxes-clean-grid1.lbox-count-1 .lbox-item { border-width: 1px !important; } .linkboxes-clean-grid1 .lbox-item:before { content: ''; position: absolute; top: -1px; right: -1px; bottom: -1px; left: -1px; box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1); background: var(--col-background); visibility: hidden; opacity: 0; transition: all .3s ease; pointer-events: none; z-index: 1; } .linkboxes-clean-grid1 .lbox-item:nth-last-child(-n+3):nth-child(3n+1), .linkboxes-clean-grid1 .lbox-item:nth-last-child(-n+3):nth-child(3n+1) ~ .lbox-item { border-bottom-width: 0px; } .linkboxes-clean-grid1 .lbox-item:nth-child(3n), .linkboxes-clean-grid1.lbox-count-1 .lbox-item:last-child, .linkboxes-clean-grid1.lbox-count-2 .lbox-item:last-child { border-right-width: 0px; } .linkboxes-clean-grid1 .lbox-image { display: none; } .linkboxes-clean-grid1 .lbox-icon { position: relative; text-align: center; width: 63px; height: 63px; background: var(--col-primary); border-radius: 50%; box-shadow: 2px 2px 6px 0 rgba(0, 0, 0, 0.15); margin: 0px 0px 20px 0px; animation: linkboxes-clean-grid1 20s ease-in-out infinite; } .linkboxes-clean-grid1 .lbox-icon img { width: auto; height: auto; max-height: 35px; max-width: 35px; } @keyframes linkboxes-clean-grid1 { 50% { background: var(--col-primary); } 53% { background: var(--col-secondary); } 97% { background: var(--col-secondary); } } .linkboxes-clean-grid1 .lbox-content { text-align: left; } /* .linkboxes-clean-grid1 .lbox-content:after { content: var(--linkboxes-fonticon); font-family: var(--linkboxes-fonticonfamily); font-weight: var(--linkboxes-fonticonweight); color: var(--col-text); display: flex; margin-top: 10px; opacity: 0.5; line-height: 1; } */ .linkboxes-clean-grid1 .lbox-title { font-size: 1.1em; } .linkboxes-clean-grid1 .lbox-text { margin-top: 10px; font-size: 0.85em; } .linkboxes-clean-grid1 .lbox-item.haslink:hover::before { opacity: 1; visibility: visible; } /* Simple 1 */ .linkboxes-simple .lbox-item { flex: 1 1 320px; max-width: 350px; padding: 30px 35px; border: 1px solid var(--col-primary); border-bottom-width: 10px; min-height: 225px; } .linkboxes-simple .lbox-item.hasimage { padding-top: 35px; } .linkboxes-simple .lbox-image { position: absolute; top: 0px; left: 0px; padding: 0px; margin: 0px; display: block; width: 100%; height: 100%; border: none; overflow: hidden; } .linkboxes-simple .lbox-image img { max-height: none; width: 100%; height: 100%; object-fit: cover; object-position: center; } .linkboxes-simple .lbox-content { position: absolute; left: 0px; bottom: 20px; width: 100%; display: flex; justify-content: flex-start; align-items: flex-end; transition: all 0.3s ease; } .linkboxes-simple .lbox-content > *:before, .linkboxes-simple .lbox-content > *:after { content:''; display: block; width: 20px; height: 40px; background: var(--col-primary); clip-path: polygon(100% 100%, 100% 0, 0 50%); position: absolute; top: 50%; right: -1px; transform: translateY(-50%); } .linkboxes-simple .lbox-content > *:after { width: 6px; height: 12px; background: #FFF; right: 3px; transform: translateY(-50%) rotate(180deg); } .linkboxes-simple .lbox-title { position: relative; width: 100%; text-align: left; background: rgba(255,255,255, 0.6); color: var(--col-text) !important; margin: 0px; padding: 13px 50px 13px 18px; overflow: hidden; transition: all 0.3s ease; } .linkboxes-simple .lbox-text { display: none; } .linkboxes-simple .lbox-item.haslink:hover .lbox-content > * { color: #333; background: #FFF; } /* Simple 2 */ .linkboxes-simple2 .lbox-item { flex: 1 1 320px; max-width: 350px; padding: 30px 35px; border: none; min-height: 250px; } .linkboxes-simple2 .lbox-image { position: absolute; top: 0px; left: 0px; padding: 0px; margin: 0px; display: block; width: 100%; height: 100%; border: none; overflow: hidden; } .linkboxes-simple2 .lbox-image img { max-height: none; width: 100%; height: 100%; object-fit: cover; object-position: center; transform: scale(1.05); transition: all 0.5s; } .linkboxes-simple2 .lbox-icon { position: relative; text-align: center; width: 85px; height: 85px; background: var(--col-primary); border-radius: 50%; border: none; outline: 5px solid rgba(255,255,255, 0.35); margin: 0px 0px 20px 0px; } .linkboxes-simple2 .lbox-icon img { width: auto; height: auto; max-height: 45px; max-width: 45px; } .linkboxes-simple2 .lbox-content { position: relative; } .linkboxes-simple2 .lbox-title { text-align: center; font-weight: var(--fontweight-title); color: #FFF; text-shadow: 1px -1px 0px rgb(0,0,0, 0.5); background-color: rgba(100,100,100, 0.1); padding: 3px 5px; border-radius: 5px; box-shadow: 0px 0px 10px 0px rgba(100,100,100, 0.1); text-transform: uppercase; } .linkboxes-simple2 .lbox-text { display: none; } .linkboxes-simple2 .lbox-item.haslink:hover .lbox-icon { background: var(--col-secondary); } .linkboxes-simple2 .lbox-item.haslink:hover .lbox-image img { transform: scale(1.01); } /* Simple 3 */ .linkboxes-simple3 .lbox-item { flex: 1 1 320px; max-width: 350px; padding: 30px 35px; border: none; min-height: 225px; } .linkboxes-simple3 .lbox-image { position: absolute; top: 0px; left: 0px; padding: 0px; margin: 0px; display: block; width: 100%; height: 100%; border: none; overflow: hidden; } .linkboxes-simple3 .lbox-image img { max-height: none; width: 100%; height: 100%; object-fit: cover; object-position: center; -webkit-filter: grayscale(1); filter: grayscale(1); opacity: 0.3; transition: all 0.5s; } .linkboxes-simple3 .lbox-content { position: relative; } .linkboxes-simple3 .lbox-title { text-align: center; color: #000 !important; text-shadow: 1px -1px 0px rgb(255,255,255, 0.75); text-transform: uppercase; } .linkboxes-simple3 .lbox-text { display: none; } .linkboxes-simple3 .lbox-item.haslink:hover .lbox-title { color: #FFF; } .linkboxes-simple3 .lbox-item.haslink:hover .lbox-image img { opacity: 1; -webkit-filter: grayscale(0); filter: grayscale(0); } /* BigBoxes #1 */ .linkboxes-bigboxes1 { justify-content: flex-start; } .linkboxes-bigboxes1 .lbox-item { flex: 1 1 calc(50% - (var(--linkboxes-gap)/2)); border: 0px; min-height: 350px; box-shadow: none; min-width: 300px; } .linkboxes-bigboxes1V .lbox-item { flex-basis: calc(60% - (var(--linkboxes-gap)/2)); } .linkboxes-bigboxes1V .lbox-item:nth-child(4n+1), .linkboxes-bigboxes1V .lbox-item:nth-child(4n+4) { flex-basis: calc(40% - (var(--linkboxes-gap)/2)); } .linkboxes-bigboxes1 .lbox-image { position: absolute; top: 0px; left: 0px; padding: 0px; margin: 0px; display: block; width: 100%; height: 100%; border: none; overflow: hidden; } .linkboxes-bigboxes1 .lbox-image img { max-height: none; width: 100%; height: 100%; object-fit: cover; object-position: center; } .linkboxes-bigboxes1 .lbox-content { position: absolute; left: 0px; bottom: 0px; width: 100%; min-height: 40%; background: var(--col-primary-opa); display: block; transition: all 0.3s ease; padding: 16px 60px 16px 20px; text-align: left; } .linkboxes-bigboxes1 .lbox-item:not(.hastext) .lbox-content { display: flex; flex-wrap: wrap; align-items: center; } .linkboxes-bigboxes1 .lbox-item.haslink .lbox-content:after { content:''; background: none; width: 12px; height: 12px; position: absolute; top: 50%; right: 20px; transform: translateY(-50%) rotate(45deg); border: 1px solid var(--col-secondary-text); border-width: 2px 2px 0px 0px; } .linkboxes-bigboxes1 .lbox-content > * { flex-basis: 100%; display: block; color: var(--col-primary-text); } .linkboxes-bigboxes1 .lbox-content > *:before, .linkboxes-bigboxes1 .lbox-content > *:after { display: none; } .linkboxes-bigboxes1 .lbox-title { position: relative; width: 100%; font-weight: var(--fontweight-title); font-size: 1.6em; text-align: left; text-transform: none; background: none; margin: 0px; padding: 0px; overflow: hidden; transition: all 0.3s ease; } .linkboxes-bigboxes1 .lbox-text { margin-top: 10px; } .linkboxes-bigboxes1 .lbox-item.haslink:hover .lbox-content { background: var(--col-secondary-opa); } .linkboxes-bigboxes1 .lbox-item.haslink:hover .lbox-content > * { color: var(--col-secondary-text); } /* BigBoxes #2 */ .linkboxes-bigboxes2 { justify-content: flex-start; } .linkboxes-bigboxes2 .lbox-item { flex: 0 1 calc(50% - (var(--linkboxes-gap)/2)); position: relative; border: 0px; min-height: 350px; box-shadow: none; min-width: 300px; border-radius: 5px; aspect-ratio: 3/2; max-height: 500px; overflow: hidden; } .linkboxes-bigboxes2 .lbox-item:after { content:''; background: rgba(0,0,0, 0.33); position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 5; transition: all 0.3s ease; } .linkboxes-bigboxes2 .lbox-image { position: absolute; top: 0px; left: 0px; z-index: 1; padding: 0px; margin: 0px; display: block; width: 100%; height: 100%; border: none; overflow: hidden; } .linkboxes-bigboxes2 .lbox-image img { max-height: none; width: 100%; height: 100%; object-fit: cover; object-position: center; } .linkboxes-bigboxes2 .lbox-content { position: absolute; left: 0px; bottom: 0px; z-index: 10; width: 100%; min-height: 0%; background: none; display: block; transition: all 0.3s ease; padding: 8% 45px; text-align: left; } .linkboxes-bigboxes2 .lbox-content:after { content: var(--linkboxes-fonticon); font-family: var(--linkboxes-fonticonfamily); font-weight: var(--linkboxes-fonticonweight); color: var(--col-primary-text); display: inline-flex; width: 55px; height: 55px; background: var(--col-primary); border-radius: 5px; justify-content: center; align-items: center; position: absolute; bottom: 45px; opacity: 0; transition: all 0.3s ease; } .linkboxes-bigboxes2 .lbox-content > * { flex-basis: 100%; display: block; color: #FFF; text-align: left; text-transform: none; font-weight: normal; background: none; margin: 0px; padding: 0px; transition: all 0.3s ease; position: relative; width: 100%; } .linkboxes-bigboxes2 .lbox-content > *:before, .linkboxes-bigboxes3 .lbox-content > *:after { display: none; } .linkboxes-bigboxes2 .lbox-title { font-size: 1em; } .linkboxes-bigboxes2 .lbox-text { font-size: 1.2em; font-weight: bold; font-family: var(--font-header); margin: 15px 0px 0px; } .linkboxes-bigboxes2 .lbox-item.haslink:hover:after { background: var(--col-overlay); } .linkboxes-bigboxes2 .lbox-item.haslink:hover .lbox-content { min-height: 100%; padding-bottom: calc(8% + 70px); } .linkboxes-bigboxes2 .lbox-item.haslink:hover .lbox-content:after { opacity: 1; } /* BigBoxes #3 */ .linkboxes-bigboxes3 { justify-content: flex-start; row-gap: 10px; } .linkboxes-bigboxes3 .lbox-item { flex: 0 1 calc(50% - (var(--linkboxes-gap)/2)); position: relative; border: 0px; box-shadow: none; min-width: 300px; background: none; overflow: auto; } .linkboxes-bigboxes3 .lbox-image { position: relative; z-index: 1; padding: 0px; margin: 0px; display: block; width: 100%; height: 100%; max-height: 300px; border: none; overflow: hidden; } .linkboxes-bigboxes3 .lbox-image img { max-height: none; width: 100%; height: 100%; object-fit: cover; object-position: center; transform: scale(1.1); transform-origin: 50% 0; transition: all 0.3s ease; } .linkboxes-bigboxes3 .lbox-content { position: relative; z-index: 10; width: 100%; min-height: 120px; background: var(--col-background); display: block; max-width: 85%; transition: all 0.3s ease; margin: 0px auto; padding: 30px 35px; transform: translateY(-30px); } .linkboxes-bigboxes3 .lbox-content:after { content: var(--linkboxes-fonticon); font-family: var(--linkboxes-fonticonfamily); font-weight: var(--linkboxes-fonticonweight); color: var(--col-primary-text); display: inline-flex; width: 55px; height: 55px; background: var(--col-primary); border-radius: 5px; justify-content: center; align-items: center; position: absolute; top: 50%; left: 50%; opacity: 0; transition: all 0.3s ease; transform: translate(-50%, -75%) scale(0); } .linkboxes-bigboxes3 .lbox-content > * { flex-basis: 100%; display: block; color: #333; text-align: center; text-transform: none; font-weight: normal; background: none; margin: 0px; padding: 0px; transition: all 0.3s ease; position: relative; width: 100%; } .linkboxes-bigboxes3 .lbox-content > *:before, .linkboxes-bigboxes3 .lbox-content > *:after { display: none; } .linkboxes-bigboxes3 .lbox-title { font-size: 1.05em; font-weight: var(--fontweight-title); text-transform: uppercase; } .linkboxes-bigboxes3 .lbox-text { font-size: 0.75em; margin: 10px 0px 0px; text-transform: uppercase; color: var(--col-primary); } .linkboxes-bigboxes3 .lbox-item.haslink:hover .lbox-image img { transform: scale(1); } .linkboxes-bigboxes3 .lbox-item.haslink:hover .lbox-content { transform: translateY(0px); } .linkboxes-bigboxes3 .lbox-item.haslink:hover .lbox-content > * { opacity: 0; } .linkboxes-bigboxes3 .lbox-item.haslink:hover .lbox-content:after { transform: translate(-50%, -75%) scale(1); opacity: 1; } /* Modul: Akkordeon & Tabs (ab v1.6) */ .akktabsblock {} .akktabsblock * { transition: all 0.3s ease; } .akktabsblock .atb-icon { position: relative; z-index: 3; display: flex; justify-content: center; align-items: center; } .akktabsblock .atb-text { position: relative; background: none; } .akktabsblock .atb-text > div { padding: 0px 2px 30px; position: relative; } /* Akkordeon */ .akktabsblock-akkordeon .atb-item { position: relative; padding: 0px; margin: 0px 0px 2px; border-bottom: 1px solid var(--col-secondary); } .akktabsblock-akkordeon .atb-item:last-child { border: none; } .akktabsblock-akkordeon .atb-title { position: relative; line-height: normal; font-family: var(--font-header); font-size: var(--fontsize-title); font-weight: var(--fontweight-title); color: var(--col-primary); letter-spacing: 0; word-wrap: break-word; overflow-wrap: break-word; word-break: break-word; text-align: left; vertical-align: middle; margin: 0px; text-decoration: none; cursor: pointer; max-width: none; padding: 28px 60px 28px 0px; } .akktabsblock-akkordeon .atb-title:before { content:'\00a0'; display: inline; } .akktabsblock-akkordeon .atb-item.hastitle .atb-title:before { display: none; } .akktabsblock-akkordeon .atb-title:hover { color: var(--col-secondary); } .akktabsblock-akkordeon .atb-title span { display: flex; position: absolute; top: 50%; right: 0px; width: 30px; height: 30px; justify-content: center; align-items: center; line-height: 1; pointer-events: none; transform: translateY(-50%); transform-origin: center; opacity: 0.75; overflow: hidden; } .akktabsblock-akkordeon .atb-title:hover span { opacity: 1; } .akktabsblock-akkordeon .atb-date { transition: none; font-size: 0.4em; font-weight: normal; margin-bottom: 3px; color: var(--col-secondary); } /* Icons */ .akktabsblock-akkordeon.atb-icon-plusminus .atb-title span:before, .akktabsblock-akkordeon.atb-icon-plusminus .atb-title span:after { content: ''; display: flex; position: absolute; top: 50%; right: 0px; width: 100%; height: 2px; padding: 0px; background: var(--col-primary); transform: translateY(-50%) rotate(90deg); transform-origin: center; transition: all 0.3s ease; } .akktabsblock-akkordeon.atb-icon-plusminus .atb-title span:after { transform: translateY(-50%) rotate(0deg); } .akktabsblock-akkordeon.atb-icon-plusminus .atb-title.active span:before { transform: translateY(-50%) rotate(0deg); } .akktabsblock-akkordeon.atb-icon-plusminus .atb-title.active span:after { opacity: 0; } .akktabsblock-akkordeon.atb-icon-plusclose .atb-title span:before, .akktabsblock-akkordeon.atb-icon-plusclose .atb-title span:after { content: ''; display: flex; position: absolute; top: 50%; right: 0px; width: 100%; height: 2px; padding: 0px; background: var(--col-primary); transform: translateY(-50%) rotate(90deg); transform-origin: center; transition: all 0.3s ease; } .akktabsblock-akkordeon.atb-icon-plusclose .atb-title span:after { transform: translateY(-50%) rotate(0deg); } .akktabsblock-akkordeon.atb-icon-plusclose .atb-title.active span { transform: translateY(-50%) rotate(45deg); } .akktabsblock-akkordeon.atb-icon-arrow .atb-title span { top: calc(50% - 7px); right: 5px; width: 20px; height: 20px; border: 2px solid var(--col-primary); border-width: 0px 0px 2px 2px; transform-origin: center; transform: translateY(-50%) rotate(-45deg); } .akktabsblock-akkordeon.atb-icon-arrow .atb-title.active span { top: calc(50% + 5px); transform: translateY(-50%) rotate(-225deg); } /* Tabs */ .akktabsblock-tabs {} .akktabsblock-tabs div.atb-tab { display: none; } .akktabsblock-tabs .atb-tabsContent { position: relative; border: 1px solid var(--col-primary); border-top-width: 3px; } @keyframes atb-mode-tabs_fadeIn { 100% { opacity: 1; }} .akktabsblock-tabs .atb-text > div { display: none; opacity: 0; padding: 20px 15px; animation: atb-mode-tabs_fadeIn 0.65s ease 1 forwards; } .akktabsblock-tabs .atb-text.active > div { display: block; } .akktabsblock-tabs .atb-tabsNav ul { list-style-type: none; display: flex; justify-content: flex-start; align-content: center; flex-wrap: wrap; margin: 0px; padding: 0px; } .akktabsblock-tabs .atb-tab { position: relative; font-size: 0.95em; cursor: pointer; background: #DDD; color: var(--col-text); border-radius: 5px 5px 0px 0px; /*border-top: 3px solid var(--col-secondary);*/ padding: 0px; margin: 0px; } .akktabsblock-tabs .atb-tab:last-child { margin-right: 0px !important; } .akktabsblock-tabs .atb-tab:hover { background: var(--col-primary-opa); } .akktabsblock-tabs .atb-tab.active { background: var(--col-primary); color: var(--col-primary-text); cursor: default; } .akktabsblock-tabs .atb-tab span { transition: none; } .akktabsblock-tabs.atb-tabs-vertical1 .atb-tab span:before, .akktabsblock-tabs.atb-tabs-vertical2 .atb-tab span:before { content:'\00a0'; display: inline; } .akktabsblock-tabs .atb-tab.hastitle span:before { display: none; } .akktabsblock-tabs .atb-tab > div { height: 100%; } .akktabsblock-tabs .atb-tab > div > * { flex: 1 0; } .akktabsblock-tabs .atb-icon { flex: 0 1 50px; margin: 0px 10px 0px 0px; align-items: center; } .akktabsblock-tabs .atb-icon img { height: 25px; width: auto; max-width: 35px; } /* Tabs: Standard (default) */ .akktabsblock-tabs.atb-tabs-default .atb-icon { flex: 0 1 !important; display: inline-flex; margin: 0px; justify-content: center; align-items: center; margin: 0px; } .akktabsblock-tabs.atb-tabs-default .atb-tab.hastitle .atb-icon { margin-right: 10px; } .akktabsblock-tabs.atb-tabs-default .atb-tab { margin: 0px 2px 0px 0px; padding: 8px 13px; } .akktabsblock-tabs.atb-tabs-default .atb-tab.hasimage { padding: 10px 13px; } .akktabsblock-tabs.atb-tabs-default .atb-tab.active { /*background: var(--col-primary); color: var(--col-primary-text); cursor: default;*/ } .akktabsblock-tabs.atb-tabs-default .atb-tab > div { display: flex; justify-content: flex-start; } .akktabsblock-tabs.atb-tabs-default .atb-tab > div > * { flex: 1 1; } /* Tabs: Clean */ .akktabsblock-tabs.atb-tabs-clean1 .atb-tabsNav { border: none; } .akktabsblock-tabs.atb-tabs-clean1 .atb-icon { margin: 0px; } .akktabsblock-tabs.atb-tabs-clean1 .atb-tab.hastitle .atb-icon { margin-bottom: 10px; } .akktabsblock-tabs.atb-tabs-clean1 .atb-tabsNav ul { justify-content: center; } .akktabsblock-tabs.atb-tabs-clean1 .atb-tab { text-align: center; border-radius: 0px; margin: 0px 5px 20px; padding: 0px; border: none; color: var(--col-text); background: none !important; font-weight: bold; min-width: 175px; opacity: 0.6; transition: all 0.3s ease; } .akktabsblock-tabs.atb-tabs-clean1 .atb-tab:after { content:''; display: block; background: none; width: 100%; height: 3px; margin: 5px 0px 0px; padding: 0px; transition: all 0.3s ease; } .akktabsblock-tabs.atb-tabs-clean1 .atb-tab:hover:after { background: var(--col-text); } .akktabsblock-tabs.atb-tabs-clean1 .atb-tab.active { color: var(--col-primary); opacity: 1; } .akktabsblock-tabs.atb-tabs-clean1 .atb-tab.active:after { background: var(--col-primary); } .akktabsblock-tabs.atb-tabs-clean1 .atb-tab > div { display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 8px 13px; transition: none; } .akktabsblock-tabs.atb-tabs-clean1 .atb-tabsContent { border: none; margin-top: 10px; } /* Tabs: Boxed */ .akktabsblock-tabs.atb-tabs-boxed1 { padding-bottom: 15px; } .akktabsblock-tabs.atb-tabs-boxed1 .atb-tabsNav { border: none; } .akktabsblock-tabs.atb-tabs-boxed1 .atb-icon { width: 55px; height: 100%; margin: 0px; } .akktabsblock-tabs.atb-tabs-boxed1 .atb-tab.hastitle .atb-icon { margin-bottom: 10px; } .akktabsblock-tabs.atb-tabs-boxed1 .atb-icon img { width: auto; height: auto; max-height: 60px; max-width: 100%; } .akktabsblock-tabs.atb-tabs-boxed1 .atb-tabsNav ul { justify-content: space-between; } .akktabsblock-tabs.atb-tabs-boxed1 .atb-tab { flex: 1 1; text-align: center; border-radius: 0px; padding: 15px 20px; margin-right: 1px; top: 15px; border-top-width: 3px; } .akktabsblock-tabs.atb-tabs-boxed1 .atb-tab.active { top: 0px; padding-top: 30px; margin-bottom: -15px; border-radius: 5px 5px 0px 0px; } .akktabsblock-tabs.atb-tabs-boxed1 .atb-tab > div { display: flex; flex-direction: column; justify-content: center; align-items: center; } .akktabsblock-tabs.atb-tabs-boxed1 .atb-tab > div > * { flex: 1 1 auto; } .akktabsblock-tabs.atb-tabs-boxed1 .atb-tabsContent { top: 15px; border-top-width: 5px; } /* Tabs: Vertical 1 */ .akktabsblock-tabs.atb-tabs-vertical1 { display: flex; flex-direction: row; } .akktabsblock-tabs.atb-tabs-vertical1 .atb-tabsNav { flex: 1 1 33.3333%; border: none; padding-right: 75px; } .akktabsblock-tabs.atb-tabs-vertical1 .atb-icon { position: absolute; left: 0px; top: 50%; display: inline-flex; margin: 0px; transform: translateY(calc(-50% + -1px)); justify-content: center; align-items: center; width: 35px; } .akktabsblock-tabs.atb-tabs-vertical1 .atb-tabsNav ul { justify-content: center; flex-direction: column; max-width: 300px; } .akktabsblock-tabs.atb-tabs-vertical1 .atb-tabsNav li { text-align: left; border-radius: 0px; margin: 0px 0px 28px; padding: 10px 0px; border: none; color: var(--col-text); background: none !important; font-weight: bold; min-width: 200px; opacity: 0.6; transition: all 0.3s ease; white-space: normal; line-height: 1; width: 100%; } .akktabsblock-tabs.atb-tabs-vertical1 .atb-tabsNav li span:after { content:'\f061'; display: inline-flex; font-family: "Font Awesome 5 Free"; font-weight: 900; background: none; width: 24px; height: auto; margin: 0px 0px 0px 15px; padding: 0px; opacity: 0; transition: all 0.3s ease; } .akktabsblock-tabs.atb-tabs-vertical1 .atb-tabsNav li.hasimage { padding-left: 45px; } .akktabsblock-tabs.atb-tabs-vertical1 .atb-tabsNav li:hover { opacity: 1; } .akktabsblock-tabs.atb-tabs-vertical1 .atb-tabsNav li.active { color: var(--col-primary); opacity: 1; transition: none; } .akktabsblock-tabs.atb-tabs-vertical1 .atb-tabsNav li.active span:after { opacity: 1; } .akktabsblock-tabs.atb-tabs-vertical1 .atb-tabsNav li span { word-wrap: break-word; overflow-wrap: break-word; word-break: break-word; vertical-align: sub; } .akktabsblock-tabs.atb-tabs-vertical1 .atb-tabsNav li > div { display: block; transition: none; margin-top: -8px; } .akktabsblock-tabs.atb-tabs-vertical1 .atb-tabsContent { flex: 1 1 66.6666%; border: none; margin-top: 0px; } .akktabsblock-tabs.atb-tabs-vertical1 .atb-text.active > div { padding: 0px; } /* Tabs: Vertical 2 (boxed) */ .akktabsblock-tabs.atb-tabs-vertical2 { display: flex; flex-direction: row; } .akktabsblock-tabs.atb-tabs-vertical2 .atb-tabsNav { flex: 1 1 33.3333%; border: none; padding-right: 75px; } .akktabsblock-tabs.atb-tabs-vertical2 .atb-icon { position: absolute; left: 13px; top: 50%; display: inline-flex; margin: 0px; transform: translateY(-50%); justify-content: center; align-items: center; width: 35px; } .akktabsblock-tabs.atb-tabs-vertical2 .atb-tabsNav ul { justify-content: center; flex-direction: column; max-width: 300px; } .akktabsblock-tabs.atb-tabs-vertical2 .atb-tabsNav li { text-align: left; border-radius: 0px; margin: 0px 0px 5px; padding: 15px 13px 15px 30px; border: none; color: var(--col-primary-text); background: var(--col-primary-opa); font-weight: bold; min-width: 200px; opacity: 0.75; transition: all 0.3s ease; white-space: normal; box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); line-height: 1; width: 100%; } .akktabsblock-tabs.atb-tabs-vertical2 .atb-tabsNav li:before { content:''; position: absolute; left: 11px; top: 50%; background: var(--col-secondary); width: 10px; height: 10px; margin: -5px 0px 0px; padding: 0px; border-radius: 50%; transition: all 0.4s ease; } .akktabsblock-tabs.atb-tabs-vertical2 .atb-tabsNav li.hasimage { padding-left: 58px; } .akktabsblock-tabs.atb-tabs-vertical2 .atb-tabsNav li.hasimage:before { display: none; } .akktabsblock-tabs.atb-tabs-vertical2 .atb-tabsNav li:hover { opacity: 1; } .akktabsblock-tabs.atb-tabs-vertical2 .atb-tabsNav li.active { background: var(--col-primary); color: var(--col-primary-text); opacity: 1; } .akktabsblock-tabs.atb-tabs-vertical2 .atb-tabsNav li.hastitle.active { padding-left: 15px; } /* :not(.hasimage) */ .akktabsblock-tabs.atb-tabs-vertical2 .atb-tabsNav li.hastitle.active .atb-icon { opacity: 0; } .akktabsblock-tabs.atb-tabs-vertical2 .atb-tabsNav li.active:before { display: block; /*background: var(--col-secondary);*/ width: 3px; height: 100%; left: 0px; top: 0px; margin: 0px; border-radius: 0px; } .akktabsblock-tabs.atb-tabs-vertical2 .atb-tabsNav li span { word-wrap: break-word; overflow-wrap: break-word; word-break: break-word; } .akktabsblock-tabs.atb-tabs-vertical2 .atb-tabsNav li > div { display: block; transition: none; } .akktabsblock-tabs.atb-tabs-vertical2 .atb-tabsContent { flex: 1 1 66.6666%; border: none; margin-top: 0px; } .akktabsblock-tabs.atb-tabs-vertical2 .atb-text.active > div { padding: 0px; } /* Farb-Themes */ .bc-light .akktabsblock-tabs .atb-tabsContent { border-color: var(--col-light); } /*.bc-light .akktabsblock-tabs .atb-tab { background: #CCC; border-color: #CCC; }*/ .bc-light .akktabsblock-tabs .atb-tab span { color: var(--col-dark); } .bc-light .akktabsblock-tabs .atb-tab.active { background: var(--col-light); } .bc-light .akktabsblock-tabs .atb-tab:not(.active):hover { background: #EDEDED; border-color: var(--col-primary); } .bc-light .akktabsblock-tabs.atb-tabs-clean1 .atb-tab:after { background: #CCC; } .bc-light .akktabsblock-tabs.atb-tabs-clean1 .atb-tab span { color: var(--col-light); } .bc-light .akktabsblock-tabs.atb-tabs-clean1 .atb-tab.active:after { background: var(--col-light); } .bc-light .akktabsblock-tabs.atb-tabs-vertical1 .atb-tabsNav li span { color: var(--col-light); } .bc-light .akktabsblock-tabs.atb-tabs-vertical2 .atb-tabsNav li { background: var(--col-light); } .bc-light .akktabsblock-tabs.atb-tabs-vertical2 .atb-tabsNav li span { color: var(--col-dark); } .bc-light .akktabsblock-tabs.atb-tabs-vertical2 .atb-tabsNav li:before { background: var(--col-primary); } .bc-light .akktabsblock-akkordeon .atb-item { border-color: #CCC; } .bc-light .akktabsblock-akkordeon .atb-title:not(.active):hover { color: #CCC; } .bc-light .akktabsblock-akkordeon.atb-icon-arrow span { border-color: #CCC; } .bc-light .akktabsblock-akkordeon .atb-title span:before, .bc-light .akktabsblock-akkordeon .atb-title span:after { background: #CCC; } .bc-dark .akktabsblock-tabs .atb-tab { background: #AAA; } .bc-dark .akktabsblock-tabs .atb-tab.active { background: var(--col-primary); } .bc-dark .akktabsblock-tabs .atb-tab:not(.active):hover { background: #CCC; } .bc-dark .akktabsblock-tabs.atb-tabs-clean1 .atb-tab:after { background: var(--col-secondary); } .bc-dark .akktabsblock-tabs.atb-tabs-clean1 .atb-tab.active:after { background: var(--col-primary); } .bc-dark .akktabsblock-akkordeon.atb-icon-arrow span { border-color: var(--col-secondary); } .bc-dark .akktabsblock-akkordeon .atb-title span:before, .bc-dark .akktabsblock-akkordeon .atb-title span:after { background: var(--col-secondary); } /* 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; } } /* Modul: mehrspaltige Aufzählung (UL-Liste - ab v1.2.1) */ .multicollist {} .multicollist a { position: absolute; top: 0px; left: 0px; z-index: 5; width: 100%; height: 100%; display: block; } .multicollist ul { list-style-type: none; line-height: normal; margin: 0px; padding: 0px; -webkit-columns: 3 230px; -moz-columns: 3 230px; columns: 3 230px; -webkit-column-gap: 2em; -moz-column-gap: 2em; column-gap: 2em; } .multicollist li { list-style-type: none; position: relative; margin: 0px 0px 25px 0px; -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; } .multicollist li.ml-header { font-family: var(--font-header); font-size: 1.6rem; font-weight: var(--fontweight-title); color: var(--col-primary); margin: 0px 0px 20px; line-height: 1.2; word-wrap: break-word; letter-spacing: -0.04rem; } .multicollist li.ml-header span { display: block; font-family: var(--font-text); font-size: 14px; text-transform: none; margin-top: 8px; font-weight: normal; color: var(--col-text); } .multicollist li.ml-item { /*font-size: 0.9em;*/ padding: 0px 40px 0px 35px; } .multicollist li.ml-item:before { /*content: ''; position: absolute; top: 21px; left: 15px; background: var(--col-primary); width: 5px; height: 5px; border-radius: 50%;*/ } .multicollist li.ml-item span.ml-title { display: block; font-family: var(--font-header); font-weight: var(--fontweight-title); font-size: var(--fontsize-title); margin-bottom: 7px; text-transform: uppercase; } .multicollist li.ml-item span.ml-linkicon { position: absolute; top: 8px; left: 0px; display: block; width: 26px; height: 26px; line-height: 26px; background: var(--col-primary); font-size: 20px; color: var(--col-primary-text); text-align: center; overflow: hidden; border-radius: 50%; transition: all 0.3s ease; } .multicollist li.ml-item span.ml-linkicon:after, .multicollist li.ml-item span.ml-linkicon:before { content: ''; width: 2px; height: 10px; position: absolute; top: 50%; left: 50%; display: block; background: var(--col-primary-text); transform: translate(-50%, -50%) rotate(45deg); margin: 3px 0px 0px 1px; } .multicollist li.ml-item span.ml-linkicon:after { transform: translate(-50%, -50%) rotate(-45deg); margin-top: -3px; } .multicollist li.ml-item.haslink:hover { /*color: var(--col-accent);*/ } .multicollist li.ml-item:hover span.ml-linkicon { background: var(--col-secondary); color: var(--col-primary); } /* Farb-Themes */ .bc-light .multicollist li.ml-header, .bc-light .multicollist li.ml-header span { color: var(--col-light); } .bc-light .multicollist li.ml-item:before, .bc-light .multicollist li.ml-item span.ml-linkicon { background-color: var(--col-light); } .bc-light .multicollist li.ml-item:hover span.ml-linkicon { opacity: 0.75; } .bc-light .multicollist li.ml-item span.ml-linkicon:after, .bc-light .multicollist li.ml-item span.ml-linkicon:before { background: var(--col-primary); } .bc-dark .multicollist li.ml-header, .bc-dark .multicollist li.ml-header span { color: var(--col-dark); } .bc-dark .multicollist li.ml-item:before { background-color: var(--col-dark); } .bc-dark .multicollist li.ml-item span.ml-linkicon i { 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 .mgA-xs { margin-top: var(--margin-neg-xs); margin-bottom: var(--margin-neg-xs); } .gridblock .mgA-sm { margin-top: var(--margin-neg-sm); margin-bottom: var(--margin-neg-sm); } .gridblock .mgA-md { margin-top: var(--margin-neg-md); margin-bottom: var(--margin-neg-md); } .gridblock .mgA-lg { margin-top: var(--margin-neg-lg); margin-bottom: var(--margin-neg-lg); } .gridblock .mgA-xl { margin-top: var(--margin-neg-xl); margin-bottom: var(--margin-neg-xl); } */ .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; } /* Modul: 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: Artikelvorschau/Newsteaser (ab v1.3.9) */ .newsteaser { margin: 0px; padding: 0px; } .newsteaser .teaser { display: flex; flex-direction: row; flex-wrap: nowrap; margin: 65px 0px 0px 0px; padding: 0px; transition: all 0.3s ease; } .newsteaser .teaser.first { border: none !important; margin-top: 0px !important; } .newsteaser .teaser.minmargin { margin-top: 35px; } .newsteaser .teaser.minmargin.hasnoimage.hasnotext { margin-top: 25px; } .newsteaser .teaserimage { position: relative; margin: 0px; margin-right: 15px; } .newsteaser .teaserimage figure { overflow: hidden; } .newsteaser .teaserimage img { width: 100%; height: auto; } .newsteaser .teaserimage span { display: block; background: rgba(150,150,150, 0.1); aspect-ratio: 3/2; } /* Platzhalter-Bild */ .newsteaser .teaserimage a[rel~="lightbox"] { display: flex; } .newsteaser .teaserimage a[rel~="lightbox"]: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); } .newsteaser .teaserimage a[rel=lightbox]:hover:after { opacity: 1; } .newsteaser .teaserimage.ratio20-80 { width: 20%; } .newsteaser .teaserimage.ratio25-75 { width: 25%; } .newsteaser .teaserimage.ratio30-70 { width: 30%; } .newsteaser .teaserimage.ratio35-65 { width: 35%; } .newsteaser .teaserimage.ratio40-60 { width: 40%; } .newsteaser .teaserimage.ratio45-55 { width: 45%; } .newsteaser .teaserimage.ratio50-50 { width: 50%; } .newsteaser .teasercontent { width: 100%; margin: 0px; padding: 0px; } .newsteaser .teaser.hasimage .teasercontent { margin-left: 15px; } .newsteaser .teasercontent.ratio20-80 { width: 80%; } .newsteaser .teasercontent.ratio25-75 { width: 75%; } .newsteaser .teasercontent.ratio30-70 { width: 70%; } .newsteaser .teasercontent.ratio35-65 { width: 65%; } .newsteaser .teasercontent.ratio40-60 { width: 60%; } .newsteaser .teasercontent.ratio45-55 { width: 55%; } .newsteaser .teasercontent.ratio50-50 { width: 50%; } .newsteaser .teaserheadline a { color: var(--col-text); text-decoration: none; } .newsteaser .teaserheadline { font-family: var(--font-header); font-size: var(--fontsize-title); font-weight: var(--fontweight-title); text-transform: uppercase; text-decoration: none; line-height: 1.15; } .newsteaser .teaserdate { margin: 4px 0px 0px; font-size: 0.85em; color: #999; } .newsteaser .teaser.minmargin.hasnoimage .teaserdate { margin-top: 2px; } .newsteaser .teaserdate i { display: none; margin-right: 5px; } .newsteaser .teasertext { margin-top: 15px; } .newsteaser .teaser.minmargin.hasnoimage .teasertext { margin-top: 7px; } .newsteaser .teaserlink { margin-top: 30px; } .newsteaser .teaser.minmargin.hasnoimage .teaserlink { margin-top: 15px; } .newsteaser .teaser.minmargin.hasnoimage.hasnotext .teaserlink { margin-top: 12px; } .newsteaser .teaserlink a { margin: 0px; } .newsteaser .teaserpagination { text-align: left; margin-top: 65px; } .newsteaser .teaserpagination.center { text-align: center; } .newsteaser .teaserpagination.right { text-align: right; } .newsteaser .teaserpagination ul { list-style-type: none; margin: 0px; padding: 0px; display: inline; } .newsteaser .teaserpagination li { display: inline-block; margin: 0px 4px 0px 0px; font-size: 0.9em; background: none; } .newsteaser .teaserpagination span, .newsteaser .teaserpagination a { display: inline-block; padding: 6px 10px; text-decoration: none; min-width: 35px; } .newsteaser .teaserpagination span { cursor: default; } .newsteaser .teaserpagination a { border-radius: 3px; } .newsteaser .teaserpagination a:hover { background: var(--col-secondary); color: var(--col-secondary-text); } .newsteaser .teaserpagination .current { background: var(--col-primary); color: var(--col-primary-text); } /* Farb-Themes */ .bc-light .newsteaser .teaserimage span { background: rgba(255,255,255, 0.15); } .bc-light .newsteaser .teaserheadline a, .bc-light .newsteaser .teaserdate { color: var(--col-light); } /* Modul: Zeilenabstand (ab v1.3.3) */ .zeilenabstand.nodesktop { display: none; } /* Modul: Horizontale Trennlinie (ab v1.0) */ .hr-separator-wrapper { margin: 20px auto; --hr-col-default: #CCC; } .hr-separator-wrapper:has(.hr-separator.hr-skew-left), .hr-separator-wrapper:has(.hr-separator.hr-skew-right) { visibility: hidden; overflow: hidden; } .hr-separator { border: none; } .hr-separator:before, .hr-separator:after { content:''; display: block; height: 100%; border: none; display: none; flex: 0 1 calc(50% - 25px); } .hr-separator svg { display: none; } .hr-separator, .hr-separator:before, .hr-separator:after { background: var(--hr-col-default); border-color: var(--hr-col-default); } .hr-separator.hr-col-primary, .hr-separator.hr-col-primary:before, .hr-separator.hr-col-primary:after { background: var(--col-primary); border-color: var(--col-primary); } .hr-separator.hr-col-secondary, .hr-separator.hr-col-secondary:before, .hr-separator.hr-col-secondary:after { background: var(--col-secondary); border-color: var(--col-secondary); } .hr-separator.hr-col-accent, .hr-separator.hr-col-accent:before, .hr-separator.hr-col-accent:after { background: var(--col-accent); border-color: var(--col-accent); } .hr-separator.hr-col-white, .hr-separator.hr-col-white:before, .hr-separator.hr-col-white:after { background: #FFF; border-color: #FFF; } .hr-separator.hr-col-black, .hr-separator.hr-col-black:before, .hr-separator.hr-col-black:after { background: #000; border-color: #000; } .hr-separator svg path, .hr-separator svg circle { fill: var(--hr-col-default); } .hr-separator.hr-col-primary svg path, .hr-separator.hr-col-primary svg circle { fill: var(--col-primary); } .hr-separator.hr-col-secondary svg path, .hr-separator.hr-col-secondary svg circle { fill: var(--col-secondary); } .hr-separator.hr-col-accent svg path, .hr-separator.hr-col-accent svg circle { fill: var(--col-accent); } .hr-separator.hr-col-white svg path, .hr-separator.hr-col-white svg circle { fill: #FFF; } .hr-separator.hr-col-black svg path, .hr-separator.hr-col-black svg circle { fill: #000; } .hr-separator.hr-dashed, .hr-separator.hr-dotted { background: none !important; height: 0px !important; border-top-width: 1px; } .hr-separator.hr-dashed:before, .hr-separator.hr-dotted:before, .hr-separator.hr-dashed:after, .hr-separator.hr-dotted:after { display: none; } .hr-separator.hr-dashed { border-top-style: dashed; } .hr-separator.hr-dotted { border-top-style: dotted; } .hr-separator.hr-fadeout { background: none; background-image: linear-gradient(to right, transparent, var(--hr-col-default), transparent); } .hr-separator.hr-fadeout.hr-col-primary { background: none; background-image: linear-gradient(to right, transparent, var(--col-primary), transparent); } .hr-separator.hr-fadeout.hr-col-secondary { background: none; background-image: linear-gradient(to right, transparent, var(--col-secondary), transparent); } .hr-separator.hr-fadeout.hr-col-accent { background: none; background-image: linear-gradient(to right, transparent, var(--col-accent), transparent); } .hr-separator.hr-fadeout.hr-col-white { background: none; background-image: linear-gradient(to right, transparent, #FFF, transparent); } .hr-separator.hr-fadeout.hr-col-black { background: none; background-image: linear-gradient(to right, transparent, #000, transparent); } .hr-separator.hr-separated { position: relative; display: flex; justify-content: space-between; align-items: center; flex-wrap: nowrap; background: none; } .hr-separator.hr-separated:before, .hr-separator.hr-separated:after { display: block; } .hr-separator.hr-separated span { display: flex; justify-content: center; align-items: center; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 40px; background: none; border: none; } .hr-separator.hr-separated svg { display: block; object-fit: contain; object-position: center; } .hr-separator.hr-skew-left, .hr-separator.hr-skew-right { /*width: 102%;*/ margin-left: -0.4%; } .hr-separator.hr-skew-left { transform: rotate(-4deg); transform-origin: right; } .hr-separator.hr-skew-right { transform: rotate(4deg); transform-origin: left; } .hr-separator.hr-shadow { filter: drop-shadow(0px 3px 6px rgba(0,0,0, 0.30)); } .hr-separator.hr-shadow.hr-skew-left, .hr-separator.hr-shadow.hr-skew-right { margin-top: 4px; } /* Farb-Themes */ .bc-dark .hr-separator-wrapper { --hr-col-default: var(--col-dark); } .bc-light .hr-separator-wrapper { --hr-col-default: var(--col-light); } /* 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; } .feedlist .fl-image figure { 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; } .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: var(--fontweight-title); 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; } .feedlist.feed-squares { display: flex; flex-wrap: wrap; gap: 5px 5px; justify-content: center; } .feedlist.feed-squares .fl-item { flex: 0 1 220px; 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; } .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: RSS-Feed / Feeds (ab v1.3.1) */ .feedlist { margin: 0px; padding: 0px; --fl-gap: var(--gap-lg); --fl-gap-squares: var(--gap-sm); } .feedlist .fl-item { display: block; 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-item-inner { display: flex; flex-direction: row; flex-wrap: nowrap; gap: var(--fl-gap); } .feedlist a { display: block; color: var(--col-text); text-decoration: none; overflow: hidden; } .feedlist .fl-image { position: relative; margin: 0px; } .feedlist .fl-image * { transition: all 0.5s ease; transform-origin: center; } .feedlist .fl-image figure, .feedlist .fl-image picture { /*position: absolute; top: 0px; left: 0px;*/ display: block; width: 100%; height: 100%; overflow: hidden; } .feedlist .fl-image img { display: block; width: 100%; height: auto; image-rendering: auto; image-rendering: -webkit-optimize-contrast; transform: scale(1.0001); } .feedlist a:hover .fl-image img { transform: scale(1.1); } .feedlist .fl-image span { display: block; background: rgba(150,150,150, 0.1); aspect-ratio: 3/2; } /* Platzhalter-Bild */ .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.2; } .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; } /* Design: Raster */ .feedlist.feed-squares { display: flex; flex-wrap: wrap; gap: var(--fl-gap-squares); 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 280px; } .feedlist.feed-squares .fl-item-inner { display: block; } .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: 0.85em; 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; font-size: 1em; } .feedlist.feed-squares .fl-item:hover .fl-title { opacity: 1; } .feedlist.feed-squares .fl-item.hasnoimage .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 { 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); } /* KD-Module: globale CSS */ .kd-notfound { text-align: center; box-shadow: 0 0 40px 0 rgba(0,0,0,.15); background: #FFF; } /* .kd-request-completed { display: inline-flex; justify-content: center; align-items: center; width: 85px; height: 85px; position: relative; } .kd-request-completed i, .kd-request-failed i { position: relative; margin: 0px; top: -5px; right: -10px; font-size: 70px; color: darkgreen; } .kd-request-failed i { position: static; color: darkred; } .kd-request-completed:before, .kd-request-completed:after { content:''; display: block; position: absolute; top: 0; left: 0; width: calc(100% - 6px); height: calc(100% - 6px); border-radius: 100%; border: 3px solid; } .kd-request-completed:before { border-color: transparent darkgreen darkgreen darkgreen; transform: rotate(80deg); } .kd-request-completed:after { border-color: darkgreen darkgreen darkgreen transparent; transform: rotate(130deg); } */ /* Modul-Addon: KD-Transport */ .kdtransport {} .kdtransport a i { margin-right: 5px; } .kdtransport .kdt-header {} .kdtransport .kdt-header .kdt-inner { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; margin: 0px 0px 10px; } .kdtransport .kdt-header .kdt-inner > * { margin: 0px 20px 40px; } .kdtransport .kdt-header.hasnoimage .kdt-inner { text-align: center; } .kdtransport .kdt-header .kdt-logo { text-align: center; height: 110px; overflow: hidden; } .kdtransport .kdt-header.hasnoimage .kdt-logo { display: none; } .kdtransport .kdt-header .kdt-logo img { width: 100%; max-width: none; height: 100%; object-fit: contain; object-position: center; } .kdtransport .kdt-header.hasnoimage .kdt-user { text-align: center; } .kdtransport .kdt-notfound { } .kdtransport .kdt-list { } .kdtransport-modal table { border-collapse: collapse; border-spacing: 0; } .kdtransport-modal td { padding: 0px 16px 16px 0px; vertical-align: top; } .kdtransport .dropdown-menu { position: absolute; top: 100%; left: -1px; right: -1px; z-index: 1065; display: none; float: left; /*width: 100%;*/ padding: 5px 0; margin: -15px 0px 0; font-size: 15px; text-align: left; list-style: none; background-color: #fff; background-clip: padding-box; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); } .kdtransport .haslivesearch { position: relative; } .kdtransport .haslivesearch > .dropdown-menu.open { display: block; } .kdtransport .dropdown-menu > .inner { max-height: 500px; overflow-y: auto; } .kdtransport .dropdown-menu ul { position: static; float: none; display: block; border: 0; padding: 0; margin: 0; box-shadow: none; } .kdtransport .dropdown-menu ul:after { content:'\f0d8'; position: absolute; top: -13px; left: 25px; width: 20px; height: 20px; font-family: "Font Awesome 5 Free"; font-weight: 900; color: #FFF; text-align: left; vertical-align: bottom; font-size: 20px; line-height: 20px; text-shadow: 0px -1px 2px rgba(0,0,0, 0.5); } .kdtransport .dropdown-menu ul li { position: relative; } .kdtransport .dropdown-menu ul li a { display: block; padding: 6px 20px; clear: both; white-space: nowrap; cursor: pointer; color: var(--col-text); } .kdtransport .dropdown-menu ul li a:hover { background: var(--col-accent-opa); } .kdtransport .dropdown-menu ul li a span { display: inline-block; } .kdtransport .dropdown-menu ul li a span.class-info { font-size: 0.8em; } /* 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%; } } /* Modalfenster (i.d.R. über Lighbox) */ .content .modal { display: none; } div.modalbox { position: fixed; top: -110vh; top: 0px; left: 0; width: 100%; height: 100%; z-index: -1; overflow: hidden; margin: 0px 0px; padding: 0px; } div.modalbox.open { top: 0px; z-index: 99999; } div.modalbox .modalbox-overlay { content:''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; background: var(--col-overlay); opacity: 0; transition: all 0.3s ease; } div.modalbox.open .modalbox-overlay { opacity: 1; } div.modalbox .modal { position: relative; overflow: hidden; overflow-y: auto; padding: 0px 20px; z-index: 10; position: relative; max-height: 100%; } div.modalbox .modal-content { position: relative; top: -101vh; z-index: 10; background: #FFF; max-width: 800px; margin: 40px auto; border-radius: 5px; transition: top 0.5s 0.25s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); overflow: hidden; } div.modalbox.open .modal-content { top: 0px; } div.modalbox .modal-content > * { padding: 20px 30px; } div.modalbox .modal-header { background: var(--col-primary); color: var(--col-primary-text); line-height: 1.25; font-size: 1.2em; } div.modalbox .modal-body { position: relative; padding-top: 28px; padding-bottom: 28px; } div.modalbox .modal-footer { text-align: right; border-top: 1px solid #e5e5e5; } div.modalbox .modal-footer .modal-print { float: left; } /* 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; text-transform: uppercase; font-size: 11px; text-align: center; margin: 15px 70px; } .cthwebdesign a { color: rgba(0,0,0, 0.5); text-decoration: none !important; } .cthwebdesign a:hover { color: rgba(0,0,0, 1); } /* Editorstyles */ span.textfarbe-primary { color: var(--col-primary); } span.textfarbe-secondary { color: var(--col-secondary); } span.textfarbe-accent { color: var(--col-accent); } span.text-grossbuchstaben { text-transform: uppercase; } span.text-einrueckung { margin-left: 1em; } span.text-zeichenabstand { letter-spacing: 5px; } span.text-zeilenabstand { line-height: 1.2em; } 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; } ul.text-1spaltig-formatiert, ul.text-2spaltig-formatiert { display: block; columns: auto 2; column-gap: 40px; list-style-type: none; margin: 0px; } ul.text-1spaltig-formatiert { columns: auto 1; } ul.text-1spaltig-formatiert li, ul.text-2spaltig-formatiert li { position: relative; color: var(--col-text); font-size: 25px; margin-bottom: 55px; padding: 15px 50px 0px 90px; width: auto; font-weight: 300; break-inside: avoid-column; } ul.text-1spaltig-formatiert li ul, ul.text-2spaltig-formatiert li ul { display: none; } ul.text-1spaltig-formatiert li:after, ul.text-2spaltig-formatiert li:after { content: ''; background: url(icon-check.svg) #FFF no-repeat center center; background-size: 55%; display: inline-block; width: 60px; height: 60px; position: absolute; top: 0px; left: 0px; border-radius: 50%; overflow: hidden; box-shadow: 5px 5px 10px 0px rgba(0,0,0, 0.15); } ul.text-1spaltig-formatiert li:last-child, ul.text-2spaltig-formatiert li:last-child { margin-bottom: 0px; } ul.text-boxed { display: block; list-style-type: none; margin: 0px; } ul.text-boxed li { display: block; background: var(--col-primary); color: var(--col-primary-text); font-size: 1.05em; margin-bottom: 25px; padding: 15px 20px; font-weight: bold; } ul.text-boxed li:last-child { margin-bottom: 0px; } 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.text-abstand-oben { margin-top: 30px; display: inline-block; } span.text-abstand-unten { margin-bottom: 30px; display: inline-block; } */ span.schrift-header, span.schrift-header-standard { color: var(--col-secondary); font-family: var(--font-header); font-weight: var(--fontweight-header); font-size: var(--fontsize-title); line-height: 1.2; letter-spacing: normal; word-wrap: break-word; text-transform: uppercase; } span.schrift-header-standard { color: var(--col-text); font-size: 1.0em; } span.schrift-accent { color: var(--col-secondary); font-family: var(--font-accent); font-weight: var(--fontweight-header); font-size: var(--fontsize-accent); line-height: 1.2; letter-spacing: 8px; word-wrap: break-word; text-transform: uppercase; } span.icon-phone, span.icon-location, span.icon-mail { color: var(--col-primary); font-size: 2.5em; } span.icon-phone:before, span.icon-location:before, span.icon-mail:before { content:''; font-weight: 900; font-family: "Font Awesome 5 Free"; line-height: 1; } span.icon-phone:before { content: "\f879"; } span.icon-location:before { content: "\f3c5"; } span.icon-mail:before { content: "\f0e0"; } span.icon-completed, span.icon-failed { display: inline-flex; justify-content: center; align-items: center; width: 85px; height: 85px; margin: 0px; position: relative; } span.icon-completed { background: url(/assets/icon-completed.svg) no-repeat center center; background-size: contain; } span.icon-failed { font-size: 75px; color: darkred; } span.icon-failed:before { content: "\f06a"; font-weight: 900; font-family: "Font Awesome 5 Free"; line-height: 1; } img.bild-links-mit-textfluss { text-align: left; margin-right: 5vw; margin-bottom: 4vw; float: left; transition: all 0.3s ease; } img.bild-rechts-mit-textfluss { text-align: right; margin-bottom: 4vw; margin-left: 5vw; float: right; transition: all 0.3s ease; } img.bild-links-mit-textfluss-und-rahmen { text-align: left; margin-right: 5vw; margin-bottom: 4vw; border: 5px solid var(--col-primary); float: left; transition: all 0.3s ease; } img.bild-rechts-mit-textfluss-und-rahmen { text-align: right; margin-bottom: 4vw; margin-left: 5vw; border: 5px solid var(--col-primary); float: right; transition: all 0.3s ease; } img.bild-rahmen { border: 5px solid var(--col-primary); } img.abstand-oben-unten { margin-top: 30px; margin-bottom: 30px; } 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-formatiert { width: 100%; border-collapse: collapse; overflow: hidden; box-shadow: 0 0 40px 0 rgba(0,0,0,.15); border-radius: var(--borderRadius-sm); } table.tabelle-formatiert tr { transition: all 0.3s ease; } table.tabelle-formatiert tr:nth-child(even) { background: #FEFEFE; } table.tabelle-formatiert tr:nth-child(odd) { background: rgb(242,242,242); } 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; } table.tabelle-formatiert th, table.tabelle-formatiert td:before { padding-top: 18px; padding-bottom: 18px; background: var(--col-primary-opa); color: var(--col-primary-text); font-weight: bold; font-size: 1.05em; } table.tabelle-formatiert .table-action { width: 100px; text-align: right; white-space: nowrap; } table.tabelle-formatiert a.linkbutton-refresh { padding: 7px 10px; } table.tabelle-formatiert a.linkbutton-delete { background: #900; color: #FFF; } table.tabelle-formatiert a.linkbutton-deletephone { background: #E0E0E0; color: var(--col-accent-text); } table.tabelle-formatiert a.linkbutton-meta.linkbutton-delete:hover { background: #B00; color: #FFF; } /* table.tabelle-optimiert { width: 100%; border-collapse: collapse; border: none; } table.tabelle-optimiert tr { transition: all 0.3s ease; } table.tabelle-optimiert tr:nth-child(even) { background: #FEFEFE; } table.tabelle-optimiert tr:nth-child(odd) { background: rgb(242,242,242); } table.tabelle-optimiert th, table.tabelle-optimiert td { padding: 14px 16px; text-align: left; vertical-align: top; word-break: break-word; } table.tabelle-optimiert th { border-bottom: 1px solid var(--col-primary); } table.tabelle-optimiert th, table.tabelle-optimiert td:before { background: var(--col-primary-opa); color: var(--col-primary-text); font-weight: bold; font-size: 1.05em; } table.tabelle-optimiert .table-action { width: 100px; text-align: right; white-space: nowrap; } */ a.linkbutton-primary, a.linkbutton-secondary, a.linkbutton-accent, a.linkbutton-textonly, .btn-primary { display: inline-block; text-decoration: none; margin: 0px 2px 10px; padding: 15px 15px 12px; background: var(--col-primary); color: var(--col-primary-text); text-align: center; font-style: normal; font-family: var(--font-header); font-weight: 500; font-size: var(--fontsize-text); letter-spacing: normal; text-transform: uppercase; line-height: normal; cursor: pointer; border-radius: 5px; border: 0px solid var(--col-primary); border-bottom-width: 3px; } a.linkbutton-primary:hover, a.linkbutton-secondary:hover, a.linkbutton-accent:hover, .btn-primary:hover { background: var(--col-primary-opa); border-color: var(--col-primary-opa); border-bottom-color: var(--col-primary); } a.linkbutton-secondary { background: var(--col-secondary); color: var(--col-secondary-text); border-color: var(--col-secondary); } a.linkbutton-secondary:hover { background: var(--col-secondary-opa); border-color: var(--col-secondary); } a.linkbutton-accent { background: var(--col-accent); color: var(--col-accent-text); border-color: var(--col-accent); } a.linkbutton-accent:hover { background: var(--col-accent-opa); } a.linkbutton-textonly { background: none !important; color: var(--col-primary) !important; font-size: 0.955em; border: none; border-bottom: 3px solid var(--col-primary); padding: 0px 20px 2px 0px !important; border-radius: 0px !important; text-decoration: none; animation-duration: 1s; animation-fill-mode: both; } a.linkbutton-textonly:hover { text-decoration: none; animation-name: pulse; } @keyframes pulse { 0% { transform: scale(1); } 50% { transform: scale(1.15); } 100% { transform: scale(1); } } a.linkbutton-primary:last-child, a.linkbutton-secondary:last-child, a.linkbutton-accent:last-child, a.linkbutton-textonly:last-child { margin-bottom: 0px; } /* Farb-Themes */ .bc-light a.linkbutton-primary, .bc-light a.linkbutton-secondary, .bc-light a.linkbutton-accent, .bc-light .btn-primary { background: var(--col-accent); color: var(--col-secondary); border-color: var(--col-primary-opa); } .bc-light a.linkbutton-secondary { color: var(--col-secondary); } .bc-light a.linkbutton-accent { color: var(--col-accent-text); } .bc-light a.linkbutton-primary:hover, .bc-light a.linkbutton-secondary:hover, .bc-light a.linkbutton-accent:hover, .bc-light .btn-primary:hover { background: var(--col-primary-opa); color: var(--col-primary-text); border-color: var(--col-primary); } .bc-dark a.linkbutton-primary, .bc-dark a.linkbutton-secondary, .bc-dark .btn-primary { color: var(--col-primary-text); } .bc-dark a.linkbutton-primary:hover { } .bc-dark a.linkbutton-accent { border-color: var(--col-primary); } .bc-dark a.linkbutton-accent:hover { border-color: var(--col-secondary); } 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; } /* .dcalendarpicker .dudp__calendar-header { margin: 0px; } .dcalendarpicker .dudp__cal-container .dudp__btn-cal-prev, .dcalendarpicker .dudp__cal-container .dudp__btn-cal-next { top: 3px !important; } .dcalendarpicker .dudp__cal-container .dudp__calendar { padding-top: 5px !important; } .dcalendarpicker.dp__open:not([inline="true"]) { background: var(--col-overlay) !important; } .dcalendarpicker:not([inline="true"]) .dudp__wrapper, .dcalendarpicker .dudp__wrapper .dudp__calendar-header { background: var(--col-primary) !important; } .dcalendarpicker:not([inline="true"]) .dudp__wrapper { bottom: auto !important; top: 50%; opacity: 0; transform: translate(-50%, 0%) !important; transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important; } .dcalendarpicker.dp__open:not([inline="true"]) .dudp__wrapper { opacity: 1; transform: translate(-50%, -50%) !important; } */ .flatpickr-calendar-overlay { display: block; position: fixed; z-index: -10; background: var(--col-overlay); top: 0px; left: 0px; width: 100%; height: 100%; opacity: 0; transition: all 0.3s ease; } .flatpickr-calendar-overlay.open { z-index: 99990; opacity: 1; } .flatpickr-calendar { display: block !important; position: fixed !important; z-index: -1; top: 75% !important; left: 50% !important; transform: translate(-50%, -50%) !important; animation: none !important; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important; box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12) !important; opacity: 0; visibility: visible !important; border-top: 10px solid var(--col-primary) !important; width: 320px !important; max-width: 95%; max-height: none !important; } .flatpickr-calendar.open { top: 50% !important; opacity: 1; } .flatpickr-calendar .flatpickr-days, .flatpickr-calendar .dayContainer { width: 100%; min-width: 0px; } .flatpickr-calendar:before, .flatpickr-calendar:after { display: none !important; } .flatpickr-calendar .flatpickr-innerContainer { justify-content: center; padding: 0px 3px; } .flatpickr-calendar .flatpickr-close button { background: var(--col-primary); color: var(--col-primary-text); display: block; border: none; margin: 10px 0px -1px; padding: 15px 10px; width: 100%; font-weight: bold; cursor: pointer; border-radius: 0 0 4px 4px; transition: all 0.3s ease; } .flatpickr-calendar .flatpickr-close button:hover { background: var(--col-primary-opa); } .flatpickr-calendar .flatpickr-day, .flatpickr-calendar .flatpickr-day.selected { border-radius: 5px; line-height: 36px; font-size: 14px; } .flatpickr-calendar .flatpickr-day.selected.startRange, .flatpickr-calendar .flatpickr-day.startRange.startRange, .flatpickr-calendar .flatpickr-day.endRange.startRange { border-radius: 5px 0 0 5px; } .flatpickr-calendar .flatpickr-day.selected.endRange, .flatpickr-calendar .flatpickr-day.startRange.endRange, .flatpickr-calendar .flatpickr-day.endRange.endRange { border-radius: 0 5px 5px 0; } .flatpickr-calendar .flatpickr-months .flatpickr-disabled { display: block !important; pointer-events: none; cursor: none; } .flatpickr-calendar .flatpickr-months .flatpickr-disabled svg { opacity: 0; } .flatpickr-calendar .flatpickr-months { padding: 10px 0px; } .flatpickr-calendar .flatpickr-months .flatpickr-prev-month, .flatpickr-calendar .flatpickr-months .flatpickr-next-month { position: static; } .flatpickr-calendar .flatpickr-months > span:hover svg { fill: var(--col-primary); } .flatpickr-calendar .flatpickr-time { margin-top: 10px; padding: 10px 3px; max-height: none; height: auto !important; } .flatpickr-calendar .flatpickr-time input { pointer-events: none !important; user-select: none !important; } .flatpickr-calendar .flatpickr-time input:focus + span, .flatpickr-calendar .flatpickr-time input:focus + span+span { opacity: 1; } .flatpickr-calendar .flatpickr-time .numInputWrapper span { width: 22px; } .flatpickr-calendar .flatpickr-time .numInputWrapper span.arrowUp:after { top: 38%; } html.mobile.touch .flatpickr-calendar .flatpickr-time .numInputWrapper span { opacity: 1 !important; } .flatpickr-calendar .flatpickr-time .numInputWrapper span:after { left: 50%; transform: translateX(-50%); } .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 { background: var(--col-primary) !important; opacity: 1 !important; text-shadow: none !important; } #swipebox-top-bar { /*display: none !important;*/ 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: #FFF !important; } #swipebox-close:before, #swipebox-close:after { content:''; position: absolute; top: 50%; left: 50%; background: var(--col-primary); 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 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 */ /* 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 */ nav li { margin-left: 2px; } nav li a, #servicenav a.linkbutton-service { padding: 18px 13px; font-size: 15px; border-radius: 5px; margin: 2px 0px; } /* sonstiges */ .video-galerie.videogrid-3, .audio-galerie.audiogrid-3 { -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; } .content .checkboxcontainer .form-check-group > * { flex-basis: 33.333%; } } @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 */ /*h1, h2, span.schrift-header { font-size: 35px; }*/ /*span.schrift-accent { font-size: 26px; }*/ /*h3 { font-size: 31px; } h4 { font-size: 27px; } h5, h6 { font-size: 23px; }*/ .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-left: 30px; margin-right: 30px; } header .slider .slG-slide { height: 540px !important; } nav li { margin-left: 2px; } nav li a { padding: 20px 15px; } /*footer .inner { padding: 50px 50px; }*/ span.schrift-header { font-size: 37px; } span.schrift-accent { font-size: 27px; } /* 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; } /* Projekt-Anpassungen globaler Klassen */ .bgOlay-jacob:after { background: url(/assets/schraffur-tablet.png) repeat-x center bottom; } /* mobile Nav */ nav#mainnav, nav#mainNav > ul, header .right, .suche, header #servicenav { display: none !important; } .navmail, .navmenu { display: flex !important; } .navopener, .navcloser, header .navline { height: 90px; } .navopener, .navcloser { position: absolute; top: 0px; right: 0px; z-index: 1000; 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; background: var(--col-primary); } .navopener-inner { position: relative; padding: 20px 10px; } .navopener span { display: block; position: relative; width: 34px; } .navopener span.nav-icon { background: #FFF; height: 2px; transition: all 0.3s ease; transform-origin: center; } .navopener span.nav-icon:nth-child(1) { top: -9px; } .navopener span.nav-icon:nth-child(2) { width: 24px; margin: 0px 0px 0px auto; } .navopener span.nav-icon:nth-child(3) { top: 9px; width: 12px; margin: 0px 0px 0px auto; } .navopener:hover span.nav-icon:nth-child(1) { /*transform: translateY(-2px);*/ } .navopener:hover span.nav-icon:nth-child(2) { /*transform: translateY(0px);*/ width: 34px; } .navopener:hover span.nav-icon:nth-child(3) { /*transform: translateY(2px);*/ width: 34px; } .navcloser { height: 90px; right: 3px; } .navcloser span.nav-icon { width: 34px !important; } .navcloser span.nav-icon:nth-child(1) { transform: rotate(-45deg); top: 2px; } .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-secondary); border: none; word-wrap: break-word; transition: all 0.35s ease; } nav#mobileNav:after, nav#mobileNav:before { content: ''; background: var(--col-secondary); position: absolute; z-index: 10; top: 0px; left: 0px; height: 110px; right: 35px; box-shadow: 0px 0px 10px 10px var(--col-secondary); } nav#mobileNav:after { top: auto; bottom: 0px; } 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 25px 110px 25px; } 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; padding-right: 50px; font-size: 17px; padding: 15px 10px; hyphens: auto; } 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 0px 12px 20px; display: block; margin: 0px 0px 1px; font-size: 16px; } nav#mobileNav ul ul li a:hover, nav#mobileNav ul ul li a.selected { /*background: var(--col-accent);*/ } nav#mobileNav ul ul li a:before, nav#mobileNav ul ul li a:after { display: none; } nav#mobileNav #servicenav { position: absolute; bottom: 10px; left: 50%; z-index: 100; transform: translateX(-50%); padding: 10px 12px; } nav#mobileNav a.linkbutton-meta { background: var(--col-primary); color: var(--col-primary-text); } nav#mobileNav a.linkbutton-meta:hover { background: #FFF; color: var(--col-secondary); } nav#mobileNav a.linkbutton-meta i { margin-right: 5px; } .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 */ div[id]:not([id=""]), section[id]:not([id=""]) { scroll-margin-top: 90px; } /* ScrollOffset Oben für feststehende Kopfzeile */ header > div .inner { height: 100%; justify-content: flex-start; } header .navline { padding: 0px 20px 0px; } header .slider .slG-slide { height: 480px !important; } .footerlist a { font-size: 15px; } /* sonstiges */ .ueberschrift > * { letter-spacing: 3px; overflow-wrap: break-word; word-wrap: break-word; word-break: break-word; -webkit-hyphens: auto; hyphens: auto; } .ueberschrift:before, .ueberschrift:after { flex-basis: 10%; } .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; } .teamGalerie { gap: 50px 30px; } .feedlist.feed-squares .fl-item { flex-basis: 150px; } .content .checkboxcontainer .form-check-group > * { flex-basis: 50%; } table.tabelle-formatiert tr { display: flex; flex-wrap: wrap; padding-bottom: 16px; width: 100%; } table.tabelle-formatiert thead tr { padding-bottom: 0px; } table.tabelle-formatiert tbody { /*border-top: 10px solid var(--col-primary-opa);*/ } table.tabelle-formatiert td { flex: 1 0 50%; padding-bottom: 0px; } table.tabelle-formatiert td:nth-child(2n+1) { padding-left: 26px; } table.tabelle-formatiert td:nth-child(2n+2) { padding-right: 26px; } table.tabelle-formatiert td:before { display: block; content: attr(data-title); padding: 4px 8px 4px 0px; background: none; color: var(--col-text); } table.tabelle-formatiert th:not(.table-action), table.tabelle-formatiert td.table-action:before { display: none; } table.tabelle-formatiert th.table-action { width: 100%; padding-right: 16px; } table.tabelle-formatiert td.table-action { align-self: flex-end; padding-right: 16px; } /* Akkordeon & Tabs */ /* alle vertikalen Tabs auf Zeilen umstellen */ .akktabsblock-tabs.atb-tabs-vertical1, .akktabsblock-tabs.atb-tabs-vertical2 { flex-direction: column; } .akktabsblock-tabs.atb-tabs-vertical1 .atb-tabsNav, .akktabsblock-tabs.atb-tabs-vertical2 .atb-tabsNav { padding-right: 0px; padding-bottom: 35px; } .akktabsblock-tabs.atb-tabs-vertical1 .atb-tabsNav { padding-bottom: 10px; } .akktabsblock-tabs.atb-tabs-vertical1 .atb-tabsNav ul, .akktabsblock-tabs.atb-tabs-vertical2 .atb-tabsNav ul { display: block; max-width: none; } .akktabsblock-tabs.atb-tabs-vertical1 .atb-tabsNav li, .akktabsblock-tabs.atb-tabs-vertical2 .atb-tabsNav li { display: inline-block; margin-right: 5px; width: auto; } .akktabsblock-tabs.atb-tabs-vertical1 .atb-tabsNav li { margin-right: 25px; } .akktabsblock-tabs.atb-tabs-vertical1 .atb-tabsNav li.active span:after { transform: rotate(90deg) translateX(3px); } } @media screen and (max-width:800px){ /* Blöcke */ footer .fbox { flex: 1 1 100%; padding-right: 0px; text-align: center; } footer .fbox2 { display: none; } footer img { margin: 0px auto 25px; } footer .socials a { margin: 15px 15px 0px; } .footernav ul { display: block; } .footernav li { margin: 15px 8px 0px; } /* sonstiges */ /*h1, h2, span.schrift-header { font-size: 30px; }*/ /*span.schrift-accent { font-size: 22px; }*/ /*h3 { font-size: 27px; } h4 { font-size: 23px; } h5, h6 { font-size: 19px; }*/ /* h1, h2 { margin-bottom: 45px; } h3, h4, h5, h6 { margin-bottom: 30px; } */ .zeilenabstand.nomobile { display: none; } .zeilenabstand.nodesktop { display: block; } .zeilenabstand.halfmobile { font-style: italic; } .lbGalerie-stripV.lbG-grid6, .lbGalerie-stripV.lbG-grid7, .lbGalerie-stripV.lbG-grid8 { --lbG-grid: 5; } .lbGalerie-masonry, .lbGalerie-squares { --lbG-grid: 3 !important; } .slGalerie .slG-slide.slG-mh-nomobile { min-height: 0px !important; } img.bild-rechts-mit-textfluss, img.bild-rechts-mit-textfluss, img.bild-links-mit-textfluss-und-rahmen, img.bild-rechts-mit-textfluss-und-rahmen { display: block; margin: 25px auto; float: none; } .teamGalerie-circle .tG-item { flex-basis: 190px; } .teamGalerie .tG-name { font-size: 20px; } /* Akkordeon & Tabs /* /* alle horizontalen (Block)Tabs umstellen auf Akkordeon */ .akktabsblock-tabs.atb-tabs-default div.atb-tab, .akktabsblock-tabs.atb-tabs-boxed1 div.atb-tab { display: block; } .akktabsblock-tabs.atb-tabs-default .atb-tabsNav, .akktabsblock-tabs.atb-tabs-boxed1 .atb-tabsNav { display: none; } .akktabsblock-tabs.atb-tabs-default .atb-text.active > div, .akktabsblock-tabs.atb-tabs-boxed1 .atb-text.active > div { border: 1px solid var(--col-primary); border-bottom-width: 0px; } .akktabsblock-tabs.atb-tabs-default .atb-text:last-child > div, .akktabsblock-tabs.atb-tabs-boxed1 .atb-text:last-child > div { border: 1px solid var(--col-primary); border-bottom-width: 1px; } .akktabsblock-tabs.atb-tabs-default .atb-tab, .akktabsblock-tabs.atb-tabs-boxed1 .atb-tab { margin: 0px -1px; top: auto; } .akktabsblock-tabs.atb-tabs-default .atb-tab:nth-child(n + 2), .akktabsblock-tabs.atb-tabs-boxed1 .atb-tab:nth-child(n + 2) { border-radius: 0px; } .akktabsblock-tabs.atb-tabs-boxed1 .atb-tab.active { margin-bottom: 0px; } .akktabsblock-tabs.atb-tabs-default .atb-tabsContent, .akktabsblock-tabs.atb-tabs-boxed1 .atb-tabsContent { border: 0px; } } @media screen and (max-width:720px){ /* Blöcke */ header .slider .slG-slide { height: 400px !important; } /* 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){ /* Projekt-Anpassungen globaler Klassen */ .bgOlay-jacob:after { background: url(/assets/schraffur-mobile.png) repeat-x center bottom; } /* Blöcke */ /* sonstiges */ h1, h2, h3, h4, h5, h6, .ueberschrift > * { letter-spacing: 1px; } .slGalerie .slG-text2, .slGalerie .slG-link, .slGalerie .slG-content .slG-textseparator { display: none !important; } .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; } .newsteaser .teaser { flex-wrap: wrap; margin-top: 80px; } .newsteaser .teaser > * { width: 100% !important; } .newsteaser .teaserimage { margin: 0px 0px 25px; } .newsteaser .teasercontent { margin: 0px !important; } .teamGalerie { gap: 30px; } .content .checkboxcontainer .form-check-group > * { flex-basis: 100%; } .feedlist.feed-list .fl-item { flex-wrap: wrap; margin-top: 80px; } .feedlist.feed-list .fl-item > * { width: 100% !important; } .feedlist.feed-list .fl-image { margin: 0px 0px 25px; } .feedlist.feed-list .fl-content { margin: 0px !important; } .linkboxes-bigboxes .lbox-item { flex-basis: 100% !important; min-width: 0px; } .linkboxes-bigboxes .lbox-content { min-height: 35%; } .linkboxes-bigboxes .lbox-title { font-size: 25px; } table.tabelle-formatiert td { flex: 1 0 100%; } table.tabelle-formatiert td:not(.table-action) { padding: 16px 26px 0px !important; } /* 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-left: 15px; margin-right: 15px; } /* .glightbox-container.glightbox-clean .gclose { top: 15px !important; right: 15px; } */ header .navline { padding: 0px 15px 0px; } .logo img { max-height: 45px; } footer .fbox { text-align: center; padding: 0px 0px 30px; flex: 1 1 100%; } /* header .slider { margin: 17px 0px 0px; } header .slider .slG-slide { height: 350px !important; } */ .navopener, .navcloser, header .navline { height: 70px; } nav#mobileNav > ul { padding: 90px 25px; } nav#mobileNav a.linkbutton-login { bottom: 25px; } nav#mobileNav:after, nav#mobileNav:before { height: 90px; } .consent_manager-reopen { left: 15px; bottom: 15px; } /* sonstiges */ /*h1, h2, span.schrift-header { font-size: 25px; }*/ span.schrift-accent, .multicollist li.ml-header, .newsteaser .teaserheadline, .calendar-detail .cal-title { font-size: 20px; } /*h3 { font-size: 23px; } h4 { font-size: 21px; } h5, h6 { font-size: 19px; } h1 small, h2 small, h3 small, h4 small, h5 small, h6 small { font-size: 15px; } h1, h2 { margin-bottom: 39px; } h3, h4, h5, h6 { margin-bottom: 24px; }*/ .content .checkbox label, .content .radio label { display: block; float: none; } .content button[type=submit] { display: block; margin-left: 0px; transform: none; width: 100%; } .multicollist li.ml-item span.ml-title { font-size: 1em; font-weight: bold; } .feedlist.feed-squares .fl-item { flex-basis: 130px; } .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 .slG-slide.slG-mh-nomobile { min-height: 0px !important; } .slGalerie.slG-nav-nomobile .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%; } /* Akkordeon & Tabs */ /* alle vertikalen Tabs auf volle Breite */ .akktabsblock-tabs.atb-tabs-vertical2 .atb-tabsNav li, .akktabsblock-tabs.atb-tabs-vertical1 .atb-tabsNav li { display: block; margin-right: 0px; } } @media screen and (max-width:420px){ /* Blöcke */ header .slider .slG-slide { height: 230px !important; } /* sonstiges */ /* h1 { font-size: 25px; } h2, .multicollist li.ml-header, .newsteaser .teaserheadline, .calendar-detail .cal-title { font-size: 21px; } h3 { font-size: 20px; } */ span.schrift-header { font-size: 25px; } span.schrift-accent { font-size: 21px; } .newsteaser .teaserlink a { display: block; text-align: center; } .lbGalerie-stripV .lbG-thumb { max-height: 450px; } } @media screen and (max-width:380px){ /* Blöcke */ /* sonstiges */ } /* Querformat-Anpassungen */ @media screen and (min-width:400px) and (max-height:600px){ /* header .slider .slG-slide { height: 400px !important; } */ .navopener, .navcloser { height: 70px; } .logo img { max-height: 45px; } header .topline { padding: 5px 20px; } header .navline { padding: 7px 20px; height: auto; } nav#mobileNav a.linkbutton-login { top: 35px; bottom: auto; left: 16px; transform: translateY(-50%); } nav#mobileNav > ul { padding: 90px 25px 30px; } nav#mobileNav:before { height: 90px; } nav#mobileNav:after { height: 30px; } } @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} /** * 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} [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)} .flatpickr-calendar{background:transparent;opacity:0;display:none;text-align:center;visibility:hidden;padding:0;-webkit-animation:none;animation:none;direction:ltr;border:0;font-size:14px;line-height:24px;border-radius:5px;position:absolute;width:307.875px;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-touch-action:manipulation;touch-action:manipulation;background:#fff;-webkit-box-shadow:1px 0 0 #e6e6e6,-1px 0 0 #e6e6e6,0 1px 0 #e6e6e6,0 -1px 0 #e6e6e6,0 3px 13px rgba(0,0,0,0.08);box-shadow:1px 0 0 #e6e6e6,-1px 0 0 #e6e6e6,0 1px 0 #e6e6e6,0 -1px 0 #e6e6e6,0 3px 13px rgba(0,0,0,0.08)}.flatpickr-calendar.open,.flatpickr-calendar.inline{opacity:1;max-height:640px;visibility:visible}.flatpickr-calendar.open{display:inline-block;z-index:99999}.flatpickr-calendar.animate.open{-webkit-animation:fpFadeInDown 300ms cubic-bezier(.23,1,.32,1);animation:fpFadeInDown 300ms cubic-bezier(.23,1,.32,1)}.flatpickr-calendar.inline{display:block;position:relative;top:2px}.flatpickr-calendar.static{position:absolute;top:calc(100% + 2px)}.flatpickr-calendar.static.open{z-index:999;display:block}.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7){-webkit-box-shadow:none !important;box-shadow:none !important}.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1){-webkit-box-shadow:-2px 0 0 #e6e6e6,5px 0 0 #e6e6e6;box-shadow:-2px 0 0 #e6e6e6,5px 0 0 #e6e6e6}.flatpickr-calendar .hasWeeks .dayContainer,.flatpickr-calendar .hasTime .dayContainer{border-bottom:0;border-bottom-right-radius:0;border-bottom-left-radius:0}.flatpickr-calendar .hasWeeks .dayContainer{border-left:0}.flatpickr-calendar.hasTime .flatpickr-time{height:40px;border-top:1px solid #e6e6e6}.flatpickr-calendar.noCalendar.hasTime .flatpickr-time{height:auto}.flatpickr-calendar:before,.flatpickr-calendar:after{position:absolute;display:block;pointer-events:none;border:solid transparent;content:'';height:0;width:0;left:22px}.flatpickr-calendar.rightMost:before,.flatpickr-calendar.arrowRight:before,.flatpickr-calendar.rightMost:after,.flatpickr-calendar.arrowRight:after{left:auto;right:22px}.flatpickr-calendar.arrowCenter:before,.flatpickr-calendar.arrowCenter:after{left:50%;right:50%}.flatpickr-calendar:before{border-width:5px;margin:0 -5px}.flatpickr-calendar:after{border-width:4px;margin:0 -4px}.flatpickr-calendar.arrowTop:before,.flatpickr-calendar.arrowTop:after{bottom:100%}.flatpickr-calendar.arrowTop:before{border-bottom-color:#e6e6e6}.flatpickr-calendar.arrowTop:after{border-bottom-color:#fff}.flatpickr-calendar.arrowBottom:before,.flatpickr-calendar.arrowBottom:after{top:100%}.flatpickr-calendar.arrowBottom:before{border-top-color:#e6e6e6}.flatpickr-calendar.arrowBottom:after{border-top-color:#fff}.flatpickr-calendar:focus{outline:0}.flatpickr-wrapper{position:relative;display:inline-block}.flatpickr-months{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.flatpickr-months .flatpickr-month{background:transparent;color:rgba(0,0,0,0.9);fill:rgba(0,0,0,0.9);height:34px;line-height:1;text-align:center;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:hidden;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.flatpickr-months .flatpickr-prev-month,.flatpickr-months .flatpickr-next-month{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;text-decoration:none;cursor:pointer;position:absolute;top:0;height:34px;padding:10px;z-index:3;color:rgba(0,0,0,0.9);fill:rgba(0,0,0,0.9)}.flatpickr-months .flatpickr-prev-month.flatpickr-disabled,.flatpickr-months .flatpickr-next-month.flatpickr-disabled{display:none}.flatpickr-months .flatpickr-prev-month i,.flatpickr-months .flatpickr-next-month i{position:relative}.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,.flatpickr-months .flatpickr-next-month.flatpickr-prev-month{/* /*rtl:begin:ignore*/left:0/* /*rtl:end:ignore*/}/* /*rtl:begin:ignore*/ /* /*rtl:end:ignore*/ .flatpickr-months .flatpickr-prev-month.flatpickr-next-month,.flatpickr-months .flatpickr-next-month.flatpickr-next-month{/* /*rtl:begin:ignore*/right:0/* /*rtl:end:ignore*/}/* /*rtl:begin:ignore*/ /* /*rtl:end:ignore*/ .flatpickr-months .flatpickr-prev-month:hover,.flatpickr-months .flatpickr-next-month:hover{color:#959ea9}.flatpickr-months .flatpickr-prev-month:hover svg,.flatpickr-months .flatpickr-next-month:hover svg{fill:#f64747}.flatpickr-months .flatpickr-prev-month svg,.flatpickr-months .flatpickr-next-month svg{width:14px;height:14px}.flatpickr-months .flatpickr-prev-month svg path,.flatpickr-months .flatpickr-next-month svg path{-webkit-transition:fill .1s;transition:fill .1s;fill:inherit}.numInputWrapper{position:relative;height:auto}.numInputWrapper input,.numInputWrapper span{display:inline-block}.numInputWrapper input{width:100%}.numInputWrapper input::-ms-clear{display:none}.numInputWrapper input::-webkit-outer-spin-button,.numInputWrapper input::-webkit-inner-spin-button{margin:0;-webkit-appearance:none}.numInputWrapper span{position:absolute;right:0;width:14px;padding:0 4px 0 2px;height:50%;line-height:50%;opacity:0;cursor:pointer;border:1px solid rgba(57,57,57,0.15);-webkit-box-sizing:border-box;box-sizing:border-box}.numInputWrapper span:hover{background:rgba(0,0,0,0.1)}.numInputWrapper span:active{background:rgba(0,0,0,0.2)}.numInputWrapper span:after{display:block;content:"";position:absolute}.numInputWrapper span.arrowUp{top:0;border-bottom:0}.numInputWrapper span.arrowUp:after{border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:4px solid rgba(57,57,57,0.6);top:26%}.numInputWrapper span.arrowDown{top:50%}.numInputWrapper span.arrowDown:after{border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid rgba(57,57,57,0.6);top:40%}.numInputWrapper span svg{width:inherit;height:auto}.numInputWrapper span svg path{fill:rgba(0,0,0,0.5)}.numInputWrapper:hover{background:rgba(0,0,0,0.05)}.numInputWrapper:hover span{opacity:1}.flatpickr-current-month{font-size:135%;line-height:inherit;font-weight:300;color:inherit;position:absolute;width:75%;left:12.5%;padding:7.48px 0 0 0;line-height:1;height:34px;display:inline-block;text-align:center;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.flatpickr-current-month span.cur-month{font-family:inherit;font-weight:700;color:inherit;display:inline-block;margin-left:.5ch;padding:0}.flatpickr-current-month span.cur-month:hover{background:rgba(0,0,0,0.05)}.flatpickr-current-month .numInputWrapper{width:6ch;width:7ch\0;display:inline-block}.flatpickr-current-month .numInputWrapper span.arrowUp:after{border-bottom-color:rgba(0,0,0,0.9)}.flatpickr-current-month .numInputWrapper span.arrowDown:after{border-top-color:rgba(0,0,0,0.9)}.flatpickr-current-month input.cur-year{background:transparent;-webkit-box-sizing:border-box;box-sizing:border-box;color:inherit;cursor:text;padding:0 0 0 .5ch;margin:0;display:inline-block;font-size:inherit;font-family:inherit;font-weight:300;line-height:inherit;height:auto;border:0;border-radius:0;vertical-align:initial;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.flatpickr-current-month input.cur-year:focus{outline:0}.flatpickr-current-month input.cur-year[disabled],.flatpickr-current-month input.cur-year[disabled]:hover{font-size:100%;color:rgba(0,0,0,0.5);background:transparent;pointer-events:none}.flatpickr-current-month .flatpickr-monthDropdown-months{appearance:menulist;background:transparent;border:none;border-radius:0;box-sizing:border-box;color:inherit;cursor:pointer;font-size:inherit;font-family:inherit;font-weight:300;height:auto;line-height:inherit;margin:-1px 0 0 0;outline:none;padding:0 0 0 .5ch;position:relative;vertical-align:initial;-webkit-box-sizing:border-box;-webkit-appearance:menulist;-moz-appearance:menulist;width:auto}.flatpickr-current-month .flatpickr-monthDropdown-months:focus,.flatpickr-current-month .flatpickr-monthDropdown-months:active{outline:none}.flatpickr-current-month .flatpickr-monthDropdown-months:hover{background:rgba(0,0,0,0.05)}.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month{background-color:transparent;outline:none;padding:0}.flatpickr-weekdays{background:transparent;text-align:center;overflow:hidden;width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;height:28px}.flatpickr-weekdays .flatpickr-weekdaycontainer{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}span.flatpickr-weekday{cursor:default;font-size:90%;background:transparent;color:rgba(0,0,0,0.54);line-height:1;margin:0;text-align:center;display:block;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;font-weight:bolder}.dayContainer,.flatpickr-weeks{padding:1px 0 0 0}.flatpickr-days{position:relative;overflow:hidden;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;width:307.875px}.flatpickr-days:focus{outline:0}.dayContainer{padding:0;outline:0;text-align:left;width:307.875px;min-width:307.875px;max-width:307.875px;-webkit-box-sizing:border-box;box-sizing:border-box;display:inline-block;display:-ms-flexbox;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-wrap:wrap;-ms-flex-pack:justify;-webkit-justify-content:space-around;justify-content:space-around;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}.dayContainer + .dayContainer{-webkit-box-shadow:-1px 0 0 #e6e6e6;box-shadow:-1px 0 0 #e6e6e6}.flatpickr-day{background:none;border:1px solid transparent;border-radius:150px;-webkit-box-sizing:border-box;box-sizing:border-box;color:#393939;cursor:pointer;font-weight:400;width:14.2857143%;-webkit-flex-basis:14.2857143%;-ms-flex-preferred-size:14.2857143%;flex-basis:14.2857143%;max-width:39px;height:39px;line-height:39px;margin:0;display:inline-block;position:relative;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;text-align:center}.flatpickr-day.inRange,.flatpickr-day.prevMonthDay.inRange,.flatpickr-day.nextMonthDay.inRange,.flatpickr-day.today.inRange,.flatpickr-day.prevMonthDay.today.inRange,.flatpickr-day.nextMonthDay.today.inRange,.flatpickr-day:hover,.flatpickr-day.prevMonthDay:hover,.flatpickr-day.nextMonthDay:hover,.flatpickr-day:focus,.flatpickr-day.prevMonthDay:focus,.flatpickr-day.nextMonthDay:focus{cursor:pointer;outline:0;background:#e6e6e6;border-color:#e6e6e6}.flatpickr-day.today{border-color:#959ea9}.flatpickr-day.today:hover,.flatpickr-day.today:focus{border-color:#959ea9;background:#959ea9;color:#fff}.flatpickr-day.selected,.flatpickr-day.startRange,.flatpickr-day.endRange,.flatpickr-day.selected.inRange,.flatpickr-day.startRange.inRange,.flatpickr-day.endRange.inRange,.flatpickr-day.selected:focus,.flatpickr-day.startRange:focus,.flatpickr-day.endRange:focus,.flatpickr-day.selected:hover,.flatpickr-day.startRange:hover,.flatpickr-day.endRange:hover,.flatpickr-day.selected.prevMonthDay,.flatpickr-day.startRange.prevMonthDay,.flatpickr-day.endRange.prevMonthDay,.flatpickr-day.selected.nextMonthDay,.flatpickr-day.startRange.nextMonthDay,.flatpickr-day.endRange.nextMonthDay{background:#569ff7;-webkit-box-shadow:none;box-shadow:none;color:#fff;border-color:#569ff7}.flatpickr-day.selected.startRange,.flatpickr-day.startRange.startRange,.flatpickr-day.endRange.startRange{border-radius:50px 0 0 50px}.flatpickr-day.selected.endRange,.flatpickr-day.startRange.endRange,.flatpickr-day.endRange.endRange{border-radius:0 50px 50px 0}.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)),.flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)),.flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)){-webkit-box-shadow:-10px 0 0 #569ff7;box-shadow:-10px 0 0 #569ff7}.flatpickr-day.selected.startRange.endRange,.flatpickr-day.startRange.startRange.endRange,.flatpickr-day.endRange.startRange.endRange{border-radius:50px}.flatpickr-day.inRange{border-radius:0;-webkit-box-shadow:-5px 0 0 #e6e6e6,5px 0 0 #e6e6e6;box-shadow:-5px 0 0 #e6e6e6,5px 0 0 #e6e6e6}.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover,.flatpickr-day.prevMonthDay,.flatpickr-day.nextMonthDay,.flatpickr-day.notAllowed,.flatpickr-day.notAllowed.prevMonthDay,.flatpickr-day.notAllowed.nextMonthDay{color:rgba(57,57,57,0.3);background:transparent;border-color:transparent;cursor:default}.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover{cursor:not-allowed;color:rgba(57,57,57,0.1)}.flatpickr-day.week.selected{border-radius:0;-webkit-box-shadow:-5px 0 0 #569ff7,5px 0 0 #569ff7;box-shadow:-5px 0 0 #569ff7,5px 0 0 #569ff7}.flatpickr-day.hidden{visibility:hidden}.rangeMode .flatpickr-day{margin-top:1px}.flatpickr-weekwrapper{float:left}.flatpickr-weekwrapper .flatpickr-weeks{padding:0 12px;-webkit-box-shadow:1px 0 0 #e6e6e6;box-shadow:1px 0 0 #e6e6e6}.flatpickr-weekwrapper .flatpickr-weekday{float:none;width:100%;line-height:28px}.flatpickr-weekwrapper span.flatpickr-day,.flatpickr-weekwrapper span.flatpickr-day:hover{display:block;width:100%;max-width:none;color:rgba(57,57,57,0.3);background:transparent;cursor:default;border:none}.flatpickr-innerContainer{display:block;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden}.flatpickr-rContainer{display:inline-block;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}.flatpickr-time{text-align:center;outline:0;display:block;height:0;line-height:40px;max-height:40px;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.flatpickr-time:after{content:"";display:table;clear:both}.flatpickr-time .numInputWrapper{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;width:40%;height:40px;float:left}.flatpickr-time .numInputWrapper span.arrowUp:after{border-bottom-color:#393939}.flatpickr-time .numInputWrapper span.arrowDown:after{border-top-color:#393939}.flatpickr-time.hasSeconds .numInputWrapper{width:26%}.flatpickr-time.time24hr .numInputWrapper{width:49%}.flatpickr-time input{background:transparent;-webkit-box-shadow:none;box-shadow:none;border:0;border-radius:0;text-align:center;margin:0;padding:0;height:inherit;line-height:inherit;color:#393939;font-size:14px;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.flatpickr-time input.flatpickr-hour{font-weight:bold}.flatpickr-time input.flatpickr-minute,.flatpickr-time input.flatpickr-second{font-weight:400}.flatpickr-time input:focus{outline:0;border:0}.flatpickr-time .flatpickr-time-separator,.flatpickr-time .flatpickr-am-pm{height:inherit;float:left;line-height:inherit;color:#393939;font-weight:bold;width:2%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-align-self:center;-ms-flex-item-align:center;align-self:center}.flatpickr-time .flatpickr-am-pm{outline:0;width:18%;cursor:pointer;text-align:center;font-weight:400}.flatpickr-time input:hover,.flatpickr-time .flatpickr-am-pm:hover,.flatpickr-time input:focus,.flatpickr-time .flatpickr-am-pm:focus{background:#eee}.flatpickr-input[readonly]{cursor:pointer}@-webkit-keyframes fpFadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes fpFadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}} .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}}