/* Assessibility */
:focus-visible,
.menubtn:focus {
    outline: -webkit-focus-ring-color auto 1px !important;
}

#sidr a {
    padding:8px !important;
}

img.gridicon {
    width: 50px !important;
    height: 65px !important;
    position: relative;
    display: block;
    margin-right:10px;
    color:#ff6600;
}

.grid table {
    width:100%;
}

.grid table td{
    width:50px;
}


.grid table td + td{
    width:auto;
}
.mobileimg {
    display:none;
}

/*
50 Yeasr Children
*/

.gridoverlay {
    position: absolute;
    bottom: -70%;
    right: -200%;
    width: 850px;
    z-index: 1;
}
.gridoverlay2 {
    position: absolute;
    bottom: -60%;
    right: -200%;
    width:850px;
    z-index: 1;
}

.gridoverlay_newsat50 {
    position: absolute;
    bottom: -15%;
    right: -200%;
    width: 160%;
    z-index: 1;
}

.fifthyyears .swiper-container-big .swiper-slide .caption a.btn:hover {
    background-color:#009e49 !important;
    border-color:#009e49 !important;
}

.corporateblue.fifthyyears .swiper-container-big .swiper-slide .caption a.btn:hover {
    background-color: #4bb5dd !important;
    border-color: #4bb5dd !important;
}
.corporateblue.fifthyyears .swiper-container-big {
    color:#fff !important;
}

.fifthyyears .swiper-container-big .swiper-pagination-bullet {
    background: #000;
}
.fifthyyears .swiper-container-big .swiper-pagination-bullet-active {
    background: #009e49;
}

.corporateblue.fifthyyears .swiper-container-big .swiper-pagination-bullet-active {
    background: #4bb5dd;
}


.section .animatedroboter {
    position:absolute;
    left:-603px;
    bottom:-628px;
    width:628px;
    height:603px;
    transition:all 0.5s ease-in-out;
    transition-delay: 0s !important;
    z-index:1;
}

.section.inviewpoint .animatedroboter {
    left:-11px;
    bottom:-130px;
}
.section .animatechildren{
    position:absolute;
    right:-600px;
    bottom:-672px;
    width:600px;
    height:672px;
    transition:all 0.5s ease-in-out;
    transition-delay: 0s !important;
    z-index:1;
    }

.section.inviewpoint .animatechildren{
    right:0px;
    bottom:-27px;
}
.shadow1 {
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .50) !important;
}


/*:focus {
 outline: -webkit-focus-ring-color auto 1px !important;
}*/

.menubtn:active {
 outline: -webkit-focus-ring-color auto 0px !important;
 outline: none !important;
}
#overlay .container-fluid .sidrmenu_subsub.activ#sidrsubmenu65890 {
    display:none !important;
}

.whitebg .MarkupSocialShareButtons {
    border: 1px solid #000 !important;
}

.whitebg .card .MarkupSocialShareButtons {
    border: 0px solid #000 !important;
}


.whitebg .card .MarkupSocialShareButtons li.mssb-facebook a {
    background-image: url(../../_corporate/images/social/icon_facebook_ws.svg) !important;
}

.whitebg .card .MarkupSocialShareButtons li.googleplus a {
    background-image: url(../../_corporate/images/social/icon_googleplus_ws.svg) !important;
}

.whitebg .card .MarkupSocialShareButtons li.mssb-twitter a {
    background-image: url(../../_corporate/images/social/icon_twitter_ws.svg) !important;
}

.whitebg .card .MarkupSocialShareButtons li.mssb-linkedin a {
    background-image: url(../../_corporate/images/social/icon_linkedin_ws.svg) !important;
}

.whitebg .card .MarkupSocialShareButtons li.mssb-xing a {
    background-image: url(../../_corporate/images/social/icon_xing_ws.svg) !important;
}

.wobble a.btn:hover {

  animation: wobble 0.5s ease-in-out 1;
}

@keyframes wobble {
  0% {
    transform: translateX(0);
  }

  50% {
    transform: translateX(115%);
  }
  51% {
    transform: translateX(-110%);
  }

  100% {
    transform: translateX(0%);
  }
}

.zoomani a.btn:hover {
  animation: zoom 0.5s ease-in-out 1;
}

@keyframes zoom {
  0% {
    transform: scale(1);
  }

  50% {
    transform: scale(1.1);
  }

  100% {
    transform: scale(1);
  }
}

.focusani a.btn:hover {
  animation: focus 0.5s ease-in-out 1;
}
area.button:focus {
    outline: unset !important;
}

@keyframes focus {
  0% {
    filter:blur(1px);

  }

  50% {
    filter:blur(0px); 
  }

  100% {
    filter:blur(1px);
    
  }
}

.testani a.btn:hover {
  animation: test 0.5s ease-in-out 1;
}

@keyframes test {
  0% {
    filter:invert(0);
    transform: scale(1);
  }

  50% {
    filter:invert(1);
    transform: scale(1.1);
  }

  100% {
    filter:invert(0);
    transform: scale(1);
  }
}
/**/
.additional .leftborder, .additionalmobile .leftborder {
    border:0px !important;
}

.top > div {
    position: absolute;
    bottom: 0;
    min-height: 70%;
    width:90%;
}
.videonomobile, .nomobile {
    display:block;
}
.videoonlymobile {
    display:none;
}
.logo img {
    width: 300px;
    height: auto;
    margin: 30px 0;
}

.glas {
    background: rgba(255,255,255,.2);
    border-radius: 0;
    backdrop-filter: blur(13px);
    -webkit-backdrop-filter: blur(13px);
    border: 1px solid rgba(255,255,255,.24);
}

#topbar .heading_wrapper .heading {
    padding:7px 10px 7px 0;
}

/**/
a.animated {
    text-decoration:none;
    display:inline-grid;
    overflow: hidden;
}

a.animated span {
    display: block;
    font-size: 1.8rem;
    font-weight: 500;
    letter-spacing: -.04em;
    line-height: 1;
    position: relative;
    border-bottom:1px solid #000;
    margin-top: -6px;
    height:1px;
}

.bigtext a.animated span {
   margin-top: -7px;
}

.gradienttechnical a.animated span {
    border-bottom:2px solid #fff;
 
}

a.animated:hover span { 
  animation: linkslide 0.5s ease-in-out 1;
}

@keyframes linkslide {
  0% {
    transform: translateX(0);
  }

  50% {
    transform: translateX(115%);
  }
  51% {
    transform: translateX(-110%);
  }

  100% {
    transform: translateX(0%);
  }
}
    
/**/

.content ul.pagination {
    list-style-type: none !important;
    padding: 0 0 15px 0px;
}

.corporateblue .InputfieldSubmit .InputfieldContent button {
    background: #005f8b;
    color: #fff;
}

/*.masonry .card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, .125);
    border-radius: .25rem;
}

.masonry {
    display:block;
}*/
.grid {
    position: relative;
}

.corporate_main .specialgrid4 .highlighter {
    left: -10px;
    top: -10px;
    width: 250px;
    height: 250px;
    position: absolute;
    z-index: 1;
    background-color: #005f8b;
} 


.gradientblue .thumbnail {
    z-index:10;
}
.content .gradientblue .btn:hover,
.content .gradientblue .btn.big:hover {
    color:#fff !important;
    border-color: #fff !important;
    background: transparent url(../images/asmpt_nav_arrow_white.svg) no-repeat center right !important;
    background-size: 30px auto !important;
}
.gradientblue.digitalnumbers::after {
    content:"1 0 0 1 0 0 1 0 1 0 1 0 1 0 0 0 1 0 1 0 1 0 0 1 1 0 0 1 0 1 1 0 0 0 0 0 0 1 0 0 1 1 0 1 0 1 0 1 0 1 1 0 0 1 0";
    position: absolute;
    right:20%; /*380px;*/
    top:0px;
    color:rgba(255,255,255,0.2);
    width:50px;
    z-index:1;
    font-size:2.5em;
    line-height:1em;
     white-space: pre-wrap;
     z-index:1;
}
.gradientblue.digitalnumbers .container::after {
    content:"0 1 1 0 1 0 1 0 1 0 1 1 0 0 1 0 1 0 0 1 0 0 1 0 1 0 1 0 1 0 0 0 1 0 1 0 1 0 0 1 1 0 0 1 0 1 1 0 0 0 0 0 0 1 0 ";
    position: absolute;
    right:21%;
    top:-20px;
    color:rgba(255,255,255,0.3);
    width:50px;
    z-index:1;
    font-size:2.5em;
    line-height:1em;
     white-space: pre-wrap;
     z-index:1;
}
.gradientblue.digitalnumbers::before {
    content:"0 0 1 0 1 1 0 0 0 0 0 0 1 0 0 1 1 0 1 0 1 0 1 0 1 1 0 0 1 0 1 0 0 1 0 0 1 0 1 0 1 0 1 0 0 0 1 0 1 0 1 0 0 1 1 ";
    position: absolute;
    right:22%;
    top:-30px;
    color:rgba(255,255,255,0.15);
    width:50px;
    z-index:1;
    font-size:3em;
    line-height:1em;
     white-space: pre-wrap;
     z-index:1;
}
.isotope-container-wide {
    max-width: 100%;
}
.isotope-container-wide .row{
    left:-12px;   
}

.filters-button-group-wide button {
    border-radius:10px;
}
.masonry .card {
    border-radius:15px !important;
    border-color:transparent;
/*    margin-bottom:0 !important;*/
}
.masonry .card .card-body {
    flex: 1 1 auto;
    padding: 1rem 1rem;
    float: unset;
    clear: unset !important;
    border-radius: 0 0 15px 15px;
}

