body {
	width: 100%;
	height: 100%;
}

html {
	width: 100%;
	height: 100%;
}
#wrapper-start {
	width: 100%;
	height: 100%;
	position: relative;
}

div#content-start_left {
	transition: background-color 0.5s ease;
	width: calc(50% - 3px);
	height: 100%;
	border-right: 3px solid #cc0032;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 50%;
	left: 0;
	display: flex;
	align-items: center;
	justify-content: center;
}

a#swiss-prime-cgs {
	width: 260px;
	height: 118px;
	position: fixed;
	bottom: 40px;
	left: calc(25% - 130px);
	z-index: 100;

	background-position: center center;
	background-repeat: no-repeat;
	background-size: 100% auto;
	text-decoration: none;
	
	/* Container für beide Bilder */
	display: block;
}

a#swiss-prime-cgs::before,
a#swiss-prime-cgs::after {
	content: "";
	position: absolute;
	inset: 0;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 100% auto;
	transition: opacity 0.3s ease;
}

a#swiss-prime-cgs::after {
	background-image: url(img/cgs-praesentation-dld-0.svg);
	opacity: 1;
}

a#swiss-prime-cgs::before {
	background-image: url(img/cgs-praesentation-dld-1.svg);
	opacity: 0;
}

a#swiss-prime-cgs:hover::after {
	opacity: 0;
}

a#swiss-prime-cgs:hover::before {
	opacity: 1;
}

@media (max-width: 767px) { 

a#swiss-prime-cgs {
	width: 120px;
	height: 55px;
	left: calc(25% - 60px);
}

}

div#content-start_middle {
	transition: background-color 0.5s ease;
	width: calc(50%);
	height: 100%;
	border-right: 0px solid #cc0032;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
}

div#content-start_left:hover, div#content-start_middle:hover, div#content-start_right:hover {
	background-color: rgba(0, 0, 0, 0.05);
}

div#logoprime, div#logoglobal, div#logodigit {
	max-width: 320px;
}

div#logoprime img, div#logoglobal img, div#logodigit img {
	width: 100%;
	height: auto;
}