@font-face {
		font-family: Brown-Thinitalic;
		src: url('../fonts/lineto-brown-thinItalic.woff') format("woff");
		font-weight: 400;
		font-style: normal
	}

	@font-face {
		font-family: Brown-Thin;
		src: url('../fonts/lineto-brown-thin.woff') format("woff");
		font-weight: 400;
		font-style: normal
	}

	@font-face {
		font-family: Brown-Regular;
		src: url('../fonts/lineto-brown-regular.woff') format("woff");
		font-weight: 400;
		font-style: normal
	}

	@font-face {
		font-family: Brown-Bold;
		src: url('../fonts/lineto-brown-bold.woff') format("woff");
		font-weight: 400;
		font-style: normal
	}

	@font-face {
		font-family: Brown-Italic;
		src: url('../fonts/lineto-brown-boldItalic.woff') format("woff");
		font-weight: 400;
		font-style: normal
	}

	@font-face {
		font-family: Brown-Light;
		src: url('../fonts/lineto-brown-light.woff') format("woff");
		font-weight: 400;
		font-style: normal
	}



	body {
		background-color: white;
	}

	#stage {
		display: none;
	}

	.bg-always-white {
		background-color: white !important;
	}

	.block-visible {
		display: block !important;
	}

	.preloader {
		margin: 20px;
		background-color: #2a2a29;
	}

	.logo-bright {
		display: block !important;
	}

	.logo-dark {
		display: none !important;
	}

	.menu-shrink .logo-bright {
		display: none !important;
	}

	.menu-shrink .logo-dark {
		display: block !important;
	}

/*
@media (max-width: 480px) {

	.logo-bright {
		display: none !important;
	}

	.logo-dark {
		display: block !important;
	}

}
*/

	.navbar-default .navbar-toggle .icon-bar {
		background-color: #2a2a29;
	}

	.navbar-default .navbar-toggle {
		border-color: white;
		border-width: 0px;
	}

	.bg-white {
		background-color: white;
	}

/*

	.content-img {
		width: 100%;
	}

	.portfolio-box {
		overflow: hidden;
		background-size: contain;
		background-repeat: no-repeat;
		background-origin: content-box;
		margin-bottom: 15px;
	}

	.portfolio-box:hover {
		background-size: 150% 150%;
	}

	.portfolio-box:nth-child(odd) {
		padding-right: 8px;
	}

	.portfolio-box:nth-child(even) {
		padding-left: 8px;
	}

	.pigbox {
		overflow: hidden;
		background-color: #2a2a29;
	}

	.pigbox img:hover {
		width: 110%;
		height: auto;
	}

	.pigbox img {
		opacity: 1;
	}

	.pigbox img:hover {
		opacity: 0.4;
	}

*/

	.content-img {
		width: 100%;
	}

	.portfolio-box {
		margin-bottom: 15px;
	}

	.portfolio-box:nth-child(odd) {
		padding-right: 8px;
	}

	.portfolio-box:nth-child(even) {
		padding-left: 8px;
	}

	.pigbox {
		overflow: hidden;
		background-size: contain;
		background-repeat: no-repeat;
		background-position: center center;
	}

	.pigbox:hover {
		background-size: 150% 150%;
	}

	.pigbox img {
		width: 100%;
		height: auto;
		opacity: 0;
	}

	.pigbox img:hover {
		opacity: 0.8;
	}



/*

	.content-img {
		width: 100%;
	}

	.portfolio-box {
		overflow: hidden;
		background-size: contain;
		background-repeat: no-repeat;
		background-position: center center;
		margin-bottom: 15px;
	}

	.portfolio-box:hover {
		background-size: 150% 150%;
	}

	.portfolio-box:nth-child(odd) {
		padding-left: 0px;
		padding-right: 0px;
		margin-left: 15px;
		margin-right: 8px;
	}

	.portfolio-box:nth-child(even) {
		padding-left: 0px;
		padding-right: 0px;
		margin-left: 8px;
		margin-right: 15px;
	}

	.portfolio-box {
		width: calc(50% - 23px);
	}

	.portfolio-box img {
		width: 100%;
		height: auto;
		opacity: 0;
	}

	.portfolio-box img:hover {
		opacity: 0.6;
	}

*/