.masonry .card .card-body a{ 
    text-decoration: none;
}

.masonry .card .card-body h3,
.masonry .card .card-body p {
    font-size:16px;
}
.masonry .card img {
    border-radius: 15px 15px;
}

/*/*.masonry .card .card-text {
    margin-bottom: 0px;
}*/

.bluebg1 .thumbnail {
    background:#4bb5dd;
    color:#fff;
}

.bluebg1 .thumbnail .caption,
.bluebg2 .thumbnail .caption,
.bluebg3 .thumbnail .caption,
.bluebg4 .thumbnail .caption {
     color:#fff;
}

.bluebg3 .thumbnail {
    background:rgb(50,152,194);
    color:#fff;
}
.bluebg4 .thumbnail {
    background:rgb(25,123,166);
    color:#fff;
}

.bluebg2 .thumbnail {
    background:#005f8b;
    color:#fff;
}

.thumbnail.nolink .caption {
    padding: 20px 20px 20px 20px;
}

.corporateblue #cd-timeline::before {
    background: #005f8b;
}
.whitebg .MarkupSocialShareButtons {
    border: none;
}
.smallersectionpadding .section {
    padding-top:50px;
    padding-bottom:45px;
}

.imagecampaign, .videocampaign {
    border-bottom: 0px solid #fff;
}

.swiper-slide.imagecampaign, .swiper-slide.videocampaign {
    border-bottom: 10px solid #fff;
}

.graybg .corporateblue .slick-dots li.slick-active button {
    
    background: #005f8b !important;
}

.governance  .slick-dots li.slick-active button {
    background: #c55f09 !important;
}

.graybg .swiper-slide.imagecampaign, .graybg .swiper-slide.videocampaign {
    border-bottom: 10px solid #eaeced;
}
/* 50er Cars */
.card50  {
    display:inline-block;
    background: none !important;
}
.card50 a {
    text-decoration: none;
}

.card50 .card-body {
    padding-left:0;
    padding-right:0;
    display:inline-block;
}
.card50 .card-footer {
    background:none;
    display:inline-block;
    text-align: right;
    width:100%;
    border-top:0;
}
.bigtext .card-columns .card50 p {
    font-weight:400;
}

/* Footer Headline */
.footerheadline {
    font-weight: 600;
    margin-top: 0;
    margin-bottom: .5rem;
    font-size: 1rem;
    line-height: 1.2;
} 

/* Videocarousel  */
   .videocarousel,
   .imagecarousel {
      margin: 0 auto;
      padding: 20px 0;
      max-width: 100%;
      width:100%;
      overflow: hidden;
      height: auto;
      display: inline-flex;
    }

    .videocarousel p,
    .imagecarousel p {
        font-size:1rem !important;
    }

    .videocarousel.animated:hover .group,
    .imagecarousel.animated:hover .imagegroup {
      animation-play-state: paused;

    }

    .group,
    .imagegroup {
      white-space: nowrap;
      display: inline-block;
      position:relative;
      width: auto;
    }

    .videocard video,
    .imagecard img{
        position:relative;
        margin-bottom:10px;
    }

    .videocard,
    .imagecard {
      color: #fff;
      padding: 0 10px;
      font-size: xx-large;
     /*min-height: 200px;*/
     aspect-ratio:16/9;
    background:transparent;
    display:inline-block;
    position:relative;
    color:#000;
    font-size:1rem;
    width:550px;
    }

    

    @keyframes slide {
      0% {
        transform: translateX(0);
      }

      100% {
        transform: translateX(-100%);
      }
    }




/* ende  */

.borderbottom {
    border-bottom: 10px solid #fff;
}

.border-xl-end {
    border-right:10px solid #fff !important;
}

.border-xl-start {
    border-left:10px solid #fff !important;
}


.nohovercard .normal.half {
    width: 60%;
}

.nohovercard .normal.half.fromright {
    right: 0;
}

.nohovercard .normal.half.fromleft {
    left: 0;
}

.nohovercard {
    position: relative;
    display: inline-block;
    overflow: hidden;
}
.nohovercard .normal {
    -webkit-transition: 0.5s all ease-in-out;
    transition: 0.5s all ease-in-out;
    position: absolute;
    bottom: 0;
    height: auto;
}

.nohovercard.image .normal {
    background: rgb(0, 0, 0);
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 15%, rgba(0, 0, 0, 0.8) 100%) !important;
}

.nohovercard.image .normal.top {
    background: rgb(0, 0, 0);
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) -15%, rgba(0, 0, 0, 0.8) 100%) !important;
}

.nohovercard .hover, .nohovercard .normal {
    padding: 25px;
    cursor: pointer;
}

.hovercard.textinner23 .hover.full div {
    width: 100% !important;
}

.content .nohovercard a.btn {
    color: #fff !important;
    background: transparent url(../../_corporate/images/asmpt_nav_arrow_white.svg) no-repeat center right !important;
    background-size: 25px auto !important;
    border:1px solid #fff;
}

.content .nohovercard a.btn:hover {
    background: #000 url(../../_corporate/images/asmpt_nav_arrow_white.svg) no-repeat center right !important;
    background-size: 25px auto !important;
    border:1px solid #000;
}

.content ul li {
    margin-bottom: 10px;
}
a.imgoverlay .overlay:hover img {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    opacity: 1;
    cursor: pointer;
}
.mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 1200px !important;
}
.netzero .slick-dots li.slick-active button {
    background-color:#009e49 !important;
}

.environmental .slick-dots li.slick-active button {
    background-color:#8fc043 !important;
}

.sustainability .slick-dots li.slick-active button {
    background-color:#009e49 !important;
}

.innovation .slick-dots li.slick-active button {
    background-color:#029C94 !important;
}

.employees .slick-dots li.slick-active button {
    background-color:#F39325 !important;
}

.communities .slick-dots li.slick-active button {
    background-color:#AD3129 !important;
}

.graybg .slick-dots li button {
    background: rgba(255,255,255,0.5) !important;
    border-radius: 0 !important;
    height: 2px !important;
    padding: 2px !important;
    width: 25px !important;
}

.graybg .slick-dots li.slick-active button {
    background: #aa312c !important;
}


.listGroup b, .listGroup h3 {
    padding: 0 0 0 0;
}

.financialresult a,
.grid-financial_results a {
    text-decoration: none;
}

.grid-financial_results td:not(:first-child),
.shareholders td:not(:first-child){
    text-align: left;
    white-space: normal;
}

.accordioncard .list-group .fab, .accordioncard .list-group .far, .accordioncard .list-group .fas,
.listGroup .list-group .fab, .listGroup .list-group .far, .listGroup .list-group .fas {
    position: relative !important;
    top: 0 !important;

} 

.accordioncard .list-group.accordioncard .list-group a,
.listGroup .list-group a {
    text-decoration: none;
}




.content .swiper-slide .productslide {
    text-align: center !important;
}

.TestimonialCarousel div>div {
    position: relative !important;
}

.content .swiper-slide .productslide img {
    width: auto !important;
    height: 450px !important;
}
.content .swiper-container .swiper-slide .productslide .headline {
    font-size:60px !important;
}
.content .swiper-container .swiper-slide .productslide .body p,
.content .swiper-container .swiper-slide .productslide .body a.btn {
    font-size:30px !important;
}
.content .swiper-container .swiper-slide .productslide .body {
    width: 100%;
}

.swiper-slide.gradientemployeesbg,
.swiper-slide.gradienttechnical,
.swiper-slide.gradientcommunities,
.swiper-slide.gradientlightgreen,
.swiper-slide.gradientdarkgreen,
.swiper-slide.gradientgovernance,
.gradientemployeesbg,
.gradienttechnical,
.gradientcommunities,
.gradientlightgreen,
.gradientdarkgreen,
.gradientblue,
.gradientgovernance {
    background-repeat: no-repeat !important;
    background-position: bottom center !important;
    background-size: cover !important;    
    color:#fff !important;
}

.swiper-slide.gradientemployeesbg,
.gradientemployeesbg {
    background-image: url(../images/ASMPT_Verlauf_Online_2000x1400_241016_Power_Orange_Verlauf.svg) !important;

}
.swiper-slide.gradienttechnical,
.gradienttechnical {
    background-image: url(../images/ASMPT_Verlauf_Online_2000x1400_241016_Technical_Blue_Verlauf.svg) !important;

}

.swiper-slide.gradientcommunities,
.gradientcommunities {
    background-image: url(../images/ASMPT_Verlauf_Online_2000x1400_241016_Dynamic_Red_Verlauf.svg) !important;

}

.swiper-slide.gradientlightgreen,
.gradientlightgreen {
    background-image: url(../images/ASMPT_Verlauf_Online_2000x1400_241016_Innovative_Green_Verlauf.svg) !important;

}

.swiper-slide.gradientdarkgreen,
.gradientdarkgreen {
    background-image: url(../images/ASMPT_Verlauf_Online_2000x1400_241016_Sustainable_Green_Verlauf.svg) !important;

}

.swiper-slide.gradientgovernance,
.gradientgovernance {
    background-image: url(../images/ASMPT_Verlauf_Online_2000x1400_241016_Dark_Orange.svg) !important;

}

.swiper-slide.gradientblue,
.gradientblue {
    background-image: url(../images/ASMPT_Verlauf_Online_2000x1400_241029_Digitalization_Blue.svg) !important;

}



.children50years {
    background-repeat: no-repeat !important;
    background-position: bottom right !important;
    background-size: auto 100% !important;    
    background-image: url(../images/asmpt_50-Jahre_Visions_Scribble_250219.png) !important;
}

