/* Hero
--------*/

	.block-hero {
		position: relative;
		padding-top: 0;
	}

	.is-scrolling .block-hero {
		margin-top: 130px;
	}

	.block-hero .container {
		width: 100%;
	}

	.block-hero-title {
		width: 70%;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		text-shadow: 0 0 10px rgba(0,0,0,0.7);
		font-weight: bold;
		font-size: 50px;
		color: #FFFFFF;
		text-align: center;

		letter-spacing: 2px;
		font-family: 'Fredoka One', cursive;
	}

		@media screen and (max-width: 480px) {
			.block-hero-title {
				font-size: 30px !important;
			}
		}

	.block-hero-title small {
		display: block;
		font-size: 25px;
		font-family: inherit;
		padding-top: 20px;
	}

	.block-hero-bgr {
		position: relative;
		width: 100%;
		height: 750px;
		background-image: url('/project/rochus/scope/www/pub/img/bgr/lachende_kinder.jpg');
		background-size: cover;
		background-position: center center;
		border-radius: 25px;
	}

		@media screen and (min-width: 1201px) {
			.block-hero-bgr {
				border-radius: 0;
			}
		}

		@media screen and (max-width: 480px) {
			.block-hero-bgr {
				height: 450px;
			}
		}

	.block-hero-bgr:before {
		content: '';
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		background-color: rgba(0,0,0,0);
		border-radius: 25px;
	}

	.block-hero-nav-left,
	.block-hero-nav-right {
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		width: 52px;
		height: 214px;
		background-size: 100% auto;
		filter: invert(100%) sepia(99%) saturate(31%) hue-rotate(41deg) brightness(106%) contrast(100%);
	}

	@media screen and (min-width: 1201px) {
		.block-hero-nav-left,
		.block-hero-nav-right {
			display: none;
		}
	}

	.block-hero-nav-left {
		background-image: url('../../img/nav-right.png');
		left: 0;
		top: 30%;
	}

	.block-hero-nav-right {
		background-image: url('../../img/nav-left.png');
		right: 0;
		top: 60%;
	}

	.block-hero img {
		border-radius: 30px;
	}

	.block-hero h2 {
		font-family: 'Fredoka One', cursive;
	}