/* small screen */
:root {
	--header-height:89px;
}
@media all and (max-width:1070px) {
	.container {
		padding:0 1rem;
	}
	.container .container {
		padding:0;
	}
}

.smaller { font-size: var(--szSmaller); }
.text-columns p.smaller,
p.smaller {
	margin:0 0 0.5rem 0;
	line-height:1.3;
}

figure.image img {
	max-width:100%;
	height:auto;
}
/* MOBILE MENU */
.hamburger-icon {
	width:36px;
	height:36px;
	background:transparent no-repeat center center;
	background-size:contain;
	margin-left:auto;
	position:relative;
	text-align:center;
	line-height:1;
	cursor:pointer;
	user-select:none;
}
.hamburger-icon::after {
	content:"\2261";
	font-size:36px;
}

.mobile-menu {
	position:fixed;
	right:0;
	top:0;
	width:100vw;
	max-width:400px;
	height:100vh;
	background-color:white;
	z-index:99999;
	transform:translateX(100%);
	transition:all 0.5s ease;
	box-shadow:0 0 0 rgba(0,0,0,0.5);
}
.mobile-menu.active {
	transform:translateX(0%);
	box-shadow:0 0 16px rgba(0,0,0,0.5);
}
.mobile-menu-controls {
	height:60px;
}
.mobile-menu-content {
	height:calc(100% - 65px);
	position:relative;
	width:100%;
	/*overflow:hidden;*/
	/*overflow-y:auto;*/
}
.xmobile-menu .menupages {
	width:100%;
	height:100%;
	border:1px solid blue;
	position:relative;
}
.menupages {
	z-index:900;
	transform:translateX(0);
	transition:transform 0.4s ease;
}
.menupages.level-2 {
	transform:translateX(-100%);
}
.menupages.level-3 {
	transform:translateX(-200%);
}
.menupages.level-4 {
	transform:translateX(-300%);
}

.menupage {
	position:relative;
}
.menupage .menupage {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	transform:translateX(100%);
	background-color:rgba(255,255,255,1);
	display:none;
	z-index:700;
}
.menupage .selected > .menupage {
	display:block;
}
.mmenu {
	list-style-type:none;
	margin:0;
	padding:0;
	line-height:1;
}
.mmenu .mparent {
	background-image:url(/template/deco/arrow-small-right-black.png);
	background-repeat:no-repeat;
	background-position:right 1rem center;
	background-size:8px 10px;
}
.mmenu li {
	display:block;
	padding:0;
	margin:0;
}
.mmenu li a {
	display:block;
	padding:1rem;
	border-bottom:1px solid #ddd;
}
.mmenu li a:hover {
	color:var(--red);
}
.mmenu > li:first-child > a {
	border-top:1px solid #ddd;
}
.mmenu li.active {
}
.menupage.level-1 {
}
.menupage.level-2 {
}
.menupage.level-3 {
}
.mmprods {
}
.mmprods.darkgrey {
	color:white;
}

.mmenu li.mmprod-head {
	padding:1rem;
	background-color:var(--darkgrey);
	color:white;
}
.mmlist {
	margin:0;
	padding:0;
	background-color:var(--lightgrey);
	color:black;
	max-height:calc(100vh - 90px);
	overflow-y:auto;
}
.mmprodlist {
	margin:0;
	padding:0;
}
.mmprodlist li {
	border:none;
}
.mmenu li.batt-sub {
	padding-left:1rem;
	background-color:#eee;
}

.mobile-menu-controls {
	display:flex;
	justify-content:flex-start;
	align-items:center;
	padding:1rem;
}
.mobile-menu-content {
	overflow:hidden;
	overflow-y:auto;
}
.mobile-menu-back {
	font-size:40px;
	line-height:1;
	padding:5px;
	cursor:pointer;
}
.mobile-menu-close {
	font-size:40px;
	line-height:1;
	margin-left:auto;
	cursor:pointer;
}

.mobile-lang-menu {
	display:block;
	text-align:left;
	padding:1rem 1rem 1rem 2rem;
	text-transform:uppercase;
}

.mmsection {
	padding:0 0;
	margin:3rem 0;
}
.mmsection.bottom-section {
/*
	position:absolute;
	bottom:1.5rem;
	left:0;
	right:0;
	margin:0;
	z-index:200;
*/
}
.mmsection .service-menu {
	padding:0 2rem;
	display:block;
}
.mmsection .service-menu a {
	display:block;
	margin:10px 0 0 0;
}

/* -------------------------- */

/* DESKTOP MENU */

.product-main-menu img {
	max-width:100%;
	height:auto;
}
.menu-cats {
	min-height:575px;
}
.menu-cat {
	width:280px;
	height:145px;
	display:flex;
	text-transform:uppercase;
	border-bottom:1px solid white;
}
.menu-cat a {
	display:block;
	margin:auto 0 auto 2rem;	
	line-height:0;
	letter-spacing:1px;
	font-size:18px;
	opacity:0.5;
	cursor:pointer;
}
.menu-cat:hover a, .menu-cat.active a {
	font-weight:500;
	opacity:1;
}


.category-entries {
	display:none;
}
.category-entries:first-child {
	display:block;
}

.menu-brands {
	width:356px;
	flex-shrink:0;
}
.menu-product {
	flex-shrink:1;
	width:100%;
	position:relative;
}

/* ---- Brands Menu ---- */

.brand-menu {
	border-bottom:1px solid white;
}
.brand-headline {
	padding:22px 0.5rem 0px 1.5rem;
	height:55px;
	background-color:#3A383B;
	color:white;
	text-transform:uppercase;
	font-weight:bold;
	line-height:1;
	cursor:pointer;
	margin-right:10px;
	font-weight:500;
}
.brand-headline span {
	display:block;
	text-transform:none;
	font-weight:300;
}
.brand-entries {
	padding-right:10px;
	overflow:hidden;
	max-height:0;
	transition:all 0.5s ease;
}


.brand-menu.active .brand-entries {
	max-height:520px;
}

.menu-brand-entries .brand-entries.active {
	max-height:520px;
}

.brand-menu a {
	display:block;
	padding:12px 1.5rem;
	background-color:#FAF8F6;
	border-top:1px solid #a7a7a7;
	text-transform:uppercase;
	position:relative;
}
.brand-menu a:first-child {
	border-top:none;
}

.brand-menu a:hover,
.brand-menu a.active {
	background-color:#EFE9E1;
	
}


.brand-menu a.active::after {
	left: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(136, 183, 213, 0);
	border-left-color: #EFE9E1;
	border-width: 10px;
	margin-top: -10px;
}



/* ---- Product Menu ---- */

