.wp-site-blocks > * + * {
margin-block-start: 0;
}
.wp-block-post-content > .alignfull {
margin-block: 0;
} .wp-site-blocks > header.wp-block-template-part {
position: sticky;
top: var(--wp-admin--admin-bar--height, 0px);
z-index: 100;
} html {
scroll-padding-top: 74px;
}
@media (max-width: 599px) {
html {
scroll-padding-top: 92px;
}
} @media (max-width: 600px) {
.wp-site-blocks > header.wp-block-template-part {
top: 0;
}
} .wp-block-column {
box-sizing: border-box;
} .wp-block-navigation .wp-block-navigation-item.cj-mobile-only {
display: none;
}
@media (max-width: 599px) {
.wp-block-navigation .wp-block-navigation-item.cj-mobile-only {
display: flex;
}
.wp-block-buttons.cj-desktop-only {
display: none;
}
} .cj-center-y {
display: flex;
flex-direction: column;
justify-content: center;
} .cj-scroll-reveal__word {
transition: opacity 0.15s linear;
} .cj-testimonial-quote {
margin: 0;
padding: 0;
border: 0;
}
.cj-testimonial-quote p {
text-indent: -0.45em;
} @media (max-width: 599px) {
.cj-testimonial-quote p {
text-indent: 0;
}
} .wp-block-group.cj-timeline {
--cj-rail-offset: 80px;
position: relative;
max-width: 768px;
padding-left: var(--cj-rail-offset);
padding-bottom: 24px;
}
.cj-timeline::before {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 14.5px;
width: 3px;
background: currentColor;
}
.cj-timeline__step {
position: relative;
} .cj-timeline__step::before {
content: "";
position: absolute;
top: 48px;
left: calc(8px - var(--cj-rail-offset));
width: 16px;
height: 16px;
box-sizing: border-box;
border: 3px solid var(--wp--preset--color--white);
background: var(--wp--preset--color--blue);
}
@media (max-width: 599px) {
.wp-block-group.cj-timeline {
--cj-rail-offset: 48px;
}
} .cj-square-list {
list-style: none;
padding-block: 8px;
padding-left: 0;
}
.cj-square-list li {
position: relative;
padding-left: 28px;
}
.cj-square-list li + li {
margin-top: 8px;
}
.cj-square-list li::before {
content: "";
position: absolute;
top: calc(0.75em - 4px);
left: 8px;
width: 8px;
height: 8px;
background: currentColor;
} .cj-arrow-list {
list-style: none;
padding-block: 8px;
padding-left: 0;
}
.cj-arrow-list li {
position: relative;
padding-left: 40px;
}
.cj-arrow-list li + li {
margin-top: 16px;
}
.cj-arrow-list li::before {
content: "";
position: absolute;
top: calc(0.75em - 12px);
left: 0;
width: 24px;
height: 24px;
background: currentColor;
-webkit-mask: url(//christopher-joern.de/wp-content/themes/cj-consulting/assets/icons/arrow-right.svg) no-repeat center / contain;
mask: url(//christopher-joern.de/wp-content/themes/cj-consulting/assets/icons/arrow-right.svg) no-repeat center / contain;
} @media (max-width: 781px) {
.wp-block-cover.cj-portrait {
min-height: 420px !important;
}
} .wpcf7-form {
margin-top: var(--wp--preset--spacing--xl);
}
.wpcf7-form p {
margin: 0 0 24px;
}
.wpcf7-form label {
display: block;
}
.wpcf7-form input[type="text"],
.wpcf7-form input[type="email"],
.wpcf7-form input[type="tel"],
.wpcf7-form textarea {
display: block;
width: 100%;
box-sizing: border-box;
margin-top: 8px;
padding: 12px 16px;
border: 1px solid var(--wp--preset--color--neutral-dark);
border-radius: 0;
background: var(--wp--preset--color--white);
color: var(--wp--preset--color--black);
font: inherit;
}
.wpcf7-form textarea {
min-height: 180px;
resize: vertical;
}
.wpcf7-form input:focus-visible,
.wpcf7-form textarea:focus-visible {
outline: 2px solid var(--wp--preset--color--accent);
outline-offset: -1px;
border-color: var(--wp--preset--color--accent);
}
.wpcf7-form .wpcf7-list-item {
margin: 0;
}
.wpcf7-form .wpcf7-acceptance label {
display: flex;
gap: 12px;
align-items: flex-start;
}
.wpcf7-form .wpcf7-acceptance input {
flex: none;
width: 20px;
height: 20px;
margin: 2px 0 0;
accent-color: var(--wp--preset--color--blue);
}
.wpcf7-form .wpcf7-not-valid-tip {
margin-top: 4px;
color: #da1e28;
font-size: var(--wp--preset--font-size--small);
}
.wpcf7-form .wpcf7-not-valid {
border-color: #da1e28;
} .cj-hp {
position: absolute;
left: -9999px;
width: 1px;
height: 1px;
overflow: hidden;
}
.wpcf7 form .wpcf7-response-output {
margin: 24px 0 0;
padding: 12px 16px;
border-width: 1px;
} @media (min-width: 600px) and (max-width: 1099px) {
.wp-block-navigation__responsive-container-open:not(.always-shown) {
display: flex;
}
.wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
display: none;
}
}