@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@700&display=swap');

body {background-color: #5F7C89;font-size:1.4vw;font-family: 'Open Sans', sans-serif;width:100vw;height:100vh;overflow:hidden;padding:0;margin:0;}
#header {position: absolute;width: 100vw;height: 1em;top: 0.5em;font-size: 0.8em;text-align: right;}
#header div {padding-right: 15.5vw;}
#header div a {margin-left: 3em;color: #ADBDC5;}
section {width: 70vw;height: 90vh;margin-left: 15vw;margin-top: 5vh;background-color: white;box-shadow: 2px 2px 2px black;position:absolute;display: none;overflow: hidden;}
.cursor {cursor: pointer;}
#header div .subnav {position: absolute;right:17.7vw;z-index: 100;text-align: left;background-color: #5F7C89;padding:1vw;display: none;}

#header div .subnav a {margin: 0;cursor: pointer;}
#home {display: block;}
#home #cover {width: 100%;height: 100%;position: absolute;background-color: rgba(0,0,0,0.8);display: none;}

#top {width: 100%;height: 60%;padding-left: 5vw;}
#top #image {width: 35%;float: left;}
#top #image img {width: 100%;padding-top: 10vh;}
#top #text {width: 50%;float: left;font-weight: bold;padding-top: 8vh;padding-left: 2vw;}
#top #text p {margin-top: 5vh;}
#top #text span.titel {color: #345B24;font-size: 2.5em;margin-left: -0.1em;font-style: italic;}
#top #text ul, #atext ul {list-style-type: none;font-size: 0.9em;margin-left: -0.7em;}

#home #top .kachel {position: absolute;width: 0;height: 100%;background-color: white;right: 0;overflow-y: auto;}
#home #top .kachel > div {background-color: white;padding: 1em;}
.kachel .close {position: absolute;right: 1em;top: 1em;display: none;cursor: pointer;}

#bottom {clear: both;padding-left: 10vw;font-weight: bold;padding-top: 5vh;font-size: 0.8em;width: 100%;}
#bottom > div {width: 50%;float: left;}
#bottom div:last-of-type {float: right;}
#bottom a {text-decoration: none;color: black;}

#about {}
#about #abild {width: 25%;padding:5vw;padding-bottom: 0;}
#about #abild img {width: 100%;}
#about #atext {padding: 5vw;font-size: 1.5em;padding-top: 1em;font-weight: normal;}

#datenschutz, #impressum {width: 70vw;height: 90vh;margin-left: 15vw;margin-top: 5vh;background-color: white;box-shadow: 2px 2px 2px black;position:absolute;display: none;overflow: hidden;}
#datenschutz, #impressum > div {padding: 1em;}

#datenschutz {overflow-y: auto;width: 67.25vw;height: 84.3vh;}
#datenschutz a {color: black;}

#footer {position: absolute;width: 100vw;height: 1em;bottom: 2vh;}
#footer a {width: 40%;float: left;padding: 5%;padding-top: 0;font-size: 0.8em;color: #ADBDC5;}
#footer a:last-of-type {float: right;text-align: right;}
.cc-window.cc-floating {
	width: 100%;
	max-width: 100%;
	bottom:40vh;
	display: block;
	
	}
.cc-message, .cc-compliance {
	float: left;
	width: 40%;
	padding: 0;
	margin: 0;
	
	}
.cc-compliance a {margin-top: 12%;}
.cc-floating .cc-compliance > .cc-btn {flex: 0;}
.cc-floating.cc-theme-edgeless .cc-message {margin: 5%;}