.hm-banner-big {
  	position: relative;
	overflow: hidden;
	width: 100%;
	height: 44.7rem;
	background-color: #ccc;
	background-size: cover;
	background-repeat: no-repeat;
}

.hm-banner-big .container {
	position: relative;
	height: 100%;
}

.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__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--gartenmoebel {
	background-image: url(https://media.hitmeister.de/images/banner/original/6beb9220e8e04e83e8a930c457124978.jpg);
  	 background-position: 80% 100%;
}


.hm-banner--gartenmoebel .hm-banner__headline {
	background: #50226c;
}

.hm-banner--gartenmoebel .hm-banner__subheadline {
	background: #9e71b8;
}

.hm-banner--gartenmoebel .hm-banner__cta {
	background: #31b86f;
  	margin-bottom: 35rem;
}

.hm-banner--gartenmoebel .hm-banner__cta:hover, .hm-banner--gartenmoebel .hm-banner__cta:focus {
	background: #3de58a;
}

.hm-banner-big {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 44.4rem;
  background-color: #ccc;
  background-size: cover;
  background-repeat: no-repeat; }
  .hm-banner .container {
    position: relative;
    height: 100%; }
  .hm-banner--pools {
    background-image: url(https://media.hitmeister.de/images/banner/original/1b64162674f62345a81497df424ae653.jpg);
    background-position: center right; }
.hm-banner--pools .hm-banner__text {
     left: 32rem; }
@media (max-width: 1023px) {
.hm-banner--pools .hm-banner__text {
     left: 0; }
}
    .hm-banner--pools .hm-banner__headline {
      background: #e99825; }
    .hm-banner--pools .hm-banner__subheadline {
      background: #e98032; }
    .hm-banner--pools .hm-banner__cta {
      background: #fc4626; }
      .hm-banner--pools .hm-banner__cta:hover, .hm-banner--pools .hm-banner__cta:focus {
        background: #d83c21; }
  .hm-banner__headline, .hm-banner__subheadline, .hm-banner__cta {
    display: table;
    padding: 1.5rem 2rem; }
  .hm-banner__text {
    position: relative;
    top: 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__headline {
    font-size: 3.2rem; }
    @media (min-width: 480px) {
      .hm-banner__headline {
        font-weight: 300;
        font-size: 4.8rem; } }
  .hm-banner__cta {
    border: none;
    transition: background 275ms ease-in-out; }
