f.home-introtext {
    position: relative;
    overflow: hidden;
}

.home-introtext .inner {
    position: relative;
	max-width: 66.667%;
    text-align: center;
	margin: 130px auto 215px;
}

.home-introtext img {
	position: absolute;
	right: -35vh;
	top: -60px;
	overflow: hidden;
	width: 370px;
	height: auto;
}

.home-counter .inner {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-right: -15px;
	margin-left: -15px;
	text-align: center;
}

.home-counter .item  {
	font-size: 20px;
	text-transform: uppercase;
	letter-spacing: 1px;
	-ms-flex: 0 0 33.333333%;
	flex: 0 0 33.333333%;
	max-width: 33.333333%;
	text-align: center;
}

.home-counter .item span {
	display: block;
	text-align: center;
	color: #FFD700;
	font-family: 'ZenLoop';
	font-size: 55px;
}

.home-info-1 {
	margin: 270px 0 120px;
}

.home-info-1,
.home-info-2 {
	position: relative;
}

.home-info-1 .inner,
.home-info-2 .inner {	
	display: flex;
	align-items: center;
}

.home-info-1 .inner img,
.home-info-2 .inner img {
	height: 600px;
}

.home-info-2 .right {
	padding-left: 50px;
	text-align: right;
}

.home-info-1 .left {
	padding-right: 50px;
}

.home-info-1 .icon {
	position: absolute;
	top: -10vh;
	right: 10vw;
	width: 200px !important;
	height: auto !important;
	z-index: -1;
}

.home-teaser {
	margin-top: 220px;
}

.home-teaser h2 {
	text-align: center;
	margin-bottom: 60px;
	color: #FFD700;
}

.home-teaser .inner {
	display: grid;
	grid-template-columns: repeat(12, 1fr);
	column-gap: 15px;
	row-gap: 15px;
}

.home-teaser .item1 {
	grid-area: 1 / 1 / span 2 / span 4;
	background-image: url('../media/Teaser-Websites.jpg');
	height: 600px;
}

.home-teaser .item2 {
	grid-area: 1 / 5 / span 1 / span 4;
	height: 420px;
	background-image: url('../media/Teaser-Lehrerteam.jpg');
}

.home-teaser .item3 {
	grid-area: 3 / 1 / span 1 / span 4;
	height: 460px;
	background-image: url('../media/Teaser-Impressionen.jpg');
}

.home-teaser .item4 {
	grid-area: 2 / 5 / span 2 / span 4;
	height: 640px;
	background-image: url('../media/Teaser-Ars-Electronica.jpg');
}

.home-teaser .item5 {
	grid-area: 1 / 9 / span 3 / span 4;
	height: 1075px;
	background-image: url('../media/Teaser-Salzburger-Nachrichten.jpg');
}

.home-teaser .item {
	position: relative;
	background-repeat: no-repeat;
	background-size: cover;
	cursor: pointer;
}

.home-teaser .item img {
	object-fit: cover;
}

.home-teaser .overlay {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #fff;
	opacity: 0.6;
}

.home-teaser .item h3 {
	position: absolute;
	left: 0;
	right: 0;
	text-align: center;
	color: #1E1E26;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	top: calc(50% - 20px);
	transition: all 0.5s ease;
}

.home-teaser .item:hover h3 {
	top: calc(50% - 70px);
}

.home-teaser .item .btn {
	z-index: 1;
	position: absolute;
	left: 0;
	right: 0;
	text-align: center;
	top: calc(50% + 20px);
	margin: 0 auto;
	opacity: 0;
	overflow: hidden;
}

.home-teaser .item:hover .btn {
	opacity: 1;
	visibility: visible;
}

@media (max-width: 1199px) {
	.home-introtext .inner {
		margin: 100px auto 160px;
		max-width: 80%;
	}
	.home-counter .item {
		font-size: 18px;
		letter-spacing: 0.5px;
	}
	.home-info-1 {
		margin: 200px 0 100px;
	}
	.home-info-1 .inner img,
	.home-info-2 .inner img {
		height: 400px;
	}
	.home-info-1 .icon {
		top: -20vh;
		right: 15vw;
		width: 150px !important;
	}
	.home-teaser {
		margin-top: 150px;
	}
	.home-teaser .item h3 {
		top: calc(50% - 70px);
	}
	.home-teaser .item .btn {
		margin: 0 auto;
		opacity: 1;
		overflow: visible;
	}
	.home-teaser .item1 {
		height: 400px;
	}
	.home-teaser .item2 {
		height: 280px;
	}
	.home-teaser .item3 {
		height: 340px;
	}
	.home-teaser .item4 {
		height: 465px;
	}
	.home-teaser .item5 {
		height: 760px;
	}
}

@media (max-width: 991px) {
	.home-introtext .inner {
		margin: 70px auto 90px;
	}
	.home-info-1 .inner,
	.home-info-2 .inner {
		flex-direction: column;
	}
	.home-info-1 .left,
	.home-info-2 .right {
		padding: 0;
		width: 100%;
	}
	.home-info-1 p,
	.home-info-2 p {
		text-align: center;
	}
	.home-info-1 .inner img,
	.home-info-2 .inner img {
		width: 100%;
		object-fit: cover;
	}
	.home-info-1 .icon {
		top: -13vh;
		right: 5vw;
		width: 150px !important;
	}
	.home-info-2 .left {
		order: 2;
	}
	.home-teaser {
		margin-top: 120px;
	}
	.home-teaser .item1 {
		height: 300px;
	}
	.home-teaser .item2 {
		height: 170px;
	}
	.home-teaser .item3 {
		height: 235px;
	}
	.home-teaser .item4 {
		height: 365px;
	}
	.home-teaser .item5 {
		height: 550px;
	}
}

@media (max-width: 767px) {
	.home-introtext .inner {
		margin: 50px auto;
		max-width: 100%;
	}
	.home-counter .inner {
		flex-direction: column;
	}
	.home-counter .item span {
		font-size: 50px;
	}
	.home-counter .item {
		font-size: 15px;
		text-align: center;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
	.home-counter .item + .item {
		margin-top: 30px;
	}
	.home-info-1 {
		margin: 180px 0 50px;
	}
	.home-info-1 .inner img,
	.home-info-2 .inner img {
		height: 240px;
	}
	.home-info-1 .icon {
		width: 120px !important;
	}
	.home-teaser {
		margin-top: 60px;
	}
	.home-teaser h2 {
		margin-bottom: 30px;
	}
	.home-teaser .inner {
		display: block;
	}
	.home-teaser .item {
		height: 280px;
		margin-bottom: 15px;
	}
}