.elementor-kit-8{--e-global-color-primary:#E32118;--e-global-color-secondary:#222222;--e-global-color-text:#222222;--e-global-color-accent:#E32118;--e-global-color-098aa2a:#FFFFFF;--e-global-color-b59e31a:#F8F9FA;--e-global-typography-primary-font-family:"Mencken regular";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Mencken regular";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Open Sans";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Open Sans";--e-global-typography-accent-font-weight:500;--e-global-typography-a74db1e-font-family:"Mencken regular";--e-global-typography-a74db1e-font-weight:600;--e-global-typography-fcd0fd9-font-family:"Mencken regular";--e-global-typography-fcd0fd9-font-weight:600;color:var( --e-global-color-secondary );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-kit-8 e-page-transition{background-color:#FFBC7D;}.elementor-kit-8 a{color:var( --e-global-color-primary );}.elementor-kit-8 h1{color:var( --e-global-color-primary );font-family:"Mencken regular", Sans-serif;font-weight:600;}.elementor-kit-8 h2{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-kit-8 h3{color:var( --e-global-color-primary );font-family:"Mencken regular", Sans-serif;font-weight:600;}.elementor-kit-8 h4{color:var( --e-global-color-primary );font-family:"Mencken regular", Sans-serif;font-weight:600;}.elementor-kit-8 h5{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.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:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-kit-8{font-size:var( --e-global-typography-text-font-size );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-8{font-size:var( --e-global-typography-text-font-size );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */.header-red header {
    background-color: #e32118;
    }
    .hero-title {
  padding-right: clamp(5%, 5vw, 50%);
}


.newsletter-section {
  padding-top: clamp(3rem, 5vw, 10rem);
  padding-bottom: clamp(3rem, 5vw, 10rem);
}

.text-section {
  padding-top: clamp(3rem, 5vw, 10rem);
  padding-bottom: clamp(3rem, 5vw, 10rem);
}

/* Ausblenden des Links in der News-Vorschau */
.page-id-4130 .elementor-widget-container p a {
    display:none;
}

/* Transparenten Header klick-durchlässig machen */
header {
  pointer-events: none;
}

/* Klicks auf Inhalte im Header weiterhin erlauben */
header .elementor-widget,
header a,
header button {
  pointer-events: auto;
}

.popup-text p {
    font-size:1rem !important;
}
/* Overlay Container Grunddesign */
/* Grundpositionierung */
.mitarbeiter-item {
  position: relative;
}

/* Overlay über dem Bild */
.mitarbeiter-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #e32118;
  color: #ffffff;
  padding: 2rem 4rem 2rem 3rem;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
  z-index: 5;
  overflow-y: auto;
  display: block; /* Wichtig für Animation */
  font-size:1.1rem;
}

/* Sichtbarer Zustand */
.mitarbeiter-overlay.is-visible {
  opacity: 1;
  pointer-events: auto;
}

/* ───────────────────────────────────────────────
   CLOSE BUTTON – BARRIEREFREUNDLICH & DESIGNKONFORM
   • Kein Fokus bei Maus
   • Weißer 2px Fokus-Rahmen nur bei Tastatur
   • Entfernt Browser-Standard-Fokus
   • SVG springt nicht
──────────────────────────────────────────────── */

