:root {
--hv-accent: #277fbf;
--hv-accent-dark: #1f6598;
--hv-ink: #1c1e21;
--hv-muted: #6b7178;
--hv-border: #e6e5e1;
--hv-surface: #ffffff;
--hv-surface-soft: #f4f5f7;
--hv-radius: 14px;
--hv-shadow: 0 1px 2px rgba(20, 20, 20, 0.04), 0 10px 24px -12px rgba(20, 20, 20, 0.18);
--hv-shadow-hover: 0 1px 2px rgba(20, 20, 20, 0.06), 0 18px 32px -14px rgba(20, 20, 20, 0.26);
} .hv-cat-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
gap: 24px;
margin: 24px 0 48px;
}
.hv-cat-card {
position: relative;
display: block;
border-radius: var(--hv-radius);
overflow: hidden;
height: 180px;
text-decoration: none;
box-shadow: var(--hv-shadow);
transition: box-shadow 0.15s ease, transform 0.15s ease;
}
.hv-cat-card:hover {
box-shadow: var(--hv-shadow-hover);
transform: translateY(-2px);
}
.hv-cat-card__image {
position: absolute;
inset: 0;
background-color: var(--hv-accent);
background-size: cover;
background-position: center;
display: flex;
align-items: center;
justify-content: center;
}
.hv-cat-card__image::after {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(to top, rgba(0, 0, 0, 0.65), rgba(0, 0, 0, 0.1) 60%);
}
.hv-cat-card__placeholder {
position: relative;
z-index: 1;
color: #fff;
font-weight: 700;
font-size: 1.1rem;
text-align: center;
padding: 0 16px;
}
.hv-cat-card__name {
position: absolute;
left: 0;
right: 0;
bottom: 0;
z-index: 1;
color: #fff;
font-weight: 700;
font-size: 1.15rem;
padding: 16px;
}
.hv-cat-grid__subheading {
font-size: 1.5rem;
margin: 0 0 8px;
} .hv-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(270px, 1fr));
gap: 28px;
margin: 24px 0;
}
.hv-card {
border: 1px solid var(--hv-border);
border-radius: var(--hv-radius);
overflow: hidden;
background: var(--hv-surface);
box-shadow: var(--hv-shadow);
display: flex;
flex-direction: column;
transition: transform 0.18s ease, box-shadow 0.18s ease;
}
.hv-card:hover {
transform: translateY(-3px);
box-shadow: var(--hv-shadow-hover);
}
.hv-card__image {
position: relative;
display: block;
aspect-ratio: 4 / 3;
overflow: hidden;
background: var(--hv-surface-soft);
}
.hv-card__image img {
width: 100%;
height: 100%;
max-width: none;
object-fit: cover;
display: block;
}
.hv-card__image-label {
position: absolute;
inset: auto 0 0 0;
background: linear-gradient(to top, rgba(0, 0, 0, 0.6), transparent);
color: #fff;
text-align: center;
padding: 24px 0 10px;
font-size: 0.8rem;
font-weight: 600;
letter-spacing: 0.03em;
opacity: 0;
transform: translateY(4px);
transition: opacity 0.15s ease, transform 0.15s ease;
}
.hv-card__image:hover .hv-card__image-label,
.hv-card__image:focus .hv-card__image-label {
opacity: 1;
transform: translateY(0);
}
.hv-card__title a {
color: inherit;
text-decoration: none;
}
.hv-card__title a:hover {
color: var(--hv-accent);
}
.hv-card__body {
padding: 18px;
display: flex;
flex-direction: column;
gap: 10px;
flex: 1;
}
.hv-card__title {
margin: 0;
font-size: 1.15rem;
font-weight: 700;
color: var(--hv-ink);
}
.hv-card__price {
margin: 0;
font-size: 0.85rem;
color: var(--hv-muted);
line-height: 1.4;
}
.hv-card__price strong {
font-size: 1.3rem;
color: var(--hv-ink);
}
.hv-card__price-note {
font-size: 0.72rem;
opacity: 0.75;
}
.hv-empty {
color: var(--hv-muted);
}
.hv-card__select {
display: flex;
align-items: center;
gap: 8px;
margin: 6px 0;
font-size: 0.82rem;
color: var(--hv-muted);
cursor: pointer;
user-select: none;
}
.hv-card__select input {
width: 16px;
height: 16px;
accent-color: var(--hv-accent);
cursor: pointer;
} .hv-cart-bar {
position: fixed;
left: 50%;
bottom: 20px;
transform: translateX(-50%);
z-index: 99999;
display: flex;
align-items: center;
gap: 20px;
background: var(--hv-ink);
color: #fff;
padding: 14px 20px;
border-radius: 999px;
box-shadow: var(--hv-shadow-hover);
font-size: 0.9rem;
}
.hv-cart-bar[hidden] {
display: none;
}
.hv-cart-bar__actions {
display: flex;
align-items: center;
gap: 10px;
}
.hv-cart-bar__clear {
background: none;
border: none;
color: rgba(255, 255, 255, 0.75);
font-size: 0.8rem;
text-decoration: underline;
cursor: pointer;
padding: 4px;
}
.hv-cart-bar__clear:hover {
color: #fff;
}
.hv-cart-bar .hv-card__cta {
margin-top: 0;
padding: 10px 18px;
} .hv-card__cta {
margin-top: auto;
background: var(--hv-accent);
color: #fff;
border: none;
border-radius: 8px;
padding: 13px 18px;
cursor: pointer;
font-size: 0.85rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.04em;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 8px;
transition: background 0.15s ease, transform 0.15s ease;
}
.hv-card__cta::after {
content: "→";
font-weight: 400;
}
.hv-card__cta:hover {
background: var(--hv-accent-dark);
transform: translateY(-1px);
} .hv-modal[hidden] {
display: none;
}
.hv-modal {
position: fixed;
inset: 0;
z-index: 100000;
display: flex;
align-items: center;
justify-content: center;
}
.hv-modal__backdrop {
position: absolute;
inset: 0;
background: rgba(20, 20, 20, 0.55);
backdrop-filter: blur(2px);
}
.hv-modal__dialog {
position: relative;
background: var(--hv-surface);
border-radius: 20px;
box-shadow: var(--hv-shadow-hover);
padding: 32px;
max-width: 500px;
width: 92%;
max-height: 90vh;
overflow-y: auto;
}
.hv-modal__close {
position: absolute;
top: 14px;
right: 14px;
width: 32px;
height: 32px;
display: flex;
align-items: center;
justify-content: center;
background: var(--hv-surface-soft);
border: none;
border-radius: 50%;
font-size: 1.3rem;
cursor: pointer;
line-height: 1;
color: var(--hv-muted);
transition: background 0.15s ease, color 0.15s ease;
}
.hv-modal__close:hover {
background: var(--hv-border);
color: var(--hv-ink);
}
.hv-modal__header {
margin: 0 28px 24px 0;
}
.hv-modal__header h3 {
margin: 0 0 6px;
font-size: 1.4rem;
color: var(--hv-ink);
}
.hv-modal__subtitle {
margin: 0;
font-size: 0.9rem;
color: var(--hv-muted);
}
.hv-modal__selection {
margin: 0 0 18px;
padding: 10px 14px;
background: var(--hv-surface-soft);
border-radius: 8px;
font-size: 0.85rem;
color: var(--hv-ink);
}
.hv-modal__selection:empty {
display: none;
}
.hv-field-row {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 14px;
}
.hv-field-row > .hv-field {
min-width: 0;
}
.hv-field {
margin: 0 0 16px;
display: flex;
flex-direction: column;
gap: 6px;
min-width: 0;
}
.hv-field[hidden] {
display: none;
}
.hv-toggle {
display: inline-flex;
gap: 8px;
flex-wrap: wrap;
}
.hv-toggle input[type="radio"] {
position: absolute;
width: 1px;
height: 1px;
opacity: 0;
pointer-events: none;
}
.hv-toggle label {
cursor: pointer;
padding: 9px 18px;
border-radius: 999px;
border: 1px solid var(--hv-border);
background: var(--hv-surface-soft);
font-size: 0.85rem;
font-weight: 600;
text-transform: none;
letter-spacing: normal;
color: var(--hv-ink);
transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}
.hv-toggle input[type="radio"]:checked + label {
background: var(--hv-accent);
border-color: var(--hv-accent);
color: #fff;
}
.hv-toggle input[type="radio"]:focus-visible + label {
outline: 2px solid var(--hv-accent);
outline-offset: 2px;
}
.hv-field label {
font-size: 0.75rem;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.03em;
color: var(--hv-muted);
}
.hv-field--checkbox {
margin-top: 4px;
}
.hv-field--checkbox label {
display: flex;
align-items: flex-start;
gap: 10px;
font-size: 0.85rem;
font-weight: 400;
text-transform: none;
letter-spacing: normal;
color: var(--hv-ink);
cursor: pointer;
}
.hv-field--checkbox input[type="checkbox"] {
margin-top: 3px;
width: 16px;
height: 16px;
flex: none;
accent-color: var(--hv-accent);
cursor: pointer;
}
.hv-field--checkbox a {
color: var(--hv-accent);
}
.hv-field input,
.hv-field textarea {
width: 100%;
box-sizing: border-box;
padding: 11px 13px;
border: 1px solid var(--hv-border);
border-radius: 10px;
background: var(--hv-surface-soft);
font: inherit;
color: var(--hv-ink);
transition: border-color 0.15s ease, background 0.15s ease;
}
.hv-field input:focus,
.hv-field textarea:focus {
outline: none;
border-color: var(--hv-accent);
background: var(--hv-surface);
box-shadow: 0 0 0 3px rgba(39, 127, 191, 0.12);
}
.hv-field--submit {
margin-top: 4px;
margin-bottom: 8px;
}
.hv-field--submit button {
width: 100%;
background: var(--hv-accent);
color: #fff;
border: none;
border-radius: 10px;
padding: 14px 16px;
cursor: pointer;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.04em;
font-size: 0.85rem;
transition: background 0.15s ease, transform 0.15s ease;
}
.hv-field--submit button:hover {
background: var(--hv-accent-dark);
transform: translateY(-1px);
}
.hv-form-status {
font-size: 0.9rem;
min-height: 1.2em;
text-align: center;
}
@media (max-width: 480px) {
.hv-field-row {
grid-template-columns: 1fr;
}
.hv-cart-bar {
left: 12px;
right: 12px;
bottom: 12px;
transform: none;
width: auto;
flex-wrap: wrap;
border-radius: 16px;
justify-content: space-between;
}
}
.hv-form-status--error {
color: #b3261e;
}
.hv-form-status--success {
color: #1e7a34;
} .hv-single {
max-width: 1240px;
margin: 40px auto;
padding: 0 24px;
}
.hv-single__title {
margin: 0 0 28px;
font-size: 2.1rem;
font-weight: 700;
text-wrap: balance;
color: var(--hv-ink);
}
.hv-single__top {
display: grid;
grid-template-columns: 1.25fr 1fr;
gap: 56px;
align-items: start;
}
.hv-single__gallery,
.hv-single__info {
min-width: 0;
}
.hv-single__main-image {
aspect-ratio: 16 / 10;
background: var(--hv-surface-soft);
border-radius: var(--hv-radius);
overflow: hidden;
box-shadow: var(--hv-shadow);
}
.hv-single__main-image img {
width: 100%;
height: 100%;
object-fit: contain;
display: block;
}
.hv-single__thumbs {
display: flex;
gap: 10px;
margin-top: 12px;
overflow-x: auto;
padding-bottom: 2px;
}
.hv-single__thumb {
flex: 0 0 auto;
width: 110px;
height: 110px;
padding: 0;
border-radius: 10px;
border: 2px solid transparent;
background: var(--hv-surface-soft);
overflow: hidden;
cursor: pointer;
opacity: 0.75;
transition: opacity 0.15s ease, border-color 0.15s ease;
}
.hv-single__thumb img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.hv-single__thumb:hover {
opacity: 1;
}
.hv-single__thumb.is-active {
border-color: var(--hv-accent);
opacity: 1;
}
.hv-single__info {
display: flex;
flex-direction: column;
gap: 4px;
}
.hv-single__teaser {
font-size: 1.05rem;
line-height: 1.55;
color: var(--hv-ink);
margin: 0 0 20px;
}
.hv-single__description {
line-height: 1.65;
margin-top: 32px;
color: var(--hv-ink);
max-width: 70ch;
}
.hv-single__description p {
margin: 0 0 1em;
}
.hv-single__description ul,
.hv-single__description ol {
margin: 0 0 1em;
padding-left: 1.2em;
}
.hv-single__description h2 {
font-size: 1.5rem;
font-weight: 700;
margin: 1.4em 0 0.6em;
color: var(--hv-ink);
}
.hv-single__description h3 {
font-size: 1.2rem;
font-weight: 600;
margin: 1.2em 0 0.5em;
color: var(--hv-ink);
}
.hv-single__description h4 {
font-size: 1.05rem;
font-weight: 600;
margin: 1em 0 0.4em;
color: var(--hv-ink);
}
.hv-single__description h2:first-child,
.hv-single__description h3:first-child {
margin-top: 0;
}
.hv-specs {
width: 100%;
border-collapse: collapse;
margin-bottom: 20px;
background: var(--hv-surface);
border: 1px solid var(--hv-border);
border-radius: 10px;
overflow: hidden;
}
.hv-specs th,
.hv-specs td {
text-align: left;
padding: 14px 18px;
line-height: 1.4;
border-bottom: 1px solid var(--hv-border);
}
.hv-specs tr:last-child th,
.hv-specs tr:last-child td {
border-bottom: none;
}
.hv-specs th {
width: 46%;
color: var(--hv-muted);
font-weight: 600;
background: var(--hv-surface-soft);
white-space: nowrap;
}
.hv-single__price-box {
background: var(--hv-surface-soft);
border: 1px solid var(--hv-border);
border-radius: var(--hv-radius);
padding: 22px 26px;
margin-bottom: 20px;
}
.hv-single__price-label {
margin: 0 0 6px;
font-size: 0.75rem;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.04em;
color: var(--hv-muted);
}
.hv-single__price {
margin: 0;
display: flex;
align-items: baseline;
gap: 6px;
flex-wrap: wrap;
}
.hv-single__price--brutto {
font-size: 2rem;
font-weight: 800;
color: var(--hv-ink);
margin-bottom: 2px;
}
.hv-single__price--netto {
font-size: 1rem;
font-weight: 500;
color: var(--hv-muted);
}
.hv-single__price span {
font-size: 0.7rem;
font-weight: 500;
text-transform: uppercase;
letter-spacing: 0.03em;
color: var(--hv-muted);
}
.hv-single__info .hv-card__cta {
width: 100%;
}
@media (max-width: 720px) {
.hv-single__top {
grid-template-columns: 1fr;
}
.hv-single__title {
font-size: 1.6rem;
}
} .hv-lp {
max-width: 980px;
margin: 0 auto;
padding: 40px 20px 0;
}
.hv-lp__hero {
text-align: center;
margin-bottom: 24px;
}
.hv-lp__title {
font-size: 2.2rem;
text-wrap: balance;
margin: 0 0 8px;
color: var(--hv-ink);
}
.hv-lp__stadt {
color: var(--hv-muted);
font-size: 1rem;
margin: 0 0 16px;
}
.hv-lp__call-button {
display: inline-flex;
align-items: center;
gap: 8px;
background: var(--hv-surface);
color: var(--hv-accent);
border: 2px solid var(--hv-accent);
border-radius: 999px;
padding: 10px 20px;
font-weight: 700;
text-decoration: none;
font-size: 0.95rem;
transition: background 0.15s ease, color 0.15s ease;
}
.hv-lp__call-button:hover {
background: var(--hv-accent);
color: #fff;
}
.hv-lp__top {
display: grid;
grid-template-columns: 3fr 2fr;
gap: 40px;
align-items: start;
margin-bottom: 40px;
}
.hv-lp__top--single {
grid-template-columns: 1fr;
}
.hv-lp__top--center {
align-items: center;
}
.hv-lp__intro--lead {
font-size: 1.15rem;
}
.hv-lp__sidebar {
position: sticky;
top: 24px;
}
.hv-lp__vorteile-box {
background: var(--hv-surface);
border: 1px solid var(--hv-border);
border-radius: var(--hv-radius);
padding: 28px;
box-shadow: var(--hv-shadow);
}
.hv-lp__vorteile-box h3 {
margin: 0 0 16px;
font-size: 1.05rem;
text-transform: uppercase;
letter-spacing: 0.04em;
color: var(--hv-muted);
}
.hv-lp__vorteile-box .hv-card__cta {
width: 100%;
margin-top: 20px;
}
.hv-lp__sidebar-link {
text-align: center;
margin-top: 12px;
font-size: 0.85rem;
}
.hv-lp__sidebar-link a {
color: var(--hv-accent);
font-weight: 600;
text-decoration: none;
}
.hv-lp__related-links {
list-style: none;
margin: 0;
padding: 0;
display: flex;
flex-wrap: wrap;
gap: 10px 24px;
}
.hv-lp__related-links a {
color: var(--hv-accent);
font-weight: 600;
text-decoration: none;
}
.hv-lp__related-links a:hover {
text-decoration: underline;
}
.hv-lp__hero-image {
margin-bottom: 32px;
border-radius: var(--hv-radius);
overflow: hidden;
box-shadow: var(--hv-shadow);
}
.hv-lp__hero-image img {
width: 100%;
max-height: 420px;
object-fit: cover;
display: block;
}
.hv-lp__intro {
line-height: 1.65;
color: var(--hv-ink);
margin-left: auto;
margin-right: auto;
}
.hv-lp__vorteile {
list-style: none;
margin: 24px 0;
padding: 0;
display: grid;
grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
gap: 10px 20px;
}
.hv-lp__vorteile li {
position: relative;
padding-left: 26px;
font-weight: 600;
color: var(--hv-ink);
}
.hv-lp__vorteile li::before {
content: "✓";
position: absolute;
left: 0;
color: var(--hv-accent);
font-weight: 700;
}
.hv-lp__stadt a {
color: var(--hv-accent);
font-weight: 600;
}
.hv-lp__nachbarorte {
color: var(--hv-muted);
font-size: 0.85rem;
margin: 0;
}
.hv-lp__nachbarorte a {
color: var(--hv-accent);
font-weight: 600;
}
.hv-lp__second-image {
max-width: 980px;
margin: 40px auto;
padding: 0 20px;
}
.hv-lp__second-image img {
width: 100%;
max-height: 380px;
object-fit: cover;
border-radius: var(--hv-radius);
display: block;
}
.hv-grid--single {
grid-template-columns: 1fr;
max-width: 380px;
}
.hv-lp__catalog {
margin: 32px 0;
}
.hv-lp__show-all {
text-align: center;
margin-top: 24px;
}
.hv-lp__show-all .hv-card__cta {
display: inline-flex;
} .hv-lp__band {
width: 100%;
padding: 48px 20px;
}
.hv-lp__band--soft {
background: var(--hv-surface-soft);
}
.hv-lp__band--blue {
background: linear-gradient(120deg, var(--hv-accent), var(--hv-accent-dark));
color: #fff;
}
.hv-lp__band--blue .hv-lp__band-inner h2 {
color: #fff;
}
.hv-lp__band--blue .hv-lp__contact-cta p {
color: rgba(255, 255, 255, 0.9);
}
.hv-card__cta--white {
background: #fff;
color: var(--hv-accent);
}
.hv-card__cta--white:hover {
background: var(--hv-surface-soft);
color: var(--hv-accent-dark);
}
.hv-lp__band-inner {
max-width: 980px;
margin: 0 auto;
}
.hv-lp__band-inner h2 {
font-size: 1.5rem;
margin-bottom: 20px;
}
.hv-lp__faq-item {
border: 1px solid var(--hv-border);
border-radius: 10px;
padding: 14px 18px;
margin-bottom: 10px;
background: var(--hv-surface);
}
.hv-lp__faq-item summary {
cursor: pointer;
font-weight: 600;
color: var(--hv-ink);
}
.hv-lp__faq-item p {
margin: 10px 0 0;
color: var(--hv-muted);
line-height: 1.55;
}
.hv-lp__contact {
display: grid;
grid-template-columns: 3fr 2fr;
gap: 40px;
align-items: center;
}
.hv-lp__contact-cta p {
color: var(--hv-ink);
margin: 0 0 16px;
}
.hv-lp__contact-info {
background: var(--hv-surface);
border: 1px solid var(--hv-border);
border-radius: var(--hv-radius);
padding: 24px;
}
.hv-lp__contact-heading {
font-weight: 700;
margin: 0 0 14px;
color: var(--hv-ink);
}
.hv-lp__contact-info p {
display: flex;
flex-direction: column;
gap: 2px;
margin: 0 0 14px;
}
.hv-lp__contact-info p:last-child {
margin-bottom: 0;
}
.hv-lp__contact-label {
font-size: 0.75rem;
text-transform: uppercase;
letter-spacing: 0.03em;
color: var(--hv-muted);
}
.hv-lp__contact-info a {
color: var(--hv-ink);
font-weight: 700;
text-decoration: none;
}
.hv-lp__contact-info a:hover {
color: var(--hv-accent);
}
@media (max-width: 760px) {
.hv-lp__top {
grid-template-columns: 1fr;
}
.hv-lp__sidebar {
position: static;
}
.hv-lp__contact {
grid-template-columns: 1fr;
}
} .hv-home-section__inner {
max-width: 1180px;
margin: 0 auto;
padding: 64px 20px;
}
.hv-home-section--soft {
background: var(--hv-surface-soft);
}
.hv-home-section__heading {
font-size: 2.1rem;
margin: 0 0 10px;
}
.hv-home-section__heading--center {
text-align: center;
}
.hv-home-section__subtitle {
color: var(--hv-muted);
max-width: 640px;
margin: 0 0 32px;
line-height: 1.6;
font-size: 1.05rem;
}
.hv-home-section__subtitle--center {
text-align: center;
margin-left: auto;
margin-right: auto;
}
.hv-home-btn {
display: inline-flex;
align-items: center;
gap: 8px;
padding: 13px 22px;
border-radius: 10px;
font-weight: 700;
text-decoration: none;
font-size: 0.95rem;
border: 2px solid transparent;
}
.hv-home-btn--primary {
background: var(--hv-accent);
color: #fff;
}
.hv-home-btn--primary:hover {
background: var(--hv-accent-dark);
}
.hv-home-btn--outline {
background: transparent;
border-color: var(--hv-border);
color: var(--hv-ink);
}
.hv-home-btn--outline:hover {
border-color: var(--hv-accent);
color: var(--hv-accent);
}
.hv-home-btn--white {
background: #fff;
color: var(--hv-accent);
}
.hv-home-btn--outline-white {
background: transparent;
border-color: rgba(255, 255, 255, 0.5);
color: #fff;
}
.hv-home-btn--outline-white:hover {
border-color: #fff;
} .hv-home-hero__inner {
max-width: 1180px;
margin: 0 auto;
padding: 56px 20px;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 48px;
align-items: center;
}
.hv-home-hero__eyebrow {
display: inline-block;
background: var(--hv-surface-soft);
color: var(--hv-accent);
font-weight: 700;
font-size: 0.8rem;
padding: 6px 14px;
border-radius: 999px;
margin-bottom: 16px;
}
.hv-home-hero__title {
font-size: 2.9rem;
line-height: 1.15;
font-weight: 800;
margin: 0 0 16px;
}
.hv-home-hero__subtitle {
color: var(--hv-muted);
font-size: 1.12rem;
line-height: 1.6;
max-width: 520px;
margin: 0 0 28px;
}
.hv-home-hero__features {
display: flex;
flex-wrap: wrap;
gap: 20px;
margin-bottom: 28px;
}
.hv-home-feature {
display: flex;
align-items: flex-start;
gap: 10px;
min-width: 150px;
}
.hv-home-feature__icon {
flex: 0 0 auto;
width: 22px;
height: 22px;
color: var(--hv-accent);
}
.hv-home-feature__icon svg {
width: 100%;
height: 100%;
}
.hv-home-feature__body {
display: flex;
flex-direction: column;
font-size: 0.85rem;
}
.hv-home-feature__body strong {
font-size: 0.9rem;
}
.hv-home-feature__body span {
color: var(--hv-muted);
}
.hv-home-hero__buttons {
display: flex;
gap: 14px;
flex-wrap: wrap;
}
.hv-home-hero__media {
position: relative;
}
.hv-home-hero__collage {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 16px;
}
.hv-home-hero__collage-item {
display: block;
border-radius: var(--hv-radius);
overflow: hidden;
aspect-ratio: 4 / 3;
}
.hv-home-hero__collage-item img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.hv-home-hero__badge {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background: var(--hv-accent);
color: #fff;
width: 170px;
height: 170px;
border-radius: 50%;
overflow: hidden;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
box-shadow: 0 10px 30px -8px rgba(0, 0, 0, 0.4);
border: 4px solid #fff;
padding: 10px;
box-sizing: border-box;
}
.hv-home-hero__badge-star {
font-size: 24px;
line-height: 1;
display: block;
margin-bottom: 4px;
color: #ffd23f;
}
.hv-home-hero__badge strong {
font-size: 1.6rem;
line-height: 1.1;
}
.hv-home-hero__badge-label {
font-size: 0.78rem;
max-width: 110px;
margin-top: 2px;
} .hv-home-cat-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
gap: 24px;
}
.hv-home-cat-card {
position: relative;
display: block;
height: 280px;
border-radius: var(--hv-radius);
overflow: hidden;
box-shadow: var(--hv-shadow);
text-decoration: none;
transition: box-shadow 0.15s ease, transform 0.15s ease;
}
.hv-home-cat-card:hover {
box-shadow: var(--hv-shadow-hover);
transform: translateY(-2px);
}
.hv-home-cat-card__image {
position: absolute;
inset: 0;
display: block;
background-color: var(--hv-accent);
background-size: cover;
background-position: center;
}
.hv-home-cat-card__image::after {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(to top, rgba(0, 0, 0, 0.82) 0%, rgba(0, 0, 0, 0.45) 45%, rgba(0, 0, 0, 0.15) 70%, rgba(0, 0, 0, 0.05) 100%);
}
.hv-home-cat-card__content {
position: absolute;
left: 0;
right: 0;
bottom: 0;
z-index: 1;
padding: 22px;
display: flex;
flex-direction: column;
align-items: flex-start;
}
.hv-home-cat-card__title {
color: #fff;
font-size: 1.25rem;
margin: 0 0 6px;
}
.hv-home-cat-card__desc {
color: rgba(255, 255, 255, 0.85);
font-size: 0.9rem;
line-height: 1.5;
margin: 0 0 16px;
}
.hv-home-cat-card__btn {
display: inline-flex;
align-items: center;
gap: 6px;
background: #fff;
color: var(--hv-ink);
font-weight: 700;
font-size: 0.88rem;
padding: 10px 18px;
border-radius: 10px;
}
.hv-home-cat-card:hover .hv-home-cat-card__btn {
background: var(--hv-accent);
color: #fff;
} .hv-home-rows {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 48px;
}
.hv-home-row {
min-width: 0;
}
.hv-home-row__header {
display: flex;
align-items: baseline;
justify-content: space-between;
gap: 12px;
margin-bottom: 16px;
}
.hv-home-row__header h3 {
margin: 0;
font-size: 1.3rem;
}
.hv-home-row__header a {
color: var(--hv-accent);
text-decoration: none;
font-weight: 600;
font-size: 0.85rem;
white-space: nowrap;
}
.hv-home-scroller {
position: relative;
width: 100%;
}
.hv-home-scroller__track {
display: flex;
gap: 14px;
overflow-x: auto;
scroll-snap-type: x proximity;
scroll-behavior: smooth;
width: 100%;
scrollbar-width: none;
-ms-overflow-style: none;
}
.hv-home-scroller__track::-webkit-scrollbar {
display: none;
}
.hv-home-scroller__item {
flex: 0 0 140px;
scroll-snap-align: start;
text-decoration: none;
color: var(--hv-ink);
}
.hv-home-scroller__item-image {
display: block;
width: 140px;
height: 140px;
border-radius: var(--hv-radius);
overflow: hidden;
background: var(--hv-surface-soft);
margin-bottom: 8px;
}
.hv-home-scroller__item-image img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.hv-home-scroller__item-title {
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
font-size: 0.95rem;
font-weight: 600;
line-height: 1.3;
height: 2.6em;
}
.hv-home-scroller__arrow {
position: absolute;
top: 70px;
z-index: 5;
width: 36px;
height: 36px;
border-radius: 50%;
border: 1px solid var(--hv-border);
background: var(--hv-surface);
cursor: pointer;
font-size: 1.3rem;
line-height: 1;
color: var(--hv-ink);
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.18);
}
.hv-home-scroller__arrow--prev {
left: 0;
transform: translate(-50%, -50%);
}
.hv-home-scroller__arrow--next {
right: 0;
transform: translate(50%, -50%);
}
.hv-home-scroller__arrow:hover {
border-color: var(--hv-accent);
color: var(--hv-accent);
} .hv-home-icon-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
gap: 28px;
}
.hv-home-icon-block {
text-align: center;
}
.hv-home-icon-block__icon {
display: inline-flex;
align-items: center;
justify-content: center;
width: 64px;
height: 64px;
border-radius: 50%;
background: var(--hv-surface-soft);
color: var(--hv-accent);
margin-bottom: 14px;
}
.hv-home-icon-block__icon svg {
width: 30px;
height: 30px;
}
.hv-home-icon-block strong {
display: block;
margin-bottom: 6px;
font-size: 1.15rem;
}
.hv-home-icon-block p {
color: var(--hv-muted);
font-size: 0.95rem;
line-height: 1.5;
margin: 0;
}
.hv-home-icon-grid--compact {
grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
}
.hv-home-icon-block--compact {
display: flex;
align-items: flex-start;
gap: 14px;
text-align: left;
}
.hv-home-icon-block--compact .hv-home-icon-block__icon {
width: 48px;
height: 48px;
margin-bottom: 0;
flex: 0 0 auto;
}
.hv-home-icon-block--compact .hv-home-icon-block__icon svg {
width: 22px;
height: 22px;
}
.hv-home-icon-block--compact strong {
font-size: 1.02rem;
}
.hv-home-icon-block--compact p {
font-size: 0.88rem;
margin: 2px 0 0;
} .hv-home-cta {
background: linear-gradient(120deg, var(--hv-accent), var(--hv-accent-dark));
color: #fff;
}
.hv-home-cta__inner {
max-width: 1180px;
margin: 0 auto;
padding: 48px 20px;
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
gap: 24px;
}
.hv-home-cta__text h2 {
margin: 0 0 8px;
font-size: 1.6rem;
}
.hv-home-cta__text p {
margin: 0;
color: rgba(255, 255, 255, 0.85);
max-width: 480px;
}
.hv-home-cta__actions {
display: flex;
align-items: center;
gap: 14px;
flex-wrap: wrap;
}
.hv-home-extra-content {
line-height: 1.65;
}
@media (max-width: 900px) {
.hv-home-hero__inner {
grid-template-columns: 1fr;
}
.hv-home-hero__media {
order: -1;
}
.hv-home-rows {
grid-template-columns: 1fr;
}
} .hv-contact {
display: grid;
grid-template-columns: 320px 1fr;
border-radius: var(--hv-radius);
overflow: hidden;
box-shadow: var(--hv-shadow);
}
.hv-contact__info {
background: var(--hv-accent);
color: #fff;
padding: 40px 32px;
}
.hv-contact__info-heading {
display: flex;
align-items: center;
gap: 12px;
font-size: 1.25rem;
margin: 0 0 32px;
}
.hv-contact__info-bar {
display: inline-block;
width: 26px;
height: 3px;
background: #fff;
border-radius: 2px;
}
.hv-contact__info-row {
display: flex;
align-items: flex-start;
gap: 14px;
padding: 18px 0;
border-bottom: 1px solid rgba(255, 255, 255, 0.25);
}
.hv-contact__info-row:last-child {
border-bottom: none;
}
.hv-contact__info-icon {
flex: 0 0 auto;
width: 22px;
height: 22px;
margin-top: 2px;
}
.hv-contact__info-icon svg {
width: 100%;
height: 100%;
}
.hv-contact__info-row strong {
display: block;
margin-bottom: 4px;
font-size: 1rem;
}
.hv-contact__info-row a,
.hv-contact__info-row span {
color: rgba(255, 255, 255, 0.9);
text-decoration: none;
font-size: 0.92rem;
line-height: 1.5;
}
.hv-contact__info-row a:hover {
text-decoration: underline;
}
.hv-contact__form {
background: var(--hv-surface);
padding: 40px 36px;
}
@media (max-width: 760px) {
.hv-contact {
grid-template-columns: 1fr;
}
} .hv-lp-modern__hero-image {
border-radius: var(--hv-radius);
overflow: hidden;
box-shadow: var(--hv-shadow);
}
.hv-lp-modern__hero-image img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.hv-lp-modern__gallery {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 20px;
}
.hv-lp-modern__gallery-item {
display: block;
flex: 0 1 260px;
aspect-ratio: 4 / 3;
border-radius: var(--hv-radius);
overflow: hidden;
background: var(--hv-surface-soft);
}
.hv-lp-modern__gallery-item img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.hv-lp-modern__columns {
display: grid;
grid-template-columns: 1.5fr 1fr;
gap: 48px;
align-items: start;
}
.hv-lp-modern__main {
min-width: 0;
}
.hv-lp-modern__side {
min-width: 0;
background: var(--hv-surface);
border: 1px solid var(--hv-border);
border-radius: var(--hv-radius);
padding: 28px;
box-shadow: var(--hv-shadow);
}
.hv-lp-modern__side h3 {
margin: 0 0 16px;
font-size: 1.05rem;
text-transform: uppercase;
letter-spacing: 0.04em;
color: var(--hv-muted);
}
.hv-lp-modern__side h3:not(:first-child) {
margin-top: 32px;
}
.hv-lp-modern__specs-table {
width: 100%;
border-collapse: collapse;
}
.hv-lp-modern__specs-table tr {
border-bottom: 1px solid var(--hv-border);
}
.hv-lp-modern__specs-table tr:last-child {
border-bottom: none;
}
.hv-lp-modern__specs-table th,
.hv-lp-modern__specs-table td {
padding: 12px 0;
text-align: left;
font-weight: 400;
}
.hv-lp-modern__specs-table th {
color: var(--hv-muted);
font-size: 0.9rem;
white-space: nowrap;
vertical-align: middle;
}
.hv-lp-modern__specs-table td {
text-align: right;
font-weight: 700;
color: var(--hv-ink);
}
.hv-lp-modern__spec-icon {
display: inline-flex;
align-items: center;
justify-content: center;
width: 30px;
height: 30px;
border-radius: 50%;
background: var(--hv-surface-soft);
color: var(--hv-accent);
vertical-align: middle;
margin-right: 10px;
}
.hv-lp-modern__spec-icon svg {
width: 15px;
height: 15px;
}
.hv-lp-modern__vorteile {
list-style: none;
margin: 0 0 8px;
padding: 0;
display: flex;
flex-direction: column;
gap: 10px;
}
.hv-lp-modern__vorteile li {
position: relative;
padding-left: 26px;
font-weight: 600;
font-size: 0.92rem;
color: var(--hv-ink);
line-height: 1.4;
}
.hv-lp-modern__vorteile li::before {
content: "✓";
position: absolute;
left: 0;
top: 0;
color: var(--hv-accent);
font-weight: 700;
}
.hv-lp-modern__ideal-fuer {
display: flex;
flex-wrap: wrap;
gap: 8px;
}
.hv-lp-modern__pill {
display: inline-block;
background: var(--hv-surface-soft);
color: var(--hv-accent);
border: 1px solid var(--hv-border);
border-radius: 999px;
padding: 7px 16px;
font-size: 0.85rem;
font-weight: 700;
}
@media (max-width: 860px) {
.hv-lp-modern__columns {
grid-template-columns: 1fr;
}
} .hv-lp-weitere {
position: relative;
}
.hv-lp-weitere__track {
display: flex;
gap: 24px;
overflow-x: auto;
scroll-snap-type: x proximity;
scroll-behavior: smooth;
scrollbar-width: none;
-ms-overflow-style: none;
}
.hv-lp-weitere__track::-webkit-scrollbar {
display: none;
}
.hv-lp-weitere__item {
flex: 0 0 300px;
scroll-snap-align: start;
}
.hv-lp-weitere__arrow {
position: absolute;
top: 50%;
transform: translateY(-50%);
z-index: 5;
flex: 0 0 auto;
width: 40px;
height: 40px;
border-radius: 50%;
border: 1px solid var(--hv-border);
background: var(--hv-surface);
box-shadow: var(--hv-shadow);
cursor: pointer;
font-size: 1.4rem;
line-height: 1;
color: var(--hv-ink);
}
.hv-lp-weitere__arrow--prev {
left: -20px;
}
.hv-lp-weitere__arrow--next {
right: -20px;
}
.hv-lp-weitere__arrow:hover {
border-color: var(--hv-accent);
color: var(--hv-accent);
}
@media (max-width: 700px) {
.hv-lp-weitere__item {
flex-basis: 260px;
}
}:root{--woocommerce:#7F54B3;--wc-green:#7ad03a;--wc-red:#a00;--wc-orange:#ffba00;--wc-blue:#2ea2cc;--wc-primary:#7F54B3;--wc-primary-text:white;--wc-secondary:#e9e6ed;--wc-secondary-text:#515151;--wc-highlight:#b3af54;--wc-highligh-text:white;--wc-content-bg:#fff;--wc-subtext:#767676}.woocommerce .woocommerce-error .button,.woocommerce .woocommerce-info .button,.woocommerce .woocommerce-message .button,.woocommerce-page .woocommerce-error .button,.woocommerce-page .woocommerce-info .button,.woocommerce-page .woocommerce-message .button{float:right}.woocommerce .col2-set,.woocommerce-page .col2-set{width:100%}.woocommerce .col2-set::after,.woocommerce .col2-set::before,.woocommerce-page .col2-set::after,.woocommerce-page .col2-set::before{content:" ";display:table}.woocommerce .col2-set::after,.woocommerce-page .col2-set::after{clear:both}.woocommerce .col2-set .col-1,.woocommerce-page .col2-set .col-1{float:left;width:48%}.woocommerce .col2-set .col-2,.woocommerce-page .col2-set .col-2{float:right;width:48%}.woocommerce img,.woocommerce-page img{height:auto;max-width:100%}.woocommerce #content div.product div.images,.woocommerce div.product div.images,.woocommerce-page #content div.product div.images,.woocommerce-page div.product div.images{float:left;width:48%}.woocommerce #content div.product div.thumbnails::after,.woocommerce #content div.product div.thumbnails::before,.woocommerce div.product div.thumbnails::after,.woocommerce div.product div.thumbnails::before,.woocommerce-page #content div.product div.thumbnails::after,.woocommerce-page #content div.product div.thumbnails::before,.woocommerce-page div.product div.thumbnails::after,.woocommerce-page div.product div.thumbnails::before{content:" ";display:table}.woocommerce #content div.product div.thumbnails::after,.woocommerce div.product div.thumbnails::after,.woocommerce-page #content div.product div.thumbnails::after,.woocommerce-page div.product div.thumbnails::after{clear:both}.woocommerce #content div.product div.thumbnails a,.woocommerce div.product div.thumbnails a,.woocommerce-page #content div.product div.thumbnails a,.woocommerce-page div.product div.thumbnails a{float:left;width:30.75%;margin-right:3.8%;margin-bottom:1em}.woocommerce #content div.product div.thumbnails a.last,.woocommerce div.product div.thumbnails a.last,.woocommerce-page #content div.product div.thumbnails a.last,.woocommerce-page div.product div.thumbnails a.last{margin-right:0}.woocommerce #content div.product div.thumbnails a.first,.woocommerce div.product div.thumbnails a.first,.woocommerce-page #content div.product div.thumbnails a.first,.woocommerce-page div.product div.thumbnails a.first{clear:both}.woocommerce #content div.product div.thumbnails.columns-1 a,.woocommerce div.product div.thumbnails.columns-1 a,.woocommerce-page #content div.product div.thumbnails.columns-1 a,.woocommerce-page div.product div.thumbnails.columns-1 a{width:100%;margin-right:0;float:none}.woocommerce #content div.product div.thumbnails.columns-2 a,.woocommerce div.product div.thumbnails.columns-2 a,.woocommerce-page #content div.product div.thumbnails.columns-2 a,.woocommerce-page div.product div.thumbnails.columns-2 a{width:48%}.woocommerce #content div.product div.thumbnails.columns-4 a,.woocommerce div.product div.thumbnails.columns-4 a,.woocommerce-page #content div.product div.thumbnails.columns-4 a,.woocommerce-page div.product div.thumbnails.columns-4 a{width:22.05%}.woocommerce #content div.product div.thumbnails.columns-5 a,.woocommerce div.product div.thumbnails.columns-5 a,.woocommerce-page #content div.product div.thumbnails.columns-5 a,.woocommerce-page div.product div.thumbnails.columns-5 a{width:16.9%}.woocommerce #content div.product div.summary,.woocommerce div.product div.summary,.woocommerce-page #content div.product div.summary,.woocommerce-page div.product div.summary{float:right;width:48%;clear:none}.woocommerce #content div.product .woocommerce-tabs,.woocommerce div.product .woocommerce-tabs,.woocommerce-page #content div.product .woocommerce-tabs,.woocommerce-page div.product .woocommerce-tabs{clear:both}.woocommerce #content div.product .woocommerce-tabs ul.tabs::after,.woocommerce #content div.product .woocommerce-tabs ul.tabs::before,.woocommerce div.product .woocommerce-tabs ul.tabs::after,.woocommerce div.product .woocommerce-tabs ul.tabs::before,.woocommerce-page #content div.product .woocommerce-tabs ul.tabs::after,.woocommerce-page #content div.product .woocommerce-tabs ul.tabs::before,.woocommerce-page div.product .woocommerce-tabs ul.tabs::after,.woocommerce-page div.product .woocommerce-tabs ul.tabs::before{content:" ";display:table}.woocommerce #content div.product .woocommerce-tabs ul.tabs::after,.woocommerce div.product .woocommerce-tabs ul.tabs::after,.woocommerce-page #content div.product .woocommerce-tabs ul.tabs::after,.woocommerce-page div.product .woocommerce-tabs ul.tabs::after{clear:both}.woocommerce #content div.product .woocommerce-tabs ul.tabs li,.woocommerce div.product .woocommerce-tabs ul.tabs li,.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li,.woocommerce-page div.product .woocommerce-tabs ul.tabs li{display:inline-block}.woocommerce #content div.product #reviews .comment::after,.woocommerce #content div.product #reviews .comment::before,.woocommerce div.product #reviews .comment::after,.woocommerce div.product #reviews .comment::before,.woocommerce-page #content div.product #reviews .comment::after,.woocommerce-page #content div.product #reviews .comment::before,.woocommerce-page div.product #reviews .comment::after,.woocommerce-page div.product #reviews .comment::before{content:" ";display:table}.woocommerce #content div.product #reviews .comment::after,.woocommerce div.product #reviews .comment::after,.woocommerce-page #content div.product #reviews .comment::after,.woocommerce-page div.product #reviews .comment::after{clear:both}.woocommerce #content div.product #reviews .comment img,.woocommerce div.product #reviews .comment img,.woocommerce-page #content div.product #reviews .comment img,.woocommerce-page div.product #reviews .comment img{float:right;height:auto}.woocommerce ul.products,.woocommerce-page ul.products{clear:both}.woocommerce ul.products::after,.woocommerce ul.products::before,.woocommerce-page ul.products::after,.woocommerce-page ul.products::before{content:" ";display:table}.woocommerce ul.products::after,.woocommerce-page ul.products::after{clear:both}.woocommerce ul.products li.product,.woocommerce-page ul.products li.product{float:left;margin:0 3.8% 2.992em 0;padding:0;position:relative;width:22.05%;margin-left:0}.woocommerce ul.products li.first,.woocommerce-page ul.products li.first{clear:both}.woocommerce ul.products li.last,.woocommerce-page ul.products li.last{margin-right:0}.woocommerce ul.products.columns-1 li.product,.woocommerce-page ul.products.columns-1 li.product{width:100%;margin-right:0}.woocommerce ul.products.columns-2 li.product,.woocommerce-page ul.products.columns-2 li.product{width:48%}.woocommerce ul.products.columns-3 li.product,.woocommerce-page ul.products.columns-3 li.product{width:30.75%}.woocommerce ul.products.columns-5 li.product,.woocommerce-page ul.products.columns-5 li.product{width:16.95%}.woocommerce ul.products.columns-6 li.product,.woocommerce-page ul.products.columns-6 li.product{width:13.5%}.woocommerce-page.columns-1 ul.products li.product,.woocommerce.columns-1 ul.products li.product{width:100%;margin-right:0}.woocommerce-page.columns-2 ul.products li.product,.woocommerce.columns-2 ul.products li.product{width:48%}.woocommerce-page.columns-3 ul.products li.product,.woocommerce.columns-3 ul.products li.product{width:30.75%}.woocommerce-page.columns-5 ul.products li.product,.woocommerce.columns-5 ul.products li.product{width:16.95%}.woocommerce-page.columns-6 ul.products li.product,.woocommerce.columns-6 ul.products li.product{width:13.5%}.woocommerce .woocommerce-result-count,.woocommerce-page .woocommerce-result-count{float:left}.woocommerce .woocommerce-ordering,.woocommerce-page .woocommerce-ordering{float:right}.woocommerce .woocommerce-pagination ul.page-numbers::after,.woocommerce .woocommerce-pagination ul.page-numbers::before,.woocommerce-page .woocommerce-pagination ul.page-numbers::after,.woocommerce-page .woocommerce-pagination ul.page-numbers::before{content:" ";display:table}.woocommerce .woocommerce-pagination ul.page-numbers::after,.woocommerce-page .woocommerce-pagination ul.page-numbers::after{clear:both}.woocommerce .woocommerce-pagination ul.page-numbers li,.woocommerce-page .woocommerce-pagination ul.page-numbers li{display:inline-block}.woocommerce #content table.cart img,.woocommerce table.cart img,.woocommerce-page #content table.cart img,.woocommerce-page table.cart img{height:auto}.woocommerce #content table.cart td.actions,.woocommerce table.cart td.actions,.woocommerce-page #content table.cart td.actions,.woocommerce-page table.cart td.actions{text-align:right}.woocommerce #content table.cart td.actions .input-text,.woocommerce table.cart td.actions .input-text,.woocommerce-page #content table.cart td.actions .input-text,.woocommerce-page table.cart td.actions .input-text{width:80px}.woocommerce #content table.cart td.actions .coupon,.woocommerce table.cart td.actions .coupon,.woocommerce-page #content table.cart td.actions .coupon,.woocommerce-page table.cart td.actions .coupon{float:left}.woocommerce .cart-collaterals,.woocommerce-page .cart-collaterals{width:100%}.woocommerce .cart-collaterals::after,.woocommerce .cart-collaterals::before,.woocommerce-page .cart-collaterals::after,.woocommerce-page .cart-collaterals::before{content:" ";display:table}.woocommerce .cart-collaterals::after,.woocommerce-page .cart-collaterals::after{clear:both}.woocommerce .cart-collaterals .related,.woocommerce-page .cart-collaterals .related{width:30.75%;float:left}.woocommerce .cart-collaterals .cross-sells,.woocommerce-page .cart-collaterals .cross-sells{width:48%;float:left}.woocommerce .cart-collaterals .cross-sells ul.products,.woocommerce-page .cart-collaterals .cross-sells ul.products{float:none}.woocommerce .cart-collaterals .cross-sells ul.products li,.woocommerce-page .cart-collaterals .cross-sells ul.products li{width:48%}.woocommerce .cart-collaterals .shipping_calculator,.woocommerce-page .cart-collaterals .shipping_calculator{width:48%;clear:right;float:right}.woocommerce .cart-collaterals .shipping_calculator::after,.woocommerce .cart-collaterals .shipping_calculator::before,.woocommerce-page .cart-collaterals .shipping_calculator::after,.woocommerce-page .cart-collaterals .shipping_calculator::before{content:" ";display:table}.woocommerce .cart-collaterals .shipping_calculator::after,.woocommerce-page .cart-collaterals .shipping_calculator::after{clear:both}.woocommerce .cart-collaterals .shipping_calculator .col2-set .col-1,.woocommerce .cart-collaterals .shipping_calculator .col2-set .col-2,.woocommerce-page .cart-collaterals .shipping_calculator .col2-set .col-1,.woocommerce-page .cart-collaterals .shipping_calculator .col2-set .col-2{width:47%}.woocommerce .cart-collaterals .cart_totals,.woocommerce-page .cart-collaterals .cart_totals{float:right;width:48%}.woocommerce ul.cart_list li::after,.woocommerce ul.cart_list li::before,.woocommerce ul.product_list_widget li::after,.woocommerce ul.product_list_widget li::before,.woocommerce-page ul.cart_list li::after,.woocommerce-page ul.cart_list li::before,.woocommerce-page ul.product_list_widget li::after,.woocommerce-page ul.product_list_widget li::before{content:" ";display:table}.woocommerce ul.cart_list li::after,.woocommerce ul.product_list_widget li::after,.woocommerce-page ul.cart_list li::after,.woocommerce-page ul.product_list_widget li::after{clear:both}.woocommerce ul.cart_list li img,.woocommerce ul.product_list_widget li img,.woocommerce-page ul.cart_list li img,.woocommerce-page ul.product_list_widget li img{float:right;height:auto}.woocommerce form .form-row::after,.woocommerce form .form-row::before,.woocommerce-page form .form-row::after,.woocommerce-page form .form-row::before{content:" ";display:table}.woocommerce form .form-row::after,.woocommerce-page form .form-row::after{clear:both}.woocommerce form .form-row label,.woocommerce-page form .form-row label{display:block}.woocommerce form .form-row label.checkbox,.woocommerce-page form .form-row label.checkbox{display:inline}.woocommerce form .form-row select,.woocommerce-page form .form-row select{width:100%}.woocommerce form .form-row .input-text,.woocommerce-page form .form-row .input-text{box-sizing:border-box;width:100%}.woocommerce form .form-row-first,.woocommerce form .form-row-last,.woocommerce-page form .form-row-first,.woocommerce-page form .form-row-last{width:47%;overflow:visible}.woocommerce form .form-row-first,.woocommerce-page form .form-row-first{float:left}.woocommerce form .form-row-last,.woocommerce-page form .form-row-last{float:right}.woocommerce form .form-row-wide,.woocommerce-page form .form-row-wide{clear:both}.woocommerce form .password-input,.woocommerce-page form .password-input{display:flex;flex-direction:column;justify-content:center;position:relative}.woocommerce form .password-input input[type=password],.woocommerce-page form .password-input input[type=password]{padding-right:2.5rem}.woocommerce form .password-input input::-ms-reveal,.woocommerce-page form .password-input input::-ms-reveal{display:none}.woocommerce form .show-password-input,.woocommerce-page form .show-password-input{position:absolute;right:.7em;top:.7em;cursor:pointer}.woocommerce form .show-password-input::after,.woocommerce-page form .show-password-input::after{font-family:WooCommerce;speak:never;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;margin-left:.618em;content:"\e010";text-decoration:none}.woocommerce form .show-password-input.display-password::after,.woocommerce-page form .show-password-input.display-password::after{color:#585858}.woocommerce #payment .form-row select,.woocommerce-page #payment .form-row select{width:auto}.woocommerce #payment .terms,.woocommerce #payment .wc-terms-and-conditions,.woocommerce-page #payment .terms,.woocommerce-page #payment .wc-terms-and-conditions{text-align:left;padding:0 1em 0 0;float:left}.woocommerce #payment #place_order,.woocommerce-page #payment #place_order{float:right}.woocommerce .woocommerce-billing-fields::after,.woocommerce .woocommerce-billing-fields::before,.woocommerce .woocommerce-shipping-fields::after,.woocommerce .woocommerce-shipping-fields::before,.woocommerce-page .woocommerce-billing-fields::after,.woocommerce-page .woocommerce-billing-fields::before,.woocommerce-page .woocommerce-shipping-fields::after,.woocommerce-page .woocommerce-shipping-fields::before{content:" ";display:table}.woocommerce .woocommerce-billing-fields::after,.woocommerce .woocommerce-shipping-fields::after,.woocommerce-page .woocommerce-billing-fields::after,.woocommerce-page .woocommerce-shipping-fields::after{clear:both}.woocommerce .woocommerce-terms-and-conditions,.woocommerce-page .woocommerce-terms-and-conditions{margin-bottom:1.618em;padding:1.618em}.woocommerce .woocommerce-oembed,.woocommerce-page .woocommerce-oembed{position:relative}.woocommerce-account .woocommerce-MyAccount-navigation{float:left;width:30%}.woocommerce-account .woocommerce-MyAccount-content{float:right;width:68%}.woocommerce-account .woocommerce-MyAccount-content mark{background-color:transparent;color:inherit;font-weight:700}.woocommerce-page.left-sidebar #content.twentyeleven{width:58.4%;margin:0 7.6%;float:right}.woocommerce-page.right-sidebar #content.twentyeleven{margin:0 7.6%;width:58.4%;float:left}.twentyfourteen .tfwc{padding:12px 10px 0;max-width:474px;margin:0 auto}.twentyfourteen .tfwc .product .entry-summary{padding:0!important;margin:0 0 1.618em!important}.twentyfourteen .tfwc div.product.hentry.has-post-thumbnail{margin-top:0}@media screen and (min-width:673px){.twentyfourteen .tfwc{padding-right:30px;padding-left:30px}}@media screen and (min-width:1040px){.twentyfourteen .tfwc{padding-right:15px;padding-left:15px}}@media screen and (min-width:1110px){.twentyfourteen .tfwc{padding-right:30px;padding-left:30px}}@media screen and (min-width:1218px){.twentyfourteen .tfwc{margin-right:54px}.full-width .twentyfourteen .tfwc{margin-right:auto}}.twentyfifteen .t15wc{padding-left:7.6923%;padding-right:7.6923%;padding-top:7.6923%;margin-bottom:7.6923%;background:#fff;box-shadow:0 0 1px rgba(0,0,0,.15)}.twentyfifteen .t15wc .page-title{margin-left:0}@media screen and (min-width:38.75em){.twentyfifteen .t15wc{margin-right:7.6923%;margin-left:7.6923%;margin-top:8.3333%}}@media screen and (min-width:59.6875em){.twentyfifteen .t15wc{margin-left:8.3333%;margin-right:8.3333%;padding:10%}.single-product .twentyfifteen .entry-summary{padding:0!important}}.twentysixteen .site-main{margin-right:7.6923%;margin-left:7.6923%}.twentysixteen .entry-summary{margin-right:0;margin-left:0}#content .twentysixteen div.product div.images,#content .twentysixteen div.product div.summary{width:46.42857%}@media screen and (min-width:44.375em){.twentysixteen .site-main{margin-right:23.0769%}}@media screen and (min-width:56.875em){.twentysixteen .site-main{margin-right:0;margin-left:0}.no-sidebar .twentysixteen .site-main{margin-right:15%;margin-left:15%}.no-sidebar .twentysixteen .entry-summary{margin-right:0;margin-left:0}}.rtl .woocommerce .col2-set .col-1,.rtl .woocommerce-page .col2-set .col-1{float:right}.rtl .woocommerce .col2-set .col-2,.rtl .woocommerce-page .col2-set .col-2{float:left}