/* 	LocalBranding Core CSS (Contao)
		Author: LocalBranding 2019
*/

/*------------------------------ GRID ------------------------------*/
.container-fluid{
	padding: 0;
}
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6,
.col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3,
.col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11,
.col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9,
.col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6,
.col-xs-7, .col-xs-8, .col-xs-9{
	padding-left: 3rem;
	padding-right: 3rem;
}
html{
	font-size: 10px;
	box-sizing: border-box;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
	word-break: break-word;
	font-weight: 400;
}
body{
	margin: 0;
	background-color: var(--cc-bodybackground);
	color: var(--cc-black);
	font-weight: normal;
	font-family: 'OpenSans';
	font-weight: 300;
}
body.systempage,body.content,body.blog{
	padding-top: 11rem;
}
body.content #container{
	min-height: 50vh;
	margin-top: 3rem;
}
body.blog #container{
	max-width: 140rem;
	margin: 0 auto;
}
#wrapper{
	width: 100%;
	padding-top: 0;
}
#container{
	background: var(--cc-bodybackground);
}
.container-wrapper{
  max-width: 140rem;
  margin: 0 auto;
}

/* ------------------------------ CONTAINER Articles----------------------------*/
/*.home #container .mod_article{
	margin: 3rem 0;
	overflow: visible;
}
@media (max-width: 1024px){
	.home #container .mod_article{
		min-height: 40.0rem;
	}
}
@media (max-width: 768px){
	.home	#container .mod_article{
		min-height:40.0rem;
	}
}
@media (max-width: 400px){
	.home #container .mod_article{
		min-height:40.0rem;
	}
}*/
#container .mod_article{
	min-height: 40.0rem;
	padding: 0;
  margin: 0;
  overflow: visible;
  z-index: 1;
}
/*@media (max-width: 1024px){
	#container .mod_article{
		padding: 3rem 0;
	}
}
@media (max-width: 768px){
	#container .mod_article{
		padding: 2.5rem 0;
	}
}
@media (max-width: 400px){
	#container .mod_article{
		padding: 2rem 0;
	}
}
#container .mod_article.last{
	padding-bottom: 0;
}
.clearfix {
    overflow: auto;
}
.clearfix::after {
    content: "";
    clear: both;
    display: table;
}*/
/* ------------------------------ CORE ELEMENTS ------------------------------*/

/* fonts */

body{
  font-family: var(--f-family-1);
  font-weight: 400;
}
h2, h3, h5, h6, p, table, label, input, textarea, legend, ul, ol,a {
	font-family: var(--f-family-1);
}
h1, h4 {
	font-family: var(--f-family-2);
}

h1{
	font-size: 9rem;
	font-weight: normal;
	line-height: 11rem;
	margin-bottom: 2.5rem;
	margin-top: 0;
}
@media (max-width: 1200px) {
	h1{
		font-size: 6.5rem;
		line-height: 7.0rem;
	}
}
@media (max-width: 480px) {
	h1{
		font-size:5.5rem;
		line-height:5.0rem;
	}
}
h2{
	font-family: var(--f-family-2);
	font-size: 6rem;
	font-weight: 700;
	line-height: 6rem;
	position: relative;
	z-index: 1;
	display: inline-block;
	margin: 0 auto;
	margin-bottom: 4rem;
	color: var(--cc-brandcolor1);
}

@media (max-width: 768px) {
	h2{
		font-size: 3.5rem;
		line-height: 5.0rem;
	}
}
h3{
	font-size: 3.5rem;
	font-weight: 550;
	line-height: 4rem;
}
@media (max-width: 991px) {
	h3{
		font-size:2rem;
		line-height: 3.4rem;
		}
}
h4{
	font-size: 3rem;
	line-height: 3.0rem;
	font-weight: bold;
	color: var(--cc-black);
}
@media (max-width: 699px) {
	h4{
		font-size: 2.4rem;
	}
}
h5{
	font-size: 2.4rem;
	line-height: 4.0rem;
	color: var(--cc-black);
	font-weight: 400;
	color: #dc2b19;
}
h6{
	font-size: 1.8rem;
	line-height: 3.2rem;
}
p, table, label, input, textarea, legend, ul, ol,a{
	line-height: 2.9rem;
	font-size: 1.8rem;
	letter-spacing: 0.1rem;
}
.text-content h1, .inside h1{
	color: var(--cc-black);
}
.hero-content h1{
	color: var(--cc-white);
}


