/**
 * Theme Name: HTV
 * Author: ITS-R Unternehmenstechnik GbR
 * Author URI: https://www.its-r.de
 * Version: 1.0
**/


/*
 * Default WP Alignment Classes
 *****************************************************************************/

.aligncenter,.alignleft,.alignright {
    display: block;
    padding: 0;
}

.aligncenter {
    float: none;
    margin: .5em auto 1em;
}

.alignright {
    float: right;
    margin: .5em 0 1em 1em;
}

.alignleft {
    float: left;
    margin: .5em 1em 1em 0;
}

.wp-caption {
    padding: 5px 0;
    border: 1px solid #555;
    background: #444;
    text-align: center;
}

.wp-caption img {
    display: inline;
}

.wp-caption p.wp-caption-text {
    margin: 5px 0 0;
    padding: 0;
    text-align: center;
    font-size: 75%;
    font-weight: 100;
    font-style: italic;
    color: #ddd;
}


/*
 * Custom Styles
 *****************************************************************************/

/* @font-face {
    font-family: 'Open Sans';
    src: url('assets/fonts/OpenSans-Light.woff2') format('woff2'),
        url('assets/fonts/OpenSans-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans';
    src: url('assets/fonts/OpenSans-Medium.woff2') format('woff2'),
        url('assets/fonts/OpenSans-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans';
    src: url('assets/fonts/OpenSans-SemiBold.woff2') format('woff2'),
        url('assets/fonts/OpenSans-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans';
    src: url('assets/fonts/OpenSans-Bold.woff2') format('woff2'),
        url('assets/fonts/OpenSans-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans';
    src: url('assets/fonts/OpenSans-Regular.woff2') format('woff2'),
        url('assets/fonts/OpenSans-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
} */

:root {
	scroll-behavior: auto;
}

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

a,
a:active,
a:focus,
a:hover,
a:visited {
	text-decoration: none;
	color: inherit;
	transition: color .35s ease;
}

a:hover {
	color: #7da514;
}

body {
	font-family: Arial, sans-serif;
	color: #30383b;
	padding-top: 169px;
	--bs-gutter-x: 15px;
	overflow-x: hidden;
}

strong {
	font-weight: 700;
}

.row {
	--bs-gutter-x: 30px;
}

.ht-button,
a.ht-button {
    display: inline-block;
    border: 2px solid #7da514;
    border-radius: 4px;
    color: #000;
    line-height: 36px;
    width: 262px;
    text-align: center;
    font-size: .875rem;
    letter-spacing: .05em;
	position: relative;
	max-width: 100%;
}

.ht-button > span {
	position: relative;
	z-index: 1;
}

.ht-button:after {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	background: #7da514;
	opacity: .2;
	width: 100%;
	height: 100%;
	transform: scaleX(0);
	transform-origin: left;
	transition: transform .35s ease;
}

.ht-button:hover:after {
	transform: scaleX(1);
}

.ht-button-disabled:hover:after,
.ht-button:disabled:hover:after {
	transform: scaleX(0);
}

.ht-button-green,
a.ht-button-green {
    border-color: #001366;
}

.ht-button-opaque,
a.ht-button-opaque {
	background: #7da514;
	color: #fff;
}

.ht-button-white {
	background: #fff;
}

.ht-button-disabled,
.ht-button:disabled {
	cursor: not-allowed;
	opacity: .5;
}

.ht-button:hover,
a.ht-button:hover {
	color: #7da514;
}

.ht-button-green:hover,
a.ht-button-green:hover {
	color: #001366;
}

.ht-button-disabled:hover,
a.ht-button-disabled:hover,
.ht-button:disabled:hover {
	color: #000;
}

.ht-button-green:after {
	background: #001366;
}

.ht-button-opaque:after {
	background: #fff;
	opacity: 1;
}

.ht-button-has-arrow > span:before,
.ht-pagination .next:before,
.ht-pagination .prev:before,
.ht-compare-button:before,
.ht-compare-button:after,
.ht-button-has-arrow.ht-button-arrow-behind > span:after {
    content: '';
    display: inline-block;
    width: 9px;
    height: 9px;
    border-right: 2px solid #7da514;
    border-top: 2px solid #7da514;
    transform: rotate(45deg);
    margin-right: 9px;
	transition: border-color .35s ease;
}

.ht-button-download > span:before {
	content: '';
	display: inline-block;
	width: 24px;
	height: 24px;
	margin-right: 9px;
	vertical-align: middle;
	background: url(assets/img/download.png) center/contain no-repeat;
}

.ht-button-arrow-reversed > span:before {
	transform: rotate(225deg);
	margin-right: 6px;
	margin-left: 3px;
}

.ht-button-arrow-behind > span:before {
	display: none;
}

.ht-button-has-arrow.ht-button-arrow-behind > span:after {
	margin-right: 0;
	margin-left: 6px;
}

.ht-pagination .next:before,
.ht-pagination .prev:before,
.ht-compare-button:before,
.ht-compare-button:after {
	margin-right: 0;
	width: 17px;
	height: 17px;
	border-right-width: 3px;
	border-top-width: 3px;
}

.ht-compare-button:before,
.ht-compare-button:after {
	border-color: #fff;
}

.ht-compare-button:before {
	transform: rotate(-45deg);
	margin-bottom: -8px;
	margin-right: 42px;
}

.ht-compare-button:after {
	transform: rotate(135deg);
	margin-left: 42px;
}

.ht-pagination .prev:before {
	transform: rotate(225deg);
}

.ht-button-green.ht-button-has-arrow > span:before {
    border-color: #001366;
}

.ht-button-opaque.ht-button-has-arrow > span:before {
	border-color: #fff;
}

.ht-button-opaque.ht-button-has-arrow:hover > span:before {
	border-color: #7da514;
}

.ht-header-right {
	height: 100%;
}

.ht-header-right > div:first-child {
    display: flex;
}

.ht-header-right > div:first-child > a:not(:last-child) {
	margin-right: 30px;
}

header .menu > .menu-item:not(:first-child) {
    margin-left: 30px;
}

.ht-header-right > div:first-child > a:last-child {
    font-size: .875rem;
    line-height: 1.5rem;
}

header {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
	background: #fff;
	z-index: 99999;
}

header .menu {
    list-style: none;
    padding: 0;
    margin: 0;
}

header .menu-item a {
    font-size: 1.125rem;
    line-height: 1.5rem;
    letter-spacing: .1em;
    white-space: nowrap;
}

header .menu > .menu-item > a,
.ht-header-right > div:first-child > a:last-child,
.ht-header-bottom-links a {
	text-align: center;
	display: inline-block;
}

a.ht-transition-fw {
	transition: font-weight .35s ease, color .35s ease;
}

header .menu > .menu-item > a:hover,
.ht-header-right > div:first-child > a:last-child:hover,
header .current-menu-item > a,
header .current-page-ancestor > a {
	font-weight: 700;
	color: #7da514;
}

.ht-header-main {
    padding-top: 25px;
    padding-bottom: 20px;
}

.ht-header-bottom {
    background: #7da514;
    color: #fff;
    font-weight: 500;
    letter-spacing: .055em;
    font-size: 1.125rem;
    line-height: 33px;
}

.ht-claim {
    padding-left: 87px;
}

.ht-header-main > a img {
    object-position: left top;
    object-fit: cover;
}

.ht-header-bottom-links {
    display: none;
    opacity: 0;
}

.ht-header-bottom-links {
    font-size: .875rem;
    line-height: 1.5rem;
    letter-spacing: .1em;
}

.ht-header-bottom-links > div > div {
    margin-left: 60px;
}

.ht-header-bottom-links a:hover {
    color: #fff;
	font-weight: 700;
}

header .sub-menu {
    list-style: none;
    overflow: hidden;
    height: 0;
	padding-left: 0;
	line-height: 3rem;
	margin-bottom: 0;
}

header .menu > .menu-item > .sub-menu,
header > .sub-menu {
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    transform: translateY(100%);
    background: #fff;
    padding-left: var(--bs-gutter-x,.75rem);
	z-index: 1;
	overflow: auto;
	max-height: calc(100vh - 176px);
}

header .menu > .menu-item > .sub-menu > .menu-item:first-child,
header > .sub-menu > .menu-item:first-child {
	margin-top: 14px;
}