/*
	section {
		border-top: 0;
		border-bottom: 0;
		border-left: 20px solid #2a2a29;
		border-right: 20px solid #2a2a29;
	}
*/

	section {
		border-top: 0;
		border-bottom: 0;
		border-left: 20px solid #fba670;
		border-right: 20px solid #fba670;
	}

	.navbar {
		border-top: 20px solid white;
		border-bottom: 0;
		border-left: 20px solid white;
		border-right: 20px solid white;
	}

/*
	.border-nav, .menu-shrink {
		border-top: 20px solid #2a2a29 !important;
		border-bottom: 0;
		border-left: 20px solid #2a2a29 !important;
		border-right: 20px solid #2a2a29 !important;
	}
*/

	.border-nav, .menu-shrink {
		border-top: 20px solid #fba670 !important;
		border-bottom: 0;
		border-left: 20px solid #fba670 !important;
		border-right: 20px solid #fba670 !important;
	}

	#home {
		border-top: 0;
		border-bottom: 20px solid white;
		border-left: 20px solid white;
		border-right: 20px solid white;
	}

/*
	#services {
		border-top: 20px solid #2a2a29;
		border-bottom: 0;
		border-left: 20px solid #2a2a29;
		border-right: 20px solid #2a2a29;
	}
*/

	#services {
		border-top: 20px solid #fba670;
		border-bottom: 0;
		border-left: 20px solid #fba670;
		border-right: 20px solid #fba670;
	}

	#contact, #worksample {
		border-bottom: 20px solid #fba670;
	}

	.section-padding {
		padding: 80px 0;
	}

	.footer {
		background-color: #2a2a29;
		padding: 40px 0 20px 0;
	}

	footer p {
		margin-bottom: 20px;
	}

	footer p, footer p a {
		color: white;
		font-style: italic;
	}

	footer p strong {
		font-style: normal;
	}

	.footer_menu ul li a {
		font-style: italic;
	}

	.footer_menu ul li a:hover, .footer_menu ul li a:active {
		color: white;
		text-decoration: underline;
	}

	.brtop {
		border-top: 0;
		margin-top: 30px;
		padding-top: 30px;
	}

	.bildmarke-animiert {
		width: 150px;
		height: 150px;
		position: absolute;
		top: calc(50% - 75px);
		left: calc(50% - 75px);
		z-index: 10000;
	}

	.bildmarke-animiert img {
		width: 100%;
		height: 100%;
	}

	#home {
		height: 100vh;
		background-color: #2a2a29;
	}

	#navbar-container {
		display: none;
	}

	.navbar {
		padding: 30px 60px 0 60px !important;
	}

	.navbar-default {
		background-color: #2a2a29;
	}

	.navbar-brand img {
		width: 330px;
	}

	.navbar-dark > li > a {
		color: #2a2a29 !important;
	}

	.menu-top li a:hover {
		font-size: 16px;
		font-weight: 700;
	}

	.navbar-dark > .active > a, 
	.navbar-dark > .active > a:hover, 
	.navbar-dark > .active > a:focus, 
	.navbar-dark.menu-shrink li a:hover, 
	.navbar-default.menu-shrink li a:hover, 
	.navbar-default .navbar-nav > .active > a, 
	.navbar-default .navbar-nav > .active > a:hover, 
	.navbar-default .navbar-nav > .active > a:focus, 
	.navbar-default.bg-always-white .navbar-nav > li > a, 
	.navbar-default.bg-always-white .navbar-nav > li > a:hover, 
	.navbar-default.bg-always-white .navbar-nav > li > a:focus {
		color: #2a2a29 !important;
	}

	.navbar-nav {
		margin: 0;
	}

@media (min-width: 768px) {
	.navbar-nav > li > a {
		padding-top: 0;
		padding-bottom: 15px;
	}
}

