body{
    background:#DCDCDC;
    font-size:100%;
    margin:0em;
    padding:0em;
    font-family:Helvetica;
}
#complete-content{
	min-height:100vh;
	position:relative;
}
h1{
    font-size:1.8em;
    line-height:1.5em;
    font-family:Helvetica;
    font-weight:100;
    color:#C0232E;
    margin:0em;
    padding:0em 1.25em 0.625em 1.25em;
    text-align:left;
	word-wrap:break-word;
}
h2{
    font-size:1.2em;
    line-height:1.2em;
    font-family:Helvetica;
    font-weight:100;
    color:#C0232E;/*2F2D2C;*/
    margin:0em;
    padding:1em 1.25em 0em 1.25em;
    text-align:left;
}
h1#headline{
background: linear-gradient(180deg, rgb(172, 172, 172) 0%, rgb(255, 255, 255) 100%);
margin-top: -1.5em;
border-radius: 5px 5px 0px 0px;
height: 20px;
line-height: 25px;
color: black;
font-size: 12px;
font-weight: bold;
padding: 0px 0px 5px 10px;
}
p{
    line-height:1.25em;
    font-family:Helvetica;
    font-weight:100;
    color:#2F2D2C;
    margin:0em;
    padding:1.25em;
    text-align:justify;
}
ul{
    margin:0px;
    padding:0px;
}
li{
    list-style:square;
    font-family:Helvetica;
    font-weight:100;
    color:#2F2D2C;
    margin:0em;
    padding:0em;
    line-height:1.25em;
    margin:0.313em 0em 0.313em 0em;
}
a{
    text-decoration: none;
}
input:focus::-webkit-input-placeholder,
input:focus:-moz-placeholder,
input:focus::-moz-placeholder{
    color:transparent;
}
table{
	font-family:helvetica;
	margin:1.25em;
	font-size:90%;
}
table tr td{
	padding:0.125em;
}
table tr:nth-child(even){
	background:#f4efef;
}
table tr:nth-child(odd){
	background:#C0232E4F;
}
table tr:first-child{
	background:transparent;
}/* On Top Bar*/
#menubar{
    display: none;
    background:white;
	position:fixed;
	width:100%;
	z-index:100;
    top:0;
	height:2.25em;
}
#menubar ul{
    display: block;
    width:2em;
    padding:0em 0.2em 0em 0.2em;
}
#menubar ul li{
    display: inline;
}
#menubutton
{
height:2em;
width:2em;
position:absolute;
margin:0px auto;
cursor:pointer;
top:0.125em;
left:0.3em;
}
#menubutton span
{
display:block;
position:absolute;
top:0.875em;
left:0px;
right:0px;
height:0.2em;
background:#999;
border-radius:0.188em;
transition:background 0s 0.3s;
}
#menubutton span:before,#menubutton span:after
{
position:absolute;
display:block;
left:0px;
right:0px;
height:0.2em;
background:#999;
content:'';
width:100%;
border-radius:0.188em;
transition-duration:0.3s,0.3s;
transition-delay:0.3s,0s;
}
#menubutton span:before
{
top:0.625em;
transition-property:top, transform;
}
#menubutton span:after
{
bottom:0.625em;
transition-property:bottom, transform;
}
#menubutton.is-active span
{
background:none;
}
#menubutton.is-active span:before
{
top:0;
transform:rotate(45deg);
transition-delay:0s,0.3s;
}
#menubutton.is-active span:after
{
bottom:0;
transform:rotate(-45deg);
transition-delay:0s,0.3s;
}
#menubar ul li a.menubutton{
    display: block;
    color: black;
	text-align: center;
	line-height: 1.45em;
	height: 1.45em;
	width: 1.625em;
	border-radius: 0.188em;
	font-weight: bold;
	font-size: 1.625em;
	cursor: pointer;
}
#menubar img{
	width:90%;
	max-width:90%;
	height:auto;
}
/*RKM Menü*/
#rkm{
  width: 200px;
  position: fixed;
  display: none;
  z-index: 1000;
  background: white;
  border:1px solid #bcbcbc;
  border-bottom: 0.188em solid #C0232E;
  box-shadow: 3px 3px 3px grey;
  border-radius: 5px;
  font-size:12px;
}
#rkm #rkm-headline{
	color:#C0232E;
	font-weight:bold;
	padding: 5px 10px;
    border-bottom: 1px solid #bcbcbc;
    background: linear-gradient(white,#ccc);
}
#rkm ul li
  {
  line-height:25px;
  display: block;
  position:relative;
  margin: 0px;
  border-bottom:1px solid #bcbcbc;
  user-select:none;
  padding:0px 0px 0px 15px;
  }
