@media only screen and (min-width: 992px) {
      #wrapper #footer .rich-text.component:last-child ul li:first-child {
        flex-basis: 28.9%;
        } }

#wrapper #footer {
background-color: #74cecd;
  color: #24405b;
}

@media only screen and (min-width: 992px) {
    #wrapper #footer .rich-text-list.component .component-content>ul>li:first-child {
        #-ms-flex-preferred-size:27%;
        flex-basis: 140%
    }
}
@media only screen and (min-width: 768px) {
    .component.intro-banner.hero:first-child .banner-container {        
top: 15%;
    }
}

@media only screen and (min-width: 1200px) {
    .component.intro-banner.hero h1 {     
font-size: 70px;
    }
}

.component.intro-banner.hero h1 {    
font-weight: 600;
    }

@media only screen and (min-width: 992px) {
    .component.text-image-spot .component-content {
        /* display: table-row; */
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        width: 86%;
        max-width: 1200px;
        display: inherit;
    }
}

.component.intro-banner.hero .banner-container{
top:10%;
}

@media only screen and (min-width: 992px) {
    .component.intro-banner.hero {
        margin-top: 0 !important;
    }
}

.component.intro-banner.hero  {
    margin-top: 55px;
}

@media only screen and (min-width: 768px) {
    .like-h1-xl-light {
        font-size: 60px;
    }
}


#content .image-spot.hr-people-list .component-content .image-spot-elements {
justify-content: center;
 gap: 6.66667%
}

.component.image-spot.hr-people-list {
background-color: #badcdf;
}

.component.rich-text.bg-color-10 {
    background-color: #badcdf;
    margin-bottom: 0;
}

#content .image-spot.hr-people-list .component-content {
padding: 30px 0;
}

@media only screen and (min-width: 992px) {
    #content .image-spot.hr-people-list .component-content .image-spot-elements .image-spot-element-image {
text-align: left;
    }
}

@media only screen and (min-width: 992px) {
    #content .image-spot.hr-people-list .component-content .image-spot-elements .image-spot-element-image img {
width: 100%;
 }
}

#content .image-spot.hr-people-list .component-content .image-spot-elements .image-spot-element-image img {
width:100%;
}

.component.rich-text[class*=arrow-] {  
padding-top: 22px;
isolation:isolate;
}

@media only screen and (min-width: 992px) {
    .component.rich-text[class*=arrow-] {      
padding-top: 43px;
isolation:isolate;
 }
}


.component.rich-text[class*=arrow-] .component-content {    
padding: .5rem;
position: relative;
background: #fff;
}

.component.rich-text.arrow-green-icon-class .component-content:before {
   background: #74cecd;
}


@media only screen and (min-width: 992px) {
    .component.rich-text[class*=arrow-] .component-content {      
padding: 1rem !important;
    }
}


.component.rich-text[class*=arrow-] .component-content:before {
    content: "";
    width: 43px;
    height: 43px;
    margin: 0;
    padding: 0;
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    z-index: -1;
}

@media only screen and (min-width: 992px) {
    .component.rich-text[class*=arrow-] .component-content:before {
        width: 86px;
        height: 86px;
    }
}

@media only screen and (min-width: 768px) {
    .component.rich-text.arrow-green-icon-class .component-content {
        margin-left: auto;
        margin-right: auto;
        width: 48.2%;
        max-width: 660px;
    }
}


.component.rich-text.warm-grey-75-bg {
    margin-bottom: 0;
}

.component.rich-text.warm-grey-75-bg {
    background-color: #cacac1;
    margin-top: 0;
}

@media only screen and (min-width: 992px) {
    .component.rich-text.warm-grey-75-bg .component-content {
        padding: 30px 0;
    }
}

.component.rich-text.warm-grey-75-bg .component-content {
    padding: 20px 0;
}

@media only screen and (min-width: 768px) {
    .component.rich-text.warm-grey-75-bg .component-content {
        margin-left: auto;
        margin-right: auto;
        width: 49.2%;
        max-width: 660px;
    }
}

.component.video-spot.warm-grey-75-bg {
    background-color: #cacac1;
    margin-top: 0;
}

.component.video-spot.wide-thumbnail .component-content {
  margin-left: 30px;
  margin-right: 30px; }
  @media only screen and (min-width: 768px) {
    .component.video-spot.wide-thumbnail .component-content {
      margin-left: auto;
      margin-right: auto;
      width: 86%;
      max-width: 1200px; } }

