﻿/* Force Light Theme - Disable Dark Mode */
html[data-bs-theme="dark"] {
    --bs-body-color: #48403d !important;
    --bs-body-bg: #ffffff !important;
    color-scheme: light !important;
}

body {
    color: #48403d !important;
    background-color: #ffffff !important;
    font-family: "Poppins", Arial, sans-serif;
    font-size: 15px;
    font-size: var(--base-font-size);
    font-weight: 400;
    line-height: 1.45;
    overflow-x: hidden;
    position: relative;
    transition: all .25s cubic-bezier(.645,.045,.355,1);
    visibility: visible;
}

/* Force Light Theme for Cards */
.card {
    background-color: #ffffff !important;
    border: 1px solid rgba(0,0,0,.125) !important;
    color: #48403d !important;
}

.card-body {
    background-color: #ffffff !important;
    color: #48403d !important;
}

.card-header {
    background-color: #f8f9fa !important;
    border-bottom: 1px solid rgba(0,0,0,.125) !important;
    color: #48403d !important;
}

/* Force Light Theme for Form Controls */
.form-control {
    background-color: #ffffff !important;
    border: 1px solid #ced4da !important;
    color: #495057 !important;
}

.form-control:focus {
    background-color: #ffffff !important;
    border-color: #80bdff !important;
    color: #495057 !important;
}

/* Force Light Theme for Tables */
.table {
    color: #495057 !important;
    background-color: #ffffff !important;
}

.table-dark {
    background-color: #343a40 !important;
    color: #ffffff !important;
}

/* Force Light Theme for Nav Tabs */
.nav-tabs {
    border-bottom: 1px solid #dee2e6 !important;
}

.nav-tabs .nav-link {
    color: #495057 !important;
    background-color: transparent !important;
}

.nav-tabs .nav-link.active {
    color: #495057 !important;
    background-color: #ffffff !important;
    border-color: #dee2e6 #dee2e6 #ffffff !important;
}

.zurueck {
    /*display: none;*/
    margin-top: 10px;
}
.poppins-extralight {
    font-family: "Poppins", sans-serif;
    font-weight: 200;
    font-style: normal;
}
  
.poppins-regular {
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-style: normal;
}
  
.poppins-thin-italic {
    font-family: "Poppins", sans-serif;
    font-weight: 100;
    font-style: italic;
}

h1 {
    font-weight: 400;
    font-size: 30px;
    line-height: 1.15;
    margin-bottom: .75em;
}
h3 {
    font-weight: 400;
    font-size: 21px;
    line-height: 1.2;
    margin-bottom: .85em;
}
.green {
    color: #FFFFFF;
    font-weight: 300;
}
h1.green {
    color: #219E8E;
    font-size: 2.2em;
    font-weight: 200;
}
h1.red {
    background-color: #AE1613;
    text-align: right;
    color: #FFFFFF;
    padding: 10px 10px 10px 10px;
    letter-spacing: -.025em;
    font-weight: 400;
    font-size: 1.8em;
}
h2.red {
    color: #AE1613;
    font-size: 1.75em;
    line-height: 1.5;
}
h2.green {
    background-color: #079E8D;
    text-align: right;
    color: #FFFFFF;
    padding: 2px 10px 2px 5px;
    letter-spacing: -.025em;
    font-weight: 400;
    font-size: 1.6em;
    width: 210px;
    
}
hr {
    display:block;
    width: 40px;
    background-color: #f4c245;
    height: 6px;
    margin-left: 0px;
    margin-right: auto;

}

ul {
list-style: none;
margin: 0;
padding: 0 0 0 1em;
text-indent: -1em;
}
li {
padding: 0;
margin: 0 0 0.3em 0;
}
li:before {
content: "\00BB \0020";
color: #AE1613;
}
a, button {
    color: inherit;
    cursor: pointer;
    display: inline-block;
    line-height: inherit;
    -webkit-text-decoration: none;
    text-decoration: none;
}
.sand1 {
    background-color: #EBE4DA;
    border: 1px solid #EBE4DA;
}
.sand1:hover {
    background-color: #F5F1ED;
    border: 1px solid #EBE4DA;
}
.green1 {
    background-color: #52BBAF;
}
.box {
    min-width: 250px;
    padding-top: 30px;
    padding-bottom: 15px;
    padding-left: 30px;
    padding-right: 30px;
    margin-right: 15px;
    margin-left: 15px;
    margin-top: 15px;
    margin-bottom: 15px;
}