header .menu > .menu-item > .sub-menu > .menu-item:last-child,
header > .sub-menu > .menu-item:last-child {
	margin-bottom: 12px;
}

header .menu > .menu-item > .sub-menu:before,
header > .sub-menu:before,
.ht-mobile-nav:after {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    border-top: 10px solid #7da514;
    border-left: 10.5px solid transparent;
    border-right: 10.5px solid transparent;
	z-index: 2;
}

header .menu > .menu-item > .sub-menu > .menu-item,
.menu-item-back > a {
	padding-left: 22px;
	position: relative;
}

header .menu > .menu-item > .sub-menu > .menu-item > a,
.menu-item-back > a {
	font-weight: 700;
}

header .menu > .menu-item > .sub-menu > .menu-item-has-children > span,
.menu-item-back > a:before,
.ht-mobile-nav-inner .menu > .menu-item-has-children > span {
	content: '';
	position: absolute;
	left: 0;
	top: 1.5rem;
	transform: translateY(-50%);
	background: url(assets/img/Pfeil.png) center/contain no-repeat;
	width: 7px;
	height: 11px;
	transition: transform .35s ease;
	cursor: pointer;
}

.menu-item-back > a:before {
	transform: translateY(-50%) rotate(180deg);
	top: 50%;
}

header .menu > .menu-item > .sub-menu > .menu-item-has-children.expanded > span {
	transform: translateY(-50%) rotate(90deg);
}

header .menu > .menu-item > .sub-menu > .menu-item > .sub-menu {
	padding-left: 30px;
}

header > .sub-menu > .menu-item:not(:first-child) {
	padding-left: 52px;
}

header .menu > .menu-item > .sub-menu > .menu-item > .sub-menu > .menu-item-has-children > span {
	content: '';
	display: inline-block;
	margin-left: 12px;
	background: url(assets/img/Pfeil.png) center/contain no-repeat;
	width: 7px;
	height: 11px;
	cursor: pointer;
}

.ht-home-slider {
	height: calc(100vh - 169px);
	padding-bottom: 68px;
}

.ht-home-slider .rsABlock {
	background: rgba(255,255,255,.9);
	transform: translateY(-50%) !important;
	color: #30383b;
	padding: 25px 15px 15px;
	box-shadow: 0 6px 10px rgba(0,0,0,.35);
}

p,
ul,
ol {
	font-weight: 300;
	font-size: .875rem;
	line-height: 1.5rem;
	margin-bottom: 1.5rem;
}

h1,
h2,
h3,
h4,
.ht-product-comparison-row p {
	color: #7da514;
	text-transform: uppercase;
	font-size: 1.75rem;
	line-height: 2.125rem;
	font-weight: 400;
	margin-bottom: 15px;
	text-align: left;
}

.ht-product-comparison-row p {
	color: #fff;
	margin-bottom: 0;
}

h3,
.ht-product-col h2,
h4{
	font-size: 1.125rem;
	line-height: 1.375rem;
}

h4 {
	text-transform: none;
}

.ht-default-template {
	padding-top: 50px;
}

.ht-home-slider .rsABlock h3 {
	color: #7da514;
	text-align: center;
}

.ht-home-slider .rsABlock .ht-button {
	width: 100%;
}

.royalSlider.rsUni,
.royalSlider.rsUni .rsOverflow,
.royalSlider.rsUni .rsSlide,
.royalSlider.rsUni .rsVideoFrameHolder,
.royalSlider.rsUni .rsThumbs {
	background: none;
	color: inherit;
}

.royalSlider.rsUni.rsHor .rsArrow {
	width: 69px;
	height: 69px;
	top: 50%;
	transform: translateY(-50%);
	background: #7da514;
}

.royalSlider.rsUni.rsHor .rsArrow .rsArrowIcn {
	width: 18px;
	height: 18px;
	margin-top: -9px;
	background: none;
	border-top: 3px solid #fff;
	border-right: 3px solid #fff;
	opacity: 1 !important;
}

.royalSlider.rsUni.rsHor .rsArrowRight .rsArrowIcn {
	transform: rotate(45deg);
	margin-left: -13px;
}

.royalSlider.rsUni.rsHor .rsArrowLeft .rsArrowIcn {
	transform: rotate(225deg);
	margin-left: -5px;
}

.royalSlider.rsUni .rsBullet {
	width: 30px;
	padding: 15px;
	cursor: pointer;
}

.royalSlider.rsUni .rsBullet span {
	width: 30px;
	border-radius: 0;
	background: #7da514 !important;
	opacity: .15;
}

.royalSlider.rsUni .rsBullet.rsNavSelected span {
	opacity: 1;
}

.royalSlider.rsUni .rsBullets {
	padding-top: 15px;
	padding-bottom: 15px;
}

.ht-video {
	position: relative;
	margin-bottom: 22px;
}

.ht-video video {
	display: block;
	width: 100%;
}

.ht-video-overlay {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	cursor: pointer;
	display: flex;
	justify-content: center;
	align-items: center;
}

.ht-video-overlay > div {
	width: min(165px, 21%);
	padding-top: min(165px, 21%);
	position: relative;
}

.ht-video-overlay > div:after {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: url(assets/img/play.png) center/contain no-repeat;
}

.ht-home-headline {
	padding-top: 70px;
}

.ht-home-gallery img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.ht-home-gallery .row > div:first-child {
	padding-right: 0;
}

.ht-home-gallery .row > div {
	margin-bottom: 15px;
}

.ht-home-text {
	margin-bottom: 120px;
	text-align: center;
}

.ht-home-gallery {
	margin-bottom: 22px;
}

.ht-home-text .ht-button,
.ht-news-col {
	margin-bottom: 30px;
}

.ht-home-news-text {
	text-align: center;
	margin-bottom: 30px;
}

.ht-news-col .row {
	border-top: 1px solid rgba(0,0,0,.2);
	padding: 30px 0;
}

.ht-news-date {
	font-size: .625rem;
	line-height: 1;
	margin-bottom: 1rem;
}

.ht-news-col h3 {
	margin-bottom: 3px;
}

.ht-news-col .row > div:last-child > a {
	font-size: .875rem;
	font-weight: 700;
	color: #7da514;
	position: relative;
}

.ht-news-col .row > div:last-child > a:after {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 1px;
	background: #7da514;
	transition: transform .35s ease;
}

.ht-news-col a:hover:after {
	transform: scaleX(0);
}

.ht-news-excerpt > :last-child,
.ht-intro-text > :last-child,
.ht-product-contact-text > :last-child,
.ht-accordion-body > div > .row > div:first-child > :last-child {
	margin-bottom: 0;
}

.ht-news-excerpt {
	margin-bottom: 11px;
}

.ht-social-media {
	padding-top: 142px;
	padding-bottom: 208px;
	background: #fff;
	position: relative;
}

.ht-social-media .ht-home-news-text {
	margin-bottom: 20px;
}

footer {
	background: #7da514;
	color: #fff;
	font-size: .875rem;
	line-height: 1.125rem;
	font-weight: 300;
	padding: 26px 0;
	position: relative;
	margin-top: 100px;
}

footer .menu {
	padding: 0;
	margin: 0;
	list-style: none;
}

footer .menu-item:not(:last-child) {
	margin-right: 24px;
}

footer .menu-item a {
	display: inline-block;
	text-align: center;
}

footer .menu-item a:hover {
	color: #fff;
	font-weight: 600;
}

footer .row > div:nth-child(2) {
	text-align: right;
}

.ht-back-to-top {
	width: 100%;
	position: fixed;
	bottom: 0;
	left: 0;
	background: #fff;
	display: none;
	opacity: 0;
	justify-content: center;
	z-index: 9999;
	padding-top: 1rem;
}

.ht-back-to-top > div {
	cursor: pointer;
	position: relative;
}

.ht-back-to-top > div > div {
	width: 35px;
	height: 35px;
	background: #7da514;
	position: relative;
	margin: 0 auto;
}

.ht-back-to-top > div > div:after {
	content: '';
	position: absolute;
	left: 50%;
	top: 50%;
	width: 9px;
	height: 9px;
	margin-left: -4px;
	margin-top: -2px;
	border-left: 2px solid #fff;
	border-top: 2px solid #fff;
	transform: rotate(45deg);
}