@media only screen and (min-width: 992px) {
    .component.video-spot.wide-thumbnail .component-content .video-spot-video .video-spot-play-btn .like-button-minimal {
      height: 96px;
      width: 96px;
      line-height: 96px;
      font-size: calc(96px / 2); } }

.component.video-spot.warm-grey-75-bg .component-content {
    padding: 20px 0; }
    @media only screen and (min-width: 992px) {
      .component.video-spot.warm-grey-75-bg .component-content {
        padding: 30px 0; } }

/*.component.video-spot .component-content .video-spot-container {
    width: 100%;
}*/

.component.video-spot .component-content .video-spot-video {
    position: relative;
    cursor: pointer;
}

.component.video-spot .component-content .video-spot-video .video-spot-image img {
      width: 100%;
      height: auto; 
}

.like-button-minimal {
  font-size: 12px;
  color: #ffffff;
  background-color: #3344f6;
  border: 0;
  cursor: pointer;
  display: inline-block;
  text-decoration: none;
  font-weight: bold; }
  @media only screen and (min-width: 768px) {
    .like-button-minimal {
      font-size: 15px; } }
  .like-button-minimal a {
    color: #ffffff;
    text-decoration: none; }

.component.video-spot .component-content .video-spot-video .video-spot-play-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    color: #ffffff;
    font-size: 70px;
}

.component.video-spot.sky-blue-75-bg {
    margin-bottom: 0;
}

.component.video-spot.sky-blue-75-bg {
    background-color: #bcdef7;
    margin-top: 0;
}

.component.rich-text.sky-blue-75-bg {
    background-color: #bcdef7;
    margin-top: 0;
}

@media only screen and (min-width: 768px) {
    #wrapper #content .component.rich-text.wide-table .component-content {
        margin-left: auto;
        margin-right: auto;
        width: 86%;
        max-width: 1200px;
    }
}

@media only screen and (min-width: 768px) {
    .component.video-spot .component-content {
        margin-left: auto;
        margin-right: auto;
        width: 47.2%;
        max-width: 660px;
    }
}

@media only screen and (min-width: 992px) {
    .component.video-spot.sky-blue-75-bg .component-content {
        padding: 30px 0;
    }
}

@media only screen and (min-width: 992px) {
    .component.rich-text.sky-blue-75-bg .component-content {
        padding: 30px 0;
    }
}


#wrapper .component.iframe:not(.full-width):not(.slim) .component-content {
    width: 100%;
    max-width: none;
}

@media only screen and (min-width: 768px) {
    .rich-text.revenue-and-profit .rev-header {
        font-size: 20px;
    }
}

.rich-text.revenue-and-profit .rev-header {
    font-size: 20px;
    font-weight: 600;
    padding-bottom: 5px;
    border-bottom: 1px solid #fff;
    line-height: 1.1;
}

.rich-text.revenue-and-profit .rev-diff {
    font-size: 35px;
    font-weight: 300;
    margin-bottom: 10px;
}

@media only screen and (min-width: 992px) {
    .rich-text.revenue-and-profit .rev-diff {
        font-size: 55px;
    }
}

@media only screen and (min-width: 768px) {
    .rich-text.revenue-and-profit .rev-diff {
        font-size: 70px;
    }
}

.rich-text.revenue-and-profit .rev-amount {
    font-size: 12px;
    color: #74cecd;
}

@media only screen and (min-width: 768px) {
    .rich-text.revenue-and-profit .rev-amount {
        font-size: 15px;
    }
}

.rich-text.revenue-and-profit .rev-amount+.rev-header {
    margin-top: 40px;
}


@media only screen and (min-width: 1200px) {
    #content .component.rich-text .component-content {
       padding: 30px 0;
    }
}


.like-h2 {
    font-weight: 700;
    font-size: 15px;
    line-height: 1.35;
}

@media only screen and (min-width: 768px) {
    .like-h2 {
        font-size: 17px;
    }
}

.like-h3 {
    font-weight: 700;
    font-size: 15px;
    line-height: 1.35;
}

@media only screen and (min-width: 768px) {
    .like-h3 {
        font-size: 17px;
    }
}


.rich-text.revenue-and-profit .arrow-down, .rich-text.revenue-and-profit .arrow-up {
    position: relative;
}

.rich-text.revenue-and-profit .arrow-down:before, .rich-text.revenue-and-profit .arrow-up:before {
    position: absolute;
    top: -9px;
    right: -32px;
    -webkit-transform: scale(.5);
    transform: scale(.5);
    content: url(/design/build/demant2019/assets/arrow_up.png);
    display: inline-block;
}

