{ height: 500px !important; width: 100%; display: block; }
.psk-map-wrapper { position: relative; min-height: 500px; }
/* Kill de witte Leaflet popup styling */
.leaflet-bootstrap-popup .leaflet-popup-content-wrapper,
.leaflet-bootstrap-popup .leaflet-popup-tip {
    background-color: var(--bs-body-bg) !important;
    color: var(--bs-body-color) !important;
    box-shadow: 0 3px 14px rgba(0,0,0,0.4);
    border: 1px solid var(--bs-border-color);
}

.leaflet-bootstrap-popup .leaflet-popup-content {
    margin: 0; /* Bootstrap padding in de div doet de rest */
}

#map {
    height: 600px;
    width: 100%;
    z-index: 1;
}

.map-overlay-info {
    position: absolute;
    top: 15px;
    right: 15px;
    z-index: 1000;
    background: rgba(0, 0, 0, 0.85);
    color: #ffffff;
    padding: 12px 20px;
    border-radius: 4px;
    font-family: 'Segoe UI', Arial, sans-serif;
    box-shadow: 0 4px 15px rgba(0,0,0,0.5);
    border: 1px solid rgba(255,255,255,0.1);
    pointer-events: none;
    min-width: 180px;
}

#map-stat-count { color: #ffc107; font-weight: bold; }
#map-last-update { font-size: 0.85em; opacity: 0.8; margin-top: 4px; }
.map-filter-card { border: none; }

/* Verwijder de witte Leaflet ballon en gebruik Bootstrap thema variabelen */
.leaflet-popup-content-wrapper, 
.leaflet-popup-tip {
    background-color: var(--bs-body-bg) !important;
    color: var(--bs-body-color) !important;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.2) !important;
    border: 1px solid rgba(255, 255, 255, 0.1); /* Subtiele rand voor dark mode */
}

/* Zorg dat de content de hele breedte vult zonder witte marges */
.leaflet-popup-content {
    margin: 12px !important; 
    line-height: 1.2 !important;
    width: auto !important;
}

/* Fix voor het sluitkruisje */
.leaflet-popup-close-button {
    color: var(--bs-body-color) !important;
    padding: 10px 10px 0 0 !important;
}

.pskmapwrapper { height: 700px; width:100%; z-index: 1;}
.mapcontainer { top: 10px; right: 10px; z-index: 1000; min-width: 150px; }

/* Turbo progress bar styling */
/* Voorkom dat Turbo inline stijlen injecteert door ze hier alvast te definiëren */
.turbo-progress-bar {
  position: fixed;
  display: block;
  top: 0;
  left: 0;
  height: 3px;
  background: #0076ff;
  z-index: 2147483647;
  transition: width 300ms ease-out, opacity 150ms 150ms ease-in;
  transform: translate3d(0, 0, 0);
}
.flagfmt { width:16px;height:11px;}

.swarl-sort-btn {
    cursor: pointer !important;
}

.swarl-sort-btn:hover {
    background-color: #343a40 !important;
}

body { padding-top: 2.5rem; padding-bottom: 3.5rem; }

.breadcrumb-item + .breadcrumb-item::before {
    padding: 0 !important;
    margin: 0 !important;
    content: "/" !important;
    color: #0d6efd;
}

.breadcrumb-item:first-child::before {
    content: "SchorelWeb:~" !important;
    color: #28a745;
    padding: 0 !important;
    margin: 0 !important;
    font-family: 'Courier New', monospace;
}

.breadcrumb-item {
    padding-left: 0 !important;
}

.breadcrumb-item.active {
    color: inherit;
}
.nound { text-decoration: none!important; }

.ticker-bar {
  min-height: 30px;
  display: flex;
  align-items: center;
}

.ticker-container {
  height: 30px;
  display: flex;
  align-items: center;
  overflow: hidden;
}