.ht-back-to-top p {
	margin-bottom: 0;
	position: absolute;
	white-space: nowrap;
	top: 50%;
	left: 100%;
	transform: translate(0.5rem, -50%);
}

.ht-breadcrumbs {
	padding-left: 87px;
	font-size: .875rem;
	line-height: 1.5rem;
	font-weight: 300;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	padding-top: 23px;
	margin-bottom: 35px;
}

.ht-breadcrumbs br {
	display: none;
}

.ht-current-breadcrumb {
	font-weight: 500;
	text-decoration: underline;
}

.ht-divider {
	width: 9px;
    height: 9px;
    border-right: 2px solid #7da514;
    border-top: 2px solid #7da514;
    transform: rotate(45deg);
	margin-left: 16px;
	margin-right: 20px;
}

.ht-intro-text {
	margin-bottom: 93px;
}

.ht-ansprechpartner-intro {
	margin-bottom: 43px;
}

.ht-product-col {
	display: flex;
	flex-direction: column;
	margin-bottom: 100px;
}

.ht-product-col img:not(.rsImg) {
	width: 100%;
	margin-bottom: 25px;
}

.ht-product-col .royalSlider {
	margin-bottom: 25px;
}

.ht-product-col .royalSlider.rsUni .rsBullets {
	position: absolute;
	padding: 0;
	bottom: 0;
}

.ht-product-col .royalSlider.rsUni .rsBullet span {
	border: 2px solid #fff;
}

.ht-product-col .royalSlider.rsUni.rsHor .rsArrow {
	width: 39px;
	height: 39px;
}

.ht-product-col .rsFullscreen .rsImg {
	margin: 0 !important;
	width: 90% !important;
    height: 90% !important;
    object-fit: contain;
}

.ht-product-col .rsFullscreen .rsContent {
	background: rgba(0, 0, 0, 0.75);
    display: flex;
    justify-content: center;
    align-items: center;
}

.ht-product-col h2 {
	margin-bottom: .25rem;
}

.ht-product-col .ht-button {
	margin-top: auto;
	align-self: center;
}

.ht-pagination {
	text-align: center;
	font-size: 1.75rem;
	line-height: 2.125rem;
	margin-bottom: 100px;
	margin-top: 100px;
}

.ht-pagination > * {
	margin: 0 15px;
}

.ht-pagination .prev {
	margin-right: 45px;
}

.ht-pagination .next {
	margin-left: 45px;
}

.ht-pagination .current {
	text-decoration: underline;
	font-weight: 700;
}

.ht-product-overview {
	margin-bottom: -100px;
}

.ht-product-hero {
	margin-bottom: 22px;
}

.ht-product-hero img {
	width: 100%;
}

.ht-bildergalerie-text {
	text-align: center;
	margin-bottom: 0;
}

.ht-bildergalerie-slider {
	margin-bottom: 141px;
}

.ht-technical-data {
	padding: 0;
}

.ht-technical-data h2 {
	margin-bottom: 44px;
	hyphens: auto;
}

.ht-technical-data > .row:first-of-type {
	border-top: 1px solid rgba(0,0,0,.2);
}

.ht-technical-data > .row {
	border-bottom: 1px solid rgba(0,0,0,.2);
	line-height: 1.5rem;
	padding: 25px 0;
}

.ht-technical-data > .row > div:nth-child(2n-1) {
	font-size: 1.125rem;
	font-weight: 700;
	padding-left: var(--bs-gutter-x);
}

.ht-technical-data > .row > div:nth-child(2n) {
	font-size: .875rem;
	font-weight: 300;
	padding-right: var(--bs-gutter-x);
}

.ht-technical-data label {
	padding-top: 43px;
	cursor: pointer;
}

.ht-technical-data label p {
	margin-bottom: 0;
}

.ht-technical-data input[type=checkbox] {
	width: 33px;
	height: 33px;
	margin-right: 31px;
}

.ht-technical-data input[type=checkbox]:checked,
.ht-technical-data input[type=checkbox]:not(:checked) {
	display: none;
}

.ht-technical-data input[type=checkbox]:checked + p,
.ht-technical-data input[type=checkbox]:not(:checked) + p {
	position: relative;
	padding-left: 64px;
}

.ht-technical-data input[type=checkbox]:checked + p:before,
.ht-technical-data input[type=checkbox]:not(:checked) + p:before {
	content: '';
	width: 33px;
	height: 33px;
	border: 2px solid #000;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
}

.ht-technical-data input[type=checkbox]:checked + p:after,
.ht-technical-data input[type=checkbox]:not(:checked) + p:after {
	content: '';
	width: 33px;
	height: 33px;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	background: url(assets/img/Ausgewaehlt.png) center/auto no-repeat;
}

.ht-technical-data input[type=checkbox]:not(:checked) + p:after {
	opacity: 0;
}

a.ht-compare-button {
	background: #7da514;
	color: #fff;
	font-size: 1.125rem;
	font-weight: 700;
	line-height: 70px;
	width: 300px;
	text-align: center;
	position: absolute;
	right: 0;
	bottom: 91px;
	transform: translate(50%,50%) rotate(-90deg) translate(50%,-50%);
	cursor: pointer;
	letter-spacing: .055em;
	transition: opacity .5s ease;
}

a.ht-compare-button:hover {
	color: #fff;
	opacity: .8;
}

.ht-technical-data-wrapper {
	position: relative;
	margin-bottom: 128px;
}

.ht-similar-product img {
	width: 100%;
	margin-bottom: .875rem;
	transition: opacity .5s ease;
}

.ht-similar-product {
	position: relative;
	display: block;
	padding-top: calc(var(--bs-gutter-x) * .5);
}

.ht-similar-product:after {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: #7da514;
	opacity: 0;
	z-index: -1;
	transition: opacity .5s ease;
}

.ht-similar-product:hover:after {
	opacity: .2;
}

.ht-similar-product:hover img {
	opacity: .8;
}

.ht-similar-products {
	margin-bottom: 47px;
}

.ht-product-video-text {
	margin-bottom: 111px;
}

.ht-product-contact-text {
	text-align: center;
	margin-bottom: 8px;
}

.ht-comparison-headline {
	text-align: center;
	margin-bottom: 1.5rem;
}

.ht-comparison-overlay {
	background: #7da514;
	color: #fff;
	padding-top: 1.5rem;
	padding-bottom: 228px;
	min-height: calc(100% + 639px);
	overflow: hidden;
	position: absolute;
	width: 100%;
	left: 0;
	top: 0;
	z-index: 10000;
}

.ht-comparison-overlay .container > p:first-child {
	text-align: center;
	margin-bottom: 93px;
}

.ht-remove-product {
	width: 33px;
	height: 33px;
	cursor: pointer;
	border: 2px solid #fff;
	position: relative;
	transition: opacity .35s ease;
}

.ht-remove-product:before {
	content: '';
	position: absolute;
	left: 4px;
	top: 13px;
	width: 21px;
	height: 3px;
	background: #fff;
}

.ht-remove-product:hover {
	opacity: .8;
}

.ht-product-comparison-row {
	margin-bottom: 50px;
}

.ht-product-comparison-actions > div:first-child {
	text-align: right;
}

.ht-comparison-wrapper {
	position: relative;
	overflow: hidden;
}

.ht-comparison-content {
	padding-top: 62px;
	position: relative;
	transform: translateX(calc(100vw - var(--scrollbar-width)));
	background: #fff;
	z-index: 1;
}

.ht-custom-slider .ht-technical-data {
	width: 60%;
	padding-left: var(--bs-gutter-x);
	padding-right: var(--bs-gutter-y);
	margin-left: auto;
}

.ht-custom-slider .ht-technical-data > .row {
	--bs-gutter-x: 0;
}

.royalSlider.ht-custom-slider {
	width: auto;
	height: auto;
	margin-left: calc(-1 * var(--bs-gutter-x));
	margin-right: calc(-1 * var(--bs-gutter-x));
	margin-bottom: 93px;
}

.ht-custom-slider .rsVisibleNearbyWrap .rsOverflow {
	position: relative;
}

/* .ht-custom-slider .rsVisibleNearbyWrap {
	height: auto !important;
} */

.ht-custom-slider.rsUni.rsHor .rsArrow {
	top: 0;
	transform: none;
}

.ht-custom-slider.rsUni.rsHor .rsArrowLeft {
	left: var(--bs-gutter-x);
}

