:root {
	--color-gelb: #ffed00;
	--color-aubergine: #322341;
	--fontsize-fliesstext: 22px;
	--fontsize-fussnoten: 12px;
}

@font-face{
    font-family: "Larsseit W03 Medium";
    src: url("../webfonts/972c642b-f098-4c6d-b1c2-d64a924b23ff.woff2") format("woff2"),url("../webfonts/c5b492c5-bfdc-49f5-b37a-357dc9317633.woff") format("woff");
}

::-moz-selection { /* Code for Firefox */
  color: var(--color-aubergine);
  background: var(--color-gelb);
}

::selection {
  color: var(--color-aubergine);
  background: var(--color-gelb);
}

html{
	width: 100%;
	height: 100vh;
}

body{
	background: var(--color-aubergine);
	color: var(--color-gelb);
	font-family: "Larsseit W03 Medium";
	min-height: 100%;
	min-height: -moz-available;
	min-height: -webkit-fill-available;
	min-height: fill-available;
}

a{
	color: var(--color-gelb);
}

h1{
	font-weight: normal;
	font-size: var(--fontsize-fliesstext);
	text-transform: uppercase;
	margin-bottom: 31px;
}

#hidden{
	display: none;
}

.wrap{
	position: relative;
	height: 100vh;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	overflow: hidden;
}

.text{
	position: relative;
	width: 45%;
}

.image{
	position: relative;
	width: 55%;
	height: 100%;
	background-image: url('../img/ADS_Rafael_Kroetz_medium.jpg');
	background-position: bottom center;
	background-size: cover;
}

.image .logo{
	width: 88%;
	max-width: 760px;
	margin: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	-ms-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	        transform: translate(-50%, -50%);
	        cursor: pointer;
}

.image .credits{
	position: absolute;
	bottom: 20px;
	left: 40px;
	font-size: var(--fontsize-fussnoten);
}

.languageswitcher{
	width: 55px;
	font-size: 20.5px;
	position: fixed;
	top: 20px;
	right: 40px;
	z-index: 900;
}
.languageswitcher ul{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	margin: 0; padding: 0;
	list-style: none;
}
.languageswitcher ul li{
	margin: 0; padding: 0px;
	cursor: pointer;
}
.languageswitcher ul li.current{
	display: none;
}
.languageswitcher ul li:hover{
	text-decoration: underline;
	cursor: pointer;
}
.languageswitcher ul li a{
	text-decoration: none;
}

.text{
	padding: 80px 50px 20px 50px;
	position: relative;
	overflow-y: auto;
}

.text .welcome p{
	font-size: var(--fontsize-fliesstext);
	line-height: 1.4;
	padding-bottom: 0px;
}

.text .welcome p:last-child{
	padding-bottom: 70px;
}

.welcome img{
	width: 100%;
	margin-top: 15px;
	margin-bottom: 15px;
}

.welcome ul{
	margin: 0;
	padding: 0;
	padding-left: 20px;
	font-size: var(--fontsize-fliesstext);
	list-style-type: "– "; 
}

.textwrap{
	position: relative;
	min-height: 100%;
}

.footer{
	position: absolute;
	width: 100%;
	padding: inherit;
	left: 0;
	bottom: 0px;
}
.footer.scrollable{
	position: relative;
	margin-top: 0px;
}

.footer ul{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-flow: row wrap;
	        flex-flow: row wrap;
	padding: 0;
	margin: 0;
	list-style: none;
}

.footer ul li{
	margin: 0;
	padding: 0;
	font-size: var(--fontsize-fussnoten);
	margin-right: 15px;
}
.footer ul li a{
	text-decoration: none;
}
.footer .link{
	cursor: pointer;
}
.footer .link:hover{
	cursor: pointer;
}