.slick-slider {
	position: relative;
	display: block;
	box-sizing: border-box;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-touch-callout: none;
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	-webkit-tap-highlight-color: transparent;
}

.slick-slider .slick-track, .slick-slider .slick-list {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.slick-list {
	position: relative;
	display: block;
	overflow: hidden;
	margin: 0;
	padding: 0;
}

.slick-list:focus {
	outline: none;
}

.slick-list.dragging {
	cursor: hand;
}

.slick-track {
	position: relative;
	top: 0;
	left: 0;
	display: block;
}

.slick-track:before {
	display: table;
	content: '';
}

.slick-track:after {
	display: table;
	content: '';
	clear: both;
}

.slick-loading .slick-track {
	visibility: hidden;
}

.slick-loading .slick-slide {
	visibility: hidden;
}

[dir='rtl'] .slick-slide {
	float: right;
}

.slick-slide {
	display: none;
	float: left;
	height: 100%;
	min-height: 1px;
}

.slick-slide img {
	display: block;
}

.slick-slide.slick-loading img {
	display: none;
}

.slick-slide.dragging img {
	pointer-events: none;
}

.slick-initialized .slick-slide {
	display: block;
	background: none !important;
}

.slick-vertical .slick-slide {
	display: block;
	height: auto;
	border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
	display: none;
}

.slick-slider {
	max-width: 100%;
}

.slick-list, .slick-track {
	height: 100%;
}

.slick-slide {
	position: relative;
	background-position: center;
	background-size: cover;
}

.slick-slide > div {
	display: flex;
	align-items: center;
	height: 100%;
	width: 100%;
}

.slick-slide img {
	min-height: 100%;
	min-width: 100%;
	height: auto;
	width: auto;
	max-height: none;
	max-width: none;
}

.slick-slide .slick-image {
	height: 100%;
	width: 100%;
	object-fit: cover;
	object-position: center;
	position: absolute;
}

.no-object-fit .slick-slide .slick-image {
	display: none;
}

.slick-initialized .slick-slide {
	display: flex;
	align-items: center;
	align-content: center;
}

.slick-arrow {
	position: absolute;
	z-index: 1;
	top: calc(50% - 30px);
	padding: 0;
	margin: 0;
	text-indent: -9999px;
	line-height: 0;
	height: 30px;
	width: 30px;
	border: none;
	border-radius: 0;
	background: url('../fonts/arrow.svg') center center / 10px no-repeat rgba(10, 20, 30, 0.2);
}

.slick-arrow:hover, .slick-arrow:focus {
	box-shadow: none;
	background: url('../fonts/arrow.svg') center center / 10px no-repeat rgba(10, 20, 30, 0.3);
}

.slick-next {
	right: 0;
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
}

.slick-next:after {
	transform: rotate(225deg);
}

.slick-dots {
	position: absolute;
	text-align: center;
	bottom: 1em;
	width: 100%;
}

.slick-dots li {
	width: 30px;
	display: inline-block;
}

.slick-dots button {
	padding: 0;
	margin: 0;
	background: #fff;
	opacity: 0.5;
	height: 10px;
	width: 10px;
	border-radius: 10px;
	color: transparent;
	text-indent: -9999px;
}

.slick-dots button:hover, .slick-dots button:focus {
	opacity: 1;
}

.slick-active button {
	opacity: 1;
}

.slide-title {
	color: #fff;
	width: 100%;
}

.slide-excerpt {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	color: #fff;
}

.slick-wrap {
	position: relative;
	z-index: 1;
	margin: 0 auto;
	width: 1152px;
	max-width: calc(100% - 80px);
}

.slick-overlay {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 0;
}

@media (min-width: 640px) {

	.slick-wrap {
		max-width: calc(100% - 110px);
	}

	.slick-arrow,
	.slick-arrow:hover,
	.slick-arrow:focus {
		height: 45px;
		width: 45px;
		background-size: 15px;
	}
}

@media (min-width: 1024px) {

	.slick-wrap {
		max-width: calc(100% - 140px);
	}

	.slick-arrow,
	.slick-arrow:hover,
	.slick-arrow:focus {
		height: 60px;
		width: 60px;
		background-size: 20px;
	}
}

/* TonnenBlitz Brand Color CSS Override
 * Add this CSS file to your website to change colors from Oecogreen green to TonnenBlitz blue/cyan
 * Based on the colors from the TonnenBlitz flyer
 */

/* Primary Brand Color: Change from green (#a2cc55) to cyan blue (#29abe2) */
button.accent,
.button.accent,
button.accent:hover,
.button.accent:hover,
button.accent:focus,
.button.accent:focus,
.menu-item.button>a>span,
.archive-pagination a:hover,
.archive-pagination a:focus,
.archive-pagination .active a,
.pricing-table .featured .button,
.pricing-table .featured button,
.archive-pagination a:hover,
.archive-pagination .active a,
.front-page-3 .widget_custom_html:first-of-type hr,
.front-page-5 .widget_custom_html:first-of-type hr {
    background-color: #29abe2 !important;
}

/* Icon colors */
.front-page-2 .fa {
    color: #29abe2 !important;
}

/* Overlay backgrounds */
.hero-section:before,
.front-page-4:before,
.before-footer:before {
    background-color: rgba(41, 171, 226, 0.8) !important;
}

/* Cookie bar button */
.cookie-bar-notification-buttons a.button-accept {
    background-color: #29abe2 !important;
    text-shadow: 0 -1px 1px #29abe2, 1px 0 1px #29abe2, 0 1px 1px #29abe2, -1px 0 1px #29abe2 !important;
}

/* Social icon colors */
#simple-social-icons-1 ul li a,
#simple-social-icons-1 ul li a:hover,
#simple-social-icons-1 ul li a:focus {
    background-color: #29abe2 !important;
}

#simple-social-icons-1 ul li a:hover,
#simple-social-icons-1 ul li a:focus {
    background-color: #8bc34a !important;
}

#simple-social-icons-1 ul li a:focus {
    outline: 1px dotted #8bc34a !important;
}

/* Language translator background */
#glt-translate-trigger {
    background: #29abe2 !important;
}

/* Alternative green accent color for hover states: #8bc34a (light green) */
/* You can adjust these hover colors as needed */

/* ============================================
   HOW TO USE THIS CSS FILE:
   ============================================
   
   Method 1: Link it in your HTML <head> section
   <link rel="stylesheet" href="tonnenblitz-colors.css">
   
   Method 2: Copy and paste into your WordPress theme's custom CSS
   Go to: Appearance > Customize > Additional CSS
   
   Method 3: Add to your existing style.css or custom CSS file
   
   ============================================ */