.mitarbeiter-overlay__close-btn {
    border: none;
    background: transparent;
    padding: 0;
    cursor: pointer;
    outline: none; /* Standard-Fokus entfernen */
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Icon soll sich nicht verschieben */
.mitarbeiter-overlay__close-btn .elementor-button-icon {
    display: flex;
}

/* Tastatur-Fokus sichtbar (weiß, 2px, rund) */
.mitarbeiter-overlay__close-btn:focus-visible {
    outline: 2px solid #fff;
    outline-offset: 4px; /* Abstand, damit UI nicht springt */
    border-radius: 4px;  /* ggf. an Button-Form anpassen */
}

/* Maus-Fokus entfernen */
.mitarbeiter-overlay__close-btn:focus:not(:focus-visible) {
    outline: none;
}

/* Optional: Hover, wenn gewünscht (kannst du anpassen/entfernen) */
.mitarbeiter-overlay__close-btn:hover {
    opacity: 0.85;
}

/* -------------------------
   END Overlay & Close-Button Styling
   ------------------------- */



/*** Burger Menu einfaerben ***/
/* Standard: Menü-Icon ist rot (Elementor-Vorgabe) */
/* → NICHT anfassen */

/* Standard: Rot */
.fa-bars:before {
  color: #e32118;
  transition: color 0.25s ease;
}

/* Weißes Icon */
.menu-white .fa-bars:before {
  color: #fff !important;
}

/* Rotes Icon */
.menu-red .fa-bars:before {
  color: #e32118 !important;
}


/*** END Burger Menu einfaerben ***/


/* clamp-Anpassungen */

/* ======================================== */
/* ELEMENTOR OPTIMIERT - FLUID TYPOGRAPHY  */
/* H1–H5 sauber unterschieden, 20% kleiner */
/* Medium Fluid, Headline stärker           */
/* ======================================== */

/* Base font size */
html {
  font-size: 100%; /* 16px */
}

/* ---------------------------------------- */
/* HEADLINES - Elementor Widget-Headings */
.elementor-widget-heading h1.elementor-heading-title,
.elementor-widget-heading h1 {
  font-size: clamp(1.8rem, 1.6rem + 2.2vw, 5rem); /* 28.8px - 80px */
  line-height: 1.1;
}

.elementor-widget-heading h2.elementor-heading-title,
.elementor-widget-heading h2 {
  font-size: clamp(1.2rem, 1.12rem + 2vw, 4.4rem); /* 22.4px - 70.4px */
  line-height: 1.15;
}

.elementor-widget-heading h3.elementor-heading-title,
.elementor-widget-heading h3 {
  font-size: clamp(1rem, 0.96rem + 1.44vw, 3.6rem); /* 16px - 57.6px */
  line-height: 1.4;
}

.elementor-widget-heading h4.elementor-heading-title,
.elementor-widget-heading h4 {
  font-size: clamp(1rem, 0.88rem + 1.2vw, 3rem); /* 16px - 48px */
  line-height: 1.25;
}

.elementor-widget-heading h5.elementor-heading-title,
.elementor-widget-heading h5 {
  font-size: clamp(0.88rem, 0.8rem + 0.8vw, 2.4rem); /* 14px - 38.4px */
  line-height: 1.3;
}

/* ---------------------------------------- */
/* BODY TEXT (Elementor Text Editor) */
.elementor-widget-text-editor p {
  font-size: clamp(0.85rem, 0.8rem + 0.4vw, 1.9rem); /* 13.6px - 30.4px */
  line-height: 1.5;
}

/* Small / Static Text */
.elementor-widget-text-editor .small,
.elementor-widget-text-editor p.small,
.elementor-widget-text-editor p.small * {
    font-size: 0.65rem !important;
    line-height: 1.4 !important;
    color:green !important;
}


/* ---------------------------------------- */
/* TABLES */
table {
    font-size:100%;
}

.elementor-widget-text-editor table,
.elementor-widget-text-editor th,
.elementor-widget-text-editor td {
  font-size: clamp(0.85rem, 0.8rem + 0.4vw, 1.9rem); /* 13.6px - 30.4px */
  line-height: 1.5;
}

/* TABLE SMALLER (-20%) */
.elementor-widget-text-editor .table-small,
.elementor-widget-text-editor table.table-small th,
.elementor-widget-text-editor table.table-small td {
  font-size: clamp(0.68rem, 0.64rem + 0.32vw, 1.52rem); /* 10.8px - 24.2px */
  line-height: 1.4;
}

/* ENDE clamp-Anpassungen */

nav ul {
    font-size:115%;
}

/* Tabelle odd einfarben und hover zurueck setzten */
table tbody>tr:nth-child(odd)>td, table tbody>tr:nth-child(odd)>th {
    background-color: transparent;
}

table tbody tr:hover>td,table tbody tr:hover>th {
    background-color: transparent;
}
/* END Tabelle odd einfarben und hover zurueck setzten */

/* Statische Seiten */
.heading-black h2 {
    color: #222 !important;
}

/* ENDE Statische Seiten */

/* Seite Karriere */
h3 + ul {
  margin-top: 1rem !important;
}
ul + h3 {
  margin-top: 3rem;
}
/* ENDE Seite Karriere */



/* Fluid text sections: bei breitem Viewport 60%, bei kleinem 100% (linear zwischen 1200px und 400px) */
.fluid-text-section {
  box-sizing: border-box;
  width: clamp(
    60%,                                        /* Minimum (bei sehr breiten Viewports): 60% */
    calc(60% + 50% * ((1200px - 100vw) / 800)),/* bevorzugter, fließender Wert zwischen 1200px und 400px */
    100%                                        /* Maximum (bei sehr schmalen Viewports): 100% */
  );
  max-width: 100%;

  transition: width 180ms ease; /* optional: weichere Anpassung beim Fensterziehen */

}

/* Falls du nur den Textcontainer innerhalb der Elementor-Section ansprechen willst,
   falls die Section weitere Hintergrund-/Layout-Eigenschaften haben soll: */
.fluid-text-section .elementor-widget-wrap,
.fluid-text-section .elementor-column > .elementor-widget-wrap {
  width: 100%;
}

/* Fallback für sehr alte Browser: einfache Media Queries (sprunghafte Alternative) */
@media (max-width: 600px) {
  .fluid-text-section { width: 100%; }
}
@media (min-width: 1200px) {
  .fluid-text-section { width: 60%; }
}

/* END Fluid text sections */

/*** die gesamte page wird zeitlich verzögert eingeblendet ***/
body:not([class*="wp-admin"]):not(.elementor-editor-active):not(.elementor-preview):not(.home) {
  opacity: 1 !important;
  transition: opacity 0.8s ease-in-out !important;
}

body.loaded:not([class*="wp-admin"]):not(.elementor-editor-active):not(.elementor-preview):not(.home) {
  opacity: 1 !important;
}



/*** ENDE die gesamte page wird zeitlich verzögert eingeblendet ***/

/*** (span)-Schriften werden zeitlich verzögert eingeblendet ***/
/* Startzustand: alle Spans unsichtbar */
.home .hero-title span {
  opacity: 0;
  transition: opacity 2s ease; /* sanfte Einblendung */
  transform: translateZ(0);      /* GPU-Beschleunigung */
}

/* Endzustand: sichtbar */
.hero-title span.visible {
  opacity: 1;
}
/*** ENDE (span)-Schriften werden zeitlich verzögert eingeblendet ***/

/*** span-Farbe Hero-Sections ***/
.color-black {
    color:#222222;
}

.color-red {
    color:#e32118;
}
/*** ENDE span-Farbe Hero-Sections ***/

/*** fade-in for every main section ***/
body:not(.wp-admin):not(.block-editor-page) .fade-in {
  opacity: 1;
  transform: translateY(100px);
  transition: opacity 2s ease, transform 2s ease;
}

body:not(.wp-admin):not(.block-editor-page) .fade-in.in-view {
  opacity: 1;
  transform: translateY(0);
}
/*** END fade-in for every main section ***/

/*** fade-in for every team member ***/
/* Ausgangszustand: unsichtbar und leicht nach unten verschoben */
.fade-in-mitarbeiter {
  opacity: 0;
  transform: translateY(50px) scale(0.95);
  will-change: opacity, transform;
  backface-visibility: hidden;
  transition:
    opacity 0.9s cubic-bezier(0.17, 0.67, 0.16, 0.99),
    transform 0.9s cubic-bezier(0.17, 0.67, 0.16, 0.99);
}

/* Aktivierter Zustand */
.fade-in-mitarbeiter.visible {
  opacity: 1;
  transform: translateY(0) scale(1);
}


.fade-in-mitarbeiter:nth-child(1) { transition-delay: 0s; }
.fade-in-mitarbeiter:nth-child(2) { transition-delay: 0.1s; }
.fade-in-mitarbeiter:nth-child(3) { transition-delay: 0.2s; }
.fade-in-mitarbeiter:nth-child(4) { transition-delay: 0.3s; }

/*** END fade-in for every team member ***/

@media (min-width: 1025px) {
.section-margin-left{
    padding-left:10% !important;
}
}

@media (max-width: 1024px) {
.section-margin-left{
    padding-left:3% !important;
}
}


.cr_button {
    background-color: #e32118 !important;
}

.cr_button:hover {
    background-color: #222 !important;
    opacity:1 !important;
}

/********* Form **********/
.wpcf7-form input[type="text"],
.wpcf7-form input[type="email"],
.wpcf7-form textarea {
background-color: #fff;
padding: 2px 15px;
margin-top:3px;
border:none;
}

.wpcf7-form label {
font-size:110%;
padding-top:20px;
color:#fff;
}

.wpcf7-form input[type="submit"] {

background-color: #e32118;
color:#fff;
opacity: 1;
}

.wpcf7-list-item-label{
    font-size:80%;
}

.wpcf7-list-item-label a{
    font-size:100%;
}

/* placeholder */
.wpcf7-form input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
	color: #999;
	opacity: 1;
}

