/* Markierter Text wird schwarz markiert und der Text wird weiss */
::selection {
  color: white;
  background: black;
}

/* Die Schrifart für die Überschriften 2-5 wird auf "LiebeErika" gesetzt und einige Abstandseinstellungen werden angepasst */
h1 {
  font-family: "brokenvessels", "Arial Black", "Sans Serif";
  font-size: 3.5rem;
}
h2, h3, h4, h5 {
  font-family: "liebeerika", "Amatic SC", "Arial Narrow", "Sans Serif";
  font-weight: 900;
}
.card .card-header {
  font-size: 2rem;
  padding: 1.7rem 2rem 0rem;
}
h5, .card h5.card-title a, .pwgstuffs-content .card-header {
  font-family: "liebeerika", "Amatic SC", "Arial Narrow", "Sans Serif";
  font-weight: 900;
  font-size: 2.4rem;
}
h5, .card h5.card-title {
  margin-bottom: 6px;
}
#content-description h5 {
  font-family: "duper", "Arial", "Sans Serif";
  font-size: 1.4rem;
  font-weight: 400;
}

/* Die Schrifart für Überschrift 6 und die Menubar wird auf "Duper" gesetzt und einige Abstandseinstellungen werden angepasst */
h6 {
  font-family: "duper", "Arial", "Sans Serif";
  font-size: 1.2rem;
  font-weight: 400;
}
body, a, .navbar-nav .nav-link {
  font-family: "duper", "Arial", "Sans Serif";
  font-size: 1.25rem;
  font-weight: 400;
}
.action-buttons {
  display: none;
}

/* Design-Anpassungen für das Plugin PWG Stuffs */
#stuffs_block_2 {
  text-align: center;
}
.pwgstuffs-content hr {
  margin-bottom: 0;
}
.pwgstuffs-content .card-header {
  padding-bottom: 0px;
  padding-left: 30px;
}
.pwgstuffs-content .form-inline {
  margin-bottom: 0px;
}
.pwgstuffs-content .card-body {
  padding-top: 12px;
}
.card .is-focused .form-control {
  background-image: linear-gradient(to top, #fff 2px, rgba(0, 150, 136, 0) 2px), linear-gradient(to top, #4f4f4f 1px, transparent 1px);
}
.card.card-thumbnail, .pwgstuffs-content {
  border-radius: 12px;
  overflow: hidden;
}
.card, .card a {
  font-size: 1rem;
}
.dropdown a, .dropdown .dropdown-header {
  font-size: 1.1rem;
}
.pswp__counter {
  font-size: 1.2rem;
}

/* Design-Anpassungen für den Header-Bereich */
#navbar-menubar #quicksearch #qsearchInput {
  color: #fff;
  background-color: transparent;
  border-radius: 4px;
}
#navbar-menubar #quicksearch .is-focused #qsearchInput {
  background-color: rgba(255, 255, 255, 0.28);
  margin-left: 12px;
}
.navbar-form .bmd-form-group input::placeholder {
  color: rgba(230, 230, 230, 0.65)!important;
}
.navbar-nav .dropdown-menu.dropdown-menu-right {
  border-radius: 0.95rem;
}
.btn.btn-raised.btn-primary, .btn-main {
  border-radius: 0.45rem;
  background-color: #4c4c4c;
}
.btn.btn-raised.btn-primary:hover {
  background-color: #000;
}

/* Design-Anpassungen für die Login-Seite */
#theIdentificationPage .card, #thePasswordPage .card {
  border-radius: 1rem;
}
.alert {
  border-radius: 0.75rem;
}
.card .form-control {
  background-image: linear-gradient(to top,#6f6f6f 2px,rgba(0,150,136,0) 2px),linear-gradient(to top,#4f4f4f 1px,transparent 1px);
}
.checkbox label {
  margin-right: 24px;
  color: #dbdbdb;
}
.pwg-state-default.pwg-button, .checkbox label {
  transition: 0.2s;
}
.checkbox label .checkbox-decorator .check {
  background-color: #fff;
}
.checkbox label input[type="checkbox"]:checked + .checkbox-decorator .check {
  border-color: #505050;
}
label.checkbox-inline input[type="checkbox"]:checked {}
.pwg-state-default.pwg-button {
  color: #ccc;
}
.pwg-state-default.pwg-button:hover {
  color: #9e9e9e;
}
.card-body .btn.btn-raised.btn-primary {
  box-shadow: none;
}
.card-body .btn.btn-raised.btn-primary:hover {
  background-color: #383838;
}

/* Design-Anpassungen für die Passwort-Seite */
#thePasswordPage .infoclass-pw {
  margin-left: 12px;
}

/* Schriftart-Einstellungen */
@font-face {
  font-family: "brokenvessels";
  src: url("/themes/frischer_hauch/assets/fonts/BrokenVessels-SketchRegular.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "liebeerika";
  src: url("/themes/frischer_hauch/assets/fonts/LiebeErika-Black.otf") format("opentype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "duper";
  src: url("/themes/frischer_hauch/assets/fonts/Duper-Regular.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}