/* ==========================================
   Buttons Nutze: background: var(--theta-background);
   ========================================== */

.btn {
    display: inline-block;
    padding: 12px 22px;
    border-radius: 6px;
    text-decoration: none !important;
    font-weight: 600;
    margin: 5px;
}

a.btn,
a.btn:visited,
a.btn:hover,
a.btn:active {
    text-decoration: none !important;
}

.btn-primary {
    background: #0056b3;
    color: #ffffff !important;
}

.btn-primary:hover {
    background: #003d80;
}

.btn-success {
    background: #2e8b57;
    color: #ffffff !important;
}

.btn-secondary {
    background: #666666;
    color: #ffffff !important;
}

.btn-cta {
    background: #f28c00;
    color: #ffffff !important;
}

.btn-large {
    padding: 18px 32px;
    font-size: 18px;
}

.btn-outline {
    background: transparent;
    border: 2px solid #0056b3;
    color: #0056b3 !important;
}

.btn-outline:hover {
    background: #0056b3;
    color: #ffffff !important;
}


/* ==========================================
   Theta CTA 01
   ========================================== */

.theta-cta-01 {
    display:block;

    width:100%;
    box-sizing:border-box;

    border:none;
    border-radius:12px;

    padding:36px 36px;

    background:#009FE3;
    color:#1d1608 !important;

    font-size:24px;
    font-weight:800;

    text-decoration:none !important;

    text-align:center;
    cursor:pointer;
    transition:transform .15s ease, filter .15s ease;
}

.frame-type-html{
    padding:0;
}

.theta-cta-01:hover {
    background:#071E3D;
    color:#ffffff !important;

    transform: translateY(-1px);
    text-decoration:none !important;
}



/* ==========================================
   Theta CTA 02 Hero Button
   ========================================== */

.theta-cta-02{
    display:inline-block;

    padding:16px 32px;

    border:2px solid #D8961C;
    border-radius:12px;

    background:#D8961C;
    color:#071E3D !important;

    font-size:17px;
    font-weight:700;

    text-decoration:none !important;

    transition:all 0.2s ease;
}

.theta-cta-02:hover{
    background:transparent;
    color:#ffffff !important;
    border-color:#ffffff;

    text-decoration:none !important;
}

/* ==========================================
   Theta CTA 03 Hero Button
   ========================================== */

.theta-cta-03{
    display:inline-block;

    padding:16px 32px;

    border:2px solid #D8961C;
    border-radius:12px;

    background:#D8961C;
    color:#071E3D !important;

    font-size:17px;
    font-weight:700;

    text-decoration:none !important;

    transition:all 0.2s ease;
}

.theta-cta-03:hover{
    background:transparent;
    color:#ffffff !important;
    border-color:#ffffff;

    text-decoration:none !important;
}


/* ==========================================
   Theta CTA 04 Formular Button für Kontaktformulare
   ========================================== */

.theta-cta-04{
    display:inline-block;

    padding:16px 40px;

    border:2px solid #D8961C;
    border-radius:12px;

    background:#D8961C;
    color:#071E3D !important;

    font-size:18px;
    font-weight:700;

    text-decoration:none !important;
    cursor:pointer;

    transition:all 0.2s ease;
}

.theta-cta-04:hover{
    background:#071E3D;
    color:#ffffff !important;
    border-color:#071E3D;

    text-decoration:none !important;
}


/* ==========================================
   Theta CTA 05 Formular Button Babyblau
   ========================================== */

.theta-cta-05{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:fit-content;
    margin:0 auto;
    padding:18px 50px;

    border:2px solid #D8961C;
    border-radius:12px;

    background:#009FE3;
    color:#ffffff !important;

    font-size:18px;
    font-weight:700;
    text-align:center;

    text-decoration:none !important;
    cursor:pointer;

    transition:all 0.2s ease;
}

.theta-cta-05:hover{
    background:#E6B800;
    color:#ffffff !important;
    border-color:#071E3D;

    text-decoration:none !important;
}

p:has(.theta-cta-05){
    margin:0 !important;
    padding:0 !important;
    text-align:center !important;
}



/* ==========================================
   Powermail Button groß
   ========================================== */

.tx-powermail .powermail_submit{

    min-width:280px !important;

    padding:22px 50px !important;

    font-size:22px !important;
    font-weight:700 !important;

    border-radius:12px !important;

    background:#D8961C !important;
    color:#071E3D !important;
    border:2px solid #D8961C !important;

    cursor:pointer;
}

.tx-powermail .powermail_submit:hover{

    background:#071E3D !important;
    color:#ffffff !important;
    border-color:#071E3D !important;
}
/* ==========================================
   Powermail Submit = Theta CTA 04
   ========================================== */

.tx-powermail input.btn.btn-primary{

    min-width:280px;

    padding:18px 40px !important;

    border:2px solid #D8961C !important;
    border-radius:12px !important;

    background:#D8961C !important;
    color:#071E3D !important;

    font-size:18px !important;
    font-weight:700 !important;

    cursor:pointer;

    transition:all .2s ease;
}

.tx-powermail input.btn.btn-primary:hover{

    background:#071E3D !important;
    color:#ffffff !important;

    border-color:#071E3D !important;
}














/* ==========================================
   Karten / Cards
   ========================================== */

.card-box {
    background: #ffffff;
    border-radius: 10px;
    padding: 24px;
    margin: 20px 0;
    box-shadow: 0 4px 14px rgba(0,0,0,0.12);

    /* gleiche Höhe im Grid */
    height: 100%;
    box-sizing: border-box;
}

.card-box h2,
.card-box h3 {
    margin-top: 0;
}

.card-box p:last-child {
    margin-bottom: 0;
}


/* ==========================================
   5S-Karten
   ========================================== */

.card-5s {
    background: #ffffff;
    border-radius: 10px;
    padding: 24px;
    margin: 20px 0;
    border-top: 5px solid #0056b3;
    box-shadow: 0 4px 14px rgba(0,0,0,0.12);

    /* gleiche Höhe im Grid */
    height: 100%;
    box-sizing: border-box;
}

.card-5s h3 {
    margin-top: 0;
    color: #0056b3;
}

.card-5s p {
    margin-bottom: 15px;
}

