body {
	font-family: Arial, Helvetica, Sans-Serif;
	margin: 0;
		background: #000e22;
}

.cookie {
	position: fixed;
	bottom: 0;
	width: 100%;
	z-index: 100;
	background-color: lightgray;
}

.center {
	min-width: 320px;
	width: 90%;
	max-width: 60em;
	margin: 0 auto;
	background: #000e22;
	/* border-left: solid thin #b4b4b4; border-right: solid thin #b4b4b4; */
}

.main {
	position: fixed;
	width: 100%;
	height: 100%;
	overflow: auto;	
	/* background: linear-gradient(to bottom, #000e22, #7b9cc2); */
	/* background: linear-gradient(to bottom, white, #7b9cc2); */
	/* background: #000e22; */
	background: #1b2738;
	margin-top: 3em;
}

.center a, .center img {
	border-style: none;
	/* background: #000e22; */
	background: none;
}

.center > div {
	display: block;
	clear: both;
	#box-shadow: 0px 0px 10px 2px grey;
}

.header {
	box-shadow: unset;
	background: #000e22;

}

.shortcuts {
	float:right;
	font-size: small;
	list-style: none;
	text-align: right;
}
.shortcuts > li {
	display: inline;
	margin: 0 2px;
	vertical-align: top;
}

.shortcuts li a img {background: none;}
.header a img {background: none;}
.shortcuts li a img:hover {background: #8a3f9e;}
.header a img:hover {background: #8a3f9e;}

.shortcuts .dropdown-content {
	right: 0;
	left: auto;
}

.dropdown {
	display: inline-block;
	position: relative;
	/* color: #004990; */
	/* color: #ffd861; */
	color: #fff;
	margin-left: 2px; 
}
.dropdown:hover .dropdown-content {
	display: block;
}
.dropdown:after {
	/* content: "\2936"; */
	content: "\25BC";
}

.dropdown-content {
	display: none;
	z-index: 1;
	position: absolute;
	background-color: #8a3f9e;
	box-shadow: 3px 3px 3px 3px #ffd861;
}

.dropdown-content ul {
	list-style: none;
	padding: 0;
	line-height: 150%;
	margin: 5px;
	white-space: nowrap;
}

.dropdown-content ul a {
	/* color: #004990; */
	color: #dae2e9;
	text-decoration: none;
}

.dropdown-content ul a:hover {
	color: #000e22;
	background: #ffd861;
}

.dropdown-content-news {right: 0; left: auto;}
.dropdownnews:hover .dropdown-content-news {display: block;}
.dropdown-content-news {display: none; z-index: 1; position: absolute; background-color: #8a3f9e; box-shadow: 3px 3px 3px 3px #ffd861;}
.dropdown-content-news ul {list-style: none; padding: 0; line-height: 100%; margin: 5px; white-space: nowrap;}
.dropdown-content-news a {color: #dae2e9; text-decoration: none;}
.dropdown-content-news a:hover {color: #000e22; background: #ffd861;}


.navbar {
	/* background-color: #8a3f9e; */
	background-color: none;
	/* color: white; */
	color: #bac6d6;
	font-family: Helvetica,Arial,Serif;
	font-size: small;
	/* font-weight: bold; */
	min-height: 28px;
	/* border: 1px solid #dae2e9; */
	/* border-bottom: 1px solid #dae2e9; */
}
.navbar ul {
	list-style: none;
	padding: 6px 0;
	/* text-align: center; */
	text-align: right;
	/* border: 1px solid #dae2e9; */
	border: none;
	/* text-align: right; */
}
.navbar li {
	display: inline;
	margin: 0;
	/* padding: 7px 2em; */
	padding: 7px 1em;
}

/* .navbar li:hover {background-color: #ffd861; font-weight: bold;} */
.navbar li:hover {background-color: none; }

.navbar a {
	color: inherit;
	text-decoration: none;
	/* text-transform: uppercase; */
}

/* .navbar a:hover {color: #8a3f9e; text-decoration: underline;} */
.navbar a:hover {color: #7b9cc2; text-decoration: underline;}

#filterbox {
	width: 94%;
	margin: 3px 2% 2px 2%;
	padding: 2px 1%;
}

#searchbox {
	width: 75%;
	margin: 2px 0% 3px 2%;
	padding: 2px 1%;
}

.content {
	/* border: solid thin #b4b4b4; */
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 12px;
	line-height: 16px;
	color: #333;
	padding: 1em;
	word-wrap: break-word;
	/* background: #000e22; */
	background: #1b2738;
}
.content:after {
	content: " ";
	display: block;
	height: 0;
	clear: both;
	background: #000e22;
}
.content #left {
#	clear: left;
#	display: inline-block;
#	width: auto;
}
.content #right {
#	clear: right;
	float: right;
#	display: inline-block;
#	display: block;
#	vertical-align: top;
}
#right .itemcard {
	display: block;
	transform: skewX(-7deg);
}

.content #right ul{
	text-align: left;
}

h1{
	/* color: #dae2e9; */
	/* color: #004794; */
	color: #fff;
	font-size: x-large;
	line-height: 200%;
}

/* h3 { */
	/* color: #004990; */
	/* margin: 0; */
	/* padding: 0 1em; */
	/* background-color: #C5C5C5; */
	/* border-left: 0.5em solid #0A5094; */
/* } */

h4 {
	color: #004990;
	margin: 0;
	padding: 0 1em;
	background-color: none;
}

