.elementor-kit-16{--e-global-color-primary:#141413;--e-global-color-secondary:#9D4EDD;--e-global-color-text:#333333;--e-global-color-accent:#F5D061;--e-global-color-9ed8e39:#EED791;--e-global-color-66852b0:#0B132B;--e-global-color-b4ea8dc:#F8F9FA;--e-global-color-e9f1cee:#B1B1B1;--e-global-color-442b07a:#1C2541;--e-global-color-6c658b0:#F9F9F9;--e-global-color-a240b06:#856108;--e-global-typography-primary-font-family:"Playfair Display";--e-global-typography-primary-font-weight:700;--e-global-typography-secondary-font-family:"DM Sans";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"DM Sans";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"DM Sans";--e-global-typography-accent-font-weight:500;font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );background-color:#0B132B;}.elementor-kit-16 a{color:var( --e-global-color-a240b06 );font-family:"DM Sans", Sans-serif;font-weight:500;}.elementor-kit-16 a:hover{color:var( --e-global-color-a240b06 );}.elementor-kit-16 h1{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-kit-16 h2{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-kit-16 h3{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-kit-16 h4{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-kit-16 h5{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-kit-16 h6{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-kit-16 button,.elementor-kit-16 input[type="button"],.elementor-kit-16 input[type="submit"],.elementor-kit-16 .elementor-button{font-family:"Nunito Sans", Sans-serif;color:var( --e-global-color-66852b0 );background-color:var( --e-global-color-9ed8e39 );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-9ed8e39 );border-radius:10px 10px 10px 10px;}.elementor-kit-16 button:hover,.elementor-kit-16 button:focus,.elementor-kit-16 input[type="button"]:hover,.elementor-kit-16 input[type="button"]:focus,.elementor-kit-16 input[type="submit"]:hover,.elementor-kit-16 input[type="submit"]:focus,.elementor-kit-16 .elementor-button:hover,.elementor-kit-16 .elementor-button:focus{color:var( --e-global-color-66852b0 );background-color:var( --e-global-color-9ed8e39 );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-9ed8e39 );border-radius:10px 10px 10px 10px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1200px;}.e-con{--container-max-width:1200px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:row;align-items:center;}.site-header .header-inner{width:1200px;max-width:100%;}.site-header{padding-inline-end:30px;padding-inline-start:30px;}.site-header .site-branding .site-logo img{width:50px;max-width:50px;}.site-header .site-description{color:var( --e-global-color-b4ea8dc );font-family:"Lora", Sans-serif;font-size:20px;font-weight:700;}.site-header .site-navigation ul.menu > li > a{color:var( --e-global-color-b4ea8dc );}.site-header .site-navigation ul.menu > li.menu-item-has-children::after{color:var( --e-global-color-b4ea8dc );}.site-header .site-navigation-toggle .site-navigation-toggle-icon{color:var( --e-global-color-b4ea8dc );}.site-header .site-navigation-toggle{background-color:var( --e-global-color-66852b0 );}.site-header .site-navigation .menu li{font-family:"DM Sans", Sans-serif;font-weight:800;}footer .footer-inner .site-navigation a{color:var( --e-global-color-b4ea8dc );}.site-footer .copyright p{color:var( --e-global-color-b4ea8dc );}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}.site-header{padding-inline-end:20px;padding-inline-start:20px;}.site-header .site-branding .site-logo img{width:45px;max-width:45px;}}@media(max-width:767px){.site-header .site-branding{flex-direction:row;align-items:center;}.site-header{padding-inline-end:10px;padding-inline-start:10px;}.site-header .site-branding .site-logo img{width:45px;max-width:45px;}}/* Start custom CSS *//* Styling & Fix für den nativen Hello Elementor Burger-Button */
.site-header .site-navigation-toggle,
.site-header .site-navigation-toggle:hover,
.site-header .site-navigation-toggle:focus,
.site-header .site-navigation-toggle:active,
.site-header .site-navigation-toggle:focus-visible {
    background: #0B132B !important;
    background-color: #0B132B !important;
    outline: none !important;
    border: none !important;
    box-shadow: none !important;
    /* Verhindert das typische mobile iOS/Android Aufblitzen beim Antippen */
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important;
    -webkit-appearance: none !important;
}

/* Verhindert, dass das Icon oder sein direkter Container weiß hinterlegt wird */
.site-header .site-navigation-toggle .site-navigation-toggle-holder,
.site-header .site-navigation-toggle .site-navigation-toggle-icon,
.site-header .site-navigation-toggle svg {
    background: transparent !important;
    background-color: transparent !important;
}

/* Optional: Stellt sicher, dass das Icon selbst die helle Textfarbe behält */
.site-header .site-navigation-toggle svg {
    fill: #F8F9FA !important;
}

/* Haupt-Container der Infobox */
.ma-infobox {
    background-color: #0B132B; 
    border: 2px solid #F5D061; /* Der markante goldene Rahmen */
    border-radius: 12px;
    padding: 20px;
    font-family: 'Inter', sans-serif;
    color: #FFFFFF;
    max-width: 650px;
    margin: 0px auto;
    box-shadow: 0 15px 35px rgba(0,0,0,0.4);
    box-sizing: border-box;
}

/* Kopfbereich (Symbol & Titel) */
.ma-infobox-header {
    text-align: center;
    margin-bottom: 20px;
}

.ma-infobox-symbol {
    font-size: 75px;
    color: #F5D061;
    line-height: 1;
    margin-bottom: 5px;
    font-family: serif;
}

.ma-infobox-title {
    font-family: 'Playfair Display', serif;
    font-size: 24px;
    color: #F5D061;
}

/* Meta-Daten (Element & Planet) - Zentriert mit Linie darunter */
.ma-infobox-meta {
    display: flex;
    justify-content: center;
    gap: 40px;
    margin-bottom: 25px;
    padding-bottom: 20px;
    border-bottom: 1px solid #2D3753; /* Dezenter Trennstrich */
}

.ma-meta-item {
    font-size: 15px;
}

.ma-meta-label {
    color: #7B88A8;
    margin-right: 5px;
}

.ma-meta-value {
    font-weight: 700;
    color: #F8F9FA;
}

/* Flexbox für Stärken und Schwächen */
.ma-infobox-traits {
    display: flex;
    gap: 20px;
    justify-content: space-between;
}

/* Einzelne Spalten-Boxen */
.ma-trait-col {
    flex: 1;
    background-color: #1A2238; /* Etwas helleres Blau zur Abhebung */
    padding: 20px;
    border-radius: 8px;
}

.ma-trait-col .ma-trait-title {
    margin-top: 0;
    margin-bottom: 15px;
    font-family: 'Inter', sans-serif;
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-align: center;
    color: #F8F9FA;
    font-weight: bold; /* Da div kein Standard-Bold hat, fügen wir es hinzu */
}

/* Listen-Styling ohne Standard-Punkte */
.ma-trait-col ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.ma-trait-col ul li {
    margin-bottom: 12px;
    font-size: 14px;
    color: #B0B8CC;
    line-height: 1.4;
    display: flex;
    align-items: flex-start;
}

.ma-trait-col ul li:last-child {
    margin-bottom: 0;
}

/* Eigene Aufzählungszeichen (Goldener Haken & lila Kreuz) */
.ma-strengths ul li::before {
    content: '✓';
    color: #F5D061; /* Gold */
    margin-right: 10px;
    font-weight: bold;
    font-size: 16px;
}

.ma-weaknesses ul li::before {
    content: '✕';
    color: #9D4EDD; /* Mystic Violet */
    margin-right: 10px;
    font-weight: bold;
    font-size: 16px;
}

/* Mobile Optimierung: Unter 600px wandern die Boxen untereinander */
@media (max-width: 600px) {
    .ma-infobox-traits {
        flex-direction: column;
    }
    .ma-infobox-meta {
        flex-direction: column;
        align-items: center;
        gap: 12px;
    }
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Nunito Sans';
	font-display: auto;
	src: url('http://meinaszendent.de/wp-content/uploads/2026/01/NunitoSans-VariableFont_YTLCopszwdthwght.ttf') format('truetype');
}
/* End Custom Fonts CSS */