.empower {
    background-repeat: no-repeat !important;
    background-color:#000;
    background-position: center center !important;
    background-image: url(../images/empower_the_intelligent_revolution_2500x468px_bg.jpg) !important;
    color:#fff;
    object-fit: cover;
}

.gradientblue h1,
.gradientblue h2,
.gradientblue h3,
.gradientblue h4,
.gradientblue h5,
.gradientblue h6,
.gradientblue a,
.gradientblue .swiper .headline,
.corporateblue .gradientblue h1,
.corporateblue .gradientblue h2,
.corporateblue .gradientblue h3,
.corporateblue .gradientblue h4,
.corporateblue .gradientblue h5
 {
    color:#fff !important;
}

.gradientemployeesbg h1,
.gradientemployeesbg h2,
.gradientemployeesbg h3,
.gradientemployeesbg h4,
.gradientemployeesbg h5,
.gradientemployeesbg h6,
.gradientemployeesbg a,
.employees .gradientemployeesbg .swiper .headline, 
.employees .gradientemployeesbg h2, 
.employees .gradientemployeesbg h3 {
    color:#fff !important;
}
.gradientemployeesbg .blacktxt.styled2 h2,
.gradientemployeesbg .blacktxt.styled2-invert h2,
.gradientemployeesbg .blacktxt.styled3 h2,
.gradientemployeesbg .blacktxt.styled3_invert h2,
.gradientlightgreen .blacktxt.styled2 h2,
.gradientlightgreen .blacktxt.styled2-invert h2,
.gradientlightgreen .blacktxt.styled3 h2,
.gradientlightgreen .blacktxt.styled3_invert h2,
.gradientlightgreen .blacktxt.styled2 a,
.gradientlightgreen .blacktxt.styled2-invert a {
    color:#000 !important;
}

.gradienttechnical h1,
.gradienttechnical h2,
.gradienttechnical h3,
.gradienttechnical h4,
.gradienttechnical h5,
.gradienttechnical h6,
.gradienttechnical a,
.innovation .gradienttechnical h2, 
.innovation .gradienttechnical h3 {
    color:#fff !important;
}

.gradientlightgreen h1,
.gradientlightgreen h2,
.gradientlightgreen h3,
.gradientlightgreen h4,
.gradientlightgreen h5,
.gradientlightgreen h6,
.gradientlightgreen a,
.netzero .gradientlightgreen h2, 
.netzero .gradientlightgreen h3 {
    color:#fff !important;
}

.gradientcommunities h1,
.gradientcommunities h2,
.gradientcommunities h3,
.gradientcommunities h4,
.gradientcommunities h5,
.gradientcommunities h6,
.gradientcommunities a,
.communities .gradientcommunities h2, 
.communities .gradientcommunities h3 {
    color:#fff !important;
}

.corporateblue .leftimage-righttext h3,
.corporateblue .leftimage-righttext-invert h3,
.corporateblue .styled3 h3,
.corporateblue .styled3-invert h3,
.corporateblue .styled4 h3,
.corporateblue .styled4-invert h3 {
    color: #005f8b !important;
}

h1.noline {
    background:none !important;
    margin-bottom:0;
}

.innovation h4,
.innovation .thumbnail h3 {
    color:#029C94 !important;
}

.section {
    position: relative;
}

.sidr_anker {
    position: relative;
    background: transparent !important;
}

/* Graycard */
.graycard .thumbnail {
     background:#ebecee;
}
.nobottom .thumbnail .caption {
    padding: 20px 20px 20px 20px;
    color: #000;
    position: relative;
}

h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5 {
    hyphens: none !important;
}

.content .container-fluid {
    padding-right: 0px;
}

.content .container-fluid.masonry {
    padding-right: 12px;
}
/*.section.parallax {
    padding-top:  100px !important;
}
.section.parallax .container:first-child {
    padding-top:0;
}*/
/*.section:first-child.inviewpoint>div, 
.section:first-child>div {
    visibility: inherit !important;
}
*/

.grid-financial_results i.far:hover, .grid-financial_results i.fas:hover {
    color:#aa312c;
}
img.nofluid-img {
    width:auto !important;
    height:auto !important;
}

.grid-results.reports i:before {
    top:-5px;
    position: relative;
    padding-right:5px;
}

.grid-results.reports i:before:hover {
   color:#aa312c;
}


.table.reports .info .date {
    margin-bottom:0 !important;
}

div.list-group-item:nth-child(odd),
a.list-group-item:nth-child(odd),
table.grid-results tr:nth-child(odd) {
    background-color:#ebecee;
}

.table.grid-financial_results thead,
.table.grid-results thead tr,
span.list-group-item:first-child {
    background: #97a0a5 !important;
    color: #fff !important;
    font-weight: normal !important;
}

.biggertext .caption .card-text{
    font-size:1.25em;
}

.styled2 .thumbnail {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    gap: 15px;
    grid-auto-flow: row;
    grid-template-areas: "image caption caption caption caption" "image caption caption caption caption" "image caption caption caption caption";
    border: none;
    align-items: top;
    justify-content: center;
    background: transparent;
}

.styled2-invert .thumbnail {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    gap: 15px;
    grid-auto-flow: row;
    grid-template-areas: "caption caption caption caption image" "caption caption caption caption image" "caption caption caption caption image";
    border: none;
    align-items: top;
    justify-content: center;
    background: transparent;
}

.styled2 .thumbnail .image,
.styled2-invert .thumbnail .image {
    grid-area: image;
    position: relative;
    aspect-ratio: auto!important;
    object-fit: cover;
    z-index:100 !important;

    margin-top:0px;
}
.styled2 .thumbnail .image picture img,
.styled2 .thumbnail .image video,
.styled2-invert .thumbnail .image picture img,
.styled2-invert .thumbnail .image video {
    border:3px solid #ececec;
    background:#fff;
    margin-top:25px;
}

.styled2 .thumbnail .image .overlay,
.styled2-invert .thumbnail .image .overlay {
    height: auto;
}

.styled2 .thumbnail .image .overlay>img,
.styled2-invert .thumbnail .image .overlay>img {
    width: 100%!important;
    object-fit: cover;
    display: block;
    left: 0;
    top: 0;
    height: 100%!important;

}

.styled2 .thumbnail .caption {
    padding: 50px 50px 40px 20% !important;
    background: #f8f8f8;
    position: relative;
    left: -14%;
    width: 115%;
    z-index:99 !important;
}

.styled2-invert .thumbnail .caption {
    padding: 50px 20% 40px 50px !important;
    background: #f8f8f8;
    position: relative;
    left: 0%;
    width: 113%;
    z-index:99 !important;
}

/* styled3 */
.styled3 .thumbnail {
    display: -ms-grid;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    gap: 15px;
    grid-auto-flow: row;
    grid-template-areas: "image image caption caption caption caption" "image image caption caption caption caption" "image image caption caption caption caption";
    border: none;
    -webkit-box-align: top;
    -ms-flex-align: center;
    align-items: top;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: transparent;
}

.styled3-invert .thumbnail {
    display: -ms-grid;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    gap: 15px;
    grid-auto-flow: row;
    grid-template-areas: "caption caption caption caption image image" "caption caption caption caption image image" "caption caption caption caption image image";
    border: none;
    -webkit-box-align: top;
    -ms-flex-align: center;
    align-items: top;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: transparent;
}

.styled3 .thumbnail .image ,
.styled3-invert .thumbnail .image {
    -ms-grid-row: 1;
    -ms-grid-row-span: 12;
    -ms-grid-column: 1;
    -ms-grid-column-span: 12;
    grid-area: image;
    position: relative;
    aspect-ratio: auto!important;
    -o-object-fit: cover;
    object-fit: cover;
    z-index:100 !important;

    margin-top:0px;
}
.styled3 .thumbnail .image picture img,
.styled3 .thumbnail .image video,
.styled3-invert .thumbnail .image picture img,
.styled3-invert .thumbnail .image video {
    border:3px solid #ececec;
    background:#fff;
    margin-top:25px;
}

.styled3 .thumbnail .image .overlay,
.styled3-invert .thumbnail .image .overlay {
    height: 100%
}

.styled3 .thumbnail .image .overlay>img,
.styled3-invert .thumbnail .image .overlay>img {
    width: 100%!important;
    -o-object-fit: cover;
    object-fit: cover;
    display: block;
    left: 0;
    top: 0;
    height: 100%!important;

}

.styled3 .thumbnail .caption {
    padding: 50px 50px 40px 20% !important;
    background: #f8f8f8;
    position: relative;
    left: -14%;
    width: 115%;
    z-index:99 !important;
}

.styled3-invert .thumbnail .caption {
    padding: 50px 20% 40px 50px !important;
    background: #f8f8f8;
    position: relative;
    left: 0%;
    width: 113%;
    z-index:99 !important;
}
/* Styled4 */

.styled4 .thumbnail {
    display: -ms-grid;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    gap: 15px;
    grid-auto-flow: row;
    grid-template-areas: "image image image caption caption caption" "image image image caption caption caption" "image image image caption caption caption";
    border: none;
    -webkit-box-align: top;
    -ms-flex-align: center;
    align-items: top;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: transparent;
}

.styled4-invert .thumbnail {
    display: -ms-grid;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    gap: 15px;
    grid-auto-flow: row;
    grid-template-areas: "caption caption caption image image image" "caption caption caption image image image" "caption caption caption image image image";
    border: none;
    -webkit-box-align: top;
    -ms-flex-align: center;
    align-items: top;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: transparent;
}

