/*
###########################################################################

Grundlegende Einstellungen, Teil 1 (Zeichensatz, Schriften, Farben, usw)

###########################################################################
*/

@charset "utf-8";

:root {
	/* Grundfarben (bg = background) */
--html-bg: #000000;
--body-bg: #00ff00;
--textcolor: #c3c3c3;
--header-bg: #1e1e1e;
--nav-bg: #1e1e1e;
--main-bg: #1e1e1e;
/* 
Buttons
*/
--btn-nav-color: #333333;
--btn-nav-borderlight: #424242;
--btn-nav-borderdark: #141414;
--btn-nav-hover: #515151;
--btn-nav-hoverborderlight: #606060;
--btn-nav-hoverborderdark: #424242;
--btn-nav-selectedcolor: #FFDB70;
/*  */
--ssp-uebersicht: #353535;
--ssp-kunde: #252525;
--ssp-datengeraet: #151515;
--ssp-datengeraet_inaktiv: #551515;
--ssp-bezug: #ffaa00;
--ssp-einspeisung: #71ac2d;
/* */
--ok: #3ba000;
--notok: #FF2020;
--unknown: #ffaa00;
/* Farben */
--background: #1e1e1e;
--bodybackground: #252526;
--shadowcolor: #2a64da;
--navbuttonbackground: #505050;
--navaktuellbackground: #505050;
--headerbackground: #505050;
--mainbordercolor: #a8da43;
/* --mainbordercolor: #272728; */
--fieldsetbackground: #282828;
--textdarkercolor: #888888;
--textdarkcolor: #555555;
--outlinecolor: #c3c3c3;
/* */
--admintextcolor: #ff004d;
--infocolor: #2626ff;
--editcolor: #ffbf00;
/* */
--inputcolor: #383838;
--inputborderlight: #2d2d2d;
--inputborderdark: #0f0f0f;
/* */
--buttoncolor: #333333;
--buttonborderlight: #424242;
--buttonborderdark: #141414;
--buttonhover: #515151;
--buttonhoverborderlight: #606060;
--buttonhoverborderdark: #424242;
/* */
--buttonsaveok: #74FF00;
--buttonsavenotok: #FF004D;
/* */
--notes-errors: #FF004D;
/* */
--white: #FFFFFF;
--black: #000000;
}

*
	{
	font-family: Helvetica, Verdana, Tahoma, Arial, sans-serif;
	/* font-family: Georgia, Times, 'Times New Roman', serif; */
	font-weight: 400;
	font-size: 1.00em;
	/* */
	line-height: 1.65em;
	/* */
	padding: 0px;
	margin: 0px;
	/* */
	color: #000000;
	background-color: #FFFFFF;
	/* */
	border-width: 0px;
	border-color: #000000;
	border-style: solid;
	}

/*
###########################################################################

Grundlegende Einstellungen, Teil 3.2 (Inhalte)

###########################################################################
*/

main
	{
	display: block;
	position: absolute;
	/* */
	text-align: center;
	/* */
	-ms-hyphens: auto;
	-webkit-hyphens: auto;
	hyphens: auto;
	/* */
	display: block;
	position: absolute;
	width: 290px;
	height: auto;
	top: 50%;
	transform: translateY(-50%);
	left: calc((100% - 290px) / 2);
	/* */
	border-width: 1px;
	border-style: solid;
	border-color: var(--mainbordercolor);
	border-radius: 12px;
	/* */
	box-shadow: 6px 6px 12px var(--shadowcolor), -6px 6px 12px var(--shadowcolor), 6px -6px 12px var(--shadowcolor), -6px -6px 12px var(--shadowcolor);
}

h1 {
	font-size: 130%;
	/* */
	margin-top: 1.0em;
}

h2 {
	font-size: 116%;
	/* */
	margin-top: 0.5em;
}

h3 {
	font-size: 108%;
	/* */
	margin-top: 0.5em;
}

hr {
	display: block;
	position: relative;
	width: 80%;
	left: 10%;
	height: 2px;
	/* */
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	/* */
	background-color: var(--black);
}

a, p {
	display: inline-block;
	position: relative;
	width: 80%;
	left: 10%;
	/* */
	margin-top: 1.0em;
	margin-bottom: 1.0em;
	/* */
	cursor: pointer;
	background-color: transparent;
}

.arlogo-svg {
	display: inline;
	width: 196px;
	height: auto;
}