/*

@media (min-width: 768px) {

	.navbar-nav > li > a {
		padding-top: 0;
	}

}

*/
/*
@media (max-width: 1024px) {

	.navbar-toggle {
		display: block;
	}

	.navbar-collapse.collapse {
		display: none !important;
	}

}
*/
	.col-button {
		margin: 80px 0;
		text-align: center;
	}

	.button {
		padding: 18px 22px 15px 22px;
		font-size: 24px;
		line-height: 24px;
		color: #2a2a29;
		background-color: white;
		text-transform: uppercase;
	}

	.button:hover {
		color: #2a2a29;
		background-color: #a0a0a0;
	}

	.button-dark {
		color: white;
		background-color: #2a2a29;
	}

	.button-dark:hover {
		color: white;
	}

	.button-submit {
		border: 0px;
	}

	.flex-section {
		display: flex;
		flex-direction: column;
		flex-wrap: nowrap;
		justify-content: center;
		align-items: center;
	}

	#homecontainer {
		display: none;
		margin: 0;
	}

	.firstrow {
		margin-top: 145px;
	}

	#homecontainer h1, .section-light h1 {
		margin: 0 0 10px 0;
		padding: 0;
		font-family: "Brown-Bold",sans-serif;
		font-weight: 400;
		font-size: 88px;
		letter-spacing: 4px;
		text-rendering: optimizeLegibility;
		text-transform: uppercase;
		text-align: center;
		line-height: 1.15;
		color: #fba670;
	}

	.section-light h1 {
		font-size: 72px;
		letter-spacing: 3px;
	}

	#homecontainer p, .section-light p {
		margin: 0 0 25px 0;
		padding: 0;
		font-family: "Brown-Light",sans-serif;
		font-weight: 400;
		font-size: 24px;
		text-rendering: optimizeLegibility;
		font-style: italic;
		line-height: 1.25;
		color: white;
	}

	#homecontainer .col-pfeil {
		text-align: center;
	}

	#homecontainer .pfeil {
		margin: 0;
		padding: 0;
		font-family: "Brown-Bold",sans-serif;
		font-weight: 400;
		font-size: 80px;
		text-rendering: optimizeLegibility;
		line-height: 1.25;
		color: white;
	}

	.section-light h1, .section-light p {
		color: #2a2a29;
	}

	.rubrik {
		margin-bottom: 80px;
		text-align: center;
	}

	.rubrik span {
		padding: 0 0 30px 0;
		border: 0;
		border-bottom: 15px solid #fba670;
		font-family: "Brown-Light",sans-serif;
		font-weight: 400;
		font-size: 16px;
		letter-spacing: 6px;
		text-rendering: optimizeLegibility;
		text-transform: uppercase;
		line-height: 1.25;
		color: #2a2a29;
	}

	.dark-back {
		padding: 20px 30px;
		margin: 0 0 50px 0;
		font-family: "Brown-Bold",sans-serif;
		font-weight: 400;
		font-size: 55px;
		text-rendering: optimizeLegibility;
		text-transform: uppercase;
		line-height: 1.25;
		background-color: #2a2a29;
		color: white;
	}

	.xicon {
		height: 36px;
		width: auto;
	}

	.servicelist {
		list-style: none;
		margin-bottom: 40px;
	}

	.servicelist li {
		font-family: "Brown-Bold",sans-serif;
		font-weight: 400;
		font-size: 24px;
		text-rendering: optimizeLegibility;
		letter-spacing: 2px;
		font-style: italic;
		line-height: 1.25;
		text-align: center;
		color: #2a2a29;
	}

	.fat-ex {
		margin: 10px 0 20px 0;
		font-family: "Brown-Light",sans-serif;
		font-weight: 400;
		font-size: 60px;
		text-rendering: optimizeLegibility;
		line-height: 1;
		text-align: center;
		color: #2a2a29;
	}

	.topcontrol {
		background: #ffffff none repeat scroll 0 0;
		color: #2a2a29;
	}

	submit, submit:focus {
		border: 0;
		outline: none;
	}

	.formspace-xs {
		margin-top: 20px;
	}

	.formspace-xl {
		margin-top: 40px;
	}

	.formfield {
		margin-top: 20px;
		padding: 35px;
		border: 0;
		background-color: #f0f0f0;
		border: 1px solid #f0f0f0;
		width: 100%;
		font-family: "Brown-Regular",sans-serif;
		font-weight: 400;
		font-size: 20px;
		text-rendering: optimizeLegibility;
		font-style: italic;
		line-height: 1.25;
		color: #2a2a29;
	}

	.formfield:focus {
		border: 1px solid #2a2a29 !important;
	}

	.formfield:focus-visible {
		border: 1px solid #2a2a29 !important;
		border-radius: 0;
		outline: none;
	}

	.formfield::placeholder {
		color: #909090;
	}

	textarea.formfield {
		min-height: 160px;
	}

	.headline-row-xl {
		margin-bottom: 150px;
	}

	.headline-row-l {
		margin-bottom: 120px;
	}

	.headline-row-m {
		margin-bottom: 60px;
	}

	.page-spacer {
		height: 120px;
	}

	.page-spacer + h1{
		margin-bottom: 30px;
	}