.wpcf7-form input::-moz-placeholder,
textarea::-moz-placeholder {
	color: #999;
	opacity: 1;
}

.wpcf7-form input::placeholder,
textarea::placeholder {
	color: #999;
	opacity: 1;
}
/********* END Form **********/

.awards img {
    width:75%;
}

/**********************/
/******* CHARTS *******/
/**********************/

/****** Tabellen ******/

.valuationdate .elementor-shortcode {
  display: flex;
  align-items: center;
  gap: 0.3em; /* kleiner Abstand */
}

/* alle chart-tabellen ansprechen */

div[id^=s4a-chart] {
background-color: transparent;
}

div[id^=s4a-chart] table {
width:100%;
border-collapse: collapse;
line-height:3em;
}

/* alle Tabellen ohne linien */
table td, table th {
    border: none;
} 

/* Linien zwischen den Spalten */
div[id^=s4a-chart] table td {
border-top:1px solid #dee2e6;
}

/* letze Spalte rechtsbuendig */
div[id^=s4a-chart] tr td:last-child {
text-align:right;
}

/* alle Ueberschriften ansprechen */
div[id^=s4a-chart] h5 {
font-size:1.5em; 
hyphens: auto !important;
}

/* Tabelle Overview - Wertentwicklung je Kalenderjahr */
div[id^=s4a-chart-performance-table] table th,
div[id^=s4a-chart-performance-table] table td {
text-align:right;
/* font-size:100%; */
}

