@charset "UTF-8";
/* CSS Document */


/*TABLET QUER*/
@media (pointer: coarse)
and (orientation: landscape)
and (max-width: 2732px) {
	.mobil_info {
		z-index: 99;
		position: absolute;
		bottom: 0px;
		display: block;
		height: 96px;
		width: 192px;
	}
}

/*TABLET HOCH*/
@media (pointer: coarse)
and (orientation: portrait)
and (max-width: 2048px) {
	.mobil_info {
		z-index: 99;
		position: absolute;
		bottom: 0px;
		display: block;
		height: 64px;
		width: 128px;
	}
}

/*PHONE QUER*/
@media (pointer: coarse)
and (orientation: landscape)
and (max-width: 1920px) {
	.mobil_info {
		z-index: 99;
		position: absolute;
		bottom: 0px;
		display: block;
		height: 86px;
		width: 173px;
	}
}

/*PHONE HOCH*/
@media (pointer: coarse)
and (orientation: portrait)
and (max-width: 1080px) {
	.mobil_info {
		z-index: 99;
		position: absolute;
		bottom: 0px;
		display: block;
		height: 105px;
		width: 211px;
	}
	h1 {
		font-size: 10vw;
		word-wrap: break-word;
	}
	h2 {
		font-size: 6vw;
		word-wrap: break-word;
	}
	h3 {
		font-size: 2.5vw;
		word-wrap: break-word;
	}
	p {
		font-size: 6vw;
		word-wrap: break-word;
	}
	.logo {
		height: 6vw;
		padding-top: 2vw;
		padding-bottom: 4vw;
	}
	.logobox {
		height: 6vw;
		width: 45vw;
	}
	.trennlinie {
		height: 0.5vw;
		background-color: #D9D9D9;
	}
	.nav {
		margin-bottom: 10vw;
	}
	.linkbox {
		height: 8vw;
	}
	.bildkachel {
		width: 43vw;
		height: 43vw;
		margin-bottom: 2vw;
		margin-right: 2vw;
	}
	.spacer {
		height: 10vw;
	}
	.logokachelgruppe {
		height: 110vw;
	}
	.outlinebox {
		width: 20vw;
		height: 20vw;
		margin-bottom: 2vw;
		margin-right: 2vw;
	}
	.logokachel {
		width: 16vw;
		height: 16vw;
		margin-left: 2vw;
		margin-right: 2vw;
		margin-top: 2vw;
		margin-bottom: 2vw;
	}
	.boxtothetop {
		right: 3vw;
		top: 3vw;
	}
	.boxarrowtop {
		width: 10vw;
		height: 10vw;
	}
	.bildboxpfeildown {
		width: 5vw;
		height: 5vw;
		margin-top: 2vw;
		margin-bottom: 1.25vw;
	}
}