.ht-custom-slider.rsUni.rsHor .rsArrowRight {
	right: var(--bs-gutter-x);
}

.ht-special-product-intro {
	padding-top: 62px;
}

.ht-product-video {
	margin-bottom: 119px;
}

.ht-product-accordion h3 {
	line-height: 1.5rem;
	font-weight: 700;
	color: #30383b;
	text-transform: none;
	margin-bottom: 0;
}

.ht-product-accordion {
	padding: 0 25%;
}

.ht-accordion-head span {
	width: 19px;
	height: 18px;
	background: url(assets/img/Ausgewaehlt.png) center/contain no-repeat;
	transform: rotate(-45deg);
}

.ht-product-accordion > .row > div {
	padding-right: var(--bs-gutter-x);
}

.ht-product-accordion > .row > div:nth-child(2),
.ht-accordion-body > div {
	padding-left: calc(var(--bs-gutter-x) * .5);
	padding-right: calc(var(--bs-gutter-x) * .5);
}

.ht-product-accordion > .row {
	padding: 0;
}

.ht-accordion-head {
	cursor: pointer;
	padding-top: 25px;
	padding-bottom: 25px;
}

.ht-accordion-body > div {
	margin-left: -50%;
	margin-right: -50%;
	overflow: hidden;
	height: 0;
}

.ht-accordion-images {
	padding-top: 1.5rem;
}

.ht-accordion-images img {
	width: 100%;
}

.ht-accordion-images .row {
	padding-top: var(--bs-gutter-x);
}

.ht-accordion-images p {
	margin-bottom: 0;
	padding-top: .875rem;
}

.ht-accordion-body > div > .row {
	padding-top: 10px;
	padding-bottom: 50px;
}

.ht-simple-product-intro {
	margin-bottom: 13px;
}

.ht-projects-title {
	text-align: left;
	margin-bottom: 44px;
}

.ht-project-slider {
	margin-bottom: 21px;
}

.ht-gummierzeugnisse-slider {
	margin-bottom: 85px;
}

.ht-extras-hero {
	margin-bottom: 50px;
}

.ht-extras-text {
	margin-bottom: 19px;
	text-align: center;
}

.ht-extras-overview .ht-product-col {
	text-align: left;
	margin-bottom: 0;
}

.ht-extras-overview {
	margin-bottom: 111px;
}

.ht-extras-overview:last-child {
	margin-bottom: 0;
}

.ht-content-no-breadcrumbs {
	padding-top: 90px;
}

.ht-service-text {
	text-align: left;
}

.ht-service-text ul {
	padding: 0;
	margin-top: -1.5rem;
	font-size: 1.125rem;
	line-height: 2;
	list-style: none;
}

.ht-service-text li {
	position: relative;
	padding-left: .64375rem;
}

.ht-service-text li:before {
	content: '-';
	margin-right: .25em;
	position: absolute;
	left: 0;
}

.ht-zeitstrahl .ht-product-col {
	text-align: left;
	margin-bottom: 19px;
}

.ht-zeitstrahl h2 {
	text-transform: none;
}

.ht-historie-text {
	margin-bottom: 102px;
	text-align: left;
}

.ht-zeitstrahl {
	position: relative;
	overflow: hidden;
	margin-bottom: -19px;
	padding-top: 59px;
	margin-top: -59px;
}

.ht-zeitstrahl:after {
	content: '';
	position: absolute;
	width: 2px;
	height: 100%;
	background: #7da514;
	top: 9px;
	left: 50%;
	margin-left: -1px;
}

.ht-zeitstrahl:before {
	content: '';
	position: absolute;
	border-bottom: 9px solid #7da514;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	top: 0;
	left: 50%;
	margin-left: -6px;
}

.ht-zeitstrahl-img {
	position: relative;
	margin-bottom: 25px;
}

.ht-zeitstrahl-img img {
	margin-bottom: 0;
}

.ht-zeitstrahl-img:after {
	content: '';
	width: 15px;
	height: 2px;
	background: #7da514;
	position: absolute;
}

.ht-zeitstrahl .ht-product-col:nth-child(2n-1) .ht-zeitstrahl-img:after {
	top: 25%;
	right: -15px;
}

.ht-zeitstrahl .ht-product-col:nth-child(2n) .ht-zeitstrahl-img:after {
	bottom: 25%;
	left: -15px;
}

.ht-zeitstrahl .ht-product-col:last-child:nth-child(2n-1) .ht-zeitstrahl-img:before {
	content: '';
	position: absolute;
	width: 2px;
	height: 1000px;
	top: 25%;
	right: -16px;
	background: #fff;
	z-index: 1;
	margin-top: 2px;
}

.ht-zeitstrahl .ht-product-col:last-child:nth-child(2n) .ht-zeitstrahl-img:before {
	content: '';
	position: absolute;
	width: 2px;
	height: 1000px;
	bottom: 25%;
	left: -16px;
	background: #fff;
	transform: translateY(100%);
	z-index: 1;
}

.ht-home-text p > a {
	font-weight: 500;
	position: relative;
	white-space: nowrap;
}

.ht-home-text p > a:after,
.ht-ansprechpartner a:after,
.ht-breadcrumbs a:after,
.wpcf7-form-control-wrap[data-name=datenschutz] a:after,
.ht-anschrift a:after,
.ht-downloads-list a:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 1px;
	background: currentColor;
	transition: transform .35s ease;
}

.ht-home-text p > a:hover:after,
.wpcf7-form-control-wrap[data-name=datenschutz] a:hover:after,
.ht-downloads-list a:hover:after {
	transform: scaleX(0);
}

.ht-karriere-auszeichnung {
	padding-left: var(--bs-gutter-x);
	padding-right: var(--bs-gutter-x);
}

.ht-karriere-auszeichnung img {
	width: 100%;
}

.ht-auszeichnungen-row {
	margin-bottom: 138px;
}

.ht-karriere-video {
	padding-top: 150px;
}

.ht-stellenbezeichnung {
	font-size: 1.125rem;
	line-height: 1.75rem;
	margin-bottom: 0;
	font-weight: 400;
}

.ht-stellenbezeichnung + p {
	margin-bottom: 1em;
}

.ht-stellenangebote > div {
	margin-bottom: 93px;
}

.ht-stellenangebote > div.col-12 {
	margin-bottom: 66px;
	text-align: center;
}

.ht-stellenangebote > div.col-12:not(:first-child) {
	padding-top: 50px;
}

.ht-vorteil-icon {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 49px;
}

.ht-vorteil p {
	line-height: 1.125rem;
	margin-bottom: 90px;
}

.ht-arbeitgeber h1 {
	text-align: center;
	margin-bottom: 83px;
}

.ht-arbeitgeber {
	margin-bottom: -90px;
}

.ht-ansprechpartner {
	text-align: left;
}

.ht-ansprechpartner p,
.ht-anschrift p {
	line-height: 1.125rem;
}

.ht-ansprechpartner h2 {
	margin-bottom: 0;
}

.ht-ansprechpartner p:nth-last-child(2),
.ht-ansprechpartner p:last-child,
.ht-anschrift p:nth-last-child(5),
.ht-anschrift p:nth-last-child(4),
.ht-anschrift p:last-child {
	margin-bottom: 0;
}

.ht-ansprechpartner a,
.ht-breadcrumbs a,
.wpcf7-form-control-wrap[data-name=datenschutz] a,
.ht-anschrift a,
.ht-downloads-list a {
	position: relative;
}

.ht-ansprechpartner a:after,
.ht-breadcrumbs a:after,
.ht-anschrift a:after {
	transform: scaleX(0);
}

.ht-breadcrumbs a:after {
	bottom: 5px;
}

.ht-ansprechpartner a:hover:after,
.ht-breadcrumbs a:hover:after,
.ht-anschrift a:hover:after {
	transform: scaleX(1);
}

.ht-news-hero {
	padding-top: 8px;
}

.ht-simple-product-intro > p:first-child {
	margin-bottom: 0;
}

.ht-news-top {
	padding-top: 82px;
}

.ht-map-wrapper {
	position: relative;
	padding-top: 32.954545%;
	margin-bottom: 42px;
}

.ht-map,
.ht-map-overlay {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
}

.ht-placeholder {
	width: 100%;
}

.ht-map-overlay {
	background: rgba(125,165,20,.5);
	display: flex;
	justify-content: center;
	align-items: center;
	color: #fff;
	cursor: pointer;
}

