body {
      color: #fff !important;
      width: 100%;
      height: 100%;
      background: url("../images/if-magazine-2023/if-magazine-2023_background.jpg") no-repeat center center fixed;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
  }

  header {
    width:100%;
  }

  .container {
      max-width: 960px;
      margin:0 auto;
  }

  .section {
      padding: 50px 0 45px 0;
      overflow: inherit;
  }

  /* Colors  */
  .action .content .teaserimage .wrapper {
      border-color: #579fc5;
  }

  .action .content a,
  .action .content .teaserimage .wrapper a {
      color: #579fc5;
  }

  .action .content .teaserimage .wrapper .teaser_title {
      background-color: #579fc5;
  }


  .increases .content .teaserimage .wrapper {
      border-color: #9ac656;
  }


  .increases .content a,
  .increases .content .teaserimage .wrapper a {
      color: #9ac656;
  }

  .increases .content .teaserimage .wrapper .teaser_title {
      background-color: #9ac656;
  }

  .staffing .content .teaserimage .wrapper {
      border-color: #f59f3d;
  }

  .staffing .content a,
  .staffing .content .teaserimage .wrapper a {
      color: #f59f3d;
  }

  .staffing .content .teaserimage .wrapper .teaser_title {
      background-color: #f59f3d;
  }

  .planning .content .teaserimage .wrapper {
      border-color: #e36c0d;
  }

  .planning .content a,
  .planning .content .teaserimage .wrapper a {
      color: #e36c0d;
  }

  .planning .content .teaserimage .wrapper .teaser_title {
      background-color: #e36c0d;
  }


  .automates .content .teaserimage .wrapper {
      border-color: #53aaa3;
  }

  .automates.content a,
  .automates .content .teaserimage .wrapper a {
      color: #53aaa3;
  }

  .automates .content .teaserimage .wrapper .teaser_title {
      background-color: #53aaa3;
  }

  .unleashes .content .teaserimage .wrapper {
      border-color: #0f608e;
  }

  .unleashes .content .teaserimage .wrapper a {
      color: #0f608e;
  }

  .unleashes a {
      color: #fff;
  }

  .unleashes .content .teaserimage .wrapper .teaser_title {
      background-color: #0f608e;
  }


  .downtime .content .teaserimage .wrapper {
      border-color: #ce772e;
  }

  .downtime .content a,
  .downtime .content .teaserimage .wrapper a {
      color: #ce772e;
  }

  .downtime .content .teaserimage .wrapper .teaser_title {
      background-color: #ce772e;
  }


  .substainably .content .teaserimage .wrapper {
      border-color: #40a659;
  }

  .substainably .content .teaserimage .wrapper a,
  .substainably .content a {
      color: #40a659;
  }

  .substainably .content .teaserimage .wrapper .teaser_title {
      background-color: #40a659;
  }


  .partners .content .teaserimage .wrapper {
      border-color: #bdbebe;
  }

  .partners .content a,
  .partners .content .teaserimage .wrapper a {
      color: #bdbebe;
  }

  .partners .content .teaserimage .wrapper .teaser_title {
      background-color: #bdbebe;
  }

  .optimizes .content .teaserimage .wrapper {
      border-color: #42a59e;
  }

  .optimizes .content a,
  .optimizes .content .teaserimage .wrapper a {
      color: #42a59e;
  }

  .optimizes .content .teaserimage .wrapper .teaser_title {
      background-color: #42a59e;
  }

  /* Teaser */
  .teaser_title {
      padding: 5px;
      margin-bottom: 10px;
      display: inline-block;
  }

  .teaserimage div div {
      vertical-align: bottom;
  }

  .content {
      margin-top: 40px;
  }

  .content img {
      width: 100%;
      height: auto;
  }

  .content video {
      margin-bottom: 15px;
  }

  .content .card {
      padding-bottom: 65px;
      height: 100%;
      background: transparent !important;
      border: 1px solid rgba(, 255, 255, 255, 0.5);
      position: relative;
  }

  .content .card .btn {
      position: absolute;
      bottom: 15px;
      right: 15px;
      display: inline-block;
  }

  .card-body {
      background: transparent !important;
      color: #fff;
  }

  .card-footer,
  .card-footer:last-child {
      border-radius: unset !important;
  }

  .content .teaserimage {
      /*margin-bottom:35px;*/
  }

  .content .teaserimage .wrapper {
      border-top: 1px dotted;
      /*    border-bottom:1px dotted #fff;*/
      margin: 0px 15px 0 15px;
      padding: 15px 0;
  }

  .content .teaserimage .wrapper p {
      margin-bottom: 0;
  }

  .content .teaserimage .wrapper small p {
      font-size: 14px;
      line-height: 1.55em;
  }

  .thumbnail {
      display: block;
      padding: 0;
      margin-bottom: 0;
      line-height: 1.42857143;
      background-color: transparent;
      border: 1px solid #ddd;
      border-radius: 0;
      -webkit-transition: border .2s ease-in-out;
      -o-transition: border .2s ease-in-out;
      transition: border .2s ease-in-out;
      color: #fff !important;
  }

  .productronica_slogangs {
      width: 700px !important;
      height: auto;
  }

  small {
      color: #fff;
      line-height: 1em;
      margin-bottom: 10px;
      display: inline-block;
  }

  small,
  small.text-muted {
      color: #fff !important;
  }

  .thumbnail .caption {
      padding: 20px 20px 70px 20px;
      color: #fff;
      position: relative;
  }

  .redbg .thumbnail h1,
  .redbg .thumbnail h2,
  .redbg .thumbnail h3,
  .redbg .thumbnail h4,
  .redbg .thumbnail h5,
  .redbg .thumbnail a,
  .thumbnail h1,
  .thumbnail h2,
  .thumbnail h3,
  .thumbnail h4,
  .thumbnail h5,
  .thumbnail a {
      color: #fff !important;
  }

  .content .btn {
      border: 1px solid #fff !important;
      color: #fff !important;
  }

  .content .btn:hover {
      border: 1px solid #fff !important;
      color: #000 !important;
      background-color: #fff !important;
  }

  .btn.home {
      color: #fff !important;
      border: 1px solid #fff !important;
  }

  .btn.home:hover {
      border: 1px solid #fff !important;
      color: #000 !important;
      background-color: #fff !important;
  }

  .logo-main {
      width: 230px !important;
  }

  .box {
      border: 1px solid #fff;
      padding: 25px;
  }

  blockquote {
      margin-top: 0px !important;
      margin-bottom: 15px !important;
  }

  blockquote em::before {
      vertical-align: -2px;
  }

  blockquote.blockquote_lp_p em:after {
      margin-left: -4px !important;
  }

  blockquote em:before {
      margin-right: 0.025em !important;
      font-size: 3rem !important;
  }

  blockquote em:after {
      font-size: 3rem !important;
      vertical-align: -11px;
  }

  :lang(en) blockquote em:before {
      margin-right: 0.2em !important;
      vertical-align: -16px;
  }

  @media only screen and (max-width: 850px) {
      .productronica_slogangs {
          width: 100% !important;
          height: auto;
      }
  }


  @media only screen and (min-width: 768px) {
      .logo-main {
          width: 230px !important;
      }
  }