html,body{height:100%}a{word-break:break-all;overflow-wrap:anywhere}img{max-width:100%;height:auto;display:block;&.float-right { float: right; margin: 0 0 1em 1em; max-width: 20%; height: auto; } &.float-left { float: left; margin: 0 1em 1em 0; max-width: 20%; height: auto; }}body{display:flex;flex-direction:column;min-height:100vh;.bot { unicode-bidi: bidi-override; direction: rtl; text-align: left; } #bg-holder { position: fixed; inset: 0; width: 100vw; height: 100vh; z-index: -100; pointer-events: none; background-image: url("/img/bg.png"); background-size: cover; background-position: center; background-repeat: no-repeat; background-attachment: fixed; } header { nav { z-index: 1; h1 { margin: 0; padding: 0; } .navbar-nav { background: rgba(255,255,255,0.15); backdrop-filter: blur(8px); border-radius: 2rem; margin-left: auto; padding: 0.5rem 1rem; .nav-item.theme { .nav-link { i { font-family: "Font Awesome 7 Free"; font-weight: 900; font-style: normal; &::after { content: "\f042"; } } } } } } } main { &:not(#home) { background-color: rgba(var(--bs-body-bg-rgb), 0.8); border: var(--bs-border-width) solid var(--bs-border-color); border-radius: var(--bs-border-radius); } &#home { color: var(--bs-light); .glass-nav { background: rgba(255,255,255,0.15); border-radius: 2rem; box-shadow: 0 4px 24px rgba(0,0,0,0.1); backdrop-filter: blur(8px); margin-left: auto; margin-right: auto; max-width: 100vw; padding: 0.5rem 1rem; .glass-nav-inner { display: flex; flex-wrap: wrap; gap: 1rem; justify-content: center; align-items: center; } .nav-link { color: #fff; font-weight: 500; transition: background 0.2s, color 0.2s; white-space: nowrap; } .nav-link.active, .nav-link:hover { background: rgba(255,255,255,0.25); color: #222; } } @media (max-width: 630px) { .glass-nav { width: 100%; border-radius: 0; padding-left: 0.5rem; padding-right: 0.5rem; } .glass-nav-inner { gap: 0.5rem; } } } &#news { .card-title { margin: 0; } } &#lagerfeuer{ .btn-lagerfeuer { display: inline-block; padding: 0.6em 1.5em; font-size: 1.1rem; font-weight: 600; color: #fff; background: linear-gradient(135deg, #ff6a00, #ee0979); border: none; border-radius: 30px; box-shadow: 0 4px 15px rgba(238, 9, 121, 0.6); text-decoration: none; transition: background 0.3s ease, box-shadow 0.3s ease, transform 0.2s ease; cursor: pointer; user-select: none; &:hover, &:focus { background: linear-gradient(135deg, #ee0979, #ff6a00); box-shadow: 0 6px 20px rgba(255, 106, 0, 0.8); transform: scale(1.05); outline: none; } &:active { transform: scale(0.95); box-shadow: 0 3px 10px rgba(238, 9, 121, 0.4); } &[disabled] { background: linear-gradient(135deg, #ccc, #aaa); color: #666; box-shadow: none; cursor: not-allowed; transform: none; pointer-events: none; user-select: none; transition: none; } &.error { background: linear-gradient(135deg, #d9534f, #c9302c); color: #fff; box-shadow: 0 4px 15px rgba(201, 48, 44, 0.7); cursor: not-allowed; pointer-events: none; user-select: none; transform: none; transition: none; } } } article { .content { width: 95%; } } .glightbox { img.img-fluid { width: 400px; height: 300px; object-fit: cover; object-position: center; display: block; border-radius: 0.5rem; box-shadow: 0 2px 8px rgba(0,0,0,0.08); } } } footer { nav { .nav-link { padding: 0; padding-left: 10px; } } }}html[data-bs-theme=light]{footer { color: var(--bs-light); }}html[data-bs-theme=dark]{ #bg-overlay { position: absolute; inset: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); }}.btn-lagerfeuer{display:inline-block;padding:.6em 1.5em;font-size:1.1rem;font-weight:600;color:#fff;background:linear-gradient(135deg,#ff6a00,#ee0979);border:none;border-radius:30px;box-shadow:0 4px 15px rgba(238,9,121,.6);text-decoration:none;transition:background .3s ease,box-shadow .3s ease,transform .2s ease;cursor:pointer;user-select:none}.btn-lagerfeuer:hover,.btn-lagerfeuer:focus{background:linear-gradient(135deg,#ee0979,#ff6a00);box-shadow:0 6px 20px rgba(255,106,0,.8);transform:scale(1.05);outline:none}.btn-lagerfeuer:active{transform:scale(.95);box-shadow:0 3px 10px rgba(238,9,121,.4)}