@charset "utf-8";
/* CSS Document */

@media screen and (max-width: 768px) {
   #smartphone_nav{position:fixed;top:15px;right:15px;text-align: right;z-index: 99;display:flex;flex-flow:column nowrap;align-items: flex-end;}
	nav.topmenu {height: auto;max-height:0;overflow: hidden;transition: all 0.5s;}
	#hamburg:checked + .hamburg  + nav.topmenu {max-height: 600px;}
	label.hamburg {display:block;background:#444;width:70px;height:50px;position:relative;right:0px;transition: border-radius .25s;}
	input#hamburg {display:none}
	.line {position:absolute;left:12px;height:4px;width:45px;background:#fff;border-radius:2px;display:block;transition:0.25s;transform-origin:center;}
	.line:nth-child(1) {top: 12px;}
	.line:nth-child(2) {top: 24px;}
	.line:nth-child(3) {top: 36px;}
	#hamburg:checked + .hamburg .line:nth-child(1){transform: translateY(12px) rotate(-45deg);}
	#hamburg:checked + .hamburg .line:nth-child(2){opacity:0;}
	#hamburg:checked + .hamburg .line:nth-child(3){transform: translateY(-12px) rotate(45deg);}
	#smart_nav ul {display:flex;flex-flow:column nowrap;justify-content: flex-end;align-items:flex-end;background: #444;}
	.topmenu li{list-style-type: none;font-family:"Arial";}
	.topmenu li a,.topmenu li a:visited{
		display:block!important;margin-top:5px;padding:6px 8px;text-align:center;font-size:14px;font-weight:bold;text-decoration:none;color:white;
	}
	.topmenu li a:hover,.topmenu li a:focus,.topmenu li a:active{background-color:#000;}
	
}
@media all and (min-width: 768px) {
	.hamburg, #hamburg{display:none;}
	nav{width:100%;}
	nav ul{display:flex;flex-flow:row wrap; justify-content: space-evenly; align-items:center;list-style-type:none;}
	nav ul li {font-family:"Arial";font-weight:normal;font-size:1.2em;text-transform:uppercase;letter-spacing: 2px;display:block;}
	nav ul li a{text-decoration:none;padding:15px;display:block;}
	nav ul li a:link,nav ul li a:visited{color:#fff;text-shadow:1px 1px 3px #000;}
	nav ul li a:hover,nav ul li a:focus,nav ul li a:active{color:#fff;text-shadow:5px 5px 10px #fff;text-decoration: underline;}
	nav ul li > ul {display:none;position:absolute;background:#A70034;padding-top:20px;border-bottom:5px solid #666666;}
	nav ul li:hover > ul {display:flex;flex-direction:column;align-items:stretch;}
}