/* Style the tab */
.res_tab {
overflow: hidden;
border: 1px solid var(--hintergrund2);
background-color: var(--hintergrund1);
}
    
.res_bit form {
display: inline;
}
    
/* Style the buttons that are used to open the tab content */
.res_tab button {
background-color: var(--akzent2);
background-image: none;
border-radius: 0;
float: left;
border: none;
outline: none;
cursor: pointer;
padding: 5px 10px;
transition: 0.3s;
font-size: 14pt;
font-weight: bold;
width:20%;
}
    
/* Change background color of buttons on hover */
.res_tab button:hover {
background-color:var(--hintergrund2);
color:var(--akzent2);
}
    
/* Create an active/current tablink class */
.res_tab button.active {
    background-color:var(--hintergrund2);
color:var(--akzent2);
    }
    
/* Style the tab content */
.res_tabcontent {
background: var(--hintergrund2);
padding: 6px 12px;
border: 1px solid var(--hintergrund2);
border-top: none;
animation: fadeEffect 1s; /* Fading effect takes 1 second */
}
    
/* Go from zero to full opacity */
@keyframes fadeEffect {
from {opacity: 0;}
to {opacity: 1;}
}
    
.res_ausgabe {
display: flex;
flex-wrap: wrap;}
    
.res_ausgabe h1 {
flex-basis: 100%;
text-align: center;}
    
.res_ausgabe .res_bit {
flex-grow: 1;
width: 33%;
margin: 1px;}

.resuserentry{
background-color: var(--hintergrund2);
padding:5px;
text-align:justify;
}

.res_ausgabe .res_bit h3{
text-align: center;
background-color: var(--akzent2);
margin: 1px;
}

.res_add {
display: flex;
flex-wrap: wrap;
justify-content: center;}

.res_add h2 {
flex-basis: 100%;
text-align:center;}
    
.res_add_save {
flex-basis: 100%;
text-align: center;}

.res_mod {
background: var(--hintergrund2);
padding: 6px 12px;
border: 1px solid var(--hintergrund2);
border-top: none;}
    
.res_add_inputs, .res_add_select {
/* flex-grow: 1; */
margin: 5px 25px;
}
    
.res_add_inputs {text-align: right;}    

.res_add_inputs input{
    background-color:var(--hintergrund1);
    border:0px solid
}

.resboxtext{
width:auto;
height:auto;
padding:20px 30px;
text-align:justify;
font-size:13pt;}