.banner {
	display: inline-block;
	vertical-align: bottom;
	height: 200px;
	text-align: right;
	width: 100%;
	margin-bottom: 5em;
}
.banner h1 {
	display: inline-block;
	padding: 1em;
	background-color: rgba(10, 80, 148, 0.8);
	border: none;
	color: white;
}

.itemcard {
	display: inline-block;
	/* border: solid thin #C5C5C5; */
	/* margin: 20px 5px; */
	/* vertical-align: top; */
	/*! padding: 10; */
	/* max-width: 218px; */
	width: 98%; float: left; margin: 0 1% 1em 1%; 
	background: #1b2738;
}
.itemcard h4 {
	margin-left: 0.5em;
	/* color: #8a3f9e; */
	color: white;
	font-size: 18px;
	line-height: 150%;
}
.itemcard ul {
	padding: 0 1em;
	list-style: inside;
	color: #dae2e9;
}
.itemcard ol {
	padding: 0 1em;
	list-style: inside decimal;
}
.itemcard a {
	color: inherit;
	text-decoration: none;
}
.itemcard.monitor {
	border: none;
	width: 100%;
	height: 35em;
	padding-top: 1em;
	padding-bottom: 1em;
}
iframe.extframe {
	display: none;
	height: 100%;
	width: 98%;
}
a.extframe {
	font: 10em oblique small-caps;
	color: white;
	background-color: grey;
	text-align: center;
	display: table;
	width: inherit;
	height: inherit;
}
a.extframe > span {
	display: table-cell;
	vertical-align: middle;
}

.monitor h3 {
	margin: 0 0 20px 0;
}

input.accordion {
	display: none;
}
input.accordion:not(:checked) + ul {
	display: none;
}
input.accordion:checked + ul {
	display: ;
}
label.accordion {
	display: block;
	background-color: #f1f4f8;
	cursor: pointer;
}

.Footer {
	text-align: center;
	font-size: small;
	color: #686868;
}
.Footer ul {
	list-style: none;
	padding: 0;
}
.Footer li {
	display: inline;
}
.Footer li:after {
	content: " | ";
}
a {
	text-decoration: none;
	color: inherit;
}


.GlobalNavigation {
	position: relative;
	top: 0;
	right: 0;
	float: right;
	margin-right: 239px;
	margin-top: 18px;
	width: auto;
}

a.catalog {
	color:#004990;
}
a.catalog::before {
	content: '🔗';
}

a.sprache {
	background-image:none;
	padding:3px 5px;
	color:#004990;
	display:block;
	background-color:#000e22;
	margin:1px;
	height:auto;
	width:auto;
}
	
a.sprache:hover {
	background-color:#f0f4f7
}

