/* Link Farbehell Button */
.link-farbehell-button a {
	display: block;
    max-width: fit-content;
	color:var(--white);
	text-decoration:none;
	background: var(--farbehell);   
	border: 1px solid var(--farbehell);
	border-radius: 10px;
    padding: .75rem 1rem .75rem 3rem;
	transition: all .3s;
	position: relative;
	&::after {
		content: "";
		position: absolute;
		top: calc(50% - 12.5px);
		left: .5rem;
		width: 25px;
		height: 25px;
		background-image: url('../../../images/gestaltung/farbehellButton.svg');
		background-repeat: no-repeat;
		background-size: cover;
	}
}
.link-farbehell-button a:hover {
	color:var(--white);
	text-decoration:none;
	border: 1px solid rgba(60, 147, 173, 1);
	background-color: rgba(60, 147, 173, 1);
}

/* Link Farbemittel Button */
.link-farbemittel-button a, #ingallery-1 .ingallery-loadmore-btn {
	
    max-width: fit-content;
	color:#ffffff!important;;
	text-decoration:none;
	background: var(--farbemittel)!important;;   
	border: 1px solid var(--farbemittel)!important;;
	border-radius: 10px;
   	padding: .75rem 1rem .75rem 3rem;
	transition: all .3s;
	position: relative;
	&::after {
		content: "";
		position: absolute;
		top: calc(50% - 12.5px);
		left: .5rem;
		width: 25px;
		height: 25px;
		background-image: url('../../../images/gestaltung/farbemittelButton.svg');
		background-repeat: no-repeat;
		background-size: cover;
	}
}
.link-farbemittel-button a:hover, #ingallery-1 .ingallery-loadmore-btn:hover {
	color:var(--white)!important;;
	text-decoration:none;
	border: 1px solid rgba(27, 78, 132, 1)!important;;
	background-color: rgba(27, 78, 132, 1)!important;;

}

/* Link Farbedunkel Button */
.link-farbedunkel-button a {
	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: 10px;
   	padding: .75rem 1rem .75rem 3rem;
	transition: all .3s;
	position: relative;
	&::after {
		content: "";
		position: absolute;
		top: calc(50% - 12.5px);
		left: .5rem;
		width: 25px;
		height: 25px;
		background-image: url('../../../images/gestaltung/farbedunkelButton.svg');
		background-repeat: no-repeat;
		background-size: cover;
	}
}
.link-farbedunkel-button a:hover {
	color:var(--white)!important;
	text-decoration:none;
	border: 1px solid rgba(60, 147, 173, 1)!important;
	background-color: rgba(60, 147, 173, 1)!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: 10px;
    padding: .75rem 1rem;
	transition: all .3s;
	text-transform: uppercase;
}
.link-schwarz-button a:hover {
	color:#ffffff;
	text-decoration:none;
}

/* Link weiss Button */
.link-weiss-button a {
	display: block;
    max-width: fit-content;
	color:var(--black);
	text-decoration:none;
	background: var(--white);  
	border: 1px solid var(--white);
	border-radius: 10px;
    padding: .75rem 1rem;
	transition: all .3s;
	text-transform: uppercase;
}
.link-weiss-button a:hover {
	color:var(--white);
	text-decoration:none;
	background: transparent;
	border-radius:0px;  
}


/* 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: 10px;
    padding: .75rem 1rem;
	transition: all .3s;
}
.link-farbehell-frame a:hover {
	color:var(--white);
	background-color: rgba(134, 199, 196, 1);
	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: 10px;
    padding: .75rem 1rem;
	transition: all .3s;
}
.link-farbemittel-frame a:hover {
	color:var(--white);
	background-color: rgba(116, 166, 215, 1);
	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: 10px;
    padding: .75rem 1rem;
	transition: all .3s;
}
.link-farbedunkel-frame a:hover {
	color:var(--white);
	background-color: rgba(62, 130, 195, 1);
	text-decoration:none;
}

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


/* 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: 10px;
    padding: .75rem 1rem;
	transition: all .3s;
}
.link-weiss-frame a:hover {
	color:var(--dark);
	background-color: var(--white);
	text-decoration:none;  
}