.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--sonnensegel {
    background-image: url('https://media.hitmeister.de/images/banner/original/cbb2e8932324686c682ab49394f5e9df.jpg');
    background-position: 15% center; }
    .hm-banner--sonnensegel .hm-banner__headline {
      background: #d2895b; }
    .hm-banner--sonnensegel .hm-banner__subheadline {
      background: #c46c36; }
    .hm-banner--sonnensegel .hm-banner__cta {
      background: #5c9fd6; }
      .hm-banner--sonnensegel .hm-banner__cta:hover, .hm-banner--sonnensegel .hm-banner__cta:focus {
        background: #3387cc; }
.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--markisen {
    background-image: url('https://media.hitmeister.de/images/banner/original/94c253cc03251f213aab1ade8eece6ca.jpg');
    background-position: center 80%; }
    .hm-banner--markisen .hm-banner__headline {
      background: #63883a; }
    .hm-banner--markisen .hm-banner__subheadline {
      background: #49642b; }
      @media (max-width: 768px) {
        .hm-banner--markisen .hm-banner__subheadline {
          font-size: 1.5rem; } }
    .hm-banner--markisen .hm-banner__cta {
      background: #ffaa00; }
      .hm-banner--markisen .hm-banner__cta:hover, .hm-banner--markisen .hm-banner__cta:focus {
        background: #cc8800; }