.red{
	
	color: #ae0000;
	
}

.button,
.buttonfull,
.linkbutton,
button[type="submit"]{
	
	display: inline-block;
	background: #ae0000;
	color: #ffffff;
	text-transform: uppercase;
	padding: 0.15em 3em 0.15em 0.5em;
	text-decoration: none;
	position: relative;
	cursor: pointer;
	border: 1px solid transparent;
	transition: all 0.5s ease-in-out;
	
}

.buttonfull{
	
	display: block;
	
}

.button::after,
.buttonfull::after,
.linkbutton::after,
button[type="submit"]::after{
	
	display: block;
	content: '';
	position: absolute;
	right: 5px;
	top: 50%;
	transform: translateY(-50%);
	background-color: #ffffff;
	background-image: url("/typo3conf/ext/cps/Resources/Public/Icons/plus.svg");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 60% 60%;
	width: 25px;
	height: 25px;
	
}

button[type="submit"]{
	
	text-align: left;
	appearance: none;
	width: 100%;
	display: block;
	font-size: inherit;
	line-height: inherit;
	
}

button[type="submit"]::after,
.buttonfull::after,
.linkbutton::after{
	
	
	background-image: url("/typo3conf/ext/cps/Resources/Public/Icons/submit.svg");
	
}

.kachelmenu .buttonfull::after{

	background-image: url("/typo3conf/ext/cps/Resources/Public/Icons/plus.svg");
	
}

.closebutton::after{
	
	background-image: url("/typo3conf/ext/cps/Resources/Public/Icons/close.svg");
	
}

.slider .button{
	
	border: 1px solid #ae0000;
	
}

html.no-touch .button:hover,
html.no-touch .buttonfull:hover,
html.no-touch button[type="submit"]:hover,
html.no-touch .linkbutton:hover{
	
	background: #ffffff;
	color: #ae0000;
	border-color: #ae0000;
	
}

sup {
	
	line-height: 0;
	font-size: 0.83em;
    vertical-align: super;
	
}

.text-center{
	
	text-align: center;

}