#rkm ul li:hover
  {
  background:#EDF1F6;
  cursor:pointer;
  }
#rkm ul li ul{
    position:absolute;
    display:none;
    /*opacity: 0;
    visibility: hidden;*/
    top:0px;
    left:100%;
    transition: all 0.5s ease;
    z-index: 100;
    padding:0px;
    border:1px solid #bcbcbc;
    border-radius: 3px;
    box-shadow: 3px 3px 3px #bcbcbc;
	width:200px;
}
#rkm-cell_rotate::after{
	content:'〉';
	position:absolute;
	right:10px;
}
#rkm-cell_rotate90::before,
#rkm-cell_rotate180::before{
	content:'⟳';
	font-size:20px;
	margin:0px 5px 0px 0px;
}
#rkm-cell_rotate-90::before,
#rkm-cell_rotate-90::before{
	content:'⟲';
	font-size:20px;
	margin:0px 5px 0px 0px;
}
#rkm ul li ul li{
    display: block;
    margin:0px;
	background:white;
}
#rkm ul li:hover > ul,
#rkm ul li ul:hover{
    display:block;
    visibility: visible;
    opacity: 1;
}
/*header*/
header{
    display:block;
    background:#2F2C2C;
    text-align:center;
}
css-slides img:not(#slide){
	width:61.25em;
	height:auto;
    max-width: 100%;
	margin-left:auto;
	margin-right:auto;
}
css-slides{
	position:relative;
	overflow:hidden;
	display:flex;
}
css-slides img[id='slide']{
	opacity:0;
	animation-name:fade;
	animation-duration:60s;
	animation-iteration-count:infinite;
	height:auto;
	width:61.25em;
    max-width: 100%;
	position:absolute;
	left:0px;
	right:0px;
	margin-left:auto;
	margin-right:auto;
}
css-slides img[id='slide']:nth-child(1){animation-delay:0s;}
css-slides img[id='slide']:nth-child(2){animation-delay:20s;}
css-slides img[id='slide']:nth-child(3){animation-delay:40s;}
/*Navigation*/
nav{
    display: block;
    height:2.5em;
    background: #FFFFFF;
    text-align: center;
}
nav ul{
    display: block;
}
nav ul li{
    display: inline;
    margin:0em 0.188em 0em 0.188em;
    position: relative;
    transition-duration:0.5s;
}
nav ul li a{
    color:#454040;
    font-size:1.125em;
    line-height:2.5em;
    padding:0.563em 0.938em 0.375em 0.983em;
    transition: background 0.2s;
    -webkit-transition: background 0.2s;
}
nav ul li a:hover{
    background:#DBD9D8;
    border-bottom:0.188em solid #C0232E;
}
nav ul li a:active{
    border-bottom:0.188em solid #C0232E;    
}
nav ul li ul{
    position:absolute;
    display:none;
    /*opacity: 0;
    visibility: hidden;
    display: block;*/
    top:1.75em;
    left:0px;
    transition: all 0.5s ease;
    z-index: 100;
    padding:0px;
    border:1px solid #bcbcbc;
    border-radius: 3px;
    box-shadow: 3px 3px 3px #bcbcbc;
}

