#container {
	display:flex;
	flex-flow:row wrap;
}
#left {
	flex-basis:25%;
	order:0;
	margin-left:0;
}

#left .inside {
  padding: 0em 0 2em calc(var(--margin-left) / 1.2 - 0.6em);
}

#left nav {
 font-size: 1.2em;
  margin-top: 3.2em;
  border-top: 2px solid #767676;
  border-bottom: 2px solid #767676;
  padding-top: 0.5em;

}

.seminare #left nav {

  position:fixed;
  width:14em;
}

#left nav ul li a, #left nav ul li strong {
  color: #333;
  font-weight: 500;
  font-family: "Poppins";
  text-decoration: none;
  line-height: 2;
}

#left nav ul li a::before, #left nav ul li strong::before {
  display:inline-block;	
  width: 0; 
  height: 0; 
  border-top: 0.4em solid transparent;
  border-bottom:  0.4em solid transparent;
  border-left:  0.4em solid transparent;
  content:"";
  margin-right:0.3em;
}

#left nav ul li strong, #left nav ul li.active a, #left nav ul li.trail a, #left nav ul li:hover a {
	color:var(--color-text-highlight);
}

#left nav ul li.trail a {
	color:var(--color-text-highlight2);
}

#left nav ul li strong::before, #left nav ul li.active a::before, #left nav ul li.trail a::before, #left nav ul li:hover a::before {
	border-left:  0.4em solid var(--color-text-highlight);
}

main {
	flex-basis:75%;
	order:1;
}