.ht-map-overlay p {
	margin-bottom: 0;
	padding: 30px;
	background: #7da514;
}

.wpcf7-form-control-wrap {
	display: block;
	margin-bottom: 30px;
}

.wpcf7-form-control-wrap[data-name=datenschutz] {
	white-space: nowrap;
}

input:not([type="checkbox"]):not(.wpcf7-submit),
textarea,
select {
	width: calc(100% + var(--bs-gutter-x));
	margin-left: calc(var(--bs-gutter-x) * -.5);
	margin-right: calc(var(--bs-gutter-x) * -.5);
	border: 2px solid rgba(125,165,20,.15);
	border-radius: 4px;
	padding: 0 calc(var(--bs-gutter-x) * .5 - 2px);
	resize: none;
	font-size: .875rem;
	font-weight: 300;
	height: 40px;
}

select {
	color: #6c757d;
}

.ht-contact-submit {
	margin-left: calc(var(--bs-gutter-x) * -.5);
	margin-right: calc(var(--bs-gutter-x) * -.5);
}

textarea {
	line-height: 1.5rem;
	padding-top: 6px;
	padding-bottom: 6px;
	height: 160px;
}

.wpcf7-spinner {
	pointer-events: none;
	position: absolute;
	top: 50%;
	margin-top: -12px;
}

.wpcf7-submit {
	background: none;
	outline: none;
	padding: 0;
}

.wpcf7-list-item {
	margin-left: calc(var(--bs-gutter-x) * -.5);
	margin-right: calc(var(--bs-gutter-x) * -.5);
	margin-bottom: 30px;
}

.ht-downloads-hero {
	margin-bottom: 92px;
}

.ht-multi-downloads-intro {
	margin-bottom: 64px;
}

.ht-multi-downloads-col {
	margin-bottom: 95px;
}

.ht-multi-downloads-row {
	margin-bottom: 47px;
}

.ht-downloads-list {
	list-style: none;
	padding: 0;
}

.ht-downloads-list li {
	line-height: 3;
}

.ht-downloads-list li:before {
	content: '•';
	margin-right: .5em;
	color: #7da514;
}

.ht-downloads-list-col {
	margin-bottom: 120px;
}

.ht-header-inner-mobile {
	position: relative;
	height: 100%;
}

.ht-menu-button {
	display: block;
	width: 46px;
	height: 36px;
	border-top: 8px solid #7da514;
	border-bottom: 8px solid #7da514;
	transition: border-width .35s ease;
	position: absolute;
	bottom: 5px;
	right: 0;
}

.ht-menu-button:before,
.ht-menu-button:after {
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	width: 100%;
	height: 8px;
	background: #7da514;
	margin-top: -4px;
	transition: transform .35s ease;
}

.ht-menu-button.ht-menu-button-close {
	border-width: 0;
}

.ht-menu-button.ht-menu-button-close:before {
	transform: rotate(-45deg);
}

.ht-menu-button.ht-menu-button-close:after {
	transform: rotate(45deg);
}

.ht-mobile-nav {
	position: relative;
	overflow: hidden;
	height: 0;
}

.ht-mobile-nav > div {
	overflow: auto;
	max-height: calc(100vh - 169px);
}

.ht-mobile-nav-inner {
	width: 262px;
	margin: 0 auto;
	position: relative;
	padding-top: 14px;
	padding-bottom: 50px;
}

.ht-mobile-nav-inner .menu > .menu-item,
.ht-mobile-nav-inner > div:first-child {
	margin-left: 0 !important;
	padding-left: 35px;
}

.ht-mobile-nav-inner .ht-button {
	display: block;
}

.ht-mobile-nav-inner > div:first-child {
	margin-bottom: 35px;
}

.ht-mobile-nav-inner a:not(.ht-button) {
	font-size: 1.125rem;
	letter-spacing: .1em;
	line-height: 2.75rem;
	display: inline-block;
}

.ht-mobile-nav-inner nav {
	margin-bottom: 35px;
}

.ht-mobile-nav-inner .menu > .menu-item > a {
	font-weight: 700;
}

.ht-mobile-nav-inner .menu > .menu-item:not(:last-child) {
	margin-bottom: 21px;
}

.ht-mobile-nav-inner > div:nth-child(2) {
	margin-bottom: 34px;
}

.ht-mobile-nav-inner .menu > .menu-item-has-children {
	position: relative;
}

.ht-mobile-nav-inner .menu > .menu-item-has-children > span {
	top: 1.375rem;
	transform: translate(-100%,-50%);
	background-size: auto;
	background-color: #fff;
	transition: transform .5s ease, background-color .5s ease, width .5s ease, height .5s ease;
}

.ht-mobile-nav-inner .menu > .menu-item-has-children > span:before {
	content: '';
	width: 100%;
	height: 100%;
	display: block;
	background: url(assets/img/Pfeil-weiss.png) center/auto no-repeat;
	opacity: 0;
	transition: opacity .5s ease;
}

.ht-mobile-nav-inner .menu > .menu-item-has-children.expanded > span {
	transform: translate(-100%,-50%) rotateY(-180deg);
	background-color: #7da514;
	width: 35px;
	height: 35px;
}

.ht-mobile-nav-inner .menu > .menu-item-has-children.expanded > span:before {
	opacity: 1;
}

.ht-mobile-nav-inner .menu > .menu-item > .sub-menu {
	position: static;
	transform: none;
	padding-left: var(--bs-gutter-x);
}

.ht-mobile-nav-inner .menu > .menu-item > .sub-menu:before {
	display: none;
}

.ht-mobile-nav-inner .sub-menu a {
	font-weight: 400 !important;
	line-height: 1.375rem;
	white-space: normal;
}

.ht-mobile-nav-inner .current-menu-item > a,
.ht-mobile-nav-inner .current-page-ancestor > a {
	font-weight: 700 !important;
}

.ht-mobile-nav-inner .menu > .menu-item > .sub-menu > .menu-item {
	padding-left: 0;
}

.ht-mobile-nav-inner .menu .sub-menu {
	width: calc(100% + 7px) !important;
	padding-right: 7px;
}

.ht-mobile-nav-inner .menu > .menu-item .menu-item-has-children {
	position: relative;
}

.ht-mobile-nav-inner .menu > .menu-item .menu-item-has-children > span {
	position: absolute;
	right: 0 !important;
	bottom: 1.5rem !important;
	left: auto !important;
	top: auto !important;
	transform: translate(100%,50%) !important;
}

.ht-mobile-nav-inner a:hover {
	color: inherit !important;
}

.ht-mobile-nav-inner > nav {
	position: relative;
}

.ht-mobile-nav-inner > nav > .sub-menu {
	position: absolute;
	left: -35px;
	top: 0;
	width: calc(100% + 42px);
	padding-left: 35px;
	background: #fff;
}

.ht-mobile-nav-inner .menu-item-back > a {
	padding-left: 0;
	font-weight: 700 !important;
}

.ht-mobile-nav-inner .menu-item-back > a:before {
	display: none;
}

.ht-mobile-nav-inner .menu-item-back > span {
	position: absolute;
	left: 0;
	top: 1.375rem;
	background: url(assets/img/Pfeil-weiss.png) center/auto no-repeat #7da514;
	cursor: pointer;
	width: 35px;
	height: 35px;
	transform: translate(-100%,-50%) rotate(180deg);
}

.ht-mobile-nav-inner > nav > .sub-menu .menu-item {
	margin-bottom: 16px;
	padding-left: 35px;
	position: relative;
}

.ht-mobile-nav-inner .menu {
	position: relative;
	left: -35px;
	padding-left: 35px;
	width: calc(100% + 42px);
	padding-right: 7px;
	overflow: hidden;
	background: #fff;
}

.ht-mobile-nav-inner > nav > .sub-menu .menu-item-has-children > span {
	position: absolute;
	right: 0;
	bottom: 1.5rem;
	transform: translateY(50%);
	width: 7px;
	height: 11px;
	cursor: pointer;
	background: url(assets/img/Pfeil.png) center/contain no-repeat;
}

.ht-special-product-slider .new-royalslider-5 {
	display: none;
}

.ht-service-text > div {
	text-align: center;
}

/* .ht-ansprechpartner:nth-child(5n-2) {
	margin-left: auto;
	margin-right: auto;
} */