/* text links */
a {
	color: var(--cc-brandcolor1);
	text-decoration: none;
}
a:hover, a:focus {
	text-decoration: underline;
	color:var(--cc-brandcolor2);
}
/* buttons */
button, a.btn-1st, div.article_3-col_icn a, div.submit_container input,.cookiebar__button, .btn-primary{
	display: inline-block;
	font-size: 1.8rem;
	font-weight: bold;
	height: 4.0rem;
	line-height: 3.6rem;
	text-align: center;
	background: var(--cc-brandcolor1);
	color: var(--cc-white);
	border: 0.2rem solid var(--cc-brandcolor1);
	min-width: 20.0rem;
	padding: 0 1.0rem;
	transition: var(--trans-default);
	margin: 1.5rem 0;
	border-radius: 4rem;
}
button:hover, a.btn-1st:hover, div.article_3-col_icn a:hover, div.submit_container input:hover, .btn-primary:hover{
	background: var(--cc-brandcolor2);
	transition: var(--trans-default);
	text-decoration: none;
	color: var(--cc-brandcolor1);
	border: 0.2rem solid var(--cc-brandcolor2);
}
button:active, a.btn-1st:active, .mod_article a:active, div.article_3-col_icn a:active,	div.submit_container input, .btn-primary:active{
	color: var(--cc-brandcolor1);
	background: var(--cc-brandcolor2);
	transition: var(--trans-default);
}
div.submit_container input{
	width: fit-content;
	margin: 0 auto;
	display: block;
}
/* FORMULARS */
.formbody {
	margin-bottom: 0rem;
}
.formbody label span{
	display: inline;
}
.formbody span.invisible{
	display: none;
}
.formbody label{
	display: block;
	font-size: 1.4rem;
	font-weight: 600;
	margin-bottom: 0rem;
	color: var(--cc-black);
	width: auto;
}
span.captcha_text{
	margin-top: 0.5rem;
	font-size: 1.2rem;
}
.formbody input {
	height: 4rem;
}
.formbody input,
.formbody textarea {
	padding: 0 1.5rem ;
	margin: 0 0 0.1rem 0;
	border: 0.1rem solid var(--cc-midgrey);
	background: var(--cc-transparent);
	width: 100%;
	font-size: 1.6rem;
	letter-spacing: 0;
	line-height: 2.6rem;
	transition: var(--trans-default);
	border-radius: var(--theme-radius);
	color: var(--cc-black);
}
input.radio, input.checkbox{
	width: auto;
	float: left;
	margin-right: 0.5rem;
	margin-bottom: 0!important;
	border-radius: var(--theme-radius);
	background: var(--cc-white);
	border:0.1rem solid var(--cc-midgrey);
}
.input:focus, textarea:focus{
	border: 0.1rem solid var(--cc-brandcolor1);
	outline-color: var(--cc-brandcolor1);
	box-shadow: none;
}
fieldset.radio_container span{
	margin-right: 1.5rem;
}
fieldset.radio_container span, fieldset.radio_container input.radio{
	float: left;
}
fieldset.radio_container label{
	margin-top: 0!important;
	float: left;
}
textarea{
	height: auto;
}
div.widget-captcha span{
	display: block;
	margin-top: 0.5rem;
	margin-bottom: 1.5;
}
p.confirm{
	border-left: 5px solid var(--cc-success);
	padding: 1rem;
}
.formbody fieldset {
	border: none;
	padding: 0;
}
.formbody .widget.widget-checkbox fieldset {
	border: none;
	padding: 0;
}
.formbody .widget.widget-checkbox fieldset input,
.formbody .widget.widget-radio fieldset input {
	width: auto;
	height: auto;
}
.formbody .widget.widget-checkbox fieldset label {
	width: auto;
}
/* Contact Form addition */
.contactform_privacy{
	padding-left: 0;
}
.contactform_privacy .checkbox{
	float: left;
}
.contactform_privacy p,
.contactform_privacy a{
	font-size: 1.2rem;
	line-height: 1.8rem;
	color: var(--cc-black);
	font-weight: normal;
}
.contactform_privacy label{
	width: auto;
	float: none;
	clear: none;
	margin-right: 1rem;
}
.contactform_privacy a{
	font-weight: bold;
}
.contactform_privacy legend{
	margin-bottom: 0;
	font-size: 1.4rem;
  font-weight: 600;
  color: var(--cc-black);
  width: auto;
	border-bottom: 0;
}
#kontaktformular .contactform_privacy input{
	margin-top: 0.3rem;
	margin-right: 0.3rem;
}
/* SOCIAL MEDIA LINKS */
ul.sm{
	list-style-type: none;
	margin-top: 2rem;
	padding-left: 0;
}
ul.sm li{
	float: left;
	line-height: 3rem;
}
 ul.sm li a{
	padding: 1.5rem;
	margin-right: 3.0rem;
}
ul.sm li a:hover{
	text-decoration: none;
}
ul.sm li a.yt{
	background-image: url('../img/icn/icn-yt.png');
	background-position: center center;
	background-repeat: no-repeat;
}
ul.sm li a.insta{
	background-image: url('../img/icn/icn-insta.png');
	background-position: center center;
	background-repeat: no-repeat;
}
ul.sm li a.fb{
	background-image: url('../img/icn/icn-fb.png');
	background-position: center center;
	background-repeat: no-repeat;
}
/* TABLES */
table{
	display: table;
	font-size: var(--font-s);
	width: 100%;
	border-bottom: 2px solid;
	border-color: var(--cc-brandcolor1);
}
@media (max-width:460px){
	table{
		font-size: var(--font-xs);
		background-color: var(--cc-transparent);
	}
}
tbody{
	display: table-row-group;
	vertical-align: middle;
  border-color: inherit;
}
tr{
	display: table-row;
  vertical-align: middle;
  border-color: inherit;
}
tr.odd{
	background-color: var(--cc-lightgrey);
}
td{
	padding: 1rem;
	font-size: var(--font-xxs);
}
@media (max-width:460px){
	td{
		padding: 0.5rem;
	}
}
td p{
	margin: 0;
}
@media (max-width:460px){
	td p{
		font-size: var(--font-xs);
	}
}
tr.first{
	background: var(--cc-brandcolor1);
	color: var(--cc-white);
}
/* page loader / progress bar */
.pace {
	-webkit-pointer-events: none;
	pointer-events: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
}
.pace-inactive {
	display: none;
}
.pace .pace-progress {
	background: var(--cc-brandcolor1);
	position: fixed;
	z-index: 2000;
	top: 0;
	right: 100%;
	width: 100%;
	height: 0.3rem;
}