.product-menu {
	padding:0;
	display:none;
}
.product-menu.active {
	display:block;
}
.product-title {
	font-size:30px;
	font-weight:300;
	text-transform:uppercase;
	line-height:1;
	margin-left:-10px;
	padding-left:10px;
	background-color:black;
	height:55px;
	color:white;
}
.product-title b {
	font-weight:700;
}
.product-label {
	height:55px;
	background-position:2rem center;
	background-repeat:no-repeat;
	background-size:auto 25px;
}
.product-textlabel {
	max-width:420px;
	font-size:32px;
	color:var(--lightgrey);
	padding-top:14px;
	padding-left:0.5rem;
	padding-right:0.5rem;
	line-height:1;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.l_exide {
	color:#4a96d2;
}
.l_optima {
}

.l_odyssey {
	color:#d60811;
}
.l_trojan {
	color:#87878a;
}

.product-menu-images {
	margin:2rem 0;
	padding:0 0 0 2rem;
	display:flex;
	align-items:center;
}
.product-menu-image {
	flex-shrink:0;
	width:60%;
}
.product-menu-icons {
	width:100%;
	display:flex;
	flex-wrap:nowrap;
	align-items:center;
	padding-left:1rem;
}
.product-menu-images .pict {
	width:235px;
	height:170px;
	max-width:100%;
	object-fit:scale-down;
	object-position: center bottom;

}
.product-menu-icons .icon {
	max-width:49%;
	height:auto;
}
.product-menu-text {
	margin:2rem 0;
	padding:0 1rem 0 2rem;
}
.product-menu-text strong {
	font-weight:400;
	font-size:25px;
	color:var(--green);
	text-transform:uppercase;
	display:block;
	margin-bottom:1rem;
	line-height:1.2;
	font-family:Lexia,serif;
}
.product-menu-buttons {
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	padding:0 1rem 0 2rem;
}
.product-menu-buttons a {
	display:block;
	width:180px;
	margin-bottom: 1rem;
}
.product-main-menu {
	background-color:white;
	position:absolute;
	left:0;
	top:10px;
	z-index:9000;
	width:100%;
	visibility:hidden;
	/*height:652px;*/
}


/* ---- Battery Menu ---- */

.battery-menu {
	max-width:90%;
	margin:0 auto;
}
.battery-menu .row {
	max-width:1060px;
	margin:0 auto;
	padding-bottom:1rem;
}



/* ---- Submenus ---- */

.page-header .submenus.holder {
	position:absolute;
	left:0;
	right:0;
	top:100%;
}
.page-header .submenus .sub-menu {
	display:none;
	width:220px;
}
.sub-menu nav {
	display:flex;
	justify-content:flex-start;
	align-items:flex-start;
	margin:0 auto;
	width:auto;
	background-color:white;
	min-height:200px;
	flex-wrap:wrap;
}
.sub-menu nav a {
	flex:1 1 210px;
	text-transform:uppercase;
	font-weight:500;
	background-color:var(--almostblack);
	color:white;
	border-left:1px solid white;
	line-height:1;
	padding:10px 20px;
	margin:0;
	font-size:21px;
}

@media all and (max-width:1080px) {
	.battery-menu {
		max-width:97%;
	}
	.product-menu-buttons {
		display:none;
	}
}

.mobile-menu-switch {
	display:none;
}
.mobile-menu {
	display:none;
}




/* Menu stylings */

.main_menu {
	text-transform:uppercase;
}
.container.top {
	position:relative;
}
.container.bottom {
	padding-top:1.5rem;
}
.std-view.scrolled .container.bottom {
	padding-top:3rem;
}

.top_menu {
	color:var(--mediumgrey);
	text-transform:uppercase;
	position:absolute;
	right:0;
	top:0.75rem;
}

.login-button {
	color:var(--body);
}
.login-button.active {
	color:var(--green);
}


.service-menu {
	align-items:baseline;
}
.lang-menu {
	display:inline-block;
	margin-left:1rem;
}
.lang-menu a.active {
	color:var(--red);
}

nav.main-menu > ul {
	display:flex;
	list-style-type:none;
	margin:0;
	padding:0;
}
nav.main-menu > ul li {
	display:inline-block;
	margin:0;
	padding:0;
}
.main-menu .sub {
	position:absolute;
	left:-1rem;
	top:1em;
	background-color:white;
	margin:0;
	padding:0;
	box-shadow:0 8px 8px rgba(0,0,0,0.4);
	display:none;
}

.main-menu .item a:hover,
.main-menu .item a.active {
	color:var(--red);
}
.main-menu .item {
	position:relative;
	margin-right:1.5rem;
}
.main-menu .item:last-child {
	margin-right:0;
}

.main-menu .item:hover .sub {
	display:block;
	min-width:220px;
}

.main-menu .sub-item {
	padding:0.5rem 1rem;
	border-top:1px solid #ddd;
	display:block;
}
.main-menu .sub-item:hover {
	background-color:var(--darkgrey);
	color:white;
}
.main-menu .sub-item a {
	display:block;
	white-space:nowrap;
}
.main-menu .sub-item a:hover {
	color:inherit;
}
.main-menu .sub-item.active a {
	color:var(--red);
}
.main-menu .sub-item:first-child {
	border-top:none;
	margin-top:1.5rem;
}


@media all and (max-width:810px) {
	.mobile-menu-switch {
		display:inline-block;
	}
	.mobile-menu {
		display:block;
	}
	.desktop-menu {
		display:none;
	}
}
@media screen and (max-width:810px) {
	.mobile-view {
		hyphens:auto;
	}
	.mobile-view .main-menu-container {
		flex-wrap:nowrap;
		padding:1rem 0.5rem 0.5rem 0.5rem;
	}
	.mobile-view .main-menu-container .col.col-2 {
		flex: 1 1 50%;
	}
	.mobile-view .top-menu-container {
		flex-wrap:nowrap;
		padding:0.5rem;
		justify-content:flex-end;
		display:none;
	}
	.mobile-view .page-header {
		height:70px;
		border-bottom:1px solid #ddd;
	}
	.mobile-view .page-header .main-logo {
		height:40px;
		width:auto;
	}
	.mobile-view .top_menu {
		position:static;
		font-size:13px;
		display:none;
	}
}



/* =========================================================== */
/* END: Menu */




.page-layer-backdrop {
	position:fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-color:rgba(0,0,0,0.8);
	z-index:10100;
	display:none;
}
.page-layer {
	display:none;
	min-width:200px;
	min-height:300px;
	margin:auto;
	position:relative;
}
.page-layer .close {
	position:absolute;
	right:0;
	top:0;
	transform:translateX(calc(100% - 10px)) translateY(-50%);
	padding:7px 8px 4px 20px;
	line-height:1;
	color:white;
	font-size:12px;
	font-family:Flood,sans-serif;
	background:var(--red) url(deco/marker-x.png) no-repeat left 7px center;
	background-size:auto 12px;
	cursor:pointer;
	z-index:10200;
}
.page-layer .layer-frame {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	min-height:220px;
	overflow-x:hidden;
	overflow-y:auto;
}
.page-layer.content-layer {
	width:75vw;
	height:90vh;
	max-width:960px;
/*
	overflow-x:hidden;
	overflow-y:auto;
*/
}
.content-layer .layer-content {
	width:100%;
	background-color:white;
	min-height:35vh;
	padding:3rem 10rem 2rem 10rem;
	max-height:50vh;
	overflow-y:auto;
}
.layer-content h3 {
	margin-bottom:1em;
}
.layer-content p {
	line-height:1.5;
	font-size:var(--szLarger);
	margin-bottom:0.5rem;
}
.layer-content a {
	color:var(--green);
}
.layer-content-image {
	padding:1rem 0;
	text-align:center;
}
.layer-content-image img {
	display:inline-block;
	max-height:150px;
	width:auto;
}
.layer-content.no-rel {
	max-height:none;
	height:100%;
}

@media screen and (max-width:1200px) {
	.page-layer .close {
		position: absolute;
		right: 0;
		top: 0;
		transform: translateX(0) translateY(-100%);
	}
	.page-layer.content-layer {
		width:99vw;
	}
	.content-layer .layer-content {
		padding:1rem;
	}
	.layer-content-image {
		padding:0;
		margin-left:1rem;
		float:right;
	}
}

/* END: Layer Basics */



.replaced {
	font-size:9px;
	color:white;
	background-color:#aaa;
	padding:2px;
	font-family:monospace;
	display:inline-block;
	margin-right:3px;
}

.arrow {
	display:inline-block;
	line-height:1;
	width:21px;
	height:21px;
	background:transparent url(deco/arrow-small-left.png) no-repeat center center;
}
.control-left {}
.control-right {
	background-image:url(deco/arrow-small-right.png);
}
.buttons {
	text-align:center;
}
.page-header {
	padding:0 0 0 0;
	position:sticky;
	z-index:9000;
	top:0;
	height:138px;
	background-color:white;
	transition:all 0.5s;
	
}
.std-view.scrolled .page-header {
	transform:translateY(-64px);
	
}

.std-view .toc-frame .toc {
	transform:translateY(0);
	transition:all 0.5s;
}
.std-view.scrolled .toc-frame .toc {
	transform:translateY(0);
}


/* --- toc --- */
.toc {
	padding:1rem 1rem;
	margin:1rem 0;
	display:inline-block;
	background-color:var(--frame-grey);
	border:1px solid var(--frame-grey-border);
	color:var(--body);
}
.text-columns .toc a.toc-entry,
.toc a.toc-entry {
	color:black;
}
.toc a.toc-entry:hover {
	text-decoration:underline;
}

.toc-title {
	font-weight:bold;
	font-size:var(--szLarger);
	line-height:1.5;
}
.text-article .toc-title h4 {
	margin:0;
}
ol.toc-entries {
	padding-left:1rem;
	font-size:var(--szNormal);
}
.toc-entries ol {
	padding: 0.1rem 0 0.1rem 1.25rem;
	margin:0;
}
.toc-entries li {
	margin:0.1rem 0;
	line-height:1.5;
}
.toc-entries li.active a.toc-entry,
.toc-entries li.active {
	font-weight:bold;
	color:var(--green);
}
.toc-entries li.active a {
	color:var(--green);
}

.toc-sel {
	max-width:270px;
	background-color:white;
	border:1px solid #ddd;
	border-radius:4px;
	padding:4px;
	display:none;
}


.toc-frame {
	position:relative;
}
.toc-frame .toc {
	margin:0 0 1rem var(--spacing);
}
.scrolled aside .toc {
	top:0;
}
.toc.aside {
	width: 333.333px;
	top: calc(var(--pagemenutop) + 1rem);
	position: fixed;
	z-index: 2000;
}



.toc {
	transition:opacity 0.3s;
	opacity:1;
}
.toc.faded {
	opacity:0.0;
	height:0;
}

@media screen and (max-width:768px) {
	.toc-entries {
		padding-left:1rem;
	}
	.toc-frame {
		position:static;
		z-index:2000;
		width:100%;
		margin-top:0.5rem;
		/*
		left:0;
		right:0;
		margin:0;
		top:calc(var(--scrolledtop) - 4px);
		*/
	}
	.toc, .toc.aside {
		position:static;
		width:100%;
		margin:0 0 1rem 0;
	}
	.toc.aside.fixed {
		position:fixed;
		top:var(--header-height);
		left:1rem;
		right:auto;
		width:calc(100vw - 2rem);
	}
	.xtoc-title {
		display:none;
	}
	.xtoc-entries {
		display:none;
	}
	.toc-sel {
		display:none;
	}
	.xwith-toc .main-wrapper {
		padding-top:40px;
	}
	.toc-title.empty {
		width:230px;
		height:1rem;
	}
	.toc-title {
		background:transparent url(/template/deco/2024/select-arrow.png) no-repeat right center;
		cursor:pointer;
		padding-right:1.25rem;
	}
	.text-columns .toc-title h4 {
		font-size:var(--szLarger);
		overflow:hidden;
		text-overflow:ellipsis;
	}
	.text-columns .toc-title p {
		line-height:1.1;
		font-size:var(--szNormal);
	}
	.toc-entries {
		max-height:0;
		position:absolute;
		overflow:hidden;
	}
	.toc-title.open + .toc-entries,
	.toc-title.open + .toc-content > .toc-entries {
		position:static;
		max-height:none;
		display:block;
	}

}


main.with-bf {
	min-height:810px;
}
.with-toc .col-md-8.flex-center {
	margin-left:0;
}
.with-toc .col-md-9 {
	flex-basis:66.666%;
}


/* -- end:toc -- */

.main-logo {
	height:53px;
	width:auto;
	transition:all 0.5s;
}
.scrolled .main-logo {
	height:40px;
	width:auto;
}

.site-switcher {
	background-color:var(--almostblack);
	line-height:1;
	color:white;
	margin-bottom:0rem;
	padding:10px 0 7px 0;
	font-weight:300;
	transition:all 0.5s;
}
.site-switcher a {
	text-transform:uppercase;
	color:white;
	display:inline-block;
	margin:0 2rem;
}
.site-switcher a.active {
	color:var(--red);
}
.site-switcher .container {
	padding-left:170px;
}

@media all and (max-width:810px) {
	.site-switcher { display:none; }
}



/* Footer box. 340*223 */
.footer-section {
	padding:3rem 0;
}
.footer-section.with-sep {
	background-image:url("/template/deco/footer-sep-horizontal.png");
	background-repeat:no-repeat;
	background-position:center bottom;
}
.footer-section .row {
	flex-wrap:nowrap;
}
.footer-section .row .col {
	flex-basis: 100%;
	padding:0;
	margin-right:10px;
	margin-left:10px;
	line-height:1.5;
}
.footer-section .row .col:first-child {
	margin-left:0;
}
.footer-section.row .col:last-child {
	margin-right:0;
}
.footer-section h4 {
	font-family:var(--sans);
	margin-bottom:0.5rem;
	text-transform:uppercase;
}
.footer-section .row .col.footer-newsletter {
	background:var(--green) url(/template/newsletter-backdrop.png) no-repeat right 1rem bottom 0.5rem;
	color:white;
	padding:2rem;
	min-height:180px;
}
.footer-newsletter-link {
	display:inline-block;
	margin-top:2rem;
	text-align:center;
	background-color:white;
	color:var(--green);
	width:220px;
	padding:10px;
	line-height:1;
	text-transform:uppercase;
}
.footer-section .row .col.footer-shop {
	background-color:black;
	padding:2rem;
	/*min-height:323px;*/
}
.footer-shop-link {
	display:block;
	
}
.footer-menu-line {
	display:flex;
	justify-content:center;
}
.footer-menu-line p {
	margin:0 1rem;
}
.footer-section .social-links a {
	display:inline-block;
	width:30px;
	height:30px;
	margin:0 5px;
	background:transparent url(/template/icons/social/internet.png) no-repeat;
	background-size:contain;
	vertical-align:bottom;
	
}
.footer-section .social-links .social-facebook { background-image:url(/template/icons/social/facebook.png); }
.footer-section .social-links .social-twitter { background-image:url(/template/icons/social/twitter.png); }
.footer-section .social-links .social-instagram { background-image:url(/template/icons/social/instagram.png); }
.footer-section .social-links .social-youtube { background-image:url(/template/icons/social/youtube.png); }

.footer-logo {
	padding:2rem 0;
}
@media screen and (max-width:810px) {
	.footer-section {
		padding:1.5rem 0 0.5rem 0;
	}
	.footer-section .row {
		flex-wrap:nowrap;
		padding:1rem;
	}
	.footer-section .row .col:first-child {
		margin-left:10px;
	}
	.footer-section .row .col {
		padding-bottom:1rem;
		margin-top:0;
		margin-bottom:0;
	}
	.footer-logo img {
		display:block;
		max-width:80%;
		height:auto;
		margin:0 auto;
	}
	.footer-menu-line {
		flex-wrap:wrap;
		line-height:2;
	}
	.footer-shop {
		margin-top:1rem;
	}
}
@media screen and (max-width:768px) {
	.footer-section .row {
		flex-wrap:wrap;
	}
	.footer-section .row .col {
		margin-top:1rem;
	}
	.footer-section .row .col.footer-newsletter {
		margin-right:10px;
		padding-right:10px;
		
	}
}

/* END: Footer */


.bgbrown {
	background-color:var(--brown);
}

.subheadline {
	padding:5px 5px 1px 3px;
	margin:0 0 0.5rem 0;
	display:inline-block;
	line-height:1;
	color:white;
	font-size:30px;
}
.cardboard .subheadline,
.light .subheadline {
	background-color:black;
}



.light-on-dark {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.cardboard {
	background-color:var(--cardboard);
}
.sandpaper {
	background-color:var(--sandpaper);
}

.darknoise {
	background-color:var(--almostblack);
}

.light {
	background-color:var(--bglight);
}
.dark {
	background-color:var(--bgdark);
}
.darkgrey {
	background-color:var(--darkgrey);
}
.bg-dark {
	background-color:var(--bg-dark);
}

.red {
	color:var(--red);
}
.green {
	color:var(--green);
}
.bg-green {
	background-color:var(--green);
	color:white;
}
.practicallyblack {
	color:white;
	background-color:var(--practicallyblack);
}
.almostblack {
	color:white;
	background-color:var(--almostblack);
}
.dashed-box {
	background-image:url(dashed-box.svg);
	background-repeat:no-repeat;
	position:relative;
}
.bgblack {
	color:white;
	background-color:black;
}


.svg-dashes {
	vector-effect:non-scaling-stroke;
	x:5px;y:5px;
	fill:none;
	stroke-linecap:round;
	stroke:white;
	stroke-dasharray:10 15;
	stroke-width:5px;
	width:calc(100% - 10px);
	height:calc(100% - 10px);
}

.padded {
	padding:6rem 0;
}
.padded-large {
	padding:8rem 0;
}
.padded-medium {
	padding:4rem 0;
}
.padded-small {
	padding:2rem 0;
}
.padded-smaller {
	padding:2rem 0;
}
section.bg-dark {
	color:white;
}
.no-padding-bottom {
	padding-bottom:0;
}
.no-padding-top {
	padding-top:0;
}
.padded-small.no-padding-bottom + .padded {
	padding-top:4rem;
}
.padded-none {
	padding-top:0;
	padding-bottom:0;
}


.brown {
	color:var(--brown);
}
.subheadline.brown {
	color:white;
	background-color:var(--brown);
}
.brown-on-light {
	color:var(--brown);
	background-color:var(--bglight);
}
.brown-on-light .subheadline {
	color:white;
	background-color:var(--brown);
}


/* geteilter Hintergrund */
.parted {
	position:relative;
	width:100%;
	z-index:0;
}
.parted:after {
	content:" ";
	display:block;
	position:absolute;
	left:-50%;
	top:0;
	width:100%;
	height:100%;
	transform:skew(-20deg);
	z-index:-1;
	background:var(--bgdark) url(bg-noise.png) repeat;
}
.parted.part-dark:after {
	background-color:var(--almostblack);
	background-image:none;
}
.parted.part-light {
	
}
.parted.part-light:after {
}

.parted.part-green {
	background-color:var(--green);
	color:white;
}
.parted.part-black {
	color:white;
}
.parted.part-white:after {
	background:white;
	color:var(--green);
}

.parted.part-black:after {
	background-color:black;
	background-image:none;
}

.part-dark .col:first-child {
	color:white;
}
.part-dark .slide h1 {
	font-size:40px;
	color:var(--green);
	margin-bottom:2rem;
}

.coverslides .subheadline.bgbrown {
	background-color:var(--brown);
}
.coverslides .cta-button {
	line-height:1;
	padding-right:2rem;
	background-image:url(deco/arrow-small-right-brown.png);
	background-position:right center;
	background-repeat:no-repeat;
}
.coverslides .container { overflow:hidden }

/* -- Ende geteilter Hintergrund -- */

.button.with-arrow,
.cta-button.with-arrow {
	line-height:1;
	padding-right:2rem;
	background-image:url(deco/arrow-small-right-white.png);
	background-position:right 10px center;
	background-repeat:no-repeat;
}
.button-black {
	background-color:black;
	color:white;
}
.button-green {
	background-color:var(--green);
	color:white;
}
.button-white {
	border-color:white;
	color:white;
}
.cta-button.white-fill {
	background-color:white;
	border-color:white;
	color:black;
}
.white-fill.with-arrow {
	background-image:url(deco/arrow-small-right-black.png);
}

.xbutton-grey.with-arrow {
	background-image:url(deco/arrow-small-right-black.png);
}

.button-green.with-arrow {
	display: block;
	line-height: 1;
	padding: 0.9rem;
	background: var(--green) url(/template/deco/arrow-small-right-white.png) right 1rem center no-repeat;
	color: white;
	text-transform: uppercase;
}

/*article links*/
/* --- editor-start --- */
a.link-button,
.link-button {
	display:inline-block;
	padding:4px 10px 4px 10px;
	background-color:var(--green);
	color:white;
	position:relative;
}
.link-button::after {
	content:"";
	display:inline-block;
/* 	width:calc(1.5em + 4px); */
	height:100%;
	background:var(--green) url(/template/deco/article-link-page.svg) no-repeat center 42%;
	background-size:0.7em;
	position:absolute;
	left:100%;
	top:0;
	width:0;
	transition:all 0.4s;
}
.link-button:hover {
}
.link-button:hover::after {
	width:calc(1.5em);
}
.link-button-external::after {
	background-image:url(/template/deco/article-link-external.svg);
	
}
.link-button-anchor::after {
	background-image:url(/template/deco/article-link-anchor.svg);
}
.bg-green .article-content .link-button {
	background-color:white;
	color:var(--green);
}

.headline {
	font-weight:bold;
	font-size:var(--szMediumLarge);
	margin:0.5rem 0;
}
.text-columns p.headline {
	margin:1rem 0;
}
/* --- editor:end --- */

.starter {}
.motorrad {}
.antrieb {}
.versorgung {}

.starter.bg {
	background-color:var(--starter);
	color:white;
}
.motorrad.bg {
	background-color:var(--motorrad);
	color:white;
}
.antrieb.bg {
	background-color:var(--antrieb);
	color:white;
}
.versorgung.bg {
	background-color:var(--versorgung);
	color:white;
}
.charger.bg {
	background-color:var(--charger);
	color:white;
}
.cat-starter .coloring { color:var(--starter);  }
.cat-antrieb .coloring { color:var(--antrieb);  }
.cat-motorrad .coloring { color:var(--brown);  }
.cat-versorgung .coloring { color:var(--versorgung); }


.bgcoloring { color:white }
.cat-starter .bgcoloring { background-color:var(--starter);  }
.cat-antrieb .bgcoloring { background-color:var(--antrieb);  }
.cat-motorrad .bgcoloring { background-color:var(--motorrad);  }
.cat-versorgung .bgcoloring { background-color:var(--versorgung); }


/* -- slides -- */
.slide {
	height:500px;
	padding:2rem 0;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.slide .textblock {
	max-width:66%;
}
.slide.row {
	align-items:center;
}
/* -- end slides -- */



/* -- cards -- */
section.cards {
	background-color:var(--bg-dark);
	padding-top:3rem;
	padding-bottom:4rem;
}
section.cards.charger-cards {
	padding-top:3rem;
	padding-bottom:2rem;
}
.cards .row {
	justify-content:space-between;
	align-items:center;
	height:350px;
}
.cards.charger-cards .row {
	justify-content:center;
}
.cards {
	justify-content:space-between;
}
.card {
	width:250px;
	height:250px;
	position:relative;
	justify-content:flex-start;
	transition:all 0.4s ease-out;
}

.card header { 
	font-size:22.5px;
	font-weight:600;
	text-transform:uppercase;
	line-height:1.2;
	margin-top:auto;
}
.card header span { font-weight:300 }
.layer {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	overflow:hidden;
	pointer-events:none;
}
.card .layer.text {
	padding:1.5rem;
	display:flex;
	flex-direction:column;
	justify-content:flex-start;
}
.card .gfx {
	position:absolute;
	left:0;
	top:-25px;
	width:100%;
	bottom:-25px;
	background-image:url(icons/icon-starter.svg);
	background-repeat:no-repeat;
	background-position:-10px center;
	background-size:200px auto;
	opacity:0.2;
}
.card.starter .gfx { background-image:url(icons/icon-starter.svg); background-size:auto 100px; background-position:-90px center; }
.card.motorrad .gfx { background-image:url(icons/icon-motorrad.svg); background-size:auto 110px; background-position:-10px center; }
.card.antrieb .gfx { background-image:url(icons/icon-antrieb.svg); background-size:auto 120px; background-position:-30px center; }
.card.versorgung .gfx { background-image:url(icons/icon-versorgung.svg); background-position:-40px center; }

.card .body {
	height:0;
	margin-top:0;
	overflow:hidden;
	transition:all 0.4s ease-out;
}

.card.charger { 
	background-color:var(--somewhatlighterdarkgrey);
	color:white;
	width:66%;
	height:175px;
}
.card.charger .body {
	width:312px;
}
.card.charger .gfx {
	left:0;
	top:0;
	width:100%;
	height:100%;
	background-image:url(icons/icon-ladegeraete-b2c.svg);
	background-size:134px auto;
	background-position:right 1.5rem center;
	opacity:0.4;
}
.card.charger .body {
	width:75%;
}
.card.charger-b2b .gfx {
	background-image:url(icons/icon-ladegeraete-b2b.svg);
}

.card:hover,.card.active {
	height:342px;
	box-shadow:0px 0px 30px rgba(0,0,0,0.4);
	
}
.card:hover .body, .card.active .body {
	margin-top:1rem;
	height:240px;
}
.card.charger:hover {
	height:265px;
}


.large-cards .row.nowrap {
	flex-wrap:wrap;
	height:1080px;
}
.large-cards .card {
	width:calc(50% - 10px);
	height:520px;
	margin-bottom:20px;
}
.large-cards .card:hover {
	height:520px;
}

@media all and (max-width:768px) {
	.cards .row {
		justify-content:center;
		height:auto;
	}
	.row .card {
		margin:0.5rem 0;
		width:90%;
	}
}
@media all and (max-width:960px) {
	.catboard .row.nowrap {
		flex-wrap:wrap;
		padding-left:1rem;
		padding-right:1rem;
		max-width:580px;
		margin-left:auto;
		margin-right:auto;
		justify-content:space-around;
		height:auto;
		min-height:580px;
	}
}

/* -- end cards -- */

/* -- battery finder -- */
.battery-finder {
	position:relative;
}
.battery-finder-form {
	width:100%;
	max-width:1060px;
	height:320px;
	background:transparent url(battery-finder-background.png) no-repeat;
	padding:2rem;
/*
	margin-top:-2rem;
*/
	margin-bottom:-2rem;
	z-index:10;
	position:relative;
	transform:translateY(-1rem);
}
.battery-finder:not(.bfc) h2 {
	font-family:TitilliumUpright;
	font-weight:600;
	font-size:30px;
	text-align:center;
	text-transform:none;
	margin-bottom:1rem;
}
.battery-finder .select-controls {
	padding:2rem 2rem;
	display:flex;
	justify-content:space-between;
}
.battery-finder .buttons {
	text-align:center;
}
.battery-finder button {
	color:white;
	border-color:white;
	display:inline-block;
}

.select-controls .select-control {
	display:inline-block;
	flex:1 1 120px;
	margin:0 1rem;
}
.select-control.sel-model {
	flex-grow:2;
	flex-basis:200px;
}
.select-control select {
	background:white url(deco/select-arrow.png) right 1rem center no-repeat;
	border:none;
	border-radius:0;
	padding:10px;
	font-family:TitilliumUpright;
	font-weight:400;
	font-size:16px;
	width:100%;

	color:var(--mediumgrey);
	
	-ms-appearance:none;
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
}
.select-control select option {
	font-family:TitilliumUpright,sans-serif;
	font-size:inherit;
	padding:10px;
}

.battery-finder .hint {
	position:absolute;
	left:-150px;
	top:95px;
	width:120px;
	height:100px;
	text-align:right;
	background:transparent url(/template/deco/hintarrow-down-green.png) no-repeat left top;
}
.filler {
	height:5rem;
}
.battery-finder-form.caked {
	background:transparent;
	min-height:200px;
	border-image:url(/template/keks.png);
	border-image-width:30px;
	border-image-slice:40 fill;
	border-image-outset:0;
	border-image-repeat:round;
}
.fx-off { display:none }
.battery-finder .buttons {
	color:white;
}
.battery-finder .select-control select[disabled] {
	opacity:0.5;
}
.animbutton {
	position:relative;
	padding:10px 20px 8px 20px;
	display:inline-block;
}

.battery-card {
	width:var(--onecol);
}
.battery-card-content {
	background-color:var(--bglight);
	padding-top:10px;
	transition:all 0.5s ease;
}
.battery-card-head {
	color:white;
	line-height:1;
}
.battery-card-subhead {
	font-weight:600;
	color:white;
	margin:1rem 0;
	max-height:42px;
	overflow:hidden;
}
.battery-card-label {
	height:55px;
	background-color:black;
	background-repeat:no-repeat;
	background-position:2rem center;
	background-size:auto 16px;
	background-image:url(/files/_labels_g_intact_bike_power_gel.png);
	
	-webkit-mask-image: linear-gradient(110deg, rgba(0,0,0,1) 0%,rgba(0,0,0,1) 85%,rgba(0,0,0,0) 85.1%,rgba(0,0,0,0) 100%);
	mask-image: linear-gradient(110deg, rgba(0,0,0,1) 0%,rgba(0,0,0,1) 85%,rgba(0,0,0,0) 85.5%,rgba(0,0,0,0) 100%);
}
.battery-card-image {
	min-height:260px;
	position:relative;
	display:flex;
	justify-content:center;
	align-items:center;
	transition:all 0.5s ease;
}
.battery-card-image img {
	height:170px;
	width:auto;
	transition:all 0.5s ease;
}
.battery-card-content h2 {
	color:var(--green);
	text-align:left;
	padding:1rem 1.2rem;
	border-top:1px solid var(--brown);
	text-transform:uppercase;
	font-size:var(--szVeryLarge);
	letter-spacing:1px;
}
.battery-card-content p {
	padding:0.5rem 1.2rem;
	margin:0;
	line-height:1.2;
	border-top:1px solid var(--brown);
	font-weight:600;
	font-size:var(--szLarger);
}
.battery-card-content p span {
	font-weight:300;
	font-size:var(--szNormal);
}
.battery-card-button {
	padding:1rem 1.2rem;
}
.battery-card-button a {
	display:block;
	background-color:white;
	color:var(--green);
	text-transform:uppercase;
	font-weight:300;
	font-size:var(--szLarger);
	text-align:center;
	padding:1rem;
}
.battery-card-button a:hover {
	background-color:var(--almostblack);
	color:white;
	font-weight:600;
}
.battery-card-content:hover {
	background-color:white;
	background-image:none;
}
.battery-card-content:hover .battery-card-image {
	min-height:310px;
}
.battery-card-content:hover .battery-card-image img {
	height:210px;
}
.battery-card-content:hover .battery-card-button a {
	background-color:var(--almostblack);
	color:white;
	font-weight:600;
}


.found-batteries {
	/*height:98vh;*/
	display:flex;
	justify-content:center;
	align-items:center;
}
.battery-card {
	margin-left:20px;
}
.battery-card:first-child {
	margin-left:0;
}

.battery-finder-hint {
	position:absolute;
	width:100%;
	height:100%;
	left:0;
	top:0;
	display:flex;
	align-items:center;
	justify-content:center;
}
.battery-finder-hint img {
	display:block;
	max-width:100%;
	height:auto;
	box-shadow:0px 0px 32px black;
}


/* */
.active .animborder {
	animation: dash 1.0s ease-out both;
}
@keyframes dash { 
	to {  stroke-dashoffset: 0;  }
}

.animbutton.active {
	animation: flop 0.8s ease-out both;
}
@keyframes flop {
	0%   { opacity:0;transform:scale(1.05); }
	100% { opacity:1;transform:scale(1); }
}


.startstop-controls {
	padding:2rem 2rem 0 2rem;
	font-size:var(--szLarger);
}

.slide-button .caption {
	display:inline-block;
	margin:0 0.5rem;
	color:var(--green);
}
.slide-button > .caption {
	color: inherit;
}
.slide-label {
	position:relative;
	cursor:pointer;
}
.slide-label input {
	position:absolute;
	left:0;
	top:0;
	visibility:hidden;
}
.slide-label .check {
	display: inline-block;
	width: 44px;
	height: 22px;
	background-color: var(--mediumgrey);
	position: relative;
	border-radius: 9px;
	vertical-align: top;
}
.slide-label .check:after {
	content: "";
	display: block;
	position: absolute;
	left: 1px;
	top: 2px;
	width: 18px;
	height: 18px;
	background-color: #fff;
	border-radius: 50%;
	transition: all 0.2s linear;
}
.two-way-switch .slide-label .check {
	background-color: var(--green);
}
.slide-label input:checked ~ .check {
	background-color: var(--green);
}
.slide-label input:checked ~ .check:after {
	left:calc(100% - 20px);
}

/* Infopoint hover */
.battery-finder .info-point {
	vertical-align:middle;
	display:inline-block;
	position:relative;
	width:17px;
	height:17px;
	margin:0 0.2rem;
	background:transparent url(/template/deco/sign-info.png) no-repeat;
}
.battery-finder .hover-info {
	position:absolute;
	left:10px;
	top:10px;
	width:640px;
	padding:1rem;
	background-color:white;
	z-index:5000;
	text-align:center;
	box-shadow:0 0 15px rgba(0,0,0,0.7);
	display:none;
}
.info-point:hover .hover-info {
	display:block;
}
.battery-finder .hover-info img {
	display:block;
	max-width:100%;
	height:auto;
}
.hover-info:hover {
	z-index:5001;
}



@media all and (max-width:810px) {
	.battery-finder {
		padding:2rem 1rem;
	}
	.battery-finder-form {
		margin:0;
		height:auto;
		padding:1.5rem 1rem;
		transform:translateY(0);
	}
	.battery-finder-form.caked {
	}
	.startstop-controls {
		padding:1rem 0;
		font-size:var(--szNormal);
		text-align:center;
	}
	.battery-finder h2 {
		font-size:var(--szQuiteLarge);
		padding:1rem 0;
	}
	.battery-finder .select-controls {
		flex-direction:column;
		justify-content:flex-start;
	}
	.battery-finder .select-control {
		display:block;
		margin:5px 0;
		flex-basis:auto;
	}
	.battery-finder .select-control select {
		width:100%;
		font-size:var(--szNormal);
	}
	.battery-finder .text-control {
		margin:0.25rem 0;
	}
	.battery-finder option {
		font-size:var(--szNormal);
	}
	.found-batteries {
		flex-direction:column;
		justify-content:flex-start;
		align-items:center;
		width:90%;
		max-height:90vh;
		overflow-y:auto;
		padding:1rem;
	}
	.battery-mobile-card {
		margin:5px 0;
		height:auto;
	}
	.battery-card-mobile-content {
		display:flex;
		justify-content:flex-start;
		align-items:center;
		padding:1rem;
	}
	.battery-card-mobile-content h2 {
		color:var(--green);
		padding:0;
		font-size:var(--szQuiteLarge);
	}
	.battery-card-mobile-image {
		height:90px;		
		width:110px;
		text-align:center;
		margin-right:1rem;
	}
	.battery-card-mobile-image img {
		height:90px;
		width:auto;
	}
	.battery-card-text {
	}
	.battery-card-button {
		padding:0;
		margin-top:0.5rem;
	}
	.battery-card-button a {
		background-color:var(--green);
		color:white;
		padding:5px;
		display:block;
	}
	.battery-finder-form .buttons .large {
		font-size:var(--szQuiteLarge);
	}
	
}



/* -- end battery finder -- */

/* toggle */
.toggle {
	cursor:pointer;
}
.batteries-header { position:relative; padding-left:25px }
.batteries-header.toggle::after {
    content: "";
    display: block;
    position: absolute;
    width: 20px;
    height: 20px;
    left:0;
    top:50%;
    background: transparent url(/template/deco/arrow-small-right-green.png) no-repeat;
    background-size: contain;
    transform-origin:center center;
    transform: translateY(-50%) rotate(0deg);
    transition:all 0.4s ease-out;
}
.batteries-header.toggle.toggle-open::after {
	transform: translateY(-30%) rotate(90deg);
}
/* -- contactbar */
section.contactbar {
	padding:2rem 0 2.5rem 0;
	background-color:var(--mustard);
	color:#E9DB88;
	background-image:url(deco/hintarrow-bottom-brown.png);
	background-repeat:no-repeat;
	background-position:bottom 1rem center;
}
.contactbar .row {
	align-items:center;
}
.contactbar .huge {
	color:#907B00;
}
/* -- end contactbar */

/* -- KB Teaser -- */
section.kb-teaser {
	padding:3rem 0 3rem 0;
}
section.kb-teaser.padded {
	padding:8rem 0 8rem 0;
}
.kb-teaser .dashed-box {
	width:100%;
	height:100%;
	min-height:356px;
}
.dashed-box .caption {
	color:white;
	width:52%;
	line-height:1.1;
	padding:0 0.1rem 0.1rem 0;
	position:absolute;
	left:0;
	top:0;
}
.dashed-box img {
	z-index:10;
	position:absolute;
	right:10px;
	top:0;
}

.video-poster {
	position:relative;
}
.with-play-button {
	position:relative;
}
.related-video::after,
.video-poster::after,
.with-play-button::after {
	content: "";
	display:block;
	width:56px;
	height:56px;
	position:absolute;
	left:50%;
	top:50%;
	transform:translateX(-50%) translateY(-50%);
	background:transparent url(/template/deco/play-button-white.svg) no-repeat;
	background-size:contain;
	opacity:0.66;
	transition:opacity 0.5s;
}
.with-play-button:hover::after,
.video-poster:hover::after {
	opacity:1;
}
.related-video::after {
	width:45px;
	height:45px;
}


.video-player {
	display:flex;
	flex-direction:column;
	height:100%;
	background-color:var(--almostblack);
	position:relative;
	overflow:hidden;
}
.video-player video {
	margin:auto;
	width:100%;
	height:auto;
}
.video-player .controls {
}
.video-controls {
	position:absolute;
	top:0;
	height:100%;
	left:-80px;
	background-color:rgba(88,72,72,0.4);/*584848*/
	width:150px;
	transform:skew(-20deg);
}
.play-button {
	color:var(--green2);
	position:absolute;
	right:2rem;
	top:2rem;
	font-size:50px;
	transform:skew(20deg);
}
.play-button .svg-icon {
	width:1em;
	height:1em;
}

.video-player .caption {
	position:absolute;
	right:2rem;
	bottom:2rem;
	color:white;
	text-transform:uppercase;
	width:60%
}

.hintarrow {
	position:relative;
}
.hintarrow::after {
	content:"";
	display:block;
	position:absolute;
	left:10%;
	top:100%;
	width:90px;
	height:86px;
	background:transparent url(deco/hintarrow-down-green.png) no-repeat;
}


.kb-teaser header {
	color:white;
	margin:2rem 0 3rem 0;
	text-transform:uppercase;
}
.kb-teaser .misty-slides {
	background:transparent url(bgnd-lines.png) no-repeat center 20px;
	padding:10rem 0 8rem 0;
}
.kb-teaser .buttons {
	margin:8rem 0 0 0;
	text-align:center;
	color:white;
}
.misty-slides .frame {
	/*cursor:url(drag-hand.png), grab;*/
	cursor:grab;
}
.misty-slides .frame .slides {
	left:0px;
}
.kb-teaser .misty-slides.video-slides {
	background:transparent;
	padding:2rem 0 0 0;
}
/* video-poster */
.layered.video-player { 
	width:520px;height:292px;
	background-size:cover;
	flex-shrink:0;
	margin:0 0.5rem;
}


.slides {
	position:relative;
	display:flex;
	justify-content:center;
}

.misty-slides .slides {
	justify-content:flex-start;
}
.misty-slides.video-slides .slides {
	justify-content:flex-start;
}
.frame {
	position:relative;
	overflow:hidden;
}
.frame::before {
	content:"";
	position:absolute;
	left:0;
	top:0;
	height:100%;
	width:340px;
	background:var(--cardboard) url(bg-noise.png) repeat;
	-webkit-mask-image: linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0.5) 33%, rgba(0,0,0,0) 100%);
	mask-image: linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0.5) 33%, rgba(0,0,0,0) 100%);
	z-index:200;
	pointer-events:none;
}
.frame::after {
	content:"";
	position:absolute;
	right:0;
	top:0;
	height:100%;
	width:340px;
	background:var(--cardboard) url(bg-noise.png) repeat;
	-webkit-mask-image: linear-gradient(-90deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0.5) 33%, rgba(0,0,0,0) 100%);
	mask-image: linear-gradient(-90deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0.5) 33%, rgba(0,0,0,0) 100%);
	z-index:200;
	pointer-events:none;
}

