.with-kubio-global-style h1, [data-kubio] h1, h1[data-kubio] {
font-size: 3em;
}
.with-kubio-global-style h3, [data-kubio] h3, h3[data-kubio] {
font-family: Mulish,Helvetica,Arial,Sans-Serif,serif;
font-size: 1.4em;
font-weight: 700;
line-height: 1.25;
text-transform: none;
}
.with-kubio-global-style h2, [data-kubio] h2, h2[data-kubio] {
font-size: 1.8em;
line-height: 1.143;
}
#kubio .style-I4umf3pKc-inner {
text-align: left !important;
}  body.single-post {
--dd-blog-accent: #a4d6d1;
--dd-blog-accent-light: #f3f7f5;
--dd-blog-text-muted: #68716d;
--dd-blog-border: rgba(0, 0, 0, 0.12);
} body.single-post .entry-content {
width: 100% !important;
max-width: none !important;
margin-left: 0 !important;
margin-right: 0 !important;
} body.single-post .entry-content > p {
font-size: 18px !important;
line-height: 1.8 !important;
margin-top: 0 !important;
margin-bottom: 1.55em !important;
} body.single-post .entry-content > p:first-of-type {
font-size: 21px !important;
line-height: 1.65 !important;
margin-bottom: 3rem !important;
padding: 1.5rem 1.7rem !important;
background: var(--dd-blog-accent-light) !important;
border-left: 5px solid var(--dd-blog-accent) !important;
border-radius: 0 8px 8px 0;
}
body.single-post .entry-content > p:first-of-type strong {
font-weight: 650 !important;
} body.single-post .entry-content > h2,
body.single-post .entry-content h2.wp-block-heading {
font-family: Mulish, Helvetica, Arial, sans-serif !important;
font-size: clamp(26px, 2.4vw, 32px) !important;
font-weight: 700 !important;
line-height: 1.3 !important;
margin-top: 4rem !important;
margin-bottom: 1.35rem !important;
padding-left: 18px !important;
border-left: 5px solid var(--dd-blog-accent) !important;
}
body.single-post .entry-content h2 strong {
font-weight: inherit !important;
} body.single-post .entry-content > h3,
body.single-post .entry-content h3.wp-block-heading {
font-family: Mulish, Helvetica, Arial, sans-serif !important;
font-size: 23px !important;
font-weight: 700 !important;
line-height: 1.4 !important;
margin-top: 3rem !important;
margin-bottom: 1.1rem !important;
} body.single-post .entry-content a {
font-weight: 600;
text-decoration-line: underline;
text-decoration-thickness: 2px;
text-underline-offset: 3px;
transition:
opacity 0.2s ease,
text-underline-offset 0.2s ease;
}
body.single-post .entry-content a:hover {
opacity: 0.75;
text-underline-offset: 5px;
} body.single-post .entry-content ul,
body.single-post .entry-content ol,
body.single-post .entry-content ul.wp-block-list,
body.single-post .entry-content ol.wp-block-list {
margin-top: 1.4rem !important;
margin-bottom: 2rem !important;
padding-left: 1.7rem !important;
}
body.single-post .entry-content li {
font-size: 18px;
line-height: 1.75;
margin-bottom: 0.65rem;
padding-left: 0.25rem;
}
body.single-post .entry-content ul li::marker {
color: var(--dd-blog-accent);
font-size: 0.9em;
font-weight: 700;
}
body.single-post .entry-content ol li::marker {
color: var(--dd-blog-accent);
font-weight: 700;
} body.single-post .entry-content img {
display: block;
max-width: 100%;
height: auto;
border-radius: 10px;
}
body.single-post .entry-content figure.wp-block-image {
max-width: 100% !important;
margin-top: 2.5rem !important;
margin-bottom: 2.5rem !important;
} body.single-post .entry-content .alignwide,
body.single-post .entry-content .alignfull {
width: 100% !important;
max-width: 100% !important;
margin-left: 0 !important;
margin-right: 0 !important;
} body.single-post .entry-content figcaption {
margin-top: 0.7rem !important;
font-size: 14px !important;
line-height: 1.5 !important;
color: var(--dd-blog-text-muted);
} body.single-post .entry-content blockquote,
body.single-post .entry-content .wp-block-quote {
margin: 3rem 0 !important;
padding: 1.6rem 1.8rem !important;
background: var(--dd-blog-accent-light) !important;
border-left: 5px solid var(--dd-blog-accent) !important;
border-radius: 0 8px 8px 0;
font-size: 19px !important;
line-height: 1.7 !important;
}
body.single-post .entry-content blockquote p:last-child {
margin-bottom: 0 !important;
} body.single-post .entry-content hr,
body.single-post .entry-content .wp-block-separator {
border: 0 !important;
border-top: 1px solid var(--dd-blog-border) !important;
margin-top: 3.5rem !important;
margin-bottom: 3.5rem !important;
} body.single-post .entry-content table {
width: 100%;
margin: 2rem 0;
border-collapse: collapse;
}
body.single-post .entry-content th,
body.single-post .entry-content td {
padding: 0.85rem 1rem;
border: 1px solid var(--dd-blog-border);
text-align: left;
vertical-align: top;
}
body.single-post .entry-content th {
background: var(--dd-blog-accent-light);
font-weight: 700;
} body.single-post .entry-content strong {
font-weight: 700;
} body.single-post .entry-content > p:last-child {
margin-bottom: 0 !important;
} @media (max-width: 900px) {
body.single-post .entry-content {
width: 100% !important;
max-width: 100% !important;
}
} @media (max-width: 768px) {
body.single-post .entry-content > p {
font-size: 17px !important;
line-height: 1.75 !important;
}
body.single-post .entry-content > p:first-of-type {
font-size: 18px !important;
line-height: 1.7 !important;
padding: 1.2rem 1.25rem !important;
margin-bottom: 2.4rem !important;
border-left-width: 4px !important;
}
body.single-post .entry-content > h2,
body.single-post .entry-content h2.wp-block-heading {
font-size: 24px !important;
line-height: 1.35 !important;
margin-top: 3rem !important;
margin-bottom: 1.15rem !important;
padding-left: 13px !important;
border-left-width: 4px !important;
}
body.single-post .entry-content > h3,
body.single-post .entry-content h3.wp-block-heading {
font-size: 21px !important;
margin-top: 2.5rem !important;
}
body.single-post .entry-content li {
font-size: 17px;
line-height: 1.7;
}
body.single-post .entry-content figure.wp-block-image {
margin-top: 2rem !important;
margin-bottom: 2rem !important;
}
body.single-post .entry-content blockquote,
body.single-post .entry-content .wp-block-quote {
margin: 2.3rem 0 !important;
padding: 1.25rem 1.3rem !important;
font-size: 17px !important;
border-left-width: 4px !important;
}
} body.blog {
--dd-overview-accent: #a4d6d1;
--dd-overview-accent-dark: #315f5c;
--dd-overview-soft: #f4f9f8;
--dd-overview-text: #252b2a;
--dd-overview-muted: #66706d;
--dd-overview-border: #dde8e6;
} body.blog #hero > .wp-block-kubio-hero__inner {
min-height: 103px !important;
padding-top: 103px !important;
padding-bottom: 0 !important;
}  body.blog #blog-layout {
background: #ffffff;
}  body.blog #blog-layout h1 {
font-family: Mulish, Helvetica, Arial, sans-serif !important;
font-size: clamp(2.4rem, 4.5vw, 3.7rem) !important;
font-weight: 700 !important;
line-height: 1.08 !important;
letter-spacing: -0.025em;
max-width: 950px;
margin-top: 0 !important;
margin-bottom: 1.5rem !important;
color: #252b2a !important;
} body.blog #blog-layout h1::after {
content: "";
display: block;
width: 80px;
height: 7px;
margin-top: 1.35rem;
background: #a4d6d1;
border-radius: 999px;
} body.blog #blog-layout h1 + p {
position: relative;
max-width: 950px;
margin-top: 0 !important;
margin-bottom: 4.5rem !important;
padding: 1.8rem 2rem !important;
background: #f4f9f8;
border-left: 6px solid #a4d6d1;
border-radius: 0 14px 14px 0;
font-size: 18px !important;
line-height: 1.8 !important;
color: #34403d !important;
} body.blog #blog-layout h1 + p strong:first-child {
font-size: 1.08em;
line-height: 1.65;
color: #252b2a;
} body.blog #blog-layout h1 + p strong {
font-weight: 700 !important;
} body.blog #blog-layout .kb-posts-id-6d23ae-6d {
margin-top: 0 !important;
} @media (max-width: 900px) {
body.blog #blog-layout h1 {
font-size: clamp(2.2rem, 6vw, 3rem) !important;
}
body.blog #blog-layout h1 + p {
margin-bottom: 3.5rem !important;
padding: 1.6rem 1.7rem !important;
}
} @media (max-width: 700px) {
body.blog #blog-layout h1 {
font-size: 2rem !important;
line-height: 1.15 !important;
margin-bottom: 1.2rem !important;
}
body.blog #blog-layout h1::after {
width: 60px;
height: 5px;
margin-top: 1rem;
}
body.blog #blog-layout h1 + p {
font-size: 17px !important;
line-height: 1.7 !important;
padding: 1.25rem 1.3rem !important;
margin-bottom: 2.5rem !important;
border-left-width: 4px;
border-radius: 0 10px 10px 0;
}
} body.blog #blog-layout
.wp-block-kubio-column__container:has(.wp-block-kubio-sidebar__container) {
display: none !important;
} body.blog #blog-layout
.wp-block-kubio-column__container:has(.kb-posts-id-6d23ae-6d) {
width: 100% !important;
max-width: 100% !important;
flex: 0 0 100% !important;
} body.blog .kb-posts-id-6d23ae-6d {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 2.2rem !important;
padding: 0 !important;
margin: 0 !important;
list-style: none;
} body.blog .kb-posts-id-6d23ae-6d .kb-post-list-item {
display: flex !important;
margin: 0 !important;
height: 100%;
}
body.blog .kb-posts-id-6d23ae-6d article.loop-entry {
display: flex;
flex-direction: column;
width: 100%;
height: 100%;
overflow: hidden;
background: #ffffff !important;
border: 1px solid var(--dd-overview-border);
border-radius: 18px;
box-shadow:
0 4px 18px rgba(0, 0, 0, 0.045);
transition:
transform 0.25s ease,
box-shadow 0.25s ease,
border-color 0.25s ease;
} body.blog .kb-posts-id-6d23ae-6d article.loop-entry:hover {
transform: translateY(-5px);
border-color: var(--dd-overview-accent);
box-shadow:
0 14px 32px rgba(0, 0, 0, 0.09);
} body.blog .kb-posts-id-6d23ae-6d .post-thumbnail {
display: block;
overflow: hidden;
background: var(--dd-overview-soft);
}
body.blog .kb-posts-id-6d23ae-6d .post-thumbnail-inner {
overflow: hidden;
aspect-ratio: 16 / 9;
width: 100%;
}
body.blog .kb-posts-id-6d23ae-6d .post-thumbnail img {
display: block;
width: 100% !important;
height: 100% !important;
object-fit: cover;
transition: transform 0.45s ease;
object-position: center center;
} body.blog .kb-posts-id-6d23ae-6d article:hover
.post-thumbnail img {
transform: scale(1.035);
} body.blog .kb-posts-id-6d23ae-6d .entry-content-wrap {
display: flex;
flex-direction: column;
flex-grow: 1;
padding: 1.7rem 1.8rem 1.8rem !important;
} body.blog .kb-posts-id-6d23ae-6d .entry-taxonomies {
margin-bottom: 1rem;
} body.blog .kb-posts-id-6d23ae-6d .category-links {
font-size: 0;
line-height: 1;
}
body.blog .kb-posts-id-6d23ae-6d .category-links a {
display: inline-block;
margin: 0 0.45rem 0.45rem 0;
padding: 0.45rem 0.7rem;
background: var(--dd-overview-accent);
border-radius: 999px;
color: #244b48 !important;
font-size: 12px !important;
line-height: 1.2;
font-weight: 700 !important;
text-decoration: none !important;
letter-spacing: 0.01em;
transition:
background 0.2s ease,
transform 0.2s ease;
}
body.blog .kb-posts-id-6d23ae-6d .category-links a:hover {
background: #8fcac4;
transform: translateY(-1px);
} body.blog .kb-posts-id-6d23ae-6d .entry-title {
font-family: Mulish, Helvetica, Arial, sans-serif !important;
font-size: clamp(1.35rem, 2vw, 1.65rem) !important;
line-height: 1.28 !important;
font-weight: 700 !important;
margin: 0 0 1rem !important;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
min-height: calc(1.28em * 3);
}
body.blog .kb-posts-id-6d23ae-6d .entry-title a {
color: var(--dd-overview-text) !important;
text-decoration: none !important;
transition: color 0.2s ease;
}
body.blog .kb-posts-id-6d23ae-6d article:hover
.entry-title a {
color: var(--dd-overview-accent-dark) !important;
} body.blog .kb-posts-id-6d23ae-6d .entry-summary {
flex-grow: 1;
}
body.blog .kb-posts-id-6d23ae-6d .entry-summary p {
font-size: 16px !important;
line-height: 1.7 !important;
margin: 0 0 1.5rem !important;
color: var(--dd-overview-muted);
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 4;
overflow: hidden;
} body.blog .kb-posts-id-6d23ae-6d .entry-footer {
margin-top: auto;
padding-top: 0.5rem;
}
body.blog .kb-posts-id-6d23ae-6d .more-link-wrap {
margin: 0 !important;
} body.blog .kb-posts-id-6d23ae-6d .post-more-link {
display: inline-flex;
align-items: center;
gap: 0.45rem;
padding: 0.7rem 1rem;
background: var(--dd-overview-accent);
border-radius: 9px;
color: #244b48 !important;
font-size: 15px;
font-weight: 700 !important;
text-decoration: none !important;
transition:
background 0.2s ease,
transform 0.2s ease;
min-height: 44px;
justify-content: center;
}
body.blog .kb-posts-id-6d23ae-6d .post-more-link svg {
width: 18px;
height: 18px;
transition: transform 0.2s ease;
}
body.blog .kb-posts-id-6d23ae-6d .post-more-link:hover {
background: #8fcac4;
transform: translateY(-1px);
}
body.blog .kb-posts-id-6d23ae-6d .post-more-link:hover svg {
transform: translateX(3px);
} @media (max-width: 900px) {
body.blog .kb-posts-id-6d23ae-6d {
gap: 1.5rem !important;
}
body.blog .kb-posts-id-6d23ae-6d .entry-content-wrap {
padding: 1.4rem !important;
}
} @media (max-width: 700px) {
body.blog .kb-posts-id-6d23ae-6d {
grid-template-columns: 1fr !important;
gap: 1.6rem !important;
}
body.blog .kb-posts-id-6d23ae-6d .entry-content-wrap {
padding: 1.35rem !important;
}
body.blog .kb-posts-id-6d23ae-6d .entry-title {
font-size: 1.35rem !important;
}
body.blog .kb-posts-id-6d23ae-6d .entry-summary p {
font-size: 16px !important;
}
} body.home.page-id-108 {
--dd-blue: #1e4f91;
--dd-accent: #a4d6d1;
--dd-accent-hover: #8fcac4;
--dd-accent-dark: #315f5c;
--dd-text: #252b2a;
--dd-muted: #66716e;
--dd-soft: #f4f9f8;
--dd-soft-blue: #f5f8fc;
--dd-border: #dce8e6;
--dd-radius: 18px;
--dd-radius-small: 10px;
--dd-shadow:
0 10px 30px rgba(31, 65, 61, 0.07);
--dd-shadow-hover:
0 18px 42px rgba(31, 65, 61, 0.13);
} body.home.page-id-108 #abschnitt-5 {
position: relative;
padding-top: 90px !important;
padding-bottom: 90px !important;
background:
linear-gradient(
135deg,
#f4f9f8 0%,
#ffffff 58%,
rgba(164, 214, 209, 0.28) 100%
) !important;
overflow: hidden;
} body.home.page-id-108 #abschnitt-5::after {
content: "";
position: absolute;
width: 420px;
height: 420px;
right: -170px;
top: -170px;
background: rgba(164, 214, 209, 0.18);
border-radius: 50%;
pointer-events: none;
}
body.home.page-id-108 #abschnitt-5
.wp-block-kubio-section__inner {
position: relative;
z-index: 2;
} body.home.page-id-108 #abschnitt-5
.wp-block-kubio-column__align {
text-align: left !important;
}
body.home.page-id-108 #abschnitt-5
.wp-block-kubio-row__inner {
justify-content: flex-start !important;
} body.home.page-id-108 #abschnitt-5 h1 {
max-width: 950px;
margin-top: 0 !important;
margin-bottom: 1.6rem !important;
font-family: Mulish, Helvetica, Arial, sans-serif !important;
font-size: clamp(2.8rem, 5vw, 4.8rem) !important;
font-weight: 700 !important;
line-height: 1.05 !important;
letter-spacing: -0.035em;
color: var(--dd-blue) !important;
} body.home.page-id-108 #abschnitt-5 h1::after {
content: "";
display: block;
width: 82px;
height: 7px;
margin-top: 1.4rem;
background: var(--dd-accent);
border-radius: 999px;
} body.home.page-id-108 #abschnitt-5 p {
max-width: 850px;
margin-bottom: 2.2rem !important;
font-size: 19px !important;
line-height: 1.8 !important;
color: var(--dd-text) !important;
}
body.home.page-id-108 #abschnitt-5 p strong {
font-weight: 700;
color: var(--dd-text) !important;
} body.home.page-id-108 #abschnitt-5
.wp-block-kubio-button__link {
display: inline-flex !important;
align-items: center;
justify-content: center;
min-height: 48px;
padding: 14px 22px !important;
background: var(--dd-accent) !important;
border: 2px solid var(--dd-accent) !important;
border-radius: 10px !important;
color: #244b48 !important;
font-size: 15px !important;
font-weight: 700 !important;
letter-spacing: 0 !important;
text-transform: none !important;
box-shadow: none !important;
transition:
transform 0.2s ease,
background 0.2s ease,
box-shadow 0.2s ease;
}
body.home.page-id-108 #abschnitt-5
.wp-block-kubio-button__link:hover {
background: var(--dd-accent-hover) !important;
transform: translateY(-2px);
box-shadow:
0 8px 20px rgba(49, 95, 92, 0.14) !important;
} body.home.page-id-108 #abschnitt-5
a.wp-block-kubio-button__link[href*="veranstaltungen"] {
background: #ffffff !important;
color: var(--dd-blue) !important;
}
body.home.page-id-108 #abschnitt-5
a.wp-block-kubio-button__link[href*="veranstaltungen"]:hover {
background: var(--dd-soft) !important;
} body.home.page-id-108 #content-1 {
padding-top: 70px !important;
padding-bottom: 95px !important;
background: #ffffff !important;
} body.home.page-id-108 #content-1
.wp-block-kubio-row__inner {
row-gap: 26px !important;
} body.home.page-id-108 #content-1
.wp-block-kubio-row__inner
> :is(.style-z9GJg2lDZW-container, .style-mdW9qgj6eH-container, .style-s1J1S536_o-container, .style-IUdYmAi-V-container)
> .wp-block-kubio-column__inner {
height: 100%;
padding: 34px !important;
background: #ffffff !important;
border: 1px solid var(--dd-border) !important;
border-top: 6px solid var(--dd-accent) !important;
border-radius: var(--dd-radius) !important;
box-shadow: var(--dd-shadow) !important;
transition:
transform 0.25s ease,
box-shadow 0.25s ease,
border-color 0.25s ease;
} body.home.page-id-108 #content-1
.wp-block-kubio-row__inner
> :is(.style-z9GJg2lDZW-container, .style-mdW9qgj6eH-container, .style-s1J1S536_o-container, .style-IUdYmAi-V-container)
> .wp-block-kubio-column__inner
> .wp-block-kubio-column__align {
display: flex !important;
flex-direction: column !important;
align-items: flex-start !important;
height: 100%;
text-align: left !important;
} body.home.page-id-108 #content-1 h4 {
margin-top: 0 !important;
margin-bottom: 1rem !important;
font-family: Mulish, Helvetica, Arial, sans-serif !important;
font-size: 24px !important;
font-weight: 700 !important;
line-height: 1.3 !important;
color: var(--dd-blue) !important;
text-align: left !important;
}
body.home.page-id-108 #content-1 h4 strong {
color: inherit !important;
} body.home.page-id-108 #content-1 p,
body.home.page-id-108 #content-1 p span {
font-size: 16.5px !important;
line-height: 1.7 !important;
color: var(--dd-muted) !important;
text-align: left !important;
} body.home.page-id-108 #content-1
.wp-block-kubio-buttongroup__outer {
margin-top: auto !important;
padding-top: 1.2rem;
} body.home.page-id-108 #content-1
.wp-block-kubio-button__link {
padding: 11px 16px !important;
background: var(--dd-accent) !important;
border: 0 !important;
border-radius: 9px !important;
color: #244b48 !important;
font-size: 14px !important;
font-weight: 700 !important;
letter-spacing: 0 !important;
text-transform: none !important;
transition:
background 0.2s ease,
transform 0.2s ease;
} body.home.page-id-108 #blog {
padding-top: 60px !important;
padding-bottom: 80px !important;
background: var(--dd-soft) !important;
} body.home.page-id-108 #blog .style-oe4jW8rbLn-align > h2.style-wcs9ap9FaQ-text {
margin-top: 0 !important;
margin-bottom: 1.6rem !important;
font-family: Mulish, Helvetica, Arial, sans-serif !important;
font-size: clamp(2rem, 3vw, 2.8rem) !important;
font-weight: 700 !important;
line-height: 1.2 !important;
color: var(--dd-blue) !important;
text-align: left !important;
}
body.home.page-id-108 #blog .style-oe4jW8rbLn-align > h2.style-wcs9ap9FaQ-text::after {
content: "";
display: block;
width: 65px;
height: 6px;
margin-top: 0.8rem;
background: var(--dd-accent);
border-radius: 999px;
} body.home.page-id-108 #blog
.wp-block-kubio-query-loop__inner {
row-gap: 28px !important;
} body.home.page-id-108 #blog
.wp-block-kubio-query-loop-item__container {
display: flex !important;
} body.home.page-id-108 #blog
.wp-block-kubio-query-loop-item__inner {
display: flex !important;
flex-direction: column !important;
width: 100% !important;
height: 100% !important;
padding: 0 !important;
background: #ffffff !important;
border: 1px solid var(--dd-border) !important;
border-radius: 18px !important;
box-shadow:
0 8px 25px rgba(31, 65, 61, 0.07) !important;
overflow: hidden !important;
transition:
transform 0.25s ease,
box-shadow 0.25s ease,
border-color 0.25s ease;
}
body.home.page-id-108 #blog
.wp-block-kubio-query-loop-item__container:hover
.wp-block-kubio-query-loop-item__inner {
transform: translateY(-5px);
border-color: var(--dd-accent) !important;
box-shadow:
0 18px 38px rgba(31, 65, 61, 0.13) !important;
} body.home.page-id-108 #blog
.wp-block-kubio-query-loop-item__align {
display: flex !important;
flex-direction: column !important;
width: 100% !important;
height: 100% !important;
} body.home.page-id-108 #blog
.wp-block-kubio-post-featured-image__container {
display: block !important;
width: 100% !important;
height: auto !important;
aspect-ratio: 16 / 9 !important;
margin: 0 !important;
background: #eaf2f1;
overflow: hidden !important;
}
body.home.page-id-108 #blog
.wp-block-kubio-post-featured-image__image {
display: block !important;
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
object-position: center center;
transition: transform 0.45s ease;
}
body.home.page-id-108 #blog
.wp-block-kubio-query-loop-item__container:hover
.wp-block-kubio-post-featured-image__image {
transform: scale(1.035);
}  body.home.page-id-108 #blog
.wp-block-kubio-query-loop-item__align
> .wp-block-kubio-row__container {
display: flex !important;
flex: 1 1 auto;
} body.home.page-id-108 #blog
.wp-block-kubio-query-loop-item__align
> .wp-block-kubio-row__container
> .wp-block-kubio-row__inner {
width: 100% !important;
height: 100% !important;
}
body.home.page-id-108 #blog
.wp-block-kubio-query-loop-item__align
.wp-block-kubio-column__container {
height: 100% !important;
} body.home.page-id-108 #blog
.wp-block-kubio-query-loop-item__align
.wp-block-kubio-column__inner {
height: 100% !important;
padding: 25px !important;
} body.home.page-id-108 #blog
.wp-block-kubio-query-loop-item__align
.wp-block-kubio-column__align {
display: flex !important;
flex-direction: column !important;
align-items: flex-start !important;
width: 100%;
height: 100%;
text-align: left !important;
} body.home.page-id-108 #blog
.wp-block-kubio-post-categories__container {
margin-bottom: 0.8rem !important;
}
body.home.page-id-108 #blog
.wp-block-kubio-post-categories__tags {
line-height: 1.2;
} body.home.page-id-108 #blog
.wp-block-kubio-post-categories__tags .separator {
display: none !important;
} body.home.page-id-108 #blog
.wp-block-kubio-post-categories__tags a {
display: inline-block;
margin: 0 5px 6px 0 !important;
padding: 6px 9px;
background: var(--dd-accent);
border-radius: 999px;
color: #244b48 !important;
font-size: 11px !important;
font-weight: 700 !important;
line-height: 1.25 !important;
text-decoration: none !important;
transition:
background 0.2s ease,
transform 0.2s ease;
}
body.home.page-id-108 #blog
.wp-block-kubio-post-categories__tags a:hover {
background: var(--dd-accent-hover);
transform: translateY(-1px);
} body.home.page-id-108 #blog
.wp-block-kubio-post-title__link {
display: block;
width: 100%;
text-decoration: none !important;
}
body.home.page-id-108 #blog
.wp-block-kubio-post-title {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
margin-top: 0 !important;
margin-bottom: 1rem !important;
min-height: calc(1.32em * 3);
font-family: Mulish, Helvetica, Arial, sans-serif !important;
font-size: 21px !important;
font-weight: 700 !important;
line-height: 1.32 !important;
color: var(--dd-text) !important;
}
body.home.page-id-108 #blog
.wp-block-kubio-post-title__link:hover
.wp-block-kubio-post-title {
color: var(--dd-accent-dark) !important;
} body.home.page-id-108 #blog
.wp-block-kubio-post-meta {
display: none !important;
} body.home.page-id-108 #blog
.wp-block-kubio-post-excerpt {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 4;
overflow: hidden;
flex: 1 1 auto;
margin-top: 0 !important;
margin-bottom: 1.4rem !important;
font-size: 15.5px !important;
line-height: 1.7 !important;
color: var(--dd-muted) !important;
} body.home.page-id-108 #blog
.wp-block-kubio-read-more-button__spacing {
margin-top: auto !important;
}
body.home.page-id-108 #blog
.wp-block-kubio-read-more-button__link {
display: inline-flex !important;
align-items: center;
gap: 5px;
width: auto !important;
padding: 0 !important;
background: transparent !important;
border: 0 !important;
color: var(--dd-blue) !important;
font-size: 14px !important;
font-weight: 700 !important;
letter-spacing: 0 !important;
text-transform: none !important;
text-decoration: none !important;
transition:
color 0.2s ease,
transform 0.2s ease;
}
body.home.page-id-108 #blog
.wp-block-kubio-read-more-button__link:hover {
color: var(--dd-accent-dark) !important;
transform: translateX(3px);
}
body.home.page-id-108 #blog
.wp-block-kubio-read-more-button__icon {
width: 17px !important;
height: 17px !important;
fill: currentColor !important;
} @media (max-width: 950px) {
body.home.page-id-108 #blog {
padding-top: 60px !important;
padding-bottom: 80px !important;
}
} @media (max-width: 768px) {
body.home.page-id-108 #blog {
padding-top: 45px !important;
padding-bottom: 60px !important;
}
body.home.page-id-108 #blog .style-oe4jW8rbLn-align > h2.style-wcs9ap9FaQ-text {
font-size: 2rem !important;
margin-bottom: 1.4rem !important;
}
body.home.page-id-108 #blog .style-oe4jW8rbLn-align > h2.style-wcs9ap9FaQ-text::after {
width: 55px;
height: 5px;
margin-top: 0.7rem;
}
body.home.page-id-108 #blog
.wp-block-kubio-query-loop-item__align
.wp-block-kubio-column__inner {
padding: 22px !important;
}
body.home.page-id-108 #blog
.wp-block-kubio-post-title {
display: block;
min-height: 0;
font-size: 20px !important;
}
body.home.page-id-108 #blog
.wp-block-kubio-post-excerpt {
display: block;
}
}  body.home.page-id-108 #abschnitt {
padding-top: 95px !important;
padding-bottom: 95px !important;
background: #ffffff !important;
} @media (width > 768px) {
body.home.page-id-108 #abschnitt
> .wp-block-kubio-section__inner
> .wp-block-kubio-row__container
> .wp-block-kubio-row__inner {
display: flex !important;
flex-wrap: nowrap !important;
align-items: stretch !important;
gap: 28px !important;
}
body.home.page-id-108 #abschnitt
> .wp-block-kubio-section__inner
> .wp-block-kubio-row__container
> .wp-block-kubio-row__inner
> .wp-block-kubio-column__container {
flex: 1 1 0 !important;
width: calc(50% - 14px) !important;
max-width: calc(50% - 14px) !important;
min-width: 0 !important;
}
} body.home.page-id-108 #abschnitt
> .wp-block-kubio-section__inner
> .wp-block-kubio-row__container
> .wp-block-kubio-row__inner
> .wp-block-kubio-column__container
> .wp-block-kubio-column__inner {
height: 100%;
padding: 34px !important;
background: #ffffff !important;
border: 1px solid var(--dd-border) !important;
border-top: 6px solid var(--dd-accent) !important;
border-radius: 18px !important;
box-shadow:
0 10px 30px rgba(31, 65, 61, 0.07) !important;
transition:
transform 0.25s ease,
box-shadow 0.25s ease,
border-color 0.25s ease;
}
body.home.page-id-108 #abschnitt
> .wp-block-kubio-section__inner
> .wp-block-kubio-row__container
> .wp-block-kubio-row__inner
> .wp-block-kubio-column__container:hover
> .wp-block-kubio-column__inner {
transform: translateY(-4px);
border-color: var(--dd-accent) !important;
box-shadow:
0 18px 42px rgba(31, 65, 61, 0.12) !important;
} body.home.page-id-108 #abschnitt
.wp-block-kubio-heading__text {
margin-top: 0 !important;
margin-bottom: 1rem !important;
font-family: Mulish, Helvetica, Arial, sans-serif !important;
font-size: 27px !important;
font-weight: 700 !important;
line-height: 1.3 !important;
color: var(--dd-blue) !important;
text-align: left !important;
} body.home.page-id-108 #abschnitt
.wp-block-kubio-heading__text::after {
content: "";
display: block;
width: 48px;
height: 4px;
margin-top: 0.8rem;
background: var(--dd-accent);
border-radius: 999px;
} body.home.page-id-108 #abschnitt
.wp-block-kubio-text__text {
font-size: 16px !important;
line-height: 1.75 !important;
color: var(--dd-muted) !important;
text-align: left !important;
} body.home.page-id-108 #abschnitt
.wp-block-kubio-iconlist {
margin-top: 1.7rem !important;
} body.home.page-id-108 #abschnitt
.wp-block-kubio-iconlistitem__item {
margin-bottom: 11px !important;
background: var(--dd-soft);
border: 1px solid var(--dd-border);
border-radius: 12px;
overflow: hidden;
transition:
background 0.2s ease,
transform 0.2s ease,
border-color 0.2s ease;
}
body.home.page-id-108 #abschnitt
.wp-block-kubio-iconlistitem__item:hover {
background: #edf6f4;
border-color: var(--dd-accent);
transform: translateX(3px);
} body.home.page-id-108 #abschnitt
.wp-block-kubio-iconlistitem__item > a {
display: flex !important;
align-items: center;
width: 100%;
padding: 14px 15px !important;
color: var(--dd-text) !important;
text-decoration: none !important;
} body.home.page-id-108 #abschnitt
.wp-block-kubio-iconlistitem__icon {
width: 24px !important;
height: 24px !important;
padding-left: 0 !important;
fill: var(--dd-accent-dark) !important;
} body.home.page-id-108 #abschnitt
.wp-block-kubio-iconlistitem__text {
font-size: 15.5px !important;
line-height: 1.5 !important;
color: var(--dd-text) !important;
} body.home.page-id-108 #abschnitt
.tribe-events-widget-events-list {
margin-top: 1.5rem;
} body.home.page-id-108 #abschnitt
.tribe-events-widget-events-list__event-row {
margin-bottom: 12px !important;
padding: 14px !important;
background: var(--dd-soft) !important;
border: 1px solid var(--dd-border);
border-radius: 12px;
transition:
background 0.2s ease,
border-color 0.2s ease,
transform 0.2s ease;
}
body.home.page-id-108 #abschnitt
.tribe-events-widget-events-list__event-row:hover {
background: #edf6f4 !important;
border-color: var(--dd-accent);
transform: translateX(3px);
} body.home.page-id-108 #abschnitt
.tribe-events-widget-events-list__event-date-tag {
min-width: 64px !important;
margin-right: 14px !important;
padding: 9px 7px !important;
background: #ffffff;
border: 1px solid var(--dd-border);
border-radius: 10px;
} body.home.page-id-108 #abschnitt
.tribe-events-widget-events-list__event-date-tag-month {
font-size: 11px !important;
font-weight: 700 !important;
color: var(--dd-accent-dark) !important;
text-transform: uppercase;
} body.home.page-id-108 #abschnitt
.tribe-events-widget-events-list__event-date-tag-daynum {
font-size: 26px !important;
font-weight: 700 !important;
line-height: 1 !important;
color: var(--dd-blue) !important;
} body.home.page-id-108 #abschnitt
.tribe-events-widget-events-list__event-title {
margin-bottom: 0.4rem !important;
font-size: 16px !important;
line-height: 1.4 !important;
}
body.home.page-id-108 #abschnitt
.tribe-events-widget-events-list__event-title-link {
color: var(--dd-text) !important;
font-weight: 700 !important;
text-decoration: none !important;
}
body.home.page-id-108 #abschnitt
.tribe-events-widget-events-list__event-title-link:hover {
color: var(--dd-blue) !important;
} body.home.page-id-108 #abschnitt
.tribe-events-widget-events-list__event-datetime,
body.home.page-id-108 #abschnitt
.tribe-events-widget-events-list__event-venue {
font-size: 13.5px !important;
color: var(--dd-muted) !important;
} body.home.page-id-108 #abschnitt
.tribe-events-widget-events-list__view-more-link {
display: inline-flex;
align-items: center;
margin-top: 12px;
padding: 11px 16px;
background: var(--dd-accent);
border-radius: 9px;
color: #244b48 !important;
font-size: 14px;
font-weight: 700;
text-decoration: none !important;
transition:
background 0.2s ease,
transform 0.2s ease;
}
body.home.page-id-108 #abschnitt
.tribe-events-widget-events-list__view-more-link:hover {
background: var(--dd-accent-hover);
transform: translateY(-1px);
} body.home.page-id-108 #abschnitt-3 {
padding-top: 85px !important;
padding-bottom: 20px !important;
background: var(--dd-soft) !important;
}
body.home.page-id-108 #abschnitt-3
.wp-block-kubio-divider {
display: none !important;
}
body.home.page-id-108 #abschnitt-3 h3 {
margin-top: 0 !important;
margin-bottom: 1rem !important;
font-family: Mulish, Helvetica, Arial, sans-serif !important;
font-size: clamp(2rem, 3vw, 2.7rem) !important;
font-weight: 700 !important;
line-height: 1.2 !important;
color: var(--dd-blue) !important;
text-align: left !important;
}
body.home.page-id-108 #abschnitt-3 h3::after {
content: "";
display: block;
width: 62px;
height: 5px;
margin-top: 1rem;
background: var(--dd-accent);
border-radius: 999px;
}
body.home.page-id-108 #abschnitt-3 p {
max-width: 850px;
margin-bottom: 0 !important;
font-size: 17px !important;
line-height: 1.75 !important;
color: var(--dd-muted) !important;
text-align: left !important;
} body.home.page-id-108 #team {
padding-top: 25px !important;
padding-bottom: 95px !important;
background: var(--dd-soft) !important;
} body.home.page-id-108 #team
> .wp-block-kubio-section__inner
> .wp-block-kubio-row__container
> .wp-block-kubio-row__inner {
gap: 24px !important;
} body.home.page-id-108 #team
> .wp-block-kubio-section__inner
> .wp-block-kubio-row__container
> .wp-block-kubio-row__inner
> .wp-block-kubio-column__container
> .wp-block-kubio-column__inner {
height: 100%;
padding: 32px 25px !important;
background: #ffffff !important;
border: 1px solid var(--dd-border) !important;
border-radius: 18px !important;
box-shadow:
0 10px 30px rgba(31, 65, 61, 0.07) !important;
text-align: center;
transition:
transform 0.25s ease,
box-shadow 0.25s ease,
border-color 0.25s ease;
}
body.home.page-id-108 #team
.wp-block-kubio-column__container:hover
> .wp-block-kubio-column__inner {
transform: translateY(-5px);
border-color: var(--dd-accent) !important;
box-shadow:
0 18px 42px rgba(31, 65, 61, 0.12) !important;
} body.home.page-id-108 #team
.wp-block-kubio-column__align {
display: flex !important;
flex-direction: column !important;
align-items: center !important;
height: 100%;
} body.home.page-id-108 #team
.wp-block-kubio-image__frameContainer {
width: 145px !important;
height: 145px !important;
max-width: 145px !important;
max-height: 145px !important;
margin-left: auto !important;
margin-right: auto !important;
border-radius: 50% !important;
overflow: hidden !important;
box-shadow:
0 0 0 6px rgba(164, 214, 209, 0.25);
}
body.home.page-id-108 #team
.wp-block-kubio-image__image {
display: block;
width: 145px !important;
height: 145px !important;
max-width: 145px !important;
max-height: 145px !important;
object-fit: cover !important;
object-position: center;
border-radius: 50% !important;
} body.home.page-id-108 #team h4 {
margin-top: 1.5rem !important;
margin-bottom: 0.7rem !important;
font-family: Mulish, Helvetica, Arial, sans-serif !important;
font-size: 21px !important;
font-weight: 700 !important;
line-height: 1.3 !important;
color: var(--dd-blue) !important;
}
body.home.page-id-108 #team p {
margin: 0.3rem 0 !important;
font-size: 15px !important;
line-height: 1.55 !important;
color: var(--dd-muted) !important;
}
body.home.page-id-108 #team a {
color: var(--dd-blue) !important;
font-weight: 600;
text-decoration-line: underline;
text-decoration-thickness: 1.5px;
text-underline-offset: 3px;
}
body.home.page-id-108 #team a:hover {
color: var(--dd-accent-dark) !important;
} body.home.page-id-108 #team
.wp-block-kubio-divider {
display: none !important;
} @media (max-width: 950px) {
body.home.page-id-108 #abschnitt {
padding-top: 75px !important;
padding-bottom: 75px !important;
}
body.home.page-id-108 #team {
padding-bottom: 75px !important;
}
} @media (max-width: 768px) { body.home.page-id-108 #abschnitt {
padding-top: 60px !important;
padding-bottom: 60px !important;
}
body.home.page-id-108 #abschnitt
> .wp-block-kubio-section__inner
> .wp-block-kubio-row__container
> .wp-block-kubio-row__inner {
display: flex !important;
flex-direction: column !important;
gap: 20px !important;
}
body.home.page-id-108 #abschnitt
> .wp-block-kubio-section__inner
> .wp-block-kubio-row__container
> .wp-block-kubio-row__inner
> .wp-block-kubio-column__container {
flex: 0 0 100% !important;
width: 100% !important;
max-width: 100% !important;
}
body.home.page-id-108 #abschnitt
> .wp-block-kubio-section__inner
> .wp-block-kubio-row__container
> .wp-block-kubio-row__inner
> .wp-block-kubio-column__container
> .wp-block-kubio-column__inner {
padding: 25px !important;
}
body.home.page-id-108 #abschnitt
.wp-block-kubio-heading__text {
font-size: 23px !important;
} body.home.page-id-108 #abschnitt-3 {
padding-top: 65px !important;
} body.home.page-id-108 #team {
padding-top: 20px !important;
padding-bottom: 65px !important;
}
body.home.page-id-108 #team
> .wp-block-kubio-section__inner
> .wp-block-kubio-row__container
> .wp-block-kubio-row__inner
> .wp-block-kubio-column__container {
flex: 0 0 100% !important;
width: 100% !important;
max-width: 100% !important;
}
body.home.page-id-108 #team
> .wp-block-kubio-section__inner
> .wp-block-kubio-row__container
> .wp-block-kubio-row__inner
> .wp-block-kubio-column__container
> .wp-block-kubio-column__inner {
padding: 27px 22px !important;
}
}  body.home.page-id-108 #content-1 .style-z9GJg2lDZW-inner {
--dd-card-background: #9b7bb5;
--dd-card-hover: #9274ad;
--dd-card-text: #ffffff;
}
body.home.page-id-108 #content-1 .style-mdW9qgj6eH-inner {
--dd-card-background: #a4d6d1;
--dd-card-hover: #98cfca;
--dd-card-text: #243432;
}
body.home.page-id-108 #content-1 .style-s1J1S536_o-inner {
--dd-card-background: #a61540;
--dd-card-hover: #98143b;
--dd-card-text: #ffffff;
}
body.home.page-id-108 #content-1 .style-IUdYmAi-V-inner {
--dd-card-background: #f39100;
--dd-card-hover: #e88b00;
--dd-card-text: #2b241a;
}
html#kubio body.home.page-id-108 #content-1
:is(.style-z9GJg2lDZW-inner, .style-mdW9qgj6eH-inner, .style-s1J1S536_o-inner, .style-IUdYmAi-V-inner) {
background: var(--dd-card-background) !important;
border-color: var(--dd-card-background) !important;
transition: transform 0.28s ease, box-shadow 0.28s ease, background-color 0.28s ease;
}
html#kubio body.home.page-id-108 #content-1
:is(.style-z9GJg2lDZW-inner, .style-mdW9qgj6eH-inner, .style-s1J1S536_o-inner, .style-IUdYmAi-V-inner)
:is(h4, h4 strong, p, p span) {
color: var(--dd-card-text) !important;
}
html#kubio body.home.page-id-108 #content-1 .wp-block-kubio-button__link {
position: relative;
background: #ffffff !important;
color: #1e4f91 !important;
border: 0 !important;
transition: transform 0.22s ease, box-shadow 0.22s ease, background-color 0.22s ease;
}
html#kubio body.home.page-id-108 #content-1 .wp-block-kubio-button__link span {
color: inherit !important;
}
html#kubio body.home.page-id-108 #content-1 .wp-block-kubio-button__link::after {
content: "→";
display: inline-block;
margin-left: 7px;
transition: transform 0.22s ease;
}
@media (hover: hover) and (pointer: fine) {
html#kubio body.home.page-id-108 #content-1
:is(.style-z9GJg2lDZW-container, .style-mdW9qgj6eH-container, .style-s1J1S536_o-container, .style-IUdYmAi-V-container):hover
> :is(.style-z9GJg2lDZW-inner, .style-mdW9qgj6eH-inner, .style-s1J1S536_o-inner, .style-IUdYmAi-V-inner) {
background: var(--dd-card-hover) !important;
transform: translateY(-6px);
box-shadow: 0 20px 40px rgba(31, 65, 61, 0.16) !important;
}
html#kubio body.home.page-id-108 #content-1 .wp-block-kubio-button__link:hover {
background: #f4f9f8 !important;
transform: translateY(-1px);
box-shadow: 0 8px 20px rgba(0, 0, 0, 0.14) !important;
}
html#kubio body.home.page-id-108 #content-1 .wp-block-kubio-button__link:hover::after {
transform: translateX(4px);
}
} body.home.page-id-108 #abschnitt-4 {
padding-top: 75px !important;
padding-bottom: 18px !important;
background: #1e4f91 !important;
}
body.home.page-id-108 #abschnitt-4
.wp-block-kubio-divider {
display: none !important;
}
body.home.page-id-108 #abschnitt-4 h3 {
margin: 0 !important;
font-family: Mulish, Helvetica, Arial, sans-serif !important;
font-size: clamp(2rem, 3vw, 2.7rem) !important;
font-weight: 700 !important;
line-height: 1.2 !important;
color: #ffffff !important;
text-align: left !important;
} body.home.page-id-108 #abschnitt-4 h3::after {
content: "";
display: block;
width: 62px;
height: 5px;
margin-top: 1rem;
background: #a4d6d1;
border-radius: 999px;
} body.home.page-id-108 #contact-1 {
padding-top: 22px !important;
padding-bottom: 80px !important;
background: #1e4f91 !important;
} body.home.page-id-108 #contact-1
> .wp-block-kubio-section__inner
> .wp-block-kubio-row__container
> .wp-block-kubio-row__inner {
gap: 22px !important;
} body.home.page-id-108 #contact-1
> .wp-block-kubio-section__inner
> .wp-block-kubio-row__container
> .wp-block-kubio-row__inner
> .wp-block-kubio-column__container
> .wp-block-kubio-column__inner {
height: 100%;
padding: 26px 24px !important;
background: rgba(255, 255, 255, 0.08) !important;
border: 1px solid rgba(255, 255, 255, 0.18) !important;
border-radius: 16px !important;
box-shadow:
0 10px 25px rgba(0, 0, 0, 0.08);
transition:
transform 0.25s ease,
background 0.25s ease,
border-color 0.25s ease;
} body.home.page-id-108 #contact-1
.wp-block-kubio-column__container:hover
> .wp-block-kubio-column__inner {
transform: translateY(-3px);
background: rgba(255, 255, 255, 0.13) !important;
border-color: rgba(164, 214, 209, 0.65) !important;
} body.home.page-id-108 #contact-1
.wp-block-kubio-column__align {
display: flex !important;
flex-direction: column !important;
align-items: flex-start !important;
height: 100%;
text-align: left !important;
} body.home.page-id-108 #contact-1
.wp-block-kubio-iconlistitem__icon {
width: 25px !important;
height: 25px !important;
margin-right: 11px;
fill: #a4d6d1 !important;
} body.home.page-id-108 #contact-1
.wp-block-kubio-iconlistitem__text,
body.home.page-id-108 #contact-1
.wp-block-kubio-iconlistitem__text span {
color: #ffffff !important;
font-size: 16px !important;
line-height: 1.6 !important;
} body.home.page-id-108 #contact-1 a {
color: #ffffff !important;
font-weight: 600 !important;
text-decoration: none !important;
} body.home.page-id-108 #contact-1 a:hover {
color: #a4d6d1 !important;
} @media (max-width: 768px) {
body.home.page-id-108 #abschnitt-4 {
padding-top: 60px !important;
}
body.home.page-id-108 #contact-1 {
padding-bottom: 65px !important;
}
body.home.page-id-108 #contact-1
> .wp-block-kubio-section__inner
> .wp-block-kubio-row__container
> .wp-block-kubio-row__inner {
display: flex !important;
flex-direction: column !important;
gap: 14px !important;
}
body.home.page-id-108 #contact-1
> .wp-block-kubio-section__inner
> .wp-block-kubio-row__container
> .wp-block-kubio-row__inner
> .wp-block-kubio-column__container {
width: 100% !important;
max-width: 100% !important;
flex: 0 0 100% !important;
}
body.home.page-id-108 #contact-1
> .wp-block-kubio-section__inner
> .wp-block-kubio-row__container
> .wp-block-kubio-row__inner
> .wp-block-kubio-column__container
> .wp-block-kubio-column__inner {
padding: 22px !important;
}
}  body.page:not(.home)
.entry-content
.tribe-compatibility-container {
--dd-event-blue: #1e4f91;
--dd-event-accent: #a4d6d1;
--dd-event-accent-dark: #315f5c;
--dd-event-text: #252b2a;
--dd-event-muted: #66716e;
--dd-event-soft: #f4f9f8;
--dd-event-border: #dce8e6;
width: 100%;
} body.page:not(.home)
.entry-content
.tribe-compatibility-container
.tribe-events-widget-events-list {
width: 100% !important;
margin: 0 !important;
padding: 0 !important;
} body.page:not(.home)
.entry-content
.tribe-compatibility-container
.tribe-events-widget-events-list__events {
display: grid !important;
grid-template-columns:
repeat(3, minmax(0, 1fr)) !important;
gap: 24px !important;
width: 100% !important;
margin: 0 !important;
padding: 0 !important;
} body.page:not(.home)
.entry-content
.tribe-compatibility-container
.tribe-events-widget-events-list__event-row {
display: grid !important;
grid-template-columns:
64px minmax(0, 1fr) !important;
align-items: start !important;
column-gap: 16px !important;
row-gap: 0 !important;
width: 100% !important;
max-width: none !important;
height: 100% !important;
margin: 0 !important;
padding: 22px !important;
background: #ffffff !important;
border:
1px solid var(--dd-event-border) !important;
border-top:
5px solid var(--dd-event-accent) !important;
border-radius: 16px !important;
box-shadow:
0 8px 26px rgba(31, 65, 61, 0.07) !important;
overflow: hidden;
transition:
transform 0.25s ease,
box-shadow 0.25s ease,
border-color 0.25s ease;
} body.page:not(.home)
.entry-content
.tribe-compatibility-container
.tribe-events-widget-events-list__event-row:hover {
transform: translateY(-4px);
border-color:
var(--dd-event-accent) !important;
box-shadow:
0 17px 38px rgba(31, 65, 61, 0.13) !important;
} body.page:not(.home)
.entry-content
.tribe-compatibility-container
.tribe-events-widget-events-list__event-date-tag {
display: block !important;
flex: none !important;
width: 64px !important;
min-width: 64px !important;
max-width: 64px !important;
margin: 0 !important;
padding: 10px 5px !important;
background:
var(--dd-event-soft) !important;
border:
1px solid var(--dd-event-border) !important;
border-radius: 11px !important;
text-align: center !important;
}
body.page:not(.home)
.entry-content
.tribe-compatibility-container
.tribe-events-widget-events-list__event-date-tag-datetime {
display: flex !important;
flex-direction: column !important;
align-items: center !important;
justify-content: center !important;
width: 100% !important;
} body.page:not(.home)
.entry-content
.tribe-compatibility-container
.tribe-events-widget-events-list__event-date-tag-month {
display: block !important;
font-size: 11px !important;
font-weight: 700 !important;
line-height: 1.2 !important;
letter-spacing: 0.05em;
text-transform: uppercase;
color:
var(--dd-event-accent-dark) !important;
} body.page:not(.home)
.entry-content
.tribe-compatibility-container
.tribe-events-widget-events-list__event-date-tag-daynum {
display: block !important;
margin-top: 4px !important;
font-family:
Mulish,
Helvetica,
Arial,
sans-serif !important;
font-size: 28px !important;
font-weight: 700 !important;
line-height: 1 !important;
color:
var(--dd-event-blue) !important;
} body.page:not(.home)
.entry-content
.tribe-compatibility-container
.tribe-events-widget-events-list__event-wrapper {
display: block !important;
flex: none !important;
width: auto !important;
min-width: 0 !important;
max-width: none !important;
margin: 0 !important;
padding: 0 !important;
}
body.page:not(.home)
.entry-content
.tribe-compatibility-container
.tribe-events-widget-events-list__event {
width: 100% !important;
height: 100% !important;
margin: 0 !important;
padding: 0 !important;
}
body.page:not(.home)
.entry-content
.tribe-compatibility-container
.tribe-events-widget-events-list__event-details {
display: flex !important;
flex-direction: column !important;
width: 100% !important;
height: 100% !important;
margin: 0 !important;
padding: 0 !important;
} body.page:not(.home)
.entry-content
.tribe-compatibility-container
.tribe-events-widget-events-list__event-datetime-wrapper {
margin:
1px 0 7px 0 !important;
padding: 0 !important;
}
body.page:not(.home)
.entry-content
.tribe-compatibility-container
.tribe-events-widget-events-list__event-datetime {
font-size: 13px !important;
font-weight: 700 !important;
line-height: 1.4 !important;
color:
var(--dd-event-accent-dark) !important;
} body.page:not(.home)
.entry-content
.tribe-compatibility-container
.tribe-events-widget-events-list__event-title {
margin:
0 0 12px 0 !important;
padding: 0 !important;
font-family:
Mulish,
Helvetica,
Arial,
sans-serif !important;
font-size: 18px !important;
font-weight: 700 !important;
line-height: 1.35 !important;
} body.page:not(.home)
.entry-content
.tribe-compatibility-container
.tribe-events-widget-events-list__event-title-link {
display: -webkit-box !important;
-webkit-box-orient: vertical;
-webkit-line-clamp: 4;
overflow: hidden;
color:
var(--dd-event-text) !important;
font-family:
Mulish,
Helvetica,
Arial,
sans-serif !important;
font-size: inherit !important;
font-weight: inherit !important;
line-height: inherit !important;
text-decoration: none !important;
border: 0 !important;
transition:
color 0.2s ease;
}
body.page:not(.home)
.entry-content
.tribe-compatibility-container
.tribe-events-widget-events-list__event-title-link:hover {
color:
var(--dd-event-blue) !important;
text-decoration: none !important;
} body.page:not(.home)
.entry-content
.tribe-compatibility-container
.tribe-events-widget-events-list__event-venue {
margin-top: auto !important;
padding-top: 10px !important;
font-size: 13.5px !important;
line-height: 1.45 !important;
color:
var(--dd-event-muted) !important;
} body.page:not(.home)
.entry-content
.tribe-compatibility-container
.tribe-events-widget-events-list__event-venue-name {
color:
var(--dd-event-muted) !important;
font-size: 13.5px !important;
font-weight: 600 !important;
text-decoration: none !important;
border: 0 !important;
} body.page:not(.home)
.entry-content
.tribe-compatibility-container
.tribe-events-widget-events-list__event-venue-name::before {
content: "●";
display: inline-block;
margin-right: 7px;
font-size: 9px;
color:
var(--dd-event-accent-dark);
}
body.page:not(.home)
.entry-content
.tribe-compatibility-container
.tribe-events-widget-events-list__event-venue-name:hover {
color:
var(--dd-event-blue) !important;
} body.page:not(.home)
.entry-content
.tribe-compatibility-container
.tribe-events-calendar-series-archive__container {
display: inline-flex !important;
margin-left: 5px !important;
} body.page:not(.home)
.entry-content
.tribe-compatibility-container
.tribe-events-widget-events-list__view-more {
margin:
32px 0 0 0 !important;
padding: 0 !important;
text-align: center !important;
}
body.page:not(.home)
.entry-content
.tribe-compatibility-container
.tribe-events-widget-events-list__view-more-link {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
width: auto !important;
min-height: 46px;
padding:
12px 20px !important;
background:
var(--dd-event-accent) !important;
border: 0 !important;
border-radius: 9px !important;
color: #244b48 !important;
font-family:
Mulish,
Helvetica,
Arial,
sans-serif !important;
font-size: 14px !important;
font-weight: 700 !important;
text-decoration: none !important;
transition:
background 0.2s ease,
transform 0.2s ease,
box-shadow 0.2s ease;
}
body.page:not(.home)
.entry-content
.tribe-compatibility-container
.tribe-events-widget-events-list__view-more-link::after {
content: " →";
margin-left: 7px;
}
body.page:not(.home)
.entry-content
.tribe-compatibility-container
.tribe-events-widget-events-list__view-more-link:hover {
background: #94cbc6 !important;
transform: translateY(-2px);
box-shadow:
0 7px 18px rgba(49, 95, 92, 0.13);
color: #244b48 !important;
} @media (max-width: 1050px) {
body.page:not(.home)
.entry-content
.tribe-compatibility-container
.tribe-events-widget-events-list__events {
grid-template-columns:
repeat(2, minmax(0, 1fr)) !important;
gap: 20px !important;
}
} @media (max-width: 700px) {
body.page:not(.home)
.entry-content
.tribe-compatibility-container
.tribe-events-widget-events-list__events {
grid-template-columns:
1fr !important;
gap: 15px !important;
}
body.page:not(.home)
.entry-content
.tribe-compatibility-container
.tribe-events-widget-events-list__event-row {
grid-template-columns:
58px minmax(0, 1fr) !important;
column-gap: 14px !important;
padding: 18px !important;
border-radius: 14px !important;
}
body.page:not(.home)
.entry-content
.tribe-compatibility-container
.tribe-events-widget-events-list__event-date-tag {
width: 58px !important;
min-width: 58px !important;
max-width: 58px !important;
padding:
8px 4px !important;
}
body.page:not(.home)
.entry-content
.tribe-compatibility-container
.tribe-events-widget-events-list__event-date-tag-daynum {
font-size: 25px !important;
}
body.page:not(.home)
.entry-content
.tribe-compatibility-container
.tribe-events-widget-events-list__event-title {
font-size: 17px !important;
}
body.page:not(.home)
.entry-content
.tribe-compatibility-container
.tribe-events-widget-events-list__event-title-link {
display: block !important;
overflow: visible !important;
} body.page:not(.home)
.entry-content
.tribe-compatibility-container
.tribe-events-widget-events-list__event-row:hover {
transform: none;
}
body.page:not(.home)
.entry-content
.tribe-compatibility-container
.tribe-events-widget-events-list__view-more {
margin-top: 24px !important;
}
body.page:not(.home)
.entry-content
.tribe-compatibility-container
.tribe-events-widget-events-list__view-more-link {
width: 100% !important;
}
} @media (prefers-reduced-motion: reduce) {
body.page:not(.home)
.entry-content
.tribe-compatibility-container
.tribe-events-widget-events-list__event-row,
body.page:not(.home)
.entry-content
.tribe-compatibility-container
.tribe-events-widget-events-list__view-more-link {
transition: none !important;
transform: none !important;
}
} body.page:not(.home)
.entry-content
.tribe-compatibility-container
.dd-event-image {
display: block !important;
grid-column: 1 / -1 !important;
width: calc(100% + 44px) !important;
margin:
-22px -22px 20px -22px !important;
aspect-ratio: 16 / 9;
overflow: hidden;
background: #eef4f3;
text-decoration: none !important;
}
body.page:not(.home)
.entry-content
.tribe-compatibility-container
.dd-event-image__img {
display: block !important;
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
object-position: center !important;
transition:
transform 0.4s ease;
} body.page:not(.home)
.entry-content
.tribe-compatibility-container
.tribe-events-widget-events-list__event-row:hover
.dd-event-image__img {
transform: scale(1.035);
} @media (max-width: 700px) {
body.page:not(.home)
.entry-content
.tribe-compatibility-container
.dd-event-image {
width: calc(100% + 36px) !important;
margin:
-18px -18px 18px -18px !important;
}
} body.home.page-id-108 #content-1 > .wp-block-kubio-section__inner > h2.style-wcs9ap9FaQ-text {
margin-top: 0 !important;
margin-bottom: 1.6rem !important;
font-family:
Mulish,
Helvetica,
Arial,
sans-serif !important;
font-size:
clamp(2rem, 3vw, 2.8rem) !important;
font-weight: 700 !important;
line-height: 1.2 !important;
color: #1e4f91 !important;
text-align: left !important;
} body.home.page-id-108 #content-1 > .wp-block-kubio-section__inner > h2.style-wcs9ap9FaQ-text::after {
content: "";
display: block;
width: 65px;
height: 6px;
margin-top: 0.8rem;
background: #a4d6d1;
border-radius: 999px;
} @media (max-width: 768px) {
body.home.page-id-108 #content-1 > .wp-block-kubio-section__inner > h2.style-wcs9ap9FaQ-text {
font-size: 2rem !important;
margin-bottom: 1.4rem !important;
}
body.home.page-id-108 #content-1 > .wp-block-kubio-section__inner > h2.style-wcs9ap9FaQ-text::after {
width: 55px;
height: 5px;
margin-top: 0.7rem;
}
} body.home.page-id-108 #blog > .wp-block-kubio-section__inner > .style-ZhRUDqDX-H-container {
width: 100% !important;
max-width: 100% !important;
margin-inline: 0 !important;
margin-bottom: 0 !important;
padding-inline: 0 !important;
padding-bottom: 0 !important;
}
body.home.page-id-108 #blog .style-ZhRUDqDX-H-container > .style-ZhRUDqDX-H-inner {
width: 100% !important;
margin-inline: 0 !important;
justify-content: flex-start !important;
}
body.home.page-id-108 #blog .style-ZhRUDqDX-H-inner > .style-oe4jW8rbLn-container {
flex: 1 1 100% !important;
width: 100% !important;
max-width: 100% !important;
margin: 0 !important;
padding-inline: 0 !important;
}
body.home.page-id-108 #blog .style-oe4jW8rbLn-container > .style-oe4jW8rbLn-inner {
box-sizing: border-box;
width: 100% !important;
padding-inline: 0 !important;
}
body.home.page-id-108 #blog .style-oe4jW8rbLn-align {
width: 100% !important;
}
body.home.page-id-108 #content-1 > .wp-block-kubio-section__inner > h2.style-wcs9ap9FaQ-text,
body.home.page-id-108 #blog .style-oe4jW8rbLn-align > h2.style-wcs9ap9FaQ-text {
box-sizing: border-box;
width: 100%;
margin-inline: 0 !important;
padding-inline: 15px !important;
}
body.page:not(.home) .entry-content .tribe-compatibility-container,
body.page:not(.home) .entry-content .tribe-compatibility-container *,
body.page:not(.home) .entry-content .tribe-compatibility-container *::before,
body.page:not(.home) .entry-content .tribe-compatibility-container *::after {
box-sizing: border-box;
}
body.page:not(.home) .entry-content .tribe-compatibility-container .tribe-events-widget-events-list__event-wrapper {
display: flex !important;
align-self: stretch;
flex-direction: column;
}
body.page:not(.home) .entry-content .tribe-compatibility-container .tribe-events-widget-events-list__event {
display: flex;
flex: 1 1 auto;
flex-direction: column;
height: auto !important;
}
body.page:not(.home) .entry-content .tribe-compatibility-container .tribe-events-widget-events-list__event-details {
flex: 1 1 auto;
height: auto !important;
}
body.home.page-id-108 #contact-1 a .wp-block-kubio-iconlistitem__text,
body.home.page-id-108 #contact-1 a .wp-block-kubio-iconlistitem__text span {
color: inherit !important;
}
@media (max-width: 700px) {
body.blog .kb-posts-id-6d23ae-6d .entry-title {
display: block;
min-height: 0;
-webkit-line-clamp: unset;
}
body.blog .kb-posts-id-6d23ae-6d .entry-summary p {
display: block;
-webkit-line-clamp: unset;
}
} @media (hover: none), (pointer: coarse) {
body.home.page-id-108 :is(#abschnitt-5, #content-1, #blog, #abschnitt, #team, #contact-1)
:is(.wp-block-kubio-button__link, .wp-block-kubio-column__inner,
.wp-block-kubio-query-loop-item__inner, .wp-block-kubio-post-featured-image__image,
.wp-block-kubio-post-categories__tags a, .wp-block-kubio-read-more-button__link,
.wp-block-kubio-iconlistitem__item, .tribe-events-widget-events-list__event-row,
.tribe-events-widget-events-list__view-more-link),
body.blog .kb-posts-id-6d23ae-6d :is(article.loop-entry, .post-thumbnail img, .category-links a, .post-more-link, .post-more-link svg),
body.page:not(.home) .entry-content .tribe-compatibility-container
:is(.tribe-events-widget-events-list__event-row, .tribe-events-widget-events-list__view-more-link, .dd-event-image__img) {
transform: none !important;
}
} @media (prefers-reduced-motion: reduce) {
body.home.page-id-108 :is(#abschnitt-5, #content-1, #blog, #abschnitt, #team, #contact-1) *,
body.home.page-id-108 :is(#abschnitt-5, #content-1, #blog, #abschnitt, #team, #contact-1) *::after,
body.blog .kb-posts-id-6d23ae-6d *,
body.page:not(.home) .entry-content .tribe-compatibility-container * {
transition: none !important;
transform: none !important;
}
} body.page-id-458 {
--dd-blue: #1e4f91;
--dd-accent: #a4d6d1;
--dd-accent-dark: #315f5c;
--dd-text: #252b2a;
--dd-muted: #66716e;
--dd-soft: #f4f9f8;
--dd-border: #dce8e6;
--dd-events-content-width: 1140px;
} html#kubio body.page-id-458 #abschnitt > .wp-block-kubio-section__inner,
html#kubio body.page-id-458 .entry-content > .style-6wglHGxb0y-container,
html#kubio body.page-id-458 .entry-content > .style-dlgq8p_b2d-container,
html#kubio body.page-id-458 #blog > .wp-block-kubio-section__inner {
box-sizing: border-box;
width: calc(100% - 40px) !important;
max-width: var(--dd-events-content-width) !important;
margin-inline: auto !important;
} html#kubio body.page-id-458 #abschnitt {
padding-block: 65px 40px !important;
background: linear-gradient(135deg, #f4f9f8, #fff 70%) !important;
}
html#kubio body.page-id-458 #abschnitt h1.style-bfLSjH0nf-text {
margin: 0 0 1.4rem !important;
font-family: Mulish, Helvetica, Arial, sans-serif !important;
font-size: clamp(2.3rem, 4.5vw, 3.7rem) !important;
font-weight: 700 !important;
line-height: 1.12 !important;
color: var(--dd-blue) !important;
text-align: left !important;
}
html#kubio body.page-id-458 #abschnitt h1.style-bfLSjH0nf-text::after {
content: "";
display: block;
width: 75px;
height: 6px;
margin-top: 1rem;
border-radius: 999px;
background: var(--dd-accent);
}
html#kubio body.page-id-458 #abschnitt .wp-block-kubio-column__align {
text-align: left !important;
}
html#kubio body.page-id-458 #abschnitt p {
max-width: 850px;
font-size: 18px !important;
line-height: 1.75 !important;
color: var(--dd-text) !important;
} html#kubio body.page-id-458 h2.style-0bySnwrpw-text {
margin: 2rem 0 1.6rem !important;
font-family: Mulish, Helvetica, Arial, sans-serif !important;
font-size: clamp(2rem, 3vw, 2.8rem) !important;
font-weight: 700 !important;
line-height: 1.2 !important;
text-transform: none !important;
color: var(--dd-blue) !important;
text-align: left !important;
} html#kubio body.page-id-458 h2.style-0bySnwrpw-text > code {
padding: 0 !important;
border: 0 !important;
background: transparent !important;
color: inherit !important;
font: inherit !important;
white-space: normal;
}
html#kubio body.page-id-458 h2.style-0bySnwrpw-text::after {
content: "";
display: block;
width: 65px;
height: 6px;
margin-top: 0.8rem;
border-radius: 999px;
background: var(--dd-accent);
}
html#kubio body.page-id-458 .style-6wglHGxb0y-inner {
width: 100% !important;
margin-inline: 0 !important;
}
html#kubio body.page-id-458 .style-aIV0Tu-tkB-container,
html#kubio body.page-id-458 .style-aIV0Tu-tkB-inner,
html#kubio body.page-id-458 .style-dlgq8p_b2d-inner,
html#kubio body.page-id-458 .style-lVrUxF4Jnx-container,
html#kubio body.page-id-458 .style-lVrUxF4Jnx-inner {
box-sizing: border-box;
width: 100% !important;
max-width: 100% !important;
padding-inline: 0 !important;
margin-inline: 0 !important;
}
html#kubio body.page-id-458 .entry-content .tribe-compatibility-container {
width: 100% !important;
margin-bottom: 60px !important;
}  html#kubio body.page-id-458 #blog {
padding-top: 60px !important;
padding-bottom: 80px !important;
background: var(--dd-soft) !important;
} html#kubio body.page-id-458 #blog h2.style-L2gfQE9vd5-text {
margin-top: 0 !important;
margin-bottom: 1.6rem !important;
font-family: Mulish, Helvetica, Arial, sans-serif !important;
font-size: clamp(2rem, 3vw, 2.8rem) !important;
font-weight: 700 !important;
line-height: 1.2 !important;
color: var(--dd-blue) !important;
text-align: left !important;
}
html#kubio body.page-id-458 #blog h2.style-L2gfQE9vd5-text::after {
content: "";
display: block;
width: 65px;
height: 6px;
margin-top: 0.8rem;
background: var(--dd-accent);
border-radius: 999px;
} html#kubio body.page-id-458 #blog
.wp-block-kubio-query-loop__inner {
row-gap: 28px !important;
} html#kubio body.page-id-458 #blog
.wp-block-kubio-query-loop-item__container {
display: flex !important;
} html#kubio body.page-id-458 #blog
.wp-block-kubio-query-loop-item__inner {
display: flex !important;
flex-direction: column !important;
width: 100% !important;
height: 100% !important;
padding: 0 !important;
background: #ffffff !important;
border: 1px solid var(--dd-border) !important;
border-radius: 18px !important;
box-shadow:
0 8px 25px rgba(31, 65, 61, 0.07) !important;
overflow: hidden !important;
transition:
transform 0.25s ease,
box-shadow 0.25s ease,
border-color 0.25s ease;
}
html#kubio body.page-id-458 #blog
.wp-block-kubio-query-loop-item__container:hover
.wp-block-kubio-query-loop-item__inner {
transform: translateY(-5px);
border-color: var(--dd-accent) !important;
box-shadow:
0 18px 38px rgba(31, 65, 61, 0.13) !important;
} html#kubio body.page-id-458 #blog
.wp-block-kubio-query-loop-item__align {
display: flex !important;
flex-direction: column !important;
width: 100% !important;
height: 100% !important;
} html#kubio body.page-id-458 #blog
.wp-block-kubio-post-featured-image__container {
display: block !important;
width: 100% !important;
height: auto !important;
aspect-ratio: 16 / 9 !important;
margin: 0 !important;
background: #eaf2f1;
overflow: hidden !important;
}
html#kubio body.page-id-458 #blog
.wp-block-kubio-post-featured-image__image {
display: block !important;
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
object-position: center center;
transition: transform 0.45s ease;
}
html#kubio body.page-id-458 #blog
.wp-block-kubio-query-loop-item__container:hover
.wp-block-kubio-post-featured-image__image {
transform: scale(1.035);
}  html#kubio body.page-id-458 #blog
.wp-block-kubio-query-loop-item__align
> .wp-block-kubio-row__container {
display: flex !important;
flex: 1 1 auto;
} html#kubio body.page-id-458 #blog
.wp-block-kubio-query-loop-item__align
> .wp-block-kubio-row__container
> .wp-block-kubio-row__inner {
width: 100% !important;
height: 100% !important;
}
html#kubio body.page-id-458 #blog
.wp-block-kubio-query-loop-item__align
.wp-block-kubio-column__container {
height: 100% !important;
} html#kubio body.page-id-458 #blog
.wp-block-kubio-query-loop-item__align
.wp-block-kubio-column__inner {
height: 100% !important;
padding: 25px !important;
} html#kubio body.page-id-458 #blog
.wp-block-kubio-query-loop-item__align
.wp-block-kubio-column__align {
display: flex !important;
flex-direction: column !important;
align-items: flex-start !important;
width: 100%;
height: 100%;
text-align: left !important;
} html#kubio body.page-id-458 #blog
.wp-block-kubio-post-categories__container {
margin-bottom: 0.8rem !important;
}
html#kubio body.page-id-458 #blog
.wp-block-kubio-post-categories__tags {
line-height: 1.2;
} html#kubio body.page-id-458 #blog
.wp-block-kubio-post-categories__tags .separator {
display: none !important;
} html#kubio body.page-id-458 #blog
.wp-block-kubio-post-categories__tags a {
display: inline-block;
margin: 0 5px 6px 0 !important;
padding: 6px 9px;
background: var(--dd-accent);
border-radius: 999px;
color: #244b48 !important;
font-size: 11px !important;
font-weight: 700 !important;
line-height: 1.25 !important;
text-decoration: none !important;
transition:
background 0.2s ease,
transform 0.2s ease;
}
html#kubio body.page-id-458 #blog
.wp-block-kubio-post-categories__tags a:hover {
background: var(--dd-accent-hover);
transform: translateY(-1px);
} html#kubio body.page-id-458 #blog
.wp-block-kubio-post-title__link {
display: block;
width: 100%;
text-decoration: none !important;
}
html#kubio body.page-id-458 #blog
.wp-block-kubio-post-title {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
margin-top: 0 !important;
margin-bottom: 1rem !important;
min-height: calc(1.32em * 3);
font-family: Mulish, Helvetica, Arial, sans-serif !important;
font-size: 21px !important;
font-weight: 700 !important;
line-height: 1.32 !important;
color: var(--dd-text) !important;
}
html#kubio body.page-id-458 #blog
.wp-block-kubio-post-title__link:hover
.wp-block-kubio-post-title {
color: var(--dd-accent-dark) !important;
} html#kubio body.page-id-458 #blog
.wp-block-kubio-post-meta {
display: none !important;
} html#kubio body.page-id-458 #blog
.wp-block-kubio-post-excerpt {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 4;
overflow: hidden;
flex: 1 1 auto;
margin-top: 0 !important;
margin-bottom: 1.4rem !important;
font-size: 15.5px !important;
line-height: 1.7 !important;
color: var(--dd-muted) !important;
} html#kubio body.page-id-458 #blog
.wp-block-kubio-read-more-button__spacing {
margin-top: auto !important;
}
html#kubio body.page-id-458 #blog
.wp-block-kubio-read-more-button__link {
display: inline-flex !important;
align-items: center;
gap: 5px;
width: auto !important;
padding: 0 !important;
background: transparent !important;
border: 0 !important;
color: var(--dd-blue) !important;
font-size: 14px !important;
font-weight: 700 !important;
letter-spacing: 0 !important;
text-transform: none !important;
text-decoration: none !important;
transition:
color 0.2s ease,
transform 0.2s ease;
}
html#kubio body.page-id-458 #blog
.wp-block-kubio-read-more-button__link:hover {
color: var(--dd-accent-dark) !important;
transform: translateX(3px);
}
html#kubio body.page-id-458 #blog
.wp-block-kubio-read-more-button__icon {
width: 17px !important;
height: 17px !important;
fill: currentColor !important;
} @media (max-width: 950px) {
html#kubio body.page-id-458 #blog {
padding-top: 60px !important;
padding-bottom: 80px !important;
}
} @media (max-width: 768px) {
html#kubio body.page-id-458 #blog {
padding-top: 45px !important;
padding-bottom: 60px !important;
}
html#kubio body.page-id-458 #blog h2.style-L2gfQE9vd5-text {
font-size: 2rem !important;
margin-bottom: 1.4rem !important;
}
html#kubio body.page-id-458 #blog h2.style-L2gfQE9vd5-text::after {
width: 55px;
height: 5px;
margin-top: 0.7rem;
}
html#kubio body.page-id-458 #blog
.wp-block-kubio-query-loop-item__align
.wp-block-kubio-column__inner {
padding: 22px !important;
}
html#kubio body.page-id-458 #blog
.wp-block-kubio-post-title {
display: block;
min-height: 0;
font-size: 20px !important;
}
html#kubio body.page-id-458 #blog
.wp-block-kubio-post-excerpt {
display: block;
}
} html#kubio body.page-id-458 :is(.tribe-compatibility-container, #blog) a:focus-visible {
outline: 3px solid var(--dd-blue);
outline-offset: 4px;
}
@media (max-width: 768px) {
html#kubio body.page-id-458 #abschnitt {
padding-block: 40px 25px !important;
}
html#kubio body.page-id-458 #abschnitt p {
font-size: 17px !important;
}
html#kubio body.page-id-458 h2.style-0bySnwrpw-text {
font-size: 2rem !important;
margin-bottom: 1.4rem !important;
}
html#kubio body.page-id-458 h2.style-0bySnwrpw-text::after {
width: 55px;
height: 5px;
margin-top: 0.7rem;
}
}
@media (hover: none), (pointer: coarse) {
html#kubio body.page-id-458 #blog :is(.wp-block-kubio-query-loop-item__inner,
.wp-block-kubio-post-featured-image__image, .wp-block-kubio-post-categories__tags a,
.wp-block-kubio-read-more-button__link) {
transform: none !important;
}
}
@media (prefers-reduced-motion: reduce) {
html#kubio body.page-id-458 #blog *,
html#kubio body.page-id-458 .tribe-compatibility-container * {
transition: none !important;
transform: none !important;
}
} body.home.page-id-108 #abschnitt .dd-event-image {
display: none !important;
} body {
--dd-blue: #1e4f91;
--dd-accent: #a4d6d1;
--dd-accent-hover: #8fcac4;
--dd-accent-dark: #315f5c;
--dd-text: #252b2a;
--dd-muted: #66716e;
--dd-soft: #f4f9f8;
--dd-soft-blue: #f5f8fc;
--dd-border: #dce8e6;
--dd-radius: 18px;
--dd-radius-small: 10px;
--dd-font: Mulish, Helvetica, Arial, sans-serif;
--dd-content-width: 1140px;
--dd-reading-width: 820px;
--dd-shadow: 0 8px 25px rgba(31,65,61,.07);
--dd-shadow-hover: 0 18px 38px rgba(31,65,61,.13);
font-family: var(--dd-font);
color: var(--dd-text);
}
html#kubio body.page:not(.home):not(.page-id-458) .entry-content {
font-family: var(--dd-font);
color: var(--dd-text);
}
html#kubio body.page:not(.home):not(.page-id-458) .entry-content > .wp-block-kubio-section__outer {
padding-block: clamp(32px, 4vw, 60px) !important;
}
html#kubio body.page:not(.home):not(.page-id-458) .entry-content > .wp-block-kubio-section__outer > .wp-block-kubio-section__inner {
box-sizing: border-box;
width: 100% !important;
max-width: var(--dd-content-width) !important;
margin-inline: auto !important;
padding-inline: 20px !important;
}
html#kubio body.page:not(.home):not(.page-id-458) .entry-content :is(h1,h2,h3,h4,h5,h6) {
font-family: var(--dd-font) !important;
font-weight: 700 !important;
color: var(--dd-blue) !important;
text-transform: none !important;
overflow-wrap: anywhere;
}
html#kubio body.page:not(.home):not(.page-id-458) .entry-content :is(h1,h2,h3,h4,h5,h6) :is(span,strong,em) {
color: inherit !important;
font-family: inherit !important;
}
html#kubio body.page:not(.home):not(.page-id-458) .entry-content h1 {
font-size: clamp(2rem, 3.5vw, 3.4rem) !important;
line-height: 1.15 !important;
margin-block: 0 1.4rem !important;
}
html#kubio body.page:not(.home):not(.page-id-458) .entry-content h1::after {
content: "";
display: block;
width: 75px;
height: 6px;
margin-top: 1rem;
background: var(--dd-accent);
border-radius: 999px;
}
html#kubio body.page:not(.home):not(.page-id-458) .entry-content h2 {
font-size: clamp(1.65rem, 2.6vw, 2.5rem) !important;
line-height: 1.25 !important;
margin-block: 1.8rem 1rem !important;
}
html#kubio body.page:not(.home):not(.page-id-458) .entry-content h3 {
font-size: clamp(1.25rem, 1.8vw, 1.6rem) !important;
line-height: 1.35 !important;
margin-block: 1.5rem .8rem !important;
}
html#kubio body.page:not(.home):not(.page-id-458) .entry-content :is(p,.wp-block-kubio-text__text) {
font-family: var(--dd-font) !important;
font-size: 18px !important;
line-height: 1.75 !important;
color: var(--dd-text) !important;
overflow-wrap: anywhere;
}
html#kubio body.page:not(.home):not(.page-id-458) .entry-content :is(p,.wp-block-kubio-text__text) :is(span,strong,em) {
color: inherit !important;
}
html#kubio body.page:not(.home):not(.page-id-458) .entry-content :is(p,li) > a:not(.wp-block-button__link) {
color: var(--dd-blue) !important;
text-decoration: underline;
text-underline-offset: .18em;
text-decoration-thickness: 1px;
}
html#kubio body.page:not(.home):not(.page-id-458) .entry-content :is(p,li) > a:not(.wp-block-button__link):hover {
color: var(--dd-accent-dark) !important;
}
html#kubio body.page:not(.home):not(.page-id-458) .entry-content :is(.wp-block-list,ul:not([class]),ol:not([class])) {
font-size: 18px;
line-height: 1.75;
padding-inline-start: 1.5em;
}
html#kubio body.page:not(.home):not(.page-id-458) .entry-content :is(.wp-block-list,ul:not([class]),ol:not([class])) li {
margin-bottom: .5rem;
color: var(--dd-text);
}
html#kubio body.page:not(.home):not(.page-id-458) .entry-content li::marker {
color: var(--dd-accent-dark);
}
html#kubio body.page:not(.home):not(.page-id-458) .entry-content :is(.wp-block-kubio-iconlistitem__text,.wp-block-kubio-iconlistitem__text span) {
color: var(--dd-text) !important;
font-family: var(--dd-font) !important;
line-height: 1.6;
}
html#kubio body.page:not(.home):not(.page-id-458) .entry-content .wp-block-image img {
max-width: 100%;
height: auto;
border-radius: var(--dd-radius-small);
}
html#kubio body.page:not(.home):not(.page-id-458) .entry-content :is(blockquote,.wp-block-quote) {
box-sizing: border-box;
margin-inline: 0;
padding: 24px;
background: var(--dd-soft);
border: 0;
border-inline-start: 5px solid var(--dd-accent);
border-radius: var(--dd-radius-small);
} html#kubio body.page-id-255 .entry-content .style-hYsnzxysk2-inner,
html#kubio body.page-id-255 .entry-content .style-kgIUAM9MN2-inner {
background-color: var(--dd-soft) !important;
color: var(--dd-text) !important;
border: 1px solid var(--dd-border) !important;
border-radius: var(--dd-radius) !important;
box-shadow: var(--dd-shadow);
padding: clamp(20px, 2.4vw, 32px) !important;
}
html#kubio body.page-id-185 .entry-content .style-2S8D8h2U8H-inner,
html#kubio body.page-id-185 .entry-content .style-6MWHSLIG50-inner,
html#kubio body.page-id-185 .entry-content .style-1HJ3-9lwja-inner,
html#kubio body.page-id-185 .entry-content .style-6elnoE7NX7-inner,
html#kubio body.page-id-185 .entry-content .style-Rnvuxa7e8Z-inner {
background-color: var(--dd-soft) !important;
color: var(--dd-text) !important;
border: 1px solid var(--dd-border) !important;
border-radius: var(--dd-radius) !important;
box-shadow: var(--dd-shadow);
padding: clamp(20px, 2.4vw, 32px) !important;
}
html#kubio body.page-id-265 .entry-content .style-jE57huXkLb-inner {
background-color: var(--dd-soft) !important;
color: var(--dd-text) !important;
border: 1px solid var(--dd-border) !important;
border-radius: var(--dd-radius) !important;
box-shadow: var(--dd-shadow);
padding: clamp(20px, 2.4vw, 32px) !important;
}
html#kubio body.page-id-268 .entry-content .style-REK2LdVfXv-inner,
html#kubio body.page-id-268 .entry-content .style-W0jFfCuMTs-inner {
background-color: var(--dd-soft) !important;
color: var(--dd-text) !important;
border: 1px solid var(--dd-border) !important;
border-radius: var(--dd-radius) !important;
box-shadow: var(--dd-shadow);
padding: clamp(20px, 2.4vw, 32px) !important;
}
html#kubio body.page-id-2335 .entry-content .style-rpg00ygQ9m3-inner,
html#kubio body.page-id-2335 .entry-content .style-NdywAhjs9Lr-inner,
html#kubio body.page-id-2335 .entry-content .style-A6Lnax0ZjcF-inner,
html#kubio body.page-id-2335 .entry-content .style-aWA2pgseZ8-inner {
background-color: var(--dd-soft) !important;
color: var(--dd-text) !important;
border: 1px solid var(--dd-border) !important;
border-radius: var(--dd-radius) !important;
box-shadow: var(--dd-shadow);
padding: clamp(20px, 2.4vw, 32px) !important;
}
html#kubio body.page-id-255 .entry-content #abschnitt-2 {
background-color: var(--dd-soft-blue) !important;
}
html#kubio body.page:not(.home):not(.page-id-458) .entry-content .kt-accordion-pane {
border: 1px solid var(--dd-border);
border-radius: var(--dd-radius-small);
margin-bottom: 12px;
background: #fff;
}
html#kubio body.page:not(.home):not(.page-id-458) .entry-content .kt-blocks-accordion-header {
box-sizing: border-box;
width: 100%;
min-height: 48px;
padding: 18px 20px !important;
background: var(--dd-soft) !important;
color: var(--dd-blue) !important;
font-family: var(--dd-font) !important;
font-size: 18px !important;
line-height: 1.4;
text-align: start;
border: 0 !important;
border-radius: var(--dd-radius-small) !important;
}
html#kubio body.page:not(.home):not(.page-id-458) .entry-content .kt-blocks-accordion-header:is(:hover,[aria-expanded="true"]) {
background: var(--dd-accent) !important;
color: #244b48 !important;
}
html#kubio body.page:not(.home):not(.page-id-458) .entry-content .kt-accordion-panel-inner {
padding: 20px !important;
}
html#kubio body.page:not(.home):not(.page-id-458) .entry-content :is(.wp-block-kubio-button__link,.wp-block-button__link,.kb-button,.wpcf7-submit) {
box-sizing: border-box;
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 46px;
max-width: 100%;
padding: 12px 20px !important;
border: 2px solid var(--dd-accent) !important;
border-radius: var(--dd-radius-small) !important;
background: var(--dd-accent) !important;
color: #244b48 !important;
font-family: var(--dd-font) !important;
font-size: 16px !important;
font-weight: 700 !important;
line-height: 1.4 !important;
text-decoration: none !important;
white-space: normal;
cursor: pointer;
}
html#kubio body.page:not(.home):not(.page-id-458) .entry-content :is(.wp-block-kubio-button__link,.wp-block-button__link,.kb-button,.wpcf7-submit):hover {
background: var(--dd-accent-hover) !important;
border-color: var(--dd-accent-hover) !important;
color: #244b48 !important;
}
html#kubio body.page:not(.home):not(.page-id-458) .entry-content :is(.wp-block-kubio-button__link,.wp-block-button__link,.kb-button,.wpcf7-submit) :is(span,svg) {
color: inherit !important;
}
html#kubio :is(.wpcf7-form,.wp-block-search,.search-form) :is(input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="hidden"]):not([type="file"]),select,textarea) {
box-sizing: border-box;
max-width: 100%;
width: 100%;
min-height: 46px;
padding: 12px 14px;
border: 1px solid #788c88;
border-radius: var(--dd-radius-small);
background: #fff;
color: var(--dd-text);
font-family: var(--dd-font);
font-size: 16px;
line-height: 1.5;
}
html#kubio .wpcf7-form textarea {
min-height: 160px;
resize: vertical;
}
html#kubio .wpcf7-form :is(input[type="checkbox"],input[type="radio"]) {
accent-color: var(--dd-blue);
}
html#kubio .wpcf7-form label {
font-family: var(--dd-font);
line-height: 1.6;
color: var(--dd-text);
}
html#kubio .wpcf7-form .wpcf7-not-valid {
border-color: #a61540;
}
html#kubio .wpcf7-not-valid-tip {
color: #a61540;
font-size: 15px;
}
html#kubio body.page-id-2209 .entry-content iframe {
display: block;
width: 100% !important;
max-width: 100%;
border: 1px solid var(--dd-border);
border-radius: var(--dd-radius);
background: #fff;
}
html#kubio body.page-id-911 .entry-content iframe {
max-width: 100%;
border-radius: var(--dd-radius);
}
html#kubio body:is(.page-id-623,.page-id-639) .entry-content > .wp-block-kubio-section__outer > .wp-block-kubio-section__inner {
max-width: var(--dd-reading-width) !important;
} html#kubio .wp-block-kubio-navigation-section__nav {
background-color: var(--dd-blue) !important;
}
html#kubio .wp-block-kubio-dropdown-menu__outer .menu a {
font-family: var(--dd-font) !important;
font-weight: 700 !important;
line-height: 1.4;
text-transform: none !important;
text-decoration: none !important;
}
html#kubio .wp-block-kubio-dropdown-menu__outer .menu > li > a {
color: #fff !important;
}
html#kubio .wp-block-kubio-dropdown-menu__outer .menu .sub-menu {
background: #fff !important;
border: 1px solid var(--dd-border);
border-radius: var(--dd-radius-small);
box-shadow: var(--dd-shadow);
}
html#kubio .wp-block-kubio-dropdown-menu__outer .menu .sub-menu a {
color: var(--dd-blue) !important;
}
html#kubio .wp-block-kubio-dropdown-menu__outer .menu li > a:is(:hover,:focus-visible),
html#kubio .wp-block-kubio-dropdown-menu__outer .menu li.current-menu-item > a {
background-color: var(--dd-accent) !important;
color: #244b48 !important;
}
html#kubio .wp-block-kubio-footer__container #benutzerdefinierte-abschnitte {
background: #fff !important;
padding-block: 40px !important;
border-top: 1px solid var(--dd-border);
}
html#kubio .wp-block-kubio-footer__container #benutzerdefinierte-abschnitte :is(h2,h3,h4,p) {
font-family: var(--dd-font) !important;
color: var(--dd-blue) !important;
}
html#kubio .wp-block-kubio-footer__container :is(#benutzerdefinierte-abschnitte-1,#footer) {
background: var(--dd-blue) !important;
color: #fff !important;
}
html#kubio .wp-block-kubio-footer__container :is(#benutzerdefinierte-abschnitte-1,#footer) :is(a,p,span) {
font-family: var(--dd-font) !important;
color: #fff !important;
}
html#kubio .wp-block-kubio-footer__container :is(#benutzerdefinierte-abschnitte-1,#footer) a:hover {
color: var(--dd-accent) !important;
text-decoration: underline;
} body {
--tec-font-family-sans-serif: var(--dd-font);
--tec-color-text-primary: var(--dd-text);
--tec-color-text-secondary: var(--dd-muted);
--tec-color-accent-primary: var(--dd-blue);
--tec-color-accent-secondary: var(--dd-accent-dark);
--tec-color-button-primary: var(--dd-blue);
--tec-color-button-primary-hover: #173e72;
--tec-color-button-primary-active: #173e72;
--tec-color-button-primary-text: #fff;
--tec-color-border-default: var(--dd-border);
--tec-color-background-secondary: var(--dd-soft);
}
html#kubio :is(.tribe-events,.tribe-events-view,.tribe-events-single) {
font-family: var(--dd-font);
color: var(--dd-text);
}
html#kubio .tribe-events-single-event-title {
font-family: var(--dd-font) !important;
font-size: clamp(2rem, 3.4vw, 3.2rem) !important;
line-height: 1.2 !important;
color: var(--dd-blue) !important;
overflow-wrap: anywhere;
}
html#kubio .tribe-events-single-event-description {
font-size: 18px;
line-height: 1.75;
}
html#kubio .tribe-events-single-section {
border-color: var(--dd-border);
border-radius: var(--dd-radius-small);
} html#kubio body:is(.category,.tag,.author,.date,.search) #blog-layout
.wp-block-kubio-query-loop__inner {
row-gap: 28px !important;
} html#kubio body:is(.category,.tag,.author,.date,.search) #blog-layout
.wp-block-kubio-query-loop-item__container {
display: flex !important;
} html#kubio body:is(.category,.tag,.author,.date,.search) #blog-layout
.wp-block-kubio-query-loop-item__inner {
display: flex !important;
flex-direction: column !important;
width: 100% !important;
height: 100% !important;
padding: 0 !important;
background: #ffffff !important;
border: 1px solid var(--dd-border) !important;
border-radius: 18px !important;
box-shadow:
0 8px 25px rgba(31, 65, 61, 0.07) !important;
overflow: hidden !important;
transition:
transform 0.25s ease,
box-shadow 0.25s ease,
border-color 0.25s ease;
}
html#kubio body:is(.category,.tag,.author,.date,.search) #blog-layout
.wp-block-kubio-query-loop-item__container:hover
.wp-block-kubio-query-loop-item__inner {
transform: translateY(-5px);
border-color: var(--dd-accent) !important;
box-shadow:
0 18px 38px rgba(31, 65, 61, 0.13) !important;
} html#kubio body:is(.category,.tag,.author,.date,.search) #blog-layout
.wp-block-kubio-query-loop-item__align {
display: flex !important;
flex-direction: column !important;
width: 100% !important;
height: 100% !important;
} html#kubio body:is(.category,.tag,.author,.date,.search) #blog-layout
.wp-block-kubio-post-featured-image__container {
display: block !important;
width: 100% !important;
height: auto !important;
aspect-ratio: 16 / 9 !important;
margin: 0 !important;
background: #eaf2f1;
overflow: hidden !important;
}
html#kubio body:is(.category,.tag,.author,.date,.search) #blog-layout
.wp-block-kubio-post-featured-image__image {
display: block !important;
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
object-position: center center;
transition: transform 0.45s ease;
}
html#kubio body:is(.category,.tag,.author,.date,.search) #blog-layout
.wp-block-kubio-query-loop-item__container:hover
.wp-block-kubio-post-featured-image__image {
transform: scale(1.035);
}  html#kubio body:is(.category,.tag,.author,.date,.search) #blog-layout
.wp-block-kubio-query-loop-item__align
> .wp-block-kubio-row__container {
display: flex !important;
flex: 1 1 auto;
} html#kubio body:is(.category,.tag,.author,.date,.search) #blog-layout
.wp-block-kubio-query-loop-item__align
> .wp-block-kubio-row__container
> .wp-block-kubio-row__inner {
width: 100% !important;
height: 100% !important;
}
html#kubio body:is(.category,.tag,.author,.date,.search) #blog-layout
.wp-block-kubio-query-loop-item__align
.wp-block-kubio-column__container {
height: 100% !important;
} html#kubio body:is(.category,.tag,.author,.date,.search) #blog-layout
.wp-block-kubio-query-loop-item__align
.wp-block-kubio-column__inner {
height: 100% !important;
padding: 25px !important;
} html#kubio body:is(.category,.tag,.author,.date,.search) #blog-layout
.wp-block-kubio-query-loop-item__align
.wp-block-kubio-column__align {
display: flex !important;
flex-direction: column !important;
align-items: flex-start !important;
width: 100%;
height: 100%;
text-align: left !important;
} html#kubio body:is(.category,.tag,.author,.date,.search) #blog-layout
.wp-block-kubio-post-categories__container {
margin-bottom: 0.8rem !important;
}
html#kubio body:is(.category,.tag,.author,.date,.search) #blog-layout
.wp-block-kubio-post-categories__tags {
line-height: 1.2;
} html#kubio body:is(.category,.tag,.author,.date,.search) #blog-layout
.wp-block-kubio-post-categories__tags .separator {
display: none !important;
} html#kubio body:is(.category,.tag,.author,.date,.search) #blog-layout
.wp-block-kubio-post-categories__tags a {
display: inline-block;
margin: 0 5px 6px 0 !important;
padding: 6px 9px;
background: var(--dd-accent);
border-radius: 999px;
color: #244b48 !important;
font-size: 11px !important;
font-weight: 700 !important;
line-height: 1.25 !important;
text-decoration: none !important;
transition:
background 0.2s ease,
transform 0.2s ease;
}
html#kubio body:is(.category,.tag,.author,.date,.search) #blog-layout
.wp-block-kubio-post-categories__tags a:hover {
background: var(--dd-accent-hover);
transform: translateY(-1px);
} html#kubio body:is(.category,.tag,.author,.date,.search) #blog-layout
.wp-block-kubio-post-title__link {
display: block;
width: 100%;
text-decoration: none !important;
}
html#kubio body:is(.category,.tag,.author,.date,.search) #blog-layout
.wp-block-kubio-post-title {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
margin-top: 0 !important;
margin-bottom: 1rem !important;
min-height: calc(1.32em * 3);
font-family: Mulish, Helvetica, Arial, sans-serif !important;
font-size: 21px !important;
font-weight: 700 !important;
line-height: 1.32 !important;
color: var(--dd-text) !important;
}
html#kubio body:is(.category,.tag,.author,.date,.search) #blog-layout
.wp-block-kubio-post-title__link:hover
.wp-block-kubio-post-title {
color: var(--dd-accent-dark) !important;
} html#kubio body:is(.category,.tag,.author,.date,.search) #blog-layout
.wp-block-kubio-post-meta {
display: none !important;
} html#kubio body:is(.category,.tag,.author,.date,.search) #blog-layout
.wp-block-kubio-post-excerpt {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 4;
overflow: hidden;
flex: 1 1 auto;
margin-top: 0 !important;
margin-bottom: 1.4rem !important;
font-size: 15.5px !important;
line-height: 1.7 !important;
color: var(--dd-muted) !important;
} html#kubio body:is(.category,.tag,.author,.date,.search) #blog-layout
.wp-block-kubio-read-more-button__spacing {
margin-top: auto !important;
}
html#kubio body:is(.category,.tag,.author,.date,.search) #blog-layout
.wp-block-kubio-read-more-button__link {
display: inline-flex !important;
align-items: center;
gap: 5px;
width: auto !important;
padding: 0 !important;
background: transparent !important;
border: 0 !important;
color: var(--dd-blue) !important;
font-size: 14px !important;
font-weight: 700 !important;
letter-spacing: 0 !important;
text-transform: none !important;
text-decoration: none !important;
transition:
color 0.2s ease,
transform 0.2s ease;
}
html#kubio body:is(.category,.tag,.author,.date,.search) #blog-layout
.wp-block-kubio-read-more-button__link:hover {
color: var(--dd-accent-dark) !important;
transform: translateX(3px);
}
html#kubio body:is(.category,.tag,.author,.date,.search) #blog-layout
.wp-block-kubio-read-more-button__icon {
width: 17px !important;
height: 17px !important;
fill: currentColor !important;
} @media (max-width: 950px) {
html#kubio body:is(.category,.tag,.author,.date,.search) #blog-layout {
padding-top: 60px !important;
padding-bottom: 80px !important;
}
} @media (max-width: 768px) {
html#kubio body:is(.category,.tag,.author,.date,.search) #blog-layout {
padding-top: 45px !important;
padding-bottom: 60px !important;
}
html#kubio body:is(.category,.tag,.author,.date,.search) .wp-block-kubio-page-title__container {
font-size: 2rem !important;
margin-bottom: 1.4rem !important;
}
html#kubio body:is(.category,.tag,.author,.date,.search) .wp-block-kubio-page-title__container::after {
width: 55px;
height: 5px;
margin-top: 0.7rem;
}
html#kubio body:is(.category,.tag,.author,.date,.search) #blog-layout
.wp-block-kubio-query-loop-item__align
.wp-block-kubio-column__inner {
padding: 22px !important;
}
html#kubio body:is(.category,.tag,.author,.date,.search) #blog-layout
.wp-block-kubio-post-title {
display: block;
min-height: 0;
font-size: 20px !important;
}
html#kubio body:is(.category,.tag,.author,.date,.search) #blog-layout
.wp-block-kubio-post-excerpt {
display: block;
}
}
html#kubio body:is(.category,.tag,.author,.date,.search) .wp-block-kubio-page-title__container {
font-family: var(--dd-font) !important;
font-size: clamp(2rem, 3.5vw, 3.4rem) !important;
font-weight: 700 !important;
line-height: 1.2 !important;
color: var(--dd-blue) !important;
}
html#kubio :is(.entry-content,.wp-block-kubio-navigation__outer,.wp-block-kubio-footer__container,.tribe-events) :is(a,button,input,select,textarea,summary):focus-visible {
outline: 3px solid var(--dd-blue) !important;
outline-offset: 3px;
}
html#kubio :is(.wp-block-kubio-navigation__outer,.wp-block-kubio-footer__container) :is(a,button):focus-visible {
outline-color: var(--dd-accent) !important;
}
@media (max-width: 768px) {
html#kubio body.page:not(.home):not(.page-id-458) .entry-content :is(p,.wp-block-kubio-text__text) {
font-size: 17px !important;
}
html#kubio body.page:not(.home):not(.page-id-458) .entry-content h1 {
font-size: 2rem !important;
}
html#kubio body.page:not(.home):not(.page-id-458) .entry-content h1::after {
width: 55px;
height: 5px;
}
}
@media (hover: none), (pointer: coarse) {
html#kubio body:not(.home) :is(.entry-content,#blog-layout) :is(.wp-block-kubio-query-loop-item__inner,.wp-block-kubio-post-featured-image__image,.wp-block-kubio-post-categories__tags a,.wp-block-kubio-read-more-button__link) {
transform: none !important;
}
}
@media (prefers-reduced-motion: reduce) {
html#kubio body:not(.home) :is(.entry-content,#blog-layout) :is(.wp-block-kubio-query-loop-item__inner,.wp-block-kubio-post-featured-image__image,.wp-block-kubio-post-categories__tags a,.wp-block-kubio-read-more-button__link) {
transition: none !important;
transform: none !important;
}
} html#kubio body.page-id-185 .entry-content #abschnitt-6 .style-2Jdk8g5Dn-container,
html#kubio body.page-id-265 .entry-content #abschnitt-1 .style-es6m8Njrt-container {
background: #f4f9f8 !important;
border: 1px solid #dce8e6 !important;
border-radius: 18px !important;
}
html#kubio body.page-id-185 .entry-content #abschnitt-6 .kt-accordion-pane,
html#kubio body.page-id-265 .entry-content #abschnitt-1 .kt-accordion-pane {
background: #fff !important;
border: 1px solid #dce8e6 !important;
border-radius: 10px !important;
}
html#kubio body.page-id-185 .entry-content #abschnitt-6 .kt-blocks-accordion-header,
html#kubio body.page-id-265 .entry-content #abschnitt-1 .kt-blocks-accordion-header {
background: #fff !important;
color: #1e4f91 !important;
text-align: start !important;
}
html#kubio body.page-id-185 .entry-content #abschnitt-6 .kt-blocks-accordion-header:is(:hover,[aria-expanded="true"]),
html#kubio body.page-id-265 .entry-content #abschnitt-1 .kt-blocks-accordion-header:is(:hover,[aria-expanded="true"]) {
background: #a4d6d1 !important;
color: #244b48 !important;
} html#kubio body.page-id-185 .entry-content #abschnitt-6 .kt-blocks-accordion-header :is(span,strong,mark),
html#kubio body.page-id-265 .entry-content #abschnitt-1 .kt-blocks-accordion-header :is(span,strong,mark) {
color: inherit !important;
background: transparent !important;
}
html#kubio body.page-id-185 .entry-content #abschnitt-6 .kt-accordion-panel-inner,
html#kubio body.page-id-265 .entry-content #abschnitt-1 .kt-accordion-panel-inner {
background: #fff !important;
color: #252b2a !important;
border-radius: 0 0 10px 10px;
} html#kubio body.page-id-255 .entry-content #abschnitt-2 .style-Lm9AC4p8m-container {
background: #f4f9f8 !important;
border: 1px solid #dce8e6 !important;
border-radius: 18px !important;
}
html#kubio body.page-id-255 .entry-content #abschnitt-2 .kt-accordion-pane {
background: #fff !important;
border: 1px solid #dce8e6 !important;
border-radius: 10px !important;
}
html#kubio body.page-id-255 .entry-content #abschnitt-2 .kt-blocks-accordion-header {
background: #fff !important;
color: #1e4f91 !important;
text-align: start !important;
}
html#kubio body.page-id-255 .entry-content #abschnitt-2 .kt-blocks-accordion-header:is(:hover,[aria-expanded="true"]) {
background: #a4d6d1 !important;
color: #244b48 !important;
} html#kubio body.page-id-255 .entry-content #abschnitt-2 .kt-blocks-accordion-header :is(span,strong,mark) {
color: inherit !important;
background: transparent !important;
}
html#kubio body.page-id-255 .entry-content #abschnitt-2 .kt-accordion-panel-inner {
background: #fff !important;
color: #252b2a !important;
border-radius: 0 0 10px 10px;
} html#kubio body.page-id-458 .entry-content h1,
html#kubio body.page-id-458 .entry-content h1 *,
html#kubio body.blog #blog-layout h1,
html#kubio body.blog #blog-layout h1 * {
color: #1e4f91 !important;
} html#kubio body.page-id-255 .entry-content #abschnitt-2 {
background: #fff !important;
} p.style-VPMWs8jNv-text {
color: #ffffff !important;
font-size: 18px !important;
line-height: 1.65 !important;
font-weight: 500 !important;
opacity: 1 !important;
} figcaption.style-Lf2BpQBqz-caption {
color: #ffffff !important;
font-size: 16px !important;
line-height: 1.5 !important;
font-weight: 600 !important;
margin-top: 12px !important;
text-align: center !important;
opacity: 1 !important;
} html#kubio body.page-id-151 .entry-content > :is(#abschnitt, #abschnitt-1, #abschnitt-4, #abschnitt-5):not(footer):not(footer *):not([role="contentinfo"]):not([role="contentinfo"] *) {
box-sizing: border-box;
padding: clamp(28px, 4vw, 52px) clamp(16px, 3vw, 32px) !important;
color: #243247;
background: #fff !important;
}
html#kubio body.page-id-151 .entry-content > :is(#abschnitt, #abschnitt-1, #abschnitt-4, #abschnitt-5):not(footer):not(footer *):not([role="contentinfo"]):not([role="contentinfo"] *) > .wp-block-kubio-section__inner {
box-sizing: border-box;
width: 100% !important;
max-width: 1100px !important;
margin-inline: auto !important;
padding-inline: 0 !important;
}
html#kubio body.page-id-151 .entry-content > :is(#abschnitt, #abschnitt-1, #abschnitt-4, #abschnitt-5):not(footer):not(footer *):not([role="contentinfo"]):not([role="contentinfo"] *) .wp-block-kubio-column__inner {
text-align: start !important;
}
html#kubio body.page-id-151 .entry-content > :is(#abschnitt, #abschnitt-1, #abschnitt-4, #abschnitt-5):not(footer):not(footer *):not([role="contentinfo"]):not([role="contentinfo"] *) :is(h1, h2) {
color: #1e4f91 !important;
text-align: start !important;
font-weight: 750 !important;
overflow-wrap: break-word;
text-wrap: balance;
}
html#kubio body.page-id-151 .entry-content > :is(#abschnitt, #abschnitt-1, #abschnitt-4, #abschnitt-5):not(footer):not(footer *):not([role="contentinfo"]):not([role="contentinfo"] *) :is(h1, h2) * { color: inherit !important; }
html#kubio body.page-id-151 .entry-content > :is(#abschnitt, #abschnitt-1, #abschnitt-4, #abschnitt-5):not(footer):not(footer *):not([role="contentinfo"]):not([role="contentinfo"] *) h1 {
max-width: 24ch;
font-size: clamp(30px, 4.3vw, 48px) !important;
line-height: 1.15 !important;
margin: 0 0 clamp(30px, 4vw, 48px) !important;
}
html#kubio body.page-id-151 .entry-content > :is(#abschnitt, #abschnitt-1, #abschnitt-4, #abschnitt-5):not(footer):not(footer *):not([role="contentinfo"]):not([role="contentinfo"] *) h2 {
font-size: clamp(25px, 3vw, 34px) !important;
line-height: 1.25 !important;
margin: 0 0 22px !important;
padding: 0 !important;
} html#kubio body.page-id-151 .entry-content > :is(#abschnitt, #abschnitt-1, #abschnitt-4, #abschnitt-5):not(footer):not(footer *):not([role="contentinfo"]):not([role="contentinfo"] *) h2::before { content: none !important; }
html#kubio body.page-id-151 .entry-content > :is(#abschnitt, #abschnitt-1, #abschnitt-4, #abschnitt-5):not(footer):not(footer *):not([role="contentinfo"]):not([role="contentinfo"] *) h2::after {
content: "" !important;
display: block !important;
position: static !important;
width: 56px !important;
height: 4px !important;
margin: 14px 0 0 !important;
border: 0 !important;
border-radius: 4px;
background: #a4d6d1 !important;
transform: none !important;
}
html#kubio body.page-id-151 .entry-content > :is(#abschnitt, #abschnitt-1, #abschnitt-4, #abschnitt-5):not(footer):not(footer *):not([role="contentinfo"]):not([role="contentinfo"] *) .wp-block-kubio-divider__outer { display: none !important; }
html#kubio body.page-id-151 .entry-content > :is(#abschnitt, #abschnitt-1, #abschnitt-4, #abschnitt-5):not(footer):not(footer *):not([role="contentinfo"]):not([role="contentinfo"] *) .wp-block-kubio-text__text {
max-width: 76ch;
font-size: clamp(17px, 1.6vw, 18px) !important;
line-height: 1.8 !important;
font-weight: 400 !important;
color: #243247 !important;
text-align: start !important;
margin-block: 0 20px !important;
overflow-wrap: break-word;
}
html#kubio body.page-id-151 .entry-content > :is(#abschnitt, #abschnitt-1, #abschnitt-4, #abschnitt-5):not(footer):not(footer *):not([role="contentinfo"]):not([role="contentinfo"] *) .wp-block-kubio-text__text p {
font-size: inherit !important;
line-height: inherit !important;
color: inherit !important;
} html#kubio body.page-id-151 .entry-content > :is(#abschnitt, #abschnitt-1, #abschnitt-4, #abschnitt-5):not(footer):not(footer *):not([role="contentinfo"]):not([role="contentinfo"] *) .wp-block-kubio-iconlist {
margin-block: 8px 28px !important;
padding: 0 !important;
list-style: none !important;
}
html#kubio body.page-id-151 .entry-content > :is(#abschnitt, #abschnitt-1, #abschnitt-4, #abschnitt-5):not(footer):not(footer *):not([role="contentinfo"]):not([role="contentinfo"] *) .wp-block-kubio-iconlistitem__item {
box-sizing: border-box;
width: 100% !important;
min-width: 0;
margin: 0 0 12px !important;
padding: 18px 20px !important;
background: #f2f6fb !important;
border: 1px solid #d5dfeb !important;
border-inline-start: 4px solid #a4d6d1 !important;
border-radius: 12px !important;
box-shadow: none !important;
transform: none !important;
}
html#kubio body.page-id-151 .entry-content > :is(#abschnitt, #abschnitt-1, #abschnitt-4, #abschnitt-5):not(footer):not(footer *):not([role="contentinfo"]):not([role="contentinfo"] *) :is(.wp-block-kubio-iconlistitem__text, .wp-block-kubio-iconlistitem__text span) {
color: #1e4f91 !important;
font-size: 17px !important;
line-height: 1.55 !important;
font-weight: 650 !important;
white-space: normal !important;
overflow-wrap: anywhere;
}
html#kubio body.page-id-151 .entry-content > :is(#abschnitt, #abschnitt-1, #abschnitt-4, #abschnitt-5):not(footer):not(footer *):not([role="contentinfo"]):not([role="contentinfo"] *) .wp-block-kubio-iconlistitem__icon {
flex-shrink: 0;
width: 15px !important;
height: 15px !important;
fill: #1e4f91 !important;
color: #1e4f91 !important;
}
html#kubio body.page-id-151 .entry-content > :is(#abschnitt, #abschnitt-1, #abschnitt-4, #abschnitt-5):not(footer):not(footer *):not([role="contentinfo"]):not([role="contentinfo"] *) a:focus-visible {
outline: 3px solid #1e4f91;
outline-offset: 4px;
} html#kubio body.page-id-151 .entry-content > #abschnitt:not(footer):not(footer *):not([role="contentinfo"]):not([role="contentinfo"] *) {
background: linear-gradient(140deg, #f2f6fb, #fff 75%) !important;
}
@media (min-width: 800px) {
html#kubio body.page-id-151 .entry-content > :is(#abschnitt, #abschnitt-1, #abschnitt-4, #abschnitt-5):not(footer):not(footer *):not([role="contentinfo"]):not([role="contentinfo"] *) .wp-block-kubio-iconlist {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 14px;
align-items: stretch;
}
html#kubio body.page-id-151 .entry-content > :is(#abschnitt, #abschnitt-1, #abschnitt-4, #abschnitt-5):not(footer):not(footer *):not([role="contentinfo"]):not([role="contentinfo"] *) .wp-block-kubio-iconlistitem__item {
margin: 0 !important;
}
}
@media (max-width: 799px) {
html#kubio body.page-id-151 .entry-content > :is(#abschnitt, #abschnitt-1, #abschnitt-4, #abschnitt-5):not(footer):not(footer *):not([role="contentinfo"]):not([role="contentinfo"] *) .wp-block-kubio-iconlist {
display: block !important;
}
html#kubio body.page-id-151 .entry-content > :is(#abschnitt, #abschnitt-1, #abschnitt-4, #abschnitt-5):not(footer):not(footer *):not([role="contentinfo"]):not([role="contentinfo"] *) .wp-block-kubio-iconlistitem__item {
padding: 15px 16px !important;
}
}