/* formate.css V 2.6 - Copyright ESR Pollmeier GmbH */
/* Stand: 2026-01-27 MH */

	/* ============================================================================== */
	/*                                                                                */
	/* Bei Änderungen auch formate.css (generische Kopie dieser Datei) aktualisieren! */
	/*                                                                                */
	/* ============================================================================== */


/* Allgemein: */

a {
	text-decoration:none;
}

a:link, a:visited {
	color:#059;
}

a[href^="mailto:"] {
	white-space:nowrap;
}

a[href^="tel:"] {
	color:#002A4C;
}

a img {
	border:none;
}

body {
	background-color:#FFF;
	color:#000;
/*	hyphens:auto; -moz-hyphens:auto; -ms-hyphens:auto; -webkit-hyphens:auto;	*/
	margin:0;
	padding:0;
	font-family:'Open Sans', Arial, Hevetica, sans-serif;
}

header	{ grid-row: 1; }
main	{ grid-row: 3; }
footer	{ grid-row: 1000; }

table {
	font-size:inherit;
}

.global,
main {
	padding:0;
}

#claim {
	clear:both;
	padding:20px 0;
	text-align:right;
}

h1 {
	margin:0;
	page-break-after:avoid;
}

ul {
	list-style-type:square;
}

li {
	margin-top:0.6ex;
	margin-bottom:0.6ex;
}

address {
	font-style:normal;
	z-index:90;
}

.infobox ul {
	list-style-type:none;
	padding-left:8px;
}

.infobox li:before {
	content:"\025AA" " ";
}

.infobox li {
	line-height:14px;
	margin-top:4px;
	margin-bottom:4px;
	text-indent:-8px;
}

hr {
	background-color:#9BD;
	border:none;
	height:2px;
}

.centered {
	text-align:center !important;
}

.highlight {
	background-color:#CDE;
	padding:0 2px;
}

.img_left {
	float:left;
	margin:0 25px 25px 0;
}

.img_right {
	float:right;
	margin:0 0 25px 25px;
}

.twocolumn {
	display:grid;
	gap:3em;
	grid-template-columns:1fr 1fr;
}

.twocolumn_left {
	padding-right:1.2em;
}

.twocolumn_right {
	padding-left:1.2em;
}

.productdata th,
.productdata td {
	padding:3px;
	text-align:left;
}

.productdata th {
	vertical-align:middle;
}

.productdata td {
	vertical-align:top;
}

.techdata th,
.techdata td {
	padding:3px;
	text-align:center;
	vertical-align:middle;
}

.techdata tr th:first-child,
.techdata tr td:first-child {
	text-align:left;
	vertical-align:middle;
}

.table_history {
	border:1px solid #D9E5ED;
	border-width:1px 0;
	margin-top:-1px;
	padding-top:2ex;
	min-height:4.5ex;
}

.table_history p {
	margin-left:4em;
	margin-top:0;
}

.table_history p:first-child {
	margin-left:0;
	font-weight:900;
	float:left;
}

.table_news {
	border-collapse:collapse;
}

.table_news td {
	border:none;
	border-bottom:1px solid #D9E5ED;
	padding:2ex 0;
	vertical-align:top;
}

.table_news td:first-child {
	padding-right:3ex;
	text-align:center;
	white-space:nowrap;
}

.indent {
	margin-left:2.5em;
}


/* Schriftarten: */

@font-face {
  font-family:'Open Sans';
  font-style:normal;
  font-weight:400;
  src:local('Open Sans'), local('OpenSans'), url(/fonts/opensans.woff), url(/esr_de/fonts/opensans.woff) format('woff');
}
@font-face {
  font-family:'Open Sans';
  font-style:normal;
  font-weight:600;
  src:local('Open Sans Semibold'), local('OpenSans-Semibold'), url(/fonts/opensans-semibold.woff), url(/esr_de/fonts/opensans-semibold.woff) format('woff');
}
@font-face {
  font-family:'Open Sans';
  font-style:normal;
  font-weight:700;
  src:local('Open Sans Bold'), local('OpenSans-Bold'), url(/fonts/opensans-bold.woff), url(/esr_de/fonts/opensans-bold.woff) format('woff');
}
@font-face {
  font-family:'Open Sans';
  font-style:italic;
  font-weight:400;
  src:local('Open Sans Italic'), local('OpenSans-Italic'), url(/fonts/opensans-italic.woff), url(/esr_de/fonts/opensans-italic.woff) format('woff');
}
@font-face {
  font-family:'Open Sans';
  font-style:italic;
  font-weight:600;
  src:local('Open Sans Semibold Italic'), local('OpenSans-Semibold-Italic'), url(/fonts/opensans-semibold-italic.woff), url(/esr_de/fonts/opensans-semibold-italic.woff) format('woff');
}
@font-face {
  font-family:'Open Sans';
  font-style:italic;
  font-weight:700;
  src:local('Open Sans Bold Italic'), local('OpenSans-Bold-Italic'), url(/fonts/opensans-bold-italic.woff), url(/esr_de/fonts/opensans-bold-italic.woff) format('woff');
}