.alert p{
	font-size: var(--font-m);
}
/* ----- COOCKIEBAR -----*/
.cookiebar{
	background-color: var(--cc-midgrey);
	color: var(--cc-white);
	z-index: 99999;
	min-height: 8.5rem;
	font-size: var(--font-s);
	box-shadow: var(--shadow-default);
}
.cookiebar__button{
	border-color: var(--cc-white);
	color: var(--cc-white);
	background: var(--cc-transparent);
}
.cookiebar__button:hover{
	background: var(--cc-white);
	color: var(--cc-brandcolor1);
}
.cookiebar__link{
	font-size: var(--font-s);
	margin: 1rem;
	color: var(--cc-brandcolor1);
}
.cookiebar__link:hover{
	text-decoration: none;
	color: var(--cc-white);
}
.cookiebar__text,
.cookiebar__message{
	margin: 0;
}
/* ------------------------------ HEADER ------------------------------*/
#header{
	transition: var(--trans-default);
}
#header_sub h1.ce_headline{
	margin-bottom:0;
}
/* Navigation */
.navbar-default{
	border:0;
}
.navbar-default .navbar-toggle{
	border:0;
}
@media (max-width: 991px){
	.navbar-toggle {
    display: block;
	  margin-top:0;
	  margin-bottom:0;
	}
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:active{
	background:none;
}
.navbar{
	background: var(--cc-navbar);
	transition: var(--trans-default);
	height: 11rem;
}
.navbar::before,
.navbar::after{
	display: none;
}
.navbar .container-wrapper{
	display: flex;
	flex-flow: row wrap;
	align-items: center;
	height: 100%;
}
.navbar .inner-wrapper{
	width: 100%;
	display: flex;
  align-items: center;
  justify-content: space-between;
}
@media only screen and (max-width: 1399px){
	.navbar .inner-wrapper{
		padding: 0 4rem;
	}
}
@media only screen and (max-width: 999px){
	.navbar .inner-wrapper{
		padding: 0 2rem;
	}
}
.top-nav-collapse {
	padding: 1.0rem 0;
}
.navbar-header{
	height: 100%;
	margin: 0!important;
}
.navbar-brand{
	height: 100%;
	width: 15rem;
	margin-left: 0;
	margin-top: 0.2rem;
	padding:0 1.5rem;
	transition: var(--trans-default);
	padding: 0;
}
.navbar-brand a{
	overflow:visible;
	font-size: var(--font-m);
	font-weight: 600;
	color: var(--cc-white);
	display: block;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: flex-start;
}
@media (max-width:911px){
	.navbar-brand a{
		overflow:visible;
		font-size: var(--font-s);
		font-weight: 600;
		line-height: 4rem;
	}
}
.navbar-brand a img{
		width: 100%;
}
@media (max-width: 911px){
	.navbar-brand a img{
	}
}
.navbar-default .invisible{
	display: none;
}
.navbar .col-right li>a{
	line-height: 3.0rem;
	font-weight: 600;
	padding: 1.5rem;
}
.navbar .col-right > li > a:hover{
line-height: 3.0rem;
	color: var(--cc-white);
	font-weight: 600;
	text-decoration: underline;
}
.navbar .navbar-collapse, .navbar-default .navbar-form {
	border:0;
}
/* NAV MAIN UL*/
.navbar ul.level_1{
	list-style-type: none;
	float: right;
	margin: 0;
}
.navbar ul.level_1 li{
	float: left;
	line-height: 3.0rem;
	/*display: inline-block;*/

}
@media (max-width: 991px){
	.navbar ul.level_1 li{
		padding:1.0rem 0;
	}
}
.navbar ul.level_1 li a {
	color: var(--cc-white);
	font-weight:600;
	font-size: var(--font-sm);
	padding: 1.0rem;
	position: relative;
	z-index: 1;
}
@media (max-width: 991px){
	.navbar ul.level_1 li a:{
	padding: 1.0rem 1.5rem;
	}
}
.navbar ul.level_1 li a.active {
	color: var(--cc-black);
}
.navbar ul.level_1 li a,
.navbar ul.level_1 li a::after{
	color: var(--cc-white);
	transition: var(--trans-default);
	text-decoration:none;
}
.navbar ul.level_1 li a::after{
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	content: '.';
	color: var(--cc-transparent);
	/*background: var(--cc-brandcolor1);*/
	height: 100%;
	width: 0;
	z-index: -1;
	text-align: right;
	border-bottom: 3px solid white;
	margin-bottom: -0.1rem;

}
.navbar ul.level_1 li a:hover::after,
.navbar ul.level_1 li a.active::after{
	width: 100%;
}
.navbar ul.level_1 li.active span{
	padding: 0.8rem 1rem;
	font-weight: 600;
	/*font-size: var(--font-xs);*/
}
.navbar ul.level_1 li.last span{
	/*padding: 1.5rem;*/
	font-size: var(--font-sm);
	font-weight: 600;
}
.navbar ul.level_1 li a:active{
	color: var(--cc-white);
	font-weight:600;
	font-size: var(--font-s)m;
	text-decoration:none;
	transition: var(--trans-default);
}
.navbar ul.level_1 li.active span{
	color: var(--cc-white);
	font-size: var(--font-sm);
	border-bottom: 3px solid white;
}
@media (max-width: 991px){
	.navbar ul.level_1 li.active span{
		padding: 1.0rem 1.5rem;
	}
}
/* --- MOBILE NAV MEDIUM SCREENS --- */
@media (max-width: 991px) {
	.navbar-header {
		  float: none;
		}
	.navbar-left,.navbar-right {
      float: none !important;
	}
	.navbar-collapse {
      border-top: 1px solid var(--cc-transparent);
      box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
	}
	.navbar-fixed-top {
      top: 0;
      border-width: 0 0 1px;
	}
	.navbar-collapse.collapse {
      display: none!important;
	}
	.navbar-nav {
      float: none!important;
      margin-top: 0.75rem;
	}
	.navbar-nav>li {
      float: none;
	}
	.navbar-nav>li>a {
      padding-top: 1.0rem;
      padding-bottom: 1.0rem;
	}
	.collapse.in{
      display:block!important;
	}
	.navbar-collapse{
		height:100%;
	}
	.navbar-default{
		border:0;
		overflow:display;
	}
	.navbar{
		padding:1.6rem 0;
	}
	.top-nav-collapse {
		padding: 2.0rem 0;
	}
	/* MENU ICON */
	button.navbar-toggle{
		min-width:2.2rem;
		position: absolute;
		right: 2rem;
		top: 50%;
		transform: translateY(-50%);
		border:0;
		margin: 0;
	}
	.navbar-default .navbar-toggle .icon-bar{
		height:0.3rem;
		background-color: var(--cc-white);
		transition: var(--trans-default);
	}
	.navbar-default .navbar-toggle:hover,
	.navbar-default .navbar-toggle:active,
	.navbar-default .navbar-toggle:focus{
		background-color: var(--cc-transparent);
	}
	.navbar-default .navbar-toggle:hover .icon-bar-mid{
		margin:0.8rem 0;
		transition: var(--trans-default);
		height:0.3rem;
	}
	/* FULL SCREEN MOBILE MODAL NAV*/
	.fullscreen .modal-dialog {
		margin: 0 0 0 0;
		width: 100%;
		height: 100%;
		min-height: 100%;
		padding: 0;
		color: var(--cc-black);
	}
	button.close{
		height: 3.0rem;
		min-width: 2.0rem;
		padding: 2rem;
		background-image: url('../img/icn/close.png');
		background-position: center center;
		background-repeat: no-repeat;
		opacity:1;
	}
	button.close:hover{
		border: 0;
	}
	#menuModal{
		padding-right: 0!important;
	}
	.modal-body{
		margin-top: 2.0rem;
	}
	.fullscreen .modal-content {
		height: 100%;
		min-height: 100%;
		border-radius: 0;
		color: var(--cc-white);
		background: rgba(10, 10, 10, 0.7);
		overflow: auto;
	}
	/* ----- MODAL MOBILE MAIN NAV----- */
	.modal-body div.mod_search {
		width: 17.0rem;
		margin: 0 auto;
		margin-bottom: 4.0rem;
		height: 4.0rem;
	}
	.fullscreen .modal-body ul.level_1  {
		padding: 0;
		list-style-type:none;
		text-align:center;
		float: none;
	}
	.fullscreen .modal-body ul.level_1  li {
		padding: 1.0rem 0 1.0rem 0 ;
		width: 100%;
	}
	.fullscreen .modal-body a,
	.fullscreen .modal-body li.active span {
		color: var(--cc-white);
		font-size: var(--font-m);
		line-height: 5.0rem;
		font-weight: 600;
	}
	.fullscreen .modal-body ul.level_1 >li>a:hover,
	.fullscreen .modal-body ul.level_1  li a.active,
	.fullscreen .modal-body ul.level_1  li a:hover{
		color: var(--cc-brandcolor1);
		text-decoration: none;
		transition: var(--trans-default);
	}
	.fullscreen .modal-body ul.level_1  li.active span{
		border-bottom:0.2rem var(--cc-brandcolor1) solid;
		color: var(--cc-white);
		text-decoration: none;
	}
}
@media (max-width: 420px){
	button.navbar-toggle{
		right: 0;
	}
}
/* --- MOBILE NAV SMALL SCREENS --- */
@media (max-width: 480px){
		.fullscreen .modal-body a.invisible {
			display:none;
		}
		.fullscreen .modal-body ul {
			padding: 0;
			overflow: auto;
		}
		.fullscreen .modal-body li {
			padding: 4px 0 4px 0 ;
		}
		div.hero-img-container{
			overflow:hidden;
			height:25.0rem;
		}
		.navbar-brand a{
			height:3.6rem;
			overflow:visible;
			font-size: var(--font-sm);
		}
		.navbar-brand a img{
			height: 6rem;
			width: auto;
		}
}
/* Accordion */
.handorgel__header {
/* former  .ui-accordion-header */
	cursor: pointer;
	line-height: 6rem;
	font-size: var(--font-m);
	border-bottom: 2px solid var(--cc-brandcolor1);
	font-weight: bold;
	transition: var(--trans-default);
	background-color: var(--cc-transparent);
}	
@media only screen and (max-width:768px){
	.handorgel__header {
    	font-size: 2.4rem;
	}
	.content-accordion .handorgel__header {
	    height: 7rem;
	}
	.handorgel__header .handorgel__header__button::after {
		height: 2rem;
		width: 2rem;
	}
}
.handorgel__header:hover {
	background-color: var(--cc-brandcolor1);
	cursor: pointer;
	color: var(--cc-black);
}
.handorgel__header:focus {
	outline: 0;
	border-color: var(--cc-bodybackground);
}
.handorgel__content h2 {
	margin: 2rem 0 0 0;
}
.content-accordion .handorgel__header button{
	height: 100%;
	box-shadow: none;
	border: none;
	padding: 1.5rem;
	background-color: var(--cc-transparent);
}
.handorgel__header .handorgel__header__button:hover {
	color: var(--cc-black);
}
.content-accordion .handorgel__header button:focus,
.content-accordion .handorgel__header button:active {
	color: var(--cc-brandcolor1);
	background-color: var(--cc-bodybackground);
	scale: none;
	box-shadow: none;
}
.handorgel__header .handorgel__header__button::after {
	content: "";
	width: 2rem;
	height: 2rem;
	background-image: url('../img/icn/top-link.png');
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	float: right;
	margin-right: 1.5rem;
	margin-top: 1rem;	
	transition: var(--trans-default);
	transform: rotate(90deg);
}
.handorgel__header--open .handorgel__header__button::after {
	transform: rotate(180deg);
	transition: var(--trans-default);
}
.handorgel__content {
	background-color: var(--cc-bodybackground);	
	border-top: none;
}
.handorgel__content .content-text {
	margin: 0 auto 2rem auto;
}
div.ui-accordion-content {
	padding: 0 1rem 4rem;
	background: var(--cc-bodybackground);
	height: auto!important;
}

