@font-face {
    font-family: 'Prompt';
    src: url('../fonts/Prompt-LightItalic.woff2') format('woff2'),
        url('../fonts/Prompt-LightItalic.woff') format('woff'),
        url('../fonts/Prompt-LightItalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Prompt';
    src: url('../fonts/Prompt-SemiBold.woff2') format('woff2'),
        url('../fonts/Prompt-SemiBold.woff') format('woff'),
        url('../fonts/Prompt-SemiBold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Prompt';
    src: url('../fonts/Prompt-Light.woff2') format('woff2'),
        url('../fonts/Prompt-Light.woff') format('woff'),
        url('../fonts/Prompt-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Prompt';
    src: url('../fonts/Prompt-SemiBoldItalic.woff2') format('woff2'),
        url('../fonts/Prompt-SemiBoldItalic.woff') format('woff'),
        url('../fonts/Prompt-SemiBoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Prompt';
    src: url('../fonts/Prompt-Regular.woff2') format('woff2'),
        url('../fonts/Prompt-Regular.woff') format('woff'),
        url('../fonts/Prompt-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Prompt';
    src: url('../fonts/Prompt-SemiBold.woff2') format('woff2'),
        url('../fonts/Prompt-SemiBold.woff') format('woff'),
        url('../fonts/Prompt-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Prompt';
    src: url('../fonts/Prompt-SemiBoldItalic.woff2') format('woff2'),
        url('../fonts/Prompt-SemiBoldItalic.woff') format('woff'),
        url('../fonts/Prompt-SemiBoldItalic.ttf') format('truetype');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Prompt';
    src: url('../fonts/Prompt-Italic.woff2') format('woff2'),
        url('../fonts/Prompt-Italic.woff') format('woff'),
        url('../fonts/Prompt-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}




html {
	font-family: Prompt;
	font-size: 12pt;
	height:95%;
	background-color: rgb(59 130 246 / .5);
	background-color: rgb(245 245 245 / 1);
	background-image: url("../img/bg.svg");
}

body {
}


#versionsno {
	position: fixed;
	bottom: 0px;
	left: 2px;
	font-size: 8pt;
	color: gray;
	z-index: 20000;
	letter-spacing: 0.1em;
}

.textleft {
	text-align: left !important;
}

.logodiv{
	cursor: pointer;
}

#cookiebanner {
    position: fixed; 
    bottom:10px;
    background-color: #DDDDFF; 
    opacity: 1;
	width: 800px;
	border-radius: 5px;
	font-size: 10pt;
	z-index: 10002;
	left: calc((100vw - 800px) / 2);
	padding: 10px;
}

#cookiebanner td {
	padding: 8px;
	border: 0;
	vertical-align: middle;
}

#cookiebtn {
	padding: 10px 20px;
	border-radius: 5px;
	cursor: pointer;
}

.trans{
	wwhite-space: preserve;
}

.padding0{
	padding: 0px;
}

.paddinglr0{
	padding-left: 0px !important;
	padding-right: 0px !important;
}

.paddingtb0{
	padding-top: 0px;
	padding-bottom: 0px;
}

.padding5{
	padding: 5px;
}

.paddinglr5{
	padding-left: 5px;
	padding-right: 5px;
}

.paddingtb5{
	padding-top: 5px;
	padding-bottom: 5px;
}

.padding10{
	padding: 10px;
}

.paddinglr10{
	padding-left: 10px;
	padding-right: 10px;
}

.paddingtb10{
	padding-top: 10px;
	padding-bottom: 10px;
}

a.nodecoration {
	color: black;
	text-decoration: none;
}

.bgwhite {
	background-color: white;
}


#main {
	position: relative;
	background-size: 100%;
	//background-repeat: repeat-y;
	margin-left: auto;
	margin-right: auto;
	max-width: 1100px;
	width: 95%;
	min-height: 95%;
}

#header {
	width: 100%;
	height: 60px;
	position:relative;
}

#headertable {
	border:none;
}

#headertable td {
	border:none;
	padding: 5px;
	vertical-align: middle;
}

#headertable td.fill {
	width: 100%;
	text-align: center;
	font-size: 18pt;
	font-weight: bold;
}

#logo {
	max-width: 65%;
	height: 50px;
	
}

