* {font-family:Arial, 'sans-serif';} .site-navigation-toggle-holder .site-navigation-toggle {background:#ffffff !important;}
header#site-header {
position: sticky;
top: 0;
z-index: 9999;
background-color: transparent;
padding: 0% !important;
margin-bottom: -113px;
margin-top:10px;
}
header#site-header.scrolled {background-Color:#fff !important;padding-top:20px !important;padding-bottom:20px !important;}
ul#menu-primary-menu li a {color: #fff;}
header#site-header.scrolled ul#menu-primary-menu li a {color: #404040;} .site-navigation ul.menu li a {display: block;padding: 8px 15px;font-family: Arial, 'sans-serif' !important;}
.site-navigation ul.menu li a:hover {background: #1d2e43;color: #fff !important;}
.current-menu-item {background: #1d2e43;}
.current-menu-item a {color: #fff !important;} div#diagram-legend {
display: flex;
justify-content:space-around;
}
@media (max-width:1060px) {
div#diagram-legend {flex-direction:column;}
}
.yellow:before {  font-size: 23px;
float: left;
vertical-align: middle;
font-family: Material-Design-Iconic-Font !important;
margin-top: -1px;
color: #fdc63d; 
content: "\f228";
font-style:normal;
color:#fdc63d;}
.orange:before {   font-size: 23px;
float: left;
vertical-align: middle;
font-family: Material-Design-Iconic-Font !important;
margin-top: -1px;
color: #b2b2b2; 
content: "\f228";
font-style:normal;
color:#ef791b;}
.darkblue:before  {  font-size: 23px;
float: left;
vertical-align: middle;
font-family: Material-Design-Iconic-Font !important;
margin-top: -1px;
color: #b2b2b2; 
content: "\f228";
font-style:normal;
color:#1d2e43;}
.lightblue:before {   font-size: 23px;
float: left;
vertical-align: middle;
font-family: Material-Design-Iconic-Font !important;
margin-top: -1px;
color: #b2b2b2; 
content: "\f228";
font-style:normal;
color:#d3deeb;}
.blue:before {  font-size: 23px;
float: left;
vertical-align: middle;
font-family: Material-Design-Iconic-Font !important;
margin-top: -1px;
color: #b2b2b2; 
content: "\f228";
font-style:normal;
color:#6e93be;}
.red:before {  font-size: 23px;
float: left;
vertical-align: middle;
font-family: Material-Design-Iconic-Font !important;
margin-top: -1px;
color: #f83a22; 
content: "\f228";
font-style:normal;
color:#f83a22;}
.green:before {  font-size: 23px;
float: left;
vertical-align: middle;
font-family: Material-Design-Iconic-Font !important;
margin-top: -1px;
color: #7bd148; 
content: "\f228";
font-style:normal;
color:#7bd148;}
.darkgreen:before {  font-size: 23px;
float: left;
vertical-align: middle;
font-family: Material-Design-Iconic-Font !important;
margin-top: -1px;
color: #88a791; 
content: "\f228";
font-style:normal;
color:#88a791;} .bullet-points ::marker {color:#EF7918 !important;font-size:25px;}
.parallax {
background-image: url(https://members.trios.de/wp-content/uploads/2025/04/background_image_memberarea.jpg);
Height: 800pxx;
background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
} .su-post-meta, a.su-post-comments-link {display: none;}
.su-posts-default-loop .su-post {margin-bottom:0.5em !important;} #et-boc .wpfd-content-table span.ext[class*=wpfd-icon-set-svg], .wpfd-content-table span.ext[class*=wpfd-icon-set-svg] {width:60px !important;height:60px !important;}
#et-boc .wpfd-content-table .wpfd-file-crop-title, .wpfd-content-table .wpfd-file-crop-title {vertical-align:middle !important; font-size:0.95rem !important;}
#et-boc .wpfd-content .wpfdcategory, .wpfd-content .wpfdcategory {min-width:250px !important;height:60px;}
#et-boc .wpfd-content .wpfdcategory > span, .wpfd-content .wpfdcategory > span {font-size:18px !important;min-width:200px !important;}
#et-boc .wpfd-content .wpfdcategory .wpfd-folder, .wpfd-content .wpfdcategory .wpfd-folder {font-size:22px !important;}
#et-boc .wpfd-content-table h2, .wpfd-content-table h2 {text-transform: none !important;}
#et-boc .wpfd-content-table .wpfd-container-table .wpfd-categories > h2, .wpfd-content-table .wpfd-container-table .wpfd-categories > h2 {text-transform: none !important;}