/*
@font-face {
 font-family: 'ff-name';
 src: url('fonts/file_name.woff2') format('woff2');
}

.ff-theme {
  font-family: 'ff-name';
}
*/

:root {
  --theme: #F7F4EE;
  --theme-rgb: 247, 244, 238;
}

body {
  display: flex;
  overflow-y: scroll;
  flex-direction: column !important;
  min-height: 100vh;
}

content {
  flex: 1;
}

.bg-theme {
  background: var(--theme)!important;
}

.text-theme,
.form-label,
.has-theme-color {
  color: var(--theme)!important;
}

.border-theme {
  --bs-border-opacity: 1;
  border-color: rgba(var(--theme-rgb), var(--bs-border-opacity)) !important;
}

.hide-me {
  display: none;
}

.pointer {
  cursor: pointer;
}

.navbar-toggler i {
  transition: .25s;
}

.btn-theme {
  border-color: var(--theme)!important;
  background:  rgba(var(--theme-rgb), .80);
  color: white;
}

.btn-outline-theme {
  border-color: var(--theme)!important;
  color: var(--theme);
  
}

.btn-theme:hover,
.btn-outline-theme:hover {
  background:  rgba(var(--theme-rgb), 1);
  color: white;
}

.form-control {
  border-color: var(--theme)!important;
}

.form-control:focus,
.form-check-input:focus {
  box-shadow: 0 0 0 .25rem rgba(var(--theme-rgb),.25)!important;
}

.form-check-input:checked {
  background-color: var(--theme)!important;
  border-color: var(--theme)!important;
}

.card-body p:last-of-type {
  margin: 0!important;
}

.text-shadow {
  text-shadow: 0 0 10px black;
}

.nav-link {
  border-bottom: 2px solid transparent;
  border-top: 2px solid transparent;
  padding: .5rem 0!important;
}

.landingpage .nav-link {
  color: #e6e6e6!important;
}

.nav-item {
  padding: 0 1rem;
}

.nav-link:hover {
  color: #000000!important;
  border-bottom-color: #000000;
}

nav {
  color: white!important;
}

.landingpage nav {
  color: black!important;
}

.landingpage .nav-link:hover {
  color: #ffffff!important;
  border-bottom-color: #ffffff;
}

.landingpage .navbar-collapse.show #menu-hauptmenue,
.landingpage .navbar-collapse.collapsing #menu-hauptmenue {
  background-color: rgba(0,0,0, .75)!important;
  border: 2px solid black;
  border-radius: .375rem!important;
}

.navbar-toggler {
  color: black!important;
  border-color: black!important;
}

.landingpage .navbar-toggler {
  color: white!important;
  border-color: white!important;
}

.landingpage h4.wp-block-heading,
.text-theme-dark {
  color: #b97d2c;
}

.bg-gradient-from-white {
  background-image: linear-gradient(to bottom, white, var(--theme));
}

.bg-gradient-to-white {
  background-image: linear-gradient(to bottom, var(--theme), white);
}

.zoom .ratio,
.zoom .bg-fade-out-right,
.zoom .bg-fade-out-top {
  transition: 2s ease-in-out;
}

.zoom:hover .ratio {
  transform: scale(1.1);
}

.zoom:hover .bg-fade-out-right,
.zoom:hover .bg-fade-out-top {
  opacity: 0;
}

.zoom .bg-fade-out-right {
  background-image: linear-gradient(to right, transparent, white);
}

.zoom.bg-theme .bg-fade-out-right {
  background-image: linear-gradient(to right, transparent, var(--theme));
}

.zoom .bg-fade-out-top {
  background-image: linear-gradient(to top, transparent, white);
}

.zoom.bg-theme .bg-fade-out-top {
  background-image: linear-gradient(to top, transparent, var(--theme));
}