@media (max-width: 2000px) {
 
	.col-button {
		margin: 40px 0 20px 0;
	}

	.button {
		font-size: 20px;
		line-height: 20px;
	}

	#homecontainer {
		width: 990px;
	}

	#homecontainer h1 {
		font-size: 68px;
	}

	.section-light h1 {
		font-size: 64px;
	}

	#homecontainer p, .section-light p {
		font-size: 24px;
	}

	.rubrik {
		margin-bottom: 80px;
	}

	.rubrik span {
		padding: 0 0 30px 0;
		border-bottom: 15px solid #fba670;
		font-size: 16px;
	}

	.dark-back {
		padding: 20px 30px;
		margin: 0 0 50px 0;
		font-size: 48px;
	}

	.headline-row-xl {
		margin-bottom: 150px;
	}

	.headline-row-l {
		margin-bottom: 120px;
	}

	.headline-row-m {
		margin-bottom: 60px;
	}

}

@media (max-width: 1200px) {
 
	.section-padding {
		padding: 60px 0;
	}

	.col-button {
		margin: 40px 0 20px 0;
	}

	.button {
		font-size: 20px;
		line-height: 20px;
	}

	#homecontainer {
		width: 990px;
	}

	#homecontainer h1 {
		font-size: 60px;
	}

	.section-light h1 {
		font-size: 48px;
	}

	#homecontainer p, .section-light p {
		font-size: 20px;
	}

	.servicelist li {
		font-size: 22px;
	}

	.dark-back {
		padding: 15px 25px;
		margin: 0 0 30px 0;
		font-size: 36px;
	}

	.navbar {
		padding: 40px 60px 0 60px !important;
	}

	.headline-row-xl {
		margin-bottom: 120px;
	}

	.headline-row-l {
		margin-bottom: 100px;
	}

	.headline-row-m {
		margin-bottom: 50px;
	}

}

@media (max-width: 1024px) {

	#homecontainer {
		width: 90%;
	}

	.navbar {
		padding: 30px 40px 0 40px !important;
	}

	.servicelist {
		margin-bottom: 30px;
	}

}

@media (max-width: 990px) {

	.portfolio-box {
		padding-left: 15px !important;
		padding-right: 15px !important;
	}
/*
	.portfolio-box {
		margin-left: 15px !important;
		margin-right: 15px !important;
	}

	.portfolio-box {
		width: calc(50% - 30px);
	}
*/
}

@media (min-width: 769px) and (max-width: 920px) {

	.navbar-right {
		width: 100%;
	}

	.navbar-header {
		width: 100%;
		text-align: center;
	}

}

	.blocksatz {
		text-align: left;
	}

@media (max-width: 768px) {
 
	.flex-section {
		display: block;
	}

	#home {
		height: auto;
	}

	.firstrow {
		margin-top: 160px;
	}

	.section-padding {
		padding: 40px 0;
	}

	.col-button {
		margin: 40px 0 20px 0;
	}

	.button {
		font-size: 20px;
		line-height: 20px;
	}

	#homecontainer {
		width: 95%;
		margin: 0 auto;
	}

	#homecontainer h1 {
		font-size: 42px;
		letter-spacing: 3px;
	}

	.section-light h1 {
		font-size: 36px;
	}

	#homecontainer p, .section-light p {
		font-size: 18px;
		hyphens: auto;
	}

	.blocksatz {
		text-align: justify;
	}

	.xicon {
		height: 30px;
		width: auto;
	}

	.servicelist {
		margin-bottom: 20px;
	}

	.servicelist li {
		font-size: 20px;
	}

	.rubrik {
		margin-bottom: 60px;
	}

	.rubrik span {
		padding: 0 0 20px 0;
		border-bottom: 10px solid #fba670;
		font-size: 16px;
		letter-spacing: 3px;
	}

	.dark-back {
		padding: 10px 20px;
		margin: 0 0 30px 0;
		font-size: 28px;
	}

	.headline-row-xl {
		margin-bottom: 60px;
	}

	.headline-row-l {
		margin-bottom: 80px;
	}

	.headline-row-m {
		margin-bottom: 40px;
	}

}

