@charset "utf-8";

/*  PRELOADER   */
.preloader
{
    width: 100vw;
    height: 100vh;
    z-index: 99999;
    position: fixed;
    top: 0;
    left: 0;
    background-color: #fff !important;
}

.preloader .preloader_logo
{
    width: 194px;
    height: 198px;
    position: absolute;
    top: calc( 50% - 97px);
    left: calc(50% - 99px);
    background-size: cover;
    -webkit-animation: scale-up-center 5s ease both;
    animation: scale-up-center 5s ease both;
}

@keyframes scale-up-center {
    0% {
        -webkit-transform: scale(0.2);
        transform: scale(0.2);
        opacity: 0;
    }
    60% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
    100% {
        -webkit-transform: scale(0.7);
        transform: scale(0.7);
    }
}

/* COOKIE */
#cks_overlay {
    background-color: #fff !important;
    padding: 5px 0 !important;
}

.cks_inner, .cks_inner a {
    color: #5F5F5F !important;
    font-size: 0.813rem !important;
    line-height: 0.875em !important;
}

.cks_inner p {
   padding: 7px 114px 5px 0px !important;
}

.cks_btn {
    width: 80px !important;
    margin-top: -14px !important;
    background-color: #a5a5a9 !important;
    font-size: 14px !important;
    height: 27px !important;
    line-height: 26px !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

/*
IPhone Querformat font-size bug
*/
html
{
    -webkit-text-size-adjust: 100% !important;
}

body
{
	margin: 0;
	padding: 0;
    overflow-x: hidden;
	background-color: #fff;
    top: 0 !important;
}
/* Hide google translate banner on top of the screen */
body > .skiptranslate .goog-te-banner-frame
{
    display: none !important;
}

body > .skiptranslate
{
    background-color: transparent !important;
}

*
{
	outline: none;
    box-sizing: border-box;
}

img
{
    /*image-rendering:pixelated;*/
    image-rendering:-webkit-optimize-contrast;
}

a img
{
	border: 0px solid;
}
a.art_anchor
{
	width: 0;
	height: 0;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
	font-size: 0;
}
p
{
	width: 100%;
	float: left;
	margin: 0;
	padding: 0;
}
.content p
{
	float: none;
}
body .ui-widget { font-size: 11px; }
.sc_only { width: 0px; height: 0px; overflow: hidden; }

.page_c
{
	width: 100%;
	min-width: 850px;
	overflow: hidden;
	position: relative;
	z-index: 1;
}
@media only screen and (max-width: 1025px)
{
	.page_c
	{
		min-width: 320px;
	}
	body .ui-widget { font-size: 14px; }
}
@media only screen and (max-width: 650px)
{
	body .ui-widget { font-size: 16px; }
}

.offscreen
{
    position: absolute;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    padding: 0;
    border: 0;
    height: 1px;
    width: 1px;
    overflow: hidden;
}
*:focus
{
    outline: none;
}
.focus-visible {
    outline: 2px dotted #CB1D36;
}

/* Accessibility map */
.as_map_c
{
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
}
.as_map
{
    height: 28px;
    margin: -250px auto 0 auto;
    display: table;
    table-layout: fixed;
    padding: 3px 25px 14px 10px;;
    background-color: #FFFFFF;
    transition: margin-top 400ms;
    -webkit-transition: margin-top 400ms;
}
.as_map.opened { margin-top: 0; }
.as_map ul { float: left; margin: 0; padding: 0; list-style: none; }
.as_map ul li { float: left; margin: 15px 10px; }
.as_map ul li > *
{
    padding: 5px 15px;
    background-color: #EB711B;

    font:400 1.250rem/120% 'Montserrat', "Trebuchet MS", sans-serif;
    color: #231F1D;
    text-decoration: none;
    line-height: 20px;
}
.as_map ul li > *:focus { background-color: #FFFFFF; outline: 1px dotted #EB711B; }

/* Head */
.headtop
{
	width:100%;
	display:flex;
	background: #373737;
	color: #fff;
	font: italic 0.75rem/1rem "Open Sans", Tahoma, "sans-serif";
	justify-content: flex-end;
	position: relative;
	z-index: 11;
}
.headtop > a
{
	color:#fff;
	padding: 13px 15px;
	text-decoration: none;
}
.headtop > a:hover,
.translate > a:hover
{
	color: #c5c5c5;
	text-decoration: underline;
}

.headtop > a:hover img
{
	filter: brightness(0.8);
}
.headtop a.nachhaltigkeit
{
	font-weight: 700;
	color: #65c66a;
	font-style: normal;
}
.headtop a.nachhaltigkeit img
{
	margin-top: -10px;
    margin-bottom: -6px;
    margin-right: 6px;
	transition: transform 0.5s;
}
.headtop a.nachhaltigkeit:hover img
{
	filter: none;
	transform: rotate(20deg);
}
header
{
	position: relative;
	z-index:11;
}
.translate {
	
	 position: relative;
	top: 12px;
	padding-right:27px;
	 
}

.translate > a {
    
    text-decoration: none;
	font: 0.8rem/1rem "Open Sans", Tahoma, "sans-serif";
	color: #fff;
}
img.translate_icon
{
	margin-bottom:-2px;
}
.translate .translate_i {
    position: absolute;
    top: -200px;
    right: 0;
    padding: 5px;
    background: #fff;
    opacity: 0;
    transition: opacity 0.7s;
	font-style: normal;
}

.translate.opened .translate_i {
    opacity: 1;
    top: 30px;
    border-width: 16px;
    border-style: solid;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
    border-color: #4a4646;
}

.translate .flag {
    box-shadow: 0 0.438rem 0.938rem rgba(0, 0, 0, 0.03);
    margin-right: 3px;
	margin-bottom:-3px;
}

.nav_c
{
	display:flex;
	position: relative;
	z-index:10;
	box-shadow: 0 0.25rem 0.25rem rgba(0, 0, 0, 0.05);
}
.logo{
	margin: 25px 68px;
	width: 209px;
    height: 38px;
}
.nav_c a
{
	display: inherit;
}
nav > ul
{
	list-style: none;
	flex-wrap:wrap;
	display: flex;
	justify-content: center;
	margin:0;
	padding:0;
}
nav > ul > li
{
	position: relative;
}
nav > ul > li > a
{
	font: 600 0.875rem/1.575rem "Open Sans", Tahoma, "sans-serif";
	color: #000; 
	padding: 31px 32px;
	text-decoration: none;
	display:block;
}
nav > ul > li.current_link > a,
nav > ul > li:hover > a,
nav > ul > li.current_path > a
{
	color:#006227;
}
nav > ul > li > a span
{
	border-bottom: 2px solid #fff;
	display: inline-block;
}
nav > ul > li.current_link > a span
{
	display: inline-block;
    border-bottom: 2px solid #006227;
}
nav ul li ul
{
	position: absolute;
	flex-direction: column;
	width: 320px;
	box-sizing:border-box;
	justify-content: flex-start;
	top: -1000px;
	left:calc(50% - 160px);
	opacity: 0;
	background: #f5f4f4;
	padding: 40px 35px 23px 35px;
	transition: opacity 1s;
}
nav ul li.opened ul
{
	top: 88px;
	opacity:1;
}
nav ul li ul
{
	list-style:none;
}
nav ul li ul li
{
	position: relative;
}
nav ul li ul li a
{
	font: 700 0.938rem/1rem Roboto, "Trebuchet MS", "sans-serif";
	color: #373737;
	text-decoration: none;
	padding: 16px 0 10px 20px ;
	display:block;
	text-transform: uppercase;
}
nav ul li ul li.current_link a
{
	color:#EB711B;
	
}
nav ul li ul li:hover a
{
	color:#EB711B;
}
nav ul li a.clinks
{
	font: 600 0.75rem/0.75rem "Open Sans", Tahoma, "sans-serif";
	padding-top: 3px;
    text-transform: none;
}
nav ul li a.clinks:before {
    content: '/';
    font: 800 1rem/1rem "Open Sans", Tahoma, "sans-serif";
    color: #EB711B;
    margin-right: 4px;
}

nav ul li a.clinks:hover {
	
	color:#006227;
}

nav ul li ul li.last
{
	    margin-bottom: 25px;
	    padding-bottom: 25px;
}
nav ul li ul li.last:before
{
	    width: 320px;
	height: 1px;
	background:#C7C7C7;
	position: absolute;
	bottom: 0;
	left:-35px;
	content: '';
}
.mobile_links
{
	display:none;
}


/*Head Image*/
.header_image_c
{
    width: 100%;
  	height:auto;
    position: relative;
    z-index: 2;
}
@keyframes bounceIn {
  from,
  20%,
  40%,
  60%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }

  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.bounceIn {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}
.header_image_c .badge
{
	width:152px;
	height:152px;
	background: url("../img/icons/badge.svg") no-repeat center / 100% auto;
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	right:56px;
	bottom: -56px;
	opacity:0;
	animation: bounceIn 0.75s 0.5s forwards;
	
}
@keyframes rotate {
	to{transform: rotate(360deg);}
}
.header_image_c .badge img
{
	width:126px;
	height:126px;
	animation: rotate 15s linear infinite;
}
.header_image
{
	overflow:hidden;
}
.header_image img
{
	width:100%;
	height:auto;
    transition: transform 5s;
	transform: scale(1.1);
}
/* Main */
.main_c
{
	width: 100%;
	overflow: hidden;
	position: relative;
	z-index: 1;
    background-color: #fff;
}
.main
{
	width: 100%;

	min-height: 500px;
	overflow: hidden;
	position: relative;
	z-index: 1;
}

/* Footer */
footer
{
	width: 100%;
	position: relative;
	display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
}

footer .footerimage
{
	width: 100%;
}




footer .footerimage img
{
	width:100%;
	height:auto;
	display:block;
}
footer .footertel_c
{
	width:100%;
	background: #373737;
	display: flex;
	flex-wrap:wrap;
	justify-content: center;
	padding: 35px 48px;
	box-sizing:border-box;
}
footer .footertel
{
	width:100%;
	max-width: 1000px;
	color:#fff;
	font: 400 1rem/1.1rem Roboto, "Trebuchet MS", "sans-serif";
	letter-spacing: 0.031rem;
	
}
footer .footertel a
{
	font-size: 1.375rem;
	font-weight: 700;
	color:#fff;
	text-decoration: none;
	transition: color 0.5s;
	margin-left:10px;
}
footer .footertel a:hover
{
	color: #EB711B;
}

footer .footertel .anfragen
{
	display: inline-block;
    margin-left: 0px;
}

footer .contact_c
{
	width:100%;
	background: #fff;
	display: flex;
	flex-wrap:wrap;
	justify-content: center;
	padding: 55px 48px;
	box-sizing:border-box;
	max-width: 1100px;
}
footer .contact
{
	width:100%;
	max-width:1000px;
	display: flex;
	flex-wrap:wrap;
	justify-content: center;
	align-items: flex-end;
}
footer .contact .cbox
{
	width:33.33%;
	font: 400 0.813rem/1.3rem "Open Sans", Tahoma, "sans-serif";
	color: #373737;	
	letter-spacing: 0.059rem;
}
footer .contact .cbox strong
{
	font-weight: 600;
}
footer .contact .cbox a
{
	color: #373737;
	text-decoration: none;
	transition: color 0.5s;
	padding-left: 22px;
	position: relative;
}
footer .contact .cbox a:hover
{
	color: #EB711B;
}
footer .contact .cbox a img
{
	position: absolute;
	left:0;
	top: 2px;
	filter: saturate(0);
	transition: filter 0.5s;
}
footer .contact .cbox a:hover img
{
	filter: saturate(1);
}
footer .contact .cbox.clinks a
{
	font-weight: 600;
}
footer .contact .cbox.clinks a:before
{
	content: '/';
	font: 800 1rem/1.513rem "Open Sans", Tahoma, "sans-serif";
	color: #EB711B;
	margin-right:4px;
}
footer .contact .cbox.clinks a:hover
{ 
	color: #0D7C39;
}

footer .impressum
{
	
	width: 100%;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
	max-width:1000px;
	border-top: 1px solid #dcdcdc;
	font: 400 0.7rem/1rem "Open Sans", Tahoma, "sans-serif";
	color: #888888;
	margin-top: 28px;
	padding-top: 17px;
}
footer .impressum a
{
	color: #888888;
	text-decoration: none;
	margin-left: 17px;
}
footer .impressum a:hover
{
	text-decoration: underline;
}
footer .impressum a.algo
{
	color: #797979;
	font-weight: 700;
	transition: color 0.5s;
	display:inline-block;
}
footer .impressum a.algo img
{
	filter: saturate(0);
	transition: filter 0.5s;
	margin-left:2px;
}
footer .impressum a.algo:hover
{
	color: #EB711B;
	text-decoration: none;
}
footer .impressum a.algo:hover img
{
	filter:none;
}




.search
{
	position: absolute;
	top: -100vh;
	left:0;
	width:100%;
    height: calc(100vh - 40px);
    padding: 0;
   background: rgba(255, 255, 255, 0.95);
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
	z-index:40;
	transition: top 1s;
	color: #383838;
}
.search.opened
{
	top:40px;
	position: fixed;
}
.search form {
    width: 360px;
    position: relative
}
.search .close_button
{
	position: absolute;
	right: 30px;
	top:30px;
}
.search a
{
	color: #383838;
	padding:0;
	font-style: normal;
	cursor: pointer;
}
.search .close_button a img
{
	filter: saturate(0);
	margin-bottom: -5px;
	transition: filter 0.5s;
}
.search a:hover
{
	color: #EB711B;
	text-decoration:none;
}
.search .close_button a:hover img
{
	filter: saturate(1);
}
.search label
{
	font: 400 1.2rem/130% Roboto, "Trebuchet MS", "sans-serif";
	color: #383838;
	letter-spacing: 0.02em;
	line-height: 130%;
	margin-bottom: 27px;
	display: block;
}
.search label span
{
	display: block;
	font-size: 1.750rem;
	font-weight: 900;
	text-transform: uppercase;
	margin-bottom:10px;
	line-height: 130%;
}
.search input.btnsearch
{
	width:48px;
	height: 48px;
	border:none;
	background: url("../img/icons/search.svg") no-repeat center / 20px auto #373737;
	font-size:0;
	cursor: pointer;
	transition: background-color 0.5s;
}
.search input.btnsearch:hover
{
	background-color:#EB711B;
}
.search input.h_suchen
{
    width: calc(100% - 48px);  
	box-sizing: border-box;
	padding: 10px 15px;
}
.search form
{
	display: flex;
	flex-wrap:wrap;
}



.hamburger {
	background: #fff;
	height: 43px;
	width: 55px;
	
	justify-content: center;
	align-items: center;
	z-index:20;
    position: absolute;
    right: 24px;
    top: 4px;
	display:none;
}
.hamburger a {
	height: 60px;
	width: 55px;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	z-index:10;
	
}
#desk_menu_btn span.line
{
	position: absolute;
	left: -40px;
	font: 600 0.875rem/1.575rem "Open Sans", Tahoma, "sans-serif";
	text-transform: uppercase;
	color: #000;
}
.c-hamburger {
	display: block;
	position: relative;
	overflow: hidden;
	padding: 0;
	width: 30px;
	height: 30px;
	font-size: 0;
	border: none;
	cursor: pointer;
	float: left;
	margin: 0;
	background: none;
}
.c-hamburger:focus {
	outline: none;
}
.c-hamburger span {
	display: block;
	position: absolute;
	top: 12px;
	left: 0px;
	height: 2px;
	background: #000;
	width: 30px;
}
.c-hamburger span::before {
	top: -8px;
	position: absolute;
	display: block;
	left: 0;
	width: 30px;
	height: 2px;
	background: #000;
	content: "";
}
.c-hamburger span::after {
	bottom: -8px;
	position: absolute;
	display: block;
	left: 0;
	width: 30px;
	height: 2px;
	background: #000;
	content: "";
}
.hamburger:hover .c-hamburger span::before, .hamburger:hover .c-hamburger span::after, .hamburger:hover .c-hamburger span {
	width: 28px;
}
.c-hamburger--htx span {
	-webkit-transition: background 0s 0.3s, width 0.8s;
	transition: background 0s 0.3s, width 0.8s;
}
.c-hamburger--htx span::before, .c-hamburger--htx span::after {
	-webkit-transition-duration: 0.3s, 0.3s, 0.8s;
	transition-duration: 0.3s, 0.3s, 0.8s;
	-webkit-transition-delay: 0.3s, 0s, 0s;
	transition-delay: 0.3s, 0s, 0s;
}
.c-hamburger--htx span::before {
	-webkit-transition-property: top, -webkit-transform, width;
	transition-property: top, transform, width;
}
.c-hamburger--htx span::after {
	-webkit-transition-property: bottom, -webkit-transform, width;
	transition-property: bottom, transform, width;
}
/* active state, i.e. menu open */

.hamburger.opened .c-hamburger--htx span {
	background: none;
}
.hamburger.opened .c-hamburger--htx span::before {
	top: 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	width: 28px;
}
.hamburger.opened .c-hamburger--htx span::after {
	bottom: 0;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
	width: 28px;
}
.hamburger.opened .c-hamburger--htx span::before, .hamburger.opened .c-hamburger--htx span::after {
	-webkit-transition-delay: 0s, 0.3s;
	transition-delay: 0s, 0.3s;
}

@media(max-width:1025px)
{
    .as_map_c
    {
        display: none !important;
    }
	.hamburger
	{
		display: flex;
	}
	.menu{
		position: absolute;
		width:100%;
		top: -1000px;
		background: #f7f7f7;
		transition: opacity 1s;
		padding: 30px;
		opacity:0;
		right:0;
		display: flex;
		flex-wrap:wrap;
		justify-content: center;
    	flex-direction: column;
		box-shadow: 0 0.25rem 0.25rem rgba(0, 0, 0, 0.05);
		box-sizing: border-box;
	}
	.menu.opened
	{
		top: 47px;
		opacity:1;
	}
	.logo
	{
		margin: 9px 24px;
		width: 160px;
		height: 31px;
	}
	nav > ul
	{
		display:block;
		margin:0 auto;
		box-sizing: border-box;
		width:100%;
		max-width:320px;
		position: relative;
	}
	nav > ul > li 
	{
		text-align:center;
	}
	nav > ul > li > a
	{
		padding: 12px 0;
	}
	nav ul li ul
	{
		position: relative;
		top:0;
		opacity:1;
		padding-top: 0;
		padding-bottom: 15px;
		padding-left: 0;
    	padding-right: 0;
		background:none;
		box-sizing: border-box;
		width:100%;
		max-width:320px;
		left:auto;
	}
	nav ul li ul li a
	{
		padding: 0 5px;
		font: 400 0.75rem/1.8rem Roboto, "Trebuchet MS", "sans-serif";
		text-transform: uppercase;
		letter-spacing: 0.038rem;
		color: #373737;
		box-sizing: border-box;
	}
	nav > ul > li > a span
	{
		border:none;
	}
	nav ul li ul li.last:before
	{
		left: 0;
		width:100%;
		max-width: 320px;
	}
	nav ul li.opened ul
	{
		top:0;
	}
	nav ul li ul li.quick_link
	{
		display:none;
	}
	nav ul.mobile_links
	{
		margin-top: 30px;
	}
	nav ul.mobile_links, nav ul.mobile_links *
	{
		display:block;
	}
	nav ul li ul li.last
	{
		margin-bottom:0;
	}
	nav ul li a.clinks{
		text-align: left;
	}
	nav ul li ul li.current_link a
	{
		background: none;
	}
	nav ul li ul li.current_link a span
	{
		display: inline-block;
		padding: 0 17px;
		background: url(../img/icons/logo_icon.svg) no-repeat left 0px top 1px / 38px auto;
	}
	.header_image_c .badge
	{
		width:102px;
		height:102px;
		bottom: -46px;
	}
	.header_image_c .badge img
	{
		width:86px;
		height: 86px;
	}
	footer .footertel_c
	{
		padding: 24px;
	}
	footer .footertel
	{
		font-size:0.813rem;
		letter-spacing: 0.031rem;	
	}
	footer .footertel a
	{
		font-size: 1rem;
	}
	footer .contact .cbox
	{
		width:50%;
	}
	footer .contact .cbox.clinks
	{
		width:100%;
		margin-top: 20px;
	}
	footer .contact .cbox.clinks a
	{
		padding-left:0;
	}
	footer .contact_c
	{
		padding: 40px 24px;
	}
}
@media(max-width:750px)
{
	.oeffnungszeiten
	{
		width:100%;
		margin-bottom: 10px;
	}
	footer .impressum a
	{
		margin-right: 8px;
		margin-left:0;
	}
}
@media(max-width:650px)
{
	.headtop a
	{
		padding: 13px 0 8px 20px;
	}
	a#suche_b > img
	{
		width:20px;
		height:20px;
	}
	.headtop a.nachhaltigkeit
	{
		padding: 10px 20px;
		display: flex;
		flex-wrap:wrap;
		font-size: 0.625rem;
		line-height: 0.656rem;
	}
	.headtop a.nachhaltigkeit span
	{
		display: inline-block;
    	width: 75px;
	}
	.search form
	{
		width:300px;
	}
	.search label
	{
		font-size:1rem;
	}
	.search label span 
	{
		font-size: 1.250rem;
	}
	.header_image_c .badge
	{
		width:86px;
		height:86px;
		bottom: -43px;
		right:20px;
	}
	.header_image_c .badge img
	{
		width: 71px;
		height: 71px;
	}
	footer .footertel
	{
		font-size: 0.75rem;
		letter-spacing: 0.031rem;
		line-height: 1.35rem;
	}
	footer .contact .cbox
	{
		width:100%;
	}
	footer .contact .cbox:first-of-type
	{
		margin-bottom:20px;
	}
	
}

@media(max-width:430px)
{
	.headtop a.nachhaltigkeit
	{
		display: none;
	}
	}


/*GOOGLE MAPS*/
#maprahmen
{
    border: none;
    width: 100%;
}
#karte
{
    width: 100%;
    height: 550px;
}
#input-hintergrund
{
    padding: 12px;
    background:#ECECEC;
}
#inputaddress
{
    background-color: #fff;
    border: 0 none;
    float: left;
    height: 20px;
    margin: 0 12px 0 0;
    padding: 12px;
    max-width: 400px;
    width: 100%;
    color:#001C36;
}
#mapsButton1
{
    padding: 13px 25px;
    transition: all 500ms;
    color: #fff;
    text-decoration: none;
    font: 400 1em/110% Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    background: #CA1233;
    border:none;
    cursor:pointer;
}