:root {
--color-primary: #2e75b6; --color-primary-dark: #00385f;
--color-primary-soft: #e6f0f6;
--color-social: #cf2841;
--color-business: #f7a600;
--color-business-dark: #b17802;
--color-technology: #46bfe0;
--color-abu: #85be57;
--color-social-soft: #fbe8ec;
--color-business-soft: #fff3d9;
--color-technology-soft: #e5f7fb;
--color-abu-soft: #edf7e8;
--color-background: #faf8f4;
--color-surface: #ffffff;
--color-surface-muted: #f3f5f7;
--color-border: #e4e8ec;
--color-text: #1f2d3d;
--color-heading: #002b49;
--color-text-muted: #5b6775;
--color-icon-muted: #8a96a3;
--color-alert: #cf2841;
--color-warning: #f7a600;
--color-success: #85be57;
--color-info: #46bfe0;
--font-main: "Source Sans 3", "Source Sans Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif; --font-size-xs: 0.8125rem;
--font-size-sm: 0.9375rem;
--font-size-base: 1.0625rem;
--font-size-md: 1.1875rem;
--font-size-lg: 1.36rem;
--font-size-xl: 1.6875rem;
--font-size-2xl: 2.125rem;
--font-size-3xl: 2.75rem;
--font-size-section: clamp(var(--font-size-xl), 3vw, 2.55rem);
--font-size-featured: clamp(var(--font-size-xl), 3vw, 2.3rem);
--font-size-hero: clamp(var(--font-size-2xl), 5vw, 4.4rem);
--layout-max-width: 1350px;
--shadow-card: 0 1rem 2.625rem rgba(0, 43, 73, 0.08);
--shadow-subtle: 0 0.5rem 1.5rem rgba(0, 43, 73, 0.06);
--radius: 0.5rem;
--radius-small: 0.375rem;
--universal-gap: 1rem;
--universal-gap-small: 0.5rem;
--universal-gap-large: 1.5rem;
}
body {
background: var(--color-background);
color: var(--color-text);
font-family: var(--font-main);
font-size: var(--font-size-base);
font-weight: 400;
line-height: 1.62;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
hyphens: auto;
}
h1,
h2,
h3,
h4,
h5,
h6 {
color: var(--color-heading);
font-family: var(--font-main);
font-weight: 800;
letter-spacing: 0;
line-height: 1.12;
margin: 0 0 0.5rem 0;
}
h1 {
font-size: var(--font-size-2xl);
}
h1::after,
h2::after {
content: "";
width: 2em;
border-top: 3px solid var(--color-primary);
display: block;
margin-top: .2em;
}
.entry-content h1 {
margin-bottom: 2rem;
}
h2 {
font-size: var(--font-size-xl);
font-weight: 600;
}
.entry-content h2 {
margin-top: 1.5em;
}
h3 {
font-size: var(--font-size-lg);
font-weight: 600;
margin-top: 1.5em;
}
h4 {
font-size: var(--font-size-md);
font-weight: 600;
margin-top: 1.5em;
}
h5,
h6 {
font-size: var(--font-size-base);
font-weight: 600;
margin-top: 1.5em;
}
a {
color: var(--color-primary);
text-decoration: none;
}
a:hover,
a:focus {
color: var(--color-primary-dark);
}
p {
margin: 1em 0;
}
img {
max-width: 100%;
}
hr, hr.wp-block-separator {
border-top: 1px solid var(--color-primary);
}
.grid-container {
max-width: var(--layout-max-width);
}
.site-header {
background: var(--color-surface);
border-bottom: 1px solid var(--color-border);
}
.site-header .inside-header {
align-items: end;
box-sizing: border-box;
display: grid;
grid-template-columns: 1fr;
margin-left: auto;
margin-right: auto;
max-width: var(--layout-max-width);
min-height: 7.875rem;
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
padding-top: 1.5rem;
width: 100%;
}
.site-logo {
justify-self: end;
margin-left: auto;
max-width: none;
width: 100%;
}
.site-logo a {
display: flex;
justify-content: flex-end;
width: 100%;
}
.site-logo img,
.site-header .header-image {
display: block;
margin-left: auto;
max-height: 5.5rem;
width: auto;
}
.site-header .main-navigation {
background: var(--color-primary);
left: 50%;
margin-top: 1.125rem;
margin-left: calc(50% - 50vw);
margin-right: calc(50% - 50vw);
position: relative;
transform: translateX(-50%);
width: 100vw;
}
.main-navigation,
.main-navigation ul ul {
background: var(--color-primary);
}
.main-navigation .inside-navigation {
align-items: center;
display: flex;
flex-wrap: nowrap;
gap: calc((var(--universal-gap) + var(--universal-gap-small)) / 2);
margin-left: auto;
margin-right: auto;
max-width: var(--layout-max-width);
padding-left: 0.875rem;
padding-right: 0.875rem;
min-height: 3.9rem;
}
.main-navigation .main-nav {
flex: 1 1 auto;
}
.main-navigation .main-nav ul li a,
.menu-toggle,
.main-navigation .menu-bar-items a,
.main-navigation .main-nav ul ul li a {
color: var(--color-surface);
font-family: var(--font-main);
font-size: var(--font-size-base);
font-weight: 500;
line-height: 3.625rem;
padding-left: 1.05rem;
padding-right: 1.05rem;
transition:
background-color 0.2s ease,
color 0.18s ease,
box-shadow 0.2s ease;
}
.main-navigation .main-nav ul ul li a {
padding: 0.9rem 1rem;
line-height: 1.25;
}
.main-navigation .main-nav ul li:not([class*="current-menu-"]):hover > a, .main-navigation .main-nav ul li:not([class*="current-menu-"]):focus > a, .main-navigation .main-nav ul li.sfHover:not([class*="current-menu-"]) > a, .main-navigation .menu-bar-item:hover > a, .main-navigation .menu-bar-item.sfHover > a {
color: var(--color-surface);
}
.main-navigation .main-nav ul li a:focus-visible,
.main-navigation .main-nav ul ul li a:focus-visible,
.main-navigation .menu-bar-items a:focus-visible,
.main-navigation .menu-toggle:focus-visible {
outline: none;
box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.22);
}
.menu-toggle,
.main-navigation .menu-toggle,
.main-navigation button.menu-toggle {
background: transparent !important;
border: 0 !important;
border-radius: 0 !important;
box-shadow: none !important;
color: var(--color-surface) !important;
display: none !important;
min-height: 3.625rem !important;
padding: 0 1rem !important;
}
.main-navigation .main-nav ul li:hover > a,
.main-navigation .main-nav ul li:focus > a,
.main-navigation .main-nav ul li.sfHover > a,
.main-navigation .main-nav ul li.current-menu-item > a,
.main-navigation .main-nav ul li.current-menu-parent > a,
.main-navigation .main-nav ul li.current-menu-ancestor > a,
.main-navigation .menu-bar-item:hover > a,
.main-navigation .menu-bar-item > a:hover,
.main-navigation .menu-bar-item > a:focus,
.main-navigation .menu-bar-item > a:focus-visible,
.main-navigation .menu-toggle:hover,
.main-navigation .menu-toggle:focus,
.main-navigation .menu-toggle:focus-visible,
.has-inline-mobile-toggle #site-navigation.toggled .menu-toggle {
background: var(--color-primary-dark);
color: var(--color-surface);
}
.site-header .main-navigation .dropdown-menu-toggle .gp-icon.icon-arrow {
position: relative;
top: 0.2em;
}
.separate-containers .site-main {
margin-right: 0;
}
.fos-ci-home {
padding: 2.125rem 0 3.25rem;
}
.site-content {
gap: calc(var(--universal-gap) + var(--universal-gap-small) + (var(--universal-gap-small) * 0.75));
}
.home .site-content {
gap: 0;
}
.fos-ci-layout {
align-items: start;
display: grid;
gap: calc(var(--universal-gap) + var(--universal-gap-small) + (var(--universal-gap-small) * 0.75));
grid-template-columns: minmax(0, 1fr) 18.125rem;
}
.fos-ci-main {
display: grid;
gap: var(--universal-gap);
min-width: 0;
}
.fos-ci-section {
min-width: 0;
}
.fos-ci-hero {
background: var(--color-surface);
border: 1px solid var(--color-border);
border-radius: var(--radius);
box-shadow: var(--shadow-subtle);
overflow: hidden;
position: relative;
}
.fos-ci-hero__media {
inset: 0;
position: absolute;
}
.fos-ci-hero__media::after {
background: linear-gradient(90deg, rgba(250, 248, 244, 0.96) 0%, rgba(250, 248, 244, 0.9) 34%, rgba(250, 248, 244, 0.72) 54%, rgba(250, 248, 244, 0.18) 100%);
content: "";
inset: 0;
position: absolute;
}
.fos-ci-hero__media img {
display: block;
height: 100%;
object-fit: cover;
object-position: center;
width: 100%;
}
.fos-ci-hero__content {
display: flex;
flex-direction: column;
gap: var(--universal-gap);
max-width: 70%;
padding: 3rem 2.7rem 2.5rem;
position: relative;
z-index: 1;
}
.fos-ci-hero__eyebrow {
color: var(--color-social);
font-size: var(--font-size-sm);
font-weight: 700;
margin: 0;
text-transform: uppercase;
}
.fos-ci-hero h1 {
color: var(--color-heading);
font-size: var(--font-size-hero);
line-height: 0.96;
margin: 0;
max-width: 10ch;
}
.fos-ci-hero__text {
color: var(--color-text);
font-size: var(--font-size-base);
line-height: 1.7;
margin: 0;
max-width: 42ch;
}
.fos-ci-hero__actions {
display: flex;
flex-wrap: wrap;
gap: var(--universal-gap);
margin-top: auto;
}
.fos-ci-section__header {
align-items: end;
display: flex;
gap: var(--universal-gap);
justify-content: space-between;
margin-bottom: 1.375rem;
}
.fos-ci-eyebrow {
color: var(--color-social);
font-size: var(--font-size-xs);
font-weight: 700;
letter-spacing: 0.02em;
margin-bottom: 0.35rem;
text-transform: uppercase;
margin-top: 0;
}
.fos-ci-section__header h1,
.fos-ci-section__header h2 {
font-size: var(--font-size-section);
margin-bottom: 0;
position: relative;
}
.fos-ci-all-news,
.fos-ci-text-link {
align-items: center;
display: inline-flex;
gap: var(--universal-gap);
font-weight: 700;
}
.fos-ci-all-news {
align-items: center;
background: none;
border: 0;
color: var(--color-heading);
cursor: pointer;
display: inline-flex;
font-size: var(--font-size-sm);
gap: var(--universal-gap);
padding-bottom: 0.4375rem;
text-align: left;
}
.fos-ci-all-news__spinner {
border: 0.125rem solid color-mix(in srgb, var(--color-heading) 20%, transparent);
border-radius: 50%;
border-top-color: var(--color-heading);
display: none;
flex: 0 0 auto;
height: 1rem;
width: 1rem;
}
.fos-ci-news-footer {
margin-top: 1rem;
}
.fos-ci-all-news.is-loading {
opacity: 0.65;
}
.fos-ci-all-news.is-loading .fos-ci-all-news__spinner {
animation: fos-ci-spin 0.75s linear infinite;
display: inline-block;
}
@keyframes fos-ci-spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
.fos-ci-news-grid {
display: grid;
gap: var(--universal-gap);
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.fos-ci-news-grid--equal {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.fos-ci-news-stack {
display: grid;
gap: var(--universal-gap);
grid-column: 1 / -1;
grid-template-columns: repeat(2, minmax(0, 1fr));
grid-template-rows: none;
}
.fos-ci-news-grid__equal-items {
display: contents;
}
.fos-ci-news-card,
.fos-ci-sidebar-card,
.fos-ci-content-card,
.fos-ci-experience,
.fos-ci-directions,
.fos-ci-videos,
.separate-containers .inside-article {
background: var(--color-surface);
border: 1px solid var(--color-border);
border-radius: var(--radius);
box-shadow: var(--shadow-subtle);
}
.site-main .wp-block-group__inner-container {
margin-top: 1.5rem;
margin-bottom: 1.5rem;
padding: 1.5em 0 1.5em 0;
border-top: 1px solid var(--color-border);
}
.fos-ci-news-card {
display: flex;
flex-direction: column;
overflow: hidden;
}
.fos-ci-news-card__media {
aspect-ratio: 1.45;
background: var(--color-surface-muted);
display: block;
order: 0;
overflow: hidden;
}
.fos-ci-news-card__media img {
display: block;
height: 100%;
object-fit: cover;
width: 100%;
}
.fos-ci-news-card__body {
display: flex;
flex: 1;
flex-direction: column;
padding: 0 1rem 1rem 1rem;
}
.fos-ci-news-card__meta {
align-items: center;
color: var(--color-primary);
display: flex;
flex-wrap: wrap;
font-size: var(--font-size-xs);
font-weight: 700;
gap: var(--universal-gap);
margin-bottom: 1rem;
}
.fos-ci-badge {
background: var(--color-social);
border-radius: 0.25rem;
color: var(--color-surface);
display: inline-flex;
font-size: var(--font-size-xs);
font-weight: 700;
letter-spacing: 0.02em;
line-height: 1;
padding: 0.5rem 0.625rem;
text-transform: uppercase;
}
.fos-ci-news-card__title {
font-size: var(--font-size-md);
margin-bottom: 0.8rem;
order: 1;
}
.fos-ci-news-card__title a {
color: var(--color-heading);
}
.fos-ci-news-card__content {
color: var(--color-text);
font-size: var(--font-size-sm);
margin-bottom: 1.2rem;
overflow: visible;
order: 1;
}
.fos-ci-news-card__content > *:last-child {
margin-bottom: 0;
}
.fos-ci-news-card__content p,
.fos-ci-news-card__content ul,
.fos-ci-news-card__content ol {
color: var(--color-text);
font-size: var(--font-size-sm);
margin-bottom: 1.2rem;
}
.fos-ci-news-card .fos-ci-text-link {
font-size: var(--font-size-sm);
margin-top: auto;
}
.fos-ci-news-card--featured {
background: var(--color-surface);
box-shadow: var(--shadow-card);
display: grid;
grid-template-columns: 1fr;
grid-column: 1 / -1;
overflow: hidden;
position: relative;
}
.fos-ci-news-card--featured .fos-ci-news-card__body {
background: var(--color-surface);
width: 100%;
min-height: 100%;
order: 2;
padding: 2.125rem 1.375rem 1.875rem 1.875rem;
position: relative;
z-index: 1;
}
.fos-ci-news-card--featured-has-image {
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
}
.fos-ci-news-card--featured-has-image .fos-ci-news-card__media {
aspect-ratio: auto;
grid-column: 2;
grid-row: 1;
height: 100%;
min-height: 100%;
order: 2;
position: relative;
width: 100%;
}
.fos-ci-news-card--featured-has-image .fos-ci-news-card__media img {
height: 100%;
object-fit: cover;
object-position: 50% 50%;
width: 100%;
}
.fos-ci-news-card--featured-has-image .fos-ci-news-card__body {
background: var(--color-surface);
grid-column: 1;
grid-row: 1;
order: 1;
padding-right: 2rem;
}
.fos-ci-news-card--featured .fos-ci-news-card__title {
font-size: var(--font-size-featured);
}
.fos-ci-news-card--featured .fos-ci-text-link {
background: var(--color-social);
border-radius: var(--radius-small);
color: var(--color-surface);
justify-content: center;
margin-top: 1.125rem;
min-height: 3rem;
padding: 0 1.125rem;
width: fit-content;
}
.fos-ci-news-card--compact {
min-height: 0;
}
.fos-ci-news-card--compact .fos-ci-news-card__body {
padding-bottom: 1.125rem;
order: 1;
}
.fos-ci-news-card--compact .fos-ci-news-card__title {
font-size: var(--font-size-lg);
line-height: 1.2;
margin: 0;
padding: 0 1rem;
}
.fos-ci-news-card--compact .fos-ci-news-card__content,
.fos-ci-news-card--compact .fos-ci-news-card__content p,
.fos-ci-news-card--compact .fos-ci-news-card__content ul,
.fos-ci-news-card--compact .fos-ci-news-card__content ol {
color: var(--color-text-muted);
font-size: var(--font-size-sm);
margin-bottom: 1rem;
}
.fos-ci-news-card--compact .fos-ci-news-card__media {
aspect-ratio: 1.6;
margin-bottom: 1rem;
}
.fos-ci-pagination {
margin-top: 1.375rem;
}
.fos-ci-pagination ul {
align-items: center;
display: flex;
gap: var(--universal-gap-small);
justify-content: center;
list-style: none;
margin: 0;
padding: 0;
}
.fos-ci-pagination a,
.fos-ci-pagination span {
align-items: center;
background: var(--color-surface);
border: 1px solid var(--color-border);
border-radius: var(--radius-small);
color: var(--color-heading);
display: inline-flex;
font-weight: 700;
justify-content: center;
min-height: 2.375rem;
min-width: 2.375rem;
padding: 0 0.75rem;
}
.fos-ci-pagination .current {
background: var(--color-primary);
border-color: var(--color-primary);
color: var(--color-surface);
}
.fos-ci-experience,
.fos-ci-directions,
.fos-ci-videos,
.fos-ci-extra-content,
.separate-containers .inside-article {
padding: 1.625rem 1.75rem;
}
.fos-ci-video-grid {
display: grid;
gap: var(--universal-gap);
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.fos-ci-video-card {
background: var(--color-surface-muted);
border-radius: var(--radius);
overflow: hidden;
}
.fos-ci-video-card__media {
background: #000;
aspect-ratio: 16 / 9;
}
.fos-ci-video-card__media video {
display: block;
height: 100%;
object-fit: cover;
width: 100%;
}
.fos-ci-video-card__body {
padding: 1.25rem 1.375rem 1.375rem;
}
.fos-ci-video-card__body h3 {
font-size: var(--font-size-md);
margin: 0;
}
.fos-ci-experience__grid {
display: grid;
gap: var(--universal-gap);
grid-template-columns: minmax(0, 1.45fr) minmax(13.75rem, 0.8fr);
}
.fos-ci-experience-card {
background: var(--color-surface-muted);
border-radius: var(--radius);
display: grid;
gap: var(--universal-gap);
min-height: 13.125rem;
padding: 1.5rem;
}
.fos-ci-experience-card--wide {
align-items: center;
grid-template-columns: minmax(0, 0.9fr) minmax(13.75rem, 1.1fr);
overflow: hidden;
padding-right: 0;
}
.fos-ci-experience-card h3 {
font-size: var(--font-size-md);
}
.fos-ci-experience-card p {
color: var(--color-text-muted);
font-size: var(--font-size-sm);
}
.fos-ci-experience-card img {
border-radius: var(--radius) 0 0 var(--radius);
height: 13.125rem;
object-fit: cover;
width: 100%;
}
.wp-block-button__link,
.wp-element-button,
button,
.button,
.fos-ci-button {
align-items: center;
background: var(--color-primary) !important;
border: 1px solid transparent !important;
border-radius: var(--radius-small) !important;
caret-color: transparent;
color: var(--color-surface) !important;
cursor: pointer !important;
display: inline-flex !important;
font-size: var(--font-size-sm) !important;
font-weight: 700 !important;
justify-content: center !important;
min-height: 2.875rem !important;
padding: 1em 1.3em 1em 1em !important;
text-decoration: none !important;
transition: background-color 0.18s ease, border-color 0.18s ease, color 0.18s ease, box-shadow 0.18s ease !important;
user-select: none;
-webkit-user-select: none;
-webkit-box-shadow: 1px 1px 8px 1px rgba(0,0,0,0.15); 
box-shadow: 1px 1px 8px 1px rgba(0,0,0,0.15);
}
.wp-block-button__link,
.wp-element-button {
justify-content: flex-start !important;
text-align: left !important;
}
.wp-block-button__link.has-text-align-center,
.wp-element-button.has-text-align-center {
justify-content: center !important;
text-align: center !important;
}
.wp-block-button__link.has-text-align-right,
.wp-element-button.has-text-align-right {
justify-content: flex-end !important;
text-align: right !important;
}
.fos-ci-button--primary,
.fos-ci-button--secondary,
button {
background: var(--color-primary) !important;
color: var(--color-surface) !important;
fill: var(--color-surface) !important;
}
button.lightbox-trigger {
padding: 1em !important;
width: auto !important;
height: auto !important;
}
.wp-block-button__link:hover,
.wp-block-button__link:focus,
.wp-element-button:hover,
.wp-element-button:focus,
button:hover,
button:focus,
.button:hover,
.button:focus,
.fos-ci-button:hover,
.fos-ci-button:focus {
background: var(--color-primary-dark) !important;
color: var(--color-surface) !important;
}
.wp-block-button__link:focus,
.wp-element-button:focus,
button:focus,
.button:focus,
.fos-ci-button:focus {
box-shadow: 0 0 0 3px rgba(70, 191, 224, 0.22) !important;
outline: 0 !important;
}
.wp-block-button.is-style-outline .wp-block-button__link,
.wp-block-button__link.is-style-outline,
.wp-element-button.is-style-outline,
.button.is-style-outline {
background: var(--color-surface) !important;
border-color: var(--color-primary) !important;
color: var(--color-primary) !important;
}
.wp-block-button.is-style-outline .wp-block-button__link:hover,
.wp-block-button.is-style-outline .wp-block-button__link:focus,
.wp-block-button__link.is-style-outline:hover,
.wp-block-button__link.is-style-outline:focus,
.wp-element-button.is-style-outline:hover,
.wp-element-button.is-style-outline:focus,
.button.is-style-outline:hover,
.button.is-style-outline:focus {
background: var(--color-primary-soft) !important;
border-color: var(--color-primary-dark) !important;
color: var(--color-primary-dark) !important;
}
.wp-block-button .wp-block-button__link .fos-button__icon,
.wp-block-button .wp-block-button__link .fos-button__end-arrow {
display: inline-block;
flex: 0 0 auto;
}
.wp-block-button .wp-block-button__link .fos-button__text {
display: inline-flex;
flex: 1 1 auto;
flex-direction: column;
gap: calc(var(--universal-gap-small) * 0.36);
min-width: 0;
}
.wp-block-button .wp-block-button__link .fos-button__text-title {
display: block;
font-weight: 700;
}
.wp-block-button .wp-block-button__link .fos-button__subtitle {
display: block;
font-size: 1em;
font-weight: 400;
line-height: 1.35;
opacity: 0.92;
}
.wp-block-button.fos-button-has-icon .wp-block-button__link,
.wp-block-button.fos-button-has-end-arrow .wp-block-button__link {
gap: calc(var(--universal-gap-small) * 1.1);
}
.wp-block-button.fos-button-has-subtitle .wp-block-button__link {
gap: calc(var(--universal-gap-small) * 1.9);
}
.wp-block-button .wp-block-button__link .fos-button__icon {
background-color: currentColor;
height: 1.5em;
mask-position: center;
mask-repeat: no-repeat;
mask-size: contain;
-webkit-mask-position: center;
-webkit-mask-repeat: no-repeat;
-webkit-mask-size: contain;
width: 1.5em;
}
.wp-block-button.fos-button-has-subtitle .wp-block-button__link .fos-button__icon {
height: 2em;
width: 2em;
}
.wp-block-button .wp-block-button__link .fos-button__end-arrow {
font-size: 0.95em;
font-weight: 700;
line-height: 1;
margin-left: auto;
padding-left: 0.85em;
}
.wp-block-button .wp-block-button__link .fos-button__icon--rocket {
mask-image: url(//fosbos-marktheidenfeld.de/wp-content/themes/fosbos-gp-child-ci-2026/assets/icons/rocket.svg);
-webkit-mask-image: url(//fosbos-marktheidenfeld.de/wp-content/themes/fosbos-gp-child-ci-2026/assets/icons/rocket.svg);
}
.wp-block-button .wp-block-button__link .fos-button__icon--contact {
mask-image: url(//fosbos-marktheidenfeld.de/wp-content/themes/fosbos-gp-child-ci-2026/assets/icons/user-round.svg);
-webkit-mask-image: url(//fosbos-marktheidenfeld.de/wp-content/themes/fosbos-gp-child-ci-2026/assets/icons/user-round.svg);
}
.wp-block-button .wp-block-button__link .fos-button__icon--location {
mask-image: url(//fosbos-marktheidenfeld.de/wp-content/themes/fosbos-gp-child-ci-2026/assets/icons/map-pin.svg);
-webkit-mask-image: url(//fosbos-marktheidenfeld.de/wp-content/themes/fosbos-gp-child-ci-2026/assets/icons/map-pin.svg);
}
.wp-block-button .wp-block-button__link .fos-button__icon--phone {
mask-image: url(//fosbos-marktheidenfeld.de/wp-content/themes/fosbos-gp-child-ci-2026/assets/icons/phone.svg);
-webkit-mask-image: url(//fosbos-marktheidenfeld.de/wp-content/themes/fosbos-gp-child-ci-2026/assets/icons/phone.svg);
}
.wp-block-button .wp-block-button__link .fos-button__icon--fax {
mask-image: url(//fosbos-marktheidenfeld.de/wp-content/themes/fosbos-gp-child-ci-2026/assets/icons/printer.svg);
-webkit-mask-image: url(//fosbos-marktheidenfeld.de/wp-content/themes/fosbos-gp-child-ci-2026/assets/icons/printer.svg);
}
.wp-block-button .wp-block-button__link .fos-button__icon--mail {
mask-image: url(//fosbos-marktheidenfeld.de/wp-content/themes/fosbos-gp-child-ci-2026/assets/icons/mail.svg);
-webkit-mask-image: url(//fosbos-marktheidenfeld.de/wp-content/themes/fosbos-gp-child-ci-2026/assets/icons/mail.svg);
}
.wp-block-button .wp-block-button__link .fos-button__icon--clock {
mask-image: url(//fosbos-marktheidenfeld.de/wp-content/themes/fosbos-gp-child-ci-2026/assets/icons/clock-3.svg);
-webkit-mask-image: url(//fosbos-marktheidenfeld.de/wp-content/themes/fosbos-gp-child-ci-2026/assets/icons/clock-3.svg);
}
.wp-block-button .wp-block-button__link .fos-button__icon--map {
mask-image: url(//fosbos-marktheidenfeld.de/wp-content/themes/fosbos-gp-child-ci-2026/assets/icons/map.svg);
-webkit-mask-image: url(//fosbos-marktheidenfeld.de/wp-content/themes/fosbos-gp-child-ci-2026/assets/icons/map.svg);
}
.wp-block-button .wp-block-button__link .fos-button__icon--people {
mask-image: url(//fosbos-marktheidenfeld.de/wp-content/themes/fosbos-gp-child-ci-2026/assets/icons/users.svg);
-webkit-mask-image: url(//fosbos-marktheidenfeld.de/wp-content/themes/fosbos-gp-child-ci-2026/assets/icons/users.svg);
}
.wp-block-button .wp-block-button__link .fos-button__icon--cap {
mask-image: url(//fosbos-marktheidenfeld.de/wp-content/themes/fosbos-gp-child-ci-2026/assets/icons/graduation-cap.svg);
-webkit-mask-image: url(//fosbos-marktheidenfeld.de/wp-content/themes/fosbos-gp-child-ci-2026/assets/icons/graduation-cap.svg);
}
.wp-block-button .wp-block-button__link .fos-button__icon--heart {
mask-image: url(//fosbos-marktheidenfeld.de/wp-content/themes/fosbos-gp-child-ci-2026/assets/icons/heart.svg);
-webkit-mask-image: url(//fosbos-marktheidenfeld.de/wp-content/themes/fosbos-gp-child-ci-2026/assets/icons/heart.svg);
}
.wp-block-button .wp-block-button__link .fos-button__icon--heart-help {
mask-image: url(//fosbos-marktheidenfeld.de/wp-content/themes/fosbos-gp-child-ci-2026/assets/icons/heart-handshake.svg);
-webkit-mask-image: url(//fosbos-marktheidenfeld.de/wp-content/themes/fosbos-gp-child-ci-2026/assets/icons/heart-handshake.svg);
}
.wp-block-button .wp-block-button__link .fos-button__icon--gender {
mask-image: url(//fosbos-marktheidenfeld.de/wp-content/themes/fosbos-gp-child-ci-2026/assets/icons/transgender.svg);
-webkit-mask-image: url(//fosbos-marktheidenfeld.de/wp-content/themes/fosbos-gp-child-ci-2026/assets/icons/transgender.svg);
}
.wp-block-button .wp-block-button__link .fos-button__icon--business {
mask-image: url(//fosbos-marktheidenfeld.de/wp-content/themes/fosbos-gp-child-ci-2026/assets/icons/briefcase-business.svg);
-webkit-mask-image: url(//fosbos-marktheidenfeld.de/wp-content/themes/fosbos-gp-child-ci-2026/assets/icons/briefcase-business.svg);
}
.wp-block-button .wp-block-button__link .fos-button__icon--technology {
mask-image: url(//fosbos-marktheidenfeld.de/wp-content/themes/fosbos-gp-child-ci-2026/assets/icons/cpu.svg);
-webkit-mask-image: url(//fosbos-marktheidenfeld.de/wp-content/themes/fosbos-gp-child-ci-2026/assets/icons/cpu.svg);
}
.wp-block-button .wp-block-button__link .fos-button__icon--sprout {
mask-image: url(//fosbos-marktheidenfeld.de/wp-content/themes/fosbos-gp-child-ci-2026/assets/icons/sprout.svg);
-webkit-mask-image: url(//fosbos-marktheidenfeld.de/wp-content/themes/fosbos-gp-child-ci-2026/assets/icons/sprout.svg);
}
.wp-block-button .wp-block-button__link .fos-button__icon--search {
mask-image: url(//fosbos-marktheidenfeld.de/wp-content/themes/fosbos-gp-child-ci-2026/assets/icons/search.svg);
-webkit-mask-image: url(//fosbos-marktheidenfeld.de/wp-content/themes/fosbos-gp-child-ci-2026/assets/icons/search.svg);
}
.wp-block-button .wp-block-button__link .fos-button__icon--eye {
mask-image: url(//fosbos-marktheidenfeld.de/wp-content/themes/fosbos-gp-child-ci-2026/assets/icons/eye.svg);
-webkit-mask-image: url(//fosbos-marktheidenfeld.de/wp-content/themes/fosbos-gp-child-ci-2026/assets/icons/eye.svg);
}
.wp-block-button .wp-block-button__link .fos-button__icon--award {
mask-image: url(//fosbos-marktheidenfeld.de/wp-content/themes/fosbos-gp-child-ci-2026/assets/icons/award.svg);
-webkit-mask-image: url(//fosbos-marktheidenfeld.de/wp-content/themes/fosbos-gp-child-ci-2026/assets/icons/award.svg);
}
.wp-block-button .wp-block-button__link .fos-button__icon--scan {
mask-image: url(//fosbos-marktheidenfeld.de/wp-content/themes/fosbos-gp-child-ci-2026/assets/icons/scan-search.svg);
-webkit-mask-image: url(//fosbos-marktheidenfeld.de/wp-content/themes/fosbos-gp-child-ci-2026/assets/icons/scan-search.svg);
}
.wp-block-button .wp-block-button__link .fos-button__icon--hand {
mask-image: url(//fosbos-marktheidenfeld.de/wp-content/themes/fosbos-gp-child-ci-2026/assets/icons/hand.svg);
-webkit-mask-image: url(//fosbos-marktheidenfeld.de/wp-content/themes/fosbos-gp-child-ci-2026/assets/icons/hand.svg);
}
.wp-block-button .wp-block-button__link .fos-button__icon--info {
mask-image: url(//fosbos-marktheidenfeld.de/wp-content/themes/fosbos-gp-child-ci-2026/assets/icons/info.svg);
-webkit-mask-image: url(//fosbos-marktheidenfeld.de/wp-content/themes/fosbos-gp-child-ci-2026/assets/icons/info.svg);
}
.wp-block-button .wp-block-button__link .fos-button__icon--question {
mask-image: url(//fosbos-marktheidenfeld.de/wp-content/themes/fosbos-gp-child-ci-2026/assets/icons/circle-question-mark.svg);
-webkit-mask-image: url(//fosbos-marktheidenfeld.de/wp-content/themes/fosbos-gp-child-ci-2026/assets/icons/circle-question-mark.svg);
}
.wp-block-button .wp-block-button__link .fos-button__icon--house {
mask-image: url(//fosbos-marktheidenfeld.de/wp-content/themes/fosbos-gp-child-ci-2026/assets/icons/house.svg);
-webkit-mask-image: url(//fosbos-marktheidenfeld.de/wp-content/themes/fosbos-gp-child-ci-2026/assets/icons/house.svg);
}
.wp-block-button .wp-block-button__link .fos-button__icon--chart {
mask-image: url(//fosbos-marktheidenfeld.de/wp-content/themes/fosbos-gp-child-ci-2026/assets/icons/chart-pie.svg);
-webkit-mask-image: url(//fosbos-marktheidenfeld.de/wp-content/themes/fosbos-gp-child-ci-2026/assets/icons/chart-pie.svg);
}
.wp-block-button .wp-block-button__link .fos-button__icon--camera {
mask-image: url(//fosbos-marktheidenfeld.de/wp-content/themes/fosbos-gp-child-ci-2026/assets/icons/camera.svg);
-webkit-mask-image: url(//fosbos-marktheidenfeld.de/wp-content/themes/fosbos-gp-child-ci-2026/assets/icons/camera.svg);
}
.wp-block-button .wp-block-button__link .fos-button__icon--cable {
mask-image: url(//fosbos-marktheidenfeld.de/wp-content/themes/fosbos-gp-child-ci-2026/assets/icons/cable.svg);
-webkit-mask-image: url(//fosbos-marktheidenfeld.de/wp-content/themes/fosbos-gp-child-ci-2026/assets/icons/cable.svg);
}
.wp-block-button .wp-block-button__link .fos-button__icon--handshake {
mask-image: url(//fosbos-marktheidenfeld.de/wp-content/themes/fosbos-gp-child-ci-2026/assets/icons/handshake.svg);
-webkit-mask-image: url(//fosbos-marktheidenfeld.de/wp-content/themes/fosbos-gp-child-ci-2026/assets/icons/handshake.svg);
}
.wp-block-button .wp-block-button__link .fos-button__icon--palette {
mask-image: url(//fosbos-marktheidenfeld.de/wp-content/themes/fosbos-gp-child-ci-2026/assets/icons/palette.svg);
-webkit-mask-image: url(//fosbos-marktheidenfeld.de/wp-content/themes/fosbos-gp-child-ci-2026/assets/icons/palette.svg);
}
.wp-block-button .wp-block-button__link .fos-button__icon--tool {
mask-image: url(//fosbos-marktheidenfeld.de/wp-content/themes/fosbos-gp-child-ci-2026/assets/icons/pocket-knife.svg);
-webkit-mask-image: url(//fosbos-marktheidenfeld.de/wp-content/themes/fosbos-gp-child-ci-2026/assets/icons/pocket-knife.svg);
}
.wp-block-button .wp-block-button__link .fos-button__icon--book {
mask-image: url(//fosbos-marktheidenfeld.de/wp-content/themes/fosbos-gp-child-ci-2026/assets/icons/book-open-text.svg);
-webkit-mask-image: url(//fosbos-marktheidenfeld.de/wp-content/themes/fosbos-gp-child-ci-2026/assets/icons/book-open-text.svg);
}
.wp-block-button .wp-block-button__link .fos-button__icon--bike {
mask-image: url(//fosbos-marktheidenfeld.de/wp-content/themes/fosbos-gp-child-ci-2026/assets/icons/bike.svg);
-webkit-mask-image: url(//fosbos-marktheidenfeld.de/wp-content/themes/fosbos-gp-child-ci-2026/assets/icons/bike.svg);
}
.wp-block-button .wp-block-button__link .fos-button__icon--cross {
mask-image: url(//fosbos-marktheidenfeld.de/wp-content/themes/fosbos-gp-child-ci-2026/assets/icons/cross.svg);
-webkit-mask-image: url(//fosbos-marktheidenfeld.de/wp-content/themes/fosbos-gp-child-ci-2026/assets/icons/cross.svg);
}
.wp-block-button .wp-block-button__link .fos-button__icon--car {
mask-image: url(//fosbos-marktheidenfeld.de/wp-content/themes/fosbos-gp-child-ci-2026/assets/icons/car.svg);
-webkit-mask-image: url(//fosbos-marktheidenfeld.de/wp-content/themes/fosbos-gp-child-ci-2026/assets/icons/car.svg);
}
.wp-block-button .wp-block-button__link .fos-button__icon--parking {
mask-image: url(//fosbos-marktheidenfeld.de/wp-content/themes/fosbos-gp-child-ci-2026/assets/icons/circle-parking.svg);
-webkit-mask-image: url(//fosbos-marktheidenfeld.de/wp-content/themes/fosbos-gp-child-ci-2026/assets/icons/circle-parking.svg);
}
.wp-block-button .wp-block-button__link .fos-button__icon--no-parking {
mask-image: url(//fosbos-marktheidenfeld.de/wp-content/themes/fosbos-gp-child-ci-2026/assets/icons/circle-parking-off.svg);
-webkit-mask-image: url(//fosbos-marktheidenfeld.de/wp-content/themes/fosbos-gp-child-ci-2026/assets/icons/circle-parking-off.svg);
}
.wp-block-button .wp-block-button__link .fos-button__icon--bus {
mask-image: url(//fosbos-marktheidenfeld.de/wp-content/themes/fosbos-gp-child-ci-2026/assets/icons/bus.svg);
-webkit-mask-image: url(//fosbos-marktheidenfeld.de/wp-content/themes/fosbos-gp-child-ci-2026/assets/icons/bus.svg);
}
.wp-block-button .wp-block-button__link .fos-button__icon--counseling {
mask-image: url(//fosbos-marktheidenfeld.de/wp-content/themes/fosbos-gp-child-ci-2026/assets/icons/messages-square.svg);
-webkit-mask-image: url(//fosbos-marktheidenfeld.de/wp-content/themes/fosbos-gp-child-ci-2026/assets/icons/messages-square.svg);
}
.wp-block-button .wp-block-button__link .fos-button__icon--psychology {
mask-image: url(//fosbos-marktheidenfeld.de/wp-content/themes/fosbos-gp-child-ci-2026/assets/icons/brain.svg);
-webkit-mask-image: url(//fosbos-marktheidenfeld.de/wp-content/themes/fosbos-gp-child-ci-2026/assets/icons/brain.svg);
}
.wp-block-button .wp-block-button__link .fos-button__icon--inclusion {
mask-image: url(//fosbos-marktheidenfeld.de/wp-content/themes/fosbos-gp-child-ci-2026/assets/icons/accessibility.svg);
-webkit-mask-image: url(//fosbos-marktheidenfeld.de/wp-content/themes/fosbos-gp-child-ci-2026/assets/icons/accessibility.svg);
}
.wp-block-button .wp-block-button__link .fos-button__icon--funding {
mask-image: url(//fosbos-marktheidenfeld.de/wp-content/themes/fosbos-gp-child-ci-2026/assets/icons/badge-euro.svg);
-webkit-mask-image: url(//fosbos-marktheidenfeld.de/wp-content/themes/fosbos-gp-child-ci-2026/assets/icons/badge-euro.svg);
}
.wp-block-button .wp-block-button__link .fos-button__icon--path {
mask-image: url(//fosbos-marktheidenfeld.de/wp-content/themes/fosbos-gp-child-ci-2026/assets/icons/signpost.svg);
-webkit-mask-image: url(//fosbos-marktheidenfeld.de/wp-content/themes/fosbos-gp-child-ci-2026/assets/icons/signpost.svg);
}
.wp-block-button .wp-block-button__link .fos-button__icon--career {
mask-image: url(//fosbos-marktheidenfeld.de/wp-content/themes/fosbos-gp-child-ci-2026/assets/icons/compass.svg);
-webkit-mask-image: url(//fosbos-marktheidenfeld.de/wp-content/themes/fosbos-gp-child-ci-2026/assets/icons/compass.svg);
}
.wp-block-button .wp-block-button__link .fos-button__icon--document {
mask-image: url(//fosbos-marktheidenfeld.de/wp-content/themes/fosbos-gp-child-ci-2026/assets/icons/file-text.svg);
-webkit-mask-image: url(//fosbos-marktheidenfeld.de/wp-content/themes/fosbos-gp-child-ci-2026/assets/icons/file-text.svg);
}
.fos-ci-direction-grid {
display: grid;
gap: var(--universal-gap);
grid-template-columns: repeat(4, minmax(0, 1fr));
}
.fos-ci-direction-card {
border: 1px solid currentColor;
border-radius: var(--radius);
display: flex;
flex-direction: column;
gap: calc((var(--universal-gap) + var(--universal-gap-small)) / 2);
justify-content: space-between;
min-height: 8rem;
padding: 1.5rem;
position: relative;
}
.fos-ci-direction-card strong {
font-size: var(--font-size-md);
font-weight: 700;
line-height: 1.18;
max-width: calc(100% - 2rem);
}
.fos-ci-direction-card strong span {
display: block;
font-size: var(--font-size-sm);
font-weight: 400;
line-height: 1.4;
}
.fos-ci-direction-card span:not(.fos-ci-direction-card__icon):not(.fos-ci-direction-card__arrow) {
font-size: var(--font-size-sm);
}
.fos-ci-direction-card__icon {
display: inline-flex;
height: 2.25rem;
width: 2.25rem;
}
.fos-ci-direction-card__icon svg {
height: 2.25rem;
width: 2.25rem;
}
.fos-ci-direction-card__arrow {
bottom: 1.25rem;
font-size: var(--font-size-xl);
line-height: 1;
position: absolute;
right: 1.375rem;
}
.fos-ci-direction-card--social {
background: var(--color-social-soft);
color: var(--color-social);
}
.fos-ci-direction-card--social:hover{
background: var(--color-social);
color: var(--color-surface);
}
.fos-ci-direction-card--business {
background: var(--color-business-soft);
color: var(--color-business-dark);
}
.fos-ci-direction-card--business:hover{
background: var(--color-business);
color: var(--color-surface);
}
.fos-ci-direction-card--technology {
background: var(--color-technology-soft);
color: #007fa3;
}
.fos-ci-direction-card--technology:hover{
background: var(--color-technology);
color: var(--color-surface);
}
.fos-ci-direction-card--abu {
background: var(--color-abu-soft);
color: #4e8f2f;
}
.fos-ci-direction-card--abu:hover{
background: var(--color-abu);
color: var(--color-surface);
}
.fos-ci-content-card {
box-shadow: none;
padding: 1.75rem;
}
.fos-ci-sidebar,
.fos-ci-sidebar-shell,
.inside-right-sidebar .fos-ci-sidebar--global,
.inside-right-sidebar {
display: grid;
gap: var(--universal-gap);
}
.fos-ci-sidebar,
.fos-ci-sidebar-shell,
.inside-right-sidebar {
top: 1.5rem;
}
.inside-right-sidebar .fos-ci-sidebar-card {
margin-bottom: 0;
}
.inside-right-sidebar .fos-ci-sidebar--global {
min-width: 0;
}
.fos-ci-sidebar-card {
padding: 1.625rem 1.375rem;
}
.fos-ci-sidebar-card h2 {
font-size: var(--font-size-lg);
margin-bottom: 1.375rem;
min-height: 1.5rem;
padding-left: 2.625rem;
position: relative;
}
.fos-ci-sidebar-card h2::before,
.fos-ci-sidebar-card h2::after {
content: "";
left: 0;
position: absolute;
top: 50%;
transform: translateY(-50%);
margin-top: 0;
}
.fos-ci-sidebar-card h2::before {
background: var(--color-primary-soft);
border-radius: 999rem;
height: 2rem;
width: 2rem;
}
.fos-ci-sidebar-card h2::after {
background-color: var(--color-primary);
height: 1.4rem;
left: 0.5rem;
mask-position: center;
mask-repeat: no-repeat;
mask-size: contain;
-webkit-mask-position: center;
-webkit-mask-repeat: no-repeat;
-webkit-mask-size: contain;
width: 1rem;
}
.fos-ci-sidebar-card--contact h2::before {
background: var(--color-social-soft);
}
.fos-ci-sidebar-card--contact h2::after {
background-color: var(--color-social);
mask-image: url(//fosbos-marktheidenfeld.de/wp-content/themes/fosbos-gp-child-ci-2026/assets/icons/user-round.svg);
-webkit-mask-image: url(//fosbos-marktheidenfeld.de/wp-content/themes/fosbos-gp-child-ci-2026/assets/icons/user-round.svg);
}
.fos-ci-sidebar-card--hours h2::before {
background: var(--color-abu-soft);
}
.fos-ci-sidebar-card--hours h2::after {
background-color: var(--color-abu);
mask-image: url(//fosbos-marktheidenfeld.de/wp-content/themes/fosbos-gp-child-ci-2026/assets/icons/clock-3.svg);
-webkit-mask-image: url(//fosbos-marktheidenfeld.de/wp-content/themes/fosbos-gp-child-ci-2026/assets/icons/clock-3.svg);
}
.fos-ci-sidebar-card--quick h2::before {
background: var(--color-primary-soft);
}
.fos-ci-sidebar-card--quick h2::after {
background-color: var(--color-primary);
mask-image: url(//fosbos-marktheidenfeld.de/wp-content/themes/fosbos-gp-child-ci-2026/assets/icons/rocket.svg);
-webkit-mask-image: url(//fosbos-marktheidenfeld.de/wp-content/themes/fosbos-gp-child-ci-2026/assets/icons/rocket.svg);
}
.fos-ci-sidebar-card--partners h2::before {
background: var(--color-business-soft);
}
.fos-ci-sidebar-card--partners h2::after {
background-color: var(--color-business);
mask-image: url(//fosbos-marktheidenfeld.de/wp-content/themes/fosbos-gp-child-ci-2026/assets/icons/map.svg);
-webkit-mask-image: url(//fosbos-marktheidenfeld.de/wp-content/themes/fosbos-gp-child-ci-2026/assets/icons/map.svg);
}
.fos-contact,
.fos-service-links,
.fos-partners {
list-style: none;
margin: 0;
padding: 0;
}
.fos-contact li,
.fos-office-hours tr {
margin-bottom: 0.8rem;
}
.fos-contact strong,
.fos-office-hours th,
th {
color: var(--color-heading);
font-weight: 700;
text-align: left;
}
.fos-office-hours {
border-collapse: collapse;
border-spacing: 0;
border: 0;
box-shadow: none;
width: 100%;
}
.fos-office-hours tbody,
.fos-office-hours tr,
.fos-office-hours th,
.fos-office-hours td {
border: 0;
box-shadow: none;
padding: 0 0 0.8rem;
text-align: left;
vertical-align: top;
}
.fos-office-hours th {
padding-right: 1.25rem;
white-space: nowrap;
width: 1%;
}
.fos-office-hours tr:last-child th,
.fos-office-hours tr:last-child td {
padding-bottom: 0;
}
.fos-contact a {
overflow-wrap: anywhere;
}
.fos-service-links {
display: grid;
gap: 0;
}
.fos-service-links a {
align-items: center;
border-bottom: 1px solid var(--color-border);
color: var(--color-heading);
display: grid;
gap: calc((var(--universal-gap) + var(--universal-gap-small)) / 2);
grid-template-columns: 2.125rem minmax(0, 1fr);
min-height: 3.25rem;
padding: 0.5rem 0;
}
.fos-service-links a:last-child {
border-bottom: 0;
}
.fos-partners {
display: grid;
gap: var(--universal-gap);
}
.fos-partner {
align-items: center;
background: var(--color-surface-muted);
border-radius: var(--radius-small);
display: grid;
justify-items: center;
padding: 0.875rem;
}
.fos-partner img {
display: block;
max-height: 4.5rem;
object-fit: contain;
width: auto;
}
.fos-partner__caption {
color: var(--color-text-muted);
font-size: var(--font-size-xs);
margin-top: 0.625rem;
text-align: center;
}
.fos-v2-link-list__icon {
align-items: center;
background: var(--color-surface-muted);
border-radius: 999rem;
color: var(--color-primary);
display: inline-flex;
height: 2rem;
justify-content: center;
width: 2rem;
}
.fos-v2-link-list__icon svg {
height: 1.0625rem;
width: 1.0625rem;
}
.fos-v2-link-list__label {
flex: 1 1 auto;
line-height: 1.45;
}
.menu-item-has-fos-icon > a {
align-items: center;
display: inline-flex;
gap: calc(var(--universal-gap-small) * 1.32);
}
.main-navigation ul ul {
width: 15em;
border-top: 2px solid var(--color-primary-dark);
}
.main-navigation .sub-menu .menu-item-has-fos-icon > a,
.main-navigation .sf-menu .sub-menu .menu-item-has-fos-icon > a {
align-items: center;
display: flex;
gap: calc(var(--universal-gap-small) * 0.8);
}
.menu-item-has-fos-icon .fos-menu-item-icon {
align-items: center;
color: currentColor;
display: inline-flex;
flex: 0 0 auto;
justify-content: center;
margin-top: 0;
margin-right: .5em;
}
.menu-item-has-fos-icon .fos-menu-item-icon .fos-v2-icon {
height: 1.05em;
width: 1.05em;
}
.fos-v2-icon {
display: block;
fill: none;
flex-shrink: 0;
height: 1em;
stroke: currentColor;
stroke-linecap: round;
stroke-linejoin: round;
stroke-width: 2;
width: 1em;
}
.fos-v2-icon--instagram,
.fos-v2-icon--facebook {
fill: currentColor;
stroke: none;
}
.fos-v2-icon-mask {
background-color: currentColor;
display: inline-flex;
flex-shrink: 0;
height: 1em;
mask-position: center;
mask-repeat: no-repeat;
mask-size: contain;
-webkit-mask-position: center;
-webkit-mask-repeat: no-repeat;
-webkit-mask-size: contain;
width: 1em;
}
.fos-v2-icon-mask.fos-v2-icon--arrow {
mask-image: url(//fosbos-marktheidenfeld.de/wp-content/themes/fosbos-gp-child-ci-2026/assets/icons/arrow-right.svg);
-webkit-mask-image: url(//fosbos-marktheidenfeld.de/wp-content/themes/fosbos-gp-child-ci-2026/assets/icons/arrow-right.svg);
}
.fos-v2-icon-mask.fos-v2-icon--contact {
mask-image: url(//fosbos-marktheidenfeld.de/wp-content/themes/fosbos-gp-child-ci-2026/assets/icons/user-round.svg);
-webkit-mask-image: url(//fosbos-marktheidenfeld.de/wp-content/themes/fosbos-gp-child-ci-2026/assets/icons/user-round.svg);
}
.fos-v2-icon-mask.fos-v2-icon--location {
mask-image: url(//fosbos-marktheidenfeld.de/wp-content/themes/fosbos-gp-child-ci-2026/assets/icons/map-pin.svg);
-webkit-mask-image: url(//fosbos-marktheidenfeld.de/wp-content/themes/fosbos-gp-child-ci-2026/assets/icons/map-pin.svg);
}
.fos-v2-icon-mask.fos-v2-icon--phone {
mask-image: url(//fosbos-marktheidenfeld.de/wp-content/themes/fosbos-gp-child-ci-2026/assets/icons/phone.svg);
-webkit-mask-image: url(//fosbos-marktheidenfeld.de/wp-content/themes/fosbos-gp-child-ci-2026/assets/icons/phone.svg);
}
.fos-v2-icon-mask.fos-v2-icon--fax {
mask-image: url(//fosbos-marktheidenfeld.de/wp-content/themes/fosbos-gp-child-ci-2026/assets/icons/printer.svg);
-webkit-mask-image: url(//fosbos-marktheidenfeld.de/wp-content/themes/fosbos-gp-child-ci-2026/assets/icons/printer.svg);
}
.fos-v2-icon-mask.fos-v2-icon--mail {
mask-image: url(//fosbos-marktheidenfeld.de/wp-content/themes/fosbos-gp-child-ci-2026/assets/icons/mail.svg);
-webkit-mask-image: url(//fosbos-marktheidenfeld.de/wp-content/themes/fosbos-gp-child-ci-2026/assets/icons/mail.svg);
}
.fos-v2-icon-mask.fos-v2-icon--map {
mask-image: url(//fosbos-marktheidenfeld.de/wp-content/themes/fosbos-gp-child-ci-2026/assets/icons/map.svg);
-webkit-mask-image: url(//fosbos-marktheidenfeld.de/wp-content/themes/fosbos-gp-child-ci-2026/assets/icons/map.svg);
}
.fos-v2-icon-mask.fos-v2-icon--clock {
mask-image: url(//fosbos-marktheidenfeld.de/wp-content/themes/fosbos-gp-child-ci-2026/assets/icons/clock-3.svg);
-webkit-mask-image: url(//fosbos-marktheidenfeld.de/wp-content/themes/fosbos-gp-child-ci-2026/assets/icons/clock-3.svg);
}
.fos-v2-icon-mask.fos-v2-icon--people {
mask-image: url(//fosbos-marktheidenfeld.de/wp-content/themes/fosbos-gp-child-ci-2026/assets/icons/users.svg);
-webkit-mask-image: url(//fosbos-marktheidenfeld.de/wp-content/themes/fosbos-gp-child-ci-2026/assets/icons/users.svg);
}
.fos-v2-icon-mask.fos-v2-icon--cap {
mask-image: url(//fosbos-marktheidenfeld.de/wp-content/themes/fosbos-gp-child-ci-2026/assets/icons/graduation-cap.svg);
-webkit-mask-image: url(//fosbos-marktheidenfeld.de/wp-content/themes/fosbos-gp-child-ci-2026/assets/icons/graduation-cap.svg);
}
.fos-v2-icon-mask.fos-v2-icon--heart {
mask-image: url(//fosbos-marktheidenfeld.de/wp-content/themes/fosbos-gp-child-ci-2026/assets/icons/heart.svg);
-webkit-mask-image: url(//fosbos-marktheidenfeld.de/wp-content/themes/fosbos-gp-child-ci-2026/assets/icons/heart.svg);
}
.fos-v2-icon-mask.fos-v2-icon--rocket {
mask-image: url(//fosbos-marktheidenfeld.de/wp-content/themes/fosbos-gp-child-ci-2026/assets/icons/rocket.svg);
-webkit-mask-image: url(//fosbos-marktheidenfeld.de/wp-content/themes/fosbos-gp-child-ci-2026/assets/icons/rocket.svg);
}
.fos-v2-icon-mask.fos-v2-icon--instagram {
mask-image: url(//fosbos-marktheidenfeld.de/wp-content/themes/fosbos-gp-child-ci-2026/assets/icons/instagram.svg);
-webkit-mask-image: url(//fosbos-marktheidenfeld.de/wp-content/themes/fosbos-gp-child-ci-2026/assets/icons/instagram.svg);
}
.fos-v2-icon-mask.fos-v2-icon--facebook {
mask-image: url(//fosbos-marktheidenfeld.de/wp-content/themes/fosbos-gp-child-ci-2026/assets/icons/facebook.svg);
-webkit-mask-image: url(//fosbos-marktheidenfeld.de/wp-content/themes/fosbos-gp-child-ci-2026/assets/icons/facebook.svg);
}
.site-footer {
background: var(--color-primary);
color: var(--color-surface);
}
.site-footer a {
color: var(--color-surface);
}
.fos-v2-site-footer-wrap {
background: var(--color-background);
border-top: 1px solid var(--color-border);
margin-top: 3rem;
position: relative;
}
.fos-v2-site-footer {
background: var(--color-surface);
border: 1px solid var(--color-border);
border-radius: var(--radius);
box-shadow: var(--shadow-subtle);
color: var(--color-text);
margin: 2rem 0;
overflow: hidden;
position: relative;
}
.fos-v2-site-footer--minimal {
padding-top: 0.2rem;
}
.fos-v2-site-footer__bottom {
align-items: center;
display: flex;
gap: calc(var(--universal-gap) + (var(--universal-gap-small) * 0.6));
justify-content: space-between;
padding: 1.1rem 2.2rem 1.3rem;
}
.fos-v2-site-footer__copyright {
color: var(--color-text-muted);
font-size: var(--font-size-sm);
}
.fos-v2-site-footer__meta {
align-items: center;
display: flex;
flex-wrap: wrap;
gap: calc(var(--universal-gap) + (var(--universal-gap-small) * 0.6));
justify-content: flex-end;
}
.fos-v2-footer-meta-links {
align-items: center;
display: flex;
flex-wrap: wrap;
gap: calc(var(--universal-gap) + (var(--universal-gap-small) * 0.6));
list-style: none;
margin: 0;
padding: 0;
}
.fos-v2-footer-meta-links a {
color: var(--color-text);
text-decoration: none;
}
.fos-v2-footer-meta-links a:hover {
color: var(--color-social);
}
.fos-v2-site-footer__extra .widget {
margin: 0;
}
.fos-v2-footer-social {
align-items: center;
display: flex;
gap: calc(var(--universal-gap-small) * 1.6);
}
.fos-v2-footer-social a {
align-items: center;
background: var(--color-surface-muted);
border: 1px solid var(--color-border);
border-radius: 50%;
color: var(--color-heading);
display: inline-flex;
height: 2.25rem;
justify-content: center;
text-decoration: none;
width: 2.25rem;
}
.fos-v2-footer-social__icon {
height: 1.125rem;
width: 1.125rem;
}
.fos-v2-footer-social a:hover {
background: var(--color-primary-soft);
color: var(--color-primary);
}
.fos-v2-footer-contact-icon {
color: var(--color-social);
height: 1.25rem;
margin-top: 0.2rem;
width: 1.25rem;
}
.fos-v2-site-footer::before {
background: linear-gradient(90deg, var(--color-social) 0%, var(--color-social) 32%, var(--color-business) 56%, var(--color-technology) 78%, var(--color-abu) 100%);
bottom: 0;
content: "";
display: block;
height: 4px;
left: 0;
position: absolute;
right: 0;
}
.fos-ci-footer {
background: var(--color-primary);
color: var(--color-surface);
}
.fos-ci-footer__inner {
align-items: center;
display: flex;
gap: var(--universal-gap-large);
justify-content: space-between;
min-height: 4.5rem;
}
.fos-ci-footer__links,
.fos-ci-footer__social {
align-items: center;
display: flex;
flex-wrap: wrap;
gap: var(--universal-gap);
}
.fos-ci-footer__links a,
.fos-ci-footer__social a {
color: var(--color-surface);
font-size: var(--font-size-sm);
font-weight: 500;
}
.fos-ci-footer__social a {
align-items: center;
display: inline-flex;
height: 2.125rem;
justify-content: center;
width: 2.125rem;
}
.fos-ci-footer__social svg {
height: 1.4375rem;
width: 1.4375rem;
}
@media (max-width: 81.25em) {
}
@media (max-width: 68.75em) {
.fos-ci-layout {
grid-template-columns: 1fr;
}
.fos-ci-sidebar,
.fos-ci-sidebar-shell,
.inside-right-sidebar .fos-ci-sidebar--global {
grid-template-columns: repeat(3, minmax(0, 1fr));
position: static;
}
.fos-v2-site-footer__bottom {
align-items: flex-start;
flex-direction: column;
}
.fos-v2-site-footer__meta {
justify-content: flex-start;
}
}
@media (max-width: 64em) {
.site-header .inside-header {
align-items: start;
grid-template-columns: 1fr;
min-height: 6.125rem;
row-gap: calc((var(--universal-gap) + var(--universal-gap-small)) / 2);
}
.site-logo {
justify-self: center;
margin-left: 0;
}
.fos-v2-site-footer__bottom {
padding: 1rem 1.2rem 1.2rem;
}
.mobile-menu-control-wrapper,
nav.mobile-menu-control-wrapper {
display: none !important;
}
.main-navigation {
width: 100%;
}
.has-inline-mobile-toggle #site-navigation .inside-navigation > .menu-toggle {
display: flex !important;
}
.has-inline-mobile-toggle #site-navigation .inside-navigation > .main-nav {
display: block !important;
}
.has-inline-mobile-toggle #site-navigation.toggled {
background-color: var(--color-primary) !important;
margin-top: 0.75rem !important;
}
.main-navigation .inside-navigation {
align-items: stretch;
column-gap: calc((var(--universal-gap) + var(--universal-gap-small)) / 2);
display: grid;
grid-template-columns: minmax(0, 1fr) auto;
min-height: 0;
padding: 0;
row-gap: calc((var(--universal-gap) + var(--universal-gap-small)) / 2);
}
.main-navigation .mobile-menu-control-wrapper {
align-items: center;
display: flex;
gap: calc((var(--universal-gap) + var(--universal-gap-small)) / 2);
justify-content: space-between;
padding: 0;
width: 100%;
}
.main-navigation .main-nav ul li a,
.menu-toggle,
.main-navigation .menu-bar-items a {
line-height: 3rem;
}
.menu-toggle,
.main-navigation .menu-toggle,
.main-navigation button.menu-toggle {
background: var(--color-primary) !important;
color: var(--color-surface) !important;
display: inline-flex !important;
grid-column: 1;
grid-row: 1;
padding-left: 1.15rem !important;
padding-right: 1.15rem !important;
transition:
background-color 0.18s ease,
color 0.18s ease,
transform 0.18s ease,
box-shadow 0.22s ease;
}
.main-navigation .menu-toggle:hover,
.main-navigation .menu-toggle:focus,
.has-inline-mobile-toggle #site-navigation.toggled .menu-toggle {
display: inline-flex !important;
}
.main-navigation .menu-toggle:hover{
background: var(--color-primary-dark) !important;
color: var(--color-surface) !important;
}
.main-navigation .menu-bar-items {
display: flex !important;
grid-column: 2;
grid-row: 1;
margin-left: 0;
}
.main-navigation .menu-bar-items .menu-bar-item,
.main-navigation .menu-bar-items .menu-bar-item > a {
display: flex;
}
.main-navigation .menu-bar-items .menu-bar-item > a {
background: var(--color-primary) !important;
color: var(--color-surface) !important;
display: flex;
transition:
background-color 0.18s ease,
color 0.18s ease,
transform 0.18s ease,
box-shadow 0.22s ease;
}
.main-navigation .main-nav {
display: block !important;
grid-column: 1 / -1;
grid-row: 2;
margin-top: 0;
max-height: 0;
opacity: 0;
overflow: hidden;
pointer-events: none;
transform: translateY(-6px);
transition: max-height 0.36s ease, opacity 0.24s ease, margin-top 0.3s ease, transform 0.28s ease;
width: 100%;
}
.main-navigation.toggled .main-nav {
margin-top: 0;
max-height: 85vh;
opacity: 1;
overflow-y: auto;
pointer-events: auto;
transform: translateY(0);
}
.main-navigation .main-nav > ul,
.main-navigation .menu,
.main-navigation .sf-menu,
.main-navigation:not(.slideout-navigation) .main-nav > ul {
display: flex !important;
flex-direction: column;
gap: 0;
margin: 0;
padding: 0;
width: 100%;
}
.main-navigation .sf-menu > li,
.main-navigation ul.menu > li {
width: 100%;
}
.main-navigation .sf-menu > li + li,
.main-navigation ul.menu > li + li {
border-top: 1px solid rgba(255, 255, 255, 0.22);
}
.main-navigation .sf-menu > li > a,
.main-navigation ul.menu > li > a {
background: var(--color-primary);
color: var(--color-surface);
display: flex;
font-size: 1rem;
justify-content: space-between;
min-height: 3.35rem;
padding-left: 1rem;
padding-right: 1rem;
width: 100%;
}
.main-navigation .sf-menu > li > a:hover,
.main-navigation .sf-menu > li > a:focus,
.main-navigation ul.menu > li > a:hover,
.main-navigation ul.menu > li > a:focus {
color: var(--color-surface);
}
.main-navigation .dropdown-menu-toggle {
padding-left: 0.8rem;
transition: transform 0.24s ease, color 0.18s ease;
}
.main-navigation .menu-item-has-children.sfHover > a .dropdown-menu-toggle,
.main-navigation .menu-item-has-children > a .dropdown-menu-toggle[aria-expanded="true"] {
transform: rotate(180deg);
}
.main-navigation .dropdown-menu-toggle:focus-visible {
border-radius: 999rem;
box-shadow: 0 0 0 3px rgba(70, 191, 224, 0.38);
outline: none;
}
.main-navigation .sub-menu,
.main-navigation .sf-menu .sub-menu {
background: #0c588c;
box-shadow: none;
display: block;
left: auto;
margin: 0;
max-height: 0;
opacity: 0;
overflow: hidden;
padding: 0;
pointer-events: none;
position: static;
top: auto;
transform: translateY(-6px);
transform-origin: top;
transition: max-height 0.36s ease, opacity 0.24s ease, padding 0.3s ease, margin 0.3s ease, transform 0.28s ease;
width: auto;
border-top: 1px;
}
.main-navigation .menu-item-has-children.sfHover > .sub-menu,
.main-navigation .sub-menu.toggled-on,
.main-navigation .sf-menu .sub-menu.toggled-on {
max-height: 45rem;
opacity: 1;
pointer-events: auto;
transform: translateY(0);
}
.main-navigation .sub-menu li + li,
.main-navigation .sf-menu .sub-menu li + li {
border-top: 0;
}
.main-navigation .sub-menu li a,
.main-navigation .sf-menu .sub-menu li a {
color: var(--color-surface);
font-size: var(--font-size-sm);
min-height: 2.8rem;
padding-left: 2rem;
padding-right: 1rem;
opacity: 0;
transform: translateY(-6px);
transition:
opacity 0.24s ease,
transform 0.28s ease,
background-color 0.2s ease,
color 0.18s ease,
box-shadow 0.2s ease;
}
.main-navigation .menu-item-has-children.sfHover > .sub-menu li a,
.main-navigation .sub-menu.toggled-on li a,
.main-navigation .sf-menu .sub-menu.toggled-on li a {
opacity: 1;
transform: translateY(0);
}
.fos-ci-news-grid,
.fos-ci-video-grid,
.fos-ci-experience__grid,
.fos-ci-direction-grid,
.fos-ci-sidebar,
.fos-ci-sidebar-shell,
.inside-right-sidebar .fos-ci-sidebar--global {
grid-template-columns: 1fr;
}
.fos-ci-hero__content {
max-width: 68%;
}
.fos-ci-news-stack {
grid-template-columns: 1fr;
}
.fos-ci-news-card--featured-has-image .fos-ci-news-card__body {
max-width: none;
}
.fos-ci-experience-card--wide {
padding-right: 1.5rem;
}
.fos-ci-experience-card img {
border-radius: var(--radius);
}
}
@media (max-width: 40em) {
:root {
--font-size-base: 1rem;
}
.fos-ci-home {
padding-top: 1.5rem;
}
.fos-ci-hero {
min-height: 32.5rem;
}
.fos-ci-hero__media::after {
background: linear-gradient(180deg, rgba(250, 248, 244, 0.94) 0%, rgba(250, 248, 244, 0.88) 44%, rgba(250, 248, 244, 0.52) 76%, rgba(250, 248, 244, 0.16) 100%);
}
.fos-ci-hero__content {
max-width: none;
min-height: 32.5rem;
padding: 2rem 1.4rem 1.6rem;
}
.fos-ci-hero h1 {
max-width: 12ch;
}
.fos-ci-section__header {
align-items: flex-start;
flex-direction: column;
}
.fos-ci-footer__inner {
align-items: flex-start;
flex-direction: column;
padding-bottom: 1.375rem;
padding-top: 1.375rem;
}
.fos-ci-news-card--featured {
min-height: 0;
}
.fos-ci-news-card--featured-has-image {
grid-template-columns: 1fr;
}
.fos-ci-news-card--featured-has-image .fos-ci-news-card__media {
aspect-ratio: 1.45;
height: auto;
grid-column: 1;
grid-row: 2;
order: 2;
position: relative;
}
.fos-ci-news-card--featured .fos-ci-news-card__body {
max-width: none;
padding: 1.375rem;
}
.fos-ci-news-card--featured-has-image .fos-ci-news-card__body {
grid-column: 1;
grid-row: 1;
order: 1;
padding-bottom: 1rem;
}
.fos-ci-experience,
.fos-ci-directions,
.fos-ci-videos,
.fos-ci-extra-content,
.fos-ci-content-card {
padding: 1.25rem;
}
}
@media (prefers-reduced-motion: reduce) {
.main-navigation .main-nav ul li a,
.menu-toggle,
.main-navigation .menu-bar-items a,
.main-navigation .main-nav ul ul li a,
.main-navigation .main-nav,
.main-navigation .dropdown-menu-toggle,
.main-navigation .sub-menu,
.main-navigation .sf-menu .sub-menu {
transition-duration: 0.01ms !important;
transition-delay: 0s !important;
animation: none !important;
}
.main-navigation .main-nav,
.main-navigation .sub-menu,
.main-navigation .sf-menu .sub-menu,
.main-navigation .menu-item-has-children.sfHover > a .dropdown-menu-toggle {
transform: none !important;
}
}:root {
--color-primary: #2e75b6; --color-primary-dark: #00385f;
--color-primary-soft: #e6f0f6;
--color-social: #cf2841;
--color-business: #f7a600;
--color-business-dark: #b17802;
--color-technology: #46bfe0;
--color-abu: #85be57;
--color-social-soft: #fbe8ec;
--color-business-soft: #fff3d9;
--color-technology-soft: #e5f7fb;
--color-abu-soft: #edf7e8;
--color-background: #faf8f4;
--color-surface: #ffffff;
--color-surface-muted: #f3f5f7;
--color-border: #e4e8ec;
--color-text: #1f2d3d;
--color-heading: #002b49;
--color-text-muted: #5b6775;
--color-icon-muted: #8a96a3;
--color-alert: #cf2841;
--color-warning: #f7a600;
--color-success: #85be57;
--color-info: #46bfe0;
--font-main: "Source Sans 3", "Source Sans Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif; --font-size-xs: 0.8125rem;
--font-size-sm: 0.9375rem;
--font-size-base: 1.0625rem;
--font-size-md: 1.1875rem;
--font-size-lg: 1.36rem;
--font-size-xl: 1.6875rem;
--font-size-2xl: 2.125rem;
--font-size-3xl: 2.75rem;
--font-size-section: clamp(var(--font-size-xl), 3vw, 2.55rem);
--font-size-featured: clamp(var(--font-size-xl), 3vw, 2.3rem);
--font-size-hero: clamp(var(--font-size-2xl), 5vw, 4.4rem);
--layout-max-width: 1350px;
--shadow-card: 0 1rem 2.625rem rgba(0, 43, 73, 0.08);
--shadow-subtle: 0 0.5rem 1.5rem rgba(0, 43, 73, 0.06);
--radius: 0.5rem;
--radius-small: 0.375rem;
--universal-gap: 1rem;
--universal-gap-small: 0.5rem;
--universal-gap-large: 1.5rem;
}
body {
background: var(--color-background);
color: var(--color-text);
font-family: var(--font-main);
font-size: var(--font-size-base);
font-weight: 400;
line-height: 1.62;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
hyphens: auto;
}
h1,
h2,
h3,
h4,
h5,
h6 {
color: var(--color-heading);
font-family: var(--font-main);
font-weight: 800;
letter-spacing: 0;
line-height: 1.12;
margin: 0 0 0.5rem 0;
}
h1 {
font-size: var(--font-size-2xl);
}
h1::after,
h2::after {
content: "";
width: 2em;
border-top: 3px solid var(--color-primary);
display: block;
margin-top: .2em;
}
.entry-content h1 {
margin-bottom: 2rem;
}
h2 {
font-size: var(--font-size-xl);
font-weight: 600;
}
.entry-content h2 {
margin-top: 1.5em;
}
h3 {
font-size: var(--font-size-lg);
font-weight: 600;
margin-top: 1.5em;
}
h4 {
font-size: var(--font-size-md);
font-weight: 600;
margin-top: 1.5em;
}
h5,
h6 {
font-size: var(--font-size-base);
font-weight: 600;
margin-top: 1.5em;
}
a {
color: var(--color-primary);
text-decoration: none;
}
a:hover,
a:focus {
color: var(--color-primary-dark);
}
p {
margin: 1em 0;
}
img {
max-width: 100%;
}
hr, hr.wp-block-separator {
border-top: 1px solid var(--color-primary);
}
.grid-container {
max-width: var(--layout-max-width);
}
.site-header {
background: var(--color-surface);
border-bottom: 1px solid var(--color-border);
}
.site-header .inside-header {
align-items: end;
box-sizing: border-box;
display: grid;
grid-template-columns: 1fr;
margin-left: auto;
margin-right: auto;
max-width: var(--layout-max-width);
min-height: 7.875rem;
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
padding-top: 1.5rem;
width: 100%;
}
.site-logo {
justify-self: end;
margin-left: auto;
max-width: none;
width: 100%;
}
.site-logo a {
display: flex;
justify-content: flex-end;
width: 100%;
}
.site-logo img,
.site-header .header-image {
display: block;
margin-left: auto;
max-height: 5.5rem;
width: auto;
}
.site-header .main-navigation {
background: var(--color-primary);
left: 50%;
margin-top: 1.125rem;
margin-left: calc(50% - 50vw);
margin-right: calc(50% - 50vw);
position: relative;
transform: translateX(-50%);
width: 100vw;
}
.main-navigation,
.main-navigation ul ul {
background: var(--color-primary);
}
.main-navigation .inside-navigation {
align-items: center;
display: flex;
flex-wrap: nowrap;
gap: calc((var(--universal-gap) + var(--universal-gap-small)) / 2);
margin-left: auto;
margin-right: auto;
max-width: var(--layout-max-width);
padding-left: 0.875rem;
padding-right: 0.875rem;
min-height: 3.9rem;
}
.main-navigation .main-nav {
flex: 1 1 auto;
}
.main-navigation .main-nav ul li a,
.menu-toggle,
.main-navigation .menu-bar-items a,
.main-navigation .main-nav ul ul li a {
color: var(--color-surface);
font-family: var(--font-main);
font-size: var(--font-size-base);
font-weight: 500;
line-height: 3.625rem;
padding-left: 1.05rem;
padding-right: 1.05rem;
transition:
background-color 0.2s ease,
color 0.18s ease,
box-shadow 0.2s ease;
}
.main-navigation .main-nav ul ul li a {
padding: 0.9rem 1rem;
line-height: 1.25;
}
.main-navigation .main-nav ul li:not([class*="current-menu-"]):hover > a, .main-navigation .main-nav ul li:not([class*="current-menu-"]):focus > a, .main-navigation .main-nav ul li.sfHover:not([class*="current-menu-"]) > a, .main-navigation .menu-bar-item:hover > a, .main-navigation .menu-bar-item.sfHover > a {
color: var(--color-surface);
}
.main-navigation .main-nav ul li a:focus-visible,
.main-navigation .main-nav ul ul li a:focus-visible,
.main-navigation .menu-bar-items a:focus-visible,
.main-navigation .menu-toggle:focus-visible {
outline: none;
box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.22);
}
.menu-toggle,
.main-navigation .menu-toggle,
.main-navigation button.menu-toggle {
background: transparent !important;
border: 0 !important;
border-radius: 0 !important;
box-shadow: none !important;
color: var(--color-surface) !important;
display: none !important;
min-height: 3.625rem !important;
padding: 0 1rem !important;
}
.main-navigation .main-nav ul li:hover > a,
.main-navigation .main-nav ul li:focus > a,
.main-navigation .main-nav ul li.sfHover > a,
.main-navigation .main-nav ul li.current-menu-item > a,
.main-navigation .main-nav ul li.current-menu-parent > a,
.main-navigation .main-nav ul li.current-menu-ancestor > a,
.main-navigation .menu-bar-item:hover > a,
.main-navigation .menu-bar-item > a:hover,
.main-navigation .menu-bar-item > a:focus,
.main-navigation .menu-bar-item > a:focus-visible,
.main-navigation .menu-toggle:hover,
.main-navigation .menu-toggle:focus,
.main-navigation .menu-toggle:focus-visible,
.has-inline-mobile-toggle #site-navigation.toggled .menu-toggle {
background: var(--color-primary-dark);
color: var(--color-surface);
}
.site-header .main-navigation .dropdown-menu-toggle .gp-icon.icon-arrow {
position: relative;
top: 0.2em;
}
.separate-containers .site-main {
margin-right: 0;
}
.fos-ci-home {
padding: 2.125rem 0 3.25rem;
}
.site-content {
gap: calc(var(--universal-gap) + var(--universal-gap-small) + (var(--universal-gap-small) * 0.75));
}
.home .site-content {
gap: 0;
}
.fos-ci-layout {
align-items: start;
display: grid;
gap: calc(var(--universal-gap) + var(--universal-gap-small) + (var(--universal-gap-small) * 0.75));
grid-template-columns: minmax(0, 1fr) 18.125rem;
}
.fos-ci-main {
display: grid;
gap: var(--universal-gap);
min-width: 0;
}
.fos-ci-section {
min-width: 0;
}
.fos-ci-hero {
background: var(--color-surface);
border: 1px solid var(--color-border);
border-radius: var(--radius);
box-shadow: var(--shadow-subtle);
overflow: hidden;
position: relative;
}
.fos-ci-hero__media {
inset: 0;
position: absolute;
}
.fos-ci-hero__media::after {
background: linear-gradient(90deg, rgba(250, 248, 244, 0.96) 0%, rgba(250, 248, 244, 0.9) 34%, rgba(250, 248, 244, 0.72) 54%, rgba(250, 248, 244, 0.18) 100%);
content: "";
inset: 0;
position: absolute;
}
.fos-ci-hero__media img {
display: block;
height: 100%;
object-fit: cover;
object-position: center;
width: 100%;
}
.fos-ci-hero__content {
display: flex;
flex-direction: column;
gap: var(--universal-gap);
max-width: 70%;
padding: 3rem 2.7rem 2.5rem;
position: relative;
z-index: 1;
}
.fos-ci-hero__eyebrow {
color: var(--color-social);
font-size: var(--font-size-sm);
font-weight: 700;
margin: 0;
text-transform: uppercase;
}
.fos-ci-hero h1 {
color: var(--color-heading);
font-size: var(--font-size-hero);
line-height: 0.96;
margin: 0;
max-width: 10ch;
}
.fos-ci-hero__text {
color: var(--color-text);
font-size: var(--font-size-base);
line-height: 1.7;
margin: 0;
max-width: 42ch;
}
.fos-ci-hero__actions {
display: flex;
flex-wrap: wrap;
gap: var(--universal-gap);
margin-top: auto;
}
.fos-ci-section__header {
align-items: end;
display: flex;
gap: var(--universal-gap);
justify-content: space-between;
margin-bottom: 1.375rem;
}
.fos-ci-eyebrow {
color: var(--color-social);
font-size: var(--font-size-xs);
font-weight: 700;
letter-spacing: 0.02em;
margin-bottom: 0.35rem;
text-transform: uppercase;
margin-top: 0;
}
.fos-ci-section__header h1,
.fos-ci-section__header h2 {
font-size: var(--font-size-section);
margin-bottom: 0;
position: relative;
}
.fos-ci-all-news,
.fos-ci-text-link {
align-items: center;
display: inline-flex;
gap: var(--universal-gap);
font-weight: 700;
}
.fos-ci-all-news {
align-items: center;
background: none;
border: 0;
color: var(--color-heading);
cursor: pointer;
display: inline-flex;
font-size: var(--font-size-sm);
gap: var(--universal-gap);
padding-bottom: 0.4375rem;
text-align: left;
}
.fos-ci-all-news__spinner {
border: 0.125rem solid color-mix(in srgb, var(--color-heading) 20%, transparent);
border-radius: 50%;
border-top-color: var(--color-heading);
display: none;
flex: 0 0 auto;
height: 1rem;
width: 1rem;
}
.fos-ci-news-footer {
margin-top: 1rem;
}
.fos-ci-all-news.is-loading {
opacity: 0.65;
}
.fos-ci-all-news.is-loading .fos-ci-all-news__spinner {
animation: fos-ci-spin 0.75s linear infinite;
display: inline-block;
}
@keyframes fos-ci-spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
.fos-ci-news-grid {
display: grid;
gap: var(--universal-gap);
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.fos-ci-news-grid--equal {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.fos-ci-news-stack {
display: grid;
gap: var(--universal-gap);
grid-column: 1 / -1;
grid-template-columns: repeat(2, minmax(0, 1fr));
grid-template-rows: none;
}
.fos-ci-news-grid__equal-items {
display: contents;
}
.fos-ci-news-card,
.fos-ci-sidebar-card,
.fos-ci-content-card,
.fos-ci-experience,
.fos-ci-directions,
.fos-ci-videos,
.separate-containers .inside-article {
background: var(--color-surface);
border: 1px solid var(--color-border);
border-radius: var(--radius);
box-shadow: var(--shadow-subtle);
}
.site-main .wp-block-group__inner-container {
margin-top: 1.5rem;
margin-bottom: 1.5rem;
padding: 1.5em 0 1.5em 0;
border-top: 1px solid var(--color-border);
}
.fos-ci-news-card {
display: flex;
flex-direction: column;
overflow: hidden;
}
.fos-ci-news-card__media {
aspect-ratio: 1.45;
background: var(--color-surface-muted);
display: block;
order: 0;
overflow: hidden;
}
.fos-ci-news-card__media img {
display: block;
height: 100%;
object-fit: cover;
width: 100%;
}
.fos-ci-news-card__body {
display: flex;
flex: 1;
flex-direction: column;
padding: 0 1rem 1rem 1rem;
}
.fos-ci-news-card__meta {
align-items: center;
color: var(--color-primary);
display: flex;
flex-wrap: wrap;
font-size: var(--font-size-xs);
font-weight: 700;
gap: var(--universal-gap);
margin-bottom: 1rem;
}
.fos-ci-badge {
background: var(--color-social);
border-radius: 0.25rem;
color: var(--color-surface);
display: inline-flex;
font-size: var(--font-size-xs);
font-weight: 700;
letter-spacing: 0.02em;
line-height: 1;
padding: 0.5rem 0.625rem;
text-transform: uppercase;
}
.fos-ci-news-card__title {
font-size: var(--font-size-md);
margin-bottom: 0.8rem;
order: 1;
}
.fos-ci-news-card__title a {
color: var(--color-heading);
}
.fos-ci-news-card__content {
color: var(--color-text);
font-size: var(--font-size-sm);
margin-bottom: 1.2rem;
overflow: visible;
order: 1;
}
.fos-ci-news-card__content > *:last-child {
margin-bottom: 0;
}
.fos-ci-news-card__content p,
.fos-ci-news-card__content ul,
.fos-ci-news-card__content ol {
color: var(--color-text);
font-size: var(--font-size-sm);
margin-bottom: 1.2rem;
}
.fos-ci-news-card .fos-ci-text-link {
font-size: var(--font-size-sm);
margin-top: auto;
}
.fos-ci-news-card--featured {
background: var(--color-surface);
box-shadow: var(--shadow-card);
display: grid;
grid-template-columns: 1fr;
grid-column: 1 / -1;
overflow: hidden;
position: relative;
}
.fos-ci-news-card--featured .fos-ci-news-card__body {
background: var(--color-surface);
width: 100%;
min-height: 100%;
order: 2;
padding: 2.125rem 1.375rem 1.875rem 1.875rem;
position: relative;
z-index: 1;
}
.fos-ci-news-card--featured-has-image {
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
}
.fos-ci-news-card--featured-has-image .fos-ci-news-card__media {
aspect-ratio: auto;
grid-column: 2;
grid-row: 1;
height: 100%;
min-height: 100%;
order: 2;
position: relative;
width: 100%;
}
.fos-ci-news-card--featured-has-image .fos-ci-news-card__media img {
height: 100%;
object-fit: cover;
object-position: 50% 50%;
width: 100%;
}
.fos-ci-news-card--featured-has-image .fos-ci-news-card__body {
background: var(--color-surface);
grid-column: 1;
grid-row: 1;
order: 1;
padding-right: 2rem;
}
.fos-ci-news-card--featured .fos-ci-news-card__title {
font-size: var(--font-size-featured);
}
.fos-ci-news-card--featured .fos-ci-text-link {
background: var(--color-social);
border-radius: var(--radius-small);
color: var(--color-surface);
justify-content: center;
margin-top: 1.125rem;
min-height: 3rem;
padding: 0 1.125rem;
width: fit-content;
}
.fos-ci-news-card--compact {
min-height: 0;
}
.fos-ci-news-card--compact .fos-ci-news-card__body {
padding-bottom: 1.125rem;
order: 1;
}
.fos-ci-news-card--compact .fos-ci-news-card__title {
font-size: var(--font-size-lg);
line-height: 1.2;
margin: 0;
padding: 0 1rem;
}
.fos-ci-news-card--compact .fos-ci-news-card__content,
.fos-ci-news-card--compact .fos-ci-news-card__content p,
.fos-ci-news-card--compact .fos-ci-news-card__content ul,
.fos-ci-news-card--compact .fos-ci-news-card__content ol {
color: var(--color-text-muted);
font-size: var(--font-size-sm);
margin-bottom: 1rem;
}
.fos-ci-news-card--compact .fos-ci-news-card__media {
aspect-ratio: 1.6;
margin-bottom: 1rem;
}
.fos-ci-pagination {
margin-top: 1.375rem;
}
.fos-ci-pagination ul {
align-items: center;
display: flex;
gap: var(--universal-gap-small);
justify-content: center;
list-style: none;
margin: 0;
padding: 0;
}
.fos-ci-pagination a,
.fos-ci-pagination span {
align-items: center;
background: var(--color-surface);
border: 1px solid var(--color-border);
border-radius: var(--radius-small);
color: var(--color-heading);
display: inline-flex;
font-weight: 700;
justify-content: center;
min-height: 2.375rem;
min-width: 2.375rem;
padding: 0 0.75rem;
}
.fos-ci-pagination .current {
background: var(--color-primary);
border-color: var(--color-primary);
color: var(--color-surface);
}
.fos-ci-experience,
.fos-ci-directions,
.fos-ci-videos,
.fos-ci-extra-content,
.separate-containers .inside-article {
padding: 1.625rem 1.75rem;
}
.fos-ci-video-grid {
display: grid;
gap: var(--universal-gap);
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.fos-ci-video-card {
background: var(--color-surface-muted);
border-radius: var(--radius);
overflow: hidden;
}
.fos-ci-video-card__media {
background: #000;
aspect-ratio: 16 / 9;
}
.fos-ci-video-card__media video {
display: block;
height: 100%;
object-fit: cover;
width: 100%;
}
.fos-ci-video-card__body {
padding: 1.25rem 1.375rem 1.375rem;
}
.fos-ci-video-card__body h3 {
font-size: var(--font-size-md);
margin: 0;
}
.fos-ci-experience__grid {
display: grid;
gap: var(--universal-gap);
grid-template-columns: minmax(0, 1.45fr) minmax(13.75rem, 0.8fr);
}
.fos-ci-experience-card {
background: var(--color-surface-muted);
border-radius: var(--radius);
display: grid;
gap: var(--universal-gap);
min-height: 13.125rem;
padding: 1.5rem;
}
.fos-ci-experience-card--wide {
align-items: center;
grid-template-columns: minmax(0, 0.9fr) minmax(13.75rem, 1.1fr);
overflow: hidden;
padding-right: 0;
}
.fos-ci-experience-card h3 {
font-size: var(--font-size-md);
}
.fos-ci-experience-card p {
color: var(--color-text-muted);
font-size: var(--font-size-sm);
}
.fos-ci-experience-card img {
border-radius: var(--radius) 0 0 var(--radius);
height: 13.125rem;
object-fit: cover;
width: 100%;
}
.wp-block-button__link,
.wp-element-button,
button,
.button,
.fos-ci-button {
align-items: center;
background: var(--color-primary) !important;
border: 1px solid transparent !important;
border-radius: var(--radius-small) !important;
caret-color: transparent;
color: var(--color-surface) !important;
cursor: pointer !important;
display: inline-flex !important;
font-size: var(--font-size-sm) !important;
font-weight: 700 !important;
justify-content: center !important;
min-height: 2.875rem !important;
padding: 1em 1.3em 1em 1em !important;
text-decoration: none !important;
transition: background-color 0.18s ease, border-color 0.18s ease, color 0.18s ease, box-shadow 0.18s ease !important;
user-select: none;
-webkit-user-select: none;
-webkit-box-shadow: 1px 1px 8px 1px rgba(0,0,0,0.15); 
box-shadow: 1px 1px 8px 1px rgba(0,0,0,0.15);
}
.wp-block-button__link,
.wp-element-button {
justify-content: flex-start !important;
text-align: left !important;
}
.wp-block-button__link.has-text-align-center,
.wp-element-button.has-text-align-center {
justify-content: center !important;
text-align: center !important;
}
.wp-block-button__link.has-text-align-right,
.wp-element-button.has-text-align-right {
justify-content: flex-end !important;
text-align: right !important;
}
.fos-ci-button--primary,
.fos-ci-button--secondary,
button {
background: var(--color-primary) !important;
color: var(--color-surface) !important;
fill: var(--color-surface) !important;
}
button.lightbox-trigger {
padding: 1em !important;
width: auto !important;
height: auto !important;
}
.wp-block-button__link:hover,
.wp-block-button__link:focus,
.wp-element-button:hover,
.wp-element-button:focus,
button:hover,
button:focus,
.button:hover,
.button:focus,
.fos-ci-button:hover,
.fos-ci-button:focus {
background: var(--color-primary-dark) !important;
color: var(--color-surface) !important;
}
.wp-block-button__link:focus,
.wp-element-button:focus,
button:focus,
.button:focus,
.fos-ci-button:focus {
box-shadow: 0 0 0 3px rgba(70, 191, 224, 0.22) !important;
outline: 0 !important;
}
.wp-block-button.is-style-outline .wp-block-button__link,
.wp-block-button__link.is-style-outline,
.wp-element-button.is-style-outline,
.button.is-style-outline {
background: var(--color-surface) !important;
border-color: var(--color-primary) !important;
color: var(--color-primary) !important;
}
.wp-block-button.is-style-outline .wp-block-button__link:hover,
.wp-block-button.is-style-outline .wp-block-button__link:focus,
.wp-block-button__link.is-style-outline:hover,
.wp-block-button__link.is-style-outline:focus,
.wp-element-button.is-style-outline:hover,
.wp-element-button.is-style-outline:focus,
.button.is-style-outline:hover,
.button.is-style-outline:focus {
background: var(--color-primary-soft) !important;
border-color: var(--color-primary-dark) !important;
color: var(--color-primary-dark) !important;
}
.wp-block-button .wp-block-button__link .fos-button__icon,
.wp-block-button .wp-block-button__link .fos-button__end-arrow {
display: inline-block;
flex: 0 0 auto;
}
.wp-block-button .wp-block-button__link .fos-button__text {
display: inline-flex;
flex: 1 1 auto;
flex-direction: column;
gap: calc(var(--universal-gap-small) * 0.36);
min-width: 0;
}
.wp-block-button .wp-block-button__link .fos-button__text-title {
display: block;
font-weight: 700;
}
.wp-block-button .wp-block-button__link .fos-button__subtitle {
display: block;
font-size: 1em;
font-weight: 400;
line-height: 1.35;
opacity: 0.92;
}
.wp-block-button.fos-button-has-icon .wp-block-button__link,
.wp-block-button.fos-button-has-end-arrow .wp-block-button__link {
gap: calc(var(--universal-gap-small) * 1.1);
}
.wp-block-button.fos-button-has-subtitle .wp-block-button__link {
gap: calc(var(--universal-gap-small) * 1.9);
}
.wp-block-button .wp-block-button__link .fos-button__icon {
background-color: currentColor;
height: 1.5em;
mask-position: center;
mask-repeat: no-repeat;
mask-size: contain;
-webkit-mask-position: center;
-webkit-mask-repeat: no-repeat;
-webkit-mask-size: contain;
width: 1.5em;
}
.wp-block-button.fos-button-has-subtitle .wp-block-button__link .fos-button__icon {
height: 2em;
width: 2em;
}
.wp-block-button .wp-block-button__link .fos-button__end-arrow {
font-size: 0.95em;
font-weight: 700;
line-height: 1;
margin-left: auto;
padding-left: 0.85em;
}
.wp-block-button .wp-block-button__link .fos-button__icon--rocket {
mask-image: url(//fosbos-marktheidenfeld.de/wp-content/themes/fosbos-gp-child-ci-2026/assets/icons/rocket.svg);
-webkit-mask-image: url(//fosbos-marktheidenfeld.de/wp-content/themes/fosbos-gp-child-ci-2026/assets/icons/rocket.svg);
}
.wp-block-button .wp-block-button__link .fos-button__icon--contact {
mask-image: url(//fosbos-marktheidenfeld.de/wp-content/themes/fosbos-gp-child-ci-2026/assets/icons/user-round.svg);
-webkit-mask-image: url(//fosbos-marktheidenfeld.de/wp-content/themes/fosbos-gp-child-ci-2026/assets/icons/user-round.svg);
}
.wp-block-button .wp-block-button__link .fos-button__icon--location {
mask-image: url(//fosbos-marktheidenfeld.de/wp-content/themes/fosbos-gp-child-ci-2026/assets/icons/map-pin.svg);
-webkit-mask-image: url(//fosbos-marktheidenfeld.de/wp-content/themes/fosbos-gp-child-ci-2026/assets/icons/map-pin.svg);
}
.wp-block-button .wp-block-button__link .fos-button__icon--phone {
mask-image: url(//fosbos-marktheidenfeld.de/wp-content/themes/fosbos-gp-child-ci-2026/assets/icons/phone.svg);
-webkit-mask-image: url(//fosbos-marktheidenfeld.de/wp-content/themes/fosbos-gp-child-ci-2026/assets/icons/phone.svg);
}
.wp-block-button .wp-block-button__link .fos-button__icon--fax {
mask-image: url(//fosbos-marktheidenfeld.de/wp-content/themes/fosbos-gp-child-ci-2026/assets/icons/printer.svg);
-webkit-mask-image: url(//fosbos-marktheidenfeld.de/wp-content/themes/fosbos-gp-child-ci-2026/assets/icons/printer.svg);
}
.wp-block-button .wp-block-button__link .fos-button__icon--mail {
mask-image: url(//fosbos-marktheidenfeld.de/wp-content/themes/fosbos-gp-child-ci-2026/assets/icons/mail.svg);
-webkit-mask-image: url(//fosbos-marktheidenfeld.de/wp-content/themes/fosbos-gp-child-ci-2026/assets/icons/mail.svg);
}
.wp-block-button .wp-block-button__link .fos-button__icon--clock {
mask-image: url(//fosbos-marktheidenfeld.de/wp-content/themes/fosbos-gp-child-ci-2026/assets/icons/clock-3.svg);
-webkit-mask-image: url(//fosbos-marktheidenfeld.de/wp-content/themes/fosbos-gp-child-ci-2026/assets/icons/clock-3.svg);
}
.wp-block-button .wp-block-button__link .fos-button__icon--map {
mask-image: url(//fosbos-marktheidenfeld.de/wp-content/themes/fosbos-gp-child-ci-2026/assets/icons/map.svg);
-webkit-mask-image: url(//fosbos-marktheidenfeld.de/wp-content/themes/fosbos-gp-child-ci-2026/assets/icons/map.svg);
}
.wp-block-button .wp-block-button__link .fos-button__icon--people {
mask-image: url(//fosbos-marktheidenfeld.de/wp-content/themes/fosbos-gp-child-ci-2026/assets/icons/users.svg);
-webkit-mask-image: url(//fosbos-marktheidenfeld.de/wp-content/themes/fosbos-gp-child-ci-2026/assets/icons/users.svg);
}
.wp-block-button .wp-block-button__link .fos-button__icon--cap {
mask-image: url(//fosbos-marktheidenfeld.de/wp-content/themes/fosbos-gp-child-ci-2026/assets/icons/graduation-cap.svg);
-webkit-mask-image: url(//fosbos-marktheidenfeld.de/wp-content/themes/fosbos-gp-child-ci-2026/assets/icons/graduation-cap.svg);
}
.wp-block-button .wp-block-button__link .fos-button__icon--heart {
mask-image: url(//fosbos-marktheidenfeld.de/wp-content/themes/fosbos-gp-child-ci-2026/assets/icons/heart.svg);
-webkit-mask-image: url(//fosbos-marktheidenfeld.de/wp-content/themes/fosbos-gp-child-ci-2026/assets/icons/heart.svg);
}
.wp-block-button .wp-block-button__link .fos-button__icon--heart-help {
mask-image: url(//fosbos-marktheidenfeld.de/wp-content/themes/fosbos-gp-child-ci-2026/assets/icons/heart-handshake.svg);
-webkit-mask-image: url(//fosbos-marktheidenfeld.de/wp-content/themes/fosbos-gp-child-ci-2026/assets/icons/heart-handshake.svg);
}
.wp-block-button .wp-block-button__link .fos-button__icon--gender {
mask-image: url(//fosbos-marktheidenfeld.de/wp-content/themes/fosbos-gp-child-ci-2026/assets/icons/transgender.svg);
-webkit-mask-image: url(//fosbos-marktheidenfeld.de/wp-content/themes/fosbos-gp-child-ci-2026/assets/icons/transgender.svg);
}
.wp-block-button .wp-block-button__link .fos-button__icon--business {
mask-image: url(//fosbos-marktheidenfeld.de/wp-content/themes/fosbos-gp-child-ci-2026/assets/icons/briefcase-business.svg);
-webkit-mask-image: url(//fosbos-marktheidenfeld.de/wp-content/themes/fosbos-gp-child-ci-2026/assets/icons/briefcase-business.svg);
}
.wp-block-button .wp-block-button__link .fos-button__icon--technology {
mask-image: url(//fosbos-marktheidenfeld.de/wp-content/themes/fosbos-gp-child-ci-2026/assets/icons/cpu.svg);
-webkit-mask-image: url(//fosbos-marktheidenfeld.de/wp-content/themes/fosbos-gp-child-ci-2026/assets/icons/cpu.svg);
}
.wp-block-button .wp-block-button__link .fos-button__icon--sprout {
mask-image: url(//fosbos-marktheidenfeld.de/wp-content/themes/fosbos-gp-child-ci-2026/assets/icons/sprout.svg);
-webkit-mask-image: url(//fosbos-marktheidenfeld.de/wp-content/themes/fosbos-gp-child-ci-2026/assets/icons/sprout.svg);
}
.wp-block-button .wp-block-button__link .fos-button__icon--search {
mask-image: url(//fosbos-marktheidenfeld.de/wp-content/themes/fosbos-gp-child-ci-2026/assets/icons/search.svg);
-webkit-mask-image: url(//fosbos-marktheidenfeld.de/wp-content/themes/fosbos-gp-child-ci-2026/assets/icons/search.svg);
}
.wp-block-button .wp-block-button__link .fos-button__icon--eye {
mask-image: url(//fosbos-marktheidenfeld.de/wp-content/themes/fosbos-gp-child-ci-2026/assets/icons/eye.svg);
-webkit-mask-image: url(//fosbos-marktheidenfeld.de/wp-content/themes/fosbos-gp-child-ci-2026/assets/icons/eye.svg);
}
.wp-block-button .wp-block-button__link .fos-button__icon--award {
mask-image: url(//fosbos-marktheidenfeld.de/wp-content/themes/fosbos-gp-child-ci-2026/assets/icons/award.svg);
-webkit-mask-image: url(//fosbos-marktheidenfeld.de/wp-content/themes/fosbos-gp-child-ci-2026/assets/icons/award.svg);
}
.wp-block-button .wp-block-button__link .fos-button__icon--scan {
mask-image: url(//fosbos-marktheidenfeld.de/wp-content/themes/fosbos-gp-child-ci-2026/assets/icons/scan-search.svg);
-webkit-mask-image: url(//fosbos-marktheidenfeld.de/wp-content/themes/fosbos-gp-child-ci-2026/assets/icons/scan-search.svg);
}
.wp-block-button .wp-block-button__link .fos-button__icon--hand {
mask-image: url(//fosbos-marktheidenfeld.de/wp-content/themes/fosbos-gp-child-ci-2026/assets/icons/hand.svg);
-webkit-mask-image: url(//fosbos-marktheidenfeld.de/wp-content/themes/fosbos-gp-child-ci-2026/assets/icons/hand.svg);
}
.wp-block-button .wp-block-button__link .fos-button__icon--info {
mask-image: url(//fosbos-marktheidenfeld.de/wp-content/themes/fosbos-gp-child-ci-2026/assets/icons/info.svg);
-webkit-mask-image: url(//fosbos-marktheidenfeld.de/wp-content/themes/fosbos-gp-child-ci-2026/assets/icons/info.svg);
}
.wp-block-button .wp-block-button__link .fos-button__icon--question {
mask-image: url(//fosbos-marktheidenfeld.de/wp-content/themes/fosbos-gp-child-ci-2026/assets/icons/circle-question-mark.svg);
-webkit-mask-image: url(//fosbos-marktheidenfeld.de/wp-content/themes/fosbos-gp-child-ci-2026/assets/icons/circle-question-mark.svg);
}
.wp-block-button .wp-block-button__link .fos-button__icon--house {
mask-image: url(//fosbos-marktheidenfeld.de/wp-content/themes/fosbos-gp-child-ci-2026/assets/icons/house.svg);
-webkit-mask-image: url(//fosbos-marktheidenfeld.de/wp-content/themes/fosbos-gp-child-ci-2026/assets/icons/house.svg);
}
.wp-block-button .wp-block-button__link .fos-button__icon--chart {
mask-image: url(//fosbos-marktheidenfeld.de/wp-content/themes/fosbos-gp-child-ci-2026/assets/icons/chart-pie.svg);
-webkit-mask-image: url(//fosbos-marktheidenfeld.de/wp-content/themes/fosbos-gp-child-ci-2026/assets/icons/chart-pie.svg);
}
.wp-block-button .wp-block-button__link .fos-button__icon--camera {
mask-image: url(//fosbos-marktheidenfeld.de/wp-content/themes/fosbos-gp-child-ci-2026/assets/icons/camera.svg);
-webkit-mask-image: url(//fosbos-marktheidenfeld.de/wp-content/themes/fosbos-gp-child-ci-2026/assets/icons/camera.svg);
}
.wp-block-button .wp-block-button__link .fos-button__icon--cable {
mask-image: url(//fosbos-marktheidenfeld.de/wp-content/themes/fosbos-gp-child-ci-2026/assets/icons/cable.svg);
-webkit-mask-image: url(//fosbos-marktheidenfeld.de/wp-content/themes/fosbos-gp-child-ci-2026/assets/icons/cable.svg);
}
.wp-block-button .wp-block-button__link .fos-button__icon--handshake {
mask-image: url(//fosbos-marktheidenfeld.de/wp-content/themes/fosbos-gp-child-ci-2026/assets/icons/handshake.svg);
-webkit-mask-image: url(//fosbos-marktheidenfeld.de/wp-content/themes/fosbos-gp-child-ci-2026/assets/icons/handshake.svg);
}
.wp-block-button .wp-block-button__link .fos-button__icon--palette {
mask-image: url(//fosbos-marktheidenfeld.de/wp-content/themes/fosbos-gp-child-ci-2026/assets/icons/palette.svg);
-webkit-mask-image: url(//fosbos-marktheidenfeld.de/wp-content/themes/fosbos-gp-child-ci-2026/assets/icons/palette.svg);
}
.wp-block-button .wp-block-button__link .fos-button__icon--tool {
mask-image: url(//fosbos-marktheidenfeld.de/wp-content/themes/fosbos-gp-child-ci-2026/assets/icons/pocket-knife.svg);
-webkit-mask-image: url(//fosbos-marktheidenfeld.de/wp-content/themes/fosbos-gp-child-ci-2026/assets/icons/pocket-knife.svg);
}
.wp-block-button .wp-block-button__link .fos-button__icon--book {
mask-image: url(//fosbos-marktheidenfeld.de/wp-content/themes/fosbos-gp-child-ci-2026/assets/icons/book-open-text.svg);
-webkit-mask-image: url(//fosbos-marktheidenfeld.de/wp-content/themes/fosbos-gp-child-ci-2026/assets/icons/book-open-text.svg);
}
.wp-block-button .wp-block-button__link .fos-button__icon--bike {
mask-image: url(//fosbos-marktheidenfeld.de/wp-content/themes/fosbos-gp-child-ci-2026/assets/icons/bike.svg);
-webkit-mask-image: url(//fosbos-marktheidenfeld.de/wp-content/themes/fosbos-gp-child-ci-2026/assets/icons/bike.svg);
}
.wp-block-button .wp-block-button__link .fos-button__icon--cross {
mask-image: url(//fosbos-marktheidenfeld.de/wp-content/themes/fosbos-gp-child-ci-2026/assets/icons/cross.svg);
-webkit-mask-image: url(//fosbos-marktheidenfeld.de/wp-content/themes/fosbos-gp-child-ci-2026/assets/icons/cross.svg);
}
.wp-block-button .wp-block-button__link .fos-button__icon--car {
mask-image: url(//fosbos-marktheidenfeld.de/wp-content/themes/fosbos-gp-child-ci-2026/assets/icons/car.svg);
-webkit-mask-image: url(//fosbos-marktheidenfeld.de/wp-content/themes/fosbos-gp-child-ci-2026/assets/icons/car.svg);
}
.wp-block-button .wp-block-button__link .fos-button__icon--parking {
mask-image: url(//fosbos-marktheidenfeld.de/wp-content/themes/fosbos-gp-child-ci-2026/assets/icons/circle-parking.svg);
-webkit-mask-image: url(//fosbos-marktheidenfeld.de/wp-content/themes/fosbos-gp-child-ci-2026/assets/icons/circle-parking.svg);
}
.wp-block-button .wp-block-button__link .fos-button__icon--no-parking {
mask-image: url(//fosbos-marktheidenfeld.de/wp-content/themes/fosbos-gp-child-ci-2026/assets/icons/circle-parking-off.svg);
-webkit-mask-image: url(//fosbos-marktheidenfeld.de/wp-content/themes/fosbos-gp-child-ci-2026/assets/icons/circle-parking-off.svg);
}
.wp-block-button .wp-block-button__link .fos-button__icon--bus {
mask-image: url(//fosbos-marktheidenfeld.de/wp-content/themes/fosbos-gp-child-ci-2026/assets/icons/bus.svg);
-webkit-mask-image: url(//fosbos-marktheidenfeld.de/wp-content/themes/fosbos-gp-child-ci-2026/assets/icons/bus.svg);
}
.wp-block-button .wp-block-button__link .fos-button__icon--counseling {
mask-image: url(//fosbos-marktheidenfeld.de/wp-content/themes/fosbos-gp-child-ci-2026/assets/icons/messages-square.svg);
-webkit-mask-image: url(//fosbos-marktheidenfeld.de/wp-content/themes/fosbos-gp-child-ci-2026/assets/icons/messages-square.svg);
}
.wp-block-button .wp-block-button__link .fos-button__icon--psychology {
mask-image: url(//fosbos-marktheidenfeld.de/wp-content/themes/fosbos-gp-child-ci-2026/assets/icons/brain.svg);
-webkit-mask-image: url(//fosbos-marktheidenfeld.de/wp-content/themes/fosbos-gp-child-ci-2026/assets/icons/brain.svg);
}
.wp-block-button .wp-block-button__link .fos-button__icon--inclusion {
mask-image: url(//fosbos-marktheidenfeld.de/wp-content/themes/fosbos-gp-child-ci-2026/assets/icons/accessibility.svg);
-webkit-mask-image: url(//fosbos-marktheidenfeld.de/wp-content/themes/fosbos-gp-child-ci-2026/assets/icons/accessibility.svg);
}
.wp-block-button .wp-block-button__link .fos-button__icon--funding {
mask-image: url(//fosbos-marktheidenfeld.de/wp-content/themes/fosbos-gp-child-ci-2026/assets/icons/badge-euro.svg);
-webkit-mask-image: url(//fosbos-marktheidenfeld.de/wp-content/themes/fosbos-gp-child-ci-2026/assets/icons/badge-euro.svg);
}
.wp-block-button .wp-block-button__link .fos-button__icon--path {
mask-image: url(//fosbos-marktheidenfeld.de/wp-content/themes/fosbos-gp-child-ci-2026/assets/icons/signpost.svg);
-webkit-mask-image: url(//fosbos-marktheidenfeld.de/wp-content/themes/fosbos-gp-child-ci-2026/assets/icons/signpost.svg);
}
.wp-block-button .wp-block-button__link .fos-button__icon--career {
mask-image: url(//fosbos-marktheidenfeld.de/wp-content/themes/fosbos-gp-child-ci-2026/assets/icons/compass.svg);
-webkit-mask-image: url(//fosbos-marktheidenfeld.de/wp-content/themes/fosbos-gp-child-ci-2026/assets/icons/compass.svg);
}
.wp-block-button .wp-block-button__link .fos-button__icon--document {
mask-image: url(//fosbos-marktheidenfeld.de/wp-content/themes/fosbos-gp-child-ci-2026/assets/icons/file-text.svg);
-webkit-mask-image: url(//fosbos-marktheidenfeld.de/wp-content/themes/fosbos-gp-child-ci-2026/assets/icons/file-text.svg);
}
.fos-ci-direction-grid {
display: grid;
gap: var(--universal-gap);
grid-template-columns: repeat(4, minmax(0, 1fr));
}
.fos-ci-direction-card {
border: 1px solid currentColor;
border-radius: var(--radius);
display: flex;
flex-direction: column;
gap: calc((var(--universal-gap) + var(--universal-gap-small)) / 2);
justify-content: space-between;
min-height: 8rem;
padding: 1.5rem;
position: relative;
}
.fos-ci-direction-card strong {
font-size: var(--font-size-md);
font-weight: 700;
line-height: 1.18;
max-width: calc(100% - 2rem);
}
.fos-ci-direction-card strong span {
display: block;
font-size: var(--font-size-sm);
font-weight: 400;
line-height: 1.4;
}
.fos-ci-direction-card span:not(.fos-ci-direction-card__icon):not(.fos-ci-direction-card__arrow) {
font-size: var(--font-size-sm);
}
.fos-ci-direction-card__icon {
display: inline-flex;
height: 2.25rem;
width: 2.25rem;
}
.fos-ci-direction-card__icon svg {
height: 2.25rem;
width: 2.25rem;
}
.fos-ci-direction-card__arrow {
bottom: 1.25rem;
font-size: var(--font-size-xl);
line-height: 1;
position: absolute;
right: 1.375rem;
}
.fos-ci-direction-card--social {
background: var(--color-social-soft);
color: var(--color-social);
}
.fos-ci-direction-card--social:hover{
background: var(--color-social);
color: var(--color-surface);
}
.fos-ci-direction-card--business {
background: var(--color-business-soft);
color: var(--color-business-dark);
}
.fos-ci-direction-card--business:hover{
background: var(--color-business);
color: var(--color-surface);
}
.fos-ci-direction-card--technology {
background: var(--color-technology-soft);
color: #007fa3;
}
.fos-ci-direction-card--technology:hover{
background: var(--color-technology);
color: var(--color-surface);
}
.fos-ci-direction-card--abu {
background: var(--color-abu-soft);
color: #4e8f2f;
}
.fos-ci-direction-card--abu:hover{
background: var(--color-abu);
color: var(--color-surface);
}
.fos-ci-content-card {
box-shadow: none;
padding: 1.75rem;
}
.fos-ci-sidebar,
.fos-ci-sidebar-shell,
.inside-right-sidebar .fos-ci-sidebar--global,
.inside-right-sidebar {
display: grid;
gap: var(--universal-gap);
}
.fos-ci-sidebar,
.fos-ci-sidebar-shell,
.inside-right-sidebar {
top: 1.5rem;
}
.inside-right-sidebar .fos-ci-sidebar-card {
margin-bottom: 0;
}
.inside-right-sidebar .fos-ci-sidebar--global {
min-width: 0;
}
.fos-ci-sidebar-card {
padding: 1.625rem 1.375rem;
}
.fos-ci-sidebar-card h2 {
font-size: var(--font-size-lg);
margin-bottom: 1.375rem;
min-height: 1.5rem;
padding-left: 2.625rem;
position: relative;
}
.fos-ci-sidebar-card h2::before,
.fos-ci-sidebar-card h2::after {
content: "";
left: 0;
position: absolute;
top: 50%;
transform: translateY(-50%);
margin-top: 0;
}
.fos-ci-sidebar-card h2::before {
background: var(--color-primary-soft);
border-radius: 999rem;
height: 2rem;
width: 2rem;
}
.fos-ci-sidebar-card h2::after {
background-color: var(--color-primary);
height: 1.4rem;
left: 0.5rem;
mask-position: center;
mask-repeat: no-repeat;
mask-size: contain;
-webkit-mask-position: center;
-webkit-mask-repeat: no-repeat;
-webkit-mask-size: contain;
width: 1rem;
}
.fos-ci-sidebar-card--contact h2::before {
background: var(--color-social-soft);
}
.fos-ci-sidebar-card--contact h2::after {
background-color: var(--color-social);
mask-image: url(//fosbos-marktheidenfeld.de/wp-content/themes/fosbos-gp-child-ci-2026/assets/icons/user-round.svg);
-webkit-mask-image: url(//fosbos-marktheidenfeld.de/wp-content/themes/fosbos-gp-child-ci-2026/assets/icons/user-round.svg);
}
.fos-ci-sidebar-card--hours h2::before {
background: var(--color-abu-soft);
}
.fos-ci-sidebar-card--hours h2::after {
background-color: var(--color-abu);
mask-image: url(//fosbos-marktheidenfeld.de/wp-content/themes/fosbos-gp-child-ci-2026/assets/icons/clock-3.svg);
-webkit-mask-image: url(//fosbos-marktheidenfeld.de/wp-content/themes/fosbos-gp-child-ci-2026/assets/icons/clock-3.svg);
}
.fos-ci-sidebar-card--quick h2::before {
background: var(--color-primary-soft);
}
.fos-ci-sidebar-card--quick h2::after {
background-color: var(--color-primary);
mask-image: url(//fosbos-marktheidenfeld.de/wp-content/themes/fosbos-gp-child-ci-2026/assets/icons/rocket.svg);
-webkit-mask-image: url(//fosbos-marktheidenfeld.de/wp-content/themes/fosbos-gp-child-ci-2026/assets/icons/rocket.svg);
}
.fos-ci-sidebar-card--partners h2::before {
background: var(--color-business-soft);
}
.fos-ci-sidebar-card--partners h2::after {
background-color: var(--color-business);
mask-image: url(//fosbos-marktheidenfeld.de/wp-content/themes/fosbos-gp-child-ci-2026/assets/icons/map.svg);
-webkit-mask-image: url(//fosbos-marktheidenfeld.de/wp-content/themes/fosbos-gp-child-ci-2026/assets/icons/map.svg);
}
.fos-contact,
.fos-service-links,
.fos-partners {
list-style: none;
margin: 0;
padding: 0;
}
.fos-contact li,
.fos-office-hours tr {
margin-bottom: 0.8rem;
}
.fos-contact strong,
.fos-office-hours th,
th {
color: var(--color-heading);
font-weight: 700;
text-align: left;
}
.fos-office-hours {
border-collapse: collapse;
border-spacing: 0;
border: 0;
box-shadow: none;
width: 100%;
}
.fos-office-hours tbody,
.fos-office-hours tr,
.fos-office-hours th,
.fos-office-hours td {
border: 0;
box-shadow: none;
padding: 0 0 0.8rem;
text-align: left;
vertical-align: top;
}
.fos-office-hours th {
padding-right: 1.25rem;
white-space: nowrap;
width: 1%;
}
.fos-office-hours tr:last-child th,
.fos-office-hours tr:last-child td {
padding-bottom: 0;
}
.fos-contact a {
overflow-wrap: anywhere;
}
.fos-service-links {
display: grid;
gap: 0;
}
.fos-service-links a {
align-items: center;
border-bottom: 1px solid var(--color-border);
color: var(--color-heading);
display: grid;
gap: calc((var(--universal-gap) + var(--universal-gap-small)) / 2);
grid-template-columns: 2.125rem minmax(0, 1fr);
min-height: 3.25rem;
padding: 0.5rem 0;
}
.fos-service-links a:last-child {
border-bottom: 0;
}
.fos-partners {
display: grid;
gap: var(--universal-gap);
}
.fos-partner {
align-items: center;
background: var(--color-surface-muted);
border-radius: var(--radius-small);
display: grid;
justify-items: center;
padding: 0.875rem;
}
.fos-partner img {
display: block;
max-height: 4.5rem;
object-fit: contain;
width: auto;
}
.fos-partner__caption {
color: var(--color-text-muted);
font-size: var(--font-size-xs);
margin-top: 0.625rem;
text-align: center;
}
.fos-v2-link-list__icon {
align-items: center;
background: var(--color-surface-muted);
border-radius: 999rem;
color: var(--color-primary);
display: inline-flex;
height: 2rem;
justify-content: center;
width: 2rem;
}
.fos-v2-link-list__icon svg {
height: 1.0625rem;
width: 1.0625rem;
}
.fos-v2-link-list__label {
flex: 1 1 auto;
line-height: 1.45;
}
.menu-item-has-fos-icon > a {
align-items: center;
display: inline-flex;
gap: calc(var(--universal-gap-small) * 1.32);
}
.main-navigation ul ul {
width: 15em;
border-top: 2px solid var(--color-primary-dark);
}
.main-navigation .sub-menu .menu-item-has-fos-icon > a,
.main-navigation .sf-menu .sub-menu .menu-item-has-fos-icon > a {
align-items: center;
display: flex;
gap: calc(var(--universal-gap-small) * 0.8);
}
.menu-item-has-fos-icon .fos-menu-item-icon {
align-items: center;
color: currentColor;
display: inline-flex;
flex: 0 0 auto;
justify-content: center;
margin-top: 0;
margin-right: .5em;
}
.menu-item-has-fos-icon .fos-menu-item-icon .fos-v2-icon {
height: 1.05em;
width: 1.05em;
}
.fos-v2-icon {
display: block;
fill: none;
flex-shrink: 0;
height: 1em;
stroke: currentColor;
stroke-linecap: round;
stroke-linejoin: round;
stroke-width: 2;
width: 1em;
}
.fos-v2-icon--instagram,
.fos-v2-icon--facebook {
fill: currentColor;
stroke: none;
}
.fos-v2-icon-mask {
background-color: currentColor;
display: inline-flex;
flex-shrink: 0;
height: 1em;
mask-position: center;
mask-repeat: no-repeat;
mask-size: contain;
-webkit-mask-position: center;
-webkit-mask-repeat: no-repeat;
-webkit-mask-size: contain;
width: 1em;
}
.fos-v2-icon-mask.fos-v2-icon--arrow {
mask-image: url(//fosbos-marktheidenfeld.de/wp-content/themes/fosbos-gp-child-ci-2026/assets/icons/arrow-right.svg);
-webkit-mask-image: url(//fosbos-marktheidenfeld.de/wp-content/themes/fosbos-gp-child-ci-2026/assets/icons/arrow-right.svg);
}
.fos-v2-icon-mask.fos-v2-icon--contact {
mask-image: url(//fosbos-marktheidenfeld.de/wp-content/themes/fosbos-gp-child-ci-2026/assets/icons/user-round.svg);
-webkit-mask-image: url(//fosbos-marktheidenfeld.de/wp-content/themes/fosbos-gp-child-ci-2026/assets/icons/user-round.svg);
}
.fos-v2-icon-mask.fos-v2-icon--location {
mask-image: url(//fosbos-marktheidenfeld.de/wp-content/themes/fosbos-gp-child-ci-2026/assets/icons/map-pin.svg);
-webkit-mask-image: url(//fosbos-marktheidenfeld.de/wp-content/themes/fosbos-gp-child-ci-2026/assets/icons/map-pin.svg);
}
.fos-v2-icon-mask.fos-v2-icon--phone {
mask-image: url(//fosbos-marktheidenfeld.de/wp-content/themes/fosbos-gp-child-ci-2026/assets/icons/phone.svg);
-webkit-mask-image: url(//fosbos-marktheidenfeld.de/wp-content/themes/fosbos-gp-child-ci-2026/assets/icons/phone.svg);
}
.fos-v2-icon-mask.fos-v2-icon--fax {
mask-image: url(//fosbos-marktheidenfeld.de/wp-content/themes/fosbos-gp-child-ci-2026/assets/icons/printer.svg);
-webkit-mask-image: url(//fosbos-marktheidenfeld.de/wp-content/themes/fosbos-gp-child-ci-2026/assets/icons/printer.svg);
}
.fos-v2-icon-mask.fos-v2-icon--mail {
mask-image: url(//fosbos-marktheidenfeld.de/wp-content/themes/fosbos-gp-child-ci-2026/assets/icons/mail.svg);
-webkit-mask-image: url(//fosbos-marktheidenfeld.de/wp-content/themes/fosbos-gp-child-ci-2026/assets/icons/mail.svg);
}
.fos-v2-icon-mask.fos-v2-icon--map {
mask-image: url(//fosbos-marktheidenfeld.de/wp-content/themes/fosbos-gp-child-ci-2026/assets/icons/map.svg);
-webkit-mask-image: url(//fosbos-marktheidenfeld.de/wp-content/themes/fosbos-gp-child-ci-2026/assets/icons/map.svg);
}
.fos-v2-icon-mask.fos-v2-icon--clock {
mask-image: url(//fosbos-marktheidenfeld.de/wp-content/themes/fosbos-gp-child-ci-2026/assets/icons/clock-3.svg);
-webkit-mask-image: url(//fosbos-marktheidenfeld.de/wp-content/themes/fosbos-gp-child-ci-2026/assets/icons/clock-3.svg);
}
.fos-v2-icon-mask.fos-v2-icon--people {
mask-image: url(//fosbos-marktheidenfeld.de/wp-content/themes/fosbos-gp-child-ci-2026/assets/icons/users.svg);
-webkit-mask-image: url(//fosbos-marktheidenfeld.de/wp-content/themes/fosbos-gp-child-ci-2026/assets/icons/users.svg);
}
.fos-v2-icon-mask.fos-v2-icon--cap {
mask-image: url(//fosbos-marktheidenfeld.de/wp-content/themes/fosbos-gp-child-ci-2026/assets/icons/graduation-cap.svg);
-webkit-mask-image: url(//fosbos-marktheidenfeld.de/wp-content/themes/fosbos-gp-child-ci-2026/assets/icons/graduation-cap.svg);
}
.fos-v2-icon-mask.fos-v2-icon--heart {
mask-image: url(//fosbos-marktheidenfeld.de/wp-content/themes/fosbos-gp-child-ci-2026/assets/icons/heart.svg);
-webkit-mask-image: url(//fosbos-marktheidenfeld.de/wp-content/themes/fosbos-gp-child-ci-2026/assets/icons/heart.svg);
}
.fos-v2-icon-mask.fos-v2-icon--rocket {
mask-image: url(//fosbos-marktheidenfeld.de/wp-content/themes/fosbos-gp-child-ci-2026/assets/icons/rocket.svg);
-webkit-mask-image: url(//fosbos-marktheidenfeld.de/wp-content/themes/fosbos-gp-child-ci-2026/assets/icons/rocket.svg);
}
.fos-v2-icon-mask.fos-v2-icon--instagram {
mask-image: url(//fosbos-marktheidenfeld.de/wp-content/themes/fosbos-gp-child-ci-2026/assets/icons/instagram.svg);
-webkit-mask-image: url(//fosbos-marktheidenfeld.de/wp-content/themes/fosbos-gp-child-ci-2026/assets/icons/instagram.svg);
}
.fos-v2-icon-mask.fos-v2-icon--facebook {
mask-image: url(//fosbos-marktheidenfeld.de/wp-content/themes/fosbos-gp-child-ci-2026/assets/icons/facebook.svg);
-webkit-mask-image: url(//fosbos-marktheidenfeld.de/wp-content/themes/fosbos-gp-child-ci-2026/assets/icons/facebook.svg);
}
.site-footer {
background: var(--color-primary);
color: var(--color-surface);
}
.site-footer a {
color: var(--color-surface);
}
.fos-v2-site-footer-wrap {
background: var(--color-background);
border-top: 1px solid var(--color-border);
margin-top: 3rem;
position: relative;
}
.fos-v2-site-footer {
background: var(--color-surface);
border: 1px solid var(--color-border);
border-radius: var(--radius);
box-shadow: var(--shadow-subtle);
color: var(--color-text);
margin: 2rem 0;
overflow: hidden;
position: relative;
}
.fos-v2-site-footer--minimal {
padding-top: 0.2rem;
}
.fos-v2-site-footer__bottom {
align-items: center;
display: flex;
gap: calc(var(--universal-gap) + (var(--universal-gap-small) * 0.6));
justify-content: space-between;
padding: 1.1rem 2.2rem 1.3rem;
}
.fos-v2-site-footer__copyright {
color: var(--color-text-muted);
font-size: var(--font-size-sm);
}
.fos-v2-site-footer__meta {
align-items: center;
display: flex;
flex-wrap: wrap;
gap: calc(var(--universal-gap) + (var(--universal-gap-small) * 0.6));
justify-content: flex-end;
}
.fos-v2-footer-meta-links {
align-items: center;
display: flex;
flex-wrap: wrap;
gap: calc(var(--universal-gap) + (var(--universal-gap-small) * 0.6));
list-style: none;
margin: 0;
padding: 0;
}
.fos-v2-footer-meta-links a {
color: var(--color-text);
text-decoration: none;
}
.fos-v2-footer-meta-links a:hover {
color: var(--color-social);
}
.fos-v2-site-footer__extra .widget {
margin: 0;
}
.fos-v2-footer-social {
align-items: center;
display: flex;
gap: calc(var(--universal-gap-small) * 1.6);
}
.fos-v2-footer-social a {
align-items: center;
background: var(--color-surface-muted);
border: 1px solid var(--color-border);
border-radius: 50%;
color: var(--color-heading);
display: inline-flex;
height: 2.25rem;
justify-content: center;
text-decoration: none;
width: 2.25rem;
}
.fos-v2-footer-social__icon {
height: 1.125rem;
width: 1.125rem;
}
.fos-v2-footer-social a:hover {
background: var(--color-primary-soft);
color: var(--color-primary);
}
.fos-v2-footer-contact-icon {
color: var(--color-social);
height: 1.25rem;
margin-top: 0.2rem;
width: 1.25rem;
}
.fos-v2-site-footer::before {
background: linear-gradient(90deg, var(--color-social) 0%, var(--color-social) 32%, var(--color-business) 56%, var(--color-technology) 78%, var(--color-abu) 100%);
bottom: 0;
content: "";
display: block;
height: 4px;
left: 0;
position: absolute;
right: 0;
}
.fos-ci-footer {
background: var(--color-primary);
color: var(--color-surface);
}
.fos-ci-footer__inner {
align-items: center;
display: flex;
gap: var(--universal-gap-large);
justify-content: space-between;
min-height: 4.5rem;
}
.fos-ci-footer__links,
.fos-ci-footer__social {
align-items: center;
display: flex;
flex-wrap: wrap;
gap: var(--universal-gap);
}
.fos-ci-footer__links a,
.fos-ci-footer__social a {
color: var(--color-surface);
font-size: var(--font-size-sm);
font-weight: 500;
}
.fos-ci-footer__social a {
align-items: center;
display: inline-flex;
height: 2.125rem;
justify-content: center;
width: 2.125rem;
}
.fos-ci-footer__social svg {
height: 1.4375rem;
width: 1.4375rem;
}
@media (max-width: 81.25em) {
}
@media (max-width: 68.75em) {
.fos-ci-layout {
grid-template-columns: 1fr;
}
.fos-ci-sidebar,
.fos-ci-sidebar-shell,
.inside-right-sidebar .fos-ci-sidebar--global {
grid-template-columns: repeat(3, minmax(0, 1fr));
position: static;
}
.fos-v2-site-footer__bottom {
align-items: flex-start;
flex-direction: column;
}
.fos-v2-site-footer__meta {
justify-content: flex-start;
}
}
@media (max-width: 64em) {
.site-header .inside-header {
align-items: start;
grid-template-columns: 1fr;
min-height: 6.125rem;
row-gap: calc((var(--universal-gap) + var(--universal-gap-small)) / 2);
}
.site-logo {
justify-self: center;
margin-left: 0;
}
.fos-v2-site-footer__bottom {
padding: 1rem 1.2rem 1.2rem;
}
.mobile-menu-control-wrapper,
nav.mobile-menu-control-wrapper {
display: none !important;
}
.main-navigation {
width: 100%;
}
.has-inline-mobile-toggle #site-navigation .inside-navigation > .menu-toggle {
display: flex !important;
}
.has-inline-mobile-toggle #site-navigation .inside-navigation > .main-nav {
display: block !important;
}
.has-inline-mobile-toggle #site-navigation.toggled {
background-color: var(--color-primary) !important;
margin-top: 0.75rem !important;
}
.main-navigation .inside-navigation {
align-items: stretch;
column-gap: calc((var(--universal-gap) + var(--universal-gap-small)) / 2);
display: grid;
grid-template-columns: minmax(0, 1fr) auto;
min-height: 0;
padding: 0;
row-gap: calc((var(--universal-gap) + var(--universal-gap-small)) / 2);
}
.main-navigation .mobile-menu-control-wrapper {
align-items: center;
display: flex;
gap: calc((var(--universal-gap) + var(--universal-gap-small)) / 2);
justify-content: space-between;
padding: 0;
width: 100%;
}
.main-navigation .main-nav ul li a,
.menu-toggle,
.main-navigation .menu-bar-items a {
line-height: 3rem;
}
.menu-toggle,
.main-navigation .menu-toggle,
.main-navigation button.menu-toggle {
background: var(--color-primary) !important;
color: var(--color-surface) !important;
display: inline-flex !important;
grid-column: 1;
grid-row: 1;
padding-left: 1.15rem !important;
padding-right: 1.15rem !important;
transition:
background-color 0.18s ease,
color 0.18s ease,
transform 0.18s ease,
box-shadow 0.22s ease;
}
.main-navigation .menu-toggle:hover,
.main-navigation .menu-toggle:focus,
.has-inline-mobile-toggle #site-navigation.toggled .menu-toggle {
display: inline-flex !important;
}
.main-navigation .menu-toggle:hover{
background: var(--color-primary-dark) !important;
color: var(--color-surface) !important;
}
.main-navigation .menu-bar-items {
display: flex !important;
grid-column: 2;
grid-row: 1;
margin-left: 0;
}
.main-navigation .menu-bar-items .menu-bar-item,
.main-navigation .menu-bar-items .menu-bar-item > a {
display: flex;
}
.main-navigation .menu-bar-items .menu-bar-item > a {
background: var(--color-primary) !important;
color: var(--color-surface) !important;
display: flex;
transition:
background-color 0.18s ease,
color 0.18s ease,
transform 0.18s ease,
box-shadow 0.22s ease;
}
.main-navigation .main-nav {
display: block !important;
grid-column: 1 / -1;
grid-row: 2;
margin-top: 0;
max-height: 0;
opacity: 0;
overflow: hidden;
pointer-events: none;
transform: translateY(-6px);
transition: max-height 0.36s ease, opacity 0.24s ease, margin-top 0.3s ease, transform 0.28s ease;
width: 100%;
}
.main-navigation.toggled .main-nav {
margin-top: 0;
max-height: 85vh;
opacity: 1;
overflow-y: auto;
pointer-events: auto;
transform: translateY(0);
}
.main-navigation .main-nav > ul,
.main-navigation .menu,
.main-navigation .sf-menu,
.main-navigation:not(.slideout-navigation) .main-nav > ul {
display: flex !important;
flex-direction: column;
gap: 0;
margin: 0;
padding: 0;
width: 100%;
}
.main-navigation .sf-menu > li,
.main-navigation ul.menu > li {
width: 100%;
}
.main-navigation .sf-menu > li + li,
.main-navigation ul.menu > li + li {
border-top: 1px solid rgba(255, 255, 255, 0.22);
}
.main-navigation .sf-menu > li > a,
.main-navigation ul.menu > li > a {
background: var(--color-primary);
color: var(--color-surface);
display: flex;
font-size: 1rem;
justify-content: space-between;
min-height: 3.35rem;
padding-left: 1rem;
padding-right: 1rem;
width: 100%;
}
.main-navigation .sf-menu > li > a:hover,
.main-navigation .sf-menu > li > a:focus,
.main-navigation ul.menu > li > a:hover,
.main-navigation ul.menu > li > a:focus {
color: var(--color-surface);
}
.main-navigation .dropdown-menu-toggle {
padding-left: 0.8rem;
transition: transform 0.24s ease, color 0.18s ease;
}
.main-navigation .menu-item-has-children.sfHover > a .dropdown-menu-toggle,
.main-navigation .menu-item-has-children > a .dropdown-menu-toggle[aria-expanded="true"] {
transform: rotate(180deg);
}
.main-navigation .dropdown-menu-toggle:focus-visible {
border-radius: 999rem;
box-shadow: 0 0 0 3px rgba(70, 191, 224, 0.38);
outline: none;
}
.main-navigation .sub-menu,
.main-navigation .sf-menu .sub-menu {
background: #0c588c;
box-shadow: none;
display: block;
left: auto;
margin: 0;
max-height: 0;
opacity: 0;
overflow: hidden;
padding: 0;
pointer-events: none;
position: static;
top: auto;
transform: translateY(-6px);
transform-origin: top;
transition: max-height 0.36s ease, opacity 0.24s ease, padding 0.3s ease, margin 0.3s ease, transform 0.28s ease;
width: auto;
border-top: 1px;
}
.main-navigation .menu-item-has-children.sfHover > .sub-menu,
.main-navigation .sub-menu.toggled-on,
.main-navigation .sf-menu .sub-menu.toggled-on {
max-height: 45rem;
opacity: 1;
pointer-events: auto;
transform: translateY(0);
}
.main-navigation .sub-menu li + li,
.main-navigation .sf-menu .sub-menu li + li {
border-top: 0;
}
.main-navigation .sub-menu li a,
.main-navigation .sf-menu .sub-menu li a {
color: var(--color-surface);
font-size: var(--font-size-sm);
min-height: 2.8rem;
padding-left: 2rem;
padding-right: 1rem;
opacity: 0;
transform: translateY(-6px);
transition:
opacity 0.24s ease,
transform 0.28s ease,
background-color 0.2s ease,
color 0.18s ease,
box-shadow 0.2s ease;
}
.main-navigation .menu-item-has-children.sfHover > .sub-menu li a,
.main-navigation .sub-menu.toggled-on li a,
.main-navigation .sf-menu .sub-menu.toggled-on li a {
opacity: 1;
transform: translateY(0);
}
.fos-ci-news-grid,
.fos-ci-video-grid,
.fos-ci-experience__grid,
.fos-ci-direction-grid,
.fos-ci-sidebar,
.fos-ci-sidebar-shell,
.inside-right-sidebar .fos-ci-sidebar--global {
grid-template-columns: 1fr;
}
.fos-ci-hero__content {
max-width: 68%;
}
.fos-ci-news-stack {
grid-template-columns: 1fr;
}
.fos-ci-news-card--featured-has-image .fos-ci-news-card__body {
max-width: none;
}
.fos-ci-experience-card--wide {
padding-right: 1.5rem;
}
.fos-ci-experience-card img {
border-radius: var(--radius);
}
}
@media (max-width: 40em) {
:root {
--font-size-base: 1rem;
}
.fos-ci-home {
padding-top: 1.5rem;
}
.fos-ci-hero {
min-height: 32.5rem;
}
.fos-ci-hero__media::after {
background: linear-gradient(180deg, rgba(250, 248, 244, 0.94) 0%, rgba(250, 248, 244, 0.88) 44%, rgba(250, 248, 244, 0.52) 76%, rgba(250, 248, 244, 0.16) 100%);
}
.fos-ci-hero__content {
max-width: none;
min-height: 32.5rem;
padding: 2rem 1.4rem 1.6rem;
}
.fos-ci-hero h1 {
max-width: 12ch;
}
.fos-ci-section__header {
align-items: flex-start;
flex-direction: column;
}
.fos-ci-footer__inner {
align-items: flex-start;
flex-direction: column;
padding-bottom: 1.375rem;
padding-top: 1.375rem;
}
.fos-ci-news-card--featured {
min-height: 0;
}
.fos-ci-news-card--featured-has-image {
grid-template-columns: 1fr;
}
.fos-ci-news-card--featured-has-image .fos-ci-news-card__media {
aspect-ratio: 1.45;
height: auto;
grid-column: 1;
grid-row: 2;
order: 2;
position: relative;
}
.fos-ci-news-card--featured .fos-ci-news-card__body {
max-width: none;
padding: 1.375rem;
}
.fos-ci-news-card--featured-has-image .fos-ci-news-card__body {
grid-column: 1;
grid-row: 1;
order: 1;
padding-bottom: 1rem;
}
.fos-ci-experience,
.fos-ci-directions,
.fos-ci-videos,
.fos-ci-extra-content,
.fos-ci-content-card {
padding: 1.25rem;
}
}
@media (prefers-reduced-motion: reduce) {
.main-navigation .main-nav ul li a,
.menu-toggle,
.main-navigation .menu-bar-items a,
.main-navigation .main-nav ul ul li a,
.main-navigation .main-nav,
.main-navigation .dropdown-menu-toggle,
.main-navigation .sub-menu,
.main-navigation .sf-menu .sub-menu {
transition-duration: 0.01ms !important;
transition-delay: 0s !important;
animation: none !important;
}
.main-navigation .main-nav,
.main-navigation .sub-menu,
.main-navigation .sf-menu .sub-menu,
.main-navigation .menu-item-has-children.sfHover > a .dropdown-menu-toggle {
transform: none !important;
}
}:root {
--fosbos-a11y-accent: #b63f18;
--fosbos-a11y-accent-strong: #9b3514;
--fosbos-a11y-green: #677740;
--fosbos-a11y-focus: #0f52a0;
--fosbos-a11y-focus-glow: rgba(15, 82, 160, 0.32);
}
.fosbos-a11y-preview-active {
--fos-v2-orange: var(--fosbos-a11y-accent);
--fos-v2-orange-dark: var(--fosbos-a11y-accent-strong);
--fos-v2-green-soft: var(--fosbos-a11y-green);
}
.fosbos-a11y-preview-active a:focus-visible,
.fosbos-a11y-preview-active button:focus-visible,
.fosbos-a11y-preview-active input:focus-visible,
.fosbos-a11y-preview-active select:focus-visible,
.fosbos-a11y-preview-active textarea:focus-visible,
.fosbos-a11y-preview-active [tabindex]:focus-visible {
outline: 3px solid var(--fosbos-a11y-focus) !important;
outline-offset: 3px;
box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.95), 0 0 0 7px var(--fosbos-a11y-focus-glow) !important;
}
.fosbos-a11y-preview-active .entry-content a:not(.wp-block-button__link):not(.fos-v2-btn):not(.page-numbers),
.fosbos-a11y-preview-active .fos-v2-news-card__content a:not(.wp-block-button__link):not(.page-numbers),
.fosbos-a11y-preview-active .fos-v2-card__content a:not(.wp-block-button__link):not(.page-numbers) {
text-decoration: underline;
text-decoration-thickness: 0.08em;
text-underline-offset: 0.18em;
}
.fosbos-a11y-preview-active .main-navigation .menu-toggle,
.fosbos-a11y-preview-active .main-navigation .menu-bar-item > a,
.fosbos-a11y-preview-active .navigation-search input[type="search"],
.fosbos-a11y-preview-active .fos-v2-link-list a,
.fosbos-a11y-preview-active .fos-v2-news__pagination .page-numbers a,
.fosbos-a11y-preview-active .fos-v2-news__pagination .page-numbers span,
.fosbos-a11y-preview-active .fos-v2-footer-social a,
.fosbos-a11y-preview-active .fos-v2-footer-cta__link,
.fosbos-a11y-preview-active .inside-right-sidebar .widget a {
min-height: 44px;
}
.fosbos-a11y-preview-active .main-navigation .menu-toggle,
.fosbos-a11y-preview-active .main-navigation .menu-bar-item > a {
min-width: 44px;
}
.fosbos-a11y-preview-active .fos-v2-news__pagination .page-numbers a:hover,
.fosbos-a11y-preview-active .fos-v2-news__pagination .page-numbers a:focus-visible,
.fosbos-a11y-preview-active .fos-v2-link-list a:hover,
.fosbos-a11y-preview-active .fos-v2-link-list a:focus-visible,
.fosbos-a11y-preview-active .fos-v2-footer-links a:hover,
.fosbos-a11y-preview-active .fos-v2-footer-links a:focus-visible {
color: var(--fosbos-a11y-accent-strong);
}
.fosbos-a11y-preview-active .fos-v2-footer-social a[aria-disabled="true"] {
display: none !important;
}
.fosbos-a11y-preview-active .fos-v2-link-list__arrow,
.fosbos-a11y-preview-active .fos-v2-footer-link__icon,
.fosbos-a11y-preview-active .fos-v2-news__pagination .prev,
.fosbos-a11y-preview-active .fos-v2-news__pagination .next {
color: var(--fosbos-a11y-accent-strong);
}
@media (prefers-reduced-motion: reduce) {
html:focus-within {
scroll-behavior: auto;
}
*,
*::before,
*::after {
animation-duration: 0.01ms !important;
animation-iteration-count: 1 !important;
transition-duration: 0.01ms !important;
scroll-behavior: auto !important;
}
}