.ht-footer-social {
	padding-top: .5rem;
}

.ht-footer-social a:not(:first-child) {
	margin-left: .5rem;
}

.ht-footer-social img {
	filter: brightness(0) invert(1);
	width: 32px;
}

.ht-header-right a.ht-button-has-arrow span:before,
.ht-mobile-nav-inner a.ht-button-has-arrow span:before {
	content: url(assets/img/190726_HuberTechnik_Logo_Relaunch_RGB_10-Pfade-sm.png);
	width: 16px;
	height: 24px;
	transform: none;
	border: none;
	display: inline-block;
	vertical-align: middle;
}

.ht-haendler-suche select {
	display: block;
	height: 40px;
	border: 2px solid rgba(125,165,20,.15);
	border-radius: 4px;
	width: 100%;
	margin-bottom: 15px;
	font-weight: 700;
	outline: none;
	color: rgba(0,0,0,.5);
	font-size: .875rem;
	padding: 0 .25rem;
}

.ht-haendler-suche > .row:first-child select {
	color: #000;
}

.ht-haendler-suche label {
	padding-top: .5rem;
}

.ht-haendler-suche select option:first-child {
	color: rgba(0,0,0,.5);
}

.ht-haendler-suche select option:not(:first-child),
.ht-haendler-suche > .row:first-child select option:first-child {
	color: #000;
}

.ht-single-merchant > div:first-child {
	color: #7da514;
}

.ht-single-merchant > div:first-child span {
	display: inline-block;
	color: #fff;
	background: #7da514;
	padding: 0 5px;
	margin-right: 5px;
}

.ht-single-merchant > div:first-child > div {
	margin-bottom: 5px;
}

.ht-map-wrapper.ht-haendler-map {
	height: 100% !important;
	margin-bottom: 0;
	padding-top: 0;
}

.ht-single-merchant,
.gm-style-iw-d {
	font-size: .875rem;
}

.ht-single-merchant h3,
.gm-style-iw-d h3 {
	color: #30383b;
	font-weight: 700;
	text-transform: none;
	font-size: 1.125rem;
}

.ht-single-merchant p,
.gm-style-iw-d p {
	margin-bottom: 0;
}

.ht-single-merchant p > span,
.gm-style-iw-d p > span {
	font-weight: 700;
	display: inline-block;
	margin-right: .75rem;
}

.gm-style-iw-d a {
	outline: none;
}

.ht-merchants .row,
.ht-merchants-international .row {
	border-bottom: 1px solid rgba(0,0,0,.2);
}

.ht-merchants .row:last-child {
	border-bottom: 2px solid rgba(0,0,0,.2);
}

.ht-merchants .row > div,
.ht-merchants-international .row > div {
	padding-bottom: .5rem;
	padding-top: 15px;
	margin-top: 45px;
	cursor: pointer;
	transition: background .35s ease;
}

.ht-merchants .row:last-child > div {
	margin-bottom: 45px;
}

.ht-downloads-content .ht-button-download {
	width: 100%;
}

.ht-downloads-content .ht-button-download:not(:last-child) {
	margin-bottom: .5rem;
}

.error404 p a {
	text-decoration: underline;
}

.ht-merchants .row > div:hover,
.ht-merchants-international .row > div:hover {
	background: rgba(125,165,20,.5);
}

.ht-merchant-pagination {
	font-size: 1.75rem;
	text-align: center;
	padding: 3rem 0 1rem;
}

.ht-merchant-pagination > * {
	padding: 0 1rem;
}

.ht-merchant-pagination .current {
	text-decoration: underline;
	font-weight: 700;
}

.ht-merchant-pagination .next,
.ht-merchant-pagination .prev {
	background: url(assets/img/Pfeil-gross.png) center/contain no-repeat;
	width: 14px;
	height: 22px;
	display: inline-block;
}

.ht-merchant-pagination .next {
	margin-left: 2rem;
}

.ht-merchant-pagination .prev {
	margin-right: 2rem;
	transform: rotate(180deg);
}

.ht-haendler-map .ht-placeholder {
	height: 100%;
	object-fit: cover;
}

.ht-haendler-map .marker {
	display: none;
}

.ht-login-submit {
	align-items: center;
}

.ht-login-submit .wpcf7-list-item {
	margin-left: 0;
	margin-bottom: 0;
}

.ht-merchant-area-content .wpcf7 {
	margin-bottom: 30px;
}

.wpcf7 form.custom-incorrect-credentials .wpcf7-response-output {
	border-color: #dc3232;
}

.wpcf7 form .wpcf7-response-output {
	margin-left: calc(var(--bs-gutter-x)*-.5);
	margin-right: calc(var(--bs-gutter-x)*-.5);
}

.wpcf7 from .wpcf7-response-output a {
	text-decoration: underline;
}

.tax-info,
.shipping-costs-info,
#order_payment_heading,
.woocommerce-checkout-payment,
.woocommerce-shipping-totals,
.woocommerce-thankyou-order-details {
	display: none !important;
}

.ht-product-col .price {
	display: block;
	margin-bottom: 1rem;
}

.ht-button.checkout-button {
	width: 100%;
}

.ht-service-text > div.woocommerce {
	text-align: left;
}

button.ht-button {
	background: none;
}

.woocommerce form .form-row input.input-text {
	line-height: 36px;
}

.ht-wissenswertes-text {
	margin-bottom: 30px;
}

.ht-wissenswertes-text > div:first-child {
	margin-bottom: 15px;
}

.ht-wissenswertes-text > div:first-child img {
	width: 2rem;
	margin-right: 1rem;
}

.ht-wissenswertes-text h2 {
	font-size: 1.5rem;
	margin-bottom: 0;
}

.ht-scale {
	display: inline-flex;
}

.ht-scale-square {
	width: .75rem;
	height: .75rem;
	margin-right: .25rem;
	border: 1px solid #7da514;
}

.ht-scale-square-full {
	background: #7da514;
}

