/* =========================================================================================================================== */
/*                                            🧩 LAYOUT                                                                        */
/*                                            📍 static/css/layout.css                                                         */
/* =========================================================================================================================== */



/* =========================================================================================================================== */
/*                                                  📍 Used in: GLOBAL                                                         */
/* =========================================================================================================================== */

/* Base Font Size */
html {
  font-size: 16px;
}

/* =========================================================================================================================== */

/* Globaler Hintergrund */
body {
    background-image: url('/static/images/Bitcoin.jpg');
    background-size: cover;
    background-attachment: fixed;
}

/* =========================================================================================================================== */

/* SEO INTRO – invisible but indexable   */
.seo-intro {
  position: absolute;
  left: -9999px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
}



/* =========================================================================================================================== */
/*                                   📍 Used in: GLOBAL (ALL SUBTABS / ALL TABS EXCEPT HOME)                                   */
/* =========================================================================================================================== */

/* PAGE CONTENT LAYER */
.page-content {
    position: relative;
    z-index: 1; /* under navbar (1000), above background/canvas */
}

/* =========================================================================================================================== */

/* Content-Bereich (subtab-section) */
.subtab-section {
    width: 100%;
    background: rgba(15, 15, 15, 0.7);
    padding: 1.875rem 2.8125rem;
    margin-bottom: 1.5625rem;
    border-radius: 0.625rem;
    box-shadow: 0 0.125rem 0.625rem rgba(0, 0, 0, 0.5);
}

/* Hover-Effekt Content */
.subtab-section:hover {
    background: rgba(20, 20, 20, 0.8);
    transition: background 0.3s ease;
}



/* =========================================================================================================================== */
/*                                          📍 Used in: ABOUT BITCOIN – MINERS                                                 */
/* =========================================================================================================================== */

/* Listen */
.subtab-section ul {
    margin-left: 1.5625rem;
}