nav ul li ul li:hover > ul
  {
  left:100%;
  top:-1px;
  
  }
nav ul li ul li{
    display: block;
    margin:0px;
}
nav ul li:hover > ul,
nav ul li ul:hover{
    display:block;
    visibility: visible;
    opacity: 1;
	left:0px;
}
nav ul li ul li a{
    background: white;
    display: block;
    color:#454040;
    font-size:1.125em;
    line-height:2.5em;
    padding:0em 0.5em;
    margin:0px;
    transition: background 0.2s;
    -webkit-transition: background 0.2s;
	white-space: nowrap;
}
nav ul li ul li a:hover:before{
    content:"";
    background:#C0232E;
    width:0.188em;
    height:100%;
    position: absolute;
    top:0px;
    left:0px;
}
.sticky {
  position: sticky;
  top: 2.25em;
  width: 100%;
  border-bottom:1px solid #DCDCDC;
  border-top:0.125em solid #C0232E;
  z-index:2000;
}
/*nav ul li ul li a:active:before{
    content:"";
    background:blue;
    width:0.188em;
    height:100%;
    position: absolute;
    top:0px;
    left:0px;
}*/
nav ul li ul li a:hover{
    display: block;
    border-bottom: 0px;
    margin:0px;
}
/*Error Reporting Area*/
#error{
	display: none;
	width: 96%;
	max-width: 980px;
	margin: 1.25em auto;
	padding: 0em;
	position: relative;
	background: white;
	border-bottom: 0.188em solid #C0232E;
	border-radius: 5px;
	line-height: 1.875em;
}
#error #message{
	margin:0em 0em 0em 3em;
}
#error #message::before{
	content: '❕';
	height: 1.563em;
	width: 1.563em;
	border-radius: 50%;
	border: 0.063em solid red;
	line-height: 1.563em;
	text-align: center;
	display: inline-block;
	margin-right: 2em;
}
/*Content Area*/
#main{
    display: flex;
	flex-wrap:wrap;
    width:96%;
    max-width:980px;
    margin:1.25em auto;
    padding:0em;
    position: relative;
}
#content{
    width:65.3%;
}
#main article{
    display:inline-block;
    width:65.3%;
    vertical-align: top;
}
#main article section{
    background:white;
    margin:0.5em 0;
    padding:1em 0em 0em 0em;
    text-align:center;
    border-radius:5px;
    box-shadow:3px 3px 3px #bcbcbc;
    border-bottom: 0.188em solid #C0232E;
    }
#main article section p label{
    display: block;
	padding:10px 0px 5px 0px;
	font-weight:bold;
}
#main article section p input[type='text'],
#main article section p input[type='file'],
#main article section p textarea,
#main article section p select{
    border:1px solid #bcbcbc;
    border-radius: 3px;
    width:100%;
    line-height:1.563em;
    padding:0.25em;
}
#main article section p input[type='time'],
#main article section p input[type='date']{
    border:1px solid #bcbcbc;
    border-radius: 3px;
    line-height:1.563em;
    padding:0.25em;
}
#main article section h1 input{
	border:0.063em solid #bcbcbc;
	border-radius:3px;
	color:#C0232E;
	font-weight:100;
	font-size:1.2em;
	line-height:1.5em;
	padding: 0em 0.12em 0em 0.12em;
	text-align:left;
	width:100%;
}
#main article section p input[type='submit'],
#main article section p input[type='button'],
#main article section center input{
	padding:0.25em 0.5em;
	border-radius:3px;
	width:auto;
    border:1px solid #bcbcbc;
	line-height:1.563em;
}