/* Top-10-Position letzte Spalte linksbuendig */
div[id^=s4a-chart-portfolio-t10] tr td:last-child {
text-align:right;
}

div[id^=s4a-chart-performance-table] table td:first-child{
text-align:left;
}

/* h5 ausblenden und durch Text ersetzten */
div[id^="s4a-chart-performance-history-"] h5 {
  visibility: hidden; /* Originaltext ausblenden */
  position: relative;
}

div[id^="s4a-chart-performance-history-"] h5::after {
  content: "Wertentwicklung von 12-Monatszeiträumen der letzten 5 Jahre (in %)";
  visibility: visible;
  position: absolute;
  left: 0;
  top: 0;
}


/* Name der Row ausblenden und durch 
Text ersetzten */
/* Alte Inhalte der ersten Spalte vollständig verstecken */
div[id^="s4a-chart-performance-table"] tr td:first-child {
  color: transparent;    /* Text unsichtbar machen */
  font-size: 0;          /* Textgröße 0, damit kein Platz bleibt */
 
}

/* Neuer Text via ::after */
div[id^="s4a-chart-performance-table"] tr td:first-child::after {
 content: "";
  font-size: 17px;
  color: #000;
 white-space: nowrap;   /* alles in einer Zeile */
 
  position: static;      /* NICHT absolut */
 
}

/* Row US long */
div[id^="s4a-chart-performance-table-DE000A1H6HH3"] tr:nth-child(2) td:first-child::after {
  content: "S4A US Long";
}

div[id^="s4a-chart-performance-table-DE000A1H6HH3"] tr:nth-child(3) td:first-child::after {
  content: "S&P 500 Net Total Return (USD)";
}

div[id^="s4a-chart-performance-table-DE000A1H6HH3"] tr:nth-child(4) td:first-child::after {
  content: "Outperformance";
}
/* END Row US long */


/* Row EU Pure Equity */
div[id^="s4a-chart-performance-table-DE000A1JUW44"] tr:nth-child(2) td:first-child::after {
  content: "S4A EU Pure Equity";
}

div[id^="s4a-chart-performance-table-DE000A1JUW44"] tr:nth-child(3) td:first-child::after {
  content: "EURO STOXX Net Total Return";
 
}

div[id^="s4a-chart-performance-table-DE000A1JUW44"] tr:nth-child(4) td:first-child::after {
  content: "Outperformance";
}
/* END Row EU Pure Equity */


/* Row EU Pure Equity Germany */
div[id^="s4a-chart-performance-table-DE000A1W8960"] tr:nth-child(2) td:first-child::after {
  content: "S4A Pure Equity Germany";
}

div[id^="s4a-chart-performance-table-DE000A1W8960"] tr:nth-child(3) td:first-child::after {
  content: "DAX 40 Net Total Return";
}