@media (max-width: 600px) {
 
	.section-padding {
		padding: 30px 0;
	}

	.col-button {
		margin: 40px 0 20px 0;
	}

	.button {
		font-size: 20px;
		line-height: 20px;
	}

	#homecontainer h1 {
		font-size: 32px;
		margin-bottom: 25px;
	}

	.section-light h1 {
		font-size: 30px;
	}

	#homecontainer p, .section-light p {
		font-size: 16px;
	}

	.servicelist li {
		font-size: 20px;
	}

	.rubrik span {
		padding: 0 0 20px 0;
		border-bottom: 10px solid #fba670;
		font-size: 14px;
		letter-spacing: 3px;
	}

	.dark-back {
		padding: 10px 15px;
		margin: 0 0 30px 0;
		font-size: 24px;
	}

	.navbar {
		padding: 20px 10px 0 10px !important;
	}

	.headline-row-xl {
		margin-bottom: 40px;
	}

	.headline-row-l {
		margin-bottom: 60px;
	}

	.headline-row-m {
		margin-bottom: 30px;
	}

	.formfield {
		padding: 15px;
	}

	textarea.formfield {
		min-height: 160px;
	}

}

@media (max-width: 500px) {

	.navbar-brand img {
		width: 200px;
	}

	.navbar-toggle {
		margin-top: 0;
		margin-right: 10px;
	}

	.firstrow {
		margin-top: 120px;
	}

	#homecontainer h1 {
		font-size: 28px;
	}

	.section-light h1 {
		font-size: 28px;
	}

	.dark-back {
		padding: 10px 15px;
		margin: 0 0 30px 0;
		font-size: 22px;
	}

	.page-spacer {
		height: 90px;
	}

	.navicol-back .navi-legend-mobile {
		margin-left: 32px !important;
		font-size: 12px;
		letter-spacing: 4px;
		margin-top: 8px;
	}

	.navicol-forward .navi-legend-mobile {
		margin-right: 30px !important;
		font-size: 12px;
		letter-spacing: 4px;
		margin-top: 8px;
	}

}





	.navicol {
		margin-top: 180px;
	}

	.navicol-back {
		text-align: left;
	}

	.navi-legend {
		display: block;
	}

	.navi-legend-mobile {
		display: none;
	}

	.navicol-back .navi-legend, .navicol-back .navi-legend-mobile {
		margin-left: 15px;
	}

	.navicol-forward {
		text-align: right;
	}

	.navicol-forward .navi-legend, .navicol-forward .navi-legend-mobile {
		margin-right: 10px;
	}

	.navicol a span {
		font-family: "Brown-Regukar",sans-serif;
		font-weight: 400;
		font-size: 16px;
		letter-spacing: 6px;
		text-rendering: optimizeLegibility;
		text-decoration: none;
		text-transform: uppercase;
		line-height: 1.25;
		color: #2a2a29;
	}

	.navi-icon {
		margin-top: -4px;
		height: 36px;
	}

	.customer-title {
		margin-top: 120px;
		margin-bottom: 30px;
	}

	.customer-title h1 {
		font-family: "Brown-Bold",sans-serif;
		font-weight: 400;
		font-size: 42px;
		letter-spacing: 2px;
		text-rendering: optimizeLegibility;
		text-transform: uppercase;
		text-align: left;
		line-height: 1.15;
		color: #2a2a29;
	}

	.customer-work {
		margin-bottom: 50px;
	}

	.customer-work p {
		font-family: "Brown-Light",sans-serif;
		font-weight: 400;
		font-size: 24px;
		text-rendering: optimizeLegibility;
		font-style: italic;
		line-height: 1.25;
		color: #2a2a29;
	}

	.customer-title-2 {
		margin-top: 30px;
		margin-bottom: 0px;
	}

	.customer-title-2 h2 {
		font-family: "Brown-Bold",sans-serif;
		font-weight: 400;
		font-size: 30px;
		letter-spacing: 1px;
		text-rendering: optimizeLegibility;
		text-transform: uppercase;
		text-align: left;
		line-height: 1.15;
		color: #2a2a29;
	}

	.customer-work-2 {
		margin-top: 30px;
		margin-bottom: 0px;
	}

	.customer-title-2 + .customer-work-2 {
		margin-top: 0px;
	}

	.customer-work-2 p, .customer-pic p {
		font-family: "Brown-Light",sans-serif;
		font-weight: 400;
		font-size: 20px;
		text-rendering: optimizeLegibility;
		font-style: italic;
		line-height: 1.25;
		color: #2a2a29;
		margin-bottom: 10px;
	}
	.customer-pic {
		margin-bottom: 20px;
	}

	.customer-pic img {
		max-width: 100%;
		height: auto;
	}

