body {
    font-family: "Sarabun", sans-serif;
    font-size:14px;
}

i {
    font-size: 20px;
}

h1 {
    border-bottom: 1px solid black;
    background: linear-gradient(to right,#eaeaea, #ffffff); /* Farbverlauf von schwachem Grau zu Weiß */
    margin-left: -20px;
    padding-left: 20px;
    font-size: 22px;
    padding-top:5px;
    padding-bottom: 3px;
}

h1::before {
    content: "\f233"; /* Unicode for the icon (e.g., bi-alarm) */
    font-family: "bootstrap-icons";
    font-size: 15px; /* Adjust icon size */
    margin-right: 10px; /* Space between icon and text */
}

.logged {
    text-align: right;
    font-size:14px;
    position:fixed;
    z-index:1;
    top:5px;
    right:5px;
    background-color: white;
    color:black;
    padding:4px;
    padding-top:2px;
}

.tabelle1 {
    border-collapse: collapse;
    padding: 15px;
    border: 1px solid black;
}

.tabelle {
    border-collapse: collapse;
}

.tabelle tr:nth-child(odd) {
     background-color: seashell;
 }
.tabelle td {
    border:1px black solid;padding:5px;
}

.td1 {
    border:1px black solid;padding:5px;
    width:100px;
    text-align: center;
}

a {
    text-decoration: none;
    color: brown;
}

a:hover   { color: orange; }

.zubringertabletd {
    border: 1px solid black;
    padding: 10px;
}

.select {
    border:1px black solid;
}

.slideshow-container {
    position: relative;
    width: 100%;
    max-width: 600px;
    margin: auto;
}

.slide {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    transition: opacity 1s ease-in-out, transform 1s ease-in-out;
}

.slide.active {
    display: block;
    opacity: 1;
}

.abwechselnd.tr:nth-child(even) {
    background-color: #FD9D5D;
}
.data1 td {
    border: 1px solid black;
}