/* Theme Name: REMJND Theme URI: https://remjnd.com/ Author: REMJND - Building Memorable Brands Author URI: https://remjnd.com/ Description: REMJND Theme changed by gate4.com Version: 1.0 */@charset "UTF-8";body,html,h1,h2,h3,h4,h5,h6,p,ul,ol,li,blockquote{padding:0;margin:0;}body,html{overflow-x:hidden;width:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}a{outline:none !important;text-decoration:none;}ol,ul,li{list-style:none;}.clear{clear:both;line-height:0;font-size:0;height:0;width:0;overflow:hidden;visibility:hidden;display:block;}p{cursor:text;}b,strong{font-weight:bold;}img{-ms-interpolation-mode:bicubic;}li{display:list-item;}.cf:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;}.cf{display:inline-block;}* html .cf{height:1%;}.cf{display:block;}video::-webkit-media-controls-enclosure{display:none !important;}.bg-img{visibility:hidden;position:absolute;width:0;height:0;}@font-face{font-family:"inter";src:url("https://linqi.de/wp-content/uploads/2024/11/inter-light.woff") format("woff");font-weight:300;font-style:normal;font-display:swap;}@font-face{font-family:"inter";src:url("https://linqi.de/wp-content/uploads/2024/11/inter-regular.woff") format("woff");font-weight:400;font-style:normal;font-display:swap;}@font-face{font-family:"inter";src:url("https://linqi.de/wp-content/uploads/2024/11/inter-semibold.woff") format("woff");font-weight:600;font-style:normal;font-display:swap;}@font-face{font-family:"inter";src:url("https://linqi.de/wp-content/uploads/2024/11/inter-bold.woff") format("woff");font-weight:700;font-style:normal;font-display:swap;}body,input,textarea{font-family:inter; font-weight:300; font-style:normal;font-size:17px;line-height:1.7em;color:#004048;}h1{font-family:inter; font-weight:700; font-style:normal;font-size:50px;line-height:1em;color:#004048;}h1:not(:first-child){margin-top:1.1em;}h1:not(:last-child){margin-bottom:0.2em;}h2{font-family:inter; font-weight:600; font-style:normal;font-size:50px;line-height:1em;color:#004048;}h2:not(:first-child){margin-top:1.1em;}h2:not(:last-child){margin-bottom:0.2em;}h3{font-family:inter; font-weight:600; font-style:normal;font-size:26px;line-height:1.1em;color:#32b5b3;}h3:not(:first-child){margin-top:1.7em;}h3:not(:last-child){margin-bottom:0.5em;}h4{font-family:inter; font-weight:600; font-style:normal;font-size:22px;line-height:1.1em;color:#32b5b3;}h4:not(:first-child){margin-top:2.5em;}h4:not(:last-child){margin-bottom:0.5em;}p:not(:last-child){margin-bottom:1.5em;}p:not(:first-child){margin-top:1.5em;}.btn, button.forminator-button, #woocommerce .single_add_to_cart_button, #root .woocommerce a.button.alt, #root .woocommerce button.button.alt, input[type=submit]{cursor:pointer;position:relative; display:inline-block; padding:15px 20px; font-family:'inter', sans-serif; font-size:18px; line-height:18px; font-weight:600; color:#fff; border-radius:12px; z-index:1; background:linear-gradient(to right, rgba(230,0,126,1) 0%, rgba(255,106,169,1) 100%); transition:box-shadow .2s ease-in-out;}.btn:hover, button.forminator-button:hover, #woocommerce .single_add_to_cart_button:hover, #root .woocommerce a.button.alt:hover, #root .woocommerce button.button.alt:hover, input[type=submit]:hover{text-decoration:none; }@media (max-width:1200px){h1{font-size:45px}h2{font-size:45px}h3{font-size:23px}h4{font-size:20px}}@media (max-width:1050px){h1{font-size:40px}h2{font-size:40px}h3{font-size:22px}h4{font-size:18px}}@media (max-width:950px){h1{font-size:35px}h2{font-size:35px}h3{font-size:22px}h4{font-size:17px}}@media (max-width:800px){h1{font-size:30px}h2{font-size:30px}h4{font-size:15px}body,input,textarea{font-size:14px}}@media (max-width:700px){h1{font-size:28px}h2{font-size:28px}}@media (max-width:600px){h1{font-size:25px}h2{font-size:25px}h3{font-size:18px}}@media (max-width:500px){h1{font-size:23px}h2{font-size:23px}}@media (max-width:380px){h1{font-size:20px}h2{font-size:20px}h3{font-size:16px}}.bg2 .btn, .bg2 input[type=submit]{color:#fff;}.bg2 .btn:hover, .bg2 input[type=submit]:hover{}.bg3 .btn, .bg3 input[type=submit]{color:#fff;}.bg3 .btn:hover, .bg3 input[type=submit]:hover{}.bg4 .btn, .bg4 input[type=submit]{color:#fff; text-decoration:none;}.bg4 .btn:hover, .bg4 input[type=submit]:hover{}.bg5 .btn, .bg5 input[type=submit]{color:#fff;}.bg5 .btn:hover, .bg5 input[type=submit]:hover{}html{background:#eaf6f6}a{color:#32b5b3;}.bg1, .bannertext.textbox.bg1 .inner{background:#ffffff;}.bg1-top::before {background:#ffffff;}.bg1-bottom::after {background:#ffffff;}.bannertext.imagefade.bg1 .img:after{background:linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);}.bg2{background:#eaf6f6;color:#004048;}.bannertext.textbox.bg2 .inner{background:#eaf6f6;}.bg2-top::before {background:#eaf6f6;}.bg2-bottom::after {background:#eaf6f6;}.bg2 h1{color:#004048;}.bg2 h2{color:#004048;}.bg2 h3{color:#32b5b3;}.bg2 h4{color:#32b5b3;}.bg2 a{color:#32b5b3;}.bannertext.imagefade.bg2 .img:after{background:linear-gradient(0deg, rgba(234,246,246,1) 0%, rgba(234,246,246,0) 100%);}.bg3{background:#bbe1e0;color:#004048;}.bg3-top::before {background:#bbe1e0;}.bg3-bottom::after {background:#bbe1e0;}.bannertext.textbox.bg3 .inner{background:#bbe1e0;}.bg3 h1{color:#004048;}.bg3 h2{color:#004048;}.bg3 h3{color:#32b5b3;}.bg3 h4{color:#32b5b3;}.bg3 a{color:#32b5b3;}.bannertext.imagefade.bg3 .img:after{background:linear-gradient(0deg, rgba(187,225,224,1) 0%, rgba(187,225,224,0) 100%);}.bg4{background:#004048;color:#eaf6f6;}.bg4-top::before {background:#004048;}.bg4-bottom::after {background:#004048;}.bannertext.textbox.bg4 .inner{background:#004048;}.bg4 h1{color:#32b5b3;}.bg4 h2{color:#32b5b3;}.bg4 h3{color:#32b5b3;}.bg4 h4{color:#32b5b3;}.bg4 a{color:#32b5b3;text-decoration:underline;}.bg4 a:hover{text-decoration:none;}.bannertext.imagefade.bg4 .img:after{background:linear-gradient(0deg, rgba(0,64,72,1) 0%, rgba(0,64,72,0) 100%);}.bg5{background:#e0e0e0;color:#666666;}.bannertext.textbox.bg5 .inner{background:#e0e0e0;}.bg5 h1{color:#ddbd8a;}.bg5 h2{color:#ddbd8a;}.bg5 h3{color:#ddbd8a;}.bg5 h4{color:#ddbd8a;}.bg5 a{color:#ddbd8a;}.bannertext.imagefade.bg5 .img:after{background:linear-gradient(0deg, rgba(,1) 0%, rgba(,0) 100%);}.overlay{background:rgba(0,53,60,0.7);}#header.header-text{background:#00353c;}#header.header-text *{color:#32b5b3;}.imagegrid.bg1 .col:not(.empty):after{border-color:#ffffff;}.imagegrid.bg1 .col.imageboth:before, .imagegrid.bg1 .col.imagetop:before, .imagegrid.bg1 .col.imagebottom:before{background:#ffffff;}.imagegrid.bg2 .col:not(.empty):after{border-color:#eaf6f6;}.imagegrid.bg2 .col.imageboth:before, .imagegrid.bg2 .col.imagetop:before, .imagegrid.bg2 .col.imagebottom:before{background:#eaf6f6;}.imagegrid.bg3 .col:not(.empty):after{border-color:#bbe1e0;}.imagegrid.bg3 .col.imageboth:before, .imagegrid.bg3 .col.imagetop:before, .imagegrid.bg3 .col.imagebottom:before{background:#bbe1e0;}.imagegrid.bg4 .col:not(.empty):after{border-color:#004048;}.imagegrid.bg4 .col.imageboth:before, .imagegrid.bg4 .col.imagetop:before, .imagegrid.bg4 .col.imagebottom:before{background:#004048;}.imagegrid.bg5 .col:not(.empty):after{border-color:#e0e0e0;}.imagegrid.bg5 .col.imageboth:before, .imagegrid.bg5 .col.imagetop:before, .imagegrid.bg5 .col.imagebottom:before{background:#e0e0e0;}#root{padding-top:0px;}.wrapper{width:90%;max-width:1300px;margin:auto;}@media (min-width:801px){.wrapper.desktop-full{width:100%;max-width:none;}}@media (max-width:800px){.wrapper.mobile-full{width:100%}}.paddingtop{padding-top:120px;}.paddingtop-half{padding-top:60px;}.paddingtop-double{padding-top:240px;}.paddingbottom{padding-bottom:120px;}.paddingbottom-half{padding-bottom:60px;}.paddingbottom-double{padding-bottom:240px;}@media (max-width:1300px){.paddingtop{padding-top:108px;}.paddingtop-half{padding-top:54px;}.paddingtop-double{padding-top:216px;}.paddingbottom{padding-bottom:108px;}.paddingbottom-half{padding-bottom:54px;}.paddingbottom-double{padding-bottom:216px;}}@media (max-width:1200px){.paddingtop{padding-top:96px;}.paddingtop-half{padding-top:48px;}.paddingtop-double{padding-top:192px;}.paddingbottom{padding-bottom:96px;}.paddingbottom-half{padding-bottom:48px;}.paddingbottom-double{padding-bottom:192px;}}@media (max-width:1100px){.paddingtop{padding-top:84px;}.paddingtop-half{padding-top:42px;}.paddingtop-double{padding-top:168px;}.paddingbottom{padding-bottom:84px;}.paddingbottom-half{padding-bottom:42px;}.paddingbottom-double{padding-bottom:168px;}}@media (max-width:1000px){.paddingtop{padding-top:72px;}.paddingtop-half{padding-top:36px;}.paddingtop-double{padding-top:144px;}.paddingbottom{padding-bottom:72px;}.paddingbottom-half{padding-bottom:36px;}.paddingbottom-double{padding-bottom:144px;}}@media (max-width:900px){.paddingtop{padding-top:60px;}.paddingtop-half{padding-top:30px;}.paddingtop-double{padding-top:120px;}.paddingbottom{padding-bottom:60px;}.paddingbottom-half{padding-bottom:30px;}.paddingbottom-double{padding-bottom:120px;}}@media (max-width:800px){.paddingtop{padding-top:48px;}.paddingtop-half{padding-top:24px;}.paddingtop-double{padding-top:96px;}.paddingbottom{padding-bottom:48px;}.paddingbottom-half{padding-bottom:24px;}.paddingbottom-double{padding-bottom:96px;}}#mainnav {position:fixed;z-index:10;left:0;width:100%;background:transparent;font-family:'montserrat';transition:padding.2s ease-in-out, background .2s ease-in-out;} #mainnav a:not(.btn){display:block;font-family:'inter', sans-serif;transition:color .2s ease-in-out;} #mainnav a:hover {text-decoration:none;} #mainnav .inner {position:relative;display:flex;align-items:center;} #mainnav .inner .logo {margin-left:-10px;margin-right:auto;} #mainnav .inner .logo img {display:block;width:100%;height:auto;} #mainnav .inner nav ul {display:flex;align-items:center;} #mainnav .inner nav ul li a {font-weight:600;} #mainnav .inner .mainnav .menu li:not(.current-menu-item) a {color:var(--font-color-bright);} #mainnav .inner .mainnav .menu li.current_page_parent > a {color:var(--main-color) !important;} #mainnav .inner .mainnav .menu li.current_page_parent > ul > li.current-menu-item a {color:var(--main-color);} #mainnav .inner .mainnav .menu li.current-menu-item > a {color:var(--main-color);} #mainnav .inner .mainnav .menu > li:not(.current-menu-item):hover > a:not(.btn) {color:var(--main-color) !important;} #mainnav .inner .mainnav .menu li:has(.cpt_current_page_item) > a, #mainnav .inner .mainnav .menu li:has(.cpt_current_page_item) > ul > li.cpt_current_page_item > a {color:var(--main-color) !important;} html.scrolled #mainnav {background:#eaf6f6;border-bottom:1px solid rgba(0, 53, 60,0.15);} @media (max-width:1800px){ #mainnav{left:0;right:0;margin:0;width:100%;} } @media (min-width:1201px){ #mainnav {padding:40px 0;} #mainnav .inner .logo {width:170px;} #mainnav .inner nav ul {gap:1.5em;} #mainnav .inner .mainnav {margin-right:1.5em;} #mainnav .inner .mainnav .menu li.menu-item-has-children > ul li a {font-size:16px;} #mainnav a:not(.btn){font-size:18px;line-height:18px;} #mainnav .inner .btn {margin-right:65px;} #mainnav .inner .langswitch .lang {padding:15px 0;} #mainnav .inner .langswitch .lang > li > a {width: 48px;} html.scrolled #mainnav {padding:25px 0;} } @media (max-width: 1200px){ #mainnav .inner .btn {font-size:16px;line-height:16px;} } @media (max-width: 1200px) and (min-width:1025px){ #mainnav {padding:30px 0;} #mainnav .inner .logo {width:140px;} #mainnav .inner nav ul {gap:1em;} #mainnav .inner .mainnav {margin-right:1em;} #mainnav .inner .mainnav .menu li.menu-item-has-children > ul li a {font-size:14px;} #mainnav .inner a:not(.btn){font-size:16px;line-height:16px;} #mainnav .inner .btn {margin-right:55px;padding:12px 15px;} #mainnav .inner .langswitch .lang {padding:10px 0;} #mainnav .inner .langswitch .lang > li > a {width: 42px;} html.scrolled #mainnav {padding:20px 0;} } @media (max-width: 1200px) and (min-width:768px){ #mainnav .inner > .btn {font-size:16px;line-height:16px;} } @media (min-width: 1025px){ #mainnav .mobile {display:none;} #mainnav #toggle-mainnav {display:none;} #mainnav .inner .langswitch.mobile {display:none;} #mainnav .inner .btn {transition:margin .2s ease-in-out, box-shadow .2s ease-in-out;} #mainnav .inner .mainnav .menu > li > ul > li:hover > a {color:var(--font-color-bright); !important;} #mainnav .inner .mainnav .menu li.menu-item-has-children {position:relative;padding:15px 0;} #mainnav .inner .mainnav .menu li.menu-item-has-children:hover > ul {display:block;opacity:1;pointer-events:all;} #mainnav .inner .mainnav .menu li.menu-item-has-children > ul {display:none;position:absolute;flex-direction:column;gap:0;width:300px;background:#cce8e7;left:50%;top:45px;transform:translate(-50%,0);opacity:0;pointer-events:none;transition:opacity .2s ease-in-out;z-index:10;border-radius:15px;box-shadow:var(--box-shadow-hover);padding:20px;box-sizing:border-box;} #mainnav .inner .mainnav .menu li.menu-item-has-children > ul li {width:100%;transition:background .2s ease-in-out;border:1px solid transparent;border-radius:12px;} #mainnav .inner .mainnav .menu li.menu-item-has-children > ul li:hover {background:var(--main-color);} #mainnav .inner .mainnav .menu li.menu-item-has-children > ul li:hover a {color:var(--font-color-bright) !important;} #mainnav .inner .mainnav .menu li.menu-item-has-children > ul li a {padding:10px;text-align:center;color:var(--font-color-dark);} #mainnav .inner .mainnav .menu > li > ul > li > .back {display:none;} #mainnav .inner .langswitch {position:absolute;right:0;transition:opacity .2s ease-in-out;} #mainnav .inner .langswitch .lang {position:relative;} #mainnav .inner .langswitch .lang > li > a {aspect-ratio: 1; display: flex ; box-sizing: border-box; align-items: center; justify-content: center; background:rgba(255,255,255,0.1);transition:background .2s ease-in-out;border-radius:12px;border: 1px solid rgba(209, 237, 236, 0.2);} #mainnav .inner .langswitch .lang > li > a > img {width:20px !important;} #mainnav .inner .langswitch .lang:hover > li > a {background:rgba(255,255,255,0.2);} #mainnav .inner .langswitch .lang .sub-menu {display:none;position:absolute;flex-direction:row;justify-content:center;gap:1em;width:200px;background:#cce8e7;left:50%;top:55px;transform:translate(-50%,0);opacity:0;pointer-events:none;transition:opacity .2s ease-in-out;z-index:10;border-radius:15px;box-shadow:var(--box-shadow-hover);padding:10px;box-sizing:border-box;} #mainnav .inner .langswitch .lang:hover .sub-menu {display:flex;opacity:1;pointer-events:all;} #mainnav .inner .langswitch .lang:hover .sub-menu li {transition:background .2s ease-in-out;border-radius:4px;} #mainnav .inner .langswitch .lang .sub-menu li:hover {background:var(--main-color);} #mainnav .inner .langswitch .lang .sub-menu li a {padding:8px;} html.scrolled #mainnav .inner .mainnav .menu li:not(.current-menu-item) a {color:var(--font-color-dark);} html.scrolled #mainnav .inner .btn {margin-right:0;} html.scrolled #mainnav .inner .langswitch {opacity:0;pointer-events:none;} } @media (max-width: 1024px){ #mainnav .desktop {display:none;} #mainnav .inner .logo {position:relative;z-index:10;} #mainnav .inner .btn {transition: box-shadow .2s ease-in-out, opacity .2s ease-in-out;} #mainnav .inner .mainnav .menu > li > ul > li:hover > a {color:var(--main-color); !important;} #mainnav .inner #toggle-mainnav {border:none;background:none;box-shadow:none;padding:0;border-radius:8px;overflow:hidden;z-index:10;} #mainnav .inner #toggle-mainnav .hamburger {display:inline-flex;flex-direction:column;align-items:center;justify-content:center;aspect-ratio:1;background:var(--gradient-mint);box-sizing:border-box;} #mainnav .inner #toggle-mainnav .hamburger .line {display:block; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;background:#ffffff;height:2px;} #mainnav .inner #toggle-mainnav.is-active .hamburger .line:nth-child(2){opacity:0;} #mainnav .inner .mainnav {display:flex;flex-direction:column;position:fixed;top:0;right:0;bottom:0;left:0;background:var(--base-color);opacity:0;pointer-events:none;transition:opacity .2s ease-in-out;z-index:9;} #mainnav .inner .mainnav .menu {width:100%;height:100%;flex-direction:column;align-items:flex-start;justify-content:flex-end;gap:1em;padding:0 5% 4rem 5%;box-sizing:border-box;} #mainnav .inner .mainnav .menu li > a:not(.btn) {display:block;font-size:clamp(34px,9vw,60px);line-height:clamp(34px,9vw,60px);font-weight:800;} #mainnav .inner .mainnav .menu > li > ul {position:fixed;flex-direction:column;align-items:flex-start;justify-content:flex-end;gap:1em;padding:0 5% calc(4rem + 74px) 5%;opacity:0;pointer-events:none;top:0;right:0;bottom:0;left:0;background:var(--base-color);transition:opacity .2s ease-in-out;z-index:10;box-sizing:border-box;} #mainnav .inner .mainnav .menu > li.open > ul {opacity:1;pointer-events:all;} #mainnav .inner .mainnav .menu > li > ul > li > a:not(.btn) {display:block;font-size:clamp(24px,8vw,50px);line-height:clamp(24px,8vw,50px);font-weight:800;} #mainnav .inner .mainnav .menu > li > ul > li > .back {display:inline-block;border:none;box-shadow:none;font-family:'inter', sans-serif;border-radius:8px;background:var(--gradient-mint);font-weight:600;color:#fff;} #mainnav .inner .mainnav .langswitch.mobile {padding:0 5% 2rem 5%;} #mainnav .inner .mainnav .langswitch.mobile li.pll-parent-menu-item > a {display:none;} #mainnav .inner .mainnav .langswitch.mobile li.pll-parent-menu-item > ul {display:flex;gap:1em;} #mainnav .inner .mainnav .langswitch.mobile li.pll-parent-menu-item > ul li a {display:flex;align-items:center;justify-content:center;aspect-ratio:1;background:rgba(255,255,255,0.05);width:40px;border-radius:8px;border:1px solid rgba(209, 237, 236, 0.2);} #mainnav .inner .mainnav .langswitch.mobile li.pll-parent-menu-item > ul li.current-lang a {background:rgba(255,255,255,0.3);border-color:1px solid var(--main-color);} html.mainnav-open #mainnav .inner .mainnav {opacity:1;pointer-events:all;} html.request-demo #mainnav .inner > .btn {display:none !important;} } @media (max-width:1024px) and (min-width:768px){ #mainnav {padding:30px 0;} #mainnav .inner .logo {width:140px;} #mainnav .inner > .btn {margin-right:1em;padding:15px 18px;} #mainnav .inner #toggle-mainnav .hamburger{width:46px;padding:5px;} #mainnav .inner #toggle-mainnav .hamburger .line {width:28px;margin: 3px auto;} #mainnav .inner #toggle-mainnav.is-active .hamburger .line:nth-child(1){transform: translateY(8px) rotate(45deg);} #mainnav .inner #toggle-mainnav.is-active .hamburger .line:nth-child(3){transform: translateY(-8px) rotate(-45deg);} #mainnav .inner .mainnav .menu li.cta {margin-top:2em;} #mainnav .inner .mainnav .menu li.cta a.btn {font-size:clamp(18px,2.5vw,24px);padding:2vw 3vw;} #mainnav .inner .mainnav .menu > li > ul > li > .back {font-size:clamp(16px,2vw,20px);padding:1.5vw 2.5vw;margin-top:2em;} html.scrolled #mainnav {padding:20px 0;} } @media (max-width:767px){ #mainnav {padding:20px 0;} #mainnav .inner .logo {width:120px;} #mainnav .inner #toggle-mainnav .hamburger{width:42px;padding:5px;} #mainnav .inner #toggle-mainnav .hamburger .line {width:25px;margin: 3px auto;} #mainnav .inner #toggle-mainnav.is-active .hamburger .line:nth-child(1){transform: translateY(8px) rotate(45deg);} #mainnav .inner #toggle-mainnav.is-active .hamburger .line:nth-child(3){transform: translateY(-8px) rotate(-45deg);} #mainnav .inner .mainnav .menu li.cta {margin-top:1em;} #mainnav .inner .mainnav .menu > li > ul > li > .back {margin-top:1em;} html.scrolled #mainnav {padding:12px 0;} } @media (max-width:767px) and (min-width:481px){ #mainnav .inner .mainnav .menu li.cta a.btn {font-size:18px;padding:15px 18px;} #mainnav .inner .mainnav .menu > li > ul > li > .back {font-size:16px;padding:12px 15px;} } @media (max-width:767px) and (min-width:421px){ #mainnav .inner > .btn {margin-right:1em;padding:14px 18px;font-size:14px;line-height:14px;} } @media (max-width:480px){ #mainnav .inner .mainnav .menu li.cta a.btn {font-size:16px;line-height:16px;padding:12px 15px;} #mainnav .inner .mainnav .menu > li > ul > li > .back {font-size:14px;line-height:14px;padding:12px 15px;} } @media (max-width:420px){ #mainnav .inner > .btn {position:fixed;bottom:0;left:50%;right:0;padding:14px 20px;font-size:14px;line-height:14px;border-radius:12px 12px 0 0;text-align:center;transform:translate(-50%,0);box-sizing:border-box;} html.reached-bot #mainnav .inner > .btn {opacity:0;pointer-events:none;} }#header {position:relative;z-index:5;} #header h1 {margin:0;} #header .wrapper {z-index:2;} #header.header-visual {position:relative;} #header:not(.header-text) img{display:block;width:100%;height:100%;object-fit:cover;} #header:not(.header-text) video{display:block;width:100%;height:101%;object-fit:cover;} #header.header-background.header-overlay:after{content:'';position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(0,53,60,0.7);} #header.header-background .visual.background {position:absolute;top:0;right:0;bottom:0;left:0;} #header.header-overlap .visual.overlap {position:relative;} #header.header-overlap .visual.overlap .visual-inner{position:relative;max-width:1300px;width:90%;margin:0 auto;border-radius:15px;overflow:hidden;aspect-ratio:16/9;z-index:2;box-shadow: var(--box-shadow-visual);} #header.header-overlap .visual.overlap .background-overlap {width:100%;height:100%;position:absolute;bottom:0;left:0;right:0;z-index:-1;}#header.header-frontpage .wrapper {position:relative;display:flex;align-items:center;justify-content:center;} #header.header-frontpage .wrapper .font-inner {position:relative;display:flex;justify-content:center;} #header.header-frontpage:has(.visual.overlap) .wrapper .font-inner {margin-top:10vh;} #header.header-frontpage .wrapper .font-inner::after {content:'';position:absolute;background:#002428;height:80%;width:90%;top:50%;transform:translate(0, -50%);z-index:-1;border-radius:50%;filter:blur(50px);opacity:0.5;} #header.header-frontpage .wrapper .font-inner h1{display:inline-flex;flex-direction:column;justify-content:center;text-align:center;line-height:1em;} #header.header-frontpage .wrapper .font-inner h1 span:not(:first-child){color:var(--font-color-bright);} #header.header-frontpage .wrapper .font-inner .header-txt {color:var(--font-color-bright);text-wrap:balance;} #header.header-frontpage:has(.visual.overlap) .visual.overlap .content-overlap {height:100%;z-index:-1;} #header.header-frontpage:not(:has(.visual.overlap)) {overflow:hidden;} #header.header-frontpage:not(:has(.visual.overlap)) .wrapper {height:100vh;} #header.header-frontpage .header-tiles {position:absolute;top:0;width:100%;z-index:1;overflow:hidden;} #header.header-frontpage .header-tiles .inner {display:flex;flex-direction:column;} #header.header-frontpage:has(.visual.overlap) .header-tiles .inner {height:100%;} #header.header-frontpage:not(:has(.visual.overlap)) .header-tiles .inner {height:100vh;} #header.header-frontpage .header-tiles .inner .row {position:relative;display:grid;gap:2em;width:120%;left:-10%;flex:1;} #header.header-frontpage .header-tiles .inner .row .tile {display:block;background:rgba(12, 79, 87,0.2);border-radius:12px;will-change: background;border:1px solid rgba(209, 237, 236, 0.2);height:100%} #header.header-frontpage:has(.visual.overlap) .visual.overlap #video-play {position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:var(--overlay);} #header.header-frontpage:has(.visual.overlap) .visual.overlap #video-play svg {display:block;width:max(100px,20%);max-width:200px;height:auto;} .magnetic {display:flex;align-items:center;justify-content:center;width:100%;height:100%;} @media(min-width:1201px){ #header.header-frontpage .header-tiles .inner {margin-top:140px;} #header.header-frontpage .header-tiles .inner .row {grid-template-columns:repeat(5,1fr);} } @media(max-width:1200px){ #header.header-frontpage .header-tiles .inner .row .tile:nth-child(5) {display:none;} } @media(max-width:1200px) and (min-width:768px){ #header.header-frontpage .header-tiles .inner {margin-top:105px;} #header.header-frontpage .header-tiles .inner .row {grid-template-columns:repeat(4,1fr);} } @media(min-width:801px){ #header.header-frontpage:has(.visual.overlap) .wrapper {height:65vh;min-height:500px;} #header.header-frontpage:has(.visual.overlap) .visual.overlap #video-play {opacity:0;transition:opacity .2s ease-in-out;cursor:pointer;backdrop-filter:blur(10px);} #header.header-frontpage:has(.visual.overlap) .visual.overlap #video-play:hover {opacity:1;} #header.header-frontpage .wrapper .font-inner.font-besides .header-txt {bottom:8px;width:400px;} #header.header-frontpage .wrapper .font-inner.font-ontop .header-txt {max-width:650px;} } @media(max-width:800px) and (min-width:601px){ #header.header-frontpage:has(.visual.overlap) .wrapper {height:60vh;min-height:300px;} #header.header-frontpage .wrapper .font-inner.font-besides .header-txt {bottom:4px;width:300px;} } @media(min-width:768px){ #header.header-frontpage .header-tiles .inner {gap:2em;} } @media(max-width:767px){ #header.header-frontpage .header-tiles .inner {margin-top:85px;gap:1em;} #header.header-frontpage .header-tiles .inner .row {grid-template-columns:repeat(3,1fr);gap:1em;} #header.header-frontpage .header-tiles .inner .row .tile:nth-child(4) {display:none;} } @media(min-width:601px){ #header.header-frontpage h1 {font-size:clamp(50px,9vw,90px);} #header.header-frontpage .wrapper .font-inner.font-besides h1 span:last-child {width:50%;text-align:right;} #header.header-frontpage .wrapper .font-inner.font-besides .header-txt {position:absolute;display:inline-block;left:calc(50% + 20px);text-align:left;font-size:clamp(10px,1.5vw,16px);line-height:clamp(14px,2vw,24px);} #header.header-frontpage .wrapper .font-inner.font-ontop {flex-direction:column;gap:2em;align-items:center;text-align:center;} #header.header-frontpage .wrapper .font-inner.font-ontop .header-txt {display:block;font-size:clamp(10px,2vw,18px);line-height:clamp(14px,3vw,26px);} } @media(max-width:600px){ #header.header-frontpage:has(.visual.overlap) .wrapper {height:50vh;min-height:300px;} #header.header-frontpage .wrapper .font-inner {flex-wrap:wrap;gap:1em;} #header.header-frontpage h1 {font-size:clamp(30px,10vw,50px);} #header.header-frontpage .wrapper .font-inner .header-txt {display:block;width:100%;max-width:350px;text-align:center;font-size:clamp(10px,3vw,14px);line-height:clamp(14px,4.5vw,21px);} }#header.header-visual.header-background.fullscreen{height:calc(100dvh - 0px);} #header.header-visual.header-background.halfscreen{height:60vh;min-height:500px;} #header.header-visual.header-background .wrapper {position:absolute;left:50%;transform:translate(-50%, 0);bottom:120px;} #header.header-visual.header-overlap {background:var(--gradient-darkgreen);} #header.header-visual.header-overlap .wrapper {display:flex;align-items:flex-end;} #header.header-visual.header-overlap .visual.overlap .background-overlap {height:50%;} @media(min-width:801px){ #header.header-visual.header-overlap .wrapper {height:35vh;min-height:300px;margin:0 auto 5rem auto;} } @media(max-width:800px){ #header.header-visual.header-overlap .wrapper {height:25vh;min-height:200px;margin:0 auto 3rem auto;} }#header.header-text {position:relative;background:var(--gradient-darkgreen);} #header.header-text .wrapper{position:relative;text-align:left;z-index:2;} #header.header-text .visual {position:absolute;top:0;right:0;bottom:0;left:0;opacity:0.75;} #header.header-text .visual img {display: block; width: 100%; height: 100%; object-fit: cover;}#header h1{color:#32b5b3}@media (max-width:1200px){#header.header-image h1, #header.header-video h1{font-size:45px}}@media (max-width:1050px){#header.header-image h1, #header.header-video h1{font-size:42px}}@media (max-width:950px){#header.header-image h1, #header.header-video h1{font-size:36px}}@media (max-width:800px){#header.header-image h1, #header.header-video h1{font-size:33px}}@media (max-width:600px){#header.header-image h1, #header.header-video h1{font-size:25px}}#header.header-text{padding:260px 0 80px}#header.header-text h1{font-family:inter; font-weight:600; font-style:normal;font-size:50px}@media (max-width:1200px){#header.header-text h1{font-size:45px}}@media (max-width:1050px){#header.header-text h1{font-size:42px}}@media (max-width:950px){#header.header-text h1{font-size:38px}}@media (max-width:800px){#header.header-text h1{font-size:35px}#header.header-text{padding:208px 0 64px;}}@media (max-width:700px){#header.header-text h1{font-size:33px}#header.header-text{padding:169px 0 52px;}}@media (max-width:600px){#header.header-text h1{font-size:30px}#header.header-text{padding:156px 0 48px;}}@media (max-width:500px){#header.header-text h1{font-size:25px}#header.header-text{padding:156px 0 48px;}}#footer {background:var(--gradient-darkgreen);} #footer .inner {display:flex;flex-wrap:wrap;gap:0 2em;} #footer .logo {display:inline-block;width:max(125px,20%);max-width:200px;height:auto;} #footer .logo img {display:block;width:100%;height:auto;} #footer .footercta .prehl {color:var(--main-color);display:block;font-family:'inter';font-weight:600;} #footer .footercta .footerctaslogan { font-weight: 600; font-style: normal; font-size: 26px; line-height: 1.1em; color: var(--font-color-bright); margin-bottom: 1em; margin-top: 0; } #footer .footernav {display:flex;} #footer .footernav .menu li.navhl {margin-bottom:0.5em;} #footer .footernav .menu li a {text-decoration:none;color:var(--font-color-bright-75);} #footer .bottomfooter {background:rgba(12,12,12,0.2);} #footer .bottomfooter .bottomfooternav {width:100%;} #footer .bottomfooter .bottomfooternav .menu li:not(:has(a)) {color:var(--font-color-bright-50);} #footer .bottomfooter .bottomfooternav .menu li a {color:var(--font-color-bright-50);text-decoration:none;transition:color .2s ease-in-out;} #footer .bottomfooter .bottomfooternav .menu #totop {border:none;} @media(min-width:981px){ #footer .footercta .btn {font-size:16px;line-height:16px;} #footer .footernav {justify-content:space-around;} #footer .footernav .menu li.navhl {font-size:18px;} #footer .footernav .menu li a {font-size:18px;} } @media(max-width:980px) and (min-width:801px){ #footer .footercta .btn {font-size:14px;line-height:14px;padding:12px 16px;} #footer .footernav {justify-content:flex-end;gap:2em;} #footer .footernav .menu li.navhl {font-size:16px;} #footer .footernav .menu li a {font-size:16px;} } @media(min-width:801px){ #footer .footercta {flex:3;} #footer .footercta .prehl {font-size:clamp(18px,2vw,24px);margin-bottom:1em;} #footer .footercta .footerctaslogan {font-size:clamp(20px,2.5vw,40px);} #footer .footernav {flex:2;} #footer .footernav .menu li a {transition:color .2s ease-in-out;} #footer .footernav .menu li a:hover {color:var(--font-color-bright);} #footer .bottomfooter {padding:40px 0;} #footer .bottomfooter .bottomfooternav .menu li:not(:has(a)) {font-size:14px;} #footer .bottomfooter .bottomfooternav .menu li a {font-size:14px;} } @media(max-width:800px){ #footer .footercta {width:100%;margin-bottom:2rem;} #footer .footercta .prehl {font-size:clamp(14px,4vw,22px);margin-bottom:0.5em;} #footer .footercta .footerctaslogan {font-size:clamp(18px,6vw,30px);} #footer .footercta .btn {font-size:14px;line-height:14px;padding:12px 16px;} #footer .footernav {flex:100%;gap:2em;} #footer .footernav ul {display:flex;flex-direction:column;flex:1;gap:7px;} #footer .footernav ul li a {display:block;padding:4px 15px;background:rgba(255,255,255,0.1);border-radius:8px;transition:background .2s ease-in-out, color .2s ease-in-out;} #footer .footernav .menu li a:hover {background:var(--main-color);color:var(--base-color);} #footer .bottomfooter {padding:20px 0;} #footer .bottomfooter .bottomfooternav .menu li:not(:has(a)) {font-size:12px;} #footer .bottomfooter .bottomfooternav .menu li a {font-size:12px;} } @media(min-width:481px){ #footer .bottomfooter .bottomfooternav .menu {display:flex;gap:1em;} #footer .bottomfooter .bottomfooternav .menu li:last-child {margin-left:auto;} #footer .bottomfooter .bottomfooternav .menu li:last-child #totop {color:var(--font-color-bright-50);transition:color .2s ease-in-out;cursor:pointer;background:none;} #footer .bottomfooter .bottomfooternav .menu li a:hover, #footer .bottomfooter .bottomfooternav .menu li:last-child #totop:hover {color:var(--font-color-bright);} } @media(max-width:480px){ #footer .bottomfooter .bottomfooternav .menu {display:grid;grid-template-columns:repeat(6,1fr);text-align:center;gap:1em 0.5em;} #footer .bottomfooter .bottomfooternav .menu li:not(:last-child) {grid-column: span 2;} #footer .bottomfooter .bottomfooternav .menu li:last-child {grid-column:2 / span 4;} #footer .bottomfooter .bottomfooternav .menu li:last-child #totop {background:linear-gradient(to right, rgba(230,0,126,1) 0%, rgba(255,106,169,1) 100%);color:#ffffff;font-weight:600;border-radius:8px;padding:7px 10px;font-size:12px;line-height:12px;} } @media(max-width:420px){ #footer .footernav {gap:1em;} }:root{ --accent-color: #e6007e; --accent-bg-color: #e6007e; --main-color: #32b5b3; --main-bg-color: #32b5b3; --base-color: #00353c; --base-bg-color: #00353c; --base-color-two: #094e54; --base-bg-color-two: #094e54; --plyr-color-main: var(--accent-color); --font-color-bright: #eaf6f6; --font-color-bright-75: rgba(234, 246, 246, 0.75); --font-color-bright-50: rgba(234, 246, 246, 0.5); --font-color-bright-25: rgba(234, 246, 246, 0.25); --font-color-dark: #00353c; --font-color-dark-75: rgba(0, 53, 60, 0.75); --font-color-dark-50: rgba(0, 53, 60, 0.5); --font-color-dark-20: rgba(0, 53, 60, 0.25); --gradient-pink : linear-gradient(to right, rgba(230,0,126,1) 0%, rgba(255,106,169,1) 100%); --gradient-lightmint : linear-gradient(90deg, rgba(197,221,221,1) 0%, rgba(221,235,235,1) 100%); --gradient-mint : linear-gradient(90deg, rgba(37,162,160,1) 0%, rgba(63,200,198,1) 100%); --gradient-darkgreen : linear-gradient(90deg, rgba(0,48,54,1) 0%, rgba(0,80,90,1) 100%); --gradient-lightgrey-bg : linear-gradient(90deg, rgba(234,246,246,1) 0%, rgba(210,221,221,1) 100%); --gradient-mint-bg : linear-gradient(90deg, rgba(187,225,224,1) 0%, rgba(168,202,201,1) 100%); --border-color-bright : rgba(234, 246, 246, 0.25); --border-color-dark : rgba(0, 53, 60, 0.25); --overlay: rgba(0,53,60,0.5); --box-shadow-visual : 0px 1px 1px rgba(42, 42, 42, 0.02), 0px 4px 5px rgba(42, 42, 42, 0.04), 0px 9px 11px rgba(42, 42, 42, 0.06), 0px 16px 19px rgba(42, 42, 42, 0.08), 0px 25px 30px rgba(42, 42, 42, 0.10); --box-shadow-visual-lighter : 0px 1px 1px rgba(42, 42, 42, 0.01), 0px 5px 4px rgba(42, 42, 42, 0.01), 0px 12px 9px rgba(42, 42, 42, 0.02), 0px 20px 15px rgba(42, 42, 42, 0.02), 0px 32px 24px rgba(42, 42, 42, 0.03); --box-shadow-hover : 0px 1px 1px rgba(3, 7, 18, 0.01), 0px 5px 4px rgba(3, 7, 18, 0.02), 0px 12px 9px rgba(3, 7, 18, 0.02), 0px 20px 15px rgba(3, 7, 18, 0.03), 0px 32px 24px rgba(3, 7, 18, 0.04); --box-shadow-hover-darker : 0px 1px 1px rgba(3, 7, 18, 0.02), 0px 5px 4px rgba(3, 7, 18, 0.04), 0px 12px 9px rgba(3, 7, 18, 0.06), 0px 20px 15px rgba(3, 7, 18, 0.08), 0px 32px 24px rgba(3, 7, 18, 0.10); --box-shadow-btn-primary : 0px 0px 1px rgba(230, 0, 126, 0.02), 0px 2px 3px rgba(230, 0, 126, 0.04), 0px 4px 6px rgba(230, 0, 126, 0.06), 0px 7px 10px rgba(230, 0, 126, 0.09), 0px 10px 16px rgba(230, 0, 126, 0.11), 0px 15px 24px rgba(230, 0, 126, 0.13), 0px 20px 32px rgba(230, 0, 126, 0.15); --box-shadow-btn-secondary : 0px 0px 1px rgba(50, 181, 179, 0.02), 0px 2px 3px rgba(50, 181, 179, 0.04), 0px 4px 6px rgba(50, 181, 179, 0.06), 0px 7px 10px rgba(50, 181, 179, 0.09), 0px 10px 16px rgba(50, 181, 179, 0.11), 0px 15px 24px rgba(50, 181, 179, 0.13), 0px 20px 32px rgba(50, 181, 179, 0.15); } .bg1 { --current-bg-color:#ffffff; --element-bg-color : #eaf6f6; --element-bg-color-hover : #bbe1e0; } .bg2 { --current-bg-color:#eaf6f6; --element-bg-color : #cce8e7; --element-bg-color-hover : #a8cac9; } .bg3 { --current-bg-color:#bbe1e0; --element-bg-color : #eaf6f6; --element-bg-color-hover : #a8cac9; } .bg1, .bg2, .bg3 { --font-color:#004048; --border-color: rgba(0, 53, 60, 0.25); } .bg4 { --font-color:#eaf6f6; --element-bg-color : rgba(12, 79, 87, 0.5); --element-bg-color-hover : #00353c; --current-bg-color:#00353c; --border-color: rgba(234, 246, 246, 0.25); } h1,h2,h3,h4 {text-wrap:balance;} h2.boxed, h3.boxed {display:inline-block;color:#fff;border-radius:12px;} h2.boxed {font-size:clamp(20px,4.5vw,34px);background:var(--gradient-mint);padding:20px;} h3.boxed {font-size:clamp(16px,4vw,24px);background:var(--gradient-darkgreen);padding:15px;} #content{position:relative;z-index:3;} #main{width:70%;float:left;} #sidebar{width:20%;float:right;} .section{position:relative;} .alignd-left{text-align:left;} .alignd-center{text-align:center;} a:hover{text-decoration:underline;} #root .responsivetable{position:relative;} #root .responsivetable:after{content:'';position:absolute;top:0;bottom:0;right:0;width:50px;opacity:0.5;pointer-events:none;background:-moz-linear-gradient(left, rgba(204,204,204,0) 0%, rgba(204,204,204,1) 100%);background:-webkit-linear-gradient(left, rgba(204,204,204,0) 0%,rgba(204,204,204,1) 100%);background:linear-gradient(to right, rgba(204,204,204,0) 0%,rgba(204,204,204,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#cccccc', endColorstr='#cccccc',GradientType=1);} #root .responsivetable .inner{width:100%;overflow-x:scroll;-webkit-overflow-scrolling:touch;position:relative;} #root .responsivetable .inner table{width:100%;min-width:500px;} #root .singlefield ol:not([class]), #root .newsfield ol:not([class]), #root .section ol:not([class]), .popup ol:not([class]) {list-style-type: none; counter-reset: item;} #root .singlefield ol:not([class]) li, #root .newsfield ol:not([class]) li, #root .section ol:not([class]) li, .popup ol:not([class]) li {position:relative;padding:20px 25px;margin-bottom:10px;background:var(--element-bg-color);line-height:24px;counter-increment: item;border-radius:12px;} #root .singlefield ol:not([class]) li:before, #root .newsfield ol:not([class]) li:before, #root .section ol:not([class]) li:before, .popup ol:not([class]) li:before {content: counter(item)".";font-weight:bold;margin-right:20px;color:var(--accent-color);} #root .singlefield ul:not([class]) li, #root .newsfield ul:not([class]) li, #root .section ul:not([class]) li, .popup ul:not([class]) li {position:relative;padding:20px 25px 20px 45px;margin-bottom:10px;background:var(--element-bg-color);line-height:24px;border-radius:12px;} #root .singlefield ul:not([class]) li:before, #root .newsfield ul:not([class]) li:before, #root .section ul:not([class]) li:before, .popup ul:not([class]) li:before {content: ''; position: absolute; left: 20px; top: calc(50% - 5px); width: 10px; height: 10px; background: var(--accent-bg-color);border-radius:3px;} .has-bg-top::before {display:block;content:'';position:absolute;left:0;right:0;top:0;z-index:1;height:50%;} .has-bg-bottom::after {display:block;content:'';position:absolute;left:0;right:0;bottom:0;z-index:1;height:50%;} .bg2.has-bg-gradient {background:var(--gradient-lightgrey-bg);} .bg3.has-bg-gradient {background:var(--gradient-mint-bg);} .bg4.has-bg-gradient {background:var(--gradient-darkgreen);} button.btn {border:none;} .btn.snd {background:var(--gradient-mint);color:var(--font-color-bright);} button.forminator-button:hover, .btn:not(.snd):hover {box-shadow: var(--box-shadow-btn-primary);} .btn.snd:hover {box-shadow:var(--box-shadow-btn-secondary);} .btn.more {font-size:14px;line-height:14px;padding:12px;pointer-events:none;} @media(min-width:801px){ .section.hide-desktop {display:none;} } @media(max-width:800px){ .alignm-left {text-align:left;} .alignm-center{text-align:center;} .section.hide-mobile {display:none;} } @media(min-width:451px){ .btn + .btn {margin-left:1em;} } @media(max-width:450px){ .btn + .btn {margin-top:1em;} #root .btn, #root button {display:block;width:100%;box-sizing:border-box;font-size:14px;line-height:14px;padding:12px 16px;text-align:center;} } input[type=text],input[type=email],input[type=tel],input[type=password],textarea{padding:10px;border:1px solid var(--border-color);-webkit-transition:border-color .2s ease-in-out;transition:border-color .2s ease-in-out;width:100%;box-sizing:border-box;background:none;border-radius:12px;} input[type=text]:hover,input[type=email]:hover,input[type=tel]:hover,input[type=password]:hover,textarea:hover {border-color:var(--accent-color);} input[type=text]:focus,input[type=email]:focus,input[type=tel]:focus,input[type=password]:focus,textarea:focus{border-color:var(--accent-color);outline:none;} textarea{resize:vertical;min-height:100px;max-height:700px;height:230px;} form input::placeholder,form textarea::placeholder {color:rgba(0,0,0,0.35);} .forminator-field.forminator-is_filled:not(.forminator-has_error) input, .forminator-field.forminator-is_filled:not(.forminator-has_error) textarea {border-color:var(--main-color);} input[type=radio],input[type=checkbox]{-webkit-appearance:none;width:20px;height:20px;background:#ddd;cursor:pointer;border-radius:0;} input[type=radio]:checked, input[type=checkbox]:checked{background:#333;} input[type=submit]{-webkit-appearance:none;border:none;} select{display:block;font-size:16px;cursor:pointer;color:#777;line-height:1.3;padding:5px 30px 5px 10px;width:100%;max-width:100%;box-sizing:border-box;margin:0;border:1px solid #ccc;-moz-appearance:none;-webkit-appearance:none;appearance:none;background-color:#fff;background-image:url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23999999%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E');background-repeat:no-repeat;background-position:right .7em top 50%;background-size:.65em auto;} select::-ms-expand{display:none;} select:hover{border-color:var(--border-color);} select:focus{border-color:var(--border-color);outline:none;} select option{font-weight:normal;} form .fieldwrap{margin:0 0 1em 0;} form .disclaimer{font-size:13px;line-height:1.6em;} /*Forminator - Labels*/ .forminator-row .forminator-field label.forminator-label {display:inline-block;padding:10px 20px;font-size:14px;line-height:14px;background:var(--gradient-darkgreen);color:var(--font-color-bright);border-radius:12px;margin-bottom:10px;font-weight:bold;} .forminator-row .forminator-field.forminator-has_error label.forminator-label {border-color:#fa5c5c;background:#fa5c5c;color:#fff;} /*Forminator - Custom Switch Checkbox*/ .forminator-field-consent .forminator-label {display:none !important;} .forminator-field-consent .forminator-checkbox__wrapper {position:relative;display:flex;gap:15px;align-content:flex-start;} .forminator-field-consent .forminator-checkbox__wrapper label {height:24px;} .forminator-field-consent .forminator-checkbox__wrapper label input {position:relative;display:flex;align-items:center;margin:2px 0 0 0;width:40px;height:24px;background:none;border:1px solid var(--base-color);border-radius:12px;} .forminator-field-consent .forminator-checkbox__wrapper label input::after {position:absolute;display:block;content:'';width:14px;height:14px;background:var(--base-bg-color);left:5px;transition:all .2s ease-in-out;border-radius:50%;} .forminator-field-consent .forminator-checkbox__wrapper label input:checked {background:var(--base-bg-color);} .forminator-field-consent .forminator-checkbox__wrapper label input:checked::after {left:20px;background:#ffffff;} .forminator-field-consent .forminator-checkbox__wrapper p {font-size:12px;line-height:20px;} /* Forminator - Misc*/ .forminator-response-message.forminator-error {display:none !important;} form .forminator-field.forminator-has_error .forminator-error-message {padding:5px 15px;background:rgba(250, 92, 92, 0.1);color:#0b1f2e;width:100%;font-size:12px;margin-top:10px;;line-height:18px;border:1px solid #fa5c5c;margin:10px auto 0 auto;border-radius:6px;} .section form .forminator-field.forminator-has_error .forminator-error-message {display:block;width:100%;max-width:100%;} .forminator-row .forminator-field.forminator-has_error input, .forminator-row .forminator-field.forminator-has_error textarea {border-color:#fa5c5c;} form .forminator-field .frc-captcha {margin-bottom:2em;background:#030e1a !important;border-radius:10px;} button.forminator-button {border:none;} /* COOKIES */ .cookietable{border-collapse:collapse;font-size:14px;width:100%;} .cookietable tr.cat{background:#ddd;text-transform:uppercase;font-weight:bold;} .cookietable tr.cat td{border-color:#ccc;} .cookietable thead{border:1px solid #777;} .cookietable th{border:1px solid #fff;padding:10px;background:#777;text-transform:uppercase;color:#fff;} .cookietable th:nth-of-type(1){border-left:none;} .cookietable th:nth-of-type(3){border-right:none;} .cookietable td{border:1px solid #ddd;vertical-align:top;padding:10px;} .cookietable td:not(:last-child){white-space:nowrap;} .cookiebanner{display:flex;align-items:center;justify-content:center;flex-direction:column;padding:50px 150px;text-align:center;background:var(--gradient-darkgreen);color:#ffffff;} .cookiebanner h3{margin-top:1em;font-size:34px;} .cookiebanner p{font-size:16px;;} .cookiebanner {position:absolute;top:0;right:0;bottom:0;left:0;} /*INFONAV*/ #infonav, #infotext{display:none;padding:30px 0;background:#eeeeee;position:relative;z-index:3;color:rgba(255,255,255,0.7);} #infonav ul.cf li{width:32%;float:left;margin-bottom:20px;} #infonav ul.cf li:not(:nth-child(3n+3)){margin-right:2%;} #infonav ul.cf li a{display:block;background:var(--main-color);border-radius:8px;text-align:center;font-size:14px;color:#ffffff;padding:5px 0;-webkit-transition:background .2s ease-in-out;transition:background .2s ease-in-out;font-weight:bold;} #infonav ul.cf li a:hover{background:var(--base-color);text-decoration:none;} #infotext h1{color:var(--base-color);font-size:45px;line-height:1.2em;margin:0 0 0.2em 0;text-transform:none;} #infotext h2{color:var(--base-color);font-size:28px;line-height:1.2em;margin:1.5em 0 0.4em;text-transform:none;} #infotext h3{color:var(--main-color);font-size:18px;line-height:1.2em;margin:1.5em 0 0.4em;text-transform:none;} #infotext p {color:#404040;} #infotext a{color:var(--main-color);text-decoration:underline;} #infotext a:hover{color:#404040;} @media (max-width: 1200px){ #infonav, #infotext{padding:50px 0;} } @media (max-width: 950px){ #infonav, #infotext{padding:10% 0;} #infonav ul.cf li{width:47.5%;} #infonav ul.cf li:not(:nth-child(3n+3)){margin-right:0;} #infonav ul.cf li:not(:nth-child(2n+2)){margin-right:5%;} #infotext h1{font-size:30px;} #infotext h2{font-size:20px;} #infotext h3{font-size:15px;} } @media (max-width: 600px){ #infonav ul.cf li{width:100%;margin-right:0 !important;margin-bottom:10px;} } /* VIDEO OVERLAY */ #videooverlay {display:none;position:fixed;top:0;left:0;bottom:0;right:0;z-index:100;background:rgba(3,14,26,0.5);backdrop-filter:blur(15px)} #videooverlay .inner {width:100%;height:100%;display:flex !important;align-items:center;justify-content:center;} #videooverlay .inner .plyr {width:80%;height:auto;border-radius:12px;top:50%;left:50%;transform:translate(-50%, -50%);} #videooverlay .inner .plyr > button {display:flex;align-items:center;justify-content:center;} @media(max-width:767px){ #videooverlay .inner .cookiebanner {width:90%;} #videooverlay .inner .cookiebanner .btn {font-size:15px;line-height:25px;gap:10px;} } /* CLOSE */ .close {display:inline-flex;align-items:center;justify-content:center;position:fixed;z-index:10;cursor:pointer;transition:background .2s ease-in-out;width:70px;height:70px;right:10px;top:10px;background:none;border:none;border-radius:12px;} .close:hover {background:rgba(17,17,17,0.5);} .close svg {display:block;fill:#fff;width:50px;height:50px;} @media screen and (min-width: 1401px) { ::-webkit-scrollbar {width: 8px;} ::-webkit-scrollbar-track {background: rgba(255,255,255,0.8);} ::-webkit-scrollbar-thumb {background: var(--accent-bg-color);} ::-webkit-scrollbar-thumb:hover {background: var(--base-color);} } @media all and (min--moz-device-pixel-ratio:0) and (min-width: 960px){ html {scrollbar-color: var(--accent-bg-color) rgba(255,255,255,0.8); ; scrollbar-width: thin;} } /*GENERAL POPUP-STYLING*/ html.open-popup {overflow:hidden;} .popup {display:none;position:fixed;background:#eeeeee;z-index:201;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;height:90vh;max-height:700px;box-sizing:border-box;} .popup .inner {text-align:left;box-sizing:border-box;overflow-y:auto;height:100%;} .popup .inner .content {width:100%;} .popup .inner .content p {font-size:16px;} .popup .close {width:50px;height:50px;background:transparent;border:1px solid var(--accent-bg-color);transition:background .2s ease-in-out;top:30px;right:30px;} .popup .close svg {fill:var(--accent-color);transition:fill .2s ease-in-out;} .popup .close:hover {background:var(--accent-bg-color);} .popup .close:hover svg{fill:#f2f2f2;} .popup-overlay {display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:rgb(17, 17, 17,0.5);backdrop-filter:blur(10px);z-index:200;cursor:pointer;} @media(min-width:768px){ .popup {width:90%;height:90vh;max-width:1100px;min-height:400px;} .popup .inner {padding:110px 110px 70px 60px;} } @media(max-width:767px){ .popup {max-height:500px;padding:30px 40px;} .popup .inner p {overflow-y:auto;font-size:12px;line-height:18px;} .popup .close {width:30px;height:30px;padding:2px;} /* Hide scrollbar*/ .popup .inner::-webkit-scrollbar { display: none; } .popup .inner { -ms-overflow-style: none; scrollbar-width: none; } } /*SINGLEPOST*/ .singlepost-pagination{width:100%;margin-top:20px;padding-top:40px;border-top:1px solid #ddd;} .singlepost-pagination a{display:block;padding:8px 12px;background:#f55;color:#fff;} .singlepost-pagination a.older{float:left;} .singlepost-pagination a.newer{float:right;} #content .singlepost-cta .inner {background:var(--gradient-darkgreen);border-radius:12px;} #content .singlepost-cta .inner h3 {color:var(--font-color-bright);} #content .singlepost-cta .inner p {color:var(--font-color-bright-75);font-size:16px;line-height:1.6em;} @media(min-width:1201px){ #content .singlepost-cta .inner {padding:80px 70px;} } @media(max-width:1200px) and (min-width:901px){ #content .singlepost-cta .inner {padding:60px 50px;} } @media(max-width:900px) and (min-width:768px){ #content .singlepost-cta .inner {padding:50px 40px;} } @media(max-width:767px) { #content .singlepost-cta .inner {padding:40px 30px;} #content .singlepost-cta .inner p {font-size:14px;} } @media(max-width:767px) and (min-width:451px) { #content .singlepost-cta .inner a.btn {font-size:16px;line-height:16px;padding:12px 15px;} } /*PLYR*/ .plyr{position:absolute !important;top:0;left:0;width:100%;height:100%;} .plyr > button {display:flex !important;align-items:center;justify-content:center;} @media(min-width:768px){ .plyr > button {width:140px !important;height:140px !important;} .plyr > button svg {width:40px;height:40px;} } @media(max-width:767px){ .plyr > button {width:70px !important;height:70px !important;} .plyr > button svg {width:15px;height:15px;} }#header.news .meta { margin: 0 auto 35px; } #header.news .meta .date { display: inline-block; text-transform: uppercase; position: relative; font-weight: 400; border-radius: 10px; background: var(--gradient-pink); } #header.news h1 { font-size: clamp(24px, 4vw, 50px); margin: 0 auto 35px; } #header.news .intro { margin: 35px auto 0; font-size: clamp(14px, 2vw, 18px); line-height: clamp(18px, 3vw, 26px); margin-bottom: 2em; } #header.news .visual { position: relative; } #header.news .visual .visual-inner { position: relative; aspect-ratio: 16/9; overflow: hidden; border-radius: 12px; z-index: 1; box-shadow: var(--box-shadow-visual); } #header.news .visual .newswrapper2-disable169 { aspect-ratio: unset; } .newswrapper2-whitebackground { background-color: white; } #header.news .visual .visual-inner img { display: block; width: 100%; height: 100%; object-fit: cover; } #header.news .visual .overlap { position: absolute; height: 50%; width: 100%; left: 0; bottom: 0; background: #eaf6f6; } #content.news img { display: block; } #content.news a { font-weight: 400; } #content.news .newsfield:nth-child(1) { margin-top: 0; } #content.news .newsfield:last-child { margin-bottom: 0; } #content.news .newsfield .visual { aspect-ratio: 16/9; overflow: hidden; border-radius: 12px; box-shadow: var(--box-shadow-visual); } #content.news .newsfield .noshadow { box-shadow: none; } #content.news .newsfield .disable169 { aspect-ratio: unset; } #content.news .newsfield .additionalimagepadding { padding: 20px; } #content.news .newsfield .visual img { display: block; width: 100%; height: 100%; object-fit: cover; } .news-image { display: block; height: auto; } .news-quote { border-left: 3px solid var(--accent-color); padding: 0 0 0 35px; font-size: 30px; line-height: 1.6em; } .news-quote figcaption { margin-top: 20px; font-size: 18px; } .news-video .inner { position: relative; width: 100%; height: 0; padding-bottom: 56.25%; } .news-video .inner iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .newswrapper1, .singlefield { box-sizing: border-box; margin: 70px auto; width: 90%; max-width: 750px; } .newswrapper2 { box-sizing: border-box; margin: 70px auto; width: 90%; max-width: 1100px; } .newsteaser .inner { display: grid; } .newsteaser article { text-align: left; position: relative; background: var(--element-bg-color); border-radius: 12px; transition: background .2s ease-in-out; } .newsteaser article:has(.visual) .visual { aspect-ratio: 16/9; border-radius: 12px; overflow: hidden; border: 1px solid var(--main-color) } .newsteaser article:has(.visual) .visual img { display: block; width: 100%; height: 100%; object-fit: cover; } .newsteaser article .article-inner { transition: opacity .2s ease-in-out; } .newsteaser article:hover { background: var(--element-bg-color-hover); } .newsteaser article .article-inner .date { margin: 0 0 0.5em 0; } .newsteaser article .article-inner h1:not(:last-child) { margin: 0 0 0.5em 0; } .newsteaser article .article-inner p { margin: 0; } .newsteaser article a { display: block; font-size: 0; text-indent: -9999px; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 2; } #content.news.category .category-header { padding-bottom: 50px; padding-top: 350px; } #content.news.category .pagination a:first-child { float: left; } #content.news.category .pagination a:last-child { float: right; } #content.news .table-of-content { margin-top: 0; margin-bottom: 0; } #content.news .table-of-content .inner { box-sizing: border-box; background: var(--element-bg-color); border-radius: 12px; } #content.news .table-of-content .inner h2 { margin-bottom: 1em; } #content.news .table-of-content .inner ol { display: flex; flex-direction: column; gap: 10px; list-style-type: none; counter-reset: item; } #content.news .table-of-content .inner ol li { counter-increment: item; position: relative; } #content.news .table-of-content .inner ol li::before { display: inline-flex; align-items: center; justify-content: center; content: counter(item); aspect-ratio: 1; border: 1px solid var(--border-color); box-sizing: border-box; } #content.news .table-of-content .inner ol li a { color: var(--base-color); display: inline-block; border-radius: 10px; border: 1px solid var(--border-color); transition: color .2s ease-in-out, background .2s ease-in-out; } #content.news .table-of-content .inner ol li a:hover { text-decoration: none; } #content.news .table-of-content .inner ol>li::before { font-weight: bold; background: rgba(0, 53, 60, 0.15); } #content.news .table-of-content .inner ol>li>a { background: rgba(0, 53, 60, 0.15); } #content.news .table-of-content .inner ol>li>a:hover { background: var(--base-color); color: var(--font-color-bright); } /*#content.news .table-of-content .inner ol li > ol {margin-left:3em;margin-top:10px;} #content.news .table-of-content .inner ol li > ol > li::before {width:36px;margin-right:5px;font-size:14px;font-weight:400;background:rgba(255, 255, 255,0.25);} #content.news .table-of-content .inner ol li > ol > li > a {background:rgba(255, 255, 255,0.25);font-size:14px;} #content.news .table-of-content .inner ol li > ol > li > a:hover {background:var(--main-color);color:var(--font-color-bright);}*/ @media(min-width:1201px) { #header.news { padding-top: 240px; } #content.news .table-of-content .inner { padding: 50px 70px; } .newsteaser .inner { gap: 1.5em; } .newsteaser article .article-inner { padding: 30px; } .newsteaser article .article-inner .date { font-size: 14px; } .newsteaser article .article-inner p { font-size: 14px; line-height: 21px; } #content.news h2 { font-size: 40px; } #content.news h3 { font-size: 30px; } } @media(max-width:1200px) { .newsteaser article .article-inner .date { font-size: 12px; } .newsteaser article .article-inner p { font-size: 12px; line-height: 18px; } #content.news .table-of-content .inner ol li a { font-size: 14px; } } @media(max-width:1200px) and (min-width:901px) { #header.news { padding-top: 200px; } #content.news .table-of-content .inner { padding: 50px 40px; } .newsteaser .inner { gap: 1em; } .newsteaser article .article-inner { padding: 20px; } #content.news h2 { font-size: 30px; } #content.news h3 { font-size: 24px; } } @media (max-width:1100px) { .newswrapper1, .singlefield { max-width: 680px; } .news-quote { font-size: 25px; } .newswrapper1, .singlefield, .newswrapper2 { margin: 50px auto; } } @media (max-width:950px) { .newswrapper1, .singlefield { max-width: 90%; } .news-quote { font-size: 20px; padding-left: 20px; } } @media(min-width:901px) { #header.news .visual .visual-inner { margin: 70px auto 0 auto; } #header.news .meta .date { padding: 5px 10px; } .newsteaser .inner { grid-template-columns: repeat(3, 1fr); } .newsteaser article .article-inner h1 { font-size: clamp(16px, 1.5vw, 24px); } } @media(max-width:900px) { #header.news .visual .visual-inner { margin: 50px auto 0 auto; } #content.news .table-of-content .inner { padding: 40px; } #header.news .meta .date { padding: 3px 7px; font-size: 12px; line-height: 21px; } } @media(max-width:900px) and (min-width:501px) { .newsteaser .inner { grid-template-columns: repeat(2, 1fr); gap: 1em; } .newsteaser article .article-inner h1 { font-size: clamp(14px, 2.5vw, 20px); line-height: 1.1em; } } @media(max-width:900px) and (min-width:768px) { #header.news { padding-top: 140px; } .newsteaser article .article-inner { padding: 25px; } } @media (max-width:800px) { .newswrapper1, .newswrapper2 { margin: 6% auto; } #header.news h1 { margin-bottom: 20px; } #header.news .intro { margin: 20px auto; } #header.news .meta { margin-bottom: 20px; } } @media(min-width:768px) { #content.news .table-of-content .inner ol li a { padding: 5px 10px; } #content.news .table-of-content .inner ol li::before { vertical-align: top; border-radius: 10px; } #content.news .table-of-content .inner ol>li::before { width: 40px; margin-right: 5px; } #content.news .news-cta { margin-bottom: 0; padding-top: 50px; } #content.news .news-cta .inner h3 { font-size: clamp(24px, 3vw, 40px); } #content.news .news-cta .inner p { max-width: 80%; } } @media(max-width:767px) { #header.news { padding-top: 100px; } .newsteaser article .article-inner { padding: 20px; } #content.news .table-of-content .inner ol li a { font-size: 12px; line-height: 16px; text-wrap: balance; } #content.news .table-of-content .inner ol li::before { border-radius: 50px; } #content.news .table-of-content .inner ol>li::before { position: absolute; top: 50%; transform: translate(0, -50%); left: 10px; } #content.news .news-cta { margin-bottom: 0; } #content.news .news-cta .inner h3 { font-size: clamp(18px, 4vw, 24px); } } @media(max-width:767px) and (min-width:421px) { #content.news .table-of-content .inner { padding: 30px; } #content.news .table-of-content .inner ol li a { padding: 10px 15px 10px 40px; } #content.news .table-of-content .inner ol li::before { font-size: 12px; line-height: 12px; } #content.news .table-of-content .inner ol>li::before { width: 22px; } } @media (max-width:550px) { .newswrapper1, .singlefield, .newswrapper2 { margin: 8% auto; } } @media(max-width:500px) { .newsteaser .inner { grid-template-columns: repeat(1, 1fr); gap: 1em; } .newsteaser article .article-inner h1 { font-size: clamp(16px, 4vw, 20px); line-height: 1.1em; } } @media (max-width:470px) { .news-quote { font-size: 18px; padding-left: 15px; } #content.news .table-of-content .inner ol li a { display: block; } } @media(max-width:420px) { #content.news .table-of-content .inner { padding: 30px 20px; } #content.news .table-of-content .inner ol li a { padding: 8px 12px 8px 35px; } #content.news .table-of-content .inner ol>li::before { width: 18px; font-size: 10px; line-height: 10px; } }/*FILTERS*/ #filters { margin-bottom: 3em; } #filters:not(.opened) .hide { display: none; } #filters.opened .show { display: none; } #filters .filterheader { display: flex; justify-content: space-between; align-items: center; background: var(--element-bg-color); } #filters .filterheader h3 { margin: 0; } #filters .filterwrapper { display: none; } #filters .filterinner { position: relative; border: 1px solid var(--border-color); border-radius: 12px; margin-top: 1em; } #filters .filterinner .filtercol { box-sizing: border-box; } #filters .filterinner .filtercol.filtercol-fullwidth { width: 100%; grid-column: span 3; } #filters .filterinner .filtercol h4 { display: inline-block; margin-bottom: 1em; background: var(--gradient-darkgreen); color: #fff; border-radius: 8px; font-weight: bold; } #filters .filterinner .filtercol .filteroptions { display: flex; flex-wrap: wrap; align-items: flex-start; gap: 10px; } #filters .filterinner .filtercol .filteroptions label { position: relative; cursor: pointer; background: var(--element-bg-color); transition: background .2s ease-in-out, color .2s ease-in-out; } #filters .filterinner .filtercol .filteroptions label:hover { background: var(--element-bg-color-hover); } #filters .filterinner .filtercol .filteroptions label:has(input:checked) { background: var(--main-color); color: #fff; } #filters .filterinner .filtercol .filteroptions label input { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: 0; width: 100%; height: 100%; background: transparent; border-radius: 8px; bac } #no-matches { padding: 30px; border: 1px solid var(--border-color); background: var(--element-bg-color); border-radius: 12px; } @media(min-width:1025px) { #filters .filterinner { display: grid; grid-template-columns: repeat(3, 1fr); } } @media(max-width:1024px) { #filters .filterinner .filtercol:not(:last-child) { width: 100%; margin-bottom: 2em; } } @media(min-width:768px) { #filters .filterheader { padding: 1em 2em; border-radius: 12px; } #filters .filterheader h3 { font-size: 20px; } #filters .filterinner { padding: 2em; gap: 2em 1em; } #filters .filterinner .filtercol h4 { font-size: 14px; line-height: 14px; padding: 10px 15px; } #filters .btn { font-size: 14px; line-height: 14px; border-radius: 8px; padding: 12px 15px; } } @media(max-width:767px) { #filters .filterheader { padding: 1em; border-radius: 8px; flex-wrap: wrap; gap: 1em; } #filters .filterheader h3 { font-size: 18px; } #filters .filterinner { padding: 1em; gap: 2em; } #filters .filterinner .filtercol h4 { font-size: 12px; line-height: 12px; padding: 8px 12px; } #filters .btn { font-size: 12px; line-height: 12px; border-radius: 8px; padding: 10px 12px; } } @media(min-width:481px) { #filters .filterinner .filtercol .filteroptions label { font-size: 12px; line-height: 12px; padding: 10px; border-radius: 8px; } } @media(max-width:480px) { #filters .filterinner .filtercol .filteroptions label { font-size: 10px; line-height: 10px; padding: 8px; border-radius: 6px; } } /*WIKI*/ #header.header-single .intro { margin-top: 2em; font-size: 14px; line-height: 1.5em; color: #fff; max-width: 900px; } #content.single .singlefield.single-image .visual { aspect-ratio: 16/9; overflow: hidden; border-radius: 12px; box-shadow: var(--box-shadow-visual); } #content.single .singlefield.single-image .visual img { display: block; width: 100%; height: 100%; } #content.single .singlefield.single-video { padding-bottom: 70px; } #content.single .singlefield.single-video .inner { position: relative; width: 100%; height: 0; padding-bottom: 56.25%; border-radius: 12px; overflow: hidden; box-shadow: var(--box-shadow-visual); } #content.single .singlefield.single-video .inner iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } #content.single .singlefield.single-svg .inner svg { display: block; width: 100%; height: auto; } #content.single .singlefield.single-list .inner li { position: relative; display: block; background: var(--element-bg-color); line-height: 24px; border-radius: 12px; } #content.single .singlefield.single-list .inner li:not(:last-child) { margin-bottom: 10px; } #content.single .singlefield.single-list .inner ul li { padding: 20px 25px 20px 45px; } #content.single .singlefield.single-list .inner ul li::before { content: ''; position: absolute; left: 20px; top: calc(50% - 5px); width: 10px; height: 10px; background: var(--accent-bg-color); border-radius: 3px; } #content.single .singlefield.single-list .inner ol { list-style-type: none; counter-reset: item; } #content.single .singlefield.single-list .inner ol li { counter-increment: item; padding: 20px 35px 20px 45px; } #content.single .singlefield.single-list .inner ol li::before { content: counter(item)"."; font-weight: bold; color: var(--accent-color); position: absolute; left: 20px; top: calc(50% - 12px); } #content.single .sidebar h3 { font-size: 24px; margin-bottom: 1em; } #content.single .sidebar #toc li:not(:last-child) { margin-bottom: 0.5em; } #content.single .sidebar #toc li a { display: block; font-size: 14px; line-height: 16px; padding: 10px 15px; border-radius: 10px; border: 1px solid var(--border-color); background: rgba(0, 53, 60, 0.1); color: var(--base-color); transition: color .2s ease-in-out, background .2s ease-in-out; text-wrap: balance; } #content.single .sidebar #toc li a.active { background: var(--base-color); color: var(--font-color-bright); } #content.single .sidebar #toc li a:hover { text-decoration: none; background: var(--base-color); color: var(--font-color-bright); } #content.single .singlefield h2 { margin-bottom: 1em; } @media(min-width:1501px) { #content.single .contentinner { grid-template-columns: 1fr 2fr; } #content.single .sidebarcontent { padding-left: 7.5vw; padding-right: 7.5vw; } #content.single .sidebar { padding-left: 5vw; padding-right: 5vw; } } @media(max-width:1500px) and (min-width:1025px) { #content.single .contentinner { grid-template-columns: 350px 2fr; } #content.single .sidebarcontent { padding-left: 5vw; padding-right: 5vw; } #content.single .sidebar { padding-left: 3vw; padding-right: 3vw; } } @media(min-width:1025px) { #content.single .contentinner { display: grid; } #content.single .singlefield .inner { padding-bottom: 70px; } #content.single .singlefield.single-image { padding-bottom: 70px; } #content.single .sidebar { border-right: 1px solid rgba(0, 53, 60, 0.15); } } @media(max-width:1024px) { #content.single .sidebar { display: block; border-bottom: 1px solid rgba(0, 53, 60, 0.15); padding-left: 5vw; padding-right: 5vw; } #content.single .singlefield { width: 90%; margin: 0 auto; } #content.single .singlefield .inner { padding-bottom: 50px; } #content.single .singlefield.single-image { padding-bottom: 50px; } #content.single .singlepost-cta { max-width: 90%; margin: 0 auto; } } @media(min-width:901px) { #content.single h2 { font-size: 34px; } #content.single h3 { font-size: 24px; } } @media(min-width:768px) { #content.single .single-cta .inner h3 { font-size: clamp(24px, 3vw, 30px); } #content.single .single-cta .inner p { max-width: 90%; } } @media(max-width:767px) { #content.single .single-cta .inner h3 { font-size: clamp(18px, 4vw, 24px); } }/* Slider */ .slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent;} .slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0;} .slick-list:focus{outline:none;} .slick-list.dragging{cursor:pointer;cursor:hand;} .slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);} .slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto;} .slick-track:before,.slick-track:after{display:table;content:'';} .slick-track:after{clear:both;} .slick-loading .slick-track{visibility:hidden;} .slick-slide{display:none;float:left;height:100%;min-height:1px;} .slick-slide img{display:block;} .slick-slide.slick-loading img{display: none;} .slick-slide.dragging img{pointer-events:none;} .slick-initialized .slick-slide{display:block;} .slick-loading .slick-slide{visibility:hidden;} .slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent;} .slick-arrow.slick-hidden{display:none;} .slick-prev,.slick-next{font-size:0;line-height:0;position:absolute;z-index:3;top:50%;display:block;width:40px;height:40px;padding:0;cursor:pointer;color:transparent;border:none;outline:none;background:transparent;background:#eee;} .slick-prev:hover,.slick-prev:focus,.slick-next:hover,.slick-next:focus{color:transparent;outline:none;} .slick-prev:hover:before,.slick-prev:focus:before,.slick-next:hover:before,.slick-next:focus:before{opacity: 1;} .slick-prev.slick-disabled,.slick-next.slick-disabled{opacity:.3;} .slick-prev:before,.slick-next:before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#444;font-size:18px;display:block;} .slick-prev{right:100%;} .slick-prev:before{content:'←';} .slick-next{left:100%;} .slick-next:before{content:'→';} .slick-dotted.slick-slider{margin-bottom:50px;} .slick-dots{position:absolute;bottom:-43px;display:block;width:100%;padding:0;margin:0;list-style:none;text-align: center;} .slick-dots li{position:relative;display:inline-block;margin:0 5px;padding:0;} .slick-dots li button{font-size:0;line-height:0;display:block;width:50px;height:7px;padding:0;cursor:pointer;color:transparent;border:0;outline:none;background:#ddd;-webkit-appearance:none;} .slick-dots li.slick-active button{background:#f55;} .slick-dots li button:hover,.slick-dots li button:focus{outline:none;} .slick-dots li button:hover:before,.slick-dots li button:focus:before{opacity:1;} @media (max-width:1500px){ .slick-prev{right:auto;left:0;} .slick-next{left:auto;right:0;} }/** * Swiper 11.1.12 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2024 Vladimir Kharlampidi * * Released under the MIT License * * Released on: September 1, 2024 */ @font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:var(--swiper-navigation-top-offset,50%);width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next svg,.swiper-button-prev svg{width:100%;height:100%;object-fit:contain;transform-origin:center}.swiper-rtl .swiper-button-next svg,.swiper-rtl .swiper-button-prev svg{transform:rotate(180deg)}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset,10px);right:auto}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-lock{display:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);top:var(--swiper-pagination-top,auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius,50%);background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:var(--swiper-pagination-right,8px);left:var(--swiper-pagination-left,auto);top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:var(--swiper-pagination-progressbar-size,4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;touch-action:none;background:var(--swiper-scrollbar-bg-color,rgba(0,0,0,.1))}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:var(--swiper-scrollbar-sides-offset,1%);bottom:var(--swiper-scrollbar-bottom,4px);top:var(--swiper-scrollbar-top,auto);z-index:50;height:var(--swiper-scrollbar-size,4px);width:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;left:var(--swiper-scrollbar-left,auto);right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);z-index:50;width:var(--swiper-scrollbar-size,4px);height:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,.5));border-radius:var(--swiper-scrollbar-border-radius,10px);left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active{pointer-events:auto}.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-cube .swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden}@charset "UTF-8";@keyframes plyr-progress{to{background-position:25px 0;background-position:var(--plyr-progress-loading-size,25px) 0}}@keyframes plyr-popup{0%{opacity:.5;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes plyr-fade-in{0%{opacity:0}to{opacity:1}}.plyr{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;align-items:center;direction:ltr;display:flex;flex-direction:column;font-family:inherit;font-family:var(--plyr-font-family,inherit);font-variant-numeric:tabular-nums;font-weight:400;font-weight:var(--plyr-font-weight-regular,400);line-height:1.7;line-height:var(--plyr-line-height,1.7);max-width:100%;min-width:200px;position:relative;text-shadow:none;transition:box-shadow .3s ease;z-index:0}.plyr audio,.plyr iframe,.plyr video{display:block;height:100%;width:100%}.plyr button{font:inherit;line-height:inherit;width:auto}.plyr:focus{outline:0}.plyr--full-ui{box-sizing:border-box}.plyr--full-ui *,.plyr--full-ui :after,.plyr--full-ui :before{box-sizing:inherit}.plyr--full-ui a,.plyr--full-ui button,.plyr--full-ui input,.plyr--full-ui label{touch-action:manipulation}.plyr__badge{background:#4a5464;background:var(--plyr-badge-background,#4a5464);border-radius:2px;border-radius:var(--plyr-badge-border-radius,2px);color:#fff;color:var(--plyr-badge-text-color,#fff);font-size:9px;font-size:var(--plyr-font-size-badge,9px);line-height:1;padding:3px 4px}.plyr--full-ui ::-webkit-media-text-track-container{display:none}.plyr__captions{animation:plyr-fade-in .3s ease;bottom:0;display:none;font-size:13px;font-size:var(--plyr-font-size-small,13px);left:0;padding:10px;padding:var(--plyr-control-spacing,10px);position:absolute;text-align:center;transition:transform .4s ease-in-out;width:100%}.plyr__captions span:empty{display:none}@media(min-width:480px){.plyr__captions{font-size:15px;font-size:var(--plyr-font-size-base,15px);padding:20px;padding:calc(var(--plyr-control-spacing,10px)*2)}}@media(min-width:768px){.plyr__captions{font-size:18px;font-size:var(--plyr-font-size-large,18px)}}.plyr--captions-active .plyr__captions{display:block}.plyr:not(.plyr--hide-controls) .plyr__controls:not(:empty)~.plyr__captions{transform:translateY(-40px);transform:translateY(calc(var(--plyr-control-spacing,10px)*-4))}.plyr__caption{background:#000c;background:var(--plyr-captions-background,#000c);border-radius:2px;-webkit-box-decoration-break:clone;box-decoration-break:clone;color:#fff;color:var(--plyr-captions-text-color,#fff);line-height:185%;padding:.2em .5em;white-space:pre-wrap}.plyr__caption div{display:inline}.plyr__control{background:#0000;border:0;border-radius:4px;border-radius:var(--plyr-control-radius,4px);color:inherit;cursor:pointer;flex-shrink:0;overflow:visible;padding:7px;padding:calc(var(--plyr-control-spacing,10px)*.7);position:relative;transition:all .3s ease}.plyr__control svg{fill:currentColor;display:block;height:18px;height:var(--plyr-control-icon-size,18px);pointer-events:none;width:18px;width:var(--plyr-control-icon-size,18px)}.plyr__control:focus{outline:0}.plyr__control:focus-visible{outline:2px dashed #00b2ff;outline:2px dashed var(--plyr-focus-visible-color,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));outline-offset:2px}a.plyr__control{text-decoration:none}.plyr__control.plyr__control--pressed .icon--not-pressed,.plyr__control.plyr__control--pressed .label--not-pressed,.plyr__control:not(.plyr__control--pressed) .icon--pressed,.plyr__control:not(.plyr__control--pressed) .label--pressed,a.plyr__control:after,a.plyr__control:before{display:none}.plyr--full-ui ::-webkit-media-controls{display:none}.plyr__controls{align-items:center;display:flex;justify-content:flex-end;text-align:center}.plyr__controls .plyr__progress__container{flex:1;min-width:0}.plyr__controls .plyr__controls__item{margin-left:2.5px;margin-left:calc(var(--plyr-control-spacing,10px)/4)}.plyr__controls .plyr__controls__item:first-child{margin-left:0;margin-right:auto}.plyr__controls .plyr__controls__item.plyr__progress__container{padding-left:2.5px;padding-left:calc(var(--plyr-control-spacing,10px)/4)}.plyr__controls .plyr__controls__item.plyr__time{padding:0 5px;padding:0 calc(var(--plyr-control-spacing,10px)/2)}.plyr__controls .plyr__controls__item.plyr__progress__container:first-child,.plyr__controls .plyr__controls__item.plyr__time+.plyr__time,.plyr__controls .plyr__controls__item.plyr__time:first-child{padding-left:0}.plyr [data-plyr=airplay],.plyr [data-plyr=captions],.plyr [data-plyr=fullscreen],.plyr [data-plyr=pip],.plyr__controls:empty{display:none}.plyr--airplay-supported [data-plyr=airplay],.plyr--captions-enabled [data-plyr=captions],.plyr--fullscreen-enabled [data-plyr=fullscreen],.plyr--pip-supported [data-plyr=pip]{display:inline-block}.plyr__menu{display:flex;position:relative}.plyr__menu .plyr__control svg{transition:transform .3s ease}.plyr__menu .plyr__control[aria-expanded=true] svg{transform:rotate(90deg)}.plyr__menu .plyr__control[aria-expanded=true] .plyr__tooltip{display:none}.plyr__menu__container{animation:plyr-popup .2s ease;background:#ffffffe6;background:var(--plyr-menu-background,#ffffffe6);border-radius:8px;border-radius:var(--plyr-menu-radius,8px);bottom:100%;box-shadow:0 1px 2px #00000026;box-shadow:var(--plyr-menu-shadow,0 1px 2px #00000026);color:#4a5464;color:var(--plyr-menu-color,#4a5464);font-size:15px;font-size:var(--plyr-font-size-base,15px);margin-bottom:10px;position:absolute;right:-3px;text-align:left;white-space:nowrap;z-index:3}.plyr__menu__container>div{overflow:hidden;transition:height .35s cubic-bezier(.4,0,.2,1),width .35s cubic-bezier(.4,0,.2,1)}.plyr__menu__container:after{border:4px solid #0000;border-top-color:#ffffffe6;border:var(--plyr-menu-arrow-size,4px) solid #0000;border-top-color:var(--plyr-menu-background,#ffffffe6);content:"";height:0;position:absolute;right:14px;right:calc(var(--plyr-control-icon-size,18px)/2 + var(--plyr-control-spacing,10px)*.7 - var(--plyr-menu-arrow-size,4px)/2);top:100%;width:0}.plyr__menu__container [role=menu]{padding:7px;padding:calc(var(--plyr-control-spacing,10px)*.7)}.plyr__menu__container [role=menuitem],.plyr__menu__container [role=menuitemradio]{margin-top:2px}.plyr__menu__container [role=menuitem]:first-child,.plyr__menu__container [role=menuitemradio]:first-child{margin-top:0}.plyr__menu__container .plyr__control{align-items:center;color:#4a5464;color:var(--plyr-menu-color,#4a5464);display:flex;font-size:13px;font-size:var(--plyr-font-size-menu,var(--plyr-font-size-small,13px));padding:4.66667px 10.5px;padding:calc(var(--plyr-control-spacing,10px)*.7/1.5) calc(var(--plyr-control-spacing,10px)*.7*1.5);-webkit-user-select:none;user-select:none;width:100%}.plyr__menu__container .plyr__control>span{align-items:inherit;display:flex;width:100%}.plyr__menu__container .plyr__control:after{border:4px solid #0000;border:var(--plyr-menu-item-arrow-size,4px) solid #0000;content:"";position:absolute;top:50%;transform:translateY(-50%)}.plyr__menu__container .plyr__control--forward{padding-right:28px;padding-right:calc(var(--plyr-control-spacing,10px)*.7*4)}.plyr__menu__container .plyr__control--forward:after{border-left-color:#728197;border-left-color:var(--plyr-menu-arrow-color,#728197);right:6.5px;right:calc(var(--plyr-control-spacing,10px)*.7*1.5 - var(--plyr-menu-item-arrow-size,4px))}.plyr__menu__container .plyr__control--forward:focus-visible:after,.plyr__menu__container .plyr__control--forward:hover:after{border-left-color:initial}.plyr__menu__container .plyr__control--back{font-weight:400;font-weight:var(--plyr-font-weight-regular,400);margin:7px;margin:calc(var(--plyr-control-spacing,10px)*.7);margin-bottom:3.5px;margin-bottom:calc(var(--plyr-control-spacing,10px)*.7/2);padding-left:28px;padding-left:calc(var(--plyr-control-spacing,10px)*.7*4);position:relative;width:calc(100% - 14px);width:calc(100% - var(--plyr-control-spacing,10px)*.7*2)}.plyr__menu__container .plyr__control--back:after{border-right-color:#728197;border-right-color:var(--plyr-menu-arrow-color,#728197);left:6.5px;left:calc(var(--plyr-control-spacing,10px)*.7*1.5 - var(--plyr-menu-item-arrow-size,4px))}.plyr__menu__container .plyr__control--back:before{background:#dcdfe5;background:var(--plyr-menu-back-border-color,#dcdfe5);box-shadow:0 1px 0 #fff;box-shadow:0 1px 0 var(--plyr-menu-back-border-shadow-color,#fff);content:"";height:1px;left:0;margin-top:3.5px;margin-top:calc(var(--plyr-control-spacing,10px)*.7/2);overflow:hidden;position:absolute;right:0;top:100%}.plyr__menu__container .plyr__control--back:focus-visible:after,.plyr__menu__container .plyr__control--back:hover:after{border-right-color:initial}.plyr__menu__container .plyr__control[role=menuitemradio]{padding-left:7px;padding-left:calc(var(--plyr-control-spacing,10px)*.7)}.plyr__menu__container .plyr__control[role=menuitemradio]:after,.plyr__menu__container .plyr__control[role=menuitemradio]:before{border-radius:100%}.plyr__menu__container .plyr__control[role=menuitemradio]:before{background:#0000001a;content:"";display:block;flex-shrink:0;height:16px;margin-right:10px;margin-right:var(--plyr-control-spacing,10px);transition:all .3s ease;width:16px}.plyr__menu__container .plyr__control[role=menuitemradio]:after{background:#fff;border:0;height:6px;left:12px;opacity:0;top:50%;transform:translateY(-50%) scale(0);transition:transform .3s ease,opacity .3s ease;width:6px}.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]:before{background:#00b2ff;background:var(--plyr-control-toggle-checked-background,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)))}.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]:after{opacity:1;transform:translateY(-50%) scale(1)}.plyr__menu__container .plyr__control[role=menuitemradio]:focus-visible:before,.plyr__menu__container .plyr__control[role=menuitemradio]:hover:before{background:#23282f1a}.plyr__menu__container .plyr__menu__value{align-items:center;display:flex;margin-left:auto;margin-right:-5px;margin-right:calc(var(--plyr-control-spacing,10px)*.7*-1 - -2px);overflow:hidden;padding-left:24.5px;padding-left:calc(var(--plyr-control-spacing,10px)*.7*3.5);pointer-events:none}.plyr--full-ui input[type=range]{-webkit-appearance:none;appearance:none;background:#0000;border:0;border-radius:26px;border-radius:calc(var(--plyr-range-thumb-height,13px)*2);color:#00b2ff;color:var(--plyr-range-fill-background,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));display:block;height:19px;height:calc(var(--plyr-range-thumb-active-shadow-width,3px)*2 + var(--plyr-range-thumb-height,13px));margin:0;min-width:0;padding:0;transition:box-shadow .3s ease;width:100%}.plyr--full-ui input[type=range]::-webkit-slider-runnable-track{background:#0000;background-image:linear-gradient(90deg,currentColor 0,#0000 0);background-image:linear-gradient(to right,currentColor var(--value,0),#0000 var(--value,0));border:0;border-radius:2.5px;border-radius:calc(var(--plyr-range-track-height,5px)/2);height:5px;height:var(--plyr-range-track-height,5px);-webkit-transition:box-shadow .3s ease;transition:box-shadow .3s ease;-webkit-user-select:none;user-select:none}.plyr--full-ui input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#fff;background:var(--plyr-range-thumb-background,#fff);border:0;border-radius:100%;box-shadow:0 1px 1px #23282f26,0 0 0 1px #23282f33;box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px #23282f26,0 0 0 1px #23282f33);height:13px;height:var(--plyr-range-thumb-height,13px);margin-top:-4px;margin-top:calc((var(--plyr-range-thumb-height,13px) - var(--plyr-range-track-height,5px))/2*-1);position:relative;-webkit-transition:all .2s ease;transition:all .2s ease;width:13px;width:var(--plyr-range-thumb-height,13px)}.plyr--full-ui input[type=range]::-moz-range-track{background:#0000;border:0;border-radius:2.5px;border-radius:calc(var(--plyr-range-track-height,5px)/2);height:5px;height:var(--plyr-range-track-height,5px);-moz-transition:box-shadow .3s ease;transition:box-shadow .3s ease;user-select:none}.plyr--full-ui input[type=range]::-moz-range-thumb{background:#fff;background:var(--plyr-range-thumb-background,#fff);border:0;border-radius:100%;box-shadow:0 1px 1px #23282f26,0 0 0 1px #23282f33;box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px #23282f26,0 0 0 1px #23282f33);height:13px;height:var(--plyr-range-thumb-height,13px);position:relative;-moz-transition:all .2s ease;transition:all .2s ease;width:13px;width:var(--plyr-range-thumb-height,13px)}.plyr--full-ui input[type=range]::-moz-range-progress{background:currentColor;border-radius:2.5px;border-radius:calc(var(--plyr-range-track-height,5px)/2);height:5px;height:var(--plyr-range-track-height,5px)}.plyr--full-ui input[type=range]::-ms-track{color:#0000}.plyr--full-ui input[type=range]::-ms-fill-upper,.plyr--full-ui input[type=range]::-ms-track{background:#0000;border:0;border-radius:2.5px;border-radius:calc(var(--plyr-range-track-height,5px)/2);height:5px;height:var(--plyr-range-track-height,5px);-ms-transition:box-shadow .3s ease;transition:box-shadow .3s ease;user-select:none}.plyr--full-ui input[type=range]::-ms-fill-lower{background:#0000;background:currentColor;border:0;border-radius:2.5px;border-radius:calc(var(--plyr-range-track-height,5px)/2);height:5px;height:var(--plyr-range-track-height,5px);-ms-transition:box-shadow .3s ease;transition:box-shadow .3s ease;user-select:none}.plyr--full-ui input[type=range]::-ms-thumb{background:#fff;background:var(--plyr-range-thumb-background,#fff);border:0;border-radius:100%;box-shadow:0 1px 1px #23282f26,0 0 0 1px #23282f33;box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px #23282f26,0 0 0 1px #23282f33);height:13px;height:var(--plyr-range-thumb-height,13px);margin-top:0;position:relative;-ms-transition:all .2s ease;transition:all .2s ease;width:13px;width:var(--plyr-range-thumb-height,13px)}.plyr--full-ui input[type=range]::-ms-tooltip{display:none}.plyr--full-ui input[type=range]::-moz-focus-outer{border:0}.plyr--full-ui input[type=range]:focus{outline:0}.plyr--full-ui input[type=range]:focus-visible::-webkit-slider-runnable-track{outline:2px dashed #00b2ff;outline:2px dashed var(--plyr-focus-visible-color,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));outline-offset:2px}.plyr--full-ui input[type=range]:focus-visible::-moz-range-track{outline:2px dashed #00b2ff;outline:2px dashed var(--plyr-focus-visible-color,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));outline-offset:2px}.plyr--full-ui input[type=range]:focus-visible::-ms-track{outline:2px dashed #00b2ff;outline:2px dashed var(--plyr-focus-visible-color,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));outline-offset:2px}.plyr__poster{background-color:#000;background-color:var(--plyr-video-background,var(--plyr-video-background,#000));background-position:50% 50%;background-repeat:no-repeat;background-size:contain;height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .2s ease;width:100%;z-index:1}.plyr--stopped.plyr__poster-enabled .plyr__poster{opacity:1}.plyr--youtube.plyr--paused.plyr__poster-enabled:not(.plyr--stopped) .plyr__poster{display:none}.plyr__time{font-size:13px;font-size:var(--plyr-font-size-time,var(--plyr-font-size-small,13px))}.plyr__time+.plyr__time:before{content:"⁄";margin-right:10px;margin-right:var(--plyr-control-spacing,10px)}@media(max-width:767px){.plyr__time+.plyr__time{display:none}}.plyr__tooltip{background:#fff;background:var(--plyr-tooltip-background,#fff);border-radius:5px;border-radius:var(--plyr-tooltip-radius,5px);bottom:100%;box-shadow:0 1px 2px #00000026;box-shadow:var(--plyr-tooltip-shadow,0 1px 2px #00000026);color:#4a5464;color:var(--plyr-tooltip-color,#4a5464);font-size:13px;font-size:var(--plyr-font-size-small,13px);font-weight:400;font-weight:var(--plyr-font-weight-regular,400);left:50%;line-height:1.3;margin-bottom:10px;margin-bottom:calc(var(--plyr-control-spacing,10px)/2*2);opacity:0;padding:5px 7.5px;padding:calc(var(--plyr-control-spacing,10px)/2) calc(var(--plyr-control-spacing,10px)/2*1.5);pointer-events:none;position:absolute;transform:translate(-50%,10px) scale(.8);transform-origin:50% 100%;transition:transform .2s ease .1s,opacity .2s ease .1s;white-space:nowrap;z-index:2}.plyr__tooltip:before{border-left:4px solid #0000;border-left:var(--plyr-tooltip-arrow-size,4px) solid #0000;border-right:4px solid #0000;border-right:var(--plyr-tooltip-arrow-size,4px) solid #0000;border-top:4px solid #fff;border-top:var(--plyr-tooltip-arrow-size,4px) solid var(--plyr-tooltip-background,#fff);bottom:-4px;bottom:calc(var(--plyr-tooltip-arrow-size,4px)*-1);content:"";height:0;left:50%;position:absolute;transform:translateX(-50%);width:0;z-index:2}.plyr .plyr__control:focus-visible .plyr__tooltip,.plyr .plyr__control:hover .plyr__tooltip,.plyr__tooltip--visible{opacity:1;transform:translate(-50%) scale(1)}.plyr .plyr__control:hover .plyr__tooltip{z-index:3}.plyr__controls>.plyr__control:first-child .plyr__tooltip,.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip{left:0;transform:translateY(10px) scale(.8);transform-origin:0 100%}.plyr__controls>.plyr__control:first-child .plyr__tooltip:before,.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip:before{left:16px;left:calc(var(--plyr-control-icon-size,18px)/2 + var(--plyr-control-spacing,10px)*.7)}.plyr__controls>.plyr__control:last-child .plyr__tooltip{left:auto;right:0;transform:translateY(10px) scale(.8);transform-origin:100% 100%}.plyr__controls>.plyr__control:last-child .plyr__tooltip:before{left:auto;right:16px;right:calc(var(--plyr-control-icon-size,18px)/2 + var(--plyr-control-spacing,10px)*.7);transform:translateX(50%)}.plyr__controls>.plyr__control:first-child .plyr__tooltip--visible,.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip--visible,.plyr__controls>.plyr__control:first-child+.plyr__control:focus-visible .plyr__tooltip,.plyr__controls>.plyr__control:first-child+.plyr__control:hover .plyr__tooltip,.plyr__controls>.plyr__control:first-child:focus-visible .plyr__tooltip,.plyr__controls>.plyr__control:first-child:hover .plyr__tooltip,.plyr__controls>.plyr__control:last-child .plyr__tooltip--visible,.plyr__controls>.plyr__control:last-child:focus-visible .plyr__tooltip,.plyr__controls>.plyr__control:last-child:hover .plyr__tooltip{transform:translate(0) scale(1)}.plyr__progress{left:6.5px;left:calc(var(--plyr-range-thumb-height,13px)*.5);margin-right:13px;margin-right:var(--plyr-range-thumb-height,13px);position:relative}.plyr__progress input[type=range],.plyr__progress__buffer{margin-left:-6.5px;margin-left:calc(var(--plyr-range-thumb-height,13px)*-.5);margin-right:-6.5px;margin-right:calc(var(--plyr-range-thumb-height,13px)*-.5);width:calc(100% + 13px);width:calc(100% + var(--plyr-range-thumb-height,13px))}.plyr__progress input[type=range]{position:relative;z-index:2}.plyr__progress .plyr__tooltip{left:0;max-width:120px;overflow-wrap:break-word}.plyr__progress__buffer{-webkit-appearance:none;background:#0000;border:0;border-radius:100px;height:5px;height:var(--plyr-range-track-height,5px);left:0;margin-top:-2.5px;margin-top:calc((var(--plyr-range-track-height,5px)/2)*-1);padding:0;position:absolute;top:50%}.plyr__progress__buffer::-webkit-progress-bar{background:#0000}.plyr__progress__buffer::-webkit-progress-value{background:currentColor;border-radius:100px;min-width:5px;min-width:var(--plyr-range-track-height,5px);-webkit-transition:width .2s ease;transition:width .2s ease}.plyr__progress__buffer::-moz-progress-bar{background:currentColor;border-radius:100px;min-width:5px;min-width:var(--plyr-range-track-height,5px);-moz-transition:width .2s ease;transition:width .2s ease}.plyr__progress__buffer::-ms-fill{border-radius:100px;-ms-transition:width .2s ease;transition:width .2s ease}.plyr--loading .plyr__progress__buffer{animation:plyr-progress 1s linear infinite;background-image:linear-gradient(-45deg,#23282f99 25%,#0000 0,#0000 50%,#23282f99 0,#23282f99 75%,#0000 0,#0000);background-image:linear-gradient(-45deg,var(--plyr-progress-loading-background,#23282f99) 25%,#0000 25%,#0000 50%,var(--plyr-progress-loading-background,#23282f99) 50%,var(--plyr-progress-loading-background,#23282f99) 75%,#0000 75%,#0000);background-repeat:repeat-x;background-size:25px 25px;background-size:var(--plyr-progress-loading-size,25px) var(--plyr-progress-loading-size,25px);color:#0000}.plyr--video.plyr--loading .plyr__progress__buffer{background-color:#ffffff40;background-color:var(--plyr-video-progress-buffered-background,#ffffff40)}.plyr--audio.plyr--loading .plyr__progress__buffer{background-color:#c1c8d199;background-color:var(--plyr-audio-progress-buffered-background,#c1c8d199)}.plyr__progress__marker{background-color:#fff;background-color:var(--plyr-progress-marker-background,#fff);border-radius:1px;height:5px;height:var(--plyr-range-track-height,5px);position:absolute;top:50%;transform:translate(-50%,-50%);width:3px;width:var(--plyr-progress-marker-width,3px);z-index:3}.plyr__volume{align-items:center;display:flex;position:relative}.plyr__volume input[type=range]{margin-left:5px;margin-left:calc(var(--plyr-control-spacing,10px)/2);margin-right:5px;margin-right:calc(var(--plyr-control-spacing,10px)/2);max-width:90px;min-width:60px;position:relative;z-index:2}.plyr--audio{display:block}.plyr--audio .plyr__controls{background:#fff;background:var(--plyr-audio-controls-background,#fff);border-radius:inherit;color:#4a5464;color:var(--plyr-audio-control-color,#4a5464);padding:10px;padding:var(--plyr-control-spacing,10px)}.plyr--audio .plyr__control:focus-visible,.plyr--audio .plyr__control:hover,.plyr--audio .plyr__control[aria-expanded=true]{background:#00b2ff;background:var(--plyr-audio-control-background-hover,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));color:#fff;color:var(--plyr-audio-control-color-hover,#fff)}.plyr--full-ui.plyr--audio input[type=range]::-webkit-slider-runnable-track{background-color:#c1c8d199;background-color:var(--plyr-audio-range-track-background,var(--plyr-audio-progress-buffered-background,#c1c8d199))}.plyr--full-ui.plyr--audio input[type=range]::-moz-range-track{background-color:#c1c8d199;background-color:var(--plyr-audio-range-track-background,var(--plyr-audio-progress-buffered-background,#c1c8d199))}.plyr--full-ui.plyr--audio input[type=range]::-ms-track{background-color:#c1c8d199;background-color:var(--plyr-audio-range-track-background,var(--plyr-audio-progress-buffered-background,#c1c8d199))}.plyr--full-ui.plyr--audio input[type=range]:active::-webkit-slider-thumb{box-shadow:0 1px 1px #23282f26,0 0 0 1px #23282f33,0 0 0 3px #23282f1a;box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px #23282f26,0 0 0 1px #23282f33),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,#23282f1a)}.plyr--full-ui.plyr--audio input[type=range]:active::-moz-range-thumb{box-shadow:0 1px 1px #23282f26,0 0 0 1px #23282f33,0 0 0 3px #23282f1a;box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px #23282f26,0 0 0 1px #23282f33),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,#23282f1a)}.plyr--full-ui.plyr--audio input[type=range]:active::-ms-thumb{box-shadow:0 1px 1px #23282f26,0 0 0 1px #23282f33,0 0 0 3px #23282f1a;box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px #23282f26,0 0 0 1px #23282f33),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,#23282f1a)}.plyr--audio .plyr__progress__buffer{color:#c1c8d199;color:var(--plyr-audio-progress-buffered-background,#c1c8d199)}.plyr--video{overflow:hidden}.plyr--video.plyr--menu-open{overflow:visible}.plyr__video-wrapper{background:#000;background:var(--plyr-video-background,var(--plyr-video-background,#000));border-radius:inherit;height:100%;margin:auto;overflow:hidden;position:relative;width:100%}.plyr__video-embed,.plyr__video-wrapper--fixed-ratio{aspect-ratio:16/9}@supports not (aspect-ratio:16/9){.plyr__video-embed,.plyr__video-wrapper--fixed-ratio{height:0;padding-bottom:56.25%;position:relative}}.plyr__video-embed iframe,.plyr__video-wrapper--fixed-ratio video{border:0;height:100%;left:0;position:absolute;top:0;width:100%}.plyr--full-ui .plyr__video-embed>.plyr__video-embed__container{padding-bottom:240%;position:relative;transform:translateY(-38.28125%)}.plyr--video .plyr__controls{background:linear-gradient(#0000,#000000bf);background:var(--plyr-video-controls-background,linear-gradient(#0000,#000000bf));border-bottom-left-radius:inherit;border-bottom-right-radius:inherit;bottom:0;color:#fff;color:var(--plyr-video-control-color,#fff);left:0;padding:5px;padding:calc(var(--plyr-control-spacing,10px)/2);padding-top:20px;padding-top:calc(var(--plyr-control-spacing,10px)*2);position:absolute;right:0;transition:opacity .4s ease-in-out,transform .4s ease-in-out;z-index:3}@media(min-width:480px){.plyr--video .plyr__controls{padding:10px;padding:var(--plyr-control-spacing,10px);padding-top:35px;padding-top:calc(var(--plyr-control-spacing,10px)*3.5)}}.plyr--video.plyr--hide-controls .plyr__controls{opacity:0;pointer-events:none;transform:translateY(100%)}.plyr--video .plyr__control:focus-visible,.plyr--video .plyr__control:hover,.plyr--video .plyr__control[aria-expanded=true]{background:#00b2ff;background:var(--plyr-video-control-background-hover,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));color:#fff;color:var(--plyr-video-control-color-hover,#fff)}.plyr__control--overlaid{background:#00b2ff;background:var(--plyr-video-control-background-hover,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));border:0;border-radius:100%;color:#fff;color:var(--plyr-video-control-color,#fff);display:none;left:50%;opacity:.9;padding:15px;padding:calc(var(--plyr-control-spacing,10px)*1.5);position:absolute;top:50%;transform:translate(-50%,-50%);transition:.3s;z-index:2}.plyr__control--overlaid svg{left:2px;position:relative}.plyr__control--overlaid:focus,.plyr__control--overlaid:hover{opacity:1}.plyr--playing .plyr__control--overlaid{opacity:0;visibility:hidden}.plyr--full-ui.plyr--video .plyr__control--overlaid{display:block}.plyr--full-ui.plyr--video input[type=range]::-webkit-slider-runnable-track{background-color:#ffffff40;background-color:var(--plyr-video-range-track-background,var(--plyr-video-progress-buffered-background,#ffffff40))}.plyr--full-ui.plyr--video input[type=range]::-moz-range-track{background-color:#ffffff40;background-color:var(--plyr-video-range-track-background,var(--plyr-video-progress-buffered-background,#ffffff40))}.plyr--full-ui.plyr--video input[type=range]::-ms-track{background-color:#ffffff40;background-color:var(--plyr-video-range-track-background,var(--plyr-video-progress-buffered-background,#ffffff40))}.plyr--full-ui.plyr--video input[type=range]:active::-webkit-slider-thumb{box-shadow:0 1px 1px #23282f26,0 0 0 1px #23282f33,0 0 0 3px #ffffff80;box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px #23282f26,0 0 0 1px #23282f33),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,#ffffff80)}.plyr--full-ui.plyr--video input[type=range]:active::-moz-range-thumb{box-shadow:0 1px 1px #23282f26,0 0 0 1px #23282f33,0 0 0 3px #ffffff80;box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px #23282f26,0 0 0 1px #23282f33),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,#ffffff80)}.plyr--full-ui.plyr--video input[type=range]:active::-ms-thumb{box-shadow:0 1px 1px #23282f26,0 0 0 1px #23282f33,0 0 0 3px #ffffff80;box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px #23282f26,0 0 0 1px #23282f33),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,#ffffff80)}.plyr--video .plyr__progress__buffer{color:#ffffff40;color:var(--plyr-video-progress-buffered-background,#ffffff40)}.plyr:fullscreen{background:#000;border-radius:0!important;height:100%;margin:0;width:100%}.plyr:fullscreen video{height:100%}.plyr:fullscreen .plyr__control .icon--exit-fullscreen{display:block}.plyr:fullscreen .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr:fullscreen.plyr--hide-controls{cursor:none}@media(min-width:1024px){.plyr:fullscreen .plyr__captions{font-size:21px;font-size:var(--plyr-font-size-xlarge,21px)}}.plyr--fullscreen-fallback{background:#000;border-radius:0!important;bottom:0;height:100%;left:0;margin:0;position:fixed;right:0;top:0;width:100%;z-index:10000000}.plyr--fullscreen-fallback video{height:100%}.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen{display:block}.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr--fullscreen-fallback.plyr--hide-controls{cursor:none}@media(min-width:1024px){.plyr--fullscreen-fallback .plyr__captions{font-size:21px;font-size:var(--plyr-font-size-xlarge,21px)}}.plyr__ads{border-radius:inherit;bottom:0;cursor:pointer;left:0;overflow:hidden;position:absolute;right:0;top:0;z-index:-1}.plyr__ads>div,.plyr__ads>div iframe{height:100%;position:absolute;width:100%}.plyr__ads:after{background:#23282f;border-radius:2px;bottom:10px;bottom:var(--plyr-control-spacing,10px);color:#fff;content:attr(data-badge-text);font-size:11px;padding:2px 6px;pointer-events:none;position:absolute;right:10px;right:var(--plyr-control-spacing,10px);z-index:3}.plyr__ads:empty:after{display:none}.plyr__cues{background:currentColor;display:block;height:5px;height:var(--plyr-range-track-height,5px);left:0;opacity:.8;position:absolute;top:50%;transform:translateY(-50%);width:3px;z-index:3}.plyr__preview-thumb{background-color:#fff;background-color:var(--plyr-tooltip-background,#fff);border-radius:8px;border-radius:var(--plyr-menu-radius,8px);bottom:100%;box-shadow:0 1px 2px #00000026;box-shadow:var(--plyr-tooltip-shadow,0 1px 2px #00000026);margin-bottom:10px;margin-bottom:calc(var(--plyr-control-spacing,10px)/2*2);opacity:0;padding:3px;pointer-events:none;position:absolute;transform:translateY(10px) scale(.8);transform-origin:50% 100%;transition:transform .2s ease .1s,opacity .2s ease .1s;z-index:2}.plyr__preview-thumb--is-shown{opacity:1;transform:translate(0) scale(1)}.plyr__preview-thumb:before{border-left:4px solid #0000;border-left:var(--plyr-tooltip-arrow-size,4px) solid #0000;border-right:4px solid #0000;border-right:var(--plyr-tooltip-arrow-size,4px) solid #0000;border-top:4px solid #fff;border-top:var(--plyr-tooltip-arrow-size,4px) solid var(--plyr-tooltip-background,#fff);bottom:-4px;bottom:calc(var(--plyr-tooltip-arrow-size,4px)*-1);content:"";height:0;left:calc(50% + var(--preview-arrow-offset));position:absolute;transform:translateX(-50%);width:0;z-index:2}.plyr__preview-thumb__image-container{background:#c1c8d1;border-radius:7px;border-radius:calc(var(--plyr-menu-radius,8px) - 1px);overflow:hidden;position:relative;z-index:0}.plyr__preview-thumb__image-container img,.plyr__preview-thumb__image-container:after{height:100%;left:0;position:absolute;top:0;width:100%}.plyr__preview-thumb__image-container:after{border-radius:inherit;box-shadow:inset 0 0 0 1px #00000026;content:"";pointer-events:none}.plyr__preview-thumb__image-container img{max-height:none;max-width:none}.plyr__preview-thumb__time-container{background:linear-gradient(#0000,#000000bf);background:var(--plyr-video-controls-background,linear-gradient(#0000,#000000bf));border-bottom-left-radius:7px;border-bottom-left-radius:calc(var(--plyr-menu-radius,8px) - 1px);border-bottom-right-radius:7px;border-bottom-right-radius:calc(var(--plyr-menu-radius,8px) - 1px);bottom:0;left:0;line-height:1.1;padding:20px 6px 6px;position:absolute;right:0;z-index:3}.plyr__preview-thumb__time-container span{color:#fff;font-size:13px;font-size:var(--plyr-font-size-time,var(--plyr-font-size-small,13px))}.plyr__preview-scrubbing{bottom:0;filter:blur(1px);height:100%;left:0;margin:auto;opacity:0;overflow:hidden;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .3s ease;width:100%;z-index:1}.plyr__preview-scrubbing--is-shown{opacity:1}.plyr__preview-scrubbing img{height:100%;left:0;max-height:none;max-width:none;object-fit:contain;position:absolute;top:0;width:100%}.plyr--no-transition{transition:none!important}.plyr__sr-only{clip:rect(1px,1px,1px,1px);border:0!important;height:1px!important;overflow:hidden;padding:0!important;position:absolute!important;width:1px!important}.plyr [hidden]{display:none!important}:root{ --cn-bg-one : #1a1a1a; --cn-bg-two : #1a1a1a; --cn-hl : var(--main-color); --cn-label : #ffffff; --cn-font : #ffffff; --cn-btn-bg : linear-gradient(to right, rgba(230,0,126,1) 0%, rgba(255,106,169,1) 100%); --cn-btn-font : #ffffff; --cn-btn-bg-hover : var(--main-color); --cn-btn-font-hover : #004048; --cn-btn-snd-bg : none; --cn-btn-snd-font : rgba(255,255,255,0.5); --cn-switch-border : var(--border-color-bright); --cn-switch-toggle : var(--main-bg-color); --cn-switch-toggle-active : #222220; --cn-switch-bg-active : var(--main-bg-color); --cn-acc-toggle-list-font : #ffffff; --cn-acc-toggle-list-bg : rgba(255,255,255,0.05); --cn-acc-toggle-list-font-hover : #ffffff; --cn-acc-toggle-list-bg-hover : rgba(255,255,255,0.15); --cn-acc-border : var(--border-color-bright); --cn-acc-toggle-bg-hover : rgba(255,255,255,0.05); --cn-acc-droparrow : rgba(255,255,255,0.35); --cn-close-bg : rgba(255,255,255,0.05); --cn-close-bg-hover : rgba(255,255,255,0.15); --cn-info-bg : rgba(255,255,255,0.015); --cn-info-hl : #ffffff; --cn-info-font : #ffffff; --cn-info-border : rgba(255,255,255,0.1); } #cookie-popup {z-index:200;} #cookie-settings {z-index:201;top:0;} #mandatory-scripts, #optional-scripts{opacity:0;pointer-events:none;height:0;font-size:0;visibility:hidden;} /*ON INTERACTION*/ html.cn-settings-open {overflow:hidden;} html.cn-settings-open #cookie-settings {opacity:1 !important;} html.cn-settings-open .cn-settings-overlay {opacity:0.9;background:var(--cn-bg-two);position:fixed;top:0;right:0;bottom:0;left:0;transition:all .2s ease-in-out;z-index:8;} html.cn-list-open #cookie-selection {pointer-events:none;} /*ON INTERACTION*/ .cookienotice {display:none;position:fixed;width:100%;max-width:900px;right:0;bottom:0;background:var(--cn-bg-one);} .cookienotice .inner {width:auto;box-sizing:border-box;} .cookienotice h3 {font-size:clamp(20px,4vw,24px);color:var(--cn-hl)} .cookienotice p {color:var(--cn-font);} .cookienotice .btns {display:flex;flex-direction:row;flex-wrap:wrap;gap: 1em !important;} .cookienotice .btns .cookiebtn {position:relative; display:inline-block; font-weight:600; color:var(--cn-btn-font);background:var(--cn-btn-bg); text-align:center;cursor:pointer;border:0;box-shadow:none;transition:background .2s ease-in-out, color .2s ease-in-out, box-shadow .2s ease-in-out;text-transform:uppercase;border-radius:8px;} .cookienotice .btns .cookiebtn.snd {background:var(--cn-btn-snd-bg);color:var(--cn-btn-snd-font);} .cookienotice .btns .cookiebtn:not(.snd):hover {box-shadow:var(--box-shadow-btn-primary):} .cookienotice .btns .cookiebtn.snd:hover {background:var(--cn-btn-bg-hover);color:var(--cn-btn-font-hover);} /*COOKIE SETTING AND CATEGORY STYLING*/ #cookie-settings .inner {position:relative;display:flex;flex-direction:column;height:100%;justify-content:space-between;} #cookie-settings .inner #cookie-selection {position:relative;overflow-y:auto;display:flex;flex-direction:column;} #cookie-settings .inner #cookie-selection .row .checkbox-container {display:flex;justify-content:space-between;align-items:center;} #cookie-settings .inner #cookie-selection .row label {font-family:'Montserrat';font-weight:bold;color:var(--cn-label);display:block;box-sizing:border-box;} #cookie-settings .inner #cookie-selection .row input {position:relative;margin:0;background:none;border:1px solid var(--cn-switch-border);transition:background .2s ease-in-out;-webkit-appearance: none; -moz-appearance: none; appearance: none; cursor:pointer;} #cookie-settings .inner #cookie-selection .row #mandatory {cursor:not-allowed !important;opacity:0.5;} #cookie-settings .inner #cookie-selection .row input::before {content:'';background:var(--cn-switch-toggle);display:inline-block;position:absolute;transition:left .2s ease-in-out,color .2s ease-in-out;} #cookie-settings .inner #cookie-selection .row input:checked {background:var(--cn-switch-bg-active);} #cookie-settings .inner #cookie-selection .row input:checked::before {background:var(--cn-switch-toggle-active);} #cookie-settings .inner #cookie-selection .row p {max-width:85%;margin-bottom:0;} #cookie-settings .inner #cookie-selection .row .toggle-list {margin-top:1em;margin-bottom:10px;border:none;color:var(--cn-acc-toggle-list-font);background:var(--cn-acc-toggle-list-bg);transition:background .2s ease-in-out, color .2s ease-in-out;cursor:pointer;} #cookie-settings .inner #cookie-selection .row .toggle-list:hover {background:var(--cn-acc-toggle-list-bg-hover); color:var(--cn-acc-toggle-list-font-hover)} #cookie-settings .inner #cookie-selection .droparrow {left:10px;} /*GENERAL ACCORDEON STYLING*/ /*GENERAL ACCORDEON STYLING*/ #cookie-settings .inner .cookie-accordeon .accordeon-elem {padding:10px;border:1px solid var(--cn-acc-border);} #cookie-settings .inner .cookie-accordeon .accordeon-elem:not(:last-child) {border-bottom:0;} #cookie-settings .inner .cookie-accordeon .accordeon-elem .accordeon-toggle{position:relative;transition:background .2s ease-in-out;cursor:pointer;} #cookie-settings .inner .cookie-accordeon .accordeon-elem .accordeon-content {display:none;padding:0 10px;} #cookie-settings .inner .cookie-accordeon .accordeon-elem.visible .accordeon-content {display:block;margin-top:0.5em;} #cookie-settings .inner .cookie-accordeon .accordeon-elem .droparrow {position:absolute;fill:var(--cn-acc-droparrow);height:auto;display:inline-block;} #cookie-settings .inner .cookie-accordeon .accordeon-elem.visible .droparrow {transform:rotate(180deg);} /*GENERAL ACCORDEON STYLING*/ /*SUB ACCORDEON STYLING FOR COOKIES*/ #cookie-settings .inner .cookies-list {display:none;position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;background:var(--cn-bg-one);} #cookie-settings .inner .cookies-list .list-header {display:flex;align-items:center;margin-bottom:1em;} #cookie-settings .inner .cookies-list .list-header .cookie-list-close {display:flex;align-items:center;justify-content:center;aspect-ratio:1;background:var(--cn-close-bg);width:35px;padding:5px;margin-left:auto;box-shadow:none;border:none;transition:background .2s ease-in-out;cursor:pointer;} #cookie-settings .inner .cookies-list .list-header .cookie-list-close:hover {background:var(--cn-close-bg-hover);} #cookie-settings .inner .cookies-list .cookie-accordeon .accordeon-elem h4 {font-family:'Montserrat';font-weight:bold;color:var(--cn-label);cursor:pointer;display:block;box-sizing:border-box;margin:0;} #cookie-settings .inner .cookies-list .cookie-accordeon .accordeon-elem .accordeon-content {padding:0;} #cookie-settings .inner .cookies-list .cookie-accordeon .accordeon-elem .accordeon-content .cookie-info {background:var(--cn-info-bg);} #cookie-settings .inner .cookies-list .cookie-accordeon .accordeon-elem .accordeon-content .cookie-info:not(:last-child) {margin-bottom:1em;} #cookie-settings .inner .cookies-list .cookie-accordeon .accordeon-elem .accordeon-content .cookie-info .hl {color:var(--cn-info-hl);display:block;} #cookie-settings .inner .cookies-list .cookie-accordeon .accordeon-elem .accordeon-content .cookie-info p {margin-top:0.5em;margin-bottom:0;font-size:12px;color:var(--cn-info-font);} #cookie-settings .inner .cookies-list .cookie-accordeon .accordeon-elem .accordeon-content .cookie-info .cookie-keydata {border-top:1px solid var(--cn-info-border);padding-top:0.5em;margin-top:0.5em;} #cookie-settings .inner .cookies-list .cookie-accordeon .accordeon-elem .accordeon-content .cookie-info .cookie-keydata li {font-size:12px;line-height:24px;color:var(--cn-info-font);} /*SUB ACCORDEON FOR COOKIES*/ #cookie-settings .inner .btns {position:absolute;right:0;bottom:0;left:0;} @media(min-width:1101px){ .cookienotice .inner, #cookie-settings .inner .cookies-list, #cookie-settings .inner .btns {padding:40px 50px 30px 50px;} #cookie-settings .inner {padding-bottom:200px;} #cookie-settings .inner #cookie-selection {gap:1em;} #cookie-settings .inner #cookie-selection .row label {font-size:14px;line-height:14px;padding:15px 10px 15px 40px;width:calc(100% - 70px);} #cookie-settings .inner #cookie-selection .row input {width:50px;height:30px;} #cookie-settings .inner #cookie-selection .row input::before {width:18px;height:18px;top:5px;left:5px;} #cookie-settings .inner #cookie-selection .row input:checked::before {left:25px;} #cookie-settings .inner #cookie-selection .row .toggle-list {font-size:14px;line-height:14px;padding:10px 15px;} #cookie-settings .inner #cookie-selection .droparrow {top:calc(50% - 6px);} #cookie-settings .inner .cookie-accordeon .accordeon-elem .accordeon-toggle:hover {background:var(--cn-acc-toggle-bg-hover);} #cookie-settings .inner .cookie-accordeon .accordeon-elem .droparrow {width:18px;} #cookie-settings .inner .cookies-list .cookie-accordeon .accordeon-elem h4 {font-size:14px;line-height:14px;padding:15px 10px;} #cookie-settings .inner .cookies-list .cookie-accordeon .accordeon-elem .droparrow {right:15px;top:calc(50% - 6px);} #cookie-settings .inner .cookies-list .cookie-accordeon .accordeon-elem .accordeon-content .cookie-info {padding:20px;} #cookie-settings .inner .cookies-list .cookie-accordeon .accordeon-elem .accordeon-content .cookie-info .hl {font-size:14px;line-height:14px;} } @media(max-width:1100px){ #cookie-settings .inner #cookie-selection {gap:0.5em;} #cookie-settings .inner #cookie-selection .row .toggle-list {font-size:12px;line-height:12px;padding:8px 12px;} #cookie-settings .inner #cookie-selection .row label {font-size:12px;line-height:12px;padding:10px 10px 10px 40px;width:calc(100% - 50px);} #cookie-settings .inner #cookie-selection .row input {width:40px;height:25px;} #cookie-settings .inner #cookie-selection .row input::before {width:13px;height:13px;top:5px;left:5px;} #cookie-settings .inner #cookie-selection .row input:checked::before {left:20px;} #cookie-settings .inner #cookie-selection .droparrow {top:calc(50% - 5px);} #cookie-settings .inner .cookie-accordeon .accordeon-elem .droparrow {width:14px;} #cookie-settings .inner .cookies-list .cookie-accordeon .accordeon-elem h4 {font-size:12px;line-height:12px;padding:10px;} #cookie-settings .inner .cookies-list .cookie-accordeon .accordeon-elem .droparrow {right:10px;top:calc(50% - 5px);} #cookie-settings .inner .cookies-list .cookie-accordeon .accordeon-elem .accordeon-content .cookie-info {padding:15px;} #cookie-settings .inner .cookies-list .cookie-accordeon .accordeon-elem .accordeon-content .cookie-info .hl {font-size:12px;line-height:12px;} } @media(max-width:1100px) and (min-width:701px){ .cookienotice .inner, #cookie-settings .inner .cookies-list, #cookie-settings .inner .btns {padding:30px 40px 20px 40px;} #cookie-settings .inner {padding-bottom:170px;} } @media(min-width:701px){ #cookie-popup .btns {margin-top:2rem;} .cookienotice p {font-size:12px;line-height:1.5em;} .cookienotice .btns {gap:0.5em;} .cookienotice .btns .cookiebtn {padding:10px 15px; font-size:12px; line-height:12px;} } @media(max-width:700px){ #cookie-popup .btns {margin-top:1rem;} #cookie-settings .inner {padding-bottom:140px;} .cookienotice p {font-size:10px;line-height:1.3em;} .cookienotice .btns {gap:0.3em;} .cookienotice .btns .cookiebtn {padding:8px 10px; font-size:10px; line-height:10px;} } @media(max-width:700px) and (min-width:501px){ .cookienotice .inner, #cookie-settings .inner .cookies-list, #cookie-settings .inner .btns {padding:30px 30px 20px 30px;} } @media(max-width:500px){ .cookienotice .inner, #cookie-settings .inner .cookies-list, #cookie-settings .inner .btns {padding:30px 20px 20px 20px;} }/*OUTLINE*/ a:not(.btn), button.close, #totop, #reset-filters, a.btn.snd, span, input[type=text], input[type=email], input[type=checkbox], textarea, .accelem, #header.header-frontpage .visual-inner, .multislider .contentslider-tabnav .tab, .swiper-button {outline-width:4px !important;outline-color:var(--accent-color) !important;} a.btn:not(.snd), button.forminator-button, #toggle-filters {outline-width:4px !important;outline-color:var(--main-color) !important;} a:focus-visible, button:focus-visible, span:focus-visible, .swiper-button:focus-visible,.accelem:focus-visible, #header.header-frontpage .visual-inner:focus-visible, .multislider .contentslider-tabnav .tab:focus-visible, .swiper-button:focus-visible {outline-style:solid !important;} /*OUTLINE*/ /*MAINNAV*/ #mainnav .inner .mainnav .menu li.menu-item-has-children[aria-expanded="true"] > ul {display:block;opacity:1;pointer-events:all;} #mainnav .inner .langswitch.desktop .lang li.menu-item-has-children[aria-expanded="true"] > ul {display:flex;opacity:1;pointer-events:all;} /*MAINNAV*/ /*HEADER*/ #header.header-frontpage .visual-inner:focus-visible #video-play {opacity: 1 !important;} /*HEADER*/ /*CONTENT*/ .tooltiptext p .tooltip:focus-visible > .tooltip-content {opacity:1 !important;pointer-events:all !important;} /*CONTENT*/ .video .inner{position:relative;width:100%;height:0;padding-bottom:56.25%;border-radius:12px;overflow:hidden;box-shadow:var(--box-shadow-visual);z-index:2;} .video .inner iframe{position:absolute;top:0;left:0;width:100%;height:100%;} .tooltiptext {text-align:center;} .tooltiptext p {font-weight:600;font-size:clamp(18px,3vw,38px);line-height:1.4em;text-wrap:balance;} .tooltiptext p .tooltip {position:relative;font-weight:300;font-size:clamp(10px,1.5vw,16px);line-height:clamp(0px,1vw,16px);color:var(--main-color);vertical-align:top;top:14px;transition:color .2s ease-in-out;cursor:help;} .tooltiptext p .tooltip:hover {color:var(--accent-color);} .tooltiptext .tooltip-content {background: var(--main-color); border-radius: 10px; box-sizing: border-box; color: var(--font-color-bright); font-weight: 400;text-wrap: balance; box-shadow:0px 1px 1px rgba(42, 42, 42, 0.02), 0px 4px 5px rgba(42, 42, 42, 0.04), 0px 9px 11px rgba(42, 42, 42, 0.06), 0px 16px 19px rgba(42, 42, 42, 0.08), 0px 25px 30px rgba(42, 42, 42, 0.10);} .tooltiptext .tooltip-content::before {content: ''; display: inline-block; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid var(--main-color); position: absolute; top: -10px; left: 50%; transform: translate(-50%, 0);} @media(min-width:768px){ .tooltiptext p .tooltip > .tooltip-content {display: inline-block; width: 350px; position: absolute; top: 100%; margin-top:20px; left: 50%; transform: translate(-50%, 0); pointer-events:none; opacity:0; transition: opacity .2s ease-in-out; z-index:2; padding: 20px;font-size: 14px; line-height: 1.6em;} .tooltiptext p .tooltip:hover > .tooltip-content {opacity:1;pointer-events:all;} .tooltiptext .tooltip-content.mobile {display:none;} } @media(max-width:767px){ .tooltiptext .tooltip-content.desktop {display:none;} .tooltiptext .tooltip-content.mobile {display:none;max-width:500px;margin:0 auto;position:relative;font-size: 12px; line-height: 1.4em;padding:15px;} .tooltiptext .tooltip-content .tooltip-close {border-radius:50%;background:var(--gradient-pink);display:inline-block;position:absolute;bottom:0;left:50%;transform:translate(-50%,50%);aspect-ratio:1;width:15px;padding:5px;} .tooltiptext .tooltip-content .tooltip-close svg {display:block;width:100%;height:auto;fill:#fff;} }.textvisualboxed .wrapper {position:relative;z-index:2;} .textvisualboxed .boxed {display:flex;border-radius:12px;background:var(--gradient-darkgreen);} .textvisualboxed .txt {position:relative;box-sizing:border-box;} .textvisualboxed .txt p {margin-top:auto;margin-bottom:0;font-size:16px;line-height:1.5em;} .textvisualboxed .txt .inner {position:relative;display:flex;flex-direction:column;align-items:flex-start;height:100%;z-index:4;} .textvisualboxed .txt svg {display:block;fill:var(--base-color-two);} .textvisualboxed .txt .quote-txt {display:block;font-family:'inter';font-weight: 600; font-style: normal; line-height: 1.2em;color:var(--main-color);} .textvisualboxed .txt .quote-author {display:block;color:var(--font-color-bright);font-style:italic;opacity:0.75;} .textvisualboxed .visual {position:relative;aspect-ratio:1;overflow:hidden;border-radius:12px;} .textvisualboxed .visual img {display:block;width:100%;height:100%;object-fit:cover;} .textvisualboxed .visual video {display:block;width:100%;height:100%;object-fit:cover;} @media(min-width:1001px){ .textvisualboxed .txt {padding:60px 50px;} } @media(max-width:1000px) and (min-width:801px){ .textvisualboxed .txt {padding:40px;} } @media(min-width:801px){ .textvisualboxed .boxed {flex-direction:row-reverse;} .textvisualboxed .txt {width:50%;} .textvisualboxed .txt svg {width:25%;min-width:75px;margin-bottom:4rem;} .textvisualboxed .txt .quote-txt {margin:auto 0 1em 0;} .textvisualboxed .txt .quote-txt.small {font-size:clamp(16px,2vw,24px);} .textvisualboxed .txt .quote-txt.reg {font-size:clamp(20px,2vw,30px);} .textvisualboxed .txt .quote-txt.large {font-size:clamp(24px,3vw,42px);} .textvisualboxed .visual {width:50%;} } @media(max-width:800px){ .textvisualboxed .boxed {flex-direction:column;} .textvisualboxed .txt {padding:40px 30px;width:100%;} .textvisualboxed .txt svg {width:20%;min-width:50px;max-width:65px;} .textvisualboxed .txt .quote-txt {margin:2rem 0 1em 0;text-wrap:balance;} .textvisualboxed .txt .quote-txt.small {font-size:clamp(14px,3vw,20px);} .textvisualboxed .txt .quote-txt.reg, .textvisualboxed .txt .quote-txt.large {font-size:clamp(18px,4vw,26px);} .textvisualboxed .visual {width:100%;} } @media(max-width:800px){ .textvisualboxed .txt {padding:35px 25px;} }.texttexttext .inner {display:flex;} @media(min-width:901px){ .texttexttext .inner {gap:3.5%;} .texttexttext .inner .left, .texttexttext .inner .center, .texttexttext .inner .right {width:31%;} .texttexttext .inner:not(:has(.center)) {justify-content:space-between;} .texttexttext .inner:not(:has(.left)):has(.right) .center {margin-left:auto;} .texttexttext .inner:not(:has(.left)):not(:has(.center)) .right {margin-left:auto;} .texttexttext .inner:not(:has(.left)):not(:has(.right)) {justify-content:center;} } @media(max-width:900px){ .texttexttext .inner {flex-wrap:wrap;gap:2em;} .texttexttext .inner .left, .texttexttext .inner .center, .texttexttext .inner .right {width:100%;} }.texttext .inner {display:flex;} @media(min-width:901px){ .texttext .inner:has(.left):has(.right) {gap:5%;} .texttext .inner .left, .texttext .inner .right {width:47.5%;} .texttext .inner:not(:has(.left)) .right {margin-left:auto;} } @media(max-width:900px){ .texttext .inner {flex-wrap:wrap;gap:2em;} .texttext .inner .left, .texttext .inner .right {width:100%;} }.textboxed .inner {position:relative;border-radius:12px;z-index:2;} .textboxed .inner a {text-decoration:none;} .textboxed .inner.border {border:1px solid var(--border-color);box-sizing:border-box;} .textboxed .prehl {display:inline-block;position:absolute;background:var(--gradient-pink);color:#fff;border-radius:12px;font-weight:bold;top:0;box-shadow:var(--box-shadow-visual);} .textboxed .txt {display:inline-block;font-family:'inter';font-weight:600;font-style:normal;line-height:1.2em;text-wrap:balance;} .textboxed.alignd-center .prehl{left:50%;transform:translate(-50%,-50%);} .textboxed.alignd-left .prehl{transform:translate(0,-50%);} .textboxed .inner.bg1 .txt {color:var(--base-color);} .textboxed .inner.bg2 .txt {color:var(--base-color);} .textboxed .inner.bg3 .txt {color:var(--base-color);} .textboxed .inner.bg4 .txt {color:var(--font-color-bright-75);} .textboxed .inner.gradient-1 {background:var(--gradient-pink);} .textboxed .inner.gradient-1 .txt {color:var(--font-color-bright);} .textboxed .inner.gradient-2 {background:var(--gradient-lightgrey-bg);} .textboxed .inner.gradient-2 .txt {color:var(--base-color);} .textboxed .inner.gradient-3 {background:var(--gradient-lightmint);} .textboxed .inner.gradient-3 .txt {color:var(--base-color);} .textboxed .inner.gradient-4 {background:var(--gradient-mint);} .textboxed .inner.gradient-4 .txt {color:var(--font-color-bright);} .textboxed .inner.gradient-5 {background:var(--gradient-darkgreen);} .textboxed .inner.gradient-5 .txt {color:var(--font-color-bright-75);} @media(min-width:1201px){ .textboxed .inner {padding:100px 70px;} .textboxed .prehl {font-size:20px;padding:15px 20px;} .textboxed.alignd-left .prehl{left:50px;} } @media(max-width:1200px) and (min-width:901px){ .textboxed .inner {padding:60px 50px;} .textboxed .prehl {font-size:16px;padding:10px 20px;} .textboxed.alignd-left .prehl{left:30px;} } @media(max-width:900px) and (min-width:768px){ .textboxed .inner {padding:60px 40px;} .textboxed .prehl {font-size:16px;padding:10px 20px;} .textboxed.alignd-left .prehl{left:30px;} } @media(min-width:801px){ .textboxed .txt.small {font-size:clamp(16px,2vw,24px);} .textboxed .txt.reg {font-size:clamp(20px,2.5vw,30px);} .textboxed .txt.large {font-size:clamp(24px,3vw,42px);} } @media(max-width:800px){ .textboxed .txt.small {font-size:clamp(14px,3vw,18px);} .textboxed .txt.reg {font-size:clamp(14px,3vw,20px);} .textboxed .txt.large {font-size:clamp(16px,4vw,20px);} } @media(max-width:767px) { .textboxed .inner {padding:40px 30px;} .textboxed .prehl {font-size:14px;padding:8px 12px;} .textboxed.alignd-left .prehl{left:20px;} } .text.alignd-center .inner{margin:auto;} .text.w1200 .inner{max-width:1200px;} .text.w1100 .inner{max-width:1100px;} .text.w1000 .inner{max-width:1000px;} .text.w900 .inner{max-width:900px;} .text.w800 .inner{max-width:800px;} .text.w700 .inner{max-width:700px;} .text.w600 .inner{max-width:600px;} @media(min-width:1201px) { .teaser .inner.cols-3 { grid-template-columns: repeat(3, 1fr); gap: 2em; } .teaser .inner.cols-3 .item h3 { font-size: 24px; } .teaser .inner.cols-3 .item p { font-size: 16px; line-height: 1.6em; } .teaser .inner.cols-3 .item .visual.svg.hori svg { max-width: 200px; max-height: 80px; width: 15vw; } .teaser .inner.cols-3 .item .visual.svg.verti svg { max-height: 100px; max-width: 140px; width: 10vw; } .teaser .inner.cols-4 { grid-template-columns: repeat(4, 1fr); gap: 2em 1.5em; } .teaser .inner.cols-4 .item .visual.svg.hori svg { max-width: 170px; max-height: 60px; width: 12vw; height: auto; } .teaser .inner.cols-4 .item .visual.svg.verti svg { max-height: 100px; max-width: 120px; width: 8vw; height: auto; } .teaser .inner.cols-4 .item .visual.image.hori img { max-width: 170px; max-height: 60px; width: 12vw; height: auto; } .teaser .inner.cols-4 .item .visual.image.verti img { max-height: 100px; max-width: 120px; width: 8vw; height: auto; } /* max-width: 170px; max-height: 60px; width: 12vw; height: auto; */ .teaser .inner.cols-4 .item h3 { font-size: clamp(16px, 2vw, 20px); } .teaser .inner.cols-4 .item p { font-size: clamp(12px, 1.5vw, 14px); line-height: 1.4em; } .teaser .inner .item .icon { padding: 15px; } .teaser .inner.cols-3 .item .icon { width: 80px; height: 80px; } .teaser .inner.cols-4 .item .icon { width: 70px; height: 70px; } } @media(max-width:1200px) and (min-width:501px) { .teaser .inner { grid-template-columns: repeat(2, 1fr); gap: 2em 1.5em; } .teaser .inner .item .visual.svg.hori svg { max-width: 300px; max-height: 120px; width: 25vw; } .teaser .inner .item .visual.svg.verti svg { max-height: 240px; max-width: 180px; width: 15vw; } .teaser .inner .item h3 { font-size: clamp(16px, 2.5vw, 24px); } .teaser .inner .item p { font-size: clamp(12px, 3vw, 14px); line-height: 1.4em; } .teaser .inner .item .icon { width: 70px; height: 70px; padding: 15px; } } @media(min-width:501px) { .teaser .inner { display: grid; } .teaser .inner .item:has(.iteminner) { display: flex; flex-direction: column; } .teaser .inner .item:has(.iteminner) .iteminner { display: flex; flex-direction: column; align-items: flex-start; flex: 1; } .teaser .inner .item:has(.iteminner) .iteminner:has(.more) p { margin-bottom: 1.5em; } .teaser .inner .item:has(.iteminner) .iteminner .more { margin-top: auto; } } @media(max-width:500px) { .teaser .inner:not(:has(.iteminner)) { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1em; } .teaser .inner:not(:has(.iteminner)) .item .visual.svg.hori svg, .teaser .inner:not(:has(.iteminner)) .item .visual.image.hori img { max-width: 120px; max-height: 60px; } .teaser .inner:not(:has(.iteminner)) .item .visual.svg.verti svg, .teaser .inner:not(:has(.iteminner)) .item .visual.image.verti img { max-height: 100px; max-width: 80px; } .teaser .inner:has(.iteminner) { display: flex; gap: 3em; flex-direction: column; } .teaser .inner:has(.iteminner) .item .visual.svg.hori svg, .teaser .inner:has(.iteminner) .item .visual.image.hori img { max-width: 230px; max-height: 110px; width: 50vw; height: auto; } .teaser .inner:has(.iteminner) .item .visual.svg.verti svg, .teaser .inner:has(.iteminner) .item .visual.image.verti img { max-height: 150px; max-width: 170px; width: 30vw; height: auto; } .teaser .inner:has(.iteminner) .item h3 { font-size: clamp(18px, 5vw, 24px); } .teaser .inner:has(.iteminner) .item p { font-size: clamp(12px, 3vw, 14px); line-height: 1.4em; } .teaser .inner .item .icon { width: 60px; height: 60px; padding: 12px; } .teaser.has-icon .inner { gap: 2em; } .teaser .inner .item .more { margin-top: 1.5em; } } .teaser .inner .item { position: relative; } .teaser .inner .item.has-hover, .teaser .inner .item.has-hover * { cursor: pointer; } .teaser .inner .item.has-hover:hover .more { box-shadow: var(--box-shadow-btn-primary); } .teaser .inner .item .visual { aspect-ratio: 4/3; border-radius: 12px; overflow: hidden; border: 1px solid var(--main-color); } .teaser .inner .item .visual:not(:last-child) { margin-bottom: 2rem; } .teaser .inner .item .visual.image { overflow: hidden; } .teaser .inner .item .visual.image img { display: block; width: 100%; height: 100%; } .teaser .inner .item .visual.svg, .teaser .inner .item .visual.image { display: flex; align-items: center; justify-content: center; border: 1px solid var(--main-color); background: var(--element-bg-color); ; padding: 30px; } .teaser .inner .item .visual.svg svg { display: block; width: 100%; height: auto; } .teaser .inner .item .icon { display: flex; box-sizing: border-box; margin-bottom: 2em; border: 2px solid var(--main-color); background: var(--gradient-darkgreen); border-radius: 12px; } .teaser .inner .item .icon svg { display: block; height: 100%; margin: 0 auto; fill: var(--font-color-bright); } .teaser .inner .item p { margin: 0; } .teaser .inner .item a { position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .teaser .inner .item .more { padding: 12px; font-size: 14px; line-height: 16px; pointer-events: none; } .teaser.bg1 .inner .item .icon { fill: #0b1f2e; } .teaser.bg2 .inner .item .icon { fill: #0b1f2e; } .teaser.bg3 .inner .item .icon { fill: #dadada; }.sidebarheadlines .sidebar h3{-webkit-transition:color .3s ease-in-out;transition:color .3s ease-in-out;margin:0;} .sidebarheadlines.changeheadlines .sidebar h3:not(:first-child):not(.active), .sidebarheadlines.changeheadlines .sidebar h3:not(.active){display:none;} .sidebarheadlines.changeheadlines .sidebar h3:first-child{display:block;} .sidebarheadlines.changeheadlines .sidebar h3:first-child.hidden{display:none;} .sidebarheadlines.fixedsidebar.bg1 .sidebar h3:not(.active), .sidebarheadlines.changeheadlines.bg1 .sidebar h3:not(.active){color:#eee;} .sidebarheadlines.fixedsidebar.bg2 .sidebar h3:not(.active), .sidebarheadlines.changeheadlines.bg2 .sidebar h3:not(.active){color:#ddd;} .sidebarheadlines.fixedsidebar.bg3 .sidebar h3:not(.active), .sidebarheadlines.changeheadlines.bg3 .sidebar h3:not(.active), .sidebarheadlines.fixedsidebar.bg-invert .sidebar h3:not(.active), .sidebarheadlines.changeheadlines.bg-invert .sidebar h3:not(.active){color:rgba(255,255,255,0.2);} .sidebarheadlines .content .item{-webkit-transition:opacity .3s ease-in-out;transition:opacity .3s ease-in-out;} .sidebarheadlines .item:not(:last-child){padding-bottom:0px;} .sidebarheadlines.fixedsidebar .content .item:not(.active), .sidebarheadlines.changeheadlines .content .item:not(.active){opacity:0.2;} @media (min-width:801px){ .sidebarheadlines.w-2570 .content{width:70%;} .sidebarheadlines.w-2570 .sidebar{width:25%;} .sidebarheadlines.w-3560 .content{width:60%;} .sidebarheadlines.w-3560 .sidebar{width:35%;} .sidebarheadlines.w-4550 .content{width:50%;} .sidebarheadlines.w-4550 .sidebar{width:45%;} .sidebarheadlines .sidebar{float:left;} .sidebarheadlines .content{float:right;} .sidebarheadlines .sidebar h3:not(:last-child){padding:0 0 30px;} } @media (max-width:800px){ .sidebarheadlines .sidebar, .sidebarheadlines .content{float:none;} .sidebarheadlines .sidebar{padding:20px 0 35px;position:relative;z-index:2;} .sidebarheadlines.fixedsidebar.bg1 .sidebar, .sidebarheadlines.changeheadlines.bg1 .sidebar, .sidebarheadlines.fixedheadlines.bg1 .sidebar{background:-moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 70%, rgba(255,255,255,0) 100%);background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 70%,rgba(255,255,255,0) 100%);background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 70%,rgba(255,255,255,0) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0);} .sidebarheadlines.fixedsidebar.bg2 .sidebar, .sidebarheadlines.changeheadlines.bg2 .sidebar, .sidebarheadlines.fixedheadlines.bg2 .sidebar{background:-moz-linear-gradient(top, rgba(238,238,238,1) 0%, rgba(238,238,238,1) 70%, rgba(238,238,238,0) 100%); background: -webkit-linear-gradient(top, rgba(238,238,238,1) 0%,rgba(238,238,238,1) 70%,rgba(238,238,238,0) 100%); background: linear-gradient(to bottom, rgba(238,238,238,1) 0%,rgba(238,238,238,1) 70%,rgba(238,238,238,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#00eeeeee',GradientType=0 );} .sidebarheadlines.fixedsidebar.bg3 .sidebar, .sidebarheadlines.changeheadlines.bg3 .sidebar, .sidebarheadlines.fixedheadlines.bg3 .sidebar{background:-moz-linear-gradient(top, rgba(17,17,17,1) 0%, rgba(17,17,17,1) 70%, rgba(17,17,17,0) 100%); background: -webkit-linear-gradient(top, rgba(17,17,17,1) 0%,rgba(17,17,17,1) 70%,rgba(17,17,17,0) 100%); background: linear-gradient(to bottom, rgba(17,17,17,1) 0%,rgba(17,17,17,1) 70%,rgba(17,17,17,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#111111', endColorstr='#00111111',GradientType=0 );} .sidebarheadlines.fixedsidebar .sidebar h3:not(:first-child):not(.active), .sidebarheadlines.changeheadlines .sidebar h3:not(.active){display:none;} .sidebarheadlines.fixedsidebar .sidebar h3:first-child{display:block;} .sidebarheadlines.fixedsidebar .sidebar h3:first-child.hidden{display:none;} .sidebarheadlines .item:not(:last-child){padding-bottom:50px;} }.pinnedbackgroundimage{height:110vh;padding:0;} .pinnedbackgroundimage img{display:block;width:100%;height:100%;object-fit:cover;} .pinnedbackgroundimage .overlay{opacity:0;position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(17,17,17,0.85);}.parallaximage .wrapper{position:relative;z-index:2;overflow:hidden;} .parallaximage .visual {overflow:hidden;} .parallaximage:not(:has(.wrapper)) .visual{position:relative;z-index:2;} .parallaximage img{display:block;width:auto;min-width:100%;min-height:150%;position:absolute;bottom:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);} .parallaximage .wrapper:not(.desktop-full) .visual {aspect-ratio:16/9;} .parallaximage .wrapper.desktop-full .visual {aspect-ratio:21/9;} .parallaximage:not(:has(.wrapper)) .visual {aspect-ratio:21/9;}@media (min-width:801px){ .offsetcontent .row{display:block;} .offsetcontent .o-5{margin-left:5%;} .offsetcontent .o-10{margin-left:10%;} .offsetcontent .o-15{margin-left:15%;} .offsetcontent .o-20{margin-left:20%;} .offsetcontent .o-25{margin-left:25%;} .offsetcontent .o-30{margin-left:30%;} .offsetcontent .w-40{width:40%;} .offsetcontent .w-50{width:50%;} .offsetcontent .w-60{width:60%;} } @media (min-width:801px) and (max-width:1000px){ .offsetcontent .w-40{width:55%;} .offsetcontent .w-50{width:65%;} .offsetcontent .w-60{width:75%;} }.newswikiteaser .inner { display: flex; } .newswikiteaser .inner .col { position: relative; } .newswikiteaser .inner .col .wikiteaser-heading { color: var(--base-color); text-transform: uppercase; font-weight: 400; opacity: 0.5; top: 0; left: 0; text-wrap: balance; margin-bottom: 0.5em; } .newswikiteaser .inner .newsteaser article { background: transparent; border: 1px solid var(--border-color); } .newswikiteaser .inner .newsteaser article:hover { background: var(--element-bg-color-hover); } .newswikiteaser .inner .newswikiteaser-article-inner-heading { margin: 0; font-weight: 700; text-wrap: balance; } .newswikiteaser .inner .wikiteaser .newswikiteaser-article-inner-heading { margin-bottom: 0.2em; } .newswikiteaser .inner .wikiteaser article { position: relative; background: var(--element-bg-color); border-radius: 12px; transition: background .2s ease-in-out; } .newswikiteaser .inner .wikiteaser article:hover { background: var(--element-bg-color-hover); } .newswikiteaser .inner .wikiteaser article a { display: block; font-size: 0; text-indent: -9999px; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 2; } @media(max-width:1200px) and (min-width:901px) { .newswikiteaser .inner .newsteaser article .article-inner { padding: 20px } } @media(min-width:901px) { .newswikiteaser .inner { gap: 2em; } .newswikiteaser .inner .col { padding-top: 2.5em; } .newswikiteaser .inner .col .wikiteaser-heading { position: absolute; } .newswikiteaser .inner .wikiteaser { width: 60%; } .newswikiteaser .inner .wikiteaser .colinner { height: calc(100% + 2px); } .newswikiteaser .inner .wikiteaser article .article-inner { padding: 30px; } .newswikiteaser .inner .wikiteaser article .newswikiteaser-article-inner-heading { font-size: clamp(14px, 1.5vw, 20px); line-height: clamp(16px, 1.5vw, 23px); min-height: 3em; } .newswikiteaser .inner .wikiteaser article p { font-size: clamp(12px, 1.25vw, 14px); line-height: clamp(17px, 1.25vw, 21px); } .newswikiteaser .inner .newsteaser { width: 40%; } .newswikiteaser .inner .newsteaser .colinner { display: flex; flex-direction: column; gap: 1em; } .newswikiteaser .inner .newsteaser article .newswikiteaser-article-inner-heading { font-size: clamp(14px, 1.5vw, 18px); line-height: clamp(16px, 1.5vw, 21px); min-height: 3em; } } @media(max-width:900px) { .newswikiteaser .inner { flex-wrap: wrap; gap: 4em; } .newswikiteaser .inner .col .wikiteaser-heading { margin-bottom: 2em; } .newswikiteaser .inner .wikiteaser { width: 100%; } .newswikiteaser .inner .wikiteaser article .article-inner { padding: 20px; } .newswikiteaser .inner .newsteaser { width: 100%; } .newswikiteaser .inner .newsteaser article:last-child { display: none; } } @media(max-width:900px) and (min-width:768px) { .newswikiteaser .inner .wikiteaser article .newswikiteaser-article-inner-heading { font-size: clamp(14px, 2vw, 18px); line-height: clamp(18px, 2vw, 22px); min-height: 3em; } .newswikiteaser .inner .wikiteaser article p { font-size: 12px; line-height: 18px; } .newswikiteaser .inner .newsteaser .colinner { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1em; } .newswikiteaser .inner .newsteaser article .article-inner { display: flex; flex-direction: column; justify-content: start; height: 100%; box-sizing: border-box; padding: 20px; } .newswikiteaser .inner .newsteaser article .newswikiteaser-article-inner-heading { font-size: clamp(14px, 2vw, 18px); line-height: clamp(18px, 2vw, 22px); min-height: 3em; } } @media(min-width:768px) { .newswikiteaser .inner .col .wikiteaser-heading { font-size: 14px; letter-spacing: 3px; } .newswikiteaser .inner .wikiteaser .colinner { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1em; } .newswikiteaser .inner .wikiteaser article .article-inner { display: flex; flex-direction: column; justify-content: start; box-sizing: border-box; height: 100%; } } @media(max-width:767px) { .newswikiteaser .inner .col .wikiteaser-heading { font-size: 12px; letter-spacing: 2px; margin-bottom: 1.5em; } .newswikiteaser .inner .colinner article .article-inner { padding: 20px; } .newswikiteaser .inner .colinner article:not(:last-child) { margin-bottom: 15px; } .newswikiteaser .inner .wikiteaser article .newswikiteaser-article-inner-heading { font-size: clamp(14px, 3.5vw, 18px); line-height: clamp(18px, 3.5vw, 24px); min-height: 3em; } .newswikiteaser .inner .wikiteaser article p { font-size: 12px; line-height: 16px; } .newswikiteaser .inner .newsteaser article .newswikiteaser-article-inner-heading { font-size: clamp(14px, 3.5vw, 18px); line-height: clamp(18px, 3.5vw, 24px); min-height: 3em; } }.newsteaserwithimagepluswikiteaser .inner { display: flex; } .newsteaserwithimagepluswikiteaser .inner .col { position: relative; } .newsteaserwithimagepluswikiteaser .inner .col .blog-teaser-heading, .newsteaserwithimagepluswikiteaser .inner .col .wiki-teaser-heading { color: var(--base-color); text-transform: uppercase; font-weight: 400; opacity: 0.5; top: 0; left: 0; text-wrap: balance; margin-bottom: 0.5em; } .newsteaserwithimagepluswikiteaser .inner .col-wiki article { background: transparent; border: 1px solid var(--border-color); border-radius: 12px; position: relative; transition: background .2s ease-in-out; flex-grow: 1; } .newsteaserwithimagepluswikiteaser .inner .col-wiki article:hover { background: var(--element-bg-color-hover); } .newsteaserwithimagepluswikiteaser .inner .col-wiki article a { display: block; font-size: 0; text-indent: -9999px; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 2; } .newsteaserwithimagepluswikiteaser .inner .col-wiki article .newswikiteaser-article-inner-heading { margin: 0; font-weight: 700; text-wrap: balance; } .newsteaserwithimagepluswikiteaser .inner .col-blog article h5 { margin-top: 0; font-weight: 700; text-wrap: balance; margin-bottom: 0.2em; } .newsteaserwithimagepluswikiteaser .inner .col-blog article { position: relative; background: var(--element-bg-color); border-radius: 12px; transition: background .2s ease-in-out; } .newsteaserwithimagepluswikiteaser .inner .col-blog article:hover { background: var(--element-bg-color-hover); } .newsteaserwithimagepluswikiteaser .inner .col-blog article a { display: block; font-size: 0; text-indent: -9999px; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 2; } .newsteaserwithimagepluswikiteaser .inner .col-blog article .date, .newsteaserwithimagepluswikiteaser .inner .col-blog article p { display: none; } @media(max-width:1200px) and (min-width:901px) { .newsteaserwithimagepluswikiteaser .inner .col-wiki article .article-inner { padding: 20px; } } @media(min-width:901px) { .newsteaserwithimagepluswikiteaser .inner { gap: 2em; } .newsteaserwithimagepluswikiteaser .inner .col { padding-top: 2.5em; display: flex; flex-direction: column; } .newsteaserwithimagepluswikiteaser .inner .col .btn { align-self: flex-start; } .newsteaserwithimagepluswikiteaser .inner .col .blog-teaser-heading, .newsteaserwithimagepluswikiteaser .inner .col .wiki-teaser-heading { position: absolute; } .newsteaserwithimagepluswikiteaser .inner .col-blog { width: 60%; } .newsteaserwithimagepluswikiteaser .inner .col-blog .blog-teaser-grid { flex-grow: 1; } .newsteaserwithimagepluswikiteaser .inner .col-blog article .article-inner { padding: 30px; } .newsteaserwithimagepluswikiteaser .inner .col-blog article h5 { font-size: clamp(14px, 1.5vw, 20px); line-height: clamp(16px, 1.5vw, 23px); min-height: 3em; } .newsteaserwithimagepluswikiteaser .inner .col-blog article p { font-size: clamp(12px, 1.25vw, 14px); line-height: clamp(17px, 1.25vw, 21px); } .newsteaserwithimagepluswikiteaser .inner .col-wiki article .article-inner { padding: 30px; } .newsteaserwithimagepluswikiteaser .inner .col-wiki { width: 40%; } .newsteaserwithimagepluswikiteaser .inner .col-wiki .wiki-teaser-list { display: flex; flex-direction: column; gap: 1em; flex-grow: 1; } .newsteaserwithimagepluswikiteaser .inner .col-wiki .wiki-teaser-list article { flex: 1; } .newsteaserwithimagepluswikiteaser .inner .col-wiki article .newswikiteaser-article-inner-heading { font-size: clamp(14px, 1.5vw, 18px); line-height: clamp(16px, 1.5vw, 21px); min-height: 3em; } .newsteaserwithimagepluswikiteaser .inner .col-wiki article p { font-size: clamp(12px, 1.25vw, 14px); line-height: clamp(17px, 1.25vw, 21px); margin-top: 0.5em; } } @media(max-width:900px) { .newsteaserwithimagepluswikiteaser .inner { flex-wrap: wrap; gap: 4em; } .newsteaserwithimagepluswikiteaser .inner .col .blog-teaser-heading, .newsteaserwithimagepluswikiteaser .inner .col .wiki-teaser-heading { margin-bottom: 2em; } .newsteaserwithimagepluswikiteaser .inner .col-blog { width: 100%; } .newsteaserwithimagepluswikiteaser .inner .col-blog article .article-inner { padding: 20px; } .newsteaserwithimagepluswikiteaser .inner .col-wiki { width: 100%; } .newsteaserwithimagepluswikiteaser .inner .col-wiki article .article-inner { padding: 20px; } } @media(max-width:900px) and (min-width:768px) { .newsteaserwithimagepluswikiteaser .inner .col-blog article h5 { font-size: clamp(14px, 2vw, 18px); line-height: clamp(18px, 2vw, 22px); min-height: 3em; } .newsteaserwithimagepluswikiteaser .inner .col-blog article p { font-size: 12px; line-height: 18px; } .newsteaserwithimagepluswikiteaser .inner .col-wiki .wiki-teaser-list { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1em; /* height: 100%; */ } .newsteaserwithimagepluswikiteaser .inner .col-wiki article .article-inner { display: flex; flex-direction: column; justify-content: start; height: 100%; box-sizing: border-box; padding: 20px; } .newsteaserwithimagepluswikiteaser .inner .col-wiki article .newswikiteaser-article-inner-heading { font-size: clamp(14px, 2vw, 18px); line-height: clamp(18px, 2vw, 22px); min-height: 3em; } .newsteaserwithimagepluswikiteaser .inner .col-wiki article p { font-size: 12px; line-height: 18px; margin-top: 0.5em; } } @media(min-width:768px) { .newsteaserwithimagepluswikiteaser .inner .col .blog-teaser-heading, .newsteaserwithimagepluswikiteaser .inner .col .wiki-teaser-heading { font-size: 14px; letter-spacing: 3px; } .newsteaserwithimagepluswikiteaser .inner .col-blog .blog-teaser-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1em; } .newsteaserwithimagepluswikiteaser .inner .col-blog article .article-inner { display: flex; flex-direction: column; justify-content: start; box-sizing: border-box; height: 100%; } } @media(max-width:767px) { .newsteaserwithimagepluswikiteaser .inner .col .blog-teaser-heading, .newsteaserwithimagepluswikiteaser .inner .col .wiki-teaser-heading { font-size: 12px; letter-spacing: 2px; margin-bottom: 1.5em; } .newsteaserwithimagepluswikiteaser .inner .blog-teaser-grid article .article-inner, .newsteaserwithimagepluswikiteaser .inner .wiki-teaser-list article .article-inner { padding: 20px; } .newsteaserwithimagepluswikiteaser .inner .blog-teaser-grid article:not(:last-child), .newsteaserwithimagepluswikiteaser .inner .wiki-teaser-list article:not(:last-child) { margin-bottom: 15px; } .newsteaserwithimagepluswikiteaser .inner .col-blog article h5 { font-size: clamp(14px, 3.5vw, 18px); line-height: clamp(18px, 3.5vw, 24px); min-height: 3em; } .newsteaserwithimagepluswikiteaser .inner .col-blog article p { font-size: 12px; line-height: 16px; } .newsteaserwithimagepluswikiteaser .inner .col-wiki article .newswikiteaser-article-inner-heading { font-size: clamp(14px, 3.5vw, 18px); line-height: clamp(18px, 3.5vw, 24px); min-height: 3em; } .newsteaserwithimagepluswikiteaser .inner .col-wiki article p { font-size: 12px; line-height: 16px; margin-top: 0.5em; } } /* Image containment for posts loaded into either column */ .newsteaserwithimagepluswikiteaser .inner article .visual { aspect-ratio: 16/9; border-radius: 12px 12px 0 0; overflow: hidden; border: 1px solid var(--border-color); } .newsteaserwithimagepluswikiteaser .inner article .visual img { display: block; width: 100%; height: 100%; object-fit: cover; }body.blog #root { overflow: hidden; } .newsteaser .wrapper .btn { justify-self: center; grid-column: 2; margin-top: 2em; } .newsteaser .filter-ui.ref-filters { display: flex; flex-wrap: wrap; gap: 1rem; justify-content: center; margin-bottom: 4rem; } .newsteaser .ref-item { display: inline-block; padding: 0.6rem 1.2rem; background: #f4f4f4; color: #00353c; text-decoration: none; border-radius: 12px; font-size: 0.85rem; font-weight: 500; transition: all 0.3s ease; border: 2px solid transparent; /* FIXED: Always 2px to prevent jumps */ cursor: pointer; } .newsteaser .ref-item:hover { background: #e0e0e0; } .newsteaser .ref-item.is-checked { color: #fff; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); /* Consistency for parents */ background: #00353c; border: 2px solid #00353c; color: #ffffff; } /* Level 2 Styles */ .newsteaser .ref-item.level-2 { display: none; /* Hidden by default */ background: transparent; border: 2px solid rgba(0, 53, 60, 0.15); /* FIXED: Use 2px here too */ color: #004048; } .newsteaser .ref-item.level-2.show { display: inline-block; } .newsteaser .ref-item.level-2:hover { background: rgba(0, 53, 60, 0.05); } .newsteaser .ref-item.level-2.is-checked { background: #fff; border: 2px solid #00353c; color: #00353c; } /* Rigid Animated Grid Fix (Isotope.js compatible) */ .newsteaser .inner.shuffle-grid { display: block !important; position: relative; width: 100%; margin: 2rem 0 0 0 !important; min-height: 500px; } .shuffle-grid article { width: 31%; /* Default Desktop (3-col approx) */ margin: 1%; display: flex; flex-direction: column; position: relative; box-sizing: border-box !important; } /* Ensure inner content fills the article space */ .shuffle-grid article .article-inner { flex: 1; display: flex; flex-direction: column; padding: 25px; /* background: var(--element-bg-color); */ border-radius: 0 0 12px 12px; } .shuffle-grid article .visual { height: 240px !important; min-height: 240px !important; flex-shrink: 0; overflow: hidden; border-radius: 12px 12px 0 0; } .shuffle-grid article .visual img { height: 100% !important; width: 100% !important; object-fit: cover !important; } .shuffle-grid article .article-inner h5 { min-height: 3em; margin-bottom: 0.5em; font-size: 1.15rem; line-height: 1.3em; } @media (max-width: 900px) { .shuffle-grid article { width: 48%; /* 2-col */ margin: 1%; } } @media (max-width: 600px) { .shuffle-grid article { width: 100%; /* 1-col */ margin: 0 0 2rem 0; } .shuffle-grid article .visual { height: auto !important; aspect-ratio: 16 / 9; } } /* Transition speed for Isotope */ .isotope, .isotope .isotope-item { -webkit-transition-duration: 0.6s !important; -moz-transition-duration: 0.6s !important; -ms-transition-duration: 0.6s !important; -o-transition-duration: 0.6s !important; transition-duration: 0.6s !important; } /* Native CSS Grid styling for cols-3 */ .newsteaser .inner.native-paging-grid.cols-3 { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)); grid-gap: 30px; width: 100%; margin: 2rem 0 0 0 !important; } .newsteaser .inner.native-paging-grid.cols-3 article { width: 100% !important; margin: 0 !important; display: flex; flex-direction: column; height: 100%; box-sizing: border-box !important; min-width: 0 !important; } @media (max-width: 900px) { .newsteaser .inner.native-paging-grid.cols-3 { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } } @media (max-width: 600px) { .newsteaser .inner.native-paging-grid.cols-3 { grid-template-columns: minmax(0, 1fr) !important; } }.multislider .contentslider {overflow:visible;margin:0;} .multislider .contentslider .swiper-slide:not(.swiper-slide-active) {opacity:0 !important;} .multislider .contentslider .swiper-slide {border-radius:12px;} .multislider .contentslider .swiper-slide:has(.visual) {box-shadow: var(--box-shadow-visual);} .multislider .contentslider .swiper-slide:has(.content) {box-shadow: var(--box-shadow-visual-lighter);} .multislider .contentslider .swiper-slide .visual {aspect-ratio:16/9;border-radius:12px;overflow:hidden;} .multislider .contentslider .swiper-slide .visual video, .multislider .contentslider .swiper-slide .visual img {display:block;width:100%;height:100%;object-fit:cover;} .multislider .contentslider .swiper-slide .content {border-radius:12px;background:var(--element-bg-color);box-sizing:border-box;} .multislider .contentslider .swiper-button-prev, .multislider .contentslider .swiper-button-next {background:var(--gradient-mint);color:var(--base-color);border-radius:10px;transition:box-shadow .2s ease-in-out;} .multislider .contentslider .swiper-button-prev::after {margin-left:-4px;} .multislider .contentslider .swiper-button-next::after {margin-right:-4px;} .multislider .contentslider .swiper-button-prev:hover, .multislider .contentslider .swiper-button-next:hover {box-shadow: var(--box-shadow-hover-darker);} .multislider .contentslider .swiper-pagination {display: inline-flex;align-items:center; width: auto; border-radius: 30px; background: var(--current-bg-color); left: 50%;box-shadow:var(--box-shadow-visual-lighter)} .multislider .contentslider .swiper-pagination .swiper-pagination-bullet {background:var(--accent-color);} @media(min-width:901px){ .multislider .contentslider .swiper-button-prev, .multislider .contentslider .swiper-button-next {width:60px;} .multislider .contentslider .swiper-button-prev::after {font-size:30px;} .multislider .contentslider .swiper-button-next::after {font-size:30px;} } @media(max-width:900px) and (min-width:768px){ .multislider .contentslider .swiper-button-prev, .multislider .contentslider .swiper-button-next {width:50px;} .multislider .contentslider .swiper-button-prev::after {font-size:24px;} .multislider .contentslider .swiper-button-next::after {font-size:24px;} } @media(min-width:768px){ .multislider .contentslider .swiper-button-prev, .multislider .contentslider .swiper-button-next {aspect-ratio:1;height:auto;} .multislider .contentslider .swiper-button-prev {left:0;transform:translate(-50%, 0);} .multislider .contentslider .swiper-button-next {right:0;transform:translate(50%, 0);} .multislider .contentslider .swiper-slide .content {padding:50px;} .multislider .contentslider .swiper-pagination {transform: translate(-50%, -30px); padding: 15px 30px;} .multislider .contentslider .swiper-pagination .swiper-pagination-bullet {width:12px;height:12px;} } @media(max-width:767px){ .multislider .contentslider .swiper-button-prev, .multislider .contentslider .swiper-button-next {top:unset;bottom:0;transform:translate(0, 50%);} .multislider .contentslider .swiper-slide .content {padding:30px 30px 50px 30px;} .multislider .contentslider .swiper-pagination {transform: translate(-50%, 50%);bottom:0; padding: 15px;} } @media(max-width:767px) and (min-width:481px){ .multislider .contentslider .swiper-button-prev, .multislider .contentslider .swiper-button-next {width:80px;} .multislider .contentslider .swiper-button-prev::after {font-size:22px;} .multislider .contentslider .swiper-button-next::after {font-size:22px;} .multislider .contentslider .swiper-button-prev {left:calc(50% - 85px)} .multislider .contentslider .swiper-button-next {right:calc(50% - 85px);} .multislider .contentslider .swiper-pagination .swiper-pagination-bullet {width:10px;height:10px;} } @media(max-width:480px){ .multislider .contentslider .swiper-button-prev, .multislider .contentslider .swiper-button-next {width:60px;} .multislider .contentslider .swiper-button-prev::after {font-size:18px;} .multislider .contentslider .swiper-button-next::after {font-size:18px;} .multislider .contentslider .swiper-button-prev {left:calc(50% - 65px)} .multislider .contentslider .swiper-button-next {right:calc(50% - 65px);} .multislider .contentslider .swiper-pagination .swiper-pagination-bullet {width:8px;height:8px;} } .multislider:has(.contentslider-tabnav) .inner {display:flex;} .multislider:has(.contentslider-tabnav) .contentslider-tabnav {display:flex;} .multislider:has(.contentslider-tabnav) .contentslider-tabnav .tab {position:relative;border:1px solid var(--border-color);border-radius:12px;cursor:pointer;transition:background .2s ease-in-out, box-shadow .2s ease-in-out;overflow:hidden;z-index:2;box-sizing:border-box;} .multislider:has(.contentslider-tabnav) .contentslider-tabnav .tab::after {content:'';position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;background:var(--gradient-mint);transition:opacity .2s ease-in-out;opacity:0;z-index:-1;} .multislider:has(.contentslider-tabnav) .contentslider-tabnav .tab:not(.active):hover {background:var(--element-bg-color-hover);} .multislider:has(.contentslider-tabnav) .contentslider-tabnav .tab * {pointer-events:none;} .multislider:has(.contentslider-tabnav) .contentslider-tabnav .tab .slider-heading {color:var(--font-color);transition:color .2s ease-in-out;font-weight: 600;} .multislider:has(.contentslider-tabnav) .contentslider-tabnav .tab .slider-heading:not(:last-child) {margin-bottom:0.25em;transition:color .2s ease-in-out;} .multislider:has(.contentslider-tabnav) .contentslider-tabnav .tab .desc {display:block;} .multislider:has(.contentslider-tabnav) .contentslider-tabnav .tab.active {box-shadow:var(--box-shadow-hover)} .multislider:has(.contentslider-tabnav) .contentslider-tabnav .tab.active::after {opacity:1;} .multislider:has(.contentslider-tabnav) .contentslider-tabnav .tab.active .slider-heading, .multislider:has(.contentslider-tabnav) .contentslider-tabnav .tab.active .desc {color:var(--font-color-bright);} .multislider:has(.contentslider-tabnav) .contentslider {overflow:hidden;border-radius:12px;box-shadow: var(--box-shadow-visual);} .multislider:has(.contentslider-tabnav) .contentslider .swiper-slide .content, .multislider:has(.contentslider-tabnav) .contentslider .swiper-slide .visual {aspect-ratio:unset;border-radius:0;height:100%;} @media(min-width:1201px){ .multislider:has(.contentslider-tabnav) .inner {gap:2em;} .multislider:has(.contentslider-tabnav) .contentslider-tabnav {width:300px;} .multislider:has(.contentslider-tabnav) .contentslider-tabnav .tab {padding:20px;} .multislider:has(.contentslider-tabnav) .contentslider-tabnav .tab .slider-heading {font-size:18px;line-height:20px;} .multislider:has(.contentslider-tabnav) .contentslider-tabnav .tab .desc {font-size:14px;line-height:18px;} .multislider:has(.contentslider-tabnav) .contentslider {width:calc(100% - 350px - 2em);aspect-ratio:6/4;} } @media(max-width:1200px) and (min-width:981px){ .multislider:has(.contentslider-tabnav) .contentslider-tabnav {width:250px;} .multislider:has(.contentslider-tabnav) .contentslider-tabnav .tab {padding:15px;} .multislider:has(.contentslider-tabnav) .contentslider-tabnav .tab .slider-heading {font-size:16px;line-height:18px;} .multislider:has(.contentslider-tabnav) .contentslider-tabnav .tab .desc {font-size:12px;line-height:16px;} .multislider:has(.contentslider-tabnav) .contentslider {width:calc(100% - 300px);aspect-ratio:6/4;} } @media(min-width:981px){ .multislider:has(.contentslider-tabnav) .inner {justify-content:space-between;} .multislider:has(.contentslider-tabnav) .contentslider-tabnav {margin-top:2em;gap:1em;flex-direction:column;} .multislider:has(.contentslider-tabnav) .contentslider-tabnav .btn {align-self:flex-start;margin-top:2em;} .multislider:has(.contentslider-tabnav) .inner > .btn {display:none;} } @media(max-width:980px){ .multislider:has(.contentslider-tabnav) .inner {flex-direction:column;} .multislider:has(.contentslider-tabnav) .contentslider-tabnav {margin-bottom:2em;gap:1em;} .multislider:has(.contentslider-tabnav) .contentslider-tabnav .tab .slider-heading {font-size:16px;line-height:18px;} .multislider:has(.contentslider-tabnav) .contentslider-tabnav .tab .desc {font-size:12px;line-height:14px;} .multislider:has(.contentslider-tabnav) .contentslider-tabnav .btn {display:none !important;} .multislider:has(.contentslider-tabnav) .contentslider {aspect-ratio:16/9;} .multislider:has(.contentslider-tabnav) .inner > .btn {margin-top:2em;align-self:center;} } @media(max-width:980px) and (min-width:481px){ .multislider:has(.contentslider-tabnav) .contentslider-tabnav {flex-wrap:wrap;} .multislider:has(.contentslider-tabnav) .contentslider-tabnav .tab {display:flex;flex-direction:column;justify-content:center;width:calc(50% - 0.5em);padding:20px 15px;} } @media(max-width:767px) and (min-width:481px){ .multislider:has(.contentslider-tabnav) .contentslider-tabnav .tab .slider-heading {font-size:14px;line-height:16px;} } @media(max-width:480px){ .multislider:has(.contentslider-tabnav) .contentslider-tabnav {flex-direction:column;} .multislider:has(.contentslider-tabnav) .contentslider-tabnav .tab {padding:15px;} }.logokeyfacts .inner {display:flex;} .logokeyfacts .inner .visual {display:flex;align-items:center;justify-content:center;border:1px solid var(--main-color);background:var(--element-bg-color);box-sizing:border-box;} .logokeyfacts .inner .visual.image img, .logokeyfacts .inner .visual.svg svg {display:block;width:100%;height:auto;} .logokeyfacts .inner .keyfacts {width:100%;box-sizing:border-box;} .logokeyfacts .inner .keyfacts li {border:1px solid var(--main-color);background:var(--element-bg-color);} .logokeyfacts .inner .keyfacts li strong {display:block;margin-bottom:0.25em;} .logokeyfacts .inner .keyfacts li .desc {display:block;line-height:1.4em;} @media(min-width:1025px){ .logokeyfacts .inner .visual {padding:0 30px;width:450px;} .logokeyfacts .inner .visual.hori img, .logokeyfacts .inner .visual.hori svg {max-width:200px;max-height:80px;} .logokeyfacts .inner .visual.verti img, .logokeyfacts .inner .visual.verti svg {max-height:120px;max-width:140px;} .logokeyfacts .inner .keyfacts li {padding:30px;} .logokeyfacts .inner .keyfacts li strong {font-size:20px;} } @media(max-width:1024px) and (min-width:768px){ .logokeyfacts .inner .visual {padding:0 20px;width:350px;} .logokeyfacts .inner .visual.hori img, .logokeyfacts .inner .visual.hori svg {max-width:170px;max-height:60px;} .logokeyfacts .inner .visual.verti img, .logokeyfacts .inner .visual.verti svg {max-height:100px;max-width:120px;} .logokeyfacts .inner .keyfacts li {padding:20px 30px;} .logokeyfacts .inner .keyfacts li strong {font-size:16px;} .logokeyfacts .inner .keyfacts li .desc {font-size:14px;} } @media(min-width:768px){ .logokeyfacts .inner .visual {border-radius:12px 0 0 12px;} .logokeyfacts .inner .keyfacts {margin-left:-1px;height:100%;} .logokeyfacts .inner .keyfacts li:nth-child(2) {border-radius:0 12px 0 0;} .logokeyfacts .inner .keyfacts li:nth-child(4) {border-radius:0 0 12px 0;} .logokeyfacts .inner .keyfacts li:nth-child(1), .logokeyfacts .inner .keyfacts li:nth-child(2) {margin-bottom:-1px;} .logokeyfacts .inner .keyfacts li:nth-child(1), .logokeyfacts .inner .keyfacts li:nth-child(3) {margin-right:-1px;} } @media(max-width:767px) and (min-width:481px){ .logokeyfacts .inner .keyfacts li {padding:30px 20px;} .logokeyfacts .inner .keyfacts li:nth-child(1), .logokeyfacts .inner .keyfacts li:nth-child(3) {margin-right:-1px;} .logokeyfacts .inner .keyfacts li:nth-child(3) {border-radius:0 0 0 8px;} .logokeyfacts .inner .keyfacts li:nth-child(4) {border-radius:0 0 8px 0;} } @media(max-width:767px){ .logokeyfacts .inner {flex-wrap:wrap;} .logokeyfacts .inner .visual {padding:60px 50px;width:100%;margin-bottom:-1px;border-radius:8px 8px 0 0;} .logokeyfacts .inner .visual.hori img, .logokeyfacts .inner .visual.hori svg {max-width:200px;max-height:80px;} .logokeyfacts .inner .visual.verti img, .logokeyfacts .inner .visual.verti svg {max-height:140px;max-width:160px;} .logokeyfacts .inner .keyfacts li {margin-bottom:-1px;} .logokeyfacts .inner .keyfacts li strong {font-size:14px;} .logokeyfacts .inner .keyfacts li .desc {font-size:12px;} } @media(max-width:480px){ .logokeyfacts .inner .keyfacts li {padding:20px;} .logokeyfacts .inner .keyfacts li:nth-child(4) {border-radius:0 0 8px 8px;} } @media(min-width:481px){ .logokeyfacts .inner .keyfacts {display:grid;grid-template-columns:repeat(2,1fr);} }.jobs .wrapper > .inner {display:flex;flex-direction:column;gap:1em;} .jobs .jobteaser {text-align:left;position:relative;border-radius:12px;transition:background .2s ease-in-out;border:1px solid var(--border-color);} .jobs .jobteaser:hover {background:var(--element-bg-color-hover);} .jobs .jobteaser .inner2 {position:relative;} .jobs .jobteaser .inner2 h3 {color:var(--base-color);} .jobs .jobteaser .inner2 h3:not(:last-child){margin:0 0 0.5em 0;} .jobs .jobteaser .inner2 p{margin:0;} .jobs .jobteaser svg {position:absolute;height:auto;display:block;top:50%;transform:translate(0, -50%);fill:var(--accent-color);pointer-events:none;transition:right .2s ease-in-out;} .jobs .jobteaser a{display:block;font-size:0;text-indent:-9999px;position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;} @media(min-width:768px){ .jobs .jobteaser .inner2 {padding:30px 90px 30px 30px;} .jobs .jobteaser .inner2 h3 {font-size:24px;} .jobs .jobteaser svg {right:40px;width:15px;} .jobs .jobteaser:hover svg {right:30px;} } @media(max-width:767px){ .jobs .jobteaser .inner2 {padding:15px 60px 15px 20px;} .jobs .jobteaser .inner2 h3 {font-size:clamp(14px,3vw,18px);} .jobs .jobteaser svg {right:20px;width:8px;} }.imagetextheight .wrapper{position:relative;} .imagetextheight .img{position:absolute;top:0;bottom:0;overflow:hidden;} .imagetextheight.order-it .img{left:0;right:50%;} .imagetextheight.order-ti .img{left:50%;right:0;} .imagetextheight .img img{display:block;width:100%;height:100%;object-fit:cover;} .imagetextheight.order-it .txt{margin-left:55%;width:45%;} .imagetextheight.order-ti .txt{width:45%;} @media (max-width:800px){ #root .imagetextheight .img{width:100%;height:auto;object-fit:none;position:relative;left:0;right:0;margin-bottom:20px;} #root .imagetextheight .wrapper.widthm-full .img.heightm-11{height:100vw;} #root .imagetextheight .wrapper:not(.widthm-full) .img.heightm-11{height:90vw;} #root .imagetextheight .wrapper.widthm-full .img.heightm-43{height:75vw;} #root .imagetextheight .wrapper:not(.widthm-full) .img.heightm-43{height:67.5vw;} #root .imagetextheight .txt{width:100%;margin:0;padding-top:0;} #root .imagetextheight .wrapper.widthm-full{width:100%;} #root .imagetextheight .wrapper.widthm-full .txt{width:90%;margin:auto;} }.imageimage .inner{display:flex;gap:2em;} .imageimage .visual {aspect-ratio:4/3;overflow:hidden;border-radius:12px;} .imageimage img{display:block;width:100%;height:100%;object-fit:cover;} @media(max-width:767px){ .imageimage .inner {flex-direction:column;} } .imagegrid, .imagegrid .wrapper{display:flex;flex-wrap:wrap;justify-content:space-between;} .imagegrid .wrapper{max-width:calc(1300px + 20px);width:calc(90% + 20px);} .imagegrid .col{width:25%;min-height:1px;position:relative;} .imagegrid .col.empty:before, .imagegrid .col.empty:after{content:'';position:absolute;left:10px;right:10px;background:#ddd;height:calc(50% - 20px);} .imagegrid .col.empty:before{top:10px;} .imagegrid .col.empty:after{bottom:10px;} .imagegrid .col.merge{width:50%;} .imagegrid .col img{display:block;width:100%;height:auto;box-sizing:border-box;} .imagegrid .col .placeholder{display:block;background:#ddd;width:100%;} .imagegrid .col .placeholder img{visibility:hidden;} .imagegrid .col.imagebottom{display:flex;flex-wrap:wrap;} .imagegrid .col.imagebottom img{align-self:flex-end;} .imagegrid .col.imagebottom img:not(.placeholder){order:2;} .imagegrid .col.imagebottom .placeholder{order:1;} .imagegrid .col:not(.empty):after{content:'';position:absolute;z-index:2;top:0;right:0;bottom:0;left:0;border:10px solid #fff;} .imagegrid .col.imageboth:before, .imagegrid .col.imagetop:before, .imagegrid .col.imagebottom:before{content:'';position:absolute;z-index:2;top:50%;margin-top:-10px;height:20px;left:0;right:0;background:#fff;} @media (max-width: 800px){ .imagegrid .col{width:50%;} .imagegrid .col.merge{width:100%;} } .image .wrapper {position:relative;z-index:2;} .image:not(:has(.wrapper)) .visual{position:relative;z-index:2;} .image:has(.wrapper) .visual:not(.no-shadow) {box-shadow:var(--box-shadow-visual);} .image .visual {overflow:hidden;} .image .visual img{display:block;width:100%;height:100%;object-fit:cover;} .image .wrapper:not(.mobile-full):not(.desktop-full) .visual {border-radius:12px;} @media(min-width:801px){ .image .wrapper.mobile-full:not(.desktop-full) .visual {border-radius:12px;} .image .wrapper:not(.desktop-full) .visual:not(.variable-height) {aspect-ratio:16/9;} .image .wrapper.desktop-full .visual:not(.variable-height) {aspect-ratio:21/9;} .image:not(:has(.wrapper)) .visual:not(.variable-height) {aspect-ratio:21/9;} } @media(max-width:800px){ .image .wrapper.desktop-full:not(.mobile-full) .visual {border-radius:12px;} .image .wrapper:not(.desktop-full) .visual:not(.variable-height) {aspect-ratio:4/3;} .image .wrapper.desktop-full .visual:not(.variable-height) {aspect-ratio:4/3;} .image:not(:has(.wrapper)) .visual:not(.variable-height) {aspect-ratio:4/3;} }.hr {width:100%;} .hr .divider {display:block;width:100%;height:1px;} .bg1 .divider, .bg2 .divider, .bg3 .divider {background:var(--border-color-dark);} .bg4 .divider {background:var(--border-color-bright);}.flexteaser .inner .teaser {position:relative;border-radius:12px;width:100%;} .flexteaser .inner .teaser:not(.logo-teaser)::after {display:block;content:'';padding-bottom:75%;width:100%;} .flexteaser .inner .teaser:not(.logo-teaser) .teaser-inner {position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;} /*Large Headline*/ .flexteaser .inner .teaser.hllarge .teaser-inner {justify-content:center;align-items:center;} .flexteaser .inner .teaser.hllarge .teaser-inner h3 {text-align:center;margin:0;} /*Large Headline*/ /*Regular Headline*/ .flexteaser .inner .teaser.hlreg .teaser-inner {justify-content:center;align-items:center;} .flexteaser .inner .teaser.hlreg .teaser-inner h3 {text-align:center;margin:0;} /*Regular Headline*/ /*Headline + Text*/ .flexteaser .inner .teaser.hltext .teaser-inner h3 {margin-bottom:auto;} .flexteaser .inner .teaser.hltext .teaser-inner p{margin:0;text-wrap:balance;} /*Headline + Text*/ /*Num + Text*/ .flexteaser .inner .teaser.numtext .teaser-inner .largenum {display:flex;align-items:center;margin-bottom:auto;font-weight:600;gap:10px;opacity:0;transition:opacity .3s ease-in-out;} .flexteaser .inner .teaser.numtext .teaser-inner .largenum.is-visible {opacity:1;} .flexteaser .inner .teaser.numtext .teaser-inner p{margin:0;text-wrap:balance;} /*Num + Text*/ /*List*/ .flexteaser .inner .teaser.list .teaser-inner {justify-content:center;align-items:center;} .flexteaser .inner .teaser.list .teaser-inner ul li {font-weight:600;text-align:center;} .flexteaser .inner .teaser.list .teaser-inner ul li:not(:last-child) {margin-bottom:5px;} /*List*/ /*Fading Headline*/ .flexteaser .inner .teaser.hlfading .teaser-inner {justify-content:center;align-items:center;text-align:center;} .flexteaser .inner .teaser.hlfading .teaser-inner h3 {margin:0 0 0.5em 0;} .flexteaser .inner .teaser.hlfading .teaser-inner .swiper {width:100%;} .flexteaser .inner .teaser.hlfading .teaser-inner .swiper .hl {font-weight:600;} .flexteaser .inner .teaser.hlfading .teaser-inner .swiper .hl:not(.swiper-slide-active) {opacity:0 !important;} /*Fading Headline*/ @media(min-width:1001px){ .flexteaser .inner {gap:1.5em;} .flexteaser .inner .teaser:not(.logo-teaser) .teaser-inner {padding:30px;} } @media(max-width:1000px) and (min-width:768px){ .flexteaser .inner {gap:1em;} .flexteaser .inner .teaser:not(.logo-teaser) .teaser-inner {padding:20px;} } @media(min-width:768px){ .flexteaser .inner {grid-template-columns:repeat(3,1fr);} .flexteaser .inner .teaser.hllarge .teaser-inner h3 {font-size:clamp(16px,2vw,32px);line-height:clamp(20px,2.5vw,38px);} .flexteaser .inner .teaser.hlreg .teaser-inner h3 {font-size:clamp(12px,2vw,24px);line-height:clamp(16px,2.5vw,30px);} .flexteaser .inner .teaser.hltext .teaser-inner h3 {font-size:clamp(14px,2vw,28px);line-height:clamp(14px,2vw,28px);} .flexteaser .inner .teaser.hltext .teaser-inner p{font-size:clamp(11px,1.25vw,16px);line-height:clamp(14px,1.25vw,22px);} .flexteaser .inner .teaser.numtext .teaser-inner .largenum {font-size:clamp(24px,4vw,50px);line-height:clamp(24px,4vw,50px);} .flexteaser .inner .teaser.numtext .teaser-inner p{font-size:clamp(11px,1.25vw,16px);line-height:clamp(14px,1.25vw,22px);} .flexteaser .inner .teaser.list .teaser-inner ul li {font-size:clamp(12px,1.5vw,20px);line-height:clamp(12px,1.5vw,20px);} .flexteaser .inner .teaser.hlfading .teaser-inner h3 {font-size:clamp(12px,1.5vw,20px);line-height:clamp(12px,1.5vw,20px);} .flexteaser .inner .teaser.hlfading .teaser-inner .swiper .hl {font-size:clamp(16px,2vw,32px);line-height:clamp(20px,2.5vw,38px);} } @media(max-width:767px) and (min-width:501px){ .flexteaser .inner {grid-template-columns:repeat(2,1fr);gap:1em;} .flexteaser .inner .teaser:not(.logo-teaser) .teaser-inner {padding:20px;text-wrap:balance;} .flexteaser .inner .teaser.hllarge .teaser-inner h3 {font-size:clamp(14px,3vw,24px);line-height:clamp(18px,3.5vw,30px);} .flexteaser .inner .teaser.hlreg .teaser-inner h3 {font-size:clamp(12px,3vw,18px);line-height:clamp(16px,3.5vw,24px);} .flexteaser .inner .teaser.hltext .teaser-inner h3 {font-size:clamp(13px,3vw,20px);line-height:clamp(14px,3vw,20px);} .flexteaser .inner .teaser.hltext .teaser-inner p{font-size:clamp(11px,2.25vw,14px);line-height:clamp(14px,2.25vw,20px);} .flexteaser .inner .teaser.numtext .teaser-inner .largenum {font-size:clamp(24px,5vw,42px);line-height:clamp(24px,5vw,42px);} .flexteaser .inner .teaser.numtext .teaser-inner p{font-size:clamp(11px,2.25vw,14px);line-height:clamp(13px,2.25vw,20px);} .flexteaser .inner .teaser.list .teaser-inner ul li {font-size:clamp(10px,2.5vw,16px);line-height:clamp(12px,2.5vw,16px);} .flexteaser .inner .teaser.hlfading .teaser-inner h3 {font-size:clamp(12px,2.5vw,16px);line-height:clamp(12px,2.5vw,16px);} .flexteaser .inner .teaser.hlfading .teaser-inner .swiper .hl {font-size:clamp(12px,3vw,24px);line-height:clamp(16px,3.5vw,30px);} } @media(min-width:501px){ .flexteaser .inner {display:grid;} } @media(max-width:500px){ .flexteaser .inner {display:flex;flex-direction:column;gap:1em;} .flexteaser .inner .teaser:not(.logo-teaser) .teaser-inner {padding:30px;text-wrap:balance;} .flexteaser .inner .teaser.hllarge .teaser-inner h3 {font-size:clamp(16px,6vw,32px);line-height:clamp(20px,6.5vw,38px);} .flexteaser .inner .teaser.hlreg .teaser-inner h3 {font-size:clamp(12px,6vw,24px);line-height:clamp(16px,6.5vw,30px);} .flexteaser .inner .teaser.hltext .teaser-inner h3 {font-size:clamp(14px,6vw,28px);line-height:clamp(14px,6vw,28px);} .flexteaser .inner .teaser.hltext .teaser-inner p{font-size:clamp(11px,5.25vw,16px);line-height:clamp(14px,5.25vw,22px);} .flexteaser .inner .teaser.numtext .teaser-inner .largenum {font-size:clamp(24px,10vw,60px);line-height:clamp(24px,10vw,50px);} .flexteaser .inner .teaser.numtext .teaser-inner p{font-size:clamp(11px,5.25vw,16px);line-height:clamp(14px,5.25vw,22px);} .flexteaser .inner .teaser.list .teaser-inner ul li {font-size:clamp(12px,4.5vw,20px);line-height:clamp(12px,4.5vw,20px);} .flexteaser .inner .teaser.hlfading .teaser-inner h3 {font-size:clamp(12px,5.5vw,20px);line-height:clamp(12px,5.5vw,20px);} .flexteaser .inner .teaser.hlfading .teaser-inner .swiper .hl {font-size:clamp(16px,6vw,32px);line-height:clamp(20px,6.5vw,38px);} } /*Carousel*/ .flexteaser .inner .logo-row .teaser.logo-teaser .teaser-inner {display:flex;flex-direction:column;justify-content:center;align-items:flex-start;height:100%;box-sizing:border-box;} .flexteaser .inner .logo-row .teaser.logo-teaser .teaser-inner .btn {margin-top:1em;} .flexteaser .inner .logo-row .teaser.logo-teaser:hover .teaser-inner .btn {box-shadow: var(--box-shadow-btn-primary);} .flexteaser .inner .logo-row:not(:has(.teaser)) .logos {grid-column:span 3;} .flexteaser .inner .logo-row .logos {position: relative; display: flex; align-items: center; border:1px solid var(--border-color);box-sizing:border-box;border-radius:12px;pointer-events:none;} .flexteaser .inner .logo-row .logos:not(.marquee) {justify-content:space-evenly;gap:1em;} .flexteaser .inner .logo-row .logos .logo svg, .flexteaser .inner .logo-row .logos .logo svg *{fill:#444444 !important;} .flexteaser .inner .logo-row .logos .logo svg, .flexteaser .inner .logo-row .logos .logo img {display:block;} .flexteaser .inner .logo-row .marquee {padding:30px 0; justify-content: flex-start;overflow:hidden;} .flexteaser .inner .logo-row .marquee > div {display:flex;align-items:center;gap:4em;} .flexteaser .inner .logo-row .marquee .js-marquee {display: flex; align-items: center; gap:4em;} .flexteaser .inner .logo-row .marquee .marquee-slide {display:inline-block;color:#fff;font-family:'chakra', sans-serif;font-weight:400;text-transform:uppercase;font-size:clamp(14px,3vw,20px);text-align:center;flex-shrink: 0;} .flexteaser .inner .logo-row .teaser.logo-teaser .teaser-inner .desc { color: var(--base-color); font-weight: 600; margin-bottom: .5em; text-wrap: balance; } /*Carousel*/ @media(min-width:1501px){ .flexteaser .inner .logo-row .marquee .logo.hori svg, .flexteaser .inner .logo-row .marquee .logo.hori img {width:200px;height:auto;max-height:70px;} .flexteaser .inner .logo-row .marquee .logo.verti svg, .flexteaser .inner .logo-row .marquee .logo.verti img {width:auto;height:80px;max-width:100px;} .flexteaser .inner .logo-row .logos .logo.hori svg, .flexteaser .inner .logo-row .logos .logo.hori img {width:150px;height:auto;max-height:50px;} .flexteaser .inner .logo-row .logos .logo.verti svg, .flexteaser .inner .logo-row .logos .logo.verti img {width:auto;height:70px;max-width:100px;} } @media(max-width:1500px) and (min-width:1025px){ .flexteaser .inner .logo-row .marquee .logo.hori svg, .flexteaser .inner .logo-row .marquee .logo.hori img {width:150px;height:auto;max-height:50px;} .flexteaser .inner .logo-row .marquee .logo.verti svg, .flexteaser .inner .logo-row .marquee .logo.verti img {width:auto;height:60px;max-width:80px;} .flexteaser .inner .logo-row .logos .logo.hori svg, .flexteaser .inner .logo-row .logos .logo.hori img {width:120px;height:auto;max-height:60px;} .flexteaser .inner .logo-row .logos .logo.verti svg, .flexteaser .inner .logo-row .logos .logo.verti img {width:auto;height:60px;max-width:90px;} } @media(min-width:1025px){ .flexteaser .inner .logo-row:has(.teaser) .logos {grid-column:span 2;} } @media(min-width:1001px){ .flexteaser .inner .logo-row {gap:1.5em;} .flexteaser .inner .logo-row .teaser.logo-teaser .teaser-inner {padding:50px 30px;} } @media(max-width:1024px) and (min-width:768px){ .flexteaser .inner .logo-row .teaser.logo-teaser {grid-column:span 3;} .flexteaser .inner .logo-row .teaser.logo-teaser h3 {max-width:767px;} .flexteaser .inner .logo-row:has(.teaser) .logos {grid-column:span 3;padding:50px 30px;} .flexteaser .inner .logo-row .logos .logo.hori svg, .flexteaser .inner .logo-row .logos .logo.hori img {width:120px;height:auto;max-height:60px;} .flexteaser .inner .logo-row .logos .logo.verti svg, .flexteaser .inner .logo-row .logos .logo.verti img {width:auto;height:60px;max-width:90px;} } @media(max-width:1000px){ .flexteaser .inner .logo-row {gap:1em;} } @media(max-width:1000px) and (min-width:768px){ .flexteaser .inner .logo-row .teaser.logo-teaser .teaser-inner {padding:40px 30px;} } @media(min-width:768px){ .flexteaser .inner .logo-row {display:grid;grid-column: span 3;grid-template-columns:repeat(3,1fr);} .flexteaser .inner .logo-row .teaser.logo-teaser .teaser-inner .desc {font-size:20px;line-height:24px;} } @media(max-width:767px) { .flexteaser .inner .logo-row {display:flex;flex-direction:column;} .flexteaser .inner .logo-row .teaser.logo-teaser .teaser-inner .desc {font-size:clamp(16px,4.5vw,20px);line-height:clamp(16px,4.5vw,24px);} } @media(max-width:767px) and (min-width:501px){ .flexteaser .inner .logo-row {grid-column:span 2;} .flexteaser .inner .logo-row .teaser.logo-teaser .teaser-inner {padding:30px;} .flexteaser .inner .logo-row .teaser.logo-teaser h3 {max-width:767px;} .flexteaser .inner .logo-row:has(.teaser) .logos {padding:50px 15px;} .flexteaser .inner .logo-row .logos .logo.hori svg, .flexteaser .inner .logo-row .logos .logo.hori img {width:90px;height:auto;max-height:40px;} .flexteaser .inner .logo-row .logos .logo.verti svg, .flexteaser .inner .logo-row .logos .logo.verti img {width:auto;height:40px;max-width:60px;} } @media(max-width:500px){ .flexteaser .inner .logo-row .teaser.logo-teaser .teaser-inner {padding:30px;} .flexteaser .inner .logo-row .logos:not(.marquee) {gap:1em;} .flexteaser .inner .logo-row .logos:not(.marquee) .logo {display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,0.05);} } @media(max-width:500px) and (min-width:431px){ .flexteaser .inner .logo-row:has(.teaser) .logos {padding:30px;} .flexteaser .inner .logo-row .logos:not(.marquee) {flex-wrap:wrap;} .flexteaser .inner .logo-row .logos:not(.marquee) .logo {width:calc(50% - 1em);aspect-ratio:1;border-radius:12px;} .flexteaser .inner .logo-row .logos .logo.hori svg, .flexteaser .inner .logo-row .logos .logo.hori img {width:120px;height:auto;max-height:60px;} .flexteaser .inner .logo-row .logos .logo.verti svg, .flexteaser .inner .logo-row .logos .logo.verti img {width:auto;height:60px;max-width:70px;} } @media(max-width:430px){ .flexteaser .inner .logo-row:has(.teaser) .logos {padding:20px;} .flexteaser .inner .logo-row .logos:not(.marquee) {flex-direction:column;} .flexteaser .inner .logo-row .logos:not(.marquee) .logo {width:100%;border-radius:8px;aspect-ratio:21/6;padding:15px 0;} .flexteaser .inner .logo-row .logos .logo.hori svg, .flexteaser .inner .logo-row .logos .logo.hori img {width:150px;height:auto;max-height:60px;} .flexteaser .inner .logo-row .logos .logo.verti svg, .flexteaser .inner .logo-row .logos .logo.verti img {width:auto;height:80px;max-width:90px;} } /*Link*/ .flexteaser .inner .teaser.has-link {position:relative;} .flexteaser .inner .teaser.has-link a {position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;} /*Link*/ /*Hover-State*/ .flexteaser .inner .teaser.has-link, .flexteaser .inner .teaser.has-modal {transition:box-shadow .2s ease-in-out;cursor:pointer;} .flexteaser .inner .teaser.has-link:hover, .flexteaser .inner .teaser.has-modal:hover {box-shadow: var(--box-shadow-hover);} /*Hover-State*/ /*COLORS*/ .flexteaser .inner .teaser.border {border:1px solid var(--border-color);box-sizing:border-box;} .flexteaser .inner .teaser.border .hl, .flexteaser .inner .teaser.border .num, .flexteaser .inner .teaser.border .num-suffix, .flexteaser .inner .teaser.border ul li, .flexteaser .inner .teaser.border h3, .flexteaser .inner .teaser.border p {color:var(--base-color);} .flexteaser .inner .teaser.border .prehl {color:var(--main-color);} .flexteaser .inner .teaser.bg1 .hl, .flexteaser .inner .teaser.bg1 .num, .flexteaser .inner .teaser.bg1 .suffix, .flexteaser .inner .teaser.bg1 ul li, .flexteaser .inner .teaser.bg1 h3, .flexteaser .inner .teaser.bg1 p {color:var(--base-color);} .flexteaser .inner .teaser.bg1 .prehl {color:var(--main-color);} .flexteaser .inner .teaser.bg2 .hl, .flexteaser .inner .teaser.bg2 .num, .flexteaser .inner .teaser.bg2 .suffix, .flexteaser .inner .teaser.bg2 ul li, .flexteaser .inner .teaser.bg2 h3, .flexteaser .inner .teaser.bg2 p {color:var(--base-color);} .flexteaser .inner .teaser.bg2 .prehl {color:var(--main-color);} .flexteaser .inner .teaser.bg3 .hl, .flexteaser .inner .teaser.bg3 .num, .flexteaser .inner .teaser.bg3 .suffix, .flexteaser .inner .teaser.bg3 ul li, .flexteaser .inner .teaser.bg3 h3, .flexteaser .inner .teaser.bg3 p {color:var(--base-color);} .flexteaser .inner .teaser.bg3 .prehl {color:var(--main-color);} .flexteaser .inner .teaser.bg4 .hl, .flexteaser .inner .teaser.bg4 .num, .flexteaser .inner .teaser.bg4 .suffix, .flexteaser .inner .teaser.bg4 ul li, .flexteaser .inner .teaser.bg4 h3, .flexteaser .inner .teaser.bg4 p {color:var(--font-color-bright-75);} .flexteaser .inner .teaser.bg4 .prehl {color:var(--main-color);} .flexteaser .inner .teaser.gradient-1 {background:var(--gradient-pink);} .flexteaser .inner .teaser.gradient-1 .hl, .flexteaser .inner .teaser.gradient-1 .num, .flexteaser .inner .teaser.gradient-1 .suffix, .flexteaser .inner .teaser.gradient-1 ul li, .flexteaser .inner .teaser.gradient-1 h3, .flexteaser .inner .teaser.gradient-1 p {color:#ffffff;} .flexteaser .inner .teaser.gradient-1 .prehl {color:var(--font-color-bright-50);} .flexteaser .inner .teaser.gradient-2 {background:var(--gradient-lightgrey-bg);} .flexteaser .inner .teaser.gradient-2 .hl, .flexteaser .inner .teaser.gradient-2 .num, .flexteaser .inner .teaser.gradient-2 .suffix, .flexteaser .inner .teaser.gradient-2 ul li, .flexteaser .inner .teaser.gradient-2 h3, .flexteaser .inner .teaser.gradient-2 p {color:var(--base-color);} .flexteaser .inner .teaser.gradient-2 .prehl {color:var(--main-color);} .flexteaser .inner .teaser.gradient-3 {background:var(--gradient-lightmint);} .flexteaser .inner .teaser.gradient-3 .hl, .flexteaser .inner .teaser.gradient-3 .num, .flexteaser .inner .teaser.gradient-3 .suffix, .flexteaser .inner .teaser.gradient-3 ul li, .flexteaser .inner .teaser.gradient-3 h3, .flexteaser .inner .teaser.gradient-3 p {color:var(--base-color);} .flexteaser .inner .teaser.gradient-3 .prehl {color:var(--main-color);} .flexteaser .inner .teaser.gradient-4 {background:var(--gradient-mint);} .flexteaser .inner .teaser.gradient-4 .hl, .flexteaser .inner .teaser.gradient-4 .num, .flexteaser .inner .teaser.gradient-4 .suffix, .flexteaser .inner .teaser.gradient-4 ul li, .flexteaser .inner .teaser.gradient-4 h3, .flexteaser .inner .teaser.gradient-4 p {color:var(--font-color-bright);} .flexteaser .inner .teaser.gradient-4 .prehl {color:var(--font-color-bright-50);} .flexteaser .inner .teaser.gradient-5 {background:var(--gradient-darkgreen);} .flexteaser .inner .teaser.gradient-5 .hl, .flexteaser .inner .teaser.gradient-5 .num, .flexteaser .inner .teaser.gradient-5 .suffix, .flexteaser .inner .teaser.gradient-5 ul li, .flexteaser .inner .teaser.gradient-5 h3, .flexteaser .inner .teaser.gradient-5 p {color:var(--font-color-bright-75);} .flexteaser .inner .teaser.gradient-5 .prehl {color:var(--main-color);} /*COLORS*/@media(min-width:768px){ .featureteaser .inner > h3 {grid-column:span 3;} .referenceteaser .iteminner > h3 {min-height:3em;} } @media(max-width:767px) and (min-width:501px){ .featureteaser .inner > h3 {grid-column:span 2;} }.cta .inner {position:relative;border-radius:12px;z-index:2;overflow:hidden;} .cta .inner a {text-decoration:none;} .cta .inner h3 {position:relative;z-index:2;} .cta .inner h3:not(:first-child) {margin-top:0.25em;} .cta .inner p {margin:0;position:relative;z-index:2;} .cta .inner .bgsquare {position:absolute;border-radius:12px;pointer-events:none;} @media(min-width:1201px){ .cta .inner {padding:100px 70px;} .cta .inner .prehl {font-size:20px;} .cta .inner h3 {margin-bottom:2.5rem;} .cta .inner .btn-row {margin-top:3rem;} .cta .inner .bgsquare.sq1 {width:350px;height:250px;top:-70px;right:70px;transform:rotate(15deg)} .cta .inner .bgsquare.sq2 {width:200px;height:200px;bottom:-20px;right:-40px;transform:rotate(-10deg)} .cta .inner .bgsquare.sq3 {width:100px;height:100px;bottom:120px;right:130px;transform:rotate(-25deg)} .cta .inner .bgsquare.sq4 {width:250px;height:150px;bottom:30px;right:350px;transform:rotate(-7deg)} .cta .inner .bgsquare.sq5 {width:50px;height:50px;top:40px;right:500px;transform:rotate(-9deg)} } @media(max-width:1200px) and (min-width:768px){ .cta .inner .bgsquare.sq1 {width:250px;height:150px;top:-20px;right:120px;transform:rotate(15deg)} .cta .inner .bgsquare.sq2 {width:150px;height:150px;bottom:-20px;right:-40px;transform:rotate(-10deg)} .cta .inner .bgsquare.sq3 {width:50px;height:50px;bottom:150px;right:100px;transform:rotate(-25deg)} .cta .inner .bgsquare.sq4 {width:200px;height:100px;bottom:60px;right:150px;transform:rotate(-7deg)} .cta .inner .bgsquare.sq5 {width:30px;height:30px;top:40px;right:300px;transform:rotate(-9deg)} } @media(max-width:1200px) and (min-width:901px){ .cta .inner {padding:60px 50px;} .cta .inner .prehl {font-size:18px;} .cta .inner h3 {margin-bottom:2rem;} .cta .inner .btn-row {margin-top:2.5rem;} } @media(max-width:900px) { .cta .inner p {font-size:14px;line-height:1.5em;} } @media(max-width:900px) and (min-width:768px){ .cta .inner {padding:50px 40px;} .cta .inner .prehl {font-size:18px;} .cta .inner h3 {margin-bottom:1.5rem;} .cta .inner .btn-row {margin-top:2rem;} } @media(min-width:768px) { .cta .inner h3 {font-size:clamp(24px,3vw,40px);max-width:80%;} .cta .inner p {max-width:80%;} } @media(max-width:767px) { .cta .inner {padding:40px 30px;} .cta .inner .prehl {font-size:14px;} .cta .inner h3 {font-size:clamp(18px,4vw,24px);margin-bottom:1rem;} .cta .inner .btn-row {margin-top:1.5rem;} .cta .inner .bgsquare.sq1 {width:200px;height:100px;top:-20px;right:-60px;transform:rotate(-15deg)} .cta .inner .bgsquare.sq2 {width:120px;height:120px;bottom:60px;right:-40px;transform:rotate(-10deg)} .cta .inner .bgsquare.sq4 {width:150px;height:80px;bottom:40px;right:140px;transform:rotate(7deg)} .cta .inner .bgsquare.sq3, .cta .inner .bgsquare.sq5 {display:none;} } @media(max-width:767px) and (min-width:451px) { .cta .inner a.btn {font-size:16px;line-height:16px;padding:12px 15px;} } @media(max-width:600px) and (min-width:451px){ .cta .inner .btn-row:has(.btn.snd) {display:flex;flex-direction:column;gap:1em;} .cta .inner .btn-row:has(.btn.snd) .btn {margin:0;text-align:center;} } .cta .inner.bg1 .prehl {color:var(--main-color);} .cta .inner.bg1 h3, .cta .inner.bg1 p {color:var(--base-color);} .cta .inner.bg2 .prehl {color:var(--main-color);} .cta .inner.bg1 .bgsquare {background: var(--gradient-mint);opacity:0.1;} .cta .inner.bg2 h3, .cta .inner.bg2 p {color:var(--base-color);} .cta .inner.bg2 .bgsquare {background: var(--gradient-mint);opacity:0.1;} .cta .inner.bg3 .prehl {color:var(--font-color-dark-75);} .cta .inner.bg3 h3, .cta .inner.bg3 p {color:var(--base-color);} .cta .inner.bg3 .bgsquare {background: var(--gradient-mint);opacity:0.2;} .cta .inner.bg4 .prehl {color:var(--main-color);} .cta .inner.bg4 h3 {color:var(--font-color-bright);} .cta .inner.bg4 p {color:var(--font-color-bright-75);} .cta .inner.bg4 .bgsquare {background: linear-gradient(90deg, rgba(12,79,87,1) 0%, rgba(36,96,103,1) 100%);opacity:0.4;} .cta .inner.gradient-1 {background:var(--gradient-pink);} .cta .inner.gradient-1 .prehl {color:var(--font-color-bright);} .cta .inner.gradient-1 h3 {color:var(--font-color-bright);} .cta .inner.gradient-1 p {color:var(--font-color-bright);} .cta .inner.gradient-1 .btn:not(.snd) {background:var(--gradient-darkgreen);color:var(--font-color-bright);} .cta .inner.gradient-1 .btn.snd:not(.snd):hover {box-shadow: 0px 0px 1px rgba(0, 53, 60, 0.02), 0px 2px 3px rgba(0, 53, 60, 0.04), 0px 4px 6px rgba(0, 53, 60, 0.06), 0px 7px 10px rgba(0, 53, 60, 0.09), 0px 10px 16px rgba(0, 53, 60, 0.11), 0px 15px 24px rgba(0, 53, 60, 0.13), 0px 20px 32px rgba(0, 53, 60, 0.15) !important;} .cta .inner.gradient-2 {background:var(--gradient-lightgrey-bg);} .cta .inner.gradient-2 .prehl {color:var(--font-color-dark-75);} .cta .inner.gradient-2 h3 {color:var(--base-color);} .cta .inner.gradient-2 p {color:var(--base-color);} .cta .inner.gradient-2 .bgsquare {background: var(--gradient-mint);opacity:0.1;} .cta .inner.gradient-3 {background:var(--gradient-lightmint);} .cta .inner.gradient-3 .prehl {color:var(--font-color-dark-75);} .cta .inner.gradient-3 h3 {color:var(--base-color);} .cta .inner.gradient-3 p {color:var(--base-color);} .cta .inner.gradient-3 .bgsquare {background: var(--gradient-mint);opacity:0.1;} .cta .inner.gradient-4 {background:var(--gradient-mint);} .cta .inner.gradient-4 .prehl {color:var(--font-color-dark-75);} .cta .inner.gradient-4 h3 {color:var(--base-color);} .cta .inner.gradient-4 p {color:var(--font-color-bright);} .cta .inner.gradient-4 .btn.snd {background:var(--gradient-darkgreen);color:var(--font-color-bright);} .cta .inner.gradient-4 .btn.snd:hover {box-shadow: 0px 0px 1px rgba(0, 53, 60, 0.02), 0px 2px 3px rgba(0, 53, 60, 0.04), 0px 4px 6px rgba(0, 53, 60, 0.06), 0px 7px 10px rgba(0, 53, 60, 0.09), 0px 10px 16px rgba(0, 53, 60, 0.11), 0px 15px 24px rgba(0, 53, 60, 0.13), 0px 20px 32px rgba(0, 53, 60, 0.15);} .cta .inner.gradient-4 .bgsquare {background: var(--gradient-lightgrey-bg);opacity:0.2;} .cta .inner.gradient-5 {background:var(--gradient-darkgreen);} .cta .inner.gradient-5 .prehl {color:var(--main-color);} .cta .inner.gradient-5 h3 {color:var(--font-color-bright);} .cta .inner.gradient-5 p {color:var(--font-color-bright-75);} .cta .inner.gradient-5 .bgsquare {background: linear-gradient(90deg, rgba(12,79,87,1) 0%, rgba(36,96,103,1) 100%);opacity:0.4;} .bigteaser .left, .bigteaser .right{display:block;width:50%;position:relative;overflow:hidden;} .bigteaser .left{float:left;} .bigteaser .right{float:right;} .bigteaser img, .bigteaser video{display:block;float:none;width:100%;height:auto;-webkit-transition:transform .2s ease-in-out;transition:transform .2s ease-in-out;} .bigteaser .left:hover img, .bigteaser .right:hover img, .bigteaser .left:hover video, .bigteaser .right:hover video{-webkit-transform:scale(1.05,1.05);transform:scale(1.05,1.05);} .bigteaser a{display:block;position:absolute;top:0;left:0;bottom:0;right:0;font-size:0;text-indent:-9999px;} .bigteaser h2{display:block;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:90%;max-width:400px;margin:0;text-align:center;color:#32b5b3;pointer-events:none;} @media (max-width:800px){ .bigteaser h2{font-size:20px;} } .bigsmallimage img{height:auto;} .bigsmallimage.w-5045 img.small{width:calc(650px - 100px);} .bigsmallimage.w-5045 img.big{width:50%;} .bigsmallimage.w-6035 img.small{width:calc(40vw - (50vw - 650px) - 100px);} .bigsmallimage.w-6035 img.big{width:60%;} .bigsmallimage.w-7025 img.small{width:calc(30vw - (50vw - 650px) - 100px);} .bigsmallimage.w-7025 img.big{width:70%;} .bigsmallimage.order-sb img.small, .bigsmallimage.order-bs img.big{float:left;} .bigsmallimage.order-sb img.big, .bigsmallimage.order-bs img.small{float:right;} @media (max-width:1430px){ .bigsmallimage.w-5045 img.small{width:calc(45vw - 100px);} .bigsmallimage.w-6035 img.small{width:calc(35vw - 100px);} .bigsmallimage.w-7025 img.small{width:calc(25vw - 100px);} } @media (max-width:1000px){ .bigsmallimage.w-5045 img.small{width:calc(45vw - 70px);} .bigsmallimage.w-6035 img.small{width:calc(35vw - 70px);} .bigsmallimage.w-7025 img.small{width:calc(25vw - 70px);} } @media (max-width:800px){ .bigsmallimage.w-5045 img.small{width:calc(45vw - 5%);} .bigsmallimage.w-6035 img.small{width:calc(35vw - 5%);} .bigsmallimage.w-7025 img.small{width:calc(25vw - 5%);} .bigsmallimage.order-bs img.small{position:absolute;top:50%;-webkit-transform:translateY(-60%);transform:translateY(-60%);right:5%;} .bigsmallimage.order-sb img.small{position:absolute;top:50%;-webkit-transform:translateY(-60%);transform:translateY(-60%);left:5%;} } @media (max-width:600px){ .bigsmallimage.w-5045 img.small{width:calc(45vw - 7%);} .bigsmallimage.w-6035 img.small{width:calc(35vw - 7%);} .bigsmallimage.w-7025 img.small{width:calc(25vw - 7%);} }.bannertext img{display:block;width:100%;height:auto;position:relative;} .bannertext.textbox .inner{box-sizing:border-box;padding:50px 70px;position:relative;} .bannertext.o100 .inner{margin:-100px auto 0;} .bannertext.o200 .inner{margin:-200px auto 0;} .bannertext.o300 .inner{margin:-300px auto 0;} .bannertext.o400 .inner{margin:-400px auto 0;} .bannertext.imagefade .inner{position:relative;z-index:2;} .bannertext.imagefade .img{position:relative;} .bannertext.imagefade .img:after{content:'';display:block;position:absolute;bottom:0;width:100%;left:0;z-index:2;} .bannertext.imagefade.o100 .img:after{height:300px;} .bannertext.imagefade.o200 .img:after{height:400px;} .bannertext.imagefade.o300 .img:after{height:500px;} .bannertext.imagefade.o400 .img:after{height:600px;} /*.bannertext.imagefade.bg1 .img:after{background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.75) 50%, rgba(255,255,255,1) 100%); background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0.75) 50%,rgba(255,255,255,1) 100%); background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,0.75) 50%,rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );} .bannertext.imagefade.bg2 .img:after{background: -moz-linear-gradient(top, rgba(238,238,238,0) 0%, rgba(238,238,238,0.75) 50%, rgba(238,238,238,1) 100%); background: -webkit-linear-gradient(top, rgba(238,238,238,0) 0%,rgba(238,238,238,0.75) 50%,rgba(238,238,238,1) 100%); background: linear-gradient(to bottom, rgba(238,238,238,0) 0%,rgba(238,238,238,0.75) 50%,rgba(238,238,238,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00eeeeee', endColorstr='#eeeeee',GradientType=0 );} .bannertext.imagefade.bg3 .img:after{background: -moz-linear-gradient(top, rgba(17,17,17,0) 0%, rgba(17,17,17,0.75) 50%, rgba(17,17,17,1) 100%); background: -webkit-linear-gradient(top, rgba(17,17,17,0) 0%,rgba(17,17,17,0.75) 50%,rgba(17,17,17,1) 100%); background: linear-gradient(to bottom, rgba(17,17,17,0) 0%,rgba(17,17,17,0.75) 50%,rgba(17,17,17,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00111111', endColorstr='#111111',GradientType=0 );} .bannertext.textbox.bg2 .inner{background:#eee;} .bannertext.textbox.bg3 .inner{background:#111;} */ .bannertext .inner{width:90%;} .bannertext.w1000 .inner{max-width:1000px;} .bannertext.w800 .inner{max-width:800px;} .bannertext.w600 .inner{max-width:600px;} .bannertext.w50 .inner{max-width:50%;} .bannertext.wwrp .inner{width:90%;max-width:1300px;} .bannertext.wwrp .wrapper:not(.mobile-full) .inner{width:100%;} @media (max-width:1200px){ .bannertext.o200 .inner{margin-top:-150px;} #root .bannertext .inner{max-width:80%;} } @media (max-width:1000px){ .bannertext.o200 .inner{margin-top:-100px;} #root .bannertext .inner{max-width:90%;} } @media (max-width:800px){ #root .bannertext.textbox .inner{margin:20px auto 0;padding:0;max-width:100%;} .bannertext.textbox .inner{max-width:90%;} .bannertext.textbox .wrapper .inner{max-width:100%;} .bannertext.o200 .inner{margin-top:-50px;} .bannertext .inner{width:100%;} }.accordion h3 { margin-bottom: 1.5em; } .accordion .accelem { transition: background .2s ease-in-out; margin-bottom: 1em; border: 1px solid var(--border-color); border-radius: 12px; } .accordion .accelem h4 { color: var(--font-color); cursor: pointer; margin: 0; position: relative; transition: background .2s ease-in-out; } .accordion .accelem h4 .icon { position: absolute; top: 50%; transform: translate(0, -50%); } .accordion .accelem:not(.open) h4 .icon.opened { display: none; } .accordion .accelem.open h4 .icon.closed { display: none; } .accordion .accelem .content { display: none; padding: } .accordion .accelem.open .content { display: block; } .accordion .accelem h4:hover { background: var(--element-bg-color-hover) !important; border-radius: 10px; } .accordion .accelem.open h4 { border-bottom: 1px solid var(--border-color); background: var(--element-bg-color); } @media(min-width:768px) { .accordion .accelem h4 { padding: 30px 80px 30px 30px; } .accordion .accelem h4 .icon { right: 30px; } .accordion .accelem .content { padding: 30px 80px 30px 30px; } } @media(max-width:767px) { .accordion .accelem h4 { padding: 20px 60px 20px 20px; } .accordion .accelem h4 .icon { right: 20px; } .accordion .accelem .content { padding: 20px 60px 20px 60px; } }