#main article section p input:focus,
#main article section p input:focus:hover,
#main article section center input:focus,
#main article section center input:focus:hover,
#main article section h1 input:focus,
#main article section h1 input:focus:hover,
#main article section p textarea:focus,
#main article section p textarea:focus:hover,
#main article section p select:focus,
#main article section p select:focus:hover{
	border-color:white;
}
#main article section p input:hover,
#main article section h1 input:hover,
#main article section p textarea:focus,
#main article section p select:focus{
	border:0.063em solid #C0232E;
}
.ck-editor,
.ck-reset,
.ck,
.ck-toolbar__items {
    width:95%;
	height:200px;
}
#footer-margin{
	height:5px;
	line-height:5px;
	display:block;
}
.hidden{
	display:none;
}
article p span.input-placeholder{
    position: absolute;
    top:-7px;
    height:0.938em;
    line-height:0.938em;
    left:40px;
    background:white;
    font-size: 80%;
    padding:0.063em 0.188em;
	border:0px;
	color:#acacac;
	font-size:80%;
}
article h1 span.input-placeholder{
    position: absolute;
    top:-10px;
    height:0.938em;
    line-height:0.938em;
    left:50px;
    background:white;
	border:1px solid #bcbcbc;
    padding:0.063em 0.188em;
	border:0px;
	color:#acacac;
	font-size:50%;}
#main article section form p textarea{
    font-family: Helvetica;
    font-size: 100%;
    border:1px solid #bcbcbc;
    border-radius: 3px;
    line-height:1.563em;
    padding:0.25em;
    width:100%;
    height:10em;
}
#main article section p img:not(.slideImage),
#main article section div img:not(.slideImage){
    max-width:95%;
    max-height:26.7em;
    box-shadow: 3px 3px 5px #4c4948;
    border-radius: 5px;
    width:auto;
    height:auto;
    margin:0.5em auto;
	display:block;
	position:relative;
}
#main article section p img.left{
	float:left;
	margin:0px 20px 20px 0px;
}
#main article section p img.right{
	float:right;
	margin:0px 0px 20px 20px;
}
/*#main article section p.clear{
	margin:0px;
	padding:0px;
	height:0px;
	clear:both;
}*/
#main article section p#align{
	display:flex;
	flex-direction:row;
	align-items:center;
}
#main article section p#align label#radio{
	order:3;
}
#main article section p#align label#radio input[type='radio']{
	margin-top:-25px;
}
#main article section p#align label#radio img {
    border: 1px solid #bcbcbc;
    box-shadow: 3px 3px 3px #ababab;
    background: linear-gradient(white,#ccc);
    height: 25px;
    width: auto;
	display:inline;
}
#main article section div[id^='img-content'],
#main article section p[id^='img-content']{
	position:relative;
	display:inline-block;
}
#main article section div[id^='img-content'] div[id^='close_']{
	position: absolute;
	top: 1em;
	right: 1.5em;
	width: 1.2em;
	height: 1.2em;
	line-height:1.2em;
	border: 1px solid #acacac;
	border-radius: 50%;
	background: linear-gradient(#f4ecec,#bcbcbc);
	cursor: pointer;
	box-shadow: 2px 2px 3px #acacac;
	color: black;
	opacity:0.5;
	transition: opacity 0.6s ease;
}
#main article section div[id^="img-content"] div[id^="close_"]:hover {
    opacity:1;
}
#main article section p{
    padding:0em 2.25em 1em 2.25em;
}
#main article section p strong{
	font-weight:bold;
}
#main article section ul{
	margin: 0em 2em 0em 4em;
    padding: 0.166em;
    display: block;
    text-align: left;
}
#main article section center{
    padding:0em 0em 1em 0em;
}
#main article section a{
    color:#bcbcbc;
}
#main article section a:hover,
#main article section a:active{
    color:darkred;
}
#img_container{
	position:relative;
}
#img_container.active {
    border-radius: 3px;
    background: linear-gradient(to top left,#ccc 0%,white 20%,#ccc 40%,white 60%,#ccc 80%,white 100%);
}
#img_container #save_order {
    display: none;
    position: absolute;
    top: 10px;
    right: 10px;
    border-radius: 50%;
    box-shadow: 3px 3px 3px #00000087;
    border: 1px solid #acacac;
    z-index: 100;
    background: white;
    height: 25px;
    width: 25px;
    line-height: 25px;
	cursor:pointer;
}
#main article section #img_container [id^='image']{
  max-width:150px;
  width:auto;
  height:auto;
  margin:3px;
  border:2px solid transparent;
  user-select:none;
}
#main article section #img_container [id^="image"]:hover {
  border:2px dotted #70a2d7;
}
#main article section #img_container [id^='img_']{
	position:relative;
	display:inline-block;
}
#main article section #img_container [id^='img_'] progress{
	position:absolute;
	bottom:5px;
	left:10px;
	width:calc(100% - 20px);
	display:none;
}
/*#main article section #img_container [id^='img_'] progress[value]::-moz-progress-bar{
	background-image:linear-gradient(left, blue 0%, green 100%);
}*/
#main article section #vorschau{
  max-width: 600px;
  max-height: 600px;
  height:auto;
  width:auto;
  margin:auto;
}
#main article section #img_container [id^='image']{
	display:inline-block;
}
#main article section form ul
  {
  padding:0px 0px 0px 30px;
  margin:0px;
  }
