:root {
	--primary: #b15d43;
	--secondary: #1e2724;
	
	--primary-100: #9f533c;
	--primary-200: #8f4b36;
	--primary-300: #7f4331;

	--primary--100: #c26e54;
	--primary--200: #cf7f67;
	--primary--300: #db917a;
}

.sticky {
	position: sticky;
    top: 131px; /* adjust spacing from top */ 
}

.img-logo {
	width: auto;
	height: 60px;
}

.testimonial-stars {
	color: #B59410;
	margin-bottom: .25rem;
	font-size: 1rem;
}

*, html {
    scroll-behavior: smooth !important;
}

@font-face {
  font-family: 'Poppins';
  src: url('/css/fonts/poppins/Poppins-Black.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
}

@font-face {
  font-family: 'Poppins';
  src: url('/css/fonts/poppins/Poppins-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: 'Poppins';
  src: url('/css/fonts/poppins/Poppins-ExtraBold.ttf') format('truetype');
  font-weight: 800;
  font-style: normal;
}

@font-face {
  font-family: 'Poppins';
  src: url('/css/fonts/poppins/Poppins-ExtraLight.ttf') format('truetype');
  font-weight: 200;
  font-style: normal;
}

@font-face {
  font-family: 'Poppins';
  src: url('/css/fonts/poppins/Poppins-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'Poppins';
  src: url('/css/fonts/poppins/Poppins-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'Poppins';
  src: url('/css/fonts/poppins/Poppins-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'Poppins';
  src: url('/css/fonts/poppins/Poppins-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: 'Poppins';
  src: url('/css/fonts/poppins/Poppins-Thin.ttf') format('truetype');
  font-weight: 100;
  font-style: normal;
}

@media(max-width: 991px) {
	#footer .logo {
		max-width: 256px; 
	}
}

.drag-handle-group,
.drag-handle-item {
	cursor: move;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 4px;
}

.drag-dots::before {
	content: "⋮⋮";
	font-size: 18px;
	line-height: 1;
	opacity: 0.6;
}

.drag-handle-group:hover .drag-dots::before,
.drag-handle-item:hover .drag-dots::before {
	opacity: 1;
}

/* Drop-Indikator-Linie */
.drop-indicator {
	height: 4px;
	margin: 4px 0;
	border-radius: 999px;
	background: rgba(0, 0, 0, 0.25);
}

@media(max-width: 767px) {
	.drag-handle-item, .drag-handle-group {
		display: none;
	}
}

input:disabled {
	cursor: not-allowed;
}