.elementor-1564 .elementor-element.elementor-element-0c911f4{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--background-transition:0.3s;--margin-top:35px;--margin-bottom:35px;--margin-left:0px;--margin-right:0px;}.elementor-1564 .elementor-element.elementor-element-d058c8a{--display:grid;--e-con-grid-template-columns:repeat(4, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;--background-transition:0.3s;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1564 .elementor-element.elementor-element-7da9bcc{--display:flex;--gap:35px 35px;--background-transition:0.3s;--padding-top:40px;--padding-bottom:40px;--padding-left:20px;--padding-right:20px;}.elementor-1564 .elementor-element.elementor-element-7da9bcc:not(.elementor-motion-effects-element-type-background), .elementor-1564 .elementor-element.elementor-element-7da9bcc > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F8F8F7;}.elementor-1564 .elementor-element.elementor-element-7da9bcc, .elementor-1564 .elementor-element.elementor-element-7da9bcc::before{--border-transition:0.3s;}.elementor-1564 .elementor-element.elementor-element-493f67c{text-align:center;}.elementor-1564 .elementor-element.elementor-element-493f67c img{width:90%;}.elementor-1564 .elementor-element.elementor-element-9ce93f5{text-align:center;}.elementor-1564 .elementor-element.elementor-element-9ce93f5 .elementor-heading-title{color:#000000;font-family:"yekan-bakh", Sans-serif;font-size:1.7em;font-weight:400;}.elementor-1564 .elementor-element.elementor-element-05edfba{--display:flex;--gap:35px 35px;--background-transition:0.3s;--padding-top:40px;--padding-bottom:40px;--padding-left:20px;--padding-right:20px;}.elementor-1564 .elementor-element.elementor-element-05edfba:not(.elementor-motion-effects-element-type-background), .elementor-1564 .elementor-element.elementor-element-05edfba > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F8F8F7;}.elementor-1564 .elementor-element.elementor-element-05edfba, .elementor-1564 .elementor-element.elementor-element-05edfba::before{--border-transition:0.3s;}.elementor-1564 .elementor-element.elementor-element-975ddc1{text-align:center;}.elementor-1564 .elementor-element.elementor-element-975ddc1 img{width:90%;}.elementor-1564 .elementor-element.elementor-element-da55789{text-align:center;}.elementor-1564 .elementor-element.elementor-element-da55789 .elementor-heading-title{color:#000000;font-family:"yekan-bakh", Sans-serif;font-size:1.7em;font-weight:400;}.elementor-1564 .elementor-element.elementor-element-31afa0f{--display:flex;--gap:35px 35px;--background-transition:0.3s;--padding-top:40px;--padding-bottom:40px;--padding-left:20px;--padding-right:20px;}.elementor-1564 .elementor-element.elementor-element-31afa0f:not(.elementor-motion-effects-element-type-background), .elementor-1564 .elementor-element.elementor-element-31afa0f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F8F8F7;}.elementor-1564 .elementor-element.elementor-element-31afa0f, .elementor-1564 .elementor-element.elementor-element-31afa0f::before{--border-transition:0.3s;}.elementor-1564 .elementor-element.elementor-element-549d8b7{text-align:center;}.elementor-1564 .elementor-element.elementor-element-549d8b7 img{width:90%;}.elementor-1564 .elementor-element.elementor-element-32bc2ea{text-align:center;}.elementor-1564 .elementor-element.elementor-element-32bc2ea .elementor-heading-title{color:#000000;font-family:"yekan-bakh", Sans-serif;font-size:1.7em;font-weight:400;}.elementor-1564 .elementor-element.elementor-element-fd22f13{--display:flex;--gap:35px 35px;--background-transition:0.3s;--padding-top:40px;--padding-bottom:40px;--padding-left:20px;--padding-right:20px;}.elementor-1564 .elementor-element.elementor-element-fd22f13:not(.elementor-motion-effects-element-type-background), .elementor-1564 .elementor-element.elementor-element-fd22f13 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F8F8F7;}.elementor-1564 .elementor-element.elementor-element-fd22f13, .elementor-1564 .elementor-element.elementor-element-fd22f13::before{--border-transition:0.3s;}.elementor-1564 .elementor-element.elementor-element-e63f6c5{text-align:center;}.elementor-1564 .elementor-element.elementor-element-e63f6c5 img{width:90%;}.elementor-1564 .elementor-element.elementor-element-178cfa1{text-align:center;}.elementor-1564 .elementor-element.elementor-element-178cfa1 .elementor-heading-title{color:#000000;font-family:"yekan-bakh", Sans-serif;font-size:1.7em;font-weight:400;}.elementor-1564 .elementor-element.elementor-element-3d4b02a{--display:flex;--gap:35px 35px;--background-transition:0.3s;--padding-top:40px;--padding-bottom:40px;--padding-left:20px;--padding-right:20px;}.elementor-1564 .elementor-element.elementor-element-3d4b02a:not(.elementor-motion-effects-element-type-background), .elementor-1564 .elementor-element.elementor-element-3d4b02a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F8F8F7;}.elementor-1564 .elementor-element.elementor-element-3d4b02a, .elementor-1564 .elementor-element.elementor-element-3d4b02a::before{--border-transition:0.3s;}.elementor-1564 .elementor-element.elementor-element-759b259{text-align:center;}.elementor-1564 .elementor-element.elementor-element-759b259 img{width:90%;}.elementor-1564 .elementor-element.elementor-element-14d09cb{text-align:center;}.elementor-1564 .elementor-element.elementor-element-14d09cb .elementor-heading-title{color:#000000;font-family:"yekan-bakh", Sans-serif;font-size:1.7em;font-weight:400;}.elementor-1564 .elementor-element.elementor-element-ad0caab{--display:flex;--gap:35px 35px;--background-transition:0.3s;--padding-top:40px;--padding-bottom:40px;--padding-left:20px;--padding-right:20px;}.elementor-1564 .elementor-element.elementor-element-ad0caab:not(.elementor-motion-effects-element-type-background), .elementor-1564 .elementor-element.elementor-element-ad0caab > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F8F8F7;}.elementor-1564 .elementor-element.elementor-element-ad0caab, .elementor-1564 .elementor-element.elementor-element-ad0caab::before{--border-transition:0.3s;}.elementor-1564 .elementor-element.elementor-element-e5bc84b{text-align:center;}.elementor-1564 .elementor-element.elementor-element-e5bc84b img{width:90%;}.elementor-1564 .elementor-element.elementor-element-50e5ce3{text-align:center;}.elementor-1564 .elementor-element.elementor-element-50e5ce3 .elementor-heading-title{color:#000000;font-family:"yekan-bakh", Sans-serif;font-size:1.7em;font-weight:400;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-1564 .elementor-element.elementor-element-d058c8a{--grid-auto-flow:row;}}@media(min-width:768px){.elementor-1564 .elementor-element.elementor-element-0c911f4{--content-width:1205px;}}@media(max-width:767px){.elementor-1564 .elementor-element.elementor-element-d058c8a{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}}/* Start custom CSS for container, class: .elementor-element-0c911f4 */@media screen and (max-width:640px) {
div.dt-buttons {
float: none !important;
text-align: center
}
}
@media screen and (max-width:767px) {
div.dtr-modal div.dtr-modal-display {
width: 95%
}
}
html {
font-size: 100%;
background: #fff;
color: #000;
font-family: "New DIN", arial, helvetica, sans-serif;
-webkit-text-size-adjust: none;
-moz-text-size-adjust: none;
-ms-text-size-adjust: none;
text-size-adjust: none;
letter-spacing: .5px
}
b,
strong {
font-weight: bold
}
@media all and (max-width:1040px) {
.main {
width: 100%
}
}
@media all and (max-width:960px) {
.col-1-4 {
width: 33.333333%
}
}
@media all and (max-width:700px) {
.col-1-3,
.col-2-3,
.col-1-4,
.col-2-4,
.col-3-4 {
width: 100%;
float: none
}
}
/*step 1*/
.table-container table,
table.configurationsTable {
border-collapse: inherit
}
.table-container table tr.group-0 th,
.table-container table tr.group-0 td,
table.configurationsTable tr.group-0 th,
table.configurationsTable tr.group-0 td {
border-top: #fff 4px solid
}
.fixedHeader-locked .secop-colgroups {
display: none
}
table thead .topborder {
text-align: center !important
}
table thead .topborder:before {
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 0px;
content: " ";
border-top: 1px solid #bdbdb1
}
table th,
table td {
position: relative
}
@media all and (max-width:700px) {
.breadcrumb {
padding: 20px 0px;
margin-bottom: 20px;
float: left
}
}
@media all and (max-width:600px) {
.button-list__item {
float: none;
margin-left: 0;
margin-bottom: 20px
}
.button-list__item:last-child {
margin-bottom: 0
}
}
.datasheet.elementor-1564 .elementor-element.elementor-element-0c911f4-selection {
padding: 20px
}
@media all and (max-width:500px) {
.employee-box-element {
width: 100%;
float: none
}
}
.logo__link {
text-indent: -9999px;
display: block;
height: 0;
width: 100%;
padding-top: 26.3414634%;
background-color: rgba(0, 0, 0, 0);
background-position: 0 0;
background-repeat: no-repeat;
background-size: 100% auto;
background-image: url('../../../typo3conf/ext/secopg/Resources/Public/Images/secop-logo.svg');
-webkit-transform: translateY(50%);
-ms-transform: translateY(50%);
transform: translateY(50%)
}
.navigation-main ul.layer-1.open {
display: inherit
}
.navigation-main ul.layer-1>li {
float: none
}
.navigation-main ul.layer-1>li>a:after {
display: none
}
.navigation-main ul.layer-1>li:last-child a {
border-bottom: none
}
.navigation-main ul.layer-1>li.open>ul.layer-2 li {
display: inherit
}
.navigation-main ul.layer-1>li.open>ul.layer-2:after {
content: "ï·"
}
.navigation-main ul.layer-1>li>a {
width: 100%;
padding-left: 20px
}
.navigation-main ul.layer-2 {
position: relative;
margin-left: 0px;
z-index: 9999999;
display: inherit;
cursor: pointer;
-webkit-box-shadow: none;
box-shadow: none
}
html .navigation-main ul.layer-1 li ul.layer-2:hover:after,
html .navigation-main ul.layer-1 li ul.layer-2:focus:after {
content: "ï¸"
}
.navigation-main ul.layer-1 li.open ul.layer-2:hover:after,
.navigation-main ul.layer-1 li.open ul.layer-2:focus:after {
content: "ï·"
}
.navigation-main ul.layer-1 li:hover ul.layer-2:after,
.navigation-main ul.layer-1 li:focus ul.layer-2:after {
content: "ï”"
}
.navigation-main ul.layer-2:after {
content: "ï¸";
width: 17px;
font-family: "secop";
position: absolute;
line-height: 1;
top: -56px;
right: 0px;
z-index: 9999;
padding: 20px 40px 20px 20px;
border-left: 1px solid #000
}
.navigation-main ul.layer-2>li {
display: none;
border-top: 0
}
.navigation-main ul.layer-2>li.active>a {
font-weight: bold
}
.navigation-main ul.layer-2>li>a {
color: #000;
padding-left: 20px;
background-color: #fff
}
.navigation-main ul.layer-2>li>a:before {
display: none
}
}
.navigation-meta {
font-size: 80%;
padding-top: 2rem;
padding-bottom: 2rem
}
.navigation-meta ul {
list-style: none;
text-align: center
}
.navigation-meta ul li {
margin-bottom: 1rem
}
.navigation-meta ul li.active>a {
text-decoration: underline
}
.navigation-meta ul li:last-child {
display: none
}
.navigation-meta ul li a {
text-decoration: none;
display: inline-block;
font-family: 100%
}
.navigation-meta ul li a:hover,
.navigation-meta ul li a:focus {
text-decoration: underline
}
@media all and (min-width:900px) {
.navigation-meta ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.navigation-meta ul li {
margin-bottom: 0
}
}
.navigation-product-.elementor-1564 .elementor-element.elementor-element-0c911f4-language {
zoom: 1;
color: #000;
background-color: #ffe500;
text-transform: uppercase;
font-size: 80%;
float: left;
position: relative;
margin-left: 20px
}
.navigation-product-.elementor-1564 .elementor-element.elementor-element-0c911f4-language:before,
.navigation-product-.elementor-1564 .elementor-element.elementor-element-0c911f4-language:after {
content: " ";
display: block;
height: 0;
overflow: hidden
}
.navigation-product-.elementor-1564 .elementor-element.elementor-element-0c911f4-language:after {
clear: both
}
.body-.elementor-1564 .elementor-element.elementor-element-0c911f4 .navigation-product-.elementor-1564 .elementor-element.elementor-element-0c911f4-language {
margin-left: 0;
width: 100%
}
.navigation-product-.elementor-1564 .elementor-element.elementor-element-0c911f4-language__toggle {
float: left;
height: 30px;
line-height: 32px;
padding-left: 30px;
padding-right: 15px;
cursor: pointer;
font-weight: bold
}
.navigation-product-.elementor-1564 .elementor-element.elementor-element-0c911f4-language__toggle::after {
font-family: "secop";
content: "";
position: absolute;
font-size: 16px;
line-height: 30px;
font-weight: normal;
left: 10px;
-webkit-transition: -webkit-transform 250ms;
transition: -webkit-transform 250ms;
transition: transform 250ms;
transition: transform 250ms, -webkit-transform 250ms;
top: 0
}
.navigation-product-.elementor-1564 .elementor-element.elementor-element-0c911f4-language__toggle:hover::after,
.navigation-product-.elementor-1564 .elementor-element.elementor-element-0c911f4-language__toggle:focus::after {
-webkit-transform: scale(1.2);
-ms-transform: scale(1.2);
transform: scale(1.2)
}
.body-.elementor-1564 .elementor-element.elementor-element-0c911f4 .navigation-product-.elementor-1564 .elementor-element.elementor-element-0c911f4-language__toggle {
line-height: 1.5;
height: auto;
font-weight: normal;
padding-left: 15px;
margin-left: 0;
margin-right: 0
}
.body-.elementor-1564 .elementor-element.elementor-element-0c911f4 .navigation-product-.elementor-1564 .elementor-element.elementor-element-0c911f4-language__toggle::after {
font-size: 100%;
-webkit-transition: none;
transition: none
}
.body-.elementor-1564 .elementor-element.elementor-element-0c911f4 .navigation-product-.elementor-1564 .elementor-element.elementor-element-0c911f4-language__toggle:hover::after,
.body-.elementor-1564 .elementor-element.elementor-element-0c911f4 .navigation-product-.elementor-1564 .elementor-element.elementor-element-0c911f4-language__toggle:focus::after {
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%)
}
.navigation-product-.elementor-1564 .elementor-element.elementor-element-0c911f4-language__list {
margin-left: 0;
float: left
}
.body-.elementor-1564 .elementor-element.elementor-element-0c911f4 .navigation-product-.elementor-1564 .elementor-element.elementor-element-0c911f4-language__list {
float: none;
position: absolute;
top: 100%;
z-index: 999
}
.navigation-product-.elementor-1564 .elementor-element.elementor-element-0c911f4-language__list:not(.navigation-product-.elementor-1564 .elementor-element.elementor-element-0c911f4-language__list--active) {
display: none
}
.navigation-product-.elementor-1564 .elementor-element.elementor-element-0c911f4-language__item {
border-left: 1px solid #fff;
float: left
}
.body-.elementor-1564 .elementor-element.elementor-element-0c911f4 .navigation-product-.elementor-1564 .elementor-element.elementor-element-0c911f4-language__item {
border-left: 0;
border-top: 1px solid #000;
float: none
}
@media all and (max-width:800px) {
.navigation-product-.elementor-1564 .elementor-element.elementor-element-0c911f4-language__item:nth-child(n+4) {
display: none
}
.body-.elementor-1564 .elementor-element.elementor-element-0c911f4 .navigation-product-.elementor-1564 .elementor-element.elementor-element-0c911f4-language__item:nth-child(n+4) {
display: block
}
}
@media all and (max-width:600px) {
.navigation-product-.elementor-1564 .elementor-element.elementor-element-0c911f4-language {
display: none
}
.body-.elementor-1564 .elementor-element.elementor-element-0c911f4 .navigation-product-.elementor-1564 .elementor-element.elementor-element-0c911f4-language {
display: block;
width: 100%
}
}
.navigation-product-.elementor-1564 .elementor-element.elementor-element-0c911f4-language__link {
text-decoration: none;
display: block;
background-color: #ffe500;
color: #000;
height: 30px;
line-height: 32px;
padding-left: 10px;
padding-right: 10px;
position: relative
}
.navigation-product-.elementor-1564 .elementor-element.elementor-element-0c911f4-language__link::after {
content: "";
width: calc(100% - 20px);
height: 5px;
background-color: #000;
position: absolute;
bottom: 0;
-webkit-transition: opacity 250ms;
transition: opacity 250ms;
opacity: 0;
left: 10px
}
.navigation-product-.elementor-1564 .elementor-element.elementor-element-0c911f4-language__link:hover:after,
.navigation-product-.elementor-1564 .elementor-element.elementor-element-0c911f4-language__link:focus:after {
opacity: 1
}
.body-.elementor-1564 .elementor-element.elementor-element-0c911f4 .navigation-product-.elementor-1564 .elementor-element.elementor-element-0c911f4-language__link {
margin: 0;
padding: 0 15px;
text-indent: 0px;
font-size: 10px;
text-align: center;
height: auto
}
.body-.elementor-1564 .elementor-element.elementor-element-0c911f4 .navigation-product-.elementor-1564 .elementor-element.elementor-element-0c911f4-language__link::after {
display: none
}
.navigation-language {
float: left;
margin-left: 20px
}
.navigation-language__list {
list-style: none;
overflow: hidden
}
.navigation-language__item {
display: block
}
.navigation-language__item.navigation-language__item--active {
display: none
}
.navigation-language__link {
display: block;
text-indent: -9999px;
background-size: 100% auto;
background-repeat: no-repeat;
height: 30px;
width: 40px
}
.navigation-language__link.navigation-language__link--english {
background-image: url('../../../typo3conf/ext/secopg/Resources/Public/Images/language-english.png')
}
.navigation-language__link.navigation-language__link--chinese {
background-image: url('../../../typo3conf/ext/secopg/Resources/Public/Images/Flags/cn.svg')
}
.navigation-language__link:hover,
.navigation-language__link:focus {
opacity: .9
}
.pager {
margin: 20px;
list-style: none;
zoom: 1
}
.pager:before,
.pager:after {
content: " ";
display: block;
height: 0;
overflow: hidden
}
.pager:after {
clear: both
}
.pager__item {
float: left;
margin-right: 5px;
line-height: 2.5
}
.pager__item--current {
background-color: #bcbdb1;
color: #fff
}
.pager__item--previous .pager__icon {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg)
}
.pager__button {
padding: 8px 15px;
border: 1px solid #bcbdb1;
text-decoration: none;
display: block;
line-height: 1.5
}
.pager__button:hover,
.pager__button:focus {
text-decoration: underline
}
.support-wrap {
padding: 0 20px
}
.select-country,
.select-category {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
font-size: 16px;
font-weight: normal;
background-color: rgba(0, 0, 0, 0);
border: none;
border-radius: 0;
width: 100%;
margin: 0;
position: relative;
z-index: 1;
cursor: pointer
}
.select-country,
.select-category {
padding: 10px 20px
}
.select-category:not(.no-border),
.select-country:not(.no-border) {
border: 1px solid #000
}
.select-category:not(.no-border).error,
.select-country:not(.no-border).error {
color: #000
}
.select-category:not(.no-border),
.select-country:not(.no-border) {
padding: 10px 40px
}
.select-country:focus,
.select-category:focus {
outline: none
}
.select-country {
float: left;
width: 75%;
padding-left: 20px;
line-height: 1.4
}
.select-wrap {
position: relative;
cursor: pointer
}
.select-wrap:after {
content: "";
font-family: "secop";
padding: 10px 15px;
color: #fff;
background-color: #000;
position: absolute;
right: 0;
top: 0;
min-height: 46px;
line-height: 1.5
}
.select-wrap.select-wrap--right {
float: right
}
.to-top {
width: 0;
height: 0;
position: fixed;
bottom: 20%;
right: 0;
z-index: 1;
text-indent: -9999px;
-webkit-transition: opacity 250ms ease-in;
transition: opacity 250ms ease-in;
opacity: 1
}
.to-top:before {
font-family: "secop";
content: "ï¢";
text-indent: 0;
position: absolute;
right: 0;
background-color: #fff;
width: 60px;
height: 60px;
line-height: 60px;
text-align: center;
border-left: 1px solid #bdbdb1;
border-top: 1px solid #bdbdb1;
border-bottom: 1px solid #bdbdb1;
color: #000
}
.to-top.to-top--hidden {
opacity: 0
}
.to-top:hover:before,
.to-top:focus:before {
color: #454656
}
.video-element {
margin: 0px 0px 20px 0
}
.panorama-video {
display: block;
max-width: 1150px;
margin-right: auto;
margin-left: auto;
width: 100%
}
.video-content-wrap {
margin: 20px
}
.video-title-china {
font-size: 16px;
font-weight: bold;
position: relative;
padding-left: 20px
}
.video-title-china:before {
font-family: "secop";
position: absolute;
left: 0px;
content: "ï…„"
}
.download-link {
display: block;
position: relative;
padding-left: 40px
}
.download-link:before {
font-family: "secop";
position: absolute;
left: 20px;
content: ""
}
.download-link:hover:before,
.download-link:focus:before {
content: ""
}
.video {
position: relative;
cursor: pointer;
margin: 0px 0px 20px 0;
width: 100%
}
.video:hover .video-header h3:after,
.video:focus .video-header h3:after {
opacity: 1
}
.video video {
max-width: 100%
}
.video-header {
position: absolute;
top: 0;
left: 0;
padding: 60px;
width: 100%
}
.video-header h2 {
background-color: rgba(244, 127, 76, .7)
}
.video-header h3 {
background-color: #f47f4c
}
.video-header h2,
.video-header h3 {
display: inline-block;
font-size: 100%;
line-height: 1;
font-weight: normal;
padding: 20px;
color: #fff
}
.video-header h2 {
font-size: 200%
}
.video-header h2:after {
content: "\a";
white-space: pre
}
.video-header h3 {
position: relative
}
.video-header h3:after {
opacity: 0;
-webkit-transition: opacity 250ms;
transition: opacity 250ms;
content: attr(data-title);
position: absolute;
bottom: -6px;
right: 20px;
font-size: 60%;
background-color: #000;
color: #fff;
text-transform: uppercase;
font-weight: bold;
padding: 2px;
padding-left: 15px;
padding-right: 5px
}
@media all and (max-width:700px) {
.video-header {
padding: 20px;
font-size: 50%
}
}
.search-form {
position: relative;
height: 30px;
line-height: 30px;
border: 1px solid #000
}
.search-form:before {
display: block;
position: absolute;
font-family: "secop";
left: 7px;
content: "";
font-size: 80%;
line-height: 30px
}
.search-form.search-form--header {
float: left;
margin-left: 20px;
min-width: 30px;
cursor: pointer
}
.search-form.search-form--header-active {
min-width: 130px
}
.search-form.search-form--header:not(.search-form--header-active) .search-form__input {
display: none
}
.search-form.search-form--header:not(.search-form--header-active) .search-form__input:before {
left: 0;
text-align: center;
width: 100%
}
.search-form__input {
border: none;
display: block;
width: 100%;
font-size: 80%;
height: 30px;
line-height: 30px;
color: #000;
font-family: "New DIN", arial, helvetica, sans-serif;
font-weight: normal;
padding-left: 27px;
padding-right: 20px;
z-index: 1;
position: relative;
background-color: rgba(0, 0, 0, 0)
}
.search-form__input:focus {
outline: none
}
::-webkit-input-placeholder {
color: #454656;
font-weight: normal
}
::-moz-placeholder {
color: #454656;
font-weight: normal
}
:-ms-input-placeholder {
color: #454656;
font-weight: normal
}
:-moz-placeholder {
color: #454656;
font-weight: normal
}
@media all and (max-width:500px) {
.search-form.search-form--header {
display: none
}
}
.search-results__form {
margin-left: 20px
}
.search-results__items {
margin-top: 20px
}
.search-results__group {
margin-top: 20px;
padding: 0 20px
}
.search-results__item {
padding: 10px 10px 10px 30px;
-webkit-transition: background-color 250ms, color 250ms;
transition: background-color 250ms, color 250ms;
border-bottom: 1px solid #bcbdb1;
position: relative
}
.search-results__item::before {
position: absolute;
top: 10px;
left: 10px
}
.search-results__item.globe::before {
content: "";
font-family: "secop";
font-style: normal;
font-variant: normal;
text-transform: none;
line-height: 1
}
.search-results__item.file-o::before {
content: "";
font-family: "secop";
font-style: normal;
font-variant: normal;
text-transform: none;
line-height: 1
}
.search-results__item.file-pdf-o::before {
content: "ï‡";
font-family: "secop";
font-style: normal;
font-variant: normal;
text-transform: none;
line-height: 1
}
.search-results__item.file-image-o::before {
content: "";
font-family: "secop";
font-style: normal;
font-variant: normal;
text-transform: none;
line-height: 1
}
.search-results__item:after {
content: attr(data-title);
font-size: 60%;
background-color: #000;
color: #fff;
text-transform: uppercase;
font-weight: bold;
padding: 2px;
padding-left: 15px;
padding-right: 5px;
position: absolute;
right: 20px;
bottom: 10px;
opacity: 0;
-webkit-transition: opacity 250ms;
transition: opacity 250ms
}
.search-results__item:hover,
.search-results__item:focus {
background-color: #bcbdb1;
color: #fff
}
.search-results__item:hover a,
.search-results__item:focus a {
color: #fff !important
}
.search-results__item:hover:after,
.search-results__item:focus:after {
opacity: 1
}
.search-results__item:last-child {
border-bottom: none
}
.search-results__headline {
font-size: 80%
}
.search-results__highlight {
display: block;
font-size: 80%;
color: #960000;
white-space: nowrap
}
.search-results__text {
font-size: 16px
}
.search-results__text * {
font-size: 16px;
font-weight: normal
}
.search-results__link {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
color: rgba(0, 0, 0, 0);
line-height: 0;
font-size: 0
}
.search-results__no-results {
padding: 20px;
font-weight: bold
}
.secop-product.elementor-1564 .elementor-element.elementor-element-0c911f4 {
position: relative;
display: block;
width: 100%;
height: 100%;
max-width: 1450px;
margin: 0 auto
}
.not-applicable {
position: relative;
cursor: help
}
.not-applicable:before {
content: attr(data-title);
font-size: 14px
}
.products {
display: none
}
.mb-count {
font-size: 12px
}
.select-wrapper-box {
float: left
}
.select-wrapper-box .link-box {
margin-right: 15px
}
.thin {
font-weight: normal
}
.data-wrap {
position: relative;
text-transform: uppercase;
padding-right: 20px
}
.circle {
background-color: #000;
min-width: 18px;
height: 18px;
border-radius: 18px;
display: inline-block;
position: absolute;
margin-top: 3px;
right: 0px;
line-height: 18px;
font-size: 14px;
color: #fff;
text-align: center;
padding: 0 5px
}
.circle.info {
margin-top: 0;
position: relative;
margin-bottom: -5px
}
#download-all-daatsheets {
font-size: 14px
}
.diagram-hint {
display: block;
position: relative;
padding-left: 20px
}
.diagram-hint:before {
content: "";
width: 15px;
height: 15px;
position: absolute;
left: 0;
top: 4px;
border-radius: 50%
}
.diagram-hint.short:before {
background-color: red
}
.diagram-hint.continuous:before {
background-color: blue
}
.table-container .select-pdf+label:after {
position: absolute;
left: 0;
font-family: "secop";
content: "";
display: block;
font-size: 22px;
width: 100%;
height: 100%;
left: 0;
top: 4px;
z-index: 0;
text-align: center;
cursor: pointer
}
.table-container .select-pdf+label:hover:after,
.table-container .select-pdf+label:focus:after {
content: "ï"
}
.table-container .select-pdf:checked+label:hover:after,
.table-container .select-pdf:checked+label:focus:after {
content: "ïœ";
color: #960000
}
.table-container .select-pdf {
display: none !important
}
.table-container .select-pdf:checked+label:after {
content: "ï"
}
.select-wrapper {
position: relative;
display: inline-block;
border: #000 1px solid;
border-radius: 0px;
overflow: auto
}
.select-wrapper.disabled {
border: #bdbdb1 1px solid
}
.select-wrapper.disabled:after {
background-color: #bdbdb1
}
.select-wrapper select {
-webkit-box-sizing: border-box;
box-sizing: border-box;
border: none;
border-radius: 0px;
background-color: #fff;
width: 100%;
padding: 10px 45px 10px 10px;
font-family: "New DIN", arial, helvetica, sans-serif;
font-weight: bold;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
cursor: pointer
}
.select-wrapper select:focus {
outline: none
}
.select-wrapper select::-ms-expand {
display: none
}
.select-wrapper optgroup {
font-style: normal
}
.select-wrapper:after {
font-family: "secop";
content: "";
position: absolute;
display: block;
color: #fff;
background-color: #000;
right: 0;
top: 0;
height: 100%;
padding: 5px 12px 4px;
pointer-events: none
}
.filter_multi-select input {
display: none !important
}
.filter_multi-select label {
position: relative;
cursor: pointer;
text-align: left;
display: block;
padding: 5px 10px 5px 23px
}
.filter_multi-select label:after {
position: absolute;
display: block;
left: 5px;
top: 2px;
font-family: "secop";
font-size: 18px;
content: ""
}
.filter_multi-select label:hover:after,
.filter_multi-select label:focus:after {
content: "ï"
}
.filter_multi-select input[type=checkbox]:checked+label:after {
content: "ï";
color: #327d32
}
.filter_multi-select input[type=checkbox]:checked+label:hover:after,
.filter_multi-select input[type=checkbox]:checked+label:focus:after {
content: "ïœ";
color: #960000
}
.secop-performance-filter {
position: relative;
margin: 30px 20px 30px 30px;
height: 35px;
zoom: 1
}
.secop-performance-filter:before,
.secop-performance-filter:after {
content: " ";
display: block;
height: 0;
overflow: hidden
}
.secop-performance-filter:after {
clear: both
}
.condition {
display: inline-block;
font-size: 12px;
margin-left: 15px;
margin-top: 9px
}
.condition .link-box {
margin-right: 15px
}
.condition span {
padding-right: 15px
}
.last-update {
font-size: 12px;
position: absolute;
right: 2px;
text-align: right;
line-height: 1.25
}
..elementor-1564 .elementor-element.elementor-element-0c911f4-logo {
height: 30px;
width: 100px;
position: absolute;
right: 0;
top: 47px;
z-index: 1
}
..elementor-1564 .elementor-element.elementor-element-0c911f4-logo a {
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
text-indent: -9999px;
display: block;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0);
background-position: 0 0;
background-repeat: no-repeat;
background-size: 100% auto;
background-image: url('../../../typo3conf/ext/secopg/Resources/Public/Images/secop-logo.svg')
}
..elementor-1564 .elementor-element.elementor-element-0c911f4-languages-wrap {
position: relative;
cursor: pointer
}
..elementor-1564 .elementor-element.elementor-element-0c911f4-languages-wrap ..elementor-1564 .elementor-element.elementor-element-0c911f4-languages {
display: none;
margin-left: 0;
position: absolute;
right: 0;
left: 0;
padding-right: 1px;
z-index: 125
}
..elementor-1564 .elementor-element.elementor-element-0c911f4-languages-wrap ..elementor-1564 .elementor-element.elementor-element-0c911f4-languages>li a {
border-top: 1px solid #000;
padding: 10px 20px;
font-size: 10px;
text-indent: 0;
text-align: center
}
..elementor-1564 .elementor-element.elementor-element-0c911f4-languages-wrap ..elementor-1564 .elementor-element.elementor-element-0c911f4-languages>li.active a {
font-weight: bold
}
..elementor-1564 .elementor-element.elementor-element-0c911f4-languages-wrap..elementor-1564 .elementor-element.elementor-element-0c911f4-languages-wrap--active ..elementor-1564 .elementor-element.elementor-element-0c911f4-languages {
display: inherit
}
.coolingPerformance-info {
cursor: pointer
}
.coolingPerformance-info:after {
position: relative;
font-family: "secop";
content: "ïš";
text-indent: 0px;
cursor: pointer
}
.coolingPerformance-info-window {
position: relative;
display: block;
font-weight: normal;
font-size: 14px
}
.coolingPerformance-info-window.hidden {
display: none
}
.secop-button {
text-decoration: none;
display: inline-block;
color: #fff;
background-color: #000;
font-family: "New DIN", arial, helvetica, sans-serif;
font-weight: bold;
font-size: 12px;
line-height: 1em;
white-space: nowrap;
padding: 11px 10px 12px 10px
}
.secop-button.inactive {
background-color: #bdbdb1;
cursor: default;
opacity: .5
}
.secop-button.inactive.link-box:after {
display: none
}
.datasheet-date {
width: 60px
}
.datasheet-date,
.voltage-sorting {
display: block;
color: rgba(0, 0, 0, 0);
font-size: 0;
line-height: 0
}
.datasheet-date:after,
.voltage-sorting:after {
content: attr(data-title);
font-size: 16px;
line-height: 1.5;
color: #000
}
@media all and (max-width:1200px) {
.select-wrapper-box {
float: none
}
.condition {
position: relative;
display: block;
margin-left: 0;
margin-top: 30px
}
.secop-performance-filter {
height: auto
}
.last-update {
display: none
}
..elementor-1564 .elementor-element.elementor-element-0c911f4-logo {
top: 60px
}
}
@media all and (max-width:520px) {
.condition strong {
display: block;
margin-top: 30px
}
.condition span {
display: block
}
}
@media all and (max-width:480px) {
.secop-performance-filter {
margin: 5px 30px
}
.secop-performance-filter .select-wrapper {
margin: 5px 0;
width: calc(50% - 2px)
}
}
@media all and (max-width:300px) {
.secop-performance-filter .select-wrapper {
width: 100%
}
}
.single-video {
width: 100%;
display: block;
margin-bottom: 20px
}
:root {
--font-family-default: "New DIN";
--font-size-small: 0.8rem;
--font-size-default: 1rem;
--font-size-large: 1.25rem;
--font-size-x-large: 1.5rem;
--font-size-xx-large: 2rem;
--font-size-xxx-large: 2.5rem;
--line-height-small: 1.2;
--line-height-default: 1.5;
--spacing-x-small: 0.25rem;
--spacing-small: 0.5rem;
--spacing-default: 1rem;
--spacing-large: 2rem;
--spacing-x-large: 4rem;
--width-desktop-default: 1100px;
--width-desktop-large: 1280px;
--color-yellow: #ffe500;
--color-yellow-dark: #f8d500;
--color-red: #e63323;
--color-green: #1da031;
--color-white: #ffffff;
--color-grey: #f8f8f7;
--color-grey-dark: #ecece9;
--color-grey-x-dark: #f2f2ef;
--color-grey-xx-dark: #d4d4d4;
--color-grey-xxx-dark: #6e6e67;
--color-black: #000000;
--color-black-transparent: #00000060;
--color-black-x-transparent: #00000020;
--color-orange: #f37f3c;
--color-stationary-cooling: #7dc3a5;
--color-mobile-cooling: #0069b4;
--color-medical-cooling: #0abbf0;
--duration-short: 300ms
}
.r_accordion {
border-top: 1px solid var(--color-grey-xx-dark)
}
.r_accordion:last-child {
border-bottom: 1px solid var(--color-grey-xx-dark)
}
@media(min-width:900px) {
.r_accordion {
max-width: 75%
}
}
.r_accordion__summary {
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
font-weight: bold;
position: relative;
padding-left: calc(var(--spacing-default) + 20px + var(--spacing-small));
padding-top: var(--spacing-default);
padding-bottom: var(--spacing-default);
padding-right: var(--spacing-default)
}
.r_accordion__summary:hover {
background-color: var(--color-grey-x-dark)
}
.r_accordion__summary:focus {
background-color: rgba(0, 0, 0, 0)
}
.r_accordion__summary::-webkit-details-marker {
display: none
}
.r_accordion__summary::marker {
display: none;
content: ""
}
.r_accordion__summary::before {
content: url('data:image/svg+xml,');
display: block;
position: absolute;
left: var(--spacing-default);
top: var(--spacing-default)
}
.r_accordion.r_accordion[open] .r_accordion__summary:hover,
.r_accordion.r_accordion[open] .r_accordion__summary:focus {
background-color: rgba(0, 0, 0, 0)
}
.r_accordion.r_accordion[open] .r_accordion__summary::before {
content: url('data:image/svg+xml,')
}
.r_accordion__main {
padding-bottom: var(--spacing-default);
padding-left: calc(var(--spacing-default) + 20px + var(--spacing-small))
}
.r_article {
margin-bottom: var(--spacing-large)
}
.r_article:last-child {
margin-bottom: 0
}
@media(min-width:900px) {
.r_article {
max-width: 75%
}
}
.r_button {
padding-top: calc(var(--spacing-default) - 2px);
padding-bottom: calc(var(--spacing-default) - 2px);
padding-left: calc(var(--spacing-large) - 2px);
padding-right: calc(var(--spacing-large) - 2px);
margin: 0;
font-family: var(--font-family-default);
font-size: var(--font-size-default);
font-weight: normal;
line-height: var(--line-height-small);
border: 2px solid var(--color-yellow);
color: var(--color-black);
background-color: var(--color-yellow);
cursor: pointer;
text-decoration: none;
display: block;
position: relative;
z-index: 1;
text-align: center
}
.r_button:hover,
.r_button:focus {
background-color: var(--color-yellow-dark);
border-color: var(--color-yellow-dark)
}
.r_button:not(:first-of-type) {
margin-top: var(--spacing-default)
}
@media(min-width:1100px) {
.r_button {
display: inline-block
}
.r_button:not(:first-of-type) {
margin-top: unset;
margin-left: var(--spacing-default)
}
}
.r_button.r_button--secondary {
background-color: rgba(0, 0, 0, 0)
}
.r_button.r_button--secondary:hover,
.r_button.r_button--secondary:focus {
background-color: rgba(0, 0, 0, 0)
}
.r_button.r_button--hidden {
display: none
}
.r_button.r_button--full {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
height: 100%;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-align: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.r_button.r_button--small {
font-size: var(--font-size-small);
padding: calc(var(--spacing-small) - 2px)
}
.r_button.r_button--with-icon {
padding: calc(var(--spacing-default) - 2px);
line-height: 1
}
.r_button.r_button--to-top {
position: fixed;
bottom: var(--spacing-default);
right: var(--spacing-default);
background-color: var(--color-white)
}
.r_button.r_button--to-top:hover,
.r_button.r_button--to-top:focus {
background-color: var(--color-white)
}
@media(max-width:600px) {
.r_button.r_button--to-top {
display: none
}
}
.r_button.r_button--rotate-on-hover .r_button__icon {
-webkit-transition: -webkit-transform var(--duration-short) ease-in-out;
transition: -webkit-transform var(--duration-short) ease-in-out;
transition: transform var(--duration-short) ease-in-out;
transition: transform var(--duration-short) ease-in-out, -webkit-transform var(--duration-short) ease-in-out
}
.r_button.r_button--rotate-on-hover:hover .r_button__icon,
.r_button.r_button--rotate-on-hover:focus .r_button__icon {
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg)
}
.r_button:disabled {
opacity: .75;
pointer-events: none
}
.r_card {
background-color: var(--color-grey);
height: 100%;
position: relative
}
.r_card.r_card--transparent {
background-color: rgba(0, 0, 0, 0)
}
.r_card.r_card--linked {
-webkit-transition: -webkit-transform 250ms, -webkit-box-shadow 400ms;
transition: -webkit-transform 250ms, -webkit-box-shadow 400ms;
transition: transform 250ms, box-shadow 400ms;
transition: transform 250ms, box-shadow 400ms, -webkit-transform 250ms, -webkit-box-shadow 400ms
}
.r_card.r_card--linked:hover,
.r_card.r_card--linked:focus {
-webkit-transform: translateY(calc(-1 * var(--spacing-small)));
-ms-transform: translateY(calc(-1 * var(--spacing-small)));
transform: translateY(calc(-1 * var(--spacing-small)));
-webkit-box-shadow: 0 0 var(--spacing-default) 0 var(--color-black-x-transparent);
box-shadow: 0 0 var(--spacing-default) 0 var(--color-black-x-transparent)
}
.r_section.r_section--highlight .r_card {
background-color: var(--color-white)
}
.r_section.r_section--highlight .r_card.r_card--transparent {
background-color: rgba(0, 0, 0, 0)
}
.r_card__link {
display: block;
text-indent: -9999px;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0
}
.r_card__header-image {
width: 100%
}
.r_card__header-image.r_card__header-image--1 {
background-color: var(--color-stationary-cooling)
}
.r_card__header-image.r_card__header-image--2 {
background-color: var(--color-mobile-cooling)
}
.r_card__header-image.r_card__header-image--3 {
background-color: var(--color-medical-cooling)
}
.r_card__header-image.r_card__header-image--4 {
background-color: var(--color-yellow)
}
.r_card__header-image.r_card__header-image--5 {
background-color: var(--color-red)
}
.r_card__header-image.r_card__header-image--6 {
background-color: var(--color-green)
}
@media(min-width:600px) {
.r_card.r_card--horizontal .r_card__figure {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
}
.r_card__figure.r_card__figure--multiple-images {
position: relative
}
.r_card__image.r_card__image--1 {
background-color: var(--color-stationary-cooling)
}
.r_card__image.r_card__image--2 {
background-color: var(--color-mobile-cooling)
}
.r_card__image.r_card__image--3 {
background-color: var(--color-medical-cooling)
}
.r_card__image.r_card__image--4 {
background-color: var(--color-yellow)
}
.r_card__image.r_card__image--5 {
background-color: var(--color-red)
}
.r_card__image.r_card__image--6 {
background-color: var(--color-green)
}
@media(min-width:600px) {
.r_card.r_card--horizontal .r_card__image {
width: 50%
}
}
@media(min-width:600px) {
.r_card.r_card--horizontal.r_card--25-75 .r_card__image {
width: 25%
}
}
.r_card__figure.r_card__figure--multiple-images .r_card__image {
opacity: 1;
position: absolute;
top: 0;
left: 0;
-webkit-animation-name: card-fading;
animation-name: card-fading;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite
}
.r_card__figure.r_card__figure--multiple-images.r_card__figure--multiple-images-2 .r_card__image {
-webkit-animation-duration: 8s;
animation-duration: 8s
}
.r_card__figure.r_card__figure--multiple-images.r_card__figure--multiple-images-2 .r_card__image:nth-child(1) {
position: static;
-webkit-animation-delay: 4s;
animation-delay: 4s
}
.r_card__figure.r_card__figure--multiple-images.r_card__figure--multiple-images-2 .r_card__image:nth-child(2) {
-webkit-animation-delay: 0s;
animation-delay: 0s
}
.r_card__figure.r_card__figure--multiple-images.r_card__figure--multiple-images-3 .r_card__image {
-webkit-animation-duration: 12s;
animation-duration: 12s
}
.r_card__figure.r_card__figure--multiple-images.r_card__figure--multiple-images-3 .r_card__image:nth-child(1) {
position: static;
-webkit-animation-delay: 8s;
animation-delay: 8s
}
.r_card__figure.r_card__figure--multiple-images.r_card__figure--multiple-images-3 .r_card__image:nth-child(2) {
-webkit-animation-delay: 4s;
animation-delay: 4s
}
.r_card__figure.r_card__figure--multiple-images.r_card__figure--multiple-images-3 .r_card__image:nth-child(3) {
-webkit-animation-delay: 0s;
animation-delay: 0s
}
.r_card__figure.r_card__figure--multiple-images.r_card__figure--multiple-images-4 .r_card__image {
-webkit-animation-duration: 16s;
animation-duration: 16s
}
.r_card__figure.r_card__figure--multiple-images.r_card__figure--multiple-images-4 .r_card__image:nth-child(1) {
position: static;
-webkit-animation-delay: 12s;
animation-delay: 12s
}
.r_card__figure.r_card__figure--multiple-images.r_card__figure--multiple-images-4 .r_card__image:nth-child(2) {
-webkit-animation-delay: 8s;
animation-delay: 8s
}
.r_card__figure.r_card__figure--multiple-images.r_card__figure--multiple-images-4 .r_card__image:nth-child(3) {
-webkit-animation-delay: 4s;
animation-delay: 4s
}
.r_card__figure.r_card__figure--multiple-images.r_card__figure--multiple-images-4 .r_card__image:nth-child(4) {
-webkit-animation-delay: 0s;
animation-delay: 0s
}
.r_card__caption {
padding: var(--spacing-default)
}
@media(min-width:600px) {
.r_card.r_card--horizontal .r_card__caption {
width: 50%;
padding-left: var(--spacing-x-large);
padding-right: var(--spacing-x-large);
padding-top: var(--spacing-large);
padding-bottom: var(--spacing-large);
-ms-flex-item-align: center;
align-self: center
}
}
@media(min-width:600px) {
.r_card.r_card--horizontal.r_card--25-75 .r_card__caption {
width: 75%
}
}
@-webkit-keyframes card-fading {
0% {
opacity: 1
}
33% {
opacity: 0
}
66% {
opacity: 0
}
100% {
opacity: 1
}
}
@keyframes card-fading {
0% {
opacity: 1
}
33% {
opacity: 0
}
66% {
opacity: 0
}
100% {
opacity: 1
}
}
.r_footer {
background-color: var(--color-grey-xxx-dark);
color: var(--color-white);
font-size: var(--font-size-small)
}
.r_footer__wrap {
padding-left: var(--spacing-default);
padding-right: var(--spacing-default);
padding-top: var(--spacing-x-large);
padding-bottom: var(--spacing-x-large);
position: relative
}
@media(min-width:1100px) {
.r_footer__wrap {
width: var(--width-desktop-default);
margin-left: auto;
margin-right: auto;
padding-left: 0;
padding-right: 0
}
}
.r_footer__headline {
margin-bottom: var(--spacing-large)
}
.r_footer__headline:last-child {
margin-bottom: 0
}
.r_footer__list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: var(--spacing-default);
margin-bottom: var(--spacing-large)
}
.r_footer__list:last-child {
margin-bottom: 0
}
@media(min-width:1100px) {
.r_footer__list.r_footer__list--awards {
position: absolute;
top: calc(var(--spacing-x-large));
left: calc(75% + var(--spacing-default))
}
}
.r_footer__list-link {
color: var(--color-white)
}
.r_footer__list-link:hover,
.r_footer__list-link:focus {
color: var(--color-black)
}
.r_footer__list.r_footer__list--awards .r_footer__list-image {
background-color: var(--color-white);
max-height: 80px;
width: auto
}
@media(min-width:1100px) {
.r_footer__address {
position: absolute;
top: calc(var(--spacing-x-large) + 80px + var(--spacing-large));
left: calc(75% + var(--spacing-default))
}
}
.r_footer__unobtrusive-link {
color: var(--color-white);
text-decoration: none
}
.r_footer__unobtrusive-link:hover,
.r_footer__unobtrusive-link:focus {
text-decoration: underline
}
.r_form {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
gap: var(--spacing-default) 0;
margin-left: calc(-0.5*var(--spacing-default));
margin-right: calc(-0.5*var(--spacing-default));
margin-bottom: var(--spacing-large)
}
.r_form:last-child {
margin-bottom: 0
}
@media(min-width:900px) {
.r_form {
max-width: 75%
}
}
@media(min-width:900px) {
.r_form.r_form--full {
max-width: 100%
}
}
.r_form__field {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-item-align: start;
align-self: flex-start;
width: 100%;
padding-left: calc(.5*var(--spacing-default));
padding-right: calc(.5*var(--spacing-default))
}
.r_form__field.r_form__field--align-bottom {
-ms-flex-item-align: end;
align-self: flex-end
}
.r_form__field.r_form__field--30 {
width: 100%
}
@media(min-width:800px) {
.r_form__field.r_form__field--30 {
width: 50%
}
}
@media(min-width:1100px) {
.r_form__field.r_form__field--30 {
width: 33.33%
}
}
@media(min-width:1100px) {
.r_form__field.r_form__field--50 {
width: 50%
}
}
.r_form__field.r_form__field--hidden {
display: none
}
.r_form__label {
font-weight: bold;
display: block;
margin-bottom: var(--spacing-small)
}
.r_form__label.r_form__label--hidden {
display: none
}
.r_form__label.r_form__label--inline {
display: inline-block;
width: calc(100% - var(--spacing-x-large));
margin-left: var(--spacing-small);
cursor: pointer
}
.r_form__option {
display: inline-block;
cursor: pointer;
margin-right: var(--spacing-default);
margin-bottom: var(--spacing-small)
}
.r_form__input {
display: block;
width: 100%;
background-color: var(--color-grey);
border: none;
padding: var(--spacing-default);
margin: 0;
font-size: var(--font-size-default);
font-family: var(--font-family-default);
line-height: var(--line-height-small)
}
.r_section.r_section--highlight .r_form__input {
background-color: var(--color-white)
}
.r_form__radio {
display: inline-block;
width: 22px;
height: 22px;
border: 1px solid var(--color-black);
margin: 0;
padding: 0;
vertical-align: sub;
cursor: pointer;
font-size: var(--font-size-default);
font-family: var(--font-family-default);
line-height: var(--line-height-small);
border-radius: 50%
}
.r_form__radio:checked {
background: radial-gradient(circle, var(--color-yellow) 50%, var(--color-white) 50%)
}
.r_form__checkbox {
display: inline-block;
width: 24px;
height: 24px;
border: 1px solid var(--color-grey-dark);
background-color: var(--color-grey);
margin: 0;
vertical-align: top;
cursor: pointer
}
.r_form__checkbox::before {
content: "";
width: 18px;
height: 18px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='13' viewBox='0 0 17 13' fill='none'%3E%3Cpath d='M5.7 12.025L0 6.325L1.425 4.9L5.7 9.175L14.875 0L16.3 1.425L5.7 12.025Z' fill='black'/%3E%3C/svg%3E");
background-repeat: no-repeat no-repeat;
-webkit-transform: translate(18%, 25%);
-ms-transform: translate(18%, 25%);
transform: translate(18%, 25%);
display: none
}
.r_form__checkbox:checked {
background-color: var(--color-yellow)
}
.r_form__checkbox:checked::before {
display: block
}
.r_form__input:focus,
.r_form__input:focus-visible {
outline: thin solid var(--color-black)
}
.r_form__input.r_form__input--select {
background-size: 24px;
background-image: url('data:image/svg+xml;utf8,');
background-position: calc(100% - var(--spacing-small)) center;
background-repeat: no-repeat;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
cursor: pointer
}
.r_form__input.r_form__input--textarea {
resize: vertical;
min-height: 220px
}
.r_form__hint {
display: inline-block;
font-size: var(--font-size-default);
vertical-align: middle;
font-weight: bold;
-webkit-transform: translateY(calc(-1.5 * var(--font-size-small)));
-ms-transform: translateY(calc(-1.5 * var(--font-size-small)));
transform: translateY(calc(-1.5 * var(--font-size-small)));
height: 0
}
.r_form__error {
color: var(--color-red);
font-size: var(--font-size-small);
margin-top: var(--spacing-small)
}
.r_grid {
display: grid;
gap: var(--spacing-default);
margin-bottom: var(--spacing-large)
}
@media(min-width:900px) {
.r_grid {
grid-template-columns: minmax(0, 75%)
}
}
.r_grid:last-child {
margin-bottom: 0
}
@media(min-width:900px) {
.r_grid.r_grid--full {
grid-template-columns: initial
}
}
@media(min-width:300px) {
.r_grid.r_grid--auto-columns {
grid-auto-flow: column
}
}
@media(min-width:600px) {
.r_grid.r_grid--1-1 {
grid-template-columns: repeat(2, minmax(0, 1fr))
}
}
@media(min-width:600px) {
.r_grid.r_grid--1-1-1 {
grid-template-columns: repeat(3, minmax(0, 1fr))
}
}
@media(min-width:600px) {
.r_grid.r_grid--1-1-1-1 {
grid-template-columns: repeat(4, minmax(0, 1fr))
}
}
@media(min-width:600px) {
.r_grid.r_grid--1-1-1-1-1 {
grid-template-columns: repeat(5, minmax(0, 1fr))
}
}
@media(min-width:600px) {
.r_grid.r_grid--x-gap {
grid-column-gap: var(--spacing-x-large);
grid-row-gap: calc(var(--spacing-x-large)*2)
}
}
.r_grid__item.r_grid__item--hidden {
display: none
}
@media(prefers-reduced-motion:no-preference) {
.r_grid__item {
opacity: 0;
-webkit-animation: fade-in var(--duration-short) var(--duration-short) ease-out forwards;
animation: fade-in var(--duration-short) var(--duration-short) ease-out forwards
}
}
.r_header {
position: sticky;
top: 0;
z-index: 3;
background-color: var(--color-white);
border-bottom: 1px solid var(--color-grey)
}
.r_header__wrap {
display: grid;
grid-template-columns: 1fr auto auto auto auto;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: end;
gap: var(--spacing-default);
padding-left: var(--spacing-default);
padding-right: var(--spacing-default)
}
@media(min-width:1100px) {
.r_header__wrap {
width: var(--width-desktop-default);
margin-left: auto;
margin-right: auto;
padding-left: 0;
padding-right: 0
}
}
@media screen and (prefers-reduced-motion:no-preference) {
.r_html {
scroll-behavior: smooth
}
}
.r_logo {
display: block;
-webkit-transform: translateY(50%);
-ms-transform: translateY(50%);
transform: translateY(50%)
}
.logo__image {
display: block;
width: 120px
}
@media(min-width:1100px) {
.logo__image {
width: 170px
}
}
.r_multi-select {
position: relative
}
.r_multi-select__summary {
display: block;
max-width: 100%;
background-color: var(--color-grey);
cursor: pointer;
list-style: none;
padding: var(--spacing-default);
margin: 0;
font-size: var(--font-size-default);
font-family: var(--font-family-default);
line-height: var(--line-height-small);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.r_multi-select__summary::-webkit-details-marker {
display: none
}
.r_multi-select__summary:focus {
outline-color: var(--color-black)
}
.r_section.r_section--highlight .r_multi-select__summary {
background-color: var(--color-white)
}
.r_multi-select[open] .r_multi-select__summary {
outline: var(--color-black) auto 1px
}
.r_multi-select__expand-icon {
-webkit-transition: -webkit-transform var(--duration-short) ease-in-out;
transition: -webkit-transform var(--duration-short) ease-in-out;
transition: transform var(--duration-short) ease-in-out;
transition: transform var(--duration-short) ease-in-out, -webkit-transform var(--duration-short) ease-in-out
}
.r_multi-select[open] .r_multi-select__expand-icon {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg)
}
.r_multi-select__option-list {
position: absolute;
width: 100%;
z-index: 2;
top: calc(100% + var(--spacing-small));
background-color: var(--color-grey);
-webkit-box-shadow: 0 0 var(--spacing-default) 0 var(--color-black-x-transparent);
box-shadow: 0 0 var(--spacing-default) 0 var(--color-black-x-transparent)
}
.r_multi-select[open] .r_multi-select__option-list {
-webkit-animation: fade-in var(--duration-short) ease-in-out;
animation: fade-in var(--duration-short) ease-in-out
}
.r_multi-select__option-item {
padding: var(--spacing-small) var(--spacing-default)
}
.r_multi-select__option-item:nth-child(odd) {
background-color: var(--color-grey-light)
}
.r_multi-select__checkbox {
-webkit-appearance: auto;
-moz-appearance: auto;
appearance: auto;
cursor: pointer;
accent-color: var(--color-yellow);
vertical-align: bottom;
width: var(--spacing-default);
height: var(--spacing-default);
margin-right: var(--spacing-small)
}
.r_multi-select__label {
cursor: pointer
}
.r_multi-select__label:has(.r_multi-select__checkbox:disabled) {
opacity: .5;
pointer-events: none
}
.r_multi-select__counter {
background-color: var(--color-yellow);
padding: 0 var(--spacing-x-small);
margin-right: var(--spacing-x-small)
}
.r_multi-select__counter:empty {
display: none
}
.r_multi-select__indicator {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1
}
.r_multi-select__clear-button {
display: none;
border: none;
background: none;
margin-right: var(--spacing-default);
cursor: pointer
}
.r_multi-select__clear-button.r_multi-select__clear-button--visible {
display: unset
}
.r_multi-select__clear-button:hover .r_multi-select__clear-icon,
.r_multi-select__clear-button:focus .r_multi-select__clear-icon {
-webkit-transform: scale(1.2);
-ms-transform: scale(1.2);
transform: scale(1.2)
}
.r_navigation-breadcrumb {
font-size: var(--font-size-small)
}
.r_navigation-breadcrumb__list {
list-style: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.r_navigation-breadcrumb__item {
position: relative
}
.r_navigation-breadcrumb__item:not(:first-child)::before {
content: ">";
content: url('data:image/svg+xml,');
display: block;
position: absolute;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%)
}
.r_navigation-breadcrumb__link {
display: block;
padding-left: var(--spacing-default);
padding-right: var(--spacing-default)
}
.r_navigation-breadcrumb__item:first-child .r_navigation-breadcrumb__link {
padding-left: 0
}
.r_navigation-breadcrumb__item:last-child .r_navigation-breadcrumb__link {
pointer-events: none;
text-decoration: none;
color: var(--color-grey-xxx-dark)
}
.r_navigation-language {
position: relative
}
.r_navigation-language__toggle {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
margin: 0;
border: 0;
line-height: 1;
font-family: var(--font-family-default);
background-color: rgba(0, 0, 0, 0);
display: block;
padding-top: var(--spacing-default);
padding-bottom: var(--spacing-default);
padding-left: 0;
padding-right: 0;
cursor: pointer
}
.r_navigation-language:hover>.r_navigation-language__toggle::after,
.r_navigation-language:focus>.r_navigation-language__toggle::after {
content: "";
display: block;
position: absolute;
bottom: -3px;
left: 0;
right: 0;
height: 4px;
background-color: var(--color-black)
}
.r_navigation-language__list {
display: none;
position: absolute;
right: 0;
list-style: none;
-webkit-box-shadow: 0 0 var(--spacing-small) 0 var(--color-black-x-transparent);
box-shadow: 0 0 var(--spacing-small) 0 var(--color-black-x-transparent);
padding-top: calc(var(--spacing-default) + 4px);
padding-bottom: var(--spacing-default)
}
.r_navigation-language__list::before,
.r_navigation-language__list::after {
content: "";
display: block;
background-color: var(--color-white);
height: var(--spacing-default);
width: 100%;
position: absolute
}
.r_navigation-language__list::before {
top: 4px
}
.r_navigation-language__list::after {
bottom: 0
}
.r_navigation-language:hover .r_navigation-language__list,
.r_navigation-language:focus .r_navigation-language__list {
display: block
}
.r_navigation-language__link {
display: block;
padding-top: var(--spacing-default);
padding-bottom: var(--spacing-default);
padding-left: var(--spacing-large);
padding-right: var(--spacing-large);
text-decoration: none;
background-color: var(--color-white);
position: relative;
font-weight: bold
}
.r_navigation-language__item:hover .r_navigation-language__link,
.r_navigation-language__item.r_navigation-language__item--active .r_navigation-language__link,
.r_navigation-language__item:focus .r_navigation-language__link {
background-color: var(--color-grey)
}
.r_navigation-language__item:hover .r_navigation-language__link::before,
.r_navigation-language__item.r_navigation-language__item--active .r_navigation-language__link::before,
.r_navigation-language__item:focus .r_navigation-language__link::before {
content: "";
display: block;
position: absolute;
left: 0;
top: var(--spacing-default);
bottom: var(--spacing-default);
width: 4px;
background-color: var(--color-black)
}
.r_navigation-main.r_navigation-main--open {
position: absolute;
background-color: var(--color-white);
left: 0;
right: 0;
top: 0;
z-index: 1
}
@media(min-width:1100px) {
.r_navigation-main.r_navigation-main--open {
position: static
}
}
.r_navigation-main__toggle {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
margin-top: var(--spacing-default);
margin-bottom: var(--spacing-default);
margin-left: 0;
margin-right: 0;
border: 0;
padding: 0;
line-height: 1;
font-family: var(--font-family-default);
font-size: var(--font-size-default);
font-weight: bold;
background-color: var(--color-black);
color: var(--color-black);
display: block;
cursor: pointer;
text-indent: -99999px;
width: 20px;
height: 20px;
border-top: 19px solid var(--color-white);
position: relative;
-webkit-transform: translateY(-3px);
-ms-transform: translateY(-3px);
transform: translateY(-3px)
}
.r_navigation-main__toggle::before {
content: "";
display: block;
position: absolute;
left: 0;
right: 0;
height: 1px;
top: -8px;
background-color: var(--color-black);
-webkit-transition: -webkit-transform 250ms;
transition: -webkit-transform 250ms;
transition: transform 250ms;
transition: transform 250ms, -webkit-transform 250ms
}
.r_navigation-main__toggle::after {
content: "";
display: block;
position: absolute;
left: 0;
right: 0;
height: 1px;
top: -16px;
background-color: var(--color-black);
-webkit-transition: -webkit-transform 250ms;
transition: -webkit-transform 250ms;
transition: transform 250ms;
transition: transform 250ms, -webkit-transform 250ms
}
@media(min-width:1100px) {
.r_navigation-main__toggle {
display: none
}
}
.r_navigation-main.r_navigation-main--open .r_navigation-main__toggle {
text-indent: 0px;
width: 100%;
text-align: center;
background-color: rgba(0, 0, 0, 0);
border-top: 0
}
.r_navigation-main.r_navigation-main--open .r_navigation-main__toggle::before {
left: var(--spacing-default);
top: var(--spacing-small);
width: 25px;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg)
}
.r_navigation-main.r_navigation-main--open .r_navigation-main__toggle::after {
left: var(--spacing-default);
top: var(--spacing-small);
width: 25px;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg)
}
.r_navigation-main__list {
display: none;
padding-bottom: var(--spacing-default);
list-style: none
}
@media(min-width:1100px) {
.r_navigation-main__list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding-bottom: 0
}
}
.r_navigation-main.r_navigation-main--open .r_navigation-main__list {
display: block;
padding-left: var(--spacing-default);
padding-right: var(--spacing-default)
}
@media(min-width:1100px) {
.r_navigation-main.r_navigation-main--open .r_navigation-main__list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding-left: 0;
padding-right: 0
}
}
.r_navigation-main__link {
display: block;
text-decoration: none;
position: relative;
padding: var(--spacing-default)
}
.r_navigation-main__link-icon {
vertical-align: sub
}
.r_navigation-main.r_navigation-main--open .r_navigation-main__link {
border-top: 1px solid var(--color-grey-xx-dark)
}
@media(min-width:1100px) {
.r_navigation-main.r_navigation-main--open .r_navigation-main__link {
border-top: 0
}
}
.r_navigation-main__item.r_navigation-main__item--active>.r_navigation-main__link {
font-weight: bold
}
.r_navigation-main .r_navigation-main__item:hover>.r_navigation-main__link::after,
.r_navigation-main .r_navigation-main__item.r_navigation-main__item--active>.r_navigation-main__link::after,
.r_navigation-main .r_navigation-main__item:focus>.r_navigation-main__link::after {
content: "";
display: block;
position: absolute;
top: var(--spacing-small);
bottom: var(--spacing-small);
left: 0;
right: 0;
width: 4px;
background-color: var(--color-black)
}
@media(min-width:1100px) {
.r_navigation-main .r_navigation-main__item:hover>.r_navigation-main__link::after,
.r_navigation-main .r_navigation-main__item.r_navigation-main__item--active>.r_navigation-main__link::after,
.r_navigation-main .r_navigation-main__item:focus>.r_navigation-main__link::after {
top: auto;
bottom: -3px;
left: var(--spacing-default);
right: var(--spacing-default);
width: auto;
height: 4px
}
}
@media(min-width:1100px) {
.r_navigation-main .r_navigation-main__item:first-child>.r_navigation-main__link {
padding-left: 0
}
.r_navigation-main .r_navigation-main__item:first-child>.r_navigation-main__link::after {
left: 0
}
}
.r_navigation-main .r_navigation-main__item:last-child>.r_navigation-main__link {
border-bottom: 1px solid var(--color-grey-xx-dark)
}
@media(min-width:1100px) {
.r_navigation-main .r_navigation-main__item:last-child>.r_navigation-main__link {
border-bottom: 0
}
}
.r_navigation-main__sub-list {
display: block;
position: relative;
cursor: pointer;
margin-left: 0;
list-style: none
}
.r_navigation-main__sub-list::before {
content: url('data:image/svg+xml,');
display: block;
position: absolute;
right: 0;
top: 0;
z-index: 1;
padding: var(--spacing-default);
border-left: 1px solid var(--color-grey-xx-dark);
color: var(--color-black);
-webkit-transform: translateY(-100%);
-ms-transform: translateY(-100%);
transform: translateY(-100%)
}
@media(min-width:1100px) {
.r_navigation-main__sub-list {
display: none;
position: absolute;
cursor: default;
margin-left: var(--spacing-default);
-webkit-box-shadow: 0 0 var(--spacing-small) 0 var(--color-black-x-transparent);
box-shadow: 0 0 var(--spacing-small) 0 var(--color-black-x-transparent);
padding-top: calc(var(--spacing-default) + 4px);
padding-bottom: var(--spacing-default)
}
.r_navigation-main__sub-list::before,
.r_navigation-main__sub-list::after {
content: "";
display: block;
background-color: var(--color-white);
height: var(--spacing-default);
width: 100%;
position: absolute;
right: auto;
top: auto;
padding: 0;
border-left: 0;
-webkit-transform: none;
-ms-transform: none;
transform: none
}
.r_navigation-main__sub-list::before {
top: 4px
}
.r_navigation-main__sub-list::after {
bottom: 0
}
}
.r_navigation-main__sub-list.r_navigation-main__sub-list--open::before {
content: url('data:image/svg+xml,')
}
@media(min-width:1100px) {
.r_navigation-main__sub-list.r_navigation-main__sub-list--open::before {
content: ""
}
}
@media(min-width:1100px) {
.r_navigation-main__item:hover .r_navigation-main__sub-list,
.r_navigation-main__item:focus .r_navigation-main__sub-list {
display: block
}
}
.r_navigation-main__sub-item {
display: none
}
@media(min-width:1100px) {
.r_navigation-main__sub-item {
display: block
}
}
.r_navigation-main__sub-list.r_navigation-main__sub-list--open .r_navigation-main__sub-item {
display: block
}
.r_navigation-main__sub-link {
display: block;
padding-top: var(--spacing-default);
padding-bottom: var(--spacing-default);
padding-left: var(--spacing-large);
padding-right: var(--spacing-large);
text-decoration: none;
background-color: var(--color-white);
position: relative;
font-weight: bold;
border-top: 1px solid var(--color-grey-xx-dark)
}
@media(min-width:1100px) {
.r_navigation-main__sub-link {
border-top: 0
}
}
.r_navigation-main__sub-item:hover .r_navigation-main__sub-link,
.r_navigation-main__sub-item.r_navigation-main__sub-item--active .r_navigation-main__sub-link,
.r_navigation-main__sub-item:focus .r_navigation-main__sub-link {
background-color: var(--color-grey)
}
.r_navigation-main__sub-item:hover .r_navigation-main__sub-link::before,
.r_navigation-main__sub-item.r_navigation-main__sub-item--active .r_navigation-main__sub-link::before,
.r_navigation-main__sub-item:focus .r_navigation-main__sub-link::before {
content: "";
display: block;
position: absolute;
left: 0;
top: var(--spacing-default);
bottom: var(--spacing-default);
width: 4px;
background-color: var(--color-black)
}
.r_navigation-meta {
margin-bottom: var(--spacing-default)
}
@media(min-width:1100px) {
.r_navigation-meta {
margin-bottom: 0
}
}
.r_navigation-meta__list {
list-style: none
}
@media(min-width:700px) {
.r_navigation-meta__list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: var(--spacing-default)
}
}
.r_navigation-meta__link {
color: var(--color-white);
text-decoration: none
}
.r_navigation-meta__link:hover,
.r_navigation-meta__link:focus {
text-decoration: underline
}
.r_navigation-meta__item.r_navigation-meta__item--active .r_navigation-meta__link {
font-weight: bold
}
@media(min-width:650px) {
.r_navigation-tool {
position: relative
}
}
.r_navigation-tool__button {
padding-top: var(--spacing-default);
padding-bottom: var(--spacing-default);
padding-left: 0;
padding-right: 0;
margin: 0;
background-color: rgba(0, 0, 0, 0);
border: none;
cursor: pointer;
position: relative;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
pointer-events: none
}
.r_navigation-tool:hover>.r_navigation-tool__button::after,
.r_navigation-tool:focus>.r_navigation-tool__button::after {
content: "";
display: block;
position: absolute;
bottom: -3px;
left: 0;
right: 0;
height: 4px;
background-color: var(--color-black);
z-index: 1
}
.r_navigation-tool__label {
position: absolute;
top: calc(var(--spacing-default) - var(--spacing-small));
left: -4px;
-webkit-transform: translateX(-100%);
-ms-transform: translateX(-100%);
transform: translateX(-100%);
background-color: var(--color-yellow);
font-size: var(--font-size-small);
font-family: var(--font-family-default);
color: var(--color-black);
padding: 2px 4px;
display: none
}
@media(min-width:360px) {
.r_navigation-tool__label {
display: block
}
}
.r_navigation-tool__list {
display: none
}
.r_navigation-tool:hover .r_navigation-tool__list,
.r_navigation-tool:focus .r_navigation-tool__list {
display: block;
position: absolute;
left: 0;
width: 100%;
-webkit-box-shadow: 0 0 var(--spacing-small) 0 var(--color-black-x-transparent);
box-shadow: 0 0 var(--spacing-small) 0 var(--color-black-x-transparent);
padding-top: 4px
}
.r_navigation-tool:hover .r_navigation-tool__list::before,
.r_navigation-tool:hover .r_navigation-tool__list::after,
.r_navigation-tool:focus .r_navigation-tool__list::before,
.r_navigation-tool:focus .r_navigation-tool__list::after {
content: "";
display: block;
background-color: var(--color-white);
height: var(--spacing-default);
width: 100%;
position: absolute
}
@media(min-width:650px) {
.r_navigation-tool:hover .r_navigation-tool__list,
.r_navigation-tool:focus .r_navigation-tool__list {
z-index: 1;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
width: auto;
top: 100%
}
}
.r_navigation-tool__item {
background-color: var(--color-white);
padding-bottom: var(--spacing-default)
}
.r_navigation-tool__item:first-child {
padding-top: calc(2*var(--spacing-default))
}
.r_navigation-tool__figure {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: var(--spacing-small);
padding-left: var(--spacing-large);
padding-right: var(--spacing-large)
}
.r_navigation-tool__figure:hover,
.r_navigation-tool__figure:focus {
background-color: var(--color-grey)
}
.r_navigation-tool__figure:hover::before,
.r_navigation-tool__figure:focus::before {
content: "";
display: block;
position: absolute;
left: 0;
top: var(--spacing-default);
bottom: var(--spacing-default);
width: 4px;
background-color: var(--color-black)
}
.r_navigation-tool__caption {
white-space: nowrap
}
.r_navigation-tool__image {
background-color: var(--color-yellow);
padding: var(--spacing-small);
width: 60px;
height: 60px
}
@media(min-width:850px) {
.r_teaser {
grid-template-columns: 160px auto
}
}
.r_teaser.r_teaser--vertical {
display: initial
}
.r_teaser__flag {
vertical-align: sub
}
.r_teaser__image {
-webkit-box-shadow: 0 0 var(--spacing-small) 0 var(--color-black-x-transparent);
box-shadow: 0 0 var(--spacing-small) 0 var(--color-black-x-transparent);
background-color: var(--color-white)
}
.r_teaser__headline {
font-size: var(--font-size-large);
font-weight: bold;
line-height: var(--line-height-small)
}
.r_teaser__subline {
color: var(--color-grey-xxx-dark);
font-weight: bold;
display: block;
margin-bottom: var(--spacing-default)
}
.r_teaser__subline.r_teaser__subline--spacing-top {
margin-top: var(--spacing-default)
}
.r_teaser__link {
display: block;
text-decoration: underline
}
.r_teaser__link:hover,
.r_teaser__link:focus {
text-decoration: none
}
.r_toolkit {
position: relative
}
.r_toolkit.r_toolkit--loading {
min-height: 500px
}
.r_toolkit__iframe {
width: 100%
}
@-webkit-keyframes pulsate {
0% {
-webkit-transform: scale(0.1);
transform: scale(0.1);
opacity: 0
}
50% {
opacity: 1
}
100% {
-webkit-transform: scale(1.2);
transform: scale(1.2);
opacity: 0
}
}
@keyframes pulsate {
0% {
-webkit-transform: scale(0.1);
transform: scale(0.1);
opacity: 0
}
50% {
opacity: 1
}
100% {
-webkit-transform: scale(1.2);
transform: scale(1.2);
opacity: 0
}
}
.r_complex-table {
overflow-x: scroll
}
@media(min-width:1000px) {
.r_complex-table {
overflow-x: unset
}
}
.r_complex-table__wrap {
width: 100%;
min-width: 1000px;
position: relative
}
@media(min-width:1000px) {
.r_complex-table__header {
position: sticky;
z-index: 2;
top: calc(57px + var(--spacing-large))
}
.r_complex-table__header::before {
content: "";
width: 100%;
top: calc(-1*var(--spacing-large));
height: var(--spacing-large);
background-color: var(--color-white);
display: block;
position: absolute
}
}
.r_complex-table__row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: var(--spacing-small);
position: relative;
margin-bottom: var(--spacing-small)
}
.r_complex-table__row.r_complex-table__row--no-spacing {
margin-bottom: 0
}
.r_complex-table__cell {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 14%;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-align: center;
z-index: 1;
padding: var(--spacing-small);
line-height: var(--line-height-small);
background-color: var(--color-grey)
}
.r_complex-table__cell:first-child {
position: sticky;
left: 0;
z-index: 2
}
@media(min-width:1000px) {
.r_complex-table__cell:first-child {
position: relative;
z-index: unset
}
}
.r_complex-table__cell.r_complex-table__cell--small {
width: 10%
}
.r_complex-table__cell.r_complex-table__cell--large {
width: 20%
}
.r_complex-table__cell.r_complex-table__cell--head {
font-size: var(--font-size-small);
padding: var(--spacing-small);
background-color: var(--color-yellow)
}
.r_complex-table__cell.r_complex-table__cell--highlight {
background-color: var(--color-grey-x-dark)
}
.r_complex-table__cell.r_complex-table__cell--transparent {
background-color: rgba(0, 0, 0, 0)
}
.r_complex-table__cell.r_complex-table__cell--bright {
background-color: var(--color-white)
}
.r_complex-table__cell.r_complex-table__cell--align-left {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: start;
text-align: left
}
.r_complex-table__cell.r_complex-table__cell--no-spacing {
padding: 0
}
.r_complex-table__row.r_complex-table__row--clickable:hover .r_complex-table__cell,
.r_complex-table__row.r_complex-table__row--clickable:focus .r_complex-table__cell {
background-color: var(--color-grey-x-dark)
}
.r_complex-table__cell-wrap {
text-align: left
}
.r_complex-table__cell-footer {
position: absolute;
left: 0;
bottom: 0;
width: 100%
}
.r_complex-table__link-container {
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 2
}
@media(min-width:1000px) {
.r_complex-table__link-container {
z-index: 1
}
}
.r_complex-table__link {
display: block;
width: 100%;
height: 100%;
text-indent: -9999px
}
.r_complex-table__indicator {
display: block;
font-size: var(--font-size-small);
text-align: center;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
background-color: var(--color-white);
padding-left: var(--spacing-small);
padding-right: var(--spacing-small);
margin-left: auto;
margin-right: auto
}
.r_complex-table__indicator::before {
content: "";
display: block;
position: absolute;
bottom: 50%;
left: 0;
height: 1px;
width: 100%;
background-color: var(--color-black);
z-index: -1
}
.r_complex-table__indicator::after {
content: "";
display: block;
position: absolute;
bottom: calc(50% - 1px);
left: 0;
height: 3px;
width: 100%;
background-image: linear-gradient(90deg, black 0px, black 3px, transparent 3px), linear-gradient(-90deg, black 0px, black 3px, transparent 3px)
}
.r_complex-table__figure {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: var(--spacing-small)
}
.r_complex-table__image {
display: block;
width: calc(50% - var(--spacing-small)/2)
}
.r_complex-table__caption {
width: calc(50% - var(--spacing-small)/2);
font-weight: bold;
text-align: left
}
.r_figure {
margin-bottom: var(--spacing-default)
}
.r_figure:last-child {
margin-bottom: 0
}
.r_figure.r_figure--inline {
display: inline-block;
margin-bottom: 0
}
.r_figure__link {
display: block;
margin-bottom: var(--spacing-small)
}
.r_figure__link:last-child {
margin-bottom: 0
}
.r_figure__video {
width: 100%;
-o-object-fit: cover;
object-fit: cover;
margin-bottom: var(--spacing-small)
}
.r_figure__video:last-child {
margin-bottom: 0
}
.r_figure__picture {
display: block;
margin-bottom: var(--spacing-small)
}
.r_figure__picture:last-child {
margin-bottom: 0
}
.r_figure__image {
max-width: 100%
}
.r_figure__image.r_figure__image--1 {
background-color: var(--color-stationary-cooling)
}
.r_figure__image.r_figure__image--2 {
background-color: var(--color-mobile-cooling)
}
.r_figure__image.r_figure__image--3 {
background-color: var(--color-medical-cooling)
}
.r_figure__image.r_figure__image--4 {
background-color: var(--color-yellow)
}
.r_figure__image.r_figure__image--5 {
background-color: var(--color-red)
}
.r_figure__image.r_figure__image--6 {
background-color: var(--color-green)
}
.r_figure__image.r_figure__image--maximum-width {
width: 100%
}
.r_figure__caption {
font-size: var(--font-size-small)
}
.r_tag {
display: block;
width: 100%;
text-align: left;
font-size: var(--font-size-small);
font-weight: bold;
padding: var(--spacing-x-small) var(--spacing-small);
color: var(--color-white);
background-color: var(--color-grey-xxx-dark);
margin-bottom: var(--spacing-x-small)
}
.r_tag:last-child {
margin-bottom: 0
}
.r_tag.r_tag--3,
.r_tag.r_tag--stationary {
background-color: var(--color-stationary-cooling)
}
.r_tag.r_tag--1,
.r_tag.r_tag--medical {
background-color: var(--color-medical-cooling)
}
.r_range {
--start: 0%;
--end: 0%;
--foreground-color: var(--color-orange);
--background-color: var(--color-grey-xx-dark);
display: block;
width: 100%;
height: var(--spacing-default);
background-image: -webkit-gradient(linear, left top, right top, from(var(--background-color)), color-stop(var(--foreground-color)), color-stop(var(--foreground-color)), to(var(--background-color)));
background-image: linear-gradient(90deg, var(--background-color) var(--start), var(--foreground-color) var(--start), var(--foreground-color) var(--end), var(--background-color) var(--end))
}
.r_tag--mobile{
background-color: #0069B4;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
font-family: 'yekan-bakh';
font-style: normal;
font-weight: 800;
font-display: auto;
src: url('https://andikala.ir/wp-content/uploads/2024/09/YekanBakh-Black.woff2') format('woff2');
}
@font-face {
font-family: 'yekan-bakh';
font-style: normal;
font-weight: bold;
font-display: auto;
src: url('https://andikala.ir/wp-content/uploads/2024/09/YekanBakh-Bold.woff2') format('woff2');
}
@font-face {
font-family: 'yekan-bakh';
font-style: normal;
font-weight: 900;
font-display: auto;
src: url('https://andikala.ir/wp-content/uploads/2024/09/YekanBakh-ExtraBlack.woff2') format('woff2');
}
@font-face {
font-family: 'yekan-bakh';
font-style: normal;
font-weight: 700;
font-display: auto;
src: url('https://andikala.ir/wp-content/uploads/2024/09/YekanBakh-ExtraBold.woff2') format('woff2');
}
@font-face {
font-family: 'yekan-bakh';
font-style: normal;
font-weight: 500;
font-display: auto;
src: url('https://andikala.ir/wp-content/uploads/2024/09/YekanBakh-SemiBold.woff2') format('woff2');
}
@font-face {
font-family: 'yekan-bakh';
font-style: normal;
font-weight: normal;
font-display: auto;
src: url('https://andikala.ir/wp-content/uploads/2024/09/YekanBakh-Regular.woff2') format('woff2');
}
@font-face {
font-family: 'yekan-bakh';
font-style: normal;
font-weight: normal;
font-display: auto;
src: ;
}
/* End Custom Fonts CSS */