.infobox {
	width:340px;
	height:410px;
	background:white url(bg-noise-15.png) repeat;
	padding:1.5rem;
	display:flex;
	flex-direction:column;
	flex-grow:0;
	flex-shrink:0;
}
.infobox header {
	color:black;
	text-transform:uppercase;
	padding:0;
	margin:0;
}
.infobox header h5 {
	max-height:80px;
	overflow:hidden;
	line-height:1.5;
}
.infobox .teaser {
	margin:1rem 0;
	line-height:1.5;
	height:220px;
	overflow:hidden;
	font-size:16px;
}
.infobox .link {
	margin-top:auto;
}
.infobox .button {
	display:block;
	line-height:1;
	padding:0.9rem;
	background:var(--green) url(deco/arrow-small-right-white.png) right 1rem center no-repeat;
	color:white;
	text-transform:uppercase;
	cursor:pointer;
}

.infobox.b2b {
	background-color:var(--green);
}
.infobox.b2b header { color:white }
.infobox.b2b .teaser { color:white }
.infobox.b2b .button {
	background-color:white;
	color:var(--green);
	background-image:url(deco/arrow-small-right-green.png);
}
.slides .infobox {
	float:left;
	margin:0 1rem;
}


/* -- Events -- */

.category-filter {
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
	margin-bottom:1.5rem;
}
.filter-item {
	cursor:default;
	user-select:none;
}
.filter-item.active {
	font-weight:bold;
	padding-right:20px;
	background:transparent url(deco/marker-x.png) right center no-repeat;
}
.filter-item.disabled {
	opacity:0.3;
}




