/* jQuery.mmenu CSS */ /* jQuery.mmenu panels CSS */ .mm-menu.mm-horizontal > .mm-panel { -webkit-transition: -webkit-transform 0.4s ease; transition: transform 0.4s ease; } .mm-menu .mm-hidden { display: none; } .mm-wrapper { overflow-x: hidden; position: relative; } .mm-menu, .mm-menu > .mm-panel { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 0; } .mm-menu { background: inherit; display: block; overflow: hidden; padding: 0; } .mm-menu > .mm-panel { background: inherit; -webkit-overflow-scrolling: touch; overflow: scroll; overflow-x: hidden; overflow-y: auto; box-sizing: border-box; padding: 20px; -webkit-transform: translateX(100%); transform: translateX(100%); } .mm-menu > .mm-panel.mm-opened { -webkit-transform: translateX(0%); transform: translateX(0%); } .mm-menu > .mm-panel.mm-subopened { -webkit-transform: translateX(-30%); transform: translateX(-30%); } .mm-menu > .mm-panel.mm-highest { z-index: 1; } .mm-menu .mm-list { padding: 20px 0; } .mm-menu > .mm-list { padding-bottom: 0; } .mm-menu > .mm-list:after { content: ''; display: block; height: 40px; } .mm-panel > .mm-list { margin-left: -20px; margin-right: -20px; } .mm-panel > .mm-list:first-child { padding-top: 0; } .mm-list, .mm-list > li { list-style: none; display: block; padding: 0; margin: 0; } .mm-list { font: inherit; font-size: 14px; } .mm-list a, .mm-list a:hover { text-decoration: none; } .mm-list > li { position: relative; } .mm-list > li > a, .mm-list > li > span, .mm-list > li > strong { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; color: inherit; line-height: 20px; display: block; padding: 10px 10px 10px 20px; margin: 0; } .mm-list > li:not(.mm-subtitle):not(.mm-label):not(.mm-search):not(.mm-noresults):after { content: ''; border-bottom-width: 1px; border-bottom-style: solid; display: block; width: 100%; position: absolute; bottom: 0; left: 0; } .mm-list > li:not(.mm-subtitle):not(.mm-label):not(.mm-search):not(.mm-noresults):after { width: auto; margin-left: 20px; position: relative; left: auto; } .mm-list a.mm-subopen { background: rgba(3, 2, 1, 0); width: 40px; height: 100%; padding: 0; position: absolute; right: 0; top: 0; z-index: 2; } .mm-list a.mm-subopen:before { content: ''; border-left-width: 1px; border-left-style: solid; display: block; height: 100%; position: absolute; left: 0; top: 0; } .mm-list a.mm-subopen.mm-fullsubopen { width: 100%; } .mm-list a.mm-subopen.mm-fullsubopen:before { border-left: none; } .mm-list a.mm-subopen + a, .mm-list a.mm-subopen + span { padding-right: 5px; margin-right: 40px; } .mm-list > li.mm-selected > a.mm-subopen { background: transparent; } .mm-list > li.mm-selected > a.mm-fullsubopen + a, .mm-list > li.mm-selected > a.mm-fullsubopen + span { padding-right: 45px; margin-right: 0; } .mm-list a.mm-subclose { text-indent: 20px; padding-top: 30px; margin-top: -20px; } .mm-list > li.mm-label { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-size: 10px; text-transform: uppercase; text-indent: 20px; line-height: 25px; padding-right: 5px; } .mm-list > li.mm-spacer { padding-top: 40px; } .mm-list > li.mm-spacer.mm-label { padding-top: 25px; } .mm-list a.mm-subopen:after, .mm-list a.mm-subclose:before { content: ''; border: 2px solid transparent; display: inline-block; width: 7px; height: 7px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); margin-bottom: -5px; position: absolute; bottom: 50%; } .mm-list a.mm-subopen:after { border-top: none; border-left: none; right: 18px; } .mm-list a.mm-subclose:before { border-right: none; border-bottom: none; margin-bottom: -15px; left: 22px; } .mm-menu.mm-vertical .mm-list .mm-panel { display: none; padding: 10px 0 10px 10px; } .mm-menu.mm-vertical .mm-list .mm-panel li:last-child:after { border-color: transparent; } .mm-menu.mm-vertical .mm-list li.mm-opened > .mm-panel { display: block; } .mm-menu.mm-vertical .mm-list > li > a.mm-subopen { height: 40px; } .mm-menu.mm-vertical .mm-list > li > a.mm-subopen:after { top: 16px; right: 16px; bottom: auto; } .mm-menu.mm-vertical .mm-list > li.mm-opened > a.mm-subopen:after { -webkit-transform: rotate(45deg); transform: rotate(45deg); } .mm-menu.mm-vertical .mm-list > li.mm-label > a.mm-subopen { height: 25px; } html.mm-opened .mm-page { box-shadow: 0 0 20px rgba(0, 0, 0, 0.5); } .mm-menu { background: #333333; color: rgba(255, 255, 255, 0.6); } .mm-menu .mm-list > li:after { border-color: rgba(0, 0, 0, 0.15); } .mm-menu .mm-list > li > a.mm-subclose { background: rgba(0, 0, 0, 0.1); color: rgba(255, 255, 255, 0.3); } .mm-menu .mm-list > li > a.mm-subopen:after, .mm-menu .mm-list > li > a.mm-subclose:before { border-color: rgba(255, 255, 255, 0.3); } .mm-menu .mm-list > li > a.mm-subopen:before { border-color: rgba(0, 0, 0, 0.15); } .mm-menu .mm-list > li.mm-selected > a:not(.mm-subopen), .mm-menu .mm-list > li.mm-selected > span { background: rgba(0, 0, 0, 0.1); } .mm-menu .mm-list > li.mm-label { background: rgba(255, 255, 255, 0.05); } .mm-menu.mm-vertical .mm-list li.mm-opened > a.mm-subopen, .mm-menu.mm-vertical .mm-list li.mm-opened > ul { background: rgba(255, 255, 255, 0.05); } /* jQuery.mmenu offcanvas addon CSS */ .mm-page { -webkit-transition: -webkit-transform 0.4s ease; transition: transform 0.4s ease; } html.mm-opened { overflow: hidden; position: relative; } html.mm-opened body { overflow: hidden; } html.mm-opened .mm-page { box-sizing: border-box; position: relative; } html.mm-background .mm-page { background: inherit; } #mm-blocker { background: rgba(3, 2, 1, 0); display: none; width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 999999; } html.mm-opened #mm-blocker, html.mm-blocking #mm-blocker { display: block; } .mm-menu.mm-offcanvas { display: none; position: fixed; } .mm-menu.mm-current { display: block; } .mm-menu { width: 80%; min-width: 140px; max-width: 440px; } html.mm-opening .mm-page, html.mm-opening #mm-blocker { -webkit-transform: translate(80%, 0); transform: translate(80%, 0); } @media all and (max-width: 175px) { html.mm-opening .mm-page, html.mm-opening #mm-blocker { -webkit-transform: translate(140px, 0); transform: translate(140px, 0); } } @media all and (min-width: 550px) { html.mm-opening .mm-page, html.mm-opening #mm-blocker { -webkit-transform: translate(440px, 0); transform: translate(440px, 0); } } /* jQuery.mmenu position extension CSS */ .mm-menu.mm-top, .mm-menu.mm-bottom { width: 100%; min-width: 100%; max-width: 100%; } .mm-menu.mm-right { left: auto; right: 0; } .mm-menu.mm-bottom { top: auto; bottom: 0; } html.mm-right.mm-opening .mm-page, html.mm-right.mm-opening #mm-blocker { -webkit-transform: translate(-80%, 0); transform: translate(-80%, 0); } @media all and (max-width: 175px) { html.mm-right.mm-opening .mm-page, html.mm-right.mm-opening #mm-blocker { -webkit-transform: translate(-140px, 0); transform: translate(-140px, 0); } } @media all and (min-width: 550px) { html.mm-right.mm-opening .mm-page, html.mm-right.mm-opening #mm-blocker { -webkit-transform: translate(-440px, 0); transform: translate(-440px, 0); } } /* jQuery.mmenu z-position extension CSS */ html.mm-front .mm-page, html.mm-front #mm-blocker { -webkit-transform: translate(0, 0) !important; transform: translate(0, 0) !important; z-index: 0; } .mm-menu.mm-front { z-index: 1; box-shadow: 0 0 15px rgba(0, 0, 0, 0.5); } html.mm-opened.mm-next .mm-page { box-shadow: none; } .mm-menu.mm-front, .mm-menu.mm-next { -webkit-transition: -webkit-transform 0.4s ease; transition: transform 0.4s ease; -webkit-transform: translate(-100%, 0); transform: translate(-100%, 0); } .mm-menu.mm-front.mm-right, .mm-menu.mm-next.mm-right { -webkit-transform: translate(100%, 0); transform: translate(100%, 0); } .mm-menu.mm-front.mm-top { -webkit-transform: translate(0, -100%); transform: translate(0, -100%); } .mm-menu.mm-front.mm-bottom { -webkit-transform: translate(0, 100%); transform: translate(0, 100%); } html.mm-opening .mm-menu.mm-front, html.mm-opening .mm-menu.mm-next { -webkit-transform: translate(0, 0); transform: translate(0, 0); } .mm-menu.mm-front.mm-top, .mm-menu.mm-front.mm-bottom { height: 80%; min-height: 140px; max-height: 880px; } /* jQuery.mmenu counters addon CSS */ em.mm-counter { font: inherit; font-size: 14px; font-style: normal; text-indent: 0; line-height: 20px; display: block; margin-top: -10px; position: absolute; right: 40px; top: 50%; } em.mm-counter + a.mm-subopen { padding-left: 40px; } em.mm-counter + a.mm-subopen + a, em.mm-counter + a.mm-subopen + span { margin-right: 80px; } em.mm-counter + a.mm-fullsubopen { padding-left: 0; } .mm-vertical em.mm-counter { top: 12px; margin-top: 0; } .mm-nosubresults > em.mm-counter { display: none; } .mm-menu em.mm-counter { color: rgba(255, 255, 255, 0.3); } /* jQuery.mmenu effects extension CSS */ html.mm-slide .mm-menu { -webkit-transition: -webkit-transform 0.4s ease; transition: transform 0.4s ease; } html.mm-slide.mm-opened .mm-menu { -webkit-transform: translateX(-30%); transform: translateX(-30%); } html.mm-slide.mm-opening .mm-menu { -webkit-transform: translateX(0%); transform: translateX(0%); } html.mm-slide.mm-right.mm-opened .mm-menu { -webkit-transform: translateX(30%); transform: translateX(30%); } html.mm-slide.mm-right.mm-opening .mm-menu { -webkit-transform: translateX(0%); transform: translateX(0%); } html.mm-slide.mm-top.mm-opened .mm-menu { -webkit-transform: translateY(-30%); transform: translateY(-30%); } html.mm-slide.mm-top.mm-opening .mm-menu { -webkit-transform: translateY(0%); transform: translateY(0%); } html.mm-slide.mm-bottom.mm-opened .mm-menu { -webkit-transform: translateY(30%); transform: translateY(30%); } html.mm-slide.mm-bottom.mm-opening .mm-menu { -webkit-transform: translateY(0%); transform: translateY(0%); } html.mm-zoom-menu .mm-menu { -webkit-transition: -webkit-transform 0.4s ease; transition: transform 0.4s ease; } html.mm-zoom-menu.mm-opened .mm-menu { -webkit-transform: scale(0.7, 0.7) translateX(-30%); transform: scale(0.7, 0.7) translateX(-30%); -webkit-transform-origin: left center; transform-origin: left center; } html.mm-zoom-menu.mm-opening .mm-menu { -webkit-transform: scale(1, 1) translateX(0%); transform: scale(1, 1) translateX(0%); } html.mm-zoom-menu.mm-right.mm-opened .mm-menu { -webkit-transform: scale(0.7, 0.7) translateX(30%); transform: scale(0.7, 0.7) translateX(30%); -webkit-transform-origin: right center; transform-origin: right center; } html.mm-zoom-menu.mm-right.mm-opening .mm-menu { -webkit-transform: scale(1, 1) translateX(0%); transform: scale(1, 1) translateX(0%); } html.mm-zoom-menu.mm-top.mm-opened .mm-menu { -webkit-transform: scale(0.7, 0.7) translateY(-30%); transform: scale(0.7, 0.7) translateY(-30%); -webkit-transform-origin: center top; transform-origin: center top; } html.mm-zoom-menu.mm-top.mm-opening .mm-menu { -webkit-transform: scale(1, 1) translateY(0%); transform: scale(1, 1) translateY(0%); } html.mm-zoom-menu.mm-bottom.mm-opened .mm-menu { -webkit-transform: scale(0.7, 0.7) translateY(30%); transform: scale(0.7, 0.7) translateY(30%); -webkit-transform-origin: center bottom; transform-origin: center bottom; } html.mm-zoom-menu.mm-bottom.mm-opening .mm-menu { -webkit-transform: scale(1, 1) translateY(0%); transform: scale(1, 1) translateY(0%); } html.mm-zoom-panels .mm-menu.mm-horizontal > .mm-panel { -webkit-transform: scale(1.5, 1.5) translateX(100%); transform: scale(1.5, 1.5) translateX(100%); -webkit-transform-origin: left center; transform-origin: left center; -webkit-transition-property: -webkit-transform, left; transition-property: transform, left; } html.mm-zoom-panels .mm-menu.mm-horizontal > .mm-panel.mm-opened { -webkit-transform: scale(1, 1) translateX(0%); transform: scale(1, 1) translateX(0%); } html.mm-zoom-panels .mm-menu.mm-horizontal > .mm-panel.mm-opened.mm-subopened { -webkit-transform: scale(0.7, 0.7) translateX(-30%); transform: scale(0.7, 0.7) translateX(-30%); } /* jQuery.mmenu themes extension CSS */ html.mm-opened.mm-light .mm-page { box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); } .mm-menu.mm-light { background: #f3f3f3; color: rgba(0, 0, 0, 0.6); } .mm-menu.mm-light .mm-list > li:after { border-color: rgba(0, 0, 0, 0.1); } .mm-menu.mm-light .mm-list > li > a.mm-subclose { background: rgba(255, 255, 255, 0.6); color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-light .mm-list > li > a.mm-subopen:after, .mm-menu.mm-light .mm-list > li > a.mm-subclose:before { border-color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-light .mm-list > li > a.mm-subopen:before { border-color: rgba(0, 0, 0, 0.1); } .mm-menu.mm-light .mm-list > li.mm-selected > a:not(.mm-subopen), .mm-menu.mm-light .mm-list > li.mm-selected > span { background: rgba(255, 255, 255, 0.6); } .mm-menu.mm-light .mm-list > li.mm-label { background: rgba(0, 0, 0, 0.03); } .mm-menu.mm-light.mm-vertical .mm-list li.mm-opened > a.mm-subopen, .mm-menu.mm-light.mm-vertical .mm-list li.mm-opened > ul { background: rgba(0, 0, 0, 0.03); } .mm-menu.mm-light .mm-buttonbar { border-color: rgba(0, 0, 0, 0.6); background: #f3f3f3; } .mm-menu.mm-light .mm-buttonbar > * { border-color: rgba(0, 0, 0, 0.6); } .mm-menu.mm-light .mm-buttonbar > input:checked + label { background: rgba(0, 0, 0, 0.6); color: #f3f3f3; } .mm-menu.mm-light label.mm-check:before { border-color: rgba(0, 0, 0, 0.6); } .mm-menu.mm-light em.mm-counter { color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-light .mm-footer { border-color: rgba(0, 0, 0, 0.1); color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-light .mm-header { border-color: rgba(0, 0, 0, 0.1); color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-light .mm-header .mm-prev:before, .mm-menu.mm-light .mm-header .mm-next:after { border-color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-light .mm-list li.mm-label > div > div { background: rgba(0, 0, 0, 0.03); } .mm-menu.mm-light .mm-search input { background: rgba(0, 0, 0, 0.1); color: rgba(0, 0, 0, 0.6); } .mm-menu.mm-light .mm-noresultsmsg { color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-light label.mm-toggle { background: rgba(0, 0, 0, 0.1); } .mm-menu.mm-light label.mm-toggle:before { background: #f3f3f3; } .mm-menu.mm-light input.mm-toggle:checked ~ label.mm-toggle { background: #4bd963; } html.mm-opened.mm-white .mm-page { box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); } .mm-menu.mm-white { background: white; color: rgba(0, 0, 0, 0.6); } .mm-menu.mm-white .mm-list > li:after { border-color: rgba(0, 0, 0, 0.1); } .mm-menu.mm-white .mm-list > li > a.mm-subclose { background: rgba(0, 0, 0, 0.06); color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-white .mm-list > li > a.mm-subopen:after, .mm-menu.mm-white .mm-list > li > a.mm-subclose:before { border-color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-white .mm-list > li > a.mm-subopen:before { border-color: rgba(0, 0, 0, 0.1); } .mm-menu.mm-white .mm-list > li.mm-selected > a:not(.mm-subopen), .mm-menu.mm-white .mm-list > li.mm-selected > span { background: rgba(0, 0, 0, 0.06); } .mm-menu.mm-white .mm-list > li.mm-label { background: rgba(0, 0, 0, 0.03); } .mm-menu.mm-white.mm-vertical .mm-list li.mm-opened > a.mm-subopen, .mm-menu.mm-white.mm-vertical .mm-list li.mm-opened > ul { background: rgba(0, 0, 0, 0.03); } .mm-menu.mm-white .mm-buttonbar { border-color: rgba(0, 0, 0, 0.6); background: white; } .mm-menu.mm-white .mm-buttonbar > * { border-color: rgba(0, 0, 0, 0.6); } .mm-menu.mm-white .mm-buttonbar > input:checked + label { background: rgba(0, 0, 0, 0.6); color: white; } .mm-menu.mm-white label.mm-check:before { border-color: rgba(0, 0, 0, 0.6); } .mm-menu.mm-white em.mm-counter { color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-white .mm-footer { border-color: rgba(0, 0, 0, 0.1); color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-white .mm-header { border-color: rgba(0, 0, 0, 0.1); color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-white .mm-header .mm-prev:before, .mm-menu.mm-white .mm-header .mm-next:after { border-color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-white .mm-list li.mm-label > div > div { background: rgba(0, 0, 0, 0.03); } .mm-menu.mm-white .mm-search input { background: rgba(0, 0, 0, 0.1); color: rgba(0, 0, 0, 0.6); } .mm-menu.mm-white .mm-noresultsmsg { color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-white label.mm-toggle { background: rgba(0, 0, 0, 0.1); } .mm-menu.mm-white label.mm-toggle:before { background: white; } .mm-menu.mm-white input.mm-toggle:checked ~ label.mm-toggle { background: #4bd963; } html.mm-opened.mm-black .mm-page { box-shadow: none; } .mm-menu.mm-black { background: black; color: rgba(255, 255, 255, 0.6); } .mm-menu.mm-black .mm-list > li:after { border-color: rgba(255, 255, 255, 0.2); } .mm-menu.mm-black .mm-list > li > a.mm-subclose { background: rgba(255, 255, 255, 0.25); color: rgba(255, 255, 255, 0.3); } .mm-menu.mm-black .mm-list > li > a.mm-subopen:after, .mm-menu.mm-black .mm-list > li > a.mm-subclose:before { border-color: rgba(255, 255, 255, 0.3); } .mm-menu.mm-black .mm-list > li > a.mm-subopen:before { border-color: rgba(255, 255, 255, 0.2); } .mm-menu.mm-black .mm-list > li.mm-selected > a:not(.mm-subopen), .mm-menu.mm-black .mm-list > li.mm-selected > span { background: rgba(255, 255, 255, 0.25); } .mm-menu.mm-black .mm-list > li.mm-label { background: rgba(255, 255, 255, 0.15); } .mm-menu.mm-black.mm-vertical .mm-list li.mm-opened > a.mm-subopen, .mm-menu.mm-black.mm-vertical .mm-list li.mm-opened > ul { background: rgba(255, 255, 255, 0.15); } .mm-menu.mm-black .mm-buttonbar { border-color: rgba(255, 255, 255, 0.6); background: black; } .mm-menu.mm-black .mm-buttonbar > * { border-color: rgba(255, 255, 255, 0.6); } .mm-menu.mm-black .mm-buttonbar > input:checked + label { background: rgba(255, 255, 255, 0.6); color: black; } .mm-menu.mm-black label.mm-check:before { border-color: rgba(255, 255, 255, 0.6); } .mm-menu.mm-black em.mm-counter { color: rgba(255, 255, 255, 0.3); } .mm-menu.mm-black .mm-footer { border-color: rgba(255, 255, 255, 0.2); color: rgba(255, 255, 255, 0.3); } .mm-menu.mm-black .mm-header { border-color: rgba(255, 255, 255, 0.2); color: rgba(255, 255, 255, 0.3); } .mm-menu.mm-black .mm-header .mm-prev:before, .mm-menu.mm-black .mm-header .mm-next:after { border-color: rgba(255, 255, 255, 0.3); } .mm-menu.mm-black .mm-list li.mm-label > div > div { background: rgba(255, 255, 255, 0.15); } .mm-menu.mm-black .mm-search input { background: rgba(255, 255, 255, 0.3); color: rgba(255, 255, 255, 0.6); } .mm-menu.mm-black .mm-noresultsmsg { color: rgba(255, 255, 255, 0.3); } .mm-menu.mm-black label.mm-toggle { background: rgba(255, 255, 255, 0.2); } .mm-menu.mm-black label.mm-toggle:before { background: black; } .mm-menu.mm-black input.mm-toggle:checked ~ label.mm-toggle { background: #4bd963; } /*COLORS*/ .pg_cTBlockAccToggler, #pg_consentTool a {color: #e00} #pg_cTBigButton, #pg_cTBannerBtnRow .btn {background-color: #ddd} .pg_cTBlockSelect .btn.active.red, .pg_cTBlockSelect .btn.red:hover, #pg_cTBigButton.active, #pg_cTError {background-color: #e00; color: #fff} .pg_cTBlockSelect .btn.active.green, .pg_cTBlockSelect .btn.green:hover {background-color: #5fc323; color: #fff} #pg_consentToolText p, #pg_consentToolText a{color: #222 !important} /*GENERALS BANNER*/ #pg_cTBanner {position: fixed; left: 0; bottom: 0;right: 0; background-color: #fff; color: #222; padding: 25px 50px; z-index: 99999;box-shadow: 0 6px 36px rgba(0,0,0,0.3) !important;} #pg_cTBanner a {color: #000!important} #pg_cTBannerBtnRow {margin: 20px 0 10px 0; text-align: center} #pg_cTBannerBtnRow .btn {display: inline-block; margin: 0 1%; padding: 8px 0;width: 30%; font-weight: bold; cursor: pointer} /*GENERALS ERWEITERTE EINSTELLUNGEN*/ #pg_consentToolBack {position: fixed; width: 100%; height: 100%; top: 0; left: 0; background-color: rgba(0,0,0,0.8); z-index: 100000} #pg_consentTool {position: fixed; top: 5%; left: 20%;right: 20%; overflow: hidden; background-color: rgba(255,255,255,1); z-index: 100000; font-size: 13px; line-height: 20px;border: 6px solid #9c9c9c;} #pg_consentToolInner {position: relative;padding: 20px; max-height: 600px; overflow: auto;} #pg_consentToolInner h2 {color: #222} #pg_consentToolBar {background-color: #9c9c9c;padding: 10px;text-align: right;font-size: 2em;color: #fff;cursor: pointer} .pg_cTBlock {margin-top: 20px; padding: 10px 0; border-top: 1px solid #ddd; color: #222} .pg_cTBlockAccordeon {position: relative; padding-right: 20%; margin-top: 10px;} .pg_cTBlockAccToggler {font-weight: bold; cursor: pointer;} /*BUTTONS*/ .pg_cTBlockSelect {position: absolute; right: 0; top: 0} .pg_cTBlockSelect .btn {display: inline-block; padding: 5px; text-align: center; background-color: #333; color: #fff;margin: 0 -1px;min-width: 60px;cursor: pointer} .pg_cTBlockSelect .btn:nth-child(1) {border-top-left-radius: 10px;border-bottom-left-radius: 10px} .pg_cTBlockSelect .btn:nth-child(2) {border-top-right-radius: 10px;border-bottom-right-radius: 10px} /*BIGBUTTON*/ .pg_cTBlockAccContent {height: 0; overflow: hidden} .pg_cTBlockAccContentInner {padding: 10px} .pg_cTBlockAccordeon.active > .pg_cTBlockAccContent {height: auto} /*BIGBUTTON*/ .pg_cTButtonRow {padding-top: 20px;} #pg_cTBigButton {width: 80%; margin: 0 auto; padding: 10px; text-align: center;font-weight: bold} #pg_cTBigButton.active {cursor: pointer} /*BIGBUTTON*/ #pg_cTError {position: absolute; top: 70%; left: 5%; right: 5%; padding: 10px; text-align: center; box-shadow: 2px 2px 15px rgba(0,0,0,.6); font-weight: bold} /* Checkbox */ .contactFormCheckbox {border: 1px solid #d3d3d3;background: #f9f9f9;height: 74px; border-radius: 3px;margin-top: 20px; cursor: pointer; position: relative; -webkit-user-select: none; /* Safari */ -ms-user-select: none; /* IE 10 and IE 11 */ user-select: none; /* Standard syntax */ box-shadow: 0 0 4px 1px rgba(0,0,0,0.08); -webkit-box-shadow: 0 0 4px 1px rgba(0,0,0,0.08); -moz-box-shadow: 0 0 4px 1px rgba(0,0,0,0.08);} .contactFormCheckbox .error {position: absolute;font-size: 11px;top: -19px;margin: 0;left: 0;color: #e3000e} .row.checkbox {margin: 20px 0;padding-left: 13px} .cBFrame {width: 36px;height: 28px;display: inline-block;vertical-align: middle} .cBLabelOuter {font-size: 14px; font-weight: bold;display: inline-block; width: 90% !important;vertical-align: middle} .cBLabel {position: relative;padding-left: 35px;margin-bottom: 10px !important;line-height: 24px;cursor: pointer} .cBLabel input {position: absolute;opacity: 0;cursor: pointer;height: 0;width: 0 !important; left: 0} .checkmark {position: absolute; top: 0; left: 0; height: 28px; width: 28px; background-color: #fff; border: 2px solid #c1c1c1; border-radius: 2px;} .cBLabel:hover input ~ .checkmark {background-color: #ccc} .cBLabel input:checked ~ .checkmark {background-color: #ee0001} .checkmark:after {content: "";position: absolute;display: none} .cBLabel input:checked ~ .checkmark:after {display: block} .cBLabel .checkmark:after {left: 8px;top: 3px;width: 5px;height: 10px;border: solid white;border-width: 0 3px 3px 0;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg)} .frame30 {font-weight: bold; display: inline-block; width: 30% !important;} .frame20 {font-weight: bold; display: inline-block; width: 20% !important;} .frame50 {font-weight: bold; display: inline-block; width: 50% !important;} .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } @-webkit-keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; } @media (max-width: 1050px) { #pg_consentTool{left: 15%; right: 15%} } @media (max-width: 950px) { #pg_consentTool{left: 10%; right: 10%; bottom: 5%} } @media (max-width: 800px) { #pg_consentTool{left: 1%; right: 1%; top: 1%} #pg_consentToolInner{max-height: none;height: 100%;padding-bottom: 20%;} .pg_cTBlockAccToggler{hyphens: auto} .pg_cTBlockAccordeon {padding-right: 0} .pg_cTBlockSelect {position: initial;margin-bottom: 15px;} #pg_cTBanner {padding: 20px; font-size: 14px} #pg_cTBannerBtnRow .btn {display: block; margin: 1%; width: 100%} } #colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden;-webkit-transform:translate3d(0,0,0)}#cboxWrapper{max-width:none}#cboxOverlay{position:fixed;width:100%;height:100%}#cboxMiddleLeft,#cboxBottomLeft{clear:left}#cboxContent{position:relative}#cboxLoadedContent{overflow:auto;-webkit-overflow-scrolling:touch}#cboxTitle{margin:0}#cboxLoadingOverlay,#cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;height:100%}#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{cursor:pointer}.cboxPhoto{float:left;margin:auto;border:0;display:block;max-width:none;-ms-interpolation-mode:bicubic}.cboxIframe{width:100%;height:100%;display:block;border:0;padding:0;margin:0}#colorbox,#cboxContent,#cboxLoadedContent{box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box}#cboxOverlay{background:#000;opacity:.9;filter:alpha(opacity = 90)}#colorbox{outline:0}#cboxContent{margin-top:20px;background:#000}.cboxIframe{background:#fff}#cboxError{padding:50px;border:1px solid #ccc}#cboxLoadedContent{border:5px solid #000;background:#fff}#cboxTitle{position:absolute;top:-20px;left:0;color:#ccc}#cboxCurrent{position:absolute;top:-20px;right:0;color:#ccc}#cboxLoadingGraphic{background:url(../../assets/colorbox/images/loading.gif) no-repeat center center}#cboxPrevious,#cboxNext,#cboxSlideshow,#cboxClose{border:0;padding:0;margin:0;overflow:visible;width:auto;background:0 0}#cboxPrevious:active,#cboxNext:active,#cboxSlideshow:active,#cboxClose:active{outline:0}#cboxSlideshow{position:absolute;top:-20px;right:90px;color:#fff}#cboxPrevious{position:absolute;top:50%;left:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top left;width:28px;height:65px;text-indent:-9999px}#cboxPrevious:hover{background-position:bottom left}#cboxNext{position:absolute;top:50%;right:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top right;width:28px;height:65px;text-indent:-9999px}#cboxNext:hover{background-position:bottom right}#cboxClose{position:absolute;top:5px;right:5px;display:block;background:url(../../assets/colorbox/images/controls.png) no-repeat top center;width:38px;height:19px;text-indent:-9999px}#cboxClose:hover{background-position:bottom center} .content-slider{overflow:hidden;visibility:hidden;position:relative}.slider-wrapper{overflow:hidden;position:relative}.slider-wrapper>*{float:left;width:100%;position:relative}.slider-control{height:30px;position:relative}.slider-control a,.slider-control .slider-menu{position:absolute;top:9px;display:inline-block}.slider-control .slider-prev{left:0}.slider-control .slider-next{right:0}.slider-control .slider-menu{top:0;width:50%;left:50%;margin-left:-25%;font-size:27px;text-align:center}.slider-control .slider-menu b{color:#bbb;cursor:pointer}.slider-control .slider-menu b.active{color:#666} .bl_tCenter { text-align: center; margin: 0 auto 3% } .carousel-inner > .item > a > img { display: block; max-width: 100%; height: auto; } .carousel { position: relative; padding-bottom: 20px; } .carousel-inner { position: relative; width: 100%; overflow: hidden; } .carousel-inner > .item { position: relative; display: none; -webkit-transition: .6s ease-in-out left; -o-transition: .6s ease-in-out left; transition: .6s ease-in-out left; } .carousel-inner > .item > img, .carousel-inner > .item > a > img { line-height: 1; min-width: 100%; max-height: 500px; } @media all and (transform-3d), (-webkit-transform-3d) { .carousel-inner > .item { -webkit-transition: -webkit-transform .6s ease-in-out; -o-transition: -o-transform .6s ease-in-out; transition: transform .6s ease-in-out; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-perspective: 1000px; perspective: 1000px; } .carousel-inner > .item.next, .carousel-inner > .item.active.right { left: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } .carousel-inner > .item.prev, .carousel-inner > .item.active.left { left: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } .carousel-inner > .item.next.left, .carousel-inner > .item.prev.right, .carousel-inner > .item.active { left: 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .carousel-inner > .active, .carousel-inner > .next, .carousel-inner > .prev { display: block; } .carousel-inner > .active { left: 0; } .carousel-inner > .next, .carousel-inner > .prev { position: absolute; top: 0; width: 100%; } .carousel-inner > .next { left: 100%; } .carousel-inner > .prev { left: -100%; } .carousel-inner > .next.left, .carousel-inner > .prev.right { left: 0; } .carousel-inner > .active.left { left: -100%; } .carousel-inner > .active.right { left: 100%; } .carousel-control { position: absolute; top: 0; bottom: 0; left: 0; width: 5%; font-size: 20px; color: #fff; text-align: center; z-index: 10; } .row.inside .carousel-control { width: 5%; max-width: 50px;} .carousel-control.left { /* background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%); background-image: -o-linear-gradient(left, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%); background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, .0001))); background-image: linear-gradient(to right, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1); background-repeat: repeat-x; */ opacity: .6; } .carousel-control.right { right: 0; left: auto; /* background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%); background-image: -o-linear-gradient(left, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%); background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .0001)), to(rgba(0, 0, 0, .5))); background-image: linear-gradient(to right, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1); background-repeat: repeat-x; */ opacity: .6; } .carousel-control:hover /*.carousel-control:focus*/ { color: #fff; text-decoration: none; filter: alpha(opacity=90); outline: 0; opacity: .8; } .carousel-control .icon-prev, .carousel-control .icon-next, .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right { position: absolute; top: 220px; z-index: 5; display: inline-block; margin-top: -10px; } .carousel-control .icon-prev, .carousel-control .glyphicon-chevron-left { left: 10%; } .carousel-control .icon-next, .carousel-control .glyphicon-chevron-right { right: 10%; } .carousel-control .icon-prev, .carousel-control .icon-next { width: 20px; height: 20px; font-family: serif; line-height: 1; } .carousel-control .icon-prev:before { content: '\2039'; } .carousel-control .icon-next:before { content: '\203a'; } .carousel-indicators { display: none; position: absolute; bottom: 0px; left: 50%; z-index: 15; width: 60%; padding-left: 0; margin-left: -30%; text-align: center; list-style: none; } .carousel-indicators li { display: inline-block; width: 10px; height: 10px; margin: 0 5px; text-indent: -999px; cursor: pointer; background-color: rgba(0, 0, 0, 0); border: 1px solid #bbb; border-radius: 10px; box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075); } .carousel-indicators .active { width: 12px; height: 12px; margin: 0 2px; background-color: #F5F5F5; } .picture-caption {top: 10%} .carousel-caption, .picture-caption { /*position: absolute; top: 0;*/ z-index: 10; padding-top: 20px; padding-bottom: 20px; /*color: #fff; text-shadow: 0 1px 2px rgba(0, 0, 0, .6);*/ } /***********BUTTONS***************/ .carousel-caption .btn, .cta { text-shadow: none; display: block; max-width: 258px; -webkit-border-radius: 4px; text-align: center; color: #fff; font-weight: bold; text-decoration: none; /* background: #F36F20; background: -moz-linear-gradient(top, #ffa84c 0%, #f36f20 100%); background: -webkit-linear-gradient(top, #ffa84c 0%,#f36f20 100%); background: linear-gradient(to bottom, #ffa84c 0%,#f36f20 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa84c', endColorstr='#f36f20',GradientType=0 ); */ padding: 6px 20px 7px 20px; text-shadow: 0 1px 2px rgba(0, 0, 0, .6);} .cta {margin: 0 auto; margin-top: 30px; max-width: 50%;font-size: 13px;padding: 2px 20px 3px 20px;} .carousel-caption .btn .dart, .cta .dart { -webkit-border-radius: 100px; border-radius: 100px; margin: 0 -30px 0 30px; color: #fff; font-weight: bold; text-decoration: none; color: #fff; font-weight: bold; text-decoration: none; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ff7b0d), to(#FEA349)); padding: 2px 10px; text-shadow: 0px 1px 0px #FFF; border-top: 1px solid #F47122; border-bottom: 1px solid #FFC7B8; } /*****Custom*******/ .space {padding-top: 3%; padding-bottom: 3%} .bigspace {padding-top: 6%; padding-bottom: 6%} .down {padding-bottom: 3%} .up {padding-top: 3%} .padright {padding-right: 3%} .padleft {padding-left: 3%} .bigpadleft {padding-left: 6%} .smallup {padding-top: 1.5%} .smalldown {padding-bottom: 1.5%} .smallerdown {padding-bottom: 0.5%} .bigup {padding-top: 6%} .bigdown {padding-bottom: 6%} .padTop6 {padding-top: 6px} .spacer {margin-top: 40px; margin-bottom: 3%} .bigspacer {margin-top: 6% !important; margin-bottom: 6% !important} .downer {margin-bottom: 3%} .upper {margin-top: 3% !important} .bigdowner {margin-bottom: 6%} .bigupper {margin-top: 6% !important} * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .inside { width: 90%; max-width: 1180px; margin: 0 auto; padding-right:1%; overflow: hidden; } .row, #footer {clear: both; overflow: hidden; } .flexRow {display: flex} .flexRow.aCenter {align-items: center} .flexRow.jCenter {justify-content: center} .flexRow.items4 > div {width: 25%; margin: 0 3%} /* *******************Common columns definitions**************************/ .col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9, .col10, .col11, .col12 {float: left;margin: 0 3% 0 0} .col1.last, .col2.last, .col3.last, .col4.last, .col5.last, .col6.last, .col7.last, .col8.last, .col9.last, .col10.last, .col11.last, .col12 { margin-right: 0;} .col1 { width: 5.5%; } .col2 { width: 14%; } .col3 { width: 22.5%; } .col4 { width: 31%; } .col5 { width: 39.5%; } .col6 { width: 48.5%; } .col7 { width: 57.5%; } .col8 { width: 65%; } .col9 { width: 74.5%; } .col10 { width: 83%; } .col11 { width: 90.5%; } .col12 { width: 99%; margin: 0; } .offset1 {margin-left: 3%} .offset3 {margin-left: 25%} .offset6 {margin-left: 26.5%} .offset8 {margin-left: 35.5%} .offset10 {margin-left: 42.75%} /* ********************************************************************************************************************* * Small devices */ @media all and (max-width: 1150px) { #mapSection .col6 {float: none;width: 100%;margin: 3% 0 0 0;} } @media all and (max-width: 768px) { .flexRow {display: block} .inside {width: 95%; padding-right: 0} .col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9, .col10, .col11, .col1.last, .col2.last, .col3.last, .col4.last, .col5.last, .col6.last, .col7.last, .col8.last, .col9.last, .col10.last, .col11.last, .col12 { float: none; width: 100%; margin: 3% 0 0 0; } *[class*="offset"] {margin-left: 0} } html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; overflow-x: hidden; } body { margin: 0; padding: 0; line-height: 1.8em; font: 16px 'Rubik',Arial,Helvetica,sans-serif; } body.lightBoxPage {padding: 50px} /*--------------------------------------------*/ /*------- DEVELOPMENT --> REMOVE LATER !!!!!!!!!!!!!!!!!!! -------------*/ /*--------------------------------------------*/ #plsLogo img {max-width: 230px} #logoRight img {max-width: 180px} #UNIVID { float: right; margin-left: 20px; } /*--------------------------------------------*/ /*------- DEVELOPMENT --> REMOVE LATER (NUR FÜR DEMO INTERAKTIVE KARTE AM 30.10.2018) ------------*/ /*--------------------------------------------*/ .pls_placard {background-color: #fff;overflow: hidden} #mainSelect .plc_btn {width: 50%;margin: 0 -2px;display: inline-block;padding: 12px 0;font-size: 20px;text-align: center;font-weight: bold;color: #848484;cursor: pointer;} #mainSelect .plc_btn:hover{background-color: #920f30;color: #fff;} #mainSelect .plc_btn.active {background-color: #920f30;color: #fff;} #mainSelect .plc_btn a {color: #848484; text-decoration: none} #mainSelect .plc_btn:hover a {color: #fff} /*------- DEVELOPMENT --> REMOVE LATER (NUR FÜR OFFLINE WEBSITE VERSION) ------------*/ .jk2019.bigvideo {width: 100%; float: none} #jk2019cF .graphicSlideFrame {height: 600px !important} #jk2019cF .graphicSlideWrapper {top: 15px} #TP266 {width: 100%;padding-bottom: 3%;} /*--------------------------------------------*/ /*------- BARRIEREFREI STATES -------------*/ /*--------------------------------------------*/ .invisible {border: 0;clip: rect(0 0 0 0);height: 1px;margin: -1px;overflow: hidden;padding: 0;position: absolute;width: 1px;} /*FOCUS STATE*/ *:focus:not(:focus-visible) {outline: none;outline-offset: 1px} *:focus-visible {/*outline: -webkit-focus-ring-color auto 1px !important;*/ outline: #464646 auto 1px !important; outline: currentColor auto 1px; display: block} p a:focus-visible {margin: 2px; display: inline-block} label a:focus-visible {display: inline-block} /*TASTATURBEDIENUNG BARRIEREFREI*/ #mainNav a.invisible:focus-visible {position: initial;width: auto;display: inline-block;padding: 10px;height: auto;} #footer nav a.invisible:focus-visible {display: inline-block;padding: 2px;margin: 0 0 10px 3px;clip: initial;height: auto;width: auto; position: initial} #footer nav a:focus-visible, #footer nav button:focus-visible {margin-left: 3px; padding: 2px !important; display: inline-block} .grayHintBox {border: 3px solid #ddd;background-color: #f1f1f1;padding: 25px; text-align: center; font-weight: bold} .grayHintBox a {color: #920f30} .grayHintBox a:after {font-family: "Fontawesome"; content: "\f061" !important;margin-left: 2px; vertical-align: middle; display: inline-block; text-decoration: none !important; border-bottom: 1px solid transparent; -webkit-transform: rotate(-45deg); -webkit-transform-origin: 35% 40%; -moz-transform: rotate(-45deg); -moz-transform-origin: 35% 40%; -o-transform: rotate(-45deg); -o-transform-origin: 35% 40%; -ms-transform: rotate(-45deg); -ms-transform-origin: 35% 40%; transform: rotate(-45deg); transform-origin: 35% 40%;} /*LIGHTBOX*/ #cboxContent {margin-top: 50px} #cboxTitle {top: -44px; font-size: 14px} #cboxCurrent {font-size: 12px} /*HOME --> GallerySlider (Hannover Messe 2018)*/ #backdrop{position: fixed; top: 0; left: 0; bottom: 0; right: 0; background-color: rgba(0, 0, 0, 0.8);z-index: 9999; cursor: pointer} #vdbox{ left: 25%; position: fixed; top: 25%; width: 50%; z-index: 99999} #vg_close{ background-color: #fff; border: 2px solid #ddd; border-radius: 14px; cursor: pointer; font-weight: bold; height: 26px; padding: 1px; position: absolute; right: -9px; text-align: center; top: -13px; width: 26px; } .videoClick { cursor: pointer; } .videoClick h4 { text-decoration: underline; } #gallerySlide {width: 90%; margin: 0 auto; padding: 3% 0} #gallerySlideInner {overflow: hidden; box-shadow: inset 2px 2px 15px rgba(0,0,0,0.5); position: relative;height: 400px} #gallerySlide ul {width: 200%; position: absolute; top: 0; left: -3%;z-index:1} #gaSlLeft, #gaSlRight {position: absolute;top: 30%;font-size: 5em;color: #fff;text-shadow: 2px 2px 5px rgba(0,0,0,0.5); z-index:2} #gaSlLeft:hover, #gaSlRight:hover {opacity: 0.6; } #gaSlLeft {left: 2%} #gaSlRight {right: 2%} #gallerySlide li {display: inline-block; margin: 0 0.3%; width: 10%; height: 400px; box-shadow: 2px 2px 5px rgba(0,0,0,0.5)} .gaSlBack {width: 100%; height: 100%; background-color: rgba(0,0,0,0.3)} .gaSlBack:hover {background-color: rgba(0,0,0,0)} #gaSl1 {background: url("/files/img/hannoverMesse-2018/03680d7beb.jpg") 50% 50% no-repeat; background-size: cover} #gaSl2 {background: url("/files/img/hannoverMesse-2018/0859705034.jpg") 50% 50% no-repeat; background-size: cover} #gaSl3 {background: url("/files/img/hannoverMesse-2018/accda6b299.jpg") 50% 50% no-repeat; background-size: cover} #gaSl4 {background: url("/files/img/hannoverMesse-2018/be930094a9.jpg") 50% 50% no-repeat; background-size: cover} #gaSl5 {background: url("/files/img/hannoverMesse-2018/IMG_5003.JPG") 50% 50% no-repeat; background-size: cover} /*PAGE -> AKKORDEON ELEMENT*/ .pages.lightgray .col8 {padding: 50px 50px 0 50px} .pages.lightgray .col4 {width: 32%} .pages.carousel {padding-bottom: 0} /*PAGE -> SPRUNGMARKEN*/ #subNav { position: relative; height: 40px; margin-top: 10px; text-align: left; } #subNav .Inner { position: absolute; left: 0; top: 0; padding-left: 11px !important; font-size: 14px; } #subNav li { display: inline-block; cursor: pointer; padding-left: 1em !important; } #subNav li::before { padding-right: 0em !important; } #subNav li::before { content: "• "; color: rgb(146, 15, 48) /*#ed9535*/; font-weight: bold; font-size: 1.6em; vertical-align: sub; padding-right: 0.3em; } /*--------------------------------------------*/ /*------- GENERAL --> TRANSITION + LAYOUT BUILDER -------------*/ /*--------------------------------------------*/ figure, ul {margin: 0; padding: 0; overflow: hidden;} figcaption {padding: 5px 0} .dispNone {display: none} img {max-width: 100%; height: auto; display: block} .center img {margin: 0 auto} .bWPic img {-webkit-filter: grayscale(100%); filter: grayscale(100%);} .textright > figure > img {float: right} .block {display: block} .inner {padding: 25px} .bordered.inner {border: 1px solid #ddd} .bordered.inner p {margin-top: 0} #mainmenuMobile {display: none} .spaceHold {padding: 0 10px} .closeTopFarDown {margin-top: -25px; margin-bottom: 1.5%} .mod_article a {text-decoration: underline} .opac1 {opacity: 0.1} figure.float_left {float: left;margin: 1% 3% 1% 0;max-width: 50%;} figure.float_right {float: right;margin: 1% 0 1% 3%;max-width: 50%;} .imgBorder figure img {border: 1px solid #ddd} .ftlright {float: right} #eventBarList, .awsTile figure:before, .jkAcc .toggler:after, .jkGal .ce_Mitarbeiter, .ctaBtn a, #ergebnisse .awsTile .backpic:before, #nlInfo, .agBerichtPage .readMoreTrigger i, #searchBox, #eventInfo { -webkit-transition: all .45s cubic-bezier(.23,1,.32,1); -moz-transition: all .45s cubic-bezier(.23,1,.32,1); -ms-transition: all .45s cubic-bezier(.23,1,.32,1); -o-transition: all .45s cubic-bezier(.23,1,.32,1); transition: all .45s cubic-bezier(.23,1,.32,1); } .ce_text.pad20Left {padding-left: 20px} /*--------------------------------------------*/ /*------- GENERAL --> FONTS -------------*/ /*--------------------------------------------*/ body {font-weight: 400} h1, h2, h3, h4, h5, h6,#headTitle {font-family: "Rubik", Arial, sans-serif;font-weight: 700; margin-top: 3px; letter-spacing: -1px} h1 {font-size: 2.2em} h2 {font-size: 1.6em} a, button {outline: none; text-decoration: none} a:hover, .highLightA a {text-decoration: underline; color: #920f30} .noLinkLook > a {text-decoration: none; color: inherit} p > a {text-decoration: underline} p.back {display: none} p { -moz-hyphens: auto;-o-hyphens: auto;-webkit-hyphens: auto;-ms-hyphens: auto;hyphens: auto; line-height: 1.8} .textup {text-transform: uppercase} .textbold {font-weight: bold} .textcenter, .pagination {text-align: center} .textright {text-align: right} .smalltext, .caption, .layout_short, p.info, p.more > a, p.back > a, .mod_eventlist .header, .vcaption {font-size: 12px;line-height: 1.6em} button.small, button.big {display: inline-block;position: relative; height: 40px} button.small a, button.big a {color: #fff; text-decoration: none; font-weight: bold; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding-top: 5px} button.small {max-width: 300px} button.big, .buttonText.big {max-width: 480px} .buttonText.big {font-size: 14px; margin: 0 auto} button.disabled {opacity: 1; background-color: #ddd;border: 1px solid #cacaca;color: #464646;text-shadow: none;font-weight: bold;cursor: not-allowed;} button.disabled a {color: #464646;text-shadow: none;} button.distance {margin: 0 2%} p.ctaButton > a {display: inline-block;position: relative; padding: 6px 12px; background-color: #920f30; color: #fff; text-decoration: none} #ki-in-medizin-und-pflege button.small {max-width: 350px} /*Bulletpoints Textelemente*/ .listElement ul, #main .ce_text ol, #main .ce_text ul, .ce_list ul {padding-left: 20px;list-style-type: none} .listElement ul li, #main .ce_text ol li, #main .ce_text ul li, .ce_list ul li {padding-top: 15px; line-height: 1.8em} .listElement ul li:before, #main .ce_text ul li::before, .ce_list ul li:before {list-style-type: none;content: "\2022";color: rgb(146, 15, 48)/*#ed9535*/;padding-right: 10px;font-size: 28px;margin-left: -20px;vertical-align: middle;} #main .ce_text ol {counter-reset: item;padding-left: 44px;list-style-type: none} #main .ce_text ol li::before {content: counter(item) ". ";width: 24px;display: inline-block;counter-increment: item;padding-right: 10px;font-size: 22px;color: #920f30;margin-left: -34px;vertical-align: middle;} /*Pagination*/ #main .pagination {margin-bottom: 3%} #main .pagination ul {margin: 0 auto} #main .pagination ul li {display: inline-block; margin: 0 -6px 0 0; } #main .pagination ul li a, #main .pagination ul li strong, #main .pagination ul li span { float: left;background: #fff;background: -moz-linear-gradient(top,rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%);background: -webkit-linear-gradient(top,#fff 0%,#f6f6f6 47%,#ededed 100%);background: linear-gradient(to bottom,#fff 0%,#f6f6f6 47%,#ededed 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#ededed',GradientType=0);border: 1px solid #ddd; padding: 5px 10px 5px 10px; border-radius: 2px} #main .pagination ul li:before { content: none } #main .pagination ul li a:hover, #main .pagination ul li span, #main .pagination ul li strong { opacity: 0.8 } /*---------------------------------------------------*/ /*-------- STÖRER ------------------------------------ https://www.plattform-lernende-systeme.de/startseite.html https://www.plattform-lernende-systeme.de/aktuelles.html */ #nlInfo, #eventInfo {position: fixed;right: 0px;top: 20%;color: #fff;z-index: 999;cursor: pointer;border-top-left-radius: 10px;border-bottom-left-radius: 10px;} #nlInfo {background-color: #920e30;} #nlIcon {color: #920e30} #eventInfo {background-color: #50bdcb;padding: 15px 25px 15px 15px} #eventIcon {color: #50bdcb} #nlInfo {padding: 15px} #nlInfo span, #eventInfo span {display: inline-block;vertical-align: middle} #nlIcon, #eventIcon {background-color: #fff; width: 30px; height: 30px;margin-right: 10px; border-radius: 50%; text-align: center; padding-top: 5px} #nlInfo.sticky {right: -185px} #nlInfo.sticky:hover, #eventInfo.sticky:hover, #nlInfo.sticky.active, #eventInfo.sticky.active {right: 0 !important} #eventInfo a {color: #fff; text-decoration: none} #nlBox {display: none; position: fixed; width: 100%; height: 100%;top: 0; left: 0; background-color: rgba(0,0,0,0.6); z-index:999999999} #nlBoxInner {display: none; position: fixed; width: 60%; left: 20%; background-color: #fff; padding: 50px; top: 10%; z-index:999999999} #nlBox.active, #nlBoxInner.active {display: block} /*Scroll Icon Interferer https://www.plattform-lernende-systeme.de/mittelstand.html */ #scrollIconInterferer * {-webkit-user-select: none; -moz-user-select: none;-ms-user-select: none;user-select: none;} #scrollIconInterferer {height: 63px;width: 63px; padding-left: 0; padding-right: 0; position: fixed; overflow: hidden; top: 17%; right: 0;border-top-left-radius: 10px;border-bottom-left-radius: 10px; background-color: #fff; z-index: 9999999;-webkit-box-shadow: 0 0.1rem 2rem 0 rgb(34 36 43 / 40%);box-shadow: 0 0.1rem 2rem 0 rgb(34 36 43 / 40%);-webkit-transition: all .3s ease;transition: all .3s ease;} #interfererIcon {position: absolute;left: 13px;font-size: 2.2em;top: 10px;color: #920e30;} #interfererText {position: absolute; top: 13px; left: 60px;font-size: 17px; width: 285px} #interfererText {opacity: 0; display: none} #interfererSubLine {display: block; font-size: 13px } #scrollIconInterferer:hover, #scrollIconInterferer.active {padding: 21px 20px 20px 60px;width: 365px} #scrollIconInterferer:hover #interfererText, #scrollIconInterferer.active #interfererText {opacity: 1;display: inline-block} #scrollIconInterferer.icon_inverted {background-color: #921030; padding: 0; top: 55%} #scrollIconInterferer.icon_inverted > .scrollIconLink {text-decoration: none; display: flex;width: 100%;height: 100%; align-items: center;color: #fff; justify-content: space-between; padding: 0 20px} #scrollIconInterferer.icon_inverted > .scrollIconLink > span {width: 100%} #scrollIconInterferer.icon_inverted > .scrollIconLink > p {display: none} #scrollIconInterferer.icon_inverted.active, #scrollIconInterferer.icon_inverted:hover {width: 220px} #scrollIconInterferer.icon_inverted.active > .scrollIconLink > span, #scrollIconInterferer.icon_inverted:hover > .scrollIconLink > span {width: 20%} #scrollIconInterferer.icon_inverted.active > .scrollIconLink > p, #scrollIconInterferer.icon_inverted:hover > .scrollIconLink > p {display: block;width: 75%} body.firefox #interfererText {top: 19px;font-size: 16px;} .noPadTop a {padding-top: 0 !important; line-height: normal} /*Interferer Rund*/ .interfererRound * {-webkit-user-select: none; -moz-user-select: none;-ms-user-select: none;user-select: none;} .interfererRound {position: absolute; top: 20%; right: 3%; background-color: #fff; width: 13rem; height: 13rem; border-radius: 50%; display: flex; align-items: center; justify-content: center; padding: 2rem; transform: rotate(8deg); z-index: 2; text-align: center; box-shadow: 2px 2px 5px rgba(0,0,0,0.6)} .interfererRound a {text-decoration: none; color: #920f30} .interfererRound p {margin: 0; font-weight: bold; line-height: normal} .interfererRound:hover a {text-decoration: underline} .interfererRound:hover {box-shadow: none} @media(max-width: 768px) { .interfererRound {transform: rotate(8deg) scale(0.7);top: 10%;right: -5%} } /*--------------------------------------------*/ /*------- GENERAL --> COLORS -------------*/ /*--------------------------------------------*/ body, a {color: #464646} /*LIGHTGRAY*/ .lightgray {background-color: #f1f1f1} .lightgrayInner {background-color: #f1f1f1; padding: 50px} #footer{background-color: #fff} .gray {background-color: #e2e5e7} .grayText {color: #848484} /*WHITEBACK*/ .whiteBack {background-color: #fff !important} .borderRight {border: 1px solid #e6e6e6; /*border-left: none*/} .borderBottom {border-bottom: 1px solid #e6e6e6} /*HIGHLIGHT*/ .more > a, h1, h2, h3, h4, h5, h6 {color: rgb(146, 15, 48)/*#ed9535*/; font-weight: bold} #mainNav li.active {color: #fff; background-color: rgb(146, 15, 48)/*#ed9535*/} /*--------------------------------------------*/ /*------- GENERAL --> HEADER -------------*/ /*--------------------------------------------*/ #header {position: relative;padding: 0 0 20px 0;height: 150px; } #foologoBar a[target=_blank]:after {content: ""} /*QUICKNAV*/ #quickNav {padding: 5px 0 0 0;text-align: right; margin-bottom: 8px} #quickNav li {display: inline-block; padding-left: 20px; text-transform: uppercase; font-size: 11px; font-weight: bold; vertical-align: middle} #quickNav li a {color: #000} #quickNav li .mod_changelanguage li {padding-left: 0} #quickNav li .mod_changelanguage li a {color: #fff} #quickNav li .mod_changelanguage li a:focus-visible {margin: 2px} #langChange a {color: #fff; background-color: rgb(146, 15, 48)} #langChange a {display: block;padding: 5px 10px;color: #fff;cursor: pointer;margin-left: 20px;} #langChange a:hover {opacity: 0.8} #quickNav #langChange {padding-left: 0} #quickNav li.active {color: #920f30} /*LOGOBAR*/ #logoBar .inside {overflow: visible} #plsLogo, #navBar {float: left} #plsLogo {width: 23%} #navBar {width: 74%;margin-top: 33px} /*MAINNAVIGATION*/ #mainNav ul li.last {border-right: none} #mainNav li {text-transform: uppercase; font-weight: bold; text-align: center} #mainNav a, #mainNav li.active > span, #searchToogle {padding: 20px;display: block} #mainNav a:hover {text-decoration: none} #header .search {font-size: 20px;float: right;margin-top: 41px;cursor: pointer} #header .search button { border: none; outline: 0; margin: 0; background-color: rgba(0,0,0,0); color: #464646; padding: 0; box-shadow: none; text-shadow: none; font-size: 21px; line-height: normal;min-width: 0} #header .search:hover {background-color: #fff !important; color: #920f30 !important} #searchBox {position: absolute;bottom: -45px;width: 100%;background-color: #464646;height: 0; overflow: hidden;z-index: 99} #searchBox.closed {height: 0px} #searchBox.opened {height: 50px} #searchBox .inside {position: relative; height: 50px} #searchImg {position: absolute; padding: 15px; z-index: 1; color: #fff} #seainp {width: 100%; position: absolute; left: 0; top: 0; height: 100%; background-color: rgba(0,0,0,0); border: none; outline: 0; padding-left: 50px; color: #fff; font-size: 20px; box-shadow: none } #seainp:focus, #seainp:active {outline: none} #searchBox input.submit {display: none} #mobNav {display: none} html.mm-opened #mobNav {display: initial} #mobNavTri {display: none} #homeBtn {font-size: 18px; float: left; width: 8%; text-align: center; margin-top: 12px;} .home #homeBtn i {color: #920f30} /*--------------------------------------------*/ /*------- HOME --> HOVERICONS -------------*/ /*--------------------------------------------*/ #homeHoverIcons a.butn {display: block; padding: 16px; margin-bottom: 3%; max-width: 100%; border: 3px solid #920e30; font-weight: bold; text-decoration: none; color: #920e30;text-align: center; position: relative; text-transform: uppercase; } #homeHoverIcons a.butn:before {font-family: "Fontawesome";color: #fff; width: 49px; height: 49px; color: #920e30; display: inline-block; position: absolute; left: 1px; top: 1px; padding: 11px 0; font-size: 1.6em; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 1.85s cubic-bezier(.23,1,.32,1); -moz-transition: all 1.85s cubic-bezier(.23,1,.32,1); -ms-transition: all 1.85s cubic-bezier(.23,1,.32,1); -o-transition: all 1.85s cubic-bezier(.23,1,.32,1); transition: all 1.85s cubic-bezier(.23,1,.32,1);} #homeHoverIcons a.butn:hover:before{left: 80%;color: #fff;} #homeHoverIcons a.butn:hover {color: #fff;background-color: #920e30; border: 3px solid #920e30;} /*--------------------------------------------*/ /*------- GENERAL --> HEADER --> SUCHFELD -------------*/ /*-------------------------------------------- #seaBox {z-index: 999999;width: 100%;height: 0;border: none; overflow: hidden} #seaBox.open {height: 50px; background: #858C96} #seaBox input[type="text"] {width: 100%;height: 50px;background-color: rgba(0, 0, 0, 0);border: none;text-align: left;font-size: 18px;outline: none;padding: 0px; color: #fff} #seaBox input:focus {outline: none;border: none;box-shadow: none;} #seaBox input.submit {display: none} */ /*--------------------------------------------*/ /*------- GENERAL --> BREADCRUMP -------------*/ /*--------------------------------------------*/ .mod_breadcrumb {padding: 15px 0; font-size: 13px} .mod_breadcrumb li {display: inline-block; margin-right: 10px} /*--------------------------------------------*/ /*------- GENERAL --> FOOTER -------------*/ /*--------------------------------------------*/ #foologoBar {text-align: right; margin-top: 3%} #foologoBar img, #acatech_logo img {max-width: 180px; margin: 0 auto} #bmftr_logo img {max-width: 280px; margin: 0 auto} #footer li {line-height: 40px} #footer {margin-top: 0} #footer .inside {border-top: none; padding-top: 0} #socialInner {display: flex; justify-content: flex-end} #bluesky, #youtube, #newslIcon, #linkedInIcon, #mastodon {margin-top: 8px} #bluesky a, #youtube a, #newslIcon a, #linkedInIcon a, #mastodon a {text-decoration: none; display: flex; justify-content: flex-end} #bluesky a[target=_blank]:after, #youtube a, #linkedInIcon a [target=_blank]:after, #mastodon a [target=_blank]:after {content: ""} #mastodon span, #bluesky span, #youtube span, #newslIcon span, #linkedInIcon span {width: 60px;height: 60px;border-radius: 50%;display: inline-block;padding: 10px 14px;text-align: center} #mastodon a span, #bluesky a span, #youtube a span, #newslIcon a span, #linkedInIcon a span {display: flex; justify-content: center; align-items: center} #youtube i, #newslIcon i, #mastodon i {color: #fff; font-size: 2.2em} #linkedInIcon i {color: #fff; font-size: 2.2em} #mastodon span {background-color: #5c50dc} #bluesky span {background-color: #0785ff} #twitter img {max-width: 28px} #youtube span {background-color: #b31217} #newslIcon span {background-color: #910f30} #linkedInIcon span {background-color: #0073b0} /* ---------------------------------------------- */ /* ----- SCROLL ICON ------ */ /* ---------------------------------------------- #scroll, #toTop {position: fixed; right: 1%; bottom: 3%; background-color: #5b5b5b; color: #fff; font-size: 3em; width: 50px; height: 50px; border-radius: 50%;z-index: 99999999; padding: 2px 10px;} #scroll a, #toTop a {color: #fff} #scroll i {vertical-align: text-top; line-height: 1em} #toTop i {vertical-align: text-top; line-height: 0.9em} .transparent {opacity: 0;z-index: -1 !important;} */ /*--------------------------------------------*/ /*------- GENERAL --> COOKIE WARNER -------------*/ /*--------------------------------------------*/ #CKC {overflow: hidden;left: 0;width: 100%;padding: 3% 0;font-size: 12px;color: #777;position: fixed;background-color: #fff;bottom: 0;border-top: 1px solid #ddd; z-index: 99999999999999999} #CKC .inside {width: 70%;max-width: 1180px;margin: 0 auto;padding-right: 1%;overflow: hidden; border-top: none} #CKC i {margin-top: 5%; font-size: 5em; color: #920f30;} .ckcclose{min-height: 0px !Important; padding: 0 !Important;height: 0 !Important;margin-bottom: 0 !Important} #CLKC, #ckm {cursor: pointer;max-width: 150px;display: block;text-align: center;padding: 5%;border-radius: 3px;margin-bottom: 5px;font-size: 12px;} #ckm, #CLKC {background-color: #920f30} #ckm a, #CLKC {color: #fff} @media (max-width: 768px) { #CKC{text-align: center; margin-top: 0} #CKC img, #CLKC, #ckm {margin: 0 auto; margin-bottom: 5px} #CKC i {font-size: 3em} #CKC i, #CKC .col2, #CKC .col8 {margin-top: 0} #CKC .inside {width: 90%} #CLKC, #ckm {display: inline-block; min-width: 120px} } /*--------------------------------------------*/ /*------- PAGE --> Nachhaltigkeit NEU -------------*/ /*--------------------------------------------*/ .newSustainability .mod_article > .row.rel, .newSustainability .mod_article > .visibleRow.rel {position: relative} .newSustainability svg:not(:root) {overflow: hidden} .newSustainability .diagonal{position: absolute;left: 0;bottom: 0;pointer-events: none;background: #fff;float: left} .newSustainability .diagonal.head-left{position: absolute;bottom: 0;left: 0;background: none} .newSustainability .diagonal.head-right{position: absolute;bottom: 0;right: 0 !important;background: none;left: auto} .newSustainability .diagonal.head-left path, .newSustainability .diagonal.head-right path {fill: #ffffff;stroke: #ffffff;stroke-width: 4;} .newSustainability .backpic .layer {background-color: rgba(0,0,0,0.35)} .newSustainability .backpic h1, .newSustainability .mod_article > .row.rel .backpic p { color: #fff; text-shadow: 2px 2px 5px rgba(0,0,0,0.6)} .newSustainability .backpic .innerInside {background-color: rgba(0,0,0,0);font-size: 1.4em;bottom: 25%; padding: 0} .newSustainability .backpic.invertedLayer .layer {background-color: rgba(0,0,0,0); border-bottom: 1px solid rgba(0,0,0,0.1); border-top: 1px solid rgba(0,0,0,0.1)} .newSustainability .backpic.invertedLayer h1 {color: #464646; text-shadow: none} .newSustainability .backpic.invertedLayerDark .layer {background-color: rgba(129,129,129,0.1);} .newSustainability .backpic.invertedLayerDark h1 {color: #77b647; text-shadow: none; font-size: 2em !important} .newSustainability .backpic.invertedLayerDark.Purple h1 {color: rgba(136,134,186,1)} .newSustainability .backpic.invertedLayerDark.Blue h1 {color: rgba(0,60,106,1)} .newSustainability .backpic.invertedLayerDark .layer .container, .newSustainability .backpic.invertedLayerDark .layer .Innercontainer, .newSustainability .backpic.invertedLayerDark .layer .row.inside {width: 100%; height: 100%} .newSustainability .backpic.invertedLayerDark .layer .row.inside {display: flex; align-items: center} .newSustainability .backpic.invertedLayerDark .innerInside {position: initial; width: 60%} .newSustainability .iconNavigation .iconBox * {-webkit-transition: all .45s cubic-bezier(.23,1,.32,1);-moz-transition: all .45s cubic-bezier(.23,1,.32,1);-ms-transition: all .45s cubic-bezier(.23,1,.32,1);-o-transition: all .45s cubic-bezier(.23,1,.32,1);transition: all .45s cubic-bezier(.23,1,.32,1);} .newSustainability .iconBoxFrame {display: flex; justify-content: center; margin-top: 3%} .newSustainability .iconBoxFrame.tiles2 .iconBox {width: 45%} .newSustainability .iconBoxFrame.spaceBetWeen {justify-content: space-between} .newSustainability .iconBox {width: 100.3333%;position: relative; text-align: center} .newSustainability .iconBox h3 {color: #464646; min-height: 45px} .newSustainability .iconBox img {max-width: 60px;margin: 0 auto;margin-bottom: 20px;} .newSustainability .iconBox .buttonLink {display: inline-block;padding: 6px 32px;border: 2px solid;border-radius: 35px;text-decoration: none; color: #901534} .newSustainability .iconBox .buttonLink:hover {opacity: 0.8} .newSustainability .gridLinies {border-top: 2px solid #ddd; border-bottom: 2px solid #ddd;width: 90%;margin: 0 auto} .newSustainability .gridLinies .iconBoxFrame {border-bottom: 2px solid #ddd; padding-top: 2% !important; padding-bottom: 2% !important; margin-top: 0% !important} .newSustainability .gridLinies .iconBoxFrame:last-child {border: none} .newSustainability .gridLinies .iconBoxFrame .iconBox { -webkit-transition: all .45s cubic-bezier(.23,1,.32,1); -moz-transition: all .45s cubic-bezier(.23,1,.32,1); -ms-transition: all .45s cubic-bezier(.23,1,.32,1); -o-transition: all .45s cubic-bezier(.23,1,.32,1); transition: all .45s cubic-bezier(.23,1,.32,1); } .newSustainability .gridLinies .iconBoxFrame .iconBox {padding: 2%; border-right: 2px solid #ddd; background-color: #fff} .newSustainability .gridLinies .iconBoxFrame .iconBox:first-child {border-left: 2px solid #ddd} .newSustainability .gridLinies .iconBoxFrame .iconBox:hover {transform: scale(1.1); box-shadow: 2px 2px 8px rgba(0,0,0,0.4); border-color: #fff; z-index: 1} .newSustainability .iconBoxFrame .iconBox:hover .buttonLink {background-color: #901534; color: #fff} .newSustainability .gridLinies .picFrame {background-size: contain !important; height: 100px !important; margin-bottom: 20px} /*REGULIERUNG*/ #article-827 .iconBoxFrame.inverted.withoutIcon .iconBox {background-color: #901534; color: #fff; padding: 2rem; font-size: 1.2em; border: none} #article-827 .iconBoxFrame.inverted.withoutIcon .iconBox h3 {color: #fff} #article-827 .iconBoxFrame.inverted.withoutIcon .buttonLink {color: #fff; opacity: 1} #article-827 .iconBoxFrame.inverted.withoutIcon .iconBox .buttonLink:hover {background-color: #fff; color: #901534} .newSustainability .iconNavigation .iconBox:hover {cursor: pointer} .newSustainability .iconNavigation .iconBox:hover figure {margin-top: -10px} .newSustainability .iconNavigation .iconBox:hover h3 {color: #920f30} .newSustainability .actionAreaRow {z-index: 999} .newSustainability .textRow, .newSustainability .textRowSimple {width: 70%; margin-left: 15%; font-size: 1.2em} .newSustainability .textRow > p {position: relative} .newSustainability .textRow > p:first-child:before {content: "KI";z-index: -1;opacity: 0.15;font-size: 28em;position: absolute;left: -112px;top: -334px;color: #464646;} .newSustainability .textRow ul li {display: flex; margin-bottom: 10px} .newSustainability .textRow ul li strong {margin-right: 20px;color: #911232;} .newSustainability .textRow ul li:before {content: "\f35a" !important;font-family: "Fontawesome";margin: 5px 5px 0 0} .newSustainability .textRow .VideoFloatRight {float: right; width: 60%; margin-right: -10%; padding: 0 0 1% 3%; position:relative; z-index: 1000; } .newSustainability .textRow .VideoFloatRight .videoTeaser p {margin: 0; font-size: 12px} .newSustainability .fulltextRow .VideoFloatRight {float: right; width: 45%; padding: 0 0 1% 3%} .newSustainability .fulltextRow .VideoFloatRight .videoTeaser p {margin: 0; font-size: 12px} .newSustainability .textRow.d > p:first-child:before {content: "KI"} .newSustainability .pg_slideRowStart {margin-bottom: 4%} .newSustainability .backpic.mapPic .innerInside {width: 36%; font-size: 1.2em; background-color: rgba(0,0,0,0);bottom: 15%} .newSustainability .backpic.mapPic .buttonLink {display: inline-block;padding: 6px 32px;border: 2px solid;border-radius: 35px;text-decoration: none; font-size: 0.8em} .newSustainability .backpic.mapPic .layer {background-color: rgba(0,0,0,0)} .newSustainability .pgSlide.linkTile {background-color: rgba(255,255,255,1)} .newSustainability .mod_article > .row.rel .backpic h1, .newSustainability h2 {text-transform: uppercase;font-weight: 100;font-size: 2.2em;} .newSustainability h3.ce_headline, .newSustainability .newSustHeadline h3 {text-transform: uppercase;font-weight: 100;font-size: 1.6em;} .newSustainability h2 {margin-bottom: 30px} .newSustainability .diagonal.up {top: -170px; z-index: -1} .newSustainability .diagonal.content-right {right: 0} .newSustainability .lightgray .diagonal.content-right {fill: #f1f1f1;stroke: #f1f1f1;stroke-width: 4; width: 100%} .newSustainability .tileTeaserRow {display: flex; align-items: center; justify-content: center;background-color: #f1f1f1;} .newSustainability .tileTeaserRow > div {width: 50%} .newSustainability .tileTeaserRow > div.ce_text {padding: 25px 50px} .newSustainability .pg_slideRowStart {z-index: 999} .newSustainability #interViewSlideRow .pgSlide {position: relative; background-color: #fff} .newSustainability #interViewSlideRow .pgSlide:before {position: absolute;font-size: 12px;top: 142px;background-color: #911232;padding: 8px;color: #fff;box-shadow: 2px 2px 2px rgb(0,0,0,0.3);font-weight: bold;} .newSustainability #interViewSlideRow .pgSlide.interview:before {content: "Interview";} .newSustainability #interViewSlideRow .pgSlide.statement:before {content: "Statement";} .newSustainability .teaserBoxFrame {padding-right: 0; margin-bottom: 3%; flex-wrap: wrap} .newSustainability .teaserBox {padding-bottom: 20px; background-color: #fff; margin-bottom: 3%} .newSustainability .teaserBox p {font-size: 14px} .newSustainability .teaserBox figure {height: auto; position: initial; max-width: 75%;padding-bottom: 40px;} .newSustainability .teaserBox figure:before {content: url(/files/sysImg/arrow-Icons-red.png);} .newSustainability .teaserBox figure img {position: initial; min-height: 100%} .newSustainability .teaserBox figure:hover img {transform: scale(1)} .newSustainability .teaserBoxFrame.pdfDownload .teaserBox {padding: 25px} .newSustainability .toggleFrame {position: relative} .newSustainability .toggleFrameInner {height: 370px;overflow: hidden;border-bottom: 4px solid #e5e5e5} .newSustainability .toggleFrame.active .toggleFrameInner {height: 100%; border-bottom: none} .newSustainability .toggleFrameIcon {position: absolute; bottom: -38px; left: 0; width: 100%; text-align: center; font-size: 4em} .newSustainability .toggleFrameIcon i {background-color: #f1f1f1; cursor: pointer;color: #911232;} .newSustainability .toggleFrame #literaturTab h1 {display: none} .newSustainability #main .ce_text ul li {position: relative; padding: 0px 0 20px 20px} .newSustainability #main .ce_text ul li::before {content: "\f35a";font-family: "FontAwesome";font-size: 18px; position: absolute; left: 1px; top: 0px} .newSustainability #main .ce_text ul li ul {padding-top: 15px} .newSustainability .sectionAnchor {height: 0; width: 0;overflow: hidden} .newSustainability .iconBeforeText {position: relative} .newSustainability .iconBeforeText:before {transform-origin: 0 0;position: absolute;left: -170px;top: 0px;filter: grayscale(10%);opacity: 0.45;z-index: -1;} .newSustainability .iconBeforeText.Strategie:before {content: url("https://www.plattform-lernende-systeme.de/files/img/Themenseiten/Nachhaltigkeit/icons/target-Icon-green.png");} .newSustainability .iconBeforeText.Mobilitaet:before {content: url("https://www.plattform-lernende-systeme.de/files/img/Themenseiten/Nachhaltigkeit/icons/mobility_Icon_green.png");} .newSustainability .iconBeforeText.Potenziale:before {content: url("https://www.plattform-lernende-systeme.de/files/img/Themenseiten/Nachhaltigkeit/icons/development-Icon-green.png");transform:scale(0.8); transform-origin: 100% -30%} .newSustainability .iconBeforeText.Einsatz:before {content: url("https://www.plattform-lernende-systeme.de/files/img/Themenseiten/Nachhaltigkeit/icons/ki-einsatz-Icon-purple.png");transform:scale(0.8); transform-origin: 100% -30%} .newSustainability .iconBeforeText.Kompetenzen:before {content: url("https://www.plattform-lernende-systeme.de/files/img/Themenseiten/Nachhaltigkeit/icons/kompetenzen-Icon-purple.png");transform:scale(0.8); transform-origin: 100% -30%} .newSustainability .iconBeforeText.Mensch:before {content: url("https://www.plattform-lernende-systeme.de/files/img/Themenseiten/Nachhaltigkeit/icons/mensch-Icon-purple.png");transform:scale(0.8); transform-origin: 100% -30%} .newSustainability .iconBeforeText.VertrauenKI:before {content: url("https://www.plattform-lernende-systeme.de/files/img/Themenseiten/Nachhaltigkeit/icons/vertrauenswuerdige-KI-Icon-blue.png");transform:scale(0.8); transform-origin: 100% -30%} .newSustainability .iconBeforeText.Regelsetzung:before {content: url("https://www.plattform-lernende-systeme.de/files/img/Themenseiten/Nachhaltigkeit/icons/formen-regelsetzung-Icon-blue.png");transform:scale(0.8); transform-origin: 100% -30%} .newSustainability .iconBeforeText.Standpunkte:before {content: url("https://www.plattform-lernende-systeme.de/files/img/Themenseiten/Nachhaltigkeit/icons/standpunkte-Icon-blue.png");transform:scale(0.8); transform-origin: 100% -30%} .newSustainability .iconBeforeText.AIAct:before {content: url("https://www.plattform-lernende-systeme.de/files/img/Themenseiten/Nachhaltigkeit/icons/AI-Act-Icon-blue.png");transform:scale(0.8); transform-origin: 100% -30%} .newSustainability .iconBeforeText.DIN:before {content: url("https://www.plattform-lernende-systeme.de/files/img/Themenseiten/Nachhaltigkeit/icons/DIN-Icon-blue.png");transform:scale(0.8); transform-origin: 100% -30%} .newSustainability .iconBeforeText.BestPractice:before {content: url("https://www.plattform-lernende-systeme.de/files/img/Themenseiten/Nachhaltigkeit/icons/best-practice-Icon-blue.png");transform:scale(0.8); transform-origin: 100% -30%} .newSustainability .iconBeforeText.GenerativeKI1:before {content: url("https://www.plattform-lernende-systeme.de/files/img/Themenseiten/Generative-KI/icons/So-funktioniert-generative-KI-lila.png");transform:scale(0.8); transform-origin: 100% -30%} .newSustainability .iconBeforeText.GenerativeKI2:before {content: url("https://www.plattform-lernende-systeme.de/files/img/Themenseiten/Generative-KI/icons/Das_bringt_generative_KI-lila.png");transform:scale(0.8); transform-origin: 100% -30%} .newSustainability .quoteFrame {border-top: 1px solid #9d1232; border-bottom: 1px solid #9d1232;} .newSustainability .quoteFrame .ce_text {display: flex; align-items: center} .newSustainability .quoteFrame .ce_text figure {width: 200px; height: 200px; border-radius: 50%; border: 1px solid #ddd} .newSustainability .quoteFrame .ce_text > div {width: 80%;font-size: 1.2em;position: relative} .newSustainability .quoteFrame .ce_text > div:before {content: "\f10d";font-family: "FontAwesome";color: #9d1232;position: absolute;font-size: 11em;top: -56px;left: -38px;opacity: 0.2;} .newSustainability .quoteFrame .quoteFrom {font-size: 0.8em; color:#9d1232 } .newSustainability .tableListFrame {display: flex} .newSustainability .tableListFrame .ce_list {width: 33.3333%;margin-right: 2%;font-size: 0.9em;} .newSustainability .tableListFrame h3 {background-color: #920f30; color: #fff; padding: 10px; font-weight: 100; text-transform: uppercase; margin-bottom: 0} .newSustainability .tableListFrame .ce_list ul {padding-left: 0} .newSustainability .tableListFrame .ce_list ul li {position: relative; padding: 10px 0 10px 40px} .newSustainability .tableListFrame .ce_list ul li:before {content: "\f35a";font-family: "FontAwesome";font-size: 18px;position: absolute;left: 28px;top: 10px;color: #920f30} .newSustainability .tableListFrame .ce_list ul li:nth-child(2n) {background-color: #f1f1f1} .newSustainability .paragraphList li:before {content:"\f054"; font-family: "Fontawesome";font-size: 16px; font-weight: bold} .newSustainability .paragraphList li {padding-left: 50px} .newSustainability .paragraphList li:nth-child(1) {font-weight: bold; padding-left: 0 !important;color: #910f30; font-size: 18px} .newSustainability .paragraphList li:nth-child(1):before {display: none} .newSustainability .paragraphList li:nth-child(1) span {width: 40px; height: 40px; border-radius: 50%; background-color: #910f30; color: #fff; display: inline-block; margin-left: -20px; margin-right: 11px; text-align: center;vertical-align: middle; padding-top: 3px} .newSustainability .paragraphList.noHeadline li {position: relative; padding-left: 40px !important} .newSustainability .paragraphList.noHeadline li span {position: absolute; left: 0} .newSustainability .paragraphList.noDots li:before {display: none} .newSustainability .paragraphList.noDots li {padding-left: 30px; padding-top: 5px} .newSustainability .paragraphList.noDots li:nth-child(1) {padding-top: 25px} .newSustainability .flexRowCenter {display: flex; align-items: center} .newSustainability .flexRowCenter.lined {border-bottom: 1px solid #910f30} .newSustainability a.btn {display: inline-block; padding: 8px 32px; background-color: #910f30; color: #fff; border-radius: 25px; text-decoration: none} .newSustainability a.btn:hover {opacity: 0.8} .newSustainability .twoColTableList ul, .newSustainability .threeColTableList ul {padding-left: 0; display: flex; flex-wrap: wrap; font-size: 0.85em} .newSustainability .twoColTableList ul li, .newSustainability .threeColTableList ul li {padding: 10px; border-bottom: 2px solid #ddd} .newSustainability .twoColTableList ul li:before, .newSustainability .threeColTableList ul li:before {display: none} .newSustainability .twoColTableList ul li:nth-child(1n) {width: 30%;font-weight: bold} .newSustainability .twoColTableList ul li:nth-child(2n) {width: 70%;font-weight: normal} .newSustainability .twoColTableList ul li:nth-child(1), .newSustainability .twoColTableList ul li:nth-child(2) {background-color: #911232; color: #fff; font-weight: 100;text-transform: uppercase;} .newSustainability .twoColTableList ul li:nth-child(5), .newSustainability .twoColTableList ul li:nth-child(6), .newSustainability .twoColTableList ul li:nth-child(9), .newSustainability .twoColTableList ul li:nth-child(10), .newSustainability .twoColTableList ul li:nth-child(13), .newSustainability .twoColTableList ul li:nth-child(14) {background-color: #f1f1f1} .newSustainability .threeColTableList ul li:nth-child(1), .newSustainability .threeColTableList ul li:nth-child(2), .newSustainability .threeColTableList ul li:nth-child(3) {background-color: #911232; color: #fff; font-weight: 100;text-transform: uppercase;} .newSustainability .threeColTableList ul li:nth-child(1n) {width: 37.5%;font-weight: normal} .newSustainability .threeColTableList ul li:nth-child(1) {width: 25%} .newSustainability .threeColTableList ul li:nth-child(3n+4) {font-weight: bold;width: 25%;} #regelsetzungTable ul {font-size: 1em} #regelsetzungTable span {display: block;padding-left: 15px;position: relative;margin-bottom: 5px} #regelsetzungTable span:before {content: ""; width: 5px; height: 5px; border-radius: 50%; background-color: #920f30; display: block;position: absolute;left: 0;top: 10px} .newSustainability .boxedElement {border: 3px solid #910f30; padding: 35px; margin: 6% 0 3% 0} .newSustainability #chatGPTStatementFrame .ce_text h2 {font-size: 1.6em; margin-bottom: 10px} .newSustainability #chatGPTStatementFrame .pg_loadTreeLightboxElOverlay {padding: 30px} .newSustainability #chatGPTStatementFrame .textBoxLink, .newSustainability #chatGPTStatementFrame .textBoxLink a {color: #910f30} .newSustainability #BeFKiOuter {margin-top: 0} .newSustainability #Kitab li:first-child {background-color: #003c6a} .newSustainability #Kitab li:last-child {background-color: rgb(144, 167, 185)} #article-1052 #Kitab li.active {background-color: #f5f5f5} #article-1052 #Kitab li {background-color: #fff} #article-1052 #TP269 {width: 100%} .newSustainability .exampleFrame {margin: 2% 0 0 0; padding: 50px 25px 25px 25px; border: 3px solid #920f30; color: #920f30; border-radius: 4.5px; position: relative} .newSustainability .exampleFrame:before {content:"\f0eb"; font-family: "Fontawesome";font-size: 26px;font-weight: bold;position: absolute;right: 10px;top: 10px;border: 3px solid;width: 40px;height: 40px;display: flex;justify-content: center;align-items: center;border-radius: 50%;} .ce_list.nowHeadCol ul li:nth-child(1), .ce_list.nowHeadCol ul li:nth-child(2) {background-color: rgba(0,0,0,0); color: #464646; text-transform: initial} .ce_list.nowHeadCol ul li:nth-child(1) {font-weight: bold} .ce_list.nowHeadCol ul li:nth-child(1), .ce_list.nowHeadCol ul li:nth-child(2), .ce_list.nowHeadCol ul li:nth-child(5), .ce_list.nowHeadCol ul li:nth-child(6) {background-color: #fff} .twoColTableList.innerSpanList li span, .threeColTableList.innerSpanList li span {display: block;padding-left: 15px;position: relative;margin-bottom: 5px;} .twoColTableList.innerSpanList li span:before, .threeColTableList.innerSpanList li span:before {content: "";width: 5px;height: 5px;border-radius: 50%;background-color: #920f30;display: block;position: absolute;left: 0;top: 10px;} #bedeutendeKIModelle ul li:nth-child(3n-1) {width: 20%} #bedeutendeKIModelle ul li:nth-child(3n) {width: 55%} #bedeutendeKIModelle ul li:nth-child(4), #bedeutendeKIModelle ul li:nth-child(5), #bedeutendeKIModelle ul li:nth-child(6), #bedeutendeKIModelle ul li:nth-child(10), #bedeutendeKIModelle ul li:nth-child(11), #bedeutendeKIModelle ul li:nth-child(12), #bedeutendeKIModelle ul li:nth-child(16), #bedeutendeKIModelle ul li:nth-child(17), #bedeutendeKIModelle ul li:nth-child(18) {background-color: #f1f1f1} .newSustainability .textButton {background-color: rgba(0,0,0,0);margin: 0;padding: 0;color: #910f30;border: none;text-decoration: underline;font-weight: bold;width: auto;text-shadow: none;font-size: 16px;box-shadow: none;line-height: initial;vertical-align: initial;} .newSustainability .textButton:after {content:"\f0eb"; font-family: "Fontawesome";font-weight: bold; margin-left: 3px} .textLightBox {position: fixed; top: 0; width: 100%; left: 0; height: 100%; background-color: rgba(0,0,0,0.8); z-index: 99; display: flex; justify-content: center; align-items: center} .textLightBox button {background-color: rgba(0,0,0,0); width: auto; border: none; box-shadow: none; text-shadow: none;position: absolute; top: 20px; right: 20px; margin: 0; padding: 0} .textLightBox button:before {content:"\f057"; font-family: "Fontawesome";font-weight: bold;font-size: 3em; color: #fff} .textLightBox img {max-height: 90%;} .newSustainability .quotFrame {overflow: visible; margin: 6% 0; cursor: default; width: 100%} .newSustainability .quotFrame.rowReverse > div {flex-direction: row-reverse;} .newSustainability .quotFrame.lightBoxElement > div {height: 320px; display: flex;width: 100%; border-bottom-left-radius:35px; border-top-left-radius:35px;border-top-right-radius:35px; border-bottom-right-radius: 0; overflow: hidden;box-shadow: 2px 2px 15px rgb(0,0,0,.4)} .quotFrame.lightBoxElement > div .iconRowImage {width: 20%; height: 320px} .newSustainability .quotFrame.lightBoxElement .pg_loadTreeLightboxElOverlay {width: 80%; text-align: left; background-color: #fff; padding: 25px; overflow: auto} #oktopusTest .ce_text {position: relative;margin-bottom: 3%} #oktopusTest .ce_text p {margin-top: 45px} #oktopusTest .ce_text:before {content: ""; width: 35px; height: 35px; border-radius: 50%; background-color: #920f30; color: #fff; display: flex; align-items: center; justify-content: center; font-weight: bold; position: absolute; top: 0; left: 0} #oktopusTest .ce_text:nth-child(1):before {content: "1"} #oktopusTest .ce_text:nth-child(2):before {content: "2"} #oktopusTest .ce_text:nth-child(3):before {content: "3"} #oktopusTest .ce_text:nth-child(4):before {content: "4"} #einsatzFelderFrame .flipper .front {display: flex; align-items: center} #einsatzFelderFrame .flipper .front h3 {color: #fff; text-transform: uppercase; font-weight: 100;font-size: 1.6em} #einsatzFelderFrame .flipper .back {overflow: auto} #einsatzFelderFrame .flipper .back p {line-height: 1.6} .flexRow.textHighlight p {color: #920f30; font-weight: bold} .overViewInnerFlipTile {padding: 25px;background-color: #426798; color: #fff} .overViewInnerFlipTile h3 {color: #fff; text-transform: uppercase; font-weight: lighter; font-size: 1.4em; margin: 10px 0 30px 0;} .robotikTileLightBox .overViewInnerFlipTile strong {color: #fff} .robotikTileLightBox .ce_text ul li::before {color: #426798 !important} .robotikTileLightBox h2, .robotikTileLightBox strong {color: #426798} .robotikTileLightBox h2 {font-size: 2.2em} .robotikTileLightBox p {margin-bottom: 0} .robotikTileLightBox .headline {margin-bottom: 3%;background-color: #426798;padding: 10px;color: #fff;display: inline-block;font-size: 20px;font-weight: lighter;text-transform: uppercase;} .robotikTileLightBox .headline p {margin-top: 0} .robotikTileLightBox figure {border: 2px solid #426798} #main .robotikTileLightBox .ce_text ul li {padding-top: 0; padding-bottom: 15px} .robotikTileLightBox .ce_download a {width: initial;min-width: 550px;margin: 3% 0 0 0;background-color: #426797;color: #fff;padding: 12px;text-align: center;text-decoration: none;} .robotikTileLightBox .ce_download a:before {margin-top: 0} .robotikTileLightBox .ce_download .size {display: none} /*TIMELINE*/ .timeLineFrame {position: relative; display: grid;grid-template-rows: 0.5fr 1fr; grid-template-columns: 25% 25% 25% 25%; grid-auto-flow: column} .timeLineFrame_line {position: absolute; left: 0; top: calc(50% - 1px);height: 2px; width: 100%; background-color: #921030; z-index: -1} .timeLineFrame > div:nth-child(1) {grid-column-start:1;grid-column-end:2; grid-row-start:1; grid-row-end:2} .timeLineFrame > div:nth-child(2) {grid-column-start:2;grid-column-end:3; grid-row-start:2; grid-row-end:3} .timeLineFrame > div:nth-child(3) {grid-column-start:3;grid-column-end:4; grid-row-start:1; grid-row-end:2} .timeLineFrame > div:nth-child(4) {grid-column-start:4;grid-column-end:5; grid-row-start:2; grid-row-end:3} .timeLineFrame > div.ce_text {position: relative} .timeLineFrame > div.ce_text strong {color: #921030;} .timeLineFrame > div.ce_text:after {font-family: "Fontawesome";content: "\f192"; position: absolute;left: calc(50% - 4px);font-size: 2em;color: #921030; background-color: #fff} .timeLineFrame > div:nth-child(1):after, .timeLineFrame > div:nth-child(3):after {bottom: calc(0% - 19px)} .timeLineFrame > div:nth-child(2):after, .timeLineFrame > div:nth-child(4):after {top: calc(0% - 13px)} @media(max-width: 850px) { .timeLineFrame {grid-template-rows: 1fr 1fr 1fr 1fr; grid-template-columns: 10% 90%} .timeLineFrame_line {left: calc(5% - 2px);top: 0;height: 100%;width: 2px;} .timeLineFrame > div:nth-child(1) {grid-column-start:2;grid-column-end:3; grid-row-start:1; grid-row-end:2} .timeLineFrame > div:nth-child(2) {grid-column-start:2;grid-column-end:3; grid-row-start:2; grid-row-end:3} .timeLineFrame > div:nth-child(3) {grid-column-start:2;grid-column-end:3; grid-row-start:3; grid-row-end:4} .timeLineFrame > div:nth-child(4) {grid-column-start:2;grid-column-end:3; grid-row-start:4; grid-row-end:5} .timeLineFrame > div.ce_text:after {left: calc(-10% + 1px);bottom: initial;top: 13px} } @media(max-width: 850px) { #ScrollNav {display: none !important} .newSustainability .visibleRow {overflow: hidden} .newSustainability h2 {font-size: 1.6em} .newSustainability .backpic .layer .innerInside {font-size: 0.9em;top: 10%} .newSustainability .diagonal.head-left, .newSustainability .diagonal.head-right {display: none} .newSustainability .iconBoxFrame {display: block !important} .newSustainability .iconBox {width: 100%; margin: 0 0 12% 0} .newSustainability .iconBox h3 {min-height: initial} .newSustainability .textRow, .newSustainability .textRowSimple {width: 100%; margin: 0; font-size: 1em} .newSustainability .textRow > p:first-child:before {transform: scale(0.5);transform-origin: 50% 37%; z-index: 0} .newSustainability .textRow ul li {display: block} .newSustainability #main .ce_text ul li::before {top: -5px} .newSustainability .pg_slideRowStart {min-height: 400px; margin: 3% 0 6% 3%} .newSustainability .pgSlide.linkTile {width: 300px} .newSustainability .backpic.mapPic {background-position: 95% 50% !important} .newSustainability .backpic.mapPic .layer .innerInside {width: 90%; top: 5%; left: 5%; right: 5%;} .newSustainability .backpic.mapPic .layer { background-color: rgba(255,255,255,0.7)} .newSustainability .litList.kmu ul {display: flex} .newSustainability .litList.kmu ul li.first.cover {display: none !important} .newSustainability .litList.kmu ul li {font-size: 8px !important} .newSustainability .litList.kmu ul li.herausgeber {width: 50% !important} .newSustainability .litList.kmu ul li:last-child {width: 20% !important} .newSustainability .backpic.invertedLayerDark {background-position: 87% 50% !important} .newSustainability .backpic.invertedLayerDark .innerInside {width: 90%;margin: 0 5%} .newSustainability .backpic.invertedLayerDark .innerInside h1 {text-shadow: 1px 1px 2px rgba(0,0,0,0.5)} .newSustainability .backpic.invertedLayerDark .layer { background-color: rgba(255,255,255,0.6)} .newSustainability .iconBeforeText:before {left: 0; opacity: 0.2} .newSustainability .quoteFrame .ce_text {display: block} .newSustainability .quoteFrame .ce_text figure {margin: 0 auto} .newSustainability .quoteFrame .ce_text > div {width: 100%} .newSustainability .quoteFrame .ce_text > div:before {font-size: 3em; left: 0} .newSustainability .tableListFrame {display: block} .newSustainability .tableListFrame .ce_list {width: 100%; margin: 0} .newSustainability .iconFlexedCentered {display: block} .newSustainability .iconFlexedCentered figure {max-width: 50px; margin: 0 auto} .newSustainability .redAccordeonRow .pg_accfolHeadline {font-size: 14px} } @media(max-width: 768px) { #einsatzFelderFrame .flip-container, #einsatzFelderFrame .flip-container .front, #einsatzFelderFrame .flip-container .back {height: 450px !important} #einsatzFelderFrame .flip-container {width: 100% !important; margin: 0 0 3% 0 !important} #einsatzFelderFrame .flipper .back p {font-size: 14px} .newSustainability .quotFrame > div {display: block !important} .newSustainability .quotFrame > div > div {width: 100% !important} .newSustainability .quotFrame.lightBoxElement > div {height: auto !important} } /*--------------------------------------------*/ /*------- PAGE --> Nachhaltigkeit -------------*/ /*--------------------------------------------*/ .iconFlexedCentered {display: flex; align-items: center;text-align: justify;} .iconFlexedCentered p {margin: 0} .iconFlexedCentered figure {margin-right: 3%;min-width: 150px} .blueAccordeonRow, .redAccordeonRow * {-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;} .blueAccordeonRow .pg_accfolContent, .redAccordeonRow .pg_accfolContent {display: none; padding-left: 35px} .blueAccordeonRow .pg_accfolContent.active, .redAccordeonRow .pg_accfolContent.active {display: block} .blueAccordeonRow .pg_accfolHeadline, .redAccordeonRow .pg_accfolHeadline {color: #fff; padding-left: 35px; position: relative;margin-bottom: 0;} .blueAccordeonRow .pg_accfolHeadline .ui-accordion-header-icon, .redAccordeonRow .pg_accfolHeadline .ui-accordion-header-icon {display: none} .blueAccordeonRow .pg_accfolHeadline:before, .redAccordeonRow .pg_accfolHeadline:before {font-family: "Fontawesome";content: "\f054";position: absolute; left: 10px; top: 16px} .blueAccordeonRow .pg_accfolHeadline.active:before, .redAccordeonRow .pg_accfolHeadline.active:before {transform: rotate(90deg)} .blueAccordeonRow .pg_accfolHeadline {background-color: #79cbd8} .redAccordeonRow .pg_accfolHeadline {background-color: #920f30} /*--------------------------------------------*/ /*------- PAGE --> Standpunkt -------------*/ /*--------------------------------------------*/ #article-1133 #BeFKiOuter .inside {flex-wrap: wrap} #article-836 #BeFKiOuter .inside, #article-1010 #BeFKiOuter .inside {display: block} #article-836 #BeFKiOuter .inside iframe, #article-1010 #BeFKiOuter .inside iframe {width: 100%; height: 100%; outline: 0; border: none; position: absolute; top: 0; left: 0} #article-836 .KitabTextInner, #article-1010 .KitabTextInner {padding-bottom: 56.5%} #article-1031 #TP269 {width: 100%} /*--------------------------------------------*/ /*------- PAGE --> Standpunkt --> ChatGPT -------------*/ /*--------------------------------------------*/ #chatGPTStatementFrame {overflow: visible; margin-top: 3%} #chatGPTStatementFrame .lightBoxElement {width: 100%; margin-bottom: 6%} #chatGPTStatementFrame .lightBoxElement:nth-child(2n) > div {flex-direction: row-reverse;} #chatGPTStatementFrame .lightBoxElement:nth-child(2n) > div {border-bottom-left-radius:0; border-top-left-radius:35px;border-top-right-radius:35px; border-bottom-right-radius: 35px} #chatGPTStatementFrame .lightBoxElement > div {height: 380px; display: flex;width: 100%; border-bottom-left-radius:35px; border-top-left-radius:35px;border-top-right-radius:35px; border-bottom-right-radius: 0; overflow: hidden;box-shadow: 2px 2px 15px rgb(0,0,0,.4)} #chatGPTStatementFrame .lightBoxElement > div .iconRowImage {width: 30%; height: 380px} #chatGPTStatementFrame .pg_loadTreeLightboxElOverlay {width: 70%; text-align: left; padding: 50px; position: relative} #chatGPTStatementFrame .lightBoxElement:nth-child(2n-1) .pg_loadTreeLightboxElOverlay {background-color: rgba(242,242,242,1)} #chatGPTStatementFrame .lightBoxElement:nth-child(2n) .pg_loadTreeLightboxElOverlay {background-color: rgba(230,242,245,1)} #chatGPTStatementFrame .lightBoxElement:nth-child(2n-1) .readMoreButton {position: absolute;left: 0;width: 100%;bottom: 0;height: 91px;background: linear-gradient(0deg, #f2f2f2 60%, #f2f2f28a 100%, #f2f2f2 100%);} #chatGPTStatementFrame .lightBoxElement:nth-child(2n) .readMoreButton {position: absolute;left: 0;width: 100%;bottom: 0;height: 91px;background: linear-gradient(0deg, #e7f2f5 60%, #e7f2f547 100%, #e7f2f5 100%);} #chatGPTStatementFrame .readMoreButton span {position: absolute;bottom: 25px;width: 30px;height: 30px;left: calc(50% - 15px);border-radius: 50%;background-color: #911232;display: flex;justify-content: center;padding-top: 4px; color: #fff;cursor: pointer} body.chatGPTPage .pg_lbElementLBInner {padding: 25px;border-bottom-left-radius:35px; border-top-left-radius:35px;border-top-right-radius:35px; border-bottom-right-radius: 0; } body.chatGPTPage .pg_lbElementLBInnerIframe, .pg_lbElementLBInner > div {width: 100%; left: 0; top: 0; padding-bottom: 0 !important} body.lightBoxPage .chatGPTLBPicRow {display: flex} body.lightBoxPage .chatGPTLBPicRow .backpic {width: 30%; height: 380px} body.lightBoxPage .chatGPTLBPicRow .ce_text {width: 70%; padding-left: 50px} body.lightBoxPage.chatGPTGreyBack {background-color: rgba(242,242,242,1)} body.lightBoxPage.chatGPTBlueBack {background-color: rgba(230,242,245,1)} body.chatGPTPage #Galerien .row.down {display: flex; flex-wrap: wrap} body.chatGPTPage #Galerien .row.down .col3 {margin-right: 1%; border-radius: 15px; width: 19% !important} body.chatGPTPage #Galerien .row.down .col3 img {border-radius: 15px} body.chatGPTPage #Galerien .row.down .col3 .gg_text::before {right: 5%; left: 5%; border-radius: 15px} body.chatGPTPage #Galerien #gg_lbContent {border-radius: 25px} body.lightBoxPage .threequestions p.info {display: none} @media(max-width: 768px) { body.chatGPTPage #Galerien .row.down {flex-wrap: wrap} body.chatGPTPage #Galerien .row.down .col3 {width: 100% !important; margin: 0 0 3% 0} body.chatGPTPage .gg_close {transform: scale(1); top: 3%; left: 86%} body.chatGPTPage #Galerien .row.down .col3 img {margin: 0 auto;} #chatGPTStatementFrame .lightBoxElement > div, body.lightBoxPage .chatGPTLBPicRow {flex-wrap: wrap; height: auto} #chatGPTStatementFrame .lightBoxElement > div .iconRowImage, .row chatGPTLBPicRow .backpic, body.lightBoxPage .chatGPTLBPicRow .backpic {height: 250px !important} #chatGPTStatementFrame .pg_loadTreeLightboxElOverlay {padding: 25px} #chatGPTStatementFrame .lightBoxElement > div .iconRowImage, #chatGPTStatementFrame .pg_loadTreeLightboxElOverlay, body.lightBoxPage .chatGPTLBPicRow .backpic, body.lightBoxPage .chatGPTLBPicRow .ce_text {width: 100%;} body.lightBoxPage .chatGPTLBPicRow .ce_text {padding: 25px 0 0 0} #chatGPTStatementFrame .lightBoxElement:nth-child(2n-1) .readMoreButton {height: 126px} .pg_lbElementBack:before {top: 2%; padding: 5px} body.lightBoxPage .chatGPTLBPicRow .backpic {border-top-left-radius: 15px; border-top-right-radius: 15px; } } /*--------------------------------------------*/ /*------- PAGE --> NEWS --> Streitsache -------------*/ /*--------------------------------------------*/ #streitsache .fullwidthTile {padding-bottom: 7px} #streitsache .fullwidthTile .ce_Mitarbeiter.col3 {width: 100%; padding-top: 8%} #streitsache .fullwidthTile .jKhead {width: 90%;padding-bottom: 9px;} #streitsache .rightTile .ce_Mitarbeiter.col3 {width: 30%;margin-top: 5px;} #streitsache .toppicStatement h2 {font-size: 50px; font-weight: bold; color: #464646; display: inline-block; text-transform: uppercase; margin-bottom: 5px;letter-spacing: -2px;} #streitsache .toppicStatement .toppicDot {color: #920f30; font-size: 90px; display: inline-block;line-height: 0;margin-bottom: 0;} #streitsache .toppicStatement p {margin-top: 0} /* #streitsache .toppicStatementFrame .col6 {padding-right: 3%; border-right: 3px solid #920e30} #streitsache .toppicStatementFrame .col6.last {padding-right: 0;padding-left: 0; border-right: 0} */ .aiCoding.flex3 {display: flex; justify-content: space-between} .aiCoding.flex3 > div {width: 30%; margin: 0} .aiCoding.flex3.logos {padding-top: 1%} .aiCoding.flex3.logos > div {width: 24%;margin: 0 3%} .aiCoding.flex3.logos > div img {padding: 50px} .aiCoding.flex3 .offsetTile {margin-left: 35%} @media(max-width: 768px) { .aiCoding.flex3 {display: block} .aiCoding.flex3 > div, .aiCoding.flex3.logos > div {width: 100%; margin: 0 0 3% 0} .aiCoding.flex3 .offsetTile {margin-left: 0} } /*--------------------------------------------*/ /*------- PAGE --> ERGEBNISSE -------------*/ /*--------------------------------------------*/ .linkBoxFrame .linkBox {-webkit-transition: all .45s cubic-bezier(.23,1,.32,1);-moz-transition: all .45s cubic-bezier(.23,1,.32,1);-ms-transition: all .45s cubic-bezier(.23,1,.32,1);-o-transition: all .45s cubic-bezier(.23,1,.32,1);transition: all .45s cubic-bezier(.23,1,.32,1)} .linkBoxFrame .linkBox.lightblue {background-color: #9fb7d6} .linkBoxFrame .linkBox.lighterblue {background-color: #51bdca} .linkBoxFrame .linkBox.purple {background-color: #a7a5d2} .linkBoxFrame .linkBox.darkBlue {background-color: #526e95} .linkBoxFrame .linkBox.red {background-color: #a83e69} .linkBoxFrame {display: flex;flex-wrap: wrap;} .linkBoxFrame .linkBox {position: relative; color: #fff; padding: 30px; width: 25%;flex-wrap: wrap; text-align: center} .linkBoxFrame .linkBox:hover {box-shadow: 2px 2px 5px rgba(0,0,0,0.4);transform: scale(1.1);z-index: 2;} .linkBoxFrame .linkBox h3 {color: #fff} .linkBoxFrame .linkBox a {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.1)} .linkBoxFrame.cols2 .linkBox {width: 50%; padding: 50px} .linkBoxFrame.cols3 .linkBox {width: 33.3333%; padding: 50px} .teaserBoxFrame.teaserBoxFull {min-height: 280px} .teaserBoxFrame.teaserBoxFull .teaserBox {width: 100%; margin: 0; padding-bottom: 0; padding: 0; min-height: 200px; max-height: 200px} .teaserBoxFrame.teaserBoxFull .teaserBox a {display: flex; padding: 0} .teaserBoxFrame.teaserBoxFull .teaserBox a div, .teaserBoxFrame.teaserBoxFull .teaserBox a figure {width: 50%} .teaserBoxFrame.teaserBoxFull .teaserBox a figure {left: initial; right: 0} .teaserBoxFrame.teaserBoxFull .teaserBox a div {padding: 25px} /*--------------------------------------------*/ /*------- PAGE --> FÖRDERUNG KI -------------*/ /*--------------------------------------------*/ #foerderungsListe > h3 {color:#464646; border-top: 3px solid #ddd; border-bottom: 3px solid #ddd;padding-top: 3%;} #foerderungsListe .ce_text {display: flex;font-size: 0.8em;margin-bottom: 6%} #foerderungsListe .ce_text > div:first-child {width: 31%; margin-right: 3%} #foerderungsListe .ce_text > div:last-child {width: 65%} #foerderungsListe .ce_text > div:last-child a {color: #920f30} /*--------------------------------------------*/ /*------- PAGE --> SUCHE -------------*/ /*--------------------------------------------*/ .mod_search form {width: 50%;background-color: #efefef;padding: 50px;border: 1px solid #c5c4c4} .mod_search input, .mod_search input[type="submit"] {width: 100%} .mod_search .context, .mod_search .header {margin-bottom: 40px} .mod_search .url, .mod_search .relevance {display: none} /*--------------------------------------------*/ /*------- PAGE --> WEBTALK -------------*/ /*--------------------------------------------*/ @media(max-width: 768px) { #kollege-ki > section.folder > div {background: url("/files/img/headPictures/KI_Impulse_FINAL_ohne_Text.jpg") 60% 50% no-repeat !important; height: 300px !important} } #kooperationLogoFrame p {color: #848484; font-size: 14px} #kooperationLogoBar {display: flex; justify-content: center; align-items: center} #kooperationLogoBar div {width: 20%;margin: 0 2%} /*--------------------------------------------*/ /*------- PAGE --> KMU --> Booklet -------------*/ /*--------------------------------------------*/ .bookletLightBox h3.grey {color: #848484} .bookletLightBox > .ce_text > figure {margin-top: 0} .bookletLightBox strong {color: #920f30} /*--------------------------------------------*/ /*------- PAGE --> KMU (BLUE) ------------*/ /*--------------------------------------------*/ .kmuPage .inside {padding-right: 0 } .kmuPage.blueColor .pg_accfolSta {max-height: 50px} .kmuPage.blueColor .pg_accfolSta.active {max-height: 10000px;} .kmuPage.blueColor #Stolpersteine .pg_accfolHeadline .ui-accordion-header-icon {position: initial} .kmuPage.blueColor .pg_accfolHeadline, .kmuPage.blueColor #Stolpersteine .pg_accfolHeadline {background-color: #51bdca !important; color: #fff} .kmuPage.blueColor .pg_accfolHeadline .ui-accordion-header-icon, .kmuPage.blueColor #Stolpersteine .pg_accfolHeadline .ui-accordion-header-icon {background: url('/system/modules/pg_accordeonFolder/assets/img/arrow-white.png') 50% 50% no-repeat;background-size: cover;} .kmuPage.blueColor .pg_accfolSta .ce_text {padding-left: 45px} .kmuPage.blueColor .pg_accfolHeadline .pg_accSubline {float: right;font-weight: bold;font-size: 14px;color:#464646} .kmuPage.blueColor .ce_accordionSingle {padding-bottom: 12px} .kmuPage.blueColor .ce_accordionSingle .toggler {padding: 15px;background-color: #51bdca; color: #fff} .kmuPage.blueColor .ce_accordionSingle .toggler:hover {opacity: 1} .kmuPage.blueColor .ce_accordionSingle .accordion {padding-left: 45px} .kmuPage.blueColor .ce_accordionSingle .ui-accordion-header-icon {background: url('/system/modules/pg_accordeonFolder/assets/img/arrow-white.png') 50% 50% no-repeat;background-size: cover;height: 20px;display: block; background-size: cover;width: 20px;float: left;margin-right: 10px;margin-top: -1px; -webkit-transition: all .45s cubic-bezier(.23,1,.32,1); -moz-transition: all .45s cubic-bezier(.23,1,.32,1); -ms-transition: all .45s cubic-bezier(.23,1,.32,1); -o-transition: all .45s cubic-bezier(.23,1,.32,1); transition: all .45s cubic-bezier(.23,1,.32,1); } .kmuPage.blueColor .ce_accordionSingle .active .ui-accordion-header-icon { -moz-transform: rotate(-180deg); -ms-transform: rotate(-180deg); -o-transform: rotate(-180deg); -webkit-transform: rotate(-180deg); } .kmuPage.blueColor .warumKI.listTable li:first-child, .kmuPage.blueColor .warumKI.listTable li:nth-child(2) {font-size: 1.2em} .kmuPage.blueColor .readMoreTrigger {background-color: #51bdca} .kmuPage h3 {color: #464646} .kmuPage .tabletTile-container, .kmuPage .tabletTile-container .front, .kmuPage .tabletTile-container .back {height: 300px !important} .kmuPage .publikation {background-color: #f1f1f1;padding: 3%;} .kmuPage .quote {margin-top: 3%; margin-bottom: 3%; padding: 25px 80px; position: relative; border-top: 1px solid #920f30;border-bottom: 1px solid #920f30; } .kmuPage .quote:before {font-family: "Fontawesome";content: "\f10e"; color: #920f30; position: absolute; left: 0; top: 45px; font-size: 3em} .kmuPage .quote strong {color: #920f30} .kmuPage .kaTitle {color: #fff} .kmuPage .flip-container {width: 32.33333%;margin-right: 1%;margin-left: 0;margin-bottom: 1%} .kmuPage .flip-container .button {display: block; position: initial; padding: 0} .kmuPage .videoTeaser, .kmuPage .videoTeaser a {font-size: 13px; color: #920f30} .kmuPage .videoTeaser strong {font-size: 16px; color: #4B464C} #vorreiter .tabletTile .tiler h2 {font-size: 1.6em} #vorreiter .tabletTile .tiler span {font-size: 15px} #vorreiter .tabletTile .tiler h2, #vorreiter .tabletTile .tiler span {background-color: rgba(0,0,0,0); color: #fff} #vorreiter #Netzwerk .flip-container, #vorreiter #Netzwerk .front, #vorreiter #Netzwerk .back {height: 200px !important} #videos-fuer-kmu .ytelement h3, #unterstuetzung .ytelement h3 {min-height: 44px; margin-bottom: 8px} #bereit-fuer-ki #Kitab li p {font-size: 18px;margin-bottom: 10px;} #bereit-fuer-ki #Kitab li h4 {font-size: 15px; font-weight: normal;margin-bottom: 15px;} #bereit-fuer-ki #Kitab li p, #bereit-fuer-ki #Kitab li h4 {color: #fff;} #bereit-fuer-ki #Kitab li {opacity: 0.8;display: grid;} #bereit-fuer-ki #Kitab li.active, #bereit-fuer-ki #Kitab li:hover {opacity: 1} #bereit-fuer-ki #Kitab li.active {border-bottom: 4px solid #fff;position: relative} #bereit-fuer-ki #Kitab li.active:before { content: ""; border-left: 15px solid #0000; border-right: 15px solid #0000; border-bottom: 15px solid #fff; position: absolute; bottom: 0; left: calc(50% - 7.5px);} #bereit-fuer-ki #Kitab li:nth-child(1) {background-color: #9fb7d6} #bereit-fuer-ki #Kitab li:nth-child(2) {background-color: #918fc7} #bereit-fuer-ki #Kitab li:nth-child(3) {background-color: #274a7b} #bereit-fuer-ki #Kitab li:nth-child(4) {background-color: #920e44} #bereit-fuer-ki .KitabTextInner strong {color:#920e44} /*--------------------------------------------*/ /*------- PAGE --> THEMENSEITE KI -------------*/ /*--------------------------------------------*/ .keyFact {position: relative; min-height: 90px;display: table;background-color: #fff;padding: 0 10px 0 110px;width: 100%;margin-bottom: 1%;border-radius: 5px;box-shadow: 2px 2px 5px rgba(0,0,0,0.1)} .keyFact p {display: table-cell; vertical-align: middle} .keyFact:before {content: ""; background-color: #920f30; position: absolute; left: 0; top:0;width: 90px;height: 90px;border-top-left-radius: 5px;border-bottom-left-radius: 5px;border-top-left-radius: 5px} .keyFact:after {font-family: "Fontawesome";content: "\f00c";color: #fff; position: absolute; left: 25px; top: 20px; z-index: 9; font-size: 2.8em} #quoteFrame {position: relative; min-height: 1000px; padding-top: 20px} #qouteRow2 {margin-top: 700px } #quoteTextBox {position: absolute;width: 70%;left: 30%;top: 200px;border-top: 60px solid #f1f1f1;border-radius: 5px;padding: 10px } #quoteTextBox:before {content: ""; background-color: #920f30; position: absolute; left: 0; top:-60px;width: 60px;height: 60px;border-top-left-radius: 5px;border-bottom-left-radius: 5px;border-top-left-radius: 5px} #quoteTextBox:after {font-family: "Fontawesome";content: "\f10d";color: #fff; position: absolute; left: 15px; top: -45px; z-index: 9; font-size: 2em} #quoteTextBox .headline {position: absolute;top: -45px;left: 75px} #quoteFrame .ce_text.active {margin: 0;position: absolute;top: 300px;width: 0;} #quoteFrame .ce_text.animated.zoomIn {top: 300px} #quoteFrame .ce_text {position: absolute; width: 12%} #quoteFrame .quoteText, #quoteFrame .ce_text h3 {display: none} #quoteFrame .quoteText.active {display: block} #quoteFrame figure {width: 150px; height: 150px; border-radius: 50%;filter: grayscale(100%);overflow: hidden; margin: 0 auto; cursor: pointer} #quoteFrame .quoteImage {-webkit-transition: all .85s cubic-bezier(.23,1,.32,1);-moz-transition: all .85s cubic-bezier(.23,1,.32,1);-ms-transition: all .85s cubic-bezier(.23,1,.32,1);-o-transition: all .85s cubic-bezier(.23,1,.32,1);transition: all .85s cubic-bezier(.23,1,.32,1)} #quoteFrame .quoteImage img {max-width: 101%} #quoteFrame .quoteImage:hover {transform: scale(1.2)} #quoteFrame .quoteImage.active {cursor: default;filter: grayscale(0%);left: 80px !important;position: absolute;top: 65px;transform: scale(1.8);} /*------- PAGE --> NACHHALTIGKEIT INTERVIEW TEASER -------------*/ .interviewTeaserFrame {min-height: 450px} .interviewTeaserFrame .pgSlide {height: 350px; width: 0; overflow: hidden; box-shadow: 0 0 1rem 0 #d7dce1; transition: all .45s ease-in-out;} .interviewTeaserFrame .pgSlide:hover {box-shadow: 0 0 0.5rem 0 rgb(0 0 0 / 23%), 0 0.5rem 1.6rem 0 rgb(0 0 0 / 20%);} .interviewTeaserFrame > div p {padding: 10px 10px 0 10px; margin: 0; line-height: 22px;font-size: 13px;} .interviewTeaserFrame > div p:nth-child(3) {color: #848484; padding-top: 0px; min-height: 44px} .interviewTeaserFrame > div p:last-child {padding-bottom: 10px} .interviewTeaserFrame > div p a {text-decoration: none; font-size: 16px} .interviewTeaserFrame > div p a:hover {text-decoration: underline} /*------- PAGE --> NACHHALTIGKEIT QUOTES -------------*/ #quoteFrame.nachhaltigkeit {min-height: 750px;padding: 3% 0} #quoteFrame.nachhaltigkeit .ce_text.active, #quoteFrame.nachhaltigkeit .ce_text.animated.zoomIn {top: 0 !important; margin: 0} #quoteFrame.nachhaltigkeit .ce_text {margin-left: 17%; margin-top: 3%} #quoteFrame.nachhaltigkeit #quoteTextBox {width: 100%; left: 0; margin-top: 1%; border-top: 60px solid #fff} #quoteFrame.nachhaltigkeit #quoteTextBox:before {background-color: #000000} #quoteFrame.nachhaltigkeit #quoteTextBox .headline {top: -54px;left: 90px;color: #000;font-size: 30px} #quoteFrame.nachhaltigkeit #quoteTextBox a.link {display: inline-block;background-color: #920e30;color: #fff;cursor: pointer;padding: 5px 50px;text-decoration: none;font-weight: bold;float: right} #quoteFrame.nachhaltigkeit .quoteImage.active {left:60px !important} @media (max-width: 768px) { #quoteFrame.nachhaltigkeit {min-height: 1180px} #quoteFrame.nachhaltigkeit .ce_text {margin-top: -12%;margin-left: 53%; position: initial} #quoteFrame figure {transform: scale(0.6)} #quoteFrame .quoteImage:hover {transform: scale(0.6)} #quoteFrame.nachhaltigkeit #quoteTextBox {margin-top: 10%} #quoteFrame .quoteImage.active {transform: scale(1.2); margin-left: -40px !important} #quoteFrame.nachhaltigkeit #quoteTextBox .headline {font-size: 20px; left: 70px} } @media (max-width: 768px) { #interview-lynn-kaack .backpicFrame, #interview-lynn-kaack .backpic, #interview-philipp-kanstinger .backpicFrame, #interview-philipp-kanstinger .backpic, #interview-hannah-helmke .backpicFrame, #interview-hannah-helmke .backpic, #interview-matthias-gotsch .backpicFrame, #interview-matthias-gotsch .backpic {height: 720px !important;font-size: 0.6em !important} .backpicFrame .interview figure {transform: scale(0.65);transform-origin: 0 20%} #InterviewScrollNav {display: none} .question li.first:before {left: -15%;font-size: 20px;} .interviewPagination li {margin: 5px} } /*--------------------------------------------*/ /*------- PAGES --> KI INDIKATOREN --> LIGHTBOXES -------------*/ /*--------------------------------------------*/ .tableFrame {font-size: 0.9em} .tableFrame .listHeader {font-weight: bold; background-color: #003c69 !important; color: #fff} .tableFrame ul {display: flex; padding-left: 0; border-bottom: 1px solid #003c69} .tableFrame ul li:before {display: none} .tableFrame ul li {list-style-type: none; width: 40%; padding: 10px; hyphens: auto} .tableFrame .ce_list:nth-child(2n+1) {background-color: #f5f5f5} .tableFrame ul li:first-child {width: 55%; font-weight: bold} .tableFrame ul li:last-child {width: 5%} .tableFrame ul li a {text-decoration: underline} .tableFrame ul li a i {font-size: 1.4em; color: #003c69} #foederKMUTable.tableFrame ul li:nth-child(2) {width: 60%} #foederKMUTable.tableFrame ul li:nth-child(3) {width: 20%} .tableFrame.cols1 ul li {width: 100%} .indikatorHint {font-size: 12px} .kiIndikatorArticle .watermark img {display: none} .kiIndikatorArticle .watermark p {font-size: 14px;color: #707070;font-weight: bold;} .kiIndikatorArticle #Kitab li {width: 30%} .kiIndikatorArticle #BeFKiOuter .tableFrame .ce_list:nth-child(2n) {background-color: #fff !important} .kiIndikatorArticle h3 {color: #464646} .kiIndikatorArticle.tabFull .inside {display: block !important} @media (max-width: 860px) { .tableFrame {font-size: 0.7em} .tableFrame ul li {hyphens: auto; -webkit-hyphens: auto; -moz-hyphens: auto} .tableFrame ul li:first-child {width: 50%} .tableFrame ul li:last-child {width: 10%} #foederKMUTable.tableFrame ul li:nth-child(1), #foederKMUTable.tableFrame ul li:nth-child(2) {width: 34%} #foederKMUTable.tableFrame ul li:nth-child(3) {width: 22%} .tableFrame ul li {padding: 5px; line-height: 1.6em} } /*--------------------------------------------*/ /*------- PAGES --> ANWENDUNGSSZENARIEN ->LANDINGPAGE -------------*/ /*--------------------------------------------*/ .awsTile figure {position: relative} .awsTile.noLink figure:before {content: ""} .awsTile figure:before {font-family: "Fontawesome"; content: "\f002"; position: absolute; opacity: 0; font-size: 8em; top: 40%; left: 42%; color: #fff; text-shadow: 2px 2px 5px rgba(0,0,0,0.8);transform:scale(0)} .awsTile figure:hover:before {opacity: 0.8; transform: scale(1)} .awsTile a {text-decoration: none} .awsTile .ce_text a {text-decoration: underline} .awsDownload.col4 {margin: 0 1%} .awsDownload {display: inline-block; padding: 3px;font-size: 14px; text-align: center; border: 2px solid #848484; width: 31%; margin: 0 9%;} .awsDownload.three {margin: 0 1%;vertical-align: middle;} .awsDownload .size {display: none} .awsDownload a {color: #848484; text-decoration: none} .awsDownload a:before {margin: 0 5% 0 0 !important;} .awsDownload:hover {border-color: #920f30} .awsDownload:hover a {color: #920f30} .awsDownload.center {display: block; margin: 0 auto} .awszPage3 iframe {border: none; outline: 0} .awszPage3 .backpic .innerInside {background-color: rgba(0,0,0,0); color: #fff;text-shadow: 2px 2px 10px rgba(0,0,0,0.5);font-size: 3em;font-weight: bold;right: 6%;bottom: 0; position: absolute;width: 45%;padding: 20px;} .awszPage3 .backpic .innerInside p {background-color: rgba(255,255,255,0.4);padding: 25px;line-height: 1.2em;} #ergebnisse .awsTile a .backpic {position: relative} #ergebnisse .awsTile a .backpic:after {content: "zur Themenseite"; color: #464646; font-size: 1.2em; font-family: "Rubik"; transform: scale(0); position: absolute; top: 45%; left: 36%; z-index: 9999;} #ergebnisse .awsTile a .backpic:before { position: absolute; top: 5%; right: 3%; bottom: 5%; left: 3%; border: 2px solid rgba(0,0,0,0.4); content: ''; opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: scale(0); transform: scale(0); pointer-events: none; z-index: 10; background-color: rgba(255,255,255,0.6)} #ergebnisse .awsTile a .backpic:hover:before, #ergebnisse .awsTile a .backpic:hover:after {opacity: 1; transform: scale(1)} /*--------------------------------------------*/ /*------- PAGES --> INFOGRAFIKEN -------------*/ /*--------------------------------------------*/ #donwloadHint {border: 2px solid #848484; color: #848484; padding: 20px 55px; opacity: 0.9} #donwloadHint span, #donwloadHint p, #LinkHintGrey span, #LinkHintGrey p, #LinkHint span, #LinkHint p {display: inline-block; vertical-align: middle} #donwloadHint span, #LinkHint span, #LinkHintGrey span {margin-right: 2%; font-size: 2.4em; width: 4%;} #donwloadHint p {width: 93%} #LinkHint .aTag {border: 2px solid #920e30;color: #920e30;text-align: center; padding: 10px 0} #LinkHint a {text-decoration: none; color: #920e30} #LinkHintGrey {opacity: 0.9} #LinkHintGrey .aTag {border: 2px solid #848484;color: #848484;text-align: center; padding: 10px 0} #LinkHintGrey a {text-decoration: none; color: #848484} .infoDownload, .infoLink {display:block;padding: 3px 12px;text-align: center;border: 2px solid #848484;width: 50%;margin: 0 auto; margin-top: 9%} .infoDownload a, .infoLink a {color: #848484; text-decoration: none} .infoDownload a:before, .infoLink a:before {margin: 0 5% 0 0 !important;} .infoDownload:hover, .infoLink:hover {border-color: #920f30} .infoDownload:hover a, .infoLink:hover a {color: #920f30} .infoDownload .size, .infoLink .size {display: none} .infoLink a:before {font-family: "Fontawesome";content: "\f061" !important;vertical-align: middle; display: inline-block; text-decoration: none !important; border-bottom: 1px solid transparent; -webkit-transform: rotate(-45deg); -webkit-transform-origin: 35% 40%; -moz-transform: rotate(-45deg); -moz-transform-origin: 35% 40%; -o-transform: rotate(-45deg); -o-transform-origin: 35% 40%; -ms-transform: rotate(-45deg); -ms-transform-origin: 35% 40%; transform: rotate(-45deg); transform-origin: 35% 40%;} /*--------------------------------------------*/ /*------- PAGE --> SURVEY --> RUNDER TISCH -------------*/ /*--------------------------------------------*/ #tab2RunderTisch .cat1 {overflow: hidden; clear: both} #tab2RunderTisch .cat1 > div {float: right; width: 90%} #tab2RunderTisch .cat1 .customcheckbox {float: left; width: 10%} #tab3RunderTisch .cat1.last {text-align: center;margin-top: -5%} /*--------------------------------------------*/ /*------- PAGE --> BILD MIT EXTERNEM VIDEOLINK + PLAYBUTTON-------------*/ /*--------------------------------------------*/ .videoExternLink {position: relative; overflow: hidden} .videoExternLink .playBtnFrame {position: absolute; top: 0; left:0; width: 100%; height: 100%; display: flex; justify-content: center; align-items:center; font-size: 4.5em; color: #fff; cursor: pointer} .videoExternLink a {position: absolute; top: 0; left:0; width: 100%; height: 100%;z-index: 2} .videoExternLink a:hover .playBtnFrame {color: #910e30} /*--------------------------------------------*/ /*------- PAGE --> Jahreskonferenz 2021 -------------*/ /*--------------------------------------------*/ .konferenz2021 .indentedHeadline {padding-left: 20px;margin-top: -10px} .konferenz2021 .pg_lbTile{padding: 25px; color: #fff} .konferenz2021 .pg_lbIakLBInner, .konferenz2021 .pg_lbIakBack {display: none} .konferenz2021 .lightBoxTileFrame, .konferenz2021 .tileFrameHeadlines {display: flex; padding: 0 0 3% 0} .konferenz2021 .pg_lbTile, .konferenz2021 .tileFrameHeadlines .ce_headline {text-align: center;width: 31.333333%; margin: 0 1%; font-weight: bold} .konferenz2021 .pg_lbTile p:nth-child(1) {text-decoration: underline} .konferenz2021 .pg_lbTile p:nth-child(2) {font-size: 18px} .konferenz2021 .tileFrameHeadlines {padding: 3% 0 1%} .konferenz2021 .tileFrameHeadlines .ce_headline:nth-child(1) {color: #1d293b} .konferenz2021 .tileFrameHeadlines .ce_headline:nth-child(2) {color: #920f30} .konferenz2021 .tileFrameHeadlines .ce_headline:nth-child(3) {color: #51bdca} .konferenz2021 .fullwidth iframe {min-height: 240px} .konferenz2021 .ui-accordion-content .ce_download {padding-left: 20px} .konferenz2023 .fullTile .pg_lbTile {width: 100%; background-color: #c3bfbf !important; padding: 5px} .konferenz2023 .pg_lbTile p:nth-child(1) {font-size: 18px} .konferenz2023 .pg_lbTile p:nth-child(2) {font-size: 15px} .konferenz2023 .konferenzBlock {margin: 0 1%; background-color: #053d68; color: #fff; padding: 15px 15px 25px 15px} .konferenz2023 .tileHead {margin-left: 1%;line-height: 1.6em;/*font-size: 1.1em*/} .konferenz2023 .tileHead h3 {/*font-weight: 300;*/color: #1d293b; margin-bottom: 10px} #konferenz-2021 > section.row.inside.smallup > div:nth-child(1){margin-top: 15px} @media (max-width: 968px) { .konferenz2021 .pg_lbTile {padding: 10px} .konferenz2021 .pg_lbTile p {font-size: 14px !important} } .konferenz2025 .konferenzBlock {margin: 0 1%; background-color: #4e2296; color: #fff; padding: 15px 15px 25px 15px} /*--------------------------------------------*/ /*------- PAGE --> FIT FUER KI -------------*/ /*--------------------------------------------*/ .onlineEvent .ce_list ul {padding-left: 0} .onlineEvent .ce_list li {margin: 0 0 5px 0; padding: 0px 10px} .onlineEvent .ce_list li:nth-child(2n-1) {background-color: #efefef} .onlineEvent .ce_list li:before {content: ""; display: none} .onlineEvent .col9 ul li {padding-top: 0 !important; padding-bottom: 5px; line-height: 24px !important} /*--------------------------------------------*/ /*------- PAGES --> IA LANDKARTE ->LANDINGPAGE -------------*/ /*--------------------------------------------*/ #mapPage {border-top: 3px solid #940a2e; box-shadow: 2px 2px 15px rgba(0,0,0,0.5); margin-top: 25px} #mapPage.noShadow {box-shadow: none} #mapPage #layout1 {padding: 6% 15px 3%} #mapPage #layout1Footer {padding: 2% 15px 3%} /*#mapPage #layout1 .backpic .innerInside { top: 67%; width: 80%; background-color: rgba(255,255,255,0.6); padding: 20px; left: 0; box-shadow: 2px 2px 5px rgba(0,0,0,.5); font-size: 12px; height: 83px }*/ #mapPage #layout1 .picframe {overflow: hidden} #mapPage #layout1 .col6 .inBox, #mapPage #layout1 .col4 .inBox { overflow: hidden; cursor: pointer; padding: 25px; font-size: 14px; line-height: 2em; border: 1px solid #ddd; min-height: 530px; box-shadow: 0 1px 1px rgba(0,0,0,0.1); -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.1); -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.1); -o-box-shadow: 0 1px 1px rgba(0,0,0,0.1); -webkit-transition: transform .2s linear,-webkit-box-shadow .2s linear; -moz-transition: transform .2s linear,-moz-box-shadow .2s linear; transition: transform .2s linear,box-shadow .2s linear } #mapPage #layout1 .col6:hover .inBox, #mapPage #layout1 .col4:hover .inBox { transform: translateY(-4px)!important; -webkit-transform: translateY(-4px)!important; box-shadow: 0 17px 25px rgba(0,0,0,0.13)!important; -webkit-box-shadow: 0 17px 25px rgba(0,0,0,0.13); -moz-box-shadow: 0 17px 25px rgba(0,0,0,0.13); -o-box-shadow: 0 17px } #mapPage #layout1 a {text-decoration: none} #mapPage #layout1 .SelectIcon {display: none} /* #mapPage #layout1 .SelectIcons { -webkit-transition: all .45s cubic-bezier(.23,1,.32,1); -moz-transition: all .45s cubic-bezier(.23,1,.32,1); -ms-transition: all .45s cubic-bezier(.23,1,.32,1); -o-transition: all .45s cubic-bezier(.23,1,.32,1); transition: all .45s cubic-bezier(.23,1,.32,1); } #mapPage #layout1 .SelectText {max-width: 80%;margin: 20px auto;text-align: center;} #mapPage #layout1 .SelectIcon { display: none; width: 80px; height: 80px; border-radius: 50%; margin: 0 auto; background: rgba(0,0,0,0); text-align: center;color: #ddd; box-shadow: inset 2px 2px 15px rgba(0,0,0,0.5)} #mapPage #layout1 .col6:hover .SelectIcon {box-shadow: 2px 2px 15px rgba(0,0,0,0.5)} #mapPage #layout1 .col6:hover .SelectIcon:hover {box-shadow: 1px 1px 3px rgba(0,0,0,0.5); color: #777} #mapPage #layout2 {position: relative} #mapPage #layout2Inner {position: absolute; top: 0; bottom: 0; left: 0; right: 0} #mapPage #layout2Inner .col6 {height: 400px; background-color: rgba(255,255,255,0.6); padding: 25px; margin-top: 6%; text-align: center} #mapPage #layout2 .round {display: block; margin: 0 auto; color: rgba(255,255,255,0.8); width: 180px; height: 180px; border-radius: 50%; margin-top: 30px; margin-bottom: 30px; font-size: 6em;box-shadow: inset 5px 5px 25px rgba(0,0,0,0.6); padding-top: 30px} */ /*--------------------------------------------*/ /*------- PAGES --> CEBIT-------------*/ /*--------------------------------------------*/ #cebitPic .backpic .innerInside {background: none; right: 0; bottom: 10%} #cebitPic .backpic .innerInside h1 {font-weight: lighter; font-size: 2.4em} #cebitPic .backpic .innerInside p {font-size: 22px} @media (max-width: 968px) { #cebitPic .backpic .innerInside {background: none; right: 0; bottom: 5%} #cebitPic .backpic .innerInside h1 {font-size: 2em} } @media (max-width: 768px) { #cebitPic .backpic .innerInside h1 {font-weight: lighter; font-size: 1.8em} #cebitPic .backpic .innerInside p {font-size: 16px} } .smallSlider .carousel, .smallSlider .carousel-caption, .smallSlider .picture-caption {padding-bottom: 4px} .smallSlider .carousel-control .glyphicon-chevron-left, .smallSlider .carousel-control .glyphicon-chevron-right {top: 42% !important;transform: scale(0.6)} .smallSlider .carousel-control .glyphicon-chevron-left:hover, .smallSlider .carousel-control .glyphicon-chevron-right:hover {color: #fff; border-color: #fff} .smallSlider h3 a {color: #920f30; text-decoration: none} .smallSlider .carousel-copytxt {opacity: 1; bottom: 30px;text-shadow: 1px 1px 1px rgba(0,0,0,0.8); font-size: 11px} .col4.noLink:hover .gg_text {display: none} strong.highlight, span.highlight {color: #920f30} .cebit .ce_text ul li {color: #920f30; line-height: 1.2em !important; padding-top: 10px !important} .cebit .ce_text p.nomarg {margin-bottom: 0} /*------- PAGES --> CEBIT --> SPRUNGMARKEN-------------*/ #scrollNav ul {padding-left: 30px; color: #910f30} #scrollNav li {cursor: pointer; line-height: 2em} #scrollNav.noListPoint ul {padding-left: 0} #scrollNav.noListPoint li {list-style-type: none} /*------- PAGES --> CEBIT --> PARTNER LOGOS-------------*/ #cebitPartner .col3 {height: 150px; cursor: pointer} #cebitPartner .col3 img {padding: 10% 3%;margin: 0 auto} #cebitPartner .col3 .figureInner {position: absolute;top: 0;left: 0;right: 0;bottom: 0} #cebitPartner .col3 .gg_text .gg_headline {font-size: 1em; margin-top: 27%; display: none } /*#cebitPartner .col3.teaserTile:hover .gg_text {background: none}*/ #cebitPartner .col3 .gg_text::before {top: 0; left: 0; bottom: 0; right: 0; /*display: none*/} .backpic.cebitPartnerPics .innerInside {bottom: 29% !important} #cebitPartnerBorder {padding: 25px 25px 35px 25px;box-shadow: 1px 1px 10px rgba(0,0,0,0.2);border: 1px solid #b3b3b3} /*-----------------------------------------------------------------------------------------------------------*/ /*-----------------------------------------------------------------------------------------------------------*/ /*--------------------------- HOME ---------------------------------------*/ /*-----------------------------------------------------------------------------------------------------------*/ /*-----------------------------------------------------------------------------------------------------------*/ /*--------------------------------------------*/ /*------- HOME --> VERSION 2021 --> pg_slide LinkTiles -------------*/ /*--------------------------------------------*/ body.home2021 .pg_slideStartInner, body.home2021 .pg_slideStartFrame {min-height: 350px} .pgSlide.linkTile.destinationTile {position: relative;} .pgSlide.linkTile.destinationTile {background-color: #911232} .pgSlide.linkTile.destinationTile .linkTileText {position: absolute; top: 30%; left: 15px; right: 15px} .pgSlide.linkTile.destinationTile .linkTileText h3 {color: #fff;font-size: 20px;line-height: 30px;} .pgSlide.linkTile {overflow: hidden; font-size: 0.9em; box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);min-height: 330px;} .pgSlide.linkTile:hover {box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1);} .pgSlide.linkTile a {text-decoration: none} .pgSlide.linkTile a:focus-visible {padding: 2px; margin: 2px; height: 100%} .pgSlide.linkTile h4, .pgSlide.linkTile p {color: #464646; margin-top: 10px; margin-bottom: 0; font-weight: bold;line-height: normal;letter-spacing: -1px;} .pgSlide.linkTile .linkTileText {padding: 10px} .home2021 .teaserBoxFrame {min-height: 400px; margin-bottom: 3%} .home2021 .teaserBoxFrame .teaserBox {width: 48.5%; margin-right: 3%} .home2021 .teaserBoxFrame .teaserBox :last-child {margin-right: 0} #missionStatement h2 {font-size: 50px; font-weight: bold; color: #464646; display: inline-block; text-transform: uppercase; margin-bottom: 5px;letter-spacing: -2px;} #missionStatement span {color: #920f30; font-size: 90px} #missionStatement p {margin-top: 0} #missionStatement a {text-decoration: none} #missionStatement .btn {width: 100%; height: 30px; position: relative} #missionStatement a:focus-visible {padding: 10px; margin: 2px} #missionStatement .btn:before, #missionStatement .btn:after { transform: translateX(-8rem) scale(0.8); transition: all .45s ease-in-out; } #missionStatement:hover .btn:before, #missionStatement:hover .btn:after{ transform: translateX(0rem) scale(0.8); } #missionStatement .btn:before { content: url('/files/sysImg/arrow-red.png'); text-shadow: 2px 2px 5px rgb(0 0 0 / 30%); font-family: "Fontawesome"; position: absolute; bottom: 10px; right: 10px; z-index: 9999; color: #920f30; font-size: 40px; } /* #missionStatement .btn:after { content: "—"; box-shadow: rgba(0, 0, 0, 0.3) 2px 2px 5px; position: absolute; bottom: 27px; right: 15px; width: 27px; background-color: #920f30; height: 4px; overflow: hidden; border-radius: 33px; } */ .home2021 .col3.last .mod_newslist {border-top: none !important} .home2021 .ce_twitter_custom {margin-bottom: 6%} /*--------------------------------------------*/ /*------- HOME --> Headslider || PAGE --> HeadPics -------------*/ /*--------------------------------------------*/ .headslide {position: relative; padding-bottom: 0} .headslide .item .container {position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 6% 0;color: #464646} .headslide .glyphicon-chevron-left, .headslide .glyphicon-chevron-right {color: #fff;border: 3px solid #fff; top: 43% !important} .headslide .carousel-caption.layer {position: absolute; width: 100%; bottom: 10%} .headslide .carousel-caption.layer .innerInside {float: right; width: 60%;background-color: rgba(255,255,255,0.75);padding: 20px;} .headslide .carousel-caption.layer .innerInside a {color: #464646; text-decoration: none} .headslide .carousel-caption.layer .innerInside h2 > a {color: #920f30} .headslide .carousel-caption.layer .innerInside a:hover {text-decoration: underline; cursor: pointer} .headslide .carousel-indicators {display: initial !important} .fullText {background-color: #f1f1f1;border-bottom: 1px solid #e6e6e6;margin: 0 auto;border-bottom: 3px solid #dbdbdb; text-align: center} /*--------------------------------------------*/ /*------- HOME --> Nachrichten- / Eventliste (rechte Spalte) -------------*/ /*--------------------------------------------*/ .home .col3.last .mod_newslist, .home .col3.last .mod_eventlist {border-top: 3px solid #dbdbdb;padding: 25px 0;clear both; display: block; overflow: hidden} .home .mod_newslist h2 {text-transform: uppercase; clear both; display: block; overflow: hidden} .home .mod_newslist .layout_latest {width: 50%; float: left;padding: 2% 5%} .home.en .mod_newslist .layout_latest {width: 31%;float: left;margin-right: 3%;padding: 0;} .home.en .mod_newslist .layout_latest.last {margin-right: 0} .event.layout_full {margin-bottom: 50px} .event.layout_full h4 {margin-bottom: 0; margin-top: 12px} .event.layout_full p.info {font-size: 15px} .event.layout_full p {margin: 5px 0} .event.layout_full .ce_text a {font-size: 12px} .mod_eventlist a[target=_blank]:after {font-family: "Fontawesome"; content:"\f061";display: inline-block; margin: 0 5px; text-decoration: none !important; border-bottom: 1px solid transparent; font-size: 12px; -webkit-transform: rotate(-45deg); -webkit-transform-origin: 35% 40%; -moz-transform: rotate(-45deg); -moz-transform-origin: 35% 40%; -o-transform: rotate(-45deg); -o-transform-origin: 35% 40%; -ms-transform: rotate(-45deg); -ms-transform-origin: 35% 40%; transform: rotate(-45deg); transform-origin: 35% 40%;} .ie .mod_eventlist a[target=_blank]:after {text-decoration: underline;line-height: 0.7;overflow: hidden;} .newsQuote.smaller {font-size: 30px} .newsQuote {padding: 20px;color: #910f30;font-size: 37px;width: 82%; margin: 0 auto; text-align: center; font-weight: bold} .newsQuote p:first-child {padding: 0 20px} .newsQuote p:first-child, .newsQuote p:first-child:before {display: inline-block; vertical-align: middle; line-height: normal} .newsQuote p:first-child:before {font-family: "Fontawesome"; content:"\f10e";font-size: 40px; margin-right: 20px;margin-left: -56px} .newsQuote p:first-child:after {font-family: "Fontawesome"; content:"\f10d";font-size: 40px; margin-left: 20px;margin-right: -56px} .newsQuote p > strong {text-align: center;font-weight: bold;font-size: 20px;color: #464646;margin-top: -40px;display: block;margin-bottom: 40px} .newsQuoteSimple {background-color: #f1f1f1; margin: 3% 0; padding: 25px} .newsQuoteSimple figure {margin-top: 0} .newsQuoteSimple h4 {color: #464646;font-size: 1.2em;margin-bottom: 0} .newsQuoteSimple h5 {margin-top: 0} .newsQuoteSimple.quote_2_3 {width: 65%; margin: 0 auto; margin-top: 2%; margin-bottom: 2%} .layout_full h1.smallmarg {margin-bottom: 5px} .mod_newslist .layout_latest.noLink .more {display: none} /*--------------------------------------------*/ /*------- HOME --> Nachrichtenliste + Twitter (rechte Spalte) MÄRZ 2018 -------------*/ /*--------------------------------------------*/ .home .col3.last .mod_newslist {padding: 25px 0 15px 0} .home .col3.last .ce_twitter_custom {border-top: 3px solid #dbdbdb;} /*--------------------------------------------*/ /*------- HOME --> Eventliste (Top) MÄRZ 2018 -------------*/ /*--------------------------------------------*/ #eventBar {position: relative} #eventlist {position: relative; height: 150px; margin: 0 25px;overflow: hidden} #eventLeft, #eventRight {position: absolute; top: 45%; cursor: pointer} #eventLeft {left: 5%} #eventRight {right: 5%; cursor: pointer} #eventBarList {border: none;padding: 20px 0; overflow: hidden; position: absolute; width: 8000px; left: 0; top: 0} #eventBarList .layout_list {width: 344px;margin-right: 40px; float: left; font-size: 11px} #eventBarList .layout_list h4, #eventBarList .layout_list p {margin: 0} #eventBarList .eventDates h4 a:after {content:""; display: none} .disabled{opacity: 0.2} /*--------------------------------------------*/ /*------- HOME --> CONTENT 4 --> Akkordeon -------------*/ /*--------------------------------------------*/ .ce_accordionSingle.bcarousel {position: relative} .bcarousel .ui-accordion-header {background-color: rgba(0, 0, 0, 0)!important; text-align: center; outline: none;} .bcarousel .ui-accordion-header:hover {background-color: rgba(0, 0, 0, 0)!important} .bcarousel .ui-accordion-header span.ui-accordion-header-icon {display: block; margin: 0 auto; cursor: pointer; width: 60px; height: 60px; border-radius: 50%; /*background: #fff;*/ color: rgb(146, 15, 48)/*#ed9535*/; position: relative; border: 4px solid rgb(146, 15, 48)/*#ed9535*/} .bcarousel .ui-accordion-header span.ui-accordion-header-icon:before {font-family: "Fontawesome"; content: "\f067"; font-size: 1.9em; position: absolute; left: 15px; top: 13px;} .bcarousel .ui-accordion-header span.ui-accordion-header-icon:after {content: ""; color: rgba(0, 0, 0, 0)!important;} .bcarousel .ui-accordion-header-active { -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); transform-origin: 50% 50%; } .bcarousel .ui-accordion-content { overflow: hidden; display: block; color: #7c7b7b; padding: 50px 0; } /*-----------------------------------------------------------------------------------------------------------*/ /*-----------------------------------------------------------------------------------------------------------*/ /*--------------------------- PAGES ---------------------------------------*/ /*-----------------------------------------------------------------------------------------------------------*/ /*-----------------------------------------------------------------------------------------------------------*/ /*--------------------------------------------*/ /*------- PAGE --> Best Practice -------------*/ /*--------------------------------------------*/ #coronaPageStoerer {display: none; position: absolute; right: 0; top: 65%; background-color: #920e30; padding: 20px 40px; z-index: 999;border-bottom-left-radius: 35px; border-top-left-radius: 35px;} #coronaPageStoerer a {display: block; color: #fff; text-decoration: none} /*--------------------------------------------*/ /*------- PAGES --> Textelemente zum Aufklapen -------------*/ /*--------------------------------------------*/ .pg_El.readMoreRow.noactive {height: 50px; overflow: hidden} .pg_El.readMoreRow.active {height: auto} .pg_El .readMoreTrigger {height: 50px;width: 50px;margin: auto;text-align: center;cursor: pointer;font-size: 2em;border-radius: 50%;background-color: #444;color: #fff;padding: 7px;text-align: center; margin-bottom: 3%} .pg_El .readMoreTrigger.active i {transform: rotate(45deg); transform-origin: 50% 50%} /*--------------------------------------------*/ /*------- PAGES --> NEWSLISTE 3 FRAGEN AN AB 2024 -------------*/ /*--------------------------------------------*/ .dreiFragenanList {display: flex; flex-wrap: wrap; justify-content: space-between} .dreiFragenanList .pagination {flex: 0 0 100%} .dreiFragenanList .layout_latest {font-size: 0.9em;flex: 0 0 31.333%;margin-bottom: 3%; box-shadow: 0 0 0.5rem 0 #d7dce1;transition: all .45s ease-in-out;} .dreiFragenanList .layout_latest:hover {box-shadow: 0 0 0.5rem 0 rgba(0,0,0,.23), 0 0.5rem 1.6rem 0 rgba(0,0,0,.2)} .dreiFragenanList .layout_latest figure {margin-top: 0} .dreiFragenanList .layout_latest .starPic {height: 320px; overflow:hidden} .dreiFragenanList .layout_latest .dreiFragenanInner {padding: 15px;} .dreiFragenanList .layout_latest .dreiFragenanOuter {background-color: #f1f1f1;max-height: 450px;} .dreiFragenanList .layout_latest .dreiFragenanInner h3 {font-size: 15px; margin-bottom: 5px; margin-top: 10px; width: 100%} .dreiFragenanList .layout_latest .dreiFragenanInner .jobDesc {font-size: 13px;line-height: 1.3em;margin: 0;font-weight: bold;hyphens: none;} .dreiFragenanList .layout_latest h2 {font-size: 19px;line-height: 1.4em;} .dreiFragenanList .layout_latest h2 a {color: #920f30; text-decoration: none} .dreiFragenanList .layout_latest h2 a:hover {text-decoration: underline} .dreiFragenanList .layout_latest .dreiFragenanInner:first-child {min-height: 450px;display: flex;flex-wrap: wrap;/*justify-content: center;*/} .dreiFragenanList .layout_latest {padding-bottom: 50px; position: relative} .dreiFragenanList .layout_latest .more {position: absolute;bottom: 15px;left: 15px} .dreiFragenanList .layout_latest .more a {border: 2px solid;border-radius: 3.5px;padding: 8px 24px;text-decoration: none;} /*--------------------------------------------*/ /*------- PAGES --> NEWSLISTE -------------*/ /*--------------------------------------------*/ .mod_newslist .layout_latest.doNotShowInNews {display: none} .mod_newslist .layout_latest figure {position: relative; margin-top: 3px} .mod_newslist .layout_latest .info {margin-top: 0} .mod_newslist .layout_latest figure .caption {opacity: 0; position: absolute; bottom: -4px; right: 5px; color: #fff; font-size: 10px; text-shadow: 2px 2px 5px rgba(0,0,0,0.5)} .mod_newslist .layout_latest figure:hover .caption {opacity: 1} /*--------------------------------------------*/ /*------- PAGES --> REDEN & BEITRÄGE -------------*/ /*--------------------------------------------*/ #reden-und-gastbeitraege .mod_newslist > h2 {margin: 0} #reden-und-gastbeitraege .mod_newslist .teaser {min-height: 84px} #redeArchiv .spaceHold, #redeArchiv .archive {display: none} /*--------------------------------------------*/ /*------- PAGES --> HEADPICTURES -------------*/ /*--------------------------------------------*/ .backpic {position: relative} .backpic .layer {width: 100%; height: 100%; color: #000; position: relative} .backpic .innerInside {position: absolute; bottom: 20%; width: 45%;background-color: rgba(255,255,255,0.75);padding: 20px} .backpic .innerInside h1 {font-size: 1.8em;} .backpic .copytxt {position: absolute;bottom: 10px;right: 10px;color: #fff;font-size: 10px;text-shadow: 1px 1px 1px rgba(0,0,0,0.8);z-index:99999999999999999; opacity: 0} .backpic:hover .copytxt {opacity: 1} /*--------------------------------------------*/ /*------- PAGES --> KONTAKT -------------*/ /*--------------------------------------------*/ .col6.contact figure {max-width: 200px;border-radius: 50%;} #contactPics img {max-width: 200px} #contactPics .hoverpictCopy figure {position: relative} #contactPics .hoverpictCopy .caption {position: absolute; bottom: 0px; left: 5px; font-size: 9px; opacity: 0;text-shadow: 2px 2px 5px rgba(0,0,0,0.6);color: #fff} #contactPics .hoverpictCopy figure:hover .caption {opacity: 1} /*#contactPics .row {max-width: 80%}*/ /*--------------------------------------------*/ /*------- PAGES --> LISTENPUNKTE "OFFENE FRAGEN" -------------*/ /*--------------------------------------------*/ .listPoints ul {padding-left: 10px} .listPoints li {list-style-type: none; margin-bottom: 0;line-height: 2em;padding-left: 20px} .listPoints li:before {content: "■";/*content: "• ";*/; color: #920f30;font-size: 18px;} /*--------------------------------------------*/ /*------- PAGES --> LENKUNGSKREIS-------------*/ /*--------------------------------------------*/ .staffPics .col3 {max-width: 250px} .staffPics .col3 > p:nth-child(2) {font-weight: bold; margin-bottom: 0} .staffPics .col3 > p:nth-child(3) {margin-top: 0} /*--------------------------------------------*/ /*------- PAGES --> SPRECHBLASE -------------*/ /*--------------------------------------------*/ .speechBubble {position: relative;} .speechBubble .glyphicon-chevron-left, .speechBubble .glyphicon-chevron-right {transform: scale(0.8)} .newslink.speechBubble {position: absolute; width: 100%; top: 0; left: 0; right: 0; bottom: 0} .speechBubble .sBlayer {position: absolute;font-size: 0.9em; width: 80%; right: 2%; bottom: 15%; padding: 15px; border-radius: 20px; background-color: rgba(255,255,255,0.75)} .speechBubble .sBlayer:after {content: ''; position: absolute; left: 0; top: 50%; width: 0; height: 0; border: 28px solid transparent; border-right-color: rgba(255,255,255,0.75); border-left: 0; border-bottom: 0; margin-top: -4px; margin-left: -28px;} .speechBubble .sBlayer p, .speechBubble .sBlayer h2, .speechBubble .sBlayer h3 {margin: 0; line-height: 24px; font-weight: bold} .speechBubble .sBlayer h3 {margin-top: 5px;color: #464646;} .speechBubble .sBlayer p {color: #464646} .newsScroll {max-height: 320px;overflow-y: auto;border: 5px solid #ddd;padding: 15px} .newsScroll::-webkit-scrollbar {width: 0.8em;} .newsScroll::-webkit-scrollbar-track {box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3)} .newsScroll::-webkit-scrollbar-thumb {background-color: #920f30;outline: 1px solid slategrey} /*--------------------------------------------*/ /*------- PAGES --> EXPERTENBEITRÄGE -------------*/ /*--------------------------------------------*/ .expertenBeitraege .newsScroll {max-height: 261px;min-height: 261px;} .expertenBeitraege .newsScroll h3 {margin-bottom: 10px} .expertenBeitraege .newsScroll h4 {color: #848484;} .expertenBeitraege .newsScroll ul li {padding-top: 0 !important; padding-bottom: 15px} .expertenBeitraege .ce_image.col4 {position: relative} .expertenBeitraege .ce_image.col4 figcaption {position: absolute;bottom: 15px;padding: 15px;background-color: rgba(255,255,255,0.8);font-weight: bold;font-size: 11px;width: 100%;left: 0;} /*--------------------------------------------*/ /*------- PAGES --> ARBEITSGRUPPEN MITGLIEDER AKKORDEON -------------*/ /*--------------------------------------------*/ #ag-1-test section h2 {font-size: 26px} .agList .toggler {outline: none;padding: 25px;cursor: pointer; position: relative; border: 2px solid #ddd} .agList .toggler:after {content: ">"; position: absolute; right: 25px; top: 25px} .agList .toggler.active:after {transform: rotate(90deg)} .agList .toggler h2, .agList .toggler h3 {margin: 0} .agList .toggler h3 {color: #46464A !important} #ag-1-test .agList .toggler {border: 2px solid #46454a;} .agList .listTable li {display: inline-block; list-style-type: none; vertical-align: top} .agList .listTable li:before {display: none} .agList .listTable li:nth-child(1) {font-weight: bold;width: 40%} .agList .listTable li:nth-child(2) {width: 55%} #tab_panel.agTabs {padding-top: 0} #tab_panel.agTabs li {width: 25%; height: 120px; border: none; border-top: 1px solid rgba(204,204,204,0.4);} #tab_panel.agTabs li.active, #tab_panel.agTabs li.active:after {height: 150px} #tab_panel.agTabs li.active {margin-top: -30px;background: #910e30;color: #fff} #tab_panel.agTabs li.active p {color: #fff} #tab_panel li.active:after {border: none} .agTabs .tabTextInner {box-shadow: none; border: none;margin-left: 1px;margin-top: 2px;border-top: 2px solid #910e30; min-height: 600px; background-color: #f5f5f5;} .agTabs .graphicSlideFrame {margin-top: 0 !important} #pg_tabLBBack {display: none; position: fixed; width: 100%; height:100%;top: 0; left: 0; background-color: rgba(0,0,0,0.85); z-index: 999999} #pg_tabLBInner {display: none; position: fixed; width: 80%; left: 10%; top: 10%; bottom: 10%; background-color: #fff; padding: 50px;z-index: 99999999} #pg_tabLBFrame {width: 100%; height: 100%; border: 0; outline: none;z-index: 99999999} .agTabs .tabTextInner .tabClick {margin-bottom: 15px; position: relative; padding-left: 25px} .agTabs .tabTextInner .tabClick:before {content:"\f138";font-family: "Fontawesome";position: absolute; left: 0; top: 1px; color: #910e30} .agTabs .tabTextInner .tabClick:hover {color: #910e30; cursor: pointer} .agTabs .tabTextInner .ytelement.col4 {margin-bottom: 3%} #bnvCross {display: inline-block; vertical-align: text-top; width: 10px;margin: 2px 4px} @media (max-width: 768px) { #tab_panel.agTabs ul, #tab_panel.agTabs li, .agTabs .ytelement {width: 100%; float: none} #tab_panel.agTabs li.active {margin-top: -10px} #tab_panel.agTabs li {height: 80px} #tab_panel.agTabs li i {font-size: 1em} #tab_panel.agTabs li.active, #tab_panel.agTabs li.active:after {height: 100px} .agTabs .graphicSlide {transform: scale(0.7)} .agTabs .graphicSlide.first {left: 7%;transform: rotateY(55deg) scale(0.7);} .agTabs .graphicSlide.second {left: 30%} .agTabs .graphicSlide.third {left: 52%;transform: rotateY(-60deg) translateX(1em) scale(0.7);} } /*--------------------------------------------*/ /*------- PAGES --> BERICHTE AGs -------------*/ /*--------------------------------------------*/ .agBerichtPage .jkAcc {padding-bottom: 1%} .agBerichtPage .jkAcc .toggler:after {top: 16px} .agBerichtPage .jkAcc .toggler {padding: 15px; font-size: 16px;background-color: rgba(0,0,0,0)} .agBerichtPage .jkAcc .accordion {padding: 0 15px} .agBerichtPage .readMoreRow.noactive {height: 50px; overflow: hidden} .agBerichtPage .readMoreRow.active {height: auto} .agBerichtPage .readMoreTrigger {height: 50px;width: 50px;margin: auto;text-align: center;cursor: pointer;font-size: 1.4em;border-radius: 50%;background-color: #444;color: #fff;padding: 11px;text-align: center; margin-bottom: 3%} .agBerichtPage .readMoreTrigger.active i {transform: rotate(45deg); transform-origin: 50% 50%} .agBerichtPage .listElement ul {padding-left: 0} .agBerichtPage .listElement li {display: inline-block; margin: 0 -2px 20px 0; vertical-align: top; padding: 2px; -moz-hyphens: auto;-o-hyphens: auto;-webkit-hyphens: auto;-ms-hyphens: auto;hyphens: auto;} .agBerichtPage .listElement li:before {content: ""; display: none} .agBerichtPage .listElement li:nth-child(2n-1) {width: 25%; font-weight: bold} .agBerichtPage .listElement li:nth-child(2n) {width: 75%} .agBerichtPage .paragraphList li:before {content:"\f054"; font-family: "Fontawesome";font-size: 16px; font-weight: bold} .agBerichtPage .paragraphList li {padding-left: 50px} .agBerichtPage .paragraphList li:nth-child(1) {font-weight: bold; padding-left: 0;color: #910f30; font-size: 18px} .agBerichtPage .paragraphList li:nth-child(1):before {display: none} .agBerichtPage .paragraphList li:nth-child(1) span {width: 40px; height: 40px; border-radius: 50%; background-color: #910f30; color: #fff; display: inline-block; margin-left: -20px; margin-right: 11px; text-align: center;vertical-align: middle; padding-top: 3px} .agBerichtPage #scrollTop {position: fixed;right: 2%;bottom: 2%;width: 50px;height: 50px;border-radius: 50%;background-color: #464646;color: #ffffff; padding: 10px;text-align: center;font-size: 22px;} .agBerichtPage .hint, .agBerichtPage .hintBox {border: 2px solid #954544;padding: 15px;margin-bottom: 10px;color: #920e30;display: block;text-align: center;max-width: 900px;margin: auto} .agBerichtPage .hintBox p, .agBerichtPage .hintBox button {display: inline-block; vertical-align: middle; margin: 0; position: relative} .agBerichtPage .hintBox button {margin-left: 20px; min-width: 200px} .agBerichtPage .hint a { color: #920e30} .agBerichtPage .hint:before {content:"\f054"; font-family: "Fontawesome";margin-right: 10px} .agBerichtPage #backdrop {position: fixed; width: 100%; height: 100%; top: 0; left: 0; bottom: 0; z-index: 100; background-color: rgba(0,0,0,0.6)} .agBerichtPage #backdrop.noactive {display: none} .agBerichtPage #backdrop.active {display: block} .agBerichtPage .dialContent {position: fixed;top: 0;background-color: #fff;z-index: 999999999;height: 100%;padding: 100px 65px 100px 50px;width: 600px;overflow: scroll;} .agBerichtPage .dialContent.noactive {right: -100%; opacity: 0} .agBerichtPage .dialContent.active {right: 0 !important;opacity: 1} .agBerichtPage .sideCloser {position: absolute;top: 2%;right: 4%;font-size: 2em; cursor: pointer} .agBerichtPage .dialButton {position: fixed;right: 0;background-color: #920f30;color: #fff;z-index: 9999999999999999;width: 50px;height: 150px;border-top-left-radius: 50px;border-bottom-left-radius: 50px;font-size: 1.8em;box-shadow: -2px 2px 8px rgba(0,0,0,0.4);cursor: pointer;padding: 58px 15px} .agBerichtPage #downloadIcon {top: 40%} .agBerichtPage #contactIcon {top: 55%} .agBerichtPage .sideDial .ce_downloads img, .agBerichtPage .sideDial .ce_download img {display: none} .agBerichtPage .sideDial .ce_downloads a, .ce_download a {display: inline-block;; padding: 1% 0; width: 90%} .agBerichtPage .sideDial .ce_downloads li {padding: 2px 10px;} .agBerichtPage .sideDial .ce_downloads li, .agBerichtPage .sideDial .ce_download li {cursor: pointer} .agBerichtPage .sideDial .ce_downloads li.even {background-color: #e2e5e7;box-shadow: inset 0px 0px 1px rgba(0,0,0,0.2)} .agBerichtPage .sideDial .ce_downloads li.active, .agBerichtPage .sideDial .ce_downloads a {text-decoration: none} .agBerichtPage .sideDial .ce_downloads a:hover, .agBerichtPage .sideDial .ce_downloads li:hover:before {color:#970F30 } .agBerichtPage .sideDial .ce_downloads li:before, .agBerichtPage .sideDial .ce_download a:before {font-family: "Fontawesome"; content:"\f019"; margin: 11px 2% 0 0;display: inline-block;} .agBerichtPage .sideDial .ce_download a:before {vertical-align: text-bottom;} .agBerichtPage .sideDial .ce_downloads li:before {vertical-align: text-bottom;} /*--------------------------------------------*/ /*------- PAGES --> LOGIN-------------*/ /*--------------------------------------------*/ .mod_login {max-width: 500px; margin: 0 auto; padding: 50px; background-color: #f1f1f1; border: 1px solid #ddd;} .mod_login input {width: 100%} .mod_login label {display: block; margin-top: 5px} .mod_login .error {font-size: 12px} /*--------------------------------------------*/ /*------- PAGES --> NEWSLETTER-------------*/ /*--------------------------------------------*/ .mod_subscribe .confirm, .mod_subscribe .error {font-weight: bold;color: #910f30;} /*--------------------------------------------*/ /*------- PAGES --> THEMEN -> TEASER KACHELN ||  LENKUNGSKREIS -> STAFFPICS -------------*/ /*--------------------------------------------*/ .tilesThemes h3 {margin-bottom: 0} .tilesThemes h4 {color: #848484; font-weight: normal} .teaserTile .inner {padding: 2%} .teaserTile .inner .contentbox {width: 100%; float: left} .teaserTile .inner .contentbox h4 {margin-bottom: 0} .teaserTile img {width: 100%} .teaserTile .inner i {width: 10%; text-align: right; font-size: 20px; font-weight: bold;} .teaserTile:hover > .inner i {transform: rotate(-32deg);transform-origin: 90% 50%;} .teaserLink {position: absolute; top: 0; left: 0; width: 100%; height: 100%; cursor: pointer} .teaserTile, .teaserTile .figureInner {position: relative; overflow: hidden} .gg_text {color: #464646;text-align: center;position: absolute;top: 0;bottom: 0;left: 0;right: 0;background: rgba(0, 0, 0, 0.0);width: 100%} .gg_text::before {position: absolute;top: 5%;right: 3%;bottom: 5%;left: 3%;border: 2px solid #464646;content: '';opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: scale(0); transform: scale(0); pointer-events: none; z-index: 10} .clickit{z-index: 100; cursor: pointer; position: absolute; top: 0; width: 100%; height: 100%;} .gg_text .gg_headline {opacity: 0;font-size: 1.2em;line-height: normal;max-width: 70%; margin: auto;margin-top: 20%; -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0)} .gg_icons figure i {opacity: 0;position: absolute;left: 48%;bottom: 0;color: #464646;} #gg_lbContent img {width: auto} /*--- HOVER EFFEKT ---*/ .teaserTile:hover .gg_text {background: rgba(255, 255, 255, 0.7); } .teaserTile:hover .gg_text::before {opacity: 1;-webkit-transform: scale(1);transform: scale(1);} .teaserTile:hover .gg_text .gg_headline {opacity: 1;-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);} .teaserTile:hover .gg_icons figure i {opacity: 1;bottom: 30%;} @media (max-width: 768px) { .teaserTile, .teaserTile.last {width: 48%; margin: 0 1%; float: left} } /*--------------------------------------------*/ /*------- PAGES --> VIDEOS -------------*/ /*--------------------------------------------*/ .ytelement.homeVideo {width: 48.5%; margin: 0} .ytelement.homeVideo .videobox {padding-top: 2px} .ytelement {width: 31%; float: left;margin: 0 3% 0 0;} .videoTiles .ytelement h3 {margin-bottom: 10px} .videoBoxInner {padding: 2%} .videoBoxInner h3 {margin: 17px 0} .videobox { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; } .videobox.picPreview {padding: 0;min-height: 232px;} .home .videobox.picPreview {min-height: 246px;} .videobox iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: medium none; } .ytelement.halfwidth {width: 48%} .ytelement.halfwidth.middle {float: none; margin: 0 auto} .ytelement.fullwidth {width: 100%} .ytelement.halfwidth .videoBoxInner, .ytelement.fullwidth .videoBoxInner {padding: 0} .ytelement.fullwidth.clear.down {float: none; clear: both; overflow: hidden; margin-bottom: 2%} .videoHeadlineDouble .ytelement h3 {min-height: 44px; margin-bottom: 8px} #bdvf .ce_player {background-color: #000} #bdvf .ce_player video {max-width: 100%;height: auto;min-height: 229px; outline: 0; border: none} /*--------------------------------------------*/ /*------- PAGES --> DOWNLOADS -------------*/ /*--------------------------------------------*/ p.download-element {margin: 0} .ce_downloads img, .ce_download img {display: none} .ce_downloads a, .ce_download a {display: inline-block;; padding: 0.5% 0; width: 90%} .ce_downloads li {padding: 2px 10px;} .ce_downloads li, .ce_download li {cursor: pointer} .ce_downloads li.even {background-color: #e2e5e7;box-shadow: inset 0px 0px 1px rgba(0,0,0,0.2)} .ce_downloads li.active, .ce_downloads a {/*color: #ed1c24; font-weight: bold*/ text-decoration: none} .ce_downloads a:hover, .ce_downloads li:hover:before {color:#970F30 } .enclosure a:before, .ce_Download.Extension a:before, .ce_downloads li:before, .ce_download a:before {font-family: "Fontawesome"; content:"\f019"; margin: 11px 2% 0 0;display: inline-block;} .ce_downloads li:before {vertical-align: text-bottom;} .mime_icon {display: none} .layout_latest.publikationen .info {margin-top: 0} .layout_latest.publikationen .enclosure {font-weight: bold} .layout_latest.publikationen .enclosure a:before {vertical-align: middle; margin-top: 0; width: 30px; height: 30px; border-radius: 50%; background-color: #910f2f; color: #fff; text-align: center;} .ce_downloads.downloads_inline ul {display: flex; flex-wrap: wrap} .ce_downloads.downloads_inline ul li {list-style-type: none; width: 50%} /*--------------------------------------------*/ /*------- PAGE --> GALLERY ELEMENT -------------*/ /*--------------------------------------------*/ .ce_gallery>ul {float: none; margin: 0} .ce_gallery>ul li {float: left; list-style-type: none; margin-right: 1%; margin-bottom: 1%} .ce_gallery>ul li:last-child {margin-right: 0} .ce_gallery>ul li.col_first {clear: both} .ce_gallery>ul.cols_4 li {width: 24%;} .ce_gallery>ul.cols_5 li {width: 19%;} @media (max-width: 768px) {.ce_gallery>ul li {width: 100%; float: none}} /*--------------------------------------------*/ /*------- PAGES --> AKKORDEON ELEMENT ------------*/ /*--------------------------------------------*/ .ce_accordionSingle {padding-bottom: 10px} .ce_accordionSingle .toggler {outline: none; background-color: #efefef; padding: 8px 10px; cursor: pointer; position: relative; font-weight: bold} .ce_accordionSingle .toggler:hover {opacity: 0.7} .ce_accordionSingle .accordion {padding: 0 10px} .ce_accordionSingle .toggler:before {display: none; position: absolute; right: 10px; top: 5px; font-family: "Fontawesome"; content: "\f107"; font-size: 1.2em;transform: rotate(-90deg)} .ce_accordionSingle .toggler.ui-state-active:before {transform: rotate(0deg)} .accSimpleFrame .ce_accordionSingle .toggler {background-color: rgba(0,0,0,0); display: flex; align-items: center; padding-left: 0} .accSimpleFrame .ce_accordionSingle .toggler span:before {display: inline-block; content: "\f107";font-family: "Fontawesome";font-size: 1.2em; margin-right: 10px;transform: rotate(-90deg)} .accSimpleFrame .ce_accordionSingle .toggler.active span:before {transform: rotate(0deg)} .accSimpleFrame .ce_accordionSingle .accordion {padding: 0 25px} /*--------------------------------------------*/ /*------- PAGE --> Digitalgipfel 2024 ------------*/ /*--------------------------------------------*/ #digitalgipfel2024 .pg_accfolContent {padding-left: 27px} #digitalgipfel2024 .pg_accfolContent ul {padding-left: 2px} #digitalgipfel2024 .pg_accfolContent .lineUp {border-top: 1px solid #920f30; margin-top: 3%} #digitalgipfel2024 .weitereInfos .lightBoxElement, #digitalgipfel2024 .weitereInfos .linkElement {position: relative} #digitalgipfel2024 .weitereInfos .lightBoxElement .pg_lbElementLayer, #digitalgipfel2024 .weitereInfos .linkElementLayer {position: absolute;bottom: 10%;text-align: left;width: 100%;background-color: rgba(0, 0, 0, 0.5);color: #fff;padding: 15px 25px;} #digitalgipfel2024 .weitereInfos .lightBoxElement .pg_lbElementLayer p, #digitalgipfel2024 .weitereInfos .linkElementLayer p {margin: 0; font-size: 1.1em} #digitalgipfel2024 .weitereInfos .linkElement a {position: absolute; top: 0; left: 0; width: 100%; height: 100%} #digitalgipfel2024 .weitereInfos .lightBoxElement .pg_lbElementLayer h3, #digitalgipfel2024 .weitereInfos .linkElementLayer h3 {color: #fff; font-size: 22px} #digitalgipfel2024 .weitereInfos .lightBoxElement figure.noBorder {border: none} #digitalgipfel2024 .teaserBox {padding-bottom: 20px; background-color: #fff; margin-bottom: 3%} #digitalgipfel2024 .teaserBox p {font-size: 14px} #digitalgipfel2024 .teaserBox figure {height: auto; position: initial; max-width: 75%;padding-bottom: 40px;} #digitalgipfel2024 .teaserBox figure:before {content: url(/files/sysImg/arrow-Icons-red.png);} #digitalgipfel2024 .teaserBox figure img {position: initial; min-height: 100%} #digitalgipfel2024 .teaserBox figure:hover img {transform: scale(1)} #digitalgipfel2024 .teaserBox {padding: 25px} /*--------------------------------------------*/ /*------- PAGE --> Digitalgipfel 2022 ------------*/ /*--------------------------------------------*/ #digitalgipfel2022 .pg_accfolContent {padding-left: 27px} #digitalgipfel2022 .pg_accfolContent ul {padding-left: 2px} #digitalgipfel2022 .pg_accfolContent .lineUp {border-top: 1px solid #920f30; margin-top: 3%} /*--------------------------------------------*/ /*------- PAGE --> Digitalgipfel 2022 ------------*/ /*--------------------------------------------*/ #digitalgipfel2023 .programmHeadline {font-size: 1.4em; border-top: 2px solid;padding-top: 25px;font-weight: 300;text-transform: uppercase} /*--------------------------------------------*/ /*------- PAGE --> Digitalgipfel 2020 ------------*/ /*--------------------------------------------*/ .listTable.Rows2 li:nth-child(1), .listTable.Rows2 li:nth-child(2) {width: 50%;margin: -2px; font-weight: normal} .listTable.Rows1 li {display: inline-block; width: 100% !important; font-weight: normal !important} .listTable.Rows2_Longer1 li:nth-child(1) {width: 30%; font-weight: normal} .listTable.Rows2_Longer1 li:nth-child(2) {width: 70%;margin: -2px; font-weight: normal} /* .listTable.spaceDown {margin-bottom: 1%; padding-bottom: 1%} .listTable.blueBack {background-color: rgba(5,61,104,0.6)} .listTable.redBack {background-color: rgba(186,184,185,0.7)} .listTable.purpleBack {background-color: rgba(79,88,157,0.7);} .listTable.greenBack {background-color: rgba(215, 42, 94, 0.7)} */ /*PLATTFORMKONFERENZ 2023 */ #konferenz-2021.konf2023 .listTable {position: relative;} #konferenz-2021.konf2023 .listTable:before {content: ""; position: absolute; top: 0; width: 10px; height: 100%;} #konferenz-2021.konf2023 .listTable li:nth-child(1) {font-weight: normal} #konferenz-2021.konf2023 .listTable.spaceDown {margin-bottom: 1%; padding-bottom: 1%} #konferenz-2021.konf2023 .listTable.blueBack {position: relative} #konferenz-2021.konf2023 .listTable.blueBack:before { background-color: rgba(79,88,157,1)} #konferenz-2021.konf2023 .listTable.redBack:before {background-color: rgba(154,62,130,1)} #konferenz-2021.konf2023 .listTable.purpleBack:before {background-color: rgba(79,88,157,1);} #konferenz-2021.konf2023 .listTable.greenBack:before {background-color: rgba(215, 42, 94, 1)} #konferenz-2021.konf2023 .listTable.greenBack .highlighted {color: rgba(215, 42, 94, 1)} #konferenz-2021.konf2023 .listTable.redBack .highlighted {color: rgba(154,62,130,1)} #konferenz-2021.konf2023 .listTable.purpleBack .highlighted, #konferenz-2021.konf2023 .listTable.blueBack .highlighted {color: rgba(79,88,157,1);} @media(max-width: 768px) { #konferenz-2021.konf2023 .backpic {height: 200px !important} #konferenz-2021.konf2023 .jKhead {padding-left: 0; width: 100%} #konferenz-2021.konf2023 .listTable ul {display: flex; flex-wrap: wrap; font-size: 0.9em} #konferenz-2021.konf2023 .listTable ul li {width: 50%} #konferenz-2021.konf2023 .listTable ul li.last {width: 100%} #konferenz-2021.konf2023 .jkGal .ce_Mitarbeiter {max-height: 180px} #konferenz-2021.konf2023 .gg_close {transform: scale(1); left: 86%} #konferenz-2021.konf2023 .listTable.spaceDown {margin-bottom: 6%; padding-bottom: 6%} } /*--------------------------------------------*/ /*------- PAGE --> Datenökosysteme --> LIGHTBOX CONTENT------------*/ /*--------------------------------------------*/ .quoteWidthImg figure {width: 250px;height: 250px;border-radius: 50%;margin: 0 auto;margin-bottom: 3%;box-shadow: inset 2px 2px 15px rgba(0,0,0,0.8);} .quoteWidthImg blockquote {padding: 0 20px;width: 82%; margin: 0 auto; text-align: center} .quoteWidthImg blockquote p:first-child {padding: 0 20px; margin-top: 0} .quoteWidthImg blockquote p:first-child, .quoteWidthImg blockquote p:first-child:before {display: inline-block; vertical-align: middle; line-height: normal} .quoteWidthImg blockquote p:first-child:before {font-family: "Fontawesome"; content:"\f10e";font-size: 20px; margin-right: 10px;margin-left: -56px} .quoteWidthImg blockquote p:first-child:after {font-family: "Fontawesome"; content:"\f10d";font-size: 20px; margin-left: 10px;margin-right: -56px} .quoteWidthImg blockquote p > strong {text-align: center;font-weight: bold;font-size: 20px;color: #464646;margin-top: -40px;display: block;margin-bottom: 40px} .quoteWidthImg.block > p {line-height: 1.6em} .datenoekosysteme .inner {padding: 50px} .datenoekosysteme p.back {display: none} .datenoekosysteme .listTable li {width: 28% !important; font-size: 14px; font-weight: normal !important; padding: 5px !important} .datenoekosysteme .listTable li:nth-child(1) {width: 14% !important} .datenoekosysteme .listTable li:nth-child(1) img {margin: 0 auto} .datenoekosysteme .listTable li:nth-child(1) > p {text-align: center; font-weight: bold} .datenoekosysteme .listTable .head {border-top: 1px solid #ccc;border-bottom: 1px solid #ccc} .datenoekosysteme .listTable .head li {font-weight: bold !important} .datenoekosysteme .listTable .content > ul {border-bottom: 1px solid #ccc} .datenoekosysteme .listTable .content ul li ul li {width: 100% !important;display: block !important;position: relative;line-height: 22px;} .datenoekosysteme .listTable .content ul li ul li:before {content: "\2022"; position: absolute;top: 6px;color: #a6073d; display: block!important} .datenoekosysteme figure.float_right {margin-bottom: 3%} @media (max-width: 768px) { .datenoekosysteme .inner {padding: 15px} .datenoekosysteme .listTable {width: 100%; overflow: scroll} .datenoekosysteme .listTable .ce_list {min-width: 900px} } /*--------------------------------------------*/ /*------- PAGE --> Jahreskonferenz / Digitalgipfel 2018, 2019 / Messe------------*/ .eventHeadDate {font-size: 1.4em;text-align: center;color: #911232} .eventHeadDate p {line-height: 1.6em} #hannMesse .jkGal .ce_text, #hannMesse .jkGal .ce_list {padding-left: 21px} #hannMesse .jkGal .ce_text.noPadLeft {padding-left: 4px} #hannMesse .jkGal .listTable ul {padding-left: 0} #hannMesse .jkGal .listTable li:nth-child(2) {width: 18%} #hannMesse .ce_text ul li:before {color: #464646} #hannMesse.workshop .listDots ul {padding-left: 40px} #hannMesse.workshop .listDots li {padding-top: 0; padding-bottom: 10px} #hannMesse.workshop .listDots li:before {color: #911232} /*--------------------------------------------*/ .jKhead {border-bottom: 3px solid #920f2f;position: relative; padding-bottom: 1%; margin-bottom: 3%; width: 90%; font-weight: 300; padding-left: 21px; text-transform: uppercase;} .jKhead:after {content: ""; position: absolute; bottom: -8px; width: 91%; height: 1px; background-color: #920f2f; left: 0;} .offsetJKheadContent {padding-left: 21px} .jKsub h3, .jKsub h4, .jKsub .toggler {color: #464646; } .jKsub h3 {padding-left: 27px; margin-bottom: 3%;position: relative;text-transform: uppercase;font-weight: normal;} .jKsub h3:after {content: "";position: absolute;bottom: -8px;width: 91%;height: 1px;background-color: #848484;left: 0;} .jKsub .ui-accordion-content {padding: 20px 0 0 20px} .jkAcc .toggler {outline: none;padding: 25px;font-size: 20px;cursor: pointer; position: relative; border: 2px solid #ddd} .jkAcc .toggler:after {content: ">"; position: absolute; right: 25px; top: 25px} .jkAcc .toggler.active:after {transform: rotate(90deg)} .picPage .jkAcc .accordion h3 {padding: 0; border-bottom: 0; margin: 3px 0 20px} .jkAcc .accordion h3 {width: 70%; margin-top: 40px; margin-bottom: 0px; padding-left: 20px;border-bottom: 1px solid #910f2f;padding-bottom: 5px} .listTable li {display: inline-block; list-style-type: none; vertical-align: top} .listTable li:before {display: none} .listTable > ul li:nth-child(1) {font-weight: bold} .listTable li:nth-child(1) {width: 15%} .listTable li:nth-child(2) {width: 25%} .listTable li:nth-child(3) {width: 58%} .listTable ul li ul {padding-left: 0 !important} .listTable ul li ul li {width: 100% !important;font-weight: normal !important} .listTable ul li ul li ul li {padding-left: 40px} .listTable ul li ul li ul li:before {content:""; display: inline-block } .listTable .smallDistance p {margin: 0} .tableListFormated ul {margin-left: 20px} .tableListFormated li:before {display: initial} .jkGal .ce_Mitarbeiter {cursor: pointer} .jkGal .ce_Mitarbeiter figure {padding: 5px} .jkGal .ce_Mitarbeiter img {box-shadow: 2px 2px 5px rgba(0,0,0,0.6)} .jkGal .ce_Mitarbeiter .pg-membertext {position: absolute;bottom: 16%;left: 6%;background-color: rgba(255,255,255,0.6);width: 88%;padding: 0 5px} .jkGal .ce_Mitarbeiter .pg_membername, .jkGal .ce_Mitarbeiter .pg_membertitel {margin: 0 !important} .jkGal .ce_Mitarbeiter .pg_membername.inBox {font-size: 22px} .jkGal .ce_Mitarbeiter:hover .pg-membertext {opacity: 0;} .jkGal .ce_Mitarbeiter .pg_memberText {margin-top: 30px;border-top: 2px solid #ddd;border-bottom: 2px solid #ddd} .ctaBtn {text-align: center} .ctaBtn a {display: inline-block; padding: 12px 100px; background-color: #920f30; color:#fff; text-decoration: none; margin-top: 2%; text-transform: uppercase; font-weight: bold; box-shadow: 2px 2px 10px rgba(0,0,0,0.3)} .ctaBtn a:hover {box-shadow: none} #jKnextPage {width: 25%; margin: auto; margin-top: 3%; margin-bottom: 3%; padding: 17px; background-color: #910f31; text-align: center; border: 1px solid #333; color: #fff; box-shadow: 2px 2px 5px rgba(0,0,0,0.5);} #jKnextPage i {margin: 0 4px} #jKnextPage a {color: #fff; font-weight: bold; text-decoration: none} /*--------------------------------------------*/ /*------- PAGE --> CEBIT Speaker List------------*/ /*--------------------------------------------*/ .speakerList .ce_list, .speakerList .ce_list ul {overflow: hidden; padding: 0} .speakerList .ce_list ul {display: table; width: 100%} .speakerList .ce_list li:before {content:""; margin: 0; padding: 0} .speakerList .ce_list li i {font-size: 20px; vertical-align: middle;color: #920f30} .speakerList .ce_list:nth-child(2n) ul li {background-color: #eee} .speakerList .ce_list li {display: table-cell; border: 1px solid #ddd; padding: 10px; font-size: 14px} .speakerList .ce_list:nth-child(2n) ul li {background-color: #eee} .speakerList .ce_list.speakerHead li {background-color: #848484 !important; color: #fff; font-weight: bold;} .speakerList .ce_list li:nth-child(1) {width: 25%} .speakerList .ce_list li:nth-child(2) {width: 25%} .speakerList .ce_list li:nth-child(3) {width: 25%} .speakerList .ce_list li:nth-child(4) {width: 25%} @media (max-width: 1100px) { .speakerList .ce_list {border: 1px solid #8e8e8e;overflow-x: scroll;box-shadow: inset -8px 0px 14px #00000029;} .speakerList .ce_list ul {width: 250%;display: block;} .speakerList .ce_list li {min-width: 300px} } /*--------------------------------------------*/ /*------- PAGE --> DATENSCHUTZERKL.-------------*/ /*--------------------------------------------*/ .cklist { margin-bottom: 12px; } .cklist li { float: left; list-style: outside none none; width: 20%; } .cklist li.long { width: 50%; } .tbhead { border-bottom: 1px solid #ddd; margin-bottom: 8px; padding-bottom: 4px; } .lined { border-bottom: 1px solid #ddd; margin-top: 40px; } .linedTop { border-top: 1px solid #ddd;padding-top: 3%} /*--------------------------------------------*/ /*------- PAGE --> PRESSE-------------*/ /*--------------------------------------------*/ body.presse .lined {border-bottom: 3px solid #ddd} body.presse p.info {margin-top: 0} body.presse .layout_latest {font-size: 0.8em} body.presse .downloadPic img {display: block} body.presse .ce_downloads .picDownloadUl li:before {content: ""; margin: 0; height: 0} body.presse .ce_downloads .picDownloadUl li {width: 25%; float: left; list-style: none;padding: 0} body.presse .ce_downloads .picDownloadUl img {display: block} body.presse #right .bigborder, .bigborder {border: 3px solid #ddd} body.presse #contact figure {width: 100px; height: 100px; border-radius: 50%; overflow: hidden;margin-right: 6%} body.presse .ce_hyperlink {text-align: right} body.presse .ce_hyperlink a {background-color: rgb(147, 10, 46);color: rgb(255, 255, 255);padding: 8px 12px;font-size: 12px;text-decoration: none;min-width: 130px;display: inline-block;text-align: center;} /*--------------------------------------------*/ /*------- PAGE --> KI AKTEURE ------------*/ /*--------------------------------------------*/ #kiaFrame .rightCol {border-left: 1px solid #ddd;padding-left: 20px;height: 600px;padding-top: 6px;} .kiaHead p {margin-bottom: 0} .kiaHead li {padding-top: 0 !important; padding-bottom: 5px} /*--------------------------------------------*/ /*------- PAGE --> KI in der Praxis ------------*/ /*--------------------------------------------*/ .infoBox {background-color: #fefefe; font-size: 13px; max-width: 750px} .infoBox ul {padding-left: 0;background-color: #f1f1f1; border: 2px solid #ddd; box-shadow: 0 1px 1px rgba(0,0,0,0.1); -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.1); -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.1); -o-box-shadow: 0 1px 1px rgba(0,0,0,0.1);} .infoBox li {float: left; list-style-type: none; min-height: 100px; border: 1px solid #ddd; padding: 15px; line-height: 1.6em !important;} .infoBox li:before {content: ""; display: none} .infoBox li:nth-child(2n) {font-weight: normal; width: 70%} .infoBox li:nth-child(2n+1) {width: 30%; font-weight: bold} .infoBox li:nth-child(3), .infoBox li:nth-child(4), .infoBox li:nth-child(7), .infoBox li:nth-child(8) {background-color: #fff} /*--------------------------------------------*/ /*------- PAGE --> KI in der Produktion ------------*/ /*--------------------------------------------*/ #Stolpersteine .pg_accfolHeadline {background-color: #c6e3d2 !important; position: relative} #Stolpersteine .pg_accfolHeadline .ui-accordion-header-icon {position: absolute; right: 20px} /*--------------------------------------------*/ /*------- PAGE --> KMU --> CONTENT SLIDER -------------*/ /*--------------------------------------------*/ #KmuContentSlide {overflow: visible} #KmuContentSlide .folder {padding: 0 1%} #KmuContentSlide .ce_sliderStart {min-height: 400px} #KmuContentSlide .slider-control .slider-prev {left: -3%;top: -220px} #KmuContentSlide .slider-control .slider-next {right: -3%;top: -220px} #KmuContentSlide .slider-control a.slider-prev, #KmuContentSlide .slider-control a.slider-next {color: #464646} #KmuContentSlide .slider-control .slider-prev i, #KmuContentSlide .slider-control .slider-next i {font-size: 1.5em} #KmuContentSlide .slider-control .slider-menu {top: 20%; font-size: 2em} /*--------------------------------------------*/ /*------- PAGE --> KMU -> WARUM KI -------------*/ /*--------------------------------------------*/ .warumKI.listTable ol {padding: 0} .warumKI.listTable li {width: 49%; padding: 10px; line-height: 1.6em; border-bottom: 1px solid #ddd;min-height: 97px;} .warumKI.listTable li:first-child, .warumKI.listTable li:nth-child(2) {background-color: #51bdca; color: #fff; font-weight: bold; font-size: 1.6em; min-height: 50px} #warum-ki .readMoreTrigger {background-color: #51bdca} body.warumKI .pg_El .readMoreTrigger {background-color: #920f30 !important} .warumKI.listTable li:nth-child(5), .warumKI.listTable li:nth-child(6), .warumKI.listTable li:nth-child(9), .warumKI.listTable li:nth-child(10) {background-color: #efefef} body.warumKI .ui-accordion-header {position: relative} body.warumKI .ui-accordion-header span.ui-accordion-header-icon:before {font-family: "Fontawesome";content: "\f105";font-size: 1.4em;position: absolute;right: 10px;top: 5px} body.warumKI .ui-accordion-header.active span.ui-accordion-header-icon:before {transform: rotate(90deg)} /*--------------------------------------------*/ /*------- PAGE --> KMU -> TEASERBOXEN -------------*/ /*--------------------------------------------*/ .visibleRow, .visibleRow > .inside {clear: both; overflow: visible} .teaserBoxFrame {display: flex;} .teaserBox {width: 31.3333%; margin: 0 2% 0 0;position: relative;box-shadow: 0 0 1rem 0 #d7dce1;transition: all .45s ease-in-out; display: flex; flex-wrap: wrap} .teaserBox .textFrame {padding: 20px; width: 100%} .teaserBox .picFrame {width: 100%; align-self: flex-end} .teaserBox figure {position: absolute;width: 100%;left: 0;bottom: 0;height: 200px;display: flex;align-items: center} .teaserBox figure img {bottom: 0; transition: all .75s ease-in-out;min-height: 200px;position: absolute;} .teaserBox:hover {box-shadow: 0 0 0.5rem 0 rgba(0,0,0,.23), 0 0.5rem 1.6rem 0 rgba(0,0,0,.2)} .teaserBox figure:hover img {transform: scale(1.1)} .teaserBox a {position: absolute;width: 100%;height: 100%;left: 0;text-decoration: none; top: 0;} .teaserBox figure:before {content: url('/files/sysImg/arrow.png');transform: scale(0.8);font-family: "Fontawesome";position: absolute; bottom: 10px; right: 10px; z-index: 9999; color: #fff; font-size: 40px} /*.teaserBox figure:after {content: "—";box-shadow: 2px 2px 5px rgba(0,0,0,0.3);position: absolute;bottom: 27px;right: 15px;width: 27px;background-color: rgba(255, 255, 255, 1);height: 4px;color: rgb(255 0 0);overflow: hidden;border-radius: 33px}*/ .teaserBox figure:before, .teaserBox figure:after {transform: translateX(-8rem) scale(0.8);transition: all .45s ease-in-out;} .teaserBox:hover figure:before, .teaserBox:hover figure:after {transform: translateX(0rem) scale(0.8)} #themen .teaserBox h5 {margin-top: -15px; margin-bottom: 0} .teaserBoxFrame.teaserBoxCol2 .teaserBox {width: 49%} .teaserBoxFrame.teaserBoxCol2 .teaserBox:last-child {margin-right: 0} .teaserBoxFrame.fullImageRow {min-height: 310px} .teaserBoxFrame.fullImageRow .teaserBox a {padding: 0} .teaserBoxFrame.teaserBoxCol2 .fullPicTeaserBox {width: 49%;margin: 0 2% 0 0;position: relative} .teaserBoxFrame.teaserBoxCol2 .fullPicTeaserInner {box-shadow: 0 0 1rem 0 #d7dce1;transition: all .45s ease-in-out;} .teaserBoxFrame.teaserBoxCol2 .fullPicTeaserInner figure:before {transition: all .45s ease-in-out;content: url(/files/sysImg/arrow.png);transform: scale(0.8);position: absolute;bottom: 55px;right: 100px;z-index: 9999;color: #fff;font-size: 40px;} .teaserBoxFrame.teaserBoxCol2 .fullPicTeaserBox:hover figure:before {right: 20px} /************************************************/ /******************* Inputfelder und Formulare ************/ #f2 .explanation {font-size: 12px; color: #777; text-align: center} .checkbox_container {margin-top: 5px} .checkbox_container label {vertical-align: initial} .ce_form .widget {margin-bottom: 10px} label, select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input { display: table-cell; font-size: 14px; line-height: 22px; vertical-align: middle;} select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {padding: 4px 6px;} .radio_container label {width: auto !important} .widget-headline {margin: 3% 0 0 0} textarea {height: 150px;display: block} .widget-captcha input { display: block; margin-bottom: 5px } .widget-captcha label {margin-bottom: 5px; padding-left: 0} select {height: 32px;-webkit-appearance: none;outline: 0} input:focus:invalid:focus, textarea:focus:invalid:focus, select:focus:invalid:focus { border-color: #e9322d; -webkit-box-shadow: 0 0 6px #f8b9b7; -moz-box-shadow: 0 0 6px #f8b9b7; box-shadow: 0 0 6px #f8b9b7; } input:focus:invalid, textarea:focus:invalid, select:focus:invalid { color: #b94a48; border-color: #ee5f5b; } textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus { border-color: rgba(82,168,236,0.8); outline: 0; outline: thin dotted \9; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(82,168,236,0.6); -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(82,168,236,0.6); box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(82,168,236,0.6); } select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input { border-radius: 0px; border: 1px solid #b7b7b7; box-shadow: inset 1px 1px 5px rgba(175, 175, 175, 0.3); } select, textarea, input[type="text"], label { width: 100% !important} input[type="submit"], button { display: inline-block; width: 100%; padding: 4px 12px; font-size: 14px; line-height: 26px; text-decoration: none; text-align: center; text-shadow: 0 1px 1px rgba(124, 124, 124, 0.75); vertical-align: middle; cursor: pointer; color: #FFF; background: #910f30; border: 1px solid #65000e; margin-top: 20px; -webkit-appearance: none; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff',endColorstr='#ffe6e6e6',GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05); -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05); box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05); } input[type="submit"]:hover {opacity: 0.8} span.mandatory {color: #cc060e} label {font-size: 12px;font-weight: bold} /***************************************************/ /******BREAKS*******/ /***************************************************/ @media (max-width: 1250px) { .home2021 .teaserBoxFrame {min-height: 450px} } @media (max-width: 1150px) { #plsLogo img {max-width: 70%; margin-top: 10px} #homeBtn {display: none} #mainNav {width: 100% !important} #navBar {font-size: 14px} #mainNav a, #mainNav li.active > span, #searchToogle {padding: 10px} #mainNav ul li {font-size: 13px; min-width: 12%} #mainNav ul li ul {left: initial !important; right: 0} #quickNav {background-color: #f1f1f1; padding: 5px 0} } @media (max-width: 1000px) { #header {height: 115px} #navBar { text-align: right; margin-top: 0} #mobNavTri {display: block; margin: 5px 15px 0 0; font-size: 2.2em;} #mobNavTri i {color: #920f30} #mainNav, #homeBtn {display: none} #plsLogo img {margin-top: 0} #langChang {width: 15%} #header .search {margin-top: 11px} #nlInfo {top: 50%} #nlBoxInner {width: 90%; top: 5%; left: 5%; padding: 25px; font-size: 0.8em; bottom: 5%; -webkit-overflow-scrolling: touch; transform: translate3d(0,0,0); overflow: scroll;} .teaserBoxFrame {min-height: 480px} .tableFrame.cols1 ul li {width: 100%} #homeHoverIcons a.butn {font-size: 12px;padding: 12px 12px 12px 30px;} #homeHoverIcons a.butn:before {padding: 8px 0} } @media (max-width: 768px) { h1 {font-size: 1.4em} h2 {font-size: 1.2em} h3 {font-size: 1em} input[type="submit"], button {font-size: 12px} figure.float_left, figure.float_right {float: none;margin: 1% 0 0 0;max-width: none} /*HEADER*/ #plsLogo {text-align: right; margin-top: 0} #navBar {width: 70%} #mobNavTri {display: block; margin: 5px 15px 0 0; font-size: 2.2em;} #mobNavTri i {color: #920f30} #mainNav {display: none} #langChang {width: 15%} #plsLogo img {max-width: 140px} #header {height: 110px} #quickNav {text-align: center; background-color: #eee; padding: 0; font-size: 10px} #quickNav .inside {width: 100%} #quickNav li {width: 25%; margin-left: -2px;vertical-align: middle} #quickNav li.first {padding-left:0} #quickNav li.loginPage {display: none} #langChange li {width: 100%} #nlInfo {top: initial; bottom: 0; width: 100%; text-align: center; padding: 10px; font-size: 0.8em} #nlInfo.sticky {right: 0} #nlIcon {display: none !important} /*HOME -> SLIDER*/ .headslide .bsc_spic {height: 400px !important; background-position-x: 30% !important} .headslide .carousel-caption.layer {bottom: 20px} .headslide .carousel-caption.layer .innerInside {float: none; width: 100%;padding: 10px;font-size: 0.8em} .headslide .carousel-caption.layer .innerInside p:first-child {display: none} /*.home2021 .headslide > div > div:nth-child(1) > div.bsc_spic {background: url('/files/img/headPictures/KI_Konkret_2600x980_PLS_blanko.jpg') 50% 50% no-repeat !important}*/ /*HOME -> NEWSLIST*/ #home .mod_newslist h2 {text-align: center} #home .mod_newslist .layout_latest, .home.en .mod_newslist .layout_latest {float: none; width: 100%; padding: 10% 0} #eventBarList .layout_list {transform: scale(0.75) translate(-45px,0px)} #eventlist {margin: 0 10px} #eventLeft {left: 2%} #eventRight {right: 2%} /*#eventBarList .eventDates {width: 31%} #eventBarList .eventDetails {width: 53.5%}*/ .ytelement.homeVideo {width: 100%; margin-top: 6%} /*PAGES --> HEADPIC*/ .backpic {height: 400px !important} .backpic .innerInside {float: none; width: 90%;padding: 10px;font-size: 0.8em; right: 5%; left: 5%; bottom: 5%} /*PAGES --> SPRUNGMARKEN*/ #subNav {height: auto} #subNav .Inner {position: initial; font-size: 12px} #subNav li {display: block} /*PAGES --> AKKORDEON*/ .pages.lightgray .col4 {width: 100%} .pages.lightgray .col8 {padding: 25px} /*PAGES --> TABREITER*/ #tab_panel ul {padding: 20px 1px 0 1px} #tab_panel li {float: none;width: 100%; height: auto; padding: 10px 0} #tab_panel li.active {height: auto; padding-top: 20px; margin-top: -20px} #tab_panel img {max-width: 30px} .home .mod_newslist .layout_latest { float: none; padding: 2%; width: 100%} #vdbox { left: 5%; position: fixed; top: 5%; width: 90%; z-index: 99999} #logoBar img.ftlright {float: none} #mastodon, #twitter, #youtube, #newslIcon, #linkedInIcon {text-align: center; margin: 6% 0; padding: 0} #twitter a span, #youtube a span, #newslIcon a span, #linkedInIcon a span {margin: 0 auto} #mastodon span, #twitter span, #youtube span, #newslIcon span, #linkedInIcon span {transform: scale(0.8)} /*PAGE --> KI LANDKARTE LANDINGPAGE*/ #mapPage #layout1 .backpic {height: 200px !important} #mapPage #layout1 .col6 .SelectIcon i {padding-top: 10%} /*PAGE --> ANWENDUNGSSZENARIEN LANDINGPAGE*/ .awsTile {margin-bottom: 12%} .teaserBoxFrame, #btnBoxFrame, .lightBoxElementFrame {display: block !important} .teaserBoxFrame .teaserBox, #btnBoxFrame .btnBox, .lightBoxElementFrame .lightBoxElement, .kmuPage .flip-container {width: 100% !important; margin: 0 0 3% 0 !important} .teaserBoxFrame .teaserBox {min-height: 400px} .kmuPage.blueColor .pg_accfolHeadline, .kmuPage.blueColor #Stolpersteine .pg_accfolHeadline, .kmuPage.blueColor .ce_accordionSingle .toggler, .ce_list.warumKI.listTable {font-size: 0.8em} #bereit-fuer-ki #Kitab li p {font-size: 14px} #bereit-fuer-ki #Kitab li h4 {font-size: 12px} .flyTile {height: auto} .flyTile .tile {position: initial; width: 100% !important} .flyTile .ka_text {position: initial} .kmuPage .quote {padding: 25px 0} .kmuPage .quote:before {position: initial} .ytelement {width: 100%; float: none} .ytelement.pgSlide {float: left} body.lightBoxPage {padding: 15px} } @media (max-width: 500px) { #langChang {width: 25%} .lightgrayInner {padding: 25px 15px } #homeBtn {display: none} } #mainNav { font-size:14px; height: 50px; width: 92%; border: none !Important; float: right } #warum-ki .ytelement.col4 > h3 { height: 42px; } #mainNav a { border: none !Important; text-decoration: none; /*color: #848484;*/ } .menuUp {padding-top: 12px;} .searchBoxUp {padding-top: 22px;} #mainNav .trail, #mainNav .active { color: #fff; } /* ===Hauptnavigation== */ #mainNav ul { padding: 0px; margin: -1px 0 0; z-index: 9999; overflow: visible } #mainNav ul li ul li {border: none} #mainNav ul:after { clear: both; content: " "; display: block; font-size: 0; height: 0; visibility: hidden; } #mainNav ul li { list-style: none; float:left; height: 89px; border-right: 1px solid #eee; max-height: 50px; position: relative } #mainNav ul li:hover > ul, #mainNav ul li:focus-visible > ul { visibility: visible; opacity: 0.99; } #mainNav ul li ul { display: inline; visibility: hidden; /* visibility: visible; */ position: absolute; top: 50px; left: 0; background-color: #f1f1f1; min-width: 300px; padding:0px; margin: 0px; } #mainNav ul li ul li { float: none; position: relative; height: 50px; border-right: none; text-align: left; text-transform: initial; font-weight: normal; display: block; } #mainNav ul li .inside {overflow: visible} #mainNav ul.level_3 { left: 195px; position: absolute; top: 0; box-shadow: 6px 6px 3px rgba(0, 0, 0, 0.2); } #mainNav ul li.last ul.level_3 { left: -315px } #mainNav ul li ul li ul li{ float: none; min-width: 330px; } #mainNav ul li a, #mainNav ul li span.trail, #mainNav ul li span.active, #mainNav ul li span.forward { text-decoration: none; display: block; font-size: 14px; padding: 14px 14px; } #mainNav ul li:hover, #mainNav ul li.trail, #mainNav ul li:focus-visible { background-color: #920f30; color: #fff !important; } #mainNav ul li:hover > a { color: #FAFAFA; background-color: #920f30; color: #fff !important; } /* #mainNav ul li ul li a { color: #FAFAFA; } #mainNav ul li ul li a:hover{ color: #333; background-color: #FAFAFA !important; } */ /*-----------------------------------------------------------------------*/ /*--- MEDIA BREAKS -----------------------------------------------------*/ /*-----------------------------------------------------------------------*/ @media screen and (max-width: 1320px) { #mainNav ul li a, #mainNav ul li span.trail, #mainNav ul li span.active, #mainNav ul li span.forward {font-size: 12px} #mainNav ul li ul {top: 49px} } @media screen and (max-width: 1150px) { #mainNav ul li a, #mainNav ul li span.trail, #mainNav ul li span.active, #mainNav ul li span.forward {padding: 11px 5px} } @media screen and (max-width: 990px) { #mainNav ul li a, #mainNav ul li span.trail, #mainNav ul li span.active, #mainNav ul li span.forward {font-size: 11px; padding: 11px 0px} } /* rubik-regular - latin */ @font-face { font-family: 'Rubik'; font-style: normal; font-weight: 400; src: url('/files/css/fonts/rubik-v12-latin-regular.eot'); /* IE9 Compat Modes */ src: local(''), url('/files/css/fonts/rubik-v12-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/files/css/fonts/rubik-v12-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('/files/css/fonts/rubik-v12-latin-regular.woff') format('woff'), /* Modern Browsers */ url('/files/css/fonts/rubik-v12-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('/files/css/fonts/rubik-v12-latin-regular.svg#Rubik') format('svg'); /* Legacy iOS */ } /* rubik-700 - latin */ @font-face { font-family: 'Rubik'; font-style: normal; font-weight: 700; src: url('/files/css/fonts/rubik-v12-latin-700.eot'); /* IE9 Compat Modes */ src: local(''), url('/files/css/fonts/rubik-v12-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/files/css/fonts/rubik-v12-latin-700.woff2') format('woff2'), /* Super Modern Browsers */ url('/files/css/fonts/rubik-v12-latin-700.woff') format('woff'), /* Modern Browsers */ url('/files/css/fonts/rubik-v12-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */ url('/files/css/fonts/rubik-v12-latin-700.svg#Rubik') format('svg'); /* Legacy iOS */ } /* rubik-300 - 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: 'Rubik'; font-style: normal; font-weight: 300; src: url('/files/css/fonts/rubik-v28-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* rubik-300italic - 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: 'Rubik'; font-style: italic; font-weight: 300; src: url('/files/css/fonts/rubik-v28-latin-300italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /*! * Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) * Copyright 2022 Fonticons, Inc. */ .fa{font-family:var(--fa-style-family,"Font Awesome 6 Free");font-weight:var(--fa-style,900)}.fa,.fa-brands,.fa-duotone,.fa-light,.fa-regular,.fa-solid,.fa-thin,.fab,.fad,.fal,.far,.fas,.fat{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:var(--fa-display,inline-block);font-style:normal;font-variant:normal;line-height:1;text-rendering:auto}.fa-1x{font-size:1em}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-6x{font-size:6em}.fa-7x{font-size:7em}.fa-8x{font-size:8em}.fa-9x{font-size:9em}.fa-10x{font-size:10em}.fa-2xs{font-size:.625em;line-height:.1em;vertical-align:.225em}.fa-xs{font-size:.75em;line-height:.08333em;vertical-align:.125em}.fa-sm{font-size:.875em;line-height:.07143em;vertical-align:.05357em}.fa-lg{font-size:1.25em;line-height:.05em;vertical-align:-.075em}.fa-xl{font-size:1.5em;line-height:.04167em;vertical-align:-.125em}.fa-2xl{font-size:2em;line-height:.03125em;vertical-align:-.1875em}.fa-fw{text-align:center;width:1.25em}.fa-ul{list-style-type:none;margin-left:var(--fa-li-margin,2.5em);padding-left:0}.fa-ul>li{position:relative}.fa-li{left:calc(var(--fa-li-width, 2em)*-1);position:absolute;text-align:center;width:var(--fa-li-width,2em);line-height:inherit}.fa-border{border-radius:var(--fa-border-radius,.1em);border:var(--fa-border-width,.08em) var(--fa-border-style,solid) var(--fa-border-color,#eee);padding:var(--fa-border-padding,.2em .25em .15em)}.fa-pull-left{float:left;margin-right:var(--fa-pull-margin,.3em)}.fa-pull-right{float:right;margin-left:var(--fa-pull-margin,.3em)}.fa-beat{-webkit-animation-name:fa-beat;animation-name:fa-beat;-webkit-animation-delay:var(--fa-animation-delay,0);animation-delay:var(--fa-animation-delay,0);-webkit-animation-direction:var(--fa-animation-direction,normal);animation-direction:var(--fa-animation-direction,normal);-webkit-animation-duration:var(--fa-animation-duration,1s);animation-duration:var(--fa-animation-duration,1s);-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-timing-function:var(--fa-animation-timing,ease-in-out);animation-timing-function:var(--fa-animation-timing,ease-in-out)}.fa-bounce{-webkit-animation-name:fa-bounce;animation-name:fa-bounce;-webkit-animation-delay:var(--fa-animation-delay,0);animation-delay:var(--fa-animation-delay,0);-webkit-animation-direction:var(--fa-animation-direction,normal);animation-direction:var(--fa-animation-direction,normal);-webkit-animation-duration:var(--fa-animation-duration,1s);animation-duration:var(--fa-animation-duration,1s);-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-timing-function:var(--fa-animation-timing,cubic-bezier(.28,.84,.42,1));animation-timing-function:var(--fa-animation-timing,cubic-bezier(.28,.84,.42,1))}.fa-fade{-webkit-animation-name:fa-fade;animation-name:fa-fade;-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-timing-function:var(--fa-animation-timing,cubic-bezier(.4,0,.6,1));animation-timing-function:var(--fa-animation-timing,cubic-bezier(.4,0,.6,1))}.fa-beat-fade,.fa-fade{-webkit-animation-delay:var(--fa-animation-delay,0);animation-delay:var(--fa-animation-delay,0);-webkit-animation-direction:var(--fa-animation-direction,normal);animation-direction:var(--fa-animation-direction,normal);-webkit-animation-duration:var(--fa-animation-duration,1s);animation-duration:var(--fa-animation-duration,1s)}.fa-beat-fade{-webkit-animation-name:fa-beat-fade;animation-name:fa-beat-fade;-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-timing-function:var(--fa-animation-timing,cubic-bezier(.4,0,.6,1));animation-timing-function:var(--fa-animation-timing,cubic-bezier(.4,0,.6,1))}.fa-flip{-webkit-animation-name:fa-flip;animation-name:fa-flip;-webkit-animation-delay:var(--fa-animation-delay,0);animation-delay:var(--fa-animation-delay,0);-webkit-animation-direction:var(--fa-animation-direction,normal);animation-direction:var(--fa-animation-direction,normal);-webkit-animation-duration:var(--fa-animation-duration,1s);animation-duration:var(--fa-animation-duration,1s);-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-timing-function:var(--fa-animation-timing,ease-in-out);animation-timing-function:var(--fa-animation-timing,ease-in-out)}.fa-shake{-webkit-animation-name:fa-shake;animation-name:fa-shake;-webkit-animation-duration:var(--fa-animation-duration,1s);animation-duration:var(--fa-animation-duration,1s);-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-timing-function:var(--fa-animation-timing,linear);animation-timing-function:var(--fa-animation-timing,linear)}.fa-shake,.fa-spin{-webkit-animation-delay:var(--fa-animation-delay,0);animation-delay:var(--fa-animation-delay,0);-webkit-animation-direction:var(--fa-animation-direction,normal);animation-direction:var(--fa-animation-direction,normal)}.fa-spin{-webkit-animation-name:fa-spin;animation-name:fa-spin;-webkit-animation-duration:var(--fa-animation-duration,2s);animation-duration:var(--fa-animation-duration,2s);-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-timing-function:var(--fa-animation-timing,linear);animation-timing-function:var(--fa-animation-timing,linear)}.fa-spin-reverse{--fa-animation-direction:reverse}.fa-pulse,.fa-spin-pulse{-webkit-animation-name:fa-spin;animation-name:fa-spin;-webkit-animation-direction:var(--fa-animation-direction,normal);animation-direction:var(--fa-animation-direction,normal);-webkit-animation-duration:var(--fa-animation-duration,1s);animation-duration:var(--fa-animation-duration,1s);-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-timing-function:var(--fa-animation-timing,steps(8));animation-timing-function:var(--fa-animation-timing,steps(8))}@media (prefers-reduced-motion:reduce){.fa-beat,.fa-beat-fade,.fa-bounce,.fa-fade,.fa-flip,.fa-pulse,.fa-shake,.fa-spin,.fa-spin-pulse{-webkit-animation-delay:-1ms;animation-delay:-1ms;-webkit-animation-duration:1ms;animation-duration:1ms;-webkit-animation-iteration-count:1;animation-iteration-count:1;transition-delay:0s;transition-duration:0s}}@-webkit-keyframes fa-beat{0%,90%{-webkit-transform:scale(1);transform:scale(1)}45%{-webkit-transform:scale(var(--fa-beat-scale,1.25));transform:scale(var(--fa-beat-scale,1.25))}}@keyframes fa-beat{0%,90%{-webkit-transform:scale(1);transform:scale(1)}45%{-webkit-transform:scale(var(--fa-beat-scale,1.25));transform:scale(var(--fa-beat-scale,1.25))}}@-webkit-keyframes fa-bounce{0%{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}10%{-webkit-transform:scale(var(--fa-bounce-start-scale-x,1.1),var(--fa-bounce-start-scale-y,.9)) translateY(0);transform:scale(var(--fa-bounce-start-scale-x,1.1),var(--fa-bounce-start-scale-y,.9)) translateY(0)}30%{-webkit-transform:scale(var(--fa-bounce-jump-scale-x,.9),var(--fa-bounce-jump-scale-y,1.1)) translateY(var(--fa-bounce-height,-.5em));transform:scale(var(--fa-bounce-jump-scale-x,.9),var(--fa-bounce-jump-scale-y,1.1)) translateY(var(--fa-bounce-height,-.5em))}50%{-webkit-transform:scale(var(--fa-bounce-land-scale-x,1.05),var(--fa-bounce-land-scale-y,.95)) translateY(0);transform:scale(var(--fa-bounce-land-scale-x,1.05),var(--fa-bounce-land-scale-y,.95)) translateY(0)}57%{-webkit-transform:scale(1) translateY(var(--fa-bounce-rebound,-.125em));transform:scale(1) translateY(var(--fa-bounce-rebound,-.125em))}64%{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}to{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}}@keyframes fa-bounce{0%{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}10%{-webkit-transform:scale(var(--fa-bounce-start-scale-x,1.1),var(--fa-bounce-start-scale-y,.9)) translateY(0);transform:scale(var(--fa-bounce-start-scale-x,1.1),var(--fa-bounce-start-scale-y,.9)) translateY(0)}30%{-webkit-transform:scale(var(--fa-bounce-jump-scale-x,.9),var(--fa-bounce-jump-scale-y,1.1)) translateY(var(--fa-bounce-height,-.5em));transform:scale(var(--fa-bounce-jump-scale-x,.9),var(--fa-bounce-jump-scale-y,1.1)) translateY(var(--fa-bounce-height,-.5em))}50%{-webkit-transform:scale(var(--fa-bounce-land-scale-x,1.05),var(--fa-bounce-land-scale-y,.95)) translateY(0);transform:scale(var(--fa-bounce-land-scale-x,1.05),var(--fa-bounce-land-scale-y,.95)) translateY(0)}57%{-webkit-transform:scale(1) translateY(var(--fa-bounce-rebound,-.125em));transform:scale(1) translateY(var(--fa-bounce-rebound,-.125em))}64%{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}to{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}}@-webkit-keyframes fa-fade{50%{opacity:var(--fa-fade-opacity,.4)}}@keyframes fa-fade{50%{opacity:var(--fa-fade-opacity,.4)}}@-webkit-keyframes fa-beat-fade{0%,to{opacity:var(--fa-beat-fade-opacity,.4);-webkit-transform:scale(1);transform:scale(1)}50%{opacity:1;-webkit-transform:scale(var(--fa-beat-fade-scale,1.125));transform:scale(var(--fa-beat-fade-scale,1.125))}}@keyframes fa-beat-fade{0%,to{opacity:var(--fa-beat-fade-opacity,.4);-webkit-transform:scale(1);transform:scale(1)}50%{opacity:1;-webkit-transform:scale(var(--fa-beat-fade-scale,1.125));transform:scale(var(--fa-beat-fade-scale,1.125))}}@-webkit-keyframes fa-flip{50%{-webkit-transform:rotate3d(var(--fa-flip-x,0),var(--fa-flip-y,1),var(--fa-flip-z,0),var(--fa-flip-angle,-180deg));transform:rotate3d(var(--fa-flip-x,0),var(--fa-flip-y,1),var(--fa-flip-z,0),var(--fa-flip-angle,-180deg))}}@keyframes fa-flip{50%{-webkit-transform:rotate3d(var(--fa-flip-x,0),var(--fa-flip-y,1),var(--fa-flip-z,0),var(--fa-flip-angle,-180deg));transform:rotate3d(var(--fa-flip-x,0),var(--fa-flip-y,1),var(--fa-flip-z,0),var(--fa-flip-angle,-180deg))}}@-webkit-keyframes fa-shake{0%{-webkit-transform:rotate(-15deg);transform:rotate(-15deg)}4%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}8%,24%{-webkit-transform:rotate(-18deg);transform:rotate(-18deg)}12%,28%{-webkit-transform:rotate(18deg);transform:rotate(18deg)}16%{-webkit-transform:rotate(-22deg);transform:rotate(-22deg)}20%{-webkit-transform:rotate(22deg);transform:rotate(22deg)}32%{-webkit-transform:rotate(-12deg);transform:rotate(-12deg)}36%{-webkit-transform:rotate(12deg);transform:rotate(12deg)}40%,to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes fa-shake{0%{-webkit-transform:rotate(-15deg);transform:rotate(-15deg)}4%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}8%,24%{-webkit-transform:rotate(-18deg);transform:rotate(-18deg)}12%,28%{-webkit-transform:rotate(18deg);transform:rotate(18deg)}16%{-webkit-transform:rotate(-22deg);transform:rotate(-22deg)}20%{-webkit-transform:rotate(22deg);transform:rotate(22deg)}32%{-webkit-transform:rotate(-12deg);transform:rotate(-12deg)}36%{-webkit-transform:rotate(12deg);transform:rotate(12deg)}40%,to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.fa-rotate-90{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-webkit-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-webkit-transform:scaleX(-1);transform:scaleX(-1)}.fa-flip-vertical{-webkit-transform:scaleY(-1);transform:scaleY(-1)}.fa-flip-both,.fa-flip-horizontal.fa-flip-vertical{-webkit-transform:scale(-1);transform:scale(-1)}.fa-rotate-by{-webkit-transform:rotate(var(--fa-rotate-angle,none));transform:rotate(var(--fa-rotate-angle,none))}.fa-stack{display:inline-block;height:2em;line-height:2em;position:relative;vertical-align:middle;width:2.5em}.fa-stack-1x,.fa-stack-2x{left:0;position:absolute;text-align:center;width:100%;z-index:var(--fa-stack-z-index,auto)}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:var(--fa-inverse,#fff)}.fa-0:before{content:"\30"}.fa-1:before{content:"\31"}.fa-2:before{content:"\32"}.fa-3:before{content:"\33"}.fa-4:before{content:"\34"}.fa-5:before{content:"\35"}.fa-6:before{content:"\36"}.fa-7:before{content:"\37"}.fa-8:before{content:"\38"}.fa-9:before{content:"\39"}.fa-a:before{content:"\41"}.fa-address-book:before,.fa-contact-book:before{content:"\f2b9"}.fa-address-card:before,.fa-contact-card:before,.fa-vcard:before{content:"\f2bb"}.fa-align-center:before{content:"\f037"}.fa-align-justify:before{content:"\f039"}.fa-align-left:before{content:"\f036"}.fa-align-right:before{content:"\f038"}.fa-anchor:before{content:"\f13d"}.fa-anchor-circle-check:before{content:"\e4aa"}.fa-anchor-circle-exclamation:before{content:"\e4ab"}.fa-anchor-circle-xmark:before{content:"\e4ac"}.fa-anchor-lock:before{content:"\e4ad"}.fa-angle-down:before{content:"\f107"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-double-down:before,.fa-angles-down:before{content:"\f103"}.fa-angle-double-left:before,.fa-angles-left:before{content:"\f100"}.fa-angle-double-right:before,.fa-angles-right:before{content:"\f101"}.fa-angle-double-up:before,.fa-angles-up:before{content:"\f102"}.fa-ankh:before{content:"\f644"}.fa-apple-alt:before,.fa-apple-whole:before{content:"\f5d1"}.fa-archway:before{content:"\f557"}.fa-arrow-down:before{content:"\f063"}.fa-arrow-down-1-9:before,.fa-sort-numeric-asc:before,.fa-sort-numeric-down:before{content:"\f162"}.fa-arrow-down-9-1:before,.fa-sort-numeric-desc:before,.fa-sort-numeric-down-alt:before{content:"\f886"}.fa-arrow-down-a-z:before,.fa-sort-alpha-asc:before,.fa-sort-alpha-down:before{content:"\f15d"}.fa-arrow-down-long:before,.fa-long-arrow-down:before{content:"\f175"}.fa-arrow-down-short-wide:before,.fa-sort-amount-desc:before,.fa-sort-amount-down-alt:before{content:"\f884"}.fa-arrow-down-up-across-line:before{content:"\e4af"}.fa-arrow-down-up-lock:before{content:"\e4b0"}.fa-arrow-down-wide-short:before,.fa-sort-amount-asc:before,.fa-sort-amount-down:before{content:"\f160"}.fa-arrow-down-z-a:before,.fa-sort-alpha-desc:before,.fa-sort-alpha-down-alt:before{content:"\f881"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-left-long:before,.fa-long-arrow-left:before{content:"\f177"}.fa-arrow-pointer:before,.fa-mouse-pointer:before{content:"\f245"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-right-arrow-left:before,.fa-exchange:before{content:"\f0ec"}.fa-arrow-right-from-bracket:before,.fa-sign-out:before{content:"\f08b"}.fa-arrow-right-long:before,.fa-long-arrow-right:before{content:"\f178"}.fa-arrow-right-to-bracket:before,.fa-sign-in:before{content:"\f090"}.fa-arrow-right-to-city:before{content:"\e4b3"}.fa-arrow-left-rotate:before,.fa-arrow-rotate-back:before,.fa-arrow-rotate-backward:before,.fa-arrow-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-arrow-right-rotate:before,.fa-arrow-rotate-forward:before,.fa-arrow-rotate-right:before,.fa-redo:before{content:"\f01e"}.fa-arrow-trend-down:before{content:"\e097"}.fa-arrow-trend-up:before{content:"\e098"}.fa-arrow-turn-down:before,.fa-level-down:before{content:"\f149"}.fa-arrow-turn-up:before,.fa-level-up:before{content:"\f148"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-up-1-9:before,.fa-sort-numeric-up:before{content:"\f163"}.fa-arrow-up-9-1:before,.fa-sort-numeric-up-alt:before{content:"\f887"}.fa-arrow-up-a-z:before,.fa-sort-alpha-up:before{content:"\f15e"}.fa-arrow-up-from-bracket:before{content:"\e09a"}.fa-arrow-up-from-ground-water:before{content:"\e4b5"}.fa-arrow-up-from-water-pump:before{content:"\e4b6"}.fa-arrow-up-long:before,.fa-long-arrow-up:before{content:"\f176"}.fa-arrow-up-right-dots:before{content:"\e4b7"}.fa-arrow-up-right-from-square:before,.fa-external-link:before{content:"\f08e"}.fa-arrow-up-short-wide:before,.fa-sort-amount-up-alt:before{content:"\f885"}.fa-arrow-up-wide-short:before,.fa-sort-amount-up:before{content:"\f161"}.fa-arrow-up-z-a:before,.fa-sort-alpha-up-alt:before{content:"\f882"}.fa-arrows-down-to-line:before{content:"\e4b8"}.fa-arrows-down-to-people:before{content:"\e4b9"}.fa-arrows-h:before,.fa-arrows-left-right:before{content:"\f07e"}.fa-arrows-left-right-to-line:before{content:"\e4ba"}.fa-arrows-rotate:before,.fa-refresh:before,.fa-sync:before{content:"\f021"}.fa-arrows-spin:before{content:"\e4bb"}.fa-arrows-split-up-and-left:before{content:"\e4bc"}.fa-arrows-to-circle:before{content:"\e4bd"}.fa-arrows-to-dot:before{content:"\e4be"}.fa-arrows-to-eye:before{content:"\e4bf"}.fa-arrows-turn-right:before{content:"\e4c0"}.fa-arrows-turn-to-dots:before{content:"\e4c1"}.fa-arrows-up-down:before,.fa-arrows-v:before{content:"\f07d"}.fa-arrows-up-down-left-right:before,.fa-arrows:before{content:"\f047"}.fa-arrows-up-to-line:before{content:"\e4c2"}.fa-asterisk:before{content:"\2a"}.fa-at:before{content:"\40"}.fa-atom:before{content:"\f5d2"}.fa-audio-description:before{content:"\f29e"}.fa-austral-sign:before{content:"\e0a9"}.fa-award:before{content:"\f559"}.fa-b:before{content:"\42"}.fa-baby:before{content:"\f77c"}.fa-baby-carriage:before,.fa-carriage-baby:before{content:"\f77d"}.fa-backward:before{content:"\f04a"}.fa-backward-fast:before,.fa-fast-backward:before{content:"\f049"}.fa-backward-step:before,.fa-step-backward:before{content:"\f048"}.fa-bacon:before{content:"\f7e5"}.fa-bacteria:before{content:"\e059"}.fa-bacterium:before{content:"\e05a"}.fa-bag-shopping:before,.fa-shopping-bag:before{content:"\f290"}.fa-bahai:before{content:"\f666"}.fa-baht-sign:before{content:"\e0ac"}.fa-ban:before,.fa-cancel:before{content:"\f05e"}.fa-ban-smoking:before,.fa-smoking-ban:before{content:"\f54d"}.fa-band-aid:before,.fa-bandage:before{content:"\f462"}.fa-barcode:before{content:"\f02a"}.fa-bars:before,.fa-navicon:before{content:"\f0c9"}.fa-bars-progress:before,.fa-tasks-alt:before{content:"\f828"}.fa-bars-staggered:before,.fa-reorder:before,.fa-stream:before{content:"\f550"}.fa-baseball-ball:before,.fa-baseball:before{content:"\f433"}.fa-baseball-bat-ball:before{content:"\f432"}.fa-basket-shopping:before,.fa-shopping-basket:before{content:"\f291"}.fa-basketball-ball:before,.fa-basketball:before{content:"\f434"}.fa-bath:before,.fa-bathtub:before{content:"\f2cd"}.fa-battery-0:before,.fa-battery-empty:before{content:"\f244"}.fa-battery-5:before,.fa-battery-full:before,.fa-battery:before{content:"\f240"}.fa-battery-3:before,.fa-battery-half:before{content:"\f242"}.fa-battery-2:before,.fa-battery-quarter:before{content:"\f243"}.fa-battery-4:before,.fa-battery-three-quarters:before{content:"\f241"}.fa-bed:before{content:"\f236"}.fa-bed-pulse:before,.fa-procedures:before{content:"\f487"}.fa-beer-mug-empty:before,.fa-beer:before{content:"\f0fc"}.fa-bell:before{content:"\f0f3"}.fa-bell-concierge:before,.fa-concierge-bell:before{content:"\f562"}.fa-bell-slash:before{content:"\f1f6"}.fa-bezier-curve:before{content:"\f55b"}.fa-bicycle:before{content:"\f206"}.fa-binoculars:before{content:"\f1e5"}.fa-biohazard:before{content:"\f780"}.fa-bitcoin-sign:before{content:"\e0b4"}.fa-blender:before{content:"\f517"}.fa-blender-phone:before{content:"\f6b6"}.fa-blog:before{content:"\f781"}.fa-bold:before{content:"\f032"}.fa-bolt:before,.fa-zap:before{content:"\f0e7"}.fa-bolt-lightning:before{content:"\e0b7"}.fa-bomb:before{content:"\f1e2"}.fa-bone:before{content:"\f5d7"}.fa-bong:before{content:"\f55c"}.fa-book:before{content:"\f02d"}.fa-atlas:before,.fa-book-atlas:before{content:"\f558"}.fa-bible:before,.fa-book-bible:before{content:"\f647"}.fa-book-bookmark:before{content:"\e0bb"}.fa-book-journal-whills:before,.fa-journal-whills:before{content:"\f66a"}.fa-book-medical:before{content:"\f7e6"}.fa-book-open:before{content:"\f518"}.fa-book-open-reader:before,.fa-book-reader:before{content:"\f5da"}.fa-book-quran:before,.fa-quran:before{content:"\f687"}.fa-book-dead:before,.fa-book-skull:before{content:"\f6b7"}.fa-bookmark:before{content:"\f02e"}.fa-border-all:before{content:"\f84c"}.fa-border-none:before{content:"\f850"}.fa-border-style:before,.fa-border-top-left:before{content:"\f853"}.fa-bore-hole:before{content:"\e4c3"}.fa-bottle-droplet:before{content:"\e4c4"}.fa-bottle-water:before{content:"\e4c5"}.fa-bowl-food:before{content:"\e4c6"}.fa-bowl-rice:before{content:"\e2eb"}.fa-bowling-ball:before{content:"\f436"}.fa-box:before{content:"\f466"}.fa-archive:before,.fa-box-archive:before{content:"\f187"}.fa-box-open:before{content:"\f49e"}.fa-box-tissue:before{content:"\e05b"}.fa-boxes-packing:before{content:"\e4c7"}.fa-boxes-alt:before,.fa-boxes-stacked:before,.fa-boxes:before{content:"\f468"}.fa-braille:before{content:"\f2a1"}.fa-brain:before{content:"\f5dc"}.fa-brazilian-real-sign:before{content:"\e46c"}.fa-bread-slice:before{content:"\f7ec"}.fa-bridge:before{content:"\e4c8"}.fa-bridge-circle-check:before{content:"\e4c9"}.fa-bridge-circle-exclamation:before{content:"\e4ca"}.fa-bridge-circle-xmark:before{content:"\e4cb"}.fa-bridge-lock:before{content:"\e4cc"}.fa-bridge-water:before{content:"\e4ce"}.fa-briefcase:before{content:"\f0b1"}.fa-briefcase-medical:before{content:"\f469"}.fa-broom:before{content:"\f51a"}.fa-broom-ball:before,.fa-quidditch-broom-ball:before,.fa-quidditch:before{content:"\f458"}.fa-brush:before{content:"\f55d"}.fa-bucket:before{content:"\e4cf"}.fa-bug:before{content:"\f188"}.fa-bug-slash:before{content:"\e490"}.fa-bugs:before{content:"\e4d0"}.fa-building:before{content:"\f1ad"}.fa-building-circle-arrow-right:before{content:"\e4d1"}.fa-building-circle-check:before{content:"\e4d2"}.fa-building-circle-exclamation:before{content:"\e4d3"}.fa-building-circle-xmark:before{content:"\e4d4"}.fa-bank:before,.fa-building-columns:before,.fa-institution:before,.fa-museum:before,.fa-university:before{content:"\f19c"}.fa-building-flag:before{content:"\e4d5"}.fa-building-lock:before{content:"\e4d6"}.fa-building-ngo:before{content:"\e4d7"}.fa-building-shield:before{content:"\e4d8"}.fa-building-un:before{content:"\e4d9"}.fa-building-user:before{content:"\e4da"}.fa-building-wheat:before{content:"\e4db"}.fa-bullhorn:before{content:"\f0a1"}.fa-bullseye:before{content:"\f140"}.fa-burger:before,.fa-hamburger:before{content:"\f805"}.fa-burst:before{content:"\e4dc"}.fa-bus:before{content:"\f207"}.fa-bus-alt:before,.fa-bus-simple:before{content:"\f55e"}.fa-briefcase-clock:before,.fa-business-time:before{content:"\f64a"}.fa-c:before{content:"\43"}.fa-birthday-cake:before,.fa-cake-candles:before,.fa-cake:before{content:"\f1fd"}.fa-calculator:before{content:"\f1ec"}.fa-calendar:before{content:"\f133"}.fa-calendar-check:before{content:"\f274"}.fa-calendar-day:before{content:"\f783"}.fa-calendar-alt:before,.fa-calendar-days:before{content:"\f073"}.fa-calendar-minus:before{content:"\f272"}.fa-calendar-plus:before{content:"\f271"}.fa-calendar-week:before{content:"\f784"}.fa-calendar-times:before,.fa-calendar-xmark:before{content:"\f273"}.fa-camera-alt:before,.fa-camera:before{content:"\f030"}.fa-camera-retro:before{content:"\f083"}.fa-camera-rotate:before{content:"\e0d8"}.fa-campground:before{content:"\f6bb"}.fa-candy-cane:before{content:"\f786"}.fa-cannabis:before{content:"\f55f"}.fa-capsules:before{content:"\f46b"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-battery-car:before,.fa-car-battery:before{content:"\f5df"}.fa-car-burst:before,.fa-car-crash:before{content:"\f5e1"}.fa-car-on:before{content:"\e4dd"}.fa-car-alt:before,.fa-car-rear:before{content:"\f5de"}.fa-car-side:before{content:"\f5e4"}.fa-car-tunnel:before{content:"\e4de"}.fa-caravan:before{content:"\f8ff"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-caret-up:before{content:"\f0d8"}.fa-carrot:before{content:"\f787"}.fa-cart-arrow-down:before{content:"\f218"}.fa-cart-flatbed:before,.fa-dolly-flatbed:before{content:"\f474"}.fa-cart-flatbed-suitcase:before,.fa-luggage-cart:before{content:"\f59d"}.fa-cart-plus:before{content:"\f217"}.fa-cart-shopping:before,.fa-shopping-cart:before{content:"\f07a"}.fa-cash-register:before{content:"\f788"}.fa-cat:before{content:"\f6be"}.fa-cedi-sign:before{content:"\e0df"}.fa-cent-sign:before{content:"\e3f5"}.fa-certificate:before{content:"\f0a3"}.fa-chair:before{content:"\f6c0"}.fa-blackboard:before,.fa-chalkboard:before{content:"\f51b"}.fa-chalkboard-teacher:before,.fa-chalkboard-user:before{content:"\f51c"}.fa-champagne-glasses:before,.fa-glass-cheers:before{content:"\f79f"}.fa-charging-station:before{content:"\f5e7"}.fa-area-chart:before,.fa-chart-area:before{content:"\f1fe"}.fa-bar-chart:before,.fa-chart-bar:before{content:"\f080"}.fa-chart-column:before{content:"\e0e3"}.fa-chart-gantt:before{content:"\e0e4"}.fa-chart-line:before,.fa-line-chart:before{content:"\f201"}.fa-chart-pie:before,.fa-pie-chart:before{content:"\f200"}.fa-chart-simple:before{content:"\e473"}.fa-check:before{content:"\f00c"}.fa-check-double:before{content:"\f560"}.fa-check-to-slot:before,.fa-vote-yea:before{content:"\f772"}.fa-cheese:before{content:"\f7ef"}.fa-chess:before{content:"\f439"}.fa-chess-bishop:before{content:"\f43a"}.fa-chess-board:before{content:"\f43c"}.fa-chess-king:before{content:"\f43f"}.fa-chess-knight:before{content:"\f441"}.fa-chess-pawn:before{content:"\f443"}.fa-chess-queen:before{content:"\f445"}.fa-chess-rook:before{content:"\f447"}.fa-chevron-down:before{content:"\f078"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-chevron-up:before{content:"\f077"}.fa-child:before{content:"\f1ae"}.fa-child-dress:before{content:"\e59c"}.fa-child-reaching:before{content:"\e59d"}.fa-child-rifle:before{content:"\e4e0"}.fa-children:before{content:"\e4e1"}.fa-church:before{content:"\f51d"}.fa-circle:before{content:"\f111"}.fa-arrow-circle-down:before,.fa-circle-arrow-down:before{content:"\f0ab"}.fa-arrow-circle-left:before,.fa-circle-arrow-left:before{content:"\f0a8"}.fa-arrow-circle-right:before,.fa-circle-arrow-right:before{content:"\f0a9"}.fa-arrow-circle-up:before,.fa-circle-arrow-up:before{content:"\f0aa"}.fa-check-circle:before,.fa-circle-check:before{content:"\f058"}.fa-chevron-circle-down:before,.fa-circle-chevron-down:before{content:"\f13a"}.fa-chevron-circle-left:before,.fa-circle-chevron-left:before{content:"\f137"}.fa-chevron-circle-right:before,.fa-circle-chevron-right:before{content:"\f138"}.fa-chevron-circle-up:before,.fa-circle-chevron-up:before{content:"\f139"}.fa-circle-dollar-to-slot:before,.fa-donate:before{content:"\f4b9"}.fa-circle-dot:before,.fa-dot-circle:before{content:"\f192"}.fa-arrow-alt-circle-down:before,.fa-circle-down:before{content:"\f358"}.fa-circle-exclamation:before,.fa-exclamation-circle:before{content:"\f06a"}.fa-circle-h:before,.fa-hospital-symbol:before{content:"\f47e"}.fa-adjust:before,.fa-circle-half-stroke:before{content:"\f042"}.fa-circle-info:before,.fa-info-circle:before{content:"\f05a"}.fa-arrow-alt-circle-left:before,.fa-circle-left:before{content:"\f359"}.fa-circle-minus:before,.fa-minus-circle:before{content:"\f056"}.fa-circle-nodes:before{content:"\e4e2"}.fa-circle-notch:before{content:"\f1ce"}.fa-circle-pause:before,.fa-pause-circle:before{content:"\f28b"}.fa-circle-play:before,.fa-play-circle:before{content:"\f144"}.fa-circle-plus:before,.fa-plus-circle:before{content:"\f055"}.fa-circle-question:before,.fa-question-circle:before{content:"\f059"}.fa-circle-radiation:before,.fa-radiation-alt:before{content:"\f7ba"}.fa-arrow-alt-circle-right:before,.fa-circle-right:before{content:"\f35a"}.fa-circle-stop:before,.fa-stop-circle:before{content:"\f28d"}.fa-arrow-alt-circle-up:before,.fa-circle-up:before{content:"\f35b"}.fa-circle-user:before,.fa-user-circle:before{content:"\f2bd"}.fa-circle-xmark:before,.fa-times-circle:before,.fa-xmark-circle:before{content:"\f057"}.fa-city:before{content:"\f64f"}.fa-clapperboard:before{content:"\e131"}.fa-clipboard:before{content:"\f328"}.fa-clipboard-check:before{content:"\f46c"}.fa-clipboard-list:before{content:"\f46d"}.fa-clipboard-question:before{content:"\e4e3"}.fa-clipboard-user:before{content:"\f7f3"}.fa-clock-four:before,.fa-clock:before{content:"\f017"}.fa-clock-rotate-left:before,.fa-history:before{content:"\f1da"}.fa-clone:before{content:"\f24d"}.fa-closed-captioning:before{content:"\f20a"}.fa-cloud:before{content:"\f0c2"}.fa-cloud-arrow-down:before,.fa-cloud-download-alt:before,.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-arrow-up:before,.fa-cloud-upload-alt:before,.fa-cloud-upload:before{content:"\f0ee"}.fa-cloud-bolt:before,.fa-thunderstorm:before{content:"\f76c"}.fa-cloud-meatball:before{content:"\f73b"}.fa-cloud-moon:before{content:"\f6c3"}.fa-cloud-moon-rain:before{content:"\f73c"}.fa-cloud-rain:before{content:"\f73d"}.fa-cloud-showers-heavy:before{content:"\f740"}.fa-cloud-showers-water:before{content:"\e4e4"}.fa-cloud-sun:before{content:"\f6c4"}.fa-cloud-sun-rain:before{content:"\f743"}.fa-clover:before{content:"\e139"}.fa-code:before{content:"\f121"}.fa-code-branch:before{content:"\f126"}.fa-code-commit:before{content:"\f386"}.fa-code-compare:before{content:"\e13a"}.fa-code-fork:before{content:"\e13b"}.fa-code-merge:before{content:"\f387"}.fa-code-pull-request:before{content:"\e13c"}.fa-coins:before{content:"\f51e"}.fa-colon-sign:before{content:"\e140"}.fa-comment:before{content:"\f075"}.fa-comment-dollar:before{content:"\f651"}.fa-comment-dots:before,.fa-commenting:before{content:"\f4ad"}.fa-comment-medical:before{content:"\f7f5"}.fa-comment-slash:before{content:"\f4b3"}.fa-comment-sms:before,.fa-sms:before{content:"\f7cd"}.fa-comments:before{content:"\f086"}.fa-comments-dollar:before{content:"\f653"}.fa-compact-disc:before{content:"\f51f"}.fa-compass:before{content:"\f14e"}.fa-compass-drafting:before,.fa-drafting-compass:before{content:"\f568"}.fa-compress:before{content:"\f066"}.fa-computer:before{content:"\e4e5"}.fa-computer-mouse:before,.fa-mouse:before{content:"\f8cc"}.fa-cookie:before{content:"\f563"}.fa-cookie-bite:before{content:"\f564"}.fa-copy:before{content:"\f0c5"}.fa-copyright:before{content:"\f1f9"}.fa-couch:before{content:"\f4b8"}.fa-cow:before{content:"\f6c8"}.fa-credit-card-alt:before,.fa-credit-card:before{content:"\f09d"}.fa-crop:before{content:"\f125"}.fa-crop-alt:before,.fa-crop-simple:before{content:"\f565"}.fa-cross:before{content:"\f654"}.fa-crosshairs:before{content:"\f05b"}.fa-crow:before{content:"\f520"}.fa-crown:before{content:"\f521"}.fa-crutch:before{content:"\f7f7"}.fa-cruzeiro-sign:before{content:"\e152"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-cubes-stacked:before{content:"\e4e6"}.fa-d:before{content:"\44"}.fa-database:before{content:"\f1c0"}.fa-backspace:before,.fa-delete-left:before{content:"\f55a"}.fa-democrat:before{content:"\f747"}.fa-desktop-alt:before,.fa-desktop:before{content:"\f390"}.fa-dharmachakra:before{content:"\f655"}.fa-diagram-next:before{content:"\e476"}.fa-diagram-predecessor:before{content:"\e477"}.fa-diagram-project:before,.fa-project-diagram:before{content:"\f542"}.fa-diagram-successor:before{content:"\e47a"}.fa-diamond:before{content:"\f219"}.fa-diamond-turn-right:before,.fa-directions:before{content:"\f5eb"}.fa-dice:before{content:"\f522"}.fa-dice-d20:before{content:"\f6cf"}.fa-dice-d6:before{content:"\f6d1"}.fa-dice-five:before{content:"\f523"}.fa-dice-four:before{content:"\f524"}.fa-dice-one:before{content:"\f525"}.fa-dice-six:before{content:"\f526"}.fa-dice-three:before{content:"\f527"}.fa-dice-two:before{content:"\f528"}.fa-disease:before{content:"\f7fa"}.fa-display:before{content:"\e163"}.fa-divide:before{content:"\f529"}.fa-dna:before{content:"\f471"}.fa-dog:before{content:"\f6d3"}.fa-dollar-sign:before,.fa-dollar:before,.fa-usd:before{content:"\24"}.fa-dolly-box:before,.fa-dolly:before{content:"\f472"}.fa-dong-sign:before{content:"\e169"}.fa-door-closed:before{content:"\f52a"}.fa-door-open:before{content:"\f52b"}.fa-dove:before{content:"\f4ba"}.fa-compress-alt:before,.fa-down-left-and-up-right-to-center:before{content:"\f422"}.fa-down-long:before,.fa-long-arrow-alt-down:before{content:"\f309"}.fa-download:before{content:"\f019"}.fa-dragon:before{content:"\f6d5"}.fa-draw-polygon:before{content:"\f5ee"}.fa-droplet:before,.fa-tint:before{content:"\f043"}.fa-droplet-slash:before,.fa-tint-slash:before{content:"\f5c7"}.fa-drum:before{content:"\f569"}.fa-drum-steelpan:before{content:"\f56a"}.fa-drumstick-bite:before{content:"\f6d7"}.fa-dumbbell:before{content:"\f44b"}.fa-dumpster:before{content:"\f793"}.fa-dumpster-fire:before{content:"\f794"}.fa-dungeon:before{content:"\f6d9"}.fa-e:before{content:"\45"}.fa-deaf:before,.fa-deafness:before,.fa-ear-deaf:before,.fa-hard-of-hearing:before{content:"\f2a4"}.fa-assistive-listening-systems:before,.fa-ear-listen:before{content:"\f2a2"}.fa-earth-africa:before,.fa-globe-africa:before{content:"\f57c"}.fa-earth-america:before,.fa-earth-americas:before,.fa-earth:before,.fa-globe-americas:before{content:"\f57d"}.fa-earth-asia:before,.fa-globe-asia:before{content:"\f57e"}.fa-earth-europe:before,.fa-globe-europe:before{content:"\f7a2"}.fa-earth-oceania:before,.fa-globe-oceania:before{content:"\e47b"}.fa-egg:before{content:"\f7fb"}.fa-eject:before{content:"\f052"}.fa-elevator:before{content:"\e16d"}.fa-ellipsis-h:before,.fa-ellipsis:before{content:"\f141"}.fa-ellipsis-v:before,.fa-ellipsis-vertical:before{content:"\f142"}.fa-envelope:before{content:"\f0e0"}.fa-envelope-circle-check:before{content:"\e4e8"}.fa-envelope-open:before{content:"\f2b6"}.fa-envelope-open-text:before{content:"\f658"}.fa-envelopes-bulk:before,.fa-mail-bulk:before{content:"\f674"}.fa-equals:before{content:"\3d"}.fa-eraser:before{content:"\f12d"}.fa-ethernet:before{content:"\f796"}.fa-eur:before,.fa-euro-sign:before,.fa-euro:before{content:"\f153"}.fa-exclamation:before{content:"\21"}.fa-expand:before{content:"\f065"}.fa-explosion:before{content:"\e4e9"}.fa-eye:before{content:"\f06e"}.fa-eye-dropper-empty:before,.fa-eye-dropper:before,.fa-eyedropper:before{content:"\f1fb"}.fa-eye-low-vision:before,.fa-low-vision:before{content:"\f2a8"}.fa-eye-slash:before{content:"\f070"}.fa-f:before{content:"\46"}.fa-angry:before,.fa-face-angry:before{content:"\f556"}.fa-dizzy:before,.fa-face-dizzy:before{content:"\f567"}.fa-face-flushed:before,.fa-flushed:before{content:"\f579"}.fa-face-frown:before,.fa-frown:before{content:"\f119"}.fa-face-frown-open:before,.fa-frown-open:before{content:"\f57a"}.fa-face-grimace:before,.fa-grimace:before{content:"\f57f"}.fa-face-grin:before,.fa-grin:before{content:"\f580"}.fa-face-grin-beam:before,.fa-grin-beam:before{content:"\f582"}.fa-face-grin-beam-sweat:before,.fa-grin-beam-sweat:before{content:"\f583"}.fa-face-grin-hearts:before,.fa-grin-hearts:before{content:"\f584"}.fa-face-grin-squint:before,.fa-grin-squint:before{content:"\f585"}.fa-face-grin-squint-tears:before,.fa-grin-squint-tears:before{content:"\f586"}.fa-face-grin-stars:before,.fa-grin-stars:before{content:"\f587"}.fa-face-grin-tears:before,.fa-grin-tears:before{content:"\f588"}.fa-face-grin-tongue:before,.fa-grin-tongue:before{content:"\f589"}.fa-face-grin-tongue-squint:before,.fa-grin-tongue-squint:before{content:"\f58a"}.fa-face-grin-tongue-wink:before,.fa-grin-tongue-wink:before{content:"\f58b"}.fa-face-grin-wide:before,.fa-grin-alt:before{content:"\f581"}.fa-face-grin-wink:before,.fa-grin-wink:before{content:"\f58c"}.fa-face-kiss:before,.fa-kiss:before{content:"\f596"}.fa-face-kiss-beam:before,.fa-kiss-beam:before{content:"\f597"}.fa-face-kiss-wink-heart:before,.fa-kiss-wink-heart:before{content:"\f598"}.fa-face-laugh:before,.fa-laugh:before{content:"\f599"}.fa-face-laugh-beam:before,.fa-laugh-beam:before{content:"\f59a"}.fa-face-laugh-squint:before,.fa-laugh-squint:before{content:"\f59b"}.fa-face-laugh-wink:before,.fa-laugh-wink:before{content:"\f59c"}.fa-face-meh:before,.fa-meh:before{content:"\f11a"}.fa-face-meh-blank:before,.fa-meh-blank:before{content:"\f5a4"}.fa-face-rolling-eyes:before,.fa-meh-rolling-eyes:before{content:"\f5a5"}.fa-face-sad-cry:before,.fa-sad-cry:before{content:"\f5b3"}.fa-face-sad-tear:before,.fa-sad-tear:before{content:"\f5b4"}.fa-face-smile:before,.fa-smile:before{content:"\f118"}.fa-face-smile-beam:before,.fa-smile-beam:before{content:"\f5b8"}.fa-face-smile-wink:before,.fa-smile-wink:before{content:"\f4da"}.fa-face-surprise:before,.fa-surprise:before{content:"\f5c2"}.fa-face-tired:before,.fa-tired:before{content:"\f5c8"}.fa-fan:before{content:"\f863"}.fa-faucet:before{content:"\e005"}.fa-faucet-drip:before{content:"\e006"}.fa-fax:before{content:"\f1ac"}.fa-feather:before{content:"\f52d"}.fa-feather-alt:before,.fa-feather-pointed:before{content:"\f56b"}.fa-ferry:before{content:"\e4ea"}.fa-file:before{content:"\f15b"}.fa-file-arrow-down:before,.fa-file-download:before{content:"\f56d"}.fa-file-arrow-up:before,.fa-file-upload:before{content:"\f574"}.fa-file-audio:before{content:"\f1c7"}.fa-file-circle-check:before{content:"\e493"}.fa-file-circle-exclamation:before{content:"\e4eb"}.fa-file-circle-minus:before{content:"\e4ed"}.fa-file-circle-plus:before{content:"\e4ee"}.fa-file-circle-question:before{content:"\e4ef"}.fa-file-circle-xmark:before{content:"\e494"}.fa-file-code:before{content:"\f1c9"}.fa-file-contract:before{content:"\f56c"}.fa-file-csv:before{content:"\f6dd"}.fa-file-excel:before{content:"\f1c3"}.fa-arrow-right-from-file:before,.fa-file-export:before{content:"\f56e"}.fa-file-image:before{content:"\f1c5"}.fa-arrow-right-to-file:before,.fa-file-import:before{content:"\f56f"}.fa-file-invoice:before{content:"\f570"}.fa-file-invoice-dollar:before{content:"\f571"}.fa-file-alt:before,.fa-file-lines:before,.fa-file-text:before{content:"\f15c"}.fa-file-medical:before{content:"\f477"}.fa-file-pdf:before{content:"\f1c1"}.fa-file-edit:before,.fa-file-pen:before{content:"\f31c"}.fa-file-powerpoint:before{content:"\f1c4"}.fa-file-prescription:before{content:"\f572"}.fa-file-shield:before{content:"\e4f0"}.fa-file-signature:before{content:"\f573"}.fa-file-video:before{content:"\f1c8"}.fa-file-medical-alt:before,.fa-file-waveform:before{content:"\f478"}.fa-file-word:before{content:"\f1c2"}.fa-file-archive:before,.fa-file-zipper:before{content:"\f1c6"}.fa-fill:before{content:"\f575"}.fa-fill-drip:before{content:"\f576"}.fa-film:before{content:"\f008"}.fa-filter:before{content:"\f0b0"}.fa-filter-circle-dollar:before,.fa-funnel-dollar:before{content:"\f662"}.fa-filter-circle-xmark:before{content:"\e17b"}.fa-fingerprint:before{content:"\f577"}.fa-fire:before{content:"\f06d"}.fa-fire-burner:before{content:"\e4f1"}.fa-fire-extinguisher:before{content:"\f134"}.fa-fire-alt:before,.fa-fire-flame-curved:before{content:"\f7e4"}.fa-burn:before,.fa-fire-flame-simple:before{content:"\f46a"}.fa-fish:before{content:"\f578"}.fa-fish-fins:before{content:"\e4f2"}.fa-flag:before{content:"\f024"}.fa-flag-checkered:before{content:"\f11e"}.fa-flag-usa:before{content:"\f74d"}.fa-flask:before{content:"\f0c3"}.fa-flask-vial:before{content:"\e4f3"}.fa-floppy-disk:before,.fa-save:before{content:"\f0c7"}.fa-florin-sign:before{content:"\e184"}.fa-folder-blank:before,.fa-folder:before{content:"\f07b"}.fa-folder-closed:before{content:"\e185"}.fa-folder-minus:before{content:"\f65d"}.fa-folder-open:before{content:"\f07c"}.fa-folder-plus:before{content:"\f65e"}.fa-folder-tree:before{content:"\f802"}.fa-font:before{content:"\f031"}.fa-football-ball:before,.fa-football:before{content:"\f44e"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before,.fa-forward-fast:before{content:"\f050"}.fa-forward-step:before,.fa-step-forward:before{content:"\f051"}.fa-franc-sign:before{content:"\e18f"}.fa-frog:before{content:"\f52e"}.fa-futbol-ball:before,.fa-futbol:before,.fa-soccer-ball:before{content:"\f1e3"}.fa-g:before{content:"\47"}.fa-gamepad:before{content:"\f11b"}.fa-gas-pump:before{content:"\f52f"}.fa-dashboard:before,.fa-gauge-med:before,.fa-gauge:before,.fa-tachometer-alt-average:before{content:"\f624"}.fa-gauge-high:before,.fa-tachometer-alt-fast:before,.fa-tachometer-alt:before{content:"\f625"}.fa-gauge-simple-med:before,.fa-gauge-simple:before,.fa-tachometer-average:before{content:"\f629"}.fa-gauge-simple-high:before,.fa-tachometer-fast:before,.fa-tachometer:before{content:"\f62a"}.fa-gavel:before,.fa-legal:before{content:"\f0e3"}.fa-cog:before,.fa-gear:before{content:"\f013"}.fa-cogs:before,.fa-gears:before{content:"\f085"}.fa-gem:before{content:"\f3a5"}.fa-genderless:before{content:"\f22d"}.fa-ghost:before{content:"\f6e2"}.fa-gift:before{content:"\f06b"}.fa-gifts:before{content:"\f79c"}.fa-glass-water:before{content:"\e4f4"}.fa-glass-water-droplet:before{content:"\e4f5"}.fa-glasses:before{content:"\f530"}.fa-globe:before{content:"\f0ac"}.fa-golf-ball-tee:before,.fa-golf-ball:before{content:"\f450"}.fa-gopuram:before{content:"\f664"}.fa-graduation-cap:before,.fa-mortar-board:before{content:"\f19d"}.fa-greater-than:before{content:"\3e"}.fa-greater-than-equal:before{content:"\f532"}.fa-grip-horizontal:before,.fa-grip:before{content:"\f58d"}.fa-grip-lines:before{content:"\f7a4"}.fa-grip-lines-vertical:before{content:"\f7a5"}.fa-grip-vertical:before{content:"\f58e"}.fa-group-arrows-rotate:before{content:"\e4f6"}.fa-guarani-sign:before{content:"\e19a"}.fa-guitar:before{content:"\f7a6"}.fa-gun:before{content:"\e19b"}.fa-h:before{content:"\48"}.fa-hammer:before{content:"\f6e3"}.fa-hamsa:before{content:"\f665"}.fa-hand-paper:before,.fa-hand:before{content:"\f256"}.fa-hand-back-fist:before,.fa-hand-rock:before{content:"\f255"}.fa-allergies:before,.fa-hand-dots:before{content:"\f461"}.fa-fist-raised:before,.fa-hand-fist:before{content:"\f6de"}.fa-hand-holding:before{content:"\f4bd"}.fa-hand-holding-dollar:before,.fa-hand-holding-usd:before{content:"\f4c0"}.fa-hand-holding-droplet:before,.fa-hand-holding-water:before{content:"\f4c1"}.fa-hand-holding-hand:before{content:"\e4f7"}.fa-hand-holding-heart:before{content:"\f4be"}.fa-hand-holding-medical:before{content:"\e05c"}.fa-hand-lizard:before{content:"\f258"}.fa-hand-middle-finger:before{content:"\f806"}.fa-hand-peace:before{content:"\f25b"}.fa-hand-point-down:before{content:"\f0a7"}.fa-hand-point-left:before{content:"\f0a5"}.fa-hand-point-right:before{content:"\f0a4"}.fa-hand-point-up:before{content:"\f0a6"}.fa-hand-pointer:before{content:"\f25a"}.fa-hand-scissors:before{content:"\f257"}.fa-hand-sparkles:before{content:"\e05d"}.fa-hand-spock:before{content:"\f259"}.fa-handcuffs:before{content:"\e4f8"}.fa-hands:before,.fa-sign-language:before,.fa-signing:before{content:"\f2a7"}.fa-american-sign-language-interpreting:before,.fa-asl-interpreting:before,.fa-hands-american-sign-language-interpreting:before,.fa-hands-asl-interpreting:before{content:"\f2a3"}.fa-hands-bound:before{content:"\e4f9"}.fa-hands-bubbles:before,.fa-hands-wash:before{content:"\e05e"}.fa-hands-clapping:before{content:"\e1a8"}.fa-hands-holding:before{content:"\f4c2"}.fa-hands-holding-child:before{content:"\e4fa"}.fa-hands-holding-circle:before{content:"\e4fb"}.fa-hands-praying:before,.fa-praying-hands:before{content:"\f684"}.fa-handshake:before{content:"\f2b5"}.fa-hands-helping:before,.fa-handshake-angle:before{content:"\f4c4"}.fa-handshake-alt:before,.fa-handshake-simple:before{content:"\f4c6"}.fa-handshake-alt-slash:before,.fa-handshake-simple-slash:before{content:"\e05f"}.fa-handshake-slash:before{content:"\e060"}.fa-hanukiah:before{content:"\f6e6"}.fa-hard-drive:before,.fa-hdd:before{content:"\f0a0"}.fa-hashtag:before{content:"\23"}.fa-hat-cowboy:before{content:"\f8c0"}.fa-hat-cowboy-side:before{content:"\f8c1"}.fa-hat-wizard:before{content:"\f6e8"}.fa-head-side-cough:before{content:"\e061"}.fa-head-side-cough-slash:before{content:"\e062"}.fa-head-side-mask:before{content:"\e063"}.fa-head-side-virus:before{content:"\e064"}.fa-header:before,.fa-heading:before{content:"\f1dc"}.fa-headphones:before{content:"\f025"}.fa-headphones-alt:before,.fa-headphones-simple:before{content:"\f58f"}.fa-headset:before{content:"\f590"}.fa-heart:before{content:"\f004"}.fa-heart-circle-bolt:before{content:"\e4fc"}.fa-heart-circle-check:before{content:"\e4fd"}.fa-heart-circle-exclamation:before{content:"\e4fe"}.fa-heart-circle-minus:before{content:"\e4ff"}.fa-heart-circle-plus:before{content:"\e500"}.fa-heart-circle-xmark:before{content:"\e501"}.fa-heart-broken:before,.fa-heart-crack:before{content:"\f7a9"}.fa-heart-pulse:before,.fa-heartbeat:before{content:"\f21e"}.fa-helicopter:before{content:"\f533"}.fa-helicopter-symbol:before{content:"\e502"}.fa-hard-hat:before,.fa-hat-hard:before,.fa-helmet-safety:before{content:"\f807"}.fa-helmet-un:before{content:"\e503"}.fa-highlighter:before{content:"\f591"}.fa-hill-avalanche:before{content:"\e507"}.fa-hill-rockslide:before{content:"\e508"}.fa-hippo:before{content:"\f6ed"}.fa-hockey-puck:before{content:"\f453"}.fa-holly-berry:before{content:"\f7aa"}.fa-horse:before{content:"\f6f0"}.fa-horse-head:before{content:"\f7ab"}.fa-hospital-alt:before,.fa-hospital-wide:before,.fa-hospital:before{content:"\f0f8"}.fa-hospital-user:before{content:"\f80d"}.fa-hot-tub-person:before,.fa-hot-tub:before{content:"\f593"}.fa-hotdog:before{content:"\f80f"}.fa-hotel:before{content:"\f594"}.fa-hourglass-2:before,.fa-hourglass-half:before,.fa-hourglass:before{content:"\f254"}.fa-hourglass-empty:before{content:"\f252"}.fa-hourglass-3:before,.fa-hourglass-end:before{content:"\f253"}.fa-hourglass-1:before,.fa-hourglass-start:before{content:"\f251"}.fa-home-alt:before,.fa-home-lg-alt:before,.fa-home:before,.fa-house:before{content:"\f015"}.fa-home-lg:before,.fa-house-chimney:before{content:"\e3af"}.fa-house-chimney-crack:before,.fa-house-damage:before{content:"\f6f1"}.fa-clinic-medical:before,.fa-house-chimney-medical:before{content:"\f7f2"}.fa-house-chimney-user:before{content:"\e065"}.fa-house-chimney-window:before{content:"\e00d"}.fa-house-circle-check:before{content:"\e509"}.fa-house-circle-exclamation:before{content:"\e50a"}.fa-house-circle-xmark:before{content:"\e50b"}.fa-house-crack:before{content:"\e3b1"}.fa-house-fire:before{content:"\e50c"}.fa-house-flag:before{content:"\e50d"}.fa-house-flood-water:before{content:"\e50e"}.fa-house-flood-water-circle-arrow-right:before{content:"\e50f"}.fa-house-laptop:before,.fa-laptop-house:before{content:"\e066"}.fa-house-lock:before{content:"\e510"}.fa-house-medical:before{content:"\e3b2"}.fa-house-medical-circle-check:before{content:"\e511"}.fa-house-medical-circle-exclamation:before{content:"\e512"}.fa-house-medical-circle-xmark:before{content:"\e513"}.fa-house-medical-flag:before{content:"\e514"}.fa-house-signal:before{content:"\e012"}.fa-house-tsunami:before{content:"\e515"}.fa-home-user:before,.fa-house-user:before{content:"\e1b0"}.fa-hryvnia-sign:before,.fa-hryvnia:before{content:"\f6f2"}.fa-hurricane:before{content:"\f751"}.fa-i:before{content:"\49"}.fa-i-cursor:before{content:"\f246"}.fa-ice-cream:before{content:"\f810"}.fa-icicles:before{content:"\f7ad"}.fa-heart-music-camera-bolt:before,.fa-icons:before{content:"\f86d"}.fa-id-badge:before{content:"\f2c1"}.fa-drivers-license:before,.fa-id-card:before{content:"\f2c2"}.fa-id-card-alt:before,.fa-id-card-clip:before{content:"\f47f"}.fa-igloo:before{content:"\f7ae"}.fa-image:before{content:"\f03e"}.fa-image-portrait:before,.fa-portrait:before{content:"\f3e0"}.fa-images:before{content:"\f302"}.fa-inbox:before{content:"\f01c"}.fa-indent:before{content:"\f03c"}.fa-indian-rupee-sign:before,.fa-indian-rupee:before,.fa-inr:before{content:"\e1bc"}.fa-industry:before{content:"\f275"}.fa-infinity:before{content:"\f534"}.fa-info:before{content:"\f129"}.fa-italic:before{content:"\f033"}.fa-j:before{content:"\4a"}.fa-jar:before{content:"\e516"}.fa-jar-wheat:before{content:"\e517"}.fa-jedi:before{content:"\f669"}.fa-fighter-jet:before,.fa-jet-fighter:before{content:"\f0fb"}.fa-jet-fighter-up:before{content:"\e518"}.fa-joint:before{content:"\f595"}.fa-jug-detergent:before{content:"\e519"}.fa-k:before{content:"\4b"}.fa-kaaba:before{content:"\f66b"}.fa-key:before{content:"\f084"}.fa-keyboard:before{content:"\f11c"}.fa-khanda:before{content:"\f66d"}.fa-kip-sign:before{content:"\e1c4"}.fa-first-aid:before,.fa-kit-medical:before{content:"\f479"}.fa-kitchen-set:before{content:"\e51a"}.fa-kiwi-bird:before{content:"\f535"}.fa-l:before{content:"\4c"}.fa-land-mine-on:before{content:"\e51b"}.fa-landmark:before{content:"\f66f"}.fa-landmark-alt:before,.fa-landmark-dome:before{content:"\f752"}.fa-landmark-flag:before{content:"\e51c"}.fa-language:before{content:"\f1ab"}.fa-laptop:before{content:"\f109"}.fa-laptop-code:before{content:"\f5fc"}.fa-laptop-file:before{content:"\e51d"}.fa-laptop-medical:before{content:"\f812"}.fa-lari-sign:before{content:"\e1c8"}.fa-layer-group:before{content:"\f5fd"}.fa-leaf:before{content:"\f06c"}.fa-left-long:before,.fa-long-arrow-alt-left:before{content:"\f30a"}.fa-arrows-alt-h:before,.fa-left-right:before{content:"\f337"}.fa-lemon:before{content:"\f094"}.fa-less-than:before{content:"\3c"}.fa-less-than-equal:before{content:"\f537"}.fa-life-ring:before{content:"\f1cd"}.fa-lightbulb:before{content:"\f0eb"}.fa-lines-leaning:before{content:"\e51e"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-chain-broken:before,.fa-chain-slash:before,.fa-link-slash:before,.fa-unlink:before{content:"\f127"}.fa-lira-sign:before{content:"\f195"}.fa-list-squares:before,.fa-list:before{content:"\f03a"}.fa-list-check:before,.fa-tasks:before{content:"\f0ae"}.fa-list-1-2:before,.fa-list-numeric:before,.fa-list-ol:before{content:"\f0cb"}.fa-list-dots:before,.fa-list-ul:before{content:"\f0ca"}.fa-litecoin-sign:before{content:"\e1d3"}.fa-location-arrow:before{content:"\f124"}.fa-location-crosshairs:before,.fa-location:before{content:"\f601"}.fa-location-dot:before,.fa-map-marker-alt:before{content:"\f3c5"}.fa-location-pin:before,.fa-map-marker:before{content:"\f041"}.fa-location-pin-lock:before{content:"\e51f"}.fa-lock:before{content:"\f023"}.fa-lock-open:before{content:"\f3c1"}.fa-locust:before{content:"\e520"}.fa-lungs:before{content:"\f604"}.fa-lungs-virus:before{content:"\e067"}.fa-m:before{content:"\4d"}.fa-magnet:before{content:"\f076"}.fa-magnifying-glass:before,.fa-search:before{content:"\f002"}.fa-magnifying-glass-arrow-right:before{content:"\e521"}.fa-magnifying-glass-chart:before{content:"\e522"}.fa-magnifying-glass-dollar:before,.fa-search-dollar:before{content:"\f688"}.fa-magnifying-glass-location:before,.fa-search-location:before{content:"\f689"}.fa-magnifying-glass-minus:before,.fa-search-minus:before{content:"\f010"}.fa-magnifying-glass-plus:before,.fa-search-plus:before{content:"\f00e"}.fa-manat-sign:before{content:"\e1d5"}.fa-map:before{content:"\f279"}.fa-map-location:before,.fa-map-marked:before{content:"\f59f"}.fa-map-location-dot:before,.fa-map-marked-alt:before{content:"\f5a0"}.fa-map-pin:before{content:"\f276"}.fa-marker:before{content:"\f5a1"}.fa-mars:before{content:"\f222"}.fa-mars-and-venus:before{content:"\f224"}.fa-mars-and-venus-burst:before{content:"\e523"}.fa-mars-double:before{content:"\f227"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-h:before,.fa-mars-stroke-right:before{content:"\f22b"}.fa-mars-stroke-up:before,.fa-mars-stroke-v:before{content:"\f22a"}.fa-glass-martini-alt:before,.fa-martini-glass:before{content:"\f57b"}.fa-cocktail:before,.fa-martini-glass-citrus:before{content:"\f561"}.fa-glass-martini:before,.fa-martini-glass-empty:before{content:"\f000"}.fa-mask:before{content:"\f6fa"}.fa-mask-face:before{content:"\e1d7"}.fa-mask-ventilator:before{content:"\e524"}.fa-masks-theater:before,.fa-theater-masks:before{content:"\f630"}.fa-mattress-pillow:before{content:"\e525"}.fa-expand-arrows-alt:before,.fa-maximize:before{content:"\f31e"}.fa-medal:before{content:"\f5a2"}.fa-memory:before{content:"\f538"}.fa-menorah:before{content:"\f676"}.fa-mercury:before{content:"\f223"}.fa-comment-alt:before,.fa-message:before{content:"\f27a"}.fa-meteor:before{content:"\f753"}.fa-microchip:before{content:"\f2db"}.fa-microphone:before{content:"\f130"}.fa-microphone-alt:before,.fa-microphone-lines:before{content:"\f3c9"}.fa-microphone-alt-slash:before,.fa-microphone-lines-slash:before{content:"\f539"}.fa-microphone-slash:before{content:"\f131"}.fa-microscope:before{content:"\f610"}.fa-mill-sign:before{content:"\e1ed"}.fa-compress-arrows-alt:before,.fa-minimize:before{content:"\f78c"}.fa-minus:before,.fa-subtract:before{content:"\f068"}.fa-mitten:before{content:"\f7b5"}.fa-mobile-android:before,.fa-mobile-phone:before,.fa-mobile:before{content:"\f3ce"}.fa-mobile-button:before{content:"\f10b"}.fa-mobile-retro:before{content:"\e527"}.fa-mobile-android-alt:before,.fa-mobile-screen:before{content:"\f3cf"}.fa-mobile-alt:before,.fa-mobile-screen-button:before{content:"\f3cd"}.fa-money-bill:before{content:"\f0d6"}.fa-money-bill-1:before,.fa-money-bill-alt:before{content:"\f3d1"}.fa-money-bill-1-wave:before,.fa-money-bill-wave-alt:before{content:"\f53b"}.fa-money-bill-transfer:before{content:"\e528"}.fa-money-bill-trend-up:before{content:"\e529"}.fa-money-bill-wave:before{content:"\f53a"}.fa-money-bill-wheat:before{content:"\e52a"}.fa-money-bills:before{content:"\e1f3"}.fa-money-check:before{content:"\f53c"}.fa-money-check-alt:before,.fa-money-check-dollar:before{content:"\f53d"}.fa-monument:before{content:"\f5a6"}.fa-moon:before{content:"\f186"}.fa-mortar-pestle:before{content:"\f5a7"}.fa-mosque:before{content:"\f678"}.fa-mosquito:before{content:"\e52b"}.fa-mosquito-net:before{content:"\e52c"}.fa-motorcycle:before{content:"\f21c"}.fa-mound:before{content:"\e52d"}.fa-mountain:before{content:"\f6fc"}.fa-mountain-city:before{content:"\e52e"}.fa-mountain-sun:before{content:"\e52f"}.fa-mug-hot:before{content:"\f7b6"}.fa-coffee:before,.fa-mug-saucer:before{content:"\f0f4"}.fa-music:before{content:"\f001"}.fa-n:before{content:"\4e"}.fa-naira-sign:before{content:"\e1f6"}.fa-network-wired:before{content:"\f6ff"}.fa-neuter:before{content:"\f22c"}.fa-newspaper:before{content:"\f1ea"}.fa-not-equal:before{content:"\f53e"}.fa-note-sticky:before,.fa-sticky-note:before{content:"\f249"}.fa-notes-medical:before{content:"\f481"}.fa-o:before{content:"\4f"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-oil-can:before{content:"\f613"}.fa-oil-well:before{content:"\e532"}.fa-om:before{content:"\f679"}.fa-otter:before{content:"\f700"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-p:before{content:"\50"}.fa-pager:before{content:"\f815"}.fa-paint-roller:before{content:"\f5aa"}.fa-paint-brush:before,.fa-paintbrush:before{content:"\f1fc"}.fa-palette:before{content:"\f53f"}.fa-pallet:before{content:"\f482"}.fa-panorama:before{content:"\e209"}.fa-paper-plane:before{content:"\f1d8"}.fa-paperclip:before{content:"\f0c6"}.fa-parachute-box:before{content:"\f4cd"}.fa-paragraph:before{content:"\f1dd"}.fa-passport:before{content:"\f5ab"}.fa-file-clipboard:before,.fa-paste:before{content:"\f0ea"}.fa-pause:before{content:"\f04c"}.fa-paw:before{content:"\f1b0"}.fa-peace:before{content:"\f67c"}.fa-pen:before{content:"\f304"}.fa-pen-alt:before,.fa-pen-clip:before{content:"\f305"}.fa-pen-fancy:before{content:"\f5ac"}.fa-pen-nib:before{content:"\f5ad"}.fa-pen-ruler:before,.fa-pencil-ruler:before{content:"\f5ae"}.fa-edit:before,.fa-pen-to-square:before{content:"\f044"}.fa-pencil-alt:before,.fa-pencil:before{content:"\f303"}.fa-people-arrows-left-right:before,.fa-people-arrows:before{content:"\e068"}.fa-people-carry-box:before,.fa-people-carry:before{content:"\f4ce"}.fa-people-group:before{content:"\e533"}.fa-people-line:before{content:"\e534"}.fa-people-pulling:before{content:"\e535"}.fa-people-robbery:before{content:"\e536"}.fa-people-roof:before{content:"\e537"}.fa-pepper-hot:before{content:"\f816"}.fa-percent:before,.fa-percentage:before{content:"\25"}.fa-male:before,.fa-person:before{content:"\f183"}.fa-person-arrow-down-to-line:before{content:"\e538"}.fa-person-arrow-up-from-line:before{content:"\e539"}.fa-biking:before,.fa-person-biking:before{content:"\f84a"}.fa-person-booth:before{content:"\f756"}.fa-person-breastfeeding:before{content:"\e53a"}.fa-person-burst:before{content:"\e53b"}.fa-person-cane:before{content:"\e53c"}.fa-person-chalkboard:before{content:"\e53d"}.fa-person-circle-check:before{content:"\e53e"}.fa-person-circle-exclamation:before{content:"\e53f"}.fa-person-circle-minus:before{content:"\e540"}.fa-person-circle-plus:before{content:"\e541"}.fa-person-circle-question:before{content:"\e542"}.fa-person-circle-xmark:before{content:"\e543"}.fa-digging:before,.fa-person-digging:before{content:"\f85e"}.fa-diagnoses:before,.fa-person-dots-from-line:before{content:"\f470"}.fa-female:before,.fa-person-dress:before{content:"\f182"}.fa-person-dress-burst:before{content:"\e544"}.fa-person-drowning:before{content:"\e545"}.fa-person-falling:before{content:"\e546"}.fa-person-falling-burst:before{content:"\e547"}.fa-person-half-dress:before{content:"\e548"}.fa-person-harassing:before{content:"\e549"}.fa-hiking:before,.fa-person-hiking:before{content:"\f6ec"}.fa-person-military-pointing:before{content:"\e54a"}.fa-person-military-rifle:before{content:"\e54b"}.fa-person-military-to-person:before{content:"\e54c"}.fa-person-praying:before,.fa-pray:before{content:"\f683"}.fa-person-pregnant:before{content:"\e31e"}.fa-person-rays:before{content:"\e54d"}.fa-person-rifle:before{content:"\e54e"}.fa-person-running:before,.fa-running:before{content:"\f70c"}.fa-person-shelter:before{content:"\e54f"}.fa-person-skating:before,.fa-skating:before{content:"\f7c5"}.fa-person-skiing:before,.fa-skiing:before{content:"\f7c9"}.fa-person-skiing-nordic:before,.fa-skiing-nordic:before{content:"\f7ca"}.fa-person-snowboarding:before,.fa-snowboarding:before{content:"\f7ce"}.fa-person-swimming:before,.fa-swimmer:before{content:"\f5c4"}.fa-person-through-window:before{content:"\e433"}.fa-person-walking:before,.fa-walking:before{content:"\f554"}.fa-person-walking-arrow-loop-left:before{content:"\e551"}.fa-person-walking-arrow-right:before{content:"\e552"}.fa-person-walking-dashed-line-arrow-right:before{content:"\e553"}.fa-person-walking-luggage:before{content:"\e554"}.fa-blind:before,.fa-person-walking-with-cane:before{content:"\f29d"}.fa-peseta-sign:before{content:"\e221"}.fa-peso-sign:before{content:"\e222"}.fa-phone:before{content:"\f095"}.fa-phone-alt:before,.fa-phone-flip:before{content:"\f879"}.fa-phone-slash:before{content:"\f3dd"}.fa-phone-volume:before,.fa-volume-control-phone:before{content:"\f2a0"}.fa-photo-film:before,.fa-photo-video:before{content:"\f87c"}.fa-piggy-bank:before{content:"\f4d3"}.fa-pills:before{content:"\f484"}.fa-pizza-slice:before{content:"\f818"}.fa-place-of-worship:before{content:"\f67f"}.fa-plane:before{content:"\f072"}.fa-plane-arrival:before{content:"\f5af"}.fa-plane-circle-check:before{content:"\e555"}.fa-plane-circle-exclamation:before{content:"\e556"}.fa-plane-circle-xmark:before{content:"\e557"}.fa-plane-departure:before{content:"\f5b0"}.fa-plane-lock:before{content:"\e558"}.fa-plane-slash:before{content:"\e069"}.fa-plane-up:before{content:"\e22d"}.fa-plant-wilt:before{content:"\e43b"}.fa-plate-wheat:before{content:"\e55a"}.fa-play:before{content:"\f04b"}.fa-plug:before{content:"\f1e6"}.fa-plug-circle-bolt:before{content:"\e55b"}.fa-plug-circle-check:before{content:"\e55c"}.fa-plug-circle-exclamation:before{content:"\e55d"}.fa-plug-circle-minus:before{content:"\e55e"}.fa-plug-circle-plus:before{content:"\e55f"}.fa-plug-circle-xmark:before{content:"\e560"}.fa-add:before,.fa-plus:before{content:"\2b"}.fa-plus-minus:before{content:"\e43c"}.fa-podcast:before{content:"\f2ce"}.fa-poo:before{content:"\f2fe"}.fa-poo-bolt:before,.fa-poo-storm:before{content:"\f75a"}.fa-poop:before{content:"\f619"}.fa-power-off:before{content:"\f011"}.fa-prescription:before{content:"\f5b1"}.fa-prescription-bottle:before{content:"\f485"}.fa-prescription-bottle-alt:before,.fa-prescription-bottle-medical:before{content:"\f486"}.fa-print:before{content:"\f02f"}.fa-pump-medical:before{content:"\e06a"}.fa-pump-soap:before{content:"\e06b"}.fa-puzzle-piece:before{content:"\f12e"}.fa-q:before{content:"\51"}.fa-qrcode:before{content:"\f029"}.fa-question:before{content:"\3f"}.fa-quote-left-alt:before,.fa-quote-left:before{content:"\f10d"}.fa-quote-right-alt:before,.fa-quote-right:before{content:"\f10e"}.fa-r:before{content:"\52"}.fa-radiation:before{content:"\f7b9"}.fa-radio:before{content:"\f8d7"}.fa-rainbow:before{content:"\f75b"}.fa-ranking-star:before{content:"\e561"}.fa-receipt:before{content:"\f543"}.fa-record-vinyl:before{content:"\f8d9"}.fa-ad:before,.fa-rectangle-ad:before{content:"\f641"}.fa-list-alt:before,.fa-rectangle-list:before{content:"\f022"}.fa-rectangle-times:before,.fa-rectangle-xmark:before,.fa-times-rectangle:before,.fa-window-close:before{content:"\f410"}.fa-recycle:before{content:"\f1b8"}.fa-registered:before{content:"\f25d"}.fa-repeat:before{content:"\f363"}.fa-mail-reply:before,.fa-reply:before{content:"\f3e5"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-republican:before{content:"\f75e"}.fa-restroom:before{content:"\f7bd"}.fa-retweet:before{content:"\f079"}.fa-ribbon:before{content:"\f4d6"}.fa-right-from-bracket:before,.fa-sign-out-alt:before{content:"\f2f5"}.fa-exchange-alt:before,.fa-right-left:before{content:"\f362"}.fa-long-arrow-alt-right:before,.fa-right-long:before{content:"\f30b"}.fa-right-to-bracket:before,.fa-sign-in-alt:before{content:"\f2f6"}.fa-ring:before{content:"\f70b"}.fa-road:before{content:"\f018"}.fa-road-barrier:before{content:"\e562"}.fa-road-bridge:before{content:"\e563"}.fa-road-circle-check:before{content:"\e564"}.fa-road-circle-exclamation:before{content:"\e565"}.fa-road-circle-xmark:before{content:"\e566"}.fa-road-lock:before{content:"\e567"}.fa-road-spikes:before{content:"\e568"}.fa-robot:before{content:"\f544"}.fa-rocket:before{content:"\f135"}.fa-rotate:before,.fa-sync-alt:before{content:"\f2f1"}.fa-rotate-back:before,.fa-rotate-backward:before,.fa-rotate-left:before,.fa-undo-alt:before{content:"\f2ea"}.fa-redo-alt:before,.fa-rotate-forward:before,.fa-rotate-right:before{content:"\f2f9"}.fa-route:before{content:"\f4d7"}.fa-feed:before,.fa-rss:before{content:"\f09e"}.fa-rouble:before,.fa-rub:before,.fa-ruble-sign:before,.fa-ruble:before{content:"\f158"}.fa-rug:before{content:"\e569"}.fa-ruler:before{content:"\f545"}.fa-ruler-combined:before{content:"\f546"}.fa-ruler-horizontal:before{content:"\f547"}.fa-ruler-vertical:before{content:"\f548"}.fa-rupee-sign:before,.fa-rupee:before{content:"\f156"}.fa-rupiah-sign:before{content:"\e23d"}.fa-s:before{content:"\53"}.fa-sack-dollar:before{content:"\f81d"}.fa-sack-xmark:before{content:"\e56a"}.fa-sailboat:before{content:"\e445"}.fa-satellite:before{content:"\f7bf"}.fa-satellite-dish:before{content:"\f7c0"}.fa-balance-scale:before,.fa-scale-balanced:before{content:"\f24e"}.fa-balance-scale-left:before,.fa-scale-unbalanced:before{content:"\f515"}.fa-balance-scale-right:before,.fa-scale-unbalanced-flip:before{content:"\f516"}.fa-school:before{content:"\f549"}.fa-school-circle-check:before{content:"\e56b"}.fa-school-circle-exclamation:before{content:"\e56c"}.fa-school-circle-xmark:before{content:"\e56d"}.fa-school-flag:before{content:"\e56e"}.fa-school-lock:before{content:"\e56f"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-screwdriver:before{content:"\f54a"}.fa-screwdriver-wrench:before,.fa-tools:before{content:"\f7d9"}.fa-scroll:before{content:"\f70e"}.fa-scroll-torah:before,.fa-torah:before{content:"\f6a0"}.fa-sd-card:before{content:"\f7c2"}.fa-section:before{content:"\e447"}.fa-seedling:before,.fa-sprout:before{content:"\f4d8"}.fa-server:before{content:"\f233"}.fa-shapes:before,.fa-triangle-circle-square:before{content:"\f61f"}.fa-arrow-turn-right:before,.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-share-from-square:before,.fa-share-square:before{content:"\f14d"}.fa-share-alt:before,.fa-share-nodes:before{content:"\f1e0"}.fa-sheet-plastic:before{content:"\e571"}.fa-ils:before,.fa-shekel-sign:before,.fa-shekel:before,.fa-sheqel-sign:before,.fa-sheqel:before{content:"\f20b"}.fa-shield-blank:before,.fa-shield:before{content:"\f132"}.fa-shield-cat:before{content:"\e572"}.fa-shield-dog:before{content:"\e573"}.fa-shield-alt:before,.fa-shield-halved:before{content:"\f3ed"}.fa-shield-heart:before{content:"\e574"}.fa-shield-virus:before{content:"\e06c"}.fa-ship:before{content:"\f21a"}.fa-shirt:before,.fa-t-shirt:before,.fa-tshirt:before{content:"\f553"}.fa-shoe-prints:before{content:"\f54b"}.fa-shop:before,.fa-store-alt:before{content:"\f54f"}.fa-shop-lock:before{content:"\e4a5"}.fa-shop-slash:before,.fa-store-alt-slash:before{content:"\e070"}.fa-shower:before{content:"\f2cc"}.fa-shrimp:before{content:"\e448"}.fa-random:before,.fa-shuffle:before{content:"\f074"}.fa-shuttle-space:before,.fa-space-shuttle:before{content:"\f197"}.fa-sign-hanging:before,.fa-sign:before{content:"\f4d9"}.fa-signal-5:before,.fa-signal-perfect:before,.fa-signal:before{content:"\f012"}.fa-signature:before{content:"\f5b7"}.fa-map-signs:before,.fa-signs-post:before{content:"\f277"}.fa-sim-card:before{content:"\f7c4"}.fa-sink:before{content:"\e06d"}.fa-sitemap:before{content:"\f0e8"}.fa-skull:before{content:"\f54c"}.fa-skull-crossbones:before{content:"\f714"}.fa-slash:before{content:"\f715"}.fa-sleigh:before{content:"\f7cc"}.fa-sliders-h:before,.fa-sliders:before{content:"\f1de"}.fa-smog:before{content:"\f75f"}.fa-smoking:before{content:"\f48d"}.fa-snowflake:before{content:"\f2dc"}.fa-snowman:before{content:"\f7d0"}.fa-snowplow:before{content:"\f7d2"}.fa-soap:before{content:"\e06e"}.fa-socks:before{content:"\f696"}.fa-solar-panel:before{content:"\f5ba"}.fa-sort:before,.fa-unsorted:before{content:"\f0dc"}.fa-sort-desc:before,.fa-sort-down:before{content:"\f0dd"}.fa-sort-asc:before,.fa-sort-up:before{content:"\f0de"}.fa-spa:before{content:"\f5bb"}.fa-pastafarianism:before,.fa-spaghetti-monster-flying:before{content:"\f67b"}.fa-spell-check:before{content:"\f891"}.fa-spider:before{content:"\f717"}.fa-spinner:before{content:"\f110"}.fa-splotch:before{content:"\f5bc"}.fa-spoon:before,.fa-utensil-spoon:before{content:"\f2e5"}.fa-spray-can:before{content:"\f5bd"}.fa-air-freshener:before,.fa-spray-can-sparkles:before{content:"\f5d0"}.fa-square:before{content:"\f0c8"}.fa-external-link-square:before,.fa-square-arrow-up-right:before{content:"\f14c"}.fa-caret-square-down:before,.fa-square-caret-down:before{content:"\f150"}.fa-caret-square-left:before,.fa-square-caret-left:before{content:"\f191"}.fa-caret-square-right:before,.fa-square-caret-right:before{content:"\f152"}.fa-caret-square-up:before,.fa-square-caret-up:before{content:"\f151"}.fa-check-square:before,.fa-square-check:before{content:"\f14a"}.fa-envelope-square:before,.fa-square-envelope:before{content:"\f199"}.fa-square-full:before{content:"\f45c"}.fa-h-square:before,.fa-square-h:before{content:"\f0fd"}.fa-minus-square:before,.fa-square-minus:before{content:"\f146"}.fa-square-nfi:before{content:"\e576"}.fa-parking:before,.fa-square-parking:before{content:"\f540"}.fa-pen-square:before,.fa-pencil-square:before,.fa-square-pen:before{content:"\f14b"}.fa-square-person-confined:before{content:"\e577"}.fa-phone-square:before,.fa-square-phone:before{content:"\f098"}.fa-phone-square-alt:before,.fa-square-phone-flip:before{content:"\f87b"}.fa-plus-square:before,.fa-square-plus:before{content:"\f0fe"}.fa-poll-h:before,.fa-square-poll-horizontal:before{content:"\f682"}.fa-poll:before,.fa-square-poll-vertical:before{content:"\f681"}.fa-square-root-alt:before,.fa-square-root-variable:before{content:"\f698"}.fa-rss-square:before,.fa-square-rss:before{content:"\f143"}.fa-share-alt-square:before,.fa-square-share-nodes:before{content:"\f1e1"}.fa-external-link-square-alt:before,.fa-square-up-right:before{content:"\f360"}.fa-square-virus:before{content:"\e578"}.fa-square-xmark:before,.fa-times-square:before,.fa-xmark-square:before{content:"\f2d3"}.fa-rod-asclepius:before,.fa-rod-snake:before,.fa-staff-aesculapius:before,.fa-staff-snake:before{content:"\e579"}.fa-stairs:before{content:"\e289"}.fa-stamp:before{content:"\f5bf"}.fa-star:before{content:"\f005"}.fa-star-and-crescent:before{content:"\f699"}.fa-star-half:before{content:"\f089"}.fa-star-half-alt:before,.fa-star-half-stroke:before{content:"\f5c0"}.fa-star-of-david:before{content:"\f69a"}.fa-star-of-life:before{content:"\f621"}.fa-gbp:before,.fa-pound-sign:before,.fa-sterling-sign:before{content:"\f154"}.fa-stethoscope:before{content:"\f0f1"}.fa-stop:before{content:"\f04d"}.fa-stopwatch:before{content:"\f2f2"}.fa-stopwatch-20:before{content:"\e06f"}.fa-store:before{content:"\f54e"}.fa-store-slash:before{content:"\e071"}.fa-street-view:before{content:"\f21d"}.fa-strikethrough:before{content:"\f0cc"}.fa-stroopwafel:before{content:"\f551"}.fa-subscript:before{content:"\f12c"}.fa-suitcase:before{content:"\f0f2"}.fa-medkit:before,.fa-suitcase-medical:before{content:"\f0fa"}.fa-suitcase-rolling:before{content:"\f5c1"}.fa-sun:before{content:"\f185"}.fa-sun-plant-wilt:before{content:"\e57a"}.fa-superscript:before{content:"\f12b"}.fa-swatchbook:before{content:"\f5c3"}.fa-synagogue:before{content:"\f69b"}.fa-syringe:before{content:"\f48e"}.fa-t:before{content:"\54"}.fa-table:before{content:"\f0ce"}.fa-table-cells:before,.fa-th:before{content:"\f00a"}.fa-table-cells-large:before,.fa-th-large:before{content:"\f009"}.fa-columns:before,.fa-table-columns:before{content:"\f0db"}.fa-table-list:before,.fa-th-list:before{content:"\f00b"}.fa-ping-pong-paddle-ball:before,.fa-table-tennis-paddle-ball:before,.fa-table-tennis:before{content:"\f45d"}.fa-tablet-android:before,.fa-tablet:before{content:"\f3fb"}.fa-tablet-button:before{content:"\f10a"}.fa-tablet-alt:before,.fa-tablet-screen-button:before{content:"\f3fa"}.fa-tablets:before{content:"\f490"}.fa-digital-tachograph:before,.fa-tachograph-digital:before{content:"\f566"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-tape:before{content:"\f4db"}.fa-tarp:before{content:"\e57b"}.fa-tarp-droplet:before{content:"\e57c"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-teeth:before{content:"\f62e"}.fa-teeth-open:before{content:"\f62f"}.fa-temperature-arrow-down:before,.fa-temperature-down:before{content:"\e03f"}.fa-temperature-arrow-up:before,.fa-temperature-up:before{content:"\e040"}.fa-temperature-0:before,.fa-temperature-empty:before,.fa-thermometer-0:before,.fa-thermometer-empty:before{content:"\f2cb"}.fa-temperature-4:before,.fa-temperature-full:before,.fa-thermometer-4:before,.fa-thermometer-full:before{content:"\f2c7"}.fa-temperature-2:before,.fa-temperature-half:before,.fa-thermometer-2:before,.fa-thermometer-half:before{content:"\f2c9"}.fa-temperature-high:before{content:"\f769"}.fa-temperature-low:before{content:"\f76b"}.fa-temperature-1:before,.fa-temperature-quarter:before,.fa-thermometer-1:before,.fa-thermometer-quarter:before{content:"\f2ca"}.fa-temperature-3:before,.fa-temperature-three-quarters:before,.fa-thermometer-3:before,.fa-thermometer-three-quarters:before{content:"\f2c8"}.fa-tenge-sign:before,.fa-tenge:before{content:"\f7d7"}.fa-tent:before{content:"\e57d"}.fa-tent-arrow-down-to-line:before{content:"\e57e"}.fa-tent-arrow-left-right:before{content:"\e57f"}.fa-tent-arrow-turn-left:before{content:"\e580"}.fa-tent-arrows-down:before{content:"\e581"}.fa-tents:before{content:"\e582"}.fa-terminal:before{content:"\f120"}.fa-text-height:before{content:"\f034"}.fa-remove-format:before,.fa-text-slash:before{content:"\f87d"}.fa-text-width:before{content:"\f035"}.fa-thermometer:before{content:"\f491"}.fa-thumbs-down:before{content:"\f165"}.fa-thumbs-up:before{content:"\f164"}.fa-thumb-tack:before,.fa-thumbtack:before{content:"\f08d"}.fa-ticket:before{content:"\f145"}.fa-ticket-alt:before,.fa-ticket-simple:before{content:"\f3ff"}.fa-timeline:before{content:"\e29c"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-toilet:before{content:"\f7d8"}.fa-toilet-paper:before{content:"\f71e"}.fa-toilet-paper-slash:before{content:"\e072"}.fa-toilet-portable:before{content:"\e583"}.fa-toilets-portable:before{content:"\e584"}.fa-toolbox:before{content:"\f552"}.fa-tooth:before{content:"\f5c9"}.fa-torii-gate:before{content:"\f6a1"}.fa-tornado:before{content:"\f76f"}.fa-broadcast-tower:before,.fa-tower-broadcast:before{content:"\f519"}.fa-tower-cell:before{content:"\e585"}.fa-tower-observation:before{content:"\e586"}.fa-tractor:before{content:"\f722"}.fa-trademark:before{content:"\f25c"}.fa-traffic-light:before{content:"\f637"}.fa-trailer:before{content:"\e041"}.fa-train:before{content:"\f238"}.fa-subway:before,.fa-train-subway:before{content:"\f239"}.fa-train-tram:before,.fa-tram:before{content:"\f7da"}.fa-transgender-alt:before,.fa-transgender:before{content:"\f225"}.fa-trash:before{content:"\f1f8"}.fa-trash-arrow-up:before,.fa-trash-restore:before{content:"\f829"}.fa-trash-alt:before,.fa-trash-can:before{content:"\f2ed"}.fa-trash-can-arrow-up:before,.fa-trash-restore-alt:before{content:"\f82a"}.fa-tree:before{content:"\f1bb"}.fa-tree-city:before{content:"\e587"}.fa-exclamation-triangle:before,.fa-triangle-exclamation:before,.fa-warning:before{content:"\f071"}.fa-trophy:before{content:"\f091"}.fa-trowel:before{content:"\e589"}.fa-trowel-bricks:before{content:"\e58a"}.fa-truck:before{content:"\f0d1"}.fa-truck-arrow-right:before{content:"\e58b"}.fa-truck-droplet:before{content:"\e58c"}.fa-shipping-fast:before,.fa-truck-fast:before{content:"\f48b"}.fa-truck-field:before{content:"\e58d"}.fa-truck-field-un:before{content:"\e58e"}.fa-truck-front:before{content:"\e2b7"}.fa-ambulance:before,.fa-truck-medical:before{content:"\f0f9"}.fa-truck-monster:before{content:"\f63b"}.fa-truck-moving:before{content:"\f4df"}.fa-truck-pickup:before{content:"\f63c"}.fa-truck-plane:before{content:"\e58f"}.fa-truck-loading:before,.fa-truck-ramp-box:before{content:"\f4de"}.fa-teletype:before,.fa-tty:before{content:"\f1e4"}.fa-try:before,.fa-turkish-lira-sign:before,.fa-turkish-lira:before{content:"\e2bb"}.fa-level-down-alt:before,.fa-turn-down:before{content:"\f3be"}.fa-level-up-alt:before,.fa-turn-up:before{content:"\f3bf"}.fa-television:before,.fa-tv-alt:before,.fa-tv:before{content:"\f26c"}.fa-u:before{content:"\55"}.fa-umbrella:before{content:"\f0e9"}.fa-umbrella-beach:before{content:"\f5ca"}.fa-underline:before{content:"\f0cd"}.fa-universal-access:before{content:"\f29a"}.fa-unlock:before{content:"\f09c"}.fa-unlock-alt:before,.fa-unlock-keyhole:before{content:"\f13e"}.fa-arrows-alt-v:before,.fa-up-down:before{content:"\f338"}.fa-arrows-alt:before,.fa-up-down-left-right:before{content:"\f0b2"}.fa-long-arrow-alt-up:before,.fa-up-long:before{content:"\f30c"}.fa-expand-alt:before,.fa-up-right-and-down-left-from-center:before{content:"\f424"}.fa-external-link-alt:before,.fa-up-right-from-square:before{content:"\f35d"}.fa-upload:before{content:"\f093"}.fa-user:before{content:"\f007"}.fa-user-astronaut:before{content:"\f4fb"}.fa-user-check:before{content:"\f4fc"}.fa-user-clock:before{content:"\f4fd"}.fa-user-doctor:before,.fa-user-md:before{content:"\f0f0"}.fa-user-cog:before,.fa-user-gear:before{content:"\f4fe"}.fa-user-graduate:before{content:"\f501"}.fa-user-friends:before,.fa-user-group:before{content:"\f500"}.fa-user-injured:before{content:"\f728"}.fa-user-alt:before,.fa-user-large:before{content:"\f406"}.fa-user-alt-slash:before,.fa-user-large-slash:before{content:"\f4fa"}.fa-user-lock:before{content:"\f502"}.fa-user-minus:before{content:"\f503"}.fa-user-ninja:before{content:"\f504"}.fa-user-nurse:before{content:"\f82f"}.fa-user-edit:before,.fa-user-pen:before{content:"\f4ff"}.fa-user-plus:before{content:"\f234"}.fa-user-secret:before{content:"\f21b"}.fa-user-shield:before{content:"\f505"}.fa-user-slash:before{content:"\f506"}.fa-user-tag:before{content:"\f507"}.fa-user-tie:before{content:"\f508"}.fa-user-times:before,.fa-user-xmark:before{content:"\f235"}.fa-users:before{content:"\f0c0"}.fa-users-between-lines:before{content:"\e591"}.fa-users-cog:before,.fa-users-gear:before{content:"\f509"}.fa-users-line:before{content:"\e592"}.fa-users-rays:before{content:"\e593"}.fa-users-rectangle:before{content:"\e594"}.fa-users-slash:before{content:"\e073"}.fa-users-viewfinder:before{content:"\e595"}.fa-cutlery:before,.fa-utensils:before{content:"\f2e7"}.fa-v:before{content:"\56"}.fa-shuttle-van:before,.fa-van-shuttle:before{content:"\f5b6"}.fa-vault:before{content:"\e2c5"}.fa-vector-square:before{content:"\f5cb"}.fa-venus:before{content:"\f221"}.fa-venus-double:before{content:"\f226"}.fa-venus-mars:before{content:"\f228"}.fa-vest:before{content:"\e085"}.fa-vest-patches:before{content:"\e086"}.fa-vial:before{content:"\f492"}.fa-vial-circle-check:before{content:"\e596"}.fa-vial-virus:before{content:"\e597"}.fa-vials:before{content:"\f493"}.fa-video-camera:before,.fa-video:before{content:"\f03d"}.fa-video-slash:before{content:"\f4e2"}.fa-vihara:before{content:"\f6a7"}.fa-virus:before{content:"\e074"}.fa-virus-covid:before{content:"\e4a8"}.fa-virus-covid-slash:before{content:"\e4a9"}.fa-virus-slash:before{content:"\e075"}.fa-viruses:before{content:"\e076"}.fa-voicemail:before{content:"\f897"}.fa-volcano:before{content:"\f770"}.fa-volleyball-ball:before,.fa-volleyball:before{content:"\f45f"}.fa-volume-high:before,.fa-volume-up:before{content:"\f028"}.fa-volume-down:before,.fa-volume-low:before{content:"\f027"}.fa-volume-off:before{content:"\f026"}.fa-volume-mute:before,.fa-volume-times:before,.fa-volume-xmark:before{content:"\f6a9"}.fa-vr-cardboard:before{content:"\f729"}.fa-w:before{content:"\57"}.fa-walkie-talkie:before{content:"\f8ef"}.fa-wallet:before{content:"\f555"}.fa-magic:before,.fa-wand-magic:before{content:"\f0d0"}.fa-magic-wand-sparkles:before,.fa-wand-magic-sparkles:before{content:"\e2ca"}.fa-wand-sparkles:before{content:"\f72b"}.fa-warehouse:before{content:"\f494"}.fa-water:before{content:"\f773"}.fa-ladder-water:before,.fa-swimming-pool:before,.fa-water-ladder:before{content:"\f5c5"}.fa-wave-square:before{content:"\f83e"}.fa-weight-hanging:before{content:"\f5cd"}.fa-weight-scale:before,.fa-weight:before{content:"\f496"}.fa-wheat-alt:before,.fa-wheat-awn:before{content:"\e2cd"}.fa-wheat-awn-circle-exclamation:before{content:"\e598"}.fa-wheelchair:before{content:"\f193"}.fa-wheelchair-alt:before,.fa-wheelchair-move:before{content:"\e2ce"}.fa-glass-whiskey:before,.fa-whiskey-glass:before{content:"\f7a0"}.fa-wifi-3:before,.fa-wifi-strong:before,.fa-wifi:before{content:"\f1eb"}.fa-wind:before{content:"\f72e"}.fa-window-maximize:before{content:"\f2d0"}.fa-window-minimize:before{content:"\f2d1"}.fa-window-restore:before{content:"\f2d2"}.fa-wine-bottle:before{content:"\f72f"}.fa-wine-glass:before{content:"\f4e3"}.fa-wine-glass-alt:before,.fa-wine-glass-empty:before{content:"\f5ce"}.fa-krw:before,.fa-won-sign:before,.fa-won:before{content:"\f159"}.fa-worm:before{content:"\e599"}.fa-wrench:before{content:"\f0ad"}.fa-x:before{content:"\58"}.fa-x-ray:before{content:"\f497"}.fa-close:before,.fa-multiply:before,.fa-remove:before,.fa-times:before,.fa-xmark:before{content:"\f00d"}.fa-xmarks-lines:before{content:"\e59a"}.fa-y:before{content:"\59"}.fa-cny:before,.fa-jpy:before,.fa-rmb:before,.fa-yen-sign:before,.fa-yen:before{content:"\f157"}.fa-yin-yang:before{content:"\f6ad"}.fa-z:before{content:"\5a"}.fa-sr-only,.fa-sr-only-focusable:not(:focus),.sr-only,.sr-only-focusable:not(:focus){position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}:host,:root{--fa-font-brands:normal 400 1em/1 "Font Awesome 6 Brands"}@font-face{font-family:"Font Awesome 6 Brands";font-style:normal;font-weight:400;font-display:block;src:url(../../files/webfonts/fa-brands-400.woff2) format("woff2"),url(../../files/webfonts/fa-brands-400.ttf) format("truetype")}.fa-brands,.fab{font-family:"Font Awesome 6 Brands";font-weight:400}.fa-42-group:before,.fa-innosoft:before{content:"\e080"}.fa-500px:before{content:"\f26e"}.fa-accessible-icon:before{content:"\f368"}.fa-accusoft:before{content:"\f369"}.fa-adn:before{content:"\f170"}.fa-adversal:before{content:"\f36a"}.fa-affiliatetheme:before{content:"\f36b"}.fa-airbnb:before{content:"\f834"}.fa-algolia:before{content:"\f36c"}.fa-alipay:before{content:"\f642"}.fa-amazon:before{content:"\f270"}.fa-amazon-pay:before{content:"\f42c"}.fa-amilia:before{content:"\f36d"}.fa-android:before{content:"\f17b"}.fa-angellist:before{content:"\f209"}.fa-angrycreative:before{content:"\f36e"}.fa-angular:before{content:"\f420"}.fa-app-store:before{content:"\f36f"}.fa-app-store-ios:before{content:"\f370"}.fa-apper:before{content:"\f371"}.fa-apple:before{content:"\f179"}.fa-apple-pay:before{content:"\f415"}.fa-artstation:before{content:"\f77a"}.fa-asymmetrik:before{content:"\f372"}.fa-atlassian:before{content:"\f77b"}.fa-audible:before{content:"\f373"}.fa-autoprefixer:before{content:"\f41c"}.fa-avianex:before{content:"\f374"}.fa-aviato:before{content:"\f421"}.fa-aws:before{content:"\f375"}.fa-bandcamp:before{content:"\f2d5"}.fa-battle-net:before{content:"\f835"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-bilibili:before{content:"\e3d9"}.fa-bimobject:before{content:"\f378"}.fa-bitbucket:before{content:"\f171"}.fa-bitcoin:before{content:"\f379"}.fa-bity:before{content:"\f37a"}.fa-black-tie:before{content:"\f27e"}.fa-blackberry:before{content:"\f37b"}.fa-blogger:before{content:"\f37c"}.fa-blogger-b:before{content:"\f37d"}.fa-bluetooth:before{content:"\f293"}.fa-bluetooth-b:before{content:"\f294"}.fa-bootstrap:before{content:"\f836"}.fa-bots:before{content:"\e340"}.fa-btc:before{content:"\f15a"}.fa-buffer:before{content:"\f837"}.fa-buromobelexperte:before{content:"\f37f"}.fa-buy-n-large:before{content:"\f8a6"}.fa-buysellads:before{content:"\f20d"}.fa-canadian-maple-leaf:before{content:"\f785"}.fa-cc-amazon-pay:before{content:"\f42d"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-apple-pay:before{content:"\f416"}.fa-cc-diners-club:before{content:"\f24c"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-cc-visa:before{content:"\f1f0"}.fa-centercode:before{content:"\f380"}.fa-centos:before{content:"\f789"}.fa-chrome:before{content:"\f268"}.fa-chromecast:before{content:"\f838"}.fa-cloudflare:before{content:"\e07d"}.fa-cloudscale:before{content:"\f383"}.fa-cloudsmith:before{content:"\f384"}.fa-cloudversify:before{content:"\f385"}.fa-cmplid:before{content:"\e360"}.fa-codepen:before{content:"\f1cb"}.fa-codiepie:before{content:"\f284"}.fa-confluence:before{content:"\f78d"}.fa-connectdevelop:before{content:"\f20e"}.fa-contao:before{content:"\f26d"}.fa-cotton-bureau:before{content:"\f89e"}.fa-cpanel:before{content:"\f388"}.fa-creative-commons:before{content:"\f25e"}.fa-creative-commons-by:before{content:"\f4e7"}.fa-creative-commons-nc:before{content:"\f4e8"}.fa-creative-commons-nc-eu:before{content:"\f4e9"}.fa-creative-commons-nc-jp:before{content:"\f4ea"}.fa-creative-commons-nd:before{content:"\f4eb"}.fa-creative-commons-pd:before{content:"\f4ec"}.fa-creative-commons-pd-alt:before{content:"\f4ed"}.fa-creative-commons-remix:before{content:"\f4ee"}.fa-creative-commons-sa:before{content:"\f4ef"}.fa-creative-commons-sampling:before{content:"\f4f0"}.fa-creative-commons-sampling-plus:before{content:"\f4f1"}.fa-creative-commons-share:before{content:"\f4f2"}.fa-creative-commons-zero:before{content:"\f4f3"}.fa-critical-role:before{content:"\f6c9"}.fa-css3:before{content:"\f13c"}.fa-css3-alt:before{content:"\f38b"}.fa-cuttlefish:before{content:"\f38c"}.fa-d-and-d:before{content:"\f38d"}.fa-d-and-d-beyond:before{content:"\f6ca"}.fa-dailymotion:before{content:"\e052"}.fa-dashcube:before{content:"\f210"}.fa-deezer:before{content:"\e077"}.fa-delicious:before{content:"\f1a5"}.fa-deploydog:before{content:"\f38e"}.fa-deskpro:before{content:"\f38f"}.fa-dev:before{content:"\f6cc"}.fa-deviantart:before{content:"\f1bd"}.fa-dhl:before{content:"\f790"}.fa-diaspora:before{content:"\f791"}.fa-digg:before{content:"\f1a6"}.fa-digital-ocean:before{content:"\f391"}.fa-discord:before{content:"\f392"}.fa-discourse:before{content:"\f393"}.fa-dochub:before{content:"\f394"}.fa-docker:before{content:"\f395"}.fa-draft2digital:before{content:"\f396"}.fa-dribbble:before{content:"\f17d"}.fa-dribbble-square:before{content:"\f397"}.fa-dropbox:before{content:"\f16b"}.fa-drupal:before{content:"\f1a9"}.fa-dyalog:before{content:"\f399"}.fa-earlybirds:before{content:"\f39a"}.fa-ebay:before{content:"\f4f4"}.fa-edge:before{content:"\f282"}.fa-edge-legacy:before{content:"\e078"}.fa-elementor:before{content:"\f430"}.fa-ello:before{content:"\f5f1"}.fa-ember:before{content:"\f423"}.fa-empire:before{content:"\f1d1"}.fa-envira:before{content:"\f299"}.fa-erlang:before{content:"\f39d"}.fa-ethereum:before{content:"\f42e"}.fa-etsy:before{content:"\f2d7"}.fa-evernote:before{content:"\f839"}.fa-expeditedssl:before{content:"\f23e"}.fa-facebook:before{content:"\f09a"}.fa-facebook-f:before{content:"\f39e"}.fa-facebook-messenger:before{content:"\f39f"}.fa-facebook-square:before{content:"\f082"}.fa-fantasy-flight-games:before{content:"\f6dc"}.fa-fedex:before{content:"\f797"}.fa-fedora:before{content:"\f798"}.fa-figma:before{content:"\f799"}.fa-firefox:before{content:"\f269"}.fa-firefox-browser:before{content:"\e007"}.fa-first-order:before{content:"\f2b0"}.fa-first-order-alt:before{content:"\f50a"}.fa-firstdraft:before{content:"\f3a1"}.fa-flickr:before{content:"\f16e"}.fa-flipboard:before{content:"\f44d"}.fa-fly:before{content:"\f417"}.fa-font-awesome-flag:before,.fa-font-awesome-logo-full:before,.fa-font-awesome:before{content:"\f2b4"}.fa-fonticons:before{content:"\f280"}.fa-fonticons-fi:before{content:"\f3a2"}.fa-fort-awesome:before{content:"\f286"}.fa-fort-awesome-alt:before{content:"\f3a3"}.fa-forumbee:before{content:"\f211"}.fa-foursquare:before{content:"\f180"}.fa-free-code-camp:before{content:"\f2c5"}.fa-freebsd:before{content:"\f3a4"}.fa-fulcrum:before{content:"\f50b"}.fa-galactic-republic:before{content:"\f50c"}.fa-galactic-senate:before{content:"\f50d"}.fa-get-pocket:before{content:"\f265"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-git:before{content:"\f1d3"}.fa-git-alt:before{content:"\f841"}.fa-git-square:before{content:"\f1d2"}.fa-github:before{content:"\f09b"}.fa-github-alt:before{content:"\f113"}.fa-github-square:before{content:"\f092"}.fa-gitkraken:before{content:"\f3a6"}.fa-gitlab:before{content:"\f296"}.fa-gitter:before{content:"\f426"}.fa-glide:before{content:"\f2a5"}.fa-glide-g:before{content:"\f2a6"}.fa-gofore:before{content:"\f3a7"}.fa-golang:before{content:"\e40f"}.fa-goodreads:before{content:"\f3a8"}.fa-goodreads-g:before{content:"\f3a9"}.fa-google:before{content:"\f1a0"}.fa-google-drive:before{content:"\f3aa"}.fa-google-pay:before{content:"\e079"}.fa-google-play:before{content:"\f3ab"}.fa-google-plus:before{content:"\f2b3"}.fa-google-plus-g:before{content:"\f0d5"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-wallet:before{content:"\f1ee"}.fa-gratipay:before{content:"\f184"}.fa-grav:before{content:"\f2d6"}.fa-gripfire:before{content:"\f3ac"}.fa-grunt:before{content:"\f3ad"}.fa-guilded:before{content:"\e07e"}.fa-gulp:before{content:"\f3ae"}.fa-hacker-news:before{content:"\f1d4"}.fa-hacker-news-square:before{content:"\f3af"}.fa-hackerrank:before{content:"\f5f7"}.fa-hashnode:before{content:"\e499"}.fa-hips:before{content:"\f452"}.fa-hire-a-helper:before{content:"\f3b0"}.fa-hive:before{content:"\e07f"}.fa-hooli:before{content:"\f427"}.fa-hornbill:before{content:"\f592"}.fa-hotjar:before{content:"\f3b1"}.fa-houzz:before{content:"\f27c"}.fa-html5:before{content:"\f13b"}.fa-hubspot:before{content:"\f3b2"}.fa-ideal:before{content:"\e013"}.fa-imdb:before{content:"\f2d8"}.fa-instagram:before{content:"\f16d"}.fa-instagram-square:before{content:"\e055"}.fa-instalod:before{content:"\e081"}.fa-intercom:before{content:"\f7af"}.fa-internet-explorer:before{content:"\f26b"}.fa-invision:before{content:"\f7b0"}.fa-ioxhost:before{content:"\f208"}.fa-itch-io:before{content:"\f83a"}.fa-itunes:before{content:"\f3b4"}.fa-itunes-note:before{content:"\f3b5"}.fa-java:before{content:"\f4e4"}.fa-jedi-order:before{content:"\f50e"}.fa-jenkins:before{content:"\f3b6"}.fa-jira:before{content:"\f7b1"}.fa-joget:before{content:"\f3b7"}.fa-joomla:before{content:"\f1aa"}.fa-js:before{content:"\f3b8"}.fa-js-square:before{content:"\f3b9"}.fa-jsfiddle:before{content:"\f1cc"}.fa-kaggle:before{content:"\f5fa"}.fa-keybase:before{content:"\f4f5"}.fa-keycdn:before{content:"\f3ba"}.fa-kickstarter:before{content:"\f3bb"}.fa-kickstarter-k:before{content:"\f3bc"}.fa-korvue:before{content:"\f42f"}.fa-laravel:before{content:"\f3bd"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-leanpub:before{content:"\f212"}.fa-less:before{content:"\f41d"}.fa-line:before{content:"\f3c0"}.fa-linkedin:before{content:"\f08c"}.fa-linkedin-in:before{content:"\f0e1"}.fa-linode:before{content:"\f2b8"}.fa-linux:before{content:"\f17c"}.fa-lyft:before{content:"\f3c3"}.fa-magento:before{content:"\f3c4"}.fa-mailchimp:before{content:"\f59e"}.fa-mandalorian:before{content:"\f50f"}.fa-markdown:before{content:"\f60f"}.fa-mastodon:before{content:"\f4f6"}.fa-maxcdn:before{content:"\f136"}.fa-mdb:before{content:"\f8ca"}.fa-medapps:before{content:"\f3c6"}.fa-medium-m:before,.fa-medium:before{content:"\f23a"}.fa-medrt:before{content:"\f3c8"}.fa-meetup:before{content:"\f2e0"}.fa-megaport:before{content:"\f5a3"}.fa-mendeley:before{content:"\f7b3"}.fa-microblog:before{content:"\e01a"}.fa-microsoft:before{content:"\f3ca"}.fa-mix:before{content:"\f3cb"}.fa-mixcloud:before{content:"\f289"}.fa-mixer:before{content:"\e056"}.fa-mizuni:before{content:"\f3cc"}.fa-modx:before{content:"\f285"}.fa-monero:before{content:"\f3d0"}.fa-napster:before{content:"\f3d2"}.fa-neos:before{content:"\f612"}.fa-nfc-directional:before{content:"\e530"}.fa-nfc-symbol:before{content:"\e531"}.fa-nimblr:before{content:"\f5a8"}.fa-node:before{content:"\f419"}.fa-node-js:before{content:"\f3d3"}.fa-npm:before{content:"\f3d4"}.fa-ns8:before{content:"\f3d5"}.fa-nutritionix:before{content:"\f3d6"}.fa-octopus-deploy:before{content:"\e082"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-old-republic:before{content:"\f510"}.fa-opencart:before{content:"\f23d"}.fa-openid:before{content:"\f19b"}.fa-opera:before{content:"\f26a"}.fa-optin-monster:before{content:"\f23c"}.fa-orcid:before{content:"\f8d2"}.fa-osi:before{content:"\f41a"}.fa-padlet:before{content:"\e4a0"}.fa-page4:before{content:"\f3d7"}.fa-pagelines:before{content:"\f18c"}.fa-palfed:before{content:"\f3d8"}.fa-patreon:before{content:"\f3d9"}.fa-paypal:before{content:"\f1ed"}.fa-perbyte:before{content:"\e083"}.fa-periscope:before{content:"\f3da"}.fa-phabricator:before{content:"\f3db"}.fa-phoenix-framework:before{content:"\f3dc"}.fa-phoenix-squadron:before{content:"\f511"}.fa-php:before{content:"\f457"}.fa-pied-piper:before{content:"\f2ae"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-pied-piper-hat:before{content:"\f4e5"}.fa-pied-piper-pp:before{content:"\f1a7"}.fa-pied-piper-square:before{content:"\e01e"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-p:before{content:"\f231"}.fa-pinterest-square:before{content:"\f0d3"}.fa-pix:before{content:"\e43a"}.fa-playstation:before{content:"\f3df"}.fa-product-hunt:before{content:"\f288"}.fa-pushed:before{content:"\f3e1"}.fa-python:before{content:"\f3e2"}.fa-qq:before{content:"\f1d6"}.fa-quinscape:before{content:"\f459"}.fa-quora:before{content:"\f2c4"}.fa-r-project:before{content:"\f4f7"}.fa-raspberry-pi:before{content:"\f7bb"}.fa-ravelry:before{content:"\f2d9"}.fa-react:before{content:"\f41b"}.fa-reacteurope:before{content:"\f75d"}.fa-readme:before{content:"\f4d5"}.fa-rebel:before{content:"\f1d0"}.fa-red-river:before{content:"\f3e3"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-alien:before{content:"\f281"}.fa-reddit-square:before{content:"\f1a2"}.fa-redhat:before{content:"\f7bc"}.fa-renren:before{content:"\f18b"}.fa-replyd:before{content:"\f3e6"}.fa-researchgate:before{content:"\f4f8"}.fa-resolving:before{content:"\f3e7"}.fa-rev:before{content:"\f5b2"}.fa-rocketchat:before{content:"\f3e8"}.fa-rockrms:before{content:"\f3e9"}.fa-rust:before{content:"\e07a"}.fa-safari:before{content:"\f267"}.fa-salesforce:before{content:"\f83b"}.fa-sass:before{content:"\f41e"}.fa-schlix:before{content:"\f3ea"}.fa-screenpal:before{content:"\e570"}.fa-scribd:before{content:"\f28a"}.fa-searchengin:before{content:"\f3eb"}.fa-sellcast:before{content:"\f2da"}.fa-sellsy:before{content:"\f213"}.fa-servicestack:before{content:"\f3ec"}.fa-shirtsinbulk:before{content:"\f214"}.fa-shopify:before{content:"\e057"}.fa-shopware:before{content:"\f5b5"}.fa-simplybuilt:before{content:"\f215"}.fa-sistrix:before{content:"\f3ee"}.fa-sith:before{content:"\f512"}.fa-sitrox:before{content:"\e44a"}.fa-sketch:before{content:"\f7c6"}.fa-skyatlas:before{content:"\f216"}.fa-skype:before{content:"\f17e"}.fa-slack-hash:before,.fa-slack:before{content:"\f198"}.fa-slideshare:before{content:"\f1e7"}.fa-snapchat-ghost:before,.fa-snapchat:before{content:"\f2ab"}.fa-snapchat-square:before{content:"\f2ad"}.fa-soundcloud:before{content:"\f1be"}.fa-sourcetree:before{content:"\f7d3"}.fa-speakap:before{content:"\f3f3"}.fa-speaker-deck:before{content:"\f83c"}.fa-spotify:before{content:"\f1bc"}.fa-square-font-awesome:before{content:"\f425"}.fa-font-awesome-alt:before,.fa-square-font-awesome-stroke:before{content:"\f35c"}.fa-squarespace:before{content:"\f5be"}.fa-stack-exchange:before{content:"\f18d"}.fa-stack-overflow:before{content:"\f16c"}.fa-stackpath:before{content:"\f842"}.fa-staylinked:before{content:"\f3f5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-steam-symbol:before{content:"\f3f6"}.fa-sticker-mule:before{content:"\f3f7"}.fa-strava:before{content:"\f428"}.fa-stripe:before{content:"\f429"}.fa-stripe-s:before{content:"\f42a"}.fa-studiovinari:before{content:"\f3f8"}.fa-stumbleupon:before{content:"\f1a4"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-superpowers:before{content:"\f2dd"}.fa-supple:before{content:"\f3f9"}.fa-suse:before{content:"\f7d6"}.fa-swift:before{content:"\f8e1"}.fa-symfony:before{content:"\f83d"}.fa-teamspeak:before{content:"\f4f9"}.fa-telegram-plane:before,.fa-telegram:before{content:"\f2c6"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-the-red-yeti:before{content:"\f69d"}.fa-themeco:before{content:"\f5c6"}.fa-themeisle:before{content:"\f2b2"}.fa-think-peaks:before{content:"\f731"}.fa-tiktok:before{content:"\e07b"}.fa-trade-federation:before{content:"\f513"}.fa-trello:before{content:"\f181"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-twitch:before{content:"\f1e8"}.fa-twitter:before{content:"\f099"}.fa-twitter-square:before{content:"\f081"}.fa-typo3:before{content:"\f42b"}.fa-uber:before{content:"\f402"}.fa-ubuntu:before{content:"\f7df"}.fa-uikit:before{content:"\f403"}.fa-umbraco:before{content:"\f8e8"}.fa-uncharted:before{content:"\e084"}.fa-uniregistry:before{content:"\f404"}.fa-unity:before{content:"\e049"}.fa-unsplash:before{content:"\e07c"}.fa-untappd:before{content:"\f405"}.fa-ups:before{content:"\f7e0"}.fa-usb:before{content:"\f287"}.fa-usps:before{content:"\f7e1"}.fa-ussunnah:before{content:"\f407"}.fa-vaadin:before{content:"\f408"}.fa-viacoin:before{content:"\f237"}.fa-viadeo:before{content:"\f2a9"}.fa-viadeo-square:before{content:"\f2aa"}.fa-viber:before{content:"\f409"}.fa-vimeo:before{content:"\f40a"}.fa-vimeo-square:before{content:"\f194"}.fa-vimeo-v:before{content:"\f27d"}.fa-vine:before{content:"\f1ca"}.fa-vk:before{content:"\f189"}.fa-vnv:before{content:"\f40b"}.fa-vuejs:before{content:"\f41f"}.fa-watchman-monitoring:before{content:"\e087"}.fa-waze:before{content:"\f83f"}.fa-weebly:before{content:"\f5cc"}.fa-weibo:before{content:"\f18a"}.fa-weixin:before{content:"\f1d7"}.fa-whatsapp:before{content:"\f232"}.fa-whatsapp-square:before{content:"\f40c"}.fa-whmcs:before{content:"\f40d"}.fa-wikipedia-w:before{content:"\f266"}.fa-windows:before{content:"\f17a"}.fa-wirsindhandwerk:before,.fa-wsh:before{content:"\e2d0"}.fa-wix:before{content:"\f5cf"}.fa-wizards-of-the-coast:before{content:"\f730"}.fa-wodu:before{content:"\e088"}.fa-wolf-pack-battalion:before{content:"\f514"}.fa-wordpress:before{content:"\f19a"}.fa-wordpress-simple:before{content:"\f411"}.fa-wpbeginner:before{content:"\f297"}.fa-wpexplorer:before{content:"\f2de"}.fa-wpforms:before{content:"\f298"}.fa-wpressr:before{content:"\f3e4"}.fa-xbox:before{content:"\f412"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-y-combinator:before{content:"\f23b"}.fa-yahoo:before{content:"\f19e"}.fa-yammer:before{content:"\f840"}.fa-yandex:before{content:"\f413"}.fa-yandex-international:before{content:"\f414"}.fa-yarn:before{content:"\f7e3"}.fa-yelp:before{content:"\f1e9"}.fa-yoast:before{content:"\f2b1"}.fa-youtube:before{content:"\f167"}.fa-youtube-square:before{content:"\f431"}.fa-zhihu:before{content:"\f63f"}:host,:root{--fa-font-regular:normal 400 1em/1 "Font Awesome 6 Free"}@font-face{font-family:"Font Awesome 6 Free";font-style:normal;font-weight:400;font-display:block;src:url(../../files/webfonts/fa-regular-400.woff2) format("woff2"),url(../../files/webfonts/fa-regular-400.ttf) format("truetype")}.fa-regular,.far{font-family:"Font Awesome 6 Free";font-weight:400}:host,:root{--fa-font-solid:normal 900 1em/1 "Font Awesome 6 Free"}@font-face{font-family:"Font Awesome 6 Free";font-style:normal;font-weight:900;font-display:block;src:url(../../files/webfonts/fa-solid-900.woff2) format("woff2"),url(../../files/webfonts/fa-solid-900.ttf) format("truetype")}.fa-solid,.fas{font-family:"Font Awesome 6 Free";font-weight:900}@font-face{font-family:"Font Awesome 5 Brands";font-display:block;font-weight:400;src:url(../../files/webfonts/fa-brands-400.woff2) format("woff2"),url(../../files/webfonts/fa-brands-400.ttf) format("truetype")}@font-face{font-family:"Font Awesome 5 Free";font-display:block;font-weight:900;src:url(../../files/webfonts/fa-solid-900.woff2) format("woff2"),url(../../files/webfonts/fa-solid-900.ttf) format("truetype")}@font-face{font-family:"Font Awesome 5 Free";font-display:block;font-weight:400;src:url(../../files/webfonts/fa-regular-400.woff2) format("woff2"),url(../../files/webfonts/fa-regular-400.ttf) format("truetype")}@font-face{font-family:"FontAwesome";font-display:block;src:url(../../files/webfonts/fa-solid-900.woff2) format("woff2"),url(../../files/webfonts/fa-solid-900.ttf) format("truetype")}@font-face{font-family:"FontAwesome";font-display:block;src:url(../../files/webfonts/fa-brands-400.woff2) format("woff2"),url(../../files/webfonts/fa-brands-400.ttf) format("truetype")}@font-face{font-family:"FontAwesome";font-display:block;src:url(../../files/webfonts/fa-regular-400.woff2) format("woff2"),url(../../files/webfonts/fa-regular-400.ttf) format("truetype");unicode-range:u+f003,u+f006,u+f014,u+f016-f017,u+f01a-f01b,u+f01d,u+f022,u+f03e,u+f044,u+f046,u+f05c-f05d,u+f06e,u+f070,u+f087-f088,u+f08a,u+f094,u+f096-f097,u+f09d,u+f0a0,u+f0a2,u+f0a4-f0a7,u+f0c5,u+f0c7,u+f0e5-f0e6,u+f0eb,u+f0f6-f0f8,u+f10c,u+f114-f115,u+f118-f11a,u+f11c-f11d,u+f133,u+f147,u+f14e,u+f150-f152,u+f185-f186,u+f18e,u+f190-f192,u+f196,u+f1c1-f1c9,u+f1d9,u+f1db,u+f1e3,u+f1ea,u+f1f7,u+f1f9,u+f20a,u+f247-f248,u+f24a,u+f24d,u+f255-f25b,u+f25d,u+f271-f274,u+f278,u+f27b,u+f28c,u+f28e,u+f29c,u+f2b5,u+f2b7,u+f2ba,u+f2bc,u+f2be,u+f2c0-f2c1,u+f2c3,u+f2d0,u+f2d2,u+f2d4,u+f2dc}@font-face{font-family:"FontAwesome";font-display:block;src:url(../../files/webfonts/fa-v4compatibility.woff2) format("woff2"),url(../../files/webfonts/fa-v4compatibility.ttf) format("truetype");unicode-range:u+f041,u+f047,u+f065-f066,u+f07d-f07e,u+f080,u+f08b,u+f08e,u+f090,u+f09a,u+f0ac,u+f0ae,u+f0b2,u+f0d0,u+f0d6,u+f0e4,u+f0ec,u+f10a-f10b,u+f123,u+f13e,u+f148-f149,u+f14c,u+f156,u+f15e,u+f160-f161,u+f163,u+f175-f178,u+f195,u+f1f8,u+f219,u+f250,u+f252,u+f27a} /* -webkit-text-stroke: 2px currentColor; font-style: normal; -webkit-text-fill-color: transparent; font-weight: 700; */ .image_container.float_below img{ margin: 0 auto!Important;} .hint{font-size: 0.87em; font-style: italic} /*--------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------*/ /*GENERALS*/ :root { --darkBlue: #0e2f48; --white: #ffffff; --highlight-1: #2EBFA5; --box-background: rgba(142,111,115,0.35); --box-border-color: #A89B9D; --box-border-width: 1px solid; --error: #6B0F1A; --text-color: #464646; --box-secColor-background: rgba(129,0,128,0.10); --box-secColor-border-color: rgba(129,0,128,0.60); --box-secColor-background-noOpac: #f3e7f3; } .row.inside {max-width: 100% !important} .row.hidden {overflow: hidden !important} #main .ce_text li, p {font-size: calc(14px + 0.3vw); line-height: 1.6em} .offset2 {margin-left: 18%} .offset3 {margin-left: 18%} .col6.offset3 {width: 64%} .alignStart {align-items: flex-start} /*COLOR & FONT*/ h1, h2, h3 {color: var(--darkBlue); font-weight: 300} h2 {font-size: calc(14px + 1vw)} h3 {font-size: calc(14px + 0.8vw);margin: 0} .darkBack {background-color: var(--darkBlue); color: var(--white)} .darkBack h2 {color: #fff} .boxBackgroundBack {background-color: var(--box-background)} .boxBackgroundSecColor {background-color: var(--box-secColor-background-noOpac)} .boxed {border: 2px solid var(--darkBlue); padding: 2rem} #main .ce_text ul, #main .ce_text ol {padding-left: 40px} #main .ce_text li:before, #main .ce_text ol li:before {content: "\f111" !important;font-family: "Font Awesome 6 Free";font-weight: 900;margin-left: -40px !important; margin-right: 14px; color: var(--highlight-1) !important; vertical-align: top !important;font-size: 14px !important;width: auto;counter-increment: none;padding-right: 12px !important;} #main .ce_text .checkList ul li:before, #main .checkList ol li:before {content: "\f058" !important;font-family: "Font Awesome 6 Free";font-weight: 900;font-size: 20px !important;margin-right: 7px} /* #main .ce_text ol {padding-left: 40px;margin-top: 0} #main .ce_text ol li:before { content: counter(item) ". " !important; padding-right: 0; width: 25px !important;height: 25px;border-radius: 50%;background-color: var(--highlight-1);display: inline-flex !important;align-items: center;justify-content: center;color: var(--white) !important;margin-right: 14px;margin-left: -40px !important;margin-top: 5px} */ #main p > a:after, #main li > a:after, .boxFrame.videoBox a:after {color: var(--highlight-1); font-family: "Font Awesome 6 Free"; content:"\f061";font-weight: 900;display: inline-block; margin: 0 3px;text-decoration: none !important; border-bottom: 1px solid transparent;font-size: 14px;-webkit-transform: rotate(-45deg);-webkit-transform-origin: 35% 40%;-moz-transform: rotate(-45deg);-moz-transform-origin: 35% 40%;-o-transform: rotate(-45deg);-o-transform-origin: 35% 40%;-ms-transform: rotate(-45deg);-ms-transform-origin: 35% 40%;transform: rotate(-45deg);transform-origin: 35% 40%;} #main p > a:hover, #main li > a:hover, .boxFrame.videoBox a:hover {color: var(--highlight-1) !important} #main p > a:hover:after, #main li > a:hover:after, .boxFrame.videoBox a:hover:after {transform-origin: 9% 23%;} /*HEADER*/ #header {height: auto !important; padding: 15px 0 !important; position: absolute !important; width: 100%; top: 0} #quickNav, #homeBtn, #mainNav, .search {display: none} #logoBar .inside {display: flex;align-items: center} #navBar {text-align: right; margin-top: 0 !important} #homeButton {display: inline-block;font-size: 1.8em;vertical-align: middle; margin-left: 1%} #mobNavTri {display: inline-block !important;margin: 5px 15px 0 0;font-size: 2.2em;vertical-align: middle} #plsLogo img {max-width: 180px !important} #container {padding-top: 100px} .caption, .caption p {text-align: center; font-size: 14px; font-style: italic} button.textButton {vertical-align: top; background-color: rgba(0,0,0,0); border: 0; outline: none; width: auto; padding: 0; font-family: inherit; text-shadow: none; color: initial; font-size: inherit; margin: 0; box-shadow: none; line-height: inherit} .ce_accordionSingle .toggler .ui-icon:before, .ce_accordionStart .toggler .ui-icon:before, .whiteLightboxElementFrame.wlef_2 .lightBoxElement > div:after { -webkit-transition: all .75s cubic-bezier(.23,1,.32,1); -moz-transition: all .75s cubic-bezier(.23,1,.32,1); -ms-transition: all .75s cubic-bezier(.23,1,.32,1); -o-transition: all .75s cubic-bezier(.23,1,.32,1); transition: all .75s cubic-bezier(.23,1,.32,1) } #newslIcon {display: none} #plsLogoStart {display: none} body.kiDemokratieHome #plsLogoStart {display: inline-block;width: 35px;vertical-align: middle;margin-left: 10px;} body.kiDemokratieHome #foologoBar {display: none} #logoBarKiDemokratieStart {text-align: right; margin-top: 3%} #logoBarKiDemokratieStart img {max-width: 180px; margin: 0 auto} body.kiDemokratieHome #mainNavigation {display: none} #navBar {display: flex; align-items: center; justify-content: flex-end} #mainNavigation {width: 85%; margin-right: 6%; font-size: 1.1em} #mainNavigation ul {display: flex;justify-content: space-between} #mainNavigation ul li {list-style-type: none} #mainNavigation ul li a, #mainNavigation ul li strong {display: block;padding: 1em;text-decoration: none} #mainNavigation ul li a:hover, #mainNavigation ul li.active strong {background-color: var(--darkBlue); color: var(--white)} #homeButton {font-size: 1.2em} @media(max-width: 950px) { #mainNavigation {display: none} } /*MOVIE SECTION CSS*/ /*unter modules -> pg_moviesection --> pg_moviesection.css*/ /*INPAGE GLOSSAR CSS*/ /*unter modules -> pg_inpageGlossary --> pg_inpageGlossary.css*/ /*--------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------*/ /*HOME*/ .kiDemokratieHome #homeButton a, .kiDemokratieHome #mobNavTri a {color: var(--white)} .kiDemokratieHome #plsLogo a {display: none} .kiDemokratieHome #container {padding-top: 0} .pg_slideRowStart .pgSlide p {font-size: 0.9em; padding: 0 15px} /*STÖRER & LINKS*/ .stoerer.stoerer_link a {width: 180px; height: 180px; border-radius: 50%; padding: 11px 30px; display: inline-block; border: 2px solid #0b2f48; color: #0b2f48; text-decoration: none; font-weight: lighter; font-size: 23px; display: flex; align-items: center; margin: auto; transform: rotate(8deg)} .stoerer.stoerer_link a:after { font-family: "Font Awesome 6 Free"; content: "\f061"; font-weight: 900; display: inline-block; margin: 0 3px; text-decoration: none !important; border-bottom: 1px solid transparent; font-size: 14px; -webkit-transform: rotate(-45deg); -webkit-transform-origin: 35% 40%; -moz-transform: rotate(-45deg); -moz-transform-origin: 35% 40%; -o-transform: rotate(-45deg); -o-transform-origin: 35% 40%; -ms-transform: rotate(-45deg); -ms-transform-origin: 35% 40%; transform: rotate(-45deg); transform-origin: 35% 40%;} /*TEASER ICONS*/ .teaserFrame {display: flex; justify-content: center; max-width: 70vw !important; flex-wrap: wrap} /*#article-1050 > section:nth-child(2) {margin-top: -50px !important; margin-bottom: 6% !important}*/ .teaserFrame > div {/*width: 31.3333%;*/ width: 40%; margin: 0 2%; text-align: center; padding: 0 1%;position: relative;padding-bottom: 41px;} .teaserFrame > div figure, .teaserFrame > div .picFrame {/*width: 14rem;*/height: 14rem;background-color: #000;margin: 0 auto;border: 10px solid #fff;box-shadow: 0px -1px 4px rgba(0, 0, 0, 0.4); margin-bottom: 20px} .teaserFrame > div figure img {height: 100% !important} .teaserFrame > div h2 {margin: 10px 0; font-weight: lighter; color: #0a1f2f} .teaserFrame > div p a {padding: 4px 16px;display: inline-block;border: 2px solid var(--highlight-1);background-color: var(--highlight-1); color: var(--white);border-radius: 35px;min-width: 100px;text-decoration: none;font-weight: bold;position: absolute;bottom: 0;left: calc(50% - 50px);} #main .teaserFrame a.teaserFrame_link:hover {color: var(--white) !important} .teaserFrame > div p a:after {color: var(--white) !important} .teaserFrame > div > a {position: absolute; top: 0; left: 0; width: 100%; height: 100%} /*DEEPFAKELINK*/ .deepFakeLink {background-color: #f3e7f3; border: 1px solid #b164af;width: 45%;margin: auto;padding: 2rem;text-align: center; margin-top: 2rem; margin-bottom: 3rem} .deepFakeLink p, .deepFakeLink a {color: var(--darkBlue)} .deepFakeLink h2 {margin-bottom: 1rem;font-weight: lighter} #main .deepFakeLink p > a:hover, .deepFakeLink a:after {color: var(--darkBlue) !important} @media(max-width: 768px) { .deepFakeLink {width: 90%; margin-top: 0rem} } .ce_hyperlink.deepFakeLink {font-size: calc(14px + 1vw); padding: 0; border-radius: 50px;border: 2px solid #b164af;width: 19%} .ce_hyperlink.deepFakeLink a {text-decoration: none; color: #b164af; display: block;padding: 1rem 2rem;position: relative} .ce_hyperlink.deepFakeLink a:hover {color: var(--darkBlue);} .ce_hyperlink.deepFakeLink:hover {border: 2px solid var(--darkBlue)} .ce_hyperlink.deepFakeLink a:after { font-family: "Font Awesome 6 Free"; content: "\f061"; font-weight: 900; position: absolute; top: calc(50% - 10px); margin-left: 1rem; color: #b164af !important; text-decoration: none !important; border-bottom: 1px solid transparent; font-size: 14px; -webkit-transform: rotate(-45deg); -webkit-transform-origin: 35% 40%; -moz-transform: rotate(-45deg); -moz-transform-origin: 35% 40%; -o-transform: rotate(-45deg); -o-transform-origin: 35% 40%; -ms-transform: rotate(-45deg); -ms-transform-origin: 35% 40%; transform: rotate(-45deg); transform-origin: 35% 40%} .ce_hyperlink.deepFakeLink a:hover:after { transform-origin: 9% 23%; color: var(--darkBlue) !important } /*TEASER TEXT*/ .teaserText {margin-top: 6%; font-size: 1.4em; position: relative} .teaserText .textIcon {position: absolute; top: -79px;right: 10%;background-color: #082030;width: 10rem;height: 10rem;border-radius: 50%;z-index: 2;color: #fff;display: flex;justify-content: center;align-items: center;font-size: 2em;border: 5px solid;transform: rotate(30deg);} .teaserText h2, .teaserText h1 {font-weight: lighter} /*1. PARAGRAPH*/ .firstParagraph p {font-size: 1.6em; font-weight: 100} .bigHint {margin-left: -150px;font-size: 3em;color: var(--highlight-1);line-height: 1em;} /*VIDEOS*/ .ytelement {width: initial; float: none;overflow: hidden;margin: 0 auto} .ytelement .YTvideobox {position: relative;padding-bottom: 56.5%;} .ytelement iframe {position: absolute; width: 100%; height: 100%; left: 0; top: 0} /*SLIDER*/ .pg_slideStartFrame, .pg_slideStartInner {height: 100% !important} .pg_slideStartInner {display: flex} .pgSlide {background-color: var(--darkBlue); color: var(--white)} .pgSlide a {color: var(--white)} .pg_slideNav {color: var(--darkBlue) !important;border: var(--box-border-width) var(--darkBlue);width: 60px;height: 60px;border-radius: 50%;background-color: rgba(255,255,255,0.8);display: flex;align-items: center;justify-content: center;box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);} .pg_slideNav.right {bottom: 54%} .pg_slideNav.left {right: 0;bottom: 41%} .pgSlide .caption {font-size: calc(12px + 0.15vw);padding: 1vw} .pg_slideNav.disabled {opacity: 0} /*SCROLL TO TOP*/ #ScrollToTop {position: fixed;bottom: 5.2rem;right: 4rem;width: 5.2rem;height: 5.2rem;border-radius: 50%;text-align: center;background-color: #fff;border: .1rem solid var(--darkBlue);padding-top: 1.3rem;cursor: pointer; color: var(--darkBlue); visibility: hidden} #ScrollToTop.active {visibility: visible} #ScrollToTop i {cursor: pointer; padding: 0} #ScrollToTop:hover {background-color: var(--darkBlue);color: #fff} /*--------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------*/ /*PAGES*/ .subHead {font-size: calc(20px + 2.4vw); padding: 1vw 2vw;margin-top: 4vw;margin-bottom: 2vw;width: 70%; position: relative} .subHead:before, .subHead:after {content: "";position: absolute; left: 0; height: 3px;background-color: var(--darkBlue); border-radius: 4px} .subHead:before {top:0; width: 100%;} .subHead:after {bottom: 0; width: 60%;} .serviceHead {font-size: calc(20px + 1.4vw); padding: 0 2vw;margin-top: 4vw;margin-bottom: 2vw;width: 70%; position: relative} .serviceHeadLightBox {font-size: calc(20px + 1.4vw)} /*HERO*/ .heroSection {display: flex; /*align-items: center;*/ background-color: var(--darkBlue); color: var(--white); font-size: 1.4em} .heroSection .hero_first {width: 65%; position: relative} .heroSection .hero_first h1 {position: absolute; bottom: 4vw; left: 4vw; color: var(--white);font-size: calc(30px + 2.2vw);text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.8);text-transform: uppercase; margin: 0} .heroSection .hero_first h1:before, .heroSection .hero_first h1:after {content:""; height: 2px; background-color: var(--white);width: 100%; position: absolute; left: 0} .heroSection .hero_first h1:before {top: 0} .heroSection .hero_first h1:after {bottom: 0} .heroSection .hero_second {width: 35%; padding: 4vw 2vw;display: flex;align-items: center; position: relative} .heroSection .hero_second h2 {color: var(--white); font-size: calc(24px + 2.2vw);margin-bottom: 0} .heroSection .hero_second.smaller h2 {font-size: calc(18px + 2vw);} .heroSection .hero_second .thema {position: absolute;top: 15px;right: 0;margin: 0;font-size: 14px;font-weight: bold;line-height: normal;text-align: right;width: 253px;padding: 10px;border: 2px solid #fff;border-right: none;border-left: none;} .heroSection.textOnly {min-height: 10vw} .heroSection.textOnly .hero_first {background-color: var(--box-border-color); width: 35%} .heroSection.textOnly .hero_first h1 {/*bottom: 2vw*/} .heroSection.textOnly .hero_second {width: 65%} .heroSection .ce_player video {width: 100%;display: block;} /*TABELLE*/ .tableBox {display: flex; justify-content: space-between} .tableBox.tableBox_3 > div {width: 30.3333%} #main .tableBox .ce_text ul {padding-left: 25px} #main .tableBox .ce_text ul li::before {font-size: 10px !important; margin-left: -25px !important; margin-right: 3px} /*READ MORE*/ .readMoreTrigger {background-color: var(--highlight-1);} .readMoreTrigger.active, .readMoreTrigger:hover {background-color: #249d88} /*JUMPMARKS*/ .jumpMarkFrame {display: flex;justify-content: center;} .jumpMarkFrame button {width: auto; background-color: rgba(0,0,0,0); color: var(--highlight-1); border: 0; outline: none; text-shadow: none; box-shadow: none;border-bottom: 1px solid;padding: 10px 2vw;font-size: 18px;font-family: inherit;} .jumpMarkFrame.deactive button:hover, .jumpMarkFrame button:hover {background-color: var(--highlight-1);color: var(--white)} .jumpMarkFrame.deactive button {color: var(--text-color)} /*FACTS*/ .rowFacts h3 {color: var(--text-color); display: block; position: relative; padding-bottom: 1vw} .rowFacts h3:after {content: ""; position: absolute; bottom: 0; width: 100%; height: 1px; left: 0; background-color: var(--box-border-color)} .rowFacts {align-items: center;margin: 3% 0;padding: 2vw; background-color: var(--box-background);border: var(--box-border-width) var(--box-border-color)} .rowFacts .ce_text {width: 70%; padding-right: 3vw} .rowFacts .ytelement, .rowFacts .ce_image {width: 30% !important} /*BOXED*/ .boxFrame h3 {color: var(--text-color)} .boxFrame.videoBox {background-color: var(--darkBlue); color: var(--white); padding: 2vw; display: flex; align-items: center} .boxFrame.videoBox .ytelement, .boxFrame.videoBox .ce_text, .boxFrame.videoBox .ce_image {width: 50%} .boxFrame.videoBox .ce_text {padding: 0 2vw} .boxFrame.videoBox h3 {color: var(--white); font-weight: 400; font-size: 1.8em; } .boxFrame.videoBox a {color: var(--white)} .boxFrame.picBox h3 {color: var(--text-color); display: block; position: relative; padding-bottom: 1vw} .boxFrame.picBox h3:after {content: ""; position: absolute; bottom: 0; width: 100%; height: 1px; left: 0; background-color: var(--box-border-color)} .boxFrame.picBox {background-color: var(--box-background);border: var(--box-border-width) var(--box-border-color);padding: 2vw; display: flex; align-items: center;margin-bottom: 3vw} .boxFrame.picBox figure {width: 100%;} .quoteBox .quoteParagraph {position: relative; padding: 0 50px 0 60px; width: 80%; margin: 10px auto} .quoteBox .quoteParagraph:before, .quoteBox .quoteParagraph:after {position: absolute; top: 0;font-size: 1.8em;} .quoteBox .quoteParagraph:before {content: "\f10e";font-family: "Font Awesome 6 Free";font-weight: 900; left: 0;} .quoteBox .quoteParagraph:after {content: "\f10d";font-family: "Font Awesome 6 Free";font-weight: 900; right: 0;bottom: 0; top: inherit} .boxFrame.linkBox {background-color: var(--box-background);border: var(--box-border-width) var(--box-border-color);padding: 2vw;position: relative} .boxFrame.linkBox:before {content: "\f0c1";font-family: "Font Awesome 6 Free";font-weight: 900;font-size: 1.2em;width: 2.5rem;height: 2.5rem;display: flex;color: var(--box-border-color); border: var(--box-border-width) var(--box-border-color);border-radius: 50%;align-items: center;justify-content: center;position: absolute;right: 0.5vw;top: 0.5vw; background-color: var(--white);} .boxFrame.linkBox.plsLink {color: var(--white); background-color: var(--highlight-1); border: var(--box-border-width) var(--highlight-1); border-left: none; border-right: none;margin-top: 2vw;margin-bottom: 2vw;} .boxFrame.linkBox.plsLink:before {color: var(--highlight-1);border: var(--box-border-width) var(--highlight-1); top: 1vw} .boxFrame.linkBox.plsLink strong, .boxFrame.linkBox.plsLink a {color: var(--white)} #main .boxFrame.linkBox.plsLink a:after, #main .boxFrame.linkBox.plsLink a:hover {color: var(--white) !important} .boxFrame.linkBox.plsLink strong {font-size: 14px} .boxFrame.linkBox.plsLink p {margin: 0} .boxFrame.glossarBox {background-color: var(--box-secColor-background);border: var(--box-border-width) var(--box-secColor-border-color); padding: 0; margin-top: 1vw; margin-bottom: 1vw; -webkit-user-select: none; -ms-user-select: none;user-select: none; } .boxFrame.glossarBox .lightBoxClick {padding: 1vw 2vw 2.5vw 2vw;position: relative;width: 100%} /*.boxFrame.glossarBox .lightBoxClick:before {content: "\f129";font-family: "Font Awesome 6 Free";font-weight: 900;font-size: 1.2em;width: 2.5rem;height: 2.5rem;display: flex;color: var(--box-secColor-border-color);border: var(--box-border-width) var(--box-secColor-border-color);border-radius: 50%;align-items: center;justify-content: center;position: absolute;right: 0.5vw;top: 0.5vw; background-color: var(--white);} */ .boxFrame.glossarBox .lightBoxClick:after {content: "\2b";font-family: "Font Awesome 6 Free";font-weight: 900;font-size: 1em;width: 1.5rem;height: 1.5rem;display: flex;background-color: var(--box-secColor-border-color);color: var(--white); display: flex; align-items: center; justify-content: center; cursor: pointer; position: absolute; bottom: 1vw} .boxFrame.glossarBox h3 {font-weight: 400; font-size: 1.4em; margin-bottom: 1vw;text-align: left} .boxFrame.glossarBox .ce_text:last-child {display: none} .boxFrame.glossarBox.active .ce_text:last-child {display: block} .boxFrame.glossarBox > div:first-child p {font-size: 14px; margin-top: 0; margin-bottom: 10px; text-align: left} .col3 > .boxFrame.glossarBox {width: 100%; margin-right: 0; justify-content: flex-start} .boxFrame.glossarBox .pg_lbElementLBInner {top: 13vw;left: 27.5%;width: 45%;bottom: initial; background-color: var(--box-secColor-background-noOpac);border: var(--box-border-width) var(--box-secColor-border-color);} .boxFrame.textBox {background-color: var(--box-background);border: var(--box-border-width) var(--box-border-color);padding: 2vw; display: flex; align-items: center;margin-bottom: 3vw} .boxFrame.textBox h3 {color: var(--text-color)} .boxFrame.textBox div:first-child {width: 20%; padding-right: 2vw} .boxFrame.textBox div:nth-child(2) {width: 80%} /*LINK TILES*/ .linkTileFrame ul {display: flex; justify-content: space-between; padding-left: 0 !important; margin: 2vw 0 !important} .linkTileFrame li {width: 21%; height: 6vw; border: 1px solid var(--darkBlue); border-left: none; border-right: none; display: flex; align-items: center;padding: 1vw;position: relative} .linkTileFrame li:before {display: none} .linkTileFrame li a {color: var(--darkBlue); line-height: normal;font-size: 0.95em;hyphens: auto;position: absolute;left: 0;top: 0;height: 100%;width: 100%;padding: 1vw;display: flex;align-items: center;text-decoration: none;justify-content: space-between} /*.linkTileFrame li:after {content: "\f0c1";font-family: "Font Awesome 6 Free";font-weight: 900;position: absolute; top: 0.5vw;right: 0.5vw; color: var(--highlight-1)}*/ /*LIGHTBOX TILES*/ .lightBoxElement {background-color: var(--box-background);border: var(--box-border-width) var(--box-border-color);padding: 2vw; display: flex; align-items: center;margin-bottom: 3vw; justify-content: center} .lightBoxElement .pg_lbElementLBInner > div {position: initial;overflow: auto} .whiteLightboxElementFrame {display: flex; flex-wrap: wrap; justify-content: space-between} .whiteLightboxElementFrame.wlef_2 .lightBoxElement {width: 48%; padding: 0} .whiteLightboxElementFrame.wlef_2 .lightBoxElement > div {padding: 2vw 2vw 3vw 2vw;position: relative} .whiteLightboxElementFrame.wlef_2 .lightBoxElement {background-color: var(--white); color: var(--darkBlue);border: 3px solid var(--darkBlue);} .whiteLightboxElementFrame.wlef_2 .lightBoxElement h2 {font-size: 24px} .whiteLightboxElementFrame.wlef_2 .lightBoxElement > div:after {content: "\f138";font-family: "Font Awesome 6 Free";font-weight: 900;position: absolute; bottom: 1.5vw; font-size: 1.6em} .whiteLightboxElementFrame.wlef_2 .lightBoxElement > div:hover:after {transform: rotate(-45deg) scale(1.4)} /*Flip Tiles*/ #demokratieFlip .flip-container {width: 49% !important; margin-right: 1% !important; margin-left: 0 !important; margin-bottom: 1% !important;padding: 1rem;background-color: #fff;border: 1px solid var(--darkBlue)} #demokratieFlip .flip-container {height: 450px !important} #demokratieFlip .front, #demokratieFlip .back {height: calc(450px - 2rem) !important} #demokratieFlip .front {border: 1px solid var(--darkBlue)} #demokratieFlip .flip-container .back {overflow-y: scroll;overflow-x: hidden; box-shadow: inset 2px 2px 16px rgba(0,0,0,0.1);border: 1px solid #e4e4e4} #demokratieFlip .flip-container .back::-webkit-scrollbar {width: 0.5em;} #demokratieFlip .flip-container .back::-webkit-scrollbar-track {box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3)} #demokratieFlip .flip-container .back::-webkit-scrollbar-thumb {background-color: var(--darkBlue);outline: 1px solid slategrey} #demokratieFlip .flipper .front .titleWrap {position: absolute;bottom: 25px;left: 25px;right: 25px;} #demokratieFlip .flipper .front h2 {color: #fff;font-size: 28px;padding: 0;background-color: rgba(255,255,255,0);position: initial;-webkit-hyphens: auto;-ms-hyphens: auto;hyphens: auto;} #demokratieFlip .flipper .front h2 span {display: block;color: #fff;font-size: 16px;margin-bottom: 5px; font-weight: normal} #demokratieFlip > div.row > div:nth-child(4) .front {background-position-y: 0 !important} @media(max-width: 768px) { #demokratieFlip .flip-container {width: 100% !important} } /*LINKS*/ .ce_hyperlink.link {position: relative; padding: 1vw 0; margin-top: 0.5vw} .ce_hyperlink.link:after {content: ""; position: absolute; bottom: 0; width: 100%; height: 1px; left: 0; background-color: var(--highlight-1)} .ce_hyperlink.link a, .ce_download.download a {display: flex;align-items: center;font-size: 1.2em;text-decoration: none;margin-bottom: 0px; padding: 0} .ce_hyperlink.link a:before {content: "\f14c";font-family: "Font Awesome 6 Free";font-weight: 900; color: var(--highlight-1); margin-right: 20px} .ce_hyperlink.link a:hover, .ce_download.download a:hover {text-decoration: underline; color: var(--highlight-1)} .ce_download.download .size {display: none} .ce_download.download a:before {content: "\f358";font-family: "Font Awesome 6 Free";font-weight: 900; margin: 0; color: var(--highlight-1);margin-right: 20px; margin-left: -1px} /*AKKORDEON*/ .ce_accordionStart {margin-bottom: 10px; position: relative} .ce_accordionStart .accordion {padding: 0 10px} .ce_accordionSingle .toggler, .ce_accordionStart .toggler {background-color: var(--darkBlue); color: var(--white);padding: 20px 40px 20px 20px;margin-bottom: 10px;font-weight: 400;font-size: 20px;line-height: 1.6em;} .ce_accordionSingle .toggler .ui-icon:before, .ce_accordionStart .toggler .ui-icon:before {content: "\f054";font-family: "Font Awesome 6 Free";font-weight: 900;position: absolute; right: 20px; top; 8px} .ce_accordionSingle .toggler.active .ui-icon:before, .ce_accordionStart .toggler.active .ui-icon:before {transform: rotate(90deg)} .ce_accordionSingle .toggler:hover, .ce_accordionStart .toggler:hover {background-color: var(--highlight-1); opacity: 1} .ki_copyright{font-size: 11px!Important} /*FLIPS*/ .flipTileFrame .pg_flipRow {flex-wrap: wrap; justify-content: space-between} .flipTileFrame .pg_flipRow .pg_flipContainer {width: 48.5%; margin-bottom: 3%} .flipTileFrame .pg_flipRow .pg_flipContainer .buttonRow {display: none} .flipTileFrame .flipper .back .content {display: block;font-size: 17px;line-height: 1.6em;} .flipTileFrame .pg_flipContainer, .flipTileFrame .front, .flipTileFrame .back {height: 350px} .flipTileFrame .flipper .back {background-color: var(--box-background);border: var(--box-border-width) var(--box-border-color)} /*CONTENT SLIDER*/ .slider-control .slider-menu b {font-size: 2.5em; color: rgba(255,255,255,0.7)} .slider-control .slider-menu b.active {color: var(--text-color)} /*VIDEOS BESIDE*/ .videoFrame {} /*TABS*/ .KitabTextInner .flexRow.videoFrame {flex-wrap: wrap; justify-content: space-between} .KitabTextInner .flexRow.videoFrame.videos_3 .ytelement {width: 48.33333%; margin: 0 0 3% 0} /* .ce_sliderStart {position: relative} #article-1051 .slider-prev, #article-1051 .slider-next {position: absolute;top: -290px;color: rgba(0,0,0,0)} #article-1051 .slider-prev {left: -5%;} #article-1051 .slider-next {right: -10%} #article-1051 .slider-menu {transform: scale(2.5);color: var(--white)} #article-1051 .slider-prev:before {content: "\f137";font-family: "Font Awesome 6 Free";font-weight: 900;color: var(--white); font-size: 2em} #article-1051 .slider-next:before {content: "\f138";font-family: "Font Awesome 6 Free";font-weight: 900;color: var(--white); font-size: 2em} */ /*--------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------*/ /*BREAKS*/ @media(max-width: 1200px) { /*PAGES – NOT START*/ .heroSection .hero_first h1 {font-size: calc(22px + 2vw)} .heroSection .hero_second h2 {font-size: calc(20px + 2vw)} } @media(max-width: 1000px) { /*START*/ .kiDemokratieHome #mobNavTri i {color: var(--white)} /*PAGES*/ #mobNavTri i {color: var(--text-color)} /*START*/ #article-1050 > section:nth-child(2) {margin-top: 6% !important} .teaserFrame {max-width: 100vw !important} .teaserFrame > div figure, .teaserFrame > div .picFrame {height: 10rem} .bigHint {margin-left: 0; font-size: 1.5em} /*PAGES – NOT START*/ .heroSection .hero_first, .heroSection .hero_second {width: 50%} .heroSection .hero_second {padding: 4vw 2vw 0 2vw;} .heroSection .hero_second .thema {width: 90%; top: 5px} .ce_sliderStart .ce_text {padding: 0 2%} .ce_sliderStart .slider-control {margin: 0 2%} .slider-control .slider-menu {font-size: inherit} } @media(max-width: 950px) { /*PAGES – NOT START*/ .heroSection {display: block} .heroSection .hero_first, .heroSection .hero_second {width: 100%} .heroSection .hero_second {padding: 22vw 4vw 8vw 4vw} .heroSection .hero_first h1 {font-size: calc(20px + 2vw)} .heroSection .hero_second h2 {font-size: calc(18px + 2vw)} .heroSection .hero_second .thema {width: 96%;top: 10px;} .heroSection.textOnly {flex-wrap: wrap;min-height: auto} .heroSection.textOnly > div {width: 100% !important;} .heroSection.textOnly .hero_first {min-height: 70px;} .heroSection.textOnly .hero_first h1 {bottom: 4vw} } @media(max-width: 768px) { #movieHeroSection .layer h1 {font-size: calc(22px + 3vw); letter-spacing: -3px} #plsLogo img {max-width: 120px !important} #container {padding-top: 77px} .offset3 {margin-left: 0} .col6.offset3 {width: 100%} #ScrollToTop {transform: scale(0.6);transform-origin: 100% 100%;right: 0.5rem;bottom: 7rem} .subHead {width: 95%;font-size: calc(22px + 1.6vw);margin-top: 6vw;padding: 2vw 2vw;} .serviceHead {width: 100%} #logoBar .inside {justify-content: space-between} #navBar {display: flex;justify-content: flex-end;align-items: center;} #mobNavTri {font-size: 1.6em; margin-top: 4px} #homeButton {font-size: 1.4em} /*START*/ .movie .layer {align-items: flex-end; padding-bottom: 6%} .movie .layer h1 {font-size: calc(19px + 2vw); letter-spacing: 0} .movie .layer h2 {font-size: calc(10px + 1.1vw);} .teaserFrame {display: block} .teaserFrame > div {width: 100%; margin: 0 0 10% 0} .teaserFrame > div figure, .teaserFrame > div .picFrame {width: 70%} .jumpMarkFrame {flex-wrap: wrap;} .jumpMarkFrame button {width: 100%;margin-top: 2%;padding: 4px 2vw} .boxFrame:before {transform: scale(0.7);transform-origin: 100% 0%;} .boxFrame h3 {font-size: 1.4em !important; margin-bottom: 3vw !important} .boxFrame.glossarBox {padding: 4vw} .boxFrame.picBox {display: block} .boxFrame.videoBox {display: block} .boxFrame.videoBox .ytelement, .boxFrame.videoBox .ce_text, .boxFrame.videoBox .ce_image {width: 100%} .boxFrame.videoBox .ce_text {padding: 4vw 2vw} .rowFacts .ce_text, .rowFacts .ytelement, .rowFacts .ce_image {width: 100% !important} .linkTileFrame ul {flex-wrap: wrap} .linkTileFrame ul li {width: 47% !important;height: 30vw;margin-top: 5%;} .lightBoxElement {width: 100%; margin: 3% 0} #main .ce_text li, p {font-size: calc(14px + 1vw); line-height: 1.6em} .ce_hyperlink.link a, .ce_download.download a {font-size: calc(14px + 1vw);} .ce_hyperlink.link {padding: 2vw 0;margin-top: 2vw} .boxFrame.glossarBox .lightBoxClick {padding: 1vw 2vw 47px 2vw;} .boxFrame.glossarBox .pg_lbElementLBInner {left: 2.5%;width: 95%;bottom: 5vw; overflow: auto; padding: 0} .boxFrame.glossarBox .pg_lbElementLBInner > div {padding: 5%} .pg_lbElementBackCloser {display: none} .pg_lbElementBack:before {top: 1%} /* .boxFrame.picBox .quoteBox h3 {padding-bottom: 50px} .boxFrame.picBox .quoteBox h3:after {bottom: 50px} .boxFrame.picBox .quoteBox h3:before {bottom: 0} */ .quoteBox .quoteParagraph {padding: 50px 0} .quoteBox .quoteParagraph:after {top: initial; bottom: 0} .firstParagraph p {margin-top: 0; font-size: 1.2em} .boxFrame.linkBox {padding: 4vw 2vw} }