.ht-scale-square-half {
	background: linear-gradient(to right, #7da514 50%, transparent 50%);
}

.ht-landing-wrap {
    margin: 0 auto;
    max-width: 1080px;
    min-height: 100vh;
}

.ht-landing-top {
    overflow: hidden;
    background: #7da514;
    padding-bottom: 1.5rem;
}

.ht-landing-top .row {
    margin-left: -5px;
    margin-right: -5px;
}

.ht-landing-top .row > div {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
    width: 100%;
    padding: 0 5px;
}

.ht-landing-top img {
    width: 100%;
    display: block;
}

.ht-landing-content {
    text-align: center;
    padding-bottom: 180px;
}

a.ht-landing-button {
    width: 60%;
    line-height: 100px;
    font-size: 2.625rem;
    text-align: left;
	border-width: 4px;
	padding-left: 20px;
}

.ht-landing-button > span:before {
	width: 20px;
	height: 20px;
	border-right-width: 4px;
	border-top-width: 4px;
	margin-right: 20px;
	margin-top: -8px;
	vertical-align: middle;
}

.ht-landing-content > * {
    margin-top: 80px;
}

.ht-landing-slogan {
    font-size: 3rem;
    font-weight: 700;
    color: #7da514;
}

.ht-landing-social a {
    margin: 0 1.5rem;
	display: inline-block;
	width: 3rem;
}

.ht-landing-body {
	padding-top: 0;
}

.new-royalslider-9.rsUni .rsBullets {
	position: absolute;
    bottom: 0;
    padding: 0;
}

.woocommerce .quantity .qty {
	padding: 1px 2px !important;
}

.ht-merchant-area-login h2 {
	margin-left: calc(var(--bs-gutter-x)*-.5);
	margin-right: calc(var(--bs-gutter-x)*-.5);
}

.ht-merchant-area-login a {
	text-decoration: underline;
}

.ht-kontakt-content form {
	margin-bottom: 30px;
}

.ht-kontakt-content {
	margin-bottom: 70px;
}

.ht-vorteil {
	position: relative;
	margin-bottom: var(--bs-gutter-x);
}

.ht-vorteil-icon {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 49px;
}

.ht-vorteil p {
	line-height: 1.125rem;
	margin-bottom: 0;
}

.ht-vorteil h3 {
	text-align: center !important;
	font-size: 1rem;
	line-height: 1.125rem;
	margin-bottom: 0;
	hyphens: auto;
}

.ht-vorteil-preface {
	position: relative;
	backface-visibility: hidden;
	transition: transform .5s ease;
	border: 1px solid #7da514;
	padding: 20px 15px;
	height: 100%;
}

.ht-vorteil-turnover {
	position: absolute;
	left: calc(var(--bs-gutter-x) * .5);
	right: calc(var(--bs-gutter-x) * .5);
	top: 0;
	transform: rotateY(-180deg);
	backface-visibility: hidden;
	transition: transform .5s ease;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	height: 100%;
	border: 1px solid #7da514;
	padding: 20px 15px;
}

.ht-vorteil:hover .ht-vorteil-preface {
	transform: rotateY(180deg);
}

.ht-vorteil:hover .ht-vorteil-turnover {
	transform: rotateY(0deg);
}

.ht-ansprechpartner .ht-vorteil-turnover {
	flex-direction: column;
}

.ht-ansprechpartner .ht-vorteil-turnover h2 {
	text-align: center !important;
}

.ht-ansprechpartner .ht-vorteil-turnover p {
	margin-bottom: 1.5rem;
}

.ht-ansprechpartner .ht-vorteil-turnover p:nth-last-child(2),
.ht-ansprechpartner .ht-vorteil-turnover p:last-child {
	margin-bottom: 0;
}

.ht-merchants-international .row > div.ht-ansprechpartner {
	padding: 0;
}

.ht-merchants-international .ht-ansprechpartner .ht-vorteil-preface,
.ht-merchants-international .ht-ansprechpartner .ht-vorteil-turnover {
	left: 0;
	top: 0;
	border: none;
}

.ht-merchants-international .row > div.ht-merchants-contact-text {
	cursor: auto;
}

.ht-merchants-international .row > div.ht-ansprechpartner:hover,
.ht-merchants-international .row > div.ht-merchants-contact-text:hover {
	background: none;
}


@media (min-width: 768px) {
	.ht-bildergalerie-slider .rsBullets {
		display: none;
	}
}

@media (min-width: 992px) {
	.container,
	.container-md {
        padding-left: 0;
        padding-right: 0;
    }
	
    header .menu > .menu-item > .sub-menu,
	header > .sub-menu {
        padding-left: calc((100vw - var(--scrollbar-width) - (960px + 2 * var(--bs-gutter-x,.75rem)) * .333333) / 2 + var(--bs-gutter-x,.75rem));
    }

	.ht-haendler-map {
		margin-right: calc((100vw - 960px) / -2);
	}
}

@media (min-width: 1200px) {
    header .menu > .menu-item > .sub-menu,
	header > .sub-menu {
        padding-left: calc((100vw - var(--scrollbar-width) - (1140px + 2 * var(--bs-gutter-x,.75rem)) * .333333) / 2 + var(--bs-gutter-x,.75rem));
    }
	
	.ht-home-slider .rsABlock {
		width: calc((1140px + 2 * var(--bs-gutter-x,.75rem)) * .25) !important;
		right: calc((100vw - var(--scrollbar-width) - (1140px + 2 * var(--bs-gutter-x,.75rem)) * .833333) / 2 + var(--bs-gutter-x,.75rem));
	}

	.ht-haendler-map {
		margin-right: calc((100vw - 1140px) / -2);
	}
}

@media (min-width: 1400px) {
    header .menu > .menu-item > .sub-menu,
	header > .sub-menu {
        padding-left: calc((100vw - var(--scrollbar-width) - (1320px + 2 * var(--bs-gutter-x,.75rem)) * .333333) / 2 + var(--bs-gutter-x,.75rem));
    }
	
	.ht-home-slider .rsABlock {
		width: calc((1320px + 2 * var(--bs-gutter-x,.75rem)) * .25) !important;
		right: calc((100vw - var(--scrollbar-width) - (1320px + 2 * var(--bs-gutter-x,.75rem)) * .833333) / 2 + var(--bs-gutter-x,.75rem));
	}

	.ht-haendler-map {
		margin-right: calc((100vw - 1320px) / -2);
	}
}


@media (max-width: 1439px) {
	header .menu-item a {
		letter-spacing: .01em;
	}
	
	header .menu > .menu-item:not(:first-child) {
		margin-left: 1rem;
	}
}

@media (max-width: 1199px) {
	header .menu-item a {
		font-size: 1rem;
	}
	
	.ht-home-slider .rsABlock {
		width: calc((960px + 2 * var(--bs-gutter-x,.75rem)) * .333333) !important;
		right: calc((100vw - var(--scrollbar-width) - (960px + 2 * var(--bs-gutter-x,.75rem)) * .833333) / 2 + var(--bs-gutter-x,.75rem));
	}
	
	.ht-home-headline {
		padding-top: 60px;
	}
	
	.ht-home-text {
		margin-bottom: 100px;
	}
	
	.ht-home-news-text {
		margin-bottom: 25px;
	}
	
	.ht-social-media {
		padding-top: 120px;
		padding-bottom: 193px;
	}
	
	.ht-back-to-top {
		padding-top: 51px;
	}
	
	footer {
		padding: 22px 0 47px;
	}
	
	.ht-historie-text {
		margin-bottom: 69px;
	}
	
	.ht-simple-product-intro {
		margin-bottom: 60px;
	}
}

@media (max-width: 991px) {
	.ht-header-bottom-links {
		display: none !important;
	}
	
	.ht-home-slider .rsABlock {
		right: calc((100vw - var(--scrollbar-width) - (720px + 2 * var(--bs-gutter-x,.75rem)) * .833333) / 2 + var(--bs-gutter-x,.75rem));
	}
	
	footer > .container {
		max-width: none;
	}
	
	.ht-product-accordion {
		padding: 0 16.666667%;
	}
	
	.ht-accordion-body > div {
		margin-left: -25%;
		margin-right: -25%;
	}
	
	.ht-content-no-breadcrumbs {
		padding-top: 50px;
	}
	
	.ht-contact-submit {
		margin-right: calc(-100% - var(--bs-gutter-x) * 1.5);
	}
	
	.ht-map-wrapper.ht-haendler-map {
		margin-top: 0 !important;
		padding-top: 100% !important;
	}
	
	.ht-haendler-map-wrapper {
		margin-bottom: 30px;
	}

	/* .ht-merchants-international .ht-ansprechpartner .ht-vorteil-turnover {
		display: none;
	}

	.ht-merchants-international .ht-ansprechpartner:hover .ht-vorteil-preface,
	.ht-merchants-international .ht-ansprechpartner:hover .ht-vorteil-turnover {
		transform: none;
	} */
}

@media (max-width: 767px) {
	.ht-home-gallery,
	.ht-home-video,
	.ht-news-col .row > div:first-child,
	.ht-bildergalerie-slider,
	.ht-product-video,
	.ht-accordion-images,
	.ht-project-slider,
	.ht-gummierzeugnisse-slider,
	.ht-karriere-video {
		padding-left: 0;
		padding-right: 0;
	}
	
	.ht-home-text p,
	.ht-home-news-text p,
	.ht-product-col p,
	.ht-bildergalerie-text p,
	.ht-product-contact-text p,
	.ht-extras-text p {
		text-align: left !important;
	}
	
	.ht-karriere-subpages .ht-product-col p,
	.ht-social-media .ht-home-news-text p,
	footer .row > div,
	.ht-kontakt-content h1,
	.ht-kontakt-content h2 {
		text-align: center !important;
	}
	
	.ht-home-gallery img,
	.ht-product-hero img,
	.ht-accordion-main-image img {
		height: 100%;
		object-fit: cover;
	}
	
	.ht-compare-button,
	.ht-technical-data label,
	.ht-special-product-slider .new-royalslider-4,
	.ht-zeitstrahl-img:after,
	.royalSlider.rsUni.rsHor .rsArrow {
		display: none !important;
	}
	
	.ht-special-product-slider .new-royalslider-5 {
		display: block;
	}
	
	.ht-home-slider {
		height: calc(100vw + 120px);
		padding-bottom: 120px;
		overflow: hidden;
	}
	
	.ht-home-slider .rsOverflow,
	.ht-home-slider .rsSlide {
		overflow: visible;
	}
	
	.ht-home-slider img.rsImg {
		width: 100% !important;
		height: 100% !important;
		margin-left: 0 !important;
		margin-top: 0 !important;
		object-fit: cover;
	}
	
	.ht-home-slider .rsABlock {
		width: 292px !important;
		right: auto;
		left: 50% !important;
		top: auto !important;
		bottom: 0;
		transform: translate(-50%, 30px) !important;
	}
	
	.ht-home-slider .royalSlider.rsUni .rsBullets {
		padding-top: 65px;
	}
	
	.ht-home-headline {
		padding-top: 120px;
	}
	
	.ht-home-gallery > div:first-child:last-child,
	.ht-accordion-main-image {
		height: 375px;
	}
	
	.ht-home-gallery .row {
		--bs-gutter-x: 0;
	}
	
	.ht-home-gallery .row > div,
	.ht-home-gallery .row + div {
		height: 115px;
	}
	
	.ht-news-col .row {
		border-top: none;
		padding: 0;
		margin-bottom: 50px;
	}
	
	.ht-news-col .row > div:first-child {
		margin-bottom: 30px;
	}
	
	.ht-news-col {
		margin-bottom: 0;
	}
	
	footer .row > div {
		line-height: 2.75rem;
	}
	
	footer {
		padding: 10px 0 95px;
	}
	
	footer .menu-item:not(:last-child) {
		margin-right: 0;
	}
	
	.ht-back-to-top {
		padding-top: 30px;
	}
	
	.ht-breadcrumbs {
		padding-left: 0;
	}
	
	.ht-intro-text,
	.ht-accordion-images .row > div:not(:last-child) {
		margin-bottom: 43px;
	}
	
	.ht-product-hero {
		margin-left: calc(var(--bs-gutter-x) * -1);
		margin-right: calc(var(--bs-gutter-x) * -1);
		height: 375px;
	}
	
	.ht-bildergalerie-slider,
	.ht-product-video + .ht-bildergalerie-text {
		margin-bottom: 111px;
	}
	
	.ht-technical-data {
		padding-left: calc(var(--bs-gutter-x) * .5);
		padding-right: calc(var(--bs-gutter-x) * .5);
	}
	
	.ht-technical-data .row {
		--bs-gutter-x: 0;
	}
	
	.ht-special-product-slider,
	.ht-map-wrapper {
		margin-left: calc(var(--bs-gutter-x) * -1);
		margin-right: calc(var(--bs-gutter-x) * -1);
	}
	
	.ht-product-video,
	.ht-zeitstrahl .ht-product-col > div:last-child > :last-child {
		margin-bottom: 0;
	}
	
	.ht-accordion-body > div {
		margin-left: -15px;
		margin-right: -15px;
	}
	
	.ht-accordion-images {
		padding-top: 43px;
	}
	
	.ht-accordion-body .row {
		--bs-gutter-x: 30px;
		margin-left: 0;
		margin-right: 0;
	}
	
	.ht-accordion-images .row {
		padding-top: 50px;
	}
	
	.ht-bildergalerie-text + .ht-product-video {
		margin-bottom: 119px;
	}
	
	.ht-product-overview,
	.ht-auszeichnungen-row,
	.ht-map-wrapper,
	.ht-downloads-hero {
		margin-top: -50px;
	}
	
	.ht-gummierzeugnisse-slider {
		margin-bottom: 60px;
	}
	
	.ht-extras-hero {
		height: 56.25vw;
		margin-bottom: 92px;
	}
	
	.ht-extras-overview {
		margin-top: 0;
	}
	
	.ht-extras-overview .ht-product-col img {
		margin-bottom: 13px;
	}
	
	.ht-extras-overview .ht-product-col {
		margin-bottom: 19px;
	}
	
	.ht-service-gallery > div,
	.ht-map-wrapper,
	.ht-downloads-hero,
	.ht-news-hero {
		height: 56.25vw !important;
	}
	
	.ht-news-hero {
		padding-top: 0;
	}
	
	.ht-service-gallery,
	.ht-downloads-hero {
		margin-bottom: 42px;
	}
	
	.ht-historie-text h1 {
		margin-bottom: 37px;
	}
	
	.ht-zeitstrahl {
		margin-top: -59px;
		margin-bottom: 0;
	}
	
	.ht-zeitstrahl .ht-product-col > * {
		position: relative;
		z-index: 1;
	}
	
	.ht-zeitstrahl .ht-product-col > div:last-child {
		background: #fff;
		padding-left: calc(var(--bs-gutter-x) * .5);
		padding-right: calc(var(--bs-gutter-x) * .5);
		padding-bottom: 23px;
	}
	
	.ht-zeitstrahl h2 {
		padding-top: 10px;
	}
	
	.ht-zeitstrahl-img {
		margin-bottom: 15px;
	}
	
	.ht-zeitstrahl .ht-product-col {
		margin-bottom: 70px;
	}
	
	.ht-zeitstrahl .ht-product-col:last-child {
		margin-bottom: 0;
	}
	
	.ht-karriere-auszeichnung {
		margin-bottom: 45px;
	}
	
	.ht-karriere-video {
		padding-top: 100px;
	}
	
	.ht-stellenangebote > div:not(.col-12) {
		width: calc(262px + var(--bs-gutter-x));
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 93px;
	}
	
	.ht-stellenangebote > div.col-12,
	.ht-stellenangebote > div:last-child {
		margin-bottom: 22px;
	}
	
	.ht-arbeitgeber h1 {
		margin-bottom: 44px;
	}
	
	.ht-vorteil p {
		margin-bottom: 60px;
	}
	
	.ht-arbeitgeber {
		margin-bottom: -30px;
	}
	
	.ht-ansprechpartner-overview {
		margin-top: 0;
		padding-top: 50px;
	}
	
	.wpcf7-form-control-wrap[data-name=datenschutz] {
		white-space: normal;
	}
	
	.ht-map-wrapper {
		padding-top: 0;
	}
	
	input:not([type="checkbox"]):not(.wpcf7-submit),
	textarea,
	.wpcf7-list-item,
	.ht-contact-submit,
	select {
		margin-left: 0;
		margin-right: 0;
		width: 100%;
	}
	
	.ht-contact-submit p {
		width: 100%;
		text-align: center;
	}
	
	.ht-kontakt-content > div:first-child {
		margin-bottom: 142px;
	}
	
	.ht-multi-downloads-intro {
		margin-bottom: 14px;
	}
	
	.ht-custom-slider .ht-technical-data {
		width: 100%;
	}

	.ht-ansprechpartner .ht-vorteil-turnover h2 {
		font-size: .6rem;
	}

	.ht-ansprechpartner .ht-vorteil-turnover p {
		font-size: .5rem;
		margin-bottom: .5rem;
		line-height: 1.2;
	}
}

@media (max-width: 575px) {
	.ht-merchants .row {
		border: none;
	}
	
	.ht-merchants .row > div {
		border-bottom: 1px solid rgba(0,0,0,.2);
		margin-top: .5rem;
	}
	
	.ht-merchant-pagination .prev,
	.ht-merchant-pagination .next {
		margin: 0;
	}
	
	.ht-merchant-pagination > * {
		padding: 0 .5rem;
	}
	
	.ht-back-to-top p {
		top: 0;
		left: 50%;
		transform: translate(-50%,-100%);
	}
	
	.ht-claim {
		padding-left: 9px;
	}
	
	.ht-remove-product {
		width: 23px;
		height: 23px;
	}
	
	.ht-remove-product:before {
		width: 13px;
		height: 2px;
		top: 9px;
		left: 3px;
	}
	
	.ht-product-comparison-actions > div {
		text-align: center !important;
	}
}

@media (max-width: 1079px) {
    a.ht-landing-button {
        line-height: 9.259259vw;
        font-size: 3.888889vw;
    }
    
    .ht-landing-top {
        padding-bottom: 2.222222vw;
        border-bottom-width: 1.481481vw;
    }
    
    .ht-landing-top .row {
        margin-left: -.462963vw;
        margin-right: -.462963vw;
    }
    
    .ht-landing-top .row > div {
        padding-left: .462963vw;
        padding-right: .462963vw;
    }
    
    .ht-landing-slogan {
        font-size: 4.444444vw;
    }
    
    .ht-landing-social a {
        margin: 0 2.222222vw;
    }
    
    .ht-landing-content > * {
        margin-top: 7.407407vw;
    }
    
    .ht-landing-content {
        padding-bottom: 16.666667vw;
    }
}