.card-5s-seiri    { border-top: 5px solid #0056b3; }
.card-5s-seiton   { border-top: 5px solid #2e8b57; }
.card-5s-seiso    { border-top: 5px solid #f28c00; }
.card-5s-seiketsu { border-top: 5px solid #7b3fe4; }
.card-5s-shitsuke { border-top: 5px solid #d9534f; }




/* ==========================================
   Info-Boxen
   ========================================== */

.info-box {
    padding: 18px 22px;
    border-radius: 8px;
    margin: 20px 0;
    border-left: 6px solid #0056b3;
    background: #eef5ff;
}

.notice-box {
    padding: 18px 22px;
    border-radius: 8px;
    margin: 20px 0;
    border-left: 6px solid #f5c542;
    background: #fff8df;
}

.warning-box {
    padding: 18px 22px;
    border-radius: 8px;
    margin: 20px 0;
    border-left: 6px solid #d9534f;
    background: #fff0f0;
}

.success-box {
    min-height: 40px;
    padding: 12px 18px;
    border-radius: 8px;
    margin: 8px 0;
    border-left: 6px solid #071E3D;
    background: #97A3B8;
	color: #071E3D;   /* Dunkelblau */
	display: flex;
    align-items: center;
}




/* THETA TEXT */

.text-theta-leadership{
    color:var(--theta-leadership);
}

.text-theta-simulation{
    color:var(--theta-simulation);
}

.text-theta-book{
    color:var(--theta-book);
}

.text-theta-academy{
    color:var(--theta-academy);
}

.text-theta-hardware{
    color:var(--theta-hardware);
}







/* ==========================================
   THETA Box Grunddesign
   ========================================== */

.theta-box{
    height:100%;
    box-sizing:border-box;
	
	padding:12px 24px;
    margin:8px 0;

    background:linear-gradient(
        135deg,
        var(--theta-box-bg) 0%,
        var(--theta-box-bg-2) 100%
    );

    border:1px solid var(--theta-dashboard-line);
    border-left:5px solid var(--theta-box-accent);

    border-radius:14px;

    color:var(--theta-box-text);

    box-shadow:0 22px 46px rgba(0,0,0,.32);
}
.theta-box p,
.theta-box h1,
.theta-box h2,
.theta-box h3,
.theta-box h4{
    margin:0 0 8px 0;
    color:var(--theta-box-text);
}

.theta-box h1:last-child,
.theta-box h2:last-child,
.theta-box h3:last-child,
.theta-box h4:last-child,
.theta-box p:last-child{
    margin-bottom:0;
}



.theta-box p,
.theta-box li{
    color:var(--theta-box-muted);
}

/* ==========================================
   THETA Box Varianten
   ========================================== */

.theta-box-leadership{
    --theta-box-bg:var(--theta-dashboard-leadership-bg);
    --theta-box-bg-2:var(--theta-dashboard-leadership-bg-2);
    --theta-box-text:var(--theta-dashboard-leadership-text);
    --theta-box-muted:var(--theta-dashboard-leadership-muted);
    --theta-box-accent:var(--theta-dashboard-leadership-accent);
}

.theta-box-simulation{
    --theta-box-bg:var(--theta-dashboard-simulation-bg);
    --theta-box-bg-2:var(--theta-dashboard-simulation-bg-2);
    --theta-box-text:var(--theta-dashboard-simulation-text);
    --theta-box-muted:var(--theta-dashboard-simulation-muted);
    --theta-box-accent:var(--theta-dashboard-simulation-accent);
}

.theta-box-book{
    --theta-box-bg:var(--theta-dashboard-book-bg);
    --theta-box-bg-2:var(--theta-dashboard-book-bg-2);
    --theta-box-text:var(--theta-dashboard-book-text);
    --theta-box-muted:var(--theta-dashboard-book-muted);
    --theta-box-accent:var(--theta-dashboard-book-accent);
}

.theta-box-academy{
    --theta-box-bg:var(--theta-dashboard-academy-bg);
    --theta-box-bg-2:var(--theta-dashboard-academy-bg-2);
    --theta-box-text:var(--theta-dashboard-academy-text);
    --theta-box-muted:var(--theta-dashboard-academy-muted);
    --theta-box-accent:var(--theta-dashboard-academy-accent);
}

.theta-box-hardware{
    --theta-box-bg:var(--theta-dashboard-hardware-bg);
    --theta-box-bg-2:var(--theta-dashboard-hardware-bg-2);
    --theta-box-text:var(--theta-dashboard-hardware-text);
    --theta-box-muted:var(--theta-dashboard-hardware-muted);
    --theta-box-accent:var(--theta-dashboard-hardware-accent);
}


/* ==========================================
   THETA Card Grunddesign
   ========================================== */

.theta-card{
    padding:24px;
    margin:20px 0;

    background:var(--theta-card-bg);
    color:var(--theta-card-text);

    border:1px solid var(--theta-dashboard-line);
    border-top:5px solid var(--theta-card-accent);

    border-radius:14px;

    box-shadow:0 14px 32px rgba(0,0,0,.22);

    height:100%;
    box-sizing:border-box;
}

.theta-card h1,
.theta-card h2,
.theta-card h3,
.theta-card h4{
    margin-top:0;
    color:var(--theta-card-text);
}

.theta-card p,
.theta-card li{
    color:var(--theta-card-muted);
}

.theta-card p:last-child{
    margin-bottom:0;
}

/* ==========================================
   THETA Card Varianten
   ========================================== */

.theta-card-leadership{
    --theta-card-bg:var(--theta-dashboard-leadership-bg);
    --theta-card-text:var(--theta-dashboard-leadership-text);
    --theta-card-muted:var(--theta-dashboard-leadership-muted);
    --theta-card-accent:var(--theta-dashboard-leadership-accent);
}

.theta-card-simulation{
    --theta-card-bg:var(--theta-dashboard-simulation-bg);
    --theta-card-text:var(--theta-dashboard-simulation-text);
    --theta-card-muted:var(--theta-dashboard-simulation-muted);
    --theta-card-accent:var(--theta-dashboard-simulation-accent);
}

.theta-card-book{
    --theta-card-bg:var(--theta-dashboard-book-bg);
    --theta-card-text:var(--theta-dashboard-book-text);
    --theta-card-muted:var(--theta-dashboard-book-muted);
    --theta-card-accent:var(--theta-dashboard-book-accent);
}

.theta-card-academy{
    --theta-card-bg:var(--theta-dashboard-academy-bg);
    --theta-card-text:var(--theta-dashboard-academy-text);
    --theta-card-muted:var(--theta-dashboard-academy-muted);
    --theta-card-accent:var(--theta-dashboard-academy-accent);
}

.theta-card-hardware{
    --theta-card-bg:var(--theta-dashboard-hardware-bg);
    --theta-card-text:var(--theta-dashboard-hardware-text);
    --theta-card-muted:var(--theta-dashboard-hardware-muted);
    --theta-card-accent:var(--theta-dashboard-hardware-accent);
}


/* ==========================================
   THETA KPI Grunddesign
   ========================================== */

.theta-kpi{

    padding:24px;

    background:var(--theta-kpi-bg);

    border:1px solid var(--theta-dashboard-line);
    border-top:5px solid var(--theta-kpi-accent);

    border-radius:14px;

    text-align:center;

    box-shadow:0 14px 32px rgba(0,0,0,.22);

    height:100%;
    box-sizing:border-box;
}

.theta-kpi-label{

    color:var(--theta-kpi-muted);

    font-size:14px;
    font-weight:600;

    text-transform:uppercase;
    letter-spacing:.5px;

    margin-bottom:10px;
}

.theta-kpi-value{

    color:var(--theta-kpi-text);

    font-size:42px;
    font-weight:800;

    line-height:1.1;

    margin-bottom:8px;
}

.theta-kpi-info{

    color:var(--theta-kpi-muted);

    font-size:14px;
}


.theta-kpi-leadership{
    --theta-kpi-bg:var(--theta-dashboard-leadership-bg);
    --theta-kpi-text:var(--theta-dashboard-leadership-text);
    --theta-kpi-muted:var(--theta-dashboard-leadership-muted);
    --theta-kpi-accent:var(--theta-dashboard-leadership-accent);
}

.theta-kpi-simulation{
    --theta-kpi-bg:var(--theta-dashboard-simulation-bg);
    --theta-kpi-text:var(--theta-dashboard-simulation-text);
    --theta-kpi-muted:var(--theta-dashboard-simulation-muted);
    --theta-kpi-accent:var(--theta-dashboard-simulation-accent);
}

.theta-kpi-book{
    --theta-kpi-bg:var(--theta-dashboard-book-bg);
    --theta-kpi-text:var(--theta-dashboard-book-text);
    --theta-kpi-muted:var(--theta-dashboard-book-muted);
    --theta-kpi-accent:var(--theta-dashboard-book-accent);
}

.theta-kpi-academy{
    --theta-kpi-bg:var(--theta-dashboard-academy-bg);
    --theta-kpi-text:var(--theta-dashboard-academy-text);
    --theta-kpi-muted:var(--theta-dashboard-academy-muted);
    --theta-kpi-accent:var(--theta-dashboard-academy-accent);
}

.theta-kpi-hardware{
    --theta-kpi-bg:var(--theta-dashboard-hardware-bg);
    --theta-kpi-text:var(--theta-dashboard-hardware-text);
    --theta-kpi-muted:var(--theta-dashboard-hardware-muted);
    --theta-kpi-accent:var(--theta-dashboard-hardware-accent);
}

/* ==========================================
   THETA Panel Grunddesign
   ========================================== */

.theta-panel{
    padding:40px;
    margin:24px 0;

    background:linear-gradient(
        135deg,
        var(--theta-panel-bg) 0%,
        var(--theta-panel-bg-2) 100%
    );

    border:1px solid var(--theta-dashboard-line);
    border-left:5px solid var(--theta-panel-accent);

    border-radius:16px;

    color:var(--theta-panel-text);

    box-shadow:0 22px 46px rgba(0,0,0,.32);

    box-sizing:border-box;
}

.theta-panel h1,
.theta-panel h2,
.theta-panel h3,
.theta-panel h4{
    color:var(--theta-panel-text);
    margin-top:0;
}

.theta-panel p,
.theta-panel li{
    color:var(--theta-panel-muted);
}

.theta-panel p:last-child{
    margin-bottom:0;
}

/* ==========================================
   THETA Panel Varianten
   ========================================== */

.theta-panel-leadership{
    --theta-panel-bg:var(--theta-dashboard-leadership-bg);
    --theta-panel-bg-2:var(--theta-dashboard-leadership-bg-2);
    --theta-panel-text:var(--theta-dashboard-leadership-text);
    --theta-panel-muted:var(--theta-dashboard-leadership-muted);
    --theta-panel-accent:var(--theta-dashboard-leadership-accent);
}

.theta-panel-simulation{
    --theta-panel-bg:var(--theta-dashboard-simulation-bg);
    --theta-panel-bg-2:var(--theta-dashboard-simulation-bg-2);
    --theta-panel-text:var(--theta-dashboard-simulation-text);
    --theta-panel-muted:var(--theta-dashboard-simulation-muted);
    --theta-panel-accent:var(--theta-dashboard-simulation-accent);
}

.theta-panel-book{
    --theta-panel-bg:var(--theta-dashboard-book-bg);
    --theta-panel-bg-2:var(--theta-dashboard-book-bg-2);
    --theta-panel-text:var(--theta-dashboard-book-text);
    --theta-panel-muted:var(--theta-dashboard-book-muted);
    --theta-panel-accent:var(--theta-dashboard-book-accent);
}

.theta-panel-academy{
    --theta-panel-bg:var(--theta-dashboard-academy-bg);
    --theta-panel-bg-2:var(--theta-dashboard-academy-bg-2);
    --theta-panel-text:var(--theta-dashboard-academy-text);
    --theta-panel-muted:var(--theta-dashboard-academy-muted);
    --theta-panel-accent:var(--theta-dashboard-academy-accent);
}

.theta-panel-hardware{
    --theta-panel-bg:var(--theta-dashboard-hardware-bg);
    --theta-panel-bg-2:var(--theta-dashboard-hardware-bg-2);
    --theta-panel-text:var(--theta-dashboard-hardware-text);
    --theta-panel-muted:var(--theta-dashboard-hardware-muted);
    --theta-panel-accent:var(--theta-dashboard-hardware-accent);
}





/* ==========================================
   THETA Button Grunddesign
   ========================================== */

.theta-button{

    display:inline-flex;

    align-items:center;
    justify-content:center;

    min-height:52px;
    min-width:220px;

    padding:16px 32px;

    border-radius:12px;

    border:2px solid var(--theta-button-bg);

    background:var(--theta-button-bg);
    color:var(--theta-button-text) !important;

    font-size:18px;
    font-weight:700;

    text-decoration:none !important;

    cursor:pointer;

    transition:all .2s ease;
}

.theta-button:hover{

    filter:brightness(1.1);

    color:var(--theta-button-text) !important;

    text-decoration:none !important;

    transform:translateY(-1px);
}






/* ==========================================
   THETA Button Leadership
   ========================================== */

.theta-button-leadership{
    --theta-button-bg:var(--theta-leadership);
    --theta-button-text:var(--theta-darkblue);
}

/* ==========================================
   THETA Button Simulation
   ========================================== */

.theta-button-simulation{
    --theta-button-bg:var(--theta-simulation);
    --theta-button-text:var(--theta-darkblue);
}

/* ==========================================
   THETA Button Book
   ========================================== */

.theta-button-book{
    --theta-button-bg:var(--theta-book);
    --theta-button-text:#ffffff;
}

/* ==========================================
   THETA Button Academy
   ========================================== */

.theta-button-academy{
    --theta-button-bg:var(--theta-academy);
    --theta-button-text:var(--theta-darkblue);
}

/* ==========================================
   THETA Button Hardware
   ========================================== */

.theta-button-hardware{
    --theta-button-bg:var(--theta-hardware);
    --theta-button-text:#ffffff;
}


/* ==========================================
   THETA Button Container
   ========================================== */

.theta-button-center{
    display:flex;
    justify-content:center;
    align-items:center;
    width:100%;
    height:auto;
    min-height:0;
    margin:40px 0;
    box-sizing:border-box;
}

.theta-button-full{
    width:100%;
}

/* ==========================================
   THETA Tabelle Grunddesign
   ========================================== */

.theta-table{

    width:100%;

    border-collapse:collapse;

    background:var(--theta-table-bg);

    border:1px solid var(--theta-dashboard-line);

    border-radius:14px;

    overflow:hidden;

    box-shadow:0 14px 32px rgba(0,0,0,.22);
}

.theta-table th{

    background:var(--theta-table-header-bg);

    color:var(--theta-table-header-text);

    padding:16px;

    text-align:left;

    font-size:15px;
    font-weight:700;
}

.theta-table td{

    padding:14px 16px;

    color:var(--theta-table-text);

    border-top:1px solid var(--theta-dashboard-line);

    vertical-align:middle;
}

.theta-table tr:hover{

    background:rgba(255,255,255,.03);
}


.theta-table-center{
    text-align:center;
}

.theta-table-right{
    text-align:right;
}

.theta-table-button{

    display:flex;

    justify-content:center;
    align-items:center;
}

.theta-table-leadership{

    --theta-table-bg:var(--theta-dashboard-leadership-bg);
    --theta-table-header-bg:var(--theta-dashboard-leadership-accent);
    --theta-table-header-text:#071E3D;
    --theta-table-text:var(--theta-dashboard-leadership-text);
}

.theta-table-simulation{

    --theta-table-bg:var(--theta-dashboard-simulation-bg);
    --theta-table-header-bg:var(--theta-dashboard-simulation-accent);
    --theta-table-header-text:#071E3D;
    --theta-table-text:var(--theta-dashboard-simulation-text);
}

.theta-table-book{

    --theta-table-bg:var(--theta-dashboard-book-bg);
    --theta-table-header-bg:var(--theta-dashboard-book-accent);
    --theta-table-header-text:#ffffff;
    --theta-table-text:var(--theta-dashboard-book-text);
}

.theta-table-academy{

    --theta-table-bg:var(--theta-dashboard-academy-bg);
    --theta-table-header-bg:var(--theta-dashboard-academy-accent);
    --theta-table-header-text:#071E3D;
    --theta-table-text:var(--theta-dashboard-academy-text);
}

.theta-table-hardware{

    --theta-table-bg:var(--theta-dashboard-hardware-bg);
    --theta-table-header-bg:var(--theta-dashboard-hardware-accent);
    --theta-table-header-text:#ffffff;
    --theta-table-text:var(--theta-dashboard-hardware-text);
}

/* ==========================================
   THETA Dashboard Grunddesign
   ========================================== */

.theta-dashboard{
    width:100%;
    box-sizing:border-box;

    padding:40px;
    margin:30px 0;

    background:linear-gradient(
        135deg,
        var(--theta-dashboard-theme-bg) 0%,
        var(--theta-dashboard-theme-bg-2) 100%
    );

    border:1px solid var(--theta-dashboard-line);
    border-left:6px solid var(--theta-dashboard-theme-accent);

    border-radius:18px;

    color:var(--theta-dashboard-theme-text);

    box-shadow:0 24px 52px rgba(0,0,0,.36);
}

.theta-dashboard h1,
.theta-dashboard h2,
.theta-dashboard h3,
.theta-dashboard h4{
    color:var(--theta-dashboard-theme-text);
    margin-top:0;
}

.theta-dashboard p,
.theta-dashboard li{
    color:var(--theta-dashboard-theme-muted);
}

.theta-dashboard a{
    color:var(--theta-dashboard-theme-accent);
}


.theta-dashboard-header{
    margin-bottom:28px;
    padding-bottom:18px;
    border-bottom:1px solid var(--theta-dashboard-line);
}

.theta-dashboard-title{
    margin:0 0 8px 0;
    font-size:28px;
    font-weight:800;
}

.theta-dashboard-subtitle{
    margin:0;
    color:var(--theta-dashboard-theme-muted);
    font-size:16px;
}


.theta-dashboard-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:18px;
}

@media(max-width:900px){
    .theta-dashboard-grid{
        grid-template-columns:1fr;
    }
}

.theta-dashboard-leadership{
    --theta-dashboard-theme-bg:var(--theta-dashboard-leadership-bg);
    --theta-dashboard-theme-bg-2:var(--theta-dashboard-leadership-bg-2);
    --theta-dashboard-theme-text:var(--theta-dashboard-leadership-text);
    --theta-dashboard-theme-muted:var(--theta-dashboard-leadership-muted);
    --theta-dashboard-theme-accent:var(--theta-dashboard-leadership-accent);
}

.theta-dashboard-simulation{
    --theta-dashboard-theme-bg:var(--theta-dashboard-simulation-bg);
    --theta-dashboard-theme-bg-2:var(--theta-dashboard-simulation-bg-2);
    --theta-dashboard-theme-text:var(--theta-dashboard-simulation-text);
    --theta-dashboard-theme-muted:var(--theta-dashboard-simulation-muted);
    --theta-dashboard-theme-accent:var(--theta-dashboard-simulation-accent);
}

.theta-dashboard-book{
    --theta-dashboard-theme-bg:var(--theta-dashboard-book-bg);
    --theta-dashboard-theme-bg-2:var(--theta-dashboard-book-bg-2);
    --theta-dashboard-theme-text:var(--theta-dashboard-book-text);
    --theta-dashboard-theme-muted:var(--theta-dashboard-book-muted);
    --theta-dashboard-theme-accent:var(--theta-dashboard-book-accent);
}

.theta-dashboard-academy{
    --theta-dashboard-theme-bg:var(--theta-dashboard-academy-bg);
    --theta-dashboard-theme-bg-2:var(--theta-dashboard-academy-bg-2);
    --theta-dashboard-theme-text:var(--theta-dashboard-academy-text);
    --theta-dashboard-theme-muted:var(--theta-dashboard-academy-muted);
    --theta-dashboard-theme-accent:var(--theta-dashboard-academy-accent);
}

.theta-dashboard-hardware{
    --theta-dashboard-theme-bg:var(--theta-dashboard-hardware-bg);
    --theta-dashboard-theme-bg-2:var(--theta-dashboard-hardware-bg-2);
    --theta-dashboard-theme-text:var(--theta-dashboard-hardware-text);
    --theta-dashboard-theme-muted:var(--theta-dashboard-hardware-muted);
    --theta-dashboard-theme-accent:var(--theta-dashboard-hardware-accent);
}


/* ==========================================
   THETA Icon Grunddesign
   ========================================== */

.theta-icon{
    width:72px;
    height:72px;

    display:inline-flex;
    align-items:center;
    justify-content:center;

    border-radius:18px;

    background:var(--theta-icon-bg);
    color:var(--theta-icon-text);

    border:1px solid var(--theta-dashboard-line);
    box-shadow:0 14px 32px rgba(0,0,0,.22);

    font-size:32px;
    font-weight:800;
}

.theta-icon-leadership{ --theta-icon-bg:var(--theta-leadership); --theta-icon-text:var(--theta-darkblue); }
.theta-icon-simulation{ --theta-icon-bg:var(--theta-simulation); --theta-icon-text:var(--theta-darkblue); }
.theta-icon-book{ --theta-icon-bg:var(--theta-book); --theta-icon-text:#ffffff; }
.theta-icon-academy{ --theta-icon-bg:var(--theta-academy); --theta-icon-text:var(--theta-darkblue); }
.theta-icon-hardware{ --theta-icon-bg:var(--theta-hardware); --theta-icon-text:#ffffff; }


/* ==========================================
   THETA Timeline Grunddesign
   ========================================== */

.theta-timeline{
    position:relative;
    padding-left:34px;
    margin:24px 0;
}

.theta-timeline::before{
    content:"";
    position:absolute;
    left:10px;
    top:0;
    bottom:0;
    width:2px;
    background:var(--theta-timeline-accent);
}

.theta-timeline-item{
    position:relative;
    margin-bottom:24px;
    padding:18px 22px;

    background:linear-gradient(
        135deg,
        var(--theta-timeline-bg) 0%,
        var(--theta-timeline-bg-2) 100%
    );

    border:1px solid var(--theta-dashboard-line);
    border-radius:14px;

    color:var(--theta-timeline-text);
    box-shadow:0 14px 32px rgba(0,0,0,.22);
}

.theta-timeline-item::before{
    content:"";
    position:absolute;
    left:-31px;
    top:22px;

    width:14px;
    height:14px;

    border-radius:50%;
    background:var(--theta-timeline-accent);
}

.theta-timeline-item h3{
    margin-top:0;
    color:var(--theta-timeline-text);
}

.theta-timeline-item p,
.theta-timeline-item li{
    color:var(--theta-timeline-muted);
}

.theta-timeline-leadership{
    --theta-timeline-bg:var(--theta-dashboard-leadership-bg);
    --theta-timeline-bg-2:var(--theta-dashboard-leadership-bg-2);
    --theta-timeline-text:var(--theta-dashboard-leadership-text);
    --theta-timeline-muted:var(--theta-dashboard-leadership-muted);
    --theta-timeline-accent:var(--theta-dashboard-leadership-accent);
}

.theta-timeline-simulation{
    --theta-timeline-bg:var(--theta-dashboard-simulation-bg);
    --theta-timeline-bg-2:var(--theta-dashboard-simulation-bg-2);
    --theta-timeline-text:var(--theta-dashboard-simulation-text);
    --theta-timeline-muted:var(--theta-dashboard-simulation-muted);
    --theta-timeline-accent:var(--theta-dashboard-simulation-accent);
}

.theta-timeline-book{
    --theta-timeline-bg:var(--theta-dashboard-book-bg);
    --theta-timeline-bg-2:var(--theta-dashboard-book-bg-2);
    --theta-timeline-text:var(--theta-dashboard-book-text);
    --theta-timeline-muted:var(--theta-dashboard-book-muted);
    --theta-timeline-accent:var(--theta-dashboard-book-accent);
}

.theta-timeline-academy{
    --theta-timeline-bg:var(--theta-dashboard-academy-bg);
    --theta-timeline-bg-2:var(--theta-dashboard-academy-bg-2);
    --theta-timeline-text:var(--theta-dashboard-academy-text);
    --theta-timeline-muted:var(--theta-dashboard-academy-muted);
    --theta-timeline-accent:var(--theta-dashboard-academy-accent);
}

.theta-timeline-hardware{
    --theta-timeline-bg:var(--theta-dashboard-hardware-bg);
    --theta-timeline-bg-2:var(--theta-dashboard-hardware-bg-2);
    --theta-timeline-text:var(--theta-dashboard-hardware-text);
    --theta-timeline-muted:var(--theta-dashboard-hardware-muted);
    --theta-timeline-accent:var(--theta-dashboard-hardware-accent);
}

/* ==========================================
   THETA Pricing Card
   ========================================== */

.theta-pricing{
    padding:32px;
    margin:24px 0;

    background:linear-gradient(
        135deg,
        var(--theta-pricing-bg) 0%,
        var(--theta-pricing-bg-2) 100%
    );

    border:1px solid var(--theta-dashboard-line);
    border-top:6px solid var(--theta-pricing-accent);

    border-radius:18px;

    color:var(--theta-pricing-text);
    box-shadow:0 22px 46px rgba(0,0,0,.32);

    height:100%;
    box-sizing:border-box;
}

.theta-pricing-title{
    margin:0 0 12px 0;
    color:var(--theta-pricing-text);
    font-size:24px;
    font-weight:800;
}

.theta-pricing-price{
    margin:18px 0;
    color:var(--theta-pricing-accent);
    font-size:42px;
    font-weight:900;
    line-height:1;
}

.theta-pricing-subtitle,
.theta-pricing p,
.theta-pricing li{
    color:var(--theta-pricing-muted);
}

.theta-pricing ul{
    margin:22px 0;
    padding-left:20px;
}

.theta-pricing-leadership{
    --theta-pricing-bg:var(--theta-dashboard-leadership-bg);
    --theta-pricing-bg-2:var(--theta-dashboard-leadership-bg-2);
    --theta-pricing-text:var(--theta-dashboard-leadership-text);
    --theta-pricing-muted:var(--theta-dashboard-leadership-muted);
    --theta-pricing-accent:var(--theta-dashboard-leadership-accent);
}

.theta-pricing-simulation{
    --theta-pricing-bg:var(--theta-dashboard-simulation-bg);
    --theta-pricing-bg-2:var(--theta-dashboard-simulation-bg-2);
    --theta-pricing-text:var(--theta-dashboard-simulation-text);
    --theta-pricing-muted:var(--theta-dashboard-simulation-muted);
    --theta-pricing-accent:var(--theta-dashboard-simulation-accent);
}

.theta-pricing-book{
    --theta-pricing-bg:var(--theta-dashboard-book-bg);
    --theta-pricing-bg-2:var(--theta-dashboard-book-bg-2);
    --theta-pricing-text:var(--theta-dashboard-book-text);
    --theta-pricing-muted:var(--theta-dashboard-book-muted);
    --theta-pricing-accent:var(--theta-dashboard-book-accent);
}

.theta-pricing-academy{
    --theta-pricing-bg:var(--theta-dashboard-academy-bg);
    --theta-pricing-bg-2:var(--theta-dashboard-academy-bg-2);
    --theta-pricing-text:var(--theta-dashboard-academy-text);
    --theta-pricing-muted:var(--theta-dashboard-academy-muted);
    --theta-pricing-accent:var(--theta-dashboard-academy-accent);
}

.theta-pricing-hardware{
    --theta-pricing-bg:var(--theta-dashboard-hardware-bg);
    --theta-pricing-bg-2:var(--theta-dashboard-hardware-bg-2);
    --theta-pricing-text:var(--theta-dashboard-hardware-text);
    --theta-pricing-muted:var(--theta-dashboard-hardware-muted);
    --theta-pricing-accent:var(--theta-dashboard-hardware-accent);
}

/* ==========================================
   THETA Contact CTA
   ========================================== */

.theta-contact{
    padding:36px;
    margin:28px 0;

    background:linear-gradient(
        135deg,
        var(--theta-contact-bg) 0%,
        var(--theta-contact-bg-2) 100%
    );

    border:1px solid var(--theta-dashboard-line);
    border-left:6px solid var(--theta-contact-accent);

    border-radius:18px;

    color:var(--theta-contact-text);
    box-shadow:0 22px 46px rgba(0,0,0,.32);

    text-align:center;
}

.theta-contact h2,
.theta-contact h3{
    margin-top:0;
    color:var(--theta-contact-text);
}

.theta-contact p{
    color:var(--theta-contact-muted);
}

.theta-contact-leadership{
    --theta-contact-bg:var(--theta-dashboard-leadership-bg);
    --theta-contact-bg-2:var(--theta-dashboard-leadership-bg-2);
    --theta-contact-text:var(--theta-dashboard-leadership-text);
    --theta-contact-muted:var(--theta-dashboard-leadership-muted);
    --theta-contact-accent:var(--theta-dashboard-leadership-accent);
}

.theta-contact-simulation{
    --theta-contact-bg:var(--theta-dashboard-simulation-bg);
    --theta-contact-bg-2:var(--theta-dashboard-simulation-bg-2);
    --theta-contact-text:var(--theta-dashboard-simulation-text);
    --theta-contact-muted:var(--theta-dashboard-simulation-muted);
    --theta-contact-accent:var(--theta-dashboard-simulation-accent);
}

.theta-contact-book{
    --theta-contact-bg:var(--theta-dashboard-book-bg);
    --theta-contact-bg-2:var(--theta-dashboard-book-bg-2);
    --theta-contact-text:var(--theta-dashboard-book-text);
    --theta-contact-muted:var(--theta-dashboard-book-muted);
    --theta-contact-accent:var(--theta-dashboard-book-accent);
}

.theta-contact-academy{
    --theta-contact-bg:var(--theta-dashboard-academy-bg);
    --theta-contact-bg-2:var(--theta-dashboard-academy-bg-2);
    --theta-contact-text:var(--theta-dashboard-academy-text);
    --theta-contact-muted:var(--theta-dashboard-academy-muted);
    --theta-contact-accent:var(--theta-dashboard-academy-accent);
}

.theta-contact-hardware{
    --theta-contact-bg:var(--theta-dashboard-hardware-bg);
    --theta-contact-bg-2:var(--theta-dashboard-hardware-bg-2);
    --theta-contact-text:var(--theta-dashboard-hardware-text);
    --theta-contact-muted:var(--theta-dashboard-hardware-muted);
    --theta-contact-accent:var(--theta-dashboard-hardware-accent);
}

/* ==========================================
   THETA Coming Soon
   ========================================== */

.theta-coming-soon{
    min-height:420px;

    display:flex;
    align-items:center;
    justify-content:center;

    padding:56px 36px;
    margin:32px 0;

    background:linear-gradient(
        135deg,
        var(--theta-coming-bg) 0%,
        var(--theta-coming-bg-2) 100%
    );

    border:1px solid var(--theta-dashboard-line);
    border-top:7px solid var(--theta-coming-accent);

    border-radius:22px;

    color:var(--theta-coming-text);

    box-shadow:0 28px 58px rgba(0,0,0,.38);

    text-align:center;
}

.theta-coming-soon-inner{
    max-width:760px;
}

.theta-coming-soon-kicker{
    color:var(--theta-coming-accent);
    font-size:14px;
    font-weight:800;
    letter-spacing:.12em;
    text-transform:uppercase;
    margin-bottom:14px;
}

.theta-coming-soon h1,
.theta-coming-soon h2{
    color:var(--theta-coming-text);
    margin:0 0 18px 0;
    font-size:42px;
    line-height:1.1;
}

.theta-coming-soon p{
    color:var(--theta-coming-muted);
    font-size:18px;
    line-height:1.6;
}

.theta-coming-soon-leadership{
    --theta-coming-bg:var(--theta-dashboard-leadership-bg);
    --theta-coming-bg-2:var(--theta-dashboard-leadership-bg-2);
    --theta-coming-text:var(--theta-dashboard-leadership-text);
    --theta-coming-muted:var(--theta-dashboard-leadership-muted);
    --theta-coming-accent:var(--theta-dashboard-leadership-accent);
}

.theta-coming-soon-simulation{
    --theta-coming-bg:var(--theta-dashboard-simulation-bg);
    --theta-coming-bg-2:var(--theta-dashboard-simulation-bg-2);
    --theta-coming-text:var(--theta-dashboard-simulation-text);
    --theta-coming-muted:var(--theta-dashboard-simulation-muted);
    --theta-coming-accent:var(--theta-dashboard-simulation-accent);
}

.theta-coming-soon-book{
    --theta-coming-bg:var(--theta-dashboard-book-bg);
    --theta-coming-bg-2:var(--theta-dashboard-book-bg-2);
    --theta-coming-text:var(--theta-dashboard-book-text);
    --theta-coming-muted:var(--theta-dashboard-book-muted);
    --theta-coming-accent:var(--theta-dashboard-book-accent);
}

.theta-coming-soon-academy{
    --theta-coming-bg:var(--theta-dashboard-academy-bg);
    --theta-coming-bg-2:var(--theta-dashboard-academy-bg-2);
    --theta-coming-text:var(--theta-dashboard-academy-text);
    --theta-coming-muted:var(--theta-dashboard-academy-muted);
    --theta-coming-accent:var(--theta-dashboard-academy-accent);
}

.theta-coming-soon-hardware{
    --theta-coming-bg:var(--theta-dashboard-hardware-bg);
    --theta-coming-bg-2:var(--theta-dashboard-hardware-bg-2);
    --theta-coming-text:var(--theta-dashboard-hardware-text);
    --theta-coming-muted:var(--theta-dashboard-hardware-muted);
    --theta-coming-accent:var(--theta-dashboard-hardware-accent);
}

/* ==========================================
   THETA Form / Anmeldung
   ========================================== */

.theta-form{
    padding:36px;
    margin:28px 0;

    background:linear-gradient(
        135deg,
        var(--theta-form-bg) 0%,
        var(--theta-form-bg-2) 100%
    );

    border:1px solid var(--theta-dashboard-line);
    border-left:6px solid var(--theta-form-accent);

    border-radius:18px;

    color:var(--theta-form-text);

    box-shadow:0 22px 46px rgba(0,0,0,.32);
}

.theta-form h2,
.theta-form h3{
    color:var(--theta-form-text);
    margin-top:0;
}

.theta-form p,
.theta-form label{
    color:var(--theta-form-muted);
}

.theta-form input,
.theta-form select,
.theta-form textarea{
    width:100%;
    box-sizing:border-box;

    padding:14px 16px;

    border-radius:10px;
    border:1px solid var(--theta-dashboard-line);

    background:rgba(255,255,255,.08);
    color:var(--theta-form-text);

    font-size:16px;
}

.theta-form input:focus,
.theta-form select:focus,
.theta-form textarea:focus{
    outline:none;
    border-color:var(--theta-form-accent);
    box-shadow:0 0 0 3px rgba(255,255,255,.08);
}

.theta-form-academy{
    --theta-form-bg:var(--theta-dashboard-academy-bg);
    --theta-form-bg-2:var(--theta-dashboard-academy-bg-2);
    --theta-form-text:var(--theta-dashboard-academy-text);
    --theta-form-muted:var(--theta-dashboard-academy-muted);
    --theta-form-accent:var(--theta-dashboard-academy-accent);
}

/* ==========================================
   THETA Accordion
   ========================================== */

.theta-accordion{

    margin:18px 0;

    background:linear-gradient(
        135deg,
        var(--theta-accordion-bg) 0%,
        var(--theta-accordion-bg-2) 100%
    );

    border:1px solid var(--theta-dashboard-line);
    border-left:5px solid var(--theta-accordion-accent);

    border-radius:14px;

    overflow:hidden;

    box-shadow:0 14px 32px rgba(0,0,0,.22);
}

.theta-accordion summary{

    display:flex;
    align-items:center;
    justify-content:space-between;

    padding:20px 24px;

    cursor:pointer;

    color:var(--theta-accordion-text);

    font-size:18px;
    font-weight:700;

    list-style:none;
}

.theta-accordion summary::-webkit-details-marker{
    display:none;
}

.theta-accordion summary::after{

    content:"+";

    color:var(--theta-accordion-accent);

    font-size:28px;
    font-weight:800;

    line-height:1;
}

.theta-accordion[open] summary::after{
    content:"–";
}

.theta-accordion-content{

    padding:0 24px 24px 24px;

    color:var(--theta-accordion-muted);
}

.theta-accordion-content p,
.theta-accordion-content li{

    color:var(--theta-accordion-muted);
}

.theta-accordion-content ul{
    margin-bottom:0;
}

.theta-accordion-leadership{
    --theta-accordion-bg:var(--theta-dashboard-leadership-bg);
    --theta-accordion-bg-2:var(--theta-dashboard-leadership-bg-2);
    --theta-accordion-text:var(--theta-dashboard-leadership-text);
    --theta-accordion-muted:var(--theta-dashboard-leadership-muted);
    --theta-accordion-accent:var(--theta-dashboard-leadership-accent);
}

.theta-accordion-simulation{
    --theta-accordion-bg:var(--theta-dashboard-simulation-bg);
    --theta-accordion-bg-2:var(--theta-dashboard-simulation-bg-2);
    --theta-accordion-text:var(--theta-dashboard-simulation-text);
    --theta-accordion-muted:var(--theta-dashboard-simulation-muted);
    --theta-accordion-accent:var(--theta-dashboard-simulation-accent);
}

.theta-accordion-book{
    --theta-accordion-bg:var(--theta-dashboard-book-bg);
    --theta-accordion-bg-2:var(--theta-dashboard-book-bg-2);
    --theta-accordion-text:var(--theta-dashboard-book-text);
    --theta-accordion-muted:var(--theta-dashboard-book-muted);
    --theta-accordion-accent:var(--theta-dashboard-book-accent);
}

.theta-accordion-academy{
    --theta-accordion-bg:var(--theta-dashboard-academy-bg);
    --theta-accordion-bg-2:var(--theta-dashboard-academy-bg-2);
    --theta-accordion-text:var(--theta-dashboard-academy-text);
    --theta-accordion-muted:var(--theta-dashboard-academy-muted);
    --theta-accordion-accent:var(--theta-dashboard-academy-accent);
}

.theta-accordion-hardware{
    --theta-accordion-bg:var(--theta-dashboard-hardware-bg);
    --theta-accordion-bg-2:var(--theta-dashboard-hardware-bg-2);
    --theta-accordion-text:var(--theta-dashboard-hardware-text);
    --theta-accordion-muted:var(--theta-dashboard-hardware-muted);
    --theta-accordion-accent:var(--theta-dashboard-hardware-accent);
}


/* ==========================================
   THETA Process
   ========================================== */

.theta-process{

    display:flex;
    flex-wrap:wrap;

    gap:24px;

    align-items:center;
    justify-content:center;

    margin:40px 0;
}

.theta-process-step{

    position:relative;

    min-width:220px;
    max-width:280px;

    padding:28px;

    background:linear-gradient(
        135deg,
        var(--theta-process-bg) 0%,
        var(--theta-process-bg-2) 100%
    );

    border:1px solid var(--theta-dashboard-line);
    border-top:5px solid var(--theta-process-accent);

    border-radius:16px;

    text-align:center;

    box-shadow:0 14px 32px rgba(0,0,0,.22);
}

.theta-process-number{

    display:inline-flex;

    align-items:center;
    justify-content:center;

    width:48px;
    height:48px;

    border-radius:50%;

    background:var(--theta-process-accent);

    color:#071E3D;

    font-size:20px;
    font-weight:800;

    margin-bottom:16px;
}

.theta-process-title{

    color:var(--theta-process-text);

    font-size:22px;
    font-weight:800;

    margin-bottom:10px;
}

.theta-process-text{

    color:var(--theta-process-muted);

    font-size:15px;
    line-height:1.5;
}

.theta-process-step:not(:last-child)::after{

    content:"➜";

    position:absolute;

    right:-22px;
    top:50%;

    transform:translateY(-50%);

    color:var(--theta-process-accent);

    font-size:28px;
    font-weight:800;
}

.theta-process-leadership{
    --theta-process-bg:var(--theta-dashboard-leadership-bg);
    --theta-process-bg-2:var(--theta-dashboard-leadership-bg-2);
    --theta-process-text:var(--theta-dashboard-leadership-text);
    --theta-process-muted:var(--theta-dashboard-leadership-muted);
    --theta-process-accent:var(--theta-dashboard-leadership-accent);
}

.theta-process-simulation{
    --theta-process-bg:var(--theta-dashboard-simulation-bg);
    --theta-process-bg-2:var(--theta-dashboard-simulation-bg-2);
    --theta-process-text:var(--theta-dashboard-simulation-text);
    --theta-process-muted:var(--theta-dashboard-simulation-muted);
    --theta-process-accent:var(--theta-dashboard-simulation-accent);
}

.theta-process-book{
    --theta-process-bg:var(--theta-dashboard-book-bg);
    --theta-process-bg-2:var(--theta-dashboard-book-bg-2);
    --theta-process-text:var(--theta-dashboard-book-text);
    --theta-process-muted:var(--theta-dashboard-book-muted);
    --theta-process-accent:var(--theta-dashboard-book-accent);
}

.theta-process-academy{
    --theta-process-bg:var(--theta-dashboard-academy-bg);
    --theta-process-bg-2:var(--theta-dashboard-academy-bg-2);
    --theta-process-text:var(--theta-dashboard-academy-text);
    --theta-process-muted:var(--theta-dashboard-academy-muted);
    --theta-process-accent:var(--theta-dashboard-academy-accent);
}

.theta-process-hardware{
    --theta-process-bg:var(--theta-dashboard-hardware-bg);
    --theta-process-bg-2:var(--theta-dashboard-hardware-bg-2);
    --theta-process-text:var(--theta-dashboard-hardware-text);
    --theta-process-muted:var(--theta-dashboard-hardware-muted);
    --theta-process-accent:var(--theta-dashboard-hardware-accent);
}

.theta-highlight-leadership{
    color:var(--theta-leadership);
    font-size:20px;
    font-weight:900;
}

.theta-highlight-simulation{
    color:var(--theta-simulation);
    font-size:20px;
    font-weight:900;
}

.theta-highlight-book{
    color:var(--theta-book);
    font-size:20px;
    font-weight:900;
}

.theta-highlight-academy{
    color:var(--theta-academy);
    font-size:20px;
    font-weight:900;
}

.theta-highlight-hardware{
    color:var(--theta-hardware);
    font-size:20px;
    font-weight:900;
}



/* ==========================================
   THETA Box kompakt / Titelzeile
========================================== */

.theta-box-compact{
    padding:8px 20px !important;
    margin:6px 0 !important;

    min-height:0 !important;
    height:auto !important;

    display:flex;
    align-items:center;

    width:100%;
    box-sizing:border-box;

    line-height:1.2 !important;
}

.theta-box-compact *{
    margin:0 !important;
    line-height:1.2 !important;
}

.theta-image{
    border-radius:14px;
}

.theta-image-shadow{
    border-radius:14px;
    box-shadow:0 14px 32px rgba(0,0,0,.22);
}

/* ==========================================
   THETA Compact Box darf im TYPO3 Flex-Grid nicht wachsen
========================================== */

.frame .theta-box-compact{
    flex:0 0 auto !important;
    align-self:flex-start !important;

    width:100% !important;

    height:auto !important;
    min-height:0 !important;

    padding:8px 20px !important;
    margin:0 !important;

    box-sizing:border-box !important;
}

.frame .theta-box-compact,
.frame .theta-box-compact *{
    line-height:1.2 !important;
}

/* ==========================================
   THETA Box Equal-Height Override
   Normale Boxen füllen Equal-Grid-Zeilen.
   Compact-Boxen bleiben niedrig.
========================================== */

.theta-box:not(.theta-box-compact){
    box-sizing:border-box !important;
}

.theta-box-compact{
    height:auto !important;
    min-height:0 !important;
}
.theta-box-small-plain{
    background:linear-gradient(
        90deg,
        var(--theta-dashboard-bg) 0%,
        var(--theta-dashboard-bg-2) 100%
    );

    border:1px solid rgba(255,255,255,.08);

    border-left:none;

    border-radius:14px;

    padding:12px 20px;

    color:var(--theta-dashboard-text);

    box-sizing:border-box;

    width:100%;
}

.theta-box-plain{
    background:linear-gradient(
        90deg,
        var(--theta-dashboard-bg) 0%,
        var(--theta-dashboard-bg-2) 100%
    );

    border:1px solid rgba(255,255,255,.08);

    border-left:none;

    border-radius:14px;

    padding:24px 28px;

    color:var(--theta-dashboard-text);

    box-sizing:border-box;

    width:100%;
}

.theta-box-leadership-bottom{
    --theta-box-bg:var(--theta-dashboard-leadership-bg);
    --theta-box-bg-2:var(--theta-dashboard-leadership-bg-2);
    --theta-box-text:var(--theta-dashboard-leadership-text);
    --theta-box-accent:var(--theta-dashboard-leadership-accent);
}

.theta-box-simulation-bottom{
    --theta-box-bg:var(--theta-dashboard-simulation-bg);
    --theta-box-bg-2:var(--theta-dashboard-simulation-bg-2);
    --theta-box-text:var(--theta-dashboard-simulation-text);
    --theta-box-accent:var(--theta-dashboard-simulation-accent);
}

.theta-box-book-bottom{
    --theta-box-bg:var(--theta-dashboard-book-bg);
    --theta-box-bg-2:var(--theta-dashboard-book-bg-2);
    --theta-box-text:var(--theta-dashboard-book-text);
    --theta-box-accent:var(--theta-dashboard-book-accent);
}

.theta-box-academy-bottom{
    --theta-box-bg:var(--theta-dashboard-academy-bg);
    --theta-box-bg-2:var(--theta-dashboard-academy-bg-2);
    --theta-box-text:var(--theta-dashboard-academy-text);
    --theta-box-accent:var(--theta-dashboard-academy-accent);
}

.theta-box-hardware-bottom{
    --theta-box-bg:var(--theta-dashboard-hardware-bg);
    --theta-box-bg-2:var(--theta-dashboard-hardware-bg-2);
    --theta-box-text:var(--theta-dashboard-hardware-text);
    --theta-box-accent:var(--theta-dashboard-hardware-accent);
}

.theta-box-leadership-bottom,
.theta-box-simulation-bottom,
.theta-box-book-bottom,
.theta-box-academy-bottom,
.theta-box-hardware-bottom{

    position:relative;
    overflow:hidden;

    background:linear-gradient(
        90deg,
        var(--theta-box-bg) 0%,
        var(--theta-box-bg-2) 100%
    );

    border:1px solid rgba(255,255,255,.08);
    border-radius:14px;

    padding:24px 28px;
    color:var(--theta-box-text);
}

.theta-box-leadership-bottom::after,
.theta-box-simulation-bottom::after,
.theta-box-book-bottom::after,
.theta-box-academy-bottom::after,
.theta-box-hardware-bottom::after{

    content:"";
    position:absolute;

    left:0;
    right:0;
    bottom:0;

    height:5px;

    background:var(--theta-box-accent);
}

.theta-content-link [class*="theta-box"],
.theta-content-link [class*="theta-card"]{
    cursor:pointer;
    transition:transform .2s ease,
               box-shadow .2s ease,
               filter .2s ease;
}

.theta-content-link:hover [class*="theta-box"],
.theta-content-link:hover [class*="theta-card"]{
    transform:translateY(-3px);
    filter:brightness(1.05);
}

.theta-clickable{
    cursor:pointer;
}

.theta-clickable:hover{
    transform:translateY(-3px);
    filter:brightness(1.05);
}
.theta-content-link,
.theta-content-link:hover,
.theta-content-link:focus,
.theta-content-link:active,
.theta-content-link:visited{
    text-decoration:none !important;
    color:inherit;
}

.theta-content-link *{
    text-decoration:none !important;
}

/* ==========================================
   THETA Accordion Typografie Final Override
   Weniger Abstand, sauberere Lesbarkeit
   ========================================== */

.theta-accordion summary{
    font-size:36px !important;
    line-height:1.18 !important;
    font-weight:800 !important;
}

.theta-accordion .theta-accordion-title{
    font-size:inherit !important;
    line-height:inherit !important;
    font-weight:inherit !important;
}

.theta-accordion-content{
    font-size:20px !important;
    line-height:1.0 !important;
    padding:0 24px 22px 24px !important;
}

/* TYPO3-RTE erzeugt oft viele einzelne Absätze.
   Deshalb hier bewusst kompakt. */
.theta-accordion-content p{
    margin-top:0 !important;
    margin-bottom:6px !important;
    line-height:1.0 !important;
}

/* Abstand nach Überschriften im Accordion */
.theta-accordion-content h2,
.theta-accordion-content h3,
.theta-accordion-content h4{
    margin-top:18px !important;
    margin-bottom:8px !important;
    line-height:1.0 !important;
}

/* Listen sauber und kompakt */
.theta-accordion-content ul,
.theta-accordion-content ol{
    margin-top:6px !important;
    margin-bottom:14px !important;
    padding-left:24px !important;
}

.theta-accordion-content li{
    margin-bottom:4px !important;
    line-height:1.0 !important;
}

/* Nur echte Leerabsätze verschwinden */
.theta-accordion-content p:empty{
    display:none !important;
}

/* Button im Accordion */
.theta-accordion-button{
    margin-top:18px !important;
}

/* Backend-gesteuerte Titelgrößen */
.theta-title-normal .theta-accordion-title{ font-size:28px !important; }
.theta-title-large .theta-accordion-title{ font-size:36px !important; }
.theta-title-xl .theta-accordion-title{ font-size:44px !important; }
.theta-title-xxl .theta-accordion-title{ font-size:54px !important; }

/* Backend-gesteuerte Textgrößen */
.theta-text-normal .theta-accordion-content,
.theta-text-normal .theta-accordion-content p,
.theta-text-normal .theta-accordion-content li{
    font-size:18px !important;
}

.theta-text-large .theta-accordion-content,
.theta-text-large .theta-accordion-content p,
.theta-text-large .theta-accordion-content li{
    font-size:21px !important;
}

.theta-text-xl .theta-accordion-content,
.theta-text-xl .theta-accordion-content p,
.theta-text-xl .theta-accordion-content li{
    font-size:24px !important;
}

/* Backend-gesteuerte Button-Ausrichtung */
.theta-button-align-left .theta-accordion-button{ text-align:left !important; }
.theta-button-align-center .theta-accordion-button{ text-align:center !important; }
.theta-button-align-right .theta-accordion-button{ text-align:right !important; }

/* THETA Accordion - kompakte RTE-Absätze */

.theta-accordion-content p{

    margin-top:0 !important;
    margin-bottom:0.35em !important;

    padding:0 !important;

}

.theta-accordion-content p + p{

    margin-top:0 !important;

}