@font-face {
font-display: swap; font-family: 'Figtree';
font-style: normal;
font-weight: 300;
src: url(https://www.steinbach-strategien.de/wp-content/themes/b5st-steinbach2026/theme/css/fonts/figtree/figtree-v6-latin-300.woff2) format('woff2'); } @font-face {
font-display: swap; font-family: 'Figtree';
font-style: italic;
font-weight: 300;
src: url(https://www.steinbach-strategien.de/wp-content/themes/b5st-steinbach2026/theme/css/fonts/figtree/figtree-v6-latin-300italic.woff2) format('woff2'); } @font-face {
font-display: swap; font-family: 'Figtree';
font-style: normal;
font-weight: 400;
src: url(https://www.steinbach-strategien.de/wp-content/themes/b5st-steinbach2026/theme/css/fonts/figtree/figtree-v6-latin-regular.woff2) format('woff2'); } @font-face {
font-display: swap; font-family: 'Figtree';
font-style: italic;
font-weight: 400;
src: url(https://www.steinbach-strategien.de/wp-content/themes/b5st-steinbach2026/theme/css/fonts/figtree/figtree-v6-latin-italic.woff2) format('woff2'); } @font-face {
font-display: swap; font-family: 'Figtree';
font-style: normal;
font-weight: 500;
src: url(https://www.steinbach-strategien.de/wp-content/themes/b5st-steinbach2026/theme/css/fonts/figtree/figtree-v6-latin-500.woff2) format('woff2'); } @font-face {
font-display: swap; font-family: 'Figtree';
font-style: italic;
font-weight: 500;
src: url(https://www.steinbach-strategien.de/wp-content/themes/b5st-steinbach2026/theme/css/fonts/figtree/figtree-v6-latin-500italic.woff2) format('woff2'); } @font-face {
font-display: swap; font-family: 'Figtree';
font-style: normal;
font-weight: 600;
src: url(https://www.steinbach-strategien.de/wp-content/themes/b5st-steinbach2026/theme/css/fonts/figtree/figtree-v6-latin-600.woff2) format('woff2'); } @font-face {
font-display: swap; font-family: 'Figtree';
font-style: italic;
font-weight: 600;
src: url(https://www.steinbach-strategien.de/wp-content/themes/b5st-steinbach2026/theme/css/fonts/figtree/figtree-v6-latin-600italic.woff2) format('woff2'); } @font-face {
font-display: swap; font-family: 'Figtree';
font-style: normal;
font-weight: 700;
src: url(https://www.steinbach-strategien.de/wp-content/themes/b5st-steinbach2026/theme/css/fonts/figtree/figtree-v6-latin-700.woff2) format('woff2'); } @font-face {
font-display: swap; font-family: 'Figtree';
font-style: italic;
font-weight: 700;
src: url(https://www.steinbach-strategien.de/wp-content/themes/b5st-steinbach2026/theme/css/fonts/figtree/figtree-v6-latin-700italic.woff2) format('woff2'); } @font-face {
font-display: swap; font-family: 'Figtree';
font-style: normal;
font-weight: 800;
src: url(https://www.steinbach-strategien.de/wp-content/themes/b5st-steinbach2026/theme/css/fonts/figtree/figtree-v6-latin-800.woff2) format('woff2'); } @font-face {
font-display: swap; font-family: 'Figtree';
font-style: italic;
font-weight: 800;
src: url(https://www.steinbach-strategien.de/wp-content/themes/b5st-steinbach2026/theme/css/fonts/figtree/figtree-v6-latin-800italic.woff2) format('woff2'); } @font-face {
font-display: swap; font-family: 'Figtree';
font-style: normal;
font-weight: 900;
src: url(https://www.steinbach-strategien.de/wp-content/themes/b5st-steinbach2026/theme/css/fonts/figtree/figtree-v6-latin-900.woff2) format('woff2'); } @font-face {
font-display: swap; font-family: 'Figtree';
font-style: italic;
font-weight: 900;
src: url(https://www.steinbach-strategien.de/wp-content/themes/b5st-steinbach2026/theme/css/fonts/figtree/figtree-v6-latin-900italic.woff2) format('woff2'); }
:root { --custom-color-fafafa: #fafafa;
--custom-color-b4daff: #b4daff;
--custom-color-69b4ff: #69b4ff;
--custom-color-707070: #707070;
--custom-color-222222: #222222;
--custom-color-004488: #004488;
--custom-color-ffffff: #ffffff;
--custom-color-f29e38: #f29e38;
--custom-color-1f8fe6: #1f8fe6;
--custom-color-66e3e1: #66e3e1;
--custom-color-f06e54: #f06e54;
--custom-light-grey: #f0f0f0;
--light-grey: #f6f6f6;
--row-bg: #FDFDFD; --featured-bg: #2C353D;
--nav-color:#2C353D;
--featured-fg: #ffb901;
--featured-fg-trans: rgba(255, 185, 1, 0.75);    --custom-link-color: #1D76D4;
--custom-link-color-hover: var(--featured-fg); --custom-font-family-roboto: "Figtree";
--custom-font-style-normal: normal;
--custom-font-weight-bold: bold;
--custom-font-weight-normal: normal;
--custom-font-size-14: 14px;
--custom-font-size-18: 18px;
--custom-font-size-28: 28px;
--custom-character-spacing-0: 0px;
--custom-line-spacing-16: 16px;
--custom-line-spacing-22: 22px;
--custom-line-spacing-33: 33px;
--custom-font-size: 18px;
}
body{
background-color: #fafafa;
}
a.visually-hidden-focusable{
color: #000000 !important;
}
.row{
font-size: var(--custom-font-size);
background-color: var(--row-bg);
}
.row-grey-bg, .grey-bg{
background-color: var(--light-grey) !important;
}
.container.grey-bg .row, .container-fluid.grey-bg .row{
background-color: var(--light-grey) !important;
}
.row-featured{ color:#ffffff; background-size: 100% 100%;
background-position: 0px 0px;
background-image: linear-gradient(0deg, #2C353D 0%, #2C353DFF 100%);
}
.row-featured-gold{
background-color: var(--featured-fg);
color:#ffffff;
}
.row-footer{
background-color: var(--featured-bg) !important;
color:#ffffff;
border-bottom: 10px solid var(--featured-fg);
}
:is(h1, h2, h3, h4, h5, h6){
margin-top: 1rem;
margin-bottom: 1rem;
font-weight: 900;
}
:is(h4, h5, h6){
margin-bottom: 0 !important;
}
.carousel-caption :is(h1, h2, h3, h4, h5, h6){
margin: 0;
}
.row-featured :is(h1, h2, h3, h4, h5, h6){
color: var(--featured-fg);
}
main a{
color: var(--custom-link-color);
}
main a:hover{
color: var(--custom-link-color-hover);
} .site-header-image {
display: block;
margin: auto;
}
.alignleft {
float: left;
}
.alignright {
float: right;
}
.aligncenter {
clear: both;
display: block;
}
.wp-block-cover-text p {
padding: 1.5em 16px;
}
@media screen and (min-width: 768px) {
.wp-block-cover-text p {
padding: 1.5em 0;
}
}
ul.wp-block-latest-posts.alignwide,
ul.wp-block-latest-posts.alignfull,
ul.wp-block-latest-posts.is-grid.alignwide,
ul.wp-block-latest-posts.is-grid.alignwide {
padding: 0 16px;
}
ol.wp-block-latest-comments {
padding-left: 0;
}
header h2 a {
color: rgba(0, 0, 0, 0.9);
text-decoration: none;
}
header h2 a:hover {
text-decoration: underline;
}
.has-drop-cap:not(:focus):first-letter {
float: left;
font-size: 8.4em;
line-height: 0.68;
font-weight: 100;
margin: 0.05em 0.1em 0 0;
text-transform: uppercase;
font-style: normal;
}
.long-read {
font-size: clamp(1em, calc(0.625em + 1vw), 1.25em);
line-height: inherit;
}
.more-link {
display: block;
margin-bottom: 1rem;
}
.wp-block-code {
padding: 0.5em 1em;
margin: 0 0 1.5rem;
}
.entry-content ul:not(.blocks-gallery-grid),
.entry-content ol {
margin: 0 auto 1.5em auto;
max-width: 720px;
list-style-position: outside;
}
.entry-content li {
margin-left: 2.5em;
}
.entry-content ul ul,
.entry-content ol ol,
.entry-content ul ol,
.entry-content ol ul {
margin: 0 auto;
}
.entry-content ul ul li,
.entry-content ol ol li,
.entry-content ul ol li,
.entry-content ol ul li {
margin-left: 0;
}
.wp-block-quote {
margin-left: 16px;
margin-right: 16px;
padding: 0;
}
.wp-block-quote > * {
margin-left: 1rem;
}
.wp-block-quote.is-large,
.wp-block-quote.is-style-large {
margin: 36px auto;
padding: 0;
}
.wp-block-quote.is-large cite,
.wp-block-quote.is-large footer,
.wp-block-quote.is-style-large cite,
.wp-block-quote.is-style-large footer {
font-size: 13px;
font-size: 0.8125rem;
}
@media screen and (min-width: 768px) {
.wp-block-quote {
margin: 48px auto;
}
}
.wp-block-pullquote > p:first-child {
margin-top: 0;
}
.wp-block-pullquote.alignright {
margin-left: 2rem;
}
.wp-block-pullquote.alignleft {
margin-right: 2rem;
}
.wrap-md {
width: 100%;
max-width: 720px;
margin-right: auto;
margin-left: auto;
padding-right: 0.75rem;
padding-left: 0.75rem;
}
.wrap-lg {
width: 100%;
max-width: 960px;
margin-right: auto;
margin-left: auto;
padding-right: 0.75rem;
padding-left: 0.75rem;
}
.entry-content > .alignwide,
.wp-block-image.alignwide,
.wp-block-gallery.alignwide {
width: 100vw;
max-width: 1100px;
margin: 1.5em 0 1.5em 50%;
transform: translateX(-50%);
}
.entry-content > .alignwide > img {
width: 1320px;
}
.entry-content > .alignfull,
.wp-block-image.alignfull,
.wp-block-gallery.alignfull {
width: 100vw;
max-width: 100vw;
margin: 1.5em 0 1.5em 50%;
transform: translateX(-50%);
}
.entry-content > .alignfull > img {
width: 100vw;
}
.wp-block-columns {
padding-right: 1rem;
padding-left: 1rem;
}
.wp-block-separator {
margin: 3em auto;
padding: 0;
}
.wp-block-group > .wp-block-group__inner-container > * {
max-width: 720px;
margin-left: auto;
margin-right: auto;
}
.wp-block-group > .wp-block-group__inner-container > .alignwide {
width: 100vw;
max-width: 1100px;
margin: 1.5em 0 1.5em 50%;
transform: translateX(-50%);
}
.wp-block-group > .wp-block-group__inner-container > .alignfull {
width: 100vw;
max-width: 100vw;
margin: 1.5em 0 1.5em 50%;
transform: translateX(-50%);
}
.wp-block-group.has-background
> .wp-block-group__inner-container
> :first-child {
margin-top: 0;
}
.wp-block-group.has-background > .wp-block-group__inner-container > .alignfull {
width: calc(100% + 60px);
max-width: calc(100% + 60px);
position: relative;
left: -30px;
}
img,
.size-auto,
.size-full,
.size-large,
.size-medium,
.size-thumbnail {
max-width: 100%;
height: auto;
}
.attachment-post-thumbnail {
margin-bottom: 1.5em;
}
.wp-block-image img {
display: block;
}
.wp-block-image.alignleft,
.wp-block-image.alignright {
width: 100%;
}
.wp-block-image.alignfull img {
width: 100vw;
}
.wp-block-image .alignleft img,
.wp-block-image .alignright img,
.wp-block-image .alignleft figcaption,
.wp-block-image .alignright figcaption {
max-width: 100%;
width: 100%;
}
.wp-block-image .alignfull,
.wp-block-gallery.alignfull {
width: 100vw;
}
.wp-block-image .alignright,
.wp-block-image .alignleft,
.wp-block-gallery.alignright,
.wp-block-gallery.alignleft {
max-width: calc((720px / 2) - 16px);
}
.wp-block-image .alignright,
.wp-block-gallery.alignright {
margin-left: 2rem;
}
.wp-block-image .alignleft,
.wp-block-gallery.alignleft {
margin-right: 2rem;
}
.wp-block-embed.type-video > .wp-block-embed__wrapper {
position: relative;
width: 100%;
height: 0;
padding-top: 56.25%;
}
.wp-block-embed.type-video > .wp-block-embed__wrapper > iframe {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
bottom: 0;
right: 0;
}
.wp-block-video video {
max-width: 720px;
}
.wp-block-table {
overflow-x: auto;
margin: 1.5rem;
}
.wp-block-table table {
border-collapse: collapse;
}
.wp-block-table td,
.wp-block-table th {
padding: 0.5em;
}
#comments,
#reply-title {
margin-top: 1.5rem;
margin-bottom: 1rem;
}
.comment-list,
.comment-list ul {
padding-left: 0;
}
.comment-list li {
padding: 1rem;
}
.comment-meta {
margin-bottom: 1rem;
}
.comment-list,
.comment-list .children {
list-style-type: none;
}
.comment {
border: 1px solid #dee2e6;
border-radius: 0.25rem;
box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
}
body {
display: flex;
min-height: 100vh;
flex-direction: column;
}
main {
flex: 1 0 auto;
}
.footer-sitemap-list .footer-sitemap-details {
font-size: .9rem;
}
.footer-sitemap-list .footer-sitemap-toggle {
cursor: pointer;
color: #ffffff;
list-style: none;
}
.footer-sitemap-list .footer-sitemap-toggle::-webkit-details-marker {
display: none;
}
.footer-sitemap-list .footer-sitemap-toggle::marker {
content: '';
}
.footer-sitemap-list .footer-sitemap-toggle:hover,
.footer-sitemap-list .footer-sitemap-toggle:focus-visible {
color: var(--featured-fg);
text-decoration: underline;
}
.footer-sitemap-list .footer-sitemap-toggle .bi {
color: #54a0e7e8;
}
body {
font-family: var(--custom-font-family-roboto), Arial, Helvetica,
sans-serif;
font-style: var(--custom-font-style-normal);
letter-spacing: var(--custom-character-spacing-0);
color: var(--custom-color-222222);
padding-top: 90px;
}
.max-w-275{
max-width: 275px;
}
.max-w-250{
max-width: 250px;
}
.max-w-200{
max-width: 200px;
}
#site-navbar{
border-top: 10px solid #54b6e7;
background-color: #ffffff;
} .custom-style-1 {
font-family: var(--custom-font-family-roboto), Arial, Helvetica,
sans-serif;
font-style: var(--custom-font-style-normal);
font-weight: var(--custom-font-weight-normal);
font-size: var(--custom-font-size-28);
line-height: var(--custom-line-spacing-33);
color: var(--custom-color-707070);
}
.custom-style-2 {
font-family: var(--custom-font-family-roboto), Arial, Helvetica,
sans-serif;
font-style: var(--custom-font-style-normal);
font-weight: var(--custom-font-weight-bold);
font-size: var(--custom-font-size-18);
line-height: var(--custom-line-spacing-22);
color: var(--custom-color-ffffff);
}
.custom-style-3 {
font-family: var(--custom-font-family-roboto), Arial, Helvetica,
sans-serif;
font-style: var(--custom-font-style-normal);
font-weight: var(--custom-font-weight-normal);
font-size: var(--custom-font-size-14);
line-height: var(--custom-line-spacing-16);
color: var(--custom-color-ffffff);
}
.custom-style-4 {
font-family: var(--custom-font-family-roboto), Arial, Helvetica,
sans-serif;
font-style: var(--custom-font-style-normal);
font-weight: var(--custom-font-weight-bold);
font-size: var(--custom-font-size-28);
line-height: var(--custom-line-spacing-33);
color: var(--custom-color-ffffff);
}
.custom-style-5 {
font-family: var(--custom-font-family-roboto), Arial, Helvetica,
sans-serif;
font-style: var(--custom-font-style-normal);
font-weight: var(--custom-font-weight-normal);
font-size: var(--custom-font-size-18);
line-height: var(--custom-line-spacing-22);
color: var(--custom-color-ffffff);
}
.custom-style-6 {
font-family: var(--custom-font-family-roboto), Arial, Helvetica,
sans-serif;
font-style: var(--custom-font-style-normal);
font-weight: var(--custom-font-weight-normal);
font-size: var(--custom-font-size-18);
line-height: var(--custom-line-spacing-22);
color: var(--custom-color-004488);
}
.custom-style-7 {
font-family: var(--custom-font-family-roboto), Arial, Helvetica,
sans-serif;
font-style: var(--custom-font-style-normal);
font-weight: var(--custom-font-weight-bold);
font-size: var(--custom-font-size-18);
line-height: var(--custom-line-spacing-22);
color: var(--custom-color-004488);
}
.custom-style-8 {
font-family: var(--custom-font-family-roboto), Arial, Helvetica,
sans-serif;
font-style: var(--custom-font-style-normal);
font-weight: var(--custom-font-weight-normal);
font-size: var(--custom-font-size-18);
line-height: var(--custom-line-spacing-22);
color: var(--custom-color-004488);
} .accordion-style .card {
background: transparent;
box-shadow: none;
margin-bottom: 15px;
margin-top: 0 !important;
border: none;
}
.accordion-style .card:last-child {
margin-bottom: 0;
}
.accordion-style .card-header {
border: 0;
background: none;
padding: 0;
border-bottom: none;
}
.accordion-style .btn-link {
color: #f99218;
position: relative;
display: block;
width: 100%;
text-align: left;
white-space: normal;
box-shadow: none;
padding: 5px 25px;
text-decoration: none;
}
.mx-auto {
margin-right: auto !important;
margin-left: auto !important;
}
.rounded {
border-radius: 0.25rem !important;
}
img {
max-width: 100%;
height: auto;
vertical-align: top;
}
.accordion-style .btn-link:hover {
text-decoration: none;
}
.accordion-style .btn-link.collapsed {
color: #575a7b;
}
.accordion-style .btn-link.collapsed:after {
content: "\F285";
font-family: "bootstrap-icons";
position: absolute;
top: 50%;
left: 0;
font-size: 1rem;
color: #f99218; height: 40px;
border-radius: 50%;
background: transparent;
display: flex;
align-items: center;
justify-content: center;
transform: translateY(-50%); transition-property: transform;
transition-duration: 500ms;
}
.accordion-style .btn-link:after {
content: "\F282";
font-family: "bootstrap-icons";
position: absolute;
top: 50%;
left: 0;
font-size: 1rem;
color: #f99218; height: 40px;
border-radius: 50%;
background: transparent;
display: flex;
align-items: center;
justify-content: center;
transform: translateY(-50%); transition-property: transform;
transition-duration: 500ms;
}
.accordion-style .card-body {
padding-top: 0px;
padding-left: 25px;
padding-bottom: 0;
}
.accordion-style .card-body:before {
position: absolute;
content: ""; left: 20px;
top: 0;
z-index: 1;
bottom: 0;
} .stb-custom-bordered-cards .card {
border-radius: 20px;
background: #004488 0% 0% no-repeat; box-shadow: 2px 5px 6px #00000029; }
.stb-custom-bordered-cards .card *{
color: #ffffff !important;
}
.stb-custom-bordered-cards .card:hover{ box-shadow: 0px 4px 18px 4px rgba(0, 32, 64,0.8);
box-shadow: 0px 4px 14px 4px rgba(0, 0, 0,0.75);
}
main ul,
ul.no-indent {
list-style-position: inside;
padding-left: 0 !important;
}  #SITE-main ul, #site-main ul {
list-style: none; padding-left: 0 !important; }
#SITE-main ul li, #site-main ul li {
position: relative; padding-left: 1.5em; }
#SITE-main ul#pills-tab li,#site-main ul#pills-tab li{
padding-left: 0 !important;
}
#SITE-main ul:not(.nav-pills):not(#pills-tab):not(.seiten-ankerlinks__list) li::before,
#site-main ul:not(.nav-pills):not(#pills-tab):not(.seiten-ankerlinks__list) li::before
{
content: "\F280"; font-family: bootstrap-icons !important;
font-style: normal;
font-weight: normal !important;
font-variant: normal;
position: absolute;
left: 0; color: var(--custom-link-color);
}
.xcarousel-caption.stb-slide-caption {
background: #ffffff;
color: #004488;
width: 100% !important;
right: 15%;
bottom: 1.25rem;
left: 15%;
padding-top: 1.25rem;
padding-bottom: 1.25rem;
text-align: center;
}
.navbar-nav a {
color: var(--nav-color);
font-size: 1em;
}
.navbar-nav a:hover, .navbar-nav .active a {  color: #105A80 !important;
}
#stb-slides p {
color: #707070;
font-size: 22px;
float: left;
line-height: normal;
}
#stb-slides h1,
#stb-slides h2,
#stb-slides h3,
#stb-slides h4,
#stb-slides h5,
#stb-slides h6 {
font-size: 24px;
color: #004488;
font-weight: 700; line-height: normal;
margin-right: 5px;
}
.stb-acc-btn {
color: #707070 !important;
font-weight: 700 !important;
}
.stb-acc-cnt {
color: #707070 !important;
}
.stb-custom-bold {
color: #004488;
font-weight: 700;
}
.stb-custom-light {
color: #004488;
font-weight: normal !important;
}
.orange {
color: #f06e54;
}
.font-18 {
font-size: 18px;
}
.stb-contact-icon a {
font-size: 18px;
}
.stb-strong{
font-weight: 700;
}
.stb-contact-icon i.bi {
font-size: 26px;
vertical-align: -5px !important;
margin-right: 9px;
}
.lh-32 {
line-height: 32px;
}
.nav-link img {
margin-top: .4em;
max-width: 23px;
}
.img-radius-3 {
border-radius: 3px;
}
.card-body {
color: #707070;
font-size: 18px; }
.stb-custom-bordered-cards .card-body {
padding: 0 !important;
}
.card-body .date {
font-size: 14px;
font-style: italic;
}
.stb-news-events-blue {
color: #1f8fe6;
transition-property: color;
transition-duration: 500ms;
}
a.stb-news-events-blue:hover {
color: #0e5a94 !important;
}
.box-shadowed {
box-shadow: 2px 3px 5px #00000029;
}
a {
text-decoration: none !important;
}
.stb-link-white {
color: #ffffff;
transition-property: color;
transition-duration: 500ms;
}
.stb-link-white:hover {
color: #ffffff75;
}
.card-img-top {
border: 1px solid #00000029;
}
a.stb-hover-bg-image img {
transition: opacity 250ms linear;
}
a.stb-hover-bg-image img:hover {
opacity: 75% !important;
}
.stb-jobs-color {
color: #004488;
transition-property: opacity;
transition-duration: 500ms;
}
a.stb-jobs-color:hover {
opacity: 70%;
}
.fs-1rem .card-body {
font-size: 1rem !important;
}
.job-post .job-side .job-content-wrap {
background: #ffffff30 !important;
color: #ffffff !important;
box-shadow: 2px 3px 5px #00000029;
border: none !important;
padding-top: 1rem !important;
padding-bottom: 1rem !important;
}
.job-post .job-side .jobs-row.position_logo {
margin: 0px !important;
margin-top: 1.5rem !important;
}
.job-post .jobs-row .jobs-row-label span {
border-bottom: 2px solid #e4e4e4;
padding-bottom: 2px;
border: none !important;
}
.job-post {
width: 100%;
max-width: 1100px;
margin: 0 !important;
overflow: auto;
padding: 0 !important;
}
.job-content .job-content-wrap {
padding: 0 !important;
padding-right: 2rem;
}
.job-post .jobs-row {
margin: 0 0 30px !important;
}
.jp-apply-button,
.primary-style {
background-color: #ffffff !important;
color: #004488 !important;
border-radius: 3px !important;
padding: 12px 10px;
font-weight: 500 !important;
font-size: 16px;
line-height: 25px;
margin-top: 5px;
text-transform: uppercase;
display: block !important;
width: 100%;
text-align: center;
transition: background 0.5s ease;
border: none;
width: 100%;
cursor: pointer;
box-shadow: 2px 3px 5px #00000029;
}
.jobs-modal .jobs-modal-content {
width: 90%;
max-width: 650px;
background: #fff;
position: relative;
margin: 0 auto;
padding: 20px 30px !important;
box-shadow: 2px 3px 5px #00000029 !important;
border-radius: 3px !important;
top: -50px;
transition: all 0.5s ease;
}
.jobs-modal-form .modal-input-text {
background: #e1e1e1;
padding: 5px 10px !important;
border: 1px solid #00448805 !important;
border-radius: 2px !important;
display: block;
width: 100%;
max-width: 100%;
height: 32px !important;
color: #004488 !important;
}
.jobs-modal-form .modal-input-fileinput {
background: transparent !important;
padding: 0px !important;
border: none !important;
border-radius: 0 !important;
}
.jobs-modal .jobs-modal-content .modal-close {
position: absolute;
width: 20px !important;
height: 20px !important;
right: 20px !important;
top: 20px !important;
cursor: pointer;
padding: 0;
margin: 0;
}
.jobs-modal .modal-title,
.jobs-modal .input-label {
color: #004488 !important;
}
.jobs-modal-form button {
background-color: #004488 !important;
color: #fff;
border-radius: 3px !important;
padding: 12px 10px;
font-weight: normal !important;
font-size: 14px;
line-height: 20px;
margin-top: 0px;
text-transform: none;
display: block !important;
width: 100%;
text-align: center;
transition: background 0.5s ease;
border: none;
width: 100%;
cursor: pointer;
box-shadow: 2px 3px 5px #00000029 !important;
}
.jobs-modal-form .choose_file,
.jobs-modal-form .choose_file_multi,
.jobs-modal-form .choose_file_multi_add {
background: #004488 !important;
border-radius: 3px !important;
padding: 8px 20px 9px;
}
#job-apply-confirmation {
color: #004488 !important;
}
.stb-accordeon-header .btn-link {
font-size: 18px !important;
}
.stb-light {
font-weight: 300 !important;
}
.text-italic {
font-style: oblique;
}
.stb-blue {
color: #0d6efd !important;
}
.stb-logo-blue {
color: var(--custom-color-004488) !important;
}
.stb-small {
font-size: 10px !important;
}
.location-footer a,
.stb-contact-icon a {
color: #ffffff !important;
}
#footer .navbar-nav a {
color: #ffffff !important;
font-size: 18px !important;
}
#footer .navbar-nav a:hover {
color: #fefefe !important;
}
.locations-footer-border-right {
border-right: 2px solid #ffffff;
}
.eqh-220 {
height: 220px;
}
.eqh-150 {
height: 150px;
}
.stb-mobile-cc.carousel-control-prev,
.stb-mobile-cc.carousel-control-next {
opacity: 1 !important;
width: auto;
}
.stb-mobile-cc-next,
.stb-mobile-cc-prev {
background-color: #1f8fe6;
background-image: none;
border-radius: 50%;
padding-top: 4px;
}
.stb-mobile-cc-next.job,
.stb-mobile-cc-prev.job {
background-color: #004488;
}
.min-h-500 {
height: calc(100vh - 400px) !important;
}
@media (max-width: 575.98px) {
.xcarousel-caption.stb-slide-caption {
text-align: left;
}
.card-text.text-center {
text-align: left !important;
}
.card-text.custom-style-7 {
text-align: left !important;
margin-bottom: 0 !important;
}
}
img.img-fill-browser {
height: calc(100vh - 180px) !important;
}
.cnt-full-center{
margin: 0 auto !important;
width: fit-content;
}
section.smt-1 {
scroll-margin-top: 1em;
}
#navbarSupportedContent a.nav-link {
padding-top: 0 !important;
}
.stb-acc-cnt h1,.stb-acc-cnt h2,.stb-acc-cnt h3,.stb-acc-cnt h4,.stb-acc-cnt h5,.stb-acc-cnt h6{
font-weight: normal;
margin: 1rem 0;
font-size: 1rem;
color: #004488;
}
.carousel-caption h1{
text-transform: uppercase;
font-weight: 700;
font-size: 2rem;
}
.jobs-row.position_job_location{
margin-top: 1rem !important;
}
main img{
border-radius: 5px;
}
.carousel-control-prev-icon {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffb901'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e");
}
.carousel-control-next-icon {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffb901'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}
.owl-next i {
color: #fb09b1;
}
.leistungsseite .owl-carousel{
margin-bottom: 3rem;
}
.leistungsseite .owl-stage-outer {
padding: 5px 0 !important;
}
.carousel-control-next-icon,
.carousel-control-prev-icon,
.carousel-bottom-icon {
display: inline-block;
width: 3rem;
height: 3rem;
background-repeat: no-repeat;
background-position: 50%;
background-size: 100% 100%;
}
.carousel-control-next-icon, .carousel-control-prev-icon, .carousel-bottom-icon {
width: 3rem;
height: 3rem;
}  .multi-carousel {
overflow: hidden
}
#gallery-img-carousel .carousel-inner .carousel-item.active,
#gallery-img-carousel .carousel-inner .carousel-item-next,
#gallery-img-carousel .carousel-inner .carousel-item-prev {
display: flex
}
#gallery-img-carousel .imb-ref-img {
padding: 0 1rem;
}
#gallery-img-carousel .carousel-inner {
margin: 0 8.33333333%;
}
#gallery-img-carousel .carousel-inner .active.left {
left: -25%;
}
#gallery-img-carousel .carousel-inner .active.right {
left: 25%;
}
#gallery-img-carousel .carousel-inner .next {
left: 25%;
}
#gallery-img-carousel .carousel-inner .prev {
left: -25%;
} .nav-pills button{
text-transform: uppercase;
color: #FFB901;
}
.nav-pills .nav-link:hover{
color: var(--featured-bg);
background: var(--custom-link-color);
}
.nav-pills .nav-link.active{
color: var(--featured-bg);
background: var(--custom-link-color);
}
.text-white{
color: #ffffff;
}
.largest{
font-size: 3rem;
}
.bold{
font-weight: 900;
}
.text-bg-featured{
background-color: var(--featured-fg);
font-weight: 400;
color: var(--featured-bg);
padding: 0.5rem 1.75rem;
}
.badge.text-bg-featured {
padding: 0.5rem;
}
.row-default a.text-bg-featured:hover,
.row-featured a.text-bg-featured:hover{
color:#ffffff !important;
}
.zweizeillig{
height: 3.5rem;
}
.dreizeilig{
height: 4rem;
}
.rotate-15{
transform: rotate(-5deg);
border-radius: 0;
scale:80%;
}
.shadowed{
border:1px solid rgba(0,0,0,0.25);
box-shadow: 0 0 9px rgba(0,0,0,0.25);
}
.bordered{
border:1px solid rgba(0,0,0,0.25);
}
p .fs-7, .fs-7{
font-size: 10pt;
font-weight: 400;
line-height: 15px !important;
display: block;
padding-top: 5px;
}
#site-footer a{
color: #ffffff;
}
#site-footer a:hover{
color:var(--featured-fg);
}
.top-bottom-bordered{
border: 1px solid rgba(84,182,231,.35); background: linear-gradient(180deg, rgba(84,182,231,0.075)35%, rgba(255,185,1,0.075) 100%);
}
.no-top-bottom-bordered{
border: none;
background: linear-gradient(180deg, rgba(0,0,0,0.1075)35%, rgba(0,0,0,0.125) 100%);
}
.testimonial-carousel {
position: relative; margin: auto; } .testimonial-carousel .carousel-item { align-items: center;
justify-content: center;
min-height: 250px; }
.testimonial-item {
display: flex;
flex-direction: column;
justify-content: center;
}
.testimonial-text { font-style: italic;
flex-grow: 1;
}
.col-lg-12 .testimonial-text{
font-size: 1.35rem;
}
.testimonial-author {
margin-top: 10px;
font-weight: bold;
font-size: 1rem;
} .testimonial-carousel .carousel-controls {
position: absolute;
top: 0;
left: 0;
z-index: 10;
}
.testimonial-carousel .carousel-controls .btn {
background: none;
border: none;
font-size: 1.7rem;
color: #333;
transition: 0.3s;
}
.testimonial-carousel .carousel-controls .btn:hover {
color: #007bff;
} .testimonial-carousel .carousel-indicators {
left: 0;
z-index: 10;
margin: 0;
justify-content: flex-start;
bottom:-0.57em;
} .testimonial-carousel .carousel-indicators [data-bs-target] {
width: 10px;
height: 10px;
border-radius: 50%;
background-color: #333 !important; opacity: 0.5;
transition: opacity 0.3s ease, background-color 0.3s ease;
}
.testimonial-carousel .carousel-indicators .active {
background-color: var(--custom-link-color) !important; opacity: 1 !important; }
.row-featured-gold .testimonial-carousel .carousel-indicators .active{
background-color: #ffffff !important; }
.transparent{
background: transparent !important;
}
i.countable-number {
font-style: normal !important;
}
@property --angle{
syntax: "<angle>";
initial-value: 0deg;
inherits: false;
}
.row-featured-gold{
background-color: var(--featured-fg);
color:#ffffff; }
.col-featured{
background-color: var(--featured-fg);
color:#ffffff;
border-radius: 5px;
}
.featured-grey{
background-color: var(--light-grey);
border-radius: 5px;
} @keyframes spin {
from{
--angle:0deg;
}
to{
--angle:360deg;
}
}
.subtle-text-shadow{
text-shadow: 0 0 3px rgba(0,0,0,0.25);
}
.nebula-bg{
background-size: 100% 100%;
background-position: 0px 0px,0px 0px,0px 0px,0px 0px,0px 0px,0px 0px,0px 0px,0px 0px,0px 0px,0px 0px,0px 0px,0px 0px;
background-image: radial-gradient(18% 28% at 24% 50%, #54B6E71A 7%, #073AFF00 100%),radial-gradient(18% 28% at 18% 71%, #FFFFFF59 6%, #073AFF00 100%),radial-gradient(70% 53% at 36% 76%, #FCFCFCFF 0%, #073AFF00 100%),radial-gradient(42% 53% at 15% 94%, #FFFFFFFF 7%, #073AFF00 100%),radial-gradient(42% 53% at 34% 72%, #FFFFFFFF 7%, #073AFF00 100%),radial-gradient(18% 28% at 35% 87%, #FFFFFFFF 7%, #073AFF00 100%),radial-gradient(31% 43% at 7% 98%, #FFFFFFFF 24%, #073AFF00 100%),radial-gradient(21% 37% at 72% 23%, #FFB9010F 24%, #073AFF00 100%),radial-gradient(21% 37% at 72% 23%, #E7E7E708 34%, #073AFF00 100%),radial-gradient(35% 56% at 91% 74%, #EFEFEFF5 10%, #073AFF00 100%),radial-gradient(74% 86% at 67% 38%, #F2F2F2F5 24%, #073AFF00 100%),linear-gradient(125deg, #F3F9FFFF 1%, #4C00FC0F 100%);
}
.container{
border-left: 0.7px solid #dddddd;
border-right: 0.7px solid #dddddd;
}
@keyframes subtleRotate {
0% { transform: rotate(-5deg) scale(1) }
50% { transform: rotate(-3deg) scale(.99)}
100% { transform: rotate(-5deg) scale(1) }
}
.animated-image {
display: inline-block; animation: subtleRotate 7s ease-in-out infinite;
}
.badge{
border-radius: 2px;
}
.wpf_has_custom_css{
border-radius: 2px;
background-color: var(--featured-fg);
font-weight: 400;
color: var(--featured-bg);
padding: 0.5rem 1.75rem;
font-size: 1rem !important;
}
.wpf_has_custom_css:hover{
color: #ffffff !important;
}
a .bi.bi-linkedin{
vertical-align: -0.25em !important;
}
.row-featured a:hover{
color: var(--featured-fg-trans) !important;
}
a.badge.text-bg-featured:hover{
color: #ffffff !important;
}
.img-shadow{
box-shadow: 1px 1px 5px rgba(1,1,1,0.125);
}
.head-slider .carousel-caption{ background: #1E82B6; background: #54b6e7; padding: 25px;
border-radius: 5px;
color: #203463;
color: #ffffff;
max-width: 780px;
right: 12.5%;
left: auto;
top: 66.33%;
transform: translateY(-50%);
bottom: auto;
text-align: left; }
@media (max-width: 1099px) {
.head-slider .carousel-caption{
background: rgba(84, 182, 231, 1);   padding: 15px;
color: #fff;
left: 0;
top: auto;
text-align: left;
bottom: 0;
width: calc(100vw);
max-width: calc(100vw);
border-radius: 0;
transform: translateY(0%);
height: fit-content;
min-height: 108px;
}
.head-slider .carousel-caption h1{
font-size: 1.25rem;
}
.head-slider .carousel-caption p{
margin-bottom: 0;
}
.col-lg-12 .testimonial-text{
font-size: 1.1rem;
}
}
.card.card-stst, .card.card-stst .card-header, .card.card-stst .card-body, .card.card-stst .card-footer{
background-color: transparent !important;
border: none;
}
.card.card-stst .card-body{
color: #ffffff;
} .features-output {
row-gap: 1.5rem;
margin-top: 2rem;
margin-bottom: 1.5rem;
}
.features-output > .col {
padding-left: .75rem;
padding-right: .75rem;
}
.card.card-stst.feature-card {
position: relative;
overflow: hidden;
border: 1px solid rgba(255, 255, 255, .16);
border-radius: 0; background: linear-gradient(155deg, rgba(255, 255, 255, .195), rgba(255, 255, 255, .135)) !important;
box-shadow: 0 1rem 2rem rgba(0, 0, 0, .14);
text-align: left;
transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease;
} .card.card-stst.feature-card:hover {
border-color: rgba(255, 185, 1, .62);
box-shadow: 0 1.25rem 2.5rem rgba(0, 0, 0, .22);
transform: translateY(-4px);
}
.feature-card-header {
min-height: 6rem;
padding: 1.5rem 1.5rem .5rem;
border: 0 !important;
background: transparent !important;
}
.feature-card-number {
display: block;
margin-bottom: 1rem;
color: rgba(255, 255, 255, .46);
font-size: .78rem;
font-weight: 900;
letter-spacing: .18em;
line-height: 1;
}
.feature-card .card-title {
margin: 0;
color: var(--featured-fg);
font-size: clamp(1.2rem, 1.4vw, 1.55rem);
line-height: 1.12;
}
.feature-card-link { gap: .8rem;
color: var(--featured-fg) !important;
}
.feature-card-arrow {
flex: 0 0 auto;
margin-top: -.1rem;
color: rgba(255, 255, 255, .72);
font-size: 1.35rem;
line-height: 1;
transition: color .25s ease, transform .25s ease;
} .card.card-stst.feature-card .card-body {
padding: .75rem 1.5rem 1.6rem;
color: rgba(255, 255, 255, .9);
font-size: 1rem;
line-height: 1.55;
}
.card.card-stst.feature-card .card-body p:last-child {
margin-bottom: 0;
}
@media (max-width: 767.98px) {
.feature-card-header {
min-height: auto;
padding: 1.35rem 1.25rem .45rem;
}
.card.card-stst.feature-card .card-body {
padding: .65rem 1.25rem 1.35rem;
}
}
@media (prefers-reduced-motion: reduce) {
.card.card-stst.feature-card,
.feature-card-arrow {
transition: none;
}
}  .carousel-fade .carousel-inner .item {
opacity: 0;
transition-property: opacity;
transition-duration: 4s;
transition-timing-function:linear;
}
.carousel-fade .carousel-inner .active {
opacity: 1;
}
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
left: 0;
opacity: 0;
z-index: 1;
}
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
opacity: 1;
}
.carousel-fade .carousel-control {
z-index: 2;
} @media all {
.carousel.carousel-fade .carousel-item {
opacity: 0;
visibility: hidden;
transition: opacity 1s ease-in-out, visibility 0s linear 2s;
position: absolute;
left: 0;
top: 0;
width: 100%;
}
.carousel.carousel-fade .carousel-item.active {
opacity: 1;
visibility: visible;
transition: opacity 1s ease-in-out;
position: relative;
}
}
.modal-header{
border-bottom: none !important;
}
.modal a{
color: var(--custom-link-color);
}
.custom_hide_labels .ff-el-group label{
visibility: hidden !important;
display: none !important;
}
.custom_hide_labels .ff-el-input--label{
visibility: hidden !important;
display: none !important;
}
.ff-btn.ff-btn-next.ff-btn-secondary,
.ff-btn.ff-btn-prev.ff-btn-secondary{
border:none !important;
border-radius: 2px;
background-color: var(--custom-link-color) !important;
color: var(--featured-bg) !important;
font-size: 0.85em;
padding:0.5em;
min-width: 100px;
} .language-switcher {
display: inline-flex;
align-items: center;
gap: 8px; } .lang-flag{
margin-left: .75em;
}
.lang-flag img {
width: 150%;
height: 150%;
vertical-align: middle;
border-radius: 2px;
} .navbar-toggler {
padding: 0.125rem 0.175rem;
padding: 0;
vertical-align: middle;
border: none;
}
.navbar-toggler:focus {
text-decoration: none;
outline: 0;
box-shadow: none;
} .close-icon {
display: none;
} .navbar-toggler i {
font-size: 1.85rem !important;
transition: opacity 0.75s ease, transform 0.75s ease;
} .navbar-toggler.collapsed .open-icon {
display: inline;
}
.navbar-toggler.collapsed .close-icon {
display: none;
} .navbar-toggler:not(.collapsed) .open-icon {
display: none;
transform: rotate(180deg); }
.navbar-toggler:not(.collapsed) .close-icon {
display: inline;
transform: rotate(180deg); }
.nav-pills .nav-link{
border:1px solid var(--custom-link-color);
}
.nav-pills .nav-item{
margin-bottom: 5px;
margin-right: 5px;
margin-left: 5px;
}
.nav-pills .nav-item:first-child{
margin-left: 0;
}
.nav-pills .nav-item:last-child{
margin-right: 0;
}
@media (max-width: 576px) {
.nav-pills .nav-link,
.nav-pills .nav-item
{
width: 100%;
}
.nav-pills .nav-item{
margin-bottom: 5px;
margin-right: 0;
margin-left: 0;
}
}
iframe div[class^="Title_module_headers__"]{
display: none !important;
}
.stst-gold{
color: var(--featured-fg);
}
.accordion-button{
background-color: var(--featured-fg);
color:var(--featured-bg) !important;
}
.accordion-button:not(.collapsed){
background-color: var(--featured-bg) !important;
color:var(--featured-fg) !important;
}
.accordion-button:not(.collapsed)::after {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffb901'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e") !important;
}
@media (min-width: 769px) {
div [id^="customBootstrapCarousel"] .carousel-item {  height: calc(100vw / 3.37); max-height: 540px;
background-size: cover;
background-position: center ;
background-repeat: no-repeat;
position: relative;
}
.carousel-image-wrapper {
position: relative;
}
}
@media (min-width: 992px) {
div [id^="customBootstrapCarousel"] .carousel-item {  height: calc(100vw / 3.37);
max-height: 540px;
background-size: cover;
background-position: center ;
background-repeat: no-repeat;
position: relative;
}
}
@media (min-width: 1199px) {
div [id^="customBootstrapCarousel"] .carousel-item {
height: calc(100vw / 2.37);
max-height: 540px;
}
}
@media (max-width: 992px) {
div [id^="customBootstrapCarousel"] .carousel-item {
height: 550px !important;
max-height: 550px;
background-size: cover;
background-position: center ;
background-repeat: no-repeat;
position: relative;
}
.mobile-caption {
text-align: center;
padding: 10px;
color: #fff; line-height: 1.5rem;
font-size: 1rem; }
img.alignright {
display: block;
float: none;
margin: 0 auto !important;
}
}
.no-radius{
border-radius: 0 !important;
}
.mobile-bg {
display: none;
}
@media (max-width: 768px) {
.carousel-inner{
overflow: initial;
float: left;
}
.carousel-item {
background-image: none !important;
}
.mobile-bg {
display: block !important;
width: 100%; background-size: cover;
background-position: center;
background-repeat: no-repeat;
height: 12rem;
margin-top: 4px;
}
.mobile-caption {
position: relative;
padding: 0;
}
.carousel-caption{
position: relative !important;
right:unset;
left: unset;
top:unset;
bottom: unset;
padding: 0;
}
}
@media (max-width: 480px) {
div [id^="customBootstrapCarousel"] .carousel-item { height: fit-content !important;
background-size: contain;
background-position: center ;
background-repeat: no-repeat;
position: relative;
}
.mobile-bg {
display: block;
width: 100%; background-size: cover;
background-position: center;
background-repeat: no-repeat;
height: 12rem;
margin-top: 4px;
}
}
@media (max-width: 1199px) { .fs-2 { font-size: 1.25rem !important; } .fs-3 { font-size: 1.125rem !important; } .fs-4 { font-size: 1.115rem !important; } .dreizeilig{
height: 2rem;
}
}
.privacy-policy h4, .datenschutzerklaerung h4{
font-weight: 700 !important;
margin-bottom: 1rem !important;
}
.privacy-policy h2, .datenschutzerklaerung h2 {
margin-top: 2rem !important;
margin-bottom: 1rem !important;
} .footer-sitemap-title {
margin-bottom: 0.75rem;
font-size: 1rem;
font-weight: 600;
}
.footer-sitemap-list {
margin: 0;
padding: 0;
}
.footer-sitemap-list.list-unstyled li{
list-style-type: none !important;
}
.footer-sitemap-list li {
margin-bottom: 0.35rem;
line-height: 1.35;
}
.footer-sitemap-list a, .footer-sitemap-toggle {
font-size: .9rem !important;
color: #ffffff !important;
text-decoration: none;
}
.footer-sitemap-list a:hover,
.footer-sitemap-list a:focus {
color: var(--featured-fg) !important;
text-decoration: underline;
}
.footer-sitemap-list .bi{
font-size: .9rem !important;
color:#54a0e7e8 !important; }
.fs-9{
font-size: .9rem !important;
}
.news-post-archive .card-body {
color: #222222 !important;
}
.news-post-archive .archive-post-card {
border: 1pt solid solid rgba(0, 0, 0, 0.1) !important;
border-radius: 0 !important;
box-shadow: none !important;
}
.news-post-archive .card-img-top {
display: block;
width: 100%;
aspect-ratio: 3 / 2;
object-fit: cover;
border-radius: 0 !important;
border: none !important;
}
.news-post-archive .archive-post-card:hover {
border-color: rgba(0, 0, 0, 0.3);
box-shadow: 0 0.5rem 1.5rem rgba(0, 0, 0, 0.12);
}
.news-post-archive .archive-post-card:hover h2{
color: #54b6e7 !important;
text-decoration: none !important;
}
.seiten-ankerlinks {
margin: 1rem auto 1rem;
padding: 1rem 1.25rem 1rem;
border: 1px solid rgba(44, 53, 61, 0.16);
box-shadow: 0 0.35rem 1rem rgba(44, 53, 61, 0.05);
}
.bg-ankerlinks{
background-color: #fbfbfb;
}
.seiten-ankerlinks__title, .seiten-ankerlinks__subtitle {
margin-bottom: 0.75rem;
color: var(--featured-bg);
font-size: 0.875rem;
font-weight: 800;
letter-spacing: 0.06em;
line-height: 1.2;
text-transform: uppercase;
}
.seiten-ankerlinks__details > summary {
display: flex;
align-items: center;
justify-content: space-between;
gap: 1rem;
margin-bottom: 0;
cursor: pointer;
list-style: none;
transition: margin-bottom 0.35s ease;
}
.seiten-ankerlinks__details > summary::-webkit-details-marker {
display: none;
}
.seiten-ankerlinks__details > summary::after {
flex: 0 0 1rem;
width: 1rem;
height: 1rem;
color: var(--custom-link-color);
content: "";
background:
linear-gradient(var(--custom-link-color), var(--custom-link-color)) center / 100% 2px no-repeat,
linear-gradient(var(--custom-link-color), var(--custom-link-color)) center / 2px 100% no-repeat;
transition: transform 0.35s ease;
}
.seiten-ankerlinks__details[open] > summary {
margin-bottom: 0.75rem;
}
.seiten-ankerlinks__details[open] > summary::after {
transform: rotate(45deg);
}
.seiten-ankerlinks__content {
display: grid;
grid-template-rows: 0fr;
opacity: 0;
transition:
grid-template-rows 0.35s ease,
opacity 0.2s ease;
}
.seiten-ankerlinks__content-inner {
min-height: 0;
overflow: hidden;
}
.seiten-ankerlinks__details[open] .seiten-ankerlinks__content {
grid-template-rows: 1fr;
opacity: 1;
}
@media (prefers-reduced-motion: reduce) {
.seiten-ankerlinks__details > summary,
.seiten-ankerlinks__details > summary::after,
.seiten-ankerlinks__content {
transition: none;
}
}
.seiten-ankerlinks__list {
margin: 0;
padding-left: 0;
list-style: none;
}
.seiten-ankerlinks__list li {
padding-left: 0 !important;
display: flex;
align-items: baseline;
min-width: 0;
border-bottom: 1px solid rgba(44, 53, 61, 0.12);
font-size: 0.975rem;
}
.seiten-ankerlinks__list li:last-child {
border-bottom: 0;
}
.seiten-ankerlinks__list--internal {
counter-reset: seiten-ankerlink;
}
.seiten-ankerlinks__list--internal li::before {
flex: 0 0 2.5rem;
counter-increment: seiten-ankerlink;
content: counter(seiten-ankerlink);
color: rgba(44, 53, 61, 0.65);
font-size: 0.85rem;
}
.seiten-ankerlinks__list--external li::before {
flex: 0 0 0.45rem;
width: 0.45rem;
height: 0.45rem;
margin: 0 1.6rem 0 0.4rem;
border-radius: 50%;
background-color: var(--custom-link-color);
content: "";
}
.seiten-ankerlinks__icon {
flex: 0 0 auto;
margin-left: auto;
color: var(--custom-link-color);
font-size: 0.9em;
}
.seiten-ankerlinks__list a {
display: flex;
flex: 1 1 auto;
align-items: baseline;
min-width: 0;
gap: 0.5rem;
padding: 0.5rem 0;
font-size: smaller;
text-decoration: none;
}
.seiten-ankerlinks__list a:hover,
.seiten-ankerlinks__list a:focus-visible {
color: var(--custom-link-color-hover);
text-decoration: underline;
text-decoration-thickness: 2px;
text-underline-offset: 0.15em;
}
.seiten-ankerlinks__list a:hover .seiten-ankerlinks__icon,
.seiten-ankerlinks__list a:focus-visible .seiten-ankerlinks__icon {
color: inherit;
}
.seiten-ankerlinks__subtitle {
padding-top: 1rem;
border-top: 1px solid rgba(44, 53, 61, 0.16);
}
.leistungsseite [id^="seiten-ankerlink-"] {
scroll-margin-top: 6rem;
}
@media (max-width: 767.98px) {
.seiten-ankerlinks {
margin: 1rem .5rem 2rem;
padding: 1rem 1.1rem 1.25rem;
}
.author-box-image{
width: 200pt !important;
height: auto;
margin: 0 auto;
}
}
.animated-numbers{
color: #2f3740;
}
.text-bg-featured-alt{
color: #ced4e6;
background-color: #2f3e66;
font-weight: 400;
font-size: smaller;
padding: .5rem .75rem;
}
.text-bg-featured-alt:hover{
color: var(--featured-fg);
}
.a
.author-cta-text{
max-width: 560pt !important;
font-size: 1rem;
line-height: 1.2;
}
.row-featured a:not(.toggle-button):not(.badge),
.text-bg-dark a:not(.toggle-button):not(.badge),
.layout-cta a:not(.toggle-button):not(.badge)
{
color: var(--featured-fg) !important;
}
.row-featured a:not(.toggle-button):hover,
.text-bg-dark a:not(.toggle-button):hover,
.layout-cta a:not(.toggle-button):hover
{
color: #1f8fe6 !important;
} .steinbach-content-width :is(h1, h2){
margin-top: 1.5rem;
}
#site-main .accordion-item :is(h1, h2, h3, h4, h5, h6){
margin-top: 0rem !important;
}
.steinbach-content-width .accordion{
margin-bottom: 2rem;
}
.row-ankerlinks {
padding: 1.25rem 0 !important;
}
.site-main.leistungsseite{ :is(h3){
margin-top: 1.65rem !important;
}
.steinbach-content-width h2:first-of-type{
margin-top: 12pt;
}
.steinbach-content-width p:last-of-type, .steinbach-content-width ul:last-of-type{
margin-bottom: 1.65rem;
}
.stst-lead p:last-of-type, .stst-lead ul:last-of-type{
margin-bottom: 0;
}
.stst-lead p {
font-weight: 600;
}
}
.single-post .container-fluid.layout-content .steinbach-content-width:first-of-type h2:first-of-type{
margin-top: 2rem;
}
.single-post .container-fluid.layout-content .steinbach-content-width h2{
margin-bottom: .65rem !important;
}
.layout-faq {
h2{
margin-top: 1.65rem !important;
}
.row{
background: transparent;
}
background-color: #eaeaea;
}
.layout-content .single-share-block{
display: none;
visibility: hidden;
}
.layout-content:not(:has(~ .layout-content)) .single-share-block {
display: block;
visibility: visible;
}
.max-w-750{
max-width: clamp(300px, 100%, 750px);
} .stst-hero{display:flex;gap:32px;align-items:flex-start;margin:0 0 32px}
.stst-hero-text{flex:1;min-width:0}
.stst-hero-text p{margin:0 0 16px;font-size:15px;line-height:1.6;color:#1a1a1a}
.stst-hero-img{flex:0 0 auto;width:240px}
.stst-hero-img img{width:100%;height:auto;display:block;border-radius:4px}
.stst-hero-btn{display:inline-block;margin:8px 0 0;background:#f5a623;color:#fff;padding:10px 24px;border-radius:4px;text-decoration:none;font-size:14px;font-weight:600}
.stst-hero-btn:hover{background:#e09510;color:#fff}
.stst-ch-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;max-width:100%}
.stst-ch-card{background:#ffffff;border:1px solid #D3D1C7;border-radius:12px;overflow:hidden;display:flex;flex-direction:column}
.stst-ch-top{background:#E8F4F8;border-bottom:1px solid #b8d8e8;padding:10px 14px}
.stst-ch-num{font-size:11px;font-weight:500;color:#1a6a8a;letter-spacing:.06em;text-transform:uppercase;margin:0 0 2px}
.stst-ch-en{font-size:14px;font-weight:500;color:#0d4a63;margin:0;line-height:1.3}
.stst-ch-body{padding:12px 14px;flex:1}
.stst-ch-de{font-size:13px;font-weight:600;color:#1a1a1a;margin:0 0 4px}
.stst-ch-tags{font-size:12px;color:#5F5E5A;margin:0;line-height:1.5}
.stst-ch-copy{font-size:11px;color:#888780;margin:16px 0 0;text-align:center}
@media(max-width:640px){
.stst-hero{flex-direction:column}  .stst-hero-img{width:100%;max-width:280px;margin:0 auto}
.stst-ch-grid{grid-template-columns:1fr}
}