#cta-sidebar {
  position: fixed;
  right: 0;
  top: 160px;
  z-index: 999;
  width: 120px;
  height: 155px;
}

.cta-sidebar-element {
  text-align: center;
  font-size: 18px;
  font-family: 'montserrat-bold';
  line-height: 1em;
  padding: .5em;
  background-color: #BA1378;
  color: white;
  min-height: 120px;
  position: relative;
  margin-bottom: 5px;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	transition: color .3s ease-in-out, background-color .3s ease-in-out;
}

.cta-sidebar-element:hover {
  background-color: #00ADBA;
}

.cta-sidebar-element .cta-primary-action {
  display:block;
  position: absolute;
  bottom: .5em;
  left: 0;
  margin: 0 .5em;
  padding: .3em 0 0 0;
  background-color: transparent;
  color: white;
  text-decoration: none;
	text-transform: uppercase;
}

.cta-sidebar-element .cta-primary-action.cta-icon-before:before {
  position: absolute;
  top: -64px;
  left: 0;
  height: 65px;
  width: 100%;
  content: ' ';
  background-image: url('/images/icon_schaden-melden.svg');
  background-repeat: no-repeat;
  background-position: top center;
}

@media screen and (max-width: 500px) {
  #cta-sidebar {
		top: 130px;
		width: 80px;
	  height: 100px;
  }
	#cta-sidebar .cta-sidebar-element {
		min-height: 90px;
		font-size: 13px;
	}
	.cta-sidebar-element .cta-primary-action.cta-icon-before:before {
		top: -50px;
		height: 50px;
	}
}
@media screen and (max-width: 374px) {
	#cta-sidebar {
		top: 85px;
		width: 100%;
	}
	#cta-sidebar .cta-sidebar-element {
		min-height: 40px;
		border-radius: 0;
	}
	.cta-sidebar-element .cta-primary-action.cta-icon-before {
		line-height: 25px;
		text-indent: 20px;
		text-align: center;
		width: 100%;
	}
	.cta-sidebar-element .cta-primary-action.cta-icon-before:before {
		top: 0;
		height: 30px;
		left: -75px;
	}
}