/* -- end Events -- */

/* -- Banner -- */
.banner {
	color:white;
	line-height:1.1;
}
.banner .subheadline {
	position:relative;
}
.decorated {
	display:flex;
	align-items:center;
	height:86px;
	background:url(deco/hintarrow-down-brown.png) 20% top no-repeat;
}
.banner .parted {
	padding:2rem 0;
}
.banner .parted::after {
	left:calc(-50% - 320px);
}
.banner .linked {
	background:transparent url(deco/arrow-right.png) right center no-repeat;
}


.banner-picture .picture img {
	display:block;
	width:100%;
	height:auto;
}

/* -- end Banner -- */

/* -- Recycling -- */
.recycling {
	height:816px;
	background:transparent url(recycling-bgnd.jpg) repeat-x center top;
	position:relative;
	padding-top:3rem;
	overflow:hidden;
}
.recycling h2 {
	font-size:100px;
	color:white;
	text-transform:uppercase;
	text-align:center;
	letter-spacing:-2px;
}
.recycling h3 {
	margin-bottom:2rem;
	text-transform:uppercase;
	line-height:1.5;
}
.recycling .slip-slot {
	height:350px;
	position:relative;
	overflow:hidden;
	margin-bottom:3rem;
}
.slip-slot .slip {
	padding:2rem 2rem 3rem 2rem;
	position:absolute;
	left:160px;
	top:40px;
	width:740px;
	height:300px;
	background-color:var(--darkgreen);
	color:white;
	transform:translateY(-275px);
}
.slip .row {
	margin-top:auto;
	justify-content:flex-start;
	align-items:center;
}
.slip .col.right {
	padding-left:2rem;
	line-height:1.3;
}


