/*
 Theme Name:   Hello Elementor-child
 Description:  Hello Elementor-child
 Author:       Aaron Schmidt
 Template:     hello-elementor
 Version:      1.0
 Text Domain:  hello-elementor-child
*/

* {font-family:Arial, 'sans-serif';}

/*Header*/

.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;}

/* Menu */

.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;}

/* Legende */

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;}

/* Home */
.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;

}


/* Beiträge */

.su-post-meta, a.su-post-comments-link {display: none;}
.su-posts-default-loop .su-post {margin-bottom:0.5em !important;}


/* WP File Download */

#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;}