#header {	z-index: 999; position: initial; height: 100px; width: 100%  }
#homeheader  { background-color: white; padding-left: 20px }
#homehead img { width: 120px }

#logo { display: none  }
#logo img { margin-left: 3.6% }
#navigation { display: none }

#rubriknav    { float: left }
#rubriknav  ul  { margin: 20px 0 10px 20px; padding: 0; }

.kursliste  { display: block }

#rubriknav  ul li { list-style: none; display: inline;}	
#rubriknav  li { color: red; font-family: 'aleoregular', Verdana, sans-serif ; letter-spacing: 0.06em; font-size: 1.6em; line-height: 1.9em;  margin-right: 12px; }	
#rubriknav li:last-child {  margin-right: 0 }
#rubriknav li a { color: hsl(0, 100%, 75%); text-decoration: none; }
#rubriknav li a:hover { color: red; text-decoration:none }
#rubriknav ul li a.active-page { color: white; background-color: #febcbd; padding: 8px; border-radius: 8px; cursor: none }
#rubriknav ul li a.active-link { color: white; background-color: #febcbd; padding: 8px; border-radius: 8px; cursor: pointer }

#rubriknav.kursliste li { display: block  }	
#footer { background-color: #febcbd; float: left; width: 100%; height:  initial }


.footercontainer { width: 90%; justify-content: ;align-items: flex-start; flex-wrap: wrap;  padding-bottom: 30px }
#footnavcol ul { margin-top: ; }
.footnavcol li { color: #fff; font-size: 1.5em; line-height: 1.55em; letter-spacing: 0.1em; list-style: none;  }
.footnavcol li a { color:#ff1648; text-decoration: none; }
.footnavcol li a:hover,li a.active { color: white; text-decoration:none }
.footnavcolsmall li { font-size: 0.95em; line-height: 1.5em  }

@media screen and (min-width:40em) 
{
#header {	margin-bottom: 0px }	
}
@media screen and (min-width:55em) 
{

}
@media screen and (min-width:63em) 
{
#head { margin-bottom: 90px}
#header { border-bottom: 1px solid hsl(0, 100%, 90%); padding-top: 20px}
#logo { display: inline  }
#logo img { width: 230px; height: px; margin-top: 10px; margin-left: px; }

#navigation { z-index: 3; display: inline;  }
#navigation ul { float: right; margin-right: 28px; margin-top: 1px; }	
#navigation li { color:  #ff1648; font-size: 1.8em; line-height: em; font-family: 'aleoregular', Verdana, sans-serif ; letter-spacing: 0.06em; display: inline; margin-right: 30px; list-style: none;  }
#navigation li:last-child {  margin-right: 0 }
#navigation li a { color: hsl(0, 100%, 75%); text-decoration: none; }
#navigation li a:hover, #navigation ul li a.active { text-decoration:none; color: #ff1648  }
#navigation a.hnav-active { color: #ff1648 }
#navigation li a.hnav-active { border-bottom: 3px solid red; padding-bottom: 11px }
#rubriknav    {  }
#rubriknav  ul  { margin: -65px 0 0 660px }	
#rubriknav  li  { font-size: 1.7em; margin-right: 17px; }		
#rubriknav li:last-child {  margin-right: 0 }


.footercontainer { display: flex;  max-width: 1350px; padding: auto; margin: auto; }
.footnavcol { margin-top: 20px  }
.footnavcol li { font-size: 1.2em;   }
.footnavcolsmall li { font-size: 0.95em; line-height: 2.1em; margin-bottom: -1px  }

}

@media screen and (min-width:72em) 
{
#wrap { width: 1400px; margin-right: auto; margin-left: auto; }
#logo img { margin-left: 60px; }
#rubriknav.kursliste li { display: inline; white-space: nowrap;  }
}
@media screen and (min-width:80em) 
{

}