.ticker-content {
  opacity: 1;
  transition: opacity 0.6s ease-in-out;
  font-weight: bold;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ticker-faded {
  opacity: 0 !important;
}

/* PSK Reporter Band Kleuren */
.badge-band-160m { background-color: #ff9999 !important; color: #000 !important; }
.badge-band-80m  { background-color: #99ff99 !important; color: #000 !important; }
.badge-band-60m  { background-color: #ffff99 !important; color: #000 !important; }
.badge-band-40m  { background-color: #99ccff !important; color: #000 !important; }
.badge-band-30m  { background-color: #ffcc99 !important; color: #000 !important; }
.badge-band-20m  { background-color: #cc99ff !important; color: #000 !important; }
.badge-band-17m  { background-color: #99ffff !important; color: #000 !important; }
.badge-band-15m  { background-color: #ff99ff !important; color: #000 !important; }
.badge-band-12m  { background-color: #ccff99 !important; color: #000 !important; }
.badge-band-10m  { background-color: #ffffff !important; color: #000 !important; border: 1px solid #ccc; }
.badge-band-6m   { background-color: #99ffd1 !important; color: #000 !important; }
.badge-band-2m   { background-color: #d1d1d1 !important; color: #000 !important; }

/* NIEUW: Toegevoegd voor de popup tabel structuur (CSP-proof) */
.psk-popup-container { padding: 4px; min-width: 260px; }
.psk-popup-header { text-align: center; margin-bottom: 8px; border-bottom: 1px solid rgba(255,255,255,0.1); padding-bottom: 4px; }
.psk-popup-title { margin: 0; color: #0d6efd; font-weight: bold; }
.psk-active-title { font-weight: bold; margin-bottom: 4px; font-size: 0.85rem; color: #ffc107; }
.psk-popup-table { width: 100%; border-collapse: collapse; font-size: 0.85rem; }
.psk-popup-row { border-bottom: 1px solid rgba(255,255,255,0.1); }
.psk-call-cell { font-weight: bold; padding: 4px 0; }
.psk-call-link { color: #0dcaf0 !important; text-decoration: none; }
.psk-time-cell { color: #adb5bd; white-space: nowrap; padding: 4px; opacity: 0.75; }
.psk-mode-cell { font-size: 0.75rem; padding: 4px; opacity: 0.75; }
.psk-band-cell { text-align: right; padding: 4px 0; }
.psk-band-badge { min-width: 42px; display: inline-block; font-weight: bold; text-align: center; border-radius: 3px; }

/*
.bg-dark,.btn-primary,.table-primary{background:#009fe3!important;background-image:linear-gradient(to bottom right,#800080,#ff9c07)!important;}
*/




.sw-table {
    display: flex;
    flex-direction: column;
    width: 100%;
    border: 1px solid var(--bs-border-color);
    border-radius: 0.5rem;
    overflow: hidden;
    background-color: var(--bs-body-bg);
}

.sw-thead {
    background-color: var(--bs-dark);
    color: var(--bs-white);
    font-weight: bold;
    display: none;
}

.sw-tr {
    display: flex;
    flex-direction: column;
    border-bottom: 1px solid var(--bs-border-color);
    padding: 1rem;
}

.sw-thead .sw-tr {
    flex-direction: row;
    padding: 0;
}

.sw-th, .sw-td {
    padding: 0.75rem;
    flex: 1;
}

.cursor-pointer {
    cursor: pointer;
    transition: background 0.2s;
}

.cursor-pointer:hover {
    background-color: rgba(255, 255, 255, 0.1);
}

@media (max-width: 991.98px) {
    .sw-td {
        display: flex;
        justify-content: space-between;
        padding: 0.25rem 0;
        border-bottom: 1px dashed var(--bs-border-color-translucent);
    }

    .sw-td::before {
        content: attr(data-label);
        font-weight: bold;
        color: var(--bs-secondary);
        margin-right: 1rem;
    }

    .sw-td:last-child {
        border-bottom: none;
    }
}

@media (min-width: 992px) {
    .sw-thead {
        display: block;
    }

    .sw-tr {
        flex-direction: row;
        padding: 0;
    }

    .sw-tr:hover {
        background-color: rgba(var(--bs-emphasis-color-rgb), 0.05);
    }
}

.sw-card {
    background-color: var(--bs-body-tertiary);
    border-radius: 1rem;
    border: 1px solid var(--bs-border-color);
}

.display-doen {
    color: var(--bs-primary);
    letter-spacing: -1px;
}
.sw-table {
    display: flex;
    flex-direction: column;
    width: 100%;
    border: 1px solid var(--bs-border-color);
    border-radius: 0.5rem;
    overflow: hidden;
    background-color: var(--bs-body-bg);
}

.sw-thead {
    background-color: var(--bs-dark);
    color: var(--bs-white);
    font-weight: bold;
    display: none;
}

.sw-tr {
    display: flex;
    flex-direction: column;
    border-bottom: 1px solid var(--bs-border-color);
    padding: 1rem;
}

.sw-thead .sw-tr {
    flex-direction: row;
    padding: 0;
}

.sw-th, .sw-td {
    padding: 0.75rem;
    flex: 1;
}

.cursor-pointer {
    cursor: pointer;
    transition: background 0.2s;
}

.cursor-pointer:hover {
    background-color: rgba(255, 255, 255, 0.1);
}

@media (max-width: 991.98px) {
    .sw-td {
        display: flex;
        justify-content: space-between;
        padding: 0.25rem 0;
        border-bottom: 1px dashed var(--bs-border-color-translucent);
    }

    .sw-td::before {
        content: attr(data-label);
        font-weight: bold;
        color: var(--bs-secondary);
        margin-right: 1rem;
    }

    .sw-td:last-child {
        border-bottom: none;
    }
}

@media (min-width: 992px) {
    .sw-thead {
        display: block;
    }

    .sw-tr {
        flex-direction: row;
        padding: 0;
    }

    .sw-tr:hover {
        background-color: rgba(var(--bs-emphasis-color-rgb), 0.05);
    }
}













.object-fit-cover { object-fit: cover; width: 100%; height: 100%; }
.transition-transform { transition: transform 0.3s ease-in-out; }
.transition-transform:hover { transform: scale(1.05); }
.sw-card-album { 
    background-color: var(--bs-body-tertiary); 
    transition: box-shadow 0.3s ease; 
    border: 0 !important; 
    overflow: hidden; 
    height: 100%; 
}
.sw-card-album:hover { box-shadow: 0 0.5rem 1rem rgba(0,0,0,0.15) !important; }
.cursor-pointer { cursor: pointer; }
.ratio-4x3 { --bs-aspect-ratio: 75%; }
.group:hover .bg-dark { background-color: var(--bs-primary) !important; transition: background-color 0.3s ease; }


.blog-card-item img {
    height: 220px;
    width: 100%;
    object-fit: cover;
}








.font-serif {
    font-family: "Playfair Display", Georgia, "Times New Roman", serif;
}

.object-fit-cover {
    object-fit: cover;
}

.blog-card-item .row {
    transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}

.blog-card-item .row:hover {
    transform: translateY(-2px);
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}





/* In Light Mode (standaard) */
.bg-body-inverse {
    background-color: var(--bs-dark) !important;
    color: var(--bs-white) !important;
}
.text-body-inverse {
    color: var(--bs-white) !important;
}

/* Wanneer Bootstrap switcht naar Dark Mode */
[data-bs-theme="dark"] .bg-body-inverse {
    background-color: var(--bs-white) !important;
    color: var(--bs-black) !important;
}
[data-bs-theme="dark"] .text-body-inverse {
    color: var(--bs-black) !important;
}

.menu-new-body {
    background: linear-gradient(135deg, #800080 0%, #E21F26 50%, #077CC1 100%) !important;
}
.menu-new-body a {
    color: #FFFFFF !important;
    font-weight: bold;
}
.menu-new-body .dropdown-menu a:hover {
    background: #212529 !important;
    color: #FFFF00 !important;
    font-weight: bold;
}
.menu-new-body a:hover {
    color: #FFFF00 !important;
    font-weight: bold;
}



.featurednews {
    min-height: 300px;
}
/* CSP FIXES FRONT-PAGE */
.csp-featured-row {
    min-height: 300px;
}

.csp-featured-img-col {
    width: 380px;
    min-height: 300px;
}

.csp-news-img-col {
    width: 200px;
    min-height: 250px;
}

.csp-sticky-sidebar {
    top: 2rem;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
  background-image: none !important;
}




.mijn-box {
    border: 5px solid transparent !important;
    border-radius: 15px !important;
    background-image: 
        linear-gradient(#ffffff, #ffffff), 
        linear-gradient(135deg, #800080 0%, #E21F26 50%, #077CC1 100%) !important;
    background-origin: border-box !important;
    background-clip: padding-box, border-box !important;
}





/* ==========================================================================
   SchorelWeb Agenda Component - CSP-Safe Styles
   ========================================================================== */
/*
.sw-agenda-header {
    background: linear-gradient(90deg, #80134d 0%, #e65c00 100%) !important; 
    border-bottom: 2px solid #b30000;
}
.sw-btn-xs {
    font-size: 0.75rem !important;
    padding: 2px 8px !important;
    border-radius: 4px;
    transition: background-color 0.2s ease-in-out, transform 0.1s ease-in-out;
}
.sw-btn-xs:hover {
    transform: scale(1.03);
}



/* Responsive Masonry grid */
.sitemap-grid {
    column-width: 320px;
    column-gap: 1.5rem;
}

.sitemap-item {
    break-inside: avoid;
    margin-bottom: 0;
}

.sitemap-item .card {
    display: block;
}



.disabled {
  filter: grayscale(70%);
  -webkit-filter: grayscale(100%);
}


altcha-widget .footer {
    display: none !important;
}
altcha-widget {
    --altcha-footer-display: none !important;
}





/* Sociale Media */
/* Basisstyling voor alle icoon-links */
.social-icon {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-left: 0.75rem; 
    margin-right: 0.25rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    vertical-align: middle;
    transition: transform 0.25s cubic-bezier(0.175, 0.885, 0.42, 1.4), filter 0.2s ease;
}

/* De 'Super Hover' - 50% groter */
.social-icon:hover {
    transform: scale(1.75); 
}

/* Klik-effect */
.social-icon:active {
    transform: scale(0.9); 
}

/* --- FACEBOOK --- */
.social-facebook {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%230866FF' viewBox='0 0 16 16'%3E%3Cpath d='M16 8.049c0-4.446-3.582-8.05-8-8.05C3.58 0-.002 3.603-.002 8.05c0 4.017 2.926 7.347 6.75 7.951v-5.625h-2.03V8.05H6.75V6.275c0-2.017 1.195-3.131 3.022-3.131.876 0 1.791.157 1.791.157v1.98h-1.009c-.993 0-1.303.621-1.303 1.258v1.51h2.218l-.354 2.326H9.25V16c3.824-.604 6.75-3.934 6.75-7.951'/%3E%3C/svg%3E");
}
.social-facebook:hover {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23478CFF' viewBox='0 0 16 16'%3E%3Cpath d='M16 8.049c0-4.446-3.582-8.05-8-8.05C3.58 0-.002 3.603-.002 8.05c0 4.017 2.926 7.347 6.75 7.951v-5.625h-2.03V8.05H6.75V6.275c0-2.017 1.195-3.131 3.022-3.131.876 0 1.791.157 1.791.157v1.98h-1.009c-.993 0-1.303.621-1.303 1.258v1.51h2.218l-.354 2.326H9.25V16c3.824-.604 6.75-3.934 6.75-7.951'/%3E%3C/svg%3E");
}

/* --- INSTAGRAM --- */
.social-instagram {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23E1306C' viewBox='0 0 16 16'%3E%3Cpath d='M8 0C5.829 0 5.556.01 4.703.048 3.85.088 3.269.222 2.76.42a3.9 3.9 0 0 0-1.417.923A3.9 3.9 0 0 0 .42 2.76C.222 3.268.087 3.85.048 4.7.01 5.555 0 5.827 0 8.001c0 2.172.01 2.444.048 3.297.04.852.174 1.433.372 1.942.205.526.478.972.923 1.417.444.445.89.719 1.416.923.51.198 1.09.333 1.942.372C5.555 15.99 5.827 16 8 16s2.444-.01 3.298-.048c.851-.04 1.434-.174 1.943-.372a3.9 3.9 0 0 0 1.416-.923c.445-.445.718-.891.923-1.417.197-.509.332-1.09.372-1.942C15.99 10.445 16 10.173 16 8s-.01-2.445-.048-3.299c-.04-.851-.175-1.433-.372-1.941a3.9 3.9 0 0 0-.923-1.417A3.9 3.9 0 0 0 13.24.42c-.51-.198-1.092-.333-1.943-.372C10.443.01 10.172 0 7.998 0zm-.717 1.442h.718c2.136 0 2.389.007 3.232.046.78.035 1.204.166 1.486.275.373.145.64.319.92.599s.453.546.598.92c.11.281.24.705.275 1.485.039.843.047 1.096.047 3.231s-.008 2.389-.047 3.232c-.035.78-.166 1.203-.275 1.485a2.5 2.5 0 0 1-.599.919c-.28.28-.546.453-.92.598-.28.11-.704.24-1.485.276-.843.038-1.096.047-3.232.047s-2.39-.009-3.233-.047c-.78-.036-1.203-.166-1.485-.276a2.5 2.5 0 0 1-.92-.598 2.5 2.5 0 0 1-.6-.92c-.109-.281-.24-.705-.275-1.485-.038-.843-.046-1.096-.046-3.233s.008-2.388.046-3.231c.036-.78.166-1.204.276-1.486.145-.373.319-.64.599-.92.28-.28.546-.453.92-.598.282-.11.705-.24 1.485-.276.738-.034 1.024-.044 2.515-.045zm4.988 1.328a.96.96 0 1 0 0 1.92.96.96 0 0 0 0-1.92m-4.27 1.122a4.109 4.109 0 1 0 0 8.217 4.109 4.109 0 0 0 0-8.217m0 1.441a2.667 2.667 0 1 1 0 5.334 2.667 2.667 0 0 1 0-5.334'/%3E%3C/svg%3E");
}
.social-instagram:hover {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23FF4B8B' viewBox='0 0 16 16'%3E%3Cpath d='M8 0C5.829 0 5.556.01 4.703.048 3.85.088 3.269.222 2.76.42a3.9 3.9 0 0 0-1.417.923A3.9 3.9 0 0 0 .42 2.76C.222 3.268.087 3.85.048 4.7.01 5.555 0 5.827 0 8.001c0 2.172.01 2.444.048 3.297.04.852.174 1.433.372 1.942.205.526.478.972.923 1.417.444.445.89.719 1.416.923.51.198 1.09.333 1.942.372C5.555 15.99 5.827 16 8 16s2.444-.01 3.298-.048c.851-.04 1.434-.174 1.943-.372a3.9 3.9 0 0 0 1.416-.923c.445-.445.718-.891.923-1.417.197-.509.332-1.09.372-1.942C15.99 10.445 16 10.173 16 8s-.01-2.445-.048-3.299c-.04-.851-.175-1.433-.372-1.941a3.9 3.9 0 0 0-.923-1.417A3.9 3.9 0 0 0 13.24.42c-.51-.198-1.092-.333-1.943-.372C10.443.01 10.172 0 7.998 0zm-.717 1.442h.718c2.136 0 2.389.007 3.232.046.78.035 1.204.166 1.486.275.373.145.64.319.92.599s.453.546.598.92c.11.281.24.705.275 1.485.039.843.047 1.096.047 3.231s-.008 2.389-.047 3.232c-.035.78-.166 1.203-.275 1.485a2.5 2.5 0 0 1-.599.919c-.28.28-.546.453-.92.598-.28.11-.704.24-1.485.276-.843.038-1.096.047-3.232.047s-2.39-.009-3.233-.047c-.78-.036-1.203-.166-1.485-.276a2.5 2.5 0 0 1-.92-.598 2.5 2.5 0 0 1-.6-.92c-.109-.281-.24-.705-.275-1.485-.038-.843-.046-1.096-.046-3.233s.008-2.388.046-3.231c.036-.78.166-1.204.276-1.486.145-.373.319-.64.599-.92.28-.28.546-.453.92-.598.282-.11.705-.24 1.485-.276.738-.034 1.024-.044 2.515-.045zm4.988 1.328a.96.96 0 1 0 0 1.92.96.96 0 0 0 0-1.92m-4.27 1.122a4.109 4.109 0 1 0 0 8.217 4.109 4.109 0 0 0 0-8.217m0 1.441a2.667 2.667 0 1 1 0 5.334 2.667 2.667 0 0 1 0-5.334'/%3E%3C/svg%3E");
}

/* --- BLUESKY --- */
.social-bluesky {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%230085ff' viewBox='0 0 512 512'%3E%3Cpath d='M111.8 62.2C170.2 105.9 233 194.7 256 242.4c23-47.6 85.8-136.4 144.2-180.2c42.1-31.6 110.3-55.2 110.3 26.9c0 9.7-1.9 69.1-3.4 82c-12 101.4-53.6 123.6-113.8 132.3c75.6 11 113.7 51.1 46.4 133.7c-54.8 67.4-135.2 32.5-168.2-26.1c-11.9-21.1-15.6-42.4-15.6-44.4c0 2 3.7 23.3-15.6 44.4c-33 58.6-113.4 93.5-168.2 26.1c-67.3-82.6-29.2-122.7 46.4-133.7C58.6 214.6 17 192.4 5 91C3.5 78.1 1.6 18.7 1.6 9c0-82.1 68.2-58.5 110.2-26.8z'/%3E%3C/svg%3E");
}
.social-bluesky:hover {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%234da2ff' viewBox='0 0 512 512'%3E%3Cpath d='M111.8 62.2C170.2 105.9 233 194.7 256 242.4c23-47.6 85.8-136.4 144.2-180.2c42.1-31.6 110.3-55.2 110.3 26.9c0 9.7-1.9 69.1-3.4 82c-12 101.4-53.6 123.6-113.8 132.3c75.6 11 113.7 51.1 46.4 133.7c-54.8 67.4-135.2 32.5-168.2-26.1c-11.9-21.1-15.6-42.4-15.6-44.4c0 2 3.7 23.3-15.6 44.4c-33 58.6-113.4 93.5-168.2 26.1c-67.3-82.6-29.2-122.7 46.4-133.7C58.6 214.6 17 192.4 5 91C3.5 78.1 1.6 18.7 1.6 9c0-82.1 68.2-58.5 110.2-26.8z'/%3E%3C/svg%3E");
}

/* --- MASTODON --- */
.social-mastodon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%236364FF' viewBox='0 0 16 16'%3E%3Cpath d='M11.19 12.114c1.772-.194 3.189-.8 3.232-2.384.054-1.947.007-3.906.007-5.856 0-2.873-1.894-3.158-1.894-3.158C11.322.612 10.112.5 8.059.5h-.117c-2.053 0-3.263.112-4.474.216 0 0-1.894.285-1.894 3.158 0 1.95-.047 3.91-.006 5.856.042 1.584 1.46 2.19 3.232 2.384 1.103.12 2.17.19 3.204.174 1.739-.026 2.656-.253 2.656-.253l-.047-.975s-.883.223-2.494.17c-1.75-.057-2.73-.238-2.833-1.164a3.1 3.1 0 0 1-.014-.455c1.841.446 3.543.496 5.25.367a12 12 0 0 0 2.474-.383 12 12 0 0 0 2.32-.808 6.9 6.9 0 0 0-.442 2.134c-.104.926-1.084 1.107-2.834 1.164-1.61.053-2.493-.17-2.493-.17l-.047.975s.917.227 2.656.253c1.034.016 2.101-.054 3.203-.174zM5.107 4.033c.83 0 1.378.454 1.378 1.32V7.7h1.033V5.353c0-.866.548-1.32 1.379-1.32.728 0 1.102.372 1.102 1.115v2.99h1.032V5.148c0-1.486-.745-2.257-2.134-2.257-1.04 0-1.64.537-1.908 1.157L8 4.634l-.589-.586c-.267-.62-.868-1.157-1.908-1.157-1.39 0-2.134.771-2.134 2.257v2.99h1.032v-2.99c0-.743.374-1.115 1.102-1.115z'/%3E%3C/svg%3E");
}
.social-mastodon:hover {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%238586FF' viewBox='0 0 16 16'%3E%3Cpath d='M11.19 12.114c1.772-.194 3.189-.8 3.232-2.384.054-1.947.007-3.906.007-5.856 0-2.873-1.894-3.158-1.894-3.158C11.322.612 10.112.5 8.059.5h-.117c-2.053 0-3.263.112-4.474.216 0 0-1.894.285-1.894 3.158 0 1.95-.047 3.91-.006 5.856.042 1.584 1.46 2.19 3.232 2.384 1.103.12 2.17.19 3.204.174 1.739-.026 2.656-.253 2.656-.253l-.047-.975s-.883.223-2.494.17c-1.75-.057-2.73-.238-2.833-1.164a3.1 3.1 0 0 1-.014-.455c1.841.446 3.543.496 5.25.367a12 12 0 0 0 2.474-.383 12 12 0 0 0 2.32-.808 6.9 6.9 0 0 0-.442 2.134c-.104.926-1.084 1.107-2.834 1.164-1.61.053-2.493-.17-2.493-.17l-.047.975s.917.227 2.656.253c1.034.016 2.101-.054 3.203-.174zM5.107 4.033c.83 0 1.378.454 1.378 1.32V7.7h1.033V5.353c0-.866.548-1.32 1.379-1.32.728 0 1.102.372 1.102 1.115v2.99h1.032V5.148c0-1.486-.745-2.257-2.134-2.257-1.04 0-1.64.537-1.908 1.157L8 4.634l-.589-.586c-.267-.62-.868-1.157-1.908-1.157-1.39 0-2.134.771-2.134 2.257v2.99h1.032v-2.99c0-.743.374-1.115 1.102-1.115z'/%3E%3C/svg%3E");
}

/* --- YOUTUBE --- */
.social-youtube {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23FF0000' viewBox='0 0 16 16'%3E%3Cpath d='M8.051 1.999h.089c.822.003 4.987.033 6.11.335a2.01 2.01 0 0 1 1.415 1.42c.101.38.172.883.22 1.402l.01.104.022.26.008.104c.065.914.073 1.77.074 1.957v.075c-.001.194-.01 1.108-.082 2.06l-.008.105-.009.104c-.05.572-.124 1.14-.235 1.558a2.01 2.01 0 0 1-1.415 1.42c-1.16.312-5.569.334-6.18.335h-.142c-.309 0-1.587-.006-2.927-.052l-.17-.006-.087-.004-.171-.007-.171-.007c-1.11-.049-2.167-.128-2.654-.26a2.01 2.01 0 0 1-1.415-1.419c-.111-.417-.185-.986-.235-1.558L.09 9.82l-.008-.104A31 31 0 0 1 0 7.58v-.075c.002-.166.016-1.03.077-1.96l.006-.104.008-.104c.049-.52.12-1.022.22-1.402a2.01 2.01 0 0 1 1.415-1.42c.487-.13 1.544-.21 2.654-.26l.17-.007.172-.006.086-.003.171-.007A100 100 0 0 1 7.858 2zM6.4 5.209v4.818l4.157-2.408z'/%3E%3C/svg%3E");
}
.social-youtube:hover {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23FF4D4D' viewBox='0 0 16 16'%3E%3Cpath d='M8.051 1.999h.089c.822.003 4.987.033 6.11.335a2.01 2.01 0 0 1 1.415 1.42c.101.38.172.883.22 1.402l.01.104.022.26.008.104c.065.914.073 1.77.074 1.957v.075c-.001.194-.01 1.108-.082 2.06l-.008.105-.009.104c-.05.572-.124 1.14-.235 1.558a2.01 2.01 0 0 1-1.415 1.42c-1.16.312-5.569.334-6.18.335h-.142c-.309 0-1.587-.006-2.927-.052l-.17-.006-.087-.004-.171-.007-.171-.007c-1.11-.049-2.167-.128-2.654-.26a2.01 2.01 0 0 1-1.415-1.419c-.111-.417-.185-.986-.235-1.558L.09 9.82l-.008-.104A31 31 0 0 1 0 7.58v-.075c.002-.166.016-1.03.077-1.96l.006-.104.008-.104c.049-.52.12-1.022.22-1.402a2.01 2.01 0 0 1 1.415-1.42c.487-.13 1.544-.21 2.654-.26l.17-.007.172-.006.086-.003.171-.007A100 100 0 0 1 7.858 2zM6.4 5.209v4.818l4.157-2.408z'/%3E%3C/svg%3E");
}

/* --- WORDPRESS --- */
.social-wordpress {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%2321759b' viewBox='0 0 16 16'%3E%3Cpath d='M12.633 7.653c0-.848-.305-1.435-.566-1.892-.326-.543-.631-.998-.631-1.54 0-.587.457-1.129 1.11-1.129.03 0 .06 0 .09.003A7.01 7.01 0 0 0 8 1a7.03 7.03 0 0 0-5.385 2.522c.043-.003.083-.005.12-.005.653 0 1.655.252 1.655.252.34.172.38.673.041.87 0 0-.34.086-.718.171l2.26 6.726 1.357-4.073-1-.269c-.378-.085-.718-.171-.718-.171-.34-.197-.3-.698.042-.87 0 0 1.026-.252 1.633-.252.653 0 1.655.252 1.655.252.34.172.38.673.041.87 0 0-.34.086-.719.171l2.233 6.643 1.246-4.148c-.297-.092-.575-.173-.575-.173-.34-.176-.3-.677.04-.875 0 0 .346.046.63.046h.001zm-.437.954L9.135 15.11a6.96 6.96 0 0 0 3.868-4.246c-.022-.01-.58-.236-.807-.257zm-4.321 5.99a6.92 6.92 0 0 0 2.05-.316L7.29 6.87l-2.678 8.07a6.94 6.94 0 0 0 3.513.344zM1.031 7.426a6.96 6.96 0 0 0 2.217 4.14l2.368-7.143c-.45-.113-.88-.22-1.2-.284a6.97 6.97 0 0 0-3.385 3.287zM8 0a8 8 0 1 1 0 16A8 8 0 0 1 8 0z'/%3E%3C/svg%3E");
}
.social-wordpress:hover {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%233994c1' viewBox='0 0 16 16'%3E%3Cpath d='M12.633 7.653c0-.848-.305-1.435-.566-1.892-.326-.543-.631-.998-.631-1.54 0-.587.457-1.129 1.11-1.129.03 0 .06 0 .09.003A7.01 7.01 0 0 0 8 1a7.03 7.03 0 0 0-5.385 2.522c.043-.003.083-.005.12-.005.653 0 1.655.252 1.655.252.34.172.38.673.041.87 0 0-.34.086-.718.171l2.26 6.726 1.357-4.073-1-.269c-.378-.085-.718-.171-.718-.171-.34-.197-.3-.698.042-.87 0 0 1.026-.252 1.633-.252.653 0 1.655.252 1.655.252.34.172.38.673.041.87 0 0-.34.086-.719.171l2.233 6.643 1.246-4.148c-.297-.092-.575-.173-.575-.173-.34-.176-.3-.677.04-.875 0 0 .346.046.63.046h.001zm-.437.954L9.135 15.11a6.96 6.96 0 0 0 3.868-4.246c-.022-.01-.58-.236-.807-.257zm-4.321 5.99a6.92 6.92 0 0 0 2.05-.316L7.29 6.87l-2.678 8.07a6.94 6.94 0 0 0 3.513.344zM1.031 7.426a6.96 6.96 0 0 0 2.217 4.14l2.368-7.143c-.45-.113-.88-.22-1.2-.284a6.97 6.97 0 0 0-3.385 3.287zM8 0a8 8 0 1 1 0 16A8 8 0 0 1 8 0z'/%3E%3C/svg%3E");
}

/* --- TWITCH --- */
.social-twitch {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%239146FF' viewBox='0 0 16 16'%3E%3Cpath d='M3.857 0 1 2.857v10.286h3.429V16l2.857-2.857H9.57L14.714 8V0zm9.714 7.429-2.285 2.285H9l-2 2v-2H4.429V1.143h9.142z'/%3E%3Cpath d='M11.857 3.143h-1.143V6.29h1.143zm-3.143 0H7.571V6.29h1.143z'/%3E%3C/svg%3E");
}
.social-twitch:hover {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23A970FF' viewBox='0 0 16 16'%3E%3Cpath d='M3.857 0 1 2.857v10.286h3.429V16l2.857-2.857H9.57L14.714 8V0zm9.714 7.429-2.285 2.285H9l-2 2v-2H4.429V1.143h9.142z'/%3E%3Cpath d='M11.857 3.143h-1.143V6.29h1.143zm-3.143 0H7.571V6.29h1.143z'/%3E%3C/svg%3E");
}

/* --- BLOGSPOT --- */
.social-blogspot {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23f57d00' viewBox='0 0 16 16'%3E%3Cpath d='M8 0a8 8 0 1 0 0 16A8 8 0 0 0 8 0M3.737 4.715c.422-.444.981-.663 1.652-.663 1.004 0 1.77.72 1.77 1.71 0 1.004-.766 1.724-1.77 1.724-.67 0-1.23-.223-1.652-.67-.425-.447-.643-1.011-.643-1.677 0-.673.218-1.233.643-1.628m4.945 6.643c-.417.425-.975.643-1.649.643-1.003 0-1.766-.723-1.766-1.715 0-1.003.763-1.724 1.766-1.724.674 0 1.232.22 1.649.646.42.422.637 1.003.637 1.678 0 .672-.218 1.25-.637 1.672m1.865-4.904c-.422.444-.984.663-1.653.663a2.3 2.3 0 0 1-1.655-.663 2.45 2.45 0 0 1-.643-1.68c0-.672.218-1.25.643-1.674C7.659 3.393 8.22 3.17 8.89 3.17c.67 0 1.232.222 1.654.646.422.425.64.103.64.777a2.43 2.43 0 0 1-.64 1.681'/%3E%3C/svg%3E");
}
.social-blogspot:hover {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23ff9933' viewBox='0 0 16 16'%3E%3Cpath d='M8 0a8 8 0 1 0 0 16A8 8 0 0 0 8 0M3.737 4.715c.422-.444.981-.663 1.652-.663 1.004 0 1.77.72 1.77 1.71 0 1.004-.766 1.724-1.77 1.724-.67 0-1.23-.223-1.652-.67-.425-.447-.643-1.011-.643-1.677 0-.673.218-1.233.643-1.628m4.945 6.643c-.417.425-.975.643-1.649.643-1.003 0-1.766-.723-1.766-1.715 0-1.003.763-1.724 1.766-1.724.674 0 1.232.22 1.649.646.42.422.637 1.003.637 1.678 0 .672-.218 1.25-.637 1.672m1.865-4.904c-.422.444-.984.663-1.653.663a2.3 2.3 0 0 1-1.655-.663 2.45 2.45 0 0 1-.643-1.68c0-.672.218-1.25.643-1.674C7.659 3.393 8.22 3.17 8.89 3.17c.67 0 1.232.222 1.654.646.422.425.64.103.64.777a2.43 2.43 0 0 1-.64 1.681'/%3E%3C/svg%3E");
}

/* --- LINKTREE --- */
.social-linktree {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%2325c453' viewBox='0 0 16 16'%3E%3Cpath d='M8.475 11.973V16H7.53v-4.027c1.026.065 2.057.17 3.055.315V13.3c-.955-.112-2.01-.21-3.11-.264v-1.815h2.158c.556 0 1.084-.33 1.282-.871a1.28 1.28 0 0 0-.28-1.398L7.85 6.045v-1.15h1.238c.516 0 .966-.352 1.064-.876a1.05 1.05 0 0 0-.543-1.125l-1.394-.775V0H6.78v2.119l-1.394.775a1.05 1.05 0 0 0-.543 1.125c.098.524.548.876 1.064.876H7.15v1.15L4.364 8.916a1.28 1.28 0 0 0-.28 1.398c.198.541.726.871 1.282.871h2.158v1.815c-1.1.054-2.155.152-3.11.264v-1.012c.998-.144 2.03-.25 3.056-.315V16H6.53v-4.027c-.347-.008-.704-.012-1.075-.012H3.14c-.37 0-.727.004-1.075.012V16H1.12v-4.027c.999.065 1.986.17 2.934.315V13.3c-.865-.112-1.81-.21-2.812-.264v-1.815H2.43c.491 0 .955-.33 1.12-.871a1.12 1.12 0 0 0-.244-1.22L6.17 6.13V5.132H5.111c-.453 0-.846-.352-.931-.876a.92.92 0 0 0 .476-.984l-1.22-.775V0H4.67v2.119l-1.22.775a.92.92 0 0 0 .476.984c.085.524.478.876.93.876H5.17V5.13L8.036 8.12a1.12 1.12 0 0 0-.245 1.22c.164.541.628.871 1.12.871h1.026v1.815c-1.003.054-1.947.152-2.812.264v-1.012c.948-.144 1.935-.25 2.934-.315V16H9.12v-4.027c-.328-.008-.665-.012-1.014-.012h-1.252c-.349 0-.686.004-1.014.012'/%3E%3C/svg%3E");
}
.social-linktree:hover {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%233ee36d' viewBox='0 0 16 16'%3E%3Cpath d='M8.475 11.973V16H7.53v-4.027c1.026.065 2.057.17 3.055.315V13.3c-.955-.112-2.01-.21-3.11-.264v-1.815h2.158c.556 0 1.084-.33 1.282-.871a1.28 1.28 0 0 0-.28-1.398L7.85 6.045v-1.15h1.238c.516 0 .966-.352 1.064-.876a1.05 1.05 0 0 0-.543-1.125l-1.394-.775V0H6.78v2.119l-1.394.775a1.05 1.05 0 0 0-.543 1.125c.098.524.548.876 1.064.876H7.15v1.15L4.364 8.916a1.28 1.28 0 0 0-.28 1.398c.198.541.726.871 1.282.871h2.158v1.815c-1.1.054-2.155.152-3.11.264v-1.012c.998-.144 2.03-.25 3.056-.315V16H6.53v-4.027c-.347-.008-.704-.012-1.075-.012H3.14c-.37 0-.727.004-1.075.012V16H1.12v-4.027c.999.065 1.986.17 2.934.315V13.3c-.865-.112-1.81-.21-2.812-.264v-1.815H2.43c.491 0 .955-.33 1.12-.871a1.12 1.12 0 0 0-.244-1.22L6.17 6.13V5.132H5.111c-.453 0-.846-.352-.931-.876a.92.92 0 0 0 .476-.984l-1.22-.775V0H4.67v2.119l-1.22.775a.92.92 0 0 0 .476.984c.085.524.478.876.93.876H5.17V5.13L8.036 8.12a1.12 1.12 0 0 0-.245 1.22c.164.541.628.871 1.12.871h1.026v1.815c-1.003.054-1.947.152-2.812.264v-1.012c.948-.144 1.935-.25 2.934-.315V16H9.12v-4.027c-.328-.008-.665-.012-1.014-.012h-1.252c-.349 0-.686.004-1.014.012'/%3E%3C/svg%3E");
}

/* --- SPOTIFY --- */
.social-spotify {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%231ED760' viewBox='0 0 16 16'%3E%3Cpath d='M8 0a8 8 0 1 0 0 16A8 8 0 0 0 8 0m3.669 11.538a.5.5 0 0 1-.686.165c-1.879-1.147-4.243-1.407-7.028-.77a.499.499 0 0 1-.222-.973c3.048-.696 5.662-.397 7.77.892a.5.5 0 0 1 .166.686m.979-2.178a.624.624 0 0 1-.858.205c-2.15-1.321-5.428-1.704-7.972-.932a.625.625 0 0 1-.362-1.194c2.905-.881 6.517-.454 8.986 1.063a.624.624 0 0 1 .206.858m.084-2.269C10.192 5.56 5.8 5.419 3.245 6.195a.748.748 0 1 1-.434-1.434c2.903-.892 7.785-.726 10.45 1.03a.749.749 0 1 1-.83 1.248z'/%3E%3C/svg%3E");
}
.social-spotify:hover {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%2343e57d' viewBox='0 0 16 16'%3E%3Cpath d='M8 0a8 8 0 1 0 0 16A8 8 0 0 0 8 0m3.669 11.538a.5.5 0 0 1-.686.165c-1.879-1.147-4.243-1.407-7.028-.77a.499.499 0 0 1-.222-.973c3.048-.696 5.662-.397 7.77.892a.5.5 0 0 1 .166.686m.979-2.178a.624.624 0 0 1-.858.205c-2.15-1.321-5.428-1.704-7.972-.932a.625.625 0 0 1-.362-1.194c2.905-.881 6.517-.454 8.986 1.063a.624.624 0 0 1 .206.858m.084-2.269C10.192 5.56 5.8 5.419 3.245 6.195a.748.748 0 1 1-.434-1.434c2.937-.892 7.785-.726 10.45 1.03a.749.749 0 1 1-.83 1.248z'/%3E%3C/svg%3E");
}

/* --- RSS FEED --- */
.social-rss {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23FFA500' viewBox='0 0 16 16'%3E%3Cpath d='M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2zm1.5 2.5c.828 0 1.5.672 1.5 1.5s-.672 1.5-1.5 1.5S2 4.828 2 4s.672-1.5 1.5-1.5M2 7a1 1 0 0 1 1-1h1a7 7 0 0 1 7 7v1a1 1 0 0 1-1 1h-1a1 1 0 0 1-1-1v-1a4 4 0 0 0-4-4H3a1 1 0 0 1-1-1zm0 4a1 1 0 0 1 1-1h1a3 3 0 0 1 3 3v1a1 1 0 0 1-1 1h-1a1 1 0 0 1-1-1v-1a1 1 0 0 0-1-1H3a1 1 0 0 1-1-1z'/%3E%3C/svg%3E");
}
.social-rss:hover {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23FFBA33' viewBox='0 0 16 16'%3E%3Cpath d='M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2zm1.5 2.5c.828 0 1.5.672 1.5 1.5s-.672 1.5-1.5 1.5S2 4.828 2 4s.672-1.5 1.5-1.5M2 7a1 1 0 0 1 1-1h1a7 7 0 0 1 7 7v1a1 1 0 0 1-1 1h-1a1 1 0 0 1-1-1v-1a4 4 0 0 0-4-4H3a1 1 0 0 1-1-1zm0 4a1 1 0 0 1 1-1h1a3 3 0 0 1 3 3v1a1 1 0 0 1-1 1h-1a1 1 0 0 1-1-1v-1a1 1 0 0 0-1-1H3a1 1 0 0 1-1-1z'/%3E%3C/svg%3E");
}

/* --- ALGEMENE LINKS (Schorel.eu / Gravatar) --- */
.social-link {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%234A5568' viewBox='0 0 16 16'%3E%3Cpath d='M4.715 6.542 3.343 7.914a3 3 0 1 0 4.243 4.243l1.828-1.829A3 3 0 0 0 8.586 5.5L8 6.086a1 1 0 0 0-.154.199 2 2 0 0 1 .861 3.337L6.88 11.45a2 2 0 1 1-2.83-2.83l.793-.792a4 4 0 0 1-.128-1.287z'/%3E%3Cpath d='M6.586 10.121 11.45 5.257a2 2 0 1 1 2.83 2.83l-.793.792c.112.42.155.855.128 1.287l1.372-1.372a3 3 0 1 0-4.243-4.243L8.914 4.378A3 3 0 0 0 7.414 7.5l.586-.586a2 2 0 0 1 .834-1.221z'/%3E%3C/svg%3E");
}
.social-link:hover {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23718096' viewBox='0 0 16 16'%3E%3Cpath d='M4.715 6.542 3.343 7.914a3 3 0 1 0 4.243 4.243l1.828-1.829A3 3 0 0 0 8.586 5.5L8 6.086a1 1 0 0 0-.154.199 2 2 0 0 1 .861 3.337L6.88 11.45a2 2 0 1 1-2.83-2.83l.793-.792a4 4 0 0 1-.128-1.287z'/%3E%3Cpath d='M6.586 10.121 11.45 5.257a2 2 0 1 1 2.83 2.83l-.793.792c.112.42.155.855.128 1.287l1.372-1.372a3 3 0 1 0-4.243-4.243L8.914 4.378A3 3 0 0 0 7.414 7.5l.586-.586a2 2 0 0 1 .834-1.221z'/%3E%3C/svg%3E");
}









.feed-item {
    display: flex;
}

.card-img-top {
    height: 200px;
    width: 100%;
    object-fit: cover;
    object-position: center;
}







.Gears{width:auto;margin:10px auto}
.lgl{color:#fff}
.btn:hover{color:#f9f7f4;background-color:#961c6b;border-color:#5b288e}
.navbar-toggler-icon{background-image:none;padding-top:3px;margin-top:3px}
.navbar-toggler-icon::before{font-family:FontAwesome;content:"\f0c9"}
.button.button-facebook:focus,.button.button-facebook:hover,.button.button-instagram:focus,.button.button-instagram:hover,.button.button-mastodon:focus,.button.button-mastodon:hover,.button.button-telegram:focus,.button.button-telegram:hover,.button.button-tumblr:focus,.button.button-tumblr:hover,.button.button-whatsapp:focus,.button.button-whatsapp:hover,.button.button-youtube:focus,.button.button-youtube:hover{filter:brightness(90%)}
.button.button-facebook{color:#fff;background-color:#1877f2}
.button.button-mastodon{color:#fff;background-color:#5E4BDB}
.button.button-tumblr{color:#fff;background-color:#001935}
.button.button-website{color:#fff;background-color:#000}
.button.button-instagram{color:#fff;background-image:linear-gradient(-135deg,#1400c8,#b900b4,#f50000)}
.button.button-telegram{color:#fff;background-color:#3faee8}
.button.button-youtube{color:#fff;background-color:red}
.button.button-whatsapp{color:#000;background-color:#25D647}