.fokus21-parent-research-page {
color: #172033;
}
.fokus21-parent-research-page #primary {
float: none;
width: 100%;
}
.fokus21-parent-research-page .site-main {
display: block;
}
.fokus21-parent-research-page a,
.fokus21-parent-research-page a:hover,
.fokus21-parent-research-page a:focus,
.fokus21-parent-research-page a:visited {
text-decoration: none;
}
.fokus21-parent-research-article,
.fokus21-parent-research-insights,
.fokus21-parent-research-profile,
.fokus21-parent-research-comparison,
.fokus21-parent-research-source-note {
margin-bottom: 28px;
}
.fokus21-parent-research-hero,
.fokus21-parent-research-entry,
.fokus21-parent-research-insights,
.fokus21-parent-research-profile,
.fokus21-parent-research-comparison,
.fokus21-parent-research-source-note {
border: 1px solid rgba(23, 32, 51, 0.1);
border-radius: 8px;
background: #ffffff;
}
.fokus21-parent-research-hero {
display: grid;
grid-template-columns: minmax(0, 1.2fr) minmax(280px, 0.8fr);
gap: 24px;
align-items: end;
padding: 36px;
border-top: 5px solid #004acd;
background:
linear-gradient(135deg, rgba(0, 74, 205, 0.08), rgba(255, 255, 255, 0.96) 46%, rgba(203, 17, 17, 0.08)),
#ffffff;
}
.fokus21-parent-research-badge {
display: inline-flex;
margin-bottom: 14px;
padding: 6px 12px;
border-radius: 999px;
background: #172033;
color: #ffffff;
font-size: 12px;
font-weight: 700;
}
.fokus21-parent-research-hero .entry-title {
margin: 0;
color: #172033;
font-size: 42px !important;
line-height: 1.12;
overflow-wrap: anywhere;
}
.fokus21-parent-research-hero p {
max-width: 760px;
margin: 16px 0 0;
color: #5b6474;
font-size: 17px;
line-height: 1.75;
overflow-wrap: anywhere;
}
.fokus21-parent-research-stats {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 12px;
}
.fokus21-parent-research-stat {
min-width: 0;
padding: 18px;
border: 1px solid rgba(23, 32, 51, 0.1);
border-radius: 8px;
background: rgba(255, 255, 255, 0.88);
box-shadow: 0 12px 30px rgba(23, 32, 51, 0.07);
}
.fokus21-parent-research-stat strong {
display: block;
color: #cb1111;
font-size: 32px;
line-height: 1;
}
.fokus21-parent-research-stat span,
.fokus21-parent-research-stat em {
display: block;
margin-top: 8px;
color: #172033;
font-size: 14px;
font-style: normal;
font-weight: 700;
overflow-wrap: anywhere;
}
.fokus21-parent-research-stat em {
color: #6a7280;
font-size: 12px;
font-weight: 400;
}
.fokus21-parent-research-entry {
margin-top: 18px;
padding: 26px;
}
.fokus21-parent-research-insights,
.fokus21-parent-research-profile,
.fokus21-parent-research-comparison,
.fokus21-parent-research-source-note {
padding: 30px;
}
.fokus21-parent-research-section-heading {
margin-bottom: 24px;
padding-bottom: 18px;
border-bottom: 1px solid rgba(23, 32, 51, 0.1);
}
.fokus21-parent-research-section-heading.has-side {
display: flex;
align-items: flex-end;
justify-content: space-between;
gap: 22px;
}
.fokus21-parent-research-section-heading p {
margin: 0 0 8px;
color: #004acd;
font-size: 13px;
font-weight: 700;
}
.fokus21-parent-research-section-heading h2 {
max-width: 900px;
margin: 0;
color: #172033;
font-size: 30px !important;
line-height: 1.22;
overflow-wrap: anywhere;
}
.fokus21-parent-research-section-heading span {
display: block;
max-width: 760px;
margin-top: 10px;
color: #5b6474;
font-size: 15px;
line-height: 1.65;
}
.fokus21-parent-research-insight-grid,
.fokus21-parent-research-profile-grid,
.fokus21-parent-research-table-grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 16px;
}
.fokus21-parent-research-profile-grid,
.fokus21-parent-research-table-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.fokus21-parent-research-insight,
.fokus21-parent-research-data-card,
.fokus21-parent-research-table-card,
.fokus21-parent-research-chart-block {
min-width: 0;
border: 1px solid rgba(23, 32, 51, 0.1);
border-radius: 8px;
background: #ffffff;
box-shadow: 0 14px 34px rgba(23, 32, 51, 0.06);
}
.fokus21-parent-research-insight {
padding: 22px;
}
.fokus21-parent-research-insight span {
display: inline-flex;
margin-bottom: 14px;
padding: 5px 10px;
border-radius: 999px;
background: rgba(203, 17, 17, 0.1);
color: #cb1111;
font-weight: 700;
}
.fokus21-parent-research-insight h3,
.fokus21-parent-research-data-card h3,
.fokus21-parent-research-table-card h3,
.fokus21-parent-research-chart-summary h3,
.fokus21-parent-research-source-note h2 {
margin: 0;
color: #172033;
font-size: 20px !important;
line-height: 1.28;
overflow-wrap: anywhere;
}
.fokus21-parent-research-insight p,
.fokus21-parent-research-chart-summary p,
.fokus21-parent-research-source-note p {
margin: 12px 0 0;
color: #5b6474;
font-size: 15px;
line-height: 1.7;
}
.fokus21-parent-research-data-card {
padding: 22px;
border-top: 4px solid var(--accent-color);
}
.fokus21-parent-research-data-card-head {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 12px;
margin-bottom: 18px;
}
.fokus21-parent-research-data-card-head span {
flex: 0 0 auto;
padding: 4px 9px;
border-radius: 999px;
background: rgba(23, 32, 51, 0.06);
color: #5b6474;
font-size: 12px;
font-weight: 700;
}
.fokus21-parent-research-bar-list {
display: grid;
gap: 14px;
}
.fokus21-parent-research-bar-row-meta {
display: flex;
justify-content: space-between;
gap: 12px;
margin-bottom: 7px;
color: #172033;
font-size: 14px;
}
.fokus21-parent-research-bar-row-meta span,
.fokus21-parent-research-bar-row-meta strong {
min-width: 0;
overflow-wrap: anywhere;
}
.fokus21-parent-research-bar-row-meta strong {
flex: 0 0 auto;
}
.fokus21-parent-research-data-bar {
height: 10px;
border-radius: 999px;
background: rgba(23, 32, 51, 0.08);
overflow: hidden;
}
.fokus21-parent-research-data-bar span {
display: block;
height: 100%;
min-width: 2px;
border-radius: 999px;
background: var(--accent-color);
}
.fokus21-parent-research-delta {
flex: 0 0 170px;
padding: 18px;
border-radius: 8px;
background: #172033;
color: #ffffff;
text-align: center;
}
.fokus21-parent-research-delta strong {
display: block;
color: #ffffff;
font-size: 30px;
line-height: 1;
}
.fokus21-parent-research-delta span {
margin-top: 8px;
color: rgba(255, 255, 255, 0.8);
font-size: 12px;
line-height: 1.4;
}
.fokus21-parent-research-chart-block {
display: grid;
grid-template-columns: minmax(220px, 0.36fr) minmax(0, 0.64fr);
gap: 20px;
margin-bottom: 18px;
padding: 22px;
background: linear-gradient(135deg, #ffffff, #f7f9fc);
}
.fokus21-parent-research-stacked-list {
display: grid;
gap: 16px;
align-content: center;
}
.fokus21-parent-research-stacked-row {
display: grid;
grid-template-columns: 150px minmax(0, 1fr);
gap: 14px;
align-items: center;
}
.fokus21-parent-research-stacked-title {
color: #172033;
font-size: 14px;
font-weight: 700;
}
.fokus21-parent-research-stacked-bar {
display: flex;
min-width: 0;
height: 42px;
border-radius: 8px;
background: rgba(23, 32, 51, 0.08);
overflow: hidden;
}
.fokus21-parent-research-stacked-segment {
display: flex;
align-items: center;
justify-content: center;
min-width: 0;
color: #ffffff;
font-size: 13px;
font-weight: 700;
overflow: hidden;
}
.fokus21-parent-research-stacked-segment span {
display: block;
min-width: 28px;
padding: 0 3px;
text-align: center;
}
.fokus21-parent-research-comparison.is-competence .fokus21-parent-research-stacked-segment.is-low,
.fokus21-parent-research-comparison.is-competence .fokus21-parent-research-legend .is-low::before {
background: #cb1111;
}
.fokus21-parent-research-comparison.is-competence .fokus21-parent-research-stacked-segment.is-medium,
.fokus21-parent-research-comparison.is-competence .fokus21-parent-research-legend .is-medium::before,
.fokus21-parent-research-comparison.is-burnout .fokus21-parent-research-stacked-segment.is-medium,
.fokus21-parent-research-comparison.is-burnout .fokus21-parent-research-legend .is-medium::before {
background: #f2b84b;
}
.fokus21-parent-research-comparison.is-competence .fokus21-parent-research-stacked-segment.is-high,
.fokus21-parent-research-comparison.is-competence .fokus21-parent-research-legend .is-high::before {
background: #2f8f57;
}
.fokus21-parent-research-comparison.is-burnout .fokus21-parent-research-stacked-segment.is-low,
.fokus21-parent-research-comparison.is-burnout .fokus21-parent-research-legend .is-low::before {
background: #2f8f57;
}
.fokus21-parent-research-comparison.is-burnout .fokus21-parent-research-stacked-segment.is-high,
.fokus21-parent-research-comparison.is-burnout .fokus21-parent-research-legend .is-high::before {
background: #cb1111;
}
.fokus21-parent-research-legend {
grid-column: 2;
display: flex;
flex-wrap: wrap;
gap: 10px 16px;
color: #5b6474;
font-size: 13px;
}
.fokus21-parent-research-legend span {
display: inline-flex;
align-items: center;
gap: 7px;
}
.fokus21-parent-research-legend span::before {
content: "";
width: 12px;
height: 12px;
border-radius: 50%;
}
.fokus21-parent-research-table-card {
padding: 20px;
}
.fokus21-parent-research-table-card h3 {
margin-bottom: 14px;
}
.fokus21-parent-research-table-wrap {
overflow-x: auto;
}
.fokus21-parent-research-table-wrap table {
width: 100%;
min-width: 520px;
margin: 0;
border-collapse: collapse;
font-size: 14px;
}
.fokus21-parent-research-table-wrap th,
.fokus21-parent-research-table-wrap td {
padding: 11px 10px;
border-bottom: 1px solid rgba(23, 32, 51, 0.09);
text-align: left;
vertical-align: top;
}
.fokus21-parent-research-table-wrap thead th {
background: rgba(0, 74, 205, 0.08);
color: #172033;
font-weight: 700;
}
.fokus21-parent-research-table-wrap tbody tr:last-child th,
.fokus21-parent-research-table-wrap tbody tr:last-child td {
border-bottom: 0;
color: #172033;
font-weight: 700;
}
.fokus21-parent-research-source-note {
border-left: 5px solid #004acd;
}
@media (max-width: 1024px) {
.fokus21-parent-research-hero,
.fokus21-parent-research-chart-block {
grid-template-columns: 1fr;
}
.fokus21-parent-research-legend {
grid-column: auto;
}
.fokus21-parent-research-insight-grid {
grid-template-columns: 1fr;
}
}
@media (max-width: 782px) {
.fokus21-parent-research-hero,
.fokus21-parent-research-insights,
.fokus21-parent-research-profile,
.fokus21-parent-research-comparison,
.fokus21-parent-research-source-note {
padding: 22px;
}
.fokus21-parent-research-hero .entry-title {
font-size: 32px !important;
}
.fokus21-parent-research-section-heading.has-side {
display: block;
}
.fokus21-parent-research-delta {
max-width: 220px;
margin-top: 18px;
}
.fokus21-parent-research-profile-grid,
.fokus21-parent-research-table-grid {
grid-template-columns: 1fr;
}
.fokus21-parent-research-stacked-row {
grid-template-columns: 1fr;
gap: 8px;
}
}
@media (max-width: 520px) {
.fokus21-parent-research-stats {
grid-template-columns: 1fr;
}
.fokus21-parent-research-data-card-head,
.fokus21-parent-research-bar-row-meta {
display: block;
}
.fokus21-parent-research-data-card-head span,
.fokus21-parent-research-bar-row-meta strong {
display: inline-flex;
margin-top: 8px;
}
}