.styled4 .thumbnail .image ,
.styled4-invert .thumbnail .image {
    -ms-grid-row: 1;
    -ms-grid-row-span: 12;
    -ms-grid-column: 1;
    -ms-grid-column-span: 12;
    grid-area: image;
    position: relative;
    aspect-ratio: auto!important;
    -o-object-fit: cover;
    object-fit: cover;
    z-index:100 !important;

    margin-top:0px;
}
.styled4 .thumbnail .image picture img,
.styled4 .thumbnail .image video,
.styled4-invert .thumbnail .image picture img,
.styled4-invert .thumbnail .image video {
    border:3px solid #ececec;
    background:#fff;
    margin-top:25px;
}

.styled4 .thumbnail .image .overlay,
.styled4-invert .thumbnail .image .overlay {
    height: 100%
}

.styled4 .thumbnail .image .overlay>img,
.styled4-invert .thumbnail .image .overlay>img {
    width: 100%!important;
    -o-object-fit: cover;
    object-fit: cover;
    display: block;
    left: 0;
    top: 0;
    height: 100%!important;

}

.styled4 .thumbnail .caption {
    padding: 50px 50px 40px 20% !important;
    background: #f8f8f8;
    position: relative;
    left: -14%;
    width: 115%;
    z-index:99 !important;
}

.styled4-invert .thumbnail .caption {
    padding: 50px 20% 40px 50px !important;
    background: #f8f8f8;
    position: relative;
    left: 0%;
    width: 113%;
    z-index:99 !important;
}

.communities .styled2 .thumbnail .caption,
.communities .styled2-invert .thumbnail .caption {
     background: #AD3129;
     color:#fff;
}

.communities .styled2 .thumbnail .image picture img,
.communities .styled2 .thumbnail .image video,
.communities .styled2-invert .thumbnail .image picture img,
.communities .styled2-invert .thumbnail .image video {
     border:3px solid rgba(172,50,41,0.2);
}

.employees .styled2 .thumbnail .caption,
.employees .styled2-invert .thumbnail .caption {
     background: #F39325;
     color:#fff;
}

.employees .styled2.employee2 .thumbnail .caption,
.employees .styled2-invert.employee2 .thumbnail .caption {
     background: #c55f09;
     color:#fff;
}
.netzero.styled2 .thumbnail .caption h3,
.netzero.styled2 .thumbnail .caption a,
.netzero.styled2-invert .thumbnail .caption h3,
.netzero.styled2-invert .thumbnail .caption a {
    color:#fff !important;

}
.governance .styled .thumbnail .caption h3,
.governance .styled2 .thumbnail .caption h3,
.governance .styled2 .thumbnail .caption a,
.governance .styled2-invert .thumbnail .caption h3,
.governance .styled2-invert .thumbnail .caption a {
    color:#fff !important;

}

.netzero.styled2 .thumbnail .caption,
.netzero.styled2-invert .thumbnail .caption {
     background: #8fc043;
     color:#fff;
}

.corporateblue .swiper .headline h1 {
    color: #4bb5dd !important;
}

.corporateblue h1, .corporateblue h2, .corporateblue h3, .corporateblue h4 {
    color: #005f8b !important;
}

.corporateblue .hovercard h3 {
    color:#fff !important;
}

.corporateblue h1 {
    color:#000 !important;
    background: url(../images/headline_spacer_blue.png) no-repeat left bottom !important;
}

.governance .swiper .headline, .governance .swiper .headline h1 {
    background: none !important;
}
.governance .swiper .gridcaption .h1 {
    color:#000 !important;
    background: url(../images/headline_spacer_governance.png) no-repeat left bottom !important;
}
.governance .swiper-slide .headline {
    padding-bottom: 35px !important;
    margin-bottom: 35px !important;
}


.corporateblue .swiper .gridcaption .h1 {
    background: url(../images/headline_spacer_blue.png) no-repeat left bottom !important;
}

.corporateblue .swiper .headline,
.corporateblue .swiper .headline h1 {
    background: none !important;
}
.corporateblue .swiper .gridcaption .h1 h1 {
    color: #000 !important;
}
.corporateblue .nohovercard h3 {
    color:#fff !important;
}

.corporateblue .content .nohovercard a.btn {
    border:1px solid #fff !important;
} 

.corporateblue .content .nohovercard a.btn:hover {
    color:#fff !important;
} 

.governance .swiper .headline,
.governance h2, .governance h3, .employees h3 {
    color: #c55f09 !important;
}
.governance .list-group h3 {
    color:#000 !important;
}

.governance .hovercard h3 {
    color:#fff !important;
}
.employees .swiper .headline,
.employees h2, .employees h3 {
    color: #F39325 !important;
}

.innovation .swiper .headline,
.innovation h2, .employees h3 {
    color: #029C94 !important;
}

.netzero .swiper .headline,
.netzero h2, .employees h3 {
    color: #009e49 !important;
}


.environmental .swiper .headline,
.environmental h2, .employees h3 {
    color: #8fc043 !important;
}

.communities .swiper .headline,
.communities h2, .employees h3 {
    color: #AD3129 !important;
}

.employees .styled2 h3,
.employees .styled2-invert h3,
.employees .styled2 a,
.employees .styled2-invert a,
.innovation .styled2 h3 {
    color:#fff !important;
}

.employees .hovercard h2,
.employees .hovercard h3 {
    color:#fff !important;
}

.employees .styled2 .thumbnail .image picture img,
.employees .styled2 .thumbnail .image video,
.employees .styled2-invert .thumbnail .image picture img,
.employees .styled2-invert .thumbnail .image video {
     border:3px solid rgba(243,147,37,0.2);
}
.employees .slick-slide img.testimonial_image,
.netzero .slick-slide img.testimonial_image,
.governance .slick-slide img.testimonial_image,
.innovation .slick-slide img.testimonial_image,
.communities .slick-slide img.testimonial_image,
.corporate .slick-slide img.testimonial_image ,
.corporateblue .slick-slide img.testimonial_image,
.technical .slick-slide img.testimonial_image,
.grayquote .slick-slide img.testimonial_image {
    position:relative;
    z-index: 100;
    margin-bottom: 104px;
    padding: 7px 0 0 12px;
}

.innovation .slick-slide img.testimonial_image,
.technical .slick-slide img.testimonial_image {
    position:relative;
    z-index: 100;
    margin-bottom: 104px;
    padding: 7px 0 0 12px;
}

.employees .TestimonialCarousel .slick-slide:after,
.netzero .TestimonialCarousel .slick-slide:after,
.governance .TestimonialCarousel .slick-slide:after,
.innovation .TestimonialCarousel .slick-slide:after,
.communities .TestimonialCarousel .slick-slide:after,
.sustainability .TestimonialCarousel .slick-slide:after {
    content:"";
    background-size: 62% auto;
    background-position: 15px 0px;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    width:50%;
    height: 100%;
    z-index: 10;
}

.testimonial.innovation .slick-slide .imagewrap:after {
    content:"";
        background-size: 420px auto;
    background-position: 36px 4px;
    background-repeat: no-repeat;
    position: absolute;
    width:50%;
    height: 100%;
    z-index: 10;
}

.slick-slide .imagewrap {
    position: relative;
}

.testimonial.innovation .slick-slide .imagewrap .quotebg {
    position: absolute !important;
    width: 96%;
    height: 100%;
    top: 0;
    left: 0;
    transform: translate(0, 0px);
    background-repeat: no-repeat;
}

.environmental .TestimonialCarousel .slick-slide .imagewrap .quotebg,
.employees .TestimonialCarousel .slick-slide .imagewrap .quotebg,
.communities .TestimonialCarousel .slick-slide .imagewrap .quotebg,
.governance .TestimonialCarousel .slick-slide .imagewrap .quotebg,
.netzero .TestimonialCarousel .slick-slide .imagewrap .quotebg,
.corporate .TestimonialCarousel .slick-slide .imagewrap .quotebg,
.corporateblue .TestimonialCarousel .slick-slide .imagewrap .quotebg,
.technical .TestimonialCarousel .slick-slide .imagewrap .quotebg,
.grayquote .TestimonialCarousel .slick-slide .imagewrap .quotebg {
    position: absolute !important;
    width: 124%;
    height: 100%;
    top: 0;
    left: 0;
    transform: translate(0, 0px);
    background-repeat: no-repeat;
}
.testimonial.innovation .slick-slide .imagewrap .quotebg {
    background-image: url(../images/ASMPT_Verlauf_Quote_Technical_Blue.svg);
}

.governance .TestimonialCarousel .slick-slide .imagewrap .quotebg {
    background-image: url(../images/ASMPT_Verlauf_Quote_Dark_Orange.svg);
}

.netzero .TestimonialCarousel .slick-slide .imagewrap .quotebg {
    background-image: url(../images/ASMPT_Verlauf_Quote_Sustainable_Green.svg);
}

.environmental .TestimonialCarousel .slick-slide .imagewrap .quotebg {
    background-image: url(../images/ASMPT_Verlauf_Quote_Innovative_Green.svg);
}

.technical .TestimonialCarousel .slick-slide .imagewrap .quotebg {
    background-image: url(../images/ASMPT_Verlauf_Quote_Technical_Blue.svg);
}

.grayquote .TestimonialCarousel .slick-slide .imagewrap .quotebg {
    background-image: url(../images/ASMPT_Verlauf_Quote_Dark_Gray.svg);
}

.testimonial.innovation .slick-slide img.testimonial_image {
    width: 68% !important;
}