div[id^="s4a-chart-performance-table-DE000A1W8960"] tr:nth-child(4) td:first-child::after {
  content: "MDAX Net Total Return";
}
/* END Row EU Pure Equity Germany */

/* Row Better Future Global */
div[id^="s4a-chart-performance-table-DE000A2PF0X1"] tr:nth-child(2) td:first-child::after {
  content: "Performance";
}
/* END Row Better Future Global */


/* Row US Equity ESG */
div[id^="s4a-chart-performance-table-DE000A3ERMW7"] tr:nth-child(2) td:first-child::after {
  content: "S4A US Equity ESG";
}

div[id^="s4a-chart-performance-table-DE000A3ERMW7"] tr:nth-child(3) td:first-child::after {
  content: "S&P 500 Net Total Return (USD)";
}

div[id^="s4a-chart-performance-table-DE000A3ERMW7"] tr:nth-child(4) td:first-child::after {
  content: "Outperformance";
}
/* END Row US Equity ESG */



/* Row US Equity Small & Mid Cap */
div[id^="s4a-chart-performance-table-DE000A40HG31"] tr:nth-child(2) td:first-child::after {
  content: "S4A US Equity Small & Mid Cap";
}

div[id^="s4a-chart-performance-table-DE000A40HG31"] tr:nth-child(3) td:first-child::after {
  content: "S&P 500 Net Total Return (USD)";
}

div[id^="s4a-chart-performance-table-DE000A40HG31"] tr:nth-child(4) td:first-child::after {
  content: "Outperformance";
}
/* END Row US Equity Small & Mid Cap */

/* Row US Equity ESG */
div[id^="s4a-chart-performance-table-DE000A3ERMW7"] tr:nth-child(2) td:first-child::after {
  content: "S4A US Equity ESG";
}

div[id^="s4a-chart-performance-table-DE000A3ERMW7"] tr:nth-child(3) td:first-child::after {
  content: "S&P 500 Net Return USD Index";
}

div[id^="s4a-chart-performance-table-DE000A3ERMW7"] tr:nth-child(4) td:first-child::after {
  content: "Outperformance";
}
/* END Row US Equity ESG */


/* Kennzahlen finden Sie im Disclaimer löschen */
div[id^="s4a-chart-performance-ratios-risk-table-"] p {
display:none;
}

/*Tabellen in voller Bereite auf dem Smartphone */
/* alle chart-tabellen ansprechen */
div[id^=s4a-chart] {
/* overflow-x: auto;    seitliches Scrollen */
/*  -webkit-overflow-scrolling: touch;  schönes Scrollen auf iOS */
}


div[id^=s4a-chart] th,
div[id^=s4a-chart] td {
white-space: nowrap; /* verhindert Zeilenumbrüche */
}

div[id^="s4a-chart-portfolio-eqsec-table-"] {
white-space: nowrap; /* verhindert Zeilenumbrüche */
}
div[id^="s4a-chart-portfolio-eqsec-table-"] h5 {
white-space: normal; /* verhindert Zeilenumbrüche */
}

.factsheet a:not([href]),
a[href=""] {
    color:#222 !important;
}
.factsheet a[href]:not([href=""]) {
  color: #e32118 !important;
}

/***************************/
/****** ENDE Charts ******/
/***************************/

@media (max-width: 768px) {
   .table-scroll {
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch; /* weiches Scrollen auf Mobilgeräten */
}

.table-scroll table {
    width: max-content; /* ermöglicht horizontales Scrollen */
    white-space: nowrap;
}
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Mencken regular';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://source-for-alpha.de/wp-content/uploads/2025/10/l1_men-reg-1_pro_ws_z01-0f39ce1c.woff') format('woff');
}
@font-face {
	font-family: 'Mencken regular';
	font-style: normal;
	font-weight: 600;
	font-display: auto;
	src: url('https://source-for-alpha.de/wp-content/uploads/2025/10/l1_men-bol-1_pro_ws_z01-4666acb1.woff') format('woff');
}
@font-face {
	font-family: 'Mencken regular';
	font-style: normal;
	font-weight: 900;
	font-display: auto;
	src: url('https://source-for-alpha.de/wp-content/uploads/2025/10/l1_men-extbo-1_pro_ws_z01-7c5fd447.woff') format('woff');
}
/* End Custom Fonts CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://source-for-alpha.de/wp-content/uploads/2025/10/OpenSans-Regular.ttf') format('truetype');
}
/* End Custom Fonts CSS */