.wpm-switcher-dropdown,.wpm-switcher-dropdown .wpm-language-dropdown,.wpm-switcher-list{list-style:none;margin-bottom:0;padding-left:0}.wpm-switcher-dropdown a,.wpm-switcher-list li a,.wpm-switcher-list li>span{color:#333}.wpm-switcher-dropdown a:hover,.wpm-switcher-list li a:hover,.wpm-switcher-list li.active a,.wpm-switcher-list li.active>span,.wpm-switcher-list li>span:hover{color:#000}.wpm-switcher-dropdown a img,.wpm-switcher-dropdown span img,.wpm-switcher-list li a img,.wpm-switcher-list li>span img{display:inline-block;margin-right:3px}.wpm-switcher-dropdown{position:relative}.wpm-switcher-dropdown .wpm-language-dropdown{display:none;left:0;margin-left:0;position:absolute;top:100%;z-index:1}.wpm-switcher-dropdown>li{position:relative}.wpm-switcher-dropdown>li:hover .wpm-language-dropdown{display:block}.wpm-switcher-dropdown .wpm-item-language-main>span:hover{cursor:pointer}.wpm-languages.menu-item>a img{display:inline-block;margin-right:5px}.wpm-language-switcher br,.wpm-language-switcher p{display:none}.cmplz-video.cmplz-iframe-styles{background-color:transparent}.cmplz-video.cmplz-hidden{visibility:hidden !important}.cmplz-blocked-content-notice{display:none}.cmplz-placeholder-parent{height:inherit}.cmplz-optin .cmplz-blocked-content-container .cmplz-blocked-content-notice,.cmplz-optin .cmplz-wp-video .cmplz-blocked-content-notice,.cmplz-optout .cmplz-blocked-content-container .cmplz-blocked-content-notice,.cmplz-optout .cmplz-wp-video .cmplz-blocked-content-notice{display:block}.cmplz-blocked-content-container,.cmplz-wp-video{animation-name:cmplz-fadein;animation-duration:600ms;background:#FFF;border:0;border-radius:3px;box-shadow:0 0 1px 0 rgba(0,0,0,0.5),0 1px 10px 0 rgba(0,0,0,0.15);display:flex;justify-content:center;align-items:center;background-repeat:no-repeat !important;background-size:cover !important;height:inherit;position:relative}.cmplz-blocked-content-container.gmw-map-cover,.cmplz-wp-video.gmw-map-cover{max-height:100%;position:absolute}.cmplz-blocked-content-container.cmplz-video-placeholder,.cmplz-wp-video.cmplz-video-placeholder{padding-bottom:initial}.cmplz-blocked-content-container iframe,.cmplz-wp-video iframe{visibility:hidden;max-height:100%;border:0 !important}.cmplz-blocked-content-container .cmplz-custom-accept-btn,.cmplz-wp-video .cmplz-custom-accept-btn{white-space:normal;text-transform:initial;cursor:pointer;position:absolute !important;width:100%;top:50%;left:50%;transform:translate(-50%,-50%);max-width:200px;font-size:14px;padding:10px;background-color:rgba(0,0,0,0.5);color:#fff;text-align:center;z-index:98;line-height:23px}.cmplz-blocked-content-container .cmplz-custom-accept-btn:focus,.cmplz-wp-video .cmplz-custom-accept-btn:focus{border:1px dotted #cecece}.cmplz-blocked-content-container .cmplz-blocked-content-notice,.cmplz-wp-video .cmplz-blocked-content-notice{white-space:normal;text-transform:initial;position:absolute !important;width:100%;top:50%;left:50%;transform:translate(-50%,-50%);max-width:300px;font-size:14px;padding:10px;background-color:rgba(0,0,0,0.5);color:#fff;text-align:center;z-index:98;line-height:23px}.cmplz-blocked-content-container .cmplz-blocked-content-notice .cmplz-links,.cmplz-wp-video .cmplz-blocked-content-notice .cmplz-links{display:block;margin-bottom:10px}.cmplz-blocked-content-container .cmplz-blocked-content-notice .cmplz-links a,.cmplz-wp-video .cmplz-blocked-content-notice .cmplz-links a{color:#fff}.cmplz-blocked-content-container .cmplz-blocked-content-notice .cmplz-blocked-content-notice-body,.cmplz-wp-video .cmplz-blocked-content-notice .cmplz-blocked-content-notice-body{display:block}.cmplz-blocked-content-container div div{display:none}.cmplz-wp-video .cmplz-placeholder-element{width:100%;height:inherit}@keyframes cmplz-fadein{from{opacity:0}to{opacity:1}}a {
text-decoration-thickness: 1px !important;
text-underline-offset: .1em;
} :where(.wp-site-blocks *:focus) {
outline-width: 2px;
outline-style: solid;
} .wp-block-navigation .wp-block-navigation-submenu .wp-block-navigation-item:not(:last-child) {
margin-bottom: 3px;
} .wp-block-navigation .wp-block-navigation-item .wp-block-navigation-item__content {
outline-offset: 4px;
} .wp-block-navigation .wp-block-navigation-item ul.wp-block-navigation__submenu-container .wp-block-navigation-item__content {
outline-offset: 0;
} h1, h2, h3, h4, h5, h6, blockquote, caption, figcaption, p {
text-wrap: pretty;
} .more-link {
display: block;
} :where(pre) {
overflow-x: auto;
}:root {
--link--color: var(--wp--preset--color--accent-1);
--link--hover--color: hsl(
from var(--wp--preset--color--accent-1) h s calc(l + 10)
);
--site--logo--light: url(//www.exg-consulting.com/wp-content/uploads/2025/10/logo-tag-claim-weiss-blau-grau-480x90px.png);
--site--logo--dark: url(//www.exg-consulting.com/wp-content/uploads/2025/10/logo-tag-claim-grau-blau-grau-480x90px.png);
}   @media screen and (max-width: 1023px) {
.wp-block-navigation {
font-size: var(--wp--preset--font-size--large);
} .wp-block-navigation__responsive-container-open {
display: block !important;
} .wp-block-navigation__responsive-container:not(.is-menu-open.has-modal-open) {
display: none !important;
}
}
.wp-block-navigation__responsive-container-close svg,
.wp-block-navigation__responsive-container-open svg {
height: auto;
width: 40px;
}
#site-header {
transition: background-color 0.5s ease; }
html:not(.has-modal-open).scrolled #site-header {
background-color: hsl(from var(--wp--preset--color--base) h s l/0.6) !important;
backdrop-filter: blur(3px);
-webkit-backdrop-filter: blur(3px);
}
html.scrolled #site-header.is-intersecting-with-dark-background {
background-color: hsl(from var(--wp--preset--color--contrast) h s l/0.6) !important;
}
html:not(.has-modal-open) #site-header.is-intersecting-with-dark-background .wp-block-navigation {
color: var(--wp--preset--color--accent-3) !important;
}
.wp-block-site-logo {
display: block;
width: 350px;
aspect-ratio: 480/90;
background-size: cover;
transition: all 0.5s ease;
background-image: var(--site--logo--dark);
}
#site-header .wp-block-site-logo {
width: 480px;
}
html.scrolled #site-header .wp-block-site-logo {
width: 350px !important;
}
#site-header.is-intersecting-with-dark-background .wp-block-site-logo {
background-image: var(--site--logo--light);
}
.wp-block-site-logo a, .wp-block-site-logo .list-style-1 > * details summary, .list-style-1 > * details .wp-block-site-logo summary, .wp-block-site-logo .accordion-group details summary, .accordion-group details .wp-block-site-logo summary, .wp-block-site-logo .accordion-group details summary i, .accordion-group details summary .wp-block-site-logo i {
display: block;
width: 100%;
height: 100%;
}
.wp-block-site-logo a:hover, .wp-block-site-logo .list-style-1 > * details summary:hover, .list-style-1 > * details .wp-block-site-logo summary:hover, .wp-block-site-logo .accordion-group details summary:hover, .accordion-group details .wp-block-site-logo summary:hover, .wp-block-site-logo .accordion-group details summary i:hover, .accordion-group details summary .wp-block-site-logo i:hover, .wp-block-site-logo a:focus, .wp-block-site-logo .list-style-1 > * details summary:focus, .list-style-1 > * details .wp-block-site-logo summary:focus, .wp-block-site-logo .accordion-group details summary:focus, .accordion-group details .wp-block-site-logo summary:focus, .wp-block-site-logo .accordion-group details summary i:focus, .accordion-group details summary .wp-block-site-logo i:focus, .wp-block-site-logo a:active, .wp-block-site-logo .list-style-1 > * details summary:active, .list-style-1 > * details .wp-block-site-logo summary:active, .wp-block-site-logo .accordion-group details summary:active, .accordion-group details .wp-block-site-logo summary:active, .wp-block-site-logo .accordion-group details summary i:active, .accordion-group details summary .wp-block-site-logo i:active {
outline: unset;
}
footer .wp-block-site-logo {
width: 100%;
max-width: 280px;
}
div.has-contrast-background-color .wp-block-site-logo, div.has-accent-4-background-color .wp-block-site-logo, div.has-accent-5-background-color .wp-block-site-logo {
background-image: var(--site--logo--light);
}
nav a:hover, nav .list-style-1 > * details summary:hover, .list-style-1 > * details nav summary:hover, nav .accordion-group details summary:hover, .accordion-group details nav summary:hover, nav .accordion-group details summary i:hover, .accordion-group details summary nav i:hover, nav a:focus, nav .list-style-1 > * details summary:focus, .list-style-1 > * details nav summary:focus, nav .accordion-group details summary:focus, .accordion-group details nav summary:focus, nav .accordion-group details summary i:focus, .accordion-group details summary nav i:focus, nav a:active, nav .list-style-1 > * details summary:active, .list-style-1 > * details nav summary:active, nav .accordion-group details summary:active, .accordion-group details nav summary:active, nav .accordion-group details summary i:active, .accordion-group details summary nav i:active {
outline: unset;
}
.wpm-language-switcher {
font-size: inherit;
padding: 0.3em;
color: inherit;
background-color: inherit;
border: 2px solid var(--wp--preset--color--base);
}
#site-header.dark-scheme .wpm-language-switcher {
color: var(--wp--preset--color--contrast);
background-color: hsl(from var(--wp--preset--color--base) h s l/0.7);
border: 2px solid var(--wp--preset--color--contrast);
}
#site-header .wp-block-navigation .wp-block-navigation-item__content:hover, #site-header .wp-block-navigation .wp-block-navigation-item__content:active, #site-header .wp-block-navigation .wp-block-navigation-item__content:focus {
color: hsl(from var(--wp--preset--color--accent-1) h s calc(l + 10)) !important;
text-decoration: none;
}
.current-menu-item .wp-block-navigation-item__content {
text-decoration: underline;
}
footer .wp-block-navigation .wp-block-navigation-item__content {
color: var(--wp--preset--color--accent-1) !important;
}
footer .wp-block-navigation .wp-block-navigation-item__content:hover, footer .wp-block-navigation .wp-block-navigation-item__content:active, footer .wp-block-navigation .wp-block-navigation-item__content:focus {
color: hsl(from var(--wp--preset--color--accent-1) h s calc(l + 10)) !important;
text-decoration: none;
} @keyframes fade {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
#world_pixels rect {
fill: var(--wp--preset--color--contrast) !important;
}
#active_pixels > g {
opacity: 0;
}
#active_pixels > g:nth-of-type(1) {
animation-name: fade;
animation-duration: 2s;
animation-delay: calc(2s * 1);
animation-direction: normal;
animation-fill-mode: forwards;
animation-iteration-count: 1;
animation-timing-function: ease-in-out;
}
#active_pixels > g:nth-of-type(2) {
animation-name: fade;
animation-duration: 2s;
animation-delay: calc(2s * 2);
animation-direction: normal;
animation-fill-mode: forwards;
animation-iteration-count: 1;
animation-timing-function: ease-in-out;
}
#active_pixels > g:nth-of-type(3) {
animation-name: fade;
animation-duration: 2s;
animation-delay: calc(2s * 3);
animation-direction: normal;
animation-fill-mode: forwards;
animation-iteration-count: 1;
animation-timing-function: ease-in-out;
}
#active_pixels > g:nth-of-type(4) {
animation-name: fade;
animation-duration: 2s;
animation-delay: calc(2s * 4);
animation-direction: normal;
animation-fill-mode: forwards;
animation-iteration-count: 1;
animation-timing-function: ease-in-out;
}
#active_pixels > g:nth-of-type(5) {
animation-name: fade;
animation-duration: 2s;
animation-delay: calc(2s * 5);
animation-direction: normal;
animation-fill-mode: forwards;
animation-iteration-count: 1;
animation-timing-function: ease-in-out;
}
#active_pixels > g:nth-of-type(6) {
animation-name: fade;
animation-duration: 2s;
animation-delay: calc(2s * 6);
animation-direction: normal;
animation-fill-mode: forwards;
animation-iteration-count: 1;
animation-timing-function: ease-in-out;
}
#active_pixels > g:nth-of-type(7) {
animation-name: fade;
animation-duration: 2s;
animation-delay: calc(2s * 7);
animation-direction: normal;
animation-fill-mode: forwards;
animation-iteration-count: 1;
animation-timing-function: ease-in-out;
}
#active_pixels > g:nth-of-type(8) {
animation-name: fade;
animation-duration: 2s;
animation-delay: calc(2s * 8);
animation-direction: normal;
animation-fill-mode: forwards;
animation-iteration-count: 1;
animation-timing-function: ease-in-out;
}
#active_pixels > g:nth-of-type(9) {
animation-name: fade;
animation-duration: 2s;
animation-delay: calc(2s * 9);
animation-direction: normal;
animation-fill-mode: forwards;
animation-iteration-count: 1;
animation-timing-function: ease-in-out;
}
#active_pixels > g:nth-of-type(10) {
animation-name: fade;
animation-duration: 2s;
animation-delay: calc(2s * 10);
animation-direction: normal;
animation-fill-mode: forwards;
animation-iteration-count: 1;
animation-timing-function: ease-in-out;
}
#active_pixels > g:nth-of-type(11) {
animation-name: fade;
animation-duration: 2s;
animation-delay: calc(2s * 11);
animation-direction: normal;
animation-fill-mode: forwards;
animation-iteration-count: 1;
animation-timing-function: ease-in-out;
}
#active_pixels > g:nth-of-type(12) {
animation-name: fade;
animation-duration: 2s;
animation-delay: calc(2s * 12);
animation-direction: normal;
animation-fill-mode: forwards;
animation-iteration-count: 1;
animation-timing-function: ease-in-out;
}
#active_pixels > g:nth-of-type(13) {
animation-name: fade;
animation-duration: 2s;
animation-delay: calc(2s * 13);
animation-direction: normal;
animation-fill-mode: forwards;
animation-iteration-count: 1;
animation-timing-function: ease-in-out;
}
#active_pixels > g:nth-of-type(14) {
animation-name: fade;
animation-duration: 2s;
animation-delay: calc(2s * 14);
animation-direction: normal;
animation-fill-mode: forwards;
animation-iteration-count: 1;
animation-timing-function: ease-in-out;
}
#active_pixels > g:nth-of-type(15) {
animation-name: fade;
animation-duration: 2s;
animation-delay: calc(2s * 15);
animation-direction: normal;
animation-fill-mode: forwards;
animation-iteration-count: 1;
animation-timing-function: ease-in-out;
}
#active_pixels > g:nth-of-type(16) {
animation-name: fade;
animation-duration: 2s;
animation-delay: calc(2s * 16);
animation-direction: normal;
animation-fill-mode: forwards;
animation-iteration-count: 1;
animation-timing-function: ease-in-out;
}
#active_pixels > g:nth-of-type(17) {
animation-name: fade;
animation-duration: 2s;
animation-delay: calc(2s * 17);
animation-direction: normal;
animation-fill-mode: forwards;
animation-iteration-count: 1;
animation-timing-function: ease-in-out;
}
@keyframes fade-in {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes slide-in-from-right {
0% {
transform: translateX(100px);
opacity: 0;
}
100% {
transform: translateX(0);
opacity: 1;
}
}
@keyframes slide-in-from-left {
0% {
transform: translateX(-100px);
opacity: 0;
}
100% {
transform: translateX(0);
opacity: 1;
}
}
@keyframes entry-effect-1 {
0% {
opacity: 0;
scale: 1.1;
}
100% {
opacity: 1;
scale: 1;
}
}
.animate.fade-in {
opacity: 0;
}
.animate.fade-in.if-visible.visible {
animation-name: fade-in;
animation-delay: 0.5s;
animation-direction: normal;
animation-duration: 2s;
animation-fill-mode: forwards;
animation-iteration-count: 1;
animation-timing-function: ease;
}
.animate.slide-in-from-right {
opacity: 0;
}
.animate.slide-in-from-right.if-visible.visible {
animation-name: slide-in-from-right;
animation-direction: normal;
animation-duration: 1s;
animation-fill-mode: forwards;
animation-iteration-count: 1;
animation-timing-function: ease;
}
.animate.slide-in-from-left {
opacity: 0;
}
.animate.slide-in-from-left.if-visible.visible {
animation-name: slide-in-from-left;
animation-direction: normal;
animation-duration: 1s;
animation-fill-mode: forwards;
animation-iteration-count: 1;
animation-timing-function: ease;
}
.animate.slide-in-from-left {
opacity: 0;
}
.animate.slide-in-from-left.if-visible.visible {
animation-name: slide-in-from-left;
animation-direction: normal;
animation-duration: 1s;
animation-fill-mode: forwards;
animation-iteration-count: 1;
animation-timing-function: ease;
}
.animate.entry-effect-1 {
opacity: 0;
}
.animate.entry-effect-1.if-visible.visible {
animation-name: entry-effect-1;
animation-direction: normal;
animation-duration: 0.5s;
animation-fill-mode: forwards;
animation-iteration-count: 1;
animation-timing-function: ease;
}
form.two-columns {
display: grid;
grid-auto-flow: row;
gap: 1em;
width: 100%;
max-width: 600px;
border: none;
align-items: center;
}
form input,
form textarea,
form select,
form button {
padding: 0.2em 0.5em;
margin: 0;
font-size: 1em;
font-family: var(--wp--preset--font-family--open-sans);
box-sizing: border-box;
border: 1px solid var(--wp--preset--color--contrast);
border-radius: 0.2em;
}
form div:has(> label) {
margin-top: 1em;
}
form label.required:after {
content: " *";
color: var(--wp--preset--color--accent-1);
}
form input[type=submit] {
justify-self: self-start;
}
form input[type=text], form input[type=tel], form input[type=email] {
field-sizing: content;
inline-size: 100%;
}
form button[type=submit] {
justify-self: self-start;
background-color: var(--wp--preset--color--accent-1);
border-width: 0;
border-radius: 2rem;
color: var(--wp--preset--color--base);
font-weight: 500;
line-height: inherit;
padding-top: 1rem;
padding-right: 2.25rem;
padding-bottom: 1rem;
padding-left: 2.25rem;
text-decoration: none;
cursor: pointer;
}
form button[type=submit]:hover, form button[type=submit]:active {
background-color: hsl(from var(--wp--preset--color--accent-1) h s calc(l + 10));
}
form textarea {
field-sizing: content;
min-height: 5lh;
inline-size: 100%;
max-block-size: 80svh;
}
form .form-field.invalid {
border-color: #dc3545;
}
form .error-message {
color: #dc3545;
font-size: 0.875rem;
margin-top: 0.25rem;
}
#form-message {
font-style: italic;
font-weight: 500;
color: var(--wp--preset--color--accent-1);
}
*:has(> form.contact-form) {
container-name: form-grid;
container-type: inline-size;
}
@container form-grid (width > 400px) {
form {
grid-template-columns: auto minmax(0, 1fr);
}
form div:has(> label) {
margin-top: 0;
}
form input[type=text], form input[type=tel], form input[type=email] {
inline-size: 100%;
}
form textarea {
inline-size: 100%;
}
}
@view-transition {
navigation: auto;
}
html {
scroll-behavior: smooth;
}
.blurred-background-1 {
backdrop-filter: blur(1px);
-webkit-backdrop-filter: blur(1px);
}
.blurred-background-2 {
backdrop-filter: blur(2px);
-webkit-backdrop-filter: blur(2px);
}
.blurred-background-3 {
backdrop-filter: blur(3px);
-webkit-backdrop-filter: blur(3px);
}
.blurred-background-4 {
backdrop-filter: blur(4px);
-webkit-backdrop-filter: blur(4px);
}
.blurred-background-5 {
backdrop-filter: blur(5px);
-webkit-backdrop-filter: blur(5px);
}
h1,
h2,
h3,
p {
overflow-wrap: break-word;
word-break: break-word;
}
@keyframes details-show {
from {
opacity: 0;
transform: var(--details-translate, translateY(-0.5em));
}
}
@keyframes details-hide {
from {
opacity: 1;
transform: var(--details-translate, translateY(-0.5em));
}
}
@keyframes details-rotate-show {
to {
transform: rotate(90deg);
}
}
details summary:hover::before, details summary:focus::before, details summary:active::before, details summary:hover::after, details summary:focus::after, details summary:active::after {
color: var(--link--hover--color) !important;
border-color: var(--link--hover--color) !important;
}
details.is-style-details-style-1 summary {
display: block;
list-style: none;
outline-style: none;
}
details.is-style-details-style-1 summary::marker {
content: "";
}
details.is-style-details-style-1 summary::-webkit-details-marker {
display: none;
}
details.is-style-details-style-1 summary::after {
font: var(--fa-font-solid);
content: "\f061";
display: block;
border-color: var(--link--color);
border-radius: 100%;
border-style: solid;
border-width: 0.15em;
color: var(--link--color);
width: 1.7em;
height: 1.7em;
line-height: 1.7em;
font-size: 1em;
text-align: center;
transform: rotate(0);
margin-top: 1em;
margin-bottom: 1em;
}
details.is-style-details-style-1 summary::after:hover, details.is-style-details-style-1 summary::after:focus, details.is-style-details-style-1 summary::after:active {
color: var(--link--hover--color);
border-color: var(--lin--hover--color);
}
details.is-style-details-style-1[open] summary {
color: inherit;
}
details.is-style-details-style-1[open] summary::after {
animation-name: details-rotate-show;
animation-duration: 150ms;
animation-timing-function: ease-in-out;
animation-fill-mode: forwards;
}
details.is-style-details-style-1 > *:not(summary) {
animation: details-hide 150ms ease-in-out;
}
details.is-style-details-style-1[open] > *:not(summary) {
animation: details-show 150ms ease-in-out;
}
details.is-style-details-style-2 {
margin-left: 3em;
}
details.is-style-details-style-2 summary {
font-size: 1.2em;
font-weight: 500;
list-style: none;
outline-style: none;
}
details.is-style-details-style-2 summary::marker {
content: "";
}
details.is-style-details-style-2 summary::-webkit-details-marker {
display: none;
}
details.is-style-details-style-2 summary::before {
font: var(--fa-font-solid);
content: "\f061";
display: block;
border-color: var(--link--color);
border-radius: 100%;
border-style: solid;
border-width: 0.15em;
color: var(--link--color);
width: 1.7em;
height: 1.7em;
line-height: 1.7em;
font-size: 1em;
text-align: center;
transform: rotate(0);
float: left;
margin-left: -3em;
margin-top: -0.3em;
}
details.is-style-details-style-2 summary::before:hover, details.is-style-details-style-2 summary::before:focus, details.is-style-details-style-2 summary::before:active {
color: var(--link--hover--color);
border-color: var(--lin--hover--color);
}
details.is-style-details-style-2 summary + * {
margin-top: 1em;
}
details.is-style-details-style-2[open] summary::before {
animation-name: details-rotate-show;
animation-duration: 150ms;
animation-timing-function: ease-in-out;
animation-fill-mode: forwards;
}
details.is-style-details-style-2 > *:not(summary) {
animation: details-hide 150ms ease-in-out;
}
details.is-style-details-style-2[open] > *:not(summary) {
animation: details-show 150ms ease-in-out;
}
details.is-style-details-style-3 {
margin-left: 3em;
}
details.is-style-details-style-3 summary {
list-style: none;
outline-style: none;
}
details.is-style-details-style-3 summary::marker {
content: "";
}
details.is-style-details-style-3 summary::-webkit-details-marker {
display: none;
}
details.is-style-details-style-3 summary::before {
font: var(--fa-font-solid);
content: "\f061";
display: block;
border-color: var(--link--color);
border-radius: 100%;
border-style: solid;
border-width: 0.15em;
color: var(--link--color);
width: 1.7em;
height: 1.7em;
line-height: 1.7em;
font-size: 1em;
text-align: center;
transform: rotate(0);
float: left;
margin-left: -3em;
margin-top: -0.3em;
}
details.is-style-details-style-3 summary::before:hover, details.is-style-details-style-3 summary::before:focus, details.is-style-details-style-3 summary::before:active {
color: var(--link--hover--color);
border-color: var(--lin--hover--color);
}
details.is-style-details-style-3 summary + * {
margin-top: 1em;
}
details.is-style-details-style-3[open] summary::before {
animation-name: details-rotate-show;
animation-duration: 150ms;
animation-timing-function: ease-in-out;
animation-fill-mode: forwards;
}
details.is-style-details-style-3 > *:not(summary) {
animation: details-hide 150ms ease-in-out;
}
details.is-style-details-style-3[open] > *:not(summary) {
animation: details-show 150ms ease-in-out;
}
footer {
margin-top: 0;
}
@media screen and (max-width: 991px) {
.stack-on-mobile {
grid-template-columns: repeat(1, 1fr);
}
}
.icon-arrow-right {
font: var(--fa-font-solid);
content: "\f061";
}
.wp-block-query-pagination .wp-block-query-pagination-numbers > * {
padding-right: 0.5em;
padding-left: 0.5em;
}
.wp-block-query-pagination .wp-block-query-pagination-previous,
.wp-block-query-pagination .wp-block-query-pagination-next {
line-height: 1.2em;
padding: 0.2em 0.6em;
border: 0.15em solid var(--link--color);
border-radius: 1em;
height: 1.3em;
}
.wp-block-query-pagination .wp-block-query-pagination-previous:hover, .wp-block-query-pagination .wp-block-query-pagination-previous:active, .wp-block-query-pagination .wp-block-query-pagination-previous:focus,
.wp-block-query-pagination .wp-block-query-pagination-next:hover,
.wp-block-query-pagination .wp-block-query-pagination-next:active,
.wp-block-query-pagination .wp-block-query-pagination-next:focus {
border-color: var(--link--hover--color);
}
.wp-block-query-pagination .wp-block-query-pagination-previous > span,
.wp-block-query-pagination .wp-block-query-pagination-next > span {
margin: 0;
}
.list-style-1 > * {
display: grid;
grid-template-rows: 1fr;
grid-template-columns: 3em auto;
gap: 0px 2em;
width: 100%;
height: 100%;
}
.list-style-1 > *::before {
font-size: 3em;
font-weight: 700;
margin-right: 1em;
grid-area: 1/1/3/2;
line-height: 1em;
}
.list-style-1 > *:nth-child(1)::before {
content: "1";
}
.list-style-1 > *:nth-child(2)::before {
content: "2";
}
.list-style-1 > *:nth-child(3)::before {
content: "3";
}
.list-style-1 > *:nth-child(4)::before {
content: "4";
}
.list-style-1 > * details {
grid-area: 1/2/2/3;
}
@keyframes details-show {
from {
opacity: 0;
transform: var(--details-translate, translateY(-0.5em));
}
}
@keyframes details-hide {
from {
opacity: 1;
transform: var(--details-translate, translateY(-0.5em));
}
}
.list-style-1 > * details > *:not(summary) {
animation: details-hide 150ms ease-in-out;
}
.list-style-1 > * details[open] > *:not(summary) {
animation: details-show 150ms ease-in-out;
}
.list-style-1 > * details summary {
display: block;
outline-style: none;
min-height: 2.5em;
align-content: center;
}
.accordion-group details summary {
position: relative;
list-style: none;
display: grid;
grid-template-columns: 4rem 1fr;
grid-template-rows: 1fr;
gap: 2rem;
align-items: center;
outline-style: none;
line-height: 1.5em;
}
.accordion-group details summary::marker {
content: "";
}
.accordion-group details summary::-webkit-details-marker {
display: none;
}
.accordion-group details summary i {
display: block;
padding: 1rem;
font-weight: 900;
border-radius: 100%;
border: 0.2rem solid inherit;
width: 1.6rem;
line-height: 1.6rem;
font-size: 1em;
text-align: center;
transform: rotate(0);
}
.accordion-group details summary i:after {
font: var(--fa-font-solid);
content: "\f061";
}
.accordion-group details[open] summary i {
transform: rotate(90deg);
}
.accordion-group details::details-content {
overflow: hidden;
height: 0; transition: height 0.5s, content-visibility 0.5s;
transition-behavior: allow-discrete;
}
.accordion-group details[open]::details-content {
height: auto;
}
.wp-block-latest-posts__list > li figure,
.news-list > * > li figure {
margin-bottom: 1em;
}
.wp-block-latest-posts__list > li hr,
.news-list > * > li hr {
border-width: 0 0 2px 0;
clear: both;
margin-top: 2em;
margin-bottom: 3em;
opacity: 0.4;
}
.wp-block-latest-posts__list > li .wp-block-latest-posts__post-title,
.wp-block-latest-posts__list > li .wp-block-post-title,
.news-list > * > li .wp-block-latest-posts__post-title,
.news-list > * > li .wp-block-post-title {
font-weight: 400;
font-size: 1.2em;
line-height: 1.2em;
margin-top: 0.25em;
}
.wp-block-latest-posts__list > li .wp-block-latest-posts__post-title :where(a, .list-style-1 > * details summary, .accordion-group details summary, .accordion-group details summary i),
.wp-block-latest-posts__list > li .wp-block-post-title :where(a, .list-style-1 > * details summary, .accordion-group details summary, .accordion-group details summary i),
.news-list > * > li .wp-block-latest-posts__post-title :where(a, .list-style-1 > * details summary, .accordion-group details summary, .accordion-group details summary i),
.news-list > * > li .wp-block-post-title :where(a, .list-style-1 > * details summary, .accordion-group details summary, .accordion-group details summary i) {
display: block;
}
body.home .wp-block-latest-posts__list > li,
body.home .news-list > * > li {
margin-top: 0;
}
body.home .wp-block-latest-posts__list > li:not(:nth-child(1))::before,
body.home .news-list > * > li:not(:nth-child(1))::before {
display: none;
}
body.home .wp-block-latest-posts__list > li .teaser + *,
body.home .news-list > * > li .teaser + * {
display: none;
}
.referenzen-canvas > * {
display: grid;
gap: 1em;
align-items: center;
justify-items: center;
}
.referenzen-canvas > * > * {
width: 100%;
height: 100%;
min-height: 7rem;
background-color: white;
padding: 0.5em;
display: grid;
align-items: center;
justify-items: center;
box-sizing: border-box;
aspect-ratio: 1/1;
border: 1px solid hsl(from var(--wp--preset--color--contrast) h s l/0.3);
border-radius: 0.5em;
}
.scroll-to-top {
position: absolute;
right: 1em;
bottom: 1em;
padding: 0 !important;
}
.style-cards > * {
border-radius: 10px;
padding: 1em;
text-align: center;
box-sizing: border-box;
align-items: center;
justify-content: center;
text-shadow: 1px 1px 10px rgb(0, 0, 0);
display: flex;
aspect-ratio: 1/1;
}
*:has(> .cards-grid) {
container-name: cards-grid;
container-type: inline-size;
}
*:has(> .cards-grid) .cards-grid {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
@container cards-grid (width > 480px) {
*:has(> .cards-grid) .cards-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@container cards-grid (width > 768px) {
*:has(> .cards-grid) .cards-grid {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
.style-cards-2 > * {
border-left: 3px solid var(--link--color);
padding-left: 1em;
}
.text-shadow-white h1,
.text-shadow-white h2,
.text-shadow-white h3,
.text-shadow-white h4,
.text-shadow-white .list-style-1 > * details summary,
.list-style-1 > * details .text-shadow-white summary,
.text-shadow-white .accordion-group details summary,
.accordion-group details .text-shadow-white summary,
.text-shadow-white h5,
.text-shadow-white p {
text-shadow: 2px 2px 3px hsl(from var(--wp--preset--color--contrast) h s l/0.3);
}
.wp-block-button.is-style-outline a:hover, .wp-block-button.is-style-outline .list-style-1 > * details summary:hover, .list-style-1 > * details .wp-block-button.is-style-outline summary:hover, .wp-block-button.is-style-outline .accordion-group details summary:hover, .accordion-group details .wp-block-button.is-style-outline summary:hover, .wp-block-button.is-style-outline .accordion-group details summary i:hover, .accordion-group details summary .wp-block-button.is-style-outline i:hover, .wp-block-button.is-style-outline a:active, .wp-block-button.is-style-outline .list-style-1 > * details summary:active, .list-style-1 > * details .wp-block-button.is-style-outline summary:active, .wp-block-button.is-style-outline .accordion-group details summary:active, .accordion-group details .wp-block-button.is-style-outline summary:active, .wp-block-button.is-style-outline .accordion-group details summary i:active, .accordion-group details summary .wp-block-button.is-style-outline i:active, .wp-block-button.is-style-outline a:focus, .wp-block-button.is-style-outline .list-style-1 > * details summary:focus, .list-style-1 > * details .wp-block-button.is-style-outline summary:focus, .wp-block-button.is-style-outline .accordion-group details summary:focus, .accordion-group details .wp-block-button.is-style-outline summary:focus, .wp-block-button.is-style-outline .accordion-group details summary i:focus, .accordion-group details summary .wp-block-button.is-style-outline i:focus {
color: var(--link--hover--color);
}
.wp-block-button:not(.is-style-outline) a:hover, .wp-block-button:not(.is-style-outline) .list-style-1 > * details summary:hover, .list-style-1 > * details .wp-block-button:not(.is-style-outline) summary:hover, .wp-block-button:not(.is-style-outline) .accordion-group details summary:hover, .accordion-group details .wp-block-button:not(.is-style-outline) summary:hover, .wp-block-button:not(.is-style-outline) .accordion-group details summary i:hover, .accordion-group details summary .wp-block-button:not(.is-style-outline) i:hover, .wp-block-button:not(.is-style-outline) a:active, .wp-block-button:not(.is-style-outline) .list-style-1 > * details summary:active, .list-style-1 > * details .wp-block-button:not(.is-style-outline) summary:active, .wp-block-button:not(.is-style-outline) .accordion-group details summary:active, .accordion-group details .wp-block-button:not(.is-style-outline) summary:active, .wp-block-button:not(.is-style-outline) .accordion-group details summary i:active, .accordion-group details summary .wp-block-button:not(.is-style-outline) i:active, .wp-block-button:not(.is-style-outline) a:focus, .wp-block-button:not(.is-style-outline) .list-style-1 > * details summary:focus, .list-style-1 > * details .wp-block-button:not(.is-style-outline) summary:focus, .wp-block-button:not(.is-style-outline) .accordion-group details summary:focus, .accordion-group details .wp-block-button:not(.is-style-outline) summary:focus, .wp-block-button:not(.is-style-outline) .accordion-group details summary i:focus, .accordion-group details summary .wp-block-button:not(.is-style-outline) i:focus {
background-color: var(--link--hover--color);
}
.wp-block-button.jump > a::after, .list-style-1 > * details .wp-block-button.jump > summary::after, .accordion-group details .wp-block-button.jump > summary::after, .accordion-group details summary .wp-block-button.jump > i::after {
font: var(--fa-font-solid);
content: "\f061";
display: inline-block;
padding-left: 0.5em;
vertical-align: middle;
transform: rotate(-45deg);
}
.wp-block-group {
scroll-margin-top: 5em;
}
.wp-block-group:has(> header > .is-position-sticky) {
position: sticky;
top: calc(0px + var(--wp-admin--admin-bar--height, 0px));
z-index: 99999;
}
.wp-block-media-text.is-style-media-text-style-2 {
border-radius: 10px;
overflow: hidden;
}