.communities .TestimonialCarousel .slick-slide .imagewrap .quotebg,
.corporate .TestimonialCarousel .slick-slide .imagewrap .quotebg {
    background-image: url(../images/ASMPT_Verlauf_Quote_Dynamic_Red.svg);
}

.corporateblue .TestimonialCarousel .slick-slide .imagewrap .quotebg {
    background-image: url(../images/ASMPT_Verlauf_Quote_Digitalization_Blue.svg);
}

.employees .TestimonialCarousel .slick-slide .imagewrap .quotebg {
background-image: url(../images/ASMPT_Verlauf_Quote_Power_Orange.svg);
}



.employees .TestimonialCarousel .slick-slide .testimonial_text,
.netzero .TestimonialCarousel .slick-slide .testimonial_text,
.governance .TestimonialCarousel .slick-slide .testimonial_text,
.innovation .TestimonialCarousel .slick-slide .testimonial_text,
.communities .TestimonialCarousel .slick-slide .testimonial_text {
    z-index: 100;
    padding-bottom: 40px;
}

.netzero .styled2 .thumbnail .caption,
.netzero .styled2-invert .thumbnail .caption {
     background: #8fc043;
     color:#fff;
}

.netzero .styled2 .thumbnail .caption .btn.transparent,
.netzero .styled2-invert .thumbnail .caption .btn.transparent,
.communities .styled2 .thumbnail .caption .btn.transparent,
.communities .styled2-invert .thumbnail .caption .btn.transparent {
    background-color: transparent !important;
}

.netzero .styled2 .thumbnail .caption .btn.transparent:hover,
.netzero .styled2-invert .thumbnail .caption .btn.transparent:hover,
.communities .styled2 .thumbnail .caption .btn.transparent:hover,
.communities .styled2-invert .thumbnail .caption .btn.transparent:hover{
    background-color: #fff !important;
}

.environmental .parallax .whitetxt .btn {
    background: #8fc043 url(../../_corporate/images/asmpt_nav_arrow_white.svg) no-repeat center right !important;
    background-size: 25px auto !important;
    border-color:#8fc043 !important;
}
.environmental .parallax .whitetxt .btn:hover {
    background: transparent url(../../_corporate/images/asmpt_nav_arrow_white.svg) no-repeat center right !important;
    background-size: 25px auto !important;
    color:#fff !important;
    border:1px solid #fff !important;
}


.netzero .styled2 .thumbnail .image picture img,
.netzero .styled2 .thumbnail .image video,
.netzero .styled2-invert .thumbnail .image picture img,
.netzero .styled2-invert .thumbnail .image video,
.netzero.styled2 .thumbnail .image picture img,
.netzero.styled2 .thumbnail .image video,
.netzero.styled2-invert .thumbnail .image picture img,
.netzero.styled2-invert .thumbnail .image video {
     border:3px solid rgba(143,192,67,0.2);
}

/**/


.innovation .styled2 .thumbnail .caption,
.innovation .styled2-invert .thumbnail .caption {
     background: #029C94;
     color:#fff;
}

.innovation .styled2 .thumbnail .caption .btn.transparent,
.innovation .styled2-invert .thumbnail .caption .btn.transparent {
    background-color: transparent !important;
}

.innovation .styled2 .thumbnail .image picture img,
.innovation .styled2 .thumbnail .image video,
.innovation .styled2-invert .thumbnail .image picture img,
.innovation .styled2-invert .thumbnail .image video {
     border:3px solid rgba(2,156,148,0.2);
}

.governance .styled2 .thumbnail .caption,
.governance .styled2-invert .thumbnail .caption {
     background: #c55f09;
     color:#fff;
}

.governance .styled2 .thumbnail .caption .btn.transparent,
.governance .styled2-invert .thumbnail .caption .btn.transparent {
    background-color: transparent !important;
}

.governance .styled2 .thumbnail .caption .btn.transparent:hover,
.governance .styled2-invert .thumbnail .caption .btn.transparent:hover {
    background-color: #fff !important;
}


.governance .styled2 .thumbnail .image picture img,
.governance .styled2 .thumbnail .image video,
.governance .styled2-invert .thumbnail .image picture img,
.governance .styled2-invert .thumbnail .image video {
     border:3px solid rgba(197,95,9,0.2);
}

.netzero h3,
.governance h3,
.communities h3,
.employees h3,
.innovation h3,
.governance h3 {
    font-weight:600;
}

.netzero ul.checkmark,
.communities ul.checkmark,
.employees ul.checkmark,
.innovation ul.checkmark,
.governance ul.checkmark   {
    margin-bottom:0;
    padding-left: 0 !important;
    list-style-type: none !important;
/*  list-style-image: url(../images/asmpt_checkmark.svg) !important;*/

}
.netzero ul.checkmark li,
.communities ul.checkmark li,
.employees ul.checkmark li,
.innovation ul.checkmark li,
.governance ul.checkmark li {
    background-image: url(../images/asmpt_checkmark.svg) !important;
    background-repeat: no-repeat !important;
    background-position: left 5px !important;
    background-size: 16px !important;
    padding-left: 25px !important;
}
.netzero ul.checkmark li,
.communities ul.checkmark li,
.employees ul.checkmark li,
.innovation ul.checkmark li,
.governance ul.checkmark li {
    margin-bottom:10px;
}

.netzero .styled2 a,
.netzero .styled2-invert a,
.minimising .styled2 a,
.minimising .styled2-invert a,
.governance .styled2 a,
.governance .styled2-invert a,
.communities .styled2 a,
.communities .styled2-invert a,
.innovation .styled2 a,
.innovation .styled2-invert a {
    color:#fff;
}

/**/
.governance table {
    width:100%;

}

.governance table thead td {
    text-align: left;
    font-size:14px;
}

.governance table thead td {
    width:5%;
}

.governance table thead td:nth-child(even){
    width:auto;
}

.link_fr {
    margin-left:15px;
    display:inline-block;
}

table .cirlce span {
    display: flex;
  width: 23px;
  height: 23px;
  align-items: center;  
  justify-content: center;
  aspect-ratio: 1 / 1;
    border-radius:50%;
    
    color:#ffffff;
    font-size:12px;
    margin:5px;
}
table.enviromental .cirlce span{
    background-color:#8fc043;
}

table.social .cirlce span{
    background-color:#f39325;
}

table.governance .cirlce span{
    background-color:#c55f09;
}

table.table tr td {
    vertical-align: middle;
} 

.grid-results.reports i:before {
    top: 0;
    position: relative;
    padding-right: 5px;
}

.btn.big i {
    margin-right:5px;
}

.styled2 .thumbnail .text-right,
.styled2-invert .thumbnail .text-right {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: end;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start
}

.styled2 .thumbnail .align_bottom,
.styled2-invert .thumbnail .align_bottom {
    padding-bottom: 0;
    right: 0
}


.bigtext p {
    font-size: 1.5rem;
    line-height: 1.5em;
}
.bigtext p.leadin {
    font-size: 2.5rem;
    line-height: 1.25em;
}

.bigtext p.small,
.bigtext div.small p {
    font-size: 1rem;
    line-height: 1.5em;
}

.bigtext .card-columns,
.bigtext .card-columns p,
.bigtext .displaycard p {
    font-size: inherit;
    font-weight:500;
}
.content a.btn.big,
.swiper-container-big .swiper-slide .caption a.btn {
    padding-top:10px !important;
    padding-bottom:10px !important;
}
.netzero .content a.btn.big,
.minimising .content a.btn.big {
    background: #8fc043 url(../../_corporate/images/asmpt_nav_arrow_white.svg) no-repeat center right !important;
    background-size: 30px auto !important;
    border-color: #8fc043 !important;
     color:#fff !important;
}

.netzero .swiper-container-big .swiper-slide .caption a.btn {
    background-color:#8fc043 !important;
    border-color:#8fc043 !important;
}

.netzero .swiper-container-big .swiper-pagination-bullet-active {
    background: #8fc043;
}



.employees .content a.btn.big {
    background: #F39325 url(../../_corporate/images/asmpt_nav_arrow_white.svg) no-repeat center right !important;
    background-size: 30px auto !important;
    border-color: #F39325 !important;
    color:#fff !important;
}

.innovation .content a.btn.big {
    background: #029C94 url(../../_corporate/images/asmpt_nav_arrow_white.svg) no-repeat center right !important;
    background-size: 30px auto !important;
    border-color: #029C94 !important;
     color:#fff !important;
}

.governance .content a.btn.big {
    background: #c55f09 url(../../_corporate/images/asmpt_nav_arrow_white.svg) no-repeat center right !important;
    background-size: 30px auto !important;
    border-color: #c55f09 !important;
     color:#fff !important;
}

.communities .content a.btn.big {
    background: #AD3129 url(../../_corporate/images/asmpt_nav_arrow_white.svg) no-repeat center right !important;
    background-size: 30px auto !important;
    border-color: #AD3129 !important;
     color:#fff !important;
}

.sustainability .content a.btn.big,
.content .sustainability a.btn.big {
    background: #009e49 url(../../_corporate/images/asmpt_nav_arrow_white.svg) no-repeat center right !important;
    background-size: 30px auto !important;
    border-color: #009e49 !important;
     color:#fff !important;
}
/*
.section {
    opacity: 0;
    visibility: hidden;
}

.section.inviewpoint {
    opacity: 1;
    visibility: visible;
}

.section.inviewpoint .headline {
    transition-delay: 0.2s;
}

.section.inviewpoint .body {
    transition-delay: 0.4s;
}

.section.inviewpoint div {
    transition-delay: 0.6s;
}*/

