.kb-choice a {
padding-top: 2rem;
display: block;
font-size: 1rem;
text-align: center;
box-shadow: 0 0 2px 2px #F2f2f2;
border-radius: 3px;
padding-bottom: 2.3rem;
color: #878787;
background-position: center center;
height: 100%;
}
.kb-choice:hover {
padding: 0;
margin: 1rem 0 !important;
}
.kb-choice:hover a{
color: #A2A2A2 !important;
box-shadow: none;
box-shadow: 0 0 1px 1px #F2f2f2;
padding: 3rem 15px 3.3rem;
}
.kb-choice div.h6,
.kb-choice h6 {
font-size: 1.5rem;
text-align: center;
padding-top: 5.5rem !important;
margin-bottom: 0.7rem;
background-position: top center;
background-size: 68px 68px;
background-repeat: no-repeat;
color: #000000;
}
.kb-choice:hover div.h6,
.kb-choice:hover h6{
color: #FFFFFF !important;
}
.kb-choice.casestudies:hover{
background-image: url(/files/images/knowledgebase/layout/bg-header/case-studies-576.jpg);
}
.kb-choice.techtipps:hover{
background-image: url(/files/images/knowledgebase/layout/bg-header/tech-tipps-576.jpg);
}
.kb-choice.applicationnotes:hover{
background-image: url(/files/images/knowledgebase/layout/bg-header/application-notes-576.jpg);
}
.kb-choice.programmingexamples:hover{
background-image: url(/files/images/knowledgebase/layout/bg-header/programming-examples-576.jpg);
}
.kb-choice.technicalarticles:hover{
background-image: url(/files/images/knowledgebase/layout/bg-header/ctechnical-articles-576.jpg);
}
.kb-choice.whitepaper:hover{
background-image: url(/files/images/knowledgebase/layout/bg-header/whitepaper-576.jpg);
}
.kb-choice.techtipps div.h6,
.kb-choice.techtipps h6{
background-image:url(/files/layout/icons/gen/tech-tips-ids-machine-vision-cameras-black.svg);
}
.kb-choice.casestudies div.h6,
.kb-choice.casestudies h6{
background-image:url(/files/layout/icons/gen/case-studies-ids-machine-vision-cameras-black.svg);
}
.kb-choice.applicationnotes div.h6,
.kb-choice.applicationnotes h6{
background-image:url(/files/layout/icons/gen/application-notes-ids-machine-vision-cameras-black.svg);
}
.kb-choice.programmingexamples div.h6,
.kb-choice.programmingexamples h6{
background-image:url(/files/layout/icons/gen/programming-examples-ids-machine-vision-cameras-black.svg);
}
.kb-choice.technicalarticles div.h6,
.kb-choice.technicalarticles h6{
background-image:url(/files/layout/icons/gen/technical-articles-ids-machine-vision-cameras-black.svg);
}
.kb-choice.whitepaper div.h6,
.kb-choice.whitepaper h6{
background-image:url(/files/layout/icons/gen/whitepaper-ids-machine-vision-cameras-black.svg);
}
.kb-choice.techtipps:hover div.h6,
.kb-choice.techtipps:hover h6{
background-image:url(/files/layout/icons/gen/tech-tips-ids-machine-vision-cameras-white.svg);
}
.kb-choice.casestudies:hover div.h6,
.kb-choice.casestudies:hover h6{
background-image:url(/files/layout/icons/gen/case-studies-ids-machine-vision-cameras-white.svg);
}
.kb-choice.applicationnotes:hover div.h6,
.kb-choice.applicationnotes:hover h6{
background-image:url(/files/layout/icons/gen/application-notes-ids-machine-vision-cameras-white.svg);
}
.kb-choice.programmingexamples:hover div.h6,
.kb-choice.programmingexamples:hover h6{
background-image:url(/files/layout/icons/gen/programming-examples-ids-machine-vision-cameras-white.svg);
}
.kb-choice.technicalarticles:hover div.h6,
.kb-choice.technicalarticles:hover h6{
background-image:url(/files/layout/icons/gen/technical-articles-ids-machine-vision-cameras-white.svg);
}
.kb-choice.whitepaper:hover div.h6,
.kb-choice.whitepaper:hover h6{
background-image:url(/files/layout/icons/gen/whitepaper-ids-machine-vision-cameras-white.svg);
}
.kb-icon-text-button h4{
font-weight: 600;
margin-bottom: 0.8rem;
}
.kb-icon-text-button a{
position: relative;
}
.kb-icon-text-button a:after{
content: "";
margin-left: 16px;
background-image: url(/files/layout/icons/gen/arrow-link-right-ids-machine-vision-cameras-white.svg);
display: inline-block;
height: 25px;
width: 25px;
background-repeat: no-repeat;
background-size: 100% 100%;
position: absolute;
top: -2px;
}
.kb-icon-text-button .content-text{
min-height: 60px;
}
.kb-icon-text-button{
border-radius: 3px;
padding: 2.5rem 2.5rem 2.5rem 10rem;
background-repeat: no-repeat;
background-position: 3rem center;
background-size: 64px 64px;
}
.kb-icon-text-button.bg-grey-5.kb-downloads{
background-image:url(/files/layout/icons/gen/downloads-ids-machine-vision-cameras-dark-grey.svg);
}
.kb-icon-text-button.bg-grey-5.kb-tools{
background-image:url(/files/layout/icons/gen/tools-ids-machine-vision-cameras-dark-grey.svg);
}
.kb-archive-show-more a{
display: inline-block;
padding-left: 35px;
font-weight: 900;
color: var(--ids-colour);
background-image: url(/files/layout/icons/gen/show-all-ids-machine-vision-cameras-ids-colour.svg);
background-repeat: no-repeat;
background-position: left center;
background-size: 20px 20px;
height: 20px;
vertical-align: middle;
line-height: 20px;
}
.kb-archive-show-more{
text-align: right;
}
div.inside > div.mod_article {}
.camsinuse{
color: #686868;
}
#main .kb-intro{
font-weight: 600;
vertical-align: top;
color: #000000;
font-size: 1.13rem;
}
.ids_report figure{
margin-bottom: 0rem;
}
.ids_report figure picture {}
.ids_report figure picture img {
/*border: 0.0625rem solid rgba(222, 222, 222, 0.333);*/
/* border: 0.0625rem solid #e6e6e6; */
border: 0.0625rem solid transparent;
transition: border 250ms linear;
}
.ids_report figure a {}
.ids_report figure a picture {}
.ids_report figure a picture img {
/*border: 0.0625rem solid rgba(222, 222, 222, 0.333);*/
/* border: 0.0625rem solid #e6e6e6; */
border: 0.0625rem solid transparent;
transition: border 250ms linear;
}
.ids_report figure a:focus,
.ids_report figure a:hover {}
.ids_report figure a:focus,
.ids_report figure a:hover picture {}
.ids_report figure a:focus,
.ids_report figure a:hover picture img {
border: 0.0625rem solid rgba(0, 130, 150, 0.333);
}
.ids_report p{
margin-bottom: 2.15rem;
line-height: 1.75;
}
.kb-intro p{
line-height: 2;
}
.ids_report h2,
.ids_report h3,
.ids_report h4{
color: #000000;
font-weight: bold;
margin-bottom: 2rem;
}
.ids_report h5{
color: #000000;
font-weight: bold;
margin-bottom: 1rem;
}
.ids_report div.h6,
.ids_report h6{
color: #000000;
font-weight: bold;
margin-bottom: 0.5rem;
}
.kb-product>div.contents{
text-align: center;
min-height: 350px;
}
.kb-product figure{
height: 350px !important;
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.kb-product figure img{
width: auto !important;
height: 100% !important;
}
.kb-float-left figure,
.kb-float-right figure{
position: relative;
min-height: 350px !important;
width: 100%;
height: 100%;
}
.kb-float-left figure img,
.kb-float-right figure img{
width: auto !important;
position: absolute;
top: 50%;
margin-top: -175px;
}
.kb-float-left figure img{
right: 0;
}
.ce_image.kb-float-right.block {}
.ce_image.kb-float-right.block.col-12 {}
.ce_image.kb-float-right.block.col-12.col-md-6 {}
.ce_image.kb-float-right.block.col-12.col-md-6 .contents {
overflow: hidden;
width: calc(100% + 15px);
}
@media (min-width: 576px) {
.ce_image.kb-float-right.block.col-12.col-md-6 .contents {
width: calc(100% + 15px + (100vw - 540px) / 2 );
}
}
@media (min-width: 768px) {
.ce_image.kb-float-right.block.col-12.col-md-6 .contents {
width: calc(100% + 15px + (100vw - 720px) / 2 );
}
}
@media (min-width: 992px) {
.ce_image.kb-float-right.block.col-12.col-md-6 .contents {
width: calc(100% + 15px + (100vw - 960px) / 2 );
}
}
@media (min-width: 1200px) {
.ce_image.kb-float-right.block.col-12.col-md-6 .contents {
width: calc(100% + 15px + (100vw - 1140px) / 2 );
}
}
.imgshadow img{
box-shadow: 0rem 4rem 0px -2rem #F5F5F5;
margin-bottom: 2rem;
}
.imgshadow.captiondown figcaption{
margin-top: 0rem;
}
.imgshadow figcaption{
padding: 0.25rem 0;
text-align: center;
font-style: italic;
font-size: 80%;
color: #666666;
margin-top: 0rem;
}
.imgshadow.shadow-left figure{
padding-left: 2rem;
}
.imgshadow.shadow-left img{
box-shadow: -2rem 2rem 0px #F5F5F5;
}
.imgshadow.shadow-right figure{
padding-right: 2rem;
}
.imgshadow.shadow-right img{
box-shadow: 2rem 2rem 0px #F5F5F5;
}
.imgshadow.content-youtube > figure{
margin-bottom: 2rem;
}
.imgshadow.content-youtube iframe{
box-shadow: 0rem 4rem 0px -2rem #F5F5F5;
}
.imgshadow.shadow-left.content-youtube > figure{
margin-left: 2rem;
}
.imgshadow.shadow-left.content-youtube iframe{
box-shadow: -2rem 2rem 0px #F5F5F5;
}
.imgshadow.shadow-right.content-youtube > figure{
margin-right: 2rem;
}
.imgshadow.shadow-right.content-youtube iframe{
box-shadow: 2rem 2rem 0px #F5F5F5;
}
.mod_ids_report_archive{
position: relative;
}
.mod_ids_report_archive .camsinuse {
position: relative;
margin-top: 1rem !important;
margin-bottom: 1rem !important;
}
@media (min-width: 578px) {
.mod_ids_report_archive .camsinuse {
min-height: 295px;
}
}
@media (min-width: 768px) {
.mod_ids_report_archive .camsinuse {
min-height: 0px;
}
}
.mod_ids_report_archive .camsinuse a {
display: flex;
position: relative;
padding-top: calc(210px + 1rem);
}
.mod_ids_report_archive .camsinuse div.text {
position: relative;
width: 100%;
}
@media (min-width: 578px) {
.mod_ids_report_archive .camsinuse div.text {
display: flex;
flex-direction: column;
justify-content: space-between;
}
}
.mod_ids_report_archive .camsinuse time{
display: block;
color: #000;
text-align: right;
width: 100%;
}
.mod_ids_report_archive .camsinuse.news time{
font-weight: 600;
color: #000;
float: right;
width: auto;
}
.mod_ids_report_archive .camsinuse:hover time{
color: #FFF;
}
.mod_ids_report_archive .camsinuse span.label{
color: var(--ids-colour);
font-weight: 600;
font-size: 0.8rem;
}
.mod_ids_report_archive .camsinuse .text .teaser + p,
.mod_ids_report_archive .camsinuse p.labels {
color: var(--ids-colour2);
font-weight: 600;
font-size: 0.8rem;
margin-bottom: 1rem;
display: flex;
flex-wrap: wrap;
align-content: flex-end;
}
@media (min-width: 576px) and (max-width: 991.98px) {
.mod_ids_report_archive .camsinuse .text .teaser + p,
.mod_ids_report_archive .camsinuse p.labels {
padding-bottom: 1rem;
}
}
html[lang=es] .mod_ids_report_archive .camsinuse div.ce_text,
html[lang=es] .mod_ids_report_archive .camsinuse div.content-text,
html[lang=fr] .mod_ids_report_archive .camsinuse div.ce_text,
html[lang=fr] .mod_ids_report_archive .camsinuse div.content-text{}
.mod_ids_report_archive .camsinuse div.h3,
.mod_ids_report_archive .camsinuse h3 {
margin: 1rem 0;
padding-top: 0rem !important;
padding-bottom: 0rem !important;
font-size: 1rem;
line-height: 1.4;
}
@media (min-width: 768px) {
.mod_ids_report_archive .camsinuse div.h3,
.mod_ids_report_archive .camsinuse h3 {
margin: 1rem 0 1.5rem 0;
line-height: 1.3;
min-height: 60px;
}
}
@media (min-width: 992px) {
.mod_ids_report_archive .camsinuse div.h3,
.mod_ids_report_archive .camsinuse h3 {
min-height: 40px;
}
}
#main .mod_ids_report_archive .camsinuse div.ce_text,
#main .mod_ids_report_archive .camsinuse div.content-text {
overflow: hidden;
font-size: 0.91rem;
line-height: 1.3;
margin: 0 auto 1.5rem auto !important;
}
@media (min-width: 374px) {
#main .mod_ids_report_archive .camsinuse div.ce_text,
#main .mod_ids_report_archive .camsinuse div.content-text {
line-height: 1.5rem;
}
}
@media (min-width: 575px) {
#main .mod_ids_report_archive .camsinuse div.ce_text,
#main .mod_ids_report_archive .camsinuse div.content-text {}
}
@media (min-width: 768px) {
#main .mod_ids_report_archive .camsinuse div.ce_text,
#main .mod_ids_report_archive .camsinuse div.content-text{
margin: 0 auto 1.5rem auto !important;
line-height: 1.4 !important;
}
}
@media (min-width: 992px) {
#main .mod_ids_report_archive .camsinuse div.ce_text,
#main .mod_ids_report_archive .camsinuse div.content-text{
margin: 0 auto 1.5rem auto !important;
line-height: 1.4 !important;
}
}
#main .mod_ids_report_archive .camsinuse div.ce_text p,
#main .mod_ids_report_archive .camsinuse div.content-text p {}
#main .mod_ids_report_archive .camsinuse div.ce_text p:last-child,
#main .mod_ids_report_archive .camsinuse div.content-text p:last-child {
margin-bottom: 0;
}
.mod_ids_report_archive .camsinuse .text .teaser + p span i,
.mod_ids_report_archive .camsinuse p.labels span i{
text-transform: initial;
font-style: normal;
}
.mod_ids_report_archive .camsinuse .text .teaser + p span,
.mod_ids_report_archive .camsinuse p.labels span {
white-space: nowrap;
margin-right: 15px;
}
.mod_ids_report_archive .camsinuse .text .teaser + p span:last-child,
.mod_ids_report_archive .camsinuse p.labels span:last-child{
margin-right: 0px;
}
.mod_ids_report_archive .camsinuse.hover div.h3,
.mod_ids_report_archive .camsinuse.hover h3,
.mod_ids_report_archive .camsinuse.hover {
color: #FFFFFF;
}
.mod_ids_report_archive .camsinuse.hover div.bg{
left: -15px;
right: -15px;
top: -0.5rem;
bottom: -0.5rem;
}
.mod_ids_report_archive .camsinuse figure {
height: calc( 60vw - 1rem );
overflow: hidden;
position: relative;
width: 100%;
transition: height 350ms linear;
}
@media (min-width: 576px) {
.mod_ids_report_archive .camsinuse figure {
width: 250px;
height: 100%;
transition: width 350ms linear;
}
}
@media (min-width: 768px) {
.mod_ids_report_archive .camsinuse figure {
height: 210px;
width: 100%;
transition: height 350ms linear;
}
}
@media (min-width: 992px) {
.mod_ids_report_archive .camsinuse figure {
height: 174px;
}
}
@media (min-width: 1200px) {
.mod_ids_report_archive .camsinuse figure {
height: 210px;
}
}
.mod_ids_report_archive .camsinuse.hover figure{
height: 100%;
overflow: hidden;
position: relative;
width: 100%;
}
.mod_ids_report_archive .camsinuse figure img{
width: 100% !important;
}
.mod_ids_report_archive .camsinuse picture {
display: block;
position: relative;
overflow: hidden;
width: 100% !important;
height: 100% !important;
border: 1px solid rgba(234,234,234, 0.25);
transition: width 350ms linear, height 350ms linear;
}
div[class*="bg-grey"] .mod_ids_report_archive .camsinuse picture {
border: none;
}
.mod_ids_report_archive .camsinuse.hover picture{
width: 100% !important;
height: 100% !important;
}
.mod_ids_report_archive .camsinuse figure img {
object-fit: cover;
width: 100% !important;
height: 100% !important;
position: relative;
display: block;
left: 50%;
/* transform: translateX(-50%); */
top: 50%;
transform: translate3D(-50%, -50%, 0px);
transition: transform 350ms linear, height 350ms linear, width 350ms linear;
}
.mod_ids_report_archive .camsinuse.hover figure img {
width: 100% !important;
height: 100% !important;
position: absolute;
left: 50%;
/* transform: translateX(-50%); */
top: 50%;
transform: translate3D(-50%, -50%, 0px);
}
.mod_ids_report_archive .camsinuse div.filter{
background: #000000;
opacity: 0;
height: 100%;
width: 100%;
position:absolute;
top: 0;
left: 0;
transition: opacity 350ms linear;
}
.mod_ids_report_archive .camsinuse.hover div.filter{
opacity: 0.5;
}
.mod_ids_report_archive .camsinuse.hover p.labels{
color: #FFFFFF;
}
.kb-breadcrumb{
margin-top: 3.8rem;
}
.kb-subhead{
margin-bottom: 6.5rem;
font-size: 1.3rem;
}
.labelfilter{
position: absolute;
margin-top: -9rem;
text-align: center;
width: 100%;
}
.labelfilter i.x-close {
position: absolute;
margin-top: -2px;
font-style: normal;
font-size: 0.6rem;
margin-left: 4px;
}
.labelfilter span{
background: var(--ids-colour);
display: inline-block;
padding: 0.5rem 1.2rem 0.5rem 1rem;
border-radius: 19px;
height: 38px;
font-size: 0.9rem;
color: #FFFFFF;
margin: 0 1rem;
transition: background-color 250ms linear, color 250ms linear;
}
.labelfilter span:hover{
background: #FFFFFF;
color: var(--ids-colour);
}
.kb-overview h1{
text-align: center;
}
.kb-overview {
background-position: top center;
background-size: 576px 600px;
background-repeat: no-repeat;
}
.kb-overview.casestudies{
background-image: url(/files/images/knowledgebase/layout/bg-header/case-studies-576.jpg);
}
.kb-overview.techtipps{
background-image: url(/files/images/knowledgebase/layout/bg-header/tech-tipps-576.jpg);
}
.kb-overview.applicationnotes{
background-image: url(/files/images/knowledgebase/layout/bg-header/application-notes-576.jpg);
}
.kb-overview.programmingexamples{
background-image: url(/files/images/knowledgebase/layout/bg-header/programming-examples-576.jpg);
}
.kb-overview.technicalarticles{
background-image: url(/files/images/knowledgebase/layout/bg-header/ctechnical-articles-576.jpg);
}
.kb-overview.whitepaper{
background-image: url(/files/images/knowledgebase/layout/bg-header/whitepaper-576.jpg);
}
.kb-overview.overview{
background-image: url(/files/images/knowledgebase/layout/bg-header/overview-576.jpg);
}
.kb-overview.news{
background-image: url(/files/images/knowledgebase/layout/bg-header/news-576.jpg);
}
.kb-header header {
position: relative;
margin-bottom: 6rem;
}
.kb-categorylabel{
padding-bottom: 1rem;
font-weight: 600;
font-size: 1rem;
}
.kb-categorylabel span{
color: var(--ids-colour2);
display: inline-block;
width: calc(100% - 90px);
}
.kb-categorylabel time{
display: inline-block;
width: 80px;
vertical-align: top;
float:right;
text-align: right;
}
.mod_ids_report_archive > .content-text{
text-align: center;
width: 62%;
margin: 0.4rem auto;
font-size: 1.1rem;
line-height: 1.3;
color: #FFFFFF;
font-weight: 300;
}
html[lang=es] .mod_ids_report_archive div.teaser,
html[lang=fr] .mod_ids_report_archive div.teaser{}
.mod_ids_report_archive div.teaser{
overflow: hidden;
position: relative;
}
@media (min-width: 992px) {
.mod_ids_report_archive div.teaser{}
}
@media (min-width: 1200px) {
.mod_ids_report_archive div.teaser{}
}
.mod_ids_report_archive form span{
display:block;
text-align: center;
font-weight: 700;
font-size: 1.2rem;
color: #FFFFFF;
margin-bottom: 0.7rem;
}
.mod_ids_report_archive form select{
width: 100%;
height: 3rem;
}
.mod_ids_report_archive form{
margin-bottom: 4rem !important;
}
.mod_ids_report_archive .camsinuse div.bg{
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
transition: top 350ms linear, left 350ms linear, right 350ms linear, bottom 350ms linear;
}
.mod_ids_report_archive div.h3,
.mod_ids_report_archive h3 {
color:#000000;
}
.kb-button a{
width: 100%;
padding: 110px 0 20px;
display: block;
background-color: white;
text-align: center;
line-height: 20px;
font-weight: bold;
background-repeat: no-repeat;
background-position: center;
background-position-y: 30px;
background-size: auto 65px;
border-radius: 3px;
border: 1px solid #E3E3E3;
color: #000000;
transition: background 250ms linear, border 250ms linear, color 250ms linear;
}
.kb-button.line a{
padding: 30px 0 30px 80px;
background-position: left center;
background-position-x: 20px;
text-align: left;
background-size: 44px;
}
/*#main .kb-button:hover a,*/
#main .kb-button a:focus,
#main .kb-button a:hover,
.kb-button.active a {
background-color: var(--ids-colour);
color: white;
}
.kb-button.kb-techtipps a{
background-image:url(/files/layout/icons/gen/tech-tips-ids-machine-vision-cameras-black.svg);
}
.kb-button.kb-casestudies a{
background-image:url(/files/layout/icons/gen/case-studies-ids-machine-vision-cameras-black.svg);
}
.kb-button.kb-applicationnotes a{
background-image:url(/files/layout/icons/gen/application-notes-ids-machine-vision-cameras-black.svg);
}
.kb-button.kb-programmingexamples a{
background-image:url(/files/layout/icons/gen/programming-examples-ids-machine-vision-cameras-black.svg);
}
.kb-button.kb-technicalarticles a{
background-image:url(/files/layout/icons/gen/technical-articles-ids-machine-vision-cameras-black.svg);
}
.kb-button.kb-whitepaper a{
background-image:url(/files/layout/icons/gen/whitepaper-ids-machine-vision-cameras-black.svg);
}
.kb-button.kb-pdf a{
background-image:url(/files/layout/icons/gen/data-sheet-ids-machine-vision-cameras-black.svg);
}
.kb-button.kb-video a{
background-image:url(/files/layout/icons/gen/support-ids-machine-vision-cameras-black.svg);
}
.kb-button.kb-explorer a{
background-image:url(/files/layout/icons/gen/support-ids-machine-vision-cameras-black.svg);
}
.kb-button.kb-help a{
background-image:url(/files/layout/icons/gen/support-ids-machine-vision-cameras-black.svg);
}
.kb-button.kb-back a{
background-image:url(/files/layout/icons/gen/support-ids-machine-vision-cameras-black.svg);
}
.kb-button.kb-techtipps:hover a,
.kb-button.active.kb-techtipps a{
background-image:url(/files/layout/icons/gen/tech-tips-ids-machine-vision-cameras-white.svg);
}
.kb-button.kb-casestudies:hover a,
.kb-button.active.kb-casestudies a{
background-image:url(/files/layout/icons/gen/case-studies-ids-machine-vision-cameras-white.svg);
}
.kb-button.kb-applicationnotes:hover a,
.kb-button.active.kb-applicationnotes a{
background-image:url(/files/layout/icons/gen/application-notes-ids-machine-vision-cameras-white.svg);
}
.kb-button.kb-programmingexamples:hover a,
.kb-button.active.kb-programmingexamples a{
background-image:url(/files/layout/icons/gen/programming-examples-ids-machine-vision-cameras-white.svg);
}
.kb-button.kb-technicalarticles:hover a,
.kb-button.active.kb-technicalarticles a{
background-image:url(/files/layout/icons/gen/technical-articles-ids-machine-vision-cameras-white.svg);
}
.kb-button.kb-whitepaper:hover a,
.kb-button.active.kb-whitepaper a{
background-image:url(/files/layout/icons/gen/whitepaper-ids-machine-vision-cameras-white.svg);
}
.kb-button.kb-pdf:hover a,
.kb-button.active.kb-pdf a{
background-image:url(/files/layout/icons/gen/data-sheet-ids-machine-vision-cameras-white.svg);
}
.kb-button.kb-video:hover a,
.kb-button.active.kb-video a{
background-image:url(/files/layout/icons/gen/support-ids-machine-vision-cameras-white.svg);
}
.kb-button.kb-explorer:hover a,
.kb-button.active.kb-explorer a{
background-image:url(/files/layout/icons/gen/support-ids-machine-vision-cameras-white.svg);
}
.kb-button.kb-back:hover a,
.kb-button.active.kb-back a{
background-image:url(/files/layout/icons/gen/support-ids-machine-vision-cameras-white.svg);
}
.kb-button.kb-help:hover a,
.kb-button.active.kb-help a{
background-image:url(/files/layout/icons/gen/support-ids-machine-vision-cameras-white.svg);
}
.mod_ids_report_reader .ids_report header > *{
position: relative;
color: white;
}
#main .mod_ids_report_reader .ids_report .mod_breadcrumb{
margin-top: 5.5rem;
min-height: 1.5rem;
}
#main .mod_ids_report_reader .ids_report header h1{
color: white;
margin-top: 1rem;
margin-bottom: 3rem;
text-transform: none;
}
.mod_ids_report_reader .ids_report header{
position: relative;
margin-bottom: 3rem;
padding-bottom: 4rem;
}
.mod_ids_report_reader .ids_report div.bg {
position: absolute;
height: 100%;
overflow: hidden;
width: 100%;
}
.mod_ids_report_reader .ids_report div.bg figure{
position: absolute;
width: 100%;
height: 100%;
}
.mod_ids_report_reader .ids_report div.bg picture,
.mod_ids_report_reader .ids_report div.bg img{
width: auto !important;
min-width: 100%;
min-height: 100%;
position: absolute;
left: 50%;
transform: translateX(-50%);
border: none !important;
}
.kb-info>div,
.kb-warning>div,
.kb-tip>div{
padding: 15px 15px 15px 68px ;
background-image: url(/files/layout/icons/gen/info-ids-machine-vision-cameras-dark-grey.svg);
background-position: 18px 14px;
background-size: 32px 32px;
background-repeat: no-repeat;
background-color: var(--kb-info-background);
border: 1px solid var(--kb-info-border);
border-radius: 3px;
}
.kb-tip>div{
background-color: var(--kb-tip-background);
border: 1px solid var(--kb-tip-border);
background-image: url(/files/layout/icons/gen/check-mark-circle-ids-machine-vision-cameras-dark-grey.svg);
}
.kb-warning>div{
background-color: var(--kb-warning-background);
border: 1px solid var(--kb-warning-border);
background-image: url(/files/layout/icons/gen/exclamation-mark-ids-machine-vision-cameras-dark-grey.svg);
}
.mod_ids_report_reader .ids_report div.bg .overlay{
background-color: #000000;
opacity: 0.5;
width: 100%;
height: 100%;
position: absolute;
}
.mod_ids_report_reader .ids_report header .button a {
border: 2px solid white;
display: block;
background-repeat: no-repeat;
background-size: auto 28px;
background-position: left center;
background-position-x: 10px;
padding: 0.5rem 1.5rem 0.5rem 3rem;
transition: background 250ms linear, color 250ms linear;
}
.mod_ids_report_reader .ids_report header .button a:hover {
background-color: #FFFFFF;
color: var(--ids-colour);
}
.mod_ids_report_reader .ids_report header a.play.bgicon {
background-size: auto 28px;
}
.mod_ids_report_reader .ids_report header a.pdf{
background-image: url(/files/layout/icons/gen/data-sheet-ids-machine-vision-cameras-white.svg);
background-size: auto 22px;
}
.mod_ids_report_reader .ids_report header a.pdf:hover {
background-image: url(/files/layout/icons/gen/data-sheet-ids-machine-vision-cameras-ids-colour.svg);
}
#main .mod_ids_report_archive .camsinuse.hover a .block{
color: #FFFFFF;
}
.mod_ids_report_archive .camsinuse.notactive>*{
opacity: 0.3;
}
#main .mod_ids_report_reader .mod_breadcrumb li,
#main .mod_ids_report_reader .mod_breadcrumb li a{
color: #FFFFFF;
}
#main .mod_ids_report_reader .mod_breadcrumb ul li a span::before {
background: #FFFFFF;
}
#newsroom-header-text {}
@media (max-width: 326px) {
html[lang="de"] #newsroom-header-text {
font-size: 0.75rem;
}
}
@media (min-width: 327px) and (max-width: 430px) {
html[lang="de"] #newsroom-header-text {
font-size: 0.875rem;
}
}
@media (max-width: 327px) {
html[lang="es"] #newsroom-header-text {
font-size: 0.75rem;
margin-bottom: 0rem !important;
}
}
@media (min-width: 328px) and (max-width: 376px) {
html[lang="es"] #newsroom-header-text {
font-size: 0.875rem;
margin-bottom: 0rem !important;
}
}
@media (min-width: 377px) and (max-width: 494px) {
html[lang="es"] #newsroom-header-text {
font-size: 0.875rem;
margin-bottom: 1rem !important;
}
}
@media (min-width: 495px) and (max-width: 560px) {
html[lang="es"] #newsroom-header-text {
font-size: 1rem;
margin-bottom: 1rem !important;
}
}
@media (min-width: 576px) and (max-width: 767px) {
html[lang="es"] #newsroom-header-text {
margin-bottom: 0rem !important;
}
}
@media (max-width: 472px) {
html[lang="fr"] #newsroom-header-text {
font-size: 0.75rem;
}
}
@media (min-width: 473px) and (max-width: 546px) {
html[lang="fr"] #newsroom-header-text {
font-size: 0.875rem;
}
}
.mod_ids_report_archive .mod_ids_report_archive_filter,
.mod_ids_report_archive .mod_ids_report_archive_news_filter {
position: relative;
overflow: hidden;
}
.mod_ids_report_archive .filter {
}
.mod_ids_report_archive .filter .filter_block {
text-align: center;
}
.mod_ids_report_archive .filter .filter_block label {
text-align: center;
font-weight: bold;
font-size: 1rem !important;
color: #FFFFFF;
}
.mod_ids_report_archive .filter .filter_block select {
outline: none;
}
.mod_ids_report_archive .filter .filter_block.filter_block_year {}
.mod_ids_report_archive .filter .filter_block.filter_block_category {}
#mod_ids_report_archive_list {}
@media (min-width: 488px) and (max-width: 767px) {
html[lang="de"] #mod_ids_report_archive_list {
margin-top: 4rem !important;
}
}
@media (min-width: 484px) and (max-width: 530px) {
html[lang="en-GB"] #mod_ids_report_archive_list {
margin-top: 5rem !important;
}
}
@media (min-width: 531px) and (max-width: 767px) {
html[lang="en-GB"] #mod_ids_report_archive_list {
margin-top: 6rem !important;
}
}
@media (min-width: 0px) and (max-width: 448px) {
html[lang="ja"] #mod_ids_report_archive_list {
margin-top: 4rem !important;
}
}
@media (min-width: 449px) and (max-width: 767px) {
html[lang="ja"] #mod_ids_report_archive_list {
margin-top: 5rem !important;
}
}
@media (min-width: 0px) and (max-width: 445px) {
html[lang="zh"] #mod_ids_report_archive_list {
margin-top: 4rem !important;
}
}
@media (min-width: 446px) and (max-width: 767px) {
html[lang="zh"] #mod_ids_report_archive_list {
margin-top: 5rem !important;
}
}
@media (max-width: 767.98px) {
.mod_ids_report_reader .ids_report header figure > img,
.mod_ids_report_reader .ids_report header figure > a > img{
width: auto !important;
height: 100% !important;
}
.kb-header header .content-text{
position: relative;
text-align: center;
width: 90%;
margin: 0 auto;
}
}
@media (min-width: 576px) and (max-width: 767.98px) {
.mod_ids_report_archive .camsinuse figure{
float: left;
width: 250px;
height: 100%;
overflow: hidden;
margin-right: 1rem;
margin-bottom: 0;
position: relative;
}
.mod_ids_report_archive .kb-categorylabel span{
width: 100%;
}
.mod_ids_report_archive .kb-categorylabel{
padding-left: 0 !important;
}
.mod_ids_report_archive div.teaser{
}
.mod_ids_report_archive .camsinuse figure img{
height: 100% !important;
width: auto !important;
position: absolute;
left: 50%;
/* transform: translateX(-50%); */
top: 50%;
transform: translate3D(-50%, -50%, 0px);
}
.mod_ids_report_archive .camsinuse{
}
.mod_ids_report_archive .camsinuse a{
padding-top: 0;
padding-left: calc(250px + 1rem);
}
.mod_ids_report_archive .camsinuse div.ce_text,
.mod_ids_report_archive .camsinuse div.content-text {
padding-left: 0 !important;
margin-bottom: 5px;
margin: 0.5rem auto !important;
line-height: 1.4 !important;
}
.mod_ids_report_archive .camsinuse.hover figure{
width: 100%;
height: 100%;
margin-right: 0;
}
.mod_ids_report_archive .camsinuse.hover figure img{
width: 100% !important;
height: 100% !important;
}
.mod_ids_report_archive .camsinuse.hover p.labels{}
.mod_ids_report_archive .camsinuse div.h3,
.mod_ids_report_archive .camsinuse h3 {
padding-top: 1rem !important;
}
.mod_ids_report_archive .camsinuse div.h3,
.mod_ids_report_archive .camsinuse h3,
.mod_ids_report_archive .camsinuse .text .teaser + p,
.mod_ids_report_archive .camsinuse p.labels{
padding-left: 0 !important;
}
}
@media (max-width: 575.98px) {
.mod_ids_report_archive .camsinuse a{
padding-top: calc(60% + 1rem);
}
}
/*SM*/
@media (min-width:576px) {
.kb-overview {
background-size: 768px 550px;
}
.kb-overview.casestudies{
background-image: url(/files/images/knowledgebase/layout/bg-header/case-studies-768.jpg);
}
.kb-overview.techtipps{
background-image: url(/files/images/knowledgebase/layout/bg-header/tech-tipps-768.jpg);
}
.kb-overview.applicationnotes{
background-image: url(/files/images/knowledgebase/layout/bg-header/application-notes-768.jpg);
}
.kb-overview.programmingexamples{
background-image: url(/files/images/knowledgebase/layout/bg-header/programming-examples-768.jpg);
}
.kb-overview.technicalarticles{
background-image: url(/files/images/knowledgebase/layout/bg-header/ctechnical-articles-768.jpg);
}
.kb-overview.whitepaper{
background-image: url(/files/images/knowledgebase/layout/bg-header/whitepaper-768.jpg);
}
.kb-overview.overview{
background-image: url(/files/images/knowledgebase/layout/bg-header/overview-768.jpg);
}
.kb-overview.news{
background-image: url(/files/images/knowledgebase/layout/bg-header/news-768.jpg);
}
.imgshadow.shadow-sm-left figure{
padding-left: 2rem;
}
.imgshadow.shadow-sm-left img{
box-shadow: -2rem 2rem 0px #F5F5F5;
}
.imgshadow.shadow-sm-right figure{
padding-right: 2rem;
}
.imgshadow.shadow-sm-right img{
box-shadow: 2rem 2rem 0px #F5F5F5;
}
.imgshadow.captiondown-sm figcaption{
margin-top: 2rem;
}
.imgshadow.captionup-sm figcaption{
margin-top: 0;
}
.imgshadow.shadow-sm-left.content-youtube iframe{
box-shadow: -2rem 2rem 0px #F5F5F5;
}
.imgshadow.shadow-sm-left.content-youtube > figure{
margin-left: 2rem;
}
.imgshadow.shadow-sm-right.content-youtube > figure{
margin-right: 2rem;
}
.imgshadow.shadow-sm-right.content-youtube iframe{
box-shadow: 2rem 2rem 0px #F5F5F5;
}
}
/*MD*/
@media (min-width:768px) {
.kb-overview {
background-size: 992px 450px;
}
.kb-overview.casestudies{
background-image: url(/files/images/knowledgebase/layout/bg-header/case-studies-992.jpg);
}
.kb-overview.techtipps{
background-image: url(/files/images/knowledgebase/layout/bg-header/tech-tipps-992.jpg);
}
.kb-overview.applicationnotes{
background-image: url(/files/images/knowledgebase/layout/bg-header/application-notes-992.jpg);
}
.kb-overview.programmingexamples{
background-image: url(/files/images/knowledgebase/layout/bg-header/programming-examples-992.jpg);
}
.kb-overview.technicalarticles{
background-image: url(/files/images/knowledgebase/layout/bg-header/ctechnical-articles-992.jpg);
}
.kb-overview.whitepaper{
background-image: url(/files/images/knowledgebase/layout/bg-header/whitepaper-992.jpg);
}
.kb-overview.overview{
background-image: url(/files/images/knowledgebase/layout/bg-header/overview-992.jpg);
}
.kb-overview.news{
background-image: url(/files/images/knowledgebase/layout/bg-header/news-992.jpg);
}
.imgshadow.shadow-md-left figure{
padding-left: 2rem;
}
.imgshadow.shadow-md-left img{
box-shadow: -2rem 2rem 0px #F5F5F5;
}
.imgshadow.shadow-md-right figure{
padding-right: 2rem;
}
.imgshadow.shadow-md-right img{
box-shadow: 2rem 2rem 0px #F5F5F5;
}
.imgshadow.captiondown-md figcaption{
margin-top: 2rem;
}
.imgshadow.captionup-md figcaption{
margin-top: 0;
}
.imgshadow.shadow-md-left.content-youtube iframe{
box-shadow: -2rem 2rem 0px #F5F5F5;
}
.imgshadow.shadow-md-right.content-youtube iframe{
box-shadow: 2rem 2rem 0px #F5F5F5;
}
.imgshadow.shadow-md-left.content-youtube > figure{
margin-left: 2rem;
}
.imgshadow.shadow-md-right.content-youtube > figure{
margin-right: 2rem;
}
}
/*LG*/
@media (min-width:992px) {
.mod_ids_report_archive .camsinuse a{
padding-top: calc(174px + 1rem);
}
.kb-overview {
background-size: 1200px 410px;
}
.kb-overview.casestudies{
background-image: url(/files/images/knowledgebase/layout/bg-header/case-studies-1200.jpg);
}
.kb-overview.techtipps{
background-image: url(/files/images/knowledgebase/layout/bg-header/tech-tipps-1200.jpg);
}
.kb-overview.applicationnotes{
background-image: url(/files/images/knowledgebase/layout/bg-header/application-notes-1200.jpg);
}
.kb-overview.programmingexamples{
background-image: url(/files/images/knowledgebase/layout/bg-header/programming-examples-1200.jpg);
}
.kb-overview.technicalarticles{
background-image: url(/files/images/knowledgebase/layout/bg-header/ctechnical-articles-1200.jpg);
}
.kb-overview.whitepaper{
background-image: url(/files/images/knowledgebase/layout/bg-header/whitepaper-1200.jpg);
}
.kb-overview.overview{
background-image: url(/files/images/knowledgebase/layout/bg-header/overview-1200.jpg);
}
.kb-overview.news{
background-image: url(/files/images/knowledgebase/layout/bg-header/news-1200.jpg);
}
.imgshadow.shadow-lg-left figure{
padding-left: 2rem;
}
.imgshadow.shadow-lg-left img{
box-shadow: -2rem 2rem 0px #F5F5F5;
}
.imgshadow.shadow-lg-right figure{
padding-right: 2rem;
}
.imgshadow.shadow-lg-right img{
box-shadow: 2rem 2rem 0px #F5F5F5;
}
.imgshadow.captiondown-lg figcaption{
margin-top: 2rem;
}
.imgshadow.captionup-lg figcaption{
margin-top: 0;
}
.imgshadow.shadow-lg-left.content-youtube iframe{
box-shadow: -2rem 2rem 0px #F5F5F5;
}
.imgshadow.shadow-lg-right.content-youtube iframe{
box-shadow: 2rem 2rem 0px #F5F5F5;
}
.imgshadow.shadow-lg-left.content-youtube > figure{
margin-left: 2rem;
}
.imgshadow.shadow-lg-right.content-youtube > figure{
margin-right: 2rem;
}
}
/*XL*/
@media (min-width:1200px) {
.mod_ids_report_archive .camsinuse a{
padding-top: calc(210px + 1rem);
}
.kb-overview {
background-size: 1910px 400px;
}
.kb-overview.casestudies{
background-image: url(/files/images/knowledgebase/layout/bg-header/case-studies-1920.jpg);
}
.kb-overview.techtipps{
background-image: url(/files/images/knowledgebase/layout/bg-header/tech-tipps-1920.jpg);
}
.kb-overview.applicationnotes{
background-image: url(/files/images/knowledgebase/layout/bg-header/application-notes-1920.jpg);
}
.kb-overview.programmingexamples{
background-image: url(/files/images/knowledgebase/layout/bg-header/programming-examples-1920.jpg);
}
.kb-overview.technicalarticles{
background-image: url(/files/images/knowledgebase/layout/bg-header/ctechnical-articles-1920.jpg);
}
.kb-overview.whitepaper{
background-image: url(/files/images/knowledgebase/layout/bg-header/whitepaper-1920.jpg);
}
.kb-overview.overview{
background-image: url(/files/images/knowledgebase/layout/bg-header/overview-1920.jpg);
}
.kb-overview.news{
background-image: url(/files/images/knowledgebase/layout/bg-header/news-1920.jpg);
}
.imgshadow.shadow-xl-left figure{
padding-left: 2rem;
}
.imgshadow.shadow-xl-left img{
box-shadow: -2rem 2rem 0px #F5F5F5;
}
.imgshadow.shadow-xl-right figure{
padding-right: 2rem;
}
.imgshadow.shadow-xl-right img{
box-shadow: 2rem 2rem 0px #F5F5F5;
}
.imgshadow.captiondown-xl figcaption{
margin-top: 2rem;
}
.imgshadow.captionup-xl figcaption{
margin-top: 0;
}
.imgshadow.shadow-xl-left.content-youtube iframe{
box-shadow: -2rem 2rem 0px #F5F5F5;
}
.imgshadow.shadow-xl-right.content-youtube iframe{
box-shadow: 2rem 2rem 0px #F5F5F5;
}
.imgshadow.shadow-xl-left.content-youtube > figure{
margin-left: 2rem;
}
.imgshadow.shadow-xl-right.content-youtube > figure{
margin-right: 2rem;
}
}
/*XXL*/
@media (min-width:1800px) {
.container.xxl .imgshadow.shadow-sm-left figure,
.container.xxl .imgshadow.shadow-md-left figure,
.container.xxl .imgshadow.shadow-lg-left figure,
.container.xxl .imgshadow.shadow-xl-left figure,
.container.xxl .imgshadow.shadow-xxl-left figure,
.container.xxl .imgshadow.shadow-left figure{
padding-left: 4rem;
}
.container.xxl .imgshadow.shadow-sm-left img,
.container.xxl .imgshadow.shadow-md-left img,
.container.xxl .imgshadow.shadow-lg-left img,
.container.xxl .imgshadow.shadow-xl-left img,
.container.xxl .imgshadow.shadow-xxl-left img,
.container.xxl .imgshadow.shadow-left img{
box-shadow: -4rem 2rem 0px #F5F5F5;
}
.container.xxl .imgshadow.shadow-sm-right figure,
.container.xxl .imgshadow.shadow-md-right figure,
.container.xxl .imgshadow.shadow-lg-right figure,
.container.xxl .imgshadow.shadow-xl-right figure,
.container.xxl .imgshadow.shadow-xxl-right figure,
.container.xxl .imgshadow.shadow-right figure{
padding-right: 4rem;
}
.container.xxl .imgshadow.shadow-sm-right img,
.container.xxl .imgshadow.shadow-md-right img,
.container.xxl .imgshadow.shadow-lg-right img,
.container.xxl .imgshadow.shadow-xl-right img,
.container.xxl .imgshadow.shadow-xxl-right img,
.container.xxl .imgshadow.shadow-right img{
box-shadow: 4rem 2rem 0px #F5F5F5;
}
.container.xxl .imgshadow.shadow-sm-right.content-youtube > figure,
.container.xxl .imgshadow.shadow-md-right.content-youtube > figure,
.container.xxl .imgshadow.shadow-lg-right.content-youtube > figure,
.container.xxl .imgshadow.shadow-xl-right.content-youtube > figure,
.container.xxl .imgshadow.shadow-xxl-right.content-youtube > figure,
.container.xxl .imgshadow.shadow-right.content-youtube > figure{
margin-right: 4rem;
}
.container.xxl .imgshadow.shadow-sm-right.content-youtube iframe,
.container.xxl .imgshadow.shadow-md-right.content-youtube iframe,
.container.xxl .imgshadow.shadow-lg-right.content-youtube iframe,
.container.xxl .imgshadow.shadow-xl-right.content-youtube iframe,
.container.xxl .imgshadow.shadow-xxl-right.content-youtube iframe,
.container.xxl .imgshadow.shadow-right.content-youtube iframe{
box-shadow: 4rem 2rem 0px #F5F5F5;
}
.container.xxl .imgshadow.shadow-sm-left.content-youtube > figure,
.container.xxl .imgshadow.shadow-md-left.content-youtube > figure,
.container.xxl .imgshadow.shadow-lg-left.content-youtube > figure,
.container.xxl .imgshadow.shadow-xl-left.content-youtube > figure,
.container.xxl .imgshadow.shadow-xxl-left.content-youtube > figure,
.container.xxl .imgshadow.shadow-left.content-youtube > figure{
margin-left: 4rem;
}
.container.xxl .imgshadow.shadow-sm-left.content-youtube iframe,
.container.xxl .imgshadow.shadow-md-left.content-youtube iframe,
.container.xxl .imgshadow.shadow-lg-left.content-youtube iframe,
.container.xxl .imgshadow.shadow-xl-left.content-youtube iframe,
.container.xxl .imgshadow.shadow-xxl-left.content-youtube iframe,
.container.xxl .imgshadow.shadow-left.content-youtube iframe{
box-shadow: -4rem 2rem 0px #F5F5F5;
}
}
/**********************************
AI SOLUTIONS ENTRY: START
***********************************/
.mod_ids_report_archive.ai-solutions {
display: flex;
flex-direction: column;
}
.mod_ids_report_archive.ai-solutions #mod_ids_report_archive_list {
margin: 0 !important;
order: 5;
}
/* CATEGORY - FILTER */
.mod_ids_report_archive.ai-solutions .mod_ids_report_archive_filter {}
.mod_ids_report_archive.ai-solutions .mod_ids_report_archive_filter form {
/*margin-bottom: 3rem !important; NUR WENN SLIDER GENUTZT WIRD*/
margin-bottom: 1rem !important;
}
@media (min-width: 992px) {
.mod_ids_report_archive.ai-solutions .mod_ids_report_archive_filter form {
margin-bottom: 1rem !important;
}
}
.mod_ids_report_archive.ai-solutions .mod_ids_report_archive_filter form .filter_block {}
.mod_ids_report_archive.ai-solutions .mod_ids_report_archive_filter form .filter_block label {
color: #000000;
font-weight: bold !important;
font-size: 1rem !important;
}
.mod_ids_report_archive.ai-solutions .mod_ids_report_archive_filter form .filter_block select {}
/* LABEL - FILTER */
.mod_ids_report_archive.ai-solutions .labelfilter {
position: relative;
margin: 0 0 1rem 0;
order: 1;
}
.mod_ids_report_archive.ai-solutions .labelfilter a {
display: inline-block;
margin: 0 1rem;
}
.mod_ids_report_archive.ai-solutions .labelfilter a:hover {}
.mod_ids_report_archive.ai-solutions .labelfilter a:hover span {
background: #007E88;
color: #FFFFFF;
}
.mod_ids_report_archive.ai-solutions .labelfilter a:hover span i {
transform: scale(1.5);
}
.mod_ids_report_archive.ai-solutions .labelfilter a span {
margin: 0;
transition: background 250ms linear, color 250ms linear;
}
.mod_ids_report_archive.ai-solutions .labelfilter a span i {
top: 0;
transform: scale(1);
transition: transform 250ms linear;
}
.mod_ids_report_archive.ai-solutions .labellist {}
.mod_ids_report_archive.ai-solutions #mod_ids_report_archive_list + .labellist {
margin: 0;
order: 3;
}
.mod_ids_report_archive.ai-solutions .labellist li {}
.mod_ids_report_archive.ai-solutions .labellist li a.label {
transition: background 250ms linear, color 250ms linear;
}
/* PAGING */
.mod_ids_report_archive.ai-solutions .pages {
order: 10;
}
.mod_ids_report_archive.ai-solutions .pages .pagination {}
/* KACHElANSICHT - EINTRAG */
.ai_solutions_entry {
position: relative;
overflow: visible;
}
.ai_solutions_entry:hover {}
.ai_solutions_entry:hover .content .header .image_wrap {}
.ai_solutions_entry:hover .content .header .image_wrap .image_bg {}
.ai_solutions_entry:hover .content .header .image_wrap .image_bg .image_bg_inner {
transform: scale(1.1);
}
.ai_solutions_entry:hover .content .header .image_wrap .image_filter {}
.ai_solutions_entry:hover .content .header .text_wrap .text_inner {}
.ai_solutions_entry:hover .header .text_wrap .text_inner .headline_wrap .headline_inner h3 {
color: var(--ids-colour);
}
.ai_solutions_entry:hover .header .text_wrap .text_inner span.hashtag {}
.ai_solutions_entry:hover .header .text_wrap .labels_wrap .labels_inner .label {}
.ai_solutions_entry.show .content .header .image_wrap {
top: -15px;
left: -15px;
right: -15px;
bottom: -15px;
}
.ai_solutions_entry.show .content .header .image_wrap .image_bg {
height: 100%;
width: 100%;
}
.ai_solutions_entry.show .content .header .image_wrap .image_filter {
opacity: 0.5;
}
.ai_solutions_entry.show .content .header .text_wrap .text_inner {
color: #ffffff;
}
.ai_solutions_entry.show .header .text_wrap .text_inner .headline_wrap .headline_inner h3 {
color: #ffffff;
}
.ai_solutions_entry.show .header .text_wrap .text_inner span.hashtag {
color: #ffffff;
}
.ai_solutions_entry.show .header .text_wrap .labels_wrap .labels_inner .label {
color: #ffffff;
}
.ai_solutions_entry .content {
background: #FFFFFF;
position: relative;
height: 100%;
display: flex;
cursor: pointer;
}
.ai_solutions_entry .content .header {
position: relative;
height: 100%;
width: 100%;
margin: 0;
text-align: left;
}
.ai_solutions_entry .content .header .image_wrap {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
transition: top 350ms linear, left 350ms linear, right 350ms linear, bottom 350ms linear;
}
.ai_solutions_entry .content .header .image_wrap .image_bg {}
.ai_solutions_entry .content .header .image_wrap .image_bg {
/* background-color: #DEDEDE;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;*/
height: calc( 60vw - 1rem );
overflow: hidden;
position: relative;
width: 100%;
transition: height 350ms linear;
}
@media (min-width: 576px) {
.ai_solutions_entry .content .header .image_wrap .image_bg {
width: 250px;
height: 100%;
transition: width 350ms linear;
}
}
@media (min-width: 768px) {
.ai_solutions_entry .content .header .image_wrap .image_bg {
height: 210px;
width: 100%;
transition: height 350ms linear;
}
}
@media (min-width: 992px) {
.ai_solutions_entry .content .header .image_wrap .image_bg {
height: 174px;
}
}
@media (min-width: 1200px) {
.ai_solutions_entry .content .header .image_wrap .image_bg {
height: 210px;
}
}
.ai_solutions_entry .content .header .image_wrap .image_bg .image_bg_inner {
background-color: #DEDEDE;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
height: 100%;
overflow: hidden;
position: relative;
width: 100%;
transform: scale(1);
transition: transform 350ms linear;
}
.ai_solutions_entry .content .header .image_wrap .image_filter {
background: #000000;
opacity: 0;
height: 100%;
width: 100%;
position: absolute;
top: 0;
left: 0;
transition: opacity 350ms linear;
}
.ai_solutions_entry .content .header .text_wrap {
position: relative;
overflow: hidden;
margin-top: calc( 60vw - 1rem );
transition: margin 350ms linear;
height: calc(100% - 60vw + 1rem);
width: 100%;
display: flex;
flex-direction: column;
justify-content: space-between;
}
@media (min-width: 576px) {
.ai_solutions_entry .content .header .text_wrap {
width: calc(100% - 250px);
height: 100%;
margin-top: 0px;
margin-left: 250px;
transition: width 350ms linear;
display: flex;
flex-direction: column;
justify-content: space-between;
}
}
@media (min-width: 768px) {
.ai_solutions_entry .content .header .text_wrap {
margin-top: 210px;
margin-left: 0;
height: calc(100% - 210px);
width: 100%;
transition: margin-top 350ms linear;
}
}
@media (min-width: 992px) {
.ai_solutions_entry .content .header .text_wrap {
margin-top: 174px;
height: calc(100% - 174px);
}
}
@media (min-width: 1200px) {
.ai_solutions_entry .content .header .text_wrap {
margin-top: 210px;
height: calc(100% - 210px);
}
}
.ai_solutions_entry .header .text_wrap .text_inner {
display: flex;
flex-direction: column;
height: 100%;
transition: color 350ms linear;
}
@media (min-width: 576px) {
.ai_solutions_entry .header .text_wrap .text_inner {
display: flex;
flex-direction: column;
height: 100%;
}
}
.ai_solutions_entry .header .text_wrap .text_inner .headline_wrap {
margin-bottom: 1rem;
}
@media (min-width: 768px) {
.ai_solutions_entry .header .text_wrap .text_inner .headline_wrap {
margin-bottom: 1.5rem;
}
}
.ai_solutions_entry .header .text_wrap .text_inner .headline_wrap .headline_inner {}
.ai_solutions_entry .header .text_wrap .text_inner .headline_wrap .headline_inner h3 {
transition: color 350ms linear;
text-align: left;
margin: 0;
}
.ai_solutions_entry .header .text_wrap .text_inner .teaser_wrap {
/*margin-bottom: 1rem;*/
}
@media (min-width: 768px) {
.ai_solutions_entry .header .text_wrap .text_inner .teaser_wrap {
/*margin-bottom: 1.5rem;*/
}
}
@media (min-width: 992px) {
.ai_solutions_entry .header .text_wrap .text_inner .teaser_wrap {
margin-bottom: 1.5rem;
}
}
.ai_solutions_entry .header .text_wrap .text_inner .teaser_wrap .teaser_inner {
text-align: left;
}
.ai_solutions_entry .header .text_wrap .text_inner .teaser_wrap .teaser_inner p {}
.ai_solutions_entry .header .text_wrap .text_inner .teaser_wrap .teaser_inner p:last-child {
margin: 0;
}
.ai_solutions_entry .header .text_wrap .text_inner .teaser_wrap .teaser_inner a {
color: var(--ids-colour);
color: rgba(0, 138, 150, 0.85);
transition: color 350ms linear;
}
.ai_solutions_entry .header .text_wrap .text_inner .teaser_wrap .teaser_inner a:focus,
.ai_solutions_entry .header .text_wrap .text_inner .teaser_wrap .teaser_inner a:hover {
color: #007E88 !important;
}
.ai_solutions_entry .header .text_wrap .labels_wrap {
}
.ai_solutions_entry .header .text_wrap .labels_wrap .labels_inner {}
.ai_solutions_entry .header .text_wrap .labels_wrap .labels_inner .label {
color: var(--ids-colour);
font-weight: 600;
font-size: 0.8rem;
display: inline-block;
margin-right: 0.25rem;
transition: color 250ms linear;
}
.ai_solutions_entry .header .text_wrap .labels_wrap .labels_inner .label.mainlabel {
font-weight: 600;
}
.ai_solutions_entry .header .text_wrap .labels_wrap .price_wrap {
margin-top: 0.5rem;
margin-left: 0.75rem;
text-align: right;
}
.ai_solutions_entry .header .text_wrap .labels_wrap .price {
background: var(--ids-colour);
border: 0.125rem solid var(--ids-colour);
display: inline-block;
color: #FFFFFF;
font-size: 1.2rem;
line-height: 1.25;
padding: 0.25rem 0.5rem;
position: relative;
}
/* KACHELANSICHT DETAILS - EINTRAG */
#showentrycontent {}
#showentrycontent .entrycontent {
background: #FFFFFF;
}
#showentrycontent .entrycontent .entrycontent_wrap {}
#showentrycontent .entrycontent .entrycontent_wrap .entrycontent_inner {
overflow: hidden;
position: relative;
}
#showentrycontent .entrycontent .entrycontent_wrap .entrycontent_inner .content-text {
width: 100%;
}
#showentrycontent .entrycontent .entrycontent_wrap .entrycontent_inner>*:first-child {
margin-top: 0rem !important;
}
#showentrycontent .entrycontent .entrycontent_wrap .entrycontent_inner .content-text {}
#showentrycontent .entrycontent .entrycontent_wrap .entrycontent_inner .content-text .contents {}
#showentrycontent .entrycontent .entrycontent_wrap .entrycontent_inner .content-text .contents a {
color: var(--ids-colour);
color: rgba(0, 138, 150, 0.85);
transition: color 250ms linear;
}
#showentrycontent .entrycontent .entrycontent_wrap .entrycontent_inner .content-text .contents a:focus,
#showentrycontent .entrycontent .entrycontent_wrap .entrycontent_inner .content-text .contents a:hover {
color: #007E88 !important;
}
#showentrycontent .entrycontent .entrycontent_wrap .entrycontent_inner .content-text .contents .image_container {}
#showentrycontent .entrycontent .entrycontent_wrap .entrycontent_inner .content-text .contents .image_container.float_left {
float: left;
}
#showentrycontent .entrycontent .entrycontent_wrap .entrycontent_inner .content-text .contents .image_container.float_right {
float: right;
}
#showentrycontent .entrycontent .entrycontent_wrap .entrycontent_inner .content-text .contents .image_container img {
width: auto !important;
height: auto !important;
max-width: 100%;
}
#showentrycontent .entrycontent .entrycontent_wrap .entrycontent_inner .button-wrap {
position: relative;
overflow: hidden;
margin: 1rem 0 0 0;
text-align: left;
}
#showentrycontent .entrycontent .entrycontent_wrap .entrycontent_inner .button-wrap .button {
background: rgba(0, 138, 150, 0.65);
border: 0.125rem solid var(--ids-colour);
display: inline-block;
color: #FFFFFF;
line-height: 1.5;
padding: 0.35rem 1.5rem;
position: relative;
cursor: pointer;
transition: background 250ms ease-out, color 250ms linear;
outline: none;
}
#showentrycontent .entrycontent .entrycontent_wrap .entrycontent_inner .button-wrap .button:hover {
color: #FFFFFF !important;
background: var(--ids-colour);
}
#showentrycontent .entrycontent .entrycontent_wrap .entrycontent_inner .button-wrap .button.price_enquiry {}
/* AI-SOLUTIONS-MODUL SWIPER */
#ai-solutions-modul-swiper-parent {
position: relative;
}
#ai-solutions-modul.swiper-container {}
#ai-solutions-modul.swiper-container .swiper-wrapper {
margin: 1rem 0 !important;
flex-wrap: nowrap;
}
#ai-solutions-modul.swiper-container .swiper-wrapper .swiper-slide {
margin: 0 !important;
}
#ai-solutions-modul-swiper-navigation {
width: 100%;
float: left;
display: flex;
justify-content: center;
/* position: absolute;
bottom: 1rem;
left: 0;*/
margin: 1.5rem 0;
}
#ai-solutions-modul-swiper-navigation .swiper-button-prev,
#ai-solutions-modul-swiper-navigation .swiper-button-next {
position: relative;
top: auto;
right: auto;
left: auto;
width: 1rem;
height: 1rem;
cursor: pointer;
margin: 0 0.5rem;
/* outline: none; */
}
#ai-solutions-modul-swiper-navigation .swiper-button-prev:hover,
#ai-solutions-modul-swiper-navigation .swiper-button-next:hover {}
#ai-solutions-modul-swiper-navigation .swiper-button-prev:hover:after,
#ai-solutions-modul-swiper-navigation .swiper-button-next:hover:after {
color: #007e88;
}
#ai-solutions-modul-swiper-navigation .swiper-button-prev:after,
#ai-solutions-modul-swiper-navigation .swiper-button-next:after {
display: block;
width: 100%;
height: 100%;
position: absolute;
top: -0.25rem;
left: 0;
font-size: 1rem;
font-weight: bold;
color: #878787;
text-align: center;
transition: color 250ms linear;
}
#ai-solutions-modul-swiper-navigation .swiper-button-prev {
}
#ai-solutions-modul-swiper-navigation .swiper-button-next {
}
#ai-solutions-modul-swiper-pagination {
position: relative;
width: auto;
height: 1rem;
line-height: 1;
}
#ai-solutions-modul-swiper-pagination .swiper-pagination-bullet {
position: relative;
width: 1rem;
height: 1rem;
display: inline-block;
margin: 0 0.25rem;
border-radius: 100%;
background: #dedede;
opacity: 1;
/* outline: none; */
cursor: pointer;
}
#ai-solutions-modul-swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
position: relative;
background: #007e88;
opacity: 1;
}
/* HASHTAGS */
.ai_solutions_entry span.hashtag {
color: #878787;
font-weight: bold;
transition: color 350ms linear;
}
#showentrycontent span.hashtag {
color: #000000;
font-weight: bold;
display: inline-block;
padding: 5px 10px;
background-color: #e6e6e6;
margin: 0 3px 3px 0;
}
/* LISTENANSICHT - EINTRAG */
/*
.ai_solutions_entry {
position: relative;
overflow: hidden;
}
.ai_solutions_entry .content {
background: #F5F5F5;
position: relative;
overflow: hidden;
}
.ai_solutions_entry .header {
position: relative;
overflow: hidden;
padding: 0;
margin: 0;
}
@media (min-width: 768px) {
.ai_solutions_entry .header {
display: flex;
align-content: stretch;
align-items: stretch;
}
}
.ai_solutions_entry .header .image_wrap {
position: relative;
overflow: hidden;
background-repeat: no-repeat;
background-position: center center;
background-size: 0%;
}
@media (min-width: 768px) {
.ai_solutions_entry .header .image_wrap {
width: 50%;
background-size: cover;
}
}
@media (min-width: 992px) {
.ai_solutions_entry .header .image_wrap {
width: 40%;
}
}
.ai_solutions_entry .header .image_wrap .image_container {
position: relative;
overflow: hidden;
width: 100%;
height: 100%;
}
@media (min-width: 768px) {
.ai_solutions_entry .header .image_wrap .image_container {
height: 0px;
padding-top: 75%;
}
}
.ai_solutions_entry .header .image_wrap .image_container img {}
@media (min-width: 768px) {
.ai_solutions_entry .header .image_wrap .image_container img {
display: none;
}
}
.ai_solutions_entry .header .text_wrap {
position: relative;
overflow: hidden;
}
@media (min-width: 768px) {
.ai_solutions_entry .header .text_wrap {
width: 50%;
display: flex;
flex-direction: column;
justify-content: space-between;
}
}
@media (min-width: 992px) {
.ai_solutions_entry .header .text_wrap {
width: 60%;
}
}
.ai_solutions_entry .header .text_wrap .text_inner {}
.ai_solutions_entry .header .text_wrap .text_inner .headline_wrap {}
.ai_solutions_entry .header .text_wrap .text_inner .headline_wrap .headline_inner {}
.ai_solutions_entry .header .text_wrap .text_inner .headline_wrap .headline_inner h3 {
text-align: left;
}
.ai_solutions_entry .header .text_wrap .text_inner .teaser_wrap {}
.ai_solutions_entry .header .text_wrap .text_inner .teaser_wrap .teaser_inner {
text-align: left;
}
.ai_solutions_entry .header .text_wrap .text_inner .teaser_wrap .teaser_inner a {
color: var(--ids-colour);
color: rgba(0, 138, 150, 0.85);
transition: color 250ms linear;
}
.ai_solutions_entry .header .text_wrap .text_inner .teaser_wrap .teaser_inner a:focus,
.ai_solutions_entry .header .text_wrap .text_inner .teaser_wrap .teaser_inner a:hover {
color: #007E88 !important;
}
.ai_solutions_entry .header .text_wrap .button-wrap {
position: relative;
overflow: hidden;
margin: 1rem 0 0 0;
text-align: left;
}
.ai_solutions_entry .header .text_wrap .button-wrap button {
background: rgba(0, 138, 150, 0.65);
border: 0.125rem solid var(--ids-colour);
display: inline-block;
color: #FFFFFF;
line-height: 1.5;
padding: 0.35rem 1.5rem;
position: relative;
cursor: pointer;
transition: background 250ms ease-out, color 250ms linear;
outline: none;
}
.ai_solutions_entry .header .text_wrap .button-wrap button:hover {
color: #FFFFFF;
background: var(--ids-colour);
}
.ai_solutions_entry .header .text_wrap .button-wrap button.hide .hide,
.ai_solutions_entry .header .text_wrap .button-wrap button.show .show {
display: inline;
}
.ai_solutions_entry .header .text_wrap .button-wrap button.hide .show,
.ai_solutions_entry .header .text_wrap .button-wrap button.show .hide {
display: none;
}
.ai_solutions_entry .content .entrycontent {
position: relative;
overflow: hidden;
border-top: 0.5rem solid #fff;
}
.ai_solutions_entry .entrycontent .entrycontent_wrap {
position: relative;
overflow: hidden;
}
.ai_solutions_entry .entrycontent .entrycontent_wrap .entrycontent_inner {}
.ai_solutions_entry .entrycontent .entrycontent_wrap .entrycontent_inner>div:first-child {
margin-top: 0rem !important;
}
.ai_solutions_entry .entrycontent .entrycontent_wrap .entrycontent_inner .content-text {}
.ai_solutions_entry .entrycontent .entrycontent_wrap .entrycontent_inner .content-text .contents {}
.ai_solutions_entry .entrycontent .entrycontent_wrap .entrycontent_inner .content-text .contents a {
color: var(--ids-colour);
color: rgba(0, 138, 150, 0.85);
transition: color 250ms linear;
}
.ai_solutions_entry .entrycontent .entrycontent_wrap .entrycontent_inner .content-text .contents a:focus,
.ai_solutions_entry .entrycontent .entrycontent_wrap .entrycontent_inner .content-text .contents a:hover {
color: #007E88 !important;
}
.ai_solutions_entry .entrycontent .entrycontent_wrap .entrycontent_inner .content-text .contents .image_container {}
.ai_solutions_entry .entrycontent .entrycontent_wrap .entrycontent_inner .content-text .contents .image_container.float_left {
float: left;
}
.ai_solutions_entry .entrycontent .entrycontent_wrap .entrycontent_inner .content-text .contents .image_container.float_right {
float: right;
}
.ai_solutions_entry .entrycontent .entrycontent_wrap .entrycontent_inner .content-text .contents .image_container img {
width: auto !important;
height: auto !important;
max-width: 100%;
}
.ai_solutions_entry .entrycontent .entrycontent_wrap .entrycontent_inner .button-wrap {
position: relative;
overflow: hidden;
margin: 1rem 0 0 0;
text-align: left;
}
.ai_solutions_entry .entrycontent .entrycontent_wrap .entrycontent_inner .button-wrap .button {
background: rgba(0, 138, 150, 0.65);
border: 0.125rem solid var(--ids-colour);
display: inline-block;
color: #FFFFFF;
line-height: 1.5;
padding: 0.35rem 1.5rem;
position: relative;
cursor: pointer;
transition: background 250ms ease-out, color 250ms linear;
outline: none;
}
.ai_solutions_entry .entrycontent .entrycontent_wrap .entrycontent_inner .button-wrap .button:hover {
color: #FFFFFF !important;
background: var(--ids-colour);
}
.ai_solutions_entry .entrycontent .entrycontent_wrap .entrycontent_inner .button-wrap .button.price_enquiry {}
*/
/**********************************
AI SOLUTIONS ENTRY: END
***********************************/
/**********************************
TIMELINE: START
***********************************/
#news_timeline_list.mod_ids_report_archive_list {}
#news_timeline_list.mod_ids_report_archive_list .news_timeline_item {
margin: 0;
}
#news_timeline_list.mod_ids_report_archive_list .news_timeline_item .contents {
background: transparent !important;
position: relative;
padding: 0rem !important;
overflow: visible !important;
}
#news_timeline_list.mod_ids_report_archive_list .news_timeline_item a {}
#news_timeline_list.mod_ids_report_archive_list .news_timeline_item a:focus,
#news_timeline_list.mod_ids_report_archive_list .news_timeline_item a:hover {}
#news_timeline_list.mod_ids_report_archive_list .news_timeline_item a:focus .image figure img,
#news_timeline_list.mod_ids_report_archive_list .news_timeline_item a:hover .image figure img {
transform: scale(1.05);
}
#news_timeline_list.mod_ids_report_archive_list .news_timeline_item a:focus .content .title,
#news_timeline_list.mod_ids_report_archive_list .news_timeline_item a:hover .content .title {
color: var(--ids-colour);
}
#news_timeline_list.mod_ids_report_archive_list .news_timeline_item a:focus .content .teaser,
#news_timeline_list.mod_ids_report_archive_list .news_timeline_item a:hover .content .teaser {
/*color: var(--ids-colour);*/
}
#news_timeline_list.mod_ids_report_archive_list .news_timeline_item a:focus .content .teaser p,
#news_timeline_list.mod_ids_report_archive_list .news_timeline_item a:hover .content .teaser p {
/*color: var(--ids-colour);*/
}
#news_timeline_list.mod_ids_report_archive_list .news_timeline_item div {}
#news_timeline_list.mod_ids_report_archive_list .news_timeline_item .content_wrap {
display: block;
position: relative;
padding-bottom: 3rem;
}
@media (min-width: 768px) {
#news_timeline_list.mod_ids_report_archive_list .news_timeline_item .content_wrap {
display: flex;
flex-wrap: wrap;
}
}
#news_timeline_list.mod_ids_report_archive_list .news_timeline_item .content_wrap .startdate {
color: #2299aa;
font-size: 1.2rem;
font-weight: 600;
line-height: 1.5;
margin-bottom: 1rem;
margin-left: 2.5rem;
}
@media (min-width: 768px) {
#news_timeline_list.mod_ids_report_archive_list .news_timeline_item .content_wrap .startdate {
text-align: center;
margin-left: 0rem;
flex: 0 0 auto;
width: 100%;
padding: 1rem;
}
}
@media (min-width: 992px) {
#news_timeline_list.mod_ids_report_archive_list .news_timeline_item .content_wrap .startdate {
padding: 2rem;
}
}
@media (min-width: 1200px) {
#news_timeline_list.mod_ids_report_archive_list .news_timeline_item .content_wrap .startdate {
font-size: 1.375rem;
line-height: 1.25;
}
}
#news_timeline_list.mod_ids_report_archive_list .news_timeline_item .content_wrap .image {
height: 0px;
background: transparent;
position: relative;
/*padding-top: calc( 74% - 1.25rem);*/
padding-top: calc( 50% - 1.25rem);
margin-left: 2.5rem;
}
@media (min-width: 768px) {
#news_timeline_list.mod_ids_report_archive_list .news_timeline_item .content_wrap .image {
flex: 0 0 auto;
width: calc( 50% - 2rem);
margin: 0 1rem;
/*padding-top: calc( 35.5% - 1rem);*/
padding-top: calc( 25% - 1rem);
}
}
@media (min-width: 992px) {
#news_timeline_list.mod_ids_report_archive_list .news_timeline_item .content_wrap .image {
flex: 0 0 auto;
width: calc( 50% - 6rem);
margin: 2rem 3rem;
/*padding-top: calc( 34.5% - 3rem);*/
padding-top: calc( 25% - 3rem);
}
}
#news_timeline_list.mod_ids_report_archive_list .news_timeline_item .content_wrap .image figure {
position: absolute;
top: 0;
right: 0;
bottom: 0px;
left: 0;
overflow: hidden;
border: 1px solid #e6e6e6;
}
#news_timeline_list.mod_ids_report_archive_list .news_timeline_item .content_wrap .image figure img {
max-height: 100%;
max-width: 100%;
width: 100% !important;
height: 100% !important;
object-fit: cover;
transition: transform 350ms ease-out;
transform: scale(1.0);
}
#news_timeline_list.mod_ids_report_archive_list .news_timeline_item .content_wrap .image a.videolink:after {
content: '';
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-size: 17.5%;
background-position: center;
background-repeat: no-repeat;
background-color: rgba(0,0,0, 0.45);
background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 26.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' fill='%237abfc5' id='Ebene_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='24px' y='24px' viewBox='0 0 24 24' style='enable-background:new 0 0 24 24;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill-opacity:0;%7D%0A%3C/style%3E%3Cg%3E%3Cg%3E%3Cpolyline class='st0' points='24,0 24,24 0,24 '/%3E%3Cpolygon points='11.5,14.6 14.3,12 11.5,9.4 '/%3E%3Cpath d='M12,2C6.5,2,2,6.5,2,12s4.5,10,10,10s10-4.5,10-10S17.5,2,12,2z M16,13.2l-3.6,3.4C12,16.8,11.6,17,11.2,17 c-0.2,0-0.5-0.1-0.7-0.1c-0.6-0.2-1-0.8-1-1.5V8.6c0-0.7,0.4-1.2,1-1.5c0.6-0.3,1.3-0.2,1.9,0.3l3.6,3.4 C16.7,11.4,16.7,12.4,16,13.2C16.1,13.1,16,13.1,16,13.2z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
transition: background-size 350ms linear, background-color 350ms linear;
}
#news_timeline_list.mod_ids_report_archive_list .news_timeline_item .content_wrap .image a.videolink:focus:after,
#news_timeline_list.mod_ids_report_archive_list .news_timeline_item .content_wrap .image a.videolink:hover:after {
background-color: rgba(0,0,0, 0.65);
background-size: 20%;
}
#news_timeline_list.mod_ids_report_archive_list .news_timeline_item .content_wrap .content {
margin-left: 2.5rem;
}
@media (min-width: 768px) {
#news_timeline_list.mod_ids_report_archive_list .news_timeline_item .content_wrap .content {
flex: 0 0 auto;
width: 50%;
margin-left: 0rem;
padding: 0 1rem;
}
}
@media (min-width: 992px) {
#news_timeline_list.mod_ids_report_archive_list .news_timeline_item .content_wrap .content {
flex: 0 0 auto;
width: 50%;
margin-left: 0rem;
padding: 2rem 3rem;
}
}
#news_timeline_list.mod_ids_report_archive_list .news_timeline_item .content_wrap .content .content_link {
display: block;
position: relative;
height: 100%;
width: 100%;
}
#news_timeline_list.mod_ids_report_archive_list .news_timeline_item .content .content_link:focus .title,
#news_timeline_list.mod_ids_report_archive_list .news_timeline_item .content .content_link:hover .title {
color: var(--ids-colour);
}
#news_timeline_list.mod_ids_report_archive_list .news_timeline_item .content_wrap .content .title {
color: #343434;
text-align: left;
margin-top: 1rem;
margin-bottom: 1rem;
transition: color 250ms linear;
}
@media (min-width: 768px) {
#news_timeline_list.mod_ids_report_archive_list .news_timeline_item .content_wrap .content .title {
margin-top: 0rem;
}
}
#news_timeline_list.mod_ids_report_archive_list .news_timeline_item .content_wrap .content .teaser {
color: #343434;
font-size: 1rem;
transition: color 250ms linear;
}
#news_timeline_list.mod_ids_report_archive_list .news_timeline_item .content_wrap .content .teaser p {
color: #343434;
font-size: 1.125rem;
transition: color 250ms linear;
}
#news_timeline_list.mod_ids_report_archive_list .news_timeline_item .content_wrap .ray_wrap {
position: absolute;
top: 0px;
bottom: 0px;
left: 0px;
z-index: 1;
}
@media (min-width: 768px) {
#news_timeline_list.mod_ids_report_archive_list .news_timeline_item .content_wrap .ray_wrap {
left: 50%;
left: calc(50% - 1px);
}
}
#news_timeline_list.mod_ids_report_archive_list .news_timeline_item .content_wrap .ray_wrap .ray_bobble {
width: 20px;
height: 20px;
border-radius: 50%;
border: 2px solid #2299aa;
margin-left: -9px;
padding: 0;
position: absolute;
top: 5px;
left: 10px;
}
@media (min-width: 768px) {
#news_timeline_list.mod_ids_report_archive_list .news_timeline_item .content_wrap .ray_wrap .ray_bobble {
top: 60px;
left: 0px;
}
}
@media (min-width: 992px) {
#news_timeline_list.mod_ids_report_archive_list .news_timeline_item .content_wrap .ray_wrap .ray_bobble {
top: 80px;
}
}
#news_timeline_list.mod_ids_report_archive_list .news_timeline_item .content_wrap .ray_wrap .ray_ray {
background-color: #2299aa;
width: 2px;
height: calc(100% - 19px);
position: absolute;
top: 25px;
left: 10px;
}
@media (min-width: 768px) {
#news_timeline_list.mod_ids_report_archive_list .news_timeline_item .content_wrap .ray_wrap .ray_ray {
height: calc(100% - 79px);
top: 79px;
left: 0px;
}
}
@media (min-width: 992px) {
#news_timeline_list.mod_ids_report_archive_list .news_timeline_item .content_wrap .ray_wrap .ray_ray {
height: calc(100% - 89px);
top: 99px;
}
}
#news_timeline_button_wrap {}
#news_timeline_button_wrap button {
background-color: #7abfc5;
border: 2px solid #7abfc5;
color: #fff;
display: inline-block;
width: auto;
transition: background-color 250ms linear, border 250ms linear;
outline: none;
border-radius: 3px;
padding: 7px 12px;
cursor: pointer;
/*text-transform: uppercase;*/
/*font-size: .9rem;*/
font-weight: 600;
}
#news_timeline_button_wrap button:focus,
#news_timeline_button_wrap button:hover {
background-color: var(--ids-colour);
border: 2px solid var(--ids-colour);
}
/**********************************
TIMELINE: END
***********************************/
/**********************************
NEWS_ARCHIVE: START
***********************************/
#news_archive {
display: flex;
flex-direction: column;
}
#news_archive .mod_ids_report_archive_filter {
order: 10;
}
#news_archive .labelfilter {
order: 40;
position: relative;
margin: 1rem 0 2rem 0;
}
#news_archive #mod_ids_report_archive_list {
order: 20;
}
#news_archive .pages.text-center {
order: 30;
}
#news_archive ul.labellist {
order: 50;
}
/**********************************
NEWS_ARCHIVE: END
***********************************/
.ids_report div.contact ul {
list-style: none;
padding: 0;
}
.press-portfolio .mod_ids_report_archive .camsinuse .material-symbols-outlined.download {
position: absolute;
left: 1.75rem;
bottom: 0.25rem;
}
@media (min-width: 576px) {
.press-portfolio .mod_ids_report_archive .camsinuse .material-symbols-outlined.download {
left: 0rem;
bottom: 1.25rem;
}
}
@media (min-width: 768px) {
.press-portfolio .mod_ids_report_archive .camsinuse .material-symbols-outlined.download {
left: 1.75rem;
bottom: 0.25rem;
}
}
.press-portfolio .mod_ids_report_archive .camsinuse .material-symbols-outlined.download .filesize {
position: absolute;
top: 0;
left: 24px;
display: inline-block;
margin-left: 0.25rem;
line-height: 31px;
color: var(--default);
font-size: 0.875rem;
}
/*********************************************************/
/* NEW NEWSROOM 2025 - START */
/*********************************************************/
.ce_CeIdsDoubleHeadH1H2.one-line {}
.ce_CeIdsDoubleHeadH1H2.one-line h1 {
display: inline;
}
.ce_CeIdsDoubleHeadH1H2.one-line h2 {
display: inline;
font-size: 1.7rem !important;
line-height: 1.3;
}
@media (min-width: 992px) {
.ce_CeIdsDoubleHeadH1H2.one-line h2 {
font-size: 2rem !important;
}
}
.cms .reports-wrap {}
@media (min-width: 768px) {
.cms .reports-wrap {
padding-left: 1.75rem !important;
padding-right: 1.75rem !important;
}
}
@media (min-width: 1500px) {
.cms .reports-wrap {
padding-left: 3.5rem !important;
padding-right: 3.5rem !important;
}
}
.cms .reports-main {}
.cms .reports-navigation-wrap {
position: relative;
}
/* .cms .reports-navigation-wrap .ce_hyperlink_rounded_button .rounded_button.active,
.cms .reports-navigation-wrap .ce_hyperlink_rounded_button .rounded_button:focus,
.cms .reports-navigation-wrap .ce_hyperlink_rounded_button.rounded_button:hover {
background-color: var(--link-active) !important;
color: var(--black) !important;
} */
.cms .reports-additional {}
@media (min-width: 992px) {
.cms .reports-additional .sticky-lg-top {
top: 6rem;
}
}
@media (min-width: 1200px) {
.cms .reports-additional .sticky-xl-top {
top: 6rem;
}
}
.cms .reports-additional .ce_ids_opening_tag {
margin-top: 1rem;
}
@media (min-width: 992px) {
.cms .reports-additional .ce_ids_opening_tag {
margin-top: 0rem;
}
.cms .reports-additional .ce_ids_opening_tag:not(.d-none) + .ce_ids_opening_tag {
margin-top: 1rem;
}
}
.cms .reports-additional .ce_ids_opening_tag .filesize {
display: inline-block;
margin-left: 0.25rem;
line-height: 31px;
color: var(--default);
font-size: 0.875rem;
}
/*********************************************************/
/* NEW NEWSROOM 2025 - ENDE */
/*********************************************************/
/*********************************************************/
/* AUTHORENBOX 2025 - START */
/*********************************************************/
.report_speaker_view {}
.report_speaker_view::before {
display: block;
content: '';
border-top: 1px solid var(--light-grey);
padding-top: 2rem;
}
.report_speaker_view .ce_image {
padding: 0 15px;
}
.report_speaker_view .ce_image .contents {}
.report_speaker_view .ce_image .contents .image_container {
width: 100px;
height: 100px;
border-radius: 50%;
overflow: hidden;
}
.report_speaker_view .ce_image .contents .image_container img {}
.report_speaker_view .author_datas {
display: flex;
flex-direction: row;
align-items: center;
}
.report_speaker_view .author_datas .contents {
display: flex;
flex-direction: column;
}
.report_speaker_view .author_datas .author_name {
font-size: 1.25rem;
color: var(--black);
}
.report_speaker_view .author_datas .author_data {
display: flex;
align-items: center;
}
.report_speaker_view .author_datas .author_data .author_job {}
.report_speaker_view .author_datas .author_data .share-icon-buttons {
margin: 0;
}
.report_speaker_view .author_datas .author_data .share-icon-buttons::before {
display: inline-block;
content: '';
border-left: 1px solid var(--light-grey);
padding-left: 0.5rem;
margin-left: 0.75rem;
}
@media (min-width: 576px) {
.report_speaker_view .author_datas .author_data .share-icon-buttons::before {
padding-left: 1rem;
margin-left: 1.25rem;
}
}
.report_speaker_view .author_datas .author_data .share-icon-buttons .linkedin {
display: inline-block;
width: 20px;
height: 20px;
position: relative;
}
.report_speaker_view .author_datas .author_data .share-icon-buttons .linkedin::before {
display: inline-block;
content: "";
background-repeat: no-repeat;
background-size: 100%;
background-position: center;
background-image: url("data:image/svg+xml,%3Csvg fill='%23000' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M23.722 23.72h-4.91v-7.692c0-1.834-.038-4.194-2.559-4.194-2.56 0-2.95 1.995-2.95 4.06v7.827H8.394V7.902h4.716v2.157h.063c.659-1.244 2.261-2.556 4.655-2.556 4.974 0 5.894 3.274 5.894 7.535v8.683ZM.388 7.902h4.923v15.819H.388zM2.85 5.738A2.849 2.849 0 0 1 0 2.886a2.851 2.851 0 1 1 2.85 2.852Z'/%3E%3C/svg%3E");
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
transition: background-image 250ms linear;
vertical-align: bottom;
}
.report_speaker_view .author_datas .author_data .share-icon-buttons .linkedin:focus::before,
.report_speaker_view .author_datas .author_data .share-icon-buttons .linkedin:hover::before {
background-image: url("data:image/svg+xml,%3Csvg fill='%23008A96' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M23.722 23.72h-4.91v-7.692c0-1.834-.038-4.194-2.559-4.194-2.56 0-2.95 1.995-2.95 4.06v7.827H8.394V7.902h4.716v2.157h.063c.659-1.244 2.261-2.556 4.655-2.556 4.974 0 5.894 3.274 5.894 7.535v8.683ZM.388 7.902h4.923v15.819H.388zM2.85 5.738A2.849 2.849 0 0 1 0 2.886a2.851 2.851 0 1 1 2.85 2.852Z'/%3E%3C/svg%3E");
}
.report_speaker_view .description {
font-size: 0.875rem !important;
line-height: 1.5 !important;
color: var(--black) !important;
}
/*********************************************************/
/* AUTHORENBOX 2025 - ENDE */
/*********************************************************/
/**********************************************
LABELS ROUNDED BUTTON SELECT VIEW
**********************************************/
.mod_ids_report_labels {
display: inline-block;
position: relative;
}
.mod_ids_report_labels .button_wrap {
display: inline-block;
/* margin-right: 0.75rem;
margin-bottom: 0.75rem; */
}
/* .mod_ids_report_labels .button_wrap .rounded_button {
display: inline-block;
background-color: var(--black) !important;
color: var(--white) !important;
border: none !important;
border-radius: 50%;
width: 40px;
height: 40px;
padding: 0;
vertical-align: middle;
font-size: 0.875rem;
line-height: 2;
transition: background-color 250ms linear, color 250ms linear;
}
.mod_ids_report_labels .button_wrap .rounded_button.active,
.mod_ids_report_labels .button_wrap .rounded_button:focus,
.mod_ids_report_labels .button_wrap .rounded_button:hover {
background-color: var(--link-active) !important;
color: var(--black) !important;
}
.mod_ids_report_labels .button_wrap .rounded_button::before {
left: 50%;
transform: translate3D(-50%, -50%, 0);
transition: background-color 250ms linear;
}
.mod_ids_report_labels .button_wrap .rounded_button.active::before,
.mod_ids_report_labels .button_wrap .rounded_button:focus::before,
.mod_ids_report_labels .button_wrap .rounded_button:hover::before {
background-color: var(--black) !important;
} */
.mod_ids_report_labels .labellist_wrap {
display: none;
background-color: var(--white);
box-shadow: 0 5px 9px rgba(0, 0, 0, 0.1);
z-index: 1030;
position: fixed;
top: 50px;
left: 0;
width: 100vw;
height: calc(100vh - 50px);
}
@media (min-width: 576px) {
.mod_ids_report_labels .labellist_wrap {
position: absolute;
top: calc(100% + 1rem);
right: 0;
left: auto;
max-width: 300px;
max-height: 450px;
}
}
.mod_ids_report_labels .labellist_wrap::after,
.mod_ids_report_labels .labellist_wrap::before {
content: '';
position: absolute;
left: 0;
right: 1rem;
height: 1rem;
background: var(--white);
z-index: 1;
}
.mod_ids_report_labels .labellist_wrap::before {
top: 0;
background: linear-gradient(180deg,rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 25%, rgba(255, 255, 255, 0) 100%);
}
.mod_ids_report_labels .labellist_wrap::after {
bottom: 0;
background: linear-gradient(0deg,rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 25%, rgba(255, 255, 255, 0) 100%);
}
.mod_ids_report_labels .labellist_wrap.active {
display: block;
}
.mod_ids_report_labels .labellist_wrap .content {
padding: 1rem 0rem;
overflow-x: hidden;
height: 100%;
position: relative;
}
.mod_ids_report_labels .labellist_wrap .button_close_wrap {
position: fixed;
top: 4rem;
right: 1rem;
z-index: 1;
}
@media (min-width: 576px) {
.mod_ids_report_labels .labellist_wrap .button_close_wrap {
position: absolute;
top: 1rem;
}
}
.mod_ids_report_labels .labellist_wrap .button_close_wrap button {
width: 24px;
height: 24px;
padding-left: 0px;
position: relative;
opacity: 1;
}
.mod_ids_report_labels .labellist_wrap .button_close_wrap button:before {
left: 0px;
display: block;
}
.mod_ids_report_labels .labellist_wrap .labellist {
padding: 1.5rem 1rem 1.5rem 1rem;
}
@media (min-width: 576px) {
.mod_ids_report_labels .labellist_wrap .labellist {
padding: 1.5rem 1.5rem 0rem 1.5rem;
}
}
@media (min-width: 992px) {
.mod_ids_report_labels .labellist_wrap .labellist {
padding: 1.5rem 1.5rem 0.75rem 1.5rem;
}
}
.mod_ids_report_labels .labellist_wrap .labellist li {
display: block;
margin: 0 0 0.125rem 0;
text-align: left;
/* width: 50%; */
width: 100%;
font-size: 0.75rem;
}@media (min-width: 576px) {
.mod_ids_report_labels .labellist_wrap .labellist li {
font-size: 0.875rem;
}
}
@media (min-width: 765px) {
.mod_ids_report_labels .labellist_wrap .labellist li {
font-size: 1rem;
}
}
/* @media (min-width: 576px) {
.mod_ids_report_labels .labellist_wrap .labellist li {
width: 50%;
font-size: 0.875rem;
}
}
@media (min-width: 765px) {
.mod_ids_report_labels .labellist_wrap .labellist li {
width: 33%;
font-size: 1rem;
}
}
@media (min-width: 992px) {
.mod_ids_report_labels .labellist_wrap .labellist li {
width: 25%;
}
}
@media (min-width: 1200px) {
.mod_ids_report_labels .labellist_wrap .labellist li {
width: 20%;
}
}
@media (min-width: 1800px) {
.mod_ids_report_labels .labellist_wrap .labellist li {
width: 16.5%;
}
}
.mod_ids_report_labels .labellist_wrap .labellist li:last-child {
margin: 0 0 0 0;
} */
.mod_ids_report_labels .labellist_wrap .labellist li input {}
.mod_ids_report_labels .labellist_wrap .labellist li label {
padding-left: 27px !important;
line-height: 1.45;
}
.mod_ids_report_labels .labellist_wrap .labellist li label:before {}
@media (min-width: 576px) {
.mod_ids_report_labels .labellist_wrap .labellist li label:before {
}
}
@media (min-width: 768px) {
.mod_ids_report_labels .labellist_wrap .labellist li label:before {
}
}
.mod_ids_report_labels .labellist_wrap .button_wrap {
display: block;
text-align: left;
background: var(--white);
padding: 1.25rem 0rem;
margin: 0 1rem;
position: relative;
bottom: auto;
left: auto;
border-bottom: 1px solid var(--light-grey2);
}
@media (min-width: 576px) {
.mod_ids_report_labels .labellist_wrap .button_wrap {
margin: 0 1.5rem;
}
}
.mod_ids_report_labels .labellist_wrap .button_wrap button {
/* margin: 0.5rem; */
}
/* NEWSROOM 2025 PREVIEW */
.report-item {
margin: 1rem 0 1rem 0 !important;
}
.report-item a {}
.report-item a:focus,
.report-item a:hover {}
.report-item a:focus .text,
.report-item a:hover .text {
background-color: var(--link-hover2) !important;
}
.report-item .labels {}
.report-item .labels .label-item {
display: inline-block;
background-color: var(--white);
color: var(--black);
border: 1px solid var(--light-grey2);
border-radius: 0.6875rem;
padding: 0 0.5rem;
vertical-align: middle;
font-size: 0.6875rem;
line-height: 16px;
margin: 6px 5px 0 0;
transition: background-color 250ms linear, color 250ms linear;
}
.report-item .labels .label-item.active {
background-color: var(--black);
color: var(--white);
border: 1px solid var(--black);
}
.report-item a .text {
color: var(--black);
transition: background-color 250ms linear;
}
.report-item a .text .ce_text {
color: var(--black) !important;
}
.report-item a .text .time {
position: relative;
color: var(--black);
font-size: 0.875rem;
}
.report-item .report-item-icon-wrap {
position: absolute;
bottom: 1rem;
right: 1rem;
display: flex;
}
@media (min-width: 1800px) {
.report-item .report-item-icon-wrap {
bottom: 1.5rem;
right: 1.5rem;
}
}
.report-item .report-item-icon-wrap .report-item-icon {
display: block;
width: 24px;
height: 24px;
}
.ids_report_2025 {}
.mod_ids_report_reader .ids_report_2025 .container.xxl {}
@media (min-width: 1400px) {
.mod_ids_report_reader .ids_report_2025 .container.xxl {
max-width: 1260px;
}
}
@media (min-width: 1600px) {
.mod_ids_report_reader .ids_report_2025 .container.xxl {
max-width: 1380px;
}
}
@media (min-width: 1800px) {
.mod_ids_report_reader .ids_report_2025 .container.xxl {
max-width: 1500px;
}
}
@media (min-width: 1600px) and (max-width: 1799px) {
.mod_ids_report_reader .ids_report_2025 .container.xxl .backtooveriew_wrap .col-xl-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 18%;
flex: 0 0 18%;
max-width: 18%;
}
.mod_ids_report_reader .ids_report_2025 .container.xxl .reports-main.col-xl-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 54%;
flex: 0 0 54%;
max-width: 54%;
}
.mod_ids_report_reader .ids_report_2025 .container.xxl .reports-additional.col-xl-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 28%;
flex: 0 0 28%;
max-width: 28%;
}
}
.ids_report_2025 .reports-main {
background-color: var(--white);
border: var(--border);
}
.ids_report_2025 .reports-main > .container {
padding-right: 20px;
padding-left: 20px;
}
@media (min-width: 768px) {
.ids_report_2025 .reports-main > .container {
padding-right: 40px;
padding-left: 40px;
}
}
.ids_report_2025 .reports-additional {}
.backtooveriew_wrap {
/* display: none; */
}
@media (min-width: 1200px) {
/* .backtooveriew_wrap {
display: block;
position: sticky;
top: 6rem;
} */
}
.backtooveriew_wrap .backtooveriew {
display: none;
}
@media (min-width: 1200px) {
.backtooveriew_wrap .backtooveriew {
display: block;
position: sticky;
top: 6rem;
}
}
.backtooveriew_wrap .backtooveriew a {
display: flex;
align-items: baseline;
justify-content: end;
font-size: 0.875rem;
position: relative;
}
@media (min-width: 1200px) {
.backtooveriew_wrap .backtooveriew a {
font-size: 1rem;
}
}
.backtooveriew_wrap .backtooveriew a:focus,
.backtooveriew_wrap .backtooveriew a:hover {}
.backtooveriew_wrap .backtooveriew a::before {
width: 16px;
height: 16px;
top: 3px;
position: relative;
margin-right: 0.25rem;
}
@media (min-width: 1200px) {
.backtooveriew_wrap .backtooveriew a::before {
width: 24px;
height: 24px;
top: 6px;
}
}
.backtooveriew_wrap .backtooveriew a span {
position: relative;
}
.backtooveriew_wrap .backtooveriew a span::after {
content: '';
display: block;
background: var(--ids-colour2);
width: 0;
height: 1px;
position: absolute;
bottom: 0;
left: 50%;
transition: width 250ms ease-out, left 250ms ease-out;
}
.backtooveriew_wrap .backtooveriew a:focus span::after ,
.backtooveriew_wrap .backtooveriew a:hover span::after {
width: 100%;
left: 0;
}
.labels_shareon_wrap {
display: flex;
justify-content: space-between;
}
.ids_report_2025 .labels {}
.ids_report_2025 .labels .label-item {
display: inline-block;
background-color: var(--ids-colour);
color: var(--white);
/* border: 1px solid var(--ids-colour); */
border-radius: 0.9375rem;
padding: 5px 10px 5px 10px;
vertical-align: middle;
font-size: 0.75rem;
line-height: 18px;
margin: 10px 10px 0 0;
transition: background-color 250ms linear, color 250ms linear;
}
.ids_report_2025 .labels .label-item:focus,
.ids_report_2025 .labels .label-item:hover,
.ids_report_2025 .labels .label-item.active:focus,
.ids_report_2025 .labels .label-item.active:hover {
background-color: var(--ids-colour2);
color: var(--white) !important;
/* border: 1px solid var(--ids-colour2); */
}
.ids_report_2025 .labels .label-item.active {
background-color: var(--black);
color: var(--white) !important;
}
.ids_report_2025 .reports-main .kb-float-left,
.ids_report_2025 .reports-main .kb-float-right {
position: relative;
}
.ids_report_2025 .reports-main .kb-float-left .contents,
.ids_report_2025 .reports-main .kb-float-right .contents {
width: 100% !important;
}
@media (min-width: 768px) {
.ids_report_2025 .reports-main .kb-float-left .contents,
.ids_report_2025 .reports-main .kb-float-right .contents {
width: 100% !important;
}
}
.ids_report_2025 .reports-main .kb-float-left figure,
.ids_report_2025 .reports-main .kb-float-right figure {}
@media (max-width: 767px) {
.ids_report_2025 .reports-main .kb-float-left figure,
.ids_report_2025 .reports-main .kb-float-right figure {
min-height: 0px !important;
}
}
.ids_report_2025 .reports-main .kb-float-left figure picture,
.ids_report_2025 .reports-main .kb-float-right figure picture {
}
@media (min-width: 768px) {
.ids_report_2025 .reports-main .kb-float-left figure picture,
.ids_report_2025 .reports-main .kb-float-right figure picture {
display: flex;
width: 100% !important;
height: 100% !important;
}
}
.ids_report_2025 .reports-main .kb-float-left figure picture img,
.ids_report_2025 .reports-main .kb-float-right figure picture img {
width: 100% !important;
position: relative;
top: 0;
margin: 0;
}
@media (min-width: 768px) {
.ids_report_2025 .reports-main .kb-float-left figure picture img,
.ids_report_2025 .reports-main .kb-float-right figure picture img {
width: 100% !important;
position: absolute;
top: 50%;
transform: translate3d(0%, -50%, 0px);
margin: 0;
}
}
.ids_report_2025 .reports-main .kb-float-left {}
.ids_report_2025 .reports-main .kb-float-right {}
/**********************************************
SHAREON
**********************************************/
.share-icon-buttons {
position: relative;
display: flex;
flex-wrap: nowrap;
margin: 10px 0 0 1rem;
}
.share-icon-buttons a {
width: 1.5rem;
height: 1.5rem;
margin: 0 0.3rem;
padding: 0;
box-sizing: border-box;
}
.share-icon-buttons .shareon a:focus,
.share-icon-buttons .shareon a:hover {
opacity: 1;
}
.share-icon-buttons .shareon a:before {
top: 0;
left: 0;
width: 100%;
height: 100%;
background-size: 100%;
background-position: center;
transition: background-image 250ms linear;
}
.share-icon-buttons .shareon>.facebook {
background-color: transparent;
}
.share-icon-buttons .shareon>.facebook:before {
background-image: url("data:image/svg+xml,%3Csvg fill='%23000' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z'/%3E%3C/svg%3E");
}
.share-icon-buttons .shareon>.facebook:focus:before,
.share-icon-buttons .shareon>.facebook:hover:before {
background-image: url("data:image/svg+xml,%3Csvg fill='%23008A96' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z'/%3E%3C/svg%3E");
}
.share-icon-buttons .shareon>.linkedin {
background-color: transparent;
}
.share-icon-buttons .shareon>.linkedin:before {
background-image: url("data:image/svg+xml,%3Csvg fill='%23000' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M23.722 23.72h-4.91v-7.692c0-1.834-.038-4.194-2.559-4.194-2.56 0-2.95 1.995-2.95 4.06v7.827H8.394V7.902h4.716v2.157h.063c.659-1.244 2.261-2.556 4.655-2.556 4.974 0 5.894 3.274 5.894 7.535v8.683ZM.388 7.902h4.923v15.819H.388zM2.85 5.738A2.849 2.849 0 0 1 0 2.886a2.851 2.851 0 1 1 2.85 2.852Z'/%3E%3C/svg%3E");
}
.share-icon-buttons .shareon>.linkedin:focus:before,
.share-icon-buttons .shareon>.linkedin:hover:before {
background-image: url("data:image/svg+xml,%3Csvg fill='%23008A96' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M23.722 23.72h-4.91v-7.692c0-1.834-.038-4.194-2.559-4.194-2.56 0-2.95 1.995-2.95 4.06v7.827H8.394V7.902h4.716v2.157h.063c.659-1.244 2.261-2.556 4.655-2.556 4.974 0 5.894 3.274 5.894 7.535v8.683ZM.388 7.902h4.923v15.819H.388zM2.85 5.738A2.849 2.849 0 0 1 0 2.886a2.851 2.851 0 1 1 2.85 2.852Z'/%3E%3C/svg%3E");
}
.share-icon-buttons .shareon > * {
border-radius: 0 !important;
}
/**********************************************
REPORT ARCHIVE BUFFER LOAD FAKE
**********************************************/
.mod_ids_report_archive.buffer_load {}
.mod_ids_report_archive.buffer_load .report-item {
display: none;
}
.mod_ids_report_archive.buffer_load .report-item.show,
.mod_ids_report_archive.buffer_load .report-item:nth-child(6),
.mod_ids_report_archive.buffer_load .report-item:nth-child(5),
.mod_ids_report_archive.buffer_load .report-item:nth-child(4),
.mod_ids_report_archive.buffer_load .report-item:nth-child(3),
.mod_ids_report_archive.buffer_load .report-item:nth-child(2),
.mod_ids_report_archive.buffer_load .report-item:nth-child(1) {
display: block;
}
/*********************************************************/
/* KB-INFO - START */
/*********************************************************/
.kb-info {}
.kb-info .contents {
background-image: none;
background-color: var(--info-background);
border: 1px solid var(--info-border);
color: var(--black);
font-size: 1rem;
padding: 15px 15px 15px 62px;
position: relative;
}
.kb-info .contents::before {
background-color: var(--info-border);
mask-repeat: no-repeat;
mask-size: 100% 100%;
mask-position: center center;
content: '';
display: block;
width: 32px;
height: 32px;
position: absolute;
top: 15px;
left: 15px;
mask-image: url('data:image/svg+xml,');
}
.kb-info .contents p {}
.kb-info .contents a {
color: var(--black) !important;
text-decoration: underline;
/* background: linear-gradient(0deg, var(--black), var(--black)) no-repeat right bottom / 0 var(--text-underline-animation-height); */
}
#main .kb-info .contents a:focus,
#main .kb-info .contents a:hover {
color: var(--black) !important;
}
/*********************************************************/
/* KB-INFO - ENDE */
/*********************************************************/
/*********************************************************/
/* KB-TIP - START */
/*********************************************************/
.kb-tip {}
.kb-tip .contents {
background-image: none;
background-color: var(--tip-background);
border: 1px solid var(--tip-border);
color: var(--black);
font-size: 1rem;
padding: 15px 15px 15px 62px;
position: relative;
}
.kb-tip .contents::before {
background-color: var(--tip-border);
mask-repeat: no-repeat;
mask-size: 100% 100%;
mask-position: center center;
content: '';
display: block;
width: 32px;
height: 32px;
position: absolute;
top: 15px;
left: 15px;
mask-image: url('data:image/svg+xml,');
}
.kb-tip .contents p {}
.kb-tip .contents a {
color: var(--black) !important;
text-decoration: underline;
}
#main .kb-tip .contents a:focus,
#main .kb-tip .contents a:hover {
color: var(--black) !important;
}
/*********************************************************/
/* KB-TIP - ENDE */
/*********************************************************/
/*********************************************************/
/* KB-WARNING - START */
/*********************************************************/
.kb-warning {}
.kb-warning .contents {
background-image: none;
background-color: var(--warning-background);
border: 1px solid var(--warning-border);
color: var(--black);
font-size: 1rem;
padding: 15px 15px 15px 62px;
position: relative;
}
.kb-warning .contents::before {
background-color: var(--warning-border);
mask-repeat: no-repeat;
mask-size: 100% 100%;
mask-position: center center;
content: '';
display: block;
width: 32px;
height: 32px;
position: absolute;
top: 15px;
left: 15px;
mask-image: url('data:image/svg+xml,');
}
.kb-warning .contents p {}
.kb-warning .contents a {
color: var(--black) !important;
text-decoration: underline;
}
#main .kb-warning .contents a:focus,
#main .kb-warning .contents a:hover {
color: var(--black) !important;
}
/*********************************************************/
/* KB-WARNING - ENDE */
/*********************************************************/