/* body {
    background: white url("images/background.png");
} */


ul.errorlist {
    padding-left: 0;
}

ul.errorlist > li {
    list-style: none;
}

.navbar {
    border-radius: 0;
}

/* .navbar-brand {
    font-family: 'Satisfy', cursive;
} */

.glyphicon-star {
    color: #CCCCCC;
    font-size: 16px;
}

.glyphicon-star.active {
    color: #FDB230;
}

sup, sub {
    position: relative;
    vertical-align: baseline;
    top: -0.4em;
}
sub { top: 0.4em; }


/* Tabelle in Kennlinie waagerecht */
table.kennlinie {
    display: table;
    
}
table.kennlinie tr.kennlinie {
    display: table-cell;
}

table.kennlinie tr.kennlinie td.kennlinie {
	display: block;
}

.table_kennlinie {
    border: 1px solid black;
    border-collapse: collapse;
    padding: 5px;
    /* display: table;
    display: block;
    display: table-cell; */

}
.div_table_kennlinie {
    padding-left: 30px;
    padding-right: 20px;
    /* position: absolute; */
    height: 80%; 
    width: 80%; 
    top: 10%; 
    left: 10%; 
    /* background-color: #c6c5be;  */
}
.div_table_kennlinie2 {
    padding-left: 30px;
    padding-right: 20px;
    /* position: absolute; */
    height: 80%; 
    width: 80%; 
    top: 10%; 
    left: 10%; 
    /* background-color: #c6c5be;  */
}


/* Container, der alle Spalten nebeneinander anordnet */
.table-wrapper {
    display: flex; /* Spalten nebeneinander */
    border: 2px solid #333;
    background-color: #f8f9fa;
    /* width: fit-content; oder 100%, wenn du möchtest */
    }

    /* Jede Spalte ist ein eigenes DIV */
    .column {
    display: flex;
    flex-direction: column;
    border-right: 1px solid #666; /* Spaltentrennung */
    }
    /* .column:last-child {
    border-right: none;
    } */

    /* Jede Zelle in einer Spalte */
    .cell {
    border-bottom: 1px solid #666;
    /* text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #fff;
    padding: 0 5px; Horizontaler Innenabstand */
    }

    /* Feste Zeilenhöhen als Klassen */
    .row-1 {
    height: 35px; /* Zeile 1 in ALLEN Spalten */
    }
    .row-2 {
    height: 80px; /* Zeile 2 in ALLEN Spalten */
    }
    .row-3 {
    height: 10px; /* Zeile 3 in ALLEN Spalten */
    }

    /* Kopfzeile */
    .header {
    font-weight: bold;
    background-color: #dee2e6;
    }

    .custom-select-width {
        flex: 0 0 70px !important;
        max-width: 70px !important;
        width: 70px !important;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        /* Icon anzeigen, positioniert mit etwas Abstand vom rechten Rand */
        /* background: url("data:image/svg+xml,%3Csvg viewBox='0 0 4 5' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 0L0 2h4L2 0z' fill='%23333'/%3E%3C/svg%3E") no-repeat right 0.5rem center; */
        background-size: 0.8em 0.8em;
        padding-right: 1rem !important;
      }

.centered-heading {
    text-align: center;
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 24px;
    font-weight: bold;
}