.slip-slot .slip.active {
	animation:drop-in 1s ease-in both;
}
@keyframes drop-in {
  0% {
    transform: translateY(-100%);
    animation-timing-function: ease-in;
  }
  38% {
    transform: translateY(0);
    animation-timing-function: ease-out;
  }
  55% {
    transform: translateY(-30px);
    animation-timing-function: ease-in;
  }
  72% {
    transform: translateY(0);
    animation-timing-function: ease-out;
  }
  81% {
    transform: translateY(-14px);
    animation-timing-function: ease-in;
  }
  90% {
    transform: translateY(0);
    animation-timing-function: ease-out;
  }
  95% {
    transform: translateY(-4px);
    animation-timing-function: ease-in;
  }
  100% {
    transform: translateY(0);
    animation-timing-function: ease-out;
  }
}
.slip-slot .overlay {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:84px;
	background:transparent url(recycling-tearoff.png) center top no-repeat;
}

.recycling .button-outline {
	color:var(--darkgreen);
	display:inline-block;
	width:240px;
	text-align:left;
	line-height:1;
	padding:10px 0 5px 20px;
	border-color:var(--lightbrown);
	background:transparent url(deco/arrow-small-right-green.png) right 1rem center no-repeat;
}

.section-footer {
	position:absolute;
	bottom:3rem;
	left:0;
	right:0;
	height:138px;
	background:transparent url(recycling-animation.png) center bottom repeat-x;
}