/*.section .hovercard {
    transition: all 1s ease-out;
    transition-delay: 1.0s;
    opacity: 0;
}
.section .hovercard.active {
    opacity: 1;
}
.section .hovercard.active:nth-child(1) {
    transition-delay: 0.2s;
}

.section .hovercard.active:nth-child(2) {
    transition-delay: 0.4s;
}

.section .hovercard.active:nth-child(3) {
    transition-delay: 0.6s;
}

.section .hovercard.active:nth-child(4) {
    transition-delay: 0.8s;
}

.section .hovercard.active:nth-child(5) {
    transition-delay: 1.0s;
}

.section .hovercard.active:nth-child(6) {
    transition-delay: 1.2s;
}

.section .hovercard.active:nth-child(7) {
    transition-delay: 1.4s;
}

.section .hovercard.active:nth-child(8) {
    transition-delay: 1.6s;
}

.section .hovercard.active:nth-child(9) {
    transition-delay: 1.8s;
}

.section .hovercard.active:nth-child(10) {
    transition-delay: 2.0s;
}*/
.hovercard.image .normal {
    background: rgb(0, 0, 0);
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.8)));
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.8) 100%) !important;
}

.hovercard.image .hover {
    opacity: 0;
}
.hovercard.image:hover .hover {
    opacity: 1;
    background: rgb(0, 0, 0);
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 1)));
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 1) 100%) !important;
}

.environment h1 {
    background: url(../images/h1_highlight_environment.png) no-repeat left bottom;
}

.environmental .gridcaption_wrapper .headline.h1 {
    background: url(../images/h1_highlight_environment.png) no-repeat left bottom !important;
}

.environment span.list-group-item {
    background-color:#009e49 !important;
}

.environment .list-group-item:hover {
    color:#009e49 !important;
}

.employee h1 {
    background: url(../images/h1_highlight_employee.png) no-repeat left bottom;
}

.communities h1 {
    background: url(../images/h1_highlight_communities.png) no-repeat left bottom;
}

.innovation h1 {
    background: url(../images/h1_highlight_innovation.png) no-repeat left bottom;
}

/* NetZero Update 230808  */
.mfp-bg {
    z-index: 104200 !important;
}
.mfp-wrap {
    z-index: 104300 !important;
}
blockquote em:before {
    margin-right: 0.15em!important;
}
blockquote.blockquote_lp_p em:after {
    margin-left: -8px!important;
}
.gray_platine blockquote em:before, .gray_platine blockquote em:after {
    color: #97a0a5!important;
}
blockquote em:before {
    margin-right: 0.15em!important;
vertical-align: -19px;
    font-size: 3.5rem!important;
}

.netzero .nofluid-img {
width: auto !important;
height: auto !important;
}
.tabicon {
    width: 30px !important;
    height: 30px !important;
    margin-right: 10px;
}

.card63267 .hovercard {
    margin-left: 0 !important;
}

.netzero .hovercard.textinner23 img {
width: 100px !important;
height: 100px !important;
}
.netzero .hovercard.textinner23 .hover.full div {
    width: 100% !important;
} 

.card63267 .hovercard:nth-child(1),
.card63267 .hovercard:nth-child(2),
.card63267 .hovercard:nth-child(3) {
   flex: 0 0 auto;
   width: 33.33333333%;
   margin-left:0 !important;
   margin-right:0 !important;

}
.netzero .hovercard {
    margin-left: 0%!important;

}

h1.netzero  {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAQoAAAASCAYAAACjOZCLAAAACXBIWXMAAAsTAAALEwEAmpwYAAAGjWlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgOS4xLWMwMDEgNzkuYThkNDc1MywgMjAyMy8wMy8yMy0wODo1NjozNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnN0RXZ0PSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VFdmVudCMiIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCAyNC4wIChXaW5kb3dzKSIgeG1wOkNyZWF0ZURhdGU9IjIwMjMtMDYtMjJUMTA6NTc6NDcrMDI6MDAiIHhtcDpNb2RpZnlEYXRlPSIyMDIzLTA2LTIyVDExOjAyOjA3KzAyOjAwIiB4bXA6TWV0YWRhdGFEYXRlPSIyMDIzLTA2LTIyVDExOjAyOjA3KzAyOjAwIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjE0NjYzMTU5LWNiNTUtNWY0Ni1hZTA2LTk2NWY3MWY5MjhjOSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDozODI4Qjg5Nzc2MzMxMUVEOTUzNkZBMDI1MjUzN0YwQSIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjM4MjhCODk3NzYzMzExRUQ5NTM2RkEwMjUyNTM3RjBBIiBkYzpmb3JtYXQ9ImltYWdlL3BuZyIgcGhvdG9zaG9wOkNvbG9yTW9kZT0iMyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjM4MjhCODk0NzYzMzExRUQ5NTM2RkEwMjUyNTM3RjBBIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjM4MjhCODk1NzYzMzExRUQ5NTM2RkEwMjUyNTM3RjBBIi8+IDx4bXBNTTpIaXN0b3J5PiA8cmRmOlNlcT4gPHJkZjpsaSBzdEV2dDphY3Rpb249InNhdmVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOmI0MTAyMjM3LWRkZDItZTI0My04OTFhLWI0Yjc0Mzc5NDYxYSIgc3RFdnQ6d2hlbj0iMjAyMy0wNi0yMlQxMDo1OToyNSswMjowMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIDI0LjYgKFdpbmRvd3MpIiBzdEV2dDpjaGFuZ2VkPSIvIi8+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJzYXZlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDoxNDY2MzE1OS1jYjU1LTVmNDYtYWUwNi05NjVmNzFmOTI4YzkiIHN0RXZ0OndoZW49IjIwMjMtMDYtMjJUMTE6MDI6MDcrMDI6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCAyNC42IChXaW5kb3dzKSIgc3RFdnQ6Y2hhbmdlZD0iLyIvPiA8L3JkZjpTZXE+IDwveG1wTU06SGlzdG9yeT4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6CbqAjAAABZElEQVR4nO3cwW3CMBiG4c9VJ4CFQIgLpyzADIQFWpUFgBlYICcuCMFCZQVzSBM5CbHTVk2s8j6XOPaP9McSnyBBGGutAMDnZegGAMTv9dHk+LCYSFoZKZHJ574O5bF1bLrXGhNYlyTZSm17nTrX+XptvC5wPb5rKfqvnLfs55/UePtq1jzcd2+Nf+9/su+/q7Hf6qsxZzxrHXurzHn2vr3Otta5tcH3lnPSqTYfZEbab2anq2oanyjGh8VW0kVSUl8D8K8lki5v5/m2vlAJilEeEmk/PQGIVFoPizIoRvnXjbTnhgDEKX0/zyfFifuJYtV/LwAiVmaCGxRJ/30AiFhSDHg8CiCIoAAQRFAACHKDIhuqCQBRyoqBGxT7/vsAELEyE8qguC2PV0m7AZoBEJ/dh/NT7so9itvyuBZhATy73WZ2WrsTjZuZn3lYTMU9C+DZZJKm9ZCQJMP/UQAI4fEogKA7pf41Hwcbr3wAAAAASUVORK5CYII=) no-repeat left bottom !important;
    background-size: 133px auto !important;
}

.peoplecard {
    padding-bottom:55px;
    position: relative;
}
.peoplecard img {
    margin-bottom:15px !important;
}

.peoplecard a.btn {
    position: absolute;
    bottom:0;
    left:50%;
    transform: translate(-50%,0);
}

.peoplegrid {
    padding-top:10px;
}

.leftimage-righttext .thumbnail,
.leftimage-righttext-invert .thumbnail {
    gap:0 !important;
}

.specialgrid4.peoplegrid .row .bld1>img, 
.specialgrid4.peoplegrid .row picture>img {
    width: 100% !important;
    /*-o-object-fit: cover;*/
    object-fit: inherit;
    display: block !important;
    position: relative !important;
    left: 0;
    top: 0;
    height: auto;
}

.grid .row .nocover {
    min-height: auto !important;
}

.grid .row .nocover picture>img {
    width: 100% !important;
    object-fit: unset !important;
    display: block !important;
    position: relative !important;
    left: auto !important;
    top: auto !important;
    height: auto !important;

}

@media only screen and (max-width: 1800px) {
    .gridoverlay,
    .gridoverlay2 {
        right: -155%;
    }

    .gridoverlay_newsat50 {
        position: absolute;
        bottom: -15%;
        right: -170%;
        width: 160%;
        z-index: 1;
    }


    .nohovercard .normal.half {
        width: 100%;
    }
}

@media only screen and (max-width: 1200px) {
    .border-lg-top {
        border-top:10px solid #fff !important;
    }
    .styled2 .thumbnail .caption {
        padding: 50px 50px 40px 20% !important;
    }

    .styled2-invert .thumbnail .caption {
        padding: 50px 20% 40px 50px !important;
    }

    .testimonial.innovation .slick-slide .imagewrap:after {
        content:"";
            background-size: 67% auto;
    background-position: 36px 4px;
        background-repeat: no-repeat;
        position: absolute;
        width:50%;
        height: 100%;
        z-index: 10;
    }
    
    
    
}

