* {
		font-family: "Roboto", sans-serif;		
}

.wpgmza-infowindow {
		color: #000000;
}

.wp-block-button__link {
		background: #5078AA !important;
		border-color: #A9B5C2 !important;
		border-style: solid !important;
}

.wp-block-button__link:hover {
		background: #123b82 !important;
		border-color: var(--wp--preset--color--assets-one) !important;
}

header {
    position: fixed;
    z-index: 999;	
		width: 100%;
}

a {
	color: #84cdf1;
	text-decoration: none;		
}

.referenz-block {
		background-color: #999 !important;
		border-radius: 50%;
		height: 300px;
		width: 300px;
		padding-top: 50px !important;
		padding: 20px;
		margin-left: auto;
		margin-right: auto;
		background-blend-mode: multiply;
		flex-wrap: nowrap;
}

@media screen and (min-width: 1400px) {
		p, ul {
				font-size: 1.15rem;
		}
}

@media screen and (max-device-width: 399px) {
		.referenz-block {
				height: 77vw;
				width: 77vw;
				padding-top: 15vw !important;
				padding: 5vw;
				margin-left: auto !important;
				margin-right: auto !important;
	}
}

.highlight-rise {
		transition: all 0.3s cubic-bezier(0.2, 0, 0, 1);
		border: 2px solid transparent;
}

.highlight-rise:hover {
		transform: translateY(-8px) scale(1.02);
		border-color: var(--color-accent-1, rgba(132, 205, 241, 0.9)) !important;
 		box-shadow: 0 12px 40px rgba(132, 205, 241, 0.5) !important;
}

.gray-until-hovered {
		transition: all 0.3s cubic-bezier(0.2, 0, 0, 1);
		filter: grayscale(1);
}

.gray-until-hovered:hover {
		filter: grayscale(0);
}

.mehr-button {
		cursor: pointer;
}

.mehr-erfahren {
  margin-top: 0px;
  max-height: 0;
  overflow: hidden;
  padding: 0 30px;
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid transparent;
  border-radius: var(--radius-lg, 16px);
  transition: max-height 0.4s cubic-bezier(0.2, 0, 0, 1),
              padding 0.4s cubic-bezier(0.2, 0, 0, 1),
              opacity 0.4s cubic-bezier(0.2, 0, 0, 1),
              transform 0.4s cubic-bezier(0.2, 0, 0, 1),
              border-color 0.4s cubic-bezier(0.2, 0, 0, 1);
  opacity: 0;
  transform: translateY(20px);
  pointer-events: none;
}

.mehr-erfahren.show {
  max-height: 2000px;
  padding: 30px;
  border-color: var(--border-color, rgba(255, 255, 255, 0.12));
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
}

.rueckblick-block {
		background-color: #abb8c3;
		border-radius: 50%;
		height: 150px;
		width: 150px;
}

.service-tile {
		border-radius: 15px;
		background-color: #999 !important;
		background-blend-mode: multiply;
}

@media only screen and (max-width: 825px) {
		.service-tile-title {
			font-size: var(--wp--preset--font-size--medium) !important;
		}
}

.hnex-hero {

}

.elementor-widget-heading:target, .wp-block-heading:target {
		 /* Shift down when targeted by an anchor link */
		margin-top: -100px !important;
		padding-top: 100px;
		
		/* Add gradient animation */
		/*
		background: linear-gradient(90deg, #fff, #84CDF1, #fff);
    background-size: 200% 100%;
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    animation: hnex-gradient-shift 4s ease-in-out infinite;
   */
}

.mobile-menu .menu-item > a {
	font-weight: 600 !important;
}

footer {
		margin-block-start: 0px !important;
}

a {
	color: #DBE4FB;		
}

a:hover {
	color: #FFF;		
}

a:active {
		color: #FFF;
}

a:focus {
		color: #FFF;
}