body {
    background-color: #f8f9fa;
 font-size: 100%; /* Standard size */
}


p {
 font-size: 1.2rem /* Standard size */
}

container{
 font-size: 1.4rem /* Standard size */
}



h1 {
    margin-bottom: 20px;
}

textarea#inputText {
    font-size: 1.2rem; /* Adjust font size to match the output box */
    font-family: inherit; /* Ensures font matches the output text */
    padding: 10px; /* Optional: Adds padding for better spacing */
    border: 1px solid #ddd; /* Optional: Consistent border styling */
    border-radius: 5px; /* Optional: Rounded corners for consistency */
    box-sizing: border-box; /* Ensures padding is included in the dimensions */
    resize: vertical; /* Allows vertical resizing only */
    background-color: #FFFFE0;   
}

#outputText {
    font-size: 1.2rem; 
    white-space: pre-wrap; /* Ensures text wrapping */
    word-wrap: break-word; /* Handles long words */
    overflow: auto; /* Adds scrollbars if needed */
    max-width: 100%; /* Ensures the content stays within the container */
    padding: 10px; /* Adds padding for better readability */
    border: 1px solid #ddd; /* Optional: border for visual separation */
    border-radius: 5px; /* Optional: rounded corners */
    background-color: #FFFFE0;
    box-sizing: border-box; /* Ensures padding is included in width/height */
}

.form-check-label {
    font-size: 1.2rem; /* Reduces font size (equivalent to 14px) */
    font-family: inherit; /* Ensures it matches the font style of the page */
    #color: #6c757d; /* Optional: Use a lighter color for secondary text */
    line-height: 1.5; /* Ensures good readability */
}

.form-check {
    font-size: 1.2rem; /* Reduces font size (equivalent to 14px) */
    font-family: inherit; /* Ensures it matches the font style of the page */
    #color: #6c757d; /* Optional: Use a lighter color for secondary text */
    line-height: 1.5; /* Ensures good readability */
}






/* Add a distinctive color for section captions */
h2 {
    color: #24275c; /* #1a207a; /* #2c3e50; /* Replace with your preferred dark-grey-blue hex color */
    font-size: 1.5em;
    /* border-bottom: 2px solid #2c3e50; /* Optional: Adds a border below the caption */
    padding-bottom: 5px;
    margin-bottom: 10px;
}


/* Add a distinctive color for section captions */
h2 {
    color: #24275c; /* #1a207a; /* #2c3e50; /* Replace with your preferred dark-grey-blue hex color */
    font-size: 1.5em;
    /* border-bottom: 2px solid #2c3e50; /* Optional: Adds a border below the caption */
    padding-bottom: 5px;
    margin-bottom: 10px;
}

/* Add a distinctive color for section captions */
h3 {
    color: #1a207a; /* #2c3e50; /* Replace with your preferred dark-grey-blue hex color */
    font-size: 1.3em;
    /* border-bottom: 2px solid #2c3e50; /* Optional: Adds a border below the caption */
    padding-bottom: 5px;
    margin-bottom: 10px;
}


/* Add a distinctive color for section captions */
h4 {
    color: #1a207a; /* #2c3e50; /* Replace with your preferred dark-grey-blue hex color */
    font-size: 1.2em;
    /* border-bottom: 2px solid #2c3e50; /* Optional: Adds a border below the caption */
    padding-bottom: 5px;
    margin-bottom: 10px;
}



/* Add a distinctive color for section captions */
h5 {
    font-size: 1.2em;
    /* border-bottom: 2px solid #2c3e50; /* Optional: Adds a border below the caption */
    padding-bottom: 5px;
    margin-bottom: 10px;
}


.bg-primary {
    background-color: #24275c; /* Darkish grey-blue background color */
    color: white;
}

div.workflow-logo-div {
padding: 5px;
padding-left: 29px;
      	display: inline-block;
  min-height: 1.2em; /* Passe den Wert nach Bedarf an */
   color: #ffffff; /* #2c3e50; /* Replace with your preferred dark-grey-blue hex color */
    font-size: 1.5em;
}


a.workflow-logo-div {
    padding: 5px;
    padding-left: 29px;
    display: inline-block;
    min-height: 1.2em; /* Adjust as needed */
    color: #ffffff; /* White text */
    font-size: 1.5em;
    text-decoration: none; /* Remove underline */
}

a.workflow-logo-div:hover,
a.workflow-logo-div:focus {
    text-decoration: none; /* Ensure no underline on hover or focus */
    color: #ffffff; /* Keep the text white on hover or focus */
}


.relevant_text
            {
                background-color: #bfffc4;
            }