@charset "UTF-8";
/* CSS Document */
.cookies {
	position: fixed;
	width: 100%;
	bottom: 0;
	background: darkcyan;
	color: white;
	text-align: center;
	z-index: 1001;
	display: flex;
	justify-content: space-evenly;
	align-items: center;
}
.cookies button {
	margin: .2em;
	height: 80px;
}
.cookies span {
	font-size: larger;
}
.cookies p {
	margin: 1em auto .5em;
}
.cookies p.ext {
	font-style: italic;
}
@media only screen and (min-width : 640px) {
	.cookies {
		padding: 1em;
	}
	.cookies p {
		margin: 1em auto;
	}
}
/*Footer*/
footer {
  border-top: 0.088em solid #000000;
  border-bottom: 0.088em solid #000000;
}
.footer-container {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: center;
  max-width: 64em;
  margin: 0 auto;
  padding: 0 0.5em;
}
.footer-container ul, 
.footer-container div, 
.footer-container img {
  width: 100%;
}
.footer-container ul a, 
.footer-container li {
  color: #000000;
  text-decoration: none;
  font-size: 1rem;
  padding-top: 0.8em;
}
.footer-container ul {
  margin: 1.5em auto;
}
.footer-container a:hover {
  color: #00499B;
}
.footer-container div {
  font-size: 1rem;
  font-style: italic;
  margin: 1.5em auto;
  text-align: left;
}
.footer-container img {
  margin: 1.5em auto;
}
.copyright {
  margin-top: 1em;
  font-size: 0.625rem;
  text-align: center;
}
/* Tablets */
@media only screen and (min-width : 25.625em) {
  .footer-container ul {
    width: 40%;
  }
  .footer-container div {
    width: 40%;
  }
  .footer-container img {
    width: 70%;
  }
}
/* Desktops and laptops */
@media only screen and (min-width : 53.125em) {
  .footer-container ul {
    width: 20%;
  }
  .footer-container div {
    width: 30%;
  }
  .footer-container img {
    width: 40%;
  }
  .footer-container {
    padding: 0em;
  }
  
  #page_header {
	position: fixed;
	width: 100vw;
	background: white;
	z-index:1001;
  }
  #page_content {
	padding-top: 80px;
  }
}
/* Habs mal sortiert*/
header {
  border-bottom: 0.088em solid #000000;
}
.header-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  max-width: 64em;
  margin: 0 auto;
}
a.logo{
	padding: .5em;
	margin: .3em;
	border: .4em outset aliceblue;
	border-radius: 20px;
	background: aliceblue;
}
img.logo {
  width: 80px;
}

nav.menu {
  text-transform: uppercase;
  text-align: left;
  width: calc(100vw - 90px); /* -90px because of .logo */
}
nav.menu > ul {
  width: 100%;
  list-style-type: none;
  padding: 0;
  margin: 0;
}
nav.menu > ul li#responsive-tab {
	display: block;
}
nav.menu > ul li#responsive-tab a {
	background: url('../images/logos/baseline_menu_black_24dp.png') no-repeat;
	background-position: 95% -35%;
}
nav.menu > ul li { /* hide menu, called by js  */
	display: none;
}
nav.menu > ul li.right {
	float: none;
}
nav.menu > ul li.has-sub ul, /* hide sub menu, called by js  */
nav.menu > ul li.has-sub ul li.has-sub ul {
	display: none;
	position: static;
	width: 100%;
	background: #ffffff;
	border: 0 none;
}
nav.menu > ul li.has-sub ul li, /* display all sub menu, parent is not visible  */
nav.menu > ul li.has-sub ul li.has-sub ul li {
	display: block !important;
}
nav.menu > ul li.has-sub ul li a span {
	display: block;
	padding-left: 24px;
}
nav.menu > ul li.has-sub ul li.has-sub ul li a span {
	display: block;
	padding-left: 48px;
}
nav.menu > ul li.has-sub > a, 
nav.menu > ul li.has-sub ul li.has-sub > a {
	background: url('../images/logos/baseline_arrow_drop_down_black_24dp.png') no-repeat;
	background-position: 85% -95%;
}

/* Noch überlegen */
nav.menu > ul li a.active, 
nav.menu > ul li a:hover {
  color: #0855AD;
}

nav.menu > ul li a {
  display: block;
  padding: 12px 24px 11px 24px;
  text-decoration: none;
  color: #000000;
}
/* Tablets */
@media only screen and (min-width : 802px) {
	nav.menu  .menu_cat {
		padding: 0 1.2em 0 0;
	}
	nav.menu {
		width: auto;
	}
	nav.menu > ul li#responsive-tab { /* hide, we show sub directly */ 
		display: none;
	}
	nav.menu > ul li { /* show sub directly */ 
	  display: inline-block;
	  *display: inline;
	  zoom: 1;
	}
	nav.menu > ul li.right {
	  float: right;
	}
	nav.menu > ul li.has-sub, 
	nav.menu > ul li.has-sub ul li.has-sub {
	  position: relative;
	}
	nav.menu > ul li.has-sub > a::after {/* some styling */ 
	  content: " |";
	  font-size: 1.5rem;
	}
	nav.menu > ul li.has-sub ul, 	/* redifine submenus */ 
	nav.menu > ul li.has-sub ul li.has-sub ul {
	  display: none;
	  width: 200px;
	  position: absolute;
	  margin: 0 0 0 -3.6em;
	  padding: 0;
	  list-style-type: none;
	  background: #ffffff;
	  border: 1px solid #ece6e8;
	  border-bottom: 3px solid #d9ced2;
	  border-top: 0 none;
	}
	nav.menu > ul li.has-sub ul li,
	nav.menu > ul li.has-sub ul li.has-sub ul li {
	  display: block;
	}
	nav.menu > ul li.has-sub ul li a span,
	nav.menu > ul li.has-sub ul li.has-sub ul li a span {
		display: inline;
		padding-left:0;
	}
	nav.menu > ul li.has-sub > a, 
	nav.menu > ul li.has-sub ul li.has-sub > a {
		background: url('../images/logos/baseline_arrow_drop_down_black_18dp.png') no-repeat;
		background-position: 82%;
	}
	/* mouseover */
	nav.menu > ul li.has-sub:hover ul {
		display: block;
	}
	nav.menu > ul li.has-sub ul li.has-sub:hover ul {
	  display: block;
	  left: 100%;
	  top: -10px;
	}
	
	nav.menu > ul > li.collapsed {
		display: inline-block !important;
		*display: inline;
		zoom: 1;
	}
	nav.menu > ul ul li.collapsed {
		display: block !important;
	}
}