*{font-family: 'Open Sans',sans-serif;margin:0;padding:0;font-size:1rem;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
body{top: 0;left: 0;width: 100%;margin: 0;padding: 0;font-size: 14px;color: #fafafa;background: #141415;}
button::-moz-focus-inner{border:0;padding:0;}
input::-moz-focus-inner{border:0;padding:0;}
input::-moz-focus-outer{border:0;}
input{outline:0;}
a{color: #7f99ca;text-decoration: none;outline: 0;}
a:hover{color: #8cb8e8;border-bottom: 0;}
ul{list-style: none;}

/* INI-Colors */
.red{color:#db4b3e;}
.red-light{color:#ea696b;}
.green{color:#41c44d;}
.green-vamp{color:#03ab6f;}
.blue{color:#10c5ff;}
.blue-electric{color:#0045ff;}
.orange{color:#f2ae43;}
.orange-light{color:#ff9f80;}
.grey{color:#888;}
.grey-light{color:#aaa;}
.grey-dark{color:#333;}
.brown-dark{color:#3c3f44;}
.bg-red{background:#db4b3e;color:#fff;}
.bg-red-light{background:#ea696b;color:#fff;}
.bg-green{background:#41c44d;color:#fff;}
.bg-green-pastel{background:#7ede8d;color:#fff;}
.bg-green-electric{background:#75d277;color:#fff;}
.bg-blue{background:#10c5ff;color:#fff;}
.bg-orange{background:#ff6000;color:#fff;}
.bg-orange-light{background:#ff9154;color:#fff;}
.bg-brown{background:#a98154;color:#fff;}
.bg-yellow{background:#f0ad4e;color:#fff;}
.bg-grey-light{background-color:#eee;}
/* END-Colors */

.container{position: relative;max-width: 1000px;margin: auto;}

#vue > * > .container{position:relative;}
#vue > * > .container > .box{margin:auto;padding:6px 0 30px 0;}
#vue > * > .container + .container{margin-top:20px;}
#vue > header{position: relative;color: #444;max-width: 1000px;margin: auto;z-index: 2;}
#vue > header > .container{display:flex;}
#vue > header h1{font-size:1.8rem;font-weight:100;flex-grow:0;margin-right:20px;z-index: 2;}
#vue > header h1 > *{font-size:inherit;}
#vue > header h1 > strong{font-weight:bold;}
#vue > header nav{
	display: inline-flex;
	padding-top: 6px;
	color: #ffffff;
	flex-grow: 3;text-align:right;}
#vue > header nav button{display: flex;background: none;border: 0;color: #ffffff;}
#vue > header nav .arrow{
	display: flex;
	width: 18px;
	height: 18px;
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m19 9l-7 6l-7-6'/%3E%3C/svg%3E");
	mask-size: 100% 100%;
	mask-repeat: no-repeat;
	transition-property: all;
	transition-timing-function: cubic-bezier(.4, 0, .2, 1);
	transition-duration: .15s;
	background-color: #ffffff;
}
#vue > header nav a{color:inherit;}
#vue > header nav a + a{margin-left:10px;}
#vue > header nav.user{display:inline-block;}
#vue > header .search{display:inline-block;position:relative;flex-grow:3;}
#vue > header .search > input{width:100%;font-size:1rem;padding:8px 20px 8px 8px;box-shadow:none;}
#vue > header .search::after{content:"\f002";font:normal normal normal 14px/1 FontAwesome;position:absolute;top:9px;right:14px;color:#d5d5d5;}
#vue > header .container{padding-top: 10px;}
#vue > main{display: flex;position: relative;padding-top:20px;min-height:400px;z-index: 1;}
#vue > footer{max-width:1000px;margin:auto;margin-top: 100px;}
#vue > footer .footer-main h6{color: #4d4d4d;margin-bottom: 8px;text-transform: uppercase;font-weight: bold;}
#vue > footer .footer-copyrights{padding: 12px 0;text-align: right;}
@media(max-width:1040px){
	#vue > header{margin:initial;}
	.container{padding:0 20px;}
}


.container-menus{height: 0;}
.container-menu-item{display: flex;}
.container-menu-label{display: flex;flex-direction: row;align-items: center;line-height: 32px;padding: 0 6px;column-gap: 6px;z-index: 2;}
.container-menu-content{
	position: absolute;
	display: none;
	column-gap: 60px;
	top: 0;
	left: 0;
	width: 100%;
	margin: 6px -20px 0 -20px;
	padding: 60px 20px 30px 20px;
	text-align: left;
	background: #212123;
	border: 1px solid #3d3d40;
	border-radius: 10px;
	box-shadow: inset 0 0 6px 0 rgba(0, 0, 0, .1);
	z-index: 0;
}
#vue > header:hover .container-menu-content{display: flex;}
.container-menu-content ul li{display: flex;flex-direction: row;align-items: center;column-gap: 10px;padding: 10px 4px;}
.container-menu-content ul li p{color: #a3a3a7;font-size: 13px;}
.container-menu-content ul li img{width: 26px;}

.container-main-header h2{
	max-width: 43rem;
	margin: .6rem auto 1.75rem;
	font-family: neue-haas-unica, sans-serif;
	font-size: 3.6rem;
	line-height: 1.05em;
	letter-spacing: -.125rem;
	color: #fafafa;
	text-align: center;
}
.container-main-header p{
	max-width: 33rem;
	margin: .6rem auto 1.75rem;
	color: #a9a9a9;
	line-height: 22px;
	text-align: center;
}



.textarea{border:1px solid #ccc;border-radius:4px;overflow:hidden;}
.textarea textarea{display:block;border:0;width:100%;padding:10px;background:#fafafa;box-shadow:inset 0 0 2px rgba(0,0,0,.2);}

.block-warning{background:#fffecc;padding:10px;border-radius:4px;}
.block-warning h3{color:#666;}


/* INI-buttons */
.btn{position:relative;display:inline-block;
	font-size: 1rem;
	font-weight: 800;
	border: 0;
	padding: 6px 12px;
	border-radius:3px;cursor:default;
	outline: 0;
	background: #e7e6e9;
	color: #3b3f4a;
}
.btn:hover{text-decoration:none;}
.btn:hover::before{position:absolute;display:block;background:rgba(255,255,255,.1);content:"";width:100%;height:100%;top:0;left:0;}
.btn:active,.btn.active{}
.btn + .btn{margin-left: 10px;}
.btn.mini{padding:0 6px 0 6px;font-size:11px !important;}
.btn.disabled{color:#aaa !important;}
.btn.disabled:active,.btn.disabled.active{background:linear-gradient(to bottom,#fefdfc 1px,#f8f5f4 50%,#f5f1f0 50%,#ece8e5);}
.btn-group{
	font-size:0 !important;
	margin: 10px 0;
}
.btn-group.right{text-align:right;}
input[type="text"],input[type="password"]{width:220px;color:#4c4c4c;padding:12px 8px;border:0;position:relative;border-radius:3px;box-shadow:0 0 10px rgba(100,100,100,.1);}
input[type="text"]:focus,input[type="password"]:focus{}
input[type="text"]:required,input[type="password"]:required{border:0;}
input[type="text"]:required::before,input[type="password"]:required::before{}
/* END-buttons */