/* --- TOP LINK --- */
 #footer .top-link {
	bottom: 2.5rem;
	position: fixed;
	right: 2.5rem;
	z-index: 10;
}
#footer .top-link span{
	margin-top: 1.5rem;
	color: var(--cc-brandcolor2);
	text-align: center;
}
#footer .top-link > a {
	background-color: var(--cc-brandcolor1);
	background-image: url('../img/icn/top-link-hover.png');
	background-position:center center;
	background-repeat:no-repeat;
	color: var(--cc-bodybackground);
	display: block;
	font-size: 1.6rem;
	height: 4.5rem;
	text-align: center;
	width: 4.5rem;
	padding:1.0rem;
	text-decoration:none;
	border:0.2rem solid var(--cc-brandcolor1);
	transition: var(--trans-default);
	box-shadow: var(--shadow-default);
	border-radius: var(--theme-radius);
}
#footer .top-link > a:hover {
	background-image: url('../img/icn/top-link.png');
	background-position:center center;
	font-size: 1.6rem;
	background-repeat:no-repeat;
	background-color:var(--cc-brandcolor2);
}
#footer .top-link > a:active {
	background: var(--cc-brandcolor2);
	font-size: 1.6rem;
	background-image:url('../img/icn/top-link-hover.png');
	background-position:center center;
	background-repeat:no-repeat;
	box-shadow: var(--shadow-deep);
}