:root {
    --taures-blue: #003572;
    --taures-blue-10: #4c719c;
    --taures-typo-color: #424242;
    --kidsgofinance-petrol: #007367;
}


/*  Hide "Powered by CKEditor" in RTE Inputs */
.ck .ck-powered-by {
    display: none !important;
}

.ck-editor a {
    color: var(--text-color);
    text-decoration: underline;
}

/* rte style */

.ck-editor .rte-overhead {
    text-transform: uppercase;
    color: var(--taures-blue);
}

/* taures */
.ck-editor .rte-bold-blue {
    font-weight: bold;
    color: var(--taures-blue-10);
}

.ck-editor .rte-blue {
    color: var(--taures-blue-10);
}

/* kids go finance */
.ck-editor .rte-bold-petrol {
    font-weight: bold;
    color: var(--kidsgofinance-petrol);
}

.ck-editor .rte-petrol {
    color: var(--kidsgofinance-petrol);
}

.ck-editor .rte-grey {
    color: var(--taures-typo-color);
}

.ck-editor .rte-disable-underline {
    text-decoration: none;
}

.ck-editor .rte-disable-underline:hover {
    text-decoration: underline;
}

.ck-editor .rte-intro {
    font-size: 1.125rem;
}

.ck-editor .rte-regular {
    font-size: 1rem;
}

.ck-editor h1,
.ck-editor h2,
.ck-editor h3,
.ck-editor h4,
.ck-editor h5,
.ck-editor h6 {
    color: var(--taures-blue);
}

.ck-editor h1 {
    font-size: 2.25rem;
}

.ck-editor h2 {
    font-size: 2rem;
}

.ck-editor h3 {
    font-size: 1.5rem;
}

.ck-editor h4 {
    font-size: 1.25rem;
}

.ck-editor h5 {
    font-size: 1.125rem;
}

.ck-editor h6 {
    font-size: 1rem;
}

/* Button und Link */

.ck-editor .iconbutton {
    display: flex;
    padding: 0.5rem;
    background-color: #fff;
    color: #000;
    border: 1px solid #000;
    border-radius: 4px;
    width: fit-content;
    gap: 3px;
    line-height: 12px;
    text-decoration: none;
    align-items: center;
}

.ck .iconbutton.ck-link_selected {
    background-color: #fff;
    opacity: 0.8;
}

.ck-editor .iconbutton::after {
    content: '';
    display: block;
    background-position: center !important;
    background-repeat: no-repeat !important;
}

.ck-editor .iconlink {
    padding-left: 1.5rem;
    display: flex;
    gap: 0.5rem;
    position: relative;
}

.ck-editor .iconlink::after {
    content: '';
    display: block;
    background-position-y: center !important;
    background-repeat: no-repeat !important;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}

/* Icons */

.ck-editor .icon--headphone::after {
    background-image: url('/assets/icons/headphone.svg') !important;
    width: 17px;
    height: 18px;
}

.ck-editor .icon--lock::after {
    background-image: url('/assets/icons/lock.svg') !important;
    width: 19px;
    height: 18px;
}

.ck-editor .icon--arrow-right::after {
    background-image: url('/assets/icons/arrow-right.svg') !important;
    width: 12px;
    height: 12px;
}

/* Links */

.ck-editor .link-email-boxed {
    background-image: url('/assets/icons/email-boxed.svg') !important;
    background-repeat: no-repeat !important;
    background-size: 2rem !important;
    font-size: 0px;
    display: block;
    width: 2rem;
    height: 2rem;
}

.ck-editor .link-instagram-boxed {
    background-image: url('/assets/icons/instagram-boxed.svg') !important;
    background-repeat: no-repeat !important;
    background-size: 2rem !important;
    font-size: 0px;
    display: block;
    width: 2rem;
    height: 2rem;
}

.ck-editor .link-linkedin-boxed {
    background-image: url('/assets/icons/linkedin-boxed.svg') !important;
    background-repeat: no-repeat !important;
    background-size: 2rem !important;
    font-size: 0px;
    display: block;
    width: 2rem;
    height: 2rem;
}

.ck-editor .link-phone-boxed {
    background-image: url('/assets/icons/phone-boxed.svg') !important;
    background-repeat: no-repeat !important;
    background-size: 2rem !important;
    font-size: 0px;
    display: block;
    width: 2rem;
    height: 2rem;
}