@charset "UTF-8";

@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 200;
  src: url('../fonts/titillium-web-regular.woff') format('woff')
}

body {
  background-image:url(../hintergrundbild/hintergrundbild.svg);
  background-size: 4096px 2400px; 
  background-repeat: no-repeat;
}

body .navbar-brand, .card .card-text {
  font-family:'Titillium Web',Arial,'Noto Sans',sans-serif;
  --font-family-sans-serif:'Titillium Web',Arial,'Noto Sans',sans-serif;
}

.card-text {
  font-size:0.9em;
}

.bookmark img {
  min-width:64px;
  min-height:64px;
  width:64px;
  height:64px;
  opacity:0.6;
  padding-top:4px;
  -moz-user-select:none;
  -webkit-user-select:none;
  user-select:none;
  
}

[draggable], .card, div, img, label {
  -moz-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}

a.bookmark {
  text-decoration:none;
  color:#222;
}

a.bookmark div.card.bg-light {
  background-color: #ffffff !important;
}

a.bookmark:hover div.card.bg-light {
  background-color: #e2e6ea !important;
  border-color:#bebebe !important;
  color:#000;
}