#main article section form ul li
  {
  height:30px;
  line-height:30px;
  list-style-type:none;
  border:1px solid grey;
  padding:0px 5px;
  background: linear-gradient(0deg, rgba(185,186,185,1) 0%, rgba(233,233,233,1) 100%);
  border-radius: 5px;
  margin: 0px 30px 2px 0px;
  }
#main article section form ul li [id^="navichange"],
#main article section form ul li [id^="navidel"] {
  display: block;
  margin: 0px 2px;
  float: right;
  font-size: 20px;
  cursor: pointer;
  user-select: none;
  margin: 3px;
  height: 22px;
  width: 23px;
  text-align: center;
  line-height: 24px;
  border: 1px solid gray;
  border-radius: 5px;  cursor:pointer;
  user-select:none;
  }
#main article section form ul li [id^="navichange"]:hover,
#main article section form ul li [id^="navidel"]:hover {
  background:rgba(102,204,255,0.5);
  }
/*Layout Menüsortierung*/
  #dragField
    {
	height:100%;
	width:100%;
	position:relative;
	}
  [id^='field']
    {
	display:block;
	margin-left:20px;
	/*cursor:move;*/
	}
  [id^='field']:active
    {
	/*cursor:grabbing;*/
	}
  [id^='point']
    {
	width:200px;
	display:flex;
	flex-wrap:wrap;
	flex-direction:row;
	}
  [id^='textField']
    {
	font-family:arial;
	height:25px;
	line-height:25px;
	padding-left:5px;
	width:calc(100% - 2px);
	background:linear-gradient(0deg, rgba(185,186,185,1) 0%, rgba(233,233,233,1) 100%);
	clear:both;
	user-select:none;
	border-radius:3px 3px 0px 0px;
	border-right:1px solid darkgrey;
	border-left:1px solid darkgrey;
	border-top:1px solid darkgrey;
	flex-grow:2;
	cursor:move;
	}
  #text1Field,
  #text1Field:active
    {
	cursor:no-drop;
	background:linear-gradient(0deg, rgba(185,186,185,1) 0%, rgba(233,233,233,1) 100%);
	}
  [id^='textField']:active
    {
	cursor:grabbing;
	background:linear-gradient(180deg, rgba(185,186,185,1) 0%, rgba(233,233,233,1) 100%);
	}
 [id^='next']
    {
	width:calc(50% - 1px);
	height:5px;
	background:linear-gradient(0deg, rgba(12,62,12,1) 0%, rgba(31,164,25,1) 100%);
	float:left;
	position:relative;
	border-radius:0px 0px 0px 3px;
	border-left:1px solid darkgreen;
	border-bottom:1px solid darkgreen;
	flex-grow:1;
	}
  [id^='next'] span
    {
    position:absolute;
	background:linear-gradient(0deg, rgba(12,62,12,1) 0%, rgba(34,154,29,1) 100%);
	border:1px solid #FEDBB7;
    }
  [id^='under']
    {
	right:0px;
	width:calc(50% - 1px);
	height:5px;
	background:linear-gradient(0deg, rgba(116,5,5,1) 0%, rgba(255,0,0,1) 100%);
	float:right;
	position:relative;
	border-radius:0px 0px 3px 0px;
	border-right:1px solid darkred;
	border-bottom:1px solid darkred;
	flex-grow:1;
	}
  #move_div
    {
	position:absolute;
	}
