body {
    background-color:#ffffff;
    padding: 0;
    font-family: Barlow;
    /* font-weight:600; */
    color:#1b0f05;
}

h1 {
    font-family: Barlow;
    font-size: 3em;
    font-weight:600;
    padding: 10px 0 5px 0;
}

img.bf-box-md {
    height:2.5em;
    width:2.5em;
    margin-top:1em;
}

.bf-bordercard {
    border: 1px solid #1b0f05;
    text-align:center;
    margin: 2em;

    border-radius: 0% 0% 0% 0% / 0% 0% 0% 0% ;
    /** color: white; **/
    box-shadow: 20px 20px rgba(0,0,0,.15);
    max-width: 85%;
}

.bf-nomargin {
    margin:0;
    padding:0;
}

.bf-bordercard h1 {
    font-family: Playfair Display;
    font-size: 1.3em;
    padding: 10px 0 5px 0;
}

div.bf-diffbg-turk {
    background-color:#00adce;
}

div.modal {
    color:black;
}

nav.navbar {
    max-width: 1333px; /* applying max-width */
    margin: 0 auto; /* center */
    .navbar-collapse {
        justify-content : center; /* center the elements in the block if there is flex */
        -webkit-justify-content : center; /* make it works on some navigators */
    }
}

img.symbol-40 {
    width: 40px;
    margin:auto;
}

.bf-welcomecard {
    width: 22rem;
    border: 3px solid #1b0f05;
    margin-top: 1rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
}

img.appbadge {
    width:200px;
}

.privecoin {
    display:inline;
    height:1.25em;
    width:auto;
}

.svginvert {
    filter:invert(1);
}

.pageheader {
    height:13em;
    background-image: url(/ui/images/coins.jpg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    vertical-align:middle !important;
    text-align: center;
    color: #ffffff;
}

.pageheader h1 {
    vertical-align: middle !important;
}



.lds-dual-ring,
.lds-dual-ring:after {
  box-sizing: border-box;
}
.lds-dual-ring {
  display: inline-block;
  width: 64px;
  height: 64px;
  color: #0d6efd;
}
.lds-dual-ring:after {
  content: " ";
  display: block;
  width: 80px;
  height: 80px;
  margin: 8px;
  border-radius: 50%;
  border: 6.4px solid currentColor;
  border-color: currentColor transparent currentColor transparent;
  animation: lds-dual-ring 1.2s linear infinite;
}
@keyframes lds-dual-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.lds-dual-ring-inline,
.lds-dual-ring-inline:after {
  box-sizing: border-box;
}
.lds-dual-ring-inline {
  display: inline-block;
  width: 64px;
  height: 64px;
  color: #0d6efd;
}
.lds-dual-ring-inline:after {
  content: " ";
  display: block;
  width: 80px;
  height: 80px;
  margin: 4px;
  border-radius: 50%;
  border: 3.4px solid currentColor;
  border-color: currentColor transparent currentColor transparent;
  animation: lds-dual-ring 1.2s linear infinite;
}
@keyframes lds-dual-ring-inline {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

#overlay {
    position: fixed; /* Fixiert das Overlay über die gesamte Seite */
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.5); /* Halbtransparenter, dunkler Hintergrund */
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999; /* Über allen anderen Elementen */
    padding: auto;
}