/* res_id: cbd601553b73bdf1e424948a3f5648a7 */ @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: 'Ubuntu', sans-serif; */ /* Vorgaben */ :root { --col-primary: rgb(131,33,125); /* globale 1. Projektfarbe */ --col-primary-opa: rgba(131,33,125, 0.70); /* mit Opazität */ --col-primary-text: #FFF; /* Textfarbe */ --col-secondary: rgb(75,83,91); /* globale 2. Projektfarbe */ --col-secondary-opa: rgba(75,83,91, 0.80); /* mit Opazität */ --col-secondary-text: #FFF; /* Textfarbe */ --col-accent: rgb(238,238,238); /* globale 3. Projektfarbe (Akzentfarbe) */ --col-accent-opa: rgba(238,238,238, 0.80); /* mit Opazität */ --col-accent-text: rgb(75,83,91); /* Textfarbe */ --col-text: #636363; /* globale Schriftfarbe */ --col-light: #FFF; /* für Basis-Farbset (z.B. Gridblock) */ --col-dark: #222; /* für Basis-Farbset (z.B. Gridblock) */ --col-overlay: rgba(0,0,0, 0.4); /* für Lightbox-Overlays */ --col-background: rgb(163,170,159); /* 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: 18px; /* globale Basis-Schriftgröße für Text */ --fontsize-header: clamp(27px, 4vw, 2.85rem); /* globale Schriftgröße für Header-liked Texte */ --fontsize-title: clamp(27px, 4vw, 2.4rem); /* globale Schriftgröße für Modul-Titel */ --fontsize-accent: clamp(23px, 4vw, 2.75rem); /* 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; } */ /* BG-Image/Video + Parallax-Effekt (FM) ab CS_v1.3.4 + Helper_v1.3.2 */ .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; } .farallax-wrapper img { position: static !important; display: block; width: 100% !important; height: 100% !important; margin: 0px !important; padding: 0px !important; float: none !important; } .bgFill-cover > .farallax-wrapper * { background-size: cover; object-fit: cover; } .bgFill-contain > .farallax-wrapper * { background-size: contain; object-fit: 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-xxxx:after { content: ''; position: absolute; z-index: 1; width: 100%; height: 63%; bottom: 0px; left: 0px; } .bgOlay-xxxx:after { background: linear-gradient(0deg, #1355A0 0%, rgba(249,197,180,0) 100%); } */ /* Standard */ * { margin: 0px; padding: 0px; box-sizing: border-box; } html { scroll-behavior: smooth; } body { background: var(--col-background); } 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 20px; text-align: left; letter-spacing: normal; padding: 0px 0px; /*text-transform: uppercase;*/ position: relative; overflow-wrap: break-word; word-wrap: break-word; word-break: break-word; -webkit-hyphens: auto; hyphens: auto; } h1 small, h2 small, h3 small, h4 small, h5 small, h6 small { display: block; font-weight: normal; font-size: 0.65em; margin-top: 7px; color: var(--col-primary-opa); font-family: inherit; letter-spacing: inherit; line-height: 1.1; } .ueberschrift { display: flex; align-items: center; justify-content: center; margin: 0px 0px 10px; } .ueberschrift-h3, .ueberschrift-h4, .ueberschrift-h5, .ueberschrift-h6 { margin-bottom: 20px; } h3, h4, h5, h6, .ueberschrift-h3, .ueberschrift-h4, .ueberschrift-h5, .ueberschrift-h6s { color: var(--col-text); } h2 { font-size: var(--fontsize-accent); } h3 { font-size: clamp(23px, 4vw, 1.8rem); } h4 { font-size: clamp(21px, 4vw, 1.6rem); } h5, h6 {font-size: clamp(19px, 4vw, 1.4rem); } 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; height: 2px; background: var(--col-primary); width: 80px; margin: 27px auto 0px; }*/ h4:after, h5:after, h6:after { margin-top: 20px; } seitenueberschrift h1:after { margin-top: 20px; } .ueberschrift.left > * { text-align: left; justify-content: flex-start; } .ueberschrift.center > * { text-align: center; justify-content: center; } .ueberschrift.right > * { text-align: right; justify-content: flex-end; } /* Farb-Themes */ /*.bc-dark .ueberschrift > *:after { background: var(--col-accent); }*/ p { margin-bottom: 15px; } p:last-child { margin-bottom: 0px; } a { color: var(--col-primary); 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; list-style-type: none; } ul { list-style-type: square; } ol { list-style-type: decimal; } li { position: relative; margin-bottom: 8px; font-weight: normal; line-height: 1.2; } /* 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: #FFF; box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.1); transition: all 0.25s ease; } header > div { padding: 10px 20px; } header > div .inner { display: flex; justify-content: center; align-items: center; max-width: 1800px; margin: 0px auto; padding: 0px; } header.fixto-fixed { position: fixed; left: 0px !important; right: 0px !important; } .logo { transition: all 0.3s ease; } .logo a { display: flex; } .logo img { max-height: 58px; width: auto; } #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 */ .navtop { position: fixed; bottom: 20px; right: -70px; z-index: 1000; display: block; width: 50px; height: 50px; overflow: hidden; margin: 0px auto; cursor: pointer; background: #FFF; border: 1px solid var(--col-primary); border-radius: 50%; text-align: center; color: var(--col-primary); font-size: 20px; box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px; -webkit-transition: all 350ms cubic-bezier(0.600, 0, 0.735, 0.045); transition: all 350ms cubic-bezier(0.600, -0.280, 0.735, 0.045); -webkit-transition-timing-function: cubic-bezier(0.600, 0, 0.735, 0.045); transition-timing-function: cubic-bezier(0.600, -0.280, 0.735, 0.045); } .navtop span { display: none; } .navtop i { transition: all 0.3s ease; line-height: 50px; vertical-align: middle; transform: translateY(-1px); } .navtop:hover { border: 1px solid var(--col-primary-opa); } .navtop:hover i { color: var(--col-primary-opa); } .navtop.ntshow { right: 20px; -webkit-transition: all 350ms cubic-bezier(0.175, 0.885, 0.320, 1); transition: all 350ms cubic-bezier(0.175, 0.885, 0.320, 1.275); -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.275); } /* .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; } nav ul { display: inline-block; 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 28px; padding: 0px; list-style-type: none; } nav li a { position: relative; display: block; font-family: var(--font-header); font-size: 15px; font-weight: bold; color: var(--col-secondary); text-transform: uppercase; text-decoration: none; margin: 5px 0px 0px; padding: 10px 1px; overflow: hidden; transition: none; transition: all 0.3s ease; letter-spacing: 0.5px; } nav li a:hover, nav li a.selected, nav li a.rex-current { color: var(--col-secondary); } 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ü */ /*ul.dropdown > li:hover > a:before { opacity: 1; }*/ /* Design des Klappmenüs */ ul.dropdown ul { display: block; visibility: hidden; opacity: 0; position: absolute; top: 40px; left: 50%; margin: 0px; padding: 10px 0px 0px; z-index: 500; width: auto; max-width: 250px; height: auto; text-transform: none; transition: opacity 0.3s ease; transform: translateX(-50%, 10%); } ul.dropdown ul .childlist { background: var(--col-primary); color: #FFF; box-shadow: 0px 6px 4px 0px rgba(0,0,0, 0.4); border-bottom: 1px solid #FFF; padding: 15px 20px; } /*ul.dropdown li:last-child ul { margin: 0px 0px 0px auto; left: auto; right: -30px; transform: none; }*/ ul.dropdown ul li { display: block; margin: 0px; padding: 0px; height: auto; min-height: 0px; border: none; /*word-wrap: break-word;*/ } /* Design des Pfeils */ /* 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; color: #FFF; line-height: 1.2; text-align: center; overflow: visible; } ul.dropdown ul li a:before, ul.dropdown ul li a:after { content:'\f0da'; font-family: "Font Awesome 5 Free"; font-size: 14px; font-weight: 900; color: #FFF; position: absolute; top: 50%; left: -7px; bottom: auto; right: auto; transform: translateY(-50%); opacity: 0; transition: all 0.25s ease; width: auto; height: auto; margin: 0px; background: none; } ul.dropdown ul li a:after { content:'\f0d9'; left: auto; right: -7px; } ul.dropdown ul li a:hover:before, ul.dropdown ul li a:hover:after, ul.dropdown ul li a.selected:before, ul.dropdown ul li a.selected:after { opacity: 1; } /* show Status */ ul.dropdown li.haschilds a:hover+ul, ul.dropdown li ul:hover, ul.dropdown li ul.opened { z-index: 10000; visibility: visible; opacity: 1; pointer-events: auto; } /* Klappmenü - ENDE */ /* sonstige Blöcke */ section { margin: 0px auto; background: var(--section-backgroundcss, #FFF); overflow: hidden; } section#content { margin: 0px 0px; padding: 0px; position: relative; z-index: 15; } .content { padding: 0px 0px; margin: 0px auto; min-height: 300px; } .content img { max-width: 100%; height: auto; } /* maximale Bildbreite bei mobiler Ansicht für Inhaltsbilder */ footer { background: var(--col-footer); color: var(--col-footer-text); padding: 45px 35px; } footer .inner { display: flex; justify-content: center; align-items: flex-start; flex-wrap: wrap; max-width: 1400px; margin: 0px auto; padding: 0px; text-align: center; } footer img { display: block; margin-bottom: 25px; } footer a { color: var(--col-footer-text); 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 .fbox { flex: 1 1 50%; padding: 0px 80px 30px 0px; } footer .fbox1 {} footer .fbox2 { /*padding-right: 0px;*/ } footer .socials { margin: 50px 0px 0px; } footer .socials a { color: #FFF; font-size: 40px; margin: 15px 30px 0px 0px; } footer .socials a:hover { opacity: 0.80; text-decoration: none; } footer .socials span { display: none; } .footerheader { margin: 15px 0px 40px; font-family: var(--font-header); font-weight: 500; line-height: 1.2; letter-spacing: normal; font-size: 25px; color: #FFF; opacity: 0.5; } .footernav { flex: 0 0 100%; width: 100%; text-align: center; /*margin-top: 35px;*/ } .footernav ul { display: inline-block; } .footernav li, .footernav .consent { font-size: 12px; text-transform: uppercase; margin: 0px 8px 15px; } .footernav a { /*opacity: 0.75;*/ } .footernav .consent { display: inline-block; /*margin: 15px 0 0; font-size: 11px;*/ } /* Module + Content */ /* Modul: Formulargenerator (ab v1.2.6) + Standardformular (ab v1.0) */ .content form { margin: 0px; display: block; } .content form > * { /*padding: 0px;*/ } .content form p { margin: 0px; } .content label { display: block; text-align: left; position: relative; margin: 0px 0px 5px; font-size: 0.8em; display: none; } /* Standard = Top */ .content .form-check-group label { display: none; } .content .form-radiogroup label { display: inline-block; transform: none; clear: right; } .content input, .content textarea, .content select, .content .choices__inner { position: relative; width: 100%; margin: 0px 0px 15px 0px; border: 1px solid #CCC !important; padding: 13px 15px; font-family: var(--font-text); font-size: 18px; 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: none; box-shadow: 0px 0px 5px 0px var(--col-primary-opa); } .content textarea { height: 120px; padding: 11px 13px; } .content select { -webkit-appearance: menulist-button; padding: 9px 10px; min-width: 75px; min-height: 44px; width: 100%; } .content .form-label-placeholder label { display: none; } .content .form-label-left .form-group label { width: 100%; max-width: 200px; float: left; padding: 10px 15px 0px 0px; } .content .form-label-left .form-group input, .content .form-label-left .form-group textarea, .content .form-label-left .form-group select, .content .form-label-left .form-group .choices__inner { max-width: calc(100% - 200px); } .content .form-label-top label { /* Standard = siehe oben */ } .content .form-label-right .form-group label { display: inline-block; width: auto; float: right; margin: -18px 8px 0px 20px; text-align: left; background: var(--col-primary); color: var(--col-primary-text); padding: 2px 6px 0px; font-size: 12px; border-radius: 5px; transform: translateY(11px); border: 2px solid #FFF; position: relative; z-index: 5; } .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; transition: all 0.3s ease; cursor: pointer; margin: 35px auto 0px; } .content button[type=submit].left { margin-left: 0px; } .content button[type=submit].right { margin-right: 0px; } .content .form-check-group { margin: 0px 0px 15px; } .content .form-radiogroup { margin: 11px 0px 15px; } .content .form-check-group:after, .content .form-radiogroup:after { content:''; display: block; float: none; clear: both; } .content input[type=radio], .content input[type=checkbox] { width: auto; /*margin: 0px;*/ padding: 0px; } .content input.checkbox { width: auto; vertical-align: -webkit-baseline-middle; } .content label.checkbox { float: none; width: auto; } /* styled checkbox / radio */ .content .checkbox label, .content .radio label { display: inline-block; float: left; width: auto; position: relative; padding: 0px 0px 0px 30px; margin: 5px 50px 0px 0px; background: none; color: inherit; font-size: inherit; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; transform: none; border-radius: 0px; border: none; } .content .checkbox label { margin-right: 0px; } .content .checkbox label input, .content .radio label input { position: absolute; cursor: pointer; top: 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-primary); 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, .content .forminfo-required { 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; } /* Icons Standardformular (FA5) */ .content .form-icons .form-group { position: relative; } .content .form-icons .form-group input, .content .form-icons .form-group textarea { padding-left: 45px; } .content .form-icons .form-group:after { position: absolute; bottom: 24px; left: 13px; z-index: 10; display: inline-flex; font-family: 'Font Awesome 5 Free'; font-weight: 900; font-size: 20px; color: var(--col-primary-opa); pointer-events: none; } .content .form-icons .form-group[id$=-name]:after { content:'\f007'; } .content .form-icons .form-group[id$=-phone]:after { content:'\f879'; } .content .form-icons .form-group[id$=-email]:after { content:'\f0e0'; } .content .form-icons .form-group[id$=-company]:after { content:'\f1ad'; } .content .form-icons .form-group[id$=-message]:after { content:'\f5b7'; bottom: 105px; } .content .form-icons.form-label-left .form-group:after { left: calc(200px + 13px); } /* 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;*/ display: 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); } @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.5) */ .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 { overflow: hidden; } .linkboxes-clean-grid1 .lbox-inner { display: flex; flex-wrap: wrap; gap: 0px; justify-content: flex-start; margin: 0px -1px -1px 0px; } .linkboxes-clean-grid1.lbox-count-1 .lbox-inner { margin-bottom: 0px; } .linkboxes-clean-grid1 .lbox-item { flex: 0 0 33.3333%; align-items: flex-start; justify-content: flex-start; padding: 43px 45px; 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 { flex-basis: 100%; min-height: 0px; } .linkboxes-clean-grid1.lbox-count-2 .lbox-item { flex-basis: 50%; } .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-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; text-shadow: 1px -1px 0px rgb(255,255,255, 0.5); 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; } /* Style 1 */ .linkboxes-style1 { column-gap: 45px; margin-bottom: 25px; } .linkboxes-style1 .lbox-item { flex: 1 1 320px; max-width: 350px; padding: 30px 35px; border: none; min-height: 220px; background: #222; align-items: flex-start; } .linkboxes-style1 .lbox-image { position: absolute; top: 50%; right: -8%; padding: 0px; margin: 0px; display: block; width: 55%; height: 128px; border: none; overflow: hidden; transform: translate(0%, -50%); transition: all 0.35s ease; z-index: 10; pointer-events: none; image-rendering: pixelated; image-rendering: -webkit-optimize-contrast; } .linkboxes-style1 .lbox-image img { max-height: none; width: 100%; height: 100%; object-fit: cover; object-position: center; image-rendering: pixelated; image-rendering: -webkit-optimize-contrast; } .linkboxes-style1 .lbox-content { position: static; width: 48%; padding: 0px; opacity: 1; } .linkboxes-style1 .lbox-content > * { color: #FFF; text-align: right; opacity: 1; transition: all 0.5s ease; } .linkboxes-style1 .lbox-title { text-transform: uppercase; margin-bottom: 5px; font-family: var(--font-accent); } .linkboxes-style1 .lbox-text { font-size: 0.8em; line-height: 1.35; } .linkboxes-style1 .lbox-item.haslink:hover .lbox-content > * { opacity: 0; transform: translateX(20px); } .linkboxes-style1 .lbox-item.haslink:hover .lbox-image { width: 100%; height: 100%; right: 0%; } /* 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; 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: var(--col-secondary-opa); color: var(--col-secondary-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-secondary); border-color: var(--col-secondary); } .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-break: break-all; 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-text); background: var(--col-secondary-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-primary-opa); 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-break: break-all; } .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; } /* 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: 2px; 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:not(.gridtemplate-1col) .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; } /* Modul: RSS-Feed / Feeds (ab v1.2.3) */ .feedlist { margin: 0px; padding: 0px; } .feedlist .fl-item { display: flex; flex-direction: row; flex-wrap: nowrap; margin: 65px 0px 0px 0px; padding: 0px; transition: all 0.3s ease; } .feedlist .fl-item.first { border: none !important; margin-top: 0px !important; } .feedlist .fl-item.minmargin { margin-top: 35px; } .feedlist .fl-item.minmargin.hasnoimage.hasnotext { margin-top: 25px; } .feedlist .fl-image { position: relative; margin: 0px; margin-right: 15px; /*aspect-ratio: 1/1;*/ } .feedlist .fl-image figure { /*position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; aspect-ratio: 1/1;*/ overflow: hidden; } .feedlist .fl-image img { width: 100%; height: auto; } .feedlist .fl-image span { display: block; background: rgba(150,150,150, 0.1); aspect-ratio: 3/2; } /* Platzhalter-Bild */ .feedlist .fl-image a { position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; margin: 0px; padding: 0px; z-index: 10; } .feedlist .fl-image.ratio20-80 { width: 20%; } .feedlist .fl-image.ratio25-75 { width: 25%; } .feedlist .fl-image.ratio30-70 { width: 30%; } .feedlist .fl-image.ratio35-65 { width: 35%; } .feedlist .fl-image.ratio40-60 { width: 40%; } .feedlist .fl-image.ratio45-55 { width: 45%; } .feedlist .fl-image.ratio50-50 { width: 50%; } .feedlist .fl-content { width: 100%; margin: 0px; padding: 0px; } .feedlist .fl-item.hasimage .fl-content { margin-left: 15px; } .feedlist .fl-content.ratio20-80 { width: 80%; } .feedlist .fl-content.ratio25-75 { width: 75%; } .feedlist .fl-content.ratio30-70 { width: 70%; } .feedlist .fl-content.ratio35-65 { width: 65%; } .feedlist .fl-content.ratio40-60 { width: 60%; } .feedlist .fl-content.ratio45-55 { width: 55%; } .feedlist .fl-content.ratio50-50 { width: 50%; } .feedlist .fl-headline a { color: var(--col-text); text-decoration: none; } .feedlist .fl-headline { font-family: var(--font-header); font-size: var(--fontsize-title); font-weight: bold; text-transform: uppercase; text-decoration: none; line-height: 1.25; } .feedlist .fl-title { word-break: break-word; text-overflow: ellipsis; } .feedlist .fl-date { margin: 4px 0px 0px; font-size: 0.85em; color: #999; } .feedlist .fl-item.minmargin.hasnoimage .fl-date { margin-top: 2px; } .feedlist .fl-date i { display: none; margin-right: 5px; } .feedlist .fl-text { margin-top: 15px; } .feedlist .fl-item.minmargin.hasnoimage .fl-text { margin-top: 7px; } .feedlist .fl-link { margin-top: 20px; } .feedlist .fl-item.minmargin.hasnoimage .fl-link { margin-top: 15px; } .feedlist .fl-item.minmargin.hasnoimage.hasnotext .fl-link { margin-top: 12px; } .feedlist .fl-link a { margin: 0px; } /* Design: Raster */ .feedlist.feed-squares { display: flex; flex-wrap: wrap; gap: 5px 5px; justify-content: center; } .feedlist.feed-squares .fl-item { flex: 0 1 180px; display: block; position: relative; vertical-align: top; margin: 0px 0px; cursor: pointer; } .feedlist.feed-squares .fl-item.bigimages { flex: 0 1 300px; } .feedlist.feed-squares .fl-image, .feedlist.feed-squares .fl-title { position: relative; width: 100%; margin: 0px; overflow: hidden; } .feedlist.feed-squares .fl-image { padding-top: 100%; background: rgba(150,150,150, 0.1); } .feedlist.feed-squares .fl-image span { aspect-ratio: auto; } .feedlist.feed-squares .fl-title { position: absolute; top: 0; left: 0; z-index: 5; display: flex; justify-items: center; align-items: center; height: 100%; padding: 15px; font-size: 13px; background: var(--col-primary-opa); text-overflow: ellipsis; line-height: 1.2; opacity: 0; transition: all 0.4s ease; } .feedlist.feed-squares .fl-title, .feedlist.feed-squares .fl-title span { color: var(--col-primary-text) !important; } .feedlist.feed-squares .fl-item.bigimages .fl-title { padding: 25px; } .feedlist.feed-squares .fl-item:hover .fl-title { opacity: 1; } .feedlist.feed-squares .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, .feedlist.feed-squares a { position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; margin: 0px; padding: 0px; object-fit: cover; object-position: center; } .feedlist.feed-squares a { z-index: 10; } /* Farb-Themes */ .bc-light .feedlist .fl-image span { background: rgba(255,255,255, 0.15); } .bc-light .feedlist .fl-headline a, .bc-light .feedlist .fl-date { color: var(--col-light); } /* 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: inline-block; text-transform: uppercase; font-size: 11px; text-align: center; margin-top: 15px; } .cthwebdesign a { opacity: 0.5; text-decoration: none !important; } .cthwebdesign a:hover { opacity: 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: 0.05em; } span.text-zeilenabstand { line-height: 1.5em; } span.text-2spaltig, ul.text-2spaltig { display: block; columns: 300px 2; column-gap: 40px; } span.text-3spaltig, ul.text-3spaltig { display: block; columns: 300px 3; column-gap: 40px; } ul.text-2spaltig, ul.text-3spaltig { column-gap: 60px; } 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.checkmark { list-style-type: none; } ul.checkmark li { padding-left: 28px; } ul.checkmark li:before { content: "\f00c"; font-weight: 900; font-family: "Font Awesome 5 Free"; margin-right: 10px; margin-left: -28px; vertical-align: bottom; } 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: 30px; } 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 { background: #EAEAEA; color: var(--col-accent-text); } table.tabelle-formatiert a.linkbutton-delete { background: #900; } table.tabelle-formatiert a.linkbutton-deletephone { background: #EAEAEA; color: var(--col-accent-text); } table.tabelle-formatiert a.linkbutton-primary.linkbutton-meta:hover { background: var(--col-accent); color: var(--col-accent-text); } /* 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: 1px 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; border: none !important; padding: 0px !important; border-radius: 0px !important; } a.linkbutton-textonly:hover { text-decoration: underline; } 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-primary); 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-accent-opa); color: var(--col-primary); border-color: var(--col-primary); } .bc-dark a.linkbutton-primary, .bc-dark a.linkbutton-secondary { 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 */ footer .fbox3 { flex: 1 1 100%; margin-bottom: 0px !important; padding-bottom: 0px !important; margin-top: 25px; } /* sonstiges */ .video-galerie.videogrid-3, .audio-galerie.audiogrid-3 { -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; } } @media screen and (max-width:1100px){ /* 3-Spalter umstellen auf: einzeilig | 2-Spalter (70-30 & 30-70) umstellen auf: einzeilig */ .gridtemplate-3col .col, .gridtemplate-70-30 .col, .gridtemplate-30-70 .col { --GBcolumns: 1; width: 100%; } .gridtemplate-3col .col.posOnMobile, .gridtemplate-70-30 .col.posOnMobile, .gridtemplate-30-70 .col.posOnMobile { top: auto !important; right: auto !important; bottom: auto !important; left: auto !important; } .gridtemplate-3col .col.posOnMobileV, .gridtemplate-70-30 .col.posOnMobileV, .gridtemplate-30-70 .col.posOnMobileV { right: auto !important; left: auto !important; } .gridtemplate-3col .ca-ml, .gridtemplate-70-30 .ca-ml, .gridtemplate-30-70 .ca-ml { justify-content: flex-start !important; } .gridtemplate-3col .ca-mc, .gridtemplate-70-30 .ca-mc, .gridtemplate-30-70 .ca-mc { justify-content: center !important; } .gridtemplate-3col .ca-mr, .gridtemplate-70-30 .ca-mr, .gridtemplate-30-70 .ca-mr { justify-content: flex-end !important; } .gridtemplate-3col .col.hideOnMobile, .gridtemplate-70-30 .col.hideOnMobile, .gridtemplate-30-70 .col.hideOnMobile { display: none !important; } /* Blöcke */ /* sonstiges */ /* h1, h2, span.schrift-header { font-size: 35px; } 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; } /*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:not(.gridtemplate-1col) .colsReverse, .gridblock:not(.gridtemplate-1col) .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 .minHeightNoMobile { min-height: 0px !important; /*height: auto !important;*/ } .gridblock .ca-ml { justify-content: flex-start !important; } .gridblock .ca-mc { justify-content: center !important; } .gridblock .ca-mr { justify-content: flex-end !important; } /* mobile Nav */ nav#mainnav, nav#mainNav > ul, header .right, .suche { display: none !important; } .navopener, .navcloser { 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: 1px; transition: transform 0.3s ease; transform-origin: center; } .navopener span.nav-icon:nth-child(1) { top: -11px; } .navopener span.nav-icon:nth-child(3) { top: 11px; } .navopener:hover span.nav-icon:nth-child(1) { transform: translateY(-2px); } .navopener:hover span.nav-icon:nth-child(2) { transform: translateY(0px); } .navopener:hover span.nav-icon:nth-child(3) { transform: translateY(2px); } .navcloser { height: 90px; right: 3px; } .navcloser span.nav-icon:nth-child(1) { transform: rotate(-45deg); top: 0px; } .navcloser:hover span.nav-icon:nth-child(1) { transform: translateY(-4px); } .navcloser:hover span.nav-icon:nth-child(2) { transform: translateY(4px); } .navcloser span.nav-icon:nth-child(2) { transform: rotate(45deg); } .navcloser span.nav-text, .navcloser span.nav-icon:nth-child(3) { display: none; } #mobileNavOverlay { width: 100%; height: 100%; position: fixed; top: 0px; left: 0px; background: var(--col-overlay); z-index: -1; opacity: 0; transition: all 0.25s ease; } #mobileNavOverlay.overlayShow { z-index: 1005; opacity: 1; } nav#mobileNav { display: block !important; position: fixed; top: 0px; right: -405px; z-index: 2000; width: 90%; max-width: 400px; height: 100%; margin: 0px; /*padding: 110px 35px;*/ padding: 0px; /*overflow-y: auto; overflow-x: hidden;*/ overflow: hidden; background: #FFF; border: none; word-wrap: break-word; /*opacity: 0;*/ transition: all 0.35s ease; } nav#mobileNav:after, nav#mobileNav:before { content: ''; background: #FFF; position: absolute; z-index: 10; top: 0px; left: 0px; height: 110px; right: 35px; box-shadow: 0px 0px 10px 10px #FFF; } 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 35px; } 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; } nav#mobileNav li a:before { left: auto; right: 50px; } nav#mobileNav li a:hover:before { opacity: 1; } nav#mobileNav ul ul li a { color: var(--col-text); text-align: left; padding: 12px 14px; display: block; margin: 0px 0px 1px; } nav#mobileNav ul ul li a:hover, nav#mobileNav ul ul li a.selected { background: var(--col-accent); } nav#mobileNav ul ul li a:before, nav#mobileNav ul ul li a:after { display: none; } .simplesidebar-opened { -webkit-transform: translate(-400px 0); -ms-transform: translate(-400px, 0); transform: translate(-400px, 0); } .simplesidebar-body { overflow-x: hidden; overflow-y: hidden; } @-moz-document url-prefix() { .simplesidebar-body { overflow-x: inherit; } } /* Blöcke */ 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 .slider .slG-slide { height: 480px !important; } .footerlist a { font-size: 15px; } /* sonstiges */ .zeilenabstand.nomobile { display: none; } .zeilenabstand.nodesktop { display: block; } .zeilenabstand.halfmobile { font-style: italic; } .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; } 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; } */ .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; } .linkboxes-clean-grid1 .lbox-item { flex-basis: 50%; padding: 33px 35px; } .linkboxes-bigboxes3 .lbox-item { flex-grow: 1; } /* 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){ /* Blöcke */ /* sonstiges */ .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; } .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 35px; } nav#mobileNav a.linkbutton-login { bottom: 25px; } nav#mobileNav:after, nav#mobileNav:before { height: 90px; } .consent_manager-reopen { left: 15px; bottom: 15px; } .navtop { bottom: 15px; } .navtop.ntshow { right: 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; } .lbGalerie-stripV { --lbG-grid: 4 !important; } .lbGalerie-stripV .lbG-thumb { max-height: 500px; } .lbGalerie-masonry, .lbGalerie-squares { --lbG-grid: 2 !important; } .linkboxes-clean-grid1 .lbox-item { flex-basis: 100% !important; min-height: 0px; padding: 25px 20px; } .linkboxes-style1 .lbox-image { top: auto; bottom: -25px; left: 50%; right: auto; width: 75%; height: 120px; transform: translate(-50.1%, 0%); } .linkboxes-style1 .lbox-content { width: 100%; padding-bottom: 90px; } .linkboxes-style1 .lbox-content > * { text-align: center; } .linkboxes-style1 .lbox-item.haslink:hover .lbox-content > * { transform: translateY(20px); } .linkboxes-style1 .lbox-item.haslink:hover .lbox-image { bottom: 0%; } .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%; } .feedlist.feed-squares .fl-item { flex-basis: 130px; } /* 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 35px 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)} /*! * Font Awesome Free 5.15.4 by @fontawesome - https://fontawesome.com * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) */ .fa,.fab,.fad,.fal,.far,.fas{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;line-height:1}.fa-lg{font-size:1.33333em;line-height:.75em;vertical-align:-.0667em}.fa-xs{font-size:.75em}.fa-sm{font-size:.875em}.fa-1x{font-size:1em}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-6x{font-size:6em}.fa-7x{font-size:7em}.fa-8x{font-size:8em}.fa-9x{font-size:9em}.fa-10x{font-size:10em}.fa-fw{text-align:center;width:1.25em}.fa-ul{list-style-type:none;margin-left:2.5em;padding-left:0}.fa-ul>li{position:relative}.fa-li{left:-2em;position:absolute;text-align:center;width:2em;line-height:inherit}.fa-border{border:.08em solid #eee;border-radius:.1em;padding:.2em .25em .15em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left,.fab.fa-pull-left,.fal.fa-pull-left,.far.fa-pull-left,.fas.fa-pull-left{margin-right:.3em}.fa.fa-pull-right,.fab.fa-pull-right,.fal.fa-pull-right,.far.fa-pull-right,.fas.fa-pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s linear infinite;animation:fa-spin 2s linear infinite}.fa-pulse{-webkit-animation:fa-spin 1s steps(8) infinite;animation:fa-spin 1s steps(8) infinite}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";-webkit-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";-webkit-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";-webkit-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";-webkit-transform:scaleX(-1);transform:scaleX(-1)}.fa-flip-vertical{-webkit-transform:scaleY(-1);transform:scaleY(-1)}.fa-flip-both,.fa-flip-horizontal.fa-flip-vertical,.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"}.fa-flip-both,.fa-flip-horizontal.fa-flip-vertical{-webkit-transform:scale(-1);transform:scale(-1)}:root .fa-flip-both,:root .fa-flip-horizontal,:root .fa-flip-vertical,:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270{-webkit-filter:none;filter:none}.fa-stack{display:inline-block;height:2em;line-height:2em;position:relative;vertical-align:middle;width:2.5em}.fa-stack-1x,.fa-stack-2x{left:0;position:absolute;text-align:center;width:100%}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-500px:before{content:"\f26e"}.fa-accessible-icon:before{content:"\f368"}.fa-accusoft:before{content:"\f369"}.fa-acquisitions-incorporated:before{content:"\f6af"}.fa-ad:before{content:"\f641"}.fa-address-book:before{content:"\f2b9"}.fa-address-card:before{content:"\f2bb"}.fa-adjust:before{content:"\f042"}.fa-adn:before{content:"\f170"}.fa-adversal:before{content:"\f36a"}.fa-affiliatetheme:before{content:"\f36b"}.fa-air-freshener:before{content:"\f5d0"}.fa-airbnb:before{content:"\f834"}.fa-algolia:before{content:"\f36c"}.fa-align-center:before{content:"\f037"}.fa-align-justify:before{content:"\f039"}.fa-align-left:before{content:"\f036"}.fa-align-right:before{content:"\f038"}.fa-alipay:before{content:"\f642"}.fa-allergies:before{content:"\f461"}.fa-amazon:before{content:"\f270"}.fa-amazon-pay:before{content:"\f42c"}.fa-ambulance:before{content:"\f0f9"}.fa-american-sign-language-interpreting:before{content:"\f2a3"}.fa-amilia:before{content:"\f36d"}.fa-anchor:before{content:"\f13d"}.fa-android:before{content:"\f17b"}.fa-angellist:before{content:"\f209"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-down:before{content:"\f107"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angry:before{content:"\f556"}.fa-angrycreative:before{content:"\f36e"}.fa-angular:before{content:"\f420"}.fa-ankh:before{content:"\f644"}.fa-app-store:before{content:"\f36f"}.fa-app-store-ios:before{content:"\f370"}.fa-apper:before{content:"\f371"}.fa-apple:before{content:"\f179"}.fa-apple-alt:before{content:"\f5d1"}.fa-apple-pay:before{content:"\f415"}.fa-archive:before{content:"\f187"}.fa-archway:before{content:"\f557"}.fa-arrow-alt-circle-down:before{content:"\f358"}.fa-arrow-alt-circle-left:before{content:"\f359"}.fa-arrow-alt-circle-right:before{content:"\f35a"}.fa-arrow-alt-circle-up:before{content:"\f35b"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-down:before{content:"\f063"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrows-alt:before{content:"\f0b2"}.fa-arrows-alt-h:before{content:"\f337"}.fa-arrows-alt-v:before{content:"\f338"}.fa-artstation:before{content:"\f77a"}.fa-assistive-listening-systems:before{content:"\f2a2"}.fa-asterisk:before{content:"\f069"}.fa-asymmetrik:before{content:"\f372"}.fa-at:before{content:"\f1fa"}.fa-atlas:before{content:"\f558"}.fa-atlassian:before{content:"\f77b"}.fa-atom:before{content:"\f5d2"}.fa-audible:before{content:"\f373"}.fa-audio-description:before{content:"\f29e"}.fa-autoprefixer:before{content:"\f41c"}.fa-avianex:before{content:"\f374"}.fa-aviato:before{content:"\f421"}.fa-award:before{content:"\f559"}.fa-aws:before{content:"\f375"}.fa-baby:before{content:"\f77c"}.fa-baby-carriage:before{content:"\f77d"}.fa-backspace:before{content:"\f55a"}.fa-backward:before{content:"\f04a"}.fa-bacon:before{content:"\f7e5"}.fa-bacteria:before{content:"\e059"}.fa-bacterium:before{content:"\e05a"}.fa-bahai:before{content:"\f666"}.fa-balance-scale:before{content:"\f24e"}.fa-balance-scale-left:before{content:"\f515"}.fa-balance-scale-right:before{content:"\f516"}.fa-ban:before{content:"\f05e"}.fa-band-aid:before{content:"\f462"}.fa-bandcamp:before{content:"\f2d5"}.fa-barcode:before{content:"\f02a"}.fa-bars:before{content:"\f0c9"}.fa-baseball-ball:before{content:"\f433"}.fa-basketball-ball:before{content:"\f434"}.fa-bath:before{content:"\f2cd"}.fa-battery-empty:before{content:"\f244"}.fa-battery-full:before{content:"\f240"}.fa-battery-half:before{content:"\f242"}.fa-battery-quarter:before{content:"\f243"}.fa-battery-three-quarters:before{content:"\f241"}.fa-battle-net:before{content:"\f835"}.fa-bed:before{content:"\f236"}.fa-beer:before{content:"\f0fc"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-bell:before{content:"\f0f3"}.fa-bell-slash:before{content:"\f1f6"}.fa-bezier-curve:before{content:"\f55b"}.fa-bible:before{content:"\f647"}.fa-bicycle:before{content:"\f206"}.fa-biking:before{content:"\f84a"}.fa-bimobject:before{content:"\f378"}.fa-binoculars:before{content:"\f1e5"}.fa-biohazard:before{content:"\f780"}.fa-birthday-cake:before{content:"\f1fd"}.fa-bitbucket:before{content:"\f171"}.fa-bitcoin:before{content:"\f379"}.fa-bity:before{content:"\f37a"}.fa-black-tie:before{content:"\f27e"}.fa-blackberry:before{content:"\f37b"}.fa-blender:before{content:"\f517"}.fa-blender-phone:before{content:"\f6b6"}.fa-blind:before{content:"\f29d"}.fa-blog:before{content:"\f781"}.fa-blogger:before{content:"\f37c"}.fa-blogger-b:before{content:"\f37d"}.fa-bluetooth:before{content:"\f293"}.fa-bluetooth-b:before{content:"\f294"}.fa-bold:before{content:"\f032"}.fa-bolt:before{content:"\f0e7"}.fa-bomb:before{content:"\f1e2"}.fa-bone:before{content:"\f5d7"}.fa-bong:before{content:"\f55c"}.fa-book:before{content:"\f02d"}.fa-book-dead:before{content:"\f6b7"}.fa-book-medical:before{content:"\f7e6"}.fa-book-open:before{content:"\f518"}.fa-book-reader:before{content:"\f5da"}.fa-bookmark:before{content:"\f02e"}.fa-bootstrap:before{content:"\f836"}.fa-border-all:before{content:"\f84c"}.fa-border-none:before{content:"\f850"}.fa-border-style:before{content:"\f853"}.fa-bowling-ball:before{content:"\f436"}.fa-box:before{content:"\f466"}.fa-box-open:before{content:"\f49e"}.fa-box-tissue:before{content:"\e05b"}.fa-boxes:before{content:"\f468"}.fa-braille:before{content:"\f2a1"}.fa-brain:before{content:"\f5dc"}.fa-bread-slice:before{content:"\f7ec"}.fa-briefcase:before{content:"\f0b1"}.fa-briefcase-medical:before{content:"\f469"}.fa-broadcast-tower:before{content:"\f519"}.fa-broom:before{content:"\f51a"}.fa-brush:before{content:"\f55d"}.fa-btc:before{content:"\f15a"}.fa-buffer:before{content:"\f837"}.fa-bug:before{content:"\f188"}.fa-building:before{content:"\f1ad"}.fa-bullhorn:before{content:"\f0a1"}.fa-bullseye:before{content:"\f140"}.fa-burn:before{content:"\f46a"}.fa-buromobelexperte:before{content:"\f37f"}.fa-bus:before{content:"\f207"}.fa-bus-alt:before{content:"\f55e"}.fa-business-time:before{content:"\f64a"}.fa-buy-n-large:before{content:"\f8a6"}.fa-buysellads:before{content:"\f20d"}.fa-calculator:before{content:"\f1ec"}.fa-calendar:before{content:"\f133"}.fa-calendar-alt:before{content:"\f073"}.fa-calendar-check:before{content:"\f274"}.fa-calendar-day:before{content:"\f783"}.fa-calendar-minus:before{content:"\f272"}.fa-calendar-plus:before{content:"\f271"}.fa-calendar-times:before{content:"\f273"}.fa-calendar-week:before{content:"\f784"}.fa-camera:before{content:"\f030"}.fa-camera-retro:before{content:"\f083"}.fa-campground:before{content:"\f6bb"}.fa-canadian-maple-leaf:before{content:"\f785"}.fa-candy-cane:before{content:"\f786"}.fa-cannabis:before{content:"\f55f"}.fa-capsules:before{content:"\f46b"}.fa-car:before{content:"\f1b9"}.fa-car-alt:before{content:"\f5de"}.fa-car-battery:before{content:"\f5df"}.fa-car-crash:before{content:"\f5e1"}.fa-car-side:before{content:"\f5e4"}.fa-caravan:before{content:"\f8ff"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-caret-square-down:before{content:"\f150"}.fa-caret-square-left:before{content:"\f191"}.fa-caret-square-right:before{content:"\f152"}.fa-caret-square-up:before{content:"\f151"}.fa-caret-up:before{content:"\f0d8"}.fa-carrot:before{content:"\f787"}.fa-cart-arrow-down:before{content:"\f218"}.fa-cart-plus:before{content:"\f217"}.fa-cash-register:before{content:"\f788"}.fa-cat:before{content:"\f6be"}.fa-cc-amazon-pay:before{content:"\f42d"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-apple-pay:before{content:"\f416"}.fa-cc-diners-club:before{content:"\f24c"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-cc-visa:before{content:"\f1f0"}.fa-centercode:before{content:"\f380"}.fa-centos:before{content:"\f789"}.fa-certificate:before{content:"\f0a3"}.fa-chair:before{content:"\f6c0"}.fa-chalkboard:before{content:"\f51b"}.fa-chalkboard-teacher:before{content:"\f51c"}.fa-charging-station:before{content:"\f5e7"}.fa-chart-area:before{content:"\f1fe"}.fa-chart-bar:before{content:"\f080"}.fa-chart-line:before{content:"\f201"}.fa-chart-pie:before{content:"\f200"}.fa-check:before{content:"\f00c"}.fa-check-circle:before{content:"\f058"}.fa-check-double:before{content:"\f560"}.fa-check-square:before{content:"\f14a"}.fa-cheese:before{content:"\f7ef"}.fa-chess:before{content:"\f439"}.fa-chess-bishop:before{content:"\f43a"}.fa-chess-board:before{content:"\f43c"}.fa-chess-king:before{content:"\f43f"}.fa-chess-knight:before{content:"\f441"}.fa-chess-pawn:before{content:"\f443"}.fa-chess-queen:before{content:"\f445"}.fa-chess-rook:before{content:"\f447"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-down:before{content:"\f078"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-chevron-up:before{content:"\f077"}.fa-child:before{content:"\f1ae"}.fa-chrome:before{content:"\f268"}.fa-chromecast:before{content:"\f838"}.fa-church:before{content:"\f51d"}.fa-circle:before{content:"\f111"}.fa-circle-notch:before{content:"\f1ce"}.fa-city:before{content:"\f64f"}.fa-clinic-medical:before{content:"\f7f2"}.fa-clipboard:before{content:"\f328"}.fa-clipboard-check:before{content:"\f46c"}.fa-clipboard-list:before{content:"\f46d"}.fa-clock:before{content:"\f017"}.fa-clone:before{content:"\f24d"}.fa-closed-captioning:before{content:"\f20a"}.fa-cloud:before{content:"\f0c2"}.fa-cloud-download-alt:before{content:"\f381"}.fa-cloud-meatball:before{content:"\f73b"}.fa-cloud-moon:before{content:"\f6c3"}.fa-cloud-moon-rain:before{content:"\f73c"}.fa-cloud-rain:before{content:"\f73d"}.fa-cloud-showers-heavy:before{content:"\f740"}.fa-cloud-sun:before{content:"\f6c4"}.fa-cloud-sun-rain:before{content:"\f743"}.fa-cloud-upload-alt:before{content:"\f382"}.fa-cloudflare:before{content:"\e07d"}.fa-cloudscale:before{content:"\f383"}.fa-cloudsmith:before{content:"\f384"}.fa-cloudversify:before{content:"\f385"}.fa-cocktail:before{content:"\f561"}.fa-code:before{content:"\f121"}.fa-code-branch:before{content:"\f126"}.fa-codepen:before{content:"\f1cb"}.fa-codiepie:before{content:"\f284"}.fa-coffee:before{content:"\f0f4"}.fa-cog:before{content:"\f013"}.fa-cogs:before{content:"\f085"}.fa-coins:before{content:"\f51e"}.fa-columns:before{content:"\f0db"}.fa-comment:before{content:"\f075"}.fa-comment-alt:before{content:"\f27a"}.fa-comment-dollar:before{content:"\f651"}.fa-comment-dots:before{content:"\f4ad"}.fa-comment-medical:before{content:"\f7f5"}.fa-comment-slash:before{content:"\f4b3"}.fa-comments:before{content:"\f086"}.fa-comments-dollar:before{content:"\f653"}.fa-compact-disc:before{content:"\f51f"}.fa-compass:before{content:"\f14e"}.fa-compress:before{content:"\f066"}.fa-compress-alt:before{content:"\f422"}.fa-compress-arrows-alt:before{content:"\f78c"}.fa-concierge-bell:before{content:"\f562"}.fa-confluence:before{content:"\f78d"}.fa-connectdevelop:before{content:"\f20e"}.fa-contao:before{content:"\f26d"}.fa-cookie:before{content:"\f563"}.fa-cookie-bite:before{content:"\f564"}.fa-copy:before{content:"\f0c5"}.fa-copyright:before{content:"\f1f9"}.fa-cotton-bureau:before{content:"\f89e"}.fa-couch:before{content:"\f4b8"}.fa-cpanel:before{content:"\f388"}.fa-creative-commons:before{content:"\f25e"}.fa-creative-commons-by:before{content:"\f4e7"}.fa-creative-commons-nc:before{content:"\f4e8"}.fa-creative-commons-nc-eu:before{content:"\f4e9"}.fa-creative-commons-nc-jp:before{content:"\f4ea"}.fa-creative-commons-nd:before{content:"\f4eb"}.fa-creative-commons-pd:before{content:"\f4ec"}.fa-creative-commons-pd-alt:before{content:"\f4ed"}.fa-creative-commons-remix:before{content:"\f4ee"}.fa-creative-commons-sa:before{content:"\f4ef"}.fa-creative-commons-sampling:before{content:"\f4f0"}.fa-creative-commons-sampling-plus:before{content:"\f4f1"}.fa-creative-commons-share:before{content:"\f4f2"}.fa-creative-commons-zero:before{content:"\f4f3"}.fa-credit-card:before{content:"\f09d"}.fa-critical-role:before{content:"\f6c9"}.fa-crop:before{content:"\f125"}.fa-crop-alt:before{content:"\f565"}.fa-cross:before{content:"\f654"}.fa-crosshairs:before{content:"\f05b"}.fa-crow:before{content:"\f520"}.fa-crown:before{content:"\f521"}.fa-crutch:before{content:"\f7f7"}.fa-css3:before{content:"\f13c"}.fa-css3-alt:before{content:"\f38b"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-cut:before{content:"\f0c4"}.fa-cuttlefish:before{content:"\f38c"}.fa-d-and-d:before{content:"\f38d"}.fa-d-and-d-beyond:before{content:"\f6ca"}.fa-dailymotion:before{content:"\e052"}.fa-dashcube:before{content:"\f210"}.fa-database:before{content:"\f1c0"}.fa-deaf:before{content:"\f2a4"}.fa-deezer:before{content:"\e077"}.fa-delicious:before{content:"\f1a5"}.fa-democrat:before{content:"\f747"}.fa-deploydog:before{content:"\f38e"}.fa-deskpro:before{content:"\f38f"}.fa-desktop:before{content:"\f108"}.fa-dev:before{content:"\f6cc"}.fa-deviantart:before{content:"\f1bd"}.fa-dharmachakra:before{content:"\f655"}.fa-dhl:before{content:"\f790"}.fa-diagnoses:before{content:"\f470"}.fa-diaspora:before{content:"\f791"}.fa-dice:before{content:"\f522"}.fa-dice-d20:before{content:"\f6cf"}.fa-dice-d6:before{content:"\f6d1"}.fa-dice-five:before{content:"\f523"}.fa-dice-four:before{content:"\f524"}.fa-dice-one:before{content:"\f525"}.fa-dice-six:before{content:"\f526"}.fa-dice-three:before{content:"\f527"}.fa-dice-two:before{content:"\f528"}.fa-digg:before{content:"\f1a6"}.fa-digital-ocean:before{content:"\f391"}.fa-digital-tachograph:before{content:"\f566"}.fa-directions:before{content:"\f5eb"}.fa-discord:before{content:"\f392"}.fa-discourse:before{content:"\f393"}.fa-disease:before{content:"\f7fa"}.fa-divide:before{content:"\f529"}.fa-dizzy:before{content:"\f567"}.fa-dna:before{content:"\f471"}.fa-dochub:before{content:"\f394"}.fa-docker:before{content:"\f395"}.fa-dog:before{content:"\f6d3"}.fa-dollar-sign:before{content:"\f155"}.fa-dolly:before{content:"\f472"}.fa-dolly-flatbed:before{content:"\f474"}.fa-donate:before{content:"\f4b9"}.fa-door-closed:before{content:"\f52a"}.fa-door-open:before{content:"\f52b"}.fa-dot-circle:before{content:"\f192"}.fa-dove:before{content:"\f4ba"}.fa-download:before{content:"\f019"}.fa-draft2digital:before{content:"\f396"}.fa-drafting-compass:before{content:"\f568"}.fa-dragon:before{content:"\f6d5"}.fa-draw-polygon:before{content:"\f5ee"}.fa-dribbble:before{content:"\f17d"}.fa-dribbble-square:before{content:"\f397"}.fa-dropbox:before{content:"\f16b"}.fa-drum:before{content:"\f569"}.fa-drum-steelpan:before{content:"\f56a"}.fa-drumstick-bite:before{content:"\f6d7"}.fa-drupal:before{content:"\f1a9"}.fa-dumbbell:before{content:"\f44b"}.fa-dumpster:before{content:"\f793"}.fa-dumpster-fire:before{content:"\f794"}.fa-dungeon:before{content:"\f6d9"}.fa-dyalog:before{content:"\f399"}.fa-earlybirds:before{content:"\f39a"}.fa-ebay:before{content:"\f4f4"}.fa-edge:before{content:"\f282"}.fa-edge-legacy:before{content:"\e078"}.fa-edit:before{content:"\f044"}.fa-egg:before{content:"\f7fb"}.fa-eject:before{content:"\f052"}.fa-elementor:before{content:"\f430"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-ello:before{content:"\f5f1"}.fa-ember:before{content:"\f423"}.fa-empire:before{content:"\f1d1"}.fa-envelope:before{content:"\f0e0"}.fa-envelope-open:before{content:"\f2b6"}.fa-envelope-open-text:before{content:"\f658"}.fa-envelope-square:before{content:"\f199"}.fa-envira:before{content:"\f299"}.fa-equals:before{content:"\f52c"}.fa-eraser:before{content:"\f12d"}.fa-erlang:before{content:"\f39d"}.fa-ethereum:before{content:"\f42e"}.fa-ethernet:before{content:"\f796"}.fa-etsy:before{content:"\f2d7"}.fa-euro-sign:before{content:"\f153"}.fa-evernote:before{content:"\f839"}.fa-exchange-alt:before{content:"\f362"}.fa-exclamation:before{content:"\f12a"}.fa-exclamation-circle:before{content:"\f06a"}.fa-exclamation-triangle:before{content:"\f071"}.fa-expand:before{content:"\f065"}.fa-expand-alt:before{content:"\f424"}.fa-expand-arrows-alt:before{content:"\f31e"}.fa-expeditedssl:before{content:"\f23e"}.fa-external-link-alt:before{content:"\f35d"}.fa-external-link-square-alt:before{content:"\f360"}.fa-eye:before{content:"\f06e"}.fa-eye-dropper:before{content:"\f1fb"}.fa-eye-slash:before{content:"\f070"}.fa-facebook:before{content:"\f09a"}.fa-facebook-f:before{content:"\f39e"}.fa-facebook-messenger:before{content:"\f39f"}.fa-facebook-square:before{content:"\f082"}.fa-fan:before{content:"\f863"}.fa-fantasy-flight-games:before{content:"\f6dc"}.fa-fast-backward:before{content:"\f049"}.fa-fast-forward:before{content:"\f050"}.fa-faucet:before{content:"\e005"}.fa-fax:before{content:"\f1ac"}.fa-feather:before{content:"\f52d"}.fa-feather-alt:before{content:"\f56b"}.fa-fedex:before{content:"\f797"}.fa-fedora:before{content:"\f798"}.fa-female:before{content:"\f182"}.fa-fighter-jet:before{content:"\f0fb"}.fa-figma:before{content:"\f799"}.fa-file:before{content:"\f15b"}.fa-file-alt:before{content:"\f15c"}.fa-file-archive:before{content:"\f1c6"}.fa-file-audio:before{content:"\f1c7"}.fa-file-code:before{content:"\f1c9"}.fa-file-contract:before{content:"\f56c"}.fa-file-csv:before{content:"\f6dd"}.fa-file-download:before{content:"\f56d"}.fa-file-excel:before{content:"\f1c3"}.fa-file-export:before{content:"\f56e"}.fa-file-image:before{content:"\f1c5"}.fa-file-import:before{content:"\f56f"}.fa-file-invoice:before{content:"\f570"}.fa-file-invoice-dollar:before{content:"\f571"}.fa-file-medical:before{content:"\f477"}.fa-file-medical-alt:before{content:"\f478"}.fa-file-pdf:before{content:"\f1c1"}.fa-file-powerpoint:before{content:"\f1c4"}.fa-file-prescription:before{content:"\f572"}.fa-file-signature:before{content:"\f573"}.fa-file-upload:before{content:"\f574"}.fa-file-video:before{content:"\f1c8"}.fa-file-word:before{content:"\f1c2"}.fa-fill:before{content:"\f575"}.fa-fill-drip:before{content:"\f576"}.fa-film:before{content:"\f008"}.fa-filter:before{content:"\f0b0"}.fa-fingerprint:before{content:"\f577"}.fa-fire:before{content:"\f06d"}.fa-fire-alt:before{content:"\f7e4"}.fa-fire-extinguisher:before{content:"\f134"}.fa-firefox:before{content:"\f269"}.fa-firefox-browser:before{content:"\e007"}.fa-first-aid:before{content:"\f479"}.fa-first-order:before{content:"\f2b0"}.fa-first-order-alt:before{content:"\f50a"}.fa-firstdraft:before{content:"\f3a1"}.fa-fish:before{content:"\f578"}.fa-fist-raised:before{content:"\f6de"}.fa-flag:before{content:"\f024"}.fa-flag-checkered:before{content:"\f11e"}.fa-flag-usa:before{content:"\f74d"}.fa-flask:before{content:"\f0c3"}.fa-flickr:before{content:"\f16e"}.fa-flipboard:before{content:"\f44d"}.fa-flushed:before{content:"\f579"}.fa-fly:before{content:"\f417"}.fa-folder:before{content:"\f07b"}.fa-folder-minus:before{content:"\f65d"}.fa-folder-open:before{content:"\f07c"}.fa-folder-plus:before{content:"\f65e"}.fa-font:before{content:"\f031"}.fa-font-awesome:before{content:"\f2b4"}.fa-font-awesome-alt:before{content:"\f35c"}.fa-font-awesome-flag:before{content:"\f425"}.fa-font-awesome-logo-full:before{content:"\f4e6"}.fa-fonticons:before{content:"\f280"}.fa-fonticons-fi:before{content:"\f3a2"}.fa-football-ball:before{content:"\f44e"}.fa-fort-awesome:before{content:"\f286"}.fa-fort-awesome-alt:before{content:"\f3a3"}.fa-forumbee:before{content:"\f211"}.fa-forward:before{content:"\f04e"}.fa-foursquare:before{content:"\f180"}.fa-free-code-camp:before{content:"\f2c5"}.fa-freebsd:before{content:"\f3a4"}.fa-frog:before{content:"\f52e"}.fa-frown:before{content:"\f119"}.fa-frown-open:before{content:"\f57a"}.fa-fulcrum:before{content:"\f50b"}.fa-funnel-dollar:before{content:"\f662"}.fa-futbol:before{content:"\f1e3"}.fa-galactic-republic:before{content:"\f50c"}.fa-galactic-senate:before{content:"\f50d"}.fa-gamepad:before{content:"\f11b"}.fa-gas-pump:before{content:"\f52f"}.fa-gavel:before{content:"\f0e3"}.fa-gem:before{content:"\f3a5"}.fa-genderless:before{content:"\f22d"}.fa-get-pocket:before{content:"\f265"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-ghost:before{content:"\f6e2"}.fa-gift:before{content:"\f06b"}.fa-gifts:before{content:"\f79c"}.fa-git:before{content:"\f1d3"}.fa-git-alt:before{content:"\f841"}.fa-git-square:before{content:"\f1d2"}.fa-github:before{content:"\f09b"}.fa-github-alt:before{content:"\f113"}.fa-github-square:before{content:"\f092"}.fa-gitkraken:before{content:"\f3a6"}.fa-gitlab:before{content:"\f296"}.fa-gitter:before{content:"\f426"}.fa-glass-cheers:before{content:"\f79f"}.fa-glass-martini:before{content:"\f000"}.fa-glass-martini-alt:before{content:"\f57b"}.fa-glass-whiskey:before{content:"\f7a0"}.fa-glasses:before{content:"\f530"}.fa-glide:before{content:"\f2a5"}.fa-glide-g:before{content:"\f2a6"}.fa-globe:before{content:"\f0ac"}.fa-globe-africa:before{content:"\f57c"}.fa-globe-americas:before{content:"\f57d"}.fa-globe-asia:before{content:"\f57e"}.fa-globe-europe:before{content:"\f7a2"}.fa-gofore:before{content:"\f3a7"}.fa-golf-ball:before{content:"\f450"}.fa-goodreads:before{content:"\f3a8"}.fa-goodreads-g:before{content:"\f3a9"}.fa-google:before{content:"\f1a0"}.fa-google-drive:before{content:"\f3aa"}.fa-google-pay:before{content:"\e079"}.fa-google-play:before{content:"\f3ab"}.fa-google-plus:before{content:"\f2b3"}.fa-google-plus-g:before{content:"\f0d5"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-wallet:before{content:"\f1ee"}.fa-gopuram:before{content:"\f664"}.fa-graduation-cap:before{content:"\f19d"}.fa-gratipay:before{content:"\f184"}.fa-grav:before{content:"\f2d6"}.fa-greater-than:before{content:"\f531"}.fa-greater-than-equal:before{content:"\f532"}.fa-grimace:before{content:"\f57f"}.fa-grin:before{content:"\f580"}.fa-grin-alt:before{content:"\f581"}.fa-grin-beam:before{content:"\f582"}.fa-grin-beam-sweat:before{content:"\f583"}.fa-grin-hearts:before{content:"\f584"}.fa-grin-squint:before{content:"\f585"}.fa-grin-squint-tears:before{content:"\f586"}.fa-grin-stars:before{content:"\f587"}.fa-grin-tears:before{content:"\f588"}.fa-grin-tongue:before{content:"\f589"}.fa-grin-tongue-squint:before{content:"\f58a"}.fa-grin-tongue-wink:before{content:"\f58b"}.fa-grin-wink:before{content:"\f58c"}.fa-grip-horizontal:before{content:"\f58d"}.fa-grip-lines:before{content:"\f7a4"}.fa-grip-lines-vertical:before{content:"\f7a5"}.fa-grip-vertical:before{content:"\f58e"}.fa-gripfire:before{content:"\f3ac"}.fa-grunt:before{content:"\f3ad"}.fa-guilded:before{content:"\e07e"}.fa-guitar:before{content:"\f7a6"}.fa-gulp:before{content:"\f3ae"}.fa-h-square:before{content:"\f0fd"}.fa-hacker-news:before{content:"\f1d4"}.fa-hacker-news-square:before{content:"\f3af"}.fa-hackerrank:before{content:"\f5f7"}.fa-hamburger:before{content:"\f805"}.fa-hammer:before{content:"\f6e3"}.fa-hamsa:before{content:"\f665"}.fa-hand-holding:before{content:"\f4bd"}.fa-hand-holding-heart:before{content:"\f4be"}.fa-hand-holding-medical:before{content:"\e05c"}.fa-hand-holding-usd:before{content:"\f4c0"}.fa-hand-holding-water:before{content:"\f4c1"}.fa-hand-lizard:before{content:"\f258"}.fa-hand-middle-finger:before{content:"\f806"}.fa-hand-paper:before{content:"\f256"}.fa-hand-peace:before{content:"\f25b"}.fa-hand-point-down:before{content:"\f0a7"}.fa-hand-point-left:before{content:"\f0a5"}.fa-hand-point-right:before{content:"\f0a4"}.fa-hand-point-up:before{content:"\f0a6"}.fa-hand-pointer:before{content:"\f25a"}.fa-hand-rock:before{content:"\f255"}.fa-hand-scissors:before{content:"\f257"}.fa-hand-sparkles:before{content:"\e05d"}.fa-hand-spock:before{content:"\f259"}.fa-hands:before{content:"\f4c2"}.fa-hands-helping:before{content:"\f4c4"}.fa-hands-wash:before{content:"\e05e"}.fa-handshake:before{content:"\f2b5"}.fa-handshake-alt-slash:before{content:"\e05f"}.fa-handshake-slash:before{content:"\e060"}.fa-hanukiah:before{content:"\f6e6"}.fa-hard-hat:before{content:"\f807"}.fa-hashtag:before{content:"\f292"}.fa-hat-cowboy:before{content:"\f8c0"}.fa-hat-cowboy-side:before{content:"\f8c1"}.fa-hat-wizard:before{content:"\f6e8"}.fa-hdd:before{content:"\f0a0"}.fa-head-side-cough:before{content:"\e061"}.fa-head-side-cough-slash:before{content:"\e062"}.fa-head-side-mask:before{content:"\e063"}.fa-head-side-virus:before{content:"\e064"}.fa-heading:before{content:"\f1dc"}.fa-headphones:before{content:"\f025"}.fa-headphones-alt:before{content:"\f58f"}.fa-headset:before{content:"\f590"}.fa-heart:before{content:"\f004"}.fa-heart-broken:before{content:"\f7a9"}.fa-heartbeat:before{content:"\f21e"}.fa-helicopter:before{content:"\f533"}.fa-highlighter:before{content:"\f591"}.fa-hiking:before{content:"\f6ec"}.fa-hippo:before{content:"\f6ed"}.fa-hips:before{content:"\f452"}.fa-hire-a-helper:before{content:"\f3b0"}.fa-history:before{content:"\f1da"}.fa-hive:before{content:"\e07f"}.fa-hockey-puck:before{content:"\f453"}.fa-holly-berry:before{content:"\f7aa"}.fa-home:before{content:"\f015"}.fa-hooli:before{content:"\f427"}.fa-hornbill:before{content:"\f592"}.fa-horse:before{content:"\f6f0"}.fa-horse-head:before{content:"\f7ab"}.fa-hospital:before{content:"\f0f8"}.fa-hospital-alt:before{content:"\f47d"}.fa-hospital-symbol:before{content:"\f47e"}.fa-hospital-user:before{content:"\f80d"}.fa-hot-tub:before{content:"\f593"}.fa-hotdog:before{content:"\f80f"}.fa-hotel:before{content:"\f594"}.fa-hotjar:before{content:"\f3b1"}.fa-hourglass:before{content:"\f254"}.fa-hourglass-end:before{content:"\f253"}.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-start:before{content:"\f251"}.fa-house-damage:before{content:"\f6f1"}.fa-house-user:before{content:"\e065"}.fa-houzz:before{content:"\f27c"}.fa-hryvnia:before{content:"\f6f2"}.fa-html5:before{content:"\f13b"}.fa-hubspot:before{content:"\f3b2"}.fa-i-cursor:before{content:"\f246"}.fa-ice-cream:before{content:"\f810"}.fa-icicles:before{content:"\f7ad"}.fa-icons:before{content:"\f86d"}.fa-id-badge:before{content:"\f2c1"}.fa-id-card:before{content:"\f2c2"}.fa-id-card-alt:before{content:"\f47f"}.fa-ideal:before{content:"\e013"}.fa-igloo:before{content:"\f7ae"}.fa-image:before{content:"\f03e"}.fa-images:before{content:"\f302"}.fa-imdb:before{content:"\f2d8"}.fa-inbox:before{content:"\f01c"}.fa-indent:before{content:"\f03c"}.fa-industry:before{content:"\f275"}.fa-infinity:before{content:"\f534"}.fa-info:before{content:"\f129"}.fa-info-circle:before{content:"\f05a"}.fa-innosoft:before{content:"\e080"}.fa-instagram:before{content:"\f16d"}.fa-instagram-square:before{content:"\e055"}.fa-instalod:before{content:"\e081"}.fa-intercom:before{content:"\f7af"}.fa-internet-explorer:before{content:"\f26b"}.fa-invision:before{content:"\f7b0"}.fa-ioxhost:before{content:"\f208"}.fa-italic:before{content:"\f033"}.fa-itch-io:before{content:"\f83a"}.fa-itunes:before{content:"\f3b4"}.fa-itunes-note:before{content:"\f3b5"}.fa-java:before{content:"\f4e4"}.fa-jedi:before{content:"\f669"}.fa-jedi-order:before{content:"\f50e"}.fa-jenkins:before{content:"\f3b6"}.fa-jira:before{content:"\f7b1"}.fa-joget:before{content:"\f3b7"}.fa-joint:before{content:"\f595"}.fa-joomla:before{content:"\f1aa"}.fa-journal-whills:before{content:"\f66a"}.fa-js:before{content:"\f3b8"}.fa-js-square:before{content:"\f3b9"}.fa-jsfiddle:before{content:"\f1cc"}.fa-kaaba:before{content:"\f66b"}.fa-kaggle:before{content:"\f5fa"}.fa-key:before{content:"\f084"}.fa-keybase:before{content:"\f4f5"}.fa-keyboard:before{content:"\f11c"}.fa-keycdn:before{content:"\f3ba"}.fa-khanda:before{content:"\f66d"}.fa-kickstarter:before{content:"\f3bb"}.fa-kickstarter-k:before{content:"\f3bc"}.fa-kiss:before{content:"\f596"}.fa-kiss-beam:before{content:"\f597"}.fa-kiss-wink-heart:before{content:"\f598"}.fa-kiwi-bird:before{content:"\f535"}.fa-korvue:before{content:"\f42f"}.fa-landmark:before{content:"\f66f"}.fa-language:before{content:"\f1ab"}.fa-laptop:before{content:"\f109"}.fa-laptop-code:before{content:"\f5fc"}.fa-laptop-house:before{content:"\e066"}.fa-laptop-medical:before{content:"\f812"}.fa-laravel:before{content:"\f3bd"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-laugh:before{content:"\f599"}.fa-laugh-beam:before{content:"\f59a"}.fa-laugh-squint:before{content:"\f59b"}.fa-laugh-wink:before{content:"\f59c"}.fa-layer-group:before{content:"\f5fd"}.fa-leaf:before{content:"\f06c"}.fa-leanpub:before{content:"\f212"}.fa-lemon:before{content:"\f094"}.fa-less:before{content:"\f41d"}.fa-less-than:before{content:"\f536"}.fa-less-than-equal:before{content:"\f537"}.fa-level-down-alt:before{content:"\f3be"}.fa-level-up-alt:before{content:"\f3bf"}.fa-life-ring:before{content:"\f1cd"}.fa-lightbulb:before{content:"\f0eb"}.fa-line:before{content:"\f3c0"}.fa-link:before{content:"\f0c1"}.fa-linkedin:before{content:"\f08c"}.fa-linkedin-in:before{content:"\f0e1"}.fa-linode:before{content:"\f2b8"}.fa-linux:before{content:"\f17c"}.fa-lira-sign:before{content:"\f195"}.fa-list:before{content:"\f03a"}.fa-list-alt:before{content:"\f022"}.fa-list-ol:before{content:"\f0cb"}.fa-list-ul:before{content:"\f0ca"}.fa-location-arrow:before{content:"\f124"}.fa-lock:before{content:"\f023"}.fa-lock-open:before{content:"\f3c1"}.fa-long-arrow-alt-down:before{content:"\f309"}.fa-long-arrow-alt-left:before{content:"\f30a"}.fa-long-arrow-alt-right:before{content:"\f30b"}.fa-long-arrow-alt-up:before{content:"\f30c"}.fa-low-vision:before{content:"\f2a8"}.fa-luggage-cart:before{content:"\f59d"}.fa-lungs:before{content:"\f604"}.fa-lungs-virus:before{content:"\e067"}.fa-lyft:before{content:"\f3c3"}.fa-magento:before{content:"\f3c4"}.fa-magic:before{content:"\f0d0"}.fa-magnet:before{content:"\f076"}.fa-mail-bulk:before{content:"\f674"}.fa-mailchimp:before{content:"\f59e"}.fa-male:before{content:"\f183"}.fa-mandalorian:before{content:"\f50f"}.fa-map:before{content:"\f279"}.fa-map-marked:before{content:"\f59f"}.fa-map-marked-alt:before{content:"\f5a0"}.fa-map-marker:before{content:"\f041"}.fa-map-marker-alt:before{content:"\f3c5"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-markdown:before{content:"\f60f"}.fa-marker:before{content:"\f5a1"}.fa-mars:before{content:"\f222"}.fa-mars-double:before{content:"\f227"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mask:before{content:"\f6fa"}.fa-mastodon:before{content:"\f4f6"}.fa-maxcdn:before{content:"\f136"}.fa-mdb:before{content:"\f8ca"}.fa-medal:before{content:"\f5a2"}.fa-medapps:before{content:"\f3c6"}.fa-medium:before{content:"\f23a"}.fa-medium-m:before{content:"\f3c7"}.fa-medkit:before{content:"\f0fa"}.fa-medrt:before{content:"\f3c8"}.fa-meetup:before{content:"\f2e0"}.fa-megaport:before{content:"\f5a3"}.fa-meh:before{content:"\f11a"}.fa-meh-blank:before{content:"\f5a4"}.fa-meh-rolling-eyes:before{content:"\f5a5"}.fa-memory:before{content:"\f538"}.fa-mendeley:before{content:"\f7b3"}.fa-menorah:before{content:"\f676"}.fa-mercury:before{content:"\f223"}.fa-meteor:before{content:"\f753"}.fa-microblog:before{content:"\e01a"}.fa-microchip:before{content:"\f2db"}.fa-microphone:before{content:"\f130"}.fa-microphone-alt:before{content:"\f3c9"}.fa-microphone-alt-slash:before{content:"\f539"}.fa-microphone-slash:before{content:"\f131"}.fa-microscope:before{content:"\f610"}.fa-microsoft:before{content:"\f3ca"}.fa-minus:before{content:"\f068"}.fa-minus-circle:before{content:"\f056"}.fa-minus-square:before{content:"\f146"}.fa-mitten:before{content:"\f7b5"}.fa-mix:before{content:"\f3cb"}.fa-mixcloud:before{content:"\f289"}.fa-mixer:before{content:"\e056"}.fa-mizuni:before{content:"\f3cc"}.fa-mobile:before{content:"\f10b"}.fa-mobile-alt:before{content:"\f3cd"}.fa-modx:before{content:"\f285"}.fa-monero:before{content:"\f3d0"}.fa-money-bill:before{content:"\f0d6"}.fa-money-bill-alt:before{content:"\f3d1"}.fa-money-bill-wave:before{content:"\f53a"}.fa-money-bill-wave-alt:before{content:"\f53b"}.fa-money-check:before{content:"\f53c"}.fa-money-check-alt:before{content:"\f53d"}.fa-monument:before{content:"\f5a6"}.fa-moon:before{content:"\f186"}.fa-mortar-pestle:before{content:"\f5a7"}.fa-mosque:before{content:"\f678"}.fa-motorcycle:before{content:"\f21c"}.fa-mountain:before{content:"\f6fc"}.fa-mouse:before{content:"\f8cc"}.fa-mouse-pointer:before{content:"\f245"}.fa-mug-hot:before{content:"\f7b6"}.fa-music:before{content:"\f001"}.fa-napster:before{content:"\f3d2"}.fa-neos:before{content:"\f612"}.fa-network-wired:before{content:"\f6ff"}.fa-neuter:before{content:"\f22c"}.fa-newspaper:before{content:"\f1ea"}.fa-nimblr:before{content:"\f5a8"}.fa-node:before{content:"\f419"}.fa-node-js:before{content:"\f3d3"}.fa-not-equal:before{content:"\f53e"}.fa-notes-medical:before{content:"\f481"}.fa-npm:before{content:"\f3d4"}.fa-ns8:before{content:"\f3d5"}.fa-nutritionix:before{content:"\f3d6"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-octopus-deploy:before{content:"\e082"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-oil-can:before{content:"\f613"}.fa-old-republic:before{content:"\f510"}.fa-om:before{content:"\f679"}.fa-opencart:before{content:"\f23d"}.fa-openid:before{content:"\f19b"}.fa-opera:before{content:"\f26a"}.fa-optin-monster:before{content:"\f23c"}.fa-orcid:before{content:"\f8d2"}.fa-osi:before{content:"\f41a"}.fa-otter:before{content:"\f700"}.fa-outdent:before{content:"\f03b"}.fa-page4:before{content:"\f3d7"}.fa-pagelines:before{content:"\f18c"}.fa-pager:before{content:"\f815"}.fa-paint-brush:before{content:"\f1fc"}.fa-paint-roller:before{content:"\f5aa"}.fa-palette:before{content:"\f53f"}.fa-palfed:before{content:"\f3d8"}.fa-pallet:before{content:"\f482"}.fa-paper-plane:before{content:"\f1d8"}.fa-paperclip:before{content:"\f0c6"}.fa-parachute-box:before{content:"\f4cd"}.fa-paragraph:before{content:"\f1dd"}.fa-parking:before{content:"\f540"}.fa-passport:before{content:"\f5ab"}.fa-pastafarianism:before{content:"\f67b"}.fa-paste:before{content:"\f0ea"}.fa-patreon:before{content:"\f3d9"}.fa-pause:before{content:"\f04c"}.fa-pause-circle:before{content:"\f28b"}.fa-paw:before{content:"\f1b0"}.fa-paypal:before{content:"\f1ed"}.fa-peace:before{content:"\f67c"}.fa-pen:before{content:"\f304"}.fa-pen-alt:before{content:"\f305"}.fa-pen-fancy:before{content:"\f5ac"}.fa-pen-nib:before{content:"\f5ad"}.fa-pen-square:before{content:"\f14b"}.fa-pencil-alt:before{content:"\f303"}.fa-pencil-ruler:before{content:"\f5ae"}.fa-penny-arcade:before{content:"\f704"}.fa-people-arrows:before{content:"\e068"}.fa-people-carry:before{content:"\f4ce"}.fa-pepper-hot:before{content:"\f816"}.fa-perbyte:before{content:"\e083"}.fa-percent:before{content:"\f295"}.fa-percentage:before{content:"\f541"}.fa-periscope:before{content:"\f3da"}.fa-person-booth:before{content:"\f756"}.fa-phabricator:before{content:"\f3db"}.fa-phoenix-framework:before{content:"\f3dc"}.fa-phoenix-squadron:before{content:"\f511"}.fa-phone:before{content:"\f095"}.fa-phone-alt:before{content:"\f879"}.fa-phone-slash:before{content:"\f3dd"}.fa-phone-square:before{content:"\f098"}.fa-phone-square-alt:before{content:"\f87b"}.fa-phone-volume:before{content:"\f2a0"}.fa-photo-video:before{content:"\f87c"}.fa-php:before{content:"\f457"}.fa-pied-piper:before{content:"\f2ae"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-pied-piper-hat:before{content:"\f4e5"}.fa-pied-piper-pp:before{content:"\f1a7"}.fa-pied-piper-square:before{content:"\e01e"}.fa-piggy-bank:before{content:"\f4d3"}.fa-pills:before{content:"\f484"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-p:before{content:"\f231"}.fa-pinterest-square:before{content:"\f0d3"}.fa-pizza-slice:before{content:"\f818"}.fa-place-of-worship:before{content:"\f67f"}.fa-plane:before{content:"\f072"}.fa-plane-arrival:before{content:"\f5af"}.fa-plane-departure:before{content:"\f5b0"}.fa-plane-slash:before{content:"\e069"}.fa-play:before{content:"\f04b"}.fa-play-circle:before{content:"\f144"}.fa-playstation:before{content:"\f3df"}.fa-plug:before{content:"\f1e6"}.fa-plus:before{content:"\f067"}.fa-plus-circle:before{content:"\f055"}.fa-plus-square:before{content:"\f0fe"}.fa-podcast:before{content:"\f2ce"}.fa-poll:before{content:"\f681"}.fa-poll-h:before{content:"\f682"}.fa-poo:before{content:"\f2fe"}.fa-poo-storm:before{content:"\f75a"}.fa-poop:before{content:"\f619"}.fa-portrait:before{content:"\f3e0"}.fa-pound-sign:before{content:"\f154"}.fa-power-off:before{content:"\f011"}.fa-pray:before{content:"\f683"}.fa-praying-hands:before{content:"\f684"}.fa-prescription:before{content:"\f5b1"}.fa-prescription-bottle:before{content:"\f485"}.fa-prescription-bottle-alt:before{content:"\f486"}.fa-print:before{content:"\f02f"}.fa-procedures:before{content:"\f487"}.fa-product-hunt:before{content:"\f288"}.fa-project-diagram:before{content:"\f542"}.fa-pump-medical:before{content:"\e06a"}.fa-pump-soap:before{content:"\e06b"}.fa-pushed:before{content:"\f3e1"}.fa-puzzle-piece:before{content:"\f12e"}.fa-python:before{content:"\f3e2"}.fa-qq:before{content:"\f1d6"}.fa-qrcode:before{content:"\f029"}.fa-question:before{content:"\f128"}.fa-question-circle:before{content:"\f059"}.fa-quidditch:before{content:"\f458"}.fa-quinscape:before{content:"\f459"}.fa-quora:before{content:"\f2c4"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-quran:before{content:"\f687"}.fa-r-project:before{content:"\f4f7"}.fa-radiation:before{content:"\f7b9"}.fa-radiation-alt:before{content:"\f7ba"}.fa-rainbow:before{content:"\f75b"}.fa-random:before{content:"\f074"}.fa-raspberry-pi:before{content:"\f7bb"}.fa-ravelry:before{content:"\f2d9"}.fa-react:before{content:"\f41b"}.fa-reacteurope:before{content:"\f75d"}.fa-readme:before{content:"\f4d5"}.fa-rebel:before{content:"\f1d0"}.fa-receipt:before{content:"\f543"}.fa-record-vinyl:before{content:"\f8d9"}.fa-recycle:before{content:"\f1b8"}.fa-red-river:before{content:"\f3e3"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-alien:before{content:"\f281"}.fa-reddit-square:before{content:"\f1a2"}.fa-redhat:before{content:"\f7bc"}.fa-redo:before{content:"\f01e"}.fa-redo-alt:before{content:"\f2f9"}.fa-registered:before{content:"\f25d"}.fa-remove-format:before{content:"\f87d"}.fa-renren:before{content:"\f18b"}.fa-reply:before{content:"\f3e5"}.fa-reply-all:before{content:"\f122"}.fa-replyd:before{content:"\f3e6"}.fa-republican:before{content:"\f75e"}.fa-researchgate:before{content:"\f4f8"}.fa-resolving:before{content:"\f3e7"}.fa-restroom:before{content:"\f7bd"}.fa-retweet:before{content:"\f079"}.fa-rev:before{content:"\f5b2"}.fa-ribbon:before{content:"\f4d6"}.fa-ring:before{content:"\f70b"}.fa-road:before{content:"\f018"}.fa-robot:before{content:"\f544"}.fa-rocket:before{content:"\f135"}.fa-rocketchat:before{content:"\f3e8"}.fa-rockrms:before{content:"\f3e9"}.fa-route:before{content:"\f4d7"}.fa-rss:before{content:"\f09e"}.fa-rss-square:before{content:"\f143"}.fa-ruble-sign:before{content:"\f158"}.fa-ruler:before{content:"\f545"}.fa-ruler-combined:before{content:"\f546"}.fa-ruler-horizontal:before{content:"\f547"}.fa-ruler-vertical:before{content:"\f548"}.fa-running:before{content:"\f70c"}.fa-rupee-sign:before{content:"\f156"}.fa-rust:before{content:"\e07a"}.fa-sad-cry:before{content:"\f5b3"}.fa-sad-tear:before{content:"\f5b4"}.fa-safari:before{content:"\f267"}.fa-salesforce:before{content:"\f83b"}.fa-sass:before{content:"\f41e"}.fa-satellite:before{content:"\f7bf"}.fa-satellite-dish:before{content:"\f7c0"}.fa-save:before{content:"\f0c7"}.fa-schlix:before{content:"\f3ea"}.fa-school:before{content:"\f549"}.fa-screwdriver:before{content:"\f54a"}.fa-scribd:before{content:"\f28a"}.fa-scroll:before{content:"\f70e"}.fa-sd-card:before{content:"\f7c2"}.fa-search:before{content:"\f002"}.fa-search-dollar:before{content:"\f688"}.fa-search-location:before{content:"\f689"}.fa-search-minus:before{content:"\f010"}.fa-search-plus:before{content:"\f00e"}.fa-searchengin:before{content:"\f3eb"}.fa-seedling:before{content:"\f4d8"}.fa-sellcast:before{content:"\f2da"}.fa-sellsy:before{content:"\f213"}.fa-server:before{content:"\f233"}.fa-servicestack:before{content:"\f3ec"}.fa-shapes:before{content:"\f61f"}.fa-share:before{content:"\f064"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-share-square:before{content:"\f14d"}.fa-shekel-sign:before{content:"\f20b"}.fa-shield-alt:before{content:"\f3ed"}.fa-shield-virus:before{content:"\e06c"}.fa-ship:before{content:"\f21a"}.fa-shipping-fast:before{content:"\f48b"}.fa-shirtsinbulk:before{content:"\f214"}.fa-shoe-prints:before{content:"\f54b"}.fa-shopify:before{content:"\e057"}.fa-shopping-bag:before{content:"\f290"}.fa-shopping-basket:before{content:"\f291"}.fa-shopping-cart:before{content:"\f07a"}.fa-shopware:before{content:"\f5b5"}.fa-shower:before{content:"\f2cc"}.fa-shuttle-van:before{content:"\f5b6"}.fa-sign:before{content:"\f4d9"}.fa-sign-in-alt:before{content:"\f2f6"}.fa-sign-language:before{content:"\f2a7"}.fa-sign-out-alt:before{content:"\f2f5"}.fa-signal:before{content:"\f012"}.fa-signature:before{content:"\f5b7"}.fa-sim-card:before{content:"\f7c4"}.fa-simplybuilt:before{content:"\f215"}.fa-sink:before{content:"\e06d"}.fa-sistrix:before{content:"\f3ee"}.fa-sitemap:before{content:"\f0e8"}.fa-sith:before{content:"\f512"}.fa-skating:before{content:"\f7c5"}.fa-sketch:before{content:"\f7c6"}.fa-skiing:before{content:"\f7c9"}.fa-skiing-nordic:before{content:"\f7ca"}.fa-skull:before{content:"\f54c"}.fa-skull-crossbones:before{content:"\f714"}.fa-skyatlas:before{content:"\f216"}.fa-skype:before{content:"\f17e"}.fa-slack:before{content:"\f198"}.fa-slack-hash:before{content:"\f3ef"}.fa-slash:before{content:"\f715"}.fa-sleigh:before{content:"\f7cc"}.fa-sliders-h:before{content:"\f1de"}.fa-slideshare:before{content:"\f1e7"}.fa-smile:before{content:"\f118"}.fa-smile-beam:before{content:"\f5b8"}.fa-smile-wink:before{content:"\f4da"}.fa-smog:before{content:"\f75f"}.fa-smoking:before{content:"\f48d"}.fa-smoking-ban:before{content:"\f54d"}.fa-sms:before{content:"\f7cd"}.fa-snapchat:before{content:"\f2ab"}.fa-snapchat-ghost:before{content:"\f2ac"}.fa-snapchat-square:before{content:"\f2ad"}.fa-snowboarding:before{content:"\f7ce"}.fa-snowflake:before{content:"\f2dc"}.fa-snowman:before{content:"\f7d0"}.fa-snowplow:before{content:"\f7d2"}.fa-soap:before{content:"\e06e"}.fa-socks:before{content:"\f696"}.fa-solar-panel:before{content:"\f5ba"}.fa-sort:before{content:"\f0dc"}.fa-sort-alpha-down:before{content:"\f15d"}.fa-sort-alpha-down-alt:before{content:"\f881"}.fa-sort-alpha-up:before{content:"\f15e"}.fa-sort-alpha-up-alt:before{content:"\f882"}.fa-sort-amount-down:before{content:"\f160"}.fa-sort-amount-down-alt:before{content:"\f884"}.fa-sort-amount-up:before{content:"\f161"}.fa-sort-amount-up-alt:before{content:"\f885"}.fa-sort-down:before{content:"\f0dd"}.fa-sort-numeric-down:before{content:"\f162"}.fa-sort-numeric-down-alt:before{content:"\f886"}.fa-sort-numeric-up:before{content:"\f163"}.fa-sort-numeric-up-alt:before{content:"\f887"}.fa-sort-up:before{content:"\f0de"}.fa-soundcloud:before{content:"\f1be"}.fa-sourcetree:before{content:"\f7d3"}.fa-spa:before{content:"\f5bb"}.fa-space-shuttle:before{content:"\f197"}.fa-speakap:before{content:"\f3f3"}.fa-speaker-deck:before{content:"\f83c"}.fa-spell-check:before{content:"\f891"}.fa-spider:before{content:"\f717"}.fa-spinner:before{content:"\f110"}.fa-splotch:before{content:"\f5bc"}.fa-spotify:before{content:"\f1bc"}.fa-spray-can:before{content:"\f5bd"}.fa-square:before{content:"\f0c8"}.fa-square-full:before{content:"\f45c"}.fa-square-root-alt:before{content:"\f698"}.fa-squarespace:before{content:"\f5be"}.fa-stack-exchange:before{content:"\f18d"}.fa-stack-overflow:before{content:"\f16c"}.fa-stackpath:before{content:"\f842"}.fa-stamp:before{content:"\f5bf"}.fa-star:before{content:"\f005"}.fa-star-and-crescent:before{content:"\f699"}.fa-star-half:before{content:"\f089"}.fa-star-half-alt:before{content:"\f5c0"}.fa-star-of-david:before{content:"\f69a"}.fa-star-of-life:before{content:"\f621"}.fa-staylinked:before{content:"\f3f5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-steam-symbol:before{content:"\f3f6"}.fa-step-backward:before{content:"\f048"}.fa-step-forward:before{content:"\f051"}.fa-stethoscope:before{content:"\f0f1"}.fa-sticker-mule:before{content:"\f3f7"}.fa-sticky-note:before{content:"\f249"}.fa-stop:before{content:"\f04d"}.fa-stop-circle:before{content:"\f28d"}.fa-stopwatch:before{content:"\f2f2"}.fa-stopwatch-20:before{content:"\e06f"}.fa-store:before{content:"\f54e"}.fa-store-alt:before{content:"\f54f"}.fa-store-alt-slash:before{content:"\e070"}.fa-store-slash:before{content:"\e071"}.fa-strava:before{content:"\f428"}.fa-stream:before{content:"\f550"}.fa-street-view:before{content:"\f21d"}.fa-strikethrough:before{content:"\f0cc"}.fa-stripe:before{content:"\f429"}.fa-stripe-s:before{content:"\f42a"}.fa-stroopwafel:before{content:"\f551"}.fa-studiovinari:before{content:"\f3f8"}.fa-stumbleupon:before{content:"\f1a4"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-subscript:before{content:"\f12c"}.fa-subway:before{content:"\f239"}.fa-suitcase:before{content:"\f0f2"}.fa-suitcase-rolling:before{content:"\f5c1"}.fa-sun:before{content:"\f185"}.fa-superpowers:before{content:"\f2dd"}.fa-superscript:before{content:"\f12b"}.fa-supple:before{content:"\f3f9"}.fa-surprise:before{content:"\f5c2"}.fa-suse:before{content:"\f7d6"}.fa-swatchbook:before{content:"\f5c3"}.fa-swift:before{content:"\f8e1"}.fa-swimmer:before{content:"\f5c4"}.fa-swimming-pool:before{content:"\f5c5"}.fa-symfony:before{content:"\f83d"}.fa-synagogue:before{content:"\f69b"}.fa-sync:before{content:"\f021"}.fa-sync-alt:before{content:"\f2f1"}.fa-syringe:before{content:"\f48e"}.fa-table:before{content:"\f0ce"}.fa-table-tennis:before{content:"\f45d"}.fa-tablet:before{content:"\f10a"}.fa-tablet-alt:before{content:"\f3fa"}.fa-tablets:before{content:"\f490"}.fa-tachometer-alt:before{content:"\f3fd"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-tape:before{content:"\f4db"}.fa-tasks:before{content:"\f0ae"}.fa-taxi:before{content:"\f1ba"}.fa-teamspeak:before{content:"\f4f9"}.fa-teeth:before{content:"\f62e"}.fa-teeth-open:before{content:"\f62f"}.fa-telegram:before{content:"\f2c6"}.fa-telegram-plane:before{content:"\f3fe"}.fa-temperature-high:before{content:"\f769"}.fa-temperature-low:before{content:"\f76b"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-tenge:before{content:"\f7d7"}.fa-terminal:before{content:"\f120"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-th:before{content:"\f00a"}.fa-th-large:before{content:"\f009"}.fa-th-list:before{content:"\f00b"}.fa-the-red-yeti:before{content:"\f69d"}.fa-theater-masks:before{content:"\f630"}.fa-themeco:before{content:"\f5c6"}.fa-themeisle:before{content:"\f2b2"}.fa-thermometer:before{content:"\f491"}.fa-thermometer-empty:before{content:"\f2cb"}.fa-thermometer-full:before{content:"\f2c7"}.fa-thermometer-half:before{content:"\f2c9"}.fa-thermometer-quarter:before{content:"\f2ca"}.fa-thermometer-three-quarters:before{content:"\f2c8"}.fa-think-peaks:before{content:"\f731"}.fa-thumbs-down:before{content:"\f165"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbtack:before{content:"\f08d"}.fa-ticket-alt:before{content:"\f3ff"}.fa-tiktok:before{content:"\e07b"}.fa-times:before{content:"\f00d"}.fa-times-circle:before{content:"\f057"}.fa-tint:before{content:"\f043"}.fa-tint-slash:before{content:"\f5c7"}.fa-tired:before{content:"\f5c8"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-toilet:before{content:"\f7d8"}.fa-toilet-paper:before{content:"\f71e"}.fa-toilet-paper-slash:before{content:"\e072"}.fa-toolbox:before{content:"\f552"}.fa-tools:before{content:"\f7d9"}.fa-tooth:before{content:"\f5c9"}.fa-torah:before{content:"\f6a0"}.fa-torii-gate:before{content:"\f6a1"}.fa-tractor:before{content:"\f722"}.fa-trade-federation:before{content:"\f513"}.fa-trademark:before{content:"\f25c"}.fa-traffic-light:before{content:"\f637"}.fa-trailer:before{content:"\e041"}.fa-train:before{content:"\f238"}.fa-tram:before{content:"\f7da"}.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-trash:before{content:"\f1f8"}.fa-trash-alt:before{content:"\f2ed"}.fa-trash-restore:before{content:"\f829"}.fa-trash-restore-alt:before{content:"\f82a"}.fa-tree:before{content:"\f1bb"}.fa-trello:before{content:"\f181"}.fa-trophy:before{content:"\f091"}.fa-truck:before{content:"\f0d1"}.fa-truck-loading:before{content:"\f4de"}.fa-truck-monster:before{content:"\f63b"}.fa-truck-moving:before{content:"\f4df"}.fa-truck-pickup:before{content:"\f63c"}.fa-tshirt:before{content:"\f553"}.fa-tty:before{content:"\f1e4"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-tv:before{content:"\f26c"}.fa-twitch:before{content:"\f1e8"}.fa-twitter:before{content:"\f099"}.fa-twitter-square:before{content:"\f081"}.fa-typo3:before{content:"\f42b"}.fa-uber:before{content:"\f402"}.fa-ubuntu:before{content:"\f7df"}.fa-uikit:before{content:"\f403"}.fa-umbraco:before{content:"\f8e8"}.fa-umbrella:before{content:"\f0e9"}.fa-umbrella-beach:before{content:"\f5ca"}.fa-uncharted:before{content:"\e084"}.fa-underline:before{content:"\f0cd"}.fa-undo:before{content:"\f0e2"}.fa-undo-alt:before{content:"\f2ea"}.fa-uniregistry:before{content:"\f404"}.fa-unity:before{content:"\e049"}.fa-universal-access:before{content:"\f29a"}.fa-university:before{content:"\f19c"}.fa-unlink:before{content:"\f127"}.fa-unlock:before{content:"\f09c"}.fa-unlock-alt:before{content:"\f13e"}.fa-unsplash:before{content:"\e07c"}.fa-untappd:before{content:"\f405"}.fa-upload:before{content:"\f093"}.fa-ups:before{content:"\f7e0"}.fa-usb:before{content:"\f287"}.fa-user:before{content:"\f007"}.fa-user-alt:before{content:"\f406"}.fa-user-alt-slash:before{content:"\f4fa"}.fa-user-astronaut:before{content:"\f4fb"}.fa-user-check:before{content:"\f4fc"}.fa-user-circle:before{content:"\f2bd"}.fa-user-clock:before{content:"\f4fd"}.fa-user-cog:before{content:"\f4fe"}.fa-user-edit:before{content:"\f4ff"}.fa-user-friends:before{content:"\f500"}.fa-user-graduate:before{content:"\f501"}.fa-user-injured:before{content:"\f728"}.fa-user-lock:before{content:"\f502"}.fa-user-md:before{content:"\f0f0"}.fa-user-minus:before{content:"\f503"}.fa-user-ninja:before{content:"\f504"}.fa-user-nurse:before{content:"\f82f"}.fa-user-plus:before{content:"\f234"}.fa-user-secret:before{content:"\f21b"}.fa-user-shield:before{content:"\f505"}.fa-user-slash:before{content:"\f506"}.fa-user-tag:before{content:"\f507"}.fa-user-tie:before{content:"\f508"}.fa-user-times:before{content:"\f235"}.fa-users:before{content:"\f0c0"}.fa-users-cog:before{content:"\f509"}.fa-users-slash:before{content:"\e073"}.fa-usps:before{content:"\f7e1"}.fa-ussunnah:before{content:"\f407"}.fa-utensil-spoon:before{content:"\f2e5"}.fa-utensils:before{content:"\f2e7"}.fa-vaadin:before{content:"\f408"}.fa-vector-square:before{content:"\f5cb"}.fa-venus:before{content:"\f221"}.fa-venus-double:before{content:"\f226"}.fa-venus-mars:before{content:"\f228"}.fa-vest:before{content:"\e085"}.fa-vest-patches:before{content:"\e086"}.fa-viacoin:before{content:"\f237"}.fa-viadeo:before{content:"\f2a9"}.fa-viadeo-square:before{content:"\f2aa"}.fa-vial:before{content:"\f492"}.fa-vials:before{content:"\f493"}.fa-viber:before{content:"\f409"}.fa-video:before{content:"\f03d"}.fa-video-slash:before{content:"\f4e2"}.fa-vihara:before{content:"\f6a7"}.fa-vimeo:before{content:"\f40a"}.fa-vimeo-square:before{content:"\f194"}.fa-vimeo-v:before{content:"\f27d"}.fa-vine:before{content:"\f1ca"}.fa-virus:before{content:"\e074"}.fa-virus-slash:before{content:"\e075"}.fa-viruses:before{content:"\e076"}.fa-vk:before{content:"\f189"}.fa-vnv:before{content:"\f40b"}.fa-voicemail:before{content:"\f897"}.fa-volleyball-ball:before{content:"\f45f"}.fa-volume-down:before{content:"\f027"}.fa-volume-mute:before{content:"\f6a9"}.fa-volume-off:before{content:"\f026"}.fa-volume-up:before{content:"\f028"}.fa-vote-yea:before{content:"\f772"}.fa-vr-cardboard:before{content:"\f729"}.fa-vuejs:before{content:"\f41f"}.fa-walking:before{content:"\f554"}.fa-wallet:before{content:"\f555"}.fa-warehouse:before{content:"\f494"}.fa-watchman-monitoring:before{content:"\e087"}.fa-water:before{content:"\f773"}.fa-wave-square:before{content:"\f83e"}.fa-waze:before{content:"\f83f"}.fa-weebly:before{content:"\f5cc"}.fa-weibo:before{content:"\f18a"}.fa-weight:before{content:"\f496"}.fa-weight-hanging:before{content:"\f5cd"}.fa-weixin:before{content:"\f1d7"}.fa-whatsapp:before{content:"\f232"}.fa-whatsapp-square:before{content:"\f40c"}.fa-wheelchair:before{content:"\f193"}.fa-whmcs:before{content:"\f40d"}.fa-wifi:before{content:"\f1eb"}.fa-wikipedia-w:before{content:"\f266"}.fa-wind:before{content:"\f72e"}.fa-window-close:before{content:"\f410"}.fa-window-maximize:before{content:"\f2d0"}.fa-window-minimize:before{content:"\f2d1"}.fa-window-restore:before{content:"\f2d2"}.fa-windows:before{content:"\f17a"}.fa-wine-bottle:before{content:"\f72f"}.fa-wine-glass:before{content:"\f4e3"}.fa-wine-glass-alt:before{content:"\f5ce"}.fa-wix:before{content:"\f5cf"}.fa-wizards-of-the-coast:before{content:"\f730"}.fa-wodu:before{content:"\e088"}.fa-wolf-pack-battalion:before{content:"\f514"}.fa-won-sign:before{content:"\f159"}.fa-wordpress:before{content:"\f19a"}.fa-wordpress-simple:before{content:"\f411"}.fa-wpbeginner:before{content:"\f297"}.fa-wpexplorer:before{content:"\f2de"}.fa-wpforms:before{content:"\f298"}.fa-wpressr:before{content:"\f3e4"}.fa-wrench:before{content:"\f0ad"}.fa-x-ray:before{content:"\f497"}.fa-xbox:before{content:"\f412"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-y-combinator:before{content:"\f23b"}.fa-yahoo:before{content:"\f19e"}.fa-yammer:before{content:"\f840"}.fa-yandex:before{content:"\f413"}.fa-yandex-international:before{content:"\f414"}.fa-yarn:before{content:"\f7e3"}.fa-yelp:before{content:"\f1e9"}.fa-yen-sign:before{content:"\f157"}.fa-yin-yang:before{content:"\f6ad"}.fa-yoast:before{content:"\f2b1"}.fa-youtube:before{content:"\f167"}.fa-youtube-square:before{content:"\f431"}.fa-zhihu:before{content:"\f63f"}.sr-only{border:0;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.sr-only-focusable:active,.sr-only-focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto} @font-face { font-family: 'Ubuntu'; src: url('fonts/Ubuntu-Medium.woff2') format('woff2'), url('fonts/Ubuntu-Medium.woff') format('woff'); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: 'Ubuntu'; src: url('fonts/Ubuntu-Regular.woff2') format('woff2'), url('fonts/Ubuntu-Regular.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Ubuntu'; src: url('fonts/Ubuntu-Bold.woff2') format('woff2'), url('fonts/Ubuntu-Bold.woff') format('woff'); font-weight: bold; font-style: normal; font-display: swap; } span.unicorn:before { content: "@"; } span.unicorn > span { /* * Hide only visually, but have it available for screen readers: * https://snook.ca/archives/html_and_css/hiding-content-for-accessibility * * Beachten: Diese Art des Ausblendens ermöglicht ein Copy & Paste von * E-Mailadressen. Bei anderen Varianten, etwa display: none, ist dies * nicht mehr möglich! */ border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } /*! Swipebox v1.3.0 | Constantin Saguin csag.co | MIT License | github.com/brutaldesign/swipebox */html.swipebox-html.swipebox-touch{overflow:hidden!important}#swipebox-overlay img{border:none!important}#swipebox-overlay{width:100%;height:100%;position:fixed;top:0;left:0;z-index:99999!important;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#swipebox-container{position:relative;width:100%;height:100%}#swipebox-slider{-webkit-transition:-webkit-transform .4s ease;transition:transform .4s ease;height:100%;left:0;top:0;width:100%;white-space:nowrap;position:absolute;display:none;cursor:pointer}#swipebox-slider .slide{height:100%;width:100%;line-height:1px;text-align:center;display:inline-block}#swipebox-slider .slide:before{content:"";display:inline-block;height:50%;width:1px;margin-right:-1px}#swipebox-slider .slide .swipebox-inline-container,#swipebox-slider .slide .swipebox-video-container,#swipebox-slider .slide img{display:inline-block;max-height:100%;max-width:100%;margin:0;padding:0;width:auto;height:auto;vertical-align:middle}#swipebox-slider .slide .swipebox-video-container{background:0 0;max-width:1140px;max-height:100%;width:100%;padding:5%;-webkit-box-sizing:border-box;box-sizing:border-box}#swipebox-slider .slide .swipebox-video-container .swipebox-video{width:100%;height:0;padding-bottom:56.25%;overflow:hidden;position:relative}#swipebox-slider .slide .swipebox-video-container .swipebox-video iframe{width:100%!important;height:100%!important;position:absolute;top:0;left:0}#swipebox-slider .slide-loading{background:url(../img/loader.gif) center center no-repeat}#swipebox-bottom-bar,#swipebox-top-bar{-webkit-transition:.5s;transition:.5s;position:absolute;left:0;z-index:999;height:50px;width:100%}#swipebox-bottom-bar{bottom:-50px}#swipebox-bottom-bar.visible-bars{-webkit-transform:translate3d(0,-50px,0);transform:translate3d(0,-50px,0)}#swipebox-top-bar{top:-50px}#swipebox-top-bar.visible-bars{-webkit-transform:translate3d(0,50px,0);transform:translate3d(0,50px,0)}#swipebox-title{display:block;width:100%;text-align:center}#swipebox-close,#swipebox-next,#swipebox-prev{background-image:url(../img/icons.png);background-repeat:no-repeat;border:none!important;text-decoration:none!important;cursor:pointer;width:50px;height:50px;top:0}#swipebox-arrows{display:block;margin:0 auto;width:100%;height:50px}#swipebox-prev{background-position:-32px 13px;float:left}#swipebox-next{background-position:-78px 13px;float:right}#swipebox-close{top:0;right:0;position:absolute;z-index:9999;background-position:15px 12px}.swipebox-no-close-button #swipebox-close{display:none}#swipebox-next.disabled,#swipebox-prev.disabled{opacity:.3}.swipebox-no-touch #swipebox-overlay.rightSpring #swipebox-slider{-webkit-animation:rightSpring .3s;animation:rightSpring .3s}.swipebox-no-touch #swipebox-overlay.leftSpring #swipebox-slider{-webkit-animation:leftSpring .3s;animation:leftSpring .3s}.swipebox-touch #swipebox-container:after,.swipebox-touch #swipebox-container:before{-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:all .3s ease;transition:all .3s ease;content:' ';position:absolute;z-index:999;top:0;height:100%;width:20px;opacity:0}.swipebox-touch #swipebox-container:before{left:0;-webkit-box-shadow:inset 10px 0 10px -8px #656565;box-shadow:inset 10px 0 10px -8px #656565}.swipebox-touch #swipebox-container:after{right:0;-webkit-box-shadow:inset -10px 0 10px -8px #656565;box-shadow:inset -10px 0 10px -8px #656565}.swipebox-touch #swipebox-overlay.leftSpringTouch #swipebox-container:before,.swipebox-touch #swipebox-overlay.rightSpringTouch #swipebox-container:after{opacity:1}@-webkit-keyframes rightSpring{0%{left:0}50%{left:-30px}100%{left:0}}@keyframes rightSpring{0%{left:0}50%{left:-30px}100%{left:0}}@-webkit-keyframes leftSpring{0%{left:0}50%{left:30px}100%{left:0}}@keyframes leftSpring{0%{left:0}50%{left:30px}100%{left:0}}@media screen and (min-width:800px){#swipebox-close{right:10px}#swipebox-arrows{width:92%;max-width:800px}}#swipebox-overlay{background:#0d0d0d}#swipebox-bottom-bar,#swipebox-top-bar{text-shadow:1px 1px 1px #000;background:#000;opacity:.95}#swipebox-top-bar{color:#fff!important;font-size:15px;line-height:43px;font-family:Helvetica,Arial,sans-serif}