#send_order
  {
  position: absolute;
  top: 12px;
  right: 5px;
  font-size: 20px;
  border: 1px solid #777575;
  line-height: 25px;
  border-radius: 3px;
  background: linear-gradient(to top,#888787 0%,#d9d7d7 100%);
  }
#send_order:hover
  {
  cursor:pointer;
  }
/*Slideshow Layout*/
[id^='slide-container']{
	position:relative;
	z-index:1;
	margin:auto !important;
	max-width:95%;
/*	width:auto;*/
	display:block;
	overflow:hidden;
}
#button-container{
    position:absolute;
	top:calc(50% - 20px);
	width:100%;
	height:50px;
	display:block;
	z-index:2;
}

#slideleft{
  width:30px;
  background:black;
  opacity:0.2;
  float:left;
  color:white;
  border-radius:0px 3px 3px 0px;
  animation:opacity 2s linear;
  cursor:pointer;
  height:60px;
  line-height:60px;
  text-align: center;
  border-radius: 0px 5px 5px 0px;
  transition:opacity 0.3s;
  user-select:none;
}
#slideright{
  width:30px;
  background:black;
  opacity:0.2;
  float:right;
  color:white;
  animation:opacity 2s ease;
  cursor:pointer;
  height:60px;
  line-height:60px;
  text-align: center;
  border-radius: 5px 0px 0px 5px;
  transition:opacity 0.3s;
  user-select:none;
}
#slideright:hover,
#slideleft:hover{
  opacity:0.8;
}
#dot-container{
  position:absolute;
  width:100%;
  justify-content:center;
  height:20px;
  display:flex;
  z-index:2;
  bottom:0px;
}
#dot{
  height:7px;
  width:7px;
  border-radius:50%;
  border:1px solid #ababab;
  background:transparent;
  flex-wrap:nowrap;
  margin:1px 2px;
  animation:background 2s ease;
  cursor:pointer;
  transition:background 0.3s;
}
#dot:hover,
#dot.white{
  background:white;
}
.slideImage:not(:first-child){
    display:none;
	max-width:95%;
	max-height:26.7em;
	width:auto;
	height:auto;
	margin:auto !important;
	border:1px solid #bcbcbc;
	box-shadow:3px 3px 5px #ababab;
}
.slideImage:first-child{
	max-width:95%;
	max-height:26.7em;
	width:auto;
	height:auto;
	margin:auto !important;
	border:1px solid #bcbcbc;
	box-shadow:3px 3px 5px #ababab;
}

