.btn-primary {
	&.subbutton {
		margin-top: 0;
		height: 50px;
	}
	margin-top: 2rem;
}

/* Link Farbehell Button */
.link-farbehell-button a, .button-farbehell a, .btn-primary, .btn-success{
	display: block;
    max-width: fit-content;
	color:var(--white);
	text-decoration:none;
	background-color: var(--farbehell)!important;   
	border: 1px solid var(--farbehell)!important;
	border-radius:5px!important;
	padding:.75rem 7.5rem .75rem 1rem!important;
	transition: all .3s;
	text-transform: uppercase;
	position: relative;
	border-top-left-radius: 5px!important;
    border-bottom-left-radius: 5px!important;
	&::after {
		content: "";
		position: absolute;
		top: 50%;
		right: 2rem;
		width: 44px;
		height: 15px;
		background-image: url('../../../images/gestaltung/arrow.svg');
		background-repeat: no-repeat;
		background-size: cover;
		transform: translate3d(0,-50%,0)
	}
}
.link-farbehell-button a:hover, .button-farbehell a:hover, .btn-primary:hover, .btn-success:hover {
	color:var(--farbehell)!important;
	background-color: var(--white)!important;
	text-decoration:none;
	&::after {
		filter: brightness(0) saturate(100%) invert(21%) sepia(83%) saturate(6316%) hue-rotate(345deg) brightness(83%) contrast(109%);
	}
}

/* Link Farbemittel Button */
.link-farbemittel-button a {
	display: block;
    max-width: fit-content;
	color:#ffffff;
	text-decoration:none;
	background: var(--farbemittel);   
	border: 1px solid var(--farbemittel);
	border-radius:0px;
	padding:.5rem 3.5rem;
	transition: all .3s;
}
.link-farbemittel-button a:hover {
	color:var(--white);
	text-decoration:none;
	background-color: transparent;

}

/* Link Farbedunkel Button */
.link-farbedunkel-button a, #ingallery-1 .ingallery-loadmore-btn {
	display: block;
    max-width: fit-content;
	color:var(--white)!important;
	text-decoration:none;
	background: var(--farbedunkel)!important;   
	border: 1px solid var(--farbedunkel)!important;
	border-radius:0px;
	padding:1rem 3.5rem!important;
	transition: all .3s;
    text-align: center;
	text-transform: uppercase;
}
.link-farbedunkel-button a:hover, #ingallery-1 .ingallery-loadmore-btn:hover {
	color:var(--farbedunkel)!important;
	text-decoration:none;
	background-color: transparent!important;
}




/* Link Schwarz Button */
.link-schwarz-button a {
	display: block;
    max-width: fit-content;
	color:var(--white);
	text-decoration:none;
	background: var(--black);   
	border-radius:5px;
	padding:.75rem 7.5rem .75rem 1rem!important;
	transition: all .3s;
	text-transform: uppercase;
	position: relative;
	&::after {
		content: "";
		position: absolute;
		top: 50%;
		right: 2rem;
		width: 44px;
		height: 15px;
		background-image: url('../../../images/gestaltung/arrow.svg');
		background-repeat: no-repeat;
		background-size: cover;
		transform: translate3d(0,-50%,0)
	}
}
.link-schwarz-button a:hover {
	color:var(--farbehell);
	text-decoration:none;
	&::after {
		filter: brightness(0) saturate(100%) invert(21%) sepia(83%) saturate(6316%) hue-rotate(345deg) brightness(83%) contrast(109%);
	}
}

/* Link weiss Button */
.link-weiss-button a {
	display: block;
    max-width: fit-content;
	color:var(--white);
	text-decoration:none;
	background: rgba(255, 255, 255, 0.3);
	border-radius:5px;
	padding:.75rem 7.5rem .75rem 1rem;
	transition: all .3s;
	text-transform: uppercase;
	position: relative;
	backdrop-filter: blur(10px);
	&::after {
		content: "";
		position: absolute;
		top: 50%;
		right: 2rem;
		width: 44px;
		height: 15px;
		background-image: url('../../../images/gestaltung/arrow.svg');
		background-repeat: no-repeat;
		background-size: cover;
		transform: translate3d(0,-50%,0)
	}

}
.link-weiss-button a:hover  {
	color:var(--white);
	text-decoration:none;
	background: var(--farbehell);
	border-radius:5px;  
}


/* Link Farbehell Frame */
.link-farbehell-frame a {
	display: block;
    max-width: fit-content;
	color:var(--black);
	text-decoration:none;
	border:1px solid var(--farbehell);
	border-radius:0px;
	padding:.5rem 3.5rem;
	transition: all .3s;
}
.link-farbehell-frame a:hover {
	color:var(--black);
	background-color: var(--farbehell);
	text-decoration:none;
}

/* Link Farbmittel Frame */
.link-farbemittel-frame a {
	display: block;
    max-width: fit-content;
	color:var(--farbemittel);
	text-decoration:none;
	border:1px solid var(--farbemittel);
	border-radius:0px;
	padding:.5rem 3.5rem;
	transition: all .3s;
}
.link-farbemittel-frame a:hover {
	color:var(--white);
	background-color: var(--farbemittel);
	text-decoration:none;
}

/* Link Farbedunkel Frame */
.link-farbedunkel-frame a {
	display: block;
    max-width: fit-content;
	color:var(--white);
	text-decoration:none;
	border:1px solid var(--farbedunkel);
	border-radius:0px;
	padding:.5rem 3.5rem;
	transition: all .3s;
}
.link-farbedunkel-frame a:hover {
	color:var(--white);
	background-color: var(--farbedunkel);
	text-decoration:none;
}

/* Link Schwarz Frame */
.link-schwarz-frame a {
	display: block;
    max-width: fit-content;
	color:var(--black);
	text-decoration:none;
	border:2px solid var(--black);
	border-radius:5px;
	padding:.75rem 7.5rem .75rem 1rem!important; 
	transition: all .3s; 
	position: relative;
	&::after {
		content: "";
		position: absolute;
		top: 50%;
		right: 2rem;
		width: 44px;
		height: 15px;
		background-image: url('../../../images/gestaltung/arrow.svg');
		background-repeat: no-repeat;
		background-size: cover;
		transform: translate3d(0,-50%,0);
		filter: brightness(0) saturate(100%)
	}
}
.link-schwarz-frame a:hover {
	color:var(--white);
	text-decoration:none;  
	background-color: var(--black);
	&::after {
		filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(2%) hue-rotate(93deg) brightness(106%) contrast(101%);
	}
}


/* Link Weiss Frame */
.link-weiss-frame a {
	display: block;
    max-width: fit-content;
	color:var(--white);
	text-decoration:none;
	border:1px solid var(--white);
	border-radius:0px;
	padding:.5rem 3.5rem;
	transition: all .3s;
}
.link-weiss-frame a:hover {
	color:var(--dark);
	background-color: var(--white);
	text-decoration:none;  
}	



.btn-warning {
	background-color: transparent!important;
	border-radius: 5px!important;
	color: var(--white)!important;
	border: 1px solid var(--farbehell);
	&:hover {
		background-color: var(--farbehell)!important;
		border: 1px solid var(--farbehell);
	}
}