tt {
	font-family:Courier New, Courier, monospace;
	font-size:110%;
}

.colored_underline {
	color:#9BD;
	text-decoration:underline;
}

.black_text {
	color:#000;
}

sup {
	font-size:60%;
}

.smalltext {
	font-size:80%;
}

.note_general {
	background-color:#CDE;
	display:table;
	padding:1ex;
}

.note_obsolete {
	background-color:#CDE;
	display:table;
	font-size:120%;
	padding:1ex;
}

.local_mode {
	background-color:#CDE;
	border:4px dashed #08D;
	color:#08D;
	font-size:120%;
	margin:3ex 0;
	padding:2ex;
}

.local_mode pre {
	background-color:#FFF;
	border:1px solid #08D;
	color:#059;
	font-size:75%;
	padding:2ex;
}

textarea,
input[type=text] {
	font-family:inherit;
}

input[type='number'] {	/* Firefox */
	-moz-appearance:textfield;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {	/* Webkit browsers wie Safari oder Chrome */
	-webkit-appearance:none;
	margin:0;
}

/* Bildschirm: */
/* ------------------------------------------------------------------ */

@media screen, handheld, projection {

	body {
		background-repeat:repeat-x;
		font-size:16px;
		text-align:center;
		min-height:100vh;
		display:grid;
		grid-gap:0;
		grid-auto-flow:row;
		grid-template-rows:auto;
	}

	header	{ grid-row: 1; }
	main	{ grid-row: 3; }
	footer	{ grid-row: 1000; }

	.global,
	div#menue,
	ul#menue,
	main,
	#claim {
		margin:0 auto;
		min-width:730px;
		width:calc(80% - 20px);
	}

	.global,
	main {
		text-align:left;
	}

	#top_title {
		background-color:#FFF;
		background-image:url(pics/head.jpg);
		background-repeat:no-repeat;
		background-position:right;
		height:139px;
		overflow:hidden;
		padding-right:6px;
	}

	#top_title.start {
		background-image:none;
	}

	#top_title > a {
		display:block;
		height:139px;
	}

	#top_title > a img {
		box-shadow:0 0 135px 150px #FFF;
		float:left;
		position:relative;
		top:20px;
	}

	#navigation_top, #global_message {
		background-color:#CDE;
	}

	#global_message {
		padding:0.5ex 0;
		border-bottom: 1px solid #FFF;
	}

	#navigation_path {
		background-color:#EAF1F7;
	}

	ul#menue {
		border-collapse:collapse;
		display:table;
		font-size:14px;
		padding:0;
		position:relative;
		top:0;
		z-index:99;
	}

	ul#menue > li {
		display:table-cell;
		border-left:1px solid #FFF;
		height:20px;
		margin:0;
		padding:0;
		text-align:left;
		white-space:nowrap;
	}

	ul#menue li#language_select {
		text-align:right;
		width:20%;
	}

	ul#menue a,
	ul#menue span {
		color:#059;
		display:block;
		padding:5px 9px 6px 9px;
		text-decoration:none;
		position:relative;
		top:0;
	}

	ul#menue li:hover > a {
		background-color:#08D;
		color:#FFF;
	}

	ul#menue li a:hover,
	ul#menue li a.active:hover {
		background-color:#08D;
		color:#FFF;
		text-shadow:0 0 0.05px #FFF;
	}

	/* ul#menue li:hover > a.active, */
	ul#menue .active {
		background-color:#339EE2;
		color:#FFF;
	}

	ul#menue .more {
		color:inherit;
		background-color:transparent;
		float:right;
		padding:0;
		position:relative;
		z-index:99;
	}

	ul#menue li > ul {
		background-color:#CDE;
		font-size:11px;
		position:absolute;
		top:30px;
	}

	ul#menue li ul {
		border-top:1px solid #FFF;
		display:block;
		height:auto;
		margin:0;
		padding:0;
		position:absolute;
	}

	ul#menue li > ul li {
		border-bottom:1px solid #FFF;
		display:block;
		margin:0;
	}

	ul#menue li > ul li a {
		display:block;
		top:0;
	}

	ul#menue li > ul {
		display:none;
		box-shadow:4px 4px 3px 0 #666;
	}

	ul#menue #language_select ul {
		right:0;
		text-align:center;
	}

	ul#menue li:hover > ul {
		display:block;
	}

	div.submenue {
		display:none;
		float:right;
		position:relative;
		right:-1px;
		width:1px;
	}

	.submenue ul {
		background-color:#CDE;
		border-left:1px solid #FFF;
		box-shadow:4px 4px 3px 0 #666;
		float:left;
		position:relative;
		left:0;
		top:-1px;
	}

	ul#menue li li:hover div.submenue {
		display:block;
	}

	main {
		padding-top:30px;
		padding-left:10px;
		padding-right:10px;
	}

	.path {
		padding:20px 0;
	}

	.path a {
		white-space:nowrap;
	}

	.searchform {
		background-color:#FFF;
		border:1px solid #08D;
		box-shadow:4px 4px 3px 0 #999;
		float:right;
		margin-bottom:25px;
		padding:0;
		position:relative;
		top:15px;
		width:180px;
	}

	.start .searchform {
		top:80px;
	}

	.searchtext {
		border:none;
		padding:1px 3px;
		vertical-align:bottom;
		height:20px;
		width:158px;
	}

	.searchbutton {
		background-image:url(pics/search.png);
		border-radius:0;
		position:absolute;
		right:0;
		z-index:10;
		height:21px;
		width:22px;
		padding:0;
	}

	button, .button, a.button:visited {
		background-color:#08D;
		border:none;
		border-radius:5px;
		color:#FFF !important;
		cursor:pointer;
		font-family:inherit;
		font-size:inherit;
		font-weight:bold;
		padding:5px;
	}

	button:active {
		background-color:#CDE;
		color:#08D;
	}

	button:hover {
		text-decoration:underline;
	}

	aside {
		float:right;
		padding:0 3px 10px 30px;
		background-color:#FFF;
		width:170px;
		position:relative;
		z-index:90;
	}

	.infobox,
	.contact {
		background-color:#CDE;
		box-shadow:4px 4px 3px 0 #999;
		margin-bottom:20px;
		padding:2px 7px;
		font-size:13px;
	}

	.infobox p,
	.infobox ul,
	.contact p {
		margin:5px 0;
	}

	h1 {
		font-size:30px;
	}

	h2 {
		font-size:23px;
	}

	h3 {
		font-size:19px;
	}

	main a:hover,
	.path a:hover,
	.a_active {
		text-decoration:underline;
	}

	.techdata th,
	.productdata th {
		background-color:#B8D0E8;
	}

	.techdata tbody tr td,
	.productdata tbody tr td {
		background-color:#E0EAF4;
	}

	.techdata tbody tr:nth-of-type(even) td,
	.productdata tbody tr:nth-of-type(even) td {
		background-color:#CDE;
	}

	.down {
		padding-right:15px;
		background:url(pics/arrow_down.svg) right no-repeat;
	}

	.up {
		width:12px;
		height:16px;
		background:url(pics/arrow_up.svg) right no-repeat;
		float:right;
	}

	#foot {
		background-color:#CDE;
		color:#059;
		font-size:11px;
		padding:10px 0 15px 0;
		text-align:center;
	}

	/* bei Bildschirmdarstellung ausgeblendet: */
	#foot_printer, .noscreen {
		display:none;
	}

}