@media only screen and (max-width: 990px) {
    

     .leftimage-righttext-invert .thumbnail {
        display:block;
        -ms-grid-columns: 1fr 15px 1fr;
        grid-template-columns: 1fr 1fr;
        -ms-grid-rows: 1fr;
        grid-template-rows: 1fr;
        gap: 0;
        grid-auto-flow: row;
        grid-template-areas: "image image" "caption caption" "text-right text-right"
    }

    

    .border-end {
        border-right:0px solid #fff !important;
    }

    .border-start {
        border-left:0px solid #fff !important;
    }

    .border-top {
        border-top:0px solid #fff !important;
    }
    
    .card63267 .hovercard:nth-child(1),
    .card63267 .hovercard:nth-child(2),
    .card63267 .hovercard:nth-child(3),
    .card63267 .hovercard:nth-child(4) {
       flex: 0 0 auto;
       width: 50%;
       margin-left:0 !important;
       margin-right:0 !important;

    }

    .employees .slick-slide img.testimonial_image,
    .netzero .slick-slide img.testimonial_image,
    .innovation .slick-slide img.testimonial_image,
    .communities .slick-slide img.testimonial_image {
        position:relative;
        z-index: 100;
        margin-bottom: 107px;
        margin-top: 14px;
    }
    .employees .slick-slide:after,
    .netzero .slick-slide:after, 
    .innovation .slick-slide:after, 
    .communities .slick-slide:after {
        background-size: 62% auto;
        background-position: 29px -1px;
        width:63%;
        height: 100%;
    }

    .testimonial.innovation .slick-slide .imagewrap:after {
        content:"";
            background-size: 67% auto;
    background-position: 36px 4px;
        background-repeat: no-repeat;
        position: absolute;
        width:50%;
        height: 100%;
        z-index: 10;
    }

    /* Styled4 */
    .styled4-invert .thumbnail .caption {
        padding: 20px 20px 10px 20px !important;
    }

    .styled4 .thumbnail,.styled4-invert .thumbnail {
        display:-ms-grid;
        display: grid;
        -ms-grid-columns: 1fr 0px 1fr;
        grid-template-columns: 1fr 1fr;
        -ms-grid-rows: 1fr;
        grid-template-rows: 1fr;
        gap: 0px;
        grid-auto-flow: row;
        grid-template-areas: "image image" "caption caption"
    }

    .styled4 .thumbnail .image .overlay>img,.styled4-invert .thumbnail .image .overlay>img {
        width: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        display: block;
        position: relative;
        left: 0;
        top: 0;
        height: auto
    }

    .styled4 .thumbnail .caption,.styled4-invert .thumbnail .caption {
        left: auto;
        width: 100%;
        -webkit-box-align: top;
        -ms-flex-align: top;
        align-items: top;
        padding-left:20px !important;
    }

    .styled4 .thumbnail>.image,.styled4 .thumbnail>.image,.styled4-invert .thumbnail>.image {
        -ms-grid-row: 1;
        -ms-grid-row-span: 1;
        -ms-grid-column: 1;
        -ms-grid-column-span: 3
    }

    .styled4 .thumbnail>.image,.styled4-invert .thumbnail>.image {
        -ms-grid-row: 1;
        -ms-grid-row-span: 1;
        -ms-grid-column: 1;
        -ms-grid-column-span: 3
    }

    .styled4 .thumbnail>.image,.styled4-invert .thumbnail>.image {
        -ms-grid-row: 1;
        -ms-grid-row-span: 1;
        -ms-grid-column: 1;
        -ms-grid-column-span: 3
    }

    .styled4 .thumbnail>.caption,.styled4-invert .thumbnail>.caption {
        -ms-grid-row: 3;
        -ms-grid-row-span: 1;
        -ms-grid-column: 1;
        -ms-grid-column-span: 3
    }

    .styled4 .thumbnail>.image,.styled4-invert .thumbnail>.image {
        -ms-grid-row: 1;
        -ms-grid-row-span: 1;
        -ms-grid-column: 1;
        -ms-grid-column-span: 3
    }
    .specialgrid4.peoplegrid .row .bld1>img, 
    .specialgrid4.peoplegrid .row picture>img {
        width: 100% !important;
        /*-o-object-fit: cover;*/
        object-fit: inherit;
        display: block !important;
        position: relative !important;
        left: 0;
        top: 0;
        height: auto;
    }

}

@media only screen and (max-width: 768px) {

    .home .onlymobile {
        padding-bottom: 0px;

    }
    .nomobile {
        display:none;
    }

    .section.inviewpoint .animatedroboter {
        left: -161px;
        bottom: -240px;
    }

    .section.inviewpoint .animatechildren {
        right: 0;
        bottom: -250px;
    }

    .children50years {
        opacity: 1;
        background-position: bottom center !important;
    }
    a.animated span {
        margin-top: -4px;
    }
    .bigtext a.animated span {
       margin-top: -5px;
    }

    .gradienttechnical a.animated span {
        border-bottom:1px solid #fff;
     
    }
    .videonomobile {
        display:none;
    }
    .videoonlymobile {
        display:block;
    }

    #topbar .heading_wrapper .heading {
        padding:0;
    }
    .menubtn.nomobile {
        display:none !Important;
    }
    .videocard {
      color: #fff;
      padding: 0 10px;
      font-size: xx-large;
     /*min-height: 200px;*/
     aspect-ratio:16/9;
    background:transparent;
    display:inline-block;
    position:relative;
    color:#000;
    font-size:1rem;
    width:400px;
    }
    .content .swiper-slide .productslide img {
        width: auto !important;
        height: 200px !important;
    }

    .slick-slide img.testimonial_image {
        width: 67% !important;
        position: relative;
        z-index: 100 !important;
        margin-bottom: 120px !important;
        margin-top: 4px !important;
    }

    .testimonial.innovation .slick-slide .imagewrap:after {
        content: "";
        background-size: 560px auto;
    background-position: 8px 0px;
        background-repeat: no-repeat;
        position: absolute;
        width: 100%;
        left:70%;
        margin-top: -610px;
        height: 100%;
        z-index: 10;
        transform: translate(-50%, 0px);
    }

    

    .employees .slick-active:after,
    .netzero .slick-active:after,
    .innovation .slick-active:after,
    .communities .slick-active:after {
        background-size: 100% auto;
        background-position: 24px -1px;
        width:133%;
        height: 100%;
        left:-17px;
    }
    
    .content .swiper-container .swiper-slide.gradientemployeesbg,
    .content .swiper-container .swiper-slide.gradientemployeesbg2,
    .content .swiper-container .swiper-slide.gradientemployeesbg3 {
        min-height: 550px !important;
        height: 550px !important;
    }

    .content .swiper-container .swiper-slide.gradientemployeesbg .headline,
    .content .swiper-container .swiper-slide.gradientemployeesbg2 .headline,
    .content .swiper-container .swiper-slide.gradientemployeesbg3 .headline {
        font-size:60px !important;
    }
    .content .swiper-container .swiper-slide.gradientemployeesbg .body p,
    .content .swiper-container .swiper-slide.gradientemployeesbg2 .body p,
    .content .swiper-container .swiper-slide.gradientemployeesbg3 .body p {
        font-size:24px !important;
    }

    
    blockquote.blockquote_lp_p {
        width: 80%;
        text-align: center;
        margin: 0 auto;
        font-size: 1em;
        line-height: 1.5em;
        margin-top: 35px;
    }

    blockquote em:before, blockquote em:after {
        font-size: 2.5rem!important;
    }

    blockquote em:before {
            vertical-align: -14px !important;
    }


    blockquote em:after {
            vertical-align: -14px !important;
    }
    .infomb {
    margin-bottom:30px
    }

    .netzero .hovercard, .hovercard:first-child, .netzero .hovercard:nth-child(2) {
        width: 100% !important;
    }
    .netzero .hovercard .hover.full, .netzero .hovercard .normal.full {
        width: 100% !important;
        font-size: 1rem ;
    line-height: 1.5rem ;
    }

    .netzero .hovercard {
        min-height:350px !important;
        margin-bottom:0 !important;
    }

    .netzero .hovercard:nth-child(5) {
        min-height:470px !important;
    }

    .netzero .nofluid-img {
        width:100% !important;
        height:auto !important;
    }

    .styled2-invert .thumbnail .caption {
        padding: 20px 20px 10px 20px !important;
    }

    .styled2 .thumbnail,.styled2-invert .thumbnail {
        display:-ms-grid;
        display: grid;
        -ms-grid-columns: 1fr 0px 1fr;
        grid-template-columns: 1fr 1fr;
        -ms-grid-rows: 1fr;
        grid-template-rows: 1fr;
        gap: 0px;
        grid-auto-flow: row;
        grid-template-areas: "image image" "caption caption"
    }

    .styled2 .thumbnail .image .overlay>img,.styled2-invert .thumbnail .image .overlay>img {
        width: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        display: block;
        position: relative;
        left: 0;
        top: 0;
        height: auto
    }

    .styled2 .thumbnail .caption,.styled2-invert .thumbnail .caption {
        left: auto;
        width: 100%;
        -webkit-box-align: top;
        -ms-flex-align: top;
        align-items: top;
        padding-left:20px !important;
    }

    .styled2 .thumbnail>.image,.styled2 .thumbnail>.image,.styled2-invert .thumbnail>.image {
        -ms-grid-row: 1;
        -ms-grid-row-span: 1;
        -ms-grid-column: 1;
        -ms-grid-column-span: 3
    }

    .styled2 .thumbnail>.image,.styled2-invert .thumbnail>.image {
        -ms-grid-row: 1;
        -ms-grid-row-span: 1;
        -ms-grid-column: 1;
        -ms-grid-column-span: 3
    }

    .styled2 .thumbnail>.image,.styled2-invert .thumbnail>.image {
        -ms-grid-row: 1;
        -ms-grid-row-span: 1;
        -ms-grid-column: 1;
        -ms-grid-column-span: 3
    }

    .styled2 .thumbnail>.caption,.styled2-invert .thumbnail>.caption {
        -ms-grid-row: 3;
        -ms-grid-row-span: 1;
        -ms-grid-column: 1;
        -ms-grid-column-span: 3
    }

    .styled2 .thumbnail>.image,.styled2-invert .thumbnail>.image {
        -ms-grid-row: 1;
        -ms-grid-row-span: 1;
        -ms-grid-column: 1;
        -ms-grid-column-span: 3
    }

    /* Styled4 */
    .styled3-invert .thumbnail .caption {
        padding: 20px 20px 10px 20px !important;
    }

    .styled3 .thumbnail,.styled3-invert .thumbnail {
        display:-ms-grid;
        display: grid;
        -ms-grid-columns: 1fr 0px 1fr;
        grid-template-columns: 1fr 1fr;
        -ms-grid-rows: 1fr;
        grid-template-rows: 1fr;
        gap: 0px;
        grid-auto-flow: row;
        grid-template-areas: "image image" "caption caption"
    }

    .styled3 .thumbnail .image .overlay>img,.styled3-invert .thumbnail .image .overlay>img {
        width: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        display: block;
        position: relative;
        left: 0;
        top: 0;
        height: auto
    }

    .styled3 .thumbnail .caption,.styled3-invert .thumbnail .caption {
        left: auto;
        width: 100%;
        -webkit-box-align: top;
        -ms-flex-align: top;
        align-items: top;
        padding-left:20px !important;
    }

    .styled3 .thumbnail>.image,.styled3 .thumbnail>.image,.styled3-invert .thumbnail>.image {
        -ms-grid-row: 1;
        -ms-grid-row-span: 1;
        -ms-grid-column: 1;
        -ms-grid-column-span: 3
    }

    .styled3 .thumbnail>.image,.styled3-invert .thumbnail>.image {
        -ms-grid-row: 1;
        -ms-grid-row-span: 1;
        -ms-grid-column: 1;
        -ms-grid-column-span: 3
    }

    .styled3 .thumbnail>.image,.styled3-invert .thumbnail>.image {
        -ms-grid-row: 1;
        -ms-grid-row-span: 1;
        -ms-grid-column: 1;
        -ms-grid-column-span: 3
    }

    .styled3 .thumbnail>.caption,.styled3-invert .thumbnail>.caption {
        -ms-grid-row: 3;
        -ms-grid-row-span: 1;
        -ms-grid-column: 1;
        -ms-grid-column-span: 3
    }

    .styled3 .thumbnail>.image,.styled3-invert .thumbnail>.image {
        -ms-grid-row: 1;
        -ms-grid-row-span: 1;
        -ms-grid-column: 1;
        -ms-grid-column-span: 3
    }

    /* Styled4 */
    .styled4-invert .thumbnail .caption {
        padding: 20px 20px 10px 20px !important;
    }

    .styled4 .thumbnail,.styled4-invert .thumbnail {
        display:-ms-grid;
        display: grid;
        -ms-grid-columns: 1fr 0px 1fr;
        grid-template-columns: 1fr 1fr;
        -ms-grid-rows: 1fr;
        grid-template-rows: 1fr;
        gap: 0px;
        grid-auto-flow: row;
        grid-template-areas: "image image" "caption caption"
    }

    .styled4 .thumbnail .image .overlay>img,.styled4-invert .thumbnail .image .overlay>img {
        width: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        display: block;
        position: relative;
        left: 0;
        top: 0;
        height: auto
    }

    .styled4 .thumbnail .caption,.styled4-invert .thumbnail .caption {
        left: auto;
        width: 100%;
        -webkit-box-align: top;
        -ms-flex-align: top;
        align-items: top;
        padding-left:20px !important;
    }

    .styled4 .thumbnail>.image,.styled4 .thumbnail>.image,.styled4-invert .thumbnail>.image {
        -ms-grid-row: 1;
        -ms-grid-row-span: 1;
        -ms-grid-column: 1;
        -ms-grid-column-span: 3
    }

    .styled4 .thumbnail>.image,.styled4-invert .thumbnail>.image {
        -ms-grid-row: 1;
        -ms-grid-row-span: 1;
        -ms-grid-column: 1;
        -ms-grid-column-span: 3
    }

    .styled4 .thumbnail>.image,.styled4-invert .thumbnail>.image {
        -ms-grid-row: 1;
        -ms-grid-row-span: 1;
        -ms-grid-column: 1;
        -ms-grid-column-span: 3
    }

    .styled4 .thumbnail>.caption,.styled4-invert .thumbnail>.caption {
        -ms-grid-row: 3;
        -ms-grid-row-span: 1;
        -ms-grid-column: 1;
        -ms-grid-column-span: 3
    }

    .styled4 .thumbnail>.image,.styled4-invert .thumbnail>.image {
        -ms-grid-row: 1;
        -ms-grid-row-span: 1;
        -ms-grid-column: 1;
        -ms-grid-column-span: 3
    }
}