@media all and (max-width:810px) {
	.recycling {
		background-image:url(/template/recycling-bgnd.jpg);
		background-size:100% 100%;
		height:auto;
	}
	.recycling .section-footer {
		position:static;
		padding-bottom:2rem;
	}
	.recycling h2 {
		font-size:var(--szHuge);
	}
	.recycling .slip-slot {
		height:auto;
		padding-bottom:1rem;
	}
	.recycling .buttons {
		padding-bottom:1rem;
	}
	.slip-slot .slip {
		width:100%;
		height:auto;
		left:0;
		position:relative;
		transform:translateY(-90%);
	}
	.slip .col.left {
		width:100%;
		padding-right:0;
		text-align:center;
	}
	.slip .col.right {
		padding-left:0;
		padding-top:1rem;
	}
}

/* -- end Recycling -- */


/* -- intactgp -- */
.backdrop {
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center center;
}
section.intactgp {
	min-height:733px;
}
.intactgp.backdrop {
	background-position:-150px center;
}
.intactgp .cta-button {
	margin-top:1rem;
	padding:12px 0 10px 1rem;
	font-size:inherit;
	display:block;
}
.intactgp .picture {
	margin:5rem 0 3rem 0;
}
.intactgp .right, .intactgp h3 {
	line-height:1.5;
}
@media all and (max-width:810px) {
	.intactgp .container {
		padding:0 1rem;
		color:white;
	}
}
/* -- end intactgp -- */

/* -- testsieger -- */
section.awards {
	background-color:var(--almostblack);
	color:white;
	padding:2rem 0;
}
a.simple { text-decoration:underline }


/* -- ende testsieger -- */

/* FLex Slider */
.flex-slider {
	position:relative;
}
.flex-slides {
	position:relative;
	overflow:hidden;
}
.flex-slides-rail {
	display:flex;
	flex-direction:row;
	flex-wrap:nowrap;
	justify-content:flex-start;
	align-items:stretch;
}

/* -- Inline-Galerie --*/
.inline-gallery {
	max-width:1260px;
	margin:2rem auto;
	overflow:hidden;
	position:relative;
}
.inline-gallery .flex-slide {
	min-height:450px;
	position:relative;
}
.flex-fluid-slider .flex-slide img {
	display:block;
	width:100%;
	height:100%;
	object-fit:cover;
	object-position:center center;
}
.inline-gallery-controls {
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
	min-height:3rem;
	/*border-top:1px solid rgba(255,255,255,0.5);*/
	z-index:200;
	display:flex;
	justify-content:flex-start;
	align-items:center;
}

.inline-gallery-indicators {
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
}
.inline-gallery-indicator {
	width:25px;
	display:inline-block;
	margin-left:1rem;
	cursor:pointer;
	border-top:8px solid transparent;
	border-bottom:8px solid var(--cardboard);
}
.inline-gallery-indicator.active {
	border-bottom-color:var(--green);
}