.content {
    margin-bottom: 50px;
}
.btn {
    border-radius: 0px;
}
.btn-light {
    --bs-btn-color: #48403d !important;
    --bs-btn-bg: #DAF1FC;
    --bs-btn-border-color: #DAF1FC;
    --bs-btn-hover-color: #48403d !important;
    --bs-btn-hover-bg: #079E8D;
    --bs-btn-hover-border-color: #079E8D;
    --bs-btn-focus-shadow-rgb: 211, 212, 213;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #079E8D;
    --bs-btn-active-border-color: #079E8D;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: #f8f9fa;
    --bs-btn-disabled-border-color: #f8f9fa;
}
.btn-knappschaft {
    --bs-btn-color: #fff;
    --bs-btn-bg: #AE1612;
    --bs-btn-border-color: #AE1612;
    --bs-btn-hover-color: #AE1612;
    --bs-btn-hover-bg: #FFFFFF;
    --bs-btn-hover-border-color: #AE1612;
    --bs-btn-focus-shadow-rgb: 225, 83, 97;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #AE1612;
    --bs-btn-active-border-color: #AE1612;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #AE1612;
    --bs-btn-disabled-border-color: #AE1612;
}
/* Sekundär-Button: Zurück (Outline-Variante in Rot) */
.btn-knappschaft-outline {
    --bs-btn-color: #AE1612;
    --bs-btn-bg: transparent;
    --bs-btn-border-color: #AE1612;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #AE1612;
    --bs-btn-hover-border-color: #AE1612;
    --bs-btn-focus-shadow-rgb: 225, 83, 97;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #AE1612;
    --bs-btn-active-border-color: #AE1612;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #AE1612;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #AE1612;
}
/* Tertiär-Button: Überspringen (dezent grau) */
.btn-knappschaft-secondary {
    --bs-btn-color: #6c757d;
    --bs-btn-bg: transparent;
    --bs-btn-border-color: #6c757d;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #6c757d;
    --bs-btn-hover-border-color: #6c757d;
    --bs-btn-focus-shadow-rgb: 108, 117, 125;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #6c757d;
    --bs-btn-active-border-color: #6c757d;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #6c757d;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #6c757d;
}
/* Einheitliche Button-Zeile für Wizard-Navigation */
.wizard-btn-row {
    display: flex;
    gap: 0.75rem;
    margin-top: 1.5rem;
}
.wizard-btn-row .btn {
    min-width: 120px;
    padding: 0.6rem 1.5rem;
}
.wizard-btn-row .btn-full {
    flex: 1;
}
.wizard-btn-skip {
    width: 100%;
    margin-top: 0.5rem;
}
.btn-info {
    --bs-btn-color: #000;
    --bs-btn-bg: #DAF1FC;
    --bs-btn-border-color: #DAF1FC;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #DAF1FC;
    --bs-btn-hover-border-color: #DAF1FC;
    --bs-btn-focus-shadow-rgb: 11, 172, 204;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #DAF1FC;
    --bs-btn-active-border-color: #DAF1FC;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: #DAF1FC;
    --bs-btn-disabled-border-color: #DAF1FC;
}
.btn-green {
    --bs-btn-color: #FFF;
    --bs-btn-bg: #079E8D;
    --bs-btn-border-color: #079E8D;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #FFF;
    --bs-btn-hover-border-color: #079E8D;
    --bs-btn-focus-shadow-rgb: 11, 172, 204;
    --bs-btn-active-color: #FFF;
    --bs-btn-active-bg: #079E8D;
    --bs-btn-active-border-color: #079E8D;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: #DAF1FC;
    --bs-btn-disabled-border-color: #DAF1FC;
}

.input-group>.form-control {
    border-radius: 0px;
    border-color: #FFFFFF;
    background-color: #FFFFFF;
    flex: none;
    width: 80%;
    padding: 15px;
}
.input-group-text {
    border-radius: 0px;
    border-color: #FFFFFF;
    background-color: #FFFFFF;
    padding: 15px;
}
.bg-red {
    background-color: #AE1612;
}
.btn-light:after {
    border-style: none;
    border-color: inherit;
    border-width: medium;
    color: #ae1613;
    content: "\f078";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    margin-left: 6px;
}


@media (min-width: 200px) {
    
    .container-fluid {
        padding-right: 15px;
        padding-left: 15px;
    }
}
/* Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) {
    
    .container-fluid {
        padding-right: 15px;
        padding-left: 15px;
    }
}

/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {

    .container-fluid {
        padding-right: 15px;
        padding-left: 15px;
    }   
}

/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {

    .container-fluid {
        padding-right: 15px;
        padding-left: 15px;
    }   
}

/* Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
    
    .container-fluid {
        padding-right: 150px;
        padding-left: 150px;
    }    
}