@media only screen and (min-width: 768px) {
    .rich-text.revenue-and-profit .arrow-down:before, .rich-text.revenue-and-profit .arrow-up:before {
        top: -23px;
        right: -42px;
        -webkit-transform: none;
        transform: none;
    }
}

@media only screen and (min-width: 992px) {
    .rich-text.revenue-and-profit .arrow-down:before, .rich-text.revenue-and-profit .arrow-up:before {
        top: -18px;
        right: -36px;
        -webkit-transform: scale(.7);
        transform: scale(.7);
    }
}

@media only screen and (min-width: 1200px) {
    .rich-text.revenue-and-profit .arrow-down:before, .rich-text.revenue-and-profit .arrow-up:before {
        top: -23px;
        right: -42px;
        -webkit-transform: none;
        transform: none;
    }
}

.like.a, a {
    font-size: 17px;
}

  .component.video-spot .component-content .video-spot-video .video-spot-play-btn .like-button-minimal {
        animation: out 0.7s -0.1s ease-in-out forwards;
        background: radial-gradient(50% 300% at right, #ffffff 50%, transparent 50%), radial-gradient(circle at right, #3344f6 100%, transparent 100%);
        background-size: 420% 100%;
        background-position: right bottom;
        background-color: #3344f6;
        color: #ffffff;
        transition: all 0.4s ease-in-out;
        font-family: "Material Icons";
        font-weight: normal;
        font-style: normal;
        font-size: 24px;
        line-height: 1;
        letter-spacing: normal;
        text-transform: none;
        display: inline-block;
        white-space: nowrap;
        word-wrap: normal;
        direction: ltr;
        font-feature-settings: "liga";
        -webkit-font-feature-settings: "liga";
        -webkit-font-smoothing: antialiased;
        border-radius: 50%;
        display: block;
        height: 48px;
        line-height: 48px;
        padding: 0;
        margin: 0;
        text-align: center;
        width: 48px;
 }

 .component.video-spot .component-content .video-spot-video:hover .like-button-minimal {
      animation: in 0.7s -0.1s ease-in-out forwards;
      background: radial-gradient(50% 300% at left, #ffffff 50%, transparent 50%), radial-gradient(50% 300% at left, rgba(255, 255, 255, 0.25) 80%, transparent 80%), radial-gradient(50% 300% at left, #3344f6 100%, transparent 100%);
      background-size: 420% 100%;
      background-position: right bottom;
      background-color: #3344f6;
      box-shadow: 0 3px 10px 1px rgba(0, 0, 0, 0.25);
      color: #3344f6;
      transition: all 0.8s ease-in-out;
 }

 .component.video-spot .component-content .video-spot-video:hover .like-button-minimal a {
        color: #3344f6;
        transition: all 0.8s ease-in-out; }
   
    

.component.video-spot .component-content .video-spot-play-btn {
    display: block;
}

.video-spot-overlay {
  display: none;
  background-color: rgba(0, 0, 0, 0.7);
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9999; }
  .video-spot-overlay .video-spot-overlay-close {
    font-size: 35px;
    width: 1em;
    height: 1em;
    position: fixed;
    top: 0.5em;
    right: 0.5em;
    cursor: pointer; }
    @media only screen and (min-width: 768px) {
      .video-spot-overlay .video-spot-overlay-close {
        font-size: 70px; } }
    @media only screen and (min-width: 992px) {
      .video-spot-overlay .video-spot-overlay-close {
        font-size: 55px; } }
    @media only screen and (min-width: 1200px) {
      .video-spot-overlay .video-spot-overlay-close {
        font-size: 70px; } }
    .video-spot-overlay .video-spot-overlay-close::after {
      font-family: "Material Icons";
      font-weight: normal;
      font-style: normal;
      font-size: 24px;
      line-height: 1;
      letter-spacing: normal;
      text-transform: none;
      display: inline-block;
      white-space: nowrap;
      word-wrap: normal;
      direction: ltr;
      font-feature-settings: "liga";
      -webkit-font-feature-settings: "liga";
      -webkit-font-smoothing: antialiased;
      content: "close";
      position: absolute;
      top: 0;
      left: 0;
      speak: none;
      font-size: 1em;
      color: #ffffff; }
  .video-spot-overlay .video-spot-overlay-video {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; }



@media only screen and (min-width: 768px) {
    #wrapper #footer .rich-text-list.component .component-content>ul>li ul li {
      /*  border-bottom: 1px solid hsla(0, 0%, 100%, .1);*/
           border-bottom:none;
    }
}

#wrapper #footer a {
    font-weight: 400;
}

#wrapper #footer p {
font-weight:600;
}