@charset "utf-8";

/* CSS Document */

		html {
        scroll-behavior: smooth;
		}

		* {
  		box-sizing: border-box;
		}
		
		/* Style the body */
		body { 
  			color: #ffffff;
			font-family: Arial;
			/* A font family name and a generic family name */
			font-family: "Arial, Verdana, sans-serif";
  			background-color: #ffffff; 
			margin: 0;
		}

		/* Style the page container */
		.container {
			background-color: #024A94;
			width: 80%;
			float: none ;
			margin-left: auto;
			margin-right: auto;
			border-bottom-width: 0;
			padding-left: 0;
			padding-top: 0;
			padding-right: 0;
			padding-bottom: 0;
		}

		.flex-row_pagetop {
			display: -webkit-flex;
			display: flex;
			width: 100%;
			height: auto;
			padding-top: 2%;
			padding-bottom: 2%;
			margin-top: 0;
			margin-bottom: 0;
			color: #024A94;
			background-color: #ffffff;
		}
		.pagetop_column_img {
			float: left;
			overflow: auto;
			width: 40%;
			margin-bottom: 5%;			
		}
		.pagetop_column_nav {
			display: flex;
  			justify-content: flex-end;
  			align-items: flex-end;
			width: 60%;
			padding-bottom: 0.1%;
		}
		
		/* Style the navigation bar links */
		.navbar a {
  			color: #95C11E;
			height: 20%;
  			text-decoration: none;
			font-size: 1.2vw;
			font-weight: bold;
			margin-top: 0;
			margin-right: 0;
			margin-bottom: 0;
		}

		/* Change color on hover */
		.navbar a:hover {
  			background-color: white;
			transition: all 0.3s linear;
			color: #024A94;
  			border-color: #95C11E;
			border-style: none none solid none; 
  			border-width: thick;
		}

		/* Make logo and navigation bar sticky at top */
		div.sticky {
			position: -webkit-sticky; /* Safari */
  			position: sticky;
			z-index: 1;
			top: 0;
		}

		/* Image Section Top */
		.imgtop {
			width: 100%;
			height: auto;
			margin-bottom: 0;
			padding-bottom: 0;
		}

		/* Style Imprint Section */
		.imprint {
			margin-top: 0;
			margin-right: 0;
			margin-bottom: 0;
			margin-left: 0;
			padding-top: 5vw;
			padding-right: 20vw;
			padding-bottom: 5vw;
			padding-left: 20vw;
			color: #000000;
			background-color: #ffffff;
			font-size: 1.2vw;
			text-align: justify;
		}

		/* Style Copyright Section */
		.copyright {
			width: 100%;
			height: auto;
			text-align: center;
			background-color: #024A94;
			color: #FFFFFF;
			font-size: 1.3vw;
			padding-top: 1%;
			padding-bottom: 2%;
		}
		.copyright a {
					color: #FFFFFF;	
					text-decoration: none;
					margin-top: 0;
					margin-right: 0;
					margin-bottom: 0;
		}

		/* Change color on hover */
		.copyright a:hover {
  			color: #95C11E;
			transition: all 0.3s linear;
  			border-color: #95C11E;
			border-style: none none solid none; 
  			border-width: thick;
		}

		/* Cookie Banner */

		.cookie-banner, .cookie-banner * {
		  box-sizing: border-box;
		}

		.cookie-banner {
		  display: none;
		  position: fixed;
		  bottom: 2%;
		  left: 65%; 
		  width: 30%;
		  height: 25%;
		  font-size: 100%;
		 } 

	   .cookie-banner  .footer-cookie {
		  width: 100%;
		  height: 70%;	
		  background: #024A94;
		  color: #95C11E;
		  text-align: justify;  
		  text-justify:inter-word;	
		  padding-top: 5%;
		  padding-left: 5%;
		  padding-right: 5%;
		  padding-bottom: 5%;
		}

		.cookie-banner .footer-cookie a {
		  color: #95C11E;
		}

		.cookie-banner .container-accept {
		  width: 100%;
		  height: 25%;	
		  background: #95C11E;
		  color: #024A94;
		  text-align: center;
		  display: flex;
		  justify-content: center;
		  align-items: center;
		  margin: 0;
		  padding-top: 5%;
		  padding-left: 5%;
		  padding-right: 5%;
		  padding-bottom: 5%;
		}

		.cookie-banner .container-accept a {
			border: 1.5px solid #024A94;
			text-decoration: none;
			margin: auto;
			padding: 10%;
		}



	/* Responsive layout - makes the menu and the content (inside the section) sit on top of each other instead of next to each other */

	@media only screen and (min-width: 1025px) and (max-width: 1440px) {
		
		/* Style the Logo */
				
		.pagetop_column_img {
			margin-bottom: 3%;
				}
		
		/* Style the navigation bar links */
		
		.navbar a {
			font-size: 1.3vw;
		}
		
		/* Style the Data Privacy Section */
		
		.imprint {
			padding-right: 15vw;
			padding-left: 15vw;
			font-size: 1.3vw;
		}
		.copyright {
			font-size: 1.4vw;
		}
			/* Cookie Banner */

		.cookie-banner {
			 left: 55%; 
			 width: 40%;
			 height: 25%;
		} 
	}

		@media only screen and (min-width: 769px) and (max-width: 1024px) {
				
		/* Style the Logo */

		.pagetop_column_img {
			margin-bottom: 3%;
		}
			
		/* Style the navigation bar links */
		
		.navbar a {
			font-size: 1.5vw;
		}
				
				/* Style the Terms and Conditions  Section */
				
				.imprint {
					padding-right: 10vw;
					padding-left: 10vw;
					font-size: 1.5vw;
				}
			
				/* Style the Copyright Section */
			
				.copyright {
					font-size: 1.7vw;
				}

			/* Cookie Banner */

			.cookie-banner {
			  left: 45%; 
			  width: 50%;
			  height: 30%;
			 } 
		}			


			@media only screen and (min-width: 481px) and (max-width: 768px) {
	
			/* Style the Logo */

				.pagetop_column_img {
					margin-bottom: 3%;
				}

			/* Style the navigation bar links */

				.navbar a {
					font-size: 1.6vw;
				}
				
				/* Style the Terms and Conditions Section */
				
				.imprint {
					padding-right: 7vw;
					padding-left: 7vw;
					font-size: 1.8vw;
				}
				.copyright {
					font-size: 2vw;
				}
	
				
				/* Cookie Banner */

				.cookie-banner {
				  left: 30%; 
				  width: 65%;
				  height: 40%;
			 } 
		}				

			@media only screen and (max-width: 480px) {	
				
				/* Style the Logo */
				
				.pagetop_column_img {
					margin-bottom: 3%;
				}

				/* Style the navigation bar links */
				
				.navbar a {
					font-size: 1.8vw;
				}
				
				/* Style the Terms and Conditions Section */
				
				.imprint {
					padding-right: 5vw;
					padding-left: 5vw;
					font-size: 1.9vw;
				}
				.copyright {
					font-size: 2.5vw;
				}

				 /* Cookie Banner */

				.cookie-banner {
					  left: 20%; 
					  width: 75%;
					  height: 40%;
					 } 
		}