.flex-slide-caption {
	position:absolute;
	right:1.5rem;
	bottom:0.75rem;
	text-align:right;
	color:white;
	font-weight:bold;
	font-size:var(--szNormal);
	line-height:1;
	width:50%;
}


.inline-gallery-caption {
	margin-left:auto;
}

.inline-gallery-controls.inline-gallery-arrows {
	width:100%;
	top:0;
	bottom:0;
}
.inline-gallery-arrows .arrow {
	position:absolute;
	left:0;
	top:0;
	height:100%;
	width:40px;
	background-image:url(/template/deco/arrow-large-left.png);
	background-size:24px auto;
	cursor:pointer;
}
.inline-gallery-arrows .arrow.control-right {
	left:auto;
	right:0;
	background-image:url(/template/deco/arrow-large-right.png);
}



/* -- Ende Inline-Galerie --*/

/* -- menu -- */
/* -- end menu -- */

/* site-search */
.search-bar {
	padding:2rem;
	position:absolute;
	right:160px;
	top:calc(100% + 1rem);
	background-color:white;
	z-index:9500;
	border:1px solid #ddd;
	transition:all 0.4s ease;
	box-shadow:0px 4px 8px rgba(0,0,0,0.4);
	white-space:nowrap;
	display:none;
}
.search-bar.active {
	display:block;
}
.search-bar:after, .search-bar:before {
	content: "";
	bottom: 100%;
	right: 20px;
	border: solid transparent;
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
.search-bar:after {
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: #ffffff;
	border-width: 12px;
	margin-left: -12px;
}
.search-bar:before {
	border-color: rgba(0, 0, 0, 0);
	border-bottom-color: #ccc;
	border-width: 13px;
	margin-left: -13px;
}
.search-button {
	border:none;
	background:transparent;
	color:#888;
}

.search-bar input[type=text] {
	font-size:var(--szNormal);
	border:1px solid #ddd;
	width:200px;
	padding:4px;
}


/* -- end site-search --*/


/* Retailer-Map */
	.retailer-map { 
		background: transparent;
		width:1060px;
		min-height:725px;
		/*overflow:hidden;*/
	}
	.map-cat-tiles.row {
		justify-content:space-between;
		flex-wrap:nowrap;
		padding-right:1rem;
	}
	.map-cat-tiles .card {
		width:120px;
		height:120px;
		border:1px solid transparent;
	}
	.map-cat-tiles .card.active {
		border-color:white;
	}
	.map-cat-tiles .card header {
		font-size:14px;
	}
	.map-cat-tiles .card:hover {
		height:120px;
	}
	.map-cat-tiles .card:hover .body {
		height:auto;
	}
	.map-cat-tiles .card.motorrad .gfx,
	.map-cat-tiles .card.starter .gfx,
	.map-cat-tiles .card.antrieb .gfx,
	.map-cat-tiles .card.versorgung .gfx {
		background-size:contain;
		background-position:center bottom;
	}
	.map-cat-tiles .card .layer.text {
		padding:0.5rem;
	}
	.map-controls {
		width:1060px;
		padding:1rem 0;
		position:relative;
	}
	.map-location-controls {
		padding:1rem;
		background-color:white;
	}
	.map-mapping {
		min-height:75vh;
		max-height:100%;
		background-color:white;
	}
	.retailer-finder .map-mapping {
		min-height:60vh;
	}
	.location-controls {
		color:white;
		flex-grow:0;
		max-width:45%;
		padding-left:4%;
		display:flex;
		flex-direction:column;
	}
	.location-controls label {
		font-weight:bold;
	}
	.location-controls select {
		background: white url(/template/deco/select-arrow.png) right 1rem center no-repeat;
		background-size:1em;
		border: none;
		border-radius: 0;
		padding: 5px;
		font-size: 16px;
		width:90%;
	}
	.text-control {
		white-space:nowrap;
		margin-top:auto;
	}
	.text-control .large-input {
		background:transparent;
		border:none;
		border-bottom:1px solid white;
		font-size:48px;
		color:white;
		display:inline-block;
		padding:0;
		max-width:90%;
	}
	.text-control .large-input:focus {
		outline:none;
	}
	.text-control button {
		background:transparent;
		border:none;
		font-size:48px;
		color:white;
		display:inline-block;
		margin-left:-25px;
	}
	#theMapList {
		position:relative;
	}
	.searchResults {
		position:absolute;
		left:0;
		top:0;
		width:100%;
		height:100%;
		overflow-x:hidden;
		overflow-y:auto;
	}
	
	
	
	
	.map-entry {
		padding:10px 10px 10px 50px;
		position:relative;
		background-color:rgba(237,229,232,0);
		border-top:1px solid rgba(237,229,232,0);/* #ede5e8 */
		border-bottom:1px solid rgba(237,229,232,0);/* #ede5e8 */
	}
	.entry-text {
		line-height:1.3;
		padding:0px 0;
		max-height:0;
		overflow:hidden;
		transition:all 0.5s ease;
	}
	.map-entry h4 {
		font-family:TitilliumUpright;
		font-weight:600;	
		font-size:20px;
		margin:0 0 0 0;
	}
	.entry-index {
		font-family:Lexia;
		font-size:30px;
		color:#ede5e8;
		display:block;
		position:absolute;
		width:40px;
		text-align:right;
		top:2px;
		left:0;
		line-height:1;
		letter-spacing:-2px;
	}
	.map-entry-categories {
		padding:5px 5px 5px 0;
	}
	.map-category {
		line-height:1;
		padding:5px 10px;
		font-size:12px;
		font-weight:300;
		border-radius:12px;
		background-color:var(--motorrad);
		color:white;
		display:inline-block;
		margin:0 0 0 5px;
	}
	.map-category:first-child {
		margin-left:0;
	}
	.map-category.antrieb { background-color: var(--antrieb); }
	.map-category.starter { background-color: var(--starter); }
	.map-category.versorgung { background-color: var(--versorgung); }
	
	.map-entry-switch {
		height:30px;
		position:relative;
		cursor:pointer;
		display:inline-block;
	}
	.map-entry-switch::after {
		content:"";
		position:absolute;
		right:-1rem;
		top:4px;
		width:12px;
		height:12px;
		background:transparent url(/template/deco/select-arrow.png) no-repeat left center;
		background-size:contain;
		transform:rotate(-90deg);
		transition:all 0.5s;
	}
	.map-entry.active .map-entry-switch::after {
		transform:rotate(180deg);
	}
	.map-entry.active {
		background-color: rgba(237,229,232,0.25);
		border-top-color: rgba(237,229,232,1);
		border-bottom-color: rgba(237,229,232,1);
	}
	.map-entry.active .entry-text {
		padding:10px 0;
		max-height:120px;
	}
	.map_info h4 {
		font-family:TitilliumUpright,sans;
		font-size:20px;
		margin:0 0 0.2em 0;
	}
	
	@media all and (max-width:810px) {
		.retailer-map {
			width:100%;
			min-height:75vh;
		}
		.map-controls {
			width:100%;
			padding:1rem;
		}
		.map-cat-tiles {
			display:none;
		}
		.map-entry h4 {
			font-size:var(--szLarger);
		}
	}

/* Video-Layer */
.page-layer.video-layer {
	width: 66vw;
	max-width:960px;
	height:84vh;
}
.video-layer .layer-player {
	width:100%;
	padding-top:56.25%;
	position:relative;
}
.layer-player iframe {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
}
.layer-player .iframePlaceholder {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background-color:white;
	padding:3rem;
	display:flex;
	justify-content:center;
	align-items:center;
	font-size:var(--szLarge);
	text-align:center;
}
.iframePlaceholder a {
	cursor:pointer;
	text-decoration:underline;
}
.privacy {
	cursor:pointer;
}


.layer-related {
	width:100%;
	min-height:80px;
	display:flex;
	flex-wrap:wrap;
	align-items:flex-start;
	justify-content:center;
	margin:0 0 0 0;
	padding:3rem 0 0 0;
	overflow-y:auto;
	position:relative;
}
.layer-related-match {
	position: absolute;
	color: white;
	font-size: var(--szLarger);
	left: 0;
	top: 1rem;
	text-align: center;
	width: 100%;
	font-family: var(--fontSerif);
	color: var(--green);
}
.related-tile {
	width:228px;
	height:130px;
	margin:8px 4px;
	flex-shrink:0;
	flex-grow:0;
	background-color:white;
	color:black;
}
.related-content {
	padding:1rem;
	overflow:hidden;
}
.related-video {
	background-color:black;
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center center;
	position:relative;
}
.video-poster-caption {
	position:absolute;
	left:0;
	right:0;
	bottom:0;
	height:35%;
	padding:1rem;
	display:flex;
	justify-content:center;
	align-items:center;
	color:white;
	font-weight:normal;
	background-color:black;
	text-align:center;

	font-family:var(--fontSerif);
	text-transform:uppercase;
	font-size:var(--szLarge);

}
.related-tag {
	font-size:var(--szSmaller);
	color:var(--green);
}
.related-title {
	font-size:var(--szNormal);
	color:black;
	overflow:hidden;
}
.layer-related .video-poster-caption {
	font-size:var(--szSmaller);
}
.with-overlay-caption.lang-1 .video-poster-caption {
	display:none;
}

