/* Minimales Bootstrap CSS - nur verwendete Klassen */
/* Container und Grid System */
.container{--bs-gutter-x:1.5rem;--bs-gutter-y:0;width:100%;padding-right:calc(var(--bs-gutter-x) * .5);padding-left:calc(var(--bs-gutter-x) * .5);margin-right:auto;margin-left:auto}
@media (min-width:576px){.container{max-width:540px}}
@media (min-width:768px){.container{max-width:720px}}
@media (min-width:992px){.container{max-width:960px}}
@media (min-width:1200px){.container{max-width:1140px}}
@media (min-width:1400px){.container{max-width:1320px}}

.row{--bs-gutter-x:1.5rem;--bs-gutter-y:0;display:flex;flex-wrap:wrap;margin-top:calc(-1 * var(--bs-gutter-y));margin-right:calc(-.5 * var(--bs-gutter-x));margin-left:calc(-.5 * var(--bs-gutter-x))}
.row>*{box-sizing:border-box;flex-shrink:0;width:100%;max-width:100%;padding-right:calc(var(--bs-gutter-x) * .5);padding-left:calc(var(--bs-gutter-x) * .5);margin-top:var(--bs-gutter-y)}

.col{flex:1 0 0%}
.col-12{flex:0 0 auto;width:100%}

/* Responsive Columns */
@media (min-width:576px){
.col-sm-12{flex:0 0 auto;width:100%}
}
@media (min-width:768px){
.col-md-6{flex:0 0 auto;width:50%}
}
@media (min-width:992px){
.col-lg-4{flex:0 0 auto;width:33.33333333%}
}

/* Card Components */
.card{position:relative;display:flex;flex-direction:column;min-width:0;word-wrap:break-word;background-color:#fff;background-clip:border-box;border:1px solid rgba(0,0,0,.125);border-radius:0.375rem}
.card-body{flex:1 1 auto;padding:1rem;color:inherit}
.card-header{padding:0.5rem 1rem;margin-bottom:0;background-color:rgba(0,0,0,.03);border-bottom:1px solid rgba(0,0,0,.125)}
.card-header:first-child{border-radius:calc(0.375rem - 1px) calc(0.375rem - 1px) 0 0}
.card-footer{padding:0.5rem 1rem;background-color:rgba(0,0,0,.03);border-top:1px solid rgba(0,0,0,.125)}
.card-footer:last-child{border-radius:0 0 calc(0.375rem - 1px) calc(0.375rem - 1px)}

/* Buttons */
.btn{display:inline-block;padding:0.375rem 0.75rem;margin-bottom:0;font-size:1rem;font-weight:400;line-height:1.5;color:#000;text-align:center;text-decoration:none;vertical-align:middle;cursor:pointer;user-select:none;border:1px solid transparent;border-radius:0.375rem;background-color:transparent;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}

/* Margin/Padding Utilities - nur verwendete */
.mb-1{margin-bottom:0.25rem!important}
.mb-2{margin-bottom:0.5rem!important}
.mb-3{margin-bottom:1rem!important}
.mb-4{margin-bottom:1.5rem!important}
.mb-5{margin-bottom:3rem!important}

/* Display Utilities */
.d-flex{display:flex!important}
.d-block{display:block!important}

/* Flexbox Utilities */
.flex-column{flex-direction:column!important}
.flex-wrap{flex-wrap:wrap!important}
.align-items-center{align-items:center!important}
.justify-content-center{justify-content:center!important}

/* Text Utilities */
.text-center{text-align:center!important}

/* Responsive Utilities - Clean Resets */
*,::after,::before{box-sizing:border-box}
body{margin:0;font-family:var(--bs-body-font-family);font-size:var(--bs-body-font-size);font-weight:var(--bs-body-font-weight);line-height:var(--bs-body-line-height);color:var(--bs-body-color);text-align:var(--bs-body-text-align);background-color:var(--bs-body-bg);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}
h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:0.5rem;font-weight:500;line-height:1.2}
p{margin-top:0;margin-bottom:1rem}
a{color:var(--bs-link-color);text-decoration:underline}
a:hover{color:var(--bs-link-hover-color)}
img,svg{vertical-align:middle}
