.external-link:after {
    font-family: "Font Awesome 5 Free";
    padding-left: 4px;
    content: "\f08e";
    text-decoration: none;
}
.cs-as-img-right {
	max-width:45%;
	margin-left:5%;
}

.cs-as-img-left {
	max-width:45%;
	margin-right:5%;
}

body {
	background: hsl(47,37%,98%);
}
#footer {
	background:#333;
	display:block;
	position:fixed;
	left:0;
	bottom:0em;
	width:100vw;
	height:3rem;
	text-align:center;
}
#footer a, #footer {
	color:#fff;
	text-decoration:none;
	line-height:3rem;
}
#footer a:hover {
	text-decoration:underline;
	
}

#bgrimg_r, #bgrimg_l {
	display:none;
}
@media (min-width: 550px) {
	#bgrimg_l {
		display:block;
		position:fixed;
		height:100vh;
		width:auto;
		top:0;
		right:calc(50vw + calc(80% / 2) + 20px);
	}
	#bgrimg_r {
		display:block;
		position:fixed;
		height:100vh;
		width:auto;
		top:0;
		left:calc(50vw + calc(80% / 2) + 20px);
	}
}

@media (min-width: 960px) {
	#bgrimg_l {
		display:block;
		position:fixed;
		height:100vh;
		width:auto;
		top:0;
		right:calc(50vw + 480px + 40px);
	}
	#bgrimg_r {
		display:block;
		position:fixed;
		height:100vh;
		width:auto;
		top:0;
		left:calc(50vw + 480px + 40px);
	}
}

a.anchor {
	display:block;
	position:relative;
	top:-60px;
	visibility:hidden;
}

table td:nth-child(2) {
	text-align:right;
}

.row img {
	margin-top:0.5rem;
}
.unklar {
	font-weight: bold;
	color:#f00 !important;
}

#apple {
	width: 5vw;
	height: 5vw;
	position:fixed;
	bottom:20vh;
	z-index: 1000;
	left: -5vw;
}

#appleStart {
	width: 50px;
	height: 50px;
	position:fixed;
	bottom:50px;
	z-index: 1001;
	left: calc(50% - 480px - 50px - 80px);
    cursor: pointer;
    transition: opacity 0.2s linear, filter 0.2s ease-out, transform 0.2s linear;
    animation: slightSize 6s infinite;
}
#appleStart:hover {
    animation:none;
    filter: drop-shadow(0 0 0.75rem grey);
    transform: scale(1.05);
}

.appleGoRight {
	animation: bounce 6s, moveRight 6s;
}

@keyframes slightSize {
    88% {
        transform: scale(1.0);
    }
    91% {
        transform: scale(1.05);
    }
    94% {
        transform: scale(1.0);
    }
    97% {
        transform: scale(1.05);
    }
    100% {
        transform: scale(1.0);
    }
}

@keyframes moveRight {
	0% {
		left:-5vw;
		right:none;
		animation-timing-function: linear;
		filter: hue-rotate(0) brightness(1);
	}
	100% {
		left:105vw;
		filter: hue-rotate(-22deg) brightness(110%);
	}
}

@keyframes bounce {
	0% {
		transform:translateY(0);
		animation-timing-function: ease-in;
	}
	10% {
		transform:translateY(20vh);
		animation-timing-function: ease-out;
	}
	20% {
		transform:translateY(2vh);
		animation-timing-function: ease-in;
	}
	30% {
		transform:translateY(20vh);
		animation-timing-function: ease-out;
	}
	40% {
		transform:translateY(4vh);
		animation-timing-function: ease-in;
	}
	50% {
		transform:translateY(20vh);
		animation-timing-function: ease-out;
	}
	60% {
		transform:translateY(6vh);
		animation-timing-function: ease-in;
	}
	70% {
		transform:translateY(20vh);
		animation-timing-function: ease-out;
	}
	80% {
		transform:translateY(8vh);
		animation-timing-function: ease-in;
	}
	90% {
		transform:translateY(20vh);
		animation-timing-function: ease-out;
	}
	100% {
		transform:translateY(12vh);
	}
}