/* https://codepen.io/darsh_patel/pen/zYOZBPj */

* {
  margin:0;
  padding:0;
}
html	{
  height:100%;
}
body {
  background-color:#0088ff;
  font-family: 'Raleway', sans-serif;
  height:100%;
}
#ribbon {
  position:absolute;
  background-color:red;
  color:white;
  top:40px;
  left:-30px;
  width:160px;
  transform:rotate(-45deg);
  text-align:center;
  z-index:1;
  opacity:1;
  transition: opacity 2s;
  cursor:help;
}
#ribbon:hover {
	opacity:0;
}
#container {
  position:relative;
  width:100%;
  margin:0px;
  background-color:black;
  /*box-shadow: -2px -2px 5px white,2px -2px 5px white;*/
}
#container > nav {
  width:100%;
  display:flex;
  max-height:60px;
}
#logo {
  line-height:60px;
  font-size:30px;
  padding: 0px 50px 0px 130px;
  color: white;
  width:40%;
  letter-spacing:2px;
  text-shadow:2px 2px 5px;
}
#container > nav > ul {
  margin:0;
  paddding:0;
  list-style-type:none;
  display:flex;
  position:absolute;
    right:50px;
/*   min-width:60%; */
}
#container > nav > ul > li {
  line-height:60px;
  margin: 0 0px;
  padding:0;
  text-align:center;
  display:inline-block;
  min-width:120px;

} 
#container > nav > ul > li > p {
	position:relative;
	margin: 0px 20px;
	color:ivory;
	cursor: pointer;
}
#container > nav > ul > li:hover {
  border-bottom: 2px solid white;
  background-color: green;
  color: red;
}

#container > nav > ul > .dropdown:hover {
  border-bottom:none;
}
#container > nav > ul > .dropdown:hover >  .dd	{
	line-height: 22px;
	font-size: 14px;
	display:block;
	background-color:Tan;
  border-style: solid;
  border-color: red;
  border-width: 0px 2px 2px 2px;
  border-radius: 0px 0px 16px 16px;
}
.dropdown:hover > p .fa-caret-down {
  display:none;
}
a {
  text-decoration:none;
}

#container > nav > ul > li > div {
  position:absolute;
  padding: 0 10px;
  
  background-color:black;
  display:none;
  background-color:aliceblue;
  min-width:100px;
}

#container > nav > ul > li > div > ul {
  margin:0px 0 10px 0;
  padding:0;
  list-style:none;
}
#u_a_c {
  position:relative;
  width:100%;
/*   background-color:red; */
}
#up_arrow {
  position:relative;
  width:20px;
  height:20px;
  left:42%;
  top:-10px;
  background-color:aliceblue;
  transform:rotate(45deg);
}
#container > nav > ul > li> div > ul > li {
  border: 1px solid rgba(0,0,0,0.3);
  border-radius: 8px;
  margin-bottom: 4px;
  cursor: pointer;
}
#container > nav > ul > li> div > ul > li:hover {
  background-color:rgba(0,0,0,0.2);
}
#container > nav > ul > li > div > ul > li > p {
  padding : 5px;
    color:black;
}
/*##########################################################*/
iframe	{
	border-style:	none;
	background-color: green;
	
}	
#inhalt	{
	width:100%;
	height:93%;
}
hr	{
	margin: 4px;
}