/* .col_1{width:100%; float: left; margin: 0; background: #000e22;} */
.col_1{width:100%; float: left; margin: 0; background: #000e22; border-bottom: solid thin grey;}
.col_1 h2 {background: none;}
.center .content .col_1 {background: none;}
.col_1_bb{width:100%; float: left; margin: 0; background: #000e22; border-bottom: solid thin grey; }
.col_1_grey{width:100%; float: left; margin: 0; background: #dbe2e9; }
.col_1_2_l{width:47%; float: left; margin: 0; background: #000e22; padding: 0 0 0 3%;}
.col_1_2_r{width:47%; float: right; margin: 0 0 10px 0; background: #000e22;}
.col_1_2_full{width:50%; float: left; margin: 0 0 0 0; background: #000e22;}
.col_1_2_pic{width:25%; float: left; margin: 0 0 0 0; height: 150px; margin-left: 50%;}
.col_1_4{width:23%; float: right; margin: 2em 1% 0px 1%; background: none;}
.col_1_4_l{width:23%; float: left; margin: 0px 1% 0px 1%; background: #000e22;}
.col_1_4_full{width:25%; float: right; margin: 0 0 0 0; background: #000e22;}
/* .col_3_4{width:73%; float: left; margin: 0px 1% 0px 1%; background: #000e22;} */
.col_3_4{width:73%; float: left; margin: 0px 1% 0px 1%; background: #1b2738;}
.col_3_4 h2{background: none; color: #dae2e9; font-size: 16px;}
.col_1_2_recyc{width:48%; float: left; margin: 0px 1% 0px 1%; background: green; font-size: 12px;}
.col_1_2_recyc img{padding: 0 1% 0 1%; float: right; height:auto; width:90%; padding: 0%; margin: 0;}
.col_1_2_recyc img:hover{background-color:#004990;}
.button{width:5%; float: left; background: #000e22; padding: 4px 10px; text-decoration: none; font-size: 16px; border-radius: 15px; border: 2px solid #000;}
.button:hover{border: 4px solid #777;}
.col_1_recyc{width:100%; float: left; margin: 0; background: #82ca78; height: auto; padding:0;}
/* .col_1_recyc_info{width:100%; float: left; margin: 10px 0 0 0; background: #bcd9c4; height: auto;} */
.col_1_3{width:30%; height: auto; float: left; margin: 0px 1% 0px 0%;}
.col_2_3{width:60%; height: auto; float: left; margin: 0px 1% 0px 0%;}
.col_1_3_full img{margin:50px 0% 10px 5%;}
.col_1_3_full p{padding: 0; margin:10px 0% 0px 5%; font-size: 13px; line-height: 16px; font-weight: 500;}
/* .col_1_recyc_info{width:100%; float: left; margin: 10px 0 0 0; height: auto; background-image: linear-gradient(to right, #82ca78, #e2f488); padding-bottom: 2em;} */
.col_1_recyc_info{width:100%; float: left; margin: 10px 0 0 0; height: auto; background: #000e22; padding-bottom: 2em;}
.col_1_3_full{width:33%; float: left; margin: 0px 0% 0px 0%;}
.col_1_3_full h1{margin: 20px 0% 0px 10%; font-family: "Times New Roman", Times, serif; color: #036869;}
.col_1_3_full ul{margin-bottom:0;}
.col_2_3_full{width:67%; float: right; margin: 0px 0% 0px 0%; background: #82ca78; padding:0;}
.col_2_3_full img{margin:0; padding:0;}
.col_1_3_r{width:32%; height: auto; float: left; margin: 0px 1% 0px 0%;}
.col_1_3_m{width:31%; height: auto; float: left; margin: 0px 1% 0px 1%;}
.col_1_3_l{width:32%; height: auto; float: left; margin: 0px 0% 0px 1%;}
.col_1_3_l img{padding: 0 5% 0 13%; float: left;}
.col_1_recyc .col_1_3_full ul{padding-top: 5%;}
.col_1_recyc .col_1_3_full ul li{padding-top: 3%; font-size: 0.75rem; font-size: 12px;}
/* .col_1_recyc_info h3{color: #000; margin: 0; padding: 0.75em 0 0 0.5em; background-image: linear-gradient(to right, #82ca78, #e2f488); border-left: none; font-size: 1.313; font-size: 21px; line-height: 24px;} */
.col_1_recyc_info h3{color: #fff; margin: 0; padding: 0.75em 0 0 0.5em; border-left: none; font-size: 1.313; font-size: 21px; line-height: 24px;}
.col_1_recyc_info p{padding: 0 1em 0 1em; color: white;}
.col_1_recyc_info a{text-decoration: underline; color: #8a3f9e;}
.col_1_recyc_info a:hover{color: #666;}
/* .col_1_recyc_info h4{color: #000;} */
.col_1_recyc_info h4{color: #fff;}
.col_1_recyc_info ul li {color: #fff;}
.col_1_recyc_info .col_1_3_m img{margin-top: 3%;}
.col_1_recyc_info .col_1_3_m img{border-radius: 15px; border: 1px solid #000;}
.col_1_recyc_info .col_1_3_m img:hover {filter: grayscale(80%);}
.col_1_brd{width:98%; float: left; margin: 0; border: solid thin #C5C5C5; margin-bottom: 10px; padding: 0 0 0 1%; background: #000e22;}
.col_1_search{width:100%; float: left; margin: 5px 0;}
.center .col_1_3_intro{width:33%; float: right; margin: 0px 0% 0px 0%; height: 50px; background-image: linear-gradient(to right, #8a3f9e, #ffd861); transform: skewX(-7deg);}
.center .col_2_3_intro{width:67%; float: left;  margin: 0px 0% 0px 0%; height: 50px; background-image: linear-gradient(to right, #1b2738, #8a3f9e); transform: skewX(-7deg);}


/* .searchfield{width:98%; float: left; margin: 5px 0 25px 0; padding: 1% 0 1% 1%; background: #ffd861; border-radius: 10px; box-shadow: 2px 4px #e5e5e7; */
	/* border-top: solid 2px #004990; border-left: solid 4px #004990; border-right: solid 4px #004990; border-bottom: solid 2px #004990;} */
/* .searchfield{width:98%; float: left; margin: 5px 0 25px 0; padding: 0.5% 0 0.5% 1%; background: #ffd861; border-radius: 10px; box-shadow: 0px 0px #e5e5e7; */
	/* border-top: solid 2px #8a3f9e; border-left: solid 4px #8a3f9e; border-right: solid 4px #8a3f9e; border-bottom: solid 2px #8a3f9e; transform: skewX(-7deg);} */
/* .g_searchfield{width:95%; float: left; margin: 1em; padding: 0; background: #ffd861; border-radius: 10px; box-shadow: 0px 0px #e5e5e7; */
	/* border-top: solid 2px #8a3f9e; border-left: solid 4px #8a3f9e; border-right: solid 4px #8a3f9e; border-bottom: solid 2px #8a3f9e; transform: skewX(-7deg);} */

/* .searchfield{width:100%; float: left; margin: 0; padding: 0 0 5px 10px; background: #000e22; box-shadow: 0px 0px #e5e5e7;} */
.searchfield{width:100%; float: left; margin: 0 0 0 0; padding: 0 0 5px 10px; background: #1b2738; box-shadow: 0px 0px #e5e5e7;}
.g_searchfield{width:85%; float: left; margin: 0; padding: 0; background: #000e22; box-shadow: 0px 0px #e5e5e7; }

.colortransition_py{transform: skewX(-7deg); width:95%; float: left; margin: 1em 0 2em 0; height: auto; 
					background-image: linear-gradient(to right, #8a3f9e, #ffd861); padding: 0 0 35px 40px;}
.colortransition_bp{transform: skewX(-7deg); width:95%; float: left; margin: 0 0 0 0; height: auto; 
					background-image: linear-gradient(to right, #1b2738, #8a3f9e); padding: 0 0 35px 40px;}

.left{background: #000e22;}
.BottomNavigation {padding: 0 0 0.5em 0;}
.7degree{transform: skewX(-7deg);}
.more_certs {color: #000e22; background-color: #ffd861; border: solid 4px #8a3f9e; border-radius: 5px; transform: skewX(-7deg); 
			padding: 5px; margin: 2.2em 0 2em 0;}
.more_certs a {color: grey; font-size: 1.1em; font-weight: 500; margin-left: 0.5em;}
.more_certs .dropdown {color: grey; background-color: white;}
.col_1_howto .searchfield {width: 85%; margin: 0 0 0 8px;}
#manuals{ width:100%; float: left; margin: 0;}
#google_translate_element{ width:100%; float: left; margin: 0;}
/* .s_icon{height:5%; width: 5%; float: left; margin: 0; padding: 0; background: #004990;} */
/* .s_icon img {height:70%; width:70%; padding: 15%; margin: 0 15%;} */
/* .s_field{width: 95%; float: left; margin: 0; padding: 0; background: #000e22;} */
/* .s_icon{height:6%; width: 6%; float: left; margin: 0 0 0 0; padding: 0; background: #ffd861; border-radius: 3px; border: solid 1px #ffd861; } */
.s_icon{height:6%; width: 6%; float: left; margin: 0 0 0 0; padding: 0; background: none; }
.s_icon img {height:100%; width:100%; padding: 0%; margin: 0;}
/* .s_field{width: 93%; float: left; margin: 0; padding: 0; background: #ffd861; border-radius: 10px; transform: skewX(-7deg);} */
/* .s_field{width: 93%; float: left; margin: 0; padding: 0; background: #ffd861; border-radius: 10px;} */
.s_field{width: 93%; float: left; margin: 0; padding: 0;}
/* .g_s_field{width: 83%; float: left; margin: 0; padding: 0; background: #ffd861; border-radius: 10px;} */
.g_s_field{width: 83%; float: left; margin: 0; padding: 0;}
.g_s_field h1 {color: #000e22; font-size: x-large; line-height: 200%; margin: 0.3em 0 0 1em;}
.g_s_field p {color: #000e22; font-size: 1.1em; margin: 0 0 1em 1.8em;}

input[type=button], input[type=submit], input[type=reset] {
	background-color: #ffd861;
	border: none;
	color: white;
	border-radius: 5px; border: 1px solid #000;
	padding: 5px 9px;
	text-decoration: none;
	margin: 4px 2px 4px 30px;
	cursor: pointer; 
}
input[type=text] {
	/* width: 100%; */
	/* padding: 12px 20px; */
	/* margin: 8px 0; */
	/* box-sizing: border-box; */
	/* border: none; */
	background-color: #fff;
	color: #000e22;
	/* background-color: #000e22; */
	/* color: white; */
}
input[type=submit] {
	background-color: #8a3f9e;
	color: #fff;
}

.col_1_howto input[type=submit]:hover{
	/* border: 10px solid grey; */
	/* border-top-color: #ffd861; */
	background-color: #666;
	opacity:1.0;
}

section h2{background: #8a3f9e; color: #fff;}
content h2{background: none; color: #dae2e9; font-size: 16px;}


h2{padding: 3px 0 3px 1%; font-size: 12px; line-height: 16px;}
h5{padding: 3px 0 3px 1%; font-size: 10px; line-height: 14px;}
section ul li:nth-child(even) {background-color: #bac6d6; padding: 3px 1%; border-bottom: solid thin #000e22;}
section ul li:nth-child(odd) {background-color: #dae2e9; padding: 3px 1%; border-bottom: solid thin #000e22;}
section ul li a{text-decoration: none; color: none;}
section ul li a:hover{text-decoration: underline; color: #8a3f9e;}
/* section ul li a img{padding: 0 1% 0 1%; float: right; margin: -3% 0 0 0; height: 31%; width: 31%;} */
/* section ul li a img:hover{padding: 0 1% 0 1%; float: right; margin: -3% 0 0 0; height: 31%; width: 31%; background-color:#004990;} */
section ul li a img{padding: 0 1% 0 1%; float: right; margin: 0 0 0 0; height: 5%; width: 5%; background-color:#none;}
/* section ul li a img:hover{padding: 0 1% 0 1%; float: right; margin: 0 0 0 0; height: 5%; width: 5%; background-color:#004990;} */
section ul li a img:hover{padding: 0 1% 0 1%; float: right; margin: 0 0 0 0; height: 5%; width: 5%; background-color:#7b9cc2;}

section ul li img{padding: 0 1% 0 1%; float: left; margin: 0 0 0 0; height: 20%; width: 15%; background-color:#none;}

th {background: #bac6d6; color: #000e22; font-size: 16px;}
/* tbody tr th {background: #bac6d6; color: #000e22; font-size: 16px;} */
/* th {background: none; color: #dae2e9; font-size: 16px;} */
/* td {height: 65px; width: 1em; background: #000e22;} */
/* td {height: 65px; width: 1em; color: #dae2e9; background: none;} */
td {height: 65px; width: 1em; color: #fff; font-size: 16px; font-weight: bold;}
/* td {background: #7b9cc2;} */
/* .highlight td {background-color: green; } */
/* td a img{padding: 0 1% 0 1%; float: right; margin: 0 0 0 0; height: 30%; width: 85%; margin-top: 0.3em; border: solid thin #000; border-radius: 5px; background-color:none;} */
td a img{padding: 0 1% 0 1%; float: center; margin: 0 0 0 0; height: 31%; margin-top: 0.3em; border: solid thin #000; border-radius: 5px; background-color:none;}
/* td a img:hover {padding: 0 1% 0 1%; float: right; margin: 0 0 0 0; height: 31%; width: 85%; margin-top: 0.3em; border: solid thin #000; background-color:#777;} */
td a img:hover {padding: 0 1% 0 1%; float: center; margin: 0 0 0 0; height: 32%; margin-top: 0.3em; border: solid thin #000; background-color:#777;}
/* .issuelist {width:98%; float: left; margin: 0; height: 2em; background: #000e22;} */
.issuelist {width:98%; float: left; margin: 0; height: 2em; background: none;}
.map {width:100%; float: left; margin: 0; padding-top: 0px; margin-bottom: 0px;}
.issuelist img {margin: 0px 0; border-radius: 5px; height: 98%; width: 180px; border: solid thin #004990;}
.issuelist img:hover {margin: 0px 0; border-radius: 5px; height: 100%; width: 185px; border: solid thin #000;}

.cert-tabs {width:98%; float: left; margin: 2em 0 0.5em 0; height: 4em; background: #000e22;}
.cert-tabs img {margin: 1px 0 0 0; border-radius: 5px; height: 110%; width: 30%; border: none,}
.cert-tabs img:hover {margin: 0px 0; border-radius: 5px; height: 110%; width: 30%; border: solid thin #004990;}
/* .certs-head{width:99%; height: 35px; float: left; margin: 0; border: none; margin: 0 0 2% 0; padding: 0 0 0 1%; background: #dae2e9;  */
            /* border: solid 1px #004990;} */
/* .certs-head{width:99%; height: 35px; float: left; margin: 0; border: none; margin: 0 0 2% 0; padding: 0 0 0 0; background: #004990; border: none;} */
/* .certs-head{width:100%; height: 30px; float: left; margin: 0; border: none; margin: 0 0 6% 0; padding: 0 0 0 0; background: #004990; border-radius: 5px; border-bottom: solid #004990;} */
/* .certs-head{width:100%; height: 30px; float: left; margin: 0; border: none; margin: -5% 0 7% 0; padding: 0 0 0 0; background: none;} */
.certs-head{width:100%; height: 30px; float: left; margin: 0; border: none; margin: 0% 0 7% 0; padding: 0 0 0 0; background: none;}
.certs-head_1_4{width:23%; height: 30px; float: left; margin: 0; border: none; margin: 0 0 0 0; padding: 0 0 0 1%; background: #000e22;}
.certs-head_3_4{width:73%; height: 30px; float: right; margin: 0; border: none; margin: 0 0 0 0; padding: 0 0 0 1%; background: #000e22;}
.certs-head col_1 {background: #004990;}
.certs-head img {margin: 2px 0 0 0; border-radius: 5px; height: 95%; width: 95%; border: solid thin #004990;}
/* .certs-head h4 {color: #000; padding-top: 10px; font-size: 20px;} */
.certs-head h4 {color: #000e22; padding-top: 7px; font-size: 15px;}
.certs-head h1 {color: #8a3f9e; font-size: 26px;}
.certs-head p {color: #004990; padding-top: 7px;}

/* font-weight: bold; */
/* .hb-prod-short{font-family: Arial, Helvetica, Sans-Serif; font-size: 13px; line-height: 16px; color: #111; padding: 0; margin: 0; font-weight: 700;} */
/* .hb-prop{font-family: Arial, Helvetica, Sans-Serif; font-size: 12px; line-height: 16px; color: #333; padding: 0; margin: 0; font-weight: 400;} */
.hb-prod-short{font-family: Arial, Helvetica, Sans-Serif; font-size: 0.8125rem; font-size: 13px; line-height: 16px; color: #004990; padding: 0; margin: 0 1% 0 1%; font-weight: 700;}
.hb-prod-long{font-family: Arial, Helvetica, Sans-Serif; font-size: 0.8125rem; font-size: 13px; line-height: 16px; color: #111; padding: 0; margin: 0; font-weight: 400;}
.hb-prod-long-s{font-family: Arial, Helvetica, Sans-Serif; font-size: 0.8125rem; font-size: 13px; line-height: 16px; color: #111; padding: 0; margin: 0; font-weight: 400;}
.hb-type{font-family: Arial, Helvetica, Sans-Serif; font-size: 0.75rem; font-size: 12px; line-height: 16px; color: #000e22; padding: 0; margin: 0 1% 0 1%; font-weight: 600;}
.hb-rel{font-family: Arial, Helvetica, Sans-Serif; font-size: 0.75rem; font-size: 12px; line-height: 16px; color: #000e22; padding: 0; margin: 0; font-weight: 400;}



.news-type{font-family: Arial, Helvetica, Sans-Serif; font-size: 0.8125rem; font-size: 13px; line-height: 16px; color: #dae2e9; padding: 0; margin: 0; font-weight: 700; }
.news-product{font-family: Arial, Helvetica, Sans-Serif; font-size: 1rem; font-size: 16px; line-height: 20px; color: #8a3f9e; padding: 0; margin: 0; font-weight: 700; margin: 0 0 3px 0;}
.news-text{font-family: Arial, Helvetica, Sans-Serif; font-size: 0.75rem; font-size: 12px; line-height: 16px; color: #dae2e9; padding: 0; margin: 0; font-weight: 400; margin: 0 0 4px 0;}
.news-rel{font-family: Arial, Helvetica, Sans-Serif; font-size: 0.75rem; font-size: 12px; line-height: 16px; color: #dae2e9; padding: 0; margin: 0; font-weight: 600;}
.uilabel{text-decoration: underline;}
.uilabel hover{text-decoration: none;}
.latest {color: #7b9cc2;}

.news-article {width:100%; height: auto; float: right; margin: 1em 1em 1em 1em; padding: 0.5em; background: #000e22; border-bottom: solid thin grey;}
.news-pic {width:24%; float: left; margin: 0; background: #000e22;}
.news-pic img{padding: 0 1% 0 1%; float: right; margin: 0.5em 0 0.5em 0; height: auto; width: 98%; border-bottom: solid thin grey;}
.level3 {width:72%; float: left; margin: 0 0 0 1em; padding: 0 0 0 4px; background: #000e22; }
.level4{width:74%; float: left; margin: 1em 0 0 1em; background: #000e22; }
.group{width:100%; height: auto; float: left; margin: 0 0 20px 0;}

#manuals ul {list-style-type: none; color: #dae2e9; font-size: 12px;}
#manuals ul li {position: relative; }



#toggle-text {display: none; } /* Versteckt den Text standardmäßig */
#toggle:checked + label + 
#toggle-text {display: block; font-family: Arial, Helvetica, Sans-Serif; font-size: 0.75rem; font-size: 12px; line-height: 16px; color: #000e22; padding: 2px 5px 10px 10.2em; margin: 0; font-weight: 400;} /* Wenn Checkbox aktiv → Text anzeigen */
label {cursor: pointer; font-family: Arial, Helvetica, Sans-Serif; font-size: 0.75rem; font-size: 12px; line-height: 16px; color: #000e22; padding: 2px 2px 2px 0px; margin: 0; font-weight: 400;}
label:hover {color: #004990;}

.swap-text {display: none; } /* Versteckt den Text standardmäßig */
.swap:checked + label + 
.swap-text {display: block; font-family: Arial, Helvetica, Sans-Serif; font-size: 0.75rem; font-size: 12px; line-height: 16px; color: #000e22; padding: 2px 5px 10px 10.2em; margin: 0; font-weight: 400;} /* Wenn Checkbox aktiv → Text anzeigen */
label-text {cursor: pointer; font-family: Arial, Helvetica, Sans-Serif; font-size: 0.75rem; font-size: 12px; line-height: 16px; color: #000e22; padding: 2px 2px 2px 0px; margin: 0; font-weight: 400;}
label-text:hover {color: #004990; text-decoration: underline;}

#text {display: none; margin-top: 10px; padding: 10px; background: #f0f0f0;
		font-family: Arial, Helvetica, Sans-Serif; font-size: 0.75rem; font-size: 12px; line-height: 16px; color: #000e22; padding: 2px 5px 10px 10.2em; margin: 0; font-weight: 400;}

/* .level4{background-image:linear-gradient(180deg, var(--guimain) 2.5em, var(--guiframebg) 2.5em); border:2px solid var(--guimain);  */
	/* margin: 1.5em 0 .75em 0; padding: 1em;} */
/* .level4.nocontainer{background: none !important; border:none;} */
/* .uilabel, */
/* td + td .tbltext > .uilabel{color:var(--guimain); font-family:monospace; font-stretch:normal; font-style:oblique; font-weight:bolder;} */
/* h1 .uilabel, h2 .uilabel, h3 .uilabel, h4 .uilabel, td .tbltext > .uilabel{color:inherit; font-family:inherit; font-style:inherit; font-weight:inherit;} */
/* .plain{margin-bottom:0;} */
/* .note ~ .plain{font-style:oblique;} */
/* ul ul.triangle li > p::before, ul.triangle li > p::before{color:var(--guimenuactive); content:"\25BA"; display:inline-block; left:-5px; */
		/* margin-left:-1em; position:relative; width:1em;} */
/* .level3.container{background-image:linear-gradient(180deg, var(--guimenuactive) 2.75em, var(--guiframebg) 2.75em); */
		/* border:2px solid var(--guimenuactive); margin: 3em 0 1.5em 0; padding: 1.75em 1em;} */
/* .level3 div{padding-right: 1em;} */
/* .level1{background-image:linear-gradient(180deg, var(--guimain) 4.75em, var(--guiframebg) 4.75em); margin:-1em; padding:0 1em;} */
/* .level1.container{background-image:linear-gradient(180deg, var(--guimain) 4.75em, var(--guiframebg) 4.75em);} */
/* .level1 .breadcrumb{margin-left: -.25em; margin-top: -3.75em;} */


.col_1_brd ul {margin-block-start: 0em; margin-block-end: 1em; margin: 0;}
.col_1_brd p {margin-block-start: 0.5em; margin-block-end: 0.5em;}
.col_1_brd h4 {margin-block-start: 0em; margin-block-end: -0.3em; padding: 0;}
.col_1_brd h3 {margin: 0 0 0 -1%;}

/* .col_1_howto {width:100%; float: left; margin: 0; border: solid thin #8a3f9e; border-radius: 5px; padding-top: 2px; margin-bottom: 5px;} */
/* .col_1_howto {width:100%; float: left; margin: 0; border: solid thin #7b9cc2; border-radius: 5px; padding-top: 2px; margin-bottom: 5px; transform: skewX(-7deg);} */
.col_1_howto {width:100%; float: left; border: none; padding-top: 12px; margin-bottom: 25px; background: #000e22;}

.col_1_howto img {padding-right: 2%;}

.itemcard ul {margin-block-start: 1em; margin-block-end: 1em;}
.itemcard p {margin-block-start: 0.5em; margin-block-end: 0.5em;}
.itemcard h4 {margin-block-start: 0em; margin-block-end: -0.5em; padding: 0;}
.itemcard img {margin: 2px 0;}
/* .col_1_4 itemcard {border:none;} */
/* .itemcard h3 {margin: 0 0 0 -1%;} */

/* .tooltip .tooltiptext {visibility: hidden; width: 120px; background-color: #f3ed97; color: #000; text-align: center; border-radius: 6px; padding: 5px 0; */
	/* position: absolute; z-index: 1; bottom: 125%; left: 50%; margin-left: -60px; */
	/* opacity: 0; transition: opacity 0.3s;} */
/* .tooltip .tooltiptext::after { */
	/* content: ""; position: absolute; top: 100%; left: 50%; */
	/* margin-left: -5px; border-width: 5px; border-style: solid; border-color: #555 transparent transparent transparent;} */
/* .tooltip:hover .tooltiptext {visibility: visible; opacity: 1;} */

/* section ul {list-style-type: circle; color: #dae2e9; font-size: 18px;} */
section ul {list-style-type: none; color: #dae2e9; font-size: 18px;}
section ul li {position: relative; }
section ul li .tooltiptext {visibility: hidden; width: 50%; background-color: #000e22; color: #fff; text-align: center; border-radius: 8px; padding: 5px 0; z-index: 1; 
					position: absolute; bottom: 110%; left: 10%; margin-left: -5px; border-width: 1px; border-style: solid; border-color: #8a3f9e #8a3f9e #8a3f9e #8a3f9e; opacity: 0; transition: opacity 0.4s; font-size: 12px;}
section ul li .tooltiptext::after {
 content: ""; position: absolute; top: 100%; left: 10%; margin-left: -5px; border-width: 9px; border-style: solid; border-color: #222 transparent transparent transparent;}
section ul li:hover .tooltiptext {visibility: visible; opacity: 0.85;}

/* .s_icon {position: relative; } */
/* .s_icon .tooltiptext {visibility: hidden; width: 950%; background-color: #222; color: #000e22; text-align: left; border-radius: 8px; padding: 10px 50%; z-index: 1;  */
						/* position: absolute; bottom: 110%; left: 10%; margin-left: -5px; border-width: 1px; border-style: solid; border-color: black #BBB #BBB #BBB; */
						/* opacity: 0; transition: opacity 0.4s; font-size: 11px;} */
/* .s_icon .tooltiptext::after { */
	/* content: ""; position: absolute; top: 100%; left: 2%; margin-left: -5px; border-width: 9px; border-style: solid; border-color: #222 transparent transparent transparent;} */
/* .s_icon:hover .tooltiptext {visibility: visible; opacity: 0.85;} */

.s_icon {position: relative; }
.s_icon .tooltiptext {visibility: hidden; width: 800%; background-color: #8a3f9e; color: #fff; text-align: left; border-radius: 8px; padding: 10px 50%; z-index: 1; 
						position: absolute; bottom: 150%; left: 10%; margin-left: -5px; border-width: 1px; border-style: solid; border-color: #fff #fff #fff #fff;
						opacity: 0; transition: opacity 0.4s; font-size: 12px;}
.s_icon .tooltiptext::after {
	content: ""; position: absolute; top: 100%; left: 2%; margin-left: -5px; border-width: 9px; border-style: solid; border-color: #fff transparent transparent transparent;}
.s_icon:hover .tooltiptext {visibility: visible; opacity: 0.85;}
.s_icon:hover .tooltiptext b {background-color: black;}

/* .certs-head h1  {position: relative; } */
/* .certs-head .tooltiptext {visibility: hidden; width: 20%; background-color: #8a3f9e; color: #fff; text-align: center; border-radius: 8px; padding: 7px 1%; z-index: 1;  */
						/* position: absolute; bottom: 80%; left: 26%; margin-left: -5px; border-width: 1px; border-style: solid; border-color: #fff #fff #fff #fff; */
						/* opacity: 0; transition: opacity 0.4s; font-size: 12px;} */
/* .certs-head .tooltiptext::after { */
	/* content: ""; position: absolute; top: 100%; left: 2%; margin-left: -5px; border-width: 9px; border-style: solid; border-color: #fff transparent transparent transparent;} */
/* .certs-head:hover .tooltiptext {visibility: visible; opacity: 0.85;} */

/* .table-wrapper */

.feature_table {
	display: block; 
	height: 90vh; 
	overflow: scroll; 
	white-space: nowrap; 
	border-collapse: separate; 
	border-spacing: 0; 
	width: 100%; 
	border-collapse: collapse;
}
/* .feature_table th tr td {border: thin solid black; padding: 3pt; text-align: left;} */
/* .feature_table thead tr:nth-of-type(1) {position: sticky; top: 0; z-index: 2;}  */
/* .feature_table thead {position: sticky; top: 0; z-index: 2; background: white; border-collapse: collapse;} */
/* .feature_table tbody tr th {position: sticky; left: 0; z-index: 1; background: #dae2e9; border-collapse: collapse;} */

.catalog_table {display: block; height: 60vh; overflow: scroll; white-space: nowrap; border-collapse: separate; border-spacing: 0; width: 100%; border-collapse: collapse;}
/* .catalog_table th, tr, td {border: thin solid black; padding: 3pt; text-align: left;} */
/* .catalog_table thead tr:nth-of-type(1) {position: sticky; top: 0; z-index: 2;}  */
/* .catalog_table thead {position: sticky; top: 0; z-index: 2; background: white; border-collapse: collapse;} */
/* .catalog_table tbody tr th {position: sticky; left: 0; z-index: 1; background: #dae2e9; border-collapse: collapse;} */





@media only screen and (min-width: 840px) and (max-width: 979px) {
	section ul li a img{padding: 0 1% 0 1%; float: right; margin: 0; height: 6%; width: 6%;}
	section ul li a img:hover{padding: 0 1% 0 1%; float: right; margin: 0 0 0 0; height: 6%; width: 6%; background-color:#777;}
}	

@media only screen and (min-width: 760px) and (max-width: 839px) {
	section ul li a img{padding: 0 1% 0 1%; float: right; margin: 0; height: 7%; width: 7%;}
	section ul li a img:hover{padding: 0 1% 0 1%; float: right; margin: 0 0 0 0; height: 7%; width: 7%; background-color:#777;}
}

@media only screen and (min-width: 680px) and (max-width: 759px) {
	.col_3_4{width: 98%; margin: 0 1% 0 1%; float: left;}
	.col_1_4{width: 98%; margin: 0 1% 0 1%; float: left;}
	section ul li a img{padding: 0 1% 0 1%; float: right; margin: 0; height: 6%; width: 6%;}
	section ul li a img:hover{padding: 0 1% 0 1%; float: right; margin: 0 0 0 0; height: 6%; width: 6%; background-color:#777;}
	.itemcard h3{display: none;}
	.itemcard img {display: none;}
	.col_1_howto {display: none;}
	.col_1_brd {display: none;}
	}

@media only screen and (min-width: 600px) and (max-width: 679px) {
	.col_3_4{width: 98%; margin: 0 1% 0 1%; float: left;}
	.col_1_4{width: 98%; margin: 0 1% 0 1%; float: left;}
	section ul li a img{padding: 0 1% 0 1%; float: right; margin: 0; height: 7%; width: 7%;}
	section ul li a img:hover{padding: 0 1% 0 1%; float: right; margin: 0 0 0 0; height: 7%; width: 7%; background-color:#777;}
	.itemcard h3{display: none;}
	.itemcard img {display: none;}
	.col_1_howto {display: none;}
	.col_1_brd {display: none;}
	.navbar {height: 26px; font-size: 0.75rem; font-size: 12px;}
	.navbar li {padding: 6px 1.7em;}
	}

@media only screen and (min-width: 520px) and (max-width: 599px) {
	.col_3_4{width: 98%; margin: 0 1% 0 1%; float: left;}
	.col_1_4{width: 98%; margin: 0 1% 0 1%; float: left;}
	section ul li a img{padding: 0 1% 0 1%; float: right; margin: 0; height: 8%; width: 8%;}
	section ul li a img:hover{padding: 0 1% 0 1%; float: right; margin: 0 0 0 0; height: 8%; width: 8%; background-color:#777;}
	.itemcard h3{display: none;}
	.itemcard img {display: none;}
	.col_1_howto {display: none;}
	.col_1_brd {display: none;}
	.navbar {height: 25px; font-size: 0.6825rem; font-size: 11px;}
	.navbar li {padding: 5px 1.4em;}
	}

@media only screen and (min-width: 440px) and (max-width: 519px) {
	.col_3_4{width: 98%; margin: 0 1% 0 1%; float: left;}
	.col_1_4{width: 98%; margin: 0 1% 0 1%; float: left;}
	section ul li a img{padding: 0 1% 0 1%; float: right; margin: 0; height: 9%; width: 9%;}
	section ul li a img:hover{padding: 0 1% 0 1%; float: right; margin: 0 0 0 0; height: 9%; width: 9%; background-color:#777;}
	.itemcard h3{display: none;}
	.itemcard img {display: none;}
	.col_1_howto {display: none;}
	.col_1_brd {display: none;}
	.navbar {height: 24px; font-size: 0.625rem; font-size: 10px;}
	.navbar li {padding: 4px 1.1em;}
	}

@media only screen and (min-width: 360px) and (max-width: 439px) {
	.col_3_4{width: 98%; margin: 0 1% 0 1%; float: left;}
	.col_1_4{width: 98%; margin: 0 1% 0 1%; float: left;}
	section ul li a img{padding: 0 1% 0 1%; float: right; margin: 0; height: 10%; width: 10%;}
	section ul li a img:hover{padding: 0 1% 0 1%; float: right; margin: 0 0 0 0; height: 10%; width: 10%; background-color:#777;}
	.itemcard h3{display: none;}
	.itemcard img {display: none;}
	.col_1_howto {display: none;}
	.col_1_brd {display: none;}
	.navbar {height: 23px; font-size: 0.5625rem; font-size: 9px;}
	.navbar li {padding: 3px 0.8em;}
	}

@media only screen and (min-width: 200px) and (max-width: 359px) {
	.col_3_4{width: 98%; margin: 0 1% 0 1%; float: left;}
	.col_1_4{width: 98%; margin: 0 1% 0 1%; float: left;}
	section ul li a img{padding: 0 1% 0 1%; float: right; margin: 0; height: 11%; width: 11%;}
	section ul li a img:hover{padding: 0 1% 0 1%; float: right; margin: 0 0 0 0; height: 11%; width: 11%; background-color:#777;}
	.itemcard h3{display: none;}
	.itemcard img {display: none;}
	.col_1_howto {display: none;}
	.col_1_brd {display: none;}	
	.navbar {height: 21px; font-size: 0.5rem; font-size: 8px;}
	.navbar li {padding: 2px 0.5em;}
	}

#catalog_table tr:nth-child(odd) {
	background-color: rgb(149, 201, 231);
}