/* Sitebar */
#main aside{
    display:block;
    width:30.6%;
    margin-left: 3%;
    padding:0em;
    /*vertical-align:top;
    position: absolute;
    top:0.5em;*/
    margin-top:0.5em;
    /*float:right;*/
}
#main aside section {
    margin-bottom:1.563em;
    background:#FFFFFF;
    border-bottom: 0.188em solid #C0232E;
    border-radius:0.313em;
    box-shadow:0.188em 0.188em 0.313em #bcbcbc;
}
/*#main aside section h2{
    padding:1em 1.8em 1em 1.8em;
}*/
#main aside section ul{
    padding:0em 1.875em 1.25em 2.5em;
    list-style: none;
}
#main aside section p,
#main aside section center{
    padding:0.5em 1.25em;
}
p.user::before{
    content:"👤";
    width:20px;
    height:15px;
    margin-right:5px;
}
#main aside section p input,
#main aside section center input{
    display: inline;
    width:calc(100% - 10px);
    line-height:1.563em;
    border:0.063em solid #bcbcbc;
    border-radius:0.188em;
    padding:5px;
}
.placeholder{
    position: relative;
}
aside span.input-placeholder{
    position: absolute;
    top:-1px;
    height:0.938em;
    line-height:0.938em;
    left:32px;
    background:white;
    font-size: 80%;
    padding:0.063em 0.188em;
}
#main aside section div#kartencontainer {
    height: 250px;
    width: 90%;
    margin: 5%;
}
#einsatz ul li,
#termine ul li,
#papier ul li{
    list-style: none;
    position: relative;
    margin-left:0.5em;
}
#einsatz ul li::before{
    content:"📟";/*🔥";*/
    position: absolute;
    left:-1.5em;
}
#termine ul li::before{
    content:"📅";
    position: absolute;
    left:-1.5em;
}
#papier ul li::before{
    content:"🚮";
    position: absolute;
    left:-1.5em;
}
/*Footer*/
footer{
    display: block;
    background:#2F2C2C;
    text-align:center;
    clear:both;
	position:absolute;
	bottom:0px;
	width:100%;
}
footer ul{
    display: block;
    width:100%;
    max-width:980px;
    text-align: left;
    margin: 0px auto;
}
footer ul li{
    display: inline;
    font-size: 0.8em;
    line-height:2.8em;
    color:#E2DBDB;
    padding:0em 0.625em 0em 0.625em;
}
footer ul li a{
    color:#E2DBDB;
}
/*Mobile Style*/
@media (pointer: coarse) {
  [id^="next"],
  [id^="under"]
    {
	height:30px;
	}
  }
	@media screen and (max-width:800px){
    body{
        font-size:90%;
    }
	.small-hidden{
	display:none;
		
	}
}
@media screen and (max-width:600px){
    #main aside,#main article{
        width:100%;
        display: block;
        margin:0.25em 0em 0.625em 0em;
        position: relative;
    }
    body{
        font-size:86%;
    }
}
@media screen and (min-width:700px){
	.sticky{
		top: 0em;
	}
    nav{
        display:block !important;
        /*opacity: 1 !important;
        visibility: visible !important;*/
    }
    nav ul li ul{
        display:none;
    }
}
@media screen and (max-width:700px){
    #menubar{
        display:block;
		transition:0.5s;
		-webkit-transition:0.5s;
    }
	.sticky{
		top: 2.25em;
	}
	header{
		margin-top:2.25em;
	}
    nav{
        display: none;
        height:auto;
        text-align: left;
        line-height:1.875em;
    }
	nav ul
	  {
	  display:flex;
	  flex-direction:column;
	  position:relative;
	  }
    nav ul li{
        line-height:1.875em;
 	  overflow:scroll;
   }
    nav ul li ul{
        position:relative;
        display:flex;
        border:0px;
        box-shadow: none;
        border-radius: 0px;
        margin:-1.563em 0em 1.875em 1.875em;
    }
    nav ul li a,
    nav ul li ul li a{
        display: block;
        line-height:1.875em;
        padding:0em 0em 0em 1em;
		position:relative;
    }
    nav ul li a:hover,
    nav ul li ul li a:hover{
        display:block;
        border-bottom: 0px;
        line-height:1.875em;
    }
    nav ul li ul li:hover> ul
      {
	  display:flex;
	  position:relative;
      left:0px;
	  top:1.75em;
      }
    nav ul li a:hover:before{
    content:"";
    background:#C0232E;
    width:0.188em;
    height:1.875em;
    position: absolute;
    top:0px;
    left:0px;
    line-height:1.875em;
}
}
/*Keyframes*/
@keyframes fade{
	0%{opacity:0;}
	16.66%{opacity:1;}
	33.33%{opacity:1;}
	50%{opacity:0;}
	100%{opacity:0;}
}