/**
 * Theme Name: RBLOXX
 * Description: Blocksy child theme 4 RITTER US
 * Author: helmixx.com
 * Template: blocksy
 * Text Domain: blocksy
 * Version: 2025-11-30
 */


body {
    background-color: #001011 !important;
}

main#main {
    background-color: white;
    background: -webkit-linear-gradient(-37deg,
            rgba(242, 242, 242, 1) 3%,
            rgba(252, 252, 252, 1) 97%);
    background: -o-linear-gradient(-37deg,
            rgba(242, 242, 242, 1) 3%,
            rgba(252, 252, 252, 1) 97%);
    background: -moz-linear-gradient(-37deg,
            rgba(242, 242, 242, 1) 3%,
            rgba(252, 252, 252, 1) 97%);
    background: linear-gradient(-37deg,
            rgba(242, 242, 242, 1) 3%,
            rgba(252, 252, 252, 1) 97%);
}

.entry-content > section {
    position: relative;
    padding-top: var(--theme-content-vertical-spacing) !important;
    padding-bottom: var(--theme-content-vertical-spacing) !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.entry-content > section .wp-block-group {
    padding: 0 ;
}

.entry-content > section:nth-of-type(odd) {
    background-color: rgba(128, 128, 128, 0.02);
}

.entry-content > section:nth-of-type(even) {
    background-color: rgba(255, 255, 255, 0.3);
}

.alignnarrow,
.entry-content > section .alignnarrow,
.entry-content > section .wp-block-group.alignnarrow {
    width: var(--theme-block-width);
    max-width: var(--theme-narrow-container-max-width) !important;
    margin-left: auto;
    margin-right: auto;
}

li a:empty,
p:empty,
span.ct-module-title {
    display: none !important;
}

.entry-content > p,
.entry-content > a,
.entry-content > td {
    hyphens: auto;
}

header#header > p,
header#header > a,
header#header > td {
    hyphens: none !important;
}

.padded *,
a.wp-block-button__link  {
    hyphens: none !important;
}

p.highlight {
    background-color: rgba(250, 235, 0, .7) !important;
    color: #252525;
    font-weight: 700;
    font-style: italic;
    font-size: 18px;
    letter-spacing: 1px;
    margin-bottom: 15px;
    display: inline-block;
    padding: 3px 10px !important;
}

.entry-content > sup {
    margin-left: 3px;
}

.entry-content > th, .nowrap {
    white-space: nowrap !important;
}

.wp-block-nk-awb h2,
.text-shadow {
    text-shadow: 2px 2px 5px rgba(15,15,15,.5) !important;
}

.text-shadow.white {
    text-shadow: 2px 2px 5px rgba(240,240,240,.95) !important;
}

.wp-block-nk-awb {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}


/** XX Lists **/

:root {
    --listIndent: 20px !important;
    --theme-list-indent: 20px !important;
}

main#main ul:not(.grid):not(.entry-meta) {
    padding-left: 20px !important;
}

main#main ul.iconlist.has-icons {
    padding-left: 2px !important;
}

main#main ul:not(.grid):not(.toc_list):not(.iconlist.has-icons):not(.xx-download):not(.entry-meta):not(.gform_fields):not(.gfield_checkbox) * li,
main#main ul:not(.toc_list):not(.iconlist.has-icons):not(.xx-download):not(.entry-meta):not(.gform_fields):not(.gfield_checkbox) li {
    position: relative; /* Für das Pseudo-Element */
    list-style: none !important; /* Entfernt die Standard-Punkte */
    line-height: 150%; /* Wie bisher gewünscht */
}