/* Drucken: */
/* ------------------------------------------------------------------ */

@media print {

	.note_general,
	.note_obsolete {
		border:2px solid #9BD;
	}

	body {
		font-size:10pt;
	}

	#top_title {
		border-bottom:2px solid #9BD;
		margin:0 0 1em 0;
		padding-bottom:1em;
		page-break-after:avoid;
		width:100%;
	}

	#top_title > a img {
		height:20mm;
	}

	h1, h2, h3, h4 {
		page-break-after:avoid;
	}

	h1 {
		font-size:18pt;
	}

	h2 {
		font-size:15pt;
	}

	h3 {
		font-size:12pt;
	}

	aside {
		background-color:#FFF;
		float:right;
		font-size:8pt;
		position:relative;
		top:-2.7cm;
		margin:0 0 1mm 5mm;
	}

	.contact {
		border:2px solid #9BD;
		margin-bottom:2px;
		padding:2px 7px;
	}

	.contact p {
		margin:5px 0;
	}

	#foot_printer {
		font-size:6pt;
		border-top:2px solid #9BD;
		margin:0;
		padding:1ex 0 0 0;
		page-break-inside:avoid;
		text-align:center;
	}

	table {
		border-collapse:collapse;
	}

	.techdata th,
	.techdata td,
	.productdata th,
	.productdata td {
		border:2px solid #9BD;
	}

	/* alles andere ausschalten */
	#navigation_top, #global_message, #navigation_path, #foot, .searchform, .infobox, .noprint {
		display:none;
	}

}