[class*='cz_row_shape_'] .row:before,
[class*='cz_row_shape_'] .row:after,
.elms_row [class*='cz_row_shape_']:before,
.elms_row [class*='cz_row_shape_']:after {
position: absolute;
content: '';
top: 0;
width: 138px;
height: 100%;
background: inherit;
z-index: 0
}
[class*='cz_row_shape_'] > .elms_row > .clr,
[class*='cz_row_shape_'] > .cz_elm {
z-index: 1
}
[class*='cz_row_shape_'] > [class*='cz_elm search_'] {
z-index: 2
}
[class*='cz_row_shape_'] .row:before,
.elms_row [class*='cz_row_shape_']:before {
left: 0;
border-radius: inherit;
border-bottom-right-radius: 0;
border-top-right-radius: 0
}
[class*='cz_row_shape_'] .row:after,
.elms_row [class*='cz_row_shape_']:after {
right: 0;
border-radius: inherit;
border-bottom-left-radius: 0;
border-top-left-radius: 0
}
.cz_row_shape_full_filled_left .row:before, 
.cz_row_shape_full_filled_right .row:after,
.elms_row .cz_row_shape_full_filled_left:before, 
.elms_row .cz_row_shape_full_filled_right:after {
width: 3000px !important;
transform: none;
transform: translateX(-96%) !important;
border-radius: 0
}
.cz_row_shape_no_left .row:before,
.cz_row_shape_no_right .row:after {
visibility: hidden;
opacity: 0
}
.cz_row_shape_full_filled_right .row:after,
.elms_row .cz_row_shape_full_filled_right:after {
transform: translateX(96%) !important
}
.cz_row_shape_1 .row:before,
.elms_row .cz_row_shape_1:before {
transform: translateX(-40%) skewX(45deg)
}
.cz_row_shape_1 .row:after,
.elms_row .cz_row_shape_1:after {
transform: translateX(40%) skewX(-45deg)
}
.cz_row_shape_2 .row:before,
.elms_row .cz_row_shape_2:before {
transform: translateX(-40%) skewX(-45deg)
}
.cz_row_shape_2 .row:after,
.elms_row .cz_row_shape_2:after {
transform: translateX(40%) skewX(45deg)
}
.cz_row_shape_3 .row:before,
.elms_row .cz_row_shape_3:before {
transform: translateX(-40%) skewX(-45deg)
}
.cz_row_shape_3 .row:after,
.elms_row .cz_row_shape_3:after {
transform: translateX(40%) skewX(-45deg)
}
.cz_row_shape_4 .row:before,
.elms_row .cz_row_shape_4:before {
transform: translateX(-40%) skewX(45deg)
}
.cz_row_shape_4 .row:after,
.elms_row .cz_row_shape_4:after {
transform: translateX(40%) skewX(45deg)
}
.cz_row_shape_none .row:after,
.cz_row_shape_none .row:before{
display: none
}
.cz_row_shape_radius .row:before,
.elms_row .cz_row_shape_radius:before {
left: -8px;
border-radius: 20px !important
}
.cz_row_shape_radius .row:after,
.elms_row .cz_row_shape_radius:after {
right: -8px;
border-radius: 20px !important
}.jsv-referentenbereich .jsv-ref-title-search { display: flex; flex-wrap: wrap; align-items: flex-end; gap: 1rem; width: 100%; max-width: 42rem; margin: 1.5rem 0; padding: 1.25rem; border: 1px solid #d9e4dd; border-radius: 12px; background: #fff; }
.jsv-referentenbereich .jsv-ref-suggestions { flex: 0 0 100%; min-width: 0; padding-top: .75rem; border-top: 1px solid #d9e4dd; }
.jsv-referentenbereich .jsv-ref-suggestions p { margin: 0 0 .5rem; font-size: .85rem; color: #5c6962; }
.jsv-referentenbereich .jsv-ref-title-search .jsv-ref-suggestions button { display: block; width: 100%; min-height: 44px; text-align: left; background: #f3f8f5; color: #07773c; border: 0; margin: .3rem 0 0; white-space: normal; overflow-wrap: anywhere; }
.jsv-referentenbereich .jsv-ref-title-search .jsv-ref-suggestions button:hover { background: #07773c; color: #fff; }
.jsv-referentenbereich .jsv-ref-title-search label { display: flex; flex: 1 1 18rem; flex-direction: column; gap: .5rem; min-width: 0; margin: 0; font-weight: 600; }
.jsv-referentenbereich .jsv-ref-title-search input { box-sizing: border-box; width: 100%; min-width: 0; min-height: 46px; padding: .7rem .85rem; margin: 0; border: 1px solid #b8cdbf; border-radius: 7px; background: #fff; color: #17231d; font: inherit; }
.jsv-referentenbereich .jsv-ref-title-search button { min-height: 46px; padding: .7rem 1rem; margin: 0; border: 1px solid #07773c; border-radius: 7px; background: #07773c; color: #fff; font: inherit; cursor: pointer; }
.jsv-referentenbereich .jsv-ref-title-search :is(input, button):focus-visible { outline: 3px solid #80bc47; outline-offset: 3px; }
.jsv-referentenbereich .jsv-ref-title-search[hidden], .jsv-referentenbereich .jsv-ref-title-search [hidden], .jsv-referentenbereich [data-jsv-ref-search-empty][hidden], .jsv-referentenbereich [data-jsv-ref-grid][hidden] { display: none !important; }
@media (max-width: 680px) { .jsv-referentenbereich .jsv-ref-title-search { padding: 1rem; } .jsv-referentenbereich .jsv-ref-title-search button { width: 100%; } }
.jsv-referentenbereich,
.jsv-referentenbereich * {
box-sizing: border-box;
}
.jsv-referentenbereich {
--jsv-ref-green: #07773c;
--jsv-ref-green-light: #80bc47;
--jsv-ref-ink: #17231d;
--jsv-ref-muted: #5c6962;
--jsv-ref-border: #d9e4dd;
--jsv-ref-soft: #f3f8f5;
width: 100%;
max-width: 100%;
margin: 0;
padding: clamp(1rem, 2vw, 1.75rem) 0;
color: var(--jsv-ref-ink);
background: transparent !important;
font-family: "Open Sans", Arial, Helvetica, sans-serif;
font-size: 1rem;
line-height: 1.6;
white-space: normal !important;
overflow-wrap: anywhere;
}
#page_content .jsv-referentenbereich :is(h2, h3, p, form),
.jsv-referentenbereich :is(h2, h3, p, form) {
padding: 0;
border: 0;
background: transparent;
}
.jsv-referentenbereich button,
.jsv-referentenbereich input,
.jsv-referentenbereich select {
font: inherit;
}
.jsv-ref-shell {
width: min(100%, 82rem);
margin-inline: auto;
padding-inline: clamp(1rem, 3vw, 2rem);
}
#page_content .jsv-referentenbereich .jsv-ref-main-title,
.jsv-referentenbereich .jsv-ref-main-title {
margin: 0 0 clamp(1.5rem, 3vw, 2.5rem) !important;
color: var(--jsv-ref-green) !important;
font-family: "EB Garamond", Garamond, Georgia, serif !important;
font-size: clamp(2.2rem, 4vw, 4rem) !important;
font-weight: 700 !important;
line-height: 1.12 !important;
letter-spacing: 0.03em !important;
text-wrap: balance;
overflow-wrap: normal;
word-break: normal;
hyphens: none;
}
.jsv-ref-kicker {
display: block;
margin-bottom: 0.45rem;
color: var(--jsv-ref-green);
font-size: 0.82rem;
font-weight: 800;
line-height: 1.35;
letter-spacing: 0.09em;
text-transform: uppercase;
}
#page_content .jsv-referentenbereich h3,
.jsv-referentenbereich h3 {
margin: 0 0 0.7em !important;
color: var(--jsv-ref-green) !important;
font-family: "EB Garamond", Garamond, Georgia, serif !important;
font-size: clamp(1.55rem, 2.2vw, 2.25rem) !important;
font-weight: 700 !important;
line-height: 1.18 !important;
letter-spacing: 0.03em !important;
text-wrap: balance;
}
.jsv-ref-login-card {
display: grid;
grid-template-columns: minmax(0, 1.05fr) minmax(20rem, 0.95fr);
gap: clamp(2rem, 5vw, 5rem);
align-items: center;
padding: clamp(1.5rem, 4vw, 3.25rem);
border: 1px solid var(--jsv-ref-border);
border-radius: 1rem;
background: #fff;
box-shadow: 0 1rem 2.75rem rgba(7, 119, 60, 0.1);
}
.jsv-ref-login-copy p {
max-width: 42rem;
margin: 0;
color: var(--jsv-ref-muted);
}
.jsv-ref-login-form {
padding: clamp(1.25rem, 3vw, 2rem);
border-radius: 0.8rem;
background: var(--jsv-ref-soft);
}
.jsv-ref-login-form label:not(.login-remember label) {
display: block;
margin-bottom: 0.35rem;
color: var(--jsv-ref-ink);
font-weight: 700;
}
.jsv-ref-login-form .login-username,
.jsv-ref-login-form .login-password {
margin: 0 0 1rem;
}
#page_content .jsv-referentenbereich .jsv-ref-login-form input[type="text"],
#page_content .jsv-referentenbereich .jsv-ref-login-form input[type="password"],
.jsv-referentenbereich .jsv-ref-login-form input[type="text"],
.jsv-referentenbereich .jsv-ref-login-form input[type="password"] {
display: block;
width: 100%;
min-height: 48px;
margin: 0;
padding: 0.7rem 0.85rem;
border: 1px solid #b9cbc0;
border-radius: 0.45rem;
color: var(--jsv-ref-ink);
background: #fff;
box-shadow: none;
}
.jsv-ref-login-form .login-remember {
margin: 0 0 1rem;
}
.jsv-ref-login-form .login-remember label {
display: inline-flex;
gap: 0.55rem;
align-items: center;
}
.jsv-ref-login-form input[type="checkbox"] {
width: 1.2rem;
height: 1.2rem;
margin: 0;
accent-color: var(--jsv-ref-green);
}
.jsv-ref-login-form .login-submit {
margin: 0;
}
#page_content .jsv-referentenbereich .button-primary,
.jsv-referentenbereich .button-primary,
.jsv-ref-open-player,
.jsv-ref-admin-preview button {
min-height: 46px;
padding: 0.7rem 1.15rem;
border: 2px solid var(--jsv-ref-green) !important;
border-radius: 0.45rem !important;
color: #fff !important;
background: var(--jsv-ref-green) !important;
font-weight: 800 !important;
line-height: 1.2 !important;
text-decoration: none !important;
cursor: pointer;
transition: background-color 160ms ease, border-color 160ms ease, color 160ms ease;
}
#page_content .jsv-referentenbereich .button-primary:hover,
.jsv-referentenbereich .button-primary:hover,
.jsv-ref-open-player:hover,
.jsv-ref-admin-preview button:hover {
border-color: var(--jsv-ref-green-light) !important;
background: var(--jsv-ref-green-light) !important;
color: #102519 !important;
}
.jsv-ref-login-links {
margin: 1rem 0 0 !important;
}
.jsv-referentenbereich a,
.jsv-referentenbereich a:visited {
color: var(--jsv-ref-green);
text-decoration-thickness: 0.08em;
text-underline-offset: 0.15em;
}
.jsv-ref-library-head {
display: flex;
gap: 1.25rem;
justify-content: space-between;
align-items: flex-end;
margin-bottom: 1.5rem;
}
.jsv-ref-library-head h3 {
margin-bottom: 0 !important;
}
.jsv-ref-logout {
flex: 0 0 auto;
font-weight: 700;
}
.jsv-ref-admin-preview {
display: flex;
gap: 1rem;
justify-content: space-between;
align-items: center;
margin: 0 0 2rem !important;
padding: 1rem 1.15rem !important;
border: 1px solid var(--jsv-ref-border) !important;
border-radius: 0.65rem;
background: var(--jsv-ref-soft) !important;
}
.jsv-ref-admin-preview label {
color: var(--jsv-ref-green);
font-weight: 800;
}
.jsv-ref-admin-preview > div {
display: flex;
gap: 0.65rem;
}
.jsv-ref-admin-preview select {
min-width: min(19rem, 50vw);
min-height: 46px;
padding: 0.55rem 2.25rem 0.55rem 0.75rem;
border: 1px solid #b9cbc0;
border-radius: 0.45rem;
color: var(--jsv-ref-ink);
background-color: #fff;
}
.jsv-ref-grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: clamp(1.25rem, 2.4vw, 2rem);
}
.jsv-ref-result-summary {
margin: 0 0 0.85rem !important;
color: var(--jsv-ref-muted);
font-size: 0.9rem;
}
.jsv-ref-card[hidden] {
display: none !important;
}
.jsv-ref-pagination {
display: flex;
flex-wrap: wrap;
gap: 0.45rem;
justify-content: center;
align-items: center;
margin-top: clamp(1.5rem, 3vw, 2.25rem);
}
.jsv-ref-pagination[hidden] {
display: none !important;
}
.jsv-ref-page-button {
display: inline-grid;
min-width: 44px;
min-height: 44px;
place-items: center;
padding: 0.45rem 0.65rem;
border: 1px solid var(--jsv-ref-green) !important;
border-radius: 0.4rem !important;
color: var(--jsv-ref-green) !important;
background: #fff !important;
font-weight: 800 !important;
line-height: 1 !important;
cursor: pointer;
}
.jsv-ref-page-button:hover,
.jsv-ref-page-button[aria-current="page"] {
color: #fff !important;
background: var(--jsv-ref-green) !important;
}
.jsv-ref-page-button:disabled {
color: #84928a !important;
border-color: #c8d1cc !important;
background: #f3f5f4 !important;
cursor: not-allowed;
}
.jsv-ref-page-button.is-direction {
font-size: 1.45rem !important;
}
.jsv-ref-page-ellipsis {
min-width: 1rem;
color: var(--jsv-ref-muted);
text-align: center;
}
.jsv-ref-card {
display: flex;
min-width: 0;
flex-direction: column;
overflow: hidden;
border: 1px solid var(--jsv-ref-border);
border-radius: 0.85rem;
background: #fff;
box-shadow: 0 0.65rem 1.8rem rgba(23, 35, 29, 0.08);
}
.jsv-ref-card-image {
display: block;
width: calc(100% - 1.5rem);
margin: 0.75rem 0.75rem 0;
padding: 0;
overflow: hidden;
border: 0 !important;
border-radius: 0.55rem;
aspect-ratio: 16 / 9;
background: var(--jsv-ref-soft);
cursor: pointer;
transition: box-shadow 180ms ease;
}
.jsv-ref-card-image:hover,
.jsv-ref-card-image:focus-visible {
box-shadow: 0 0 0 3px var(--jsv-ref-green-light);
}
.jsv-ref-card-image img {
display: block;
width: 100%;
height: 100% !important;
object-fit: cover;
}
.jsv-ref-card-image.is-placeholder {
display: grid;
place-items: center;
color: var(--jsv-ref-green);
background: linear-gradient(135deg, #edf6f0, #dbeadd);
}
.jsv-ref-card-image.is-placeholder span::before {
content: "▶";
display: block;
font-size: 2.5rem;
}
.jsv-ref-card-body {
display: flex;
min-height: 0;
flex: 1;
flex-direction: column;
align-items: flex-start;
padding: 1.25rem;
}
.jsv-ref-card-category {
margin: 0 0 0.45rem !important;
color: var(--jsv-ref-green);
font-size: 0.78rem;
font-weight: 800;
letter-spacing: 0.07em;
text-transform: uppercase;
}
#page_content .jsv-referentenbereich .jsv-ref-card h3,
.jsv-referentenbereich .jsv-ref-card h3 {
margin-bottom: 0.65rem !important;
font-size: clamp(1.25rem, 1.5vw, 1.6rem) !important;
}
.jsv-ref-card-description {
margin-bottom: 1.1rem;
color: var(--jsv-ref-muted);
font-size: 0.95rem;
}
.jsv-ref-card-description p:last-child {
margin-bottom: 0 !important;
}
.jsv-ref-open-player {
width: 100%;
margin-top: auto;
}
.jsv-ref-message {
padding: clamp(1.25rem, 3vw, 2rem);
border: 1px solid var(--jsv-ref-border);
border-left: 0.35rem solid var(--jsv-ref-green-light);
border-radius: 0.65rem;
background: var(--jsv-ref-soft);
}
.jsv-ref-message.is-error {
border-left-color: #b42318;
}
.jsv-ref-message p:last-child {
margin-bottom: 0 !important;
}
.jsv-ref-dialog[hidden] {
display: none !important;
}
.jsv-ref-dialog {
--jsv-ref-green: #07773c;
--jsv-ref-green-light: #80bc47;
--jsv-ref-ink: #17231d;
--jsv-ref-muted: #5c6962;
position: fixed;
z-index: 1000000;
inset: 0;
display: grid;
place-items: center;
padding: 0;
color: var(--jsv-ref-ink);
font-family: "Open Sans", Arial, Helvetica, sans-serif;
line-height: 1.4;
}
.jsv-ref-dialog,
.jsv-ref-dialog * {
box-sizing: border-box;
}
.jsv-ref-dialog-backdrop {
position: absolute;
inset: 0;
background: rgba(5, 20, 12, 0.88);
backdrop-filter: blur(4px);
}
.jsv-ref-dialog-panel {
position: relative;
display: flex;
width: 100vw;
max-width: none;
height: 100vh;
height: 100dvh;
max-height: none;
flex-direction: column;
overflow: hidden;
border: 0;
border-radius: 0;
background: #101713;
box-shadow: 0 1.5rem 5rem rgba(0, 0, 0, 0.45);
}
.jsv-ref-dialog-panel:fullscreen {
width: 100vw;
max-width: none;
height: 100vh;
max-height: none;
border: 0;
border-radius: 0;
}
.jsv-ref-dialog-panel:-webkit-full-screen {
width: 100vw;
max-width: none;
height: 100vh;
max-height: none;
border: 0;
border-radius: 0;
}
.jsv-ref-dialog-header {
display: flex;
min-height: 68px;
gap: 1rem;
justify-content: space-between;
align-items: center;
padding: 0.65rem clamp(1rem, 2vw, 1.4rem);
color: #fff;
background: var(--jsv-ref-green);
}
.jsv-ref-dialog-kicker {
display: block;
margin-bottom: 0.12rem;
color: rgba(255, 255, 255, 0.78);
font-size: 0.68rem;
font-weight: 800;
line-height: 1.2;
letter-spacing: 0.1em;
text-transform: uppercase;
}
.jsv-ref-dialog .jsv-ref-dialog-header h2 {
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
color: #fff !important;
background: transparent !important;
font-family: "EB Garamond", Garamond, Georgia, serif !important;
font-size: clamp(1.25rem, 2vw, 1.8rem) !important;
font-weight: 700 !important;
line-height: 1.15 !important;
letter-spacing: 0.03em !important;
}
.jsv-ref-dialog .jsv-ref-dialog-close {
display: inline-flex;
width: 46px;
min-width: 46px;
height: 46px;
min-height: 46px;
flex: 0 0 46px;
align-items: center;
justify-content: center;
margin: 0 !important;
padding: 0 !important;
border: 1px solid rgba(255, 255, 255, 0.38) !important;
border-radius: 50% !important;
color: #fff !important;
background: transparent !important;
box-shadow: none !important;
font-family: "Open Sans", Arial, Helvetica, sans-serif !important;
font-size: 2rem !important;
font-weight: 300 !important;
line-height: 1 !important;
cursor: pointer;
appearance: none;
transition: color 160ms ease, background-color 160ms ease, border-color 160ms ease, transform 160ms ease;
}
.jsv-ref-dialog .jsv-ref-dialog-close span {
display: block;
margin-top: -0.12em;
color: inherit !important;
font: inherit !important;
line-height: 1 !important;
}
.jsv-ref-dialog .jsv-ref-dialog-close:hover,
.jsv-ref-dialog .jsv-ref-dialog-close:focus-visible {
color: #102519 !important;
background: var(--jsv-ref-green-light) !important;
border-color: var(--jsv-ref-green-light) !important;
transform: rotate(4deg);
}
.jsv-ref-player {
width: 100%;
height: calc(100vh - 68px);
height: calc(100dvh - 68px);
min-height: 0;
max-height: none;
flex: 1 1 auto;
margin: 0;
aspect-ratio: auto;
background: #0a0d0b;
}
.jsv-ref-dialog-panel:fullscreen .jsv-ref-player {
max-height: calc(100vh - 68px);
}
.jsv-ref-dialog-panel:-webkit-full-screen .jsv-ref-player {
max-height: calc(100vh - 68px);
}
.jsv-ref-player iframe {
display: block;
width: 100%;
height: 100%;
border: 0;
background: #0a0d0b;
}
.jsv-ref-dialog.is-open ~ * {
pointer-events: none;
}
body.jsv-ref-dialog-open {
overflow: hidden !important;
}
.jsv-referentenbereich :is(a, button, input, select):focus-visible,
.jsv-ref-dialog button:focus-visible,
.jsv-ref-dialog-panel:focus-visible {
outline: 3px solid var(--jsv-ref-green-light) !important;
outline-offset: 3px;
}
@media (max-width: 980px) {
.jsv-ref-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.jsv-ref-login-card {
grid-template-columns: 1fr;
}
}
@media (max-width: 680px) {
.jsv-referentenbereich {
padding-block: 0.75rem;
}
.jsv-ref-shell {
padding-inline: 1rem;
}
#page_content .jsv-referentenbereich .jsv-ref-main-title,
.jsv-referentenbereich .jsv-ref-main-title {
font-size: clamp(1.8rem, 9vw, 2.55rem) !important;
line-height: 1.14 !important;
}
.jsv-ref-login-card {
gap: 1.4rem;
padding: 1.15rem;
}
.jsv-ref-login-form {
padding: 1rem;
}
.jsv-ref-admin-preview,
.jsv-ref-library-head {
align-items: stretch;
flex-direction: column;
}
.jsv-ref-admin-preview > div {
display: grid;
grid-template-columns: 1fr;
}
.jsv-ref-admin-preview select {
width: 100%;
min-width: 0;
}
.jsv-ref-grid {
grid-template-columns: 1fr;
touch-action: pan-y;
}
.jsv-ref-dialog {
padding: 0;
}
.jsv-ref-dialog-panel {
width: 100vw;
max-height: 100vh;
border: 0;
border-radius: 0;
}
.jsv-ref-dialog-header {
min-height: 58px;
padding: 0.45rem 0.8rem;
}
.jsv-ref-dialog-kicker {
display: none;
}
.jsv-ref-dialog .jsv-ref-dialog-header h2 {
font-size: clamp(1.05rem, 5vw, 1.35rem) !important;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.jsv-ref-dialog .jsv-ref-dialog-close {
width: 42px;
min-width: 42px;
height: 42px;
min-height: 42px;
flex-basis: 42px;
font-size: 1.8rem !important;
}
.jsv-ref-player,
.jsv-ref-dialog-panel:fullscreen .jsv-ref-player {
height: calc(100vh - 58px);
height: calc(100dvh - 58px);
max-height: none;
}
}
@media (prefers-reduced-motion: reduce) {
.jsv-referentenbereich *,
.jsv-referentenbereich *::before,
.jsv-referentenbereich *::after {
scroll-behavior: auto !important;
transition-duration: 0.01ms !important;
animation-duration: 0.01ms !important;
animation-iteration-count: 1 !important;
}
}.cz_title {
position: relative;
z-index: 1
}
.cz_title_has_bg {
z-index: 2
}
.cz_title.tac .cz_title_content {
margin-right: auto;
margin-left: auto
}
.cz_title_vertical > div, 
.cz_title_vertical_2 > div {
position: absolute;
top: -80px;
left: 0;
z-index: 2;
white-space: nowrap;
transform: rotate(90deg);
transform-origin: bottom left;
animation: none !important
}
.cz_title_vertical_2 > div {
top: -40px;
left: 0;
transform-origin: 0 0;
transform: rotate(-90deg) translateX(-100%)
}
.cz_title_vertical.cz_title_vertical_outside > div {
top: 0;
left: 0;
transform-origin: 0 0;
transform: rotate(90deg) translate(0, 40%)
}
.cz_title_vertical_2.cz_title_vertical_outside > div {
transform: rotate(-90deg) translate(-100%, -140%)
}
.cz_title_content {
display: table;
position: relative;
word-break: break-word;
transition: all .2s ease-in-out
}
.cz_title_pos_block .cz_title_content,
.cz_title_pos_block .cz_title_content > div {
width: 100%;
display: block
}
.cz_title_pos_left .cz_title_content {
float: left
}
.cz_title_pos_center:not(.cz_title_has_icon) .cz_title_content > div {
display: block
}
.cz_title_pos_right .cz_title_content {
float: right
}
.cz_title_content > div {
position: relative;
z-index: 2;
vertical-align: middle
}
.cz_title_content > * {
display: table-cell
}
.cz_title_has_bg .cz_title_content {
padding: 10px 30px
}
.cz_title_has_icon .cz_title_content {
padding: 10px 0
}
.cz_title_content * {
margin: 0
}
.cz_title_content hr {
display: block;
margin: 10px 0
}
.cz_title_content > span {
margin: 0 15px 0 0;
position: relative;
font-size: 20px;
transition: all .2s ease-in-out
}
.cz_title_pos_block .cz_title_content > span {
margin-right: 0 !important;
margin-left: 0 !important
}
.cz_title_content > i {
font-size: 2em;
margin: 0;
text-align: center;
width: 2em;
height: 2em;
line-height: 2em;
display: inline-block;
vertical-align: sub;
box-sizing: content-box;
transition: all .2s ease-in-out
}
.cz_title_content > i:before,
.cz_title_content > i span,
.cz_title_content .cz_title_image {
display: inline-block
}
.cz_title_content .cz_title_image {
overflow: hidden;
max-width: 120px
}
.cz_title_image img {
width: inherit
}
.cz_title_number {
font-style: normal
}
.cz_title_shape {
position: absolute;
left: 0;
top: 0;
font-size: 140px;
font-weight: 900;
width: 100%;
line-height: 1;
pointer-events: none;
transform-origin: 0;
z-index: 1;
word-wrap: initial;
transition: all .2s ease-in-out
}
.shape_square, .shape_circle, 
.shape_rectangle, .shape_rhombus, 
.shape_rhombus_radius {
background: #404040;
width: 150px;
height: 150px
}
.shape_circle {
border-radius: 100%
}
.shape_rhombus, .shape_rhombus_radius {
display: inline-block;
transform: rotate(45deg)
}
.shape_rhombus_radius {
border-radius: 20%
}
.shape_rectangle {
transform: scaleX(2)
}
.cz_title_shape_outline {
background: none;
border: 10px solid
}
.cz_title_line {
width: 100%;
height: 4px;
display: block;
margin: 0 0 20px
}
.cz_title_line span {
font-size: 0;
height: 100%;
display: inline-block;
position: relative;
top: -20px;
background: #a7a7a7;
width: 60px
}
.cz_line_after_title,
.cz_line_before_title {
position: relative
}
.cz_title_content .cz_line_side_solo {
font-size: 0;
height: 4px;
width: 50px;
display: inline-block;
vertical-align: bottom;
margin: 0 20px 0 0;
background: rgba(167, 167, 167, .4)
}
.cz_title.tac .cz_title_shape,
.tac.cz_title_shape {
left: 50%;
transform: translate(-50%,-50%)
}
.cz_title.tac .cz_title_shape.tal,
.cz_title.tac .cz_title_shape.tar {
transform: none
}
.cz_title.tac .shape_rectangle {
transform: scaleX(2) translate(-50%,-50%)
}
.cz_title.tac .shape_rhombus, 
.cz_title.tac .shape_rhombus_radius {
transform: rotate(45deg) translate(-50%,-50%)
}
.cz_title .cz_title_shape.tal {
left: 0
}
.cz_title .cz_title_shape.tar {
left: auto;
right: 0
}
.cz_title_ba_line .cz_title_content {
display: inline-block
}
.shape_image {
width: auto
}
.cz_title_content .cz_line_side_after {
margin: 0 0 0 20px
}
.cz_title .xtra-placeholder {
max-width: 100px
}
.cz_title_pos_center .cz_title_content {
float: none;
margin: 0 auto;
display: table
}
[class*="codevz-fancy-"] {
overflow: hidden
}
[class*="codevz-fancy-"] .cz_wpe_content > * > span {
display: inline-block;
position: relative;
transform: translateY(130%)
}
[class*="codevz-fancy-"] .codevz-start-fancy {
animation: fancyFX .8s ease-out forwards
}
@keyframes fancyFX {
0% {transform: translateY(130%)}
100% {transform: translateY(0)}
}
.elementor-element .cz_title_content .cz_line_side_solo {
vertical-align: middle
}
.elementor-element .cz_title_content .cz_title_image {
box-sizing: content-box
}