#logo img {
	//width: 100%;
	max-height: 45px;
	margin-top:4px;
}

#title {
	display: flex;
	justify-content: center;
	align-items: center;	
	font-size: 16pt;
	font-weight: bold;
	position:absolute;
	left: 33%;
	margin-top: 5px;
	width: 32%;
	max-width: 32%;
	height: 50px;
	//border: 1px solid black;
	text-align: center;
}

.logout img, .logout div {
	max-height: 35px;
}

.logout div:hover {
	background: #e6f0ff;
	border-radius: 10px;
}

#langswitch {
	white-space: nowrap;
	font-size:10pt;
	padding-right: 15px !important;
}

.langactive {
	font-weight: bolder;
}

.langinactive {
	cursor: pointer;
	text-decoration: underline;
}

#active_user {
	font-size:10pt;
	line-height:25px;
	white-space: nowrap;
}

#user {
}

#company {
}

#menu {
	position: absolute;
	left: 0px;
	top: 80px;
	width: 110px;
	min-height: 500px;
}

#logout, #impressum {
	text-decoration: underline;
	cursor: pointer;
	_position:absolute;
	bottom:10px;
	text-align: center;
	width: 100px;
	font-size:9pt;
	margin-top: 20px;
}

.menubutton {
	text-align: center;
	cursor: pointer;
	margin-bottom: 15px;
}

.menubutton:hover, .menubutton.active {
	background: #e6f0ff;
	border-radius: 10px;
}

.menubutton img {
	width: 100px;
}

.menutext {
	font-size: 10pt;
	width: 100%;
	text-align: center;
	font-weight: bold;
	cursor: pointer;
	padding-bottom:5px;
}

#contentheader {
	position: absolute;
	left: 125px;
	top: 80px;
	width: calc(100% - 130px);
	margin-left: 5px;
	min-height: 500px;
}

#contentheader h1 {
	font-size: 18pt;
	margin-top: 5px;
	margin-bottom:5px;
}
	
#contentheader h2 {
	font-size: 14pt;
	margin-top: 5px;
	margin-bottom:5px;
}
	
#content {
	width: 100%;
	min-height: 400px;
}

.box {
	padding: 10px;
	//border: 2px solid blue;
	border-radius: 10px;
	background-color: rgba(255,255,255,0.8);
}

.hidden:not(.reverse), .reverse:not(.hidden) {
    display:none;
}

.hidden.reverse{
    display: initial;
}

*:focus {
    outline: none;
}

#menu a, #menu a:visited{
	text-decoration:none;
	color:black;
}

.filelist a, .filelist a:visited{
	color:black;
}

.infopanel p {
	margin-left:20px;
}

.infopanel h2 {
	margin-top:5px;
}

.infopanel_part {
	background-color: rgba(255,255,255,0.6);
	padding: 10px;
	margin-bottom: 20px;
}

.button {
    display: inline-block;
    min-width: 110px;
    height: 40px;
    font-size: 16px;
    background-color: rgb(27, 93, 226);
    color: white;
    text-align: center;
    padding: 10px;
    border-radius: 0.375rem;
    cursor: pointer;
    margin-left: 10px;
}

.button.narrow {
	min-width: 16px;
	padding: 5px;
}

.button.inline {
	padding: 3px 10px;
	height: 30px;
	text-decoration:none;
}

.button.inactive, .button.disabled, .button:disabled{
    background-color: lightgray;
    color: gray;
}

.titleandbutton{
    width: 100%;
    border-collapse: collapse;
	margin-top: 20px;
}
.titleandbutton td:first-child{
    width: 100%;
}

.titleandbutton h2{
    margin-top: 5px;
}

.titleandbutton td:last-child{
    color: gray;
    white-space: nowrap;
}
.titleandbutton td:last-child svg{
    height: 20px;
}

.titleandbutton .button{
    min-width: 40px;
    background-color: lightgray;
    color: gray;
}

.titleandbutton .button:hover, .titleandbutton .button.active{
    min-width: 40px;
    background-color: rgb(27, 93, 226);
    color: white;
}

.showpassword {
	text-align: right;
	font-size: 12pt;
}

.spacer {
	margin-block-start: 0.5em;
	margin-block-end: 0em;
}

.spacer.small {
	margin-block-start: 0;
	margin-block-end: 0;
}