/** HTW Corporate Design Farben **/
:root {

    --r-main-font-size: 28px;

    /* Definition der HTW-Grün Farbe */
    --htw-gruen: #76B900;
    --htw-gruen-light: #76B90044;
    --htw-blau: #0082D1;
    --htw-blau-light: #0082D144;
    --htw-orange: #FF5F00;
    --htw-orange-light: #FF5F0011;
    --htw-grau: #AFAFAF;
    --htw-grau-light: #AFAFAF44;
    --aufgaben-rot: #DC1914;
    --aufgaben-rot-light: #ffc4c2;

}

/* Hintergrundfarbe der gesamten Präsentation */
.reveal {
    background-color: white; /* Beispiel: Weiß */
}

.reveal .slides section { text-align: left; /* Links ausrichten */
}

.reveal h1 {
    font-size: 2em; /* Passe diesen Wert an die Schriftgröße von h2 an */
    font-weight: normal; /* Optional: Anpassung der Schriftstärke */
}

/* Textfarbe für Überschriften */
.reveal h1 {
    color: var(--htw-gruen);
}

.reveal h2 {
    color: var(--htw-gruen);
}

/* Logo auf allen Folien */
.reveal::before {
    content: '';
    position: fixed;
    bottom: 15px; /* Position anpassen */
    right: 10px;  /* Position anpassen */
    width: 100px; /* Größe anpassen */
    height: 100px; /* Größe anpassen */
    background-image: url('/assets/images/general/htw_logo.jpg'); /* Pfad zum Logo */
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 1000;
}


/* Copyright-Vermerk unten links auf allen Folien */
.reveal::after {
    content: '© 2025 HTW Berlin | KI Werkstatt'; /* Text anpassen */
    position: fixed;
    bottom: 10px; /* Position anpassen */
    left: 10px;    /* Position anpassen */
    font-size: 12px; /* Schriftgröße anpassen */
    color: var(--htw-grau); /* Verwendung der definierten Farbe */
    z-index: 1000;
    opacity: 1.0; /* Optional: Transparenz */
}

.multiCol {
    display: table;
    table-layout: fixed; 
    width: 100%;
    text-align: left; 
    .col {
        display: table-cell;
        vertical-align: top;
        padding: 5 5 5 5; 
        border: solid 5px #ffffff00;
        &:first-of-type { padding-left: 0; } 
    }
}


/* ... bestehende CSS-Regeln ... */

/* Neuer Stil: Custom Blockquote mit konfigurierbarer Hintergrundfarbe */
.mybox {
    /* Basis-Stile ähnlich wie standardmäßiges blockquote */
    margin: 1em 0;
    text-align: left;
    padding: 0.5em 1em;
    border-left: 5px solid var(--htw-gruen); /* Grüner Pfeil an der linken Seite */
    background-color: var(--htw-grau-light); /* Standard-Hintergrundfarbe (kann angepasst werden) */
    font-style: italic;
    color: #333;
    border-radius: 3px;
}

.mybox.warning {
    border-left-color: var(--htw-orange); /* Orange für kritische Zitate */
    background-color: var(--htw-orange-light); 
    /* color: var(--htw-orange); */
}

.mybox.intro {
    border-left-color: var(--htw-gruen); 
    background-color: var(--htw-gruen-light);
}

.mybox.task {
    border-left-color: var(--aufgaben-rot); 
    background-color: var(--aufgaben-rot-light);
}

.mybox.definition {
    border-left-color: var(--htw-blau); 
    background-color: var(--htw-blau-light);
}

.mybox.citation {
    border-left-color: var(--htw-grau); 
    background-color: var(--htw-grau-light);
}


.image-small {
    height: 150px; /* Anpassbare Höhe */
    width: auto;    /* Beibehaltung des Seitenverhältnisses */
}


.image-normal {
    height: 250px; /* Anpassbare Höhe */
    width: auto;    /* Beibehaltung des Seitenverhältnisses */
}

.image-large {
    height: 300px; /* Anpassbare Höhe */
    width: auto;    /* Beibehaltung des Seitenverhältnisses */
}


.image-max { 
    max-height: 100%; 
    width: auto; 
}

.img-decor { 
    float: left; 
    max-height: 100%; 
    width: auto; 
    margin-right: 20px;
}

.container { display: flex; align-items: center; max-height: 100%; } 

.container img { margin-right: 10px; max-height: 100%;  }

.text-container { display: flex; flex-direction: column;  justify-content: center; }