@charset "UTF-8";
/* CSS Document - general Responsive CSS */

@media screen and (min-width: 118.750em) and (max-width: 143.750em){body {font-size: 102%;}}
@media (max-width: 1030px) {#header { padding:25px 0px 0px 0px; } #fleche {  display:block;}  } 
@media (max-width: 810px) {.navigation, #container {width:auto;}}
@media (max-width: 600px) {#header { width: 400px;}#logo {font-size: 30px;} #titel {  width: 44%; font-size: 30px;}}
@media (max-width: 545px) { 
  .main {padding: 0;background:white;} #container {float: left; } #titel {margin-left: 0px;}  
  .navigation ul { padding: 10px; background: rgba(255,255,255,.3); margin-bottom: 2px; color: #fff; text-decoration: none;}
  nav li { display:table !important;}
  .js-enabled .nav-button {  display: inline-block;}
  .js-enabled .navigation {  position: absolute;  width: 60vw;  top: 200px;  bottom: 0;  left: 0;  z-index: 0; }
  .js-enabled .main {  position: relative;  transition: transform .25s;  will-change: transform;  min-height: 100vh;  top: 120px;}
  .js-enabled .main.is-opened {  transform: translateX(28vw);}
  .margintop {margin:unset;}

  nav ul ul {
		float: none;
		position:static;
		color: #ffffff;
	}

  nav ul ul li {
		display: block;
		width: 100%;
	}

  nav ul ul li:hover > ul,
	nav ul li:hover > ul {
		display:block ;
	}
		
	nav ul ul ul li {
		position: static;
	}

	.toggle:hover {
    background-color: #ffca06;
    color:black !important;
padding-right: 20px;
}

nav li {text-align: unset!important; }

/* Hide the navigation menu by default */
	/* Also hide the  */
	/*
  .toggle {
		display: inline-block;
		background-color: black;
		color:#ffca06;
		font-size:17px;
		text-decoration:none;
		border:none;
		padding-left: 10px;
		position: absolute;
		top: 20px;	
	}


	
  nav ul ul .toggle,
	nav ul ul a {
		padding: 0 40px;
	}
  nav ul li ul li .toggle,
	nav ul ul a,
    nav ul ul ul a{
		padding:14px 20px;	
		color:#FFF;
		font-size:17px; 
	}
	
	
  */
}
@media all and (max-width: 28.125em) {  #header > div { display: table; } }  
@media (max-width: 435px) { #inhalt-homepage img {width:250px;} #header {width:250px;}}