html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 60px;
}

.form-floating > .form-control-plaintext::placeholder, .form-floating > .form-control::placeholder {
  color: var(--bs-secondary-color);
  text-align: end;
}

.form-floating > .form-control-plaintext:focus::placeholder, .form-floating > .form-control:focus::placeholder {
  text-align: start;
}




:root {
    --brand: #0d6efd;
    --brand-soft: #e7f1ff;
}

body {
    background: radial-gradient(1200px 600px at 85% -10%, var(--brand-soft), transparent 60%), linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
}

.hero .badge-iter {
    background: #eef6ff;
    color: #0b5ed7;
    border: 1px solid #d7e9ff;
}

.glass {
    backdrop-filter: blur(8px);
    background: rgba(255,255,255,.65);
    border: 1px solid rgba(13,110,253,.15);
}

.section-title {
    letter-spacing: .2px
}

.team-list a {
    text-decoration: none;
}

.team-list li {
    margin: .25rem 0
}

.shadow-soft {
    box-shadow: 0 8px 24px rgba(2,6,23,.08);
}

footer a {
    color: inherit;
    opacity: .8
}

footer a:hover {
    opacity: 1
}



/* --------------------------------------------------------------------------------------- */
/* ----------------------------------- Roadmap-Szenario ---------------------------------- */
/* --------------------------------------------------------------------------------------- */
body {
    background: linear-gradient(180deg, #ffffff, #f0f6ff);
    min-height: 100vh;
    color: #212529;
}

.navbar-brand span {
    color: #0d6efd;
}

.card.project-card {
    border: 1px solid #e0e0e0;
    background: #ffffff;
    box-shadow: 0 4px 12px rgba(0,0,0,.05);
}

.drag-handle {
    cursor: grab;
    user-select: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    border-radius: .5rem;
    background: #f8f9fa;
    transition: background .2s ease;
}

    .drag-handle:active {
        cursor: grabbing;
    }

    .drag-handle:hover {
        background: #e9ecef;
    }

.handle-bars {
    display: grid;
    gap: 3px;
}

    .handle-bars span {
        display: block;
        width: 16px;
        height: 2px;
        background: #6c757d;
        border-radius: 2px;
    }

.list-group-item {
    background: transparent;
    border: 0;
    padding: 0;
}

.badge-date {
    background: #0d6efd;
}

.badge-team {
    background: #6c757d;
}

.sr-only {
    position: absolute;
    left: -10000px;
}