/*  */

#topbar .contact_btn {
    background: url(../images/asmpt_icon_contact.svg) no-repeat right center;
    background-size: auto 35px;
    width: 40px;
    height: 40px;
    margin: 0 0 0 10px;
}

.content ul.col-eq {
    list-style-type: none !important;
    margin: 0;
    padding: 0;
    margin-bottom: 40px !important;
    transition: all 0.3s ease-in-out;
}
.content ul.col-eq li {
    background: none;
    border-right: 1px solid #c6c6c6;
    padding: 0 20px !important;
    font-size:20px;
    line-height: 34px;
    transition: all 0.3s ease-in-out;
}

.content ul.col-eq li span {
    font-size: 45px;    
    font-weight: 600;   
    color: #aa312c;
}

.content ul li ul {
    padding-bottom: 0!important;
    margin-bottom: 0 !important;
}
.swiper-container .swiper-slide.videocardselfhosted {
/*    display:block !important;*/
justify-content: center;
  align-items: center;
  flex-direction: column;
}
.swiper-container .swiper-slide.videocardselfhosted .caption {
    bottom:auto !important;
    color:#000 !important;
    left:auto !important;
/*    display:block !important;*/
    position:relative !important;
    transform: translate(0,0) !important;
    flex-shrink: 0;
    top:auto !important;
}

.swiper-container .swiper-slide.videocardselfhosted .caption .headline { 
    color:#000 !important;
    font-size: 16px !important;
}

.swiper-container .swiper-slide.videocardselfhosted .caption p { 
    color:#000 !important;
    font-size: 16px !important;
}

.specialgrid4.mobileimg,
.specialgrid5.mobileimg {
        display:none;
    }

@media screen and (max-width: 1730px) {

    .swiper-wrapper img {
        width: auto;
        height:100%;
    }
}

@media screen and (max-width: 992px) {

    
    .content ul.col-eq li {
        font-size:16px;
        line-height: 28px;
    }
    .content ul.col-eq li span {
        font-size: 35px;    
        font-weight: 600;   
        color: #aa312c;
    }

    .bigtext .swiper-container .swiper-slide .caption .headline {
        font-size:80px !important;
    }

    .specialgrid4 .row .bld1,
    .specialgrid5 .row .bld1 {
        display:none !important;
    }
    .specialgrid4.mobileimg,
    .specialgrid5.mobileimg {
        display:block;
    }


    .specialgrid4 .row .bld1>img,
    .specialgrid4 .row picture>img,
    .specialgrid5 .row .bld1>img,
    .specialgrid5 .row picture>img {
        width: 100%;
        -o-object-fit: cover;
        object-fit: unset;
        display: block;
        position: relative !important;
        left: auto !important;
        top: auto !important;
        height: auto !important;
    }
    .specialgrid4 .row {
        display: grid;
        grid-template-columns: auto;
        grid-template-row: auto auto auto;
        
    }

    .specialgrid5 .row .bld1 {
        overflow:unset;
    }
}

@media screen and (max-width: 768px) {
    .swiper-container .swiper-slide.videocampaign .caption.videocardselfhosted {
        bottom:auto !important;
    }
    .content ul.col-eq li {
        font-size:16px;
        line-height: 28px;
        border-right: 0px solid #c6c6c6;
        margin-bottom: 35px;
        padding: 0 0 15px 0;
        text-align: center;
        border-bottom: 1px solid #c6c6c6 !important;
    }
.content ul.col-eq {
        margin-bottom: 0px !important;
    }

    .bigtext .swiper-container .swiper-slide .caption .headline {
        font-size:60px !important;
    }

    .bigtext p.leadin {
        font-size: 20px;
        line-height: 1.25em;
    }

    .bigtext p {
        font-size: 16px;
        line-height: 1.5em;
    }

    .fifthyyears .swiper-container-big h1 {
        font-size:24px;
    }

    .fifthyyears .swiper-container-big.swipercarousel .swiper-slide .caption .body p {
        font-size:18px;
    }

    .fifthyyears .swiper-container-big .swiper-slide.videocampaign .caption, .fifthyyears .swiper-container-big .swiper-slide.imagecampaign .caption {
        padding:20px;
        bottom:0;
    }


}

@media (max-width: 2200px) {
    .visionsof .gradienttechnical .bigheading2 {
        padding-left:20%;
    }
}
@media (max-width: 2130px) {
 .section.inviewpoint .animatechildren {
        opacity: 0.5;
         animation-delay: 0;
    }
}
@media (max-width: 1200px) {
    blockquote.blockquote_lp_p.standard br.nobreak {
        display:none;
    }
}

@media (max-width: 600px) {
.section.inviewpoint .animatedroboter {
        left: -101px;
        bottom: -320px;

    }

    .section.inviewpoint .animatechildren {
        right: 0;
        bottom: -300px;
        opacity: 0.5;
    }

}