main#main ul:not(.grid):not(.toc_list):not(.iconlist.has-icons):not(.xx-download):not(.entry-meta):not(.gform_fields):not(.gfield_checkbox) li::before {
    content: '';
    position: absolute;
    left: -17px; /* Passt die Position des Icons an */
    top: 5px; /* Zentriert das Icon vertikal */
    width: 12px;
    height: 12px;
    background-color: var(--theme-palette-color-2); /* Farbe steuerbar über Variable */
    -webkit-mask: url('data:image/svg+xml,<svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><path d="M290.97 224.6c-.48-.67-1.02-1.31-1.62-1.91L97.36 30.69c-18.34-18.34-48.17-18.34-66.51 0-18.34 18.34-18.34 48.18 0 66.51l158.7 158.79-158.7 158.7c-18.34 18.34-18.34 48.17 0 66.51 9.17 9.17 21.21 13.75 33.26 13.75 12.04 0 24.09-4.59 33.26-13.75l192-192c17.75-17.75 18.32-46.26 1.72-64.7z"/></svg>') no-repeat center;
    -webkit-mask-size: contain;
    mask: url('data:image/svg+xml,<svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><path d="M290.97 224.6c-.48-.67-1.02-1.31-1.62-1.91L97.36 30.69c-18.34-18.34-48.17-18.34-66.51 0-18.34 18.34-18.34 48.18 0 66.51l158.7 158.79-158.7 158.7c-18.34 18.34-18.34 48.17 0 66.51 9.17 9.17 21.21 13.75 33.26 13.75 12.04 0 24.09-4.59 33.26-13.75l192-192c17.75-17.75 18.32-46.26 1.72-64.7z"/></svg>') no-repeat center;
    mask-size: contain;
}


/*** XX Pullquote **/

figure.wp-block-pullquote {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    border-width: 0 !important;
    padding-top: var(--theme-content-vertical-spacing) !important;
    padding-bottom: var(--theme-content-vertical-spacing) !important;
}

figure.wp-block-pullquote.has-text-align-center {
    margin-left: auto !important;
    margin-right: auto !important;
}

figure.wp-block-pullquote blockquote {
    border: 0 !important;
    padding: 0 !important;
    margin-left: auto !important;
    margin-right: auto !important;
    hyphens: none !important;
}

figure.wp-block-pullquote blockquote:before {
    transform: rotate(180deg);
}

blockquote p {
    font-size: 1.2em;
    font-weight: 600;
    margin: 15px auto 30px !important;
}

blockquote {
    max-width: fit-content !important;
    margin: 5px auto;
}

@media only screen and (max-width: 1470px) {

    figure.wp-block-pullquote {
        min-width: inherit !important;
    }

}

@media only screen and (max-width: 768px) {

figure.wp-block-pullquote.has-text-align-center {
    padding-left: 30px !important;
    padding-right: 30px !important;
}

/** XX Mobile **/

@media only screen and (max-width: 767px) {
    span.mobile.break {
        display: table-column !important;
        color: rgba(0, 0, 0, 0) !important;
    }
}

/** RIT Stuff **/

.ritter-bg-01 {
    background: rgb(242, 242, 244) !important;
    background: linear-gradient(13deg, rgba(242, 242, 244, 1) 0%, rgba(254, 254, 254, 1) 20%, rgba(254, 254, 254, 1) 40%, rgba(239, 242, 245, 1) 85%, rgba(212, 220, 229, 1) 100%) !important;
}

.ritter-bg-02 {
    background: rgb(201, 211, 223) !important;
    background: linear-gradient(358deg, rgba(201, 211, 223, 1) 0%, rgba(204, 214, 224, 1) 3%, rgba(255, 255, 255, 1) 28%, rgba(251, 252, 253, 1) 43%, rgba(235, 239, 243, 1) 58%, rgba(212, 220, 229, 1) 71%, rgba(139, 162, 185, 1) 100%) !important;
}

.ritter-bg-03 {
    background: rgb(190, 202, 216) !important;
    background: linear-gradient(172deg, rgba(190, 202, 216, 1) 0%, rgba(222, 226, 231, 1) 15%, rgba(233, 234, 236, 1) 40%, rgba(224, 228, 232, 1) 80%, rgba(190, 202, 216, 1) 100%) !important;
}