.col-md-4 .hm-banner, .col-md-8 .hm-banner {
  height: 420px; }

.hm-banner {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 44.7rem;
  background-color: #ccc;
  background-size: cover;
  background-repeat: no-repeat; }
  .hm-banner .container {
    position: relative;
    height: 100%; }
  .hm-banner__headline {
    font-size: 3.2rem; }
    @media (min-width: 480px) {
      .hm-banner__headline {
        font-weight: 300;
        font-size: 4.8rem; } }
  .hm-banner__cta {
    border: none;
    -webkit-transition: background 275ms ease-in-out;
            transition: background 275ms ease-in-out; }
.hm-banner__headline, .hm-banner__subheadline, .hm-banner__cta {
  display: table;
  padding: 1.5rem 2rem; }
.hm-banner__text {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  font-weight: 400;
  color: white;
  font-size: 1.8rem; }
@media (min-width: 480px) {
  .hm-banner__text {
    font-size: 2.4rem; } }
.hm-banner__text--right {
  right: 0; }
.hm-banner__text--right .hm-banner__headline, .hm-banner__text--right .hm-banner__subheadline, .hm-banner__text--right .hm-banner__cta {
  margin-left: auto; }


  .hm-banner--ventilatoren {
    background-image: url('https://media.hitmeister.de/images/banner/original/ee2c4d93861aec08cd8cfe1629f005b9.jpg');
    background-position: 75% center; }
    .hm-banner--ventilatoren .hm-banner__headline {
      background: #bb9672; }
    .hm-banner--ventilatoren .hm-banner__subheadline {
      background: #a97d51; }
    .hm-banner--ventilatoren .hm-banner__cta {
      background: #639108; }
      .hm-banner--ventilatoren .hm-banner__cta:hover, .hm-banner--ventilatoren .hm-banner__cta:focus {
        background: #426105; }
.col-md-4 .hm-banner, .col-md-8 .hm-banner {
  height: 420px; }

.hm-banner {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 44.7rem;
  background-color: #ccc;
  background-size: cover;
  background-repeat: no-repeat; }
  .hm-banner .container {
    position: relative;
    height: 100%; }
  .hm-banner__headline {
    font-size: 3.2rem; }
    @media (min-width: 480px) {
      .hm-banner__headline {
        font-weight: 300;
        font-size: 4.8rem; } }
  .hm-banner__cta {
    border: none;
    -webkit-transition: background 275ms ease-in-out;
            transition: background 275ms ease-in-out; }
.hm-banner__headline, .hm-banner__subheadline, .hm-banner__cta {
  display: table;
  padding: 1.5rem 2rem; }
.hm-banner__text {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  font-weight: 400;
  color: white;
  font-size: 1.8rem; }
@media (min-width: 480px) {
  .hm-banner__text {
    font-size: 2.4rem; } }
.hm-banner__text--right {
  right: 0; }
.hm-banner__text--right .hm-banner__headline, .hm-banner__text--right .hm-banner__subheadline, .hm-banner__text--right .hm-banner__cta {
  margin-left: auto; }

  .hm-banner--klimaanlagen {
    background-image: url('https://media.hitmeister.de/images/banner/original/6fd8c6422ad425b89c91261daa22c916.jpg');
    background-position: 40% center; }
    .hm-banner--klimaanlagen .hm-banner__headline {
      background: #93858f; }
    .hm-banner--klimaanlagen .hm-banner__subheadline {
      background: #7a6c76; }
    .hm-banner--klimaanlagen .hm-banner__cta {
      background: #dd3145; }
      .hm-banner--klimaanlagen .hm-banner__cta:hover, .hm-banner--klimaanlagen .hm-banner__cta:focus {
        background: #bd1f31; }