/* default styles for extension "tx_frontend" */ .ce-align-left { text-align: left; } .ce-align-center { text-align: center; } .ce-align-right { text-align: right; } .ce-table td, .ce-table th { vertical-align: top; } .ce-textpic, .ce-image, .ce-nowrap .ce-bodytext, .ce-gallery, .ce-row, .ce-uploads li, .ce-uploads div { overflow: hidden; } .ce-left .ce-gallery, .ce-column { float: left; } .ce-center .ce-outer { position: relative; float: right; right: 50%; } .ce-center .ce-inner { position: relative; float: right; right: -50%; } .ce-right .ce-gallery { float: right; } .ce-gallery figure { display: table; margin: 0; } .ce-gallery figcaption { display: table-caption; caption-side: bottom; } .ce-gallery img { display: block; } .ce-gallery iframe { border-width: 0; } .ce-border img, .ce-border iframe { border: 2px solid #000000; padding: 0px; } .ce-intext.ce-right .ce-gallery, .ce-intext.ce-left .ce-gallery, .ce-above .ce-gallery { margin-bottom: 10px; } .ce-image .ce-gallery { margin-bottom: 0; } .ce-intext.ce-right .ce-gallery { margin-left: 10px; } .ce-intext.ce-left .ce-gallery { margin-right: 10px; } .ce-below .ce-gallery { margin-top: 10px; } .ce-column { margin-right: 10px; } .ce-column:last-child { margin-right: 0; } .ce-row { margin-bottom: 10px; } .ce-row:last-child { margin-bottom: 0; } .ce-above .ce-bodytext { clear: both; } .ce-intext.ce-left ol, .ce-intext.ce-left ul { padding-left: 40px; overflow: auto; } /* Headline */ .ce-headline-left { text-align: left; } .ce-headline-center { text-align: center; } .ce-headline-right { text-align: right; } /* Uploads */ .ce-uploads { margin: 0; padding: 0; } .ce-uploads li { list-style: none outside none; margin: 1em 0; } .ce-uploads img { float: left; padding-right: 1em; vertical-align: top; } .ce-uploads span { display: block; } /* Table */ .ce-table { width: 100%; max-width: 100%; } .ce-table th, .ce-table td { padding: 0.5em 0.75em; vertical-align: top; } .ce-table thead th { border-bottom: 2px solid #dadada; } .ce-table th, .ce-table td { border-top: 1px solid #dadada; } .ce-table-striped tbody tr:nth-of-type(odd) { background-color: rgba(0,0,0,.05); } .ce-table-bordered th, .ce-table-bordered td { border: 1px solid #dadada; } /* Space */ .frame-space-before-extra-small { margin-top: 1em; } .frame-space-before-small { margin-top: 2em; } .frame-space-before-medium { margin-top: 3em; } .frame-space-before-large { margin-top: 4em; } .frame-space-before-extra-large { margin-top: 5em; } .frame-space-after-extra-small { margin-bottom: 1em; } .frame-space-after-small { margin-bottom: 2em; } .frame-space-after-medium { margin-bottom: 3em; } .frame-space-after-large { margin-bottom: 4em; } .frame-space-after-extra-large { margin-bottom: 5em; } /* Frame */ .frame-ruler-before:before { content: ''; display: block; border-top: 1px solid rgba(0,0,0,0.25); margin-bottom: 2em; } .frame-ruler-after:after { content: ''; display: block; border-bottom: 1px solid rgba(0,0,0,0.25); margin-top: 2em; } .frame-indent { margin-left: 15%; margin-right: 15%; } .frame-indent-left { margin-left: 33%; } .frame-indent-right { margin-right: 33%; } @font-face { font-family: 'Roboto'; src: url('../../../typo3conf/ext/t3-kindler/Resources/Public/WebFonts/KFOmCnqEu92Fr1Mu72xKKTU1Kvnz.woff2') format('woff2'); font-weight: 400; font-style: normal; font-display: swap; unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } @font-face { font-family: 'Roboto'; src: url('../../../typo3conf/ext/t3-kindler/Resources/Public/WebFonts/KFOmCnqEu92Fr1Mu5mxKKTU1Kvnz.woff2') format('woff2'); font-weight: 400; font-style: normal; font-display: swap; unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } @font-face { font-family: 'Roboto'; src: url('../../../typo3conf/ext/t3-kindler/Resources/Public/WebFonts/KFOmCnqEu92Fr1Mu7mxKKTU1Kvnz.woff2') format('woff2'); font-weight: 400; font-style: normal; font-display: swap; unicode-range: U+1F00-1FFF; } @font-face { font-family: 'Roboto'; src: url('../../../typo3conf/ext/t3-kindler/Resources/Public/WebFonts/KFOmCnqEu92Fr1Mu4WxKKTU1Kvnz.woff2') format('woff2'); font-weight: 400; font-style: normal; font-display: swap; unicode-range: U+0370-03FF; } @font-face { font-family: 'Roboto'; src: url('../../../typo3conf/ext/t3-kindler/Resources/Public/WebFonts/KFOmCnqEu92Fr1Mu7WxKKTU1Kvnz.woff2') format('woff2'); font-weight: 400; font-style: normal; font-display: swap; unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } @font-face { font-family: 'Roboto'; src: url('../../../typo3conf/ext/t3-kindler/Resources/Public/WebFonts/KFOmCnqEu92Fr1Mu7GxKKTU1Kvnz.woff2') format('woff2'); font-weight: 400; font-style: normal; font-display: swap; unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: 'Roboto'; src: url('../../../typo3conf/ext/t3-kindler/Resources/Public/WebFonts/KFOmCnqEu92Fr1Mu4mxKKTU1Kg.woff2') format('woff2'); font-weight: 400; font-style: normal; font-display: swap; unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: 'Roboto Condensed'; src: url('../../../typo3conf/ext/t3-kindler/Resources/Public/WebFonts/ieVl2ZhZI2eCN5jzbjEETS9weq8-19-7DQk6YvNkeg.woff2') format('woff2'); font-weight: 400; font-style: normal; font-display: swap; unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } @font-face { font-family: 'Roboto Condensed'; src: url('../../../typo3conf/ext/t3-kindler/Resources/Public/WebFonts/ieVl2ZhZI2eCN5jzbjEETS9weq8-19a7DQk6YvNkeg.woff2') format('woff2'); font-weight: 400; font-style: normal; font-display: swap; unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } @font-face { font-family: 'Roboto Condensed'; src: url('../../../typo3conf/ext/t3-kindler/Resources/Public/WebFonts/ieVl2ZhZI2eCN5jzbjEETS9weq8-1967DQk6YvNkeg.woff2') format('woff2'); font-weight: 400; font-style: normal; font-display: swap; unicode-range: U+1F00-1FFF; } @font-face { font-family: 'Roboto Condensed'; src: url('../../../typo3conf/ext/t3-kindler/Resources/Public/WebFonts/ieVl2ZhZI2eCN5jzbjEETS9weq8-19G7DQk6YvNkeg.woff2') format('woff2'); font-weight: 400; font-style: normal; font-display: swap; unicode-range: U+0370-03FF; } @font-face { font-family: 'Roboto Condensed'; src: url('../../../typo3conf/ext/t3-kindler/Resources/Public/WebFonts/ieVl2ZhZI2eCN5jzbjEETS9weq8-1927DQk6YvNkeg.woff2') format('woff2'); font-weight: 400; font-style: normal; font-display: swap; unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } @font-face { font-family: 'Roboto Condensed'; src: url('../../../typo3conf/ext/t3-kindler/Resources/Public/WebFonts/ieVl2ZhZI2eCN5jzbjEETS9weq8-19y7DQk6YvNkeg.woff2') format('woff2'); font-weight: 400; font-style: normal; font-display: swap; unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: 'Roboto Condensed'; src: url('../../../typo3conf/ext/t3-kindler/Resources/Public/WebFonts/ieVl2ZhZI2eCN5jzbjEETS9weq8-19K7DQk6YvM.woff2') format('woff2'); font-weight: 400; font-style: normal; font-display: swap; unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: 'DINRoundPro'; src: url('../../../typo3conf/ext/t3-kindler/Resources/Public/WebFonts/DINRoundPro-Black.eot'); src: local('../WebFonts/DINRoundPro-Black'), url('../../../typo3conf/ext/t3-kindler/Resources/Public/WebFonts/DINRoundPro-Black.eot?#iefix') format('embedded-opentype'), url('../../../typo3conf/ext/t3-kindler/Resources/Public/WebFonts/DINRoundPro-Black.woff2') format('woff2'), url('../../../typo3conf/ext/t3-kindler/Resources/Public/WebFonts/DINRoundPro-Black.woff') format('woff'), url('../../../typo3conf/ext/t3-kindler/Resources/Public/WebFonts/DINRoundPro-Black.ttf') format('truetype'); font-weight: 900; font-style: normal; } @font-face { font-family: 'DINRoundPro-Medi'; src: url('../../../typo3conf/ext/t3-kindler/Resources/Public/WebFonts/DINRoundPro-Medi.eot'); src: local('../WebFonts/DINRoundPro-Medi'), url('../../../typo3conf/ext/t3-kindler/Resources/Public/WebFonts/DINRoundPro-Medi.eot?#iefix') format('embedded-opentype'), url('../../../typo3conf/ext/t3-kindler/Resources/Public/WebFonts/DINRoundPro-Medi.woff2') format('woff2'), url('../../../typo3conf/ext/t3-kindler/Resources/Public/WebFonts/DINRoundPro-Medi.woff') format('woff'), url('../../../typo3conf/ext/t3-kindler/Resources/Public/WebFonts/DINRoundPro-Medi.ttf') format('truetype'); font-weight: 500; font-style: normal; } @font-face { font-family: 'DINRoundPro'; src: url('../../../typo3conf/ext/t3-kindler/Resources/Public/WebFonts/DINRoundPro-Light.eot'); src: local('../WebFonts/DINRoundPro-Light'), url('../../../typo3conf/ext/t3-kindler/Resources/Public/WebFonts/DINRoundPro-Light.eot?#iefix') format('embedded-opentype'), url('../../../typo3conf/ext/t3-kindler/Resources/Public/WebFonts/DINRoundPro-Light.woff2') format('woff2'), url('../../../typo3conf/ext/t3-kindler/Resources/Public/WebFonts/DINRoundPro-Light.woff') format('woff'), url('../../../typo3conf/ext/t3-kindler/Resources/Public/WebFonts/DINRoundPro-Light.ttf') format('truetype'); font-weight: 300; font-style: normal; } @font-face { font-family: 'DINRoundPro'; src: url('../../../typo3conf/ext/t3-kindler/Resources/Public/WebFonts/DINRoundPro.eot'); src: local('../WebFonts/DINRoundPro'), url('../../../typo3conf/ext/t3-kindler/Resources/Public/WebFonts/DINRoundPro.eot?#iefix') format('embedded-opentype'), url('../../../typo3conf/ext/t3-kindler/Resources/Public/WebFonts/DINRoundPro.woff2') format('woff2'), url('../../../typo3conf/ext/t3-kindler/Resources/Public/WebFonts/DINRoundPro.woff') format('woff'), url('../../../typo3conf/ext/t3-kindler/Resources/Public/WebFonts/DINRoundPro.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'DINRoundPro'; src: url('../../../typo3conf/ext/t3-kindler/Resources/Public/WebFonts/DINRoundPro-Bold.eot'); src: local('../WebFonts/DINRoundPro-Bold'), url('../../../typo3conf/ext/t3-kindler/Resources/Public/WebFonts/DINRoundPro-Bold.eot?#iefix') format('embedded-opentype'), url('../../../typo3conf/ext/t3-kindler/Resources/Public/WebFonts/DINRoundPro-Bold.woff2') format('woff2'), url('../../../typo3conf/ext/t3-kindler/Resources/Public/WebFonts/DINRoundPro-Bold.woff') format('woff'), url('../../../typo3conf/ext/t3-kindler/Resources/Public/WebFonts/DINRoundPro-Bold.ttf') format('truetype'); font-weight: bold; font-style: normal; } @font-face { font-family: 'swiper-icons'; src: url('../../../typo3conf/ext/t3-kindler/Resources/Public/Vendor/assets/fonts/swiper-icons.woff') format('woff'); font-weight: 400; font-style: normal; font-display: auto; } /*! * Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) */ /* FONT PATH * -------------------------- */ @font-face { font-family: 'FontAwesome'; src: url('../../../typo3conf/ext/t3-kindler/Resources/Public/WebFonts/fontawesome-webfont.eot?v=4.7.0'); src: url('../../../typo3conf/ext/t3-kindler/Resources/Public/WebFonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('../../../typo3conf/ext/t3-kindler/Resources/Public/WebFonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('../../../typo3conf/ext/t3-kindler/Resources/Public/WebFonts/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('../../../typo3conf/ext/t3-kindler/Resources/Public/WebFonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('../../../typo3conf/ext/t3-kindler/Resources/Public/WebFonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg'); font-weight: normal; font-style: normal; } .fa { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /* makes the font 33% larger relative to the icon container */ .fa-lg { font-size: 1.33333333em; line-height: 0.75em; vertical-align: -15%; } .fa-2x { font-size: 2em; } .fa-3x { font-size: 3em; } .fa-4x { font-size: 4em; } .fa-5x { font-size: 5em; } .fa-fw { width: 1.28571429em; text-align: center; } .fa-ul { padding-left: 0; margin-left: 2.14285714em; list-style-type: none; } .fa-ul > li { position: relative; } .fa-li { position: absolute; left: -2.14285714em; width: 2.14285714em; top: 0.14285714em; text-align: center; } .fa-li.fa-lg { left: -1.85714286em; } .fa-border { padding: .2em .25em .15em; border: solid 0.08em #eeeeee; border-radius: .1em; } .fa-pull-left { float: left; } .fa-pull-right { float: right; } .fa.fa-pull-left { margin-right: .3em; } .fa.fa-pull-right { margin-left: .3em; } /* Deprecated as of 4.4.0 */ .pull-right { float: right; } .pull-left { float: left; } .fa.pull-left { margin-right: .3em; } .fa.pull-right { margin-left: .3em; } .fa-spin { -webkit-animation: fa-spin 2s infinite linear; animation: fa-spin 2s infinite linear; } .fa-pulse { -webkit-animation: fa-spin 1s infinite steps(8); animation: fa-spin 1s infinite steps(8); } @-webkit-keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } @keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } .fa-rotate-90 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)"; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .fa-rotate-180 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)"; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .fa-rotate-270 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)"; -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); } .fa-flip-horizontal { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)"; -webkit-transform: scale(-1, 1); -ms-transform: scale(-1, 1); transform: scale(-1, 1); } .fa-flip-vertical { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"; -webkit-transform: scale(1, -1); -ms-transform: scale(1, -1); transform: scale(1, -1); } :root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-flip-horizontal, :root .fa-flip-vertical { filter: none; } .fa-stack { position: relative; display: inline-block; width: 2em; height: 2em; line-height: 2em; vertical-align: middle; } .fa-stack-1x, .fa-stack-2x { position: absolute; left: 0; width: 100%; text-align: center; } .fa-stack-1x { line-height: inherit; } .fa-stack-2x { font-size: 2em; } .fa-inverse { color: #ffffff; } /* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen readers do not read off random characters that represent icons */ .fa-glass:before { content: "\f000"; } .fa-music:before { content: "\f001"; } .fa-search:before { content: "\f002"; } .fa-envelope-o:before { content: "\f003"; } .fa-heart:before { content: "\f004"; } .fa-star:before { content: "\f005"; } .fa-star-o:before { content: "\f006"; } .fa-user:before { content: "\f007"; } .fa-film:before { content: "\f008"; } .fa-th-large:before { content: "\f009"; } .fa-th:before { content: "\f00a"; } .fa-th-list:before { content: "\f00b"; } .fa-check:before { content: "\f00c"; } .fa-remove:before, .fa-close:before, .fa-times:before { content: "\f00d"; } .fa-search-plus:before { content: "\f00e"; } .fa-search-minus:before { content: "\f010"; } .fa-power-off:before { content: "\f011"; } .fa-signal:before { content: "\f012"; } .fa-gear:before, .fa-cog:before { content: "\f013"; } .fa-trash-o:before { content: "\f014"; } .fa-home:before { content: "\f015"; } .fa-file-o:before { content: "\f016"; } .fa-clock-o:before { content: "\f017"; } .fa-road:before { content: "\f018"; } .fa-download:before { content: "\f019"; } .fa-arrow-circle-o-down:before { content: "\f01a"; } .fa-arrow-circle-o-up:before { content: "\f01b"; } .fa-inbox:before { content: "\f01c"; } .fa-play-circle-o:before { content: "\f01d"; } .fa-rotate-right:before, .fa-repeat:before { content: "\f01e"; } .fa-refresh:before { content: "\f021"; } .fa-list-alt:before { content: "\f022"; } .fa-lock:before { content: "\f023"; } .fa-flag:before { content: "\f024"; } .fa-headphones:before { content: "\f025"; } .fa-volume-off:before { content: "\f026"; } .fa-volume-down:before { content: "\f027"; } .fa-volume-up:before { content: "\f028"; } .fa-qrcode:before { content: "\f029"; } .fa-barcode:before { content: "\f02a"; } .fa-tag:before { content: "\f02b"; } .fa-tags:before { content: "\f02c"; } .fa-book:before { content: "\f02d"; } .fa-bookmark:before { content: "\f02e"; } .fa-print:before { content: "\f02f"; } .fa-camera:before { content: "\f030"; } .fa-font:before { content: "\f031"; } .fa-bold:before { content: "\f032"; } .fa-italic:before { content: "\f033"; } .fa-text-height:before { content: "\f034"; } .fa-text-width:before { content: "\f035"; } .fa-align-left:before { content: "\f036"; } .fa-align-center:before { content: "\f037"; } .fa-align-right:before { content: "\f038"; } .fa-align-justify:before { content: "\f039"; } .fa-list:before { content: "\f03a"; } .fa-dedent:before, .fa-outdent:before { content: "\f03b"; } .fa-indent:before { content: "\f03c"; } .fa-video-camera:before { content: "\f03d"; } .fa-photo:before, .fa-image:before, .fa-picture-o:before { content: "\f03e"; } .fa-pencil:before { content: "\f040"; } .fa-map-marker:before { content: "\f041"; } .fa-adjust:before { content: "\f042"; } .fa-tint:before { content: "\f043"; } .fa-edit:before, .fa-pencil-square-o:before { content: "\f044"; } .fa-share-square-o:before { content: "\f045"; } .fa-check-square-o:before { content: "\f046"; } .fa-arrows:before { content: "\f047"; } .fa-step-backward:before { content: "\f048"; } .fa-fast-backward:before { content: "\f049"; } .fa-backward:before { content: "\f04a"; } .fa-play:before { content: "\f04b"; } .fa-pause:before { content: "\f04c"; } .fa-stop:before { content: "\f04d"; } .fa-forward:before { content: "\f04e"; } .fa-fast-forward:before { content: "\f050"; } .fa-step-forward:before { content: "\f051"; } .fa-eject:before { content: "\f052"; } .fa-chevron-left:before { content: "\f053"; } .fa-chevron-right:before { content: "\f054"; } .fa-plus-circle:before { content: "\f055"; } .fa-minus-circle:before { content: "\f056"; } .fa-times-circle:before { content: "\f057"; } .fa-check-circle:before { content: "\f058"; } .fa-question-circle:before { content: "\f059"; } .fa-info-circle:before { content: "\f05a"; } .fa-crosshairs:before { content: "\f05b"; } .fa-times-circle-o:before { content: "\f05c"; } .fa-check-circle-o:before { content: "\f05d"; } .fa-ban:before { content: "\f05e"; } .fa-arrow-left:before { content: "\f060"; } .fa-arrow-right:before { content: "\f061"; } .fa-arrow-up:before { content: "\f062"; } .fa-arrow-down:before { content: "\f063"; } .fa-mail-forward:before, .fa-share:before { content: "\f064"; } .fa-expand:before { content: "\f065"; } .fa-compress:before { content: "\f066"; } .fa-plus:before { content: "\f067"; } .fa-minus:before { content: "\f068"; } .fa-asterisk:before { content: "\f069"; } .fa-exclamation-circle:before { content: "\f06a"; } .fa-gift:before { content: "\f06b"; } .fa-leaf:before { content: "\f06c"; } .fa-fire:before { content: "\f06d"; } .fa-eye:before { content: "\f06e"; } .fa-eye-slash:before { content: "\f070"; } .fa-warning:before, .fa-exclamation-triangle:before { content: "\f071"; } .fa-plane:before { content: "\f072"; } .fa-calendar:before { content: "\f073"; } .fa-random:before { content: "\f074"; } .fa-comment:before { content: "\f075"; } .fa-magnet:before { content: "\f076"; } .fa-chevron-up:before { content: "\f077"; } .fa-chevron-down:before { content: "\f078"; } .fa-retweet:before { content: "\f079"; } .fa-shopping-cart:before { content: "\f07a"; } .fa-folder:before { content: "\f07b"; } .fa-folder-open:before { content: "\f07c"; } .fa-arrows-v:before { content: "\f07d"; } .fa-arrows-h:before { content: "\f07e"; } .fa-bar-chart-o:before, .fa-bar-chart:before { content: "\f080"; } .fa-twitter-square:before { content: "\f081"; } .fa-facebook-square:before { content: "\f082"; } .fa-camera-retro:before { content: "\f083"; } .fa-key:before { content: "\f084"; } .fa-gears:before, .fa-cogs:before { content: "\f085"; } .fa-comments:before { content: "\f086"; } .fa-thumbs-o-up:before { content: "\f087"; } .fa-thumbs-o-down:before { content: "\f088"; } .fa-star-half:before { content: "\f089"; } .fa-heart-o:before { content: "\f08a"; } .fa-sign-out:before { content: "\f08b"; } .fa-linkedin-square:before { content: "\f08c"; } .fa-thumb-tack:before { content: "\f08d"; } .fa-external-link:before { content: "\f08e"; } .fa-sign-in:before { content: "\f090"; } .fa-trophy:before { content: "\f091"; } .fa-github-square:before { content: "\f092"; } .fa-upload:before { content: "\f093"; } .fa-lemon-o:before { content: "\f094"; } .fa-phone:before { content: "\f095"; } .fa-square-o:before { content: "\f096"; } .fa-bookmark-o:before { content: "\f097"; } .fa-phone-square:before { content: "\f098"; } .fa-twitter:before { content: "\f099"; } .fa-facebook-f:before, .fa-facebook:before { content: "\f09a"; } .fa-github:before { content: "\f09b"; } .fa-unlock:before { content: "\f09c"; } .fa-credit-card:before { content: "\f09d"; } .fa-feed:before, .fa-rss:before { content: "\f09e"; } .fa-hdd-o:before { content: "\f0a0"; } .fa-bullhorn:before { content: "\f0a1"; } .fa-bell:before { content: "\f0f3"; } .fa-certificate:before { content: "\f0a3"; } .fa-hand-o-right:before { content: "\f0a4"; } .fa-hand-o-left:before { content: "\f0a5"; } .fa-hand-o-up:before { content: "\f0a6"; } .fa-hand-o-down:before { content: "\f0a7"; } .fa-arrow-circle-left:before { content: "\f0a8"; } .fa-arrow-circle-right:before { content: "\f0a9"; } .fa-arrow-circle-up:before { content: "\f0aa"; } .fa-arrow-circle-down:before { content: "\f0ab"; } .fa-globe:before { content: "\f0ac"; } .fa-wrench:before { content: "\f0ad"; } .fa-tasks:before { content: "\f0ae"; } .fa-filter:before { content: "\f0b0"; } .fa-briefcase:before { content: "\f0b1"; } .fa-arrows-alt:before { content: "\f0b2"; } .fa-group:before, .fa-users:before { content: "\f0c0"; } .fa-chain:before, .fa-link:before { content: "\f0c1"; } .fa-cloud:before { content: "\f0c2"; } .fa-flask:before { content: "\f0c3"; } .fa-cut:before, .fa-scissors:before { content: "\f0c4"; } .fa-copy:before, .fa-files-o:before { content: "\f0c5"; } .fa-paperclip:before { content: "\f0c6"; } .fa-save:before, .fa-floppy-o:before { content: "\f0c7"; } .fa-square:before { content: "\f0c8"; } .fa-navicon:before, .fa-reorder:before, .fa-bars:before { content: "\f0c9"; } .fa-list-ul:before { content: "\f0ca"; } .fa-list-ol:before { content: "\f0cb"; } .fa-strikethrough:before { content: "\f0cc"; } .fa-underline:before { content: "\f0cd"; } .fa-table:before { content: "\f0ce"; } .fa-magic:before { content: "\f0d0"; } .fa-truck:before { content: "\f0d1"; } .fa-pinterest:before { content: "\f0d2"; } .fa-pinterest-square:before { content: "\f0d3"; } .fa-google-plus-square:before { content: "\f0d4"; } .fa-google-plus:before { content: "\f0d5"; } .fa-money:before { content: "\f0d6"; } .fa-caret-down:before { content: "\f0d7"; } .fa-caret-up:before { content: "\f0d8"; } .fa-caret-left:before { content: "\f0d9"; } .fa-caret-right:before { content: "\f0da"; } .fa-columns:before { content: "\f0db"; } .fa-unsorted:before, .fa-sort:before { content: "\f0dc"; } .fa-sort-down:before, .fa-sort-desc:before { content: "\f0dd"; } .fa-sort-up:before, .fa-sort-asc:before { content: "\f0de"; } .fa-envelope:before { content: "\f0e0"; } .fa-linkedin:before { content: "\f0e1"; } .fa-rotate-left:before, .fa-undo:before { content: "\f0e2"; } .fa-legal:before, .fa-gavel:before { content: "\f0e3"; } .fa-dashboard:before, .fa-tachometer:before { content: "\f0e4"; } .fa-comment-o:before { content: "\f0e5"; } .fa-comments-o:before { content: "\f0e6"; } .fa-flash:before, .fa-bolt:before { content: "\f0e7"; } .fa-sitemap:before { content: "\f0e8"; } .fa-umbrella:before { content: "\f0e9"; } .fa-paste:before, .fa-clipboard:before { content: "\f0ea"; } .fa-lightbulb-o:before { content: "\f0eb"; } .fa-exchange:before { content: "\f0ec"; } .fa-cloud-download:before { content: "\f0ed"; } .fa-cloud-upload:before { content: "\f0ee"; } .fa-user-md:before { content: "\f0f0"; } .fa-stethoscope:before { content: "\f0f1"; } .fa-suitcase:before { content: "\f0f2"; } .fa-bell-o:before { content: "\f0a2"; } .fa-coffee:before { content: "\f0f4"; } .fa-cutlery:before { content: "\f0f5"; } .fa-file-text-o:before { content: "\f0f6"; } .fa-building-o:before { content: "\f0f7"; } .fa-hospital-o:before { content: "\f0f8"; } .fa-ambulance:before { content: "\f0f9"; } .fa-medkit:before { content: "\f0fa"; } .fa-fighter-jet:before { content: "\f0fb"; } .fa-beer:before { content: "\f0fc"; } .fa-h-square:before { content: "\f0fd"; } .fa-plus-square:before { content: "\f0fe"; } .fa-angle-double-left:before { content: "\f100"; } .fa-angle-double-right:before { content: "\f101"; } .fa-angle-double-up:before { content: "\f102"; } .fa-angle-double-down:before { content: "\f103"; } .fa-angle-left:before { content: "\f104"; } .fa-angle-right:before { content: "\f105"; } .fa-angle-up:before { content: "\f106"; } .fa-angle-down:before { content: "\f107"; } .fa-desktop:before { content: "\f108"; } .fa-laptop:before { content: "\f109"; } .fa-tablet:before { content: "\f10a"; } .fa-mobile-phone:before, .fa-mobile:before { content: "\f10b"; } .fa-circle-o:before { content: "\f10c"; } .fa-quote-left:before { content: "\f10d"; } .fa-quote-right:before { content: "\f10e"; } .fa-spinner:before { content: "\f110"; } .fa-circle:before { content: "\f111"; } .fa-mail-reply:before, .fa-reply:before { content: "\f112"; } .fa-github-alt:before { content: "\f113"; } .fa-folder-o:before { content: "\f114"; } .fa-folder-open-o:before { content: "\f115"; } .fa-smile-o:before { content: "\f118"; } .fa-frown-o:before { content: "\f119"; } .fa-meh-o:before { content: "\f11a"; } .fa-gamepad:before { content: "\f11b"; } .fa-keyboard-o:before { content: "\f11c"; } .fa-flag-o:before { content: "\f11d"; } .fa-flag-checkered:before { content: "\f11e"; } .fa-terminal:before { content: "\f120"; } .fa-code:before { content: "\f121"; } .fa-mail-reply-all:before, .fa-reply-all:before { content: "\f122"; } .fa-star-half-empty:before, .fa-star-half-full:before, .fa-star-half-o:before { content: "\f123"; } .fa-location-arrow:before { content: "\f124"; } .fa-crop:before { content: "\f125"; } .fa-code-fork:before { content: "\f126"; } .fa-unlink:before, .fa-chain-broken:before { content: "\f127"; } .fa-question:before { content: "\f128"; } .fa-info:before { content: "\f129"; } .fa-exclamation:before { content: "\f12a"; } .fa-superscript:before { content: "\f12b"; } .fa-subscript:before { content: "\f12c"; } .fa-eraser:before { content: "\f12d"; } .fa-puzzle-piece:before { content: "\f12e"; } .fa-microphone:before { content: "\f130"; } .fa-microphone-slash:before { content: "\f131"; } .fa-shield:before { content: "\f132"; } .fa-calendar-o:before { content: "\f133"; } .fa-fire-extinguisher:before { content: "\f134"; } .fa-rocket:before { content: "\f135"; } .fa-maxcdn:before { content: "\f136"; } .fa-chevron-circle-left:before { content: "\f137"; } .fa-chevron-circle-right:before { content: "\f138"; } .fa-chevron-circle-up:before { content: "\f139"; } .fa-chevron-circle-down:before { content: "\f13a"; } .fa-html5:before { content: "\f13b"; } .fa-css3:before { content: "\f13c"; } .fa-anchor:before { content: "\f13d"; } .fa-unlock-alt:before { content: "\f13e"; } .fa-bullseye:before { content: "\f140"; } .fa-ellipsis-h:before { content: "\f141"; } .fa-ellipsis-v:before { content: "\f142"; } .fa-rss-square:before { content: "\f143"; } .fa-play-circle:before { content: "\f144"; } .fa-ticket:before { content: "\f145"; } .fa-minus-square:before { content: "\f146"; } .fa-minus-square-o:before { content: "\f147"; } .fa-level-up:before { content: "\f148"; } .fa-level-down:before { content: "\f149"; } .fa-check-square:before { content: "\f14a"; } .fa-pencil-square:before { content: "\f14b"; } .fa-external-link-square:before { content: "\f14c"; } .fa-share-square:before { content: "\f14d"; } .fa-compass:before { content: "\f14e"; } .fa-toggle-down:before, .fa-caret-square-o-down:before { content: "\f150"; } .fa-toggle-up:before, .fa-caret-square-o-up:before { content: "\f151"; } .fa-toggle-right:before, .fa-caret-square-o-right:before { content: "\f152"; } .fa-euro:before, .fa-eur:before { content: "\f153"; } .fa-gbp:before { content: "\f154"; } .fa-dollar:before, .fa-usd:before { content: "\f155"; } .fa-rupee:before, .fa-inr:before { content: "\f156"; } .fa-cny:before, .fa-rmb:before, .fa-yen:before, .fa-jpy:before { content: "\f157"; } .fa-ruble:before, .fa-rouble:before, .fa-rub:before { content: "\f158"; } .fa-won:before, .fa-krw:before { content: "\f159"; } .fa-bitcoin:before, .fa-btc:before { content: "\f15a"; } .fa-file:before { content: "\f15b"; } .fa-file-text:before { content: "\f15c"; } .fa-sort-alpha-asc:before { content: "\f15d"; } .fa-sort-alpha-desc:before { content: "\f15e"; } .fa-sort-amount-asc:before { content: "\f160"; } .fa-sort-amount-desc:before { content: "\f161"; } .fa-sort-numeric-asc:before { content: "\f162"; } .fa-sort-numeric-desc:before { content: "\f163"; } .fa-thumbs-up:before { content: "\f164"; } .fa-thumbs-down:before { content: "\f165"; } .fa-youtube-square:before { content: "\f166"; } .fa-youtube:before { content: "\f167"; } .fa-xing:before { content: "\f168"; } .fa-xing-square:before { content: "\f169"; } .fa-youtube-play:before { content: "\f16a"; } .fa-dropbox:before { content: "\f16b"; } .fa-stack-overflow:before { content: "\f16c"; } .fa-instagram:before { content: "\f16d"; } .fa-flickr:before { content: "\f16e"; } .fa-adn:before { content: "\f170"; } .fa-bitbucket:before { content: "\f171"; } .fa-bitbucket-square:before { content: "\f172"; } .fa-tumblr:before { content: "\f173"; } .fa-tumblr-square:before { content: "\f174"; } .fa-long-arrow-down:before { content: "\f175"; } .fa-long-arrow-up:before { content: "\f176"; } .fa-long-arrow-left:before { content: "\f177"; } .fa-long-arrow-right:before { content: "\f178"; } .fa-apple:before { content: "\f179"; } .fa-windows:before { content: "\f17a"; } .fa-android:before { content: "\f17b"; } .fa-linux:before { content: "\f17c"; } .fa-dribbble:before { content: "\f17d"; } .fa-skype:before { content: "\f17e"; } .fa-foursquare:before { content: "\f180"; } .fa-trello:before { content: "\f181"; } .fa-female:before { content: "\f182"; } .fa-male:before { content: "\f183"; } .fa-gittip:before, .fa-gratipay:before { content: "\f184"; } .fa-sun-o:before { content: "\f185"; } .fa-moon-o:before { content: "\f186"; } .fa-archive:before { content: "\f187"; } .fa-bug:before { content: "\f188"; } .fa-vk:before { content: "\f189"; } .fa-weibo:before { content: "\f18a"; } .fa-renren:before { content: "\f18b"; } .fa-pagelines:before { content: "\f18c"; } .fa-stack-exchange:before { content: "\f18d"; } .fa-arrow-circle-o-right:before { content: "\f18e"; } .fa-arrow-circle-o-left:before { content: "\f190"; } .fa-toggle-left:before, .fa-caret-square-o-left:before { content: "\f191"; } .fa-dot-circle-o:before { content: "\f192"; } .fa-wheelchair:before { content: "\f193"; } .fa-vimeo-square:before { content: "\f194"; } .fa-turkish-lira:before, .fa-try:before { content: "\f195"; } .fa-plus-square-o:before { content: "\f196"; } .fa-space-shuttle:before { content: "\f197"; } .fa-slack:before { content: "\f198"; } .fa-envelope-square:before { content: "\f199"; } .fa-wordpress:before { content: "\f19a"; } .fa-openid:before { content: "\f19b"; } .fa-institution:before, .fa-bank:before, .fa-university:before { content: "\f19c"; } .fa-mortar-board:before, .fa-graduation-cap:before { content: "\f19d"; } .fa-yahoo:before { content: "\f19e"; } .fa-google:before { content: "\f1a0"; } .fa-reddit:before { content: "\f1a1"; } .fa-reddit-square:before { content: "\f1a2"; } .fa-stumbleupon-circle:before { content: "\f1a3"; } .fa-stumbleupon:before { content: "\f1a4"; } .fa-delicious:before { content: "\f1a5"; } .fa-digg:before { content: "\f1a6"; } .fa-pied-piper-pp:before { content: "\f1a7"; } .fa-pied-piper-alt:before { content: "\f1a8"; } .fa-drupal:before { content: "\f1a9"; } .fa-joomla:before { content: "\f1aa"; } .fa-language:before { content: "\f1ab"; } .fa-fax:before { content: "\f1ac"; } .fa-building:before { content: "\f1ad"; } .fa-child:before { content: "\f1ae"; } .fa-paw:before { content: "\f1b0"; } .fa-spoon:before { content: "\f1b1"; } .fa-cube:before { content: "\f1b2"; } .fa-cubes:before { content: "\f1b3"; } .fa-behance:before { content: "\f1b4"; } .fa-behance-square:before { content: "\f1b5"; } .fa-steam:before { content: "\f1b6"; } .fa-steam-square:before { content: "\f1b7"; } .fa-recycle:before { content: "\f1b8"; } .fa-automobile:before, .fa-car:before { content: "\f1b9"; } .fa-cab:before, .fa-taxi:before { content: "\f1ba"; } .fa-tree:before { content: "\f1bb"; } .fa-spotify:before { content: "\f1bc"; } .fa-deviantart:before { content: "\f1bd"; } .fa-soundcloud:before { content: "\f1be"; } .fa-database:before { content: "\f1c0"; } .fa-file-pdf-o:before { content: "\f1c1"; } .fa-file-word-o:before { content: "\f1c2"; } .fa-file-excel-o:before { content: "\f1c3"; } .fa-file-powerpoint-o:before { content: "\f1c4"; } .fa-file-photo-o:before, .fa-file-picture-o:before, .fa-file-image-o:before { content: "\f1c5"; } .fa-file-zip-o:before, .fa-file-archive-o:before { content: "\f1c6"; } .fa-file-sound-o:before, .fa-file-audio-o:before { content: "\f1c7"; } .fa-file-movie-o:before, .fa-file-video-o:before { content: "\f1c8"; } .fa-file-code-o:before { content: "\f1c9"; } .fa-vine:before { content: "\f1ca"; } .fa-codepen:before { content: "\f1cb"; } .fa-jsfiddle:before { content: "\f1cc"; } .fa-life-bouy:before, .fa-life-buoy:before, .fa-life-saver:before, .fa-support:before, .fa-life-ring:before { content: "\f1cd"; } .fa-circle-o-notch:before { content: "\f1ce"; } .fa-ra:before, .fa-resistance:before, .fa-rebel:before { content: "\f1d0"; } .fa-ge:before, .fa-empire:before { content: "\f1d1"; } .fa-git-square:before { content: "\f1d2"; } .fa-git:before { content: "\f1d3"; } .fa-y-combinator-square:before, .fa-yc-square:before, .fa-hacker-news:before { content: "\f1d4"; } .fa-tencent-weibo:before { content: "\f1d5"; } .fa-qq:before { content: "\f1d6"; } .fa-wechat:before, .fa-weixin:before { content: "\f1d7"; } .fa-send:before, .fa-paper-plane:before { content: "\f1d8"; } .fa-send-o:before, .fa-paper-plane-o:before { content: "\f1d9"; } .fa-history:before { content: "\f1da"; } .fa-circle-thin:before { content: "\f1db"; } .fa-header:before { content: "\f1dc"; } .fa-paragraph:before { content: "\f1dd"; } .fa-sliders:before { content: "\f1de"; } .fa-share-alt:before { content: "\f1e0"; } .fa-share-alt-square:before { content: "\f1e1"; } .fa-bomb:before { content: "\f1e2"; } .fa-soccer-ball-o:before, .fa-futbol-o:before { content: "\f1e3"; } .fa-tty:before { content: "\f1e4"; } .fa-binoculars:before { content: "\f1e5"; } .fa-plug:before { content: "\f1e6"; } .fa-slideshare:before { content: "\f1e7"; } .fa-twitch:before { content: "\f1e8"; } .fa-yelp:before { content: "\f1e9"; } .fa-newspaper-o:before { content: "\f1ea"; } .fa-wifi:before { content: "\f1eb"; } .fa-calculator:before { content: "\f1ec"; } .fa-paypal:before { content: "\f1ed"; } .fa-google-wallet:before { content: "\f1ee"; } .fa-cc-visa:before { content: "\f1f0"; } .fa-cc-mastercard:before { content: "\f1f1"; } .fa-cc-discover:before { content: "\f1f2"; } .fa-cc-amex:before { content: "\f1f3"; } .fa-cc-paypal:before { content: "\f1f4"; } .fa-cc-stripe:before { content: "\f1f5"; } .fa-bell-slash:before { content: "\f1f6"; } .fa-bell-slash-o:before { content: "\f1f7"; } .fa-trash:before { content: "\f1f8"; } .fa-copyright:before { content: "\f1f9"; } .fa-at:before { content: "\f1fa"; } .fa-eyedropper:before { content: "\f1fb"; } .fa-paint-brush:before { content: "\f1fc"; } .fa-birthday-cake:before { content: "\f1fd"; } .fa-area-chart:before { content: "\f1fe"; } .fa-pie-chart:before { content: "\f200"; } .fa-line-chart:before { content: "\f201"; } .fa-lastfm:before { content: "\f202"; } .fa-lastfm-square:before { content: "\f203"; } .fa-toggle-off:before { content: "\f204"; } .fa-toggle-on:before { content: "\f205"; } .fa-bicycle:before { content: "\f206"; } .fa-bus:before { content: "\f207"; } .fa-ioxhost:before { content: "\f208"; } .fa-angellist:before { content: "\f209"; } .fa-cc:before { content: "\f20a"; } .fa-shekel:before, .fa-sheqel:before, .fa-ils:before { content: "\f20b"; } .fa-meanpath:before { content: "\f20c"; } .fa-buysellads:before { content: "\f20d"; } .fa-connectdevelop:before { content: "\f20e"; } .fa-dashcube:before { content: "\f210"; } .fa-forumbee:before { content: "\f211"; } .fa-leanpub:before { content: "\f212"; } .fa-sellsy:before { content: "\f213"; } .fa-shirtsinbulk:before { content: "\f214"; } .fa-simplybuilt:before { content: "\f215"; } .fa-skyatlas:before { content: "\f216"; } .fa-cart-plus:before { content: "\f217"; } .fa-cart-arrow-down:before { content: "\f218"; } .fa-diamond:before { content: "\f219"; } .fa-ship:before { content: "\f21a"; } .fa-user-secret:before { content: "\f21b"; } .fa-motorcycle:before { content: "\f21c"; } .fa-street-view:before { content: "\f21d"; } .fa-heartbeat:before { content: "\f21e"; } .fa-venus:before { content: "\f221"; } .fa-mars:before { content: "\f222"; } .fa-mercury:before { content: "\f223"; } .fa-intersex:before, .fa-transgender:before { content: "\f224"; } .fa-transgender-alt:before { content: "\f225"; } .fa-venus-double:before { content: "\f226"; } .fa-mars-double:before { content: "\f227"; } .fa-venus-mars:before { content: "\f228"; } .fa-mars-stroke:before { content: "\f229"; } .fa-mars-stroke-v:before { content: "\f22a"; } .fa-mars-stroke-h:before { content: "\f22b"; } .fa-neuter:before { content: "\f22c"; } .fa-genderless:before { content: "\f22d"; } .fa-facebook-official:before { content: "\f230"; } .fa-pinterest-p:before { content: "\f231"; } .fa-whatsapp:before { content: "\f232"; } .fa-server:before { content: "\f233"; } .fa-user-plus:before { content: "\f234"; } .fa-user-times:before { content: "\f235"; } .fa-hotel:before, .fa-bed:before { content: "\f236"; } .fa-viacoin:before { content: "\f237"; } .fa-train:before { content: "\f238"; } .fa-subway:before { content: "\f239"; } .fa-medium:before { content: "\f23a"; } .fa-yc:before, .fa-y-combinator:before { content: "\f23b"; } .fa-optin-monster:before { content: "\f23c"; } .fa-opencart:before { content: "\f23d"; } .fa-expeditedssl:before { content: "\f23e"; } .fa-battery-4:before, .fa-battery:before, .fa-battery-full:before { content: "\f240"; } .fa-battery-3:before, .fa-battery-three-quarters:before { content: "\f241"; } .fa-battery-2:before, .fa-battery-half:before { content: "\f242"; } .fa-battery-1:before, .fa-battery-quarter:before { content: "\f243"; } .fa-battery-0:before, .fa-battery-empty:before { content: "\f244"; } .fa-mouse-pointer:before { content: "\f245"; } .fa-i-cursor:before { content: "\f246"; } .fa-object-group:before { content: "\f247"; } .fa-object-ungroup:before { content: "\f248"; } .fa-sticky-note:before { content: "\f249"; } .fa-sticky-note-o:before { content: "\f24a"; } .fa-cc-jcb:before { content: "\f24b"; } .fa-cc-diners-club:before { content: "\f24c"; } .fa-clone:before { content: "\f24d"; } .fa-balance-scale:before { content: "\f24e"; } .fa-hourglass-o:before { content: "\f250"; } .fa-hourglass-1:before, .fa-hourglass-start:before { content: "\f251"; } .fa-hourglass-2:before, .fa-hourglass-half:before { content: "\f252"; } .fa-hourglass-3:before, .fa-hourglass-end:before { content: "\f253"; } .fa-hourglass:before { content: "\f254"; } .fa-hand-grab-o:before, .fa-hand-rock-o:before { content: "\f255"; } .fa-hand-stop-o:before, .fa-hand-paper-o:before { content: "\f256"; } .fa-hand-scissors-o:before { content: "\f257"; } .fa-hand-lizard-o:before { content: "\f258"; } .fa-hand-spock-o:before { content: "\f259"; } .fa-hand-pointer-o:before { content: "\f25a"; } .fa-hand-peace-o:before { content: "\f25b"; } .fa-trademark:before { content: "\f25c"; } .fa-registered:before { content: "\f25d"; } .fa-creative-commons:before { content: "\f25e"; } .fa-gg:before { content: "\f260"; } .fa-gg-circle:before { content: "\f261"; } .fa-tripadvisor:before { content: "\f262"; } .fa-odnoklassniki:before { content: "\f263"; } .fa-odnoklassniki-square:before { content: "\f264"; } .fa-get-pocket:before { content: "\f265"; } .fa-wikipedia-w:before { content: "\f266"; } .fa-safari:before { content: "\f267"; } .fa-chrome:before { content: "\f268"; } .fa-firefox:before { content: "\f269"; } .fa-opera:before { content: "\f26a"; } .fa-internet-explorer:before { content: "\f26b"; } .fa-tv:before, .fa-television:before { content: "\f26c"; } .fa-contao:before { content: "\f26d"; } .fa-500px:before { content: "\f26e"; } .fa-amazon:before { content: "\f270"; } .fa-calendar-plus-o:before { content: "\f271"; } .fa-calendar-minus-o:before { content: "\f272"; } .fa-calendar-times-o:before { content: "\f273"; } .fa-calendar-check-o:before { content: "\f274"; } .fa-industry:before { content: "\f275"; } .fa-map-pin:before { content: "\f276"; } .fa-map-signs:before { content: "\f277"; } .fa-map-o:before { content: "\f278"; } .fa-map:before { content: "\f279"; } .fa-commenting:before { content: "\f27a"; } .fa-commenting-o:before { content: "\f27b"; } .fa-houzz:before { content: "\f27c"; } .fa-vimeo:before { content: "\f27d"; } .fa-black-tie:before { content: "\f27e"; } .fa-fonticons:before { content: "\f280"; } .fa-reddit-alien:before { content: "\f281"; } .fa-edge:before { content: "\f282"; } .fa-credit-card-alt:before { content: "\f283"; } .fa-codiepie:before { content: "\f284"; } .fa-modx:before { content: "\f285"; } .fa-fort-awesome:before { content: "\f286"; } .fa-usb:before { content: "\f287"; } .fa-product-hunt:before { content: "\f288"; } .fa-mixcloud:before { content: "\f289"; } .fa-scribd:before { content: "\f28a"; } .fa-pause-circle:before { content: "\f28b"; } .fa-pause-circle-o:before { content: "\f28c"; } .fa-stop-circle:before { content: "\f28d"; } .fa-stop-circle-o:before { content: "\f28e"; } .fa-shopping-bag:before { content: "\f290"; } .fa-shopping-basket:before { content: "\f291"; } .fa-hashtag:before { content: "\f292"; } .fa-bluetooth:before { content: "\f293"; } .fa-bluetooth-b:before { content: "\f294"; } .fa-percent:before { content: "\f295"; } .fa-gitlab:before { content: "\f296"; } .fa-wpbeginner:before { content: "\f297"; } .fa-wpforms:before { content: "\f298"; } .fa-envira:before { content: "\f299"; } .fa-universal-access:before { content: "\f29a"; } .fa-wheelchair-alt:before { content: "\f29b"; } .fa-question-circle-o:before { content: "\f29c"; } .fa-blind:before { content: "\f29d"; } .fa-audio-description:before { content: "\f29e"; } .fa-volume-control-phone:before { content: "\f2a0"; } .fa-braille:before { content: "\f2a1"; } .fa-assistive-listening-systems:before { content: "\f2a2"; } .fa-asl-interpreting:before, .fa-american-sign-language-interpreting:before { content: "\f2a3"; } .fa-deafness:before, .fa-hard-of-hearing:before, .fa-deaf:before { content: "\f2a4"; } .fa-glide:before { content: "\f2a5"; } .fa-glide-g:before { content: "\f2a6"; } .fa-signing:before, .fa-sign-language:before { content: "\f2a7"; } .fa-low-vision:before { content: "\f2a8"; } .fa-viadeo:before { content: "\f2a9"; } .fa-viadeo-square:before { content: "\f2aa"; } .fa-snapchat:before { content: "\f2ab"; } .fa-snapchat-ghost:before { content: "\f2ac"; } .fa-snapchat-square:before { content: "\f2ad"; } .fa-pied-piper:before { content: "\f2ae"; } .fa-first-order:before { content: "\f2b0"; } .fa-yoast:before { content: "\f2b1"; } .fa-themeisle:before { content: "\f2b2"; } .fa-google-plus-circle:before, .fa-google-plus-official:before { content: "\f2b3"; } .fa-fa:before, .fa-font-awesome:before { content: "\f2b4"; } .fa-handshake-o:before { content: "\f2b5"; } .fa-envelope-open:before { content: "\f2b6"; } .fa-envelope-open-o:before { content: "\f2b7"; } .fa-linode:before { content: "\f2b8"; } .fa-address-book:before { content: "\f2b9"; } .fa-address-book-o:before { content: "\f2ba"; } .fa-vcard:before, .fa-address-card:before { content: "\f2bb"; } .fa-vcard-o:before, .fa-address-card-o:before { content: "\f2bc"; } .fa-user-circle:before { content: "\f2bd"; } .fa-user-circle-o:before { content: "\f2be"; } .fa-user-o:before { content: "\f2c0"; } .fa-id-badge:before { content: "\f2c1"; } .fa-drivers-license:before, .fa-id-card:before { content: "\f2c2"; } .fa-drivers-license-o:before, .fa-id-card-o:before { content: "\f2c3"; } .fa-quora:before { content: "\f2c4"; } .fa-free-code-camp:before { content: "\f2c5"; } .fa-telegram:before { content: "\f2c6"; } .fa-thermometer-4:before, .fa-thermometer:before, .fa-thermometer-full:before { content: "\f2c7"; } .fa-thermometer-3:before, .fa-thermometer-three-quarters:before { content: "\f2c8"; } .fa-thermometer-2:before, .fa-thermometer-half:before { content: "\f2c9"; } .fa-thermometer-1:before, .fa-thermometer-quarter:before { content: "\f2ca"; } .fa-thermometer-0:before, .fa-thermometer-empty:before { content: "\f2cb"; } .fa-shower:before { content: "\f2cc"; } .fa-bathtub:before, .fa-s15:before, .fa-bath:before { content: "\f2cd"; } .fa-podcast:before { content: "\f2ce"; } .fa-window-maximize:before { content: "\f2d0"; } .fa-window-minimize:before { content: "\f2d1"; } .fa-window-restore:before { content: "\f2d2"; } .fa-times-rectangle:before, .fa-window-close:before { content: "\f2d3"; } .fa-times-rectangle-o:before, .fa-window-close-o:before { content: "\f2d4"; } .fa-bandcamp:before { content: "\f2d5"; } .fa-grav:before { content: "\f2d6"; } .fa-etsy:before { content: "\f2d7"; } .fa-imdb:before { content: "\f2d8"; } .fa-ravelry:before { content: "\f2d9"; } .fa-eercast:before { content: "\f2da"; } .fa-microchip:before { content: "\f2db"; } .fa-snowflake-o:before { content: "\f2dc"; } .fa-superpowers:before { content: "\f2dd"; } .fa-wpexplorer:before { content: "\f2de"; } .fa-meetup:before { content: "\f2e0"; } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } .sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; margin: 0; overflow: visible; clip: auto; } /*Historic Support if very old browsers still need to be supported. Formats in this snippet: [woff2,woff,ttf,svg,eot]*/ /* special-elite-regular - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Special Elite'; font-style: normal; font-weight: 400; src: url('../../../typo3conf/ext/t3-kindler/Resources/Public/WebFonts/special-elite-v18-latin-regular.eot'); /* IE9 Compat Modes */ src: url('../../../typo3conf/ext/t3-kindler/Resources/Public/WebFonts/special-elite-v18-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../../typo3conf/ext/t3-kindler/Resources/Public/WebFonts/special-elite-v18-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('../../../typo3conf/ext/t3-kindler/Resources/Public/WebFonts/special-elite-v18-latin-regular.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */ url('../../../typo3conf/ext/t3-kindler/Resources/Public/WebFonts/special-elite-v18-latin-regular.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ url('../../../typo3conf/ext/t3-kindler/Resources/Public/WebFonts/special-elite-v18-latin-regular.svg#SpecialElite') format('svg'); /* Legacy iOS */ } [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;transform:translateZ(0)}[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(0) 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(0)}[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)} .bs-icon { --bs-icon-size: .75rem; display: flex; flex-shrink: 0; justify-content: center; align-items: center; font-size: var(--bs-icon-size); width: calc(var(--bs-icon-size) * 2); height: calc(var(--bs-icon-size) * 2); color: var(--bs-primary); } .bs-icon-xs { --bs-icon-size: 1rem; width: calc(var(--bs-icon-size) * 1.5); height: calc(var(--bs-icon-size) * 1.5); } .bs-icon-sm { --bs-icon-size: 1rem; } .bs-icon-md { --bs-icon-size: 1.5rem; } .bs-icon-lg { --bs-icon-size: 2rem; } .bs-icon-xl { --bs-icon-size: 2.5rem; } .bs-icon.bs-icon-primary { color: var(--bs-white); background: rgba(255,255,255,0.5); } .bs-icon.bs-icon-primary-light { color: var(--bs-primary); background: rgba(var(--bs-primary-rgb), .2); } .bs-icon.bs-icon-semi-white { color: var(--bs-primary); background: rgba(255, 255, 255, .5); } .bs-icon.bs-icon-rounded { border-radius: .5rem; } .bs-icon.bs-icon-circle { border-radius: 50%; } div { } .bs-icon { --bs-icon-size: .75rem; display: flex; flex-shrink: 0; justify-content: center; align-items: center; font-size: var(--bs-icon-size); width: calc(var(--bs-icon-size) * 2); height: calc(var(--bs-icon-size) * 2); color: var(--bs-primary); } .bs-icon-xs { --bs-icon-size: 1rem; width: calc(var(--bs-icon-size) * 1.5); height: calc(var(--bs-icon-size) * 1.5); } .bs-icon-sm { --bs-icon-size: 1rem; } .bs-icon-md { --bs-icon-size: 1.5rem; } .bs-icon-lg { --bs-icon-size: 2rem; } .bs-icon-xl { --bs-icon-size: 2.5rem; } .bs-icon.bs-icon-primary { color: var(--bs-white); background: var(--bs-primary); } .bs-icon.bs-icon-primary-light { color: var(--bs-primary); background: rgba(var(--bs-primary-rgb), .2); } .bs-icon.bs-icon-semi-white { color: var(--bs-primary); background: rgba(255, 255, 255, .5); } .bs-icon.bs-icon-rounded { border-radius: .5rem; } .bs-icon.bs-icon-circle { border-radius: 50%; } /* * * Swiper 6.4.8 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2021 Vladimir Kharlampidi * * Released under the MIT License * * Released on: January 22, 2021 */ :root { --swiper-theme-color: #1c3468; } .swiper-container { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; list-style: none; padding: 0; z-index: 1; } .swiper-container-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-container-android .swiper-slide, .swiper-wrapper { transform: translate3d(0px,0,0); } .swiper-container-multirow > .swiper-wrapper { flex-wrap: wrap; } .swiper-container-multirow-column > .swiper-wrapper { flex-wrap: wrap; flex-direction: column; } .swiper-container-free-mode > .swiper-wrapper { transition-timing-function: ease-out; margin: 0 auto; } .swiper-container-pointer-events { touch-action: pan-y; } .swiper-container-pointer-events.swiper-container-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-container-autoheight, .swiper-container-autoheight .swiper-slide { height: auto; } .swiper-container-autoheight .swiper-wrapper { align-items: flex-start; transition-property: transform,height; } .swiper-container-3d { perspective: 1200px; } .swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper { transform-style: preserve-3d; } .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top { position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 10; } .swiper-container-3d .swiper-slide-shadow-left { background-image: linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0)); } .swiper-container-3d .swiper-slide-shadow-right { background-image: linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0)); } .swiper-container-3d .swiper-slide-shadow-top { background-image: linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0)); } .swiper-container-3d .swiper-slide-shadow-bottom { background-image: linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0)); } .swiper-container-css-mode > .swiper-wrapper { overflow: auto; scrollbar-width: none; -ms-overflow-style: none; } .swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar { display: none; } .swiper-container-css-mode > .swiper-wrapper > .swiper-slide { scroll-snap-align: start start; } .swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper { scroll-snap-type: x mandatory; } .swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper { scroll-snap-type: y mandatory; } :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(-1 * 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:after, .swiper-button-prev:after { font-family: swiper-icons; font-size: var(--swiper-navigation-size); text-transform: none!important; letter-spacing: 0; text-transform: none; font-variant: initial; line-height: 1; } .swiper-button-prev, .swiper-container-rtl .swiper-button-next { left: 10px; right: auto; } .swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after { content: 'prev'; } .swiper-button-next, .swiper-container-rtl .swiper-button-prev { right: 10px; left: auto; } .swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after { content: 'next'; } .swiper-button-next.swiper-button-white, .swiper-button-prev.swiper-button-white { --swiper-navigation-color: #ffffff; } .swiper-button-next.swiper-button-black, .swiper-button-prev.swiper-button-black { --swiper-navigation-color: #000000; } .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-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 0px; 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: 14px; height:14px; display: inline-block; border-radius: 50%; background: #000; opacity: .2; } button.swiper-pagination-bullet { border: none; margin: 0; padding: 0; box-shadow: none; -moz-appearance: none; appearance: none; } .swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer; } .swiper-pagination-bullet-active { opacity: 1; background: var(--swiper-pagination-color,var(--swiper-theme-color)); } .swiper-container-vertical > .swiper-pagination-bullets { right: 10px; top: 50%; transform: translate3d(0px,-50%,0); } .swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 6px 0; display: block; } .swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic { top: 50%; transform: translateY(-50%); width: 8px; } .swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { display: inline-block; transition: .2s transform,.2s top; } .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 4px; } .swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic { left: 50%; transform: translateX(-50%); white-space: nowrap; } .swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: .2s transform,.2s left; } .swiper-container-horizontal.swiper-container-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-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { transform-origin: right top; } .swiper-container-horizontal > .swiper-pagination-progressbar, .swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite { width: 100%; height: 4px; left: 0; top: 0; } .swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-container-vertical > .swiper-pagination-progressbar { width: 4px; height: 100%; left: 0; top: 0; } .swiper-pagination-white { --swiper-pagination-color: #ffffff; } .swiper-pagination-black { --swiper-pagination-color: #000000; } .swiper-pagination-lock { display: none; } .swiper-scrollbar { border-radius: 10px; position: relative; -ms-touch-action: none; background: rgba(0,0,0,.1); } .swiper-container-horizontal > .swiper-scrollbar { position: absolute; left: 1%; bottom: 3px; z-index: 50; height: 5px; width: 98%; } .swiper-container-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%; animation: swiper-preloader-spin 1s infinite linear; box-sizing: border-box; border: 4px solid var(--swiper-preloader-color,var(--swiper-theme-color)); border-radius: 50%; border-top-color: transparent; } .swiper-lazy-preloader-white { --swiper-preloader-color: #fff; } .swiper-lazy-preloader-black { --swiper-preloader-color: #000; } @keyframes swiper-preloader-spin { 100% { transform: rotate(360deg); } } .swiper-container .swiper-notification { position: absolute; left: 0; top: 0; pointer-events: none; opacity: 0; z-index: -1000; } .swiper-container-fade.swiper-container-free-mode .swiper-slide { transition-timing-function: ease-out; } .swiper-container-fade .swiper-slide { pointer-events: none; transition-property: opacity; } .swiper-container-fade .swiper-slide .swiper-slide { pointer-events: none; } .swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-container-cube { overflow: visible; } .swiper-container-cube .swiper-slide { pointer-events: none; backface-visibility: hidden; z-index: 1; visibility: hidden; transform-origin: 0 0; width: 100%; height: 100%; } .swiper-container-cube .swiper-slide .swiper-slide { pointer-events: none; } .swiper-container-cube.swiper-container-rtl .swiper-slide { transform-origin: 100% 0; } .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-next + .swiper-slide, .swiper-container-cube .swiper-slide-prev { pointer-events: auto; visibility: visible; } .swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-cube .swiper-slide-shadow-top { z-index: 0; backface-visibility: hidden; } .swiper-container-cube .swiper-cube-shadow { position: absolute; left: 0; bottom: 0px; width: 100%; height: 100%; opacity: .6; z-index: 0; } .swiper-container-cube .swiper-cube-shadow:before { content: ''; background: #000; position: absolute; left: 0; top: 0; bottom: 0; right: 0; filter: blur(50px); } .swiper-container-flip { overflow: visible; } .swiper-container-flip .swiper-slide { pointer-events: none; backface-visibility: hidden; z-index: 1; } .swiper-container-flip .swiper-slide .swiper-slide { pointer-events: none; } .swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right, .swiper-container-flip .swiper-slide-shadow-top { z-index: 0; backface-visibility: hidden; } .simple-slider .swiper-slide { height: 575px; background-repeat: no-repeat; background-size: cover; background-position: center; } .simple-slider .swiper-button-next, .simple-slider .swiper-button-prev { width: 50px; margin-left: 20px; margin-right: 20px; } @media (max-width:767px) { .simple-slider .swiper-button-next, .simple-slider .swiper-button-prev { display: none; } } @media (max-width:767px) { .simple-slider .swiper-slide { height: 366px; height: 450px; } } .fit-cover { object-fit: cover; } /*! * Mmenu Light * mmenujs.com/mmenu-light * * Copyright (c) Fred Heusschen * www.frebsite.nl * * License: CC-BY-4.0 * http://creativecommons.org/licenses/by/4.0/ */:root{--mm-ocd-width:80%;--mm-ocd-min-width:200px;--mm-ocd-max-width:440px}body.mm-ocd-opened{overflow-y:hidden;-ms-scroll-chaining:none;overscroll-behavior:none}.mm-ocd{position:fixed;top:0;right:0;bottom:100%;left:0;z-index:9999;overflow:hidden;-ms-scroll-chaining:none;overscroll-behavior:contain;background:rgba(0,0,0,0);-webkit-transition-property:bottom,background-color;-o-transition-property:bottom,background-color;transition-property:bottom,background-color;-webkit-transition-duration:0s,.3s;-o-transition-duration:0s,.3s;transition-duration:0s,.3s;-webkit-transition-timing-function:ease;-o-transition-timing-function:ease;transition-timing-function:ease;-webkit-transition-delay:.45s,.15s;-o-transition-delay:.45s,.15s;transition-delay:.45s,.15s}.mm-ocd--open{bottom:0;background:rgba(0,0,0,.25);-webkit-transition-delay:0s;-o-transition-delay:0s;transition-delay:0s}.mm-ocd__content{position:absolute;top:0;bottom:0;z-index:2;width:var(--mm-ocd-width);min-width:var(--mm-ocd-min-width);max-width:var(--mm-ocd-max-width);background:#fff;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-transition-duration:.3s;-o-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease;-o-transition-timing-function:ease;transition-timing-function:ease}.mm-ocd--left .mm-ocd__content{left:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.mm-ocd--right .mm-ocd__content{right:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.mm-ocd--open .mm-ocd__content{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.mm-ocd__backdrop{position:absolute;top:0;bottom:0;z-index:3;width:clamp(calc(100% - var(--mm-ocd-max-width)),calc(100% - var(--mm-ocd-width)),calc(100% - var(--mm-ocd-min-width)));background:rgba(3,2,1,0)}.mm-ocd--left .mm-ocd__backdrop{right:0}.mm-ocd--right .mm-ocd__backdrop{left:0}.mm-spn,.mm-spn a,.mm-spn li,.mm-spn span,.mm-spn ul{display:block;padding:0;margin:0;-webkit-box-sizing:border-box;box-sizing:border-box}:root{--mm-spn-item-height:50px;--mm-spn-item-indent:20px;--mm-spn-line-height:24px;--mm-spn-panel-offset:30%}.mm-spn{width:100%;height:100%;-webkit-tap-highlight-color:transparent;-webkit-overflow-scrolling:touch;overflow:hidden;-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0);-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}.mm-spn ul{-webkit-overflow-scrolling:touch;position:fixed;top:0;left:100%;bottom:0;z-index:2;width:calc(100% + var(--mm-spn-panel-offset));padding-right:var(--mm-spn-panel-offset);line-height:var(--mm-spn-line-height);overflow:visible;overflow-y:auto;background:inherit;-webkit-transition:left .3s ease 0s;-o-transition:left .3s ease 0s;transition:left .3s ease 0s;cursor:default}.mm-spn ul:after{content:"";display:block;height:var(--mm-spn-item-height)}.mm-spn>ul{left:0}.mm-spn ul.mm-spn--open{left:0}.mm-spn ul.mm-spn--parent{left:calc(-1 * var(--mm-spn-panel-offset));overflow:visible}.mm-spn li{position:relative;background:inherit;cursor:pointer}.mm-spn li:before{content:"";display:block;position:absolute;top:calc(var(--mm-spn-item-height)/ 2);right:calc(var(--mm-spn-item-height)/ 2);z-index:0;width:10px;height:10px;border-top:2px solid;border-right:2px solid;-webkit-transform:rotate(45deg) translate(0,-50%);-ms-transform:rotate(45deg) translate(0,-50%);transform:rotate(45deg) translate(0,-50%);opacity:.4}.mm-spn li:after{content:"";display:block;margin-left:var(--mm-spn-item-indent);border-top:1px solid;opacity:.15}.mm-spn a,.mm-spn span{position:relative;z-index:1;padding:calc((var(--mm-spn-item-height) - var(--mm-spn-line-height))/ 2) var(--mm-spn-item-indent)}.mm-spn a{background:inherit;color:inherit;text-decoration:none}.mm-spn a:not(:last-child){width:calc(100% - var(--mm-spn-item-height))}.mm-spn a:not(:last-child):after{content:"";display:block;position:absolute;top:0;right:0;bottom:0;border-right:1px solid;opacity:.15}.mm-spn span{background:0 0}.mm-spn.mm-spn--navbar{cursor:pointer}.mm-spn.mm-spn--navbar:before{content:"";display:block;position:absolute;top:calc(var(--mm-spn-item-height)/ 2);left:var(--mm-spn-item-indent);width:10px;height:10px;margin-top:2px;border-top:2px solid;border-left:2px solid;-webkit-transform:rotate(-45deg) translate(50%,-50%);-ms-transform:rotate(-45deg) translate(50%,-50%);transform:rotate(-45deg) translate(50%,-50%);opacity:.4}.mm-spn.mm-spn--navbar.mm-spn--main{cursor:default}.mm-spn.mm-spn--navbar.mm-spn--main:before{content:none;display:none}.mm-spn.mm-spn--navbar:after{content:attr(data-mm-spn-title);display:block;position:absolute;top:0;left:0;right:0;height:var(--mm-spn-item-height);padding:0 calc(var(--mm-spn-item-indent) * 2);line-height:var(--mm-spn-item-height);opacity:.4;text-align:center;overflow:hidden;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis}.mm-spn.mm-spn--navbar.mm-spn--main:after{padding-left:var(--mm-spn-item-indent)}.mm-spn.mm-spn--navbar ul{top:calc(var(--mm-spn-item-height) + 1px)}.mm-spn.mm-spn--navbar ul:before{content:"";display:block;position:fixed;top:inherit;z-index:2;width:100%;border-top:1px solid currentColor;opacity:.15}.mm-spn.mm-spn--light{color:#444;background:#f3f3f3}.mm-spn.mm-spn--dark{color:#ddd;background:#333}.mm-spn.mm-spn--vertical{overflow-y:auto}.mm-spn.mm-spn--vertical ul{width:100%;padding-right:0;position:static}.mm-spn.mm-spn--vertical ul ul{display:none;padding-left:var(--mm-spn-item-indent)}.mm-spn.mm-spn--vertical ul ul:after{height:calc(var(--mm-spn-item-height)/ 2)}.mm-spn.mm-spn--vertical ul.mm-spn--open{display:block}.mm-spn.mm-spn--vertical li.mm-spn--open:before{-webkit-transform:rotate(135deg) translate(-50%,0);-ms-transform:rotate(135deg) translate(-50%,0);transform:rotate(135deg) translate(-50%,0)}.mm-spn.mm-spn--vertical ul ul li:last-child:after{content:none;display:none} /* Copyright © 2023 Jürgen Michael Kindler, kontakt@t3-kindler.berlin */ /* Bootstrap 5 Breakpoints */ /* Breakpoint Class infix Dimensions X-Small None <576px Small sm ≥576px Medium md ≥768px Large lg ≥992px Extra large xl ≥1200px Extra extra large xxl ≥1400px */ /* immer unsichtbar außerhalb des Viewports parken */ .skip-link { position: fixed; /* vom Layout entkoppelt */ top: 0; left: 0; transform: translateY(-120%); /* sicher über den Viewport schieben */ background: #fff; color: #004d99; padding: 8px 16px; z-index: 10000; text-decoration: none; transition: transform 0.2s ease; } /* nur zeigen, wenn via Tastatur fokussiert */ .skip-link:focus, .skip-link:focus-visible { /* moderne Browser: nur bei Tastaturfokus */ transform: translateY(0); } body { position: relative; /*width: 100%; height: 100%;*/ background-color: #fcfafa; background-color: #DFDBE5; /* see https://heropatterns.com/ */ /* background-image: url("data:image/svg+xml,%3Csvg width='42' height='44' viewBox='0 0 42 44' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='Page-1' fill='none' fill-rule='evenodd'%3E%3Cg id='brick-wall' fill='%23b6b1bf' fill-opacity='0.4'%3E%3Cpath d='M0 0h42v44H0V0zm1 1h40v20H1V1zM0 23h20v20H0V23zm22 0h20v20H22V23z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); background-image: url('../../../typo3conf/ext/t3-kindler/Resources/Public/Images/Banner/bricks-white.webp'); background: url('../../../typo3conf/ext/t3-kindler/Resources/Public/Images/Banner/bricks-white.jpg') 0 0 repeat; background: url('../../../typo3conf/ext/t3-kindler/Resources/Public/Images/Banner/bricks-white.webp') 0 0 repeat; */ color: #555; font-weight: 400; font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; font-size: 1rem; /* font-family: "Lora","Helvetica Neue",Helvetica,Arial,sans-serif; font-family: 'Roboto Condensed', Helvetica, Arial, sans-serif; font-family: "Open Sans", Helvetica, Arial, sans-serif;*/ line-height: 1.6; /*-moz-osx-font-smoothing: grayscale; -moz-font-feature-settings: "liga", "kern";*/ text-rendering: optimizelegibility; } .outer-wrapper { background-color: #fff; margin-right: auto; margin-left: auto; max-width: 1360px; max-width: 1600px; height: 100% !important; } /* Hintergrund für Testimonials */ body#page-uid-3 .outer-wrapper{ background-image: url('../../../typo3conf/ext/t3-kindler/Resources/Public/Images/Background/PaperBackground.png'); } [data-overlay-dark="55"]::before, [data-overlay-light="55"]::before { opacity: 0.98; } .masthead-inner{ /*background: aquamarine;*/ display: block; height: 100vh; width: 100%; z-index: 0; } @media (min-width: 992px) { [data-overlay-dark]::before { /*background: #000;*/ /*background: hsla(0, 5%, 7.8%, 0.37) border-box;*/ /*background: hsla(0, 0.8%, 52.9%, 0.37) border-box;*/ background: hsla(0, 5%, 7.8%, 0.13) border-box; } [data-overlay-dark]::before, [data-overlay-light]::before { content: ''; position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 0; } } section { max-width: 1600px; margin-left: auto; margin-right: auto; } /* Leistungen uid=3 */ body#page-uid-3 section#about{ margin-top: -5rem; } html body#page-uid-3 section#about .service a{ color: var(--bs-link-color); text-decoration: none;} /* Über uns uid=4 */ section#team{ /* 20230906 margin-left: -4.5rem; margin-right: 1rem; margin-top: -5rem;*/ /* 20251020 margin-left: -1.5rem;*/ margin-left: 0rem; /*margin-right: -2rem;*/ padding-bottom: 3rem; } .row > * { flex-shrink: 0; margin-top: var(--bs-gutter-y); } .row { margin-left: 0; margin-right: 0; } section .row-cols-md-2 div.col div.card{ background-color:white; background-color: var(--bs-gray-100); border-color: #CCCDCE; border-radius: 3px; padding-top: 1rem; border-width: 1px; } body#page-uid-3 div.card.h-100.card-primary{ background-color:white; background-color: var(--bs-gray-100); border-color: #d7d6d5 border-radius: 6px; padding-top: 1rem; border-width: 1px; border: 1px solid #e0e6ee; box-shadow: 0 3px 6px rgba(0,0,0,0.06); position: relative; } body#page-uid-3 div.card.h-100.card-secondary{ margin-top: 1rem; background-color: white; background-color: var(--bs-gray-100); border-color: #CCCDCE border-radius: 6px; padding-top: 1rem; border-width: 1px; } body#page-uid-3 div.card.h-100.card-primary::before { content: ""; position: absolute; top: 0; left: 0; right: 0; height: 4px; background-color: #ff8700; border-top-left-radius: 8px; border-top-right-radius: 8px; } /* body#page-uid-3 div.card.h-100.card-secondary::before { content: ""; position: absolute; top: 0; left: 0; right: 0; height: 4px; background-color: #e4e1e1; border-top-left-radius: 8px; border-top-right-radius: 8px; }*/ article{ margin-left: 0; margin-right: 0; } article div.container{margin-top: 1.5rem;} @media (min-width: 576px) { .container-sm, .container { max-width: 100%; } /* body#page-uid-1 article div.container{ margin-top: 2rem; padding-left: 2.5rem; padding-right: 2.5rem;} */ article div.container { margin-top: -3rem; padding-left: 2.5rem; padding-right: 2.5rem;} } @media (min-width: 1200px) { .container-xl, .container-lg, .container-md, .container-sm, .container { /* max-width: 1360px; */ } article div.container{margin-top: -3rem;} } @media (min-width: 1360px){ .container, .container-lg, .container-md, .container-sm, .container-xl { /*max-width: 1360px; */ } article div.container{margin-top: -3rem;} } @media (min-width: 1600px){ .container, .container-lg, .container-md, .container-sm, .container-xl { max-width: 1600px; } article div.container{margin-top: -3rem;} } /* ================================================== */ /* Typo & Buttons */ /* ================================================== */ p { font-family: 'Roboto Condensed', Helvetica, Arial, sans-serif; /*font-family: "Open Sans", Helvetica, Arial, sans-serif; font-size: 1.2rem; font-size: 1.25rem;*/ font-size: 1.125rem; } /* Large devices (1200px and up) */ @media screen and (min-width: 1200px) { p{font-size: 1.225rem;} } h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 { color:#5C5C5B; /*font-family: "Open Sans", Helvetica, Arial, sans-serif;*/ /* font-family: "DINRoundPro", Helvetica, Arial, sans-serif;*/ font-family: "Roboto Condensed", Helvetica, Arial, sans-serif; font-weight: 900; margin: 0 0 0.5rem; letter-spacing: 1px; /*text-transform: uppercase;*/ text-transform: none; } h1{ font-size: 3rem; color:#1c3468; margin-bottom: 2rem;} h1.h2, .h2, h2 {font-size: 2.2rem;color:#1c3468;} .h3, h3 { font-size: 1.5rem; text-transform: none; /*letter-spacing: 2px;*/ line-height: 1.75rem; margin-top: 1rem; margin-bottom: 1.5rem;} h2.kicker, h3.kicker{ color:#1c3468; font-size: 1.5rem; margin-bottom: 0; } /* h2.border-bottom, h3{ margin-bottom: 1rem; }*/ h2.border-bottom { font-size: 2rem; } h3.border-bottom { font-size: 1.5rem; } .frame-layout-4 h2, .frame-layout-4 h3 { color:#EDDDAE !important; } .frame-layout-4 h2 hr.underlined, .frame-layout-4 h3 hr.underlined { border: 2px outset; background-color: #fbd998; color: #fbd998; height: 2px; width: 100%; opacity: 1; margin-top: 0.45rem; margin-bottom: 0.5rem; } /* Listen */ ol {font-size: 1.1rem;} .lead-text{ font-size: 1.25 rem; font-weight: bolder; letter-spacing: 1px; } /* Icons */ .bs-icon.bs-icon-primary { background-color: unset; border-color: unset; color: #f49601; border-color: unset; margin-top: 4rem; margin-right: auto; margin-bottom: 1.3rem; margin-left: auto; width: unset; height: unset; } div.card svg { font-size: 4.75rem; } .btn-primary{ color:#fff !important; --bs-btn-color: #000; --bs-btn-bg: #fe8600; --bs-btn-border-color: #000; --bs-btn-hover-color: #000; --bs-btn-hover-bg: #EF8D34; --bs-btn-hover-border-color: #000; --bs-btn-line-height: 0.5; --bs-btn-focus-shadow-rgb: 56, 187, 139; --bs-btn-active-color: #000; --bs-btn-active-bg: #EF8D34; --bs-btn-active-border-color: #000; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #c7c6c6; --bs-btn-disabled-bg: #e6e4e3; --bs-btn-disabled-border-color: #a4a3a2; border: 2px solid #000000; padding: 10px 15px 10px 15px; display: inline-block; position: relative; background-position: right top; background-size: auto 100%; text-transform: none; } /* Großer Link Btn */ a.btn-primary { color:#413f3f !important; --bs-btn-color: #000; --bs-btn-bg: #fff; --bs-btn-border-color: #000; --bs-btn-hover-color: #000; --bs-btn-hover-bg: #EF8D34; --bs-btn-hover-border-color: #000; --bs-btn-line-height: 0.5; --bs-btn-focus-shadow-rgb: 56, 187, 139; --bs-btn-active-color: #000; --bs-btn-active-bg: #EF8D34; --bs-btn-active-border-color: #000; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #c7c6c6; --bs-btn-disabled-bg: #e6e4e3; --bs-btn-disabled-border-color: #a4a3a2; /*background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3e%3cg fill-rule='evenodd'%3e%3cg%3e%3cg%3e%3cpath fill='%23E40422' d='M0 0h40v40H0z'/%3e%3cpath d='M0 0h2v40H0z'/%3e%3cpath fill='white' fill-rule='nonzero' d='M20.717 12l8.116 8.116-8.116 8.116-1.912-1.912 4.85-4.852H12v-2.704h11.657l-4.852-4.852L20.717 12z'/%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/svg%3e") center no-repeat; */ background-image: url('../../../typo3conf/ext/t3-kindler/Resources/Public/Icons/btn-primary.svg'); background-repeat: no-repeat; border: 2px solid #000000; padding: 10px 43px 10px 15px; display: inline-block; position: relative; background-position: right top; background-size: auto 100%; text-transform: none;} a.btn-primary:hover{ color:#fff; font-weight: normal; } .u-list-inline { font-size: 1.2rem; margin-bottom: 0; list-style: none; padding-left: 0; } .u-list-inline li.list-inline-item:not(:last-child) { margin-right: .5rem; } .u-list-inline li..list-inline-item { display: inline-block;} .u-list-inline li.list-inline-item span{margin-right: 0.5rem;} .u-list-inline li.list-inline-item a{ color:#fff; text-decoration: none; } /* ================================================ */ /* MASK CE Responsiveimage */ /* ================================================ */ .container.mask-responsive-image{ margin-left: 1.3rem; margin-top: 1.3rem; margin-bottom: 0.3rem; } /* ================================================ */ /* Zitat-Box */ /* ================================================ */ blockquote { font-family: 'Special Elite', cursive; background: transparent; padding: 10px 20px; margin: 0 0 40px; font-size: 17px; border-left: none;} blockquote .quotation-mark { color: #1a598b; display: block; font-size: 4.1rem; font-weight: bolder; position: relative; top: 0.4rem; left: 0.7rem; height: 2rem;} blockquote .quote-text, blockquote p { font-family: 'Special Elite', cursive; background: transparent; font-size: 1.15rem; font-weight: 200; margin-left: 0rem; padding-left: 3rem; color: #4b4d4e; padding-right: 1rem;} blockquote footer { font-family: Georgia; color:#1a598c; font-size: 1rem; margin-top: -1rem; margin-right: 4rem; margin-left: 3rem; /*TESTEN!*/ } #page-uid-20 blockquote footer{margin-left: 3rem;} footer ul.u-list-inline{font-size: 0.75rem;} @media (min-width: 560px) { footer ul.u-list-inline{font-size: 1.2rem;} } /* ================================================ */ /* Colors */ /* ================================================ */ .outer-wrapper { background-color: #f8f8f8; } .outer-wrapper.white {background-color: #fff;color: #070707;} .outer-wrapper.white header div.container.header.header-banner figure figcaption small{color:#6f6d6d;} .outer-wrapper.lightblue {background-color: #e9f2f7;color: #2D3E6D;} .outer-wrapper.lightblue h1 {color: #2D3E6D;} .outer-wrapper.yellowgold {background: linear-gradient(to bottom, #F8E4B8 0%,#F6DBA1 100%); color:#E79A37;} .outer-wrapper.orange {background-color: #E79A37;color:#5C5C5B;} .outer-wrapper.darkblue{/*background: linear-gradient(to bottom, #223465 0%,#102152 100%);*/color:#EEDEAF; background-color:#263362; } .outer-wrapper.darkblue h1, .outer-wrapper.darkblue .h1, .outer-wrapper.darkblue h2, .outer-wrapper.darkblue .h2, .outer-wrapper.darkblue h3, .outer-wrapper.darkblue .h3, .outer-wrapper.darkblue h4, .outer-wrapper.darkblue .h4, .outer-wrapper.darkblue h5, .outer-wrapper.darkblue .h5, .outer-wrapper.darkblue h6, .outer-wrapper.darkblue .h6 { background-color: transparent; /*background: #243160; color:#F2DDA9;*/ color:#fff;} .outer-wrapper.darkblue ol.breadcrumb {color:#fff} .outer-wrapper.darkblue ol.breadcrumb li a{color:#fff} .outer-wrapper.darkblue ol.breadcrumb::before{color:#fff} .outer-wrapper.darkblue .breadcrumb-item + .breadcrumb-item::before{color:#fff} .outer-wrapper.darkblue section#reference.references {background-color:#263362;} .outer-wrapper.lightgrey {background-color: #EBEBEB;color:#070707; } /* darkgrey box */ .frame-type-textmedia.frame-layout-3 div.ce-textpic div.ce-bodytext p a{ color:#fff; text-decoration: none; } /* ================================================ */ /* Branding */ /* ================================================ */ h1.brand-heading, h3.brand-heading{ font-family: "Open Sans", Helvetica, Arial, sans-serif; font-size: 1.25rem; font-weight: normal; letter-spacing: 1px; padding: 0.25rem 0rem; } #mainNav .navbar-brand { font-weight: normal; font-size: 1.25rem; letter-spacing: 1px;} #mainNav a.navbar-brand {margin-top:0rem;} a.navbar-brand span.site-tagline, #mainNav.navbar.navbar-light div.container h1 span, #mainNav.navbar.navbar-light div.container h2 span{ color: #ff8600c5 !important; visibility: hidden; display: none; } @media (min-width: 1050px){ #mainNav a.navbar-brand {margin-top:0rem;} a.navbar-brand span.site-tagline, #mainNav.navbar.navbar-light div.container h1 span, #mainNav.navbar.navbar-light div.container h2 span{ color: #000000 !important; visibility: visible; display: inline; } } /* ================================================ */ /* NAVI */ /* ================================================ */ .branding-favicon{ height:1.2rem; margin: 1.45rem 0.4rem auto -0.2rem;} a .branding-favicon{ margin: -0.3rem .05rem auto -.2rem} /* 20231121 20231121 */ #mainNav.navbar .navbar-toggler:focus { text-decoration: none; outline: 0; box-shadow: 0 0 0 0; } #mainNav{ background-color: var(--bs-gray-100); font-family: 'Roboto Condensed'; height: 2.5rem; max-width: 1600px; margin-left: auto; margin-right: auto; padding-bottom: 1rem !important; padding-top: 0 !important; text-transform: none;} #mainNav.navbar.navbar-light div.container h1, #mainNav.navbar.navbar-light div.container h2 { font-family: "Roboto Condensed", Helvetica, Arial, sans-serif; cursor: default; font-weight: normal; font-size: 1.25rem; margin-top: 0.5rem;} #mainNav a.navbar-brand, #mainNav.navbar.navbar-light div.container h1, #mainNav.navbar.navbar-light div.container h2 { /*color: #5c5c5b !important;*/ color: #000 !important; } #mainNav .navbar-collapse.collapse.show{ background-color: #fff; margin-top: -0.5rem; margin-left: -0.8rem; margin-right: -0.8rem; padding-left: 1rem; padding-right: 1rem;} #mainNav .navbar-collapse.collapse.show ul.navbar-nav.ms-auto li.nav-item.nav-link a.nav-link{ color: #5c5c5b; } #mainNav .navbar-nav .dropdown-menu{ position: absolute;} #mainNav .navbar-nav.dropdown-menu.show { display: block !important; } .dropdown-item.active, .dropdown-item:active { color: white !important; text-decoration: none; background-color: #F0A450; } #navbarResponsive.collapse.navbar-collapse ul.navbar-nav li.nav-item.nav-link.dropdown ul.dropdown-menu.show li.dropdown-item{ font-size: 1.25rem; } #mainNav ul.navbar-nav li.nav-item{font-size: 1.25rem;} #mainNav ul.navbar-nav li.nav-item a.nav-link { /*verhindert das Aufblitzen der Items */ color: transparent; } @media (min-width: 768px) { #mainNav.navbar.navbar-light div.container h1, #mainNav.navbar.navbar-light div.container h2 {/*margin-top: 0.75rem;*/} } @media (min-width: 992px) { #mainNav.navbar-shrink { /* padding-top: 10px; padding-bottom: 10px; border-bottom: 1px solid rgba(255,255,255,.3);*/ background: #fff; } } /* ======= */ /* Toaster */ /* ======= */ button.navbar-toggler.navbar-toggler-right.collapsed{ color: #000; border: none; margin-top: 0rem; margin-bottom: 1.3rem; padding-top: 0.3rem; padding-bottom: 0.3rem; } body#page-top div.outer-wrapper nav#mainNav.navbar.navbar-light.navbar-expand-md.fixed-top div.container div button.navbar-toggler.navbar-toggler-right.collapsed i.fa.fa-bars::before{ content:"\f0c9"; font-size: 1.25rem; } html body#page-top div.outer-wrapper nav#mainNav.navbar.navbar-light.navbar-expand-md.fixed-top div.container div button.navbar-toggler.navbar-toggler-right i.fa.fa-bars::before{ content: "\f00d"; font-size: 1.125rem; } nav#mainNav.navbar.navbar-light.navbar-expand-md.fixed-top div button.navbar-toggler.navbar-toggler-right{ margin-top: 0.5rem; margin-bottom: 1rem; padding-top: 0rem; padding-bottom: 0.1rem; } .navbar-phone{ border: 2px solid rgb(82, 82, 82); border: none; padding-top: 0.1rem; padding-bottom: 0rem; padding-left: 0.4rem; padding-right: 0.3rem; border-radius: 0px; font-size: 1.25rem !important; position: absolute; top:0%; right: 2.5rem; } #mainNav .navbar-toggler-right { color: var(--bs-navbar-color); padding-left: 0.25rem; padding-right: 0.5rem; } .navbar-toggler { border: none; border-radius: 0; } @media (min-width: 768px) { nav#mainNav{ padding-top: 1rem !important; } #mainNav .navbar-toggler-right { background-color: lawngreen; font-size: 0.9rem; padding: 0.6875rem; color: #555353; border: 1px solid #474646; } #mainNav ul.navbar-nav li.nav-item a.nav-link { color: #5C5C5B; } nav#mainNav.navbar.navbar-light a.navbar-brand.navbar-phone{ display: none; } .slogan .card-footer { background: transparent !important; } } /* ============================================ */ /* HEADER */ /* ============================================ */ /* header .header-banner{ display: block; height: 350px; }*/ header .header-banner.lightblue {background-color: #e9f2f7} header .header-banner.lightblue h1{color: #2D3E6D;} header .header-banner.darkblue {background: linear-gradient(to bottom, #223465 0%,#102152 100%);} header .header-banner h1, header div.container.header.header-banner h1{ position: relative; color: #cf1f1f; text-align: center; z-index: 1000; bottom: 4rem; } header div.container.header.header-banner.no-image h1 { position: relative; color: #fff; text-align: center; z-index: 1000000; top: 7.5rem; } header div.container.header.header-banner.no-image h1 { color:#F1DCA8 !important; } header .header-banner.darkblue h1{color:#E79A37 !important;} header picture img.image-embed-item{ display: block; width: 100vw; /* height: 350px; */ object-fit: cover; max-width: 1360px; max-width: 1600px; position: static; margin-left: -0.75rem; margin-top:2.5rem; } header div.container.header.header-banner h1.no-image{margin-top:-10rem;} header div.container.header.header-banner figure{text-align: right;} header div.container.header.header-banner figcaption {display: none;} @media screen and (min-width: 600px) { header div.container.header.header-banner figcaption { display: grid; text-align: right; margin-top: -2rem; margin-bottom: 0; } } /* ============================================ */ /* BREADCRUMP */ /* ============================================ */ .header {margin-bottom: 0rem;} @media screen and (min-width: 575px) { .header {margin-bottom: -1rem;} #page-uid-1 .header {margin-bottom: 0rem;} }/* @media screen and (min-width: 600px) { .header {margin-bottom: 2.75rem;} }*/ .breadcrumb { color:#8b8f93; margin-top: 0rem; padding: .75rem 1rem; margin-bottom: 0rem; list-style: none; background-color: transparent; border-radius: 0; } html ol.breadcrumb.no-header-banner{margin-top: 2.2rem;} /* html ol.breadcrumb.width-header-banner{margin-top: 0;}*/ body#page-uid-1 ol.breadcrumb.width-header-banner{ margin-top:0rem; padding-top: 0rem; margin-bottom: 3rem; /* mehr Weissraum */ } body#page-uid-4 ol.breadcrumb.width-header-banner{margin-top:2.2rem;} .de ol.breadcrumb::before,ol.breadcrumb::before { content: none; float: left; font-size: 0.8rem; margin-right: 10px; margin-left: -15px; padding-left: 0; } @media screen and (min-width: 600px) { .de ol.breadcrumb::before,ol.breadcrumb::before { content: "Sie sind hier:"; float: left; font-size: 1rem; margin-right: 10px; margin-left: -15px; padding-left: 0; } } /* ol{list-style-type: none;}*/ .outer-wrapper div.breadcrumb ol li.breadcrumb-item, ol.breadcrumb li.breadcrumb-item{ display: inline-block; font-size: 1rem; float: left; } /* Medium devices (tablets, 768px and up) */ @media screen and (min-width: 768px) { .breadcrumb { margin-top: 0; padding: .75rem 1rem; margin-bottom: 1rem; list-style: none; background-color: transparent; border-radius: 0; } } .breadcrumb-item + .breadcrumb-item::before { color: #8b8f93; content: ">"; display: inline-block; padding-left: 0.5rem; padding-right: 0.5rem; } ol.breadcrumb li.breadcrumb-item img { height: 18px; margin-left: 0; margin-right: 0; margin-top: -7px; width: 18px; } ol.breadcrumb li.breadcrumb-item a {color: #5C5C5B;text-decoration: none;} ol.breadcrumb li.breadcrumb-item.acitve{color: #848584;} /* Large devices (desktops, 992px and up) */ @media screen and (min-width: 992px) { .de ol.breadcrumb::before { content: "Sie sind hier:"; float: left; font-size: 1rem; margin-left: -15px; margin-right: 10px; padding-left: 0; } ol.breadcrumb li.breadcrumb-item{font-size: 1rem;} } /** END: BREADCRUMP */ /* ============================================ */ /* FOOTER */ /* ============================================ */ a.link2top{ color: #fff; font-size: 1.2rem; text-decoration: none; margin-right: 1rem; } footer a svg, footer a.link2top svg { font-size: 1.3rem; margin-right: 0.5rem; } /* ================================================ */ /* TYPO3 BLOG */ /* ================================================ */ article.post.postlist__post h2.postlist__posttitle a{ color:#1c3468; text-decoration: none; } .fa { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: 14px; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin-left: 0.2rem; } /* ================================================ */ /* TYPO3 Standard CE */ /* ================================================ */ /* Rahmen und Hintergrund ----------------------- */ .frame.frame-layout-0{ /* Trnsaparent ohne Rahmen */ background-color: transparent; border: none; padding: 0rem;} body#page-uid-1 .frame.frame-layout-0{padding: 0;} .frame.frame-layout-1{ /* Weiß mit Rahmen */ background-color: #fff; border: 1px #CCCDCE solid; border-radius: 2px; padding: 1.5rem;} .frame.frame-layout-2{ /* hellgrau mit Rahmen */ background-color: #e2e1e1; border: 1px #CCCDCE solid; border-radius: 2px; padding: 1.5rem;} .frame.frame-layout-2 header h2{ color:#1b1b1a; border-bottom-width: 3px !important; border-bottom-color:#1b1b1a !important; margin-bottom: 1rem;} .frame.frame-layout-3{ /* dunkelgrau mit Rahmen */ background-color: #494949; color:#fff; border: 1px #CCCDCE solid; border-radius: 2px; padding: 1.5rem;} .frame.frame-layout-4{ /* dunkelbau mit Rahmen (References) */ background-color: #1c3468; color:#EDDDAE; border: 1px #1c3468 solid; border-radius: 2px; padding: 0.5rem 1.5rem 1rem;} .frame.frame-layout-4 header h2{ color:#EDDDAE; border-bottom: none; margin-bottom: 1rem;} .frame.frame-layout-4 header h3{ color:#EDDDAE; border-bottom: none; margin-bottom: 1rem; } /* Bei Smartphon Viewport gesamte Breite ========== */ .frame.frame-default, .frame.frame-indent-left, .frame.frame-indent-right, .frame.frame-fullwidth{ /* margin-left: 3%; width: 94%; */ margin-left: 0; width: 100%;} body#page-uid-52.frame.frame-default, body#page-uid-52 .frame.frame-fullwidth{ /* margin-left: 3%; width: 94%; */ margin-left: 1rem !important; margin-left: 0; width: 100%;} /* New standard case: indented CE ================= */ @media (min-width: 992px) { /* Rahmen und Hintergrund ----------------------- */ .frame.frame-layout-0{ /* Trnsaparent ohne Rahmen */ background-color: transparent; border: none; padding: 0.75rem 2rem 0rem 1.5rem;} .frame.frame-layout-1{ /* Weiß mit Rahmen */ background-color: #fff; border: 1px #CCCDCE solid; border-radius: 2px; padding: 1.5rem;} .frame.frame-layout-2{ /* hellgrau mit Rahmen */ background-color: #e2e1e1; border: 1px #CCCDCE solid; border-radius: 2px; padding: 1.5rem;} .frame.frame-layout-3{ /* dunkelgrau mit Rahmen */ background-color: #494949; color:#fff; border: 1px #CCCDCE solid; border-radius: 2px; padding: 1.5rem; } /* Ausrichtung und Breite */ .frame.frame-default{ /*margin-left: 34.2%; width: 64.2%;*//* margin-left: 12.5%; width: 58%; margin-top: 1rem; margin-bottom: 1rem; padding: 1.5rem 1.2rem;*/} .frame.frame-indent-right.frame-type-textmedia{ margin-left: 1.2rem; width: 64.2%; margin-top: 1.5rem; margin-bottom: 1.5rem; padding: 1.5rem 1.2rem;} .frame.frame-indent-left.frame-type-textmedia{ margin-left: 34.2%; width: 64.2%; margin-top: 1.5rem; margin-bottom: 1.5rem; padding: 1.5rem 1.2rem;} .frame.frame-indent-right.frame-type-textmedia{ margin-left: 1.2rem; width: 64.2%; margin-top: 1.5rem; margin-bottom: 1.5rem; padding: 1.5rem 1.2rem;} .frame.frame-fullwidth{ margin-left: 3rem; width: 100%;} body#page-uid-3 .frame.frame-fullwidth{ margin-left: 0rem !important; width: 100%; } } } /* Ende Text.Media ================================ */ /* ================================================ */ /* Accordion */ /* ================================================ */ .accordion { --bs-accordion-bg: #f3f3f3; --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='fc9f39'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='red'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); } .accordion-item{border:none;} .accordion-header{border-top: 1px solid #d6d4d4;} .accordion-header{border-right: 1px solid #d6d4d4;} .accordion-header{border-bottom: 1px solid #d6d4d4;} .accordion-header{border-left: 1px solid #d6d4d4;} h2.accordion-header button, h3.accordion-header button{font-size:1.25rem;} .accordion-button:link, .accordion-button:visited, .accordion-button:hover, .accordion-button:active { background-color: #1b3367 !important; color:#FFF !important; text-decoration: none !important; border: hidden !important; border-color: #FFF !important; box-shadow: 0px !important; } .accordion-button:focus { z-index: 3; border-color: #FFF !important; outline: 0; box-shadow: 0 0 0 .25rem #FFF !important;} .accordion-button:not(.collapsed) { color: #FFF !important; background-color: #1b3367 !important;} .accordion-button:not(.collapsed)::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230c63e4'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); transform: rotate(180deg)} .accordion-button::after {background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='fc9f39'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); } /* --- Globaler Abstand (optional, belassen wir schmal) --- */ .accordion, .accordion-flush { margin-top: 1rem; } /* Fix 20251125 */ /* --- Caret Standard (schwarz) --- */ .accordion-button::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000000'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e") !important; } /* --- Caret in blauem Zustand (weiß) --- */ .accordion-button:hover::after, .accordion-button:focus::after, .accordion-button:active::after, .accordion-button:not(.collapsed)::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e") !important; } /* --- Rotation im geöffneten Zustand --- */ .accordion-button:not(.collapsed)::after { transform: rotate(180deg); } } /* Ende Accordion ================================= */ /* ================================================ */ /* FORM. */ /* ================================================ */ html body#page-uid-7 form div.form-group div.input.checkbox div.form-check{ display: block; min-height: 1.5rem; padding-left: 0.1em; margin-bottom: .125rem; margin-top: 0.5rem; } #page-uid-7 .frame.frame-default.frame-type-form_formframework form div.clearfix p{ font-size: 1rem; padding-left: 0.1rem; font-weight: bolder; } #page-uid-7 .reference-row { background-image: none; } /* Ende FORM ====================================== */ /* ================================================ */ /* SWIPER SLIDER */ /* ================================================ */ .testimonials{background-image: url('../../../typo3conf/ext/t3-kindler/Resources/Public/Images/Background/PaperBackground.png'); } article div.simple-slider h3.kicker, article div.testimonial-slider h3.kicker{margin-bottom: 3rem !important;} .simple-slider, .testimonial-slider{ margin-left: 1.5rem; margin-right: 1.5rem; margin-bottom: 2.5rem; max-width: 50rem; /* border:3px solid red !important;*/} .testimonial-slider{ margin-left:auto; margin-right:auto; max-width: 80%;} .testimonial-slider .swiper-container{ height: 35rem; margin-top: 3rem;} .testimonial-slider h2{ text-align: center } .swiper-container-pointer-events .swiper-wrapper div.swiper-slide img.img-fluid{ margin-left: 4.7rem; } .simple-slider .carousel-caption { position: absolute; left: 0; right: 0; bottom: 2.8rem; padding: 1rem 0rem 0rem; background: #223465; /*background: rgba(0,0,0,0.75);*/ opacity: 98%; filter: alpha(opacity=0); -webkit-transition: all 0.8s ease-out; -moz-transition: all 0.8s ease-out; -o-transition: all 0.8s ease-out; transition: all 0.8s ease-out; color: #F2DDAB; border-radius: 2px 2px 2px 2px; /*background: transparent;*/ max-width: 650px; margin-left: auto; margin-right: auto; color: #1C3468; font-size: 1rem; } article div.simple-slider .carousel-caption p{ background-color: transparent; font-size: 1.2rem; color:#F2DDAB; } @media (min-width: 996px) { .simple-slider{ margin-left: 4.5rem; max-width: 50rem; } } /* .simple-slider div.swiper-slide.swiper-slide-active div.card{ border-color: #0cef1c; }*/ .swiper-button-next::after, .swiper-button-prev::after { font-family: FontAwesome; /*font-size: var(--swiper-navigation-size);*/ font-size: 2rem; text-transform: none !important; letter-spacing: 0; text-transform: none; font-variant: initial; line-height: 1; color: #C2C7CB; } .swiper-button-prev::after, .swiper-container-rtl .swiper-button-next::after { content: "\f104"; } .swiper-button-next::after, .swiper-container-rtl .swiper-button-prev::after { content: "\f105"; } /* ================================================ */ /* STARTSEITE (uid ==1) */ /* VERTEILERSEITEN (LEISTUNGEN, Über uns) */ /* ================================================ */ body#page-uid-1 .masthead { background-image: url('../../../typo3conf/ext/t3-kindler/Resources/Public/Images/Background/Fernsehturm_Header_575x304.jpg'); @supports (background-image: url('../../../typo3conf/ext/t3-kindler/Resources/Public/Images/Background/Fernsehturm_Header_575x304.webp')) { background-image: url('../../../typo3conf/ext/t3-kindler/Resources/Public/Images/Background/Fernsehturm_Header_575x304.webp'); } background-clip: content-box; background-repeat: no-repeat; background-position: center; background-position: right 0 top 0rem; background-size: cover; max-height: 210px; transform: translate3d(0px, 40px, 0px); background-color: #fff; color: #fff;*/ } body#page-uid-1 .masthead, body#page-uid-3 .masthead, body#page-uid-4 .masthead { background-clip: content-box; background-position: right 0 top -14rem; background-position: right 0 top 1rem; background-position: right 0 top 1rem; background-position: right -28rem top 0rem; } html body#page-uid-1 h3.brand-heading a{ color: #fff; text-decoration: none; } /* .masthead .intro-body { display: table-cell/ vertical-align: top; height: 100% !important; } *//* .masthead .intro-body .slogan { position: fixed; left: 0; bottom: 0rem; }*/ .slogan .card { position: relative; overflow: hidden; background: hsla(0, 0%, 49%, 0.5) border-box; background: hsla(0, 0.0%, 0.0%, 0.0) border-box; border: none; font-size: 1.25rem; word-wrap: break-word; border-radius: .3em; box-shadow: none; text-shadow: 0 1px 1px hsla(0,0%,100%,.3); margin-top: 3%; margin-left: 0rem; margin-right: auto; } /* body#page-uid-1 .slogan .card, body#page-uid-3 .slogan .card, body#page-uid-4 .slogan .card {background: hsla(0, 0.0%, 0.0%, 0.0) border-box;}*/ body#page-uid-1 header.masthead div.intro-body h1.brand-heading, body#page-uid-1 header.masthead div.intro-body h3.brand-heading{ display:none; font-size: 1.25rem; font-weight: normal; transform: rotate(354deg); background-color: #fea139; color: #fff; position: fixed; top: 5%; width: 19rem; padding: 0.25rem 0rem; } /*header.masthead div.intro-body h1.brand-heading, header.masthead div.intro-body h3.brand-heading{display: none;} .slogan div.card div.card-body{ margin-bottom: 8rem; }*/ .slogan div.card div.card-body{ position: static; top: 0rem;} .slogan div.card div.card-body h1.stage-heading, .slogan div.card div.card-body h2.stage-heading { color: #FFF; font-family: "Open Sans", Helvetica, Arial, sans-serif; font-size: 1.75rem; /*font-size: 4vw;*/ text-shadow: 0px 0px 3px #111; font-weight: bolder; letter-spacing:2px; margin-bottom: 1rem; text-align: left; } .slogan div.card div.card-body h2.stage-heading { font-size: 3vw;} div.stage-heade-box{ /*display: none;*/ background-color: transparent; position: absolute; top: 3%; left: 81%; /* color:#F0A450; */ color: rgba(242, 242, 249, 0.75); /*color: rgba(253,159,57, 0.75);*/ } div.stage-heade-box img, div.stage-heade-box svg{ width: 20rem; height: 20rem; } .slogan .card-footer { color: var(--bs-card-cap-color); border-top: none; text-align: center; margin-left: 1rem; margin-right: 2rem; } .slogan div.card div.card-footer h2, .slogan div.card div.card-footer h3{ color:#fff; font-family: "Open Sans", Helvetica, Arial, sans-serif; font-size: 3.7vw; font-weight: normal; letter-spacing: 1px; margin-top: 1.5rem; margin-right: 1.7rem; margin-bottom: 0rem; text-align: center; } .slogan .card-footer .btn-circle {display: none;} body#page-uid-1 .slogan .card-footer .btn-circle { /*display: inline-block;*/ display: none; width: 2.5rem; /* 40px */ height: 2.5rem;/* 40px */ color: #fff; border: 2px solid #fff; border-radius: 100% !important; line-height: 27px; transition: background .3s ease-in-out; margin-top: 0.5rem; margin-bottom: 0.5rem; padding-left: 10px; padding-left: 0.6rem; } /* =========================================================== >= 320 px ============================================= */ @media (max-width: 320px) { body#page-uid-1 header.masthead div.card-body h1.stage-heading, body#page-uid-1 header.masthead div.card-body h2.stage-heading{color:#fff;} } /* ================================================== Small sm >= 576 px ============================================= */ @media (min-width: 576px) { body#page-uid-1 header.masthead { /*background-image: url('../../../typo3conf/ext/t3-kindler/Resources/Public/Images/Banner/fernsehturm_Depositphotos_635701478_XL.webp'); background-size: contain; background-repeat: no-repeat; width: 100%; background-image: url('../../../typo3conf/ext/t3-kindler/Resources/Public/Images/Background/Brandenburger_Tor_Berlin_992x500.webp');*/ /* 20230906 */ background-image: url('../../../typo3conf/ext/t3-kindler/Resources/Public/Images/Background/Brandenburger_Tor_Berlin_992x500.jpg'); @supports (background-image: url('../../../typo3conf/ext/t3-kindler/Resources/Public/Images/Background/Brandenburger_Tor_Berlin_992x500.webp')) { background-image: url('../../../typo3conf/ext/t3-kindler/Resources/Public/Images/Background/Brandenburger_Tor_Berlin_992x500.webp'); } background-repeat: no-repeat; background-position: center; background-size: cover; width: 100vw; height: 100vh; max-height: 450px; overflow: hidden; display: flex; justify-content: center; align-items: center; transform: translate3d(0px, 40px, 0px); transition-timing-function: ease-in; } header.masthead div.intro-body h1.brand-heading, /*header.masthead div.intro-body h3.brand-heading{display: none;}*/ .slogan div.card div.card-body{ margin-bottom: -2rem; } body#page-uid-1 header.masthead div.card-body h1.stage-heading, body#page-uid-1 header.masthead div.card-body h2.stage-heading{ color:#fff;} header.masthead div.intro-body h3.brand-heading { position: absolute; left:-1rem; top: 1.75rem; background-color: transparent; color: #fff; } .masthead .intro-body .slogan { position: absolute; top: 30%; } .masthead .intro-body .slogan .card { position: relative; overflow: hidden; background: hsla(0, 0%, 49%, 0.5) border-box; border: none; font-size: 1.25rem; word-wrap: break-word; border-radius: .3em; box-shadow: none; text-shadow: 0 1px 1px hsla(0,0%,100%,.3); margin-top: 25%; margin-left: auto; /*margin-right: auto;*/ margin-right: 1.8rem; } .slogan div.card div.card-body h1.stage-heading, .slogan div.card div.card-body h2.stage-heading { color: #FFF; font-family: "Open Sans", Helvetica, Arial, sans-serif; font-weight: bolder; letter-spacing: 2px; margin-left: auto; margin-right: auto; margin-bottom: 0.5rem; text-align: center; text-shadow: 0px 0px 3px #111; } .slogan div.card div.card-body h1.stage-heading {font-size: 4vw;} .slogan div.card div.card-body h2.stage-heading {font-size: 3vw;margin-top: 0rem;} .masthead .slogan .card-footer { background: transparent; border-radius: 0; color: var(--bs-card-cap-color); padding: 0rem 0rem 0rem 0rem; border-top: none; } } /* ================================================= Medium md >= 768 px ============================================= */ @media (min-width: 768px){ body#page-uid-1 header.masthead { /* 20230906 background-image: url('../../../typo3conf/ext/t3-kindler/Resources/Public/Images/Background/Brandenburger_Tor_Berlin_992x500.jpg'); @supports (background-image: url('../../../typo3conf/ext/t3-kindler/Resources/Public/Images/Background/Brandenburger_Tor_Berlin_992x500.webp')) { background-image: url('../../../typo3conf/ext/t3-kindler/Resources/Public/Images/Background/Brandenburger_Tor_Berlin_992x500.webp'); } */ background-image: url('../../../typo3conf/ext/t3-kindler/Resources/Public/Images/Background/Fernsehturm_Header._Retina.jpg'); @supports (background-image: url('../../../typo3conf/ext/t3-kindler/Resources/Public/Images/Background/Fernsehturm_Header._Retina.webp')) { background-image: url('../../../typo3conf/ext/t3-kindler/Resources/Public/Images/Background/Fernsehturm_Header._Retina.webp');} max-width: 1366px; width: 100%; height: 100vH; max-height: 450px; overflow: hidden; /*object-fit: cover; object-position: top center;*/ margin-left: auto; margin-right: auto; background-color: transparent; transform: translate3d(0px, 40px, 0px); } header.masthead{ background-image: url('../../../typo3conf/ext/t3-kindler/Resources/Public/Images/Background/Fernsehturm_Header._Retina.jpg'); @supports (background-image: url('../../../typo3conf/ext/t3-kindler/Resources/Public/Images/Background/Fernsehturm_Header._Retina.webp')) { background-image: url('../../../typo3conf/ext/t3-kindler/Resources/Public/Images/Background/Fernsehturm_Header._Retina.webp');} transform: translate3d(0px, 40px, 0px); transform: translate3d(0px, 27px, 0px); background-size: cover; max-height: 425px; } /* 20230906 body#page-uid-1 .masthead, hinzugfügt */ body#page-uid-1 .masthead, body#page-uid-3 .masthead, body#page-uid-4 .masthead { background-clip: content-box; background-position: right 0 top -14rem; background-position: right 0 top 1rem; background-position: right 0 top 1rem; background-position: right 0rem top 0rem;} .masthead .intro-body .slogan { position: absolute; top: unset; bottom: 2.5rem; margin-top: 1.5rem; margin-bottom: 1rem; /*margin-left: auto; margin-right:auto;*/ } .masthead .intro-body .slogan .card { /*background:hsla(0, 0%, 49%, 0.5) border-box; background: hsla(0, 3.2%, 12.2%, 0.25) border-box;*/ background: transparent; overflow: hidden; border-radius: .3em; box-shadow: none; text-shadow: 0 1px 1px hsla(0,0%,100%,.3); border: none; bottom: 0.9rem; height: 6rem; } header.masthead .slogan div.card div.card-body{ padding: 1rem 0 0rem 0; } section.info-text { background-color: #fd8501; margin-top: 2rem; margin-bottom: 0rem;} .slogan div.card div.card-body h1.stage-heading, .slogan div.card div.card-body h2.stage-heading { color: #FFF; font-family: "Open Sans", Helvetica, Arial, sans-serif; margin-left: auto; margin-right: auto; margin-bottom: 0.5rem; padding-right: 2rem; text-align: center; text-shadow: 0px 0px 3px #111; } .slogan div.card div.card-body h1.stage-heading{ /*font-size: 2rem;*/ font-size: 4.1vw; font-weight: bolder; letter-spacing: 2px; } .slogan div.card div.card-body h2.stage-heading{ font-size: 3.5vw; font-weight: 400; letter-spacing: .5px; text-shadow: 0 0 3px #111; } } /* ================================================== Large lg >= 992 px ============================================= */ @media (min-width: 992px){ body#page-uid-1 header.masthead { /* 20230906 background-image: url('../../../typo3conf/ext/t3-kindler/Resources/Public/Images/Background/Brandenburger_Tor_Berlin_1200x600.jpg'); @supports (background-image: url('../../../typo3conf/ext/t3-kindler/Resources/Public/Images/Background/Brandenburger_Tor_Berlin_1200x600.webp')) { background-image: url('../../../typo3conf/ext/t3-kindler/Resources/Public/Images/Background/Brandenburger_Tor_Berlin_1200x600.webp'); } */ max-width: 1366px; width: 100%; height: auto; height: 100vH; max-height: 475px; overflow: hidden; margin-left: auto; margin-right: auto; background-color: transparent; transform: translate3d(0px, 40px, 0px); } .masthead .intro-body .slogan { position: absolute; top: unset; bottom: 6rem; } .masthead .intro-body .slogan .card{height: 7rem;} /*Leistungen */ header.masthead {max-height: 450px;} body#page-uid-3 section#about a{text-decoration: none;} body#page-uid-3 section#about { margin-left: -1.5rem; margin-right: -2rem; margin-top: -6rem; padding-top: 5rem !important; padding-bottom: 5rem !important; } body#page-uid-1 section#about a.btn.btn-primary, body#page-uid-3 section#about a.btn.btn-primary{width: 15rem;} } /* ============================================ Extra large xl >= 1200 px ============================================ */ @media (min-width: 1200px){ body#page-uid-1 header.masthead { background-image: url('../../../typo3conf/ext/t3-kindler/Resources/Public/Images/Background/Fernsehturm_Berlin_2250x1500.jpg'); @supports (background-image: url('../../../typo3conf/ext/t3-kindler/Resources/Public/Images/Background/Fernsehturm_Berlin_2250x1500.webp')) { background-image: url('../../../typo3conf/ext/t3-kindler/Resources/Public/Images/Background/Fernsehturm_Berlin_2250x1500.webp'); } background-size: cover; max-width: 1366px; width: 100%; height: auto; height: 100vH; margin-left: auto; margin-right: auto; background-color: transparent; transform: translate3d(0px, 40px, 0px); margin-bottom: 2rem; } body#page-uid-1 header.masthead{max-height: 550px;} header.masthead div.intro-body h3.brand-heading { position: absolute; left: 5rem; top: 5rem; background-color: transparent; color: #fff; font-size: 1.5rem; } .masthead .intro-body .slogan { position: absolute; top: unset; bottom: 5.1rem;} .masthead .intro-body .slogan .card{height: 9rem;} header.masthead {max-height: 500px;} .slogan div.card div.card-footer h2, .slogan div.card div.card-footer h3 {font-size: 2.5rem;} } /* ================================================== XXL xxl >= 1400 px ============================================ */ @media (min-width: 1400px){ body#page-uid-1 header.masthead { /* 20230906 background-image: url('../../../typo3conf/ext/t3-kindler/Resources/Public/Images/Background/Brandenburger_Tor_Berlin_2680x1500.jpg'); @supports (background-image: url('../../../typo3conf/ext/t3-kindler/Resources/Public/Images/Background/Brandenburger_Tor_Berlin_2680x1500.webp')) { background-image: url('../../../typo3conf/ext/t3-kindler/Resources/Public/Images/Background/Brandenburger_Tor_Berlin_2680x1500.webp'); } */ background-size: cover; max-width: 1366px; max-width: 1600px; width: 100%; /* 20230906 max-height: 888px; height: 92vH;*/ overflow: hidden; } header.masthead {max-height: 550px;} } /* ================================================== Maximale Breit 1600px ============================================ */ @media (min-width: 1600px){ body#page-uid-1 header.masthead { /* 20230906 background-image: url('../../../typo3conf/ext/t3-kindler/Resources/Public/Images/Background/Brandenburger_Tor_Berlin_2680x1500.jpg'); @supports (background-image: url('../../../typo3conf/ext/t3-kindler/Resources/Public/Images/Background/Brandenburger_Tor_Berlin_2680x1500.webp')) { background-image: url('../../../typo3conf/ext/t3-kindler/Resources/Public/Images/Background/Brandenburger_Tor_Berlin_2680x1500.webp'); } */ background-size: cover; max-width: 1600px; width: 100%; /* 20230907 max-height: 888px; height: 100vH;*/ overflow: hidden; } .slogan div.card div.card-body h1.stage-heading, .slogan div.card div.card-body h2.stage-heading { color: #FFF; font-family: "Open Sans", Helvetica, Arial, sans-serif; letter-spacing: 2px; /*font-size: 4.3vw;*/ margin-left: auto; margin-right: auto; margin-bottom: 0.5rem; padding-right: 2rem; text-align: center; text-shadow: 0px 0px 3px #111; } .slogan div.card div.card-body h1.stage-heading{ font-weight: bolder; letter-spacing: 2px; font-size: 3.688rem; line-height: 3.625rem; } .slogan div.card div.card-body h2.stage-heading{ font-size: 3rem; font-weight: 400; letter-spacing: .5px; margin-top: 1.5rem; margin-bottom: 0rem; } } /* ============================================ */ /* === Blog/Info-List ========================= */ /* ============================================ */ section#blog-list{ background-color: #fff;/* padding-left: 0.8rem; padding-right: 0.8rem;*/} html body#page-uid-1 div.outer-wrapper.white section#blog-list a{ color: #413f3f; text-decoration: none;} section#blog-list.blog-list div.container.py-2 a div.card.border-primary:hover{ background-color: #fff; box-shadow: 0 0 6px #bebebe !important;} section#blog-list div.card.border-primary{ border-color: #CCCDCE !important;* border-width: 1px; border-color: var(--bs-border-color-translucent); border-radius: 2px;} section#blog-list a div.card.border-primary:hover{ background-color: #fff; box-shadow: 0 0 6px #bebebe !important; } section#blog-list a div.card.border-primary img.card-img-top.img-fluid{ border-top-left-radius: 0; border-top-right-radius: 0;} section#blog-list a div.card.border-primary div.card-body h3.card-title.postlist__posttitle{ color: #1b3367; font-size: 1.5rem; text-transform: none; letter-spacing: 0px; margin-top: 0.3rem;} section#blog-list a div.card.border-primary div.card-body p{ color: #5C5C5B; font-size: 1.1rem; } /* ============================================ */ /* === Galery. ========================== */ /* ============================================ */ .mask_gallery{color:#5b5c5a;} .mask_gallery .card .card-header.img-fluid{ padding-top: 0rem !important; padding-left: 0rem; padding-right: 0rem;} .mask_gallery .card-body h3 { color: #1b3367; font-size: 1.5rem; text-transform: none; letter-spacing: 0; margin-top: 0.3rem; margin-bottom: 0.8rem;} .mask_gallery .card-body p strong {color:#000;} html body#page-uid-49 div.card{ background-color: #494949; color:#fff; border-radius: 2px;} html body#page-uid-49 div.card div.card-body div.card-footer{ position: absolute; bottom: 1rem; } html body#page-uid-49 div.outer-wrapper.white div.container div.row div.col-12.col-lg-7.offset-lg-1 article div.frame.frame-default.frame-layout-0 div.py-5.bg-body-tertiary div.container div.row.row-cols-1.row-cols-sm-2.g-3 div.col.mb-3.d-flex.align-items-stretch div.card.shadow-sm.d-flex.justify-content-between.align-items-center.pt-4 div.card-footer{text-align: right !important;} /* ============================================ */ /* === About/Leistungen/Team ================== */ /* ============================================ */ section#about div.card p{color: #413f3f;} section#about div.card img, section#about div.card svg { vertical-align: middle; font-size: 4rem; } section#team.py-4.py-xl-5.team a.navbar-brand svg.bi.bi-telephone-fill{font-size:1.25rem;} section#about div.card.card-title{ color:rgba(0, 0, 0, 0.03); letter-spacing: 0.1px; } body#page-uid-3 div.outer-wrapper .frame-fullwidth.frame-type-html.frame-layout-0 section#about{ background: linear-gradient(to bottom, #EAF2F8 0%,#EAF2F8 100%); background-color: red; } section#about { color: var(--bs-gray); padding-top: 2.2rem; padding-bottom: 1.5rem; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#efefef+0,bcb5b5+100 */ background: #efefef; /* Old browsers */ background: -moz-linear-gradient(top, #efefef 0%, #e1e0e0 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #efefef 0%,#e1e0e0 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #efefef 0%,#e1e0e0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ background: linear-gradient(to bottom, #EAF2F8 0%,#f6f6f6 100%) !important; } /*section#about h2 {font-size: 1.75rem;}*/ body#page-uid-1 section#about div.card { --bs-card-spacer-y: 1rem; --bs-card-spacer-x: 1rem; --bs-card-title-spacer-y: 0.5rem; --bs-card-border-width: 1px; --bs-card-border-color: var(--bs-border-color-translucent); --bs-card-border-radius: 2px; --bs-card-box-shadow: ; --bs-card-inner-border-radius: calc(0.375rem - 1px); --bs-card-cap-padding-y: 0.5rem; --bs-card-cap-padding-x: 1rem; --bs-card-cap-bg: rgba(0, 0, 0, 0.03); --bs-card-cap-bg: #fff; --bs-card-cap-color: ; --bs-card-height: ; --bs-card-color: ; --bs-card-bg: #fff; --bs-card-img-overlay-padding: 1rem; --bs-card-group-margin: 0.75rem; /*background: linear-gradient(to bottom, #EAF2F8 0%,#EAF2F8 100%);*/ position: relative; display: flex; flex-direction: column; /*max-width: 28rem;*/ height: var(--bs-card-height); margin-top: auto; margin-left:auto; padding-top: 1.75rem; padding-bottom: 3rem; word-wrap: break-word; /*background-color: var(--bs-card-bg);*/ background-color: var(--bs-gray-100); color: #413f3f; background-clip: border-box; border: var(--bs-card-border-width) solid var(--bs-card-border-color); border-radius: var(--bs-card-border-radius);} body#page-uid-1 section#about a{text-decoration: none;} body#page-uid-1 section#about a >.card:hover{ background-color: #fff; box-shadow: 0 0 6px #bebebe !important;} body#page-uid-3 section#about div.card div.card-body h3.card-title, body#page-uid-3 section#about div.card div.card-body h2.card-title{ font-size: 1.75rem !important; text-transform: none; letter-spacing: 2px; line-height: 1.75rem; margin-top: 0.75rem; margin-bottom: 0.75rem; } html body#page-uid-3 section#about a div.card.h-100 div.card-body{margin-bottom: 3rem;} section#about .card-footer { /* display:none;<====================================================================================== Ändern, wenn Links gesetzt werden! === */ padding-bottom: 1.2rem; color: var(--bs-card-cap-color); background-color: #F8F9FA; border-top: none; padding-top: 1rem; } @media (min-width: 765px) { html body#page-top div.outer-wrapper section#about.clearfix.text-center div.container div.row.row-cols-1.row-cols-sm-2.row-cols-md-2.row-cols-lg-3.gx-3 div.col.pt-4.service div.card { max-width: unset; background-color: #f20e0e; } } @media (min-width: 992px) { html body#page-uid-4 div.outer-wrapper.lightblue div#c419.frame.frame-fullwidth.frame-type-html.frame-layout-0 section#team.team { margin-left: -1.5rem; margin-right: -2rem; margin-top: -5rem; } } /* ================================================ Startseite (#page-uid-1) – Angebot-Teaser (#about) ================================================ */ /* Variablen */ html body#page-uid-1{ --teaser-icon:58px; /* Kreis-Durchmesser */ --teaser-icon-svg:28px; /* Icon im Kreis */ --teaser-gap:1.25rem; /* Abstand Icon <-> Text */ --teaser-minh-mid:16rem; /* Mindesthöhe 768–924px */ } /* Falls irgendwo zuvor Grid auf der Row erzwungen wurde: zurücksetzen */ html body#page-uid-1 #about .row{display:flex !important; flex-wrap:wrap !important;} html body#page-uid-1 #about .service{padding-left:var(--bs-gutter-x,.75rem); padding-right:var(--bs-gutter-x,.75rem);} /* Jede .col spannt ihre Karte auf volle Höhe der Zeile */ html body#page-uid-1 #about .service{display:flex;} html body#page-uid-1 #about .feature-link{display:block; width:100%; color:inherit; text-decoration:none;} html body#page-uid-1 #about .feature-link:focus-visible .feature-card{outline:3px solid #004d99; outline-offset:3px;} /* Karte – Mobile: Icon oben, zentriert */ html body#page-uid-1 #about .feature-card{ display:flex; flex-direction:column; align-items:center; text-align:center; width:100%; background:#fff; border:1px solid #e2e8f0; border-radius:6px; padding:1.5rem 1.75rem; box-shadow:0 1px 2px rgba(0,0,0,.04); transition:box-shadow .2s ease, transform .2s ease, border-color .2s ease; } html body#page-uid-1 #about .feature-link .feature-card:hover{ box-shadow:0 6px 16px rgba(0,0,0,.08); transform:translateY(-2px); border-color:#d9e2ec; } /* Icon-Kreis */ html body#page-uid-1 #about .feature-card__icon{ width:var(--teaser-icon); height:var(--teaser-icon); flex:0 0 var(--teaser-icon); border-radius:50%; background:#fff4e6; color:#ff8700; display:grid; place-items:center; margin:0 0 .75rem 0; box-shadow:0 0 0 1px rgba(255,135,0,.18) inset; } html body#page-uid-1 #about .feature-card__icon svg, html body#page-uid-1 #about .feature-card__icon .bi{ width:var(--teaser-icon-svg); height:var(--teaser-icon-svg); display:block; fill:currentColor; } /* Content */ html body#page-uid-1 #about .feature-card__content{display:flex; flex-direction:column; gap:.25rem;} html body#page-uid-1 #about .feature-card__title{margin:0 0 .4rem 0; font-size:1.35rem; font-weight:700; color:#1e293b;} html body#page-uid-1 #about .feature-card__text{margin:0; font-size:1rem; line-height:1.55; color:#334155;} /* 768–924 px: gleiche Höhe + Icon oben zentriert */ @media (min-width:768px) and (max-width:924px){ html body#page-uid-1 #about .feature-card{min-height:var(--teaser-minh-mid); height:100%; overflow:hidden;} html body#page-uid-1 #about .feature-card__text{ display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical; overflow:hidden; } } /* >= 925 px: Icon links, Text rechts, natürliche Höhe */ @media (min-width:925px){ html body#page-uid-1 #about .feature-card{ flex-direction:row; align-items:flex-start; text-align:left; height:auto; overflow:visible; } html body#page-uid-1 #about .feature-card__icon{margin:0 var(--teaser-gap) 0 0;} html body#page-uid-1 #about .feature-card__content{text-align:left;} html body#page-uid-1 #about .feature-card__text{ display:block; -webkit-line-clamp:unset; -webkit-box-orient:unset; overflow:visible; } } /* Motion-Reduktion */ @media (prefers-reduced-motion:reduce){ html body#page-uid-1 #about .feature-link .feature-card:hover{transform:none; box-shadow:0 4px 10px rgba(0,0,0,.06);} } /* Fix Block */ /* ===== Desktop-Fix ≥ 925px: Icon LINKS + gleiche Höhen pro Zeile ===== */ @media (min-width: 925px) { /* Die Row bleibt Flex und streckt die Spalten gleich hoch */ html body#page-uid-1 #about .row { display: flex !important; flex-wrap: wrap !important; align-items: stretch !important; } /* Jede .col als Flex-Container, damit die Karte sich auf volle Höhe streckt */ html body#page-uid-1 #about .service { display: flex !important; } /* Karte: sicher Icon links + volle Höhe der Zeile */ html body#page-uid-1 #about .feature-card { display: flex !important; flex-direction: row !important; /* << Icon links, Content rechts */ align-items: flex-start !important; text-align: left !important; height: 100% !important; /* << equal height innerhalb der Zeile */ overflow: visible !important; } /* Icon links mit rechtem Abstand; kein Abstand nach unten */ html body#page-uid-1 #about .feature-card__icon { margin: 0 1.25rem 0 0 !important; flex: 0 0 var(--teaser-icon) !important; } /* Content wirklich linksbündig */ html body#page-uid-1 #about .feature-card__content { text-align: left !important; flex: 1 1 auto !important; } /* Jede evtl. aktive Zeilen-Begrenzung ausschalten */ html body#page-uid-1 #about .feature-card__text { display: block !important; -webkit-line-clamp: unset !important; -webkit-box-orient: unset !important; overflow: visible !important; } } /* === INFOTEXT === */ section.info-text{ /* 20230906 background-color: #fd8501;*/ background-color: #494949; padding-top: 0.75rem; padding-bottom: 0.8rem; } .info-text h2 { color: #223465; margin-top: 0.5rem; margin-bottom: 0.5rem; margin-left:auto; margin-right:auto; max-width: 60ch; /* optimale Leselänge: ca. 60 Zeichen */ padding: 1rem 5%; /* vertikal 1.5rem, horizontal 5% */ line-height: 1.5; font-weight: 600; } /* Optional: kleine Anpassungen für sehr große Viewports */ @media (min-width: 1200px) { .info-text h2 { padding-left: 5%; padding-right: 5%; max-width: 90ch; } } section.info-text div.row div.col-12 h3{ color:#fff; font-size: 1.25rem; font-weight: normal; text-transform: none; letter-spacing: 1px; line-height: 1.75rem; margin-top: 1rem; margin-bottom: 1.2rem; } @media (min-width: 800px) { section.info-text div.row div.col-12 h3 { font-size: 1.25rem; font-weight: normal; text-transform: none; letter-spacing: 1px; line-height: 1.75rem; margin-top: 1rem; margin-bottom: 1.2rem; margin-left: 10%; margin-right: 10%; } } @media (min-width: 992px) { body#page-uid-3 section.info-text{ margin-left: -1.5rem; margin-right: -2.5rem; margin-top: -1rem; margin-bottom: 0rem; } } @media (min-width: 1024) { section.info-text div.row div.col-12 h3 { font-size: 1.25rem; font-weight: normal; text-transform: none; letter-spacing: 1px; line-height: 2.2rem; margin-top: 1rem; margin-bottom: 1.2rem; margin-left: 12%; margin-right: 12%; } } @media (min-width: 1200px) { section.info-text div.row div.col-12 h3, section.info-text div.row div.col-3 h3 { color: #fff; font-size: 1.5rem; font-weight: normal; text-transform: none; letter-spacing: 1px; line-height: 2.5rem; margin-top: 2rem; margin-bottom: 2rem; margin-left: 15%; margin-right: 15%; } } /* ================================================ */ /* Team */ /* ================================================ */ section.team { /*background-color: white; background-color: #EBF2F7;*/ background-color: #e5e9ec; padding-left: 0.1rem; padding-right: 0.1rem; /* color: var(--bs-highlight-bg); background: linear-gradient(to bottom, #F8E4B8 0%,#F6DBA1 100%); color:red; background: linear-gradient(to bottom, #EAF2F8 0%,#EAF2F8 100%) !important;*/ } section.team h2{ font-size: 2.2rem; color: #5C5C5B; margin-top: 1rem; } section.team h2, section.team p{ color: #1c3468; } section.team div.row div.col div.card{ padding-top: 2.5rem; /*background-color: red;*/ max-width: 28rem; margin-left: auto; margin-right: auto; } section.team div.card img { align-self: center; margin-bottom: 0rem; } section.team div.card img.rounded-circle{ border: 2px solid #D2D2D2; height: 10rem; width: 10rem; } section.team div.row div.col div.card div.card-body h3.card-title{ font-family: 'Roboto Condensed', Helvetica, Arial, sans-serif; font-weight: normal; font-size: 1.25rem; letter-spacing: normal; text-align: center; margin-top: 0rem; margin-bottom: 0.5rem;} section.team div.row div.col div.card div.card-body h4.card-title{ font-family: 'Roboto Condensed', Helvetica, Arial, sans-serif; font-weight: normal; font-size: 1.25rem; letter-spacing: normal; text-align: center; margin-top: 0rem; margin-bottom: 0.5rem;} section.team div.row div.col div.card div.card-body p.text-muted.card-text{ text-align: center; } @media (min-width: 578px) { section#team div.row div.col div.card{ padding-top: 2.5rem; background-color: #fff; max-width: unset; margin-top: -1rem; margin-left: unset; margin-right: unset; } } @media (min-width: 992px) { section.team div.row div.col div.card div.card-body h3.card-title, section.team div.row div.col div.card div.card-body h4.card-title, section.team div.row div.col div.card div.card-body p.card-text{ text-align: left !important; } section.team div.card img.rounded-circle{ border: 2px solid #D2D2D2; height: 12rem; width: 12rem; } } /* ============================================== */ /* Blog. */ /* ============================================== */ #page-uid-6 header h2.ce-headline-center{ padding-top: 0; padding-left: 5%; padding-right: 5%; padding-bottom: 1rem; } @media (min-width: 992px) { #page-uid-6 header h2.ce-headline-center{ padding-top: 0; padding-left: 7.5%; padding-right: 7.5%; padding-bottom: 2.25rem; } #page-uid-6 .frame.frame-layout-0 { background-color: transparent; border: none; padding: 0; } } .tx-blog-post-list.postlist.postlist--recent{ padding-left: 0; padding-right: 0; } section.blog { background-color: white; margin-left: 0rem; margin-right: 0rem; padding-left: 0rem; padding-right: 0rem; /*color: var(--bs-highlight-bg); background: linear-gradient(to bottom, #F8E4B8 0%,#F6DBA1 100%); background: linear-gradient(to bottom, #EAF2F8 0%,#EAF2F8 100%) !important;*/ } section.blog a{ color: unset; text-decoration: none;} section.blog h2,section.blog h3{ font-size: 1.5rem; color: #1b3367; text-transform: none; letter-spacing: 0px; line-height: auto; margin-top: 0rem; } section.blog div.container{margin-left:1rem;} section.blog div.card .card-body .postmetagroup.postmetagroup--simple.postmetagroup--type-listheader .postmetagroup__item.postmetagroup__item--published .postmetagroup__body .postmetagroup__content a {font-size: 0.9rem;} section.blog p{ color: #5C5C5B; font-size: 1.1rem;} section.blog div.container div.row div.card{ background-color: #fff; /*background-color: var(--bs-gray-100) border: var(--bs-card-border-width) solid var(--bs-card-border-color);*/ --bs-card-border-width: 2px; border-radius:0; max-width: 28rem; margin-left: auto; margin-right: auto; margin-left: -0.25rem; margin-right: -0.2rem;} section.blog div.container div.row div.card img { align-self: center; border-top-left-radius: 0; border-top-right-radius: 0; margin-bottom: 0rem; } section.blog .card .card-body .postmetagroup--type-listheader span span{font-size: 0.9rem;} section.blog div.container div.row div.card .card-body{ padding-top: 0; padding-right: 0rem; padding-left: 1rem; /*background-color: green;*/ } section.blog div.card article.post.postlist__post div.postmetagroup__icon span.blogicon svg{font-size: 0.9rem;} /* .team figure figcaption{ background-color: #fd8501; color:#fff; font-size: 0.9rem;} .team figcaption.date-ddmmyyy{ background-color: transparent; color:#413f3f;} .team div.card-body p.card-text{ font-size: 0.85rem; color: red; padding-top: 0.5rem; padding-right: 0.25rem; padding-bottom: 1.5rem; padding-left: 0.25rem; } */ .masthead .intro-body .intro-text { font-size: 18px; position: relative; top: 73%; /*bottom: 0%;*/ } .btn-circle { position: relative; top: 53%; } /* ============================================== */ /* References */ /* ============================================== */ section.references { /*background: linear-gradient(to bottom, #efefef 0%,#e1e0e0 100%); background: linear-gradient(to bottom, #223465 0%,#102152 100%);*/ /*background-color: rgba(0, 0, 0, 0);*/ background-position-x: 0%; background-position-y: 0%; background-repeat: repeat; background-attachment: scroll; background-size: auto; background-origin: padding-box; background-clip: border-box; color: fff; /*padding-top:3rem;*/ padding-left: 0; padding-right: 0; } @media (min-width: 576px) { section.references { padding-top:2rem; } } body#page-uid-1 blockquote p { font-family: 'Special Elite', cursive; font-size: 1.35rem; font-weight: bolder; color: #396982; } section.references a, section#reference.references a{ text-decoration:none; /*color: #F1DDA8;*/ color:#fff; } section.references h2{ font-size: 2.2rem; } section.references h2, section.references p{ /*color:#F1DCA8;*/ color:#fff; } section.references .row{ margin-left: -0.2rem; margin-right: -0.2rem; } section.references div.card{ border: none; background-color: transparent; } section.references div.card.border-primary{ border-radius: 2px; border-color: transparent; border:none } section.references div.card img.card-img-top{ border-radius: 0px; } section.references div.card .card-body{ /*background-color: #fc8402;*/ /*background-color: #223465;*/ /*background-color: #1d3568;*/ background-color: transparent; margin-top: 0rem; padding-top: 0.25rem; } section.references div.card .card-body p{ color: fff; font-size: 1.25rem; line-height: 1.2; padding: 0; margin-top: -0.5rem; margin-bottom: -0.5rem !important; } /* html body#page-uid-1- section#reference.references { background: linear-gradient(to bottom, #223465 0%,#0b1d50 100%) !important;} */ /* Project Reference ============================ */ .reference-row { background-image: url('../../../typo3conf/ext/t3-kindler/Resources/Public/Images/Background/PaperBackground.png'); margin-left: -0.8rem; margin-right:-0.8rem; } .project-reference-slider {height:30rem;} .project-reference-slider .testimonial-slider div.swiper-container.swiper-container-pointer-events{height:25rem;} .project-reference-slider blockquote { font-family: 'Special Elite', cursive; background: transparent; padding: 10px 20px; margin: 2.5rem auto 2.5rem 5rem; font-size: 17px; border-left: none; } .testimonial-footer{ bottom: 6rem; position: relative; width: 60%; text-align: center; margin-left: auto; margin-right: auto; } /* ----------------------------------------------------------------------------- * * Styles für Tables * * ----------------------------------------------------------------------------- */ caption { margin: 0 0.2rem; padding: 0.4em; font-size: 1rem; line-height: 1; color: #fff; background-color: #da0545; } table { width: 100%; font-size: 1rem; text-align: center; } @media (min-width: 992px) { table{ width: 66%; font-size: 1rem; margin-top: 2.8rem; margin-bottom: 2rem; margin-left: 2rem; } table p{font-size: 1rem;} table.project-info-box{ margin-left: 2.9rem; margin-bottom: 1.5rem; width: 100%; } } table span.h5 { font-size: 1.3rem; font-weight: 300; line-height: 1.75rem; color: #000; margin-bottom: 0.313rem; } td.customer-logo{padding: 2rem;} /* td:first-child{ border-top: #203263 solid 1px; }*/ th, td { padding: 0.5em; } th { font-weight: normal; color: #fff; background-color: #189ca4; } /* td:nth-of-type(odd) { background-color: #f3f3f3; } td:nth-of-type(even) { background-color: #eaeaea; } */ td { background-color: #f3f3f3; } /* Tabellenheader ausblenden für schmale Screens (nicht accessible!) */ thead { display: none; } tr { display: block; padding-bottom: 0.2em;/* border-right: 1px solid #96cfbf; border-left: 1px solid #96cfbf;*/ /* border-right: 1px solid #1b3367; border-left: 1px solid #1b3367;*/ } /* tr:last-of-type { border-bottom: 1px solid #1b3367; } */ td { width: 100%; display: block; padding: 1.5rem 4rem; border-bottom: 3px solid #fff; } /* td:first-of-type { color: #1b3367; background-color: #fff; }*/ /* Tableheader als CSS-content aus dem data-header Attribut */ /* td::before { font-weight: bold; content: attr(data-header) " "; }*/ /* ============================================== */ /* Projekte */ /* ============================================== */ .project-info-box{ padding: 55px 0 0; } .project-info-box-inner{ background: #e0e0e0; } .project-info-box-image-wrapper{ border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -webkit-border-radius: 10px; transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,50%); background: #fff; height: 110px; left: 50%; position: relative; top: 0; width: 110px; } .project-info-box-image-wrapper img{ transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -webkit-transform: translate(5%,5%); display: block; height: auto; left: -1%; position: absolute; top: -1%; width: 93%; } /* Simple Slider ================================ */ .thumbs-gallery-slider{ background-color: salmon; } /* Footer ======================================= */ footer{ /*max-width: 1360px;*/ } /* Colors */ section#about { background: linear-gradient(to bottom, #428203 0%,#029f0c 100%); background: linear-gradient(to bottom, #EAF2F8 0%,#EAF2F8 100%); background: linear-gradient(to bottom, #fff 0%,#f9fafb 100%); background: linear-gradient(to bottom, #EAF2F8 0%,#EAF2F8 100%) !important; padding-bottom: 3rem; } section#about h2, section#about p{color: #1C3468;} section#refereces h2, section#refereces p{color: #ee0c79;} section#refereces {background-color: rgb(3, 52, 96) 0% !important;} /* body#page-uid-1 header.masthead {background-image: none;} */ section#about { background-color: #f6f6f6; /* warmes hellgrau */ } section#ueber-uns { background-color: #ffffff; } section#referenzen { background-color: #e8f0f8; } .card:hover { box-shadow: 0 4px 10px rgba(0,0,0,0.05); transform: translateY(-3px); transition: all .3s ease; } .bs-icon svg { opacity: 0.9; transition: opacity .3s ease; } .card:hover .bs-icon svg { opacity: 1; } /* --- Hero-Kontrast-Quickfix 2025-11-01 --- */ /*header.masthead .slogan .card-body h1.stage-heading { text-shadow: 0 0 4px rgba(0,0,0,0.8), 0 0 8px rgba(0,0,0,0.6); background: rgba(0, 0, 0, 0.35); display: inline-block; padding: 0.25em 0.5em; border-radius: 0em; }*/ html body#page-uid-1 header .intro-body .slogan div.card-body h1.stage-heading{ text-shadow: 0 0 6px rgba(0,0,0,0.9); } /* =========================================== PURE TYPO3 SECTION harmoniert mit Bootstrap 5 Layout =========================================== */ .pure-typo3-block { background-color: #f8f9fa; /* helles, neutrales Grau */ color: #212529; /* Standard Textfarbe */ padding: 4rem 0; /* vertikaler Abstand */ border-top: 1px solid #e9ecef; /* dezente Trennung */ border-bottom: 1px solid #e9ecef; } /* Überschrift */ .pure-typo3-block h2 { font-size: 1.8rem; font-weight: 600; color: #004d99; /* dein Markenblau */ margin-bottom: 1.5rem; } /* Zitat / Statement */ .pure-typo3-block blockquote { font-size: 1.25rem; font-style: italic; color: #2c3e50; /* etwas dunkler für Kontrast */ margin-bottom: 1.5rem; border-left: 4px solid #004d99; /* visuelle Linie, optional */ padding-left: 1rem; } /* Fließtext */ .pure-typo3-block p { max-width: 800px; margin-left: auto; margin-right: auto; line-height: 1.6; font-size: 1rem; } /* Letzter Absatz leicht absetzen */ .pure-typo3-block p:last-child { margin-top: 1rem; color: #495057; /* leicht abgeschwächt */ font-weight: 500; } /* Responsiv feinjustieren */ @media (max-width: 768px) { .pure-typo3-block { padding: 3rem 1rem; } .pure-typo3-block h2 { font-size: 1.5rem; } .pure-typo3-block blockquote { font-size: 1.1rem; } } .pure-typo3-block { box-shadow: inset 0 0 20px rgba(0,0,0,0.03); } /* === Startseite (uid=1) so ausrichten wie die alte Inhaltsseite === */ /* 1) Container auf uid=1 wie global behandeln */ @media (min-width: 576px){ body#page-uid-1 article > .container{ /* global hast du: article div.container { margin-top:-3rem; padding: 0 2.5rem } */ margin-top: -3rem !important; padding-left: 2.5rem !important; padding-right: 2.5rem !important; } } /* 2) Frames auf uid=1 nicht enger machen als anderswo */ @media (min-width: 992px){ body#page-uid-1 .frame.frame-layout-0{ /* wie global ab 992px */ padding: 0.75rem 2rem 0 1.5rem !important; } } /* 3) Falls dein „Über mich“-Layout links/rechts Offsets hatte: gleiche Offsets für den About-Block auf uid=1 */ @media (min-width: 992px){ body#page-uid-1 section#about{ margin-left: -1.5rem !important; margin-right: -2rem !important; } } /* === uid=1 wie uid=4 ausrichten ==================================== */ /* 1) Container auf uid=1 wie global/uid=4 behandeln (Sonderregel neutralisieren) */ @media (min-width: 576px){ body#page-uid-1 article > .container{ /* entspricht deinem globalen article div.container */ margin-top: -3rem !important; padding-left: 2.5rem !important; padding-right: 2.5rem !important; } } /* 2) Breadcrumbs: gleiche Top-Marge wie auf uid=4 body#page-uid-1 ol.breadcrumb.width-header-banner{ margin-top: 2.2rem !important; }*/ /* 3) Masthead-Positionierung wie auf uid=4 (du hast 3 & 4 gekoppelt) */ @media (min-width: 768px){ body#page-uid-1 .masthead{ background-clip: content-box; background-position: right 0 top 0rem; /* identisch zu 4 */ } } /* 4) Frames auf uid=1 nicht enger als anderswo (wie global ab 992px) */ @media (min-width: 992px){ body#page-uid-1 .frame.frame-layout-0{ padding: 0.75rem 2rem 0 1.5rem !important; } } /* ============================================ Mobile-Only Typo-Fix (bis < 576px) ============================================ */ @media (max-width: 575.98px) { /* Basis-Überschriften im Content verkleinern */ h1, .h1 { font-size: 2.1rem; line-height: 1.2; margin-bottom: 1.25rem; } h1.h2, .h2, h2 { font-size: 1.7rem; line-height: 1.3; margin-bottom: 1rem; } .h3, h3 { font-size: 1.35rem; line-height: 1.4; margin-top: 0.75rem; margin-bottom: 1rem; } h2.border-bottom { font-size: 1.6rem; } h3.border-bottom { font-size: 1.3rem; } /* Hero-Stage-Headlines (Startseite) etwas zivilisieren */ .slogan div.card div.card-body h1.stage-heading { font-size: 1.55rem; letter-spacing: 1px; } .slogan div.card div.card-body h2.stage-heading { font-size: 1.25rem; } /* Team-/Abschnitts-Headlines leicht reduzieren */ section.team h2 { font-size: 1.8rem; } section.info-text h3 { font-size: 1.1rem; line-height: 1.6; } } /* Fix fuer Starseite, Consulting Page */ body#page-uid-1 aside .frame-layout-4{padding: 1.5rem 1.5rem 1rem;} body#page-uid-22 aside .frame-layout-4{padding: 1.5rem 1.5rem 1rem;} /* Fix für aside und blaue Box */ aside .frame-layout-4{padding: 1.5rem 1.5rem 1rem;} /* Headerimage */ body#page-uid-22 header picture img.image-embed-item{ margin-top:0; }