@media screen and (max-width:810px) {
	.page-layer.video-layer {
		width:90vw;
		height:90vh;
	}
}
/* END: VIDOELAYER */

/* LIGHTBOX */
.lightbox-backdrop {
	position:fixed;
	left:0;right:0;top:0;bottom:0;
	background-color:rgba(0,0,0,0);
	z-index:99999;
	display:flex;
}

.lightbox-frame {
	margin:auto;
	border:10px solid white;
	box-shadow:0px 0px 16px rgba(0,0,0,0.2);
}
.lightbox-frame img {
	display:block;
	min-width:320px;
	height:auto;
	max-width:75vw;
}

/* DIALOG */
.in_dialog__backdrop {
	position:fixed;
	left:0;
	right:0;
	top:0;
	bottom:0;
	background-color:rgba(0,0,0,0.2);
	z-index:99999;
	display:flex;
	display:none;
}
.in_dialog__window {
	min-width:320px;
	max-width:60%;
	min-height:250px;
	max-height:80vh;
	margin:15% auto auto auto;
	background-color:#fff;
	position:relative;
	border-radius:12px;
	box-shadow:0px 0px 16px rgba(0,0,0,0.6);
	padding-bottom:60px;
}
.in_dialog__content {
	padding:35px 25px 12px 25px;
	overflow:auto;
}
.in_dialog__content a:not(".link-button") {
	text-decoration:underline;
}
.in_dialog__content p {
	line-height:1.5;
	margin-bottom:0.3rem;
}
.in_dialog__controls {
	position:absolute;
	left:0;
	right:0;
	bottom:0;
	height:60px;
	border-top:1px solid #eee;
	display:flex;
	padding:0 25px;
	justify-content:center;
	align-items:center;
}
.in_dialog__closebtn,
.in_dialog__ok,.in_dialog__cancel {
  font-size: var(--szNormal);
  line-height: 1;
  padding:0.5rem 1.5rem;
  margin:0;
  display:inline-block;
  cursor:pointer;
  display:none;
  user-select:none;
}


.dlg_with_cancel .in_dialog__cancel { display:inline-block; }
.dlg_with_ok .in_dialog__ok { display:inline-block; }
.dlg_with_closebtn .in_dialog__closebtn { display:inline-block; }

.dlg_with_cancel.dlg_with_ok .in_dialog__controls { justify-content:space-between; }

.in_dialog__close {
	position:absolute;
	right:12px;
	top:12px;
	color:#888;
}
.eyecatcher {
	height:150px;
	overflow:hidden;
	display:flex;
	justify-content:flex-start;
	align-items:center;
	padding-left:360px;
	color:white;
	font-size:20px; /* 20 */
	line-height:1.3;
	background-color:var(--grey);

	position:absolute;
	width:1060px;
	top:0;
	left:-180px;


}

.text-columns .eyecatcher a {
	color:white;
	text-decoration:underline;
}
.eyecatcher-title {
	font-family:var(--fontSerif);
	text-transform:uppercase;
	font-size:25px;
	margin-bottom:0.5rem;
}
.eyecatcher.eyecatcher-tipp-1-gruen {
	background:var(--green) url(/template/deco/stoerer_tipp_gruen.png) no-repeat left top;
}
.eyecatcher.eyecatcher-tipp-1-gruen-klein {
	background:var(--green) url(/template/deco/stoerer_tipp_gruen.png) no-repeat left top;
	font-size:16px; /* 20 */
}
.eyecatcher.eyecatcher-tipp-2-gruen {
	background:var(--green) url(/template/deco/stoerer_tipp_gruen.png) no-repeat left top;
	font-size:20px;
}
.eyecatcher.eyecatcher-tipp-1-rot {
	background:var(--red) url(/template/deco/stoerer_tipp_rot.png) no-repeat left top;
}
.eyecatcher.eyecatcher-tipp-1-rot-klein {
	background:var(--red) url(/template/deco/stoerer_tipp_rot.png) no-repeat left top;
	font-size:16px; /* 20 */
}
.eyecatcher.eyecatcher-tipp-1-rot-klein {
	background:var(--red) url(/template/deco/stoerer_tipp_rot.png) no-repeat left top;
	font-size:16px; /* 20 */
}
.eyecatcher.eyecatcher-achtung-1-gruen {
	background:var(--green) url(/template/deco/stoerer_achtung_gruen.png) no-repeat left top;
}
.eyecatcher.eyecatcher-achtung-1-gruen-klein {
	background:var(--green) url(/template/deco/stoerer_achtung_gruen.png) no-repeat left top;
	font-size:16px; /* 20 */
}
.eyecatcher.eyecatcher-achtung-1-rot {
	background:var(--red) url(/template/deco/stoerer_achtung_rot.png) no-repeat left top;
	font-size:16px; /* 20 */
}
.eyecatcher-holder {
	position:relative;
	height:150px;
	margin-top:2rem;
	margin-bottom:3rem;
}
/*
.eyeh-tipp-1-rot {
	height:150px;
	margin-bottom:1rem;
}
.eyeh-tipp-1-rot .eyecatcher {
	position:absolute;
	width:1060px;
	top:0;
	left:-180px;
}
*/
@media screen and (max-width:768px) {
	.col-4,.col-6,.col-8,.col-9,
	.col-md-6,.col-md-8 {
		flex-basis:100%;
		flex-shrink:1;
		max-width:100%;
		overflow:hidden;
	}
	.text-columns .container {
		padding:0 1rem;
	}
	.text-columns h2 {
		font-size:var(--szQuiteLarge);
	}
	.text-columns ul {
		padding:0 0 0 1.5rem;
		margin:1rem 0;
	}
	.subheadline {
		font-size:var(--szLarge);
	}
}
@media screen and (max-width:810px) {
	.padded {
		padding: 4rem 0;
	}
	.filler {
		display:none;
	}
	.layer-related-match {
		font-size:var(--szNormal);
	}
	.actionbar .container {
		padding:0 1rem;
	}
	.actionbar .text-right {
		text-align:left;
	}
	.kb-teaser > .container {
		padding:0 1rem;
	}
	.kb-teaser header {
		hyphens:auto;
		overflow:hidden;
	}
	.misty-slides .frame::before,
	.misty-slides .frame::after {
		background:transparent;
	}
	.kb-teaser .misty-slides {
		padding-bottom:2rem;
	}
	.infobox header {
		font-size:var(--szNormal);
	}
	.infobox header h5 {
		font-size:var(--szNormal);
	}
}
@media screen and (max-width:1070px) {
	.eyecatcher {
		height:auto;
		padding:2rem;
		position:static;
		width:100%;
		left:auto;
		top:auto;
	}
	.eyecatcher.eyecatcher-tipp-1-gruen {
		background:var(--green);
	}
	.eyecatcher.eyecatcher-tipp-1-gruen-klein {
		background:var(--green);
		font-size:16px; /* 20 */
	}
	.eyecatcher.eyecatcher-tipp-2-gruen {
		background:var(--green);
		font-size:20px;
	}
	.eyecatcher.eyecatcher-tipp-1-rot {
		background:var(--red);
	}
	.eyecatcher.eyecatcher-tipp-1-rot-klein {
		background:var(--red);
		font-size:16px; /* 20 */
	}
	.eyecatcher.eyecatcher-tipp-1-rot-klein {
		background:var(--red);
		font-size:16px; /* 20 */
	}
	.eyecatcher.eyecatcher-achtung-1-gruen {
		background:var(--green);
	}
	.eyecatcher.eyecatcher-achtung-1-gruen-klein {
		background:var(--green);
		font-size:16px; /* 20 */
	}
	.eyecatcher.eyecatcher-achtung-1-rot {
		background:var(--red);
		font-size:16px; /* 20 */
	}
}
.infodot {
	font-family:var(--fontSans);
	font-size:11px;
	font-weight:500;
	font-style:normal;
	line-height:1;
	color:white;
	background-color:var(--green);
	display:inline-block;
	border-radius:50%;
	margin-left:6px;
	text-align:center;
	height:14px;
	min-width:14px;
	padding:3px 0 0 0;
}
.infodot-blue {
	background-color:var(--blue);
}
@media all and (max-width:670px) {
	.mobile-only {
		display:block;
	}
	.desktop-only {
		display:none;
	}
}
@media all and (min-width:671px) {
	.mobile-only {
		display:none;
	}
	.desktop-only {
		display:block;
	}
}

.text-columns ul.teaser-list,
ul.teaser-list {
	margin: 0;
	padding: 0 0 0 0;
	list-style-position: inside;
	list-style-type: none;
	font-weight: 300;
	position: relative;
	list-style-image:none;
}
.text-columns ul.teaser-list li,
ul.teaer-list li {
	font-weight: 300;
	line-height: 1.5;
	padding: 1rem 0px 1rem 1.5rem;
	background: transparent url(/template/deco/bullet-arrows-green.svg) no-repeat 0 1.3rem;
	background-size: auto;
	background-size: 15px auto;
	width: 100%;
	border-bottom: 1px solid #eee;
}
.text-columns ul.teaser-list::marker {
	font-size:inherit;
}
.light ul.teaser-list li {
	border-bottom-color: #888;
}
