html {
	font-size: 62.5%;
	line-height: 1.15;
	height: calc(100% + 1px);
}

html, body {
	width: 100%;
	height:100%;
	margin: 0;
	padding:0;
	border:0;
}

body {
	font-family: 'Neue Haas Grotesk W01 Disp',Times,Arial,sans-serif;
	font-size: 1.6rem;
	font-weight: 500;
	line-height: 1.2;
	/* background-color: rgb(230, 230, 230);
	background-color: rgb(205, 205, 205); */
		background-color: rgb(205, 205, 205);
	min-width: 900px;
	padding:60px 0 0 20px;
	margin-bottom: 1px;
}

/************* header **************/
.mainheader {
	padding:0 20px;
	/*background-color: rgb(230, 230, 230); */
	background:#fbfbfb;
	position: fixed;
	top: 0;
	right: 20px;
	left: 20px;
	z-index: 55555;
	font-size: 1.8rem;
	display: flex;
	align-items: center;
	height:60px;
	border-radius: 0 0 20px 20px;
	box-shadow: 0 10px 15px rgba(0,0,0,0.2)
}

.mainheader div.label{
	margin-left: 14rem;
	white-space: nowrap;
}

.mainheader div.label h2{
	margin-bottom: 0;
	margin-top:1rem;
	font-size: 2.5rem; 
	display:inline-block;
}

.mainheader div.label h3{
	font-weight: 300;
	margin-left: .4rem;
	font-size: 1.8rem; 
	display:inline-block;
}

.mainheader a.logo {
	padding:15px 0;
}

div.headerlogo {
	background-image: url("../img/bildmarke.svg");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
	width: 90px;
	height: 90px;
	position: absolute;
	top: 1.5rem;
    left: 4rem;
	filter: drop-shadow(4px 4px 4px rgba(0,0,0,.3));

}

.mainheader ul {
	display: flex;
	margin:0;
	white-space: nowrap;
	margin-left: auto;
}

.mainheader ul li {
	list-style-type: none;
	padding:0  1rem;
	transition: border-color .2s ease-in-out;
	position: relative;
}
.mainheader ul li i.fa-megaphone{
	display:none;
}

/*.mainheader ul li:hover:after,
[data-doc="menu_item"].selected:after{
	border-bottom: 2px solid rgb(0, 0, 0);
	content:'';
	position: absolute;
	bottom:-20px;
	left:0;
	right:0;
} */
.mainheader ul li i.fakeRole {
	background: orange;
	border: 5px solid orange;
	margin: -5px;
	border-radius: 5px;
}

[data-doc=menu_item] > a:hover {
	top: -2px;
}

[data-doc=menu_item].selected {
	font-weight: 700;
}

/************* SUBNAVI **************/
ul.subNavi{
	padding:0 10px;
	
	display: block;
	list-style-type: none;
	margin:-5px 0 0 14rem;
}

.subNavi li {
	text-decoration: none;
	list-style: none;
	display: inline-block;
	padding: 10px;
	font-size: 1.8rem;
}



/************* MESSAGES **************/
div.message pre{
	font-size: 10px;
	color: black;
}

div.message p{
	font-size: 22px;
	color: black;
}

div.message div p.message:before {
	font-family:"Font Awesome 5 Pro";
	font-weight: bold;
	display: inline-block;
	margin-right: 10px;
}

div.message div.info {
	border-bottom: 2px solid #00a9db;
}

div.message div.info p.message:before {
	color: #00a9db;
	content: '\f30f';
}

div.message div.confirm {
	border-bottom: 2px solid yellowgreen;
}

div.message div.confirm p.message:before {
	color: yellowgreen;
	content: '\f14a';
}

div.message div.warning {
	border-bottom: 2px solid orange;
}

div.message div.warning p.message:before {
	color: orange;
	content: '\f071';
}

div.message div.error {
	border-bottom: 2px solid #dc0000;
}

div.message div.error p.message:before {
	color: #dc0000;
	content: '\f057';
}