@media (max-width: 2000px) {

	.customer-work p {
		font-size: 24px;
	}

	.customer-title h1 {
		font-size: 36px;
	}

}

@media (max-width: 1200px) {

	.customer-title h1 {
		font-size: 30px;
	}

	.customer-work p {
		font-size: 20px;
	}

	.customer-title-2 h2 {
		font-size: 26px;
	}

	.customer-work-2 p, .customer-pic p {
		font-size: 18px;
	}

}

@media (max-width: 768px) and (max-width: 920px) {

	.navicol {
		margin-top: 210px;
	}

}

@media (max-width: 768px) {

	.navicol {
		margin-top: 140px;
	}

	.customer-title {
		margin-top: 60px;
		margin-bottom: 30px;
	}

	.navi-legend {
		display: none;
	}

	.navi-legend-mobile {
		display: block;
	}

	.customer-title h1 {
		font-size: 24px;
	}

	.customer-work p {
		font-size: 18px;
	}

	.customer-title-2 h2 {
		font-size: 20px;
	}

	.customer-work-2 p, .customer-pic p {
		font-size: 16px;
	}

}

@media (min-width: 768px) {

	.navbar-toggle {
		display: block !important;;
	}

	.navbar-collapse.collapse {
		display: none !important;;
	}

}

@media (max-width: 919px) {

	.navbar-nav > li {
		float: none !important;
	}

}

@media (min-width: 920px) {

	.navbar-toggle {
		display: none !important;
	}

	.navbar-collapse.collapse {
		display: block !important;;
	}

	.navbar-nav > li {
		float: left !important;
	}

}

.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition-timing-function: ease;
       -o-transition-timing-function: ease;
          transition-timing-function: ease;
  -webkit-transition-duration: 0s !important;
       -o-transition-duration: 0s !important;
          transition-duration: 0s !important;
  -webkit-transition-property: visibility !important;
       -o-transition-property: visibility !important;
          transition-property: visibility !important;
}

	.navbar-collapse.collapsing {
		display: none !important;
	}

	.collapse.in {
		display: block !important;
	}

	.collapse.in nav {
		position: fixed;
		top: 0px;
		left: 0px;
		width: 100%;
		height: 100vh;
		background-color: white;
		z-index: 999999;
	}

	.collapse.in nav ul {
		margin-top: 20px;
		width: 100% !important;
	}

	.collapse.in nav ul li {
		padding: 20px 0;
		font-size: 30px;
		text-align: center;
	}

	.collapse.in nav ul li a {
		color: #333 !important;
		font-size: 30px !important;
		padding: 0 !important;
/*		font-family: Brown-Bold;*/
		font-weight: 500;
	}

	#closex {
		position: absolute;
		top: 40px;
		right: 40px;
		font-family: Brown-Bold;
		font-size: 36px;
		color: #333;
		display: none;
	}

	#mobmenpig {
		margin:90px auto 0 auto;
		max-width: 100px;
		height: auto;
		display: none;
	}

	.collapse.in nav #closex {
		display: block;
	}

	.collapse.in nav #mobmenpig {
		display: block;
	}

	.left-portfolio-col {
		margin-bottom: 0;
	}

@media (max-width: 991px) {

	.left-portfolio-col {
		margin-bottom: 20px;
	}

}


	#worksample h1, #worksample p {
		margin-left: 15px;
		margin-right: 15px;
	}


	.willy {
		display: none;
	}

	.alert {
		color: red !important;
		font-weight: 700 !important;
	}


	.navi-chevron {
		color: rgb(42,42,41);
	}

	.navicol-forward .navi-legend, .navicol-forward .navi-chevron {
		float: right;
	}

	.navicol-back .navi-legend, .navicol-back .navi-chevron {
		float: left;
	}

	.navi-legend, .navi-legend-mobile {
		margin-top: 6px;
	}

	.navicol-back .navi-legend-mobile {
		margin-left: 35px;
	}

	.navicol-forward .navi-legend-mobile {
		margin-right: 30px;
	}